diff --git a/VERSION.txt b/VERSION.txt
index 28cbf7c0aae..acf69b48b84 100644
--- a/VERSION.txt
+++ b/VERSION.txt
@@ -1 +1 @@
-5.0.0
\ No newline at end of file
+5.1.0
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-carousel/a11y-carousel.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-carousel/a11y-carousel.js
index 7913c7368d8..01fef2f01ff 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-carousel/a11y-carousel.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-carousel/a11y-carousel.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../radio-behaviors/radio-behaviors.js"
   });
   _exports.a11yCarousel = void 0;
 
-  var _templateObject_9e2d74701f0511ed8cc3e9a95995ad69, _templateObject2_9e2d74701f0511ed8cc3e9a95995ad69, _templateObject3_9e2d74701f0511ed8cc3e9a95995ad69, _templateObject4_9e2d74701f0511ed8cc3e9a95995ad69, _templateObject5_9e2d74701f0511ed8cc3e9a95995ad69;
+  var _templateObject_792f88901f2611eda0c389891c227ec8, _templateObject2_792f88901f2611eda0c389891c227ec8, _templateObject3_792f88901f2611eda0c389891c227ec8, _templateObject4_792f88901f2611eda0c389891c227ec8, _templateObject5_792f88901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -47,8 +47,8 @@ define(["exports", "../../lit/index.js", "../radio-behaviors/radio-behaviors.js"
     babelHelpers.createClass(a11yCarousel, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9e2d74701f0511ed8cc3e9a95995ad69 || (_templateObject_9e2d74701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div><slot name=\"above\"></slot></div>\n      <div id=\"inner\">\n        <slot name=\"img\"></slot>\n        <slot></slot>\n        ", "\n      </div>\n      ", "\n      <div><slot name=\"below\"></slot></div>\n    "])), this.noPrevNext ? "" : (0, _index.html)(_templateObject2_9e2d74701f0511ed8cc3e9a95995ad69 || (_templateObject2_9e2d74701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <a11y-carousel-button\n                class=\"prevnext\"\n                button-type=\"prev\"\n                controls=\"", "\"\n                title=\"", "\"\n              >\n                <span class=\"sr-only\">", "</span>\n                <simple-icon-lite icon=\"icons:chevron-left\"></simple-icon-lite>\n              </a11y-carousel-button>\n              <a11y-carousel-button\n                class=\"prevnext\"\n                button-type=\"next\"\n                controls=\"", "\"\n                title=\"", "\"\n              >\n                <span class=\"sr-only\">", "</span>\n                <simple-icon-lite icon=\"icons:chevron-right\"></simple-icon-lite>\n              </a11y-carousel-button>\n            "])), this.prev, this.prevLabel, this.nextLabel, this.next, this.nextLabel, this.nextLabel), this.noButtons ? "" : (0, _index.html)(_templateObject3_9e2d74701f0511ed8cc3e9a95995ad69 || (_templateObject3_9e2d74701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"buttons\">\n              ", "\n            </div>\n          "])), (this.itemData || []).map(function (item) {
-          return (0, _index.html)(_templateObject4_9e2d74701f0511ed8cc3e9a95995ad69 || (_templateObject4_9e2d74701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <a11y-carousel-button class=\"button\" controls=\"", "\">\n                    <span class=\"sr-only\">", "</span>\n                  </a11y-carousel-button>\n                "])), item.id, item.index + 1);
+        return (0, _index.html)(_templateObject_792f88901f2611eda0c389891c227ec8 || (_templateObject_792f88901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div><slot name=\"above\"></slot></div>\n      <div id=\"inner\">\n        <slot name=\"img\"></slot>\n        <slot></slot>\n        ", "\n      </div>\n      ", "\n      <div><slot name=\"below\"></slot></div>\n    "])), this.noPrevNext ? "" : (0, _index.html)(_templateObject2_792f88901f2611eda0c389891c227ec8 || (_templateObject2_792f88901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <a11y-carousel-button\n                class=\"prevnext\"\n                button-type=\"prev\"\n                controls=\"", "\"\n                title=\"", "\"\n              >\n                <span class=\"sr-only\">", "</span>\n                <simple-icon-lite icon=\"icons:chevron-left\"></simple-icon-lite>\n              </a11y-carousel-button>\n              <a11y-carousel-button\n                class=\"prevnext\"\n                button-type=\"next\"\n                controls=\"", "\"\n                title=\"", "\"\n              >\n                <span class=\"sr-only\">", "</span>\n                <simple-icon-lite icon=\"icons:chevron-right\"></simple-icon-lite>\n              </a11y-carousel-button>\n            "])), this.prev, this.prevLabel, this.nextLabel, this.next, this.nextLabel, this.nextLabel), this.noButtons ? "" : (0, _index.html)(_templateObject3_792f88901f2611eda0c389891c227ec8 || (_templateObject3_792f88901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"buttons\">\n              ", "\n            </div>\n          "])), (this.itemData || []).map(function (item) {
+          return (0, _index.html)(_templateObject4_792f88901f2611eda0c389891c227ec8 || (_templateObject4_792f88901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <a11y-carousel-button class=\"button\" controls=\"", "\">\n                    <span class=\"sr-only\">", "</span>\n                  </a11y-carousel-button>\n                "])), item.id, item.index + 1);
         })));
       } // properties available to the custom element for data binding
 
@@ -174,7 +174,7 @@ define(["exports", "../../lit/index.js", "../radio-behaviors/radio-behaviors.js"
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject5_9e2d74701f0511ed8cc3e9a95995ad69 || (_templateObject5_9e2d74701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin: 15px 0;\n          --a11y-carousel-background-image: none;\n        }\n        ::slotted(figure) {\n          margin: 0 auto;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n        }\n        :host([hidden]),\n        ::slotted(figure:not([active])) {\n          display: none !important;\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999px;\n          width: 0;\n          overflow: hidden;\n        }\n        @media screen {\n          #inner {\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 2;\n          }\n          .buttons {\n            display: flex;\n            align-items: stretch;\n            justify-content: center;\n            z-index: 200;\n          }\n          a11y-carousel-button.prevnext {\n            position: absolute;\n            margin: 0;\n            padding: 0;\n            top: 0;\n            bottom: 0;\n            display: flex;\n            flex-direction: column;\n            align-items: stretch;\n            justify-content: center;\n            border: 0px solid transparent;\n            width: 50%;\n          }\n          a11y-carousel-button.prevnext simple-icon-lite {\n            opacity: 0;\n            --simple-icon-width: 30%;\n            --simple-icon-height: 30%;\n            transition: 0.5s all ease-in-out;\n          }\n          a11y-carousel-button.prevnext:focus,\n          a11y-carousel-button.prevnext:hover {\n            outline: none;\n          }\n          a11y-carousel-button.prevnext:focus simple-icon-lite,\n          a11y-carousel-button.prevnext:hover simple-icon-lite {\n            opacity: 1;\n            color: var(--a11y-carousel-button-background-color, black);\n          }\n          a11y-carousel-button[button-type=\"prev\"] {\n            left: 0;\n            right: 50%;\n          }\n          a11y-carousel-button[button-type=\"next\"] {\n            right: 0;\n            left: 50%;\n            align-items: flex-end;\n          }\n          a11y-carousel-button.button {\n            flex: 0 0 var(--a11y-carousel-button-width, 40px);\n            height: var(--a11y-carousel-button-height, 10px);\n            margin: var(--a11y-carousel-button-margin, 5px);\n            padding: var(--a11y-carousel-button-padding, 0px);\n            background-color: var(\n              --a11y-carousel-button-background-color,\n              black\n            );\n            border: var(--a11y-carousel-button-border, 1px solid black);\n            border-radius: var(\n              --a11y-carousel-button-border-radius,\n              1px solid black\n            );\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject5_792f88901f2611eda0c389891c227ec8 || (_templateObject5_792f88901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin: 15px 0;\n          --a11y-carousel-background-image: none;\n        }\n        ::slotted(figure) {\n          margin: 0 auto;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n        }\n        :host([hidden]),\n        ::slotted(figure:not([active])) {\n          display: none !important;\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999px;\n          width: 0;\n          overflow: hidden;\n        }\n        @media screen {\n          #inner {\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 2;\n          }\n          .buttons {\n            display: flex;\n            align-items: stretch;\n            justify-content: center;\n            z-index: 200;\n          }\n          a11y-carousel-button.prevnext {\n            position: absolute;\n            margin: 0;\n            padding: 0;\n            top: 0;\n            bottom: 0;\n            display: flex;\n            flex-direction: column;\n            align-items: stretch;\n            justify-content: center;\n            border: 0px solid transparent;\n            width: 50%;\n          }\n          a11y-carousel-button.prevnext simple-icon-lite {\n            opacity: 0;\n            --simple-icon-width: 30%;\n            --simple-icon-height: 30%;\n            transition: 0.5s all ease-in-out;\n          }\n          a11y-carousel-button.prevnext:focus,\n          a11y-carousel-button.prevnext:hover {\n            outline: none;\n          }\n          a11y-carousel-button.prevnext:focus simple-icon-lite,\n          a11y-carousel-button.prevnext:hover simple-icon-lite {\n            opacity: 1;\n            color: var(--a11y-carousel-button-background-color, black);\n          }\n          a11y-carousel-button[button-type=\"prev\"] {\n            left: 0;\n            right: 50%;\n          }\n          a11y-carousel-button[button-type=\"next\"] {\n            right: 0;\n            left: 50%;\n            align-items: flex-end;\n          }\n          a11y-carousel-button.button {\n            flex: 0 0 var(--a11y-carousel-button-width, 40px);\n            height: var(--a11y-carousel-button-height, 10px);\n            margin: var(--a11y-carousel-button-margin, 5px);\n            padding: var(--a11y-carousel-button-padding, 0px);\n            background-color: var(\n              --a11y-carousel-button-background-color,\n              black\n            );\n            border: var(--a11y-carousel-button-border, 1px solid black);\n            border-radius: var(\n              --a11y-carousel-button-border-radius,\n              1px solid black\n            );\n          }\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-carousel/lib/a11y-carousel-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-carousel/lib/a11y-carousel-button.js
index 3dc132214c8..c2eca090c3e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-carousel/lib/a11y-carousel-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-carousel/lib/a11y-carousel-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.a11yCarouselButton = void 0;
 
-  var _templateObject_b04590c01f0511ed8cc3e9a95995ad69, _templateObject2_b04590c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a6b00801f2611eda0c389891c227ec8, _templateObject2_8a6b00801f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -47,7 +47,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(a11yCarouselButton, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b04590c01f0511ed8cc3e9a95995ad69 || (_templateObject_b04590c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+        return (0, _index.html)(_templateObject_8a6b00801f2611eda0c389891c227ec8 || (_templateObject_8a6b00801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
       } // properties available to the custom element for data binding
 
     }, {
@@ -92,7 +92,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_b04590c01f0511ed8cc3e9a95995ad69 || (_templateObject2_b04590c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline;\n          background-color: transparent;\n          border: 1px solid black;\n          padding: 2px 5px;\n          margin: 15px 2px;\n          text-align: center;\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n        :host([disabled]) {\n          opacity: 0.5;\n        }\n        @media print {\n          :host {\n            display: none !important;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8a6b00801f2611eda0c389891c227ec8 || (_templateObject2_8a6b00801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline;\n          background-color: transparent;\n          border: 1px solid black;\n          padding: 2px 5px;\n          margin: 15px 2px;\n          text-align: center;\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n        :host([disabled]) {\n          opacity: 0.5;\n        }\n        @media print {\n          :host {\n            display: none !important;\n          }\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/a11y-collapse.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/a11y-collapse.js
index 6a40ccce18b..f0ce18fff0a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/a11y-collapse.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/a11y-collapse.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-icon/lib/simple-icon
   _exports.A11yCollapse = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_9e3256701f0511ed8cc3e9a95995ad69, _templateObject2_9e3256701f0511ed8cc3e9a95995ad69, _templateObject3_9e3256701f0511ed8cc3e9a95995ad69, _templateObject4_9e3256701f0511ed8cc3e9a95995ad69;
+  var _templateObject_7933ce501f2611eda0c389891c227ec8, _templateObject2_7933ce501f2611eda0c389891c227ec8, _templateObject3_7933ce501f2611eda0c389891c227ec8, _templateObject4_7933ce501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -76,7 +76,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-icon/lib/simple-icon
     babelHelpers.createClass(A11yCollapse, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9e3256701f0511ed8cc3e9a95995ad69 || (_templateObject_9e3256701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <div\n        id=\"content\"\n        aria-hidden=\"", "\"\n        aria-labelledby=\"heading\"\n        aria-live=\"polite\"\n      >\n        <div id=\"content-inner\">\n          <slot name=\"content\"></slot>\n          <slot></slot>\n        </div>\n      </div>\n    "])), this.headingButton || this.accordion ? this._makeHeadingButton() : this._makeIconButton(), this.expanded ? "false" : "true");
+        return (0, _index.html)(_templateObject_7933ce501f2611eda0c389891c227ec8 || (_templateObject_7933ce501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <div\n        id=\"content\"\n        aria-hidden=\"", "\"\n        aria-labelledby=\"heading\"\n        aria-live=\"polite\"\n      >\n        <div id=\"content-inner\">\n          <slot name=\"content\"></slot>\n          <slot></slot>\n        </div>\n      </div>\n    "])), this.headingButton || this.accordion ? this._makeHeadingButton() : this._makeIconButton(), this.expanded ? "false" : "true");
       }
     }, {
       key: "connectedCallback",
@@ -234,7 +234,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-icon/lib/simple-icon
     }, {
       key: "_makeHeadingButton",
       value: function _makeHeadingButton() {
-        return (0, _index.html)(_templateObject2_9e3256701f0511ed8cc3e9a95995ad69 || (_templateObject2_9e3256701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        id=\"heading\"\n        aria-controls=\"content\"\n        aria-expanded=\"", "\"\n        role=\"button\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n        .label=\"", "\"\n      >\n        <div id=\"text\"><slot name=\"heading\"></slot></div>\n        <simple-icon-lite\n          id=\"expand\"\n          class=\"", "\"\n          .icon=\"", "\"\n          aria-hidden=\"true\"\n        >\n        </simple-icon-lite>\n      </div>\n      <simple-tooltip for=\"heading\"\n        >", "</simple-tooltip\n      >\n    "])), this.expanded ? "true" : "false", this._onClick, this.disabled, this._getExpanded(this.label, this.labelExpanded, this.expanded), !this.expanded && !this.iconExpanded ? "rotated" : "", this._getExpanded(this.icon || "icons:expand-more", this.iconExpanded, this.expanded), this._getExpanded(this.tooltip, this.tooltipExpanded, this.expanded));
+        return (0, _index.html)(_templateObject2_7933ce501f2611eda0c389891c227ec8 || (_templateObject2_7933ce501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        id=\"heading\"\n        aria-controls=\"content\"\n        aria-expanded=\"", "\"\n        role=\"button\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n        .label=\"", "\"\n      >\n        <div id=\"text\"><slot name=\"heading\"></slot></div>\n        <simple-icon-lite\n          id=\"expand\"\n          class=\"", "\"\n          .icon=\"", "\"\n          aria-hidden=\"true\"\n        >\n        </simple-icon-lite>\n      </div>\n      <simple-tooltip for=\"heading\"\n        >", "</simple-tooltip\n      >\n    "])), this.expanded ? "true" : "false", this._onClick, this.disabled, this._getExpanded(this.label, this.labelExpanded, this.expanded), !this.expanded && !this.iconExpanded ? "rotated" : "", this._getExpanded(this.icon || "icons:expand-more", this.iconExpanded, this.expanded), this._getExpanded(this.tooltip, this.tooltipExpanded, this.expanded));
       }
       /**
        * renders collapse item where only icon is a clickable button
@@ -244,7 +244,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-icon/lib/simple-icon
     }, {
       key: "_makeIconButton",
       value: function _makeIconButton() {
-        return (0, _index.html)(_templateObject3_9e3256701f0511ed8cc3e9a95995ad69 || (_templateObject3_9e3256701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"heading\">\n        <div id=\"text\"><slot name=\"heading\"></slot></div>\n        <simple-icon-button-lite\n          id=\"expand\"\n          class=\"", "\"\n          @click=\"", "\"\n          ?disabled=\"", "\"\n          .label=\"", "\"\n          .icon=\"", "\"\n          aria-controls=\"content\"\n          aria-expanded=\"", "\"\n        >\n        </simple-icon-button-lite>\n        <simple-tooltip for=\"expand\"\n          >", "</simple-tooltip\n        >\n      </div>\n    "])), !this.expanded && !this.iconExpanded ? "rotated" : "", this._onClick, this.disabled, this._getExpanded(this.label, this.labelExpanded, this.expanded), this._getExpanded(this.icon || "icons:expand-more", this.iconExpanded, this.expanded), this.expanded ? "true" : "false", this._getExpanded(this.tooltip, this.tooltipExpanded, this.expanded));
+        return (0, _index.html)(_templateObject3_7933ce501f2611eda0c389891c227ec8 || (_templateObject3_7933ce501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"heading\">\n        <div id=\"text\"><slot name=\"heading\"></slot></div>\n        <simple-icon-button-lite\n          id=\"expand\"\n          class=\"", "\"\n          @click=\"", "\"\n          ?disabled=\"", "\"\n          .label=\"", "\"\n          .icon=\"", "\"\n          aria-controls=\"content\"\n          aria-expanded=\"", "\"\n        >\n        </simple-icon-button-lite>\n        <simple-tooltip for=\"expand\"\n          >", "</simple-tooltip\n        >\n      </div>\n    "])), !this.expanded && !this.iconExpanded ? "rotated" : "", this._onClick, this.disabled, this._getExpanded(this.label, this.labelExpanded, this.expanded), this._getExpanded(this.icon || "icons:expand-more", this.iconExpanded, this.expanded), this.expanded ? "true" : "false", this._getExpanded(this.tooltip, this.tooltipExpanded, this.expanded));
       }
       /**
        * Handle click
@@ -283,7 +283,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-icon/lib/simple-icon
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject4_9e3256701f0511ed8cc3e9a95995ad69 || (_templateObject4_9e3256701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: var(--a11y-collapse-margin, 15px 0);\n          border: var(--a11y-collapse-border, 1px solid);\n          border-color: var(--a11y-collapse-border-color, inherit);\n          transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);\n        }\n        :host(:not(:first-of-type)) {\n          border-top: var(\n            --a11y-collapse-border-between,\n            var(--a11y-collapse-border, 1px solid)\n          );\n        }\n        :host([disabled]) {\n          opacity: 0.5;\n        }\n        *[aria-controls=\"content\"][disabled] {\n          cursor: not-allowed;\n        }\n        #heading {\n          display: flex;\n          justify-content: stretch;\n          align-items: center;\n          padding: 0\n            var(\n              --a11y-collapse-padding-right,\n              var(--a11y-collapse-horizontal-padding, 16px)\n            )\n            0\n            var(\n              --a11y-collapse-padding-left,\n              var(--a11y-collapse-horizontal-padding, 16px)\n            );\n          font-weight: var(--a11y-collapse-heading-font-weight, bold);\n          margin: var(--a11y-collapse-margin, unset);\n          color: var(--a11y-collapse-heading-color, unset);\n          background-color: var(\n            --a11y-collapse-heading-background-color,\n            unset\n          );\n        }\n        :host([disabled]) #heading {\n          color: var(--a11y-collapse-disabled-heading-color, unset);\n          background-color: var(\n            --a11y-collapse-heading-disabled-background-color,\n            unset\n          );\n        }\n        #text {\n          flex-grow: 1;\n          overflow: hidden;\n        }\n        #expand {\n          transform: rotate(0deg);\n          transition: transform 0.75s ease;\n          padding: (--a11y-collapse-icon-padding, unset);\n        }\n        #content {\n          padding: var(\n              --a11y-collapse-padding-top,\n              var(--a11y-collapse-vertical-padding, 16px)\n            )\n            var(\n              --a11y-collapse-padding-right,\n              var(--a11y-collapse-horizontal-padding, 16px)\n            )\n            var(\n              --a11y-collapse-padding-bottom,\n              var(--a11y-collapse-vertical-padding, 16px)\n            )\n            var(\n              --a11y-collapse-padding-left,\n              var(--a11y-collapse-horizontal-padding, 16px)\n            );\n          border-top: var(--a11y-collapse-border, 1px solid);\n          border-color: var(--a11y-collapse-border-color, inherit);\n        }\n        @media screen {\n          #expand.rotated {\n            transform: rotate(-90deg);\n            transition: transform 0.75s ease;\n          }\n          :host #content {\n            padding: 0\n              var(\n                --a11y-collapse-padding-right,\n                var(--a11y-collapse-horizontal-padding, 16px)\n              )\n              0\n              var(\n                --a11y-collapse-padding-left,\n                var(--a11y-collapse-horizontal-padding, 16px)\n              );\n            border-top: 0px solid;\n            border-color: var(--a11y-collapse-border-color, inherit);\n            max-height: 0;\n            transition: all 0.75s ease;\n            overflow-y: hidden;\n          }\n          :host #content-inner {\n            max-height: 0;\n            overflow-y: var(--a11y-collapse-overflow-y, hidden);\n          }\n          :host([expanded]) #content {\n            padding: var(\n                --a11y-collapse-padding-top,\n                var(--a11y-collapse-vertical-padding, 16px)\n              )\n              var(\n                --a11y-collapse-padding-right,\n                var(--a11y-collapse-horizontal-padding, 16px)\n              )\n              var(\n                --a11y-collapse-padding-bottom,\n                var(--a11y-collapse-vertical-padding, 16px)\n              )\n              var(\n                --a11y-collapse-padding-left,\n                var(--a11y-collapse-horizontal-padding, 16px)\n              );\n            border-top: var(--a11y-collapse-border, 1px solid);\n            border-color: var(--a11y-collapse-border-color, inherit);\n            max-height: 200000000000vh;\n          }\n          :host([expanded]) #content-inner {\n            max-height: var(--a11y-collapse-max-height, 200000000000vh);\n            transition: max-height 0.75s ease;\n          }\n          :host(:not([expanded])) #content {\n            display: none;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_7933ce501f2611eda0c389891c227ec8 || (_templateObject4_7933ce501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: var(--a11y-collapse-margin, 15px 0);\n          border: var(--a11y-collapse-border, 1px solid);\n          border-color: var(--a11y-collapse-border-color, inherit);\n          transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);\n        }\n        :host(:not(:first-of-type)) {\n          border-top: var(\n            --a11y-collapse-border-between,\n            var(--a11y-collapse-border, 1px solid)\n          );\n        }\n        :host([disabled]) {\n          opacity: 0.5;\n        }\n        *[aria-controls=\"content\"][disabled] {\n          cursor: not-allowed;\n        }\n        #heading {\n          display: flex;\n          justify-content: stretch;\n          align-items: center;\n          padding: 0\n            var(\n              --a11y-collapse-padding-right,\n              var(--a11y-collapse-horizontal-padding, 16px)\n            )\n            0\n            var(\n              --a11y-collapse-padding-left,\n              var(--a11y-collapse-horizontal-padding, 16px)\n            );\n          font-weight: var(--a11y-collapse-heading-font-weight, bold);\n          margin: var(--a11y-collapse-margin, unset);\n          color: var(--a11y-collapse-heading-color, unset);\n          background-color: var(\n            --a11y-collapse-heading-background-color,\n            unset\n          );\n        }\n        :host([disabled]) #heading {\n          color: var(--a11y-collapse-disabled-heading-color, unset);\n          background-color: var(\n            --a11y-collapse-heading-disabled-background-color,\n            unset\n          );\n        }\n        #text {\n          flex-grow: 1;\n          overflow: hidden;\n        }\n        #expand {\n          transform: rotate(0deg);\n          transition: transform 0.75s ease;\n          padding: (--a11y-collapse-icon-padding, unset);\n        }\n        #content {\n          padding: var(\n              --a11y-collapse-padding-top,\n              var(--a11y-collapse-vertical-padding, 16px)\n            )\n            var(\n              --a11y-collapse-padding-right,\n              var(--a11y-collapse-horizontal-padding, 16px)\n            )\n            var(\n              --a11y-collapse-padding-bottom,\n              var(--a11y-collapse-vertical-padding, 16px)\n            )\n            var(\n              --a11y-collapse-padding-left,\n              var(--a11y-collapse-horizontal-padding, 16px)\n            );\n          border-top: var(--a11y-collapse-border, 1px solid);\n          border-color: var(--a11y-collapse-border-color, inherit);\n        }\n        @media screen {\n          #expand.rotated {\n            transform: rotate(-90deg);\n            transition: transform 0.75s ease;\n          }\n          :host #content {\n            padding: 0\n              var(\n                --a11y-collapse-padding-right,\n                var(--a11y-collapse-horizontal-padding, 16px)\n              )\n              0\n              var(\n                --a11y-collapse-padding-left,\n                var(--a11y-collapse-horizontal-padding, 16px)\n              );\n            border-top: 0px solid;\n            border-color: var(--a11y-collapse-border-color, inherit);\n            max-height: 0;\n            transition: all 0.75s ease;\n            overflow-y: hidden;\n          }\n          :host #content-inner {\n            max-height: 0;\n            overflow-y: var(--a11y-collapse-overflow-y, hidden);\n          }\n          :host([expanded]) #content {\n            padding: var(\n                --a11y-collapse-padding-top,\n                var(--a11y-collapse-vertical-padding, 16px)\n              )\n              var(\n                --a11y-collapse-padding-right,\n                var(--a11y-collapse-horizontal-padding, 16px)\n              )\n              var(\n                --a11y-collapse-padding-bottom,\n                var(--a11y-collapse-vertical-padding, 16px)\n              )\n              var(\n                --a11y-collapse-padding-left,\n                var(--a11y-collapse-horizontal-padding, 16px)\n              );\n            border-top: var(--a11y-collapse-border, 1px solid);\n            border-color: var(--a11y-collapse-border-color, inherit);\n            max-height: 200000000000vh;\n          }\n          :host([expanded]) #content-inner {\n            max-height: var(--a11y-collapse-max-height, 200000000000vh);\n            transition: max-height 0.75s ease;\n          }\n          :host(:not([expanded])) #content {\n            display: none;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-group.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-group.js
index 840ba87bd20..aa8c835f36e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-group.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-group.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../lit/index.js", "../a11y-collapse.js"], func
   _exports.A11yCollapseGroup = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_b04a4bb01f0511ed8cc3e9a95995ad69, _templateObject2_b04a4bb01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a6f94601f2611eda0c389891c227ec8, _templateObject2_8a6f94601f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -87,7 +87,7 @@ define(["exports", "meta", "../../../lit/index.js", "../a11y-collapse.js"], func
     babelHelpers.createClass(A11yCollapseGroup, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b04a4bb01f0511ed8cc3e9a95995ad69 || (_templateObject_b04a4bb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div class=\"wrapper\"><slot></slot></div> "])));
+        return (0, _index.html)(_templateObject_8a6f94601f2611eda0c389891c227ec8 || (_templateObject_8a6f94601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div class=\"wrapper\"><slot></slot></div> "])));
       }
     }, {
       key: "items",
@@ -173,7 +173,7 @@ define(["exports", "meta", "../../../lit/index.js", "../a11y-collapse.js"], func
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_b04a4bb01f0511ed8cc3e9a95995ad69 || (_templateObject2_b04a4bb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: var(--a11y-collapse-group-margin, 15px 0);\n          --a11y-collapse-margin: 15px;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #heading {\n          font-weight: bold;\n        }\n        .wrapper {\n          border-radius: 0;\n          display: block;\n          --a11y-collapse-margin: 0 0;\n          --a11y-collapse-border-between: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8a6f94601f2611eda0c389891c227ec8 || (_templateObject2_8a6f94601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: var(--a11y-collapse-group-margin, 15px 0);\n          --a11y-collapse-margin: 15px;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #heading {\n          font-weight: bold;\n        }\n        .wrapper {\n          border-radius: 0;\n          display: block;\n          --a11y-collapse-margin: 0 0;\n          --a11y-collapse-border-between: none;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/dist/a11y-collapse-group.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/dist/a11y-collapse-group.dev.js
index 85f50aee012..d55f0f0ab0e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/dist/a11y-collapse-group.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/dist/a11y-collapse-group.dev.js
@@ -72,20 +72,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_e749bba01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_bd642a701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: var(--a11y-collapse-group-margin, 15px 0);\n          --a11y-collapse-margin: 15px;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #heading {\n          font-weight: bold;\n        }\n        .wrapper {\n          border-radius: 0;\n          --a11y-collapse-margin: 0 0;\n          --a11y-collapse-border-between: none;\n        }\n      "]);
 
-  _templateObject2_e749bba01f0511ed8cc3e9a95995ad69 = function _templateObject2_e749bba01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_bd642a701f2611eda0c389891c227ec8 = function _templateObject2_bd642a701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_e749bba01f0511ed8cc3e9a95995ad69() {
+function _templateObject_bd642a701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <div class="wrapper"><slot></slot></div> ']);
 
-  _templateObject_e749bba01f0511ed8cc3e9a95995ad69 = function _templateObject_e749bba01f0511ed8cc3e9a95995ad69() {
+  _templateObject_bd642a701f2611eda0c389891c227ec8 = function _templateObject_bd642a701f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -228,12 +228,12 @@ var A11yCollapseGroup = /*#__PURE__*/function (_LitElement) {
   _createClass(A11yCollapseGroup, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_e749bba01f0511ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject_bd642a701f2611eda0c389891c227ec8());
     }
   }], [{
     key: "styles",
     get: function get() {
-      return [(0, _litElement.css)(_templateObject2_e749bba01f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject2_bd642a701f2611eda0c389891c227ec8())];
     }
   }]);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-compare-image/a11y-compare-image.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-compare-image/a11y-compare-image.js
index 5e5d30efa71..283b91a0bc4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-compare-image/a11y-compare-image.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-compare-image/a11y-compare-image.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-colors/simple-col
   _exports.a11yCompareImage = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_9e3738701f0511ed8cc3e9a95995ad69, _templateObject2_9e3738701f0511ed8cc3e9a95995ad69, _templateObject3_9e3738701f0511ed8cc3e9a95995ad69;
+  var _templateObject_793814101f2611eda0c389891c227ec8, _templateObject2_793814101f2611eda0c389891c227ec8, _templateObject3_793814101f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -51,8 +51,8 @@ define(["exports", "require", "../../lit/index.js", "../simple-colors/simple-col
     babelHelpers.createClass(a11yCompareImage, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9e3738701f0511ed8cc3e9a95995ad69 || (_templateObject_9e3738701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <figure>\n      <figcaption>\n        <slot name=\"heading\"></slot>\n        <div id=\"description\"><slot name=\"description\"></slot></div>\n      </figcaption>\n      <div id=\"container\" style=\"background-image: url(", ")\">\n        <div>\n          <div id=\"placeholder\">\n            <slot id=\"bottom\" name=\"bottom\"></slot>\n          </div>\n          <slot name=\"top\" hidden></slot>\n          <div id=\"layer\" style=\"background-image: url(", ")\"></div>\n          <slot></slot>\n        </div>\n      </div>\n      <div id=\"input\">\n        ", "\n        <simple-range-input\n          accent-color=\"", "\"\n          ?dark=\"", "\"\n          id=\"slider\"\n          label=\"", "\"\n          @immediate-value-changed=\"", "\"\n          value=\"", "\"\n          immediate-value=\"", "\"\n        ></simple-range-input>\n      </div>\n    </figure>"])), this.__lower, this.__upper, this.__markers.map(function (marker) {
-          return (0, _index.html)(_templateObject2_9e3738701f0511ed8cc3e9a95995ad69 || (_templateObject2_9e3738701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <div\n                class=\"marker\"\n                .style=\"left: ", "%;\"\n                ?hidden=\"", "\"\n              ></div>\n            "])), marker, marker == 100);
+        return (0, _index.html)(_templateObject_793814101f2611eda0c389891c227ec8 || (_templateObject_793814101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <figure>\n      <figcaption>\n        <slot name=\"heading\"></slot>\n        <div id=\"description\"><slot name=\"description\"></slot></div>\n      </figcaption>\n      <div id=\"container\" style=\"background-image: url(", ")\">\n        <div>\n          <div id=\"placeholder\">\n            <slot id=\"bottom\" name=\"bottom\"></slot>\n          </div>\n          <slot name=\"top\" hidden></slot>\n          <div id=\"layer\" style=\"background-image: url(", ")\"></div>\n          <slot></slot>\n        </div>\n      </div>\n      <div id=\"input\">\n        ", "\n        <simple-range-input\n          accent-color=\"", "\"\n          ?dark=\"", "\"\n          id=\"slider\"\n          label=\"", "\"\n          @immediate-value-changed=\"", "\"\n          value=\"", "\"\n          immediate-value=\"", "\"\n        ></simple-range-input>\n      </div>\n    </figure>"])), this.__lower, this.__upper, this.__markers.map(function (marker) {
+          return (0, _index.html)(_templateObject2_793814101f2611eda0c389891c227ec8 || (_templateObject2_793814101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <div\n                class=\"marker\"\n                .style=\"left: ", "%;\"\n                ?hidden=\"", "\"\n              ></div>\n            "])), marker, marker == 100);
         }), this.accentColor, this.dark, this.label, this._valueChanged, this.position, this.position);
       }
     }, {
@@ -142,7 +142,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-colors/simple-col
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(a11yCompareImage), "styles", this)), [(0, _index.css)(_templateObject3_9e3738701f0511ed8cc3e9a95995ad69 || (_templateObject3_9e3738701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          margin: 15px 0;\n          --simple-range-input-track-height: 4pxsnow;\n          --simple-range-input-pin-height: 20px;\n          --simple-range-offet: calc(\n            var(--simple-range-input-pin-height, 20px) / 2\n          );\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n        figure {\n          margin: 0;\n        }\n        #container,\n        #container > div {\n          margin: 0;\n          padding: 0;\n        }\n        #container,\n        #input {\n          position: relative;\n        }\n        /* Added background-size: cover to adjust the bottom layer to match top in first example */\n        #container {\n          background-size: cover;\n          background-repeat: no-repeat;\n        }\n\n        #layer {\n          top: 0;\n          left: 0;\n          position: absolute;\n          height: 100%;\n          opacity: var(--a11y-compare-image-opacity, 1);\n          width: var(--a11y-compare-image-width, 50%);\n          background-size: cover;\n          background-position-x: 0%;\n          background-repeat: no-repeat;\n        }\n        #placeholder {\n          opacity: 0;\n        }\n\n        #bottom {\n          width: 100%;\n        }\n        #slider {\n          top: calc(0px - var(--simple-range-offet, 10px));\n          left: 0;\n          position: absolute;\n          width: 100%;\n          margin: 0;\n        }\n        .marker {\n          z-index: 1;\n          top: calc(0px - var(--simple-range-input-pin-height, 20px) / 2);\n          position: absolute;\n          width: 1px;\n          outline: 1px solid\n            var(\n              --simple-range-input-bg,\n              var(--simple-colors-default-theme-accent-2, grey)\n            );\n          background-color: var(\n            --simple-range-input-color,\n            var(--simple-colors-default-theme-accent-8, grey)\n          );\n          padding-top: var(--simple-range-input-pin-height, 20px);\n        }\n        #placeholder ::slotted([slot=\"bottom\"]) {\n          max-width: 100%;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(a11yCompareImage), "styles", this)), [(0, _index.css)(_templateObject3_793814101f2611eda0c389891c227ec8 || (_templateObject3_793814101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          margin: 15px 0;\n          --simple-range-input-track-height: 4pxsnow;\n          --simple-range-input-pin-height: 20px;\n          --simple-range-offet: calc(\n            var(--simple-range-input-pin-height, 20px) / 2\n          );\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n        figure {\n          margin: 0;\n        }\n        #container,\n        #container > div {\n          margin: 0;\n          padding: 0;\n        }\n        #container,\n        #input {\n          position: relative;\n        }\n        /* Added background-size: cover to adjust the bottom layer to match top in first example */\n        #container {\n          background-size: cover;\n          background-repeat: no-repeat;\n        }\n\n        #layer {\n          top: 0;\n          left: 0;\n          position: absolute;\n          height: 100%;\n          opacity: var(--a11y-compare-image-opacity, 1);\n          width: var(--a11y-compare-image-width, 50%);\n          background-size: cover;\n          background-position-x: 0%;\n          background-repeat: no-repeat;\n        }\n        #placeholder {\n          opacity: 0;\n        }\n\n        #bottom {\n          width: 100%;\n        }\n        #slider {\n          top: calc(0px - var(--simple-range-offet, 10px));\n          left: 0;\n          position: absolute;\n          width: 100%;\n          margin: 0;\n        }\n        .marker {\n          z-index: 1;\n          top: calc(0px - var(--simple-range-input-pin-height, 20px) / 2);\n          position: absolute;\n          width: 1px;\n          outline: 1px solid\n            var(\n              --simple-range-input-bg,\n              var(--simple-colors-default-theme-accent-2, grey)\n            );\n          background-color: var(\n            --simple-range-input-color,\n            var(--simple-colors-default-theme-accent-8, grey)\n          );\n          padding-top: var(--simple-range-input-pin-height, 20px);\n        }\n        #placeholder ::slotted([slot=\"bottom\"]) {\n          max-width: 100%;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-details/a11y-details.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-details/a11y-details.js
index c02030a5aea..2819965583d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-details/a11y-details.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-details/a11y-details.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.A11yDetails = void 0;
 
-  var _templateObject_9e3d04d01f0511ed8cc3e9a95995ad69, _templateObject2_9e3d04d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_793d1d201f2611eda0c389891c227ec8, _templateObject2_793d1d201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -91,7 +91,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_9e3d04d01f0511ed8cc3e9a95995ad69 || (_templateObject_9e3d04d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <details id=\"details\">\n        <summary\n          @click=\"", "\"\n          @keyup=\"", "\"\n          tabindex=\"0\"\n          role=\"button\"\n        >\n          <span class=\"open-text\">", "</span>\n          <span class=\"close-text\">", "</span>\n          <slot name=\"summary\" class=\"", "\"></slot>\n        </summary>\n        <div id=\"details-inner\"><slot name=\"details\"></slot></div>\n      </details>\n      <slot hidden></slot>"])), this._handleClick, this._handleKeyup, this.openText, this.closeText, this.summaryClasses);
+        return (0, _index.html)(_templateObject_793d1d201f2611eda0c389891c227ec8 || (_templateObject_793d1d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <details id=\"details\">\n        <summary\n          @click=\"", "\"\n          @keyup=\"", "\"\n          tabindex=\"0\"\n          role=\"button\"\n        >\n          <span class=\"open-text\">", "</span>\n          <span class=\"close-text\">", "</span>\n          <slot name=\"summary\" class=\"", "\"></slot>\n        </summary>\n        <div id=\"details-inner\"><slot name=\"details\"></slot></div>\n      </details>\n      <slot hidden></slot>"])), this._handleClick, this._handleKeyup, this.openText, this.closeText, this.summaryClasses);
       } // haxProperty definition
 
     }, {
@@ -350,7 +350,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_9e3d04d01f0511ed8cc3e9a95995ad69 || (_templateObject2_9e3d04d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host,\n        details {\n          display: inline-flex;\n          overflow: visible;\n        }\n\n        :host([hidden]) {\n          display: none !important;\n        }\n\n        summary {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          font-size: var(--a11y-details-summary-fontSize, 0.8em);\n          color: var(--a11y-details-summary-color, #000);\n          background-color: var(--a11y-details-summary-backgroundColor, #fff);\n          border-color: var(--a11y-details-summary-borderColor, #ddd);\n          border-width: var(--a11y-details-summary-borderWidth, 1px);\n          border-style: var(--a11y-details-summary-borderStyle, solid);\n          border-radius: var(--a11y-details-summary-borderRadius, 3px);\n          padding: var(--a11y-details-summary-padding, 0.5em);\n        }\n\n        summary:focus {\n          outline: var(--a11y-details-summary-focus-outline, 1px solid #006688);\n          color: var(\n            --a11y-details-summary-focus-color,\n            var(--a11y-details-summary-color, #000)\n          );\n          background-color: var(\n            --a11y-details-summary-focus-backgroundColor,\n            var(--a11y-details-summary-backgroundColor, #fff)\n          );\n          border-color: var(\n            --a11y-details-summary-focus-borderColor,\n            var(--a11y-details-borderColor, #999)\n          );\n          border-width: var(\n            --a11y-details-summary-focus-borderWidth,\n            var(--a11y-details-summary-borderWidth, 1px)\n          );\n          border-style: var(\n            --a11y-details-summary-focus-borderStyle,\n            var(--a11y-details-summary-borderStyle, dotted)\n          );\n          border-radius: var(\n            --a11y-details-summary-focus-borderRadius,\n            var(--a11y-details-summary-borderRadius, 3px)\n          );\n        }\n\n        #details-inner {\n          position: absolute;\n          display: none;\n          max-height: 0px;\n          transition: all 0.7s ease-in-out 0.2s;\n          overflow-y: auto;\n          padding: 0;\n          font-size: var(--a11y-details-fontSize, 0.8em);\n          color: var(--a11y-details-color, #000);\n          background-color: var(\n            --a11y-details-backgroundColor,\n            rgba(255, 255, 255, 0.8)\n          );\n          border-color: var(--a11y-details-borderColor, #999);\n          border-width: var(--a11y-details-borderWidth, 1px);\n          border-style: var(--a11y-details-borderStyle, solid);\n          border-radius: var(--a11y-details-borderRadius, 3px);\n        }\n\n        ::slotted(*:not[slot=\"summary\"]) {\n          display: none;\n        }\n\n        .close-text,\n        details[open] .open-text,\n        details:not([open]) .has-open-text,\n        details[open] .has-close-text {\n          display: none;\n        }\n\n        details[open] .close-text {\n          display: inline;\n        }\n\n        ::slotted([slot=\"details\"]) {\n          display: block;\n          height: auto;\n          max-height: 0;\n          overflow: hidden;\n          transition: all 0.7s ease-in-out 0.2s;\n        }\n\n        details[open] ::slotted([slot=\"details\"]) {\n          max-height: var(--a11y-details-maxHeight, 400px);\n          transition: all 0.7s ease-in-out 0.2s;\n        }\n\n        details[open] #details-inner {\n          z-index: 9999999999;\n          display: block;\n          left: var(--a11y-details-left, unset);\n          right: var(--a11y-details-right, unset);\n          padding: var(--a11y-details-padding, 0.5em);\n          max-height: var(--a11y-details-maxHeight, 400px);\n          padding: var(--a11y-details-padding, 0.5em);\n          width: calc(auto - 2 * var(--a11y-details-padding, 0.5em));\n          transition: all 0.7s ease-in-out 0.2s;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_793d1d201f2611eda0c389891c227ec8 || (_templateObject2_793d1d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host,\n        details {\n          display: inline-flex;\n          overflow: visible;\n        }\n\n        :host([hidden]) {\n          display: none !important;\n        }\n\n        summary {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          font-size: var(--a11y-details-summary-fontSize, 0.8em);\n          color: var(--a11y-details-summary-color, #000);\n          background-color: var(--a11y-details-summary-backgroundColor, #fff);\n          border-color: var(--a11y-details-summary-borderColor, #ddd);\n          border-width: var(--a11y-details-summary-borderWidth, 1px);\n          border-style: var(--a11y-details-summary-borderStyle, solid);\n          border-radius: var(--a11y-details-summary-borderRadius, 3px);\n          padding: var(--a11y-details-summary-padding, 0.5em);\n        }\n\n        summary:focus {\n          outline: var(--a11y-details-summary-focus-outline, 1px solid #006688);\n          color: var(\n            --a11y-details-summary-focus-color,\n            var(--a11y-details-summary-color, #000)\n          );\n          background-color: var(\n            --a11y-details-summary-focus-backgroundColor,\n            var(--a11y-details-summary-backgroundColor, #fff)\n          );\n          border-color: var(\n            --a11y-details-summary-focus-borderColor,\n            var(--a11y-details-borderColor, #999)\n          );\n          border-width: var(\n            --a11y-details-summary-focus-borderWidth,\n            var(--a11y-details-summary-borderWidth, 1px)\n          );\n          border-style: var(\n            --a11y-details-summary-focus-borderStyle,\n            var(--a11y-details-summary-borderStyle, dotted)\n          );\n          border-radius: var(\n            --a11y-details-summary-focus-borderRadius,\n            var(--a11y-details-summary-borderRadius, 3px)\n          );\n        }\n\n        #details-inner {\n          position: absolute;\n          display: none;\n          max-height: 0px;\n          transition: all 0.7s ease-in-out 0.2s;\n          overflow-y: auto;\n          padding: 0;\n          font-size: var(--a11y-details-fontSize, 0.8em);\n          color: var(--a11y-details-color, #000);\n          background-color: var(\n            --a11y-details-backgroundColor,\n            rgba(255, 255, 255, 0.8)\n          );\n          border-color: var(--a11y-details-borderColor, #999);\n          border-width: var(--a11y-details-borderWidth, 1px);\n          border-style: var(--a11y-details-borderStyle, solid);\n          border-radius: var(--a11y-details-borderRadius, 3px);\n        }\n\n        ::slotted(*:not[slot=\"summary\"]) {\n          display: none;\n        }\n\n        .close-text,\n        details[open] .open-text,\n        details:not([open]) .has-open-text,\n        details[open] .has-close-text {\n          display: none;\n        }\n\n        details[open] .close-text {\n          display: inline;\n        }\n\n        ::slotted([slot=\"details\"]) {\n          display: block;\n          height: auto;\n          max-height: 0;\n          overflow: hidden;\n          transition: all 0.7s ease-in-out 0.2s;\n        }\n\n        details[open] ::slotted([slot=\"details\"]) {\n          max-height: var(--a11y-details-maxHeight, 400px);\n          transition: all 0.7s ease-in-out 0.2s;\n        }\n\n        details[open] #details-inner {\n          z-index: 9999999999;\n          display: block;\n          left: var(--a11y-details-left, unset);\n          right: var(--a11y-details-right, unset);\n          padding: var(--a11y-details-padding, 0.5em);\n          max-height: var(--a11y-details-maxHeight, 400px);\n          padding: var(--a11y-details-padding, 0.5em);\n          width: calc(auto - 2 * var(--a11y-details-padding, 0.5em));\n          transition: all 0.7s ease-in-out 0.2s;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-figure/a11y-figure.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-figure/a11y-figure.js
index e4dc13f6a42..a7700425dc2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-figure/a11y-figure.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-figure/a11y-figure.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../a11y-details/a11y-details.js"], fun
   });
   _exports.A11yFigure = void 0;
 
-  var _templateObject_9e41bfc01f0511ed8cc3e9a95995ad69, _templateObject2_9e41bfc01f0511ed8cc3e9a95995ad69, _templateObject3_9e41bfc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_79413bd01f2611eda0c389891c227ec8, _templateObject2_79413bd01f2611eda0c389891c227ec8, _templateObject3_79413bd01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -92,7 +92,7 @@ define(["exports", "../../lit/index.js", "../a11y-details/a11y-details.js"], fun
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_9e41bfc01f0511ed8cc3e9a95995ad69 || (_templateObject_9e41bfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <figure>\n        ", "\n        <slot name=\"image\" ?hidden=\"", "\"></slot>\n        <figcaption>\n          <slot name=\"figcaption\"></slot>\n          <a11y-details\n            open-text=\"", "\"\n            close-text=\"", "\"\n            ?hidden=\"", "\"\n          >\n            <div slot=\"summary\"><slot name=\"summary\"></slot></div>\n            <div slot=\"details\"><slot name=\"details\"></slot></div>\n            <slot name=\"figdetails\"></slot>\n          </a11y-details>\n        </figcaption>\n      </figure>\n      <slot hidden></slot>\n    "])), this.imgSrc ? (0, _index.html)(_templateObject2_9e41bfc01f0511ed8cc3e9a95995ad69 || (_templateObject2_9e41bfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <img src=\"", "\" alt=\"", "\" /> "])), this.imgSrc, this.imgAlt) : "", this.imgSrc, this.openText, this.closeText, !this.__hasDetail);
+        return (0, _index.html)(_templateObject_79413bd01f2611eda0c389891c227ec8 || (_templateObject_79413bd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <figure>\n        ", "\n        <slot name=\"image\" ?hidden=\"", "\"></slot>\n        <figcaption>\n          <slot name=\"figcaption\"></slot>\n          <a11y-details\n            open-text=\"", "\"\n            close-text=\"", "\"\n            ?hidden=\"", "\"\n          >\n            <div slot=\"summary\"><slot name=\"summary\"></slot></div>\n            <div slot=\"details\"><slot name=\"details\"></slot></div>\n            <slot name=\"figdetails\"></slot>\n          </a11y-details>\n        </figcaption>\n      </figure>\n      <slot hidden></slot>\n    "])), this.imgSrc ? (0, _index.html)(_templateObject2_79413bd01f2611eda0c389891c227ec8 || (_templateObject2_79413bd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <img src=\"", "\" alt=\"", "\" /> "])), this.imgSrc, this.imgAlt) : "", this.imgSrc, this.openText, this.closeText, !this.__hasDetail);
       } // haxProperty definition
 
     }, {
@@ -205,7 +205,7 @@ define(["exports", "../../lit/index.js", "../a11y-details/a11y-details.js"], fun
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject3_9e41bfc01f0511ed8cc3e9a95995ad69 || (_templateObject3_9e41bfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          padding: 5px;\n          border: 1px solid #ddd;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        figure {\n          display: inline-table;\n          position: relative;\n          margin: 0;\n        }\n        figcaption {\n          display: table-caption;\n          caption-side: bottom;\n          position: relative;\n          margin: var(--a11y-figure-figcaption-margin, 0);\n          padding: var(--a11y-figure-figcaption-padding, 0);\n          font-size: var(--a11y-figure-figcaption-fontSize, unset);\n          background-color: var(--a11y-figure-figcaption-backgroundColor, #fff);\n          color: var(--a11y-figure-figcaption-color, #000);\n          --a11y-details-left: var(--a11y-figure-details-left, 0);\n          --a11y-details-right: var(--a11y-figure-details-right, 0);\n          --a11y-details-fontSize: var(--a11y-figure-details-fontSize, 0.8em);\n        }\n        ::slotted([slot=\"figcaption\"]) {\n          margin: 0;\n          flex: 1 1 auto;\n        }\n        img,\n        ::slotted([slot=\"image\"]) {\n          width: 100%;\n        }\n        a11y-details:not([hidden]) {\n          display: flex;\n          justify-content: flex-end;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_79413bd01f2611eda0c389891c227ec8 || (_templateObject3_79413bd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          padding: 5px;\n          border: 1px solid #ddd;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        figure {\n          display: inline-table;\n          position: relative;\n          margin: 0;\n        }\n        figcaption {\n          display: table-caption;\n          caption-side: bottom;\n          position: relative;\n          margin: var(--a11y-figure-figcaption-margin, 0);\n          padding: var(--a11y-figure-figcaption-padding, 0);\n          font-size: var(--a11y-figure-figcaption-fontSize, unset);\n          background-color: var(--a11y-figure-figcaption-backgroundColor, #fff);\n          color: var(--a11y-figure-figcaption-color, #000);\n          --a11y-details-left: var(--a11y-figure-details-left, 0);\n          --a11y-details-right: var(--a11y-figure-details-right, 0);\n          --a11y-details-fontSize: var(--a11y-figure-details-fontSize, 0.8em);\n        }\n        ::slotted([slot=\"figcaption\"]) {\n          margin: 0;\n          flex: 1 1 auto;\n        }\n        img,\n        ::slotted([slot=\"image\"]) {\n          width: 100%;\n        }\n        a11y-details:not([hidden]) {\n          display: flex;\n          justify-content: flex-end;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-gif-player/a11y-gif-player.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-gif-player/a11y-gif-player.js
index 5edfffde439..edf41c7499e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-gif-player/a11y-gif-player.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-gif-player/a11y-gif-player.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_9e4828601f0511ed8cc3e9a95995ad69, _templateObject2_9e4828601f0511ed8cc3e9a95995ad69, _templateObject3_9e4828601f0511ed8cc3e9a95995ad69, _templateObject4_9e4828601f0511ed8cc3e9a95995ad69;
+  var _templateObject_7946ba101f2611eda0c389891c227ec8, _templateObject2_7946ba101f2611eda0c389891c227ec8, _templateObject3_7946ba101f2611eda0c389891c227ec8, _templateObject4_7946ba101f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -92,7 +92,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9e4828601f0511ed8cc3e9a95995ad69 || (_templateObject_9e4828601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", " "])), this.elementVisible ? (0, _index.html)(_templateObject2_9e4828601f0511ed8cc3e9a95995ad69 || (_templateObject2_9e4828601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <div id=\"container\">\n            <slot hidden></slot>\n            <img\n              src=\"", "\"\n              alt=\"", "\"\n              loading=\"lazy\"\n              aria-describedby=\"", " ", "\"\n              slot=\"summary\"\n            />\n            ", "\n\n            <button\n              id=\"button\"\n              aria-controls=\"gif\"\n              aria-pressed=\"", "\"\n              @click=\"", "\"\n              ?disabled=\"", "\"\n              .style=\"background-image: url('", "')\"\n            >\n              <svg\n                id=\"svg\"\n                aria-hidden=\"true\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 200 200\"\n              >\n                <g>\n                  <polygon points=\"30,20 30,180 170,100\"></polygon>\n                  <text x=\"50\" y=\"115\" font-size=\"40px\">GIF</text>\n                </g>\n              </svg>\n              <span class=\"sr-only\">\n                ", "\n              </span>\n            </button>\n            <a11y-details\n              id=\"longdesc\"\n              ?hidden=\"", "\"\n              .style=\"opacity:", "\"\n            >\n              <div slot=\"summary\">info</div>\n              <div slot=\"details\">", "</div>\n            </a11y-details>\n          </div>\n          <simple-tooltip for=\"button\" offset=\"30\" animation-delay=\"0\">\n            ", "\n          </simple-tooltip>\n        "])), this.__gifLoaded && this.__playing ? this.src : this.srcWithoutAnimation, this.alt, this.longdesc ? "longdesc" : "", (this.describedBy || "").trim(), this.__playing ? (0, _index.html)(_templateObject3_9e4828601f0511ed8cc3e9a95995ad69 || (_templateObject3_9e4828601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<img\n                  src=\"", "\"\n                  alt=\"\"\n                  hidden\n                  slot=\"summary\"\n                  @load=\"", "\"\n                />"])), this.src, this.__imageLoaded) : _index.nothing, this.__playing ? "true" : "false", this.toggle, this.disabled || !this.src, this.srcWithoutAnimation, this.__playing && this.tooltipPlaying ? this.tooltipPlaying : this.tooltip, !this.src || !this.longdesc, this.__playing ? 0 : 1, this.longdesc, this.__playing && this.tooltipPlaying ? this.tooltipPlaying : this.tooltip) : _index.nothing);
+        return (0, _index.html)(_templateObject_7946ba101f2611eda0c389891c227ec8 || (_templateObject_7946ba101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", " "])), this.elementVisible ? (0, _index.html)(_templateObject2_7946ba101f2611eda0c389891c227ec8 || (_templateObject2_7946ba101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <div id=\"container\">\n            <slot hidden></slot>\n            <img\n              src=\"", "\"\n              alt=\"", "\"\n              loading=\"lazy\"\n              aria-describedby=\"", " ", "\"\n              slot=\"summary\"\n            />\n            ", "\n\n            <button\n              id=\"button\"\n              aria-controls=\"gif\"\n              aria-pressed=\"", "\"\n              @click=\"", "\"\n              ?disabled=\"", "\"\n              .style=\"background-image: url('", "')\"\n            >\n              <svg\n                id=\"svg\"\n                aria-hidden=\"true\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 200 200\"\n              >\n                <g>\n                  <polygon points=\"30,20 30,180 170,100\"></polygon>\n                  <text x=\"50\" y=\"115\" font-size=\"40px\">GIF</text>\n                </g>\n              </svg>\n              <span class=\"sr-only\">\n                ", "\n              </span>\n            </button>\n            <a11y-details\n              id=\"longdesc\"\n              ?hidden=\"", "\"\n              .style=\"opacity:", "\"\n            >\n              <div slot=\"summary\">info</div>\n              <div slot=\"details\">", "</div>\n            </a11y-details>\n          </div>\n          <simple-tooltip for=\"button\" offset=\"30\" animation-delay=\"0\">\n            ", "\n          </simple-tooltip>\n        "])), this.__gifLoaded && this.__playing ? this.src : this.srcWithoutAnimation, this.alt, this.longdesc ? "longdesc" : "", (this.describedBy || "").trim(), this.__playing ? (0, _index.html)(_templateObject3_7946ba101f2611eda0c389891c227ec8 || (_templateObject3_7946ba101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<img\n                  src=\"", "\"\n                  alt=\"\"\n                  hidden\n                  slot=\"summary\"\n                  @load=\"", "\"\n                />"])), this.src, this.__imageLoaded) : _index.nothing, this.__playing ? "true" : "false", this.toggle, this.disabled || !this.src, this.srcWithoutAnimation, this.__playing && this.tooltipPlaying ? this.tooltipPlaying : this.tooltip, !this.src || !this.longdesc, this.__playing ? 0 : 1, this.longdesc, this.__playing && this.tooltipPlaying ? this.tooltipPlaying : this.tooltip) : _index.nothing);
       }
       /**
        * Convention
@@ -233,7 +233,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject4_9e4828601f0511ed8cc3e9a95995ad69 || (_templateObject4_9e4828601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        .sr-only {\n          position: absolute;\n          left: -9999999px;\n          top: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        #container {\n          padding: 0;\n          margin: 0;\n          position: relative;\n          border: var(--a11y-gif-player-border, none);\n          border-radius: var(--a11y-gif-player-border-radius, 0);\n        }\n        img {\n          width: 100%;\n        }\n        button {\n          position: absolute;\n          width: 100%;\n          top: 0;\n          left: 0;\n          bottom: 0;\n          right: 0;\n          background-size: contain;\n          background-color: var(--a11y-gif-player-button-bg, #cccccc);\n        }\n        button:active,\n        button:focus,\n        button:hover {\n          border: var(--a11y-gif-player-focus-border, none);\n          outline: var(--a11y-gif-player-outline, 3px solid);\n        }\n        button[disabled] {\n          cursor: var(--a11y-gif-player-disabled-cursor, not-allowed);\n        }\n        button[aria-pressed=\"true\"] {\n          opacity: 0;\n        }\n        svg {\n          position: absolute;\n          top: 35%;\n          left: 35%;\n          width: var(--a11y-gif-player-arrow-size, 30%);\n          height: var(--a11y-gif-player-arrow-size, 30%);\n        }\n        g {\n          opacity: var(--a11y-gif-player-arrow-opacity, 0.5);\n        }\n        button:not([disabled]):active g,\n        button:not([disabled]):hover g,\n        button:not([disabled]):focus g {\n          opacity: var(--a11y-gif-player-button-focus-opacity, 0.7);\n        }\n        polygon {\n          fill: var(--a11y-gif-player-button-color, #000000);\n          stroke: var(--a11y-gif-player-arrow-border-color, #ffffff);\n          stroke-width: var(--a11y-gif-player-arrow-border-width, 15px);\n        }\n        text {\n          fill: var(--a11y-gif-player-button-text-color, #ffffff);\n        }\n        #longdesc {\n          position: absolute;\n          left: 2px;\n          bottom: 2px;\n          width: calc(100% - 2px);\n          font-size: 80%;\n        }\n        simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_7946ba101f2611eda0c389891c227ec8 || (_templateObject4_7946ba101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        .sr-only {\n          position: absolute;\n          left: -9999999px;\n          top: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        #container {\n          padding: 0;\n          margin: 0;\n          position: relative;\n          border: var(--a11y-gif-player-border, none);\n          border-radius: var(--a11y-gif-player-border-radius, 0);\n        }\n        img {\n          width: 100%;\n        }\n        button {\n          position: absolute;\n          width: 100%;\n          top: 0;\n          left: 0;\n          bottom: 0;\n          right: 0;\n          background-size: contain;\n          background-color: var(--a11y-gif-player-button-bg, #cccccc);\n        }\n        button:active,\n        button:focus,\n        button:hover {\n          border: var(--a11y-gif-player-focus-border, none);\n          outline: var(--a11y-gif-player-outline, 3px solid);\n        }\n        button[disabled] {\n          cursor: var(--a11y-gif-player-disabled-cursor, not-allowed);\n        }\n        button[aria-pressed=\"true\"] {\n          opacity: 0;\n        }\n        svg {\n          position: absolute;\n          top: 35%;\n          left: 35%;\n          width: var(--a11y-gif-player-arrow-size, 30%);\n          height: var(--a11y-gif-player-arrow-size, 30%);\n        }\n        g {\n          opacity: var(--a11y-gif-player-arrow-opacity, 0.5);\n        }\n        button:not([disabled]):active g,\n        button:not([disabled]):hover g,\n        button:not([disabled]):focus g {\n          opacity: var(--a11y-gif-player-button-focus-opacity, 0.7);\n        }\n        polygon {\n          fill: var(--a11y-gif-player-button-color, #000000);\n          stroke: var(--a11y-gif-player-arrow-border-color, #ffffff);\n          stroke-width: var(--a11y-gif-player-arrow-border-width, 15px);\n        }\n        text {\n          fill: var(--a11y-gif-player-button-text-color, #ffffff);\n        }\n        #longdesc {\n          position: absolute;\n          left: 2px;\n          bottom: 2px;\n          width: calc(100% - 2px);\n          font-size: 80%;\n        }\n        simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/a11y-media-player.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/a11y-media-player.js
index 9c85266db09..9cce9a3b486 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/a11y-media-player.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/a11y-media-player.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-colors/simple-col
   _exports.A11yMediaPlayer = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject2_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject3_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject4_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject5_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject6_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject7_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject8_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject9_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject10_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject11_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject12_9e6af2a01f0511ed8cc3e9a95995ad69, _templateObject13_9e6af2a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_797a74401f2611eda0c389891c227ec8, _templateObject2_797a74401f2611eda0c389891c227ec8, _templateObject3_797a74401f2611eda0c389891c227ec8, _templateObject4_797a74401f2611eda0c389891c227ec8, _templateObject5_797a74401f2611eda0c389891c227ec8, _templateObject6_797a74401f2611eda0c389891c227ec8, _templateObject7_797a74401f2611eda0c389891c227ec8, _templateObject8_797a74401f2611eda0c389891c227ec8, _templateObject9_797a74401f2611eda0c389891c227ec8, _templateObject10_797a74401f2611eda0c389891c227ec8, _templateObject11_797a74401f2611eda0c389891c227ec8, _templateObject12_797a74401f2611eda0c389891c227ec8, _templateObject13_797a74401f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -200,10 +200,10 @@ define(["exports", "require", "../../lit/index.js", "../simple-colors/simple-col
       function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div class=\"sr-only\" ?hidden=\"", "\">\n        ", "\n      </div>\n      <div id=\"player-section\">\n        <div\n          id=\"player-and-controls\"\n          .style=\"", "\"\n          ?audio-no-thumb=\"", "\"\n        >\n          <div id=\"player\" .style=\"", "\">\n            <a11y-media-play-button\n              id=\"playbutton\"\n              action=\"", "\"\n              label=\"", "\"\n              @button-click=\"", "\"\n              ?audio-only=\"", "\"\n              ?disabled=\"", "\"\n              youtube-id=\"", "\"\n            >\n            </a11y-media-play-button>\n            <div id=\"html5\">\n              <slot></slot>\n            </div>\n            ", "\n            ", "\n          </div>\n        </div>\n        <div id=\"progresslabel\" class=\"sr-only\">\n          ", "\n        </div>\n        <simple-range-input\n          id=\"slider\"\n          class=\"screen-only\"\n          aria-labelledby=\"progresslabel\"\n          min=\"0\"\n          .max=\"", "\"\n          step=\"1\"\n          @value-changed=\"", "\"\n          @immediate-value-changed=\"", "\"\n          .value=\"", "\"\n          ?disabled=\"", "\"\n        >\n        </simple-range-input>\n        <div id=\"controls\" controls=\"innerplayer\">\n          <div id=\"controls-left\">\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              icon=\"", "\"\n              label=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-flex\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-flex\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-flex\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            <div\n              id=\"volume-and-mute\"\n              @focus=\"", "\"\n              @blur=\"", "\"\n            >\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                id=\"mute\"\n                icon=\"", "\"\n                label=\"", "\"\n                @click=\"", "\"\n              ></a11y-media-button>\n              <simple-range-input\n                id=\"volume\"\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                aria-labelledby=\"volume-slider-label\"\n                label=\"", "\"\n                min=\"0\"\n                max=\"100\"\n                pin\n                step=\"10\"\n                value=\"", "\"\n                @value-changed=\"", "\"\n                ?hidden=\"", "\"\n              ></simple-range-input>\n            </div>\n            <span\n              aria-live=\"polite\"\n              class=\"play-status control-bar hide-full-xs\"\n            >\n              <span id=\"statbar\">", "</span>\n            </span>\n          </div>\n          <div id=\"controls-right\">\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-full-xs\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              ?toggle=\"", "\"\n              @click=\"", "\"\n            >\n            </a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-full-xs\"\n              controls=\"transcript\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              ?toggle=\"", "\"\n              @click=\"", "\"\n            >\n            </a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-full-sm\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-full-xs\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?hidden=\"", "\"\n              ?toggle=\"", "\"\n              @click=\"", "\"\n            >\n            </a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              id=\"settings-button\"\n              class=\"hide-sticky\"\n              controls=\"settings\"\n              icon=\"", "\"\n              label=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            ", "\n          </div>\n          <absolute-position-behavior\n            id=\"settings\"\n            auto\n            fit-to-visible-bounds\n            for=\"settings-button\"\n            offset=\"10\"\n            position-align=\"end\"\n            position=\"top\"\n            ?hidden=\"", "\"\n          >\n            <div class=\"setting\" ?hidden=\"", "\">\n              <div class=\"setting-text\">\n                ", "\n              </div>\n              <simple-fields-field\n                id=\"cc_tracks\"\n                class=\"setting-control\"\n                value=\"", "\"\n                .options=\"", "\"\n                ?hidden=\"", "\"\n                ?disabled=\"", "\"\n                @value-changed=\"", "}\"\n                type=\"select\"\n              >\n              </simple-fields-field>\n            </div>\n            <div\n              class=\"setting\"\n              ?hidden=\"", "\"\n            >\n              <div class=\"setting-text\">\n                ", "\n              </div>\n              <simple-fields-field\n                id=\"transcript_tracks\"\n                class=\"setting-control\"\n                .value=\"", "\"\n                .options=\"", "\"\n                ?hidden=\"", "\"\n                ?disabled=\"", "\"\n                @value-changed=\"", "\"\n                type=\"select\"\n              >\n              </simple-fields-field>\n            </div>\n            <div\n              class=\"setting\"\n              ?hidden=\"", "\"\n            >\n              <div id=\"print-label\" class=\"setting-text\">\n                ", "\n              </div>\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                aria-labelledby=\"print-label\"\n                class=\"setting-control\"\n                icon=\"", "\"\n                ?disabled=\"", "\"\n                ?hidden=\"", "\"\n                @click=\"", "\"\n              >\n              </a11y-media-button>\n            </div>\n            <div\n              class=\"setting\"\n              ?hidden=\"", "\"\n            >\n              <div id=\"download-label\" class=\"setting-text\">\n                ", "\n              </div>\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                aria-labelledby=\"download-label\"\n                class=\"setting-control\"\n                icon=\"", "\"\n                ?disabled=\"", "\"\n                ?hidden=\"", "\"\n                @click=\"", "\"\n              >\n              </a11y-media-button>\n            </div>\n            <div class=\"setting\">\n              <div id=\"loop-label\" class=\"setting-text\">\n                ", "\n              </div>\n              <simple-fields-field\n                type=\"checkbox\"\n                id=\"loop\"\n                class=\"setting-control\"\n                aria-labelledby=\"loop-label\"\n                @value-change=\"", "\"\n                ?value=\"", "\"\n              >\n              </simple-fields-field>\n            </div>\n            <div class=\"setting\">\n              <div id=\"speed-label\" class=\"setting-text\">\n                ", "\n              </div>\n              <simple-range-input\n                id=\"speed\"\n                aria-labelledby=\"speed-label\"\n                class=\"setting-slider setting-control\"\n                min=\"0.5\"\n                max=\"2.5\"\n                pin\n                step=\"0.25\"\n                value=\"", "\"\n                @value-changed=\"", "\"\n              >\n              </simple-range-input>\n            </div>\n          </absolute-position-behavior>\n        </div>\n        <div\n          aria-hidden=\"true\"\n          class=\"screen-only media-caption\"\n          ?hidden=\"", "\"\n        >\n          ", "\n        </div>\n        <div class=\"print-only media-caption\">", "</div>\n      </div>\n      ", "\n      <div\n        id=\"transcript-section\"\n        ?hidden=\"", "\"\n      >\n        <div id=\"transcript-and-controls\" ?hidden=\"", "\">\n          <div id=\"searchbar\">\n            <div id=\"searching\">\n              <simple-search\n                id=\"simplesearch\"\n                controls=\"transcript\"\n                next-button-icon=\"", "\"\n                next-button-label=\"", "\"\n                prev-button-icon=\"", "\"\n                prev-button-label=\"", "\"\n                search-input-icon=\"", "\"\n                search-input-label=\"", "\"\n                selector=\".searchable\"\n                ?disabled=\"", "\"\n                ?hidden=\"", "\"\n              >\n              </simple-search>\n            </div>\n            <div id=\"scrolling\">\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                id=\"scroll\"\n                controls=\"transcript\"\n                icon=\"", "\"\n                label=\"", "\"\n                ?toggle=\"", "\"\n                @click=\"", "\"\n              >\n              </a11y-media-button>\n            </div>\n            <div\n              id=\"printing\"\n              ?hidden=\"", "\"\n              ?disabled=\"", "\"\n            >\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                id=\"download\"\n                controls=\"transcript\"\n                icon=\"", "\"\n                label=\"", "\"\n                @click=\"", "\"\n              >\n              </a11y-media-button>\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                id=\"print\"\n                controls=\"transcript\"\n                icon=\"", "\"\n                label=\"", "\"\n                @click=\"", "\"\n              >\n              </a11y-media-button>\n            </div>\n          </div>\n          <div id=\"transcript\" aria-live=\"polite\">\n            <a id=\"transcript-desc\" class=\"sr-only\" href=\"#bottom\">\n              ", "\n            </a>\n            ", "\n          </div>\n        </div>\n      </div>\n      <div id=\"bottom\" class=\"sr-only\"></div>"])), !this.mediaCaption, this.mediaCaption, this.mediaMaxWidth, this.audioNoThumb, this.playerStyle, this.__playing ? "pause" : "play", this._getLocal(this.localization, this.__playing ? "pause" : "play", "label"), function (e) {
+        return (0, _index.html)(_templateObject_797a74401f2611eda0c389891c227ec8 || (_templateObject_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div class=\"sr-only\" ?hidden=\"", "\">\n        ", "\n      </div>\n      <div id=\"player-section\">\n        <div\n          id=\"player-and-controls\"\n          .style=\"", "\"\n          ?audio-no-thumb=\"", "\"\n        >\n          <div id=\"player\" .style=\"", "\">\n            <a11y-media-play-button\n              id=\"playbutton\"\n              action=\"", "\"\n              label=\"", "\"\n              @button-click=\"", "\"\n              ?audio-only=\"", "\"\n              ?disabled=\"", "\"\n              youtube-id=\"", "\"\n            >\n            </a11y-media-play-button>\n            <div id=\"html5\">\n              <slot></slot>\n            </div>\n            ", "\n            ", "\n          </div>\n        </div>\n        <div id=\"progresslabel\" class=\"sr-only\">\n          ", "\n        </div>\n        <simple-range-input\n          id=\"slider\"\n          class=\"screen-only\"\n          aria-labelledby=\"progresslabel\"\n          min=\"0\"\n          .max=\"", "\"\n          step=\"1\"\n          @value-changed=\"", "\"\n          @immediate-value-changed=\"", "\"\n          .value=\"", "\"\n          ?disabled=\"", "\"\n        >\n        </simple-range-input>\n        <div id=\"controls\" controls=\"innerplayer\">\n          <div id=\"controls-left\">\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              icon=\"", "\"\n              label=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-flex\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-flex\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-flex\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            <div\n              id=\"volume-and-mute\"\n              @focus=\"", "\"\n              @blur=\"", "\"\n            >\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                id=\"mute\"\n                icon=\"", "\"\n                label=\"", "\"\n                @click=\"", "\"\n              ></a11y-media-button>\n              <simple-range-input\n                id=\"volume\"\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                aria-labelledby=\"volume-slider-label\"\n                label=\"", "\"\n                min=\"0\"\n                max=\"100\"\n                pin\n                step=\"10\"\n                value=\"", "\"\n                @value-changed=\"", "\"\n                ?hidden=\"", "\"\n              ></simple-range-input>\n            </div>\n            <span\n              aria-live=\"polite\"\n              class=\"play-status control-bar hide-full-xs\"\n            >\n              <span id=\"statbar\">", "</span>\n            </span>\n          </div>\n          <div id=\"controls-right\">\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-full-xs\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              ?toggle=\"", "\"\n              @click=\"", "\"\n            >\n            </a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-full-xs\"\n              controls=\"transcript\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              ?toggle=\"", "\"\n              @click=\"", "\"\n            >\n            </a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-full-sm\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              class=\"hide-full-xs\"\n              icon=\"", "\"\n              label=\"", "\"\n              ?hidden=\"", "\"\n              ?toggle=\"", "\"\n              @click=\"", "\"\n            >\n            </a11y-media-button>\n            <a11y-media-button\n              accent-color=\"", "\"\n              ?dark=\"", "\"\n              id=\"settings-button\"\n              class=\"hide-sticky\"\n              controls=\"settings\"\n              icon=\"", "\"\n              label=\"", "\"\n              @click=\"", "\"\n            ></a11y-media-button>\n            ", "\n          </div>\n          <absolute-position-behavior\n            id=\"settings\"\n            auto\n            fit-to-visible-bounds\n            for=\"settings-button\"\n            offset=\"10\"\n            position-align=\"end\"\n            position=\"top\"\n            ?hidden=\"", "\"\n          >\n            <div class=\"setting\" ?hidden=\"", "\">\n              <div class=\"setting-text\">\n                ", "\n              </div>\n              <simple-fields-field\n                id=\"cc_tracks\"\n                class=\"setting-control\"\n                value=\"", "\"\n                .options=\"", "\"\n                ?hidden=\"", "\"\n                ?disabled=\"", "\"\n                @value-changed=\"", "}\"\n                type=\"select\"\n              >\n              </simple-fields-field>\n            </div>\n            <div\n              class=\"setting\"\n              ?hidden=\"", "\"\n            >\n              <div class=\"setting-text\">\n                ", "\n              </div>\n              <simple-fields-field\n                id=\"transcript_tracks\"\n                class=\"setting-control\"\n                .value=\"", "\"\n                .options=\"", "\"\n                ?hidden=\"", "\"\n                ?disabled=\"", "\"\n                @value-changed=\"", "\"\n                type=\"select\"\n              >\n              </simple-fields-field>\n            </div>\n            <div\n              class=\"setting\"\n              ?hidden=\"", "\"\n            >\n              <div id=\"print-label\" class=\"setting-text\">\n                ", "\n              </div>\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                aria-labelledby=\"print-label\"\n                class=\"setting-control\"\n                icon=\"", "\"\n                ?disabled=\"", "\"\n                ?hidden=\"", "\"\n                @click=\"", "\"\n              >\n              </a11y-media-button>\n            </div>\n            <div\n              class=\"setting\"\n              ?hidden=\"", "\"\n            >\n              <div id=\"download-label\" class=\"setting-text\">\n                ", "\n              </div>\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                aria-labelledby=\"download-label\"\n                class=\"setting-control\"\n                icon=\"", "\"\n                ?disabled=\"", "\"\n                ?hidden=\"", "\"\n                @click=\"", "\"\n              >\n              </a11y-media-button>\n            </div>\n            <div class=\"setting\">\n              <div id=\"loop-label\" class=\"setting-text\">\n                ", "\n              </div>\n              <simple-fields-field\n                type=\"checkbox\"\n                id=\"loop\"\n                class=\"setting-control\"\n                aria-labelledby=\"loop-label\"\n                @value-change=\"", "\"\n                ?value=\"", "\"\n              >\n              </simple-fields-field>\n            </div>\n            <div class=\"setting\">\n              <div id=\"speed-label\" class=\"setting-text\">\n                ", "\n              </div>\n              <simple-range-input\n                id=\"speed\"\n                aria-labelledby=\"speed-label\"\n                class=\"setting-slider setting-control\"\n                min=\"0.5\"\n                max=\"2.5\"\n                pin\n                step=\"0.25\"\n                value=\"", "\"\n                @value-changed=\"", "\"\n              >\n              </simple-range-input>\n            </div>\n          </absolute-position-behavior>\n        </div>\n        <div\n          aria-hidden=\"true\"\n          class=\"screen-only media-caption\"\n          ?hidden=\"", "\"\n        >\n          ", "\n        </div>\n        <div class=\"print-only media-caption\">", "</div>\n      </div>\n      ", "\n      <div\n        id=\"transcript-section\"\n        ?hidden=\"", "\"\n      >\n        <div id=\"transcript-and-controls\" ?hidden=\"", "\">\n          <div id=\"searchbar\">\n            <div id=\"searching\">\n              <simple-search\n                id=\"simplesearch\"\n                controls=\"transcript\"\n                next-button-icon=\"", "\"\n                next-button-label=\"", "\"\n                prev-button-icon=\"", "\"\n                prev-button-label=\"", "\"\n                search-input-icon=\"", "\"\n                search-input-label=\"", "\"\n                selector=\".searchable\"\n                ?disabled=\"", "\"\n                ?hidden=\"", "\"\n              >\n              </simple-search>\n            </div>\n            <div id=\"scrolling\">\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                id=\"scroll\"\n                controls=\"transcript\"\n                icon=\"", "\"\n                label=\"", "\"\n                ?toggle=\"", "\"\n                @click=\"", "\"\n              >\n              </a11y-media-button>\n            </div>\n            <div\n              id=\"printing\"\n              ?hidden=\"", "\"\n              ?disabled=\"", "\"\n            >\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                id=\"download\"\n                controls=\"transcript\"\n                icon=\"", "\"\n                label=\"", "\"\n                @click=\"", "\"\n              >\n              </a11y-media-button>\n              <a11y-media-button\n                accent-color=\"", "\"\n                ?dark=\"", "\"\n                id=\"print\"\n                controls=\"transcript\"\n                icon=\"", "\"\n                label=\"", "\"\n                @click=\"", "\"\n              >\n              </a11y-media-button>\n            </div>\n          </div>\n          <div id=\"transcript\" aria-live=\"polite\">\n            <a id=\"transcript-desc\" class=\"sr-only\" href=\"#bottom\">\n              ", "\n            </a>\n            ", "\n          </div>\n        </div>\n      </div>\n      <div id=\"bottom\" class=\"sr-only\"></div>"])), !this.mediaCaption, this.mediaCaption, this.mediaMaxWidth, this.audioNoThumb, this.playerStyle, this.__playing ? "pause" : "play", this._getLocal(this.localization, this.__playing ? "pause" : "play", "label"), function (e) {
           return _this2.togglePlay();
-        }, this.audioOnly, this.audioNoThumb, this.youtubeId, !this.videoId ? (0, _index.html)(_templateObject2_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject2_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject3_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject3_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <a11y-media-youtube\n                    id=\"youtube-", "\"\n                    class=\"", "\"\n                    lang=\"", "\"\n                    preload=\"", "\"\n                    .t=\"", "\"\n                    video-id=\"", "\"\n                    playback-rate=\"", "\"\n                    @timeupdate=\"", "\"\n                    ?hidden=", "\n                  >\n                  </a11y-media-youtube>\n                "])), this.id, this.__currentTime > 0.3 || this.__seeking ? "" : "hidden", this.mediaLang, this.t ? "auto" : this.preload, this.t, this.videoId, this.playbackRate, this._handleTimeUpdate, !this.isYoutube), Object.keys(this.captionCues || []).length === 0 || !this.showCustomCaptions ? (0, _index.html)(_templateObject4_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject4_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject5_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject5_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <div id=\"cc-custom\" aria-live=\"polite\" class=\"screen-only\">\n                    <div id=\"cc-text\">\n                      ", "\n                    </div>\n                  </div>\n                "])), !this.captionCues ? "" : Object.keys(this.captionCues).map(function (key) {
-          return (0, _index.html)(_templateObject6_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject6_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), _this2.captionCues[key].text ? _this2.captionCues[key].text : "");
+        }, this.audioOnly, this.audioNoThumb, this.youtubeId, !this.videoId ? (0, _index.html)(_templateObject2_797a74401f2611eda0c389891c227ec8 || (_templateObject2_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject3_797a74401f2611eda0c389891c227ec8 || (_templateObject3_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <a11y-media-youtube\n                    id=\"youtube-", "\"\n                    class=\"", "\"\n                    lang=\"", "\"\n                    preload=\"", "\"\n                    .t=\"", "\"\n                    video-id=\"", "\"\n                    playback-rate=\"", "\"\n                    @timeupdate=\"", "\"\n                    ?hidden=", "\n                  >\n                  </a11y-media-youtube>\n                "])), this.id, this.__currentTime > 0.3 || this.__seeking ? "" : "hidden", this.mediaLang, this.t ? "auto" : this.preload, this.t, this.videoId, this.playbackRate, this._handleTimeUpdate, !this.isYoutube), Object.keys(this.captionCues || []).length === 0 || !this.showCustomCaptions ? (0, _index.html)(_templateObject4_797a74401f2611eda0c389891c227ec8 || (_templateObject4_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject5_797a74401f2611eda0c389891c227ec8 || (_templateObject5_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <div id=\"cc-custom\" aria-live=\"polite\" class=\"screen-only\">\n                    <div id=\"cc-text\">\n                      ", "\n                    </div>\n                  </div>\n                "])), !this.captionCues ? "" : Object.keys(this.captionCues).map(function (key) {
+          return (0, _index.html)(_templateObject6_797a74401f2611eda0c389891c227ec8 || (_templateObject6_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), _this2.captionCues[key].text ? _this2.captionCues[key].text : "");
         })), this._getLocal(this.localization, "seekSlider", "label"), this.duration, this._handleSliderChanged, this._handleSliderDragging, this.__currentTime, this.disableSeek || this.duration === 0, this.accentColor, this.dark, this._getLocal(this.localization, this.__playing ? "pause" : "play", "icon"), this._getLocal(this.localization, this.__playing ? "pause" : "play", "label"), function (e) {
           return _this2.togglePlay();
         }, this.accentColor, this.dark, this._getLocal(this.localization, "rewind", "icon"), this._getLocal(this.localization, "rewind", "label"), this.disableSeek || this.currentTime <= 0, this.disableSeek, function (e) {
@@ -226,19 +226,19 @@ define(["exports", "require", "../../lit/index.js", "../simple-colors/simple-col
           return _this2.toggleFullscreen();
         }, this.accentColor, this.dark, this._getLocal(this.localization, "settings", "icon"), this._getLocal(this.localization, "settings", "label"), function (e) {
           return _this2.toggleSettings();
-        }, this.isYoutube ? (0, _index.html)(_templateObject7_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject7_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <a11y-media-button\n                  accent-color=\"", "\"\n                  ?dark=\"", "\"\n                  class=\"hide-sticky\"\n                  icon=\"mdi-social:youtube\"\n                  label=\"Open on YouTube\"\n                  ?hidden=\"", "\"\n                  @click=\"", "\"\n                ></a11y-media-button>"])), this.accentColor, this.dark, this.learningMode || this.hideYoutubeLink, this.goToYoutube) : "", !this.__settingsOpen, !this.hasCaptions, this._getLocal(this.localization, "captions", "label"), this.captionsTrackKey, this.captionsPicker, !this.hasCaptions, !this.hasCaptions, function (e) {
+        }, this.isYoutube ? (0, _index.html)(_templateObject7_797a74401f2611eda0c389891c227ec8 || (_templateObject7_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <a11y-media-button\n                  accent-color=\"", "\"\n                  ?dark=\"", "\"\n                  class=\"hide-sticky\"\n                  icon=\"mdi-social:youtube\"\n                  label=\"Open on YouTube\"\n                  ?hidden=\"", "\"\n                  @click=\"", "\"\n                ></a11y-media-button>"])), this.accentColor, this.dark, this.learningMode || this.hideYoutubeLink, this.goToYoutube) : "", !this.__settingsOpen, !this.hasCaptions, this._getLocal(this.localization, "captions", "label"), this.captionsTrackKey, this.captionsPicker, !this.hasCaptions, !this.hasCaptions, function (e) {
           return _this2.selectCaptionByKey(e.detail.value);
         }, !this.hasCaptions || this.learningMode, this._getLocal(this.localization, "transcript", "label"), this.transcriptTrackKey, this.transcriptPicker, !this.hasCaptions || this.learningMode, !this.hasCaptions || this.learningMode, function (e) {
           return _this2.selectTranscriptByKey(e.detail.value);
         }, !this.hasCaptions || this.learningMode, this._getLocal(this.localization, "print", "label"), this.accentColor, this.dark, this._getLocal(this.localization, "print", "icon"), this.noPrinting || this.learningMode, this.noPrinting || this.learningMode, this.print, !this.hasCaptions || this.learningMode, this._getLocal(this.localization, "download", "label"), this.accentColor, this.dark, this._getLocal(this.localization, "download", "icon"), this.noPrinting || this.learningMode, this.noPrinting || this.learningMode, this.download, this._getLocal(this.localization, "loop", "label"), function (e) {
           return _this2.toggleLoop();
-        }, this.loop, this._getLocal(this.localization, "speed", "label"), this.playbackRate, this._handleSpeedChanged, !this.mediaCaption, this.mediaCaption, this.printCaption, this.poster ? (0, _index.html)(_templateObject8_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject8_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<img\n            id=\"print-thumbnail\"\n            aria-hidden=\"true\"\n            .src=\"", "\"\n          />"])), this.poster) : "", this.standAlone || !this.hasCaptions, this.hideTranscript, this._getLocal(this.localization, "nextResult", "icon"), this._getLocal(this.localization, "nextResult", "label"), this._getLocal(this.localization, "prevResult", "icon"), this._getLocal(this.localization, "prevResult", "label"), this._getLocal(this.localization, "search", "icon"), this._getLocal(this.localization, "search", "label"), this.disableSearch, this.disableSearch, this.accentColor, this.dark, this._getLocal(this.localization, "autoScroll", "icon"), this._getLocal(this.localization, "autoScroll", "label"), !this.disableScroll, function (e) {
+        }, this.loop, this._getLocal(this.localization, "speed", "label"), this.playbackRate, this._handleSpeedChanged, !this.mediaCaption, this.mediaCaption, this.printCaption, this.poster ? (0, _index.html)(_templateObject8_797a74401f2611eda0c389891c227ec8 || (_templateObject8_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<img\n            id=\"print-thumbnail\"\n            aria-hidden=\"true\"\n            .src=\"", "\"\n          />"])), this.poster) : "", this.standAlone || !this.hasCaptions, this.hideTranscript, this._getLocal(this.localization, "nextResult", "icon"), this._getLocal(this.localization, "nextResult", "label"), this._getLocal(this.localization, "prevResult", "icon"), this._getLocal(this.localization, "prevResult", "label"), this._getLocal(this.localization, "search", "icon"), this._getLocal(this.localization, "search", "label"), this.disableSearch, this.disableSearch, this.accentColor, this.dark, this._getLocal(this.localization, "autoScroll", "icon"), this._getLocal(this.localization, "autoScroll", "label"), !this.disableScroll, function (e) {
           return _this2.disableScroll = !_this2.disableScroll;
-        }, this.disablePrintButton, this.disablePrintButton, this.accentColor, this.dark, this._getLocal(this.localization, "download", "icon"), this._getLocal(this.localization, "download", "label"), this.download, this.accentColor, this.dark, this._getLocal(this.localization, "print", "icon"), this._getLocal(this.localization, "print", "label"), this.print, this._getLocal(this.localization, "transcript", "skip"), this.transcriptCues.length > 0 ? (0, _index.html)(_templateObject9_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject9_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <div class=\"transcript-from-track\">\n                    ", "\n                  </div>\n                "])), this.transcriptCues.map(function (cue, index) {
-          return (0, _index.html)(_templateObject10_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject10_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <a11y-media-transcript-cue\n                          controls=\"html5\"\n                          end=\"", "\"\n                          lang=\"", "\"\n                          role=\"button\"\n                          start=\"", "\"\n                          tabindex=\"0\"\n                          @click=\"", "\"\n                          @active-changed=\"", "\"\n                          ?active=\"", "\"\n                          ?disabled=\"", "\"\n                          ?hide-timestamps=\"", "\"\n                        >\n                          <span class=\"searchable\">", "</span>\n                        </a11y-media-transcript-cue>\n                      "])), _this2._getHHMMSS(cue.endTime, _this2.media.duration), cue.track.language, _this2._getHHMMSS(cue.endTime, _this2.media.duration), function (e) {
+        }, this.disablePrintButton, this.disablePrintButton, this.accentColor, this.dark, this._getLocal(this.localization, "download", "icon"), this._getLocal(this.localization, "download", "label"), this.download, this.accentColor, this.dark, this._getLocal(this.localization, "print", "icon"), this._getLocal(this.localization, "print", "label"), this.print, this._getLocal(this.localization, "transcript", "skip"), this.transcriptCues.length > 0 ? (0, _index.html)(_templateObject9_797a74401f2611eda0c389891c227ec8 || (_templateObject9_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <div class=\"transcript-from-track\">\n                    ", "\n                  </div>\n                "])), this.transcriptCues.map(function (cue, index) {
+          return (0, _index.html)(_templateObject10_797a74401f2611eda0c389891c227ec8 || (_templateObject10_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <a11y-media-transcript-cue\n                          controls=\"html5\"\n                          end=\"", "\"\n                          lang=\"", "\"\n                          role=\"button\"\n                          start=\"", "\"\n                          tabindex=\"0\"\n                          @click=\"", "\"\n                          @active-changed=\"", "\"\n                          ?active=\"", "\"\n                          ?disabled=\"", "\"\n                          ?hide-timestamps=\"", "\"\n                        >\n                          <span class=\"searchable\">", "</span>\n                        </a11y-media-transcript-cue>\n                      "])), _this2._getHHMMSS(cue.endTime, _this2.media.duration), cue.track.language, _this2._getHHMMSS(cue.endTime, _this2.media.duration), function (e) {
             return _this2._handleCueSeek(cue);
           }, _this2._setActiveCue, cue.track.activeCues && cue.track.activeCues[0] === cue, _this2.disableInteractive || _this2.disableSeek || _this2.duration === 0, _this2.hideTimestamps, cue.text);
-        })) : (0, _index.html)(_templateObject11_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject11_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"loading\" class=\"transcript-from-track\">\n                  ", "\n                </div>"])), this.status));
+        })) : (0, _index.html)(_templateObject11_797a74401f2611eda0c389891c227ec8 || (_templateObject11_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"loading\" class=\"transcript-from-track\">\n                  ", "\n                </div>"])), this.status));
       } // properties available to the custom element for data binding
 
     }, {
@@ -724,7 +724,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-colors/simple-col
     }, {
       key: "status",
       get: function get() {
-        return this.duration > 0 ? (0, _index.html)(_templateObject12_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject12_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          ", "/", "\n        "])), this._getHHMMSS(this.currentTime, this.duration), this._getHHMMSS(this.duration)) : !this.isYoutube ? this._getLocal(this.localization, "loading", "label") : this.__playing ? this._getLocal(this.localization, "youTubeLoading", "label") : this._getLocal(this.localization, "youTubeLoading", "startLoading");
+        return this.duration > 0 ? (0, _index.html)(_templateObject12_797a74401f2611eda0c389891c227ec8 || (_templateObject12_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          ", "/", "\n        "])), this._getHHMMSS(this.currentTime, this.duration), this._getHHMMSS(this.duration)) : !this.isYoutube ? this._getLocal(this.localization, "loading", "label") : this.__playing ? this._getLocal(this.localization, "youTubeLoading", "label") : this._getLocal(this.localization, "youTubeLoading", "startLoading");
       }
       /**
        * Show custom CC (for audio and YouTube)?
@@ -1973,7 +1973,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-colors/simple-col
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayer), "styles", this)), [(0, _index.css)(_templateObject13_9e6af2a01f0511ed8cc3e9a95995ad69 || (_templateObject13_9e6af2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          overflow: hidden;\n          width: calc(100% - 2px);\n          font-family: var(--simple-fields-font-family, sans-serif);\n          --a11y-media-player-height: unset;\n          --a11y-media-color: var(\n            --simple-colors-default-theme-grey-11,\n            #111111\n          );\n          --a11y-media-bg-color: var(\n            --simple-colors-default-theme-grey-2,\n            #eeeeee\n          );\n          --a11y-media-border-color: var(\n            --simple-colors-default-theme-grey-3,\n            #dddddd\n          );\n          --a11y-media-hover-color: var(\n            --simple-colors-default-theme-grey-12,\n            #000000\n          );\n          --a11y-media-hover-bg-color: var(\n            --simple-colors-default-theme-grey-2,\n            #eeeeee\n          );\n          --a11y-media-accent-color: var(\n            --simple-colors-default-theme-accent-9,\n            #333333\n          );\n          --a11y-media-faded-accent-color: var(\n            --simple-colors-default-theme-accent-8,\n            #444444\n          );\n          --a11y-media-disabled-color: var(\n            --simple-colors-default-theme-grey-5,\n            #bbbbbb\n          );\n          border: 1px solid\n            var(\n              --a11y-media-border-color,\n              var(--simple-colors-default-theme-grey-3)\n            );\n\n          --a11y-media-settings-menu-color: var(--a11y-media-color);\n          --a11y-media-settings-menu-bg-color: var(--a11y-media-bg-color);\n          --a11y-media-settings-menu-hover-color: var(--a11y-media-hover-color);\n          --a11y-media-settings-menu-hover-bg-color: var(\n            --a11y-media-hover-bg-color\n          );\n          --simple-fields-accent-color: var(--a11y-media-accent-color);\n          --simple-fields-background-color: var(--a11y-media-bg-color);\n          --simple-fields-color: var(--a11y-media-color);\n          --simple-fields-border-color: var(--a11y-media-border-color);\n          --simple-fields-border-color-light: var(\n            --a11y-media-border-color-light,\n            var(--a11y-media-border-color)\n          );\n\n          --a11y-media-button-color: var(--a11y-media-color);\n          --a11y-media-button-bg-color: var(--a11y-media-bg-color);\n          --a11y-media-button-hover-color: var(--a11y-media-accent-color);\n          --a11y-media-button-hover-bg-color: var(--a11y-media-hover-bg-color);\n          --a11y-media-button-disabled-color: var(--a11y-media-disabled-color);\n          --a11y-media-button-toggle-color: var(\n            --a11y-media-faded-accent-color\n          );\n\n          --simple-range-input-bg: var(--a11y-media-accent-color);\n          --simple-range-input-color: var(--a11y-media-color);\n          --simple-range-input-track-height: 4px;\n          --simple-range-input-pin-height: 10px;\n\n          --simple-toast-color: var(--a11y-media-color);\n          --simple-toast-background-color: var(--a11y-media-bg-color);\n\n          --a11y-media-transcript-color: var(\n            --simple-colors-default-theme-grey-7,\n            #666666\n          );\n          --a11y-media-transcript-bg-color: var(\n            --simple-colors-default-theme-grey-1,\n            #ffffff\n          );\n          --a11y-media-transcript-accent-color: var(\n            --simple-colors-default-theme-accent-8,\n            #444444\n          );\n          --a11y-media-transcript-faded-accent-color: var(\n            --simple-colors-default-theme-accent-10,\n            #222222\n          );\n          --a11y-media-transcript-cue-color: var(\n            --simple-colors-fixed-theme-grey-12,\n            #000000\n          );\n          --a11y-media-transcript-cue-bg-color: var(\n            --simple-colors-fixed-theme-grey-1,\n            #ffffff\n          );\n          --a11y-media-transcript-active-cue-color: var(\n            --simple-colors-fixed-theme-grey-12,\n            #000000\n          );\n          --a11y-media-transcript-active-cue-bg-color: var(\n            --simple-colors-fixed-theme-accent-1,\n            #ffffff\n          );\n          --a11y-media-transcript-focused-cue-color: var(\n            --simple-colors-fixed-theme-grey-12,\n            #000000\n          );\n          --a11y-media-transcript-focused-cue-bg-color: var(\n            --simple-colors-fixed-theme-grey-2,\n            #eeeeee\n          );\n          --a11y-media-transcript-match-color: var(\n            --simple-colors-fixed-theme-grey-1,\n            #ffffff\n          );\n          --a11y-media-transcript-match-bg-color: var(\n            --simple-colors-fixed-theme-accent-10,\n            #222222\n          );\n          --a11y-media-transcript-match-border-color: var(\n            --simple-colors-fixed-theme-accent-12,\n            #000000\n          );\n        }\n\n        :host([dark]) {\n          border: 1px solid var(--simple-colors-default-theme-grey-1, #000000);\n        }\n\n        :host([dark-transcript]) {\n          --a11y-media-transcript-bg-color: var(\n            --simple-colors-dark-theme-grey-1,\n            #000000\n          );\n          --a11y-media-transcript-cue-color: var(\n            --simple-colors-dark-theme-grey-12,\n            #ffffff\n          );\n          --a11y-media-transcript-cue-bg-color: var(\n            --simple-colors-dark-theme-grey-1,\n            #000000\n          );\n          --a11y-media-transcript-active-cue-color: var(\n            --simple-colors-dark-theme-accent-10,\n            #dddddd\n          );\n          --a11y-media-transcript-active-cue-bg-color: var(\n            --simple-colors-dark-theme-grey-1,\n            #000000\n          );\n          --a11y-media-transcript-match-color: var(\n            --simple-colors-dark-theme-grey-1,\n            #000000\n          );\n          --a11y-media-transcript-match-bg-color: var(\n            --simple-colors-dark-theme-accent-10,\n            #dddddd\n          );\n          --a11y-media-transcript-match-border-color: var(\n            --simple-colors-dark-theme-accent-12,\n            #ffffff\n          );\n          --a11y-media-transcript-focused-cue-color: var(\n            --simple-colors-dark-theme-grey-12,\n            #ffffff\n          );\n          --a11y-media-transcript-focused-cue-bg-color: var(\n            --simple-colors-dark-theme-grey-2,\n            #111111\n          );\n        }\n\n        :host *::-webkit-scrollbar {\n          width: var(--a11y-media-scrollbar-width, 5px);\n        }\n\n        :host([hidden]),\n        *[hidden] {\n          display: none !important;\n        }\n\n        :host([height]) {\n          height: calc(var(--a11y-media-player-height) - 2px);\n          max-height: calc(var(--a11y-media-player-height) - 2px);\n          overflow: unset;\n        }\n\n        :host([height]) #player-section {\n          max-height: var(--a11y-media-player-height);\n        }\n\n        :host([height]) #player-and-controls {\n          max-height: calc(100% - 32px - 44px);\n        }\n\n        :host([height]) #player {\n          height: calc(100% - 32px - 44px);\n          padding-top: unset;\n        }\n\n        :host,\n        #player-section {\n          color: var(--a11y-media-hover-color);\n          background-color: var(--a11y-media-bg-color);\n        }\n\n        :host > * {\n          transition: all 0.5s;\n        }\n\n        :host,\n        #player-section,\n        #player,\n        #transcript-section,\n        #transcript-and-controls {\n          display: flex;\n          flex-flow: column;\n          align-items: stretch;\n          align-content: stretch;\n        }\n\n        #captionlink:link {\n          text-decoration: none;\n        }\n\n        #player-and-controls,\n        #player,\n        #player > *,\n        #cc-custom,\n        #cc-text,\n        #slider,\n        #controls,\n        #player-section,\n        #transcript-section,\n        #transcript-and-controls {\n          width: 100%;\n        }\n\n        #transcript-and-controls > * {\n          width: calc(100% - 1px);\n        }\n\n        :host > *,\n        #player-and-controls,\n        #player,\n        #player > *,\n        #cc-text {\n          flex: 1 1 auto;\n        }\n\n        #controls,\n        #searchbar {\n          flex: 0 0 44px;\n        }\n\n        #player-and-controls {\n          margin: 0 auto;\n          display: flex;\n        }\n\n        #player {\n          height: 400px;\n          position: relative;\n          background-size: cover;\n          background-position: center;\n        }\n\n        #player > * {\n          position: absolute;\n          top: 0;\n          left: 0;\n          height: 100%;\n        }\n\n        #playbutton,\n        #slider,\n        #controls {\n          z-index: 2;\n        }\n\n        #html5 {\n          min-width: 100px;\n          display: flex;\n          align-items: stretch;\n        }\n\n        :host([audio-only]) #playbutton {\n          opacity: 0;\n        }\n\n        #slider {\n          flex: 0 0 32px;\n          height: 32px;\n          background-color: var(--a11y-media-bg-color);\n          --simple-range-input-pin-height: 15px;\n        }\n\n        a11y-media-youtube {\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n\n        a11y-media-youtube.hidden {\n          opacity: 0;\n        }\n\n        #cc-custom:not([hidden]) {\n          font-size: 20px;\n          transition: font-size 0.25s;\n          display: flex;\n        }\n\n        #cc-text {\n          align-self: flex-end;\n          font-family: sans-serif;\n          color: white;\n          margin: 4px 10px;\n          padding: 0.15em 4px;\n          background-color: black;\n          background-color: rgba(0, 0, 0, 0.8);\n          transition: all 0.5s;\n        }\n\n        #player-and-controls[audio-no-thumb] #cc-text {\n          align-self: center;\n          color: var(--a11y-media-color);\n          background-color: transparent;\n        }\n\n        #controls {\n          display: block;\n          width: 100%;\n          max-width: 100%;\n          height: 44px;\n          max-height: 44px;\n          position: relative;\n          color: var(--a11y-media-color);\n          background-color: var(--a11y-media-bg-color);\n          --primary-text-color: var(--a11y-media-settings-menu-color);\n        }\n\n        #controls-left {\n          position: absolute;\n          left: 0;\n          min-width: 200px;\n        }\n\n        #controls-right {\n          position: absolute;\n          right: 0;\n          top: 0;\n        }\n\n        absolute-position-behavior {\n          background-color: var(--a11y-media-settings-menu-bg-color);\n          color: var(--a11y-media-settings-menu-color);\n          border: 1px solid\n            var(\n              --a11y-media-border-color,\n              var(--simple-colors-default-theme-grey-3)\n            );\n          max-height: 200px;\n          overflow-y: scroll;\n          overflow-x: hidden;\n        }\n\n        absolute-position-behavior::-webkit-scrollbar-track {\n          background-color: var(--a11y-media-settings-menu-bg-color);\n        }\n\n        absolute-position-behavior::-webkit-scrollbar-thumb {\n          background-color: var(--a11y-media-settings-menu-color);\n        }\n\n        absolute-position-behavior .setting {\n          min-height: 42px;\n          padding: 2px 10px;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        absolute-position-behavior simple-field-field {\n          margin-top: 0 !important;\n          margin-bottom: 0 !important;\n          background-color: var(--a11y-media-settings-menu-bg-color);\n          color: var(--a11y-media-settings-menu-color);\n        }\n\n        .setting-text {\n          margin-right: 1em;\n          font-family: var(--a11y-media-controls-font-family);\n        }\n\n        .setting-control {\n          max-width: 110px;\n        }\n\n        .setting-slider {\n          flex: 0 0 110px;\n          margin-left: -15px;\n          margin-right: -15px;\n        }\n\n        #loop {\n          flex: 0 0 40px;\n        }\n\n        #loop-label {\n          flex: 1 1 auto;\n        }\n\n        .play-status {\n          border: none;\n          position: relative;\n          font-size: 85%;\n          font-family: var(--a11y-media-controls-font-family);\n        }\n\n        .play-status.control-bar {\n          padding: 8px 13px 8px;\n        }\n\n        :host([hide-play-status]) .play-status {\n          display: none;\n        }\n\n        #volume-and-mute {\n          display: inline-block;\n          position: relative;\n        }\n\n        #volume {\n          position: absolute;\n          left: 30px;\n          top: 0px;\n          width: 0;\n          height: 40px;\n          overflow: hidden;\n          transition: width 0.5s;\n          z-index: 3;\n          border-radius: 4px;\n          background-color: var(--a11y-media-bg-color);\n        }\n\n        #volume:active,\n        #volume:focus,\n        #volume:hover,\n        #volume.focus,\n        #volume-and-mute:active #volume,\n        #volume-and-mute:focus #volume,\n        #volume-and-mute:hover #volume {\n          overflow: visible;\n          width: 100px;\n        }\n\n        :host([responsive-size=\"xs\"]) #volume:active,\n        :host([responsive-size=\"xs\"]) #volume:focus,\n        :host([responsive-size=\"xs\"]) #volume:hover,\n        :host([responsive-size=\"xs\"]) #volume.focus,\n        :host([responsive-size=\"xs\"]) #volume-and-mute:active #volume,\n        :host([responsive-size=\"xs\"]) #volume-and-mute:focus #volume,\n        :host([responsive-size=\"xs\"]) #volume-and-mute:hover #volume,\n        :host([width]) #volume:active,\n        :host([width]) #volume:focus,\n        :host([width]) #volume:hover,\n        :host([width]) #volume.focus,\n        :host([width]) #volume-and-mute:active #volume,\n        :host([width]) #volume-and-mute:focus #volume,\n        :host([width]) #volume-and-mute:hover #volume {\n          top: 0px;\n        }\n\n        #print-thumbnail {\n          width: 100%;\n          margin: 0;\n          display: block;\n          border-top: 1px solid #aaaaaa;\n        }\n\n        .media-caption:not(:empty) {\n          width: calc(100% - 30px);\n          padding: 5px 15px;\n        }\n\n        .media-type {\n          font-style: italic;\n        }\n\n        #searchbar {\n          display: flex;\n          align-items: stretch;\n          justify-content: space-between;\n          height: 44px;\n          max-height: 44px;\n          min-height: 44px;\n          width: 100%;\n          color: var(--a11y-media-color);\n          background-color: var(--a11y-media-transcript-bg-color);\n          --simple-fields-color: var(--a11y-media-color);\n          --a11y-media-button-bg-color: var(--a11y-media-transcript-bg-color);\n          --a11y-media-button-hover-bg-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-input-background-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-input-text-color: var(--a11y-media-color);\n          --simple-search-input-line-color: var(--a11y-media-accent-color);\n          --simple-search-input-placeholder-color: var(--a11y-media-color);\n          --simple-search-button-color: var(--a11y-media-accent-color);\n          --simple-search-button-hover-color: var(\n            --a11y-media-faded-accent-color\n          );\n          --simple-search-button-bg-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-button-border-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-button-hover-border-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-button-disabled-color: var(\n            --a11y-media-disabled-color\n          );\n          --simple-search-button-disabled-bg-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-button-disabled-border-color: var(\n            --a11y-media-border-color\n          );\n          --simple-search-padding: 0 15px;\n        }\n\n        :host([dark]) #searchbar {\n          background-color: var(--a11y-media-bg-color);\n          --a11y-media-button-bg-color: var(--a11y-media-bg-color);\n          --a11y-media-button-hover-bg-color: var(--a11y-media-bg-color);\n          --simple-search-input-background-color: var(--a11y-media-bg-color);\n          --simple-search-button-bg-color: var(--a11y-media-bg-color);\n          --simple-search-button-border-color: var(--a11y-media-bg-color);\n          --simple-search-button-hover-border-color: var(--a11y-media-bg-color);\n          --simple-search-button-disabled-bg-color: var(--a11y-media-bg-color);\n        }\n\n        #searching {\n          flex-grow: 2;\n        }\n\n        #autoscroll {\n          padding-right: 8px;\n        }\n\n        #scrolling,\n        #printing {\n          display: flex;\n          align-items: center;\n        }\n\n        #transcript-section {\n          padding: 0 1px 0 0;\n        }\n\n        #transcript-and-controls {\n          flex: 1 0 194px;\n        }\n\n        #transcript {\n          flex: 1 0 150px;\n          max-height: var(--a11y-media-transcript-max-height, unset);\n          overflow-y: scroll;\n          color: var(--a11y-media-transcript-cue-color);\n          background-color: var(--a11y-media-transcript-cue-bg-color);\n          border-left: 1px solid var(--a11y-media-transcript-bg-color);\n        }\n\n        #transcript::-webkit-scrollbar-track {\n          background-color: var(--a11y-media-transcript-cue-bg-color);\n        }\n\n        #transcript::-webkit-scrollbar-thumb {\n          background-color: var(--a11y-media-transcript-cue-color);\n        }\n\n        .transcript-from-track {\n          display: table;\n          width: calc(100% - 30px);\n          padding: 0 15px 15px;\n          color: var(--a11y-media-transcript-cue-color);\n          background-color: var(--a11y-media-transcript-cue-bg-color);\n          font-size: var(--a11y-media-transcript-cue-font-size, 14px);\n          line-height: var(--a11y-media-transcript-cue-line-height, 28px);\n        }\n\n        .transcript-from-track[hideTimestamps] {\n          display: block;\n        }\n\n        .sr-only {\n          position: absolute;\n          left: -9999px;\n          font-size: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n\n        absolute-position-behavior:not(:defined),\n        simple-tooltip:not(:defined) {\n          display: none;\n        }\n\n        ::slotted(iframe) {\n          display: none;\n        }\n        @media screen {\n          :host([full-flex]) {\n            flex-flow: row;\n            padding: 0;\n          }\n\n          :host([full-flex]) #player-section {\n            max-width: 50%;\n            flex: 1 0 auto;\n          }\n\n          :host([full-flex]) #transcript-section {\n            min-width: 50%;\n            flex: 0 1 auto;\n          }\n\n          :host([full-flex]) #transcript {\n            position: absolute;\n            top: 44px;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow-y: scroll;\n          }\n\n          #transcript-and-controls {\n            position: relative;\n          }\n\n          :host([sticky-mode]) #player-section {\n            position: fixed;\n            top: 5px;\n            right: 5px;\n            width: 200px;\n            max-width: 200px;\n            z-index: 999999;\n            border: 1px solid var(--a11y-media-bg-color);\n            box-shadow: 1px 1px 20px 1px rgba(125, 125, 125);\n            border-radius: 3.2px;\n          }\n\n          :host([fullscreen]) #player-section {\n            width: 100%;\n            height: 100vh;\n            max-width: 100vw;\n            position: absolute;\n            position: sticky;\n            left: 0;\n            top: 0;\n            z-index: 100000;\n            transition: all 0.5s;\n          }\n\n          :host([dark][sticky-mode]) #player-section {\n            border: 1px solid var(--a11y-media-bg-color);\n          }\n\n          :host([sticky][sticky-corner=\"top-left\"]) #player-section {\n            right: unset;\n            left: 5px;\n          }\n\n          :host(:not([no-height]):not([stacked-layout]):not([responsive-size=\"xs\"]):not([responsive-size=\"sm\"]))\n            #player-and-controls.totop {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 200px !important;\n            z-index: 9999;\n          }\n\n          :host([sticky][sticky-corner=\"bottom-left\"]) #player-and-controls {\n            top: unset;\n            right: unset;\n            bottom: 5px;\n          }\n\n          :host([sticky][sticky-corner=\"bottom-right\"]) #player-and-controls {\n            top: unset;\n            bottom: 5px;\n          }\n\n          :host([sticky-mode]) .screen-only.media-caption,\n          :host([responsive-size=\"xs\"]) .screen-only.media-caption {\n            display: none;\n          }\n\n          :host([sticky-mode]) #player-and-controls[audio-no-thumb] {\n            max-height: 0px;\n            overflow: hidden;\n          }\n\n          :host([sticky-mode]) .hide-sticky,\n          :host([sticky-mode]) .hide-full-xs,\n          :host([sticky-mode]) .hide-full-sm,\n          :host([sticky-mode]) .hide-flex,\n          :host([width]) .hide-full-xs,\n          :host([width]) .hide-full-sm,\n          :host([width]) .hide-full-flex,\n          :host([responsive-size=\"xs\"]) .hide-full-xs,\n          :host([responsive-size=\"xs\"]) .hide-full-sm,\n          :host([responsive-size=\"xs\"]) .hide-full-flex,\n          :host([responsive-size=\"sm\"]) .hide-full-sm,\n          :host([responsive-size=\"sm\"]) .hide-full-flex,\n          :host([flex-layout]) .hide-flex {\n            display: none;\n          }\n\n          :host([responsive-size=\"xl\"]) #cc-custom {\n            font-size: 16px;\n          }\n\n          :host([responsive-size=\"lg\"]) #cc-custom,\n          :host([flex-layout][responsive-size=\"xl\"]) #cc-custom {\n            font-size: 14px;\n          }\n\n          :host([responsive-size=\"md\"]) #cc-custom,\n          :host([flex-layout][responsive-size=\"lg\"]) #cc-custom {\n            font-size: 12px;\n          }\n\n          :host([responsive-size=\"xs\"]) #cc-custom,\n          :host([width]) #cc-custom,\n          :host([flex-layout][responsive-size=\"md\"]) #cc-custom,\n          :host([flex-layout][responsive-size=\"sm\"]) #cc-custom {\n            font-size: 10px;\n          }\n\n          :host([sticky-mode]) #cc-custom,\n          :host([flex-layout][width]) #cc-custom,\n          :host([flex-layout][responsive-size=\"xs\"]) #cc-custom {\n            display: none;\n          }\n\n          .media-caption {\n            color: var(--a11y-media-bg-color);\n            background-color: var(--a11y-media-accent-color);\n          }\n\n          #audio-only {\n            text-align: center;\n            font-style: italic;\n            width: 100%;\n            line-height: 160%;\n          }\n\n          #print-thumbnail,\n          .print-only {\n            width: 0;\n            display: none;\n          }\n        }\n\n        @media print {\n          :host,\n          :host([dark]) {\n            outline: 1px solid #aaaaaa;\n            background-color: #ffffff;\n          }\n\n          .screen-only,\n          #searchbar,\n          #print-thumbnail:not([src]),\n          :host(:not([thumbnail-src])) #player {\n            display: none;\n          }\n\n          .media-caption {\n            background-color: #cccccc;\n            color: #000000;\n            font-size: 120%;\n          }\n\n          #transcript {\n            padding: 0 15px 5px;\n            color: #000;\n            background-color: #ffffff;\n            border-top: 1px solid #aaa;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayer), "styles", this)), [(0, _index.css)(_templateObject13_797a74401f2611eda0c389891c227ec8 || (_templateObject13_797a74401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          overflow: hidden;\n          width: calc(100% - 2px);\n          font-family: var(--simple-fields-font-family, sans-serif);\n          --a11y-media-player-height: unset;\n          --a11y-media-color: var(\n            --simple-colors-default-theme-grey-11,\n            #111111\n          );\n          --a11y-media-bg-color: var(\n            --simple-colors-default-theme-grey-2,\n            #eeeeee\n          );\n          --a11y-media-border-color: var(\n            --simple-colors-default-theme-grey-3,\n            #dddddd\n          );\n          --a11y-media-hover-color: var(\n            --simple-colors-default-theme-grey-12,\n            #000000\n          );\n          --a11y-media-hover-bg-color: var(\n            --simple-colors-default-theme-grey-2,\n            #eeeeee\n          );\n          --a11y-media-accent-color: var(\n            --simple-colors-default-theme-accent-9,\n            #333333\n          );\n          --a11y-media-faded-accent-color: var(\n            --simple-colors-default-theme-accent-8,\n            #444444\n          );\n          --a11y-media-disabled-color: var(\n            --simple-colors-default-theme-grey-5,\n            #bbbbbb\n          );\n          border: 1px solid\n            var(\n              --a11y-media-border-color,\n              var(--simple-colors-default-theme-grey-3)\n            );\n\n          --a11y-media-settings-menu-color: var(--a11y-media-color);\n          --a11y-media-settings-menu-bg-color: var(--a11y-media-bg-color);\n          --a11y-media-settings-menu-hover-color: var(--a11y-media-hover-color);\n          --a11y-media-settings-menu-hover-bg-color: var(\n            --a11y-media-hover-bg-color\n          );\n          --simple-fields-accent-color: var(--a11y-media-accent-color);\n          --simple-fields-background-color: var(--a11y-media-bg-color);\n          --simple-fields-color: var(--a11y-media-color);\n          --simple-fields-border-color: var(--a11y-media-border-color);\n          --simple-fields-border-color-light: var(\n            --a11y-media-border-color-light,\n            var(--a11y-media-border-color)\n          );\n\n          --a11y-media-button-color: var(--a11y-media-color);\n          --a11y-media-button-bg-color: var(--a11y-media-bg-color);\n          --a11y-media-button-hover-color: var(--a11y-media-accent-color);\n          --a11y-media-button-hover-bg-color: var(--a11y-media-hover-bg-color);\n          --a11y-media-button-disabled-color: var(--a11y-media-disabled-color);\n          --a11y-media-button-toggle-color: var(\n            --a11y-media-faded-accent-color\n          );\n\n          --simple-range-input-bg: var(--a11y-media-accent-color);\n          --simple-range-input-color: var(--a11y-media-color);\n          --simple-range-input-track-height: 4px;\n          --simple-range-input-pin-height: 10px;\n\n          --simple-toast-color: var(--a11y-media-color);\n          --simple-toast-background-color: var(--a11y-media-bg-color);\n\n          --a11y-media-transcript-color: var(\n            --simple-colors-default-theme-grey-7,\n            #666666\n          );\n          --a11y-media-transcript-bg-color: var(\n            --simple-colors-default-theme-grey-1,\n            #ffffff\n          );\n          --a11y-media-transcript-accent-color: var(\n            --simple-colors-default-theme-accent-8,\n            #444444\n          );\n          --a11y-media-transcript-faded-accent-color: var(\n            --simple-colors-default-theme-accent-10,\n            #222222\n          );\n          --a11y-media-transcript-cue-color: var(\n            --simple-colors-fixed-theme-grey-12,\n            #000000\n          );\n          --a11y-media-transcript-cue-bg-color: var(\n            --simple-colors-fixed-theme-grey-1,\n            #ffffff\n          );\n          --a11y-media-transcript-active-cue-color: var(\n            --simple-colors-fixed-theme-grey-12,\n            #000000\n          );\n          --a11y-media-transcript-active-cue-bg-color: var(\n            --simple-colors-fixed-theme-accent-1,\n            #ffffff\n          );\n          --a11y-media-transcript-focused-cue-color: var(\n            --simple-colors-fixed-theme-grey-12,\n            #000000\n          );\n          --a11y-media-transcript-focused-cue-bg-color: var(\n            --simple-colors-fixed-theme-grey-2,\n            #eeeeee\n          );\n          --a11y-media-transcript-match-color: var(\n            --simple-colors-fixed-theme-grey-1,\n            #ffffff\n          );\n          --a11y-media-transcript-match-bg-color: var(\n            --simple-colors-fixed-theme-accent-10,\n            #222222\n          );\n          --a11y-media-transcript-match-border-color: var(\n            --simple-colors-fixed-theme-accent-12,\n            #000000\n          );\n        }\n\n        :host([dark]) {\n          border: 1px solid var(--simple-colors-default-theme-grey-1, #000000);\n        }\n\n        :host([dark-transcript]) {\n          --a11y-media-transcript-bg-color: var(\n            --simple-colors-dark-theme-grey-1,\n            #000000\n          );\n          --a11y-media-transcript-cue-color: var(\n            --simple-colors-dark-theme-grey-12,\n            #ffffff\n          );\n          --a11y-media-transcript-cue-bg-color: var(\n            --simple-colors-dark-theme-grey-1,\n            #000000\n          );\n          --a11y-media-transcript-active-cue-color: var(\n            --simple-colors-dark-theme-accent-10,\n            #dddddd\n          );\n          --a11y-media-transcript-active-cue-bg-color: var(\n            --simple-colors-dark-theme-grey-1,\n            #000000\n          );\n          --a11y-media-transcript-match-color: var(\n            --simple-colors-dark-theme-grey-1,\n            #000000\n          );\n          --a11y-media-transcript-match-bg-color: var(\n            --simple-colors-dark-theme-accent-10,\n            #dddddd\n          );\n          --a11y-media-transcript-match-border-color: var(\n            --simple-colors-dark-theme-accent-12,\n            #ffffff\n          );\n          --a11y-media-transcript-focused-cue-color: var(\n            --simple-colors-dark-theme-grey-12,\n            #ffffff\n          );\n          --a11y-media-transcript-focused-cue-bg-color: var(\n            --simple-colors-dark-theme-grey-2,\n            #111111\n          );\n        }\n\n        :host *::-webkit-scrollbar {\n          width: var(--a11y-media-scrollbar-width, 5px);\n        }\n\n        :host([hidden]),\n        *[hidden] {\n          display: none !important;\n        }\n\n        :host([height]) {\n          height: calc(var(--a11y-media-player-height) - 2px);\n          max-height: calc(var(--a11y-media-player-height) - 2px);\n          overflow: unset;\n        }\n\n        :host([height]) #player-section {\n          max-height: var(--a11y-media-player-height);\n        }\n\n        :host([height]) #player-and-controls {\n          max-height: calc(100% - 32px - 44px);\n        }\n\n        :host([height]) #player {\n          height: calc(100% - 32px - 44px);\n          padding-top: unset;\n        }\n\n        :host,\n        #player-section {\n          color: var(--a11y-media-hover-color);\n          background-color: var(--a11y-media-bg-color);\n        }\n\n        :host > * {\n          transition: all 0.5s;\n        }\n\n        :host,\n        #player-section,\n        #player,\n        #transcript-section,\n        #transcript-and-controls {\n          display: flex;\n          flex-flow: column;\n          align-items: stretch;\n          align-content: stretch;\n        }\n\n        #captionlink:link {\n          text-decoration: none;\n        }\n\n        #player-and-controls,\n        #player,\n        #player > *,\n        #cc-custom,\n        #cc-text,\n        #slider,\n        #controls,\n        #player-section,\n        #transcript-section,\n        #transcript-and-controls {\n          width: 100%;\n        }\n\n        #transcript-and-controls > * {\n          width: calc(100% - 1px);\n        }\n\n        :host > *,\n        #player-and-controls,\n        #player,\n        #player > *,\n        #cc-text {\n          flex: 1 1 auto;\n        }\n\n        #controls,\n        #searchbar {\n          flex: 0 0 44px;\n        }\n\n        #player-and-controls {\n          margin: 0 auto;\n          display: flex;\n        }\n\n        #player {\n          height: 400px;\n          position: relative;\n          background-size: cover;\n          background-position: center;\n        }\n\n        #player > * {\n          position: absolute;\n          top: 0;\n          left: 0;\n          height: 100%;\n        }\n\n        #playbutton,\n        #slider,\n        #controls {\n          z-index: 2;\n        }\n\n        #html5 {\n          min-width: 100px;\n          display: flex;\n          align-items: stretch;\n        }\n\n        :host([audio-only]) #playbutton {\n          opacity: 0;\n        }\n\n        #slider {\n          flex: 0 0 32px;\n          height: 32px;\n          background-color: var(--a11y-media-bg-color);\n          --simple-range-input-pin-height: 15px;\n        }\n\n        a11y-media-youtube {\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n\n        a11y-media-youtube.hidden {\n          opacity: 0;\n        }\n\n        #cc-custom:not([hidden]) {\n          font-size: 20px;\n          transition: font-size 0.25s;\n          display: flex;\n        }\n\n        #cc-text {\n          align-self: flex-end;\n          font-family: sans-serif;\n          color: white;\n          margin: 4px 10px;\n          padding: 0.15em 4px;\n          background-color: black;\n          background-color: rgba(0, 0, 0, 0.8);\n          transition: all 0.5s;\n        }\n\n        #player-and-controls[audio-no-thumb] #cc-text {\n          align-self: center;\n          color: var(--a11y-media-color);\n          background-color: transparent;\n        }\n\n        #controls {\n          display: block;\n          width: 100%;\n          max-width: 100%;\n          height: 44px;\n          max-height: 44px;\n          position: relative;\n          color: var(--a11y-media-color);\n          background-color: var(--a11y-media-bg-color);\n          --primary-text-color: var(--a11y-media-settings-menu-color);\n        }\n\n        #controls-left {\n          position: absolute;\n          left: 0;\n          min-width: 200px;\n        }\n\n        #controls-right {\n          position: absolute;\n          right: 0;\n          top: 0;\n        }\n\n        absolute-position-behavior {\n          background-color: var(--a11y-media-settings-menu-bg-color);\n          color: var(--a11y-media-settings-menu-color);\n          border: 1px solid\n            var(\n              --a11y-media-border-color,\n              var(--simple-colors-default-theme-grey-3)\n            );\n          max-height: 200px;\n          overflow-y: scroll;\n          overflow-x: hidden;\n        }\n\n        absolute-position-behavior::-webkit-scrollbar-track {\n          background-color: var(--a11y-media-settings-menu-bg-color);\n        }\n\n        absolute-position-behavior::-webkit-scrollbar-thumb {\n          background-color: var(--a11y-media-settings-menu-color);\n        }\n\n        absolute-position-behavior .setting {\n          min-height: 42px;\n          padding: 2px 10px;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        absolute-position-behavior simple-field-field {\n          margin-top: 0 !important;\n          margin-bottom: 0 !important;\n          background-color: var(--a11y-media-settings-menu-bg-color);\n          color: var(--a11y-media-settings-menu-color);\n        }\n\n        .setting-text {\n          margin-right: 1em;\n          font-family: var(--a11y-media-controls-font-family);\n        }\n\n        .setting-control {\n          max-width: 110px;\n        }\n\n        .setting-slider {\n          flex: 0 0 110px;\n          margin-left: -15px;\n          margin-right: -15px;\n        }\n\n        #loop {\n          flex: 0 0 40px;\n        }\n\n        #loop-label {\n          flex: 1 1 auto;\n        }\n\n        .play-status {\n          border: none;\n          position: relative;\n          font-size: 85%;\n          font-family: var(--a11y-media-controls-font-family);\n        }\n\n        .play-status.control-bar {\n          padding: 8px 13px 8px;\n        }\n\n        :host([hide-play-status]) .play-status {\n          display: none;\n        }\n\n        #volume-and-mute {\n          display: inline-block;\n          position: relative;\n        }\n\n        #volume {\n          position: absolute;\n          left: 30px;\n          top: 0px;\n          width: 0;\n          height: 40px;\n          overflow: hidden;\n          transition: width 0.5s;\n          z-index: 3;\n          border-radius: 4px;\n          background-color: var(--a11y-media-bg-color);\n        }\n\n        #volume:active,\n        #volume:focus,\n        #volume:hover,\n        #volume.focus,\n        #volume-and-mute:active #volume,\n        #volume-and-mute:focus #volume,\n        #volume-and-mute:hover #volume {\n          overflow: visible;\n          width: 100px;\n        }\n\n        :host([responsive-size=\"xs\"]) #volume:active,\n        :host([responsive-size=\"xs\"]) #volume:focus,\n        :host([responsive-size=\"xs\"]) #volume:hover,\n        :host([responsive-size=\"xs\"]) #volume.focus,\n        :host([responsive-size=\"xs\"]) #volume-and-mute:active #volume,\n        :host([responsive-size=\"xs\"]) #volume-and-mute:focus #volume,\n        :host([responsive-size=\"xs\"]) #volume-and-mute:hover #volume,\n        :host([width]) #volume:active,\n        :host([width]) #volume:focus,\n        :host([width]) #volume:hover,\n        :host([width]) #volume.focus,\n        :host([width]) #volume-and-mute:active #volume,\n        :host([width]) #volume-and-mute:focus #volume,\n        :host([width]) #volume-and-mute:hover #volume {\n          top: 0px;\n        }\n\n        #print-thumbnail {\n          width: 100%;\n          margin: 0;\n          display: block;\n          border-top: 1px solid #aaaaaa;\n        }\n\n        .media-caption:not(:empty) {\n          width: calc(100% - 30px);\n          padding: 5px 15px;\n        }\n\n        .media-type {\n          font-style: italic;\n        }\n\n        #searchbar {\n          display: flex;\n          align-items: stretch;\n          justify-content: space-between;\n          height: 44px;\n          max-height: 44px;\n          min-height: 44px;\n          width: 100%;\n          color: var(--a11y-media-color);\n          background-color: var(--a11y-media-transcript-bg-color);\n          --simple-fields-color: var(--a11y-media-color);\n          --a11y-media-button-bg-color: var(--a11y-media-transcript-bg-color);\n          --a11y-media-button-hover-bg-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-input-background-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-input-text-color: var(--a11y-media-color);\n          --simple-search-input-line-color: var(--a11y-media-accent-color);\n          --simple-search-input-placeholder-color: var(--a11y-media-color);\n          --simple-search-button-color: var(--a11y-media-accent-color);\n          --simple-search-button-hover-color: var(\n            --a11y-media-faded-accent-color\n          );\n          --simple-search-button-bg-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-button-border-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-button-hover-border-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-button-disabled-color: var(\n            --a11y-media-disabled-color\n          );\n          --simple-search-button-disabled-bg-color: var(\n            --a11y-media-transcript-bg-color\n          );\n          --simple-search-button-disabled-border-color: var(\n            --a11y-media-border-color\n          );\n          --simple-search-padding: 0 15px;\n        }\n\n        :host([dark]) #searchbar {\n          background-color: var(--a11y-media-bg-color);\n          --a11y-media-button-bg-color: var(--a11y-media-bg-color);\n          --a11y-media-button-hover-bg-color: var(--a11y-media-bg-color);\n          --simple-search-input-background-color: var(--a11y-media-bg-color);\n          --simple-search-button-bg-color: var(--a11y-media-bg-color);\n          --simple-search-button-border-color: var(--a11y-media-bg-color);\n          --simple-search-button-hover-border-color: var(--a11y-media-bg-color);\n          --simple-search-button-disabled-bg-color: var(--a11y-media-bg-color);\n        }\n\n        #searching {\n          flex-grow: 2;\n        }\n\n        #autoscroll {\n          padding-right: 8px;\n        }\n\n        #scrolling,\n        #printing {\n          display: flex;\n          align-items: center;\n        }\n\n        #transcript-section {\n          padding: 0 1px 0 0;\n        }\n\n        #transcript-and-controls {\n          flex: 1 0 194px;\n        }\n\n        #transcript {\n          flex: 1 0 150px;\n          max-height: var(--a11y-media-transcript-max-height, unset);\n          overflow-y: scroll;\n          color: var(--a11y-media-transcript-cue-color);\n          background-color: var(--a11y-media-transcript-cue-bg-color);\n          border-left: 1px solid var(--a11y-media-transcript-bg-color);\n        }\n\n        #transcript::-webkit-scrollbar-track {\n          background-color: var(--a11y-media-transcript-cue-bg-color);\n        }\n\n        #transcript::-webkit-scrollbar-thumb {\n          background-color: var(--a11y-media-transcript-cue-color);\n        }\n\n        .transcript-from-track {\n          display: table;\n          width: calc(100% - 30px);\n          padding: 0 15px 15px;\n          color: var(--a11y-media-transcript-cue-color);\n          background-color: var(--a11y-media-transcript-cue-bg-color);\n          font-size: var(--a11y-media-transcript-cue-font-size, 14px);\n          line-height: var(--a11y-media-transcript-cue-line-height, 28px);\n        }\n\n        .transcript-from-track[hideTimestamps] {\n          display: block;\n        }\n\n        .sr-only {\n          position: absolute;\n          left: -9999px;\n          font-size: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n\n        absolute-position-behavior:not(:defined),\n        simple-tooltip:not(:defined) {\n          display: none;\n        }\n\n        ::slotted(iframe) {\n          display: none;\n        }\n        @media screen {\n          :host([full-flex]) {\n            flex-flow: row;\n            padding: 0;\n          }\n\n          :host([full-flex]) #player-section {\n            max-width: 50%;\n            flex: 1 0 auto;\n          }\n\n          :host([full-flex]) #transcript-section {\n            min-width: 50%;\n            flex: 0 1 auto;\n          }\n\n          :host([full-flex]) #transcript {\n            position: absolute;\n            top: 44px;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow-y: scroll;\n          }\n\n          #transcript-and-controls {\n            position: relative;\n          }\n\n          :host([sticky-mode]) #player-section {\n            position: fixed;\n            top: 5px;\n            right: 5px;\n            width: 200px;\n            max-width: 200px;\n            z-index: 999999;\n            border: 1px solid var(--a11y-media-bg-color);\n            box-shadow: 1px 1px 20px 1px rgba(125, 125, 125);\n            border-radius: 3.2px;\n          }\n\n          :host([fullscreen]) #player-section {\n            width: 100%;\n            height: 100vh;\n            max-width: 100vw;\n            position: absolute;\n            position: sticky;\n            left: 0;\n            top: 0;\n            z-index: 100000;\n            transition: all 0.5s;\n          }\n\n          :host([dark][sticky-mode]) #player-section {\n            border: 1px solid var(--a11y-media-bg-color);\n          }\n\n          :host([sticky][sticky-corner=\"top-left\"]) #player-section {\n            right: unset;\n            left: 5px;\n          }\n\n          :host(:not([no-height]):not([stacked-layout]):not([responsive-size=\"xs\"]):not([responsive-size=\"sm\"]))\n            #player-and-controls.totop {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 200px !important;\n            z-index: 9999;\n          }\n\n          :host([sticky][sticky-corner=\"bottom-left\"]) #player-and-controls {\n            top: unset;\n            right: unset;\n            bottom: 5px;\n          }\n\n          :host([sticky][sticky-corner=\"bottom-right\"]) #player-and-controls {\n            top: unset;\n            bottom: 5px;\n          }\n\n          :host([sticky-mode]) .screen-only.media-caption,\n          :host([responsive-size=\"xs\"]) .screen-only.media-caption {\n            display: none;\n          }\n\n          :host([sticky-mode]) #player-and-controls[audio-no-thumb] {\n            max-height: 0px;\n            overflow: hidden;\n          }\n\n          :host([sticky-mode]) .hide-sticky,\n          :host([sticky-mode]) .hide-full-xs,\n          :host([sticky-mode]) .hide-full-sm,\n          :host([sticky-mode]) .hide-flex,\n          :host([width]) .hide-full-xs,\n          :host([width]) .hide-full-sm,\n          :host([width]) .hide-full-flex,\n          :host([responsive-size=\"xs\"]) .hide-full-xs,\n          :host([responsive-size=\"xs\"]) .hide-full-sm,\n          :host([responsive-size=\"xs\"]) .hide-full-flex,\n          :host([responsive-size=\"sm\"]) .hide-full-sm,\n          :host([responsive-size=\"sm\"]) .hide-full-flex,\n          :host([flex-layout]) .hide-flex {\n            display: none;\n          }\n\n          :host([responsive-size=\"xl\"]) #cc-custom {\n            font-size: 16px;\n          }\n\n          :host([responsive-size=\"lg\"]) #cc-custom,\n          :host([flex-layout][responsive-size=\"xl\"]) #cc-custom {\n            font-size: 14px;\n          }\n\n          :host([responsive-size=\"md\"]) #cc-custom,\n          :host([flex-layout][responsive-size=\"lg\"]) #cc-custom {\n            font-size: 12px;\n          }\n\n          :host([responsive-size=\"xs\"]) #cc-custom,\n          :host([width]) #cc-custom,\n          :host([flex-layout][responsive-size=\"md\"]) #cc-custom,\n          :host([flex-layout][responsive-size=\"sm\"]) #cc-custom {\n            font-size: 10px;\n          }\n\n          :host([sticky-mode]) #cc-custom,\n          :host([flex-layout][width]) #cc-custom,\n          :host([flex-layout][responsive-size=\"xs\"]) #cc-custom {\n            display: none;\n          }\n\n          .media-caption {\n            color: var(--a11y-media-bg-color);\n            background-color: var(--a11y-media-accent-color);\n          }\n\n          #audio-only {\n            text-align: center;\n            font-style: italic;\n            width: 100%;\n            line-height: 160%;\n          }\n\n          #print-thumbnail,\n          .print-only {\n            width: 0;\n            display: none;\n          }\n        }\n\n        @media print {\n          :host,\n          :host([dark]) {\n            outline: 1px solid #aaaaaa;\n            background-color: #ffffff;\n          }\n\n          .screen-only,\n          #searchbar,\n          #print-thumbnail:not([src]),\n          :host(:not([thumbnail-src])) #player {\n            display: none;\n          }\n\n          .media-caption {\n            background-color: #cccccc;\n            color: #000000;\n            font-size: 120%;\n          }\n\n          #transcript {\n            padding: 0 15px 5px;\n            color: #000;\n            background-color: #ffffff;\n            border-top: 1px solid #aaa;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-button.js
index 75db2d8cfe1..81bfcb4fb1b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-button.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-icon/lib/si
   _exports.A11yMediaButton = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_b47bc0601f0511ed8cc3e9a95995ad69, _templateObject2_b47bc0601f0511ed8cc3e9a95995ad69, _templateObject3_b47bc0601f0511ed8cc3e9a95995ad69, _templateObject4_b47bc0601f0511ed8cc3e9a95995ad69;
+  var _templateObject_8ed930101f2611eda0c389891c227ec8, _templateObject2_8ed930101f2611eda0c389891c227ec8, _templateObject3_8ed930101f2611eda0c389891c227ec8, _templateObject4_8ed930101f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -49,7 +49,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-icon/lib/si
     babelHelpers.createClass(A11yMediaButton, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b47bc0601f0511ed8cc3e9a95995ad69 || (_templateObject_b47bc0601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        id=\"button\"\n        aria-label=\"", "\"\n        aria-pressed=\"", "\"\n        controls=\"", "\"\n        tabindex=\"0\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n        ?toggle=\"", "\"\n      >\n        <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n      </button>\n      ", "\n    "])), this.label, this.toggle ? "true" : "false", this.controls, this._buttonClick, this.disabled, this.toggle, this.icon, this.label ? (0, _index.html)(_templateObject2_b47bc0601f0511ed8cc3e9a95995ad69 || (_templateObject2_b47bc0601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <simple-tooltip for=\"button\" position=\"", "\"\n              >", "</simple-tooltip\n            >\n          "])), this.tooltipPosition, this.label) : "");
+        return (0, _index.html)(_templateObject_8ed930101f2611eda0c389891c227ec8 || (_templateObject_8ed930101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        id=\"button\"\n        aria-label=\"", "\"\n        aria-pressed=\"", "\"\n        controls=\"", "\"\n        tabindex=\"0\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n        ?toggle=\"", "\"\n      >\n        <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n      </button>\n      ", "\n    "])), this.label, this.toggle ? "true" : "false", this.controls, this._buttonClick, this.disabled, this.toggle, this.icon, this.label ? (0, _index.html)(_templateObject2_8ed930101f2611eda0c389891c227ec8 || (_templateObject2_8ed930101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <simple-tooltip for=\"button\" position=\"", "\"\n              >", "</simple-tooltip\n            >\n          "])), this.tooltipPosition, this.label) : "");
       }
       /**
        * lets player know this button was clicked
@@ -151,12 +151,12 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-icon/lib/si
     }, {
       key: "styles",
       get: function get() {
-        return [this.buttonStyles, (0, _index.css)(_templateObject3_b47bc0601f0511ed8cc3e9a95995ad69 || (_templateObject3_b47bc0601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin: 0;\n          padding: 0;\n        }\n        #button {\n          margin: 0;\n          padding: 8px;\n          line-height: 1;\n          border: none;\n          transition: color 0.25s;\n          color: var(--a11y-media-button-color);\n          background-color: var(--a11y-media-button-bg-color);\n        }\n        :host([toggle]) #button {\n          color: var(--a11y-media-button-toggle-color);\n          background-color: var(--a11y-media-button-toggle-bg-color);\n        }\n        :host([toggle]:active) #button,\n        :host([toggle]:focus) #button,\n        :host([toggle]:hover) #button,\n        :host(:active) #button,\n        :host(:focus) #button,\n        :host(:hover) #button {\n          color: var(--a11y-media-button-hover-color);\n          background-color: var(--a11y-media-button-hover-bg-color);\n        }\n        :host([disabled]) #button {\n          color: var(--a11y-media-button-disabled-color);\n          cursor: not-allowed;\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999;\n          top: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        simple-tooltip {\n          z-index: 100;\n        }\n        simple-tooltip:not(:defined) {\n          display: none;\n        }\n        simple-icon-lite {\n          display: inline-block;\n        }\n      "])))];
+        return [this.buttonStyles, (0, _index.css)(_templateObject3_8ed930101f2611eda0c389891c227ec8 || (_templateObject3_8ed930101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin: 0;\n          padding: 0;\n        }\n        #button {\n          margin: 0;\n          padding: 8px;\n          line-height: 1;\n          border: none;\n          transition: color 0.25s;\n          color: var(--a11y-media-button-color);\n          background-color: var(--a11y-media-button-bg-color);\n        }\n        :host([toggle]) #button {\n          color: var(--a11y-media-button-toggle-color);\n          background-color: var(--a11y-media-button-toggle-bg-color);\n        }\n        :host([toggle]:active) #button,\n        :host([toggle]:focus) #button,\n        :host([toggle]:hover) #button,\n        :host(:active) #button,\n        :host(:focus) #button,\n        :host(:hover) #button {\n          color: var(--a11y-media-button-hover-color);\n          background-color: var(--a11y-media-button-hover-bg-color);\n        }\n        :host([disabled]) #button {\n          color: var(--a11y-media-button-disabled-color);\n          cursor: not-allowed;\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999;\n          top: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        simple-tooltip {\n          z-index: 100;\n        }\n        simple-tooltip:not(:defined) {\n          display: none;\n        }\n        simple-icon-lite {\n          display: inline-block;\n        }\n      "])))];
       }
     }, {
       key: "buttonStyles",
       get: function get() {
-        return [(0, _index.css)(_templateObject4_b47bc0601f0511ed8cc3e9a95995ad69 || (_templateObject4_b47bc0601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        #button {\n          margin: 0;\n          border: none;\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999;\n          top: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        simple-tooltip {\n          z-index: 100;\n        }\n        simple-tooltip:not(:defined) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_8ed930101f2611eda0c389891c227ec8 || (_templateObject4_8ed930101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        #button {\n          margin: 0;\n          border: none;\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999;\n          top: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        simple-tooltip {\n          z-index: 100;\n        }\n        simple-tooltip:not(:defined) {\n          display: none;\n        }\n      "])))];
       }
     }]);
     return A11yMediaButton;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-play-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-play-button.js
index 30f9392b021..9361a237bf9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-play-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-play-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./a11y-media-button.js"], function
   });
   _exports.A11yMediaPlayButton = void 0;
 
-  var _templateObject_b47ea6901f0511ed8cc3e9a95995ad69, _templateObject2_b47ea6901f0511ed8cc3e9a95995ad69, _templateObject3_b47ea6901f0511ed8cc3e9a95995ad69, _templateObject4_b47ea6901f0511ed8cc3e9a95995ad69;
+  var _templateObject_8edb52f01f2611eda0c389891c227ec8, _templateObject2_8edb52f01f2611eda0c389891c227ec8, _templateObject3_8edb52f01f2611eda0c389891c227ec8, _templateObject4_8edb52f01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -50,7 +50,7 @@ define(["exports", "../../../lit/index.js", "./a11y-media-button.js"], function
       key: "render",
       value: //render function
       function render() {
-        return (0, _index.html)(_templateObject_b47ea6901f0511ed8cc3e9a95995ad69 || (_templateObject_b47ea6901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        id=\"button\"\n        aria-hidden=\"", "\"\n        controls=\"video\"\n        aria-label=\"", "\"\n        tabindex=\"0\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n      >\n        ", "\n      </button>\n    "])), this.disabled ? "true" : "false", this.label, this._buttonClick, this.disabled, this.youtubeId != "undefined" && this.youtubeId ? (0, _index.html)(_templateObject2_b47ea6901f0511ed8cc3e9a95995ad69 || (_templateObject2_b47ea6901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <svg\n                id=\"svg\"\n                aria-hidden=\"true\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 70 60\"\n                preserveAspectRatio=\"xMidYMid meet\"\n                focusable=\"false\"\n                width=\"30%\"\n                height=\"30%\"\n                opacity=\"0.5\"\n              >\n                <g\n                  viewBox=\"0 0 70 60\"\n                  preserveAspectRatio=\"xMidYMid meet\"\n                  class=\"style-scope ytd-topbar-logo-renderer\"\n                >\n                  <g class=\"style-scope ytd-topbar-logo-renderer\">\n                    <path\n                      fill=\"#FF0000\"\n                      d=\"M63,14.87c-0.72-2.7-2.85-4.83-5.56-5.56C52.54,8,32.88,8,32.88,8S13.23,8,8.32,9.31\n            c-2.7,0.72-4.83,2.85-5.56,5.56C1.45,19.77,1.45,30,1.45,30s0,10.23,1.31,15.13c0.72,2.7,2.85,4.83,5.56,5.56\n            C13.23,52,32.88,52,32.88,52s19.66,0,24.56-1.31c2.7-0.72,4.83-2.85,5.56-5.56C64.31,40.23,64.31,30,64.31,30\n            S64.31,19.77,63,14.87z\"\n                      class=\"style-scope ytd-topbar-logo-renderer\"\n                    ></path>\n                    <polygon\n                      fill=\"#FFFFFF\"\n                      points=\"26.6,39.43 42.93,30 26.6,20.57\"\n                      class=\"style-scope ytd-topbar-logo-renderer\"\n                    ></polygon>\n                  </g>\n                </g>\n              </svg>\n            "]))) : (0, _index.html)(_templateObject3_b47ea6901f0511ed8cc3e9a95995ad69 || (_templateObject3_b47ea6901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <svg\n                id=\"svg\"\n                aria-hidden=\"true\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 200 200\"\n                width=\"30%\"\n                height=\"30%\"\n                opacity=\"0.5\"\n              >\n                <g>\n                  <polygon\n                    id=\"arrow\"\n                    points=\"30,20 30,180 170,100\"\n                    fill=\"#000000\"\n                    stroke=\"#ffffff\"\n                    stroke-width=\"15px\"\n                  ></polygon>\n                  <text\n                    id=\"text\"\n                    class=\"sr-only\"\n                    x=\"50\"\n                    y=\"115\"\n                    fill=\"#ffffff\"\n                    font-size=\"30px\"\n                  >\n                    ", "\n                  </text>\n                </g>\n              </svg>\n            "])), this.label));
+        return (0, _index.html)(_templateObject_8edb52f01f2611eda0c389891c227ec8 || (_templateObject_8edb52f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        id=\"button\"\n        aria-hidden=\"", "\"\n        controls=\"video\"\n        aria-label=\"", "\"\n        tabindex=\"0\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n      >\n        ", "\n      </button>\n    "])), this.disabled ? "true" : "false", this.label, this._buttonClick, this.disabled, this.youtubeId != "undefined" && this.youtubeId ? (0, _index.html)(_templateObject2_8edb52f01f2611eda0c389891c227ec8 || (_templateObject2_8edb52f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <svg\n                id=\"svg\"\n                aria-hidden=\"true\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 70 60\"\n                preserveAspectRatio=\"xMidYMid meet\"\n                focusable=\"false\"\n                width=\"30%\"\n                height=\"30%\"\n                opacity=\"0.5\"\n              >\n                <g\n                  viewBox=\"0 0 70 60\"\n                  preserveAspectRatio=\"xMidYMid meet\"\n                  class=\"style-scope ytd-topbar-logo-renderer\"\n                >\n                  <g class=\"style-scope ytd-topbar-logo-renderer\">\n                    <path\n                      fill=\"#FF0000\"\n                      d=\"M63,14.87c-0.72-2.7-2.85-4.83-5.56-5.56C52.54,8,32.88,8,32.88,8S13.23,8,8.32,9.31\n            c-2.7,0.72-4.83,2.85-5.56,5.56C1.45,19.77,1.45,30,1.45,30s0,10.23,1.31,15.13c0.72,2.7,2.85,4.83,5.56,5.56\n            C13.23,52,32.88,52,32.88,52s19.66,0,24.56-1.31c2.7-0.72,4.83-2.85,5.56-5.56C64.31,40.23,64.31,30,64.31,30\n            S64.31,19.77,63,14.87z\"\n                      class=\"style-scope ytd-topbar-logo-renderer\"\n                    ></path>\n                    <polygon\n                      fill=\"#FFFFFF\"\n                      points=\"26.6,39.43 42.93,30 26.6,20.57\"\n                      class=\"style-scope ytd-topbar-logo-renderer\"\n                    ></polygon>\n                  </g>\n                </g>\n              </svg>\n            "]))) : (0, _index.html)(_templateObject3_8edb52f01f2611eda0c389891c227ec8 || (_templateObject3_8edb52f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <svg\n                id=\"svg\"\n                aria-hidden=\"true\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 200 200\"\n                width=\"30%\"\n                height=\"30%\"\n                opacity=\"0.5\"\n              >\n                <g>\n                  <polygon\n                    id=\"arrow\"\n                    points=\"30,20 30,180 170,100\"\n                    fill=\"#000000\"\n                    stroke=\"#ffffff\"\n                    stroke-width=\"15px\"\n                  ></polygon>\n                  <text\n                    id=\"text\"\n                    class=\"sr-only\"\n                    x=\"50\"\n                    y=\"115\"\n                    fill=\"#ffffff\"\n                    font-size=\"30px\"\n                  >\n                    ", "\n                  </text>\n                </g>\n              </svg>\n            "])), this.label));
       }
     }], [{
       key: "tag",
@@ -60,7 +60,7 @@ define(["exports", "../../../lit/index.js", "./a11y-media-button.js"], function
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayButton), "buttonStyles", this)), [(0, _index.css)(_templateObject4_b47ea6901f0511ed8cc3e9a95995ad69 || (_templateObject4_b47ea6901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n        :host([action=\"pause\"]) {\n          opacity: 0;\n        }\n        :host,\n        #button {\n          width: 100%;\n          top: 0;\n          left: 0;\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n        #button {\n          position: absolute;\n          height: 100%;\n          padding: 0;\n          background: var(--a11y-play-button-bg-color);\n        }\n        #button:focus,\n        #button:hover {\n          background: var(--a11y-play-button-focus-bg-color);\n          opacity: 0.2;\n        }\n        #arrow {\n          stroke: #ffffff;\n          fill: #000000;\n        }\n        #text {\n          fill: #ffffff;\n        }\n        @media print {\n          :host,\n          #background,\n          #svg {\n            display: none;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayButton), "buttonStyles", this)), [(0, _index.css)(_templateObject4_8edb52f01f2611eda0c389891c227ec8 || (_templateObject4_8edb52f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n        :host([action=\"pause\"]) {\n          opacity: 0;\n        }\n        :host,\n        #button {\n          width: 100%;\n          top: 0;\n          left: 0;\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n        #button {\n          position: absolute;\n          height: 100%;\n          padding: 0;\n          background: var(--a11y-play-button-bg-color);\n        }\n        #button:focus,\n        #button:hover {\n          background: var(--a11y-play-button-focus-bg-color);\n          opacity: 0.2;\n        }\n        #arrow {\n          stroke: #ffffff;\n          fill: #000000;\n        }\n        #text {\n          fill: #ffffff;\n        }\n        @media print {\n          :host,\n          #background,\n          #svg {\n            display: none;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript-cue.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript-cue.js
index cbfa6898efe..3a97b55b7ac 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript-cue.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript-cue.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-search/lib/simple-sear
   });
   _exports.A11yMediaTranscriptCue = void 0;
 
-  var _templateObject_b4850f301f0511ed8cc3e9a95995ad69, _templateObject2_b4850f301f0511ed8cc3e9a95995ad69;
+  var _templateObject_8ee1e2a01f2611eda0c389891c227ec8, _templateObject2_8ee1e2a01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -59,7 +59,7 @@ define(["exports", "../../../lit/index.js", "../../simple-search/lib/simple-sear
     babelHelpers.createClass(A11yMediaTranscriptCue, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b4850f301f0511ed8cc3e9a95995ad69 || (_templateObject_b4850f301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <span id=\"time\"> ", " - ", " </span>\n      <span id=\"text\">\n        <slot></slot>\n      </span>\n    "])), this.start, this.end);
+        return (0, _index.html)(_templateObject_8ee1e2a01f2611eda0c389891c227ec8 || (_templateObject_8ee1e2a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <span id=\"time\"> ", " - ", " </span>\n      <span id=\"text\">\n        <slot></slot>\n      </span>\n    "])), this.start, this.end);
       }
     }, {
       key: "updated",
@@ -135,7 +135,7 @@ define(["exports", "../../../lit/index.js", "../../simple-search/lib/simple-sear
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_b4850f301f0511ed8cc3e9a95995ad69 || (_templateObject2_b4850f301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          cursor: default;\n          display: table-row;\n          width: 100%;\n          color: var(--a11y-media-transcript-cue-color);\n          background-color: var(--a11y-media-transcript-cue-bg-color);\n          transition: color 0.25s, background-color 0.25s;\n          --simple-search-match-text-color: var(\n            --a11y-media-transcript-match-color\n          );\n          --simple-search-match-bg-color: var(\n            --a11y-media-transcript-match-bg-color\n          );\n          --simple-search-match-border-color: var(\n            --a11y-media-transcript-match-border-color\n          );\n          --simple-search-match-border: none;\n          --simple-search-match-border-radius: 4px;\n          --simple-search-match-font-weight: normal;\n        }\n        :host([hide-timestamps]) {\n          display: inline;\n        }\n        :host(:not([active]):not([disabled]):active),\n        :host(:not([active]):not([disabled]):focus),\n        :host(:not([active]):not([disabled]):hover) {\n          cursor: pointer;\n          color: var(--a11y-media-transcript-focused-cue-color);\n          background-color: var(--a11y-media-transcript-focused-cue-bg-color);\n          outline: 1px dotted var(--a11y-media-transcript-focused-cue-color);\n        }\n        :host([active]) {\n          color: var(--a11y-media-transcript-active-cue-color);\n          background-color: var(--a11y-media-transcript-active-cue-bg-color);\n        }\n        #text {\n          display: table-cell;\n          width: 100%;\n          line-height: 200%;\n        }\n        :host([hide-timestamps]) #text {\n          display: inline;\n        }\n        #time {\n          display: table-cell;\n          font-size: 80%;\n          padding: 0 16px 0 0;\n          white-space: nowrap;\n          font-family: monospace;\n        }\n        :host([hide-timestamps]) #time {\n          display: none;\n        }\n        @media print {\n          :host,\n          :host([active]),\n          :host(:not([active]):not([disabled]):active),\n          :host(:not([active]):not([disabled]):focus),\n          :host(:not([active]):not([disabled]):hover) {\n            color: #000000;\n            background-color: #ffffff;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8ee1e2a01f2611eda0c389891c227ec8 || (_templateObject2_8ee1e2a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          cursor: default;\n          display: table-row;\n          width: 100%;\n          color: var(--a11y-media-transcript-cue-color);\n          background-color: var(--a11y-media-transcript-cue-bg-color);\n          transition: color 0.25s, background-color 0.25s;\n          --simple-search-match-text-color: var(\n            --a11y-media-transcript-match-color\n          );\n          --simple-search-match-bg-color: var(\n            --a11y-media-transcript-match-bg-color\n          );\n          --simple-search-match-border-color: var(\n            --a11y-media-transcript-match-border-color\n          );\n          --simple-search-match-border: none;\n          --simple-search-match-border-radius: 4px;\n          --simple-search-match-font-weight: normal;\n        }\n        :host([hide-timestamps]) {\n          display: inline;\n        }\n        :host(:not([active]):not([disabled]):active),\n        :host(:not([active]):not([disabled]):focus),\n        :host(:not([active]):not([disabled]):hover) {\n          cursor: pointer;\n          color: var(--a11y-media-transcript-focused-cue-color);\n          background-color: var(--a11y-media-transcript-focused-cue-bg-color);\n          outline: 1px dotted var(--a11y-media-transcript-focused-cue-color);\n        }\n        :host([active]) {\n          color: var(--a11y-media-transcript-active-cue-color);\n          background-color: var(--a11y-media-transcript-active-cue-bg-color);\n        }\n        #text {\n          display: table-cell;\n          width: 100%;\n          line-height: 200%;\n        }\n        :host([hide-timestamps]) #text {\n          display: inline;\n        }\n        #time {\n          display: table-cell;\n          font-size: 80%;\n          padding: 0 16px 0 0;\n          white-space: nowrap;\n          font-family: monospace;\n        }\n        :host([hide-timestamps]) #time {\n          display: none;\n        }\n        @media print {\n          :host,\n          :host([active]),\n          :host(:not([active]):not([disabled]):active),\n          :host(:not([active]):not([disabled]):focus),\n          :host(:not([active]):not([disabled]):hover) {\n            color: #000000;\n            background-color: #ffffff;\n          }\n        }\n      "])))];
       }
     }]);
     return A11yMediaTranscriptCue;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-youtube.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-youtube.js
index 2f17d6b1c0f..c8c8fd0f849 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-youtube.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-youtube.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../hax-iconset/lib/simple-hax-ic
   });
   _exports.A11yMediaYoutube = void 0;
 
-  var _templateObject_b48d73a01f0511ed8cc3e9a95995ad69, _templateObject2_b48d73a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8eeabc401f2611eda0c389891c227ec8, _templateObject2_8eeabc401f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -56,7 +56,7 @@ define(["exports", "../../../lit/index.js", "../../hax-iconset/lib/simple-hax-ic
       key: "render",
       value: //render function
       function render() {
-        return (0, _index.html)(_templateObject_b48d73a01f0511ed8cc3e9a95995ad69 || (_templateObject_b48d73a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
+        return (0, _index.html)(_templateObject_8eeabc401f2611eda0c389891c227ec8 || (_templateObject_8eeabc401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
       } // properties available to the custom element for data binding
 
     }, {
@@ -537,7 +537,7 @@ define(["exports", "../../../lit/index.js", "../../hax-iconset/lib/simple-hax-ic
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_b48d73a01f0511ed8cc3e9a95995ad69 || (_templateObject2_b48d73a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        iframe .ytp-pause-overlay {\n          display: none !important;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8eeabc401f2611eda0c389891c227ec8 || (_templateObject2_8eeabc401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        iframe .ytp-pause-overlay {\n          display: none !important;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js
index ee06565b610..d19bc8c09b0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/a11y-menu-button-item.js", "../a
   });
   _exports.A11yMenuButtonBehaviors = _exports.A11yMenuButton = void 0;
 
-  var _templateObject_ab1d38f01f0511ed8cc3e9a95995ad69, _templateObject2_ab1d38f01f0511ed8cc3e9a95995ad69, _templateObject3_ab1d38f01f0511ed8cc3e9a95995ad69, _templateObject4_ab1d38f01f0511ed8cc3e9a95995ad69, _templateObject5_ab1d38f01f0511ed8cc3e9a95995ad69, _templateObject6_ab1d38f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8577e9801f2611eda0c389891c227ec8, _templateObject2_8577e9801f2611eda0c389891c227ec8, _templateObject3_8577e9801f2611eda0c389891c227ec8, _templateObject4_8577e9801f2611eda0c389891c227ec8, _templateObject5_8577e9801f2611eda0c389891c227ec8, _templateObject6_8577e9801f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -63,14 +63,14 @@ define(["exports", "../../lit/index.js", "./lib/a11y-menu-button-item.js", "../a
       babelHelpers.createClass(_class, [{
         key: "render",
         value: function render() {
-          return (0, _index.html)(_templateObject_ab1d38f01f0511ed8cc3e9a95995ad69 || (_templateObject_ab1d38f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " ", " "])), this.buttonTemplate, this.menuTemplate);
+          return (0, _index.html)(_templateObject_8577e9801f2611eda0c389891c227ec8 || (_templateObject_8577e9801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " ", " "])), this.buttonTemplate, this.menuTemplate);
         }
       }, {
         key: "menuTemplate",
         get: function get() {
           var _this2 = this;
 
-          return (0, _index.html)(_templateObject2_ab1d38f01f0511ed8cc3e9a95995ad69 || (_templateObject2_ab1d38f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <absolute-position-behavior\n          ?auto=\"", "\"\n          for=\"menubutton\"\n          position=\"", "\"\n          position-align=\"", "\"\n          .offset=\"", "\"\n          fit-to-visible-bounds\n          part=\"menu-outer\"\n        >\n          <ul\n            id=\"menu\"\n            role=\"menu\"\n            aria-labelledby=\"menubutton\"\n            ?hidden=\"", "\"\n            @mousover=\"", "\"\n            @mousout=\"", "\"\n            part=\"menu\"\n          >\n            ", "\n          </ul>\n        </absolute-position-behavior>\n      "])), this.expanded, this.position, this.positionAlign, this.offset, !this.expanded, function (e) {
+          return (0, _index.html)(_templateObject2_8577e9801f2611eda0c389891c227ec8 || (_templateObject2_8577e9801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <absolute-position-behavior\n          ?auto=\"", "\"\n          for=\"menubutton\"\n          position=\"", "\"\n          position-align=\"", "\"\n          .offset=\"", "\"\n          fit-to-visible-bounds\n          part=\"menu-outer\"\n        >\n          <ul\n            id=\"menu\"\n            role=\"menu\"\n            aria-labelledby=\"menubutton\"\n            ?hidden=\"", "\"\n            @mousover=\"", "\"\n            @mousout=\"", "\"\n            part=\"menu\"\n          >\n            ", "\n          </ul>\n        </absolute-position-behavior>\n      "])), this.expanded, this.position, this.positionAlign, this.offset, !this.expanded, function (e) {
             return _this2.hover = true;
           }, function (e) {
             return _this2.hover = false;
@@ -85,7 +85,7 @@ define(["exports", "../../lit/index.js", "./lib/a11y-menu-button-item.js", "../a
       }, {
         key: "buttonTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject3_ab1d38f01f0511ed8cc3e9a95995ad69 || (_templateObject3_ab1d38f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <button\n          id=\"menubutton\"\n          aria-haspopup=\"true\"\n          aria-controls=\"menu\"\n          aria-expanded=\"", "\"\n          part=\"button\"\n        >\n          <slot name=\"button\"></slot>\n        </button>\n      "])), this.expanded ? "true" : "false");
+          return (0, _index.html)(_templateObject3_8577e9801f2611eda0c389891c227ec8 || (_templateObject3_8577e9801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <button\n          id=\"menubutton\"\n          aria-haspopup=\"true\"\n          aria-controls=\"menu\"\n          aria-expanded=\"", "\"\n          part=\"button\"\n        >\n          <slot name=\"button\"></slot>\n        </button>\n      "])), this.expanded ? "true" : "false");
         }
         /**
          * template for slotted list items
@@ -96,7 +96,7 @@ define(["exports", "../../lit/index.js", "./lib/a11y-menu-button-item.js", "../a
       }, {
         key: "listItemTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject4_ab1d38f01f0511ed8cc3e9a95995ad69 || (_templateObject4_ab1d38f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot name=\"menuitem\"></slot><slot></slot>"])));
+          return (0, _index.html)(_templateObject4_8577e9801f2611eda0c389891c227ec8 || (_templateObject4_8577e9801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot name=\"menuitem\"></slot><slot></slot>"])));
         }
         /**
          * key code translations as object
@@ -660,7 +660,7 @@ define(["exports", "../../lit/index.js", "./lib/a11y-menu-button-item.js", "../a
          * @static
          */
         function get() {
-          return [(0, _index.css)(_templateObject5_ab1d38f01f0511ed8cc3e9a95995ad69 || (_templateObject5_ab1d38f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            padding: 0;\n            display: inline-flex;\n            position: relative;\n            z-index: 1;\n          }\n          :host([expanded]) {\n            z-index: var(--a11y-menu-button-focus-z-index, 1000);\n          }\n          button[part=\"button\"] {\n            display: block;\n            text-decoration: inherit;\n            font-family: inherit;\n            font-size: inherit;\n            margin: 0;\n            width: 100%;\n          }\n          absolute-position-behavior {\n            z-index: -1;\n            overflow: hidden;\n            transition: z-index 0s;\n          }\n          :host([expanded]) absolute-position-behavior {\n            z-index: var(--a11y-menu-button-focus-z-index, 1000);\n            transition: z-index 0s;\n          }\n          :host(:not([expanded])) absolute-position-behavior {\n            border-color: none !important;\n          }\n          ul {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject5_8577e9801f2611eda0c389891c227ec8 || (_templateObject5_8577e9801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            padding: 0;\n            display: inline-flex;\n            position: relative;\n            z-index: 1;\n          }\n          :host([expanded]) {\n            z-index: var(--a11y-menu-button-focus-z-index, 1000);\n          }\n          button[part=\"button\"] {\n            display: block;\n            text-decoration: inherit;\n            font-family: inherit;\n            font-size: inherit;\n            margin: 0;\n            width: 100%;\n          }\n          absolute-position-behavior {\n            z-index: -1;\n            overflow: hidden;\n            transition: z-index 0s;\n          }\n          :host([expanded]) absolute-position-behavior {\n            z-index: var(--a11y-menu-button-focus-z-index, 1000);\n            transition: z-index 0s;\n          }\n          :host(:not([expanded])) absolute-position-behavior {\n            border-color: none !important;\n          }\n          ul {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n        "])))];
         }
         /**
          * styles that can be customized by
@@ -673,7 +673,7 @@ define(["exports", "../../lit/index.js", "./lib/a11y-menu-button-item.js", "../a
       }, {
         key: "menuButtonThemeStyles",
         get: function get() {
-          return [(0, _index.css)(_templateObject6_ab1d38f01f0511ed8cc3e9a95995ad69 || (_templateObject6_ab1d38f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          button[part=\"button\"] {\n            padding: var(--a11y-menu-button-vertical-padding, 2px)\n              var(--a11y-menu-button-horizontal-padding, 5px);\n            text-align: var(--a11y-menu-button-text-align, center);\n            background-color: var(--a11y-menu-button-bg-color, white);\n            color: var(--a11y-menu-button-color, currentColor);\n            background-color: var(--a11y-menu-button-bg-color, white);\n            border-radius: var(--a11y-menu-button-border-radius, 0);\n            border-left: var(--a11y-menu-button-border-left, unset);\n            border-top: var(--a11y-menu-button-border-top, unset);\n            border-right: var(--a11y-menu-button-border-right, unset);\n            border-bottom: var(--a11y-menu-button-border-bottom, unset);\n            border: var(--a11y-menu-button-border, 1px solid #ddd);\n            box-shadow: var(--a11y-menu-button-box-shadow, unset);\n            transition: all 0.25s ease-in-out;\n          }\n          button[part=\"button\"]:focus,\n          button[part=\"button\"]:hover {\n            color: var(\n              --a11y-menu-button-focus-color,\n              var(--a11y-menu-button-color, currentColor)\n            );\n            background-color: var(\n              --a11y-menu-button-focus-bg-color,\n              var(--a11y-menu-button-bg-color, white)\n            );\n            border-left: var(\n              --a11y-menu-button-focus-border-left,\n              var(--a11y-menu-button-border-left, unset)\n            );\n            border-top: var(\n              --a11y-menu-button-focus-border-top,\n              var(--a11y-menu-button-border-top, unset)\n            );\n            border-right: var(\n              --a11y-menu-button-focus-border-right,\n              var(--a11y-menu-button-border-right, unset)\n            );\n            border-bottom: var(\n              --a11y-menu-button-focus-border-bottom,\n              var(--a11y-menu-button-border-bottom, unset)\n            );\n            border: var(\n              --a11y-menu-button-focus-border,\n              var(--a11y-menu-button-border, 1px solid #ddd)\n            );\n            box-shadow: var(\n              --a11y-menu-button-box-shadow,\n              var(--a11y-menu-button-focus-box-shadow, unset)\n            );\n          }\n          :host([expanded]) absolute-position-behavior {\n            width: var(--a11y-menu-button-list-width, unset);\n            height: var(--a11y-menu-button-list-height, unset);\n            border: var(\n              --a11y-menu-button-list-border,\n              var(--a11y-menu-button-border, 1px solid #ddd)\n            );\n            background-color: var(\n              --a11y-menu-button-bg-color,\n              var(--a11y-menu-button-list-bg-color, white)\n            );\n            box-shadow: var(--a11y-menu-button-list-box-shadow, unset);\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject6_8577e9801f2611eda0c389891c227ec8 || (_templateObject6_8577e9801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          button[part=\"button\"] {\n            padding: var(--a11y-menu-button-vertical-padding, 2px)\n              var(--a11y-menu-button-horizontal-padding, 5px);\n            text-align: var(--a11y-menu-button-text-align, center);\n            background-color: var(--a11y-menu-button-bg-color, white);\n            color: var(--a11y-menu-button-color, currentColor);\n            background-color: var(--a11y-menu-button-bg-color, white);\n            border-radius: var(--a11y-menu-button-border-radius, 0);\n            border-left: var(--a11y-menu-button-border-left, unset);\n            border-top: var(--a11y-menu-button-border-top, unset);\n            border-right: var(--a11y-menu-button-border-right, unset);\n            border-bottom: var(--a11y-menu-button-border-bottom, unset);\n            border: var(--a11y-menu-button-border, 1px solid #ddd);\n            box-shadow: var(--a11y-menu-button-box-shadow, unset);\n            transition: all 0.25s ease-in-out;\n          }\n          button[part=\"button\"]:focus,\n          button[part=\"button\"]:hover {\n            color: var(\n              --a11y-menu-button-focus-color,\n              var(--a11y-menu-button-color, currentColor)\n            );\n            background-color: var(\n              --a11y-menu-button-focus-bg-color,\n              var(--a11y-menu-button-bg-color, white)\n            );\n            border-left: var(\n              --a11y-menu-button-focus-border-left,\n              var(--a11y-menu-button-border-left, unset)\n            );\n            border-top: var(\n              --a11y-menu-button-focus-border-top,\n              var(--a11y-menu-button-border-top, unset)\n            );\n            border-right: var(\n              --a11y-menu-button-focus-border-right,\n              var(--a11y-menu-button-border-right, unset)\n            );\n            border-bottom: var(\n              --a11y-menu-button-focus-border-bottom,\n              var(--a11y-menu-button-border-bottom, unset)\n            );\n            border: var(\n              --a11y-menu-button-focus-border,\n              var(--a11y-menu-button-border, 1px solid #ddd)\n            );\n            box-shadow: var(\n              --a11y-menu-button-box-shadow,\n              var(--a11y-menu-button-focus-box-shadow, unset)\n            );\n          }\n          :host([expanded]) absolute-position-behavior {\n            width: var(--a11y-menu-button-list-width, unset);\n            height: var(--a11y-menu-button-list-height, unset);\n            border: var(\n              --a11y-menu-button-list-border,\n              var(--a11y-menu-button-border, 1px solid #ddd)\n            );\n            background-color: var(\n              --a11y-menu-button-bg-color,\n              var(--a11y-menu-button-list-bg-color, white)\n            );\n            box-shadow: var(--a11y-menu-button-list-box-shadow, unset);\n          }\n        "])))];
         }
       }, {
         key: "styles",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js
index f9f23c3a911..225e5834900 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.A11yMenuButtonItemBehaviors = _exports.A11yMenuButtonItem = void 0;
 
-  var _templateObject_b48f96801f0511ed8cc3e9a95995ad69, _templateObject2_b48f96801f0511ed8cc3e9a95995ad69, _templateObject3_b48f96801f0511ed8cc3e9a95995ad69;
+  var _templateObject_8eed06301f2611eda0c389891c227ec8, _templateObject2_8eed06301f2611eda0c389891c227ec8, _templateObject3_8eed06301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -41,7 +41,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
       }, {
         key: "linkTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject_b48f96801f0511ed8cc3e9a95995ad69 || (_templateObject_b48f96801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <li role=\"none\">\n        <a\n          role=\"menuitem\"\n          href=\"", "\"\n          ?disabled=\"", "\"\n          part=\"button\"\n        >\n          <slot></slot>\n        </a>\n      </li>"])), this.href, this.disabled);
+          return (0, _index.html)(_templateObject_8eed06301f2611eda0c389891c227ec8 || (_templateObject_8eed06301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <li role=\"none\">\n        <a\n          role=\"menuitem\"\n          href=\"", "\"\n          ?disabled=\"", "\"\n          part=\"button\"\n        >\n          <slot></slot>\n        </a>\n      </li>"])), this.href, this.disabled);
         }
         /**
          * renders item as a button
@@ -52,7 +52,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
       }, {
         key: "buttonTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject2_b48f96801f0511ed8cc3e9a95995ad69 || (_templateObject2_b48f96801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <li role=\"none\">\n          <button\n            role=\"menuitem\"\n            controls=\"", "\"\n            ?disabled=\"", "\"\n            part=\"button\"\n          >\n            <slot></slot>\n          </button>\n        </li>\n      "])), this.controls, this.disabled);
+          return (0, _index.html)(_templateObject2_8eed06301f2611eda0c389891c227ec8 || (_templateObject2_8eed06301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <li role=\"none\">\n          <button\n            role=\"menuitem\"\n            controls=\"", "\"\n            ?disabled=\"", "\"\n            part=\"button\"\n          >\n            <slot></slot>\n          </button>\n        </li>\n      "])), this.controls, this.disabled);
         }
         /**
          * gets item with role="menuitem"
@@ -111,7 +111,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
       }], [{
         key: "styles",
         get: function get() {
-          return [(0, _index.css)(_templateObject3_b48f96801f0511ed8cc3e9a95995ad69 || (_templateObject3_b48f96801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            margin: 0;\n            padding: 0;\n            display: block;\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          *[role=\"menuitem\"][disabled] {\n            cursor: not-allowed;\n          }\n\n          *[role=\"menuitem\"],\n          *[role=\"menuitem\"]:visited {\n            display: block;\n            margin: 0;\n            border-radius: 0;\n            font-family: inherit;\n            font-size: inherit;\n            text-decoration: var(--a11y-menu-button-item-text-decoration, none);\n            color: var(\n              --a11y-menu-button-item-color,\n              var(--a11y-menu-button-color, currentColor)\n            );\n            width: calc(\n              100% - 2 *\n                var(\n                  --a11y-menu-button-item-horizontal-padding,\n                  var(--a11y-menu-button-horizontal-padding, 5px)\n                )\n            );\n            text-align: var(--a11y-menu-button-item-text-align, left);\n            padding: var(\n                --a11y-menu-button-item-vertical-padding,\n                var(--a11y-menu-button-vertical-padding, 0)\n              )\n              var(\n                --a11y-menu-button-item-horizontal-padding,\n                var(--a11y-menu-button-horizontal-padding, 5px)\n              );\n            background-color: var(\n              --a11y-menu-button-item-bg-color,\n              var(--a11y-menu-button-bg-color, white)\n            );\n            border-left: var(--a11y-menu-button-item-border-left, none);\n            border-right: var(--a11y-menu-button-item-border-right, none);\n            border-top: var(--a11y-menu-button-item-border-top, none);\n            border-bottom: var(--a11y-menu-button-item-border-bottom, none);\n            border: var(--a11y-menu-button-item-border, none);\n            transition: all 0.25s ease-in-out;\n          }\n          button[role=\"menuitem\"],\n          button[role=\"menuitem\"]:visited {\n            width: 100%;\n          }\n\n          :host(:focus-within) *[role=\"button\"],\n          *[role=\"menuitem\"]:focus,\n          *[role=\"menuitem\"]:hover {\n            text-decoration: var(\n              --a11y-menu-button-item-focus-text-decoration,\n              none\n            );\n            color: var(--a11y-menu-button-item-focus-color, currentColor);\n            background-color: var(\n              --a11y-menu-button-item-focus-bg-color,\n              #e0e0ff\n            );\n            border-left: var(--a11y-menu-button-item-focus-border-left, unset);\n            border-right: var(\n              --a11y-menu-button-item-focus-border-right,\n              unset\n            );\n            border-top: var(--a11y-menu-button-item-focus-border-top, unset);\n            border-bottom: var(\n              --a11y-menu-button-item-focus-border-bottom,\n              unset\n            );\n            border: var(--a11y-menu-button-item-focus-border, unset);\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject3_8eed06301f2611eda0c389891c227ec8 || (_templateObject3_8eed06301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            margin: 0;\n            padding: 0;\n            display: block;\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          *[role=\"menuitem\"][disabled] {\n            cursor: not-allowed;\n          }\n\n          *[role=\"menuitem\"],\n          *[role=\"menuitem\"]:visited {\n            display: block;\n            margin: 0;\n            border-radius: 0;\n            font-family: inherit;\n            font-size: inherit;\n            text-decoration: var(--a11y-menu-button-item-text-decoration, none);\n            color: var(\n              --a11y-menu-button-item-color,\n              var(--a11y-menu-button-color, currentColor)\n            );\n            width: calc(\n              100% - 2 *\n                var(\n                  --a11y-menu-button-item-horizontal-padding,\n                  var(--a11y-menu-button-horizontal-padding, 5px)\n                )\n            );\n            text-align: var(--a11y-menu-button-item-text-align, left);\n            padding: var(\n                --a11y-menu-button-item-vertical-padding,\n                var(--a11y-menu-button-vertical-padding, 0)\n              )\n              var(\n                --a11y-menu-button-item-horizontal-padding,\n                var(--a11y-menu-button-horizontal-padding, 5px)\n              );\n            background-color: var(\n              --a11y-menu-button-item-bg-color,\n              var(--a11y-menu-button-bg-color, white)\n            );\n            border-left: var(--a11y-menu-button-item-border-left, none);\n            border-right: var(--a11y-menu-button-item-border-right, none);\n            border-top: var(--a11y-menu-button-item-border-top, none);\n            border-bottom: var(--a11y-menu-button-item-border-bottom, none);\n            border: var(--a11y-menu-button-item-border, none);\n            transition: all 0.25s ease-in-out;\n          }\n          button[role=\"menuitem\"],\n          button[role=\"menuitem\"]:visited {\n            width: 100%;\n          }\n\n          :host(:focus-within) *[role=\"button\"],\n          *[role=\"menuitem\"]:focus,\n          *[role=\"menuitem\"]:hover {\n            text-decoration: var(\n              --a11y-menu-button-item-focus-text-decoration,\n              none\n            );\n            color: var(--a11y-menu-button-item-focus-color, currentColor);\n            background-color: var(\n              --a11y-menu-button-item-focus-bg-color,\n              #e0e0ff\n            );\n            border-left: var(--a11y-menu-button-item-focus-border-left, unset);\n            border-right: var(\n              --a11y-menu-button-item-focus-border-right,\n              unset\n            );\n            border-top: var(--a11y-menu-button-item-focus-border-top, unset);\n            border-bottom: var(\n              --a11y-menu-button-item-focus-border-bottom,\n              unset\n            );\n            border: var(--a11y-menu-button-item-focus-border, unset);\n          }\n        "])))];
         }
       }, {
         key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/lib/dist/a11y-menu-button-item.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/lib/dist/a11y-menu-button-item.dev.js
index 11cf34f33d7..f6a7d410c2f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/lib/dist/a11y-menu-button-item.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-menu-button/lib/dist/a11y-menu-button-item.dev.js
@@ -21,30 +21,30 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject3_e74bde801f0511ed8cc3e9a95995ad69() {
+function _templateObject3_bd65d8201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <li role="none">\n          <button\n            role="menuitem"\n            controls="', '"\n            ?disabled="', '"\n            part="button"\n          >\n            <slot></slot>\n          </button>\n        </li>\n      ']);
 
-  _templateObject3_e74bde801f0511ed8cc3e9a95995ad69 = function _templateObject3_e74bde801f0511ed8cc3e9a95995ad69() {
+  _templateObject3_bd65d8201f2611eda0c389891c227ec8 = function _templateObject3_bd65d8201f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_e74bde801f0511ed8cc3e9a95995ad69() {
+function _templateObject2_bd65d8201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <li role="none">\n        <a role="menuitem" href="', '" ?disabled="', '"\n            part="button">\n          <slot></slot>\n        </a>\n      </li>']);
 
-  _templateObject2_e74bde801f0511ed8cc3e9a95995ad69 = function _templateObject2_e74bde801f0511ed8cc3e9a95995ad69() {
+  _templateObject2_bd65d8201f2611eda0c389891c227ec8 = function _templateObject2_bd65d8201f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_e74bde801f0511ed8cc3e9a95995ad69() {
+function _templateObject_bd65d8201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n          :host {\n            margin: 0;\n            padding: 0;\n            display: block;\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          *[role="menuitem"][disabled] {\n            cursor: not-allowed;\n          }\n\n          *[role="menuitem"],\n          *[role="menuitem"]:visited {\n            display: block;\n            margin: 0;\n            border-radius: 0;\n            font-family: inherit;\n            font-size: inherit;\n            text-decoration: var(--a11y-menu-button-item-text-decoration, none);\n            color: var(\n              --a11y-menu-button-item-color,\n              var(--a11y-menu-button-color, currentColor)\n            );\n            width: calc(\n              100% - 2 *\n                var(\n                  --a11y-menu-button-item-horizontal-padding,\n                  var(--a11y-menu-button-horizontal-padding, 5px)\n                )\n            );\n            text-align: var(--a11y-menu-button-item-text-align, left);\n            padding: var(\n                --a11y-menu-button-item-vertical-padding,\n                var(--a11y-menu-button-vertical-padding, 0)\n              )\n              var(\n                --a11y-menu-button-item-horizontal-padding,\n                var(--a11y-menu-button-horizontal-padding, 5px)\n              );\n            background-color: var(\n              --a11y-menu-button-item-bg-color,\n              var(--a11y-menu-button-bg-color, white)\n            );\n            border-left: var(--a11y-menu-button-item-border-left, none);\n            border-right: var(--a11y-menu-button-item-border-right, none);\n            border-top: var(--a11y-menu-button-item-border-top, none);\n            border-bottom: var(--a11y-menu-button-item-border-bottom, none);\n            border: var(--a11y-menu-button-item-border, none);\n            transition: all 0.25s ease-in-out;\n          }\n          button[role="menuitem"],\n          button[role="menuitem"]:visited {\n            width: 100%;\n          }\n\n          :host(:focus-within) *[role="button"],\n          *[role="menuitem"]:focus,\n          *[role="menuitem"]:hover {\n            text-decoration: var(\n              --a11y-menu-button-item-focus-text-decoration,\n              none\n            );\n            color: var(--a11y-menu-button-item-focus-color, currentColor);\n            background-color: var(\n              --a11y-menu-button-item-focus-bg-color,\n              #e0e0ff\n            );\n            border-left: var(--a11y-menu-button-item-focus-border-left, unset);\n            border-right: var(\n              --a11y-menu-button-item-focus-border-right,\n              unset\n            );\n            border-top: var(--a11y-menu-button-item-focus-border-top, unset);\n            border-bottom: var(\n              --a11y-menu-button-item-focus-border-bottom,\n              unset\n            );\n            border: var(--a11y-menu-button-item-focus-border, unset);\n          }\n        ']);
 
-  _templateObject_e74bde801f0511ed8cc3e9a95995ad69 = function _templateObject_e74bde801f0511ed8cc3e9a95995ad69() {
+  _templateObject_bd65d8201f2611eda0c389891c227ec8 = function _templateObject_bd65d8201f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -174,7 +174,7 @@ var A11yMenuButtonItemBehaviors = function A11yMenuButtonItemBehaviors(SuperClas
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_e74bde801f0511ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject_bd65d8201f2611eda0c389891c227ec8())];
       }
     }, {
       key: "tag",
@@ -286,7 +286,7 @@ var A11yMenuButtonItemBehaviors = function A11yMenuButtonItemBehaviors(SuperClas
     }, {
       key: "linkTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject2_e74bde801f0511ed8cc3e9a95995ad69(), this.href, this.disabled);
+        return (0, _litElement.html)(_templateObject2_bd65d8201f2611eda0c389891c227ec8(), this.href, this.disabled);
       }
       /**
        * renders item as a button
@@ -297,7 +297,7 @@ var A11yMenuButtonItemBehaviors = function A11yMenuButtonItemBehaviors(SuperClas
     }, {
       key: "buttonTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject3_e74bde801f0511ed8cc3e9a95995ad69(), this.controls, this.disabled);
+        return (0, _litElement.html)(_templateObject3_bd65d8201f2611eda0c389891c227ec8(), this.controls, this.disabled);
       }
     }]);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/a11y-tabs.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/a11y-tabs.js
index d3f68240f8f..db2da0f9128 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/a11y-tabs.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/a11y-tabs.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../responsive-utility/lib/resp
   _exports.A11yTabs = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_9e7a83001f0511ed8cc3e9a95995ad69, _templateObject2_9e7a83001f0511ed8cc3e9a95995ad69, _templateObject3_9e7a83001f0511ed8cc3e9a95995ad69, _templateObject4_9e7a83001f0511ed8cc3e9a95995ad69, _templateObject5_9e7a83001f0511ed8cc3e9a95995ad69, _templateObject6_9e7a83001f0511ed8cc3e9a95995ad69, _templateObject7_9e7a83001f0511ed8cc3e9a95995ad69, _templateObject8_9e7a83001f0511ed8cc3e9a95995ad69, _templateObject9_9e7a83001f0511ed8cc3e9a95995ad69, _templateObject10_9e7a83001f0511ed8cc3e9a95995ad69;
+  var _templateObject_795734d01f2611eda0c389891c227ec8, _templateObject2_795734d01f2611eda0c389891c227ec8, _templateObject3_795734d01f2611eda0c389891c227ec8, _templateObject4_795734d01f2611eda0c389891c227ec8, _templateObject5_795734d01f2611eda0c389891c227ec8, _templateObject6_795734d01f2611eda0c389891c227ec8, _templateObject7_795734d01f2611eda0c389891c227ec8, _templateObject8_795734d01f2611eda0c389891c227ec8, _templateObject9_795734d01f2611eda0c389891c227ec8, _templateObject10_795734d01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -127,8 +127,8 @@ define(["exports", "meta", "../../lit/index.js", "../responsive-utility/lib/resp
       function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_9e7a83001f0511ed8cc3e9a95995ad69 || (_templateObject_9e7a83001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <ul id=\"tabs\" role=\"tablist\" part=\"tablist\">\n        ", "\n      </ul>\n      <div id=\"content\" part=\"content\">\n        <slot></slot>\n      </div>"])), this.tabs.map(function (tab, i) {
-          return (0, _index.html)(_templateObject2_9e7a83001f0511ed8cc3e9a95995ad69 || (_templateObject2_9e7a83001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <li part=\"tablist-item\">", "</li>\n          "])), _this2._tabButton(tab, i));
+        return (0, _index.html)(_templateObject_795734d01f2611eda0c389891c227ec8 || (_templateObject_795734d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <ul id=\"tabs\" role=\"tablist\" part=\"tablist\">\n        ", "\n      </ul>\n      <div id=\"content\" part=\"content\">\n        <slot></slot>\n      </div>"])), this.tabs.map(function (tab, i) {
+          return (0, _index.html)(_templateObject2_795734d01f2611eda0c389891c227ec8 || (_templateObject2_795734d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <li part=\"tablist-item\">", "</li>\n          "])), _this2._tabButton(tab, i));
         }));
       }
       /**
@@ -421,7 +421,7 @@ define(["exports", "meta", "../../lit/index.js", "../responsive-utility/lib/resp
       value: function _tabButton(tab, i) {
         var _this8 = this;
 
-        return (0, _index.html)(_templateObject3_9e7a83001f0511ed8cc3e9a95995ad69 || (_templateObject3_9e7a83001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        id=\"", "-button\"\n        aria-selected=\"", "\"\n        aria-controls=\"", "\"\n        class=\"", "\"\n        .flag=\"", "\"\n        @click=\"", "\"\n        @keydown=\"", "\"\n        ?disabled=\"", "\"\n        tabindex=\"", "\"\n        role=\"tab\"\n        part=\"", "\"\n      >\n        ", " ", "\n        ", " ", "\n      </button>\n      ", "\n    "])), tab.id, tab.id === this.activeTab ? "true" : "false", tab.id, tab.id === this.activeTab && !this.disabled ? "active" : "", tab.flag, function (e) {
+        return (0, _index.html)(_templateObject3_795734d01f2611eda0c389891c227ec8 || (_templateObject3_795734d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        id=\"", "-button\"\n        aria-selected=\"", "\"\n        aria-controls=\"", "\"\n        class=\"", "\"\n        .flag=\"", "\"\n        @click=\"", "\"\n        @keydown=\"", "\"\n        ?disabled=\"", "\"\n        tabindex=\"", "\"\n        role=\"tab\"\n        part=\"", "\"\n      >\n        ", " ", "\n        ", " ", "\n      </button>\n      ", "\n    "])), tab.id, tab.id === this.activeTab ? "true" : "false", tab.id, tab.id === this.activeTab && !this.disabled ? "active" : "", tab.flag, function (e) {
           return _this8._handleTab(tab);
         }, function (e) {
           return _this8._handleKey(i, e);
@@ -438,7 +438,7 @@ define(["exports", "meta", "../../lit/index.js", "../responsive-utility/lib/resp
     }, {
       key: "_tabFlag",
       value: function _tabFlag(tab) {
-        return (0, _index.html)(_templateObject4_9e7a83001f0511ed8cc3e9a95995ad69 || (_templateObject4_9e7a83001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <span class=\"flag-type\" ?hidden=\"", "\" part=\"flag\">\n        ", "\n      </span>\n    "])), !tab.flag, tab.flag);
+        return (0, _index.html)(_templateObject4_795734d01f2611eda0c389891c227ec8 || (_templateObject4_795734d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <span class=\"flag-type\" ?hidden=\"", "\" part=\"flag\">\n        ", "\n      </span>\n    "])), !tab.flag, tab.flag);
       }
       /**
        * makes tab icon
@@ -451,7 +451,7 @@ define(["exports", "meta", "../../lit/index.js", "../responsive-utility/lib/resp
     }, {
       key: "_tabIcon",
       value: function _tabIcon(tab, icon) {
-        return tab.flag ? (0, _index.html)(_templateObject5_9e7a83001f0511ed8cc3e9a95995ad69 || (_templateObject5_9e7a83001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <simple-icon-lite\n            class=\"icon\"\n            ?hidden=\"", "\"\n            .icon=\"", "\"\n            .title=\"", "\"\n            part=\"icon\"\n          >\n          </simple-icon-lite>\n        "])), !tab[icon], tab[icon], tab.flag) : (0, _index.html)(_templateObject6_9e7a83001f0511ed8cc3e9a95995ad69 || (_templateObject6_9e7a83001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <simple-icon-lite\n            class=\"icon\"\n            ?hidden=\"", "\"\n            .icon=\"", "\"\n            part=\"icon\"\n          >\n          </simple-icon-lite>\n        "])), !tab[icon], tab[icon]);
+        return tab.flag ? (0, _index.html)(_templateObject5_795734d01f2611eda0c389891c227ec8 || (_templateObject5_795734d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <simple-icon-lite\n            class=\"icon\"\n            ?hidden=\"", "\"\n            .icon=\"", "\"\n            .title=\"", "\"\n            part=\"icon\"\n          >\n          </simple-icon-lite>\n        "])), !tab[icon], tab[icon], tab.flag) : (0, _index.html)(_templateObject6_795734d01f2611eda0c389891c227ec8 || (_templateObject6_795734d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <simple-icon-lite\n            class=\"icon\"\n            ?hidden=\"", "\"\n            .icon=\"", "\"\n            part=\"icon\"\n          >\n          </simple-icon-lite>\n        "])), !tab[icon], tab[icon]);
       }
       /**
        * makes tab label
@@ -464,7 +464,7 @@ define(["exports", "meta", "../../lit/index.js", "../responsive-utility/lib/resp
     }, {
       key: "_tabLabel",
       value: function _tabLabel(tab) {
-        return (0, _index.html)(_templateObject7_9e7a83001f0511ed8cc3e9a95995ad69 || (_templateObject7_9e7a83001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <span class=\"label\" part=\"label\">", "</span> "])), tab.label);
+        return (0, _index.html)(_templateObject7_795734d01f2611eda0c389891c227ec8 || (_templateObject7_795734d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <span class=\"label\" part=\"label\">", "</span> "])), tab.label);
       }
       /**
        * makes tab tooltip
@@ -478,17 +478,17 @@ define(["exports", "meta", "../../lit/index.js", "../responsive-utility/lib/resp
     }, {
       key: "_tabTooltip",
       value: function _tabTooltip(tab) {
-        return (0, _index.html)(_templateObject8_9e7a83001f0511ed8cc3e9a95995ad69 || (_templateObject8_9e7a83001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-tooltip for=\"", "-button\" part=\"tooltip\">\n        ", "\n      </simple-tooltip>\n    "])), tab.id, tab.label);
+        return (0, _index.html)(_templateObject8_795734d01f2611eda0c389891c227ec8 || (_templateObject8_795734d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-tooltip for=\"", "-button\" part=\"tooltip\">\n        ", "\n      </simple-tooltip>\n    "])), tab.id, tab.label);
       }
     }], [{
       key: "A11yTabsCoreStyles",
       get: function get() {
-        return [(0, _index.css)(_templateObject9_9e7a83001f0511ed8cc3e9a95995ad69 || (_templateObject9_9e7a83001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          height: var(--a11y-tabs-height);\n          overflow: var(--a11y-tabs-overflow);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #tabs {\n          display: none;\n        }\n        @media screen {\n          :host([vertical]) {\n            border-radius: var(--a11y-tabs-vertical-border-radius, 2px);\n            display: flex;\n            justify-content: space-between;\n            align-items: stretch;\n          }\n          #content {\n            flex: 1 1 calc(100% - 2 * var(--a11y-tabs-content-padding, 16px));\n            overflow: auto;\n          }\n          #tabs {\n            align-items: stretch;\n            flex-wrap: var(--a11y-tabs-wrap, unset);\n            margin: 0;\n            display: flex;\n            list-style: none;\n            padding: 0;\n            overflow: auto;\n            max-width: 100%;\n            overflow-x: auto;\n            z-index: 1;\n            justify-content: var(--a11y-tabs-horizontal-justify-tabs);\n          }\n          :host([vertical]) #tabs {\n            flex: 0 0 auto;\n            flex-direction: column;\n            overflow-y: auto;\n            max-width: unset;\n            overflow-x: unset;\n            z-index: unset;\n            flex-wrap: var(--a11y-tabs-vertical-wrap);\n          }\n          :host([sticky]) #tabs {\n            position: sticky;\n            top: 0;\n          }\n          #tabs li {\n            display: flex;\n            align-items: stretch;\n          }\n          :host([full-width]) #tabs li {\n            width: 100%;\n          }\n          :host([vertical]) #tabs li {\n            flex-direction: column;\n          }\n          #tabs .flag-type {\n            position: absolute;\n            left: -99999px;\n            height: 0;\n            overflow: hidden;\n          }\n          :host(:not([vertical])) #content {\n            margin-top: -1px;\n          }\n          #tabs button {\n            width: 100%;\n            min-width: unset;\n            margin: 0;\n          }\n\n          :host([vertical]) #tabs button {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n          }\n\n          #tabs button[disabled] {\n            pointer-events: none;\n          }\n\n          #tabs span.label,\n          #tabs .flag-icon {\n            margin-right: 8px;\n          }\n\n          :host([icons-only]) #tabs button {\n            justify-content: center;\n          }\n\n          :host([icons-only]) #tabs span.label {\n            display: none;\n          }\n\n          :host(:not([icons-only])) #tabs #tabs simple-tooltip {\n            display: none;\n          }\n          simple-icon-lite:not([hidden]) {\n            display: inline-block;\n          }\n\n          simple-icon-lite[hidden] {\n            display: none;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject9_795734d01f2611eda0c389891c227ec8 || (_templateObject9_795734d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          height: var(--a11y-tabs-height);\n          overflow: var(--a11y-tabs-overflow);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #tabs {\n          display: none;\n        }\n        @media screen {\n          :host([vertical]) {\n            border-radius: var(--a11y-tabs-vertical-border-radius, 2px);\n            display: flex;\n            justify-content: space-between;\n            align-items: stretch;\n          }\n          #content {\n            flex: 1 1 calc(100% - 2 * var(--a11y-tabs-content-padding, 16px));\n            overflow: auto;\n          }\n          #tabs {\n            align-items: stretch;\n            flex-wrap: var(--a11y-tabs-wrap, unset);\n            margin: 0;\n            display: flex;\n            list-style: none;\n            padding: 0;\n            overflow: auto;\n            max-width: 100%;\n            overflow-x: auto;\n            z-index: 1;\n            justify-content: var(--a11y-tabs-horizontal-justify-tabs);\n          }\n          :host([vertical]) #tabs {\n            flex: 0 0 auto;\n            flex-direction: column;\n            overflow-y: auto;\n            max-width: unset;\n            overflow-x: unset;\n            z-index: unset;\n            flex-wrap: var(--a11y-tabs-vertical-wrap);\n          }\n          :host([sticky]) #tabs {\n            position: sticky;\n            top: 0;\n          }\n          #tabs li {\n            display: flex;\n            align-items: stretch;\n          }\n          :host([full-width]) #tabs li {\n            width: 100%;\n          }\n          :host([vertical]) #tabs li {\n            flex-direction: column;\n          }\n          #tabs .flag-type {\n            position: absolute;\n            left: -99999px;\n            height: 0;\n            overflow: hidden;\n          }\n          :host(:not([vertical])) #content {\n            margin-top: -1px;\n          }\n          #tabs button {\n            width: 100%;\n            min-width: unset;\n            margin: 0;\n          }\n\n          :host([vertical]) #tabs button {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n          }\n\n          #tabs button[disabled] {\n            pointer-events: none;\n          }\n\n          #tabs span.label,\n          #tabs .flag-icon {\n            margin-right: 8px;\n          }\n\n          :host([icons-only]) #tabs button {\n            justify-content: center;\n          }\n\n          :host([icons-only]) #tabs span.label {\n            display: none;\n          }\n\n          :host(:not([icons-only])) #tabs #tabs simple-tooltip {\n            display: none;\n          }\n          simple-icon-lite:not([hidden]) {\n            display: inline-block;\n          }\n\n          simple-icon-lite[hidden] {\n            display: none;\n          }\n        }\n      "])))];
       }
     }, {
       key: "A11yTabsThemeStyles",
       get: function get() {
-        return [(0, _index.css)(_templateObject10_9e7a83001f0511ed8cc3e9a95995ad69 || (_templateObject10_9e7a83001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          font-size: var(--a11y-tabs-font-size, unset);\n          font-family: var(--a11y-tabs-font-family, unset);\n          --a11y-tabs-focus-color: var(--a11y-tabs-color);\n          --a11y-tabs-horizontal-border-radius: var(\n            --a11y-tabs-border-radius,\n            2px\n          );\n          --a11y-tabs-vertical-border-radius: var(\n            --a11y-tabs-border-radius,\n            2px\n          );\n          --a11y-tabs-vertical-button-padding: var(\n            --a11y-tabs-button-padding,\n            4px\n          );\n          --a11y-tabs-horizontal-button-padding: var(\n            --a11y-tabs-button-padding,\n            4px\n          );\n        }\n        @media screen {\n          :host([vertical]) {\n            border-radius: var(--a11y-tabs-vertical-border-radius, 2px);\n            border: 1px solid var(--a11y-tabs-border-color, #ddd);\n          }\n\n          #content {\n            border: 1px solid var(--a11y-tabs-border-color, #ddd);\n            padding: var(--a11y-tabs-content-padding, 16px);\n            background-color: var(--a11y-tabs-content-background);\n          }\n\n          #tabs {\n            background-color: var(--a11y-tabs-horizontal-background);\n            font-family: var(\n              --a11y-tabs-tab-font-family,\n              var(--a11y-tabs-font-family, unset)\n            );\n            font-size: var(\n              --a11y-tabs-tab-font-size,\n              var(--a11y-tabs-font-size, unset)\n            );\n          }\n\n          :host([vertical]) #tabs {\n            border-left: none;\n            background-color: var(--a11y-tabs-vertical-background);\n            justify-content: var(--a11y-tabs-vertical-justify-tabs);\n          }\n\n          :host([vertical]) #tabs button {\n            padding: var(--a11y-tabs-vertical-button-padding);\n            border-radius: 0;\n          }\n\n          :host([vertical]) #content {\n            border: none;\n          }\n          :host(:not([vertical])) #content {\n            border-radius: var(--a11y-tabs-horizontal-border-radius, 2px);\n          }\n\n          #tabs button {\n            text-transform: unset;\n            color: var(--a11y-tabs-faded-color, #333);\n            border: 1px solid var(--a11y-tabs-border-color);\n            background-color: var(--a11y-tabs-faded-background, #f8f8f8);\n            padding: var(--a11y-tabs-horizontal-button-padding);\n            font-weight: var(--a11y-tabs-font-weight, normal);\n            border-radius: var(--a11y-tabs-horizontal-border-radius, 2px)\n              var(--a11y-tabs-horizontal-border-radius, 2px) 0 0;\n          }\n\n          button .label {\n            text-decoration: var(--a11y-tabs-text-decoration, none);\n          }\n\n          :host(:not([vertical])) #tabs button {\n            border-top-color: var(--a11y-tabs-border-accent);\n          }\n\n          :host(:not([vertical])) #tabs li:not(:first-of-type) button {\n            border-left: none;\n          }\n\n          :host([vertical]) #tabs button {\n            border-top: none;\n            border-left-color: var(--a11y-tabs-border-accent);\n          }\n\n          #tabs button:focus,\n          #tabs button:hover {\n            color: var(--a11y-tabs-focus-color);\n            font-weight: var(--a11y-tabs-focus-font-weight, normal);\n          }\n\n          button:focus .label,\n          button:hover .label {\n            text-decoration: var(--a11y-tabs-focus-text-decoration, underline);\n          }\n\n          :host(:not([vertical])) #tabs button:focus,\n          :host(:not([vertical])) #tabs button:hover {\n            border-top-color: var(--a11y-tabs-focus-border-accent);\n          }\n\n          :host([vertical]) #tabs button:focus,\n          :host([vertical]) #tabs button:hover {\n            border-left-color: var(--a11y-tabs-focus-border-accent);\n          }\n\n          #tabs button[aria-selected=\"true\"] {\n            font-weight: var(--a11y-tabs-selected-font-weight, normal);\n            color: var(\n              --a11y-tabs-selected-color,\n              var(--a11y-tabs-focus-color)\n            );\n            background-color: var(--a11y-tabs-background);\n          }\n\n          button[aria-selected=\"true\"] .label {\n            text-decoration: var(--a11y-tabs-selected-text-decoration, none);\n          }\n\n          :host(:not([vertical])) #tabs button[aria-selected=\"true\"] {\n            border-bottom-color: var(--a11y-tabs-background);\n            border-top-color: var(--a11y-tabs-selected-border-accent);\n          }\n\n          :host([vertical]) #tabs button[aria-selected=\"true\"] {\n            border-right-color: var(--a11y-tabs-background);\n            border-left-color: var(--a11y-tabs-selected-border-accent);\n          }\n\n          #tabs button[disabled] {\n            color: var(--a11y-tabs-disabled-color, #999);\n            background-color: var(--a11y-tabs-disabled-background, #eee);\n          }\n\n          #tabs button[disabled]:focus,\n          #tabs button[disabled]:hover {\n            color: unset;\n            font-weight: unset;\n          }\n\n          button[disabled]:focus .label,\n          button[disabled]:hover .label {\n            text-decoration: none;\n          }\n\n          :host(:not([vertical])) #tabs button[disabled] {\n            border-left-color: var(--a11y-tabs-disabled-border-accent, unset);\n          }\n\n          :host([vertical]) #tabs button[disabled] {\n            border-top-color: var(--a11y-tabs-disabled-border-accent, unset);\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject10_795734d01f2611eda0c389891c227ec8 || (_templateObject10_795734d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          font-size: var(--a11y-tabs-font-size, unset);\n          font-family: var(--a11y-tabs-font-family, unset);\n          --a11y-tabs-focus-color: var(--a11y-tabs-color);\n          --a11y-tabs-horizontal-border-radius: var(\n            --a11y-tabs-border-radius,\n            2px\n          );\n          --a11y-tabs-vertical-border-radius: var(\n            --a11y-tabs-border-radius,\n            2px\n          );\n          --a11y-tabs-vertical-button-padding: var(\n            --a11y-tabs-button-padding,\n            4px\n          );\n          --a11y-tabs-horizontal-button-padding: var(\n            --a11y-tabs-button-padding,\n            4px\n          );\n        }\n        @media screen {\n          :host([vertical]) {\n            border-radius: var(--a11y-tabs-vertical-border-radius, 2px);\n            border: 1px solid var(--a11y-tabs-border-color, #ddd);\n          }\n\n          #content {\n            border: 1px solid var(--a11y-tabs-border-color, #ddd);\n            padding: var(--a11y-tabs-content-padding, 16px);\n            background-color: var(--a11y-tabs-content-background);\n          }\n\n          #tabs {\n            background-color: var(--a11y-tabs-horizontal-background);\n            font-family: var(\n              --a11y-tabs-tab-font-family,\n              var(--a11y-tabs-font-family, unset)\n            );\n            font-size: var(\n              --a11y-tabs-tab-font-size,\n              var(--a11y-tabs-font-size, unset)\n            );\n          }\n\n          :host([vertical]) #tabs {\n            border-left: none;\n            background-color: var(--a11y-tabs-vertical-background);\n            justify-content: var(--a11y-tabs-vertical-justify-tabs);\n          }\n\n          :host([vertical]) #tabs button {\n            padding: var(--a11y-tabs-vertical-button-padding);\n            border-radius: 0;\n          }\n\n          :host([vertical]) #content {\n            border: none;\n          }\n          :host(:not([vertical])) #content {\n            border-radius: var(--a11y-tabs-horizontal-border-radius, 2px);\n          }\n\n          #tabs button {\n            text-transform: unset;\n            color: var(--a11y-tabs-faded-color, #333);\n            border: 1px solid var(--a11y-tabs-border-color);\n            background-color: var(--a11y-tabs-faded-background, #f8f8f8);\n            padding: var(--a11y-tabs-horizontal-button-padding);\n            font-weight: var(--a11y-tabs-font-weight, normal);\n            border-radius: var(--a11y-tabs-horizontal-border-radius, 2px)\n              var(--a11y-tabs-horizontal-border-radius, 2px) 0 0;\n          }\n\n          button .label {\n            text-decoration: var(--a11y-tabs-text-decoration, none);\n          }\n\n          :host(:not([vertical])) #tabs button {\n            border-top-color: var(--a11y-tabs-border-accent);\n          }\n\n          :host(:not([vertical])) #tabs li:not(:first-of-type) button {\n            border-left: none;\n          }\n\n          :host([vertical]) #tabs button {\n            border-top: none;\n            border-left-color: var(--a11y-tabs-border-accent);\n          }\n\n          #tabs button:focus,\n          #tabs button:hover {\n            color: var(--a11y-tabs-focus-color);\n            font-weight: var(--a11y-tabs-focus-font-weight, normal);\n          }\n\n          button:focus .label,\n          button:hover .label {\n            text-decoration: var(--a11y-tabs-focus-text-decoration, underline);\n          }\n\n          :host(:not([vertical])) #tabs button:focus,\n          :host(:not([vertical])) #tabs button:hover {\n            border-top-color: var(--a11y-tabs-focus-border-accent);\n          }\n\n          :host([vertical]) #tabs button:focus,\n          :host([vertical]) #tabs button:hover {\n            border-left-color: var(--a11y-tabs-focus-border-accent);\n          }\n\n          #tabs button[aria-selected=\"true\"] {\n            font-weight: var(--a11y-tabs-selected-font-weight, normal);\n            color: var(\n              --a11y-tabs-selected-color,\n              var(--a11y-tabs-focus-color)\n            );\n            background-color: var(--a11y-tabs-background);\n          }\n\n          button[aria-selected=\"true\"] .label {\n            text-decoration: var(--a11y-tabs-selected-text-decoration, none);\n          }\n\n          :host(:not([vertical])) #tabs button[aria-selected=\"true\"] {\n            border-bottom-color: var(--a11y-tabs-background);\n            border-top-color: var(--a11y-tabs-selected-border-accent);\n          }\n\n          :host([vertical]) #tabs button[aria-selected=\"true\"] {\n            border-right-color: var(--a11y-tabs-background);\n            border-left-color: var(--a11y-tabs-selected-border-accent);\n          }\n\n          #tabs button[disabled] {\n            color: var(--a11y-tabs-disabled-color, #999);\n            background-color: var(--a11y-tabs-disabled-background, #eee);\n          }\n\n          #tabs button[disabled]:focus,\n          #tabs button[disabled]:hover {\n            color: unset;\n            font-weight: unset;\n          }\n\n          button[disabled]:focus .label,\n          button[disabled]:hover .label {\n            text-decoration: none;\n          }\n\n          :host(:not([vertical])) #tabs button[disabled] {\n            border-left-color: var(--a11y-tabs-disabled-border-accent, unset);\n          }\n\n          :host([vertical]) #tabs button[disabled] {\n            border-top-color: var(--a11y-tabs-disabled-border-accent, unset);\n          }\n        }\n      "])))];
       } //styles function
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/lib/a11y-tab.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/lib/a11y-tab.js
index 7d3b6d6f640..1cbfe57626a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/lib/a11y-tab.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/lib/a11y-tab.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
   });
   _exports.A11yTab = void 0;
 
-  var _templateObject_b4938e201f0511ed8cc3e9a95995ad69, _templateObject2_b4938e201f0511ed8cc3e9a95995ad69;
+  var _templateObject_8ef061901f2611eda0c389891c227ec8, _templateObject2_8ef061901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -64,7 +64,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     babelHelpers.createClass(A11yTab, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b4938e201f0511ed8cc3e9a95995ad69 || (_templateObject_b4938e201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <span class=\"sr-only\">Tab ", "</span>\n      <div class=\"label-heading\" part=\"heading\">\n        <simple-icon-lite\n          class=\"icon\"\n          ?hidden=\"", "\"\n          .icon=\"", "\"\n          part=\"icon\"\n        >\n        </simple-icon-lite>\n        <slot name=\"label\" ?hidden=\"", "\"></slot>\n        <div class=\"label\" part=\"label\">", "</div>\n      </div>\n      <div id=\"content-inner\" part=\"content\"><slot></slot></div>\n      <span class=\"sr-only\">\n        End of tab ", ". Back to <a href=\"#", "\">tabs</a>.\n      </span>\n    "])), this.xOfY, !this.icon, this.icon, !this.label, this.label, this.xOfY, this.id);
+        return (0, _index.html)(_templateObject_8ef061901f2611eda0c389891c227ec8 || (_templateObject_8ef061901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <span class=\"sr-only\">Tab ", "</span>\n      <div class=\"label-heading\" part=\"heading\">\n        <simple-icon-lite\n          class=\"icon\"\n          ?hidden=\"", "\"\n          .icon=\"", "\"\n          part=\"icon\"\n        >\n        </simple-icon-lite>\n        <slot name=\"label\" ?hidden=\"", "\"></slot>\n        <div class=\"label\" part=\"label\">", "</div>\n      </div>\n      <div id=\"content-inner\" part=\"content\"><slot></slot></div>\n      <span class=\"sr-only\">\n        End of tab ", ". Back to <a href=\"#", "\">tabs</a>.\n      </span>\n    "])), this.xOfY, !this.icon, this.icon, !this.label, this.label, this.xOfY, this.id);
       } // haxProperty definition
 
     }, {
@@ -183,7 +183,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_b4938e201f0511ed8cc3e9a95995ad69 || (_templateObject2_b4938e201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin-bottom: var(--a11y-tabs-content-padding);\n          border: 1px solid var(--a11y-tabs-border-color);\n          padding: var(--a11y-tabs-content-padding);\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999px;\n          height: 0;\n          overflow: hidden;\n        }\n        .label-heading {\n          display: flex;\n          align-items: center;\n          color: var(--a11y-tabs-selected-color, var(--a11y-tabs-focus-color));\n          background-color: var(--a11y-tabs-background);\n          font-weight: var(--a11y-tabs-selected-font-weight, normal);\n          border-bottom: 1px solid var(--a11y-tabs-border-color);\n          margin: 0 0 calc(var(--a11y-tabs-content-padding) / 2);\n          padding: 0 0 calc(var(--a11y-tabs-content-padding) / 2);\n          border-radius: var(--a11y-tabs-horizontal-border-radius, 2px)\n            var(--a11y-tabs-horizontal-border-radius, 2px) 0 0;\n        }\n        simple-icon-lite {\n          margin-right: 1em;\n        }\n        @media screen {\n          :host {\n            border: none;\n            height: var(--a11y-tabs-tab-height, --a11y-tabs-height);\n            overflow: var(--a11y-tabs-tab-overflow, --a11y-tabs-overflow);\n            margin-bottom: unset;\n          }\n          :host([inactive]) {\n            display: none;\n          }\n          #content-inner {\n            max-width: 100%;\n            overflow: auto;\n          }\n          .label-heading {\n            display: none;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8ef061901f2611eda0c389891c227ec8 || (_templateObject2_8ef061901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin-bottom: var(--a11y-tabs-content-padding);\n          border: 1px solid var(--a11y-tabs-border-color);\n          padding: var(--a11y-tabs-content-padding);\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999px;\n          height: 0;\n          overflow: hidden;\n        }\n        .label-heading {\n          display: flex;\n          align-items: center;\n          color: var(--a11y-tabs-selected-color, var(--a11y-tabs-focus-color));\n          background-color: var(--a11y-tabs-background);\n          font-weight: var(--a11y-tabs-selected-font-weight, normal);\n          border-bottom: 1px solid var(--a11y-tabs-border-color);\n          margin: 0 0 calc(var(--a11y-tabs-content-padding) / 2);\n          padding: 0 0 calc(var(--a11y-tabs-content-padding) / 2);\n          border-radius: var(--a11y-tabs-horizontal-border-radius, 2px)\n            var(--a11y-tabs-horizontal-border-radius, 2px) 0 0;\n        }\n        simple-icon-lite {\n          margin-right: 1em;\n        }\n        @media screen {\n          :host {\n            border: none;\n            height: var(--a11y-tabs-tab-height, --a11y-tabs-height);\n            overflow: var(--a11y-tabs-tab-overflow, --a11y-tabs-overflow);\n            margin-bottom: unset;\n          }\n          :host([inactive]) {\n            display: none;\n          }\n          #content-inner {\n            max-width: 100%;\n            overflow: auto;\n          }\n          .label-heading {\n            display: none;\n          }\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/lib/dist/a11y-tab.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/lib/dist/a11y-tab.dev.js
index 43d3f438a51..8477525acf2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/lib/dist/a11y-tab.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-tabs/lib/dist/a11y-tab.dev.js
@@ -25,20 +25,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_e74e01601f0511ed8cc3e9a95995ad69() {
+function _templateObject2_bd68be501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin-bottom: var(--a11y-tabs-content-padding);\n          border: 1px solid var(--a11y-tabs-border-color);\n          padding: var(--a11y-tabs-content-padding);\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999px;\n          height: 0;\n          overflow: hidden;\n        }\n        .label-heading {\n          display: flex;\n          align-items: center;\n          color: var(--a11y-tabs-selected-color, var(--a11y-tabs-focus-color));\n          background-color: var(--a11y-tabs-background);\n          font-weight: var(--a11y-tabs-selected-font-weight, normal);\n          border-bottom: 1px solid var(--a11y-tabs-border-color);\n          margin: 0 0 calc(var(--a11y-tabs-content-padding) / 2);\n          padding: 0 0 calc(var(--a11y-tabs-content-padding) / 2);\n          border-radius: var(--a11y-tabs-horizontal-border-radius, 2px)\n            var(--a11y-tabs-horizontal-border-radius, 2px) 0 0;\n        }\n        simple-icon-lite {\n          margin-right: 1em;\n        }\n        @media screen {\n          :host {\n            border: none;\n            height: var(--a11y-tabs-tab-height, --a11y-tabs-height);\n            overflow: var(--a11y-tabs-tab-overflow, --a11y-tabs-overflow);\n            margin-bottom: unset;\n          }\n          :host([inactive]) {\n            display: none;\n          }\n          #content-inner {\n            max-width: 100%;\n            overflow: auto;\n          }\n          .label-heading {\n            display: none;\n          }\n        }\n      "]);
 
-  _templateObject2_e74e01601f0511ed8cc3e9a95995ad69 = function _templateObject2_e74e01601f0511ed8cc3e9a95995ad69() {
+  _templateObject2_bd68be501f2611eda0c389891c227ec8 = function _templateObject2_bd68be501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_e74e01601f0511ed8cc3e9a95995ad69() {
+function _templateObject_bd68be501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <span class="sr-only">Tab ', '</span>\n      <div class="label-heading" part="heading">\n        <simple-icon-lite\n          class="icon"\n          ?hidden="', '"\n          .icon="', '" \n          part="icon"\n        >\n        </simple-icon-lite>\n        <slot name="label" ?hidden="', '"></slot>\n        <div class="label" part="label">', '</div>\n      </div>\n      <div id="content-inner" part="content"><slot></slot></div>\n      <span class="sr-only">\n        End of tab ', '. Back to <a href="#', '">tabs</a>.\n      </span>\n    ']);
 
-  _templateObject_e74e01601f0511ed8cc3e9a95995ad69 = function _templateObject_e74e01601f0511ed8cc3e9a95995ad69() {
+  _templateObject_bd68be501f2611eda0c389891c227ec8 = function _templateObject_bd68be501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -181,13 +181,13 @@ var A11yTab = /*#__PURE__*/function (_LitElement) {
   _createClass(A11yTab, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_e74e01601f0511ed8cc3e9a95995ad69(), this.xOfY, !this.icon, this.icon, !this.label, this.label, this.xOfY, this.id);
+      return (0, _litElement.html)(_templateObject_bd68be501f2611eda0c389891c227ec8(), this.xOfY, !this.icon, this.icon, !this.label, this.label, this.xOfY, this.id);
     } // haxProperty definition
 
   }], [{
     key: "styles",
     get: function get() {
-      return [(0, _litElement.css)(_templateObject2_e74e01601f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject2_bd68be501f2611eda0c389891c227ec8())];
     }
   }, {
     key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-utils/a11y-utils.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-utils/a11y-utils.js
index 82ee8689e46..46e4fa53625 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-utils/a11y-utils.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-utils/a11y-utils.js
@@ -6,8 +6,8 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.screenreaderOnlyCSS = void 0;
 
-  var _templateObject_a105e8d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7c09d1b01f2611eda0c389891c227ec8;
 
-  var screenreaderOnlyCSS = (0, _index.css)(_templateObject_a105e8d01f0511ed8cc3e9a95995ad69 || (_templateObject_a105e8d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  .sr-only {\n    position: absolute;\n    left: -10000px;\n    top: auto;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n  }\n"])));
+  var screenreaderOnlyCSS = (0, _index.css)(_templateObject_7c09d1b01f2611eda0c389891c227ec8 || (_templateObject_7c09d1b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  .sr-only {\n    position: absolute;\n    left: -10000px;\n    top: auto;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n  }\n"])));
   _exports.screenreaderOnlyCSS = screenreaderOnlyCSS;
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior.js b/build/es5-amd/node_modules/@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior.js
index f0fcff15222..7ba6e2aeda1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/absolute-position-state-manager.
   });
   _exports.AbsolutePositionBehaviorClass = _exports.AbsolutePositionBehavior = void 0;
 
-  var _templateObject_9ead04b01f0511ed8cc3e9a95995ad69, _templateObject2_9ead04b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_797e92f01f2611eda0c389891c227ec8, _templateObject2_797e92f01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -48,7 +48,7 @@ define(["exports", "../../lit/index.js", "./lib/absolute-position-state-manager.
         key: "render",
         value: // render function
         function render() {
-          return (0, _index.html)(_templateObject_9ead04b01f0511ed8cc3e9a95995ad69 || (_templateObject_9ead04b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot>"])));
+          return (0, _index.html)(_templateObject_797e92f01f2611eda0c389891c227ec8 || (_templateObject_797e92f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot>"])));
         } // properties available to the custom element for data binding
 
       }, {
@@ -120,7 +120,7 @@ define(["exports", "../../lit/index.js", "./lib/absolute-position-state-manager.
         key: "styles",
         get: //styles function
         function get() {
-          return [(0, _index.css)(_templateObject2_9ead04b01f0511ed8cc3e9a95995ad69 || (_templateObject2_9ead04b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: inline-block;\n            z-index: 99999999999;\n            position: absolute;\n          }\n\n          :host([hidden]) {\n            display: none;\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject2_797e92f01f2611eda0c389891c227ec8 || (_templateObject2_797e92f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: inline-block;\n            z-index: 99999999999;\n            position: absolute;\n          }\n\n          :host([hidden]) {\n            display: none;\n          }\n        "])))];
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/accent-card/accent-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/accent-card/accent-card.js
index 27ccf88cf94..f3b25b4a2c8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/accent-card/accent-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/accent-card/accent-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
   });
   _exports.AccentCard = void 0;
 
-  var _templateObject_9eb0ae301f0511ed8cc3e9a95995ad69, _templateObject2_9eb0ae301f0511ed8cc3e9a95995ad69;
+  var _templateObject_79b162c01f2611eda0c389891c227ec8, _templateObject2_79b162c01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -106,7 +106,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
     babelHelpers.createClass(AccentCard, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9eb0ae301f0511ed8cc3e9a95995ad69 || (_templateObject_9eb0ae301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <article id=\"card\">\n        <div\n          class=\"image-outer\"\n          ?hidden=\"", "\"\n        >\n          <div\n            class=\"image\"\n            .style=\"", "\"\n          ></div>\n          <div id=\"imagecorner\"><slot name=\"image-corner\"></slot></div>\n        </div>\n        <div class=\"body\">\n          <div id=\"heading\">\n            <div>\n              <slot name=\"heading\"></slot>\n            </div>\n            <div data-label=\"Corner\">\n              <slot name=\"corner\"></slot>\n            </div>\n          </div>\n          <div id=\"subheading\">\n            <slot name=\"subheading\"></slot>\n          </div>\n          <div id=\"content\">\n            <slot name=\"content\"></slot>\n          </div>\n          <div id=\"footer\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </article>\n    "])), !this.elementVisible || !this.imageSrc, this.elementVisible && this.imageSrc ? "background-image: url(".concat(this.imageSrc, ");") : "");
+        return (0, _index.html)(_templateObject_79b162c01f2611eda0c389891c227ec8 || (_templateObject_79b162c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <article id=\"card\">\n        <div\n          class=\"image-outer\"\n          ?hidden=\"", "\"\n        >\n          <div\n            class=\"image\"\n            .style=\"", "\"\n          ></div>\n          <div id=\"imagecorner\"><slot name=\"image-corner\"></slot></div>\n        </div>\n        <div class=\"body\">\n          <div id=\"heading\">\n            <div>\n              <slot name=\"heading\"></slot>\n            </div>\n            <div data-label=\"Corner\">\n              <slot name=\"corner\"></slot>\n            </div>\n          </div>\n          <div id=\"subheading\">\n            <slot name=\"subheading\"></slot>\n          </div>\n          <div id=\"content\">\n            <slot name=\"content\"></slot>\n          </div>\n          <div id=\"footer\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </article>\n    "])), !this.elementVisible || !this.imageSrc, this.elementVisible && this.imageSrc ? "background-image: url(".concat(this.imageSrc, ");") : "");
       } // haxProperty definition
 
     }, {
@@ -134,7 +134,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AccentCard), "styles", this)), [(0, _index.css)(_templateObject2_9eb0ae301f0511ed8cc3e9a95995ad69 || (_templateObject2_9eb0ae301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          border-radius: 2px;\n          margin: 0 0 15px;\n          box-shadow: var(\n            --accent-card-box-shadow,\n            0 2px 2px 0 rgba(0, 0, 0, 0.14),\n            0 1px 5px 0 rgba(0, 0, 0, 0.12),\n            0 3px 1px -2px rgba(0, 0, 0, 0.2)\n          );\n          color: var(\n            --accent-card-color,\n            var(--simple-colors-default-theme-grey-9, #222)\n          );\n          background-color: var(\n            --accent-card-background-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n        :host([dark]) {\n          color: var(\n            --accent-card-color,\n            var(--simple-colors-default-theme-grey-12, #fff)\n          );\n        }\n        :host([accent-background]) {\n          background-color: var(\n            --accent-card-background-color,\n            var(--simple-colors-default-theme-accent-1, #fff)\n          );\n        }\n        article {\n          position: relative;\n          width: 100%;\n          box-sizing: border-box;\n        }\n        article,\n        .body {\n          display: flex;\n          flex: 1 1 auto;\n          flex-direction: column;\n        }\n        :host([horizontal]) article {\n          display: flex;\n          justify-content: space-between;\n          align-items: stretch;\n          flex-direction: row;\n        }\n        :host([flat]) {\n          box-shadow: none;\n        }\n        :host([flat]:not([accent-background])) {\n          border-width: 1px;\n          border-style: solid;\n          border-color: var(--accent-card-footer-border-color);\n        }\n        :host([dark][flat]:not([accent-background])) {\n          border-color: var(\n            --accent-card-footer-border-color,\n            var(--simple-colors-default-theme-grey-6, #666)\n          );\n        }\n        :host(:not([horizontal]):not([no-border])) article {\n          border-top-width: 4px;\n          border-top-style: solid;\n          border-top-color: var(\n            --accent-card-border-color,\n            var(--simple-colors-default-theme-accent-6, #ddd)\n          );\n        }\n        :host([horizontal]:not([no-border])) article {\n          border-left-width: 4px;\n          border-left-style: solid;\n          border-left-color: var(\n            --accent-card-border-color,\n            var(--simple-colors-default-theme-accent-6, #ddd)\n          );\n        }\n        :host([dark]:not([horizontal]):not([no-border])) article {\n          border-top-color: var(\n            --accent-card-border-color,\n            var(--simple-colors-default-theme-accent-7, #fff)\n          );\n        }\n        :host([dark][horizontal]:not([no-border])) article {\n          border-left-color: var(\n            --accent-card-border-color,\n            var(--simple-colors-default-theme-accent-7, #fff)\n          );\n        }\n        .image-outer {\n          box-sizing: border-box;\n          position: relative;\n          overflow: visible;\n        }\n        :host([horizontal]) .image-outer {\n          height: auto;\n          width: var(--accent-card-image-width, 30%);\n          flex: 0 0 auto;\n        }\n        :host(:not([horizontal])) .image-outer {\n          height: auto;\n          width: 100%;\n          min-height: var(--accent-card-heading-min-height);\n        }\n        .image {\n          height: 100%;\n          width: 100%;\n          background-size: cover;\n          background-position-x: var(--accent-card-image-x, center);\n          background-position-y: var(--accent-card-image-y, center);\n        }\n        :host([image-align=\"left\"]) .image {\n          background-position-x: left;\n        }\n        :host([image-align=\"center\"]) .image {\n          background-position-x: center;\n        }\n        :host([image-align=\"right\"]) .image {\n          background-position-x: right;\n        }\n        :host([image-valign=\"top\"]) .image {\n          background-position-y: top;\n        }\n        :host([image-valign=\"center\"]) .image {\n          background-position-y: center;\n        }\n        :host([image-valign=\"bottom\"]) .image {\n          background-position-y: bottom;\n        }\n        :host(:not([horizontal])) .image {\n          height: 0;\n          padding-top: var(--accent-card-image-height, 10%);\n        }\n        #imagecorner {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          padding-top: var(--accent-card-image-padding-top, 0);\n          padding-bottom: var(\n            --accent-card-image-padding-bottom,\n            var(--accent-card-padding, 20px)\n          );\n          padding-left: var(\n            --accent-card-image-padding-left,\n            var(--accent-card-padding, 20px)\n          );\n          padding-right: var(\n            --accent-card-image-padding-right,\n            var(--accent-card-padding, 20px)\n          );\n        }\n        ::slotted([slot=\"image-corner\"]) {\n          text-align: right;\n          color: var(\n            --accent-card-background-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n        .body {\n          flex-grow: 1;\n          overflow: visible;\n        }\n        #heading {\n          flex: 0 0 auto;\n          display: flex;\n          justify-content: space-between;\n          align-items: var(--accent-card-heading-align, unset);\n          padding-left: var(\n            --accent-card-heading-padding-left,\n            var(--accent-card-padding, 20px)\n          );\n          padding-right: var(\n            --accent-card-heading-padding-right,\n            var(--accent-card-padding, 20px)\n          );\n          padding-bottom: var(--accent-card-heading-padding-bottom, 0px);\n          margin: 0;\n        }\n        ::slotted(*[slot=\"heading\"]) {\n          font-size: 26px;\n          font-weight: bold;\n          padding-top: var(\n            --accent-card-heading-padding-top,\n            var(--accent-card-padding, 20px)\n          );\n        }\n        #heading div {\n          flex: 0 0 auto;\n        }\n        #heading [data-layout-slotname=\"heading\"] {\n          margin: 0;\n          flex: 1 1 auto;\n        }\n        :host([accent-heading][accent-color]) #heading ::slotted(*) {\n          color: var(\n            --accent-card-heading-color,\n            var(--simple-colors-default-theme-accent-7, #000) !important\n          );\n        }\n        #subheading {\n          flex: 0 0 auto;\n          font-size: 90%;\n          font-style: italic;\n          padding-top: var(--accent-card-subheading-padding-top, unset);\n          padding-left: var(\n            --accent-card-subheading-padding-left,\n            var(--accent-card-padding, 20px)\n          );\n          padding-right: var(\n            --accent-card-subheading-padding-right,\n            var(--accent-card-padding, 20px)\n          );\n          padding-bottom: var(--accent-card-subheading-padding-bottom, unset);\n        }\n        #content {\n          font-size: 100%;\n          padding-top: var(\n            --accent-card-content-padding-top,\n            var(--accent-card-padding, 20px)\n          );\n          padding-left: var(\n            --accent-card-content-padding-left,\n            var(--accent-card-padding, 20px)\n          );\n          padding-right: var(\n            --accent-card-content-padding-right,\n            var(--accent-card-padding, 20px)\n          );\n          padding-bottom: var(\n            --accent-card-content-padding-bottom,\n            var(--accent-card-padding, 20px)\n          );\n          flex: 1 1 auto;\n        }\n        ::slotted(*[slot]:first-of-type) {\n          margin-top: 0;\n          margin-block-start: 0;\n        }\n        ::slotted(*[slot]:last-of-type) {\n          margin-bottom: 0;\n          margin-block-end: 0;\n        }\n        #footer {\n          flex: 0 0 auto;\n          border-top-width: 1px;\n          border-top-style: solid;\n          border-top-color: var(\n            --accent-card-footer-border-color,\n            var(--simple-colors-default-theme-grey-3, #ddd)\n          );\n          padding-top: var(--accent-card-footer-padding-top, unset);\n          padding-left: var(\n            --accent-card-footer-padding-left,\n            var(--accent-card-padding, 20px)\n          );\n          padding-right: var(\n            --accent-card-footer-padding-right,\n            var(--accent-card-padding, 20px)\n          );\n          padding-bottom: var(--accent-card-footer-padding-bottom, unset);\n        }\n        :host([dark]) #footer {\n          border-top-color: var(\n            --accent-card-footer-border-color,\n            var(--simple-colors-default-theme-grey-6, #666)\n          );\n        }\n        :host([ready]) [data-layout-slotname] {\n          transition: var(\n            --hax-layout-container-transition,\n            0.5s width ease-in-out,\n            0.5s padding ease-in-out,\n            0.5s margin ease-in-out\n          );\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AccentCard), "styles", this)), [(0, _index.css)(_templateObject2_79b162c01f2611eda0c389891c227ec8 || (_templateObject2_79b162c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          border-radius: 2px;\n          margin: 0 0 15px;\n          box-shadow: var(\n            --accent-card-box-shadow,\n            0 2px 2px 0 rgba(0, 0, 0, 0.14),\n            0 1px 5px 0 rgba(0, 0, 0, 0.12),\n            0 3px 1px -2px rgba(0, 0, 0, 0.2)\n          );\n          color: var(\n            --accent-card-color,\n            var(--simple-colors-default-theme-grey-9, #222)\n          );\n          background-color: var(\n            --accent-card-background-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n        :host([dark]) {\n          color: var(\n            --accent-card-color,\n            var(--simple-colors-default-theme-grey-12, #fff)\n          );\n        }\n        :host([accent-background]) {\n          background-color: var(\n            --accent-card-background-color,\n            var(--simple-colors-default-theme-accent-1, #fff)\n          );\n        }\n        article {\n          position: relative;\n          width: 100%;\n          box-sizing: border-box;\n        }\n        article,\n        .body {\n          display: flex;\n          flex: 1 1 auto;\n          flex-direction: column;\n        }\n        :host([horizontal]) article {\n          display: flex;\n          justify-content: space-between;\n          align-items: stretch;\n          flex-direction: row;\n        }\n        :host([flat]) {\n          box-shadow: none;\n        }\n        :host([flat]:not([accent-background])) {\n          border-width: 1px;\n          border-style: solid;\n          border-color: var(--accent-card-footer-border-color);\n        }\n        :host([dark][flat]:not([accent-background])) {\n          border-color: var(\n            --accent-card-footer-border-color,\n            var(--simple-colors-default-theme-grey-6, #666)\n          );\n        }\n        :host(:not([horizontal]):not([no-border])) article {\n          border-top-width: 4px;\n          border-top-style: solid;\n          border-top-color: var(\n            --accent-card-border-color,\n            var(--simple-colors-default-theme-accent-6, #ddd)\n          );\n        }\n        :host([horizontal]:not([no-border])) article {\n          border-left-width: 4px;\n          border-left-style: solid;\n          border-left-color: var(\n            --accent-card-border-color,\n            var(--simple-colors-default-theme-accent-6, #ddd)\n          );\n        }\n        :host([dark]:not([horizontal]):not([no-border])) article {\n          border-top-color: var(\n            --accent-card-border-color,\n            var(--simple-colors-default-theme-accent-7, #fff)\n          );\n        }\n        :host([dark][horizontal]:not([no-border])) article {\n          border-left-color: var(\n            --accent-card-border-color,\n            var(--simple-colors-default-theme-accent-7, #fff)\n          );\n        }\n        .image-outer {\n          box-sizing: border-box;\n          position: relative;\n          overflow: visible;\n        }\n        :host([horizontal]) .image-outer {\n          height: auto;\n          width: var(--accent-card-image-width, 30%);\n          flex: 0 0 auto;\n        }\n        :host(:not([horizontal])) .image-outer {\n          height: auto;\n          width: 100%;\n          min-height: var(--accent-card-heading-min-height);\n        }\n        .image {\n          height: 100%;\n          width: 100%;\n          background-size: cover;\n          background-position-x: var(--accent-card-image-x, center);\n          background-position-y: var(--accent-card-image-y, center);\n        }\n        :host([image-align=\"left\"]) .image {\n          background-position-x: left;\n        }\n        :host([image-align=\"center\"]) .image {\n          background-position-x: center;\n        }\n        :host([image-align=\"right\"]) .image {\n          background-position-x: right;\n        }\n        :host([image-valign=\"top\"]) .image {\n          background-position-y: top;\n        }\n        :host([image-valign=\"center\"]) .image {\n          background-position-y: center;\n        }\n        :host([image-valign=\"bottom\"]) .image {\n          background-position-y: bottom;\n        }\n        :host(:not([horizontal])) .image {\n          height: 0;\n          padding-top: var(--accent-card-image-height, 10%);\n        }\n        #imagecorner {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          padding-top: var(--accent-card-image-padding-top, 0);\n          padding-bottom: var(\n            --accent-card-image-padding-bottom,\n            var(--accent-card-padding, 20px)\n          );\n          padding-left: var(\n            --accent-card-image-padding-left,\n            var(--accent-card-padding, 20px)\n          );\n          padding-right: var(\n            --accent-card-image-padding-right,\n            var(--accent-card-padding, 20px)\n          );\n        }\n        ::slotted([slot=\"image-corner\"]) {\n          text-align: right;\n          color: var(\n            --accent-card-background-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n        .body {\n          flex-grow: 1;\n          overflow: visible;\n        }\n        #heading {\n          flex: 0 0 auto;\n          display: flex;\n          justify-content: space-between;\n          align-items: var(--accent-card-heading-align, unset);\n          padding-left: var(\n            --accent-card-heading-padding-left,\n            var(--accent-card-padding, 20px)\n          );\n          padding-right: var(\n            --accent-card-heading-padding-right,\n            var(--accent-card-padding, 20px)\n          );\n          padding-bottom: var(--accent-card-heading-padding-bottom, 0px);\n          margin: 0;\n        }\n        ::slotted(*[slot=\"heading\"]) {\n          font-size: 26px;\n          font-weight: bold;\n          padding-top: var(\n            --accent-card-heading-padding-top,\n            var(--accent-card-padding, 20px)\n          );\n        }\n        #heading div {\n          flex: 0 0 auto;\n        }\n        #heading [data-layout-slotname=\"heading\"] {\n          margin: 0;\n          flex: 1 1 auto;\n        }\n        :host([accent-heading][accent-color]) #heading ::slotted(*) {\n          color: var(\n            --accent-card-heading-color,\n            var(--simple-colors-default-theme-accent-7, #000) !important\n          );\n        }\n        #subheading {\n          flex: 0 0 auto;\n          font-size: 90%;\n          font-style: italic;\n          padding-top: var(--accent-card-subheading-padding-top, unset);\n          padding-left: var(\n            --accent-card-subheading-padding-left,\n            var(--accent-card-padding, 20px)\n          );\n          padding-right: var(\n            --accent-card-subheading-padding-right,\n            var(--accent-card-padding, 20px)\n          );\n          padding-bottom: var(--accent-card-subheading-padding-bottom, unset);\n        }\n        #content {\n          font-size: 100%;\n          padding-top: var(\n            --accent-card-content-padding-top,\n            var(--accent-card-padding, 20px)\n          );\n          padding-left: var(\n            --accent-card-content-padding-left,\n            var(--accent-card-padding, 20px)\n          );\n          padding-right: var(\n            --accent-card-content-padding-right,\n            var(--accent-card-padding, 20px)\n          );\n          padding-bottom: var(\n            --accent-card-content-padding-bottom,\n            var(--accent-card-padding, 20px)\n          );\n          flex: 1 1 auto;\n        }\n        ::slotted(*[slot]:first-of-type) {\n          margin-top: 0;\n          margin-block-start: 0;\n        }\n        ::slotted(*[slot]:last-of-type) {\n          margin-bottom: 0;\n          margin-block-end: 0;\n        }\n        #footer {\n          flex: 0 0 auto;\n          border-top-width: 1px;\n          border-top-style: solid;\n          border-top-color: var(\n            --accent-card-footer-border-color,\n            var(--simple-colors-default-theme-grey-3, #ddd)\n          );\n          padding-top: var(--accent-card-footer-padding-top, unset);\n          padding-left: var(\n            --accent-card-footer-padding-left,\n            var(--accent-card-padding, 20px)\n          );\n          padding-right: var(\n            --accent-card-footer-padding-right,\n            var(--accent-card-padding, 20px)\n          );\n          padding-bottom: var(--accent-card-footer-padding-bottom, unset);\n        }\n        :host([dark]) #footer {\n          border-top-color: var(\n            --accent-card-footer-border-color,\n            var(--simple-colors-default-theme-grey-6, #666)\n          );\n        }\n        :host([ready]) [data-layout-slotname] {\n          transition: var(\n            --hax-layout-container-transition,\n            0.5s width ease-in-out,\n            0.5s padding ease-in-out,\n            0.5s margin ease-in-out\n          );\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/accent-card/lib/accent-card-clickable.js b/build/es5-amd/node_modules/@lrnwebcomponents/accent-card/lib/accent-card-clickable.js
index 329f789c675..fd2cc4b6491 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/accent-card/lib/accent-card-clickable.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/accent-card/lib/accent-card-clickable.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
   });
   _exports.AccentCardClickable = void 0;
 
-  var _templateObject_b49cb5e01f0511ed8cc3e9a95995ad69, _templateObject2_b49cb5e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8ef9fe801f2611eda0c389891c227ec8, _templateObject2_8ef9fe801f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -48,7 +48,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     babelHelpers.createClass(AccentCardClickable, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b49cb5e01f0511ed8cc3e9a95995ad69 || (_templateObject_b49cb5e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <accent-card\n        accent-color=\"", "\"\n        ?accent-background=\"", "\"\n        ?accent-heading=\"", "\"\n        ?flat=\"", "\"\n        ?horizontal=\"", "\"\n        ?no-border=\"", "\"\n        image-align=\"", "\"\n        image-src=\"", "\"\n        image-valign=\"", "\"\n      >\n        <slot name=\"heading\" slot=\"heading\"></slot>\n        <slot name=\"corner\" slot=\"corner\"></slot>\n        <slot name=\"subheading\" slot=\"subheading\"></slot>\n        <slot name=\"content\" slot=\"content\"></slot>\n        <slot name=\"footer\" slot=\"footer\"></slot>\n      </accent-card>\n    "])), this.accentColor, this.accentBackground, this.accentHeading, this.flat, this.horizontal, this.noBorder, this.imageAlign, this.imageSrc, this.imageValign);
+        return (0, _index.html)(_templateObject_8ef9fe801f2611eda0c389891c227ec8 || (_templateObject_8ef9fe801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <accent-card\n        accent-color=\"", "\"\n        ?accent-background=\"", "\"\n        ?accent-heading=\"", "\"\n        ?flat=\"", "\"\n        ?horizontal=\"", "\"\n        ?no-border=\"", "\"\n        image-align=\"", "\"\n        image-src=\"", "\"\n        image-valign=\"", "\"\n      >\n        <slot name=\"heading\" slot=\"heading\"></slot>\n        <slot name=\"corner\" slot=\"corner\"></slot>\n        <slot name=\"subheading\" slot=\"subheading\"></slot>\n        <slot name=\"content\" slot=\"content\"></slot>\n        <slot name=\"footer\" slot=\"footer\"></slot>\n      </accent-card>\n    "])), this.accentColor, this.accentBackground, this.accentHeading, this.flat, this.horizontal, this.noBorder, this.imageAlign, this.imageSrc, this.imageValign);
       } // haxProperty definition
 
     }], [{
@@ -65,7 +65,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_b49cb5e01f0511ed8cc3e9a95995ad69 || (_templateObject2_b49cb5e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host,\n        accent-card {\n          display: flex;\n          align-items: stretch;\n          justify-content: stretch;\n          flex-direction: column;\n        }\n        accent-card {\n          position: relative;\n          flex: 1 1 auto;\n        }\n        accent-card:focus-within,\n        accent-card:hover {\n          outline: 1px solid\n            var(\n              --accent-card-border-color,\n              --simple-colors-default-theme-accent-6,\n              #ddd\n            );\n        }\n        ::slotted(*:not([data-clickable]:first-of-type)) {\n          z-index: 2;\n          position: relative;\n        }\n        ::slotted([data-clickable]:first-of-type) {\n          z-index: 1;\n        }\n        ::slotted([data-clickable]:first-of-type):after {\n          content: \" \";\n          position: absolute;\n          left: 0;\n          top: 0;\n          bottom: 0;\n          right: 0;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8ef9fe801f2611eda0c389891c227ec8 || (_templateObject2_8ef9fe801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host,\n        accent-card {\n          display: flex;\n          align-items: stretch;\n          justify-content: stretch;\n          flex-direction: column;\n        }\n        accent-card {\n          position: relative;\n          flex: 1 1 auto;\n        }\n        accent-card:focus-within,\n        accent-card:hover {\n          outline: 1px solid\n            var(\n              --accent-card-border-color,\n              --simple-colors-default-theme-accent-6,\n              #ddd\n            );\n        }\n        ::slotted(*:not([data-clickable]:first-of-type)) {\n          z-index: 2;\n          position: relative;\n        }\n        ::slotted([data-clickable]:first-of-type) {\n          z-index: 1;\n        }\n        ::slotted([data-clickable]:first-of-type):after {\n          content: \" \";\n          position: absolute;\n          left: 0;\n          top: 0;\n          bottom: 0;\n          right: 0;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/aframe-player/aframe-player.js b/build/es5-amd/node_modules/@lrnwebcomponents/aframe-player/aframe-player.js
index d00fb082e32..0ed9ed167ec 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/aframe-player/aframe-player.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/aframe-player/aframe-player.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
   });
   _exports.AframePlayer = void 0;
 
-  var _templateObject_9f0229901f0511ed8cc3e9a95995ad69, _templateObject2_9f0229901f0511ed8cc3e9a95995ad69;
+  var _templateObject_79b5a8801f2611eda0c389891c227ec8, _templateObject2_79b5a8801f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -48,7 +48,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
     babelHelpers.createClass(AframePlayer, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9f0229901f0511ed8cc3e9a95995ad69 || (_templateObject_9f0229901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a-scene\n        id=\"scene\"\n        class=\"embedded\"\n        embedded\n        ?arjs=\"", "\"\n        style=\"height:", ";width:", ";\"\n      >\n        <a-sky color=\"", "\"></a-sky>\n        <a-marker-camera preset=\"hiro\"></a-marker-camera>\n      </a-scene>\n    "])), this.ar, this.height, this.width, this.skyColor);
+        return (0, _index.html)(_templateObject_79b5a8801f2611eda0c389891c227ec8 || (_templateObject_79b5a8801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a-scene\n        id=\"scene\"\n        class=\"embedded\"\n        embedded\n        ?arjs=\"", "\"\n        style=\"height:", ";width:", ";\"\n      >\n        <a-sky color=\"", "\"></a-sky>\n        <a-marker-camera preset=\"hiro\"></a-marker-camera>\n      </a-scene>\n    "])), this.ar, this.height, this.width, this.skyColor);
       }
     }, {
       key: "updated",
@@ -131,7 +131,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_9f0229901f0511ed8cc3e9a95995ad69 || (_templateObject2_9f0229901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: relative;\n        }\n        .a-hidden {\n          display: hidden;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_79b5a8801f2611eda0c389891c227ec8 || (_templateObject2_79b5a8801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: relative;\n        }\n        .a-hidden {\n          display: hidden;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-editor-hax/app-editor-hax.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-editor-hax/app-editor-hax.js
index 427983735a6..f966d19f1d2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-editor-hax/app-editor-hax.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-editor-hax/app-editor-hax.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../h-a-x/h-a-x.js", "../hax-body/lib/h
   });
   _exports.AppEditorHax = void 0;
 
-  var _templateObject_9f0f48f01f0511ed8cc3e9a95995ad69, _templateObject2_9f0f48f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7a0aa6501f2611eda0c389891c227ec8, _templateObject2_7a0aa6501f2611eda0c389891c227ec8;
 
   function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && babelHelpers.instanceof(outerFn.prototype, Generator) ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == babelHelpers.typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
@@ -42,7 +42,7 @@ define(["exports", "../../lit/index.js", "../h-a-x/h-a-x.js", "../hax-body/lib/h
     babelHelpers.createClass(AppEditorHax, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9f0f48f01f0511ed8cc3e9a95995ad69 || (_templateObject_9f0f48f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <h-a-x .app-store=\"", "\"></h-a-x> "])), this.appStoreConnection);
+        return (0, _index.html)(_templateObject_7a0aa6501f2611eda0c389891c227ec8 || (_templateObject_7a0aa6501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <h-a-x .app-store=\"", "\"></h-a-x> "])), this.appStoreConnection);
       }
     }, {
       key: "save",
@@ -109,7 +109,7 @@ define(["exports", "../../lit/index.js", "../h-a-x/h-a-x.js", "../hax-body/lib/h
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_9f0f48f01f0511ed8cc3e9a95995ad69 || (_templateObject2_9f0f48f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          box-sizing: content-box;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7a0aa6501f2611eda0c389891c227ec8 || (_templateObject2_7a0aa6501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          box-sizing: content-box;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/app-hax.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/app-hax.js
index 33ba0b23204..d17ad280813 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/app-hax.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/app-hax.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../../mobx/dist/mob
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_9f267a701f0511ed8cc3e9a95995ad69, _templateObject2_9f267a701f0511ed8cc3e9a95995ad69, _templateObject3_9f267a701f0511ed8cc3e9a95995ad69, _templateObject4_9f267a701f0511ed8cc3e9a95995ad69, _templateObject5_9f267a701f0511ed8cc3e9a95995ad69, _templateObject6_9f267a701f0511ed8cc3e9a95995ad69, _templateObject7_9f267a701f0511ed8cc3e9a95995ad69, _templateObject8_9f267a701f0511ed8cc3e9a95995ad69, _templateObject9_9f267a701f0511ed8cc3e9a95995ad69;
+  var _templateObject_7a2114801f2611eda0c389891c227ec8, _templateObject2_7a2114801f2611eda0c389891c227ec8, _templateObject3_7a2114801f2611eda0c389891c227ec8, _templateObject4_7a2114801f2611eda0c389891c227ec8, _templateObject5_7a2114801f2611eda0c389891c227ec8, _templateObject6_7a2114801f2611eda0c389891c227ec8, _templateObject7_7a2114801f2611eda0c389891c227ec8, _templateObject8_7a2114801f2611eda0c389891c227ec8, _templateObject9_7a2114801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -521,7 +521,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../../mobx/dist/mob
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9f267a701f0511ed8cc3e9a95995ad69 || (_templateObject_9f267a701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<app-hax-router></app-hax-router>\n      <header>\n        <app-hax-top-bar>\n          <slot name=\"app-header-pre\" slot=\"left\"></slot>\n          <a id=\"home\" href=\"home\" tabindex=\"-1\" slot=\"left\">\n            <simple-icon-lite\n              id=\"hlogo\"\n              src=\"", "\"\n              tabindex=\"0\"\n              class=\"haxLogo\"\n              title=\"Home\"\n              data-simple-tour-stop\n              data-stop-title=\"data-label\"\n              data-label=\"Home\"\n            >\n              <div data-stop-content slot=\"tour\" style=\"display:none;\">\n                You can come back to this home screen whenever you click this..\n              </div>\n            </simple-icon-lite>\n          </a>\n          <simple-tooltip for=\"hlogo\" position=\"right\" slot=\"left\"\n            >Home</simple-tooltip\n          >\n          <app-hax-search-bar\n            slot=\"center\"\n            ?disabled=\"", "\"\n          ></app-hax-search-bar>\n          <wired-button\n            elevation=\"1\"\n            slot=\"right\"\n            class=\"soundToggle\"\n            id=\"soundtb\"\n            @click=\"", "\"\n          >\n            <span class=\"wired-button-label\">Toggle sound effects</span>\n            <simple-icon-lite\n              src=\"", "\"\n              loading=\"lazy\"\n              decoding=\"async\"\n              data-simple-tour-stop\n              data-stop-title=\"data-label\"\n              data-label=\"Sound\"\n            >\n              <div slot=\"tour\" data-stop-content>\n                Not a fan of the awesome sound effects, you can mute them but I\n                highly suggest you dont.....or else.\n              </div>\n            </simple-icon-lite>\n          </wired-button>\n          <simple-tooltip for=\"soundtb\" position=\"bottom\" slot=\"right\"\n            >Toggle sound</simple-tooltip\n          >\n          <app-hax-wired-toggle id=\"wt\" slot=\"right\"></app-hax-wired-toggle>\n          <simple-tooltip for=\"wt\" position=\"bottom\" slot=\"right\"\n            >Toggle dark mode</simple-tooltip\n          >\n          <app-hax-user-menu\n            slot=\"right\"\n            id=\"user-menu\"\n            data-simple-tour-stop\n            data-stop-title=\"data-label\"\n            data-label=\"Menu\"\n          >\n            <div slot=\"tour\" data-stop-content>\n              You want to log out and be someone else? You want to check your\n              sites option? Click your character. Fun Fact....your character is\n              unique to you.\n            </div>\n            <button class=\"topbar-character\" slot=\"menuButton\" id=\"tbchar\">\n              <rpg-character\n                seed=\"", "\"\n                width=\"68\"\n                height=\"68\"\n                aria-label=\"System menu\"\n                title=\"System menu\"\n                hat=\"", "\"\n                @click=\"", "\"\n              ></rpg-character>\n              <span class=\"characterbtn-name\">", "</span>\n            </button>\n            <!-- <app-hax-user-menu-button\n              slot=\"main-menu\"\n              icon=\"face\"\n              label=\"Account Info\"\n            ></app-hax-user-menu-button> -->\n            <app-hax-user-menu-button\n              slot=\"post-menu\"\n              class=\"logout\"\n              label=\"Logout\"\n              @click=", "\n            ></app-hax-user-menu-button>\n          </app-hax-user-menu>\n          <simple-tooltip for=\"tbchar\" position=\"bottom\" slot=\"right\"\n            >System menu</simple-tooltip\n          >\n        </app-hax-top-bar>\n      </header>\n      <main @click=\"", "\">\n        <confetti-container id=\"confetti\">\n          <div class=\"label\">\n            <app-hax-label>\n              ", "\n              ", "\n            </app-hax-label>\n          </div>\n          <random-word\n            key=\"", "\"\n            .phrases=\"", "\"\n            @click=\"", "\"\n          ></random-word>\n          <simple-icon-lite\n            id=\"helpbtn\"\n            @click=\"", "\"\n            src=\"", "\"\n          >\n          </simple-icon-lite>\n          <simple-tooltip for=\"helpbtn\" position=\"bottom\">Help</simple-tooltip>\n          <section class=\"content\">", "</section>\n        </confetti-container>\n      </main>"])), haxLogo, this.isNewUser, soundToggle, this.soundIcon, this.userName, this.userMenuOpen ? "edit" : "none", this.toggleMenu, this.userName, this.logout, this.closeMenu, this.activeItem && !this.siteReady ? (0, _index.html)(_templateObject2_9f267a701f0511ed8cc3e9a95995ad69 || (_templateObject2_9f267a701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <h1>", "</h1>\n                    <div slot=\"subtitle\">\n                      ", "\n                    </div>\n                  "])), this.activeItem.label, this.activeItem && this.activeItem.statement ? this.activeItem.statement.replace(":structure", (0, _mobxEsm.toJS)(_AppHaxStore.store.site.structure)) : "") : "", this.activeItem && this.siteReady ? (0, _index.html)(_templateObject3_9f267a701f0511ed8cc3e9a95995ad69 || (_templateObject3_9f267a701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <h1>", "</h1>\n                    <div slot=\"subtitle\">\n                      Is all ready, are you ready to build?\n                    </div>\n                  "])), (0, _mobxEsm.toJS)(_AppHaxStore.store.site.name)) : "", this.isNewUser ? "new" : "return", this.phrases, this.getNewWord, this.helpClick, helpBtn, this.appBody(this.appMode));
+        return (0, _index.html)(_templateObject_7a2114801f2611eda0c389891c227ec8 || (_templateObject_7a2114801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<app-hax-router></app-hax-router>\n      <header>\n        <app-hax-top-bar>\n          <slot name=\"app-header-pre\" slot=\"left\"></slot>\n          <a id=\"home\" href=\"home\" tabindex=\"-1\" slot=\"left\">\n            <simple-icon-lite\n              id=\"hlogo\"\n              src=\"", "\"\n              tabindex=\"0\"\n              class=\"haxLogo\"\n              title=\"Home\"\n              data-simple-tour-stop\n              data-stop-title=\"data-label\"\n              data-label=\"Home\"\n            >\n              <div data-stop-content slot=\"tour\" style=\"display:none;\">\n                You can come back to this home screen whenever you click this..\n              </div>\n            </simple-icon-lite>\n          </a>\n          <simple-tooltip for=\"hlogo\" position=\"right\" slot=\"left\"\n            >Home</simple-tooltip\n          >\n          <app-hax-search-bar\n            slot=\"center\"\n            ?disabled=\"", "\"\n          ></app-hax-search-bar>\n          <wired-button\n            elevation=\"1\"\n            slot=\"right\"\n            class=\"soundToggle\"\n            id=\"soundtb\"\n            @click=\"", "\"\n          >\n            <span class=\"wired-button-label\">Toggle sound effects</span>\n            <simple-icon-lite\n              src=\"", "\"\n              loading=\"lazy\"\n              decoding=\"async\"\n              data-simple-tour-stop\n              data-stop-title=\"data-label\"\n              data-label=\"Sound\"\n            >\n              <div slot=\"tour\" data-stop-content>\n                Not a fan of the awesome sound effects, you can mute them but I\n                highly suggest you dont.....or else.\n              </div>\n            </simple-icon-lite>\n          </wired-button>\n          <simple-tooltip for=\"soundtb\" position=\"bottom\" slot=\"right\"\n            >Toggle sound</simple-tooltip\n          >\n          <app-hax-wired-toggle id=\"wt\" slot=\"right\"></app-hax-wired-toggle>\n          <simple-tooltip for=\"wt\" position=\"bottom\" slot=\"right\"\n            >Toggle dark mode</simple-tooltip\n          >\n          <app-hax-user-menu\n            slot=\"right\"\n            id=\"user-menu\"\n            data-simple-tour-stop\n            data-stop-title=\"data-label\"\n            data-label=\"Menu\"\n          >\n            <div slot=\"tour\" data-stop-content>\n              You want to log out and be someone else? You want to check your\n              sites option? Click your character. Fun Fact....your character is\n              unique to you.\n            </div>\n            <button class=\"topbar-character\" slot=\"menuButton\" id=\"tbchar\">\n              <rpg-character\n                seed=\"", "\"\n                width=\"68\"\n                height=\"68\"\n                aria-label=\"System menu\"\n                title=\"System menu\"\n                hat=\"", "\"\n                @click=\"", "\"\n              ></rpg-character>\n              <span class=\"characterbtn-name\">", "</span>\n            </button>\n            <!-- <app-hax-user-menu-button\n              slot=\"main-menu\"\n              icon=\"face\"\n              label=\"Account Info\"\n            ></app-hax-user-menu-button> -->\n            <app-hax-user-menu-button\n              slot=\"post-menu\"\n              class=\"logout\"\n              label=\"Logout\"\n              @click=", "\n            ></app-hax-user-menu-button>\n          </app-hax-user-menu>\n          <simple-tooltip for=\"tbchar\" position=\"bottom\" slot=\"right\"\n            >System menu</simple-tooltip\n          >\n        </app-hax-top-bar>\n      </header>\n      <main @click=\"", "\">\n        <confetti-container id=\"confetti\">\n          <div class=\"label\">\n            <app-hax-label>\n              ", "\n              ", "\n            </app-hax-label>\n          </div>\n          <random-word\n            key=\"", "\"\n            .phrases=\"", "\"\n            @click=\"", "\"\n          ></random-word>\n          <simple-icon-lite\n            id=\"helpbtn\"\n            @click=\"", "\"\n            src=\"", "\"\n          >\n          </simple-icon-lite>\n          <simple-tooltip for=\"helpbtn\" position=\"bottom\">Help</simple-tooltip>\n          <section class=\"content\">", "</section>\n        </confetti-container>\n      </main>"])), haxLogo, this.isNewUser, soundToggle, this.soundIcon, this.userName, this.userMenuOpen ? "edit" : "none", this.toggleMenu, this.userName, this.logout, this.closeMenu, this.activeItem && !this.siteReady ? (0, _index.html)(_templateObject2_7a2114801f2611eda0c389891c227ec8 || (_templateObject2_7a2114801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <h1>", "</h1>\n                    <div slot=\"subtitle\">\n                      ", "\n                    </div>\n                  "])), this.activeItem.label, this.activeItem && this.activeItem.statement ? this.activeItem.statement.replace(":structure", (0, _mobxEsm.toJS)(_AppHaxStore.store.site.structure)) : "") : "", this.activeItem && this.siteReady ? (0, _index.html)(_templateObject3_7a2114801f2611eda0c389891c227ec8 || (_templateObject3_7a2114801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <h1>", "</h1>\n                    <div slot=\"subtitle\">\n                      Is all ready, are you ready to build?\n                    </div>\n                  "])), (0, _mobxEsm.toJS)(_AppHaxStore.store.site.name)) : "", this.isNewUser ? "new" : "return", this.phrases, this.getNewWord, this.helpClick, helpBtn, this.appBody(this.appMode));
       }
     }, {
       key: "getNewWord",
@@ -533,7 +533,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../../mobx/dist/mob
     }, {
       key: "appBody",
       value: function appBody(routine) {
-        var template = (0, _index.html)(_templateObject4_9f267a701f0511ed8cc3e9a95995ad69 || (_templateObject4_9f267a701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""])));
+        var template = (0, _index.html)(_templateObject4_7a2114801f2611eda0c389891c227ec8 || (_templateObject4_7a2114801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""])));
 
         switch (routine) {
           case "home":
@@ -556,13 +556,13 @@ define(["exports", "meta", "require", "../../lit/index.js", "../../mobx/dist/mob
     }, {
       key: "templateHome",
       value: function templateHome() {
-        return (0, _index.html)(_templateObject5_9f267a701f0511ed8cc3e9a95995ad69 || (_templateObject5_9f267a701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", "\n\n      <app-hax-search-results></app-hax-search-results>"])), !this.searchTerm ? (0, _index.html)(_templateObject6_9f267a701f0511ed8cc3e9a95995ad69 || (_templateObject6_9f267a701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div class=\"start-journey\">\n            <a\n              href=\"createSite-step-1\"\n              @click=\"", "\"\n              tabindex=\"-1\"\n            >\n              <app-hax-site-button\n                label=\"&gt; Start new journey\"\n              ></app-hax-site-button>\n            </a>\n          </div>"])), this.startJourney) : "");
+        return (0, _index.html)(_templateObject5_7a2114801f2611eda0c389891c227ec8 || (_templateObject5_7a2114801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", "\n\n      <app-hax-search-results></app-hax-search-results>"])), !this.searchTerm ? (0, _index.html)(_templateObject6_7a2114801f2611eda0c389891c227ec8 || (_templateObject6_7a2114801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div class=\"start-journey\">\n            <a\n              href=\"createSite-step-1\"\n              @click=\"", "\"\n              tabindex=\"-1\"\n            >\n              <app-hax-site-button\n                label=\"&gt; Start new journey\"\n              ></app-hax-site-button>\n            </a>\n          </div>"])), this.startJourney) : "");
       } // eslint-disable-next-line class-methods-use-this
 
     }, {
       key: "templateCreate",
       value: function templateCreate() {
-        return (0, _index.html)(_templateObject7_9f267a701f0511ed8cc3e9a95995ad69 || (_templateObject7_9f267a701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<app-hax-steps\n      @promise-progress-finished=\"", "\"\n    ></app-hax-steps>"])), this.siteReadyToGo);
+        return (0, _index.html)(_templateObject7_7a2114801f2611eda0c389891c227ec8 || (_templateObject7_7a2114801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<app-hax-steps\n      @promise-progress-finished=\"", "\"\n    ></app-hax-steps>"])), this.siteReadyToGo);
       }
     }, {
       key: "siteReadyToGo",
@@ -584,7 +584,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../../mobx/dist/mob
     }, {
       key: "template404",
       value: function template404() {
-        return (0, _index.html)(_templateObject8_9f267a701f0511ed8cc3e9a95995ad69 || (_templateObject8_9f267a701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div class=\"four04\">\n      <a\n        href=\"createSite-step-1\"\n        class=\"start-journey\"\n        @click=\"", "\"\n        tabindex=\"-1\"\n      >\n        <app-hax-site-button\n          label=\"&gt; Start a new journey\"\n        ></app-hax-site-button>\n      </a>\n      <rpg-character\n        class=\"four04-character\"\n        fire\n        walking\n        width=\"200\"\n        id=\"char404\"\n        height=\"200\"\n        seed=\"", "\"\n      ></rpg-character>\n      <simple-tooltip for=\"char404\" position=\"left\">This</simple-tooltip>\n      <simple-tooltip for=\"char404\" position=\"right\">fine</simple-tooltip>\n      <simple-tooltip for=\"char404\" position=\"bottom\">is</simple-tooltip>\n    </div>"])), this.startJourney, this.userName);
+        return (0, _index.html)(_templateObject8_7a2114801f2611eda0c389891c227ec8 || (_templateObject8_7a2114801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div class=\"four04\">\n      <a\n        href=\"createSite-step-1\"\n        class=\"start-journey\"\n        @click=\"", "\"\n        tabindex=\"-1\"\n      >\n        <app-hax-site-button\n          label=\"&gt; Start a new journey\"\n        ></app-hax-site-button>\n      </a>\n      <rpg-character\n        class=\"four04-character\"\n        fire\n        walking\n        width=\"200\"\n        id=\"char404\"\n        height=\"200\"\n        seed=\"", "\"\n      ></rpg-character>\n      <simple-tooltip for=\"char404\" position=\"left\">This</simple-tooltip>\n      <simple-tooltip for=\"char404\" position=\"right\">fine</simple-tooltip>\n      <simple-tooltip for=\"char404\" position=\"bottom\">is</simple-tooltip>\n    </div>"])), this.startJourney, this.userName);
       } // ensure internal data is unset for store
 
     }, {
@@ -653,7 +653,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../../mobx/dist/mob
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHax), "styles", this)), [(0, _index.css)(_templateObject9_9f267a701f0511ed8cc3e9a95995ad69 || (_templateObject9_9f267a701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --app-hax-background-color-active: var(--app-hax-accent-color);\n        }\n        #home {\n          display: inline-flex;\n        }\n        .wired-button-label {\n          clip: rect(0 0 0 0);\n          clip-path: inset(50%);\n          height: 1px;\n          overflow: hidden;\n          position: absolute;\n          white-space: nowrap;\n          width: 1px;\n        }\n        .topbar-character {\n          cursor: pointer;\n          display: inline-block;\n          border: none;\n          border-radius: 0px;\n          padding: 0 8px;\n          margin: 0 0 0 16px;\n          background-color: transparent;\n          height: 48px;\n          max-width: 160px;\n        }\n        .characterbtn-name {\n          color: var(--simple-colors-default-theme-grey-12);\n          font-family: \"Press Start 2P\", sans-serif;\n          margin-left: 8px;\n          font-size: 12px;\n          vertical-align: bottom;\n          line-height: 48px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          height: 48px;\n          word-break: break-all;\n        }\n        .topbar-character:hover,\n        .topbar-character:focus {\n          background-color: var(--simple-colors-default-theme-light-blue-4);\n          outline: var(--haxcms-color) solid 3px;\n          outline-offset: -3px;\n          height: 48px;\n        }\n        .topbar-character rpg-character {\n          margin: -4px -14px 0px -10px;\n          height: 52px;\n          width: 64px;\n          display: inline-block;\n        }\n        .content {\n          text-align: center;\n          margin-top: 24px;\n        }\n        .four04-character {\n          margin-top: 16px;\n        }\n        .start-journey {\n          display: flex;\n          padding-top: 40px;\n          justify-content: center;\n        }\n        app-hax-site-button {\n          max-width: 60vw;\n          justify-content: center;\n        }\n        app-hax-top-bar {\n          top: 0;\n          z-index: 1000;\n          right: 0;\n          left: 0;\n          position: fixed;\n        }\n        @media (max-width: 780px) {\n          app-hax-top-bar::part(top-bar) {\n            grid-template-columns: 20% 20% 60%;\n          }\n        }\n        @media (max-width: 600px) {\n          app-hax-top-bar::part(top-bar) {\n            grid-template-columns: 10% 30% 60%;\n          }\n        }\n        .label {\n          text-align: center;\n        }\n        app-hax-label {\n          animation: 0.8s ease-in-out 0s scrollin;\n          -webkit-animation: 0.8s ease-in-out 0s scrollin;\n          display: block;\n          overflow: hidden;\n        }\n        app-hax-label h1 {\n          font-weight: normal;\n          font-size: 4vw;\n          margin: 0;\n          padding: 0;\n        }\n        @keyframes scrollin {\n          from {\n            margin-top: -240px;\n            margin-bottom: 240px;\n          }\n          to {\n            margin-top: 0;\n            margin-bottom: 0;\n          }\n        }\n        .haxLogo {\n          --simple-icon-height: 40px;\n          --simple-icon-width: 40px;\n          margin: 4px;\n          color: var(--simple-colors-default-theme-grey-12);\n          cursor: pointer;\n        }\n        .soundToggle {\n          margin-right: 16px;\n          position: relative;\n          display: inline-flex;\n          vertical-align: top;\n        }\n\n        .soundToggle img {\n          width: 24px;\n          height: 24px;\n        }\n\n        app-hax-search-bar {\n          vertical-align: middle;\n          display: inline-flex;\n        }\n        main {\n          padding-top: 80px;\n        }\n        @media (max-width: 900px) {\n          .characterbtn-name {\n            display: none;\n          }\n          main {\n            padding-top: 64px;\n          }\n        }\n        app-hax-user-menu {\n          z-index: 1003;\n        }\n        .logout::part(menu-button) {\n          background-image: url(\"", "\");\n          background-repeat: no-repeat;\n          background-position: center;\n          text-align: center;\n          background-size: cover;\n          border-top: 0px;\n          border-bottom: 0px;\n          padding: 10px;\n        }\n        app-hax-user-menu app-hax-user-menu-button::part(menu-button) {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 12px;\n        }\n\n        random-word:not(:defined) {\n          display: none;\n        }\n        random-word {\n          transform: rotate(25deg);\n          position: absolute;\n          right: 10px;\n          top: 120px;\n          padding: 12px;\n          font-size: 12px;\n          border: 4px solid var(--simple-colors-default-theme-grey-12);\n          background-color: var(--simple-colors-default-theme-yellow-5);\n          color: var(--simple-colors-default-theme-grey-12);\n          width: 100px;\n          word-wrap: break-word;\n          text-align: center;\n          cursor: pointer;\n          user-select: none;\n          opacity: 1;\n          visibility: visible;\n          transition: all 0.3s ease-in-out;\n        }\n        #helpbtn {\n          --simple-icon-height: 50px;\n          --simple-icon-width: 50px;\n          right: 200px;\n          top: 100px;\n          padding: 4px;\n          background-color: var(--simple-colors-default-theme-grey-1);\n          border-radius: 50%;\n          position: absolute;\n          color: var(--simple-colors-default-theme-grey-12);\n          border: var(--simple-colors-default-theme-grey-12) 4px solid;\n          cursor: pointer;\n        }\n        @media (max-width: 800px) {\n          app-hax-site-button {\n            width: 320px;\n            max-width: 60vw;\n            --app-hax-site-button-font-size: 16px;\n          }\n          #helpbtn {\n            --simple-icon-height: 40px;\n            --simple-icon-width: 40px;\n            right: 8px;\n            top: 64px;\n            padding: 2px;\n            border: var(--simple-colors-default-theme-grey-12) 2px solid;\n          }\n        }\n        @media (prefers-reduced-motion: reduce) {\n          app-hax-label {\n            animation: none;\n            -webkit-animation: none;\n          }\n        }\n        @media (max-width: 680px) {\n          random-word {\n            visibility: none;\n            opacity: 0;\n          }\n        }\n        @media (max-height: 700px) {\n          .content {\n            margin-top: 4px;\n          }\n          random-word {\n            visibility: none;\n            opacity: 0;\n          }\n          .start-journey {\n            padding-top: 0;\n          }\n        }\n        @media (max-height: 500px) {\n          app-hax-label h1 {\n            font-family: monospace;\n            font-weight: normal;\n            font-size: 4vw;\n            margin: 0;\n            padding: 0;\n          }\n        }\n      "])), (0, _index.unsafeCSS)(logoutBtn))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHax), "styles", this)), [(0, _index.css)(_templateObject9_7a2114801f2611eda0c389891c227ec8 || (_templateObject9_7a2114801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --app-hax-background-color-active: var(--app-hax-accent-color);\n        }\n        #home {\n          display: inline-flex;\n        }\n        .wired-button-label {\n          clip: rect(0 0 0 0);\n          clip-path: inset(50%);\n          height: 1px;\n          overflow: hidden;\n          position: absolute;\n          white-space: nowrap;\n          width: 1px;\n        }\n        .topbar-character {\n          cursor: pointer;\n          display: inline-block;\n          border: none;\n          border-radius: 0px;\n          padding: 0 8px;\n          margin: 0 0 0 16px;\n          background-color: transparent;\n          height: 48px;\n          max-width: 160px;\n        }\n        .characterbtn-name {\n          color: var(--simple-colors-default-theme-grey-12);\n          font-family: \"Press Start 2P\", sans-serif;\n          margin-left: 8px;\n          font-size: 12px;\n          vertical-align: bottom;\n          line-height: 48px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          height: 48px;\n          word-break: break-all;\n        }\n        .topbar-character:hover,\n        .topbar-character:focus {\n          background-color: var(--simple-colors-default-theme-light-blue-4);\n          outline: var(--haxcms-color) solid 3px;\n          outline-offset: -3px;\n          height: 48px;\n        }\n        .topbar-character rpg-character {\n          margin: -4px -14px 0px -10px;\n          height: 52px;\n          width: 64px;\n          display: inline-block;\n        }\n        .content {\n          text-align: center;\n          margin-top: 24px;\n        }\n        .four04-character {\n          margin-top: 16px;\n        }\n        .start-journey {\n          display: flex;\n          padding-top: 40px;\n          justify-content: center;\n        }\n        app-hax-site-button {\n          max-width: 60vw;\n          justify-content: center;\n        }\n        app-hax-top-bar {\n          top: 0;\n          z-index: 1000;\n          right: 0;\n          left: 0;\n          position: fixed;\n        }\n        @media (max-width: 780px) {\n          app-hax-top-bar::part(top-bar) {\n            grid-template-columns: 20% 20% 60%;\n          }\n        }\n        @media (max-width: 600px) {\n          app-hax-top-bar::part(top-bar) {\n            grid-template-columns: 10% 30% 60%;\n          }\n        }\n        .label {\n          text-align: center;\n        }\n        app-hax-label {\n          animation: 0.8s ease-in-out 0s scrollin;\n          -webkit-animation: 0.8s ease-in-out 0s scrollin;\n          display: block;\n          overflow: hidden;\n        }\n        app-hax-label h1 {\n          font-weight: normal;\n          font-size: 4vw;\n          margin: 0;\n          padding: 0;\n        }\n        @keyframes scrollin {\n          from {\n            margin-top: -240px;\n            margin-bottom: 240px;\n          }\n          to {\n            margin-top: 0;\n            margin-bottom: 0;\n          }\n        }\n        .haxLogo {\n          --simple-icon-height: 40px;\n          --simple-icon-width: 40px;\n          margin: 4px;\n          color: var(--simple-colors-default-theme-grey-12);\n          cursor: pointer;\n        }\n        .soundToggle {\n          margin-right: 16px;\n          position: relative;\n          display: inline-flex;\n          vertical-align: top;\n        }\n\n        .soundToggle img {\n          width: 24px;\n          height: 24px;\n        }\n\n        app-hax-search-bar {\n          vertical-align: middle;\n          display: inline-flex;\n        }\n        main {\n          padding-top: 80px;\n        }\n        @media (max-width: 900px) {\n          .characterbtn-name {\n            display: none;\n          }\n          main {\n            padding-top: 64px;\n          }\n        }\n        app-hax-user-menu {\n          z-index: 1003;\n        }\n        .logout::part(menu-button) {\n          background-image: url(\"", "\");\n          background-repeat: no-repeat;\n          background-position: center;\n          text-align: center;\n          background-size: cover;\n          border-top: 0px;\n          border-bottom: 0px;\n          padding: 10px;\n        }\n        app-hax-user-menu app-hax-user-menu-button::part(menu-button) {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 12px;\n        }\n\n        random-word:not(:defined) {\n          display: none;\n        }\n        random-word {\n          transform: rotate(25deg);\n          position: absolute;\n          right: 10px;\n          top: 120px;\n          padding: 12px;\n          font-size: 12px;\n          border: 4px solid var(--simple-colors-default-theme-grey-12);\n          background-color: var(--simple-colors-default-theme-yellow-5);\n          color: var(--simple-colors-default-theme-grey-12);\n          width: 100px;\n          word-wrap: break-word;\n          text-align: center;\n          cursor: pointer;\n          user-select: none;\n          opacity: 1;\n          visibility: visible;\n          transition: all 0.3s ease-in-out;\n        }\n        #helpbtn {\n          --simple-icon-height: 50px;\n          --simple-icon-width: 50px;\n          right: 200px;\n          top: 100px;\n          padding: 4px;\n          background-color: var(--simple-colors-default-theme-grey-1);\n          border-radius: 50%;\n          position: absolute;\n          color: var(--simple-colors-default-theme-grey-12);\n          border: var(--simple-colors-default-theme-grey-12) 4px solid;\n          cursor: pointer;\n        }\n        @media (max-width: 800px) {\n          app-hax-site-button {\n            width: 320px;\n            max-width: 60vw;\n            --app-hax-site-button-font-size: 16px;\n          }\n          #helpbtn {\n            --simple-icon-height: 40px;\n            --simple-icon-width: 40px;\n            right: 8px;\n            top: 64px;\n            padding: 2px;\n            border: var(--simple-colors-default-theme-grey-12) 2px solid;\n          }\n        }\n        @media (prefers-reduced-motion: reduce) {\n          app-hax-label {\n            animation: none;\n            -webkit-animation: none;\n          }\n        }\n        @media (max-width: 680px) {\n          random-word {\n            visibility: none;\n            opacity: 0;\n          }\n        }\n        @media (max-height: 700px) {\n          .content {\n            margin-top: 4px;\n          }\n          random-word {\n            visibility: none;\n            opacity: 0;\n          }\n          .start-journey {\n            padding-top: 0;\n          }\n        }\n        @media (max-height: 500px) {\n          app-hax-label h1 {\n            font-family: monospace;\n            font-weight: normal;\n            font-size: 4vw;\n            margin: 0;\n            padding: 0;\n          }\n        }\n      "])), (0, _index.unsafeCSS)(logoutBtn))]);
       }
     }]);
     return AppHax;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/random-word/random-word.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/random-word/random-word.js
index 9841d920599..8727ccf34a7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/random-word/random-word.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/random-word/random-word.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.RandomWord = void 0;
 
-  var _templateObject_e753a6b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd736cb01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -59,7 +59,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e753a6b01f0511ed8cc3e9a95995ad69 || (_templateObject_e753a6b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
+        return (0, _index.html)(_templateObject_bd736cb01f2611eda0c389891c227ec8 || (_templateObject_bd736cb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
       }
     }], [{
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/rpg-character-toast/rpg-character-toast.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/rpg-character-toast/rpg-character-toast.js
index 3de05dc6891..66addee40bd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/rpg-character-toast/rpg-character-toast.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/rpg-character-toast/rpg-character-toast.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-toast/li
   _exports.RPGCharacterToast = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_e75888b01f0511ed8cc3e9a95995ad69, _templateObject2_e75888b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd7122c01f2611eda0c389891c227ec8, _templateObject2_bd7122c01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -55,7 +55,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-toast/li
     babelHelpers.createClass(RPGCharacterToast, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e75888b01f0511ed8cc3e9a95995ad69 || (_templateObject_e75888b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div class=\"bubble\">\n      <span class=\"bubble leftedge\"></span>\n      <span class=\"bubble mid\">\n        ", "\n        <slot></slot>\n      </span>\n      <span class=\"bubble rightedge\"></span>\n      <rpg-character\n        height=\"130\"\n        width=\"130\"\n        seed=\"", "\"\n        ?fire=\"", "\"\n        hat=\"", "\"\n        ?walking=\"", "\"\n      ></rpg-character>\n    </div>"])), this.text, this.userName, this.fire, this.hat, this.walking);
+        return (0, _index.html)(_templateObject_bd7122c01f2611eda0c389891c227ec8 || (_templateObject_bd7122c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div class=\"bubble\">\n      <span class=\"bubble leftedge\"></span>\n      <span class=\"bubble mid\">\n        ", "\n        <slot></slot>\n      </span>\n      <span class=\"bubble rightedge\"></span>\n      <rpg-character\n        height=\"130\"\n        width=\"130\"\n        seed=\"", "\"\n        ?fire=\"", "\"\n        hat=\"", "\"\n        ?walking=\"", "\"\n      ></rpg-character>\n    </div>"])), this.text, this.userName, this.fire, this.hat, this.walking);
       }
     }, {
       key: "connectedCallback",
@@ -190,7 +190,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-toast/li
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(RPGCharacterToast), "styles", this)), [(0, _index.css)(_templateObject2_e75888b01f0511ed8cc3e9a95995ad69 || (_templateObject2_e75888b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([opened]) {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        :host {\n          --simple-toast-bottom: 0px;\n          height: 142px;\n          display: none;\n          width: var(--simple-toast-width, auto);\n          color: var(\n            --simple-toast-color,\n            var(--simple-colors-default-theme-accent-12, black)\n          );\n          background-color: transparent;\n          top: var(--simple-toast-top);\n          margin: var(--simple-toast-margin, 4px);\n          padding: var(--simple-toast-padding, 4px);\n          bottom: var(--simple-toast-bottom, 36px);\n          right: var(--simple-toast-right, 0px);\n          border: var(--simple-toast-border);\n          z-index: var(--simple-toast-z-index, 10000000);\n          font-size: var(--simple-toast-font-size, 18px);\n          font-family: \"Press Start 2P\", sans-serif;\n          font-weight: bold;\n          text-align: center;\n          vertical-align: middle;\n        }\n        rpg-character {\n          margin: 30px -30px 0 -30px;\n          width: 145px;\n        }\n        .bubble {\n          height: 142px;\n          display: inline-flex;\n          margin-top: 6px;\n        }\n        .mid {\n          line-height: 142px;\n          background-color: white;\n          background-repeat: repeat-x;\n          background-image: url(\"", "\");\n        }\n        .leftedge {\n          background-image: url(\"", "\");\n          width: 24px;\n          background-color: white;\n        }\n        .rightedge {\n          background-image: url(\"", "\");\n          width: 54px;\n          background-color: white;\n        }\n        :host([dark-mode]) .mid,\n        :host([dark-mode]) .leftedge,\n        :host([dark-mode]) .rightedge {\n          filter: invert(1);\n        }\n        @media (max-width: 800px) {\n          :host {\n            --simple-toast-width: 80vw;\n            --simple-toast-font-size: 12px;\n          }\n          rpg-character {\n            width: 100px;\n            margin: 70px -24px 0 -24px;\n          }\n        }\n        @media (max-width: 500px) {\n          :host {\n            height: 50px;\n            line-height: 50px;\n            border: none;\n          }\n          rpg-character {\n            display: none;\n          }\n          .rightedge {\n            display: none;\n          }\n          .leftedge {\n            display: none;\n          }\n          .mid {\n            height: 50px;\n            line-height: 50px;\n            background-image: unset;\n          }\n          .bubble {\n            height: 50px;\n            margin: 0;\n            border: 2px solid black;\n            border-radius: 5px;\n          }\n        }\n      "])), (0, _index.unsafeCSS)(SpeechBubbleMiddle), (0, _index.unsafeCSS)(SpeechBubbleL), (0, _index.unsafeCSS)(SpeechBubbleR))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(RPGCharacterToast), "styles", this)), [(0, _index.css)(_templateObject2_bd7122c01f2611eda0c389891c227ec8 || (_templateObject2_bd7122c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([opened]) {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        :host {\n          --simple-toast-bottom: 0px;\n          height: 142px;\n          display: none;\n          width: var(--simple-toast-width, auto);\n          color: var(\n            --simple-toast-color,\n            var(--simple-colors-default-theme-accent-12, black)\n          );\n          background-color: transparent;\n          top: var(--simple-toast-top);\n          margin: var(--simple-toast-margin, 4px);\n          padding: var(--simple-toast-padding, 4px);\n          bottom: var(--simple-toast-bottom, 36px);\n          right: var(--simple-toast-right, 0px);\n          border: var(--simple-toast-border);\n          z-index: var(--simple-toast-z-index, 10000000);\n          font-size: var(--simple-toast-font-size, 18px);\n          font-family: \"Press Start 2P\", sans-serif;\n          font-weight: bold;\n          text-align: center;\n          vertical-align: middle;\n        }\n        rpg-character {\n          margin: 30px -30px 0 -30px;\n          width: 145px;\n        }\n        .bubble {\n          height: 142px;\n          display: inline-flex;\n          margin-top: 6px;\n        }\n        .mid {\n          line-height: 142px;\n          background-color: white;\n          background-repeat: repeat-x;\n          background-image: url(\"", "\");\n        }\n        .leftedge {\n          background-image: url(\"", "\");\n          width: 24px;\n          background-color: white;\n        }\n        .rightedge {\n          background-image: url(\"", "\");\n          width: 54px;\n          background-color: white;\n        }\n        :host([dark-mode]) .mid,\n        :host([dark-mode]) .leftedge,\n        :host([dark-mode]) .rightedge {\n          filter: invert(1);\n        }\n        @media (max-width: 800px) {\n          :host {\n            --simple-toast-width: 80vw;\n            --simple-toast-font-size: 12px;\n          }\n          rpg-character {\n            width: 100px;\n            margin: 70px -24px 0 -24px;\n          }\n        }\n        @media (max-width: 500px) {\n          :host {\n            height: 50px;\n            line-height: 50px;\n            border: none;\n          }\n          rpg-character {\n            display: none;\n          }\n          .rightedge {\n            display: none;\n          }\n          .leftedge {\n            display: none;\n          }\n          .mid {\n            height: 50px;\n            line-height: 50px;\n            background-image: unset;\n          }\n          .bubble {\n            height: 50px;\n            margin: 0;\n            border: 2px solid black;\n            border-radius: 5px;\n          }\n        }\n      "])), (0, _index.unsafeCSS)(SpeechBubbleMiddle), (0, _index.unsafeCSS)(SpeechBubbleL), (0, _index.unsafeCSS)(SpeechBubbleR))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/AppHaxBackendAPI.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/AppHaxBackendAPI.js
index d9844699274..80a00caf490 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/AppHaxBackendAPI.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/AppHaxBackendAPI.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "../../../utils/utils.js", "../..
   });
   _exports.AppHaxBackendAPI = _exports.AppHaxAPI = void 0;
 
-  var _templateObject_afea78701f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a17fe801f2611eda0c389891c227ec8;
 
   function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && babelHelpers.instanceof(outerFn.prototype, Generator) ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == babelHelpers.typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
@@ -52,7 +52,7 @@ define(["exports", "../../../../lit/index.js", "../../../utils/utils.js", "../..
     babelHelpers.createClass(AppHaxBackendAPI, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_afea78701f0511ed8cc3e9a95995ad69 || (_templateObject_afea78701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<jwt-login\n      jwt=\"", "\"\n      url=\"", "\"\n      method=\"", "\"\n      refresh-url=\"", "\"\n      redirect-url=\"", "\"\n      logout-url=\"", "\"\n      id=\"jwt\"\n      @jwt-changed=\"", "\"\n      @jwt-login-login-failed=\"", "\"\n    ></jwt-login>"])), this.jwt, this.appSettings.login, this.method, this.appSettings.refreshUrl, this.appSettings.redirectUrl, this.appSettings.logout, this.jwtChanged, this.jwtFailed);
+        return (0, _index.html)(_templateObject_8a17fe801f2611eda0c389891c227ec8 || (_templateObject_8a17fe801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<jwt-login\n      jwt=\"", "\"\n      url=\"", "\"\n      method=\"", "\"\n      refresh-url=\"", "\"\n      redirect-url=\"", "\"\n      logout-url=\"", "\"\n      id=\"jwt\"\n      @jwt-changed=\"", "\"\n      @jwt-login-login-failed=\"", "\"\n    ></jwt-login>"])), this.jwt, this.appSettings.login, this.method, this.appSettings.refreshUrl, this.appSettings.redirectUrl, this.appSettings.logout, this.jwtChanged, this.jwtFailed);
       } // failed to get valid JWT, wipe current
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-button.js
index e058df1fef8..ab084457c70 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-button.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../simple-icon/lib/simple-icon-lite.js", "../.
   _exports.AppHaxButton = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_affcc7f01f0511ed8cc3e9a95995ad69, _templateObject2_affcc7f01f0511ed8cc3e9a95995ad69, _templateObject3_affcc7f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a2a4e001f2611eda0c389891c227ec8, _templateObject2_8a2a4e001f2611eda0c389891c227ec8, _templateObject3_8a2a4e001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -134,7 +134,7 @@ define(["exports", "meta", "../../../simple-icon/lib/simple-icon-lite.js", "../.
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_affcc7f01f0511ed8cc3e9a95995ad69 || (_templateObject_affcc7f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <wired-button\n        elevation=", "\n        ?disabled=", "\n        class=\"haxButton\"\n      >\n        <div id=\"container\">\n          <simple-icon-lite icon=", "> </simple-icon-lite>\n          <div class=\"type\">", "</div>\n        </div>\n        ", "\n      </wired-button>\n    "])), this.elevation, this.disabled || this.comingSoon, this.icon, this.type, this.comingSoon ? (0, _index.html)(_templateObject2_affcc7f01f0511ed8cc3e9a95995ad69 || (_templateObject2_affcc7f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<img\n              src=\"", "\"\n              loading=\"lazy\"\n              decoding=\"async\"\n              fetchpriority=\"low\"\n              alt=\"Feature coming soon\"\n              class=\"coming-soon\"\n            />"])), postIt) : "");
+        return (0, _index.html)(_templateObject_8a2a4e001f2611eda0c389891c227ec8 || (_templateObject_8a2a4e001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <wired-button\n        elevation=", "\n        ?disabled=", "\n        class=\"haxButton\"\n      >\n        <div id=\"container\">\n          <simple-icon-lite icon=", "> </simple-icon-lite>\n          <div class=\"type\">", "</div>\n        </div>\n        ", "\n      </wired-button>\n    "])), this.elevation, this.disabled || this.comingSoon, this.icon, this.type, this.comingSoon ? (0, _index.html)(_templateObject2_8a2a4e001f2611eda0c389891c227ec8 || (_templateObject2_8a2a4e001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<img\n              src=\"", "\"\n              loading=\"lazy\"\n              decoding=\"async\"\n              fetchpriority=\"low\"\n              alt=\"Feature coming soon\"\n              class=\"coming-soon\"\n            />"])), postIt) : "");
       }
     }], [{
       key: "tag",
@@ -174,7 +174,7 @@ define(["exports", "meta", "../../../simple-icon/lib/simple-icon-lite.js", "../.
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_affcc7f01f0511ed8cc3e9a95995ad69 || (_templateObject3_affcc7f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --background-color: transparent;\n          --background-color-active: white;\n          font-family: \"Press Start 2P\", sans-serif;\n        }\n        :host([coming-soon]) .haxButton {\n          pointer-events: none;\n          background-color: var(--simple-colors-default-theme-grey-6);\n        }\n        :host([active]) .haxButton {\n          color: var(\n            --app-hax-background-color,\n            var(--background-color-active)\n          );\n          background-color: var(--app-hax-accent-color, var(--accent-color));\n        }\n        :host([active]) simple-icon-lite {\n          --simple-icon-color: var(\n            --app-hax-background-color,\n            var(--background-color-active)\n          );\n        }\n        :host([active]) .type {\n          background-color: var(--app-hax-accent-color, var(--accent-color));\n          color: var(\n            --app-hax-background-color,\n            var(--background-color-active)\n          );\n        }\n\n        #container {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-around;\n          width: 132px;\n          height: 112px;\n        }\n        .coming-soon {\n          display: block;\n          height: 114px;\n          width: 140px;\n          z-index: 1;\n          position: absolute;\n          margin-top: -75px;\n        }\n        .haxButton {\n          background-color: var(\n            --app-hax-background-color,\n            var(--background-color)\n          );\n          color: var(--app-hax-accent-color, var(--accent-color));\n          display: inline-flex;\n        }\n        simple-icon-lite {\n          --simple-icon-width: 60px;\n          --simple-icon-height: 60px;\n          --simple-icon-color: var(--app-hax-accent-color, var(--accent-color));\n        }\n        .type {\n          font-size: 10px;\n          color: var(--app-hax-accent-color, var(--accent-color));\n        }\n        @media (max-width: 800px) {\n          #container {\n            width: 100px;\n            height: 75px;\n          }\n          .coming-soon {\n            margin-top: -50px;\n            height: 114px;\n            width: 100px;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_8a2a4e001f2611eda0c389891c227ec8 || (_templateObject3_8a2a4e001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --background-color: transparent;\n          --background-color-active: white;\n          font-family: \"Press Start 2P\", sans-serif;\n        }\n        :host([coming-soon]) .haxButton {\n          pointer-events: none;\n          background-color: var(--simple-colors-default-theme-grey-6);\n        }\n        :host([active]) .haxButton {\n          color: var(\n            --app-hax-background-color,\n            var(--background-color-active)\n          );\n          background-color: var(--app-hax-accent-color, var(--accent-color));\n        }\n        :host([active]) simple-icon-lite {\n          --simple-icon-color: var(\n            --app-hax-background-color,\n            var(--background-color-active)\n          );\n        }\n        :host([active]) .type {\n          background-color: var(--app-hax-accent-color, var(--accent-color));\n          color: var(\n            --app-hax-background-color,\n            var(--background-color-active)\n          );\n        }\n\n        #container {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-around;\n          width: 132px;\n          height: 112px;\n        }\n        .coming-soon {\n          display: block;\n          height: 114px;\n          width: 140px;\n          z-index: 1;\n          position: absolute;\n          margin-top: -75px;\n        }\n        .haxButton {\n          background-color: var(\n            --app-hax-background-color,\n            var(--background-color)\n          );\n          color: var(--app-hax-accent-color, var(--accent-color));\n          display: inline-flex;\n        }\n        simple-icon-lite {\n          --simple-icon-width: 60px;\n          --simple-icon-height: 60px;\n          --simple-icon-color: var(--app-hax-accent-color, var(--accent-color));\n        }\n        .type {\n          font-size: 10px;\n          color: var(--app-hax-accent-color, var(--accent-color));\n        }\n        @media (max-width: 800px) {\n          #container {\n            width: 100px;\n            height: 75px;\n          }\n          .coming-soon {\n            margin-top: -50px;\n            height: 114px;\n            width: 100px;\n          }\n        }\n      "])))];
       }
     }]);
     return AppHaxButton;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-hat-progress.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-hat-progress.js
index 4dd71765908..2595d97c045 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-hat-progress.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-hat-progress.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-colors/s
   _exports.AppHaxHatProgress = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_b00442001f0511ed8cc3e9a95995ad69, _templateObject2_b00442001f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a2e93c01f2611eda0c389891c227ec8, _templateObject2_8a2e93c01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -155,7 +155,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-colors/s
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b00442001f0511ed8cc3e9a95995ad69 || (_templateObject_b00442001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <img\n        src=\"", "\"\n        alt=\"\"\n      />\n      <promise-progress\n        id=\"progress2\"\n        accent-color=\"red\"\n        ?dark=\"", "\"\n        class=\"progress\"\n        .list=", "\n      ></promise-progress>\n      <div class=\"count\"><span id=\"value\">0</span>%</div>\n    "])), new URL("../assets/images/HatBlank.svg", meta.url).href, this.dark, this.promises);
+        return (0, _index.html)(_templateObject_8a2e93c01f2611eda0c389891c227ec8 || (_templateObject_8a2e93c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <img\n        src=\"", "\"\n        alt=\"\"\n      />\n      <promise-progress\n        id=\"progress2\"\n        accent-color=\"red\"\n        ?dark=\"", "\"\n        class=\"progress\"\n        .list=", "\n      ></promise-progress>\n      <div class=\"count\"><span id=\"value\">0</span>%</div>\n    "])), new URL("../assets/images/HatBlank.svg", meta.url).href, this.dark, this.promises);
       }
     }], [{
       key: "tag",
@@ -174,7 +174,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-colors/s
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxHatProgress), "styles", this)), [(0, _index.css)(_templateObject2_b00442001f0511ed8cc3e9a95995ad69 || (_templateObject2_b00442001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          height: 400px;\n          width: 400px;\n        }\n        img {\n          width: 400px;\n          height: 400px;\n          pointer-events: none;\n        }\n        .progress {\n          margin: -148px 0 0 10px;\n          z-index: -1;\n        }\n        .progress::part(progress) {\n          height: 100px;\n          width: 338px;\n          margin-top: -1px 0 0 -4px;\n        }\n\n        .progress::part(progress)::-moz-progress-bar {\n          background-color: red;\n          height: 50px;\n          margin: 24px 0 0 0;\n          border: none;\n        }\n\n        .count {\n          color: var(--simple-colors-default-theme-grey-1, white);\n          font-family: \"Press Start 2P\", sans-serif;\n          width: 350px;\n          text-align: center;\n          position: relative;\n          display: block;\n          font-size: 30px;\n          margin-top: -250px;\n          margin-left: 30px;\n        }\n        .game {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 28px;\n          font-weight: bold;\n          text-align: center;\n          width: 310px;\n          background-color: var(--simple-colors-default-theme-red-7, red);\n          color: var(--simple-colors-default-theme-grey-1, white);\n          border: 0px;\n          height: 54px;\n          display: block;\n          position: relative;\n          margin: 138px 0px 0px 52px;\n          padding: 0;\n          box-sizing: border-box;\n        }\n        .game:focus,\n        .game:hover {\n          cursor: pointer;\n          background-color: var(--simple-colors-default-theme-red-8);\n          color: var(--simple-colors-default-theme-grey-2);\n        }\n        .game:active {\n          cursor: progress;\n          background-color: var(--simple-colors-default-theme-red-10);\n          color: var(--simple-colors-default-theme-grey-5);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxHatProgress), "styles", this)), [(0, _index.css)(_templateObject2_8a2e93c01f2611eda0c389891c227ec8 || (_templateObject2_8a2e93c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          height: 400px;\n          width: 400px;\n        }\n        img {\n          width: 400px;\n          height: 400px;\n          pointer-events: none;\n        }\n        .progress {\n          margin: -148px 0 0 10px;\n          z-index: -1;\n        }\n        .progress::part(progress) {\n          height: 100px;\n          width: 338px;\n          margin-top: -1px 0 0 -4px;\n        }\n\n        .progress::part(progress)::-moz-progress-bar {\n          background-color: red;\n          height: 50px;\n          margin: 24px 0 0 0;\n          border: none;\n        }\n\n        .count {\n          color: var(--simple-colors-default-theme-grey-1, white);\n          font-family: \"Press Start 2P\", sans-serif;\n          width: 350px;\n          text-align: center;\n          position: relative;\n          display: block;\n          font-size: 30px;\n          margin-top: -250px;\n          margin-left: 30px;\n        }\n        .game {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 28px;\n          font-weight: bold;\n          text-align: center;\n          width: 310px;\n          background-color: var(--simple-colors-default-theme-red-7, red);\n          color: var(--simple-colors-default-theme-grey-1, white);\n          border: 0px;\n          height: 54px;\n          display: block;\n          position: relative;\n          margin: 138px 0px 0px 52px;\n          padding: 0;\n          box-sizing: border-box;\n        }\n        .game:focus,\n        .game:hover {\n          cursor: pointer;\n          background-color: var(--simple-colors-default-theme-red-8);\n          color: var(--simple-colors-default-theme-grey-2);\n        }\n        .game:active {\n          cursor: progress;\n          background-color: var(--simple-colors-default-theme-red-10);\n          color: var(--simple-colors-default-theme-grey-5);\n        }\n      "])))]);
       }
     }]);
     return AppHaxHatProgress;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-label.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-label.js
index b5d86f77e0c..f312d41f33f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-label.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-label.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "../../../future-terminal-text/fu
   });
   _exports.AppHaxLabel = void 0;
 
-  var _templateObject_b005efb01f0511ed8cc3e9a95995ad69, _templateObject2_b005efb01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a3041701f2611eda0c389891c227ec8, _templateObject2_8a3041701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -30,7 +30,7 @@ define(["exports", "../../../../lit/index.js", "../../../future-terminal-text/fu
     babelHelpers.createClass(AppHaxLabel, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b005efb01f0511ed8cc3e9a95995ad69 || (_templateObject_b005efb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"topBar\">\n        <div class=\"title\" part=\"title\">\n          <span class=\"bracket\">&#60;</span><slot>", "</slot\n          ><span class=\"bracket\">&#62;</span>\n        </div>\n        <div class=\"subtitle\" part=\"subtitle\">\n          <slot name=\"subtitle\">", "</slot>\n        </div>\n      </div>\n    "])), this.title, this.subtitle);
+        return (0, _index.html)(_templateObject_8a3041701f2611eda0c389891c227ec8 || (_templateObject_8a3041701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"topBar\">\n        <div class=\"title\" part=\"title\">\n          <span class=\"bracket\">&#60;</span><slot>", "</slot\n          ><span class=\"bracket\">&#62;</span>\n        </div>\n        <div class=\"subtitle\" part=\"subtitle\">\n          <slot name=\"subtitle\">", "</slot>\n        </div>\n      </div>\n    "])), this.title, this.subtitle);
       }
     }], [{
       key: "tag",
@@ -54,7 +54,7 @@ define(["exports", "../../../../lit/index.js", "../../../future-terminal-text/fu
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject2_b005efb01f0511ed8cc3e9a95995ad69 || (_templateObject2_b005efb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        font-family: \"Press Start 2P\", sans-serif;\n        text-align: center;\n      }\n\n      .title {\n        -webkit-text-stroke: 1px\n          var(--app-hax-accent-color, var(--accent-color));\n        -webkit-text-fill-color: var(\n          --app-hax-background-color,\n          var(--background-color)\n        );\n        font-weight: normal;\n        font-size: 3.5vw;\n        display: inline-flex;\n        align-items: center;\n      }\n\n      .subtitle {\n        color: var(--app-hax-accent-color, var(--accent-color));\n        font-weight: normal;\n        margin-top: 2px;\n        font-size: 20px;\n      }\n      @media (max-width: 700px) {\n        .subtitle {\n          font-size: 12px;\n        }\n      }\n\n      .bracket {\n        font-size: 8vw;\n        font-weight: normal;\n        vertical-align: middle;\n        -webkit-text-stroke: 0px;\n        -webkit-text-fill-color: var(\n          --app-hax-accent-color,\n          var(--accent-color)\n        );\n      }\n      @media (max-height: 500px) {\n        .title {\n          -webkit-text-stroke: unset;\n          -webkit-text-fill-color: unset;\n        }\n        .bracket {\n          font-size: 4vw;\n          margin: 0;\n          padding: 0;\n        }\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_8a3041701f2611eda0c389891c227ec8 || (_templateObject2_8a3041701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        font-family: \"Press Start 2P\", sans-serif;\n        text-align: center;\n      }\n\n      .title {\n        -webkit-text-stroke: 1px\n          var(--app-hax-accent-color, var(--accent-color));\n        -webkit-text-fill-color: var(\n          --app-hax-background-color,\n          var(--background-color)\n        );\n        font-weight: normal;\n        font-size: 3.5vw;\n        display: inline-flex;\n        align-items: center;\n      }\n\n      .subtitle {\n        color: var(--app-hax-accent-color, var(--accent-color));\n        font-weight: normal;\n        margin-top: 2px;\n        font-size: 20px;\n      }\n      @media (max-width: 700px) {\n        .subtitle {\n          font-size: 12px;\n        }\n      }\n\n      .bracket {\n        font-size: 8vw;\n        font-weight: normal;\n        vertical-align: middle;\n        -webkit-text-stroke: 0px;\n        -webkit-text-fill-color: var(\n          --app-hax-accent-color,\n          var(--accent-color)\n        );\n      }\n      @media (max-height: 500px) {\n        .title {\n          -webkit-text-stroke: unset;\n          -webkit-text-fill-color: unset;\n        }\n        .bracket {\n          font-size: 4vw;\n          margin: 0;\n          padding: 0;\n        }\n      }\n    "])));
       }
     }]);
     return AppHaxLabel;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-search-bar.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-search-bar.js
index 208021e00f7..1c4d5380c6a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-search-bar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-search-bar.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "../../../simple-tooltip/simple-t
   });
   _exports.AppHaxSearchBar = void 0;
 
-  var _templateObject_b00812901f0511ed8cc3e9a95995ad69, _templateObject2_b00812901f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a328b601f2611eda0c389891c227ec8, _templateObject2_8a328b601f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -57,7 +57,7 @@ define(["exports", "../../../../lit/index.js", "../../../simple-tooltip/simple-t
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b00812901f0511ed8cc3e9a95995ad69 || (_templateObject_b00812901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button-lite\n        id=\"searchico\"\n        ?disabled=\"", "\"\n        label=\"Search\"\n        icon=\"icons:search\"\n        @click=\"", "\"\n      ></simple-icon-button-lite>\n      <simple-tooltip for=\"searchico\" position=\"bottom\"\n        >Toggle Search</simple-tooltip\n      >\n      <input\n        ?disabled=\"", "\"\n        id=\"searchField\"\n        @input=\"", "\"\n        type=\"text\"\n        placeholder=\"Search..\"\n      />\n    "])), this.disabled, this.toggleSearch, !this.showSearch, this.search);
+        return (0, _index.html)(_templateObject_8a328b601f2611eda0c389891c227ec8 || (_templateObject_8a328b601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button-lite\n        id=\"searchico\"\n        ?disabled=\"", "\"\n        label=\"Search\"\n        icon=\"icons:search\"\n        @click=\"", "\"\n      ></simple-icon-button-lite>\n      <simple-tooltip for=\"searchico\" position=\"bottom\"\n        >Toggle Search</simple-tooltip\n      >\n      <input\n        ?disabled=\"", "\"\n        id=\"searchField\"\n        @input=\"", "\"\n        type=\"text\"\n        placeholder=\"Search..\"\n      />\n    "])), this.disabled, this.toggleSearch, !this.showSearch, this.search);
       }
     }, {
       key: "toggleSearch",
@@ -102,7 +102,7 @@ define(["exports", "../../../../lit/index.js", "../../../simple-tooltip/simple-t
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_b00812901f0511ed8cc3e9a95995ad69 || (_templateObject2_b00812901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          overflow: hidden;\n        }\n        input {\n          visibility: none;\n          opacity: 0;\n          width: 0;\n          transition: all ease-in-out 0.3s;\n          padding: 4px;\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 20px;\n          margin: 2px 0 0 16px;\n        }\n        :host([show-search]) input {\n          visibility: visible;\n          opacity: 1;\n          width: 250px;\n          max-width: 25vw;\n        }\n        @media (max-width: 780px) {\n          :host([show-search]) input {\n            width: 250px;\n            max-width: 20vw;\n          }\n        }\n        @media (max-width: 600px) {\n          :host([show-search]) input {\n            width: 200px;\n            max-width: 20vw;\n          }\n        }\n        simple-icon-button-lite {\n          color: black;\n          --simple-icon-width: 40px;\n          --simple-icon-height: 40px;\n          padding: 2px;\n          margin: 0;\n          background-color: white;\n        }\n        simple-icon-button-lite[disabled] {\n          background-color: #cccccc;\n          pointer-events: none;\n          cursor: help;\n        }\n        simple-icon-button-lite:focus,\n        simple-icon-button-lite:hover {\n          background-color: #eeeeee;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8a328b601f2611eda0c389891c227ec8 || (_templateObject2_8a328b601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          overflow: hidden;\n        }\n        input {\n          visibility: none;\n          opacity: 0;\n          width: 0;\n          transition: all ease-in-out 0.3s;\n          padding: 4px;\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 20px;\n          margin: 2px 0 0 16px;\n        }\n        :host([show-search]) input {\n          visibility: visible;\n          opacity: 1;\n          width: 250px;\n          max-width: 25vw;\n        }\n        @media (max-width: 780px) {\n          :host([show-search]) input {\n            width: 250px;\n            max-width: 20vw;\n          }\n        }\n        @media (max-width: 600px) {\n          :host([show-search]) input {\n            width: 200px;\n            max-width: 20vw;\n          }\n        }\n        simple-icon-button-lite {\n          color: black;\n          --simple-icon-width: 40px;\n          --simple-icon-height: 40px;\n          padding: 2px;\n          margin: 0;\n          background-color: white;\n        }\n        simple-icon-button-lite[disabled] {\n          background-color: #cccccc;\n          pointer-events: none;\n          cursor: help;\n        }\n        simple-icon-button-lite:focus,\n        simple-icon-button-lite:hover {\n          background-color: #eeeeee;\n        }\n      "])))];
       }
     }]);
     return AppHaxSearchBar;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-search-results.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-search-results.js
index 7e0012e5467..288f98b3ddc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-search-results.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-search-results.js
@@ -6,7 +6,7 @@ define(["exports", "../../../simple-colors/simple-colors.js", "../../../../lit/i
   });
   _exports.AppHaxSearchResults = void 0;
 
-  var _templateObject_b00c7f601f0511ed8cc3e9a95995ad69, _templateObject2_b00c7f601f0511ed8cc3e9a95995ad69, _templateObject3_b00c7f601f0511ed8cc3e9a95995ad69, _templateObject4_b00c7f601f0511ed8cc3e9a95995ad69, _templateObject5_b00c7f601f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a3634e01f2611eda0c389891c227ec8, _templateObject2_8a3634e01f2611eda0c389891c227ec8, _templateObject3_8a3634e01f2611eda0c389891c227ec8, _templateObject4_8a3634e01f2611eda0c389891c227ec8, _templateObject5_8a3634e01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -74,9 +74,9 @@ define(["exports", "../../../simple-colors/simple-colors.js", "../../../../lit/i
       value: function render() {
         var _this3 = this;
 
-        return (0, _index.html)(_templateObject_b00c7f601f0511ed8cc3e9a95995ad69 || (_templateObject_b00c7f601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <ul id=\"results\">\n        ", "\n      </ul>\n    "])), this.displayItems.length > 0 ? this.displayItems.map(function (item) {
-          return (0, _index.html)(_templateObject2_b00c7f601f0511ed8cc3e9a95995ad69 || (_templateObject2_b00c7f601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <li>\n                  <app-hax-site-bar\n                    @opened-changed=\"", "\"\n                    ?dark=\"", "\"\n                    accent-color=\"", "\"\n                    icon-link=\"", "\"\n                    icon=\"", "\"\n                  >\n                    <a href=\"", "\" slot=\"heading\">", "</a>\n                    <span slot=\"subHeading\">", "</span>\n                    <app-hax-site-details\n                      slot=\"band\"\n                      .details=\"", "\"\n                      site-id=\"", "\"\n                    >\n                      <div class=\"description\" slot=\"pre\">\n                        ", "\n                      </div>\n                    </app-hax-site-details>\n                  </app-hax-site-bar>\n                </li>"])), _this3.openedChanged, _this3.dark, (0, _utils.varGet)(item, "metadata.theme.variables.cssVariable", "orange").replace("--simple-colors-default-theme-", "").replace("-7", ""), item.slug, (0, _utils.varGet)(item, "metadata.theme.variables.icon", "link"), item.slug, item.title, item.author, _this3.getItemDetails(item), item.id, item.description);
-        }) : (0, _index.html)(_templateObject3_b00c7f601f0511ed8cc3e9a95995ad69 || (_templateObject3_b00c7f601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div id=\"noResult\">\n              No results for\n              ", ".\n            </div>"])), this.searchTerm !== "" ? (0, _index.html)(_templateObject4_b00c7f601f0511ed8cc3e9a95995ad69 || (_templateObject4_b00c7f601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<strong>\"", "\"</strong>"])), this.searchTerm) : "your account, try starting a new journey!"));
+        return (0, _index.html)(_templateObject_8a3634e01f2611eda0c389891c227ec8 || (_templateObject_8a3634e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <ul id=\"results\">\n        ", "\n      </ul>\n    "])), this.displayItems.length > 0 ? this.displayItems.map(function (item) {
+          return (0, _index.html)(_templateObject2_8a3634e01f2611eda0c389891c227ec8 || (_templateObject2_8a3634e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <li>\n                  <app-hax-site-bar\n                    @opened-changed=\"", "\"\n                    ?dark=\"", "\"\n                    accent-color=\"", "\"\n                    icon-link=\"", "\"\n                    icon=\"", "\"\n                  >\n                    <a href=\"", "\" slot=\"heading\">", "</a>\n                    <span slot=\"subHeading\">", "</span>\n                    <app-hax-site-details\n                      slot=\"band\"\n                      .details=\"", "\"\n                      site-id=\"", "\"\n                    >\n                      <div class=\"description\" slot=\"pre\">\n                        ", "\n                      </div>\n                    </app-hax-site-details>\n                  </app-hax-site-bar>\n                </li>"])), _this3.openedChanged, _this3.dark, (0, _utils.varGet)(item, "metadata.theme.variables.cssVariable", "orange").replace("--simple-colors-default-theme-", "").replace("-7", ""), item.slug, (0, _utils.varGet)(item, "metadata.theme.variables.icon", "link"), item.slug, item.title, item.author, _this3.getItemDetails(item), item.id, item.description);
+        }) : (0, _index.html)(_templateObject3_8a3634e01f2611eda0c389891c227ec8 || (_templateObject3_8a3634e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div id=\"noResult\">\n              No results for\n              ", ".\n            </div>"])), this.searchTerm !== "" ? (0, _index.html)(_templateObject4_8a3634e01f2611eda0c389891c227ec8 || (_templateObject4_8a3634e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<strong>\"", "\"</strong>"])), this.searchTerm) : "your account, try starting a new journey!"));
       }
     }, {
       key: "getItemDetails",
@@ -125,7 +125,7 @@ define(["exports", "../../../simple-colors/simple-colors.js", "../../../../lit/i
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxSearchResults), "styles", this)), [(0, _index.css)(_templateObject5_b00c7f601f0511ed8cc3e9a95995ad69 || (_templateObject5_b00c7f601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          overflow: hidden;\n        }\n        ul,\n        li {\n          margin: 0;\n          padding: 0;\n          list-style: none;\n        }\n        app-hax-site-bar {\n          margin: 8px 0;\n        }\n        .description {\n          max-height: 64px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        @media (max-width: 800px) {\n          app-hax-site-bar {\n            --main-banner-width: 60vw;\n          }\n        }\n        @media (max-width: 400px) {\n          app-hax-site-bar {\n            --main-banner-width: 90vw;\n          }\n        }\n        span[slot=\"band\"] {\n          height: 48px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          margin-bottom: 8px;\n        }\n        :host([dark]) #noResult {\n          color: var(--simple-colors-default-theme-grey-12, black);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxSearchResults), "styles", this)), [(0, _index.css)(_templateObject5_8a3634e01f2611eda0c389891c227ec8 || (_templateObject5_8a3634e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          overflow: hidden;\n        }\n        ul,\n        li {\n          margin: 0;\n          padding: 0;\n          list-style: none;\n        }\n        app-hax-site-bar {\n          margin: 8px 0;\n        }\n        .description {\n          max-height: 64px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        @media (max-width: 800px) {\n          app-hax-site-bar {\n            --main-banner-width: 60vw;\n          }\n        }\n        @media (max-width: 400px) {\n          app-hax-site-bar {\n            --main-banner-width: 90vw;\n          }\n        }\n        span[slot=\"band\"] {\n          height: 48px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          margin-bottom: 8px;\n        }\n        :host([dark]) #noResult {\n          color: var(--simple-colors-default-theme-grey-12, black);\n        }\n      "])))]);
       }
     }]);
     return AppHaxSearchResults;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-bar.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-bar.js
index dbe94a0d741..369a0a460c7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-bar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-bar.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-icon/lib
   _exports.AppHaxSiteBars = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_b0135d301f0511ed8cc3e9a95995ad69, _templateObject2_b0135d301f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a3a05701f2611eda0c389891c227ec8, _templateObject2_8a3a05701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -76,7 +76,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-icon/lib
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b0135d301f0511ed8cc3e9a95995ad69 || (_templateObject_b0135d301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"mainCard\">\n        <a href=\"", "\" tabindex=\"-1\" id=\"icon\">\n          <simple-icon-button-lite\n            icon=\"", "\"\n          ></simple-icon-button-lite>\n        </a>\n        <div id=\"labels\">\n          <slot name=\"heading\"></slot>\n        </div>\n        <simple-icon-button-lite\n          icon=\"more-vert\"\n          id=\"dots\"\n          @click=", "\n        ></simple-icon-button-lite>\n      </div>\n      <div id=\"band-container\" ", ">\n        <slot name=\"band\"></slot>\n      </div>\n      <simple-tooltip for=\"icon\" position=\"left\">Access site</simple-tooltip>\n      <simple-tooltip for=\"dots\" position=\"right\">More options</simple-tooltip>\n    "])), this.iconLink, this.icon, this.__clickButton, (0, _index2.animate)());
+        return (0, _index.html)(_templateObject_8a3a05701f2611eda0c389891c227ec8 || (_templateObject_8a3a05701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"mainCard\">\n        <a href=\"", "\" tabindex=\"-1\" id=\"icon\">\n          <simple-icon-button-lite\n            icon=\"", "\"\n          ></simple-icon-button-lite>\n        </a>\n        <div id=\"labels\">\n          <slot name=\"heading\"></slot>\n        </div>\n        <simple-icon-button-lite\n          icon=\"more-vert\"\n          id=\"dots\"\n          @click=", "\n        ></simple-icon-button-lite>\n      </div>\n      <div id=\"band-container\" ", ">\n        <slot name=\"band\"></slot>\n      </div>\n      <simple-tooltip for=\"icon\" position=\"left\">Access site</simple-tooltip>\n      <simple-tooltip for=\"dots\" position=\"right\">More options</simple-tooltip>\n    "])), this.iconLink, this.icon, this.__clickButton, (0, _index2.animate)());
       } // HAX specific callback
       // This teaches HAX how to edit and work with your web component
 
@@ -122,7 +122,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-icon/lib
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxSiteBars), "styles", this)), [(0, _index.css)(_templateObject2_b0135d301f0511ed8cc3e9a95995ad69 || (_templateObject2_b0135d301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --main-banner-width: 513px;\n          --main-banner-height: 60px;\n          --band-banner-height: 208px;\n          display: inline-block;\n          background-color: var(--simple-colors-default-theme-accent-3);\n          color: var(--simple-colors-default-theme-grey-12);\n          border-color: var(--simple-colors-default-theme-accent-4);\n          border-style: solid;\n          border-width: 5px 10px 5px 10px;\n        }\n\n        #labels {\n          display: block;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n        }\n        #labels ::slotted(*) {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 25px;\n        }\n        #labels ::slotted(a) {\n          color: var(--simple-colors-default-theme-accent-11);\n          padding: 8px 0;\n          display: block;\n        }\n        #labels ::slotted(a:focus),\n        #labels ::slotted(a:hover) {\n          color: var(--simple-colors-default-theme-accent-3);\n          background-color: var(--simple-colors-default-theme-accent-11);\n        }\n\n        :host([opened]) {\n          background-color: var(--simple-colors-default-theme-accent-3);\n        }\n        #mainCard {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          align-items: center;\n          width: var(--main-banner-width);\n          height: var(--main-banner-height);\n          padding: 2px 4px;\n        }\n\n        #band-container {\n          display: block;\n          visibility: hidden;\n          height: 1px;\n          width: var(--main-banner-width);\n        }\n\n        :host([opened]) #band-container {\n          height: var(--band-banner-height);\n          visibility: visible;\n        }\n        a {\n          flex: 1;\n        }\n        #labels {\n          flex: 6;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n        #icon {\n          --simple-icon-width: 49px;\n          --simple-icon-height: 49px;\n          color: var(--simple-colors-default-theme-accent-11);\n        }\n        #icon:hover,\n        #icon:focus,\n        #icon:active {\n          color: var(--simple-colors-default-theme-accent-3);\n          background-color: var(--simple-colors-default-theme-accent-11);\n        }\n        #dots {\n          --simple-icon-width: 49px;\n          --simple-icon-height: 49px;\n          color: var(--simple-colors-default-theme-grey-12);\n          background-image: url(", ");\n          background-repeat: no-repeat;\n          background-position: center;\n        }\n      "])), (0, _index.unsafeCSS)(DropDownBorder))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxSiteBars), "styles", this)), [(0, _index.css)(_templateObject2_8a3a05701f2611eda0c389891c227ec8 || (_templateObject2_8a3a05701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --main-banner-width: 513px;\n          --main-banner-height: 60px;\n          --band-banner-height: 208px;\n          display: inline-block;\n          background-color: var(--simple-colors-default-theme-accent-3);\n          color: var(--simple-colors-default-theme-grey-12);\n          border-color: var(--simple-colors-default-theme-accent-4);\n          border-style: solid;\n          border-width: 5px 10px 5px 10px;\n        }\n\n        #labels {\n          display: block;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n        }\n        #labels ::slotted(*) {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 25px;\n        }\n        #labels ::slotted(a) {\n          color: var(--simple-colors-default-theme-accent-11);\n          padding: 8px 0;\n          display: block;\n        }\n        #labels ::slotted(a:focus),\n        #labels ::slotted(a:hover) {\n          color: var(--simple-colors-default-theme-accent-3);\n          background-color: var(--simple-colors-default-theme-accent-11);\n        }\n\n        :host([opened]) {\n          background-color: var(--simple-colors-default-theme-accent-3);\n        }\n        #mainCard {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          align-items: center;\n          width: var(--main-banner-width);\n          height: var(--main-banner-height);\n          padding: 2px 4px;\n        }\n\n        #band-container {\n          display: block;\n          visibility: hidden;\n          height: 1px;\n          width: var(--main-banner-width);\n        }\n\n        :host([opened]) #band-container {\n          height: var(--band-banner-height);\n          visibility: visible;\n        }\n        a {\n          flex: 1;\n        }\n        #labels {\n          flex: 6;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n        #icon {\n          --simple-icon-width: 49px;\n          --simple-icon-height: 49px;\n          color: var(--simple-colors-default-theme-accent-11);\n        }\n        #icon:hover,\n        #icon:focus,\n        #icon:active {\n          color: var(--simple-colors-default-theme-accent-3);\n          background-color: var(--simple-colors-default-theme-accent-11);\n        }\n        #dots {\n          --simple-icon-width: 49px;\n          --simple-icon-height: 49px;\n          color: var(--simple-colors-default-theme-grey-12);\n          background-image: url(", ");\n          background-repeat: no-repeat;\n          background-position: center;\n        }\n      "])), (0, _index.unsafeCSS)(DropDownBorder))]);
       }
     }]);
     return AppHaxSiteBars;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-button.js
index 86d55c28ca3..32c0d48e434 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-button.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-icon/lib
   _exports.AppHaxSiteButton = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_b00f3e801f0511ed8cc3e9a95995ad69, _templateObject2_b00f3e801f0511ed8cc3e9a95995ad69, _templateObject3_b00f3e801f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a3cc4901f2611eda0c389891c227ec8, _templateObject2_8a3cc4901f2611eda0c389891c227ec8, _templateObject3_8a3cc4901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -79,7 +79,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-icon/lib
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b00f3e801f0511ed8cc3e9a95995ad69 || (_templateObject_b00f3e801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <wired-button\n        elevation=", "\n        ?disabled=", "\n        class=\"haxButton\"\n        @click=\"", "\"\n      >\n        <div class=\"contents\">\n          <span class=\"label\"> ", " </span>\n          ", "\n        </div>\n      </wired-button>\n    "])), this.elevation, this.disabled || this.comingSoon, this._handleClick, this.label, this.comingSoon ? (0, _index.html)(_templateObject2_b00f3e801f0511ed8cc3e9a95995ad69 || (_templateObject2_b00f3e801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<img\n                src=\"", "\"\n                loading=\"lazy\"\n                decoding=\"async\"\n                fetchpriority=\"low\"\n                alt=\"Feature coming soon\"\n                class=\"coming-soon\"\n              />"])), postIt) : "");
+        return (0, _index.html)(_templateObject_8a3cc4901f2611eda0c389891c227ec8 || (_templateObject_8a3cc4901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <wired-button\n        elevation=", "\n        ?disabled=", "\n        class=\"haxButton\"\n        @click=\"", "\"\n      >\n        <div class=\"contents\">\n          <span class=\"label\"> ", " </span>\n          ", "\n        </div>\n      </wired-button>\n    "])), this.elevation, this.disabled || this.comingSoon, this._handleClick, this.label, this.comingSoon ? (0, _index.html)(_templateObject2_8a3cc4901f2611eda0c389891c227ec8 || (_templateObject2_8a3cc4901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<img\n                src=\"", "\"\n                loading=\"lazy\"\n                decoding=\"async\"\n                fetchpriority=\"low\"\n                alt=\"Feature coming soon\"\n                class=\"coming-soon\"\n              />"])), postIt) : "");
       } // HAX specific callback
       // This teaches HAX how to edit and work with your web component
 
@@ -125,7 +125,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-icon/lib
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject3_b00f3e801f0511ed8cc3e9a95995ad69 || (_templateObject3_b00f3e801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        --background-color: transparent;\n        --background-color-active: white;\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        align-items: center;\n        font-family: \"Press Start 2P\", sans-serif;\n        width: fit-content;\n        margin: 20px 0;\n      }\n      :host([coming-soon]) .haxButton {\n        pointer-events: none;\n        background-color: var(--simple-colors-default-theme-grey-6);\n      }\n      @media (max-width: 800px) {\n        :host {\n          width: 320px;\n        }\n      }\n      :host([active]) .haxButton {\n        color: var(--app-hax-background-color, var(--background-color-active));\n        background-color: var(--app-hax-accent-color, var(--accent-color));\n      }\n      .haxButton {\n        background-color: var(\n          --app-hax-background-color,\n          var(--background-color)\n        );\n        color: var(--app-hax-accent-color, var(--accent-color));\n        font-size: var(--app-hax-site-button-font-size, 26px);\n      }\n      .contents {\n        display: flex;\n        justify-content: right;\n      }\n      .label {\n        width: var(--app-hax-site-button-width, auto);\n        min-width: var(--app-hax-site-button-min-width, auto);\n        height: var(--app-hax-site-button-height, auto);\n        display: inline-flex;\n      }\n      .coming-soon {\n        display: block;\n        height: 114px;\n        width: 140px;\n        z-index: 1;\n        position: absolute;\n        margin-right: -54px;\n        margin-top: -10px;\n      }\n    "])));
+        return (0, _index.css)(_templateObject3_8a3cc4901f2611eda0c389891c227ec8 || (_templateObject3_8a3cc4901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        --background-color: transparent;\n        --background-color-active: white;\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        align-items: center;\n        font-family: \"Press Start 2P\", sans-serif;\n        width: fit-content;\n        margin: 20px 0;\n      }\n      :host([coming-soon]) .haxButton {\n        pointer-events: none;\n        background-color: var(--simple-colors-default-theme-grey-6);\n      }\n      @media (max-width: 800px) {\n        :host {\n          width: 320px;\n        }\n      }\n      :host([active]) .haxButton {\n        color: var(--app-hax-background-color, var(--background-color-active));\n        background-color: var(--app-hax-accent-color, var(--accent-color));\n      }\n      .haxButton {\n        background-color: var(\n          --app-hax-background-color,\n          var(--background-color)\n        );\n        color: var(--app-hax-accent-color, var(--accent-color));\n        font-size: var(--app-hax-site-button-font-size, 26px);\n      }\n      .contents {\n        display: flex;\n        justify-content: right;\n      }\n      .label {\n        width: var(--app-hax-site-button-width, auto);\n        min-width: var(--app-hax-site-button-min-width, auto);\n        height: var(--app-hax-site-button-height, auto);\n        display: inline-flex;\n      }\n      .coming-soon {\n        display: block;\n        height: 114px;\n        width: 140px;\n        z-index: 1;\n        position: absolute;\n        margin-right: -54px;\n        margin-top: -10px;\n      }\n    "])));
       }
     }]);
     return AppHaxSiteButton;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-details.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-details.js
index 9bc1c484bdf..85ff5c8eee8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-details.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-details.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../lit/index.js", "../../../simple-datet
   _exports.AppHaxSiteDetails = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_b0207c901f0511ed8cc3e9a95995ad69, _templateObject2_b0207c901f0511ed8cc3e9a95995ad69, _templateObject3_b0207c901f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a48d2801f2611eda0c389891c227ec8, _templateObject2_8a48d2801f2611eda0c389891c227ec8, _templateObject3_8a48d2801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -219,8 +219,8 @@ define(["exports", "require", "../../../../lit/index.js", "../../../simple-datet
       value: function render() {
         var _this3 = this;
 
-        return (0, _index.html)(_templateObject_b0207c901f0511ed8cc3e9a95995ad69 || (_templateObject_b0207c901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"pre\"><slot name=\"pre\"></slot></div>\n      <div class=\"flex-container\" id=\"infomation\">\n          <div class=\"info-group\">\n            <div class=\"info-headings\">created</div>\n            <simple-datetime\n                format=\"m/j/y\"\n                .timestamp=\"", "\"\n                unix\n                class=\"info-date\"\n            ></simple-datetime>\n          </div>\n          <div class=\"info-group\">\n            <div class=\"info-headings\">updated</div>\n            <simple-datetime\n                format=\"m/j/y\"\n                .timestamp=\"", "\"\n                unix\n                class=\"info-date\"\n            ></simple-datetime>\n          </div>\n          <div class = info-group>\n            <div class=\"info-headings\">pages</div>\n            <div class=\"info-item\">", "</div>\n          </div>\n          <div class = info-group>\n            <div class=\"info-headings\">URL</div>\n            <a href=\"", "\" class=\"info-item\" id=\"slug\">", "</a>\n          </div>\n      </div>\n        <div class=\"flex-container\" id=\"actions\">\n          ", "\n        </div>\n      </div>\n    "])), this.details.created, this.details.updated, this.details.pages, this.details.url, makeSlug(this.details.url), this.detailOps.map(function (item) {
-          return (0, _index.html)(_templateObject2_b0207c901f0511ed8cc3e9a95995ad69 || (_templateObject2_b0207c901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"info-group\">\n                <simple-icon-button-lite\n                  data-site=\"", "\"\n                  data-site-operation=\"", "\"\n                  data-site-operation-name=\"", "\"\n                  icon=\"", "\"\n                  id=\"op-", "\"\n                  class=\"info-icon\"\n                  @click=", "\n                >\n                  <div class=\"info-item\">", "</div>\n                </simple-icon-button-lite>\n                <simple-tooltip for=\"op-", "\" position=\"bottom\"\n                  >", " Site</simple-tooltip\n                >\n              </div>\n            "])), _this3.siteId, item.op, item.name, item.icon, item.op, _this3.siteOperation, item.name.toLowerCase(), item.op, item.name);
+        return (0, _index.html)(_templateObject_8a48d2801f2611eda0c389891c227ec8 || (_templateObject_8a48d2801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"pre\"><slot name=\"pre\"></slot></div>\n      <div class=\"flex-container\" id=\"infomation\">\n          <div class=\"info-group\">\n            <div class=\"info-headings\">created</div>\n            <simple-datetime\n                format=\"m/j/y\"\n                .timestamp=\"", "\"\n                unix\n                class=\"info-date\"\n            ></simple-datetime>\n          </div>\n          <div class=\"info-group\">\n            <div class=\"info-headings\">updated</div>\n            <simple-datetime\n                format=\"m/j/y\"\n                .timestamp=\"", "\"\n                unix\n                class=\"info-date\"\n            ></simple-datetime>\n          </div>\n          <div class = info-group>\n            <div class=\"info-headings\">pages</div>\n            <div class=\"info-item\">", "</div>\n          </div>\n          <div class = info-group>\n            <div class=\"info-headings\">URL</div>\n            <a href=\"", "\" class=\"info-item\" id=\"slug\">", "</a>\n          </div>\n      </div>\n        <div class=\"flex-container\" id=\"actions\">\n          ", "\n        </div>\n      </div>\n    "])), this.details.created, this.details.updated, this.details.pages, this.details.url, makeSlug(this.details.url), this.detailOps.map(function (item) {
+          return (0, _index.html)(_templateObject2_8a48d2801f2611eda0c389891c227ec8 || (_templateObject2_8a48d2801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"info-group\">\n                <simple-icon-button-lite\n                  data-site=\"", "\"\n                  data-site-operation=\"", "\"\n                  data-site-operation-name=\"", "\"\n                  icon=\"", "\"\n                  id=\"op-", "\"\n                  class=\"info-icon\"\n                  @click=", "\n                >\n                  <div class=\"info-item\">", "</div>\n                </simple-icon-button-lite>\n                <simple-tooltip for=\"op-", "\" position=\"bottom\"\n                  >", " Site</simple-tooltip\n                >\n              </div>\n            "])), _this3.siteId, item.op, item.name, item.icon, item.op, _this3.siteOperation, item.name.toLowerCase(), item.op, item.name);
         }));
       }
     }], [{
@@ -246,7 +246,7 @@ define(["exports", "require", "../../../../lit/index.js", "../../../simple-datet
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxSiteDetails), "styles", this)), [(0, _index.css)(_templateObject3_b0207c901f0511ed8cc3e9a95995ad69 || (_templateObject3_b0207c901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          font-size: 12px;\n          align-items: stretch;\n          background-color: var(--simple-colors-default-theme-grey-2);\n          height: 208px;\n        }\n\n        .flex-container {\n          flex: 1;\n          background-color: var(--simple-colors-default-theme-grey-2);\n          margin: 8px;\n          display: flex;\n          flex-direction: row;\n          justify-content: space-around;\n          align-items: center;\n        }\n        .info-group {\n          height: 100%;\n          max-width: 25%;\n          display: flex;\n          flex-direction: column;\n          justify-content: space-around;\n          align-items: center;\n          padding: 0px;\n          flex: 1;\n        }\n        simple-icon-button-lite:active,\n        simple-icon-button-lite:hover,\n        simple-icon-button-lite:focus {\n          background-color: var(--simple-colors-default-theme-grey-4, #eeeeee);\n          outline: 2px solid var(--simple-colors-default-theme-grey-12);\n          outline-offset: 1px;\n        }\n\n        .info-headings {\n          font-size: 12px;\n        }\n        .info-item {\n          font-family: \"Press Start 2P\", sans-serif;\n          display: block;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          color: var(--simple-colors-default-theme-grey-12);\n          line-height: 12px;\n          max-width: 100%;\n          font-size: 12px;\n        }\n        .pre ::slotted(*) {\n          padding: 12px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 50%;\n          display: inline-flex;\n        }\n        a {\n          text-decoration: underline;\n        }\n        .info-date {\n          color: var(--simple-colors-default-theme-grey-12);\n          line-height: 12px;\n          font-size: 12px;\n        }\n\n        .info-icon {\n          --simple-icon-width: 49px;\n          --simple-icon-height: 49px;\n          --simple-icon-button-border-radius: 0px;\n          --simple-icon-button-border: 0px;\n          outline: 0;\n          border: 2px solid var(--simple-colors-default-theme-grey-12);\n          border-radius: 4px;\n          padding: 4px;\n          width: 80%;\n        }\n        #op-deleteSite {\n          color: var(--simple-colors-default-theme-red-7);\n        }\n        .info-icon::part(button) {\n          outline: none;\n        }\n        @media (max-width: 500px) {\n          .btn-group button {\n            padding: 4px;\n            margin: 4px 0;\n          }\n          .flex-container > div {\n            margin: 0px;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxSiteDetails), "styles", this)), [(0, _index.css)(_templateObject3_8a48d2801f2611eda0c389891c227ec8 || (_templateObject3_8a48d2801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          font-size: 12px;\n          align-items: stretch;\n          background-color: var(--simple-colors-default-theme-grey-2);\n          height: 208px;\n        }\n\n        .flex-container {\n          flex: 1;\n          background-color: var(--simple-colors-default-theme-grey-2);\n          margin: 8px;\n          display: flex;\n          flex-direction: row;\n          justify-content: space-around;\n          align-items: center;\n        }\n        .info-group {\n          height: 100%;\n          max-width: 25%;\n          display: flex;\n          flex-direction: column;\n          justify-content: space-around;\n          align-items: center;\n          padding: 0px;\n          flex: 1;\n        }\n        simple-icon-button-lite:active,\n        simple-icon-button-lite:hover,\n        simple-icon-button-lite:focus {\n          background-color: var(--simple-colors-default-theme-grey-4, #eeeeee);\n          outline: 2px solid var(--simple-colors-default-theme-grey-12);\n          outline-offset: 1px;\n        }\n\n        .info-headings {\n          font-size: 12px;\n        }\n        .info-item {\n          font-family: \"Press Start 2P\", sans-serif;\n          display: block;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          color: var(--simple-colors-default-theme-grey-12);\n          line-height: 12px;\n          max-width: 100%;\n          font-size: 12px;\n        }\n        .pre ::slotted(*) {\n          padding: 12px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 50%;\n          display: inline-flex;\n        }\n        a {\n          text-decoration: underline;\n        }\n        .info-date {\n          color: var(--simple-colors-default-theme-grey-12);\n          line-height: 12px;\n          font-size: 12px;\n        }\n\n        .info-icon {\n          --simple-icon-width: 49px;\n          --simple-icon-height: 49px;\n          --simple-icon-button-border-radius: 0px;\n          --simple-icon-button-border: 0px;\n          outline: 0;\n          border: 2px solid var(--simple-colors-default-theme-grey-12);\n          border-radius: 4px;\n          padding: 4px;\n          width: 80%;\n        }\n        #op-deleteSite {\n          color: var(--simple-colors-default-theme-red-7);\n        }\n        .info-icon::part(button) {\n          outline: none;\n        }\n        @media (max-width: 500px) {\n          .btn-group button {\n            padding: 4px;\n            margin: 4px 0;\n          }\n          .flex-container > div {\n            margin: 0px;\n          }\n        }\n      "])))]);
       }
     }]);
     return AppHaxSiteDetails;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-login.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-login.js
index fb41ce0cf43..a146c68d66e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-login.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-site-login.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "../../../simple-icon/lib/simple-
   });
   _exports.AppHaxSiteLogin = void 0;
 
-  var _templateObject_b02bee401f0511ed8cc3e9a95995ad69, _templateObject2_b02bee401f0511ed8cc3e9a95995ad69, _templateObject3_b02bee401f0511ed8cc3e9a95995ad69, _templateObject4_b02bee401f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a53f6101f2611eda0c389891c227ec8, _templateObject2_8a53f6101f2611eda0c389891c227ec8, _templateObject3_8a53f6101f2611eda0c389891c227ec8, _templateObject4_8a53f6101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -196,7 +196,7 @@ define(["exports", "../../../../lit/index.js", "../../../simple-icon/lib/simple-
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b02bee401f0511ed8cc3e9a95995ad69 || (_templateObject_b02bee401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <rpg-character seed=\"", "\"></rpg-character>\n      <p id=\"errorText\">", "</p>\n      <div id=\"inputcontainer\">\n        ", "\n        <div class=\"external\">\n          <slot name=\"externalproviders\"></slot>\n        </div>\n      </div>\n    "])), this.username, this.errorMSG, this.hidePassword ? (0, _index.html)(_templateObject2_b02bee401f0511ed8cc3e9a95995ad69 || (_templateObject2_b02bee401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<input\n                id=\"username\"\n                type=\"text\"\n                placeholder=\"user name\"\n                aria-label=\"user name\"\n                @input=\"", "\"\n              />\n              <button\n                ?disabled=\"", "\"\n                @click=", "\n              >\n                Next &gt;\n              </button>"])), this.nameChange, !this.username, this.checkUsername) : (0, _index.html)(_templateObject3_b02bee401f0511ed8cc3e9a95995ad69 || (_templateObject3_b02bee401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"notyou\">\n                Hey ", "! <a @click=", ">not you?</a>\n              </div>\n              <input\n                id=\"password\"\n                type=\"password\"\n                placeholder=\"password\"\n                @input=\"", "\"\n              />\n              <simple-icon-button-lite\n                icon=\"lrn:view-off\"\n                title=\"Toggle password display\"\n                @click=\"", "\"\n                class=\"visibility-icon\"\n              ></simple-icon-button-lite>\n              <button ?disabled=\"", "\" @click=", ">\n                Login\n              </button>"])), this.username, this.reset, this.passChange, this.toggleViewPass, !this.hasPass, this.checkPassword));
+        return (0, _index.html)(_templateObject_8a53f6101f2611eda0c389891c227ec8 || (_templateObject_8a53f6101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <rpg-character seed=\"", "\"></rpg-character>\n      <p id=\"errorText\">", "</p>\n      <div id=\"inputcontainer\">\n        ", "\n        <div class=\"external\">\n          <slot name=\"externalproviders\"></slot>\n        </div>\n      </div>\n    "])), this.username, this.errorMSG, this.hidePassword ? (0, _index.html)(_templateObject2_8a53f6101f2611eda0c389891c227ec8 || (_templateObject2_8a53f6101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<input\n                id=\"username\"\n                type=\"text\"\n                placeholder=\"user name\"\n                aria-label=\"user name\"\n                @input=\"", "\"\n              />\n              <button\n                ?disabled=\"", "\"\n                @click=", "\n              >\n                Next &gt;\n              </button>"])), this.nameChange, !this.username, this.checkUsername) : (0, _index.html)(_templateObject3_8a53f6101f2611eda0c389891c227ec8 || (_templateObject3_8a53f6101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"notyou\">\n                Hey ", "! <a @click=", ">not you?</a>\n              </div>\n              <input\n                id=\"password\"\n                type=\"password\"\n                placeholder=\"password\"\n                @input=\"", "\"\n              />\n              <simple-icon-button-lite\n                icon=\"lrn:view-off\"\n                title=\"Toggle password display\"\n                @click=\"", "\"\n                class=\"visibility-icon\"\n              ></simple-icon-button-lite>\n              <button ?disabled=\"", "\" @click=", ">\n                Login\n              </button>"])), this.username, this.reset, this.passChange, this.toggleViewPass, !this.hasPass, this.checkPassword));
       }
     }], [{
       key: "tag",
@@ -228,7 +228,7 @@ define(["exports", "../../../../lit/index.js", "../../../simple-icon/lib/simple-
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxSiteLogin), "styles", this)), [(0, _index.css)(_templateObject4_b02bee401f0511ed8cc3e9a95995ad69 || (_templateObject4_b02bee401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n        }\n        #inputcontainer {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n        }\n        a {\n          color: red;\n        }\n\n        // This does not work\n        #errorText > p {\n          visibility: hidden;\n          background-color: lightblue;\n          color: red;\n          font-weight: bold;\n        }\n        rpg-character {\n          display: block;\n          margin: 0px;\n        }\n        .external {\n          text-align: center;\n        }\n        input {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 28px;\n          padding: 8px;\n          border: 4px solid black;\n          border-radius: 8px;\n          width: 75%;\n        }\n        button {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 30px;\n          padding: 8px;\n          border: 4px solid black;\n          border-radius: 8px;\n          min-width: 50%;\n          margin: 16px;\n        }\n        button:focus,\n        button:hover {\n          background-color: var(--simple-colors-default-theme-green-8);\n          color: var(--simple-colors-default-theme-grey-1);\n          outline: 2px solid var(--simple-colors-default-theme-grey-1);\n          cursor: pointer;\n        }\n        .notyou {\n          padding: 8px;\n        }\n        .visibility-icon {\n          color: var(--simple-colors-default-theme-grey-12);\n          background-color: var(--simple-colors-default-theme-grey-3);\n          border: 2px solid var(--simple-colors-default-theme-grey-12);\n          position: relative;\n          margin-top: -44px;\n          margin-bottom: 20px;\n          margin-left: 70%;\n          z-index: 1;\n          padding: 2px;\n          --simple-icon-width: 26px;\n          --simple-icon-height: 26px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxSiteLogin), "styles", this)), [(0, _index.css)(_templateObject4_8a53f6101f2611eda0c389891c227ec8 || (_templateObject4_8a53f6101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n        }\n        #inputcontainer {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n        }\n        a {\n          color: red;\n        }\n\n        // This does not work\n        #errorText > p {\n          visibility: hidden;\n          background-color: lightblue;\n          color: red;\n          font-weight: bold;\n        }\n        rpg-character {\n          display: block;\n          margin: 0px;\n        }\n        .external {\n          text-align: center;\n        }\n        input {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 28px;\n          padding: 8px;\n          border: 4px solid black;\n          border-radius: 8px;\n          width: 75%;\n        }\n        button {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 30px;\n          padding: 8px;\n          border: 4px solid black;\n          border-radius: 8px;\n          min-width: 50%;\n          margin: 16px;\n        }\n        button:focus,\n        button:hover {\n          background-color: var(--simple-colors-default-theme-green-8);\n          color: var(--simple-colors-default-theme-grey-1);\n          outline: 2px solid var(--simple-colors-default-theme-grey-1);\n          cursor: pointer;\n        }\n        .notyou {\n          padding: 8px;\n        }\n        .visibility-icon {\n          color: var(--simple-colors-default-theme-grey-12);\n          background-color: var(--simple-colors-default-theme-grey-3);\n          border: 2px solid var(--simple-colors-default-theme-grey-12);\n          position: relative;\n          margin-top: -44px;\n          margin-bottom: 20px;\n          margin-left: 70%;\n          z-index: 1;\n          padding: 2px;\n          --simple-icon-width: 26px;\n          --simple-icon-height: 26px;\n        }\n      "])))]);
       }
     }]);
     return AppHaxSiteLogin;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-steps.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-steps.js
index 6518ec6d789..698d13dd9e8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-steps.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-steps.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-colors/s
   _exports.AppHaxSteps = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_b03898701f0511ed8cc3e9a95995ad69, _templateObject2_b03898701f0511ed8cc3e9a95995ad69, _templateObject3_b03898701f0511ed8cc3e9a95995ad69, _templateObject4_b03898701f0511ed8cc3e9a95995ad69, _templateObject5_b03898701f0511ed8cc3e9a95995ad69, _templateObject6_b03898701f0511ed8cc3e9a95995ad69, _templateObject7_b03898701f0511ed8cc3e9a95995ad69, _templateObject8_b03898701f0511ed8cc3e9a95995ad69, _templateObject9_b03898701f0511ed8cc3e9a95995ad69, _templateObject10_b03898701f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a5f67c01f2611eda0c389891c227ec8, _templateObject2_8a5f67c01f2611eda0c389891c227ec8, _templateObject3_8a5f67c01f2611eda0c389891c227ec8, _templateObject4_8a5f67c01f2611eda0c389891c227ec8, _templateObject5_8a5f67c01f2611eda0c389891c227ec8, _templateObject6_8a5f67c01f2611eda0c389891c227ec8, _templateObject7_8a5f67c01f2611eda0c389891c227ec8, _templateObject8_8a5f67c01f2611eda0c389891c227ec8, _templateObject9_8a5f67c01f2611eda0c389891c227ec8, _templateObject10_8a5f67c01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -404,20 +404,20 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-colors/s
       key: "renderTypes",
       value: function renderTypes(step) {
         var structure = (0, _mobxEsm.toJS)(_AppHaxStore.store.site.structure);
-        var template = (0, _index.html)(_templateObject_b03898701f0511ed8cc3e9a95995ad69 || (_templateObject_b03898701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""])));
+        var template = (0, _index.html)(_templateObject_8a5f67c01f2611eda0c389891c227ec8 || (_templateObject_8a5f67c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""])));
 
         switch (structure) {
           case "portfolio":
-            template = (0, _index.html)(_templateObject2_b03898701f0511ed8cc3e9a95995ad69 || (_templateObject2_b03898701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"Technology\"\n            coming-soon\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"Business\"\n            coming-soon\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"Art\"\n            coming-soon\n          ></app-hax-button>"])), step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType);
+            template = (0, _index.html)(_templateObject2_8a5f67c01f2611eda0c389891c227ec8 || (_templateObject2_8a5f67c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"Technology\"\n            coming-soon\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"Business\"\n            coming-soon\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"Art\"\n            coming-soon\n          ></app-hax-button>"])), step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType);
             break;
 
           default:
           case "course":
-            template = (0, _index.html)(_templateObject3_b03898701f0511ed8cc3e9a95995ad69 || (_templateObject3_b03898701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"15w\"\n            coming-soon\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"6w\"\n            coming-soon\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"training\"\n            coming-soon\n          ></app-hax-button>"])), step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType);
+            template = (0, _index.html)(_templateObject3_8a5f67c01f2611eda0c389891c227ec8 || (_templateObject3_8a5f67c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"15w\"\n            coming-soon\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"6w\"\n            coming-soon\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"training\"\n            coming-soon\n          ></app-hax-button>"])), step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType);
             break;
 
           case "website":
-            template = (0, _index.html)(_templateObject4_b03898701f0511ed8cc3e9a95995ad69 || (_templateObject4_b03898701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"Blog\"\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            coming-soon\n          ></app-hax-button>"])), step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType);
+            template = (0, _index.html)(_templateObject4_8a5f67c01f2611eda0c389891c227ec8 || (_templateObject4_8a5f67c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            type=\"Blog\"\n          ></app-hax-button>\n          <app-hax-button\n            tabindex=\"", "\"\n            @click=", "\n            coming-soon\n          ></app-hax-button>"])), step !== 2 ? "-1" : "", this.chooseType, step !== 2 ? "-1" : "", this.chooseType);
             break;
         }
 
@@ -428,10 +428,10 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-colors/s
       value: function render() {
         var _this7 = this;
 
-        return (0, _index.html)(_templateObject5_b03898701f0511ed8cc3e9a95995ad69 || (_templateObject5_b03898701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\">\n        <ul id=\"step-links\">\n          <li>\n          ", "\n          </li>\n          ", "\n        </ul>\n       \n        <scrollable-component>\n          <div class=\"carousel-with-snapping-track\">\n            <div class=\"carousel-with-snapping-item\" id=\"step-1\">\n              <div class=\"step-wrapper\">\n                <app-hax-site-button\n                  tabindex=\"", "\"\n                  label=\"&gt; Course\"\n                  value=\"course\"\n                  @click=", "\n                ></app-hax-site-button>\n                <app-hax-site-button\n                  tabindex=\"", "\"\n                  label=\"&gt; Portfolio\"\n                  value=\"portfolio\"\n                  @click=", "\n                ></app-hax-site-button>\n                <app-hax-site-button\n                  tabindex=\"", "\"\n                  label=\"&gt; Website\"\n                  value=\"website\"\n                  @click=", "\n                  coming-soon\n                ></app-hax-site-button>\n              </div>\n            </div>\n            <div class=\"carousel-with-snapping-item\" id=\"step-2\">\n              <div id=\"grid-container\">\n                ", "\n              </div>\n          </div>\n          <div class=\"carousel-with-snapping-item\" id=\"step-3\">\n              <div id=\"themeContainer\">\n                ", "\n              </div>\n            </div>\n            <div class=\"carousel-with-snapping-item\" id=\"step-4\">\n              <input id=\"sitename\"\n                @input=\"", "\"\n                @keydown=\"", "\"\n                maxlength=\"30\"\n                placeholder=\"", " name..\"\n                tabindex=\"", "\" />\n              <app-hax-site-button\n                  class=\"sitenamebtn\"\n                  tabindex=\"", "\"\n                  label=\"&gt; Create journey\"\n                  @click=", "\n                  ?disabled=\"", "\"\n                ></app-hax-site-button>\n            </div>\n            <div class=\"carousel-with-snapping-item\" id=\"step-5\">\n              <app-hax-hat-progress\n                @progress-ready=\"", "\"\n                @promise-progress-finished=\"", "\"\n                tabindex=\"", "\"\n              ></app-hax-hat-progress>\n            </div>\n        </scrollable-component>\n      </div>\n    "])), !(0, _mobxEsm.toJS)(_AppHaxStore.store.isNewUser) ? (0, _index.html)(_templateObject6_b03898701f0511ed8cc3e9a95995ad69 || (_templateObject6_b03898701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <a href=\"home\" class=\"homelnk\" tabindex=\"-1\">\n                    <simple-icon-lite\n                      tabindex=\"0\"\n                      src=\"", "\"\n                      id=\"homebtn\"\n                      title=\"Site list\"\n                      @click=\"", "\"\n                    ></simple-icon-lite>\n                  </a>\n                  <simple-tooltip for=\"homebtn\" position=\"bottom\"\n                    >Site list</simple-tooltip\n                  >\n                "])), homeIcon, this.stepLinkClick) : (0, _index.html)(_templateObject7_b03898701f0511ed8cc3e9a95995ad69 || (_templateObject7_b03898701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))), this.stepRoutes.map(function (item, index) {
-          return (0, _index.html)(_templateObject8_b03898701f0511ed8cc3e9a95995ad69 || (_templateObject8_b03898701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<li\n                ?disabled=\"", "\"\n                class=\"step ", "\"\n              >\n                <a\n                  href=\"", "\"\n                  ?disabled=\"", "\"\n                  tabindex=\"", "\"\n                  @click=\"", "\"\n                  id=\"link-", "\"\n                  title=\"Step ", ": ", "\"\n                  data-step=\"", "\"\n                  >", "</a\n                >\n                <simple-tooltip for=\"link-", "\" position=\"bottom\"\n                  >Step ", ": ", "</simple-tooltip\n                >\n              </li>"])), _this7.step < item.step || _this7.step === 5 ? true : false, _this7.step === item.step ? "active-step" : "", item.path, _this7.step < item.step || _this7.step === 5 ? true : false, _this7.step <= item.step ? "-1" : "0", _this7.stepLinkClick, item.name, index + 1, item.label, item.step, index + 1, item.name, index + 1, item.label);
+        return (0, _index.html)(_templateObject5_8a5f67c01f2611eda0c389891c227ec8 || (_templateObject5_8a5f67c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\">\n        <ul id=\"step-links\">\n          <li>\n          ", "\n          </li>\n          ", "\n        </ul>\n       \n        <scrollable-component>\n          <div class=\"carousel-with-snapping-track\">\n            <div class=\"carousel-with-snapping-item\" id=\"step-1\">\n              <div class=\"step-wrapper\">\n                <app-hax-site-button\n                  tabindex=\"", "\"\n                  label=\"&gt; Course\"\n                  value=\"course\"\n                  @click=", "\n                ></app-hax-site-button>\n                <app-hax-site-button\n                  tabindex=\"", "\"\n                  label=\"&gt; Portfolio\"\n                  value=\"portfolio\"\n                  @click=", "\n                ></app-hax-site-button>\n                <app-hax-site-button\n                  tabindex=\"", "\"\n                  label=\"&gt; Website\"\n                  value=\"website\"\n                  @click=", "\n                  coming-soon\n                ></app-hax-site-button>\n              </div>\n            </div>\n            <div class=\"carousel-with-snapping-item\" id=\"step-2\">\n              <div id=\"grid-container\">\n                ", "\n              </div>\n          </div>\n          <div class=\"carousel-with-snapping-item\" id=\"step-3\">\n              <div id=\"themeContainer\">\n                ", "\n              </div>\n            </div>\n            <div class=\"carousel-with-snapping-item\" id=\"step-4\">\n              <input id=\"sitename\"\n                @input=\"", "\"\n                @keydown=\"", "\"\n                maxlength=\"30\"\n                placeholder=\"", " name..\"\n                tabindex=\"", "\" />\n              <app-hax-site-button\n                  class=\"sitenamebtn\"\n                  tabindex=\"", "\"\n                  label=\"&gt; Create journey\"\n                  @click=", "\n                  ?disabled=\"", "\"\n                ></app-hax-site-button>\n            </div>\n            <div class=\"carousel-with-snapping-item\" id=\"step-5\">\n              <app-hax-hat-progress\n                @progress-ready=\"", "\"\n                @promise-progress-finished=\"", "\"\n                tabindex=\"", "\"\n              ></app-hax-hat-progress>\n            </div>\n        </scrollable-component>\n      </div>\n    "])), !(0, _mobxEsm.toJS)(_AppHaxStore.store.isNewUser) ? (0, _index.html)(_templateObject6_8a5f67c01f2611eda0c389891c227ec8 || (_templateObject6_8a5f67c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <a href=\"home\" class=\"homelnk\" tabindex=\"-1\">\n                    <simple-icon-lite\n                      tabindex=\"0\"\n                      src=\"", "\"\n                      id=\"homebtn\"\n                      title=\"Site list\"\n                      @click=\"", "\"\n                    ></simple-icon-lite>\n                  </a>\n                  <simple-tooltip for=\"homebtn\" position=\"bottom\"\n                    >Site list</simple-tooltip\n                  >\n                "])), homeIcon, this.stepLinkClick) : (0, _index.html)(_templateObject7_8a5f67c01f2611eda0c389891c227ec8 || (_templateObject7_8a5f67c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))), this.stepRoutes.map(function (item, index) {
+          return (0, _index.html)(_templateObject8_8a5f67c01f2611eda0c389891c227ec8 || (_templateObject8_8a5f67c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<li\n                ?disabled=\"", "\"\n                class=\"step ", "\"\n              >\n                <a\n                  href=\"", "\"\n                  ?disabled=\"", "\"\n                  tabindex=\"", "\"\n                  @click=\"", "\"\n                  id=\"link-", "\"\n                  title=\"Step ", ": ", "\"\n                  data-step=\"", "\"\n                  >", "</a\n                >\n                <simple-tooltip for=\"link-", "\" position=\"bottom\"\n                  >Step ", ": ", "</simple-tooltip\n                >\n              </li>"])), _this7.step < item.step || _this7.step === 5 ? true : false, _this7.step === item.step ? "active-step" : "", item.path, _this7.step < item.step || _this7.step === 5 ? true : false, _this7.step <= item.step ? "-1" : "0", _this7.stepLinkClick, item.name, index + 1, item.label, item.step, index + 1, item.name, index + 1, item.label);
         }), this.step !== 1 ? "-1" : "", this.chooseStructure, this.step !== 1 ? "-1" : "", this.chooseStructure, this.step !== 1 ? "-1" : "", this.chooseStructure, this.renderTypes(this.step), this.appSettings && this.appSettings.themes ? this.themeNames.map(function (themeKey) {
-          return (0, _index.html)(_templateObject9_b03898701f0511ed8cc3e9a95995ad69 || (_templateObject9_b03898701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                          <button\n                            aria-label=\"", " theme\"\n                            value=\"", "\"\n                            class=\"theme-button\"\n                            @click=", "\n                            tabindex=\"", "\"\n                          >\n                            <img\n                              class=\"theme-img\"\n                              src=\"", "\"\n                              alt=\"\"\n                              loading=\"lazy\"\n                              decoding=\"async\"\n                            />\n                            <div>", "</div>\n                          </button>\n                        "])), _this7.appSettings.themes[themeKey].name, themeKey, _this7.chooseTheme, _this7.step !== 3 ? "-1" : "", _this7.appSettings.themes[themeKey].thumbnail, _this7.appSettings.themes[themeKey].name);
+          return (0, _index.html)(_templateObject9_8a5f67c01f2611eda0c389891c227ec8 || (_templateObject9_8a5f67c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                          <button\n                            aria-label=\"", " theme\"\n                            value=\"", "\"\n                            class=\"theme-button\"\n                            @click=", "\n                            tabindex=\"", "\"\n                          >\n                            <img\n                              class=\"theme-img\"\n                              src=\"", "\"\n                              alt=\"\"\n                              loading=\"lazy\"\n                              decoding=\"async\"\n                            />\n                            <div>", "</div>\n                          </button>\n                        "])), _this7.appSettings.themes[themeKey].name, themeKey, _this7.chooseTheme, _this7.step !== 3 ? "-1" : "", _this7.appSettings.themes[themeKey].thumbnail, _this7.appSettings.themes[themeKey].name);
         }) : "", this.typeKey, this.keydown, (0, _mobxEsm.toJS)(_AppHaxStore.store.site.structure), this.step !== 4 ? "-1" : "", this.step !== 4 ? "-1" : "", this.chooseName, this.nameTyped === "", this.progressReady, this.progressFinished, this.step !== 5 ? "-1" : "");
       }
     }], [{
@@ -468,7 +468,7 @@ define(["exports", "meta", "../../../../lit/index.js", "../../../simple-colors/s
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxSteps), "styles", this)), [(0, _index.css)(_templateObject10_b03898701f0511ed8cc3e9a95995ad69 || (_templateObject10_b03898701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        scrollable-component {\n          --scrollbar-width: 0px;\n          --scrollbar-height: 0px;\n          --scrollbar-padding: 0;\n          --viewport-overflow-x: hidden;\n          overflow: hidden;\n        }\n        #grid-container {\n          display: grid;\n          grid-template-columns: 200px 200px;\n          background: transparent;\n        }\n        .carousel-with-snapping-track {\n          display: grid;\n          grid-auto-flow: column;\n          grid-gap: 30px;\n        }\n        .carousel-with-snapping-item {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: normal;\n          scroll-snap-align: center;\n          scroll-snap-stop: always;\n          scrollbar-gutter: stable;\n          width: var(--viewport-width);\n          font-size: 1.5rem;\n          text-align: center;\n          overflow-x: hidden;\n          max-height: 60vh;\n          padding-top: 1vh;\n        }\n        #step-links {\n          padding: 0;\n          margin: 0;\n        }\n        ul,\n        li {\n          list-style: none;\n        }\n        li {\n          vertical-align: middle;\n          display: inline-flex;\n          margin: 5px;\n        }\n        li.step {\n          border-radius: 50%;\n          background-color: transparent;\n        }\n        li a {\n          font-size: 12px;\n          color: var(--simple-colors-default-theme-grey-12, white);\n          text-decoration: none;\n          padding: 5px;\n          width: 20px;\n          height: 20px;\n          line-height: 20px;\n          margin: 0;\n          display: block;\n          border: 0;\n          border-radius: 50%;\n          background-repeat: no-repeat;\n          background-size: 30px 30px;\n          background-color: var(--simple-colors-default-theme-grey-1, white);\n          background-image: url(\"", "\");\n          transition: 0.3s ease-in-out background, 0.3s ease-in-out color;\n          transition-delay: 0.6s, 0.3s;\n        }\n        li a[disabled] {\n          background-image: url(\"", "\");\n          pointer-events: none;\n          color: var(--simple-colors-default-theme-grey-7, grey);\n          user-select: none;\n        }\n        li[disabled] {\n          background-color: grey;\n        }\n        li.active-step a {\n          background-color: orange;\n          background-image: url(\"", "\");\n        }\n        app-hax-button {\n          padding: 10px 0px 10px 0px;\n          background: transparent;\n        }\n        #theme-container {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n        }\n        img {\n          pointer-events: none;\n        }\n        #themeContainer {\n          width: 70vw;\n          height: 55vh;\n        }\n        .theme-button {\n          background-color: transparent;\n          color: var(--simple-colors-default-theme-grey-12, white);\n          border: none;\n          margin: 8px;\n          padding: 8px;\n          width: 245px;\n        }\n\n        .theme-button div {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 14px;\n          margin-top: 12px;\n        }\n        .theme-button:focus,\n        .theme-button:hover {\n          outline: 4px solid var(--app-hax-accent-color, var(--accent-color));\n          outline-offset: 4px;\n          background-color: transparent;\n          border: none;\n          cursor: pointer;\n        }\n        #sitename {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 32px;\n          padding: 8px;\n          width: 40vw;\n        }\n        #homebtn {\n          --simple-icon-height: 30px;\n          --simple-icon-width: 30px;\n          border-radius: 50%;\n          cursor: pointer;\n          background-color: var(--simple-colors-default-theme-grey-1, white);\n        }\n        .homelnk {\n          background-image: none;\n          display: flex;\n          padding: 0;\n          margin: 0;\n          height: 30px;\n          width: 30px;\n        }\n        app-hax-site-button {\n          justify-content: center;\n          --app-hax-site-button-width: 35vw;\n          --app-hax-site-button-min-width: 240px;\n        }\n        app-hax-hat-progress {\n          height: 400px;\n          width: 400px;\n          display: block;\n        }\n\n        @media (max-width: 800px) {\n          .theme-button {\n            width: unset;\n            padding: 0;\n          }\n          .theme-button div {\n            font-size: 12px;\n            margin-top: 8px;\n          }\n          .theme-button img {\n            height: 70px;\n          }\n          app-hax-site-button {\n            width: 320px;\n            max-width: 60vw;\n            --app-hax-site-button-font-size: 2.5vw;\n          }\n          #sitename {\n            width: 70vw;\n            font-size: 20px;\n          }\n          #grid-container {\n            grid-template-columns: 150px 150px;\n          }\n        }\n        @media (max-height: 600px) {\n          .carousel-with-snapping-item {\n            padding-top: 4px;\n            max-height: 57vh;\n          }\n          #sitename {\n            width: 40vw;\n            font-size: 14px;\n          }\n          app-hax-hat-progress {\n            transform: scale(0.5);\n            margin-top: -18vh;\n          }\n        }\n        @media (max-width: 500px) {\n          app-hax-hat-progress {\n            transform: scale(0.5);\n            margin-top: -15vh;\n          }\n        }\n        @media (max-height: 400px) {\n          .carousel-with-snapping-item {\n            padding-top: 4px;\n            max-height: 40vh;\n          }\n          app-hax-hat-progress {\n            transform: scale(0.3);\n          }\n          .carousel-with-snapping-item.active-step app-hax-hat-progress {\n            position: fixed;\n            top: 20%;\n            left: 20%;\n          }\n        }\n      "])), (0, _index.unsafeCSS)(enabledCircle), (0, _index.unsafeCSS)(disabledCircle), (0, _index.unsafeCSS)(transparentCircle))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(AppHaxSteps), "styles", this)), [(0, _index.css)(_templateObject10_8a5f67c01f2611eda0c389891c227ec8 || (_templateObject10_8a5f67c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        scrollable-component {\n          --scrollbar-width: 0px;\n          --scrollbar-height: 0px;\n          --scrollbar-padding: 0;\n          --viewport-overflow-x: hidden;\n          overflow: hidden;\n        }\n        #grid-container {\n          display: grid;\n          grid-template-columns: 200px 200px;\n          background: transparent;\n        }\n        .carousel-with-snapping-track {\n          display: grid;\n          grid-auto-flow: column;\n          grid-gap: 30px;\n        }\n        .carousel-with-snapping-item {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: normal;\n          scroll-snap-align: center;\n          scroll-snap-stop: always;\n          scrollbar-gutter: stable;\n          width: var(--viewport-width);\n          font-size: 1.5rem;\n          text-align: center;\n          overflow-x: hidden;\n          max-height: 60vh;\n          padding-top: 1vh;\n        }\n        #step-links {\n          padding: 0;\n          margin: 0;\n        }\n        ul,\n        li {\n          list-style: none;\n        }\n        li {\n          vertical-align: middle;\n          display: inline-flex;\n          margin: 5px;\n        }\n        li.step {\n          border-radius: 50%;\n          background-color: transparent;\n        }\n        li a {\n          font-size: 12px;\n          color: var(--simple-colors-default-theme-grey-12, white);\n          text-decoration: none;\n          padding: 5px;\n          width: 20px;\n          height: 20px;\n          line-height: 20px;\n          margin: 0;\n          display: block;\n          border: 0;\n          border-radius: 50%;\n          background-repeat: no-repeat;\n          background-size: 30px 30px;\n          background-color: var(--simple-colors-default-theme-grey-1, white);\n          background-image: url(\"", "\");\n          transition: 0.3s ease-in-out background, 0.3s ease-in-out color;\n          transition-delay: 0.6s, 0.3s;\n        }\n        li a[disabled] {\n          background-image: url(\"", "\");\n          pointer-events: none;\n          color: var(--simple-colors-default-theme-grey-7, grey);\n          user-select: none;\n        }\n        li[disabled] {\n          background-color: grey;\n        }\n        li.active-step a {\n          background-color: orange;\n          background-image: url(\"", "\");\n        }\n        app-hax-button {\n          padding: 10px 0px 10px 0px;\n          background: transparent;\n        }\n        #theme-container {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n        }\n        img {\n          pointer-events: none;\n        }\n        #themeContainer {\n          width: 70vw;\n          height: 55vh;\n        }\n        .theme-button {\n          background-color: transparent;\n          color: var(--simple-colors-default-theme-grey-12, white);\n          border: none;\n          margin: 8px;\n          padding: 8px;\n          width: 245px;\n        }\n\n        .theme-button div {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 14px;\n          margin-top: 12px;\n        }\n        .theme-button:focus,\n        .theme-button:hover {\n          outline: 4px solid var(--app-hax-accent-color, var(--accent-color));\n          outline-offset: 4px;\n          background-color: transparent;\n          border: none;\n          cursor: pointer;\n        }\n        #sitename {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 32px;\n          padding: 8px;\n          width: 40vw;\n        }\n        #homebtn {\n          --simple-icon-height: 30px;\n          --simple-icon-width: 30px;\n          border-radius: 50%;\n          cursor: pointer;\n          background-color: var(--simple-colors-default-theme-grey-1, white);\n        }\n        .homelnk {\n          background-image: none;\n          display: flex;\n          padding: 0;\n          margin: 0;\n          height: 30px;\n          width: 30px;\n        }\n        app-hax-site-button {\n          justify-content: center;\n          --app-hax-site-button-width: 35vw;\n          --app-hax-site-button-min-width: 240px;\n        }\n        app-hax-hat-progress {\n          height: 400px;\n          width: 400px;\n          display: block;\n        }\n\n        @media (max-width: 800px) {\n          .theme-button {\n            width: unset;\n            padding: 0;\n          }\n          .theme-button div {\n            font-size: 12px;\n            margin-top: 8px;\n          }\n          .theme-button img {\n            height: 70px;\n          }\n          app-hax-site-button {\n            width: 320px;\n            max-width: 60vw;\n            --app-hax-site-button-font-size: 2.5vw;\n          }\n          #sitename {\n            width: 70vw;\n            font-size: 20px;\n          }\n          #grid-container {\n            grid-template-columns: 150px 150px;\n          }\n        }\n        @media (max-height: 600px) {\n          .carousel-with-snapping-item {\n            padding-top: 4px;\n            max-height: 57vh;\n          }\n          #sitename {\n            width: 40vw;\n            font-size: 14px;\n          }\n          app-hax-hat-progress {\n            transform: scale(0.5);\n            margin-top: -18vh;\n          }\n        }\n        @media (max-width: 500px) {\n          app-hax-hat-progress {\n            transform: scale(0.5);\n            margin-top: -15vh;\n          }\n        }\n        @media (max-height: 400px) {\n          .carousel-with-snapping-item {\n            padding-top: 4px;\n            max-height: 40vh;\n          }\n          app-hax-hat-progress {\n            transform: scale(0.3);\n          }\n          .carousel-with-snapping-item.active-step app-hax-hat-progress {\n            position: fixed;\n            top: 20%;\n            left: 20%;\n          }\n        }\n      "])), (0, _index.unsafeCSS)(enabledCircle), (0, _index.unsafeCSS)(disabledCircle), (0, _index.unsafeCSS)(transparentCircle))]);
       }
     }]);
     return AppHaxSteps;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-top-bar.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-top-bar.js
index 3bdc23d29a8..9039d00d422 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-top-bar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-top-bar.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "./app-hax-wired-toggle.js", "../
   });
   _exports.AppHaxTopBar = void 0;
 
-  var _templateObject_b03ba5b01f0511ed8cc3e9a95995ad69, _templateObject2_b03ba5b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a629c101f2611eda0c389891c227ec8, _templateObject2_8a629c101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -26,7 +26,7 @@ define(["exports", "../../../../lit/index.js", "./app-hax-wired-toggle.js", "../
     babelHelpers.createClass(AppHaxTopBar, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b03ba5b01f0511ed8cc3e9a95995ad69 || (_templateObject_b03ba5b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"topBar\" part=\"top-bar\">\n        <div class=\"left\" part=\"left\">\n          <slot name=\"left\"></slot>\n        </div>\n        <div class=\"center\" part=\"center\">\n          <slot name=\"center\"></slot>\n        </div>\n        <div class=\"right\" part=\"right\">\n          <slot name=\"right\"></slot>\n        </div>\n      </div>\n    "])));
+        return (0, _index.html)(_templateObject_8a629c101f2611eda0c389891c227ec8 || (_templateObject_8a629c101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"topBar\" part=\"top-bar\">\n        <div class=\"left\" part=\"left\">\n          <slot name=\"left\"></slot>\n        </div>\n        <div class=\"center\" part=\"center\">\n          <slot name=\"center\"></slot>\n        </div>\n        <div class=\"right\" part=\"right\">\n          <slot name=\"right\"></slot>\n        </div>\n      </div>\n    "])));
       }
     }], [{
       key: "tag",
@@ -44,7 +44,7 @@ define(["exports", "../../../../lit/index.js", "./app-hax-wired-toggle.js", "../
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject2_b03ba5b01f0511ed8cc3e9a95995ad69 || (_templateObject2_b03ba5b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        --bg-color: var(--app-hax-background-color);\n        --accent-color: var(--app-hax-accent-color);\n        --top-bar-height: 48px;\n        display: block;\n        height: var(--top-bar-height);\n      }\n\n      /* @media (prefers-color-scheme: dark) {\n        :root {\n          --accent-color: white;\n          color: var(--accent-color);\n          \n        }\n\n        :host {\n          background-color: black;\n        } \n      } */\n\n      .topBar {\n        overflow: hidden;\n        background-color: var(--bg-color);\n        color: var(--accent-color);\n        height: var(--top-bar-height);\n        text-align: center;\n        vertical-align: middle;\n        border-bottom: 3px solid var(--app-hax-accent-color);\n        display: grid;\n        grid-template-columns: 32.5% 35% 32.5%;\n      }\n\n      /* .topBar > div {\n        background-color: rgba(255, 255, 255, 0.8);\n        border: 1px solid black;\n      } */\n\n      .topBar .left {\n        text-align: left;\n        height: var(--top-bar-height);\n        vertical-align: text-top;\n      }\n\n      .topBar .center {\n        text-align: center;\n        height: var(--top-bar-height);\n        vertical-align: text-top;\n      }\n\n      .topBar .right {\n        text-align: right;\n        height: var(--top-bar-height);\n        vertical-align: text-top;\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_8a629c101f2611eda0c389891c227ec8 || (_templateObject2_8a629c101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        --bg-color: var(--app-hax-background-color);\n        --accent-color: var(--app-hax-accent-color);\n        --top-bar-height: 48px;\n        display: block;\n        height: var(--top-bar-height);\n      }\n\n      /* @media (prefers-color-scheme: dark) {\n        :root {\n          --accent-color: white;\n          color: var(--accent-color);\n          \n        }\n\n        :host {\n          background-color: black;\n        } \n      } */\n\n      .topBar {\n        overflow: hidden;\n        background-color: var(--bg-color);\n        color: var(--accent-color);\n        height: var(--top-bar-height);\n        text-align: center;\n        vertical-align: middle;\n        border-bottom: 3px solid var(--app-hax-accent-color);\n        display: grid;\n        grid-template-columns: 32.5% 35% 32.5%;\n      }\n\n      /* .topBar > div {\n        background-color: rgba(255, 255, 255, 0.8);\n        border: 1px solid black;\n      } */\n\n      .topBar .left {\n        text-align: left;\n        height: var(--top-bar-height);\n        vertical-align: text-top;\n      }\n\n      .topBar .center {\n        text-align: center;\n        height: var(--top-bar-height);\n        vertical-align: text-top;\n      }\n\n      .topBar .right {\n        text-align: right;\n        height: var(--top-bar-height);\n        vertical-align: text-top;\n      }\n    "])));
       }
     }]);
     return AppHaxTopBar;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-user-menu-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-user-menu-button.js
index e3b0e2f34df..82720c09509 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-user-menu-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-user-menu-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.AppHaxUserMenuButton = void 0;
 
-  var _templateObject_b03dc8901f0511ed8cc3e9a95995ad69, _templateObject2_b03dc8901f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a63d4901f2611eda0c389891c227ec8, _templateObject2_8a63d4901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -30,7 +30,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(AppHaxUserMenuButton, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b03dc8901f0511ed8cc3e9a95995ad69 || (_templateObject_b03dc8901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button class=\"menu-button\" part=\"menu-button\">\n        <simple-icon-lite class=\"icon\" icon=\"", "\"></simple-icon-lite\n        >", "\n      </button>\n    "])), this.icon, this.label);
+        return (0, _index.html)(_templateObject_8a63d4901f2611eda0c389891c227ec8 || (_templateObject_8a63d4901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button class=\"menu-button\" part=\"menu-button\">\n        <simple-icon-lite class=\"icon\" icon=\"", "\"></simple-icon-lite\n        >", "\n      </button>\n    "])), this.icon, this.label);
       }
     }], [{
       key: "tag",
@@ -53,7 +53,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject2_b03dc8901f0511ed8cc3e9a95995ad69 || (_templateObject2_b03dc8901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        font-family: \"Press Start 2P\", sans-serif;\n        text-align: center;\n        width: 100%;\n        --background-color: var(--app-hax-background-color);\n        --accent-color: var(--app-hax-accent-color);\n      }\n\n      .menu-button {\n        display: block;\n        width: 100%;\n        border: 2px solid var(--accent-color);\n        margin: 0;\n        padding: 8px;\n        font-size: 16px;\n        text-align: left;\n        color: var(--accent-color);\n        background-color: var(--background-color);\n        cursor: pointer;\n      }\n\n      .menu-button:hover,\n      .menu-button:active,\n      .menu-button:focus {\n        background-color: var(--accent-color);\n        color: var(--background-color);\n      }\n\n      .icon {\n        padding-right: 16px;\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_8a63d4901f2611eda0c389891c227ec8 || (_templateObject2_8a63d4901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        font-family: \"Press Start 2P\", sans-serif;\n        text-align: center;\n        width: 100%;\n        --background-color: var(--app-hax-background-color);\n        --accent-color: var(--app-hax-accent-color);\n      }\n\n      .menu-button {\n        display: block;\n        width: 100%;\n        border: 2px solid var(--accent-color);\n        margin: 0;\n        padding: 8px;\n        font-size: 16px;\n        text-align: left;\n        color: var(--accent-color);\n        background-color: var(--background-color);\n        cursor: pointer;\n      }\n\n      .menu-button:hover,\n      .menu-button:active,\n      .menu-button:focus {\n        background-color: var(--accent-color);\n        color: var(--background-color);\n      }\n\n      .icon {\n        padding-right: 16px;\n      }\n    "])));
       }
     }]);
     return AppHaxUserMenuButton;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-user-menu.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-user-menu.js
index 135746d1cc7..40b68f288f7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-user-menu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-user-menu.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.AppHaxUserMenu = void 0;
 
-  var _templateObject_b03f28201f0511ed8cc3e9a95995ad69, _templateObject2_b03f28201f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a650d101f2611eda0c389891c227ec8, _templateObject2_8a650d101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -35,7 +35,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b03f28201f0511ed8cc3e9a95995ad69 || (_templateObject_b03f28201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"entireComponent\">\n        <div class=\"menuToggle\" part=\"menuToggle\" @click=\"", "\">\n          <slot name=\"menuButton\"\n            ><simple-icon-lite icon=\"", "\"></simple-icon-lite\n          ></slot>\n        </div>\n\n        <div class=\"user-menu ", "\">\n          <div class=\"pre-menu\">\n            <slot name=\"pre-menu\"></slot>\n          </div>\n          <div class=\"main-menu\">\n            <slot name=\"main-menu\"></slot>\n          </div>\n          <div class=\"post-menu\">\n            <slot name=\"post-menu\"></slot>\n          </div>\n        </div>\n      </div>\n    "])), this.toggleMenu, this.icon, this.isOpen ? "open" : "");
+        return (0, _index.html)(_templateObject_8a650d101f2611eda0c389891c227ec8 || (_templateObject_8a650d101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"entireComponent\">\n        <div class=\"menuToggle\" part=\"menuToggle\" @click=\"", "\">\n          <slot name=\"menuButton\"\n            ><simple-icon-lite icon=\"", "\"></simple-icon-lite\n          ></slot>\n        </div>\n\n        <div class=\"user-menu ", "\">\n          <div class=\"pre-menu\">\n            <slot name=\"pre-menu\"></slot>\n          </div>\n          <div class=\"main-menu\">\n            <slot name=\"main-menu\"></slot>\n          </div>\n          <div class=\"post-menu\">\n            <slot name=\"post-menu\"></slot>\n          </div>\n        </div>\n      </div>\n    "])), this.toggleMenu, this.icon, this.isOpen ? "open" : "");
       }
     }], [{
       key: "tag",
@@ -61,7 +61,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject2_b03f28201f0511ed8cc3e9a95995ad69 || (_templateObject2_b03f28201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        font-family: \"Press Start 2P\", sans-serif;\n        text-align: center;\n        display: inline-block;\n        margin: 0px;\n        padding: 0px;\n      }\n\n      .menuToggle {\n        cursor: pointer;\n      }\n\n      .user-menu {\n        display: none;\n      }\n\n      .user-menu.open {\n        display: block;\n        top: 50px;\n        right: 0px;\n        position: absolute;\n        border: 1px solid var(--app-hax-accent-color);\n        background-color: var(--app-hax-background-color);\n      }\n\n      .user-menu.open ::slotted(*) {\n        display: block;\n        width: 100%;\n        margin: 0;\n        font-size: 16px;\n        text-align: left;\n        font-family: \"Press Start 2P\", sans-serif;\n        color: var(--app-hax-accent-color);\n        background-color: var(--app-hax-background-color);\n      }\n\n      .user-menu.open .main-menu ::slotted(*:hover),\n      .user-menu.open .main-menu ::slotted(*:active),\n      .user-menu.open .main-menu ::slotted(*:focus) {\n        background-color: var(--app-hax-background-color-active);\n        color: var(--app-hax-background-color);\n      }\n\n      .user-menu ::slotted(button) {\n        cursor: pointer;\n      }\n\n      .user-menu ::slotted(*) simple-icon-lite {\n        padding-right: 16px;\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_8a650d101f2611eda0c389891c227ec8 || (_templateObject2_8a650d101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        font-family: \"Press Start 2P\", sans-serif;\n        text-align: center;\n        display: inline-block;\n        margin: 0px;\n        padding: 0px;\n      }\n\n      .menuToggle {\n        cursor: pointer;\n      }\n\n      .user-menu {\n        display: none;\n      }\n\n      .user-menu.open {\n        display: block;\n        top: 50px;\n        right: 0px;\n        position: absolute;\n        border: 1px solid var(--app-hax-accent-color);\n        background-color: var(--app-hax-background-color);\n      }\n\n      .user-menu.open ::slotted(*) {\n        display: block;\n        width: 100%;\n        margin: 0;\n        font-size: 16px;\n        text-align: left;\n        font-family: \"Press Start 2P\", sans-serif;\n        color: var(--app-hax-accent-color);\n        background-color: var(--app-hax-background-color);\n      }\n\n      .user-menu.open .main-menu ::slotted(*:hover),\n      .user-menu.open .main-menu ::slotted(*:active),\n      .user-menu.open .main-menu ::slotted(*:focus) {\n        background-color: var(--app-hax-background-color-active);\n        color: var(--app-hax-background-color);\n      }\n\n      .user-menu ::slotted(button) {\n        cursor: pointer;\n      }\n\n      .user-menu ::slotted(*) simple-icon-lite {\n        padding-right: 16px;\n      }\n    "])));
       }
     }]);
     return AppHaxUserMenu;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-wired-toggle.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-wired-toggle.js
index 77e06cf5691..b01e3e46119 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-wired-toggle.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/v1/app-hax-wired-toggle.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../mobx/dist/mobx.esm.js", "../../../../lit/index.j
   });
   _exports.AppHAXWiredToggle = void 0;
 
-  var _templateObject_b040fce01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a66bac01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -49,7 +49,7 @@ define(["exports", "../../../../mobx/dist/mobx.esm.js", "../../../../lit/index.j
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_b040fce01f0511ed8cc3e9a95995ad69 || (_templateObject_b040fce01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        data-simple-tour-stop\n        data-stop-title=\"data-label\"\n        data-label=\"", "\"\n      >\n        ", "\n        <div data-stop-content style=\"display:none;\">\n          You can toggle your user interface between \"light\" and \"dark\" for you\n          viewing enjoyment.\n        </div>\n      </div>\n    "])), this.label, babelHelpers.get(babelHelpers.getPrototypeOf(AppHAXWiredToggle.prototype), "render", this).call(this));
+        return (0, _index.html)(_templateObject_8a66bac01f2611eda0c389891c227ec8 || (_templateObject_8a66bac01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        data-simple-tour-stop\n        data-stop-title=\"data-label\"\n        data-label=\"", "\"\n      >\n        ", "\n        <div data-stop-content style=\"display:none;\">\n          You can toggle your user interface between \"light\" and \"dark\" for you\n          viewing enjoyment.\n        </div>\n      </div>\n    "])), this.label, babelHelpers.get(babelHelpers.getPrototypeOf(AppHAXWiredToggle.prototype), "render", this).call(this));
       }
     }], [{
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/wired-darkmode-toggle/wired-darkmode-toggle.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/wired-darkmode-toggle/wired-darkmode-toggle.js
index 1bbc4371f20..178cbfbf7ec 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/wired-darkmode-toggle/wired-darkmode-toggle.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-hax/lib/wired-darkmode-toggle/wired-darkmode-toggle.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../../wired-elements/lib/wired-lib.js", "../..
   _exports.WiredDarkmodeToggle = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_e75ad2a01f0511ed8cc3e9a95995ad69, _templateObject2_e75ad2a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd7604c01f2611eda0c389891c227ec8, _templateObject2_bd7604c01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -59,7 +59,7 @@ define(["exports", "meta", "../../../../wired-elements/lib/wired-lib.js", "../..
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e75ad2a01f0511ed8cc3e9a95995ad69 || (_templateObject_e75ad2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div style=\"position: relative;\">\n        <svg id=\"svg\"></svg>\n        <label for=\"input\">", "</label>\n        <input\n          id=\"input\"\n          type=\"checkbox\"\n          .checked=\"", "\"\n          ?disabled=\"", "\"\n          @change=\"", "\"\n        />\n      </div>\n    "])), this.label, this.checked, this.disabled, this.onChange);
+        return (0, _index.html)(_templateObject_bd7604c01f2611eda0c389891c227ec8 || (_templateObject_bd7604c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div style=\"position: relative;\">\n        <svg id=\"svg\"></svg>\n        <label for=\"input\">", "</label>\n        <input\n          id=\"input\"\n          type=\"checkbox\"\n          .checked=\"", "\"\n          ?disabled=\"", "\"\n          @change=\"", "\"\n        />\n      </div>\n    "])), this.label, this.checked, this.disabled, this.onChange);
       }
     }], [{
       key: "tag",
@@ -86,7 +86,7 @@ define(["exports", "meta", "../../../../wired-elements/lib/wired-lib.js", "../..
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(WiredDarkmodeToggle), "styles", this)), [(0, _index.css)(_templateObject2_e75ad2a01f0511ed8cc3e9a95995ad69 || (_templateObject2_e75ad2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          opacity: 1;\n          display: inline-flex;\n          vertical-align: top;\n        }\n        :host div {\n          background-image: url(\"", "\");\n          background-repeat: no-repeat;\n          --wired-toggle-off-color: var(--simple-colors-fixed-theme-amber-7);\n          --wired-toggle-on-color: var(\n            --simple-colors-fixed-theme-light-blue-9\n          );\n          background-position-x: 50px;\n          width: 100px;\n          display: inline-flex;\n        }\n        :host([checked]) div {\n          background-image: url(\"", "\");\n          background-position: left;\n        }\n        input {\n          width: 100px;\n          height: 48px;\n          padding: 0;\n          margin: 0;\n        }\n        label {\n          clip: rect(0 0 0 0);\n          clip-path: inset(50%);\n          height: 1px;\n          overflow: hidden;\n          position: absolute;\n          white-space: nowrap;\n          width: 1px;\n        }\n      "])), (0, _index.unsafeCSS)(sun), (0, _index.unsafeCSS)(moon))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(WiredDarkmodeToggle), "styles", this)), [(0, _index.css)(_templateObject2_bd7604c01f2611eda0c389891c227ec8 || (_templateObject2_bd7604c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          opacity: 1;\n          display: inline-flex;\n          vertical-align: top;\n        }\n        :host div {\n          background-image: url(\"", "\");\n          background-repeat: no-repeat;\n          --wired-toggle-off-color: var(--simple-colors-fixed-theme-amber-7);\n          --wired-toggle-on-color: var(\n            --simple-colors-fixed-theme-light-blue-9\n          );\n          background-position-x: 50px;\n          width: 100px;\n          display: inline-flex;\n        }\n        :host([checked]) div {\n          background-image: url(\"", "\");\n          background-position: left;\n        }\n        input {\n          width: 100px;\n          height: 48px;\n          padding: 0;\n          margin: 0;\n        }\n        label {\n          clip: rect(0 0 0 0);\n          clip-path: inset(50%);\n          height: 1px;\n          overflow: hidden;\n          position: absolute;\n          white-space: nowrap;\n          width: 1px;\n        }\n      "])), (0, _index.unsafeCSS)(sun), (0, _index.unsafeCSS)(moon))]);
       }
     }]);
     return WiredDarkmodeToggle;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/awesome-explosion/awesome-explosion.js b/build/es5-amd/node_modules/@lrnwebcomponents/awesome-explosion/awesome-explosion.js
index 5dd4709bb6e..96a947f4c8c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/awesome-explosion/awesome-explosion.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/awesome-explosion/awesome-explosion.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _ind
   _exports.AwesomeExplosion = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_9f2a23f01f0511ed8cc3e9a95995ad69, _templateObject2_9f2a23f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7a272f001f2611eda0c389891c227ec8, _templateObject2_7a272f001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -54,7 +54,7 @@ define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _ind
     babelHelpers.createClass(AwesomeExplosion, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9f2a23f01f0511ed8cc3e9a95995ad69 || (_templateObject_9f2a23f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <img\n        loading=\"lazy\"\n        src=\"", "\"\n        id=\"image\"\n        class=\"image-tag\"\n        alt=\"\"\n      />\n    "])), this.image);
+        return (0, _index.html)(_templateObject_7a272f001f2611eda0c389891c227ec8 || (_templateObject_7a272f001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <img\n        loading=\"lazy\"\n        src=\"", "\"\n        id=\"image\"\n        class=\"image-tag\"\n        alt=\"\"\n      />\n    "])), this.image);
       }
     }, {
       key: "updated",
@@ -198,7 +198,7 @@ define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _ind
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_9f2a23f01f0511ed8cc3e9a95995ad69 || (_templateObject2_9f2a23f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        :host([size=\"tiny\"]) #image {\n          width: 80px;\n          height: 80px;\n        }\n        :host([size=\"small\"]) #image {\n          width: 160px;\n          height: 160px;\n        }\n        :host([size=\"medium\"]) #image {\n          width: 240px;\n          height: 240px;\n        }\n        :host([size=\"large\"]) #image {\n          width: 320px;\n          height: 320px;\n        }\n        :host([size=\"epic\"]) #image {\n          width: 720px;\n          height: 720px;\n        }\n\n        :host([color=\"red\"]) #image {\n          filter: sepia() saturate(10000%) hue-rotate(30deg);\n        }\n        :host([color=\"purple\"]) #image {\n          filter: sepia() saturate(10000%) hue-rotate(290deg);\n        }\n        :host([color=\"blue\"]) #image {\n          filter: sepia() saturate(10000%) hue-rotate(210deg);\n        }\n        :host([color=\"orange\"]) #image {\n          filter: sepia() saturate(10000%) hue-rotate(320deg);\n        }\n        :host([color=\"yellow\"]) #image {\n          filter: sepia() saturate(10000%) hue-rotate(70deg);\n        }\n        #image {\n          width: 240px;\n          height: 240px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7a272f001f2611eda0c389891c227ec8 || (_templateObject2_7a272f001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        :host([size=\"tiny\"]) #image {\n          width: 80px;\n          height: 80px;\n        }\n        :host([size=\"small\"]) #image {\n          width: 160px;\n          height: 160px;\n        }\n        :host([size=\"medium\"]) #image {\n          width: 240px;\n          height: 240px;\n        }\n        :host([size=\"large\"]) #image {\n          width: 320px;\n          height: 320px;\n        }\n        :host([size=\"epic\"]) #image {\n          width: 720px;\n          height: 720px;\n        }\n\n        :host([color=\"red\"]) #image {\n          filter: sepia() saturate(10000%) hue-rotate(30deg);\n        }\n        :host([color=\"purple\"]) #image {\n          filter: sepia() saturate(10000%) hue-rotate(290deg);\n        }\n        :host([color=\"blue\"]) #image {\n          filter: sepia() saturate(10000%) hue-rotate(210deg);\n        }\n        :host([color=\"orange\"]) #image {\n          filter: sepia() saturate(10000%) hue-rotate(320deg);\n        }\n        :host([color=\"yellow\"]) #image {\n          filter: sepia() saturate(10000%) hue-rotate(70deg);\n        }\n        #image {\n          width: 240px;\n          height: 240px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/b-r/b-r.js b/build/es5-amd/node_modules/@lrnwebcomponents/b-r/b-r.js
index 291144a3230..25ede03a2aa 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/b-r/b-r.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/b-r/b-r.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.BR = void 0;
 
-  var _templateObject_9f2c1fc01f0511ed8cc3e9a95995ad69, _templateObject2_9f2c1fc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7a28b5a01f2611eda0c389891c227ec8, _templateObject2_7a28b5a01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -42,7 +42,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(BR, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9f2c1fc01f0511ed8cc3e9a95995ad69 || (_templateObject_9f2c1fc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "</div>"])), this.renderBR(this.amount));
+        return (0, _index.html)(_templateObject_7a28b5a01f2611eda0c389891c227ec8 || (_templateObject_7a28b5a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "</div>"])), this.renderBR(this.amount));
       }
     }, {
       key: "renderBR",
@@ -55,7 +55,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
         }
 
         while (count < amount) {
-          content.push((0, _index.html)(_templateObject2_9f2c1fc01f0511ed8cc3e9a95995ad69 || (_templateObject2_9f2c1fc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<br />"]))));
+          content.push((0, _index.html)(_templateObject2_7a28b5a01f2611eda0c389891c227ec8 || (_templateObject2_7a28b5a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<br />"]))));
           count++;
         }
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/barcode-reader/barcode-reader.js b/build/es5-amd/node_modules/@lrnwebcomponents/barcode-reader/barcode-reader.js
index 7d2e76b9f93..69971765407 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/barcode-reader/barcode-reader.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/barcode-reader/barcode-reader.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
   _exports.BarcodeReader = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_9f3aecd01f0511ed8cc3e9a95995ad69, _templateObject2_9f3aecd01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7a3894201f2611eda0c389891c227ec8, _templateObject2_7a3894201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -53,7 +53,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_9f3aecd01f0511ed8cc3e9a95995ad69 || (_templateObject_9f3aecd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"hidden\" hidden>\n        <div>\n          <video\n            muted\n            autoplay\n            playsinline\n            width=\"", "%\"\n            height=\"", "%\"\n          ></video>\n          <canvas style=\"display: none; float: bottom;\"></canvas>\n        </div>\n      </div>\n      <div class=\"input\" ?hidden=\"", "\">\n        Result: <span><input type=\"text\" .value=\"", "\" /> </span>\n      </div>\n      <span>\n        <div class=\"hidden2\" hidden>\n          <div class=\"select\">\n            <label for=\"videoSource\">Video source: </label>\n            <select></select>\n          </div>\n          <button class=\"go\">Scan</button>\n        </div>\n        <simple-icon-button\n          aria-labelledby=\"label\"\n          icon=\"image:camera-alt\"\n          class=\"render\"\n        ></simple-icon-button>\n        <label id=\"label\">Initialize</label>\n      </span>\n    "])), this.scale, this.scale, this.hideinput, this.value);
+        return (0, _index.html)(_templateObject_7a3894201f2611eda0c389891c227ec8 || (_templateObject_7a3894201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"hidden\" hidden>\n        <div>\n          <video\n            muted\n            autoplay\n            playsinline\n            width=\"", "%\"\n            height=\"", "%\"\n          ></video>\n          <canvas style=\"display: none; float: bottom;\"></canvas>\n        </div>\n      </div>\n      <div class=\"input\" ?hidden=\"", "\">\n        Result: <span><input type=\"text\" .value=\"", "\" /> </span>\n      </div>\n      <span>\n        <div class=\"hidden2\" hidden>\n          <div class=\"select\">\n            <label for=\"videoSource\">Video source: </label>\n            <select></select>\n          </div>\n          <button class=\"go\">Scan</button>\n        </div>\n        <simple-icon-button\n          aria-labelledby=\"label\"\n          icon=\"image:camera-alt\"\n          class=\"render\"\n        ></simple-icon-button>\n        <label id=\"label\">Initialize</label>\n      </span>\n    "])), this.scale, this.scale, this.hideinput, this.value);
       }
     }, {
       key: "_control",
@@ -422,7 +422,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
        * LitElement style callback
        */
       function get() {
-        return (0, _index.css)(_templateObject2_9f3aecd01f0511ed8cc3e9a95995ad69 || (_templateObject2_9f3aecd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host([hidden]) {\n        display: none;\n      }\n      canvas {\n        display: none;\n      }\n      video {\n        border-style: solid;\n        border-color: rgba(0, 0, 0, 0.5);\n        border-width: 5px;\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_7a3894201f2611eda0c389891c227ec8 || (_templateObject2_7a3894201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host([hidden]) {\n        display: none;\n      }\n      canvas {\n        display: none;\n      }\n      video {\n        border-style: solid;\n        border-color: rgba(0, 0, 0, 0.5);\n        border-width: 5px;\n      }\n    "])));
       }
       /**      .hidden {
             display: none;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/beaker-broker/beaker-broker.js b/build/es5-amd/node_modules/@lrnwebcomponents/beaker-broker/beaker-broker.js
index 62e57dce18b..d0af9afeefd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/beaker-broker/beaker-broker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/beaker-broker/beaker-broker.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.BeakerBroker = void 0;
 
-  var _templateObject_9f6bc0d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7a80e7c01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -55,7 +55,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_9f6bc0d01f0511ed8cc3e9a95995ad69 || (_templateObject_9f6bc0d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <slot></slot>"])));
+        return (0, _index.html)(_templateObject_7a80e7c01f2611eda0c389891c227ec8 || (_templateObject_7a80e7c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <slot></slot>"])));
       } // haxProperty definition
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/bootstrap-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/bootstrap-theme.js
index dc547ee5792..3e424214fbe 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/bootstrap-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/bootstrap-theme.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../haxcms-elements/
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_9f7229701f0511ed8cc3e9a95995ad69, _templateObject2_9f7229701f0511ed8cc3e9a95995ad69, _templateObject3_9f7229701f0511ed8cc3e9a95995ad69;
+  var _templateObject_7a8750601f2611eda0c389891c227ec8, _templateObject2_7a8750601f2611eda0c389891c227ec8, _templateObject3_7a8750601f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -72,7 +72,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../haxcms-elements/
     babelHelpers.createClass(BootstrapTheme, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9f7229701f0511ed8cc3e9a95995ad69 || (_templateObject_9f7229701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <link rel=\"stylesheet\" href=\"", "\" />\n      <div class=\"site \">\n        <div class=\"menu-outline\">\n          <div class=\"site-title\" part=\"site-title\">\n            ", "\n            <h4>", "</h4>\n          </div>\n          ", "\n        </div>\n        <div id=\"body\" class=\"site-body\">\n          <div id=\"top\"></div>\n          <div class=\"site-inner\" part=\"site-inner\">\n            <header\n              class=\"site-header\"\n              .part=\"", "\"\n            >\n              <div class=\"btn-container\">\n                <div class=\"pull-right link-actions\">\n                  <bootstrap-search\n                    part=\"search-btn\"\n                    color-theme=\"", "\"\n                    @search-changed=", "\n                  ></bootstrap-search>\n                </div>\n              </div>\n            </header>\n            <main class=\"page-wrapper\" role=\"main\">\n              <bootstrap-breadcrumb color-theme=\"", "\">\n              </bootstrap-breadcrumb>\n              <div class=\"container p-0 site-options\">\n                ", "\n                <replace-tag\n                  with=\"site-print-button\"\n                  class=\"btn js-toolbar-action\"\n                  import-method=\"view\"\n                  part=\"print-btn\"\n                ></replace-tag>\n                ", "\n                <h3 class=\"display-6 page-title\">", "</h3>\n              </div>\n              <article class=\"shadow main-content container card mb-3\">\n                <div class=\"normal main-section\">\n                  <section class=\"p-2\">\n                    <site-search\n                      hide-input\n                      search=\"", "\"\n                      ?hidden=\"", "\"\n                      @search-item-selected=", "\n                    ></site-search>\n                  </section>\n                  <section\n                    class=\"p-2\"\n                    id=\"contentcontainer\"\n                    ?hidden=\"", "\"\n                  >\n                    <div id=\"slot\">\n                      <slot id=\"main-content\"></slot>\n                    </div>\n                  </section>\n                </div>\n              </article>\n            </main>\n            <footer>\n              <bootstrap-footer color-theme=\"", "\" part=\"footer\">\n              </bootstrap-footer>\n            </footer>\n          </div>\n        </div>\n      </div>\n    "])), this._bootstrapPath, this.__siteImage ? (0, _index.html)(_templateObject2_9f7229701f0511ed8cc3e9a95995ad69 || (_templateObject2_9f7229701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<img class=\"site-img\" src=", " />"])), this.__siteImage) : "", this.__siteTitle, this.HAXCMSMobileMenu(), this.editMode ? "edit-mode-active" : "", this.colorTheme, this.searchChanged, this.colorTheme, this.HAXCMSMobileMenuButton(), this.BootstrapUserStylesMenu(), this.__pageTitle, this.searchTerm, this.searchTerm != "" ? false : true, this.searchItemSelected, this.searchTerm != "" ? true : false, this.colorTheme);
+        return (0, _index.html)(_templateObject_7a8750601f2611eda0c389891c227ec8 || (_templateObject_7a8750601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <link rel=\"stylesheet\" href=\"", "\" />\n      <div class=\"site \">\n        <div class=\"menu-outline\">\n          <div class=\"site-title\" part=\"site-title\">\n            ", "\n            <h4>", "</h4>\n          </div>\n          ", "\n        </div>\n        <div id=\"body\" class=\"site-body\">\n          <div id=\"top\"></div>\n          <div class=\"site-inner\" part=\"site-inner\">\n            <header\n              class=\"site-header\"\n              .part=\"", "\"\n            >\n              <div class=\"btn-container\">\n                <div class=\"pull-right link-actions\">\n                  <bootstrap-search\n                    part=\"search-btn\"\n                    color-theme=\"", "\"\n                    @search-changed=", "\n                  ></bootstrap-search>\n                </div>\n              </div>\n            </header>\n            <main class=\"page-wrapper\" role=\"main\">\n              <bootstrap-breadcrumb color-theme=\"", "\">\n              </bootstrap-breadcrumb>\n              <div class=\"container p-0 site-options\">\n                ", "\n                <replace-tag\n                  with=\"site-print-button\"\n                  class=\"btn js-toolbar-action\"\n                  import-method=\"view\"\n                  part=\"print-btn\"\n                ></replace-tag>\n                ", "\n                <h3 class=\"display-6 page-title\">", "</h3>\n              </div>\n              <article class=\"shadow main-content container card mb-3\">\n                <div class=\"normal main-section\">\n                  <section class=\"p-2\">\n                    <site-search\n                      hide-input\n                      search=\"", "\"\n                      ?hidden=\"", "\"\n                      @search-item-selected=", "\n                    ></site-search>\n                  </section>\n                  <section\n                    class=\"p-2\"\n                    id=\"contentcontainer\"\n                    ?hidden=\"", "\"\n                  >\n                    <div id=\"slot\">\n                      <slot id=\"main-content\"></slot>\n                    </div>\n                  </section>\n                </div>\n              </article>\n            </main>\n            <footer>\n              <bootstrap-footer color-theme=\"", "\" part=\"footer\">\n              </bootstrap-footer>\n            </footer>\n          </div>\n        </div>\n      </div>\n    "])), this._bootstrapPath, this.__siteImage ? (0, _index.html)(_templateObject2_7a8750601f2611eda0c389891c227ec8 || (_templateObject2_7a8750601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<img class=\"site-img\" src=", " />"])), this.__siteImage) : "", this.__siteTitle, this.HAXCMSMobileMenu(), this.editMode ? "edit-mode-active" : "", this.colorTheme, this.searchChanged, this.colorTheme, this.HAXCMSMobileMenuButton(), this.BootstrapUserStylesMenu(), this.__pageTitle, this.searchTerm, this.searchTerm != "" ? false : true, this.searchItemSelected, this.searchTerm != "" ? true : false, this.colorTheme);
       }
     }, {
       key: "searchChanged",
@@ -197,7 +197,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../haxcms-elements/
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(BootstrapTheme), "styles", this)), [(0, _index.css)(_templateObject3_9f7229701f0511ed8cc3e9a95995ad69 || (_templateObject3_9f7229701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        /* var declaration and default styles */\n        :host {\n          --bootstrap-theme-link-color: #007bff;\n          --map-menu-item-a-color: var(--bootstrap-theme-link-color);\n          --bootstrap-theme-light-color: #000000;\n          --bootstrap-theme-light-background-color: #ffffff;\n          --bootstrap-theme-light-secondary-background-color: rgb(\n            242,\n            244,\n            244\n          );\n          --bootstrap-theme-light-secondary-color: rgb(233, 236, 239);\n          --bootstrap-theme-dark-background-color: #212121;\n          --bootstrap-theme-dark-secondary-background-color: #343a40;\n          --bootstrap-theme-dark-color: #ffffff;\n          --bootstrap-theme-palenight-background-color: rgb(13, 18, 41);\n          --bootstrap-theme-palenight-secondary-background-color: rgb(\n            26,\n            31,\n            54\n          );\n          --bootstrap-theme-palenight-color: #ffffff;\n          --site-menu-background-color: var(\n            --bootstrap-theme-light-secondary-background-color\n          );\n          display: block;\n          background-color: var(\n            --bootstrap-theme-light-secondary-background-color\n          );\n          --map-menu-item-height: 24px;\n          --map-menu-button-height: 34px;\n          --map-menu-header-button-min-height: 34px;\n          width: 100%;\n          display: flex;\n          padding: 0;\n          margin: 0;\n          min-height: 100vh;\n          flex-direction: column;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n        }\n        /* hidden styles */\n        :host([hidden]) {\n          display: none;\n        }\n        [hidden] {\n          display: none;\n        }\n        a {\n          color: #007bff;\n        }\n        /* menu styles */\n        :host([menu-open]) .menu-outline {\n          left: 0;\n          padding: 0 8px;\n        }\n\n        .menu-outline {\n          position: absolute;\n          top: 50px;\n          left: -300px;\n          bottom: 0;\n          z-index: 1;\n          width: 300px;\n          color: #364149;\n          background-color: var(\n            --bootstrap-theme-light-secondary-background-color\n          );\n          transition: left 250ms ease;\n        }\n\n        site-menu::part(map-menu) {\n          height: var(--site-menu-map-menu-height, calc(100vh - 130px));\n        }\n\n        #haxcmsmobilemenubutton {\n          padding-left: 0;\n        }\n\n        #haxcmsmobilemenunav {\n          margin-top: 32px;\n        }\n\n        /* site title above menu */\n        .site-title {\n          border-bottom: 1px solid black;\n          background-color: var(\n            --bootstrap-theme-light-secondary-background-color\n          );\n          display: flex;\n          align-items: center;\n          height: 48px;\n          display: sticky;\n        }\n        #haxcmsmobilemenunav {\n          height: calc(100vh - 130px);\n        }\n\n        .site-img {\n          display: inline-block;\n          width: 50px;\n          height: 50px;\n          border-radius: 50%;\n        }\n\n        :host([responsive-size=\"xs\"]) .main-content,\n        :host([responsive-size=\"sm\"]) .main-content {\n          overflow-x: hidden;\n        }\n        :host([responsive-size=\"xs\"]) .menu-outline,\n        :host([responsive-size=\"sm\"]) .menu-outline {\n          top: 0;\n        }\n        :host([responsive-size=\"xs\"]) .site-header,\n        :host([responsive-size=\"sm\"]) .site-header {\n          display: none;\n        }\n        :host([responsive-size=\"xs\"]) .page-inner {\n          overflow-x: auto;\n        }\n        :host([responsive-size=\"xs\"]) bootstrap-breadcrumb,\n        :host([responsive-size=\"sm\"]) bootstrap-breadcrumb {\n          display: none;\n        }\n\n        /* main content */\n        .site {\n          background-color: var(\n            --bootstrap-theme-light-secondary-background-color\n          );\n        }\n        replace-tag[with=\"site-print-button\"],\n        site-print-button {\n          color: black;\n          --haxcms-tooltip-color: #f5f5f5;\n          --haxcms-tooltip-background-color: #252737;\n        }\n        .site-body {\n          position: absolute;\n          top: 0;\n          right: 0;\n          left: 0;\n          bottom: 0;\n          min-width: 400px;\n          overflow-y: auto;\n          transition: left 250ms ease;\n        }\n        .site-body .site-inner {\n          position: relative;\n          top: 0;\n          right: 0;\n          left: 0;\n          bottom: 0;\n          overflow-y: auto;\n        }\n        :host([menu-open]) .site-body {\n          left: 300px;\n        }\n        :host([responsive-size=\"xs\"]) .site-body,\n        :host([responsive-size=\"sm\"]) .site-body {\n          overflow-x: hidden;\n          position: fixed;\n        }\n        :host([responsive-size=\"xs\"]) .main-content,\n        :host([responsive-size=\"sm\"]) .main-content {\n          overflow-x: hidden;\n        }\n        :host([responsive-size=\"xs\"]) .site-inner {\n          max-width: 100vw;\n        }\n        :host([responsive-size=\"xs\"]) .page-inner {\n          overflow-x: auto;\n        }\n        .page-wrapper {\n          position: relative;\n          outline: 0;\n        }\n        .main-content > :first-child {\n          margin-top: 0 !important;\n        }\n\n        /* header */\n        .pull-right {\n          float: right;\n        }\n        :host([is-logged-in]) .pull-right {\n          top: 48px;\n        }\n        .btn-container {\n          z-index: 2;\n          height: 50px;\n          padding: 6px;\n        }\n        .navigation {\n          position: fixed;\n          top: 50px;\n          bottom: 0px;\n          margin: 0px 20px;\n          max-width: 150px;\n          min-width: 90px;\n          display: flex;\n          place-content: center;\n          flex-direction: column;\n          font-size: 40px;\n          color: rgb(204, 204, 204);\n          text-align: center;\n          transition: all 0.35s ease 0s;\n        }\n\n        /* header */\n        .site-header {\n          overflow: visible;\n          height: 50px;\n          padding: 0 8px;\n          z-index: 2;\n          font-size: 0.85em;\n          color: #7e888b;\n          background: 0 0;\n        }\n        .page-title {\n          display: inline-flex;\n          margin-left: 12px;\n          overflow: hidden;\n          margin-bottom: 0px;\n          vertical-align: middle;\n          word-break: break-all;\n          max-width: 77%;\n          height: 32px;\n          line-height: 32px;\n          overflow-wrap: break-word;\n          text-overflow: ellipsis;\n        }\n        /* Light Theme */\n        :host([color-theme=\"0\"]) site-search {\n          color: #252737;\n          --site-search-result-background-color: transparent;\n          --site-search-result-background-color-hover: #f5f5f5;\n          --site-search-link-color-hover: #252737;\n          --site-search-link-text-color: #252737;\n          --site-search-link-color: #252737;\n          --site-search-result-color: #252737;\n        }\n\n        /* Dark Theme */\n        :host([color-theme=\"1\"]) {\n          background-color: var(--bootstrap-theme-dark-background-color);\n          --simple-fields-background-color: transparent;\n          --map-menu-item-a-color: var(--bootstrap-theme-dark-color);\n          --haxcms-user-styles-color-theme-color-color: var(\n            --bootstrap-theme-dark-color\n          );\n          --hax-base-styles-a-color: var(--bootstrap-theme-link-color);\n          --haxcms-tooltip-background-color: var(--bootstrap-theme-dark-color);\n          --haxcms-tooltip-color: var(--bootstrap-theme-dark-background-color);\n          --site-menu-background-color: var(\n            --bootstrap-theme-dark-background-color\n          );\n          --simple-icon-color: var(--bootstrap-theme-dark-color);\n        }\n\n        :host([color-theme=\"1\"]) site-search {\n          color: var(--bootstrap-theme-dark-color);\n          --site-search-result-background-color: var(\n            --bootstrap-theme-dark-secondary-background-color\n          );\n          --site-search-result-background-color-hover: var(\n            --bootstrap-theme-dark-secondary-background-color\n          );\n          --site-search-link-color-hover: var(--bootstrap-theme-dark-color);\n          --site-search-link-text-color: var(--bootstrap-theme-dark-color);\n          --site-search-link-color: var(--bootstrap-theme-dark-color);\n          --site-search-result-color: var(--bootstrap-theme-dark-color);\n        }\n\n        :host([color-theme=\"1\"]) .site-title {\n          border-bottom: 1px solid var(--bootstrap-theme-dark-color);\n          background-color: var(--bootstrap-theme-dark-background-color);\n        }\n\n        :host([color-theme=\"1\"]) .site {\n          background-color: var(--bootstrap-theme-dark-background-color);\n        }\n\n        :host([color-theme=\"1\"]) .menu-outline {\n          background-color: var(--bootstrap-theme-dark-background-color);\n        }\n\n        :host([color-theme=\"1\"]) .site-title {\n          color: #fff;\n        }\n\n        :host([color-theme=\"1\"]) .page-title {\n          color: #fff;\n        }\n\n        :host([color-theme=\"1\"]) .main-section {\n          color: var(--bootstrap-theme-dark-color);\n        }\n\n        :host([color-theme=\"1\"]) #site-search-input {\n          background-color: var(\n            --bootstrap-theme-dark-secondary-background-color\n          );\n        }\n\n        :host([color-theme=\"1\"]) .card {\n          background-color: var(\n            --bootstrap-theme-dark-secondary-background-color\n          );\n        }\n        :host([color-theme=\"1\"]) .card h1 h2 h3 h4 h5 h6 p {\n          color: #fff;\n        }\n        :host([color-theme=\"1\"]) .site-header .btn {\n          color: white;\n        }\n        :host([color-theme=\"1\"]) .site-header .btn:hover,\n        :host([color-theme=\"1\"]) .site-header .btn:focus,\n        :host([color-theme=\"1\"]) .site-header .btn:active {\n          color: #fffff5;\n          background: none;\n        }\n\n        :host([color-theme=\"1\"]) .site-header site-active-title {\n          color: #fff;\n        }\n\n        /* Palenight Theme */\n        :host([color-theme=\"2\"]) {\n          background-color: var(--bootstrap-theme-palenight-background-color);\n          --simple-fields-background-color: transparent;\n          --map-menu-item-a-color: var(--bootstrap-theme-palenight-color);\n          --haxcms-user-styles-color-theme-color-color: var(\n            --bootstrap-theme-palenight-color\n          );\n          --hax-base-styles-a-color: var(--bootstrap-theme-link-color);\n          --haxcms-tooltip-background-color: var(\n            --bootstrap-theme-palenight-color\n          );\n          --haxcms-tooltip-color: var(\n            --bootstrap-theme-palenight-background-color\n          );\n          --site-menu-background-color: var(\n            --bootstrap-theme-palenight-background-color\n          );\n          --simple-icon-color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) site-search {\n          color: var(--bootstrap-theme-palenight-color);\n          --site-search-result-background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n          --site-search-result-background-color-hover: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n          --site-search-link-color-hover: var(\n            --bootstrap-theme-palenight-color\n          );\n          --site-search-link-text-color: var(--bootstrap-theme-palenight-color);\n          --site-search-link-color: var(--bootstrap-theme-palenight-color);\n          --site-search-result-color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) .site-title {\n          border-bottom: 1px solid var(--bootstrap-theme-palenight-color);\n          background-color: var(--bootstrap-theme-palenight-background-color);\n          color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) .site {\n          background-color: var(--bootstrap-theme-palenight-background-color);\n        }\n\n        :host([color-theme=\"2\"]) .menu-outline {\n          background-color: var(--bootstrap-theme-palenight-background-color);\n        }\n\n        :host([color-theme=\"2\"]) .page-title {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) .main-section {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) #site-search-input {\n          background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n        }\n\n        :host([color-theme=\"2\"]) .card {\n          background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n        }\n        :host([color-theme=\"2\"]) .card h1 h2 h3 h4 h5 h6 p {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n        :host([color-theme=\"2\"]) .site-header .btn {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n        :host([color-theme=\"2\"]) .site-header .btn:hover,\n        :host([color-theme=\"2\"]) .site-header .btn:focus,\n        :host([color-theme=\"2\"]) .site-header .btn:active {\n          color: var(--bootstrap-theme-palenight-color);\n          background: none;\n        }\n\n        :host([color-theme=\"2\"]) .site-header site-active-title {\n          color: #fff;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(BootstrapTheme), "styles", this)), [(0, _index.css)(_templateObject3_7a8750601f2611eda0c389891c227ec8 || (_templateObject3_7a8750601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        /* var declaration and default styles */\n        :host {\n          --bootstrap-theme-link-color: #007bff;\n          --map-menu-item-a-color: var(--bootstrap-theme-link-color);\n          --bootstrap-theme-light-color: #000000;\n          --bootstrap-theme-light-background-color: #ffffff;\n          --bootstrap-theme-light-secondary-background-color: rgb(\n            242,\n            244,\n            244\n          );\n          --bootstrap-theme-light-secondary-color: rgb(233, 236, 239);\n          --bootstrap-theme-dark-background-color: #212121;\n          --bootstrap-theme-dark-secondary-background-color: #343a40;\n          --bootstrap-theme-dark-color: #ffffff;\n          --bootstrap-theme-palenight-background-color: rgb(13, 18, 41);\n          --bootstrap-theme-palenight-secondary-background-color: rgb(\n            26,\n            31,\n            54\n          );\n          --bootstrap-theme-palenight-color: #ffffff;\n          --site-menu-background-color: var(\n            --bootstrap-theme-light-secondary-background-color\n          );\n          display: block;\n          background-color: var(\n            --bootstrap-theme-light-secondary-background-color\n          );\n          --map-menu-item-height: 24px;\n          --map-menu-button-height: 34px;\n          --map-menu-header-button-min-height: 34px;\n          width: 100%;\n          display: flex;\n          padding: 0;\n          margin: 0;\n          min-height: 100vh;\n          flex-direction: column;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n        }\n        /* hidden styles */\n        :host([hidden]) {\n          display: none;\n        }\n        [hidden] {\n          display: none;\n        }\n        a {\n          color: #007bff;\n        }\n        /* menu styles */\n        :host([menu-open]) .menu-outline {\n          left: 0;\n          padding: 0 8px;\n        }\n\n        .menu-outline {\n          position: absolute;\n          top: 50px;\n          left: -300px;\n          bottom: 0;\n          z-index: 1;\n          width: 300px;\n          color: #364149;\n          background-color: var(\n            --bootstrap-theme-light-secondary-background-color\n          );\n          transition: left 250ms ease;\n        }\n\n        site-menu::part(map-menu) {\n          height: var(--site-menu-map-menu-height, calc(100vh - 130px));\n        }\n\n        #haxcmsmobilemenubutton {\n          padding-left: 0;\n        }\n\n        #haxcmsmobilemenunav {\n          margin-top: 32px;\n        }\n\n        /* site title above menu */\n        .site-title {\n          border-bottom: 1px solid black;\n          background-color: var(\n            --bootstrap-theme-light-secondary-background-color\n          );\n          display: flex;\n          align-items: center;\n          height: 48px;\n          display: sticky;\n        }\n        #haxcmsmobilemenunav {\n          height: calc(100vh - 130px);\n        }\n\n        .site-img {\n          display: inline-block;\n          width: 50px;\n          height: 50px;\n          border-radius: 50%;\n        }\n\n        :host([responsive-size=\"xs\"]) .main-content,\n        :host([responsive-size=\"sm\"]) .main-content {\n          overflow-x: hidden;\n        }\n        :host([responsive-size=\"xs\"]) .menu-outline,\n        :host([responsive-size=\"sm\"]) .menu-outline {\n          top: 0;\n        }\n        :host([responsive-size=\"xs\"]) .site-header,\n        :host([responsive-size=\"sm\"]) .site-header {\n          display: none;\n        }\n        :host([responsive-size=\"xs\"]) .page-inner {\n          overflow-x: auto;\n        }\n        :host([responsive-size=\"xs\"]) bootstrap-breadcrumb,\n        :host([responsive-size=\"sm\"]) bootstrap-breadcrumb {\n          display: none;\n        }\n\n        /* main content */\n        .site {\n          background-color: var(\n            --bootstrap-theme-light-secondary-background-color\n          );\n        }\n        replace-tag[with=\"site-print-button\"],\n        site-print-button {\n          color: black;\n          --haxcms-tooltip-color: #f5f5f5;\n          --haxcms-tooltip-background-color: #252737;\n        }\n        .site-body {\n          position: absolute;\n          top: 0;\n          right: 0;\n          left: 0;\n          bottom: 0;\n          min-width: 400px;\n          overflow-y: auto;\n          transition: left 250ms ease;\n        }\n        .site-body .site-inner {\n          position: relative;\n          top: 0;\n          right: 0;\n          left: 0;\n          bottom: 0;\n          overflow-y: auto;\n        }\n        :host([menu-open]) .site-body {\n          left: 300px;\n        }\n        :host([responsive-size=\"xs\"]) .site-body,\n        :host([responsive-size=\"sm\"]) .site-body {\n          overflow-x: hidden;\n          position: fixed;\n        }\n        :host([responsive-size=\"xs\"]) .main-content,\n        :host([responsive-size=\"sm\"]) .main-content {\n          overflow-x: hidden;\n        }\n        :host([responsive-size=\"xs\"]) .site-inner {\n          max-width: 100vw;\n        }\n        :host([responsive-size=\"xs\"]) .page-inner {\n          overflow-x: auto;\n        }\n        .page-wrapper {\n          position: relative;\n          outline: 0;\n        }\n        .main-content > :first-child {\n          margin-top: 0 !important;\n        }\n\n        /* header */\n        .pull-right {\n          float: right;\n        }\n        :host([is-logged-in]) .pull-right {\n          top: 48px;\n        }\n        .btn-container {\n          z-index: 2;\n          height: 50px;\n          padding: 6px;\n        }\n        .navigation {\n          position: fixed;\n          top: 50px;\n          bottom: 0px;\n          margin: 0px 20px;\n          max-width: 150px;\n          min-width: 90px;\n          display: flex;\n          place-content: center;\n          flex-direction: column;\n          font-size: 40px;\n          color: rgb(204, 204, 204);\n          text-align: center;\n          transition: all 0.35s ease 0s;\n        }\n\n        /* header */\n        .site-header {\n          overflow: visible;\n          height: 50px;\n          padding: 0 8px;\n          z-index: 2;\n          font-size: 0.85em;\n          color: #7e888b;\n          background: 0 0;\n        }\n        .page-title {\n          display: inline-flex;\n          margin-left: 12px;\n          overflow: hidden;\n          margin-bottom: 0px;\n          vertical-align: middle;\n          word-break: break-all;\n          max-width: 77%;\n          height: 32px;\n          line-height: 32px;\n          overflow-wrap: break-word;\n          text-overflow: ellipsis;\n        }\n        /* Light Theme */\n        :host([color-theme=\"0\"]) site-search {\n          color: #252737;\n          --site-search-result-background-color: transparent;\n          --site-search-result-background-color-hover: #f5f5f5;\n          --site-search-link-color-hover: #252737;\n          --site-search-link-text-color: #252737;\n          --site-search-link-color: #252737;\n          --site-search-result-color: #252737;\n        }\n\n        /* Dark Theme */\n        :host([color-theme=\"1\"]) {\n          background-color: var(--bootstrap-theme-dark-background-color);\n          --simple-fields-background-color: transparent;\n          --map-menu-item-a-color: var(--bootstrap-theme-dark-color);\n          --haxcms-user-styles-color-theme-color-color: var(\n            --bootstrap-theme-dark-color\n          );\n          --hax-base-styles-a-color: var(--bootstrap-theme-link-color);\n          --haxcms-tooltip-background-color: var(--bootstrap-theme-dark-color);\n          --haxcms-tooltip-color: var(--bootstrap-theme-dark-background-color);\n          --site-menu-background-color: var(\n            --bootstrap-theme-dark-background-color\n          );\n          --simple-icon-color: var(--bootstrap-theme-dark-color);\n        }\n\n        :host([color-theme=\"1\"]) site-search {\n          color: var(--bootstrap-theme-dark-color);\n          --site-search-result-background-color: var(\n            --bootstrap-theme-dark-secondary-background-color\n          );\n          --site-search-result-background-color-hover: var(\n            --bootstrap-theme-dark-secondary-background-color\n          );\n          --site-search-link-color-hover: var(--bootstrap-theme-dark-color);\n          --site-search-link-text-color: var(--bootstrap-theme-dark-color);\n          --site-search-link-color: var(--bootstrap-theme-dark-color);\n          --site-search-result-color: var(--bootstrap-theme-dark-color);\n        }\n\n        :host([color-theme=\"1\"]) .site-title {\n          border-bottom: 1px solid var(--bootstrap-theme-dark-color);\n          background-color: var(--bootstrap-theme-dark-background-color);\n        }\n\n        :host([color-theme=\"1\"]) .site {\n          background-color: var(--bootstrap-theme-dark-background-color);\n        }\n\n        :host([color-theme=\"1\"]) .menu-outline {\n          background-color: var(--bootstrap-theme-dark-background-color);\n        }\n\n        :host([color-theme=\"1\"]) .site-title {\n          color: #fff;\n        }\n\n        :host([color-theme=\"1\"]) .page-title {\n          color: #fff;\n        }\n\n        :host([color-theme=\"1\"]) .main-section {\n          color: var(--bootstrap-theme-dark-color);\n        }\n\n        :host([color-theme=\"1\"]) #site-search-input {\n          background-color: var(\n            --bootstrap-theme-dark-secondary-background-color\n          );\n        }\n\n        :host([color-theme=\"1\"]) .card {\n          background-color: var(\n            --bootstrap-theme-dark-secondary-background-color\n          );\n        }\n        :host([color-theme=\"1\"]) .card h1 h2 h3 h4 h5 h6 p {\n          color: #fff;\n        }\n        :host([color-theme=\"1\"]) .site-header .btn {\n          color: white;\n        }\n        :host([color-theme=\"1\"]) .site-header .btn:hover,\n        :host([color-theme=\"1\"]) .site-header .btn:focus,\n        :host([color-theme=\"1\"]) .site-header .btn:active {\n          color: #fffff5;\n          background: none;\n        }\n\n        :host([color-theme=\"1\"]) .site-header site-active-title {\n          color: #fff;\n        }\n\n        /* Palenight Theme */\n        :host([color-theme=\"2\"]) {\n          background-color: var(--bootstrap-theme-palenight-background-color);\n          --simple-fields-background-color: transparent;\n          --map-menu-item-a-color: var(--bootstrap-theme-palenight-color);\n          --haxcms-user-styles-color-theme-color-color: var(\n            --bootstrap-theme-palenight-color\n          );\n          --hax-base-styles-a-color: var(--bootstrap-theme-link-color);\n          --haxcms-tooltip-background-color: var(\n            --bootstrap-theme-palenight-color\n          );\n          --haxcms-tooltip-color: var(\n            --bootstrap-theme-palenight-background-color\n          );\n          --site-menu-background-color: var(\n            --bootstrap-theme-palenight-background-color\n          );\n          --simple-icon-color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) site-search {\n          color: var(--bootstrap-theme-palenight-color);\n          --site-search-result-background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n          --site-search-result-background-color-hover: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n          --site-search-link-color-hover: var(\n            --bootstrap-theme-palenight-color\n          );\n          --site-search-link-text-color: var(--bootstrap-theme-palenight-color);\n          --site-search-link-color: var(--bootstrap-theme-palenight-color);\n          --site-search-result-color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) .site-title {\n          border-bottom: 1px solid var(--bootstrap-theme-palenight-color);\n          background-color: var(--bootstrap-theme-palenight-background-color);\n          color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) .site {\n          background-color: var(--bootstrap-theme-palenight-background-color);\n        }\n\n        :host([color-theme=\"2\"]) .menu-outline {\n          background-color: var(--bootstrap-theme-palenight-background-color);\n        }\n\n        :host([color-theme=\"2\"]) .page-title {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) .main-section {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) #site-search-input {\n          background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n        }\n\n        :host([color-theme=\"2\"]) .card {\n          background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n        }\n        :host([color-theme=\"2\"]) .card h1 h2 h3 h4 h5 h6 p {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n        :host([color-theme=\"2\"]) .site-header .btn {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n        :host([color-theme=\"2\"]) .site-header .btn:hover,\n        :host([color-theme=\"2\"]) .site-header .btn:focus,\n        :host([color-theme=\"2\"]) .site-header .btn:active {\n          color: var(--bootstrap-theme-palenight-color);\n          background: none;\n        }\n\n        :host([color-theme=\"2\"]) .site-header site-active-title {\n          color: #fff;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapBreadcrumb.js b/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapBreadcrumb.js
index f6e4a9abad2..8c9702bbb35 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapBreadcrumb.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapBreadcrumb.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-icon/lib/simpl
   _exports.BootstrapBreadcrumb = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_dc16c2501f0511ed8cc3e9a95995ad69, _templateObject2_dc16c2501f0511ed8cc3e9a95995ad69, _templateObject3_dc16c2501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b270ab201f2611eda0c389891c227ec8, _templateObject2_b270ab201f2611eda0c389891c227ec8, _templateObject3_b270ab201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -71,8 +71,8 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-icon/lib/simpl
     babelHelpers.createClass(BootstrapBreadcrumb, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc16c2501f0511ed8cc3e9a95995ad69 || (_templateObject_dc16c2501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <link rel=\"stylesheet\" href=\"", "\" />\n      <div class=\"container p-0 mb-3\">\n        <nav aria-label=\"breadcrumb\">\n          <ol class=\"breadcrumb m-auto\">\n            <li\n              id=\"home\"\n              class=\"breadcrumb-item\"\n              data-bs-toggle=\"tooltip\"\n              data-bs-placement=\"top\"\n              title=\"", "\"\n            >\n              <a href=\"", "\">\n                <simple-icon-lite accent-color=\"blue\" icon=\"home\">\n                </simple-icon-lite>\n              </a>\n            </li>\n            ", "\n          </ol>\n        </nav>\n      </div>\n    "])), this._bootstrapPath, this.homeItem.title, this.homeItem.slug, this.items.map(function (item) {
-          return (0, _index.html)(_templateObject2_dc16c2501f0511ed8cc3e9a95995ad69 || (_templateObject2_dc16c2501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <li\n                    class=\"breadcrumb-item\"\n                    data-bs-toggle=\"tooltip\"\n                    data-bs-placement=\"top\"\n                    title=\"", "\"\n                  >\n                    <a href=\"", "\"> ", " </a>\n                  </li>\n                "])), item.title, item.slug, item.title);
+        return (0, _index.html)(_templateObject_b270ab201f2611eda0c389891c227ec8 || (_templateObject_b270ab201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <link rel=\"stylesheet\" href=\"", "\" />\n      <div class=\"container p-0 mb-3\">\n        <nav aria-label=\"breadcrumb\">\n          <ol class=\"breadcrumb m-auto\">\n            <li\n              id=\"home\"\n              class=\"breadcrumb-item\"\n              data-bs-toggle=\"tooltip\"\n              data-bs-placement=\"top\"\n              title=\"", "\"\n            >\n              <a href=\"", "\">\n                <simple-icon-lite accent-color=\"blue\" icon=\"home\">\n                </simple-icon-lite>\n              </a>\n            </li>\n            ", "\n          </ol>\n        </nav>\n      </div>\n    "])), this._bootstrapPath, this.homeItem.title, this.homeItem.slug, this.items.map(function (item) {
+          return (0, _index.html)(_templateObject2_b270ab201f2611eda0c389891c227ec8 || (_templateObject2_b270ab201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <li\n                    class=\"breadcrumb-item\"\n                    data-bs-toggle=\"tooltip\"\n                    data-bs-placement=\"top\"\n                    title=\"", "\"\n                  >\n                    <a href=\"", "\"> ", " </a>\n                  </li>\n                "])), item.title, item.slug, item.title);
         }));
       }
     }, {
@@ -113,7 +113,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-icon/lib/simpl
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_dc16c2501f0511ed8cc3e9a95995ad69 || (_templateObject3_dc16c2501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --bootstrap-dark-theme-secondary-background-color: #343a40;\n          --simple-icon-height: 18px;\n          --simple-icon-width: 18px;\n          --simple-icon-color: #007bff;\n        }\n        a {\n          color: #007bff;\n        }\n\n        .container {\n          background-color: #e9ecef;\n          border-radius: 5px;\n        }\n\n        .breadcrumb {\n          -moz-box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n          -webkit-box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n          box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n        }\n\n        simple-icon-lite {\n          margin-bottom: 5px;\n        }\n\n        a:hover simple-icon-lite {\n          text-decoration: underline;\n        }\n\n        /* dark mode */\n        :host([color-theme=\"1\"]) {\n          --simple-icon-color: #999;\n        }\n\n        :host([color-theme=\"1\"]) simple-icon-lite:hover {\n          --simple-icon-color: #fff;\n        }\n\n        :host([color-theme=\"1\"]) .breadcrumb {\n          background-color: var(\n            --bootstrap-dark-theme-secondary-background-color\n          );\n          -moz-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          -webkit-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n        }\n\n        :host([color-theme=\"1\"]) .container {\n          background-color: var(\n            --bootstrap-dark-theme-secondary-background-color\n          );\n        }\n\n        :host([color-theme=\"1\"]) a {\n          color: #999;\n        }\n\n        :host([color-theme=\"1\"]) a:hover {\n          color: #fff;\n        }\n\n        /* palenight theme */\n        :host([color-theme=\"2\"]) {\n          --simple-icon-color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) simple-icon-lite:hover {\n          --simple-icon-color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) .breadcrumb {\n          background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n          -moz-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          -webkit-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n        }\n\n        :host([color-theme=\"2\"]) .container {\n          background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n        }\n\n        :host([color-theme=\"2\"]) a {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) a:hover {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_b270ab201f2611eda0c389891c227ec8 || (_templateObject3_b270ab201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --bootstrap-dark-theme-secondary-background-color: #343a40;\n          --simple-icon-height: 18px;\n          --simple-icon-width: 18px;\n          --simple-icon-color: #007bff;\n        }\n        a {\n          color: #007bff;\n        }\n\n        .container {\n          background-color: #e9ecef;\n          border-radius: 5px;\n        }\n\n        .breadcrumb {\n          -moz-box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n          -webkit-box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n          box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n        }\n\n        simple-icon-lite {\n          margin-bottom: 5px;\n        }\n\n        a:hover simple-icon-lite {\n          text-decoration: underline;\n        }\n\n        /* dark mode */\n        :host([color-theme=\"1\"]) {\n          --simple-icon-color: #999;\n        }\n\n        :host([color-theme=\"1\"]) simple-icon-lite:hover {\n          --simple-icon-color: #fff;\n        }\n\n        :host([color-theme=\"1\"]) .breadcrumb {\n          background-color: var(\n            --bootstrap-dark-theme-secondary-background-color\n          );\n          -moz-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          -webkit-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n        }\n\n        :host([color-theme=\"1\"]) .container {\n          background-color: var(\n            --bootstrap-dark-theme-secondary-background-color\n          );\n        }\n\n        :host([color-theme=\"1\"]) a {\n          color: #999;\n        }\n\n        :host([color-theme=\"1\"]) a:hover {\n          color: #fff;\n        }\n\n        /* palenight theme */\n        :host([color-theme=\"2\"]) {\n          --simple-icon-color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) simple-icon-lite:hover {\n          --simple-icon-color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) .breadcrumb {\n          background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n          -moz-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          -webkit-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n        }\n\n        :host([color-theme=\"2\"]) .container {\n          background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n        }\n\n        :host([color-theme=\"2\"]) a {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) a:hover {\n          color: var(--bootstrap-theme-palenight-color);\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapFooter.js b/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapFooter.js
index 93a185792f3..6e14e3f682c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapFooter.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapFooter.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-icon/lib/simpl
   _exports.BootstrapFooter = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_dc19f6a01f0511ed8cc3e9a95995ad69, _templateObject2_dc19f6a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b27343301f2611eda0c389891c227ec8, _templateObject2_b27343301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -61,7 +61,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-icon/lib/simpl
     babelHelpers.createClass(BootstrapFooter, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc19f6a01f0511ed8cc3e9a95995ad69 || (_templateObject_dc19f6a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <link rel=\"stylesheet\" href=\"", "\" />\n      <div class=\"container\">\n        <a class=\"backward\" href=\"", "\">\n          <button class=\"btn btn-outline-primary\">\n            <simple-icon-lite icon=\"av:fast-rewind\"></simple-icon-lite>\n            ", "\n          </button>\n        </a>\n        <a class=\"forward\" href=\"", "\">\n          <button class=\"btn btn-outline-primary forward\">\n            ", "\n            <simple-icon-lite icon=\"av:fast-forward\"></simple-icon-lite>\n          </button>\n        </a>\n      </div>\n    "])), this._bootstrapPath, this._backwardItem.slug, this._backwardItem.title, this._forwardItem.slug, this._forwardItem.title);
+        return (0, _index.html)(_templateObject_b27343301f2611eda0c389891c227ec8 || (_templateObject_b27343301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <link rel=\"stylesheet\" href=\"", "\" />\n      <div class=\"container\">\n        <a class=\"backward\" href=\"", "\">\n          <button class=\"btn btn-outline-primary\">\n            <simple-icon-lite icon=\"av:fast-rewind\"></simple-icon-lite>\n            ", "\n          </button>\n        </a>\n        <a class=\"forward\" href=\"", "\">\n          <button class=\"btn btn-outline-primary forward\">\n            ", "\n            <simple-icon-lite icon=\"av:fast-forward\"></simple-icon-lite>\n          </button>\n        </a>\n      </div>\n    "])), this._bootstrapPath, this._backwardItem.slug, this._backwardItem.title, this._forwardItem.slug, this._forwardItem.title);
       }
     }, {
       key: "getBasePath",
@@ -76,7 +76,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-icon/lib/simpl
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dc19f6a01f0511ed8cc3e9a95995ad69 || (_templateObject2_dc19f6a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin-bottom: 10px;\n          --simple-icon-height: 18px;\n          --simple-icon-width: 18px;\n          --simple-icon-color: #007bff;\n        }\n        .btn-outline-primary {\n          color: #007bff;\n          border-color: #007bff;\n        }\n\n        .btn-outline-primary:active,\n        .btn-outline-primary:focus,\n        .btn-outline-primary:hover {\n          --simple-icon-color: white;\n          color: #fff;\n          background-color: #007bff;\n          border-color: #007bff;\n        }\n\n        .container {\n          display: flex;\n          background-color: #e9ecef;\n          border-radius: 5px;\n          padding: 10px;\n          -moz-box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n          -webkit-box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n          box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n        }\n\n        .forward {\n          margin-left: auto;\n        }\n\n        .backward {\n          margin-right: auto;\n        }\n\n        simple-icon-lite {\n          margin-bottom: 3px;\n        }\n\n        a {\n          text-decoration: none;\n          color: #007bff;\n        }\n        /* dark theme */\n        :host([color-theme=\"1\"]) {\n          --simple-icon-color: var(--bootstrap-theme-dark-color);\n        }\n\n        :host([color-theme=\"1\"]) .btn {\n          color: var(--bootstrap-theme-dark-color);\n          background-color: transparent;\n          background-image: none;\n          border-color: #6c757d;\n        }\n\n        :host([color-theme=\"1\"]) .btn:hover {\n          color: var(--bootstrap-theme-dark-color);\n          background-color: #6c757d;\n          border-color: #6c757d;\n        }\n\n        :host([color-theme=\"1\"]) .container {\n          background-color: var(\n            --bootstrap-theme-dark-secondary-background-color\n          );\n          -moz-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          -webkit-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n        }\n        /* palenight theme */\n        :host([color-theme=\"2\"]) {\n          --simple-icon-color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) .btn {\n          color: var(--bootstrap-theme-palenight-color);\n          background-color: transparent;\n          background-image: none;\n          border-color: #6c757d;\n        }\n\n        :host([color-theme=\"2\"]) .btn:hover {\n          color: var(--bootstrap-theme-palenight-color);\n          background-color: #6c757d;\n          border-color: #6c757d;\n        }\n\n        :host([color-theme=\"2\"]) .container {\n          background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n          -moz-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          -webkit-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b27343301f2611eda0c389891c227ec8 || (_templateObject2_b27343301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin-bottom: 10px;\n          --simple-icon-height: 18px;\n          --simple-icon-width: 18px;\n          --simple-icon-color: #007bff;\n        }\n        .btn-outline-primary {\n          color: #007bff;\n          border-color: #007bff;\n        }\n\n        .btn-outline-primary:active,\n        .btn-outline-primary:focus,\n        .btn-outline-primary:hover {\n          --simple-icon-color: white;\n          color: #fff;\n          background-color: #007bff;\n          border-color: #007bff;\n        }\n\n        .container {\n          display: flex;\n          background-color: #e9ecef;\n          border-radius: 5px;\n          padding: 10px;\n          -moz-box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n          -webkit-box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n          box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);\n        }\n\n        .forward {\n          margin-left: auto;\n        }\n\n        .backward {\n          margin-right: auto;\n        }\n\n        simple-icon-lite {\n          margin-bottom: 3px;\n        }\n\n        a {\n          text-decoration: none;\n          color: #007bff;\n        }\n        /* dark theme */\n        :host([color-theme=\"1\"]) {\n          --simple-icon-color: var(--bootstrap-theme-dark-color);\n        }\n\n        :host([color-theme=\"1\"]) .btn {\n          color: var(--bootstrap-theme-dark-color);\n          background-color: transparent;\n          background-image: none;\n          border-color: #6c757d;\n        }\n\n        :host([color-theme=\"1\"]) .btn:hover {\n          color: var(--bootstrap-theme-dark-color);\n          background-color: #6c757d;\n          border-color: #6c757d;\n        }\n\n        :host([color-theme=\"1\"]) .container {\n          background-color: var(\n            --bootstrap-theme-dark-secondary-background-color\n          );\n          -moz-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          -webkit-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n        }\n        /* palenight theme */\n        :host([color-theme=\"2\"]) {\n          --simple-icon-color: var(--bootstrap-theme-palenight-color);\n        }\n\n        :host([color-theme=\"2\"]) .btn {\n          color: var(--bootstrap-theme-palenight-color);\n          background-color: transparent;\n          background-image: none;\n          border-color: #6c757d;\n        }\n\n        :host([color-theme=\"2\"]) .btn:hover {\n          color: var(--bootstrap-theme-palenight-color);\n          background-color: #6c757d;\n          border-color: #6c757d;\n        }\n\n        :host([color-theme=\"2\"]) .container {\n          background-color: var(\n            --bootstrap-theme-palenight-secondary-background-color\n          );\n          -moz-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          -webkit-box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n          box-shadow: inset 0 2px 4px 0\n            rgb(var(--bootstrap-theme-light-secondary-background-color), 0.7);\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapSearch.js b/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapSearch.js
index 3adc5a60441..555d42ea98d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapSearch.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapSearch.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../../mobx/dist/mobx.esm
   _exports.BootstrapSearch = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_dc1c19801f0511ed8cc3e9a95995ad69, _templateObject2_dc1c19801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2753f001f2611eda0c389891c227ec8, _templateObject2_b2753f001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -38,7 +38,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../../mobx/dist/mobx.esm
     babelHelpers.createClass(BootstrapSearch, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc1c19801f0511ed8cc3e9a95995ad69 || (_templateObject_dc1c19801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <link rel=\"stylesheet\" href=\"", "\" />\n      <form class=\"d-flex\">\n        <input\n          class=\"form-control me-2\"\n          type=\"search\"\n          placeholder=\"Type to search\"\n          aria-label=\"Search\"\n          @input=", "\n        />\n      </form>\n    "])), this._bootstrapPath, this.inputChanged);
+        return (0, _index.html)(_templateObject_b2753f001f2611eda0c389891c227ec8 || (_templateObject_b2753f001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <link rel=\"stylesheet\" href=\"", "\" />\n      <form class=\"d-flex\">\n        <input\n          class=\"form-control me-2\"\n          type=\"search\"\n          placeholder=\"Type to search\"\n          aria-label=\"Search\"\n          @input=", "\n        />\n      </form>\n    "])), this._bootstrapPath, this.inputChanged);
       }
     }, {
       key: "inputChanged",
@@ -77,7 +77,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../../mobx/dist/mobx.esm
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dc1c19801f0511ed8cc3e9a95995ad69 || (_templateObject2_dc1c19801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          float: right;\n        }\n        input {\n          max-width: var(--bootstrap-search-max-width, 300px);\n          width: var(--bootstrap-search-width, 300px);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b2753f001f2611eda0c389891c227ec8 || (_templateObject2_b2753f001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          float: right;\n        }\n        input {\n          max-width: var(--bootstrap-search-max-width, 300px);\n          width: var(--bootstrap-search-width, 300px);\n        }\n      "])))];
       }
     }]);
     return BootstrapSearch;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapUserStylesMenuMixin.js b/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapUserStylesMenuMixin.js
index 471c7b9b463..129800626b7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapUserStylesMenuMixin.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/bootstrap-theme/lib/BootstrapUserStylesMenuMixin.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "../../utils/util
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_dc2170b01f0511ed8cc3e9a95995ad69, _templateObject2_dc2170b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b27a21001f2611eda0c389891c227ec8, _templateObject2_b27a21001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -65,7 +65,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "../../utils/util
           new Promise(function (res, rej) {
             return _require.default(["../../simple-tooltip/simple-tooltip.js"], res, rej);
           });
-          return (0, _index.html)(_templateObject_dc2170b01f0511ed8cc3e9a95995ad69 || (_templateObject_dc2170b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <link rel=\"stylesheet\" href=\"", "\" />\n        <simple-icon-button-lite\n          .part=\"", "\"\n          class=\"btn\"\n          aria-label=\"Text settings\"\n          icon=\"editor:format-size\"\n          @click=\"", "\"\n          id=\"haxcmsuserstylesmenupopover\"\n        ></simple-icon-button-lite>\n        <simple-tooltip for=\"haxcmsuserstylesmenupopover\">\n          Text settings\n        </simple-tooltip>\n        <simple-popover\n          class=\"hcusm pull-left font-settings js-toolbar-action hcusm-settings-container\"\n          ?hidden=\"", "\"\n          id=\"haxcmsuserstylesmenu\"\n          auto\n        >\n          <div class=\"open\">\n            <div class=\"hcusm-caret\">\n              <span class=\"hcusm-caret-outer\"></span>\n              <span class=\"hcusm-caret-inner\"></span>\n            </div>\n            <div class=\"btn-group-title\">Font Size</div>\n            <div class=\"btn-group\" role=\"group\">\n              <button class=\"btn btn-size\" @click=\"", "\">\n                A\n              </button>\n              <button\n                class=\"btn btn-size size-2\"\n                @click=\"", "\"\n              >\n                A\n              </button>\n            </div>\n            <div class=\"btn-group-title\">Font Family</div>\n            <div class=\"btn-group\" role=\"group\">\n              <button\n                class=\"btn btn-font\"\n                data-font=\"0\"\n                @click=\"", "\"\n              >\n                Sans\n              </button>\n              <button\n                class=\"btn btn-font\"\n                data-font=\"1\"\n                @click=\"", "\"\n              >\n                Monospace\n              </button>\n            </div>\n            <div class=\"btn-group-title\">Theme Color</div>\n            <div class=\"btn-group\">\n              <button\n                class=\"btn btn-light\"\n                data-theme=\"0\"\n                @click=\"", "\"\n              >\n                Light\n              </button>\n              <button\n                class=\"btn btn-palenight\"\n                data-theme=\"2\"\n                @click=\"", "\"\n              >\n                Palenight\n              </button>\n              <button\n                class=\"btn btn-dark\"\n                data-theme=\"1\"\n                @click=\"", "\"\n              >\n                Dark\n              </button>\n            </div>\n          </div>\n        </simple-popover>\n      "])), this._bootstrapPath, this.editMode ? "edit-mode-active" : "", this.toggleUserStylesMenu, this.hideUserStylesMenu, this.UserStylesSizeDown, this.UserStylesSizeUp, this.UserStylesFontFamilyChange, this.UserStylesFontFamilyChange, this.UserStylesColorThemeChange, this.UserStylesColorThemeChange, this.UserStylesColorThemeChange);
+          return (0, _index.html)(_templateObject_b27a21001f2611eda0c389891c227ec8 || (_templateObject_b27a21001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <link rel=\"stylesheet\" href=\"", "\" />\n        <simple-icon-button-lite\n          .part=\"", "\"\n          class=\"btn\"\n          aria-label=\"Text settings\"\n          icon=\"editor:format-size\"\n          @click=\"", "\"\n          id=\"haxcmsuserstylesmenupopover\"\n        ></simple-icon-button-lite>\n        <simple-tooltip for=\"haxcmsuserstylesmenupopover\">\n          Text settings\n        </simple-tooltip>\n        <simple-popover\n          class=\"hcusm pull-left font-settings js-toolbar-action hcusm-settings-container\"\n          ?hidden=\"", "\"\n          id=\"haxcmsuserstylesmenu\"\n          auto\n        >\n          <div class=\"open\">\n            <div class=\"hcusm-caret\">\n              <span class=\"hcusm-caret-outer\"></span>\n              <span class=\"hcusm-caret-inner\"></span>\n            </div>\n            <div class=\"btn-group-title\">Font Size</div>\n            <div class=\"btn-group\" role=\"group\">\n              <button class=\"btn btn-size\" @click=\"", "\">\n                A\n              </button>\n              <button\n                class=\"btn btn-size size-2\"\n                @click=\"", "\"\n              >\n                A\n              </button>\n            </div>\n            <div class=\"btn-group-title\">Font Family</div>\n            <div class=\"btn-group\" role=\"group\">\n              <button\n                class=\"btn btn-font\"\n                data-font=\"0\"\n                @click=\"", "\"\n              >\n                Sans\n              </button>\n              <button\n                class=\"btn btn-font\"\n                data-font=\"1\"\n                @click=\"", "\"\n              >\n                Monospace\n              </button>\n            </div>\n            <div class=\"btn-group-title\">Theme Color</div>\n            <div class=\"btn-group\">\n              <button\n                class=\"btn btn-light\"\n                data-theme=\"0\"\n                @click=\"", "\"\n              >\n                Light\n              </button>\n              <button\n                class=\"btn btn-palenight\"\n                data-theme=\"2\"\n                @click=\"", "\"\n              >\n                Palenight\n              </button>\n              <button\n                class=\"btn btn-dark\"\n                data-theme=\"1\"\n                @click=\"", "\"\n              >\n                Dark\n              </button>\n            </div>\n          </div>\n        </simple-popover>\n      "])), this._bootstrapPath, this.editMode ? "edit-mode-active" : "", this.toggleUserStylesMenu, this.hideUserStylesMenu, this.UserStylesSizeDown, this.UserStylesSizeUp, this.UserStylesFontFamilyChange, this.UserStylesFontFamilyChange, this.UserStylesColorThemeChange, this.UserStylesColorThemeChange, this.UserStylesColorThemeChange);
         }
       }, {
         key: "checkUserStylesMenuOpen",
@@ -147,7 +147,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "../../utils/util
             styles = babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this);
           }
 
-          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_dc2170b01f0511ed8cc3e9a95995ad69 || (_templateObject2_dc2170b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          /* bootstrap defaults */\n          :host([font-family=\"0\"]) {\n            font-family: var(--font-family-sans-serif);\n          }\n          :host([font-family=\"1\"]) {\n            font-family: var(--font-family-monospace);\n          }\n          :host([font-size=\"0\"]) {\n            --haxcms-base-styles-body-font-size: 1.2rem;\n            --hax-base-styles-p-font-size: 1.2rem;\n            --hax-base-styles-list-font-size: 1.2rem;\n            --hax-base-styles-a-font-size: 1.2rem;\n            --hax-base-styles-h1-font-size: 2.2rem;\n            --hax-base-styles-h2-font-size: 2rem;\n            --hax-base-styles-h3-font-size: 1.8rem;\n            --hax-base-styles-h4-font-size: 1.6rem;\n            --hax-base-styles-h5-font-size: 1.4rem;\n            --hax-base-styles-h6-font-size: 1.2rem;\n          }\n          :host([font-size=\"1\"]) {\n            --haxcms-base-styles-body-font-size: 1.4rem;\n            --hax-base-styles-p-font-size: 1.4rem;\n            --hax-base-styles-list-font-size: 1.4rem;\n            --hax-base-styles-a-font-size: 1.4rem;\n            --hax-base-styles-h1-font-size: 2.4rem;\n            --hax-base-styles-h2-font-size: 2.2rem;\n            --hax-base-styles-h3-font-size: 2rem;\n            --hax-base-styles-h4-font-size: 1.8rem;\n            --hax-base-styles-h5-font-size: 1.6rem;\n            --hax-base-styles-h6-font-size: 1.4rem;\n          }\n          :host([font-size=\"2\"]) {\n            --haxcms-base-styles-body-font-size: 1.6rem;\n            --hax-base-styles-p-font-size: 1.6rem;\n            --hax-base-styles-list-font-size: 1.6rem;\n            --hax-base-styles-a-font-size: 1.6rem;\n            --hax-base-styles-h1-font-size: 2.6rem;\n            --hax-base-styles-h2-font-size: 2.4rem;\n            --hax-base-styles-h3-font-size: 2.2rem;\n            --hax-base-styles-h4-font-size: 2rem;\n            --hax-base-styles-h5-font-size: 1.8rem;\n            --hax-base-styles-h6-font-size: 1.6rem;\n          }\n          :host([font-size=\"3\"]) {\n            --haxcms-base-styles-body-font-size: 1.8rem;\n            --hax-base-styles-p-font-size: 1.8rem;\n            --hax-base-styles-list-font-size: 1.8rem;\n            --hax-base-styles-a-font-size: 1.8rem;\n            --hax-base-styles-h1-font-size: 2.8rem;\n            --hax-base-styles-h2-font-size: 2.6rem;\n            --hax-base-styles-h3-font-size: 2.4rem;\n            --hax-base-styles-h4-font-size: 2.2rem;\n            --hax-base-styles-h5-font-size: 2rem;\n            --hax-base-styles-h6-font-size: 1.8rem;\n          }\n          :host([font-size=\"4\"]) {\n            --haxcms-base-styles-body-font-size: 2rem;\n            --hax-base-styles-p-font-size: 2rem;\n            --hax-base-styles-list-font-size: 2rem;\n            --hax-base-styles-a-font-size: 2rem;\n            --hax-base-styles-h1-font-size: 3rem;\n            --hax-base-styles-h2-font-size: 2.8rem;\n            --hax-base-styles-h3-font-size: 2.6rem;\n            --hax-base-styles-h4-font-size: 2.4rem;\n            --hax-base-styles-h5-font-size: 2.2rem;\n            --hax-base-styles-h6-font-size: 2rem;\n          }\n          :host([color-theme=\"0\"]) {\n            --haxcms-user-styles-color-theme-color-color: #000000;\n            --haxcms-user-styles-color-theme-color-background: #ffffff;\n            --haxcms-user-styles-color-theme-color-1: #252737;\n            --haxcms-user-styles-color-theme-color-2: #f5f5f5;\n            --haxcms-user-styles-color-theme-color-3: #f5f5f5;\n            --haxcms-user-styles-color-theme-color-4: var(\n              --simple-colors-default-theme-blue-8,\n              #4183c4\n            );\n            --hax-base-styles-a-color-visited: var(\n              --simple-colors-default-theme-blue-7,\n              #4183c4\n            );\n            --hax-base-styles-a-color: var(\n              --simple-colors-default-theme-blue-7,\n              #4183c4\n            );\n            --hax-base-styles-a-color-active: #000000;\n          }\n\n          :host([color-theme=\"0\"]) .hcusm {\n            border-color: #222222;\n          }\n          :host([color-theme=\"0\"]) .hcusm simple-popover {\n            --simple-popover-color: #222222;\n            --simple-popover-background-color: #fafafa;\n          }\n          #slot ::slotted(*) {\n            font-size: var(--haxcms-base-styles-body-font-size, 1em);\n            color: var(--haxcms-user-styles-color-theme-color-color);\n          }\n          simple-icon-button-lite:not(:defined),\n          simple-popover:not(:defined) {\n            display: none;\n          }\n          simple-popover {\n            padding: 2px;\n          }\n\n          .hcusm.open {\n            display: block;\n          }\n          .hcusm {\n            min-width: 160px;\n            padding: 0;\n            margin: 2px 0 0;\n            list-style: none;\n            font-size: 14px;\n            background-color: transparent;\n          }\n\n          .hcusm button,\n          .hcusm select {\n            text-transform: none;\n          }\n          .hcusm button,\n          .hcusm input {\n            line-height: normal;\n          }\n          .hcusm button,\n          .hcusm input,\n          .hcusm select,\n          .hcusm textarea {\n            font-family: inherit;\n            font-size: 100%;\n            margin: 0;\n          }\n\n          .hcusm-settings-container[hidden] {\n            display: none;\n          }\n\n          /*\n          * Light Theme\n          */\n          .btn-size,\n          .btn-font {\n            background-color: var(\n              --bootstrap-theme-light-secondary-background-color\n            );\n            color: var(--bootstrap-theme-light-color);\n          }\n\n          .btn-size.size-2 {\n            font-size: 16px;\n          }\n\n          /*\n          * Dark Theme\n          */\n\n          :host([color-theme=\"1\"]) {\n            --haxcms-user-styles-color-theme-color-color: #ffffff;\n            --haxcms-user-styles-color-theme-color-background: #343a40;\n            --haxcms-user-styles-color-theme-color-1: #ffffff;\n            --haxcms-user-styles-color-theme-color-2: #343a40;\n            --haxcms-user-styles-color-theme-color-3: #1c1c1c;\n            --haxcms-user-styles-color-theme-color-4: #eee8e0;\n            --hax-base-styles-a-color-visited: #551a8b;\n            --hax-base-styles-a-color: #704214;\n            --hax-base-styles-a-color-active: #000000;\n          }\n\n          :host([color-theme=\"1\"]) .hcusm {\n            border-color: #222222;\n          }\n\n          :host([color-theme=\"1\"])\n            .btn-group\n            .btn[type=\"size\"]\n            .btn[type=\"font\"] {\n            background-color: var(\n              --bootstrap-theme-light-secondary-background-color\n            );\n            color: var(--bootstrap-theme-dark-color) !important;\n          }\n\n          :host([color-theme=\"1\"]) simple-popover {\n            --simple-popover-color: white;\n            --simple-popover-background-color: var(\n              --bootstrap-theme-dark-secondary-background-color\n            );\n          }\n          :host([color-theme=\"1\"]) .hcusm .dropdown-caret .caret-inner {\n            border-bottom: 9px solid\n              var(--bootstrap-dark-theme-secondary-background-color);\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-buttons {\n            border-color: #7e888b;\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button {\n            color: white;\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:hover,\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:focus,\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:active {\n            color: #eee8e0;\n          }\n\n          /* palenight theme */\n          :host([color-theme=\"2\"]) {\n            --haxcms-user-styles-color-theme-color-color: var(\n              --simple-colors-default-theme-light-blue-1,\n              #cfd4e3\n            );\n            --haxcms-user-styles-color-theme-color-background: #1c1f2b;\n            --haxcms-user-styles-color-theme-color-1: #a6a6a6;\n            --haxcms-user-styles-color-theme-color-2: #252737;\n            --haxcms-user-styles-color-theme-color-3: #252737;\n            --haxcms-user-styles-color-theme-color-4: #f4f4f5;\n            --hax-base-styles-a-color-visited: var(\n              --simple-colors-default-theme-light-blue-2,\n              #3eb1d0\n            );\n            --hax-base-styles-a-color: var(\n              --simple-colors-default-theme-light-blue-2,\n              #3eb1d0\n            );\n            --hax-base-styles-a-color-active: #ffffff;\n          }\n\n          :host([color-theme=\"2\"]) .hcusm {\n            border-color: var(--bootstrap-theme-palenight-background-color);\n          }\n\n          :host([color-theme=\"2\"]) .btn[type=\"size\"] .btn[type=\"font\"] {\n            background-color: var(\n              --bootstrap-theme-light-secondary-background-color\n            );\n            color: var(--bootstrap-theme-palenight-background-color);\n          }\n\n          :host([color-theme=\"2\"]) simple-popover {\n            --simple-popover-color: white;\n            --simple-popover-background-color: var(\n              --bootstrap-theme-palenight-secondary-background-color\n            );\n          }\n\n          :host([color-theme=\"2\"]) .hcusm .dropdown-caret .caret-inner {\n            border-bottom: 9px solid\n              var(--bootstrap-theme-palenight-secondary-background-color);\n          }\n\n          simple-icon-button-lite {\n            color: inherit;\n          }\n\n          .open {\n            text-align: center;\n          }\n\n          .btn-group-title {\n            font-weight: bold;\n          }\n\n          .btn-palenight {\n            background-color: var(\n              --bootstrap-theme-palenight-secondary-background-color\n            );\n            color: var(--bootstrap-theme-palenight-color);\n          }\n\n          /* override bootstrap default */\n          .btn-palenight:hover {\n            color: var(--bootstrap-theme-palenight-color);\n          }\n\n          .btn-dark {\n            background-color: var(\n              --bootstrap-theme-dark-secondary-background-color\n            );\n          }\n\n          .btn-light {\n            background-color: var(\n              --bootstrap-theme-light-secondary-background-color\n            );\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_b27a21001f2611eda0c389891c227ec8 || (_templateObject2_b27a21001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          /* bootstrap defaults */\n          :host([font-family=\"0\"]) {\n            font-family: var(--font-family-sans-serif);\n          }\n          :host([font-family=\"1\"]) {\n            font-family: var(--font-family-monospace);\n          }\n          :host([font-size=\"0\"]) {\n            --haxcms-base-styles-body-font-size: 1.2rem;\n            --hax-base-styles-p-font-size: 1.2rem;\n            --hax-base-styles-list-font-size: 1.2rem;\n            --hax-base-styles-a-font-size: 1.2rem;\n            --hax-base-styles-h1-font-size: 2.2rem;\n            --hax-base-styles-h2-font-size: 2rem;\n            --hax-base-styles-h3-font-size: 1.8rem;\n            --hax-base-styles-h4-font-size: 1.6rem;\n            --hax-base-styles-h5-font-size: 1.4rem;\n            --hax-base-styles-h6-font-size: 1.2rem;\n          }\n          :host([font-size=\"1\"]) {\n            --haxcms-base-styles-body-font-size: 1.4rem;\n            --hax-base-styles-p-font-size: 1.4rem;\n            --hax-base-styles-list-font-size: 1.4rem;\n            --hax-base-styles-a-font-size: 1.4rem;\n            --hax-base-styles-h1-font-size: 2.4rem;\n            --hax-base-styles-h2-font-size: 2.2rem;\n            --hax-base-styles-h3-font-size: 2rem;\n            --hax-base-styles-h4-font-size: 1.8rem;\n            --hax-base-styles-h5-font-size: 1.6rem;\n            --hax-base-styles-h6-font-size: 1.4rem;\n          }\n          :host([font-size=\"2\"]) {\n            --haxcms-base-styles-body-font-size: 1.6rem;\n            --hax-base-styles-p-font-size: 1.6rem;\n            --hax-base-styles-list-font-size: 1.6rem;\n            --hax-base-styles-a-font-size: 1.6rem;\n            --hax-base-styles-h1-font-size: 2.6rem;\n            --hax-base-styles-h2-font-size: 2.4rem;\n            --hax-base-styles-h3-font-size: 2.2rem;\n            --hax-base-styles-h4-font-size: 2rem;\n            --hax-base-styles-h5-font-size: 1.8rem;\n            --hax-base-styles-h6-font-size: 1.6rem;\n          }\n          :host([font-size=\"3\"]) {\n            --haxcms-base-styles-body-font-size: 1.8rem;\n            --hax-base-styles-p-font-size: 1.8rem;\n            --hax-base-styles-list-font-size: 1.8rem;\n            --hax-base-styles-a-font-size: 1.8rem;\n            --hax-base-styles-h1-font-size: 2.8rem;\n            --hax-base-styles-h2-font-size: 2.6rem;\n            --hax-base-styles-h3-font-size: 2.4rem;\n            --hax-base-styles-h4-font-size: 2.2rem;\n            --hax-base-styles-h5-font-size: 2rem;\n            --hax-base-styles-h6-font-size: 1.8rem;\n          }\n          :host([font-size=\"4\"]) {\n            --haxcms-base-styles-body-font-size: 2rem;\n            --hax-base-styles-p-font-size: 2rem;\n            --hax-base-styles-list-font-size: 2rem;\n            --hax-base-styles-a-font-size: 2rem;\n            --hax-base-styles-h1-font-size: 3rem;\n            --hax-base-styles-h2-font-size: 2.8rem;\n            --hax-base-styles-h3-font-size: 2.6rem;\n            --hax-base-styles-h4-font-size: 2.4rem;\n            --hax-base-styles-h5-font-size: 2.2rem;\n            --hax-base-styles-h6-font-size: 2rem;\n          }\n          :host([color-theme=\"0\"]) {\n            --haxcms-user-styles-color-theme-color-color: #000000;\n            --haxcms-user-styles-color-theme-color-background: #ffffff;\n            --haxcms-user-styles-color-theme-color-1: #252737;\n            --haxcms-user-styles-color-theme-color-2: #f5f5f5;\n            --haxcms-user-styles-color-theme-color-3: #f5f5f5;\n            --haxcms-user-styles-color-theme-color-4: var(\n              --simple-colors-default-theme-blue-8,\n              #4183c4\n            );\n            --hax-base-styles-a-color-visited: var(\n              --simple-colors-default-theme-blue-7,\n              #4183c4\n            );\n            --hax-base-styles-a-color: var(\n              --simple-colors-default-theme-blue-7,\n              #4183c4\n            );\n            --hax-base-styles-a-color-active: #000000;\n          }\n\n          :host([color-theme=\"0\"]) .hcusm {\n            border-color: #222222;\n          }\n          :host([color-theme=\"0\"]) .hcusm simple-popover {\n            --simple-popover-color: #222222;\n            --simple-popover-background-color: #fafafa;\n          }\n          #slot ::slotted(*) {\n            font-size: var(--haxcms-base-styles-body-font-size, 1em);\n            color: var(--haxcms-user-styles-color-theme-color-color);\n          }\n          simple-icon-button-lite:not(:defined),\n          simple-popover:not(:defined) {\n            display: none;\n          }\n          simple-popover {\n            padding: 2px;\n          }\n\n          .hcusm.open {\n            display: block;\n          }\n          .hcusm {\n            min-width: 160px;\n            padding: 0;\n            margin: 2px 0 0;\n            list-style: none;\n            font-size: 14px;\n            background-color: transparent;\n          }\n\n          .hcusm button,\n          .hcusm select {\n            text-transform: none;\n          }\n          .hcusm button,\n          .hcusm input {\n            line-height: normal;\n          }\n          .hcusm button,\n          .hcusm input,\n          .hcusm select,\n          .hcusm textarea {\n            font-family: inherit;\n            font-size: 100%;\n            margin: 0;\n          }\n\n          .hcusm-settings-container[hidden] {\n            display: none;\n          }\n\n          /*\n          * Light Theme\n          */\n          .btn-size,\n          .btn-font {\n            background-color: var(\n              --bootstrap-theme-light-secondary-background-color\n            );\n            color: var(--bootstrap-theme-light-color);\n          }\n\n          .btn-size.size-2 {\n            font-size: 16px;\n          }\n\n          /*\n          * Dark Theme\n          */\n\n          :host([color-theme=\"1\"]) {\n            --haxcms-user-styles-color-theme-color-color: #ffffff;\n            --haxcms-user-styles-color-theme-color-background: #343a40;\n            --haxcms-user-styles-color-theme-color-1: #ffffff;\n            --haxcms-user-styles-color-theme-color-2: #343a40;\n            --haxcms-user-styles-color-theme-color-3: #1c1c1c;\n            --haxcms-user-styles-color-theme-color-4: #eee8e0;\n            --hax-base-styles-a-color-visited: #551a8b;\n            --hax-base-styles-a-color: #704214;\n            --hax-base-styles-a-color-active: #000000;\n          }\n\n          :host([color-theme=\"1\"]) .hcusm {\n            border-color: #222222;\n          }\n\n          :host([color-theme=\"1\"])\n            .btn-group\n            .btn[type=\"size\"]\n            .btn[type=\"font\"] {\n            background-color: var(\n              --bootstrap-theme-light-secondary-background-color\n            );\n            color: var(--bootstrap-theme-dark-color) !important;\n          }\n\n          :host([color-theme=\"1\"]) simple-popover {\n            --simple-popover-color: white;\n            --simple-popover-background-color: var(\n              --bootstrap-theme-dark-secondary-background-color\n            );\n          }\n          :host([color-theme=\"1\"]) .hcusm .dropdown-caret .caret-inner {\n            border-bottom: 9px solid\n              var(--bootstrap-dark-theme-secondary-background-color);\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-buttons {\n            border-color: #7e888b;\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button {\n            color: white;\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:hover,\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:focus,\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:active {\n            color: #eee8e0;\n          }\n\n          /* palenight theme */\n          :host([color-theme=\"2\"]) {\n            --haxcms-user-styles-color-theme-color-color: var(\n              --simple-colors-default-theme-light-blue-1,\n              #cfd4e3\n            );\n            --haxcms-user-styles-color-theme-color-background: #1c1f2b;\n            --haxcms-user-styles-color-theme-color-1: #a6a6a6;\n            --haxcms-user-styles-color-theme-color-2: #252737;\n            --haxcms-user-styles-color-theme-color-3: #252737;\n            --haxcms-user-styles-color-theme-color-4: #f4f4f5;\n            --hax-base-styles-a-color-visited: var(\n              --simple-colors-default-theme-light-blue-2,\n              #3eb1d0\n            );\n            --hax-base-styles-a-color: var(\n              --simple-colors-default-theme-light-blue-2,\n              #3eb1d0\n            );\n            --hax-base-styles-a-color-active: #ffffff;\n          }\n\n          :host([color-theme=\"2\"]) .hcusm {\n            border-color: var(--bootstrap-theme-palenight-background-color);\n          }\n\n          :host([color-theme=\"2\"]) .btn[type=\"size\"] .btn[type=\"font\"] {\n            background-color: var(\n              --bootstrap-theme-light-secondary-background-color\n            );\n            color: var(--bootstrap-theme-palenight-background-color);\n          }\n\n          :host([color-theme=\"2\"]) simple-popover {\n            --simple-popover-color: white;\n            --simple-popover-background-color: var(\n              --bootstrap-theme-palenight-secondary-background-color\n            );\n          }\n\n          :host([color-theme=\"2\"]) .hcusm .dropdown-caret .caret-inner {\n            border-bottom: 9px solid\n              var(--bootstrap-theme-palenight-secondary-background-color);\n          }\n\n          simple-icon-button-lite {\n            color: inherit;\n          }\n\n          .open {\n            text-align: center;\n          }\n\n          .btn-group-title {\n            font-weight: bold;\n          }\n\n          .btn-palenight {\n            background-color: var(\n              --bootstrap-theme-palenight-secondary-background-color\n            );\n            color: var(--bootstrap-theme-palenight-color);\n          }\n\n          /* override bootstrap default */\n          .btn-palenight:hover {\n            color: var(--bootstrap-theme-palenight-color);\n          }\n\n          .btn-dark {\n            background-color: var(\n              --bootstrap-theme-dark-secondary-background-color\n            );\n          }\n\n          .btn-light {\n            background-color: var(\n              --bootstrap-theme-light-secondary-background-color\n            );\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/chartist-render/chartist-render.js b/build/es5-amd/node_modules/@lrnwebcomponents/chartist-render/chartist-render.js
index b8341bbdbb3..d149adff646 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/chartist-render/chartist-render.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/chartist-render/chartist-render.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../utils/utils.js", "../es-glo
   _exports.ChartistRenderSuper = _exports.ChartistRender = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_9f7c3b901f0511ed8cc3e9a95995ad69, _templateObject2_9f7c3b901f0511ed8cc3e9a95995ad69;
+  var _templateObject_7a743d901f2611eda0c389891c227ec8, _templateObject2_7a743d901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -79,7 +79,7 @@ define(["exports", "meta", "../../lit/index.js", "../utils/utils.js", "../es-glo
         key: "render",
         value: // render function
         function render() {
-          return (0, _index.html)(_templateObject_9f7c3b901f0511ed8cc3e9a95995ad69 || (_templateObject_9f7c3b901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"", "-title\" class=\"title\">\n          ", "\n          <slot name=\"heading\"></slot>\n        </div>\n        <div id=\"", "-desc\" class=\"desc\">\n          ", "\n          <slot name=\"desc\"></slot>\n        </div>\n        <div\n          id=\"chart\"\n          chart=\"", "\"\n          role=\"presentation\"\n          aria-labelledby=\"", "-title\"\n          aria-describedby=\"", "-table ", "-desc\"\n          class=\"ct-chart ", "\"\n        ></div>\n        <div\n          id=\"", "-table\"\n          class=\"", "\"\n        >\n          <slot></slot>\n        </div>"])), this.__chartId, this.chartTitle, this.__chartId, this.chartDesc, this.__chartId, this.__chartId, this.__chartId, this.__chartId, this.scale, this.__chartId, this.showTable ? "table" : "table sr-only");
+          return (0, _index.html)(_templateObject_7a743d901f2611eda0c389891c227ec8 || (_templateObject_7a743d901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"", "-title\" class=\"title\">\n          ", "\n          <slot name=\"heading\"></slot>\n        </div>\n        <div id=\"", "-desc\" class=\"desc\">\n          ", "\n          <slot name=\"desc\"></slot>\n        </div>\n        <div\n          id=\"chart\"\n          chart=\"", "\"\n          role=\"presentation\"\n          aria-labelledby=\"", "-title\"\n          aria-describedby=\"", "-table ", "-desc\"\n          class=\"ct-chart ", "\"\n        ></div>\n        <div\n          id=\"", "-table\"\n          class=\"", "\"\n        >\n          <slot></slot>\n        </div>"])), this.__chartId, this.chartTitle, this.__chartId, this.chartDesc, this.__chartId, this.__chartId, this.__chartId, this.__chartId, this.scale, this.__chartId, this.showTable ? "table" : "table sr-only");
         } // properties available to the custom element for data binding
 
       }, {
@@ -478,7 +478,7 @@ define(["exports", "meta", "../../lit/index.js", "../utils/utils.js", "../es-glo
         key: "styles",
         get: //styles function
         function get() {
-          return [(0, _index.css)(_templateObject2_9f7c3b901f0511ed8cc3e9a95995ad69 || (_templateObject2_9f7c3b901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          .ct-label {\n            fill: rgba(0, 0, 0, 0.4);\n            color: rgba(0, 0, 0, 0.4);\n            font-size: 0.75rem;\n            line-height: 1;\n          }\n\n          .ct-chart-line .ct-label,\n          .ct-chart-bar .ct-label {\n            display: block;\n            display: -webkit-box;\n            display: -moz-box;\n            display: -ms-flexbox;\n            display: -webkit-flex;\n            display: flex;\n          }\n\n          .ct-chart-pie .ct-label,\n          .ct-chart-donut .ct-label {\n            dominant-baseline: central;\n          }\n\n          .ct-label.ct-horizontal.ct-start {\n            -webkit-box-align: flex-end;\n            -webkit-align-items: flex-end;\n            -ms-flex-align: flex-end;\n            align-items: flex-end;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: start;\n          }\n\n          .ct-label.ct-horizontal.ct-end {\n            -webkit-box-align: flex-start;\n            -webkit-align-items: flex-start;\n            -ms-flex-align: flex-start;\n            align-items: flex-start;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: start;\n          }\n\n          .ct-label.ct-vertical.ct-start {\n            -webkit-box-align: flex-end;\n            -webkit-align-items: flex-end;\n            -ms-flex-align: flex-end;\n            align-items: flex-end;\n            -webkit-box-pack: flex-end;\n            -webkit-justify-content: flex-end;\n            -ms-flex-pack: flex-end;\n            justify-content: flex-end;\n            text-align: right;\n            text-anchor: end;\n          }\n\n          .ct-label.ct-vertical.ct-end {\n            -webkit-box-align: flex-end;\n            -webkit-align-items: flex-end;\n            -ms-flex-align: flex-end;\n            align-items: flex-end;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: start;\n          }\n\n          .ct-chart-bar .ct-label.ct-horizontal.ct-start {\n            -webkit-box-align: flex-end;\n            -webkit-align-items: flex-end;\n            -ms-flex-align: flex-end;\n            align-items: flex-end;\n            -webkit-box-pack: center;\n            -webkit-justify-content: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n            text-align: center;\n            text-anchor: start;\n          }\n\n          .ct-chart-bar .ct-label.ct-horizontal.ct-end {\n            -webkit-box-align: flex-start;\n            -webkit-align-items: flex-start;\n            -ms-flex-align: flex-start;\n            align-items: flex-start;\n            -webkit-box-pack: center;\n            -webkit-justify-content: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n            text-align: center;\n            text-anchor: start;\n          }\n\n          .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {\n            -webkit-box-align: flex-end;\n            -webkit-align-items: flex-end;\n            -ms-flex-align: flex-end;\n            align-items: flex-end;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: start;\n          }\n\n          .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {\n            -webkit-box-align: flex-start;\n            -webkit-align-items: flex-start;\n            -ms-flex-align: flex-start;\n            align-items: flex-start;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: start;\n          }\n\n          .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {\n            -webkit-box-align: center;\n            -webkit-align-items: center;\n            -ms-flex-align: center;\n            align-items: center;\n            -webkit-box-pack: flex-end;\n            -webkit-justify-content: flex-end;\n            -ms-flex-pack: flex-end;\n            justify-content: flex-end;\n            text-align: right;\n            text-anchor: end;\n          }\n\n          .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {\n            -webkit-box-align: center;\n            -webkit-align-items: center;\n            -ms-flex-align: center;\n            align-items: center;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: end;\n          }\n\n          .ct-grid {\n            stroke: rgba(0, 0, 0, 0.2);\n            stroke-width: 1px;\n            stroke-dasharray: 2px;\n          }\n\n          .ct-grid-background {\n            fill: none;\n          }\n\n          .ct-point {\n            stroke-width: 10px;\n            stroke-linecap: round;\n          }\n\n          .ct-line {\n            fill: none;\n            stroke-width: 4px;\n          }\n\n          .ct-area {\n            stroke: none;\n            fill-opacity: 0.1;\n          }\n\n          .ct-bar {\n            fill: none;\n            stroke-width: 10px;\n          }\n\n          .ct-slice-donut {\n            fill: none;\n            stroke-width: 60px;\n          }\n\n          .ct-series-a .ct-point,\n          .ct-series-a .ct-line,\n          .ct-series-a .ct-bar,\n          .ct-series-a .ct-slice-donut {\n            stroke: #d70206;\n          }\n\n          .ct-series-a .ct-slice-pie,\n          .ct-series-a .ct-slice-donut-solid,\n          .ct-series-a .ct-area {\n            fill: #d70206;\n          }\n\n          .ct-series-b .ct-point,\n          .ct-series-b .ct-line,\n          .ct-series-b .ct-bar,\n          .ct-series-b .ct-slice-donut {\n            stroke: #f05b4f;\n          }\n\n          .ct-series-b .ct-slice-pie,\n          .ct-series-b .ct-slice-donut-solid,\n          .ct-series-b .ct-area {\n            fill: #f05b4f;\n          }\n\n          .ct-series-c .ct-point,\n          .ct-series-c .ct-line,\n          .ct-series-c .ct-bar,\n          .ct-series-c .ct-slice-donut {\n            stroke: #f4c63d;\n          }\n\n          .ct-series-c .ct-slice-pie,\n          .ct-series-c .ct-slice-donut-solid,\n          .ct-series-c .ct-area {\n            fill: #f4c63d;\n          }\n\n          .ct-series-d .ct-point,\n          .ct-series-d .ct-line,\n          .ct-series-d .ct-bar,\n          .ct-series-d .ct-slice-donut {\n            stroke: #d17905;\n          }\n\n          .ct-series-d .ct-slice-pie,\n          .ct-series-d .ct-slice-donut-solid,\n          .ct-series-d .ct-area {\n            fill: #d17905;\n          }\n\n          .ct-series-e .ct-point,\n          .ct-series-e .ct-line,\n          .ct-series-e .ct-bar,\n          .ct-series-e .ct-slice-donut {\n            stroke: #453d3f;\n          }\n\n          .ct-series-e .ct-slice-pie,\n          .ct-series-e .ct-slice-donut-solid,\n          .ct-series-e .ct-area {\n            fill: #453d3f;\n          }\n\n          .ct-series-f .ct-point,\n          .ct-series-f .ct-line,\n          .ct-series-f .ct-bar,\n          .ct-series-f .ct-slice-donut {\n            stroke: #59922b;\n          }\n\n          .ct-series-f .ct-slice-pie,\n          .ct-series-f .ct-slice-donut-solid,\n          .ct-series-f .ct-area {\n            fill: #59922b;\n          }\n\n          .ct-series-g .ct-point,\n          .ct-series-g .ct-line,\n          .ct-series-g .ct-bar,\n          .ct-series-g .ct-slice-donut {\n            stroke: #0544d3;\n          }\n\n          .ct-series-g .ct-slice-pie,\n          .ct-series-g .ct-slice-donut-solid,\n          .ct-series-g .ct-area {\n            fill: #0544d3;\n          }\n\n          .ct-series-h .ct-point,\n          .ct-series-h .ct-line,\n          .ct-series-h .ct-bar,\n          .ct-series-h .ct-slice-donut {\n            stroke: #6b0392;\n          }\n\n          .ct-series-h .ct-slice-pie,\n          .ct-series-h .ct-slice-donut-solid,\n          .ct-series-h .ct-area {\n            fill: #6b0392;\n          }\n\n          .ct-series-i .ct-point,\n          .ct-series-i .ct-line,\n          .ct-series-i .ct-bar,\n          .ct-series-i .ct-slice-donut {\n            stroke: #f05b4f;\n          }\n\n          .ct-series-i .ct-slice-pie,\n          .ct-series-i .ct-slice-donut-solid,\n          .ct-series-i .ct-area {\n            fill: #f05b4f;\n          }\n\n          .ct-series-j .ct-point,\n          .ct-series-j .ct-line,\n          .ct-series-j .ct-bar,\n          .ct-series-j .ct-slice-donut {\n            stroke: #dda458;\n          }\n\n          .ct-series-j .ct-slice-pie,\n          .ct-series-j .ct-slice-donut-solid,\n          .ct-series-j .ct-area {\n            fill: #dda458;\n          }\n\n          .ct-series-k .ct-point,\n          .ct-series-k .ct-line,\n          .ct-series-k .ct-bar,\n          .ct-series-k .ct-slice-donut {\n            stroke: #eacf7d;\n          }\n\n          .ct-series-k .ct-slice-pie,\n          .ct-series-k .ct-slice-donut-solid,\n          .ct-series-k .ct-area {\n            fill: #eacf7d;\n          }\n\n          .ct-series-l .ct-point,\n          .ct-series-l .ct-line,\n          .ct-series-l .ct-bar,\n          .ct-series-l .ct-slice-donut {\n            stroke: #86797d;\n          }\n\n          .ct-series-l .ct-slice-pie,\n          .ct-series-l .ct-slice-donut-solid,\n          .ct-series-l .ct-area {\n            fill: #86797d;\n          }\n\n          .ct-series-m .ct-point,\n          .ct-series-m .ct-line,\n          .ct-series-m .ct-bar,\n          .ct-series-m .ct-slice-donut {\n            stroke: #b2c326;\n          }\n\n          .ct-series-m .ct-slice-pie,\n          .ct-series-m .ct-slice-donut-solid,\n          .ct-series-m .ct-area {\n            fill: #b2c326;\n          }\n\n          .ct-series-n .ct-point,\n          .ct-series-n .ct-line,\n          .ct-series-n .ct-bar,\n          .ct-series-n .ct-slice-donut {\n            stroke: #6188e2;\n          }\n\n          .ct-series-n .ct-slice-pie,\n          .ct-series-n .ct-slice-donut-solid,\n          .ct-series-n .ct-area {\n            fill: #6188e2;\n          }\n\n          .ct-series-o .ct-point,\n          .ct-series-o .ct-line,\n          .ct-series-o .ct-bar,\n          .ct-series-o .ct-slice-donut {\n            stroke: #a748ca;\n          }\n\n          .ct-series-o .ct-slice-pie,\n          .ct-series-o .ct-slice-donut-solid,\n          .ct-series-o .ct-area {\n            fill: #a748ca;\n          }\n\n          .ct-square {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-square:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 100%;\n          }\n          .ct-square:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-square > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-minor-second {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-minor-second:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 93.75%;\n          }\n          .ct-minor-second:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-minor-second > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-second {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-second:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 88.88889%;\n          }\n          .ct-major-second:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-second > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-minor-third {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-minor-third:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 83.33333%;\n          }\n          .ct-minor-third:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-minor-third > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-third {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-third:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 80%;\n          }\n          .ct-major-third:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-third > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-perfect-fourth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-perfect-fourth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 75%;\n          }\n          .ct-perfect-fourth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-perfect-fourth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-perfect-fifth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-perfect-fifth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 66.66667%;\n          }\n          .ct-perfect-fifth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-perfect-fifth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-minor-sixth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-minor-sixth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 62.5%;\n          }\n          .ct-minor-sixth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-minor-sixth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-golden-section {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-golden-section:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 61.8047%;\n          }\n          .ct-golden-section:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-golden-section > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-sixth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-sixth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 60%;\n          }\n          .ct-major-sixth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-sixth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-minor-seventh {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-minor-seventh:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 56.25%;\n          }\n          .ct-minor-seventh:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-minor-seventh > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-seventh {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-seventh:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 53.33333%;\n          }\n          .ct-major-seventh:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-seventh > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-octave {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-octave:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 50%;\n          }\n          .ct-octave:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-octave > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-tenth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-tenth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 40%;\n          }\n          .ct-major-tenth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-tenth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-eleventh {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-eleventh:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 37.5%;\n          }\n          .ct-major-eleventh:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-eleventh > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-twelfth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-twelfth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 33.33333%;\n          }\n          .ct-major-twelfth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-twelfth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-double-octave {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-double-octave:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 25%;\n          }\n          .ct-double-octave:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-double-octave > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          :host {\n            display: block;\n            width: 100%;\n            padding: var(--chartist-padding, 0px);\n            margin: var(--chartist-margin, 15px 0);\n            background-color: var(--chartist-bg-color, transparent);\n            color: var(--chartist-text-color, #000);\n          }\n\n          .sr-only {\n            position: absolute;\n            left: -999999px;\n            height: 0;\n            overflow: hidden;\n          }\n\n          .ct-axis-title {\n            fill: var(--chartist-text-color);\n          }\n\n          ::slotted(table) {\n            border: 1px solid var(--chartist-text-color);\n            border-collapse: collapse;\n            width: 100%;\n            max-width: 100%;\n            overflow: auto;\n          }\n\n          .ct-label {\n            fill: var(--chartist-text-color, #000);\n            color: var(--chartist-text-color, #000);\n            font-size: var(--chartist-text-size, 0.75rem);\n            line-height: var(--chartist-line-height, 1);\n          }\n\n          .ct-grid {\n            stroke: var(--chartist-grid-color, rgba(0, 0, 0, 0.2));\n            stroke-width: 1px;\n            stroke-dasharray: 2px;\n          }\n\n          .ct-series-a .ct-point,\n          .ct-series-a .ct-line,\n          .ct-series-a .ct-bar,\n          .ct-series-a .ct-slice-donut {\n            stroke: var(--chartist-color-1, #d70206);\n          }\n\n          .ct-series-a .ct-slice-pie,\n          .ct-series-a .ct-slice-donut-solid,\n          .ct-series-a .ct-area {\n            fill: var(--chartist-color-1, #d70206);\n          }\n\n          .ct-series-b .ct-point,\n          .ct-series-b .ct-line,\n          .ct-series-b .ct-bar,\n          .ct-series-b .ct-slice-donut {\n            stroke: var(--chartist-color-2, #f05b4f);\n          }\n\n          .ct-series-b .ct-slice-pie,\n          .ct-series-b .ct-slice-donut-solid,\n          .ct-series-b .ct-area {\n            fill: var(--chartist-color-2, #f05b4f);\n          }\n\n          .ct-series-c .ct-point,\n          .ct-series-c .ct-line,\n          .ct-series-c .ct-bar,\n          .ct-series-c .ct-slice-donut {\n            stroke: var(--chartist-color-3, #f4c63d);\n          }\n\n          .ct-series-c .ct-slice-pie,\n          .ct-series-c .ct-slice-donut-solid,\n          .ct-series-c .ct-area {\n            fill: var(--chartist-color-3, #f4c63d);\n          }\n\n          .ct-series-d .ct-point,\n          .ct-series-d .ct-line,\n          .ct-series-d .ct-bar,\n          .ct-series-d .ct-slice-donut {\n            stroke: var(--chartist-color-4, #d17905);\n          }\n\n          .ct-series-d .ct-slice-pie,\n          .ct-series-d .ct-slice-donut-solid,\n          .ct-series-d .ct-area {\n            fill: var(--chartist-color-4, #d17905);\n          }\n\n          .ct-series-e .ct-point,\n          .ct-series-e .ct-line,\n          .ct-series-e .ct-bar,\n          .ct-series-e .ct-slice-donut {\n            stroke: var(--chartist-color-5, #453d3f);\n          }\n\n          .ct-series-e .ct-slice-pie,\n          .ct-series-e .ct-slice-donut-solid,\n          .ct-series-e .ct-area {\n            fill: var(--chartist-color-5, #453d3f);\n          }\n\n          .ct-series-f .ct-point,\n          .ct-series-f .ct-line,\n          .ct-series-f .ct-bar,\n          .ct-series-f .ct-slice-donut {\n            stroke: var(--chartist-color-6, #59922b);\n          }\n\n          .ct-series-f .ct-slice-pie,\n          .ct-series-f .ct-slice-donut-solid,\n          .ct-series-f .ct-area {\n            fill: var(--chartist-color-6, #59922b);\n          }\n\n          .ct-series-g .ct-point,\n          .ct-series-g .ct-line,\n          .ct-series-g .ct-bar,\n          .ct-series-g .ct-slice-donut {\n            stroke: var(--chartist-color-7, #0544d3);\n          }\n\n          .ct-series-g .ct-slice-pie,\n          .ct-series-g .ct-slice-donut-solid,\n          .ct-series-g .ct-area {\n            fill: var(--chartist-color-7, #0544d3);\n          }\n\n          .ct-series-h .ct-point,\n          .ct-series-h .ct-line,\n          .ct-series-h .ct-bar,\n          .ct-series-h .ct-slice-donut {\n            stroke: var(--chartist-color-8, #6b0392);\n          }\n\n          .ct-series-h .ct-slice-pie,\n          .ct-series-h .ct-slice-donut-solid,\n          .ct-series-h .ct-area {\n            fill: var(--chartist-color-8, #6b0392);\n          }\n\n          .ct-series-i .ct-point,\n          .ct-series-i .ct-line,\n          .ct-series-i .ct-bar,\n          .ct-series-i .ct-slice-donut {\n            stroke: var(--chartist-color-9, #f05b4f);\n          }\n\n          .ct-series-i .ct-slice-pie,\n          .ct-series-i .ct-slice-donut-solid,\n          .ct-series-i .ct-area {\n            fill: var(--chartist-color-9, #f05b4f);\n          }\n\n          .ct-series-j .ct-point,\n          .ct-series-j .ct-line,\n          .ct-series-j .ct-bar,\n          .ct-series-j .ct-slice-donut {\n            stroke: var(--chartist-color-10, #dda458);\n          }\n\n          .ct-series-j .ct-slice-pie,\n          .ct-series-j .ct-slice-donut-solid,\n          .ct-series-j .ct-area {\n            fill: var(--chartist-color-10, #dda458);\n          }\n\n          .ct-series-k .ct-point,\n          .ct-series-k .ct-line,\n          .ct-series-k .ct-bar,\n          .ct-series-k .ct-slice-donut {\n            stroke: var(--chartist-color-11, #eacf7d);\n          }\n\n          .ct-series-k .ct-slice-pie,\n          .ct-series-k .ct-slice-donut-solid,\n          .ct-series-k .ct-area {\n            fill: var(--chartist-color-11, #eacf7d);\n          }\n\n          .ct-series-l .ct-point,\n          .ct-series-l .ct-line,\n          .ct-series-l .ct-bar,\n          .ct-series-l .ct-slice-donut {\n            stroke: var(--chartist-color-12, #86797d);\n          }\n\n          .ct-series-l .ct-slice-pie,\n          .ct-series-l .ct-slice-donut-solid,\n          .ct-series-l .ct-area {\n            fill: var(--chartist-color-12, #86797d);\n          }\n\n          .ct-series-m .ct-point,\n          .ct-series-m .ct-line,\n          .ct-series-m .ct-bar,\n          .ct-series-m .ct-slice-donut {\n            stroke: var(--chartist-color-13, #b2c326);\n          }\n\n          .ct-series-m .ct-slice-pie,\n          .ct-series-m .ct-slice-donut-solid,\n          .ct-series-m .ct-area {\n            fill: var(--chartist-color-13, #b2c326);\n          }\n\n          .ct-series-n .ct-point,\n          .ct-series-n .ct-line,\n          .ct-series-n .ct-bar,\n          .ct-series-n .ct-slice-donut {\n            stroke: var(--chartist-color-14, #6188e2);\n          }\n\n          .ct-series-n .ct-slice-pie,\n          .ct-series-n .ct-slice-donut-solid,\n          .ct-series-n .ct-area {\n            fill: var(--chartist-color-14, #6188e2);\n          }\n\n          .ct-series-o .ct-point,\n          .ct-series-o .ct-line,\n          .ct-series-o .ct-bar,\n          .ct-series-o .ct-slice-donut {\n            stroke: var(--chartist-color-15, #a748ca);\n          }\n\n          .ct-series-o .ct-slice-pie,\n          .ct-series-o .ct-slice-donut-solid,\n          .ct-series-o .ct-area {\n            fill: var(--chartist-color-15, #a748ca);\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject2_7a743d901f2611eda0c389891c227ec8 || (_templateObject2_7a743d901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          .ct-label {\n            fill: rgba(0, 0, 0, 0.4);\n            color: rgba(0, 0, 0, 0.4);\n            font-size: 0.75rem;\n            line-height: 1;\n          }\n\n          .ct-chart-line .ct-label,\n          .ct-chart-bar .ct-label {\n            display: block;\n            display: -webkit-box;\n            display: -moz-box;\n            display: -ms-flexbox;\n            display: -webkit-flex;\n            display: flex;\n          }\n\n          .ct-chart-pie .ct-label,\n          .ct-chart-donut .ct-label {\n            dominant-baseline: central;\n          }\n\n          .ct-label.ct-horizontal.ct-start {\n            -webkit-box-align: flex-end;\n            -webkit-align-items: flex-end;\n            -ms-flex-align: flex-end;\n            align-items: flex-end;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: start;\n          }\n\n          .ct-label.ct-horizontal.ct-end {\n            -webkit-box-align: flex-start;\n            -webkit-align-items: flex-start;\n            -ms-flex-align: flex-start;\n            align-items: flex-start;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: start;\n          }\n\n          .ct-label.ct-vertical.ct-start {\n            -webkit-box-align: flex-end;\n            -webkit-align-items: flex-end;\n            -ms-flex-align: flex-end;\n            align-items: flex-end;\n            -webkit-box-pack: flex-end;\n            -webkit-justify-content: flex-end;\n            -ms-flex-pack: flex-end;\n            justify-content: flex-end;\n            text-align: right;\n            text-anchor: end;\n          }\n\n          .ct-label.ct-vertical.ct-end {\n            -webkit-box-align: flex-end;\n            -webkit-align-items: flex-end;\n            -ms-flex-align: flex-end;\n            align-items: flex-end;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: start;\n          }\n\n          .ct-chart-bar .ct-label.ct-horizontal.ct-start {\n            -webkit-box-align: flex-end;\n            -webkit-align-items: flex-end;\n            -ms-flex-align: flex-end;\n            align-items: flex-end;\n            -webkit-box-pack: center;\n            -webkit-justify-content: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n            text-align: center;\n            text-anchor: start;\n          }\n\n          .ct-chart-bar .ct-label.ct-horizontal.ct-end {\n            -webkit-box-align: flex-start;\n            -webkit-align-items: flex-start;\n            -ms-flex-align: flex-start;\n            align-items: flex-start;\n            -webkit-box-pack: center;\n            -webkit-justify-content: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n            text-align: center;\n            text-anchor: start;\n          }\n\n          .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {\n            -webkit-box-align: flex-end;\n            -webkit-align-items: flex-end;\n            -ms-flex-align: flex-end;\n            align-items: flex-end;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: start;\n          }\n\n          .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {\n            -webkit-box-align: flex-start;\n            -webkit-align-items: flex-start;\n            -ms-flex-align: flex-start;\n            align-items: flex-start;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: start;\n          }\n\n          .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {\n            -webkit-box-align: center;\n            -webkit-align-items: center;\n            -ms-flex-align: center;\n            align-items: center;\n            -webkit-box-pack: flex-end;\n            -webkit-justify-content: flex-end;\n            -ms-flex-pack: flex-end;\n            justify-content: flex-end;\n            text-align: right;\n            text-anchor: end;\n          }\n\n          .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {\n            -webkit-box-align: center;\n            -webkit-align-items: center;\n            -ms-flex-align: center;\n            align-items: center;\n            -webkit-box-pack: flex-start;\n            -webkit-justify-content: flex-start;\n            -ms-flex-pack: flex-start;\n            justify-content: flex-start;\n            text-align: left;\n            text-anchor: end;\n          }\n\n          .ct-grid {\n            stroke: rgba(0, 0, 0, 0.2);\n            stroke-width: 1px;\n            stroke-dasharray: 2px;\n          }\n\n          .ct-grid-background {\n            fill: none;\n          }\n\n          .ct-point {\n            stroke-width: 10px;\n            stroke-linecap: round;\n          }\n\n          .ct-line {\n            fill: none;\n            stroke-width: 4px;\n          }\n\n          .ct-area {\n            stroke: none;\n            fill-opacity: 0.1;\n          }\n\n          .ct-bar {\n            fill: none;\n            stroke-width: 10px;\n          }\n\n          .ct-slice-donut {\n            fill: none;\n            stroke-width: 60px;\n          }\n\n          .ct-series-a .ct-point,\n          .ct-series-a .ct-line,\n          .ct-series-a .ct-bar,\n          .ct-series-a .ct-slice-donut {\n            stroke: #d70206;\n          }\n\n          .ct-series-a .ct-slice-pie,\n          .ct-series-a .ct-slice-donut-solid,\n          .ct-series-a .ct-area {\n            fill: #d70206;\n          }\n\n          .ct-series-b .ct-point,\n          .ct-series-b .ct-line,\n          .ct-series-b .ct-bar,\n          .ct-series-b .ct-slice-donut {\n            stroke: #f05b4f;\n          }\n\n          .ct-series-b .ct-slice-pie,\n          .ct-series-b .ct-slice-donut-solid,\n          .ct-series-b .ct-area {\n            fill: #f05b4f;\n          }\n\n          .ct-series-c .ct-point,\n          .ct-series-c .ct-line,\n          .ct-series-c .ct-bar,\n          .ct-series-c .ct-slice-donut {\n            stroke: #f4c63d;\n          }\n\n          .ct-series-c .ct-slice-pie,\n          .ct-series-c .ct-slice-donut-solid,\n          .ct-series-c .ct-area {\n            fill: #f4c63d;\n          }\n\n          .ct-series-d .ct-point,\n          .ct-series-d .ct-line,\n          .ct-series-d .ct-bar,\n          .ct-series-d .ct-slice-donut {\n            stroke: #d17905;\n          }\n\n          .ct-series-d .ct-slice-pie,\n          .ct-series-d .ct-slice-donut-solid,\n          .ct-series-d .ct-area {\n            fill: #d17905;\n          }\n\n          .ct-series-e .ct-point,\n          .ct-series-e .ct-line,\n          .ct-series-e .ct-bar,\n          .ct-series-e .ct-slice-donut {\n            stroke: #453d3f;\n          }\n\n          .ct-series-e .ct-slice-pie,\n          .ct-series-e .ct-slice-donut-solid,\n          .ct-series-e .ct-area {\n            fill: #453d3f;\n          }\n\n          .ct-series-f .ct-point,\n          .ct-series-f .ct-line,\n          .ct-series-f .ct-bar,\n          .ct-series-f .ct-slice-donut {\n            stroke: #59922b;\n          }\n\n          .ct-series-f .ct-slice-pie,\n          .ct-series-f .ct-slice-donut-solid,\n          .ct-series-f .ct-area {\n            fill: #59922b;\n          }\n\n          .ct-series-g .ct-point,\n          .ct-series-g .ct-line,\n          .ct-series-g .ct-bar,\n          .ct-series-g .ct-slice-donut {\n            stroke: #0544d3;\n          }\n\n          .ct-series-g .ct-slice-pie,\n          .ct-series-g .ct-slice-donut-solid,\n          .ct-series-g .ct-area {\n            fill: #0544d3;\n          }\n\n          .ct-series-h .ct-point,\n          .ct-series-h .ct-line,\n          .ct-series-h .ct-bar,\n          .ct-series-h .ct-slice-donut {\n            stroke: #6b0392;\n          }\n\n          .ct-series-h .ct-slice-pie,\n          .ct-series-h .ct-slice-donut-solid,\n          .ct-series-h .ct-area {\n            fill: #6b0392;\n          }\n\n          .ct-series-i .ct-point,\n          .ct-series-i .ct-line,\n          .ct-series-i .ct-bar,\n          .ct-series-i .ct-slice-donut {\n            stroke: #f05b4f;\n          }\n\n          .ct-series-i .ct-slice-pie,\n          .ct-series-i .ct-slice-donut-solid,\n          .ct-series-i .ct-area {\n            fill: #f05b4f;\n          }\n\n          .ct-series-j .ct-point,\n          .ct-series-j .ct-line,\n          .ct-series-j .ct-bar,\n          .ct-series-j .ct-slice-donut {\n            stroke: #dda458;\n          }\n\n          .ct-series-j .ct-slice-pie,\n          .ct-series-j .ct-slice-donut-solid,\n          .ct-series-j .ct-area {\n            fill: #dda458;\n          }\n\n          .ct-series-k .ct-point,\n          .ct-series-k .ct-line,\n          .ct-series-k .ct-bar,\n          .ct-series-k .ct-slice-donut {\n            stroke: #eacf7d;\n          }\n\n          .ct-series-k .ct-slice-pie,\n          .ct-series-k .ct-slice-donut-solid,\n          .ct-series-k .ct-area {\n            fill: #eacf7d;\n          }\n\n          .ct-series-l .ct-point,\n          .ct-series-l .ct-line,\n          .ct-series-l .ct-bar,\n          .ct-series-l .ct-slice-donut {\n            stroke: #86797d;\n          }\n\n          .ct-series-l .ct-slice-pie,\n          .ct-series-l .ct-slice-donut-solid,\n          .ct-series-l .ct-area {\n            fill: #86797d;\n          }\n\n          .ct-series-m .ct-point,\n          .ct-series-m .ct-line,\n          .ct-series-m .ct-bar,\n          .ct-series-m .ct-slice-donut {\n            stroke: #b2c326;\n          }\n\n          .ct-series-m .ct-slice-pie,\n          .ct-series-m .ct-slice-donut-solid,\n          .ct-series-m .ct-area {\n            fill: #b2c326;\n          }\n\n          .ct-series-n .ct-point,\n          .ct-series-n .ct-line,\n          .ct-series-n .ct-bar,\n          .ct-series-n .ct-slice-donut {\n            stroke: #6188e2;\n          }\n\n          .ct-series-n .ct-slice-pie,\n          .ct-series-n .ct-slice-donut-solid,\n          .ct-series-n .ct-area {\n            fill: #6188e2;\n          }\n\n          .ct-series-o .ct-point,\n          .ct-series-o .ct-line,\n          .ct-series-o .ct-bar,\n          .ct-series-o .ct-slice-donut {\n            stroke: #a748ca;\n          }\n\n          .ct-series-o .ct-slice-pie,\n          .ct-series-o .ct-slice-donut-solid,\n          .ct-series-o .ct-area {\n            fill: #a748ca;\n          }\n\n          .ct-square {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-square:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 100%;\n          }\n          .ct-square:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-square > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-minor-second {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-minor-second:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 93.75%;\n          }\n          .ct-minor-second:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-minor-second > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-second {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-second:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 88.88889%;\n          }\n          .ct-major-second:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-second > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-minor-third {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-minor-third:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 83.33333%;\n          }\n          .ct-minor-third:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-minor-third > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-third {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-third:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 80%;\n          }\n          .ct-major-third:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-third > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-perfect-fourth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-perfect-fourth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 75%;\n          }\n          .ct-perfect-fourth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-perfect-fourth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-perfect-fifth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-perfect-fifth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 66.66667%;\n          }\n          .ct-perfect-fifth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-perfect-fifth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-minor-sixth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-minor-sixth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 62.5%;\n          }\n          .ct-minor-sixth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-minor-sixth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-golden-section {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-golden-section:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 61.8047%;\n          }\n          .ct-golden-section:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-golden-section > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-sixth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-sixth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 60%;\n          }\n          .ct-major-sixth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-sixth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-minor-seventh {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-minor-seventh:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 56.25%;\n          }\n          .ct-minor-seventh:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-minor-seventh > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-seventh {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-seventh:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 53.33333%;\n          }\n          .ct-major-seventh:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-seventh > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-octave {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-octave:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 50%;\n          }\n          .ct-octave:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-octave > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-tenth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-tenth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 40%;\n          }\n          .ct-major-tenth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-tenth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-eleventh {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-eleventh:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 37.5%;\n          }\n          .ct-major-eleventh:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-eleventh > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-major-twelfth {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-major-twelfth:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 33.33333%;\n          }\n          .ct-major-twelfth:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-major-twelfth > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          .ct-double-octave {\n            display: block;\n            position: relative;\n            width: 100%;\n          }\n          .ct-double-octave:before {\n            display: block;\n            float: left;\n            content: \"\";\n            width: 0;\n            height: 0;\n            padding-bottom: 25%;\n          }\n          .ct-double-octave:after {\n            content: \"\";\n            display: table;\n            clear: both;\n          }\n          .ct-double-octave > svg {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n\n          :host {\n            display: block;\n            width: 100%;\n            padding: var(--chartist-padding, 0px);\n            margin: var(--chartist-margin, 15px 0);\n            background-color: var(--chartist-bg-color, transparent);\n            color: var(--chartist-text-color, #000);\n          }\n\n          .sr-only {\n            position: absolute;\n            left: -999999px;\n            height: 0;\n            overflow: hidden;\n          }\n\n          .ct-axis-title {\n            fill: var(--chartist-text-color);\n          }\n\n          ::slotted(table) {\n            border: 1px solid var(--chartist-text-color);\n            border-collapse: collapse;\n            width: 100%;\n            max-width: 100%;\n            overflow: auto;\n          }\n\n          .ct-label {\n            fill: var(--chartist-text-color, #000);\n            color: var(--chartist-text-color, #000);\n            font-size: var(--chartist-text-size, 0.75rem);\n            line-height: var(--chartist-line-height, 1);\n          }\n\n          .ct-grid {\n            stroke: var(--chartist-grid-color, rgba(0, 0, 0, 0.2));\n            stroke-width: 1px;\n            stroke-dasharray: 2px;\n          }\n\n          .ct-series-a .ct-point,\n          .ct-series-a .ct-line,\n          .ct-series-a .ct-bar,\n          .ct-series-a .ct-slice-donut {\n            stroke: var(--chartist-color-1, #d70206);\n          }\n\n          .ct-series-a .ct-slice-pie,\n          .ct-series-a .ct-slice-donut-solid,\n          .ct-series-a .ct-area {\n            fill: var(--chartist-color-1, #d70206);\n          }\n\n          .ct-series-b .ct-point,\n          .ct-series-b .ct-line,\n          .ct-series-b .ct-bar,\n          .ct-series-b .ct-slice-donut {\n            stroke: var(--chartist-color-2, #f05b4f);\n          }\n\n          .ct-series-b .ct-slice-pie,\n          .ct-series-b .ct-slice-donut-solid,\n          .ct-series-b .ct-area {\n            fill: var(--chartist-color-2, #f05b4f);\n          }\n\n          .ct-series-c .ct-point,\n          .ct-series-c .ct-line,\n          .ct-series-c .ct-bar,\n          .ct-series-c .ct-slice-donut {\n            stroke: var(--chartist-color-3, #f4c63d);\n          }\n\n          .ct-series-c .ct-slice-pie,\n          .ct-series-c .ct-slice-donut-solid,\n          .ct-series-c .ct-area {\n            fill: var(--chartist-color-3, #f4c63d);\n          }\n\n          .ct-series-d .ct-point,\n          .ct-series-d .ct-line,\n          .ct-series-d .ct-bar,\n          .ct-series-d .ct-slice-donut {\n            stroke: var(--chartist-color-4, #d17905);\n          }\n\n          .ct-series-d .ct-slice-pie,\n          .ct-series-d .ct-slice-donut-solid,\n          .ct-series-d .ct-area {\n            fill: var(--chartist-color-4, #d17905);\n          }\n\n          .ct-series-e .ct-point,\n          .ct-series-e .ct-line,\n          .ct-series-e .ct-bar,\n          .ct-series-e .ct-slice-donut {\n            stroke: var(--chartist-color-5, #453d3f);\n          }\n\n          .ct-series-e .ct-slice-pie,\n          .ct-series-e .ct-slice-donut-solid,\n          .ct-series-e .ct-area {\n            fill: var(--chartist-color-5, #453d3f);\n          }\n\n          .ct-series-f .ct-point,\n          .ct-series-f .ct-line,\n          .ct-series-f .ct-bar,\n          .ct-series-f .ct-slice-donut {\n            stroke: var(--chartist-color-6, #59922b);\n          }\n\n          .ct-series-f .ct-slice-pie,\n          .ct-series-f .ct-slice-donut-solid,\n          .ct-series-f .ct-area {\n            fill: var(--chartist-color-6, #59922b);\n          }\n\n          .ct-series-g .ct-point,\n          .ct-series-g .ct-line,\n          .ct-series-g .ct-bar,\n          .ct-series-g .ct-slice-donut {\n            stroke: var(--chartist-color-7, #0544d3);\n          }\n\n          .ct-series-g .ct-slice-pie,\n          .ct-series-g .ct-slice-donut-solid,\n          .ct-series-g .ct-area {\n            fill: var(--chartist-color-7, #0544d3);\n          }\n\n          .ct-series-h .ct-point,\n          .ct-series-h .ct-line,\n          .ct-series-h .ct-bar,\n          .ct-series-h .ct-slice-donut {\n            stroke: var(--chartist-color-8, #6b0392);\n          }\n\n          .ct-series-h .ct-slice-pie,\n          .ct-series-h .ct-slice-donut-solid,\n          .ct-series-h .ct-area {\n            fill: var(--chartist-color-8, #6b0392);\n          }\n\n          .ct-series-i .ct-point,\n          .ct-series-i .ct-line,\n          .ct-series-i .ct-bar,\n          .ct-series-i .ct-slice-donut {\n            stroke: var(--chartist-color-9, #f05b4f);\n          }\n\n          .ct-series-i .ct-slice-pie,\n          .ct-series-i .ct-slice-donut-solid,\n          .ct-series-i .ct-area {\n            fill: var(--chartist-color-9, #f05b4f);\n          }\n\n          .ct-series-j .ct-point,\n          .ct-series-j .ct-line,\n          .ct-series-j .ct-bar,\n          .ct-series-j .ct-slice-donut {\n            stroke: var(--chartist-color-10, #dda458);\n          }\n\n          .ct-series-j .ct-slice-pie,\n          .ct-series-j .ct-slice-donut-solid,\n          .ct-series-j .ct-area {\n            fill: var(--chartist-color-10, #dda458);\n          }\n\n          .ct-series-k .ct-point,\n          .ct-series-k .ct-line,\n          .ct-series-k .ct-bar,\n          .ct-series-k .ct-slice-donut {\n            stroke: var(--chartist-color-11, #eacf7d);\n          }\n\n          .ct-series-k .ct-slice-pie,\n          .ct-series-k .ct-slice-donut-solid,\n          .ct-series-k .ct-area {\n            fill: var(--chartist-color-11, #eacf7d);\n          }\n\n          .ct-series-l .ct-point,\n          .ct-series-l .ct-line,\n          .ct-series-l .ct-bar,\n          .ct-series-l .ct-slice-donut {\n            stroke: var(--chartist-color-12, #86797d);\n          }\n\n          .ct-series-l .ct-slice-pie,\n          .ct-series-l .ct-slice-donut-solid,\n          .ct-series-l .ct-area {\n            fill: var(--chartist-color-12, #86797d);\n          }\n\n          .ct-series-m .ct-point,\n          .ct-series-m .ct-line,\n          .ct-series-m .ct-bar,\n          .ct-series-m .ct-slice-donut {\n            stroke: var(--chartist-color-13, #b2c326);\n          }\n\n          .ct-series-m .ct-slice-pie,\n          .ct-series-m .ct-slice-donut-solid,\n          .ct-series-m .ct-area {\n            fill: var(--chartist-color-13, #b2c326);\n          }\n\n          .ct-series-n .ct-point,\n          .ct-series-n .ct-line,\n          .ct-series-n .ct-bar,\n          .ct-series-n .ct-slice-donut {\n            stroke: var(--chartist-color-14, #6188e2);\n          }\n\n          .ct-series-n .ct-slice-pie,\n          .ct-series-n .ct-slice-donut-solid,\n          .ct-series-n .ct-area {\n            fill: var(--chartist-color-14, #6188e2);\n          }\n\n          .ct-series-o .ct-point,\n          .ct-series-o .ct-line,\n          .ct-series-o .ct-bar,\n          .ct-series-o .ct-slice-donut {\n            stroke: var(--chartist-color-15, #a748ca);\n          }\n\n          .ct-series-o .ct-slice-pie,\n          .ct-series-o .ct-slice-donut-solid,\n          .ct-series-o .ct-area {\n            fill: var(--chartist-color-15, #a748ca);\n          }\n        "])))];
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/check-it-out/check-it-out.js b/build/es5-amd/node_modules/@lrnwebcomponents/check-it-out/check-it-out.js
index 5d79e3ba611..4ccc8e66f51 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/check-it-out/check-it-out.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/check-it-out/check-it-out.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-icon/lib/simple-i
   _exports.CheckItOut = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a034dd301f0511ed8cc3e9a95995ad69, _templateObject2_a034dd301f0511ed8cc3e9a95995ad69, _templateObject3_a034dd301f0511ed8cc3e9a95995ad69, _templateObject4_a034dd301f0511ed8cc3e9a95995ad69, _templateObject5_a034dd301f0511ed8cc3e9a95995ad69, _templateObject6_a034dd301f0511ed8cc3e9a95995ad69, _templateObject7_a034dd301f0511ed8cc3e9a95995ad69, _templateObject8_a034dd301f0511ed8cc3e9a95995ad69, _templateObject9_a034dd301f0511ed8cc3e9a95995ad69, _templateObject10_a034dd301f0511ed8cc3e9a95995ad69;
+  var _templateObject_7b3962501f2611eda0c389891c227ec8, _templateObject2_7b3962501f2611eda0c389891c227ec8, _templateObject3_7b3962501f2611eda0c389891c227ec8, _templateObject4_7b3962501f2611eda0c389891c227ec8, _templateObject5_7b3962501f2611eda0c389891c227ec8, _templateObject6_7b3962501f2611eda0c389891c227ec8, _templateObject7_7b3962501f2611eda0c389891c227ec8, _templateObject8_7b3962501f2611eda0c389891c227ec8, _templateObject9_7b3962501f2611eda0c389891c227ec8, _templateObject10_7b3962501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -59,12 +59,12 @@ define(["exports", "require", "../../lit/index.js", "../simple-icon/lib/simple-i
       key: "render",
       value: function render() {
         this.icon = this.icon ? this.icon : this.typeIconObj[this.type];
-        return (0, _index.html)(_templateObject_a034dd301f0511ed8cc3e9a95995ad69 || (_templateObject_a034dd301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.elementVisible ? (0, _index.html)(_templateObject2_a034dd301f0511ed8cc3e9a95995ad69 || (_templateObject2_a034dd301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <button\n            class=\"check-it-out-btn\"\n            @click=\"", "\"\n            controls=\"m1\"\n          >\n            <simple-icon-lite icon=\"", "\"> </simple-icon-lite>\n            ", "\n            <slot></slot>\n          </button>\n          ", "\n        "])), this._handleClick, this.icon, this.label, this.modal ? (0, _index.html)(_templateObject3_a034dd301f0511ed8cc3e9a95995ad69 || (_templateObject3_a034dd301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <simple-modal-template\n                  title=\"", "\"\n                  @click=\"", "\"\n                  modal-id=\"m1\"\n                >\n                  <div slot=\"content\">\n                    <!-- bandaid and a terrible one -->\n                    <style>\n                      simple-modal .container {\n                        display: block;\n                        position: relative;\n                        width: var(--check-it-out-container-width, 70vw);\n                      }\n                      simple-modal .container .iframe-container {\n                        width: var(--check-it-out-content-width, 70vw);\n                        height: var(--check-it-out-content-height, 45vh);\n                      }\n\n                      simple-modal .container .video-player {\n                        width: var(--check-it-out-content-width, 70vw);\n                        height: var(--check-it-out-content-height, 45vh);\n                      }\n                      simple-modal .container iframe-loader {\n                        text-align: center;\n                        display: block;\n                        width: var(--check-it-out-content-width, 45vh);\n                      }\n                    </style>\n                    ", "\n                  </div>\n                </simple-modal-template>\n              "])), this.modalTitle, this._handleClick, this.renderLogic()) : (0, _index.html)(_templateObject4_a034dd301f0511ed8cc3e9a95995ad69 || (_templateObject4_a034dd301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " "])), this.renderLogic())) : "");
+        return (0, _index.html)(_templateObject_7b3962501f2611eda0c389891c227ec8 || (_templateObject_7b3962501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.elementVisible ? (0, _index.html)(_templateObject2_7b3962501f2611eda0c389891c227ec8 || (_templateObject2_7b3962501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <button\n            class=\"check-it-out-btn\"\n            @click=\"", "\"\n            controls=\"m1\"\n          >\n            <simple-icon-lite icon=\"", "\"> </simple-icon-lite>\n            ", "\n            <slot></slot>\n          </button>\n          ", "\n        "])), this._handleClick, this.icon, this.label, this.modal ? (0, _index.html)(_templateObject3_7b3962501f2611eda0c389891c227ec8 || (_templateObject3_7b3962501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <simple-modal-template\n                  title=\"", "\"\n                  @click=\"", "\"\n                  modal-id=\"m1\"\n                >\n                  <div slot=\"content\">\n                    <!-- bandaid and a terrible one -->\n                    <style>\n                      simple-modal .container {\n                        display: block;\n                        position: relative;\n                        width: var(--check-it-out-container-width, 70vw);\n                      }\n                      simple-modal .container .iframe-container {\n                        width: var(--check-it-out-content-width, 70vw);\n                        height: var(--check-it-out-content-height, 45vh);\n                      }\n\n                      simple-modal .container .video-player {\n                        width: var(--check-it-out-content-width, 70vw);\n                        height: var(--check-it-out-content-height, 45vh);\n                      }\n                      simple-modal .container iframe-loader {\n                        text-align: center;\n                        display: block;\n                        width: var(--check-it-out-content-width, 45vh);\n                      }\n                    </style>\n                    ", "\n                  </div>\n                </simple-modal-template>\n              "])), this.modalTitle, this._handleClick, this.renderLogic()) : (0, _index.html)(_templateObject4_7b3962501f2611eda0c389891c227ec8 || (_templateObject4_7b3962501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " "])), this.renderLogic())) : "");
       }
     }, {
       key: "renderLogic",
       value: function renderLogic() {
-        return (0, _index.html)(_templateObject5_a034dd301f0511ed8cc3e9a95995ad69 || (_templateObject5_a034dd301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "])), ["code", "pdf"].includes(this.type) ? (0, _index.html)(_templateObject6_a034dd301f0511ed8cc3e9a95995ad69 || (_templateObject6_a034dd301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"container\">\n            <iframe-loader>\n              <iframe\n                class=\"iframe-container\"\n                src=", "\n                loading=\"lazy\"\n              ></iframe>\n              ", "\n            </iframe-loader>\n          </div>"])), this.__computedSource, !this.modal ? (0, _index.html)(_templateObject7_a034dd301f0511ed8cc3e9a95995ad69 || (_templateObject7_a034dd301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <button\n                      class=\"close-btn\"\n                      @click=\"", "\"\n                    ></button>\n                  "])), this._handleClick) : "") : (0, _index.html)(_templateObject8_a034dd301f0511ed8cc3e9a95995ad69 || (_templateObject8_a034dd301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"container\">\n              <video-player\n                class=\"video-player\"\n                source=", "\n              >\n              </video-player>\n              ", "\n            </div>\n          "])), this.__computedSource, !this.modal ? (0, _index.html)(_templateObject9_a034dd301f0511ed8cc3e9a95995ad69 || (_templateObject9_a034dd301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <button\n                      class=\"close-btn\"\n                      @click=\"", "\"\n                    ></button>\n                  "])), this._handleClick) : ""));
+        return (0, _index.html)(_templateObject5_7b3962501f2611eda0c389891c227ec8 || (_templateObject5_7b3962501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "])), ["code", "pdf"].includes(this.type) ? (0, _index.html)(_templateObject6_7b3962501f2611eda0c389891c227ec8 || (_templateObject6_7b3962501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"container\">\n            <iframe-loader>\n              <iframe\n                class=\"iframe-container\"\n                src=", "\n                loading=\"lazy\"\n              ></iframe>\n              ", "\n            </iframe-loader>\n          </div>"])), this.__computedSource, !this.modal ? (0, _index.html)(_templateObject7_7b3962501f2611eda0c389891c227ec8 || (_templateObject7_7b3962501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <button\n                      class=\"close-btn\"\n                      @click=\"", "\"\n                    ></button>\n                  "])), this._handleClick) : "") : (0, _index.html)(_templateObject8_7b3962501f2611eda0c389891c227ec8 || (_templateObject8_7b3962501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"container\">\n              <video-player\n                class=\"video-player\"\n                source=", "\n              >\n              </video-player>\n              ", "\n            </div>\n          "])), this.__computedSource, !this.modal ? (0, _index.html)(_templateObject9_7b3962501f2611eda0c389891c227ec8 || (_templateObject9_7b3962501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <button\n                      class=\"close-btn\"\n                      @click=\"", "\"\n                    ></button>\n                  "])), this._handleClick) : ""));
       }
     }, {
       key: "_handleClick",
@@ -358,7 +358,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-icon/lib/simple-i
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject10_a034dd301f0511ed8cc3e9a95995ad69 || (_templateObject10_a034dd301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --check-it-out-content-width: var(\n            --check-it-out-container-width,\n            800px\n          );\n          --check-it-out-content-height: 500px;\n        }\n\n        .container {\n          display: none;\n          position: relative;\n          width: var(--check-it-out-container-width, 800px);\n        }\n\n        :host([checked-out]) .container {\n          display: flex;\n        }\n\n        .check-it-out-btn {\n          display: inline-flex;\n          background-color: transparent;\n          font-size: var(--check-it-out-modal-button-font-size, 18px);\n          border: 2px solid var(--check-it-out-button-border-color, #000);\n          font-weight: 700;\n          padding: 10px 25px;\n        }\n\n        .check-it-out-btn:active,\n        .check-it-out-btn:focus,\n        .check-it-out-btn:hover {\n          outline: 2px dashed var(--check-it-out-button-border-color, #000);\n          outline-offset: 2px;\n        }\n\n        :host([checked-out]) .check-it-out-btn {\n          display: none;\n        }\n\n        :host([checked-out]) .close-btn {\n          display: flex;\n        }\n\n        .close-btn {\n          display: none;\n          border-radius: 50%;\n          padding: 0.5em;\n          width: 30px;\n          height: 30px;\n          border: 2px solid black;\n          color: grey;\n          position: absolute;\n          top: -10px;\n          right: -10px;\n          z-index: 2;\n        }\n\n        .close-btn:hover {\n          border: 2px solid black;\n          background-color: grey;\n          color: #ffffff;\n        }\n\n        .close-btn::before {\n          content: \" \";\n          position: absolute;\n          background-color: black;\n          width: 2px;\n          left: 12px;\n          top: 5px;\n          bottom: 5px;\n          transform: rotate(45deg);\n        }\n\n        .close-btn::after {\n          content: \" \";\n          position: absolute;\n          background-color: black;\n          height: 2px;\n          top: 12px;\n          left: 5px;\n          right: 5px;\n          transform: rotate(45deg);\n        }\n        simple-modal-template[modal-id=\"m1\"] {\n          --simple-modal-width: var(--check-it-out-modal-width, 80vw);\n          --simple-modal-height: var(--check-it-out-modal-height, 55vh);\n          --simple-modal-min-width: var(--check-it-out-modal-width, 80vw);\n          --simple-modal-min-height: var(--check-it-out-modal-height, 55vh);\n        }\n\n        .iframe-container {\n          width: var(--check-it-out-content-width, 800px);\n          height: var(--check-it-out-content-height, 500px);\n        }\n\n        .video-player {\n          width: var(--check-it-out-content-width, 800px);\n          height: var(--check-it-out-content-height, 500px);\n        }\n        iframe-loader {\n          text-align: center;\n          display: block;\n          width: var(--check-it-out-content-width, 800px);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject10_7b3962501f2611eda0c389891c227ec8 || (_templateObject10_7b3962501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --check-it-out-content-width: var(\n            --check-it-out-container-width,\n            800px\n          );\n          --check-it-out-content-height: 500px;\n        }\n\n        .container {\n          display: none;\n          position: relative;\n          width: var(--check-it-out-container-width, 800px);\n        }\n\n        :host([checked-out]) .container {\n          display: flex;\n        }\n\n        .check-it-out-btn {\n          display: inline-flex;\n          background-color: transparent;\n          font-size: var(--check-it-out-modal-button-font-size, 18px);\n          border: 2px solid var(--check-it-out-button-border-color, #000);\n          font-weight: 700;\n          padding: 10px 25px;\n        }\n\n        .check-it-out-btn:active,\n        .check-it-out-btn:focus,\n        .check-it-out-btn:hover {\n          outline: 2px dashed var(--check-it-out-button-border-color, #000);\n          outline-offset: 2px;\n        }\n\n        :host([checked-out]) .check-it-out-btn {\n          display: none;\n        }\n\n        :host([checked-out]) .close-btn {\n          display: flex;\n        }\n\n        .close-btn {\n          display: none;\n          border-radius: 50%;\n          padding: 0.5em;\n          width: 30px;\n          height: 30px;\n          border: 2px solid black;\n          color: grey;\n          position: absolute;\n          top: -10px;\n          right: -10px;\n          z-index: 2;\n        }\n\n        .close-btn:hover {\n          border: 2px solid black;\n          background-color: grey;\n          color: #ffffff;\n        }\n\n        .close-btn::before {\n          content: \" \";\n          position: absolute;\n          background-color: black;\n          width: 2px;\n          left: 12px;\n          top: 5px;\n          bottom: 5px;\n          transform: rotate(45deg);\n        }\n\n        .close-btn::after {\n          content: \" \";\n          position: absolute;\n          background-color: black;\n          height: 2px;\n          top: 12px;\n          left: 5px;\n          right: 5px;\n          transform: rotate(45deg);\n        }\n        simple-modal-template[modal-id=\"m1\"] {\n          --simple-modal-width: var(--check-it-out-modal-width, 80vw);\n          --simple-modal-height: var(--check-it-out-modal-height, 55vh);\n          --simple-modal-min-width: var(--check-it-out-modal-width, 80vw);\n          --simple-modal-min-height: var(--check-it-out-modal-height, 55vh);\n        }\n\n        .iframe-container {\n          width: var(--check-it-out-content-width, 800px);\n          height: var(--check-it-out-content-height, 500px);\n        }\n\n        .video-player {\n          width: var(--check-it-out-content-width, 800px);\n          height: var(--check-it-out-content-height, 500px);\n        }\n        iframe-loader {\n          text-align: center;\n          display: block;\n          width: var(--check-it-out-content-width, 800px);\n        }\n      "])))];
       }
       /**
        * Convention we use
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/circle-progress/circle-progress.js b/build/es5-amd/node_modules/@lrnwebcomponents/circle-progress/circle-progress.js
index 60d47aa0c95..0b0c75088ef 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/circle-progress/circle-progress.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/circle-progress/circle-progress.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.CircleProgress = void 0;
 
-  var _templateObject_a03c7e501f0511ed8cc3e9a95995ad69;
+  var _templateObject_7b3c21701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -71,7 +71,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_a03c7e501f0511ed8cc3e9a95995ad69 || (_templateObject_a03c7e501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"paper-material-styles\">\n        :host {\n          @apply --layout-vertical;\n          @apply --layout-center-center;\n          position: relative;\n          width: var(--circle-progress-width, 64px);\n          height: var(--circle-progress-height, 64px);\n          margin: 24px;\n          border-radius: 50%;\n        }\n        svg {\n          position: absolute;\n          top: 0;\n          left: 0;\n          display: none;\n        }\n        .circle-background {\n          stroke: var(--circle-progress-bg-stroke-color, --paper-grey-100);\n        }\n        .circle-foreground {\n          transition: stroke-dashoffset var(--circle-progress-transition, 150ms);\n          stroke: var(--circle-progress-stroke-color, blue);\n          stroke-linecap: var(--circle-progress-stroke-linecap, round);\n        }\n      </style>\n\n      <svg id=\"circle\" width=\"100%\" height=\"100%\">\n        <circle\n          class=\"circle-background\"\n          r$=\"[[_radius]]\"\n          cx$=\"[[_cx]]\"\n          cy$=\"[[_cy]]\"\n          fill=\"transparent\"\n          stroke-width$=\"[[strokeWidth]]\"\n        ></circle>\n        <circle\n          class=\"circle-foreground\"\n          r$=\"[[_radius]]\"\n          cx$=\"[[_cx]]\"\n          cy$=\"[[_cy]]\"\n          fill=\"transparent\"\n          stroke-width$=\"[[strokeWidth]]\"\n          stroke-dasharray$=\"[[_dasharray]]\"\n          stroke-dashoffset$=\"[[_dashoffset]]\"\n          transform$=\"[[_transform]]\"\n        ></circle>\n      </svg>\n      <slot></slot>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_7b3c21701f2611eda0c389891c227ec8 || (_templateObject_7b3c21701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"paper-material-styles\">\n        :host {\n          @apply --layout-vertical;\n          @apply --layout-center-center;\n          position: relative;\n          width: var(--circle-progress-width, 64px);\n          height: var(--circle-progress-height, 64px);\n          margin: 24px;\n          border-radius: 50%;\n        }\n        svg {\n          position: absolute;\n          top: 0;\n          left: 0;\n          display: none;\n        }\n        .circle-background {\n          stroke: var(--circle-progress-bg-stroke-color, --paper-grey-100);\n        }\n        .circle-foreground {\n          transition: stroke-dashoffset var(--circle-progress-transition, 150ms);\n          stroke: var(--circle-progress-stroke-color, blue);\n          stroke-linecap: var(--circle-progress-stroke-linecap, round);\n        }\n      </style>\n\n      <svg id=\"circle\" width=\"100%\" height=\"100%\">\n        <circle\n          class=\"circle-background\"\n          r$=\"[[_radius]]\"\n          cx$=\"[[_cx]]\"\n          cy$=\"[[_cy]]\"\n          fill=\"transparent\"\n          stroke-width$=\"[[strokeWidth]]\"\n        ></circle>\n        <circle\n          class=\"circle-foreground\"\n          r$=\"[[_radius]]\"\n          cx$=\"[[_cx]]\"\n          cy$=\"[[_cy]]\"\n          fill=\"transparent\"\n          stroke-width$=\"[[strokeWidth]]\"\n          stroke-dasharray$=\"[[_dasharray]]\"\n          stroke-dashoffset$=\"[[_dashoffset]]\"\n          transform$=\"[[_transform]]\"\n        ></circle>\n      </svg>\n      <slot></slot>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/citation-element/citation-element.js b/build/es5-amd/node_modules/@lrnwebcomponents/citation-element/citation-element.js
index 248d572dfd7..1e49b397b95 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/citation-element/citation-element.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/citation-element/citation-element.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
   });
   _exports.CitationElement = void 0;
 
-  var _templateObject_a039bf301f0511ed8cc3e9a95995ad69, _templateObject2_a039bf301f0511ed8cc3e9a95995ad69;
+  var _templateObject_7b40dc601f2611eda0c389891c227ec8, _templateObject2_7b40dc601f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -52,7 +52,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_a039bf301f0511ed8cc3e9a95995ad69 || (_templateObject_a039bf301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <meta\n        about=\"", "\"\n        property=\"cc:attributionUrl\"\n        content=\"", "\"\n      />\n      <meta\n        about=\"", "\"\n        property=\"cc:attributionName\"\n        typeof=\"oer:Text\"\n        content=\"", "\"\n      />\n      <meta\n        rel=\"cc:license\"\n        href=\"", "\"\n        content=\"License: ", "\"\n      />\n      <cite\n        ><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"", "\"\n          >", "</a\n        >\n        by ", ", licensed under\n        <a\n          class=\"license-link\"\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n          href=\"", "\"\n          ><img\n            loading=\"lazy\"\n            alt=\"", " graphic\"\n            src=\"", "\"\n            ?hidden=\"", "\"\n            width=\"44px\"\n            height=\"16px\"\n          />", "</a\n        >. Accessed <span class=\"citation-date\">", "</span>.</cite\n      >\n    "])), this.relatedResource, this.source, this.relatedResource, this.title, this.licenseLink, this.licenseName, this.source, this.title, this.creator, this.licenseLink, this.licenseName, this.licenseImage, !this.licenseImage, this.licenseName, this.date);
+        return (0, _index.html)(_templateObject_7b40dc601f2611eda0c389891c227ec8 || (_templateObject_7b40dc601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <meta\n        about=\"", "\"\n        property=\"cc:attributionUrl\"\n        content=\"", "\"\n      />\n      <meta\n        about=\"", "\"\n        property=\"cc:attributionName\"\n        typeof=\"oer:Text\"\n        content=\"", "\"\n      />\n      <meta\n        rel=\"cc:license\"\n        href=\"", "\"\n        content=\"License: ", "\"\n      />\n      <cite\n        ><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"", "\"\n          >", "</a\n        >\n        by ", ", licensed under\n        <a\n          class=\"license-link\"\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n          href=\"", "\"\n          ><img\n            loading=\"lazy\"\n            alt=\"", " graphic\"\n            src=\"", "\"\n            ?hidden=\"", "\"\n            width=\"44px\"\n            height=\"16px\"\n          />", "</a\n        >. Accessed <span class=\"citation-date\">", "</span>.</cite\n      >\n    "])), this.relatedResource, this.source, this.relatedResource, this.title, this.licenseLink, this.licenseName, this.source, this.title, this.creator, this.licenseLink, this.licenseName, this.licenseImage, !this.licenseImage, this.licenseName, this.date);
       }
       /**
        * convention
@@ -191,7 +191,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_a039bf301f0511ed8cc3e9a95995ad69 || (_templateObject2_a039bf301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          color: var(--license-text-color);\n        }\n        :host([display-method=\"footnote\"]) {\n          visibility: hidden;\n          opacity: 0;\n        }\n        :host([display-method=\"popup\"]) {\n          display: block;\n        }\n        .license-link {\n          font-size: 16px;\n          line-height: 16px;\n          font-style: italic;\n        }\n        .citation-date {\n          font-size: 16px;\n          line-height: 16px;\n          font-style: italic;\n        }\n        .license-link img {\n          margin-right: 8px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7b40dc601f2611eda0c389891c227ec8 || (_templateObject2_7b40dc601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          color: var(--license-text-color);\n        }\n        :host([display-method=\"footnote\"]) {\n          visibility: hidden;\n          opacity: 0;\n        }\n        :host([display-method=\"popup\"]) {\n          display: block;\n        }\n        .license-link {\n          font-size: 16px;\n          line-height: 16px;\n          font-style: italic;\n        }\n        .citation-date {\n          font-size: 16px;\n          line-height: 16px;\n          font-style: italic;\n        }\n        .license-link img {\n          margin-right: 8px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/clean-one/clean-one.js b/build/es5-amd/node_modules/@lrnwebcomponents/clean-one/clean-one.js
index 3291d297aa9..3de2462b7b8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/clean-one/clean-one.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/clean-one/clean-one.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
   _exports.CleanOne = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a0424ab01f0511ed8cc3e9a95995ad69, _templateObject2_a0424ab01f0511ed8cc3e9a95995ad69, _templateObject3_a0424ab01f0511ed8cc3e9a95995ad69, _templateObject4_a0424ab01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7b465aa01f2611eda0c389891c227ec8, _templateObject2_7b465aa01f2611eda0c389891c227ec8, _templateObject3_7b465aa01f2611eda0c389891c227ec8, _templateObject4_7b465aa01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -80,7 +80,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a0424ab01f0511ed8cc3e9a95995ad69 || (_templateObject_a0424ab01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"site\">\n        <div class=\"menu-outline\">\n          <div id=\"site-search-input\" role=\"search\" part=\"search-btn\">\n            <clean-one-search-box\n              @input-changed=\"", "\"\n              value=\"", "\"\n            ></clean-one-search-box>\n          </div>\n          ", "\n        </div>\n        <div id=\"body\" class=\"site-body\" part=\"site-body\">\n          <div id=\"haxcms-theme-top\"></div>\n          <div class=\"site-inner\">\n            <header class=\"site-header\">\n              <div class=\"btn-container\">\n                <div class=\"pull-left\">\n                  ", "\n                  ", "\n                  ", "\n                </div>\n                <div class=\"pull-right\">\n                  ", "\n                  <site-rss-button\n                    type=\"rss\"\n                    class=\"btn js-toolbar-action\"\n                    part=\"rss-btn\"\n                  ></site-rss-button>\n                  <site-git-corner\n                    size=\"small\"\n                    part=\"git-corner-btn\"\n                  ></site-git-corner>\n                </div>\n              </div>\n            </header>\n            <main class=\"page-wrapper\" role=\"main\">\n              <article class=\"main-content page-inner\">\n                <site-breadcrumb\n                  part=\"page-breadcrumb ", "\"\n                ></site-breadcrumb>\n                <site-active-title part=\"page-title\"></site-active-title>\n                <div class=\"normal main-section\">\n                  <site-search\n                    hide-input\n                    part=\"search-btn\"\n                    search=\"", "\"\n                    ?hidden=\"", "\"\n                  ></site-search>\n                  <section\n                    id=\"contentcontainer\"\n                    ?hidden=\"", "\"\n                  >\n                    <div id=\"slot\">\n                      <slot></slot>\n                    </div>\n                  </section>\n                </div>\n              </article>\n            </main>\n          </div>\n          <footer>\n            <!-- These two buttons allow you to go left and right through the pages in the manifest -->\n            <site-menu-button\n              type=\"prev\"\n              position=\"right\"\n              class=\"navigation\"\n            ></site-menu-button>\n            <site-menu-button\n              type=\"next\"\n              position=\"left\"\n              class=\"navigation\"\n            ></site-menu-button>\n          </footer>\n        </div>\n        <scroll-button\n          .part=\"", "\"\n        ></scroll-button>\n      </div>\n    "])), this.searchChanged, this.searchTerm, this.HAXCMSMobileMenu(), this.HAXCMSMobileMenuButton(), this.HAXCMSUserStylesMenu(), _microFrontendRegistry.MicroFrontendRegistry.has('@haxcms/siteToHtml') ? this.PrintBranchButton() : (0, _index.html)(_templateObject2_a0424ab01f0511ed8cc3e9a95995ad69 || (_templateObject2_a0424ab01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <site-print-button\n                    class=\"btn js-toolbar-action\"\n                    part=\"print-btn\"\n                  ></site-print-button>\n                  "]))), this.QRCodeButton(), this.editMode ? "edit-mode-active" : "", this.searchTerm, this.searchTerm != "" ? false : true, this.searchTerm != "" ? true : false, this.editMode ? "edit-mode-active" : "");
+        return (0, _index.html)(_templateObject_7b465aa01f2611eda0c389891c227ec8 || (_templateObject_7b465aa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"site\">\n        <div class=\"menu-outline\">\n          <div id=\"site-search-input\" role=\"search\" part=\"search-btn\">\n            <clean-one-search-box\n              @input-changed=\"", "\"\n              value=\"", "\"\n            ></clean-one-search-box>\n          </div>\n          ", "\n        </div>\n        <div id=\"body\" class=\"site-body\" part=\"site-body\">\n          <div id=\"haxcms-theme-top\"></div>\n          <div class=\"site-inner\">\n            <header class=\"site-header\">\n              <div class=\"btn-container\">\n                <div class=\"pull-left\">\n                  ", "\n                  ", "\n                  ", "\n                </div>\n                <div class=\"pull-right\">\n                  ", "\n                  <site-rss-button\n                    type=\"rss\"\n                    class=\"btn js-toolbar-action\"\n                    part=\"rss-btn\"\n                  ></site-rss-button>\n                  <site-git-corner\n                    size=\"small\"\n                    part=\"git-corner-btn\"\n                  ></site-git-corner>\n                </div>\n              </div>\n            </header>\n            <main class=\"page-wrapper\" role=\"main\">\n              <article class=\"main-content page-inner\">\n                <site-breadcrumb\n                  part=\"page-breadcrumb ", "\"\n                ></site-breadcrumb>\n                <site-active-title part=\"page-title\"></site-active-title>\n                <div class=\"normal main-section\">\n                  <site-search\n                    hide-input\n                    part=\"search-btn\"\n                    search=\"", "\"\n                    ?hidden=\"", "\"\n                  ></site-search>\n                  <section\n                    id=\"contentcontainer\"\n                    ?hidden=\"", "\"\n                  >\n                    <div id=\"slot\">\n                      <slot></slot>\n                    </div>\n                  </section>\n                </div>\n              </article>\n            </main>\n          </div>\n          <footer>\n            <!-- These two buttons allow you to go left and right through the pages in the manifest -->\n            <site-menu-button\n              type=\"prev\"\n              position=\"right\"\n              class=\"navigation\"\n            ></site-menu-button>\n            <site-menu-button\n              type=\"next\"\n              position=\"left\"\n              class=\"navigation\"\n            ></site-menu-button>\n          </footer>\n        </div>\n        <scroll-button\n          .part=\"", "\"\n        ></scroll-button>\n      </div>\n    "])), this.searchChanged, this.searchTerm, this.HAXCMSMobileMenu(), this.HAXCMSMobileMenuButton(), this.HAXCMSUserStylesMenu(), _microFrontendRegistry.MicroFrontendRegistry.has('@haxcms/siteToHtml') ? this.PrintBranchButton() : (0, _index.html)(_templateObject2_7b465aa01f2611eda0c389891c227ec8 || (_templateObject2_7b465aa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <site-print-button\n                    class=\"btn js-toolbar-action\"\n                    part=\"print-btn\"\n                  ></site-print-button>\n                  "]))), this.QRCodeButton(), this.editMode ? "edit-mode-active" : "", this.searchTerm, this.searchTerm != "" ? false : true, this.searchTerm != "" ? true : false, this.editMode ? "edit-mode-active" : "");
       }
     }, {
       key: "searchChanged",
@@ -115,7 +115,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
     }, {
       key: "HAXCMSGlobalStyleSheetContent",
       value: function HAXCMSGlobalStyleSheetContent() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(CleanOne.prototype), "HAXCMSGlobalStyleSheetContent", this).call(this)), [(0, _index.css)(_templateObject3_a0424ab01f0511ed8cc3e9a95995ad69 || (_templateObject3_a0424ab01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        clean-one a {\n          text-decoration-thickness: 3px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(CleanOne.prototype), "HAXCMSGlobalStyleSheetContent", this).call(this)), [(0, _index.css)(_templateObject3_7b465aa01f2611eda0c389891c227ec8 || (_templateObject3_7b465aa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        clean-one a {\n          text-decoration-thickness: 3px;\n        }\n      "])))]);
       }
       /**
        * life cycle, element is removed from the DOM
@@ -152,7 +152,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(CleanOne), "styles", this)), [(0, _index.css)(_templateObject4_a0424ab01f0511ed8cc3e9a95995ad69 || (_templateObject4_a0424ab01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n         :host {\n           color: #242A31;\n           width: 100%;\n           margin: 0;\n           display: flex;\n           padding: 0;\n           background: #F5F7F9;\n           min-height: 100vh;\n           flex-direction: column;\n           -webkit-box-orient: vertical;\n           -webkit-box-direction: normal;\n           --haxcms-base-styles-body-font-size:14px;\n           --hax-base-styles-a-font-size: 14px;\n           --hax-base-styles-p-font-size: 14px;\n           --hax-base-styles-list-font-size: 14px;\n           --haxcms-base-styles-body-font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif\n           --haxcms-base-styles-body-line-height: 1.7;\n           --hax-base-styles-list-line-height: 1.7;\n           --hax-base-styles-p-line-height: 1.7;\n           --hax-base-styles-p-letter-spacing: .2px;\n           --haxcms-base-styles-body-letter-spacing : .2px;\n           --hax-base-styles-p-min-height: auto;\n           --hax-base-styles-list-max-width: auto;\n           --haxcms-base-styles-p-min-height: auto;\n           --hax-base-styles-list-padding-bottom: auto;\n           --hax-base-styles-h1-font-size: inherit;\n           --hax-base-styles-h2-font-size: inherit;\n           --hax-base-styles-h3-font-size: inherit;\n           --hax-base-styles-h4-font-size: inherit;\n           --hax-base-styles-h5-font-size: inherit;\n           --hax-base-styles-h6-font-size: inherit;\n           --simple-tooltip-background: #000000;\n           --simple-tooltip-opacity: 1;\n           --simple-tooltip-text-color: #ffffff;\n           --simple-tooltip-delay-in: 0;\n           --simple-tooltip-border-radius: 0;\n         }\n         site-git-corner {\n           --site-git-corner-background: black;\n         }\n         simple-tooltip {\n           --simple-tooltip-background: var(\n             --haxcms-tooltip-background-color,\n             #000000\n           );\n           --simple-tooltip-text-color: var(\n             --haxcms-tooltip-color,\n             #ffffff\n           );\n           --simple-tooltip-opacity: 1;\n           --simple-tooltip-delay-in: 0;\n           --simple-tooltip-border-radius: 0;\n         }\n \n         :host([hidden]) {\n           display: none;\n         }\n         [hidden] {\n           display: none;\n         }\n         site-menu-button:not(:defined) {\n           display: none;\n         }\n         .btn-container {\n           z-index: 2;\n           height: 50px;\n           padding: 6px;\n         }\n         .btn-container .btn {\n           padding: 8px 4px;\n         }\n         simple-tooltip {\n           --simple-tooltip-background: var(--haxcms-user-styles-color-theme-color-1);\n           --simple-tooltip-text-color: var(--haxcms-user-styles-color-theme-color-2);\n         }\n         site-menu {\n           height: var(--clean-one-site-menu-height, calc(100vh - 60px));\n           --site-menu-active-color: var(--haxcms-user-styles-color-theme-color-3);\n           --site-menu-item-active-item-color: var(--haxcms-user-styles-color-theme-color-4);\n           --haxcms-tooltip-color: var(--haxcms-user-styles-color-theme-color-2);\n           --haxcms-tooltip-background-color: var(--haxcms-user-styles-color-theme-color-1);\n         }\n         scroll-button {\n           --scroll-button-color: var(--haxcms-user-styles-color-theme-color-1);\n           --scroll-button-background-color: var(--haxcms-user-styles-color-theme-color-2);\n           --scroll-button-tooltip-background-color:var(--haxcms-user-styles-color-theme-color-1);\n           --scroll-button-tooltip-color: var(--haxcms-user-styles-color-theme-color-2);\n         }\n         simple-icon-button,\n         simple-icon-button-lite,\n         site-rss-button,\n         site-print-button,\n         site-git-corner {\n           color: var(--site-print-button-color, black);\n           --site-git-corner-background: var(--haxcms-user-styles-color-theme-color-1);\n           --site-git-corner-color: var(--haxcms-user-styles-color-theme-color-2);\n           --simple-icon-fill-color: var(--haxcms-user-styles-color-theme-color-1);\n           --haxcms-tooltip-color: var(--haxcms-user-styles-color-theme-color-2);\n           --haxcms-tooltip-background-color: var(--haxcms-user-styles-color-theme-color-1);\n         }\n         .pdf-page-btn,\n         .print-branch-btn {\n          padding: 8px 4px;\n          display: inline-flex;\n         }\n         site-menu-button {\n           --site-menu-button-icon-fill-color: var(--haxcms-user-styles-color-theme-color-1);\n           --haxcms-tooltip-color: var(--haxcms-user-styles-color-theme-color-2);\n           --haxcms-tooltip-background-color: var(--haxcms-user-styles-color-theme-color-1);\n           --site-menu-button-button-hover-background-color: rgba(0,0,0,.1);\n         }\n         scroll-button,\n         site-breadcrumb {\n           color: var(--haxcms-user-styles-color-theme-color-1);\n         }\n         * {\n           -webkit-box-sizing: border-box;\n           -moz-box-sizing: border-box;\n           box-sizing: border-box;\n           -webkit-overflow-scrolling: touch;\n           -webkit-tap-highlight-color: transparent;\n           -webkit-text-size-adjust: none;\n           -webkit-touch-callout: none;\n           -webkit-font-smoothing: antialiased;\n         }\n         /* links */\n         \n         a {\n           text-decoration: none;\n         }\n         a:hover,\n         a:focus,\n         a:active {\n           outline: thin dotted;\n         }\n         a:-webkit-any-link {\n           color: -webkit-link;\n           cursor: pointer;\n           text-decoration: underline;\n         }\n         :host([menu-open]) .menu-outline {\n           left: 0;\n         }\n         .menu-outline {\n           font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif;\n           position: absolute;\n           top: 0;\n           left: -300px;\n           bottom: 0;\n           z-index: 1;\n           overflow-y: hidden;\n           width: 300px;\n           color: #364149;\n           background: #fafafa;\n           border-right: 1px solid rgba(0,0,0,.07);\n           transition: left 250ms ease;\n         }\n         /* content */\n         .main-section h1 {\n           font-size: 2em;\n         }\n         :host([edit-mode]) .main-section {\n           outline: 1px solid grey;\n           outline-offset: 20px;\n         }\n         .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {\n           margin-top: 1.275em;\n           margin-bottom: .85em;\n           font-weight: 700;\n         }\n         .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5 {\n           page-break-after: avoid;\n         }\n         :host([responsive-size=\"xs\"][menu-open]) .pull-right {\n           display: none;\n         }\n         .pull-right {\n           top: 0px;\n           right: 16px;\n           position: fixed;\n         }\n         .main-content *,\n         .main-content ::slotted(*) {\n           box-sizing: border-box;\n           -webkit-box-sizing: border-box;\n           font-size: inherit;\n         }\n         @media (prefers-reduced-motion: reduce) {\n           #site-search-input,\n           .site-body,\n           .navigation,\n           .menu-outline {\n             transition: none !important;\n           }\n         }\n \n         :host([menu-open]) .site-body {\n           left: 300px;\n         }\n         .site-body {\n           position: absolute;\n           top: 0;\n           right: 0;\n           left: 0;\n           bottom: 0;\n           min-width: 400px;\n           overflow-y: auto;\n           transition: left 250ms ease;\n         }\n\n        :host([responsive-size=\"sm\"]) .page-inner,\n        :host([responsive-size=\"md\"]) .page-inner,\n        :host([responsive-size=\"lg\"]) .page-inner {\n          padding: 48px 15px;\n        }\n        :host([responsive-size=\"sm\"]) .site-inner {\n          padding: 0px 24px;\n        }\n        :host([responsive-size=\"xs\"]) .site-inner {\n          max-width: 100vw;\n          padding: 0px 24px;\n        }\n        :host([responsive-size=\"xs\"]) .page-inner {\n          overflow-x: auto;\n        }\n        h1 {\n          font-size: 2em;\n          margin: .67em 0;\n        }\n        .main-content h2 {\n          font-size: 1.75em;\n        }\n        .main-content h3 {\n          font-size: 1.5em;\n        }\n         .main-content h4 {\n           font-size: 1.25em;\n         }\n         .main-content h5 {\n           font-size: 1em;\n         }\n         .main-content h6 {\n           font-size: 1em;\n           color: #777;\n         }\n         .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {\n           margin-top: 1.275em;\n           margin-bottom: .85em;\n           font-weight: 700;\n         }\n \n         .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5 {\n           page-break-after: avoid;\n         }\n         .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content p {\n           orphans: 3;\n           widows: 3;\n         }\n         .main-content blockquote, .main-content dl, .main-content ol, .main-content p, .main-content table, .main-content ul {\n           margin-top: 0;\n           margin-bottom: .85em;\n         }\n         .main-content ol, .main-content ul {\n           padding: 0;\n           margin: 0;\n           margin-bottom: .85em;\n           padding-left: 2em;\n         }\n         .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content p {\n           orphans: 3;\n           widows: 3;\n         }\n         article, aside, details, figcaption, figure, header, hgroup, main, nav, section, summary {\n           display: block;\n         }\n         footer {\n           display: flex;\n         }\n         .site-header {\n           overflow: visible;\n           z-index: 2;\n           background: transparent;\n           position: fixed;\n           display: block;\n           padding: 0 16px;\n         }\n         @media (max-width: 1200px) {\n          .site-header {\n            height: 50px;\n            position: fixed;\n            width: 100vw;\n            background-color: white;\n           }\n         }      \n         @media (max-width: 900px) {\n           footer {\n             position: fixed;\n             bottom: 0;\n             left: 0;\n             right: 0;\n           }\n           :host([menu-open]) footer {\n             left: 300px;\n           }\n         }\n \n         @media (max-width: 700px){\n           .link-actions {\n             display: none;\n           }\n         }\n         @media (max-width: 1240px){\n           .site-body .body-inner {\n             position: static;\n             min-height: calc(100% - 98px);\n           }\n         }\n         @media (max-width: 1240px){\n           .site-body {\n             transition: transform 200ms ease;\n             padding-bottom: 20px;\n           }\n         }\n         .site-body .site-inner {\n           position: relative;\n           top: 0;\n           right: 0;\n           left: 0;\n           bottom: 0;\n           overflow-y: auto;\n         }\n         .main-content * {\n           box-sizing: border-box;\n           -webkit-box-sizing: border-box;\n           font-size: inherit;\n         }\n         .page-wrapper {\n           position: relative;\n           outline: 0;\n         }\n         .page-inner {\n           position: relative;\n           max-width: 840px;\n           margin: 0 auto;\n           min-height: 90vh;\n           padding: 20px 15px 40px 15px;\n         }\n         .main-section {\n           display: block;\n           word-wrap: break-word;\n           color: var(--haxcms-user-styles-color-theme-color-color);\n           line-height: 1.7;\n           text-size-adjust: 100%;\n           -ms-text-size-adjust: 100%;\n           -webkit-text-size-adjust: 100%;\n           -moz-text-size-adjust: 100%;\n         }\n         /* Navigation arrows */\n         site-menu-button {\n           --site-menu-button-icon-width: 64px;\n           --site-menu-button-icon-height: 64px;\n         }\n         :host([menu-open]) site-menu-button[type=\"prev\"] {\n           left: 300px;\n         }\n         site-menu-button[type=\"prev\"] {\n           left: 0;\n         }\n         site-menu-button[type=\"next\"] {\n           right: 0;\n         }\n         .main-content site-active-title h1 {\n           font-size: 36px;\n           margin: 20px 0;\n           text-rendering: optimizeLegibility;\n         }\n         .navigation {\n           position: fixed;\n           top: 40vh;\n           bottom: 20vh;\n           margin: 0 20px;\n           max-width: 150px;\n           min-width: 90px;\n           display: flex;\n           justify-content: center;\n           align-content: center;\n           flex-direction: column;\n           font-size: 40px;\n           color: #ccc;\n           text-align: center;\n           transition: all .35s ease;\n         }\n         \n         @media (max-width: 1240px) {\n           .navigation {\n             position: static;\n             margin: 0 auto;\n             display: inline-flex;\n           }\n         }\n         /* color,font,size switchers */\n           \n           .site-header .font-settings .font-enlarge {\n             line-height: 30px;\n             font-size: 1.4em;\n           }\n           .site-header .font-settings .font-reduce {\n             line-height: 30px;\n             font-size: 1em;\n           }\n           .site-header .font-settings .font-reduce {\n             line-height: 30px;\n             font-size: 1em;\n           }\n \n           .site-body {\n             overflow-y: scroll;\n             color: var(--haxcms-user-styles-color-theme-color-color);\n             background: var(--haxcms-user-styles-color-theme-color-background);\n           }\n           :host([color-theme=\"1\"]) .site-header {\n             color: #afa790;\n             background: transparent;\n           }\n           :host([color-theme=\"1\"]) .site-header .btn {\n             color: black;\n           }\n           :host([color-theme=\"1\"]) .site-header .btn:hover,\n           :host([color-theme=\"1\"]) .site-header .btn:focus,\n           :host([color-theme=\"1\"]) .site-header .btn:active {\n             color: #704214;\n             background: none;\n           }\n           :host([color-theme=\"1\"]) site-active-title {\n             color: #704214;\n           }\n           :host([color-theme=\"2\"]) .site-header {\n             color: #7e888b;\n             background: transparent;\n           }\n           :host([color-theme=\"2\"]) .site-header .btn {\n             color: white;\n           }\n           :host([color-theme=\"2\"]) .site-header .btn:hover,\n           :host([color-theme=\"2\"]) .site-header .btn:focus,\n           :host([color-theme=\"2\"]) .site-header .btn:active {\n             color: #fffff5;\n             background: none;\n           }\n           :host([color-theme=\"2\"]) site-active-title {\n             color: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n           }\n           :host([color-theme=\"1\"]) .site-body .navigation {\n             color: #afa790;\n           }\n           :host([color-theme=\"1\"]) .site-body .navigation:hover,\n           :host([color-theme=\"1\"]) .site-body .navigation:focus,\n           :host([color-theme=\"1\"]) .site-body .navigation:active {\n             color: #eee8e0;\n           }\n           :host([color-theme=\"2\"]) .site-body .navigation {\n             color: #383f52;\n           }\n           :host([color-theme=\"2\"]) .site-body .navigation:hover,\n           :host([color-theme=\"2\"]) .site-body .navigation:focus,\n           :host([color-theme=\"2\"]) .site-body .navigation:active {\n             color: #fffff5;\n           }\n           :host([color-theme=\"2\"]) #site-search-input {\n             color: #fffff5;\n             background-color: #383f52;\n           }\n           \n           /*\n           * Theme 1\n           */\n           :host([color-theme=\"1\"]) .menu-outline {\n             color: #afa790;\n             background: #111111;\n             border-right: 1px solid rgba(0, 0, 0, 0.07);\n           }\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li.divider {\n             background: #7e888b;\n             box-shadow: none;\n           }\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li.done > a {\n             color: #877f6a;\n           }\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li a,\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li span {\n             color: #877f6a;\n             background: transparent;\n             font-weight: normal;\n           }\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li.active > a,\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li a:hover,\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li a:focus,\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li a:active {\n             color: #704214;\n             background: transparent;\n             font-weight: normal;\n           }\n           :host([color-theme=\"1\"]) #site-search-input {\n             color: #afa790;\n             background-color: #111111;\n           }\n           /*\n           * Theme 2\n           */\n           :host([color-theme=\"2\"]) .menu-outline {\n             color: #bcc1d2;\n             background: #2d3143;\n             border-right: none;\n           }\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li.divider {\n             background: #272a3a;\n             box-shadow: none;\n           }\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li.done > a {\n             color: #62687f;\n           }\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li a,\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li span {\n             color: #c1c6d7;\n             background: transparent;\n             font-weight: 600;\n           }\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li.active > a,\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li a:hover,\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li a:focus,\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li a:active {\n             color: #f4f4f5;\n             background: #252737;\n             font-weight: 600;\n           }\n           button, select {\n             text-transform: none;\n           }\n           button, input {\n             line-height: normal;\n           }\n           button, input, select, textarea {\n             font-family: inherit;\n             font-size: 100%;\n             margin: 0;\n           }\n           scroll-button {\n             position: absolute;\n             bottom: 0;\n             right: 16px;\n           }\n           #site-search-input {\n             padding: 6px;\n             background: 0 0;\n             transition: top .5s ease;\n             background: #fff;\n             border-bottom: 1px solid rgba(0,0,0,.07);\n             border-top: 1px solid rgba(0,0,0,.07);\n             margin-bottom: 10px;\n             margin-top: -1px;\n           }\n           site-search {\n             height: auto;\n             width: auto;\n             font-size: inherit;\n           }\n           :host([color-theme=\"0\"]) #site-search-input {\n             color: #252737;\n           }\n           :host([color-theme=\"0\"]) site-search {\n             color: #252737;\n             --site-search-result-background-color: transparent;\n             --site-search-result-background-color-hover: #F5F5F5;\n             --site-search-link-color-hover: #252737;\n             --site-search-link-text-color: #252737;\n             --site-search-link-color: #252737;\n             --site-search-result-color: #252737;\n           }\n           :host([color-theme=\"1\"]) site-search {\n             color: #704214;\n             --site-search-result-background-color: transparent;\n             --site-search-result-background-color-hover: transparent;\n             --site-search-link-color-hover: #704214;\n             --site-search-link-text-color: #704214;\n             --site-search-link-color: #704214;\n             --site-search-result-color: #704214;\n           }\n           :host([color-theme=\"2\"]) site-search {\n             color: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n             --site-search-result-background-color: transparent;\n             --site-search-result-background-color-hover: transparent;\n             --site-search-link-color-hover: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n             --site-search-link-text-color: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n             --site-search-link-color: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n             --site-search-result-color: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n           }\n       "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(CleanOne), "styles", this)), [(0, _index.css)(_templateObject4_7b465aa01f2611eda0c389891c227ec8 || (_templateObject4_7b465aa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n         :host {\n           color: #242A31;\n           width: 100%;\n           margin: 0;\n           display: flex;\n           padding: 0;\n           background: #F5F7F9;\n           min-height: 100vh;\n           flex-direction: column;\n           -webkit-box-orient: vertical;\n           -webkit-box-direction: normal;\n           --haxcms-base-styles-body-font-size:14px;\n           --hax-base-styles-a-font-size: 14px;\n           --hax-base-styles-p-font-size: 14px;\n           --hax-base-styles-list-font-size: 14px;\n           --haxcms-base-styles-body-font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif\n           --haxcms-base-styles-body-line-height: 1.7;\n           --hax-base-styles-list-line-height: 1.7;\n           --hax-base-styles-p-line-height: 1.7;\n           --hax-base-styles-p-letter-spacing: .2px;\n           --haxcms-base-styles-body-letter-spacing : .2px;\n           --hax-base-styles-p-min-height: auto;\n           --hax-base-styles-list-max-width: auto;\n           --haxcms-base-styles-p-min-height: auto;\n           --hax-base-styles-list-padding-bottom: auto;\n           --hax-base-styles-h1-font-size: inherit;\n           --hax-base-styles-h2-font-size: inherit;\n           --hax-base-styles-h3-font-size: inherit;\n           --hax-base-styles-h4-font-size: inherit;\n           --hax-base-styles-h5-font-size: inherit;\n           --hax-base-styles-h6-font-size: inherit;\n           --simple-tooltip-background: #000000;\n           --simple-tooltip-opacity: 1;\n           --simple-tooltip-text-color: #ffffff;\n           --simple-tooltip-delay-in: 0;\n           --simple-tooltip-border-radius: 0;\n         }\n         site-git-corner {\n           --site-git-corner-background: black;\n         }\n         simple-tooltip {\n           --simple-tooltip-background: var(\n             --haxcms-tooltip-background-color,\n             #000000\n           );\n           --simple-tooltip-text-color: var(\n             --haxcms-tooltip-color,\n             #ffffff\n           );\n           --simple-tooltip-opacity: 1;\n           --simple-tooltip-delay-in: 0;\n           --simple-tooltip-border-radius: 0;\n         }\n \n         :host([hidden]) {\n           display: none;\n         }\n         [hidden] {\n           display: none;\n         }\n         site-menu-button:not(:defined) {\n           display: none;\n         }\n         .btn-container {\n           z-index: 2;\n           height: 50px;\n           padding: 6px;\n         }\n         .btn-container .btn {\n           padding: 8px 4px;\n         }\n         simple-tooltip {\n           --simple-tooltip-background: var(--haxcms-user-styles-color-theme-color-1);\n           --simple-tooltip-text-color: var(--haxcms-user-styles-color-theme-color-2);\n         }\n         site-menu {\n           height: var(--clean-one-site-menu-height, calc(100vh - 60px));\n           --site-menu-active-color: var(--haxcms-user-styles-color-theme-color-3);\n           --site-menu-item-active-item-color: var(--haxcms-user-styles-color-theme-color-4);\n           --haxcms-tooltip-color: var(--haxcms-user-styles-color-theme-color-2);\n           --haxcms-tooltip-background-color: var(--haxcms-user-styles-color-theme-color-1);\n         }\n         scroll-button {\n           --scroll-button-color: var(--haxcms-user-styles-color-theme-color-1);\n           --scroll-button-background-color: var(--haxcms-user-styles-color-theme-color-2);\n           --scroll-button-tooltip-background-color:var(--haxcms-user-styles-color-theme-color-1);\n           --scroll-button-tooltip-color: var(--haxcms-user-styles-color-theme-color-2);\n         }\n         simple-icon-button,\n         simple-icon-button-lite,\n         site-rss-button,\n         site-print-button,\n         site-git-corner {\n           color: var(--site-print-button-color, black);\n           --site-git-corner-background: var(--haxcms-user-styles-color-theme-color-1);\n           --site-git-corner-color: var(--haxcms-user-styles-color-theme-color-2);\n           --simple-icon-fill-color: var(--haxcms-user-styles-color-theme-color-1);\n           --haxcms-tooltip-color: var(--haxcms-user-styles-color-theme-color-2);\n           --haxcms-tooltip-background-color: var(--haxcms-user-styles-color-theme-color-1);\n         }\n         .pdf-page-btn,\n         .print-branch-btn {\n          padding: 8px 4px;\n          display: inline-flex;\n         }\n         site-menu-button {\n           --site-menu-button-icon-fill-color: var(--haxcms-user-styles-color-theme-color-1);\n           --haxcms-tooltip-color: var(--haxcms-user-styles-color-theme-color-2);\n           --haxcms-tooltip-background-color: var(--haxcms-user-styles-color-theme-color-1);\n           --site-menu-button-button-hover-background-color: rgba(0,0,0,.1);\n         }\n         scroll-button,\n         site-breadcrumb {\n           color: var(--haxcms-user-styles-color-theme-color-1);\n         }\n         * {\n           -webkit-box-sizing: border-box;\n           -moz-box-sizing: border-box;\n           box-sizing: border-box;\n           -webkit-overflow-scrolling: touch;\n           -webkit-tap-highlight-color: transparent;\n           -webkit-text-size-adjust: none;\n           -webkit-touch-callout: none;\n           -webkit-font-smoothing: antialiased;\n         }\n         /* links */\n         \n         a {\n           text-decoration: none;\n         }\n         a:hover,\n         a:focus,\n         a:active {\n           outline: thin dotted;\n         }\n         a:-webkit-any-link {\n           color: -webkit-link;\n           cursor: pointer;\n           text-decoration: underline;\n         }\n         :host([menu-open]) .menu-outline {\n           left: 0;\n         }\n         .menu-outline {\n           font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif;\n           position: absolute;\n           top: 0;\n           left: -300px;\n           bottom: 0;\n           z-index: 1;\n           overflow-y: hidden;\n           width: 300px;\n           color: #364149;\n           background: #fafafa;\n           border-right: 1px solid rgba(0,0,0,.07);\n           transition: left 250ms ease;\n         }\n         /* content */\n         .main-section h1 {\n           font-size: 2em;\n         }\n         :host([edit-mode]) .main-section {\n           outline: 1px solid grey;\n           outline-offset: 20px;\n         }\n         .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {\n           margin-top: 1.275em;\n           margin-bottom: .85em;\n           font-weight: 700;\n         }\n         .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5 {\n           page-break-after: avoid;\n         }\n         :host([responsive-size=\"xs\"][menu-open]) .pull-right {\n           display: none;\n         }\n         .pull-right {\n           top: 0px;\n           right: 16px;\n           position: fixed;\n         }\n         .main-content *,\n         .main-content ::slotted(*) {\n           box-sizing: border-box;\n           -webkit-box-sizing: border-box;\n           font-size: inherit;\n         }\n         @media (prefers-reduced-motion: reduce) {\n           #site-search-input,\n           .site-body,\n           .navigation,\n           .menu-outline {\n             transition: none !important;\n           }\n         }\n \n         :host([menu-open]) .site-body {\n           left: 300px;\n         }\n         .site-body {\n           position: absolute;\n           top: 0;\n           right: 0;\n           left: 0;\n           bottom: 0;\n           min-width: 400px;\n           overflow-y: auto;\n           transition: left 250ms ease;\n         }\n\n        :host([responsive-size=\"sm\"]) .page-inner,\n        :host([responsive-size=\"md\"]) .page-inner,\n        :host([responsive-size=\"lg\"]) .page-inner {\n          padding: 48px 15px;\n        }\n        :host([responsive-size=\"sm\"]) .site-inner {\n          padding: 0px 24px;\n        }\n        :host([responsive-size=\"xs\"]) .site-inner {\n          max-width: 100vw;\n          padding: 0px 24px;\n        }\n        :host([responsive-size=\"xs\"]) .page-inner {\n          overflow-x: auto;\n        }\n        h1 {\n          font-size: 2em;\n          margin: .67em 0;\n        }\n        .main-content h2 {\n          font-size: 1.75em;\n        }\n        .main-content h3 {\n          font-size: 1.5em;\n        }\n         .main-content h4 {\n           font-size: 1.25em;\n         }\n         .main-content h5 {\n           font-size: 1em;\n         }\n         .main-content h6 {\n           font-size: 1em;\n           color: #777;\n         }\n         .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {\n           margin-top: 1.275em;\n           margin-bottom: .85em;\n           font-weight: 700;\n         }\n \n         .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5 {\n           page-break-after: avoid;\n         }\n         .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content p {\n           orphans: 3;\n           widows: 3;\n         }\n         .main-content blockquote, .main-content dl, .main-content ol, .main-content p, .main-content table, .main-content ul {\n           margin-top: 0;\n           margin-bottom: .85em;\n         }\n         .main-content ol, .main-content ul {\n           padding: 0;\n           margin: 0;\n           margin-bottom: .85em;\n           padding-left: 2em;\n         }\n         .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content p {\n           orphans: 3;\n           widows: 3;\n         }\n         article, aside, details, figcaption, figure, header, hgroup, main, nav, section, summary {\n           display: block;\n         }\n         footer {\n           display: flex;\n         }\n         .site-header {\n           overflow: visible;\n           z-index: 2;\n           background: transparent;\n           position: fixed;\n           display: block;\n           padding: 0 16px;\n         }\n         @media (max-width: 1200px) {\n          .site-header {\n            height: 50px;\n            position: fixed;\n            width: 100vw;\n            background-color: white;\n           }\n         }      \n         @media (max-width: 900px) {\n           footer {\n             position: fixed;\n             bottom: 0;\n             left: 0;\n             right: 0;\n           }\n           :host([menu-open]) footer {\n             left: 300px;\n           }\n         }\n \n         @media (max-width: 700px){\n           .link-actions {\n             display: none;\n           }\n         }\n         @media (max-width: 1240px){\n           .site-body .body-inner {\n             position: static;\n             min-height: calc(100% - 98px);\n           }\n         }\n         @media (max-width: 1240px){\n           .site-body {\n             transition: transform 200ms ease;\n             padding-bottom: 20px;\n           }\n         }\n         .site-body .site-inner {\n           position: relative;\n           top: 0;\n           right: 0;\n           left: 0;\n           bottom: 0;\n           overflow-y: auto;\n         }\n         .main-content * {\n           box-sizing: border-box;\n           -webkit-box-sizing: border-box;\n           font-size: inherit;\n         }\n         .page-wrapper {\n           position: relative;\n           outline: 0;\n         }\n         .page-inner {\n           position: relative;\n           max-width: 840px;\n           margin: 0 auto;\n           min-height: 90vh;\n           padding: 20px 15px 40px 15px;\n         }\n         .main-section {\n           display: block;\n           word-wrap: break-word;\n           color: var(--haxcms-user-styles-color-theme-color-color);\n           line-height: 1.7;\n           text-size-adjust: 100%;\n           -ms-text-size-adjust: 100%;\n           -webkit-text-size-adjust: 100%;\n           -moz-text-size-adjust: 100%;\n         }\n         /* Navigation arrows */\n         site-menu-button {\n           --site-menu-button-icon-width: 64px;\n           --site-menu-button-icon-height: 64px;\n         }\n         :host([menu-open]) site-menu-button[type=\"prev\"] {\n           left: 300px;\n         }\n         site-menu-button[type=\"prev\"] {\n           left: 0;\n         }\n         site-menu-button[type=\"next\"] {\n           right: 0;\n         }\n         .main-content site-active-title h1 {\n           font-size: 36px;\n           margin: 20px 0;\n           text-rendering: optimizeLegibility;\n         }\n         .navigation {\n           position: fixed;\n           top: 40vh;\n           bottom: 20vh;\n           margin: 0 20px;\n           max-width: 150px;\n           min-width: 90px;\n           display: flex;\n           justify-content: center;\n           align-content: center;\n           flex-direction: column;\n           font-size: 40px;\n           color: #ccc;\n           text-align: center;\n           transition: all .35s ease;\n         }\n         \n         @media (max-width: 1240px) {\n           .navigation {\n             position: static;\n             margin: 0 auto;\n             display: inline-flex;\n           }\n         }\n         /* color,font,size switchers */\n           \n           .site-header .font-settings .font-enlarge {\n             line-height: 30px;\n             font-size: 1.4em;\n           }\n           .site-header .font-settings .font-reduce {\n             line-height: 30px;\n             font-size: 1em;\n           }\n           .site-header .font-settings .font-reduce {\n             line-height: 30px;\n             font-size: 1em;\n           }\n \n           .site-body {\n             overflow-y: scroll;\n             color: var(--haxcms-user-styles-color-theme-color-color);\n             background: var(--haxcms-user-styles-color-theme-color-background);\n           }\n           :host([color-theme=\"1\"]) .site-header {\n             color: #afa790;\n             background: transparent;\n           }\n           :host([color-theme=\"1\"]) .site-header .btn {\n             color: black;\n           }\n           :host([color-theme=\"1\"]) .site-header .btn:hover,\n           :host([color-theme=\"1\"]) .site-header .btn:focus,\n           :host([color-theme=\"1\"]) .site-header .btn:active {\n             color: #704214;\n             background: none;\n           }\n           :host([color-theme=\"1\"]) site-active-title {\n             color: #704214;\n           }\n           :host([color-theme=\"2\"]) .site-header {\n             color: #7e888b;\n             background: transparent;\n           }\n           :host([color-theme=\"2\"]) .site-header .btn {\n             color: white;\n           }\n           :host([color-theme=\"2\"]) .site-header .btn:hover,\n           :host([color-theme=\"2\"]) .site-header .btn:focus,\n           :host([color-theme=\"2\"]) .site-header .btn:active {\n             color: #fffff5;\n             background: none;\n           }\n           :host([color-theme=\"2\"]) site-active-title {\n             color: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n           }\n           :host([color-theme=\"1\"]) .site-body .navigation {\n             color: #afa790;\n           }\n           :host([color-theme=\"1\"]) .site-body .navigation:hover,\n           :host([color-theme=\"1\"]) .site-body .navigation:focus,\n           :host([color-theme=\"1\"]) .site-body .navigation:active {\n             color: #eee8e0;\n           }\n           :host([color-theme=\"2\"]) .site-body .navigation {\n             color: #383f52;\n           }\n           :host([color-theme=\"2\"]) .site-body .navigation:hover,\n           :host([color-theme=\"2\"]) .site-body .navigation:focus,\n           :host([color-theme=\"2\"]) .site-body .navigation:active {\n             color: #fffff5;\n           }\n           :host([color-theme=\"2\"]) #site-search-input {\n             color: #fffff5;\n             background-color: #383f52;\n           }\n           \n           /*\n           * Theme 1\n           */\n           :host([color-theme=\"1\"]) .menu-outline {\n             color: #afa790;\n             background: #111111;\n             border-right: 1px solid rgba(0, 0, 0, 0.07);\n           }\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li.divider {\n             background: #7e888b;\n             box-shadow: none;\n           }\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li.done > a {\n             color: #877f6a;\n           }\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li a,\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li span {\n             color: #877f6a;\n             background: transparent;\n             font-weight: normal;\n           }\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li.active > a,\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li a:hover,\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li a:focus,\n           :host([color-theme=\"1\"]) .menu-outline ul.summary li a:active {\n             color: #704214;\n             background: transparent;\n             font-weight: normal;\n           }\n           :host([color-theme=\"1\"]) #site-search-input {\n             color: #afa790;\n             background-color: #111111;\n           }\n           /*\n           * Theme 2\n           */\n           :host([color-theme=\"2\"]) .menu-outline {\n             color: #bcc1d2;\n             background: #2d3143;\n             border-right: none;\n           }\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li.divider {\n             background: #272a3a;\n             box-shadow: none;\n           }\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li.done > a {\n             color: #62687f;\n           }\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li a,\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li span {\n             color: #c1c6d7;\n             background: transparent;\n             font-weight: 600;\n           }\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li.active > a,\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li a:hover,\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li a:focus,\n           :host([color-theme=\"2\"]) .menu-outline ul.summary li a:active {\n             color: #f4f4f5;\n             background: #252737;\n             font-weight: 600;\n           }\n           button, select {\n             text-transform: none;\n           }\n           button, input {\n             line-height: normal;\n           }\n           button, input, select, textarea {\n             font-family: inherit;\n             font-size: 100%;\n             margin: 0;\n           }\n           scroll-button {\n             position: absolute;\n             bottom: 0;\n             right: 16px;\n           }\n           #site-search-input {\n             padding: 6px;\n             background: 0 0;\n             transition: top .5s ease;\n             background: #fff;\n             border-bottom: 1px solid rgba(0,0,0,.07);\n             border-top: 1px solid rgba(0,0,0,.07);\n             margin-bottom: 10px;\n             margin-top: -1px;\n           }\n           site-search {\n             height: auto;\n             width: auto;\n             font-size: inherit;\n           }\n           :host([color-theme=\"0\"]) #site-search-input {\n             color: #252737;\n           }\n           :host([color-theme=\"0\"]) site-search {\n             color: #252737;\n             --site-search-result-background-color: transparent;\n             --site-search-result-background-color-hover: #F5F5F5;\n             --site-search-link-color-hover: #252737;\n             --site-search-link-text-color: #252737;\n             --site-search-link-color: #252737;\n             --site-search-result-color: #252737;\n           }\n           :host([color-theme=\"1\"]) site-search {\n             color: #704214;\n             --site-search-result-background-color: transparent;\n             --site-search-result-background-color-hover: transparent;\n             --site-search-link-color-hover: #704214;\n             --site-search-link-text-color: #704214;\n             --site-search-link-color: #704214;\n             --site-search-result-color: #704214;\n           }\n           :host([color-theme=\"2\"]) site-search {\n             color: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n             --site-search-result-background-color: transparent;\n             --site-search-result-background-color-hover: transparent;\n             --site-search-link-color-hover: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n             --site-search-link-text-color: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n             --site-search-link-color: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n             --site-search-result-color: var(--simple-colors-default-theme-light-blue-1,#CFD4E3);\n           }\n       "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/clean-one/lib/clean-one-search-box.js b/build/es5-amd/node_modules/@lrnwebcomponents/clean-one/lib/clean-one-search-box.js
index b65ed461806..dc19781cb17 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/clean-one/lib/clean-one-search-box.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/clean-one/lib/clean-one-search-box.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../i18n-manager/lib/I18N
   _exports.CleanOneSearchBox = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_dc23baa01f0511ed8cc3e9a95995ad69, _templateObject2_dc23baa01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b27c1cd01f2611eda0c389891c227ec8, _templateObject2_b27c1cd01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -46,7 +46,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../i18n-manager/lib/I18N
     babelHelpers.createClass(CleanOneSearchBox, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc23baa01f0511ed8cc3e9a95995ad69 || (_templateObject_dc23baa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <input\n        type=\"text\"\n        aria-label=\"", "\"\n        placeholder=\"", "\"\n        .value=\"", "\"\n        @input=\"", "\"\n      />\n    "])), this.t.searchSiteContent, this.t.typeToSearch, this.value, this.searchChanged);
+        return (0, _index.html)(_templateObject_b27c1cd01f2611eda0c389891c227ec8 || (_templateObject_b27c1cd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <input\n        type=\"text\"\n        aria-label=\"", "\"\n        placeholder=\"", "\"\n        .value=\"", "\"\n        @input=\"", "\"\n      />\n    "])), this.t.searchSiteContent, this.t.typeToSearch, this.value, this.searchChanged);
       }
     }, {
       key: "searchChanged",
@@ -70,7 +70,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../i18n-manager/lib/I18N
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dc23baa01f0511ed8cc3e9a95995ad69 || (_templateObject2_dc23baa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        input {\n          line-height: normal;\n          font-family: inherit;\n          font-size: 100%;\n          margin: 0;\n        }\n        input,\n        input:focus,\n        input:hover {\n          background: 0 0;\n          border: 1px solid transparent;\n          box-shadow: none;\n          outline: 0;\n          line-height: 22px;\n          padding: 7px 7px;\n          color: inherit;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b27c1cd01f2611eda0c389891c227ec8 || (_templateObject2_b27c1cd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        input {\n          line-height: normal;\n          font-family: inherit;\n          font-size: 100%;\n          margin: 0;\n        }\n        input,\n        input:focus,\n        input:hover {\n          background: 0 0;\n          border: 1px solid transparent;\n          box-shadow: none;\n          outline: 0;\n          line-height: 22px;\n          padding: 7px 7px;\n          color: inherit;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/clean-two/clean-two.js b/build/es5-amd/node_modules/@lrnwebcomponents/clean-two/clean-two.js
index ba601c3a454..f62d1ee6c2e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/clean-two/clean-two.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/clean-two/clean-two.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
   _exports.CleanTwo = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a04a39f01f0511ed8cc3e9a95995ad69, _templateObject2_a04a39f01f0511ed8cc3e9a95995ad69, _templateObject3_a04a39f01f0511ed8cc3e9a95995ad69, _templateObject4_a04a39f01f0511ed8cc3e9a95995ad69, _templateObject5_a04a39f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7b4c9c301f2611eda0c389891c227ec8, _templateObject2_7b4c9c301f2611eda0c389891c227ec8, _templateObject3_7b4c9c301f2611eda0c389891c227ec8, _templateObject4_7b4c9c301f2611eda0c389891c227ec8, _templateObject5_7b4c9c301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -113,7 +113,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a04a39f01f0511ed8cc3e9a95995ad69 || (_templateObject_a04a39f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"body-wrapper\">\n        <div class=\"left-col\">", "</div>\n        <div class=\"content-wrapper\">\n          <div class=\"content\">\n            <header class=\"header\">\n              ", "\n              ", "\n              <site-modal\n                @site-modal-click=\"", "\"\n                ?disabled=\"", "\"\n                icon=\"icons:search\"\n                title=\"Search site\"\n                button-label=\"Search\"\n                part=\"search-btn\"\n              >\n                <site-search></site-search>\n              </site-modal>\n              ", "\n              <replace-tag\n                with=\"site-rss-button\"\n                type=\"rss\"\n                import-method=\"view\"\n                part=\"rss-btn\"\n              ></replace-tag>\n              <replace-tag\n                with=\"site-git-corner\"\n                size=\"small\"\n                circle\n                direction=\"left\"\n                import-method=\"view\"\n                part=\"git-corner-btn\"\n              ></replace-tag>\n              ", "\n            </header>\n            <site-search\n              hide-input\n              part=\"search-btn\"\n              search=\"", "\"\n              @search-item-selected=\"", "\"\n              ?hidden=\"", "\"\n            ></site-search>\n            <main>\n              <div id=\"haxcms-theme-top\"></div>\n              <site-breadcrumb part=\"page-breadcrumb\"></site-breadcrumb>\n              <site-active-title part=\"page-title\"></site-active-title>\n              <article\n                id=\"contentcontainer\"\n                ?hidden=\"", "\"\n              >\n                <section id=\"slot\">\n                  <slot></slot>\n                </section>\n              </article>\n            </main>\n            <footer>\n              <div class=\"link-actions\">\n                <div class=\"inner\">\n                  <replace-tag\n                    with=\"site-menu-button\"\n                    import-only\n                  ></replace-tag>\n                  <site-menu-button\n                    hide-label\n                    type=\"prev\"\n                    position=\"right\"\n                    class=\"navigation\"\n                    @label-changed=\"", "\"\n                  >\n                    <div slot=\"suffix\" class=\"wrapper\">\n                      <div class=\"top\">Previous</div>\n                      <div class=\"bottom\">", "</div>\n                    </div>\n                  </site-menu-button>\n                  <site-menu-button\n                    hide-label\n                    type=\"next\"\n                    position=\"left\"\n                    class=\"navigation\"\n                    @label-changed=\"", "\"\n                  >\n                    <div slot=\"prefix\" class=\"wrapper\">\n                      <div class=\"top\">Next</div>\n                      <div class=\"bottom\">", "</div>\n                    </div>\n                  </site-menu-button>\n                </div>\n              </div>\n              <div class=\"footer\" part=\"footer\">\n                <div class=\"footer-left\" part=\"footer-left\">\n                  Last updated\n                  <replace-tag with=\"simple-datetime\" import-only></replace-tag>\n                  <simple-datetime\n                    unix\n                    .timestamp=\"", "\"\n                  ></simple-datetime>\n                </div>\n              </div>\n            </footer>\n          </div>\n        </div>\n        ", "\n      </div>\n    "])), this.HAXCMSMobileMenu(), !["lg", "xl"].includes(this.responsiveSize) ? (0, _index.html)(_templateObject2_a04a39f01f0511ed8cc3e9a95995ad69 || (_templateObject2_a04a39f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <site-menu-content\n                      .part=\"", "\"\n                      mobile\n                    ></site-menu-content>\n                  "])), this.editMode ? "edit-mode-active" : "") : "", this.HAXCMSMobileMenuButton(), this.siteModalClick, this.editMode, _microFrontendRegistry.MicroFrontendRegistry.has("@haxcms/siteToHtml") ? this.PrintBranchButton() : (0, _index.html)(_templateObject3_a04a39f01f0511ed8cc3e9a95995ad69 || (_templateObject3_a04a39f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<replace-tag\n                    with=\"site-print-button\"\n                    class=\"btn js-toolbar-action\"\n                    import-method=\"view\"\n                    part=\"print-btn\"\n                  ></replace-tag>"]))), this.QRCodeButton("right"), this.searchTerm, this.searchItemSelected, this.searchTerm != "" ? false : true, this.searchTerm != "" ? true : false, this.__prevPageLabelChanged, this.prevPage, this.__nextPageLabelChanged, this.nextPage, this.pageTimestamp, ["lg", "xl"].includes(this.responsiveSize) ? (0, _index.html)(_templateObject4_a04a39f01f0511ed8cc3e9a95995ad69 || (_templateObject4_a04a39f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"right-col\">\n                <div class=\"site-menu-content-wrapper\">\n                  <site-menu-content\n                    .part=\"", "\"\n                  ></site-menu-content>\n                </div>\n              </div>\n            "])), this.editMode ? "edit-mode-active" : "") : "");
+        return (0, _index.html)(_templateObject_7b4c9c301f2611eda0c389891c227ec8 || (_templateObject_7b4c9c301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"body-wrapper\">\n        <div class=\"left-col\">", "</div>\n        <div class=\"content-wrapper\">\n          <div class=\"content\">\n            <header class=\"header\">\n              ", "\n              ", "\n              <site-modal\n                @site-modal-click=\"", "\"\n                ?disabled=\"", "\"\n                icon=\"icons:search\"\n                title=\"Search site\"\n                button-label=\"Search\"\n                part=\"search-btn\"\n              >\n                <site-search></site-search>\n              </site-modal>\n              ", "\n              <replace-tag\n                with=\"site-rss-button\"\n                type=\"rss\"\n                import-method=\"view\"\n                part=\"rss-btn\"\n              ></replace-tag>\n              <replace-tag\n                with=\"site-git-corner\"\n                size=\"small\"\n                circle\n                direction=\"left\"\n                import-method=\"view\"\n                part=\"git-corner-btn\"\n              ></replace-tag>\n              ", "\n            </header>\n            <site-search\n              hide-input\n              part=\"search-btn\"\n              search=\"", "\"\n              @search-item-selected=\"", "\"\n              ?hidden=\"", "\"\n            ></site-search>\n            <main>\n              <div id=\"haxcms-theme-top\"></div>\n              <site-breadcrumb part=\"page-breadcrumb\"></site-breadcrumb>\n              <site-active-title part=\"page-title\"></site-active-title>\n              <article\n                id=\"contentcontainer\"\n                ?hidden=\"", "\"\n              >\n                <section id=\"slot\">\n                  <slot></slot>\n                </section>\n              </article>\n            </main>\n            <footer>\n              <div class=\"link-actions\">\n                <div class=\"inner\">\n                  <replace-tag\n                    with=\"site-menu-button\"\n                    import-only\n                  ></replace-tag>\n                  <site-menu-button\n                    hide-label\n                    type=\"prev\"\n                    position=\"right\"\n                    class=\"navigation\"\n                    @label-changed=\"", "\"\n                  >\n                    <div slot=\"suffix\" class=\"wrapper\">\n                      <div class=\"top\">Previous</div>\n                      <div class=\"bottom\">", "</div>\n                    </div>\n                  </site-menu-button>\n                  <site-menu-button\n                    hide-label\n                    type=\"next\"\n                    position=\"left\"\n                    class=\"navigation\"\n                    @label-changed=\"", "\"\n                  >\n                    <div slot=\"prefix\" class=\"wrapper\">\n                      <div class=\"top\">Next</div>\n                      <div class=\"bottom\">", "</div>\n                    </div>\n                  </site-menu-button>\n                </div>\n              </div>\n              <div class=\"footer\" part=\"footer\">\n                <div class=\"footer-left\" part=\"footer-left\">\n                  Last updated\n                  <replace-tag with=\"simple-datetime\" import-only></replace-tag>\n                  <simple-datetime\n                    unix\n                    .timestamp=\"", "\"\n                  ></simple-datetime>\n                </div>\n              </div>\n            </footer>\n          </div>\n        </div>\n        ", "\n      </div>\n    "])), this.HAXCMSMobileMenu(), !["lg", "xl"].includes(this.responsiveSize) ? (0, _index.html)(_templateObject2_7b4c9c301f2611eda0c389891c227ec8 || (_templateObject2_7b4c9c301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <site-menu-content\n                      .part=\"", "\"\n                      mobile\n                    ></site-menu-content>\n                  "])), this.editMode ? "edit-mode-active" : "") : "", this.HAXCMSMobileMenuButton(), this.siteModalClick, this.editMode, _microFrontendRegistry.MicroFrontendRegistry.has("@haxcms/siteToHtml") ? this.PrintBranchButton() : (0, _index.html)(_templateObject3_7b4c9c301f2611eda0c389891c227ec8 || (_templateObject3_7b4c9c301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<replace-tag\n                    with=\"site-print-button\"\n                    class=\"btn js-toolbar-action\"\n                    import-method=\"view\"\n                    part=\"print-btn\"\n                  ></replace-tag>"]))), this.QRCodeButton("right"), this.searchTerm, this.searchItemSelected, this.searchTerm != "" ? false : true, this.searchTerm != "" ? true : false, this.__prevPageLabelChanged, this.prevPage, this.__nextPageLabelChanged, this.nextPage, this.pageTimestamp, ["lg", "xl"].includes(this.responsiveSize) ? (0, _index.html)(_templateObject4_7b4c9c301f2611eda0c389891c227ec8 || (_templateObject4_7b4c9c301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"right-col\">\n                <div class=\"site-menu-content-wrapper\">\n                  <site-menu-content\n                    .part=\"", "\"\n                  ></site-menu-content>\n                </div>\n              </div>\n            "])), this.editMode ? "edit-mode-active" : "") : "");
       }
     }, {
       key: "__prevPageLabelChanged",
@@ -154,7 +154,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(CleanTwo), "styles", this)), [(0, _index.css)(_templateObject5_a04a39f01f0511ed8cc3e9a95995ad69 || (_templateObject5_a04a39f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          background-color: white;\n          --haxcms-base-styles-body-font-size:16px;\n          --hax-base-styles-a-font-size: 16px;\n          --hax-base-styles-p-font-size: 16px;\n          --hax-base-styles-list-font-size: 16px;\n          --haxcms-base-styles-body-font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif\n          --haxcms-base-styles-body-line-height: 1.7;\n          --hax-base-styles-list-line-height: 1.7;\n          --hax-base-styles-p-line-height: 1.7;\n          --hax-base-styles-p-letter-spacing: .2px;\n          --haxcms-base-styles-body-letter-spacing : .2px;\n          --hax-base-styles-p-min-height: auto;\n          --hax-base-styles-list-max-width: auto;\n          --haxcms-base-styles-p-min-height: auto;\n          --hax-base-styles-list-padding-bottom: auto;\n          --hax-base-styles-h1-font-size: inherit;\n          --hax-base-styles-h2-font-size: inherit;\n          --hax-base-styles-h3-font-size: inherit;\n          --hax-base-styles-h4-font-size: inherit;\n          --hax-base-styles-h5-font-size: inherit;\n          --hax-base-styles-h6-font-size: inherit;\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n          --hax-base-styles-a-color-visited:  var(--haxcms-color, var(--simple-colors-default-theme-purple-7));\n          --hax-base-styles-a-color: var(--haxcms-color, var(--simple-colors-default-theme-purple-7));\n          --hax-base-styles-a-color-active: #000000;\n          --site-search-result-background-color: transparent;\n          --site-search-result-background-color-hover: #F5F5F5;\n          --site-search-link-color-hover: #252737;\n          --site-search-link-text-color: #252737;\n          --site-search-link-color: #252737;\n          --site-search-result-color: #252737;\n        }\n        .link-actions {\n          margin: 0;\n          display: block;\n          padding: 0;\n          border-top: 2px solid #E6ECF1;\n          margin-top: 24px;\n          align-items: center;\n          padding-top: 24px;\n          flex-direction: row;\n          -webkit-box-align: center;\n          -webkit-box-orient: horizontal;\n          -webkit-box-direction: normal;\n        }\n        .link-actions .inner {\n          width: auto;\n          margin: 0;\n          display: grid;\n          padding: 0;\n          -ms-grid-rows: auto;\n          grid-column-gap: 24px;\n          -ms-grid-columns: 1fr 1fr;\n          grid-template-rows: auto;\n          grid-template-areas: \"previous next\";\n          grid-template-columns: 1fr 1fr;\n        }\n        site-menu-button {\n          --site-menu-button-link-decoration: none;\n          --site-menu-button-button-hover-color: var(--haxcms-color, var(--simple-colors-default-theme-purple-7));\n          color: #242A31;\n          border: 1px solid #E6ECF1;\n          margin: 0;\n          display: block;\n          padding: 0;\n          position: relative;\n          align-self: stretch;\n          box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);\n          transition: border 250ms ease;\n          align-items: center;\n          justify-self: stretch;\n          text-overflow: ellipsis;\n          border-radius: 3px;\n          flex-direction: row;\n          -moz-transition: border 250ms ease;\n          text-decoration: none;\n          background-color: #FFFFFF;\n          -webkit-box-align: center;\n          page-break-inside: avoid;\n          -ms-grid-row-align: stretch;\n          -webkit-box-orient: horizontal;\n          -webkit-transition: border 250ms ease;\n          -ms-grid-column-align: stretch;\n          -webkit-box-direction: normal;\n        }\n        replace-tag[with=\"site-git-corner\"],\n        site-git-corner {\n          height: 40px;\n          width: 40px;\n          margin-left: -66px;\n          padding:0;\n          --github-corner-size: 40px;\n          --site-git-corner-color: black;\n          --site-git-corner-background: transparent;\n          background-color: transparent;\n          color: black;\n          padding: 8px;\n          display: block;\n          float: unset;\n        }\n        .print-branch-btn simple-icon-button-lite,\n        .pdf-page-btn simple-icon-button-lite {\n          --simple-icon-height: 24px;\n          --simple-icon-width: 24px;\n          color: black;\n          padding: 8px;\n          display: block;\n          width: 36px;\n          margin-left: -60px;\n        }\n        site-menu-button[edit-mode][disabled] {\n          display: block;\n        }\n        site-menu-button[type=\"prev\"] {\n          grid-area: previous;\n        }\n        site-menu-button[type=\"next\"] {\n          grid-area: next;\n        }\n        site-menu-button div.wrapper {\n          flex: 1;\n          margin: 0;\n          display: block;\n          padding: 16px;\n          text-overflow: ellipsis;\n          text-decoration: none;\n          font-size: 16px;\n          font-family: Content-font, Roboto, sans-serif;\n          font-weight: 500;\n          line-height: 1.5;\n          text-transform: none;\n        }\n        site-menu-button div .top {\n          font-size: 12px;\n          font-family: Content-font, Roboto, sans-serif;\n          font-weight: 400;\n          line-height: 1.625;\n          color: #444444;\n        }\n        simple-datetime {\n          color: #444444;\n        }\n        site-menu-button div .bottom {\n          font-size: 16px;\n          font-family: Content-font, Roboto, sans-serif;\n          font-weight: 500;\n          line-height: 1.5;\n          max-height: 50px;\n          overflow: hidden;\n        }\n        site-menu-button[type=\"next\"] div {\n         text-align: left; \n        }\n        site-menu-button[type=\"prev\"] div {\n         text-align: right; \n        }\n        site-active-title {\n          display: block;\n          padding: 0;\n          flex-wrap: wrap;\n          align-items: baseline;\n          flex-direction: row;\n          -webkit-box-align: baseline;\n          -webkit-box-lines: multiple;\n          -webkit-box-orient: horizontal;\n          -webkit-box-direction: normal;\n          flex: auto;\n          margin: 0;\n          background-color: white;\n        }\n        site-active-title h1 {\n          margin: 0;\n        }\n        \n        .body-wrapper {\n          flex: 1;\n          height: auto;\n          height: 100vh;\n          font-size: 16px;\n          color: #3B454E;\n          background-color: #ffffff;\n          width: 100%;\n          margin: 0 auto;\n          display: flex;\n          padding: 0;\n          transition: margin-bottom 250ms ease;\n          align-items: stretch;\n          -moz-transition: margin-bottom 250ms ease;\n          -webkit-box-align: stretch;\n          -webkit-transition: margin-bottom 250ms ease;\n          overflow-x: hidden;\n        }\n        :host([is-logged-in]) .body-wrapper {\n          height: calc(100vh - 48px);\n        }\n        :host([menu-open]) .body-wrapper .left-col {\n          display: -webkit-box;\n          display: -moz-box;\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          display: flex;\n        }\n        .body-wrapper .content-wrapper .content {\n          margin: 0;\n          padding: 0 64px 32px;\n        }\n        \n        nav {\n          display: -webkit-box;\n          display: -moz-box;\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          flex: 0 0 auto;\n          display: flex;\n          z-index: 15;\n          min-width: 300px;\n          background: #F5F7F9;\n          align-items: stretch;\n          border-right: 1px solid #E6ECF1;\n          flex-direction: column;\n          -webkit-box-align: stretch;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n        }\n        .left-col {\n          flex: 1;\n          margin: 0;\n          padding: 0;\n          display: none;\n          background-color: #F5F7F9;\n        }\n        @media screen and (min-width: 900px){\n          .left-col {\n            flex: 0 0 auto;\n            width: auto;\n            z-index: 15;\n            width: 300px;\n            align-items: stretch;\n            border-right: 1px solid #E6ECF1;\n            flex-direction: column;\n            -webkit-box-align: stretch;\n            -webkit-box-orient: vertical;\n            -webkit-box-direction: normal;\n          }\n        }\n        site-menu {\n          --site-menu-font-size: 15px;\n          --site-menu-color: #000000;\n          --site-menu-active-color: #E6ECF1;\n          --site-menu-item-active-item-color: var(--haxcms-color, var(--simple-colors-default-theme-purple-7));\n          overflow-y: auto;\n          flex: 1 1 auto;\n          height: 100vh;\n          width: 300px;\n          left: 0;\n          margin: 32px 0 32px 0;\n          display: block;\n          padding: 0;\n          position: sticky;\n          font-size: 15px;\n          overflow-x: hidden;\n          -webkit-overflow-scrolling: touch;\n        }\n\n        .qr-code-btn {\n          padding: 8px;\n          display: block;\n          margin-left: -60px;\n          width: 36px;\n        }\n        .content-wrapper {\n          max-width: 100%;\n          margin: 0;\n          display: flex;\n          padding: 0;\n          background-color: #ffffff;\n          flex-direction: column;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n        }\n        :host([menu-open]) .content-wrapper {\n          width: calc(100% - 300px);\n        }\n        .header {\n          position: sticky;\n          top: 0;\n          width: 100%;\n          padding: 0;\n          margin: 0;\n          z-index: 2;\n          height: 40px;\n        }\n        .header #haxcmsmobilemenubutton {\n          margin-left: -52px;\n          padding: 8px;\n        }\n        .header site-menu-content {\n          display: inline-flex;\n          float: right;\n          color: black;\n          font-size: 1.5em;\n          margin-right: -52px;\n        }\n        .content {\n          flex: 1 1 auto;\n          margin: 0px 16px;\n          display: block;\n          padding: 0;\n        }\n        \n        @media screen and (max-width: 1200px) {\n          .content {\n            width: 80vw;\n          }\n          :host([menu-open]) .content {\n            width: calc(80vw - 300px);\n          }\n        }\n        @media screen and (max-width: 400px) {\n          .content {\n            width: 200px;\n          }\n          .body-wrapper {\n            overflow-x: hidden;\n          }\n          .header site-menu-content {\n            margin-right: -40px;\n          }\n          site-menu {\n            width: 250px;\n          }\n          #haxcmsmobilemenunav {\n            min-width: 250px;\n            margin-left: 0px;\n          }\n          :host([menu-open]) #haxcmsmobilemenubutton{\n            margin-left: -52px;\n          }\n          .link-actions .inner {\n            display: block;\n          }\n          site-menu-button {\n            margin: 10px 0;\n          }\n          #slot ::slotted(iframe) {\n            width: auto;\n          } \n        }\n        @media screen and (max-width: 600px) {\n          .header site-menu-content {\n            margin-right: -40px;\n          }\n          .link-actions .inner {\n            display: block;\n          }\n          site-menu-button {\n            margin: 10px 0;\n          }\n          #slot ::slotted(iframe) {\n            width: auto;\n          }\n          .content {\n            width: 300px;\n          }\n          #slot ::slotted(*) {\n            word-break: break-all;\n          }\n          #slot ::slotted(replace-tag) {\n            overflow: hidden;\n          }\n        }\n        .right-col {\n          margin: 0;\n          padding: 0;\n          position: relative;\n          margin-right: auto;\n          max-width: 100%;\n          flex-direction: column;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n          min-height: 100%;\n          color: #3B454E;\n        }\n        .site-menu-content-wrapper {\n          display: -webkit-box;\n          display: -moz-box;\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          flex: 0 0 auto;\n          padding-right: 0;\n          min-width: 240px;\n          flex: 1;\n          margin: 0;\n          display: block;\n          max-width: 100%;\n          max-height: 976px;\n          z-index: 1;\n          display: -webkit-box;\n          display: -moz-box;\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          height: 100%;\n          margin: 0;\n          display: flex;\n          padding-top: 40px;\n          flex-direction: column;\n          padding-bottom: 40px;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n        }\n        .right-col site-menu-content {\n          flex: 1;\n          max-width: 240px;\n          margin: 0;\n          display: flex;\n          padding: 0;\n          background-color: #ffffff;\n          overflow: hidden;\n          position: fixed;\n          min-width: 224px;\n          counter-reset: toc;\n          flex-direction: column;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n        }\n        .right-col site-menu-content::before {\n          top: 0;\n          left: 0;\n          height: 100%;\n          content: \" \";\n          position: absolute;\n          border-left: 1px solid #E6ECF1;\n        }\n        .footer {\n          margin: 0;\n          display: flex;\n          padding: 0;\n          border-top: 2px solid #E6ECF1;\n          margin-top: 24px;\n          align-items: center;\n          padding-top: 24px;\n          flex-direction: row;\n          -webkit-box-align: center;\n          -webkit-box-orient: horizontal;\n          -webkit-box-direction: normal;\n        }\n        .footer-left {\n          flex: 1;\n          margin: 0;\n          display: block;\n          padding: 0;\n          font-size: 12px;\n          color: #444444;\n        }\n        simple-icon-button,\n        site-rss-button,\n        replace-tag[with=\"site-rss-button\"],\n        replace-tag[with=\"site-print-button\"],\n        site-print-button {\n          color: black;\n          --haxcms-tooltip-color: #F5F5F5;\n          --haxcms-tooltip-background-color: #252737;\n        }\n        site-rss-button,\n        site-print-button,\n        site-modal {\n          --simple-icon-height: 24px;\n          --simple-icon-width: 24px;\n          padding: 8px;\n          display: block;\n          margin-left: -52px;\n          width: 36px;\n        }\n        site-breadcrumb {\n          --site-breadcrumb-font-size: 12px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(CleanTwo), "styles", this)), [(0, _index.css)(_templateObject5_7b4c9c301f2611eda0c389891c227ec8 || (_templateObject5_7b4c9c301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          background-color: white;\n          --haxcms-base-styles-body-font-size:16px;\n          --hax-base-styles-a-font-size: 16px;\n          --hax-base-styles-p-font-size: 16px;\n          --hax-base-styles-list-font-size: 16px;\n          --haxcms-base-styles-body-font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif\n          --haxcms-base-styles-body-line-height: 1.7;\n          --hax-base-styles-list-line-height: 1.7;\n          --hax-base-styles-p-line-height: 1.7;\n          --hax-base-styles-p-letter-spacing: .2px;\n          --haxcms-base-styles-body-letter-spacing : .2px;\n          --hax-base-styles-p-min-height: auto;\n          --hax-base-styles-list-max-width: auto;\n          --haxcms-base-styles-p-min-height: auto;\n          --hax-base-styles-list-padding-bottom: auto;\n          --hax-base-styles-h1-font-size: inherit;\n          --hax-base-styles-h2-font-size: inherit;\n          --hax-base-styles-h3-font-size: inherit;\n          --hax-base-styles-h4-font-size: inherit;\n          --hax-base-styles-h5-font-size: inherit;\n          --hax-base-styles-h6-font-size: inherit;\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n          --hax-base-styles-a-color-visited:  var(--haxcms-color, var(--simple-colors-default-theme-purple-7));\n          --hax-base-styles-a-color: var(--haxcms-color, var(--simple-colors-default-theme-purple-7));\n          --hax-base-styles-a-color-active: #000000;\n          --site-search-result-background-color: transparent;\n          --site-search-result-background-color-hover: #F5F5F5;\n          --site-search-link-color-hover: #252737;\n          --site-search-link-text-color: #252737;\n          --site-search-link-color: #252737;\n          --site-search-result-color: #252737;\n        }\n        .link-actions {\n          margin: 0;\n          display: block;\n          padding: 0;\n          border-top: 2px solid #E6ECF1;\n          margin-top: 24px;\n          align-items: center;\n          padding-top: 24px;\n          flex-direction: row;\n          -webkit-box-align: center;\n          -webkit-box-orient: horizontal;\n          -webkit-box-direction: normal;\n        }\n        .link-actions .inner {\n          width: auto;\n          margin: 0;\n          display: grid;\n          padding: 0;\n          -ms-grid-rows: auto;\n          grid-column-gap: 24px;\n          -ms-grid-columns: 1fr 1fr;\n          grid-template-rows: auto;\n          grid-template-areas: \"previous next\";\n          grid-template-columns: 1fr 1fr;\n        }\n        site-menu-button {\n          --site-menu-button-link-decoration: none;\n          --site-menu-button-button-hover-color: var(--haxcms-color, var(--simple-colors-default-theme-purple-7));\n          color: #242A31;\n          border: 1px solid #E6ECF1;\n          margin: 0;\n          display: block;\n          padding: 0;\n          position: relative;\n          align-self: stretch;\n          box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);\n          transition: border 250ms ease;\n          align-items: center;\n          justify-self: stretch;\n          text-overflow: ellipsis;\n          border-radius: 3px;\n          flex-direction: row;\n          -moz-transition: border 250ms ease;\n          text-decoration: none;\n          background-color: #FFFFFF;\n          -webkit-box-align: center;\n          page-break-inside: avoid;\n          -ms-grid-row-align: stretch;\n          -webkit-box-orient: horizontal;\n          -webkit-transition: border 250ms ease;\n          -ms-grid-column-align: stretch;\n          -webkit-box-direction: normal;\n        }\n        replace-tag[with=\"site-git-corner\"],\n        site-git-corner {\n          height: 40px;\n          width: 40px;\n          margin-left: -66px;\n          padding:0;\n          --github-corner-size: 40px;\n          --site-git-corner-color: black;\n          --site-git-corner-background: transparent;\n          background-color: transparent;\n          color: black;\n          padding: 8px;\n          display: block;\n          float: unset;\n        }\n        .print-branch-btn simple-icon-button-lite,\n        .pdf-page-btn simple-icon-button-lite {\n          --simple-icon-height: 24px;\n          --simple-icon-width: 24px;\n          color: black;\n          padding: 8px;\n          display: block;\n          width: 36px;\n          margin-left: -60px;\n        }\n        site-menu-button[edit-mode][disabled] {\n          display: block;\n        }\n        site-menu-button[type=\"prev\"] {\n          grid-area: previous;\n        }\n        site-menu-button[type=\"next\"] {\n          grid-area: next;\n        }\n        site-menu-button div.wrapper {\n          flex: 1;\n          margin: 0;\n          display: block;\n          padding: 16px;\n          text-overflow: ellipsis;\n          text-decoration: none;\n          font-size: 16px;\n          font-family: Content-font, Roboto, sans-serif;\n          font-weight: 500;\n          line-height: 1.5;\n          text-transform: none;\n        }\n        site-menu-button div .top {\n          font-size: 12px;\n          font-family: Content-font, Roboto, sans-serif;\n          font-weight: 400;\n          line-height: 1.625;\n          color: #444444;\n        }\n        simple-datetime {\n          color: #444444;\n        }\n        site-menu-button div .bottom {\n          font-size: 16px;\n          font-family: Content-font, Roboto, sans-serif;\n          font-weight: 500;\n          line-height: 1.5;\n          max-height: 50px;\n          overflow: hidden;\n        }\n        site-menu-button[type=\"next\"] div {\n         text-align: left; \n        }\n        site-menu-button[type=\"prev\"] div {\n         text-align: right; \n        }\n        site-active-title {\n          display: block;\n          padding: 0;\n          flex-wrap: wrap;\n          align-items: baseline;\n          flex-direction: row;\n          -webkit-box-align: baseline;\n          -webkit-box-lines: multiple;\n          -webkit-box-orient: horizontal;\n          -webkit-box-direction: normal;\n          flex: auto;\n          margin: 0;\n          background-color: white;\n        }\n        site-active-title h1 {\n          margin: 0;\n        }\n        \n        .body-wrapper {\n          flex: 1;\n          height: auto;\n          height: 100vh;\n          font-size: 16px;\n          color: #3B454E;\n          background-color: #ffffff;\n          width: 100%;\n          margin: 0 auto;\n          display: flex;\n          padding: 0;\n          transition: margin-bottom 250ms ease;\n          align-items: stretch;\n          -moz-transition: margin-bottom 250ms ease;\n          -webkit-box-align: stretch;\n          -webkit-transition: margin-bottom 250ms ease;\n          overflow-x: hidden;\n        }\n        :host([is-logged-in]) .body-wrapper {\n          height: calc(100vh - 48px);\n        }\n        :host([menu-open]) .body-wrapper .left-col {\n          display: -webkit-box;\n          display: -moz-box;\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          display: flex;\n        }\n        .body-wrapper .content-wrapper .content {\n          margin: 0;\n          padding: 0 64px 32px;\n        }\n        \n        nav {\n          display: -webkit-box;\n          display: -moz-box;\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          flex: 0 0 auto;\n          display: flex;\n          z-index: 15;\n          min-width: 300px;\n          background: #F5F7F9;\n          align-items: stretch;\n          border-right: 1px solid #E6ECF1;\n          flex-direction: column;\n          -webkit-box-align: stretch;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n        }\n        .left-col {\n          flex: 1;\n          margin: 0;\n          padding: 0;\n          display: none;\n          background-color: #F5F7F9;\n        }\n        @media screen and (min-width: 900px){\n          .left-col {\n            flex: 0 0 auto;\n            width: auto;\n            z-index: 15;\n            width: 300px;\n            align-items: stretch;\n            border-right: 1px solid #E6ECF1;\n            flex-direction: column;\n            -webkit-box-align: stretch;\n            -webkit-box-orient: vertical;\n            -webkit-box-direction: normal;\n          }\n        }\n        site-menu {\n          --site-menu-font-size: 15px;\n          --site-menu-color: #000000;\n          --site-menu-active-color: #E6ECF1;\n          --site-menu-item-active-item-color: var(--haxcms-color, var(--simple-colors-default-theme-purple-7));\n          overflow-y: auto;\n          flex: 1 1 auto;\n          height: 100vh;\n          width: 300px;\n          left: 0;\n          margin: 32px 0 32px 0;\n          display: block;\n          padding: 0;\n          position: sticky;\n          font-size: 15px;\n          overflow-x: hidden;\n          -webkit-overflow-scrolling: touch;\n        }\n\n        .qr-code-btn {\n          padding: 8px;\n          display: block;\n          margin-left: -60px;\n          width: 36px;\n        }\n        .content-wrapper {\n          max-width: 100%;\n          margin: 0;\n          display: flex;\n          padding: 0;\n          background-color: #ffffff;\n          flex-direction: column;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n        }\n        :host([menu-open]) .content-wrapper {\n          width: calc(100% - 300px);\n        }\n        .header {\n          position: sticky;\n          top: 0;\n          width: 100%;\n          padding: 0;\n          margin: 0;\n          z-index: 2;\n          height: 40px;\n        }\n        .header #haxcmsmobilemenubutton {\n          margin-left: -52px;\n          padding: 8px;\n        }\n        .header site-menu-content {\n          display: inline-flex;\n          float: right;\n          color: black;\n          font-size: 1.5em;\n          margin-right: -52px;\n        }\n        .content {\n          flex: 1 1 auto;\n          margin: 0px 16px;\n          display: block;\n          padding: 0;\n        }\n        \n        @media screen and (max-width: 1200px) {\n          .content {\n            width: 80vw;\n          }\n          :host([menu-open]) .content {\n            width: calc(80vw - 300px);\n          }\n        }\n        @media screen and (max-width: 400px) {\n          .content {\n            width: 200px;\n          }\n          .body-wrapper {\n            overflow-x: hidden;\n          }\n          .header site-menu-content {\n            margin-right: -40px;\n          }\n          site-menu {\n            width: 250px;\n          }\n          #haxcmsmobilemenunav {\n            min-width: 250px;\n            margin-left: 0px;\n          }\n          :host([menu-open]) #haxcmsmobilemenubutton{\n            margin-left: -52px;\n          }\n          .link-actions .inner {\n            display: block;\n          }\n          site-menu-button {\n            margin: 10px 0;\n          }\n          #slot ::slotted(iframe) {\n            width: auto;\n          } \n        }\n        @media screen and (max-width: 600px) {\n          .header site-menu-content {\n            margin-right: -40px;\n          }\n          .link-actions .inner {\n            display: block;\n          }\n          site-menu-button {\n            margin: 10px 0;\n          }\n          #slot ::slotted(iframe) {\n            width: auto;\n          }\n          .content {\n            width: 300px;\n          }\n          #slot ::slotted(*) {\n            word-break: break-all;\n          }\n          #slot ::slotted(replace-tag) {\n            overflow: hidden;\n          }\n        }\n        .right-col {\n          margin: 0;\n          padding: 0;\n          position: relative;\n          margin-right: auto;\n          max-width: 100%;\n          flex-direction: column;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n          min-height: 100%;\n          color: #3B454E;\n        }\n        .site-menu-content-wrapper {\n          display: -webkit-box;\n          display: -moz-box;\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          flex: 0 0 auto;\n          padding-right: 0;\n          min-width: 240px;\n          flex: 1;\n          margin: 0;\n          display: block;\n          max-width: 100%;\n          max-height: 976px;\n          z-index: 1;\n          display: -webkit-box;\n          display: -moz-box;\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          height: 100%;\n          margin: 0;\n          display: flex;\n          padding-top: 40px;\n          flex-direction: column;\n          padding-bottom: 40px;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n        }\n        .right-col site-menu-content {\n          flex: 1;\n          max-width: 240px;\n          margin: 0;\n          display: flex;\n          padding: 0;\n          background-color: #ffffff;\n          overflow: hidden;\n          position: fixed;\n          min-width: 224px;\n          counter-reset: toc;\n          flex-direction: column;\n          -webkit-box-orient: vertical;\n          -webkit-box-direction: normal;\n        }\n        .right-col site-menu-content::before {\n          top: 0;\n          left: 0;\n          height: 100%;\n          content: \" \";\n          position: absolute;\n          border-left: 1px solid #E6ECF1;\n        }\n        .footer {\n          margin: 0;\n          display: flex;\n          padding: 0;\n          border-top: 2px solid #E6ECF1;\n          margin-top: 24px;\n          align-items: center;\n          padding-top: 24px;\n          flex-direction: row;\n          -webkit-box-align: center;\n          -webkit-box-orient: horizontal;\n          -webkit-box-direction: normal;\n        }\n        .footer-left {\n          flex: 1;\n          margin: 0;\n          display: block;\n          padding: 0;\n          font-size: 12px;\n          color: #444444;\n        }\n        simple-icon-button,\n        site-rss-button,\n        replace-tag[with=\"site-rss-button\"],\n        replace-tag[with=\"site-print-button\"],\n        site-print-button {\n          color: black;\n          --haxcms-tooltip-color: #F5F5F5;\n          --haxcms-tooltip-background-color: #252737;\n        }\n        site-rss-button,\n        site-print-button,\n        site-modal {\n          --simple-icon-height: 24px;\n          --simple-icon-width: 24px;\n          padding: 8px;\n          display: block;\n          margin-left: -52px;\n          width: 36px;\n        }\n        site-breadcrumb {\n          --site-breadcrumb-font-size: 12px;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/cms-hax.js b/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/cms-hax.js
index 406bcf270c5..07e60281bd4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/cms-hax.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/cms-hax.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../../@polymer/iron-ajax/ir
   _exports.CmsHax = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a05a8da01f0511ed8cc3e9a95995ad69, _templateObject2_a05a8da01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7b5b90501f2611eda0c389891c227ec8, _templateObject2_7b5b90501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -79,7 +79,7 @@ define(["exports", "require", "../../lit/index.js", "../../@polymer/iron-ajax/ir
     babelHelpers.createClass(CmsHax, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a05a8da01f0511ed8cc3e9a95995ad69 || (_templateObject_a05a8da01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        id=\"pageupdateajax\"\n        url=\"", "\"\n        method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n      ></iron-ajax>\n      <h-a-x app-store=\"", "\"></h-a-x>\n    "])), this.endPoint, this.method, this._handleUpdateResponse, this.__appStore);
+        return (0, _index.html)(_templateObject_7b5b90501f2611eda0c389891c227ec8 || (_templateObject_7b5b90501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        id=\"pageupdateajax\"\n        url=\"", "\"\n        method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n      ></iron-ajax>\n      <h-a-x app-store=\"", "\"></h-a-x>\n    "])), this.endPoint, this.method, this._handleUpdateResponse, this.__appStore);
       }
     }, {
       key: "decodeHTMLEntities",
@@ -426,7 +426,7 @@ define(["exports", "require", "../../lit/index.js", "../../@polymer/iron-ajax/ir
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_a05a8da01f0511ed8cc3e9a95995ad69 || (_templateObject2_a05a8da01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          box-sizing: content-box;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7b5b90501f2611eda0c389891c227ec8 || (_templateObject2_7b5b90501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          box-sizing: content-box;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-block.js b/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-block.js
index f217ad4e3c3..d61ecbc69f4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-block.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-block.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.CMSBlock = void 0;
 
-  var _templateObject_dc284e801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b280b0b01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -179,7 +179,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc284e801f0511ed8cc3e9a95995ad69 || (_templateObject_dc284e801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          min-width: 112px;\n          min-height: 112px;\n          transition: 0.6s all ease;\n          background-color: transparent;\n        }\n        :host([hax-edit-mode]) #replacementcontent {\n          pointer-events: none;\n        }\n        paper-spinner {\n          visibility: hidden;\n          opacity: 0;\n          height: 80px;\n          width: 80px;\n          padding: 16px;\n        }\n        #replacementcontent {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) {\n          text-align: center;\n        }\n        :host([loading]) paper-spinner {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n        }\n      </style>\n      <iron-ajax\n        id=\"blockrequest\"\n        method=\"GET\"\n        params=\"[[bodyData]]\"\n        url=\"[[blockEndPoint]]\"\n        handle-as=\"json\"\n        last-response=\"{{blockData}}\"\n      ></iron-ajax>\n      <paper-spinner active=\"[[loading]]\"></paper-spinner>\n      <span id=\"replacementcontent\"><slot></slot></span>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b280b0b01f2611eda0c389891c227ec8 || (_templateObject_b280b0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          min-width: 112px;\n          min-height: 112px;\n          transition: 0.6s all ease;\n          background-color: transparent;\n        }\n        :host([hax-edit-mode]) #replacementcontent {\n          pointer-events: none;\n        }\n        paper-spinner {\n          visibility: hidden;\n          opacity: 0;\n          height: 80px;\n          width: 80px;\n          padding: 16px;\n        }\n        #replacementcontent {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) {\n          text-align: center;\n        }\n        :host([loading]) paper-spinner {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n        }\n      </style>\n      <iron-ajax\n        id=\"blockrequest\"\n        method=\"GET\"\n        params=\"[[bodyData]]\"\n        url=\"[[blockEndPoint]]\"\n        handle-as=\"json\"\n        last-response=\"{{blockData}}\"\n      ></iron-ajax>\n      <paper-spinner active=\"[[loading]]\"></paper-spinner>\n      <span id=\"replacementcontent\"><slot></slot></span>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-entity.js b/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-entity.js
index 9a063df4c2b..1838c44a295 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-entity.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-entity.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.CMSEntity = void 0;
 
-  var _templateObject_dc2c1f101f0511ed8cc3e9a95995ad69;
+  var _templateObject_b284f6701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -180,7 +180,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc2c1f101f0511ed8cc3e9a95995ad69 || (_templateObject_dc2c1f101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          min-width: 112px;\n          min-height: 112px;\n          transition: 0.6s all ease;\n          background-color: transparent;\n        }\n        :host([hax-edit-mode]) #replacementcontent {\n          pointer-events: none;\n        }\n        paper-spinner {\n          visibility: hidden;\n          opacity: 0;\n          height: 80px;\n          width: 80px;\n          padding: 16px;\n        }\n        #replacementcontent {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) {\n          text-align: center;\n        }\n        :host([loading]) paper-spinner {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n        }\n      </style>\n      <iron-ajax\n        id=\"entityrequest\"\n        method=\"GET\"\n        params=\"[[bodyData]]\"\n        url=\"[[entityEndPoint]]\"\n        handle-as=\"json\"\n        last-response=\"{{entityData}}\"\n      ></iron-ajax>\n      <paper-spinner active=\"[[loading]]\"></paper-spinner>\n      <span id=\"replacementcontent\"><slot></slot></span>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b284f6701f2611eda0c389891c227ec8 || (_templateObject_b284f6701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          min-width: 112px;\n          min-height: 112px;\n          transition: 0.6s all ease;\n          background-color: transparent;\n        }\n        :host([hax-edit-mode]) #replacementcontent {\n          pointer-events: none;\n        }\n        paper-spinner {\n          visibility: hidden;\n          opacity: 0;\n          height: 80px;\n          width: 80px;\n          padding: 16px;\n        }\n        #replacementcontent {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) {\n          text-align: center;\n        }\n        :host([loading]) paper-spinner {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n        }\n      </style>\n      <iron-ajax\n        id=\"entityrequest\"\n        method=\"GET\"\n        params=\"[[bodyData]]\"\n        url=\"[[entityEndPoint]]\"\n        handle-as=\"json\"\n        last-response=\"{{entityData}}\"\n      ></iron-ajax>\n      <paper-spinner active=\"[[loading]]\"></paper-spinner>\n      <span id=\"replacementcontent\"><slot></slot></span>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-token.js b/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-token.js
index 8fb48367ad3..4d2d02f7ea0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-token.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-token.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.CMSToken = void 0;
 
-  var _templateObject_dc3176401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b28963401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -251,7 +251,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc3176401f0511ed8cc3e9a95995ad69 || (_templateObject_dc3176401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline;\n          min-width: 112px;\n          min-height: 112px;\n          transition: 0.6s all ease;\n          background-color: transparent;\n        }\n        :host([hax-edit-mode]) #replacementcontent {\n          pointer-events: none;\n        }\n\n        paper-spinner {\n          transition: 0.6s all ease;\n          position: absolute;\n          visibility: hidden;\n          display: none;\n          opacity: 0;\n          height: 0;\n          width: 0;\n        }\n\n        #replacementcontent {\n          transition: 0.6s all ease;\n          visibility: visible;\n          opacity: 1;\n          height: auto;\n          width: auto;\n        }\n\n        :host([loading]) {\n          text-align: center;\n        }\n\n        :host([loading]) paper-spinner {\n          visibility: visible;\n          opacity: 1;\n          position: relative;\n          height: 80px;\n          width: 80px;\n          padding: 16px;\n          display: flex;\n        }\n\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n          height: 0;\n          width: 0;\n        }\n      </style>\n      <iron-ajax\n        id=\"tokenrequest\"\n        method=\"GET\"\n        params=\"[[bodyData]]\"\n        url=\"[[tokenEndPoint]]\"\n        handle-as=\"json\"\n        last-response=\"{{tokenData}}\"\n      ></iron-ajax>\n      <paper-spinner active=\"[[loading]]\"></paper-spinner>\n      <span id=\"replacementcontent\">\n        <slot></slot>\n      </span>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b28963401f2611eda0c389891c227ec8 || (_templateObject_b28963401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline;\n          min-width: 112px;\n          min-height: 112px;\n          transition: 0.6s all ease;\n          background-color: transparent;\n        }\n        :host([hax-edit-mode]) #replacementcontent {\n          pointer-events: none;\n        }\n\n        paper-spinner {\n          transition: 0.6s all ease;\n          position: absolute;\n          visibility: hidden;\n          display: none;\n          opacity: 0;\n          height: 0;\n          width: 0;\n        }\n\n        #replacementcontent {\n          transition: 0.6s all ease;\n          visibility: visible;\n          opacity: 1;\n          height: auto;\n          width: auto;\n        }\n\n        :host([loading]) {\n          text-align: center;\n        }\n\n        :host([loading]) paper-spinner {\n          visibility: visible;\n          opacity: 1;\n          position: relative;\n          height: 80px;\n          width: 80px;\n          padding: 16px;\n          display: flex;\n        }\n\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n          height: 0;\n          width: 0;\n        }\n      </style>\n      <iron-ajax\n        id=\"tokenrequest\"\n        method=\"GET\"\n        params=\"[[bodyData]]\"\n        url=\"[[tokenEndPoint]]\"\n        handle-as=\"json\"\n        last-response=\"{{tokenData}}\"\n      ></iron-ajax>\n      <paper-spinner active=\"[[loading]]\"></paper-spinner>\n      <span id=\"replacementcontent\">\n        <slot></slot>\n      </span>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-views.js b/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-views.js
index e4da3bd76b8..0a36e566ea5 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-views.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/cms-hax/lib/cms-views.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.CMSViews = void 0;
 
-  var _templateObject_dc35e3101f0511ed8cc3e9a95995ad69;
+  var _templateObject_b28da9001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -179,7 +179,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc35e3101f0511ed8cc3e9a95995ad69 || (_templateObject_dc35e3101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          min-width: 112px;\n          min-height: 112px;\n          transition: 0.6s all ease;\n          background-color: transparent;\n        }\n        :host([hax-edit-mode]) #replacementcontent {\n          pointer-events: none;\n        }\n        paper-spinner {\n          visibility: hidden;\n          opacity: 0;\n          height: 80px;\n          width: 80px;\n          padding: 16px;\n        }\n        #replacementcontent {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) {\n          text-align: center;\n        }\n        :host([loading]) paper-spinner {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n        }\n      </style>\n      <iron-ajax\n        id=\"viewsrequest\"\n        method=\"GET\"\n        params=\"[[bodyData]]\"\n        url=\"[[viewsEndPoint]]\"\n        handle-as=\"json\"\n        last-response=\"{{viewsData}}\"\n      ></iron-ajax>\n      <paper-spinner active=\"[[loading]]\"></paper-spinner>\n      <span id=\"replacementcontent\"><slot></slot></span>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b28da9001f2611eda0c389891c227ec8 || (_templateObject_b28da9001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          min-width: 112px;\n          min-height: 112px;\n          transition: 0.6s all ease;\n          background-color: transparent;\n        }\n        :host([hax-edit-mode]) #replacementcontent {\n          pointer-events: none;\n        }\n        paper-spinner {\n          visibility: hidden;\n          opacity: 0;\n          height: 80px;\n          width: 80px;\n          padding: 16px;\n        }\n        #replacementcontent {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) {\n          text-align: center;\n        }\n        :host([loading]) paper-spinner {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n        }\n      </style>\n      <iron-ajax\n        id=\"viewsrequest\"\n        method=\"GET\"\n        params=\"[[bodyData]]\"\n        url=\"[[viewsEndPoint]]\"\n        handle-as=\"json\"\n        last-response=\"{{viewsData}}\"\n      ></iron-ajax>\n      <paper-spinner active=\"[[loading]]\"></paper-spinner>\n      <span id=\"replacementcontent\"><slot></slot></span>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/code-editor.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/code-editor.js
index d3d642bb757..0bea9a45378 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/code-editor.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/code-editor.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a061e0a01f0511ed8cc3e9a95995ad69, _templateObject2_a061e0a01f0511ed8cc3e9a95995ad69, _templateObject3_a061e0a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7b62e3501f2611eda0c389891c227ec8, _templateObject2_7b62e3501f2611eda0c389891c227ec8, _templateObject3_7b62e3501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -92,9 +92,9 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_a061e0a01f0511ed8cc3e9a95995ad69 || (_templateObject_a061e0a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <label for=\"codeeditor\" ?hidden=\"", "\" part=\"label\"\n        >", "</label\n      >\n      <monaco-element\n        id=\"codeeditor\"\n        ?data-hidden=\"", "\"\n        ?autofocus=\"", "\"\n        ?hide-line-numbers=\"", "\"\n        lib-path=\"", "\"\n        language=\"", "\"\n        tab-size=\"", "\"\n        theme=\"", "\"\n        @value-changed=\"", "\"\n        font-size=\"", "\"\n        ?word-wrap=\"", "\"\n        ?read-only=\"", "\"\n        @code-editor-focus=\"", "\"\n        @code-editor-blur=\"", "\"\n        @monaco-element-ready=\"", "\"\n        part=\"code\"\n      >\n      </monaco-element>\n      <pre\n        id=\"loading\"\n        ?hidden=\"", "\"\n        style=\"font-size:", "px\"\n        part=\"preview\"\n      ><code>\n  ", "</code></pre>\n      <slot hidden></slot>\n      ", "\n    "])), !this.title, this.title, !this.ready, this.autofocus, this.hideLineNumbers, this.libPath, this.language, this.tabSize, this.getTheme(this.theme), this._editorDataChanged, this.fontSize, this.wordWrap, this.readOnly, this._handleFocus, this._handleBlur, function (e) {
+        return (0, _index.html)(_templateObject_7b62e3501f2611eda0c389891c227ec8 || (_templateObject_7b62e3501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <label for=\"codeeditor\" ?hidden=\"", "\" part=\"label\"\n        >", "</label\n      >\n      <monaco-element\n        id=\"codeeditor\"\n        ?data-hidden=\"", "\"\n        ?autofocus=\"", "\"\n        ?hide-line-numbers=\"", "\"\n        lib-path=\"", "\"\n        language=\"", "\"\n        tab-size=\"", "\"\n        theme=\"", "\"\n        @value-changed=\"", "\"\n        font-size=\"", "\"\n        ?word-wrap=\"", "\"\n        ?read-only=\"", "\"\n        @code-editor-focus=\"", "\"\n        @code-editor-blur=\"", "\"\n        @monaco-element-ready=\"", "\"\n        part=\"code\"\n      >\n      </monaco-element>\n      <pre\n        id=\"loading\"\n        ?hidden=\"", "\"\n        style=\"font-size:", "px\"\n        part=\"preview\"\n      ><code>\n  ", "</code></pre>\n      <slot hidden></slot>\n      ", "\n    "])), !this.title, this.title, !this.ready, this.autofocus, this.hideLineNumbers, this.libPath, this.language, this.tabSize, this.getTheme(this.theme), this._editorDataChanged, this.fontSize, this.wordWrap, this.readOnly, this._handleFocus, this._handleBlur, function (e) {
           return _this2.ready = true;
-        }, this.ready, this.fontSize, this.placeholder, this.showCodePen ? (0, _index.html)(_templateObject2_a061e0a01f0511ed8cc3e9a95995ad69 || (_templateObject2_a061e0a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"code-pen-container\" part=\"code-pen\">\n            <span>Check it out on code pen: </span\n            ><code-pen-button .data=\"", "\"></code-pen-button>\n          </div>"])), this.codePenData) : "");
+        }, this.ready, this.fontSize, this.placeholder, this.showCodePen ? (0, _index.html)(_templateObject2_7b62e3501f2611eda0c389891c227ec8 || (_templateObject2_7b62e3501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"code-pen-container\" part=\"code-pen\">\n            <span>Check it out on code pen: </span\n            ><code-pen-button .data=\"", "\"></code-pen-button>\n          </div>"])), this.codePenData) : "");
       }
     }, {
       key: "getTheme",
@@ -391,7 +391,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject3_a061e0a01f0511ed8cc3e9a95995ad69 || (_templateObject3_a061e0a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          font-family: unset;\n          align-items: stretch;\n          margin: var(--code-pen-margin, 16px 0);\n          width: calc(100% - 2px);\n          background-color: #1e1e1e;\n          color: #c6c6c6;\n          border: var(--code-editor-code-border);\n          border-radius: var(--code-editor-code-border-radius);\n          border: 1px solid var(--code-editor-label-color, #ddd);\n        }\n        :host([theme-colors=\"vs-dark\"]) {\n          background-color: #1e1e1e;\n          color: #c6c6c6;\n          border: 1px solid var(--code-editor-label-color, #000);\n        }\n        :host([theme-colors=\"vs\"]) {\n          background-color: #fffffe;\n          color: #000;\n          border: 1px solid var(--code-editor-label-color, #ddd);\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n        .code-pen-container:not([hidden]) {\n          width: calc(100% - 2 * var(--code-editor-margin, 12px));\n          display: flex;\n          height: 40px;\n          justify-content: flex-end;\n          align-items: center;\n          margin: var(--code-editor-margin, 12px);\n        }\n        .code-pen-container span {\n          display: inline-flex;\n          line-height: 16px;\n          font-size: 16px;\n          padding: 12px 0;\n        }\n        code-pen-button {\n          float: right;\n          height: 40px;\n          flex: 0 0 40px;\n        }\n        :host([theme-colors=\"vs\"]) code-pen-button::part(button) {\n          filter: invert(1);\n        }\n        label {\n          color: var(--code-editor-label-color, #444);\n          transition: all 0.5s;\n          flex: 0 0 auto;\n          margin: var(--code-editor-margin, 12px);\n        }\n        :host([theme-colors=\"vs\"]) label {\n          color: var(--code-editor-label-color, #444);\n        }\n        :host([theme-colors=\"vs-dark\"]) label {\n          color: var(--code-editor-label-color, #bbb);\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n\n        :host([focused]) label {\n          color: var(\n            --code-editor-float-label-active-color,\n            var(--code-editor-label-color, currentColor)\n          );\n        }\n\n        #loading {\n          padding: 0 74px;\n          flex: 1 1 auto;\n          overflow: hidden;\n          white-space: pre-wrap;\n          text-overflow: ellipsis;\n          font-family: monospace;\n        }\n        #codeeditor {\n          flex: 1 1 auto;\n          height: 100%;\n        }\n        #codeeditor[data-hidden] {\n          height: 0px;\n        }\n\n        :host([focused]) #codeeditor {\n          border: var(--code-editor-focus-code-border);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_7b62e3501f2611eda0c389891c227ec8 || (_templateObject3_7b62e3501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          font-family: unset;\n          align-items: stretch;\n          margin: var(--code-pen-margin, 16px 0);\n          width: calc(100% - 2px);\n          background-color: #1e1e1e;\n          color: #c6c6c6;\n          border: var(--code-editor-code-border);\n          border-radius: var(--code-editor-code-border-radius);\n          border: 1px solid var(--code-editor-label-color, #ddd);\n        }\n        :host([theme-colors=\"vs-dark\"]) {\n          background-color: #1e1e1e;\n          color: #c6c6c6;\n          border: 1px solid var(--code-editor-label-color, #000);\n        }\n        :host([theme-colors=\"vs\"]) {\n          background-color: #fffffe;\n          color: #000;\n          border: 1px solid var(--code-editor-label-color, #ddd);\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n        .code-pen-container:not([hidden]) {\n          width: calc(100% - 2 * var(--code-editor-margin, 12px));\n          display: flex;\n          height: 40px;\n          justify-content: flex-end;\n          align-items: center;\n          margin: var(--code-editor-margin, 12px);\n        }\n        .code-pen-container span {\n          display: inline-flex;\n          line-height: 16px;\n          font-size: 16px;\n          padding: 12px 0;\n        }\n        code-pen-button {\n          float: right;\n          height: 40px;\n          flex: 0 0 40px;\n        }\n        :host([theme-colors=\"vs\"]) code-pen-button::part(button) {\n          filter: invert(1);\n        }\n        label {\n          color: var(--code-editor-label-color, #444);\n          transition: all 0.5s;\n          flex: 0 0 auto;\n          margin: var(--code-editor-margin, 12px);\n        }\n        :host([theme-colors=\"vs\"]) label {\n          color: var(--code-editor-label-color, #444);\n        }\n        :host([theme-colors=\"vs-dark\"]) label {\n          color: var(--code-editor-label-color, #bbb);\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n\n        :host([focused]) label {\n          color: var(\n            --code-editor-float-label-active-color,\n            var(--code-editor-label-color, currentColor)\n          );\n        }\n\n        #loading {\n          padding: 0 74px;\n          flex: 1 1 auto;\n          overflow: hidden;\n          white-space: pre-wrap;\n          text-overflow: ellipsis;\n          font-family: monospace;\n        }\n        #codeeditor {\n          flex: 1 1 auto;\n          height: 100%;\n        }\n        #codeeditor[data-hidden] {\n          height: 0px;\n        }\n\n        :host([focused]) #codeeditor {\n          border: var(--code-editor-focus-code-border);\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/code-pen-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/code-pen-button.js
index 06ea3ef3121..1eecd4238b0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/code-pen-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/code-pen-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.CodePenButton = void 0;
 
-  var _templateObject_dc3790c01f0511ed8cc3e9a95995ad69, _templateObject2_dc3790c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b28f7dc01f2611eda0c389891c227ec8, _templateObject2_b28f7dc01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -37,7 +37,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(CodePenButton, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc3790c01f0511ed8cc3e9a95995ad69 || (_templateObject_dc3790c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <form action=\"", "\" method=\"POST\" target=\"_blank\">\n        <input type=\"hidden\" name=\"data\" value=\"", "\" />\n        <input\n          type=\"image\"\n          src=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-1/cp-arrow-right.svg\"\n          width=\"40\"\n          height=\"40\"\n          value=\"Open code pen in a new window\"\n          class=\"codepen-mover-button\"\n          part=\"button\"\n        />\n      </form>\n    "])), this.endPoint, this.dataString);
+        return (0, _index.html)(_templateObject_b28f7dc01f2611eda0c389891c227ec8 || (_templateObject_b28f7dc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <form action=\"", "\" method=\"POST\" target=\"_blank\">\n        <input type=\"hidden\" name=\"data\" value=\"", "\" />\n        <input\n          type=\"image\"\n          src=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-1/cp-arrow-right.svg\"\n          width=\"40\"\n          height=\"40\"\n          value=\"Open code pen in a new window\"\n          class=\"codepen-mover-button\"\n          part=\"button\"\n        />\n      </form>\n    "])), this.endPoint, this.dataString);
       }
     }, {
       key: "firstUpdated",
@@ -71,7 +71,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_dc3790c01f0511ed8cc3e9a95995ad69 || (_templateObject2_dc3790c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b28f7dc01f2611eda0c389891c227ec8 || (_templateObject2_b28f7dc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/dist/code-pen-button.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/dist/code-pen-button.dev.js
index 3df245a3dee..451a287af75 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/dist/code-pen-button.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/dist/code-pen-button.dev.js
@@ -21,20 +21,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_e75ca7601f0511ed8cc3e9a95995ad69() {
+function _templateObject2_bd7764501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-  _templateObject2_e75ca7601f0511ed8cc3e9a95995ad69 = function _templateObject2_e75ca7601f0511ed8cc3e9a95995ad69() {
+  _templateObject2_bd7764501f2611eda0c389891c227ec8 = function _templateObject2_bd7764501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_e75ca7601f0511ed8cc3e9a95995ad69() {
+function _templateObject_bd7764501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <form action="', '" method="POST" target="_blank">\n        <input type="hidden" name="data" value="', '" />\n        <input\n          type="image"\n          src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-1/cp-arrow-right.svg"\n          width="40"\n          height="40"\n          value="Open code pen in a new window"\n          class="codepen-mover-button"\n          part="button"\n        />\n      </form>\n    ']);
 
-  _templateObject_e75ca7601f0511ed8cc3e9a95995ad69 = function _templateObject_e75ca7601f0511ed8cc3e9a95995ad69() {
+  _templateObject_bd7764501f2611eda0c389891c227ec8 = function _templateObject_bd7764501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -135,7 +135,7 @@ var CodePenButton = /*#__PURE__*/function (_LitElement) {
   _createClass(CodePenButton, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_e75ca7601f0511ed8cc3e9a95995ad69(), this.endPoint, this.dataString);
+      return (0, _litElement.html)(_templateObject_bd7764501f2611eda0c389891c227ec8(), this.endPoint, this.dataString);
     }
   }, {
     key: "firstUpdated",
@@ -149,7 +149,7 @@ var CodePenButton = /*#__PURE__*/function (_LitElement) {
      * LitElement constructable styles enhancement
      */
     get: function get() {
-      return [(0, _litElement.css)(_templateObject2_e75ca7601f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject2_bd7764501f2611eda0c389891c227ec8())];
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/dist/monaco-element.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/dist/monaco-element.dev.js
index cb3fc5c601a..0844f2c846f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/dist/monaco-element.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/dist/monaco-element.dev.js
@@ -21,20 +21,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_f40132101f0511ed8cc3e9a95995ad69() {
+function _templateObject2_caeafed01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <iframe id="iframe" frameborder="0"></iframe>']);
 
-  _templateObject2_f40132101f0511ed8cc3e9a95995ad69 = function _templateObject2_f40132101f0511ed8cc3e9a95995ad69() {
+  _templateObject2_caeafed01f2611eda0c389891c227ec8 = function _templateObject2_caeafed01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f40132101f0511ed8cc3e9a95995ad69() {
+function _templateObject_caeafed01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        iframe {\n          border: none;\n          width: 100%;\n          height: 100%;\n          padding: 0;\n          margin: 0;\n          resize: vertical;\n        }\n      "]);
 
-  _templateObject_f40132101f0511ed8cc3e9a95995ad69 = function _templateObject_f40132101f0511ed8cc3e9a95995ad69() {
+  _templateObject_caeafed01f2611eda0c389891c227ec8 = function _templateObject_caeafed01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -174,7 +174,7 @@ var MonacoElement = /*#__PURE__*/function (_LitElement) {
      * LitElement constructable styles enhancement
      */
     get: function get() {
-      return [(0, _litElement.css)(_templateObject_f40132101f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject_caeafed01f2611eda0c389891c227ec8())];
     }
   }]);
 
@@ -214,7 +214,7 @@ var MonacoElement = /*#__PURE__*/function (_LitElement) {
   _createClass(MonacoElement, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject2_f40132101f0511ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject2_caeafed01f2611eda0c389891c227ec8());
     }
     /**
      * LitElement / popular convention
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/monaco-element.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/monaco-element.js
index 6ea79eece91..30c44dcfd95 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/monaco-element.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/monaco-element.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.MonacoElement = void 0;
 
-  var _templateObject_e76162501f0511ed8cc3e9a95995ad69, _templateObject2_e76162501f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd7cbb801f2611eda0c389891c227ec8, _templateObject2_bd7cbb801f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -63,7 +63,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(MonacoElement, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e76162501f0511ed8cc3e9a95995ad69 || (_templateObject_e76162501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <iframe id=\"iframe\" frameborder=\"0\"></iframe>"])));
+        return (0, _index.html)(_templateObject_bd7cbb801f2611eda0c389891c227ec8 || (_templateObject_bd7cbb801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <iframe id=\"iframe\" frameborder=\"0\"></iframe>"])));
       }
       /**
        * LitElement / popular convention
@@ -310,7 +310,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e76162501f0511ed8cc3e9a95995ad69 || (_templateObject2_e76162501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        iframe {\n          border: none;\n          width: 100%;\n          height: 100%;\n          padding: 0;\n          margin: 0;\n          resize: vertical;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bd7cbb801f2611eda0c389891c227ec8 || (_templateObject2_bd7cbb801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        iframe {\n          border: none;\n          width: 100%;\n          height: 100%;\n          padding: 0;\n          margin: 0;\n          resize: vertical;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/code-sample.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/code-sample.js
index 26dd3b93968..0a83d018f0d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/code-sample.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/code-sample.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/themes/one-dark.js", "./lib/high
   });
   _exports.CodeSample = void 0;
 
-  var _templateObject_a067fb201f0511ed8cc3e9a95995ad69, _templateObject2_a067fb201f0511ed8cc3e9a95995ad69;
+  var _templateObject_7b699a101f2611eda0c389891c227ec8, _templateObject2_7b699a101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -63,7 +63,7 @@ define(["exports", "../../lit/index.js", "./lib/themes/one-dark.js", "./lib/high
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a067fb201f0511ed8cc3e9a95995ad69 || (_templateObject_a067fb201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"theme\"></div>\n      <div id=\"demo\" class=\"demo\"></div>\n      <slot></slot>\n      <div id=\"code-container\">\n        <button\n          type=\"button\"\n          ?hidden=\"", "\"\n          id=\"copyButton\"\n          title=\"Copy to clipboard\"\n          @click=\"", "\"\n        >\n          Copy\n        </button>\n        <pre id=\"code\"></pre>\n      </div>"])), !this.copyClipboardButton, this._copyToClipboard);
+        return (0, _index.html)(_templateObject_7b699a101f2611eda0c389891c227ec8 || (_templateObject_7b699a101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"theme\"></div>\n      <div id=\"demo\" class=\"demo\"></div>\n      <slot></slot>\n      <div id=\"code-container\">\n        <button\n          type=\"button\"\n          ?hidden=\"", "\"\n          id=\"copyButton\"\n          title=\"Copy to clipboard\"\n          @click=\"", "\"\n        >\n          Copy\n        </button>\n        <pre id=\"code\"></pre>\n      </div>"])), !this.copyClipboardButton, this._copyToClipboard);
       } // haxProperty definition
 
     }, {
@@ -305,7 +305,7 @@ define(["exports", "../../lit/index.js", "./lib/themes/one-dark.js", "./lib/high
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a067fb201f0511ed8cc3e9a95995ad69 || (_templateObject2_a067fb201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]),\n        [hidden] {\n          display: none;\n        }\n\n        pre {\n          margin: 0;\n        }\n\n        pre,\n        code {\n          font-family: var(\n            --code-sample-font-family,\n            Operator Mono,\n            Inconsolata,\n            Roboto Mono,\n            monaco,\n            consolas,\n            monospace\n          );\n          font-size: var(--code-sample-font-size, 0.875rem);\n        }\n\n        .hljs {\n          padding: 0 1.25rem;\n          line-height: var(--code-sample-line-height, 1.3);\n        }\n\n        .demo:not(:empty) {\n          padding: var(--code-sample-demo-padding, 0 0 1.25rem);\n        }\n\n        #code-container {\n          position: relative;\n        }\n\n        button {\n          background: var(--code-sample-copy-button-bg-color, #e0e0e0);\n          border: none;\n          cursor: pointer;\n          display: block;\n          position: absolute;\n          right: 0;\n          top: 0;\n          text-transform: uppercase;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7b699a101f2611eda0c389891c227ec8 || (_templateObject2_7b699a101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]),\n        [hidden] {\n          display: none;\n        }\n\n        pre {\n          margin: 0;\n        }\n\n        pre,\n        code {\n          font-family: var(\n            --code-sample-font-family,\n            Operator Mono,\n            Inconsolata,\n            Roboto Mono,\n            monaco,\n            consolas,\n            monospace\n          );\n          font-size: var(--code-sample-font-size, 0.875rem);\n        }\n\n        .hljs {\n          padding: 0 1.25rem;\n          line-height: var(--code-sample-line-height, 1.3);\n        }\n\n        .demo:not(:empty) {\n          padding: var(--code-sample-demo-padding, 0 0 1.25rem);\n        }\n\n        #code-container {\n          position: relative;\n        }\n\n        button {\n          background: var(--code-sample-copy-button-bg-color, #e0e0e0);\n          border: none;\n          cursor: pointer;\n          display: block;\n          position: absolute;\n          right: 0;\n          top: 0;\n          text-transform: uppercase;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/default.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/default.js
index 27935104447..4f4e4f04fde 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/default.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/default.js
@@ -6,8 +6,8 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.defaultTheme = void 0;
 
-  var _templateObject_e76bc2901f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd8742d01f2611eda0c389891c227ec8;
 
-  var defaultTheme = (0, _index.html)(_templateObject_e76bc2901f0511ed8cc3e9a95995ad69 || (_templateObject_e76bc2901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /* Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org> */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      background: var(--code-sample-background, #f0f0f0);\n    }\n\n    /* Base color: saturation 0; */\n\n    .hljs,\n    .hljs-subst {\n      color: var(--code-sample-color, #444);\n    }\n\n    .hljs-comment {\n      color: #888888;\n    }\n\n    .hljs-keyword,\n    .hljs-attribute,\n    .hljs-selector-tag,\n    .hljs-meta-keyword,\n    .hljs-doctag,\n    .hljs-name {\n      font-weight: bold;\n    }\n\n    /* User color: hue: 0 */\n\n    .hljs-type,\n    .hljs-string,\n    .hljs-number,\n    .hljs-selector-id,\n    .hljs-selector-class,\n    .hljs-quote,\n    .hljs-template-tag,\n    .hljs-deletion {\n      color: #880000;\n    }\n\n    .hljs-title,\n    .hljs-section {\n      color: #880000;\n      font-weight: bold;\n    }\n\n    .hljs-regexp,\n    .hljs-symbol,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-link,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo {\n      color: #bc6060;\n    }\n\n    /* Language color: hue: 90; */\n\n    .hljs-literal {\n      color: #78a960;\n    }\n\n    .hljs-built_in,\n    .hljs-bullet,\n    .hljs-code,\n    .hljs-addition {\n      color: #397300;\n    }\n\n    /* Meta color: hue: 200 */\n\n    .hljs-meta {\n      color: #1f7199;\n    }\n\n    .hljs-meta-string {\n      color: #4d99bf;\n    }\n\n    /* Misc effects */\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n  </style>\n"])));
+  var defaultTheme = (0, _index.html)(_templateObject_bd8742d01f2611eda0c389891c227ec8 || (_templateObject_bd8742d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /* Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org> */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      background: var(--code-sample-background, #f0f0f0);\n    }\n\n    /* Base color: saturation 0; */\n\n    .hljs,\n    .hljs-subst {\n      color: var(--code-sample-color, #444);\n    }\n\n    .hljs-comment {\n      color: #888888;\n    }\n\n    .hljs-keyword,\n    .hljs-attribute,\n    .hljs-selector-tag,\n    .hljs-meta-keyword,\n    .hljs-doctag,\n    .hljs-name {\n      font-weight: bold;\n    }\n\n    /* User color: hue: 0 */\n\n    .hljs-type,\n    .hljs-string,\n    .hljs-number,\n    .hljs-selector-id,\n    .hljs-selector-class,\n    .hljs-quote,\n    .hljs-template-tag,\n    .hljs-deletion {\n      color: #880000;\n    }\n\n    .hljs-title,\n    .hljs-section {\n      color: #880000;\n      font-weight: bold;\n    }\n\n    .hljs-regexp,\n    .hljs-symbol,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-link,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo {\n      color: #bc6060;\n    }\n\n    /* Language color: hue: 90; */\n\n    .hljs-literal {\n      color: #78a960;\n    }\n\n    .hljs-built_in,\n    .hljs-bullet,\n    .hljs-code,\n    .hljs-addition {\n      color: #397300;\n    }\n\n    /* Meta color: hue: 200 */\n\n    .hljs-meta {\n      color: #1f7199;\n    }\n\n    .hljs-meta-string {\n      color: #4d99bf;\n    }\n\n    /* Misc effects */\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n  </style>\n"])));
   _exports.defaultTheme = defaultTheme;
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/github.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/github.js
index 8b622acb0a6..7b7fb6d9e3d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/github.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/github.js
@@ -6,8 +6,8 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.github = void 0;
 
-  var _templateObject_e76c10b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd8790f01f2611eda0c389891c227ec8;
 
-  var github = (0, _index.html)(_templateObject_e76c10b01f0511ed8cc3e9a95995ad69 || (_templateObject_e76c10b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /* github.com style (c) Vasily Polovnyov <vast@whiteants.net> */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      color: var(--code-sample-color, #333);\n      background: var(--code-sample-background, #f8f8f8);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #998;\n      font-style: italic;\n    }\n\n    .hljs-keyword,\n    .hljs-selector-tag,\n    .hljs-subst {\n      color: #333;\n      font-weight: bold;\n    }\n\n    .hljs-number,\n    .hljs-literal,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-tag .hljs-attr {\n      color: #008080;\n    }\n\n    .hljs-string,\n    .hljs-doctag {\n      color: #d14;\n    }\n\n    .hljs-title,\n    .hljs-section,\n    .hljs-selector-id {\n      color: #900;\n      font-weight: bold;\n    }\n\n    .hljs-subst {\n      font-weight: normal;\n    }\n\n    .hljs-type,\n    .hljs-class .hljs-title {\n      color: #458;\n      font-weight: bold;\n    }\n\n    .hljs-tag,\n    .hljs-name,\n    .hljs-attribute {\n      color: #000080;\n      font-weight: normal;\n    }\n\n    .hljs-regexp,\n    .hljs-link {\n      color: #009926;\n    }\n\n    .hljs-symbol,\n    .hljs-bullet {\n      color: #990073;\n    }\n\n    .hljs-built_in,\n    .hljs-builtin-name {\n      color: #0086b3;\n    }\n\n    .hljs-meta {\n      color: #999;\n      font-weight: bold;\n    }\n\n    .hljs-deletion {\n      background: #fdd;\n    }\n\n    .hljs-addition {\n      background: #dfd;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n  </style>\n"])));
+  var github = (0, _index.html)(_templateObject_bd8790f01f2611eda0c389891c227ec8 || (_templateObject_bd8790f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /* github.com style (c) Vasily Polovnyov <vast@whiteants.net> */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      color: var(--code-sample-color, #333);\n      background: var(--code-sample-background, #f8f8f8);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #998;\n      font-style: italic;\n    }\n\n    .hljs-keyword,\n    .hljs-selector-tag,\n    .hljs-subst {\n      color: #333;\n      font-weight: bold;\n    }\n\n    .hljs-number,\n    .hljs-literal,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-tag .hljs-attr {\n      color: #008080;\n    }\n\n    .hljs-string,\n    .hljs-doctag {\n      color: #d14;\n    }\n\n    .hljs-title,\n    .hljs-section,\n    .hljs-selector-id {\n      color: #900;\n      font-weight: bold;\n    }\n\n    .hljs-subst {\n      font-weight: normal;\n    }\n\n    .hljs-type,\n    .hljs-class .hljs-title {\n      color: #458;\n      font-weight: bold;\n    }\n\n    .hljs-tag,\n    .hljs-name,\n    .hljs-attribute {\n      color: #000080;\n      font-weight: normal;\n    }\n\n    .hljs-regexp,\n    .hljs-link {\n      color: #009926;\n    }\n\n    .hljs-symbol,\n    .hljs-bullet {\n      color: #990073;\n    }\n\n    .hljs-built_in,\n    .hljs-builtin-name {\n      color: #0086b3;\n    }\n\n    .hljs-meta {\n      color: #999;\n      font-weight: bold;\n    }\n\n    .hljs-deletion {\n      background: #fdd;\n    }\n\n    .hljs-addition {\n      background: #dfd;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n  </style>\n"])));
   _exports.github = github;
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/kustom-dark.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/kustom-dark.js
index c8ccf310b41..1ec747894b3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/kustom-dark.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/kustom-dark.js
@@ -6,8 +6,8 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.kustomDark = void 0;
 
-  var _templateObject_e76c5ed01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd882d301f2611eda0c389891c227ec8;
 
-  var kustomDark = (0, _index.html)(_templateObject_e76c5ed01f0511ed8cc3e9a95995ad69 || (_templateObject_e76c5ed01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    .hljs {\n      line-height: 1.35;\n      display: block;\n      overflow-x: auto;\n      color: var(--code-sample-color, #d7ccc8);\n      background: var(--code-sample-background, #2f1e1b);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #5c6370;\n      font-style: italic;\n    }\n\n    .hljs-doctag,\n    .hljs-keyword,\n    .hljs-formula {\n      color: #c678dd;\n    }\n\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-tag,\n    .hljs-deletion,\n    .hljs-subst,\n    .hljs-tag {\n      color: #ff6f00;\n    }\n\n    .hljs-string,\n    .hljs-regexp,\n    .hljs-addition,\n    .hljs-attribute,\n    .hljs-meta-string,\n    .hljs-literal {\n      color: #00bcd4;\n    }\n\n    .hljs-built_in,\n    .hljs-class .hljs-title,\n    .hljs-params {\n      color: #e6c07b;\n    }\n\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-type,\n    .hljs-selector-class,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-number {\n      color: #afb42b;\n    }\n\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-link,\n    .hljs-meta,\n    .hljs-selector-id,\n    .hljs-title {\n      color: #61aeee;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n\n    .hljs-link {\n      text-decoration: underline;\n    }\n  </style>\n"])));
+  var kustomDark = (0, _index.html)(_templateObject_bd882d301f2611eda0c389891c227ec8 || (_templateObject_bd882d301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    .hljs {\n      line-height: 1.35;\n      display: block;\n      overflow-x: auto;\n      color: var(--code-sample-color, #d7ccc8);\n      background: var(--code-sample-background, #2f1e1b);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #5c6370;\n      font-style: italic;\n    }\n\n    .hljs-doctag,\n    .hljs-keyword,\n    .hljs-formula {\n      color: #c678dd;\n    }\n\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-tag,\n    .hljs-deletion,\n    .hljs-subst,\n    .hljs-tag {\n      color: #ff6f00;\n    }\n\n    .hljs-string,\n    .hljs-regexp,\n    .hljs-addition,\n    .hljs-attribute,\n    .hljs-meta-string,\n    .hljs-literal {\n      color: #00bcd4;\n    }\n\n    .hljs-built_in,\n    .hljs-class .hljs-title,\n    .hljs-params {\n      color: #e6c07b;\n    }\n\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-type,\n    .hljs-selector-class,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-number {\n      color: #afb42b;\n    }\n\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-link,\n    .hljs-meta,\n    .hljs-selector-id,\n    .hljs-title {\n      color: #61aeee;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n\n    .hljs-link {\n      text-decoration: underline;\n    }\n  </style>\n"])));
   _exports.kustomDark = kustomDark;
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/kustom-light.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/kustom-light.js
index 716cd535492..b60dcf35ccc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/kustom-light.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/kustom-light.js
@@ -6,8 +6,8 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.kustomLight = void 0;
 
-  var _templateObject_e76cacf01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd87df101f2611eda0c389891c227ec8;
 
-  var kustomLight = (0, _index.html)(_templateObject_e76cacf01f0511ed8cc3e9a95995ad69 || (_templateObject_e76cacf01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    .hljs {\n      line-height: 1.35;\n      display: block;\n      overflow-x: auto;\n      color: var(--code-sample-color, #505359);\n      background: var(--code-sample-background, #f7f7f9);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #5c6370;\n      font-style: italic;\n    }\n\n    .hljs-doctag,\n    .hljs-keyword,\n    .hljs-formula {\n      color: #c678dd;\n    }\n\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-tag,\n    .hljs-deletion,\n    .hljs-subst,\n    .hljs-tag {\n      color: #5b75c5;\n    }\n\n    .hljs-literal {\n      color: #56b6c2;\n    }\n\n    .hljs-string,\n    .hljs-regexp,\n    .hljs-addition,\n    .hljs-attribute,\n    .hljs-meta-string {\n      color: #268394;\n    }\n\n    .hljs-built_in,\n    .hljs-class .hljs-title {\n      color: #e09306;\n    }\n\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-type,\n    .hljs-selector-class,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-number {\n      color: #d06449;\n    }\n\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-link,\n    .hljs-meta,\n    .hljs-selector-id,\n    .hljs-title {\n      color: #61aeee;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n\n    .hljs-link {\n      text-decoration: underline;\n    }\n\n    .hljs-params {\n      color: #e6c07b;\n    }\n  </style>\n"])));
+  var kustomLight = (0, _index.html)(_templateObject_bd87df101f2611eda0c389891c227ec8 || (_templateObject_bd87df101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    .hljs {\n      line-height: 1.35;\n      display: block;\n      overflow-x: auto;\n      color: var(--code-sample-color, #505359);\n      background: var(--code-sample-background, #f7f7f9);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #5c6370;\n      font-style: italic;\n    }\n\n    .hljs-doctag,\n    .hljs-keyword,\n    .hljs-formula {\n      color: #c678dd;\n    }\n\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-tag,\n    .hljs-deletion,\n    .hljs-subst,\n    .hljs-tag {\n      color: #5b75c5;\n    }\n\n    .hljs-literal {\n      color: #56b6c2;\n    }\n\n    .hljs-string,\n    .hljs-regexp,\n    .hljs-addition,\n    .hljs-attribute,\n    .hljs-meta-string {\n      color: #268394;\n    }\n\n    .hljs-built_in,\n    .hljs-class .hljs-title {\n      color: #e09306;\n    }\n\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-type,\n    .hljs-selector-class,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-number {\n      color: #d06449;\n    }\n\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-link,\n    .hljs-meta,\n    .hljs-selector-id,\n    .hljs-title {\n      color: #61aeee;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n\n    .hljs-link {\n      text-decoration: underline;\n    }\n\n    .hljs-params {\n      color: #e6c07b;\n    }\n  </style>\n"])));
   _exports.kustomLight = kustomLight;
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/one-dark.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/one-dark.js
index a02de03c97e..b2ae31beb3f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/one-dark.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/one-dark.js
@@ -6,8 +6,8 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.oneDark = void 0;
 
-  var _templateObject_e76d70401f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd887b501f2611eda0c389891c227ec8;
 
-  var oneDark = (0, _index.html)(_templateObject_e76d70401f0511ed8cc3e9a95995ad69 || (_templateObject_e76d70401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /*\n\n  Atom One Dark by Daniel Gamage\n  Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax\n\n  base:    #282c34\n  mono-1:  #abb2bf\n  mono-2:  #818896\n  mono-3:  #5c6370\n  hue-1:   #56b6c2\n  hue-2:   #61aeee\n  hue-3:   #c678dd\n  hue-4:   #98c379\n  hue-5:   #e06c75\n  hue-5-2: #be5046\n  hue-6:   #d19a66\n  hue-6-2: #e6c07b\n\n  */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      color: var(--code-sample-color, #abb2bf);\n      background: var(--code-sample-background, #282c34);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #5c6370;\n      font-style: italic;\n    }\n\n    .hljs-doctag,\n    .hljs-keyword,\n    .hljs-formula {\n      color: #c678dd;\n    }\n\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-tag,\n    .hljs-deletion,\n    .hljs-subst,\n    .hljs-tag {\n      color: #e06c75;\n    }\n\n    .hljs-literal {\n      color: #56b6c2;\n    }\n\n    .hljs-string,\n    .hljs-regexp,\n    .hljs-addition,\n    .hljs-attribute,\n    .hljs-meta-string {\n      color: #98c379;\n    }\n\n    .hljs-built_in,\n    .hljs-class .hljs-title {\n      color: #e6c07b;\n    }\n\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-type,\n    .hljs-selector-class,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-number {\n      color: #d19a66;\n    }\n\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-link,\n    .hljs-meta,\n    .hljs-selector-id,\n    .hljs-title {\n      color: #61aeee;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n\n    .hljs-link {\n      text-decoration: underline;\n    }\n\n    .hljs-params {\n      color: #e6c07b;\n    }\n  </style>\n"])));
+  var oneDark = (0, _index.html)(_templateObject_bd887b501f2611eda0c389891c227ec8 || (_templateObject_bd887b501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /*\n\n  Atom One Dark by Daniel Gamage\n  Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax\n\n  base:    #282c34\n  mono-1:  #abb2bf\n  mono-2:  #818896\n  mono-3:  #5c6370\n  hue-1:   #56b6c2\n  hue-2:   #61aeee\n  hue-3:   #c678dd\n  hue-4:   #98c379\n  hue-5:   #e06c75\n  hue-5-2: #be5046\n  hue-6:   #d19a66\n  hue-6-2: #e6c07b\n\n  */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      color: var(--code-sample-color, #abb2bf);\n      background: var(--code-sample-background, #282c34);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #5c6370;\n      font-style: italic;\n    }\n\n    .hljs-doctag,\n    .hljs-keyword,\n    .hljs-formula {\n      color: #c678dd;\n    }\n\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-tag,\n    .hljs-deletion,\n    .hljs-subst,\n    .hljs-tag {\n      color: #e06c75;\n    }\n\n    .hljs-literal {\n      color: #56b6c2;\n    }\n\n    .hljs-string,\n    .hljs-regexp,\n    .hljs-addition,\n    .hljs-attribute,\n    .hljs-meta-string {\n      color: #98c379;\n    }\n\n    .hljs-built_in,\n    .hljs-class .hljs-title {\n      color: #e6c07b;\n    }\n\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-type,\n    .hljs-selector-class,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-number {\n      color: #d19a66;\n    }\n\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-link,\n    .hljs-meta,\n    .hljs-selector-id,\n    .hljs-title {\n      color: #61aeee;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n\n    .hljs-link {\n      text-decoration: underline;\n    }\n\n    .hljs-params {\n      color: #e6c07b;\n    }\n  </style>\n"])));
   _exports.oneDark = oneDark;
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/one-light.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/one-light.js
index b81a7a8c84f..806d71cbd47 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/one-light.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/one-light.js
@@ -6,8 +6,8 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.oneLight = void 0;
 
-  var _templateObject_e76dbe601f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd88c9701f2611eda0c389891c227ec8;
 
-  var oneLight = (0, _index.html)(_templateObject_e76dbe601f0511ed8cc3e9a95995ad69 || (_templateObject_e76dbe601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /*\n\n  Atom One Light by Daniel Gamage\n  Original One Light Syntax theme from https://github.com/atom/one-light-syntax\n\n  base:    #fafafa\n  mono-1:  #383a42\n  mono-2:  #686b77\n  mono-3:  #a0a1a7\n  hue-1:   #0184bb\n  hue-2:   #4078f2\n  hue-3:   #a626a4\n  hue-4:   #50a14f\n  hue-5:   #e45649\n  hue-5-2: #c91243\n  hue-6:   #986801\n  hue-6-2: #c18401\n\n  */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      color: var(--code-sample-color, #383a42);\n      background: var(--code-sample-background, #fafafa);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #a0a1a7;\n      font-style: italic;\n    }\n\n    .hljs-doctag,\n    .hljs-keyword,\n    .hljs-formula {\n      color: #a626a4;\n    }\n\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-tag,\n    .hljs-deletion,\n    .hljs-subst {\n      color: #e45649;\n    }\n\n    .hljs-literal {\n      color: #0184bb;\n    }\n\n    .hljs-string,\n    .hljs-regexp,\n    .hljs-addition,\n    .hljs-attribute,\n    .hljs-meta-string {\n      color: #50a14f;\n    }\n\n    .hljs-built_in,\n    .hljs-class .hljs-title {\n      color: #c18401;\n    }\n\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-type,\n    .hljs-selector-class,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-number {\n      color: #986801;\n    }\n\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-link,\n    .hljs-meta,\n    .hljs-selector-id,\n    .hljs-title {\n      color: #4078f2;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n\n    .hljs-link {\n      text-decoration: underline;\n    }\n  </style>\n"])));
+  var oneLight = (0, _index.html)(_templateObject_bd88c9701f2611eda0c389891c227ec8 || (_templateObject_bd88c9701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /*\n\n  Atom One Light by Daniel Gamage\n  Original One Light Syntax theme from https://github.com/atom/one-light-syntax\n\n  base:    #fafafa\n  mono-1:  #383a42\n  mono-2:  #686b77\n  mono-3:  #a0a1a7\n  hue-1:   #0184bb\n  hue-2:   #4078f2\n  hue-3:   #a626a4\n  hue-4:   #50a14f\n  hue-5:   #e45649\n  hue-5-2: #c91243\n  hue-6:   #986801\n  hue-6-2: #c18401\n\n  */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      color: var(--code-sample-color, #383a42);\n      background: var(--code-sample-background, #fafafa);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #a0a1a7;\n      font-style: italic;\n    }\n\n    .hljs-doctag,\n    .hljs-keyword,\n    .hljs-formula {\n      color: #a626a4;\n    }\n\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-tag,\n    .hljs-deletion,\n    .hljs-subst {\n      color: #e45649;\n    }\n\n    .hljs-literal {\n      color: #0184bb;\n    }\n\n    .hljs-string,\n    .hljs-regexp,\n    .hljs-addition,\n    .hljs-attribute,\n    .hljs-meta-string {\n      color: #50a14f;\n    }\n\n    .hljs-built_in,\n    .hljs-class .hljs-title {\n      color: #c18401;\n    }\n\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-type,\n    .hljs-selector-class,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-number {\n      color: #986801;\n    }\n\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-link,\n    .hljs-meta,\n    .hljs-selector-id,\n    .hljs-title {\n      color: #4078f2;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n\n    .hljs-link {\n      text-decoration: underline;\n    }\n  </style>\n"])));
   _exports.oneLight = oneLight;
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/solarized-dark.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/solarized-dark.js
index 670670f1a80..415b18f3741 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/solarized-dark.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/solarized-dark.js
@@ -6,8 +6,8 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.solarizedDark = void 0;
 
-  var _templateObject_e76e0c801f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd8917901f2611eda0c389891c227ec8;
 
-  var solarizedDark = (0, _index.html)(_templateObject_e76e0c801f0511ed8cc3e9a95995ad69 || (_templateObject_e76e0c801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /* Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com> */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      background: var(--code-sample-background, #002b36);\n      color: var(--code-sample-color, #839496);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #586e75;\n    }\n\n    /* Solarized Green */\n    .hljs-keyword,\n    .hljs-selector-tag,\n    .hljs-addition {\n      color: #859900;\n    }\n\n    /* Solarized Cyan */\n    .hljs-number,\n    .hljs-string,\n    .hljs-meta .hljs-meta-string,\n    .hljs-literal,\n    .hljs-doctag,\n    .hljs-regexp {\n      color: #2aa198;\n    }\n\n    /* Solarized Blue */\n    .hljs-title,\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-id,\n    .hljs-selector-class {\n      color: #268bd2;\n    }\n\n    /* Solarized Yellow */\n    .hljs-attribute,\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-class .hljs-title,\n    .hljs-type {\n      color: #b58900;\n    }\n\n    /* Solarized Orange */\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-subst,\n    .hljs-meta,\n    .hljs-meta .hljs-keyword,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-link {\n      color: #cb4b16;\n    }\n\n    /* Solarized Red */\n    .hljs-built_in,\n    .hljs-deletion {\n      color: #dc322f;\n    }\n\n    .hljs-formula {\n      background: #073642;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n  </style>\n"])));
+  var solarizedDark = (0, _index.html)(_templateObject_bd8917901f2611eda0c389891c227ec8 || (_templateObject_bd8917901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /* Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com> */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      background: var(--code-sample-background, #002b36);\n      color: var(--code-sample-color, #839496);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #586e75;\n    }\n\n    /* Solarized Green */\n    .hljs-keyword,\n    .hljs-selector-tag,\n    .hljs-addition {\n      color: #859900;\n    }\n\n    /* Solarized Cyan */\n    .hljs-number,\n    .hljs-string,\n    .hljs-meta .hljs-meta-string,\n    .hljs-literal,\n    .hljs-doctag,\n    .hljs-regexp {\n      color: #2aa198;\n    }\n\n    /* Solarized Blue */\n    .hljs-title,\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-id,\n    .hljs-selector-class {\n      color: #268bd2;\n    }\n\n    /* Solarized Yellow */\n    .hljs-attribute,\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-class .hljs-title,\n    .hljs-type {\n      color: #b58900;\n    }\n\n    /* Solarized Orange */\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-subst,\n    .hljs-meta,\n    .hljs-meta .hljs-keyword,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-link {\n      color: #cb4b16;\n    }\n\n    /* Solarized Red */\n    .hljs-built_in,\n    .hljs-deletion {\n      color: #dc322f;\n    }\n\n    .hljs-formula {\n      background: #073642;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n  </style>\n"])));
   _exports.solarizedDark = solarizedDark;
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/solarized-light.js b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/solarized-light.js
index 399f39b8698..55416f9511a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/solarized-light.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/code-sample/lib/themes/solarized-light.js
@@ -6,8 +6,8 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.solarizedLight = void 0;
 
-  var _templateObject_e76e5aa01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bd893ea01f2611eda0c389891c227ec8;
 
-  var solarizedLight = (0, _index.html)(_templateObject_e76e5aa01f0511ed8cc3e9a95995ad69 || (_templateObject_e76e5aa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /* Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com> */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      background: var(--code-sample-background, #fdf6e3);\n      color: var(--code-sample-color, #657b83);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #93a1a1;\n    }\n\n    /* Solarized Green */\n    .hljs-keyword,\n    .hljs-selector-tag,\n    .hljs-addition {\n      color: #859900;\n    }\n\n    /* Solarized Cyan */\n    .hljs-number,\n    .hljs-string,\n    .hljs-meta .hljs-meta-string,\n    .hljs-literal,\n    .hljs-doctag,\n    .hljs-regexp {\n      color: #2aa198;\n    }\n\n    /* Solarized Blue */\n    .hljs-title,\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-id,\n    .hljs-selector-class {\n      color: #268bd2;\n    }\n\n    /* Solarized Yellow */\n    .hljs-attribute,\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-class .hljs-title,\n    .hljs-type {\n      color: #b58900;\n    }\n\n    /* Solarized Orange */\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-subst,\n    .hljs-meta,\n    .hljs-meta .hljs-keyword,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-link {\n      color: #cb4b16;\n    }\n\n    /* Solarized Red */\n    .hljs-built_in,\n    .hljs-deletion {\n      color: #dc322f;\n    }\n\n    .hljs-formula {\n      background: #eee8d5;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n  </style>\n"])));
+  var solarizedLight = (0, _index.html)(_templateObject_bd893ea01f2611eda0c389891c227ec8 || (_templateObject_bd893ea01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    /* Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com> */\n\n    .hljs {\n      display: block;\n      overflow-x: auto;\n      background: var(--code-sample-background, #fdf6e3);\n      color: var(--code-sample-color, #657b83);\n    }\n\n    .hljs-comment,\n    .hljs-quote {\n      color: #93a1a1;\n    }\n\n    /* Solarized Green */\n    .hljs-keyword,\n    .hljs-selector-tag,\n    .hljs-addition {\n      color: #859900;\n    }\n\n    /* Solarized Cyan */\n    .hljs-number,\n    .hljs-string,\n    .hljs-meta .hljs-meta-string,\n    .hljs-literal,\n    .hljs-doctag,\n    .hljs-regexp {\n      color: #2aa198;\n    }\n\n    /* Solarized Blue */\n    .hljs-title,\n    .hljs-section,\n    .hljs-name,\n    .hljs-selector-id,\n    .hljs-selector-class {\n      color: #268bd2;\n    }\n\n    /* Solarized Yellow */\n    .hljs-attribute,\n    .hljs-attr,\n    .hljs-variable,\n    .hljs-template-variable,\n    .hljs-class .hljs-title,\n    .hljs-type {\n      color: #b58900;\n    }\n\n    /* Solarized Orange */\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-subst,\n    .hljs-meta,\n    .hljs-meta .hljs-keyword,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-link {\n      color: #cb4b16;\n    }\n\n    /* Solarized Red */\n    .hljs-built_in,\n    .hljs-deletion {\n      color: #dc322f;\n    }\n\n    .hljs-formula {\n      background: #eee8d5;\n    }\n\n    .hljs-emphasis {\n      font-style: italic;\n    }\n\n    .hljs-strong {\n      font-weight: bold;\n    }\n  </style>\n"])));
   _exports.solarizedLight = solarizedLight;
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/count-up/count-up.js b/build/es5-amd/node_modules/@lrnwebcomponents/count-up/count-up.js
index 438b4ae75b7..4cb42bde97e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/count-up/count-up.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/count-up/count-up.js
@@ -12,7 +12,7 @@ define(["exports", "../../lit/index.js", "../intersection-element/lib/Intersecti
   });
   _exports.CountUpElement = void 0;
 
-  var _templateObject_a13ed3201f0511ed8cc3e9a95995ad69, _templateObject2_a13ed3201f0511ed8cc3e9a95995ad69;
+  var _templateObject_7b6cf5701f2611eda0c389891c227ec8, _templateObject2_7b6cf5701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -59,7 +59,7 @@ define(["exports", "../../lit/index.js", "../intersection-element/lib/Intersecti
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a13ed3201f0511ed8cc3e9a95995ad69 || (_templateObject_a13ed3201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div class=\"wrapper\">\n      <slot name=\"prefix\"></slot>\n      <div id=\"counter\"></div>\n      <slot name=\"suffix\"></slot>\n    </div>"])));
+        return (0, _index.html)(_templateObject_7b6cf5701f2611eda0c389891c227ec8 || (_templateObject_7b6cf5701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div class=\"wrapper\">\n      <slot name=\"prefix\"></slot>\n      <div id=\"counter\"></div>\n      <slot name=\"suffix\"></slot>\n    </div>"])));
       } // haxProperty definition
 
     }, {
@@ -97,7 +97,7 @@ define(["exports", "../../lit/index.js", "../intersection-element/lib/Intersecti
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a13ed3201f0511ed8cc3e9a95995ad69 || (_templateObject2_a13ed3201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          --count-up-color: #000000;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        .wrapper {\n          display: block;\n          text-align: center;\n          width: 100%;\n          height: 100%;\n        }\n\n        #counter {\n          color: var(--count-up-color);\n          font-weight: var(--count-up-number-font-weight);\n          font-size: var(--count-up-number-font-size);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7b6cf5701f2611eda0c389891c227ec8 || (_templateObject2_7b6cf5701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          --count-up-color: #000000;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        .wrapper {\n          display: block;\n          text-align: center;\n          width: 100%;\n          height: 100%;\n        }\n\n        #counter {\n          color: var(--count-up-color);\n          font-weight: var(--count-up-number-font-weight);\n          font-size: var(--count-up-number-font-size);\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/course-design.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/course-design.js
index 68ee1bf5875..f6dd8e792fb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/course-design.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/course-design.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.CourseDesign = void 0;
 
-  var _templateObject_a140cef01f0511ed8cc3e9a95995ad69, _templateObject2_a140cef01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7c410e501f2611eda0c389891c227ec8, _templateObject2_7c410e501f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -43,7 +43,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "render",
       value: // Template return function
       function render() {
-        return (0, _index.html)(_templateObject_a140cef01f0511ed8cc3e9a95995ad69 || (_templateObject_a140cef01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot>"])));
+        return (0, _index.html)(_templateObject_7c410e501f2611eda0c389891c227ec8 || (_templateObject_7c410e501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot>"])));
       } // properties available to the custom element for data binding
 
     }, {
@@ -87,7 +87,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a140cef01f0511ed8cc3e9a95995ad69 || (_templateObject2_a140cef01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7c410e501f2611eda0c389891c227ec8 || (_templateObject2_7c410e501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/activity-box.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/activity-box.js
index 9578cc1cf75..3fa44a695ae 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/activity-box.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/activity-box.js
@@ -3,7 +3,7 @@ define(["meta", "../../../lit/index.js"], function (meta, _index) {
 
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_dc3d0f001f0511ed8cc3e9a95995ad69, _templateObject2_dc3d0f001f0511ed8cc3e9a95995ad69, _templateObject3_dc3d0f001f0511ed8cc3e9a95995ad69, _templateObject4_dc3d0f001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b294fc001f2611eda0c389891c227ec8, _templateObject2_b294fc001f2611eda0c389891c227ec8, _templateObject3_b294fc001f2611eda0c389891c227ec8, _templateObject4_b294fc001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -62,12 +62,12 @@ define(["meta", "../../../lit/index.js"], function (meta, _index) {
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc3d0f001f0511ed8cc3e9a95995ad69 || (_templateObject_dc3d0f001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"container\">\n        ", "\n        <div class=\"tag\" ?hidden=", ">\n          <span class=\"tag-content\"\n            ><simple-icon icon=\"check-circle\"></simple-icon>", "</span\n          >\n        </div>\n        <div class=\"pullout\"><slot></slot></div>\n      </div>\n    "])), this.icon ? (0, _index.html)(_templateObject2_dc3d0f001f0511ed8cc3e9a95995ad69 || (_templateObject2_dc3d0f001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon\n                icon=\"", "\"\n                ?no-colorize=", "\n              ></simple-icon>\n            "])), this.icon, this.nocolourize) : (0, _index.html)(_templateObject3_dc3d0f001f0511ed8cc3e9a95995ad69 || (_templateObject3_dc3d0f001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))), !this.tag, this.tag);
+        return (0, _index.html)(_templateObject_b294fc001f2611eda0c389891c227ec8 || (_templateObject_b294fc001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"container\">\n        ", "\n        <div class=\"tag\" ?hidden=", ">\n          <span class=\"tag-content\"\n            ><simple-icon icon=\"check-circle\"></simple-icon>", "</span\n          >\n        </div>\n        <div class=\"pullout\"><slot></slot></div>\n      </div>\n    "])), this.icon ? (0, _index.html)(_templateObject2_b294fc001f2611eda0c389891c227ec8 || (_templateObject2_b294fc001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon\n                icon=\"", "\"\n                ?no-colorize=", "\n              ></simple-icon>\n            "])), this.icon, this.nocolourize) : (0, _index.html)(_templateObject3_b294fc001f2611eda0c389891c227ec8 || (_templateObject3_b294fc001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))), !this.tag, this.tag);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject4_dc3d0f001f0511ed8cc3e9a95995ad69 || (_templateObject4_dc3d0f001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .container {\n          background: #54539c;\n          background: -moz-linear-gradient(-45deg, #54539c 0%, #379ad2 99%);\n          background: -webkit-linear-gradient(-45deg, #54539c 0%, #379ad2 99%);\n          background: linear-gradient(135deg, #54539c 0%, #379ad2 99%);\n          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54539c', endColorstr='#379ad2',GradientType=1 );\n          padding: var(--activity-box-container-padding, 7px);\n          padding-top: var(--activity-box-container-padding-top, 14px);\n          margin-bottom: var(--activity-box-container-margin-bottom, 20px);\n          position: relative;\n          min-height: 60px;\n        }\n        simple-icon {\n          --simple-icon-height: 80px;\n          --simple-icon-width: 80px;\n          --simple-icon-color: white;\n          float: left;\n          position: absolute;\n          top: 0px;\n          left: var(--activity-box-icon-left, 0px);\n        }\n        .tag {\n          padding: var(--activity-box-content-padding, 0px 0px 0px 85px);\n        }\n        .tag > span {\n          background-color: #fff;\n          color: var(--elmsln-system-color-dark);\n          padding: 3px 10px;\n          line-height: 10px;\n          font-weight: var(--activity-box-tag-font-weight, bold);\n          font-size: var(--activity-box-tag-font-size, 16px);\n        }\n        .tag > span > simple-icon {\n          display: inline;\n          left: 0px !important;\n          --simple-icon-height: 23px;\n          --simple-icon-width: 23px;\n          --simple-icon-color: var(--elmsln-system-color-dark);\n          display: inline;\n          position: inherit;\n          float: none;\n          line-height: 17px;\n        }\n        .pullout {\n          padding-left: 48px;\n          color: white;\n          margin-top: 0;\n          font-family: var(--activity-box-content-font-family, inherit);\n          font-weight: 400;\n          margin-bottom: 10px;\n          font-size: 126%;\n          line-height: 28px;\n          padding: var(--activity-box-content-padding, 0px 0px 0px 85px);\n          margin-bottom: 13px !important;\n          max-width: 100%;\n        }\n        :host([icon=\"null\"]) .pullout,\n        :host([icon=\"null\"]) .tag,\n        :host([icon=\"\"]) .pullout,\n        :host([icon=\"\"]) .tag {\n          padding-left: 10px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_b294fc001f2611eda0c389891c227ec8 || (_templateObject4_b294fc001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .container {\n          background: #54539c;\n          background: -moz-linear-gradient(-45deg, #54539c 0%, #379ad2 99%);\n          background: -webkit-linear-gradient(-45deg, #54539c 0%, #379ad2 99%);\n          background: linear-gradient(135deg, #54539c 0%, #379ad2 99%);\n          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54539c', endColorstr='#379ad2',GradientType=1 );\n          padding: var(--activity-box-container-padding, 7px);\n          padding-top: var(--activity-box-container-padding-top, 14px);\n          margin-bottom: var(--activity-box-container-margin-bottom, 20px);\n          position: relative;\n          min-height: 60px;\n        }\n        simple-icon {\n          --simple-icon-height: 80px;\n          --simple-icon-width: 80px;\n          --simple-icon-color: white;\n          float: left;\n          position: absolute;\n          top: 0px;\n          left: var(--activity-box-icon-left, 0px);\n        }\n        .tag {\n          padding: var(--activity-box-content-padding, 0px 0px 0px 85px);\n        }\n        .tag > span {\n          background-color: #fff;\n          color: var(--elmsln-system-color-dark);\n          padding: 3px 10px;\n          line-height: 10px;\n          font-weight: var(--activity-box-tag-font-weight, bold);\n          font-size: var(--activity-box-tag-font-size, 16px);\n        }\n        .tag > span > simple-icon {\n          display: inline;\n          left: 0px !important;\n          --simple-icon-height: 23px;\n          --simple-icon-width: 23px;\n          --simple-icon-color: var(--elmsln-system-color-dark);\n          display: inline;\n          position: inherit;\n          float: none;\n          line-height: 17px;\n        }\n        .pullout {\n          padding-left: 48px;\n          color: white;\n          margin-top: 0;\n          font-family: var(--activity-box-content-font-family, inherit);\n          font-weight: 400;\n          margin-bottom: 10px;\n          font-size: 126%;\n          line-height: 28px;\n          padding: var(--activity-box-content-padding, 0px 0px 0px 85px);\n          margin-bottom: 13px !important;\n          max-width: 100%;\n        }\n        :host([icon=\"null\"]) .pullout,\n        :host([icon=\"null\"]) .tag,\n        :host([icon=\"\"]) .pullout,\n        :host([icon=\"\"]) .tag {\n          padding-left: 10px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/block-quote.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/block-quote.js
index 111178877f8..d744ec2b866 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/block-quote.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/block-quote.js
@@ -3,7 +3,7 @@ define(["meta", "../../../lit/index.js", "../../simple-icon/lib/simple-icons.js"
 
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_dc3f31e01f0511ed8cc3e9a95995ad69, _templateObject2_dc3f31e01f0511ed8cc3e9a95995ad69, _templateObject3_dc3f31e01f0511ed8cc3e9a95995ad69, _templateObject4_dc3f31e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b296d0c01f2611eda0c389891c227ec8, _templateObject2_b296d0c01f2611eda0c389891c227ec8, _templateObject3_b296d0c01f2611eda0c389891c227ec8, _templateObject4_b296d0c01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -32,7 +32,7 @@ define(["meta", "../../../lit/index.js", "../../simple-icon/lib/simple-icons.js"
     babelHelpers.createClass(BlockQuote, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc3f31e01f0511ed8cc3e9a95995ad69 || (_templateObject_dc3f31e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"wrap\">\n        ", "\n        <div id=\"quote_wrap\">\n          <div id=\"inner_wrap\">\n            <div id=\"quote\">\n              <simple-icon-lite\n                id=\"iconflip\"\n                icon=\"editor:format-quote\"\n              ></simple-icon-lite>\n              <div><slot></slot></div>\n              <div><slot name=\"quote\"></slot></div>\n              <simple-icon-lite icon=\"editor:format-quote\"></simple-icon-lite>\n            </div>\n            <div id=\"citation\">\n              ", "\n            </div>\n          </div>\n        </div>\n      </div>\n    "])), this.image ? (0, _index.html)(_templateObject2_dc3f31e01f0511ed8cc3e9a95995ad69 || (_templateObject2_dc3f31e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <div\n                id=\"image\"\n                style=\"background-image:url(", ");\"\n                alt=\"", "\"\n              ></div>\n            "])), this.image, this.alt) : "", this.citation ? (0, _index.html)(_templateObject3_dc3f31e01f0511ed8cc3e9a95995ad69 || (_templateObject3_dc3f31e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <p>-- ", "</p> "])), this.citation) : "");
+        return (0, _index.html)(_templateObject_b296d0c01f2611eda0c389891c227ec8 || (_templateObject_b296d0c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"wrap\">\n        ", "\n        <div id=\"quote_wrap\">\n          <div id=\"inner_wrap\">\n            <div id=\"quote\">\n              <simple-icon-lite\n                id=\"iconflip\"\n                icon=\"editor:format-quote\"\n              ></simple-icon-lite>\n              <div><slot></slot></div>\n              <div><slot name=\"quote\"></slot></div>\n              <simple-icon-lite icon=\"editor:format-quote\"></simple-icon-lite>\n            </div>\n            <div id=\"citation\">\n              ", "\n            </div>\n          </div>\n        </div>\n      </div>\n    "])), this.image ? (0, _index.html)(_templateObject2_b296d0c01f2611eda0c389891c227ec8 || (_templateObject2_b296d0c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <div\n                id=\"image\"\n                style=\"background-image:url(", ");\"\n                alt=\"", "\"\n              ></div>\n            "])), this.image, this.alt) : "", this.citation ? (0, _index.html)(_templateObject3_b296d0c01f2611eda0c389891c227ec8 || (_templateObject3_b296d0c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <p>-- ", "</p> "])), this.citation) : "");
       }
     }], [{
       key: "properties",
@@ -62,7 +62,7 @@ define(["meta", "../../../lit/index.js", "../../simple-icon/lib/simple-icons.js"
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject4_dc3f31e01f0511ed8cc3e9a95995ad69 || (_templateObject4_dc3f31e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        #wrap {\n          display: flex;\n          background-color: var(--block-quote-background-color, #f5f5f5);\n          border-left: solid;\n          border-left-width: 8px;\n          border-left-color: var(--block-quote-border-color, #747474);\n          padding: 25px;\n        }\n\n        @media screen and (max-width: 1200px) {\n          #wrap {\n            flex-direction: column;\n            border: none;\n          }\n        }\n\n        #inner_wrap {\n          display: flex;\n          flex-direction: column;\n          flex: 1 1 auto;\n          padding: 20px 20px 0;\n        }\n\n        #quote {\n          font-style: italic;\n          line-height: 1.4;\n        }\n\n        #iconflip {\n          -moz-transform: scaleX(-1);\n          -o-transform: scaleX(-1);\n          -webkit-transform: scaleX(-1);\n          transform: scaleX(-1);\n          filter: FlipH;\n          -ms-filter: \"FlipH\";\n        }\n\n        simple-icon-lite {\n          color: #747474;\n          height: 30px;\n          width: 30px;\n        }\n\n        #image {\n          background-repeat: no-repeat;\n          background-size: cover;\n          background-position: center;\n          width: 100%;\n          max-width: var(--block-quote-image-max-width, 200px);\n          height: auto;\n        }\n\n        @media screen and (max-width: 1200px) {\n          #image {\n            height: 200px;\n            margin: 0 auto 0;\n            border: solid;\n            border-width: 6px;\n            border-color: var(--block-quote-border-color, #747474);\n            border-radius: 50%;\n          }\n        }\n\n        #citation {\n          font-size: 16px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_b296d0c01f2611eda0c389891c227ec8 || (_templateObject4_b296d0c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        #wrap {\n          display: flex;\n          background-color: var(--block-quote-background-color, #f5f5f5);\n          border-left: solid;\n          border-left-width: 8px;\n          border-left-color: var(--block-quote-border-color, #747474);\n          padding: 25px;\n        }\n\n        @media screen and (max-width: 1200px) {\n          #wrap {\n            flex-direction: column;\n            border: none;\n          }\n        }\n\n        #inner_wrap {\n          display: flex;\n          flex-direction: column;\n          flex: 1 1 auto;\n          padding: 20px 20px 0;\n        }\n\n        #quote {\n          font-style: italic;\n          line-height: 1.4;\n        }\n\n        #iconflip {\n          -moz-transform: scaleX(-1);\n          -o-transform: scaleX(-1);\n          -webkit-transform: scaleX(-1);\n          transform: scaleX(-1);\n          filter: FlipH;\n          -ms-filter: \"FlipH\";\n        }\n\n        simple-icon-lite {\n          color: #747474;\n          height: 30px;\n          width: 30px;\n        }\n\n        #image {\n          background-repeat: no-repeat;\n          background-size: cover;\n          background-position: center;\n          width: 100%;\n          max-width: var(--block-quote-image-max-width, 200px);\n          height: auto;\n        }\n\n        @media screen and (max-width: 1200px) {\n          #image {\n            height: 200px;\n            margin: 0 auto 0;\n            border: solid;\n            border-width: 6px;\n            border-color: var(--block-quote-border-color, #747474);\n            border-radius: 50%;\n          }\n        }\n\n        #citation {\n          font-size: 16px;\n        }\n      "])))];
       }
     }]);
     return BlockQuote;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-footer.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-footer.js
index 63ab01eb6f3..174a2e1c007 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-footer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-footer.js
@@ -1,7 +1,7 @@
 define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-store.js", "../../../mobx/dist/mobx.esm.js"], function (_index, _haxcmsSiteStore, _mobxEsm) {
   "use strict";
 
-  var _templateObject_dc412db01f0511ed8cc3e9a95995ad69, _templateObject2_dc412db01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b29968d01f2611eda0c389891c227ec8, _templateObject2_b29968d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -46,7 +46,7 @@ define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-sto
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc412db01f0511ed8cc3e9a95995ad69 || (_templateObject_dc412db01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"footer-container\">\n        <div id=\"company-logo\">\n          <a href=\"", "\" target=\"_blank\">\n            <img src=\"", "\" />\n          </a>\n        </div>\n        <div id=\"organization-logo\">\n          <a href=\"", "\" target=\"_blank\">\n            <img src=\"", "\" />\n          </a>\n        </div>\n      </div>\n    "])), this.companyLink, this.company, this.organizationLink, this.organization);
+        return (0, _index.html)(_templateObject_b29968d01f2611eda0c389891c227ec8 || (_templateObject_b29968d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"footer-container\">\n        <div id=\"company-logo\">\n          <a href=\"", "\" target=\"_blank\">\n            <img src=\"", "\" />\n          </a>\n        </div>\n        <div id=\"organization-logo\">\n          <a href=\"", "\" target=\"_blank\">\n            <img src=\"", "\" />\n          </a>\n        </div>\n      </div>\n    "])), this.companyLink, this.company, this.organizationLink, this.organization);
       }
     }], [{
       key: "tag",
@@ -74,7 +74,7 @@ define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-sto
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dc412db01f0511ed8cc3e9a95995ad69 || (_templateObject2_dc412db01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        @media screen and (min-width: 320px) {\n          #footer-container {\n            min-height: 150px;\n            border-top: solid 3px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #footer-container {\n            min-height: 200px;\n            border-top: solid 4px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #footer-container {\n            min-height: 250px;\n            border-top: solid 5px;\n          }\n        }\n\n        #footer-container {\n          background-color: #000;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        @media screen and (min-width: 320px) {\n          #company-logo img {\n            height: 70px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #company-logo img {\n            height: 80px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #company-logo img {\n            height: 100px;\n          }\n        }\n\n        @media screen and (min-width: 1120px) {\n          #company-logo img {\n            height: 120px;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          #organization-logo img {\n            height: 70px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #organization-logo img {\n            height: 80px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #organization-logo img {\n            height: 100px;\n          }\n        }\n\n        @media screen and (min-width: 1120px) {\n          #organization-logo img {\n            height: 120px;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b29968d01f2611eda0c389891c227ec8 || (_templateObject2_b29968d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        @media screen and (min-width: 320px) {\n          #footer-container {\n            min-height: 150px;\n            border-top: solid 3px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #footer-container {\n            min-height: 200px;\n            border-top: solid 4px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #footer-container {\n            min-height: 250px;\n            border-top: solid 5px;\n          }\n        }\n\n        #footer-container {\n          background-color: #000;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        @media screen and (min-width: 320px) {\n          #company-logo img {\n            height: 70px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #company-logo img {\n            height: 80px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #company-logo img {\n            height: 100px;\n          }\n        }\n\n        @media screen and (min-width: 1120px) {\n          #company-logo img {\n            height: 120px;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          #organization-logo img {\n            height: 70px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #organization-logo img {\n            height: 80px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #organization-logo img {\n            height: 100px;\n          }\n        }\n\n        @media screen and (min-width: 1120px) {\n          #organization-logo img {\n            height: 120px;\n          }\n        }\n      "])))];
       }
     }]);
     return CourseIntroFooter;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-header.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-header.js
index 4fa64dfea3c..7ed957d6068 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-header.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-header.js
@@ -1,7 +1,7 @@
 define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-store.js", "../../simple-icon/simple-icon.js", "../../simple-icon/lib/simple-icons.js", "../../simple-icon/lib/simple-icon-button.js", "../../../mobx/dist/mobx.esm.js"], function (_index, _haxcmsSiteStore, _simpleIcon, _simpleIcons, _simpleIconButton, _mobxEsm) {
   "use strict";
 
-  var _templateObject_dc4413e01f0511ed8cc3e9a95995ad69, _templateObject2_dc4413e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b29bb2c01f2611eda0c389891c227ec8, _templateObject2_b29bb2c01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -45,7 +45,7 @@ define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-sto
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc4413e01f0511ed8cc3e9a95995ad69 || (_templateObject_dc4413e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"header-container\">\n        <div id=\"header\">\n          <div id=\"header-shield\">\n            <a href=\"https://www.psu.edu\" target=\"_blank\">\n              <svg\n                id=\"psu-logo\"\n                name=\"Penn State Logo Blue\"\n                viewBox=\"0 0 90 90\"\n              >\n                <defs>\n                  <style>\n                    .b7fa77f5-1930-4db8-8b8c-83ec9083c90c {\n                      fill: #fff;\n                    }\n                    .abbe09ff-d9b5-4fdb-805a-9f82ce1b20d2 {\n                      fill: #1e407c;\n                    }\n                    .afd38d5d-29d0-4cce-8d23-74da5499bd69 {\n                      fill: #96bee6;\n                    }\n                  </style>\n                </defs>\n                <path\n                  class=\"b7fa77f5-1930-4db8-8b8c-83ec9083c90c\"\n                  d=\"M41.47,86.16C24.24,75.92,2.51,61,2.51,34.72V7c8-3,20.23-6.77,39-6.77,19,0,32,4.09,39,6.77V34.72C80.43,61.24,57.86,76.53,41.47,86.16Z\"\n                />\n                <path\n                  class=\"abbe09ff-d9b5-4fdb-805a-9f82ce1b20d2\"\n                  d=\"M53.19,50.2c0-.59.49-1.5.49-2.32,0-1-1.19-1.28-2.12-1.41-2-.27-2.6-.18-2.6-.61s.26-.61.62-1.12A3.81,3.81,0,0,1,52,43.61a21.48,21.48,0,0,1,3-.23,16.47,16.47,0,0,1,2.91.28c1.2.21,1.38.71,1.38,1.27v.56c0,.56-.46.85-1.29,1l-.64.13c-.61.13-1.35.25-1.62,1-.57,1.64-1.56,2.92-2.29,2.89A.31.31,0,0,1,53.19,50.2Zm1.72-26.38c-.07,0-.32-.13-.32-.38s.21-.59.63-1.15c1-1.31,2.32-2.92,2.81-2.92.24,0,.39.17.68.73A3.23,3.23,0,0,1,59,21.52a7.27,7.27,0,0,1-1.53,4.34A12.35,12.35,0,0,0,54.91,23.82ZM26.29,27.06c.44,0,.77-.29,1.43-1,1.48-1.63,2.91-1.85,2.91-2.55a2,2,0,0,0-.41-.95A63.57,63.57,0,0,1,27,17c-.34-.65-.78-1.1-1.12-1.1-.55,0-1.12.64-1.46,1.19a5.16,5.16,0,0,0-.94,2.42,17.34,17.34,0,0,0,.79,4.77C24.84,25.74,25.61,27.06,26.29,27.06Zm17.79,5.7a3,3,0,0,0-3.15-2.51,3.87,3.87,0,0,0-3.49,2.39A3.63,3.63,0,0,0,40,34.85c.23.07.45.08.45.27s-.28.41-.89.41A4.38,4.38,0,0,1,36,34.07a13.05,13.05,0,0,1-1.8.29.79.79,0,0,1-.86-.9,2.65,2.65,0,0,1,.3-1.13c.12-.23.23-.47.32-.63a5.72,5.72,0,0,1,2.52-2.9l1-.6a5.08,5.08,0,0,1,2.94-.73h.87A3.87,3.87,0,0,1,44,28.4c1.27,1.07,2,1.65,2,2.45a3.5,3.5,0,0,1-.75,2.49,3.14,3.14,0,0,1-2.07,1.33c-.16,0-.21-.09-.21-.18s.14-.18.28-.3A3.33,3.33,0,0,0,44.08,32.76Zm8.55,27.31a15.12,15.12,0,0,1-3.9.25c-4.42,0-5.17-1.09-5.17-2,0-1.44,6.34-2.45,8.84-2.45s3.45.77,3.45,1.35S54.77,59.56,52.63,60.07ZM27.13,73a139.9,139.9,0,0,0,14.34,9.64h0c.05-4.33-.09-6.88,2.84-10,1.19-1.24,2.41-2.51,3.52-3.65.83-.87,1.5-1.51,1.9-1.51s.4.15.4.53a8.86,8.86,0,0,0,1.06,3.5,4.38,4.38,0,0,0,3.23,2.51C67,64.64,77.48,52.27,77.48,34.66V9c-3.1-1-15.82-5.93-36-5.93S8.56,8,5.46,9V34.66A40.71,40.71,0,0,0,10.83,55c.34-3.57,2.75-5.25,2.75-8.76,0-2.44-.7-4-.7-6,0-3.69,5-11.3,7.59-14.4.07-.09.24-.31.45-.31a.54.54,0,0,1,.44.3c.26.41.38.62.66.62s.39-.16.39-.41a21.69,21.69,0,0,1-.74-5.92c0-2.94.68-3.56,2.51-5.35a4,4,0,0,1,2.33-1.31,3.08,3.08,0,0,1,2.29,1.32c1.13,1.15,2.7,3.18,3,3.5a.32.32,0,0,0,.29.18c.52,0,1-.16,3.22-.16,4.13,0,10.34.65,13.53,1.69a23.9,23.9,0,0,0,2.42.91c.22,0,.23-.14.23-.25s-.43-.54-.43-.82a.5.5,0,0,1,.3-.41c2.39-1.28,4.42-2.25,6.28-2.25,1.08,0,1.62.94,2.07,1.87a6.22,6.22,0,0,1,.74,2.69,8.22,8.22,0,0,1-1.73,5.13c.36.38.89.95,1.2,1.33a4.29,4.29,0,0,1,1.25,2.47,8.83,8.83,0,0,1-.31,1.51c0,.22-.24.67-.62.66s-.44-.39-.45-.72a2.24,2.24,0,0,1,0-.26,3.86,3.86,0,0,0-3.26-3.76h-.31a3.31,3.31,0,0,0-2.55,1,2.45,2.45,0,0,0-.78,1.79,5,5,0,0,0,.7,1.78c.24.47.85,1.61,1.19,2.19a1.18,1.18,0,0,0,1.08.69c1,0,1.92-.14,1.92-.45,0-.09-.05-.16-.19-.16l-.32,0c-1.34,0-2.06-1.71-2.73-3.25a2.84,2.84,0,0,1,2.14-1,2,2,0,0,1,2.21,2.06,3.2,3.2,0,0,1-.28,1.28.66.66,0,0,0-.08.24c0,.18.23.22.59.3l.53.13a1.61,1.61,0,0,1,1,.93c.11.32.38,1,.44,1.21a8.41,8.41,0,0,1,.58,2.78,8,8,0,0,1-.4,2.71,15.77,15.77,0,0,0-.67,2.94,2.51,2.51,0,0,1,.22.49,5.72,5.72,0,0,1,.53,2.33v.79A6,6,0,0,1,60,52.52c-.51.69-1.24,1.67-1.67,2.21a1.39,1.39,0,0,1-1,.56,2.89,2.89,0,0,1-.66-.12l-1-.26a2.12,2.12,0,0,1-1.52-1.6l-.22-.56c-.22-.55-.34-.91-.68-.91s-.5.17-.75.55a4.13,4.13,0,0,1-3,2.23l-2.3.51a21.4,21.4,0,0,1-3.58.65,4.54,4.54,0,0,1-.63,0c-1.3-.18-2.22-.26-3.83-2.19-2.22-2.65-2-3-2.13-6.6,0-.4-.14-.9-.56-.9s-.53.76-.67,1.84c-.16,1.26-.45,2.57-1.07,2.57a4.17,4.17,0,0,1-1.39-.28c-.81-.27-2.82-1-3.87-1.29-1.44-.48-2.82-.86-3.37-2.13-.27-.6-.75-1.72-1-2.3-.17-.41-.3-.62-.57-.62s-.47.45-.51.81-.15,1.35-.2,1.93a8.09,8.09,0,0,1-1.77,4.94c-.48.64-.94,1.29-1.48,2a8.37,8.37,0,0,0-1.73,5.8c0,.18,0,1.24,0,1.73C18.94,65.27,20,67.35,27.13,73Z\"\n                />\n                <path\n                  class=\"afd38d5d-29d0-4cce-8d23-74da5499bd69\"\n                  d=\"M60.6,35.67h0c.11.32.38,1,.44,1.21a8.41,8.41,0,0,1,.58,2.78,8,8,0,0,1-.4,2.71,15.77,15.77,0,0,0-.67,2.94c-.11-.24-2.28-4-2.44-4.28a1.91,1.91,0,0,1-.31-1c0-.38.17-.61.63-.9l.88-.51a2.12,2.12,0,0,0,1.38-2A6.48,6.48,0,0,0,60.6,35.67Zm-9.44,6a2.58,2.58,0,0,1,.22.88,1.24,1.24,0,0,1-.45,1.06l-.58.52a2.09,2.09,0,0,0-.77.63c-.36.51-.62.82-.62,1.12a.24.24,0,0,0,.1.21,1.52,1.52,0,0,1-.6-1.24c0-.4.13-.6.13-1a2.59,2.59,0,0,0-.15-.8c-.6-2-1.61-4.4-2.23-6s-1.14-2.56-1.85-2.56c-.4,0-.76.2-1.18.2a3.14,3.14,0,0,0,2.07-1.33A3.5,3.5,0,0,0,46,30.85a1.62,1.62,0,0,0-.45-1.06,12.13,12.13,0,0,1,2.11,3.42C49,36.07,50.18,39.2,51.16,41.65ZM18.84,61.05c0-.49,0-1.55,0-1.73a8.37,8.37,0,0,1,1.73-5.8c.54-.71,1-1.36,1.48-2a8.09,8.09,0,0,0,1.77-4.94c.05-.58.15-1.52.2-1.93s.13-.81.51-.81.4.21.57.62c.24.58.72,1.7,1,2.3.55,1.27,1.93,1.65,3.37,2.13,1.05.34,3.06,1,3.87,1.29a4.17,4.17,0,0,0,1.39.28c.62,0,.91-1.31,1.07-2.57.14-1.08.3-1.84.67-1.84s.55.5.56.9c.14,3.58-.09,3.95,2.13,6.6,1.61,1.93,2.53,2,3.83,2.19a1.77,1.77,0,0,1-1.1-1.87V52.59a4.88,4.88,0,0,1,.39-2c.15-.35.33-1,.49-1.36a2.21,2.21,0,0,0,.15-1.29,7.41,7.41,0,0,0-.55-2.14c-.2-.6-.46-1.47-.72-2.19-.81-2.25-1.13-2.77-3.81-3.13-.86-.11-4.63-.65-5.42-.76-3-.43-5.37-.57-6.59-2.59-1.47-2.41-1.32-5.34-2.73-5.34-.67,0-1,.74-1,1.83s.43,3,.43,6.23c0,2.79-.26,3.57-1.89,5.63-.42.53-1,1.31-1.35,1.77-1.21,1.52-1.75,2.37-1.67,4.14A59.54,59.54,0,0,0,18.84,61.05Zm30.7,10.77c.1-1.12.59-3,.59-3.74h0c0-.38-.12-.53-.4-.53s-1.07.64-1.9,1.51c-1.11,1.14-2.33,2.41-3.52,3.65-2.93,3.07-2.79,5.62-2.84,10h0c3.26-2,6.24-3.85,8.45-5.36A17.1,17.1,0,0,1,49.54,71.82Z\"\n                />\n              </svg>\n            </a>\n          </div>\n        </div>\n        <div id=\"header-icon\">\n          <simple-icon id=\"course-icon\" icon=\"", "\"></simple-icon>\n        </div>\n\n        <div id=\"info\">\n          <h1 id=\"title\">", "</h1>\n          <h2 id=\"sub-heading\">", "</h2>\n          <h3 id=\"lesson\">Lesson Plan</h3>\n        </div>\n      </div>\n    "])), this.icon, this.title, this.description);
+        return (0, _index.html)(_templateObject_b29bb2c01f2611eda0c389891c227ec8 || (_templateObject_b29bb2c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"header-container\">\n        <div id=\"header\">\n          <div id=\"header-shield\">\n            <a href=\"https://www.psu.edu\" target=\"_blank\">\n              <svg\n                id=\"psu-logo\"\n                name=\"Penn State Logo Blue\"\n                viewBox=\"0 0 90 90\"\n              >\n                <defs>\n                  <style>\n                    .b7fa77f5-1930-4db8-8b8c-83ec9083c90c {\n                      fill: #fff;\n                    }\n                    .abbe09ff-d9b5-4fdb-805a-9f82ce1b20d2 {\n                      fill: #1e407c;\n                    }\n                    .afd38d5d-29d0-4cce-8d23-74da5499bd69 {\n                      fill: #96bee6;\n                    }\n                  </style>\n                </defs>\n                <path\n                  class=\"b7fa77f5-1930-4db8-8b8c-83ec9083c90c\"\n                  d=\"M41.47,86.16C24.24,75.92,2.51,61,2.51,34.72V7c8-3,20.23-6.77,39-6.77,19,0,32,4.09,39,6.77V34.72C80.43,61.24,57.86,76.53,41.47,86.16Z\"\n                />\n                <path\n                  class=\"abbe09ff-d9b5-4fdb-805a-9f82ce1b20d2\"\n                  d=\"M53.19,50.2c0-.59.49-1.5.49-2.32,0-1-1.19-1.28-2.12-1.41-2-.27-2.6-.18-2.6-.61s.26-.61.62-1.12A3.81,3.81,0,0,1,52,43.61a21.48,21.48,0,0,1,3-.23,16.47,16.47,0,0,1,2.91.28c1.2.21,1.38.71,1.38,1.27v.56c0,.56-.46.85-1.29,1l-.64.13c-.61.13-1.35.25-1.62,1-.57,1.64-1.56,2.92-2.29,2.89A.31.31,0,0,1,53.19,50.2Zm1.72-26.38c-.07,0-.32-.13-.32-.38s.21-.59.63-1.15c1-1.31,2.32-2.92,2.81-2.92.24,0,.39.17.68.73A3.23,3.23,0,0,1,59,21.52a7.27,7.27,0,0,1-1.53,4.34A12.35,12.35,0,0,0,54.91,23.82ZM26.29,27.06c.44,0,.77-.29,1.43-1,1.48-1.63,2.91-1.85,2.91-2.55a2,2,0,0,0-.41-.95A63.57,63.57,0,0,1,27,17c-.34-.65-.78-1.1-1.12-1.1-.55,0-1.12.64-1.46,1.19a5.16,5.16,0,0,0-.94,2.42,17.34,17.34,0,0,0,.79,4.77C24.84,25.74,25.61,27.06,26.29,27.06Zm17.79,5.7a3,3,0,0,0-3.15-2.51,3.87,3.87,0,0,0-3.49,2.39A3.63,3.63,0,0,0,40,34.85c.23.07.45.08.45.27s-.28.41-.89.41A4.38,4.38,0,0,1,36,34.07a13.05,13.05,0,0,1-1.8.29.79.79,0,0,1-.86-.9,2.65,2.65,0,0,1,.3-1.13c.12-.23.23-.47.32-.63a5.72,5.72,0,0,1,2.52-2.9l1-.6a5.08,5.08,0,0,1,2.94-.73h.87A3.87,3.87,0,0,1,44,28.4c1.27,1.07,2,1.65,2,2.45a3.5,3.5,0,0,1-.75,2.49,3.14,3.14,0,0,1-2.07,1.33c-.16,0-.21-.09-.21-.18s.14-.18.28-.3A3.33,3.33,0,0,0,44.08,32.76Zm8.55,27.31a15.12,15.12,0,0,1-3.9.25c-4.42,0-5.17-1.09-5.17-2,0-1.44,6.34-2.45,8.84-2.45s3.45.77,3.45,1.35S54.77,59.56,52.63,60.07ZM27.13,73a139.9,139.9,0,0,0,14.34,9.64h0c.05-4.33-.09-6.88,2.84-10,1.19-1.24,2.41-2.51,3.52-3.65.83-.87,1.5-1.51,1.9-1.51s.4.15.4.53a8.86,8.86,0,0,0,1.06,3.5,4.38,4.38,0,0,0,3.23,2.51C67,64.64,77.48,52.27,77.48,34.66V9c-3.1-1-15.82-5.93-36-5.93S8.56,8,5.46,9V34.66A40.71,40.71,0,0,0,10.83,55c.34-3.57,2.75-5.25,2.75-8.76,0-2.44-.7-4-.7-6,0-3.69,5-11.3,7.59-14.4.07-.09.24-.31.45-.31a.54.54,0,0,1,.44.3c.26.41.38.62.66.62s.39-.16.39-.41a21.69,21.69,0,0,1-.74-5.92c0-2.94.68-3.56,2.51-5.35a4,4,0,0,1,2.33-1.31,3.08,3.08,0,0,1,2.29,1.32c1.13,1.15,2.7,3.18,3,3.5a.32.32,0,0,0,.29.18c.52,0,1-.16,3.22-.16,4.13,0,10.34.65,13.53,1.69a23.9,23.9,0,0,0,2.42.91c.22,0,.23-.14.23-.25s-.43-.54-.43-.82a.5.5,0,0,1,.3-.41c2.39-1.28,4.42-2.25,6.28-2.25,1.08,0,1.62.94,2.07,1.87a6.22,6.22,0,0,1,.74,2.69,8.22,8.22,0,0,1-1.73,5.13c.36.38.89.95,1.2,1.33a4.29,4.29,0,0,1,1.25,2.47,8.83,8.83,0,0,1-.31,1.51c0,.22-.24.67-.62.66s-.44-.39-.45-.72a2.24,2.24,0,0,1,0-.26,3.86,3.86,0,0,0-3.26-3.76h-.31a3.31,3.31,0,0,0-2.55,1,2.45,2.45,0,0,0-.78,1.79,5,5,0,0,0,.7,1.78c.24.47.85,1.61,1.19,2.19a1.18,1.18,0,0,0,1.08.69c1,0,1.92-.14,1.92-.45,0-.09-.05-.16-.19-.16l-.32,0c-1.34,0-2.06-1.71-2.73-3.25a2.84,2.84,0,0,1,2.14-1,2,2,0,0,1,2.21,2.06,3.2,3.2,0,0,1-.28,1.28.66.66,0,0,0-.08.24c0,.18.23.22.59.3l.53.13a1.61,1.61,0,0,1,1,.93c.11.32.38,1,.44,1.21a8.41,8.41,0,0,1,.58,2.78,8,8,0,0,1-.4,2.71,15.77,15.77,0,0,0-.67,2.94,2.51,2.51,0,0,1,.22.49,5.72,5.72,0,0,1,.53,2.33v.79A6,6,0,0,1,60,52.52c-.51.69-1.24,1.67-1.67,2.21a1.39,1.39,0,0,1-1,.56,2.89,2.89,0,0,1-.66-.12l-1-.26a2.12,2.12,0,0,1-1.52-1.6l-.22-.56c-.22-.55-.34-.91-.68-.91s-.5.17-.75.55a4.13,4.13,0,0,1-3,2.23l-2.3.51a21.4,21.4,0,0,1-3.58.65,4.54,4.54,0,0,1-.63,0c-1.3-.18-2.22-.26-3.83-2.19-2.22-2.65-2-3-2.13-6.6,0-.4-.14-.9-.56-.9s-.53.76-.67,1.84c-.16,1.26-.45,2.57-1.07,2.57a4.17,4.17,0,0,1-1.39-.28c-.81-.27-2.82-1-3.87-1.29-1.44-.48-2.82-.86-3.37-2.13-.27-.6-.75-1.72-1-2.3-.17-.41-.3-.62-.57-.62s-.47.45-.51.81-.15,1.35-.2,1.93a8.09,8.09,0,0,1-1.77,4.94c-.48.64-.94,1.29-1.48,2a8.37,8.37,0,0,0-1.73,5.8c0,.18,0,1.24,0,1.73C18.94,65.27,20,67.35,27.13,73Z\"\n                />\n                <path\n                  class=\"afd38d5d-29d0-4cce-8d23-74da5499bd69\"\n                  d=\"M60.6,35.67h0c.11.32.38,1,.44,1.21a8.41,8.41,0,0,1,.58,2.78,8,8,0,0,1-.4,2.71,15.77,15.77,0,0,0-.67,2.94c-.11-.24-2.28-4-2.44-4.28a1.91,1.91,0,0,1-.31-1c0-.38.17-.61.63-.9l.88-.51a2.12,2.12,0,0,0,1.38-2A6.48,6.48,0,0,0,60.6,35.67Zm-9.44,6a2.58,2.58,0,0,1,.22.88,1.24,1.24,0,0,1-.45,1.06l-.58.52a2.09,2.09,0,0,0-.77.63c-.36.51-.62.82-.62,1.12a.24.24,0,0,0,.1.21,1.52,1.52,0,0,1-.6-1.24c0-.4.13-.6.13-1a2.59,2.59,0,0,0-.15-.8c-.6-2-1.61-4.4-2.23-6s-1.14-2.56-1.85-2.56c-.4,0-.76.2-1.18.2a3.14,3.14,0,0,0,2.07-1.33A3.5,3.5,0,0,0,46,30.85a1.62,1.62,0,0,0-.45-1.06,12.13,12.13,0,0,1,2.11,3.42C49,36.07,50.18,39.2,51.16,41.65ZM18.84,61.05c0-.49,0-1.55,0-1.73a8.37,8.37,0,0,1,1.73-5.8c.54-.71,1-1.36,1.48-2a8.09,8.09,0,0,0,1.77-4.94c.05-.58.15-1.52.2-1.93s.13-.81.51-.81.4.21.57.62c.24.58.72,1.7,1,2.3.55,1.27,1.93,1.65,3.37,2.13,1.05.34,3.06,1,3.87,1.29a4.17,4.17,0,0,0,1.39.28c.62,0,.91-1.31,1.07-2.57.14-1.08.3-1.84.67-1.84s.55.5.56.9c.14,3.58-.09,3.95,2.13,6.6,1.61,1.93,2.53,2,3.83,2.19a1.77,1.77,0,0,1-1.1-1.87V52.59a4.88,4.88,0,0,1,.39-2c.15-.35.33-1,.49-1.36a2.21,2.21,0,0,0,.15-1.29,7.41,7.41,0,0,0-.55-2.14c-.2-.6-.46-1.47-.72-2.19-.81-2.25-1.13-2.77-3.81-3.13-.86-.11-4.63-.65-5.42-.76-3-.43-5.37-.57-6.59-2.59-1.47-2.41-1.32-5.34-2.73-5.34-.67,0-1,.74-1,1.83s.43,3,.43,6.23c0,2.79-.26,3.57-1.89,5.63-.42.53-1,1.31-1.35,1.77-1.21,1.52-1.75,2.37-1.67,4.14A59.54,59.54,0,0,0,18.84,61.05Zm30.7,10.77c.1-1.12.59-3,.59-3.74h0c0-.38-.12-.53-.4-.53s-1.07.64-1.9,1.51c-1.11,1.14-2.33,2.41-3.52,3.65-2.93,3.07-2.79,5.62-2.84,10h0c3.26-2,6.24-3.85,8.45-5.36A17.1,17.1,0,0,1,49.54,71.82Z\"\n                />\n              </svg>\n            </a>\n          </div>\n        </div>\n        <div id=\"header-icon\">\n          <simple-icon id=\"course-icon\" icon=\"", "\"></simple-icon>\n        </div>\n\n        <div id=\"info\">\n          <h1 id=\"title\">", "</h1>\n          <h2 id=\"sub-heading\">", "</h2>\n          <h3 id=\"lesson\">Lesson Plan</h3>\n        </div>\n      </div>\n    "])), this.icon, this.title, this.description);
       }
     }], [{
       key: "properties",
@@ -65,7 +65,7 @@ define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-sto
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dc4413e01f0511ed8cc3e9a95995ad69 || (_templateObject2_dc4413e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        h1,\n        h2,\n        h3 {\n          margin: 0;\n          color: #fff;\n        }\n\n        @media screen and (min-width: 320px) {\n          h1 {\n            font-size: 2.5em;\n            font-weight: 300;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          h1 {\n            font-size: 3em;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          h1 {\n            font-size: 5em;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          h2 {\n            font-size: 1.5em;\n            font-weight: 300;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          h2 {\n            font-size: 2em;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          h2 {\n            font-size: 2.5em;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          h3 {\n            font-size: 1.2em;\n            font-weight: 300;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          h3 {\n            font-size: 1.5em;\n          }\n        }\n\n        #header-container {\n          display: flex;\n          flex-direction: column;\n          background-color: var(\n            --course-intro-header--header--background-color,\n            #1e1e1e\n          );\n        }\n\n        #header {\n          display: flex;\n          justify-content: center;\n          width: 100%;\n          background-image: var(\n            --course-intro-header--header--background-image\n          );\n          background-size: var(\n            --course-intro-header--header--background-size,\n            cover\n          );\n          background-repeat: var(\n            --course-intro-header--header--background-repeat,\n            no-repeat\n          );\n          background-position: var(\n            --course-intro-header--header--background-position,\n            top center\n          );\n          min-height: 28vw;\n        }\n\n        @media screen and (min-width: 320px) {\n          #header-icon {\n            background-color: #fff;\n            width: 100px;\n            height: 100px;\n            border-radius: 50%;\n            border: 6px solid\n              var(--course-intro-header--header--background-color, #1e1e1e);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            bottom: 64px;\n            margin-left: auto;\n            margin-right: auto;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          simple-icon#course-icon {\n            --simple-icon-width: 90px;\n            --simple-icon-height: 90px;\n            --simple-icon-color: var(\n              --course-intro-header--icon--color,\n              #1e1e1e\n            );\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #header-icon {\n            width: 140px;\n            height: 140px;\n            bottom: 86px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          simple-icon#course-icon {\n            --simple-icon-width: 110px;\n            --simple-icon-height: 110px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #header-icon {\n            width: 210px;\n            height: 210px;\n            border: 8px solid\n              var(--course-intro-header--icon--border-color, #1e1e1e);\n            bottom: 128px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          simple-icon#course-icon {\n            --simple-icon-width: 190px;\n            --simple-icon-height: 190px;\n          }\n        }\n\n        @media screen and (min-width: 1220px) {\n          #header-icon {\n            width: 250px;\n            height: 250px;\n            bottom: 150px;\n          }\n        }\n\n        @media screen and (min-width: 1220px) {\n          simple-icon#course-icon {\n            --simple-icon-width: 200px;\n            --simple-icon-height: 200px;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          #info {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 40px 0;\n            text-transform: uppercase;\n            font-family: Open Sans;\n            margin-top: -110px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #info {\n            margin-top: -130px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #info {\n            margin-top: -160px;\n          }\n        }\n\n        @media screen and (min-width: 1220px) {\n          #info {\n            margin-top: -190px;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          #sub-heading {\n            margin-top: -20px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #sub-heading {\n            margin-top: -30px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #sub-heading {\n            margin-top: -40px;\n          }\n        }\n\n        #lesson {\n          padding: 10px 0 0;\n          margin-bottom: -15px;\n        }\n\n        #header-shield {\n          width: 100%;\n        }\n\n        @media screen and (min-width: 320px) {\n          svg#psu-logo {\n            width: 45px;\n            height: 45px;\n            padding: 10px 0 0 10px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          svg#psu-logo {\n            width: 55px;\n            height: 55px;\n            padding: 12px 0 0 12px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          svg#psu-logo {\n            width: 80px;\n            height: 80px;\n            padding: 15px 0 0 15px;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b29bb2c01f2611eda0c389891c227ec8 || (_templateObject2_b29bb2c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        h1,\n        h2,\n        h3 {\n          margin: 0;\n          color: #fff;\n        }\n\n        @media screen and (min-width: 320px) {\n          h1 {\n            font-size: 2.5em;\n            font-weight: 300;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          h1 {\n            font-size: 3em;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          h1 {\n            font-size: 5em;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          h2 {\n            font-size: 1.5em;\n            font-weight: 300;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          h2 {\n            font-size: 2em;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          h2 {\n            font-size: 2.5em;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          h3 {\n            font-size: 1.2em;\n            font-weight: 300;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          h3 {\n            font-size: 1.5em;\n          }\n        }\n\n        #header-container {\n          display: flex;\n          flex-direction: column;\n          background-color: var(\n            --course-intro-header--header--background-color,\n            #1e1e1e\n          );\n        }\n\n        #header {\n          display: flex;\n          justify-content: center;\n          width: 100%;\n          background-image: var(\n            --course-intro-header--header--background-image\n          );\n          background-size: var(\n            --course-intro-header--header--background-size,\n            cover\n          );\n          background-repeat: var(\n            --course-intro-header--header--background-repeat,\n            no-repeat\n          );\n          background-position: var(\n            --course-intro-header--header--background-position,\n            top center\n          );\n          min-height: 28vw;\n        }\n\n        @media screen and (min-width: 320px) {\n          #header-icon {\n            background-color: #fff;\n            width: 100px;\n            height: 100px;\n            border-radius: 50%;\n            border: 6px solid\n              var(--course-intro-header--header--background-color, #1e1e1e);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            bottom: 64px;\n            margin-left: auto;\n            margin-right: auto;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          simple-icon#course-icon {\n            --simple-icon-width: 90px;\n            --simple-icon-height: 90px;\n            --simple-icon-color: var(\n              --course-intro-header--icon--color,\n              #1e1e1e\n            );\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #header-icon {\n            width: 140px;\n            height: 140px;\n            bottom: 86px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          simple-icon#course-icon {\n            --simple-icon-width: 110px;\n            --simple-icon-height: 110px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #header-icon {\n            width: 210px;\n            height: 210px;\n            border: 8px solid\n              var(--course-intro-header--icon--border-color, #1e1e1e);\n            bottom: 128px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          simple-icon#course-icon {\n            --simple-icon-width: 190px;\n            --simple-icon-height: 190px;\n          }\n        }\n\n        @media screen and (min-width: 1220px) {\n          #header-icon {\n            width: 250px;\n            height: 250px;\n            bottom: 150px;\n          }\n        }\n\n        @media screen and (min-width: 1220px) {\n          simple-icon#course-icon {\n            --simple-icon-width: 200px;\n            --simple-icon-height: 200px;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          #info {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 40px 0;\n            text-transform: uppercase;\n            font-family: Open Sans;\n            margin-top: -110px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #info {\n            margin-top: -130px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #info {\n            margin-top: -160px;\n          }\n        }\n\n        @media screen and (min-width: 1220px) {\n          #info {\n            margin-top: -190px;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          #sub-heading {\n            margin-top: -20px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #sub-heading {\n            margin-top: -30px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #sub-heading {\n            margin-top: -40px;\n          }\n        }\n\n        #lesson {\n          padding: 10px 0 0;\n          margin-bottom: -15px;\n        }\n\n        #header-shield {\n          width: 100%;\n        }\n\n        @media screen and (min-width: 320px) {\n          svg#psu-logo {\n            width: 45px;\n            height: 45px;\n            padding: 10px 0 0 10px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          svg#psu-logo {\n            width: 55px;\n            height: 55px;\n            padding: 12px 0 0 12px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          svg#psu-logo {\n            width: 80px;\n            height: 80px;\n            padding: 15px 0 0 15px;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-lesson-plan.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-lesson-plan.js
index 20c218e16d6..d74315247e0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-lesson-plan.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-lesson-plan.js
@@ -1,7 +1,7 @@
 define(["../../../lit/index.js"], function (_index) {
   "use strict";
 
-  var _templateObject_dc454c601f0511ed8cc3e9a95995ad69, _templateObject2_dc454c601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b29cc4301f2611eda0c389891c227ec8, _templateObject2_b29cc4301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -25,7 +25,7 @@ define(["../../../lit/index.js"], function (_index) {
     babelHelpers.createClass(CourseIntroLessonPlan, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc454c601f0511ed8cc3e9a95995ad69 || (_templateObject_dc454c601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a id=\"container\" href=\"", "\">\n        <div id=\"title\">", "</div>\n      </a>\n    "])), this.link, this.title);
+        return (0, _index.html)(_templateObject_b29cc4301f2611eda0c389891c227ec8 || (_templateObject_b29cc4301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a id=\"container\" href=\"", "\">\n        <div id=\"title\">", "</div>\n      </a>\n    "])), this.link, this.title);
       }
     }], [{
       key: "properties",
@@ -42,7 +42,7 @@ define(["../../../lit/index.js"], function (_index) {
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dc454c601f0511ed8cc3e9a95995ad69 || (_templateObject2_dc454c601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        a {\n          color: inherit;\n          text-decoration: inherit;\n        }\n\n        a:hover {\n          background-color: #f5f5f5;\n        }\n\n        #container {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n          text-align: center;\n          font-weight: 100;\n          cursor: pointer;\n          font-family: \"Lato\";\n        }\n\n        @media screen and (min-width: 320px) {\n          #container {\n            min-height: 40px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #container {\n            min-height: 60px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #container {\n            min-height: 80px;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          #title {\n            font-size: 20px;\n            color: rgb(77, 87, 104);\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #title {\n            font-size: 24px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #title {\n            font-size: 26px;\n          }\n        }\n\n        @media screen and (min-width: 1220px) {\n          #title {\n            font-size: 28px;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b29cc4301f2611eda0c389891c227ec8 || (_templateObject2_b29cc4301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        a {\n          color: inherit;\n          text-decoration: inherit;\n        }\n\n        a:hover {\n          background-color: #f5f5f5;\n        }\n\n        #container {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n          text-align: center;\n          font-weight: 100;\n          cursor: pointer;\n          font-family: \"Lato\";\n        }\n\n        @media screen and (min-width: 320px) {\n          #container {\n            min-height: 40px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #container {\n            min-height: 60px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #container {\n            min-height: 80px;\n          }\n        }\n\n        @media screen and (min-width: 320px) {\n          #title {\n            font-size: 20px;\n            color: rgb(77, 87, 104);\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #title {\n            font-size: 24px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #title {\n            font-size: 26px;\n          }\n        }\n\n        @media screen and (min-width: 1220px) {\n          #title {\n            font-size: 28px;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-lesson-plans.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-lesson-plans.js
index ba4d5c25673..f0834ff3444 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-lesson-plans.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro-lesson-plans.js
@@ -1,7 +1,7 @@
 define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-store.js", "../../../mobx/dist/mobx.esm.js", "./course-intro-lesson-plan.js"], function (_index, _haxcmsSiteStore, _mobxEsm, _courseIntroLessonPlan) {
   "use strict";
 
-  var _templateObject_dc46fa101f0511ed8cc3e9a95995ad69, _templateObject2_dc46fa101f0511ed8cc3e9a95995ad69, _templateObject3_dc46fa101f0511ed8cc3e9a95995ad69;
+  var _templateObject_b29e4ad01f2611eda0c389891c227ec8, _templateObject2_b29e4ad01f2611eda0c389891c227ec8, _templateObject3_b29e4ad01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -37,8 +37,8 @@ define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-sto
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc46fa101f0511ed8cc3e9a95995ad69 || (_templateObject_dc46fa101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"plans-container\">\n        ", "\n      </div>\n    "])), this.items.map(function (plan) {
-          return (0, _index.html)(_templateObject2_dc46fa101f0511ed8cc3e9a95995ad69 || (_templateObject2_dc46fa101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<course-intro-lesson-plan\n              title=\"", "\"\n              link=", "\n            ></course-intro-lesson-plan>"])), plan.title, plan.slug);
+        return (0, _index.html)(_templateObject_b29e4ad01f2611eda0c389891c227ec8 || (_templateObject_b29e4ad01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"plans-container\">\n        ", "\n      </div>\n    "])), this.items.map(function (plan) {
+          return (0, _index.html)(_templateObject2_b29e4ad01f2611eda0c389891c227ec8 || (_templateObject2_b29e4ad01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<course-intro-lesson-plan\n              title=\"", "\"\n              link=", "\n            ></course-intro-lesson-plan>"])), plan.title, plan.slug);
         }));
       }
     }], [{
@@ -53,7 +53,7 @@ define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-sto
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_dc46fa101f0511ed8cc3e9a95995ad69 || (_templateObject3_dc46fa101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: var(\n            --course-intro-header--header--background-color,\n            #1e1e1e\n          );\n          padding-bottom: 40px;\n          min-height: 60vh;\n        }\n\n        @media screen and (min-width: 320px) {\n          #plans-container {\n            background: white;\n            margin: 0 auto;\n            max-width: 400px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #plans-container {\n            max-width: 500px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #plans-container {\n            max-width: 700px;\n          }\n        }\n\n        @media screen and (min-width: 1220px) {\n          #plans-container {\n            max-width: 900px;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_b29e4ad01f2611eda0c389891c227ec8 || (_templateObject3_b29e4ad01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: var(\n            --course-intro-header--header--background-color,\n            #1e1e1e\n          );\n          padding-bottom: 40px;\n          min-height: 60vh;\n        }\n\n        @media screen and (min-width: 320px) {\n          #plans-container {\n            background: white;\n            margin: 0 auto;\n            max-width: 400px;\n          }\n        }\n\n        @media screen and (min-width: 620px) {\n          #plans-container {\n            max-width: 500px;\n          }\n        }\n\n        @media screen and (min-width: 920px) {\n          #plans-container {\n            max-width: 700px;\n          }\n        }\n\n        @media screen and (min-width: 1220px) {\n          #plans-container {\n            max-width: 900px;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro.js
index 18d3c6710ab..5b0b95ebe55 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/course-intro.js
@@ -1,7 +1,7 @@
 define(["../../../lit/index.js", "./course-intro-header.js", "./course-intro-lesson-plans.js", "./course-intro-footer.js"], function (_index, _courseIntroHeader, _courseIntroLessonPlans, _courseIntroFooter) {
   "use strict";
 
-  var _templateObject_dc4832901f0511ed8cc3e9a95995ad69, _templateObject2_dc4832901f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2a01f901f2611eda0c389891c227ec8, _templateObject2_b2a01f901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -28,7 +28,7 @@ define(["../../../lit/index.js", "./course-intro-header.js", "./course-intro-les
     babelHelpers.createClass(CourseIntro, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc4832901f0511ed8cc3e9a95995ad69 || (_templateObject_dc4832901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <course-intro-header></course-intro-header>\n      <course-intro-lesson-plans></course-intro-lesson-plans>\n      <course-intro-footer></course-intro-footer>\n    "])));
+        return (0, _index.html)(_templateObject_b2a01f901f2611eda0c389891c227ec8 || (_templateObject_b2a01f901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <course-intro-header></course-intro-header>\n      <course-intro-lesson-plans></course-intro-lesson-plans>\n      <course-intro-footer></course-intro-footer>\n    "])));
       }
     }], [{
       key: "tag",
@@ -38,7 +38,7 @@ define(["../../../lit/index.js", "./course-intro-header.js", "./course-intro-les
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dc4832901f0511ed8cc3e9a95995ad69 || (_templateObject2_dc4832901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b2a01f901f2611eda0c389891c227ec8 || (_templateObject2_b2a01f901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n        }\n      "])))];
       }
     }]);
     return CourseIntro;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/ebook-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/ebook-button.js
index bdc5821d19f..155fe91dcef 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/ebook-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/ebook-button.js
@@ -1,7 +1,7 @@
 define(["../../../lit/index.js", "../../simple-icon/lib/simple-icons.js", "../../simple-icon/lib/simple-icon-lite.js"], function (_index, _simpleIcons, _simpleIconLite) {
   "use strict";
 
-  var _templateObject_dc4af1b01f0511ed8cc3e9a95995ad69, _templateObject2_dc4af1b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2a1f4501f2611eda0c389891c227ec8, _templateObject2_b2a1f4501f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -75,7 +75,7 @@ define(["../../../lit/index.js", "../../simple-icon/lib/simple-icons.js", "../..
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc4af1b01f0511ed8cc3e9a95995ad69 || (_templateObject_dc4af1b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"button wrapper\">\n        <a\n          href=\"", "\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          @click=\"", "\"\n        >\n          <button id=\"book\">\n            <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n            <div class=\"title\">", "</div>\n          </button>\n        </a>\n      </div>\n    "])), this.link, this._clickLink, this.icon, this.title);
+        return (0, _index.html)(_templateObject_b2a1f4501f2611eda0c389891c227ec8 || (_templateObject_b2a1f4501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"button wrapper\">\n        <a\n          href=\"", "\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          @click=\"", "\"\n        >\n          <button id=\"book\">\n            <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n            <div class=\"title\">", "</div>\n          </button>\n        </a>\n      </div>\n    "])), this.link, this._clickLink, this.icon, this.title);
       }
     }], [{
       key: "properties",
@@ -150,7 +150,7 @@ define(["../../../lit/index.js", "../../simple-icon/lib/simple-icons.js", "../..
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dc4af1b01f0511ed8cc3e9a95995ad69 || (_templateObject2_dc4af1b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          --paper-button-click-state: #000;\n          --paper-button-title: #000;\n          --link-color: #aeaeae;\n        }\n\n        button {\n          min-height: 48px;\n          text-transform: none;\n          padding: 10px 25px 10px 0;\n        }\n\n        button:active,\n        button:focus,\n        button:hover {\n          color: var(--paper-button-click-state);\n          outline: 2px solid black;\n          cursor: pointer;\n        }\n\n        simple-icon-lite {\n          height: 55px;\n          width: 55px;\n          margin-right: 5px;\n        }\n\n        .title {\n          color: var(--paper-button-title);\n          font-size: 16px;\n          font-weight: bold;\n          display: inline-flex;\n        }\n        a,\n        a:-webkit-any-link {\n          display: block;\n          color: var(--link-color);\n          text-decoration: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b2a1f4501f2611eda0c389891c227ec8 || (_templateObject2_b2a1f4501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          --paper-button-click-state: #000;\n          --paper-button-title: #000;\n          --link-color: #aeaeae;\n        }\n\n        button {\n          min-height: 48px;\n          text-transform: none;\n          padding: 10px 25px 10px 0;\n        }\n\n        button:active,\n        button:focus,\n        button:hover {\n          color: var(--paper-button-click-state);\n          outline: 2px solid black;\n          cursor: pointer;\n        }\n\n        simple-icon-lite {\n          height: 55px;\n          width: 55px;\n          margin-right: 5px;\n        }\n\n        .title {\n          color: var(--paper-button-title);\n          font-size: 16px;\n          font-weight: bold;\n          display: inline-flex;\n        }\n        a,\n        a:-webkit-any-link {\n          display: block;\n          color: var(--link-color);\n          text-decoration: none;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/lrn-h5p.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/lrn-h5p.js
index 1d3f87f2282..345161d1b92 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/lrn-h5p.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/lrn-h5p.js
@@ -1,7 +1,7 @@
 define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-store.js", "../../../mobx/dist/mobx.esm.js"], function (_index, _haxcmsSiteStore, _mobxEsm) {
   "use strict";
 
-  var _templateObject_dc4d3ba01f0511ed8cc3e9a95995ad69, _templateObject2_dc4d3ba01f0511ed8cc3e9a95995ad69, _templateObject3_dc4d3ba01f0511ed8cc3e9a95995ad69, _templateObject4_dc4d3ba01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2a43e401f2611eda0c389891c227ec8, _templateObject2_b2a43e401f2611eda0c389891c227ec8, _templateObject3_b2a43e401f2611eda0c389891c227ec8, _templateObject4_b2a43e401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -39,10 +39,10 @@ define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-sto
         if (this.querySelector("iframe")) {
           var matches = /(https?:\/\/[^\/]*).*embed\/([0-9]*)/g.exec(this.querySelector("iframe").src);
           var editUrl = "".concat(matches[1], "/node/").concat(matches[2], "/edit");
-          return (0, _index.html)(_templateObject_dc4d3ba01f0511ed8cc3e9a95995ad69 || (_templateObject_dc4d3ba01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"container\">\n          ", "\n          <slot></slot>\n        </div>\n      "])), this._editing ? (0, _index.html)(_templateObject2_dc4d3ba01f0511ed8cc3e9a95995ad69 || (_templateObject2_dc4d3ba01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<a\n                id=\"edit\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                href=\"", "\"\n                >edit</a\n              >"])), editUrl) : "");
+          return (0, _index.html)(_templateObject_b2a43e401f2611eda0c389891c227ec8 || (_templateObject_b2a43e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"container\">\n          ", "\n          <slot></slot>\n        </div>\n      "])), this._editing ? (0, _index.html)(_templateObject2_b2a43e401f2611eda0c389891c227ec8 || (_templateObject2_b2a43e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<a\n                id=\"edit\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                href=\"", "\"\n                >edit</a\n              >"])), editUrl) : "");
         }
 
-        return (0, _index.html)(_templateObject3_dc4d3ba01f0511ed8cc3e9a95995ad69 || (_templateObject3_dc4d3ba01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div id=\"container\">\n      <slot></slot>\n    </div>"])));
+        return (0, _index.html)(_templateObject3_b2a43e401f2611eda0c389891c227ec8 || (_templateObject3_b2a43e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div id=\"container\">\n      <slot></slot>\n    </div>"])));
       }
       /**
        * Implements getHaxJSONSchema post processing callback.
@@ -122,7 +122,7 @@ define(["../../../lit/index.js", "../../haxcms-elements/lib/core/haxcms-site-sto
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject4_dc4d3ba01f0511ed8cc3e9a95995ad69 || (_templateObject4_dc4d3ba01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: 100%;\n          position: relative;\n          overflow: hidden;\n        }\n        #edit {\n          display: inline-block;\n          position: absolute;\n          left: 0;\n          top: 0;\n          transform: translateY(-100%);\n          transition: transform 0.2s ease-in-out;\n          background: #2196f3;\n          color: white;\n          text-decoration: none;\n          text-transform: uppercase;\n          padding: 0.5em 1em;\n        }\n        #container:focus #edit,\n        #container:hover #edit {\n          transform: translateY(0);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_b2a43e401f2611eda0c389891c227ec8 || (_templateObject4_b2a43e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: 100%;\n          position: relative;\n          overflow: hidden;\n        }\n        #edit {\n          display: inline-block;\n          position: absolute;\n          left: 0;\n          top: 0;\n          transform: translateY(-100%);\n          transition: transform 0.2s ease-in-out;\n          background: #2196f3;\n          color: white;\n          text-decoration: none;\n          text-transform: uppercase;\n          padding: 0.5em 1em;\n        }\n        #container:focus #edit,\n        #container:hover #edit {\n          transform: translateY(0);\n        }\n      "])))];
       }
     }]);
     return LrnH5p;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/responsive-iframe.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/responsive-iframe.js
index c24f2b81bc3..b24bc6d78b6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/responsive-iframe.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/responsive-iframe.js
@@ -1,7 +1,7 @@
 define(["../../../lit/index.js"], function (_index) {
   "use strict";
 
-  var _templateObject_dc4e74201f0511ed8cc3e9a95995ad69, _templateObject2_dc4e74201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2a59dd01f2611eda0c389891c227ec8, _templateObject2_b2a59dd01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -20,12 +20,12 @@ define(["../../../lit/index.js"], function (_index) {
     babelHelpers.createClass(ResponsiveIframe, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc4e74201f0511ed8cc3e9a95995ad69 || (_templateObject_dc4e74201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\">\n        <slot></slot>\n      </div>\n    "])));
+        return (0, _index.html)(_templateObject_b2a59dd01f2611eda0c389891c227ec8 || (_templateObject_b2a59dd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\">\n        <slot></slot>\n      </div>\n    "])));
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dc4e74201f0511ed8cc3e9a95995ad69 || (_templateObject2_dc4e74201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        #container {\n          position: relative;\n          padding-top: 60%;\n          height: 0;\n          width: 100%;\n        }\n        #container ::slotted(iframe) {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b2a59dd01f2611eda0c389891c227ec8 || (_templateObject2_b2a59dd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        #container {\n          position: relative;\n          padding-top: 60%;\n          height: 0;\n          width: 100%;\n        }\n        #container ::slotted(iframe) {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/worksheet-download.js b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/worksheet-download.js
index b5d5cc672e1..a2ccfa9f219 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/worksheet-download.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/course-design/lib/worksheet-download.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icons.
   });
   _exports.WorksheetDownload = void 0;
 
-  var _templateObject_dc7313201f0511ed8cc3e9a95995ad69, _templateObject2_dc7313201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2c9eeb01f2611eda0c389891c227ec8, _templateObject2_b2c9eeb01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -79,7 +79,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icons.
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dc7313201f0511ed8cc3e9a95995ad69 || (_templateObject_dc7313201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"button_wrap\">\n        <a\n          tabindex=\"-1\"\n          href=\"", "\"\n          target=\"_blank\"\n          download\n          rel=\"noopener noreferrer\"\n          @click=\"", "\"\n        >\n          <button>\n            <simple-icon-lite icon=\"icons:file-download\"></simple-icon-lite\n            >", "\n          </button>\n        </a>\n      </div>\n    "])), this.link, this._clickLink, this.title);
+        return (0, _index.html)(_templateObject_b2c9eeb01f2611eda0c389891c227ec8 || (_templateObject_b2c9eeb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"button_wrap\">\n        <a\n          tabindex=\"-1\"\n          href=\"", "\"\n          target=\"_blank\"\n          download\n          rel=\"noopener noreferrer\"\n          @click=\"", "\"\n        >\n          <button>\n            <simple-icon-lite icon=\"icons:file-download\"></simple-icon-lite\n            >", "\n          </button>\n        </a>\n      </div>\n    "])), this.link, this._clickLink, this.title);
       }
     }], [{
       key: "properties",
@@ -143,7 +143,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icons.
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dc7313201f0511ed8cc3e9a95995ad69 || (_templateObject2_dc7313201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        a {\n          text-decoration: none;\n          color: #0c7cd5;\n          display: block;\n        }\n\n        button {\n          text-transform: none;\n          border: solid 2px #dcdcdc;\n          width: 100%;\n          margin: 0 auto 0;\n          min-height: 48px;\n          text-align: center;\n        }\n\n        button:active,\n        button:focus,\n        button:hover {\n          cursor: pointer;\n          background-color: #0c7cd5;\n          color: #fff;\n        }\n\n        simple-icon {\n          margin-right: 5px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b2c9eeb01f2611eda0c389891c227ec8 || (_templateObject2_b2c9eeb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        a {\n          text-decoration: none;\n          color: #0c7cd5;\n          display: block;\n        }\n\n        button {\n          text-transform: none;\n          border: solid 2px #dcdcdc;\n          width: 100%;\n          margin: 0 auto 0;\n          min-height: 48px;\n          text-align: center;\n        }\n\n        button:active,\n        button:focus,\n        button:hover {\n          cursor: pointer;\n          background-color: #0c7cd5;\n          color: #fff;\n        }\n\n        simple-icon {\n          margin-right: 5px;\n        }\n      "])))];
       }
     }]);
     return WorksheetDownload;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/csv-render/csv-render.js b/build/es5-amd/node_modules/@lrnwebcomponents/csv-render/csv-render.js
index 5d99033d08a..a28a9ba90ad 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/csv-render/csv-render.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/csv-render/csv-render.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-colors/simple-col
   _exports.CsvRender = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a14d52101f0511ed8cc3e9a95995ad69, _templateObject2_a14d52101f0511ed8cc3e9a95995ad69, _templateObject3_a14d52101f0511ed8cc3e9a95995ad69, _templateObject4_a14d52101f0511ed8cc3e9a95995ad69, _templateObject5_a14d52101f0511ed8cc3e9a95995ad69, _templateObject6_a14d52101f0511ed8cc3e9a95995ad69;
+  var _templateObject_7c4d1c401f2611eda0c389891c227ec8, _templateObject2_7c4d1c401f2611eda0c389891c227ec8, _templateObject3_7c4d1c401f2611eda0c389891c227ec8, _templateObject4_7c4d1c401f2611eda0c389891c227ec8, _templateObject5_7c4d1c401f2611eda0c389891c227ec8, _templateObject6_7c4d1c401f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -92,11 +92,11 @@ define(["exports", "require", "../../lit/index.js", "../simple-colors/simple-col
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a14d52101f0511ed8cc3e9a95995ad69 || (_templateObject_a14d52101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <hexagon-loader\n        id=\"loading\"\n        accent-color=\"", "\"\n        ?loading=\"", "\"\n        item-count=\"4\"\n        size=\"small\"\n      ></hexagon-loader>\n      <a href=\"", "\" id=\"download\" tabindex=\"-1\">\n        <simple-icon-button-lite\n          id=\"ficon\"\n          icon=\"file-download\"\n        ></simple-icon-button-lite>\n      </a>\n      <simple-tooltip for=\"ficon\" offset=\"14\" position=\"top\"\n        >Download table data</simple-tooltip\n      >\n      <table class=\"table\" summary=\"", "\">\n        ", "\n        <thead>\n          <tr>\n            ", "\n          </tr>\n        </thead>\n        <tbody>\n          ", "\n        </tbody>\n      </table>\n    "])), this.accentColor, this.loading, this.dataSource, this.summary, this.caption ? (0, _index.html)(_templateObject2_a14d52101f0511ed8cc3e9a95995ad69 || (_templateObject2_a14d52101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <caption>\n                ", "\n              </caption>\n            "])), this.caption) : "", this.tableHeadings.map(function (heading) {
-          return (0, _index.html)(_templateObject3_a14d52101f0511ed8cc3e9a95995ad69 || (_templateObject3_a14d52101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <th scope=\"col\">", "</th> "])), heading);
+        return (0, _index.html)(_templateObject_7c4d1c401f2611eda0c389891c227ec8 || (_templateObject_7c4d1c401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <hexagon-loader\n        id=\"loading\"\n        accent-color=\"", "\"\n        ?loading=\"", "\"\n        item-count=\"4\"\n        size=\"small\"\n      ></hexagon-loader>\n      <a href=\"", "\" id=\"download\" tabindex=\"-1\">\n        <simple-icon-button-lite\n          id=\"ficon\"\n          icon=\"file-download\"\n        ></simple-icon-button-lite>\n      </a>\n      <simple-tooltip for=\"ficon\" offset=\"14\" position=\"top\"\n        >Download table data</simple-tooltip\n      >\n      <table class=\"table\" summary=\"", "\">\n        ", "\n        <thead>\n          <tr>\n            ", "\n          </tr>\n        </thead>\n        <tbody>\n          ", "\n        </tbody>\n      </table>\n    "])), this.accentColor, this.loading, this.dataSource, this.summary, this.caption ? (0, _index.html)(_templateObject2_7c4d1c401f2611eda0c389891c227ec8 || (_templateObject2_7c4d1c401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <caption>\n                ", "\n              </caption>\n            "])), this.caption) : "", this.tableHeadings.map(function (heading) {
+          return (0, _index.html)(_templateObject3_7c4d1c401f2611eda0c389891c227ec8 || (_templateObject3_7c4d1c401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <th scope=\"col\">", "</th> "])), heading);
         }), this.table.map(function (row) {
-          return (0, _index.html)(_templateObject4_a14d52101f0511ed8cc3e9a95995ad69 || (_templateObject4_a14d52101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <tr>\n                ", "\n              </tr>\n            "])), row.map(function (col) {
-            return (0, _index.html)(_templateObject5_a14d52101f0511ed8cc3e9a95995ad69 || (_templateObject5_a14d52101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <td>", "</td> "])), col);
+          return (0, _index.html)(_templateObject4_7c4d1c401f2611eda0c389891c227ec8 || (_templateObject4_7c4d1c401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <tr>\n                ", "\n              </tr>\n            "])), row.map(function (col) {
+            return (0, _index.html)(_templateObject5_7c4d1c401f2611eda0c389891c227ec8 || (_templateObject5_7c4d1c401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <td>", "</td> "])), col);
           }));
         }));
       }
@@ -189,7 +189,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-colors/simple-col
        * LitElement style construction
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(CsvRender), "styles", this)), [(0, _index.css)(_templateObject6_a14d52101f0511ed8cc3e9a95995ad69 || (_templateObject6_a14d52101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .table {\n          width: 100%;\n          border: 1px solid var(--simple-colors-default-theme-accent-6);\n          border-collapse: collapse;\n          white-space: nowrap;\n          font-size: 16px;\n          background-color: var(--simple-colors-default-theme-grey-1);\n        }\n        .table thead {\n          padding-bottom: 0.16px;\n          position: sticky;\n        }\n        .table caption {\n          background-color: var(--simple-colors-default-theme-accent-1);\n          font-weight: bold;\n          padding: 8px;\n          border: 1px solid var(--simple-colors-default-theme-accent-6);\n          border-bottom: none;\n        }\n        :host(:not([accent-color])) .table caption,\n        :host([accent-color=\"grey\"]) .table caption {\n          background-color: var(--simple-colors-default-theme-accent-2);\n        }\n        .table tbody tr {\n          position: relative;\n          height: 48px;\n          -webkit-transition-duration: 0.28s;\n          transition-duration: 0.28s;\n          -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n          -webkit-transition-property: background-color;\n          transition-property: background-color;\n        }\n        .table tbody tr:hover {\n          background-color: var(--simple-colors-default-theme-accent-1);\n        }\n        :host(:not([accent-color])) .table tbody tr:hover,\n        :host([accent-color=\"grey\"]) .table tbody tr:hover {\n          background-color: var(--simple-colors-default-theme-accent-2);\n        }\n        .table td,\n        .table thead th,\n        .table th {\n          padding: 0 1.125em;\n          text-align: left;\n        }\n        .table td {\n          border-top: 1px solid var(--simple-colors-default-theme-accent-6);\n          border-bottom: 1px solid var(--simple-colors-default-theme-accent-6);\n        }\n        .table th {\n          position: relative;\n          vertical-align: bottom;\n          text-overflow: ellipsis;\n          font-size: 16px;\n          font-weight: bold;\n          line-height: 24px;\n          letter-spacing: 0;\n          color: rgba(0, 0, 0, 0.54);\n          height: 48px;\n          padding-bottom: 8px;\n          box-sizing: border-box;\n        }\n        #loading {\n          position: absolute;\n          left: calc(50% - 70px);\n        }\n        simple-icon-lite {\n          display: inline-flex;\n          margin: 0;\n          padding: 0;\n        }\n        #download button:hover,\n        #download button:focus,\n        #download button:active {\n          color: var(--simple-colors-default-theme-accent-8);\n          outline: 2px solid var(--simple-colors-default-theme-accent-6);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(CsvRender), "styles", this)), [(0, _index.css)(_templateObject6_7c4d1c401f2611eda0c389891c227ec8 || (_templateObject6_7c4d1c401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .table {\n          width: 100%;\n          border: 1px solid var(--simple-colors-default-theme-accent-6);\n          border-collapse: collapse;\n          white-space: nowrap;\n          font-size: 16px;\n          background-color: var(--simple-colors-default-theme-grey-1);\n        }\n        .table thead {\n          padding-bottom: 0.16px;\n          position: sticky;\n        }\n        .table caption {\n          background-color: var(--simple-colors-default-theme-accent-1);\n          font-weight: bold;\n          padding: 8px;\n          border: 1px solid var(--simple-colors-default-theme-accent-6);\n          border-bottom: none;\n        }\n        :host(:not([accent-color])) .table caption,\n        :host([accent-color=\"grey\"]) .table caption {\n          background-color: var(--simple-colors-default-theme-accent-2);\n        }\n        .table tbody tr {\n          position: relative;\n          height: 48px;\n          -webkit-transition-duration: 0.28s;\n          transition-duration: 0.28s;\n          -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n          -webkit-transition-property: background-color;\n          transition-property: background-color;\n        }\n        .table tbody tr:hover {\n          background-color: var(--simple-colors-default-theme-accent-1);\n        }\n        :host(:not([accent-color])) .table tbody tr:hover,\n        :host([accent-color=\"grey\"]) .table tbody tr:hover {\n          background-color: var(--simple-colors-default-theme-accent-2);\n        }\n        .table td,\n        .table thead th,\n        .table th {\n          padding: 0 1.125em;\n          text-align: left;\n        }\n        .table td {\n          border-top: 1px solid var(--simple-colors-default-theme-accent-6);\n          border-bottom: 1px solid var(--simple-colors-default-theme-accent-6);\n        }\n        .table th {\n          position: relative;\n          vertical-align: bottom;\n          text-overflow: ellipsis;\n          font-size: 16px;\n          font-weight: bold;\n          line-height: 24px;\n          letter-spacing: 0;\n          color: rgba(0, 0, 0, 0.54);\n          height: 48px;\n          padding-bottom: 8px;\n          box-sizing: border-box;\n        }\n        #loading {\n          position: absolute;\n          left: calc(50% - 70px);\n        }\n        simple-icon-lite {\n          display: inline-flex;\n          margin: 0;\n          padding: 0;\n        }\n        #download button:hover,\n        #download button:focus,\n        #download button:active {\n          color: var(--simple-colors-default-theme-accent-8);\n          outline: 2px solid var(--simple-colors-default-theme-accent-6);\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/data-viz/data-viz.js b/build/es5-amd/node_modules/@lrnwebcomponents/data-viz/data-viz.js
index b5feb10d748..c64f7a88c73 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/data-viz/data-viz.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/data-viz/data-viz.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../chartist-render/chartist-render.js"
   });
   _exports.DataViz = void 0;
 
-  var _templateObject_a15011301f0511ed8cc3e9a95995ad69, _templateObject2_a15011301f0511ed8cc3e9a95995ad69;
+  var _templateObject_7c4fdb601f2611eda0c389891c227ec8, _templateObject2_7c4fdb601f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -56,7 +56,7 @@ define(["exports", "../../lit/index.js", "../chartist-render/chartist-render.js"
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a15011301f0511ed8cc3e9a95995ad69 || (_templateObject_a15011301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <chartist-render\n      id=\"barchart\"\n      type=\"bar\"\n      scale=\"ct-major-twelfth\"\n      chart-title=\"Quiz Distribution\"\n      chart-desc=\"A bar graph of quizzes completed by student\"\n    >\n    </chartist-render>"])));
+        return (0, _index.html)(_templateObject_7c4fdb601f2611eda0c389891c227ec8 || (_templateObject_7c4fdb601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <chartist-render\n      id=\"barchart\"\n      type=\"bar\"\n      scale=\"ct-major-twelfth\"\n      chart-title=\"Quiz Distribution\"\n      chart-desc=\"A bar graph of quizzes completed by student\"\n    >\n    </chartist-render>"])));
       } // properties available to the custom element for data binding
 
     }, {
@@ -110,7 +110,7 @@ define(["exports", "../../lit/index.js", "../chartist-render/chartist-render.js"
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a15011301f0511ed8cc3e9a95995ad69 || (_templateObject2_a15011301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7c4fdb601f2611eda0c389891c227ec8 || (_templateObject2_7c4fdb601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/date-card/date-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/date-card/date-card.js
index 375b15b905d..383fe1d4ee0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/date-card/date-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/date-card/date-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
   });
   _exports.DateCard = void 0;
 
-  var _templateObject_a1547e001f0511ed8cc3e9a95995ad69, _templateObject2_a1547e001f0511ed8cc3e9a95995ad69, _templateObject3_a1547e001f0511ed8cc3e9a95995ad69, _templateObject4_a1547e001f0511ed8cc3e9a95995ad69, _templateObject5_a1547e001f0511ed8cc3e9a95995ad69, _templateObject6_a1547e001f0511ed8cc3e9a95995ad69, _templateObject7_a1547e001f0511ed8cc3e9a95995ad69, _templateObject8_a1547e001f0511ed8cc3e9a95995ad69, _templateObject9_a1547e001f0511ed8cc3e9a95995ad69, _templateObject10_a1547e001f0511ed8cc3e9a95995ad69, _templateObject11_a1547e001f0511ed8cc3e9a95995ad69, _templateObject12_a1547e001f0511ed8cc3e9a95995ad69, _templateObject13_a1547e001f0511ed8cc3e9a95995ad69, _templateObject14_a1547e001f0511ed8cc3e9a95995ad69;
+  var _templateObject_7c5384e01f2611eda0c389891c227ec8, _templateObject2_7c5384e01f2611eda0c389891c227ec8, _templateObject3_7c5384e01f2611eda0c389891c227ec8, _templateObject4_7c5384e01f2611eda0c389891c227ec8, _templateObject5_7c5384e01f2611eda0c389891c227ec8, _templateObject6_7c5384e01f2611eda0c389891c227ec8, _templateObject7_7c5384e01f2611eda0c389891c227ec8, _templateObject8_7c5384e01f2611eda0c389891c227ec8, _templateObject9_7c5384e01f2611eda0c389891c227ec8, _templateObject10_7c5384e01f2611eda0c389891c227ec8, _templateObject11_7c5384e01f2611eda0c389891c227ec8, _templateObject12_7c5384e01f2611eda0c389891c227ec8, _templateObject13_7c5384e01f2611eda0c389891c227ec8, _templateObject14_7c5384e01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -64,7 +64,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"card\" style=\"margin:", "px;\">\n        <div class=\"monthSection\">\n          <p class=\"month\"><b>", "</b></p>\n        </div>\n        <div class=\"dateSection\">\n          <p class=\"dateNumber\">\n            ", "<sup>", "</sup>\n          </p>\n          ", "\n        </div>\n      </div>\n      ", "\n    "])), this.borderSpacing, this.month, this.date, this.nth(this.date), this.day ? (0, _index.html)(_templateObject2_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject2_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <p class=\"dayName\">", "</p> "])), this.day) : (0, _index.html)(_templateObject3_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject3_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))), this.title ? (0, _index.html)(_templateObject4_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject4_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <span class=\"details\" .style=\"margin:", "px;\">\n              <p class=\"title\">", "</p>\n              <p class=\"time\">\n                ", "", "\n                ", "", "\n                ", "\n              </p>\n              ", "\n            </span>\n          "])), this.borderSpacing, this.title, this.day ? (0, _index.html)(_templateObject5_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject5_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ", "])), this.day) : (0, _index.html)(_templateObject6_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject6_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))), this.month, this.date, this.nth(this.date), this.startTime ? (0, _index.html)(_templateObject7_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject7_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                      ", "\n                    "])), this.endTime ? (0, _index.html)(_templateObject8_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject8_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" from ", " - ", " "])), this.startTime, this.endTime) : (0, _index.html)(_templateObject9_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject9_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" at ", " "])), this.startTime)) : (0, _index.html)(_templateObject10_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject10_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))), this.location ? (0, _index.html)(_templateObject11_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject11_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <p class=\"location\">", "</p> "])), this.location) : (0, _index.html)(_templateObject12_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject12_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""])))) : (0, _index.html)(_templateObject13_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject13_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))));
+        return (0, _index.html)(_templateObject_7c5384e01f2611eda0c389891c227ec8 || (_templateObject_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"card\" style=\"margin:", "px;\">\n        <div class=\"monthSection\">\n          <p class=\"month\"><b>", "</b></p>\n        </div>\n        <div class=\"dateSection\">\n          <p class=\"dateNumber\">\n            ", "<sup>", "</sup>\n          </p>\n          ", "\n        </div>\n      </div>\n      ", "\n    "])), this.borderSpacing, this.month, this.date, this.nth(this.date), this.day ? (0, _index.html)(_templateObject2_7c5384e01f2611eda0c389891c227ec8 || (_templateObject2_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <p class=\"dayName\">", "</p> "])), this.day) : (0, _index.html)(_templateObject3_7c5384e01f2611eda0c389891c227ec8 || (_templateObject3_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))), this.title ? (0, _index.html)(_templateObject4_7c5384e01f2611eda0c389891c227ec8 || (_templateObject4_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <span class=\"details\" .style=\"margin:", "px;\">\n              <p class=\"title\">", "</p>\n              <p class=\"time\">\n                ", "", "\n                ", "", "\n                ", "\n              </p>\n              ", "\n            </span>\n          "])), this.borderSpacing, this.title, this.day ? (0, _index.html)(_templateObject5_7c5384e01f2611eda0c389891c227ec8 || (_templateObject5_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ", "])), this.day) : (0, _index.html)(_templateObject6_7c5384e01f2611eda0c389891c227ec8 || (_templateObject6_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))), this.month, this.date, this.nth(this.date), this.startTime ? (0, _index.html)(_templateObject7_7c5384e01f2611eda0c389891c227ec8 || (_templateObject7_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                      ", "\n                    "])), this.endTime ? (0, _index.html)(_templateObject8_7c5384e01f2611eda0c389891c227ec8 || (_templateObject8_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" from ", " - ", " "])), this.startTime, this.endTime) : (0, _index.html)(_templateObject9_7c5384e01f2611eda0c389891c227ec8 || (_templateObject9_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" at ", " "])), this.startTime)) : (0, _index.html)(_templateObject10_7c5384e01f2611eda0c389891c227ec8 || (_templateObject10_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))), this.location ? (0, _index.html)(_templateObject11_7c5384e01f2611eda0c389891c227ec8 || (_templateObject11_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <p class=\"location\">", "</p> "])), this.location) : (0, _index.html)(_templateObject12_7c5384e01f2611eda0c389891c227ec8 || (_templateObject12_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""])))) : (0, _index.html)(_templateObject13_7c5384e01f2611eda0c389891c227ec8 || (_templateObject13_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))));
       }
     }], [{
       key: "tag",
@@ -180,7 +180,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(DateCard), "styles", this)), [(0, _index.css)(_templateObject14_a1547e001f0511ed8cc3e9a95995ad69 || (_templateObject14_a1547e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        .card {\n          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n          width: var(--date-card-card-width, 100px);\n          border-radius: 10px;\n        }\n        .card:hover {\n          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\n          border-radius: 10px;\n        }\n        .month,\n        .dateNumber,\n        .dayName {\n          text-align: center;\n          vertical-align: middle;\n          font-family: roboto;\n          line-height: 16px;\n          margin-bottom: 8px;\n          margin-top: 15px;\n          margin-bottom: 15px;\n        }\n        .month {\n          color: var(--simple-colors-default-theme-accent-12);\n          font-weight: 400;\n          font-size: 1em;\n          text-transform: uppercase;\n        }\n        .dateNumber {\n          font-size: 20px;\n        }\n        .dayName {\n          text-transform: uppercase;\n        }\n        .monthSection {\n          background-color: var(--simple-colors-default-theme-accent-5);\n          border: 1px solid var(--simple-colors-default-theme-accent-1);\n          border-radius: 10px 10px 0px 0px;\n        }\n        .details {\n          border: 2px solid var(--simple-colors-default-theme-accent-5);\n          padding: 4px 16px;\n          background-color: var(--simple-colors-default-theme-accent-1);\n        }\n        .title,\n        .time,\n        .location {\n          vertical-align: middle;\n          font-family: roboto;\n          line-height: 16px;\n          margin-bottom: 8px;\n        }\n        .title {\n          font-size: 20px;\n          color: var(--simple-colors-default-theme-accent-11);\n        }\n        .time {\n          font-size: 16px;\n          color: var(--simple-colors-default-theme-accent-10);\n        }\n        .location {\n          font-size: 16px;\n          color: var(--simple-colors-default-theme-accent-10);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(DateCard), "styles", this)), [(0, _index.css)(_templateObject14_7c5384e01f2611eda0c389891c227ec8 || (_templateObject14_7c5384e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        .card {\n          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n          width: var(--date-card-card-width, 100px);\n          border-radius: 10px;\n        }\n        .card:hover {\n          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\n          border-radius: 10px;\n        }\n        .month,\n        .dateNumber,\n        .dayName {\n          text-align: center;\n          vertical-align: middle;\n          font-family: roboto;\n          line-height: 16px;\n          margin-bottom: 8px;\n          margin-top: 15px;\n          margin-bottom: 15px;\n        }\n        .month {\n          color: var(--simple-colors-default-theme-accent-12);\n          font-weight: 400;\n          font-size: 1em;\n          text-transform: uppercase;\n        }\n        .dateNumber {\n          font-size: 20px;\n        }\n        .dayName {\n          text-transform: uppercase;\n        }\n        .monthSection {\n          background-color: var(--simple-colors-default-theme-accent-5);\n          border: 1px solid var(--simple-colors-default-theme-accent-1);\n          border-radius: 10px 10px 0px 0px;\n        }\n        .details {\n          border: 2px solid var(--simple-colors-default-theme-accent-5);\n          padding: 4px 16px;\n          background-color: var(--simple-colors-default-theme-accent-1);\n        }\n        .title,\n        .time,\n        .location {\n          vertical-align: middle;\n          font-family: roboto;\n          line-height: 16px;\n          margin-bottom: 8px;\n        }\n        .title {\n          font-size: 20px;\n          color: var(--simple-colors-default-theme-accent-11);\n        }\n        .time {\n          font-size: 16px;\n          color: var(--simple-colors-default-theme-accent-10);\n        }\n        .location {\n          font-size: 16px;\n          color: var(--simple-colors-default-theme-accent-10);\n        }\n      "])))]);
       }
     }]);
     return DateCard;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/drawing-icons/drawing-icons.js b/build/es5-amd/node_modules/@lrnwebcomponents/drawing-icons/drawing-icons.js
index 8808dde0791..7399219c465 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/drawing-icons/drawing-icons.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/drawing-icons/drawing-icons.js
@@ -1,8 +1,8 @@
 define(["../../@polymer/iron-icon/iron-icon.js", "../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_a21c3ad01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7cc336a01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_a21c3ad01f0511ed8cc3e9a95995ad69 || (_templateObject_a21c3ad01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg size=\"24\" name=\"drawing\">\n    <!-- move -->\n    <svg>\n      <defs>\n        <g id=\"move\">\n          <polygon\n            points=\"21,12 17,8 17,11 13,11 13,7 16,7 12,3 8,7 11,7 11,11 7,11 7,8 3,12 7,16 7,13 11,13 11,17 8,17 12,21 16,17 \n          13,17 13,13 17,13 17,16 \t\"\n          ></polygon>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- select -->\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"select\">\n          <path d=\"M6.3 2.8l.3 19.8.9.4 5.1-5.4 7.4.1.4-.9-14.1-14z\"></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- draw ellipsis -->\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"draw-ellip\">\n          <ellipse\n            cx=\"11.23\"\n            cy=\"8\"\n            rx=\"10.1\"\n            ry=\"7.1\"\n            style=\"opacity: 0.3;isolation: isolate\"\n          />\n          <path\n            d=\"M12,3.94C5.77,3.94.73,7.52.73,11.94s5,8,11.25,8,11.25-3.59,11.25-8S18.19,3.94,12,3.94ZM12,18c-5,0-9.13-2.72-9.13-6.06S6.94,5.87,12,5.87s9.12,2.72,9.12,6.07S17,18,12,18Z\"\n            transform=\"translate(-0.73 -3.94)\"\n            style=\"isolation: isolate\"\n          />\n        </g>\n      </defs>\n    </svg>\n\n    <!-- draw rectangle -->\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"draw-rect\">\n          <path\n            d=\"M3.1,6h18V18.1H3.1Z\"\n            transform=\"translate(-2.08 -5)\"\n            style=\"opacity: 0.3;isolation: isolate\"\n          />\n          <path\n            d=\"M2.08,5V19.17h20V5Zm18,12.08H4.1v-10h16Z\"\n            transform=\"translate(-2.08 -5)\"\n            style=\"isolation: isolate\"\n          />\n        </g>\n      </defs>\n    </svg>\n\n    <!-- draw polygon -->\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"draw-poly\">\n          <path\n            d=\"M2.7,7.31,20.3,4.5,16.2,21.14l-11.6-5Z\"\n            transform=\"translate(-1.5 -3.25)\"\n            style=\"opacity: 0.3;isolation: isolate\"\n          />\n          <path\n            d=\"M1.5,6.5,3.67,16.73,16.9,22.54,21.58,3.25Zm14,13.25-10-4.23L3.83,8.08,19,5.71Z\"\n            transform=\"translate(-1.5 -3.25)\"\n            style=\"isolation: isolate\"\n          />\n        </g>\n      </defs>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_7cc336a01f2611eda0c389891c227ec8 || (_templateObject_7cc336a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg size=\"24\" name=\"drawing\">\n    <!-- move -->\n    <svg>\n      <defs>\n        <g id=\"move\">\n          <polygon\n            points=\"21,12 17,8 17,11 13,11 13,7 16,7 12,3 8,7 11,7 11,11 7,11 7,8 3,12 7,16 7,13 11,13 11,17 8,17 12,21 16,17 \n          13,17 13,13 17,13 17,16 \t\"\n          ></polygon>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- select -->\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"select\">\n          <path d=\"M6.3 2.8l.3 19.8.9.4 5.1-5.4 7.4.1.4-.9-14.1-14z\"></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- draw ellipsis -->\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"draw-ellip\">\n          <ellipse\n            cx=\"11.23\"\n            cy=\"8\"\n            rx=\"10.1\"\n            ry=\"7.1\"\n            style=\"opacity: 0.3;isolation: isolate\"\n          />\n          <path\n            d=\"M12,3.94C5.77,3.94.73,7.52.73,11.94s5,8,11.25,8,11.25-3.59,11.25-8S18.19,3.94,12,3.94ZM12,18c-5,0-9.13-2.72-9.13-6.06S6.94,5.87,12,5.87s9.12,2.72,9.12,6.07S17,18,12,18Z\"\n            transform=\"translate(-0.73 -3.94)\"\n            style=\"isolation: isolate\"\n          />\n        </g>\n      </defs>\n    </svg>\n\n    <!-- draw rectangle -->\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"draw-rect\">\n          <path\n            d=\"M3.1,6h18V18.1H3.1Z\"\n            transform=\"translate(-2.08 -5)\"\n            style=\"opacity: 0.3;isolation: isolate\"\n          />\n          <path\n            d=\"M2.08,5V19.17h20V5Zm18,12.08H4.1v-10h16Z\"\n            transform=\"translate(-2.08 -5)\"\n            style=\"isolation: isolate\"\n          />\n        </g>\n      </defs>\n    </svg>\n\n    <!-- draw polygon -->\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"draw-poly\">\n          <path\n            d=\"M2.7,7.31,20.3,4.5,16.2,21.14l-11.6-5Z\"\n            transform=\"translate(-1.5 -3.25)\"\n            style=\"opacity: 0.3;isolation: isolate\"\n          />\n          <path\n            d=\"M1.5,6.5,3.67,16.73,16.9,22.54,21.58,3.25Zm14,13.25-10-4.23L3.83,8.08,19,5.71Z\"\n            transform=\"translate(-1.5 -3.25)\"\n            style=\"isolation: isolate\"\n          />\n        </g>\n      </defs>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/dropdown-select/dropdown-select.js b/build/es5-amd/node_modules/@lrnwebcomponents/dropdown-select/dropdown-select.js
index d72bc20df01..0c1e5f64f41 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/dropdown-select/dropdown-select.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/dropdown-select/dropdown-select.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-picker/simple-pic
   _exports.DropdownSelect = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a22080901f0511ed8cc3e9a95995ad69, _templateObject2_a22080901f0511ed8cc3e9a95995ad69;
+  var _templateObject_7cc7a3701f2611eda0c389891c227ec8, _templateObject2_7cc7a3701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -55,7 +55,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-picker/simple-pic
     babelHelpers.createClass(DropdownSelect, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a22080901f0511ed8cc3e9a95995ad69 || (_templateObject_a22080901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-fields-container\n        id=\"menu\"\n        .error-message=\"", "\"\n        .label=\"", "\"\n      >\n        <simple-picker\n          id=\"picker\"\n          slot=\"field\"\n          value=\"", "\"\n          @expand=\"", "\"\n          @collapse=\"", "\"\n          @changed=\"", "\"\n        >\n        </simple-picker>\n      </simple-fields-container>\n      <slot id=\"content\" hidden></slot>\n    "])), this.errorMessage, this.label, this.value, this._onOpen, this.onClose, this._dropDownChanged);
+        return (0, _index.html)(_templateObject_7cc7a3701f2611eda0c389891c227ec8 || (_templateObject_7cc7a3701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-fields-container\n        id=\"menu\"\n        .error-message=\"", "\"\n        .label=\"", "\"\n      >\n        <simple-picker\n          id=\"picker\"\n          slot=\"field\"\n          value=\"", "\"\n          @expand=\"", "\"\n          @collapse=\"", "\"\n          @changed=\"", "\"\n        >\n        </simple-picker>\n      </simple-fields-container>\n      <slot id=\"content\" hidden></slot>\n    "])), this.errorMessage, this.label, this.value, this._onOpen, this.onClose, this._dropDownChanged);
       }
     }, {
       key: "disconnectedCallback",
@@ -224,7 +224,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-picker/simple-pic
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_a22080901f0511ed8cc3e9a95995ad69 || (_templateObject2_a22080901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --simple-picker-border-width: 0;\n          --simple-picker-options-border-width: 1px;\n          --simple-picker-options-border-color: var(\n            --simple-fields-accent-color\n          );\n          --simple-picker-background-color: rgba(255, 255, 255, 0);\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7cc7a3701f2611eda0c389891c227ec8 || (_templateObject2_7cc7a3701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --simple-picker-border-width: 0;\n          --simple-picker-options-border-width: 1px;\n          --simple-picker-options-border-color: var(\n            --simple-fields-accent-color\n          );\n          --simple-picker-background-color: rgba(255, 255, 255, 0);\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-array.js b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-array.js
index 209fd4be5e9..0909e280a81 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-array.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-array.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
   _exports.EcoJsonSchemaArray = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_dc7843401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2cf1ed01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -205,7 +205,7 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc7843401f0511ed8cc3e9a95995ad69 || (_templateObject_dc7843401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"iron-flex iron-flex-alignment\">\n        :host {\n          color: var(--eco-json-form-color);\n          background-color: var(--eco-json-form-bg);\n          font-family: var(--eco-json-form-font-family);\n        }\n        :host([hidden]),\n        [hidden] {\n          display: none;\n        }\n        :host fieldset {\n          border-radius: var(--eco-json-form-border-radius);\n          border-style: solid;\n          border-width: 1px;\n          border-color: var(--eco-json-form-faded-color);\n          transition: all 0.5s;\n        }\n        :host legend {\n          transition: all 0.5s;\n          color: var(--eco-json-form-faded-color);\n        }\n        :host fieldset:focus #legend,\n        :host fieldset:focus-within #legend {\n          color: var(--eco-json-form-active-color);\n        }\n        :host .array-item-button {\n          color: var(--eco-json-form-faded-color);\n          background-color: var(--eco-json-form-bg);\n          text-transform: none;\n          margin-bottom: 0;\n        }\n        :host .array-item-button:focus,\n        :host .array-item-button:hover {\n          color: var(--eco-json-form-active-color);\n        }\n        :host .add-array-item iron-icon {\n          padding: 8px;\n        }\n        :host .add-array-item {\n          color: var(--eco-json-form-add-color);\n          border-radius: 0 0 var(--eco-json-form-border-radius);\n          border: 1px solid var(--eco-json-form-bg);\n          margin: 0;\n          padding: 0 8px 0 16px;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n        :host .add-array-item:focus,\n        :host .add-array-item:hover {\n          color: var(--eco-json-form-add-color);\n          background-color: var(--eco-json-form-faded-bg);\n          border: 1px solid var(--eco-json-form-faded-color);\n        }\n        :host .remove-array-item {\n          color: var(--eco-json-form-remove-color);\n          background-color: var(--eco-json-form-bg);\n          margin: 15px 0 0 0;\n          border-radius: 100%;\n        }\n        :host .remove-array-item:focus,\n        :host .remove-array-item:hover {\n          color: var(--eco-json-form-remove-color);\n          background-color: var(--eco-json-form-faded-bg);\n        }\n        :host a11y-collapse-group {\n          margin: 0;\n          border-radius: var(--eco-json-form-border-radius);\n          --a11y-collapse-border: 1px solid var(--eco-json-form-faded-color);\n        }\n        :host a11y-collapse {\n          border: 1px solid var(--eco-json-form-bg);\n          --a11y-collapse-padding-right: 8px;\n          --a11y-collapse-heading-color: var(--eco-json-form-faded-color);\n          --a11y-collapse-heading-background-color: var(--eco-json-form-bg);\n          --a11y-collapse-heading-font-weight: normal;\n          --a11y-collapse-heading-margin: 0;\n          --a11y-collapse-icon-padding: 8px;\n        }\n        :host a11y-collapse:focus,\n        :host a11y-collapse:hover,\n        :host a11y-collapse[expanded] {\n          border: 1px solid var(--eco-json-form-faded-color);\n          --a11y-collapse-heading-color: var(--eco-json-form-color);\n          --a11y-collapse-heading-background-color: var(\n            --eco-json-form-faded-bg\n          );\n          --a11y-collapse-heading-font-weight: normal;\n          --a11y-collapse-heading-margin: 0;\n        }\n        :host p[slot=\"heading\"] {\n          margin: 0;\n        }\n        :host div[slot=\"content\"] > div {\n          width: 100%;\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n        }\n        :host .item-fields {\n          flex: 1 0 auto;\n        }\n      </style>\n      <fieldset>\n        <legend id=\"legend\" class=\"flex\" hidden$=\"[[!schema.title]]\">\n          [[schema.title]]\n        </legend>\n        <a11y-collapse-group\n          id=\"form\"\n          icon=\"settings\"\n          class=\"vertical flex layout\"\n          global-options=\"[[globalOptions]]\"\n        >\n          <template is=\"dom-repeat\" items=\"[[schema.value]]\" as=\"item\">\n            <a11y-collapse\n              accordion\n              id$=\"item-[[index]]\"\n              icon$=\"[[globalOptions.icon]]\"\n              tooltip$=\"[[globalOptions.tooltip]]\"\n            >\n              <p slot=\"heading\">\n                [[_getHeading(__headings.*,schema.label,index)]]\n              </p>\n              <div slot=\"content\">\n                <div>\n                  <div\n                    id$=\"value-[[index]]\"\n                    class=\"item-fields\"\n                    data-index$=\"[[index]]\"\n                  ></div>\n                  <simple-icon-button\n                    id=\"remove-[[index]]\"\n                    icon=\"icons:delete\"\n                    aria-label=\"Remove this item\"\n                    aria-describedby=\"item-[[index]]\"\n                    class=\"remove-array-item array-item-button\"\n                    controls=\"item-[[index]]\"\n                    on-tap=\"_onRemoveItem\"\n                    role=\"button\"\n                  >\n                  </simple-icon-button>\n                  <simple-tooltip for=\"remove-[[index]]\"\n                    >Remove this item</simple-tooltip\n                  >\n                </div>\n              </div>\n            </a11y-collapse>\n          </template>\n        </a11y-collapse-group>\n        <button\n          class=\"add-array-item array-item-button\"\n          on-click=\"_onAddItem\"\n          role=\"button\"\n        >\n          Add an item\n          <simple-icon icon=\"add-circle\"></simple-icon>\n        </button>\n      </fieldset>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b2cf1ed01f2611eda0c389891c227ec8 || (_templateObject_b2cf1ed01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"iron-flex iron-flex-alignment\">\n        :host {\n          color: var(--eco-json-form-color);\n          background-color: var(--eco-json-form-bg);\n          font-family: var(--eco-json-form-font-family);\n        }\n        :host([hidden]),\n        [hidden] {\n          display: none;\n        }\n        :host fieldset {\n          border-radius: var(--eco-json-form-border-radius);\n          border-style: solid;\n          border-width: 1px;\n          border-color: var(--eco-json-form-faded-color);\n          transition: all 0.5s;\n        }\n        :host legend {\n          transition: all 0.5s;\n          color: var(--eco-json-form-faded-color);\n        }\n        :host fieldset:focus #legend,\n        :host fieldset:focus-within #legend {\n          color: var(--eco-json-form-active-color);\n        }\n        :host .array-item-button {\n          color: var(--eco-json-form-faded-color);\n          background-color: var(--eco-json-form-bg);\n          text-transform: none;\n          margin-bottom: 0;\n        }\n        :host .array-item-button:focus,\n        :host .array-item-button:hover {\n          color: var(--eco-json-form-active-color);\n        }\n        :host .add-array-item iron-icon {\n          padding: 8px;\n        }\n        :host .add-array-item {\n          color: var(--eco-json-form-add-color);\n          border-radius: 0 0 var(--eco-json-form-border-radius);\n          border: 1px solid var(--eco-json-form-bg);\n          margin: 0;\n          padding: 0 8px 0 16px;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n        :host .add-array-item:focus,\n        :host .add-array-item:hover {\n          color: var(--eco-json-form-add-color);\n          background-color: var(--eco-json-form-faded-bg);\n          border: 1px solid var(--eco-json-form-faded-color);\n        }\n        :host .remove-array-item {\n          color: var(--eco-json-form-remove-color);\n          background-color: var(--eco-json-form-bg);\n          margin: 15px 0 0 0;\n          border-radius: 100%;\n        }\n        :host .remove-array-item:focus,\n        :host .remove-array-item:hover {\n          color: var(--eco-json-form-remove-color);\n          background-color: var(--eco-json-form-faded-bg);\n        }\n        :host a11y-collapse-group {\n          margin: 0;\n          border-radius: var(--eco-json-form-border-radius);\n          --a11y-collapse-border: 1px solid var(--eco-json-form-faded-color);\n        }\n        :host a11y-collapse {\n          border: 1px solid var(--eco-json-form-bg);\n          --a11y-collapse-padding-right: 8px;\n          --a11y-collapse-heading-color: var(--eco-json-form-faded-color);\n          --a11y-collapse-heading-background-color: var(--eco-json-form-bg);\n          --a11y-collapse-heading-font-weight: normal;\n          --a11y-collapse-heading-margin: 0;\n          --a11y-collapse-icon-padding: 8px;\n        }\n        :host a11y-collapse:focus,\n        :host a11y-collapse:hover,\n        :host a11y-collapse[expanded] {\n          border: 1px solid var(--eco-json-form-faded-color);\n          --a11y-collapse-heading-color: var(--eco-json-form-color);\n          --a11y-collapse-heading-background-color: var(\n            --eco-json-form-faded-bg\n          );\n          --a11y-collapse-heading-font-weight: normal;\n          --a11y-collapse-heading-margin: 0;\n        }\n        :host p[slot=\"heading\"] {\n          margin: 0;\n        }\n        :host div[slot=\"content\"] > div {\n          width: 100%;\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n        }\n        :host .item-fields {\n          flex: 1 0 auto;\n        }\n      </style>\n      <fieldset>\n        <legend id=\"legend\" class=\"flex\" hidden$=\"[[!schema.title]]\">\n          [[schema.title]]\n        </legend>\n        <a11y-collapse-group\n          id=\"form\"\n          icon=\"settings\"\n          class=\"vertical flex layout\"\n          global-options=\"[[globalOptions]]\"\n        >\n          <template is=\"dom-repeat\" items=\"[[schema.value]]\" as=\"item\">\n            <a11y-collapse\n              accordion\n              id$=\"item-[[index]]\"\n              icon$=\"[[globalOptions.icon]]\"\n              tooltip$=\"[[globalOptions.tooltip]]\"\n            >\n              <p slot=\"heading\">\n                [[_getHeading(__headings.*,schema.label,index)]]\n              </p>\n              <div slot=\"content\">\n                <div>\n                  <div\n                    id$=\"value-[[index]]\"\n                    class=\"item-fields\"\n                    data-index$=\"[[index]]\"\n                  ></div>\n                  <simple-icon-button\n                    id=\"remove-[[index]]\"\n                    icon=\"icons:delete\"\n                    aria-label=\"Remove this item\"\n                    aria-describedby=\"item-[[index]]\"\n                    class=\"remove-array-item array-item-button\"\n                    controls=\"item-[[index]]\"\n                    on-tap=\"_onRemoveItem\"\n                    role=\"button\"\n                  >\n                  </simple-icon-button>\n                  <simple-tooltip for=\"remove-[[index]]\"\n                    >Remove this item</simple-tooltip\n                  >\n                </div>\n              </div>\n            </a11y-collapse>\n          </template>\n        </a11y-collapse-group>\n        <button\n          class=\"add-array-item array-item-button\"\n          on-click=\"_onAddItem\"\n          role=\"button\"\n        >\n          Add an item\n          <simple-icon icon=\"add-circle\"></simple-icon>\n        </button>\n      </fieldset>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-boolean.js b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-boolean.js
index 609d9d2b989..8bd7fba2a92 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-boolean.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-boolean.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaBoolean = void 0;
 
-  var _templateObject_dc7a66201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2d0f3901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -88,7 +88,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc7a66201f0511ed8cc3e9a95995ad69 || (_templateObject_dc7a66201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        :host ([hidden]) {\n          display: none;\n        }\n        paper-checkbox {\n          display: block;\n          font-size: 16px;\n          white-space: normal;\n          margin: var(--eco-json-field-margin, 0 0 15px);\n          --paper-checkbox-checkmark-color: var(\n            --eco-json-form-bg,\n            var(--primary-background-color, #fff)\n          );\n          --paper-checkbox-unchecked-background-color: var(\n            --eco-json-form-bg,\n            var(--primary-background-color, #fff)\n          );\n          --paper-checkbox-checked-color: var(\n            --eco-json-form-active-color,\n            var(--primary-color, #000)\n          );\n          --paper-checkbox-unchecked-color: var(\n            --eco-json-form-active-color,\n            var(--primary-text-text-color, #222)\n          );\n          --paper-checkbox-label-color: var(\n            --eco-json-form-color,\n            var(--secondary-text-color, #888)\n          );\n        }\n        :host paper-checkbox:focus {\n          --paper-checkbox-unchecked-color: var(\n            --eco-json-form-active-color,\n            var(--primary-color, #000)\n          );\n          --paper-checkbox-label-color: var(\n            --eco-json-form-active-color,\n            var(--primary-text-text-color, #222)\n          );\n        }\n      </style>\n\n      <paper-checkbox\n        id=\"checkbox\"\n        class=\"flex\"\n        hidden$=\"[[hidden]]\"\n        checked=\"{{value}}\"\n        invalid=\"[[error]]\"\n        >[[_label]]</paper-checkbox\n      >\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b2d0f3901f2611eda0c389891c227ec8 || (_templateObject_b2d0f3901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        :host ([hidden]) {\n          display: none;\n        }\n        paper-checkbox {\n          display: block;\n          font-size: 16px;\n          white-space: normal;\n          margin: var(--eco-json-field-margin, 0 0 15px);\n          --paper-checkbox-checkmark-color: var(\n            --eco-json-form-bg,\n            var(--primary-background-color, #fff)\n          );\n          --paper-checkbox-unchecked-background-color: var(\n            --eco-json-form-bg,\n            var(--primary-background-color, #fff)\n          );\n          --paper-checkbox-checked-color: var(\n            --eco-json-form-active-color,\n            var(--primary-color, #000)\n          );\n          --paper-checkbox-unchecked-color: var(\n            --eco-json-form-active-color,\n            var(--primary-text-text-color, #222)\n          );\n          --paper-checkbox-label-color: var(\n            --eco-json-form-color,\n            var(--secondary-text-color, #888)\n          );\n        }\n        :host paper-checkbox:focus {\n          --paper-checkbox-unchecked-color: var(\n            --eco-json-form-active-color,\n            var(--primary-color, #000)\n          );\n          --paper-checkbox-label-color: var(\n            --eco-json-form-active-color,\n            var(--primary-text-text-color, #222)\n          );\n        }\n      </style>\n\n      <paper-checkbox\n        id=\"checkbox\"\n        class=\"flex\"\n        hidden$=\"[[hidden]]\"\n        checked=\"{{value}}\"\n        invalid=\"[[error]]\"\n        >[[_label]]</paper-checkbox\n      >\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-enum.js b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-enum.js
index dad24c5dbfc..cc5084242f0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-enum.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-enum.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaEnum = void 0;
 
-  var _templateObject_dc7d9a701f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2d44ef01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -96,7 +96,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc7d9a701f0511ed8cc3e9a95995ad69 || (_templateObject_dc7d9a701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        :host ([hidden]) {\n          display: none;\n        }\n        paper-input {\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #212121;\n          }\n        }\n\n        paper-dropdown-menu {\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #212121;\n          }\n          --paper-dropdown-menu-button: {\n            padding: 2px;\n          }\n        }\n      </style>\n\n      <paper-dropdown-menu\n        id=\"dropdown\"\n        class=\"layout horizontal vertical\"\n        value=\"{{value}}\"\n        required=\"\"\n      >\n        <paper-dropdown-menu class=\"dropdown-content\">\n          <paper-listbox slot=\"dropdown-content\" selected=\"0\">\n            <template is=\"dom-repeat\" items=\"[[_items]]\">\n              <paper-item class=\"flex\" label=\"[[item]]\">[[item]]</paper-item>\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n      </paper-dropdown-menu>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b2d44ef01f2611eda0c389891c227ec8 || (_templateObject_b2d44ef01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        :host ([hidden]) {\n          display: none;\n        }\n        paper-input {\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #212121;\n          }\n        }\n\n        paper-dropdown-menu {\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #212121;\n          }\n          --paper-dropdown-menu-button: {\n            padding: 2px;\n          }\n        }\n      </style>\n\n      <paper-dropdown-menu\n        id=\"dropdown\"\n        class=\"layout horizontal vertical\"\n        value=\"{{value}}\"\n        required=\"\"\n      >\n        <paper-dropdown-menu class=\"dropdown-content\">\n          <paper-listbox slot=\"dropdown-content\" selected=\"0\">\n            <template is=\"dom-repeat\" items=\"[[_items]]\">\n              <paper-item class=\"flex\" label=\"[[item]]\">[[item]]</paper-item>\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n      </paper-dropdown-menu>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-fieldset.js b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-fieldset.js
index abcb7ebf860..a2e0632be00 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-fieldset.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-fieldset.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaFieldset = void 0;
 
-  var _templateObject_dc7f6f301f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2d671d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -75,7 +75,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc7f6f301f0511ed8cc3e9a95995ad69 || (_templateObject_dc7f6f301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"iron-flex iron-flex-alignment\">\n        :host {\n          color: var(--eco-json-form-color);\n          background-color: var(--eco-json-form-bg);\n          font-family: var(--eco-json-form-font-family);\n          margin-bottom: 15px;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host fieldset {\n          border-radius: var(--eco-json-form-border-radius);\n          border-style: solid;\n          border-width: 1px;\n          border-color: var(--eco-json-form-faded-color);\n          transition: all 0.5s;\n        }\n        :host legend {\n          transition: all 0.5s;\n          color: var(--eco-json-form-faded-color);\n        }\n        :host fieldset:focus #legend,\n        :host fieldset:focus-within #legend {\n          color: var(--eco-json-form-active-color);\n        }\n        :host eco-json-schema-object {\n          flex: 1 0 auto;\n        }\n      </style>\n      <fieldset>\n        <legend id=\"legend\" class=\"flex\" hidden$=\"[[!schema.title]]\">\n          [[schema.title]]\n        </legend>\n        <div hidden$=\"[[!schema.description]]\">[[item.description]]</div>\n        <div class=\"item-fields\"></div>\n      </fieldset>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b2d671d01f2611eda0c389891c227ec8 || (_templateObject_b2d671d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"iron-flex iron-flex-alignment\">\n        :host {\n          color: var(--eco-json-form-color);\n          background-color: var(--eco-json-form-bg);\n          font-family: var(--eco-json-form-font-family);\n          margin-bottom: 15px;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host fieldset {\n          border-radius: var(--eco-json-form-border-radius);\n          border-style: solid;\n          border-width: 1px;\n          border-color: var(--eco-json-form-faded-color);\n          transition: all 0.5s;\n        }\n        :host legend {\n          transition: all 0.5s;\n          color: var(--eco-json-form-faded-color);\n        }\n        :host fieldset:focus #legend,\n        :host fieldset:focus-within #legend {\n          color: var(--eco-json-form-active-color);\n        }\n        :host eco-json-schema-object {\n          flex: 1 0 auto;\n        }\n      </style>\n      <fieldset>\n        <legend id=\"legend\" class=\"flex\" hidden$=\"[[!schema.title]]\">\n          [[schema.title]]\n        </legend>\n        <div hidden$=\"[[!schema.description]]\">[[item.description]]</div>\n        <div class=\"item-fields\"></div>\n      </fieldset>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-file.js b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-file.js
index 69fcb01ecec..1c9043e0069 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-file.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-file.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaFile = void 0;
 
-  var _templateObject_dc853b901f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2dc8c501f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -372,7 +372,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc853b901f0511ed8cc3e9a95995ad69 || (_templateObject_dc853b901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        :host ([hidden]) {\n          display: none;\n        }\n        paper-input {\n          padding: 2px;\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #212121;\n          }\n        }\n\n        :host {\n          display: inline-block;\n        }\n\n        .enabled {\n          border: 1px dashed #555;\n          @apply --file-upload-upload-border-enabled;\n        }\n\n        .hover {\n          opacity: 0.7;\n          border: 1px dashed #111;\n          @apply --file-upload-upload-border-hover;\n        }\n\n        #UploadBorder {\n          vertical-align: middle;\n          color: #555;\n          padding: 20px;\n          max-height: 300px;\n          overflow-y: auto;\n          display: inline-block;\n          @apply --file-upload-upload-border;\n        }\n\n        #dropArea {\n          text-align: center;\n          @apply --file-upload-drop-area;\n        }\n\n        button#button {\n          margin-bottom: 20px;\n          @apply --file-upload-button;\n        }\n\n        .file {\n          padding: 10px 0px;\n          @apply --file-upload-file;\n        }\n\n        .commands {\n          float: right;\n          @apply --file-upload-commands;\n        }\n\n        .commands iron-icon:not([icon=\"check-circle\"]) {\n          cursor: pointer;\n          opacity: 0.9;\n          @apply --file-upload-commands-faded;\n        }\n\n        .commands iron-icon:hover {\n          opacity: 1;\n          @apply --file-upload-commands-hovered;\n        }\n\n        [hidden] {\n          display: none;\n        }\n\n        .error {\n          color: #f40303;\n          font-size: 11px;\n          margin-top: 2px;\n          @apply --file-upload-error;\n        }\n\n        .progress-bar {\n          margin-top: 2px;\n        }\n\n        simple-progress {\n          --simple-progress-color: #03a9f4;\n        }\n\n        simple-progress[error] {\n          --simple-progress-color: #f40303;\n        }\n      </style>\n\n      <div class=\"layout horizontal nowrap\">\n        <div>\n          <button\n            id=\"button\"\n            on-click=\"_fileClick\"\n            alt=\"{{paperButtonAlt}}\"\n            raised=\"\"\n          >\n            <simple-icon icon=\"editor:attach-file\"></simple-icon\n            >{{paperButtonTitle}}\n          </button>\n          <div id=\"UploadBorder\">\n            <div id=\"dropArea\" hidden$=\"{{!_shownDropText}}\">{{dropText}}</div>\n            <template is=\"dom-repeat\" items=\"{{files}}\">\n              <div class=\"file\">\n                <div class=\"name\">\n                  <span>{{item.name}}</span>\n                  <div class=\"commands\">\n                    <simple-icon\n                      icon=\"autorenew\"\n                      title=\"{{retryText}}\"\n                      on-click=\"_retryUpload\"\n                      hidden$=\"{{!item.error}}\"\n                    ></simple-icon>\n                    <simple-icon\n                      icon=\"cancel\"\n                      title=\"{{removeText}}\"\n                      on-click=\"_cancelUpload\"\n                      hidden$=\"{{item.complete}}\"\n                    ></simple-icon>\n                    <simple-icon\n                      icon=\"check-circle\"\n                      title=\"{{successText}}\"\n                      hidden$=\"{{!item.complete}}\"\n                    ></simple-icon>\n                  </div>\n                </div>\n                <div class=\"error\" hidden$=\"{{!item.error}}\">{{errorText}}</div>\n              </div>\n            </template>\n          </div>\n        </div>\n        <input\n          type=\"file\"\n          id=\"fileInput\"\n          on-change=\"_fileChange\"\n          hidden=\"\"\n          multiple=\"{{multi}}\"\n          accept=\"{{accept}}\"\n        />\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b2dc8c501f2611eda0c389891c227ec8 || (_templateObject_b2dc8c501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        :host ([hidden]) {\n          display: none;\n        }\n        paper-input {\n          padding: 2px;\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #212121;\n          }\n        }\n\n        :host {\n          display: inline-block;\n        }\n\n        .enabled {\n          border: 1px dashed #555;\n          @apply --file-upload-upload-border-enabled;\n        }\n\n        .hover {\n          opacity: 0.7;\n          border: 1px dashed #111;\n          @apply --file-upload-upload-border-hover;\n        }\n\n        #UploadBorder {\n          vertical-align: middle;\n          color: #555;\n          padding: 20px;\n          max-height: 300px;\n          overflow-y: auto;\n          display: inline-block;\n          @apply --file-upload-upload-border;\n        }\n\n        #dropArea {\n          text-align: center;\n          @apply --file-upload-drop-area;\n        }\n\n        button#button {\n          margin-bottom: 20px;\n          @apply --file-upload-button;\n        }\n\n        .file {\n          padding: 10px 0px;\n          @apply --file-upload-file;\n        }\n\n        .commands {\n          float: right;\n          @apply --file-upload-commands;\n        }\n\n        .commands iron-icon:not([icon=\"check-circle\"]) {\n          cursor: pointer;\n          opacity: 0.9;\n          @apply --file-upload-commands-faded;\n        }\n\n        .commands iron-icon:hover {\n          opacity: 1;\n          @apply --file-upload-commands-hovered;\n        }\n\n        [hidden] {\n          display: none;\n        }\n\n        .error {\n          color: #f40303;\n          font-size: 11px;\n          margin-top: 2px;\n          @apply --file-upload-error;\n        }\n\n        .progress-bar {\n          margin-top: 2px;\n        }\n\n        simple-progress {\n          --simple-progress-color: #03a9f4;\n        }\n\n        simple-progress[error] {\n          --simple-progress-color: #f40303;\n        }\n      </style>\n\n      <div class=\"layout horizontal nowrap\">\n        <div>\n          <button\n            id=\"button\"\n            on-click=\"_fileClick\"\n            alt=\"{{paperButtonAlt}}\"\n            raised=\"\"\n          >\n            <simple-icon icon=\"editor:attach-file\"></simple-icon\n            >{{paperButtonTitle}}\n          </button>\n          <div id=\"UploadBorder\">\n            <div id=\"dropArea\" hidden$=\"{{!_shownDropText}}\">{{dropText}}</div>\n            <template is=\"dom-repeat\" items=\"{{files}}\">\n              <div class=\"file\">\n                <div class=\"name\">\n                  <span>{{item.name}}</span>\n                  <div class=\"commands\">\n                    <simple-icon\n                      icon=\"autorenew\"\n                      title=\"{{retryText}}\"\n                      on-click=\"_retryUpload\"\n                      hidden$=\"{{!item.error}}\"\n                    ></simple-icon>\n                    <simple-icon\n                      icon=\"cancel\"\n                      title=\"{{removeText}}\"\n                      on-click=\"_cancelUpload\"\n                      hidden$=\"{{item.complete}}\"\n                    ></simple-icon>\n                    <simple-icon\n                      icon=\"check-circle\"\n                      title=\"{{successText}}\"\n                      hidden$=\"{{!item.complete}}\"\n                    ></simple-icon>\n                  </div>\n                </div>\n                <div class=\"error\" hidden$=\"{{!item.error}}\">{{errorText}}</div>\n              </div>\n            </template>\n          </div>\n        </div>\n        <input\n          type=\"file\"\n          id=\"fileInput\"\n          on-change=\"_fileChange\"\n          hidden=\"\"\n          multiple=\"{{multi}}\"\n          accept=\"{{accept}}\"\n        />\n      </div>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-input.js b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-input.js
index 372365b1f81..34ace277de2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-input.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-input.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaInput = void 0;
 
-  var _templateObject_dc886fe01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2df99901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -182,7 +182,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc886fe01f0511ed8cc3e9a95995ad69 || (_templateObject_dc886fe01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n          :host ([hidden]) {\n            display: none;\n          }\n        </style>\n      </custom-style>\n      <paper-input\n        id=\"input\"\n        class=\"flex\"\n        value=\"{{value}}\"\n        auto-validate\n      ></paper-input>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b2df99901f2611eda0c389891c227ec8 || (_templateObject_b2df99901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n          :host ([hidden]) {\n            display: none;\n          }\n        </style>\n      </custom-style>\n      <paper-input\n        id=\"input\"\n        class=\"flex\"\n        value=\"{{value}}\"\n        auto-validate\n      ></paper-input>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-markup.js b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-markup.js
index fd40bfd3b45..f4825c0e6e3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-markup.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-markup.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaMarkup = void 0;
 
-  var _templateObject_dc89cf701f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2e0f9201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -55,7 +55,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc89cf701f0511ed8cc3e9a95995ad69 || (_templateObject_dc89cf701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"iron-flex iron-flex-alignment\">\n        :host {\n          color: var(--eco-json-form-color);\n          background-color: var(--eco-json-form-bg);\n          font-family: var(--eco-json-form-font-family);\n        }\n        :host ([hidden]) {\n          display: none;\n        }\n      </style>\n      <div class=\"markup\">\n        <slot></slot>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b2e0f9201f2611eda0c389891c227ec8 || (_templateObject_b2e0f9201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"iron-flex iron-flex-alignment\">\n        :host {\n          color: var(--eco-json-form-color);\n          background-color: var(--eco-json-form-bg);\n          font-family: var(--eco-json-form-font-family);\n        }\n        :host ([hidden]) {\n          display: none;\n        }\n      </style>\n      <div class=\"markup\">\n        <slot></slot>\n      </div>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-object.js b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-object.js
index d4a513483aa..d3768ac1946 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-object.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-object.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaObject = void 0;
 
-  var _templateObject_dc958f401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2ece0001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -845,7 +845,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc958f401f0511ed8cc3e9a95995ad69 || (_templateObject_dc958f401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n          :host {\n            --eco-json-field-margin: 0 0 15px;\n            --eco-json-form-border-radius: 2px;\n            --eco-json-form-font-family: var(\n              --paper-font-caption_-_font-family,\n              unset\n            );\n            --eco-json-form-bg: var(--primary-background-color, #fff);\n            --eco-json-form-color: var(--primary-text-color, #222);\n            --eco-json-form-faded-color: #888;\n            --eco-json-form-active-color: var(--primary-color, #000);\n            --eco-json-form-faded-bg: #f0f0f0;\n            --eco-json-form-add-color: #008811;\n            --eco-json-form-add-focus: #007700;\n            --eco-json-form-remove-focus: #cc0000;\n            --eco-json-form-remove-color: #dd0000;\n            --simple-picker-float-label-color: var(--eco-json-form-faded-color);\n            --simple-picker-float-label-active-color: var(\n              --eco-json-form-active-color\n            );\n            --simple-picker-background-color: var(--eco-json-form-bg);\n            --simple-picker-border-color: var(--eco-json-form-faded-color);\n            --simple-picker-focus-border-color: var(\n              --eco-json-form-active-color\n            );\n            --simple-picker-focus-border-width: 2px;\n            --paper-input-container: {\n              padding-top: 0;\n            }\n          }\n          div.layout {\n            height: auto;\n          }\n          #form {\n            display: block;\n            font-family: var(--eco-json-form-font-family);\n            background-color: var(--eco-json-form-bg);\n            color: var(--eco-json-form-color);\n            --simple-tooltip-background: var(--eco-json-form-active-color);\n            --simple-tooltip-text-color: var(--eco-json-form-bg);\n            @apply --eco-json-schema-object-form;\n            @apply --layout-vertical;\n            @apply --layout-wrap;\n          }\n          #form ::slotted(paper-input) {\n            margin-bottom: 15px;\n          }\n          #form ::slotted(*.has-tooltip-desc) {\n            margin-bottom: 0;\n            padding-bottom: 0;\n            --paper-input-container: {\n              margin-bottom: 0;\n              padding-bottom: 0;\n            }\n          }\n          #form ::slotted(div.tooltip-desc) {\n            font-size: 12px;\n            margin: var(--eco-json-field-margin);\n            color: var(--eco-json-form-faded-color);\n          }\n          #form ::slotted(paper-input),\n          #form ::slotted(div.tooltip-desc) {\n            font-family: var(--eco-json-form-font-family);\n          }\n          #form ::slotted(div.desc-for-paper-textarea) {\n            margin-top: -18px;\n            margin-right: 35px;\n          }\n          #form ::slotted(code-editor) {\n            margin: 8px 0;\n            padding: 0;\n            --code-editor-float-label-color: var(--eco-json-form-faded-color);\n            --code-editor-float-label-active-color: var(\n              --eco-json-form-active-color\n            );\n            --code-pen-button-color: var(--eco-json-form-faded-color);\n            --code-editor-code-border: 1px solid\n              var(--eco-json-form-faded-color);\n            --code-editor-code-border-radius: 2px;\n            --code-editor-focus-code-border: 2px solid\n              var(--eco-json-form-active-color);\n          }\n        </style>\n      </custom-style>\n\n      <template is=\"dom-if\" if=\"{{!wizard}}\">\n        <div class=\"header\" hidden$=\"[[!label]]\">[[label]]</div>\n      </template>\n      <div class=\"layout vertical flex start-justified\">\n        <div\n          id=\"form\"\n          class=\"layout horizontal flex start-justified\"\n          aria-live=\"polite\"\n        >\n          <slot></slot>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b2ece0001f2611eda0c389891c227ec8 || (_templateObject_b2ece0001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n          :host {\n            --eco-json-field-margin: 0 0 15px;\n            --eco-json-form-border-radius: 2px;\n            --eco-json-form-font-family: var(\n              --paper-font-caption_-_font-family,\n              unset\n            );\n            --eco-json-form-bg: var(--primary-background-color, #fff);\n            --eco-json-form-color: var(--primary-text-color, #222);\n            --eco-json-form-faded-color: #888;\n            --eco-json-form-active-color: var(--primary-color, #000);\n            --eco-json-form-faded-bg: #f0f0f0;\n            --eco-json-form-add-color: #008811;\n            --eco-json-form-add-focus: #007700;\n            --eco-json-form-remove-focus: #cc0000;\n            --eco-json-form-remove-color: #dd0000;\n            --simple-picker-float-label-color: var(--eco-json-form-faded-color);\n            --simple-picker-float-label-active-color: var(\n              --eco-json-form-active-color\n            );\n            --simple-picker-background-color: var(--eco-json-form-bg);\n            --simple-picker-border-color: var(--eco-json-form-faded-color);\n            --simple-picker-focus-border-color: var(\n              --eco-json-form-active-color\n            );\n            --simple-picker-focus-border-width: 2px;\n            --paper-input-container: {\n              padding-top: 0;\n            }\n          }\n          div.layout {\n            height: auto;\n          }\n          #form {\n            display: block;\n            font-family: var(--eco-json-form-font-family);\n            background-color: var(--eco-json-form-bg);\n            color: var(--eco-json-form-color);\n            --simple-tooltip-background: var(--eco-json-form-active-color);\n            --simple-tooltip-text-color: var(--eco-json-form-bg);\n            @apply --eco-json-schema-object-form;\n            @apply --layout-vertical;\n            @apply --layout-wrap;\n          }\n          #form ::slotted(paper-input) {\n            margin-bottom: 15px;\n          }\n          #form ::slotted(*.has-tooltip-desc) {\n            margin-bottom: 0;\n            padding-bottom: 0;\n            --paper-input-container: {\n              margin-bottom: 0;\n              padding-bottom: 0;\n            }\n          }\n          #form ::slotted(div.tooltip-desc) {\n            font-size: 12px;\n            margin: var(--eco-json-field-margin);\n            color: var(--eco-json-form-faded-color);\n          }\n          #form ::slotted(paper-input),\n          #form ::slotted(div.tooltip-desc) {\n            font-family: var(--eco-json-form-font-family);\n          }\n          #form ::slotted(div.desc-for-paper-textarea) {\n            margin-top: -18px;\n            margin-right: 35px;\n          }\n          #form ::slotted(code-editor) {\n            margin: 8px 0;\n            padding: 0;\n            --code-editor-float-label-color: var(--eco-json-form-faded-color);\n            --code-editor-float-label-active-color: var(\n              --eco-json-form-active-color\n            );\n            --code-pen-button-color: var(--eco-json-form-faded-color);\n            --code-editor-code-border: 1px solid\n              var(--eco-json-form-faded-color);\n            --code-editor-code-border-radius: 2px;\n            --code-editor-focus-code-border: 2px solid\n              var(--eco-json-form-active-color);\n          }\n        </style>\n      </custom-style>\n\n      <template is=\"dom-if\" if=\"{{!wizard}}\">\n        <div class=\"header\" hidden$=\"[[!label]]\">[[label]]</div>\n      </template>\n      <div class=\"layout vertical flex start-justified\">\n        <div\n          id=\"form\"\n          class=\"layout horizontal flex start-justified\"\n          aria-live=\"polite\"\n        >\n          <slot></slot>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-tabs.js b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-tabs.js
index 8db95937328..aa992aba221 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-tabs.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-tabs.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaTabs = void 0;
 
-  var _templateObject_dc9764001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2ee8db01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -79,7 +79,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc9764001f0511ed8cc3e9a95995ad69 || (_templateObject_dc9764001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n          :host{\n            color: var(--eco-json-form-color);\n            background-color: var(--eco-json-form-bg);\n            font-family: var(--eco-json-form-font-family);\n          }\n          :host ([hidden]) {\n            display: none;\n          }\n          :host a11y-tabs {\n            --a11y-tabs-color: var(--eco-json-form-faded-color);\n            --a11y-tabs-focus-color: var(--eco-json-form-color);\n            --a11y-tabs-border-color: var(--eco-json-form-faded-color);\n            --a11y-tabs-border-radius: var(--eco-json-form-border-radius);\n            --a11y-tabs-background: var(--eco-json-form-bg);\n            --a11y-tabs-faded-background: var(--eco-json-form-faded-bg);\n            --a11y-tabs-justify-tabs: flex-start;\n            --ally-tabs-wrap: unset;\n            --a11y-tabs-content-padding: 4px 8px;\n            --a11y-tabs-button-padding: 8px;\n            --a11y-tabs-vertical-button-padding: unset;\n            --a11y-tabs-horizontal-border-radius: unset;\n            --a11y-tabs-vertical-border-radius: unset;\n            --a11y-tabs-horizontal-button-padding: 2px 5px;\n          }\n          :host a11y-tabs:focus,\n          :host a11y-tabs:focus-within {\n            --a11y-tabs-border-color: : var(--eco-json-form-focus-color);\n          }\n          :host .tab-title {\n            position: absolute;\n            left: -99999px;\n            height: 0;\n            overflow: hidden;\n          }\n        </style>\n      </custom-style>\n      <a11y-tabs id$=\"[[schema.property]]\" layout-breakpoint=\"0\">\n        <template\n          is=\"dom-repeat\"\n          items=\"[[schema.properties]]\"\n          as=\"item\"\n          restamp\n        >\n          <a11y-tab\n            id$=\"item-[[index]]\"\n            icon$=\"[[item.icon]]\"\n            disabled$=\"[[item.disabled]]\"\n            label$=\"[[item.label]]\"\n          >\n            <div hidden$=\"[[!item.description]]\">[[item.description]]</div>\n            <div\n              id$=\"[[item.property]]\"\n              class=\"item-fields\"\n              data-index$=\"[[index]]\"\n            ></div>\n          </a11y-tab>\n        </template>\n      </a11y-tabs>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b2ee8db01f2611eda0c389891c227ec8 || (_templateObject_b2ee8db01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n          :host{\n            color: var(--eco-json-form-color);\n            background-color: var(--eco-json-form-bg);\n            font-family: var(--eco-json-form-font-family);\n          }\n          :host ([hidden]) {\n            display: none;\n          }\n          :host a11y-tabs {\n            --a11y-tabs-color: var(--eco-json-form-faded-color);\n            --a11y-tabs-focus-color: var(--eco-json-form-color);\n            --a11y-tabs-border-color: var(--eco-json-form-faded-color);\n            --a11y-tabs-border-radius: var(--eco-json-form-border-radius);\n            --a11y-tabs-background: var(--eco-json-form-bg);\n            --a11y-tabs-faded-background: var(--eco-json-form-faded-bg);\n            --a11y-tabs-justify-tabs: flex-start;\n            --ally-tabs-wrap: unset;\n            --a11y-tabs-content-padding: 4px 8px;\n            --a11y-tabs-button-padding: 8px;\n            --a11y-tabs-vertical-button-padding: unset;\n            --a11y-tabs-horizontal-border-radius: unset;\n            --a11y-tabs-vertical-border-radius: unset;\n            --a11y-tabs-horizontal-button-padding: 2px 5px;\n          }\n          :host a11y-tabs:focus,\n          :host a11y-tabs:focus-within {\n            --a11y-tabs-border-color: : var(--eco-json-form-focus-color);\n          }\n          :host .tab-title {\n            position: absolute;\n            left: -99999px;\n            height: 0;\n            overflow: hidden;\n          }\n        </style>\n      </custom-style>\n      <a11y-tabs id$=\"[[schema.property]]\" layout-breakpoint=\"0\">\n        <template\n          is=\"dom-repeat\"\n          items=\"[[schema.properties]]\"\n          as=\"item\"\n          restamp\n        >\n          <a11y-tab\n            id$=\"item-[[index]]\"\n            icon$=\"[[item.icon]]\"\n            disabled$=\"[[item.disabled]]\"\n            label$=\"[[item.label]]\"\n          >\n            <div hidden$=\"[[!item.description]]\">[[item.description]]</div>\n            <div\n              id$=\"[[item.property]]\"\n              class=\"item-fields\"\n              data-index$=\"[[index]]\"\n            ></div>\n          </a11y-tab>\n        </template>\n      </a11y-tabs>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-wizard.js b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-wizard.js
index 0aeedd743e9..ff358988143 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-wizard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/eco-json-schema-form/lib/eco-json-schema-wizard.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaWizard = void 0;
 
-  var _templateObject_dc9fa1601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2f767501f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -630,7 +630,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dc9fa1601f0511ed8cc3e9a95995ad69 || (_templateObject_dc9fa1601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        :host {\n          display: block;\n          @apply --layout-vertical;\n        }\n\n        paper-input {\n          padding: 2px;\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #fff;\n          }\n        }\n\n        .box,\n        #form {\n          display: -webkit-box;\n          display: -webkit-flex;\n          display: -moz-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-flex-align: center;\n          -ms-flex-align: center;\n          -webkit-align-items: center;\n          align-items: center;\n        }\n\n        .fullbleed {\n          z-index: 1;\n        }\n\n        app-toolbar.bottom {\n          --app-toolbar-color: var(--app-primary-color);\n          --app-toolbar-background: var(--dark-theme-text-color);\n        }\n\n        app-toolbar.bottom simple-icon-button {\n          --app-toolbar-color: var(--dark-theme-text-color);\n          --app-toolbar-background: var(--app-primary-color);\n        }\n      </style>\n      <div class=\"vertical flex layout fullbleed\">\n        <!--\n        simple-icon-button id=\"camButton\" icon=\"editor:insert-photo\" raised>add photo</simple-icon-button\n      -->\n        <app-toolbar>\n          <simple-icon-button\n            id=\"prevButton\"\n            icon=\"arrow-back\"\n            hidden$=\"{{!hasPrev}}\"\n            on-click=\"prev\"\n            raised=\"\"\n            >{{localize('prev')}}</simple-icon-button\n          ><span\n            class=\"title layout horizontal flex\"\n            style=\"white-space: normal\"\n            >[[title]]</span\n          >\n          <simple-icon-button\n            id=\"nextButton\"\n            icon=\"arrow-forward\"\n            hidden$=\"{{!hasNext}}\"\n            on-click=\"next\"\n            raised=\"\"\n            >{{localize('next')}}</simple-icon-button\n          >\n          <simple-icon-button\n            id=\"submitButton\"\n            icon=\"cloud-upload\"\n            on-click=\"submit\"\n            raised=\"\"\n            >{{localize('submit')}}</simple-icon-button\n          >\n        </app-toolbar>\n        <iron-pages\n          id=\"form\"\n          class=\"layout horizontal flex start-justified\"\n          role=\"main\"\n          selected=\"[[page]]\"\n          attr-for-selected=\"name\"\n        ></iron-pages>\n        <app-toolbar class=\"bottom\">\n          <div hidden$=\"{{!hasPrev}}\" on-click=\"prev\">\n            <simple-icon-button id=\"prevButton\" icon=\"arrow-back\" raised=\"\"\n              >{{localize('prev')}}</simple-icon-button\n            >\n            <span class=\"title layout\" style=\"white-space: normal\"\n              >{{localize('prev')}}</span\n            >\n          </div>\n          <span\n            class=\"title layout horizontal flex\"\n            style=\"white-space: normal\"\n          ></span>\n          <div hidden$=\"{{!hasNext}}\" on-click=\"next\">\n            <span class=\"title layout\" style=\"white-space: normal\"\n              >{{localize('next')}}</span\n            >\n            <simple-icon-button id=\"nextButton\" icon=\"arrow-forward\" raised=\"\"\n              >{{localize('next')}}</simple-icon-button\n            >\n          </div>\n        </app-toolbar>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b2f767501f2611eda0c389891c227ec8 || (_templateObject_b2f767501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        :host {\n          display: block;\n          @apply --layout-vertical;\n        }\n\n        paper-input {\n          padding: 2px;\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #fff;\n          }\n        }\n\n        .box,\n        #form {\n          display: -webkit-box;\n          display: -webkit-flex;\n          display: -moz-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-flex-align: center;\n          -ms-flex-align: center;\n          -webkit-align-items: center;\n          align-items: center;\n        }\n\n        .fullbleed {\n          z-index: 1;\n        }\n\n        app-toolbar.bottom {\n          --app-toolbar-color: var(--app-primary-color);\n          --app-toolbar-background: var(--dark-theme-text-color);\n        }\n\n        app-toolbar.bottom simple-icon-button {\n          --app-toolbar-color: var(--dark-theme-text-color);\n          --app-toolbar-background: var(--app-primary-color);\n        }\n      </style>\n      <div class=\"vertical flex layout fullbleed\">\n        <!--\n        simple-icon-button id=\"camButton\" icon=\"editor:insert-photo\" raised>add photo</simple-icon-button\n      -->\n        <app-toolbar>\n          <simple-icon-button\n            id=\"prevButton\"\n            icon=\"arrow-back\"\n            hidden$=\"{{!hasPrev}}\"\n            on-click=\"prev\"\n            raised=\"\"\n            >{{localize('prev')}}</simple-icon-button\n          ><span\n            class=\"title layout horizontal flex\"\n            style=\"white-space: normal\"\n            >[[title]]</span\n          >\n          <simple-icon-button\n            id=\"nextButton\"\n            icon=\"arrow-forward\"\n            hidden$=\"{{!hasNext}}\"\n            on-click=\"next\"\n            raised=\"\"\n            >{{localize('next')}}</simple-icon-button\n          >\n          <simple-icon-button\n            id=\"submitButton\"\n            icon=\"cloud-upload\"\n            on-click=\"submit\"\n            raised=\"\"\n            >{{localize('submit')}}</simple-icon-button\n          >\n        </app-toolbar>\n        <iron-pages\n          id=\"form\"\n          class=\"layout horizontal flex start-justified\"\n          role=\"main\"\n          selected=\"[[page]]\"\n          attr-for-selected=\"name\"\n        ></iron-pages>\n        <app-toolbar class=\"bottom\">\n          <div hidden$=\"{{!hasPrev}}\" on-click=\"prev\">\n            <simple-icon-button id=\"prevButton\" icon=\"arrow-back\" raised=\"\"\n              >{{localize('prev')}}</simple-icon-button\n            >\n            <span class=\"title layout\" style=\"white-space: normal\"\n              >{{localize('prev')}}</span\n            >\n          </div>\n          <span\n            class=\"title layout horizontal flex\"\n            style=\"white-space: normal\"\n          ></span>\n          <div hidden$=\"{{!hasNext}}\" on-click=\"next\">\n            <span class=\"title layout\" style=\"white-space: normal\"\n              >{{localize('next')}}</span\n            >\n            <simple-icon-button id=\"nextButton\" icon=\"arrow-forward\" raised=\"\"\n              >{{localize('next')}}</simple-icon-button\n            >\n          </div>\n        </app-toolbar>\n      </div>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-list/editable-list.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-list/editable-list.js
index fae1e7fffa6..eb3ee1c79e8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-list/editable-list.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-list/editable-list.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-modal/simple-moda
   _exports.EditableList = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a230ad301f0511ed8cc3e9a95995ad69, _templateObject2_a230ad301f0511ed8cc3e9a95995ad69, _templateObject3_a230ad301f0511ed8cc3e9a95995ad69;
+  var _templateObject_7cd7f7201f2611eda0c389891c227ec8, _templateObject2_7cd7f7201f2611eda0c389891c227ec8, _templateObject3_7cd7f7201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -60,8 +60,8 @@ define(["exports", "require", "../../lit/index.js", "../simple-modal/simple-moda
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a230ad301f0511ed8cc3e9a95995ad69 || (_templateObject_a230ad301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"list\">\n      ", "\n    </div>"])), this.items.map(function (item) {
-          return (0, _index.html)(_templateObject2_a230ad301f0511ed8cc3e9a95995ad69 || (_templateObject2_a230ad301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <editable-list-item\n            ?edit-mode=\"", "\"\n            ?can-edit=\"", "\"\n            ?can-delete=\"", "\"\n            value=\"", "\"\n          ></editable-list-item>\n        "])), item.metadata.canEdit, item.metadata.canEdit, item.metadata.canDelete, item.title);
+        return (0, _index.html)(_templateObject_7cd7f7201f2611eda0c389891c227ec8 || (_templateObject_7cd7f7201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"list\">\n      ", "\n    </div>"])), this.items.map(function (item) {
+          return (0, _index.html)(_templateObject2_7cd7f7201f2611eda0c389891c227ec8 || (_templateObject2_7cd7f7201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <editable-list-item\n            ?edit-mode=\"", "\"\n            ?can-edit=\"", "\"\n            ?can-delete=\"", "\"\n            value=\"", "\"\n          ></editable-list-item>\n        "])), item.metadata.canEdit, item.metadata.canEdit, item.metadata.canDelete, item.title);
         }));
       } // properties available to the custom element for data binding
 
@@ -172,7 +172,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-modal/simple-moda
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject3_a230ad301f0511ed8cc3e9a95995ad69 || (_templateObject3_a230ad301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #list {\n          height: 100%;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_7cd7f7201f2611eda0c389891c227ec8 || (_templateObject3_7cd7f7201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #list {\n          height: 100%;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-list/lib/editable-list-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-list/lib/editable-list-item.js
index 50a297c04d1..918073363b7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-list/lib/editable-list-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-list/lib/editable-list-item.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
   });
   _exports.EditableListItem = void 0;
 
-  var _templateObject_dca212601f0511ed8cc3e9a95995ad69, _templateObject2_dca212601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b2f9d8501f2611eda0c389891c227ec8, _templateObject2_b2f9d8501f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -44,7 +44,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_dca212601f0511ed8cc3e9a95995ad69 || (_templateObject_dca212601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-input {\n            --paper-input-container-shared-input-style: {\n              height: 40px;\n              padding: 0;\n              margin: 0;\n            }\n          }\n        </style>\n      </custom-style>\n      <paper-input\n        id=\"input\"\n        class=\"input\"\n        value=\"", "\"\n        @value-changed=\"", "\"\n        ?hidden=\"", "\"\n      ></paper-input>\n      <div class=\"input\" ?hidden=\"", "\">", "</div>\n      <div class=\"ops\" ?hidden=\"", "\">\n        <simple-icon-button\n          @click=\"", "\"\n          id=\"edit\"\n          icon=\"icons:create\"\n        ></simple-icon-button>\n        <simple-icon-button\n          @click=\"", "\"\n          id=\"add\"\n          icon=\"icons:add\"\n        ></simple-icon-button>\n        <simple-icon-button\n          @click=\"", "\"\n          id=\"duplicate\"\n          icon=\"icons:content-copy\"\n        ></simple-icon-button>\n        <simple-icon-button\n          @click=\"", "\"\n          id=\"delete\"\n          icon=\"icons:delete\"\n        ></simple-icon-button>\n      </div>\n    "])), this.value, this.valueChanged, !this.editing, !this.editing, this.value, !this.editMode, this._editToggle, this._editToggle, this._editToggle, this._deleteModal);
+        return (0, _index.html)(_templateObject_b2f9d8501f2611eda0c389891c227ec8 || (_templateObject_b2f9d8501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-input {\n            --paper-input-container-shared-input-style: {\n              height: 40px;\n              padding: 0;\n              margin: 0;\n            }\n          }\n        </style>\n      </custom-style>\n      <paper-input\n        id=\"input\"\n        class=\"input\"\n        value=\"", "\"\n        @value-changed=\"", "\"\n        ?hidden=\"", "\"\n      ></paper-input>\n      <div class=\"input\" ?hidden=\"", "\">", "</div>\n      <div class=\"ops\" ?hidden=\"", "\">\n        <simple-icon-button\n          @click=\"", "\"\n          id=\"edit\"\n          icon=\"icons:create\"\n        ></simple-icon-button>\n        <simple-icon-button\n          @click=\"", "\"\n          id=\"add\"\n          icon=\"icons:add\"\n        ></simple-icon-button>\n        <simple-icon-button\n          @click=\"", "\"\n          id=\"duplicate\"\n          icon=\"icons:content-copy\"\n        ></simple-icon-button>\n        <simple-icon-button\n          @click=\"", "\"\n          id=\"delete\"\n          icon=\"icons:delete\"\n        ></simple-icon-button>\n      </div>\n    "])), this.value, this.valueChanged, !this.editing, !this.editing, this.value, !this.editMode, this._editToggle, this._editToggle, this._editToggle, this._deleteModal);
       }
     }, {
       key: "valueChanged",
@@ -120,7 +120,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableListItem), "styles", this)), [(0, _index.css)(_templateObject2_dca212601f0511ed8cc3e9a95995ad69 || (_templateObject2_dca212601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host([can-edit]) #edit {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([can-delete]) #delete {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host #add,\n        #duplicate {\n          visibility: visible;\n          opacity: 1;\n        }\n        simple-icon-button {\n          visibility: hidden;\n          opacity: 0;\n          transition: 0.3s all linear;\n        }\n        .input {\n          display: block;\n          height: 40px;\n          padding: 0;\n          margin: 0;\n          line-height: 40px;\n        }\n        .input[hidden] {\n          display: none;\n        }\n        div.input {\n          z-index: 1;\n        }\n        .ops {\n          position: absolute;\n          display: block;\n          right: 0;\n          top: 0;\n          z-index: 2;\n          background-color: white;\n        }\n        .ops simple-icon-button {\n          border-radius: 50%;\n          --simple-icon-height: 32px;\n          --simple-icon-width: 32px;\n          padding: 4px;\n          margin: 0px;\n        }\n        .ops[hidden] {\n          display: none;\n        }\n        #edit {\n          color: white;\n          background-color: var(--simple-colors-default-theme-green-8, #ddffdd);\n        }\n        #delete {\n          color: white;\n          background-color: var(--simple-colors-default-theme-red-6, #ff5555);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableListItem), "styles", this)), [(0, _index.css)(_templateObject2_b2f9d8501f2611eda0c389891c227ec8 || (_templateObject2_b2f9d8501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host([can-edit]) #edit {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([can-delete]) #delete {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host #add,\n        #duplicate {\n          visibility: visible;\n          opacity: 1;\n        }\n        simple-icon-button {\n          visibility: hidden;\n          opacity: 0;\n          transition: 0.3s all linear;\n        }\n        .input {\n          display: block;\n          height: 40px;\n          padding: 0;\n          margin: 0;\n          line-height: 40px;\n        }\n        .input[hidden] {\n          display: none;\n        }\n        div.input {\n          z-index: 1;\n        }\n        .ops {\n          position: absolute;\n          display: block;\n          right: 0;\n          top: 0;\n          z-index: 2;\n          background-color: white;\n        }\n        .ops simple-icon-button {\n          border-radius: 50%;\n          --simple-icon-height: 32px;\n          --simple-icon-width: 32px;\n          padding: 4px;\n          margin: 0px;\n        }\n        .ops[hidden] {\n          display: none;\n        }\n        #edit {\n          color: white;\n          background-color: var(--simple-colors-default-theme-green-8, #ddffdd);\n        }\n        #delete {\n          color: white;\n          background-color: var(--simple-colors-default-theme-red-6, #ff5555);\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-outline/editable-outline.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-outline/editable-outline.js
index cb32e3b87c4..9cfc09c71ca 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-outline/editable-outline.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-outline/editable-outline.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../utils/utils.js", "../json-outline-s
   });
   _exports.EditableOutline = void 0;
 
-  var _templateObject_a2b127d01f0511ed8cc3e9a95995ad69, _templateObject2_a2b127d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7ce3b6f01f2611eda0c389891c227ec8, _templateObject2_7ce3b6f01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -50,7 +50,7 @@ define(["exports", "../../lit/index.js", "../utils/utils.js", "../json-outline-s
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a2b127d01f0511ed8cc3e9a95995ad69 || (_templateObject_a2b127d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div class=\"button-wrapper\">\n        <button @click=\"", "\" id=\"add\" title=\"Add a new node\">\n          <simple-icon icon=\"icons:add\"></simple-icon><span>Add</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"collapse\"\n          title=\"Toggle active node collapsed status\"\n        >\n          <simple-icon icon=\"icons:swap-vert\"></simple-icon\n          ><span>Toggle active</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"collapseall\"\n          title=\"Collapse all nodes\"\n        >\n          <simple-icon icon=\"icons:swap-vert\"></simple-icon\n          ><span>Collapse all</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"expandall\"\n          title=\"Expand all nodes\"\n        >\n          <simple-icon icon=\"icons:swap-vert\"></simple-icon\n          ><span>Expand all</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"down\"\n          title=\"Move active node down\"\n        >\n          <simple-icon icon=\"icons:arrow-downward\"></simple-icon\n          ><span>Move down</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"up\"\n          title=\"Move active node up\"\n        >\n          <simple-icon icon=\"icons:arrow-upward\"></simple-icon\n          ><span>Move up</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"outdent\"\n          title=\"Outdent active node\"\n        >\n          <simple-icon icon=\"editor:format-indent-decrease\"></simple-icon\n          ><span>Outdent</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"indent\"\n          title=\"Indent active node\"\n        >\n          <simple-icon icon=\"editor:format-indent-increase\"></simple-icon\n          ><span>Indent</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"duplicate\"\n          title=\"Duplicate active node tree\"\n        >\n          <simple-icon icon=\"icons:content-copy\"></simple-icon\n          ><span>Duplicate</span>\n        </button>\n      </div>\n      <ul id=\"outline\"></ul>"])), this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents);
+        return (0, _index.html)(_templateObject_7ce3b6f01f2611eda0c389891c227ec8 || (_templateObject_7ce3b6f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div class=\"button-wrapper\">\n        <button @click=\"", "\" id=\"add\" title=\"Add a new node\">\n          <simple-icon icon=\"icons:add\"></simple-icon><span>Add</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"collapse\"\n          title=\"Toggle active node collapsed status\"\n        >\n          <simple-icon icon=\"icons:swap-vert\"></simple-icon\n          ><span>Toggle active</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"collapseall\"\n          title=\"Collapse all nodes\"\n        >\n          <simple-icon icon=\"icons:swap-vert\"></simple-icon\n          ><span>Collapse all</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"expandall\"\n          title=\"Expand all nodes\"\n        >\n          <simple-icon icon=\"icons:swap-vert\"></simple-icon\n          ><span>Expand all</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"down\"\n          title=\"Move active node down\"\n        >\n          <simple-icon icon=\"icons:arrow-downward\"></simple-icon\n          ><span>Move down</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"up\"\n          title=\"Move active node up\"\n        >\n          <simple-icon icon=\"icons:arrow-upward\"></simple-icon\n          ><span>Move up</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"outdent\"\n          title=\"Outdent active node\"\n        >\n          <simple-icon icon=\"editor:format-indent-decrease\"></simple-icon\n          ><span>Outdent</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"indent\"\n          title=\"Indent active node\"\n        >\n          <simple-icon icon=\"editor:format-indent-increase\"></simple-icon\n          ><span>Indent</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"duplicate\"\n          title=\"Duplicate active node tree\"\n        >\n          <simple-icon icon=\"icons:content-copy\"></simple-icon\n          ><span>Duplicate</span>\n        </button>\n      </div>\n      <ul id=\"outline\"></ul>"])), this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents);
       } // properties available to the custom element for data binding
 
     }, {
@@ -693,7 +693,7 @@ define(["exports", "../../lit/index.js", "../utils/utils.js", "../json-outline-s
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a2b127d01f0511ed8cc3e9a95995ad69 || (_templateObject2_a2b127d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: \"Noto Serif\", serif;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        .button-wrapper {\n          line-height: 36px;\n          position: -webkit-sticky;\n          position: sticky;\n          top: 0px;\n          background-color: white;\n          display: block;\n          justify-content: space-evenly;\n        }\n        @media (max-width: 1000px) {\n          button span {\n            opacity: 0;\n            visibility: hidden;\n            position: absolute;\n            left: -9999px;\n          }\n        }\n\n        button {\n          height: 32px;\n          font-size: 10px;\n          margin: 0;\n          padding: 0 8px;\n        }\n\n        button span {\n          padding-left: 4px;\n          pointer-events: none;\n        }\n\n        #outline {\n          margin: 0;\n        }\n\n        ul {\n          font-size: 16px;\n          line-height: 32px;\n          padding-left: 32px;\n          visibility: visible;\n          opacity: 1;\n          overflow: hidden;\n          height: auto;\n          transition: 0.2s ease-in-out all;\n        }\n\n        li {\n          font-size: 16px;\n          line-height: 32px;\n          padding: 4px;\n          transition: 0.2s linear all;\n        }\n\n        ul:hover {\n          outline: 1px solid #eeeeee;\n        }\n\n        li.collapsed-title {\n          background-color: #dddddd;\n        }\n\n        li.collapsed-title:after {\n          content: \"    ( Double-click to expand )\";\n        }\n\n        li:after {\n          transition: 0.4s ease-in-out all;\n          opacity: 0;\n          font-size: 11px;\n          visibility: hidden;\n        }\n\n        li.collapsed-title:hover:after {\n          font-style: italic;\n          opacity: 1;\n          visibility: visible;\n        }\n\n        ul.collapsed-content {\n          visibility: hidden;\n          opacity: 0;\n          height: 0;\n        }\n\n        li:focus,\n        li:active,\n        li:hover {\n          background-color: #eeeeee;\n          outline: 1px solid #cccccc;\n        }\n\n        simple-icon {\n          pointer-events: none;\n        }\n\n        li[data-jos-published=\"false\"] {\n          text-decoration: line-through;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7ce3b6f01f2611eda0c389891c227ec8 || (_templateObject2_7ce3b6f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: \"Noto Serif\", serif;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        .button-wrapper {\n          line-height: 36px;\n          position: -webkit-sticky;\n          position: sticky;\n          top: 0px;\n          background-color: white;\n          display: block;\n          justify-content: space-evenly;\n        }\n        @media (max-width: 1000px) {\n          button span {\n            opacity: 0;\n            visibility: hidden;\n            position: absolute;\n            left: -9999px;\n          }\n        }\n\n        button {\n          height: 32px;\n          font-size: 10px;\n          margin: 0;\n          padding: 0 8px;\n        }\n\n        button span {\n          padding-left: 4px;\n          pointer-events: none;\n        }\n\n        #outline {\n          margin: 0;\n        }\n\n        ul {\n          font-size: 16px;\n          line-height: 32px;\n          padding-left: 32px;\n          visibility: visible;\n          opacity: 1;\n          overflow: hidden;\n          height: auto;\n          transition: 0.2s ease-in-out all;\n        }\n\n        li {\n          font-size: 16px;\n          line-height: 32px;\n          padding: 4px;\n          transition: 0.2s linear all;\n        }\n\n        ul:hover {\n          outline: 1px solid #eeeeee;\n        }\n\n        li.collapsed-title {\n          background-color: #dddddd;\n        }\n\n        li.collapsed-title:after {\n          content: \"    ( Double-click to expand )\";\n        }\n\n        li:after {\n          transition: 0.4s ease-in-out all;\n          opacity: 0;\n          font-size: 11px;\n          visibility: hidden;\n        }\n\n        li.collapsed-title:hover:after {\n          font-style: italic;\n          opacity: 1;\n          visibility: visible;\n        }\n\n        ul.collapsed-content {\n          visibility: hidden;\n          opacity: 0;\n          height: 0;\n        }\n\n        li:focus,\n        li:active,\n        li:hover {\n          background-color: #eeeeee;\n          outline: 1px solid #cccccc;\n        }\n\n        simple-icon {\n          pointer-events: none;\n        }\n\n        li[data-jos-published=\"false\"] {\n          text-decoration: line-through;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/editable-table.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/editable-table.js
index 273e8b53ab1..93c2d19faa3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/editable-table.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/editable-table.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "./lib/editable-table-behaviors
   _exports.EditableTable = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_a2b4d1501f0511ed8cc3e9a95995ad69, _templateObject2_a2b4d1501f0511ed8cc3e9a95995ad69;
+  var _templateObject_7d5ba6101f2611eda0c389891c227ec8, _templateObject2_7d5ba6101f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -102,7 +102,7 @@ define(["exports", "meta", "../../lit/index.js", "./lib/editable-table-behaviors
     babelHelpers.createClass(EditableTable, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a2b4d1501f0511ed8cc3e9a95995ad69 || (_templateObject_a2b4d1501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <editable-table-display\n        ?bordered=\"", "\"\n        caption=\"", "\"\n        ?column-header=\"", "\"\n        ?column-striped=\"", "\"\n        ?condensed=\"", "\"\n        .data=\"", "\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        ?downloadable=\"", "\"\n        ?filter=\"", "\"\n        ?footer=\"", "\"\n        ?numeric-styles=\"", "\"\n        ?printable=\"", "\"\n        ?responsive=\"", "\"\n        ?row-header=\"", "\"\n        ?sort=\"", "\"\n        ?striped=\"", "\"\n      >\n        <slot></slot>\n      </editable-table-display>\n      <editable-table-edit\n        ?bordered=\"", "\"\n        caption=\"", "\"\n        @change=\"", "\"\n        .config=\"", "\"\n        ?column-header=\"", "\"\n        ?column-striped=\"", "\"\n        ?condensed=\"", "\"\n        .data=\"", "\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        ?downloadable=\"", "\"\n        ?filter=\"", "\"\n        ?footer=\"", "\"\n        ?hide-bordered=\"", "\"\n        ?hide-condensed=\"", "\"\n        ?hide-downloadable=\"", "\"\n        ?hide-filter=\"", "\"\n        ?hide-responsive=\"", "\"\n        ?hide-printable=\"", "\"\n        ?hide-sort=\"", "\"\n        ?hide-striped=\"", "\"\n        ?numeric-styles=\"", "\"\n        ?printable=\"", "\"\n        ?responsive=\"", "\"\n        ?row-header=\"", "\"\n        ?sort=\"", "\"\n        ?striped=\"", "\"\n      >\n      </editable-table-edit>\n    "])), this.bordered, this.caption, this.columnHeader, this.columnStriped, this.condensed, this.data, this.disabled, this.editMode, this.downloadable, this.filter, this.footer, this.numericStyles, this.printable, this.responsive, this.rowHeader, this.sort, this.striped, this.bordered, this.caption, this._handleSync, this.config, this.columnHeader, this.columnStriped, this.condensed, this.data, this.disabled, !this.editMode || this.hidden, this.downloadable, this.filter, this.footer, this.hideBordered, this.hideCondensed, this.hideDownloadable, this.hideFilter, this.hideResponsive, this.hidePrintable, this.hideSort, this.hideStriped, this.numericStyles, this.printable, this.responsive, this.rowHeader, this.sort, this.striped);
+        return (0, _index.html)(_templateObject_7d5ba6101f2611eda0c389891c227ec8 || (_templateObject_7d5ba6101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <editable-table-display\n        ?bordered=\"", "\"\n        caption=\"", "\"\n        ?column-header=\"", "\"\n        ?column-striped=\"", "\"\n        ?condensed=\"", "\"\n        .data=\"", "\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        ?downloadable=\"", "\"\n        ?filter=\"", "\"\n        ?footer=\"", "\"\n        ?numeric-styles=\"", "\"\n        ?printable=\"", "\"\n        ?responsive=\"", "\"\n        ?row-header=\"", "\"\n        ?sort=\"", "\"\n        ?striped=\"", "\"\n      >\n        <slot></slot>\n      </editable-table-display>\n      <editable-table-edit\n        ?bordered=\"", "\"\n        caption=\"", "\"\n        @change=\"", "\"\n        .config=\"", "\"\n        ?column-header=\"", "\"\n        ?column-striped=\"", "\"\n        ?condensed=\"", "\"\n        .data=\"", "\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        ?downloadable=\"", "\"\n        ?filter=\"", "\"\n        ?footer=\"", "\"\n        ?hide-bordered=\"", "\"\n        ?hide-condensed=\"", "\"\n        ?hide-downloadable=\"", "\"\n        ?hide-filter=\"", "\"\n        ?hide-responsive=\"", "\"\n        ?hide-printable=\"", "\"\n        ?hide-sort=\"", "\"\n        ?hide-striped=\"", "\"\n        ?numeric-styles=\"", "\"\n        ?printable=\"", "\"\n        ?responsive=\"", "\"\n        ?row-header=\"", "\"\n        ?sort=\"", "\"\n        ?striped=\"", "\"\n      >\n      </editable-table-edit>\n    "])), this.bordered, this.caption, this.columnHeader, this.columnStriped, this.condensed, this.data, this.disabled, this.editMode, this.downloadable, this.filter, this.footer, this.numericStyles, this.printable, this.responsive, this.rowHeader, this.sort, this.striped, this.bordered, this.caption, this._handleSync, this.config, this.columnHeader, this.columnStriped, this.condensed, this.data, this.disabled, !this.editMode || this.hidden, this.downloadable, this.filter, this.footer, this.hideBordered, this.hideCondensed, this.hideDownloadable, this.hideFilter, this.hideResponsive, this.hidePrintable, this.hideSort, this.hideStriped, this.numericStyles, this.printable, this.responsive, this.rowHeader, this.sort, this.striped);
       }
     }, {
       key: "display",
@@ -158,7 +158,7 @@ define(["exports", "meta", "../../lit/index.js", "./lib/editable-table-behaviors
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_a2b4d1501f0511ed8cc3e9a95995ad69 || (_templateObject2_a2b4d1501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]) {\n          display: none !important;\n          margin: 15px 0;\n        }\n\n        :host > * {\n          margin: 0px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7d5ba6101f2611eda0c389891c227ec8 || (_templateObject2_7d5ba6101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]) {\n          display: none !important;\n          margin: 15px 0;\n        }\n\n        :host > * {\n          margin: 0px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-behaviors.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-behaviors.dev.js
index 21c2240aa02..111b1787f6d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-behaviors.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-behaviors.dev.js
@@ -191,30 +191,30 @@ function _getPrototypeOf(o) {
   return _getPrototypeOf(o);
 }
 
-function _templateObject3_e7749c301f0511ed8cc3e9a95995ad69() {
+function _templateObject3_bd901c701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n    table[sort] .thead .th,\n    table[filter] .tbody .td,\n    table[filter] .tfoot .td {\n      padding-left: 0;\n      padding-right: 0;\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n    caption {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding: 0;\n    }\n    caption > div {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n    }\n    caption > div > *:not(:last-child) {\n      padding: 0 0 5px;\n    }\n    #column {\n      width: calc(var(--simple-picker-option-size) + 6px);\n      overflow: visible;\n      display: none;\n      margin-left: 10px;\n      --simple-picker-border-width: 1px;\n      --simple-picker-focus-border-width: 1px;\n      --simple-picker-border-color: var(--editable-table-border-color, #999);\n    }\n    .th,\n    .td {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding-left: var(--editable-table-cell-horizontal-padding, 6px);\n      padding-right: var(--editable-table-cell-horizontal-padding, 6px);\n    }\n    span.cell {\n      display: block;\n    }\n    @media screen {\n      :host([responsive][responsive-size="xs"]) #column {\n        display: inline-flex;\n      }\n      :host([responsive][responsive-size="xs"]) .th[xs-hidden],\n      :host([responsive][responsive-size="xs"]) .td[xs-hidden] {\n        display: none;\n      }\n    }\n  ']);
 
-  _templateObject3_e7749c301f0511ed8cc3e9a95995ad69 = function _templateObject3_e7749c301f0511ed8cc3e9a95995ad69() {
+  _templateObject3_bd901c701f2611eda0c389891c227ec8 = function _templateObject3_bd901c701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_e7749c301f0511ed8cc3e9a95995ad69() {
+function _templateObject2_bd901c701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n    :host {\n      display: block;\n      width: 100%;\n      max-width: 100%;\n      margin: 15px 0;\n      font-size: var(--editable-table-font-size, unset);\n      font-family: var(--editable-table-font-family, inherit);\n      font-weight: var(--editable-table-medium-weight, 300);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n\n      --simple-picker-font-family: var(\n        --editable-table-secondary-font-family,\n        "Roboto",\n        "Noto",\n        sans-serif\n      );\n      --simple-picker-font-size: var(\n        --editable-table-secondary-font-size,\n        12px\n      );\n      --simple-picker-color: var(--editable-table-color, #222);\n      --simple-picker-background-color: var(--editable-table-bg-color, #fff);\n      --paper-font-caption: {\n        font-family: var(\n          --editable-table-secondary-font-family,\n          "Roboto",\n          "Noto",\n          sans-serif\n        );\n      }\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .offscreen {\n      position: absolute;\n      left: -9999px;\n      font-size: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n      margin: 0;\n      padding: 0;\n    }\n    table {\n      width: calc(100% - 2 * var(--editable-table-border-width, 1px));\n      display: table;\n      border-collapse: collapse;\n      border-width: var(--editable-table-border-width, 1px);\n      border-style: var(--editable-table-border-style, solid);\n      border-color: var(--editable-table-border-color, #999);\n      font-weight: var(--editable-table-light-weight, 200);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    .th,\n    .td {\n      font-weight: var(--editable-table-light-weight, 200);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    caption {\n      font-size: var(\n        --editable-table-caption-font-size,\n        var(--editable-table-font-size, unset)\n      );\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(\n        --editable-table-caption-color,\n        var(--editable-table-color, #222)\n      );\n      background-color: var(\n        --editable-table-caption-bg-color,\n        var(--editable-table-bg-color, #fff)\n      );\n      width: 100%;\n    }\n    .tr {\n      display: table-row;\n    }\n    .th-or-td {\n      display: table-cell;\n    }\n    .thead-tr .th {\n      background-color: var(--editable-table-heading-bg-color, #e0e0e0);\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n    }\n    .tbody-tr .th {\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n      background-color: var(--editable-table-bg-color, #fff);\n      text-align: left;\n    }\n    *[bordered] .th,\n    *[bordered] .td {\n      border-width: var(--editable-table-border-width, 1px);\n      border-style: var(--editable-table-border-style, solid);\n      border-color: var(--editable-table-border-color, #999);\n    }\n    *[condensed] {\n      --editable-table-cell-vertical-padding: var(\n        --editable-table-cell-vertical-padding-condensed,\n        2px\n      );\n      --editable-table-cell-horizontal-padding: var(\n        --editable-table-cell-horizontal-padding-condensed,\n        4px\n      );\n    }\n    *[striped] .tbody-tr:nth-child(2n + 1) .th-or-td {\n      background-color: var(--editable-table-stripe-bg-color, #f0f0f0);\n    }\n    *[column-striped] .tbody-tr .th-or-td:nth-child(2n),\n    *[column-striped] .tfoot-tr .th-or-td:nth-child(2n) {\n      background-color: var(--editable-table-stripe-bg-color, #f0f0f0);\n    }\n    .tfoot-tr .th,\n    .tfoot-tr .td {\n      border-top: 2px solid var(--editable-table-color, #222);\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n    }\n    caption,\n    .th-or-td {\n      text-align: left;\n    }\n    *[numeric-styles] .thead-tr .th-or-td[numeric],\n    *[numeric-styles] .tfoot-tr .th-or-td[numeric],\n    *[numeric-styles] .th-or-td[numeric] .cell {\n      text-align: right;\n      --editable-table-cell-justify: flex-end;\n    }\n    *[numeric-styles] .tfoot-tr .th-or-td[negative],\n    *[numeric-styles] .td[negative] .cell {\n      color: var(--editable-table-negative-color, red);\n      --editable-table-cell-color: var(--editable-table-negative-color, red);\n    }\n    editable-table-sort {\n      width: 100%;\n    }\n    button {\n      background-color: transparent;\n      border: none;\n      border-radius: 0;\n    }\n    ::slotted(table) {\n      display: none;\n    }\n    @media screen {\n      :host {\n        overflow-x: auto;\n        width: 100%;\n        max-width: 100%;\n      }\n      :host([responsive]) {\n        overflow-x: visible;\n      }\n    }\n  ']);
 
-  _templateObject2_e7749c301f0511ed8cc3e9a95995ad69 = function _templateObject2_e7749c301f0511ed8cc3e9a95995ad69() {
+  _templateObject2_bd901c701f2611eda0c389891c227ec8 = function _templateObject2_bd901c701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_e7749c301f0511ed8cc3e9a95995ad69() {
+function _templateObject_bd901c701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n    .cell-button {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding-left: var(--editable-table-cell-horizontal-padding, 6px);\n      padding-right: var(--editable-table-cell-horizontal-padding, 6px);\n      margin: 0;\n      width: 100%;\n      display: flex;\n      justify-content: var(--editable-table-cell-justify, space-between);\n      align-items: center;\n      align-content: stretch;\n      font-family: inherit;\n      font-size: inherit;\n      font-weight: inherit;\n      background-color: transparent;\n      border: none;\n      border-radius: 0;\n      color: var(--editable-table-cell-color);\n    }\n    .offscreen {\n      position: absolute;\n      left: -9999px;\n      font-size: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n      margin: 0;\n      padding: 0;\n    }\n  "]);
 
-  _templateObject_e7749c301f0511ed8cc3e9a95995ad69 = function _templateObject_e7749c301f0511ed8cc3e9a95995ad69() {
+  _templateObject_bd901c701f2611eda0c389891c227ec8 = function _templateObject_bd901c701f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -247,7 +247,7 @@ function _taggedTemplateLiteral(strings, raw) {
  */
 
 
-var editableTableCellStyles = [(0, _litElement.css)(_templateObject_e7749c301f0511ed8cc3e9a95995ad69())];
+var editableTableCellStyles = [(0, _litElement.css)(_templateObject_bd901c701f2611eda0c389891c227ec8())];
 /**
  * styling for table
  * @const
@@ -256,7 +256,7 @@ var editableTableCellStyles = [(0, _litElement.css)(_templateObject_e7749c301f05
  */
 
 exports.editableTableCellStyles = editableTableCellStyles;
-var editableTableStyles = [(0, _litElement.css)(_templateObject2_e7749c301f0511ed8cc3e9a95995ad69())];
+var editableTableStyles = [(0, _litElement.css)(_templateObject2_bd901c701f2611eda0c389891c227ec8())];
 /**
  * styling for table in display mode
  * @const
@@ -265,7 +265,7 @@ var editableTableStyles = [(0, _litElement.css)(_templateObject2_e7749c301f0511e
  */
 
 exports.editableTableStyles = editableTableStyles;
-var editableTableDisplayStyles = [].concat(editableTableStyles, [(0, _litElement.css)(_templateObject3_e7749c301f0511ed8cc3e9a95995ad69())]);
+var editableTableDisplayStyles = [].concat(editableTableStyles, [(0, _litElement.css)(_templateObject3_bd901c701f2611eda0c389891c227ec8())]);
 /**
  * List of display-only properties
  * @const
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-display.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-display.dev.js
index 221400332b9..58a31c18d5f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-display.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-display.dev.js
@@ -13,50 +13,50 @@ var _responsiveUtilityBehaviors = require("@lrnwebcomponents/responsive-utility/
 
 require("@lrnwebcomponents/simple-picker/simple-picker.js");
 
-function _templateObject11_e77b52f01f0511ed8cc3e9a95995ad69() {
+function _templateObject11_bd9525801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<span class="cell"\n            >', "</span\n          >"]);
 
-  _templateObject11_e77b52f01f0511ed8cc3e9a95995ad69 = function _templateObject11_e77b52f01f0511ed8cc3e9a95995ad69() {
+  _templateObject11_bd9525801f2611eda0c389891c227ec8 = function _templateObject11_bd9525801f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject10_e77b52f01f0511ed8cc3e9a95995ad69() {
+function _templateObject10_bd9525801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n            <editable-table-filter\n              class="cell"\n              column-index="', '"\n              ?filtered="', '"\n            >\n              ', "\n            </editable-table-filter>\n          "]);
 
-  _templateObject10_e77b52f01f0511ed8cc3e9a95995ad69 = function _templateObject10_e77b52f01f0511ed8cc3e9a95995ad69() {
+  _templateObject10_bd9525801f2611eda0c389891c227ec8 = function _templateObject10_bd9525801f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject9_e77b52f01f0511ed8cc3e9a95995ad69() {
+function _templateObject9_bd9525801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<td\n      class="td th-or-td"\n      cell-index="', '"\n      ?numeric="', '"\n      ?negative="', '"\n      ?xs-hidden="', '"\n    >\n      ', "\n    </td>"]);
 
-  _templateObject9_e77b52f01f0511ed8cc3e9a95995ad69 = function _templateObject9_e77b52f01f0511ed8cc3e9a95995ad69() {
+  _templateObject9_bd9525801f2611eda0c389891c227ec8 = function _templateObject9_bd9525801f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject8_e77b52f01f0511ed8cc3e9a95995ad69() {
+function _templateObject8_bd9525801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<th\n      class="th th-or-td"\n      cell-index="', '"\n      ?numeric="', '"\n      scope="row"\n      ?xs-hidden="', '"\n    >\n      ', "\n    </th>"]);
 
-  _templateObject8_e77b52f01f0511ed8cc3e9a95995ad69 = function _templateObject8_e77b52f01f0511ed8cc3e9a95995ad69() {
+  _templateObject8_bd9525801f2611eda0c389891c227ec8 = function _templateObject8_bd9525801f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject7_e77b52f01f0511ed8cc3e9a95995ad69() {
+function _templateObject7_bd9525801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <tr class="tr ', '">\n        ', "\n      </tr>\n    "]);
 
-  _templateObject7_e77b52f01f0511ed8cc3e9a95995ad69 = function _templateObject7_e77b52f01f0511ed8cc3e9a95995ad69() {
+  _templateObject7_bd9525801f2611eda0c389891c227ec8 = function _templateObject7_bd9525801f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -200,60 +200,60 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject6_e77b52f01f0511ed8cc3e9a95995ad69() {
+function _templateObject6_bd9525801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n              <tfoot class="tfoot">\n                ', "\n              </tfoot>\n            "]);
 
-  _templateObject6_e77b52f01f0511ed8cc3e9a95995ad69 = function _templateObject6_e77b52f01f0511ed8cc3e9a95995ad69() {
+  _templateObject6_bd9525801f2611eda0c389891c227ec8 = function _templateObject6_bd9525801f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject5_e77b52f01f0511ed8cc3e9a95995ad69() {
+function _templateObject5_bd9525801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n                        <editable-table-sort\n                          column-index="', '"\n                          sort-column="', '"\n                        >\n                          ', "\n                        </editable-table-sort>\n                      "]);
 
-  _templateObject5_e77b52f01f0511ed8cc3e9a95995ad69 = function _templateObject5_e77b52f01f0511ed8cc3e9a95995ad69() {
+  _templateObject5_bd9525801f2611eda0c389891c227ec8 = function _templateObject5_bd9525801f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject4_e77b52f01f0511ed8cc3e9a95995ad69() {
+function _templateObject4_bd9525801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n                <th\n                  class="th th-or-td"\n                  cell-index="', '"\n                  ?numeric="', '"\n                  scope="col"\n                  ?xs-hidden="', '"\n                >\n                  ', "\n                </th>\n              "]);
 
-  _templateObject4_e77b52f01f0511ed8cc3e9a95995ad69 = function _templateObject4_e77b52f01f0511ed8cc3e9a95995ad69() {
+  _templateObject4_bd9525801f2611eda0c389891c227ec8 = function _templateObject4_bd9525801f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_e77b52f01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_bd9525801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n                  <button id="print" @click="', '">\n                    <span class="offscreen">Print table.</span>\n                    <simple-icon-lite icon="print"></simple-icon-lite>\n                  </button>\n                  <simple-tooltip\n                    id="print-tooltip"\n                    for="print"\n                    aria-hidden="true"\n                    >Print table.\n                  </simple-tooltip>\n                ']);
 
-  _templateObject3_e77b52f01f0511ed8cc3e9a95995ad69 = function _templateObject3_e77b52f01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_bd9525801f2611eda0c389891c227ec8 = function _templateObject3_bd9525801f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_e77b52f01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_bd9525801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n                  <button id="download" @click="', '">\n                    <span class="offscreen">Download as CSV.</span>\n                    <simple-icon-lite icon="file-download"></simple-icon-lite>\n                  </button>\n                  <simple-tooltip\n                    id="download-tooltip"\n                    for="download"\n                    aria-hidden="true"\n                    >Download as CSV.\n                  </simple-tooltip>\n                ']);
 
-  _templateObject2_e77b52f01f0511ed8cc3e9a95995ad69 = function _templateObject2_e77b52f01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_bd9525801f2611eda0c389891c227ec8 = function _templateObject2_bd9525801f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_e77b52f01f0511ed8cc3e9a95995ad69() {
+function _templateObject_bd9525801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <table\n        id="table"\n        ?bordered="', '"\n        class="table"\n        ?column-header="', '"\n        ?column-striped="', '"\n        ?condensed="', '"\n        ?filter="', '"\n        ?footer="', '"\n        ?hidden="', '"\n        ?numeric-styles="', '"\n        ?row-header="', '"\n        ?sort="', '"\n        ?striped="', '"\n      >\n        <caption>\n          <div>\n            <div>', '</div>\n            <simple-picker\n              id="column"\n              align-right\n              aria-label="Select Column"\n              @change="', '"\n              hide-sample\n              .options="', '"\n              .value="', '"\n            >\n            </simple-picker>\n            ', "\n            ", '\n          </div>\n        </caption>\n        <thead ?hidden="', '" class="thead">\n          <tr class="tr thead-tr">\n            ', '\n          </tr>\n        </thead>\n        <tbody class="tbody">\n          ', "\n        </tbody>\n        ", '\n      </table>\n      <div id="htmlImport" hidden><slot></slot></div>\n    ']);
 
-  _templateObject_e77b52f01f0511ed8cc3e9a95995ad69 = function _templateObject_e77b52f01f0511ed8cc3e9a95995ad69() {
+  _templateObject_bd9525801f2611eda0c389891c227ec8 = function _templateObject_bd9525801f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -391,11 +391,11 @@ var EditableTableDisplay = /*#__PURE__*/function (_displayBehaviors) {
     value: function render() {
       var _this2 = this;
 
-      return (0, _litElement.html)(_templateObject_e77b52f01f0511ed8cc3e9a95995ad69(), this.bordered, this.columnHeader, this.columnStriped, this.condensed, this.filter, this.footer, this.hidden, this.numericStyles, this.rowHeader, this.sort, this.striped, this.getHTML(this.caption), this._selectedChanged, this.options, this.selected, !this.downloadable ? "" : (0, _litElement.html)(_templateObject2_e77b52f01f0511ed8cc3e9a95995ad69(), this.download), !this.printable ? "" : (0, _litElement.html)(_templateObject3_e77b52f01f0511ed8cc3e9a95995ad69(), this.print), !this.columnHeader, (this.thead[0] || []).map(function (th, index) {
-        return (0, _litElement.html)(_templateObject4_e77b52f01f0511ed8cc3e9a95995ad69(), index, _this2._isNumericColumn(index), _this2._isColHidden(index, 1), !_this2.sort ? _this2.getHTML(_this2._replaceBlankCell(th)) : (0, _litElement.html)(_templateObject5_e77b52f01f0511ed8cc3e9a95995ad69(), index, _this2.sortColumn, _this2.getHTML(_this2._replaceBlankCell(th))));
+      return (0, _litElement.html)(_templateObject_bd9525801f2611eda0c389891c227ec8(), this.bordered, this.columnHeader, this.columnStriped, this.condensed, this.filter, this.footer, this.hidden, this.numericStyles, this.rowHeader, this.sort, this.striped, this.getHTML(this.caption), this._selectedChanged, this.options, this.selected, !this.downloadable ? "" : (0, _litElement.html)(_templateObject2_bd9525801f2611eda0c389891c227ec8(), this.download), !this.printable ? "" : (0, _litElement.html)(_templateObject3_bd9525801f2611eda0c389891c227ec8(), this.print), !this.columnHeader, (this.thead[0] || []).map(function (th, index) {
+        return (0, _litElement.html)(_templateObject4_bd9525801f2611eda0c389891c227ec8(), index, _this2._isNumericColumn(index), _this2._isColHidden(index, 1), !_this2.sort ? _this2.getHTML(_this2._replaceBlankCell(th)) : (0, _litElement.html)(_templateObject5_bd9525801f2611eda0c389891c227ec8(), index, _this2.sortColumn, _this2.getHTML(_this2._replaceBlankCell(th))));
       }), this.tbody.map(function (tr) {
         return _this2._isRowFiltered(tr) ? "" : _this2._tbodyTr(tr);
-      }), !this.footer ? "" : (0, _litElement.html)(_templateObject6_e77b52f01f0511ed8cc3e9a95995ad69(), this._tbodyTr(this.tfoot[0], true, true)));
+      }), !this.footer ? "" : (0, _litElement.html)(_templateObject6_bd9525801f2611eda0c389891c227ec8(), this._tbodyTr(this.tfoot[0], true, true)));
     }
   }], [{
     key: "styles",
@@ -706,7 +706,7 @@ var EditableTableDisplay = /*#__PURE__*/function (_displayBehaviors) {
       var row = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var noFilter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var tfoot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      return (0, _litElement.html)(_templateObject7_e77b52f01f0511ed8cc3e9a95995ad69(), tfoot ? "tfoot-tr" : "tbody-tr", row.map(function (cell, index) {
+      return (0, _litElement.html)(_templateObject7_bd9525801f2611eda0c389891c227ec8(), tfoot ? "tfoot-tr" : "tbody-tr", row.map(function (cell, index) {
         return _this4._isRowHeader(_this4.rowHeader, index) ? _this4._tbodyTh(cell, index) : _this4._tbodyTd(cell, index, noFilter);
       }));
     }
@@ -722,7 +722,7 @@ var EditableTableDisplay = /*#__PURE__*/function (_displayBehaviors) {
   }, {
     key: "_tbodyTh",
     value: function _tbodyTh(cell, index) {
-      return (0, _litElement.html)(_templateObject8_e77b52f01f0511ed8cc3e9a95995ad69(), index, this._isNumericColumn(index), this._isColHidden(index, 1), this.getHTML(this._replaceBlankCell(cell)));
+      return (0, _litElement.html)(_templateObject8_bd9525801f2611eda0c389891c227ec8(), index, this._isNumericColumn(index), this._isColHidden(index, 1), this.getHTML(this._replaceBlankCell(cell)));
     }
     /**
      * table cell template
@@ -738,7 +738,7 @@ var EditableTableDisplay = /*#__PURE__*/function (_displayBehaviors) {
     key: "_tbodyTd",
     value: function _tbodyTd(cell, index) {
       var noFilter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      return (0, _litElement.html)(_templateObject9_e77b52f01f0511ed8cc3e9a95995ad69(), index, this._isNumericColumn(index), this._isNegative(cell), this._isColHidden(index, 1), this.filter ? (0, _litElement.html)(_templateObject10_e77b52f01f0511ed8cc3e9a95995ad69(), index, this._isCellFiltered(index, this.filterColumn, this.filtered), this.getHTML(this._replaceBlankCell(cell))) : !noFilter ? (0, _litElement.html)(_templateObject11_e77b52f01f0511ed8cc3e9a95995ad69(), this.getHTML(this._replaceBlankCell(cell))) : this.getHTML(this._replaceBlankCell(cell)));
+      return (0, _litElement.html)(_templateObject9_bd9525801f2611eda0c389891c227ec8(), index, this._isNumericColumn(index), this._isNegative(cell), this._isColHidden(index, 1), this.filter ? (0, _litElement.html)(_templateObject10_bd9525801f2611eda0c389891c227ec8(), index, this._isCellFiltered(index, this.filterColumn, this.filtered), this.getHTML(this._replaceBlankCell(cell))) : !noFilter ? (0, _litElement.html)(_templateObject11_bd9525801f2611eda0c389891c227ec8(), this.getHTML(this._replaceBlankCell(cell))) : this.getHTML(this._replaceBlankCell(cell)));
     }
     /**
      * update responsive columns menu
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-rowcol.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-rowcol.dev.js
index 3fa9df81219..b30a6e7ba7b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-rowcol.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-rowcol.dev.js
@@ -82,10 +82,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject4_e77e39201f0511ed8cc3e9a95995ad69() {
+function _templateObject4_bd99e0701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        :host {\n          display: block;\n          height: 100%;\n          width: 100%;\n          --paper-item-min-height: 24px;\n          --a11y-menu-button-border: none;\n          --a11y-menu-button-list-border: 1px solid\n            var(--editable-table-border-color, #999);\n          --a11y-menu-button-vertical-padding: var(\n            --editable-table-cell-vertical-padding,\n            10px\n          );\n          --a11y-menu-button-horizontal-padding: var(\n            --editable-table-cell-horizontal-padding,\n            6px\n          );\n          --a11y-menu-button-item-focus-bg-color: var(\n            --editable-table-heading-bg-color,\n            #e8e8e8\n          );\n          --a11y-menu-button-list-bg-color: var(\n            --editable-table-bg-color,\n            #fff\n          );\n        }\n        a11y-menu-button {\n          display: block;\n          height: 100%;\n          width: 100%;\n        }\n        a11y-menu-button::part(button) {\n          height: 100%;\n          width: 100%;\n        }\n        a11y-menu-button::part(menu-outer) {\n          min-width: 150px;\n        }\n        a11y-menu-button-item {\n          font-family: var(\n            --editable-table-secondary-font-family,\n            "Roboto",\n            "Noto",\n            sans-serif\n          );\n          color: var(--editable-table-color, #222);\n          font-size: var(--editable-table-secondary-font-size, 12px);\n          line-height: 150%;\n        }\n      ']);
 
-  _templateObject4_e77e39201f0511ed8cc3e9a95995ad69 = function _templateObject4_e77e39201f0511ed8cc3e9a95995ad69() {
+  _templateObject4_bd99e0701f2611eda0c389891c227ec8 = function _templateObject4_bd99e0701f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -114,30 +114,30 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject3_e77e39201f0511ed8cc3e9a95995ad69() {
+function _templateObject3_bd99e0701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<span class="offscreen">', "</span>"]);
 
-  _templateObject3_e77e39201f0511ed8cc3e9a95995ad69 = function _templateObject3_e77e39201f0511ed8cc3e9a95995ad69() {
+  _templateObject3_bd99e0701f2611eda0c389891c227ec8 = function _templateObject3_bd99e0701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_e77e39201f0511ed8cc3e9a95995ad69() {
+function _templateObject2_bd99e0701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<a11y-menu-button-item\n      @click="', '"\n    >\n      ', "\n      ", "", "\n      ", "\n    </a11y-menu-button-item>"]);
 
-  _templateObject2_e77e39201f0511ed8cc3e9a95995ad69 = function _templateObject2_e77e39201f0511ed8cc3e9a95995ad69() {
+  _templateObject2_bd99e0701f2611eda0c389891c227ec8 = function _templateObject2_bd99e0701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_e77e39201f0511ed8cc3e9a95995ad69() {
+function _templateObject_bd99e0701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <a11y-menu-button\n        id="menubutton" \n        position="', '"\n        @open="', '">\n        <span class="offscreen" slot="button">', '</span>\n        <span id="label" slot="button">', ' </span>\n        <span class="offscreen" slot="button">Menu</span>\n        <simple-icon-lite icon="arrow-drop-down" slot="button"></simple-icon-lite>\n          ', " \n          ", "\n          ", "\n        </ul>\n      </a11y-menu-button>\n    "]);
 
-  _templateObject_e77e39201f0511ed8cc3e9a95995ad69 = function _templateObject_e77e39201f0511ed8cc3e9a95995ad69() {
+  _templateObject_bd99e0701f2611eda0c389891c227ec8 = function _templateObject_bd99e0701f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -277,7 +277,7 @@ var EditableTableEditorRowcol = /*#__PURE__*/function (_cellBehaviors) {
   _createClass(EditableTableEditorRowcol, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_e77e39201f0511ed8cc3e9a95995ad69(), this.row ? "right" : "bottom", this._onOpen, this.type, this.label || "", this._getItem(), this._getItem(false, true), this._getItem(true));
+      return (0, _litElement.html)(_templateObject_bd99e0701f2611eda0c389891c227ec8(), this.row ? "right" : "bottom", this._onOpen, this.type, this.label || "", this._getItem(), this._getItem(false, true), this._getItem(true));
     }
   }, {
     key: "rowColAction",
@@ -307,7 +307,7 @@ var EditableTableEditorRowcol = /*#__PURE__*/function (_cellBehaviors) {
     value: function _getItem() {
       var deleteItem = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var after = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      return (0, _litElement.html)(_templateObject2_e77e39201f0511ed8cc3e9a95995ad69(), deleteItem ? this._onDelete : after ? this._onInsertAfter : this._onInsertBefore, deleteItem ? "Delete" : "Insert", this.type, deleteItem ? " " : after ? " After " : " Before ", this.labelInfo);
+      return (0, _litElement.html)(_templateObject2_bd99e0701f2611eda0c389891c227ec8(), deleteItem ? this._onDelete : after ? this._onInsertAfter : this._onInsertBefore, deleteItem ? "Delete" : "Insert", this.type, deleteItem ? " " : after ? " After " : " Before ", this.labelInfo);
     }
   }, {
     key: "_onOpen",
@@ -387,7 +387,7 @@ var EditableTableEditorRowcol = /*#__PURE__*/function (_cellBehaviors) {
   }, {
     key: "labelInfo",
     get: function get() {
-      return (0, _litElement.html)(_templateObject3_e77e39201f0511ed8cc3e9a95995ad69(), this.label);
+      return (0, _litElement.html)(_templateObject3_bd99e0701f2611eda0c389891c227ec8(), this.label);
     }
     /**
      *
@@ -404,7 +404,7 @@ var EditableTableEditorRowcol = /*#__PURE__*/function (_cellBehaviors) {
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableEditorRowcol), "styles", this) || []), _toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _litElement.css)(_templateObject4_e77e39201f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableEditorRowcol), "styles", this) || []), _toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _litElement.css)(_templateObject4_bd99e0701f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-toggle.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-toggle.dev.js
index 8e24fba5af9..db54e3b2c33 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-toggle.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-toggle.dev.js
@@ -29,10 +29,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_e77fbfc01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_bd9c2a601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        :host([hidden]) {\n          display: none;\n        }\n        button {\n          padding: 2px;\n          margin: 0;\n          width: 100%;\n          min-width: unset;\n          display: inline-flex;\n          justify-content: space-between;\n          align-items: center;\n          align-content: stretch;\n          text-transform: unset;\n          font-family: var(\n            --editable-table-secondary-font-family,\n            "Roboto",\n            "Noto",\n            sans-serif\n          );\n          background-color: var(\n            --editable-table-button-bg-color,\n            var(--editable-table-bg-color, #fff)\n          );\n          color: var(--editable-table-border-color, #999);\n          border: none;\n          border-radius: 0;\n        }\n        :host([toggled]) button {\n          background-color: var(--editable-table-button-toggled-bg-color);\n          color: var(\n            --editable-table-button-toggled-color,\n            var(--editable-table-color, #222)\n          );\n        }\n        :host(:not([disabled])) button:focus,\n        :host(:not([disabled])) button:hover {\n          background-color: var(\n            --editable-table-button-hover-bg-color,\n            var(--editable-table-heading-bg-color, #e8e8e8)\n          );\n          color: var(\n            --editable-table-button-hover-color,\n            var(--editable-table-border-color, #999)\n          );\n          cursor: pointer;\n        }\n        :host([toggled]:not([disabled])) button:focus,\n        :host([toggled]:not([disabled])) button:hover {\n          background-color: var(\n            --editable-table-button-toggled-hover-bg-color,\n            var(--editable-table-heading-bg-color, #e8e8e8)\n          );\n          color: var(\n            --editable-table-button-toggled-hover-color,\n            var(--editable-table-heading-color)\n          );\n          cursor: pointer;\n        }\n        :host([disabled]) button {\n          background-color: var(\n            --editable-table-button-disabled-bg-color,\n            var(--editable-table-bg-color, #fff)\n          );\n          color: var(--editable-table-button-disabled-color);\n          cursor: not-allowed;\n        }\n        button > div {\n          flex-grow: 1;\n        }\n        .offscreen {\n          position: absolute;\n          left: -9999px;\n          font-size: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        #filter-off {\n          opacity: 0.25;\n        }\n      ']);
 
-  _templateObject2_e77fbfc01f0511ed8cc3e9a95995ad69 = function _templateObject2_e77fbfc01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_bd9c2a601f2611eda0c389891c227ec8 = function _templateObject2_bd9c2a601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -61,10 +61,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_e77fbfc01f0511ed8cc3e9a95995ad69() {
+function _templateObject_bd9c2a601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <button\n        id="button"\n        ?active="', '"\n        ?disabled="', '"\n        label="', '"\n        toggles\n        @click="', '"\n      >\n        <span class="offscreen">', '</span>\n        <simple-icon-lite\n          icon="', '"\n          aria-hidden="true"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip id="tooltip" for="button" aria-hidden="true"\n        >', "</simple-tooltip\n      >\n    "]);
 
-  _templateObject_e77fbfc01f0511ed8cc3e9a95995ad69 = function _templateObject_e77fbfc01f0511ed8cc3e9a95995ad69() {
+  _templateObject_bd9c2a601f2611eda0c389891c227ec8 = function _templateObject_bd9c2a601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -203,7 +203,7 @@ var EditableTableEditorToggle = /*#__PURE__*/function (_LitElement) {
   _createClass(EditableTableEditorToggle, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_e77fbfc01f0511ed8cc3e9a95995ad69(), this.toggled, this.disabled, this.label, this._onClick, this.label, this.icon, this.label);
+      return (0, _litElement.html)(_templateObject_bd9c2a601f2611eda0c389891c227ec8(), this.toggled, this.disabled, this.label, this._onClick, this.label, this.icon, this.label);
     }
   }, {
     key: "_onClick",
@@ -224,7 +224,7 @@ var EditableTableEditorToggle = /*#__PURE__*/function (_LitElement) {
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableEditorToggle), "styles", this) || []), [(0, _litElement.css)(_templateObject2_e77fbfc01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableEditorToggle), "styles", this) || []), [(0, _litElement.css)(_templateObject2_bd9c2a601f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-filter.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-filter.dev.js
index 84e2ef40f21..ff439dedbc1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-filter.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-filter.dev.js
@@ -33,10 +33,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_e78257d01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_bd9dd8101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        #filter-off {\n          opacity: 0.25;\n        }\n        :host(:not([filtered])) .filtered,\n        :host(:not([filtered]):not(:focus):not(:hover)) #filter,\n        :host(:not([filtered]):focus) #filter-off,\n        :host(:not([filtered]):hover) #filter-off,\n        :host([filtered]:not(:focus):not(:hover)) #filter-off,\n        :host([filtered]:focus) #filter,\n        :host([filtered]:hover) #filter {\n          display: none;\n        }\n      "]);
 
-  _templateObject2_e78257d01f0511ed8cc3e9a95995ad69 = function _templateObject2_e78257d01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_bd9dd8101f2611eda0c389891c227ec8 = function _templateObject2_bd9dd8101f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -65,10 +65,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_e78257d01f0511ed8cc3e9a95995ad69() {
+function _templateObject_bd9dd8101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <button id="button" class="cell-button" @click="', '">\n        <span><slot></slot></span>\n        <span class="offscreen" .hidden="', '"> (filtered)</span>\n        <span class="offscreen"> Toggle filter.</span>\n        <simple-icon-lite\n          id="filter"\n          icon="editable-table:filter"\n        ></simple-icon-lite>\n        <simple-icon-lite\n          id="filter-off"\n          icon="editable-table:filter-off"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip for="button"\n        >Toggle Column ', ' filter for "<slot\n        ></slot>"</simple-tooltip\n      >\n    ']);
 
-  _templateObject_e78257d01f0511ed8cc3e9a95995ad69 = function _templateObject_e78257d01f0511ed8cc3e9a95995ad69() {
+  _templateObject_bd9dd8101f2611eda0c389891c227ec8 = function _templateObject_bd9dd8101f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -201,12 +201,12 @@ var EditableTableFilter = /*#__PURE__*/function (_LitElement) {
   _createClass(EditableTableFilter, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_e78257d01f0511ed8cc3e9a95995ad69(), this._onFilterClicked, !this.filtered, this.columnIndex);
+      return (0, _litElement.html)(_templateObject_bd9dd8101f2611eda0c389891c227ec8(), this._onFilterClicked, !this.filtered, this.columnIndex);
     }
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableFilter), "styles", this) || []), _toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _litElement.css)(_templateObject2_e78257d01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableFilter), "styles", this) || []), _toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _litElement.css)(_templateObject2_bd9dd8101f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-sort.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-sort.dev.js
index 54012179978..52c366faa43 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-sort.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-sort.dev.js
@@ -29,10 +29,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_e783de701f0511ed8cc3e9a95995ad69() {
+function _templateObject2_bda022001f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([""]);
 
-  _templateObject2_e783de701f0511ed8cc3e9a95995ad69 = function _templateObject2_e783de701f0511ed8cc3e9a95995ad69() {
+  _templateObject2_bda022001f2611eda0c389891c227ec8 = function _templateObject2_bda022001f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -61,10 +61,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_e783de701f0511ed8cc3e9a95995ad69() {
+function _templateObject_bda022001f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <button id="button" class="cell-button" @click="', '">\n        <slot></slot>\n        <span class="offscreen asc">(ascending)</span>\n        <span class="offscreen desc">(descending)</span>\n        <span class="offscreen"> Toggle sort mode.</span>\n        <simple-icon-lite\n          icon="', '"\n        ></simple-icon-lite>\n      </button>\n    ']);
 
-  _templateObject_e783de701f0511ed8cc3e9a95995ad69 = function _templateObject_e783de701f0511ed8cc3e9a95995ad69() {
+  _templateObject_bda022001f2611eda0c389891c227ec8 = function _templateObject_bda022001f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -198,12 +198,12 @@ var EditableTableSort = /*#__PURE__*/function (_LitElement) {
   _createClass(EditableTableSort, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_e783de701f0511ed8cc3e9a95995ad69(), this._onSortClicked, this.sortMode == "asc" ? "arrow-drop-up" : this.sortMode == "desc" ? "arrow-drop-down" : "editable-table:sortable");
+      return (0, _litElement.html)(_templateObject_bda022001f2611eda0c389891c227ec8(), this._onSortClicked, this.sortMode == "asc" ? "arrow-drop-up" : this.sortMode == "desc" ? "arrow-drop-down" : "editable-table:sortable");
     }
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableSort), "styles", this) || []), _toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _litElement.css)(_templateObject2_e783de701f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableSort), "styles", this) || []), _toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _litElement.css)(_templateObject2_bda022001f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-behaviors.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-behaviors.js
index 232b0163591..e5a0d0b9586 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-behaviors.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-behaviors.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.tableHtmlProperties = _exports.editableTableStyles = _exports.editableTableDisplayStyles = _exports.editableTableCellStyles = _exports.editProperties = _exports.editBehaviors = _exports.displayProperties = _exports.displayBehaviors = _exports.dataProperties = _exports.cellBehaviors = void 0;
 
-  var _templateObject_dcb01c201f0511ed8cc3e9a95995ad69, _templateObject2_dcb01c201f0511ed8cc3e9a95995ad69, _templateObject3_dcb01c201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b30809201f2611eda0c389891c227ec8, _templateObject2_b30809201f2611eda0c389891c227ec8, _templateObject3_b30809201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -29,7 +29,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
    * @type {array}
    *
    */
-  var editableTableCellStyles = [(0, _index.css)(_templateObject_dcb01c201f0511ed8cc3e9a95995ad69 || (_templateObject_dcb01c201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""])))];
+  var editableTableCellStyles = [(0, _index.css)(_templateObject_b30809201f2611eda0c389891c227ec8 || (_templateObject_b30809201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""])))];
   /**
    * styling for table
    * @const
@@ -38,7 +38,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
    */
 
   _exports.editableTableCellStyles = editableTableCellStyles;
-  var editableTableStyles = [(0, _index.css)(_templateObject2_dcb01c201f0511ed8cc3e9a95995ad69 || (_templateObject2_dcb01c201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    :host {\n      display: block;\n      width: 100%;\n      max-width: 100%;\n      margin: 15px 0;\n      font-size: var(--editable-table-font-size, unset);\n      font-family: var(--editable-table-font-family, inherit);\n      font-weight: var(--editable-table-medium-weight, 300);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .offscreen {\n      position: absolute;\n      left: -9999px;\n      font-size: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n      margin: 0;\n      padding: 0;\n    }\n    table {\n      width: calc(100% - 2 * var(--editable-table-border-width, 1px));\n      display: table;\n      border-collapse: collapse;\n      border-width: var(--editable-table-border-width, 1px);\n      border-style: var(--editable-table-border-style, solid);\n      border-color: var(--editable-table-border-color, #999);\n      font-weight: var(--editable-table-light-weight, 200);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    .th,\n    .td,\n    .th-or-td #icons {\n      font-weight: var(--editable-table-light-weight, 200);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    caption {\n      font-size: var(\n        --editable-table-caption-font-size,\n        var(--editable-table-font-size, unset)\n      );\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(\n        --editable-table-caption-color,\n        var(--editable-table-color, #222)\n      );\n      background-color: var(\n        --editable-table-caption-bg-color,\n        var(--editable-table-bg-color, #fff)\n      );\n      width: 100%;\n    }\n    .tr {\n      display: table-row;\n    }\n    .th-or-td {\n      display: table-cell;\n    }\n    .thead-tr .th,\n    .thead-tr .th #icons {\n      background-color: var(--editable-table-heading-bg-color, #e0e0e0);\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n    }\n    .tbody-tr .th,\n    .tbody-tr .th #icons {\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n      background-color: var(--editable-table-bg-color, #fff);\n      text-align: left;\n    }\n    *[bordered] .th,\n    *[bordered] .td {\n      border-width: var(--editable-table-border-width, 1px);\n      border-style: var(--editable-table-border-style, solid);\n      border-color: var(--editable-table-border-color, #999);\n    }\n    *[condensed] {\n      --editable-table-cell-vertical-padding: var(\n        --editable-table-cell-vertical-padding-condensed,\n        2px\n      );\n      --editable-table-cell-horizontal-padding: var(\n        --editable-table-cell-horizontal-padding-condensed,\n        4px\n      );\n    }\n    *[striped] .tbody-tr:nth-child(2n + 1) .th-or-td,\n    *[striped] .tbody-tr:nth-child(2n + 1) .th-or-td #icons {\n      background-color: var(--editable-table-stripe-bg-color, #f0f0f0);\n    }\n    *[column-striped] .tbody-tr .th-or-td:nth-child(2n),\n    *[column-striped] .tbody-tr .th-or-td:nth-child(2n) #icons,\n    *[column-striped] .tfoot-tr .th-or-td:nth-child(2n),\n    *[column-striped] .tfoot-tr .th-or-td:nth-child(2n) #icons {\n      background-color: var(--editable-table-stripe-bg-color, #f0f0f0);\n    }\n    .tfoot-tr .th,\n    .tfoot-tr .td {\n      border-top: 2px solid var(--editable-table-color, #222);\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n    }\n    caption,\n    .th-or-td {\n      text-align: left;\n    }\n    *[numeric-styles] .thead-tr .th-or-td[numeric],\n    *[numeric-styles] .tfoot-tr .th-or-td[numeric],\n    *[numeric-styles] .th-or-td[numeric] .cell {\n      text-align: right;\n      --editable-table-cell-justify: flex-end;\n    }\n    *[numeric-styles] .tfoot-tr .th-or-td[negative],\n    *[numeric-styles] .td[negative] .cell {\n      color: var(--editable-table-negative-color, red);\n      --editable-table-cell-color: var(--editable-table-negative-color, red);\n    }\n    ::slotted(table) {\n      display: none;\n    }\n    @media screen {\n      :host {\n        overflow-x: auto;\n        width: 100%;\n        max-width: 100%;\n      }\n      :host([responsive]) {\n        overflow-x: visible;\n      }\n    }\n  "])))];
+  var editableTableStyles = [(0, _index.css)(_templateObject2_b30809201f2611eda0c389891c227ec8 || (_templateObject2_b30809201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    :host {\n      display: block;\n      width: 100%;\n      max-width: 100%;\n      margin: 15px 0;\n      font-size: var(--editable-table-font-size, unset);\n      font-family: var(--editable-table-font-family, inherit);\n      font-weight: var(--editable-table-medium-weight, 300);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .offscreen {\n      position: absolute;\n      left: -9999px;\n      font-size: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n      margin: 0;\n      padding: 0;\n    }\n    table {\n      width: calc(100% - 2 * var(--editable-table-border-width, 1px));\n      display: table;\n      border-collapse: collapse;\n      border-width: var(--editable-table-border-width, 1px);\n      border-style: var(--editable-table-border-style, solid);\n      border-color: var(--editable-table-border-color, #999);\n      font-weight: var(--editable-table-light-weight, 200);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    .th,\n    .td,\n    .th-or-td #icons {\n      font-weight: var(--editable-table-light-weight, 200);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    caption {\n      font-size: var(\n        --editable-table-caption-font-size,\n        var(--editable-table-font-size, unset)\n      );\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(\n        --editable-table-caption-color,\n        var(--editable-table-color, #222)\n      );\n      background-color: var(\n        --editable-table-caption-bg-color,\n        var(--editable-table-bg-color, #fff)\n      );\n      width: 100%;\n    }\n    .tr {\n      display: table-row;\n    }\n    .th-or-td {\n      display: table-cell;\n    }\n    .thead-tr .th,\n    .thead-tr .th #icons {\n      background-color: var(--editable-table-heading-bg-color, #e0e0e0);\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n    }\n    .tbody-tr .th,\n    .tbody-tr .th #icons {\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n      background-color: var(--editable-table-bg-color, #fff);\n      text-align: left;\n    }\n    *[bordered] .th,\n    *[bordered] .td {\n      border-width: var(--editable-table-border-width, 1px);\n      border-style: var(--editable-table-border-style, solid);\n      border-color: var(--editable-table-border-color, #999);\n    }\n    *[condensed] {\n      --editable-table-cell-vertical-padding: var(\n        --editable-table-cell-vertical-padding-condensed,\n        2px\n      );\n      --editable-table-cell-horizontal-padding: var(\n        --editable-table-cell-horizontal-padding-condensed,\n        4px\n      );\n    }\n    *[striped] .tbody-tr:nth-child(2n + 1) .th-or-td,\n    *[striped] .tbody-tr:nth-child(2n + 1) .th-or-td #icons {\n      background-color: var(--editable-table-stripe-bg-color, #f0f0f0);\n    }\n    *[column-striped] .tbody-tr .th-or-td:nth-child(2n),\n    *[column-striped] .tbody-tr .th-or-td:nth-child(2n) #icons,\n    *[column-striped] .tfoot-tr .th-or-td:nth-child(2n),\n    *[column-striped] .tfoot-tr .th-or-td:nth-child(2n) #icons {\n      background-color: var(--editable-table-stripe-bg-color, #f0f0f0);\n    }\n    .tfoot-tr .th,\n    .tfoot-tr .td {\n      border-top: 2px solid var(--editable-table-color, #222);\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n    }\n    caption,\n    .th-or-td {\n      text-align: left;\n    }\n    *[numeric-styles] .thead-tr .th-or-td[numeric],\n    *[numeric-styles] .tfoot-tr .th-or-td[numeric],\n    *[numeric-styles] .th-or-td[numeric] .cell {\n      text-align: right;\n      --editable-table-cell-justify: flex-end;\n    }\n    *[numeric-styles] .tfoot-tr .th-or-td[negative],\n    *[numeric-styles] .td[negative] .cell {\n      color: var(--editable-table-negative-color, red);\n      --editable-table-cell-color: var(--editable-table-negative-color, red);\n    }\n    ::slotted(table) {\n      display: none;\n    }\n    @media screen {\n      :host {\n        overflow-x: auto;\n        width: 100%;\n        max-width: 100%;\n      }\n      :host([responsive]) {\n        overflow-x: visible;\n      }\n    }\n  "])))];
   /**
    * styling for table in display mode
    * @const
@@ -47,7 +47,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
    */
 
   _exports.editableTableStyles = editableTableStyles;
-  var editableTableDisplayStyles = [].concat(editableTableStyles, [(0, _index.css)(_templateObject3_dcb01c201f0511ed8cc3e9a95995ad69 || (_templateObject3_dcb01c201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    caption {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding: 0;\n    }\n    caption > div {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n    }\n    caption > div > div {\n      flex: 1 1 auto;\n    }\n    caption > div > div:last-child {\n      flex: 0 0 auto;\n    }\n    caption button {\n      padding: 2px;\n      margin: 0;\n    }\n    .column {\n      width: calc(var(--simple-picker-option-size) + 6px);\n      overflow: visible;\n      display: none;\n      margin-right: 0px;\n      --simple-picker-border-width: 1px;\n      --simple-picker-focus-border-width: 1px;\n      --simple-picker-border-color: var(--editable-table-border-color, #999);\n    }\n    .th,\n    .td {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding-left: var(--editable-table-cell-horizontal-padding, 6px);\n      padding-right: var(--editable-table-cell-horizontal-padding, 6px);\n    }\n    span.cell {\n      display: block;\n    }\n    @media screen {\n      :host([responsive][responsive-size=\"xs\"]) .column {\n        display: inline-flex;\n        width: 30px;\n        overflow: visible;\n      }\n      :host([responsive][responsive-size=\"xs\"]) .th[xs-hidden],\n      :host([responsive][responsive-size=\"xs\"]) .td[xs-hidden] {\n        display: none;\n      }\n    }\n  "])))]);
+  var editableTableDisplayStyles = [].concat(editableTableStyles, [(0, _index.css)(_templateObject3_b30809201f2611eda0c389891c227ec8 || (_templateObject3_b30809201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    caption {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding: 0;\n    }\n    caption > div {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n    }\n    caption > div > div {\n      flex: 1 1 auto;\n    }\n    caption > div > div:last-child {\n      flex: 0 0 auto;\n    }\n    caption button {\n      padding: 2px;\n      margin: 0;\n    }\n    .column {\n      width: calc(var(--simple-picker-option-size) + 6px);\n      overflow: visible;\n      display: none;\n      margin-right: 0px;\n      --simple-picker-border-width: 1px;\n      --simple-picker-focus-border-width: 1px;\n      --simple-picker-border-color: var(--editable-table-border-color, #999);\n    }\n    .th,\n    .td {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding-left: var(--editable-table-cell-horizontal-padding, 6px);\n      padding-right: var(--editable-table-cell-horizontal-padding, 6px);\n    }\n    span.cell {\n      display: block;\n    }\n    @media screen {\n      :host([responsive][responsive-size=\"xs\"]) .column {\n        display: inline-flex;\n        width: 30px;\n        overflow: visible;\n      }\n      :host([responsive][responsive-size=\"xs\"]) .th[xs-hidden],\n      :host([responsive][responsive-size=\"xs\"]) .td[xs-hidden] {\n        display: none;\n      }\n    }\n  "])))]);
   /**
    * List of display-only properties
    * @const
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-display.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-display.js
index 8d96942f206..09e300212e6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-display.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-display.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "./editable-table-behavio
   _exports.EditableTableDisplay = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject2_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject3_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject4_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject5_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject6_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject7_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject8_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject9_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject10_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject11_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject12_dcb8ceb01f0511ed8cc3e9a95995ad69, _templateObject13_dcb8ceb01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b31094a01f2611eda0c389891c227ec8, _templateObject2_b31094a01f2611eda0c389891c227ec8, _templateObject3_b31094a01f2611eda0c389891c227ec8, _templateObject4_b31094a01f2611eda0c389891c227ec8, _templateObject5_b31094a01f2611eda0c389891c227ec8, _templateObject6_b31094a01f2611eda0c389891c227ec8, _templateObject7_b31094a01f2611eda0c389891c227ec8, _templateObject8_b31094a01f2611eda0c389891c227ec8, _templateObject9_b31094a01f2611eda0c389891c227ec8, _templateObject10_b31094a01f2611eda0c389891c227ec8, _templateObject11_b31094a01f2611eda0c389891c227ec8, _templateObject12_b31094a01f2611eda0c389891c227ec8, _templateObject13_b31094a01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -72,11 +72,11 @@ define(["exports", "require", "../../../lit/index.js", "./editable-table-behavio
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <table\n        id=\"table\"\n        ?bordered=\"", "\"\n        class=\"table\"\n        ?column-header=\"", "\"\n        ?column-striped=\"", "\"\n        ?condensed=\"", "\"\n        ?filter=\"", "\"\n        ?footer=\"", "\"\n        ?hidden=\"", "\"\n        ?numeric-styles=\"", "\"\n        ?row-header=\"", "\"\n        ?sort=\"", "\"\n        ?striped=\"", "\"\n        part=\"table\"\n      >\n        <caption part=\"caption\">\n          <div>\n            <div>", "</div>\n            <div>\n              ", "\n              ", "\n            </div>\n          </div>\n        </caption>\n        <thead ?hidden=\"", "\" class=\"thead\" part=\"thead\">\n          <tr class=\"tr thead-tr\" part=\"tr\">\n            ", "\n          </tr>\n        </thead>\n        <tbody class=\"tbody\" part=\"tbody\">\n          ", "\n        </tbody>\n        ", "\n      </table>\n      <div id=\"htmlImport\" hidden><slot></slot></div>\n    "])), this.bordered, this.columnHeader, this.columnStriped, this.condensed, this.filter, this.footer, this.hidden || this.disabled, this.numericStyles, this.rowHeader, this.sort, this.striped, this.getHTML(this.caption), !this.downloadable ? "" : (0, _index.html)(_templateObject2_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject2_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <simple-toolbar-button\n                      id=\"download\"\n                      icon=\"file-download\"\n                      label=\"Download as CSV.\"\n                      @click=\"", "\"\n                    >\n                    </simple-toolbar-button>\n                  "])), this.download), !this.printable ? "" : (0, _index.html)(_templateObject3_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject3_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <simple-toolbar-button\n                      id=\"print\"\n                      icon=\"print\"\n                      label=\"Print Table\"\n                      @click=\"", "\"\n                    >\n                    </simple-toolbar-button>\n                  "])), this.print), !this.columnHeader, (this.thead[0] || []).map(function (th, index) {
-          return (0, _index.html)(_templateObject4_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject4_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <th\n                  class=\"th th-or-td\"\n                  cell-index=\"", "\"\n                  ?numeric=\"", "\"\n                  scope=\"col\"\n                  part=\"th\"\n                  ?xs-hidden=\"", "\"\n                >\n                  ", "\n                  ", "\n                </th>\n              "])), index, _this2._isNumericColumn(index), _this2._isColHidden(index, _this2.selected || 1), !_this2.sort ? _this2.getHTML(_this2._replaceBlankCell(th)) : (0, _index.html)(_templateObject5_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject5_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <editable-table-sort\n                          column-index=\"", "\"\n                          sort-column=\"", "\"\n                          sort-mode=\"", "\"\n                        >\n                          ", "\n                        </editable-table-sort>\n                      "])), index, _this2.sortColumn, _this2.sortColumn === index ? _this2.sortMode : "none", _this2.getHTML(_this2._replaceBlankCell(th))), !_this2.disableResponsive && index > 0 && _this2.selected == index ? (0, _index.html)(_templateObject6_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject6_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-picker\n                          id=\"simple-picker-", "\"\n                          class=\"column\"\n                          align-right\n                          aria-label=\"Select Column\"\n                          @change=\"", "\"\n                          hide-sample\n                          .options=\"", "\"\n                          .value=\"", "\"\n                        >\n                        </simple-picker>\n                        <simple-tooltip\n                          position=\"top\"\n                          for=\"simple-picker-", "\"\n                          aria-hidden=\"true\"\n                          >Select Column</simple-tooltip\n                        >"])), index, _this2._selectedChanged, _this2.options, index, index) : "");
+        return (0, _index.html)(_templateObject_b31094a01f2611eda0c389891c227ec8 || (_templateObject_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <table\n        id=\"table\"\n        ?bordered=\"", "\"\n        class=\"table\"\n        ?column-header=\"", "\"\n        ?column-striped=\"", "\"\n        ?condensed=\"", "\"\n        ?filter=\"", "\"\n        ?footer=\"", "\"\n        ?hidden=\"", "\"\n        ?numeric-styles=\"", "\"\n        ?row-header=\"", "\"\n        ?sort=\"", "\"\n        ?striped=\"", "\"\n        part=\"table\"\n      >\n        <caption part=\"caption\">\n          <div>\n            <div>", "</div>\n            <div>\n              ", "\n              ", "\n            </div>\n          </div>\n        </caption>\n        <thead ?hidden=\"", "\" class=\"thead\" part=\"thead\">\n          <tr class=\"tr thead-tr\" part=\"tr\">\n            ", "\n          </tr>\n        </thead>\n        <tbody class=\"tbody\" part=\"tbody\">\n          ", "\n        </tbody>\n        ", "\n      </table>\n      <div id=\"htmlImport\" hidden><slot></slot></div>\n    "])), this.bordered, this.columnHeader, this.columnStriped, this.condensed, this.filter, this.footer, this.hidden || this.disabled, this.numericStyles, this.rowHeader, this.sort, this.striped, this.getHTML(this.caption), !this.downloadable ? "" : (0, _index.html)(_templateObject2_b31094a01f2611eda0c389891c227ec8 || (_templateObject2_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <simple-toolbar-button\n                      id=\"download\"\n                      icon=\"file-download\"\n                      label=\"Download as CSV.\"\n                      @click=\"", "\"\n                    >\n                    </simple-toolbar-button>\n                  "])), this.download), !this.printable ? "" : (0, _index.html)(_templateObject3_b31094a01f2611eda0c389891c227ec8 || (_templateObject3_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <simple-toolbar-button\n                      id=\"print\"\n                      icon=\"print\"\n                      label=\"Print Table\"\n                      @click=\"", "\"\n                    >\n                    </simple-toolbar-button>\n                  "])), this.print), !this.columnHeader, (this.thead[0] || []).map(function (th, index) {
+          return (0, _index.html)(_templateObject4_b31094a01f2611eda0c389891c227ec8 || (_templateObject4_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <th\n                  class=\"th th-or-td\"\n                  cell-index=\"", "\"\n                  ?numeric=\"", "\"\n                  scope=\"col\"\n                  part=\"th\"\n                  ?xs-hidden=\"", "\"\n                >\n                  ", "\n                  ", "\n                </th>\n              "])), index, _this2._isNumericColumn(index), _this2._isColHidden(index, _this2.selected || 1), !_this2.sort ? _this2.getHTML(_this2._replaceBlankCell(th)) : (0, _index.html)(_templateObject5_b31094a01f2611eda0c389891c227ec8 || (_templateObject5_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <editable-table-sort\n                          column-index=\"", "\"\n                          sort-column=\"", "\"\n                          sort-mode=\"", "\"\n                        >\n                          ", "\n                        </editable-table-sort>\n                      "])), index, _this2.sortColumn, _this2.sortColumn === index ? _this2.sortMode : "none", _this2.getHTML(_this2._replaceBlankCell(th))), !_this2.disableResponsive && index > 0 && _this2.selected == index ? (0, _index.html)(_templateObject6_b31094a01f2611eda0c389891c227ec8 || (_templateObject6_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-picker\n                          id=\"simple-picker-", "\"\n                          class=\"column\"\n                          align-right\n                          aria-label=\"Select Column\"\n                          @change=\"", "\"\n                          hide-sample\n                          .options=\"", "\"\n                          .value=\"", "\"\n                        >\n                        </simple-picker>\n                        <simple-tooltip\n                          position=\"top\"\n                          for=\"simple-picker-", "\"\n                          aria-hidden=\"true\"\n                          >Select Column</simple-tooltip\n                        >"])), index, _this2._selectedChanged, _this2.options, index, index) : "");
         }), this.sortedTbody.map(function (tr) {
           return _this2._isRowFiltered(tr) ? "" : _this2._tbodyTr(tr);
-        }), !this.footer ? "" : (0, _index.html)(_templateObject7_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject7_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <tfoot class=\"tfoot\" part=\"tfoot\">\n                ", "\n              </tfoot>\n            "])), this._tbodyTr(this.tfoot[0], true, true)));
+        }), !this.footer ? "" : (0, _index.html)(_templateObject7_b31094a01f2611eda0c389891c227ec8 || (_templateObject7_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <tfoot class=\"tfoot\" part=\"tfoot\">\n                ", "\n              </tfoot>\n            "])), this._tbodyTr(this.tfoot[0], true, true)));
       }
     }, {
       key: "updated",
@@ -277,7 +277,7 @@ define(["exports", "require", "../../../lit/index.js", "./editable-table-behavio
         var row = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
         var noFilter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
         var tfoot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-        return (0, _index.html)(_templateObject8_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject8_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <tr class=\"tr ", "\">\n        ", "\n      </tr>\n    "])), tfoot ? "tfoot-tr" : "tbody-tr", row.map(function (cell, index) {
+        return (0, _index.html)(_templateObject8_b31094a01f2611eda0c389891c227ec8 || (_templateObject8_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <tr class=\"tr ", "\">\n        ", "\n      </tr>\n    "])), tfoot ? "tfoot-tr" : "tbody-tr", row.map(function (cell, index) {
           return _this6._isRowHeader(_this6.rowHeader, index) ? _this6._tbodyTh(cell, index) : _this6._tbodyTd(cell, index, noFilter);
         }));
       }
@@ -293,7 +293,7 @@ define(["exports", "require", "../../../lit/index.js", "./editable-table-behavio
     }, {
       key: "_tbodyTh",
       value: function _tbodyTh(cell, index) {
-        return (0, _index.html)(_templateObject9_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject9_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<th\n      class=\"th th-or-td\"\n      cell-index=\"", "\"\n      ?numeric=\"", "\"\n      scope=\"row\"\n      ?xs-hidden=\"", "\"\n    >\n      ", "\n    </th>"])), index, this._isNumericColumn(index), this._isColHidden(index, this.selected || 1), this.getHTML(this._replaceBlankCell(cell)));
+        return (0, _index.html)(_templateObject9_b31094a01f2611eda0c389891c227ec8 || (_templateObject9_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<th\n      class=\"th th-or-td\"\n      cell-index=\"", "\"\n      ?numeric=\"", "\"\n      scope=\"row\"\n      ?xs-hidden=\"", "\"\n    >\n      ", "\n    </th>"])), index, this._isNumericColumn(index), this._isColHidden(index, this.selected || 1), this.getHTML(this._replaceBlankCell(cell)));
       }
       /**
        * table cell template
@@ -309,7 +309,7 @@ define(["exports", "require", "../../../lit/index.js", "./editable-table-behavio
       key: "_tbodyTd",
       value: function _tbodyTd(cell, index) {
         var noFilter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-        return (0, _index.html)(_templateObject10_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject10_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<td\n      part=\"td\"\n      class=\"td th-or-td\"\n      cell-index=\"", "\"\n      ?numeric=\"", "\"\n      ?negative=\"", "\"\n      ?xs-hidden=\"", "\"\n    >\n      ", "\n    </td>"])), index, this._isNumericColumn(index), this._isNegative(cell), this._isColHidden(index, this.selected || 1), this.filter ? (0, _index.html)(_templateObject11_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject11_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <editable-table-filter\n              class=\"cell\"\n              column-index=\"", "\"\n              text=\"", "\"\n              ?toggled=\"", "\"\n            >\n              ", "\n            </editable-table-filter>\n          "])), index, this._replaceBlankCell(cell), this._isCellFiltered(index, this.filterColumn, this.filtered), this.getHTML(this._replaceBlankCell(cell))) : !noFilter ? (0, _index.html)(_templateObject12_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject12_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span class=\"cell\"\n            >", "</span\n          >"])), this.getHTML(this._replaceBlankCell(cell))) : this.getHTML(this._replaceBlankCell(cell)));
+        return (0, _index.html)(_templateObject10_b31094a01f2611eda0c389891c227ec8 || (_templateObject10_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<td\n      part=\"td\"\n      class=\"td th-or-td\"\n      cell-index=\"", "\"\n      ?numeric=\"", "\"\n      ?negative=\"", "\"\n      ?xs-hidden=\"", "\"\n    >\n      ", "\n    </td>"])), index, this._isNumericColumn(index), this._isNegative(cell), this._isColHidden(index, this.selected || 1), this.filter ? (0, _index.html)(_templateObject11_b31094a01f2611eda0c389891c227ec8 || (_templateObject11_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <editable-table-filter\n              class=\"cell\"\n              column-index=\"", "\"\n              text=\"", "\"\n              ?toggled=\"", "\"\n            >\n              ", "\n            </editable-table-filter>\n          "])), index, this._replaceBlankCell(cell), this._isCellFiltered(index, this.filterColumn, this.filtered), this.getHTML(this._replaceBlankCell(cell))) : !noFilter ? (0, _index.html)(_templateObject12_b31094a01f2611eda0c389891c227ec8 || (_templateObject12_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span class=\"cell\"\n            >", "</span\n          >"])), this.getHTML(this._replaceBlankCell(cell))) : this.getHTML(this._replaceBlankCell(cell)));
       }
       /**
        * update responsive columns menu
@@ -336,7 +336,7 @@ define(["exports", "require", "../../../lit/index.js", "./editable-table-behavio
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableDisplay), "styles", this) || []), babelHelpers.toConsumableArray(_editableTableBehaviors.editableTableDisplayStyles), [(0, _index.css)(_templateObject13_dcb8ceb01f0511ed8cc3e9a95995ad69 || (_templateObject13_dcb8ceb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]),\n        :host([disabled]) {\n          display: none !important;\n        }\n        [part=\"caption\"] simple-toolbar-button {\n          --simple-toolbar-button-bg: var(--editable-table-bg-color, #fff);\n          --simple-toolbar-button-toggled-bg: var(\n            --editable-table-stripe-bg-color,\n            #f0f0f0\n          );\n          --simple-toolbar-button-hover-bg: var(\n            --editable-table-bg-color,\n            #fff\n          );\n          --simple-toolbar-button-border-color: var(\n            --editable-table-border-color,\n            #999\n          );\n          --simple-toolbar-button-toggled-border-color: var(\n            --editable-table-color,\n            #222\n          );\n          --simple-toolbar-button-hover-border-color: unset;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableDisplay), "styles", this) || []), babelHelpers.toConsumableArray(_editableTableBehaviors.editableTableDisplayStyles), [(0, _index.css)(_templateObject13_b31094a01f2611eda0c389891c227ec8 || (_templateObject13_b31094a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]),\n        :host([disabled]) {\n          display: none !important;\n        }\n        [part=\"caption\"] simple-toolbar-button {\n          --simple-toolbar-button-bg: var(--editable-table-bg-color, #fff);\n          --simple-toolbar-button-toggled-bg: var(\n            --editable-table-stripe-bg-color,\n            #f0f0f0\n          );\n          --simple-toolbar-button-hover-bg: var(\n            --editable-table-bg-color,\n            #fff\n          );\n          --simple-toolbar-button-border-color: var(\n            --editable-table-border-color,\n            #999\n          );\n          --simple-toolbar-button-toggled-border-color: var(\n            --editable-table-color,\n            #222\n          );\n          --simple-toolbar-button-hover-border-color: unset;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-edit.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-edit.js
index 19bb98a42f0..fd2eecf2a3a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-edit.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-edit.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
   });
   _exports.EditableTableEdit = void 0;
 
-  var _templateObject_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject2_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject3_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject4_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject5_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject6_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject7_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject8_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject9_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject10_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject11_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject12_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject13_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject14_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject15_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject16_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject17_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject18_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject19_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject20_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject21_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject22_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject23_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject24_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject25_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject26_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject27_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject28_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject29_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject30_dcc4dca01f0511ed8cc3e9a95995ad69, _templateObject31_dcc4dca01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b31cf0b01f2611eda0c389891c227ec8, _templateObject2_b31cf0b01f2611eda0c389891c227ec8, _templateObject3_b31cf0b01f2611eda0c389891c227ec8, _templateObject4_b31cf0b01f2611eda0c389891c227ec8, _templateObject5_b31cf0b01f2611eda0c389891c227ec8, _templateObject6_b31cf0b01f2611eda0c389891c227ec8, _templateObject7_b31cf0b01f2611eda0c389891c227ec8, _templateObject8_b31cf0b01f2611eda0c389891c227ec8, _templateObject9_b31cf0b01f2611eda0c389891c227ec8, _templateObject10_b31cf0b01f2611eda0c389891c227ec8, _templateObject11_b31cf0b01f2611eda0c389891c227ec8, _templateObject12_b31cf0b01f2611eda0c389891c227ec8, _templateObject13_b31cf0b01f2611eda0c389891c227ec8, _templateObject14_b31cf0b01f2611eda0c389891c227ec8, _templateObject15_b31cf0b01f2611eda0c389891c227ec8, _templateObject16_b31cf0b01f2611eda0c389891c227ec8, _templateObject17_b31cf0b01f2611eda0c389891c227ec8, _templateObject18_b31cf0b01f2611eda0c389891c227ec8, _templateObject19_b31cf0b01f2611eda0c389891c227ec8, _templateObject20_b31cf0b01f2611eda0c389891c227ec8, _templateObject21_b31cf0b01f2611eda0c389891c227ec8, _templateObject22_b31cf0b01f2611eda0c389891c227ec8, _templateObject23_b31cf0b01f2611eda0c389891c227ec8, _templateObject24_b31cf0b01f2611eda0c389891c227ec8, _templateObject25_b31cf0b01f2611eda0c389891c227ec8, _templateObject26_b31cf0b01f2611eda0c389891c227ec8, _templateObject27_b31cf0b01f2611eda0c389891c227ec8, _templateObject28_b31cf0b01f2611eda0c389891c227ec8, _templateObject29_b31cf0b01f2611eda0c389891c227ec8, _templateObject30_b31cf0b01f2611eda0c389891c227ec8, _templateObject31_b31cf0b01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -52,119 +52,119 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
     babelHelpers.createClass(EditableTableEdit, [{
       key: "textEditorToolbar",
       get: function get() {
-        return (0, _index.html)(_templateObject_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <rich-text-editor-toolbar-mini\n        id=\"editable-table-toolbar\"\n        .config=\"", "\"\n        show=\"selection\"\n        part=\"text-editor-toolbar\"\n      ></rich-text-editor-toolbar-mini>\n    "])), this.config);
+        return (0, _index.html)(_templateObject_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <rich-text-editor-toolbar-mini\n        id=\"editable-table-toolbar\"\n        .config=\"", "\"\n        show=\"selection\"\n        part=\"text-editor-toolbar\"\n      ></rich-text-editor-toolbar-mini>\n    "])), this.config);
       }
     }, {
       key: "columnHeaderButton",
       get: function get() {
-        return (0, _index.html)(_templateObject2_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject2_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"columnHeader\"\n        icon=\"editable-table:column-headers\"\n        label=\"First row has column headers.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this._onTableSettingChange, this.columnHeader);
+        return (0, _index.html)(_templateObject2_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject2_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"columnHeader\"\n        icon=\"editable-table:column-headers\"\n        label=\"First row has column headers.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this._onTableSettingChange, this.columnHeader);
       }
     }, {
       key: "rowHeaderButton",
       get: function get() {
-        return (0, _index.html)(_templateObject3_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject3_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"rowHeader\"\n        icon=\"editable-table:row-headers\"\n        label=\"First column has row headers.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this._onTableSettingChange, this.rowHeader);
+        return (0, _index.html)(_templateObject3_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject3_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"rowHeader\"\n        icon=\"editable-table:row-headers\"\n        label=\"First column has row headers.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this._onTableSettingChange, this.rowHeader);
       }
     }, {
       key: "footerButton",
       get: function get() {
-        return (0, _index.html)(_templateObject4_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject4_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"footer\"\n        icon=\"editable-table:footer\"\n        label=\"Last row is a footer.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this._onTableSettingChange, this.footer);
+        return (0, _index.html)(_templateObject4_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject4_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"footer\"\n        icon=\"editable-table:footer\"\n        label=\"Last row is a footer.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this._onTableSettingChange, this.footer);
       }
     }, {
       key: "headersFootersGroup",
       get: function get() {
-        return (0, _index.html)(_templateObject5_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject5_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"group\" part=\"simple-toolbar-section\">\n        <div class=\"label\" part=\"simple-toolbar-section-label\">\n          Headers and footers\n        </div>\n        ", " ", " ", "\n      </div>\n    "])), this.columnHeaderButton, this.rowHeaderButton, this.footerButton);
+        return (0, _index.html)(_templateObject5_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject5_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"group\" part=\"simple-toolbar-section\">\n        <div class=\"label\" part=\"simple-toolbar-section-label\">\n          Headers and footers\n        </div>\n        ", " ", " ", "\n      </div>\n    "])), this.columnHeaderButton, this.rowHeaderButton, this.footerButton);
       }
     }, {
       key: "borderButton",
       get: function get() {
-        return (0, _index.html)(_templateObject6_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject6_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"bordered\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"image:grid-on\"\n        label=\"Borders.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideBordered, this.hideBordered, this._onTableSettingChange, this.bordered);
+        return (0, _index.html)(_templateObject6_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject6_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"bordered\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"image:grid-on\"\n        label=\"Borders.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideBordered, this.hideBordered, this._onTableSettingChange, this.bordered);
       }
     }, {
       key: "stripeButton",
       get: function get() {
-        return (0, _index.html)(_templateObject7_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject7_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"striped\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"editable-table:row-striped\"\n        label=\"Alternating rows.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n        radio\n      >\n      </simple-toolbar-button>\n    "])), this.hideStriped, this.hideStriped, this._onTableSettingChange, this.striped);
+        return (0, _index.html)(_templateObject7_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject7_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"striped\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"editable-table:row-striped\"\n        label=\"Alternating rows.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n        radio\n      >\n      </simple-toolbar-button>\n    "])), this.hideStriped, this.hideStriped, this._onTableSettingChange, this.striped);
       }
     }, {
       key: "columnStripeButton",
       get: function get() {
-        return (0, _index.html)(_templateObject8_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject8_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"columnStriped\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"editable-table:col-striped\"\n        label=\"Alternating columns.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n        radio\n      >\n      </simple-toolbar-button>\n    "])), this.hideStriped, this.hideStriped, this._onTableSettingChange, this.columnStriped);
+        return (0, _index.html)(_templateObject8_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject8_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"columnStriped\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"editable-table:col-striped\"\n        label=\"Alternating columns.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n        radio\n      >\n      </simple-toolbar-button>\n    "])), this.hideStriped, this.hideStriped, this._onTableSettingChange, this.columnStriped);
       }
     }, {
       key: "condenseButton",
       get: function get() {
-        return (0, _index.html)(_templateObject9_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject9_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"condensed\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"editable-table:row-condensed\"\n        label=\"Condensed rows.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideCondensed, this.hideCondensed, this._onTableSettingChange, this.condensed);
+        return (0, _index.html)(_templateObject9_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject9_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"condensed\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"editable-table:row-condensed\"\n        label=\"Condensed rows.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideCondensed, this.hideCondensed, this._onTableSettingChange, this.condensed);
       }
     }, {
       key: "numericStylesButton",
       get: function get() {
-        return (0, _index.html)(_templateObject10_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject10_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"numericStyles\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"editable-table:numbers\"\n        label=\"Style numeric cells.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideNumericStyles, this.hideNumericStyles, this._onTableSettingChange, this.numericStyles);
+        return (0, _index.html)(_templateObject10_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject10_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"numericStyles\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"editable-table:numbers\"\n        label=\"Style numeric cells.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideNumericStyles, this.hideNumericStyles, this._onTableSettingChange, this.numericStyles);
       }
     }, {
       key: "responsiveButton",
       get: function get() {
-        return (0, _index.html)(_templateObject11_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject11_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"responsive\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"device:devices\"\n        label=\"Adjust width to screen size.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideResponsive, this.hideResponsive, this._onTableSettingChange, this.responsive);
+        return (0, _index.html)(_templateObject11_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject11_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"responsive\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"device:devices\"\n        label=\"Adjust width to screen size.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideResponsive, this.hideResponsive, this._onTableSettingChange, this.responsive);
       }
     }, {
       key: "displayGroup",
       get: function get() {
-        return (0, _index.html)(_templateObject12_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject12_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        class=\"group\"\n        ?hidden=\"", "\"\n        part=\"simple-toolbar-section\"\n      >\n        <div class=\"label\" part=\"simple-toolbar-section-label\">Display</div>\n        ", " ", "\n        <simple-toolbar-button-group>\n          ", " ", "\n        </simple-toolbar-button-group>\n        ", " ", "\n      </div>\n    "])), this.hideDisplay, this.borderButton, this.condenseButton, this.stripeButton, this.columnStripeButton, this.numericStylesButton, this.responsiveButton);
+        return (0, _index.html)(_templateObject12_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject12_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        class=\"group\"\n        ?hidden=\"", "\"\n        part=\"simple-toolbar-section\"\n      >\n        <div class=\"label\" part=\"simple-toolbar-section-label\">Display</div>\n        ", " ", "\n        <simple-toolbar-button-group>\n          ", " ", "\n        </simple-toolbar-button-group>\n        ", " ", "\n      </div>\n    "])), this.hideDisplay, this.borderButton, this.condenseButton, this.stripeButton, this.columnStripeButton, this.numericStylesButton, this.responsiveButton);
       }
     }, {
       key: "sortButton",
       get: function get() {
-        return (0, _index.html)(_templateObject13_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject13_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"sort\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        label=\"Column sorting (for tables with column headers).\"\n        icon=\"editable-table:sortable\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this._isSortDisabled(this.hideSort, this.columnHeader), this._isSortDisabled(this.hideSort, this.columnHeader), this._onTableSettingChange, this.sort);
+        return (0, _index.html)(_templateObject13_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject13_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"sort\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        label=\"Column sorting (for tables with column headers).\"\n        icon=\"editable-table:sortable\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this._isSortDisabled(this.hideSort, this.columnHeader), this._isSortDisabled(this.hideSort, this.columnHeader), this._onTableSettingChange, this.sort);
       }
     }, {
       key: "filterButton",
       get: function get() {
-        return (0, _index.html)(_templateObject14_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject14_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"filter\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"editable-table:filter\"\n        label=\"Column filtering.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideFilter, this.hideFilter, this._onTableSettingChange, this.filter);
+        return (0, _index.html)(_templateObject14_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject14_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"filter\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"editable-table:filter\"\n        label=\"Column filtering.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideFilter, this.hideFilter, this._onTableSettingChange, this.filter);
       }
     }, {
       key: "downloadButton",
       get: function get() {
-        return (0, _index.html)(_templateObject15_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject15_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"downloadable\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"file-download\"\n        label=\"Allow downloading as CSV.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideDownloadable, this.hideDownloadable, this._onTableSettingChange, this.downloadable);
+        return (0, _index.html)(_templateObject15_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject15_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"downloadable\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"file-download\"\n        label=\"Allow downloading as CSV.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hideDownloadable, this.hideDownloadable, this._onTableSettingChange, this.downloadable);
       }
     }, {
       key: "printButton",
       get: function get() {
-        return (0, _index.html)(_templateObject16_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject16_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"printable\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"print\"\n        label=\"Allow printing.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hidePrintable, this.hidePrintable, this._onTableSettingChange, this.printable);
+        return (0, _index.html)(_templateObject16_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject16_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar-button\n        id=\"printable\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        icon=\"print\"\n        label=\"Allow printing.\"\n        @button-toggled=\"", "\"\n        part=\"simple-toolbar-button\"\n        ?toggled=\"", "\"\n        toggles\n      >\n      </simple-toolbar-button>\n    "])), this.hidePrintable, this.hidePrintable, this._onTableSettingChange, this.printable);
       }
     }, {
       key: "dataGroup",
       get: function get() {
-        return (0, _index.html)(_templateObject17_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject17_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        class=\"group\"\n        ?hidden=\"", "\"\n        part=\"simple-toolbar-section\"\n      >\n        <div class=\"label\" part=\"simple-toolbar-section-label\">Data</div>\n        ", " ", " ", "\n        ", "\n      </div>\n    "])), this.hideSortFilter, this.sortButton, this.filterButton, this.downloadButton, this.printButton);
+        return (0, _index.html)(_templateObject17_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject17_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        class=\"group\"\n        ?hidden=\"", "\"\n        part=\"simple-toolbar-section\"\n      >\n        <div class=\"label\" part=\"simple-toolbar-section-label\">Data</div>\n        ", " ", " ", "\n        ", "\n      </div>\n    "])), this.hideSortFilter, this.sortButton, this.filterButton, this.downloadButton, this.printButton);
       }
     }, {
       key: "settingsToolbar",
       get: function get() {
-        return (0, _index.html)(_templateObject18_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject18_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar part=\"simple-toolbar\">\n        ", " ", " ", "\n      </simple-toolbar>\n    "])), this.headersFootersGroup, this.displayGroup, this.dataGroup);
+        return (0, _index.html)(_templateObject18_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject18_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toolbar part=\"simple-toolbar\">\n        ", " ", " ", "\n      </simple-toolbar>\n    "])), this.headersFootersGroup, this.displayGroup, this.dataGroup);
       }
     }, {
       key: "editableCaption",
       get: function get() {
-        return (0, _index.html)(_templateObject19_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject19_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <caption>\n        <p class=\"offscreen\">Edit Mode for</p>\n        <div class=\"caption-flex\">\n          <rich-text-editor\n            autofocus\n            @blur=\"", "\"\n            id=\"caption\"\n            label=\"Caption\"\n            placeholder=\"Name your table by adding a caption here.\"\n            rawhtml=\"", "\"\n            toolbar=\"editable-table-toolbar\"\n            type=\"rich-text-editor-toolbar-mini\"\n          >\n          </rich-text-editor>\n          <div class=\"icons\">\n            ", "\n            ", "\n          </div>\n        </div>\n      </caption>\n    "])), this._captionChanged, this.caption, !this.downloadable ? "" : (0, _index.html)(_templateObject20_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject20_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-icon-lite\n                    class=\"downloadable-icon\"\n                    icon=\"file-download\"\n                    aria-hidden=\"true\"\n                  >\n                  </simple-icon-lite>\n                "]))), !this.printable ? "" : (0, _index.html)(_templateObject21_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject21_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-icon-lite\n                    calss=\"printable-icon\"\n                    icon=\"print\"\n                    aria-hidden=\"true\"\n                  >\n                  </simple-icon-lite>\n                "]))));
+        return (0, _index.html)(_templateObject19_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject19_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <caption>\n        <p class=\"offscreen\">Edit Mode for</p>\n        <div class=\"caption-flex\">\n          <rich-text-editor\n            autofocus\n            @blur=\"", "\"\n            id=\"caption\"\n            label=\"Caption\"\n            placeholder=\"Name your table by adding a caption here.\"\n            rawhtml=\"", "\"\n            toolbar=\"editable-table-toolbar\"\n            type=\"rich-text-editor-toolbar-mini\"\n          >\n          </rich-text-editor>\n          <div class=\"icons\">\n            ", "\n            ", "\n          </div>\n        </div>\n      </caption>\n    "])), this._captionChanged, this.caption, !this.downloadable ? "" : (0, _index.html)(_templateObject20_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject20_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-icon-lite\n                    class=\"downloadable-icon\"\n                    icon=\"file-download\"\n                    aria-hidden=\"true\"\n                  >\n                  </simple-icon-lite>\n                "]))), !this.printable ? "" : (0, _index.html)(_templateObject21_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject21_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-icon-lite\n                    calss=\"printable-icon\"\n                    icon=\"print\"\n                    aria-hidden=\"true\"\n                  >\n                  </simple-icon-lite>\n                "]))));
       }
     }, {
       key: "columnMenuButton",
       value: function columnMenuButton(colIndex) {
-        return (0, _index.html)(_templateObject22_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject22_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <editable-table-editor-rowcol\n        ?condensed=\"", "\"\n        index=\"", "\"\n        @rowcol-action=\"", "\"\n        @rowcol-menu-toggle=\"", "\"\n        part=\"rowcol-menu-button\"\n      >\n      </editable-table-editor-rowcol>\n    "])), this.condensed, colIndex, this._handleRowColumnMenu, this._handleMenuToggle);
+        return (0, _index.html)(_templateObject22_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject22_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <editable-table-editor-rowcol\n        ?condensed=\"", "\"\n        index=\"", "\"\n        @rowcol-action=\"", "\"\n        @rowcol-menu-toggle=\"", "\"\n        part=\"rowcol-menu-button\"\n      >\n      </editable-table-editor-rowcol>\n    "])), this.condensed, colIndex, this._handleRowColumnMenu, this._handleMenuToggle);
       }
     }, {
       key: "editableColumn",
       value: function editableColumn(colIndex) {
-        return (0, _index.html)(_templateObject23_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject23_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <th\n        class=\"col-", "\"\n        scope=\"col\"\n        ?numeric=\"", "\"\n      >\n        ", "\n      </th>\n    "])), colIndex, this._isNumericColumn(colIndex), this.columnMenuButton(colIndex));
+        return (0, _index.html)(_templateObject23_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject23_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <th\n        class=\"col-", "\"\n        scope=\"col\"\n        ?numeric=\"", "\"\n      >\n        ", "\n      </th>\n    "])), colIndex, this._isNumericColumn(colIndex), this.columnMenuButton(colIndex));
       }
     }, {
       key: "rowMenuButton",
       value: function rowMenuButton(rowIndex) {
-        return (0, _index.html)(_templateObject24_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject24_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <editable-table-editor-rowcol\n        class=\"cell\"\n        ?condensed=\"", "\"\n        index=\"", "\"\n        row\n        @rowcol-action=\"", "\"\n        part=\"rowcol-menu-button\"\n      >\n      </editable-table-editor-rowcol>\n    "])), this.condensed, rowIndex, this._handleRowColumnMenu);
+        return (0, _index.html)(_templateObject24_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject24_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <editable-table-editor-rowcol\n        class=\"cell\"\n        ?condensed=\"", "\"\n        index=\"", "\"\n        row\n        @rowcol-action=\"", "\"\n        part=\"rowcol-menu-button\"\n      >\n      </editable-table-editor-rowcol>\n    "])), this.condensed, rowIndex, this._handleRowColumnMenu);
       }
     }, {
       key: "editableRow",
       value: function editableRow(rowIndex, rowData) {
         var _this = this;
 
-        return (0, _index.html)(_templateObject25_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject25_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <tr\n        class=\"tr ", "\"\n      >\n        <th scope=\"row\">", "</th>\n        ", "\n      </tr>\n    "])), rowIndex == 0 && this.columnHeader ? "thead-tr" : rowIndex == this.data.length - 1 && this.footer ? "tfoot-tr" : "tbody-tr", this.rowMenuButton(rowIndex), (rowData || []).map(function (cellData, colIndex) {
+        return (0, _index.html)(_templateObject25_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject25_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <tr\n        class=\"tr ", "\"\n      >\n        <th scope=\"row\">", "</th>\n        ", "\n      </tr>\n    "])), rowIndex == 0 && this.columnHeader ? "thead-tr" : rowIndex == this.data.length - 1 && this.footer ? "tfoot-tr" : "tbody-tr", this.rowMenuButton(rowIndex), (rowData || []).map(function (cellData, colIndex) {
           return _this.editableCell(rowIndex, colIndex, cellData);
         }));
       }
@@ -173,21 +173,21 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
       value: function cellEditor(rowIndex, colIndex, contents) {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject26_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject26_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <rich-text-editor\n        autofocus\n        @blur=\"", "\"\n        class=\"cell\"\n        disable-mouseover\n        toolbar=\"editable-table-toolbar\"\n        id=\"cell-", "-", "\"\n        label=\"", "\"\n        rawhtml=\"", "\"\n        type=\"rich-text-editor-toolbar-mini\"\n      >\n      </rich-text-editor>\n    "])), function (e) {
+        return (0, _index.html)(_templateObject26_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject26_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <rich-text-editor\n        autofocus\n        @blur=\"", "\"\n        class=\"cell\"\n        disable-mouseover\n        toolbar=\"editable-table-toolbar\"\n        id=\"cell-", "-", "\"\n        label=\"", "\"\n        rawhtml=\"", "\"\n        type=\"rich-text-editor-toolbar-mini\"\n      >\n      </rich-text-editor>\n    "])), function (e) {
           return _this2._onCellValueChange(e, rowIndex, colIndex);
         }, rowIndex, colIndex, "Cell ".concat(this._getLabel(colIndex, false)).concat(rowIndex), contents);
       }
     }, {
       key: "editableCell",
       value: function editableCell(rowIndex, colIndex, contents) {
-        return (0, _index.html)(_templateObject27_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject27_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <td\n        class=\"", " th-or-td\"\n        ?negative=\"", "\"\n        ?numeric=\"", "\"\n        @click=\"", "\"\n      >\n        ", "\n        <div id=\"icons\">\n          <simple-icon-lite\n            class=\"sortable-icon\"\n            icon=\"editable-table:sortable\"\n            aria-hidden=\"true\"\n          ></simple-icon-lite>\n          <simple-icon-lite\n            class=\"filter-icon\"\n            icon=\"editable-table:filter-off\"\n            aria-hidden=\"true\"\n          ></simple-icon-lite>\n        </div>\n      </td>\n    "])), colIndex === 0 && this.rowHeader || rowIndex == 0 && this.columnHeader ? "th" : "td", this._isNegative(contents), this._isNumericColumn(colIndex), this._onCellClick, this.cellEditor(rowIndex, colIndex, contents));
+        return (0, _index.html)(_templateObject27_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject27_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <td\n        class=\"", " th-or-td\"\n        ?negative=\"", "\"\n        ?numeric=\"", "\"\n        @click=\"", "\"\n      >\n        ", "\n        <div id=\"icons\">\n          <simple-icon-lite\n            class=\"sortable-icon\"\n            icon=\"editable-table:sortable\"\n            aria-hidden=\"true\"\n          ></simple-icon-lite>\n          <simple-icon-lite\n            class=\"filter-icon\"\n            icon=\"editable-table:filter-off\"\n            aria-hidden=\"true\"\n          ></simple-icon-lite>\n        </div>\n      </td>\n    "])), colIndex === 0 && this.rowHeader || rowIndex == 0 && this.columnHeader ? "th" : "td", this._isNegative(contents), this._isNumericColumn(colIndex), this._onCellClick, this.cellEditor(rowIndex, colIndex, contents));
       }
     }, {
       key: "editableColumns",
       get: function get() {
         var _this3 = this;
 
-        return (0, _index.html)(_templateObject28_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject28_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <thead>\n        <tr class=\"tr\">\n          <th scope=\"row\">\n            <span class=\"offscreen\">Insert/Delete Controls</span>\n          </th>\n          ", "\n        </tr>\n      </thead>\n    "])), (this.data[0] || []).map(function (cellData, th) {
+        return (0, _index.html)(_templateObject28_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject28_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <thead>\n        <tr class=\"tr\">\n          <th scope=\"row\">\n            <span class=\"offscreen\">Insert/Delete Controls</span>\n          </th>\n          ", "\n        </tr>\n      </thead>\n    "])), (this.data[0] || []).map(function (cellData, th) {
           return _this3.editableColumn(th);
         }));
       }
@@ -196,14 +196,14 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
       get: function get() {
         var _this4 = this;
 
-        return (0, _index.html)(_templateObject29_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject29_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <tbody id=\"tbody\" class=\"tbody\">\n        ", "\n      </tbody>\n    "])), this.data.map(function (row, tr) {
+        return (0, _index.html)(_templateObject29_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject29_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <tbody id=\"tbody\" class=\"tbody\">\n        ", "\n      </tbody>\n    "])), this.data.map(function (row, tr) {
           return _this4.editableRow(tr, row);
         }));
       }
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject30_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject30_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <p class=\"offscreen\">Table Editor</p>\n      <table\n        id=\"table-editmode\"\n        ?bordered=\"", "\"\n        ?column-header=\"", "\"\n        ?column-striped=\"", "\"\n        ?condensed=\"", "\"\n        ?downloadable=\"", "\"\n        ?filter=\"", "\"\n        ?footer=\"", "\"\n        ?numeric-styles=\"", "\"\n        ?printable=\"", "\"\n        ?responsive=\"", "\"\n        ?row-header=\"", "\"\n        ?sort=\"", "\"\n        ?striped=\"", "\"\n        part=\"table\"\n      >\n        ", " ", " ", "\n      </table>\n      ", "\n    "])), this.textEditorToolbar, this.bordered, this.columnHeader, this.columnStriped, this.condensed, this.downloadable, this.filter, this.footer, this.numericStyles, this.printable, this.responsive, this.rowHeader, this.sort, this.striped, this.editableCaption, this.editableColumns, this.editableRows, this.settingsToolbar);
+        return (0, _index.html)(_templateObject30_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject30_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <p class=\"offscreen\">Table Editor</p>\n      <table\n        id=\"table-editmode\"\n        ?bordered=\"", "\"\n        ?column-header=\"", "\"\n        ?column-striped=\"", "\"\n        ?condensed=\"", "\"\n        ?downloadable=\"", "\"\n        ?filter=\"", "\"\n        ?footer=\"", "\"\n        ?numeric-styles=\"", "\"\n        ?printable=\"", "\"\n        ?responsive=\"", "\"\n        ?row-header=\"", "\"\n        ?sort=\"", "\"\n        ?striped=\"", "\"\n        part=\"table\"\n      >\n        ", " ", " ", "\n      </table>\n      ", "\n    "])), this.textEditorToolbar, this.bordered, this.columnHeader, this.columnStriped, this.condensed, this.downloadable, this.filter, this.footer, this.numericStyles, this.printable, this.responsive, this.rowHeader, this.sort, this.striped, this.editableCaption, this.editableColumns, this.editableRows, this.settingsToolbar);
       }
     }, {
       key: "hideSortFilter",
@@ -620,7 +620,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableEdit), "styles", this) || []), babelHelpers.toConsumableArray(_editableTableBehaviors.editableTableStyles), [(0, _index.css)(_templateObject31_dcc4dca01f0511ed8cc3e9a95995ad69 || (_templateObject31_dcc4dca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --paper-listbox-background-color: var(\n            --editable-table-rowcol-bg-color\n          );\n        }\n        :host([disabled]) {\n          display: none;\n          pointer-events: none;\n          cursor: not-allowed;\n        }\n        .filter-icon,\n        .sortable-icon {\n          display: none;\n          opacity: 0.4;\n          width: 24px;\n          height: 24px;\n        }\n        :host([sort]) tbody .tr:first-child .sortable-icon,\n        :host([filter]) tbody .tr:not(:first-of-type) .filter-icon {\n          display: inline-block;\n          opacity: 0.25;\n        }\n        table {\n          min-width: calc(100% - 2.3px);\n          width: unset;\n          height: 1px;\n        }\n        caption {\n          width: 100%;\n          padding: 0;\n          margin: 0;\n          color: var(\n            --editable-table-caption-color,\n            var(--editable-table-color, #222)\n          );\n        }\n        table *[data-expanded=\"true\"] {\n          z-index: 2;\n        }\n        rich-text-editor:not([contenteditable]) {\n          z-index: 1 !important;\n        }\n        caption,\n        .th-or-td {\n          border: 1px solid #ddd;\n        }\n        label,\n        .label {\n          color: var(--editable-table-secondary-text-color, #444);\n          font-size: var(--editable-table-secondary-font-size, 12px);\n          font-family: var(\n            --editable-table-secondary-font-family,\n            \"Roboto\",\n            \"Noto\",\n            sans-serif\n          );\n          margin-right: 0.5em;\n        }\n        simple-toolbar {\n          width: 100%;\n          --simple-toolbar-button-bg: var(--editable-table-bg-color, #fff);\n          --simple-toolbar-button-toggled-bg: var(\n            --editable-table-stripe-bg-color,\n            #f0f0f0\n          );\n          --simple-toolbar-button-hover-bg: var(\n            --editable-table-bg-color,\n            #fff\n          );\n          --simple-toolbar-button-border-color: var(\n            --editable-table-border-color,\n            #999\n          );\n          --simple-toolbar-button-toggled-border-color: var(\n            --editable-table-color,\n            #222\n          );\n          --simple-toolbar-button-hover-border-color: unset;\n        }\n        simple-toolbar::part(buttons) {\n          align-items: stretch;\n          justify-content: space-between;\n        }\n        .group {\n          padding: 0;\n          margin: 0;\n          transition: all 2s;\n          color: var(\n            --editable-table-caption-color,\n            var(--editable-table-color, #222)\n          );\n        }\n        .group:not([hidden]) {\n          display: flex;\n          flex: 0 0 auto;\n          justify-content: space-around;\n          align-items: center;\n          margin: 0 2.5px;\n        }\n        caption {\n          position: relative;\n        }\n        caption > * {\n          margin: 0 2.5px;\n        }\n        #caption {\n          flex: 1 1 auto;\n        }\n        .caption-flex {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n        .icons {\n          flex: 0 0 auto;\n          opacity: 0.25;\n        }\n        th {\n          padding: 0;\n          border-width: var(--editable-table-border-width, 1px);\n          border-style: var(--editable-table-border-style, solid);\n          border-color: var(--editable-table-border-color, #999);\n        }\n        td {\n          margin: 0;\n          padding: 0;\n          position: relative;\n        }\n        rich-text-editor-toolbar-mini {\n          position: absolute;\n          min-width: 200px;\n          height: 0;\n        }\n        rich-text-editor {\n          margin-bottom: 1px;\n          padding: var(--editable-table-cell-vertical-padding, 10px)\n            var(--editable-table-cell-horizontal-padding, 6px);\n          border: none !important;\n          margin-right: 24px;\n          --rich-text-editor-min-height: 12px;\n        }\n        rich-text-editor[contenteditable=\"true\"].heightmax {\n          overflow-y: auto;\n        }\n        rich-text-editor:hover,\n        rich-text-editor:focus,\n        rich-text-editor:focus-within {\n          border: none !important;\n          outline: none !important;\n        }\n        td #icons {\n          position: absolute;\n          right: 0;\n          top: calc(50% - 12px);\n          width: 24px;\n        }\n        td simple-icon-lite {\n          width: 24px;\n        }\n        td:focus-within {\n          outline: 1px dotted currentColor;\n        }\n        .th:first-child {\n          width: 96px;\n        }\n        :host([responsive]) thead th:nth-of-type(3),\n        :host([responsive]) .tr td:nth-of-type(2) {\n          border-right-width: calc(var(--editable-table-border-width) + 5px);\n          border-right-style: double;\n        }\n        :host(:hover),\n        *:hover {\n          z-index: 3;\n        }\n        :host(:focus-within),\n        *:focus-within {\n          z-index: 4;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableEdit), "styles", this) || []), babelHelpers.toConsumableArray(_editableTableBehaviors.editableTableStyles), [(0, _index.css)(_templateObject31_b31cf0b01f2611eda0c389891c227ec8 || (_templateObject31_b31cf0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --paper-listbox-background-color: var(\n            --editable-table-rowcol-bg-color\n          );\n        }\n        :host([disabled]) {\n          display: none;\n          pointer-events: none;\n          cursor: not-allowed;\n        }\n        .filter-icon,\n        .sortable-icon {\n          display: none;\n          opacity: 0.4;\n          width: 24px;\n          height: 24px;\n        }\n        :host([sort]) tbody .tr:first-child .sortable-icon,\n        :host([filter]) tbody .tr:not(:first-of-type) .filter-icon {\n          display: inline-block;\n          opacity: 0.25;\n        }\n        table {\n          min-width: calc(100% - 2.3px);\n          width: unset;\n          height: 1px;\n        }\n        caption {\n          width: 100%;\n          padding: 0;\n          margin: 0;\n          color: var(\n            --editable-table-caption-color,\n            var(--editable-table-color, #222)\n          );\n        }\n        table *[data-expanded=\"true\"] {\n          z-index: 2;\n        }\n        rich-text-editor:not([contenteditable]) {\n          z-index: 1 !important;\n        }\n        caption,\n        .th-or-td {\n          border: 1px solid #ddd;\n        }\n        label,\n        .label {\n          color: var(--editable-table-secondary-text-color, #444);\n          font-size: var(--editable-table-secondary-font-size, 12px);\n          font-family: var(\n            --editable-table-secondary-font-family,\n            \"Roboto\",\n            \"Noto\",\n            sans-serif\n          );\n          margin-right: 0.5em;\n        }\n        simple-toolbar {\n          width: 100%;\n          --simple-toolbar-button-bg: var(--editable-table-bg-color, #fff);\n          --simple-toolbar-button-toggled-bg: var(\n            --editable-table-stripe-bg-color,\n            #f0f0f0\n          );\n          --simple-toolbar-button-hover-bg: var(\n            --editable-table-bg-color,\n            #fff\n          );\n          --simple-toolbar-button-border-color: var(\n            --editable-table-border-color,\n            #999\n          );\n          --simple-toolbar-button-toggled-border-color: var(\n            --editable-table-color,\n            #222\n          );\n          --simple-toolbar-button-hover-border-color: unset;\n        }\n        simple-toolbar::part(buttons) {\n          align-items: stretch;\n          justify-content: space-between;\n        }\n        .group {\n          padding: 0;\n          margin: 0;\n          transition: all 2s;\n          color: var(\n            --editable-table-caption-color,\n            var(--editable-table-color, #222)\n          );\n        }\n        .group:not([hidden]) {\n          display: flex;\n          flex: 0 0 auto;\n          justify-content: space-around;\n          align-items: center;\n          margin: 0 2.5px;\n        }\n        caption {\n          position: relative;\n        }\n        caption > * {\n          margin: 0 2.5px;\n        }\n        #caption {\n          flex: 1 1 auto;\n        }\n        .caption-flex {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n        .icons {\n          flex: 0 0 auto;\n          opacity: 0.25;\n        }\n        th {\n          padding: 0;\n          border-width: var(--editable-table-border-width, 1px);\n          border-style: var(--editable-table-border-style, solid);\n          border-color: var(--editable-table-border-color, #999);\n        }\n        td {\n          margin: 0;\n          padding: 0;\n          position: relative;\n        }\n        rich-text-editor-toolbar-mini {\n          position: absolute;\n          min-width: 200px;\n          height: 0;\n        }\n        rich-text-editor {\n          margin-bottom: 1px;\n          padding: var(--editable-table-cell-vertical-padding, 10px)\n            var(--editable-table-cell-horizontal-padding, 6px);\n          border: none !important;\n          margin-right: 24px;\n          --rich-text-editor-min-height: 12px;\n        }\n        rich-text-editor[contenteditable=\"true\"].heightmax {\n          overflow-y: auto;\n        }\n        rich-text-editor:hover,\n        rich-text-editor:focus,\n        rich-text-editor:focus-within {\n          border: none !important;\n          outline: none !important;\n        }\n        td #icons {\n          position: absolute;\n          right: 0;\n          top: calc(50% - 12px);\n          width: 24px;\n        }\n        td simple-icon-lite {\n          width: 24px;\n        }\n        td:focus-within {\n          outline: 1px dotted currentColor;\n        }\n        .th:first-child {\n          width: 96px;\n        }\n        :host([responsive]) thead th:nth-of-type(3),\n        :host([responsive]) .tr td:nth-of-type(2) {\n          border-right-width: calc(var(--editable-table-border-width) + 5px);\n          border-right-style: double;\n        }\n        :host(:hover),\n        *:hover {\n          z-index: 3;\n        }\n        :host(:focus-within),\n        *:focus-within {\n          z-index: 4;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-rowcol.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-rowcol.js
index 5beb42e9dcf..f5b55ea2017 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-rowcol.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-rowcol.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
   });
   _exports.EditableTableEditorRowcol = void 0;
 
-  var _templateObject_dcc886201f0511ed8cc3e9a95995ad69, _templateObject2_dcc886201f0511ed8cc3e9a95995ad69, _templateObject3_dcc886201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b3204c101f2611eda0c389891c227ec8, _templateObject2_b3204c101f2611eda0c389891c227ec8, _templateObject3_b3204c101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -70,7 +70,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
     }, {
       key: "listItemTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject_dcc886201f0511ed8cc3e9a95995ad69 || (_templateObject_dcc886201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <slot name=\"menuitem\">\n        ", " ", " ", "\n      </slot>\n      <slot></slot>\n    "])), this._getItem(), this._getItem(false, true), this._getItem(true));
+        return (0, _index.html)(_templateObject_b3204c101f2611eda0c389891c227ec8 || (_templateObject_b3204c101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <slot name=\"menuitem\">\n        ", " ", " ", "\n      </slot>\n      <slot></slot>\n    "])), this._getItem(), this._getItem(false, true), this._getItem(true));
       }
       /**
        * Fires when  selection is made from menu button
@@ -101,7 +101,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
         var deleteItem = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
         var after = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
         var label = "".concat(deleteItem ? "Delete " : "Insert ").concat(this.type).concat(deleteItem ? "" : after ? " After " : " Before ");
-        return (0, _index.html)(_templateObject2_dcc886201f0511ed8cc3e9a95995ad69 || (_templateObject2_dcc886201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-toolbar-menu-item slot=\"menuitem\">\n      <simple-toolbar-button\n        role=\"menuitem\"\n        label=\"", "\"\n        show-text-label\n        align-horizontal=\"left\"\n        @button-toggled=\"", "\"\n      >\n      </simple-toolbar-button>\n    </simple-toolbar-menu-item>"])), label, deleteItem ? this._onDelete : after ? this._onInsertAfter : this._onInsertBefore);
+        return (0, _index.html)(_templateObject2_b3204c101f2611eda0c389891c227ec8 || (_templateObject2_b3204c101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-toolbar-menu-item slot=\"menuitem\">\n      <simple-toolbar-button\n        role=\"menuitem\"\n        label=\"", "\"\n        show-text-label\n        align-horizontal=\"left\"\n        @button-toggled=\"", "\"\n      >\n      </simple-toolbar-button>\n    </simple-toolbar-menu-item>"])), label, deleteItem ? this._onDelete : after ? this._onInsertAfter : this._onInsertBefore);
       }
       /**
        * Handles when Delete Row/Column is clicked
@@ -136,7 +136,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableEditorRowcol), "styles", this) || []), babelHelpers.toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _index.css)(_templateObject3_dcc886201f0511ed8cc3e9a95995ad69 || (_templateObject3_dcc886201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host [part=\"button\"],\n        :host [part=\"button\"]:focus,\n        :host(:focus-within) [part=\"button\"],\n        :host(:hover) [part=\"button\"],\n        :host [part=\"button\"]:hover {\n          border-radius: 0;\n          background-color: transparent;\n          border: none;\n        }\n        [role=\"menuitem\"] {\n          --simple-toolbar-button-hover-border-color: transparent;\n        }\n        [role=\"menuitem\"]::part(button):hover,\n        [role=\"menuitem\"]::part(button):focus,\n        [role=\"menuitem\"]::part(button):focus-within {\n          border: none;\n          background-color: var(\n            --editable-table-rowcol-hover-bg-color,\n            var(--editable-table-stripe-bg-color, #f0f0f0)\n          );\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableEditorRowcol), "styles", this) || []), babelHelpers.toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _index.css)(_templateObject3_b3204c101f2611eda0c389891c227ec8 || (_templateObject3_b3204c101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host [part=\"button\"],\n        :host [part=\"button\"]:focus,\n        :host(:focus-within) [part=\"button\"],\n        :host(:hover) [part=\"button\"],\n        :host [part=\"button\"]:hover {\n          border-radius: 0;\n          background-color: transparent;\n          border: none;\n        }\n        [role=\"menuitem\"] {\n          --simple-toolbar-button-hover-border-color: transparent;\n        }\n        [role=\"menuitem\"]::part(button):hover,\n        [role=\"menuitem\"]::part(button):focus,\n        [role=\"menuitem\"]::part(button):focus-within {\n          border: none;\n          background-color: var(\n            --editable-table-rowcol-hover-bg-color,\n            var(--editable-table-stripe-bg-color, #f0f0f0)\n          );\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-filter.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-filter.js
index 4fb42abe54a..5f48bc50fac 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-filter.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-filter.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
   });
   _exports.EditableTableFilter = void 0;
 
-  var _templateObject_dccbe1801f0511ed8cc3e9a95995ad69, _templateObject2_dccbe1801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b32380601f2611eda0c389891c227ec8, _templateObject2_b32380601f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -48,7 +48,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
     babelHelpers.createClass(EditableTableFilter, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dccbe1801f0511ed8cc3e9a95995ad69 || (_templateObject_dccbe1801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div><slot id=\"cell\"></slot>", "</div> "])), babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableFilter.prototype), "render", this).call(this));
+        return (0, _index.html)(_templateObject_b32380601f2611eda0c389891c227ec8 || (_templateObject_b32380601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div><slot id=\"cell\"></slot>", "</div> "])), babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableFilter.prototype), "render", this).call(this));
       }
     }, {
       key: "updated",
@@ -80,7 +80,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableFilter), "styles", this) || []), babelHelpers.toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _index.css)(_templateObject2_dccbe1801f0511ed8cc3e9a95995ad69 || (_templateObject2_dccbe1801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: inherit;\n          font-size: inherit;\n        }\n        :host > div {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 100%;\n        }\n        button {\n          flex: 0 0 auto !important;\n          width: auto !important;\n        }\n        #cell {\n          flex: 1 1 auto !important;\n          display: inline-block;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableFilter), "styles", this) || []), babelHelpers.toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _index.css)(_templateObject2_b32380601f2611eda0c389891c227ec8 || (_templateObject2_b32380601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: inherit;\n          font-size: inherit;\n        }\n        :host > div {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 100%;\n        }\n        button {\n          flex: 0 0 auto !important;\n          width: auto !important;\n        }\n        #cell {\n          flex: 1 1 auto !important;\n          display: inline-block;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-sort.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-sort.js
index 631a5301364..d80f30134ec 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-sort.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-sort.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
   });
   _exports.EditableTableSort = void 0;
 
-  var _templateObject_dccea0a01f0511ed8cc3e9a95995ad69, _templateObject2_dccea0a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b32666901f2611eda0c389891c227ec8, _templateObject2_b32666901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -48,7 +48,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
     babelHelpers.createClass(EditableTableSort, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dccea0a01f0511ed8cc3e9a95995ad69 || (_templateObject_dccea0a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot id=\"cell\"></slot>\n        <span class=\"offscreen asc\">(ascending)</span>\n        <span class=\"offscreen desc\">(descending)</span>\n        ", "\n      </div>\n    "])), babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableSort.prototype), "render", this).call(this));
+        return (0, _index.html)(_templateObject_b32666901f2611eda0c389891c227ec8 || (_templateObject_b32666901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot id=\"cell\"></slot>\n        <span class=\"offscreen asc\">(ascending)</span>\n        <span class=\"offscreen desc\">(descending)</span>\n        ", "\n      </div>\n    "])), babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableSort.prototype), "render", this).call(this));
       }
     }, {
       key: "updated",
@@ -84,7 +84,7 @@ define(["exports", "../../../lit/index.js", "./editable-table-behaviors.js", "..
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableSort), "styles", this) || []), babelHelpers.toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _index.css)(_templateObject2_dccea0a01f0511ed8cc3e9a95995ad69 || (_templateObject2_dccea0a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: inherit;\n          font-size: inherit;\n        }\n        :host > div {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 100%;\n        }\n        button {\n          flex: 0 0 auto !important;\n          width: auto !important;\n        }\n        #cell {\n          flex: 1 1 auto !important;\n          display: inline-block;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableTableSort), "styles", this) || []), babelHelpers.toConsumableArray(_editableTableBehaviors.editableTableCellStyles), [(0, _index.css)(_templateObject2_b32666901f2611eda0c389891c227ec8 || (_templateObject2_b32666901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: inherit;\n          font-size: inherit;\n        }\n        :host > div {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 100%;\n        }\n        button {\n          flex: 0 0 auto !important;\n          width: auto !important;\n        }\n        #cell {\n          flex: 1 1 auto !important;\n          display: inline-block;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/game-show-scoreboard/game-show-scoreboard.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/game-show-scoreboard/game-show-scoreboard.js
index 4f08c18ddca..88c9b7bbafa 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/game-show-scoreboard/game-show-scoreboard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/game-show-scoreboard/game-show-scoreboard.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.GameShowScoreboard = void 0;
 
-  var _templateObject_f3056cf01f0511ed8cc3e9a95995ad69;
+  var _templateObject_c9f9e8101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -99,7 +99,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f3056cf01f0511ed8cc3e9a95995ad69 || (_templateObject_f3056cf01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          align-content: center;\n          padding: 0.8em;\n        }\n        vaadin-grid-table-body > vaadin-grid-cell-content {\n          height: unset !important;\n        }\n        vaadin-grid#material {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n          --vaadin-grid-cell: {\n            padding: 0;\n          }\n\n          --vaadin-grid-header-cell: {\n            height: 3.5em;\n            color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n            font-size: 1em;\n          }\n\n          --vaadin-grid-body-cell: {\n            height: 3em;\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n            font-size: 0.8em;\n          }\n\n          --vaadin-grid-body-row-hover-cell: {\n            background-color: var(--paper-grey-200);\n          }\n\n          --vaadin-grid-body-row-selected-cell: {\n            background-color: var(--paper-grey-100);\n          }\n\n          --vaadin-grid-focused-cell: {\n            box-shadow: none;\n            font-weight: bold;\n          }\n        }\n\n        vaadin-grid#material .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid#material .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid#material .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid#material simple-fields-field {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter simple-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid#material vaadin-grid-sorter:not([direction]) simple-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction=\"desc\"] simple-icon {\n          transform: scale(0.8) rotate(180deg);\n        }\n        vaadin-grid-sorter {\n          text-align: center;\n        }\n        lrndesign-avatar {\n          display: inline-block;\n        }\n        .avatar-label {\n          display: inline-block;\n          margin-left: 0.2em;\n        }\n        simple-datetime,\n        .score {\n          margin: 0;\n          padding: 8px;\n          line-height: 14px;\n          font-size: 14px;\n          color: black;\n          text-align: center;\n          border-bottom: 1px dashed black;\n        }\n        simple-datetime:hover,\n        .score:hover {\n          background-color: #dddddd;\n        }\n      </style>\n      <app-location route=\"{{route}}\"></app-location>\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/submissions/:submission\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\"\n      >\n      </app-route>\n      <iron-ajax\n        auto\n        id=\"optionsrequest\"\n        url=\"[[optionsPath]]\"\n        handle-as=\"json\"\n        last-response=\"{{optionsData}}\"\n      ></iron-ajax>\n      <simple-picker\n        id=\"section\"\n        label=\"Section\"\n        value=\"{{section}}\"\n        options=\"[[sectionOptions]]\"\n      ></simple-picker>\n      <simple-picker\n        id=\"game\"\n        label=\"Game\"\n        value=\"{{game}}\"\n        options=\"[[gameOptions]]\"\n      ></simple-picker>\n      <iron-ajax\n        auto\n        id=\"datarequest\"\n        url=\"[[dataRequestUrl]]\"\n        handle-as=\"json\"\n        last-response=\"{{activeData}}\"\n      ></iron-ajax>\n      <vaadin-grid\n        hidden$=\"[[!visibleData]]\"\n        id=\"material\"\n        aria-label=\"Student project list\"\n        items=\"[[_toArray(visibleData)]]\"\n        theme=\"row-dividers\"\n        column-reordering-allowed\n        multi-sort\n      >\n        <vaadin-grid-column resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter id=\"sorter\" path=\"sis.sortable_name\"\n              >Student</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <lrndesign-avatar\n              label=\"[[item.name]]\"\n              src=\"[[item.avatar]]\"\n            ></lrndesign-avatar>\n            <span class=\"avatar-label\">[[item.sis.sortable_name]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Student\"\n              path=\"sis.sortable_name\"\n              value=\"[[_filterName]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Student\"\n                value=\"{{_filterName::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter id=\"sorter\" path=\"name\"\n              >Name</vaadin-grid-sorter\n            >\n          </template>\n          <template> [[item.name]] </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Student\"\n              path=\"name\"\n              value=\"[[_filterUserName]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Username\"\n                value=\"{{_filterUserName::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-sort-column\n          resizable\n          width=\"1em\"\n          header=\"Game\"\n          path=\"game\"\n        >\n          [[item.game]]\n        </vaadin-grid-sort-column>\n        <vaadin-grid-sort-column\n          resizable\n          width=\"1em\"\n          header=\"Section\"\n          path=\"section\"\n        >\n          [[item.section]]\n        </vaadin-grid-sort-column>\n        <vaadin-grid-sort-column\n          resizable\n          width=\"1em\"\n          header=\"High score\"\n          path=\"high\"\n        >\n          [[item.high]]\n        </vaadin-grid-sort-column>\n        <vaadin-grid-column\n          resizable\n          width=\"1em\"\n          header=\"All Scores\"\n          path=\"scores\"\n        >\n          <template>\n            <dom-repeat items=\"[[item.scores]]\" as=\"score\">\n              <template>\n                <div class=\"score\">[[score]]</div>\n              </template>\n            </dom-repeat>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column\n          resizable\n          width=\"1em\"\n          header=\"Attempt Dates\"\n          path=\"dates\"\n        >\n          <template>\n            <dom-repeat items=\"[[item.dates]]\" as=\"date\" mutable-data>\n              <template>\n                <simple-datetime\n                  format=\"M jS, Y h:i:s\"\n                  timestamp=\"[[date]]\"\n                  unix\n                ></simple-datetime>\n              </template>\n            </dom-repeat>\n          </template>\n        </vaadin-grid-column>\n      </vaadin-grid>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_c9f9e8101f2611eda0c389891c227ec8 || (_templateObject_c9f9e8101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          align-content: center;\n          padding: 0.8em;\n        }\n        vaadin-grid-table-body > vaadin-grid-cell-content {\n          height: unset !important;\n        }\n        vaadin-grid#material {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n          --vaadin-grid-cell: {\n            padding: 0;\n          }\n\n          --vaadin-grid-header-cell: {\n            height: 3.5em;\n            color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n            font-size: 1em;\n          }\n\n          --vaadin-grid-body-cell: {\n            height: 3em;\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n            font-size: 0.8em;\n          }\n\n          --vaadin-grid-body-row-hover-cell: {\n            background-color: var(--paper-grey-200);\n          }\n\n          --vaadin-grid-body-row-selected-cell: {\n            background-color: var(--paper-grey-100);\n          }\n\n          --vaadin-grid-focused-cell: {\n            box-shadow: none;\n            font-weight: bold;\n          }\n        }\n\n        vaadin-grid#material .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid#material .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid#material .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid#material simple-fields-field {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter simple-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid#material vaadin-grid-sorter:not([direction]) simple-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction=\"desc\"] simple-icon {\n          transform: scale(0.8) rotate(180deg);\n        }\n        vaadin-grid-sorter {\n          text-align: center;\n        }\n        lrndesign-avatar {\n          display: inline-block;\n        }\n        .avatar-label {\n          display: inline-block;\n          margin-left: 0.2em;\n        }\n        simple-datetime,\n        .score {\n          margin: 0;\n          padding: 8px;\n          line-height: 14px;\n          font-size: 14px;\n          color: black;\n          text-align: center;\n          border-bottom: 1px dashed black;\n        }\n        simple-datetime:hover,\n        .score:hover {\n          background-color: #dddddd;\n        }\n      </style>\n      <app-location route=\"{{route}}\"></app-location>\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/submissions/:submission\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\"\n      >\n      </app-route>\n      <iron-ajax\n        auto\n        id=\"optionsrequest\"\n        url=\"[[optionsPath]]\"\n        handle-as=\"json\"\n        last-response=\"{{optionsData}}\"\n      ></iron-ajax>\n      <simple-picker\n        id=\"section\"\n        label=\"Section\"\n        value=\"{{section}}\"\n        options=\"[[sectionOptions]]\"\n      ></simple-picker>\n      <simple-picker\n        id=\"game\"\n        label=\"Game\"\n        value=\"{{game}}\"\n        options=\"[[gameOptions]]\"\n      ></simple-picker>\n      <iron-ajax\n        auto\n        id=\"datarequest\"\n        url=\"[[dataRequestUrl]]\"\n        handle-as=\"json\"\n        last-response=\"{{activeData}}\"\n      ></iron-ajax>\n      <vaadin-grid\n        hidden$=\"[[!visibleData]]\"\n        id=\"material\"\n        aria-label=\"Student project list\"\n        items=\"[[_toArray(visibleData)]]\"\n        theme=\"row-dividers\"\n        column-reordering-allowed\n        multi-sort\n      >\n        <vaadin-grid-column resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter id=\"sorter\" path=\"sis.sortable_name\"\n              >Student</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <lrndesign-avatar\n              label=\"[[item.name]]\"\n              src=\"[[item.avatar]]\"\n            ></lrndesign-avatar>\n            <span class=\"avatar-label\">[[item.sis.sortable_name]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Student\"\n              path=\"sis.sortable_name\"\n              value=\"[[_filterName]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Student\"\n                value=\"{{_filterName::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter id=\"sorter\" path=\"name\"\n              >Name</vaadin-grid-sorter\n            >\n          </template>\n          <template> [[item.name]] </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Student\"\n              path=\"name\"\n              value=\"[[_filterUserName]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Username\"\n                value=\"{{_filterUserName::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-sort-column\n          resizable\n          width=\"1em\"\n          header=\"Game\"\n          path=\"game\"\n        >\n          [[item.game]]\n        </vaadin-grid-sort-column>\n        <vaadin-grid-sort-column\n          resizable\n          width=\"1em\"\n          header=\"Section\"\n          path=\"section\"\n        >\n          [[item.section]]\n        </vaadin-grid-sort-column>\n        <vaadin-grid-sort-column\n          resizable\n          width=\"1em\"\n          header=\"High score\"\n          path=\"high\"\n        >\n          [[item.high]]\n        </vaadin-grid-sort-column>\n        <vaadin-grid-column\n          resizable\n          width=\"1em\"\n          header=\"All Scores\"\n          path=\"scores\"\n        >\n          <template>\n            <dom-repeat items=\"[[item.scores]]\" as=\"score\">\n              <template>\n                <div class=\"score\">[[score]]</div>\n              </template>\n            </dom-repeat>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column\n          resizable\n          width=\"1em\"\n          header=\"Attempt Dates\"\n          path=\"dates\"\n        >\n          <template>\n            <dom-repeat items=\"[[item.dates]]\" as=\"date\" mutable-data>\n              <template>\n                <simple-datetime\n                  format=\"M jS, Y h:i:s\"\n                  timestamp=\"[[date]]\"\n                  unix\n                ></simple-datetime>\n              </template>\n            </dom-repeat>\n          </template>\n        </vaadin-grid-column>\n      </vaadin-grid>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-canvas-listing/lrnapp-canvas-listing.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-canvas-listing/lrnapp-canvas-listing.js
index 3e8e0f4eb99..5d788312cf7 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-canvas-listing/lrnapp-canvas-listing.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-canvas-listing/lrnapp-canvas-listing.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappCanvasListing = void 0;
 
-  var _templateObject_f3082c101f0511ed8cc3e9a95995ad69;
+  var _templateObject_c9fcce401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -122,7 +122,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f3082c101f0511ed8cc3e9a95995ad69 || (_templateObject_f3082c101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        :host {\n          display: block;\n          margin: 0 2em;\n        }\n        .loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        vaadin-grid#material {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n          --vaadin-grid-cell: {\n            padding: 0;\n          }\n\n          --vaadin-grid-header-cell: {\n            height: 3.5em;\n            color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n            font-size: 1em;\n          }\n\n          --vaadin-grid-body-cell: {\n            height: 3em;\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n            font-size: 0.8em;\n          }\n\n          --vaadin-grid-body-row-hover-cell: {\n            background-color: var(--paper-grey-200);\n          }\n\n          --vaadin-grid-body-row-selected-cell: {\n            background-color: var(--paper-grey-100);\n          }\n\n          --vaadin-grid-focused-cell: {\n            box-shadow: none;\n            font-weight: bold;\n          }\n        }\n\n        vaadin-grid#material .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid#material .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid#material .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid#material simple-fields-field {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter {\n          --vaadin-grid-sorter-arrow: {\n            display: none !important;\n          }\n        }\n\n        vaadin-grid#material vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter simple-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid#material vaadin-grid-sorter:not([direction]) simple-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction=\"desc\"] simple-icon {\n          transform: scale(0.8) rotate(180deg);\n        }\n        vaadin-grid-sorter {\n          text-align: center;\n        }\n        lrndesign-avatar {\n          display: inline-flex;\n        }\n        lrnsys-dialog {\n          display: inline-flex;\n        }\n        lrnsys-dialog #dialog-trigger span {\n          pointer-events: none;\n        }\n        .avatar-name {\n          line-height: 2em;\n          margin: 0;\n          display: inline-block;\n        }\n        .listing-select {\n          display: block;\n          height: 100%;\n          margin: 0;\n          width: 100%;\n        }\n      </style>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        auto\n        url=\"[[sourcePath]]\"\n        params='{\"return\": \"courses\"}'\n        handle-as=\"json\"\n        on-response=\"handleResponse\"\n        last-response=\"{{queryResponse}}\"\n      ></iron-ajax>\n      <div id=\"loading\" class=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <vaadin-grid\n        column-reordering-allowed\n        id=\"material\"\n        aria-label=\"Course list\"\n        items=\"[[_toArray(canvasCourses)]]\"\n      >\n        <vaadin-grid-column width=\"50px\" flex-grow=\"0\">\n          <template class=\"header\">#</template>\n          <template>[[index]]</template>\n          <template class=\"footer\">#</template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"200px\" flex-grow=\"0\" resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"term\">Semester</vaadin-grid-sorter>\n          </template>\n          <template> [[item.term]] </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Semester\"\n              path=\"term\"\n              value=\"[[_filterTerm]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Semester\"\n                value=\"{{_filterTerm::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"name\">Name</vaadin-grid-sorter>\n          </template>\n          <template>[[item.name]]</template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Course\"\n              path=\"name\"\n              value=\"[[_filterCourse]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Course\"\n                value=\"{{_filterCourse::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"sis_course_id\">SIS</vaadin-grid-sorter>\n          </template>\n          <template> [[item.sis_course_id]] </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Student information system ID\"\n              path=\"sis_course_id\"\n              value=\"[[_filterSIS]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"SIS\"\n                value=\"{{_filterSIS::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"100px\" flex-grow=\"0\" resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"student_count\"\n              >Students</vaadin-grid-sorter\n            >\n          </template>\n          <template>[[item.student_count]]</template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"100px\" flex-grow=\"0\" resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"workflow_state\">State</vaadin-grid-sorter>\n          </template>\n          <template>[[item.workflow_state]]</template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Workflow state\"\n              path=\"workflow_state\"\n              value=\"[[_filterWorkflow]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"State\"\n                value=\"{{_filterWorkflow::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column>\n          <template class=\"header\">ELMSLN Course</template>\n          <template>\n            <select\n              name$=\"elmsln--map--:key:[[item.sis_course_id]]:key:[[item.term]]:key:[[item.start]]:key:[[item.end]]\"\n              class=\"listing-select\"\n              value=\"{{item.elmslnCourse::input}}\"\n            >\n              <template\n                is=\"dom-repeat\"\n                items=\"[[elmslnCourses]]\"\n                as=\"elmsCourse\"\n              >\n                <option value=\"[[elmsCourse.machineName]]\">\n                  [[elmsCourse.name]] ([[elmsCourse.machineName]])\n                </option>\n              </template>\n            </select>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Course\"\n              path=\"elmslnCourse\"\n              value=\"[[_filterELMSLNCourse]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Course\"\n                value=\"{{_filterELMSLNCourse::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"100px\" flex-grow=\"0\">\n          <template class=\"header\"></template>\n          <template>\n            <button on-click=\"_triggerDialog\" id$=\"{{item.sis_course_id}}\">\n              Details\n            </button>\n          </template>\n          <template class=\"footer\"></template>\n        </vaadin-grid-column>\n      </vaadin-grid>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        id=\"request\"\n        url=\"[[sourcePath]]\"\n        params='{\"return\": \"users\"}'\n        handle-as=\"json\"\n        on-response=\"handleRosterResponse\"\n        last-response=\"{{queryResponse}}\"\n      ></iron-ajax>\n      <lrnsys-dialog\n        tabindex=\"-1\"\n        id=\"details-dialog\"\n        body-append\n        header=\"{{activeCourse.name}}\"\n      >\n        <div slot=\"content\">\n          <template is=\"dom-if\" if=\"{{!roster}}\">\n            <div id=\"loadingRoster\" class=\"loading\">\n              <h3>Loading..</h3>\n              <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n            </div>\n          </template>\n        </div>\n        <div slot=\"header\">\n          <template is=\"dom-if\" if=\"{{roster}}\">\n            <template is=\"dom-if\" if=\"{{activeCourse.image}}\">\n              <img\n                style=\"width:100%; height:200px; background-color: lightgray;\"\n                loading=\"lazy\"\n                src$=\"{{activeCourse.image}}\"\n              />\n            </template>\n            <span class=\"heading\">\n              <span>Student count: {{activeCourse.student_count}}</span>\n              <span>SIS ID: {{activeCourse.sis_course_id}}</span>\n              <span>Term: {{activeCourse.term}}</span>\n              <span>Workflow: {{activeCourse.workflow_state}}</span>\n            </span>\n          </template>\n        </div>\n        <div id=\"loadingContent\" slot=\"content\">\n          <template is=\"dom-repeat\" items=\"[[_toArray(roster)]]\" as=\"roleList\">\n            <h2>{{roleList.role}}s</h2>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(roleList.users)]]\"\n              as=\"user\"\n            >\n              <div class=\"avatar-name\" id$=\"user-{{user.id}}\">\n                <lrndesign-avatar\n                  label$=\"{{user.name}}\"\n                  src$=\"{{user.picture}}\"\n                ></lrndesign-avatar>\n              </div>\n              <simple-tooltip for$=\"user-{{user.id}}\"\n                >{{user.name}}</simple-tooltip\n              >\n            </template>\n          </template>\n        </div>\n      </lrnsys-dialog>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_c9fcce401f2611eda0c389891c227ec8 || (_templateObject_c9fcce401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        :host {\n          display: block;\n          margin: 0 2em;\n        }\n        .loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        vaadin-grid#material {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n          --vaadin-grid-cell: {\n            padding: 0;\n          }\n\n          --vaadin-grid-header-cell: {\n            height: 3.5em;\n            color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n            font-size: 1em;\n          }\n\n          --vaadin-grid-body-cell: {\n            height: 3em;\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n            font-size: 0.8em;\n          }\n\n          --vaadin-grid-body-row-hover-cell: {\n            background-color: var(--paper-grey-200);\n          }\n\n          --vaadin-grid-body-row-selected-cell: {\n            background-color: var(--paper-grey-100);\n          }\n\n          --vaadin-grid-focused-cell: {\n            box-shadow: none;\n            font-weight: bold;\n          }\n        }\n\n        vaadin-grid#material .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid#material .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid#material .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid#material simple-fields-field {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter {\n          --vaadin-grid-sorter-arrow: {\n            display: none !important;\n          }\n        }\n\n        vaadin-grid#material vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter simple-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid#material vaadin-grid-sorter:not([direction]) simple-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction=\"desc\"] simple-icon {\n          transform: scale(0.8) rotate(180deg);\n        }\n        vaadin-grid-sorter {\n          text-align: center;\n        }\n        lrndesign-avatar {\n          display: inline-flex;\n        }\n        lrnsys-dialog {\n          display: inline-flex;\n        }\n        lrnsys-dialog #dialog-trigger span {\n          pointer-events: none;\n        }\n        .avatar-name {\n          line-height: 2em;\n          margin: 0;\n          display: inline-block;\n        }\n        .listing-select {\n          display: block;\n          height: 100%;\n          margin: 0;\n          width: 100%;\n        }\n      </style>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        auto\n        url=\"[[sourcePath]]\"\n        params='{\"return\": \"courses\"}'\n        handle-as=\"json\"\n        on-response=\"handleResponse\"\n        last-response=\"{{queryResponse}}\"\n      ></iron-ajax>\n      <div id=\"loading\" class=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <vaadin-grid\n        column-reordering-allowed\n        id=\"material\"\n        aria-label=\"Course list\"\n        items=\"[[_toArray(canvasCourses)]]\"\n      >\n        <vaadin-grid-column width=\"50px\" flex-grow=\"0\">\n          <template class=\"header\">#</template>\n          <template>[[index]]</template>\n          <template class=\"footer\">#</template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"200px\" flex-grow=\"0\" resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"term\">Semester</vaadin-grid-sorter>\n          </template>\n          <template> [[item.term]] </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Semester\"\n              path=\"term\"\n              value=\"[[_filterTerm]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Semester\"\n                value=\"{{_filterTerm::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"name\">Name</vaadin-grid-sorter>\n          </template>\n          <template>[[item.name]]</template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Course\"\n              path=\"name\"\n              value=\"[[_filterCourse]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Course\"\n                value=\"{{_filterCourse::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"sis_course_id\">SIS</vaadin-grid-sorter>\n          </template>\n          <template> [[item.sis_course_id]] </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Student information system ID\"\n              path=\"sis_course_id\"\n              value=\"[[_filterSIS]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"SIS\"\n                value=\"{{_filterSIS::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"100px\" flex-grow=\"0\" resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"student_count\"\n              >Students</vaadin-grid-sorter\n            >\n          </template>\n          <template>[[item.student_count]]</template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"100px\" flex-grow=\"0\" resizable>\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"workflow_state\">State</vaadin-grid-sorter>\n          </template>\n          <template>[[item.workflow_state]]</template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Workflow state\"\n              path=\"workflow_state\"\n              value=\"[[_filterWorkflow]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"State\"\n                value=\"{{_filterWorkflow::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column>\n          <template class=\"header\">ELMSLN Course</template>\n          <template>\n            <select\n              name$=\"elmsln--map--:key:[[item.sis_course_id]]:key:[[item.term]]:key:[[item.start]]:key:[[item.end]]\"\n              class=\"listing-select\"\n              value=\"{{item.elmslnCourse::input}}\"\n            >\n              <template\n                is=\"dom-repeat\"\n                items=\"[[elmslnCourses]]\"\n                as=\"elmsCourse\"\n              >\n                <option value=\"[[elmsCourse.machineName]]\">\n                  [[elmsCourse.name]] ([[elmsCourse.machineName]])\n                </option>\n              </template>\n            </select>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Course\"\n              path=\"elmslnCourse\"\n              value=\"[[_filterELMSLNCourse]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Course\"\n                value=\"{{_filterELMSLNCourse::input}}\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"100px\" flex-grow=\"0\">\n          <template class=\"header\"></template>\n          <template>\n            <button on-click=\"_triggerDialog\" id$=\"{{item.sis_course_id}}\">\n              Details\n            </button>\n          </template>\n          <template class=\"footer\"></template>\n        </vaadin-grid-column>\n      </vaadin-grid>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        id=\"request\"\n        url=\"[[sourcePath]]\"\n        params='{\"return\": \"users\"}'\n        handle-as=\"json\"\n        on-response=\"handleRosterResponse\"\n        last-response=\"{{queryResponse}}\"\n      ></iron-ajax>\n      <lrnsys-dialog\n        tabindex=\"-1\"\n        id=\"details-dialog\"\n        body-append\n        header=\"{{activeCourse.name}}\"\n      >\n        <div slot=\"content\">\n          <template is=\"dom-if\" if=\"{{!roster}}\">\n            <div id=\"loadingRoster\" class=\"loading\">\n              <h3>Loading..</h3>\n              <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n            </div>\n          </template>\n        </div>\n        <div slot=\"header\">\n          <template is=\"dom-if\" if=\"{{roster}}\">\n            <template is=\"dom-if\" if=\"{{activeCourse.image}}\">\n              <img\n                style=\"width:100%; height:200px; background-color: lightgray;\"\n                loading=\"lazy\"\n                src$=\"{{activeCourse.image}}\"\n              />\n            </template>\n            <span class=\"heading\">\n              <span>Student count: {{activeCourse.student_count}}</span>\n              <span>SIS ID: {{activeCourse.sis_course_id}}</span>\n              <span>Term: {{activeCourse.term}}</span>\n              <span>Workflow: {{activeCourse.workflow_state}}</span>\n            </span>\n          </template>\n        </div>\n        <div id=\"loadingContent\" slot=\"content\">\n          <template is=\"dom-repeat\" items=\"[[_toArray(roster)]]\" as=\"roleList\">\n            <h2>{{roleList.role}}s</h2>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(roleList.users)]]\"\n              as=\"user\"\n            >\n              <div class=\"avatar-name\" id$=\"user-{{user.id}}\">\n                <lrndesign-avatar\n                  label$=\"{{user.name}}\"\n                  src$=\"{{user.picture}}\"\n                ></lrndesign-avatar>\n              </div>\n              <simple-tooltip for$=\"user-{{user.id}}\"\n                >{{user.name}}</simple-tooltip\n              >\n            </template>\n          </template>\n        </div>\n      </lrnsys-dialog>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-cis/lrnapp-cis-course-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-cis/lrnapp-cis-course-card.js
index 338d2d5b157..26f6ad44f85 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-cis/lrnapp-cis-course-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-cis/lrnapp-cis-course-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappCisCourseCard = void 0;
 
-  var _templateObject_f30a9d101f0511ed8cc3e9a95995ad69;
+  var _templateObject_c9ff3f401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -67,7 +67,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f30a9d101f0511ed8cc3e9a95995ad69 || (_templateObject_f30a9d101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        :host {\n          display: inline-flex;\n        }\n        :host([size=\"micro\"]) {\n          transform: scale(0.5);\n        }\n        :host([size=\"small\"]) {\n          transform: scale(0.8);\n        }\n        .card {\n          border-radius: 4px;\n          margin: 0;\n          width: 100%;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n        .card-actions {\n          background-color: #f5f5f5;\n          border-radius: 0 0 4px 4px;\n          padding: 0 8px;\n        }\n        .card-actions .card-action-details {\n          display: inline-block;\n          vertical-align: middle;\n          vertical-align: -webkit-baseline-middle;\n          width: 80%;\n        }\n        .card-control-height {\n          height: 240px;\n        }\n        [elevation=\"0\"] {\n          border: solid 1px #eeeeee;\n        }\n        .text-right {\n          text-align: right;\n        }\n        .text-left {\n          text-align: left;\n        }\n        .name,\n        .title {\n          color: #222;\n          font-size: 14px;\n          font-weight: 600;\n          line-height: 20px;\n          padding: 0 12px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          margin-top: 8px;\n        }\n        .title {\n          font-size: 12px;\n          font-weight: 400;\n        }\n        .divider {\n          height: 1px;\n          width: 100%;\n          background: #efefef;\n        }\n        .course-icon {\n          --simple-icon-height: 100%;\n          --simple-icon-width: 100%;\n          overflow: hidden;\n          color: grey;\n        }\n        .course-icon:hover,\n        .course-icon:focus {\n          color: black;\n        }\n        .center {\n          margin: auto;\n          width: 80%;\n          padding: 16px;\n        }\n        .link {\n          font-size: 16px;\n          line-height: 16px;\n        }\n        .course-info {\n          width: 100%;\n        }\n        .course-preview {\n          height: 160px;\n        }\n        .card-content {\n          padding: 0;\n          margin: 0;\n          overflow: hidden;\n        }\n        .inline {\n          display: inline;\n        }\n      </style>\n      <div class=\"card\">\n        <div class=\"card-content card-control-height card-control-center\">\n          <div class=\"course-preview\">\n            <simple-icon\n              class=\"course-icon\"\n              icon=\"[[icon]]\"\n              hidden$=\"[[!icon]]\"\n            ></simple-icon>\n            <img\n              style=\"width:100%; height:100%; background-color: lightgray;\"\n              loading=\"lazy\"\n              src=\"[[image]]\"\n              hidden$=\"[[!image]]\"\n            />\n          </div>\n          <div class=\"course-info\">\n            <div class=\"divider\"></div>\n            <div class=\"name\">[[name]]</div>\n            <div class=\"title\">[[title]]</div>\n          </div>\n        </div>\n        <div class=\"card-actions\" hidden=\"\">\n          <div class=\"card-action-details\"></div>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_c9ff3f401f2611eda0c389891c227ec8 || (_templateObject_c9ff3f401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        :host {\n          display: inline-flex;\n        }\n        :host([size=\"micro\"]) {\n          transform: scale(0.5);\n        }\n        :host([size=\"small\"]) {\n          transform: scale(0.8);\n        }\n        .card {\n          border-radius: 4px;\n          margin: 0;\n          width: 100%;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n        .card-actions {\n          background-color: #f5f5f5;\n          border-radius: 0 0 4px 4px;\n          padding: 0 8px;\n        }\n        .card-actions .card-action-details {\n          display: inline-block;\n          vertical-align: middle;\n          vertical-align: -webkit-baseline-middle;\n          width: 80%;\n        }\n        .card-control-height {\n          height: 240px;\n        }\n        [elevation=\"0\"] {\n          border: solid 1px #eeeeee;\n        }\n        .text-right {\n          text-align: right;\n        }\n        .text-left {\n          text-align: left;\n        }\n        .name,\n        .title {\n          color: #222;\n          font-size: 14px;\n          font-weight: 600;\n          line-height: 20px;\n          padding: 0 12px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          margin-top: 8px;\n        }\n        .title {\n          font-size: 12px;\n          font-weight: 400;\n        }\n        .divider {\n          height: 1px;\n          width: 100%;\n          background: #efefef;\n        }\n        .course-icon {\n          --simple-icon-height: 100%;\n          --simple-icon-width: 100%;\n          overflow: hidden;\n          color: grey;\n        }\n        .course-icon:hover,\n        .course-icon:focus {\n          color: black;\n        }\n        .center {\n          margin: auto;\n          width: 80%;\n          padding: 16px;\n        }\n        .link {\n          font-size: 16px;\n          line-height: 16px;\n        }\n        .course-info {\n          width: 100%;\n        }\n        .course-preview {\n          height: 160px;\n        }\n        .card-content {\n          padding: 0;\n          margin: 0;\n          overflow: hidden;\n        }\n        .inline {\n          display: inline;\n        }\n      </style>\n      <div class=\"card\">\n        <div class=\"card-content card-control-height card-control-center\">\n          <div class=\"course-preview\">\n            <simple-icon\n              class=\"course-icon\"\n              icon=\"[[icon]]\"\n              hidden$=\"[[!icon]]\"\n            ></simple-icon>\n            <img\n              style=\"width:100%; height:100%; background-color: lightgray;\"\n              loading=\"lazy\"\n              src=\"[[image]]\"\n              hidden$=\"[[!image]]\"\n            />\n          </div>\n          <div class=\"course-info\">\n            <div class=\"divider\"></div>\n            <div class=\"name\">[[name]]</div>\n            <div class=\"title\">[[title]]</div>\n          </div>\n        </div>\n        <div class=\"card-actions\" hidden=\"\">\n          <div class=\"card-action-details\"></div>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-cis/lrnapp-cis.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-cis/lrnapp-cis.js
index 4273867da3d..7d3b877d882 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-cis/lrnapp-cis.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-cis/lrnapp-cis.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappCis = void 0;
 
-  var _templateObject_f3123e301f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca072e801f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -426,7 +426,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f3123e301f0511ed8cc3e9a95995ad69 || (_templateObject_f3123e301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        :host {\n          display: block;\n          align-content: center;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.9;\n          padding: 4em 0 0 0;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        #dialog {\n          width: 80vw;\n        }\n        iron-selector {\n          line-height: 16px;\n        }\n        iron-selector lrnsys-button {\n          display: inline-flex;\n        }\n        button.coursecard-wrapper {\n          margin: 0;\n          padding: 0;\n        }\n        button.coursecard-wrapper:focus {\n          outline: blue solid 1px;\n        }\n        lrnapp-cis-course-card {\n          padding: 0;\n          margin: 16px;\n          height: 300px;\n          width: 300px;\n        }\n        .courses-grid {\n          margin: 0 auto;\n          width: 95%;\n        }\n        .iron-selected .display-mode {\n          background-color: #ff6f00;\n          color: white;\n        }\n        .iron-list-container {\n          display: flex;\n          flex-direction: column;\n          min-height: 50vh;\n        }\n        iron-list {\n          flex: 1 1 auto;\n        }\n        .dialog-header {\n          height: unset !important;\n          padding: 0 !important;\n        }\n        .course-dialog-heading.lrndesign-course-banner {\n          font-size: 1em;\n          height: 4em !important;\n        }\n        #coursedetails {\n          margin-top: 1em;\n        }\n        #confirm {\n          max-width: 400px;\n          max-height: 300px;\n        }\n        .buttons {\n          text-align: center;\n        }\n        .buttons button {\n          width: 10em;\n          height: 4em;\n        }\n        .dialog-body {\n          padding: 1em;\n          font-size: 1.8em;\n          text-align: center;\n          margin: 0 auto;\n        }\n        .dialog-body lrn-icon.service-confirm-icon {\n          width: 5em;\n          height: 5em;\n        }\n        .dialog-body responsive-grid-col {\n          height: 4.5em;\n        }\n        .dialog-body lrndesign-avatar.service-confirm-icon {\n          display: inline-block;\n        }\n      </style>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        auto=\"\"\n        url=\"[[sourcePath]]\"\n        params=\"\"\n        handle-as=\"json\"\n        last-response=\"{{_cisResponse}}\"\n        on-response=\"_handleResponse\"\n      ></iron-ajax>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        url=\"[[courseDataPath]]\"\n        params=\"[[_courseDataParams]]\"\n        handle-as=\"json\"\n        id=\"courserequest\"\n        last-response=\"{{_courseResponse}}\"\n        on-response=\"_handleCourseResponse\"\n      ></iron-ajax>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        url=\"[[makeServicePath]]\"\n        params=\"\"\n        handle-as=\"json\"\n        id=\"makeservice\"\n        last-response=\"{{_makeServiceResponse}}\"\n        on-response=\"_handleMakeServiceResponse\"\n      ></iron-ajax>\n      <div id=\"loading\">\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n        <h3>Loading..</h3>\n      </div>\n      <app-toolbar class=\"\">\n        <span main-title=\"\"></span>\n        <span\n          top-item=\"\"\n          style=\"text-align:right;font-size:.5em;padding-right:1em;\"\n          >Displaying [[courses.length]] of [[originalCourses.length]]</span\n        >\n        <paper-dropdown-menu label=\"Course\" hidden$=\"[[!courses]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.course}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item>-- Any --</paper-item>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(originalCourses)]]\"\n              as=\"course\"\n            >\n              <paper-item item-id=\"[[course.id]]\"\n                >[[course.attributes.name]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label=\"Program\" hidden$=\"[[!programs]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.program}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item>-- Any --</paper-item>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(programs)]]\"\n              as=\"program\"\n            >\n              <paper-item item-id=\"[[program.id]]\"\n                >[[program.attributes.name]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label=\"Academic home\" hidden$=\"[[!academics]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.academic}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item>-- Any --</paper-item>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(academics)]]\"\n              as=\"academic\"\n            >\n              <paper-item item-id=\"[[academic.id]]\"\n                >[[academic.attributes.name]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n      </app-toolbar>\n      <div class=\"courses-grid\">\n        <iron-pages\n          selected=\"{{data.page}}\"\n          attr-for-selected=\"name\"\n          fallback-selection=\"courses\"\n          role=\"main\"\n        >\n          <div class=\"iron-list-container\" name=\"courses\">\n            <iron-list id=\"ironlist\" items=\"[[courses]]\" as=\"course\" grid=\"\">\n              <template>\n                <button\n                  data-course-id$=\"[[course.id]]\"\n                  class=\"coursecard-wrapper\"\n                  on-click=\"_loadCourseUrl\"\n                >\n                  <lrnapp-cis-course-card\n                    elevation=\"2\"\n                    data-course-id$=\"[[course.id]]\"\n                    name=\"[[course.attributes.name]]\"\n                    image=\"[[course.attributes.image]]\"\n                    title=\"[[course.attributes.title]]\"\n                    color=\"[[course.attributes.color]]\"\n                  >\n                  </lrnapp-cis-course-card>\n                </button>\n              </template>\n            </iron-list>\n          </div>\n        </iron-pages>\n      </div>\n      <app-location\n        route=\"{{route}}\"\n        query-params=\"{{queryParams}}\"\n      ></app-location>\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/:page\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\"\n        query-params=\"{{queryParams}}\"\n      >\n      </app-route>\n      <paper-dialog id=\"dialog\" with-backdrop>\n        <h2>Course details</h2>\n        <div style=\"height:50vh;width:100%;overflow:scroll;\">\n          <div class=\"dialog-header\">\n            <lrndesign-course-banner\n              image=\"[[activeCourse.attributes.image]]\"\n              name=\"[[activeCourse.attributes.name]]\"\n              title=\"[[activeCourse.attributes.title]]\"\n              color=\"[[activeCourse.attributes.color]] darken-4\"\n            >\n            </lrndesign-course-banner>\n          </div>\n          <div>\n            <div id=\"loadingCourse\" class=\"loading\">\n              <h3>Loading..</h3>\n              <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n            </div>\n          </div>\n          <div id=\"coursedetails\">\n            <grid-plate layout=\"1-1\">\n              <div class=\"column\" slot=\"col-1\">\n                <h4>Details</h4>\n                <ul>\n                  <li\n                    hidden$=\"[[!activeCourse.relationships.academic.attributes.name]]\"\n                  >\n                    Academic unit:\n                    [[activeCourse.relationships.academic.attributes.name]]\n                  </li>\n                  <li\n                    hidden$=\"[[!activeCourse.relationships.program.attributes.name]]\"\n                  >\n                    Program:\n                    [[activeCourse.relationships.program.attributes.name]]\n                  </li>\n                </ul>\n                <h4>Learning Network</h4>\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[activeCourse.topology.Network]]\"\n                  as=\"service\"\n                >\n                  <template is=\"dom-if\" if=\"[[!service._exists]]\">\n                    <lrnsys-button\n                      raised=\"\"\n                      on-click=\"_makeService\"\n                      color=\"grey lighten-4\"\n                      icon-class=\"grey lighten-5\"\n                      icon=\"lrn:[[service.icon]]\"\n                      data-machine-name$=\"[[service.machine_name]]\"\n                    >\n                      <span data-machine-name$=\"[[service.machine_name]]\"\n                        >Make the [[service.title]] service</span\n                      >\n                    </lrnsys-button>\n                  </template>\n                  <template is=\"dom-if\" if=\"[[service._exists]]\">\n                    <lrnsys-button\n                      raised=\"\"\n                      href=\"[[service.url]]\"\n                      hover-class=\"[[service.color]] lighten-4\"\n                      icon=\"lrn:[[service.icon]]\"\n                    >\n                      <span>[[service.title]]</span>\n                    </lrnsys-button>\n                  </template>\n                </template>\n              </div>\n              <div class=\"column\" slot=\"col-2\">\n                <h4>Operations</h4>\n                <template is=\"dom-if\" if=\"[[activeCourse.meta.canUpdate]]\">\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[activeCourse.uris.edit]]\"\n                    label=\"Edit\"\n                    hover-class=\"green lighten-4\"\n                    icon=\"create\"\n                  ></lrnsys-button>\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[activeCourse.uris.addOffering]]\"\n                    label=\"Add offering\"\n                    hover-class=\"amber lighten-3\"\n                    icon=\"icons:add\"\n                  ></lrnsys-button>\n                </template>\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.offerings]]\"\n                  label=\"Offerings\"\n                  hover-class=\"amber lighten-4\"\n                  icon=\"social:people\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.sync]]\"\n                  label=\"Sync Roster\"\n                  hover-class=\"amber lighten-4\"\n                  icon=\"notification:sync\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.uri]]\"\n                  label=\"Course page (legacy)\"\n                  hover-class=\"brown lighten-4\"\n                  icon=\"delete\"\n                ></lrnsys-button>\n                <template is=\"dom-if\" if=\"[[activeCourse.meta.canDelete]]\">\n                  <div\n                    style=\"padding: 1em;width: 100%;margin: .5em 0;display: block;background-color:#FF2222;color:#ffffff;border: 1px solid #222222;\"\n                  >\n                    <h4>Danger zone</h4>\n                    <lrnsys-button\n                      raised=\"\"\n                      href=\"[[activeCourse.uris.delete]]\"\n                      label=\"Delete\"\n                      hover-class=\"red lighten-1\"\n                      color=\"red lighten-3\"\n                      icon=\"delete\"\n                    ></lrnsys-button>\n                  </div>\n                </template>\n              </div>\n            </grid-plate>\n            <p>[[activeCourse.attributes.body]]</p>\n          </div>\n        </div>\n      </paper-dialog>\n      <lrnsys-dialog id=\"confirm\">\n        <div class=\"dialog-header\" slot=\"header\">\n          Add this to the\n          <strong>[[activeCourse.attributes.title]]</strong> network?\n        </div>\n        <div class=\"dialog-body\">\n          <grid-plate layout=\"1-1-1\">\n            <div slot=\"col-1\">Add</div>\n            <div slot=\"col-2\">\n              <simple-icon\n                icon=\"lrn:[[_activeService.icon]]\"\n                class$=\"[[_activeService.color]]-text elmsln-hover-icon service-confirm-icon\"\n              ></simple-icon>\n            </div>\n            <div slot=\"col-3\"><strong>[[_activeService.title]]</strong></div>\n          </grid-plate>\n          <grid-plate layout=\"1-1-1\">\n            <div slot=\"col-1\">To</div>\n            <div slot=\"col-2\">\n              <lrndesign-avatar\n                class=\"service-confirm-icon\"\n                label=\"[[activeCourse.attributes.name]]\"\n                jdenticon=\"\"\n                color=\"[[activeCourse.attributes.color]] darken-4\"\n              >\n              </lrndesign-avatar>\n            </div>\n            <div slot=\"col-3\">\n              <strong>[[activeCourse.attributes.title]]</strong>\n            </div>\n          </grid-plate>\n          <div style=\"margin-top:1em;\">This will take a few moments.</div>\n        </div>\n        <div class=\"buttons\">\n          <button\n            on-click=\"_confirmBuild\"\n            class=\"green\"\n            data-letsdoit=\"data-letsdoit\"\n          >\n            Let's do it!\n          </button>\n          <button dialog-dismiss=\"\" class=\"red-text\">Oops, go back.</button>\n        </div>\n      </lrnsys-dialog>\n      <paper-toast id=\"toast\"></paper-toast>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca072e801f2611eda0c389891c227ec8 || (_templateObject_ca072e801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        :host {\n          display: block;\n          align-content: center;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.9;\n          padding: 4em 0 0 0;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        #dialog {\n          width: 80vw;\n        }\n        iron-selector {\n          line-height: 16px;\n        }\n        iron-selector lrnsys-button {\n          display: inline-flex;\n        }\n        button.coursecard-wrapper {\n          margin: 0;\n          padding: 0;\n        }\n        button.coursecard-wrapper:focus {\n          outline: blue solid 1px;\n        }\n        lrnapp-cis-course-card {\n          padding: 0;\n          margin: 16px;\n          height: 300px;\n          width: 300px;\n        }\n        .courses-grid {\n          margin: 0 auto;\n          width: 95%;\n        }\n        .iron-selected .display-mode {\n          background-color: #ff6f00;\n          color: white;\n        }\n        .iron-list-container {\n          display: flex;\n          flex-direction: column;\n          min-height: 50vh;\n        }\n        iron-list {\n          flex: 1 1 auto;\n        }\n        .dialog-header {\n          height: unset !important;\n          padding: 0 !important;\n        }\n        .course-dialog-heading.lrndesign-course-banner {\n          font-size: 1em;\n          height: 4em !important;\n        }\n        #coursedetails {\n          margin-top: 1em;\n        }\n        #confirm {\n          max-width: 400px;\n          max-height: 300px;\n        }\n        .buttons {\n          text-align: center;\n        }\n        .buttons button {\n          width: 10em;\n          height: 4em;\n        }\n        .dialog-body {\n          padding: 1em;\n          font-size: 1.8em;\n          text-align: center;\n          margin: 0 auto;\n        }\n        .dialog-body lrn-icon.service-confirm-icon {\n          width: 5em;\n          height: 5em;\n        }\n        .dialog-body responsive-grid-col {\n          height: 4.5em;\n        }\n        .dialog-body lrndesign-avatar.service-confirm-icon {\n          display: inline-block;\n        }\n      </style>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        auto=\"\"\n        url=\"[[sourcePath]]\"\n        params=\"\"\n        handle-as=\"json\"\n        last-response=\"{{_cisResponse}}\"\n        on-response=\"_handleResponse\"\n      ></iron-ajax>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        url=\"[[courseDataPath]]\"\n        params=\"[[_courseDataParams]]\"\n        handle-as=\"json\"\n        id=\"courserequest\"\n        last-response=\"{{_courseResponse}}\"\n        on-response=\"_handleCourseResponse\"\n      ></iron-ajax>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        url=\"[[makeServicePath]]\"\n        params=\"\"\n        handle-as=\"json\"\n        id=\"makeservice\"\n        last-response=\"{{_makeServiceResponse}}\"\n        on-response=\"_handleMakeServiceResponse\"\n      ></iron-ajax>\n      <div id=\"loading\">\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n        <h3>Loading..</h3>\n      </div>\n      <app-toolbar class=\"\">\n        <span main-title=\"\"></span>\n        <span\n          top-item=\"\"\n          style=\"text-align:right;font-size:.5em;padding-right:1em;\"\n          >Displaying [[courses.length]] of [[originalCourses.length]]</span\n        >\n        <paper-dropdown-menu label=\"Course\" hidden$=\"[[!courses]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.course}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item>-- Any --</paper-item>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(originalCourses)]]\"\n              as=\"course\"\n            >\n              <paper-item item-id=\"[[course.id]]\"\n                >[[course.attributes.name]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label=\"Program\" hidden$=\"[[!programs]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.program}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item>-- Any --</paper-item>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(programs)]]\"\n              as=\"program\"\n            >\n              <paper-item item-id=\"[[program.id]]\"\n                >[[program.attributes.name]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label=\"Academic home\" hidden$=\"[[!academics]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.academic}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item>-- Any --</paper-item>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(academics)]]\"\n              as=\"academic\"\n            >\n              <paper-item item-id=\"[[academic.id]]\"\n                >[[academic.attributes.name]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n      </app-toolbar>\n      <div class=\"courses-grid\">\n        <iron-pages\n          selected=\"{{data.page}}\"\n          attr-for-selected=\"name\"\n          fallback-selection=\"courses\"\n          role=\"main\"\n        >\n          <div class=\"iron-list-container\" name=\"courses\">\n            <iron-list id=\"ironlist\" items=\"[[courses]]\" as=\"course\" grid=\"\">\n              <template>\n                <button\n                  data-course-id$=\"[[course.id]]\"\n                  class=\"coursecard-wrapper\"\n                  on-click=\"_loadCourseUrl\"\n                >\n                  <lrnapp-cis-course-card\n                    elevation=\"2\"\n                    data-course-id$=\"[[course.id]]\"\n                    name=\"[[course.attributes.name]]\"\n                    image=\"[[course.attributes.image]]\"\n                    title=\"[[course.attributes.title]]\"\n                    color=\"[[course.attributes.color]]\"\n                  >\n                  </lrnapp-cis-course-card>\n                </button>\n              </template>\n            </iron-list>\n          </div>\n        </iron-pages>\n      </div>\n      <app-location\n        route=\"{{route}}\"\n        query-params=\"{{queryParams}}\"\n      ></app-location>\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/:page\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\"\n        query-params=\"{{queryParams}}\"\n      >\n      </app-route>\n      <paper-dialog id=\"dialog\" with-backdrop>\n        <h2>Course details</h2>\n        <div style=\"height:50vh;width:100%;overflow:scroll;\">\n          <div class=\"dialog-header\">\n            <lrndesign-course-banner\n              image=\"[[activeCourse.attributes.image]]\"\n              name=\"[[activeCourse.attributes.name]]\"\n              title=\"[[activeCourse.attributes.title]]\"\n              color=\"[[activeCourse.attributes.color]] darken-4\"\n            >\n            </lrndesign-course-banner>\n          </div>\n          <div>\n            <div id=\"loadingCourse\" class=\"loading\">\n              <h3>Loading..</h3>\n              <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n            </div>\n          </div>\n          <div id=\"coursedetails\">\n            <grid-plate layout=\"1-1\">\n              <div class=\"column\" slot=\"col-1\">\n                <h4>Details</h4>\n                <ul>\n                  <li\n                    hidden$=\"[[!activeCourse.relationships.academic.attributes.name]]\"\n                  >\n                    Academic unit:\n                    [[activeCourse.relationships.academic.attributes.name]]\n                  </li>\n                  <li\n                    hidden$=\"[[!activeCourse.relationships.program.attributes.name]]\"\n                  >\n                    Program:\n                    [[activeCourse.relationships.program.attributes.name]]\n                  </li>\n                </ul>\n                <h4>Learning Network</h4>\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[activeCourse.topology.Network]]\"\n                  as=\"service\"\n                >\n                  <template is=\"dom-if\" if=\"[[!service._exists]]\">\n                    <lrnsys-button\n                      raised=\"\"\n                      on-click=\"_makeService\"\n                      color=\"grey lighten-4\"\n                      icon-class=\"grey lighten-5\"\n                      icon=\"lrn:[[service.icon]]\"\n                      data-machine-name$=\"[[service.machine_name]]\"\n                    >\n                      <span data-machine-name$=\"[[service.machine_name]]\"\n                        >Make the [[service.title]] service</span\n                      >\n                    </lrnsys-button>\n                  </template>\n                  <template is=\"dom-if\" if=\"[[service._exists]]\">\n                    <lrnsys-button\n                      raised=\"\"\n                      href=\"[[service.url]]\"\n                      hover-class=\"[[service.color]] lighten-4\"\n                      icon=\"lrn:[[service.icon]]\"\n                    >\n                      <span>[[service.title]]</span>\n                    </lrnsys-button>\n                  </template>\n                </template>\n              </div>\n              <div class=\"column\" slot=\"col-2\">\n                <h4>Operations</h4>\n                <template is=\"dom-if\" if=\"[[activeCourse.meta.canUpdate]]\">\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[activeCourse.uris.edit]]\"\n                    label=\"Edit\"\n                    hover-class=\"green lighten-4\"\n                    icon=\"create\"\n                  ></lrnsys-button>\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[activeCourse.uris.addOffering]]\"\n                    label=\"Add offering\"\n                    hover-class=\"amber lighten-3\"\n                    icon=\"icons:add\"\n                  ></lrnsys-button>\n                </template>\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.offerings]]\"\n                  label=\"Offerings\"\n                  hover-class=\"amber lighten-4\"\n                  icon=\"social:people\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.sync]]\"\n                  label=\"Sync Roster\"\n                  hover-class=\"amber lighten-4\"\n                  icon=\"notification:sync\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.uri]]\"\n                  label=\"Course page (legacy)\"\n                  hover-class=\"brown lighten-4\"\n                  icon=\"delete\"\n                ></lrnsys-button>\n                <template is=\"dom-if\" if=\"[[activeCourse.meta.canDelete]]\">\n                  <div\n                    style=\"padding: 1em;width: 100%;margin: .5em 0;display: block;background-color:#FF2222;color:#ffffff;border: 1px solid #222222;\"\n                  >\n                    <h4>Danger zone</h4>\n                    <lrnsys-button\n                      raised=\"\"\n                      href=\"[[activeCourse.uris.delete]]\"\n                      label=\"Delete\"\n                      hover-class=\"red lighten-1\"\n                      color=\"red lighten-3\"\n                      icon=\"delete\"\n                    ></lrnsys-button>\n                  </div>\n                </template>\n              </div>\n            </grid-plate>\n            <p>[[activeCourse.attributes.body]]</p>\n          </div>\n        </div>\n      </paper-dialog>\n      <lrnsys-dialog id=\"confirm\">\n        <div class=\"dialog-header\" slot=\"header\">\n          Add this to the\n          <strong>[[activeCourse.attributes.title]]</strong> network?\n        </div>\n        <div class=\"dialog-body\">\n          <grid-plate layout=\"1-1-1\">\n            <div slot=\"col-1\">Add</div>\n            <div slot=\"col-2\">\n              <simple-icon\n                icon=\"lrn:[[_activeService.icon]]\"\n                class$=\"[[_activeService.color]]-text elmsln-hover-icon service-confirm-icon\"\n              ></simple-icon>\n            </div>\n            <div slot=\"col-3\"><strong>[[_activeService.title]]</strong></div>\n          </grid-plate>\n          <grid-plate layout=\"1-1-1\">\n            <div slot=\"col-1\">To</div>\n            <div slot=\"col-2\">\n              <lrndesign-avatar\n                class=\"service-confirm-icon\"\n                label=\"[[activeCourse.attributes.name]]\"\n                jdenticon=\"\"\n                color=\"[[activeCourse.attributes.color]] darken-4\"\n              >\n              </lrndesign-avatar>\n            </div>\n            <div slot=\"col-3\">\n              <strong>[[activeCourse.attributes.title]]</strong>\n            </div>\n          </grid-plate>\n          <div style=\"margin-top:1em;\">This will take a few moments.</div>\n        </div>\n        <div class=\"buttons\">\n          <button\n            on-click=\"_confirmBuild\"\n            class=\"green\"\n            data-letsdoit=\"data-letsdoit\"\n          >\n            Let's do it!\n          </button>\n          <button dialog-dismiss=\"\" class=\"red-text\">Oops, go back.</button>\n        </div>\n      </lrnsys-dialog>\n      <paper-toast id=\"toast\"></paper-toast>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-gallery-grid/lrnapp-gallery-grid.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-gallery-grid/lrnapp-gallery-grid.js
index 77a40c7efc0..0667b93c5c5 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-gallery-grid/lrnapp-gallery-grid.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-gallery-grid/lrnapp-gallery-grid.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappGalleryGrid = void 0;
 
-  var _templateObject_f314d6401f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca09c6901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -113,7 +113,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f314d6401f0511ed8cc3e9a95995ad69 || (_templateObject_f314d6401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        :host {\n          display: block;\n        }\n        button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n        }\n        #details {\n          opacity: 0.5;\n          position: absolute;\n          bottom: 0;\n          right: 0;\n          margin: 0 1rem 0 0;\n          background-color: white;\n          padding: 0.5em;\n        }\n        #details:hover {\n          opacity: 1;\n        }\n        #details span {\n          font-size: 0.6em;\n          font-weight: normal;\n        }\n        #details .comment-on-work {\n          font-size: 0.8em;\n          background-color: white;\n        }\n      </style>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        id=\"ajax\"\n        url=\"[[sourcePath]]\"\n        params=\"\"\n        handle-as=\"json\"\n        last-response=\"{{submissions}}\"\n      ></iron-ajax>\n      <iron-scroll-threshold on-lower-threshold=\"_loadMoreData\" id=\"threshold\">\n        <iron-list grid items=\"[[_toArray(submissions.data)]]\" as=\"item\">\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(item.images)]]\"\n            as=\"image\"\n          >\n            <button>\n              <img\n                open-url=\"{{item.url}}\"\n                title=\"{{item.title}}\"\n                alt=\"{{item.title}}\"\n                src=\"{{image.src}}\"\n                author=\"{{item.author}}\"\n                comments=\"{{item.comments}}\"\n                height=\"{{image.height}}\"\n                width=\"{{image.width}}\"\n              />\n            </button>\n          </template>\n        </iron-list>\n      </iron-scroll-threshold>\n      <paper-dialog id=\"dialog\">\n        <div\n          style=\"height:50vh;width:100%;overflow:scroll;\"\n          id=\"dialogResponse\"\n        >\n          <img loading=\"lazy\" src$=\"[[activeImage]]\" />\n          <div id=\"details\">\n            <div class=\"title\">\n              <span>Title:</span> <span>{{{activeTitle}}}</span>\n            </div>\n            <div class=\"author\">\n              <span>Author:</span> <span>{{activeAuthor}}</span>\n            </div>\n            <div class=\"comments\">\n              <span>Comments:</span> <span>{{activeComments}}</span>\n            </div>\n            <div class=\"comment-on-work\">\n              <a href$=\"[[activeUrl]]\">\n                <button raised>Comment on this work</button>\n              </a>\n            </div>\n          </div>\n        </div>\n      </paper-dialog>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca09c6901f2611eda0c389891c227ec8 || (_templateObject_ca09c6901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        :host {\n          display: block;\n        }\n        button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n        }\n        #details {\n          opacity: 0.5;\n          position: absolute;\n          bottom: 0;\n          right: 0;\n          margin: 0 1rem 0 0;\n          background-color: white;\n          padding: 0.5em;\n        }\n        #details:hover {\n          opacity: 1;\n        }\n        #details span {\n          font-size: 0.6em;\n          font-weight: normal;\n        }\n        #details .comment-on-work {\n          font-size: 0.8em;\n          background-color: white;\n        }\n      </style>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        id=\"ajax\"\n        url=\"[[sourcePath]]\"\n        params=\"\"\n        handle-as=\"json\"\n        last-response=\"{{submissions}}\"\n      ></iron-ajax>\n      <iron-scroll-threshold on-lower-threshold=\"_loadMoreData\" id=\"threshold\">\n        <iron-list grid items=\"[[_toArray(submissions.data)]]\" as=\"item\">\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(item.images)]]\"\n            as=\"image\"\n          >\n            <button>\n              <img\n                open-url=\"{{item.url}}\"\n                title=\"{{item.title}}\"\n                alt=\"{{item.title}}\"\n                src=\"{{image.src}}\"\n                author=\"{{item.author}}\"\n                comments=\"{{item.comments}}\"\n                height=\"{{image.height}}\"\n                width=\"{{image.width}}\"\n              />\n            </button>\n          </template>\n        </iron-list>\n      </iron-scroll-threshold>\n      <paper-dialog id=\"dialog\">\n        <div\n          style=\"height:50vh;width:100%;overflow:scroll;\"\n          id=\"dialogResponse\"\n        >\n          <img loading=\"lazy\" src$=\"[[activeImage]]\" />\n          <div id=\"details\">\n            <div class=\"title\">\n              <span>Title:</span> <span>{{{activeTitle}}}</span>\n            </div>\n            <div class=\"author\">\n              <span>Author:</span> <span>{{activeAuthor}}</span>\n            </div>\n            <div class=\"comments\">\n              <span>Comments:</span> <span>{{activeComments}}</span>\n            </div>\n            <div class=\"comment-on-work\">\n              <a href$=\"[[activeUrl]]\">\n                <button raised>Comment on this work</button>\n              </a>\n            </div>\n          </div>\n        </div>\n      </paper-dialog>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-assignments.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-assignments.js
index 0e2edb9f984..e7a0e3c8bfe 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-assignments.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-assignments.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappOpenStudioAssignments = void 0;
 
-  var _templateObject_f317bc701f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca0cacc01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -98,7 +98,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f317bc701f0511ed8cc3e9a95995ad69 || (_templateObject_f317bc701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\"></style>\n      <style>\n        :host {\n          display: block;\n          align-content: center;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        h1.empty-title,\n        h1.assignment-title {\n          font-size: 32px;\n        }\n        .submission-title {\n          font-size: 28px;\n          font-weight: bold;\n          width: 100%;\n          margin-bottom: 2rem;\n          text-transform: none;\n        }\n        .submission-list {\n          display: flex;\n          align-items: center;\n        }\n        .submission-list-item {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          word-break: break-all;\n          word-wrap: break-word;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n        <h1 class=\"empty-title black-text\">\n          Please select an Assignment in order to view all submissions\n        </h1>\n      </template>\n      <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n        <h1 class=\"assignment-title black-text\">\n          [[activeAssignment.attributes.title]]\n        </h1>\n        <div class=\"submission-list\">\n          <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n            <lrnsys-button\n              on-click=\"_scrollToTarget\"\n              raised=\"\"\n              class=\"submission-list-item\"\n              button-class=\"submission-list-item\"\n              hover-class=\"blue white-text\"\n              data-submission-id$=\"[[submission.id]]\"\n            >\n              <span slot=\"button\">\n                <lrndesign-avatar\n                  src=\"[[submission.relationships.author.data.avatar]]\"\n                  label=\"[[submission.relationships.author.data.name]]\"\n                  style=\"display:inline-block;\"\n                  data-submission-id$=\"[[submission.id]]\"\n                ></lrndesign-avatar>\n              </span>\n              <span slot=\"label\"\n                >[[submission.relationships.author.data.display_name]]</span\n              >\n            </lrnsys-button>\n          </template>\n        </div>\n        <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n          <lrnapp-studio-submission-display\n            id$=\"submission-[[submission.id]]\"\n            submission=\"[[submission]]\"\n            class=\"ferpa-protect\"\n          ></lrnapp-studio-submission-display>\n          <a tabindex=\"-1\"\n            ><button\n              class=\"submission-title ferpa-protect\"\n              on-click=\"_loadSubmissionUrl\"\n              data-submission-id$=\"[[submission.id]]\"\n            >\n              Tap to comment on [[submission.attributes.title]] by\n              [[submission.relationships.author.data.display_name]]\n            </button></a\n          >\n        </template>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca0cacc01f2611eda0c389891c227ec8 || (_templateObject_ca0cacc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\"></style>\n      <style>\n        :host {\n          display: block;\n          align-content: center;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        h1.empty-title,\n        h1.assignment-title {\n          font-size: 32px;\n        }\n        .submission-title {\n          font-size: 28px;\n          font-weight: bold;\n          width: 100%;\n          margin-bottom: 2rem;\n          text-transform: none;\n        }\n        .submission-list {\n          display: flex;\n          align-items: center;\n        }\n        .submission-list-item {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          word-break: break-all;\n          word-wrap: break-word;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n        <h1 class=\"empty-title black-text\">\n          Please select an Assignment in order to view all submissions\n        </h1>\n      </template>\n      <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n        <h1 class=\"assignment-title black-text\">\n          [[activeAssignment.attributes.title]]\n        </h1>\n        <div class=\"submission-list\">\n          <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n            <lrnsys-button\n              on-click=\"_scrollToTarget\"\n              raised=\"\"\n              class=\"submission-list-item\"\n              button-class=\"submission-list-item\"\n              hover-class=\"blue white-text\"\n              data-submission-id$=\"[[submission.id]]\"\n            >\n              <span slot=\"button\">\n                <lrndesign-avatar\n                  src=\"[[submission.relationships.author.data.avatar]]\"\n                  label=\"[[submission.relationships.author.data.name]]\"\n                  style=\"display:inline-block;\"\n                  data-submission-id$=\"[[submission.id]]\"\n                ></lrndesign-avatar>\n              </span>\n              <span slot=\"label\"\n                >[[submission.relationships.author.data.display_name]]</span\n              >\n            </lrnsys-button>\n          </template>\n        </div>\n        <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n          <lrnapp-studio-submission-display\n            id$=\"submission-[[submission.id]]\"\n            submission=\"[[submission]]\"\n            class=\"ferpa-protect\"\n          ></lrnapp-studio-submission-display>\n          <a tabindex=\"-1\"\n            ><button\n              class=\"submission-title ferpa-protect\"\n              on-click=\"_loadSubmissionUrl\"\n              data-submission-id$=\"[[submission.id]]\"\n            >\n              Tap to comment on [[submission.attributes.title]] by\n              [[submission.relationships.author.data.display_name]]\n            </button></a\n          >\n        </template>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-projects.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-projects.js
index d463d038a16..de1e7680f73 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-projects.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-projects.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappOpenStudioProjects = void 0;
 
-  var _templateObject_f31aa2a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca0fba001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -141,7 +141,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f31aa2a01f0511ed8cc3e9a95995ad69 || (_templateObject_f31aa2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\"></style>\n      <style>\n        :host {\n          display: block;\n          align-content: center;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        h1.empty-title,\n        h1.project-title {\n          font-size: 32px;\n        }\n        h2.assignment-title {\n          font-size: 28px;\n          font-weight: bold;\n          width: 100%;\n          border-bottom: solid 1px grey;\n        }\n        .project-steps {\n          display: flex;\n          align-items: center;\n        }\n        .project-step {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          word-break: break-all;\n          word-wrap: break-word;\n        }\n        .project-step::part(lrnsys-button-button) {\n          font-size: 11px;\n        }\n        .project-step::part(lrnsys-button-inner-div) {\n          padding: 0 4px;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n        <h1 class=\"empty-title black-text\">\n          Please select an Author and Project in order to review their portfolio\n        </h1>\n      </template>\n      <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n        <h1 class=\"project-title black-text\">\n          [[activeProject.attributes.title]]\n        </h1>\n        <div class=\"project-steps\">\n          <template\n            is=\"dom-repeat\"\n            items=\"[[activeProject.attributes.steps]]\"\n            as=\"assignment\"\n          >\n            <lrnsys-button\n              icon$=\"[[_getSubmissionIcon(assignment.id)]]\"\n              icon-class$=\"[[_getSubmissionClass(assignment.id)]]\"\n              on-click=\"_scrollToTarget\"\n              label=\"[[assignment.title]]\"\n              data-assignment-id$=\"[[assignment.id]]\"\n              class=\"project-step\"\n              hover-class=\"blue white-text\"\n              hidden$=\"[[!assignment.title]]\"\n            ></lrnsys-button>\n          </template>\n        </div>\n        <template is=\"dom-repeat\" items=\"[[renderSubmissions]]\" as=\"submission\">\n          <a\n            name=\"[[submission.relationships.assignment.title]]\"\n            class$=\"assignment-[[submission.relationships.assignment.id]]\"\n            ><h2 class=\"assignment-title\">\n              [[submission.relationships.assignment.title]]\n            </h2></a\n          >\n          <lrnapp-studio-submission-display\n            submission=\"[[submission]]\"\n            class=\"ferpa-protect\"\n          ></lrnapp-studio-submission-display>\n        </template>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca0fba001f2611eda0c389891c227ec8 || (_templateObject_ca0fba001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\"></style>\n      <style>\n        :host {\n          display: block;\n          align-content: center;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        h1.empty-title,\n        h1.project-title {\n          font-size: 32px;\n        }\n        h2.assignment-title {\n          font-size: 28px;\n          font-weight: bold;\n          width: 100%;\n          border-bottom: solid 1px grey;\n        }\n        .project-steps {\n          display: flex;\n          align-items: center;\n        }\n        .project-step {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          word-break: break-all;\n          word-wrap: break-word;\n        }\n        .project-step::part(lrnsys-button-button) {\n          font-size: 11px;\n        }\n        .project-step::part(lrnsys-button-inner-div) {\n          padding: 0 4px;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n        <h1 class=\"empty-title black-text\">\n          Please select an Author and Project in order to review their portfolio\n        </h1>\n      </template>\n      <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n        <h1 class=\"project-title black-text\">\n          [[activeProject.attributes.title]]\n        </h1>\n        <div class=\"project-steps\">\n          <template\n            is=\"dom-repeat\"\n            items=\"[[activeProject.attributes.steps]]\"\n            as=\"assignment\"\n          >\n            <lrnsys-button\n              icon$=\"[[_getSubmissionIcon(assignment.id)]]\"\n              icon-class$=\"[[_getSubmissionClass(assignment.id)]]\"\n              on-click=\"_scrollToTarget\"\n              label=\"[[assignment.title]]\"\n              data-assignment-id$=\"[[assignment.id]]\"\n              class=\"project-step\"\n              hover-class=\"blue white-text\"\n              hidden$=\"[[!assignment.title]]\"\n            ></lrnsys-button>\n          </template>\n        </div>\n        <template is=\"dom-repeat\" items=\"[[renderSubmissions]]\" as=\"submission\">\n          <a\n            name=\"[[submission.relationships.assignment.title]]\"\n            class$=\"assignment-[[submission.relationships.assignment.id]]\"\n            ><h2 class=\"assignment-title\">\n              [[submission.relationships.assignment.title]]\n            </h2></a\n          >\n          <lrnapp-studio-submission-display\n            submission=\"[[submission]]\"\n            class=\"ferpa-protect\"\n          ></lrnapp-studio-submission-display>\n        </template>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-table.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-table.js
index e8ee67372a0..9e27b6c24ac 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-table.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio-table.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappOpenStudioTable = void 0;
 
-  var _templateObject_f31d61c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca12a0301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -88,7 +88,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f31d61c01f0511ed8cc3e9a95995ad69 || (_templateObject_f31d61c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\" include=\"materializecss-styles\">\n          :host {\n            display: block;\n            align-content: center;\n            padding: 0.8em;\n          }\n          #loading {\n            width: 100%;\n            z-index: 1000;\n            opacity: 0.8;\n            text-align: center;\n            align-content: center;\n            justify-content: center;\n            height: 100vh;\n            position: absolute;\n            background-color: white;\n          }\n          .center-data {\n            text-align: center;\n          }\n          vaadin-grid#material {\n            height: 75vh;\n            font-family: Roboto, sans-serif;\n            --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n            --vaadin-grid-cell: {\n              padding: 0;\n            }\n\n            --vaadin-grid-header-cell: {\n              height: 3.5em;\n              color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n              font-size: 1em;\n            }\n\n            --vaadin-grid-body-cell: {\n              height: 3em;\n              color: rgba(0, 0, 0, var(--dark-primary-opacity));\n              font-size: 0.8em;\n            }\n\n            --vaadin-grid-body-row-hover-cell: {\n              background-color: var(--paper-grey-200);\n            }\n\n            --vaadin-grid-body-row-selected-cell: {\n              background-color: var(--paper-grey-100);\n            }\n\n            --vaadin-grid-focused-cell: {\n              box-shadow: none;\n              font-weight: bold;\n            }\n          }\n\n          vaadin-grid#material .cell {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            padding-right: 56px;\n          }\n\n          vaadin-grid#material .cell.last {\n            padding-right: 24px;\n          }\n\n          vaadin-grid#material .cell.numeric {\n            text-align: right;\n          }\n\n          vaadin-grid#material simple-fields-field {\n            --primary-color: var(--paper-indigo-500);\n            margin: 0 24px;\n          }\n\n          vaadin-grid#material vaadin-grid-sorter {\n            --vaadin-grid-sorter-arrow: {\n              display: none !important;\n            }\n          }\n\n          vaadin-grid#material vaadin-grid-sorter .cell {\n            flex: 1;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n          }\n\n          vaadin-grid#material vaadin-grid-sorter simple-icon {\n            transform: scale(0.8);\n          }\n\n          vaadin-grid#material vaadin-grid-sorter:not([direction]) simple-icon {\n            color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n          }\n\n          vaadin-grid#material vaadin-grid-sorter[direction] {\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n          }\n\n          vaadin-grid#material\n            vaadin-grid-sorter[direction=\"desc\"]\n            simple-icon {\n            transform: scale(0.8) rotate(180deg);\n          }\n          vaadin-grid-sorter {\n            text-align: center;\n          }\n        </style>\n      </custom-style>\n      <vaadin-grid\n        column-reordering-allowed=\"\"\n        id=\"material\"\n        aria-label=\"Course list\"\n        items=\"{{submissions}}\"\n      >\n        <vaadin-grid-column resizable=\"\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"relationships.project.data.title\"\n              >Project</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <button\n              on-click=\"_loadProjectRoute\"\n              data-project-id$=\"{{item.relationships.project.data.id}}\"\n              data-author-id$=\"{{item.relationships.author.data.id}}\"\n            >\n              [[item.relationships.project.data.title]]\n            </button>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"relationships.assignment.data.title\"\n              >Assignment</vaadin-grid-sorter\n            >\n          </template>\n          <template> [[item.relationships.assignment.data.title]] </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"20em\" flex-grow=\"0\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"attributes.title\"\n              >Title</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <button\n              on-click=\"_loadSubmissionUrl\"\n              data-submission-id$=\"{{item.id}}\"\n            >\n              [[item.attributes.title]]\n            </button>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Title\"\n              path=\"attributes.title\"\n              value=\"[[_filterTitle]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Title\"\n                value=\"{{_filterTitle::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"meta.changed\"\n              >Submitted</vaadin-grid-sorter\n            >\n          </template>\n          <template> [[item.meta.humandate]] </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Submitted\"\n              path=\"meta.changed\"\n              value=\"[[_filterSubmitted]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Submitted\"\n                value=\"{{_filterSubmitted::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"relationships.author.data.display_name\"\n              >Author</vaadin-grid-sorter\n            >\n          </template>\n          <template> [[item.relationships.author.data.display_name]] </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"[[_numWidth]]\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"meta.comment_count\"\n              >Comments</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <span class=\"center-data\">[[item.meta.comment_count]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Comments\"\n              path=\"meta.comment_count\"\n              value=\"[[_filterCommentsCount]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Comments\"\n                value=\"{{_filterCommentsCount::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"[[_numWidth]]\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"attributes.images.length\"\n              >Images</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <span class=\"center-data\">[[item.attributes.images.length]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Images\"\n              path=\"attributes.images.length\"\n              value=\"[[_filterImageCount]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Images\"\n                value=\"{{_filterImageCount::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"[[_numWidth]]\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"attributes.video.length\"\n              >Video</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <span class=\"center-data\">[[item.attributes.video.length]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Video\"\n              path=\"attributes.video.length\"\n              value=\"[[_filterVideosCount]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Video\"\n                value=\"{{_filterVideosCount::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"[[_numWidth]]\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"attributes.links.length\"\n              >Links</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <span class=\"center-data\">[[item.attributes.links.length]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Links\"\n              path=\"attributes.links.length\"\n              value=\"[[_filterLinksCount]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Links\"\n                value=\"{{_filterLinksCount::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"[[_numWidth]]\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"attributes.files.length\"\n              >Files</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <span class=\"center-data\">[[item.attributes.files.length]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Files\"\n              path=\"attributes.files.length\"\n              value=\"[[_filterFileCount]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Files\"\n                value=\"{{_filterFileCount::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n      </vaadin-grid>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca12a0301f2611eda0c389891c227ec8 || (_templateObject_ca12a0301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\" include=\"materializecss-styles\">\n          :host {\n            display: block;\n            align-content: center;\n            padding: 0.8em;\n          }\n          #loading {\n            width: 100%;\n            z-index: 1000;\n            opacity: 0.8;\n            text-align: center;\n            align-content: center;\n            justify-content: center;\n            height: 100vh;\n            position: absolute;\n            background-color: white;\n          }\n          .center-data {\n            text-align: center;\n          }\n          vaadin-grid#material {\n            height: 75vh;\n            font-family: Roboto, sans-serif;\n            --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n            --vaadin-grid-cell: {\n              padding: 0;\n            }\n\n            --vaadin-grid-header-cell: {\n              height: 3.5em;\n              color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n              font-size: 1em;\n            }\n\n            --vaadin-grid-body-cell: {\n              height: 3em;\n              color: rgba(0, 0, 0, var(--dark-primary-opacity));\n              font-size: 0.8em;\n            }\n\n            --vaadin-grid-body-row-hover-cell: {\n              background-color: var(--paper-grey-200);\n            }\n\n            --vaadin-grid-body-row-selected-cell: {\n              background-color: var(--paper-grey-100);\n            }\n\n            --vaadin-grid-focused-cell: {\n              box-shadow: none;\n              font-weight: bold;\n            }\n          }\n\n          vaadin-grid#material .cell {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            padding-right: 56px;\n          }\n\n          vaadin-grid#material .cell.last {\n            padding-right: 24px;\n          }\n\n          vaadin-grid#material .cell.numeric {\n            text-align: right;\n          }\n\n          vaadin-grid#material simple-fields-field {\n            --primary-color: var(--paper-indigo-500);\n            margin: 0 24px;\n          }\n\n          vaadin-grid#material vaadin-grid-sorter {\n            --vaadin-grid-sorter-arrow: {\n              display: none !important;\n            }\n          }\n\n          vaadin-grid#material vaadin-grid-sorter .cell {\n            flex: 1;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n          }\n\n          vaadin-grid#material vaadin-grid-sorter simple-icon {\n            transform: scale(0.8);\n          }\n\n          vaadin-grid#material vaadin-grid-sorter:not([direction]) simple-icon {\n            color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n          }\n\n          vaadin-grid#material vaadin-grid-sorter[direction] {\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n          }\n\n          vaadin-grid#material\n            vaadin-grid-sorter[direction=\"desc\"]\n            simple-icon {\n            transform: scale(0.8) rotate(180deg);\n          }\n          vaadin-grid-sorter {\n            text-align: center;\n          }\n        </style>\n      </custom-style>\n      <vaadin-grid\n        column-reordering-allowed=\"\"\n        id=\"material\"\n        aria-label=\"Course list\"\n        items=\"{{submissions}}\"\n      >\n        <vaadin-grid-column resizable=\"\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"relationships.project.data.title\"\n              >Project</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <button\n              on-click=\"_loadProjectRoute\"\n              data-project-id$=\"{{item.relationships.project.data.id}}\"\n              data-author-id$=\"{{item.relationships.author.data.id}}\"\n            >\n              [[item.relationships.project.data.title]]\n            </button>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"relationships.assignment.data.title\"\n              >Assignment</vaadin-grid-sorter\n            >\n          </template>\n          <template> [[item.relationships.assignment.data.title]] </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"20em\" flex-grow=\"0\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"attributes.title\"\n              >Title</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <button\n              on-click=\"_loadSubmissionUrl\"\n              data-submission-id$=\"{{item.id}}\"\n            >\n              [[item.attributes.title]]\n            </button>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Title\"\n              path=\"attributes.title\"\n              value=\"[[_filterTitle]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Title\"\n                value=\"{{_filterTitle::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"meta.changed\"\n              >Submitted</vaadin-grid-sorter\n            >\n          </template>\n          <template> [[item.meta.humandate]] </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Submitted\"\n              path=\"meta.changed\"\n              value=\"[[_filterSubmitted]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Submitted\"\n                value=\"{{_filterSubmitted::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"relationships.author.data.display_name\"\n              >Author</vaadin-grid-sorter\n            >\n          </template>\n          <template> [[item.relationships.author.data.display_name]] </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"[[_numWidth]]\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"meta.comment_count\"\n              >Comments</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <span class=\"center-data\">[[item.meta.comment_count]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Comments\"\n              path=\"meta.comment_count\"\n              value=\"[[_filterCommentsCount]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Comments\"\n                value=\"{{_filterCommentsCount::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"[[_numWidth]]\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"attributes.images.length\"\n              >Images</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <span class=\"center-data\">[[item.attributes.images.length]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Images\"\n              path=\"attributes.images.length\"\n              value=\"[[_filterImageCount]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Images\"\n                value=\"{{_filterImageCount::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"[[_numWidth]]\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"attributes.video.length\"\n              >Video</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <span class=\"center-data\">[[item.attributes.video.length]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Video\"\n              path=\"attributes.video.length\"\n              value=\"[[_filterVideosCount]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Video\"\n                value=\"{{_filterVideosCount::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"[[_numWidth]]\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"attributes.links.length\"\n              >Links</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <span class=\"center-data\">[[item.attributes.links.length]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Links\"\n              path=\"attributes.links.length\"\n              value=\"[[_filterLinksCount]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Links\"\n                value=\"{{_filterLinksCount::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column resizable=\"\" width=\"[[_numWidth]]\">\n          <template class=\"header\">\n            <vaadin-grid-sorter path=\"attributes.files.length\"\n              >Files</vaadin-grid-sorter\n            >\n          </template>\n          <template>\n            <span class=\"center-data\">[[item.attributes.files.length]]</span>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Files\"\n              path=\"attributes.files.length\"\n              value=\"[[_filterFileCount]]\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Files\"\n                value=\"{{_filterFileCount::input}}\"\n                focus-target=\"\"\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n      </vaadin-grid>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio.js
index 52708065a77..2774a8d89e6 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-open-studio/lrnapp-open-studio.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappOpenStudio = void 0;
 
-  var _templateObject_f323a3501f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca19a5101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -310,7 +310,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f323a3501f0511ed8cc3e9a95995ad69 || (_templateObject_f323a3501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        [hidden] {\n          display: none !important;\n        }\n        :host {\n          display: block;\n          align-content: center;\n          margin-top: 26px;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        iron-selector lrnsys-button {\n          display: inline-flex;\n        }\n        iron-selector a {\n          display: inline-block;\n        }\n        .gallerycard-wrapper {\n          margin: 0;\n          padding: 0;\n        }\n        .gallerycard-wrapper a {\n          text-decoration: none;\n        }\n        lrndesign-gallerycard {\n          padding: 0;\n          margin: 16px;\n          width: 268px;\n          height: 268px;\n        }\n        app-toolbar {\n          height: 64px;\n          position: sticky;\n          top: -1px;\n          z-index: 1000000;\n          background-color: white;\n        }\n        app-toolbar lrnsys-button::part(lrnsys-button-inner-div) {\n          padding: 0 4px;\n        }\n        app-toolbar lrnsys-button::part(lrnsys-button-label) {\n          font-size: 10px;\n        }\n        app-toolbar paper-dropdown-menu {\n          max-width: 12vw;\n        }\n        @media (max-width: 900px) {\n          app-toolbar lrnsys-button::part(lrnsys-button-label) {\n            display: none;\n          }\n          app-toolbar paper-dropdown-menu {\n            max-width: 15vw;\n          }\n        }\n        .gallery-grid {\n          margin: 0 auto;\n          width: 95%;\n        }\n        .iron-selected .display-mode {\n          background-color: var(--elmsln-system-color-dark);\n          color: white;\n          --lrnsys-button-link-color: white;\n        }\n        .iron-list-container {\n          display: flex;\n          flex-direction: column;\n        }\n        lrnsys-button {\n          --lrnsys-button-height: 48px;\n        }\n        iron-list {\n          flex: 1 1 auto;\n        }\n      </style>\n      <iron-ajax\n        auto\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        url=\"[[sourcePath]]\"\n        params=\"\"\n        handle-as=\"json\"\n        last-response=\"{{studioResponse}}\"\n        on-response=\"_handleResponse\"\n      ></iron-ajax>\n\n      <app-location\n        route=\"{{route}}\"\n        query-params=\"{{queryParams}}\"\n      ></app-location>\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/:page\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\"\n        query-params=\"{{queryParams}}\"\n      >\n      </app-route>\n\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <app-toolbar>\n        <iron-selector\n          selected=\"{{data.page}}\"\n          attr-for-selected=\"name\"\n          role=\"navigation\"\n        >\n          <a tabindex=\"-1\" name=\"submissions\" on-click=\"_submissionsClicked\"\n            ><lrnsys-button\n              icon=\"apps\"\n              label=\"Submission display\"\n              hover-class=\"amber darken-4 white-text\"\n              class=\"display-mode\"\n              button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n            ></lrnsys-button\n          ></a>\n          <a tabindex=\"-1\" name=\"projects\" on-click=\"_projectsClicked\"\n            ><lrnsys-button\n              icon=\"folder\"\n              label=\"Project board\"\n              hover-class=\"amber darken-4 white-text\"\n              class=\"display-mode\"\n              button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n            ></lrnsys-button\n          ></a>\n          <a tabindex=\"-1\" name=\"assignments\" on-click=\"_assignmentsClicked\"\n            ><lrnsys-button\n              icon=\"list\"\n              label=\"Assignment centric\"\n              hover-class=\"amber darken-4 white-text\"\n              class=\"display-mode\"\n              button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n            ></lrnsys-button\n          ></a>\n          <a tabindex=\"-1\" name=\"table\" on-click=\"_tableClicked\"\n            ><lrnsys-button\n              icon=\"view-list\"\n              label=\"Table view\"\n              hover-class=\"amber darken-4 white-text\"\n              class=\"display-mode\"\n              button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n            ></lrnsys-button\n          ></a>\n        </iron-selector>\n        <span main-title></span>\n        <span\n          top-item\n          style=\"text-align:right;font-size:.5em;padding-right:1em;\"\n          >Displaying [[submissions.length]] of\n          [[originalSubmissions.length]]</span\n        >\n        <paper-dropdown-menu label=\"Author\" hidden$=\"[[!authors]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.author}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item></paper-item>\n            <template is=\"dom-repeat\" items=\"[[_toArray(authors)]]\" as=\"author\">\n              <paper-item item-id=\"[[author.id]]\"\n                >[[author.display_name]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label=\"Project\" hidden$=\"[[!projects]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.project}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item></paper-item>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(projects)]]\"\n              as=\"project\"\n            >\n              <paper-item item-id=\"[[project.id]]\"\n                >[[project.attributes.title]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label=\"Assignment\" hidden$=\"[[!assignments]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.assignment}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item></paper-item>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(assignments)]]\"\n              as=\"assignment\"\n            >\n              <paper-item item-id=\"[[assignment.id]]\"\n                >[[assignment.attributes.title]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n      </app-toolbar>\n      <div class=\"gallery-grid\">\n        <iron-pages\n          selected=\"{{data.page}}\"\n          attr-for-selected=\"name\"\n          fallback-selection=\"submissions\"\n          role=\"main\"\n        >\n          <div class=\"iron-list-container\" name=\"submissions\">\n            <iron-list\n              id=\"ironlist\"\n              items=\"[[submissions]]\"\n              as=\"item\"\n              grid\n              scroll-target=\"document\"\n            >\n              <template>\n                <div class=\"gallerycard-wrapper\">\n                  <a\n                    href$=\"[[basePath]]lrnapp-studio-submission/submissions/[[item.id]]\"\n                  >\n                    <lrndesign-gallerycard\n                      elevation=\"2\"\n                      data-submission-id$=\"[[item.id]]\"\n                      title=\"[[item.attributes.title]]\"\n                      author=\"[[item.relationships.author.data]]\"\n                      comments=\"[[item.meta.comment_count]]\"\n                      image=\"[[item.display.image]]\"\n                      icon=\"[[item.display.icon]]\"\n                      date=\"[[item.meta.humandate]]\"\n                      class=\"ferpa-protect\"\n                    ></lrndesign-gallerycard>\n                  </a>\n                </div>\n              </template>\n            </iron-list>\n          </div>\n          <lrnapp-open-studio-assignments\n            name=\"assignments\"\n            base-path=\"[[basePath]]\"\n            submissions=\"[[submissions]]\"\n            assignments=\"[[assignments]]\"\n            active-author-id=\"[[queryParams.author]]\"\n            active-assignment-id=\"[[queryParams.assignment]]\"\n          ></lrnapp-open-studio-assignments>\n          <lrnapp-open-studio-projects\n            name=\"projects\"\n            base-path=\"[[basePath]]\"\n            projects=\"[[projects]]\"\n            submissions=\"[[submissions]]\"\n            assignments=\"[[assignments]]\"\n            active-author-id=\"[[queryParams.author]]\"\n            active-project-id=\"[[queryParams.project]]\"\n          ></lrnapp-open-studio-projects>\n          <lrnapp-open-studio-table\n            name=\"table\"\n            base-path=\"[[basePath]]\"\n            submissions=\"[[submissions]]\"\n          ></lrnapp-open-studio-table>\n        </iron-pages>\n      </div>\n      <paper-toast id=\"toast\"></paper-toast>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca19a5101f2611eda0c389891c227ec8 || (_templateObject_ca19a5101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        [hidden] {\n          display: none !important;\n        }\n        :host {\n          display: block;\n          align-content: center;\n          margin-top: 26px;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        iron-selector lrnsys-button {\n          display: inline-flex;\n        }\n        iron-selector a {\n          display: inline-block;\n        }\n        .gallerycard-wrapper {\n          margin: 0;\n          padding: 0;\n        }\n        .gallerycard-wrapper a {\n          text-decoration: none;\n        }\n        lrndesign-gallerycard {\n          padding: 0;\n          margin: 16px;\n          width: 268px;\n          height: 268px;\n        }\n        app-toolbar {\n          height: 64px;\n          position: sticky;\n          top: -1px;\n          z-index: 1000000;\n          background-color: white;\n        }\n        app-toolbar lrnsys-button::part(lrnsys-button-inner-div) {\n          padding: 0 4px;\n        }\n        app-toolbar lrnsys-button::part(lrnsys-button-label) {\n          font-size: 10px;\n        }\n        app-toolbar paper-dropdown-menu {\n          max-width: 12vw;\n        }\n        @media (max-width: 900px) {\n          app-toolbar lrnsys-button::part(lrnsys-button-label) {\n            display: none;\n          }\n          app-toolbar paper-dropdown-menu {\n            max-width: 15vw;\n          }\n        }\n        .gallery-grid {\n          margin: 0 auto;\n          width: 95%;\n        }\n        .iron-selected .display-mode {\n          background-color: var(--elmsln-system-color-dark);\n          color: white;\n          --lrnsys-button-link-color: white;\n        }\n        .iron-list-container {\n          display: flex;\n          flex-direction: column;\n        }\n        lrnsys-button {\n          --lrnsys-button-height: 48px;\n        }\n        iron-list {\n          flex: 1 1 auto;\n        }\n      </style>\n      <iron-ajax\n        auto\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        url=\"[[sourcePath]]\"\n        params=\"\"\n        handle-as=\"json\"\n        last-response=\"{{studioResponse}}\"\n        on-response=\"_handleResponse\"\n      ></iron-ajax>\n\n      <app-location\n        route=\"{{route}}\"\n        query-params=\"{{queryParams}}\"\n      ></app-location>\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/:page\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\"\n        query-params=\"{{queryParams}}\"\n      >\n      </app-route>\n\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <app-toolbar>\n        <iron-selector\n          selected=\"{{data.page}}\"\n          attr-for-selected=\"name\"\n          role=\"navigation\"\n        >\n          <a tabindex=\"-1\" name=\"submissions\" on-click=\"_submissionsClicked\"\n            ><lrnsys-button\n              icon=\"apps\"\n              label=\"Submission display\"\n              hover-class=\"amber darken-4 white-text\"\n              class=\"display-mode\"\n              button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n            ></lrnsys-button\n          ></a>\n          <a tabindex=\"-1\" name=\"projects\" on-click=\"_projectsClicked\"\n            ><lrnsys-button\n              icon=\"folder\"\n              label=\"Project board\"\n              hover-class=\"amber darken-4 white-text\"\n              class=\"display-mode\"\n              button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n            ></lrnsys-button\n          ></a>\n          <a tabindex=\"-1\" name=\"assignments\" on-click=\"_assignmentsClicked\"\n            ><lrnsys-button\n              icon=\"list\"\n              label=\"Assignment centric\"\n              hover-class=\"amber darken-4 white-text\"\n              class=\"display-mode\"\n              button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n            ></lrnsys-button\n          ></a>\n          <a tabindex=\"-1\" name=\"table\" on-click=\"_tableClicked\"\n            ><lrnsys-button\n              icon=\"view-list\"\n              label=\"Table view\"\n              hover-class=\"amber darken-4 white-text\"\n              class=\"display-mode\"\n              button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n            ></lrnsys-button\n          ></a>\n        </iron-selector>\n        <span main-title></span>\n        <span\n          top-item\n          style=\"text-align:right;font-size:.5em;padding-right:1em;\"\n          >Displaying [[submissions.length]] of\n          [[originalSubmissions.length]]</span\n        >\n        <paper-dropdown-menu label=\"Author\" hidden$=\"[[!authors]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.author}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item></paper-item>\n            <template is=\"dom-repeat\" items=\"[[_toArray(authors)]]\" as=\"author\">\n              <paper-item item-id=\"[[author.id]]\"\n                >[[author.display_name]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label=\"Project\" hidden$=\"[[!projects]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.project}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item></paper-item>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(projects)]]\"\n              as=\"project\"\n            >\n              <paper-item item-id=\"[[project.id]]\"\n                >[[project.attributes.title]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label=\"Assignment\" hidden$=\"[[!assignments]]\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"{{queryParams.assignment}}\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item></paper-item>\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_toArray(assignments)]]\"\n              as=\"assignment\"\n            >\n              <paper-item item-id=\"[[assignment.id]]\"\n                >[[assignment.attributes.title]]</paper-item\n              >\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n      </app-toolbar>\n      <div class=\"gallery-grid\">\n        <iron-pages\n          selected=\"{{data.page}}\"\n          attr-for-selected=\"name\"\n          fallback-selection=\"submissions\"\n          role=\"main\"\n        >\n          <div class=\"iron-list-container\" name=\"submissions\">\n            <iron-list\n              id=\"ironlist\"\n              items=\"[[submissions]]\"\n              as=\"item\"\n              grid\n              scroll-target=\"document\"\n            >\n              <template>\n                <div class=\"gallerycard-wrapper\">\n                  <a\n                    href$=\"[[basePath]]lrnapp-studio-submission/submissions/[[item.id]]\"\n                  >\n                    <lrndesign-gallerycard\n                      elevation=\"2\"\n                      data-submission-id$=\"[[item.id]]\"\n                      title=\"[[item.attributes.title]]\"\n                      author=\"[[item.relationships.author.data]]\"\n                      comments=\"[[item.meta.comment_count]]\"\n                      image=\"[[item.display.image]]\"\n                      icon=\"[[item.display.icon]]\"\n                      date=\"[[item.meta.humandate]]\"\n                      class=\"ferpa-protect\"\n                    ></lrndesign-gallerycard>\n                  </a>\n                </div>\n              </template>\n            </iron-list>\n          </div>\n          <lrnapp-open-studio-assignments\n            name=\"assignments\"\n            base-path=\"[[basePath]]\"\n            submissions=\"[[submissions]]\"\n            assignments=\"[[assignments]]\"\n            active-author-id=\"[[queryParams.author]]\"\n            active-assignment-id=\"[[queryParams.assignment]]\"\n          ></lrnapp-open-studio-assignments>\n          <lrnapp-open-studio-projects\n            name=\"projects\"\n            base-path=\"[[basePath]]\"\n            projects=\"[[projects]]\"\n            submissions=\"[[submissions]]\"\n            assignments=\"[[assignments]]\"\n            active-author-id=\"[[queryParams.author]]\"\n            active-project-id=\"[[queryParams.project]]\"\n          ></lrnapp-open-studio-projects>\n          <lrnapp-open-studio-table\n            name=\"table\"\n            base-path=\"[[basePath]]\"\n            submissions=\"[[submissions]]\"\n          ></lrnapp-open-studio-table>\n        </iron-pages>\n      </div>\n      <paper-toast id=\"toast\"></paper-toast>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-need-feedback.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-need-feedback.js
index b8d109149c3..95009206e46 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-need-feedback.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-need-feedback.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappBlockNeedFeedback = void 0;
 
-  var _templateObject_f32529f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca1b52c01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -56,7 +56,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f32529f01f0511ed8cc3e9a95995ad69 || (_templateObject_f32529f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"paper-item-styles\">\n        :host {\n          display: block;\n        }\n        button {\n          width: 100%;\n        }\n      </style>\n      <iron-ajax\n        auto=\"\"\n        url=\"{{sourcePath}}\"\n        handle-as=\"json\"\n        last-response=\"{{response}}\"\n        on-response=\"handleResponse\"\n      ></iron-ajax>\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n        <template>\n          <button on-click=\"_loadSubmissionUrl\">\n            <lrndesign-gallerycard\n              data-submission-id$=\"[[item.id]]\"\n              title=\"[[item.attributes.title]]\"\n              author=\"[[item.relationships.author.data]]\"\n              comments=\"[[item.meta.comment_count]]\"\n              image=\"[[item.display.image]]\"\n              icon=\"[[item.display.icon]]\"\n              class=\"ferpa-protect\"\n            >\n            </lrndesign-gallerycard>\n          </button>\n        </template>\n      </iron-list>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca1b52c01f2611eda0c389891c227ec8 || (_templateObject_ca1b52c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"paper-item-styles\">\n        :host {\n          display: block;\n        }\n        button {\n          width: 100%;\n        }\n      </style>\n      <iron-ajax\n        auto=\"\"\n        url=\"{{sourcePath}}\"\n        handle-as=\"json\"\n        last-response=\"{{response}}\"\n        on-response=\"handleResponse\"\n      ></iron-ajax>\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n        <template>\n          <button on-click=\"_loadSubmissionUrl\">\n            <lrndesign-gallerycard\n              data-submission-id$=\"[[item.id]]\"\n              title=\"[[item.attributes.title]]\"\n              author=\"[[item.relationships.author.data]]\"\n              comments=\"[[item.meta.comment_count]]\"\n              image=\"[[item.display.image]]\"\n              icon=\"[[item.display.icon]]\"\n              class=\"ferpa-protect\"\n            >\n            </lrndesign-gallerycard>\n          </button>\n        </template>\n      </iron-list>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-comments-comment.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-comments-comment.js
index 5aa48f22196..83d24e54d1f 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-comments-comment.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-comments-comment.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappBlockRecentCommentsComment = void 0;
 
-  var _templateObject_f326feb01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca1d4e901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -60,7 +60,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f326feb01f0511ed8cc3e9a95995ad69 || (_templateObject_f326feb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        button {\n          background-color: #eeeeee;\n          margin: 1em;\n        }\n\n        .card-content {\n          padding-left: 2em;\n          padding-right: 2em;\n          width: 100%;\n        }\n\n        .card-actions {\n          width: 100%;\n        }\n\n        .card-actions button {\n          display: block;\n        }\n\n        lrndesign-avatar {\n          float: left;\n          margin-right: 1em;\n        }\n\n        .flex-wrap {\n          @apply --layout-horizontal;\n          @apply --layout-wrap;\n        }\n\n        .inactive {\n          max-height: 4.6em;\n          overflow: hidden;\n        }\n\n        button {\n          width: 100%;\n          display: flex;\n        }\n\n        .hidden {\n          display: none;\n        }\n        .linkbtn,\n        .linkbtn button {\n          text-decoration: none;\n          font-size: 16px;\n          font-weight: bold;\n          text-align: center;\n          cursor: pointer;\n        }\n        .linkbtn {\n          display: flex;\n          width: 100%;\n        }\n        .linkbtn button:hover,\n        .linkbtn button:active,\n        .linkbtn button:focus,\n        .linkbtn:hover,\n        .linkbtn:active,\n        .linkbtn:focus {\n          background-color: #eeeeee;\n        }\n      </style>\n      <div class=\"card flex-wrap\">\n        <a href$=\"[[actionView]]\" tabindex=\"-1\" class=\"linkbtn\">\n          <button id=\"view\">\n            <div class=\"card-content\">\n              <lrndesign-avatar\n                label=\"[[commentUser.name]]\"\n                src=\"[[commentUser.avatar]]\"\n              ></lrndesign-avatar>\n              <h3>[[commentUser.display_name]]</h3>\n              <div id=\"wrapper\" class=\"button-wrapper\">\n                <div id=\"comment\" class=\"inactive\"><slot></slot></div>\n              </div>\n            </div>\n          </button>\n        </a>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca1d4e901f2611eda0c389891c227ec8 || (_templateObject_ca1d4e901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        button {\n          background-color: #eeeeee;\n          margin: 1em;\n        }\n\n        .card-content {\n          padding-left: 2em;\n          padding-right: 2em;\n          width: 100%;\n        }\n\n        .card-actions {\n          width: 100%;\n        }\n\n        .card-actions button {\n          display: block;\n        }\n\n        lrndesign-avatar {\n          float: left;\n          margin-right: 1em;\n        }\n\n        .flex-wrap {\n          @apply --layout-horizontal;\n          @apply --layout-wrap;\n        }\n\n        .inactive {\n          max-height: 4.6em;\n          overflow: hidden;\n        }\n\n        button {\n          width: 100%;\n          display: flex;\n        }\n\n        .hidden {\n          display: none;\n        }\n        .linkbtn,\n        .linkbtn button {\n          text-decoration: none;\n          font-size: 16px;\n          font-weight: bold;\n          text-align: center;\n          cursor: pointer;\n        }\n        .linkbtn {\n          display: flex;\n          width: 100%;\n        }\n        .linkbtn button:hover,\n        .linkbtn button:active,\n        .linkbtn button:focus,\n        .linkbtn:hover,\n        .linkbtn:active,\n        .linkbtn:focus {\n          background-color: #eeeeee;\n        }\n      </style>\n      <div class=\"card flex-wrap\">\n        <a href$=\"[[actionView]]\" tabindex=\"-1\" class=\"linkbtn\">\n          <button id=\"view\">\n            <div class=\"card-content\">\n              <lrndesign-avatar\n                label=\"[[commentUser.name]]\"\n                src=\"[[commentUser.avatar]]\"\n              ></lrndesign-avatar>\n              <h3>[[commentUser.display_name]]</h3>\n              <div id=\"wrapper\" class=\"button-wrapper\">\n                <div id=\"comment\" class=\"inactive\"><slot></slot></div>\n              </div>\n            </div>\n          </button>\n        </a>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-comments.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-comments.js
index cedee4143c4..95063c9f552 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-comments.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-comments.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappBlockRecentComments = void 0;
 
-  var _templateObject_f32885501f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca1ed5301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -46,7 +46,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f32885501f0511ed8cc3e9a95995ad69 || (_templateObject_f32885501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"paper-item-styles\">\n        :host {\n          display: block;\n        }\n        lrnapp-block-recent-comments-comment .comment-text {\n          height: 50px;\n          overflow: hidden;\n          font-size: 12px;\n          font-weight: normal;\n        }\n      </style>\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <iron-ajax\n        auto=\"\"\n        url=\"{{sourcePath}}\"\n        handle-as=\"json\"\n        last-response=\"{{response}}\"\n        on-response=\"handleResponse\"\n      ></iron-ajax>\n      <template\n        is=\"dom-repeat\"\n        items=\"[[_toArray(response.data)]]\"\n        as=\"comment\"\n      >\n        <lrnapp-block-recent-comments-comment\n          comment-user=\"{{comment.relationships.author.data}}\"\n          comment-title=\"{{comment.attributes.subject}}\"\n          action-view=\"{{_getViewLink(comment.relationships.node.data.id)}}\"\n          date-updated=\"{{comment.attributes.changed}}\"\n          class=\"ferpa-protect\"\n        >\n          <div class=\"comment-text\">[[comment.attributes.body]]</div>\n        </lrnapp-block-recent-comments-comment>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca1ed5301f2611eda0c389891c227ec8 || (_templateObject_ca1ed5301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"paper-item-styles\">\n        :host {\n          display: block;\n        }\n        lrnapp-block-recent-comments-comment .comment-text {\n          height: 50px;\n          overflow: hidden;\n          font-size: 12px;\n          font-weight: normal;\n        }\n      </style>\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <iron-ajax\n        auto=\"\"\n        url=\"{{sourcePath}}\"\n        handle-as=\"json\"\n        last-response=\"{{response}}\"\n        on-response=\"handleResponse\"\n      ></iron-ajax>\n      <template\n        is=\"dom-repeat\"\n        items=\"[[_toArray(response.data)]]\"\n        as=\"comment\"\n      >\n        <lrnapp-block-recent-comments-comment\n          comment-user=\"{{comment.relationships.author.data}}\"\n          comment-title=\"{{comment.attributes.subject}}\"\n          action-view=\"{{_getViewLink(comment.relationships.node.data.id)}}\"\n          date-updated=\"{{comment.attributes.changed}}\"\n          class=\"ferpa-protect\"\n        >\n          <div class=\"comment-text\">[[comment.attributes.body]]</div>\n        </lrnapp-block-recent-comments-comment>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-project.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-project.js
index e01e0148f94..6b9de680c60 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-project.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-project.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappBlockRecentProject = void 0;
 
-  var _templateObject_f32af6501f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca211f201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -63,7 +63,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f32af6501f0511ed8cc3e9a95995ad69 || (_templateObject_f32af6501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles paper-item-styles\">\n        [hidden] {\n          display: none !important;\n        }\n        :host {\n          display: block;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          background-color: white;\n        }\n        a {\n          display: block;\n        }\n        button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n          text-transform: unset;\n          background-color: transparent;\n          border: none;\n        }\n        .project-card {\n          width: 100%;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n          min-width: 15em;\n          max-width: 20em;\n          margin: 0 1em;\n        }\n        .button-contents {\n          display: flex;\n          align-content: center;\n        }\n        .assignment-row {\n          border: 1px solid #000000;\n          background-color: #ffffff;\n        }\n        .assignment-row .assignment-row-button.active {\n          background-color: var(--paper-amber-50);\n          font-weight: bold;\n        }\n        .assignment-row:hover .assignment-operations {\n          display: block;\n          overflow: visible;\n          margin: 0.2em;\n        }\n        .assignment-row-button {\n          width: 100%;\n          justify-content: flex-start;\n          height: 3em;\n          text-transform: none;\n        }\n        .assignment-title {\n          display: inline-flex;\n          align-items: center;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          line-height: 1em;\n        }\n        .status-indicator {\n          border-right: 1px solid grey;\n          padding: 0.5em;\n          margin: 0 0.5em 0 0;\n          display: inline-flex;\n          line-height: 3em;\n          height: 3em;\n          justify-content: center;\n          align-items: center;\n        }\n        .whole-project {\n          width: 100%;\n          margin: 0;\n          padding: 0;\n        }\n      </style>\n      <iron-ajax\n        auto=\"\"\n        url=\"{{sourcePath}}\"\n        handle-as=\"json\"\n        last-response=\"{{response}}\"\n        on-response=\"handleResponse\"\n      ></iron-ajax>\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <template is=\"dom-if\" if=\"[[hasProject]]\">\n        <a tabindex=\"-1\" href$=\"[[basePath]]lrnapp-studio-kanban\">\n          <button class=\"whole-project ferpa-protect\">\n            <div\n              id$=\"project-[[project.id]]\"\n              class=\"project-card grey lighten-3\"\n              heading=\"{{project.attributes.title}}\"\n            >\n              <div class=\"card-content\">\n                <iron-list\n                  items=\"[[_toArray(project.relationships.assignments)]]\"\n                  as=\"assignment\"\n                  mutable-data\n                >\n                  <template>\n                    <div class=\"assignment-row\" id=\"assignment\">\n                      <lrnsys-button\n                        inner-class=\"no-left-padding\"\n                        class=\"assignment-row-button\"\n                        button-class=\"assignment-row-button\"\n                        id$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                        hover-class=\"amber lighten-5\"\n                        href$=\"[[basePath]]lrnapp-studio-kanban\"\n                      >\n                        <span class=\"button-contents\">\n                          <div\n                            class$=\"status-indicator [[assignment.metadata.relatedSubmissions.complete.color]]\"\n                          >\n                            <simple-icon\n                              icon=\"[[assignment.metadata.relatedSubmissions.complete.icon]]\"\n                            ></simple-icon>\n                          </div>\n                          <div class=\"assignment-title\">\n                            [[assignment.title]]\n                          </div>\n                        </span>\n                      </lrnsys-button>\n                    </div>\n                  </template>\n                </iron-list>\n              </div>\n            </div>\n          </button>\n        </a>\n      </template>\n      <template is=\"dom-if\" if=\"[[!hasProject]]\">\n        <lrnsys-button\n          inner-class=\"no-left-padding\"\n          button-class=\"assignment-row-button\"\n          class=\"assignment-row-button\"\n          href$=\"[[basePath]]lrnapp-studio-kanban\"\n          hover-class=\"amber lighten-5\"\n        >\n          <span class=\"button-contents\">\n            <div class=\"status-indicator\">\n              <simple-icon icon=\"assignment\"></simple-icon>\n            </div>\n            <div class=\"assignment-title\">Tap to start your first project!</div>\n          </span>\n        </lrnsys-button>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca211f201f2611eda0c389891c227ec8 || (_templateObject_ca211f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles paper-item-styles\">\n        [hidden] {\n          display: none !important;\n        }\n        :host {\n          display: block;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          background-color: white;\n        }\n        a {\n          display: block;\n        }\n        button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n          text-transform: unset;\n          background-color: transparent;\n          border: none;\n        }\n        .project-card {\n          width: 100%;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n          min-width: 15em;\n          max-width: 20em;\n          margin: 0 1em;\n        }\n        .button-contents {\n          display: flex;\n          align-content: center;\n        }\n        .assignment-row {\n          border: 1px solid #000000;\n          background-color: #ffffff;\n        }\n        .assignment-row .assignment-row-button.active {\n          background-color: var(--paper-amber-50);\n          font-weight: bold;\n        }\n        .assignment-row:hover .assignment-operations {\n          display: block;\n          overflow: visible;\n          margin: 0.2em;\n        }\n        .assignment-row-button {\n          width: 100%;\n          justify-content: flex-start;\n          height: 3em;\n          text-transform: none;\n        }\n        .assignment-title {\n          display: inline-flex;\n          align-items: center;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          line-height: 1em;\n        }\n        .status-indicator {\n          border-right: 1px solid grey;\n          padding: 0.5em;\n          margin: 0 0.5em 0 0;\n          display: inline-flex;\n          line-height: 3em;\n          height: 3em;\n          justify-content: center;\n          align-items: center;\n        }\n        .whole-project {\n          width: 100%;\n          margin: 0;\n          padding: 0;\n        }\n      </style>\n      <iron-ajax\n        auto=\"\"\n        url=\"{{sourcePath}}\"\n        handle-as=\"json\"\n        last-response=\"{{response}}\"\n        on-response=\"handleResponse\"\n      ></iron-ajax>\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <template is=\"dom-if\" if=\"[[hasProject]]\">\n        <a tabindex=\"-1\" href$=\"[[basePath]]lrnapp-studio-kanban\">\n          <button class=\"whole-project ferpa-protect\">\n            <div\n              id$=\"project-[[project.id]]\"\n              class=\"project-card grey lighten-3\"\n              heading=\"{{project.attributes.title}}\"\n            >\n              <div class=\"card-content\">\n                <iron-list\n                  items=\"[[_toArray(project.relationships.assignments)]]\"\n                  as=\"assignment\"\n                  mutable-data\n                >\n                  <template>\n                    <div class=\"assignment-row\" id=\"assignment\">\n                      <lrnsys-button\n                        inner-class=\"no-left-padding\"\n                        class=\"assignment-row-button\"\n                        button-class=\"assignment-row-button\"\n                        id$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                        hover-class=\"amber lighten-5\"\n                        href$=\"[[basePath]]lrnapp-studio-kanban\"\n                      >\n                        <span class=\"button-contents\">\n                          <div\n                            class$=\"status-indicator [[assignment.metadata.relatedSubmissions.complete.color]]\"\n                          >\n                            <simple-icon\n                              icon=\"[[assignment.metadata.relatedSubmissions.complete.icon]]\"\n                            ></simple-icon>\n                          </div>\n                          <div class=\"assignment-title\">\n                            [[assignment.title]]\n                          </div>\n                        </span>\n                      </lrnsys-button>\n                    </div>\n                  </template>\n                </iron-list>\n              </div>\n            </div>\n          </button>\n        </a>\n      </template>\n      <template is=\"dom-if\" if=\"[[!hasProject]]\">\n        <lrnsys-button\n          inner-class=\"no-left-padding\"\n          button-class=\"assignment-row-button\"\n          class=\"assignment-row-button\"\n          href$=\"[[basePath]]lrnapp-studio-kanban\"\n          hover-class=\"amber lighten-5\"\n        >\n          <span class=\"button-contents\">\n            <div class=\"status-indicator\">\n              <simple-icon icon=\"assignment\"></simple-icon>\n            </div>\n            <div class=\"assignment-title\">Tap to start your first project!</div>\n          </span>\n        </lrnsys-button>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-submissions.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-submissions.js
index 3abe2af06a4..4ea41dfd183 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-submissions.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-block-recent-submissions.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappBlockRecentSubmissions = void 0;
 
-  var _templateObject_f32ca4001f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca22f3e01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -63,7 +63,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f32ca4001f0511ed8cc3e9a95995ad69 || (_templateObject_f32ca4001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"paper-item-styles\">\n        :host {\n          display: block;\n        }\n        button {\n          width: 100%;\n          border: none;\n          background-color: transparent;\n        }\n        lrndesign-gallerycard {\n          width: 100%;\n        }\n        lrndesign-gallerycard[elevation=\"1\"] {\n          box-shadow: none;\n        }\n      </style>\n      <iron-ajax\n        auto=\"\"\n        url=\"{{sourcePath}}\"\n        handle-as=\"json\"\n        last-response=\"{{response}}\"\n        on-response=\"handleResponse\"\n      ></iron-ajax>\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n        <template>\n          <button on-click=\"_loadSubmissionUrl\">\n            <lrndesign-gallerycard\n              data-submission-id$=\"[[item.id]]\"\n              title=\"[[item.attributes.title]]\"\n              author=\"[[item.relationships.author.data]]\"\n              comments=\"[[item.meta.comment_count]]\"\n              image=\"[[item.display.image]]\"\n              icon=\"[[item.display.icon]]\"\n              class=\"ferpa-protect\"\n            >\n            </lrndesign-gallerycard>\n          </button>\n        </template>\n      </iron-list>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca22f3e01f2611eda0c389891c227ec8 || (_templateObject_ca22f3e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"paper-item-styles\">\n        :host {\n          display: block;\n        }\n        button {\n          width: 100%;\n          border: none;\n          background-color: transparent;\n        }\n        lrndesign-gallerycard {\n          width: 100%;\n        }\n        lrndesign-gallerycard[elevation=\"1\"] {\n          box-shadow: none;\n        }\n      </style>\n      <iron-ajax\n        auto=\"\"\n        url=\"{{sourcePath}}\"\n        handle-as=\"json\"\n        last-response=\"{{response}}\"\n        on-response=\"handleResponse\"\n      ></iron-ajax>\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n        <template>\n          <button on-click=\"_loadSubmissionUrl\">\n            <lrndesign-gallerycard\n              data-submission-id$=\"[[item.id]]\"\n              title=\"[[item.attributes.title]]\"\n              author=\"[[item.relationships.author.data]]\"\n              comments=\"[[item.meta.comment_count]]\"\n              image=\"[[item.display.image]]\"\n              icon=\"[[item.display.icon]]\"\n              class=\"ferpa-protect\"\n            >\n            </lrndesign-gallerycard>\n          </button>\n        </template>\n      </iron-list>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-studio-dashboard.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-studio-dashboard.js
index b1792e10039..e0e1bd309a3 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-studio-dashboard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-dashboard/lrnapp-studio-dashboard.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioDashboard = void 0;
 
-  var _templateObject_f32e78c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca24efb01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -64,7 +64,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f32e78c01f0511ed8cc3e9a95995ad69 || (_templateObject_f32e78c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        :host {\n          display: block;\n          padding: 0 32px;\n        }\n        h1.title {\n          font-size: 32px;\n          color: black;\n          margin: 0;\n          padding: 4px 0 0 0;\n          text-transform: none;\n          text-align: left;\n        }\n        .dashboard-row {\n          width: 100%;\n          display: inline-flex;\n          justify-content: space-evenly;\n        }\n        .dashboard-item {\n          min-width: 30%;\n        }\n        h2 {\n          font-size: 32px;\n          margin: 8px;\n          text-align: center;\n        }\n      </style>\n      <h1 class=\"title\">Welcome back [[username]]!</h1>\n      <div class=\"dashboard-row\">\n        <div class=\"dashboard-item card\">\n          <h2>Recent project</h2>\n          <div class=\"card-content\">\n            <lrnapp-block-recent-project\n              csrf-token=\"[[csrfToken]]\"\n              end-point=\"[[_getEndPoint(basePath)]]\"\n              base-path=\"[[basePath]]\"\n              source-path=\"[[_getDataSource(csrfToken, basePath,'recent-project')]]\"\n            >\n            </lrnapp-block-recent-project>\n          </div>\n        </div>\n        <div class=\"dashboard-item card\">\n          <h2>Recent submissions</h2>\n          <div class=\"card-content\">\n            <lrnapp-block-recent-submissions\n              csrf-token=\"[[csrfToken]]\"\n              end-point=\"[[_getEndPoint(basePath)]]\"\n              base-path=\"[[basePath]]\"\n              source-path=\"[[_getDataSource(csrfToken, basePath,'recent-submissions')]]\"\n            >\n            </lrnapp-block-recent-submissions>\n          </div>\n        </div>\n        <div class=\"dashboard-item card\">\n          <h2>Recent comments</h2>\n          <div class=\"card-content\">\n            <lrnapp-block-recent-comments\n              csrf-token=\"[[csrfToken]]\"\n              end-point=\"[[_getEndPoint(basePath)]]\"\n              base-path=\"[[basePath]]\"\n              source-path=\"[[_getDataSource(csrfToken, basePath,'recent-comments')]]\"\n            >\n            </lrnapp-block-recent-comments>\n          </div>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca24efb01f2611eda0c389891c227ec8 || (_templateObject_ca24efb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        :host {\n          display: block;\n          padding: 0 32px;\n        }\n        h1.title {\n          font-size: 32px;\n          color: black;\n          margin: 0;\n          padding: 4px 0 0 0;\n          text-transform: none;\n          text-align: left;\n        }\n        .dashboard-row {\n          width: 100%;\n          display: inline-flex;\n          justify-content: space-evenly;\n        }\n        .dashboard-item {\n          min-width: 30%;\n        }\n        h2 {\n          font-size: 32px;\n          margin: 8px;\n          text-align: center;\n        }\n      </style>\n      <h1 class=\"title\">Welcome back [[username]]!</h1>\n      <div class=\"dashboard-row\">\n        <div class=\"dashboard-item card\">\n          <h2>Recent project</h2>\n          <div class=\"card-content\">\n            <lrnapp-block-recent-project\n              csrf-token=\"[[csrfToken]]\"\n              end-point=\"[[_getEndPoint(basePath)]]\"\n              base-path=\"[[basePath]]\"\n              source-path=\"[[_getDataSource(csrfToken, basePath,'recent-project')]]\"\n            >\n            </lrnapp-block-recent-project>\n          </div>\n        </div>\n        <div class=\"dashboard-item card\">\n          <h2>Recent submissions</h2>\n          <div class=\"card-content\">\n            <lrnapp-block-recent-submissions\n              csrf-token=\"[[csrfToken]]\"\n              end-point=\"[[_getEndPoint(basePath)]]\"\n              base-path=\"[[basePath]]\"\n              source-path=\"[[_getDataSource(csrfToken, basePath,'recent-submissions')]]\"\n            >\n            </lrnapp-block-recent-submissions>\n          </div>\n        </div>\n        <div class=\"dashboard-item card\">\n          <h2>Recent comments</h2>\n          <div class=\"card-content\">\n            <lrnapp-block-recent-comments\n              csrf-token=\"[[csrfToken]]\"\n              end-point=\"[[_getEndPoint(basePath)]]\"\n              base-path=\"[[basePath]]\"\n              source-path=\"[[_getDataSource(csrfToken, basePath,'recent-comments')]]\"\n            >\n            </lrnapp-block-recent-comments>\n          </div>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-instructor/lrnapp-studio-instructor.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-instructor/lrnapp-studio-instructor.js
index dcb368a8e78..47faa95787d 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-instructor/lrnapp-studio-instructor.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-instructor/lrnapp-studio-instructor.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioInstructor = void 0;
 
-  var _templateObject_f33be6401f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca3284401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -553,7 +553,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f33be6401f0511ed8cc3e9a95995ad69 || (_templateObject_f33be6401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host([hidden]) {\n        display: none !important;\n      }\n      :host {\n        display: block;\n        align-content: center;\n        padding: .8em;\n      }\n      paper-dialog {\n        width: 90vw;\n        min-height:90vh;\n        z-index: 1 !important;\n      }\n      vaadin-grid-table-body > vaadin-grid-cell-content {\n        height: unset !important;\n      }\n      app-header {\n        padding: 0;\n        margin: 0;\n      }\n      app-toolbar {\n        background-color: #4285f4;\n        color: #fff;\n        margin:0;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: .8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      .center-data {\n        text-align: center;\n      }\n      vaadin-grid#material {\n        height: 75vh;\n        font-family: Roboto, sans-serif;\n        --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n        --vaadin-grid-cell: {\n          padding: 0;\n        };\n\n        --vaadin-grid-header-cell: {\n          height: 3.5em;\n          color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n          font-size: 1em;\n        };\n\n        --vaadin-grid-body-cell: {\n          height: 3em;\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n          font-size: .8em;\n        };\n\n        --vaadin-grid-body-row-hover-cell: {\n          background-color: var(--paper-grey-200);\n        };\n\n        --vaadin-grid-body-row-selected-cell: {\n          background-color: var(--paper-grey-100);\n        };\n\n        --vaadin-grid-focused-cell: {\n          box-shadow: none;\n          font-weight: bold;\n        };\n      }\n\n      vaadin-grid#material .cell {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        padding-right: 56px;\n      }\n\n      vaadin-grid#material .cell.last {\n        padding-right: 24px;\n      }\n\n      vaadin-grid#material .cell.numeric {\n        text-align: right;\n      }\n\n      vaadin-grid#material simple-fields-field {\n        --primary-color: var(--paper-indigo-500);\n        margin: 0 24px;\n      }\n\n      vaadin-grid#material vaadin-grid-sorter .cell {\n        flex: 1;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      vaadin-grid#material vaadin-grid-sorter simple-icon {\n        transform: scale(0.8);\n      }\n\n      vaadin-grid#material vaadin-grid-sorter:not([direction]) simple-icon {\n        color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n      }\n\n      vaadin-grid#material vaadin-grid-sorter[direction] {\n        color: rgba(0, 0, 0, var(--dark-primary-opacity));\n      }\n\n      vaadin-grid#material vaadin-grid-sorter[direction=desc] simple-icon {\n        transform: scale(0.8) rotate(180deg);\n      }\n      vaadin-grid-sorter {\n        text-align: center;\n      }\n\n      lrndesign-avatar {\n        display: inline-flex;\n      }\n      @media (max-width: 700px) {\n        lrndesign-avatar {\n          display: none !important;\n        }\n        [main-title] {\n          font-size: 12px;\n        }\n      }\n      [main-title] {\n        font-size:14px;\n        max-width: 30vw;\n        overflow: hidden;\n      }\n      .avatar-label {\n        display: inline-flex;\n        margin-left: 12px;\n        margin-top: 12px;\n        font-size: 14px;\n      }\n      .assignment-button {\n        height: 24px;\n      }\n      .project-button {\n        height: 24px;\n        width: 24px;\n      }\n      paper-badge {\n        top: 0 !important;\n        left: unset !important;\n        right: 0;\n        z-index: 1;\n      }\n      .avatar-link {\n        color: black;\n        text-decoration: none;\n        display: inline-flex;\n        vertical-align: middle;\n      }\n      .avatar-link button {\n        text-transform: unset;\n      }\n      #selectedproject {\n        display: inline-block;\n      }\n      #datatype {\n        display: inline-block;\n        vertical-align: middle;\n        --paper-toggle-button-checked-bar-color:  var(--paper-green-500);\n        --paper-toggle-button-checked-button-color:  var(--paper-green-500);\n        --paper-toggle-button-checked-ink-color: var(--paper-green-500);\n        --paper-toggle-button-unchecked-bar-color:  var(--paper-amber-900);\n        --paper-toggle-button-unchecked-button-color:  var(--paper-amber-900);\n        --paper-toggle-button-unchecked-ink-color: var(--paper-amber-900);\n      }\n      .comment-list {\n        list-style-image: none;\n        display: inline-block;\n        padding: 0;\n        margin: 0;\n      }\n      .stats-text {\n        font-size: .8em;\n        font-style: italic;\n        line-height: 1em;\n        padding: 0 0 0 2em;\n        display: inline-block;\n        text-align: right;\n      }\n      #selectedchart {\n        padding-left: 8px;\n      }\n    </style>\n    <app-location route=\"{{route}}\"></app-location>\n    <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/submissions/:submission\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\">\n    </app-route>\n    <iron-ajax\n      auto\n      id=\"projectrequest\"\n      url=\"[[sourceProjectPath]]\"\n      handle-as=\"json\"\n      last-response=\"{{_projectData}}\"\n      on-response=\"_handleProjectResponse\"\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"></iron-ajax>\n    <iron-ajax\n      id=\"studentrequest\"\n      url=\"[[sourceStudentPath]]\"\n      params=\"[[studentParams]]\"\n      handle-as=\"json\"\n      last-response=\"{{_studentData}}\"\n      on-response=\"_handleStudentResponse\"\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <div hidden$=\"[[activeProject]]\">Select a project to begin reviewing work</div>\n    <dropdown-select id=\"selectedproject\" label=\"Project\">\n      <template is=\"dom-repeat\" items=\"[[_toArray(projects)]]\" as=\"project\">\n        <paper-item value$=\"[[project.id]]\">[[project.attributes.title]]</paper-item>\n      </template>\n    </dropdown-select>\n    <paper-toggle-button id=\"datatype\" checked=\"{{dataType}}\" disabled>\n      [[dataTypeText]]\n    </paper-toggle-button>\n    <button id=\"statsdialogbutton\" disabled><simple-icon icon=\"editor:show-chart\"></simple-icon> Statistics</span></button>\n    <paper-dialog id=\"statsdialog\" no-cancel-on-outside-click no-cancel-on-esc-key>\n      <app-header>\n        <app-toolbar>\n          <div main-title>[[stats.header]]</div>\n          <label for=\"selectedchart\">Graph style</label>\n          <simple-picker id=\"selectedchart\" options=\"[[simplePickerOptions]]\"></simple-picker>\n          <button dialog-dismiss><simple-icon icon=\"close\"></simple-icon> Close</button>\n        </app-toolbar>\n      </app-header>\n      <div style=\"height:50vh;width:100%;overflow:scroll;\">\n          <div class=\"stats-text\">[[stats.overview]]</div>\n        <lrndesign-bar chart-title=\"[[activeChart.title]]\" chart-desc=\"[[activeChart.description]]\" data=\"[[activeChart.data]]\"></lrndesign-bar>\n      </div>\n      </div>\n    </paper-dialog>\n    <vaadin-grid hidden$=\"[[!students]]\" id=\"material\" aria-label=\"Student project list\" items=\"[[_toArray(students)]]\">\n      <vaadin-grid-column resizable>\n        <template class=\"header\">\n          <vaadin-grid-sorter id=\"sorter\" path=\"sis.sortable_name\">Student</vaadin-grid-sorter>\n        </template>\n        <template>\n          <a href$=\"[[basePath]]lrnapp-open-studio/projects?author=[[item.id]]&project=[[activeProject]]\" tabindex=\"-1\" target=\"_blank\" class=\"avatar-link ferpa-protect\">\n            <lrndesign-avatar label=\"[[item.name]]\" src=\"[[item.avatar]]\"></lrndesign-avatar>\n            <span class=\"avatar-label\">[[item.sis.sortable_name]]</span>\n          </a>\n        </template>\n        <template class=\"footer\">\n          <vaadin-grid-filter aria-label=\"Student\" path=\"sis.sortable_name\" value=\"[[_filterName]]\">\n            <paper-input slot=\"filter\" label=\"Student\" value=\"{{_filterName::input}}\" focus-target></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <template is=\"dom-repeat\" items=\"[[_toArray(assignments)]]\" as=\"assignment\">\n        <vaadin-grid-column resizable>\n          <template class=\"header\">\n            <span>[[assignment.title]]</span>\n          </template>\n          <template>\n            <template is=\"dom-if\" if=\"[[_submissionStatus(item, assignment, dataType)]]\">\n              <template is=\"dom-if\" if=\"[[!dataType]]\">\n                <lrnsys-button icon=\"[[_submissionPiece(item, assignment, 'icon')]]\" id$=\"student-[[item.id]]-assignment-[[assignment.id]]-submission-[[_submissionID(item, assignment)]]\" label=\"[[_submissionPiece(item, assignment, 'title')]]\" on-click=\"_setActiveSubmission\">\n                </lrnsys-button>\n              </template>\n              <template is=\"dom-if\" if=\"[[dataType]]\">\n                <ul class=\"comment-list\">\n                <template is=\"dom-repeat\" items=\"[[_submissionPiece(item, assignment, 'comments')]]\" as=\"commented\">\n                  <li>\n                    <lrnsys-button icon=\"communication:comment\" id$=\"student-[[item.id]]-assignment-[[assignment.id]]-submission-[[commented]]\" label=\"#[[_commentIndex(index)]]\" on-click=\"_setActiveComment\">\n                    </lrnsys-button>\n                  </li>\n                </template>\n                </ul>\n              </template>\n            </template>\n            <template is=\"dom-if\" if=\"[[!_submissionStatus(item, assignment, dataType)]]\">\n              <button disabled class=\"project-button\" id$=\"student-[[item.id]]-assignment-[[assignment.id]]-submission-null\">X</button>\n            </template>\n            <template is=\"dom-if\" if=\"[[_commentCount(item, assignment, dataType)]]\">\n              <paper-badge id$=\"student-[[item.id]]-assignment-[[assignment.id]]-tip\" for=\"student-[[item.id]]-assignment-[[assignment.id]]\" label=\"[[_commentCount(item, assignment, dataType)]]\"></paper-badge>\n              <simple-tooltip for=\"student-[[item.id]]-assignment-[[assignment.id]]-tip\">Comments left on classmates [[assignment.title]]</simple-badge>\n            </template>\n          </template>\n        </vaadin-grid-column>\n      </template>\n    </vaadin-grid>\n    <paper-dialog id=\"dialog\" style=\"overflow: scroll;\" no-cancel-on-outside-click no-cancel-on-esc-key>\n      <app-header>\n        <app-toolbar>\n          <span style=\"width:35vw;\">\n            <simple-icon-button on-click=\"_changeActiveItem\" id=\"prevstudent\" icon=\"arrow-upward\" title=\"previous student\"></simple-icon-button>\n            <simple-icon-button on-click=\"_changeActiveItem\" id=\"nextstudent\" icon=\"arrow-downward\" title=\"next student\"></simple-icon-button>\n            <lrndesign-avatar class=\"ferpa-protect\" label=\"[[activeData.student.name]]\" src=\"[[activeData.student.avatar]]\" style=\"display:inline-block;vertical-align:middle;\"></lrndesign-avatar>\n            <span class=\"avatar-label ferpa-protect\" style=\"margin-left:1em;\">[[activeData.student.sis.sortable_name]]</span>\n          </span>\n          <simple-icon-button on-click=\"_changeActiveItem\" id=\"prevassignment\" icon=\"arrow-back\" title=\"previous assignment\" style=\"margin-left:1em;\"></simple-icon-button>\n          <simple-icon-button on-click=\"_changeActiveItem\" id=\"nextassignment\" icon=\"arrow-forward\" title=\"next assignment\"></simple-icon-button>\n          <span main-title>Assignment: [[activeData.assignment.title]]</span>\n          <button dialog-dismiss><simple-icon icon=\"close\"></simple-icon> Close</button>\n        </app-toolbar>\n      </app-header>\n      <div style=\"min-height:50vh;max-width:100%;\">\n        <div hidden$=\"[[!activeData.submission]]\">\n          <lrnapp-studio-submission-page base-path=\"[[basePath]]\" route=\"{{tail}}\" id=\"[[data.submission]]\" end-point=\"[[basePath]]lrnapp-studio-submission\" csrf-token=\"[[csrfToken]]\" hide-menu-bar modaled></lrnapp-studio-submission-page>\n        </div>\n        <div hidden$=\"[[activeData.submission]]\">\n          <div>\n            <h2>No submission for this assignment</h2>\n            <p>This student has not submitted anything for this assignment at this time.</p>\n          </div>\n        </div>\n      </div>\n    </paper-dialog>"])));
+        return (0, _polymerElement.html)(_templateObject_ca3284401f2611eda0c389891c227ec8 || (_templateObject_ca3284401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host([hidden]) {\n        display: none !important;\n      }\n      :host {\n        display: block;\n        align-content: center;\n        padding: .8em;\n      }\n      paper-dialog {\n        width: 90vw;\n        min-height:90vh;\n        z-index: 1 !important;\n      }\n      vaadin-grid-table-body > vaadin-grid-cell-content {\n        height: unset !important;\n      }\n      app-header {\n        padding: 0;\n        margin: 0;\n      }\n      app-toolbar {\n        background-color: #4285f4;\n        color: #fff;\n        margin:0;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: .8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      .center-data {\n        text-align: center;\n      }\n      vaadin-grid#material {\n        height: 75vh;\n        font-family: Roboto, sans-serif;\n        --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n        --vaadin-grid-cell: {\n          padding: 0;\n        };\n\n        --vaadin-grid-header-cell: {\n          height: 3.5em;\n          color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n          font-size: 1em;\n        };\n\n        --vaadin-grid-body-cell: {\n          height: 3em;\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n          font-size: .8em;\n        };\n\n        --vaadin-grid-body-row-hover-cell: {\n          background-color: var(--paper-grey-200);\n        };\n\n        --vaadin-grid-body-row-selected-cell: {\n          background-color: var(--paper-grey-100);\n        };\n\n        --vaadin-grid-focused-cell: {\n          box-shadow: none;\n          font-weight: bold;\n        };\n      }\n\n      vaadin-grid#material .cell {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        padding-right: 56px;\n      }\n\n      vaadin-grid#material .cell.last {\n        padding-right: 24px;\n      }\n\n      vaadin-grid#material .cell.numeric {\n        text-align: right;\n      }\n\n      vaadin-grid#material simple-fields-field {\n        --primary-color: var(--paper-indigo-500);\n        margin: 0 24px;\n      }\n\n      vaadin-grid#material vaadin-grid-sorter .cell {\n        flex: 1;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      vaadin-grid#material vaadin-grid-sorter simple-icon {\n        transform: scale(0.8);\n      }\n\n      vaadin-grid#material vaadin-grid-sorter:not([direction]) simple-icon {\n        color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n      }\n\n      vaadin-grid#material vaadin-grid-sorter[direction] {\n        color: rgba(0, 0, 0, var(--dark-primary-opacity));\n      }\n\n      vaadin-grid#material vaadin-grid-sorter[direction=desc] simple-icon {\n        transform: scale(0.8) rotate(180deg);\n      }\n      vaadin-grid-sorter {\n        text-align: center;\n      }\n\n      lrndesign-avatar {\n        display: inline-flex;\n      }\n      @media (max-width: 700px) {\n        lrndesign-avatar {\n          display: none !important;\n        }\n        [main-title] {\n          font-size: 12px;\n        }\n      }\n      [main-title] {\n        font-size:14px;\n        max-width: 30vw;\n        overflow: hidden;\n      }\n      .avatar-label {\n        display: inline-flex;\n        margin-left: 12px;\n        margin-top: 12px;\n        font-size: 14px;\n      }\n      .assignment-button {\n        height: 24px;\n      }\n      .project-button {\n        height: 24px;\n        width: 24px;\n      }\n      paper-badge {\n        top: 0 !important;\n        left: unset !important;\n        right: 0;\n        z-index: 1;\n      }\n      .avatar-link {\n        color: black;\n        text-decoration: none;\n        display: inline-flex;\n        vertical-align: middle;\n      }\n      .avatar-link button {\n        text-transform: unset;\n      }\n      #selectedproject {\n        display: inline-block;\n      }\n      #datatype {\n        display: inline-block;\n        vertical-align: middle;\n        --paper-toggle-button-checked-bar-color:  var(--paper-green-500);\n        --paper-toggle-button-checked-button-color:  var(--paper-green-500);\n        --paper-toggle-button-checked-ink-color: var(--paper-green-500);\n        --paper-toggle-button-unchecked-bar-color:  var(--paper-amber-900);\n        --paper-toggle-button-unchecked-button-color:  var(--paper-amber-900);\n        --paper-toggle-button-unchecked-ink-color: var(--paper-amber-900);\n      }\n      .comment-list {\n        list-style-image: none;\n        display: inline-block;\n        padding: 0;\n        margin: 0;\n      }\n      .stats-text {\n        font-size: .8em;\n        font-style: italic;\n        line-height: 1em;\n        padding: 0 0 0 2em;\n        display: inline-block;\n        text-align: right;\n      }\n      #selectedchart {\n        padding-left: 8px;\n      }\n    </style>\n    <app-location route=\"{{route}}\"></app-location>\n    <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/submissions/:submission\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\">\n    </app-route>\n    <iron-ajax\n      auto\n      id=\"projectrequest\"\n      url=\"[[sourceProjectPath]]\"\n      handle-as=\"json\"\n      last-response=\"{{_projectData}}\"\n      on-response=\"_handleProjectResponse\"\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"></iron-ajax>\n    <iron-ajax\n      id=\"studentrequest\"\n      url=\"[[sourceStudentPath]]\"\n      params=\"[[studentParams]]\"\n      handle-as=\"json\"\n      last-response=\"{{_studentData}}\"\n      on-response=\"_handleStudentResponse\"\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <div hidden$=\"[[activeProject]]\">Select a project to begin reviewing work</div>\n    <dropdown-select id=\"selectedproject\" label=\"Project\">\n      <template is=\"dom-repeat\" items=\"[[_toArray(projects)]]\" as=\"project\">\n        <paper-item value$=\"[[project.id]]\">[[project.attributes.title]]</paper-item>\n      </template>\n    </dropdown-select>\n    <paper-toggle-button id=\"datatype\" checked=\"{{dataType}}\" disabled>\n      [[dataTypeText]]\n    </paper-toggle-button>\n    <button id=\"statsdialogbutton\" disabled><simple-icon icon=\"editor:show-chart\"></simple-icon> Statistics</span></button>\n    <paper-dialog id=\"statsdialog\" no-cancel-on-outside-click no-cancel-on-esc-key>\n      <app-header>\n        <app-toolbar>\n          <div main-title>[[stats.header]]</div>\n          <label for=\"selectedchart\">Graph style</label>\n          <simple-picker id=\"selectedchart\" options=\"[[simplePickerOptions]]\"></simple-picker>\n          <button dialog-dismiss><simple-icon icon=\"close\"></simple-icon> Close</button>\n        </app-toolbar>\n      </app-header>\n      <div style=\"height:50vh;width:100%;overflow:scroll;\">\n          <div class=\"stats-text\">[[stats.overview]]</div>\n        <lrndesign-bar chart-title=\"[[activeChart.title]]\" chart-desc=\"[[activeChart.description]]\" data=\"[[activeChart.data]]\"></lrndesign-bar>\n      </div>\n      </div>\n    </paper-dialog>\n    <vaadin-grid hidden$=\"[[!students]]\" id=\"material\" aria-label=\"Student project list\" items=\"[[_toArray(students)]]\">\n      <vaadin-grid-column resizable>\n        <template class=\"header\">\n          <vaadin-grid-sorter id=\"sorter\" path=\"sis.sortable_name\">Student</vaadin-grid-sorter>\n        </template>\n        <template>\n          <a href$=\"[[basePath]]lrnapp-open-studio/projects?author=[[item.id]]&project=[[activeProject]]\" tabindex=\"-1\" target=\"_blank\" class=\"avatar-link ferpa-protect\">\n            <lrndesign-avatar label=\"[[item.name]]\" src=\"[[item.avatar]]\"></lrndesign-avatar>\n            <span class=\"avatar-label\">[[item.sis.sortable_name]]</span>\n          </a>\n        </template>\n        <template class=\"footer\">\n          <vaadin-grid-filter aria-label=\"Student\" path=\"sis.sortable_name\" value=\"[[_filterName]]\">\n            <paper-input slot=\"filter\" label=\"Student\" value=\"{{_filterName::input}}\" focus-target></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <template is=\"dom-repeat\" items=\"[[_toArray(assignments)]]\" as=\"assignment\">\n        <vaadin-grid-column resizable>\n          <template class=\"header\">\n            <span>[[assignment.title]]</span>\n          </template>\n          <template>\n            <template is=\"dom-if\" if=\"[[_submissionStatus(item, assignment, dataType)]]\">\n              <template is=\"dom-if\" if=\"[[!dataType]]\">\n                <lrnsys-button icon=\"[[_submissionPiece(item, assignment, 'icon')]]\" id$=\"student-[[item.id]]-assignment-[[assignment.id]]-submission-[[_submissionID(item, assignment)]]\" label=\"[[_submissionPiece(item, assignment, 'title')]]\" on-click=\"_setActiveSubmission\">\n                </lrnsys-button>\n              </template>\n              <template is=\"dom-if\" if=\"[[dataType]]\">\n                <ul class=\"comment-list\">\n                <template is=\"dom-repeat\" items=\"[[_submissionPiece(item, assignment, 'comments')]]\" as=\"commented\">\n                  <li>\n                    <lrnsys-button icon=\"communication:comment\" id$=\"student-[[item.id]]-assignment-[[assignment.id]]-submission-[[commented]]\" label=\"#[[_commentIndex(index)]]\" on-click=\"_setActiveComment\">\n                    </lrnsys-button>\n                  </li>\n                </template>\n                </ul>\n              </template>\n            </template>\n            <template is=\"dom-if\" if=\"[[!_submissionStatus(item, assignment, dataType)]]\">\n              <button disabled class=\"project-button\" id$=\"student-[[item.id]]-assignment-[[assignment.id]]-submission-null\">X</button>\n            </template>\n            <template is=\"dom-if\" if=\"[[_commentCount(item, assignment, dataType)]]\">\n              <paper-badge id$=\"student-[[item.id]]-assignment-[[assignment.id]]-tip\" for=\"student-[[item.id]]-assignment-[[assignment.id]]\" label=\"[[_commentCount(item, assignment, dataType)]]\"></paper-badge>\n              <simple-tooltip for=\"student-[[item.id]]-assignment-[[assignment.id]]-tip\">Comments left on classmates [[assignment.title]]</simple-badge>\n            </template>\n          </template>\n        </vaadin-grid-column>\n      </template>\n    </vaadin-grid>\n    <paper-dialog id=\"dialog\" style=\"overflow: scroll;\" no-cancel-on-outside-click no-cancel-on-esc-key>\n      <app-header>\n        <app-toolbar>\n          <span style=\"width:35vw;\">\n            <simple-icon-button on-click=\"_changeActiveItem\" id=\"prevstudent\" icon=\"arrow-upward\" title=\"previous student\"></simple-icon-button>\n            <simple-icon-button on-click=\"_changeActiveItem\" id=\"nextstudent\" icon=\"arrow-downward\" title=\"next student\"></simple-icon-button>\n            <lrndesign-avatar class=\"ferpa-protect\" label=\"[[activeData.student.name]]\" src=\"[[activeData.student.avatar]]\" style=\"display:inline-block;vertical-align:middle;\"></lrndesign-avatar>\n            <span class=\"avatar-label ferpa-protect\" style=\"margin-left:1em;\">[[activeData.student.sis.sortable_name]]</span>\n          </span>\n          <simple-icon-button on-click=\"_changeActiveItem\" id=\"prevassignment\" icon=\"arrow-back\" title=\"previous assignment\" style=\"margin-left:1em;\"></simple-icon-button>\n          <simple-icon-button on-click=\"_changeActiveItem\" id=\"nextassignment\" icon=\"arrow-forward\" title=\"next assignment\"></simple-icon-button>\n          <span main-title>Assignment: [[activeData.assignment.title]]</span>\n          <button dialog-dismiss><simple-icon icon=\"close\"></simple-icon> Close</button>\n        </app-toolbar>\n      </app-header>\n      <div style=\"min-height:50vh;max-width:100%;\">\n        <div hidden$=\"[[!activeData.submission]]\">\n          <lrnapp-studio-submission-page base-path=\"[[basePath]]\" route=\"{{tail}}\" id=\"[[data.submission]]\" end-point=\"[[basePath]]lrnapp-studio-submission\" csrf-token=\"[[csrfToken]]\" hide-menu-bar modaled></lrnapp-studio-submission-page>\n        </div>\n        <div hidden$=\"[[activeData.submission]]\">\n          <div>\n            <h2>No submission for this assignment</h2>\n            <p>This student has not submitted anything for this assignment at this time.</p>\n          </div>\n        </div>\n      </div>\n    </paper-dialog>"])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-assignment-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-assignment-button.js
index 7aa9975b8f7..53d2262d596 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-assignment-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-assignment-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioAssignmentButton = void 0;
 
-  var _templateObject_f33e30301f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca34ce301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -106,7 +106,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f33e30301f0511ed8cc3e9a95995ad69 || (_templateObject_f33e30301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <lrnsys-button\n        on-click=\"_createAssignment\"\n        icon-class=\"[[iconClass]]\"\n        alt=\"[[alt]]\"\n        class$=\"[[classes]]\"\n        button-class$=\"[[classes]]\"\n        hover-class=\"[[hoverClass]]\"\n        icon=\"[[icon]]\"\n      ></lrnsys-button>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        id=\"ajaxCreateStub\"\n        url=\"[[endPoint]]/api/assignments/create-stub?token=[[csrfToken]]\"\n        method=\"POST\"\n        body=\"[[projectId]]\"\n        handle-as=\"json\"\n        on-response=\"_ajaxCreateStubHandler\"\n      ></iron-ajax>\n      <template is=\"dom-if\" if=\"[[displayErrors]]\">\n        <paper-toast id=\"toast\"></paper-toast>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca34ce301f2611eda0c389891c227ec8 || (_templateObject_ca34ce301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <lrnsys-button\n        on-click=\"_createAssignment\"\n        icon-class=\"[[iconClass]]\"\n        alt=\"[[alt]]\"\n        class$=\"[[classes]]\"\n        button-class$=\"[[classes]]\"\n        hover-class=\"[[hoverClass]]\"\n        icon=\"[[icon]]\"\n      ></lrnsys-button>\n      <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n        id=\"ajaxCreateStub\"\n        url=\"[[endPoint]]/api/assignments/create-stub?token=[[csrfToken]]\"\n        method=\"POST\"\n        body=\"[[projectId]]\"\n        handle-as=\"json\"\n        on-response=\"_ajaxCreateStubHandler\"\n      ></iron-ajax>\n      <template is=\"dom-if\" if=\"[[displayErrors]]\">\n        <paper-toast id=\"toast\"></paper-toast>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-assignment-display.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-assignment-display.js
index 62163e1d501..e1933f92c13 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-assignment-display.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-assignment-display.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioAssignmentDisplay = void 0;
 
-  var _templateObject_f33f41a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca3606b01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -25,7 +25,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     babelHelpers.createClass(LrnappStudioAssignmentDisplay, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f33f41a01f0511ed8cc3e9a95995ad69 || (_templateObject_f33f41a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          padding: 16px;\n        }\n        #assignment-body {\n          font-size: 21px;\n        }\n      </style>\n      <h1>[[assignment.attributes.title]]</h1>\n      <marked-element\n        id=\"assignment-body\"\n        markdown=\"[[assignment.attributes.body]]\"\n      ></marked-element>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca3606b01f2611eda0c389891c227ec8 || (_templateObject_ca3606b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          padding: 16px;\n        }\n        #assignment-body {\n          font-size: 21px;\n        }\n      </style>\n      <h1>[[assignment.attributes.title]]</h1>\n      <marked-element\n        id=\"assignment-body\"\n        markdown=\"[[assignment.attributes.body]]\"\n      ></marked-element>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-kanban.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-kanban.js
index 91eba98c39e..39dd349e069 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-kanban.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-kanban.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioKanban = void 0;
 
-  var _templateObject_f346e2c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca3eb9401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -412,7 +412,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f346e2c01f0511ed8cc3e9a95995ad69 || (_templateObject_f346e2c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        [hidden] {\n          display: none !important;\n        }\n        :host {\n          display: block;\n        }\n        div.card {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        .projects-container {\n          -webkit-box-pack: start;\n          -ms-flex-pack: start;\n          justify-content: flex-start;\n          -webkit-box-align: start;\n          -ms-flex-align: start;\n          align-items: flex-start;\n          min-height: 23em;\n        }\n        @media screen and (max-width: 800px) {\n          .projects-container {\n            width: auto;\n          }\n        }\n        #activetoggle {\n          padding-left: 16px;\n        }\n        .card-content {\n          scrollbar-face-color: #aa5555;\n          scrollbar-shadow-color: #ffc107;\n          scrollbar-highlight-color: #ffc107;\n          scrollbar-3dlight-color: #ffc107;\n          scrollbar-darkshadow-color: #ffc107;\n          scrollbar-track-color: #ffc107;\n          scrollbar-arrow-color: #ffc107;\n        }\n        .card-content::-webkit-scrollbar-track {\n          background-color: #833900;\n        }\n        /* the new scrollbar will have a flat appearance with the set background color */\n        .card-content::-webkit-scrollbar-thumb {\n          background-color: #ffc107;\n        }\n        /* this will style the thumb, ignoring the track */\n        .card-content::-webkit-scrollbar-button {\n          background-color: #833900;\n        }\n        /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */\n        .card-content::-webkit-scrollbar-corner {\n          background-color: #833900;\n        }\n        /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner*/\n        .card-content::-webkit-scrollbar {\n          width: 10px;\n          height: 10px;\n        }\n        /* this targets the default scrollbar (compulsory) */\n        button {\n          padding: 0;\n          margin: 0;\n          min-width: 12px;\n        }\n        .project-card {\n          width: 320px;\n          margin: 0;\n          height: 100%;\n          min-height: 10em;\n        }\n        .project-card h3.header {\n          font-size: 16px;\n          word-break: break-all;\n          padding: 8px;\n          overflow: hidden;\n          margin: 0;\n        }\n        div.card {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n        .project-container {\n          padding: 16px;\n        }\n        .project-card .card-content {\n          height: 320px;\n          overflow-y: auto;\n          padding: 0;\n        }\n        .assignment-container {\n          height: 100%;\n        }\n        .project-container:hover .project-operations {\n          display: block;\n        }\n        .project-operations {\n          position: absolute;\n          top: 8px;\n          right: -20px;\n          display: none;\n          transform: scale(0.6);\n        }\n        .project-operations .operation {\n          --lrnsys-button-height: 48px;\n          display: inline-flex;\n        }\n        .project-operations .operation[hidden] {\n          display: none;\n        }\n        .assignment-row {\n          height: 40px;\n          border: 1px solid #000000;\n          background-color: #ffffff;\n        }\n        .assignment-row .assignment-row-button.active {\n          background-color: var(--paper-amber-50);\n          font-weight: bold;\n        }\n        .assignment-row-title {\n          font-size: 16px;\n          text-align: left;\n          line-height: 16px;\n          margin-top: 8px;\n          overflow: hidden;\n        }\n        .assignment-row:hover .assignment-operations {\n          display: block;\n          overflow: visible;\n        }\n        .assignment-row-button {\n          width: 100%;\n          justify-content: flex-start;\n          text-transform: none;\n        }\n        .assignment-row-button::part(lrnsys-button-inner-div) {\n          padding: 0;\n        }\n        .assignment-row-button[icon=\"assignment\"]::part(lrnsys-button-icon) {\n          --simple-icon-color: black;\n        }\n        .assignment-row-button[icon=\"assignment-late\"]::part(lrnsys-button-icon) {\n          --simple-icon-color: orangered;\n        }\n        .assignment-row-button[icon=\"done\"]::part(lrnsys-button-icon) {\n          --simple-icon-color: green;\n        }\n        .status-indicator {\n          border-right: 1px solid grey;\n          padding: 0.5em;\n          margin: 0 0.5em 0 0;\n          display: inline-flex;\n          line-height: 40px;\n          height: 40px;\n          justify-content: center;\n          align-items: center;\n        }\n        .button-contents {\n          display: flex;\n          align-content: center;\n        }\n        .assignment-operations {\n          position: absolute;\n          padding: 0;\n          display: none;\n          top: -14px;\n          right: -18px;\n          padding: 0;\n          transform: scale(0.6);\n        }\n        .assignment-operations.show {\n          display: block;\n          overflow: visible;\n        }\n        .assignment-operations .operation {\n          display: inline-flex;\n          width: 40px;\n          height: 40px;\n          margin: 10px 10px 0 0;\n        }\n        .assignment-operations .operation[hidden] {\n          display: none;\n        }\n        lrnapp-studio-project-button {\n          margin: 0em auto;\n          max-width: 10em;\n        }\n        lrnsys-button {\n          --lrnsys-button-height: 40px;\n        }\n      </style>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        auto=\"\"\n        id=\"projectbackend\"\n        url=\"[[sourcePath]]\"\n        handle-as=\"json\"\n        last-response=\"{{projectResponse}}\"\n        on-response=\"_handleProjectResponse\"\n      >\n      </iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"backend\"\n        url=\"[[sourcePath]]\"\n        params=\"\"\n        handle-as=\"json\"\n        last-response=\"{{backendResponse}}\"\n        on-response=\"_handleUpdateResponse\"\n      >\n      </iron-ajax>\n\n      <app-location\n        route=\"{{route}}\"\n        query-params=\"{{queryParams}}\"\n      ></app-location>\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/:page\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\"\n        query-params=\"{{queryParams}}\"\n      >\n      </app-route>\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <lrnapp-studio-project-button\n        hidden$=\"[[!projectResponse.data.canCreateProjects]]\"\n        classes=\"amber darken-4 white-text\"\n        end-point=\"[[endPoint]]\"\n        csrf-token=\"[[csrfToken]]\"\n        icon=\"add\"\n      ></lrnapp-studio-project-button>\n      <div class=\"projects-window\">\n        <iron-list\n          items=\"[[_toArray(projectResponse.data.projects)]]\"\n          as=\"project\"\n          class=\"projects-container\"\n          grid=\"\"\n          mutable-data\n        >\n          <template class=\"projects-container-items\">\n            <div class=\"project-container\">\n              <div\n                id$=\"project-[[project.id]]\"\n                class=\"project-card grey lighten-3 card\"\n              >\n                <h3 class=\"header\">[[project.attributes.title]]</h3>\n                <div class=\"project-operations\">\n                  <lrnsys-button\n                    icon-class=\"no-margin\"\n                    id$=\"project-[[project.id]]-edit\"\n                    title=\"Edit project\"\n                    class=\"operation\"\n                    hover-class=\"amber lighten-2\"\n                    hidden=\"[[!project.meta.canUpdate]]\"\n                    icon=\"create\"\n                    on-click=\"_makeProjectEditLink\"\n                  >\n                  </lrnsys-button>\n                  <lrnapp-studio-assignment-button\n                    project-id=\"[[project.id]]\"\n                    icon-class=\"no-margin\"\n                    id$=\"project-[[project.id]]-add\"\n                    title=\"Add assignment\"\n                    class=\"operation\"\n                    hover-class=\"amber lighten-2\"\n                    hidden=\"[[!project.meta.canUpdate]]\"\n                    icon=\"add\"\n                    end-point=\"[[endPoint]]\"\n                    csrf-token=\"[[csrfToken]]\"\n                  >\n                  </lrnapp-studio-assignment-button>\n                  <lrnsys-button\n                    id$=\"project-[[project.id]]-delete\"\n                    title=\"Delete project!\"\n                    class=\"operation\"\n                    hover-class=\"red darken-2 white-text\"\n                    header=\"Delete project!\"\n                    hidden=\"[[!project.meta.canDelete]]\"\n                    icon=\"delete-forever\"\n                    on-click=\"_deleteProjectDialog\"\n                    icon-class=\"no-margin\"\n                  >\n                  </lrnsys-button>\n                </div>\n                <div class=\"card-content\">\n                  <iron-list\n                    items=\"[[_toArray(project.relationships.assignments)]]\"\n                    as=\"assignment\"\n                    mutable-data\n                    class=\"assignment-container\"\n                  >\n                    <template>\n                      <div class=\"assignment-row\" id=\"assignment\">\n                        <lrnsys-button\n                          id$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                          class=\"assignment-row-button\"\n                          hover-class=\"amber lighten-5\"\n                          on-click=\"assignmentClick\"\n                          icon=\"[[assignment.meta.relatedSubmissions.complete.icon]]\"\n                        >\n                          <span class=\"assignment-row-title\"\n                            >[[assignment.attributes.title]]</span\n                          >\n                        </lrnsys-button>\n                        <span class=\"assignment-operations\">\n                          <lrnsys-button\n                            id$=\"assignment-[[project.id]]-[[assignment.id]]-add-critique\"\n                            icon=\"editor:insert-comment\"\n                            title=\"Add critique\"\n                            class=\"operation\"\n                            hover-class=\"green lighten-2\"\n                            hidden=\"[[!assignment.meta.canCritique]]\"\n                            href$=\"[[assignment.meta.critiqueLink]]\"\n                            icon-class=\"no-margin\"\n                          ></lrnsys-button>\n                          <lrnsys-button\n                            id$=\"assignment-[[project.id]]-[[assignment.id]]-edit\"\n                            icon=\"editor:mode-edit\"\n                            title=\"Edit\"\n                            class=\"operation\"\n                            hover-class=\"amber lighten-2\"\n                            hidden=\"[[!assignment.meta.canUpdate]]\"\n                            on-click=\"_makeAssignmentEditLink\"\n                            icon-class=\"no-margin green-text text-darken-4\"\n                          ></lrnsys-button>\n                          <lrnsys-button\n                            id$=\"assignment-[[project.id]]-[[assignment.id]]-delete\"\n                            icon=\"delete-forever\"\n                            title=\"Delete\"\n                            class=\"operation\"\n                            hover-class=\"red darken-2 white-text\"\n                            hidden=\"[[!assignment.meta.canDelete]]\"\n                            on-click=\"_deleteAssignmentDialog\"\n                            icon-class=\"no-margin red-text text-darken-4\"\n                          ></lrnsys-button>\n                        </span>\n                      </div>\n                    </template>\n                  </iron-list>\n                </div>\n              </div>\n            </div>\n          </template>\n        </iron-list>\n      </div>\n      <paper-toast text=\"Updated\" id=\"toast\"></paper-toast>\n      <paper-dialog id=\"delete\" modal=\"\">\n        <h3>[[_deleteTitle]]</h3>\n        <p>[[_deleteText]]</p>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Decline</button>\n          <button\n            id=\"deleteaccept\"\n            on-click=\"_handleDelete\"\n            dialog-confirm=\"\"\n            autofocus=\"\"\n          >\n            Accept\n          </button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"activeitemcontainer\" with-backdrop>\n        <div id=\"activecontent\">\n          <app-header reveals>\n            <app-toolbar\n              class$=\"[[activeAssignmentNode.meta.relatedSubmissions.complete.color]]\"\n            >\n              <div>\n                <simple-icon\n                  icon=\"[[activeAssignmentNode.meta.relatedSubmissions.complete.icon]]\"\n                  disabled$=\"[[!activeAssignmentNode.meta.relatedSubmissions.canCreate]]\"\n                ></simple-icon>\n                [[activeAssignmentNode.meta.relatedSubmissions.complete.submission.title]]\n              </div>\n              <div\n                spacer=\"\"\n                class=\"comment-box\"\n                hidden$=\"[[!activeAssignmentNode.meta.relatedSubmissions.complete.submission.id]]\"\n              >\n                <div\n                  id$=\"assignment-[[activeAssignmentNode.relationships.project.data.id]]-[[activeAssignmentNode.id]]-comments\"\n                  style=\"margin:0;padding:.25em;text-transform:none;\"\n                >\n                  <simple-icon icon=\"communication:forum\"></simple-icon>\n                  [[activeAssignmentNode.meta.relatedSubmissions.complete.submission.meta.comments.count]]\n                  Comments\n                </div>\n                <paper-badge\n                  hidden$=\"[[displayNewBadge(activeAssignmentNode.meta.relatedSubmissions.complete.submission.meta.new)]]\"\n                  for$=\"assignment-[[activeAssignmentNode.relationships.project.data.id]]-[[activeAssignmentNode.id]]-comments\"\n                  label$=\"[[activeAssignmentNode.meta.relatedSubmissions.complete.submission.meta.comments.new]]\"\n                ></paper-badge>\n              </div>\n\n              <lrnapp-studio-submission-button\n                spacer\n                auto\n                assignment-id=\"[[activeAssignmentNode.id]]\"\n                submission=\"{{submission}}\"\n                end-point=\"[[buildSubmissionPath(basePath)]]\"\n                csrf-token=\"[[csrfToken]]\"\n                submission-id=\"[[activeAssignmentNode.meta.relatedSubmissions.complete.submission.id]]\"\n              ></lrnapp-studio-submission-button>\n              <paper-toggle-button\n                id=\"activetoggle\"\n                on-click=\"statusToggle\"\n              ></paper-toggle-button>\n              <span id=\"activetoggletext\"></span>\n            </app-toolbar>\n            <div class=\"status-rationale\">\n              [[activeAssignmentNode.meta.relatedSubmissions.complete.rationale.text]]\n            </div>\n          </app-header>\n          <lrnsys-render-html\n            style=\"padding:2em;\"\n            html=\"[[activeAssignmentNode.attributes.body]]\"\n          ></lrnsys-render-html>\n        </div>\n      </paper-dialog>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca3eb9401f2611eda0c389891c227ec8 || (_templateObject_ca3eb9401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles\">\n        [hidden] {\n          display: none !important;\n        }\n        :host {\n          display: block;\n        }\n        div.card {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        .projects-container {\n          -webkit-box-pack: start;\n          -ms-flex-pack: start;\n          justify-content: flex-start;\n          -webkit-box-align: start;\n          -ms-flex-align: start;\n          align-items: flex-start;\n          min-height: 23em;\n        }\n        @media screen and (max-width: 800px) {\n          .projects-container {\n            width: auto;\n          }\n        }\n        #activetoggle {\n          padding-left: 16px;\n        }\n        .card-content {\n          scrollbar-face-color: #aa5555;\n          scrollbar-shadow-color: #ffc107;\n          scrollbar-highlight-color: #ffc107;\n          scrollbar-3dlight-color: #ffc107;\n          scrollbar-darkshadow-color: #ffc107;\n          scrollbar-track-color: #ffc107;\n          scrollbar-arrow-color: #ffc107;\n        }\n        .card-content::-webkit-scrollbar-track {\n          background-color: #833900;\n        }\n        /* the new scrollbar will have a flat appearance with the set background color */\n        .card-content::-webkit-scrollbar-thumb {\n          background-color: #ffc107;\n        }\n        /* this will style the thumb, ignoring the track */\n        .card-content::-webkit-scrollbar-button {\n          background-color: #833900;\n        }\n        /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */\n        .card-content::-webkit-scrollbar-corner {\n          background-color: #833900;\n        }\n        /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner*/\n        .card-content::-webkit-scrollbar {\n          width: 10px;\n          height: 10px;\n        }\n        /* this targets the default scrollbar (compulsory) */\n        button {\n          padding: 0;\n          margin: 0;\n          min-width: 12px;\n        }\n        .project-card {\n          width: 320px;\n          margin: 0;\n          height: 100%;\n          min-height: 10em;\n        }\n        .project-card h3.header {\n          font-size: 16px;\n          word-break: break-all;\n          padding: 8px;\n          overflow: hidden;\n          margin: 0;\n        }\n        div.card {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n        .project-container {\n          padding: 16px;\n        }\n        .project-card .card-content {\n          height: 320px;\n          overflow-y: auto;\n          padding: 0;\n        }\n        .assignment-container {\n          height: 100%;\n        }\n        .project-container:hover .project-operations {\n          display: block;\n        }\n        .project-operations {\n          position: absolute;\n          top: 8px;\n          right: -20px;\n          display: none;\n          transform: scale(0.6);\n        }\n        .project-operations .operation {\n          --lrnsys-button-height: 48px;\n          display: inline-flex;\n        }\n        .project-operations .operation[hidden] {\n          display: none;\n        }\n        .assignment-row {\n          height: 40px;\n          border: 1px solid #000000;\n          background-color: #ffffff;\n        }\n        .assignment-row .assignment-row-button.active {\n          background-color: var(--paper-amber-50);\n          font-weight: bold;\n        }\n        .assignment-row-title {\n          font-size: 16px;\n          text-align: left;\n          line-height: 16px;\n          margin-top: 8px;\n          overflow: hidden;\n        }\n        .assignment-row:hover .assignment-operations {\n          display: block;\n          overflow: visible;\n        }\n        .assignment-row-button {\n          width: 100%;\n          justify-content: flex-start;\n          text-transform: none;\n        }\n        .assignment-row-button::part(lrnsys-button-inner-div) {\n          padding: 0;\n        }\n        .assignment-row-button[icon=\"assignment\"]::part(lrnsys-button-icon) {\n          --simple-icon-color: black;\n        }\n        .assignment-row-button[icon=\"assignment-late\"]::part(lrnsys-button-icon) {\n          --simple-icon-color: orangered;\n        }\n        .assignment-row-button[icon=\"done\"]::part(lrnsys-button-icon) {\n          --simple-icon-color: green;\n        }\n        .status-indicator {\n          border-right: 1px solid grey;\n          padding: 0.5em;\n          margin: 0 0.5em 0 0;\n          display: inline-flex;\n          line-height: 40px;\n          height: 40px;\n          justify-content: center;\n          align-items: center;\n        }\n        .button-contents {\n          display: flex;\n          align-content: center;\n        }\n        .assignment-operations {\n          position: absolute;\n          padding: 0;\n          display: none;\n          top: -14px;\n          right: -18px;\n          padding: 0;\n          transform: scale(0.6);\n        }\n        .assignment-operations.show {\n          display: block;\n          overflow: visible;\n        }\n        .assignment-operations .operation {\n          display: inline-flex;\n          width: 40px;\n          height: 40px;\n          margin: 10px 10px 0 0;\n        }\n        .assignment-operations .operation[hidden] {\n          display: none;\n        }\n        lrnapp-studio-project-button {\n          margin: 0em auto;\n          max-width: 10em;\n        }\n        lrnsys-button {\n          --lrnsys-button-height: 40px;\n        }\n      </style>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        auto=\"\"\n        id=\"projectbackend\"\n        url=\"[[sourcePath]]\"\n        handle-as=\"json\"\n        last-response=\"{{projectResponse}}\"\n        on-response=\"_handleProjectResponse\"\n      >\n      </iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"backend\"\n        url=\"[[sourcePath]]\"\n        params=\"\"\n        handle-as=\"json\"\n        last-response=\"{{backendResponse}}\"\n        on-response=\"_handleUpdateResponse\"\n      >\n      </iron-ajax>\n\n      <app-location\n        route=\"{{route}}\"\n        query-params=\"{{queryParams}}\"\n      ></app-location>\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/:page\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\"\n        query-params=\"{{queryParams}}\"\n      >\n      </app-route>\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      <lrnapp-studio-project-button\n        hidden$=\"[[!projectResponse.data.canCreateProjects]]\"\n        classes=\"amber darken-4 white-text\"\n        end-point=\"[[endPoint]]\"\n        csrf-token=\"[[csrfToken]]\"\n        icon=\"add\"\n      ></lrnapp-studio-project-button>\n      <div class=\"projects-window\">\n        <iron-list\n          items=\"[[_toArray(projectResponse.data.projects)]]\"\n          as=\"project\"\n          class=\"projects-container\"\n          grid=\"\"\n          mutable-data\n        >\n          <template class=\"projects-container-items\">\n            <div class=\"project-container\">\n              <div\n                id$=\"project-[[project.id]]\"\n                class=\"project-card grey lighten-3 card\"\n              >\n                <h3 class=\"header\">[[project.attributes.title]]</h3>\n                <div class=\"project-operations\">\n                  <lrnsys-button\n                    icon-class=\"no-margin\"\n                    id$=\"project-[[project.id]]-edit\"\n                    title=\"Edit project\"\n                    class=\"operation\"\n                    hover-class=\"amber lighten-2\"\n                    hidden=\"[[!project.meta.canUpdate]]\"\n                    icon=\"create\"\n                    on-click=\"_makeProjectEditLink\"\n                  >\n                  </lrnsys-button>\n                  <lrnapp-studio-assignment-button\n                    project-id=\"[[project.id]]\"\n                    icon-class=\"no-margin\"\n                    id$=\"project-[[project.id]]-add\"\n                    title=\"Add assignment\"\n                    class=\"operation\"\n                    hover-class=\"amber lighten-2\"\n                    hidden=\"[[!project.meta.canUpdate]]\"\n                    icon=\"add\"\n                    end-point=\"[[endPoint]]\"\n                    csrf-token=\"[[csrfToken]]\"\n                  >\n                  </lrnapp-studio-assignment-button>\n                  <lrnsys-button\n                    id$=\"project-[[project.id]]-delete\"\n                    title=\"Delete project!\"\n                    class=\"operation\"\n                    hover-class=\"red darken-2 white-text\"\n                    header=\"Delete project!\"\n                    hidden=\"[[!project.meta.canDelete]]\"\n                    icon=\"delete-forever\"\n                    on-click=\"_deleteProjectDialog\"\n                    icon-class=\"no-margin\"\n                  >\n                  </lrnsys-button>\n                </div>\n                <div class=\"card-content\">\n                  <iron-list\n                    items=\"[[_toArray(project.relationships.assignments)]]\"\n                    as=\"assignment\"\n                    mutable-data\n                    class=\"assignment-container\"\n                  >\n                    <template>\n                      <div class=\"assignment-row\" id=\"assignment\">\n                        <lrnsys-button\n                          id$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                          class=\"assignment-row-button\"\n                          hover-class=\"amber lighten-5\"\n                          on-click=\"assignmentClick\"\n                          icon=\"[[assignment.meta.relatedSubmissions.complete.icon]]\"\n                        >\n                          <span class=\"assignment-row-title\"\n                            >[[assignment.attributes.title]]</span\n                          >\n                        </lrnsys-button>\n                        <span class=\"assignment-operations\">\n                          <lrnsys-button\n                            id$=\"assignment-[[project.id]]-[[assignment.id]]-add-critique\"\n                            icon=\"editor:insert-comment\"\n                            title=\"Add critique\"\n                            class=\"operation\"\n                            hover-class=\"green lighten-2\"\n                            hidden=\"[[!assignment.meta.canCritique]]\"\n                            href$=\"[[assignment.meta.critiqueLink]]\"\n                            icon-class=\"no-margin\"\n                          ></lrnsys-button>\n                          <lrnsys-button\n                            id$=\"assignment-[[project.id]]-[[assignment.id]]-edit\"\n                            icon=\"editor:mode-edit\"\n                            title=\"Edit\"\n                            class=\"operation\"\n                            hover-class=\"amber lighten-2\"\n                            hidden=\"[[!assignment.meta.canUpdate]]\"\n                            on-click=\"_makeAssignmentEditLink\"\n                            icon-class=\"no-margin green-text text-darken-4\"\n                          ></lrnsys-button>\n                          <lrnsys-button\n                            id$=\"assignment-[[project.id]]-[[assignment.id]]-delete\"\n                            icon=\"delete-forever\"\n                            title=\"Delete\"\n                            class=\"operation\"\n                            hover-class=\"red darken-2 white-text\"\n                            hidden=\"[[!assignment.meta.canDelete]]\"\n                            on-click=\"_deleteAssignmentDialog\"\n                            icon-class=\"no-margin red-text text-darken-4\"\n                          ></lrnsys-button>\n                        </span>\n                      </div>\n                    </template>\n                  </iron-list>\n                </div>\n              </div>\n            </div>\n          </template>\n        </iron-list>\n      </div>\n      <paper-toast text=\"Updated\" id=\"toast\"></paper-toast>\n      <paper-dialog id=\"delete\" modal=\"\">\n        <h3>[[_deleteTitle]]</h3>\n        <p>[[_deleteText]]</p>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Decline</button>\n          <button\n            id=\"deleteaccept\"\n            on-click=\"_handleDelete\"\n            dialog-confirm=\"\"\n            autofocus=\"\"\n          >\n            Accept\n          </button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"activeitemcontainer\" with-backdrop>\n        <div id=\"activecontent\">\n          <app-header reveals>\n            <app-toolbar\n              class$=\"[[activeAssignmentNode.meta.relatedSubmissions.complete.color]]\"\n            >\n              <div>\n                <simple-icon\n                  icon=\"[[activeAssignmentNode.meta.relatedSubmissions.complete.icon]]\"\n                  disabled$=\"[[!activeAssignmentNode.meta.relatedSubmissions.canCreate]]\"\n                ></simple-icon>\n                [[activeAssignmentNode.meta.relatedSubmissions.complete.submission.title]]\n              </div>\n              <div\n                spacer=\"\"\n                class=\"comment-box\"\n                hidden$=\"[[!activeAssignmentNode.meta.relatedSubmissions.complete.submission.id]]\"\n              >\n                <div\n                  id$=\"assignment-[[activeAssignmentNode.relationships.project.data.id]]-[[activeAssignmentNode.id]]-comments\"\n                  style=\"margin:0;padding:.25em;text-transform:none;\"\n                >\n                  <simple-icon icon=\"communication:forum\"></simple-icon>\n                  [[activeAssignmentNode.meta.relatedSubmissions.complete.submission.meta.comments.count]]\n                  Comments\n                </div>\n                <paper-badge\n                  hidden$=\"[[displayNewBadge(activeAssignmentNode.meta.relatedSubmissions.complete.submission.meta.new)]]\"\n                  for$=\"assignment-[[activeAssignmentNode.relationships.project.data.id]]-[[activeAssignmentNode.id]]-comments\"\n                  label$=\"[[activeAssignmentNode.meta.relatedSubmissions.complete.submission.meta.comments.new]]\"\n                ></paper-badge>\n              </div>\n\n              <lrnapp-studio-submission-button\n                spacer\n                auto\n                assignment-id=\"[[activeAssignmentNode.id]]\"\n                submission=\"{{submission}}\"\n                end-point=\"[[buildSubmissionPath(basePath)]]\"\n                csrf-token=\"[[csrfToken]]\"\n                submission-id=\"[[activeAssignmentNode.meta.relatedSubmissions.complete.submission.id]]\"\n              ></lrnapp-studio-submission-button>\n              <paper-toggle-button\n                id=\"activetoggle\"\n                on-click=\"statusToggle\"\n              ></paper-toggle-button>\n              <span id=\"activetoggletext\"></span>\n            </app-toolbar>\n            <div class=\"status-rationale\">\n              [[activeAssignmentNode.meta.relatedSubmissions.complete.rationale.text]]\n            </div>\n          </app-header>\n          <lrnsys-render-html\n            style=\"padding:2em;\"\n            html=\"[[activeAssignmentNode.attributes.body]]\"\n          ></lrnsys-render-html>\n        </div>\n      </paper-dialog>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-project-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-project-button.js
index 6c4cfaefe01..4577470878f 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-project-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-kanban/lrnapp-studio-project-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioProjectButton = void 0;
 
-  var _templateObject_f349a1e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca41ed901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -112,7 +112,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f349a1e01f0511ed8cc3e9a95995ad69 || (_templateObject_f349a1e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"[[createProjectsUrl]]\">\n        <lrnsys-button\n          class$=\"[[classes]]\"\n          button-class$=\"[[classes]]\"\n          icon=\"[[icon]]\"\n          on-click=\"_createProject\"\n          label=\"Create project\"\n        ></lrnsys-button>\n        <iron-ajax\n        reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n          id=\"ajaxCreateStub\"\n          url=\"[[createProjectsUrl]]\"\n          method=\"POST\"\n          handle-as=\"json\"\n          on-response=\"_ajaxCreateStubHandler\"\n        ></iron-ajax>\n      </template>\n      <template is=\"dom-if\" if=\"[[displayErrors]]\">\n        <paper-toast id=\"toast\"></paper-toast>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca41ed901f2611eda0c389891c227ec8 || (_templateObject_ca41ed901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"[[createProjectsUrl]]\">\n        <lrnsys-button\n          class$=\"[[classes]]\"\n          button-class$=\"[[classes]]\"\n          icon=\"[[icon]]\"\n          on-click=\"_createProject\"\n          label=\"Create project\"\n        ></lrnsys-button>\n        <iron-ajax\n        reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n          id=\"ajaxCreateStub\"\n          url=\"[[createProjectsUrl]]\"\n          method=\"POST\"\n          handle-as=\"json\"\n          on-response=\"_ajaxCreateStubHandler\"\n        ></iron-ajax>\n      </template>\n      <template is=\"dom-if\" if=\"[[displayErrors]]\">\n        <paper-toast id=\"toast\"></paper-toast>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-block.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-block.js
index 92140436418..7b47a592e28 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-block.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-block.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioBlock = void 0;
 
-  var _templateObject_f3511bf01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca49dcd01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -25,7 +25,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     babelHelpers.createClass(LrnappStudioBlock, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f3511bf01f0511ed8cc3e9a95995ad69 || (_templateObject_f3511bf01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          font-size: 12px;\n        }\n        .studio-block__header {\n          padding: 16px;\n          display: flex;\n          align-items: center;\n          justify-content: flex-start;\n          border: 1px solid lightgray;\n          border-bottom: none;\n        }\n        .studio-block__content {\n          padding: 0 16px;\n          border: 1px solid lightgray;\n        }\n        .studio-block__icon-wrapper {\n          width: 32px;\n        }\n        .studio-block__header h3 {\n          margin: 0;\n          font-style: none;\n          font-size: inherit;\n        }\n      </style>\n      <div class=\"studio-block__header\">\n        <div class=\"studio-block__icon-wrapper\">\n          <simple-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></simple-icon>\n        </div>\n        <h3 hidden$=\"[[!title]]\">[[title]]</h3>\n      </div>\n      <div class=\"studio-block__content\"><slot></slot></div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca49dcd01f2611eda0c389891c227ec8 || (_templateObject_ca49dcd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          font-size: 12px;\n        }\n        .studio-block__header {\n          padding: 16px;\n          display: flex;\n          align-items: center;\n          justify-content: flex-start;\n          border: 1px solid lightgray;\n          border-bottom: none;\n        }\n        .studio-block__content {\n          padding: 0 16px;\n          border: 1px solid lightgray;\n        }\n        .studio-block__icon-wrapper {\n          width: 32px;\n        }\n        .studio-block__header h3 {\n          margin: 0;\n          font-style: none;\n          font-size: inherit;\n        }\n      </style>\n      <div class=\"studio-block__header\">\n        <div class=\"studio-block__icon-wrapper\">\n          <simple-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></simple-icon>\n        </div>\n        <h3 hidden$=\"[[!title]]\">[[title]]</h3>\n      </div>\n      <div class=\"studio-block__content\"><slot></slot></div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-button.js
index 4779a1779b0..cc431f99d08 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionButton = void 0;
 
-  var _templateObject_f3533ed01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca4c74e01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -108,7 +108,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f3533ed01f0511ed8cc3e9a95995ad69 || (_templateObject_f3533ed01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        lrnsys-button {\n          border: 2px solid black;\n          --lrnsys-button-height: auto;\n          background-color: lightgray;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"[[!submissionId]]\">\n        <lrnsys-button\n          on-click=\"_createSubmission\"\n          label=\"Create submission\"\n        ></lrnsys-button>\n        <iron-ajax\n        reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n          id=\"ajaxCreateStub\"\n          url=\"[[endPoint]]/api/submissions/create-stub?token=[[csrfToken]]\"\n          method=\"POST\"\n          body=\"[[assignmentId]]\"\n          handle-as=\"json\"\n          on-response=\"_ajaxCreateStubHandler\"\n        ></iron-ajax>\n      </template>\n      <template is=\"dom-if\" if=\"[[submissionId]]\">\n        <lrnsys-button\n          label=\"View submission\"\n          show-href=\"[[_submissionUrl(submissionId)]]\"\n          href=\"[[_submissionUrl(submissionId)]]\"\n        ></lrnsys-button>\n      </template>\n      <template is=\"dom-if\" if=\"[[displayErrors]]\">\n        <paper-toast id=\"toast\"></paper-toast>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca4c74e01f2611eda0c389891c227ec8 || (_templateObject_ca4c74e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        lrnsys-button {\n          border: 2px solid black;\n          --lrnsys-button-height: auto;\n          background-color: lightgray;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"[[!submissionId]]\">\n        <lrnsys-button\n          on-click=\"_createSubmission\"\n          label=\"Create submission\"\n        ></lrnsys-button>\n        <iron-ajax\n        reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n          id=\"ajaxCreateStub\"\n          url=\"[[endPoint]]/api/submissions/create-stub?token=[[csrfToken]]\"\n          method=\"POST\"\n          body=\"[[assignmentId]]\"\n          handle-as=\"json\"\n          on-response=\"_ajaxCreateStubHandler\"\n        ></iron-ajax>\n      </template>\n      <template is=\"dom-if\" if=\"[[submissionId]]\">\n        <lrnsys-button\n          label=\"View submission\"\n          show-href=\"[[_submissionUrl(submissionId)]]\"\n          href=\"[[_submissionUrl(submissionId)]]\"\n        ></lrnsys-button>\n      </template>\n      <template is=\"dom-if\" if=\"[[displayErrors]]\">\n        <paper-toast id=\"toast\"></paper-toast>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-comment.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-comment.js
index d3cf0734fec..37c6b9b3a97 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-comment.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-comment.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionComment = void 0;
 
-  var _templateObject_f35561b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca4e97c01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -53,7 +53,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f35561b01f0511ed8cc3e9a95995ad69 || (_templateObject_f35561b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n        }\n        div.card {\n          margin: 20px;\n          padding: 16px;\n        }\n        h1,\n        h2,\n        h3,\n        h4 {\n          text-align: left;\n        }\n        p {\n          font-size: 14px;\n          line-height: 18px;\n          text-align: left;\n        }\n        .nowrap p {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n        .right-actions {\n          float: right;\n        }\n        .card-length-1 {\n          width: 85%;\n          margin-bottom: 8px;\n        }\n        .card-length-2 {\n          width: 81%;\n          margin-top: 0;\n          margin-bottom: 8px;\n        }\n        .card-length-3 {\n          width: 77%;\n          margin-top: 0;\n          margin-bottom: 8px;\n        }\n        .comment-depth-2 {\n          margin: 8px;\n        }\n        .comment-depth-3 {\n          margin: 16px;\n        }\n        .comment-depth-4 {\n          margin: 16px;\n        }\n        .comment-depth-5 {\n          margin: 16px;\n        }\n        .comment-depth-6 {\n          margin: 16px;\n        }\n        @media (max-width: 800px) {\n          .comment-depth-2,\n          .comment-depth-3,\n          .comment-depth-4,\n          .comment-depth-5,\n          .comment-depth-6 {\n            margin: 0;\n          }\n        }\n        .center {\n          padding: 0;\n        }\n      </style>\n      <div class$=\"center comment-depth-[[comment.attributes.threadDepth]]\">\n        <lrndesign-avatar\n          label=\"[[comment.relationships.author.data.name]]\"\n          class=\"float-left\"\n        ></lrndesign-avatar>\n      </div>\n      <div class$=\"card card-length-[[comment.attributes.threadDepth]]\">\n        <div id=\"body\" class=\"comment-body nowrap\">\n          <h4>\n            [[comment.relationships.author.data.name]]\n            <span class=\"grey-said\"> said:</span>\n          </h4>\n          <word-count>[[comment.attributes.body]]</word-count>\n        </div>\n        <div class$=\"card-actions\">\n          <simple-icon-button\n            class=\"right-actions\"\n            id=\"reply\"\n            icon=\"icons:reply\"\n          ></simple-icon-button>\n          <simple-tooltip for=\"reply\" animation-delay=\"0\">Reply</simple-tooltip>\n          <simple-icon-button\n            class=\"right-actions\"\n            id=\"edit\"\n            icon=\"icons:create\"\n          ></simple-icon-button>\n          <simple-tooltip for=\"edit\" animation-delay=\"0\">Edit</simple-tooltip>\n          <simple-icon-button\n            class=\"right-actions\"\n            id=\"delete\"\n            icon=\"icons:delete-forever\"\n          ></simple-icon-button>\n          <simple-tooltip for=\"delete\" animation-delay=\"0\"\n            >Delete</simple-tooltip\n          >\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca4e97c01f2611eda0c389891c227ec8 || (_templateObject_ca4e97c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n        }\n        div.card {\n          margin: 20px;\n          padding: 16px;\n        }\n        h1,\n        h2,\n        h3,\n        h4 {\n          text-align: left;\n        }\n        p {\n          font-size: 14px;\n          line-height: 18px;\n          text-align: left;\n        }\n        .nowrap p {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n        .right-actions {\n          float: right;\n        }\n        .card-length-1 {\n          width: 85%;\n          margin-bottom: 8px;\n        }\n        .card-length-2 {\n          width: 81%;\n          margin-top: 0;\n          margin-bottom: 8px;\n        }\n        .card-length-3 {\n          width: 77%;\n          margin-top: 0;\n          margin-bottom: 8px;\n        }\n        .comment-depth-2 {\n          margin: 8px;\n        }\n        .comment-depth-3 {\n          margin: 16px;\n        }\n        .comment-depth-4 {\n          margin: 16px;\n        }\n        .comment-depth-5 {\n          margin: 16px;\n        }\n        .comment-depth-6 {\n          margin: 16px;\n        }\n        @media (max-width: 800px) {\n          .comment-depth-2,\n          .comment-depth-3,\n          .comment-depth-4,\n          .comment-depth-5,\n          .comment-depth-6 {\n            margin: 0;\n          }\n        }\n        .center {\n          padding: 0;\n        }\n      </style>\n      <div class$=\"center comment-depth-[[comment.attributes.threadDepth]]\">\n        <lrndesign-avatar\n          label=\"[[comment.relationships.author.data.name]]\"\n          class=\"float-left\"\n        ></lrndesign-avatar>\n      </div>\n      <div class$=\"card card-length-[[comment.attributes.threadDepth]]\">\n        <div id=\"body\" class=\"comment-body nowrap\">\n          <h4>\n            [[comment.relationships.author.data.name]]\n            <span class=\"grey-said\"> said:</span>\n          </h4>\n          <word-count>[[comment.attributes.body]]</word-count>\n        </div>\n        <div class$=\"card-actions\">\n          <simple-icon-button\n            class=\"right-actions\"\n            id=\"reply\"\n            icon=\"icons:reply\"\n          ></simple-icon-button>\n          <simple-tooltip for=\"reply\" animation-delay=\"0\">Reply</simple-tooltip>\n          <simple-icon-button\n            class=\"right-actions\"\n            id=\"edit\"\n            icon=\"icons:create\"\n          ></simple-icon-button>\n          <simple-tooltip for=\"edit\" animation-delay=\"0\">Edit</simple-tooltip>\n          <simple-icon-button\n            class=\"right-actions\"\n            id=\"delete\"\n            icon=\"icons:delete-forever\"\n          ></simple-icon-button>\n          <simple-tooltip for=\"delete\" animation-delay=\"0\"\n            >Delete</simple-tooltip\n          >\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-comments.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-comments.js
index eb16703da4f..a382448f843 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-comments.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-comments.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionComments = void 0;
 
-  var _templateObject_f3569a301f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca4ff7501f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -40,7 +40,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f3569a301f0511ed8cc3e9a95995ad69 || (_templateObject_f3569a301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"[[submission.relationships.comments]]\">\n        <template\n          is=\"dom-repeat\"\n          items=\"[[_toArray(submission.relationships.comments.data)]]\"\n          as=\"comment\"\n        >\n          <lrnapp-studio-submission-comment\n            comment=\"{{comment}}\"\n          ></lrnapp-studio-submission-comment>\n        </template>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca4ff7501f2611eda0c389891c227ec8 || (_templateObject_ca4ff7501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"[[submission.relationships.comments]]\">\n        <template\n          is=\"dom-repeat\"\n          items=\"[[_toArray(submission.relationships.comments.data)]]\"\n          as=\"comment\"\n        >\n          <lrnapp-studio-submission-comment\n            comment=\"{{comment}}\"\n          ></lrnapp-studio-submission-comment>\n        </template>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-critique-panel.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-critique-panel.js
index 1fa35dc76b0..f237e816c8d 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-critique-panel.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-critique-panel.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionCritiquePanel = void 0;
 
-  var _templateObject_f35820d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca517df01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -59,7 +59,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f35820d01f0511ed8cc3e9a95995ad69 || (_templateObject_f35820d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        .field {\n          padding-top: 32px;\n          padding-bottom: 32px;\n        }\n\n        .actions {\n          display: flex;\n          border-top: 2px solid gainsboro;\n          margin-top: 16px;\n          font-size: 14px;\n        }\n\n        .actions .spacer {\n          flex: 1 1 auto;\n        }\n\n        .submission-critique-outline + .submission-critique-outline {\n          margin-top: 16px;\n        }\n\n        :host([edit])\n          .submission-critique-outline--feedback\n          lrnapp-studio-block {\n          padding: 0;\n        }\n      </style>\n      <!-- Body -->\n      <div class=\"field\">\n        <div class=\"submission-critique-outline\">\n          <lrnapp-studio-block title=\"Directions\" icon=\"info-outline\">\n            <marked-element\n              markdown=\"[[submission.relationships.assignment.attributes.critiqueOutline]]\"\n            ></marked-element>\n          </lrnapp-studio-block>\n        </div>\n        <div\n          class=\"submission-critique-outline submission-critique-outline--feedback\"\n        >\n          <lrnapp-studio-block title=\"Feedback\" icon=\"communication:comment\">\n            <template is=\"dom-if\" if=\"[[edit]]\">\n              <lrnapp-studio-submission-edit-textarea\n                content=\"{{submission.attributes.body}}\"\n              ></lrnapp-studio-submission-edit-textarea>\n            </template>\n            <template is=\"dom-if\" if=\"[[!edit]]\">\n              <marked-element\n                markdown=\"{{submission.attributes.body}}\"\n              ></marked-element>\n            </template>\n          </lrnapp-studio-block>\n        </div>\n      </div>\n      <template is=\"dom-if\" if=\"[[edit]]\">\n        <div class=\"actions\">\n          <lrnsys-button\n            id=\"publish\"\n            icon=\"check\"\n            label=\"Publish Feedback\"\n            on-click=\"_publishClicked\"\n            hover-class=\"amber lighten-5 green-text text-darken-4\"\n            icon-class=\"green-text\"\n          ></lrnsys-button>\n          <lrnsys-button\n            id=\"save-draft\"\n            icon=\"drafts\"\n            label=\"Save Draft\"\n            on-click=\"_saveDraftClicked\"\n            hover-class=\"amber lighten-5 amber-text text-darken-4\"\n            icon-class=\"amber-text text-darken-4\"\n          ></lrnsys-button>\n          <span class=\"spacer\"></span>\n          <lrnsys-button\n            id=\"delete\"\n            label=\"Delete Feedback\"\n            icon=\"delete\"\n            on-click=\"_deleteClicked\"\n            hover-class=\"amber lighten-5 red-text\"\n            icon-class=\"red-text text-darken-4\"\n          >\n          </lrnsys-button>\n        </div>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca517df01f2611eda0c389891c227ec8 || (_templateObject_ca517df01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        .field {\n          padding-top: 32px;\n          padding-bottom: 32px;\n        }\n\n        .actions {\n          display: flex;\n          border-top: 2px solid gainsboro;\n          margin-top: 16px;\n          font-size: 14px;\n        }\n\n        .actions .spacer {\n          flex: 1 1 auto;\n        }\n\n        .submission-critique-outline + .submission-critique-outline {\n          margin-top: 16px;\n        }\n\n        :host([edit])\n          .submission-critique-outline--feedback\n          lrnapp-studio-block {\n          padding: 0;\n        }\n      </style>\n      <!-- Body -->\n      <div class=\"field\">\n        <div class=\"submission-critique-outline\">\n          <lrnapp-studio-block title=\"Directions\" icon=\"info-outline\">\n            <marked-element\n              markdown=\"[[submission.relationships.assignment.attributes.critiqueOutline]]\"\n            ></marked-element>\n          </lrnapp-studio-block>\n        </div>\n        <div\n          class=\"submission-critique-outline submission-critique-outline--feedback\"\n        >\n          <lrnapp-studio-block title=\"Feedback\" icon=\"communication:comment\">\n            <template is=\"dom-if\" if=\"[[edit]]\">\n              <lrnapp-studio-submission-edit-textarea\n                content=\"{{submission.attributes.body}}\"\n              ></lrnapp-studio-submission-edit-textarea>\n            </template>\n            <template is=\"dom-if\" if=\"[[!edit]]\">\n              <marked-element\n                markdown=\"{{submission.attributes.body}}\"\n              ></marked-element>\n            </template>\n          </lrnapp-studio-block>\n        </div>\n      </div>\n      <template is=\"dom-if\" if=\"[[edit]]\">\n        <div class=\"actions\">\n          <lrnsys-button\n            id=\"publish\"\n            icon=\"check\"\n            label=\"Publish Feedback\"\n            on-click=\"_publishClicked\"\n            hover-class=\"amber lighten-5 green-text text-darken-4\"\n            icon-class=\"green-text\"\n          ></lrnsys-button>\n          <lrnsys-button\n            id=\"save-draft\"\n            icon=\"drafts\"\n            label=\"Save Draft\"\n            on-click=\"_saveDraftClicked\"\n            hover-class=\"amber lighten-5 amber-text text-darken-4\"\n            icon-class=\"amber-text text-darken-4\"\n          ></lrnsys-button>\n          <span class=\"spacer\"></span>\n          <lrnsys-button\n            id=\"delete\"\n            label=\"Delete Feedback\"\n            icon=\"delete\"\n            on-click=\"_deleteClicked\"\n            hover-class=\"amber lighten-5 red-text\"\n            icon-class=\"red-text text-darken-4\"\n          >\n          </lrnsys-button>\n        </div>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-critique.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-critique.js
index 64830d0dea4..3c7a5e75589 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-critique.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-critique.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionCritique = void 0;
 
-  var _templateObject_f35980601f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca5304901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -40,7 +40,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f35980601f0511ed8cc3e9a95995ad69 || (_templateObject_f35980601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        .submission-critique {\n          display: flex;\n          justify-content: space-around;\n        }\n\n        .submission-critique-panel {\n          flex: 1 1 auto;\n          width: 100%;\n          flex-wrap: nowrap;\n          margin: 0.3em;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"{{submission}}\">\n        <template is=\"dom-if\" if=\"[[!edit]]\">\n          <div class=\"submission-critique\">\n            <!-- critique panel -->\n            <div class=\"submission-critique-panel\" id=\"crititque-panel\">\n              <lrnapp-studio-submission-display\n                submission=\"[[submission.relationships.relatedSubmission]]\"\n              ></lrnapp-studio-submission-display>\n            </div>\n            <!-- critique panel -->\n            <div class=\"submission-critique-panel\">\n              <lrnapp-studio-submission-critique-panel\n                submission=\"[[submission]]\"\n                edit=\"[[edit]]\"\n              ></lrnapp-studio-submission-critique-panel>\n            </div>\n          </div>\n        </template>\n        <template is=\"dom-if\" if=\"[[edit]]\">\n          <vaadin-split-layout class=\"submission-critique\">\n            <!-- critique panel -->\n            <div class=\"submission-critique-panel\" id=\"crititque-panel\">\n              <lrnapp-studio-submission-display\n                submission=\"[[submission.relationships.relatedSubmission]]\"\n              ></lrnapp-studio-submission-display>\n            </div>\n            <!-- critique panel -->\n            <div class=\"submission-critique-panel\">\n              <lrnapp-studio-submission-critique-panel\n                submission=\"{{submission}}\"\n                edit=\"[[edit]]\"\n              ></lrnapp-studio-submission-critique-panel>\n            </div>\n          </vaadin-split-layout>\n        </template>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca5304901f2611eda0c389891c227ec8 || (_templateObject_ca5304901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        .submission-critique {\n          display: flex;\n          justify-content: space-around;\n        }\n\n        .submission-critique-panel {\n          flex: 1 1 auto;\n          width: 100%;\n          flex-wrap: nowrap;\n          margin: 0.3em;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"{{submission}}\">\n        <template is=\"dom-if\" if=\"[[!edit]]\">\n          <div class=\"submission-critique\">\n            <!-- critique panel -->\n            <div class=\"submission-critique-panel\" id=\"crititque-panel\">\n              <lrnapp-studio-submission-display\n                submission=\"[[submission.relationships.relatedSubmission]]\"\n              ></lrnapp-studio-submission-display>\n            </div>\n            <!-- critique panel -->\n            <div class=\"submission-critique-panel\">\n              <lrnapp-studio-submission-critique-panel\n                submission=\"[[submission]]\"\n                edit=\"[[edit]]\"\n              ></lrnapp-studio-submission-critique-panel>\n            </div>\n          </div>\n        </template>\n        <template is=\"dom-if\" if=\"[[edit]]\">\n          <vaadin-split-layout class=\"submission-critique\">\n            <!-- critique panel -->\n            <div class=\"submission-critique-panel\" id=\"crititque-panel\">\n              <lrnapp-studio-submission-display\n                submission=\"[[submission.relationships.relatedSubmission]]\"\n              ></lrnapp-studio-submission-display>\n            </div>\n            <!-- critique panel -->\n            <div class=\"submission-critique-panel\">\n              <lrnapp-studio-submission-critique-panel\n                submission=\"{{submission}}\"\n                edit=\"[[edit]]\"\n              ></lrnapp-studio-submission-critique-panel>\n            </div>\n          </vaadin-split-layout>\n        </template>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-display.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-display.js
index 97235c7ea49..b6db95aab74 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-display.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-display.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionDisplay = void 0;
 
-  var _templateObject_f35c8da01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca5638e01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -134,7 +134,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f35c8da01f0511ed8cc3e9a95995ad69 || (_templateObject_f35c8da01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        [hidden] {\n          display: none !important;\n        }\n        :host {\n          display: block;\n        }\n        p {\n          font-size: 14px;\n          line-height: 18px;\n        }\n        h1,\n        h2,\n        h3 {\n          margin: 0;\n          text-align: left;\n        }\n        iron-selector {\n          line-height: 1em;\n        }\n        iron-selector lrnsys-button {\n          display: inline-flex;\n        }\n        marked-element {\n          display: block;\n          margin: 0 5em 0 5em;\n        }\n        img.image {\n          margin: 0 0.5em;\n        }\n        lrnsys-dialog {\n          display: inline;\n        }\n        .contain {\n          width: 10em;\n          height: 10em;\n          background: #ddd;\n        }\n        .center {\n          margin: auto;\n          width: 100%;\n        }\n        .title {\n          color: #222;\n          font-size: 2rem;\n          font-weight: 600;\n          line-height: 2.5rem;\n          padding: 0.25rem 0;\n          white-space: nowrap;\n          overflow-x: hidden;\n          text-overflow: ellipsis;\n          margin-top: 1rem;\n          text-align: center;\n        }\n        .author {\n          color: #555;\n          font-size: 1rem;\n          font-weight: 500;\n          font-style: normal;\n          line-height: 1rem;\n          padding: 0.25rem 0 0.5rem 0;\n          margin: 0;\n          text-transform: capitalize;\n        }\n        .date {\n          color: #555;\n          font-size: 16px;\n          font-style: normal;\n          padding: 0.25rem 0 0.5rem 0;\n          margin: 0;\n        }\n        .flex-wrap {\n          display: flex;\n        }\n        .submission-page-card {\n          margin: 0;\n          padding: 16px;\n        }\n        :host([edit-page]) .submission-page {\n          width: 100%;\n        }\n        .image-dialog-header {\n          display: flex;\n        }\n        app-toolbar {\n          width: 36em;\n          background: #ddd;\n        }\n        lrnsys-button {\n          padding: 0.75em;\n        }\n        .top {\n          top: 8em;\n        }\n        div.card {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n      </style>\n      <div class=\"submission-page\">\n        <div class=\"submission-page-card ferpa-protect card\">\n          <div class=\"card-content\">\n            <lrndesign-avatar\n              class=\"center\"\n              label=\"[[submission.relationships.author.data.name]]\"\n              src=\"[[submission.relationships.author.data.avatar]]\"\n            ></lrndesign-avatar>\n            <div class=\"author center\">\n              [[submission.relationships.author.data.display_name]]\n            </div>\n            <h2 class=\"title center\">[[submission.attributes.title]]</h2>\n            <div class=\"date center\">\n              Created: [[date(submission.meta.created)]]\n            </div>\n            <div class=\"date center\">\n              Last updated: [[date(submission.meta.changed)]]\n            </div>\n            <!-- ----- Text Submission ----- -->\n            <word-count>\n              <marked-element id=\"markedarea\"> </marked-element>\n            </word-count>\n            <!-- ----- Images Submission ----- -->\n            <template is=\"dom-if\" if=\"[[submission.attributes.images]]\">\n              <lrndesign-contentblock class=\"center\">\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[_toArray(submission.attributes.images)]]\"\n                  as=\"image\"\n                >\n                  <lrnsys-dialog alt=\"View Image\">\n                    <div class=\"image-dialog-header\"></div>\n                    <span slot=\"button\">\n                      <img\n                        style=\"width:200px; height:200px; background-color: lightgray;\"\n                        class=\"contain image\"\n                        src$=\"[[_getImageThumbnail(image)]]\"\n                        loading=\"lazy\"\n                      />\n                    </span>\n                    <div style=\"text-align: center;\">\n                      <div hidden$=\"[[_isGif(image)]]\">\n                        <image-inspector src$=\"[[_getImageUrl(image)]]\">\n                          <span slot=\"toolbar\" style=\"display: inline-flex;\">\n                            <lrnsys-button\n                              alt=\"Download all images\"\n                              icon=\"icons:file-download\"\n                              href=\"[[submission.attributes.download_files]]\"\n                              target=\"_blank\"\n                            ></lrnsys-button>\n                          </span>\n                        </image-inspector>\n                      </div>\n                      <div hidden$=\"[[!_isGif(image)]]\">\n                        <lrnsys-button\n                          alt=\"Download all images\"\n                          icon=\"icons:file-download\"\n                          href=\"[[submission.attributes.download_files]]\"\n                          target=\"_blank\"\n                        ></lrnsys-button>\n                        <img\n                          style=\"width:500px; height:500px; background-color: lightgray;\"\n                          class=\"contain image\"\n                          src$=\"[[_getImageUrl(image)]]\"\n                          loading=\"lazy\"\n                        />\n                      </div>\n                    </div>\n                  </lrnsys-dialog>\n                </template>\n              </lrndesign-contentblock>\n            </template>\n            <!-- ----- Video Submission ----- -->\n            <template is=\"dom-if\" if=\"[[submission.attributes.video]]\">\n              <lrndesign-contentblock class=\"center\">\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[_toArray(submission.attributes.video)]]\"\n                  as=\"video\"\n                >\n                  <iframe\n                    width=\"460\"\n                    height=\"249\"\n                    src=\"[[video.video_src]]\"\n                  ></iframe>\n                </template>\n              </lrndesign-contentblock>\n            </template>\n            <!-- ----- Links Submission ----- -->\n            <template is=\"dom-if\" if=\"[[submission.attributes.links]]\">\n              <lrndesign-contentblock>\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[_toArray(submission.attributes.links)]]\"\n                  as=\"link\"\n                >\n                  <p>\n                    <strong>[[link.title]]:</strong>\n                    <a class=\"link\" href=\"[[link.url]]\" target=\"_blank\"\n                      >[[link.url]]</a\n                    >\n                  </p>\n                </template>\n              </lrndesign-contentblock>\n            </template>\n            <!-- ----- Files Submission ----- -->\n            <template is=\"dom-if\" if=\"[[submission.attributes.files]]\">\n              <lrndesign-contentblock title=\"Files Submitted\">\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[_toArray(submission.attributes.files)]]\"\n                  as=\"file\"\n                >\n                  <p>\n                    <strong>[[file.filename]]:</strong>\n                    <a class=\"link\" href=\"[[file.url]]\" target=\"_blank\"\n                      >[[file.url]]</a\n                    >\n                  </p>\n                </template>\n              </lrndesign-contentblock>\n            </template>\n          </div>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca5638e01f2611eda0c389891c227ec8 || (_templateObject_ca5638e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        [hidden] {\n          display: none !important;\n        }\n        :host {\n          display: block;\n        }\n        p {\n          font-size: 14px;\n          line-height: 18px;\n        }\n        h1,\n        h2,\n        h3 {\n          margin: 0;\n          text-align: left;\n        }\n        iron-selector {\n          line-height: 1em;\n        }\n        iron-selector lrnsys-button {\n          display: inline-flex;\n        }\n        marked-element {\n          display: block;\n          margin: 0 5em 0 5em;\n        }\n        img.image {\n          margin: 0 0.5em;\n        }\n        lrnsys-dialog {\n          display: inline;\n        }\n        .contain {\n          width: 10em;\n          height: 10em;\n          background: #ddd;\n        }\n        .center {\n          margin: auto;\n          width: 100%;\n        }\n        .title {\n          color: #222;\n          font-size: 2rem;\n          font-weight: 600;\n          line-height: 2.5rem;\n          padding: 0.25rem 0;\n          white-space: nowrap;\n          overflow-x: hidden;\n          text-overflow: ellipsis;\n          margin-top: 1rem;\n          text-align: center;\n        }\n        .author {\n          color: #555;\n          font-size: 1rem;\n          font-weight: 500;\n          font-style: normal;\n          line-height: 1rem;\n          padding: 0.25rem 0 0.5rem 0;\n          margin: 0;\n          text-transform: capitalize;\n        }\n        .date {\n          color: #555;\n          font-size: 16px;\n          font-style: normal;\n          padding: 0.25rem 0 0.5rem 0;\n          margin: 0;\n        }\n        .flex-wrap {\n          display: flex;\n        }\n        .submission-page-card {\n          margin: 0;\n          padding: 16px;\n        }\n        :host([edit-page]) .submission-page {\n          width: 100%;\n        }\n        .image-dialog-header {\n          display: flex;\n        }\n        app-toolbar {\n          width: 36em;\n          background: #ddd;\n        }\n        lrnsys-button {\n          padding: 0.75em;\n        }\n        .top {\n          top: 8em;\n        }\n        div.card {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n      </style>\n      <div class=\"submission-page\">\n        <div class=\"submission-page-card ferpa-protect card\">\n          <div class=\"card-content\">\n            <lrndesign-avatar\n              class=\"center\"\n              label=\"[[submission.relationships.author.data.name]]\"\n              src=\"[[submission.relationships.author.data.avatar]]\"\n            ></lrndesign-avatar>\n            <div class=\"author center\">\n              [[submission.relationships.author.data.display_name]]\n            </div>\n            <h2 class=\"title center\">[[submission.attributes.title]]</h2>\n            <div class=\"date center\">\n              Created: [[date(submission.meta.created)]]\n            </div>\n            <div class=\"date center\">\n              Last updated: [[date(submission.meta.changed)]]\n            </div>\n            <!-- ----- Text Submission ----- -->\n            <word-count>\n              <marked-element id=\"markedarea\"> </marked-element>\n            </word-count>\n            <!-- ----- Images Submission ----- -->\n            <template is=\"dom-if\" if=\"[[submission.attributes.images]]\">\n              <lrndesign-contentblock class=\"center\">\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[_toArray(submission.attributes.images)]]\"\n                  as=\"image\"\n                >\n                  <lrnsys-dialog alt=\"View Image\">\n                    <div class=\"image-dialog-header\"></div>\n                    <span slot=\"button\">\n                      <img\n                        style=\"width:200px; height:200px; background-color: lightgray;\"\n                        class=\"contain image\"\n                        src$=\"[[_getImageThumbnail(image)]]\"\n                        loading=\"lazy\"\n                      />\n                    </span>\n                    <div style=\"text-align: center;\">\n                      <div hidden$=\"[[_isGif(image)]]\">\n                        <image-inspector src$=\"[[_getImageUrl(image)]]\">\n                          <span slot=\"toolbar\" style=\"display: inline-flex;\">\n                            <lrnsys-button\n                              alt=\"Download all images\"\n                              icon=\"icons:file-download\"\n                              href=\"[[submission.attributes.download_files]]\"\n                              target=\"_blank\"\n                            ></lrnsys-button>\n                          </span>\n                        </image-inspector>\n                      </div>\n                      <div hidden$=\"[[!_isGif(image)]]\">\n                        <lrnsys-button\n                          alt=\"Download all images\"\n                          icon=\"icons:file-download\"\n                          href=\"[[submission.attributes.download_files]]\"\n                          target=\"_blank\"\n                        ></lrnsys-button>\n                        <img\n                          style=\"width:500px; height:500px; background-color: lightgray;\"\n                          class=\"contain image\"\n                          src$=\"[[_getImageUrl(image)]]\"\n                          loading=\"lazy\"\n                        />\n                      </div>\n                    </div>\n                  </lrnsys-dialog>\n                </template>\n              </lrndesign-contentblock>\n            </template>\n            <!-- ----- Video Submission ----- -->\n            <template is=\"dom-if\" if=\"[[submission.attributes.video]]\">\n              <lrndesign-contentblock class=\"center\">\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[_toArray(submission.attributes.video)]]\"\n                  as=\"video\"\n                >\n                  <iframe\n                    width=\"460\"\n                    height=\"249\"\n                    src=\"[[video.video_src]]\"\n                  ></iframe>\n                </template>\n              </lrndesign-contentblock>\n            </template>\n            <!-- ----- Links Submission ----- -->\n            <template is=\"dom-if\" if=\"[[submission.attributes.links]]\">\n              <lrndesign-contentblock>\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[_toArray(submission.attributes.links)]]\"\n                  as=\"link\"\n                >\n                  <p>\n                    <strong>[[link.title]]:</strong>\n                    <a class=\"link\" href=\"[[link.url]]\" target=\"_blank\"\n                      >[[link.url]]</a\n                    >\n                  </p>\n                </template>\n              </lrndesign-contentblock>\n            </template>\n            <!-- ----- Files Submission ----- -->\n            <template is=\"dom-if\" if=\"[[submission.attributes.files]]\">\n              <lrndesign-contentblock title=\"Files Submitted\">\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[_toArray(submission.attributes.files)]]\"\n                  as=\"file\"\n                >\n                  <p>\n                    <strong>[[file.filename]]:</strong>\n                    <a class=\"link\" href=\"[[file.url]]\" target=\"_blank\"\n                      >[[file.url]]</a\n                    >\n                  </p>\n                </template>\n              </lrndesign-contentblock>\n            </template>\n          </div>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-add-asset.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-add-asset.js
index 6ab5d5f0867..ee1b4d21f90 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-add-asset.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-add-asset.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionEditAddAsset = void 0;
 
-  var _templateObject_f35d9f101f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca5798701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -25,7 +25,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     babelHelpers.createClass(LrnappStudioSubmissionEditAddAsset, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f35d9f101f0511ed8cc3e9a95995ad69 || (_templateObject_f35d9f101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          cursor: pointer;\n        }\n        :host([display=\"box\"]) {\n          display: block;\n          width: 200px;\n          height: 200px;\n          background: lightgray;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          position: relative;\n        }\n        :host([display=\"pill\"]) {\n          display: block;\n          background: lightgray;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          position: relative;\n        }\n        simple-icon {\n          color: gray;\n          --simple-icon-height: 50px;\n          --simple-icon-width: 50px;\n        }\n        :host([display=\"pill\"]) simple-icon {\n          --simple-icon-height: 50px;\n          --simple-icon-width: 50px;\n        }\n      </style>\n      <button>\n        <simple-icon icon=\"[[icon]]\"></simple-icon>\n      </button>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca5798701f2611eda0c389891c227ec8 || (_templateObject_ca5798701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          cursor: pointer;\n        }\n        :host([display=\"box\"]) {\n          display: block;\n          width: 200px;\n          height: 200px;\n          background: lightgray;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          position: relative;\n        }\n        :host([display=\"pill\"]) {\n          display: block;\n          background: lightgray;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          position: relative;\n        }\n        simple-icon {\n          color: gray;\n          --simple-icon-height: 50px;\n          --simple-icon-width: 50px;\n        }\n        :host([display=\"pill\"]) simple-icon {\n          --simple-icon-height: 50px;\n          --simple-icon-width: 50px;\n        }\n      </style>\n      <button>\n        <simple-icon icon=\"[[icon]]\"></simple-icon>\n      </button>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-file.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-file.js
index cff313d0dc3..9c142033794 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-file.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-file.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./lrnapp-
   });
   _exports.LrnappStudioSubmissionEditFile = void 0;
 
-  var _templateObject_f35eb0801f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca58d0f01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -30,7 +30,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./lrnapp-
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f35eb0801f0511ed8cc3e9a95995ad69 || (_templateObject_f35eb0801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-flex;\n          justify-content: space-around;\n          align-items: stretch;\n          min-height: 100px;\n          width: 100px;\n          position: relative;\n          background: lightgray;\n          color: #333333;\n        }\n\n        lrnapp-studio-submission-media-editoverlay {\n          display: flex;\n        }\n\n        .file_url {\n          margin: 1em;\n        }\n      </style>\n\n      <lrnapp-studio-submission-media-editoverlay\n        data-index$=\"[[index]]\"\n        embedcode=\"{{embedcode}}\"\n      >\n        <div class=\"file_url\">[[file.filename]]</div>\n      </lrnapp-studio-submission-media-editoverlay>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca58d0f01f2611eda0c389891c227ec8 || (_templateObject_ca58d0f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-flex;\n          justify-content: space-around;\n          align-items: stretch;\n          min-height: 100px;\n          width: 100px;\n          position: relative;\n          background: lightgray;\n          color: #333333;\n        }\n\n        lrnapp-studio-submission-media-editoverlay {\n          display: flex;\n        }\n\n        .file_url {\n          margin: 1em;\n        }\n      </style>\n\n      <lrnapp-studio-submission-media-editoverlay\n        data-index$=\"[[index]]\"\n        embedcode=\"{{embedcode}}\"\n      >\n        <div class=\"file_url\">[[file.filename]]</div>\n      </lrnapp-studio-submission-media-editoverlay>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-files.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-files.js
index 76a2af663be..16caf23f6ef 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-files.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-files.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionEditFiles = void 0;
 
-  var _templateObject_f360fa701f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca5b41f01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -96,7 +96,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f360fa701f0511ed8cc3e9a95995ad69 || (_templateObject_f360fa701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          position: relative;\n          min-height: 200px;\n        }\n        #pages {\n          display: block;\n        }\n        .files__files {\n          display: flex;\n          flex-wrap: wrap;\n        }\n        .files__files > * {\n          margin-right: 16px;\n          min-width: 200px;\n        }\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 16px;\n        }\n      </style>\n\n      <div class=\"files__files\">\n        <template is=\"dom-repeat\" items=\"[[files]]\" as=\"file\">\n          <lrnapp-studio-submission-edit-file\n            file=\"[[file]]\"\n            on-deleted=\"_deleteImage\"\n            data-index$=\"[[index]]\"\n          ></lrnapp-studio-submission-edit-file>\n        </template>\n        <lrnapp-studio-submission-edit-add-asset\n          on-click=\"_addFile\"\n          icon=\"editor:attach-file\"\n        ></lrnapp-studio-submission-edit-add-asset>\n      </div>\n      <paper-dialog id=\"dialog\">\n        <h2>Add Files</h2>\n        <div class=\"files__upload\">\n          <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n            <vaadin-upload\n              accept=\"[[fileTypes]]\"\n              target=\"[[uploadUrl]]\"\n              method=\"POST\"\n              form-data-name=\"file-upload\"\n              on-upload-success=\"_handleImageUploadSuccess\"\n            >\n              <div class=\"files__drop-label\">\n                <simple-icon icon=\"description\"></simple-icon>\n                Upload files here:\n              </div>\n            </vaadin-upload>\n          </template>\n        </div>\n        <div>\n          <button dialog-dismiss>Cancel</button>\n        </div>\n      </paper-dialog>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca5b41f01f2611eda0c389891c227ec8 || (_templateObject_ca5b41f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          position: relative;\n          min-height: 200px;\n        }\n        #pages {\n          display: block;\n        }\n        .files__files {\n          display: flex;\n          flex-wrap: wrap;\n        }\n        .files__files > * {\n          margin-right: 16px;\n          min-width: 200px;\n        }\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 16px;\n        }\n      </style>\n\n      <div class=\"files__files\">\n        <template is=\"dom-repeat\" items=\"[[files]]\" as=\"file\">\n          <lrnapp-studio-submission-edit-file\n            file=\"[[file]]\"\n            on-deleted=\"_deleteImage\"\n            data-index$=\"[[index]]\"\n          ></lrnapp-studio-submission-edit-file>\n        </template>\n        <lrnapp-studio-submission-edit-add-asset\n          on-click=\"_addFile\"\n          icon=\"editor:attach-file\"\n        ></lrnapp-studio-submission-edit-add-asset>\n      </div>\n      <paper-dialog id=\"dialog\">\n        <h2>Add Files</h2>\n        <div class=\"files__upload\">\n          <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n            <vaadin-upload\n              accept=\"[[fileTypes]]\"\n              target=\"[[uploadUrl]]\"\n              method=\"POST\"\n              form-data-name=\"file-upload\"\n              on-upload-success=\"_handleImageUploadSuccess\"\n            >\n              <div class=\"files__drop-label\">\n                <simple-icon icon=\"description\"></simple-icon>\n                Upload files here:\n              </div>\n            </vaadin-upload>\n          </template>\n        </div>\n        <div>\n          <button dialog-dismiss>Cancel</button>\n        </div>\n      </paper-dialog>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-image.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-image.js
index 372b876cc1c..8e114825780 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-image.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-image.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./lrnapp-
   });
   _exports.LrnappStudioSubmissionEditImage = void 0;
 
-  var _templateObject_f3631d501f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca5d3dc01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -35,7 +35,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./lrnapp-
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f3631d501f0511ed8cc3e9a95995ad69 || (_templateObject_f3631d501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\">\n          :host {\n            display: inline-flex;\n            justify-content: space-around;\n            min-height: 100px;\n            position: relative;\n          }\n\n          img.image {\n            height: 200px;\n            display: block;\n          }\n        </style>\n      </custom-style>\n      <lrnapp-studio-submission-media-editoverlay\n        data-index$=\"[[index]]\"\n        embedcode=\"{{embedcode}}\"\n      >\n        <img\n          src=\"[[thumbnail]]\"\n          style=\"width:200px; height:200px; background-color: lightgray;\"\n          class=\"contain\"\n          loading=\"lazy\"\n        />\n      </lrnapp-studio-submission-media-editoverlay>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca5d3dc01f2611eda0c389891c227ec8 || (_templateObject_ca5d3dc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\">\n          :host {\n            display: inline-flex;\n            justify-content: space-around;\n            min-height: 100px;\n            position: relative;\n          }\n\n          img.image {\n            height: 200px;\n            display: block;\n          }\n        </style>\n      </custom-style>\n      <lrnapp-studio-submission-media-editoverlay\n        data-index$=\"[[index]]\"\n        embedcode=\"{{embedcode}}\"\n      >\n        <img\n          src=\"[[thumbnail]]\"\n          style=\"width:200px; height:200px; background-color: lightgray;\"\n          class=\"contain\"\n          loading=\"lazy\"\n        />\n      </lrnapp-studio-submission-media-editoverlay>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-images.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-images.js
index 4e3ed70e6d6..5b48928ba9d 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-images.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-images.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionEditImages = void 0;
 
-  var _templateObject_f36567401f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca5faec01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -97,7 +97,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f36567401f0511ed8cc3e9a95995ad69 || (_templateObject_f36567401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          position: relative;\n          min-height: 200px;\n        }\n        #pages {\n          display: block;\n        }\n        .images__images {\n          display: flex;\n          flex-wrap: wrap;\n        }\n        .images__images > * {\n          margin-right: 16px;\n          min-width: 200px;\n        }\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 16px;\n        }\n      </style>\n      <div class=\"images__images\">\n        <template is=\"dom-repeat\" items=\"[[images]]\" as=\"image\">\n          <lrnapp-studio-submission-edit-image\n            image=\"[[image]]\"\n            on-deleted=\"_deleteImage\"\n            data-index$=\"[[index]]\"\n          ></lrnapp-studio-submission-edit-image>\n        </template>\n        <lrnapp-studio-submission-edit-add-asset\n          on-click=\"_addImage\"\n          icon=\"image:photo-library\"\n        ></lrnapp-studio-submission-edit-add-asset>\n      </div>\n      <paper-dialog id=\"dialog\">\n        <h2>Add Image(s)</h2>\n        <div style=\"height:50vh;width:100%;overflow:scroll;\">\n          <div class=\"images__upload\">\n            <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n              <vaadin-upload\n                accept=\"[[fileTypes]]\"\n                target=\"[[uploadUrl]]\"\n                method=\"POST\"\n                form-data-name=\"file-upload\"\n                on-upload-success=\"_handleImageUploadSuccess\"\n              >\n                <div class=\"images__drop-label\">\n                  <simple-icon icon=\"description\"></simple-icon>\n                  Upload files here:\n                </div>\n              </vaadin-upload>\n            </template>\n          </div>\n        </div>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Cancel</button>\n        </div>\n      </paper-dialog>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca5faec01f2611eda0c389891c227ec8 || (_templateObject_ca5faec01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          position: relative;\n          min-height: 200px;\n        }\n        #pages {\n          display: block;\n        }\n        .images__images {\n          display: flex;\n          flex-wrap: wrap;\n        }\n        .images__images > * {\n          margin-right: 16px;\n          min-width: 200px;\n        }\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 16px;\n        }\n      </style>\n      <div class=\"images__images\">\n        <template is=\"dom-repeat\" items=\"[[images]]\" as=\"image\">\n          <lrnapp-studio-submission-edit-image\n            image=\"[[image]]\"\n            on-deleted=\"_deleteImage\"\n            data-index$=\"[[index]]\"\n          ></lrnapp-studio-submission-edit-image>\n        </template>\n        <lrnapp-studio-submission-edit-add-asset\n          on-click=\"_addImage\"\n          icon=\"image:photo-library\"\n        ></lrnapp-studio-submission-edit-add-asset>\n      </div>\n      <paper-dialog id=\"dialog\">\n        <h2>Add Image(s)</h2>\n        <div style=\"height:50vh;width:100%;overflow:scroll;\">\n          <div class=\"images__upload\">\n            <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n              <vaadin-upload\n                accept=\"[[fileTypes]]\"\n                target=\"[[uploadUrl]]\"\n                method=\"POST\"\n                form-data-name=\"file-upload\"\n                on-upload-success=\"_handleImageUploadSuccess\"\n              >\n                <div class=\"images__drop-label\">\n                  <simple-icon icon=\"description\"></simple-icon>\n                  Upload files here:\n                </div>\n              </vaadin-upload>\n            </template>\n          </div>\n        </div>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Cancel</button>\n        </div>\n      </paper-dialog>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-links.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-links.js
index 3dabea92510..485f41c54f2 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-links.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-links.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionEditLinks = void 0;
 
-  var _templateObject_f366ede01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca615c701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -52,7 +52,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f366ede01f0511ed8cc3e9a95995ad69 || (_templateObject_f366ede01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        .item {\n          display: flex;\n          margin: auto;\n        }\n\n        .info {\n          flex: 1 1 auto;\n        }\n\n        .create {\n          display: flex;\n          align-items: center;\n        }\n\n        .input {\n          flex: 1 1 auto;\n        }\n\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 1em;\n        }\n      </style>\n\n      <template is=\"dom-repeat\" items=\"{{links}}\" as=\"link\">\n        <div class=\"item\">\n          <div class=\"info\">\n            <div class=\"linksfield__url\">{{link.url}}</div>\n          </div>\n          <div class=\"linksfield__actions\">\n            <simple-icon-button\n              icon=\"delete\"\n              class=\"linksfield__delete\"\n              data-index$=\"{{index}}\"\n              on-click=\"_deleteLink\"\n            ></simple-icon-button>\n          </div>\n        </div>\n      </template>\n      <lrnapp-studio-submission-edit-add-asset\n        icon=\"link\"\n        display=\"pill\"\n        on-click=\"_openDialog\"\n      ></lrnapp-studio-submission-edit-add-asset>\n\n      <paper-dialog id=\"dialog\">\n        <h2>Add Link</h2>\n        <div style=\"height:50vh;width:100%;overflow:scroll;\">\n          <paper-input\n            id=\"link-input\"\n            class=\"input\"\n            label=\"URL\"\n            value=\"{{newlink}}\"\n          ></paper-input>\n        </div>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Cancel</button>\n          <button dialog-confirm=\"\" on-click=\"_createLink\">Add Link</button>\n        </div>\n      </paper-dialog>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca615c701f2611eda0c389891c227ec8 || (_templateObject_ca615c701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        .item {\n          display: flex;\n          margin: auto;\n        }\n\n        .info {\n          flex: 1 1 auto;\n        }\n\n        .create {\n          display: flex;\n          align-items: center;\n        }\n\n        .input {\n          flex: 1 1 auto;\n        }\n\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 1em;\n        }\n      </style>\n\n      <template is=\"dom-repeat\" items=\"{{links}}\" as=\"link\">\n        <div class=\"item\">\n          <div class=\"info\">\n            <div class=\"linksfield__url\">{{link.url}}</div>\n          </div>\n          <div class=\"linksfield__actions\">\n            <simple-icon-button\n              icon=\"delete\"\n              class=\"linksfield__delete\"\n              data-index$=\"{{index}}\"\n              on-click=\"_deleteLink\"\n            ></simple-icon-button>\n          </div>\n        </div>\n      </template>\n      <lrnapp-studio-submission-edit-add-asset\n        icon=\"link\"\n        display=\"pill\"\n        on-click=\"_openDialog\"\n      ></lrnapp-studio-submission-edit-add-asset>\n\n      <paper-dialog id=\"dialog\">\n        <h2>Add Link</h2>\n        <div style=\"height:50vh;width:100%;overflow:scroll;\">\n          <paper-input\n            id=\"link-input\"\n            class=\"input\"\n            label=\"URL\"\n            value=\"{{newlink}}\"\n          ></paper-input>\n        </div>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Cancel</button>\n          <button dialog-confirm=\"\" on-click=\"_createLink\">Add Link</button>\n        </div>\n      </paper-dialog>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-textarea.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-textarea.js
index 5ab7fb20548..b6ff2a335d9 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-textarea.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-textarea.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionEditTextArea = void 0;
 
-  var _templateObject_f367ff501f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca626de01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -25,7 +25,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     babelHelpers.createClass(LrnappStudioSubmissionEditTextArea, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f367ff501f0511ed8cc3e9a95995ad69 || (_templateObject_f367ff501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <lrn-markdown-editor content=\"{{content}}\"></lrn-markdown-editor>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca626de01f2611eda0c389891c227ec8 || (_templateObject_ca626de01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <lrn-markdown-editor content=\"{{content}}\"></lrn-markdown-editor>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-video.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-video.js
index 4b3d5ab99bf..e328909b24b 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-video.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit-video.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionEditVideo = void 0;
 
-  var _templateObject_f36ae5801f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca6554101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -108,7 +108,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f36ae5801f0511ed8cc3e9a95995ad69 || (_templateObject_f36ae5801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n          position: relative;\n          align-items: stretch;\n        }\n\n        lrnapp-studio-submission-media-editoverlay,\n        lrnapp-studio-submission-edit-add-asset {\n          background: lightgray;\n          display: flex;\n          align-items: center;\n          margin-right: 1em;\n        }\n\n        iframe {\n          display: block;\n        }\n\n        .videosfield__create {\n          display: block;\n          height: 250px;\n          width: 300px;\n        }\n\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 1em;\n        }\n      </style>\n\n      <dom-repeat items=\"[[videos]]\" as=\"video\">\n        <template>\n          <lrnapp-studio-submission-media-editoverlay\n            on-deleted=\"_videoDelete\"\n            data-index$=\"[[index]]\"\n          >\n            <iframe\n              class=\"videosfield__iframe\"\n              src$=\"[[video.video_src]]\"\n            ></iframe>\n          </lrnapp-studio-submission-media-editoverlay>\n        </template>\n      </dom-repeat>\n\n      <lrnapp-studio-submission-edit-add-asset\n        icon=\"av:video-library\"\n        on-click=\"_openDialog\"\n      ></lrnapp-studio-submission-edit-add-asset>\n\n      <paper-dialog id=\"dialog\">\n        <h2>Add Video</h2>\n        <div style=\"height:50vh;width:100%;overflow:scroll;\">\n          <paper-input label=\"Video URL\" value=\"{{newvideo}}\"></paper-input>\n        </div>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Cancel</button>\n          <button dialog-confirm=\"\" on-click=\"_addImage\">Add Video</button>\n        </div>\n      </paper-dialog>\n\n      <template is=\"dom-if\" if=\"[[videoGenerateSourceUrl]]\">\n        <!-- Generate Video Source Url for preview -->\n        <iron-ajax\n        reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n          id=\"videoGenerateSourceUrl\"\n          url=\"[[videoGenerateSourceUrl]]\"\n          method=\"POST\"\n          body=\"[[newvideo]]\"\n          content-type=\"application/json\"\n          handle-as=\"json\"\n          on-response=\"_addImage\"\n        ></iron-ajax>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca6554101f2611eda0c389891c227ec8 || (_templateObject_ca6554101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n          position: relative;\n          align-items: stretch;\n        }\n\n        lrnapp-studio-submission-media-editoverlay,\n        lrnapp-studio-submission-edit-add-asset {\n          background: lightgray;\n          display: flex;\n          align-items: center;\n          margin-right: 1em;\n        }\n\n        iframe {\n          display: block;\n        }\n\n        .videosfield__create {\n          display: block;\n          height: 250px;\n          width: 300px;\n        }\n\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 1em;\n        }\n      </style>\n\n      <dom-repeat items=\"[[videos]]\" as=\"video\">\n        <template>\n          <lrnapp-studio-submission-media-editoverlay\n            on-deleted=\"_videoDelete\"\n            data-index$=\"[[index]]\"\n          >\n            <iframe\n              class=\"videosfield__iframe\"\n              src$=\"[[video.video_src]]\"\n            ></iframe>\n          </lrnapp-studio-submission-media-editoverlay>\n        </template>\n      </dom-repeat>\n\n      <lrnapp-studio-submission-edit-add-asset\n        icon=\"av:video-library\"\n        on-click=\"_openDialog\"\n      ></lrnapp-studio-submission-edit-add-asset>\n\n      <paper-dialog id=\"dialog\">\n        <h2>Add Video</h2>\n        <div style=\"height:50vh;width:100%;overflow:scroll;\">\n          <paper-input label=\"Video URL\" value=\"{{newvideo}}\"></paper-input>\n        </div>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Cancel</button>\n          <button dialog-confirm=\"\" on-click=\"_addImage\">Add Video</button>\n        </div>\n      </paper-dialog>\n\n      <template is=\"dom-if\" if=\"[[videoGenerateSourceUrl]]\">\n        <!-- Generate Video Source Url for preview -->\n        <iron-ajax\n        reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n          id=\"videoGenerateSourceUrl\"\n          url=\"[[videoGenerateSourceUrl]]\"\n          method=\"POST\"\n          body=\"[[newvideo]]\"\n          content-type=\"application/json\"\n          handle-as=\"json\"\n          on-response=\"_addImage\"\n        ></iron-ajax>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit.js
index c964a41fc61..afcfde6d634 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-edit.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionEdit = void 0;
 
-  var _templateObject_f36cba401f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca674fe01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -74,7 +74,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f36cba401f0511ed8cc3e9a95995ad69 || (_templateObject_f36cba401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          padding: 16px;\n        }\n        .field {\n          padding-bottom: 16px;\n        }\n        .actions {\n          display: flex;\n          border-top: 2px solid gainsboro;\n          margin-top: 16px;\n        }\n        .actions .spacer {\n          flex: 1 1 auto;\n        }\n        simple-icon {\n          margin-right: 6px;\n          --simple-icon-height: 32px;\n          --simple-icon-width: 32px;\n        }\n        .imagesfiled__image_delete {\n          position: absolute;\n          top: 0;\n          right: 0;\n        }\n        label {\n          font-size: 16px;\n          font-weight: bold;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"{{submission}}\">\n        <div class=\"field\">\n          <paper-input\n            label=\"Title\"\n            value=\"{{submission.attributes.title}}\"\n          ></paper-input>\n        </div>\n        <!-- Body -->\n        <div class=\"field\">\n          <label>Submission Text</label>\n          <lrnapp-studio-submission-edit-textarea\n            content=\"{{submission.attributes.body}}\"\n          ></lrnapp-studio-submission-edit-textarea>\n        </div>\n\n        <!-- Images -->\n        <div class=\"imagesfield field\">\n          <label for=\"image-upload\">Images</label>\n          <lrnapp-studio-submission-edit-images\n            images=\"{{submission.attributes.images}}\"\n            file-types=\"[[submission.meta.imagefieldTypes]]\"\n          ></lrnapp-studio-submission-edit-images>\n        </div>\n\n        <!-- Files -->\n        <div class=\"filesfield field\">\n          <label for=\"file-upload\">Files</label>\n          <lrnapp-studio-submission-edit-files\n            files=\"{{submission.attributes.files}}\"\n            file-types=\"[[submission.meta.filefieldTypes]]\"\n          >\n          </lrnapp-studio-submission-edit-files>\n        </div>\n\n        <!-- Links -->\n        <div id=\"linksfield\" class=\"linksfield field\">\n          <label for=\"links-input\">Links</label>\n          <lrnapp-studio-submission-edit-links\n            links=\"{{submission.attributes.links}}\"\n          ></lrnapp-studio-submission-edit-links>\n        </div>\n\n        <!-- Videos -->\n        <div id=\"videosfield\" class=\"videosfield field\">\n          <label for=\"videos-input\">Videos</label>\n          <lrnapp-studio-submission-edit-video\n            videos=\"{{submission.attributes.video}}\"\n            end-point=\"[[endPoint]]\"\n            csrf-token=\"[[csrfToken]]\"\n          ></lrnapp-studio-submission-edit-video>\n        </div>\n\n        <div class=\"actions\">\n          <lrnsys-button\n            id=\"publish\"\n            icon=\"check\"\n            label=\"Publish to Studio\"\n            on-click=\"_publishClicked\"\n            hover-class=\"amber lighten-5 green-text text-darken-4\"\n            icon-class=\"green-text\"\n          ></lrnsys-button>\n          <lrnsys-button\n            id=\"save-draft\"\n            icon=\"drafts\"\n            label=\"Save Draft\"\n            on-click=\"_saveDraftClicked\"\n            hover-class=\"amber lighten-5 amber-text text-darken-4\"\n            icon-class=\"amber-text text-darken-4\"\n          ></lrnsys-button>\n          <span class=\"spacer\"></span>\n          <lrnsys-button\n            id=\"delete\"\n            label=\"Delete\"\n            icon=\"delete\"\n            on-click=\"_deleteClicked\"\n            hover-class=\"amber lighten-5 red-text\"\n            icon-class=\"red-text text-darken-4\"\n          >\n          </lrnsys-button>\n        </div>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca674fe01f2611eda0c389891c227ec8 || (_templateObject_ca674fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          padding: 16px;\n        }\n        .field {\n          padding-bottom: 16px;\n        }\n        .actions {\n          display: flex;\n          border-top: 2px solid gainsboro;\n          margin-top: 16px;\n        }\n        .actions .spacer {\n          flex: 1 1 auto;\n        }\n        simple-icon {\n          margin-right: 6px;\n          --simple-icon-height: 32px;\n          --simple-icon-width: 32px;\n        }\n        .imagesfiled__image_delete {\n          position: absolute;\n          top: 0;\n          right: 0;\n        }\n        label {\n          font-size: 16px;\n          font-weight: bold;\n        }\n      </style>\n      <template is=\"dom-if\" if=\"{{submission}}\">\n        <div class=\"field\">\n          <paper-input\n            label=\"Title\"\n            value=\"{{submission.attributes.title}}\"\n          ></paper-input>\n        </div>\n        <!-- Body -->\n        <div class=\"field\">\n          <label>Submission Text</label>\n          <lrnapp-studio-submission-edit-textarea\n            content=\"{{submission.attributes.body}}\"\n          ></lrnapp-studio-submission-edit-textarea>\n        </div>\n\n        <!-- Images -->\n        <div class=\"imagesfield field\">\n          <label for=\"image-upload\">Images</label>\n          <lrnapp-studio-submission-edit-images\n            images=\"{{submission.attributes.images}}\"\n            file-types=\"[[submission.meta.imagefieldTypes]]\"\n          ></lrnapp-studio-submission-edit-images>\n        </div>\n\n        <!-- Files -->\n        <div class=\"filesfield field\">\n          <label for=\"file-upload\">Files</label>\n          <lrnapp-studio-submission-edit-files\n            files=\"{{submission.attributes.files}}\"\n            file-types=\"[[submission.meta.filefieldTypes]]\"\n          >\n          </lrnapp-studio-submission-edit-files>\n        </div>\n\n        <!-- Links -->\n        <div id=\"linksfield\" class=\"linksfield field\">\n          <label for=\"links-input\">Links</label>\n          <lrnapp-studio-submission-edit-links\n            links=\"{{submission.attributes.links}}\"\n          ></lrnapp-studio-submission-edit-links>\n        </div>\n\n        <!-- Videos -->\n        <div id=\"videosfield\" class=\"videosfield field\">\n          <label for=\"videos-input\">Videos</label>\n          <lrnapp-studio-submission-edit-video\n            videos=\"{{submission.attributes.video}}\"\n            end-point=\"[[endPoint]]\"\n            csrf-token=\"[[csrfToken]]\"\n          ></lrnapp-studio-submission-edit-video>\n        </div>\n\n        <div class=\"actions\">\n          <lrnsys-button\n            id=\"publish\"\n            icon=\"check\"\n            label=\"Publish to Studio\"\n            on-click=\"_publishClicked\"\n            hover-class=\"amber lighten-5 green-text text-darken-4\"\n            icon-class=\"green-text\"\n          ></lrnsys-button>\n          <lrnsys-button\n            id=\"save-draft\"\n            icon=\"drafts\"\n            label=\"Save Draft\"\n            on-click=\"_saveDraftClicked\"\n            hover-class=\"amber lighten-5 amber-text text-darken-4\"\n            icon-class=\"amber-text text-darken-4\"\n          ></lrnsys-button>\n          <span class=\"spacer\"></span>\n          <lrnsys-button\n            id=\"delete\"\n            label=\"Delete\"\n            icon=\"delete\"\n            on-click=\"_deleteClicked\"\n            hover-class=\"amber lighten-5 red-text\"\n            icon-class=\"red-text text-darken-4\"\n          >\n          </lrnsys-button>\n        </div>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-editbar-message.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-editbar-message.js
index 781e310515f..22e3804ebf3 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-editbar-message.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-editbar-message.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js"], function
   });
   _exports.LrnappStudioSubmissionEditbarMessage = void 0;
 
-  var _templateObject_f36da4a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca683a401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -25,7 +25,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js"], function
     babelHelpers.createClass(LrnappStudioSubmissionEditbarMessage, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f36da4a01f0511ed8cc3e9a95995ad69 || (_templateObject_f36da4a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <slot></slot>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca683a401f2611eda0c389891c227ec8 || (_templateObject_ca683a401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <slot></slot>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-editbar.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-editbar.js
index f49cb3e4221..b1c078f08d9 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-editbar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-editbar.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionEditbar = void 0;
 
-  var _templateObject_f37b87501f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca6e7bd01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -25,7 +25,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     babelHelpers.createClass(LrnappStudioSubmissionEditbar, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f37b87501f0511ed8cc3e9a95995ad69 || (_templateObject_f37b87501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <simple-tooltip position=\"top\" animation-delay=\"0\" offset=\"-20\">\n        <slot name=\"lrnapp-studio-submission-editbar-message\"></slot>\n      </simple-tooltip>\n      <slot></slot>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca6e7bd01f2611eda0c389891c227ec8 || (_templateObject_ca6e7bd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <simple-tooltip position=\"top\" animation-delay=\"0\" offset=\"-20\">\n        <slot name=\"lrnapp-studio-submission-editbar-message\"></slot>\n      </simple-tooltip>\n      <slot></slot>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-media-editoverlay.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-media-editoverlay.js
index 9e502db67cb..86b3b6157b8 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-media-editoverlay.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-media-editoverlay.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionMediaEditoverlay = void 0;
 
-  var _templateObject_f37d0df01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca7077a01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -41,7 +41,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f37d0df01f0511ed8cc3e9a95995ad69 || (_templateObject_f37d0df01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n          align-items: stretch;\n          justify-content: stretch;\n        }\n\n        .wrapper {\n          position: relative;\n          z-index: 1;\n          overflow: hidden;\n          display: flex;\n          align-items: center;\n        }\n\n        .actions {\n          overflow: hidden;\n          position: absolute;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          top: 0;\n          left: 0;\n          z-index: 5;\n          color: white;\n          background: rgba(0, 0, 0, 0.7);\n          height: 100%;\n          width: 100%;\n          transition: all 0.2s ease-in-out;\n          transform: translateY(-100%);\n        }\n\n        .wrapper:hover .actions {\n          transform: translateY(0);\n        }\n\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 1em;\n        }\n      </style>\n      <div class=\"wrapper\">\n        <slot></slot>\n        <div class=\"actions\">\n          <template is=\"dom-if\" if=\"[[embedcode]]\">\n            <simple-icon-button\n              icon=\"code\"\n              dark\n              class=\"embed\"\n              on-click=\"_embedClicked\"\n            ></simple-icon-button>\n          </template>\n          <simple-icon-button\n            icon=\"delete\"\n            dark\n            class=\"delete\"\n            on-click=\"_deleteClicked\"\n          ></simple-icon-button>\n        </div>\n      </div>\n      <template is=\"dom-if\" if=\"[[embedcode]]\">\n        <paper-dialog id=\"dialog\">\n          <h2>Embed Code</h2>\n          <p>Paste this into the text area and your image will appear.</p>\n          <div style=\"height:50vh;width:100%;overflow:scroll;\">\n            <pre>{{embedcode}}</pre>\n          </div>\n        </paper-dialog>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca7077a01f2611eda0c389891c227ec8 || (_templateObject_ca7077a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n          align-items: stretch;\n          justify-content: stretch;\n        }\n\n        .wrapper {\n          position: relative;\n          z-index: 1;\n          overflow: hidden;\n          display: flex;\n          align-items: center;\n        }\n\n        .actions {\n          overflow: hidden;\n          position: absolute;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          top: 0;\n          left: 0;\n          z-index: 5;\n          color: white;\n          background: rgba(0, 0, 0, 0.7);\n          height: 100%;\n          width: 100%;\n          transition: all 0.2s ease-in-out;\n          transform: translateY(-100%);\n        }\n\n        .wrapper:hover .actions {\n          transform: translateY(0);\n        }\n\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 1em;\n        }\n      </style>\n      <div class=\"wrapper\">\n        <slot></slot>\n        <div class=\"actions\">\n          <template is=\"dom-if\" if=\"[[embedcode]]\">\n            <simple-icon-button\n              icon=\"code\"\n              dark\n              class=\"embed\"\n              on-click=\"_embedClicked\"\n            ></simple-icon-button>\n          </template>\n          <simple-icon-button\n            icon=\"delete\"\n            dark\n            class=\"delete\"\n            on-click=\"_deleteClicked\"\n          ></simple-icon-button>\n        </div>\n      </div>\n      <template is=\"dom-if\" if=\"[[embedcode]]\">\n        <paper-dialog id=\"dialog\">\n          <h2>Embed Code</h2>\n          <p>Paste this into the text area and your image will appear.</p>\n          <div style=\"height:50vh;width:100%;overflow:scroll;\">\n            <pre>{{embedcode}}</pre>\n          </div>\n        </paper-dialog>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-object.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-object.js
index e1ebe86b589..951b5752b80 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-object.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-object.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionObject = void 0;
 
-  var _templateObject_f37f57e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca7225501f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -54,7 +54,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f37f57e01f0511ed8cc3e9a95995ad69 || (_templateObject_f37f57e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <iron-pages selected=\"[[selectedPage]]\">\n        <lrnapp-studio-submission-display\n          submission=\"{{submission}}\"\n        ></lrnapp-studio-submission-display>\n        <lrnapp-studio-submission-edit\n          submission=\"{{submission}}\"\n        ></lrnapp-studio-submission-edit>\n        <lrnapp-studio-submission-critique\n          submission=\"{{submission}}\"\n          edit=\"[[edit]]\"\n        ></lrnapp-studio-submission-critique>\n      </iron-pages>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca7225501f2611eda0c389891c227ec8 || (_templateObject_ca7225501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <iron-pages selected=\"[[selectedPage]]\">\n        <lrnapp-studio-submission-display\n          submission=\"{{submission}}\"\n        ></lrnapp-studio-submission-display>\n        <lrnapp-studio-submission-edit\n          submission=\"{{submission}}\"\n        ></lrnapp-studio-submission-edit>\n        <lrnapp-studio-submission-critique\n          submission=\"{{submission}}\"\n          edit=\"[[edit]]\"\n        ></lrnapp-studio-submission-critique>\n      </iron-pages>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-page.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-page.js
index c78015b5485..0af5470fa5a 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-page.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission-page.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmissionPage = void 0;
 
-  var _templateObject_f38524401f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca7818c01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -271,7 +271,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f38524401f0511ed8cc3e9a95995ad69 || (_templateObject_f38524401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        [hidden] {\n          display: none !important;\n        }\n        :host {\n          display: block;\n          position: relative;\n        }\n\n        p {\n          font-size: 14px;\n          line-height: 18px;\n        }\n\n        h1 {\n          margin: 0;\n          text-align: left;\n        }\n\n        iron-selector {\n          line-height: 1em;\n        }\n\n        iron-selector lrnsys-button {\n          display: inline-flex;\n        }\n\n        img.image {\n          margin: 0 0.5em;\n        }\n\n        lrnsys-dialog {\n          display: inline;\n        }\n\n        .contain {\n          width: 10em;\n          height: 10em;\n          background: #ddd;\n        }\n\n        .center {\n          margin: auto;\n          width: 100%;\n        }\n\n        .title {\n          color: #222;\n          font-size: 2rem;\n          font-weight: 600;\n          line-height: 2.5rem;\n          padding: 0.25rem 0;\n          white-space: nowrap;\n          overflow-x: hidden;\n          text-overflow: ellipsis;\n          margin-top: 1rem;\n          text-transform: uppercase;\n          text-align: left;\n        }\n\n        .author {\n          color: #555;\n          font-size: 1rem;\n          font-weight: 500;\n          font-style: normal;\n          line-height: 1rem;\n          padding: 0.25rem 0 0.5rem 0;\n          margin: 0;\n          text-transform: capitalize;\n        }\n\n        .comments {\n          text-align: right;\n          margin: 0;\n          font-size: 1.5em;\n        }\n\n        .submission-page-wrapper {\n          padding: 0;\n          --vaadin-split-layout-splitter: {\n            min-width: 0.4em;\n            background: var(--paper-amber-200);\n          }\n        }\n\n        .submission-page {\n          width: 70vw;\n        }\n\n        .submission-page-card {\n          margin: 0;\n          padding: 16px;\n        }\n\n        .submission-comments {\n          overflow-y: hidden;\n          padding: 0;\n          margin: 0;\n        }\n\n        elmsln-loading {\n          position: absolute;\n          display: none;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          background: rgba(255, 255, 255, 0.8);\n          z-index: 10;\n          align-items: flex-end;\n          justify-content: center;\n        }\n\n        :host([saving]) elmsln-loading {\n          display: block;\n        }\n\n        elmsln-loading {\n          top: calc(50% - 5vmax);\n          left: calc(50% - 5vmax);\n          position: fixed;\n          transform-origin: center center;\n          width: 10vmax !important;\n          height: 10vmax !important;\n        }\n\n        iron-pages {\n          width: 100%;\n        }\n\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 1em;\n          z-index: 99999;\n        }\n\n        lrnapp-studio-submission-object {\n          width: 100%;\n        }\n\n        .assignment-body {\n          padding: 2em;\n        }\n\n        simple-icon {\n          margin: 0.2em;\n        }\n      </style>\n\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"/edit\"\n        tail=\"{{tail}}\"\n        active=\"{{editPage}}\"\n      >\n      </app-route>\n\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"ajaxRequest\"\n        auto=\"\"\n        url=\"[[reqUrl]]\"\n        method=\"GET\"\n        params=\"[[reqParams]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleResponse\"\n      ></iron-ajax>\n      <!-- Update Submission Node -->\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"ajaxUpdateRequest\"\n        url=\"[[reqUrl]]\"\n        method=\"PUT\"\n        body=\"[[submission]]\"\n        params=\"[[reqParams]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleUpdateResponse\"\n      ></iron-ajax>\n      <!-- Delete Submission Node -->\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"ajaxDeleteRequest\"\n        url=\"[[reqUrl]]\"\n        method=\"DELETE\"\n        params=\"[[reqParams]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleDeleteResponse\"\n      ></iron-ajax>\n\n      <app-toolbar class=\"amber lighten-3\" hidden$=\"[[hideMenuBar]]\">\n        <template is=\"dom-if\" if=\"[[showComments]]\">\n          <lrnsys-button\n            on-click=\"_backToStudio\"\n            icon=\"arrow-back\"\n            label=\"See in studio\"\n            hover-class=\"amber darken-4 white-text\"\n          ></lrnsys-button>\n        </template>\n        <template is=\"dom-if\" if=\"[[!showComments]]\">\n          <lrnsys-button\n            on-click=\"_backToKanban\"\n            icon=\"arrow-back\"\n            label=\"Back to project management\"\n            hover-class=\"amber darken-4 white-text\"\n          ></lrnsys-button>\n        </template>\n        <div spacer=\"\" main-title=\"\">[[submission.attributes.title]]</div>\n        <div>\n          <simple-icon\n            id=\"comment-count\"\n            icon=\"communication:forum\"\n          ></simple-icon>\n          [[submission.meta.comment_count]] Comments\n          <paper-badge\n            hidden$=\"[[displayNewBadge(submission.meta.comment_new)]]\"\n            for=\"comment-count\"\n            label$=\"[[submission.meta.comment_new]]\"\n          ></paper-badge>\n        </div>\n        <div hidden$=\"[[editPage]]\">\n          <lrnsys-button\n            on-click=\"_setEditRoute\"\n            icon=\"create\"\n            label=\"Edit\"\n            hover-class=\"amber darken-4 white-text\"\n            hidden$=\"[[!submission.meta.canUpdate]]\"\n          ></lrnsys-button>\n        </div>\n        <div hidden$=\"[[!editPage]]\">\n          <lrnsys-button\n            on-click=\"_resetRoute\"\n            icon=\"cancel\"\n            label=\"Cancel\"\n            hover-class=\"amber darken-4 white-text\"\n            hidden$=\"[[!submission.meta.canUpdate]]\"\n          ></lrnsys-button>\n        </div>\n      </app-toolbar>\n\n      <vaadin-split-layout class=\"submission-page-wrapper\">\n        <div\n          id=\"commentcolumn\"\n          class=\"submission-comments\"\n          style=\"min-width: 30%; max-width: 70%; width:40%;\"\n        >\n          <template is=\"dom-if\" if=\"[[showComments]]\">\n            <lrnsys-comment-list\n              comment-ops-base=\"{{commentOpsBase}}\"\n              csrf-token=\"[[csrfToken]]\"\n              source-path=\"{{commentsUrl}}\"\n              create-stub-url=\"{{createStubUrl}}\"\n            ></lrnsys-comment-list>\n          </template>\n        </div>\n        <div id=\"submissioncolumn\" style=\"width:60%;\">\n          <lrnapp-studio-submission-object\n            submission=\"{{submission}}\"\n            edit=\"[[editPage]]\"\n          ></lrnapp-studio-submission-object>\n        </div>\n        <simple-icon class=\"splitter-handle\" icon=\"more-vert\"></simple-icon>\n      </vaadin-split-layout>\n\n      <elmsln-loading></elmsln-loading>\n\n      <paper-dialog id=\"deletedialog\">\n        <h2>Delete submission?</h2>\n        <p>Are you sure you want to delete this submission?</p>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Cancel</button>\n          <button dialog-confirm=\"\" on-click=\"_submissionDeleteConfirmed\">\n            Delete\n          </button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"publishdialog\">\n        <h2>Ready to publish?</h2>\n        <p>\n          By publishing, the author of this submission will be able to view your\n          feedback. Are you ready to publish?\n        </p>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Cancel</button>\n          <button dialog-confirm=\"\" on-click=\"_submissionPublishConfirmed\">\n            Yes Publish\n          </button>\n        </div>\n      </paper-dialog>\n\n      <paper-toast id=\"toast\"></paper-toast>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca7818c01f2611eda0c389891c227ec8 || (_templateObject_ca7818c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        [hidden] {\n          display: none !important;\n        }\n        :host {\n          display: block;\n          position: relative;\n        }\n\n        p {\n          font-size: 14px;\n          line-height: 18px;\n        }\n\n        h1 {\n          margin: 0;\n          text-align: left;\n        }\n\n        iron-selector {\n          line-height: 1em;\n        }\n\n        iron-selector lrnsys-button {\n          display: inline-flex;\n        }\n\n        img.image {\n          margin: 0 0.5em;\n        }\n\n        lrnsys-dialog {\n          display: inline;\n        }\n\n        .contain {\n          width: 10em;\n          height: 10em;\n          background: #ddd;\n        }\n\n        .center {\n          margin: auto;\n          width: 100%;\n        }\n\n        .title {\n          color: #222;\n          font-size: 2rem;\n          font-weight: 600;\n          line-height: 2.5rem;\n          padding: 0.25rem 0;\n          white-space: nowrap;\n          overflow-x: hidden;\n          text-overflow: ellipsis;\n          margin-top: 1rem;\n          text-transform: uppercase;\n          text-align: left;\n        }\n\n        .author {\n          color: #555;\n          font-size: 1rem;\n          font-weight: 500;\n          font-style: normal;\n          line-height: 1rem;\n          padding: 0.25rem 0 0.5rem 0;\n          margin: 0;\n          text-transform: capitalize;\n        }\n\n        .comments {\n          text-align: right;\n          margin: 0;\n          font-size: 1.5em;\n        }\n\n        .submission-page-wrapper {\n          padding: 0;\n          --vaadin-split-layout-splitter: {\n            min-width: 0.4em;\n            background: var(--paper-amber-200);\n          }\n        }\n\n        .submission-page {\n          width: 70vw;\n        }\n\n        .submission-page-card {\n          margin: 0;\n          padding: 16px;\n        }\n\n        .submission-comments {\n          overflow-y: hidden;\n          padding: 0;\n          margin: 0;\n        }\n\n        elmsln-loading {\n          position: absolute;\n          display: none;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          background: rgba(255, 255, 255, 0.8);\n          z-index: 10;\n          align-items: flex-end;\n          justify-content: center;\n        }\n\n        :host([saving]) elmsln-loading {\n          display: block;\n        }\n\n        elmsln-loading {\n          top: calc(50% - 5vmax);\n          left: calc(50% - 5vmax);\n          position: fixed;\n          transform-origin: center center;\n          width: 10vmax !important;\n          height: 10vmax !important;\n        }\n\n        iron-pages {\n          width: 100%;\n        }\n\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 1em;\n          z-index: 99999;\n        }\n\n        lrnapp-studio-submission-object {\n          width: 100%;\n        }\n\n        .assignment-body {\n          padding: 2em;\n        }\n\n        simple-icon {\n          margin: 0.2em;\n        }\n      </style>\n\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"/edit\"\n        tail=\"{{tail}}\"\n        active=\"{{editPage}}\"\n      >\n      </app-route>\n\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"ajaxRequest\"\n        auto=\"\"\n        url=\"[[reqUrl]]\"\n        method=\"GET\"\n        params=\"[[reqParams]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleResponse\"\n      ></iron-ajax>\n      <!-- Update Submission Node -->\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"ajaxUpdateRequest\"\n        url=\"[[reqUrl]]\"\n        method=\"PUT\"\n        body=\"[[submission]]\"\n        params=\"[[reqParams]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleUpdateResponse\"\n      ></iron-ajax>\n      <!-- Delete Submission Node -->\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"ajaxDeleteRequest\"\n        url=\"[[reqUrl]]\"\n        method=\"DELETE\"\n        params=\"[[reqParams]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleDeleteResponse\"\n      ></iron-ajax>\n\n      <app-toolbar class=\"amber lighten-3\" hidden$=\"[[hideMenuBar]]\">\n        <template is=\"dom-if\" if=\"[[showComments]]\">\n          <lrnsys-button\n            on-click=\"_backToStudio\"\n            icon=\"arrow-back\"\n            label=\"See in studio\"\n            hover-class=\"amber darken-4 white-text\"\n          ></lrnsys-button>\n        </template>\n        <template is=\"dom-if\" if=\"[[!showComments]]\">\n          <lrnsys-button\n            on-click=\"_backToKanban\"\n            icon=\"arrow-back\"\n            label=\"Back to project management\"\n            hover-class=\"amber darken-4 white-text\"\n          ></lrnsys-button>\n        </template>\n        <div spacer=\"\" main-title=\"\">[[submission.attributes.title]]</div>\n        <div>\n          <simple-icon\n            id=\"comment-count\"\n            icon=\"communication:forum\"\n          ></simple-icon>\n          [[submission.meta.comment_count]] Comments\n          <paper-badge\n            hidden$=\"[[displayNewBadge(submission.meta.comment_new)]]\"\n            for=\"comment-count\"\n            label$=\"[[submission.meta.comment_new]]\"\n          ></paper-badge>\n        </div>\n        <div hidden$=\"[[editPage]]\">\n          <lrnsys-button\n            on-click=\"_setEditRoute\"\n            icon=\"create\"\n            label=\"Edit\"\n            hover-class=\"amber darken-4 white-text\"\n            hidden$=\"[[!submission.meta.canUpdate]]\"\n          ></lrnsys-button>\n        </div>\n        <div hidden$=\"[[!editPage]]\">\n          <lrnsys-button\n            on-click=\"_resetRoute\"\n            icon=\"cancel\"\n            label=\"Cancel\"\n            hover-class=\"amber darken-4 white-text\"\n            hidden$=\"[[!submission.meta.canUpdate]]\"\n          ></lrnsys-button>\n        </div>\n      </app-toolbar>\n\n      <vaadin-split-layout class=\"submission-page-wrapper\">\n        <div\n          id=\"commentcolumn\"\n          class=\"submission-comments\"\n          style=\"min-width: 30%; max-width: 70%; width:40%;\"\n        >\n          <template is=\"dom-if\" if=\"[[showComments]]\">\n            <lrnsys-comment-list\n              comment-ops-base=\"{{commentOpsBase}}\"\n              csrf-token=\"[[csrfToken]]\"\n              source-path=\"{{commentsUrl}}\"\n              create-stub-url=\"{{createStubUrl}}\"\n            ></lrnsys-comment-list>\n          </template>\n        </div>\n        <div id=\"submissioncolumn\" style=\"width:60%;\">\n          <lrnapp-studio-submission-object\n            submission=\"{{submission}}\"\n            edit=\"[[editPage]]\"\n          ></lrnapp-studio-submission-object>\n        </div>\n        <simple-icon class=\"splitter-handle\" icon=\"more-vert\"></simple-icon>\n      </vaadin-split-layout>\n\n      <elmsln-loading></elmsln-loading>\n\n      <paper-dialog id=\"deletedialog\">\n        <h2>Delete submission?</h2>\n        <p>Are you sure you want to delete this submission?</p>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Cancel</button>\n          <button dialog-confirm=\"\" on-click=\"_submissionDeleteConfirmed\">\n            Delete\n          </button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"publishdialog\">\n        <h2>Ready to publish?</h2>\n        <p>\n          By publishing, the author of this submission will be able to view your\n          feedback. Are you ready to publish?\n        </p>\n        <div class=\"buttons\">\n          <button dialog-dismiss=\"\">Cancel</button>\n          <button dialog-confirm=\"\" on-click=\"_submissionPublishConfirmed\">\n            Yes Publish\n          </button>\n        </div>\n      </paper-dialog>\n\n      <paper-toast id=\"toast\"></paper-toast>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission.js
index 18e525c655e..0e141c09d26 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-submission/lrnapp-studio-submission.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.LrnappStudioSubmission = void 0;
 
-  var _templateObject_f387bc501f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca7afef01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -106,7 +106,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f387bc501f0511ed8cc3e9a95995ad69 || (_templateObject_f387bc501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n        }\n      </style>\n      <app-location route=\"{{route}}\"></app-location>\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/submissions/:submission\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\"\n      >\n      </app-route>\n\n      <template is=\"dom-if\" if=\"[[data.submission]]\">\n        <lrnapp-studio-submission-page\n          base-path=\"{{basePath}}\"\n          route=\"{{tail}}\"\n          id=\"[[data.submission]]\"\n          end-point=\"[[endPoint]]\"\n          csrf-token=\"[[csrfToken]]\"\n          data=\"{{data}}\"\n        ></lrnapp-studio-submission-page>\n      </template>\n      <template is=\"dom-if\" if=\"[[!data.submission]]\">\n        This is the lrnapp-studio-submission page.\n      </template>\n\n      <paper-toast id=\"toast\"></paper-toast>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ca7afef01f2611eda0c389891c227ec8 || (_templateObject_ca7afef01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n        }\n      </style>\n      <app-location route=\"{{route}}\"></app-location>\n      <app-route\n        route=\"{{route}}\"\n        pattern=\"[[endPoint]]/submissions/:submission\"\n        data=\"{{data}}\"\n        tail=\"{{tail}}\"\n      >\n      </app-route>\n\n      <template is=\"dom-if\" if=\"[[data.submission]]\">\n        <lrnapp-studio-submission-page\n          base-path=\"{{basePath}}\"\n          route=\"{{tail}}\"\n          id=\"[[data.submission]]\"\n          end-point=\"[[endPoint]]\"\n          csrf-token=\"[[csrfToken]]\"\n          data=\"{{data}}\"\n        ></lrnapp-studio-submission-page>\n      </template>\n      <template is=\"dom-if\" if=\"[[!data.submission]]\">\n        This is the lrnapp-studio-submission page.\n      </template>\n\n      <paper-toast id=\"toast\"></paper-toast>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/mooc-content/mooc-content.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/mooc-content/mooc-content.js
index 2577a933ac9..e432547b60a 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/mooc-content/mooc-content.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/mooc-content/mooc-content.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.MoocContent = void 0;
 
-  var _templateObject_f34fbc601f0511ed8cc3e9a95995ad69;
+  var _templateObject_ca487d401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -335,7 +335,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f34fbc601f0511ed8cc3e9a95995ad69 || (_templateObject_f34fbc601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        font-size: 16px;\n        box-sizing: content-box;\n      }\n      #content[data-loading] {\n        opacity: .2 !important;\n        pointer-events: none;\n      }\n      #content {\n        opacity: 1;\n        visibility: visible;\n        transition: all .4s ease;\n      }\n      #block-mooc-nav-block-mooc-nav-nav {\n        z-index: 1;\n      }\n    </style>\n    <div id=\"hackycontainer\"><style id=\"hackycsspotterhates\"></style></div>\n    <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n      id=\"fulloutlinepath\"\n      url=\"[[fullOutlinePath]]\"\n      handle-as=\"json\"\n      on-response=\"handleOutlineResponse\"\n      last-response=\"{{outlineData}}\"></iron-ajax>\n    <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n      id=\"pageajax\"\n      params=\"[[requestParams]]\"\n      url=\"[[sourcePath]]\"\n      handle-as=\"json\"\n      on-response=\"handleResponse\"\n      last-response=\"{{pageData}}\"\n      loading=\"{{_loading}}\"></iron-ajax>\n    <app-location route=\"{{route}}\" query-params=\"{{queryParams}}\"></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:type/:id\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\">\n    </app-route>\n    <main id=\"etb-tool-nav\" data-offcanvas=\"\">\n      <div id=\"anchor\"></div>\n      <div class=\"inner-wrap\">\n        <section class=\"main-section etb-book\" style=\"min-height: 318px;\">\n          <h2 class=\"element-invisible\">Content navigation</h2>\n          <div class=\"r-header row\">\n            <div class=\"r-header__left\">\n              <div class=\"book-navigation-header book-sibling-nav-container book-navigation-header-2\">\n                <div class=\"book-navigation-header book-sibling-nav-container\">\n                  <lrnsys-dialog id=\"outlinepopover\" data-voicecommand=\"open outline\" label=\"Outline\" header=\"Outline\">\n                    <span slot=\"button\">\n                      <simple-icon icon=\"explore\"></simple-icon>\n                      Outline\n                    </span>\n                    <div class=\"elmsln-modal-content\" id=\"block-mooc-helper-mooc-helper-toc-nav-modal\">\n                      <div id=\"outlinemodal\" on-click=\"_modalTap\"><slot name=\"outlinemodal\"></slot></div>\n                    </div>\n                  </lrnsys-dialog>\n                  <div id=\"navigation\"><slot name=\"navigation\"></slot></div>\n                </div>\n              </div>\n            </div>\n            <div id=\"options\" class=\"r-header__right\">\n              <slot name=\"options\"></slot>\n            </div>\n          </div>\n          <div class=\"elmsln-content-wrap\" role=\"main\">\n          <responsive-grid-row gutter=\"4\">\n            <responsive-grid-col xl=\"2\" lg=\"2\" md=\"3\" sm=\"3\" xs=\"12\">\n              <section id=\"block-mooc-nav-block-mooc-nav-nav\" class=\"mooc-nav-block-left block block-mooc-nav-block contextual-links-region block-mooc-nav-block-mooc-nav column\" role=\"navigation\" aria-label$=\"[[outlineTitle]]\">\n                <div class=\"block-mooc-nav-block-mooc-title black white-text\">[[outlineTitle]]</div>\n                <div id=\"outline\"><slot name=\"outline\"></slot></div>\n              </section>\n              <div id=\"blocks\"><slot name=\"blocks\"></slot></div>\n            </responsive-grid-col>\n            <responsive-grid-col xl=\"9\" lg=\"9\" md=\"9\" sm=\"9\" xs=\"12\">\n              <a id=\"main-content\" class=\"scrollspy\" data-scrollspy=\"scrollspy\"></a>\n              <div class=\"column\">\n                <div id=\"content\" data-loading$=\"[[loading]]\"><slot name=\"content\"></slot></div>\n              </div>\n            </responsive-grid-col>\n          </responsive-grid-row>\n        </section>\n        <a class=\"exit-off-canvas\"></a>\n      </div>\n    </main>"])));
+        return (0, _polymerElement.html)(_templateObject_ca487d401f2611eda0c389891c227ec8 || (_templateObject_ca487d401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        font-size: 16px;\n        box-sizing: content-box;\n      }\n      #content[data-loading] {\n        opacity: .2 !important;\n        pointer-events: none;\n      }\n      #content {\n        opacity: 1;\n        visibility: visible;\n        transition: all .4s ease;\n      }\n      #block-mooc-nav-block-mooc-nav-nav {\n        z-index: 1;\n      }\n    </style>\n    <div id=\"hackycontainer\"><style id=\"hackycsspotterhates\"></style></div>\n    <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n      id=\"fulloutlinepath\"\n      url=\"[[fullOutlinePath]]\"\n      handle-as=\"json\"\n      on-response=\"handleOutlineResponse\"\n      last-response=\"{{outlineData}}\"></iron-ajax>\n    <iron-ajax\n      reject-with-request\n      on-last-error-changed=\"lastErrorChanged\"\n      id=\"pageajax\"\n      params=\"[[requestParams]]\"\n      url=\"[[sourcePath]]\"\n      handle-as=\"json\"\n      on-response=\"handleResponse\"\n      last-response=\"{{pageData}}\"\n      loading=\"{{_loading}}\"></iron-ajax>\n    <app-location route=\"{{route}}\" query-params=\"{{queryParams}}\"></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:type/:id\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\">\n    </app-route>\n    <main id=\"etb-tool-nav\" data-offcanvas=\"\">\n      <div id=\"anchor\"></div>\n      <div class=\"inner-wrap\">\n        <section class=\"main-section etb-book\" style=\"min-height: 318px;\">\n          <h2 class=\"element-invisible\">Content navigation</h2>\n          <div class=\"r-header row\">\n            <div class=\"r-header__left\">\n              <div class=\"book-navigation-header book-sibling-nav-container book-navigation-header-2\">\n                <div class=\"book-navigation-header book-sibling-nav-container\">\n                  <lrnsys-dialog id=\"outlinepopover\" data-voicecommand=\"open outline\" label=\"Outline\" header=\"Outline\">\n                    <span slot=\"button\">\n                      <simple-icon icon=\"explore\"></simple-icon>\n                      Outline\n                    </span>\n                    <div class=\"elmsln-modal-content\" id=\"block-mooc-helper-mooc-helper-toc-nav-modal\">\n                      <div id=\"outlinemodal\" on-click=\"_modalTap\"><slot name=\"outlinemodal\"></slot></div>\n                    </div>\n                  </lrnsys-dialog>\n                  <div id=\"navigation\"><slot name=\"navigation\"></slot></div>\n                </div>\n              </div>\n            </div>\n            <div id=\"options\" class=\"r-header__right\">\n              <slot name=\"options\"></slot>\n            </div>\n          </div>\n          <div class=\"elmsln-content-wrap\" role=\"main\">\n          <responsive-grid-row gutter=\"4\">\n            <responsive-grid-col xl=\"2\" lg=\"2\" md=\"3\" sm=\"3\" xs=\"12\">\n              <section id=\"block-mooc-nav-block-mooc-nav-nav\" class=\"mooc-nav-block-left block block-mooc-nav-block contextual-links-region block-mooc-nav-block-mooc-nav column\" role=\"navigation\" aria-label$=\"[[outlineTitle]]\">\n                <div class=\"block-mooc-nav-block-mooc-title black white-text\">[[outlineTitle]]</div>\n                <div id=\"outline\"><slot name=\"outline\"></slot></div>\n              </section>\n              <div id=\"blocks\"><slot name=\"blocks\"></slot></div>\n            </responsive-grid-col>\n            <responsive-grid-col xl=\"9\" lg=\"9\" md=\"9\" sm=\"9\" xs=\"12\">\n              <a id=\"main-content\" class=\"scrollspy\" data-scrollspy=\"scrollspy\"></a>\n              <div class=\"column\">\n                <div id=\"content\" data-loading$=\"[[loading]]\"><slot name=\"content\"></slot></div>\n              </div>\n            </responsive-grid-col>\n          </responsive-grid-row>\n        </section>\n        <a class=\"exit-off-canvas\"></a>\n      </div>\n    </main>"])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-loading/elmsln-loading.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-loading/elmsln-loading.js
index c3bbcc48302..a7bb1d85272 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-loading/elmsln-loading.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-loading/elmsln-loading.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
   });
   _exports.ElmslnLoading = void 0;
 
-  var _templateObject_a2b8c8f01f0511ed8cc3e9a95995ad69, _templateObject2_a2b8c8f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7d5f28801f2611eda0c389891c227ec8, _templateObject2_7d5f28801f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -70,7 +70,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_a2b8c8f01f0511ed8cc3e9a95995ad69 || (_templateObject_a2b8c8f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon\n        icon=\"lrn:network\"\n        accent-color=\"", "\"\n        contrast=\"", "\"\n        dark=\"", "\"\n      ></simple-icon>\n    "])), this.accentColor, this.contrast, this.dark);
+        return (0, _index.html)(_templateObject_7d5f28801f2611eda0c389891c227ec8 || (_templateObject_7d5f28801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon\n        icon=\"lrn:network\"\n        accent-color=\"", "\"\n        contrast=\"", "\"\n        dark=\"", "\"\n      ></simple-icon>\n    "])), this.accentColor, this.contrast, this.dark);
       }
     }, {
       key: "_getAccentColor",
@@ -88,7 +88,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnLoading), "styles", this)), [(0, _index.css)(_templateObject2_a2b8c8f01f0511ed8cc3e9a95995ad69 || (_templateObject2_a2b8c8f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        @-moz-keyframes spin {\n          100% {\n            -moz-transform: rotate(60deg);\n            filter: saturate(10) invert(0.9);\n          }\n        }\n        @-webkit-keyframes spin {\n          100% {\n            -webkit-transform: rotate(60deg);\n            filter: saturate(10) invert(0.9);\n          }\n        }\n        @keyframes spin {\n          100% {\n            -webkit-transform: rotate(60deg);\n            transform: rotate(60deg);\n          }\n        }\n        :host simple-icon {\n          display: block;\n          -webkit-animation: spin 1.25s ease-out infinite;\n          -moz-animation: spin 1.25s ease-out infinite;\n          animation: spin 1.25s ease-out infinite;\n        }\n        :host([size=\"tiny\"]) simple-icon {\n          --simple-icon-width: 16px;\n          --simple-icon-height: 16px;\n          -webkit-animation: spin 0.75s ease-out infinite;\n          -moz-animation: spin 0.75s ease-out infinite;\n          animation: spin 0.75s ease-out infinite;\n        }\n        :host([size=\"small\"]) simple-icon {\n          --simple-icon-width: 32px;\n          --simple-icon-height: 32px;\n          -webkit-animation: spin 1s ease-out infinite;\n          -moz-animation: spin 1s ease-out infinite;\n          animation: spin 1s ease-out infinite;\n        }\n        :host([size=\"medium\"]) simple-icon {\n          --simple-icon-width: 64px;\n          --simple-icon-height: 64px;\n          -webkit-animation: spin 1.25s ease-out infinite;\n          -moz-animation: spin 1.25s ease-out infinite;\n          animation: spin 1.25s ease-out infinite;\n        }\n        :host([size=\"large\"]) simple-icon {\n          --simple-icon-width: 80px;\n          --simple-icon-height: 80px;\n          -webkit-animation: spin 1.25s ease-out infinite;\n          -moz-animation: spin 1.25s ease-out infinite;\n          animation: spin 1.25s ease-out infinite;\n        }\n        :host([size=\"epic\"]) simple-icon {\n          --simple-icon-width: 400px;\n          --simple-icon-height: 400px;\n          -webkit-animation: spin 2s ease-out infinite;\n          -moz-animation: spin 2s ease-out infinite;\n          animation: spin 2s ease-out infinite;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnLoading), "styles", this)), [(0, _index.css)(_templateObject2_7d5f28801f2611eda0c389891c227ec8 || (_templateObject2_7d5f28801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        @-moz-keyframes spin {\n          100% {\n            -moz-transform: rotate(60deg);\n            filter: saturate(10) invert(0.9);\n          }\n        }\n        @-webkit-keyframes spin {\n          100% {\n            -webkit-transform: rotate(60deg);\n            filter: saturate(10) invert(0.9);\n          }\n        }\n        @keyframes spin {\n          100% {\n            -webkit-transform: rotate(60deg);\n            transform: rotate(60deg);\n          }\n        }\n        :host simple-icon {\n          display: block;\n          -webkit-animation: spin 1.25s ease-out infinite;\n          -moz-animation: spin 1.25s ease-out infinite;\n          animation: spin 1.25s ease-out infinite;\n        }\n        :host([size=\"tiny\"]) simple-icon {\n          --simple-icon-width: 16px;\n          --simple-icon-height: 16px;\n          -webkit-animation: spin 0.75s ease-out infinite;\n          -moz-animation: spin 0.75s ease-out infinite;\n          animation: spin 0.75s ease-out infinite;\n        }\n        :host([size=\"small\"]) simple-icon {\n          --simple-icon-width: 32px;\n          --simple-icon-height: 32px;\n          -webkit-animation: spin 1s ease-out infinite;\n          -moz-animation: spin 1s ease-out infinite;\n          animation: spin 1s ease-out infinite;\n        }\n        :host([size=\"medium\"]) simple-icon {\n          --simple-icon-width: 64px;\n          --simple-icon-height: 64px;\n          -webkit-animation: spin 1.25s ease-out infinite;\n          -moz-animation: spin 1.25s ease-out infinite;\n          animation: spin 1.25s ease-out infinite;\n        }\n        :host([size=\"large\"]) simple-icon {\n          --simple-icon-width: 80px;\n          --simple-icon-height: 80px;\n          -webkit-animation: spin 1.25s ease-out infinite;\n          -moz-animation: spin 1.25s ease-out infinite;\n          animation: spin 1.25s ease-out infinite;\n        }\n        :host([size=\"epic\"]) simple-icon {\n          --simple-icon-width: 400px;\n          --simple-icon-height: 400px;\n          -webkit-animation: spin 2s ease-out infinite;\n          -moz-animation: spin 2s ease-out infinite;\n          animation: spin 2s ease-out infinite;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/elmsln-studio.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/elmsln-studio.js
index ea0802855a5..1d3a69dcc9e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/elmsln-studio.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/elmsln-studio.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../../lit-element-router/li
   _exports.ElmslnStudio = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a2c413901f0511ed8cc3e9a95995ad69;
+  var _templateObject_7d69afd01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -56,7 +56,7 @@ define(["exports", "require", "../../lit/index.js", "../../lit-element-router/li
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_a2c413901f0511ed8cc3e9a95995ad69 || (_templateObject_a2c413901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"studio-nav\">\n        <elmsln-studio-link\n          ?active=\"", "\"\n          href=\"", "\"\n          >Dashboard</elmsln-studio-link\n        >\n        <elmsln-studio-link\n          ?active=\"", "\"\n          href=\"", "submissions\"\n          >Submissions</elmsln-studio-link\n        >\n        <elmsln-studio-link\n          ?active=\"", "\"\n          href=\"", "assignments\"\n          >Assignments</elmsln-studio-link\n        >\n        <elmsln-studio-link\n          ?active=\"", "\"\n          href=\"", "activity\"\n          >Activity Index</elmsln-studio-link\n        >\n      </div>\n      <br />\n      <elmsln-studio-main active-route=\"", "\">\n        <elmsln-studio-dashboard\n          ?demo-mode=\"", "\"\n          .discussion=\"", "\"\n          @fetch-data=\"", "\"\n          route=\"dashboard\"\n          .profile=\"", "\"\n          .submissions=\"", "\"\n        >\n        </elmsln-studio-dashboard>\n        <elmsln-studio-submissions\n          assignment-filter=\"", "\"\n          .comments=\"", "\"\n          ?demo-mode=\"", "\"\n          @fetch-data=\"", "\"\n          ?grid=\"", "\"\n          route=\"submissions\"\n          project-filter=\"", "\"\n          student-filter=\"", "\"\n          .submissions=\"", "\"\n        >\n        </elmsln-studio-submissions>\n        <elmsln-studio-portfolio\n          comment=\"", "\"\n          ?demo-mode=\"", "\"\n          .feedback=\"", "\"\n          @fetch-data=\"", "\"\n          .portfolio=\"", "\"\n          route=\"project\"\n          ?sort-latest=\"", "\"\n          submission-filter=\"", "\"\n          .navigation=\"", "\"\n        >\n        </elmsln-studio-portfolio>\n        <elmsln-studio-assignments\n          ?demo-mode=\"", "\"\n          @fetch-data=\"", "\"\n          .lessons=\"", "\"\n          .profile=\"", "\"\n          route=\"assignments\"\n        >\n        </elmsln-studio-assignments>\n        <elmsln-studio-assignment\n          .assignment=\"", "\"\n          .assignments=\"", "\"\n          ?demo-mode=\"", "\"\n          @fetch-data=\"", "\"\n          route=\"assignment\"\n          .submission=\"", "\"\n        >\n        </elmsln-studio-assignment>\n      </elmsln-studio-main>\n    "])), this.route === "dashboard", this.basePath, this.route === "submissions" || this.route === "project", this.basePath, this.route === "assignments" || this.route === "assignment", this.basePath, this.route === "activity", this.basePath, this.route, this.demoMode, this.recentDiscussions, this._handleFetch, this.profile, this.recentSubmissions, this.query.assignment || "", !this.discussion ? undefined : Object.keys(this.discussion || {}).map(function (key) {
+        return (0, _index.html)(_templateObject_7d69afd01f2611eda0c389891c227ec8 || (_templateObject_7d69afd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"studio-nav\">\n        <elmsln-studio-link\n          ?active=\"", "\"\n          href=\"", "\"\n          >Dashboard</elmsln-studio-link\n        >\n        <elmsln-studio-link\n          ?active=\"", "\"\n          href=\"", "submissions\"\n          >Submissions</elmsln-studio-link\n        >\n        <elmsln-studio-link\n          ?active=\"", "\"\n          href=\"", "assignments\"\n          >Assignments</elmsln-studio-link\n        >\n        <elmsln-studio-link\n          ?active=\"", "\"\n          href=\"", "activity\"\n          >Activity Index</elmsln-studio-link\n        >\n      </div>\n      <br />\n      <elmsln-studio-main active-route=\"", "\">\n        <elmsln-studio-dashboard\n          ?demo-mode=\"", "\"\n          .discussion=\"", "\"\n          @fetch-data=\"", "\"\n          route=\"dashboard\"\n          .profile=\"", "\"\n          .submissions=\"", "\"\n        >\n        </elmsln-studio-dashboard>\n        <elmsln-studio-submissions\n          assignment-filter=\"", "\"\n          .comments=\"", "\"\n          ?demo-mode=\"", "\"\n          @fetch-data=\"", "\"\n          ?grid=\"", "\"\n          route=\"submissions\"\n          project-filter=\"", "\"\n          student-filter=\"", "\"\n          .submissions=\"", "\"\n        >\n        </elmsln-studio-submissions>\n        <elmsln-studio-portfolio\n          comment=\"", "\"\n          ?demo-mode=\"", "\"\n          .feedback=\"", "\"\n          @fetch-data=\"", "\"\n          .portfolio=\"", "\"\n          route=\"project\"\n          ?sort-latest=\"", "\"\n          submission-filter=\"", "\"\n          .navigation=\"", "\"\n        >\n        </elmsln-studio-portfolio>\n        <elmsln-studio-assignments\n          ?demo-mode=\"", "\"\n          @fetch-data=\"", "\"\n          .lessons=\"", "\"\n          .profile=\"", "\"\n          route=\"assignments\"\n        >\n        </elmsln-studio-assignments>\n        <elmsln-studio-assignment\n          .assignment=\"", "\"\n          .assignments=\"", "\"\n          ?demo-mode=\"", "\"\n          @fetch-data=\"", "\"\n          route=\"assignment\"\n          .submission=\"", "\"\n        >\n        </elmsln-studio-assignment>\n      </elmsln-studio-main>\n    "])), this.route === "dashboard", this.basePath, this.route === "submissions" || this.route === "project", this.basePath, this.route === "assignments" || this.route === "assignment", this.basePath, this.route === "activity", this.basePath, this.route, this.demoMode, this.recentDiscussions, this._handleFetch, this.profile, this.recentSubmissions, this.query.assignment || "", !this.discussion ? undefined : Object.keys(this.discussion || {}).map(function (key) {
           return _this2.discussion[key];
         }), this.demoMode, this._handleFetch, this.query.grid || false, this.query.project || "", this.query.student || "", this.completedSubmissions, this.query.comment || "", this.demoMode, this.submissionFeedback, this._handleFetch, this.portfolio, this.query.sort === "latest", this.query.submission || "", this.prevNextSubmission, this.demoMode, this._handleFetch, this.lessons, this.profile, this.assignment, this.assignments, this.demoMode, this._handleFetch, this.submission);
       }
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-assignment.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-assignment.js
index da2abbb2408..88de4d6f221 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-assignment.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-assignment.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "./elmsln-studio-styles.j
   _exports.ElmslnStudioAssignment = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject2_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject3_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject4_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject5_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject6_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject7_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject8_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject9_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject10_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject11_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject12_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject13_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject14_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject15_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject16_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject17_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject18_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject19_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject20_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject21_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject22_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject23_dcd8d9d01f0511ed8cc3e9a95995ad69, _templateObject24_dcd8d9d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b33051a01f2611eda0c389891c227ec8, _templateObject2_b33051a01f2611eda0c389891c227ec8, _templateObject3_b33051a01f2611eda0c389891c227ec8, _templateObject4_b33051a01f2611eda0c389891c227ec8, _templateObject5_b33051a01f2611eda0c389891c227ec8, _templateObject6_b33051a01f2611eda0c389891c227ec8, _templateObject7_b33051a01f2611eda0c389891c227ec8, _templateObject8_b33051a01f2611eda0c389891c227ec8, _templateObject9_b33051a01f2611eda0c389891c227ec8, _templateObject10_b33051a01f2611eda0c389891c227ec8, _templateObject11_b33051a01f2611eda0c389891c227ec8, _templateObject12_b33051a01f2611eda0c389891c227ec8, _templateObject13_b33051a01f2611eda0c389891c227ec8, _templateObject14_b33051a01f2611eda0c389891c227ec8, _templateObject15_b33051a01f2611eda0c389891c227ec8, _templateObject16_b33051a01f2611eda0c389891c227ec8, _templateObject17_b33051a01f2611eda0c389891c227ec8, _templateObject18_b33051a01f2611eda0c389891c227ec8, _templateObject19_b33051a01f2611eda0c389891c227ec8, _templateObject20_b33051a01f2611eda0c389891c227ec8, _templateObject21_b33051a01f2611eda0c389891c227ec8, _templateObject22_b33051a01f2611eda0c389891c227ec8, _templateObject23_b33051a01f2611eda0c389891c227ec8, _templateObject24_b33051a01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -94,7 +94,7 @@ define(["exports", "require", "../../../lit/index.js", "./elmsln-studio-styles.j
       key: "render",
       value: // render function
       function render() {
-        return this.assignments && !this.assignment ? this.message404("Assignment", "Assignments", "/assignments") : (0, _index.html)(_templateObject_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          ", " ", "\n          <div\n            id=\"primary\"\n            class=\"view-assignment ", "\"\n          >\n            <article id=\"assignment\">\n              <h1>\n                <span class=\"lesson-name\">\n                  ", "\n                </span>\n                <span class=\"assignment-name\">\n                  ", "\n                </span>\n              </h1>\n              ", "\n              <p class=\"assignment-body\">\n                ", "\n              </p>\n              ", "\n              ", " ", " ", " ", "\n            </article>\n          </div>\n          ", "\n        "])), this.breadcrumb, this.alert, this.assignmentStatus.toLowerCase().replace(/\s/, "-"), !this.assignment ? (0, _index.html)(_templateObject2_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject2_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<em>Lesson</em>"]))) : this.assignment.lesson, !this.assignment ? (0, _index.html)(_templateObject3_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject3_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<em>Assignment</em>"]))) : this.assignment.assignment, !(this.assignment || {}).date ? "" : (0, _index.html)(_templateObject4_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject4_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <p class=\"assignment-date\">\n                      Due\n                      <local-time\n                        month=\"long\"\n                        day=\"numeric\"\n                        year=\"numeric\"\n                        hour=\"2-digit\"\n                        minute=\"2-digit\"\n                        second=\"2-digit\"\n                        time-zone-name=\"short\"\n                        .datetime=\"", "\"\n                        >", "\n                      </local-time>\n                    </p>\n                  "])), this.assignment.date, this.dateFormat(this.assignment.date)), !this.assignment ? this.loading("grey") : this.assignment.body, !(this.assignment || {}).rubric ? "" : this.rubricTable(this.assignment.rubric), this.sources, this.links, this.bodytext, this.actions, this.nav);
+        return this.assignments && !this.assignment ? this.message404("Assignment", "Assignments", "/assignments") : (0, _index.html)(_templateObject_b33051a01f2611eda0c389891c227ec8 || (_templateObject_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          ", " ", "\n          <div\n            id=\"primary\"\n            class=\"view-assignment ", "\"\n          >\n            <article id=\"assignment\">\n              <h1>\n                <span class=\"lesson-name\">\n                  ", "\n                </span>\n                <span class=\"assignment-name\">\n                  ", "\n                </span>\n              </h1>\n              ", "\n              <p class=\"assignment-body\">\n                ", "\n              </p>\n              ", "\n              ", " ", " ", " ", "\n            </article>\n          </div>\n          ", "\n        "])), this.breadcrumb, this.alert, this.assignmentStatus.toLowerCase().replace(/\s/, "-"), !this.assignment ? (0, _index.html)(_templateObject2_b33051a01f2611eda0c389891c227ec8 || (_templateObject2_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<em>Lesson</em>"]))) : this.assignment.lesson, !this.assignment ? (0, _index.html)(_templateObject3_b33051a01f2611eda0c389891c227ec8 || (_templateObject3_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<em>Assignment</em>"]))) : this.assignment.assignment, !(this.assignment || {}).date ? "" : (0, _index.html)(_templateObject4_b33051a01f2611eda0c389891c227ec8 || (_templateObject4_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <p class=\"assignment-date\">\n                      Due\n                      <local-time\n                        month=\"long\"\n                        day=\"numeric\"\n                        year=\"numeric\"\n                        hour=\"2-digit\"\n                        minute=\"2-digit\"\n                        second=\"2-digit\"\n                        time-zone-name=\"short\"\n                        .datetime=\"", "\"\n                        >", "\n                      </local-time>\n                    </p>\n                  "])), this.assignment.date, this.dateFormat(this.assignment.date)), !this.assignment ? this.loading("grey") : this.assignment.body, !(this.assignment || {}).rubric ? "" : this.rubricTable(this.assignment.rubric), this.sources, this.links, this.bodytext, this.actions, this.nav);
       } // properties available to the custom element for data binding
 
     }, {
@@ -123,7 +123,7 @@ define(["exports", "require", "../../../lit/index.js", "./elmsln-studio-styles.j
     }, {
       key: "actions",
       get: function get() {
-        return !this.editable ? (0, _index.html)(_templateObject5_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject5_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject6_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject6_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <section id=\"actions\">\n            <elmsln-studio-button class=\"delete\" icon=\"delete\" path=\"\"\n              >Delete</elmsln-studio-button\n            >\n            <span class=\"spacer\"></span>\n            <elmsln-studio-button class=\"save\" path=\"\"\n              >Save Draft</elmsln-studio-button\n            >\n            <elmsln-studio-button class=\"submit\" icon=\"done\" path=\"\"\n              ><span slot=\"before\">Submit Assignment</span>\n            </elmsln-studio-button>\n          </section>\n        "])));
+        return !this.editable ? (0, _index.html)(_templateObject5_b33051a01f2611eda0c389891c227ec8 || (_templateObject5_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject6_b33051a01f2611eda0c389891c227ec8 || (_templateObject6_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <section id=\"actions\">\n            <elmsln-studio-button class=\"delete\" icon=\"delete\" path=\"\"\n              >Delete</elmsln-studio-button\n            >\n            <span class=\"spacer\"></span>\n            <elmsln-studio-button class=\"save\" path=\"\"\n              >Save Draft</elmsln-studio-button\n            >\n            <elmsln-studio-button class=\"submit\" icon=\"done\" path=\"\"\n              ><span slot=\"before\">Submit Assignment</span>\n            </elmsln-studio-button>\n          </section>\n        "])));
       }
     }, {
       key: "alert",
@@ -132,7 +132,7 @@ define(["exports", "require", "../../../lit/index.js", "./elmsln-studio-styles.j
 
         var getAlert = function getAlert(message, date) {
           var icon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-          return (0, _index.html)(_templateObject7_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject7_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <p\n            id=\"alert\"\n            class=\"", "\"\n          >\n            ", "\n            ", "\n            ", "\n          </p>\n          <simple-tooltip for=\"alert-avatar\">\n            ", "\n          </simple-tooltip>"])), _this3.assignmentStatus.toLowerCase().replace(/\s/, "-"), !icon ? "" : (0, _index.html)(_templateObject8_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject8_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-icon-lite\n                    id=\"alert-avatar\"\n                    accent-color=\"", "\"\n                    icon=\"", "\"\n                  >\n                  </simple-icon-lite>\n                "])), _this3.getStatusColor(_this3.submission, _this3.assignment || {}), _this3.getStatusIcon(_this3.submission, _this3.assignment || {})), message, date ? (0, _index.html)(_templateObject9_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject9_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <local-time\n                    month=\"long\"\n                    day=\"numeric\"\n                    year=\"numeric\"\n                    hour=\"2-digit\"\n                    minute=\"2-digit\"\n                    second=\"2-digit\"\n                    time-zone-name=\"short\"\n                    .datetime=\"", "\"\n                  >\n                    ", "\n                  </local-time>\n                "])), date, _this3.dateFormat(date)) : "", _this3.assignmentStatus);
+          return (0, _index.html)(_templateObject7_b33051a01f2611eda0c389891c227ec8 || (_templateObject7_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <p\n            id=\"alert\"\n            class=\"", "\"\n          >\n            ", "\n            ", "\n            ", "\n          </p>\n          <simple-tooltip for=\"alert-avatar\">\n            ", "\n          </simple-tooltip>"])), _this3.assignmentStatus.toLowerCase().replace(/\s/, "-"), !icon ? "" : (0, _index.html)(_templateObject8_b33051a01f2611eda0c389891c227ec8 || (_templateObject8_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-icon-lite\n                    id=\"alert-avatar\"\n                    accent-color=\"", "\"\n                    icon=\"", "\"\n                  >\n                  </simple-icon-lite>\n                "])), _this3.getStatusColor(_this3.submission, _this3.assignment || {}), _this3.getStatusIcon(_this3.submission, _this3.assignment || {})), message, date ? (0, _index.html)(_templateObject9_b33051a01f2611eda0c389891c227ec8 || (_templateObject9_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <local-time\n                    month=\"long\"\n                    day=\"numeric\"\n                    year=\"numeric\"\n                    hour=\"2-digit\"\n                    minute=\"2-digit\"\n                    second=\"2-digit\"\n                    time-zone-name=\"short\"\n                    .datetime=\"", "\"\n                  >\n                    ", "\n                  </local-time>\n                "])), date, _this3.dateFormat(date)) : "", _this3.assignmentStatus);
         },
             alertMessage = this.getStatus(this.submission, this.assignment || {}, this.tooLate ? getAlert("Assignment closed for submission on ", this.assignment.hideDate) : getAlert("Assignment is overdue!"), getAlert("Assignment submitted late on ", (this.submission || {}).date), getAlert("Assignment submitted on ", (this.submission || {}).date), this.tooEarly ? getAlert("Assignment will open for submission on", this.assignment.showDate, false) : "");
 
@@ -148,12 +148,12 @@ define(["exports", "require", "../../../lit/index.js", "./elmsln-studio-styles.j
       get: function get() {
         var body = !(this.submission || {}).body ? "" : this.submission.body.trim(),
             bodyEmpty = body == "" && !this.editable;
-        return !this.assignment || bodyEmpty ? "" : (0, _index.html)(_templateObject10_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject10_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <section id=\"text\">\n            <h2 class=\"sr-only\">Text</h2>\n            ", "\n          </section>\n        "])), !this.editable ? body : (0, _index.html)(_templateObject11_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject11_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <rich-text-editor-toolbar-full\n                    show=\"always\"\n                    id=\"toolbar\"\n                    controls=\"editor\"\n                    .config=\"", "\"\n                    sticky\n                  >\n                  </rich-text-editor-toolbar-full>\n                  <rich-text-editor\n                    id=\"editor\"\n                    toolbar=\"toolbar\"\n                    type=\"rich-text-editor-toolbar-full\"\n                  >\n                    ", "\n                  </rich-text-editor>\n                "])), this.__editorConfig, body || (0, _index.html)(_templateObject12_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject12_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<p>Add text</p>"])))));
+        return !this.assignment || bodyEmpty ? "" : (0, _index.html)(_templateObject10_b33051a01f2611eda0c389891c227ec8 || (_templateObject10_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <section id=\"text\">\n            <h2 class=\"sr-only\">Text</h2>\n            ", "\n          </section>\n        "])), !this.editable ? body : (0, _index.html)(_templateObject11_b33051a01f2611eda0c389891c227ec8 || (_templateObject11_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <rich-text-editor-toolbar-full\n                    show=\"always\"\n                    id=\"toolbar\"\n                    controls=\"editor\"\n                    .config=\"", "\"\n                    sticky\n                  >\n                  </rich-text-editor-toolbar-full>\n                  <rich-text-editor\n                    id=\"editor\"\n                    toolbar=\"toolbar\"\n                    type=\"rich-text-editor-toolbar-full\"\n                  >\n                    ", "\n                  </rich-text-editor>\n                "])), this.__editorConfig, body || (0, _index.html)(_templateObject12_b33051a01f2611eda0c389891c227ec8 || (_templateObject12_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<p>Add text</p>"])))));
       }
     }, {
       key: "breadcrumb",
       get: function get() {
-        return (0, _index.html)(_templateObject13_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject13_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"breadcrumb\">\n        <elmsln-studio-link href=\"assignments\">Assignments</elmsln-studio-link>\n        <span> > </span>\n        <span>\n          ", "\n        </span>\n      </div>\n    "])), !this.assignment ? (0, _index.html)(_templateObject14_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject14_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<em>Assignment</em>"]))) : this.assignment.assignment);
+        return (0, _index.html)(_templateObject13_b33051a01f2611eda0c389891c227ec8 || (_templateObject13_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"breadcrumb\">\n        <elmsln-studio-link href=\"assignments\">Assignments</elmsln-studio-link>\n        <span> > </span>\n        <span>\n          ", "\n        </span>\n      </div>\n    "])), !this.assignment ? (0, _index.html)(_templateObject14_b33051a01f2611eda0c389891c227ec8 || (_templateObject14_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<em>Assignment</em>"]))) : this.assignment.assignment);
       }
     }, {
       key: "editable",
@@ -166,11 +166,11 @@ define(["exports", "require", "../../../lit/index.js", "./elmsln-studio-styles.j
         var _this4 = this;
 
         var linksEmpty = (this.__links || []).length < 1 && !this.editable;
-        return !this.assignment || linksEmpty ? "" : (0, _index.html)(_templateObject15_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject15_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <section id=\"links\">\n            <h2 class=\"sr-only\">Links</h2>\n            <ul id=\"linklist\">\n              ", "\n              ", "\n            </ul>\n          </section>\n        "])), (this.__links || []).map(function (link, i) {
-          return (0, _index.html)(_templateObject16_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject16_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <li>\n                    <a id=\"link-", "\" href=\"link.url\" class=\"link ", "\">\n                      ", " (", ")\n                    </a>\n                    ", "\n                  </li>\n                "])), i, link.type, link.text, link.url, !_this4.editable ? "" : (0, _index.html)(_templateObject17_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject17_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                          <button\n                            aria-controls=\"source-", "\"\n                            @click=\"", "\"\n                          >\n                            <span class=\"sr-only\">delete link</span>\n                            <simple-icon-lite icon=\"delete\"></simple-icon-lite>\n                          </button>\n                        "])), i, function (e) {
+        return !this.assignment || linksEmpty ? "" : (0, _index.html)(_templateObject15_b33051a01f2611eda0c389891c227ec8 || (_templateObject15_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <section id=\"links\">\n            <h2 class=\"sr-only\">Links</h2>\n            <ul id=\"linklist\">\n              ", "\n              ", "\n            </ul>\n          </section>\n        "])), (this.__links || []).map(function (link, i) {
+          return (0, _index.html)(_templateObject16_b33051a01f2611eda0c389891c227ec8 || (_templateObject16_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <li>\n                    <a id=\"link-", "\" href=\"link.url\" class=\"link ", "\">\n                      ", " (", ")\n                    </a>\n                    ", "\n                  </li>\n                "])), i, link.type, link.text, link.url, !_this4.editable ? "" : (0, _index.html)(_templateObject17_b33051a01f2611eda0c389891c227ec8 || (_templateObject17_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                          <button\n                            aria-controls=\"source-", "\"\n                            @click=\"", "\"\n                          >\n                            <span class=\"sr-only\">delete link</span>\n                            <simple-icon-lite icon=\"delete\"></simple-icon-lite>\n                          </button>\n                        "])), i, function (e) {
             return _this4._removeLink(i);
           }));
-        }), !this.editable ? "" : (0, _index.html)(_templateObject18_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject18_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <li>\n                      <label for=\"linktext\" class=\"sr-only\">Text</label>\n                      <input\n                        id=\"linktext\"\n                        @change=\"", "\"\n                        placeholder=\"link text\"\n                        type=\"text\"\n                      />\n                      <label for=\"linkurl\" class=\"sr-only\">URL</label>\n                      <input\n                        id=\"linkurl\"\n                        @change=\"", "\"\n                        placeholder=\"url\"\n                        required\n                        type=\"url\"\n                      />\n                      <button\n                        id=\"linkbutton\"\n                        aria-controls=\"linklist\"\n                        aria-describedby=\"linktext linkurl\"\n                        @click=\"", "\"\n                        ?disabled=\"", "\"\n                      >\n                        <span class=\"sr-only\">add link</span>\n                        <simple-icon-lite icon=\"add\"></simple-icon-lite>\n                      </button>\n                      <simple-tooltip for=\"linkbutton\"\n                        >Add this link.</simple-tooltip\n                      >\n                    </li>\n                  "])), function (e) {
+        }), !this.editable ? "" : (0, _index.html)(_templateObject18_b33051a01f2611eda0c389891c227ec8 || (_templateObject18_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <li>\n                      <label for=\"linktext\" class=\"sr-only\">Text</label>\n                      <input\n                        id=\"linktext\"\n                        @change=\"", "\"\n                        placeholder=\"link text\"\n                        type=\"text\"\n                      />\n                      <label for=\"linkurl\" class=\"sr-only\">URL</label>\n                      <input\n                        id=\"linkurl\"\n                        @change=\"", "\"\n                        placeholder=\"url\"\n                        required\n                        type=\"url\"\n                      />\n                      <button\n                        id=\"linkbutton\"\n                        aria-controls=\"linklist\"\n                        aria-describedby=\"linktext linkurl\"\n                        @click=\"", "\"\n                        ?disabled=\"", "\"\n                      >\n                        <span class=\"sr-only\">add link</span>\n                        <simple-icon-lite icon=\"add\"></simple-icon-lite>\n                      </button>\n                      <simple-tooltip for=\"linkbutton\"\n                        >Add this link.</simple-tooltip\n                      >\n                    </li>\n                  "])), function (e) {
           return _this4.__newLinkText = _this4._getFieldVal("linktext");
         }, function (e) {
           return _this4.__newLinkUrl = _this4._getFieldVal("linkurl");
@@ -208,11 +208,11 @@ define(["exports", "require", "../../../lit/index.js", "./elmsln-studio-styles.j
         var _this5 = this;
 
         var sourcesEmpty = (this.__sources || []).length < 1 && !this.editable;
-        return !this.assignment || sourcesEmpty ? "" : (0, _index.html)(_templateObject19_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject19_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <section id=\"uploads\">\n            <h2 class=\"sr-only\">Uploads</h2>\n            <ul id=\"uploadlist\">\n              ", "\n              ", "\n            </ul>\n          </section>\n        "])), (this.__sources || []).map(function (source, i) {
-          return (0, _index.html)(_templateObject20_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject20_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <li\n                    id=\"source-", "\"\n                    style=\"background-image: url(", ")\"\n                  >\n                    ", "\n                  </li>\n                "])), i, source.src, !_this5.editable ? "" : (0, _index.html)(_templateObject21_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject21_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <button\n                          aria-controls=\"source-", "\"\n                          class=\"delete-upload\"\n                          @click=\"", "\"\n                        >\n                          <span class=\"sr-only\"\n                            >delete ", "</span\n                          >\n                          <simple-icon-lite icon=\"delete\"></simple-icon-lite>\n                        </button>"])), i, function (e) {
+        return !this.assignment || sourcesEmpty ? "" : (0, _index.html)(_templateObject19_b33051a01f2611eda0c389891c227ec8 || (_templateObject19_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <section id=\"uploads\">\n            <h2 class=\"sr-only\">Uploads</h2>\n            <ul id=\"uploadlist\">\n              ", "\n              ", "\n            </ul>\n          </section>\n        "])), (this.__sources || []).map(function (source, i) {
+          return (0, _index.html)(_templateObject20_b33051a01f2611eda0c389891c227ec8 || (_templateObject20_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <li\n                    id=\"source-", "\"\n                    style=\"background-image: url(", ")\"\n                  >\n                    ", "\n                  </li>\n                "])), i, source.src, !_this5.editable ? "" : (0, _index.html)(_templateObject21_b33051a01f2611eda0c389891c227ec8 || (_templateObject21_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <button\n                          aria-controls=\"source-", "\"\n                          class=\"delete-upload\"\n                          @click=\"", "\"\n                        >\n                          <span class=\"sr-only\"\n                            >delete ", "</span\n                          >\n                          <simple-icon-lite icon=\"delete\"></simple-icon-lite>\n                        </button>"])), i, function (e) {
             return _this5._removeUpload(i);
           }, source.alt || source.src));
-        }), !this.editable ? (0, _index.html)(_templateObject22_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject22_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div></div>"]))) : (0, _index.html)(_templateObject23_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject23_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <li>\n                      <vaadin-upload\n                        id=\"add-upload\"\n                        @upload-before=\"", "\"\n                      >\n                        <button slot=\"add-button\">\n                          <simple-icon-lite icon=\"add\"></simple-icon-lite>\n                          <span class=\"sr-only\">Upload Files...</span>\n                        </button>\n                        <span slot=\"drop-label\"\n                          ><span class=\"sr-only\">Drop files here.</span></span\n                        >\n                      </vaadin-upload>\n                      <span class=\"spacer\"></span>\n                      <simple-tooltip for=\"add-upload\"\n                        >Upload or drop files.</simple-tooltip\n                      >\n                    </li>\n                  "])), this._addUpload));
+        }), !this.editable ? (0, _index.html)(_templateObject22_b33051a01f2611eda0c389891c227ec8 || (_templateObject22_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div></div>"]))) : (0, _index.html)(_templateObject23_b33051a01f2611eda0c389891c227ec8 || (_templateObject23_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <li>\n                      <vaadin-upload\n                        id=\"add-upload\"\n                        @upload-before=\"", "\"\n                      >\n                        <button slot=\"add-button\">\n                          <simple-icon-lite icon=\"add\"></simple-icon-lite>\n                          <span class=\"sr-only\">Upload Files...</span>\n                        </button>\n                        <span slot=\"drop-label\"\n                          ><span class=\"sr-only\">Drop files here.</span></span\n                        >\n                      </vaadin-upload>\n                      <span class=\"spacer\"></span>\n                      <simple-tooltip for=\"add-upload\"\n                        >Upload or drop files.</simple-tooltip\n                      >\n                    </li>\n                  "])), this._addUpload));
       }
     }, {
       key: "tooEarly",
@@ -292,7 +292,7 @@ define(["exports", "require", "../../../lit/index.js", "./elmsln-studio-styles.j
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnStudioAssignment), "styles", this)), [(0, _index.css)(_templateObject24_dcd8d9d01f0511ed8cc3e9a95995ad69 || (_templateObject24_dcd8d9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          flex-wrap: wrap;\n        }\n        h1 {\n          text-align: center;\n          margin-bottom: calc(0.25 * var(--elmsln-studio-margin, 20px));\n        }\n        #breadcrumb {\n          margin: 0 0 var(--elmsln-studio-margin, 20px);\n          flex: 1 0 100%;\n          --elmsln-studio-link-Color: var(\n            --simple-colors-fixed-theme-light-blue-8\n          );\n          --elmsln-studio-link-focus-Color: var(\n            --simple-colors-fixed-theme-light-blue-9\n          );\n        }\n        #breadcrumb > * {\n          display: inline;\n        }\n        #alert {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin: 0;\n          font-size: calc(1 * var(--elmsln-studio-FontSize, 16px));\n          background-color: var(\n            --elmsln-studio-assignment-backgroundColor,\n            #ffffff\n          );\n          border: 1px solid var(--elmsln-studio-assignment-borderColor, #eaeaea);\n          border-bottom: none;\n        }\n        #alert simple-icon-lite {\n          width: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n          height: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n        }\n        #alert > * {\n          margin: 0 0.25em;\n        }\n        .submitted {\n          --elmsln-studio-assignment-color: var(\n            --simple-colors-default-theme-green-8,\n            #00762e\n          );\n        }\n        .submitted-late {\n          --elmsln-studio-assignment-backgroundColor: #fff8e4;\n          --elmsln-studio-assignment-borderColor: var(\n            --simple-colors-default-theme-amber-8,\n            #876800\n          );\n          --elmsln-studio-assignment-color: var(\n            --simple-colors-default-theme-amber-8,\n            #876800\n          );\n        }\n        .overdue {\n          --elmsln-studio-assignment-backgroundColor: #ffeeee;\n          --elmsln-studio-assignment-borderColor: var(\n            --simple-colors-default-theme-red-8,\n            #ac0000\n          );\n          --elmsln-studio-assignment-color: var(\n            --simple-colors-default-theme-red-8,\n            #ac0000\n          );\n        }\n        .assignment-name,\n        .assignment-name,\n        .assignment-date {\n          font-weight: normal;\n          display: block;\n        }\n        .assignment-name {\n          font-size: calc(1.75 * var(--elmsln-studio-FontSize, 16px));\n          color: #95989a;\n        }\n        #project-buttons,\n        .submission-header {\n          position: relative;\n          height: 40px;\n          margin-top: -40px;\n        }\n        section {\n          border-top: 2px solid #eaeaea;\n          padding: calc(0.5 * var(--elmsln-studio-margin, 20px)) 0\n            var(--elmsln-studio-margin, 20px);\n        }\n        h2 {\n          margin: calc(2 * var(--elmsln-studio-margin, 20px)) auto;\n          text-align: center;\n        }\n        .assignment-name {\n          font-size: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n          color: #555555;\n        }\n        .assignment-date {\n          margin: 0 0 calc(1 * var(--elmsln-studio-margin, 20px));\n          text-align: center;\n          font-size: var(--elmsln-studio-FontSize, 16px);\n          color: #95989a;\n        }\n        .assignment-body {\n          color: #95989a;\n          line-height: 160%;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px)) auto\n            var(--elmsln-studio-margin, 20px);\n        }\n        ul {\n          list-style-type: none;\n          padding-left: 0;\n        }\n        #uploadlist {\n          display: flex;\n          justify-content: flex-start;\n          flex-wrap: wrap;\n        }\n        #uploadlist li {\n          flex: 0 0 150px;\n          height: calc(32px + 150px);\n          background-position: center;\n          background-size: cover;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px));\n        }\n        #uploadlist li:last-child {\n          display: flex;\n          flex: 1 0 auto;\n        }\n        #uploadlist button {\n          width: 150px;\n          height: 150px;\n          border: 1px solid #eaeaea;\n          transition: all 0.5s ease-in-out;\n        }\n        #uploadlist button.delete-upload {\n          background-color: rgba(255, 255, 255, 0.6);\n          opacity: 0;\n        }\n        #uploadlist button:focus,\n        #uploadlist button:hover {\n          opacity: 1;\n          border: 1px solid blue;\n        }\n        vaadin-upload {\n          flex: 0 1 auto;\n        }\n        #linklist li {\n          display: flex;\n          align-items: center;\n          padding-left: -1em;\n          justify-content: space-between;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px)) 0;\n        }\n        #linklist .link,\n        #linkurl {\n          flex: 1 1 auto;\n        }\n        #linklist button {\n          flex: 0 1 auto;\n        }\n        #linklist input {\n          line-height: 2em;\n          margin: 0 calc(0.5 * var(--elmsln-studio-margin, 20px)) 0 0;\n          font-size: calc(1 * var(--elmsln-studio-FontSize, 16px));\n        }\n        #editor {\n          border: 1px solid #eaeaea;\n        }\n        #actions {\n          display: flex;\n          align-items: stretch;\n          justify-content: space-between;\n        }\n        .submit {\n          flex: 0 0 auto;\n          text-align: right;\n          --elmsln-studio-button-icon-color: var(\n            --simple-colors-default-theme-green-7\n          );\n        }\n        .save {\n          flex: 0 0 auto;\n          margin: 0 calc(0.5 * var(--elmsln-studio-margin, 20px));\n        }\n        .delete {\n          flex: 0 0 auto;\n          --elmsln-studio-button-icon-color: var(\n            --simple-colors-default-theme-red-7\n          );\n        }\n        .spacer {\n          flex: 1 1 auto;\n        }\n        #actions elmsln-studio-button:hover,\n        #actions elmsln-studio-button:focus-within {\n          text-decoration: underline;\n        }\n        @media screen and (min-width: 600px) {\n          #primary,\n          #alert {\n            max-width: calc(1000px - 2 * var(--elmsln-studio-margin, 20px));\n            margin: 0 auto;\n            border: 1px solid\n              var(--elmsln-studio-assignment-borderColor, #eaeaea);\n            padding: var(--elmsln-studio-margin, 20px);\n          }\n          #alert {\n            padding: calc(0.25 * var(--elmsln-studio-margin, 20px))\n              var(--elmsln-studio-margin, 20px);\n            border-bottom: 1px solid\n              var(--elmsln-studio-assignment-borderColor, #eaeaea);\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnStudioAssignment), "styles", this)), [(0, _index.css)(_templateObject24_b33051a01f2611eda0c389891c227ec8 || (_templateObject24_b33051a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          flex-wrap: wrap;\n        }\n        h1 {\n          text-align: center;\n          margin-bottom: calc(0.25 * var(--elmsln-studio-margin, 20px));\n        }\n        #breadcrumb {\n          margin: 0 0 var(--elmsln-studio-margin, 20px);\n          flex: 1 0 100%;\n          --elmsln-studio-link-Color: var(\n            --simple-colors-fixed-theme-light-blue-8\n          );\n          --elmsln-studio-link-focus-Color: var(\n            --simple-colors-fixed-theme-light-blue-9\n          );\n        }\n        #breadcrumb > * {\n          display: inline;\n        }\n        #alert {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin: 0;\n          font-size: calc(1 * var(--elmsln-studio-FontSize, 16px));\n          background-color: var(\n            --elmsln-studio-assignment-backgroundColor,\n            #ffffff\n          );\n          border: 1px solid var(--elmsln-studio-assignment-borderColor, #eaeaea);\n          border-bottom: none;\n        }\n        #alert simple-icon-lite {\n          width: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n          height: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n        }\n        #alert > * {\n          margin: 0 0.25em;\n        }\n        .submitted {\n          --elmsln-studio-assignment-color: var(\n            --simple-colors-default-theme-green-8,\n            #00762e\n          );\n        }\n        .submitted-late {\n          --elmsln-studio-assignment-backgroundColor: #fff8e4;\n          --elmsln-studio-assignment-borderColor: var(\n            --simple-colors-default-theme-amber-8,\n            #876800\n          );\n          --elmsln-studio-assignment-color: var(\n            --simple-colors-default-theme-amber-8,\n            #876800\n          );\n        }\n        .overdue {\n          --elmsln-studio-assignment-backgroundColor: #ffeeee;\n          --elmsln-studio-assignment-borderColor: var(\n            --simple-colors-default-theme-red-8,\n            #ac0000\n          );\n          --elmsln-studio-assignment-color: var(\n            --simple-colors-default-theme-red-8,\n            #ac0000\n          );\n        }\n        .assignment-name,\n        .assignment-name,\n        .assignment-date {\n          font-weight: normal;\n          display: block;\n        }\n        .assignment-name {\n          font-size: calc(1.75 * var(--elmsln-studio-FontSize, 16px));\n          color: #95989a;\n        }\n        #project-buttons,\n        .submission-header {\n          position: relative;\n          height: 40px;\n          margin-top: -40px;\n        }\n        section {\n          border-top: 2px solid #eaeaea;\n          padding: calc(0.5 * var(--elmsln-studio-margin, 20px)) 0\n            var(--elmsln-studio-margin, 20px);\n        }\n        h2 {\n          margin: calc(2 * var(--elmsln-studio-margin, 20px)) auto;\n          text-align: center;\n        }\n        .assignment-name {\n          font-size: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n          color: #555555;\n        }\n        .assignment-date {\n          margin: 0 0 calc(1 * var(--elmsln-studio-margin, 20px));\n          text-align: center;\n          font-size: var(--elmsln-studio-FontSize, 16px);\n          color: #95989a;\n        }\n        .assignment-body {\n          color: #95989a;\n          line-height: 160%;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px)) auto\n            var(--elmsln-studio-margin, 20px);\n        }\n        ul {\n          list-style-type: none;\n          padding-left: 0;\n        }\n        #uploadlist {\n          display: flex;\n          justify-content: flex-start;\n          flex-wrap: wrap;\n        }\n        #uploadlist li {\n          flex: 0 0 150px;\n          height: calc(32px + 150px);\n          background-position: center;\n          background-size: cover;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px));\n        }\n        #uploadlist li:last-child {\n          display: flex;\n          flex: 1 0 auto;\n        }\n        #uploadlist button {\n          width: 150px;\n          height: 150px;\n          border: 1px solid #eaeaea;\n          transition: all 0.5s ease-in-out;\n        }\n        #uploadlist button.delete-upload {\n          background-color: rgba(255, 255, 255, 0.6);\n          opacity: 0;\n        }\n        #uploadlist button:focus,\n        #uploadlist button:hover {\n          opacity: 1;\n          border: 1px solid blue;\n        }\n        vaadin-upload {\n          flex: 0 1 auto;\n        }\n        #linklist li {\n          display: flex;\n          align-items: center;\n          padding-left: -1em;\n          justify-content: space-between;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px)) 0;\n        }\n        #linklist .link,\n        #linkurl {\n          flex: 1 1 auto;\n        }\n        #linklist button {\n          flex: 0 1 auto;\n        }\n        #linklist input {\n          line-height: 2em;\n          margin: 0 calc(0.5 * var(--elmsln-studio-margin, 20px)) 0 0;\n          font-size: calc(1 * var(--elmsln-studio-FontSize, 16px));\n        }\n        #editor {\n          border: 1px solid #eaeaea;\n        }\n        #actions {\n          display: flex;\n          align-items: stretch;\n          justify-content: space-between;\n        }\n        .submit {\n          flex: 0 0 auto;\n          text-align: right;\n          --elmsln-studio-button-icon-color: var(\n            --simple-colors-default-theme-green-7\n          );\n        }\n        .save {\n          flex: 0 0 auto;\n          margin: 0 calc(0.5 * var(--elmsln-studio-margin, 20px));\n        }\n        .delete {\n          flex: 0 0 auto;\n          --elmsln-studio-button-icon-color: var(\n            --simple-colors-default-theme-red-7\n          );\n        }\n        .spacer {\n          flex: 1 1 auto;\n        }\n        #actions elmsln-studio-button:hover,\n        #actions elmsln-studio-button:focus-within {\n          text-decoration: underline;\n        }\n        @media screen and (min-width: 600px) {\n          #primary,\n          #alert {\n            max-width: calc(1000px - 2 * var(--elmsln-studio-margin, 20px));\n            margin: 0 auto;\n            border: 1px solid\n              var(--elmsln-studio-assignment-borderColor, #eaeaea);\n            padding: var(--elmsln-studio-margin, 20px);\n          }\n          #alert {\n            padding: calc(0.25 * var(--elmsln-studio-margin, 20px))\n              var(--elmsln-studio-margin, 20px);\n            border-bottom: 1px solid\n              var(--elmsln-studio-assignment-borderColor, #eaeaea);\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-assignments.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-assignments.js
index 034b6c3d98a..e870aa7c091 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-assignments.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-assignments.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-utilities.js", "./e
   });
   _exports.ElmslnStudioAssignments = void 0;
 
-  var _templateObject_dcdc35301f0511ed8cc3e9a95995ad69, _templateObject2_dcdc35301f0511ed8cc3e9a95995ad69, _templateObject3_dcdc35301f0511ed8cc3e9a95995ad69, _templateObject4_dcdc35301f0511ed8cc3e9a95995ad69, _templateObject5_dcdc35301f0511ed8cc3e9a95995ad69, _templateObject6_dcdc35301f0511ed8cc3e9a95995ad69;
+  var _templateObject_b33385f01f2611eda0c389891c227ec8, _templateObject2_b33385f01f2611eda0c389891c227ec8, _templateObject3_b33385f01f2611eda0c389891c227ec8, _templateObject4_b33385f01f2611eda0c389891c227ec8, _templateObject5_b33385f01f2611eda0c389891c227ec8, _templateObject6_b33385f01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -46,9 +46,9 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-utilities.js", "./e
       function render() {
         var _this = this;
 
-        return (0, _index.html)(_templateObject_dcdc35301f0511ed8cc3e9a95995ad69 || (_templateObject_dcdc35301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <h1 class=\"sr-only\">Assignments</h1>\n      <div id=\"lessons\">\n        ", "\n      </div>\n    "])), !this.lessons ? this.loading("green", undefined, "large") : Object.keys(this.lessons || {}).map(function (l) {
-          return (0, _index.html)(_templateObject2_dcdc35301f0511ed8cc3e9a95995ad69 || (_templateObject2_dcdc35301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"lesson\">\n                  <h2>", "</h2>\n                  ", "\n                </div>\n              "])), _this.lessons[l].lesson, (_this.lessons[l].assignments || []).map(function (p) {
-            return !p.assignments ? (0, _index.html)(_templateObject3_dcdc35301f0511ed8cc3e9a95995ad69 || (_templateObject3_dcdc35301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                          <div class=\"assignment\">\n                            ", "\n                          </div>\n                        "])), _this.renderAssignment(p)) : (0, _index.html)(_templateObject4_dcdc35301f0511ed8cc3e9a95995ad69 || (_templateObject4_dcdc35301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                          <nav-card flat no-border class=\"card secondary\">\n                            <span slot=\"heading\" ?hidden=\"", "\">\n                              ", "\n                            </span>\n                            <div slot=\"linklist\">\n                              ", "\n                            </div>\n                          </nav-card>\n                        "])), !p.project, p.project, _this.sortDates(p.assignments || [], true).map(function (a) {
+        return (0, _index.html)(_templateObject_b33385f01f2611eda0c389891c227ec8 || (_templateObject_b33385f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <h1 class=\"sr-only\">Assignments</h1>\n      <div id=\"lessons\">\n        ", "\n      </div>\n    "])), !this.lessons ? this.loading("green", undefined, "large") : Object.keys(this.lessons || {}).map(function (l) {
+          return (0, _index.html)(_templateObject2_b33385f01f2611eda0c389891c227ec8 || (_templateObject2_b33385f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"lesson\">\n                  <h2>", "</h2>\n                  ", "\n                </div>\n              "])), _this.lessons[l].lesson, (_this.lessons[l].assignments || []).map(function (p) {
+            return !p.assignments ? (0, _index.html)(_templateObject3_b33385f01f2611eda0c389891c227ec8 || (_templateObject3_b33385f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                          <div class=\"assignment\">\n                            ", "\n                          </div>\n                        "])), _this.renderAssignment(p)) : (0, _index.html)(_templateObject4_b33385f01f2611eda0c389891c227ec8 || (_templateObject4_b33385f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                          <nav-card flat no-border class=\"card secondary\">\n                            <span slot=\"heading\" ?hidden=\"", "\">\n                              ", "\n                            </span>\n                            <div slot=\"linklist\">\n                              ", "\n                            </div>\n                          </nav-card>\n                        "])), !p.project, p.project, _this.sortDates(p.assignments || [], true).map(function (a) {
               return _this.renderAssignment(a);
             }));
           }));
@@ -57,7 +57,7 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-utilities.js", "./e
     }, {
       key: "renderAssignment",
       value: function renderAssignment(assignment) {
-        return !assignment ? "" : (0, _index.html)(_templateObject5_dcdc35301f0511ed8cc3e9a95995ad69 || (_templateObject5_dcdc35301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <nav-card-item\n            id=\"act-", "-item\"\n            accent-color=\"", "\"\n            allow-grey\n            avatar=\"", "\"\n            invert\n          >\n            <elmsln-studio-link\n              id=\"act-", "\"\n              class=\"assignment-link\"\n              aria-describedby=\"act-", "-desc act-", "-item\"\n              slot=\"label\"\n              href=\"assignments/", "\"\n            >\n              ", "\n            </elmsln-studio-link>\n            <div id=\"act-", "-desc\" slot=\"description\">\n              Due:\n              <local-time\n                month=\"long\"\n                day=\"numeric\"\n                year=\"numeric\"\n                hour=\"2-digit\"\n                minute=\"2-digit\"\n                second=\"2-digit\"\n                time-zone-name=\"short\"\n                .datetime=\"", "\"\n              >\n                ", "\n              </local-time>\n            </div>\n          </nav-card-item>\n          <simple-tooltip for=\"act-", "\" position=\"left\">\n            ", "\n          </simple-tooltip>\n        "])), assignment.id, !this.profile ? "grey" : this.getStatusColor(this.getSubmission(assignment.id), assignment), !this.profile ? undefined : this.getStatusIcon(this.getSubmission(assignment.id), assignment), assignment.id, assignment.id, assignment.id, assignment.id, assignment.assignment, assignment.id, assignment.date, this.dateFormat(assignment.date), assignment.id, this.getStatusMessage(this.getSubmission(assignment.id), assignment));
+        return !assignment ? "" : (0, _index.html)(_templateObject5_b33385f01f2611eda0c389891c227ec8 || (_templateObject5_b33385f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <nav-card-item\n            id=\"act-", "-item\"\n            accent-color=\"", "\"\n            allow-grey\n            avatar=\"", "\"\n            invert\n          >\n            <elmsln-studio-link\n              id=\"act-", "\"\n              class=\"assignment-link\"\n              aria-describedby=\"act-", "-desc act-", "-item\"\n              slot=\"label\"\n              href=\"assignments/", "\"\n            >\n              ", "\n            </elmsln-studio-link>\n            <div id=\"act-", "-desc\" slot=\"description\">\n              Due:\n              <local-time\n                month=\"long\"\n                day=\"numeric\"\n                year=\"numeric\"\n                hour=\"2-digit\"\n                minute=\"2-digit\"\n                second=\"2-digit\"\n                time-zone-name=\"short\"\n                .datetime=\"", "\"\n              >\n                ", "\n              </local-time>\n            </div>\n          </nav-card-item>\n          <simple-tooltip for=\"act-", "\" position=\"left\">\n            ", "\n          </simple-tooltip>\n        "])), assignment.id, !this.profile ? "grey" : this.getStatusColor(this.getSubmission(assignment.id), assignment), !this.profile ? undefined : this.getStatusIcon(this.getSubmission(assignment.id), assignment), assignment.id, assignment.id, assignment.id, assignment.id, assignment.assignment, assignment.id, assignment.date, this.dateFormat(assignment.date), assignment.id, this.getStatusMessage(this.getSubmission(assignment.id), assignment));
       } // properties available to the custom element for data binding
 
     }, {
@@ -95,7 +95,7 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-utilities.js", "./e
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnStudioAssignments), "styles", this)), [(0, _index.css)(_templateObject6_dcdc35301f0511ed8cc3e9a95995ad69 || (_templateObject6_dcdc35301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          color: #2c2c2c;\n          margin: 0 auto;\n          justify-content: center;\n        }\n        h2 {\n          color: #525252;\n          margin-top: calc(0.5 * var(--elmsln-studio-margin, 20px));\n        }\n        nav-card [slot=\"heading\"] {\n          color: #4d4d4d;\n          font-size: 80%;\n        }\n        nav-card-item [slot=\"label\"] {\n          font-weight: normal;\n        }\n        nav-card-item [slot=\"description\"] {\n          color: #95989a;\n        }\n        .lesson {\n          background-color: #eee;\n          padding: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          --lrndesign-avatar-border-radius: 0%;\n          --nav-card-item-avatar-width: 40px;\n          border: 1px solid var(--accent-card-border-color, #ddd);\n          border-bottom: none;\n        }\n        .lesson > .assignment {\n          background-color: #fff;\n          border: 1px solid var(--accent-card-border-color, #ddd);\n          padding: calc(0.5 * var(--elmsln-studio-margin, 20px))\n            var(--elmsln-studio-margin, 20px);\n          margin-bottom: 15px;\n        }\n        nav-card-item:not([avatar]) .assignment-link:before {\n          position: absolute;\n          overflow: hidden;\n          display: inline-block;\n          -webkit-animation: ellipsis steps(4, end) 900ms infinite;\n          animation: ellipsis steps(4, end) 900ms infinite;\n          content: \"...\";\n          font-size: 300%;\n          left: 0;\n          top: 0;\n          width: 0px;\n        }\n\n        @keyframes ellipsis {\n          to {\n            width: 1.25em;\n          }\n        }\n\n        @-webkit-keyframes ellipsis {\n          to {\n            width: 1.25em;\n          }\n        }\n        @media screen and (min-width: 400px) {\n          #lessons {\n            display: flex;\n            align-items: stretch;\n            justify-content: flex-start;\n            overflow-x: auto;\n            max-width: 100%;\n            padding: 0 calc(0.5 * var(--elmsln-studio-margin, 20px));\n          }\n          .lesson {\n            width: 300px;\n            flex: 0 0 300px;\n            margin: 0 var(--elmsln-studio-margin, 20px);\n            border-bottom: 1px solid var(--accent-card-border-color, #ddd);\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnStudioAssignments), "styles", this)), [(0, _index.css)(_templateObject6_b33385f01f2611eda0c389891c227ec8 || (_templateObject6_b33385f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          color: #2c2c2c;\n          margin: 0 auto;\n          justify-content: center;\n        }\n        h2 {\n          color: #525252;\n          margin-top: calc(0.5 * var(--elmsln-studio-margin, 20px));\n        }\n        nav-card [slot=\"heading\"] {\n          color: #4d4d4d;\n          font-size: 80%;\n        }\n        nav-card-item [slot=\"label\"] {\n          font-weight: normal;\n        }\n        nav-card-item [slot=\"description\"] {\n          color: #95989a;\n        }\n        .lesson {\n          background-color: #eee;\n          padding: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          --lrndesign-avatar-border-radius: 0%;\n          --nav-card-item-avatar-width: 40px;\n          border: 1px solid var(--accent-card-border-color, #ddd);\n          border-bottom: none;\n        }\n        .lesson > .assignment {\n          background-color: #fff;\n          border: 1px solid var(--accent-card-border-color, #ddd);\n          padding: calc(0.5 * var(--elmsln-studio-margin, 20px))\n            var(--elmsln-studio-margin, 20px);\n          margin-bottom: 15px;\n        }\n        nav-card-item:not([avatar]) .assignment-link:before {\n          position: absolute;\n          overflow: hidden;\n          display: inline-block;\n          -webkit-animation: ellipsis steps(4, end) 900ms infinite;\n          animation: ellipsis steps(4, end) 900ms infinite;\n          content: \"...\";\n          font-size: 300%;\n          left: 0;\n          top: 0;\n          width: 0px;\n        }\n\n        @keyframes ellipsis {\n          to {\n            width: 1.25em;\n          }\n        }\n\n        @-webkit-keyframes ellipsis {\n          to {\n            width: 1.25em;\n          }\n        }\n        @media screen and (min-width: 400px) {\n          #lessons {\n            display: flex;\n            align-items: stretch;\n            justify-content: flex-start;\n            overflow-x: auto;\n            max-width: 100%;\n            padding: 0 calc(0.5 * var(--elmsln-studio-margin, 20px));\n          }\n          .lesson {\n            width: 300px;\n            flex: 0 0 300px;\n            margin: 0 var(--elmsln-studio-margin, 20px);\n            border-bottom: 1px solid var(--accent-card-border-color, #ddd);\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-button.js
index f5f9afaa732..1742732b474 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../../lit-element-router/lit-ele
   });
   _exports.ElmslnStudioButton = void 0;
 
-  var _templateObject_dcddbbd01f0511ed8cc3e9a95995ad69, _templateObject2_dcddbbd01f0511ed8cc3e9a95995ad69, _templateObject3_dcddbbd01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b335cfe01f2611eda0c389891c227ec8, _templateObject2_b335cfe01f2611eda0c389891c227ec8, _templateObject3_b335cfe01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -38,7 +38,7 @@ define(["exports", "../../../lit/index.js", "../../../lit-element-router/lit-ele
     babelHelpers.createClass(ElmslnStudioButton, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dcddbbd01f0511ed8cc3e9a95995ad69 || (_templateObject_dcddbbd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button @click=\"", "\">\n        <slot name=\"before\"></slot>\n        ", "\n        <slot></slot>\n      </button>\n    "])), this.buttonClick, !this.icon ? "" : (0, _index.html)(_templateObject2_dcddbbd01f0511ed8cc3e9a95995ad69 || (_templateObject2_dcddbbd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon-lite\n                aria-hidden=\"true\"\n                icon=\"", "\"\n              ></simple-icon-lite>\n            "])), this.icon));
+        return (0, _index.html)(_templateObject_b335cfe01f2611eda0c389891c227ec8 || (_templateObject_b335cfe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button @click=\"", "\">\n        <slot name=\"before\"></slot>\n        ", "\n        <slot></slot>\n      </button>\n    "])), this.buttonClick, !this.icon ? "" : (0, _index.html)(_templateObject2_b335cfe01f2611eda0c389891c227ec8 || (_templateObject2_b335cfe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon-lite\n                aria-hidden=\"true\"\n                icon=\"", "\"\n              ></simple-icon-lite>\n            "])), this.icon));
       }
     }, {
       key: "buttonClick",
@@ -70,7 +70,7 @@ define(["exports", "../../../lit/index.js", "../../../lit-element-router/lit-ele
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject3_dcddbbd01f0511ed8cc3e9a95995ad69 || (_templateObject3_dcddbbd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      :host([hidden]) {\n        display: none;\n      }\n      button {\n        border: none;\n        background-color: transparent;\n        display: flex;\n        align-items: center;\n        height: 26px;\n        color: var(--elmsln-studio-button-icon-color);\n      }\n      button:focus,\n      button:hover {\n        outline: none;\n      }\n    "])));
+        return (0, _index.css)(_templateObject3_b335cfe01f2611eda0c389891c227ec8 || (_templateObject3_b335cfe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      :host([hidden]) {\n        display: none;\n      }\n      button {\n        border: none;\n        background-color: transparent;\n        display: flex;\n        align-items: center;\n        height: 26px;\n        color: var(--elmsln-studio-button-icon-color);\n      }\n      button:focus,\n      button:hover {\n        outline: none;\n      }\n    "])));
       }
     }]);
     return ElmslnStudioButton;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-dashboard.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-dashboard.js
index 46f100ace5a..e5698119b8e 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-dashboard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-dashboard.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-utilities.js", "./e
   });
   _exports.ElmslnStudioDashboard = void 0;
 
-  var _templateObject_dce3af401f0511ed8cc3e9a95995ad69, _templateObject2_dce3af401f0511ed8cc3e9a95995ad69, _templateObject3_dce3af401f0511ed8cc3e9a95995ad69, _templateObject4_dce3af401f0511ed8cc3e9a95995ad69, _templateObject5_dce3af401f0511ed8cc3e9a95995ad69, _templateObject6_dce3af401f0511ed8cc3e9a95995ad69, _templateObject7_dce3af401f0511ed8cc3e9a95995ad69, _templateObject8_dce3af401f0511ed8cc3e9a95995ad69, _templateObject9_dce3af401f0511ed8cc3e9a95995ad69, _templateObject10_dce3af401f0511ed8cc3e9a95995ad69, _templateObject11_dce3af401f0511ed8cc3e9a95995ad69, _templateObject12_dce3af401f0511ed8cc3e9a95995ad69, _templateObject13_dce3af401f0511ed8cc3e9a95995ad69, _templateObject14_dce3af401f0511ed8cc3e9a95995ad69, _templateObject15_dce3af401f0511ed8cc3e9a95995ad69, _templateObject16_dce3af401f0511ed8cc3e9a95995ad69, _templateObject17_dce3af401f0511ed8cc3e9a95995ad69, _templateObject18_dce3af401f0511ed8cc3e9a95995ad69, _templateObject19_dce3af401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b33dbf201f2611eda0c389891c227ec8, _templateObject2_b33dbf201f2611eda0c389891c227ec8, _templateObject3_b33dbf201f2611eda0c389891c227ec8, _templateObject4_b33dbf201f2611eda0c389891c227ec8, _templateObject5_b33dbf201f2611eda0c389891c227ec8, _templateObject6_b33dbf201f2611eda0c389891c227ec8, _templateObject7_b33dbf201f2611eda0c389891c227ec8, _templateObject8_b33dbf201f2611eda0c389891c227ec8, _templateObject9_b33dbf201f2611eda0c389891c227ec8, _templateObject10_b33dbf201f2611eda0c389891c227ec8, _templateObject11_b33dbf201f2611eda0c389891c227ec8, _templateObject12_b33dbf201f2611eda0c389891c227ec8, _templateObject13_b33dbf201f2611eda0c389891c227ec8, _templateObject14_b33dbf201f2611eda0c389891c227ec8, _templateObject15_b33dbf201f2611eda0c389891c227ec8, _templateObject16_b33dbf201f2611eda0c389891c227ec8, _templateObject17_b33dbf201f2611eda0c389891c227ec8, _templateObject18_b33dbf201f2611eda0c389891c227ec8, _templateObject19_b33dbf201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -46,16 +46,16 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-utilities.js", "./e
       function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <h1 class=\"sr-only\">Overview</h1>\n      <div id=\"primary\">\n        <div id=\"profile\">\n          <h2>", "</h2>\n          <accent-card accent-color=\"purple\" class=\"card primary\">\n            <span slot=\"heading\" class=\"sr-only\">My Progress</span>\n            ", "\n          </accent-card>\n          <nav-card accent-color=\"green\" class=\"card primary due\">\n            <span slot=\"heading\">Upcoming Assignments</span>\n            <elmsln-studio-link slot=\"subheading\" href=\"assignments\"\n              >All assignments</elmsln-studio-link\n            >\n            ", "\n          </nav-card>\n        </div>\n        <div id=\"work\">\n          <h2>Recent Work</h2>\n          <nav-card\n            accent-color=\"amber\"\n            class=\"card primary recent\"\n            link-icon=\"chevron-right\"\n          >\n            <span slot=\"heading\">My Submissions</span>\n            <elmsln-studio-link\n              slot=\"subheading\"\n              href=\"submissions", "\"\n              >All my submissions</elmsln-studio-link\n            >\n            ", "\n          </nav-card>\n          <nav-card\n            accent-color=\"cyan\"\n            class=\"card feed primary\"\n            link-icon=\"chevron-right\"\n          >\n            <span slot=\"heading\">Feedback for Me</span>\n            ", "\n          </nav-card>\n        </div>\n      </div>\n      <div id=\"secondary\">\n        <h2 slot=\"heading\">Class Activity</h2>\n        <accent-card accent-color=\"pink\" class=\"card feed secondary\">\n          <nav-card flat no-border slot=\"content\">\n            <span slot=\"heading\">Recent Submissions</span>\n            <elmsln-studio-link slot=\"subheading\" href=\"submissions\"\n              >All submissions</elmsln-studio-link\n            >\n            ", "\n          </nav-card>\n          <nav-card flat no-border slot=\"content\">\n            <span slot=\"heading\">Recent Comments</span>\n            ", "\n          </nav-card>\n        </accent-card>\n      </div>\n    "])), this.profileName || "Loading Your Profile...", !this.profile || Object.keys(this.profile).length < 1 ? this.loading("purple", "footer") : (0, _index.html)(_templateObject2_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject2_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <lrndesign-avatar\n                    accent-color=\"", "\"\n                    slot=\"content\"\n                    src=\"", "\"\n                    label=\"", "\"\n                    two-chars\n                    size=\"200px\"\n                  ></lrndesign-avatar>\n                  <table slot=\"content\">\n                    <tbody>\n                      <tr>\n                        <th scope=\"row\">\n                          <simple-icon-lite\n                            icon=\"assignment-turned-in\"\n                          ></simple-icon-lite>\n                          Assignments Completed\n                        </th>\n                        <td>\n                          ", "\n                        </td>\n                      </tr>\n                      ", "\n                      <tr>\n                        <th scope=\"row\">\n                          <simple-icon-lite\n                            icon=\"communication:forum\"\n                          ></simple-icon-lite>\n                          Peer Reviews Written\n                          ", "\n                        </th>\n                        <td>\n                          <div id=\"rating\">\n                            ", "\n                            ", "\n                            ", "\n                            ", "\n                            ", "\n                          </div>\n                          <simple-tooltip\n                            for=\"rating\"\n                            ?hidden=\"", "\"\n                            >Given peer reviews than\n                            ", "% of\n                            classmates.</simple-tooltip\n                          >\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                "])), this.accentColor(this.profileName), !this.profile ? "unknown" : this.profile.image, this.profileName, !this.profile || !this.profile.completed || !this.profile.due ? "unknown" : "".concat(this.profile.completed.length, " / ").concat(this.profile.completed.length + this.profile.due.length), !this.profile || (this.profile.features || []).length < 1 ? "" : (0, _index.html)(_templateObject3_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject3_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                            <tr>\n                              <th scope=\"row\">\n                                <simple-icon-lite\n                                  icon=\"icons:favorite\"\n                                ></simple-icon-lite>\n                                Submissions Featured\n                              </th>\n                              <td>\n                                ", "\n                              </td>\n                            </tr>\n                          "])), !this.profile || !this.profile.features ? "unknown" : this.profile.features.length), !this.profile || !this.profile.given ? " (0)" : " (".concat(this.profile.given.length, ")"), this.profile.feedbackPercentile < 25 ? "" : (0, _index.html)(_templateObject4_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject4_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                                  icon=\"star\"\n                                  accent-color=\"purple\"\n                                ></simple-icon>"]))), this.profile.feedbackPercentile < 50 ? "" : (0, _index.html)(_templateObject5_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject5_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                                  icon=\"star\"\n                                  accent-color=\"purple\"\n                                ></simple-icon>"]))), this.profile.feedbackPercentile < 75 ? "" : (0, _index.html)(_templateObject6_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject6_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                                  icon=\"star\"\n                                  accent-color=\"purple\"\n                                ></simple-icon>"]))), this.profile.feedbackPercentile < 90 ? "" : (0, _index.html)(_templateObject7_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject7_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                                  icon=\"star\"\n                                  accent-color=\"purple\"\n                                ></simple-icon>"]))), this.profile.feedbackPercentile < 95 ? "" : (0, _index.html)(_templateObject8_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject8_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                                  icon=\"star\"\n                                  accent-color=\"purple\"\n                                ></simple-icon>"]))), !this.profile.feedbackPercentile, this.profile.feedbackPercentile), !this.profile || Object.keys(this.profile).length < 1 ? this.loading("green", "footer") : (0, _index.html)(_templateObject9_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject9_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <div slot=\"linklist\">\n                    ", "\n                  </div>\n                "])), (this.profile.due || []).slice(0, 5).map(function (a) {
-          return (0, _index.html)(_templateObject10_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject10_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <nav-card-item\n                          id=\"due-", "-item\"\n                          accent-color=\"", "\"\n                          allow-grey\n                          avatar=\"", "\"\n                          invert\n                        >\n                          <elmsln-studio-link\n                            id=\"due-", "\"\n                            aria-describedby=\"due-", "-desc\"\n                            slot=\"label\"\n                            href=\"assignments/", "\"\n                          >\n                            ", "\n                          </elmsln-studio-link>\n                          <relative-time\n                            id=\"due-", "-desc\"\n                            slot=\"description\"\n                            .datetime=\"", "\"\n                          >\n                            ", "\n                          </relative-time>\n                        </nav-card-item>\n                        <simple-tooltip for=\"due-", "-item\" position=\"left\">\n                          ", "\n                        </simple-tooltip>\n                      "])), a.id, _this2.isLate(a.date) ? "red" : "grey", _this2.isLate(a.date) ? "report-problem" : "assignment", a.id, a.id, a.id, a.assignment, a.id, a.date, _this2.dateFormat(a.date, "long"), a.id, _this2.isLate(a.date) ? "Overdue" : "Not Submitted");
-        })), !this.profile ? "" : "?student=".concat(this.profile.id), !this.profile || Object.keys(this.profile).length < 1 ? this.loading("orange", "footer") : (0, _index.html)(_templateObject11_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject11_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div slot=\"linklist\">\n                  ", "\n                </div>"])), (this.profile.submissions || []).slice(0, 5).map(function (s) {
-          return (0, _index.html)(_templateObject12_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject12_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                      <nav-card-item\n                        id=\"due-", "-item\"\n                        accent-color=\"", "\"\n                        allow-grey\n                        avatar=\"", "\"\n                        invert\n                      >\n                        <elmsln-studio-link\n                          id=\"sub-", "\"\n                          aria-describedby=\"sub-", "-desc\"\n                          slot=\"label\"\n                          href=\"project/", "?submission=", "\"\n                        >\n                          ", "\n                        </elmsln-studio-link>\n                        <relative-time\n                          id=\"sub-", "-desc\"\n                          slot=\"description\"\n                          .datetime=\"", "\"\n                        >\n                          ", "\n                        </relative-time>\n                      </nav-card-item>\n                      <simple-tooltip for=\"due-", "-item\" position=\"left\">\n                        ", "\n                      </simple-tooltip>\n                    "])), s.id, _this2.isLate(s.assignmentDate, s.date) ? "amber" : "green", _this2.isLate(s.assignmentDate, s.date) ? "assignment-late" : "assignment-turned-in", s.id, s.id, s.portfolioId, s.id, s.assignment, s.id, s.date, _this2.dateFormat(s.date), s.id, _this2.isLate(s.assignmentDate, s.date) ? "Submitted Late" : "Submitted");
-        })), !this.profile || Object.keys(this.profile).length < 1 ? this.loading("cyan", "footer") : (0, _index.html)(_templateObject13_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject13_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div slot=\"linklist\">\n                  ", "\n                </div>"])), (this.profile.feedback || []).slice(0, 5).map(function (f) {
-          return (0, _index.html)(_templateObject14_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject14_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                      <nav-card-item\n                        accent-color=\"", "\"\n                        .avatar=\"", "\"\n                        .initials=\"", "\"\n                      >\n                        <elmsln-studio-link\n                          id=\"feed-", "\"\n                          aria-describedby=\"feed-", "-desc\"\n                          slot=\"label\"\n                          href=\"project/", "?submission=", "&comment=", "\"\n                        >\n                          ", "'s feedback on\n                          ", "\n                        </elmsln-studio-link>\n                        <relative-time\n                          id=\"feed-", "-desc\"\n                          slot=\"description\"\n                          .datetime=\"", "\"\n                        >\n                          ", "\n                        </relative-time>\n                      </nav-card-item>\n                    "])), _this2.accentColor([f.firstName, f.lastName].join(" ")), f.avatar, [f.firstName, f.lastName].join(" "), f.id, f.id, f.portfolioId, f.submissionId, f.id, [f.firstName, f.lastName].join(" "), f.assignment, f.id, f.date, _this2.dateFormat(f.date));
-        })), !this.submissions ? this.loading("pink", "body") : (0, _index.html)(_templateObject15_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject15_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div slot=\"linklist\">\n                  ", "\n                </div>"])), (this.submissions || []).map(function (s) {
-          return (0, _index.html)(_templateObject16_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject16_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                      <nav-card-item\n                        accent-color=\"", "\"\n                        .avatar=\"", "\"\n                        .initials=\"", "\"\n                      >\n                        <elmsln-studio-link\n                          id=\"act-", "\"\n                          aria-describedby=\"act-", "-desc\"\n                          slot=\"label\"\n                          href=\"", "\"\n                        >\n                          ", "\n                        </elmsln-studio-link>\n                        <relative-time\n                          id=\"act-", "-desc\"\n                          slot=\"description\"\n                          .datetime=\"", "\"\n                        >\n                          ", "\n                        </relative-time>\n                      </nav-card-item>\n                    "])), _this2.accentColor([s.firstName, s.lastName].join(" ")), s.avatar, [s.firstName, s.lastName].join(" "), s.id, s.id, _this2.getActivityLink(s), _this2.getActivityTitle(s), s.id, s.date, _this2.dateFormat(s.date));
-        })), !this.discussion ? this.loading("pink", "body") : (0, _index.html)(_templateObject17_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject17_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <div slot=\"linklist\">\n                    ", "\n                  </div>\n                "])), (this.discussion || []).map(function (d) {
-          return (0, _index.html)(_templateObject18_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject18_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <nav-card-item\n                          accent-color=\"", "\"\n                          .avatar=\"", "\"\n                          .initials=\"", "\"\n                        >\n                          <elmsln-studio-link\n                            id=\"act-", "\"\n                            aria-describedby=\"act-", "-desc\"\n                            slot=\"label\"\n                            href=\"", "\"\n                          >\n                            ", "\n                          </elmsln-studio-link>\n                          <relative-time\n                            id=\"act-", "-desc\"\n                            slot=\"description\"\n                            .datetime=\"", "\"\n                          >\n                            ", "\n                          </relative-time>\n                        </nav-card-item>\n                      "])), _this2.accentColor([d.firstName, d.lastName].join(" ")), d.avatar, [d.firstName, d.lastName].join(" "), d.id, d.id, _this2.getActivityLink(d), _this2.getActivityTitle(d), d.id, d.date, _this2.dateFormat(d.date));
+        return (0, _index.html)(_templateObject_b33dbf201f2611eda0c389891c227ec8 || (_templateObject_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <h1 class=\"sr-only\">Overview</h1>\n      <div id=\"primary\">\n        <div id=\"profile\">\n          <h2>", "</h2>\n          <accent-card accent-color=\"purple\" class=\"card primary\">\n            <span slot=\"heading\" class=\"sr-only\">My Progress</span>\n            ", "\n          </accent-card>\n          <nav-card accent-color=\"green\" class=\"card primary due\">\n            <span slot=\"heading\">Upcoming Assignments</span>\n            <elmsln-studio-link slot=\"subheading\" href=\"assignments\"\n              >All assignments</elmsln-studio-link\n            >\n            ", "\n          </nav-card>\n        </div>\n        <div id=\"work\">\n          <h2>Recent Work</h2>\n          <nav-card\n            accent-color=\"amber\"\n            class=\"card primary recent\"\n            link-icon=\"chevron-right\"\n          >\n            <span slot=\"heading\">My Submissions</span>\n            <elmsln-studio-link\n              slot=\"subheading\"\n              href=\"submissions", "\"\n              >All my submissions</elmsln-studio-link\n            >\n            ", "\n          </nav-card>\n          <nav-card\n            accent-color=\"cyan\"\n            class=\"card feed primary\"\n            link-icon=\"chevron-right\"\n          >\n            <span slot=\"heading\">Feedback for Me</span>\n            ", "\n          </nav-card>\n        </div>\n      </div>\n      <div id=\"secondary\">\n        <h2 slot=\"heading\">Class Activity</h2>\n        <accent-card accent-color=\"pink\" class=\"card feed secondary\">\n          <nav-card flat no-border slot=\"content\">\n            <span slot=\"heading\">Recent Submissions</span>\n            <elmsln-studio-link slot=\"subheading\" href=\"submissions\"\n              >All submissions</elmsln-studio-link\n            >\n            ", "\n          </nav-card>\n          <nav-card flat no-border slot=\"content\">\n            <span slot=\"heading\">Recent Comments</span>\n            ", "\n          </nav-card>\n        </accent-card>\n      </div>\n    "])), this.profileName || "Loading Your Profile...", !this.profile || Object.keys(this.profile).length < 1 ? this.loading("purple", "footer") : (0, _index.html)(_templateObject2_b33dbf201f2611eda0c389891c227ec8 || (_templateObject2_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <lrndesign-avatar\n                    accent-color=\"", "\"\n                    slot=\"content\"\n                    src=\"", "\"\n                    label=\"", "\"\n                    two-chars\n                    size=\"200px\"\n                  ></lrndesign-avatar>\n                  <table slot=\"content\">\n                    <tbody>\n                      <tr>\n                        <th scope=\"row\">\n                          <simple-icon-lite\n                            icon=\"assignment-turned-in\"\n                          ></simple-icon-lite>\n                          Assignments Completed\n                        </th>\n                        <td>\n                          ", "\n                        </td>\n                      </tr>\n                      ", "\n                      <tr>\n                        <th scope=\"row\">\n                          <simple-icon-lite\n                            icon=\"communication:forum\"\n                          ></simple-icon-lite>\n                          Peer Reviews Written\n                          ", "\n                        </th>\n                        <td>\n                          <div id=\"rating\">\n                            ", "\n                            ", "\n                            ", "\n                            ", "\n                            ", "\n                          </div>\n                          <simple-tooltip\n                            for=\"rating\"\n                            ?hidden=\"", "\"\n                            >Given peer reviews than\n                            ", "% of\n                            classmates.</simple-tooltip\n                          >\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                "])), this.accentColor(this.profileName), !this.profile ? "unknown" : this.profile.image, this.profileName, !this.profile || !this.profile.completed || !this.profile.due ? "unknown" : "".concat(this.profile.completed.length, " / ").concat(this.profile.completed.length + this.profile.due.length), !this.profile || (this.profile.features || []).length < 1 ? "" : (0, _index.html)(_templateObject3_b33dbf201f2611eda0c389891c227ec8 || (_templateObject3_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                            <tr>\n                              <th scope=\"row\">\n                                <simple-icon-lite\n                                  icon=\"icons:favorite\"\n                                ></simple-icon-lite>\n                                Submissions Featured\n                              </th>\n                              <td>\n                                ", "\n                              </td>\n                            </tr>\n                          "])), !this.profile || !this.profile.features ? "unknown" : this.profile.features.length), !this.profile || !this.profile.given ? " (0)" : " (".concat(this.profile.given.length, ")"), this.profile.feedbackPercentile < 25 ? "" : (0, _index.html)(_templateObject4_b33dbf201f2611eda0c389891c227ec8 || (_templateObject4_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                                  icon=\"star\"\n                                  accent-color=\"purple\"\n                                ></simple-icon>"]))), this.profile.feedbackPercentile < 50 ? "" : (0, _index.html)(_templateObject5_b33dbf201f2611eda0c389891c227ec8 || (_templateObject5_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                                  icon=\"star\"\n                                  accent-color=\"purple\"\n                                ></simple-icon>"]))), this.profile.feedbackPercentile < 75 ? "" : (0, _index.html)(_templateObject6_b33dbf201f2611eda0c389891c227ec8 || (_templateObject6_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                                  icon=\"star\"\n                                  accent-color=\"purple\"\n                                ></simple-icon>"]))), this.profile.feedbackPercentile < 90 ? "" : (0, _index.html)(_templateObject7_b33dbf201f2611eda0c389891c227ec8 || (_templateObject7_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                                  icon=\"star\"\n                                  accent-color=\"purple\"\n                                ></simple-icon>"]))), this.profile.feedbackPercentile < 95 ? "" : (0, _index.html)(_templateObject8_b33dbf201f2611eda0c389891c227ec8 || (_templateObject8_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                                  icon=\"star\"\n                                  accent-color=\"purple\"\n                                ></simple-icon>"]))), !this.profile.feedbackPercentile, this.profile.feedbackPercentile), !this.profile || Object.keys(this.profile).length < 1 ? this.loading("green", "footer") : (0, _index.html)(_templateObject9_b33dbf201f2611eda0c389891c227ec8 || (_templateObject9_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <div slot=\"linklist\">\n                    ", "\n                  </div>\n                "])), (this.profile.due || []).slice(0, 5).map(function (a) {
+          return (0, _index.html)(_templateObject10_b33dbf201f2611eda0c389891c227ec8 || (_templateObject10_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <nav-card-item\n                          id=\"due-", "-item\"\n                          accent-color=\"", "\"\n                          allow-grey\n                          avatar=\"", "\"\n                          invert\n                        >\n                          <elmsln-studio-link\n                            id=\"due-", "\"\n                            aria-describedby=\"due-", "-desc\"\n                            slot=\"label\"\n                            href=\"assignments/", "\"\n                          >\n                            ", "\n                          </elmsln-studio-link>\n                          <relative-time\n                            id=\"due-", "-desc\"\n                            slot=\"description\"\n                            .datetime=\"", "\"\n                          >\n                            ", "\n                          </relative-time>\n                        </nav-card-item>\n                        <simple-tooltip for=\"due-", "-item\" position=\"left\">\n                          ", "\n                        </simple-tooltip>\n                      "])), a.id, _this2.isLate(a.date) ? "red" : "grey", _this2.isLate(a.date) ? "report-problem" : "assignment", a.id, a.id, a.id, a.assignment, a.id, a.date, _this2.dateFormat(a.date, "long"), a.id, _this2.isLate(a.date) ? "Overdue" : "Not Submitted");
+        })), !this.profile ? "" : "?student=".concat(this.profile.id), !this.profile || Object.keys(this.profile).length < 1 ? this.loading("orange", "footer") : (0, _index.html)(_templateObject11_b33dbf201f2611eda0c389891c227ec8 || (_templateObject11_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div slot=\"linklist\">\n                  ", "\n                </div>"])), (this.profile.submissions || []).slice(0, 5).map(function (s) {
+          return (0, _index.html)(_templateObject12_b33dbf201f2611eda0c389891c227ec8 || (_templateObject12_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                      <nav-card-item\n                        id=\"due-", "-item\"\n                        accent-color=\"", "\"\n                        allow-grey\n                        avatar=\"", "\"\n                        invert\n                      >\n                        <elmsln-studio-link\n                          id=\"sub-", "\"\n                          aria-describedby=\"sub-", "-desc\"\n                          slot=\"label\"\n                          href=\"project/", "?submission=", "\"\n                        >\n                          ", "\n                        </elmsln-studio-link>\n                        <relative-time\n                          id=\"sub-", "-desc\"\n                          slot=\"description\"\n                          .datetime=\"", "\"\n                        >\n                          ", "\n                        </relative-time>\n                      </nav-card-item>\n                      <simple-tooltip for=\"due-", "-item\" position=\"left\">\n                        ", "\n                      </simple-tooltip>\n                    "])), s.id, _this2.isLate(s.assignmentDate, s.date) ? "amber" : "green", _this2.isLate(s.assignmentDate, s.date) ? "assignment-late" : "assignment-turned-in", s.id, s.id, s.portfolioId, s.id, s.assignment, s.id, s.date, _this2.dateFormat(s.date), s.id, _this2.isLate(s.assignmentDate, s.date) ? "Submitted Late" : "Submitted");
+        })), !this.profile || Object.keys(this.profile).length < 1 ? this.loading("cyan", "footer") : (0, _index.html)(_templateObject13_b33dbf201f2611eda0c389891c227ec8 || (_templateObject13_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div slot=\"linklist\">\n                  ", "\n                </div>"])), (this.profile.feedback || []).slice(0, 5).map(function (f) {
+          return (0, _index.html)(_templateObject14_b33dbf201f2611eda0c389891c227ec8 || (_templateObject14_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                      <nav-card-item\n                        accent-color=\"", "\"\n                        .avatar=\"", "\"\n                        .initials=\"", "\"\n                      >\n                        <elmsln-studio-link\n                          id=\"feed-", "\"\n                          aria-describedby=\"feed-", "-desc\"\n                          slot=\"label\"\n                          href=\"project/", "?submission=", "&comment=", "\"\n                        >\n                          ", "'s feedback on\n                          ", "\n                        </elmsln-studio-link>\n                        <relative-time\n                          id=\"feed-", "-desc\"\n                          slot=\"description\"\n                          .datetime=\"", "\"\n                        >\n                          ", "\n                        </relative-time>\n                      </nav-card-item>\n                    "])), _this2.accentColor([f.firstName, f.lastName].join(" ")), f.avatar, [f.firstName, f.lastName].join(" "), f.id, f.id, f.portfolioId, f.submissionId, f.id, [f.firstName, f.lastName].join(" "), f.assignment, f.id, f.date, _this2.dateFormat(f.date));
+        })), !this.submissions ? this.loading("pink", "body") : (0, _index.html)(_templateObject15_b33dbf201f2611eda0c389891c227ec8 || (_templateObject15_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div slot=\"linklist\">\n                  ", "\n                </div>"])), (this.submissions || []).map(function (s) {
+          return (0, _index.html)(_templateObject16_b33dbf201f2611eda0c389891c227ec8 || (_templateObject16_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                      <nav-card-item\n                        accent-color=\"", "\"\n                        .avatar=\"", "\"\n                        .initials=\"", "\"\n                      >\n                        <elmsln-studio-link\n                          id=\"act-", "\"\n                          aria-describedby=\"act-", "-desc\"\n                          slot=\"label\"\n                          href=\"", "\"\n                        >\n                          ", "\n                        </elmsln-studio-link>\n                        <relative-time\n                          id=\"act-", "-desc\"\n                          slot=\"description\"\n                          .datetime=\"", "\"\n                        >\n                          ", "\n                        </relative-time>\n                      </nav-card-item>\n                    "])), _this2.accentColor([s.firstName, s.lastName].join(" ")), s.avatar, [s.firstName, s.lastName].join(" "), s.id, s.id, _this2.getActivityLink(s), _this2.getActivityTitle(s), s.id, s.date, _this2.dateFormat(s.date));
+        })), !this.discussion ? this.loading("pink", "body") : (0, _index.html)(_templateObject17_b33dbf201f2611eda0c389891c227ec8 || (_templateObject17_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <div slot=\"linklist\">\n                    ", "\n                  </div>\n                "])), (this.discussion || []).map(function (d) {
+          return (0, _index.html)(_templateObject18_b33dbf201f2611eda0c389891c227ec8 || (_templateObject18_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <nav-card-item\n                          accent-color=\"", "\"\n                          .avatar=\"", "\"\n                          .initials=\"", "\"\n                        >\n                          <elmsln-studio-link\n                            id=\"act-", "\"\n                            aria-describedby=\"act-", "-desc\"\n                            slot=\"label\"\n                            href=\"", "\"\n                          >\n                            ", "\n                          </elmsln-studio-link>\n                          <relative-time\n                            id=\"act-", "-desc\"\n                            slot=\"description\"\n                            .datetime=\"", "\"\n                          >\n                            ", "\n                          </relative-time>\n                        </nav-card-item>\n                      "])), _this2.accentColor([d.firstName, d.lastName].join(" ")), d.avatar, [d.firstName, d.lastName].join(" "), d.id, d.id, _this2.getActivityLink(d), _this2.getActivityTitle(d), d.id, d.date, _this2.dateFormat(d.date));
         })));
       } // properties available to the custom element for data binding
 
@@ -84,7 +84,7 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-utilities.js", "./e
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnStudioDashboard), "styles", this)), [(0, _index.css)(_templateObject19_dce3af401f0511ed8cc3e9a95995ad69 || (_templateObject19_dce3af401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        h1,\n        h2,\n        h3,\n        .card [slot=\"heading\"] {\n          margin: 0;\n          color: #9d9d9d;\n          font-weight: normal;\n          font-size: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n          font-family: var(--elmsln-studio-FontFamily, \"Roboto\", sans-serif);\n        }\n        h2 {\n          font-weight: bold;\n          color: #989898;\n        }\n        #primary > div {\n          margin: 0;\n        }\n        .card {\n          font-size: var(--elmsln-studio-FontSize, 16px);\n          font-family: var(--elmsln-studio-FontFamily, \"Roboto\", sans-serif);\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px)) 0\n            calc(2 * var(--elmsln-studio-margin, 20px));\n          flex: 1 0 50%;\n          color: #95989a;\n          --accent-card-footer-border-color: transparent;\n        }\n        .card [slot=\"subheading\"] {\n          font-weight: bold;\n          border: none;\n          font-size: calc(0.75 * var(--elmsln-studio-FontSize, 16px));\n        }\n        .card.primary [slot=\"heading\"],\n        .card [slot=\"subheading\"] {\n          text-align: center;\n          display: block;\n          margin: 0 auto;\n        }\n        .card.primary [slot=\"label\"] {\n          color: #5c5c5c;\n        }\n        .card.primary [slot=\"description\"] {\n          color: #818181;\n          font-size: calc(0.75 * var(--elmsln-studio-FontSize, 16px));\n        }\n        .card.feed {\n          font-size: calc(0.75 * var(--elmsln-studio-FontSize, 16px));\n          --lrndesign-avatar-width: var(--nav-card-linklist-left-size, 36px);\n          --nav-card-item-avatar-width: var(\n            --nav-card-linklist-left-size,\n            36px\n          );\n          --nav-card-item-avatar-height: var(\n            --nav-card-linklist-left-size,\n            36px\n          );\n        }\n        .card.due,\n        .card.recent {\n          --nav-card-linklist-left-size: 36px;\n          --nav-card-item-avatar-size: 40px;\n        }\n        .card.secondary nav-card {\n          border: none !important;\n        }\n        #profile {\n          --lrndesign-avatar-width: 100px;\n        }\n        #profile lrndesign-avatar {\n          margin: 0 auto;\n          text-align: center;\n        }\n        accent-card {\n          --accent-card-heading-padding-top: 0;\n        }\n        accent-card table {\n          width: 100%;\n          border-collapse: collapse;\n          font-family: var(\n            --elmsln-studio-secondary-FontFamily,\n            \"Helvetica Neue\",\n            sans-serif\n          );\n        }\n        accent-card th,\n        accent-card td {\n          font-weight: normal;\n          padding: 5px 0;\n          text-align: left;\n          min-height: 25px;\n          border-bottom: 1px solid\n            var(--simple-colors-default-theme-grey-4, #666);\n        }\n        accent-card td {\n          text-align: right;\n        }\n        accent-card th simple-icon-lite {\n          width: 20px;\n          height: 20px;\n        }\n        accent-card.card th elmsln-studio-link {\n          --elmsln-studio-link-TextDecoration: underline !important;\n        }\n        accent-card.card th elmsln-studio-link:focus,\n        accent-card.card th elmsln-studio-link:focus-within,\n        accent-card.card th elmsln-studio-link:hover {\n          --elmsln-studio-link-TextDecoration: none !important;\n        }\n        @media screen and (min-width: 600px) {\n          #profile {\n            --lrndesign-avatar-width: 150px;\n          }\n          #profile lrndesign-avatar {\n            margin: 0 auto;\n          }\n          h1,\n          h2 {\n            flex: 0 0 100%;\n          }\n          #primary > div {\n            display: flex;\n            align-items: stretch;\n            justify-content: space-between;\n            flex-wrap: wrap;\n          }\n          .card.primary {\n            flex: 0 0 calc(50% - var(--elmsln-studio-margin, 20px));\n          }\n        }\n        @media screen and (min-width: 900px) {\n          :host {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n          }\n          #profile {\n            --lrndesign-avatar-width: 200px;\n          }\n          #profile lrndesign-avatar {\n            margin: 0 auto;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnStudioDashboard), "styles", this)), [(0, _index.css)(_templateObject19_b33dbf201f2611eda0c389891c227ec8 || (_templateObject19_b33dbf201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        h1,\n        h2,\n        h3,\n        .card [slot=\"heading\"] {\n          margin: 0;\n          color: #9d9d9d;\n          font-weight: normal;\n          font-size: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n          font-family: var(--elmsln-studio-FontFamily, \"Roboto\", sans-serif);\n        }\n        h2 {\n          font-weight: bold;\n          color: #989898;\n        }\n        #primary > div {\n          margin: 0;\n        }\n        .card {\n          font-size: var(--elmsln-studio-FontSize, 16px);\n          font-family: var(--elmsln-studio-FontFamily, \"Roboto\", sans-serif);\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px)) 0\n            calc(2 * var(--elmsln-studio-margin, 20px));\n          flex: 1 0 50%;\n          color: #95989a;\n          --accent-card-footer-border-color: transparent;\n        }\n        .card [slot=\"subheading\"] {\n          font-weight: bold;\n          border: none;\n          font-size: calc(0.75 * var(--elmsln-studio-FontSize, 16px));\n        }\n        .card.primary [slot=\"heading\"],\n        .card [slot=\"subheading\"] {\n          text-align: center;\n          display: block;\n          margin: 0 auto;\n        }\n        .card.primary [slot=\"label\"] {\n          color: #5c5c5c;\n        }\n        .card.primary [slot=\"description\"] {\n          color: #818181;\n          font-size: calc(0.75 * var(--elmsln-studio-FontSize, 16px));\n        }\n        .card.feed {\n          font-size: calc(0.75 * var(--elmsln-studio-FontSize, 16px));\n          --lrndesign-avatar-width: var(--nav-card-linklist-left-size, 36px);\n          --nav-card-item-avatar-width: var(\n            --nav-card-linklist-left-size,\n            36px\n          );\n          --nav-card-item-avatar-height: var(\n            --nav-card-linklist-left-size,\n            36px\n          );\n        }\n        .card.due,\n        .card.recent {\n          --nav-card-linklist-left-size: 36px;\n          --nav-card-item-avatar-size: 40px;\n        }\n        .card.secondary nav-card {\n          border: none !important;\n        }\n        #profile {\n          --lrndesign-avatar-width: 100px;\n        }\n        #profile lrndesign-avatar {\n          margin: 0 auto;\n          text-align: center;\n        }\n        accent-card {\n          --accent-card-heading-padding-top: 0;\n        }\n        accent-card table {\n          width: 100%;\n          border-collapse: collapse;\n          font-family: var(\n            --elmsln-studio-secondary-FontFamily,\n            \"Helvetica Neue\",\n            sans-serif\n          );\n        }\n        accent-card th,\n        accent-card td {\n          font-weight: normal;\n          padding: 5px 0;\n          text-align: left;\n          min-height: 25px;\n          border-bottom: 1px solid\n            var(--simple-colors-default-theme-grey-4, #666);\n        }\n        accent-card td {\n          text-align: right;\n        }\n        accent-card th simple-icon-lite {\n          width: 20px;\n          height: 20px;\n        }\n        accent-card.card th elmsln-studio-link {\n          --elmsln-studio-link-TextDecoration: underline !important;\n        }\n        accent-card.card th elmsln-studio-link:focus,\n        accent-card.card th elmsln-studio-link:focus-within,\n        accent-card.card th elmsln-studio-link:hover {\n          --elmsln-studio-link-TextDecoration: none !important;\n        }\n        @media screen and (min-width: 600px) {\n          #profile {\n            --lrndesign-avatar-width: 150px;\n          }\n          #profile lrndesign-avatar {\n            margin: 0 auto;\n          }\n          h1,\n          h2 {\n            flex: 0 0 100%;\n          }\n          #primary > div {\n            display: flex;\n            align-items: stretch;\n            justify-content: space-between;\n            flex-wrap: wrap;\n          }\n          .card.primary {\n            flex: 0 0 calc(50% - var(--elmsln-studio-margin, 20px));\n          }\n        }\n        @media screen and (min-width: 900px) {\n          :host {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n          }\n          #profile {\n            --lrndesign-avatar-width: 200px;\n          }\n          #profile lrndesign-avatar {\n            margin: 0 auto;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-link.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-link.js
index 5d8114651c6..e545ebd6d00 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-link.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-link.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../../lit-element-router/lit-ele
   });
   _exports.ElmslnStudioLink = void 0;
 
-  var _templateObject_dce584001f0511ed8cc3e9a95995ad69, _templateObject2_dce584001f0511ed8cc3e9a95995ad69, _templateObject3_dce584001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b33f6cd01f2611eda0c389891c227ec8, _templateObject2_b33f6cd01f2611eda0c389891c227ec8, _templateObject3_b33f6cd01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -46,7 +46,7 @@ define(["exports", "../../../lit/index.js", "../../../lit-element-router/lit-ele
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dce584001f0511ed8cc3e9a95995ad69 || (_templateObject_dce584001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a href=\"", "\" @click=\"", "\">\n        <slot name=\"before\"></slot>\n        ", "\n        <slot></slot>\n      </a>\n    "])), this.href, this.linkClick, !this.icon ? "" : (0, _index.html)(_templateObject2_dce584001f0511ed8cc3e9a95995ad69 || (_templateObject2_dce584001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon-lite\n                aria-hidden=\"true\"\n                icon=\"", "\"\n              ></simple-icon-lite>\n            "])), this.icon));
+        return (0, _index.html)(_templateObject_b33f6cd01f2611eda0c389891c227ec8 || (_templateObject_b33f6cd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a href=\"", "\" @click=\"", "\">\n        <slot name=\"before\"></slot>\n        ", "\n        <slot></slot>\n      </a>\n    "])), this.href, this.linkClick, !this.icon ? "" : (0, _index.html)(_templateObject2_b33f6cd01f2611eda0c389891c227ec8 || (_templateObject2_b33f6cd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon-lite\n                aria-hidden=\"true\"\n                icon=\"", "\"\n              ></simple-icon-lite>\n            "])), this.icon));
       }
     }, {
       key: "linkClick",
@@ -85,7 +85,7 @@ define(["exports", "../../../lit/index.js", "../../../lit-element-router/lit-ele
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject3_dce584001f0511ed8cc3e9a95995ad69 || (_templateObject3_dce584001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      :host([hidden]) {\n        display: none;\n      }\n      :host([disabled]) {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n      :host([icon]) a {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n      :host([icon]) ::slotted(*) {\n        flex: 1 0 auto;\n      }\n      :host([icon]) simple-icon-lite {\n        flex: 0 0 auto;\n      }\n      a,\n      a:link {\n        transition: var(--elmsln-studio-link-Transition);\n        background: transparent;\n        color: var(--elmsln-studio-link-Color);\n        text-decoration: var(--elmsln-studio-link-TextDecoration);\n        text-decoration-style: var(--elmsln-studio-link-TextDecorationStyle);\n        text-decoration-skip: var(--elmsln-studio-link-TextDecorationSkip);\n        text-decoration-skip-ink: var(\n          --elmsln-studio-link-TextDecorationSkipInk\n        );\n        text-decoration-line: var(--elmsln-studio-link-TextDecorationLine);\n        text-decoration-color: var(--elmsln-studio-link-TextDecorationColor);\n        text-decoration: var(--elmsln-studio-link-TextDecoration);\n        text-decoration-thickness: var(\n          --elmsln-studio-link-TextDecorationThickness\n        );\n      }\n      a:hover,\n      a:focus {\n        background: transparent;\n        color: var(\n          --elmsln-studio-link-focus-Color,\n          var(--elmsln-studio-link-Color)\n        );\n        text-decoration: var(\n          --elmsln-studio-link-focus-TextDecoration,\n          var(--elmsln-studio-link-TextDecoration)\n        );\n        text-decoration-style: var(\n          --elmsln-studio-link-focus-TextDecorationStyle,\n          var(--elmsln-studio-link-TextDecorationStyle)\n        );\n        text-decoration-skip: var(\n          --elmsln-studio-link-focus-TextDecorationSkip,\n          var(--elmsln-studio-link-TextDecorationSkip)\n        );\n        text-decoration-skip-ink: var(\n          --elmsln-studio-link-focus-TextDecorationSkipInk,\n          var(--elmsln-studio-link-TextDecorationSkipInk)\n        );\n        text-decoration-line: var(\n          --elmsln-studio-link-focus-TextDecorationLine,\n          var(--elmsln-studio-link-TextDecorationLine)\n        );\n        text-decoration-color: var(\n          --elmsln-studio-link-focus-TextDecorationColor,\n          ar(--elmsln-studio-link-TextDecorationColor)\n        );\n        text-decoration: var(\n          --elmsln-studio-link-focus-TextDecoration,\n          var(--elmsln-studio-link-TextDecoration)\n        );\n        text-decoration-thickness: var(\n          --elmsln-studio-link-focus-TextDecorationThickness,\n          var(--elmsln-studio-link-TextDecorationThickness)\n        );\n      }\n    "])));
+        return (0, _index.css)(_templateObject3_b33f6cd01f2611eda0c389891c227ec8 || (_templateObject3_b33f6cd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      :host([hidden]) {\n        display: none;\n      }\n      :host([disabled]) {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n      :host([icon]) a {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n      :host([icon]) ::slotted(*) {\n        flex: 1 0 auto;\n      }\n      :host([icon]) simple-icon-lite {\n        flex: 0 0 auto;\n      }\n      a,\n      a:link {\n        transition: var(--elmsln-studio-link-Transition);\n        background: transparent;\n        color: var(--elmsln-studio-link-Color);\n        text-decoration: var(--elmsln-studio-link-TextDecoration);\n        text-decoration-style: var(--elmsln-studio-link-TextDecorationStyle);\n        text-decoration-skip: var(--elmsln-studio-link-TextDecorationSkip);\n        text-decoration-skip-ink: var(\n          --elmsln-studio-link-TextDecorationSkipInk\n        );\n        text-decoration-line: var(--elmsln-studio-link-TextDecorationLine);\n        text-decoration-color: var(--elmsln-studio-link-TextDecorationColor);\n        text-decoration: var(--elmsln-studio-link-TextDecoration);\n        text-decoration-thickness: var(\n          --elmsln-studio-link-TextDecorationThickness\n        );\n      }\n      a:hover,\n      a:focus {\n        background: transparent;\n        color: var(\n          --elmsln-studio-link-focus-Color,\n          var(--elmsln-studio-link-Color)\n        );\n        text-decoration: var(\n          --elmsln-studio-link-focus-TextDecoration,\n          var(--elmsln-studio-link-TextDecoration)\n        );\n        text-decoration-style: var(\n          --elmsln-studio-link-focus-TextDecorationStyle,\n          var(--elmsln-studio-link-TextDecorationStyle)\n        );\n        text-decoration-skip: var(\n          --elmsln-studio-link-focus-TextDecorationSkip,\n          var(--elmsln-studio-link-TextDecorationSkip)\n        );\n        text-decoration-skip-ink: var(\n          --elmsln-studio-link-focus-TextDecorationSkipInk,\n          var(--elmsln-studio-link-TextDecorationSkipInk)\n        );\n        text-decoration-line: var(\n          --elmsln-studio-link-focus-TextDecorationLine,\n          var(--elmsln-studio-link-TextDecorationLine)\n        );\n        text-decoration-color: var(\n          --elmsln-studio-link-focus-TextDecorationColor,\n          ar(--elmsln-studio-link-TextDecorationColor)\n        );\n        text-decoration: var(\n          --elmsln-studio-link-focus-TextDecoration,\n          var(--elmsln-studio-link-TextDecoration)\n        );\n        text-decoration-thickness: var(\n          --elmsln-studio-link-focus-TextDecorationThickness,\n          var(--elmsln-studio-link-TextDecorationThickness)\n        );\n      }\n    "])));
       }
     }]);
     return ElmslnStudioLink;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-loremdata.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-loremdata.js
index 1978317813a..27a92877298 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-loremdata.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-loremdata.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-utilities.js", "../
   });
   _exports.ElmslnStudioLoremdata = void 0;
 
-  var _templateObject_dcf478201f0511ed8cc3e9a95995ad69, _templateObject2_dcf478201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b34e88001f2611eda0c389891c227ec8, _templateObject2_b34e88001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -230,7 +230,7 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-utilities.js", "../
     babelHelpers.createClass(ElmslnStudioLoremdata, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dcf478201f0511ed8cc3e9a95995ad69 || (_templateObject_dcf478201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <lorem-data id=\"lorem\" .schemas=\"", "\"></lorem-data>\n    "])), this.schemas || []);
+        return (0, _index.html)(_templateObject_b34e88001f2611eda0c389891c227ec8 || (_templateObject_b34e88001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <lorem-data id=\"lorem\" .schemas=\"", "\"></lorem-data>\n    "])), this.schemas || []);
       }
     }, {
       key: "students",
@@ -778,7 +778,7 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-utilities.js", "../
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dcf478201f0511ed8cc3e9a95995ad69 || (_templateObject2_dcf478201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""])))];
+        return [(0, _index.css)(_templateObject2_b34e88001f2611eda0c389891c227ec8 || (_templateObject2_b34e88001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""])))];
       }
     }]);
     return ElmslnStudioLoremdata;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-main.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-main.js
index 121f571aff1..bed6c3cd1ee 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-main.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-main.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../../lit-element-router/lit-ele
   });
   _exports.ElmslnStudioMain = void 0;
 
-  var _templateObject_dcf64ce01f0511ed8cc3e9a95995ad69, _templateObject2_dcf64ce01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b35035b01f2611eda0c389891c227ec8, _templateObject2_b35035b01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -37,7 +37,7 @@ define(["exports", "../../../lit/index.js", "../../../lit-element-router/lit-ele
     babelHelpers.createClass(ElmslnStudioMain, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dcf64ce01f0511ed8cc3e9a95995ad69 || (_templateObject_dcf64ce01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+        return (0, _index.html)(_templateObject_b35035b01f2611eda0c389891c227ec8 || (_templateObject_b35035b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
       }
     }], [{
       key: "tag",
@@ -53,7 +53,7 @@ define(["exports", "../../../lit/index.js", "../../../lit-element-router/lit-ele
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dcf64ce01f0511ed8cc3e9a95995ad69 || (_templateObject2_dcf64ce01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: var(--elmsln-studio-FontFamily, sans-serif);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b35035b01f2611eda0c389891c227ec8 || (_templateObject2_b35035b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: var(--elmsln-studio-FontFamily, sans-serif);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-portfolio.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-portfolio.js
index cb738f6d74a..15b5cd9f5ee 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-portfolio.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-portfolio.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-styles.js", "./elms
   });
   _exports.ElmslnStudioPortfolio = void 0;
 
-  var _templateObject_dcfc40501f0511ed8cc3e9a95995ad69, _templateObject2_dcfc40501f0511ed8cc3e9a95995ad69, _templateObject3_dcfc40501f0511ed8cc3e9a95995ad69, _templateObject4_dcfc40501f0511ed8cc3e9a95995ad69, _templateObject5_dcfc40501f0511ed8cc3e9a95995ad69, _templateObject6_dcfc40501f0511ed8cc3e9a95995ad69, _templateObject7_dcfc40501f0511ed8cc3e9a95995ad69, _templateObject8_dcfc40501f0511ed8cc3e9a95995ad69, _templateObject9_dcfc40501f0511ed8cc3e9a95995ad69, _templateObject10_dcfc40501f0511ed8cc3e9a95995ad69, _templateObject11_dcfc40501f0511ed8cc3e9a95995ad69, _templateObject12_dcfc40501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b35565d01f2611eda0c389891c227ec8, _templateObject2_b35565d01f2611eda0c389891c227ec8, _templateObject3_b35565d01f2611eda0c389891c227ec8, _templateObject4_b35565d01f2611eda0c389891c227ec8, _templateObject5_b35565d01f2611eda0c389891c227ec8, _templateObject6_b35565d01f2611eda0c389891c227ec8, _templateObject7_b35565d01f2611eda0c389891c227ec8, _templateObject8_b35565d01f2611eda0c389891c227ec8, _templateObject9_b35565d01f2611eda0c389891c227ec8, _templateObject10_b35565d01f2611eda0c389891c227ec8, _templateObject11_b35565d01f2611eda0c389891c227ec8, _templateObject12_b35565d01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -47,12 +47,12 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-styles.js", "./elms
       function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"breadcrumb\">\n        <elmsln-studio-link href=\"submissions\">Submissions</elmsln-studio-link>\n        <span> > </span>\n        ", "\n        ", "\n        <span> > </span>\n        <span\n          >", "</span\n        >\n      </div>\n      <div\n        id=\"primary\"\n        class=\"", "\"\n      >\n        <article id=\"portfolio-project\">\n          <h1>\n            <lrndesign-avatar\n              accent-color=\"", "\"\n              aria-hidden=\"true\"\n              label=\"", "\"\n              .src=\"", "\"\n              two-chars\n            >\n            </lrndesign-avatar>\n            <span class=\"student-name\"\n              >", "</span\n            >\n            ", "\n          </h1>\n          <div id=\"project-buttons\">\n            <button\n              id=\"sort\"\n              aria-pressed=\"", "\"\n              class=\"", "\"\n              @click=\"", "\"\n              controls=\"portfolio-project\"\n            >\n              <simple-icon-lite icon=\"sort\"></simple-icon-lite>\n              <simple-tooltip for=\"sort\"\n                >Sort Submissions\n                ", "</simple-tooltip\n              >\n            </button>\n          </div>\n          ", "\n        </article>\n      </div>\n      <div\n        id=\"secondary\"\n        ?hidden=", "\n      >\n        <aside>\n          <div class=\"instructions callout\">\n            <h2 class=\"callout-label\">\n              <simple-icon-lite\n                icon=\"info\"\n                aria-hidden=\"true\"\n              ></simple-icon-lite>\n              Giving Feedback\n            </h2>\n            <div>\n              <ul>\n                <li>Things to look for: blah, blah, blah</li>\n                <li>How to say it: blah, blah, blah</li>\n                <li>Other info.</li>\n              </ul>\n            </div>\n          </div>\n          <h2 class=\"discussion-label\">Feedback</h2>\n          <div class=\"discussion callout\">\n            <p class=\"callout-label\">\n              <simple-icon-lite\n                icon=\"communication:comment\"\n                aria-hidden=\"true\"\n              ></simple-icon-lite>\n              Post New Feedback\n            </p>\n            <threaded-discussion\n              comment-icon=\"send\"\n              ?demo=\"", "\"\n              .data=\"", "\"\n              latest\n            >\n            </threaded-discussion>\n          </div>\n        </aside>\n      </div>\n      ", "\n    "])), !this.portfolio ? "" : (0, _index.html)(_templateObject2_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject2_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              ", "\n            "])), !this.portfolio.projectId || !this.portfolio.project ? "" : (0, _index.html)(_templateObject3_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject3_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <elmsln-studio-link\n                      href=\"", "\"\n                      >", "</elmsln-studio-link\n                    >\n                    <span> > </span>\n                  "])), "submissions?project=".concat(this.portfolio.projectId), this.portfolio.project || "Project")), !this.portfolio || !this.assignment ? (0, _index.html)(_templateObject4_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject4_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<em>Assignment</em>"]))) : (0, _index.html)(_templateObject5_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject5_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <elmsln-studio-link\n                href=\"", "\"\n                >", "</elmsln-studio-link\n              >\n            "])), "submissions?".concat(!this.portfolio.projectId || !this.portfolio.project ? "" : "project=".concat(this.portfolio.projectId, "&"), "assignment=").concat(this.assignment.assignmentId), this.assignment.assignment || "Assignment"), !this.portfolio ? (0, _index.html)(_templateObject6_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject6_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<em>Student</em>"]))) : this.fullName(this.portfolio), this.comment && this.comment !== "" ? "view-discussion" : "", !this.portfolio ? "grey" : this.accentColor(this.fullName(this.portfolio)), !this.portfolio ? "undefined" : this.fullName(this.portfolio), this.portfolio && this.portfolio.avatar ? this.portfolio.avatar : undefined, !this.portfolio ? "Loading..." : this.fullName(this.portfolio), !this.portfolio || !this.portfolio.project ? "" : (0, _index.html)(_templateObject7_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject7_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <span class=\"project-name\">", "</span>\n                "])), this.portfolio.project), this.sortLatest ? "false" : "true", !this.sortLatest ? "" : "sort-latest", function (e) {
+        return (0, _index.html)(_templateObject_b35565d01f2611eda0c389891c227ec8 || (_templateObject_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"breadcrumb\">\n        <elmsln-studio-link href=\"submissions\">Submissions</elmsln-studio-link>\n        <span> > </span>\n        ", "\n        ", "\n        <span> > </span>\n        <span\n          >", "</span\n        >\n      </div>\n      <div\n        id=\"primary\"\n        class=\"", "\"\n      >\n        <article id=\"portfolio-project\">\n          <h1>\n            <lrndesign-avatar\n              accent-color=\"", "\"\n              aria-hidden=\"true\"\n              label=\"", "\"\n              .src=\"", "\"\n              two-chars\n            >\n            </lrndesign-avatar>\n            <span class=\"student-name\"\n              >", "</span\n            >\n            ", "\n          </h1>\n          <div id=\"project-buttons\">\n            <button\n              id=\"sort\"\n              aria-pressed=\"", "\"\n              class=\"", "\"\n              @click=\"", "\"\n              controls=\"portfolio-project\"\n            >\n              <simple-icon-lite icon=\"sort\"></simple-icon-lite>\n              <simple-tooltip for=\"sort\"\n                >Sort Submissions\n                ", "</simple-tooltip\n              >\n            </button>\n          </div>\n          ", "\n        </article>\n      </div>\n      <div\n        id=\"secondary\"\n        ?hidden=", "\n      >\n        <aside>\n          <div class=\"instructions callout\">\n            <h2 class=\"callout-label\">\n              <simple-icon-lite\n                icon=\"info\"\n                aria-hidden=\"true\"\n              ></simple-icon-lite>\n              Giving Feedback\n            </h2>\n            <div>\n              <ul>\n                <li>Things to look for: blah, blah, blah</li>\n                <li>How to say it: blah, blah, blah</li>\n                <li>Other info.</li>\n              </ul>\n            </div>\n          </div>\n          <h2 class=\"discussion-label\">Feedback</h2>\n          <div class=\"discussion callout\">\n            <p class=\"callout-label\">\n              <simple-icon-lite\n                icon=\"communication:comment\"\n                aria-hidden=\"true\"\n              ></simple-icon-lite>\n              Post New Feedback\n            </p>\n            <threaded-discussion\n              comment-icon=\"send\"\n              ?demo=\"", "\"\n              .data=\"", "\"\n              latest\n            >\n            </threaded-discussion>\n          </div>\n        </aside>\n      </div>\n      ", "\n    "])), !this.portfolio ? "" : (0, _index.html)(_templateObject2_b35565d01f2611eda0c389891c227ec8 || (_templateObject2_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              ", "\n            "])), !this.portfolio.projectId || !this.portfolio.project ? "" : (0, _index.html)(_templateObject3_b35565d01f2611eda0c389891c227ec8 || (_templateObject3_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <elmsln-studio-link\n                      href=\"", "\"\n                      >", "</elmsln-studio-link\n                    >\n                    <span> > </span>\n                  "])), "submissions?project=".concat(this.portfolio.projectId), this.portfolio.project || "Project")), !this.portfolio || !this.assignment ? (0, _index.html)(_templateObject4_b35565d01f2611eda0c389891c227ec8 || (_templateObject4_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<em>Assignment</em>"]))) : (0, _index.html)(_templateObject5_b35565d01f2611eda0c389891c227ec8 || (_templateObject5_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <elmsln-studio-link\n                href=\"", "\"\n                >", "</elmsln-studio-link\n              >\n            "])), "submissions?".concat(!this.portfolio.projectId || !this.portfolio.project ? "" : "project=".concat(this.portfolio.projectId, "&"), "assignment=").concat(this.assignment.assignmentId), this.assignment.assignment || "Assignment"), !this.portfolio ? (0, _index.html)(_templateObject6_b35565d01f2611eda0c389891c227ec8 || (_templateObject6_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<em>Student</em>"]))) : this.fullName(this.portfolio), this.comment && this.comment !== "" ? "view-discussion" : "", !this.portfolio ? "grey" : this.accentColor(this.fullName(this.portfolio)), !this.portfolio ? "undefined" : this.fullName(this.portfolio), this.portfolio && this.portfolio.avatar ? this.portfolio.avatar : undefined, !this.portfolio ? "Loading..." : this.fullName(this.portfolio), !this.portfolio || !this.portfolio.project ? "" : (0, _index.html)(_templateObject7_b35565d01f2611eda0c389891c227ec8 || (_templateObject7_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <span class=\"project-name\">", "</span>\n                "])), this.portfolio.project), this.sortLatest ? "false" : "true", !this.sortLatest ? "" : "sort-latest", function (e) {
           return _this2.sortLatest = !_this2.sortLatest;
         }, !this.sortLatest ? "Oldest First" : "Newest First", this.sortedSubmissions.map(function (s) {
-          return (0, _index.html)(_templateObject8_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject8_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <section\n                class=\"", "\"\n              >\n                <div class=\"submission-header\">\n                  <h2 id=\"sub-", "\">\n                    <span class=\"assignment-name\">", "</span>\n                    <span class=\"submission-date\"\n                      >Submitted:\n                      <local-time\n                        month=\"long\"\n                        day=\"numeric\"\n                        year=\"numeric\"\n                        hour=\"2-digit\"\n                        minute=\"2-digit\"\n                        second=\"2-digit\"\n                        time-zone-name=\"short\"\n                        .datetime=\"", "\"\n                      >\n                        ", "\n                      </local-time>\n                    </span>\n                  </h2>\n                  <elmsln-studio-button\n                    id=\"sub-", "-toggle-button\"\n                    class=\"view-discussion-button\"\n                    aria-describedby=\"sub-", "\"\n                    icon=\"", "\"\n                    path=\"", "\"\n                  >\n                    <span class=\"sr-only\"\n                      >", "</span\n                    >\n                    <span class=\"sr-only\"\n                      >Give / View Feedback (", ")</span\n                    >\n                  </elmsln-studio-button>\n                </div>\n                <div class=\"submission-body\">\n                  ", "\n                </div>\n              </section>\n            "])), _this2.submissionFilter === s.id ? "section-discussion" : "", s.id, s.assignment, s.date, _this2.dateFormat(s.date), s.id, s.id, _this2.submissionFilter === s.id && _this2.comment ? "close" : _this2.getFeedbackIcon(s.feedback.length), _this2.getActivityLink(s, _this2.submissionFilter === s.id && _this2.comment), _this2.submissionFilter === s.id && _this2.comment ? "Close Feedback" : "View Feedback (".concat(s.feedback.length, ")"), s.feedback.length, s.links && s.links.length > 0 ? (0, _index.html)(_templateObject9_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject9_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <ul class=\"submission-links\">\n                          ", "\n                        </ul>\n                      "])), s.links.map(function (link) {
-            return (0, _index.html)(_templateObject10_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject10_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                              <li>\n                                <elmsln-studio-link\n                                  href=\"", "\"\n                                  target=\"_blank\"\n                                  ?disabled=\"", "\"\n                                >\n                                  <simple-icon-lite\n                                    aria-hidden=\"true\"\n                                    icon=\"", "\"\n                                  ></simple-icon-lite>\n                                  ", "\n                                </elmsln-studio-link>\n                              </li>\n                            "])), link.url, _this2.submissionFilter !== s.id && _this2.comment ? true : false, link.type === "pdf" ? "hax:file-pdf" : "link", link.text || link.url);
-          })) : !s.sources || s.sources.length === 0 ? (0, _index.html)(_templateObject11_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject11_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " "])), s.body) : _this2.getThumnailGrid(s, _this2.submissionFilter !== s.id && _this2.comment));
+          return (0, _index.html)(_templateObject8_b35565d01f2611eda0c389891c227ec8 || (_templateObject8_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <section\n                class=\"", "\"\n              >\n                <div class=\"submission-header\">\n                  <h2 id=\"sub-", "\">\n                    <span class=\"assignment-name\">", "</span>\n                    <span class=\"submission-date\"\n                      >Submitted:\n                      <local-time\n                        month=\"long\"\n                        day=\"numeric\"\n                        year=\"numeric\"\n                        hour=\"2-digit\"\n                        minute=\"2-digit\"\n                        second=\"2-digit\"\n                        time-zone-name=\"short\"\n                        .datetime=\"", "\"\n                      >\n                        ", "\n                      </local-time>\n                    </span>\n                  </h2>\n                  <elmsln-studio-button\n                    id=\"sub-", "-toggle-button\"\n                    class=\"view-discussion-button\"\n                    aria-describedby=\"sub-", "\"\n                    icon=\"", "\"\n                    path=\"", "\"\n                  >\n                    <span class=\"sr-only\"\n                      >", "</span\n                    >\n                    <span class=\"sr-only\"\n                      >Give / View Feedback (", ")</span\n                    >\n                  </elmsln-studio-button>\n                </div>\n                <div class=\"submission-body\">\n                  ", "\n                </div>\n              </section>\n            "])), _this2.submissionFilter === s.id ? "section-discussion" : "", s.id, s.assignment, s.date, _this2.dateFormat(s.date), s.id, s.id, _this2.submissionFilter === s.id && _this2.comment ? "close" : _this2.getFeedbackIcon(s.feedback.length), _this2.getActivityLink(s, _this2.submissionFilter === s.id && _this2.comment), _this2.submissionFilter === s.id && _this2.comment ? "Close Feedback" : "View Feedback (".concat(s.feedback.length, ")"), s.feedback.length, s.links && s.links.length > 0 ? (0, _index.html)(_templateObject9_b35565d01f2611eda0c389891c227ec8 || (_templateObject9_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <ul class=\"submission-links\">\n                          ", "\n                        </ul>\n                      "])), s.links.map(function (link) {
+            return (0, _index.html)(_templateObject10_b35565d01f2611eda0c389891c227ec8 || (_templateObject10_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                              <li>\n                                <elmsln-studio-link\n                                  href=\"", "\"\n                                  target=\"_blank\"\n                                  ?disabled=\"", "\"\n                                >\n                                  <simple-icon-lite\n                                    aria-hidden=\"true\"\n                                    icon=\"", "\"\n                                  ></simple-icon-lite>\n                                  ", "\n                                </elmsln-studio-link>\n                              </li>\n                            "])), link.url, _this2.submissionFilter !== s.id && _this2.comment ? true : false, link.type === "pdf" ? "hax:file-pdf" : "link", link.text || link.url);
+          })) : !s.sources || s.sources.length === 0 ? (0, _index.html)(_templateObject11_b35565d01f2611eda0c389891c227ec8 || (_templateObject11_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " "])), s.body) : _this2.getThumnailGrid(s, _this2.submissionFilter !== s.id && _this2.comment));
         }), !this.portfolio || !this.comment || this.comment === "", this.demoMode, this.feedback || [], this.nav);
       } // properties available to the custom element for data binding
 
@@ -103,7 +103,7 @@ define(["exports", "../../../lit/index.js", "./elmsln-studio-styles.js", "./elms
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnStudioPortfolio), "styles", this)), [(0, _index.css)(_templateObject12_dcfc40501f0511ed8cc3e9a95995ad69 || (_templateObject12_dcfc40501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          flex-wrap: wrap;\n        }\n        h1 {\n          text-align: center;\n        }\n        #breadcrumb {\n          margin: 0 0 var(--elmsln-studio-margin, 20px);\n          flex: 1 0 100%;\n          --elmsln-studio-link-Color: var(\n            --simple-colors-fixed-theme-light-blue-8\n          );\n          --elmsln-studio-link-focus-Color: var(\n            --simple-colors-fixed-theme-light-blue-9\n          );\n        }\n        #breadcrumb > * {\n          display: inline;\n        }\n        lrndesign-avatar,\n        .student-name,\n        .project-name,\n        .assignment-name,\n        .submission-date {\n          font-weight: normal;\n          display: block;\n        }\n        .student-name {\n          font-size: calc(2 * var(--elmsln-studio-FontSize, 16px));\n          font-weight: bold;\n          color: #4b4b4b;\n        }\n        .project-name {\n          font-size: calc(1.75 * var(--elmsln-studio-FontSize, 16px));\n          color: #95989a;\n        }\n        #project-buttons,\n        .submission-header {\n          position: relative;\n          height: 40px;\n          margin-top: -40px;\n        }\n        #sort,\n        .submission-header elmsln-studio-button {\n          color: #95989a;\n          font-size: var(--elmsln-studio-FontSize, 16px);\n          text-transform: uppercase;\n          position: absolute;\n          right: 0;\n          top: 0;\n        }\n        #sort:focus,\n        #sort:hover,\n        .submission-header elmsln-studio-button:focus,\n        .submission-header elmsln-studio-button:hover {\n          color: #4b4b4b;\n        }\n        #sort.sort-latest {\n          transform: rotateX(180deg) rotateY(0deg);\n        }\n        section {\n          border-top: 2px solid #eaeaea;\n          padding: calc(0.5 * var(--elmsln-studio-margin, 20px)) 0\n            var(--elmsln-studio-margin, 20px);\n        }\n        .view-discussion {\n          border: 1px solid #eaeaea;\n          padding: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          --elmsln-studio-discussion-multiplier: 1;\n        }\n        .view-discussion section {\n          opacity: 0.4;\n          display: none;\n        }\n        .view-discussion section.section-discussion {\n          display: block;\n          opacity: 1;\n        }\n        h2 {\n          margin: calc(2 * var(--elmsln-studio-margin, 20px)) auto;\n          text-align: center;\n        }\n        .assignment-name {\n          font-size: calc(\n            1.25 * var(--elmsln-studio-discussion-multiplier, 1) *\n              var(--elmsln-studio-FontSize, 16px)\n          );\n          color: #555555;\n        }\n        .submission-date {\n          font-size: calc(\n            0.75 * var(--elmsln-studio-discussion-multiplier, 1) *\n              var(--elmsln-studio-FontSize, 16px)\n          );\n          color: #95989a;\n        }\n        .submission-body {\n          color: #95989a;\n          line-height: 160%;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px)) auto\n            var(--elmsln-studio-margin, 20px);\n        }\n        .submission-body:first-child {\n          margin-top: 0;\n        }\n        .submission-body:last-child {\n          margin-bottom: 0;\n        }\n        .submission-links {\n          list-style: none;\n          padding-inline-start: 0;\n        }\n        .submission-links > li {\n          display: flex;\n          align-items: flex-start;\n          justify-content: flex-start;\n        }\n        .submission-links a:link,\n        .submission-links a:visited {\n          font-size: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n          font-weight: bold;\n          color: #000;\n          text-decoration: none;\n        }\n        .submission-links a:focus,\n        .submission-links a:hover {\n          text-decoration: underline;\n        }\n        .submission-links simple-icon-lite {\n          margin-right: 0.5em;\n        }\n        .submission-links a:focus simple-icon-lite,\n        .submission-links a:hover simple-icon-lite {\n          text-decoration: none;\n        }\n        .callout {\n          font-size: calc(0.75 * var(--elmsln-studio-FontSize, 16px));\n          border: 1px solid #eaeaea;\n          padding: 0;\n        }\n        .discussion-label {\n          text-align: left;\n          font-size: calc(1 * var(--elmsln-studio-FontSize, 16px));\n          margin: var(--elmsln-studio-margin, 20px) 0\n            calc(0.25 * var(--elmsln-studio-margin, 20px));\n        }\n        .callout > * {\n          padding: calc(0.25 * var(--elmsln-studio-margin, 20px))\n            calc(0.5 * var(--elmsln-studio-margin, 20px));\n        }\n        .callout .callout-label {\n          font-size: calc(1 * var(--elmsln-studio-FontSize, 16px));\n          font-weight: normal;\n          display: flex;\n          align-items: center;\n          justify-content: flex-start;\n          margin: 0;\n          color: #4b4b4b;\n          border-bottom: 1px solid #eaeaea;\n        }\n        .callout .callout-label simple-icon-lite {\n          margin-right: 1em;\n        }\n        threaded-discussion {\n          background-color: #eaeaea;\n          padding: 1px;\n          --threaded-discussion-comment-button-BackgroundColor: var(\n            --simple-colors-fixed-theme-light-blue-8\n          );\n          --threaded-discussion-comment-button-focus-BackgroundColor: var(\n            --simple-colors-fixed-theme-light-blue-9\n          );\n        }\n        #prev-next-nav {\n          z-index: 1;\n          display: flex;\n        }\n        @media screen and (min-width: 600px) {\n          :host {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n          }\n          #primary {\n            flex: 1 0 100%;\n          }\n          #primary.view-discussion {\n            flex: 0 0 calc(50% - var(--elmsln-studio-margin, 20px));\n          }\n          #primary:not(.view-discussion) {\n            max-width: calc(1000px - 2 * var(--elmsln-studio-margin, 20px));\n            margin: 0 auto;\n            border: 1px solid #eaeaea;\n            padding: var(--elmsln-studio-margin, 20px);\n          }\n          .view-discussion {\n            --elmsln-studio-discussion-multiplier: 0.5;\n          }\n          .assignment-name {\n            font-size: calc(\n              1.5 * var(--elmsln-studio-discussion-multiplier, 1) *\n                var(--elmsln-studio-FontSize, 16px)\n            );\n          }\n          .submission-date {\n            font-size: calc(\n              1 * var(--elmsln-studio-discussion-multiplier, 1) *\n                var(--elmsln-studio-FontSize, 16px)\n            );\n          }\n          .view-discussion section {\n            display: block;\n          }\n          .view-discussion section.section-discussion {\n            border: 4px solid #95989a;\n            padding: calc(0.5 * var(--elmsln-studio-margin, 20px))\n              calc(0.5 * var(--elmsln-studio-margin, 20px))\n              var(--elmsln-studio-margin, 20px);\n            opacity: 1;\n          }\n          #secondary {\n            flex: 0 0 calc(50% - var(--elmsln-studio-margin, 20px));\n          }\n        }\n        @media screen and (min-width: 1000px) {\n          .view-discussion {\n            --elmsln-studio-discussion-multiplier: 0.75;\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          .view-discussion {\n            --elmsln-studio-discussion-multiplier: 1;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnStudioPortfolio), "styles", this)), [(0, _index.css)(_templateObject12_b35565d01f2611eda0c389891c227ec8 || (_templateObject12_b35565d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          flex-wrap: wrap;\n        }\n        h1 {\n          text-align: center;\n        }\n        #breadcrumb {\n          margin: 0 0 var(--elmsln-studio-margin, 20px);\n          flex: 1 0 100%;\n          --elmsln-studio-link-Color: var(\n            --simple-colors-fixed-theme-light-blue-8\n          );\n          --elmsln-studio-link-focus-Color: var(\n            --simple-colors-fixed-theme-light-blue-9\n          );\n        }\n        #breadcrumb > * {\n          display: inline;\n        }\n        lrndesign-avatar,\n        .student-name,\n        .project-name,\n        .assignment-name,\n        .submission-date {\n          font-weight: normal;\n          display: block;\n        }\n        .student-name {\n          font-size: calc(2 * var(--elmsln-studio-FontSize, 16px));\n          font-weight: bold;\n          color: #4b4b4b;\n        }\n        .project-name {\n          font-size: calc(1.75 * var(--elmsln-studio-FontSize, 16px));\n          color: #95989a;\n        }\n        #project-buttons,\n        .submission-header {\n          position: relative;\n          height: 40px;\n          margin-top: -40px;\n        }\n        #sort,\n        .submission-header elmsln-studio-button {\n          color: #95989a;\n          font-size: var(--elmsln-studio-FontSize, 16px);\n          text-transform: uppercase;\n          position: absolute;\n          right: 0;\n          top: 0;\n        }\n        #sort:focus,\n        #sort:hover,\n        .submission-header elmsln-studio-button:focus,\n        .submission-header elmsln-studio-button:hover {\n          color: #4b4b4b;\n        }\n        #sort.sort-latest {\n          transform: rotateX(180deg) rotateY(0deg);\n        }\n        section {\n          border-top: 2px solid #eaeaea;\n          padding: calc(0.5 * var(--elmsln-studio-margin, 20px)) 0\n            var(--elmsln-studio-margin, 20px);\n        }\n        .view-discussion {\n          border: 1px solid #eaeaea;\n          padding: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          --elmsln-studio-discussion-multiplier: 1;\n        }\n        .view-discussion section {\n          opacity: 0.4;\n          display: none;\n        }\n        .view-discussion section.section-discussion {\n          display: block;\n          opacity: 1;\n        }\n        h2 {\n          margin: calc(2 * var(--elmsln-studio-margin, 20px)) auto;\n          text-align: center;\n        }\n        .assignment-name {\n          font-size: calc(\n            1.25 * var(--elmsln-studio-discussion-multiplier, 1) *\n              var(--elmsln-studio-FontSize, 16px)\n          );\n          color: #555555;\n        }\n        .submission-date {\n          font-size: calc(\n            0.75 * var(--elmsln-studio-discussion-multiplier, 1) *\n              var(--elmsln-studio-FontSize, 16px)\n          );\n          color: #95989a;\n        }\n        .submission-body {\n          color: #95989a;\n          line-height: 160%;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px)) auto\n            var(--elmsln-studio-margin, 20px);\n        }\n        .submission-body:first-child {\n          margin-top: 0;\n        }\n        .submission-body:last-child {\n          margin-bottom: 0;\n        }\n        .submission-links {\n          list-style: none;\n          padding-inline-start: 0;\n        }\n        .submission-links > li {\n          display: flex;\n          align-items: flex-start;\n          justify-content: flex-start;\n        }\n        .submission-links a:link,\n        .submission-links a:visited {\n          font-size: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n          font-weight: bold;\n          color: #000;\n          text-decoration: none;\n        }\n        .submission-links a:focus,\n        .submission-links a:hover {\n          text-decoration: underline;\n        }\n        .submission-links simple-icon-lite {\n          margin-right: 0.5em;\n        }\n        .submission-links a:focus simple-icon-lite,\n        .submission-links a:hover simple-icon-lite {\n          text-decoration: none;\n        }\n        .callout {\n          font-size: calc(0.75 * var(--elmsln-studio-FontSize, 16px));\n          border: 1px solid #eaeaea;\n          padding: 0;\n        }\n        .discussion-label {\n          text-align: left;\n          font-size: calc(1 * var(--elmsln-studio-FontSize, 16px));\n          margin: var(--elmsln-studio-margin, 20px) 0\n            calc(0.25 * var(--elmsln-studio-margin, 20px));\n        }\n        .callout > * {\n          padding: calc(0.25 * var(--elmsln-studio-margin, 20px))\n            calc(0.5 * var(--elmsln-studio-margin, 20px));\n        }\n        .callout .callout-label {\n          font-size: calc(1 * var(--elmsln-studio-FontSize, 16px));\n          font-weight: normal;\n          display: flex;\n          align-items: center;\n          justify-content: flex-start;\n          margin: 0;\n          color: #4b4b4b;\n          border-bottom: 1px solid #eaeaea;\n        }\n        .callout .callout-label simple-icon-lite {\n          margin-right: 1em;\n        }\n        threaded-discussion {\n          background-color: #eaeaea;\n          padding: 1px;\n          --threaded-discussion-comment-button-BackgroundColor: var(\n            --simple-colors-fixed-theme-light-blue-8\n          );\n          --threaded-discussion-comment-button-focus-BackgroundColor: var(\n            --simple-colors-fixed-theme-light-blue-9\n          );\n        }\n        #prev-next-nav {\n          z-index: 1;\n          display: flex;\n        }\n        @media screen and (min-width: 600px) {\n          :host {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n          }\n          #primary {\n            flex: 1 0 100%;\n          }\n          #primary.view-discussion {\n            flex: 0 0 calc(50% - var(--elmsln-studio-margin, 20px));\n          }\n          #primary:not(.view-discussion) {\n            max-width: calc(1000px - 2 * var(--elmsln-studio-margin, 20px));\n            margin: 0 auto;\n            border: 1px solid #eaeaea;\n            padding: var(--elmsln-studio-margin, 20px);\n          }\n          .view-discussion {\n            --elmsln-studio-discussion-multiplier: 0.5;\n          }\n          .assignment-name {\n            font-size: calc(\n              1.5 * var(--elmsln-studio-discussion-multiplier, 1) *\n                var(--elmsln-studio-FontSize, 16px)\n            );\n          }\n          .submission-date {\n            font-size: calc(\n              1 * var(--elmsln-studio-discussion-multiplier, 1) *\n                var(--elmsln-studio-FontSize, 16px)\n            );\n          }\n          .view-discussion section {\n            display: block;\n          }\n          .view-discussion section.section-discussion {\n            border: 4px solid #95989a;\n            padding: calc(0.5 * var(--elmsln-studio-margin, 20px))\n              calc(0.5 * var(--elmsln-studio-margin, 20px))\n              var(--elmsln-studio-margin, 20px);\n            opacity: 1;\n          }\n          #secondary {\n            flex: 0 0 calc(50% - var(--elmsln-studio-margin, 20px));\n          }\n        }\n        @media screen and (min-width: 1000px) {\n          .view-discussion {\n            --elmsln-studio-discussion-multiplier: 0.75;\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          .view-discussion {\n            --elmsln-studio-discussion-multiplier: 1;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-styles.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-styles.js
index 1a0db383a3e..90584c2236d 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-styles.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-styles.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.ElmslnStudioStyles = void 0;
 
-  var _templateObject_dcfd78d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b35713801f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -26,7 +26,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
       babelHelpers.createClass(_class, null, [{
         key: "styles",
         get: function get() {
-          return [(0, _index.css)(_templateObject_dcfd78d01f0511ed8cc3e9a95995ad69 || (_templateObject_dcfd78d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            font-family: var(\n              --elmsln-studio-secondary-FontFamily,\n              \"Helvetica Neue\",\n              sans-serif\n            );\n            font-family: var(--elmsln-studio-FontFamily, \"Roboto\", sans-serif);\n            font-size: var(--elmsln-studio-FontSize, 16px);\n          }\n          *[hidden] {\n            display: none !important;\n          }\n          .sr-only {\n            position: absolute;\n            left: -9999999px;\n            width: 0;\n            overflow: hidden;\n          }\n          #studio-nav {\n            display: flex;\n            align-items: stretch;\n            justify-content: center;\n            margin-bottom: var(--elmsln-studio-margin, 20px);\n            flex-wrap: wrap;\n          }\n          #studio-nav elmsln-studio-link {\n            font-family: var(--elmsln-studio-FontFamily, \"Roboto\", sans-serif);\n            font-size: calc(1.25 * var(--elmsln-studio-FontSize, 16px));\n            flex: 0 1 auto;\n            color: #9d9d9d;\n            padding: calc(0.25 * var(--elmsln-studio-margin, 20px))\n              calc(0.25 * var(--elmsln-studio-margin, 20px));\n          }\n          #studio-nav elmsln-studio-link[active] {\n            font-weight: bold;\n            color: #000;\n            --elmsln-studio-link-TextDecoration: underline !important;\n            --elmsln-studio-link-TextDecorationThickness: 3px;\n          }\n          #studio-nav elmsln-studio-link:not([disabled]):focus-within,\n          #studio-nav elmsln-studio-link:not([disabled]):hover {\n            --elmsln-studio-link-TextDecoration: underline !important;\n          }\n          .primary-404 {\n            min-height: 20vh;\n            display: flex;\n          }\n          #message-404 {\n            background-color: #ffffff;\n            margin: 0 auto;\n            padding: 20px;\n          }\n          #message-404 elmsln-studio-link {\n            color: blue;\n            display: inline;\n          }\n          #message-404 elmsln-studio-link:not([disabled]):hover,\n          #message-404 elmsln-studio-link:not([disabled]):focus-within {\n            text-decoration: underline;\n          }\n          .filters {\n            padding-bottom: calc(0.5 * var(--elmsln-studio-margin, 20px));\n            margin-bottom: calc(0.5 * var(--elmsln-studio-margin, 20px));\n            border-bottom: 1px solid #ddd;\n            line-height: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n          }\n          simple-fields-field {\n            color: #95989a;\n            --simple-fields-border-color: transparent;\n            --simple-fields-font-size: var(--elmsln-studio-FontSize, 16px);\n            --simple-fields-detail-font-size: var(\n              --elmsln-studio-FontSize,\n              16px\n            );\n            --simple-fields-line-height: calc(\n              1.5 * var(--elmsln-studio-FontSize, 16px)\n            );\n            --simple-fields-detail-line-height: calc(\n              1.5 * var(--elmsln-studio-FontSize, 16px)\n            );\n            --simple-fields-font-family: var(\n              --elmsln-studio-FontFamily,\n              \"Roboto\",\n              sans-serif\n            );\n            --simple-fields-detail-font-family: var(\n              --elmsln-studio-FontFamily,\n              \"Roboto\",\n              sans-serif\n            );\n          }\n          hexagon-loader {\n            margin-bottom: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          }\n          accent-card img-view-modal[slot=\"image-corner\"] {\n            float: right;\n          }\n          accent-card img-view-modal[slot=\"image-corner\"],\n          accent-card img-view-modal[slot=\"image-corner\"]:focus-within,\n          accent-card img-view-modal[slot=\"image-corner\"]:hover {\n            background-color: transparent;\n          }\n          .card elmsln-studio-link {\n            --elmsln-studio-link-Color: var(--accent-card-color);\n            --elmsln-studio-link-TextDecoration: none !important;\n          }\n          .card elmsln-studio-link:not([disabled]):focus,\n          .card elmsln-studio-link:not([disabled]):focus-within,\n          .card elmsln-studio-link:not([disabled]):hover {\n            --elmsln-studio-link-TextDecoration: underline !important;\n          }\n          .card elmsln-studio-link[slot=\"subheading\"] {\n            --elmsln-studio-link-FontWeight: bold;\n            --elmsln-studio-link-TextDecoration: underline !important;\n          }\n          .card elmsln-studio-link[slot=\"subheading\"]:not([disabled]):focus,\n          .card\n            elmsln-studio-link[slot=\"subheading\"]:not([disabled]):focus-within,\n          .card elmsln-studio-link[slot=\"subheading\"]:not([disabled]):hover {\n            --elmsln-studio-link-TextDecoration: none !important;\n          }\n          button {\n            background-color: transparent;\n            border: none;\n            text-align: center;\n            display: block;\n            color: #4b4b4b;\n          }\n          button[disabled] {\n            cursor: not-allowed;\n          }\n          button:not([disabled]):focus,\n          button:not([disabled]):hover {\n            color: var(--simple-colors-default-theme-grey-11, #222);\n          }\n          button.load-more {\n            text-align: center;\n            display: block;\n            padding: 10px;\n            margin: 0;\n            border-radius: 3px;\n            border: none;\n            width: 100%;\n            color: var(--simple-colors-default-theme-grey-11, #222);\n            background-color: var(--simple-colors-default-theme-grey-2, #eee);\n          }\n          button.load-more:not([disabled]):focus,\n          button.load-more:not([disabled]):hover {\n            color: var(--simple-colors-default-theme-grey-12, #000);\n            background-color: var(--simple-colors-default-theme-grey-3, #ddd);\n          }\n          img-view-modal button {\n            padding: 0;\n            margin: 0;\n          }\n          img-view-modal simple-icon-lite {\n            color: white;\n            border-radius: 2px;\n            --simple-icon-width: 24px;\n            --simple-icon-height: 24px;\n            background-color: rgba(0, 0, 0, 0.5);\n          }\n          img-view-modal:not([disabled]) button:hover simple-icon-lite,\n          img-view-modal:not([disabled]) button:focus simple-icon-lite {\n            background-color: rgba(0, 0, 0, 0.25);\n          }\n\n          img-view-modal.thumbnail {\n            border-radius: 3px;\n          }\n          img-view-modal.thumbnail button {\n            border-radius: 3px;\n            position: relative;\n            width: 150px;\n            padding: 0;\n            margin: 0;\n          }\n          img-view-modal.thumbnail button .imgbg {\n            border-radius: 3px;\n            width: 100%;\n            padding-top: 100%;\n            background-image: var(\n              --elmsln-studio-image-button-backgroundImage,\n              none\n            );\n            background-position: center;\n            background-size: cover;\n            margin: 0;\n          }\n          img-view-modal.thumbnail button simple-icon-lite {\n            position: absolute;\n            bottom: 5px;\n            right: 5px;\n          }\n          .thumbnail-grid {\n            display: flex;\n            flex-wrap: wrap;\n          }\n          .thumbnail-grid > * {\n            flex: 0 0 50%;\n            margin: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          }\n          .rubric-table {\n            border-collapse: collapse;\n            margin: 0 0 calc(1 * var(--elmsln-studio-margin, 20px));\n          }\n          .rubric-table th,\n          .rubric-table td {\n            padding: 5px;\n            border: 1px solid #eaeaea;\n          }\n          .rubric-table th {\n            font-weight: normal;\n          }\n          .rubric-table caption {\n            font-size: calc(1.25 * var(--elmsln-studio-FontSize, 16px));\n            font-weight: normal;\n            color: #555555;\n          }\n          .rubric-table thead th {\n            border-bottom: 1px solid #95989a;\n          }\n          .rubric-table thead th:first-child,\n          .rubric-table tbody th {\n            border-right: 1px solid #95989a;\n          }\n          .rubric-table tbody tr:nth-child(2n + 1) > * {\n            background-color: #f8f8f8;\n          }\n          #prev-next-nav {\n            align-items: center;\n            position: sticky;\n            bottom: 0;\n            margin: 0;\n            background-color: #ffffff;\n            -webkit-box-shadow: 0px -1px 5px 0px #b0b0b0;\n            box-shadow: 0px -1px 5px 0px #b0b0b0;\n          }\n          #prev-next-nav {\n            flex: 1 0 100%;\n            display: flex;\n            align-items: stretch;\n            justify-content: space-between;\n          }\n          #prev-next-nav elmsln-studio-link {\n            border: 1px solid #ddd;\n            flex: 1 1 50%;\n            padding: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          }\n          #prev-next-nav elmsln-studio-link:not([disabled]):focus-within,\n          #prev-next-nav elmsln-studio-link:not([disabled]):hover {\n            border: 1px solid #000;\n          }\n          .prev-next-label span {\n            display: block;\n            font-weight: normal;\n            text-align: center;\n          }\n          .prev-next-label span:first-child {\n            flex: 1 0 auto;\n            font-size: calc(1.25 * var(--elmsln-studio-FontSize, 16px));\n            color: #4b4b4b;\n          }\n          .prev-next-label span:last-child {\n            flex: 1 1 auto;\n            font-size: calc(0.75 * var(--elmsln-studio-FontSize, 16px));\n            color: #222;\n          }\n          @media screen and (min-width: 600px) {\n            #studio-nav elmsln-studio-link {\n              padding: calc(0.25 * var(--elmsln-studio-margin, 20px))\n                calc(0.5 * var(--elmsln-studio-margin, 20px));\n              font-size: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n            }\n            .thumbnail-grid > * {\n              flex: 0 0 150px;\n            }\n          }\n          @media screen and (min-width: 900px) {\n            #studio-nav elmsln-studio-link {\n              padding: calc(0.25 * var(--elmsln-studio-margin, 20px))\n                calc(1 * var(--elmsln-studio-margin, 20px));\n            }\n            #primary {\n              flex: 0 0 calc(66.66666667% - var(--elmsln-studio-margin, 20px));\n            }\n            #secondary {\n              flex: 0 0 calc(33.33333333% - var(--elmsln-studio-margin, 20px));\n            }\n            .filters {\n              display: flex;\n              justify-content: space-between;\n              flex-wrap: nowrap;\n              height: calc(2 * var(--elmsln-studio-FontSize, 16px));\n            }\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject_b35713801f2611eda0c389891c227ec8 || (_templateObject_b35713801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            font-family: var(\n              --elmsln-studio-secondary-FontFamily,\n              \"Helvetica Neue\",\n              sans-serif\n            );\n            font-family: var(--elmsln-studio-FontFamily, \"Roboto\", sans-serif);\n            font-size: var(--elmsln-studio-FontSize, 16px);\n          }\n          *[hidden] {\n            display: none !important;\n          }\n          .sr-only {\n            position: absolute;\n            left: -9999999px;\n            width: 0;\n            overflow: hidden;\n          }\n          #studio-nav {\n            display: flex;\n            align-items: stretch;\n            justify-content: center;\n            margin-bottom: var(--elmsln-studio-margin, 20px);\n            flex-wrap: wrap;\n          }\n          #studio-nav elmsln-studio-link {\n            font-family: var(--elmsln-studio-FontFamily, \"Roboto\", sans-serif);\n            font-size: calc(1.25 * var(--elmsln-studio-FontSize, 16px));\n            flex: 0 1 auto;\n            color: #9d9d9d;\n            padding: calc(0.25 * var(--elmsln-studio-margin, 20px))\n              calc(0.25 * var(--elmsln-studio-margin, 20px));\n          }\n          #studio-nav elmsln-studio-link[active] {\n            font-weight: bold;\n            color: #000;\n            --elmsln-studio-link-TextDecoration: underline !important;\n            --elmsln-studio-link-TextDecorationThickness: 3px;\n          }\n          #studio-nav elmsln-studio-link:not([disabled]):focus-within,\n          #studio-nav elmsln-studio-link:not([disabled]):hover {\n            --elmsln-studio-link-TextDecoration: underline !important;\n          }\n          .primary-404 {\n            min-height: 20vh;\n            display: flex;\n          }\n          #message-404 {\n            background-color: #ffffff;\n            margin: 0 auto;\n            padding: 20px;\n          }\n          #message-404 elmsln-studio-link {\n            color: blue;\n            display: inline;\n          }\n          #message-404 elmsln-studio-link:not([disabled]):hover,\n          #message-404 elmsln-studio-link:not([disabled]):focus-within {\n            text-decoration: underline;\n          }\n          .filters {\n            padding-bottom: calc(0.5 * var(--elmsln-studio-margin, 20px));\n            margin-bottom: calc(0.5 * var(--elmsln-studio-margin, 20px));\n            border-bottom: 1px solid #ddd;\n            line-height: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n          }\n          simple-fields-field {\n            color: #95989a;\n            --simple-fields-border-color: transparent;\n            --simple-fields-font-size: var(--elmsln-studio-FontSize, 16px);\n            --simple-fields-detail-font-size: var(\n              --elmsln-studio-FontSize,\n              16px\n            );\n            --simple-fields-line-height: calc(\n              1.5 * var(--elmsln-studio-FontSize, 16px)\n            );\n            --simple-fields-detail-line-height: calc(\n              1.5 * var(--elmsln-studio-FontSize, 16px)\n            );\n            --simple-fields-font-family: var(\n              --elmsln-studio-FontFamily,\n              \"Roboto\",\n              sans-serif\n            );\n            --simple-fields-detail-font-family: var(\n              --elmsln-studio-FontFamily,\n              \"Roboto\",\n              sans-serif\n            );\n          }\n          hexagon-loader {\n            margin-bottom: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          }\n          accent-card img-view-modal[slot=\"image-corner\"] {\n            float: right;\n          }\n          accent-card img-view-modal[slot=\"image-corner\"],\n          accent-card img-view-modal[slot=\"image-corner\"]:focus-within,\n          accent-card img-view-modal[slot=\"image-corner\"]:hover {\n            background-color: transparent;\n          }\n          .card elmsln-studio-link {\n            --elmsln-studio-link-Color: var(--accent-card-color);\n            --elmsln-studio-link-TextDecoration: none !important;\n          }\n          .card elmsln-studio-link:not([disabled]):focus,\n          .card elmsln-studio-link:not([disabled]):focus-within,\n          .card elmsln-studio-link:not([disabled]):hover {\n            --elmsln-studio-link-TextDecoration: underline !important;\n          }\n          .card elmsln-studio-link[slot=\"subheading\"] {\n            --elmsln-studio-link-FontWeight: bold;\n            --elmsln-studio-link-TextDecoration: underline !important;\n          }\n          .card elmsln-studio-link[slot=\"subheading\"]:not([disabled]):focus,\n          .card\n            elmsln-studio-link[slot=\"subheading\"]:not([disabled]):focus-within,\n          .card elmsln-studio-link[slot=\"subheading\"]:not([disabled]):hover {\n            --elmsln-studio-link-TextDecoration: none !important;\n          }\n          button {\n            background-color: transparent;\n            border: none;\n            text-align: center;\n            display: block;\n            color: #4b4b4b;\n          }\n          button[disabled] {\n            cursor: not-allowed;\n          }\n          button:not([disabled]):focus,\n          button:not([disabled]):hover {\n            color: var(--simple-colors-default-theme-grey-11, #222);\n          }\n          button.load-more {\n            text-align: center;\n            display: block;\n            padding: 10px;\n            margin: 0;\n            border-radius: 3px;\n            border: none;\n            width: 100%;\n            color: var(--simple-colors-default-theme-grey-11, #222);\n            background-color: var(--simple-colors-default-theme-grey-2, #eee);\n          }\n          button.load-more:not([disabled]):focus,\n          button.load-more:not([disabled]):hover {\n            color: var(--simple-colors-default-theme-grey-12, #000);\n            background-color: var(--simple-colors-default-theme-grey-3, #ddd);\n          }\n          img-view-modal button {\n            padding: 0;\n            margin: 0;\n          }\n          img-view-modal simple-icon-lite {\n            color: white;\n            border-radius: 2px;\n            --simple-icon-width: 24px;\n            --simple-icon-height: 24px;\n            background-color: rgba(0, 0, 0, 0.5);\n          }\n          img-view-modal:not([disabled]) button:hover simple-icon-lite,\n          img-view-modal:not([disabled]) button:focus simple-icon-lite {\n            background-color: rgba(0, 0, 0, 0.25);\n          }\n\n          img-view-modal.thumbnail {\n            border-radius: 3px;\n          }\n          img-view-modal.thumbnail button {\n            border-radius: 3px;\n            position: relative;\n            width: 150px;\n            padding: 0;\n            margin: 0;\n          }\n          img-view-modal.thumbnail button .imgbg {\n            border-radius: 3px;\n            width: 100%;\n            padding-top: 100%;\n            background-image: var(\n              --elmsln-studio-image-button-backgroundImage,\n              none\n            );\n            background-position: center;\n            background-size: cover;\n            margin: 0;\n          }\n          img-view-modal.thumbnail button simple-icon-lite {\n            position: absolute;\n            bottom: 5px;\n            right: 5px;\n          }\n          .thumbnail-grid {\n            display: flex;\n            flex-wrap: wrap;\n          }\n          .thumbnail-grid > * {\n            flex: 0 0 50%;\n            margin: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          }\n          .rubric-table {\n            border-collapse: collapse;\n            margin: 0 0 calc(1 * var(--elmsln-studio-margin, 20px));\n          }\n          .rubric-table th,\n          .rubric-table td {\n            padding: 5px;\n            border: 1px solid #eaeaea;\n          }\n          .rubric-table th {\n            font-weight: normal;\n          }\n          .rubric-table caption {\n            font-size: calc(1.25 * var(--elmsln-studio-FontSize, 16px));\n            font-weight: normal;\n            color: #555555;\n          }\n          .rubric-table thead th {\n            border-bottom: 1px solid #95989a;\n          }\n          .rubric-table thead th:first-child,\n          .rubric-table tbody th {\n            border-right: 1px solid #95989a;\n          }\n          .rubric-table tbody tr:nth-child(2n + 1) > * {\n            background-color: #f8f8f8;\n          }\n          #prev-next-nav {\n            align-items: center;\n            position: sticky;\n            bottom: 0;\n            margin: 0;\n            background-color: #ffffff;\n            -webkit-box-shadow: 0px -1px 5px 0px #b0b0b0;\n            box-shadow: 0px -1px 5px 0px #b0b0b0;\n          }\n          #prev-next-nav {\n            flex: 1 0 100%;\n            display: flex;\n            align-items: stretch;\n            justify-content: space-between;\n          }\n          #prev-next-nav elmsln-studio-link {\n            border: 1px solid #ddd;\n            flex: 1 1 50%;\n            padding: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          }\n          #prev-next-nav elmsln-studio-link:not([disabled]):focus-within,\n          #prev-next-nav elmsln-studio-link:not([disabled]):hover {\n            border: 1px solid #000;\n          }\n          .prev-next-label span {\n            display: block;\n            font-weight: normal;\n            text-align: center;\n          }\n          .prev-next-label span:first-child {\n            flex: 1 0 auto;\n            font-size: calc(1.25 * var(--elmsln-studio-FontSize, 16px));\n            color: #4b4b4b;\n          }\n          .prev-next-label span:last-child {\n            flex: 1 1 auto;\n            font-size: calc(0.75 * var(--elmsln-studio-FontSize, 16px));\n            color: #222;\n          }\n          @media screen and (min-width: 600px) {\n            #studio-nav elmsln-studio-link {\n              padding: calc(0.25 * var(--elmsln-studio-margin, 20px))\n                calc(0.5 * var(--elmsln-studio-margin, 20px));\n              font-size: calc(1.5 * var(--elmsln-studio-FontSize, 16px));\n            }\n            .thumbnail-grid > * {\n              flex: 0 0 150px;\n            }\n          }\n          @media screen and (min-width: 900px) {\n            #studio-nav elmsln-studio-link {\n              padding: calc(0.25 * var(--elmsln-studio-margin, 20px))\n                calc(1 * var(--elmsln-studio-margin, 20px));\n            }\n            #primary {\n              flex: 0 0 calc(66.66666667% - var(--elmsln-studio-margin, 20px));\n            }\n            #secondary {\n              flex: 0 0 calc(33.33333333% - var(--elmsln-studio-margin, 20px));\n            }\n            .filters {\n              display: flex;\n              justify-content: space-between;\n              flex-wrap: nowrap;\n              height: calc(2 * var(--elmsln-studio-FontSize, 16px));\n            }\n          }\n        "])))];
         }
       }]);
       return _class;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-submission-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-submission-card.js
index 95f01928098..1433b81f0ed 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-submission-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-submission-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../accent-card/accent-card.js"],
   });
   _exports.ElmslnStudioSubmissionCard = void 0;
 
-  var _templateObject_dcfed8601f0511ed8cc3e9a95995ad69, _templateObject2_dcfed8601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b35873101f2611eda0c389891c227ec8, _templateObject2_b35873101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -40,7 +40,7 @@ define(["exports", "../../../lit/index.js", "../../accent-card/accent-card.js"],
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_dcfed8601f0511ed8cc3e9a95995ad69 || (_templateObject_dcfed8601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <accent-card\n        image-src=\"", "\"\n        .image-alt=\"", "\"\n        ?horizontal=\"", "\"\n        .image-align=\"", "\"\n        .image-valign=\"", "\"\n        .gravity=\"", "\"\n        no-border\n      >\n        <slot name=\"student\" slot=\"heading\"></slot>\n        <slot name=\"datetime\" slot=\"corner\"></slot>\n        <slot name=\"assigmment\" slot=\"subheading\"></slot>\n        <slot name=\"project\" slot=\"content\"></slot>\n        <slot name=\"feature\" slot=\"content\"></slot>\n        <slot name=\"feedback\" slot=\"footer\"></slot>\n      </accent-card>\n    "])), this.imageSrc || "", this.imageAlt || undefined, this.horizontal, this.imageAlign, this.imageValign, this.imageGravity);
+        return (0, _index.html)(_templateObject_b35873101f2611eda0c389891c227ec8 || (_templateObject_b35873101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <accent-card\n        image-src=\"", "\"\n        .image-alt=\"", "\"\n        ?horizontal=\"", "\"\n        .image-align=\"", "\"\n        .image-valign=\"", "\"\n        .gravity=\"", "\"\n        no-border\n      >\n        <slot name=\"student\" slot=\"heading\"></slot>\n        <slot name=\"datetime\" slot=\"corner\"></slot>\n        <slot name=\"assigmment\" slot=\"subheading\"></slot>\n        <slot name=\"project\" slot=\"content\"></slot>\n        <slot name=\"feature\" slot=\"content\"></slot>\n        <slot name=\"feedback\" slot=\"footer\"></slot>\n      </accent-card>\n    "])), this.imageSrc || "", this.imageAlt || undefined, this.horizontal, this.imageAlign, this.imageValign, this.imageGravity);
       } // properties available to the custom element for data binding
 
     }], [{
@@ -56,7 +56,7 @@ define(["exports", "../../../lit/index.js", "../../accent-card/accent-card.js"],
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_dcfed8601f0511ed8cc3e9a95995ad69 || (_templateObject2_dcfed8601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host,\n        accent-card {\n          line-height: 160%;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: stretch;\n        }\n        accent-card {\n          width: auto;\n          flex: 1 1 auto;\n          --accent-card-padding: 0;\n          --accent-card-heading-min-height: 30px;\n          --accent-card-heading-padding-top: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-heading-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-heading-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-subheading-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-subheading-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-bottom: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-left: calc(\n            0.25 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-right: calc(\n            0.25 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-top: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-bottom: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-image-padding-bottom: 5px;\n          --accent-card-image-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-image-width: 33.33333%;\n          --accent-card-image-height: 200px;\n        }\n        accent-card:focus-within,\n        accent-card:hover {\n          outline: 2px solid var(--accent-card-border-color);\n        }\n        [slot=\"feature\"] {\n          margin-top: var(--elmsln-studio-margin, 20px);\n          height: calc(\n            var(--accent-card-image-height, 200px) -\n              var(--elmsln-studio-margin, 20px)\n          );\n          overflow: auto;\n        }\n        [slot=\"heading\"] {\n          font-weight: var(--elmsln-studio-FontWeightLight, 300);\n          font-size: 22px;\n        }\n        [slot=\"corner\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 12px;\n        }\n        [slot=\"subheading\"] {\n          font-weight: var(--elmsln-studio-FontWeightBold, 500);\n          font-size: 18px;\n          font-style: normal;\n          color: #5d5e5f;\n        }\n        [slot=\"content\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 14px;\n          color: #7e7e7e;\n        }\n        [slot=\"footer\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 12px;\n          text-transform: uppercase;\n          text-align: right;\n          color: #95989a;\n        }\n        [slot=\"footer\"] elmsln-studio-link {\n          margin: 0 calc(0.5 * var(--elmsln-studio-margin, 20px));\n          text-align: right;\n          --elmsln-studio-link-Color: #7e7e7e;\n        }\n        [slot=\"footer\"] elmsln-studio-link:focus,\n        [slot=\"footer\"] elmsln-studio-link:focus-within,\n        [slot=\"footer\"] elmsln-studio-link:hover {\n          --elmsln-studio-link-Color: #95989a;\n          --elmsln-studio-link-TextDecoration: none !important;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b35873101f2611eda0c389891c227ec8 || (_templateObject2_b35873101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host,\n        accent-card {\n          line-height: 160%;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: stretch;\n        }\n        accent-card {\n          width: auto;\n          flex: 1 1 auto;\n          --accent-card-padding: 0;\n          --accent-card-heading-min-height: 30px;\n          --accent-card-heading-padding-top: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-heading-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-heading-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-subheading-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-subheading-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-bottom: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-left: calc(\n            0.25 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-right: calc(\n            0.25 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-top: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-bottom: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-image-padding-bottom: 5px;\n          --accent-card-image-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-image-width: 33.33333%;\n          --accent-card-image-height: 200px;\n        }\n        accent-card:focus-within,\n        accent-card:hover {\n          outline: 2px solid var(--accent-card-border-color);\n        }\n        [slot=\"feature\"] {\n          margin-top: var(--elmsln-studio-margin, 20px);\n          height: calc(\n            var(--accent-card-image-height, 200px) -\n              var(--elmsln-studio-margin, 20px)\n          );\n          overflow: auto;\n        }\n        [slot=\"heading\"] {\n          font-weight: var(--elmsln-studio-FontWeightLight, 300);\n          font-size: 22px;\n        }\n        [slot=\"corner\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 12px;\n        }\n        [slot=\"subheading\"] {\n          font-weight: var(--elmsln-studio-FontWeightBold, 500);\n          font-size: 18px;\n          font-style: normal;\n          color: #5d5e5f;\n        }\n        [slot=\"content\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 14px;\n          color: #7e7e7e;\n        }\n        [slot=\"footer\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 12px;\n          text-transform: uppercase;\n          text-align: right;\n          color: #95989a;\n        }\n        [slot=\"footer\"] elmsln-studio-link {\n          margin: 0 calc(0.5 * var(--elmsln-studio-margin, 20px));\n          text-align: right;\n          --elmsln-studio-link-Color: #7e7e7e;\n        }\n        [slot=\"footer\"] elmsln-studio-link:focus,\n        [slot=\"footer\"] elmsln-studio-link:focus-within,\n        [slot=\"footer\"] elmsln-studio-link:hover {\n          --elmsln-studio-link-Color: #95989a;\n          --elmsln-studio-link-TextDecoration: none !important;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-submissions.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-submissions.js
index 3fb8cbb850f..3a95904ef58 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-submissions.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-submissions.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../lit/index.js", "./elmsln-studio-styles.js",
   _exports.ElmslnStudioSubmissions = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_dd06a0901f0511ed8cc3e9a95995ad69, _templateObject2_dd06a0901f0511ed8cc3e9a95995ad69, _templateObject3_dd06a0901f0511ed8cc3e9a95995ad69, _templateObject4_dd06a0901f0511ed8cc3e9a95995ad69, _templateObject5_dd06a0901f0511ed8cc3e9a95995ad69, _templateObject6_dd06a0901f0511ed8cc3e9a95995ad69, _templateObject7_dd06a0901f0511ed8cc3e9a95995ad69;
+  var _templateObject_b36014301f2611eda0c389891c227ec8, _templateObject2_b36014301f2611eda0c389891c227ec8, _templateObject3_b36014301f2611eda0c389891c227ec8, _templateObject4_b36014301f2611eda0c389891c227ec8, _templateObject5_b36014301f2611eda0c389891c227ec8, _templateObject6_b36014301f2611eda0c389891c227ec8, _templateObject7_b36014301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -52,7 +52,7 @@ define(["exports", "meta", "../../../lit/index.js", "./elmsln-studio-styles.js",
       function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_dd06a0901f0511ed8cc3e9a95995ad69 || (_templateObject_dd06a0901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <h1 class=\"sr-only\">Submissions</h1>\n      <div class=\"filters\">\n        <simple-fields-field\n          inline\n          label=\"Project:\"\n          .options=\"", "\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n        >\n        </simple-fields-field>\n        <simple-fields-field\n          inline\n          label=\"Assignment:\"\n          .options=\"", "\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n        >\n        </simple-fields-field>\n        <simple-fields-field\n          inline\n          label=\"Student:\"\n          .options=\"", "\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n        >\n        </simple-fields-field>\n        <div id=\"layout\">\n          <button\n            aria-pressed=\"", "\"\n            @click=\"", "\"\n          >\n            <simple-icon-lite icon=\"icons:view-list\"></simple-icon-lite>\n            <span class=\"sr-only\">display as list</span>\n          </button>\n          <button\n            aria-pressed=\"", "\"\n            @click=\"", "\"\n          >\n            <simple-icon-lite icon=\"icons:view-module\"></simple-icon-lite>\n            <span class=\"sr-only\">display as grid</span>\n          </button>\n        </div>\n      </div>\n      <div id=\"primary\">\n        ", "\n      </div>\n      <div id=\"secondary\">\n        <nav-card flat no-border class=\"card\">\n          <span slot=\"heading\">\n            ", "\n          </span>\n          ", "\n        </nav-card>\n      </div>\n    "])), this.projectOptions, this.projectFilter || "", function (e) {
+        return (0, _index.html)(_templateObject_b36014301f2611eda0c389891c227ec8 || (_templateObject_b36014301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <h1 class=\"sr-only\">Submissions</h1>\n      <div class=\"filters\">\n        <simple-fields-field\n          inline\n          label=\"Project:\"\n          .options=\"", "\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n        >\n        </simple-fields-field>\n        <simple-fields-field\n          inline\n          label=\"Assignment:\"\n          .options=\"", "\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n        >\n        </simple-fields-field>\n        <simple-fields-field\n          inline\n          label=\"Student:\"\n          .options=\"", "\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n        >\n        </simple-fields-field>\n        <div id=\"layout\">\n          <button\n            aria-pressed=\"", "\"\n            @click=\"", "\"\n          >\n            <simple-icon-lite icon=\"icons:view-list\"></simple-icon-lite>\n            <span class=\"sr-only\">display as list</span>\n          </button>\n          <button\n            aria-pressed=\"", "\"\n            @click=\"", "\"\n          >\n            <simple-icon-lite icon=\"icons:view-module\"></simple-icon-lite>\n            <span class=\"sr-only\">display as grid</span>\n          </button>\n        </div>\n      </div>\n      <div id=\"primary\">\n        ", "\n      </div>\n      <div id=\"secondary\">\n        <nav-card flat no-border class=\"card\">\n          <span slot=\"heading\">\n            ", "\n          </span>\n          ", "\n        </nav-card>\n      </div>\n    "])), this.projectOptions, this.projectFilter || "", function (e) {
           return _this2.projectFilter = e.detail.value;
         }, this.assignmentOptions, this.assignmentFilter || "", function (e) {
           return _this2.assignmentFilter = e.detail.value;
@@ -62,10 +62,10 @@ define(["exports", "meta", "../../../lit/index.js", "./elmsln-studio-styles.js",
           return _this2.list = true;
         }, this.list ? "false" : "true", function (e) {
           return _this2.list = false;
-        }, !this.submissions ? this.loading("grey") : (0, _index.html)(_templateObject2_dd06a0901f0511ed8cc3e9a95995ad69 || (_templateObject2_dd06a0901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <div id=\"cards\" class=\"", "\">\n                <div\n                  class=\"no-submissions\"\n                  ?hidden=\"", "\"\n                >\n                  No submissions for applied filters.\n                </div>\n                ", "\n              </div>\n            "])), this.list ? "list" : "grid", this.filteredSubmissions.length > 0, this.filteredSubmissions.map(function (s, i) {
-          return (0, _index.html)(_templateObject3_dd06a0901f0511ed8cc3e9a95995ad69 || (_templateObject3_dd06a0901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <accent-card-clickable\n                      id=\"accent-", "\"\n                      href=\"", "\"\n                      class=\"card submission-card\"\n                      image-src=\"", "\"\n                      .image-alt=\"", "\"\n                      ?horizontal=\"", "\"\n                      .image-align=\"", "\"\n                      .image-valign=\"", "\"\n                      .gravity=\"", "\"\n                      no-border\n                    >\n                      <elmsln-studio-link\n                        data-clickable\n                        href=\"", "\"\n                        id=\"assignment-", "\"\n                        slot=\"heading\"\n                      >\n                        ", "\n                      </elmsln-studio-link>\n                      <elmsln-studio-link\n                        id=\"student-", "\"\n                        href=\"submissions", "\"\n                        slot=\"subheading\"\n                      >\n                        ", "\n                      </elmsln-studio-link>\n                      <local-time\n                        slot=\"corner\"\n                        id=\"date-", "\"\n                        .datetime=\"", "\"\n                        month=\"long\"\n                        day=\"numeric\"\n                        year=\"", "\"\n                      >\n                        ", "\n                      </local-time>\n                      <div slot=\"content\" id=\"project-", "\">\n                        ", "\n                        ", "\n                      </div>\n                      <elmsln-studio-link\n                        slot=\"footer\"\n                        href=\"", "\"\n                      >\n                        Feedback\n                        <span class=\"sr-only\">(", ")</span>\n                        <simple-icon-lite\n                          icon=\"", "\"\n                        ></simple-icon-lite>\n                      </elmsln-studio-link>\n                    </accent-card-clickable>\n                  "])), i, _this2.getActivityLink(s, true), _this2.getCoverImage(s), s.imageAlt || undefined, s.feature || _this2.list ? true : false, _this2._getAlign(s.imageGravity || undefined), _this2._getValign(s.imageGravity || undefined), s.imageGravity || undefined, _this2.getActivityLink(s, true), s.id, s.assignment, s.id, !s.userId ? "" : "?student=".concat(s.userId), [s.firstName, s.lastName].join(" "), s.id, s.date, _this2.list ? "numeric" : undefined, _this2.dateFormat(s.date, "short"), s.id, s.project, !s.feature ? "" : (0, _index.html)(_templateObject4_dd06a0901f0511ed8cc3e9a95995ad69 || (_templateObject4_dd06a0901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"feature\">", "</div>"])), s.feature), _this2.getActivityLink(s), s.feedback.length, _this2.getFeedbackIcon(s.feedback.length));
-        })), this.isFiltered ? "Related Comments" : "Recent Comments", !this.comments ? this.loading("grey", "body") : (0, _index.html)(_templateObject5_dd06a0901f0511ed8cc3e9a95995ad69 || (_templateObject5_dd06a0901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <div slot=\"body\" ?hidden=\"", "\">\n                  ", "\n                </div>\n                <div slot=\"linklist\">\n                  ", "\n                </div>\n                <button\n                  class=\"load-more\"\n                  slot=\"footer\"\n                  ?disabled=\"", "\"\n                  ?hidden=\"", "\"\n                  @click=\"", "\"\n                >\n                  Load More ", " /\n                  ", "\n                </button>\n              "])), this.filteredComments.length > 0, this.isFiltered ? "No comments for applied filters." : "No comments.", (this.filteredComments || []).slice(0, this.commentLoad).map(function (f) {
-          return (0, _index.html)(_templateObject6_dd06a0901f0511ed8cc3e9a95995ad69 || (_templateObject6_dd06a0901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <nav-card-item\n                          accent-color=\"", "\"\n                          .avatar=\"", "\"\n                          initials=\"", "\"\n                        >\n                          <elmsln-studio-link\n                            id=\"comment-", "\"\n                            aria-describedby=\"comment-", "-desc\"\n                            slot=\"label\"\n                            href=\"", "\"\n                          >\n                            ", "\n                          </elmsln-studio-link>\n\n                          <relative-time\n                            id=\"comment-", "\"\n                            slot=\"description\"\n                            .datetime=\"", "\"\n                          >\n                            ", "\n                          </relative-time>\n                        </nav-card-item>\n                      "])), _this2.accentColor(_this2.fullName(f)), f.avatar, _this2.fullName(f), f.id, f.id, _this2.getActivityLink(f), _this2.getActivityTitle(f), f.id, f.date, _this2.dateFormat(f.date, "long"));
+        }, !this.submissions ? this.loading("grey") : (0, _index.html)(_templateObject2_b36014301f2611eda0c389891c227ec8 || (_templateObject2_b36014301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <div id=\"cards\" class=\"", "\">\n                <div\n                  class=\"no-submissions\"\n                  ?hidden=\"", "\"\n                >\n                  No submissions for applied filters.\n                </div>\n                ", "\n              </div>\n            "])), this.list ? "list" : "grid", this.filteredSubmissions.length > 0, this.filteredSubmissions.map(function (s, i) {
+          return (0, _index.html)(_templateObject3_b36014301f2611eda0c389891c227ec8 || (_templateObject3_b36014301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <accent-card-clickable\n                      id=\"accent-", "\"\n                      href=\"", "\"\n                      class=\"card submission-card\"\n                      image-src=\"", "\"\n                      .image-alt=\"", "\"\n                      ?horizontal=\"", "\"\n                      .image-align=\"", "\"\n                      .image-valign=\"", "\"\n                      .gravity=\"", "\"\n                      no-border\n                    >\n                      <elmsln-studio-link\n                        data-clickable\n                        href=\"", "\"\n                        id=\"assignment-", "\"\n                        slot=\"heading\"\n                      >\n                        ", "\n                      </elmsln-studio-link>\n                      <elmsln-studio-link\n                        id=\"student-", "\"\n                        href=\"submissions", "\"\n                        slot=\"subheading\"\n                      >\n                        ", "\n                      </elmsln-studio-link>\n                      <local-time\n                        slot=\"corner\"\n                        id=\"date-", "\"\n                        .datetime=\"", "\"\n                        month=\"long\"\n                        day=\"numeric\"\n                        year=\"", "\"\n                      >\n                        ", "\n                      </local-time>\n                      <div slot=\"content\" id=\"project-", "\">\n                        ", "\n                        ", "\n                      </div>\n                      <elmsln-studio-link\n                        slot=\"footer\"\n                        href=\"", "\"\n                      >\n                        Feedback\n                        <span class=\"sr-only\">(", ")</span>\n                        <simple-icon-lite\n                          icon=\"", "\"\n                        ></simple-icon-lite>\n                      </elmsln-studio-link>\n                    </accent-card-clickable>\n                  "])), i, _this2.getActivityLink(s, true), _this2.getCoverImage(s), s.imageAlt || undefined, s.feature || _this2.list ? true : false, _this2._getAlign(s.imageGravity || undefined), _this2._getValign(s.imageGravity || undefined), s.imageGravity || undefined, _this2.getActivityLink(s, true), s.id, s.assignment, s.id, !s.userId ? "" : "?student=".concat(s.userId), [s.firstName, s.lastName].join(" "), s.id, s.date, _this2.list ? "numeric" : undefined, _this2.dateFormat(s.date, "short"), s.id, s.project, !s.feature ? "" : (0, _index.html)(_templateObject4_b36014301f2611eda0c389891c227ec8 || (_templateObject4_b36014301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"feature\">", "</div>"])), s.feature), _this2.getActivityLink(s), s.feedback.length, _this2.getFeedbackIcon(s.feedback.length));
+        })), this.isFiltered ? "Related Comments" : "Recent Comments", !this.comments ? this.loading("grey", "body") : (0, _index.html)(_templateObject5_b36014301f2611eda0c389891c227ec8 || (_templateObject5_b36014301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <div slot=\"body\" ?hidden=\"", "\">\n                  ", "\n                </div>\n                <div slot=\"linklist\">\n                  ", "\n                </div>\n                <button\n                  class=\"load-more\"\n                  slot=\"footer\"\n                  ?disabled=\"", "\"\n                  ?hidden=\"", "\"\n                  @click=\"", "\"\n                >\n                  Load More ", " /\n                  ", "\n                </button>\n              "])), this.filteredComments.length > 0, this.isFiltered ? "No comments for applied filters." : "No comments.", (this.filteredComments || []).slice(0, this.commentLoad).map(function (f) {
+          return (0, _index.html)(_templateObject6_b36014301f2611eda0c389891c227ec8 || (_templateObject6_b36014301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <nav-card-item\n                          accent-color=\"", "\"\n                          .avatar=\"", "\"\n                          initials=\"", "\"\n                        >\n                          <elmsln-studio-link\n                            id=\"comment-", "\"\n                            aria-describedby=\"comment-", "-desc\"\n                            slot=\"label\"\n                            href=\"", "\"\n                          >\n                            ", "\n                          </elmsln-studio-link>\n\n                          <relative-time\n                            id=\"comment-", "\"\n                            slot=\"description\"\n                            .datetime=\"", "\"\n                          >\n                            ", "\n                          </relative-time>\n                        </nav-card-item>\n                      "])), _this2.accentColor(_this2.fullName(f)), f.avatar, _this2.fullName(f), f.id, f.id, _this2.getActivityLink(f), _this2.getActivityTitle(f), f.id, f.date, _this2.dateFormat(f.date, "long"));
         }), this.commentLoad >= this.filteredComments.length, this.commentLoad >= this.filteredComments.length, function (e) {
           return _this2.commentLoad += 10;
         }, this.commentLoad, this.filteredComments.length));
@@ -221,7 +221,7 @@ define(["exports", "meta", "../../../lit/index.js", "./elmsln-studio-styles.js",
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnStudioSubmissions), "styles", this)), [(0, _index.css)(_templateObject7_dd06a0901f0511ed8cc3e9a95995ad69 || (_templateObject7_dd06a0901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          flex-wrap: wrap;\n        }\n        .filters {\n          flex: 1 0 100%;\n        }\n        #layout {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n        }\n        #layout > button {\n          background-color: transparent;\n          opacity: 0.25;\n          transform: opacity 0.5s ease-in-out;\n          height: calc(2 * var(--elmsln-studio-FontSize, 16px));\n          width: calc(2 * var(--elmsln-studio-FontSize, 16px));\n          flex: 1 0 auto;\n          border: 1px solid #ddd;\n          margin: 0;\n          padding: 0;\n        }\n        #layout button:focus,\n        #layout button:hover {\n          opacity: 0.75;\n        }\n        #layout button[aria-pressed=\"true\"] {\n          opacity: 1;\n        }\n        #cards {\n          margin: var(--elmsln-studio-margin, 20px)\n            calc(-0.5 * var(--elmsln-studio-margin, 20px));\n          display: flex;\n          align-items: stretch;\n          justify-content: flex-start;\n          flex-wrap: wrap;\n        }\n        .no-submissions {\n          font-weight: var(--elmsln-studio-FontWeightLight, 300);\n          font-size: 22px;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          padding: var(--elmsln-studio-margin, 20px);\n          width: calc(100% - 2 * var(--elmsln-studio-margin, 20px));\n          background-color: #e8e8e8;\n          text-align: center;\n        }\n        accent-card-clickable {\n          line-height: 160%;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: stretch;\n          width: auto;\n          cursor: pointer;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px))\n            calc(0.5 * var(--elmsln-studio-margin, 20px));\n          flex: 1 1 calc(100% - var(--elmsln-studio-margin, 20px));\n          --accent-card-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.28),\n            0 1px 5px 0 rgba(0, 0, 0, 0.24), 0 3px 1px -2px rgba(0, 0, 0, 0.4);\n          --accent-card-padding: 0;\n          --accent-card-image-width: 33.33333%;\n          --accent-card-image-height: 200px;\n          --accent-card-heading-min-height: 30px;\n          --accent-card-heading-padding-top: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-heading-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-heading-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-subheading-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-subheading-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-bottom: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-left: calc(\n            0.25 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-right: calc(\n            0.25 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-top: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-bottom: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-image-padding-bottom: 5px;\n          --accent-card-image-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n        }\n        accent-card-clickable:hover {\n          --accent-card-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14),\n            0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1.5px 1px -1px rgba(0, 0, 0, 0.2);\n        }\n        accent-card-clickable [slot=\"heading\"] {\n          font-weight: var(--elmsln-studio-FontWeightLight, 300);\n          font-size: 22px;\n        }\n        accent-card-clickable [slot=\"corner\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 12px;\n        }\n        accent-card-clickable [slot=\"subheading\"] {\n          font-weight: var(--elmsln-studio-FontWeightBold, 500);\n          font-size: 18px;\n          font-style: normal;\n          color: #5d5e5f;\n        }\n        accent-card-clickable [slot=\"content\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 14px;\n          color: #7e7e7e;\n        }\n        accent-card-clickable [slot=\"content\"] .feature {\n          margin-top: var(--elmsln-studio-margin, 20px);\n          height: calc(\n            var(--accent-card-image-height, 200px) -\n              var(--elmsln-studio-margin, 20px)\n          );\n          overflow: auto;\n        }\n        accent-card-clickable [slot=\"footer\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 12px;\n          text-transform: uppercase;\n          text-align: right;\n          color: #95989a;\n          --elmsln-studio-link-Color: currentColor;\n        }\n        accent-card-clickable [slot=\"footer\"] elmsln-studio-link {\n          margin: 0 calc(0.5 * var(--elmsln-studio-margin, 20px));\n          text-align: right;\n        }\n        accent-card-clickable elmsln-studio-link {\n          --elmsln-studio-link-TextDecoration: none !important;\n        }\n        accent-card-clickable elmsln-studio-link:focus,\n        accent-card-clickable elmsln-studio-link:hover,\n        accent-card-clickable elmsln-studio-link:focus-within {\n          --elmsln-studio-link-TextDecoration: underline !important;\n        }\n        .feature {\n          margin-top: var(--elmsln-studio-margin, 20px);\n          height: calc(\n            var(--accent-card-image-height, 200px) -\n              var(--elmsln-studio-margin, 20px)\n          );\n          overflow: auto;\n        }\n        #secondary {\n          margin-top: 0;\n          --nav-card-linklist-margin-top: 0;\n          --nav-card-linklist-left-size: 36px;\n          --paper-avatar-width: var(--nav-card-linklist-left-size, 36px);\n        }\n        #secondary .filters {\n          justify-content: flex-start;\n        }\n        .comments {\n          color: #95989a;\n        }\n        nav-card {\n          margin: calc(1.5 * var(--elmsln-studio-margin, 20px)) 0 0;\n          --accent-card-footer-padding-left: 0;\n          --accent-card-footer-padding-right: 0;\n        }\n\n        @media screen and (min-width: 500px) {\n          accent-card-clickable {\n            --accent-card-image-width: 50%;\n          }\n          .grid accent-card-clickable:not([horizontal]) {\n            flex: 0 0 calc(50% - var(--elmsln-studio-margin, 20px));\n          }\n        }\n        @media screen and (min-width: 900px) {\n          :host {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n          }\n          .grid accent-card-clickable:not([horizontal]) {\n            flex: 0 0 calc(50% - var(--elmsln-studio-margin, 20px));\n          }\n          .filters > *,\n          #layout > * {\n            flex: 0 1 auto;\n            margin: 0 calc(0.5 * var(--elmsln-studio-margin, 20px));\n          }\n          #layout > button {\n            padding: 1px 6px;\n            margin: 0 5px;\n            border: 0px solid rgba(0, 0, 0, 0);\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          .grid accent-card-clickable[horizontal] {\n            flex: 0 0 calc(66.66666667% - var(--elmsln-studio-margin, 20px));\n          }\n          .grid accent-card-clickable:not([horizontal]) {\n            flex: 0 0 calc(33.3333333333% - var(--elmsln-studio-margin, 20px));\n          }\n        }\n        @media screen and (min-width: 1600px) {\n          accent-card-clickable[horizontal] {\n            --accent-card-image-width: 33.33333%;\n            flex: 0 0 calc(75% - var(--elmsln-studio-margin, 20px));\n          }\n          accent-card-clickable:not([horizontal]) {\n            flex: 0 0 calc(25% - var(--elmsln-studio-margin, 20px));\n          }\n          accent-card-clickable {\n            --accent-card-image-width: 50%;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnStudioSubmissions), "styles", this)), [(0, _index.css)(_templateObject7_b36014301f2611eda0c389891c227ec8 || (_templateObject7_b36014301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          flex-wrap: wrap;\n        }\n        .filters {\n          flex: 1 0 100%;\n        }\n        #layout {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n        }\n        #layout > button {\n          background-color: transparent;\n          opacity: 0.25;\n          transform: opacity 0.5s ease-in-out;\n          height: calc(2 * var(--elmsln-studio-FontSize, 16px));\n          width: calc(2 * var(--elmsln-studio-FontSize, 16px));\n          flex: 1 0 auto;\n          border: 1px solid #ddd;\n          margin: 0;\n          padding: 0;\n        }\n        #layout button:focus,\n        #layout button:hover {\n          opacity: 0.75;\n        }\n        #layout button[aria-pressed=\"true\"] {\n          opacity: 1;\n        }\n        #cards {\n          margin: var(--elmsln-studio-margin, 20px)\n            calc(-0.5 * var(--elmsln-studio-margin, 20px));\n          display: flex;\n          align-items: stretch;\n          justify-content: flex-start;\n          flex-wrap: wrap;\n        }\n        .no-submissions {\n          font-weight: var(--elmsln-studio-FontWeightLight, 300);\n          font-size: 22px;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px));\n          padding: var(--elmsln-studio-margin, 20px);\n          width: calc(100% - 2 * var(--elmsln-studio-margin, 20px));\n          background-color: #e8e8e8;\n          text-align: center;\n        }\n        accent-card-clickable {\n          line-height: 160%;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: stretch;\n          width: auto;\n          cursor: pointer;\n          margin: calc(0.5 * var(--elmsln-studio-margin, 20px))\n            calc(0.5 * var(--elmsln-studio-margin, 20px));\n          flex: 1 1 calc(100% - var(--elmsln-studio-margin, 20px));\n          --accent-card-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.28),\n            0 1px 5px 0 rgba(0, 0, 0, 0.24), 0 3px 1px -2px rgba(0, 0, 0, 0.4);\n          --accent-card-padding: 0;\n          --accent-card-image-width: 33.33333%;\n          --accent-card-image-height: 200px;\n          --accent-card-heading-min-height: 30px;\n          --accent-card-heading-padding-top: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-heading-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-heading-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-subheading-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-subheading-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-left: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-content-padding-bottom: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-left: calc(\n            0.25 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-right: calc(\n            0.25 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-top: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-footer-padding-bottom: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n          --accent-card-image-padding-bottom: 5px;\n          --accent-card-image-padding-right: calc(\n            0.5 * var(--elmsln-studio-margin, 20px)\n          );\n        }\n        accent-card-clickable:hover {\n          --accent-card-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14),\n            0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1.5px 1px -1px rgba(0, 0, 0, 0.2);\n        }\n        accent-card-clickable [slot=\"heading\"] {\n          font-weight: var(--elmsln-studio-FontWeightLight, 300);\n          font-size: 22px;\n        }\n        accent-card-clickable [slot=\"corner\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 12px;\n        }\n        accent-card-clickable [slot=\"subheading\"] {\n          font-weight: var(--elmsln-studio-FontWeightBold, 500);\n          font-size: 18px;\n          font-style: normal;\n          color: #5d5e5f;\n        }\n        accent-card-clickable [slot=\"content\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 14px;\n          color: #7e7e7e;\n        }\n        accent-card-clickable [slot=\"content\"] .feature {\n          margin-top: var(--elmsln-studio-margin, 20px);\n          height: calc(\n            var(--accent-card-image-height, 200px) -\n              var(--elmsln-studio-margin, 20px)\n          );\n          overflow: auto;\n        }\n        accent-card-clickable [slot=\"footer\"] {\n          font-weight: var(--elmsln-studio-FontWeightNormal, 400);\n          font-size: 12px;\n          text-transform: uppercase;\n          text-align: right;\n          color: #95989a;\n          --elmsln-studio-link-Color: currentColor;\n        }\n        accent-card-clickable [slot=\"footer\"] elmsln-studio-link {\n          margin: 0 calc(0.5 * var(--elmsln-studio-margin, 20px));\n          text-align: right;\n        }\n        accent-card-clickable elmsln-studio-link {\n          --elmsln-studio-link-TextDecoration: none !important;\n        }\n        accent-card-clickable elmsln-studio-link:focus,\n        accent-card-clickable elmsln-studio-link:hover,\n        accent-card-clickable elmsln-studio-link:focus-within {\n          --elmsln-studio-link-TextDecoration: underline !important;\n        }\n        .feature {\n          margin-top: var(--elmsln-studio-margin, 20px);\n          height: calc(\n            var(--accent-card-image-height, 200px) -\n              var(--elmsln-studio-margin, 20px)\n          );\n          overflow: auto;\n        }\n        #secondary {\n          margin-top: 0;\n          --nav-card-linklist-margin-top: 0;\n          --nav-card-linklist-left-size: 36px;\n          --paper-avatar-width: var(--nav-card-linklist-left-size, 36px);\n        }\n        #secondary .filters {\n          justify-content: flex-start;\n        }\n        .comments {\n          color: #95989a;\n        }\n        nav-card {\n          margin: calc(1.5 * var(--elmsln-studio-margin, 20px)) 0 0;\n          --accent-card-footer-padding-left: 0;\n          --accent-card-footer-padding-right: 0;\n        }\n\n        @media screen and (min-width: 500px) {\n          accent-card-clickable {\n            --accent-card-image-width: 50%;\n          }\n          .grid accent-card-clickable:not([horizontal]) {\n            flex: 0 0 calc(50% - var(--elmsln-studio-margin, 20px));\n          }\n        }\n        @media screen and (min-width: 900px) {\n          :host {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n          }\n          .grid accent-card-clickable:not([horizontal]) {\n            flex: 0 0 calc(50% - var(--elmsln-studio-margin, 20px));\n          }\n          .filters > *,\n          #layout > * {\n            flex: 0 1 auto;\n            margin: 0 calc(0.5 * var(--elmsln-studio-margin, 20px));\n          }\n          #layout > button {\n            padding: 1px 6px;\n            margin: 0 5px;\n            border: 0px solid rgba(0, 0, 0, 0);\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          .grid accent-card-clickable[horizontal] {\n            flex: 0 0 calc(66.66666667% - var(--elmsln-studio-margin, 20px));\n          }\n          .grid accent-card-clickable:not([horizontal]) {\n            flex: 0 0 calc(33.3333333333% - var(--elmsln-studio-margin, 20px));\n          }\n        }\n        @media screen and (min-width: 1600px) {\n          accent-card-clickable[horizontal] {\n            --accent-card-image-width: 33.33333%;\n            flex: 0 0 calc(75% - var(--elmsln-studio-margin, 20px));\n          }\n          accent-card-clickable:not([horizontal]) {\n            flex: 0 0 calc(25% - var(--elmsln-studio-margin, 20px));\n          }\n          accent-card-clickable {\n            --accent-card-image-width: 50%;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-utilities.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-utilities.js
index b4323c285a2..beeac53cf36 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-utilities.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-studio/lib/elmsln-studio-utilities.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../accent-card/accent
   _exports.ElmslnStudioUtilities = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_dd1212401f0511ed8cc3e9a95995ad69, _templateObject2_dd1212401f0511ed8cc3e9a95995ad69, _templateObject3_dd1212401f0511ed8cc3e9a95995ad69, _templateObject4_dd1212401f0511ed8cc3e9a95995ad69, _templateObject5_dd1212401f0511ed8cc3e9a95995ad69, _templateObject6_dd1212401f0511ed8cc3e9a95995ad69, _templateObject7_dd1212401f0511ed8cc3e9a95995ad69, _templateObject8_dd1212401f0511ed8cc3e9a95995ad69, _templateObject9_dd1212401f0511ed8cc3e9a95995ad69, _templateObject10_dd1212401f0511ed8cc3e9a95995ad69, _templateObject11_dd1212401f0511ed8cc3e9a95995ad69, _templateObject12_dd1212401f0511ed8cc3e9a95995ad69, _templateObject13_dd1212401f0511ed8cc3e9a95995ad69, _templateObject14_dd1212401f0511ed8cc3e9a95995ad69, _templateObject15_dd1212401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b36ac2901f2611eda0c389891c227ec8, _templateObject2_b36ac2901f2611eda0c389891c227ec8, _templateObject3_b36ac2901f2611eda0c389891c227ec8, _templateObject4_b36ac2901f2611eda0c389891c227ec8, _templateObject5_b36ac2901f2611eda0c389891c227ec8, _templateObject6_b36ac2901f2611eda0c389891c227ec8, _templateObject7_b36ac2901f2611eda0c389891c227ec8, _templateObject8_b36ac2901f2611eda0c389891c227ec8, _templateObject9_b36ac2901f2611eda0c389891c227ec8, _templateObject10_b36ac2901f2611eda0c389891c227ec8, _templateObject11_b36ac2901f2611eda0c389891c227ec8, _templateObject12_b36ac2901f2611eda0c389891c227ec8, _templateObject13_b36ac2901f2611eda0c389891c227ec8, _templateObject14_b36ac2901f2611eda0c389891c227ec8, _templateObject15_b36ac2901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -206,7 +206,7 @@ define(["exports", "require", "../../../lit/index.js", "../../accent-card/accent
           var images = (sources || []).map(function (source) {
             return {
               src: source[full] || source[src],
-              info: source[alt] && source[longdesc] ? (0, _index.html)(_templateObject_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <p>", ":</p>\n                  <div>", "</div>\n                "])), source[alt], source[longdesc]) : source[alt] ? (0, _index.html)(_templateObject2_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject2_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " "])), source[alt]) : (0, _index.html)(_templateObject3_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject3_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " "])), source[longdesc])
+              info: source[alt] && source[longdesc] ? (0, _index.html)(_templateObject_b36ac2901f2611eda0c389891c227ec8 || (_templateObject_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <p>", ":</p>\n                  <div>", "</div>\n                "])), source[alt], source[longdesc]) : source[alt] ? (0, _index.html)(_templateObject2_b36ac2901f2611eda0c389891c227ec8 || (_templateObject2_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " "])), source[alt]) : (0, _index.html)(_templateObject3_b36ac2901f2611eda0c389891c227ec8 || (_templateObject3_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " "])), source[longdesc])
             };
           });
           return images.filter(function (s) {
@@ -219,8 +219,8 @@ define(["exports", "require", "../../../lit/index.js", "../../accent-card/accent
           var _this2 = this;
 
           var disabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-          return (0, _index.html)(_templateObject4_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject4_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div class=\"thumbnail-grid\">\n          ", "\n        </div>\n      "])), (s.sources || []).map(function (source, i) {
-            return (0, _index.html)(_templateObject5_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject5_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <img-view-modal\n                class=\"thumbnail\"\n                ?disabled=\"", "\"\n                page=\"", "\"\n                title=\"", " by ", " ", "\"\n                .toolbars=\"", "\"\n                .figures=\"", "\"\n              >\n                <button\n                  ?disabled=\"", "\"\n                  id=\"view-thumb-", "\"\n                  .style=\"", "\"\n                >\n                  <span class=\"sr-only\">", "</span>\n                  <div class=\"zoombg\"></div>\n                  <simple-icon-lite\n                    icon=\"zoom-in\"\n                    class=\"zoomicon\"\n                  ></simple-icon-lite>\n                  <div class=\"imgbg\"></div>\n                </button>\n                <simple-tooltip for=\"view-thumb-", "\"\n                  >View Thumbnail</simple-tooltip\n                >\n              </img-view-modal>\n            "])), disabled, i, s.assignment, s.firstName, s.lastName, _this2.defaultModalToolbars, _this2.getFigures(s.sources), disabled, s.id, _this2.getThumbailStyle(source.src), source.alt, s.id);
+          return (0, _index.html)(_templateObject4_b36ac2901f2611eda0c389891c227ec8 || (_templateObject4_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div class=\"thumbnail-grid\">\n          ", "\n        </div>\n      "])), (s.sources || []).map(function (source, i) {
+            return (0, _index.html)(_templateObject5_b36ac2901f2611eda0c389891c227ec8 || (_templateObject5_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <img-view-modal\n                class=\"thumbnail\"\n                ?disabled=\"", "\"\n                page=\"", "\"\n                title=\"", " by ", " ", "\"\n                .toolbars=\"", "\"\n                .figures=\"", "\"\n              >\n                <button\n                  ?disabled=\"", "\"\n                  id=\"view-thumb-", "\"\n                  .style=\"", "\"\n                >\n                  <span class=\"sr-only\">", "</span>\n                  <div class=\"zoombg\"></div>\n                  <simple-icon-lite\n                    icon=\"zoom-in\"\n                    class=\"zoomicon\"\n                  ></simple-icon-lite>\n                  <div class=\"imgbg\"></div>\n                </button>\n                <simple-tooltip for=\"view-thumb-", "\"\n                  >View Thumbnail</simple-tooltip\n                >\n              </img-view-modal>\n            "])), disabled, i, s.assignment, s.firstName, s.lastName, _this2.defaultModalToolbars, _this2.getFigures(s.sources), disabled, s.id, _this2.getThumbailStyle(source.src), source.alt, s.id);
           }));
         }
       }, {
@@ -290,7 +290,7 @@ define(["exports", "require", "../../../lit/index.js", "../../accent-card/accent
       }, {
         key: "getActivityTitle",
         value: function getActivityTitle(activity) {
-          return (0, _index.html)(_templateObject6_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject6_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        ", "\n      "])), activity.activity === "submission" ? "".concat([activity.firstName, activity.lastName].join(" "), " submitted ").concat(activity.assignment) : activity.activity === "discussion" ? "".concat([activity.firstName, activity.lastName].join(" "), "'s feedback on ").concat([activity.creatorFirstName, activity.creatorLastName].join(" "), "'s ").concat(activity.assignment) : "".concat([activity.firstName, activity.lastName].join(" "), " replied to ").concat([activity.reviewerFirstName, activity.reviewerLastName].join(" ")));
+          return (0, _index.html)(_templateObject6_b36ac2901f2611eda0c389891c227ec8 || (_templateObject6_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        ", "\n      "])), activity.activity === "submission" ? "".concat([activity.firstName, activity.lastName].join(" "), " submitted ").concat(activity.assignment) : activity.activity === "discussion" ? "".concat([activity.firstName, activity.lastName].join(" "), "'s feedback on ").concat([activity.creatorFirstName, activity.creatorLastName].join(" "), "'s ").concat(activity.assignment) : "".concat([activity.firstName, activity.lastName].join(" "), " replied to ").concat([activity.reviewerFirstName, activity.reviewerLastName].join(" ")));
         }
         /**
          * gets link of a given activity
@@ -408,11 +408,11 @@ define(["exports", "require", "../../../lit/index.js", "../../accent-card/accent
       }, {
         key: "rubricTable",
         value: function rubricTable(rubric) {
-          return !rubric ? "" : (0, _index.html)(_templateObject7_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject7_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <table class=\"rubric-table\">\n              <caption>\n                Rubric\n              </caption>\n              ", "\n              <tbody>\n                ", "\n              </tbody>\n            </table>\n          "])), !rubric.key || !rubric.key ? "" : (0, _index.html)(_templateObject8_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject8_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <thead>\n                      <th scope=\"col\">Criteria</th>\n                      ", "\n                    </thead>\n                  "])), rubric.key.map(function (col) {
-            return (0, _index.html)(_templateObject9_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject9_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<th scope=\"col\">\n                          ", "\n                        </th>"])), col.description && (col.points || col.points > -1) ? "".concat(col.description, " (").concat(col.points, ")") : col.description || col.points);
+          return !rubric ? "" : (0, _index.html)(_templateObject7_b36ac2901f2611eda0c389891c227ec8 || (_templateObject7_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <table class=\"rubric-table\">\n              <caption>\n                Rubric\n              </caption>\n              ", "\n              <tbody>\n                ", "\n              </tbody>\n            </table>\n          "])), !rubric.key || !rubric.key ? "" : (0, _index.html)(_templateObject8_b36ac2901f2611eda0c389891c227ec8 || (_templateObject8_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <thead>\n                      <th scope=\"col\">Criteria</th>\n                      ", "\n                    </thead>\n                  "])), rubric.key.map(function (col) {
+            return (0, _index.html)(_templateObject9_b36ac2901f2611eda0c389891c227ec8 || (_templateObject9_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<th scope=\"col\">\n                          ", "\n                        </th>"])), col.description && (col.points || col.points > -1) ? "".concat(col.description, " (").concat(col.points, ")") : col.description || col.points);
           })), Object.keys(rubric.values || {}).map(function (key) {
-            return (0, _index.html)(_templateObject10_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject10_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                      <tr>\n                        <th scope=\"row\">", "</th>\n                        ", "\n                      </tr>\n                    "])), key, (rubric.values[key] || []).map(function (col) {
-              return (0, _index.html)(_templateObject11_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject11_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<td>", "</td>"])), col);
+            return (0, _index.html)(_templateObject10_b36ac2901f2611eda0c389891c227ec8 || (_templateObject10_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                      <tr>\n                        <th scope=\"row\">", "</th>\n                        ", "\n                      </tr>\n                    "])), key, (rubric.values[key] || []).map(function (col) {
+              return (0, _index.html)(_templateObject11_b36ac2901f2611eda0c389891c227ec8 || (_templateObject11_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<td>", "</td>"])), col);
             }));
           }));
         }
@@ -429,18 +429,18 @@ define(["exports", "require", "../../../lit/index.js", "../../accent-card/accent
       }, {
         key: "message404",
         value: function message404(type, backLabel, backHref) {
-          return (0, _index.html)(_templateObject12_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject12_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"primary\" class=\"primary-404\">\n        <p id=\"message-404\">\n          ", " with this URL does not exist. Return to\n          <elmsln-studio-link href=\"", "\">\n            ", "</elmsln-studio-link\n          >\n          to search for assignment.\n        </p>\n      </div>"])), type, backHref, backLabel);
+          return (0, _index.html)(_templateObject12_b36ac2901f2611eda0c389891c227ec8 || (_templateObject12_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"primary\" class=\"primary-404\">\n        <p id=\"message-404\">\n          ", " with this URL does not exist. Return to\n          <elmsln-studio-link href=\"", "\">\n            ", "</elmsln-studio-link\n          >\n          to search for assignment.\n        </p>\n      </div>"])), type, backHref, backLabel);
         }
       }, {
         key: "prevNextNav",
         value: function prevNextNav(prevLabel, prevHref, nextLabel, nextHref) {
-          return (0, _index.html)(_templateObject13_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject13_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"prev-next-nav\">\n          <elmsln-studio-link\n            href=\"", "\"\n            ?disabled=\"", "\"\n            icon=\"chevron-left\"\n          >\n            <span class=\"prev-next-label\">\n              <span>Previous</span>\n              <span>", "</span>\n            </span>\n          </elmsln-studio-link>\n          <elmsln-studio-link\n            href=\"", "\"\n            ?disabled=\"", "\"\n            icon=\"chevron-right\"\n          >\n            <span slot=\"before\" class=\"prev-next-label\">\n              <span>Next</span>\n              <span>", "</span>\n            </span>\n          </elmsln-studio-link>\n        </div>\n      "])), prevHref, !prevHref, prevLabel, nextHref, !nextHref, nextLabel);
+          return (0, _index.html)(_templateObject13_b36ac2901f2611eda0c389891c227ec8 || (_templateObject13_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"prev-next-nav\">\n          <elmsln-studio-link\n            href=\"", "\"\n            ?disabled=\"", "\"\n            icon=\"chevron-left\"\n          >\n            <span class=\"prev-next-label\">\n              <span>Previous</span>\n              <span>", "</span>\n            </span>\n          </elmsln-studio-link>\n          <elmsln-studio-link\n            href=\"", "\"\n            ?disabled=\"", "\"\n            icon=\"chevron-right\"\n          >\n            <span slot=\"before\" class=\"prev-next-label\">\n              <span>Next</span>\n              <span>", "</span>\n            </span>\n          </elmsln-studio-link>\n        </div>\n      "])), prevHref, !prevHref, prevLabel, nextHref, !nextHref, nextLabel);
         }
       }, {
         key: "loading",
         value: function loading(color, slot) {
           var size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "small";
-          return !slot ? (0, _index.html)(_templateObject14_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject14_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<hexagon-loader\n            loading\n            item-count=\"3\"\n            size=\"", "\"\n            color=\"", "\"\n          >\n          </hexagon-loader>"])), size, color) : (0, _index.html)(_templateObject15_dd1212401f0511ed8cc3e9a95995ad69 || (_templateObject15_dd1212401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<hexagon-loader\n            loading\n            item-count=\"3\"\n            size=\"", "\"\n            color=\"", "\"\n            slot=\"", "\"\n          >\n          </hexagon-loader>"])), size, color, slot);
+          return !slot ? (0, _index.html)(_templateObject14_b36ac2901f2611eda0c389891c227ec8 || (_templateObject14_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<hexagon-loader\n            loading\n            item-count=\"3\"\n            size=\"", "\"\n            color=\"", "\"\n          >\n          </hexagon-loader>"])), size, color) : (0, _index.html)(_templateObject15_b36ac2901f2611eda0c389891c227ec8 || (_templateObject15_b36ac2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<hexagon-loader\n            loading\n            item-count=\"3\"\n            size=\"", "\"\n            color=\"", "\"\n            slot=\"", "\"\n          >\n          </hexagon-loader>"])), size, color, slot);
         }
         /**
          * handles buttons that work like links
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/enhanced-text/enhanced-text.js b/build/es5-amd/node_modules/@lrnwebcomponents/enhanced-text/enhanced-text.js
index efd651069e3..5b6314d6e2e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/enhanced-text/enhanced-text.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/enhanced-text/enhanced-text.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../micro-frontend-registry/
   _exports.EnhancedText = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a2d355d01f0511ed8cc3e9a95995ad69, _templateObject2_a2d355d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7d77b9901f2611eda0c389891c227ec8, _templateObject2_7d77b9901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -269,7 +269,7 @@ define(["exports", "require", "../../lit/index.js", "../micro-frontend-registry/
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_a2d355d01f0511ed8cc3e9a95995ad69 || (_templateObject_a2d355d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n       <div class=\"loading\"></div>\n       <slot></slot>\n     "])));
+        return (0, _index.html)(_templateObject_7d77b9901f2611eda0c389891c227ec8 || (_templateObject_7d77b9901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n       <div class=\"loading\"></div>\n       <slot></slot>\n     "])));
       }
       /**
        * Convention we use
@@ -327,7 +327,7 @@ define(["exports", "require", "../../lit/index.js", "../micro-frontend-registry/
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(EnhancedText), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_a2d355d01f0511ed8cc3e9a95995ad69 || (_templateObject2_a2d355d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n         :host {\n           display: block;\n         }\n         div::slotted(bold) {\n           font-weight: 800;\n         }\n         :host([loading]) .loading {\n           margin: 8px 0 0 -12px;\n           font-size: 2px;\n           width: 4px;\n           height: 4px;\n           border-radius: 50%;\n           position: absolute;\n           -webkit-animation: load5 1.1s infinite ease;\n           animation: load5 1.1s infinite ease;\n           -webkit-transform: translateZ(0);\n           -ms-transform: translateZ(0);\n           transform: translateZ(0);\n         }\n         @-webkit-keyframes load5 {\n           0%,\n           100% {\n             box-shadow: 0em -2.6em 0em 0em var(--enhanced-text-color, #000000), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);\n           }\n           12.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em var(--enhanced-text-color, #000000), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);\n           }\n           25% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em var(--enhanced-text-color, #000000), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           37.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em var(--enhanced-text-color, #000000), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           50% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em var(--enhanced-text-color, #000000), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           62.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em var(--enhanced-text-color, #000000), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           75% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em var(--enhanced-text-color, #000000), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           87.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em var(--enhanced-text-color, #000000);\n           }\n         }\n         @keyframes load5 {\n           0%,\n           100% {\n             box-shadow: 0em -2.6em 0em 0em var(--enhanced-text-color, #000000), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);\n           }\n           12.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em var(--enhanced-text-color, #000000), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);\n           }\n           25% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em var(--enhanced-text-color, #000000), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           37.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em var(--enhanced-text-color, #000000), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           50% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em var(--enhanced-text-color, #000000), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           62.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em var(--enhanced-text-color, #000000), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           75% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em var(--enhanced-text-color, #000000), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           87.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em var(--enhanced-text-color, #000000);\n           }\n         }\n \n       "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_7d77b9901f2611eda0c389891c227ec8 || (_templateObject2_7d77b9901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n         :host {\n           display: block;\n         }\n         div::slotted(bold) {\n           font-weight: 800;\n         }\n         :host([loading]) .loading {\n           margin: 8px 0 0 -12px;\n           font-size: 2px;\n           width: 4px;\n           height: 4px;\n           border-radius: 50%;\n           position: absolute;\n           -webkit-animation: load5 1.1s infinite ease;\n           animation: load5 1.1s infinite ease;\n           -webkit-transform: translateZ(0);\n           -ms-transform: translateZ(0);\n           transform: translateZ(0);\n         }\n         @-webkit-keyframes load5 {\n           0%,\n           100% {\n             box-shadow: 0em -2.6em 0em 0em var(--enhanced-text-color, #000000), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);\n           }\n           12.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em var(--enhanced-text-color, #000000), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);\n           }\n           25% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em var(--enhanced-text-color, #000000), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           37.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em var(--enhanced-text-color, #000000), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           50% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em var(--enhanced-text-color, #000000), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           62.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em var(--enhanced-text-color, #000000), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           75% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em var(--enhanced-text-color, #000000), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           87.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em var(--enhanced-text-color, #000000);\n           }\n         }\n         @keyframes load5 {\n           0%,\n           100% {\n             box-shadow: 0em -2.6em 0em 0em var(--enhanced-text-color, #000000), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);\n           }\n           12.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em var(--enhanced-text-color, #000000), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);\n           }\n           25% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em var(--enhanced-text-color, #000000), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           37.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em var(--enhanced-text-color, #000000), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           50% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em var(--enhanced-text-color, #000000), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           62.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em var(--enhanced-text-color, #000000), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           75% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em var(--enhanced-text-color, #000000), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n           }\n           87.5% {\n             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em var(--enhanced-text-color, #000000);\n           }\n         }\n \n       "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/event-badge/event-badge.js b/build/es5-amd/node_modules/@lrnwebcomponents/event-badge/event-badge.js
index 712efe5b133..5503d025e54 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/event-badge/event-badge.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/event-badge/event-badge.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.EventBadge = void 0;
 
-  var _templateObject_a2d7c2a01f0511ed8cc3e9a95995ad69, _templateObject2_a2d7c2a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7d7b8a201f2611eda0c389891c227ec8, _templateObject2_7d7b8a201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -42,7 +42,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_a2d7c2a01f0511ed8cc3e9a95995ad69 || (_templateObject_a2d7c2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
+        return (0, _index.html)(_templateObject_7d7b8a201f2611eda0c389891c227ec8 || (_templateObject_7d7b8a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
       }
       /**
        * Convention we use
@@ -107,7 +107,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(EventBadge), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_a2d7c2a01f0511ed8cc3e9a95995ad69 || (_templateObject2_a2d7c2a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_7d7b8a201f2611eda0c389891c227ec8 || (_templateObject2_7d7b8a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/example-haxcms-theme/example-haxcms-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/example-haxcms-theme/example-haxcms-theme.js
index cbaed276ca5..2571abf9180 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/example-haxcms-theme/example-haxcms-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/example-haxcms-theme/example-haxcms-theme.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../h
   _exports.ExampleHaxcmsTheme = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a3c222a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7e275a801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -86,7 +86,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../h
       key: "render",
       value: // render function
       function render() {
-        return (0, _polymerElement.html)(_templateObject_a3c222a01f0511ed8cc3e9a95995ad69 || (_templateObject_a3c222a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <style>\n        :host {\n          display: block;\n\n          --example-haxcms-theme-color: #222222;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n\n        :host #slot ::slotted(*) {\n          color: var(--example-haxcms-theme-color);\n        }\n      </style>\n      <site-top-menu noink indicator=\"arrow\" arrow-size=\"8\">\n        <site-title slot=\"prefix\" class=\"spacing\"></site-title>\n        <site-modal\n          slot=\"suffix\"\n          icon=\"icons:search\"\n          title=\"Search site\"\n          button-label=\"Search\"\n        >\n          <site-search></site-search>\n        </site-modal>\n      </site-top-menu>\n      <site-breadcrumb></site-breadcrumb>\n      <div id=\"contentcontainer\">\n        <div id=\"slot\">\n          <slot></slot>\n        </div>\n      </div>\n      <site-menu-button type=\"prev\" position=\"top\"></site-menu-button>\n      <site-menu-button type=\"next\" position=\"top\"></site-menu-button>"])));
+        return (0, _polymerElement.html)(_templateObject_7e275a801f2611eda0c389891c227ec8 || (_templateObject_7e275a801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <style>\n        :host {\n          display: block;\n\n          --example-haxcms-theme-color: #222222;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n\n        :host #slot ::slotted(*) {\n          color: var(--example-haxcms-theme-color);\n        }\n      </style>\n      <site-top-menu noink indicator=\"arrow\" arrow-size=\"8\">\n        <site-title slot=\"prefix\" class=\"spacing\"></site-title>\n        <site-modal\n          slot=\"suffix\"\n          icon=\"icons:search\"\n          title=\"Search site\"\n          button-label=\"Search\"\n        >\n          <site-search></site-search>\n        </site-modal>\n      </site-top-menu>\n      <site-breadcrumb></site-breadcrumb>\n      <div id=\"contentcontainer\">\n        <div id=\"slot\">\n          <slot></slot>\n        </div>\n      </div>\n      <site-menu-button type=\"prev\" position=\"top\"></site-menu-button>\n      <site-menu-button type=\"next\" position=\"top\"></site-menu-button>"])));
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/figure-label/figure-label.js b/build/es5-amd/node_modules/@lrnwebcomponents/figure-label/figure-label.js
index 1833d5265cd..173cbf991d9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/figure-label/figure-label.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/figure-label/figure-label.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.FigureLabel = void 0;
 
-  var _templateObject_a3ca38f01f0511ed8cc3e9a95995ad69, _templateObject2_a3ca38f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7e300d101f2611eda0c389891c227ec8, _templateObject2_7e300d101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -42,7 +42,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a3ca38f01f0511ed8cc3e9a95995ad69 || (_templateObject_a3ca38f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"wrap\">\n      <div id=\"title\">", "</div>\n      <div id=\"description\">", "</div>\n    </div>"])), this.title, this.description);
+        return (0, _index.html)(_templateObject_7e300d101f2611eda0c389891c227ec8 || (_templateObject_7e300d101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"wrap\">\n      <div id=\"title\">", "</div>\n      <div id=\"description\">", "</div>\n    </div>"])), this.title, this.description);
       } // haxProperty definition
 
     }, {
@@ -59,7 +59,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a3ca38f01f0511ed8cc3e9a95995ad69 || (_templateObject2_a3ca38f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #wrap {\n          display: flex;\n          margin-bottom: 1em;\n        }\n\n        #title {\n          background-color: var(--figure-label-title-background-color, #f2f2f2);\n          padding: 10.8px 13.5px 10.8px;\n          font-size: 13.5px;\n        }\n\n        #description {\n          border: solid 1px\n            var(--figure-label-description-background-color, #f2f2f2);\n          padding: 10.8px 13.5px 10.8px;\n          font-size: 13.5px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7e300d101f2611eda0c389891c227ec8 || (_templateObject2_7e300d101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #wrap {\n          display: flex;\n          margin-bottom: 1em;\n        }\n\n        #title {\n          background-color: var(--figure-label-title-background-color, #f2f2f2);\n          padding: 10.8px 13.5px 10.8px;\n          font-size: 13.5px;\n        }\n\n        #description {\n          border: solid 1px\n            var(--figure-label-description-background-color, #f2f2f2);\n          padding: 10.8px 13.5px 10.8px;\n          font-size: 13.5px;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/filtered-image/filtered-image.js b/build/es5-amd/node_modules/@lrnwebcomponents/filtered-image/filtered-image.js
index d38e69c1879..3c04f9d1c64 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/filtered-image/filtered-image.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/filtered-image/filtered-image.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
   });
   _exports.FilteredImage = void 0;
 
-  var _templateObject_a3f392e01f0511ed8cc3e9a95995ad69, _templateObject2_a3f392e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7e8818201f2611eda0c389891c227ec8, _templateObject2_7e8818201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -54,7 +54,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a3f392e01f0511ed8cc3e9a95995ad69 || (_templateObject_a3f392e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <svg id=\"svg\" viewBox=\"0 0 ", " ", "\">\n      <rect id=\"rect\" x=\"0\" y=\"0\"></rect>\n      <filter id=\"", "\">\n        <feColorMatrix\n          id=\"matrix\"\n          type=\"matrix\"\n          values=\" 1   0   0   0   0\n               0   1   0   0   0\n               0   0   1   0   0\n               0   0   0   1   0 \"\n        />\n      </filter>\n      <image id=\"image\" filter=\"url(#", ")\" x=\"0\" y=\"0\"></image>\n    </svg>"])), this.width, this.height, this.__id, this.__id);
+        return (0, _index.html)(_templateObject_7e8818201f2611eda0c389891c227ec8 || (_templateObject_7e8818201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <svg id=\"svg\" viewBox=\"0 0 ", " ", "\">\n      <rect id=\"rect\" x=\"0\" y=\"0\"></rect>\n      <filter id=\"", "\">\n        <feColorMatrix\n          id=\"matrix\"\n          type=\"matrix\"\n          values=\" 1   0   0   0   0\n               0   1   0   0   0\n               0   0   1   0   0\n               0   0   0   1   0 \"\n        />\n      </filter>\n      <image id=\"image\" filter=\"url(#", ")\" x=\"0\" y=\"0\"></image>\n    </svg>"])), this.width, this.height, this.__id, this.__id);
       } // haxProperty definition
 
     }, {
@@ -166,7 +166,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(FilteredImage), "styles", this)), [(0, _index.css)(_templateObject2_a3f392e01f0511ed8cc3e9a95995ad69 || (_templateObject2_a3f392e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(FilteredImage), "styles", this)), [(0, _index.css)(_templateObject2_7e8818201f2611eda0c389891c227ec8 || (_templateObject2_7e8818201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/filtered-image/lib/filtered-image-filters.js b/build/es5-amd/node_modules/@lrnwebcomponents/filtered-image/lib/filtered-image-filters.js
index 46837e82ac5..c16de046a25 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/filtered-image/lib/filtered-image-filters.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/filtered-image/lib/filtered-image-filters.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../filtered-
   });
   _exports.FilteredImageFilters = void 0;
 
-  var _templateObject_dda726501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b48cfb701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -93,7 +93,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../filtered-
       key: "template",
       get: // render function
       function get() {
-        return (0, _polymerElement.html)(_templateObject_dda726501f0511ed8cc3e9a95995ad69 || (_templateObject_dda726501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        table {\n          border: 1px solid black;\n          border-collapse: collapse;\n          margin-bottom: 15px;\n        }\n        table td {\n          padding: 0;\n          border: 1px solid black;\n        }\n        table caption,\n        table th {\n          text-align: left;\n          padding: 0.25em 0.5em;\n          vertical-align: top;\n          border: 1px solid black;\n          font-weight: bold;\n        }\n      </style>\n      <label for=\"filter1\">Filter 1:</label>\n      <select id=\"filter1\" on-change=\"_setFilter\">\n        <option value=\"\">show all filters</option>\n        <template is=\"dom-repeat\" items=\"[[filters]]\" as=\"filter\" index-as=\"i\">\n          <option value=\"[[i]]\">[[filter.name]]</option>\n        </template>\n      </select>\n      <label for=\"filter2\">Filter 2:</label>\n      <select id=\"filter2\" on-change=\"_setFilter\">\n        <option value=\"\">none</option>\n        <template is=\"dom-repeat\" items=\"[[filters]]\" as=\"filter\" index-as=\"i\">\n          <option value=\"[[i]]\">[[filter.name]]</option>\n        </template>\n      </select>\n      <template is=\"dom-repeat\" items=\"[[__selectedFilters]]\" as=\"filter\">\n        <table>\n          <caption>\n            [[filter.name]]\n          </caption>\n          <tr>\n            <th>Levels</th>\n            <template is=\"dom-repeat\" items=\"[[filter.columns.levels]]\" as=\"th\">\n              <th>[[th]]</th>\n            </template>\n          </tr>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[filter.rows.levels]]\"\n            as=\"tr\"\n            index-as=\"row\"\n          >\n            <tr>\n              <th>[[tr]]</th>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[filter.columns.levels]]\"\n                as=\"level\"\n                index-as=\"col\"\n              >\n                <td>\n                  <filtered-image\n                    alt$=\"[[src]]\"\n                    src$=\"[[src]]\"\n                    height=\"100\"\n                    width=\"100\"\n                    matrix$=\"[[_getMatrix(filter,col,row)]]\"\n                  >\n                  </filtered-image>\n                </td>\n              </template>\n            </tr>\n          </template>\n        </table>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b48cfb701f2611eda0c389891c227ec8 || (_templateObject_b48cfb701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        table {\n          border: 1px solid black;\n          border-collapse: collapse;\n          margin-bottom: 15px;\n        }\n        table td {\n          padding: 0;\n          border: 1px solid black;\n        }\n        table caption,\n        table th {\n          text-align: left;\n          padding: 0.25em 0.5em;\n          vertical-align: top;\n          border: 1px solid black;\n          font-weight: bold;\n        }\n      </style>\n      <label for=\"filter1\">Filter 1:</label>\n      <select id=\"filter1\" on-change=\"_setFilter\">\n        <option value=\"\">show all filters</option>\n        <template is=\"dom-repeat\" items=\"[[filters]]\" as=\"filter\" index-as=\"i\">\n          <option value=\"[[i]]\">[[filter.name]]</option>\n        </template>\n      </select>\n      <label for=\"filter2\">Filter 2:</label>\n      <select id=\"filter2\" on-change=\"_setFilter\">\n        <option value=\"\">none</option>\n        <template is=\"dom-repeat\" items=\"[[filters]]\" as=\"filter\" index-as=\"i\">\n          <option value=\"[[i]]\">[[filter.name]]</option>\n        </template>\n      </select>\n      <template is=\"dom-repeat\" items=\"[[__selectedFilters]]\" as=\"filter\">\n        <table>\n          <caption>\n            [[filter.name]]\n          </caption>\n          <tr>\n            <th>Levels</th>\n            <template is=\"dom-repeat\" items=\"[[filter.columns.levels]]\" as=\"th\">\n              <th>[[th]]</th>\n            </template>\n          </tr>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[filter.rows.levels]]\"\n            as=\"tr\"\n            index-as=\"row\"\n          >\n            <tr>\n              <th>[[tr]]</th>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[filter.columns.levels]]\"\n                as=\"level\"\n                index-as=\"col\"\n              >\n                <td>\n                  <filtered-image\n                    alt$=\"[[src]]\"\n                    src$=\"[[src]]\"\n                    height=\"100\"\n                    width=\"100\"\n                    matrix$=\"[[_getMatrix(filter,col,row)]]\"\n                  >\n                  </filtered-image>\n                </td>\n              </template>\n            </tr>\n          </template>\n        </table>\n      </template>\n    "])));
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/flash-card/flash-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/flash-card/flash-card.js
index 9543750b5a5..7b2cf5027d8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/flash-card/flash-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/flash-card/flash-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../schema-behav
   });
   _exports.FlashCard = void 0;
 
-  var _templateObject_a3f603e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7e8a62101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -60,7 +60,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../schema-behav
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_a3f603e01f0511ed8cc3e9a95995ad69 || (_templateObject_a3f603e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        div.card {\n          -webkit-perspective: 800;\n          width: 400px;\n          height: 300px;\n          position: relative;\n          padding: 0;\n          margin: 0;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n        div.card.flipped {\n          -webkit-transform: rotatex(-180deg);\n        }\n        div.card.flipped .back {\n          z-index: 3;\n        }\n        div.card {\n          -webkit-transform-style: preserve-3d;\n          -webkit-transition: 0.5s;\n        }\n        div.card .face {\n          width: 100%;\n          height: 100%;\n          padding: 0;\n          margin: 0;\n          cursor: pointer;\n          position: absolute;\n          -webkit-backface-visibility: hidden;\n          z-index: 2;\n          font-family: Georgia;\n          font-size: 48px;\n          text-align: center;\n          line-height: 200px;\n        }\n        div.card .front {\n          position: absolute;\n          z-index: 1;\n        }\n        div.card .back {\n          -webkit-transform: rotatex(-180deg);\n        }\n      </style>\n      <div class=\"card\" id=\"card\" animated-shadow=\"true\">\n        <div class=\"face front white black-text\">Front</div>\n        <div class=\"face back black white-text\">Back</div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_7e8a62101f2611eda0c389891c227ec8 || (_templateObject_7e8a62101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        div.card {\n          -webkit-perspective: 800;\n          width: 400px;\n          height: 300px;\n          position: relative;\n          padding: 0;\n          margin: 0;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n        div.card.flipped {\n          -webkit-transform: rotatex(-180deg);\n        }\n        div.card.flipped .back {\n          z-index: 3;\n        }\n        div.card {\n          -webkit-transform-style: preserve-3d;\n          -webkit-transition: 0.5s;\n        }\n        div.card .face {\n          width: 100%;\n          height: 100%;\n          padding: 0;\n          margin: 0;\n          cursor: pointer;\n          position: absolute;\n          -webkit-backface-visibility: hidden;\n          z-index: 2;\n          font-family: Georgia;\n          font-size: 48px;\n          text-align: center;\n          line-height: 200px;\n        }\n        div.card .front {\n          position: absolute;\n          z-index: 1;\n        }\n        div.card .back {\n          -webkit-transform: rotatex(-180deg);\n        }\n      </style>\n      <div class=\"card\" id=\"card\" animated-shadow=\"true\">\n        <div class=\"face front white black-text\">Front</div>\n        <div class=\"face back black white-text\">Back</div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/full-screen-image/full-screen-image.js b/build/es5-amd/node_modules/@lrnwebcomponents/full-screen-image/full-screen-image.js
index 52e465d911c..3eee28243b8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/full-screen-image/full-screen-image.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/full-screen-image/full-screen-image.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
   });
   _exports.FullScreenImage = void 0;
 
-  var _templateObject_a3fa97c01f0511ed8cc3e9a95995ad69, _templateObject2_a3fa97c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7e8ecee01f2611eda0c389891c227ec8, _templateObject2_7e8ecee01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -55,7 +55,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a3fa97c01f0511ed8cc3e9a95995ad69 || (_templateObject_a3fa97c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div class=\"fullpage-container\">\n      <div class=\"overlay-container\">\n        <h2>", "</h2>\n        <p>", "</p>\n      </div>\n      <simple-icon-button\n        id=\"down\"\n        icon=\"hardware:keyboard-arrow-down\"\n      ></simple-icon-button>\n      <div class=\"image-wrapper\">\n        <img loading=\"lazy\" id=\"img\" src=\"", "\" />\n      </div>\n    </div>"])), this.title, this.subtitle, this.source);
+        return (0, _index.html)(_templateObject_7e8ecee01f2611eda0c389891c227ec8 || (_templateObject_7e8ecee01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div class=\"fullpage-container\">\n      <div class=\"overlay-container\">\n        <h2>", "</h2>\n        <p>", "</p>\n      </div>\n      <simple-icon-button\n        id=\"down\"\n        icon=\"hardware:keyboard-arrow-down\"\n      ></simple-icon-button>\n      <div class=\"image-wrapper\">\n        <img loading=\"lazy\" id=\"img\" src=\"", "\" />\n      </div>\n    </div>"])), this.title, this.subtitle, this.source);
       } // haxProperty definition
 
     }, {
@@ -75,7 +75,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a3fa97c01f0511ed8cc3e9a95995ad69 || (_templateObject2_a3fa97c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-variant-ligatures: common-ligatures;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        h2 {\n          font-size: 4em;\n          font-weight: 200;\n          margin: 0px !important;\n          line-height: 1em;\n          text-transform: lowercase;\n          color: white;\n          letter-spacing: -0.04em;\n          font-family: \"Source Sans Pro\", Arial, Helvetica, sans-serif;\n        }\n\n        p {\n          font-weight: 400;\n          color: white;\n          line-height: 1em;\n          font-family: \"Source Sans Pro\", Arial, Helvetica, sans-serif;\n          font-size: 1em;\n          letter-spacing: 0.01em;\n          margin-top: 0;\n          margin-bottom: 1em;\n        }\n\n        img {\n          position: absolute;\n          margin: 0px;\n          padding: 0px;\n          border: none;\n          width: 1239px;\n          height: 774.375px;\n          max-width: none;\n          z-index: -999999;\n          left: 0px;\n          top: -57.1875px;\n        }\n\n        simple-icon-button {\n          --simple-icon-height: 45px;\n          --simple-icon-width: 75px;\n          line-height: 45px;\n          bottom: 1px;\n          right: 0px;\n          display: block;\n          position: absolute;\n          text-align: center;\n          color: white;\n          background-color: rgba(0, 0, 0, 0.6);\n        }\n\n        .fullpage-container {\n          display: block;\n        }\n\n        .image-wrapper {\n          left: 0px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          overflow: hidden;\n          margin: 0px;\n          padding: 0px;\n          width: 100%;\n          z-index: -999998;\n          position: absolute;\n        }\n\n        .overlay-container {\n          display: block;\n          position: absolute;\n          text-align: right;\n          padding: 0.1em 1.5em 0.1em 6em;\n          bottom: 60px;\n          right: 0px;\n          background-color: rgba(191, 147, 45, 0.7);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7e8ecee01f2611eda0c389891c227ec8 || (_templateObject2_7e8ecee01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-variant-ligatures: common-ligatures;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        h2 {\n          font-size: 4em;\n          font-weight: 200;\n          margin: 0px !important;\n          line-height: 1em;\n          text-transform: lowercase;\n          color: white;\n          letter-spacing: -0.04em;\n          font-family: \"Source Sans Pro\", Arial, Helvetica, sans-serif;\n        }\n\n        p {\n          font-weight: 400;\n          color: white;\n          line-height: 1em;\n          font-family: \"Source Sans Pro\", Arial, Helvetica, sans-serif;\n          font-size: 1em;\n          letter-spacing: 0.01em;\n          margin-top: 0;\n          margin-bottom: 1em;\n        }\n\n        img {\n          position: absolute;\n          margin: 0px;\n          padding: 0px;\n          border: none;\n          width: 1239px;\n          height: 774.375px;\n          max-width: none;\n          z-index: -999999;\n          left: 0px;\n          top: -57.1875px;\n        }\n\n        simple-icon-button {\n          --simple-icon-height: 45px;\n          --simple-icon-width: 75px;\n          line-height: 45px;\n          bottom: 1px;\n          right: 0px;\n          display: block;\n          position: absolute;\n          text-align: center;\n          color: white;\n          background-color: rgba(0, 0, 0, 0.6);\n        }\n\n        .fullpage-container {\n          display: block;\n        }\n\n        .image-wrapper {\n          left: 0px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          overflow: hidden;\n          margin: 0px;\n          padding: 0px;\n          width: 100%;\n          z-index: -999998;\n          position: absolute;\n        }\n\n        .overlay-container {\n          display: block;\n          position: absolute;\n          text-align: right;\n          padding: 0.1em 1.5em 0.1em 6em;\n          bottom: 60px;\n          right: 0px;\n          background-color: rgba(191, 147, 45, 0.7);\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/full-width-image/full-width-image.js b/build/es5-amd/node_modules/@lrnwebcomponents/full-width-image/full-width-image.js
index bca254aec47..69a54315c40 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/full-width-image/full-width-image.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/full-width-image/full-width-image.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _ind
   _exports.FullWidthImage = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_a4910b601f0511ed8cc3e9a95995ad69, _templateObject2_a4910b601f0511ed8cc3e9a95995ad69;
+  var _templateObject_7f382e401f2611eda0c389891c227ec8, _templateObject2_7f382e401f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -45,7 +45,7 @@ define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _ind
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a4910b601f0511ed8cc3e9a95995ad69 || (_templateObject_a4910b601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"image\">\n      <div class=\"wrapper\">\n        <div class=\"caption\">\n          ", "\n          <slot></slot>\n        </div>\n      </div>\n    </div>"])), this.caption);
+        return (0, _index.html)(_templateObject_7f382e401f2611eda0c389891c227ec8 || (_templateObject_7f382e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"image\">\n      <div class=\"wrapper\">\n        <div class=\"caption\">\n          ", "\n          <slot></slot>\n        </div>\n      </div>\n    </div>"])), this.caption);
       } // haxProperty definition
 
     }, {
@@ -74,7 +74,7 @@ define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _ind
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a4910b601f0511ed8cc3e9a95995ad69 || (_templateObject2_a4910b601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: #000000;\n          height: 300px;\n          margin: 0 !important;\n          padding: 0 !important;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #image {\n          left: 0;\n          right: 0;\n          position: absolute;\n          background-repeat: no-repeat;\n          background-position: center center;\n          background-size: cover;\n          width: 100%;\n          text-align: center;\n        }\n\n        :host([hax-preview-mode]) #image {\n          left: unset;\n          right: unset;\n          position: unset;\n        }\n\n        .wrapper {\n          opacity: 1;\n          background-color: rgba(0, 0, 0, 0.6);\n          padding: 100px;\n          height: 100px;\n          transition: 0.5s all ease-in-out;\n          -webkit-transition: 0.5s all ease-in-out;\n          -moz-transition: 0.5s all ease-in-out;\n          -ms-transition: 0.5s all ease-in-out;\n          -o-transition: 0.5s all ease-in-out;\n        }\n\n        .wrapper:hover {\n          opacity: 0;\n          background-color: transparent;\n        }\n\n        .caption {\n          padding: 35px 0;\n          font-size: 25px;\n          line-height: 40px;\n          color: #fff;\n          font-style: italic;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7f382e401f2611eda0c389891c227ec8 || (_templateObject2_7f382e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: #000000;\n          height: 300px;\n          margin: 0 !important;\n          padding: 0 !important;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #image {\n          left: 0;\n          right: 0;\n          position: absolute;\n          background-repeat: no-repeat;\n          background-position: center center;\n          background-size: cover;\n          width: 100%;\n          text-align: center;\n        }\n\n        :host([hax-preview-mode]) #image {\n          left: unset;\n          right: unset;\n          position: unset;\n        }\n\n        .wrapper {\n          opacity: 1;\n          background-color: rgba(0, 0, 0, 0.6);\n          padding: 100px;\n          height: 100px;\n          transition: 0.5s all ease-in-out;\n          -webkit-transition: 0.5s all ease-in-out;\n          -moz-transition: 0.5s all ease-in-out;\n          -ms-transition: 0.5s all ease-in-out;\n          -o-transition: 0.5s all ease-in-out;\n        }\n\n        .wrapper:hover {\n          opacity: 0;\n          background-color: transparent;\n        }\n\n        .caption {\n          padding: 35px 0;\n          font-size: 25px;\n          line-height: 40px;\n          color: #fff;\n          font-style: italic;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/fullscreen-behaviors/fullscreen-behaviors.js b/build/es5-amd/node_modules/@lrnwebcomponents/fullscreen-behaviors/fullscreen-behaviors.js
index 1fe5febdab0..fae4da054f6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/fullscreen-behaviors/fullscreen-behaviors.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/fullscreen-behaviors/fullscreen-behaviors.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.FullscreenBehaviorsEl = _exports.FullscreenBehaviors = void 0;
 
-  var _templateObject_a49503001f0511ed8cc3e9a95995ad69;
+  var _templateObject_7f3a03001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -37,7 +37,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       babelHelpers.createClass(_class, [{
         key: "render",
         value: function render() {
-          return (0, _index.html)(_templateObject_a49503001f0511ed8cc3e9a95995ad69 || (_templateObject_a49503001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+          return (0, _index.html)(_templateObject_7f3a03001f2611eda0c389891c227ec8 || (_templateObject_7f3a03001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
         }
       }, {
         key: "disconnectedCallback",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/future-terminal-text/future-terminal-text.js b/build/es5-amd/node_modules/@lrnwebcomponents/future-terminal-text/future-terminal-text.js
index 794650c9fe3..2dcdb058434 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/future-terminal-text/future-terminal-text.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/future-terminal-text/future-terminal-text.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/future-terminal-text-lite.js", "
   });
   _exports.FutureTerminalText = void 0;
 
-  var _templateObject_a4926af01f0511ed8cc3e9a95995ad69, _templateObject2_a4926af01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7f3b3b801f2611eda0c389891c227ec8, _templateObject2_7f3b3b801f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -36,7 +36,7 @@ define(["exports", "../../lit/index.js", "./lib/future-terminal-text-lite.js", "
     babelHelpers.createClass(FutureTerminalText, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a4926af01f0511ed8cc3e9a95995ad69 || (_templateObject_a4926af01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span><slot></slot></span>"])));
+        return (0, _index.html)(_templateObject_7f3b3b801f2611eda0c389891c227ec8 || (_templateObject_7f3b3b801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span><slot></slot></span>"])));
       }
     }], [{
       key: "tag",
@@ -46,7 +46,7 @@ define(["exports", "../../lit/index.js", "./lib/future-terminal-text-lite.js", "
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(FutureTerminalText), "styles", this)), [(0, _index.css)(_templateObject2_a4926af01f0511ed8cc3e9a95995ad69 || (_templateObject2_a4926af01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        span {\n          color: var(--simple-colors-default-theme-accent-8, inherit);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(FutureTerminalText), "styles", this)), [(0, _index.css)(_templateObject2_7f3b3b801f2611eda0c389891c227ec8 || (_templateObject2_7f3b3b801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        span {\n          color: var(--simple-colors-default-theme-accent-8, inherit);\n        }\n      "])))]);
       }
     }]);
     return FutureTerminalText;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/future-terminal-text/lib/future-terminal-text-lite.js b/build/es5-amd/node_modules/@lrnwebcomponents/future-terminal-text/lib/future-terminal-text-lite.js
index d3209a5746b..e288cd0d623 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/future-terminal-text/lib/future-terminal-text-lite.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/future-terminal-text/lib/future-terminal-text-lite.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./FutureTerminalTextSuper.js"], fun
   });
   _exports.FutureTerminalTextLite = void 0;
 
-  var _templateObject_ddb2e6201f0511ed8cc3e9a95995ad69, _templateObject2_ddb2e6201f0511ed8cc3e9a95995ad69, _templateObject3_ddb2e6201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b49894301f2611eda0c389891c227ec8, _templateObject2_b49894301f2611eda0c389891c227ec8, _templateObject3_b49894301f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -55,7 +55,7 @@ define(["exports", "../../../lit/index.js", "./FutureTerminalTextSuper.js"], fun
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ddb2e6201f0511ed8cc3e9a95995ad69 || (_templateObject_ddb2e6201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span><slot></slot></span>"])));
+        return (0, _index.html)(_templateObject_b49894301f2611eda0c389891c227ec8 || (_templateObject_b49894301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span><slot></slot></span>"])));
       } // properties available to the custom element for data binding
 
     }], [{
@@ -65,13 +65,13 @@ define(["exports", "../../../lit/index.js", "./FutureTerminalTextSuper.js"], fun
        * LitElement shadow styling convention
        */
       function get() {
-        var styles = (0, _index.css)(_templateObject2_ddb2e6201f0511ed8cc3e9a95995ad69 || (_templateObject2_ddb2e6201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""])));
+        var styles = (0, _index.css)(_templateObject2_b49894301f2611eda0c389891c227ec8 || (_templateObject2_b49894301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""])));
 
         if (babelHelpers.get(babelHelpers.getPrototypeOf(FutureTerminalTextLite), "styles", this)) {
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(FutureTerminalTextLite), "styles", this);
         }
 
-        return [styles, (0, _index.css)(_templateObject3_ddb2e6201f0511ed8cc3e9a95995ad69 || (_templateObject3_ddb2e6201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          font-weight: bold;\n          display: inline-flex;\n          --flicker-easing: cubic-bezier(0.32, 0.32, 0, 0.92);\n          --flicker-duration: 300ms;\n          --fade-in-duration: 500ms;\n        }\n        span {\n          color: #5fa4a5;\n          text-shadow: 0 0 4px #5fa4a5;\n          animation: flicker var(--flicker-duration) var(--flicker-easing);\n        }\n        :host([red]) span {\n          color: #b35b5a;\n          text-shadow: 0 0 4px #b35b5a;\n        }\n        :host([fadein]) span {\n          animation: fade-in var(--fade-in-duration),\n            flicker 300ms var(--flicker-easing)\n              calc(var(--fade-in-duration) * 0.8);\n          transform: translate(0, 0);\n          opacity: 1;\n        }\n        @keyframes flicker {\n          0% {\n            opacity: 0.75;\n          }\n          50% {\n            opacity: 0.45;\n          }\n          100% {\n            opacity: 1;\n          }\n        }\n        @keyframes fade-in {\n          from {\n            transform: translate(-30px, 0px);\n            opacity: 0;\n          }\n        }\n      "])))];
+        return [styles, (0, _index.css)(_templateObject3_b49894301f2611eda0c389891c227ec8 || (_templateObject3_b49894301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          font-weight: bold;\n          display: inline-flex;\n          --flicker-easing: cubic-bezier(0.32, 0.32, 0, 0.92);\n          --flicker-duration: 300ms;\n          --fade-in-duration: 500ms;\n        }\n        span {\n          color: #5fa4a5;\n          text-shadow: 0 0 4px #5fa4a5;\n          animation: flicker var(--flicker-duration) var(--flicker-easing);\n        }\n        :host([red]) span {\n          color: #b35b5a;\n          text-shadow: 0 0 4px #b35b5a;\n        }\n        :host([fadein]) span {\n          animation: fade-in var(--fade-in-duration),\n            flicker 300ms var(--flicker-easing)\n              calc(var(--fade-in-duration) * 0.8);\n          transform: translate(0, 0);\n          opacity: 1;\n        }\n        @keyframes flicker {\n          0% {\n            opacity: 0.75;\n          }\n          50% {\n            opacity: 0.45;\n          }\n          100% {\n            opacity: 1;\n          }\n        }\n        @keyframes fade-in {\n          from {\n            transform: translate(-30px, 0px);\n            opacity: 0;\n          }\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/game-show-quiz/game-show-quiz.js b/build/es5-amd/node_modules/@lrnwebcomponents/game-show-quiz/game-show-quiz.js
index 4e59f7eb253..b43a7c3bbf3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/game-show-quiz/game-show-quiz.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/game-show-quiz/game-show-quiz.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _exports.GameShowQuiz = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a4a297901f0511ed8cc3e9a95995ad69;
+  var _templateObject_7f4749701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -570,7 +570,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_a4a297901f0511ed8cc3e9a95995ad69 || (_templateObject_a4a297901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --game-show-bg-color: var(--simple-colors-default-theme-blue-11);\n          --game-show-text-color: var(--simple-colors-default-theme-blue-1);\n        }\n        chartist-render#piechart {\n          width: 300px;\n          height: 300px;\n          display: inline-block;\n        }\n        chartist-render.mini-chart {\n          width: 132px;\n          height: 132px;\n          display: inline-block;\n          --chartist-color-1: green;\n          --chartist-color-2: red;\n        }\n        app-toolbar {\n          background-color: var(--game-show-bg-color);\n          color: var(--game-show-text-color);\n          font-size: 24px;\n          display: flex;\n        }\n        simple-icon {\n          display: inline-block;\n        }\n        table {\n          width: 90%;\n        }\n        tr {\n          outline: 1px solid black;\n        }\n        td {\n          border-left: 1px solid black;\n          padding: 16px;\n          text-align: center;\n        }\n        .chart-row td {\n          padding: 0;\n        }\n\n        button {\n          text-transform: none;\n          display: block;\n        }\n        #helpbutton {\n          text-align: center;\n          padding: 8px;\n          font-size: 12px;\n          vertical-align: middle;\n          display: inline-flex;\n        }\n        button + [main-title] {\n          margin-left: 24px;\n          display: inline-flex;\n        }\n        app-header {\n          color: var(--game-show-text-color);\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          }\n        }\n        responsive-grid-row {\n          --responsive-grid-row-inner-margin-left: 0;\n          --responsive-grid-row-inner-margin-right: 0;\n        }\n        responsive-grid-col {\n          --responsive-grid-col-inner-padding-left: 0;\n          --responsive-grid-col-inner-padding-right: 0;\n        }\n        #contentcontainer {\n          margin: 0 auto;\n          font-size: 16px;\n        }\n        .grid-button {\n          width: 100%;\n          height: 80px;\n          font-size: 24px;\n          text-align: center;\n          min-width: unset;\n          padding: 0;\n          margin: 0;\n          align-items: center;\n          display: flex;\n        }\n        .status-icon {\n          border-radius: 50%;\n          width: 48px;\n          height: 48px;\n          opacity: 0.5;\n          right: 0;\n          bottom: 0;\n          position: absolute;\n        }\n        .correct {\n          color: var(--simple-colors-default-theme-green-6);\n          background-color: var(--simple-colors-default-theme-green-11);\n        }\n        .incorrect {\n          color: var(--simple-colors-default-theme-red-6);\n          background-color: var(--simple-colors-default-theme-red-11);\n        }\n        .row-0 button[disabled] {\n          font-weight: bold;\n          font-size: 16px;\n        }\n        .grid-button[data-type=\"bonus\"] {\n          display: inline-flex;\n          position: absolute;\n          outline: 1px solid #dddddd;\n        }\n        .grid-button[data-type=\"bonus\"][data-display-points=\"1\"] {\n          height: 320px;\n        }\n        .grid-button[data-type=\"bonus\"][data-display-points=\"2\"] {\n          height: 160px;\n        }\n        @media screen and (max-width: 600px) {\n          app-toolbar {\n            font-size: 14px;\n          }\n          button {\n            padding: 0;\n            margin: 0;\n            width: 16px;\n            height: 16px;\n            min-width: unset;\n          }\n          game-show-quiz-modal button {\n            height: 48px;\n            width: 100%;\n          }\n          .grid-button {\n            font-size: 14px;\n          }\n          .status-icon {\n            width: 24px;\n            height: 24px;\n            opacity: 1;\n            display: inline-block;\n          }\n          .row-0 button[disabled] {\n            font-weight: bold;\n            font-size: 10px;\n          }\n        }\n      </style>\n      <app-header>\n        <app-toolbar>\n          <button id=\"scorebutton\" on-click=\"scoreBoardToggle\">\n            <simple-icon icon=\"editor:pie-chart\"></simple-icon\n            ><label for=\"scorebutton\">Score board</label>\n          </button>\n          <div main-title>[[title]]</div>\n          <button id=\"helpbutton\" on-click=\"directionsToggle\">\n            <simple-icon icon=\"help\"></simple-icon\n            ><label for=\"helpbutton\">Directions</label>\n          </button>\n        </app-toolbar>\n      </app-header>\n      <div id=\"contentcontainer\">\n        <div style=\"font-size: 24px;\" hidden$=\"[[!remainingAttempts]]\">\n          Points Remaining to Attempt:\n          <strong>[[remainingAttempts]]</strong>\n        </div>\n        <template is=\"dom-repeat\" items=\"[[gameBoard]]\" as=\"row\" mutable-data>\n          <responsive-grid-row gutter=\"0\" class$=\"row row-[[index]]\">\n            <template\n              is=\"dom-repeat\"\n              items=\"[[row.cols]]\"\n              as=\"col\"\n              mutable-data\n            >\n              <responsive-grid-col xl=\"2\" lg=\"2\" md=\"2\" sm=\"2\" xs=\"2\">\n                <button\n                  class=\"grid-button\"\n                  raised=\"[[!col.notRaised]]\"\n                  data-question-uuid$=\"[[col.uuid]]\"\n                  data-value$=\"[[col.points]]\"\n                  data-display-points$=\"[[col.displayPoints]]\"\n                  data-is-bonus$=\"[[col.isBonus]]\"\n                  data-type$=\"[[col.type]]\"\n                  disabled$=\"[[col.disabled]]\"\n                >\n                  [[col.title]]<br />[[col.displayPoints]]\n                </button>\n              </responsive-grid-col>\n            </template>\n          </responsive-grid-row>\n        </template>\n      </div>\n      <game-show-quiz-modal id=\"scoreboard\" title=\"Score board\">\n        <div slot=\"content\">\n          <div style=\"padding: 32px;\">\n            <chartist-render\n              id=\"piechart\"\n              chart-title=\"Breakdown of attempts\"\n              data=\"[[attemptsData.overall]]\"\n              type=\"pie\"\n              scale=\"ct-square\"\n            >\n            </chartist-render>\n            <table style=\"margin: 16px auto;\">\n              <tbody>\n                <tr>\n                  <th></th>\n                  <th>Slide ID</th>\n                  <th>Terms</th>\n                  <th>Reading</th>\n                  <th>Lecture</th>\n                  <th>Total</th>\n                </tr>\n                <tr>\n                  <th>Points Earned</th>\n                  <td>[[points.slideid.earned]]</td>\n                  <td>[[points.terminology.earned]]</td>\n                  <td>[[points.reading.earned]]</td>\n                  <td>[[points.lecture.earned]]</td>\n                  <td>[[points.total.earned]]</td>\n                </tr>\n                <tr>\n                  <th>Points Attempted</th>\n                  <td>[[points.slideid.attempted]]</td>\n                  <td>[[points.terminology.attempted]]</td>\n                  <td>[[points.reading.attempted]]</td>\n                  <td>[[points.lecture.attempted]]</td>\n                  <td>[[points.total.attempted]]</td>\n                </tr>\n                <tr>\n                  <th>Category Percentage</th>\n                  <td>[[points.slideid.percent]]</td>\n                  <td>[[points.terminology.percent]]</td>\n                  <td>[[points.reading.percent]]</td>\n                  <td>[[points.lecture.percent]]</td>\n                  <td>[[points.total.percent]]</td>\n                </tr>\n                <tr class=\"chart-row\">\n                  <th>Pie chart</th>\n                  <td>\n                    <chartist-render\n                      class=\"mini-chart\"\n                      chart-title=\"Slide ID percentage\"\n                      data=\"[[attemptsData.slideid]]\"\n                      type=\"pie\"\n                      scale=\"ct-square\"\n                    ></chartist-render>\n                  </td>\n                  <td>\n                    <chartist-render\n                      class=\"mini-chart\"\n                      chart-title=\"Terminology percentage\"\n                      data=\"[[attemptsData.terminology]]\"\n                      type=\"pie\"\n                      scale=\"ct-square\"\n                    ></chartist-render>\n                  </td>\n                  <td>\n                    <chartist-render\n                      class=\"mini-chart\"\n                      chart-title=\"Reading percentage\"\n                      data=\"[[attemptsData.reading]]\"\n                      type=\"pie\"\n                      scale=\"ct-square\"\n                    ></chartist-render>\n                  </td>\n                  <td>\n                    <chartist-render\n                      class=\"mini-chart\"\n                      chart-title=\"Lecture percentage\"\n                      data=\"[[attemptsData.lecture]]\"\n                      type=\"pie\"\n                      scale=\"ct-square\"\n                    ></chartist-render>\n                  </td>\n                  <td>\n                    <chartist-render\n                      class=\"mini-chart\"\n                      chart-title=\"Total percentage\"\n                      data=\"[[attemptsData.total]]\"\n                      type=\"pie\"\n                      scale=\"ct-square\"\n                    ></chartist-render>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n            <div style=\"font-size: 24px;\" hidden$=\"[[!remainingAttempts]]\">\n              Points Remaining to Attempt:\n              <strong>[[remainingAttempts]]</strong>\n            </div>\n          </div>\n        </div>\n        <button\n          aria-label=\"Close score board and return to game\"\n          slot=\"buttons\"\n          id=\"dismiss\"\n          dialog-confirm\n          raised\n        >\n          Return to game board\n        </button>\n      </game-show-quiz-modal>\n      <game-show-quiz-modal id=\"directions\" title=\"[[directionsTitle]]\">\n        <div slot=\"content\"><slot></slot></div>\n        <button\n          aria-label=\"Close directions dialog and return to game\"\n          slot=\"buttons\"\n          id=\"dismiss\"\n          dialog-confirm\n          raised\n        >\n          Good luck!\n        </button>\n      </game-show-quiz-modal>\n      <game-show-quiz-modal\n        id=\"dialog\"\n        title=\"[[questionTitle]] [[__activeQuestionDetails.points]] point, [[__activeQuestionDetails.type]] question.\"\n      >\n        <vaadin-split-layout slot=\"content\" style=\"height:80vh;\">\n          <div id=\"col1\" style=\"width:70%;min-width: 30%;\">\n            <img\n              style=\"min-width:100px; width:100%; min-height:50vh; height:75vh;\"\n              loading=\"lazy\"\n              src$=\"[[activeQuestion.image]]\"\n            />\n          </div>\n          <div id=\"col2\" style=\"width:30%;min-width: 30%;\">\n            <multiple-choice\n              randomize\n              single-option\n              id=\"question\"\n              hide-buttons\n              title=\"[[activeQuestion.title]]\"\n              answers=\"[[activeQuestion.data]]\"\n            ></multiple-choice>\n            <div hidden$=\"[[!activeQuestion.wrong]]\" aria-hidden=\"true\">\n              <h3>Feedback</h3>\n              <p>[[activeQuestion.feedback]]</p>\n            </div>\n          </div>\n        </vaadin-split-layout>\n        <button\n          slot=\"buttons\"\n          hidden$=\"[[activeQuestion.submitted]]\"\n          id=\"submit\"\n          raised=\"\"\n          disabled$=\"[[__submitDisabled]]\"\n        >\n          Submit answer\n          <simple-icon\n            hidden$=\"[[__submitDisabled]]\"\n            icon=\"icons:touch-app\"\n          ></simple-icon>\n        </button>\n        <button\n          slot=\"buttons\"\n          id=\"continue\"\n          hidden$=\"[[!activeQuestion.submitted]]\"\n          dialog-confirm\n          raised\n          aria-disabled$=\"[[activeQuestion.submitted]]\"\n          aria-label=\"Return to game board\"\n        >\n          Continue <simple-icon icon=\"icons:arrow-forward\"></simple-icon>\n        </button>\n      </game-show-quiz-modal>\n      <iron-ajax\n        auto\n        id=\"gamedata\"\n        url=\"[[gameData]]\"\n        handle-as=\"json\"\n        last-response=\"{{gameBoardData}}\"\n      ></iron-ajax>\n      <iron-ajax\n        auto\n        id=\"gamedirections\"\n        url=\"[[gameDirectionsData]]\"\n        handle-as=\"text\"\n        last-response=\"{{gameDirections}}\"\n      ></iron-ajax>\n      <iron-ajax id=\"gamebackend\" hand-as=\"json\"></iron-ajax>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_7f4749701f2611eda0c389891c227ec8 || (_templateObject_7f4749701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --game-show-bg-color: var(--simple-colors-default-theme-blue-11);\n          --game-show-text-color: var(--simple-colors-default-theme-blue-1);\n        }\n        chartist-render#piechart {\n          width: 300px;\n          height: 300px;\n          display: inline-block;\n        }\n        chartist-render.mini-chart {\n          width: 132px;\n          height: 132px;\n          display: inline-block;\n          --chartist-color-1: green;\n          --chartist-color-2: red;\n        }\n        app-toolbar {\n          background-color: var(--game-show-bg-color);\n          color: var(--game-show-text-color);\n          font-size: 24px;\n          display: flex;\n        }\n        simple-icon {\n          display: inline-block;\n        }\n        table {\n          width: 90%;\n        }\n        tr {\n          outline: 1px solid black;\n        }\n        td {\n          border-left: 1px solid black;\n          padding: 16px;\n          text-align: center;\n        }\n        .chart-row td {\n          padding: 0;\n        }\n\n        button {\n          text-transform: none;\n          display: block;\n        }\n        #helpbutton {\n          text-align: center;\n          padding: 8px;\n          font-size: 12px;\n          vertical-align: middle;\n          display: inline-flex;\n        }\n        button + [main-title] {\n          margin-left: 24px;\n          display: inline-flex;\n        }\n        app-header {\n          color: var(--game-show-text-color);\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          }\n        }\n        responsive-grid-row {\n          --responsive-grid-row-inner-margin-left: 0;\n          --responsive-grid-row-inner-margin-right: 0;\n        }\n        responsive-grid-col {\n          --responsive-grid-col-inner-padding-left: 0;\n          --responsive-grid-col-inner-padding-right: 0;\n        }\n        #contentcontainer {\n          margin: 0 auto;\n          font-size: 16px;\n        }\n        .grid-button {\n          width: 100%;\n          height: 80px;\n          font-size: 24px;\n          text-align: center;\n          min-width: unset;\n          padding: 0;\n          margin: 0;\n          align-items: center;\n          display: flex;\n        }\n        .status-icon {\n          border-radius: 50%;\n          width: 48px;\n          height: 48px;\n          opacity: 0.5;\n          right: 0;\n          bottom: 0;\n          position: absolute;\n        }\n        .correct {\n          color: var(--simple-colors-default-theme-green-6);\n          background-color: var(--simple-colors-default-theme-green-11);\n        }\n        .incorrect {\n          color: var(--simple-colors-default-theme-red-6);\n          background-color: var(--simple-colors-default-theme-red-11);\n        }\n        .row-0 button[disabled] {\n          font-weight: bold;\n          font-size: 16px;\n        }\n        .grid-button[data-type=\"bonus\"] {\n          display: inline-flex;\n          position: absolute;\n          outline: 1px solid #dddddd;\n        }\n        .grid-button[data-type=\"bonus\"][data-display-points=\"1\"] {\n          height: 320px;\n        }\n        .grid-button[data-type=\"bonus\"][data-display-points=\"2\"] {\n          height: 160px;\n        }\n        @media screen and (max-width: 600px) {\n          app-toolbar {\n            font-size: 14px;\n          }\n          button {\n            padding: 0;\n            margin: 0;\n            width: 16px;\n            height: 16px;\n            min-width: unset;\n          }\n          game-show-quiz-modal button {\n            height: 48px;\n            width: 100%;\n          }\n          .grid-button {\n            font-size: 14px;\n          }\n          .status-icon {\n            width: 24px;\n            height: 24px;\n            opacity: 1;\n            display: inline-block;\n          }\n          .row-0 button[disabled] {\n            font-weight: bold;\n            font-size: 10px;\n          }\n        }\n      </style>\n      <app-header>\n        <app-toolbar>\n          <button id=\"scorebutton\" on-click=\"scoreBoardToggle\">\n            <simple-icon icon=\"editor:pie-chart\"></simple-icon\n            ><label for=\"scorebutton\">Score board</label>\n          </button>\n          <div main-title>[[title]]</div>\n          <button id=\"helpbutton\" on-click=\"directionsToggle\">\n            <simple-icon icon=\"help\"></simple-icon\n            ><label for=\"helpbutton\">Directions</label>\n          </button>\n        </app-toolbar>\n      </app-header>\n      <div id=\"contentcontainer\">\n        <div style=\"font-size: 24px;\" hidden$=\"[[!remainingAttempts]]\">\n          Points Remaining to Attempt:\n          <strong>[[remainingAttempts]]</strong>\n        </div>\n        <template is=\"dom-repeat\" items=\"[[gameBoard]]\" as=\"row\" mutable-data>\n          <responsive-grid-row gutter=\"0\" class$=\"row row-[[index]]\">\n            <template\n              is=\"dom-repeat\"\n              items=\"[[row.cols]]\"\n              as=\"col\"\n              mutable-data\n            >\n              <responsive-grid-col xl=\"2\" lg=\"2\" md=\"2\" sm=\"2\" xs=\"2\">\n                <button\n                  class=\"grid-button\"\n                  raised=\"[[!col.notRaised]]\"\n                  data-question-uuid$=\"[[col.uuid]]\"\n                  data-value$=\"[[col.points]]\"\n                  data-display-points$=\"[[col.displayPoints]]\"\n                  data-is-bonus$=\"[[col.isBonus]]\"\n                  data-type$=\"[[col.type]]\"\n                  disabled$=\"[[col.disabled]]\"\n                >\n                  [[col.title]]<br />[[col.displayPoints]]\n                </button>\n              </responsive-grid-col>\n            </template>\n          </responsive-grid-row>\n        </template>\n      </div>\n      <game-show-quiz-modal id=\"scoreboard\" title=\"Score board\">\n        <div slot=\"content\">\n          <div style=\"padding: 32px;\">\n            <chartist-render\n              id=\"piechart\"\n              chart-title=\"Breakdown of attempts\"\n              data=\"[[attemptsData.overall]]\"\n              type=\"pie\"\n              scale=\"ct-square\"\n            >\n            </chartist-render>\n            <table style=\"margin: 16px auto;\">\n              <tbody>\n                <tr>\n                  <th></th>\n                  <th>Slide ID</th>\n                  <th>Terms</th>\n                  <th>Reading</th>\n                  <th>Lecture</th>\n                  <th>Total</th>\n                </tr>\n                <tr>\n                  <th>Points Earned</th>\n                  <td>[[points.slideid.earned]]</td>\n                  <td>[[points.terminology.earned]]</td>\n                  <td>[[points.reading.earned]]</td>\n                  <td>[[points.lecture.earned]]</td>\n                  <td>[[points.total.earned]]</td>\n                </tr>\n                <tr>\n                  <th>Points Attempted</th>\n                  <td>[[points.slideid.attempted]]</td>\n                  <td>[[points.terminology.attempted]]</td>\n                  <td>[[points.reading.attempted]]</td>\n                  <td>[[points.lecture.attempted]]</td>\n                  <td>[[points.total.attempted]]</td>\n                </tr>\n                <tr>\n                  <th>Category Percentage</th>\n                  <td>[[points.slideid.percent]]</td>\n                  <td>[[points.terminology.percent]]</td>\n                  <td>[[points.reading.percent]]</td>\n                  <td>[[points.lecture.percent]]</td>\n                  <td>[[points.total.percent]]</td>\n                </tr>\n                <tr class=\"chart-row\">\n                  <th>Pie chart</th>\n                  <td>\n                    <chartist-render\n                      class=\"mini-chart\"\n                      chart-title=\"Slide ID percentage\"\n                      data=\"[[attemptsData.slideid]]\"\n                      type=\"pie\"\n                      scale=\"ct-square\"\n                    ></chartist-render>\n                  </td>\n                  <td>\n                    <chartist-render\n                      class=\"mini-chart\"\n                      chart-title=\"Terminology percentage\"\n                      data=\"[[attemptsData.terminology]]\"\n                      type=\"pie\"\n                      scale=\"ct-square\"\n                    ></chartist-render>\n                  </td>\n                  <td>\n                    <chartist-render\n                      class=\"mini-chart\"\n                      chart-title=\"Reading percentage\"\n                      data=\"[[attemptsData.reading]]\"\n                      type=\"pie\"\n                      scale=\"ct-square\"\n                    ></chartist-render>\n                  </td>\n                  <td>\n                    <chartist-render\n                      class=\"mini-chart\"\n                      chart-title=\"Lecture percentage\"\n                      data=\"[[attemptsData.lecture]]\"\n                      type=\"pie\"\n                      scale=\"ct-square\"\n                    ></chartist-render>\n                  </td>\n                  <td>\n                    <chartist-render\n                      class=\"mini-chart\"\n                      chart-title=\"Total percentage\"\n                      data=\"[[attemptsData.total]]\"\n                      type=\"pie\"\n                      scale=\"ct-square\"\n                    ></chartist-render>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n            <div style=\"font-size: 24px;\" hidden$=\"[[!remainingAttempts]]\">\n              Points Remaining to Attempt:\n              <strong>[[remainingAttempts]]</strong>\n            </div>\n          </div>\n        </div>\n        <button\n          aria-label=\"Close score board and return to game\"\n          slot=\"buttons\"\n          id=\"dismiss\"\n          dialog-confirm\n          raised\n        >\n          Return to game board\n        </button>\n      </game-show-quiz-modal>\n      <game-show-quiz-modal id=\"directions\" title=\"[[directionsTitle]]\">\n        <div slot=\"content\"><slot></slot></div>\n        <button\n          aria-label=\"Close directions dialog and return to game\"\n          slot=\"buttons\"\n          id=\"dismiss\"\n          dialog-confirm\n          raised\n        >\n          Good luck!\n        </button>\n      </game-show-quiz-modal>\n      <game-show-quiz-modal\n        id=\"dialog\"\n        title=\"[[questionTitle]] [[__activeQuestionDetails.points]] point, [[__activeQuestionDetails.type]] question.\"\n      >\n        <vaadin-split-layout slot=\"content\" style=\"height:80vh;\">\n          <div id=\"col1\" style=\"width:70%;min-width: 30%;\">\n            <img\n              style=\"min-width:100px; width:100%; min-height:50vh; height:75vh;\"\n              loading=\"lazy\"\n              src$=\"[[activeQuestion.image]]\"\n            />\n          </div>\n          <div id=\"col2\" style=\"width:30%;min-width: 30%;\">\n            <multiple-choice\n              randomize\n              single-option\n              id=\"question\"\n              hide-buttons\n              title=\"[[activeQuestion.title]]\"\n              answers=\"[[activeQuestion.data]]\"\n            ></multiple-choice>\n            <div hidden$=\"[[!activeQuestion.wrong]]\" aria-hidden=\"true\">\n              <h3>Feedback</h3>\n              <p>[[activeQuestion.feedback]]</p>\n            </div>\n          </div>\n        </vaadin-split-layout>\n        <button\n          slot=\"buttons\"\n          hidden$=\"[[activeQuestion.submitted]]\"\n          id=\"submit\"\n          raised=\"\"\n          disabled$=\"[[__submitDisabled]]\"\n        >\n          Submit answer\n          <simple-icon\n            hidden$=\"[[__submitDisabled]]\"\n            icon=\"icons:touch-app\"\n          ></simple-icon>\n        </button>\n        <button\n          slot=\"buttons\"\n          id=\"continue\"\n          hidden$=\"[[!activeQuestion.submitted]]\"\n          dialog-confirm\n          raised\n          aria-disabled$=\"[[activeQuestion.submitted]]\"\n          aria-label=\"Return to game board\"\n        >\n          Continue <simple-icon icon=\"icons:arrow-forward\"></simple-icon>\n        </button>\n      </game-show-quiz-modal>\n      <iron-ajax\n        auto\n        id=\"gamedata\"\n        url=\"[[gameData]]\"\n        handle-as=\"json\"\n        last-response=\"{{gameBoardData}}\"\n      ></iron-ajax>\n      <iron-ajax\n        auto\n        id=\"gamedirections\"\n        url=\"[[gameDirectionsData]]\"\n        handle-as=\"text\"\n        last-response=\"{{gameDirections}}\"\n      ></iron-ajax>\n      <iron-ajax id=\"gamebackend\" hand-as=\"json\"></iron-ajax>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/game-show-quiz/lib/game-show-quiz-modal.js b/build/es5-amd/node_modules/@lrnwebcomponents/game-show-quiz/lib/game-show-quiz-modal.js
index fd90c05fd32..0e236697104 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/game-show-quiz/lib/game-show-quiz-modal.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/game-show-quiz/lib/game-show-quiz-modal.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
   _exports.GameShowQuizModal = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ddb4e1f01f0511ed8cc3e9a95995ad69, _templateObject2_ddb4e1f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b49ade201f2611eda0c389891c227ec8, _templateObject2_b49ade201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -43,7 +43,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
     babelHelpers.createClass(GameShowQuizModal, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ddb4e1f01f0511ed8cc3e9a95995ad69 || (_templateObject_ddb4e1f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <paper-dialog modal>\n        <h2>", "</h2>\n        <div class=\"content\"><slot name=\"content\"></slot></div>\n        <div class=\"buttons\"><slot name=\"buttons\"></slot></div>\n      </paper-dialog>\n    "])), this.title);
+        return (0, _index.html)(_templateObject_b49ade201f2611eda0c389891c227ec8 || (_templateObject_b49ade201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <paper-dialog modal>\n        <h2>", "</h2>\n        <div class=\"content\"><slot name=\"content\"></slot></div>\n        <div class=\"buttons\"><slot name=\"buttons\"></slot></div>\n      </paper-dialog>\n    "])), this.title);
       }
       /**
        * Basic bridge to the toggle function in paper-dialog
@@ -60,7 +60,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_ddb4e1f01f0511ed8cc3e9a95995ad69 || (_templateObject2_ddb4e1f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        paper-dialog:not(:defined) {\n          display: none;\n        }\n        paper-dialog {\n          min-width: 60%;\n          top: 2%;\n          bottom: 2%;\n          margin: 0;\n          padding: 0;\n          left: 8%;\n          right: 8%;\n          position: fixed;\n          overflow: hidden;\n        }\n        .content {\n          font-size: 16px;\n          overflow: scroll;\n          min-height: 60vh;\n          height: 80vh;\n          margin: 0;\n          padding: 0;\n        }\n        h2 {\n          font-size: 24px;\n          background-color: var(--game-show-bg-color);\n          color: var(--game-show-text-color);\n          margin: 0;\n          padding: 8px;\n          text-align: center;\n        }\n        .buttons {\n          font-size: 20px;\n          font-weight: bold;\n          background-color: var(--game-show-bg-color);\n          bottom: 0;\n          position: absolute;\n          left: 0;\n          right: 0;\n        }\n        .buttons ::slotted(*) {\n          width: 50%;\n          margin: 0 auto;\n          color: var(--game-show-bg-color);\n          background-color: var(--game-show-text-color);\n        }\n        .buttons ::slotted(*[disabled]) {\n          background: #eaeaea;\n          color: #a8a8a8;\n        }\n        .buttons ::slotted(#continue) {\n          color: var(--simple-colors-default-theme-blue-11);\n          background-color: var(--simple-colors-default-theme-blue-1);\n        }\n        @media screen and (max-width: 600px) {\n          paper-dialog {\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n          }\n          h2 {\n            font-size: 20px;\n          }\n          .buttons {\n            font-size: 12px;\n          }\n          .buttons ::slotted(*) {\n            width: 100%;\n          }\n          .content {\n            font-size: 12px;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b49ade201f2611eda0c389891c227ec8 || (_templateObject2_b49ade201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        paper-dialog:not(:defined) {\n          display: none;\n        }\n        paper-dialog {\n          min-width: 60%;\n          top: 2%;\n          bottom: 2%;\n          margin: 0;\n          padding: 0;\n          left: 8%;\n          right: 8%;\n          position: fixed;\n          overflow: hidden;\n        }\n        .content {\n          font-size: 16px;\n          overflow: scroll;\n          min-height: 60vh;\n          height: 80vh;\n          margin: 0;\n          padding: 0;\n        }\n        h2 {\n          font-size: 24px;\n          background-color: var(--game-show-bg-color);\n          color: var(--game-show-text-color);\n          margin: 0;\n          padding: 8px;\n          text-align: center;\n        }\n        .buttons {\n          font-size: 20px;\n          font-weight: bold;\n          background-color: var(--game-show-bg-color);\n          bottom: 0;\n          position: absolute;\n          left: 0;\n          right: 0;\n        }\n        .buttons ::slotted(*) {\n          width: 50%;\n          margin: 0 auto;\n          color: var(--game-show-bg-color);\n          background-color: var(--game-show-text-color);\n        }\n        .buttons ::slotted(*[disabled]) {\n          background: #eaeaea;\n          color: #a8a8a8;\n        }\n        .buttons ::slotted(#continue) {\n          color: var(--simple-colors-default-theme-blue-11);\n          background-color: var(--simple-colors-default-theme-blue-1);\n        }\n        @media screen and (max-width: 600px) {\n          paper-dialog {\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n          }\n          h2 {\n            font-size: 20px;\n          }\n          .buttons {\n            font-size: 12px;\n          }\n          .buttons ::slotted(*) {\n            width: 100%;\n          }\n          .content {\n            font-size: 12px;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/git-corner/git-corner.js b/build/es5-amd/node_modules/@lrnwebcomponents/git-corner/git-corner.js
index e0a8706dbbf..c5113f21ce2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/git-corner/git-corner.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/git-corner/git-corner.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.GitCorner = void 0;
 
-  var _templateObject_a4a4ba701f0511ed8cc3e9a95995ad69, _templateObject2_a4a4ba701f0511ed8cc3e9a95995ad69;
+  var _templateObject_7f49ba701f2611eda0c389891c227ec8, _templateObject2_7f49ba701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -37,14 +37,14 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a4a4ba701f0511ed8cc3e9a95995ad69 || (_templateObject_a4a4ba701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <a\n      .title=\"", "\"\n      .href=\"", "\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      class=\"github-corner\"\n    >\n      <svg viewBox=\"0 0 250 250\">\n        <path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"></path>\n        <path\n          d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\"\n          fill=\"currentColor\"\n          style=\"transform-origin: 130px 106px;\"\n          class=\"octo-arm\"\n        ></path>\n        <path\n          d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\"\n          fill=\"currentColor\"\n          class=\"octo-body\"\n        ></path>\n      </svg>\n    </a>"])), this.alt, this.source);
+        return (0, _index.html)(_templateObject_7f49ba701f2611eda0c389891c227ec8 || (_templateObject_7f49ba701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <a\n      .title=\"", "\"\n      .href=\"", "\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      class=\"github-corner\"\n    >\n      <svg viewBox=\"0 0 250 250\">\n        <path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"></path>\n        <path\n          d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\"\n          fill=\"currentColor\"\n          style=\"transform-origin: 130px 106px;\"\n          class=\"octo-arm\"\n        ></path>\n        <path\n          d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\"\n          fill=\"currentColor\"\n          class=\"octo-body\"\n        ></path>\n      </svg>\n    </a>"])), this.alt, this.source);
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a4a4ba701f0511ed8cc3e9a95995ad69 || (_templateObject2_a4a4ba701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([corner]) svg {\n          z-index: var(--github-corner-z-index, 1);\n          position: absolute;\n          top: 0;\n          border: 0;\n          right: 0;\n        }\n\n        :host([circle]) svg {\n          border-radius: 100px;\n          transform: rotate(-45deg);\n        }\n\n        :host([size=\"micro\"]) {\n          --github-corner-size: 28px;\n        }\n\n        :host([size=\"small\"]) {\n          --github-corner-size: 50px;\n        }\n\n        :host([size=\"large\"]) {\n          --github-corner-size: 100px;\n        }\n\n        svg {\n          fill: var(--github-corner-background, #24292e);\n          color: var(--github-corner-color, #ffffff);\n          width: var(--github-corner-size, 80px);\n          height: var(--github-corner-size, 80px);\n        }\n\n        a {\n          display: table;\n          outline-color: var(--github-corner-background, #24292e);\n          outline-width: 2px;\n        }\n\n        .github-corner:focus .octo-arm,\n        .github-corner:hover .octo-arm {\n          animation: octocat-wave 560ms ease-in-out;\n        }\n\n        @keyframes octocat-wave {\n          0%,\n          100% {\n            transform: rotate(0);\n          }\n\n          20%,\n          60% {\n            transform: rotate(-25deg);\n          }\n\n          40%,\n          80% {\n            transform: rotate(10deg);\n          }\n        }\n        @media (max-width: 500px) {\n          .github-corner:hover .octo-arm {\n            animation: none;\n          }\n\n          .github-corner .octo-arm {\n            animation: octocat-wave 560ms ease-in-out;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7f49ba701f2611eda0c389891c227ec8 || (_templateObject2_7f49ba701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([corner]) svg {\n          z-index: var(--github-corner-z-index, 1);\n          position: absolute;\n          top: 0;\n          border: 0;\n          right: 0;\n        }\n\n        :host([circle]) svg {\n          border-radius: 100px;\n          transform: rotate(-45deg);\n        }\n\n        :host([size=\"micro\"]) {\n          --github-corner-size: 28px;\n        }\n\n        :host([size=\"small\"]) {\n          --github-corner-size: 50px;\n        }\n\n        :host([size=\"large\"]) {\n          --github-corner-size: 100px;\n        }\n\n        svg {\n          fill: var(--github-corner-background, #24292e);\n          color: var(--github-corner-color, #ffffff);\n          width: var(--github-corner-size, 80px);\n          height: var(--github-corner-size, 80px);\n        }\n\n        a {\n          display: table;\n          outline-color: var(--github-corner-background, #24292e);\n          outline-width: 2px;\n        }\n\n        .github-corner:focus .octo-arm,\n        .github-corner:hover .octo-arm {\n          animation: octocat-wave 560ms ease-in-out;\n        }\n\n        @keyframes octocat-wave {\n          0%,\n          100% {\n            transform: rotate(0);\n          }\n\n          20%,\n          60% {\n            transform: rotate(-25deg);\n          }\n\n          40%,\n          80% {\n            transform: rotate(10deg);\n          }\n        }\n        @media (max-width: 500px) {\n          .github-corner:hover .octo-arm {\n            animation: none;\n          }\n\n          .github-corner .octo-arm {\n            animation: octocat-wave 560ms ease-in-out;\n          }\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/github-preview/github-preview.js b/build/es5-amd/node_modules/@lrnwebcomponents/github-preview/github-preview.js
index a679d59c6e7..814e7fa5917 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/github-preview/github-preview.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/github-preview/github-preview.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-icon/lib/simple-i
   _exports.GithubPreview = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a4abbf501f0511ed8cc3e9a95995ad69, _templateObject2_a4abbf501f0511ed8cc3e9a95995ad69, _templateObject3_a4abbf501f0511ed8cc3e9a95995ad69, _templateObject4_a4abbf501f0511ed8cc3e9a95995ad69;
+  var _templateObject_7f50bf501f2611eda0c389891c227ec8, _templateObject2_7f50bf501f2611eda0c389891c227ec8, _templateObject3_7f50bf501f2611eda0c389891c227ec8, _templateObject4_7f50bf501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -119,7 +119,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-icon/lib/simple-i
     }, {
       key: "render",
       value: function render() {
-        return this.__assetAvailable && this.elementVisible ? this.extended ? (0, _index.html)(_templateObject_a4abbf501f0511ed8cc3e9a95995ad69 || (_templateObject_a4abbf501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"container\">\n              <div class=\"header-container\">\n                <simple-icon-lite icon=\"book\"></simple-icon-lite>\n                <div>\n                  <a\n                    href=\"", "/", "\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    @click=\"", "\"\n                  >\n                    ", "\n                  </a>\n                  /\n                  <a\n                    href=\"", "/", "/", "\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    @click=\"", "\"\n                  >\n                    ", "\n                  </a>\n                </div>\n              </div>\n              <hr />\n              <div>", "</div>\n              <hr />\n              <div class=\"readme-container\">\n                <wc-markdown>\n                  <script type=\"wc-content\">\n                    ", "\n                  </script>\n                </wc-markdown>\n              </div>\n              <div class=\"readme-btn-container\">\n                <button @click=", " class=\"readme-btn\">\n                  ", "\n                </button>\n              </div>\n              <div class=\"stats-container\">\n                <span\n                  class=\"lang-circle\"\n                  part=\"github-preview-lang-circle\"\n                ></span>\n                <div class=\"stats-text\">", "</div>\n                <simple-icon-lite icon=\"star\"></simple-icon-lite>\n                <div class=\"stats-text\">", "</div>\n                <simple-icon-lite icon=\"social:share\"></simple-icon-lite>\n                <div class=\"stats-text\">", "</div>\n              </div>\n            </div>\n          "])), this.url, this.org, this._clickLink, this.org, this.url, this.org, this.repo, this._clickLink, this.repo, this.__description, this.__readmeText, this.readmeViewMoreHandler, this.viewMoreText, this.repoLang, this.__stars, this.__forks) : (0, _index.html)(_templateObject2_a4abbf501f0511ed8cc3e9a95995ad69 || (_templateObject2_a4abbf501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <a\n              href=\"", "/", "/", "\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              @click=\"", "\"\n            >\n              <div class=\"container\">\n                <div class=\"header-container\">\n                  <simple-icon-lite icon=\"book\"></simple-icon-lite>\n                  <div>", "</div>\n                </div>\n\n                <div class=\"description\">", "</div>\n\n                <div class=\"stats-container\">\n                  <span class=\"lang-circle\"></span>\n                  <div class=\"stats-text\">", "</div>\n                  <simple-icon-lite icon=\"star\"></simple-icon-lite>\n                  <div class=\"stats-text\">", "</div>\n                  <simple-icon-lite icon=\"social:share\"></simple-icon-lite>\n                  <div class=\"stats-text\">", "</div>\n                </div>\n              </div>\n            </a>\n          "])), this.url, this.org, this.repo, this._clickLink, this.repo, this.__description, this.repoLang, this.__stars, this.__forks) : (0, _index.html)(_templateObject3_a4abbf501f0511ed8cc3e9a95995ad69 || (_templateObject3_a4abbf501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <div class=\"container\">\n            <h1>", "</h1>\n          </div>\n        "])), this.notFoundText);
+        return this.__assetAvailable && this.elementVisible ? this.extended ? (0, _index.html)(_templateObject_7f50bf501f2611eda0c389891c227ec8 || (_templateObject_7f50bf501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"container\">\n              <div class=\"header-container\">\n                <simple-icon-lite icon=\"book\"></simple-icon-lite>\n                <div>\n                  <a\n                    href=\"", "/", "\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    @click=\"", "\"\n                  >\n                    ", "\n                  </a>\n                  /\n                  <a\n                    href=\"", "/", "/", "\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    @click=\"", "\"\n                  >\n                    ", "\n                  </a>\n                </div>\n              </div>\n              <hr />\n              <div>", "</div>\n              <hr />\n              <div class=\"readme-container\">\n                <wc-markdown>\n                  <script type=\"wc-content\">\n                    ", "\n                  </script>\n                </wc-markdown>\n              </div>\n              <div class=\"readme-btn-container\">\n                <button @click=", " class=\"readme-btn\">\n                  ", "\n                </button>\n              </div>\n              <div class=\"stats-container\">\n                <span\n                  class=\"lang-circle\"\n                  part=\"github-preview-lang-circle\"\n                ></span>\n                <div class=\"stats-text\">", "</div>\n                <simple-icon-lite icon=\"star\"></simple-icon-lite>\n                <div class=\"stats-text\">", "</div>\n                <simple-icon-lite icon=\"social:share\"></simple-icon-lite>\n                <div class=\"stats-text\">", "</div>\n              </div>\n            </div>\n          "])), this.url, this.org, this._clickLink, this.org, this.url, this.org, this.repo, this._clickLink, this.repo, this.__description, this.__readmeText, this.readmeViewMoreHandler, this.viewMoreText, this.repoLang, this.__stars, this.__forks) : (0, _index.html)(_templateObject2_7f50bf501f2611eda0c389891c227ec8 || (_templateObject2_7f50bf501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <a\n              href=\"", "/", "/", "\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              @click=\"", "\"\n            >\n              <div class=\"container\">\n                <div class=\"header-container\">\n                  <simple-icon-lite icon=\"book\"></simple-icon-lite>\n                  <div>", "</div>\n                </div>\n\n                <div class=\"description\">", "</div>\n\n                <div class=\"stats-container\">\n                  <span class=\"lang-circle\"></span>\n                  <div class=\"stats-text\">", "</div>\n                  <simple-icon-lite icon=\"star\"></simple-icon-lite>\n                  <div class=\"stats-text\">", "</div>\n                  <simple-icon-lite icon=\"social:share\"></simple-icon-lite>\n                  <div class=\"stats-text\">", "</div>\n                </div>\n              </div>\n            </a>\n          "])), this.url, this.org, this.repo, this._clickLink, this.repo, this.__description, this.repoLang, this.__stars, this.__forks) : (0, _index.html)(_templateObject3_7f50bf501f2611eda0c389891c227ec8 || (_templateObject3_7f50bf501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <div class=\"container\">\n            <h1>", "</h1>\n          </div>\n        "])), this.notFoundText);
       }
     }, {
       key: "fetchGithubData",
@@ -368,7 +368,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-icon/lib/simple-i
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject4_a4abbf501f0511ed8cc3e9a95995ad69 || (_templateObject4_a4abbf501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([repo-lang=\"JavaScript\"]) .lang-circle {\n          background-color: #f1e05a;\n        }\n\n        :host([repo-lang=\"C\"]) .lang-circle {\n          background-color: #555555;\n        }\n\n        :host([repo-lang=\"C#\"]) .lang-circle {\n          background-color: #178600;\n        }\n\n        :host([repo-lang=\"C++\"]) .lang-circle {\n          background-color: #f34b7d;\n        }\n\n        :host([repo-lang=\"CSS\"]) .lang-circle {\n          background-color: #563d7c;\n        }\n\n        :host([repo-lang=\"Dart\"]) .lang-circle {\n          background-color: #00b4ab;\n        }\n\n        :host([repo-lang=\"Go\"]) .lang-circle {\n          background-color: #00add8;\n        }\n\n        :host([repo-lang=\"Java\"]) .lang-circle {\n          background-color: #b07219;\n        }\n\n        :host([repo-lang=\"Kotlin\"]) .lang-circle {\n          background-color: #f18e33;\n        }\n\n        :host([repo-lang=\"Markdown\"]) .lang-circle {\n          background-color: #083fa1;\n        }\n\n        :host([repo-lang=\"Python\"]) .lang-circle {\n          background-color: #3572a5;\n        }\n\n        :host([repo-lang=\"Sass\"]) .lang-circle {\n          background-color: #a53b70;\n        }\n\n        :host([repo-lang=\"Scala\"]) .lang-circle {\n          background-color: #c22d40;\n        }\n\n        :host([repo-lang=\"SCSS\"]) .lang-circle {\n          background-color: #c6538c;\n        }\n\n        :host([repo-lang=\"Rust\"]) .lang-circle {\n          background-color: #dea584;\n        }\n\n        :host([repo-lang=\"Swift\"]) .lang-circle {\n          background-color: #ffac45;\n        }\n\n        :host([repo-lang=\"TypeScript\"]) .lang-circle {\n          background-color: #2b7489;\n        }\n\n        :host([repo-lang=\"Vue\"]) .lang-circle {\n          background-color: #2c3e50;\n        }\n\n        :host([repo-lang=\"PHP\"]) .lang-circle {\n          background-color: #4f5d95;\n        }\n\n        :host([repo-lang=\"HTML\"]) .lang-circle {\n          background-color: #e34c26;\n        }\n\n        :host([repo-lang=\"Lua\"]) .lang-circle {\n          background-color: #000080;\n        }\n\n        a {\n          display: inline-flex;\n          text-decoration: none;\n          color: var(--github-preview-link-text-color, white);\n        }\n\n        :host([extended]) .container {\n          width: var(--github-preview-container-width, 800px);\n          padding: var(--github-preview-container-padding, 10px);\n        }\n\n        .container {\n          background-color: var(--github-preview-bg-color, black);\n          border-radius: var(--github-preview-container-border-radius, 10px);\n          width: var(--github-preview-container-width, 400px);\n          padding: var(--github-preview-container-padding, 5px);\n        }\n\n        @media screen and (max-width: 400px) {\n          .container {\n            width: var(--github-preview-container-width, 350px);\n          }\n        }\n\n        .header-container {\n          display: flex;\n          align-items: center;\n        }\n\n        .header-container div {\n          margin-left: 10px;\n          font-size: var(--github-preview-header-font-size, 22px);\n          font-weight: bold;\n        }\n\n        .header-container div a:hover {\n          font-size: var(--github-preview-header-hover-font-size, 24px);\n        }\n\n        .stats-container {\n          display: flex;\n          align-items: center;\n        }\n\n        .lang-circle {\n          height: 15px;\n          width: 15px;\n          background-color: grey;\n          border-radius: 50%;\n          margin: 0px 5px 0px 5px;\n        }\n\n        div {\n          color: var(--github-preview-div-text-color, white);\n        }\n\n        .description {\n          padding: 8px 0px 8px 0px;\n        }\n\n        .stats-text {\n          margin: 0px 5px 0px 5px;\n        }\n\n        :host([readme-extended]) .readme-container {\n          overflow-y: scroll;\n        }\n\n        .readme-container {\n          overflow-y: hidden;\n          overflow-x: hidden;\n          max-height: var(--github-preview-readme-container-max-height, 300px);\n        }\n\n        .readme-btn {\n          display: inline-block;\n          padding: 0.3em 2em;\n          border-radius: 2em;\n          box-sizing: border-box;\n          text-align: center;\n        }\n\n        .readme-btn-container {\n          display: flex;\n          justify-content: center;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_7f50bf501f2611eda0c389891c227ec8 || (_templateObject4_7f50bf501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([repo-lang=\"JavaScript\"]) .lang-circle {\n          background-color: #f1e05a;\n        }\n\n        :host([repo-lang=\"C\"]) .lang-circle {\n          background-color: #555555;\n        }\n\n        :host([repo-lang=\"C#\"]) .lang-circle {\n          background-color: #178600;\n        }\n\n        :host([repo-lang=\"C++\"]) .lang-circle {\n          background-color: #f34b7d;\n        }\n\n        :host([repo-lang=\"CSS\"]) .lang-circle {\n          background-color: #563d7c;\n        }\n\n        :host([repo-lang=\"Dart\"]) .lang-circle {\n          background-color: #00b4ab;\n        }\n\n        :host([repo-lang=\"Go\"]) .lang-circle {\n          background-color: #00add8;\n        }\n\n        :host([repo-lang=\"Java\"]) .lang-circle {\n          background-color: #b07219;\n        }\n\n        :host([repo-lang=\"Kotlin\"]) .lang-circle {\n          background-color: #f18e33;\n        }\n\n        :host([repo-lang=\"Markdown\"]) .lang-circle {\n          background-color: #083fa1;\n        }\n\n        :host([repo-lang=\"Python\"]) .lang-circle {\n          background-color: #3572a5;\n        }\n\n        :host([repo-lang=\"Sass\"]) .lang-circle {\n          background-color: #a53b70;\n        }\n\n        :host([repo-lang=\"Scala\"]) .lang-circle {\n          background-color: #c22d40;\n        }\n\n        :host([repo-lang=\"SCSS\"]) .lang-circle {\n          background-color: #c6538c;\n        }\n\n        :host([repo-lang=\"Rust\"]) .lang-circle {\n          background-color: #dea584;\n        }\n\n        :host([repo-lang=\"Swift\"]) .lang-circle {\n          background-color: #ffac45;\n        }\n\n        :host([repo-lang=\"TypeScript\"]) .lang-circle {\n          background-color: #2b7489;\n        }\n\n        :host([repo-lang=\"Vue\"]) .lang-circle {\n          background-color: #2c3e50;\n        }\n\n        :host([repo-lang=\"PHP\"]) .lang-circle {\n          background-color: #4f5d95;\n        }\n\n        :host([repo-lang=\"HTML\"]) .lang-circle {\n          background-color: #e34c26;\n        }\n\n        :host([repo-lang=\"Lua\"]) .lang-circle {\n          background-color: #000080;\n        }\n\n        a {\n          display: inline-flex;\n          text-decoration: none;\n          color: var(--github-preview-link-text-color, white);\n        }\n\n        :host([extended]) .container {\n          width: var(--github-preview-container-width, 800px);\n          padding: var(--github-preview-container-padding, 10px);\n        }\n\n        .container {\n          background-color: var(--github-preview-bg-color, black);\n          border-radius: var(--github-preview-container-border-radius, 10px);\n          width: var(--github-preview-container-width, 400px);\n          padding: var(--github-preview-container-padding, 5px);\n        }\n\n        @media screen and (max-width: 400px) {\n          .container {\n            width: var(--github-preview-container-width, 350px);\n          }\n        }\n\n        .header-container {\n          display: flex;\n          align-items: center;\n        }\n\n        .header-container div {\n          margin-left: 10px;\n          font-size: var(--github-preview-header-font-size, 22px);\n          font-weight: bold;\n        }\n\n        .header-container div a:hover {\n          font-size: var(--github-preview-header-hover-font-size, 24px);\n        }\n\n        .stats-container {\n          display: flex;\n          align-items: center;\n        }\n\n        .lang-circle {\n          height: 15px;\n          width: 15px;\n          background-color: grey;\n          border-radius: 50%;\n          margin: 0px 5px 0px 5px;\n        }\n\n        div {\n          color: var(--github-preview-div-text-color, white);\n        }\n\n        .description {\n          padding: 8px 0px 8px 0px;\n        }\n\n        .stats-text {\n          margin: 0px 5px 0px 5px;\n        }\n\n        :host([readme-extended]) .readme-container {\n          overflow-y: scroll;\n        }\n\n        .readme-container {\n          overflow-y: hidden;\n          overflow-x: hidden;\n          max-height: var(--github-preview-readme-container-max-height, 300px);\n        }\n\n        .readme-btn {\n          display: inline-block;\n          padding: 0.3em 2em;\n          border-radius: 2em;\n          box-sizing: border-box;\n          text-align: center;\n        }\n\n        .readme-btn-container {\n          display: flex;\n          justify-content: center;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/glossary-term/glossary-term.js b/build/es5-amd/node_modules/@lrnwebcomponents/glossary-term/glossary-term.js
index 7a6302d60f2..f9b00feeb2d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/glossary-term/glossary-term.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/glossary-term/glossary-term.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
   _exports.GlossaryTerm = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a4afde001f0511ed8cc3e9a95995ad69, _templateObject2_a4afde001f0511ed8cc3e9a95995ad69, _templateObject3_a4afde001f0511ed8cc3e9a95995ad69;
+  var _templateObject_7f548fe01f2611eda0c389891c227ec8, _templateObject2_7f548fe01f2611eda0c389891c227ec8, _templateObject3_7f548fe01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -53,7 +53,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a4afde001f0511ed8cc3e9a95995ad69 || (_templateObject_a4afde001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ""])), this._fallback ? (0, _index.html)(_templateObject2_a4afde001f0511ed8cc3e9a95995ad69 || (_templateObject2_a4afde001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"]))) : "\n<lrn-vocab term=\"".concat(this.display, "\">\n  <div>").concat(this.definition, "</div>\n</lrn-vocab>\n"));
+        return (0, _index.html)(_templateObject_7f548fe01f2611eda0c389891c227ec8 || (_templateObject_7f548fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ""])), this._fallback ? (0, _index.html)(_templateObject2_7f548fe01f2611eda0c389891c227ec8 || (_templateObject2_7f548fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"]))) : "\n<lrn-vocab term=\"".concat(this.display, "\">\n  <div>").concat(this.definition, "</div>\n</lrn-vocab>\n"));
       } // haxProperty definition
 
     }, {
@@ -126,7 +126,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject3_a4afde001f0511ed8cc3e9a95995ad69 || (_templateObject3_a4afde001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        lrn-vocab {\n          display: inline;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_7f548fe01f2611eda0c389891c227ec8 || (_templateObject3_7f548fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        lrn-vocab {\n          display: inline;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/grade-book.js b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/grade-book.js
index f0d2f372a3e..a9eece5e0eb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/grade-book.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/grade-book.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject2_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject3_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject4_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject5_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject6_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject7_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject8_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject9_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject10_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject11_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject12_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject13_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject14_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject15_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject16_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject17_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject18_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject19_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject20_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject21_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject22_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject23_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject24_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject25_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject26_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject27_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject28_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject29_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject30_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject31_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject32_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject33_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject34_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject35_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject36_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject37_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject38_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject39_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject40_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject41_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject42_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject43_a4d9ad201f0511ed8cc3e9a95995ad69, _templateObject44_a4d9ad201f0511ed8cc3e9a95995ad69;
+  var _templateObject_7f7a8e701f2611eda0c389891c227ec8, _templateObject2_7f7a8e701f2611eda0c389891c227ec8, _templateObject3_7f7a8e701f2611eda0c389891c227ec8, _templateObject4_7f7a8e701f2611eda0c389891c227ec8, _templateObject5_7f7a8e701f2611eda0c389891c227ec8, _templateObject6_7f7a8e701f2611eda0c389891c227ec8, _templateObject7_7f7a8e701f2611eda0c389891c227ec8, _templateObject8_7f7a8e701f2611eda0c389891c227ec8, _templateObject9_7f7a8e701f2611eda0c389891c227ec8, _templateObject10_7f7a8e701f2611eda0c389891c227ec8, _templateObject11_7f7a8e701f2611eda0c389891c227ec8, _templateObject12_7f7a8e701f2611eda0c389891c227ec8, _templateObject13_7f7a8e701f2611eda0c389891c227ec8, _templateObject14_7f7a8e701f2611eda0c389891c227ec8, _templateObject15_7f7a8e701f2611eda0c389891c227ec8, _templateObject16_7f7a8e701f2611eda0c389891c227ec8, _templateObject17_7f7a8e701f2611eda0c389891c227ec8, _templateObject18_7f7a8e701f2611eda0c389891c227ec8, _templateObject19_7f7a8e701f2611eda0c389891c227ec8, _templateObject20_7f7a8e701f2611eda0c389891c227ec8, _templateObject21_7f7a8e701f2611eda0c389891c227ec8, _templateObject22_7f7a8e701f2611eda0c389891c227ec8, _templateObject23_7f7a8e701f2611eda0c389891c227ec8, _templateObject24_7f7a8e701f2611eda0c389891c227ec8, _templateObject25_7f7a8e701f2611eda0c389891c227ec8, _templateObject26_7f7a8e701f2611eda0c389891c227ec8, _templateObject27_7f7a8e701f2611eda0c389891c227ec8, _templateObject28_7f7a8e701f2611eda0c389891c227ec8, _templateObject29_7f7a8e701f2611eda0c389891c227ec8, _templateObject30_7f7a8e701f2611eda0c389891c227ec8, _templateObject31_7f7a8e701f2611eda0c389891c227ec8, _templateObject32_7f7a8e701f2611eda0c389891c227ec8, _templateObject33_7f7a8e701f2611eda0c389891c227ec8, _templateObject34_7f7a8e701f2611eda0c389891c227ec8, _templateObject35_7f7a8e701f2611eda0c389891c227ec8, _templateObject36_7f7a8e701f2611eda0c389891c227ec8, _templateObject37_7f7a8e701f2611eda0c389891c227ec8, _templateObject38_7f7a8e701f2611eda0c389891c227ec8, _templateObject39_7f7a8e701f2611eda0c389891c227ec8, _templateObject40_7f7a8e701f2611eda0c389891c227ec8, _templateObject41_7f7a8e701f2611eda0c389891c227ec8, _templateObject42_7f7a8e701f2611eda0c389891c227ec8, _templateObject43_7f7a8e701f2611eda0c389891c227ec8, _templateObject44_7f7a8e701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -670,26 +670,26 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
         var height = parseInt(this.shadowRoot.querySelector("#studentgrid").getBoundingClientRect().height);
         this.shadowRoot.querySelector("#studentassessment").shadowRoot.querySelector("[part='content']").style.height = Math.round(window.innerHeight - height - 104) + "px"; // @todo make this actually be the submitted time, right now it's due relative time'd
 
-        var pre = (0, _index.html)(_templateObject_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<h3>", "</h3>\n      ", "\n      <relative-time\n        .datetime=\"", "\"\n      ></relative-time> "])), this.t.studentSubmission, this.t.submitted, this.database.assignments[this.activeAssignment]._ISODueDate); // test if this smells like a URL
+        var pre = (0, _index.html)(_templateObject_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<h3>", "</h3>\n      ", "\n      <relative-time\n        .datetime=\"", "\"\n      ></relative-time> "])), this.t.studentSubmission, this.t.submitted, this.database.assignments[this.activeAssignment]._ISODueDate); // test if this smells like a URL
 
         if ((0, _utils.validURL)(data)) {
-          pre = (0, _index.html)(_templateObject2_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject2_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "<a\n          href=\"", "\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          ><simple-icon-button-lite\n            label=\"", "\"\n            icon=\"open-in-new\"\n          ></simple-icon-button-lite\n        ></a>"])), pre, data, this.t.openInNewWindow); // see if this is a video we know about
+          pre = (0, _index.html)(_templateObject2_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject2_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "<a\n          href=\"", "\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          ><simple-icon-button-lite\n            label=\"", "\"\n            icon=\"open-in-new\"\n          ></simple-icon-button-lite\n        ></a>"])), pre, data, this.t.openInNewWindow); // see if this is a video we know about
 
           if (data != (0, _utils.cleanVideoSource)(data)) {
             // implies it was able to clean it up in some way
             new Promise(function (res, rej) {
               return _require.default(["../video-player/video-player.js"], res, rej);
             });
-            return (0, _index.html)(_templateObject3_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject3_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "<video-player\n            class=\"active-submission\"\n            source=\"", "\"\n            width=\"60%\"\n          ></video-player>"])), pre, data);
+            return (0, _index.html)(_templateObject3_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject3_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "<video-player\n            class=\"active-submission\"\n            source=\"", "\"\n            width=\"60%\"\n          ></video-player>"])), pre, data);
           } else {
-            return (0, _index.html)(_templateObject4_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject4_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "\n          <div class=\"active-submission\">\n            <iframe\n              src=\"", "\"\n              loading=\"lazy\"\n              width=\"100%\"\n              height=\"100%\"\n            ></iframe>\n          </div>"])), pre, data);
+            return (0, _index.html)(_templateObject4_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject4_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "\n          <div class=\"active-submission\">\n            <iframe\n              src=\"", "\"\n              loading=\"lazy\"\n              width=\"100%\"\n              height=\"100%\"\n            ></iframe>\n          </div>"])), pre, data);
           }
         } else {
           // see if we can just present this as data
           new Promise(function (res, rej) {
             return _require.default(["../md-block/md-block.js"], res, rej);
           });
-          return (0, _index.html)(_templateObject5_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject5_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "\n        <div class=\"active-submission\">\n          <md-block .markdown=\"", "\"></md-block>\n        </div>"])), pre, data);
+          return (0, _index.html)(_templateObject5_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject5_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "\n        <div class=\"active-submission\">\n          <md-block .markdown=\"", "\"></md-block>\n        </div>"])), pre, data);
         }
       }
     }, {
@@ -819,7 +819,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
       value: function renderSubmissionInWindow() {
         if (this.__openWindow && this.displayMode === 2) {
           this.__openWindow.document.body.style.margin = "0";
-          (0, _index.render)((0, _index.html)(_templateObject6_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject6_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.database.assignments.length && this.database.assignments[this.activeAssignment] ? (0, _index.html)(_templateObject7_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject7_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<grade-book-pop-up></grade-book-pop-up>"]))) : (0, _index.html)(_templateObject8_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject8_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), this.t.noSubmission)), this.__openWindow.document.body);
+          (0, _index.render)((0, _index.html)(_templateObject6_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject6_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.database.assignments.length && this.database.assignments[this.activeAssignment] ? (0, _index.html)(_templateObject7_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject7_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<grade-book-pop-up></grade-book-pop-up>"]))) : (0, _index.html)(_templateObject8_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject8_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), this.t.noSubmission)), this.__openWindow.document.body);
         }
       }
       /**
@@ -831,33 +831,33 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
       value: function render() {
         var _this10 = this;
 
-        return (0, _index.html)(_templateObject9_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject9_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <loading-indicator full ?loading=\"", "\"></loading-indicator>\n      <div class=\"top-controls\">\n        <div class=\"group divider-right app-name\">\n          <slot name=\"app-name\"></slot>\n        </div>\n        <div class=\"group divider-right\">\n          ", "\n          <simple-icon-button-lite\n            @click=\"", "\"\n            value=\"prev\"\n            title=\"", "\"\n            ?disabled=\"", "\"\n            icon=\"arrow-upward\"\n          >\n            <span class=\"hide-900\" value=\"prev\">", "</span>\n          </simple-icon-button-lite>\n          <simple-icon-button-lite\n            @click=\"", "\"\n            value=\"next\"\n            title=\"", "\"\n            icon=\"arrow-downward\"\n            ?disabled=\"", "\"\n          >\n            <span class=\"hide-900\" value=\"next\">", "</span>\n          </simple-icon-button-lite>\n        </div>\n        <div class=\"group divider-right\">\n          ", "\n          <simple-icon-button-lite\n            @click=\"", "\"\n            value=\"prev\"\n            title=\"", "\"\n            icon=\"arrow-back\"\n            ?disabled=\"", "\"\n          >\n            <span class=\"hide-900\" value=\"prev\">", "</span>\n          </simple-icon-button-lite>\n          <simple-icon-button-lite\n            @click=\"", "\"\n            value=\"next\"\n            title=\"", "\"\n            ?disabled=\"", "\"\n            icon=\"arrow-forward\"\n          >\n            <span class=\"hide-900\" value=\"next\">", "</span>\n          </simple-icon-button-lite>\n        </div>\n        <div class=\"group\">", "</div>\n        <div class=\"group\">", "</div>\n        ", "\n      </div>\n      <div ?hidden=\"", "\" class=\"source-selection\">\n        <label>", "..</label>\n        <select id=\"source\" @change=\"", "\">\n          ", "\n          <option\n            value=\"googledocs\"\n            ?selected=\"", "\"\n          >\n            Google docs\n          </option>\n          <option value=\"url\">URL endpoint (JSON)</option>\n          <option value=\"json\">JSON data blob</option>\n        </select>\n        <simple-icon-button-lite\n          @click=\"", "\"\n          title=\"", "\"\n          ?disabled=\"", "\"\n          icon=\"folder-shared\"\n        >\n          <span class=\"hide-900\">", "</span>\n        </simple-icon-button-lite>\n        ", "\n        <input\n          id=\"sourcedata\"\n          placeholder=\"", "\"\n          ?hidden=\"", "\"\n        />\n        <textarea\n          id=\"sourcedatablob\"\n          rows=\"10\"\n          cols=\"40\"\n          placeholder=\"", "\"\n          ?hidden=\"", "\"\n        ></textarea>\n      </div>\n      ", "\n      <table\n        id=\"studentgrid\"\n        @mousemove=\"", "\"\n        @mouseleave=\"", "\"\n        @click=\"", "\"\n        @dblclick=\"", "\"\n        bordered\n        column-header\n        condensed\n        disable-responsive\n        scroll\n        striped\n        numeric-styles\n        sort\n        ?hidden=\"", "\"\n      >\n        ", "\n      </table>\n      <a11y-tabs\n        id=\"studentassessment\"\n        full-width\n        @click=\"", "\"\n        @a11y-tabs-active-changed=\"", "\"\n        ?hidden=\"", "\"\n      >\n        <a11y-tab\n          id=\"assessment\"\n          icon=\"assignment-ind\"\n          label=\"", "\"\n        >\n          ", "\n        </a11y-tab>\n        <a11y-tab\n          id=\"studentreporttab\"\n          icon=\"assignment\"\n          label=\"", "\"\n        >\n          <simple-icon-button-lite\n            @click=\"", "\"\n            title=\"Download PDF\"\n            icon=\"image:picture-as-pdf\"\n          >\n            <span class=\"hide-900\" value=\"prev\">Download PDF</span>\n          </simple-icon-button-lite>\n          <div id=\"studentreport\">\n            ", "\n          </div>\n        </a11y-tab>\n      </a11y-tabs>\n    "])), this.loading, this.renderActiveStudentBtn(), this.changeStudent, this.t.previousStudent, 0 === this.activeStudent || !this.ready, this.t.previous, this.changeStudent, this.t.nextStudent, this.database.roster.length - 1 === this.activeStudent || !this.ready, this.t.next, this.renderActiveAssignmentBtn(), this.changeAssignment, this.t.previousAssignment, 0 === this.activeAssignment || !this.ready, this.t.previous, this.changeAssignment, this.t.nextAssignment, this.database.assignments.length - 1 === this.activeAssignment || !this.ready, this.t.next, this.renderGradeScaleBtn(), this.renderSettingsBtn(), this.ready && this.source === "filesystem" && this.sourceData ? (0, _index.html)(_templateObject10_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject10_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"group\">\n                <simple-icon-button-lite\n                  @click=\"", "\"\n                  title=\"", "\"\n                  ?disabled=\"", "\"\n                  icon=\"save\"\n                >\n                  <span class=\"hide-900\">", "</span>\n                </simple-icon-button-lite>\n              </div>\n            "])), this.saveToFilesystem, this.t.saveGradebook, !this.sourceData, this.t.saveGradebook) : _index.nothing, this.sourceData, this.t.selectGradebookSource, this.selectSource, this.hasFilePicker ? (0, _index.html)(_templateObject11_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject11_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<option\n                value=\"filesystem\"\n                ?selected=\"", "\"\n              >\n                File system\n              </option>"])), this.source === "filesystem") : _index.nothing, this.source === "googledocs", this.loadFromSource, this.t.loadGradebook, this.sourceData, this.t.loadGradebook, this.source == "filesystem" && this.prevLocalFileReference ? (0, _index.html)(_templateObject12_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject12_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon-button-lite\n                @click=\"", "\"\n                title=\"", "\"\n                ?disabled=\"", "\"\n                icon=\"folder-shared\"\n              >\n                <span class=\"hide-900\"\n                  >", " ", "</span\n                >\n              </simple-icon-button-lite>\n            "])), this.loadFromExistingSource, this.t.loadGradebook, this.sourceData, this.t.load, this.prevLocalFileReference.name) : _index.nothing, this.t.sourceData, !["googledocs", "url"].includes(this.source), this.t.pasteValidJSONHere, this.source != "json", this.source === "filesystem" && this.loading ? (0, _index.html)(_templateObject13_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject13_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<p class=\"source-selection\">", "</p>"])), this.t.loadingFilePleaseWait) : _index.nothing, this.mouseHighlight, this.mouseLeave, this.activateOption, this.handleGridScaling, !(this.database.assignments && this.database.assignments[this.activeAssignment]), this.database.roster.length && this.database.assignments.length ? (0, _index.html)(_templateObject14_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject14_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <colgroup>\n                <col />\n              </colgroup>\n              ", "\n              <thead class=\"thead\">\n                <tr class=\"tr thead-tr\" part=\"tr\">\n                  <th\n                    class=\"th th-or-td student-table-label\"\n                    data-assignment=\"-1\"\n                  >\n                    <div>\n                      ", " (", " /\n                      ", ")\n                    </div>\n                  </th>\n                  ", "\n                </tr>\n              </thead>\n              <tbody class=\"tbody\">\n                ", "\n              </tbody>\n            "])), this.database.assignments.map(function (a, h) {
-          return (0, _index.html)(_templateObject15_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject15_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<colgroup>\n                    <col />\n                  </colgroup>"])));
+        return (0, _index.html)(_templateObject9_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject9_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <loading-indicator full ?loading=\"", "\"></loading-indicator>\n      <div class=\"top-controls\">\n        <div class=\"group divider-right app-name\">\n          <slot name=\"app-name\"></slot>\n        </div>\n        <div class=\"group divider-right\">\n          ", "\n          <simple-icon-button-lite\n            @click=\"", "\"\n            value=\"prev\"\n            title=\"", "\"\n            ?disabled=\"", "\"\n            icon=\"arrow-upward\"\n          >\n            <span class=\"hide-900\" value=\"prev\">", "</span>\n          </simple-icon-button-lite>\n          <simple-icon-button-lite\n            @click=\"", "\"\n            value=\"next\"\n            title=\"", "\"\n            icon=\"arrow-downward\"\n            ?disabled=\"", "\"\n          >\n            <span class=\"hide-900\" value=\"next\">", "</span>\n          </simple-icon-button-lite>\n        </div>\n        <div class=\"group divider-right\">\n          ", "\n          <simple-icon-button-lite\n            @click=\"", "\"\n            value=\"prev\"\n            title=\"", "\"\n            icon=\"arrow-back\"\n            ?disabled=\"", "\"\n          >\n            <span class=\"hide-900\" value=\"prev\">", "</span>\n          </simple-icon-button-lite>\n          <simple-icon-button-lite\n            @click=\"", "\"\n            value=\"next\"\n            title=\"", "\"\n            ?disabled=\"", "\"\n            icon=\"arrow-forward\"\n          >\n            <span class=\"hide-900\" value=\"next\">", "</span>\n          </simple-icon-button-lite>\n        </div>\n        <div class=\"group\">", "</div>\n        <div class=\"group\">", "</div>\n        ", "\n      </div>\n      <div ?hidden=\"", "\" class=\"source-selection\">\n        <label>", "..</label>\n        <select id=\"source\" @change=\"", "\">\n          ", "\n          <option\n            value=\"googledocs\"\n            ?selected=\"", "\"\n          >\n            Google docs\n          </option>\n          <option value=\"url\">URL endpoint (JSON)</option>\n          <option value=\"json\">JSON data blob</option>\n        </select>\n        <simple-icon-button-lite\n          @click=\"", "\"\n          title=\"", "\"\n          ?disabled=\"", "\"\n          icon=\"folder-shared\"\n        >\n          <span class=\"hide-900\">", "</span>\n        </simple-icon-button-lite>\n        ", "\n        <input\n          id=\"sourcedata\"\n          placeholder=\"", "\"\n          ?hidden=\"", "\"\n        />\n        <textarea\n          id=\"sourcedatablob\"\n          rows=\"10\"\n          cols=\"40\"\n          placeholder=\"", "\"\n          ?hidden=\"", "\"\n        ></textarea>\n      </div>\n      ", "\n      <table\n        id=\"studentgrid\"\n        @mousemove=\"", "\"\n        @mouseleave=\"", "\"\n        @click=\"", "\"\n        @dblclick=\"", "\"\n        bordered\n        column-header\n        condensed\n        disable-responsive\n        scroll\n        striped\n        numeric-styles\n        sort\n        ?hidden=\"", "\"\n      >\n        ", "\n      </table>\n      <a11y-tabs\n        id=\"studentassessment\"\n        full-width\n        @click=\"", "\"\n        @a11y-tabs-active-changed=\"", "\"\n        ?hidden=\"", "\"\n      >\n        <a11y-tab\n          id=\"assessment\"\n          icon=\"assignment-ind\"\n          label=\"", "\"\n        >\n          ", "\n        </a11y-tab>\n        <a11y-tab\n          id=\"studentreporttab\"\n          icon=\"assignment\"\n          label=\"", "\"\n        >\n          <simple-icon-button-lite\n            @click=\"", "\"\n            title=\"Download PDF\"\n            icon=\"image:picture-as-pdf\"\n          >\n            <span class=\"hide-900\" value=\"prev\">Download PDF</span>\n          </simple-icon-button-lite>\n          <div id=\"studentreport\">\n            ", "\n          </div>\n        </a11y-tab>\n      </a11y-tabs>\n    "])), this.loading, this.renderActiveStudentBtn(), this.changeStudent, this.t.previousStudent, 0 === this.activeStudent || !this.ready, this.t.previous, this.changeStudent, this.t.nextStudent, this.database.roster.length - 1 === this.activeStudent || !this.ready, this.t.next, this.renderActiveAssignmentBtn(), this.changeAssignment, this.t.previousAssignment, 0 === this.activeAssignment || !this.ready, this.t.previous, this.changeAssignment, this.t.nextAssignment, this.database.assignments.length - 1 === this.activeAssignment || !this.ready, this.t.next, this.renderGradeScaleBtn(), this.renderSettingsBtn(), this.ready && this.source === "filesystem" && this.sourceData ? (0, _index.html)(_templateObject10_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject10_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"group\">\n                <simple-icon-button-lite\n                  @click=\"", "\"\n                  title=\"", "\"\n                  ?disabled=\"", "\"\n                  icon=\"save\"\n                >\n                  <span class=\"hide-900\">", "</span>\n                </simple-icon-button-lite>\n              </div>\n            "])), this.saveToFilesystem, this.t.saveGradebook, !this.sourceData, this.t.saveGradebook) : _index.nothing, this.sourceData, this.t.selectGradebookSource, this.selectSource, this.hasFilePicker ? (0, _index.html)(_templateObject11_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject11_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<option\n                value=\"filesystem\"\n                ?selected=\"", "\"\n              >\n                File system\n              </option>"])), this.source === "filesystem") : _index.nothing, this.source === "googledocs", this.loadFromSource, this.t.loadGradebook, this.sourceData, this.t.loadGradebook, this.source == "filesystem" && this.prevLocalFileReference ? (0, _index.html)(_templateObject12_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject12_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon-button-lite\n                @click=\"", "\"\n                title=\"", "\"\n                ?disabled=\"", "\"\n                icon=\"folder-shared\"\n              >\n                <span class=\"hide-900\"\n                  >", " ", "</span\n                >\n              </simple-icon-button-lite>\n            "])), this.loadFromExistingSource, this.t.loadGradebook, this.sourceData, this.t.load, this.prevLocalFileReference.name) : _index.nothing, this.t.sourceData, !["googledocs", "url"].includes(this.source), this.t.pasteValidJSONHere, this.source != "json", this.source === "filesystem" && this.loading ? (0, _index.html)(_templateObject13_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject13_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<p class=\"source-selection\">", "</p>"])), this.t.loadingFilePleaseWait) : _index.nothing, this.mouseHighlight, this.mouseLeave, this.activateOption, this.handleGridScaling, !(this.database.assignments && this.database.assignments[this.activeAssignment]), this.database.roster.length && this.database.assignments.length ? (0, _index.html)(_templateObject14_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject14_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <colgroup>\n                <col />\n              </colgroup>\n              ", "\n              <thead class=\"thead\">\n                <tr class=\"tr thead-tr\" part=\"tr\">\n                  <th\n                    class=\"th th-or-td student-table-label\"\n                    data-assignment=\"-1\"\n                  >\n                    <div>\n                      ", " (", " /\n                      ", ")\n                    </div>\n                  </th>\n                  ", "\n                </tr>\n              </thead>\n              <tbody class=\"tbody\">\n                ", "\n              </tbody>\n            "])), this.database.assignments.map(function (a, h) {
+          return (0, _index.html)(_templateObject15_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject15_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<colgroup>\n                    <col />\n                  </colgroup>"])));
         }), this.t.student, parseInt(this.activeStudent + 1), this.database.roster.length, this.database.assignments.map(function (a, h) {
-          return (0, _index.html)(_templateObject16_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject16_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<th\n                        class=\"th th-or-td assignment-name\"\n                        title=\"", "\"\n                        data-assignment=\"", "\"\n                      >\n                        <!-- @todo add once we support multi-select <simple-fields-field\n                          data-assignment=\"", "\"\n                          type=\"checkbox\"\n                          class=\"select-all\"\n                          title=\"Select all submissions ", "\"\n                          name=\"select-all-submission\"\n                          aria-label=\"", "\"\n                        ></simple-fields-field> -->\n                        ", "\n                      </th>"])), a.name, h, h, a.shortName, a.shortName, a.shortName);
+          return (0, _index.html)(_templateObject16_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject16_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<th\n                        class=\"th th-or-td assignment-name\"\n                        title=\"", "\"\n                        data-assignment=\"", "\"\n                      >\n                        <!-- @todo add once we support multi-select <simple-fields-field\n                          data-assignment=\"", "\"\n                          type=\"checkbox\"\n                          class=\"select-all\"\n                          title=\"Select all submissions ", "\"\n                          name=\"select-all-submission\"\n                          aria-label=\"", "\"\n                        ></simple-fields-field> -->\n                        ", "\n                      </th>"])), a.name, h, h, a.shortName, a.shortName, a.shortName);
         }), this.database.roster.map(function (s, i) {
-          return (0, _index.html)(_templateObject17_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject17_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <tr class=\"tr tbody-tr\">\n                    <th class=\"th th-or-td\" data-assignment=\"-1\">\n                      <div class=\"user-info\">\n                        <div class=\"user-left\">\n                          ", "\n                        </div>\n                        <div class=\"user-right\">\n                          ", "\n                          ", "\n                          ", "\n                        </div>\n                      </div>\n                    </th>\n                    ", "\n                  </tr>"])), _this10.settings.photo ? (0, _index.html)(_templateObject18_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject18_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), s.photo ? (0, _index.html)(_templateObject19_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject19_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<img\n                                    src=\"", "\"\n                                    loading=\"lazy\"\n                                    class=\"user-photo\"\n                                  />"])), s.photo) : (0, _index.html)(_templateObject20_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject20_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n                                    icon=\"social:person\"\n                                    class=\"user-photo\"\n                                  ></simple-icon-lite>"])))) : _index.nothing, _this10.settings.fname ? (0, _index.html)(_templateObject21_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject21_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div>", "</div>"])), s.student) : _index.nothing, _this10.settings.surname ? (0, _index.html)(_templateObject22_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject22_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div>", "</div>"])), s.student) : _index.nothing, _this10.settings.email ? (0, _index.html)(_templateObject23_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject23_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div>\n                                <a href=\"mailto:", "\" target=\"_blank\"\n                                  >", "</a\n                                >\n                              </div>"])), s.email, s.email) : _index.nothing, _this10.database.assignments.map(function (a, h) {
-            return (0, _index.html)(_templateObject24_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject24_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <td\n                        class=\"td th-or-td\"\n                        numeric\n                        data-student=\"", "\"\n                        data-assignment=\"", "\"\n                        ?data-active=\"", "\"\n                      >\n                        <button\n                          aria-label=\"", "'s assignement ", "\"\n                          data-student=\"", "\"\n                          data-assignment=\"", "\"\n                        >\n                          ", "\n                        </button>\n                      </td>"])), i, h, _this10.activeStudent === i && _this10.activeAssignment === h, s.student, a.name, i, h, _this10.database.grades[i] && _this10.database.grades[i][a.shortName] ? (0, _index.html)(_templateObject25_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject25_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), _this10.database.grades[i][a.shortName]) : "-");
+          return (0, _index.html)(_templateObject17_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject17_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <tr class=\"tr tbody-tr\">\n                    <th class=\"th th-or-td\" data-assignment=\"-1\">\n                      <div class=\"user-info\">\n                        <div class=\"user-left\">\n                          ", "\n                        </div>\n                        <div class=\"user-right\">\n                          ", "\n                          ", "\n                          ", "\n                        </div>\n                      </div>\n                    </th>\n                    ", "\n                  </tr>"])), _this10.settings.photo ? (0, _index.html)(_templateObject18_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject18_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), s.photo ? (0, _index.html)(_templateObject19_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject19_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<img\n                                    src=\"", "\"\n                                    loading=\"lazy\"\n                                    class=\"user-photo\"\n                                  />"])), s.photo) : (0, _index.html)(_templateObject20_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject20_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n                                    icon=\"social:person\"\n                                    class=\"user-photo\"\n                                  ></simple-icon-lite>"])))) : _index.nothing, _this10.settings.fname ? (0, _index.html)(_templateObject21_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject21_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div>", "</div>"])), s.student) : _index.nothing, _this10.settings.surname ? (0, _index.html)(_templateObject22_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject22_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div>", "</div>"])), s.student) : _index.nothing, _this10.settings.email ? (0, _index.html)(_templateObject23_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject23_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div>\n                                <a href=\"mailto:", "\" target=\"_blank\"\n                                  >", "</a\n                                >\n                              </div>"])), s.email, s.email) : _index.nothing, _this10.database.assignments.map(function (a, h) {
+            return (0, _index.html)(_templateObject24_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject24_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <td\n                        class=\"td th-or-td\"\n                        numeric\n                        data-student=\"", "\"\n                        data-assignment=\"", "\"\n                        ?data-active=\"", "\"\n                      >\n                        <button\n                          aria-label=\"", "'s assignement ", "\"\n                          data-student=\"", "\"\n                          data-assignment=\"", "\"\n                        >\n                          ", "\n                        </button>\n                      </td>"])), i, h, _this10.activeStudent === i && _this10.activeAssignment === h, s.student, a.name, i, h, _this10.database.grades[i] && _this10.database.grades[i][a.shortName] ? (0, _index.html)(_templateObject25_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject25_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), _this10.database.grades[i][a.shortName]) : "-");
           }));
-        })) : _index.nothing, this.checkTabHeight, this.updateStudentReport, !(this.database.assignments && this.database.assignments[this.activeAssignment]), this.t.activeAssessment, this.activeRubric[0] ? (0, _index.html)(_templateObject26_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject26_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <grid-plate\n                  disable-responsive\n                  layout=\"", "\"\n                >\n                  <div slot=\"col-1\" class=\"tag-group\">\n                    ", "\n                    ", "\n                  </div>\n                  <div slot=\"col-2\">\n                    <h3>", "</h3>\n                    ", "\n                    <div class=\"student-feedback-wrap\">\n                      <div class=\"student-feedback-text\">\n                        <h3 class=\"heading\">Overall feedback</h3>\n                        <simple-fields-field\n                          type=\"textarea\"\n                          data-criteria=\"overall\"\n                          data-rubric-written\n                        ></simple-fields-field>\n                      </div>\n                      <div class=\"student-feedback-score\">\n                        <simple-icon-button-lite\n                          icon=\"", "\"\n                          @click=\"", "\"\n                        ></simple-icon-button-lite>\n                        <simple-fields-field\n                          ?disabled=\"", "\"\n                          type=\"number\"\n                          min=\"0\"\n                          id=\"totalpts\"\n                          maxlength=\"10\"\n                          @value-changed=\"", "\"\n                        ></simple-fields-field>\n                        /\n                        ", "\n                        pts\n                        <letter-grade\n                          style=\"margin:-8px 0 0 16px;\"\n                          total=\"", "\"\n                          score=\"", "\"\n                        ></letter-grade>\n                      </div>\n                    </div>\n                  </div>\n                  ", "\n                </grid-plate>\n              "])), this.displayModeData()[this.displayMode].layout, this.renderDisplayModeBtn(), this.database.tags.categories.length > 0 ? (0, _index.html)(_templateObject27_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject27_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                          <a11y-collapse-group heading-button>\n                            ", "\n                          </a11y-collapse-group>\n                        "])), this.database.tags.categories.map(function (category, i) {
-          return (0, _index.html)(_templateObject28_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject28_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                                <a11y-collapse>\n                                  <div slot=\"heading\">\n                                    <simple-colors\n                                      accent-color=\"", "\"\n                                      ><span></span></simple-colors\n                                    >", "\n                                  </div>\n                                  <div slot=\"content\">\n                                    ", "\n                                  </div>\n                                </a11y-collapse>\n                              "])), _this10.pickColor(i), category, _this10.database.tags.data.filter(function (item) {
+        })) : _index.nothing, this.checkTabHeight, this.updateStudentReport, !(this.database.assignments && this.database.assignments[this.activeAssignment]), this.t.activeAssessment, this.activeRubric[0] ? (0, _index.html)(_templateObject26_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject26_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <grid-plate\n                  disable-responsive\n                  layout=\"", "\"\n                >\n                  <div slot=\"col-1\" class=\"tag-group\">\n                    ", "\n                    ", "\n                  </div>\n                  <div slot=\"col-2\">\n                    <h3>", "</h3>\n                    ", "\n                    <div class=\"student-feedback-wrap\">\n                      <div class=\"student-feedback-text\">\n                        <h3 class=\"heading\">Overall feedback</h3>\n                        <simple-fields-field\n                          type=\"textarea\"\n                          data-criteria=\"overall\"\n                          data-rubric-written\n                        ></simple-fields-field>\n                      </div>\n                      <div class=\"student-feedback-score\">\n                        <simple-icon-button-lite\n                          icon=\"", "\"\n                          @click=\"", "\"\n                        ></simple-icon-button-lite>\n                        <simple-fields-field\n                          ?disabled=\"", "\"\n                          type=\"number\"\n                          min=\"0\"\n                          id=\"totalpts\"\n                          maxlength=\"10\"\n                          @value-changed=\"", "\"\n                        ></simple-fields-field>\n                        /\n                        ", "\n                        pts\n                        <letter-grade\n                          style=\"margin:-8px 0 0 16px;\"\n                          total=\"", "\"\n                          score=\"", "\"\n                        ></letter-grade>\n                      </div>\n                    </div>\n                  </div>\n                  ", "\n                </grid-plate>\n              "])), this.displayModeData()[this.displayMode].layout, this.renderDisplayModeBtn(), this.database.tags.categories.length > 0 ? (0, _index.html)(_templateObject27_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject27_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                          <a11y-collapse-group heading-button>\n                            ", "\n                          </a11y-collapse-group>\n                        "])), this.database.tags.categories.map(function (category, i) {
+          return (0, _index.html)(_templateObject28_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject28_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                                <a11y-collapse>\n                                  <div slot=\"heading\">\n                                    <simple-colors\n                                      accent-color=\"", "\"\n                                      ><span></span></simple-colors\n                                    >", "\n                                  </div>\n                                  <div slot=\"content\">\n                                    ", "\n                                  </div>\n                                </a11y-collapse>\n                              "])), _this10.pickColor(i), category, _this10.database.tags.data.filter(function (item) {
             return item.category.includes(category);
           }).map(function (term) {
-            return (0, _index.html)(_templateObject29_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject29_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-tag\n                                            draggable=\"true\"\n                                            tabindex=\"0\"\n                                            @keypress=\"", "\"\n                                            @dragstart=\"", "\"\n                                            accent-color=\"", "\"\n                                            value=\"", "\"\n                                            .data=\"", "\"\n                                          ></simple-tag>"])), _this10.keyDown, _this10.setDragTransfer, _this10.pickColor(i), term.term, term);
+            return (0, _index.html)(_templateObject29_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject29_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-tag\n                                            draggable=\"true\"\n                                            tabindex=\"0\"\n                                            @keypress=\"", "\"\n                                            @dragstart=\"", "\"\n                                            accent-color=\"", "\"\n                                            value=\"", "\"\n                                            .data=\"", "\"\n                                          ></simple-tag>"])), _this10.keyDown, _this10.setDragTransfer, _this10.pickColor(i), term.term, term);
           }));
         })) : _index.nothing, this.activeRubric[0].name, this.activeRubric.map(function (rubric, index) {
-          return (0, _index.html)(_templateObject30_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject30_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        ", "\n                        <letter-grade-picker></letter-grade-picker>\n\n                        <editable-table-display\n                          accent-color=\"", "\"\n                          bordered\n                          column-header\n                          condensed\n                          disable-responsive\n                          scroll\n                          striped\n                        >\n                          <table>\n                            <tbody>\n                              <tr>\n                                ", "\n                              </tr>\n                              <tr>\n                                ", "\n                              </tr>\n                            </tbody>\n                          </table>\n                        </editable-table-display>\n                        <h4>Additional ", " feedback</h4>\n                        <simple-fields-field\n                          type=\"textarea\"\n                          data-rubric-written\n                          data-criteria=\"", "\"\n                        ></simple-fields-field>\n                      "])), _this10.renderRubricInfoBtn(index, rubric.criteria, rubric.description), _this10.accentColor, rubric.qualitative.map(function (cat) {
-            return (0, _index.html)(_templateObject31_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject31_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <td>", "</td> "])), cat);
+          return (0, _index.html)(_templateObject30_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject30_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        ", "\n                        <letter-grade-picker></letter-grade-picker>\n\n                        <editable-table-display\n                          accent-color=\"", "\"\n                          bordered\n                          column-header\n                          condensed\n                          disable-responsive\n                          scroll\n                          striped\n                        >\n                          <table>\n                            <tbody>\n                              <tr>\n                                ", "\n                              </tr>\n                              <tr>\n                                ", "\n                              </tr>\n                            </tbody>\n                          </table>\n                        </editable-table-display>\n                        <h4>Additional ", " feedback</h4>\n                        <simple-fields-field\n                          type=\"textarea\"\n                          data-rubric-written\n                          data-criteria=\"", "\"\n                        ></simple-fields-field>\n                      "])), _this10.renderRubricInfoBtn(index, rubric.criteria, rubric.description), _this10.accentColor, rubric.qualitative.map(function (cat) {
+            return (0, _index.html)(_templateObject31_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject31_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <td>", "</td> "])), cat);
           }), rubric.qualitative.map(function (cat) {
-            return (0, _index.html)(_templateObject32_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject32_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                                    <td>\n                                      <simple-fields-tag-list\n                                        style=\"background-color:transparent;\"\n                                        data-criteria=\"", "\"\n                                        label=\"", "\"\n                                      ></simple-fields-tag-list>\n                                    </td>\n                                  "])), rubric.criteria, cat);
+            return (0, _index.html)(_templateObject32_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject32_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                                    <td>\n                                      <simple-fields-tag-list\n                                        style=\"background-color:transparent;\"\n                                        data-criteria=\"", "\"\n                                        label=\"", "\"\n                                      ></simple-fields-tag-list>\n                                    </td>\n                                  "])), rubric.criteria, cat);
           }), rubric.criteria, rubric.criteria);
-        }), this.scoreLock ? "lock" : "lock-open", this.toggleLock, this.scoreLock, this.totalScoreChangedEvent, this.database.assignments[this.activeAssignment].points, this.database.assignments[this.activeAssignment].points, this.totalScore, this.displayMode != 2 ? (0, _index.html)(_templateObject33_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject33_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <div slot=\"col-3\">\n                          ", "\n                        </div>\n                      "])), this.database.assignments.length && this.database.assignments[this.activeAssignment] ? (0, _index.html)(_templateObject34_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject34_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), this.activeSubmission ? this.renderSubmission(this.activeSubmission) : (0, _index.html)(_templateObject35_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject35_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), this.t.noSubmission)) : _index.nothing) : _index.nothing) : _index.nothing, this.t.studentReportView, this.studentreportClick, !this.loading && this.database.assignments && this.database.assignments[this.activeAssignment] ? (0, _index.html)(_templateObject36_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject36_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <letter-grade\n                    class=\"student-report-score\"\n                    show-scale\n                    total=\"", "\"\n                    score=\"", "\"\n                  ></letter-grade>\n                  <h2>Feedback report</h2>\n                  <div class=\"student-report-wrap\">\n                    <a11y-collapse-group\n                      heading-button\n                      expanded\n                      style=\"width:80%;\"\n                    >\n                      ", "\n                      <a11y-collapse class=\"student-feedback-text\">\n                        <div slot=\"heading\" class=\"heading\">\n                          <span style=\"font-size:20px;\"\n                            >", "</span\n                          >\n                        </div>\n                        <div slot=\"content\">\n                          <p>", "</p>\n                          <h2>Your total Score</h2>\n                          <div class=\"score-display\">\n                            ", " /\n                            ", "\n                            pts\n                          </div>\n                        </div>\n                      </a11y-collapse>\n                    </a11y-collapse-group>\n                  </div>\n                "])), this.database.assignments[this.activeAssignment].points, this.totalScore, this.database.rubrics.filter(function (item) {
+        }), this.scoreLock ? "lock" : "lock-open", this.toggleLock, this.scoreLock, this.totalScoreChangedEvent, this.database.assignments[this.activeAssignment].points, this.database.assignments[this.activeAssignment].points, this.totalScore, this.displayMode != 2 ? (0, _index.html)(_templateObject33_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject33_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <div slot=\"col-3\">\n                          ", "\n                        </div>\n                      "])), this.database.assignments.length && this.database.assignments[this.activeAssignment] ? (0, _index.html)(_templateObject34_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject34_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), this.activeSubmission ? this.renderSubmission(this.activeSubmission) : (0, _index.html)(_templateObject35_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject35_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), this.t.noSubmission)) : _index.nothing) : _index.nothing) : _index.nothing, this.t.studentReportView, this.studentreportClick, !this.loading && this.database.assignments && this.database.assignments[this.activeAssignment] ? (0, _index.html)(_templateObject36_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject36_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <letter-grade\n                    class=\"student-report-score\"\n                    show-scale\n                    total=\"", "\"\n                    score=\"", "\"\n                  ></letter-grade>\n                  <h2>Feedback report</h2>\n                  <div class=\"student-report-wrap\">\n                    <a11y-collapse-group\n                      heading-button\n                      expanded\n                      style=\"width:80%;\"\n                    >\n                      ", "\n                      <a11y-collapse class=\"student-feedback-text\">\n                        <div slot=\"heading\" class=\"heading\">\n                          <span style=\"font-size:20px;\"\n                            >", "</span\n                          >\n                        </div>\n                        <div slot=\"content\">\n                          <p>", "</p>\n                          <h2>Your total Score</h2>\n                          <div class=\"score-display\">\n                            ", " /\n                            ", "\n                            pts\n                          </div>\n                        </div>\n                      </a11y-collapse>\n                    </a11y-collapse-group>\n                  </div>\n                "])), this.database.assignments[this.activeAssignment].points, this.totalScore, this.database.rubrics.filter(function (item) {
           return item.shortName == _this10.database.assignments[_this10.activeAssignment].rubric;
         }).map(function (rubric) {
-          return (0, _index.html)(_templateObject37_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject37_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                            <a11y-collapse class=\"student-feedback-text\">\n                              <div slot=\"heading\" class=\"heading\">\n                                <span style=\"font-size:20px;\"\n                                  >", "</span\n                                >\n                              </div>\n                              <div slot=\"content\">\n                                <div class=\"student-feedback-score-heading\">\n                                  <div>\n                                    ", " /\n                                    ", "\n                                  </div>\n                                  <h3>Criteria details</h3>\n                                </div>\n                                <p>", "</p>\n                                <h3>Your feedback</h3>\n                                <ul>\n                                  ", "\n                                </ul>\n                                <h3>Additional Criteria feedback</h3>\n                                <p>\n                                  ", "\n                                </p>\n                              </div>\n                            </a11y-collapse>\n                          "])), rubric.criteria, _this10.getCriteriaScore(rubric.criteria), Math.round(rubric.percentage / 100 * _this10.database.assignments[_this10.activeAssignment].points), rubric.description, rubric.qualitative.map(function (cat) {
-            return (0, _index.html)(_templateObject38_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject38_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                                      <h4>", "</h4>\n                                      <ul>\n                                        ", "\n                                      </ul>\n                                    "])), cat, _this10.activeGrading[rubric.criteria] ? (0, _index.html)(_templateObject39_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject39_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), _this10.activeGrading[rubric.criteria][cat].map(function (tag) {
-              return (0, _index.html)(_templateObject40_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject40_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <li>\n                                                <span>", "</span\n                                                >", "\n                                                ", "\n                                              </li>"])), tag.term, tag.description ? (0, _index.html)(_templateObject41_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject41_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" - ", ""])), tag.description) : "", tag.associatedMaterial ? (0, _index.html)(_templateObject42_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject42_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                                                      <ul>\n                                                        ", "\n                                                      </ul>\n                                                    "])), tag.associatedMaterial.map(function (material) {
-                return (0, _index.html)(_templateObject43_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject43_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                                                            <li>\n                                                              <a\n                                                                href=\"", "\"\n                                                                target=\"_blank\"\n                                                                rel=\"noopener noreferrer\"\n                                                                >", "</a\n                                                              >\n                                                            </li>\n                                                          "])), material, material);
+          return (0, _index.html)(_templateObject37_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject37_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                            <a11y-collapse class=\"student-feedback-text\">\n                              <div slot=\"heading\" class=\"heading\">\n                                <span style=\"font-size:20px;\"\n                                  >", "</span\n                                >\n                              </div>\n                              <div slot=\"content\">\n                                <div class=\"student-feedback-score-heading\">\n                                  <div>\n                                    ", " /\n                                    ", "\n                                  </div>\n                                  <h3>Criteria details</h3>\n                                </div>\n                                <p>", "</p>\n                                <h3>Your feedback</h3>\n                                <ul>\n                                  ", "\n                                </ul>\n                                <h3>Additional Criteria feedback</h3>\n                                <p>\n                                  ", "\n                                </p>\n                              </div>\n                            </a11y-collapse>\n                          "])), rubric.criteria, _this10.getCriteriaScore(rubric.criteria), Math.round(rubric.percentage / 100 * _this10.database.assignments[_this10.activeAssignment].points), rubric.description, rubric.qualitative.map(function (cat) {
+            return (0, _index.html)(_templateObject38_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject38_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                                      <h4>", "</h4>\n                                      <ul>\n                                        ", "\n                                      </ul>\n                                    "])), cat, _this10.activeGrading[rubric.criteria] ? (0, _index.html)(_templateObject39_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject39_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), _this10.activeGrading[rubric.criteria][cat].map(function (tag) {
+              return (0, _index.html)(_templateObject40_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject40_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <li>\n                                                <span>", "</span\n                                                >", "\n                                                ", "\n                                              </li>"])), tag.term, tag.description ? (0, _index.html)(_templateObject41_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject41_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" - ", ""])), tag.description) : "", tag.associatedMaterial ? (0, _index.html)(_templateObject42_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject42_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                                                      <ul>\n                                                        ", "\n                                                      </ul>\n                                                    "])), tag.associatedMaterial.map(function (material) {
+                return (0, _index.html)(_templateObject43_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject43_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                                                            <li>\n                                                              <a\n                                                                href=\"", "\"\n                                                                target=\"_blank\"\n                                                                rel=\"noopener noreferrer\"\n                                                                >", "</a\n                                                              >\n                                                            </li>\n                                                          "])), material, material);
               })) : "");
             })) : "");
           }), _this10.getCriteriaFeedback(rubric.criteria));
@@ -1224,7 +1224,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(GradeBook), "styles", this)), [(0, _index.css)(_templateObject44_a4d9ad201f0511ed8cc3e9a95995ad69 || (_templateObject44_a4d9ad201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host [hidden] {\n          display: none !important;\n        }\n        @media (max-width: 900px) {\n          .hide-900 {\n            display: none;\n          }\n        }\n        loading-indicator {\n          --loading-indicator-background-color: var(\n            --simple-colors-default-theme-accent-2,\n            grey\n          );\n          --loading-indicator-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n        }\n        loading-indicator[full] {\n          top: 0;\n          position: absolute;\n          left: 0;\n          right: 0;\n          z-index: 1;\n        }\n        h1,\n        h2,\n        h3,\n        h4 {\n          margin: 0;\n        }\n        grid-plate {\n          --hax-layout-container-transition: none;\n          --grid-plate-col-transition: none;\n          --grid-plate-item-margin: 0px;\n          --grid-plate-item-padding: 8px;\n        }\n        #studentassessment {\n          --a11y-tabs-border-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n          --a11y-tabs-border-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n          color: var(--simple-colors-default-theme-grey-12);\n          background-color: var(--simple-colors-default-theme-grey-1);\n          --a11y-tabs-faded-color: var(--simple-colors-default-theme-grey-11);\n          --a11y-tabs-focus-color: var(--simple-colors-default-theme-grey-10);\n          --a11y-tabs-faded-background: var(\n            --simple-colors-default-theme-grey-2\n          );\n        }\n        #studentassessment::part(content) {\n          overflow: scroll;\n        }\n        a11y-collapse {\n          --a11y-collapse-border-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n          --a11y-collapse-horizontal-padding: 8px;\n          --a11y-collapse-vertical-padding: 4px;\n        }\n        a11y-collapse:not([expanded]):hover {\n          background-color: var(--simple-colors-default-theme-accent-1, grey);\n        }\n        a11y-collapse div[slot=\"heading\"] {\n          font-size: 18px;\n          font-weight: normal;\n          cursor: pointer;\n          line-height: 30px;\n          display: flex;\n        }\n        a11y-collapse[expanded] div[slot=\"heading\"] {\n          font-weight: bold;\n        }\n        .active-student-grade-history letter-grade {\n          display: inline-flex;\n          margin: 2px;\n        }\n        .active-student-grade-history button {\n          opacity: 0.4;\n          background-color: transparent;\n          border: 0;\n          padding: 0;\n          margin: 0;\n        }\n        .active-student-grade-history button.activeAssignment {\n          opacity: 0.9;\n          background-color: var(--simple-colors-default-theme-yellow-8);\n        }\n        .active-student-grade-history button:focus,\n        .active-student-grade-history button:active,\n        .active-student-grade-history button:hover {\n          opacity: 1;\n          outline: 1px solid black;\n          outline-offset: 2px;\n        }\n        simple-fields-tag-list {\n          --simple-fields-tag-list-possible: var(\n            --simple-colors-default-theme-accent-2\n          );\n          --simple-fields-tag-list-focus: var(\n            --simple-colors-default-theme-accent-10\n          );\n        }\n        simple-colors[accent-color] {\n          display: inline-flex;\n          width: 24px;\n          height: 24px;\n          margin: 4px 6px 0 0;\n        }\n        simple-colors[accent-color] span {\n          display: inline-flex;\n          width: 24px;\n          height: 24px;\n          background-color: var(\n            --simple-colors-default-theme-accent-3,\n            #eeeeee\n          );\n        }\n        simple-fields-field[type=\"textarea\"] {\n          --simple-fields-font-size: 20px;\n        }\n        .source-selection {\n          text-align: center;\n          margin-top: 30vh;\n          font-size: 32px;\n        }\n        .source-selection label {\n          display: block;\n        }\n        .source-selection select {\n          font-size: 18px;\n        }\n        #sourcedata,\n        #sourcedatablob {\n          display: block;\n          margin: 16px auto;\n          font-size: 24px;\n        }\n        simple-fields-field[type=\"number\"] {\n          --simple-fields-font-size: 40px;\n          line-height: 40px;\n        }\n\n        .student-feedback-score-heading {\n          display: flex;\n          font-size: 28px;\n          font-weight: bold;\n          line-height: 28px;\n          padding: 8px;\n        }\n        .student-feedback-score-heading h3 {\n          margin: 0 0 0 8px;\n          padding: 0;\n        }\n\n        #totalpts {\n          width: 84px;\n          margin: 0 12px;\n        }\n        #studentgrid {\n          display: block;\n          width: 100%;\n          height: 52vh;\n          max-height: 90vh;\n          min-height: 140px; /** exact height of a row to still be usable */\n          resize: vertical;\n          overflow: auto;\n          scrollbar-color: var(--simple-colors-default-theme-accent-10)\n            var(--simple-colors-default-theme-accent-1);\n          scrollbar-width: auto;\n        }\n        /** start scroll bar styling */\n        #studentgrid::-webkit-scrollbar-track,\n        #studentassessment::-webkit-scrollbar-track {\n          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);\n          border-radius: 20px;\n          background-color: var(--simple-colors-default-theme-accent-1);\n        }\n        #studentgrid::-webkit-scrollbar,\n        #studentassessment::-webkit-scrollbar {\n          width: 16px;\n          height: 16px;\n          background-color: var(--simple-colors-default-theme-accent-1);\n        }\n        #studentgrid::-webkit-scrollbar-thumb {\n          border-radius: 20px;\n          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);\n          background-color: var(--simple-colors-default-theme-accent-10);\n        }\n        #studentgrid::-webkit-scrollbar-thumb:vertical,\n        #studentassessment::-webkit-scrollbar-thumb:vertical {\n          height: 100px;\n          width: 16px;\n        }\n        #studentgrid::-webkit-scrollbar-corner {\n          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);\n          background-color: var(--simple-colors-default-theme-accent-10);\n        }\n        /** end scroll bar styling */\n        .student-table-label {\n          text-align: center;\n          vertical-align: middle;\n        }\n        #studentgrid simple-fields-field.select-all {\n          background-color: transparent;\n          float: left;\n          margin: -2px 0 0 -2px;\n          --simple-icon-width: 16px;\n          --simple-icon-height: 16px;\n        }\n        .student-table-label div {\n          border-right: 1px solid var(--editable-table-heading-color, #000);\n          height: 32px;\n          width: 100%;\n          line-height: 32px;\n          margin-left: 3px;\n        }\n        #studentgrid [data-active] {\n          background-color: var(\n            --simple-colors-default-theme-yellow-3\n          ) !important;\n        }\n        #studentgrid button {\n          background-color: transparent;\n          border: none;\n          border-radius: 0;\n          height: 80px;\n          width: 96px;\n          display: block;\n          padding: 0;\n          margin: 0;\n          color: var(--simple-colors-default-theme-grey-12);\n        }\n        #studentgrid button:focus,\n        #studentgrid button:hover {\n          cursor: pointer;\n          outline: 2px black solid;\n          outline-offset: -1px;\n          background-color: var(\n            --simple-colors-default-theme-yellow-4\n          ) !important;\n        }\n        #studentgrid .assignment-name {\n          max-width: 96px;\n          width: 96px;\n          overflow: hidden;\n          padding: 4px;\n          font-size: 14px;\n          text-align: center;\n        }\n        .student-feedback-wrap {\n          display: flex;\n        }\n        .student-feedback-wrap .student-feedback-text {\n          width: 80%;\n          margin: 0;\n        }\n        .student-feedback-wrap .student-feedback-text div.heading {\n          padding: 20px;\n        }\n        .student-feedback-wrap .student-feedback-score {\n          font-size: 40px;\n          line-height: 68px;\n          padding: 34px 16px;\n          display: flex;\n          width: 50%;\n        }\n        simple-tag {\n          margin: 2px;\n        }\n        simple-tag:focus,\n        simple-tag:hover {\n          --simple-fields-fieldset-border-color: var(\n            --simple-colors-default-theme-accent-10,\n            #eeeeee\n          );\n        }\n        .user-info {\n          display: flex;\n          font-size: 16px;\n          min-width: 140px;\n          font-family: sans-serif;\n          font-weight: normal;\n          border-right: 1px solid black;\n        }\n        .user-left {\n          display: inline-flex;\n        }\n        .user-right {\n          display: block;\n          padding: 0 4px 0 0;\n          margin: 12px 0;\n        }\n        .user-right div a {\n          color: var(--simple-colors-default-theme-grey-12);\n          text-decoration: none;\n        }\n        .user-right div a:hover,\n        .user-right div a:focus,\n        .user-right div a:active {\n          color: var(--simple-colors-default-theme-blue-8);\n          text-decoration: underline;\n        }\n        .user-right div {\n          display: block;\n          text-align: center;\n        }\n        .user-photo {\n          --simple-icon-height: 48px;\n          --simple-icon-width: 48px;\n          width: 48px;\n          height: 48px;\n          border-radius: 50%;\n          margin: 12px 6px;\n          float: left;\n          vertical-align: middle;\n        }\n        .active-submission {\n          max-height: 400px;\n          width: 60%;\n          overflow: auto;\n          margin: 0 auto;\n        }\n        .active-submission iframe {\n          height: 400px;\n          width: 60%;\n        }\n        .tag-group {\n          position: sticky;\n          top: 0;\n        }\n        .student-report-wrap {\n          display: flex;\n          justify-content: space-evenly;\n        }\n        .student-report-score {\n          position: absolute;\n          right: 40px;\n          margin-top: -20px;\n        }\n        editable-table-display::part(td),\n        editable-table-display::part(th) {\n          text-align: center;\n          vertical-align: top;\n          max-width: 250px;\n        }\n        editable-table-display::part(simple-fields-field) {\n          --simple-fields-font-size: 32px;\n          --simple-fields-text-align: center;\n          background-color: transparent;\n          max-width: 100px;\n          padding: 0 0 28px 0;\n          margin: 0;\n        }\n\n        table thead th {\n          padding: 4px !important;\n          position: sticky;\n          top: -2px;\n          z-index: 1;\n        }\n        table thead th:first-child {\n          position: sticky;\n          left: 0;\n          z-index: 2;\n        }\n        table tbody th {\n          position: sticky;\n          left: 0;\n          z-index: 1;\n        }\n\n        .col-highlight,\n        tr:hover td,\n        tr:hover th {\n          transition: 0.3s ease-in-out all;\n          background-color: var(\n            --simple-colors-default-theme-yellow-2\n          ) !important;\n        }\n        table {\n          width: calc(100% - 2 * var(--editable-table-border-width, 1px));\n          border-collapse: collapse;\n          border-width: var(--editable-table-border-width, 1px);\n          border-style: var(--editable-table-border-style, solid);\n          border-color: var(--simple-colors-default-theme-grey-6, #999);\n          font-weight: var(--editable-table-light-weight, 200);\n          color: var(--simple-colors-default-theme-grey-10, #222);\n          background-color: var(--simple-colors-default-theme-grey-1, #fff);\n        }\n        .th,\n        .td {\n          font-weight: var(--editable-table-light-weight, 200);\n          color: var(--simple-colors-default-theme-grey-10, #222);\n          background-color: var(--simple-colors-default-theme-grey-1, #fff);\n        }\n        caption {\n          font-size: var(\n            --editable-table-caption-font-size,\n            var(--editable-table-font-size, unset)\n          );\n          font-weight: var(--editable-table-heavy-weight, 600);\n          color: var(\n            --editable-table-caption-color,\n            var(--simple-colors-default-theme-grey-10, #222)\n          );\n          background-color: var(\n            --editable-table-caption-bg-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          width: 100%;\n        }\n        .tr {\n          display: table-row;\n        }\n        .th-or-td {\n          display: table-cell;\n        }\n        .thead .th-or-td {\n          height: 32px;\n          padding: 0;\n          margin: 0;\n        }\n        .thead-tr .th {\n          background-color: var(--simple-colors-default-theme-grey-2, #e0e0e0);\n          font-weight: var(--editable-table-heavy-weight, 600);\n          color: var(--simple-colors-default-theme-grey-12, #000);\n        }\n        .tbody-tr .th {\n          font-weight: var(--editable-table-heavy-weight, 600);\n          color: var(--simple-colors-default-theme-grey-12, #000);\n          background-color: var(--simple-colors-default-theme-grey-1, #fff);\n          text-align: left;\n        }\n        table[bordered] .th,\n        table[bordered] .td {\n          border-width: var(--editable-table-border-width, 1px);\n          border-style: var(--editable-table-border-style, solid);\n          border-color: var(--simple-colors-default-theme-grey-6, #999);\n        }\n        table[condensed] {\n          --editable-table-cell-vertical-padding: var(\n            --editable-table-cell-vertical-padding-condensed,\n            2px\n          );\n          --editable-table-cell-horizontal-padding: var(\n            --editable-table-cell-horizontal-padding-condensed,\n            4px\n          );\n        }\n        table[striped] .tbody-tr:nth-child(2n + 1) .th-or-td {\n          background-color: var(--simple-colors-default-theme-grey-2, #f0f0f0);\n        }\n        .tfoot-tr .th,\n        .tfoot-tr .td {\n          border-top: 2px solid var(--simple-colors-default-theme-grey-10, #222);\n          font-weight: var(--editable-table-heavy-weight, 600);\n          color: var(--simple-colors-default-theme-grey-12, #000);\n        }\n        caption,\n        .th-or-td {\n          text-align: left;\n        }\n        table[numeric-styles] .thead-tr .th-or-td[numeric],\n        table[numeric-styles] .tfoot-tr .th-or-td[numeric],\n        table[numeric-styles] .th-or-td[numeric] {\n          text-align: center;\n          font-size: 24px;\n          font-family: sans-serif;\n          --editable-table-cell-justify: flex-end;\n        }\n        table[numeric-styles] .tfoot-tr .th-or-td[negative],\n        table[numeric-styles] .td[negative] {\n          color: var(--simple-colors-default-theme-red-7, red);\n          --editable-table-cell-color: var(\n            --editable-table-negative-color,\n            red\n          );\n        }\n\n        caption > div {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n        }\n        caption > div > *:not(:last-child) {\n          padding: 0 0 5px;\n        }\n        #column {\n          width: calc(var(--simple-picker-option-size) + 6px);\n          overflow: visible;\n          display: none;\n          margin-left: 10px;\n          --simple-picker-border-width: 1px;\n          --simple-picker-focus-border-width: 1px;\n          --simple-picker-border-color: var(\n            --simple-colors-default-theme-grey-6,\n            #999\n          );\n        }\n        .th,\n        .td {\n          padding: 0;\n        }\n        .top-controls {\n          background-color: var(--simple-colors-default-theme-accent-12);\n          color: var(--simple-colors-default-theme-accent-1);\n          height: 36px;\n          vertical-align: middle;\n          width: 100%;\n          display: flex;\n        }\n        .top-controls .group {\n          padding: 0 8px;\n        }\n        .top-controls .app-name {\n          padding: 0 24px 0 16px;\n        }\n        .top-controls simple-icon-button-lite span {\n          padding: 0 8px 0 0;\n        }\n        .top-controls .divider-left {\n          border-left: 1px solid var(--simple-colors-default-theme-accent-1);\n        }\n        .top-controls .divider-right {\n          border-right: 1px solid var(--simple-colors-default-theme-accent-1);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(GradeBook), "styles", this)), [(0, _index.css)(_templateObject44_7f7a8e701f2611eda0c389891c227ec8 || (_templateObject44_7f7a8e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host [hidden] {\n          display: none !important;\n        }\n        @media (max-width: 900px) {\n          .hide-900 {\n            display: none;\n          }\n        }\n        loading-indicator {\n          --loading-indicator-background-color: var(\n            --simple-colors-default-theme-accent-2,\n            grey\n          );\n          --loading-indicator-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n        }\n        loading-indicator[full] {\n          top: 0;\n          position: absolute;\n          left: 0;\n          right: 0;\n          z-index: 1;\n        }\n        h1,\n        h2,\n        h3,\n        h4 {\n          margin: 0;\n        }\n        grid-plate {\n          --hax-layout-container-transition: none;\n          --grid-plate-col-transition: none;\n          --grid-plate-item-margin: 0px;\n          --grid-plate-item-padding: 8px;\n        }\n        #studentassessment {\n          --a11y-tabs-border-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n          --a11y-tabs-border-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n          color: var(--simple-colors-default-theme-grey-12);\n          background-color: var(--simple-colors-default-theme-grey-1);\n          --a11y-tabs-faded-color: var(--simple-colors-default-theme-grey-11);\n          --a11y-tabs-focus-color: var(--simple-colors-default-theme-grey-10);\n          --a11y-tabs-faded-background: var(\n            --simple-colors-default-theme-grey-2\n          );\n        }\n        #studentassessment::part(content) {\n          overflow: scroll;\n        }\n        a11y-collapse {\n          --a11y-collapse-border-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n          --a11y-collapse-horizontal-padding: 8px;\n          --a11y-collapse-vertical-padding: 4px;\n        }\n        a11y-collapse:not([expanded]):hover {\n          background-color: var(--simple-colors-default-theme-accent-1, grey);\n        }\n        a11y-collapse div[slot=\"heading\"] {\n          font-size: 18px;\n          font-weight: normal;\n          cursor: pointer;\n          line-height: 30px;\n          display: flex;\n        }\n        a11y-collapse[expanded] div[slot=\"heading\"] {\n          font-weight: bold;\n        }\n        .active-student-grade-history letter-grade {\n          display: inline-flex;\n          margin: 2px;\n        }\n        .active-student-grade-history button {\n          opacity: 0.4;\n          background-color: transparent;\n          border: 0;\n          padding: 0;\n          margin: 0;\n        }\n        .active-student-grade-history button.activeAssignment {\n          opacity: 0.9;\n          background-color: var(--simple-colors-default-theme-yellow-8);\n        }\n        .active-student-grade-history button:focus,\n        .active-student-grade-history button:active,\n        .active-student-grade-history button:hover {\n          opacity: 1;\n          outline: 1px solid black;\n          outline-offset: 2px;\n        }\n        simple-fields-tag-list {\n          --simple-fields-tag-list-possible: var(\n            --simple-colors-default-theme-accent-2\n          );\n          --simple-fields-tag-list-focus: var(\n            --simple-colors-default-theme-accent-10\n          );\n        }\n        simple-colors[accent-color] {\n          display: inline-flex;\n          width: 24px;\n          height: 24px;\n          margin: 4px 6px 0 0;\n        }\n        simple-colors[accent-color] span {\n          display: inline-flex;\n          width: 24px;\n          height: 24px;\n          background-color: var(\n            --simple-colors-default-theme-accent-3,\n            #eeeeee\n          );\n        }\n        simple-fields-field[type=\"textarea\"] {\n          --simple-fields-font-size: 20px;\n        }\n        .source-selection {\n          text-align: center;\n          margin-top: 30vh;\n          font-size: 32px;\n        }\n        .source-selection label {\n          display: block;\n        }\n        .source-selection select {\n          font-size: 18px;\n        }\n        #sourcedata,\n        #sourcedatablob {\n          display: block;\n          margin: 16px auto;\n          font-size: 24px;\n        }\n        simple-fields-field[type=\"number\"] {\n          --simple-fields-font-size: 40px;\n          line-height: 40px;\n        }\n\n        .student-feedback-score-heading {\n          display: flex;\n          font-size: 28px;\n          font-weight: bold;\n          line-height: 28px;\n          padding: 8px;\n        }\n        .student-feedback-score-heading h3 {\n          margin: 0 0 0 8px;\n          padding: 0;\n        }\n\n        #totalpts {\n          width: 84px;\n          margin: 0 12px;\n        }\n        #studentgrid {\n          display: block;\n          width: 100%;\n          height: 52vh;\n          max-height: 90vh;\n          min-height: 140px; /** exact height of a row to still be usable */\n          resize: vertical;\n          overflow: auto;\n          scrollbar-color: var(--simple-colors-default-theme-accent-10)\n            var(--simple-colors-default-theme-accent-1);\n          scrollbar-width: auto;\n        }\n        /** start scroll bar styling */\n        #studentgrid::-webkit-scrollbar-track,\n        #studentassessment::-webkit-scrollbar-track {\n          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);\n          border-radius: 20px;\n          background-color: var(--simple-colors-default-theme-accent-1);\n        }\n        #studentgrid::-webkit-scrollbar,\n        #studentassessment::-webkit-scrollbar {\n          width: 16px;\n          height: 16px;\n          background-color: var(--simple-colors-default-theme-accent-1);\n        }\n        #studentgrid::-webkit-scrollbar-thumb {\n          border-radius: 20px;\n          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);\n          background-color: var(--simple-colors-default-theme-accent-10);\n        }\n        #studentgrid::-webkit-scrollbar-thumb:vertical,\n        #studentassessment::-webkit-scrollbar-thumb:vertical {\n          height: 100px;\n          width: 16px;\n        }\n        #studentgrid::-webkit-scrollbar-corner {\n          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);\n          background-color: var(--simple-colors-default-theme-accent-10);\n        }\n        /** end scroll bar styling */\n        .student-table-label {\n          text-align: center;\n          vertical-align: middle;\n        }\n        #studentgrid simple-fields-field.select-all {\n          background-color: transparent;\n          float: left;\n          margin: -2px 0 0 -2px;\n          --simple-icon-width: 16px;\n          --simple-icon-height: 16px;\n        }\n        .student-table-label div {\n          border-right: 1px solid var(--editable-table-heading-color, #000);\n          height: 32px;\n          width: 100%;\n          line-height: 32px;\n          margin-left: 3px;\n        }\n        #studentgrid [data-active] {\n          background-color: var(\n            --simple-colors-default-theme-yellow-3\n          ) !important;\n        }\n        #studentgrid button {\n          background-color: transparent;\n          border: none;\n          border-radius: 0;\n          height: 80px;\n          width: 96px;\n          display: block;\n          padding: 0;\n          margin: 0;\n          color: var(--simple-colors-default-theme-grey-12);\n        }\n        #studentgrid button:focus,\n        #studentgrid button:hover {\n          cursor: pointer;\n          outline: 2px black solid;\n          outline-offset: -1px;\n          background-color: var(\n            --simple-colors-default-theme-yellow-4\n          ) !important;\n        }\n        #studentgrid .assignment-name {\n          max-width: 96px;\n          width: 96px;\n          overflow: hidden;\n          padding: 4px;\n          font-size: 14px;\n          text-align: center;\n        }\n        .student-feedback-wrap {\n          display: flex;\n        }\n        .student-feedback-wrap .student-feedback-text {\n          width: 80%;\n          margin: 0;\n        }\n        .student-feedback-wrap .student-feedback-text div.heading {\n          padding: 20px;\n        }\n        .student-feedback-wrap .student-feedback-score {\n          font-size: 40px;\n          line-height: 68px;\n          padding: 34px 16px;\n          display: flex;\n          width: 50%;\n        }\n        simple-tag {\n          margin: 2px;\n        }\n        simple-tag:focus,\n        simple-tag:hover {\n          --simple-fields-fieldset-border-color: var(\n            --simple-colors-default-theme-accent-10,\n            #eeeeee\n          );\n        }\n        .user-info {\n          display: flex;\n          font-size: 16px;\n          min-width: 140px;\n          font-family: sans-serif;\n          font-weight: normal;\n          border-right: 1px solid black;\n        }\n        .user-left {\n          display: inline-flex;\n        }\n        .user-right {\n          display: block;\n          padding: 0 4px 0 0;\n          margin: 12px 0;\n        }\n        .user-right div a {\n          color: var(--simple-colors-default-theme-grey-12);\n          text-decoration: none;\n        }\n        .user-right div a:hover,\n        .user-right div a:focus,\n        .user-right div a:active {\n          color: var(--simple-colors-default-theme-blue-8);\n          text-decoration: underline;\n        }\n        .user-right div {\n          display: block;\n          text-align: center;\n        }\n        .user-photo {\n          --simple-icon-height: 48px;\n          --simple-icon-width: 48px;\n          width: 48px;\n          height: 48px;\n          border-radius: 50%;\n          margin: 12px 6px;\n          float: left;\n          vertical-align: middle;\n        }\n        .active-submission {\n          max-height: 400px;\n          width: 60%;\n          overflow: auto;\n          margin: 0 auto;\n        }\n        .active-submission iframe {\n          height: 400px;\n          width: 60%;\n        }\n        .tag-group {\n          position: sticky;\n          top: 0;\n        }\n        .student-report-wrap {\n          display: flex;\n          justify-content: space-evenly;\n        }\n        .student-report-score {\n          position: absolute;\n          right: 40px;\n          margin-top: -20px;\n        }\n        editable-table-display::part(td),\n        editable-table-display::part(th) {\n          text-align: center;\n          vertical-align: top;\n          max-width: 250px;\n        }\n        editable-table-display::part(simple-fields-field) {\n          --simple-fields-font-size: 32px;\n          --simple-fields-text-align: center;\n          background-color: transparent;\n          max-width: 100px;\n          padding: 0 0 28px 0;\n          margin: 0;\n        }\n\n        table thead th {\n          padding: 4px !important;\n          position: sticky;\n          top: -2px;\n          z-index: 1;\n        }\n        table thead th:first-child {\n          position: sticky;\n          left: 0;\n          z-index: 2;\n        }\n        table tbody th {\n          position: sticky;\n          left: 0;\n          z-index: 1;\n        }\n\n        .col-highlight,\n        tr:hover td,\n        tr:hover th {\n          transition: 0.3s ease-in-out all;\n          background-color: var(\n            --simple-colors-default-theme-yellow-2\n          ) !important;\n        }\n        table {\n          width: calc(100% - 2 * var(--editable-table-border-width, 1px));\n          border-collapse: collapse;\n          border-width: var(--editable-table-border-width, 1px);\n          border-style: var(--editable-table-border-style, solid);\n          border-color: var(--simple-colors-default-theme-grey-6, #999);\n          font-weight: var(--editable-table-light-weight, 200);\n          color: var(--simple-colors-default-theme-grey-10, #222);\n          background-color: var(--simple-colors-default-theme-grey-1, #fff);\n        }\n        .th,\n        .td {\n          font-weight: var(--editable-table-light-weight, 200);\n          color: var(--simple-colors-default-theme-grey-10, #222);\n          background-color: var(--simple-colors-default-theme-grey-1, #fff);\n        }\n        caption {\n          font-size: var(\n            --editable-table-caption-font-size,\n            var(--editable-table-font-size, unset)\n          );\n          font-weight: var(--editable-table-heavy-weight, 600);\n          color: var(\n            --editable-table-caption-color,\n            var(--simple-colors-default-theme-grey-10, #222)\n          );\n          background-color: var(\n            --editable-table-caption-bg-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          width: 100%;\n        }\n        .tr {\n          display: table-row;\n        }\n        .th-or-td {\n          display: table-cell;\n        }\n        .thead .th-or-td {\n          height: 32px;\n          padding: 0;\n          margin: 0;\n        }\n        .thead-tr .th {\n          background-color: var(--simple-colors-default-theme-grey-2, #e0e0e0);\n          font-weight: var(--editable-table-heavy-weight, 600);\n          color: var(--simple-colors-default-theme-grey-12, #000);\n        }\n        .tbody-tr .th {\n          font-weight: var(--editable-table-heavy-weight, 600);\n          color: var(--simple-colors-default-theme-grey-12, #000);\n          background-color: var(--simple-colors-default-theme-grey-1, #fff);\n          text-align: left;\n        }\n        table[bordered] .th,\n        table[bordered] .td {\n          border-width: var(--editable-table-border-width, 1px);\n          border-style: var(--editable-table-border-style, solid);\n          border-color: var(--simple-colors-default-theme-grey-6, #999);\n        }\n        table[condensed] {\n          --editable-table-cell-vertical-padding: var(\n            --editable-table-cell-vertical-padding-condensed,\n            2px\n          );\n          --editable-table-cell-horizontal-padding: var(\n            --editable-table-cell-horizontal-padding-condensed,\n            4px\n          );\n        }\n        table[striped] .tbody-tr:nth-child(2n + 1) .th-or-td {\n          background-color: var(--simple-colors-default-theme-grey-2, #f0f0f0);\n        }\n        .tfoot-tr .th,\n        .tfoot-tr .td {\n          border-top: 2px solid var(--simple-colors-default-theme-grey-10, #222);\n          font-weight: var(--editable-table-heavy-weight, 600);\n          color: var(--simple-colors-default-theme-grey-12, #000);\n        }\n        caption,\n        .th-or-td {\n          text-align: left;\n        }\n        table[numeric-styles] .thead-tr .th-or-td[numeric],\n        table[numeric-styles] .tfoot-tr .th-or-td[numeric],\n        table[numeric-styles] .th-or-td[numeric] {\n          text-align: center;\n          font-size: 24px;\n          font-family: sans-serif;\n          --editable-table-cell-justify: flex-end;\n        }\n        table[numeric-styles] .tfoot-tr .th-or-td[negative],\n        table[numeric-styles] .td[negative] {\n          color: var(--simple-colors-default-theme-red-7, red);\n          --editable-table-cell-color: var(\n            --editable-table-negative-color,\n            red\n          );\n        }\n\n        caption > div {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n        }\n        caption > div > *:not(:last-child) {\n          padding: 0 0 5px;\n        }\n        #column {\n          width: calc(var(--simple-picker-option-size) + 6px);\n          overflow: visible;\n          display: none;\n          margin-left: 10px;\n          --simple-picker-border-width: 1px;\n          --simple-picker-focus-border-width: 1px;\n          --simple-picker-border-color: var(\n            --simple-colors-default-theme-grey-6,\n            #999\n          );\n        }\n        .th,\n        .td {\n          padding: 0;\n        }\n        .top-controls {\n          background-color: var(--simple-colors-default-theme-accent-12);\n          color: var(--simple-colors-default-theme-accent-1);\n          height: 36px;\n          vertical-align: middle;\n          width: 100%;\n          display: flex;\n        }\n        .top-controls .group {\n          padding: 0 8px;\n        }\n        .top-controls .app-name {\n          padding: 0 24px 0 16px;\n        }\n        .top-controls simple-icon-button-lite span {\n          padding: 0 8px 0 0;\n        }\n        .top-controls .divider-left {\n          border-left: 1px solid var(--simple-colors-default-theme-accent-1);\n        }\n        .top-controls .divider-right {\n          border-right: 1px solid var(--simple-colors-default-theme-accent-1);\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/GradeBookUIPieces.js b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/GradeBookUIPieces.js
index fd227b86498..8f8158668b0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/GradeBookUIPieces.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/GradeBookUIPieces.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
   _exports.UIRenderPieces = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_de00b8001f0511ed8cc3e9a95995ad69, _templateObject2_de00b8001f0511ed8cc3e9a95995ad69, _templateObject3_de00b8001f0511ed8cc3e9a95995ad69, _templateObject4_de00b8001f0511ed8cc3e9a95995ad69, _templateObject5_de00b8001f0511ed8cc3e9a95995ad69, _templateObject6_de00b8001f0511ed8cc3e9a95995ad69, _templateObject7_de00b8001f0511ed8cc3e9a95995ad69, _templateObject8_de00b8001f0511ed8cc3e9a95995ad69, _templateObject9_de00b8001f0511ed8cc3e9a95995ad69, _templateObject10_de00b8001f0511ed8cc3e9a95995ad69, _templateObject11_de00b8001f0511ed8cc3e9a95995ad69, _templateObject12_de00b8001f0511ed8cc3e9a95995ad69, _templateObject13_de00b8001f0511ed8cc3e9a95995ad69, _templateObject14_de00b8001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b4e68d201f2611eda0c389891c227ec8, _templateObject2_b4e68d201f2611eda0c389891c227ec8, _templateObject3_b4e68d201f2611eda0c389891c227ec8, _templateObject4_b4e68d201f2611eda0c389891c227ec8, _templateObject5_b4e68d201f2611eda0c389891c227ec8, _templateObject6_b4e68d201f2611eda0c389891c227ec8, _templateObject7_b4e68d201f2611eda0c389891c227ec8, _templateObject8_b4e68d201f2611eda0c389891c227ec8, _templateObject9_b4e68d201f2611eda0c389891c227ec8, _templateObject10_b4e68d201f2611eda0c389891c227ec8, _templateObject11_b4e68d201f2611eda0c389891c227ec8, _templateObject12_b4e68d201f2611eda0c389891c227ec8, _templateObject13_b4e68d201f2611eda0c389891c227ec8, _templateObject14_b4e68d201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -52,8 +52,8 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
         function renderActiveStudentBtn() {
           var _this2 = this;
 
-          return (0, _index.html)(_templateObject_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button-lite\n          @click=\"", "\"\n          id=\"activestudentbtn\"\n          ?disabled=\"", "\"\n        >\n          ", "\n          <span class=\"hide-900\">", "</span>\n        </simple-icon-button-lite>\n        <simple-popover\n          ?hidden=\"", "\"\n          for=\"activestudentbtn\"\n          auto\n        >\n          <div>\n            ", "\n\n            <div class=\"active-student-grade-history\">\n              ", "\n            </div>\n          </div>\n        </simple-popover>"])), this.toggleActiveStudentOverview, !this.ready, this.database.roster[this.activeStudent] && this.database.roster[this.activeStudent].photo ? (0, _index.html)(_templateObject2_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject2_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<img\n                src=\"", "\"\n                loading=\"lazy\"\n              />"])), this.database.roster[this.activeStudent].photo) : (0, _index.html)(_templateObject3_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject3_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite icon=\"social:person\"></simple-icon-lite>"]))), this.t.activeStudent, this.hideActiveStudentOverview, this.database.roster[this.activeStudent] ? (0, _index.html)(_templateObject4_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject4_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <grade-book-student-block\n                  .student=\"", "\"\n                ></grade-book-student-block>"])), this.database.roster[this.activeStudent]) : _index.nothing, this.activeStudentSubmissions.map(function (sRecord) {
-            return (0, _index.html)(_templateObject5_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject5_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <button\n                    .value=\"", "\"\n                    @click=\"", "\"\n                    class=\"", "\"\n                  >\n                    <letter-grade\n                      mini\n                      label=\"", "\"\n                      .total=\"", "\"\n                      .score=\"", "\"\n                      .value=\"", "\"\n                    >\n                    </letter-grade>\n                  </button>\n                "])), sRecord.assignmentIndex, _this2.studentLetterGradeHistoryClick, _this2.activeAssignment === sRecord.assignmentIndex ? "activeAssignment" : "", sRecord.assignmentName, sRecord.assignmentPoints, sRecord.studentScore, sRecord.assignmentIndex);
+          return (0, _index.html)(_templateObject_b4e68d201f2611eda0c389891c227ec8 || (_templateObject_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button-lite\n          @click=\"", "\"\n          id=\"activestudentbtn\"\n          ?disabled=\"", "\"\n        >\n          ", "\n          <span class=\"hide-900\">", "</span>\n        </simple-icon-button-lite>\n        <simple-popover\n          ?hidden=\"", "\"\n          for=\"activestudentbtn\"\n          auto\n        >\n          <div>\n            ", "\n\n            <div class=\"active-student-grade-history\">\n              ", "\n            </div>\n          </div>\n        </simple-popover>"])), this.toggleActiveStudentOverview, !this.ready, this.database.roster[this.activeStudent] && this.database.roster[this.activeStudent].photo ? (0, _index.html)(_templateObject2_b4e68d201f2611eda0c389891c227ec8 || (_templateObject2_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<img\n                src=\"", "\"\n                loading=\"lazy\"\n              />"])), this.database.roster[this.activeStudent].photo) : (0, _index.html)(_templateObject3_b4e68d201f2611eda0c389891c227ec8 || (_templateObject3_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite icon=\"social:person\"></simple-icon-lite>"]))), this.t.activeStudent, this.hideActiveStudentOverview, this.database.roster[this.activeStudent] ? (0, _index.html)(_templateObject4_b4e68d201f2611eda0c389891c227ec8 || (_templateObject4_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <grade-book-student-block\n                  .student=\"", "\"\n                ></grade-book-student-block>"])), this.database.roster[this.activeStudent]) : _index.nothing, this.activeStudentSubmissions.map(function (sRecord) {
+            return (0, _index.html)(_templateObject5_b4e68d201f2611eda0c389891c227ec8 || (_templateObject5_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <button\n                    .value=\"", "\"\n                    @click=\"", "\"\n                    class=\"", "\"\n                  >\n                    <letter-grade\n                      mini\n                      label=\"", "\"\n                      .total=\"", "\"\n                      .score=\"", "\"\n                      .value=\"", "\"\n                    >\n                    </letter-grade>\n                  </button>\n                "])), sRecord.assignmentIndex, _this2.studentLetterGradeHistoryClick, _this2.activeAssignment === sRecord.assignmentIndex ? "activeAssignment" : "", sRecord.assignmentName, sRecord.assignmentPoints, sRecord.studentScore, sRecord.assignmentIndex);
           }));
         } // toggle logic for active student
 
@@ -72,8 +72,8 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
       }, {
         key: "renderGradeScaleBtn",
         value: function renderGradeScaleBtn() {
-          return (0, _index.html)(_templateObject6_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject6_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-icon-button-lite\n          icon=\"list\"\n          @click=\"", "\"\n          id=\"gradescalebtn\"\n          ?disabled=\"", "\"\n        >\n          <span class=\"hide-900\">", "</span>\n        </simple-icon-button-lite>\n        <simple-popover\n          ?hidden=\"", "\"\n          for=\"gradescalebtn\"\n          auto\n        >\n          <editable-table-display\n            accent-color=\"", "\"\n            bordered\n            column-header\n            condensed\n            disable-responsive\n            scroll\n            striped\n          >\n            <table>\n              <tbody>\n                <tr>\n                  <td>", "</td>\n                  <td>", "</td>\n                  <td>", "</td>\n                </tr>\n                ", "\n              </tbody>\n            </table>\n          </editable-table-display>\n        </simple-popover>"])), this.toggleGradeScale, !this.ready, this.t.gradingScale, this.hideGradeScale, this.accentColor, this.t.letterGrade, this.t.highRange, this.t.lowRange, this.database.gradeScale.map(function (scale) {
-            return (0, _index.html)(_templateObject7_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject7_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <tr>\n                      <td>", "</td>\n                      <td>", "</td>\n                      <td>", "</td>\n                    </tr>\n                  "])), scale.letter, scale.highRange, scale.lowRange);
+          return (0, _index.html)(_templateObject6_b4e68d201f2611eda0c389891c227ec8 || (_templateObject6_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-icon-button-lite\n          icon=\"list\"\n          @click=\"", "\"\n          id=\"gradescalebtn\"\n          ?disabled=\"", "\"\n        >\n          <span class=\"hide-900\">", "</span>\n        </simple-icon-button-lite>\n        <simple-popover\n          ?hidden=\"", "\"\n          for=\"gradescalebtn\"\n          auto\n        >\n          <editable-table-display\n            accent-color=\"", "\"\n            bordered\n            column-header\n            condensed\n            disable-responsive\n            scroll\n            striped\n          >\n            <table>\n              <tbody>\n                <tr>\n                  <td>", "</td>\n                  <td>", "</td>\n                  <td>", "</td>\n                </tr>\n                ", "\n              </tbody>\n            </table>\n          </editable-table-display>\n        </simple-popover>"])), this.toggleGradeScale, !this.ready, this.t.gradingScale, this.hideGradeScale, this.accentColor, this.t.letterGrade, this.t.highRange, this.t.lowRange, this.database.gradeScale.map(function (scale) {
+            return (0, _index.html)(_templateObject7_b4e68d201f2611eda0c389891c227ec8 || (_templateObject7_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <tr>\n                      <td>", "</td>\n                      <td>", "</td>\n                      <td>", "</td>\n                    </tr>\n                  "])), scale.letter, scale.highRange, scale.lowRange);
           }));
         } // toggle logic for button
 
@@ -92,7 +92,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
       }, {
         key: "renderSettingsBtn",
         value: function renderSettingsBtn() {
-          return (0, _index.html)(_templateObject8_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject8_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-icon-button-lite\n          icon=\"settings\"\n          @click=\"", "\"\n          id=\"settings\"\n          ?disabled=\"", "\"\n          class=\"divider-left\"\n        >\n          <span class=\"hide-900\">", "</span>\n        </simple-icon-button-lite>\n        <simple-popover\n          ?hidden=\"", "\"\n          for=\"settings\"\n          auto\n          @value-changed=\"", "\"\n        >\n          <simple-fields-field\n            value=\"", "\"\n            type=\"checkbox\"\n            label=\"", "\"\n            name=\"photo\"\n          ></simple-fields-field>\n          <simple-fields-field\n            value=\"", "\"\n            type=\"checkbox\"\n            label=\"", "\"\n            name=\"email\"\n          ></simple-fields-field>\n          <simple-fields-field\n            value=\"", "\"\n            type=\"checkbox\"\n            label=\"", "\"\n            name=\"fname\"\n          ></simple-fields-field>\n          <simple-fields-field\n            value=\"", "\"\n            type=\"checkbox\"\n            label=\"", "\"\n            name=\"surname\"\n          ></simple-fields-field>\n        </simple-popover>"])), this.toggleSettings, !this.ready, this.t.settings, this.hideSettings, this.settingChanged, this.settings.photo, this.t.photo, this.settings.email, this.t.email, this.settings.fname, this.t.firstName, this.settings.surname, this.t.surname);
+          return (0, _index.html)(_templateObject8_b4e68d201f2611eda0c389891c227ec8 || (_templateObject8_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-icon-button-lite\n          icon=\"settings\"\n          @click=\"", "\"\n          id=\"settings\"\n          ?disabled=\"", "\"\n          class=\"divider-left\"\n        >\n          <span class=\"hide-900\">", "</span>\n        </simple-icon-button-lite>\n        <simple-popover\n          ?hidden=\"", "\"\n          for=\"settings\"\n          auto\n          @value-changed=\"", "\"\n        >\n          <simple-fields-field\n            value=\"", "\"\n            type=\"checkbox\"\n            label=\"", "\"\n            name=\"photo\"\n          ></simple-fields-field>\n          <simple-fields-field\n            value=\"", "\"\n            type=\"checkbox\"\n            label=\"", "\"\n            name=\"email\"\n          ></simple-fields-field>\n          <simple-fields-field\n            value=\"", "\"\n            type=\"checkbox\"\n            label=\"", "\"\n            name=\"fname\"\n          ></simple-fields-field>\n          <simple-fields-field\n            value=\"", "\"\n            type=\"checkbox\"\n            label=\"", "\"\n            name=\"surname\"\n          ></simple-fields-field>\n        </simple-popover>"])), this.toggleSettings, !this.ready, this.t.settings, this.hideSettings, this.settingChanged, this.settings.photo, this.t.photo, this.settings.email, this.t.email, this.settings.fname, this.t.firstName, this.settings.surname, this.t.surname);
         } // toggle logic for button
 
       }, {
@@ -110,7 +110,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
       }, {
         key: "renderActiveAssignmentBtn",
         value: function renderActiveAssignmentBtn() {
-          return (0, _index.html)(_templateObject9_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject9_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button-lite\n          icon=\"assignment\"\n          @click=\"", "\"\n          id=\"activeassignmentbtn\"\n          ?disabled=\"", "\"\n        >\n          <span class=\"hide-900\">", "</span>\n        </simple-icon-button-lite>\n        <simple-popover\n          ?hidden=\"", "\"\n          for=\"activeassignmentbtn\"\n          auto\n        >\n          ", "\n        </simple-popover>"])), this.toggleActiveAssignment, !this.ready, this.t.activeAssignment, this.hideActiveAssignment, this.database.assignments[this.activeAssignment] ? (0, _index.html)(_templateObject10_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject10_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <h3>\n                  ", "\n                </h3>\n                ", ":\n                <local-time\n                  .datetime=\"", "\"\n                  month=\"short\"\n                  day=\"numeric\"\n                  year=\"numeric\"\n                  hour=\"numeric\"\n                  minute=\"numeric\"\n                  time-zone-name=\"short\"\n                >\n                </local-time>\n              "])), this.database.assignments[this.activeAssignment].name, this.t.dueDate, this.database.assignments[this.activeAssignment]._ISODueDate) : _index.nothing);
+          return (0, _index.html)(_templateObject9_b4e68d201f2611eda0c389891c227ec8 || (_templateObject9_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button-lite\n          icon=\"assignment\"\n          @click=\"", "\"\n          id=\"activeassignmentbtn\"\n          ?disabled=\"", "\"\n        >\n          <span class=\"hide-900\">", "</span>\n        </simple-icon-button-lite>\n        <simple-popover\n          ?hidden=\"", "\"\n          for=\"activeassignmentbtn\"\n          auto\n        >\n          ", "\n        </simple-popover>"])), this.toggleActiveAssignment, !this.ready, this.t.activeAssignment, this.hideActiveAssignment, this.database.assignments[this.activeAssignment] ? (0, _index.html)(_templateObject10_b4e68d201f2611eda0c389891c227ec8 || (_templateObject10_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <h3>\n                  ", "\n                </h3>\n                ", ":\n                <local-time\n                  .datetime=\"", "\"\n                  month=\"short\"\n                  day=\"numeric\"\n                  year=\"numeric\"\n                  hour=\"numeric\"\n                  minute=\"numeric\"\n                  time-zone-name=\"short\"\n                >\n                </local-time>\n              "])), this.database.assignments[this.activeAssignment].name, this.t.dueDate, this.database.assignments[this.activeAssignment]._ISODueDate) : _index.nothing);
         } // toggle logic for button
 
       }, {
@@ -129,7 +129,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
       }, {
         key: "renderRubricInfoBtn",
         value: function renderRubricInfoBtn(index, criteria, details) {
-          return (0, _index.html)(_templateObject11_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject11_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button-lite\n          icon=\"info\"\n          @click=\"", "\"\n          id=\"rubricinfo", "\"\n          data-id=\"", "\"\n        >\n          <span class=\"hide-900\" data-id=\"", "\">", "</span>\n        </simple-icon-button-lite>\n        <simple-popover\n          ?hidden=\"", "\"\n          for=\"rubricinfo", "\"\n          auto\n        >\n          <p style=\"max-width:20vw;\">", "</p>\n        </simple-popover>"])), this.toggleRubricInfo, index, index, index, criteria, !this.hideRubricInfo[index], index, details);
+          return (0, _index.html)(_templateObject11_b4e68d201f2611eda0c389891c227ec8 || (_templateObject11_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button-lite\n          icon=\"info\"\n          @click=\"", "\"\n          id=\"rubricinfo", "\"\n          data-id=\"", "\"\n        >\n          <span class=\"hide-900\" data-id=\"", "\">", "</span>\n        </simple-icon-button-lite>\n        <simple-popover\n          ?hidden=\"", "\"\n          for=\"rubricinfo", "\"\n          auto\n        >\n          <p style=\"max-width:20vw;\">", "</p>\n        </simple-popover>"])), this.toggleRubricInfo, index, index, index, criteria, !this.hideRubricInfo[index], index, details);
         } // toggle logic for button
 
       }, {
@@ -144,8 +144,8 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
         value: function renderDisplayModeBtn() {
           var _this3 = this;
 
-          return (0, _index.html)(_templateObject12_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject12_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.displayModeData().map(function (value, i) {
-            return (0, _index.html)(_templateObject13_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject13_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <simple-icon-button-lite\n            icon=\"", "\"\n            @click=\"", "\"\n            data-id=\"", "\"\n            ?disabled=\"", "\"\n          >\n            <span class=\"hide-900\" data-id=\"", "\">", "</span>\n          </simple-icon-button-lite>\n        "])), value.icon, _this3.toggleDisplayMode, i, _this3.displayMode === i, i, value.label);
+          return (0, _index.html)(_templateObject12_b4e68d201f2611eda0c389891c227ec8 || (_templateObject12_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.displayModeData().map(function (value, i) {
+            return (0, _index.html)(_templateObject13_b4e68d201f2611eda0c389891c227ec8 || (_templateObject13_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <simple-icon-button-lite\n            icon=\"", "\"\n            @click=\"", "\"\n            data-id=\"", "\"\n            ?disabled=\"", "\"\n          >\n            <span class=\"hide-900\" data-id=\"", "\">", "</span>\n          </simple-icon-button-lite>\n        "])), value.icon, _this3.toggleDisplayMode, i, _this3.displayMode === i, i, value.label);
           }));
         }
       }, {
@@ -198,7 +198,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
       }, {
         key: "styles",
         get: function get() {
-          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), [(0, _index.css)(_templateObject14_de00b8001f0511ed8cc3e9a95995ad69 || (_templateObject14_de00b8001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          .top-controls simple-icon-button-lite {\n            margin: 0;\n            border-radius: 0;\n            height: 36px;\n          }\n          .top-controls simple-icon-button-lite:not([disabled])::part(button) {\n            outline: none;\n            height: 36px;\n            border-radius: 0;\n            padding: 0 8px;\n          }\n          .top-controls\n            simple-icon-button-lite:not([disabled])::part(button):focus,\n          .top-controls\n            simple-icon-button-lite:not([disabled])::part(button):hover {\n            background-color: var(--simple-colors-default-theme-accent-11);\n            outline: 2px solid var(--simple-colors-default-theme-accent-1);\n            outline-offset: -2px;\n            color: var(--simple-colors-default-theme-accent-1);\n          }\n          #activestudentbtn img,\n          #activestudentbtn simple-icon-lite {\n            --simple-icon-width: 32px;\n            --simple-icon-height: 32px;\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            vertical-align: middle;\n            margin-right: 4px;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), [(0, _index.css)(_templateObject14_b4e68d201f2611eda0c389891c227ec8 || (_templateObject14_b4e68d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          .top-controls simple-icon-button-lite {\n            margin: 0;\n            border-radius: 0;\n            height: 36px;\n          }\n          .top-controls simple-icon-button-lite:not([disabled])::part(button) {\n            outline: none;\n            height: 36px;\n            border-radius: 0;\n            padding: 0 8px;\n          }\n          .top-controls\n            simple-icon-button-lite:not([disabled])::part(button):focus,\n          .top-controls\n            simple-icon-button-lite:not([disabled])::part(button):hover {\n            background-color: var(--simple-colors-default-theme-accent-11);\n            outline: 2px solid var(--simple-colors-default-theme-accent-1);\n            outline-offset: -2px;\n            color: var(--simple-colors-default-theme-accent-1);\n          }\n          #activestudentbtn img,\n          #activestudentbtn simple-icon-lite {\n            --simple-icon-width: 32px;\n            --simple-icon-height: 32px;\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            vertical-align: middle;\n            margin-right: 4px;\n          }\n        "])))]);
         }
       }]);
       return _class;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-pop-up.js b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-pop-up.js
index 9a0e1a8c3d5..208cf7fa9f0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-pop-up.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-pop-up.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "./grade-book-store.js",
   _exports.GradeBookPopUp = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_de0413601f0511ed8cc3e9a95995ad69, _templateObject2_de0413601f0511ed8cc3e9a95995ad69, _templateObject3_de0413601f0511ed8cc3e9a95995ad69, _templateObject4_de0413601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b4ea36a01f2611eda0c389891c227ec8, _templateObject2_b4ea36a01f2611eda0c389891c227ec8, _templateObject3_b4ea36a01f2611eda0c389891c227ec8, _templateObject4_b4ea36a01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -67,21 +67,21 @@ define(["exports", "require", "../../../lit/index.js", "./grade-book-store.js",
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_de0413601f0511ed8cc3e9a95995ad69 || (_templateObject_de0413601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        grade-book-pop-up .shortcut-btns {\n          position: sticky;\n          background-color: var(\n            --simple-colors-default-theme-accent-12,\n            #001333\n          );\n          color: var(--simple-colors-default-theme-accent-1, #e2ecff);\n          height: 36px;\n          vertical-align: middle;\n          width: 100%;\n          display: flex;\n        }\n        grade-book-pop-up .shortcut-btns button {\n          background: transparent;\n          margin: 0 10px;\n          padding: 4px 8px;\n          font-size: 12px;\n          color: var(--simple-colors-default-theme-accent-1, #e2ecff);\n          border: none;\n          outline: 1px solid white;\n          cursor: pointer;\n        }\n        .active-submission {\n          overflow: hidden;\n          /* 16:9 aspect ratio */\n          padding-top: 56.25%;\n          position: relative;\n        }\n\n        .active-submission iframe {\n          border: 0;\n          height: 100%;\n          left: 0;\n          position: absolute;\n          top: 0;\n          width: 100%;\n        }\n      </style>\n      <div class=\"shortcut-btns\">\n        <button @click=\"", "\" value=\"prev-Student\">\n          Previous student\n        </button>\n        <button @click=\"", "\" value=\"next-Student\">\n          Next student\n        </button>\n        <button @click=\"", "\" value=\"prev-Assignment\">\n          Previous assignment\n        </button>\n        <button @click=\"", "\" value=\"next-Assignment\">\n          Next assignment\n        </button>\n      </div>\n      <div class=\"assignment-container\">\n        ", "\n      </div>\n    "])), this.changeActive, this.changeActive, this.changeActive, this.changeActive, this.renderStudentSubmission(this.activeSubmission));
+        return (0, _index.html)(_templateObject_b4ea36a01f2611eda0c389891c227ec8 || (_templateObject_b4ea36a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        grade-book-pop-up .shortcut-btns {\n          position: sticky;\n          background-color: var(\n            --simple-colors-default-theme-accent-12,\n            #001333\n          );\n          color: var(--simple-colors-default-theme-accent-1, #e2ecff);\n          height: 36px;\n          vertical-align: middle;\n          width: 100%;\n          display: flex;\n        }\n        grade-book-pop-up .shortcut-btns button {\n          background: transparent;\n          margin: 0 10px;\n          padding: 4px 8px;\n          font-size: 12px;\n          color: var(--simple-colors-default-theme-accent-1, #e2ecff);\n          border: none;\n          outline: 1px solid white;\n          cursor: pointer;\n        }\n        .active-submission {\n          overflow: hidden;\n          /* 16:9 aspect ratio */\n          padding-top: 56.25%;\n          position: relative;\n        }\n\n        .active-submission iframe {\n          border: 0;\n          height: 100%;\n          left: 0;\n          position: absolute;\n          top: 0;\n          width: 100%;\n        }\n      </style>\n      <div class=\"shortcut-btns\">\n        <button @click=\"", "\" value=\"prev-Student\">\n          Previous student\n        </button>\n        <button @click=\"", "\" value=\"next-Student\">\n          Next student\n        </button>\n        <button @click=\"", "\" value=\"prev-Assignment\">\n          Previous assignment\n        </button>\n        <button @click=\"", "\" value=\"next-Assignment\">\n          Next assignment\n        </button>\n      </div>\n      <div class=\"assignment-container\">\n        ", "\n      </div>\n    "])), this.changeActive, this.changeActive, this.changeActive, this.changeActive, this.renderStudentSubmission(this.activeSubmission));
       }
     }, {
       key: "renderStudentSubmission",
       value: function renderStudentSubmission(data) {
-        var pre = (0, _index.html)(_templateObject2_de0413601f0511ed8cc3e9a95995ad69 || (_templateObject2_de0413601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<h3>", "</h3>\n      ", "\n      <relative-time\n        .datetime=\"", "\"\n      ></relative-time> "])), this.t.studentSubmission, this.t.submitted, _gradeBookStore.GradeBookStore.database.assignments[_gradeBookStore.GradeBookStore.activeAssignment]._ISODueDate); // test if this smells like a URL
+        var pre = (0, _index.html)(_templateObject2_b4ea36a01f2611eda0c389891c227ec8 || (_templateObject2_b4ea36a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<h3>", "</h3>\n      ", "\n      <relative-time\n        .datetime=\"", "\"\n      ></relative-time> "])), this.t.studentSubmission, this.t.submitted, _gradeBookStore.GradeBookStore.database.assignments[_gradeBookStore.GradeBookStore.activeAssignment]._ISODueDate); // test if this smells like a URL
 
         if ((0, _utils.validURL)(data)) {
-          return (0, _index.html)(_templateObject3_de0413601f0511ed8cc3e9a95995ad69 || (_templateObject3_de0413601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "<a\n          href=\"", "\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <button>", "</button></a\n        >\n        <div class=\"active-submission\">\n          <iframe\n            width=\"560\"\n            height=\"315\"\n            loading=\"lazy\"\n            src=\"", "\"\n            frameborder=\"0\"\n            allow=\"encrypted-media;\"\n            allowfullscreen\n          ></iframe>\n        </div>"])), pre, data, this.t.openInNewWindow, (0, _utils.cleanVideoSource)(data));
+          return (0, _index.html)(_templateObject3_b4ea36a01f2611eda0c389891c227ec8 || (_templateObject3_b4ea36a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "<a\n          href=\"", "\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <button>", "</button></a\n        >\n        <div class=\"active-submission\">\n          <iframe\n            width=\"560\"\n            height=\"315\"\n            loading=\"lazy\"\n            src=\"", "\"\n            frameborder=\"0\"\n            allow=\"encrypted-media;\"\n            allowfullscreen\n          ></iframe>\n        </div>"])), pre, data, this.t.openInNewWindow, (0, _utils.cleanVideoSource)(data));
         } else {
           // see if we can just present this as data
           new Promise(function (res, rej) {
             return _require.default(["../../md-block/md-block.js"], res, rej);
           });
-          return (0, _index.html)(_templateObject4_de0413601f0511ed8cc3e9a95995ad69 || (_templateObject4_de0413601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "\n        <div class=\"active-submission\">\n          <md-block .markdown=\"", "\"></md-block>\n        </div>"])), pre, data);
+          return (0, _index.html)(_templateObject4_b4ea36a01f2611eda0c389891c227ec8 || (_templateObject4_b4ea36a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "\n        <div class=\"active-submission\">\n          <md-block .markdown=\"", "\"></md-block>\n        </div>"])), pre, data);
         }
       }
     }], [{
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-student-block.js b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-student-block.js
index 77947fb065f..2e3890af18e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-student-block.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-student-block.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../i18n-manager/lib/I18NMixin.js
   });
   _exports.GradeBookStudentBlock = void 0;
 
-  var _templateObject_de091c701f0511ed8cc3e9a95995ad69, _templateObject2_de091c701f0511ed8cc3e9a95995ad69, _templateObject3_de091c701f0511ed8cc3e9a95995ad69, _templateObject4_de091c701f0511ed8cc3e9a95995ad69, _templateObject5_de091c701f0511ed8cc3e9a95995ad69, _templateObject6_de091c701f0511ed8cc3e9a95995ad69, _templateObject7_de091c701f0511ed8cc3e9a95995ad69, _templateObject8_de091c701f0511ed8cc3e9a95995ad69, _templateObject9_de091c701f0511ed8cc3e9a95995ad69;
+  var _templateObject_b4ee2e401f2611eda0c389891c227ec8, _templateObject2_b4ee2e401f2611eda0c389891c227ec8, _templateObject3_b4ee2e401f2611eda0c389891c227ec8, _templateObject4_b4ee2e401f2611eda0c389891c227ec8, _templateObject5_b4ee2e401f2611eda0c389891c227ec8, _templateObject6_b4ee2e401f2611eda0c389891c227ec8, _templateObject7_b4ee2e401f2611eda0c389891c227ec8, _templateObject8_b4ee2e401f2611eda0c389891c227ec8, _templateObject9_b4ee2e401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -43,7 +43,7 @@ define(["exports", "../../../lit/index.js", "../../i18n-manager/lib/I18NMixin.js
     babelHelpers.createClass(GradeBookStudentBlock, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_de091c701f0511ed8cc3e9a95995ad69 || (_templateObject_de091c701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <grid-plate layout=\"1-2\" disable-responsive>\n        <div slot=\"col-1\" style=\"text-align:center;\">\n          ", "\n        </div>\n        <div slot=\"col-2\">\n          <h2>", "</h2>\n          <ul>\n            ", "\n            ", "\n            ", "\n            ", "\n            ", "\n          </ul>\n        </div>\n      </grid-plate>\n    "])), this.student.photo ? (0, _index.html)(_templateObject2_de091c701f0511ed8cc3e9a95995ad69 || (_templateObject2_de091c701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <img\n                  src=\"", "\"\n                  alt=\"", " ", "\"\n                />\n              "])), this.student.photo, this.t.photoOf, this.student.prefName) : (0, _index.html)(_templateObject3_de091c701f0511ed8cc3e9a95995ad69 || (_templateObject3_de091c701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <simple-icon-lite icon=\"account-circle\"></simple-icon-lite>\n              "]))), this.student.name, this.student.userId ? (0, _index.html)(_templateObject4_de091c701f0511ed8cc3e9a95995ad69 || (_templateObject4_de091c701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<li>", ": ", "</li>"])), this.t.userID, this.student.userId) : "", this.student.prefName ? (0, _index.html)(_templateObject5_de091c701f0511ed8cc3e9a95995ad69 || (_templateObject5_de091c701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<li>", ": ", "</li>"])), this.t.preferredName, this.student.prefName) : "", this.student.email ? (0, _index.html)(_templateObject6_de091c701f0511ed8cc3e9a95995ad69 || (_templateObject6_de091c701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<li>\n                  <a href=\"mailto:", "\"\n                    >", "</a\n                  >\n                </li>"])), this.student.email, this.t.emailAddress) : "", this.student.notes ? (0, _index.html)(_templateObject7_de091c701f0511ed8cc3e9a95995ad69 || (_templateObject7_de091c701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<li>", ": ", "</li>"])), this.t.notes, this.student.notes) : "", this.student.interests ? (0, _index.html)(_templateObject8_de091c701f0511ed8cc3e9a95995ad69 || (_templateObject8_de091c701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<li>\n                  ", ": ", "\n                </li>"])), this.t.interests, this.student.interests.join(",")) : "");
+        return (0, _index.html)(_templateObject_b4ee2e401f2611eda0c389891c227ec8 || (_templateObject_b4ee2e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <grid-plate layout=\"1-2\" disable-responsive>\n        <div slot=\"col-1\" style=\"text-align:center;\">\n          ", "\n        </div>\n        <div slot=\"col-2\">\n          <h2>", "</h2>\n          <ul>\n            ", "\n            ", "\n            ", "\n            ", "\n            ", "\n          </ul>\n        </div>\n      </grid-plate>\n    "])), this.student.photo ? (0, _index.html)(_templateObject2_b4ee2e401f2611eda0c389891c227ec8 || (_templateObject2_b4ee2e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <img\n                  src=\"", "\"\n                  alt=\"", " ", "\"\n                />\n              "])), this.student.photo, this.t.photoOf, this.student.prefName) : (0, _index.html)(_templateObject3_b4ee2e401f2611eda0c389891c227ec8 || (_templateObject3_b4ee2e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <simple-icon-lite icon=\"account-circle\"></simple-icon-lite>\n              "]))), this.student.name, this.student.userId ? (0, _index.html)(_templateObject4_b4ee2e401f2611eda0c389891c227ec8 || (_templateObject4_b4ee2e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<li>", ": ", "</li>"])), this.t.userID, this.student.userId) : "", this.student.prefName ? (0, _index.html)(_templateObject5_b4ee2e401f2611eda0c389891c227ec8 || (_templateObject5_b4ee2e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<li>", ": ", "</li>"])), this.t.preferredName, this.student.prefName) : "", this.student.email ? (0, _index.html)(_templateObject6_b4ee2e401f2611eda0c389891c227ec8 || (_templateObject6_b4ee2e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<li>\n                  <a href=\"mailto:", "\"\n                    >", "</a\n                  >\n                </li>"])), this.student.email, this.t.emailAddress) : "", this.student.notes ? (0, _index.html)(_templateObject7_b4ee2e401f2611eda0c389891c227ec8 || (_templateObject7_b4ee2e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<li>", ": ", "</li>"])), this.t.notes, this.student.notes) : "", this.student.interests ? (0, _index.html)(_templateObject8_b4ee2e401f2611eda0c389891c227ec8 || (_templateObject8_b4ee2e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<li>\n                  ", ": ", "\n                </li>"])), this.t.interests, this.student.interests.join(",")) : "");
       }
     }], [{
       key: "properties",
@@ -57,7 +57,7 @@ define(["exports", "../../../lit/index.js", "../../i18n-manager/lib/I18NMixin.js
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject9_de091c701f0511ed8cc3e9a95995ad69 || (_templateObject9_de091c701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      img {\n        max-width: 150px;\n        height: 150px;\n        border-radius: 50%;\n      }\n      grid-plate {\n        --grid-plate-col-transition: none;\n        --grid-plate-item-margin: 0px;\n        --grid-plate-item-padding: 4px;\n      }\n      simple-icon-lite {\n        --simple-icon-height: 150px;\n        --simple-icon-width: 150px;\n      }\n    "])));
+        return (0, _index.css)(_templateObject9_b4ee2e401f2611eda0c389891c227ec8 || (_templateObject9_b4ee2e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      img {\n        max-width: 150px;\n        height: 150px;\n        border-radius: 50%;\n      }\n      grid-plate {\n        --grid-plate-col-transition: none;\n        --grid-plate-item-margin: 0px;\n        --grid-plate-item-padding: 4px;\n      }\n      simple-icon-lite {\n        --simple-icon-height: 150px;\n        --simple-icon-width: 150px;\n      }\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-table.js b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-table.js
index c82f90c7ef3..933d62e8dee 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-table.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/grade-book-table.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../editable-table/editable-table
   });
   _exports.GradeBookTable = void 0;
 
-  var _templateObject_de0aa3101f0511ed8cc3e9a95995ad69, _templateObject2_de0aa3101f0511ed8cc3e9a95995ad69, _templateObject3_de0aa3101f0511ed8cc3e9a95995ad69;
+  var _templateObject_b4efb4e01f2611eda0c389891c227ec8, _templateObject2_b4efb4e01f2611eda0c389891c227ec8, _templateObject3_b4efb4e01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -29,8 +29,8 @@ define(["exports", "../../../lit/index.js", "../../editable-table/editable-table
     babelHelpers.createClass(GradeBookTable, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_de0aa3101f0511ed8cc3e9a95995ad69 || (_templateObject_de0aa3101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <editable-table\n        ?edit-mode=\"", "\"\n        bordered\n        column-header\n        condensed\n        disable-responsive\n        scroll\n        striped\n      >\n        <table>\n          <tbody>\n            <tr>\n              <td>", "</td>\n              <td>", "</td>\n              <td>", "</td>\n            </tr>\n            ", "\n          </tbody>\n        </table>\n      </editable-table>\n    "])), this.editMode, this.t.letterGrade, this.t.highRange, this.t.lowRange, this.database.gradeScale.map(function (scale) {
-          return (0, _index.html)(_templateObject2_de0aa3101f0511ed8cc3e9a95995ad69 || (_templateObject2_de0aa3101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <tr>\n                  <td>", "</td>\n                  <td>", "</td>\n                  <td>", "</td>\n                </tr>\n              "])), scale.letter, scale.highRange, scale.lowRange);
+        return (0, _index.html)(_templateObject_b4efb4e01f2611eda0c389891c227ec8 || (_templateObject_b4efb4e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <editable-table\n        ?edit-mode=\"", "\"\n        bordered\n        column-header\n        condensed\n        disable-responsive\n        scroll\n        striped\n      >\n        <table>\n          <tbody>\n            <tr>\n              <td>", "</td>\n              <td>", "</td>\n              <td>", "</td>\n            </tr>\n            ", "\n          </tbody>\n        </table>\n      </editable-table>\n    "])), this.editMode, this.t.letterGrade, this.t.highRange, this.t.lowRange, this.database.gradeScale.map(function (scale) {
+          return (0, _index.html)(_templateObject2_b4efb4e01f2611eda0c389891c227ec8 || (_templateObject2_b4efb4e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <tr>\n                  <td>", "</td>\n                  <td>", "</td>\n                  <td>", "</td>\n                </tr>\n              "])), scale.letter, scale.highRange, scale.lowRange);
         }));
       }
     }], [{
@@ -52,7 +52,7 @@ define(["exports", "../../../lit/index.js", "../../editable-table/editable-table
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_de0aa3101f0511ed8cc3e9a95995ad69 || (_templateObject3_de0aa3101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_b4efb4e01f2611eda0c389891c227ec8 || (_templateObject3_b4efb4e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
     }]);
     return GradeBookTable;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/letter-grade-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/letter-grade-picker.js
index 5219e555e24..78cb041a25b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/letter-grade-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/letter-grade-picker.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "./grade-book-store.js",
   _exports.LetterGradePicker = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_de8810701f0511ed8cc3e9a95995ad69, _templateObject2_de8810701f0511ed8cc3e9a95995ad69, _templateObject3_de8810701f0511ed8cc3e9a95995ad69, _templateObject4_de8810701f0511ed8cc3e9a95995ad69, _templateObject5_de8810701f0511ed8cc3e9a95995ad69;
+  var _templateObject_b56c86001f2611eda0c389891c227ec8, _templateObject2_b56c86001f2611eda0c389891c227ec8, _templateObject3_b56c86001f2611eda0c389891c227ec8, _templateObject4_b56c86001f2611eda0c389891c227ec8, _templateObject5_b56c86001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -48,9 +48,9 @@ define(["exports", "require", "../../../lit/index.js", "./grade-book-store.js",
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_de8810701f0511ed8cc3e9a95995ad69 || (_templateObject_de8810701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <slot name=\"prefix\"><span class=\"prefix\">", "</span></slot>\n        ", "\n        ", "\n        <slot name=\"suffix\"></slot>\n        ", "\n      </div>\n    "])), this.label, _gradeBookStore.GradeBookStore.gradeScale.map(function (scale, index) {
-          return (0, _index.html)(_templateObject2_de8810701f0511ed8cc3e9a95995ad69 || (_templateObject2_de8810701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <button\n              ?data-selected-value=\"", "\"\n              letter=\"", "\"\n              id=\"btn", "\"\n              @click=\"", "\"\n              @mousedown=\"", "\"\n              @mouseover=\"", "\"\n              @focusin=\"", "\"\n              @mouseout=\"", "\"\n              @focusout=\"", "\"\n            >\n              <letter-grade\n                interactive\n                display-only\n                letter=\"", "\"\n                mini\n              ></letter-grade>\n            </button>\n          "])), scale.letter == _this2.value, scale.letter, index, _this2.clickScore, _this2.activeEventOn, _this2.activeEventOn, _this2.activeEventOn, _this2.activeEventOff, _this2.activeEventOff, scale.letter);
-        }), this.input ? (0, _index.html)(_templateObject3_de8810701f0511ed8cc3e9a95995ad69 || (_templateObject3_de8810701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <span class=\"score-wrapper\">\n                <simple-fields-field\n                  type=\"number\"\n                  part=\"simple-fields-field\"\n                  min=\"0\"\n                  value=\"", "\"\n                  max=\"", "\"\n                  @value-changed=\"", "\"\n                  maxlength=\"10\"\n                ></simple-fields-field>\n                / ", "</span\n              >\n            "])), this.score, this.possible, this.scoreUpdated, this.possible) : _index.nothing, this.input ? (0, _index.html)(_templateObject4_de8810701f0511ed8cc3e9a95995ad69 || (_templateObject4_de8810701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))) : _index.nothing);
+        return (0, _index.html)(_templateObject_b56c86001f2611eda0c389891c227ec8 || (_templateObject_b56c86001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <slot name=\"prefix\"><span class=\"prefix\">", "</span></slot>\n        ", "\n        ", "\n        <slot name=\"suffix\"></slot>\n        ", "\n      </div>\n    "])), this.label, _gradeBookStore.GradeBookStore.gradeScale.map(function (scale, index) {
+          return (0, _index.html)(_templateObject2_b56c86001f2611eda0c389891c227ec8 || (_templateObject2_b56c86001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <button\n              ?data-selected-value=\"", "\"\n              letter=\"", "\"\n              id=\"btn", "\"\n              @click=\"", "\"\n              @mousedown=\"", "\"\n              @mouseover=\"", "\"\n              @focusin=\"", "\"\n              @mouseout=\"", "\"\n              @focusout=\"", "\"\n            >\n              <letter-grade\n                interactive\n                display-only\n                letter=\"", "\"\n                mini\n              ></letter-grade>\n            </button>\n          "])), scale.letter == _this2.value, scale.letter, index, _this2.clickScore, _this2.activeEventOn, _this2.activeEventOn, _this2.activeEventOn, _this2.activeEventOff, _this2.activeEventOff, scale.letter);
+        }), this.input ? (0, _index.html)(_templateObject3_b56c86001f2611eda0c389891c227ec8 || (_templateObject3_b56c86001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <span class=\"score-wrapper\">\n                <simple-fields-field\n                  type=\"number\"\n                  part=\"simple-fields-field\"\n                  min=\"0\"\n                  value=\"", "\"\n                  max=\"", "\"\n                  @value-changed=\"", "\"\n                  maxlength=\"10\"\n                ></simple-fields-field>\n                / ", "</span\n              >\n            "])), this.score, this.possible, this.scoreUpdated, this.possible) : _index.nothing, this.input ? (0, _index.html)(_templateObject4_b56c86001f2611eda0c389891c227ec8 || (_templateObject4_b56c86001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))) : _index.nothing);
       }
     }, {
       key: "activeEventOn",
@@ -139,7 +139,7 @@ define(["exports", "require", "../../../lit/index.js", "./grade-book-store.js",
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject5_de8810701f0511ed8cc3e9a95995ad69 || (_templateObject5_de8810701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 18px;\n        }\n        letter-grade {\n          display: inline-flex;\n          filter: brightness(80%) saturate(50%);\n        }\n        .wrapper {\n          display: flex;\n        }\n        span.prefix,\n        .wrapper ::slotted(*) {\n          margin-right: 10px;\n          width: 90px;\n          line-height: 38px;\n          display: block;\n          padding: 0;\n          text-align: end;\n          height: 38px;\n        }\n        button {\n          background-color: transparent;\n          padding: 0;\n          margin: 0;\n          border: none;\n          border-radius: none;\n          cursor: pointer;\n        }\n        button[active=\"active\"] letter-grade,\n        letter-grade[active=\"active\"] {\n          filter: brightness(90%) saturate(4);\n          outline: 2px solid black;\n          outline-offset: -2px;\n        }\n        button[data-selected-value] letter-grade {\n          filter: brightness(100%) saturate(1);\n          outline: 4px solid black;\n          outline-offset: -4px;\n        }\n        .score-wrapper {\n          display: flex;\n          font-size: 28px;\n          line-height: 36px;\n          word-spacing: -4px;\n        }\n        simple-fields-field {\n          width: 64px;\n          margin: 0px -8px 0px 16px;\n          --simple-fields-font-size: 28px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject5_b56c86001f2611eda0c389891c227ec8 || (_templateObject5_b56c86001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 18px;\n        }\n        letter-grade {\n          display: inline-flex;\n          filter: brightness(80%) saturate(50%);\n        }\n        .wrapper {\n          display: flex;\n        }\n        span.prefix,\n        .wrapper ::slotted(*) {\n          margin-right: 10px;\n          width: 90px;\n          line-height: 38px;\n          display: block;\n          padding: 0;\n          text-align: end;\n          height: 38px;\n        }\n        button {\n          background-color: transparent;\n          padding: 0;\n          margin: 0;\n          border: none;\n          border-radius: none;\n          cursor: pointer;\n        }\n        button[active=\"active\"] letter-grade,\n        letter-grade[active=\"active\"] {\n          filter: brightness(90%) saturate(4);\n          outline: 2px solid black;\n          outline-offset: -2px;\n        }\n        button[data-selected-value] letter-grade {\n          filter: brightness(100%) saturate(1);\n          outline: 4px solid black;\n          outline-offset: -4px;\n        }\n        .score-wrapper {\n          display: flex;\n          font-size: 28px;\n          line-height: 36px;\n          word-spacing: -4px;\n        }\n        simple-fields-field {\n          width: 64px;\n          margin: 0px -8px 0px 16px;\n          --simple-fields-font-size: 28px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/letter-grade.js b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/letter-grade.js
index 93089cc0900..a5f9eb57ca8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/letter-grade.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/grade-book/lib/letter-grade.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "./grade-book-store.js",
   _exports.LetterGrade = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_de8c7d401f0511ed8cc3e9a95995ad69, _templateObject2_de8c7d401f0511ed8cc3e9a95995ad69, _templateObject3_de8c7d401f0511ed8cc3e9a95995ad69, _templateObject4_de8c7d401f0511ed8cc3e9a95995ad69, _templateObject5_de8c7d401f0511ed8cc3e9a95995ad69, _templateObject6_de8c7d401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b57008701f2611eda0c389891c227ec8, _templateObject2_b57008701f2611eda0c389891c227ec8, _templateObject3_b57008701f2611eda0c389891c227ec8, _templateObject4_b57008701f2611eda0c389891c227ec8, _templateObject5_b57008701f2611eda0c389891c227ec8, _templateObject6_b57008701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -48,7 +48,7 @@ define(["exports", "require", "../../../lit/index.js", "./grade-book-store.js",
     babelHelpers.createClass(LetterGrade, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_de8c7d401f0511ed8cc3e9a95995ad69 || (_templateObject_de8c7d401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrap\">\n        <div class=\"letter\">", "</div>\n        ", "\n        ", "\n      </div>\n      ", "\n    "])), this.letter, this.showScale && this._letterIndex !== null ? (0, _index.html)(_templateObject2_de8c7d401f0511ed8cc3e9a95995ad69 || (_templateObject2_de8c7d401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"score\">\n              (", "/", " ", ")\n            </div>"])), this.score, this.total, this.pointsSystem) : "", this.showScale && this._letterIndex !== null ? (0, _index.html)(_templateObject3_de8c7d401f0511ed8cc3e9a95995ad69 || (_templateObject3_de8c7d401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"range\">\n              ", "% -\n              ", "%\n            </div>"])), this.gradeScale[this._letterIndex].lowRange, this.gradeScale[this._letterIndex].highRange) : "", this.mini ? (0, _index.html)(_templateObject4_de8c7d401f0511ed8cc3e9a95995ad69 || (_templateObject4_de8c7d401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-tooltip position=\"top\"\n            >", "<br />", "</simple-tooltip\n          >"])), this.label, this.score != null ? (0, _index.html)(_templateObject5_de8c7d401f0511ed8cc3e9a95995ad69 || (_templateObject5_de8c7d401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["(", "/", " ", ")"])), this.score, this.total, this.pointsSystem) : "") : "");
+        return (0, _index.html)(_templateObject_b57008701f2611eda0c389891c227ec8 || (_templateObject_b57008701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrap\">\n        <div class=\"letter\">", "</div>\n        ", "\n        ", "\n      </div>\n      ", "\n    "])), this.letter, this.showScale && this._letterIndex !== null ? (0, _index.html)(_templateObject2_b57008701f2611eda0c389891c227ec8 || (_templateObject2_b57008701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"score\">\n              (", "/", " ", ")\n            </div>"])), this.score, this.total, this.pointsSystem) : "", this.showScale && this._letterIndex !== null ? (0, _index.html)(_templateObject3_b57008701f2611eda0c389891c227ec8 || (_templateObject3_b57008701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"range\">\n              ", "% -\n              ", "%\n            </div>"])), this.gradeScale[this._letterIndex].lowRange, this.gradeScale[this._letterIndex].highRange) : "", this.mini ? (0, _index.html)(_templateObject4_b57008701f2611eda0c389891c227ec8 || (_templateObject4_b57008701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-tooltip position=\"top\"\n            >", "<br />", "</simple-tooltip\n          >"])), this.label, this.score != null ? (0, _index.html)(_templateObject5_b57008701f2611eda0c389891c227ec8 || (_templateObject5_b57008701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["(", "/", " ", ")"])), this.score, this.total, this.pointsSystem) : "") : "");
       }
     }, {
       key: "updated",
@@ -108,7 +108,7 @@ define(["exports", "require", "../../../lit/index.js", "./grade-book-store.js",
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject6_de8c7d401f0511ed8cc3e9a95995ad69 || (_templateObject6_de8c7d401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([letter=\"/\"]) {\n          --letter-grade-default-letter-background-color: #cccccc;\n        }\n        :host([letter=\"F\"]) {\n          --letter-grade-default-letter-background-color: #ff4444;\n        }\n        :host([letter=\"D\"]) {\n          --letter-grade-default-letter-background-color: #ff7744;\n        }\n        :host([letter=\"C\"]),\n        :host([letter=\"C+\"]) {\n          --letter-grade-default-letter-background-color: #ffff00;\n        }\n        :host([letter=\"B\"]),\n        :host([letter=\"B-\"]) {\n          --letter-grade-default-letter-background-color: #ffff66;\n        }\n        :host([letter=\"B+\"]),\n        :host([letter=\"A-\"]) {\n          --letter-grade-default-letter-background-color: #aaffaa;\n        }\n        :host([letter=\"A\"]) {\n          --letter-grade-default-letter-background-color: #55ff55;\n        }\n        :host([show-scale]) .wrap {\n          height: var(--letter-grade-wrap-height, 64px);\n          width: var(--letter-grade-wrap-width, 64px);\n        }\n        :host([mini]) .wrap {\n          height: var(--letter-grade-wrap-height, 20px);\n          width: var(--letter-grade-wrap-width, 20px);\n          border: 1px solid black;\n          border-radius: 0px;\n          padding: 8px;\n        }\n        :host([mini]) .letter {\n          font-size: var(--letter-grade-letter-font-size, 12px);\n          line-height: var(\n            --letter-grade-letter-line-height,\n            var(--letter-grade-letter-font-size, 20px)\n          );\n        }\n        .wrap {\n          height: var(--letter-grade-wrap-height, 40px);\n          width: var(--letter-grade-wrap-width, 40px);\n          padding: var(--letter-grade-wrap-padding, 16px);\n          border: var(--letter-grade-wrap-border, 4px solid black);\n          border-radius: 50%;\n          box-shadow: rgb(0 0 0 / 20%) 0px 5px 5px 0px;\n          text-align: center;\n          justify-content: center;\n          vertical-align: middle;\n          background-color: var(\n            --letter-grade-wrap-background-color,\n            var(--letter-grade-default-letter-background-color, transparent)\n          );\n        }\n        .letter {\n          font-weight: var(--letter-grade-letter-font-weight, bold);\n          font-size: var(--letter-grade-letter-font-size, 40px);\n          line-height: var(\n            --letter-grade-letter-line-height,\n            var(--letter-grade-letter-font-size, 40px)\n          );\n          letter-spacing: 2px;\n        }\n        .score,\n        .range {\n          font-weight: var(--letter-grade-range-font-weight, normal);\n          font-size: var(--letter-grade-range-font-size, 12px);\n        }\n        simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-duration-in: 200ms;\n          --simple-tooltip-duration-out: 0;\n          --simple-tooltip-border-radius: 0;\n          --simple-tooltip-font-size: 14px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject6_b57008701f2611eda0c389891c227ec8 || (_templateObject6_b57008701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([letter=\"/\"]) {\n          --letter-grade-default-letter-background-color: #cccccc;\n        }\n        :host([letter=\"F\"]) {\n          --letter-grade-default-letter-background-color: #ff4444;\n        }\n        :host([letter=\"D\"]) {\n          --letter-grade-default-letter-background-color: #ff7744;\n        }\n        :host([letter=\"C\"]),\n        :host([letter=\"C+\"]) {\n          --letter-grade-default-letter-background-color: #ffff00;\n        }\n        :host([letter=\"B\"]),\n        :host([letter=\"B-\"]) {\n          --letter-grade-default-letter-background-color: #ffff66;\n        }\n        :host([letter=\"B+\"]),\n        :host([letter=\"A-\"]) {\n          --letter-grade-default-letter-background-color: #aaffaa;\n        }\n        :host([letter=\"A\"]) {\n          --letter-grade-default-letter-background-color: #55ff55;\n        }\n        :host([show-scale]) .wrap {\n          height: var(--letter-grade-wrap-height, 64px);\n          width: var(--letter-grade-wrap-width, 64px);\n        }\n        :host([mini]) .wrap {\n          height: var(--letter-grade-wrap-height, 20px);\n          width: var(--letter-grade-wrap-width, 20px);\n          border: 1px solid black;\n          border-radius: 0px;\n          padding: 8px;\n        }\n        :host([mini]) .letter {\n          font-size: var(--letter-grade-letter-font-size, 12px);\n          line-height: var(\n            --letter-grade-letter-line-height,\n            var(--letter-grade-letter-font-size, 20px)\n          );\n        }\n        .wrap {\n          height: var(--letter-grade-wrap-height, 40px);\n          width: var(--letter-grade-wrap-width, 40px);\n          padding: var(--letter-grade-wrap-padding, 16px);\n          border: var(--letter-grade-wrap-border, 4px solid black);\n          border-radius: 50%;\n          box-shadow: rgb(0 0 0 / 20%) 0px 5px 5px 0px;\n          text-align: center;\n          justify-content: center;\n          vertical-align: middle;\n          background-color: var(\n            --letter-grade-wrap-background-color,\n            var(--letter-grade-default-letter-background-color, transparent)\n          );\n        }\n        .letter {\n          font-weight: var(--letter-grade-letter-font-weight, bold);\n          font-size: var(--letter-grade-letter-font-size, 40px);\n          line-height: var(\n            --letter-grade-letter-line-height,\n            var(--letter-grade-letter-font-size, 40px)\n          );\n          letter-spacing: 2px;\n        }\n        .score,\n        .range {\n          font-weight: var(--letter-grade-range-font-weight, normal);\n          font-size: var(--letter-grade-range-font-size, 12px);\n        }\n        simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-duration-in: 200ms;\n          --simple-tooltip-duration-out: 0;\n          --simple-tooltip-border-radius: 0;\n          --simple-tooltip-font-size: 14px;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/grafitto-filter/grafitto-filter.js b/build/es5-amd/node_modules/@lrnwebcomponents/grafitto-filter/grafitto-filter.js
index 4e849e5462b..1999248ceed 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/grafitto-filter/grafitto-filter.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/grafitto-filter/grafitto-filter.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.GrafittoFilter = void 0;
 
-  var _templateObject_ac1be4401f0511ed8cc3e9a95995ad69;
+  var _templateObject_86e387701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -334,7 +334,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_ac1be4401f0511ed8cc3e9a95995ad69 || (_templateObject_ac1be4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"dom\"><slot></slot></div> "])));
+        return (0, _polymerElement.html)(_templateObject_86e387701f2611eda0c389891c227ec8 || (_templateObject_86e387701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"dom\"><slot></slot></div> "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/grid-plate/grid-plate.js b/build/es5-amd/node_modules/@lrnwebcomponents/grid-plate/grid-plate.js
index 0fecb9eecad..4ab677f2f9f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/grid-plate/grid-plate.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/grid-plate/grid-plate.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../responsive-utility/responsive-utili
   });
   _exports.GridPlate = void 0;
 
-  var _templateObject_a54c45101f0511ed8cc3e9a95995ad69, _templateObject2_a54c45101f0511ed8cc3e9a95995ad69, _templateObject3_a54c45101f0511ed8cc3e9a95995ad69;
+  var _templateObject_7fb526701f2611eda0c389891c227ec8, _templateObject2_7fb526701f2611eda0c389891c227ec8, _templateObject3_7fb526701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -169,8 +169,8 @@ define(["exports", "../../lit/index.js", "../responsive-utility/responsive-utili
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_a54c45101f0511ed8cc3e9a95995ad69 || (_templateObject_a54c45101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"row\">\n        ", "\n      </div>\n    "])), [1, 2, 3, 4, 5, 6].map(function (num) {
-          return (0, _index.html)(_templateObject2_a54c45101f0511ed8cc3e9a95995ad69 || (_templateObject2_a54c45101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <div\n              class=\"column ", "\"\n              id=\"col", "\"\n              data-label=\"column ", "\"\n              data-layout-slotname=\"col-", "\"\n              part=\"layout-container\"\n              .style=\"", "\"\n              @drop=\"", "\"\n              @dragenter=\"", "\"\n              @dragleave=\"", "\"\n            >\n              <slot name=\"col-", "\"></slot>\n            </div>\n          "])), _this2.columns < num ? "not-shown" : "drag-enabled", num, num, num, _this2._getColumnWidth(num - 1, _this2.__columnWidths), _this2._drop, _this2._dragEnter, _this2._dragleave, num);
+        return (0, _index.html)(_templateObject_7fb526701f2611eda0c389891c227ec8 || (_templateObject_7fb526701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"row\">\n        ", "\n      </div>\n    "])), [1, 2, 3, 4, 5, 6].map(function (num) {
+          return (0, _index.html)(_templateObject2_7fb526701f2611eda0c389891c227ec8 || (_templateObject2_7fb526701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <div\n              class=\"column ", "\"\n              id=\"col", "\"\n              data-label=\"column ", "\"\n              data-layout-slotname=\"col-", "\"\n              part=\"layout-container\"\n              .style=\"", "\"\n              @drop=\"", "\"\n              @dragenter=\"", "\"\n              @dragleave=\"", "\"\n            >\n              <slot name=\"col-", "\"></slot>\n            </div>\n          "])), _this2.columns < num ? "not-shown" : "drag-enabled", num, num, num, _this2._getColumnWidth(num - 1, _this2.__columnWidths), _this2._drop, _this2._dragEnter, _this2._dragleave, num);
         }));
       }
     }, {
@@ -345,7 +345,7 @@ define(["exports", "../../lit/index.js", "../responsive-utility/responsive-utili
        * LitElement render styles
        */
       function get() {
-        return [(0, _index.css)(_templateObject3_a54c45101f0511ed8cc3e9a95995ad69 || (_templateObject3_a54c45101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --hax-layout-container-outline-width: 1px;\n          --hax-layout-container-hover-outline-width: 1px;\n        }\n        :host .row {\n          width: 100%;\n          overflow-wrap: break-word;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: space-between;\n          align-items: stretch;\n          margin: var(--grid-plate-row-margin, 0px);\n          padding: var(--grid-plate-row-padding, 0px);\n        }\n        :host([disable-responsive]) .column {\n          overflow: hidden;\n        }\n        :host .column {\n          width: 100%;\n          flex: 0 0 auto;\n          min-height: 50px;\n        }\n        /* make sure that animation for nothing to 2 col doesn't jar layout */\n        :host([layout=\"1-1\"]) #col1 {\n          width: 50%;\n        }\n        :host([layout=\"1-1-1\"]) #col1 {\n          width: 33.33%;\n        }\n        :host([layout=\"1-1-1-1\"]) #col1 {\n          width: 25%;\n        }\n        :host([layout=\"1-1-1-1-1\"]) #col1 {\n          width: 20%;\n        }\n        :host([layout=\"1-1-1-1-1-1\"]) #col1 {\n          width: 16.66%;\n        }\n        .column.not-shown {\n          min-height: unset;\n        }\n        :host .column ::slotted(*) {\n          margin: var(--grid-plate-item-margin, 15px);\n          padding: var(--grid-plate-item-padding, 15px);\n          max-width: calc(100% - 60px);\n          max-width: -webkit-fill-available;\n        }\n        :host([ready]) [data-layout-slotname] {\n          transition: var(\n            --hax-layout-container-transition,\n            0.5s width ease-in-out,\n            0.5s padding ease-in-out,\n            0.5s margin ease-in-out\n          );\n        }\n        :host([data-hax-ray]) [data-layout-slotname].not-shown {\n          display: block;\n          opacity: 0.4;\n          width: 0;\n        }\n        :host([data-hax-ray]) [data-layout-slotname].not-shown.has-nodes {\n          width: 100%;\n          transition: none;\n        }\n        :host([data-hax-ray]) .not-shown:hover {\n          opacity: 1;\n        }\n        :host([data-hax-ray]) .not-shown:hover::before {\n          content: \"Hidden bylayout\";\n          position: sticky;\n          display: inline-flex;\n          background-color: black;\n          color: white;\n          padding: 0px 8px;\n          font-size: 12px;\n          line-height: 16px;\n          margin: 12px 13px;\n          float: right;\n          width: 124px;\n        }\n        /** this implies hax editing state is available **/\n        :host([data-hax-ray]) ::slotted(*) {\n          border: var(\n            ---hax-body-editable-outline,\n            1px solid var(--hax-ui-disabled-color, #ddd)\n          );\n        }\n        :host([data-hax-ray]) ::slotted(*:hover) {\n          border: var(\n            --hax-body-active-outline-hover,\n            1px solid var(--hax-ui-color-faded, #444)\n          );\n        }\n        :host([data-hax-ray]) ::slotted(.hax-active) {\n          border: var(\n            --hax-body-active-outline,\n            1px solid var(--hax-ui-color-focus, #000)\n          );\n        }\n        :host([data-hax-ray]) ::slotted(.hax-active:hover) {\n          border: var(\n            --hax-body-active-drag-outline,\n            1px solid var(--hax-ui-color-accent, #009dc7)\n          );\n        }\n        :host([data-hax-ray]) [data-layout-slotname] {\n          outline: var(\n            ---hax-body-editable-outline,\n            1px solid var(--hax-ui-disabled-color, #ddd)\n          );\n          outline-style: dotted;\n          outline-offset: var(--hax-layout-container-outline-offset, 0px);\n        }\n        :host([data-hax-ray]) [data-layout-slotname]:hover {\n          outline-style: solid;\n        }\n        :host([data-hax-ray].hax-hovered) [data-layout-slotname].active {\n          outline: var(\n            --hax-body-active-drag-outline,\n            1px solid var(--hax-ui-color-accent, #009dc7)\n          );\n          outline-width: 2px;\n        }\n        :host([data-hax-ray]) ::slotted(img.active),\n        :host([data-hax-ray]) ::slotted(*.active):before {\n          background-color: var(\n            --hax-layout-slotted-active-outline-color,\n            var(--hax-layout-accent-color, #009dc7)\n          ) !important;\n          outline: var(\n            --hax-body-active-outline,\n            1px solid var(--hax-ui-color-focus, #000)\n          );\n          outline-style: dotted;\n        }\n        /* drag and drop */\n        :host .column ::slotted(*)::before {\n          content: \" \";\n          width: calc(100% + 32px);\n          display: block;\n          position: relative;\n          margin: -28px -16px 12px;\n          z-index: 2;\n          height: 12px;\n          border: none !important;\n          transition: 0.2s all ease-in-out;\n        }\n        :host .column ::slotted(*.hax-hovered)::before {\n          background-color: var(--hax-body-target-background-color) !important;\n        }\n        :host .column ::slotted(img.hax-hovered) {\n          outline: var(\n            ---hax-body-editable-outline,\n            1px solid var(--hax-ui-disabled-color, #ddd)\n          );\n          border-top: 8px\n            var(--hax-contextual-action-hover-color, var(--hax-ui-color-accent));\n          margin-top: -8px;\n        }\n\n        @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {\n          :host([data-hax-ray]) ::slotted(*.active) {\n            background-color: var(\n              --hax-layout-slotted-active-outline-color,\n              var(--hax-layout-accent-color, #009dc7)\n            ) !important;\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n          :host .column ::slotted(*) {\n            outline: var(--hax-body-editable-outline);\n            background-color: var(--hax-body-possible-target-background-color);\n          }\n          :host .column ::slotted(*.hax-hovered) {\n            background-color: var(\n              --hax-body-target-background-color\n            ) !important;\n            outline: var(--hax-body-active-outline);\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_7fb526701f2611eda0c389891c227ec8 || (_templateObject3_7fb526701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --hax-layout-container-outline-width: 1px;\n          --hax-layout-container-hover-outline-width: 1px;\n        }\n        :host .row {\n          width: 100%;\n          overflow-wrap: break-word;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: space-between;\n          align-items: stretch;\n          margin: var(--grid-plate-row-margin, 0px);\n          padding: var(--grid-plate-row-padding, 0px);\n        }\n        :host([disable-responsive]) .column {\n          overflow: hidden;\n        }\n        :host .column {\n          width: 100%;\n          flex: 0 0 auto;\n          min-height: 50px;\n        }\n        /* make sure that animation for nothing to 2 col doesn't jar layout */\n        :host([layout=\"1-1\"]) #col1 {\n          width: 50%;\n        }\n        :host([layout=\"1-1-1\"]) #col1 {\n          width: 33.33%;\n        }\n        :host([layout=\"1-1-1-1\"]) #col1 {\n          width: 25%;\n        }\n        :host([layout=\"1-1-1-1-1\"]) #col1 {\n          width: 20%;\n        }\n        :host([layout=\"1-1-1-1-1-1\"]) #col1 {\n          width: 16.66%;\n        }\n        .column.not-shown {\n          min-height: unset;\n        }\n        :host .column ::slotted(*) {\n          margin: var(--grid-plate-item-margin, 15px);\n          padding: var(--grid-plate-item-padding, 15px);\n          max-width: calc(100% - 60px);\n          max-width: -webkit-fill-available;\n        }\n        :host([ready]) [data-layout-slotname] {\n          transition: var(\n            --hax-layout-container-transition,\n            0.5s width ease-in-out,\n            0.5s padding ease-in-out,\n            0.5s margin ease-in-out\n          );\n        }\n        :host([data-hax-ray]) [data-layout-slotname].not-shown {\n          display: block;\n          opacity: 0.4;\n          width: 0;\n        }\n        :host([data-hax-ray]) [data-layout-slotname].not-shown.has-nodes {\n          width: 100%;\n          transition: none;\n        }\n        :host([data-hax-ray]) .not-shown:hover {\n          opacity: 1;\n        }\n        :host([data-hax-ray]) .not-shown:hover::before {\n          content: \"Hidden bylayout\";\n          position: sticky;\n          display: inline-flex;\n          background-color: black;\n          color: white;\n          padding: 0px 8px;\n          font-size: 12px;\n          line-height: 16px;\n          margin: 12px 13px;\n          float: right;\n          width: 124px;\n        }\n        /** this implies hax editing state is available **/\n        :host([data-hax-ray]) ::slotted(*) {\n          border: var(\n            ---hax-body-editable-outline,\n            1px solid var(--hax-ui-disabled-color, #ddd)\n          );\n        }\n        :host([data-hax-ray]) ::slotted(*:hover) {\n          border: var(\n            --hax-body-active-outline-hover,\n            1px solid var(--hax-ui-color-faded, #444)\n          );\n        }\n        :host([data-hax-ray]) ::slotted(.hax-active) {\n          border: var(\n            --hax-body-active-outline,\n            1px solid var(--hax-ui-color-focus, #000)\n          );\n        }\n        :host([data-hax-ray]) ::slotted(.hax-active:hover) {\n          border: var(\n            --hax-body-active-drag-outline,\n            1px solid var(--hax-ui-color-accent, #009dc7)\n          );\n        }\n        :host([data-hax-ray]) [data-layout-slotname] {\n          outline: var(\n            ---hax-body-editable-outline,\n            1px solid var(--hax-ui-disabled-color, #ddd)\n          );\n          outline-style: dotted;\n          outline-offset: var(--hax-layout-container-outline-offset, 0px);\n        }\n        :host([data-hax-ray]) [data-layout-slotname]:hover {\n          outline-style: solid;\n        }\n        :host([data-hax-ray].hax-hovered) [data-layout-slotname].active {\n          outline: var(\n            --hax-body-active-drag-outline,\n            1px solid var(--hax-ui-color-accent, #009dc7)\n          );\n          outline-width: 2px;\n        }\n        :host([data-hax-ray]) ::slotted(img.active),\n        :host([data-hax-ray]) ::slotted(*.active):before {\n          background-color: var(\n            --hax-layout-slotted-active-outline-color,\n            var(--hax-layout-accent-color, #009dc7)\n          ) !important;\n          outline: var(\n            --hax-body-active-outline,\n            1px solid var(--hax-ui-color-focus, #000)\n          );\n          outline-style: dotted;\n        }\n        /* drag and drop */\n        :host .column ::slotted(*)::before {\n          content: \" \";\n          width: calc(100% + 32px);\n          display: block;\n          position: relative;\n          margin: -28px -16px 12px;\n          z-index: 2;\n          height: 12px;\n          border: none !important;\n          transition: 0.2s all ease-in-out;\n        }\n        :host .column ::slotted(*.hax-hovered)::before {\n          background-color: var(--hax-body-target-background-color) !important;\n        }\n        :host .column ::slotted(img.hax-hovered) {\n          outline: var(\n            ---hax-body-editable-outline,\n            1px solid var(--hax-ui-disabled-color, #ddd)\n          );\n          border-top: 8px\n            var(--hax-contextual-action-hover-color, var(--hax-ui-color-accent));\n          margin-top: -8px;\n        }\n\n        @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {\n          :host([data-hax-ray]) ::slotted(*.active) {\n            background-color: var(\n              --hax-layout-slotted-active-outline-color,\n              var(--hax-layout-accent-color, #009dc7)\n            ) !important;\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n          :host .column ::slotted(*) {\n            outline: var(--hax-body-editable-outline);\n            background-color: var(--hax-body-possible-target-background-color);\n          }\n          :host .column ::slotted(*.hax-hovered) {\n            background-color: var(\n              --hax-body-target-background-color\n            ) !important;\n            outline: var(--hax-body-active-outline);\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/h5p-element/h5p-element.js b/build/es5-amd/node_modules/@lrnwebcomponents/h5p-element/h5p-element.js
index a793ac7137d..557f2e4d710 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/h5p-element/h5p-element.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/h5p-element/h5p-element.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../es-global-bridge
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a5763b401f0511ed8cc3e9a95995ad69, _templateObject2_a5763b401f0511ed8cc3e9a95995ad69, _templateObject3_a5763b401f0511ed8cc3e9a95995ad69, _templateObject4_a5763b401f0511ed8cc3e9a95995ad69;
+  var _templateObject_7fdaafd01f2611eda0c389891c227ec8, _templateObject2_7fdaafd01f2611eda0c389891c227ec8, _templateObject3_7fdaafd01f2611eda0c389891c227ec8, _templateObject4_7fdaafd01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -76,7 +76,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../es-global-bridge
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a5763b401f0511ed8cc3e9a95995ad69 || (_templateObject_a5763b401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ""])), !this.source ? (0, _index.html)(_templateObject2_a5763b401f0511ed8cc3e9a95995ad69 || (_templateObject2_a5763b401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<h5p-wrapped-element><slot></slot></h5p-wrapped-element>"]))) : (0, _index.html)(_templateObject3_a5763b401f0511ed8cc3e9a95995ad69 || (_templateObject3_a5763b401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div\n          class=\"h5p-container\"\n          data-content-id=\"wrapper-", "\"\n        ></div>"])), this.contentId));
+        return (0, _index.html)(_templateObject_7fdaafd01f2611eda0c389891c227ec8 || (_templateObject_7fdaafd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ""])), !this.source ? (0, _index.html)(_templateObject2_7fdaafd01f2611eda0c389891c227ec8 || (_templateObject2_7fdaafd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<h5p-wrapped-element><slot></slot></h5p-wrapped-element>"]))) : (0, _index.html)(_templateObject3_7fdaafd01f2611eda0c389891c227ec8 || (_templateObject3_7fdaafd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div\n          class=\"h5p-container\"\n          data-content-id=\"wrapper-", "\"\n        ></div>"])), this.contentId));
       } // haxProperty definition
 
     }, {
@@ -294,7 +294,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../es-global-bridge
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject4_a5763b401f0511ed8cc3e9a95995ad69 || (_templateObject4_a5763b401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_7fdaafd01f2611eda0c389891c227ec8 || (_templateObject4_7fdaafd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/h5p-element/lib/h5p-wrapped-element.js b/build/es5-amd/node_modules/@lrnwebcomponents/h5p-element/lib/h5p-wrapped-element.js
index 6280b9812b0..115cb113834 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/h5p-element/lib/h5p-wrapped-element.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/h5p-element/lib/h5p-wrapped-element.js
@@ -6,7 +6,7 @@ define(["exports", "../../haxcms-elements/lib/core/haxcms-site-store.js", "../..
   });
   _exports.H5pWrappedElement = void 0;
 
-  var _templateObject_de8f8a801f0511ed8cc3e9a95995ad69, _templateObject2_de8f8a801f0511ed8cc3e9a95995ad69, _templateObject3_de8f8a801f0511ed8cc3e9a95995ad69, _templateObject4_de8f8a801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b57363d01f2611eda0c389891c227ec8, _templateObject2_b57363d01f2611eda0c389891c227ec8, _templateObject3_b57363d01f2611eda0c389891c227ec8, _templateObject4_b57363d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -60,7 +60,7 @@ define(["exports", "../../haxcms-elements/lib/core/haxcms-site-store.js", "../..
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_de8f8a801f0511ed8cc3e9a95995ad69 || (_templateObject_de8f8a801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div part=\"container\" class=\"", "\">\n        ", "\n      </div>\n    "])), this.__editMode ? "editing" : "editing", this.__editMode ? (0, _index.html)(_templateObject2_de8f8a801f0511ed8cc3e9a95995ad69 || (_templateObject2_de8f8a801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <slot></slot>\n              <div part=\"edit-screen\">\n                <div part=\"source-link\">\n                  <a part=\"anchor\" href=\"", "\" target=\"_blank\"\n                    >Edit H5P Source</a\n                  >\n                </div>\n              </div>\n            "])), this.__editLink) : (0, _index.html)(_templateObject3_de8f8a801f0511ed8cc3e9a95995ad69 || (_templateObject3_de8f8a801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <iframe-loader><slot></slot></iframe-loader>\n            "]))));
+        return (0, _index.html)(_templateObject_b57363d01f2611eda0c389891c227ec8 || (_templateObject_b57363d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div part=\"container\" class=\"", "\">\n        ", "\n      </div>\n    "])), this.__editMode ? "editing" : "editing", this.__editMode ? (0, _index.html)(_templateObject2_b57363d01f2611eda0c389891c227ec8 || (_templateObject2_b57363d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <slot></slot>\n              <div part=\"edit-screen\">\n                <div part=\"source-link\">\n                  <a part=\"anchor\" href=\"", "\" target=\"_blank\"\n                    >Edit H5P Source</a\n                  >\n                </div>\n              </div>\n            "])), this.__editLink) : (0, _index.html)(_templateObject3_b57363d01f2611eda0c389891c227ec8 || (_templateObject3_b57363d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <iframe-loader><slot></slot></iframe-loader>\n            "]))));
       }
     }], [{
       key: "properties",
@@ -79,7 +79,7 @@ define(["exports", "../../haxcms-elements/lib/core/haxcms-site-store.js", "../..
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject4_de8f8a801f0511ed8cc3e9a95995ad69 || (_templateObject4_de8f8a801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      :host [part=\"container\"] {\n        display: block;\n        position: relative;\n      }\n      .editing[part=\"container\"] {\n        min-height: 100px;\n      }\n      :host [part=\"edit-screen\"] {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: flex-end;\n        justify-content: flex-end;\n      }\n      :host [part=\"source-link\"] a {\n        background: black;\n        color: white;\n        padding: 1em;\n      }\n      :host [part=\"anchor\"] {\n        display: block;\n      }\n    "])));
+        return (0, _index.css)(_templateObject4_b57363d01f2611eda0c389891c227ec8 || (_templateObject4_b57363d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      :host [part=\"container\"] {\n        display: block;\n        position: relative;\n      }\n      .editing[part=\"container\"] {\n        min-height: 100px;\n      }\n      :host [part=\"edit-screen\"] {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: flex-end;\n        justify-content: flex-end;\n      }\n      :host [part=\"source-link\"] a {\n        background: black;\n        color: white;\n        padding: 1em;\n      }\n      :host [part=\"anchor\"] {\n        display: block;\n      }\n    "])));
       }
     }]);
     return H5pWrappedElement;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hal-9000/hal-9000.js b/build/es5-amd/node_modules/@lrnwebcomponents/hal-9000/hal-9000.js
index da51be04606..92b257ffb14 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hal-9000/hal-9000.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hal-9000/hal-9000.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
   _exports.Hal9000 = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_a57b44501f0511ed8cc3e9a95995ad69, _templateObject2_a57b44501f0511ed8cc3e9a95995ad69;
+  var _templateObject_7fdf91d01f2611eda0c389891c227ec8, _templateObject2_7fdf91d01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -77,7 +77,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a57b44501f0511ed8cc3e9a95995ad69 || (_templateObject_a57b44501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot>"])));
+        return (0, _index.html)(_templateObject_7fdf91d01f2611eda0c389891c227ec8 || (_templateObject_7fdf91d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot>"])));
       } // properties available to the custom element for data binding
 
     }, {
@@ -261,7 +261,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a57b44501f0511ed8cc3e9a95995ad69 || (_templateObject2_a57b44501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7fdf91d01f2611eda0c389891c227ec8 || (_templateObject2_7fdf91d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hal-9000/lib/hal-9000-ui/hal-9000-ui.js b/build/es5-amd/node_modules/@lrnwebcomponents/hal-9000/lib/hal-9000-ui/hal-9000-ui.js
index e90bc7aa155..3ce11d14c7c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hal-9000/lib/hal-9000-ui/hal-9000-ui.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hal-9000/lib/hal-9000-ui/hal-9000-ui.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "../../../simple-colors/simple-co
   });
   _exports.Hal9000UI = void 0;
 
-  var _templateObject_eec7ea501f0511ed8cc3e9a95995ad69, _templateObject2_eec7ea501f0511ed8cc3e9a95995ad69;
+  var _templateObject_c50990301f2611eda0c389891c227ec8, _templateObject2_c50990301f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -33,12 +33,12 @@ define(["exports", "../../../../lit/index.js", "../../../simple-colors/simple-co
     babelHelpers.createClass(Hal9000UI, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_eec7ea501f0511ed8cc3e9a95995ad69 || (_templateObject_eec7ea501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\">\n        <div class=\"circle\" style=\"animation-delay: 0s\"></div>\n        <div class=\"circle\" style=\"animation-delay: 1s\"></div>\n        <div class=\"circle\" style=\"animation-delay: 2s\"></div>\n      </div>\n    "])));
+        return (0, _index.html)(_templateObject_c50990301f2611eda0c389891c227ec8 || (_templateObject_c50990301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\">\n        <div class=\"circle\" style=\"animation-delay: 0s\"></div>\n        <div class=\"circle\" style=\"animation-delay: 1s\"></div>\n        <div class=\"circle\" style=\"animation-delay: 2s\"></div>\n      </div>\n    "])));
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(Hal9000UI), "styles", this)), [(0, _index.css)(_templateObject2_eec7ea501f0511ed8cc3e9a95995ad69 || (_templateObject2_eec7ea501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([mini]) #container {\n          width: 50px;\n          height: 50px;\n          position: fixed;\n          top: 20px;\n          right: 20px;\n          left: auto;\n          border-radius: 5px;\n        }\n\n        :host([mini]) .circle {\n          width: 15px;\n          height: 15px;\n        }\n\n        #container {\n          width: 150px;\n          height: 150px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          overflow: hidden;\n          position: fixed;\n          left: 20px;\n          bottom: 20px;\n          z-index: 10000;\n          background-color: var(--simple-colors-default-theme-grey-12);\n          border-radius: 15px;\n        }\n\n        .circle {\n          border-radius: 50%;\n          background-color: var(--simple-colors-default-theme-accent-6);\n          width: 50px;\n          height: 50px;\n          position: absolute;\n          opacity: 0;\n          animation: scaleIn 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);\n        }\n\n        @keyframes scaleIn {\n          from {\n            transform: scale(0.5, 0.5);\n            opacity: 0.5;\n          }\n          to {\n            transform: scale(2.5, 2.5);\n            opacity: 0;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(Hal9000UI), "styles", this)), [(0, _index.css)(_templateObject2_c50990301f2611eda0c389891c227ec8 || (_templateObject2_c50990301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([mini]) #container {\n          width: 50px;\n          height: 50px;\n          position: fixed;\n          top: 20px;\n          right: 20px;\n          left: auto;\n          border-radius: 5px;\n        }\n\n        :host([mini]) .circle {\n          width: 15px;\n          height: 15px;\n        }\n\n        #container {\n          width: 150px;\n          height: 150px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          overflow: hidden;\n          position: fixed;\n          left: 20px;\n          bottom: 20px;\n          z-index: 10000;\n          background-color: var(--simple-colors-default-theme-grey-12);\n          border-radius: 15px;\n        }\n\n        .circle {\n          border-radius: 50%;\n          background-color: var(--simple-colors-default-theme-accent-6);\n          width: 50px;\n          height: 50px;\n          position: absolute;\n          opacity: 0;\n          animation: scaleIn 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);\n        }\n\n        @keyframes scaleIn {\n          from {\n            transform: scale(0.5, 0.5);\n            opacity: 0.5;\n          }\n          to {\n            transform: scale(2.5, 2.5);\n            opacity: 0;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/HAXLayouts.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/HAXLayouts.js
index ba1a8c9b8ed..a38af907e56 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/HAXLayouts.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/HAXLayouts.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../utils/utils.js", "../../schem
   });
   _exports.HaxLayoutBehaviors = void 0;
 
-  var _templateObject_dea02c501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b582a6101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -316,7 +316,7 @@ define(["exports", "../../../lit/index.js", "../../utils/utils.js", "../../schem
       }], [{
         key: "styles",
         get: function get() {
-          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this) || []), [(0, _index.css)(_templateObject_dea02c501f0511ed8cc3e9a95995ad69 || (_templateObject_dea02c501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: block;\n            --hax-layout-slotted-active-outline-color: var(\n              --hax-contextual-action-hover-color\n            );\n          }\n          :host([ready]) [data-layout-slotname] {\n            transition: var(\n              --hax-layout-container-transition,\n              0.5s width ease-in-out,\n              0.5s padding ease-in-out,\n              0.5s margin ease-in-out\n            );\n          }\n          :host([data-hax-ray]) [data-layout-slotname].not-shown {\n            display: block;\n            opacity: 0.4;\n            width: 0;\n          }\n          :host([data-hax-ray]) [data-layout-slotname].not-shown.has-nodes {\n            width: 100%;\n            transition: none;\n          }\n          :host([data-hax-ray]) .not-shown:hover {\n            opacity: 1;\n          }\n          :host([data-hax-ray]) .not-shown:hover::before {\n            content: \"Hidden by layout\";\n            position: sticky;\n            display: inline-flex;\n            background-color: black;\n            color: white;\n            padding: 0px 8px;\n            font-size: 12px;\n            line-height: 16px;\n            margin: 12px 13px;\n            float: right;\n            width: 124px;\n          }\n          /** this implies hax editing state is available **/\n          :host([data-hax-ray]) ::slotted(*) {\n            outline: var(--hax-layout-slotted-outline-width, 0px)\n              var(--hax-layout-slotted-outline-style, solid)\n              var(\n                --hax-layout-slotted-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            outline-offset: var(--hax-layout-slotted-outline-offset, 0px);\n          }\n          :host([data-hax-ray])\n            ::slotted([contenteditable][data-hax-ray]:empty)::before {\n            content: attr(data-hax-ray);\n            opacity: 0.2;\n            transition: 0.2s all ease-in-out;\n          }\n          :host([data-hax-ray]) ::slotted(*:hover) {\n            outline: var(--hax-layout-slotted-hover-outline-width, 0px)\n              var(--hax-layout-slotted-hover-outline-style, solid)\n              var(\n                --hax-layout-slotted-hover-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n          :host([data-hax-ray]) ::slotted(.hax-active) {\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n          }\n          :host([data-hax-ray]) [data-layout-slotname] {\n            outline: var(--hax-layout-container-outline-width, 0px)\n              var(--hax-layout-container-outline-style, solid)\n              var(\n                --hax-layout-container-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            outline-offset: var(--hax-layout-container-outline-offset, 2px);\n          }\n          :host([data-hax-ray]) [data-layout-slotname]:hover {\n            outline: var(--hax-layout-container-hover-outline-width, 0px)\n              var(--hax-layout-container-hover-outline-style, solid)\n              var(\n                --hax-layout-container-hover-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n          }\n          :host([data-hax-ray]) ::slotted(*.hax-hovered)::before {\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            background-color: inherit;\n            content: \" \";\n            width: 100%;\n            display: block;\n            position: relative;\n            margin: -10px 0 0 0;\n            z-index: 2;\n            height: 10px;\n          }\n          :host([data-hax-ray]) ::slotted(img.hax-hovered),\n          :host([data-hax-ray]) ::slotted(*.hax-hovered)::before {\n            background-color: var(\n              --hax-layout-slotted-active-outline-color,\n              var(--hax-layout-accent-color, #009dc7)\n            ) !important;\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n\n          @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {\n            :host([data-hax-ray]) ::slotted(*.hax-hovered) {\n              background-color: var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              ) !important;\n              outline: var(--hax-layout-slotted-active-outline-width, 1px)\n                var(--hax-layout-slotted-active-outline-style, solid)\n                var(\n                  --hax-layout-slotted-active-outline-color,\n                  var(--hax-layout-accent-color, #009dc7)\n                );\n            }\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this) || []), [(0, _index.css)(_templateObject_b582a6101f2611eda0c389891c227ec8 || (_templateObject_b582a6101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: block;\n            --hax-layout-slotted-active-outline-color: var(\n              --hax-contextual-action-hover-color\n            );\n          }\n          :host([ready]) [data-layout-slotname] {\n            transition: var(\n              --hax-layout-container-transition,\n              0.5s width ease-in-out,\n              0.5s padding ease-in-out,\n              0.5s margin ease-in-out\n            );\n          }\n          :host([data-hax-ray]) [data-layout-slotname].not-shown {\n            display: block;\n            opacity: 0.4;\n            width: 0;\n          }\n          :host([data-hax-ray]) [data-layout-slotname].not-shown.has-nodes {\n            width: 100%;\n            transition: none;\n          }\n          :host([data-hax-ray]) .not-shown:hover {\n            opacity: 1;\n          }\n          :host([data-hax-ray]) .not-shown:hover::before {\n            content: \"Hidden by layout\";\n            position: sticky;\n            display: inline-flex;\n            background-color: black;\n            color: white;\n            padding: 0px 8px;\n            font-size: 12px;\n            line-height: 16px;\n            margin: 12px 13px;\n            float: right;\n            width: 124px;\n          }\n          /** this implies hax editing state is available **/\n          :host([data-hax-ray]) ::slotted(*) {\n            outline: var(--hax-layout-slotted-outline-width, 0px)\n              var(--hax-layout-slotted-outline-style, solid)\n              var(\n                --hax-layout-slotted-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            outline-offset: var(--hax-layout-slotted-outline-offset, 0px);\n          }\n          :host([data-hax-ray])\n            ::slotted([contenteditable][data-hax-ray]:empty)::before {\n            content: attr(data-hax-ray);\n            opacity: 0.2;\n            transition: 0.2s all ease-in-out;\n          }\n          :host([data-hax-ray]) ::slotted(*:hover) {\n            outline: var(--hax-layout-slotted-hover-outline-width, 0px)\n              var(--hax-layout-slotted-hover-outline-style, solid)\n              var(\n                --hax-layout-slotted-hover-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n          :host([data-hax-ray]) ::slotted(.hax-active) {\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n          }\n          :host([data-hax-ray]) [data-layout-slotname] {\n            outline: var(--hax-layout-container-outline-width, 0px)\n              var(--hax-layout-container-outline-style, solid)\n              var(\n                --hax-layout-container-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            outline-offset: var(--hax-layout-container-outline-offset, 2px);\n          }\n          :host([data-hax-ray]) [data-layout-slotname]:hover {\n            outline: var(--hax-layout-container-hover-outline-width, 0px)\n              var(--hax-layout-container-hover-outline-style, solid)\n              var(\n                --hax-layout-container-hover-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n          }\n          :host([data-hax-ray]) ::slotted(*.hax-hovered)::before {\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            background-color: inherit;\n            content: \" \";\n            width: 100%;\n            display: block;\n            position: relative;\n            margin: -10px 0 0 0;\n            z-index: 2;\n            height: 10px;\n          }\n          :host([data-hax-ray]) ::slotted(img.hax-hovered),\n          :host([data-hax-ray]) ::slotted(*.hax-hovered)::before {\n            background-color: var(\n              --hax-layout-slotted-active-outline-color,\n              var(--hax-layout-accent-color, #009dc7)\n            ) !important;\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n\n          @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {\n            :host([data-hax-ray]) ::slotted(*.hax-hovered) {\n              background-color: var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              ) !important;\n              outline: var(--hax-layout-slotted-active-outline-width, 1px)\n                var(--hax-layout-slotted-active-outline-style, solid)\n                var(\n                  --hax-layout-slotted-active-outline-color,\n                  var(--hax-layout-accent-color, #009dc7)\n                );\n            }\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/dist/HAXLayouts.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/dist/HAXLayouts.dev.js
index 593e10fd061..8a0352b933a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/dist/HAXLayouts.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/dist/HAXLayouts.dev.js
@@ -78,10 +78,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_eeceef301f0511ed8cc3e9a95995ad69() {
+function _templateObject_c510e3301f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n          :host {\n            display: block;\n            --hax-layout-slotted-active-outline-color: var(\n              --hax-contextual-action-hover-color\n            );\n          }\n          :host([ready]) [data-layout-slotname] {\n            transition: var(\n              --hax-layout-container-transition,\n              0.5s width ease-in-out,\n              0.5s padding ease-in-out,\n              0.5s margin ease-in-out\n            );\n          }\n          :host([data-hax-ray]) [data-layout-slotname].not-shown {\n            display: block;\n            opacity: 0.4;\n            width: 0;\n          }\n          :host([data-hax-ray]) [data-layout-slotname].not-shown.has-nodes {\n            width: 100%;\n            transition: none;\n          }\n          :host([data-hax-ray]) .not-shown:hover {\n            opacity: 1;\n          }\n          :host([data-hax-ray]) .not-shown:hover::before {\n            content: "Hidden by layout";\n            position: sticky;\n            display: inline-flex;\n            background-color: black;\n            color: white;\n            padding: 0px 8px;\n            font-size: 12px;\n            line-height: 16px;\n            margin: 12px 13px;\n            float: right;\n            width: 124px;\n          }\n          /** this implies hax editing state is available **/\n          :host([data-hax-ray]) ::slotted(*) {\n            outline: var(--hax-layout-slotted-outline-width, 0px)\n              var(--hax-layout-slotted-outline-style, solid)\n              var(\n                --hax-layout-slotted-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            outline-offset: var(--hax-layout-slotted-outline-offset, 0px);\n          }\n          :host([data-hax-ray])\n            ::slotted([contenteditable][data-hax-ray]:empty)::before {\n            content: attr(data-hax-ray);\n            opacity: 0.2;\n            transition: 0.2s all ease-in-out;\n          }\n          :host([data-hax-ray]) ::slotted(*:hover) {\n            outline: var(--hax-layout-slotted-hover-outline-width, 0px)\n              var(--hax-layout-slotted-hover-outline-style, solid)\n              var(\n                --hax-layout-slotted-hover-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n          :host([data-hax-ray]) ::slotted(.hax-active) {\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n          }\n          :host([data-hax-ray]) [data-layout-slotname] {\n            outline: var(--hax-layout-container-outline-width, 0px)\n              var(--hax-layout-container-outline-style, solid)\n              var(\n                --hax-layout-container-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            outline-offset: var(--hax-layout-container-outline-offset, 2px);\n          }\n          :host([data-hax-ray]) [data-layout-slotname]:hover {\n            outline: var(--hax-layout-container-hover-outline-width, 0px)\n              var(--hax-layout-container-hover-outline-style, solid)\n              var(\n                --hax-layout-container-hover-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n          }\n          :host([data-hax-ray]) ::slotted(*.hax-hovered)::before {\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            background-color: inherit;\n            content: " ";\n            width: 100%;\n            display: block;\n            position: relative;\n            margin: -10px 0 0 0;\n            z-index: 2;\n            height: 10px;\n          }\n          :host([data-hax-ray]) ::slotted(img.hax-hovered),\n          :host([data-hax-ray]) ::slotted(*.hax-hovered)::before {\n            background-color: var(\n              --hax-layout-slotted-active-outline-color,\n              var(--hax-layout-accent-color, #009dc7)\n            ) !important;\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n\n          @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {\n            :host([data-hax-ray]) ::slotted(*.hax-hovered) {\n              background-color: var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              ) !important;\n              outline: var(--hax-layout-slotted-active-outline-width, 1px)\n                var(--hax-layout-slotted-active-outline-style, solid)\n                var(\n                  --hax-layout-slotted-active-outline-color,\n                  var(--hax-layout-accent-color, #009dc7)\n                );\n            }\n          }\n        ']);
 
-  _templateObject_eeceef301f0511ed8cc3e9a95995ad69 = function _templateObject_eeceef301f0511ed8cc3e9a95995ad69() {
+  _templateObject_c510e3301f2611eda0c389891c227ec8 = function _templateObject_c510e3301f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -228,7 +228,7 @@ var HaxLayoutBehaviors = function HaxLayoutBehaviors(SuperClass) {
     _createClass(_class, null, [{
       key: "styles",
       get: function get() {
-        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "styles", this) || []), [(0, _litElement.css)(_templateObject_eeceef301f0511ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "styles", this) || []), [(0, _litElement.css)(_templateObject_c510e3301f2611eda0c389891c227ec8())]);
       }
     }]);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/hax-body.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/hax-body.js
index d49990e5380..42d82c54702 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/hax-body.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/hax-body.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a5e26a901f0511ed8cc3e9a95995ad69, _templateObject2_a5e26a901f0511ed8cc3e9a95995ad69, _templateObject3_a5e26a901f0511ed8cc3e9a95995ad69;
+  var _templateObject_803ea1c01f2611eda0c389891c227ec8, _templateObject2_803ea1c01f2611eda0c389891c227ec8, _templateObject3_803ea1c01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -420,7 +420,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a5e26a901f0511ed8cc3e9a95995ad69 || (_templateObject_a5e26a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style id=\"hax-body-style-element\"></style>\n      <div\n        id=\"bodycontainer\"\n        class=\"ignore-activation\"\n        element-align=\"", "\"\n      >\n        <slot id=\"body\"></slot>\n      </div>\n      <absolute-position-behavior\n        id=\"topcontext\"\n        fit-to-visible-bounds\n        justify\n        position=\"top\"\n        allow-overlap\n        auto\n        sticky\n        data-node-type=\"", "\"\n        .target=\"", "\"\n        .trayStatus=\"", "\"\n        ?hidden=\"", "\"\n      >\n        <div id=\"topcontextmenu\">\n          <hax-plate-context\n            always-expanded\n            id=\"platecontextmenu\"\n            class=\"hax-context-menu ignore-activation\"\n            .activeNode=\"", "\"\n            .trayDetail=\"", "\"\n            .trayStatus=\"", "\"\n            ?viewSource=\"", "\"\n            ?canMoveElement=\"", "\"\n          ></hax-plate-context>\n          <hax-text-editor-toolbar\n            id=\"textcontextmenu\"\n            class=\"hax-context-menu ignore-activation ", "\"\n            .activeNode=\"", "\"\n            show=\"always\"\n          >\n          </hax-text-editor-toolbar>\n        </div>\n      </absolute-position-behavior>\n    "])), this.elementAlign || "right", !this.activeNode ? "" : this.viewSourceToggle ? this.activeNode.parentNode.tagName : this.activeNode.tagName, !this.activeNode ? document.body : this.viewSourceToggle ? this.activeNode.parentNode : this.activeNode, this.trayStatus, !this.activeNode, this.activeNode, this.trayDetail, this.trayStatus, this.viewSourceToggle, this.canMoveElement, !this.activeNode || this.activeNode.getAttribute("data-hax-lock") || this.activeNode.parentNode && this.activeNode.parentNode.getAttribute("data-hax-lock") || !_haxStore.HAXStore.isTextElement(this.activeNode) && !_haxStore.HAXStore.isSingleSlotElement(this.activeNode) ? "not-text" : "is-text", this.activeNode);
+        return (0, _index.html)(_templateObject_803ea1c01f2611eda0c389891c227ec8 || (_templateObject_803ea1c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style id=\"hax-body-style-element\"></style>\n      <div\n        id=\"bodycontainer\"\n        class=\"ignore-activation\"\n        element-align=\"", "\"\n      >\n        <slot id=\"body\"></slot>\n      </div>\n      <absolute-position-behavior\n        id=\"topcontext\"\n        fit-to-visible-bounds\n        justify\n        position=\"top\"\n        allow-overlap\n        auto\n        sticky\n        data-node-type=\"", "\"\n        .target=\"", "\"\n        .trayStatus=\"", "\"\n        ?hidden=\"", "\"\n      >\n        <div id=\"topcontextmenu\">\n          <hax-plate-context\n            always-expanded\n            id=\"platecontextmenu\"\n            class=\"hax-context-menu ignore-activation\"\n            .activeNode=\"", "\"\n            .trayDetail=\"", "\"\n            .trayStatus=\"", "\"\n            ?viewSource=\"", "\"\n            ?canMoveElement=\"", "\"\n          ></hax-plate-context>\n          <hax-text-editor-toolbar\n            id=\"textcontextmenu\"\n            class=\"hax-context-menu ignore-activation ", "\"\n            .activeNode=\"", "\"\n            show=\"always\"\n          >\n          </hax-text-editor-toolbar>\n        </div>\n      </absolute-position-behavior>\n    "])), this.elementAlign || "right", !this.activeNode ? "" : this.viewSourceToggle ? this.activeNode.parentNode.tagName : this.activeNode.tagName, !this.activeNode ? document.body : this.viewSourceToggle ? this.activeNode.parentNode : this.activeNode, this.trayStatus, !this.activeNode, this.activeNode, this.trayDetail, this.trayStatus, this.viewSourceToggle, this.canMoveElement, !this.activeNode || this.activeNode.getAttribute("data-hax-lock") || this.activeNode.parentNode && this.activeNode.parentNode.getAttribute("data-hax-lock") || !_haxStore.HAXStore.isTextElement(this.activeNode) && !_haxStore.HAXStore.isSingleSlotElement(this.activeNode) ? "not-text" : "is-text", this.activeNode);
       }
       /**
        * LitElement / popular convention
@@ -430,7 +430,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
       key: "HAXBODYStyleSheetContent",
       value: function HAXBODYStyleSheetContent() {
         var styles = [];
-        styles.push((0, _index.css)(_templateObject2_a5e26a901f0511ed8cc3e9a95995ad69 || (_templateObject2_a5e26a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock])::after {\n        background-image: url(\"", "\");\n      }\n    "])), (0, _index.unsafeCSS)(this.__lockIconPath)));
+        styles.push((0, _index.css)(_templateObject2_803ea1c01f2611eda0c389891c227ec8 || (_templateObject2_803ea1c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock])::after {\n        background-image: url(\"", "\");\n      }\n    "])), (0, _index.unsafeCSS)(this.__lockIconPath)));
         return styles;
       }
       /**
@@ -4275,7 +4275,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxBody), "styles", this)), [(0, _index.css)(_templateObject3_a5e26a901f0511ed8cc3e9a95995ad69 || (_templateObject3_a5e26a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([edit-mode]),\n        :host([edit-mode]) * ::slotted(*) {\n          line-height: 1.8;\n        }\n        :host([edit-mode]) ul,\n        :host([edit-mode]) ol {\n          padding-left: 20px;\n          margin-left: 20px;\n        }\n        :host([edit-mode]) ul {\n          list-style-type: disc;\n        }\n        :host([edit-mode]) code {\n          padding: 0.2em 0.4em;\n          margin: 0;\n          font-size: 12px;\n          background-color: var(\n            --hax-base-styles-code-background-color,\n            rgba(175, 184, 193, 0.2)\n          );\n          border-radius: 6px;\n          font-family: var(\n            --hax-base-styles-code-font-family,\n            ui-monospace,\n            monospace\n          );\n        }\n        :host([edit-mode]) pre {\n          padding: 16px;\n          overflow: auto;\n          line-height: 1.45;\n          background-color: var(\n            --hax-base-styles-pre-background-color,\n            rgba(175, 184, 193, 0.2)\n          );\n          border-radius: 6px;\n          margin-bottom: 0;\n          word-break: normal;\n          word-wrap: normal;\n          margin-top: 0;\n          font-family: var(\n            --hax-base-styles-pre-font-family,\n            ui-monospace,\n            monospace\n          );\n          font-size: 12px;\n        }\n        :host([edit-mode]) li {\n          margin-bottom: 6px;\n        }\n        :host([edit-mode][tray-status=\"full-panel\"]) #bodycontainer {\n          display: none;\n        }\n        :host {\n          display: block;\n          position: relative;\n          min-height: 32px;\n          min-width: 32px;\n          outline: none;\n          --hax-contextual-action-text-color: var(--hax-ui-background-color);\n          --hax-contextual-action-hover-color: var(--hax-ui-color-accent);\n          --hax-contextual-action-color: var(--hax-ui-color-accent-secondary);\n          --hax-body-editable-outline: 1px solid\n            var(--hax-ui-disabled-color, #ddd);\n          --hax-body-active-outline-hover: 1px solid\n            var(--hax-ui-color-faded, #444);\n          --hax-body-active-outline: 1px solid var(--hax-ui-color-focus, #000);\n          --hax-body-active-drag-outline: 1px solid\n            var(--hax-ui-color-accent, #009dc7);\n          --hax-body-target-background-color: var(\n            --hax-ui-background-color-accent\n          );\n          --hax-body-possible-target-background-color: inherit;\n        }\n        #topcontext {\n          z-index: calc(var(--hax-ui-focus-z-index) - 2);\n          min-width: 280px;\n        }\n        #topcontextmenu {\n          width: auto;\n          max-width: 100%;\n          position: absolute;\n          bottom: 0;\n        }\n        .hax-context-menu {\n          display: none;\n          z-index: 1;\n        }\n        .hax-context-menu:hover {\n          z-index: calc(var(--hax-ui-focus-z-index) + 1);\n          transition: 0s z-index ease-in-out;\n        }\n        .hax-context-visible,\n        .hax-context-menu-active {\n          display: flex;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted([contenteditable]) {\n          -webkit-appearance: textfield;\n          cursor: text;\n          -moz-user-select: text;\n          -khtml-user-select: text;\n          -webkit-user-select: text;\n          -o-user-select: text;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted([contenteditable][data-hax-ray]:empty)::before {\n          content: attr(data-hax-ray);\n          opacity: 0.2;\n          transition: 0.2s all ease-in-out;\n        }\n\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted([contenteditable][data-hax-ray]:hover:empty)::before {\n          opacity: 0.4;\n          cursor: text;\n        }\n\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted([contenteditable][data-hax-ray]:empty:focus)::before {\n          content: \"\";\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(p) {\n          min-height: var(--hax-base-styles-p-min-height, 1rem);\n          font-size: var(--hax-base-styles-p-font-size);\n          line-height: var(--hax-base-styles-p-line-height);\n          letter-spacing: var(--hax-base-styles-p-letter-spacing);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(a) {\n          color: var(--hax-base-styles-a-color);\n          font-size: var(\n            --hax-base-styles-a-font-size,\n            var(--hax-base-styles-p-font-size)\n          );\n          font-weight: var(--hax-base-styles-a-font-weight);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(a:visited) {\n          color: var(--hax-base-styles-a-color-visited);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(a:active),\n        :host([edit-mode]) #bodycontainer ::slotted(a:focus),\n        :host([edit-mode]) #bodycontainer ::slotted(a:hover) {\n          color: var(--hax-base-styles-a-color-active);\n          font-weight: var(--hax-base-styles-a-font-weight-active);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(ol),\n        :host([edit-mode]) #bodycontainer ::slotted(ul),\n        :host([edit-mode]) #bodycontainer ::slotted(li) {\n          padding-bottom: var(--hax-base-styles-list-padding-bottom);\n          line-height: var(\n            --hax-base-styles-list-line-height,\n            var(--hax-base-styles-p-line-height)\n          );\n          font-size: var(\n            --hax-base-styles-list-font-size,\n            var(--hax-base-styles-p-font-size)\n          );\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(ol > li:last-child),\n        :host([edit-mode]) #bodycontainer ::slotted(ul > li:last-child) {\n          padding-bottom: var(--hax-base-styles-list-last-child-padding-bottom);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(img[contenteditable]) {\n          max-width: 100%;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(*[contenteditable]) {\n          outline: none;\n          caret-color: auto;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(*.blinkfocus) {\n          outline: 2px solid var(--hax-contextual-action-hover-color);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock]) {\n          background-color: #fffafa;\n          opacity: 0.5;\n          transition: 0.2s all ease-in-out;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock]:hover) {\n          opacity: 0.9;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock])::after {\n          width: 28px;\n          height: 28px;\n          content: \"\";\n          display: flex;\n          float: right;\n          z-index: 1;\n          position: relative;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-color: #fffafa;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*:not([data-hax-layout])[contenteditable]:hover) {\n          outline: var(--hax-body-active-outline-hover);\n          caret-color: auto;\n        }\n        :host(.hax-add-content-visible[edit-mode])\n          #bodycontainer\n          ::slotted(*.hax-active) {\n          margin-bottom: 30px;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*.hax-active[contenteditable]:hover) {\n          cursor: text !important;\n          caret-color: auto;\n          outline: var(--hax-body-active-outline-hover);\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*:not([data-hax-layout])[contenteditable]\n            .hax-active:hover) {\n          cursor: text !important;\n          caret-color: auto;\n          outline: var(--hax-body-active-outline-hover);\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(code.hax-active[contenteditable]) {\n          display: block;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*.hax-active[contenteditable]) {\n          outline: var(--hax-body-active-outline) !important;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(hr[contenteditable]) {\n          height: 2px;\n          background-color: #eeeeee;\n          padding-top: 4px;\n          padding-bottom: 4px;\n        }\n        /** Fix to support safari as it defaults to none */\n        :host([edit-mode]) #bodycontainer ::slotted(*[contenteditable]) {\n          -webkit-user-select: text;\n          cursor: pointer;\n        }\n\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[contenteditable]::-moz-selection),\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[contenteditable] *::-moz-selection) {\n          background-color: var(--hax-body-highlight, #ffffac);\n          color: black;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[contenteditable]::selection),\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[contenteditable] *::selection) {\n          background-color: var(--hax-body-highlight, #ffffac);\n          color: black;\n        }\n        #bodycontainer {\n          -webkit-user-select: text;\n          user-select: text;\n        }\n        absolute-position-behavior:not(:defined),\n        .hax-context-menu:not(:defined) {\n          display: none;\n        }\n        /* drag and drop */\n        :host([edit-mode][hax-mover]) #bodycontainer ::slotted(*)::before {\n          background-color: var(--hax-body-possible-target-background-color);\n          content: \" \";\n          width: 100%;\n          display: block;\n          position: relative;\n          margin: -12px 0 0 0;\n          z-index: 2;\n          height: 12px;\n          transition: 0.2s all ease-in-out;\n        }\n        :host([edit-mode][hax-mover]) #bodycontainer ::slotted(img) {\n          outline: var(--hax-body-editable-outline);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(img.hax-hovered),\n        :host([edit-mode]) #bodycontainer ::slotted(*.hax-hovered)::before {\n          background-color: var(--hax-body-target-background-color) !important;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(img.hax-hovered) {\n          border-top: 8px\n            var(--hax-contextual-action-hover-color, var(--hax-ui-color-accent));\n          margin-top: -8px;\n        }\n        [hidden],\n        :host([hidden]),\n        #textcontextmenu.not-text {\n          display: none !important;\n        }\n        /** This is mobile layout for controls */\n        @media screen and (max-width: 800px) {\n          .hax-context-menu {\n            height: 0px;\n          }\n          .hax-context-visible {\n            height: auto;\n          }\n          :host(:not([tray-status=\"collapsed\"])) {\n            z-index: -1;\n          }\n          :host([edit-mode]) #bodycontainer,\n          :host([edit-mode]) #bodycontainer[element-align=\"left\"],\n          :host([edit-mode]) #bodycontainer[element-align=\"right\"] {\n            margin: calc(100px + var(--hax-tray-menubar-min-height)) 0 0 0;\n          }\n        }\n\n        @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {\n          /*\n            Define here the CSS styles applied only to Safari browsers\n            (any version and any device) via https://solvit.io/bcf61b6\n          */\n          :host([edit-mode][hax-mover]) #bodycontainer ::slotted(*) {\n            outline: var(--hax-body-editable-outline);\n            background-color: var(--hax-body-possible-target-background-color);\n          }\n          :host([edit-mode]) #bodycontainer ::slotted(*.hax-hovered) {\n            background-color: var(\n              --hax-body-target-background-color\n            ) !important;\n            outline: var(--hax-body-active-outline);\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxBody), "styles", this)), [(0, _index.css)(_templateObject3_803ea1c01f2611eda0c389891c227ec8 || (_templateObject3_803ea1c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([edit-mode]),\n        :host([edit-mode]) * ::slotted(*) {\n          line-height: 1.8;\n        }\n        :host([edit-mode]) ul,\n        :host([edit-mode]) ol {\n          padding-left: 20px;\n          margin-left: 20px;\n        }\n        :host([edit-mode]) ul {\n          list-style-type: disc;\n        }\n        :host([edit-mode]) code {\n          padding: 0.2em 0.4em;\n          margin: 0;\n          font-size: 12px;\n          background-color: var(\n            --hax-base-styles-code-background-color,\n            rgba(175, 184, 193, 0.2)\n          );\n          border-radius: 6px;\n          font-family: var(\n            --hax-base-styles-code-font-family,\n            ui-monospace,\n            monospace\n          );\n        }\n        :host([edit-mode]) pre {\n          padding: 16px;\n          overflow: auto;\n          line-height: 1.45;\n          background-color: var(\n            --hax-base-styles-pre-background-color,\n            rgba(175, 184, 193, 0.2)\n          );\n          border-radius: 6px;\n          margin-bottom: 0;\n          word-break: normal;\n          word-wrap: normal;\n          margin-top: 0;\n          font-family: var(\n            --hax-base-styles-pre-font-family,\n            ui-monospace,\n            monospace\n          );\n          font-size: 12px;\n        }\n        :host([edit-mode]) li {\n          margin-bottom: 6px;\n        }\n        :host([edit-mode][tray-status=\"full-panel\"]) #bodycontainer {\n          display: none;\n        }\n        :host {\n          display: block;\n          position: relative;\n          min-height: 32px;\n          min-width: 32px;\n          outline: none;\n          --hax-contextual-action-text-color: var(--hax-ui-background-color);\n          --hax-contextual-action-hover-color: var(--hax-ui-color-accent);\n          --hax-contextual-action-color: var(--hax-ui-color-accent-secondary);\n          --hax-body-editable-outline: 1px solid\n            var(--hax-ui-disabled-color, #ddd);\n          --hax-body-active-outline-hover: 1px solid\n            var(--hax-ui-color-faded, #444);\n          --hax-body-active-outline: 1px solid var(--hax-ui-color-focus, #000);\n          --hax-body-active-drag-outline: 1px solid\n            var(--hax-ui-color-accent, #009dc7);\n          --hax-body-target-background-color: var(\n            --hax-ui-background-color-accent\n          );\n          --hax-body-possible-target-background-color: inherit;\n        }\n        #topcontext {\n          z-index: calc(var(--hax-ui-focus-z-index) - 2);\n          min-width: 280px;\n        }\n        #topcontextmenu {\n          width: auto;\n          max-width: 100%;\n          position: absolute;\n          bottom: 0;\n        }\n        .hax-context-menu {\n          display: none;\n          z-index: 1;\n        }\n        .hax-context-menu:hover {\n          z-index: calc(var(--hax-ui-focus-z-index) + 1);\n          transition: 0s z-index ease-in-out;\n        }\n        .hax-context-visible,\n        .hax-context-menu-active {\n          display: flex;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted([contenteditable]) {\n          -webkit-appearance: textfield;\n          cursor: text;\n          -moz-user-select: text;\n          -khtml-user-select: text;\n          -webkit-user-select: text;\n          -o-user-select: text;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted([contenteditable][data-hax-ray]:empty)::before {\n          content: attr(data-hax-ray);\n          opacity: 0.2;\n          transition: 0.2s all ease-in-out;\n        }\n\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted([contenteditable][data-hax-ray]:hover:empty)::before {\n          opacity: 0.4;\n          cursor: text;\n        }\n\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted([contenteditable][data-hax-ray]:empty:focus)::before {\n          content: \"\";\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(p) {\n          min-height: var(--hax-base-styles-p-min-height, 1rem);\n          font-size: var(--hax-base-styles-p-font-size);\n          line-height: var(--hax-base-styles-p-line-height);\n          letter-spacing: var(--hax-base-styles-p-letter-spacing);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(a) {\n          color: var(--hax-base-styles-a-color);\n          font-size: var(\n            --hax-base-styles-a-font-size,\n            var(--hax-base-styles-p-font-size)\n          );\n          font-weight: var(--hax-base-styles-a-font-weight);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(a:visited) {\n          color: var(--hax-base-styles-a-color-visited);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(a:active),\n        :host([edit-mode]) #bodycontainer ::slotted(a:focus),\n        :host([edit-mode]) #bodycontainer ::slotted(a:hover) {\n          color: var(--hax-base-styles-a-color-active);\n          font-weight: var(--hax-base-styles-a-font-weight-active);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(ol),\n        :host([edit-mode]) #bodycontainer ::slotted(ul),\n        :host([edit-mode]) #bodycontainer ::slotted(li) {\n          padding-bottom: var(--hax-base-styles-list-padding-bottom);\n          line-height: var(\n            --hax-base-styles-list-line-height,\n            var(--hax-base-styles-p-line-height)\n          );\n          font-size: var(\n            --hax-base-styles-list-font-size,\n            var(--hax-base-styles-p-font-size)\n          );\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(ol > li:last-child),\n        :host([edit-mode]) #bodycontainer ::slotted(ul > li:last-child) {\n          padding-bottom: var(--hax-base-styles-list-last-child-padding-bottom);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(img[contenteditable]) {\n          max-width: 100%;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(*[contenteditable]) {\n          outline: none;\n          caret-color: auto;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(*.blinkfocus) {\n          outline: 2px solid var(--hax-contextual-action-hover-color);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock]) {\n          background-color: #fffafa;\n          opacity: 0.5;\n          transition: 0.2s all ease-in-out;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock]:hover) {\n          opacity: 0.9;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock])::after {\n          width: 28px;\n          height: 28px;\n          content: \"\";\n          display: flex;\n          float: right;\n          z-index: 1;\n          position: relative;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-color: #fffafa;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*:not([data-hax-layout])[contenteditable]:hover) {\n          outline: var(--hax-body-active-outline-hover);\n          caret-color: auto;\n        }\n        :host(.hax-add-content-visible[edit-mode])\n          #bodycontainer\n          ::slotted(*.hax-active) {\n          margin-bottom: 30px;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*.hax-active[contenteditable]:hover) {\n          cursor: text !important;\n          caret-color: auto;\n          outline: var(--hax-body-active-outline-hover);\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*:not([data-hax-layout])[contenteditable]\n            .hax-active:hover) {\n          cursor: text !important;\n          caret-color: auto;\n          outline: var(--hax-body-active-outline-hover);\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(code.hax-active[contenteditable]) {\n          display: block;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*.hax-active[contenteditable]) {\n          outline: var(--hax-body-active-outline) !important;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(hr[contenteditable]) {\n          height: 2px;\n          background-color: #eeeeee;\n          padding-top: 4px;\n          padding-bottom: 4px;\n        }\n        /** Fix to support safari as it defaults to none */\n        :host([edit-mode]) #bodycontainer ::slotted(*[contenteditable]) {\n          -webkit-user-select: text;\n          cursor: pointer;\n        }\n\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[contenteditable]::-moz-selection),\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[contenteditable] *::-moz-selection) {\n          background-color: var(--hax-body-highlight, #ffffac);\n          color: black;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[contenteditable]::selection),\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[contenteditable] *::selection) {\n          background-color: var(--hax-body-highlight, #ffffac);\n          color: black;\n        }\n        #bodycontainer {\n          -webkit-user-select: text;\n          user-select: text;\n        }\n        absolute-position-behavior:not(:defined),\n        .hax-context-menu:not(:defined) {\n          display: none;\n        }\n        /* drag and drop */\n        :host([edit-mode][hax-mover]) #bodycontainer ::slotted(*)::before {\n          background-color: var(--hax-body-possible-target-background-color);\n          content: \" \";\n          width: 100%;\n          display: block;\n          position: relative;\n          margin: -12px 0 0 0;\n          z-index: 2;\n          height: 12px;\n          transition: 0.2s all ease-in-out;\n        }\n        :host([edit-mode][hax-mover]) #bodycontainer ::slotted(img) {\n          outline: var(--hax-body-editable-outline);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(img.hax-hovered),\n        :host([edit-mode]) #bodycontainer ::slotted(*.hax-hovered)::before {\n          background-color: var(--hax-body-target-background-color) !important;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(img.hax-hovered) {\n          border-top: 8px\n            var(--hax-contextual-action-hover-color, var(--hax-ui-color-accent));\n          margin-top: -8px;\n        }\n        [hidden],\n        :host([hidden]),\n        #textcontextmenu.not-text {\n          display: none !important;\n        }\n        /** This is mobile layout for controls */\n        @media screen and (max-width: 800px) {\n          .hax-context-menu {\n            height: 0px;\n          }\n          .hax-context-visible {\n            height: auto;\n          }\n          :host(:not([tray-status=\"collapsed\"])) {\n            z-index: -1;\n          }\n          :host([edit-mode]) #bodycontainer,\n          :host([edit-mode]) #bodycontainer[element-align=\"left\"],\n          :host([edit-mode]) #bodycontainer[element-align=\"right\"] {\n            margin: calc(100px + var(--hax-tray-menubar-min-height)) 0 0 0;\n          }\n        }\n\n        @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {\n          /*\n            Define here the CSS styles applied only to Safari browsers\n            (any version and any device) via https://solvit.io/bcf61b6\n          */\n          :host([edit-mode][hax-mover]) #bodycontainer ::slotted(*) {\n            outline: var(--hax-body-editable-outline);\n            background-color: var(--hax-body-possible-target-background-color);\n          }\n          :host([edit-mode]) #bodycontainer ::slotted(*.hax-hovered) {\n            background-color: var(\n              --hax-body-target-background-color\n            ) !important;\n            outline: var(--hax-body-active-outline);\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-browser.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-browser.dev.js
index ce3ba59506a..463f596b221 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-browser.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-browser.dev.js
@@ -27,20 +27,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject3_eed1d5601f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c513c9601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n            <hax-tray-button\n              class="', '"\n              show-text-label\n              icon-position="top"\n              index="', '"\n              label="', '"\n              icon="', '"\n              color="', '"\n              event-name="search-selected"\n              event-data="', '"\n            >\n            </hax-tray-button>\n          ']);
 
-  _templateObject3_eed1d5601f0511ed8cc3e9a95995ad69 = function _templateObject3_eed1d5601f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c513c9601f2611eda0c389891c227ec8 = function _templateObject3_c513c9601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_eed1d5601f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c513c9601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <simple-button-grid\n        class="', '"\n        always-expanded\n        columns="3"\n      >\n        ', '\n      </simple-button-grid>\n      <hax-app-search\n        id="haxappsearch"\n        class="', '"\n      ></hax-app-search>\n      <slot></slot>\n    ']);
 
-  _templateObject2_eed1d5601f0511ed8cc3e9a95995ad69 = function _templateObject2_eed1d5601f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c513c9601f2611eda0c389891c227ec8 = function _templateObject2_c513c9601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -99,10 +99,10 @@ function _interopRequireWildcard(obj) {
   return newObj;
 }
 
-function _templateObject_eed1d5601f0511ed8cc3e9a95995ad69() {
+function _templateObject_c513c9601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          overflow-y: auto;\n          position: relative;\n        }\n        simple-button-grid {\n          overflow: auto;\n        }\n        simple-button-grid.collapse-hide {\n          max-height: 0 !important;\n          transition: all 0.5s;\n        }\n        .visibility-hidden {\n          z-index: -1;\n          visibility: hidden;\n          opacity: 0;\n          height: 0;\n          transition: all 0.5s;\n        }\n      "]);
 
-  _templateObject_eed1d5601f0511ed8cc3e9a95995ad69 = function _templateObject_eed1d5601f0511ed8cc3e9a95995ad69() {
+  _templateObject_c513c9601f2611eda0c389891c227ec8 = function _templateObject_c513c9601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -236,7 +236,7 @@ var HaxAppBrowser = /*#__PURE__*/function (_LitElement) {
   _createClass(HaxAppBrowser, null, [{
     key: "styles",
     get: function get() {
-      return [(0, _litElement.css)(_templateObject_eed1d5601f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject_c513c9601f2611eda0c389891c227ec8())];
     }
   }]);
 
@@ -280,8 +280,8 @@ var HaxAppBrowser = /*#__PURE__*/function (_LitElement) {
     value: function render() {
       var _this2 = this;
 
-      return (0, _litElement.html)(_templateObject2_eed1d5601f0511ed8cc3e9a95995ad69(), this.searching ? "collapse-hide" : "", this.appList.map(function (app) {
-        return (0, _litElement.html)(_templateObject3_eed1d5601f0511ed8cc3e9a95995ad69(), _this2.searching ? "visibility-hidden" : "", app.index, app.details.title, app.details.icon, app.details.color, app.index);
+      return (0, _litElement.html)(_templateObject2_c513c9601f2611eda0c389891c227ec8(), this.searching ? "collapse-hide" : "", this.appList.map(function (app) {
+        return (0, _litElement.html)(_templateObject3_c513c9601f2611eda0c389891c227ec8(), _this2.searching ? "visibility-hidden" : "", app.index, app.details.title, app.details.icon, app.details.color, app.index);
       }), !this.searching ? "visibility-hidden" : "");
     }
   }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-picker.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-picker.dev.js
index 8a05fd5d176..6a20ea81a02 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-picker.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-picker.dev.js
@@ -27,20 +27,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_eed3aa201f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c5159e201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <simple-modal-template .title="', '" modal-id="hax-picker" mode="hax-ui">\n        <hax-picker slot="content"></hax-picker>\n      </simple-modal-template>\n    ']);
 
-  _templateObject2_eed3aa201f0511ed8cc3e9a95995ad69 = function _templateObject2_eed3aa201f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c5159e201f2611eda0c389891c227ec8 = function _templateObject2_c5159e201f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_eed3aa201f0511ed8cc3e9a95995ad69() {
+function _templateObject_c5159e201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "]);
 
-  _templateObject_eed3aa201f0511ed8cc3e9a95995ad69 = function _templateObject_eed3aa201f0511ed8cc3e9a95995ad69() {
+  _templateObject_c5159e201f2611eda0c389891c227ec8 = function _templateObject_c5159e201f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -191,7 +191,7 @@ var HaxAppPicker = /*#__PURE__*/function (_LitElement) {
   _createClass(HaxAppPicker, null, [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _litElement.css)(_templateObject_eed3aa201f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _litElement.css)(_templateObject_c5159e201f2611eda0c389891c227ec8())]);
     }
   }]);
 
@@ -256,7 +256,7 @@ var HaxAppPicker = /*#__PURE__*/function (_LitElement) {
   }, {
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject2_eed3aa201f0511ed8cc3e9a95995ad69(), this.title);
+      return (0, _litElement.html)(_templateObject2_c5159e201f2611eda0c389891c227ec8(), this.title);
     }
   }, {
     key: "firstUpdated",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-inputs.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-inputs.dev.js
index c67e1bc08f9..e7d3f167e42 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-inputs.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-inputs.dev.js
@@ -27,20 +27,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_eed509b01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c516fdb01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <h5 class="search-label">\n        ', '\n        <hax-tray-button\n          id="cancel"\n          class="', '"\n          icon="close"\n          label="Cancel Search"\n          event-name="cancel-search"\n        >\n        </hax-tray-button>\n      </h5>\n      <simple-fields\n        id="form"\n        .schema="', '"\n        .schematizer="', '"\n        .elementizer="', '"\n        @value-changed="', '"\n      ></simple-fields>\n    ']);
 
-  _templateObject2_eed509b01f0511ed8cc3e9a95995ad69 = function _templateObject2_eed509b01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c516fdb01f2611eda0c389891c227ec8 = function _templateObject2_c516fdb01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_eed509b01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c516fdb01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .search-label {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 100%;\n        }\n        #cancel {\n          flex: 0 0 auto;\n        }\n      "]);
 
-  _templateObject_eed509b01f0511ed8cc3e9a95995ad69 = function _templateObject_eed509b01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c516fdb01f2611eda0c389891c227ec8 = function _templateObject_c516fdb01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -172,7 +172,7 @@ var HaxAppSearchInputs = /*#__PURE__*/function (_LitElement) {
      * LitElement constructable styles enhancement
      */
     get: function get() {
-      return [].concat(_toConsumableArray(_haxUiStyles.HaxTrayDetailHeadings), [(0, _litElement.css)(_templateObject_eed509b01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_haxUiStyles.HaxTrayDetailHeadings), [(0, _litElement.css)(_templateObject_c516fdb01f2611eda0c389891c227ec8())]);
     }
   }]);
 
@@ -185,7 +185,7 @@ var HaxAppSearchInputs = /*#__PURE__*/function (_LitElement) {
   _createClass(HaxAppSearchInputs, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject2_eed509b01f0511ed8cc3e9a95995ad69(), this.label, !this.searching ? "visibility-hidden" : "", this.schema, _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer, this.searchValuesChanged);
+      return (0, _litElement.html)(_templateObject2_c516fdb01f2611eda0c389891c227ec8(), this.label, !this.searching ? "visibility-hidden" : "", this.schema, _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer, this.searchValuesChanged);
     }
   }, {
     key: "searchValuesChanged",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-result.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-result.dev.js
index b7cf5cfdf57..2c46ffe2387 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-result.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-result.dev.js
@@ -9,10 +9,10 @@ var _litElement = require("lit");
 
 var _haxStore = require("./hax-store.js");
 
-function _templateObject2_eee0a2701f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c5196eb01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: space-evenly;\n          height: 100%;\n        }\n        button {\n          font-size: var(--hax-ui-font-size-xs);\n          margin: 0;\n          padding: 0;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          border-radius: 0;\n          border: none;\n          width: 100%;\n          outline: 1px solid var(--hax-toolbar-border-color);\n          opacity: 0.8;\n          background-color: var(--hax-toolbar-button-bg);\n          transition: 0.2s opacity ease-in-out, 0.2s outline-color ease-in-out;\n          flex: 1 0 auto;\n        }\n        button:hover,\n        button:focus,\n        button:active {\n          outline-color: var(--hax-tray-accent-color);\n          outline-width: 4px;\n          outline-style: solid;\n          opacity: 1;\n        }\n        .detail-wrapper {\n          flex: 1 0 auto;\n          max-height: 30px;\n          overflow: hidden;\n          text-align: center;\n          text-overflow: ellipsis;\n        }\n        .image {\n          flex: 0 0 auto;\n          width: 100%;\n          background-color: var(--hax-toolbar-border-color);\n        }\n        @media screen and (max-width: 1000px) {\n          :host {\n            width: 100%;\n          }\n          .title {\n            font-size: 12px;\n          }\n        }\n      "]);
 
-  _templateObject2_eee0a2701f0511ed8cc3e9a95995ad69 = function _templateObject2_eee0a2701f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c5196eb01f2611eda0c389891c227ec8 = function _templateObject2_c5196eb01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -33,10 +33,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject_eee0a2701f0511ed8cc3e9a95995ad69() {
+function _templateObject_c5196eb01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <button\n        draggable="true"\n        @click="', '"\n        @dragstart="', '"\n        @dragend="', '"\n        title="', '"\n      >\n        <img loading="lazy" class="image" src="', '" />\n        <div class="detail-wrapper">', "</div>\n      </button>\n    "]);
 
-  _templateObject_eee0a2701f0511ed8cc3e9a95995ad69 = function _templateObject_eee0a2701f0511ed8cc3e9a95995ad69() {
+  _templateObject_c5196eb01f2611eda0c389891c227ec8 = function _templateObject_c5196eb01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -142,7 +142,7 @@ var HaxAppSearchResult = /*#__PURE__*/function (_LitElement) {
   _createClass(HaxAppSearchResult, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_eee0a2701f0511ed8cc3e9a95995ad69(), this._itemSelected, this._dragStart, this._dragEnd, this.details, this.image, this.title.substr(0, 40));
+      return (0, _litElement.html)(_templateObject_c5196eb01f2611eda0c389891c227ec8(), this._itemSelected, this._dragStart, this._dragEnd, this.details, this.image, this.title.substr(0, 40));
     }
   }, {
     key: "_dragStart",
@@ -224,7 +224,7 @@ var HaxAppSearchResult = /*#__PURE__*/function (_LitElement) {
   }], [{
     key: "styles",
     get: function get() {
-      return [(0, _litElement.css)(_templateObject2_eee0a2701f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject2_c5196eb01f2611eda0c389891c227ec8())];
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search.dev.js
index dd25cdf7e73..8b2e380c061 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search.dev.js
@@ -106,40 +106,40 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject5_eede58801f0511ed8cc3e9a95995ad69() {
+function _templateObject5_c52248501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n            <hax-app-search-result\n              image="', '"\n              title="', '"\n              details="', '"\n              .map="', '"\n              type="', '"\n            ></hax-app-search-result>\n          ']);
 
-  _templateObject5_eede58801f0511ed8cc3e9a95995ad69 = function _templateObject5_eede58801f0511ed8cc3e9a95995ad69() {
+  _templateObject5_c52248501f2611eda0c389891c227ec8 = function _templateObject5_c52248501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject4_eede58801f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c52248501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n                  <li>\n                    <a\n                      href="', '"\n                      target="_blank"\n                      rel="noopener nofollow noreferrer"\n                      >', "</a\n                    >\n                  </li>\n                "]);
 
-  _templateObject4_eede58801f0511ed8cc3e9a95995ad69 = function _templateObject4_eede58801f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c52248501f2611eda0c389891c227ec8 = function _templateObject4_c52248501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_eede58801f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c52248501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n            <div class="tos-text">Terms of service:</div>\n            <ul class="tos-text">\n              ', "\n            </ul>\n          "]);
 
-  _templateObject3_eede58801f0511ed8cc3e9a95995ad69 = function _templateObject3_eede58801f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c52248501f2611eda0c389891c227ec8 = function _templateObject3_c52248501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_eede58801f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c52248501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n      ", '\n      <hax-app-search-inputs\n        id="searchinput"\n        .label="', '"\n        .schema="', '"\n        @search-values-changed="', '"\n      ></hax-app-search-inputs>\n      <hax-app-pagination\n        id="pagerbottom"\n        .request-data="', '"\n        .pagination="', '"\n      ></hax-app-pagination>\n      <hexagon-loader\n        size="medium"\n        item-count="4"\n        ?loading="', '"\n        aria-roledescription="Loading"\n      ></hexagon-loader>\n      <simple-button-grid\n        class="', '"\n        always-expanded\n        columns="2"\n      >\n        ', "\n      </simple-button-grid>\n    "]);
 
-  _templateObject2_eede58801f0511ed8cc3e9a95995ad69 = function _templateObject2_eede58801f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c52248501f2611eda0c389891c227ec8 = function _templateObject2_c52248501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -198,10 +198,10 @@ function _interopRequireWildcard(obj) {
   return newObj;
 }
 
-function _templateObject_eede58801f0511ed8cc3e9a95995ad69() {
+function _templateObject_c52248501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        hexagon-loader {\n          display: none;\n          margin: 0 auto;\n          z-index: 1000;\n          --hexagon-color: var(--hax-tray-accent-color);\n        }\n        hexagon-loader[loading] {\n          display: block;\n          opacity: 0.8;\n        }\n        .card-content {\n          padding: 0;\n        }\n        .card-content p {\n          padding: 0;\n          margin: 0;\n        }\n        #itemlist {\n          min-height: 172px;\n          text-align: center;\n          align-items: center;\n        }\n        hax-app-search-inputs {\n          min-height: 80px;\n          padding: 0;\n        }\n        hax-app-pagination {\n          min-height: 32px;\n          font-size: var(--hax-ui-font-size-sm);\n          display: none;\n          justify-content: flex-end;\n          justify-content: center;\n        }\n        .tos-text {\n          font-size: var(--hax-ui-font-size-sm);\n        }\n        .tos-text ul {\n          padding: 0;\n          margin: 0;\n        }\n        .tos-text a {\n          font-size: var(--hax-ui-font-size-sm);\n          color: var(--hax-tray-accent-color);\n          text-decoration: underline;\n        }\n        .tos-text a:hover,\n        .tos-text a:focus,\n        .tos-text a:active {\n          outline: 2px solid var(--hax-tray-accent-color);\n        }\n      "]);
 
-  _templateObject_eede58801f0511ed8cc3e9a95995ad69 = function _templateObject_eede58801f0511ed8cc3e9a95995ad69() {
+  _templateObject_c52248501f2611eda0c389891c227ec8 = function _templateObject_c52248501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -308,7 +308,7 @@ var HaxAppSearch = /*#__PURE__*/function (_LitElement) {
      * LitElement constructable styles enhancement
      */
     get: function get() {
-      return [(0, _litElement.css)(_templateObject_eede58801f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject_c52248501f2611eda0c389891c227ec8())];
     }
   }]);
 
@@ -360,10 +360,10 @@ var HaxAppSearch = /*#__PURE__*/function (_LitElement) {
   _createClass(HaxAppSearch, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject2_eede58801f0511ed8cc3e9a95995ad69(), this.tos.length > 0 ? (0, _litElement.html)(_templateObject3_eede58801f0511ed8cc3e9a95995ad69(), this.tos.map(function (item) {
-        return (0, _litElement.html)(_templateObject4_eede58801f0511ed8cc3e9a95995ad69(), item.link, item.title);
+      return (0, _litElement.html)(_templateObject2_c52248501f2611eda0c389891c227ec8(), this.tos.length > 0 ? (0, _litElement.html)(_templateObject3_c52248501f2611eda0c389891c227ec8(), this.tos.map(function (item) {
+        return (0, _litElement.html)(_templateObject4_c52248501f2611eda0c389891c227ec8(), item.link, item.title);
       })) : "", this.label, this.searchSchema, this._searchValuesChanged, this.requestData, this.pagination, this.loading, this.searching ? "collapse-hide" : "", this.media.map(function (resultData) {
-        return (0, _litElement.html)(_templateObject5_eede58801f0511ed8cc3e9a95995ad69(), resultData.image, resultData.title, resultData.details, resultData.map, resultData.type);
+        return (0, _litElement.html)(_templateObject5_c52248501f2611eda0c389891c227ec8(), resultData.image, resultData.title, resultData.details, resultData.map, resultData.type);
       }));
     }
     /**
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu-item.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu-item.dev.js
index a289301a165..4e9072cdba0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu-item.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu-item.dev.js
@@ -25,10 +25,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_eee202001f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c5246b301f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          --simple-toolbar-button-min-width: 100% !important;\n          --simple-toolbar-button-border-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          ) !important;\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-menu-button-hover-bg,\n            #c4ecff\n          );\n          --simple-toolbar-button-border-radius: var(\n            --hax-toolbar-menu-button-border-radius,\n            0\n          );\n        }\n        :host ::slotted([danger]) {\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-border-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          );\n          z-index: 1001;\n        }\n      "]);
 
-  _templateObject2_eee202001f0511ed8cc3e9a95995ad69 = function _templateObject2_eee202001f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c5246b301f2611eda0c389891c227ec8 = function _templateObject2_c5246b301f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -57,10 +57,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_eee202001f0511ed8cc3e9a95995ad69() {
+function _templateObject_c5246b301f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);
 
-  _templateObject_eee202001f0511ed8cc3e9a95995ad69 = function _templateObject_eee202001f0511ed8cc3e9a95995ad69() {
+  _templateObject_c5246b301f2611eda0c389891c227ec8 = function _templateObject_c5246b301f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -202,7 +202,7 @@ var HaxToolbarMenuItem = /*#__PURE__*/function (_A11yMenuButtonItemBe) {
   _createClass(HaxToolbarMenuItem, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_eee202001f0511ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject_c5246b301f2611eda0c389891c227ec8());
     }
     /**
      * allows link or button to get focus
@@ -218,7 +218,7 @@ var HaxToolbarMenuItem = /*#__PURE__*/function (_A11yMenuButtonItemBe) {
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenuItem), "styles", this)), [(0, _litElement.css)(_templateObject2_eee202001f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenuItem), "styles", this)), [(0, _litElement.css)(_templateObject2_c5246b301f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu.dev.js
index 6ca1ddd5dd4..ea6e70c9da5 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu.dev.js
@@ -74,30 +74,30 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject3_eee3d6c01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c52667001f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<slot name="menuitem"></slot>']);
 
-  _templateObject3_eee3d6c01f0511ed8cc3e9a95995ad69 = function _templateObject3_eee3d6c01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c52667001f2611eda0c389891c227ec8 = function _templateObject3_c52667001f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_eee3d6c01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c52667001f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <button\n        id="menubutton"\n        aria-haspopup="true"\n        aria-controls="menu"\n        aria-expanded="', '"\n      >\n        <simple-icon-lite\n          icon="', '"\n          aria-hidden="true"\n          ?hidden=', '\n        ></simple-icon-lite>\n        <span class="', '"\n          >', '</span\n        >\n        <simple-icon-lite\n          id="dropdownicon"\n          icon="arrow-drop-down"\n          aria-hidden="true"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip for="menubutton" ?hidden="', '"\n        >', "</simple-tooltip\n      >\n    "]);
 
-  _templateObject2_eee3d6c01f0511ed8cc3e9a95995ad69 = function _templateObject2_eee3d6c01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c52667001f2611eda0c389891c227ec8 = function _templateObject2_c52667001f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_eee3d6c01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c52667001f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        .sr-only {\n          position: absolute;\n          left: -99999999px;\n          width: 0;\n          height: 0;\n          overflow: hidden;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        :host([danger]) {\n          --a11y-menu-button-focus-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --a11y-menu-button-focus-border: 1px solid\n            var(--hax-toolbar-button-danger-color, #882222);\n        }\n        button {\n          display: flex;\n          flex-wrap: none;\n          align-items: center;\n          min-width: 42px;\n          padding: var(--hax-menu-button-menu-padding);\n        }\n        .label {\n          padding: 0 5px;\n        }\n        #dropdownicon {\n          --simple-icon-height: 18px;\n          --simple-icon-width: 18px;\n          margin-left: -2px;\n        }\n        #menu {\n          width: var(--hax-menu-button-menu-width);\n          min-width: var(--hax-menu-button-menu-min-idth);\n        }\n        absolute-position-behavior {\n          --a11y-menu-button-border: 1px solid\n            var(--hax-toolbar-button-hover-border-color, #000);\n          z-index: 1001;\n        }\n      "]);
 
-  _templateObject_eee3d6c01f0511ed8cc3e9a95995ad69 = function _templateObject_eee3d6c01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c52667001f2611eda0c389891c227ec8 = function _templateObject_c52667001f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -260,7 +260,7 @@ var HaxButtonMenu = /*#__PURE__*/function (_A11yMenuButtonBehavi) {
      * LitElement constructable styles enhancement
      */
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxButtonMenu), "styles", this)), [(0, _litElement.css)(_templateObject_eee3d6c01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxButtonMenu), "styles", this)), [(0, _litElement.css)(_templateObject_c52667001f2611eda0c389891c227ec8())]);
     }
   }]);
 
@@ -285,7 +285,7 @@ var HaxButtonMenu = /*#__PURE__*/function (_A11yMenuButtonBehavi) {
   }, {
     key: "buttonTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject2_eee3d6c01f0511ed8cc3e9a95995ad69(), this.expanded ? "true" : "false", this.icon, !this.icon, !this.icon || this.showTextLabel ? "label" : "sr-only", this.label, !this.icon, this.label);
+      return (0, _litElement.html)(_templateObject2_c52667001f2611eda0c389891c227ec8(), this.expanded ? "true" : "false", this.icon, !this.icon, !this.icon || this.showTextLabel ? "label" : "sr-only", this.label, !this.icon, this.label);
     }
     /**
      * template for slotted list items
@@ -296,7 +296,7 @@ var HaxButtonMenu = /*#__PURE__*/function (_A11yMenuButtonBehavi) {
   }, {
     key: "listItemTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject3_eee3d6c01f0511ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject3_c52667001f2611eda0c389891c227ec8());
     }
   }], [{
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ce-context.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ce-context.dev.js
index 3626118eb8f..7a848305130 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ce-context.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ce-context.dev.js
@@ -90,20 +90,20 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_eeea3f601f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c52ca8901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <hax-context-item\n                action\n                icon="', '"\n                label="', '"\n                event-name="hax-ce-custom-button"\n                value="', '"\n              ></hax-context-item>']);
 
-  _templateObject2_eeea3f601f0511ed8cc3e9a95995ad69 = function _templateObject2_eeea3f601f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c52ca8901f2611eda0c389891c227ec8 = function _templateObject2_c52ca8901f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_eeea3f601f0511ed8cc3e9a95995ad69() {
+function _templateObject_c52ca8901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <div id="toolbar">\n        <hax-toolbar>\n          <div class="group">\n            <hax-context-item\n              action\n              more\n              .icon="', '"\n              label="', '.."\n              tooltip="', ", ", '"\n              ?disabled="', '"\n              event-name="hax-transform-node"\n              show-text-label\n            ></hax-context-item>\n            <slot name="primary"></slot>\n          </div>\n          <div class="group">\n            ', '\n            <slot name="secondary"></slot>\n          </div>\n          <div class="group">\n            <hax-context-item\n              action\n              icon="icons:code"\n              label="', '"\n              ?disabled="', '"\n              event-name="hax-source-view-toggle"\n              toggles\n              ?toggled="', '"\n              @click="', '"\n            ></hax-context-item>\n            <slot name="more"></slot>\n          </div>\n          <div class="group">\n            <hax-toolbar-menu\n              icon="add"\n              label="', '"\n            >\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  show-text-label\n                  role="menuitem"\n                  icon="hardware:keyboard-arrow-up"\n                  event-name="insert-above-active"\n                  label="', '"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  show-text-label\n                  role="menuitem"\n                  icon="hardware:keyboard-arrow-down"\n                  event-name="insert-below-active"\n                  label="', '"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n            </hax-toolbar-menu>\n          </div>\n        </hax-toolbar>\n      </div>\n    ']);
 
-  _templateObject_eeea3f601f0511ed8cc3e9a95995ad69 = function _templateObject_eeea3f601f0511ed8cc3e9a95995ad69() {
+  _templateObject_c52ca8901f2611eda0c389891c227ec8 = function _templateObject_c52ca8901f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -312,8 +312,8 @@ var HaxCeContext = /*#__PURE__*/function (_I18NMixin) {
     value: function render() {
       var _this3 = this;
 
-      return (0, _litElement.html)(_templateObject_eeea3f601f0511ed8cc3e9a95995ad69(), this.activeTagIcon, this.t.changeTo, this.activeTagName, this.t.clickToChange, this.disableTransform, this.ceButtons.map(function (el) {
-        return (0, _litElement.html)(_templateObject2_eeea3f601f0511ed8cc3e9a95995ad69(), el.icon, el.label, el.callback);
+      return (0, _litElement.html)(_templateObject_c52ca8901f2611eda0c389891c227ec8(), this.activeTagIcon, this.t.changeTo, this.activeTagName, this.t.clickToChange, this.disableTransform, this.ceButtons.map(function (el) {
+        return (0, _litElement.html)(_templateObject2_c52ca8901f2611eda0c389891c227ec8(), el.icon, el.label, el.callback);
       }), this.t.modifyHTMLSource, !this.sourceView, this.viewSource, function (e) {
         return _this3.viewSource = !_this3.viewSource;
       }, this.t.insertItemAboveOrBelow, this.t.insertItemAbove, this.t.insertItemBelow);
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-behaviors.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-behaviors.dev.js
index c638d8e997a..936f76237c2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-behaviors.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-behaviors.dev.js
@@ -76,20 +76,20 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_eeed25901f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c52fdce01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["<slot></slot> "]);
 
-  _templateObject2_eeed25901f0511ed8cc3e9a95995ad69 = function _templateObject2_eeed25901f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c52fdce01f2611eda0c389891c227ec8 = function _templateObject2_c52fdce01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_eeed25901f0511ed8cc3e9a95995ad69() {
+function _templateObject_c52fdce01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host {\n            display: block;\n            pointer-events: none;\n            --hax-ui-spacing-sm: 1px;\n            max-width: 100%;\n          }\n          :host [hidden] {\n            display: none;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          :host(.hax-context-pin-top) #toolbar {\n            position: fixed;\n            top: 0px;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index) !important;\n          }\n          .group {\n            padding: 0;\n            background-color: var(--hax-ui-background-color);\n          }\n          hax-toolbar {\n            flex: 0 1 auto;\n          }\n          hax-toolbar::part(morebutton) {\n            border: 1px solid var( --simple-toolbar-group-border-width, var(--simple-toolbar-border-width, 1px)) !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n          hax-toolbar *[hidden] {\n            display: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n        "]);
 
-  _templateObject_eeed25901f0511ed8cc3e9a95995ad69 = function _templateObject_eeed25901f0511ed8cc3e9a95995ad69() {
+  _templateObject_c52fdce01f2611eda0c389891c227ec8 = function _templateObject_c52fdce01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -227,7 +227,7 @@ var HaxContextBehaviors = function HaxContextBehaviors(SuperClass) {
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_eeed25901f0511ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject_c52fdce01f2611eda0c389891c227ec8())];
       }
     }]);
 
@@ -260,7 +260,7 @@ var HaxContextBehaviors = function HaxContextBehaviors(SuperClass) {
     _createClass(_class, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_eeed25901f0511ed8cc3e9a95995ad69());
+        return (0, _litElement.html)(_templateObject2_c52fdce01f2611eda0c389891c227ec8());
       }
     }, {
       key: "getFilteredBlocks",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-container.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-container.dev.js
index 767d063a5b6..f5c60ecf15f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-container.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-container.dev.js
@@ -23,20 +23,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_eeee0ff01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c530c7401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["<slot></slot> "]);
 
-  _templateObject2_eeee0ff01f0511ed8cc3e9a95995ad69 = function _templateObject2_eeee0ff01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c530c7401f2611eda0c389891c227ec8 = function _templateObject2_c530c7401f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_eeee0ff01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c530c7401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host {\n            display: block;\n            pointer-events: none;\n            --hax-ui-spacing-sm: 1px;\n          }\n          :host [hidden] {\n            display: none;\n          }\n          :host > * {\n            margin: 0 auto;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          :host(.hax-context-pin-top) #toolbar {\n            position: fixed;\n            top: 0px;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index) !important;\n          }\n          .group {\n            padding: 0;\n          }\n          hax-toolbar {\n            flex: 0 1 auto;\n            border: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n          hax-toolbar *[hidden] {\n            display: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n        "]);
 
-  _templateObject_eeee0ff01f0511ed8cc3e9a95995ad69 = function _templateObject_eeee0ff01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c530c7401f2611eda0c389891c227ec8 = function _templateObject_c530c7401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -144,7 +144,7 @@ var HaxContextBehaviors = function HaxContextBehaviors(SuperClass) {
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_eeee0ff01f0511ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject_c530c7401f2611eda0c389891c227ec8())];
       }
     }]);
 
@@ -157,7 +157,7 @@ var HaxContextBehaviors = function HaxContextBehaviors(SuperClass) {
     _createClass(_class, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_eeee0ff01f0511ed8cc3e9a95995ad69());
+        return (0, _litElement.html)(_templateObject2_c530c7401f2611eda0c389891c227ec8());
       }
     }], [{
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu-li.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu-li.dev.js
index e7abd133549..4e9ce7e4683 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu-li.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu-li.dev.js
@@ -25,10 +25,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_eef032d01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c53226d01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          --simple-toolbar-button-min-width: 100% !important;\n          --simple-toolbar-button-border-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          ) !important;\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-menu-button-hover-bg,\n            #c4ecff\n          );\n          --simple-toolbar-button-border-radius: var(\n            --hax-toolbar-menu-button-border-radius,\n            0\n          );\n        }\n        :host ::slotted([danger]) {\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-border-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          );\n          z-index: 1001;\n        }\n      "]);
 
-  _templateObject2_eef032d01f0511ed8cc3e9a95995ad69 = function _templateObject2_eef032d01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c53226d01f2611eda0c389891c227ec8 = function _templateObject2_c53226d01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -57,10 +57,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_eef032d01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c53226d01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);
 
-  _templateObject_eef032d01f0511ed8cc3e9a95995ad69 = function _templateObject_eef032d01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c53226d01f2611eda0c389891c227ec8 = function _templateObject_c53226d01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -202,7 +202,7 @@ var HaxButtonMenuItem = /*#__PURE__*/function (_A11yMenuButtonItemBe) {
   _createClass(HaxButtonMenuItem, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_eef032d01f0511ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject_c53226d01f2611eda0c389891c227ec8());
     }
     /**
      * allows link or button to get focus
@@ -218,7 +218,7 @@ var HaxButtonMenuItem = /*#__PURE__*/function (_A11yMenuButtonItemBe) {
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxButtonMenuItem), "styles", this)), [(0, _litElement.css)(_templateObject2_eef032d01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxButtonMenuItem), "styles", this)), [(0, _litElement.css)(_templateObject2_c53226d01f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu.dev.js
index 920d22518e1..c8cf5d30a9c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu.dev.js
@@ -60,20 +60,20 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject3_eef27cc01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c53534101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<slot name="menuitem"></slot>']);
 
-  _templateObject3_eef27cc01f0511ed8cc3e9a95995ad69 = function _templateObject3_eef27cc01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c53534101f2611eda0c389891c227ec8 = function _templateObject3_c53534101f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_eef27cc01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c53534101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <button\n        id="menubutton"\n        aria-haspopup="true"\n        aria-controls="menu"\n        aria-expanded="', '"\n      >\n        <simple-icon-lite\n          icon="', '"\n          aria-hidden="true"\n          ?hidden=', '\n        ></simple-icon-lite>\n        <span class="', '"\n          >', '</span\n        >\n        <simple-icon-lite\n          id="dropdownicon"\n          icon="arrow-drop-down"\n          aria-hidden="true"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip for="menubutton" ?hidden="', '"\n        >', "</simple-tooltip\n      >\n    "]);
 
-  _templateObject2_eef27cc01f0511ed8cc3e9a95995ad69 = function _templateObject2_eef27cc01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c53534101f2611eda0c389891c227ec8 = function _templateObject2_c53534101f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -94,10 +94,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject_eef27cc01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c53534101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        .sr-only {\n          position: absolute;\n          left: -99999999px;\n          width: 0;\n          height: 0;\n          overflow: hidden;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        :host([danger]) {\n          --a11y-menu-button-focus-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --a11y-menu-button-focus-border: 1px solid\n            var(--hax-toolbar-button-danger-color, #882222);\n        }\n        button {\n          display: flex;\n          flex-wrap: none;\n          align-items: center;\n          min-width: 42px;\n        }\n        .label {\n          padding: 0 5px;\n        }\n        #dropdownicon {\n          --simple-icon-height: 18px;\n          --simple-icon-width: 18px;\n          margin-left: -2px;\n        }\n        absolute-position-behavior {\n          --a11y-menu-button-border: 1px solid\n            var(--hax-toolbar-button-hover-border-color, #000);\n          z-index: 1001;\n        }\n      "]);
 
-  _templateObject_eef27cc01f0511ed8cc3e9a95995ad69 = function _templateObject_eef27cc01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c53534101f2611eda0c389891c227ec8 = function _templateObject_c53534101f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -260,7 +260,7 @@ var HaxContextItemMenu = /*#__PURE__*/function (_A11yMenuButtonBehavi) {
      * LitElement constructable styles enhancement
      */
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxContextItemMenu), "styles", this)), [(0, _litElement.css)(_templateObject_eef27cc01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxContextItemMenu), "styles", this)), [(0, _litElement.css)(_templateObject_c53534101f2611eda0c389891c227ec8())]);
     }
   }]);
 
@@ -358,7 +358,7 @@ var HaxContextItemMenu = /*#__PURE__*/function (_A11yMenuButtonBehavi) {
   }, {
     key: "buttonTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject2_eef27cc01f0511ed8cc3e9a95995ad69(), this.expanded ? "true" : "false", this.icon, !this.icon, !this.icon || this.showTextLabel ? "label" : "sr-only", this.label, !this.icon, this.label);
+      return (0, _litElement.html)(_templateObject2_c53534101f2611eda0c389891c227ec8(), this.expanded ? "true" : "false", this.icon, !this.icon, !this.icon || this.showTextLabel ? "label" : "sr-only", this.label, !this.icon, this.label);
     }
     /**
      * template for slotted list items
@@ -369,7 +369,7 @@ var HaxContextItemMenu = /*#__PURE__*/function (_A11yMenuButtonBehavi) {
   }, {
     key: "listItemTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject3_eef27cc01f0511ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject3_c53534101f2611eda0c389891c227ec8());
     }
   }], [{
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-toolbar.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-toolbar.dev.js
index cdb763f8c1b..be5659e9939 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-toolbar.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-toolbar.dev.js
@@ -80,20 +80,20 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_eef822101f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c53ad9601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <absolute-position-behavior id="top" auto justify \n        position="top" \n        .target="', '">\n        <div class="menu">\n          <hax-text-context \n            id="text"\n            class="item ', '"\n            .target="', '"\n          ></hax-text-context>\n          <hax-ce-context\n            id="ce"\n            class="item ', '"\n            .target="', '"\n          ></hax-ce-context>\n          <hax-plate-context\n            id="plate"\n            class="item ', '"\n          ></hax-plate-context>\n        </div>\n      </absolute-position-behavior>\n      <absolute-position-behavior auto justify \n        position="bottom" \n        .target="', '">\n        <hax-context-item\n          icon="icons:add"\n          label="', '"\n          show-text-label\n          class="item ', " ", '"\n        >\n        </hax-context-item>\n      </absolute-position-behavior>\n    ']);
 
-  _templateObject2_eef822101f0511ed8cc3e9a95995ad69 = function _templateObject2_eef822101f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c53ad9601f2611eda0c389891c227ec8 = function _templateObject2_c53ad9601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_eef822101f0511ed8cc3e9a95995ad69() {
+function _templateObject_c53ad9601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          width: 100%;\n        } \n        :host *:not(:defined) {\n          display: none !important;\n        }\n        :host(:not(.hax-visible)),\n        .item {\n          visibility: hidden;\n          opacity: 0;\n          z-index: 1000;\n          pointer-events: none;\n          transition: 0.2s top ease-in-out, 0.2s left ease-in-out;\n        }\n        :host(:hover),\n        :host(:focus-within),\n        .item:hover,\n        .item:focus-within {\n          z-index: var(--hax-ui-focus-z-index);\n        }\n        #top .menu {\n          display: flex;\n          width: 100%;\n          align-items: bottom;\n          justify-content: space-between;\n        }\n        #text,\n        #ce {\n          max-width: 280px;\n          flex: 1 1 auto;\n        }\n        #plate,\n        #add {\n          flex: 0 0 auto;\n        }\n        .item-visible, \n        .item-active {\n          visibility: visible;\n          pointer-events: all;\n          opacity: 1;\n        }\n        .item-tracking {\n          position: absolute;\n        }\n      "]);
 
-  _templateObject_eef822101f0511ed8cc3e9a95995ad69 = function _templateObject_eef822101f0511ed8cc3e9a95995ad69() {
+  _templateObject_c53ad9601f2611eda0c389891c227ec8 = function _templateObject_c53ad9601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -243,7 +243,7 @@ var HaxContextToolbar = /*#__PURE__*/function (_LitElement) {
      * LitElement constructable styles enhancement
      */
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxContextToolbar), "styles", this)), [(0, _litElement.css)(_templateObject_eef822101f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxContextToolbar), "styles", this)), [(0, _litElement.css)(_templateObject_c53ad9601f2611eda0c389891c227ec8())]);
     }
   }]);
 
@@ -256,7 +256,7 @@ var HaxContextToolbar = /*#__PURE__*/function (_LitElement) {
   _createClass(HaxContextToolbar, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject2_eef822101f0511ed8cc3e9a95995ad69(), this.target || document.body, this.textContext ? "item-visible" : "", this.target, this.ceContext ? "item-visible" : "", this.target, this.plateContext ? "item-visible" : "", this.target || document.body, this.addLabel, this.addContext ? "item-visible" : "", this.trackMouse ? "item-tracking" : "");
+      return (0, _litElement.html)(_templateObject2_c53ad9601f2611eda0c389891c227ec8(), this.target || document.body, this.textContext ? "item-visible" : "", this.target, this.ceContext ? "item-visible" : "", this.target, this.plateContext ? "item-visible" : "", this.target || document.body, this.addLabel, this.addContext ? "item-visible" : "", this.trackMouse ? "item-tracking" : "");
     }
   }, {
     key: "getToolbar",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context.dev.js
index d1a4fe93b81..0187e468b77 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context.dev.js
@@ -25,20 +25,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_eef9f6d01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c53cd5301f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["<slot></slot>\n      "]);
 
-  _templateObject2_eef9f6d01f0511ed8cc3e9a95995ad69 = function _templateObject2_eef9f6d01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c53cd5301f2611eda0c389891c227ec8 = function _templateObject2_c53cd5301f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_eef9f6d01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c53cd5301f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host {\n            display: block;\n            pointer-events: none;\n            --hax-tray-spacing-sm: 1px;\n          }\n          :host [hidden] {\n            display: none;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          :host(.hax-context-pin-top) #toolbar {\n            position: fixed;\n            top: 0px;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-tray-focus-z-index)!important;\n          }\n          .group {\n            padding: 0;\n          }\n          hax-toolbar {\n            flex: 0 1 auto;\n            background-color: var(--hax-tray-border-color);\n            border: none!important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n          hax-toolbar *[hidden] {\n            display: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n        "]);
 
-  _templateObject_eef9f6d01f0511ed8cc3e9a95995ad69 = function _templateObject_eef9f6d01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c53cd5301f2611eda0c389891c227ec8 = function _templateObject_c53cd5301f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -168,7 +168,7 @@ var HaxContextBehaviors = function HaxContextBehaviors(SuperClass) {
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(_toConsumableArray(_haxUiStyles.HaxTrayBaseStyles), [(0, _litElement.css)(_templateObject_eef9f6d01f0511ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_haxUiStyles.HaxTrayBaseStyles), [(0, _litElement.css)(_templateObject_c53cd5301f2611eda0c389891c227ec8())]);
       }
     }]);
 
@@ -181,7 +181,7 @@ var HaxContextBehaviors = function HaxContextBehaviors(SuperClass) {
     _createClass(_class, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_eef9f6d01f0511ed8cc3e9a95995ad69());
+        return (0, _litElement.html)(_templateObject2_c53cd5301f2611eda0c389891c227ec8());
       }
     }], [{
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-dialog.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-dialog.dev.js
index 7b8a5c38465..75b58fd1cf8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-dialog.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-dialog.dev.js
@@ -25,30 +25,30 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject3_eefb7d701f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c53e82e01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host {\n            display: none;\n          }\n          simple-modal-template {\n            display: none;\n            --simple-modal-z-index: 100000001;\n            --simple-modal-resize: horizontal;\n            --simple-modal-width: auto;\n            --simple-modal-height: auto;\n            --simple-modal-min-width: 95vw;\n            --simple-modal-min-height: 95vh;\n            --simple-modal-max-width: unset;\n            --simple-modal-max-height: unset;\n            --simple-modal-titlebar-color: black;\n            --simple-modal-titlebar-background: #ddd;\n            --simple-modal-header-color: black;\n            --simple-modal-header-background: #ccc;\n            --simple-modal-content-container-color: black;\n            --simple-modal-content-container-background: #ffffff;\n            --simple-modal-buttons-color: blue;\n            --simple-modal-buttons-background: #fff;\n            --simple-modal-button-color: var(--simple-modal-buttons-color);\n            --simple-modal-button-background: var(\n              --simple-modal-buttons-background-color\n            );\n          }\n        "]);
 
-  _templateObject3_eefb7d701f0511ed8cc3e9a95995ad69 = function _templateObject3_eefb7d701f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c53e82e01f2611eda0c389891c227ec8 = function _templateObject3_c53e82e01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_eefb7d701f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c53e82e01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([""]);
 
-  _templateObject2_eefb7d701f0511ed8cc3e9a95995ad69 = function _templateObject2_eefb7d701f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c53e82e01f2611eda0c389891c227ec8 = function _templateObject2_c53e82e01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_eefb7d701f0511ed8cc3e9a95995ad69() {
+function _templateObject_c53e82e01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <simple-modal-template\n          modal-id="hax-export"\n          id="dialog"\n          .title="', '"\n        >\n          <hax-view-source slot="content"></hax-view-source>\n        </simple-modal-template>\n      ']);
 
-  _templateObject_eefb7d701f0511ed8cc3e9a95995ad69 = function _templateObject_eefb7d701f0511ed8cc3e9a95995ad69() {
+  _templateObject_c53e82e01f2611eda0c389891c227ec8 = function _templateObject_c53e82e01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -204,7 +204,7 @@ var HaxDialogBehaviors = function HaxDialogBehaviors(SuperClass) {
     }, {
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_eefb7d701f0511ed8cc3e9a95995ad69(), this.title);
+        return (0, _litElement.html)(_templateObject_c53e82e01f2611eda0c389891c227ec8(), this.title);
       }
     }, {
       key: "firstUpdated",
@@ -227,12 +227,12 @@ var HaxDialogBehaviors = function HaxDialogBehaviors(SuperClass) {
     }, {
       key: "content",
       get: function get() {
-        return (0, _litElement.html)(_templateObject2_eefb7d701f0511ed8cc3e9a95995ad69());
+        return (0, _litElement.html)(_templateObject2_c53e82e01f2611eda0c389891c227ec8());
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_eefb7d701f0511ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject3_c53e82e01f2611eda0c389891c227ec8())];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-export-dialog.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-export-dialog.dev.js
index 282aafb2289..c178e3faddf 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-export-dialog.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-export-dialog.dev.js
@@ -29,10 +29,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_eefd04101f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c54009801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: none;\n          --simple-modal-resize: both;\n          --simple-modal-height: 100vh;\n        }\n      "]);
 
-  _templateObject2_eefd04101f0511ed8cc3e9a95995ad69 = function _templateObject2_eefd04101f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c54009801f2611eda0c389891c227ec8 = function _templateObject2_c54009801f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -61,10 +61,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_eefd04101f0511ed8cc3e9a95995ad69() {
+function _templateObject_c54009801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <simple-modal-template\n        modal-id="hax-export"\n        mode="hax-ui"\n        id="dialog"\n        .title="', '"\n      >\n        <hax-view-source slot="custom"></hax-view-source>\n      </simple-modal-template>\n    ']);
 
-  _templateObject_eefd04101f0511ed8cc3e9a95995ad69 = function _templateObject_eefd04101f0511ed8cc3e9a95995ad69() {
+  _templateObject_c54009801f2611eda0c389891c227ec8 = function _templateObject_c54009801f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -219,7 +219,7 @@ var HaxExportDialog = /*#__PURE__*/function (_I18NMixin) {
   }, {
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_eefd04101f0511ed8cc3e9a95995ad69(), this.t.viewPageSource);
+      return (0, _litElement.html)(_templateObject_c54009801f2611eda0c389891c227ec8(), this.t.viewPageSource);
     }
   }, {
     key: "firstUpdated",
@@ -242,7 +242,7 @@ var HaxExportDialog = /*#__PURE__*/function (_I18NMixin) {
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _litElement.css)(_templateObject2_eefd04101f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _litElement.css)(_templateObject2_c54009801f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-gizmo-browser.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-gizmo-browser.dev.js
index 0fa33cf1049..3e1eb8b3ebd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-gizmo-browser.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-gizmo-browser.dev.js
@@ -57,20 +57,20 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject3_ef0011501f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c54316c01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n            <hax-tray-button\n              show-text-label\n              voice-command="insert ', '"\n              draggable="true"\n              @dragstart="', '"\n              @dragend="', '"\n              index="', '"\n              label="', '"\n              event-name="insert-tag"\n              event-data="', '"\n              data-demo-schema="true"\n              icon-position="top"\n              icon="', '"\n              part="grid-button"\n            ></hax-tray-button>\n          ']);
 
-  _templateObject3_ef0011501f0511ed8cc3e9a95995ad69 = function _templateObject3_ef0011501f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c54316c01f2611eda0c389891c227ec8 = function _templateObject3_c54316c01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_ef0011501f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c54316c01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <div class="toolbar-inner" part="toolbar">\n        <simple-fields-field\n          id="inputfilter"\n          @value-changed="', '"\n          aria-controls="filter"\n          label="', '"\n          type="text"\n          auto-validate=""\n          part="filter"\n        ></simple-fields-field>\n      </div>\n      <simple-button-grid .cols="', '" .columns="', '" always-expanded part="grid">\n        ', "\n      </simple-button-grid>\n    "]);
 
-  _templateObject2_ef0011501f0511ed8cc3e9a95995ad69 = function _templateObject2_ef0011501f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c54316c01f2611eda0c389891c227ec8 = function _templateObject2_c54316c01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -126,10 +126,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_ef0011501f0511ed8cc3e9a95995ad69() {
+function _templateObject_c54316c01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          flex: 0 1 auto;\n          overflow-y: auto;\n        }\n        :host > * {\n          max-width: 100%;\n        }\n        .toolbar-inner {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          width: 100%;\n          flex: 0 0 auto;\n        }\n        hax-tray-button::part(button) {\n          font-size: var(hax-ui-font-size-xs);\n        }\n        simple-fields-field {\n          margin-top: 0;\n        }\n      "]);
 
-  _templateObject_ef0011501f0511ed8cc3e9a95995ad69 = function _templateObject_ef0011501f0511ed8cc3e9a95995ad69() {
+  _templateObject_c54316c01f2611eda0c389891c227ec8 = function _templateObject_c54316c01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -259,7 +259,7 @@ var HaxGizmoBrowser = /*#__PURE__*/function (_I18NMixin) {
   _createClass(HaxGizmoBrowser, null, [{
     key: "styles",
     get: function get() {
-      return [(0, _litElement.css)(_templateObject_ef0011501f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject_c54316c01f2611eda0c389891c227ec8())];
     }
   }, {
     key: "properties",
@@ -297,8 +297,8 @@ var HaxGizmoBrowser = /*#__PURE__*/function (_I18NMixin) {
     value: function render() {
       var _this2 = this;
 
-      return (0, _litElement.html)(_templateObject2_ef0011501f0511ed8cc3e9a95995ad69(), this.inputfilterChanged, this.t.filterContentTypes, this.isModal ? undefined : "100px", this.isModal ? undefined : 3, this.filtered.map(function (gizmo, i) {
-        return (0, _litElement.html)(_templateObject3_ef0011501f0511ed8cc3e9a95995ad69(), gizmo.title, _this2._dragStart, _this2._dragEnd, i, gizmo.title, gizmo.tag, gizmo.icon);
+      return (0, _litElement.html)(_templateObject2_c54316c01f2611eda0c389891c227ec8(), this.inputfilterChanged, this.t.filterContentTypes, this.isModal ? undefined : "100px", this.isModal ? undefined : 3, this.filtered.map(function (gizmo, i) {
+        return (0, _litElement.html)(_templateObject3_c54316c01f2611eda0c389891c227ec8(), gizmo.title, _this2._dragStart, _this2._dragEnd, i, gizmo.title, gizmo.tag, gizmo.icon);
       }));
     }
   }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-map.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-map.dev.js
index a50f8172381..ab4b97831f0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-map.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-map.dev.js
@@ -37,30 +37,30 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject3_ef0604c01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c54958501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n            <li>\n              <hax-toolbar-item\n                align-horizontal="left"\n                class="heading-level-', '"\n                @click="', '"\n                data-index="', '"\n                icon="', '"\n                label="', '"\n                show-text-label\n              >\n              </hax-toolbar-item>\n            </li>\n          ']);
 
-  _templateObject3_ef0604c01f0511ed8cc3e9a95995ad69 = function _templateObject3_ef0604c01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c54958501f2611eda0c389891c227ec8 = function _templateObject3_c54958501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_ef0604c01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c54958501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n      <h5>", '</h5>\n      <div class="stats">\n        <div class="stat">\n          <span>', "</span>\n          <span>", '</span>\n        </div>\n        <div class="stat">\n          <span>', "</span>\n          <span>", '</span>\n        </div>\n        <div class="stat">\n          <span>', "</span>\n          <span>", '</span>\n        </div>\n        <div class="stat">\n          <span>', "</span>\n          <span>", "</span>\n        </div>\n      </div>\n      <h5>", "</h5>\n      <ul>\n        ", "\n      </ul>\n    "]);
 
-  _templateObject2_ef0604c01f0511ed8cc3e9a95995ad69 = function _templateObject2_ef0604c01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c54958501f2611eda0c389891c227ec8 = function _templateObject2_c54958501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_ef0604c01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c54958501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        :host {\n          display: block;\n        }\n        .container {\n          text-align: left;\n        }\n        .stats {\n          display: flex;\n          align-items: stretch;\n          flex-wrap: wrap;\n        }\n        .stat {\n          flex: 1 1 auto;\n          text-align: center;\n          border: 1px solid var(--hax-ui-border-color);\n          font-weight: normal;\n          font-size: var(--hax-ui-font-size-xs);\n          line-height: 140%;\n          padding: var(--hax-ui-spacing-sm);\n        }\n        .stat > * {\n          display: block;\n        }\n        .stat *:first-child {\n          font-weight: bold;\n          font-size: 150%;\n        }\n        ul {\n          list-style: none;\n          padding: 0;\n          margin: 0;\n        }\n        ul li {\n          margin: 0;\n          padding: 0;\n        }\n        li > hax-toolbar-item {\n          width: 100%;\n        }\n        li > hax-toolbar-item::part(button),\n        li > hax-toolbar-item[icon="hax:h2"].heading-level-h2::part(button) {\n          width: 100%;\n          margin-left: 0px;\n        }\n        li > hax-toolbar-item.heading-level-h2::part(button),\n        li > hax-toolbar-item[icon="hax:h3"].heading-level-h3::part(button) {\n          width: calc(100% - 26px);\n          margin-left: 26px;\n        }\n        li > hax-toolbar-item.heading-level-h3::part(button),\n        li > hax-toolbar-item[icon="hax:h4"].heading-level-h4::part(button) {\n          width: calc(100% - calc(2 * 26px));\n          margin-left: calc(2 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h4::part(button),\n        li > hax-toolbar-item[icon="hax:h5"].heading-level-h5::part(button) {\n          width: calc(100% - calc(3 * 26px));\n          margin-left: calc(3 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h5::part(button),\n        li > hax-toolbar-item[icon="hax:h6"].heading-level-h6::part(button) {\n          width: calc(100% - calc(4 * 26px));\n          margin-left: calc(4 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h6::part(button) {\n          width: calc(100% - calc(5 * 26px));\n          margin-left: calc(5 * 26px);\n        }\n      ']);
 
-  _templateObject_ef0604c01f0511ed8cc3e9a95995ad69 = function _templateObject_ef0604c01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c54958501f2611eda0c389891c227ec8 = function _templateObject_c54958501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -186,7 +186,7 @@ var HaxMap = /*#__PURE__*/function (_I18NMixin) {
      * LitElement constructable styles enhancement
      */
     get: function get() {
-      return [].concat(_toConsumableArray(_haxUiStyles.HaxTrayDetailHeadings), [(0, _litElement.css)(_templateObject_ef0604c01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_haxUiStyles.HaxTrayDetailHeadings), [(0, _litElement.css)(_templateObject_c54958501f2611eda0c389891c227ec8())]);
     }
   }]);
 
@@ -322,8 +322,8 @@ var HaxMap = /*#__PURE__*/function (_I18NMixin) {
     value: function render() {
       var _this2 = this;
 
-      return (0, _litElement.html)(_templateObject2_ef0604c01f0511ed8cc3e9a95995ad69(), this.t.contentStatistics, this.wCount, this.t.words, this.pCount, this.t.paragraphs, this.eCount, this.t.widgets, this.cCount, this.t.characters, this.t.listView, this.indentedElements.map(function (element, index) {
-        return (0, _litElement.html)(_templateObject3_ef0604c01f0511ed8cc3e9a95995ad69(), element.parent || "h1", function (e) {
+      return (0, _litElement.html)(_templateObject2_c54958501f2611eda0c389891c227ec8(), this.t.contentStatistics, this.wCount, this.t.words, this.pCount, this.t.paragraphs, this.eCount, this.t.widgets, this.cCount, this.t.characters, this.t.listView, this.indentedElements.map(function (element, index) {
+        return (0, _litElement.html)(_templateObject3_c54958501f2611eda0c389891c227ec8(), element.parent || "h1", function (e) {
           return _this2.goToItem(index);
         }, index, element.icon, element.name);
       }));
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-picker.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-picker.dev.js
index 3d5e366ebe7..a9b63d12d72 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-picker.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-picker.dev.js
@@ -27,40 +27,40 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject4_ef0939101f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c54c65901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n                <hax-tray-button\n                  show-text-label\n                  id="picker-item-', '"\n                  @click="', '"\n                  data-selected="', '"\n                  ?disabled="', '"\n                  label="', '"\n                  icon="', '"\n                  icon-position="top"\n                ></hax-tray-button>\n              ']);
 
-  _templateObject4_ef0939101f0511ed8cc3e9a95995ad69 = function _templateObject4_ef0939101f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c54c65901f2611eda0c389891c227ec8 = function _templateObject4_c54c65901f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_ef0939101f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c54c65901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <div id="filters">\n            <simple-icon-button-lite\n              icon="editable-table:filter', '"\n              label="Toggle Filters"\n              tooltip-position="right"\n              @click="', '"\n            >\n            </simple-icon-button-lite>\n            <simple-fields-field\n              ?hidden="', '"\n              id="hax-gizmo-filters"\n              label="Filters"\n              type="checkbox"\n              .options="', '"\n              @value-changed="', '"\n            >\n            </simple-fields-field>\n          </div>']);
 
-  _templateObject3_ef0939101f0511ed8cc3e9a95995ad69 = function _templateObject3_ef0939101f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c54c65901f2611eda0c389891c227ec8 = function _templateObject3_c54c65901f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_ef0939101f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c54c65901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n      ", '\n      <simple-button-grid cols="100px">\n        ', "\n      </simple-button-grid>\n    "]);
 
-  _templateObject2_ef0939101f0511ed8cc3e9a95995ad69 = function _templateObject2_ef0939101f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c54c65901f2611eda0c389891c227ec8 = function _templateObject2_c54c65901f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_ef0939101f0511ed8cc3e9a95995ad69() {
+function _templateObject_c54c65901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        simple-button-grid {\n          overflow-y: auto;\n          margin: var(--hax-ui-spacing-sm);\n          --simple-button-grid-cols: 100px;\n        }\n        #filters {\n          min-height: 24px;\n        }\n        simple-icon-button-lite {\n          float: right;\n          margin-left: -24px;\n        }\n        simple-fields-field::part(fieldset-legend) {\n          line-height: 24px;\n        }\n        simple-fields-field::part(fieldset-options) {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n        }\n        simple-fields-field::part(option) {\n          display: flex;\n          flex-wrap: no-wrap;\n          align-items: center;\n          justify-content: space-between;\n          margin: 0 var(--simple-fields-margin-small, 8px);\n          flex-direction: row-reverse;\n        }\n        simple-fields-field::part(option-inner) {\n          flex: 0 0 auto;\n          margin: 0 calc(var(--simple-fields-margin-small, 8px) * 0.5) 0 0;\n        }\n        simple-fields-field::part(option-label) {\n          flex: 1 1 auto;\n          margin: 0;\n          font-size: var(--hax-ui-font-size-sm, 13px);\n        }\n        :host([filter-on]) simple-button-grid {\n          margin-bottom: var(--simple-fields-margin-small, 8px);\n        }\n        :host([filter-on]) #hax-gizmo-filters {\n          margin-bottom: 0;\n        }\n        :host([filter-on]) ::part(fieldset-options) {\n          padding-bottom: var(--simple-fields-margin-small, 8px);\n        }\n      "]);
 
-  _templateObject_ef0939101f0511ed8cc3e9a95995ad69 = function _templateObject_ef0939101f0511ed8cc3e9a95995ad69() {
+  _templateObject_c54c65901f2611eda0c389891c227ec8 = function _templateObject_c54c65901f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -189,7 +189,7 @@ var HaxPicker = /*#__PURE__*/function (_LitElement) {
   _createClass(HaxPicker, null, [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _litElement.css)(_templateObject_ef0939101f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _litElement.css)(_templateObject_c54c65901f2611eda0c389891c227ec8())]);
     }
   }]);
 
@@ -210,10 +210,10 @@ var HaxPicker = /*#__PURE__*/function (_LitElement) {
     value: function render() {
       var _this2 = this;
 
-      return (0, _litElement.html)(_templateObject2_ef0939101f0511ed8cc3e9a95995ad69(), !!this.keywords ? (0, _litElement.html)(_templateObject3_ef0939101f0511ed8cc3e9a95995ad69(), !this.filterOn ? "" : "-off", function (e) {
+      return (0, _litElement.html)(_templateObject2_c54c65901f2611eda0c389891c227ec8(), !!this.keywords ? (0, _litElement.html)(_templateObject3_c54c65901f2611eda0c389891c227ec8(), !this.filterOn ? "" : "-off", function (e) {
         return _this2.filterOn = !_this2.filterOn;
       }, !this.filterOn, this.keywords, this._handleFilters) : "", this.selectionList.map(function (element, index) {
-        return !_this2._isFiltered(element.keywords) ? "" : (0, _litElement.html)(_templateObject4_ef0939101f0511ed8cc3e9a95995ad69(), index, _this2._selected, index, _haxStore.HAXStore.activeGizmo && _haxStore.HAXStore.activeGizmo.tag == element.tag, element.title, element.icon);
+        return !_this2._isFiltered(element.keywords) ? "" : (0, _litElement.html)(_templateObject4_c54c65901f2611eda0c389891c227ec8(), index, _this2._selected, index, _haxStore.HAXStore.activeGizmo && _haxStore.HAXStore.activeGizmo.tag == element.tag, element.title, element.icon);
       }));
     }
   }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-plate-context.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-plate-context.dev.js
index 5ab2f34cd6d..aa56f704c8e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-plate-context.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-plate-context.dev.js
@@ -94,10 +94,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject5_ef1176701f0511ed8cc3e9a95995ad69() {
+function _templateObject5_c554f1101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          width: 100%;\n          align-items: stretch;\n        }\n        *::part(morebutton) {\n          --simple-toolbar-button-color: var(--hax-ui-color);\n          --simple-toolbar-button-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-border-color: transparent;\n          --simple-toolbar-button-hover-color: var(--hax-ui-color);\n          --simple-toolbar-button-hover-bg: var(\n            --hax-ui-background-color-secondary\n          );\n          --simple-toolbar-button-toggled-color: var(--hax-ui-color-accent);\n          --simple-toolbar-button-toggled-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-toggled-border-color: var(\n            --hax-ui-color-accent\n          );\n          --simple-toolbar-button-disabled-opacity: 1;\n          --simple-toolbar-button-disabled-color: var(\n            --hax-ui-disabled-color\n          );\n          --simple-toolbar-button-disabled-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-disabled-border-color: transparent;\n          align-self: flex-end;\n        }\n        #remove {\n          max-width: 44px;\n          overflow: visible;\n        }\n        hax-toolbar {\n          max-width: 100%;\n          display: flex;\n          align-items: stretch;\n          justify-content: flex-start;\n          margin-bottom: -1px;\n          margin-left: 1px;\n        }\n        .group {\n          display: flex;\n          align-items: stretch;\n          flex: 1 0 auto;\n          justify-content: center;\n          border: 1px solid var(--rich-text-editor-border-color, #ddd);\n          padding: 0;\n        }\n        .group,\n        .group > * {\n          z-index: 1;\n        }\n        .group:empty {\n          display: none;\n        }\n        .group > *,\n        :host([collapsed]) .group {\n          flex: 0 0 auto;\n        }\n        .group *:not([toggled])::part(button) {\n          border-color: transparent;\n        }\n        :host .group:focus,\n        :host .group:focus-within,\n        :host .group > *:focus,\n        :host .group > *:focus-within {\n          z-index: 2;\n        }\n        :host .group:hover,\n        :host .group > *:hover {\n          z-index: 3;\n        }\n        .first-slot {\n          border-top: 1px solid black;\n        }\n      "]);
 
-  _templateObject5_ef1176701f0511ed8cc3e9a95995ad69 = function _templateObject5_ef1176701f0511ed8cc3e9a95995ad69() {
+  _templateObject5_c554f1101f2611eda0c389891c227ec8 = function _templateObject5_c554f1101f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -126,40 +126,40 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject4_ef1176701f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c554f1101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <hax-context-item\n              action\n              icon="', '"\n              label="', '"\n              event-name="hax-ce-custom-button"\n              value="', '"\n              ?disabled="', '"\n            ></hax-context-item>']);
 
-  _templateObject4_ef1176701f0511ed8cc3e9a95995ad69 = function _templateObject4_ef1176701f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c554f1101f2611eda0c389891c227ec8 = function _templateObject4_c554f1101f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_ef1176701f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c554f1101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n                <simple-toolbar-menu-item\n                  slot="menuitem"\n                  class="move-to-slot ', '"\n                >\n                  <hax-context-item\n                    action\n                    align-horizontal="left"\n                    ?disabled="', '"\n                    icon="icons:arrow-forward"\n                    show-text-label\n                    role="menuitem"\n                    event-name="insert-into-active"\n                    data-slot="', '"\n                    label="', '"\n                  ></hax-context-item>\n                </simple-toolbar-menu-item>\n              ']);
 
-  _templateObject3_ef1176701f0511ed8cc3e9a95995ad69 = function _templateObject3_ef1176701f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c554f1101f2611eda0c389891c227ec8 = function _templateObject3_c554f1101f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_ef1176701f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c554f1101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n                <simple-toolbar-menu-item\n                  slot="menuitem"\n                  class="move-to-slot ', '"\n                >\n                  <hax-context-item\n                    action\n                    align-horizontal="left"\n                    ?disabled="', '"\n                    icon="icons:arrow-forward"\n                    show-text-label\n                    role="menuitem"\n                    data-slot="', '"\n                    @click="', '"\n                    label="', '"\n                  ></hax-context-item>\n                </simple-toolbar-menu-item>\n              ']);
 
-  _templateObject2_ef1176701f0511ed8cc3e9a95995ad69 = function _templateObject2_ef1176701f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c554f1101f2611eda0c389891c227ec8 = function _templateObject2_c554f1101f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_ef1176701f0511ed8cc3e9a95995ad69() {
+function _templateObject_c554f1101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <hax-toolbar>\n        <div class="group">\n          <hax-toolbar-menu\n            ?disabled="', '"\n            id="drag"\n            action\n            icon="hax:arrow-all"\n            label="', '"\n            draggable="true"\n            reset-on-select\n            data-simple-tour-stop\n            data-stop-title="label"\n            ?hidden="', '"\n          >\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                ?disabled="', '"\n                show-text-label\n                role="menuitem"\n                icon="hax:keyboard-arrow-up"\n                label="', '"\n                event-name="hax-plate-up"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                ?disabled="', '"\n                role="menuitem"\n                show-text-label\n                icon="hax:keyboard-arrow-down"\n                label="', '"\n                event-name="hax-plate-down"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            ', '\n            <div slot="tour" data-stop-content>\n              Click the drag handle once to show a menu to just move up or down\n              one item in the content OR click and drag to place the item\n              exactly where you want it to go.\n            </div>\n          </hax-toolbar-menu>\n          <hax-context-item\n            action\n            align-horizontal="left"\n            ?disabled="', '"\n            ?hidden="', '"\n            .icon="', '"\n            label="', " ", '"\n            data-simple-tour-stop\n            data-stop-title="label"\n            event-name="select-parent-grid"\n          >\n            <div slot="tour" data-stop-content>\n              Selects the element\'s parent label.\n            </div>\n          </hax-context-item>\n          <hax-context-item\n            action\n            more\n            .icon="', '"\n            label="', '"\n            tooltip="', ", ", '"\n            ?disabled="', '"\n            event-name="hax-transform-node"\n            show-text-label\n          ></hax-context-item>\n          <slot name="primary"></slot>\n          <hax-toolbar-menu\n            icon="add"\n            label="', '"\n            ?disabled="', '"\n          >\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                show-text-label\n                role="menuitem"\n                icon="hardware:keyboard-arrow-up"\n                event-name="insert-above-active"\n                label="', '"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                show-text-label\n                role="menuitem"\n                icon="hardware:keyboard-arrow-down"\n                event-name="insert-below-active"\n                label="', '"\n                ?disabled="', '"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            ', '\n          </hax-toolbar-menu>\n          <hax-context-item\n            action\n            ?disabled="', '"\n            label="', '"\n            icon="icons:content-copy"\n            event-name="hax-plate-duplicate"\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <div slot="tour" data-stop-content>\n              Duplicate the active piece of content and place it below the\n              current item.\n            </div>\n          </hax-context-item>\n        </div>\n        <div class="group">\n          <hax-toolbar-menu\n            id="remove"\n            action\n            ?disabled="', '"\n            icon="delete"\n            label="', '"\n            reset-on-select\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                danger\n                align-horizontal="left"\n                show-text-label\n                role="menuitem"\n                icon="delete"\n                label="', '"\n                event-name="hax-plate-delete"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <div slot="tour" data-stop-content>\n              Delete the current item. You can always use the undo arrow to\n              bring this back.\n            </div>\n          </hax-toolbar-menu>\n          ', '\n          <hax-context-item\n            action\n            id="right"\n            class="paddle"\n            icon="hax:table-column-remove"\n            label="', '"\n            ?disabled="', '"\n            event-name="hax-plate-create-right"\n            ?hidden="', '"\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <div slot="tour" data-stop-content>\n              Add a column to split the current column into two pieces. This can\n              be done up to six pieces columns. For differnet layouts see Grid\n              settings panel.\n            </div>\n          </hax-context-item>\n          <hax-context-item\n            action\n            class="paddle"\n            icon="hax:table-column-plus-after"\n            label="', '"\n            ?disabled="', '"\n            event-name="hax-plate-remove-right"\n            ?hidden="', '"\n            id="rightremove"\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <div slot="tour" data-stop-content>\n              Remove a column from the split column layout. If at two columns\n              and removing it will remove the layout split and make it 100%\n              width.\n            </div>\n          </hax-context-item>\n          <slot name="secondary"></slot>\n        </div>\n        <div class="group">\n          <hax-context-item\n            action\n            icon="icons:code"\n            label="', '"\n            ?disabled="', '"\n            event-name="hax-source-view-toggle"\n            toggles\n            ?toggled="', '"\n          ></hax-context-item>\n          <slot name="more"></slot>\n          <hax-context-item\n            icon="build"\n            action\n            align-horizontal="left"\n            ?disabled="', '"\n            label="', '"\n            data-simple-tour-stop\n            data-stop-title="label"\n            event-name="content-edit"\n            toggles\n            ?toggled="', '"\n          >\n            <div slot="tour" data-stop-content>\n              Opens the Edit panel for more advanced settings.\n            </div>\n          </hax-context-item>\n        </div>\n      </hax-toolbar>\n    ']);
 
-  _templateObject_ef1176701f0511ed8cc3e9a95995ad69 = function _templateObject_ef1176701f0511ed8cc3e9a95995ad69() {
+  _templateObject_c554f1101f2611eda0c389891c227ec8 = function _templateObject_c554f1101f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -343,14 +343,14 @@ var HaxPlateContext = /*#__PURE__*/function (_I18NMixin) {
     value: function render() {
       var _this2 = this;
 
-      return (0, _litElement.html)(_templateObject_ef1176701f0511ed8cc3e9a95995ad69(), this.hasActiveEditingElement || !this.canMoveElement || this.viewSource, this.t.dragHandle, !this.canMoveElement, this.hasActiveEditingElement, this.t.moveUp, this.hasActiveEditingElement, this.t.moveDown, (this.siblingSlots || []).map(function (slot, i) {
-        return (0, _litElement.html)(_templateObject2_ef1176701f0511ed8cc3e9a95995ad69(), i < 1 ? "first-slot" : "", _this2.activeNode && slot.slot === _this2.activeNode.slot, slot, function (e) {
+      return (0, _litElement.html)(_templateObject_c554f1101f2611eda0c389891c227ec8(), this.hasActiveEditingElement || !this.canMoveElement || this.viewSource, this.t.dragHandle, !this.canMoveElement, this.hasActiveEditingElement, this.t.moveUp, this.hasActiveEditingElement, this.t.moveDown, (this.siblingSlots || []).map(function (slot, i) {
+        return (0, _litElement.html)(_templateObject2_c554f1101f2611eda0c389891c227ec8(), i < 1 ? "first-slot" : "", _this2.activeNode && slot.slot === _this2.activeNode.slot, slot, function (e) {
           return _this2._handleMoveSlot(slot);
         }, slot.title || slot.slot);
       }), this.viewSource, !this.isGridLayoutSlot, this.gridIcon, this.t.selectLayout, this.gridLabel, this.activeTagIcon, this.t.changeTo, this.activeTagName, this.t.clickToChange, this.disableTransform || this.viewSource, this.t.insertItemAboveOrBelow, this.viewSource, this.t.insertItemAbove, this.t.insertItemBelow, this.viewSource, (this.childSlots || []).map(function (slot, i) {
-        return (0, _litElement.html)(_templateObject3_ef1176701f0511ed8cc3e9a95995ad69(), i < 1 ? "first-slot" : "", _this2.activeNode && slot.slot === _this2.activeNode.slot, slot.slot, slot.title || slot.slot);
+        return (0, _litElement.html)(_templateObject3_c554f1101f2611eda0c389891c227ec8(), i < 1 ? "first-slot" : "", _this2.activeNode && slot.slot === _this2.activeNode.slot, slot.slot, slot.title || slot.slot);
       }), this.hasActiveEditingElement || this.viewSource, this.t.duplicate, this.hasActiveEditingElement || this.viewSource, this.t.remove, this.t.confirmDelete, this.ceButtons.map(function (el) {
-        return (0, _litElement.html)(_templateObject4_ef1176701f0511ed8cc3e9a95995ad69(), el.icon, el.label, el.callback, _this2.viewSource);
+        return (0, _litElement.html)(_templateObject4_c554f1101f2611eda0c389891c227ec8(), el.icon, el.label, el.callback, _this2.viewSource);
       }), this.t.addColumn, this.hasActiveEditingElement || this.viewSource, !this.isGridPlate(), this.t.removeColumn, this.hasActiveEditingElement || this.viewSource, !this.isGridPlate(), this.t.modifyHTMLSource, !this.sourceView, this.viewSource, this.hasActiveEditingElement || this.viewSource, this.t.edit, this.trayDetail === "content-edit" && this.trayStatus !== "collapsed");
     }
   }, {
@@ -660,7 +660,7 @@ var HaxPlateContext = /*#__PURE__*/function (_I18NMixin) {
   }, {
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxPlateContext), "styles", this)), [(0, _litElement.css)(_templateObject5_ef1176701f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxPlateContext), "styles", this)), [(0, _litElement.css)(_templateObject5_c554f1101f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-preferences-dialog.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-preferences-dialog.dev.js
index 8dabb539607..737e79eaf19 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-preferences-dialog.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-preferences-dialog.dev.js
@@ -104,30 +104,30 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject3_ef140e801f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c557b0301f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<a\n            href="https://haxtheweb.org/"\n            rel="noopener"\n            id="link"\n            target="_blank"\n            part="haxlink"\n            >Learn more about HAX</a\n          >']);
 
-  _templateObject3_ef140e801f0511ed8cc3e9a95995ad69 = function _templateObject3_ef140e801f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c557b0301f2611eda0c389891c227ec8 = function _templateObject3_c557b0301f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_ef140e801f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c557b0301f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <div style="height: 100%; overflow: auto;" class="pref-container">\n        <simple-fields\n          id="settingsform"\n          .schematizer="', '"\n          .elementizer="', '"\n        >\n        </simple-fields>\n      </div>\n      <hr />\n      <br />\n      <br />\n      ', "\n    "]);
 
-  _templateObject2_ef140e801f0511ed8cc3e9a95995ad69 = function _templateObject2_ef140e801f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c557b0301f2611eda0c389891c227ec8 = function _templateObject2_c557b0301f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_ef140e801f0511ed8cc3e9a95995ad69() {
+function _templateObject_c557b0301f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .pref-container {\n          text-align: left;\n        }\n        simple-icon-button {\n          float: right;\n        }\n      "]);
 
-  _templateObject_ef140e801f0511ed8cc3e9a95995ad69 = function _templateObject_ef140e801f0511ed8cc3e9a95995ad69() {
+  _templateObject_c557b0301f2611eda0c389891c227ec8 = function _templateObject_c557b0301f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -231,7 +231,7 @@ var HaxPreferencesDialog = /*#__PURE__*/function (_LitElement) {
      * LitElement constructable styles enhancement
      */
     get: function get() {
-      return [(0, _litElement.css)(_templateObject_ef140e801f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject_c557b0301f2611eda0c389891c227ec8())];
     }
   }]);
 
@@ -289,7 +289,7 @@ var HaxPreferencesDialog = /*#__PURE__*/function (_LitElement) {
   }, {
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject2_ef140e801f0511ed8cc3e9a95995ad69(), _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer, !this.hideLink ? (0, _litElement.html)(_templateObject3_ef140e801f0511ed8cc3e9a95995ad69()) : "");
+      return (0, _litElement.html)(_templateObject2_c557b0301f2611eda0c389891c227ec8(), _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer, !this.hideLink ? (0, _litElement.html)(_templateObject3_c557b0301f2611eda0c389891c227ec8()) : "");
     }
   }, {
     key: "firstUpdated",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-stax-browser.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-stax-browser.dev.js
index 71f347a77a3..f4f49c5f170 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-stax-browser.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-stax-browser.dev.js
@@ -23,30 +23,30 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject3_ef151ff01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c558c1a01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n            <hax-tray-button\n              icon-position="top"\n              show-text-label\n              index="', '"\n              label="', '"\n              .stax="', '"\n              icon="hax:templates"\n              color="green"\n              event-name="insert-stax"\n            ></hax-tray-button>\n          ']);
 
-  _templateObject3_ef151ff01f0511ed8cc3e9a95995ad69 = function _templateObject3_ef151ff01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c558c1a01f2611eda0c389891c227ec8 = function _templateObject3_c558c1a01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_ef151ff01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c558c1a01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <simple-button-grid columns="3" rows="1" always-expanded>\n        ', "\n      </simple-button-grid>\n    "]);
 
-  _templateObject2_ef151ff01f0511ed8cc3e9a95995ad69 = function _templateObject2_ef151ff01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c558c1a01f2611eda0c389891c227ec8 = function _templateObject2_c558c1a01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_ef151ff01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c558c1a01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          flex: 0 0 auto;\n          overflow-y: auto;\n        }\n        simple-button-grid {\n          overflow: auto;\n        }\n      "]);
 
-  _templateObject_ef151ff01f0511ed8cc3e9a95995ad69 = function _templateObject_ef151ff01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c558c1a01f2611eda0c389891c227ec8 = function _templateObject_c558c1a01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -148,7 +148,7 @@ var HaxStaxBrowser = /*#__PURE__*/function (_LitElement) {
   _createClass(HaxStaxBrowser, null, [{
     key: "styles",
     get: function get() {
-      return [(0, _litElement.css)(_templateObject_ef151ff01f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject_c558c1a01f2611eda0c389891c227ec8())];
     }
   }]);
 
@@ -165,8 +165,8 @@ var HaxStaxBrowser = /*#__PURE__*/function (_LitElement) {
   _createClass(HaxStaxBrowser, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject2_ef151ff01f0511ed8cc3e9a95995ad69(), this.staxList.map(function (stax) {
-        return (0, _litElement.html)(_templateObject3_ef151ff01f0511ed8cc3e9a95995ad69(), stax.index, stax.details.title, stax.stax);
+      return (0, _litElement.html)(_templateObject2_c558c1a01f2611eda0c389891c227ec8(), this.staxList.map(function (stax) {
+        return (0, _litElement.html)(_templateObject3_c558c1a01f2611eda0c389891c227ec8(), stax.index, stax.details.title, stax.stax);
       }));
     }
   }], [{
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-context.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-context.dev.js
index 211b6480f52..68425cd9647 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-context.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-context.dev.js
@@ -92,30 +92,30 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject3_ef1d0f301f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c55dcab01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <simple-toolbar-menu-item slot="menuitem">\n                    <hax-context-item-textop\n                      action\n                      align-horizontal="left"\n                      role="menuitem"\n                      icon="', '"\n                      label="', '"\n                      show-text-label\n                      ?hidden="', '"\n                      event-name="', '"\n                      show-text-label\n                      ?disabled="', '"\n                      @click="', '"\n                    ></hax-context-item-textop>\n                  </simple-toolbar-menu-item>']);
 
-  _templateObject3_ef1d0f301f0511ed8cc3e9a95995ad69 = function _templateObject3_ef1d0f301f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c55dcab01f2611eda0c389891c227ec8 = function _templateObject3_c55dcab01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_ef1d0f301f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c55dcab01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <div id="toolbar">\n        <hax-toolbar always-expanded>\n          <div class="group">\n            <hax-toolbar-menu\n              id="textformat"\n              icon="', '"\n              label="Format"\n              show-text-label\n              data-simple-tour-stop\n              data-stop-title="Format"\n              ?disabled="', '"\n            >\n              ', '\n              <div slot="tour" data-stop-content>\n                Change how the text is structured and visualized in the page.\n              </div>\n            </hax-toolbar-menu>\n            <!-- comment this in when rich-text-editor is viable -->\n            <!--\n            <hax-context-item\n              action\n              hidden\n              icon="icons:flip-to-back"\n              label="Full text editor"\n              event-name="hax-full-text-editor-toggle"\n            ></hax-context-item> -->\n            <slot name="primary"></slot>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-list-bulleted"\n              event-name="text-tag-ul"\n              label="', '"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-list-numbered"\n              label="', '"\n              event-name="text-tag-ol"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-indent-decrease"\n              label="', '"\n              event-name="text-outdent"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-indent-increase"\n              label="', '"\n              event-name="text-indent"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="', '">\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-bold"\n              label="', '"\n              class="selected-buttons"\n              event-name="text-bold"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-italic"\n              label="', '"\n              class="selected-buttons"\n              event-name="text-italic"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="', '">\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:insert-link"\n              label="', '"\n              class="selected-buttons"\n              event-name="text-link"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="mdextra:unlink"\n              label="', '"\n              class="selected-buttons"\n              event-name="text-unlink"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="', '">\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-clear"\n              label="', '"\n              class="selected-buttons"\n              event-name="text-remove-format"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item-textop>\n            <slot name="secondary"></slot>\n          </div>\n          <div class="group" ?hidden="', '">\n            <hax-context-item-textop\n              action\n              menu\n              icon="editor:format-underlined"\n              label="', '"\n              event-name="text-underline"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              action\n              menu\n              icon="editor:format-strikethrough"\n              event-name="text-strikethrough"\n              ?hidden="', '"\n              ?disabled="', '"\n              label="', '"\n            ></hax-context-item-textop>\n            <slot name="more"></slot>\n          </div>\n          <div class="group" ?hidden="', '">\n            <hax-context-item-textop\n              action\n              menu\n              icon="mdextra:subscript"\n              event-name="text-subscript"\n              ?hidden="', '"\n              ?disabled="', '"\n              label="', '"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              action\n              menu\n              icon="mdextra:superscript"\n              event-name="text-superscript"\n              ?hidden="', '"\n              ?disabled="', '"\n              label="', '"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="', '">\n            <hax-context-item\n              mini\n              action\n              icon="hax:add-brick"\n              label="', '"\n              class="selected-buttons"\n              event-name="insert-inline-gizmo"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item>\n            <hax-context-item-textop\n              mini\n              action\n              icon="hax:add-brick"\n              label="', '"\n              class="selected-buttons"\n              event-name="insert-inline-gizmo"\n              ?hidden="', '"\n              ?disabled="', '"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group">\n            <hax-context-item\n              action\n              icon="icons:code"\n              label="', '"\n              ?hidden="', '"\n              event-name="hax-source-view-toggle"\n              toggles\n              ?toggled="', '"\n            ></hax-context-item>\n          </div>\n          <div class="group">\n            <hax-toolbar-menu\n              icon="add"\n              label="', '"\n            >\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  role="menuitem"\n                  show-text-label\n                  icon="hardware:keyboard-arrow-up"\n                  event-name="insert-above-active"\n                  label="', '"\n                  ?disabled="', '"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  role="menuitem"\n                  show-text-label\n                  icon="hardware:keyboard-arrow-down"\n                  event-name="insert-below-active"\n                  label="', '"\n                  ?disabled="', '"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n            </hax-toolbar-menu>\n          </div>\n        </hax-toolbar>\n      </div>\n    ']);
 
-  _templateObject2_ef1d0f301f0511ed8cc3e9a95995ad69 = function _templateObject2_ef1d0f301f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c55dcab01f2611eda0c389891c227ec8 = function _templateObject2_c55dcab01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_ef1d0f301f0511ed8cc3e9a95995ad69() {
+function _templateObject_c55dcab01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        .group,\n        .group > * {\n          flex: 1 1 auto;\n        }\n      "]);
 
-  _templateObject_ef1d0f301f0511ed8cc3e9a95995ad69 = function _templateObject_ef1d0f301f0511ed8cc3e9a95995ad69() {
+  _templateObject_c55dcab01f2611eda0c389891c227ec8 = function _templateObject_c55dcab01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -269,7 +269,7 @@ var HaxTextContext = /*#__PURE__*/function (_I18NMixin) {
   _createClass(HaxTextContext, null, [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTextContext), "styles", this)), [(0, _litElement.css)(_templateObject_ef1d0f301f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTextContext), "styles", this)), [(0, _litElement.css)(_templateObject_c55dcab01f2611eda0c389891c227ec8())]);
     }
   }]);
 
@@ -393,8 +393,8 @@ var HaxTextContext = /*#__PURE__*/function (_I18NMixin) {
     value: function render() {
       var _this2 = this;
 
-      return (0, _litElement.html)(_templateObject2_ef1d0f301f0511ed8cc3e9a95995ad69(), this._formatIcon(this.realSelectedValue), this.viewSource, this.formattingList.map(function (val) {
-        return (0, _litElement.html)(_templateObject3_ef1d0f301f0511ed8cc3e9a95995ad69(), val.icon, val.text, !_this2.sourceView, val.value, _this2.viewSource, function (e) {
+      return (0, _litElement.html)(_templateObject2_c55dcab01f2611eda0c389891c227ec8(), this._formatIcon(this.realSelectedValue), this.viewSource, this.formattingList.map(function (val) {
+        return (0, _litElement.html)(_templateObject3_c55dcab01f2611eda0c389891c227ec8(), val.icon, val.text, !_this2.sourceView, val.value, _this2.viewSource, function (e) {
           return _this2.textFormatChanged(val.value);
         });
       }), this.t.bulledList, !this._showLists, this.viewSource, this.t.numberedList, !this._showLists, this.viewSource, this.t.outdent, !this._showIndent, this.viewSource, this.t.indent, !this._showIndent, this.viewSource, !this.hasSelectedText, this.t.bold, !this.hasSelectedText, this.viewSource, this.t.italic, !this.hasSelectedText, this.viewSource, !this.hasSelectedText, this.t.link, !this.hasSelectedText, this.viewSource, this.t.removeLink, !this.hasSelectedText, this.viewSource, !this.hasSelectedText, this.t.removeFormat, !this.hasSelectedText, this.viewSource, !this.hasSelectedText, this.t.underline, !this.hasSelectedText, this.viewSource, !this.hasSelectedText, this.viewSource, this.t.crossOut, !this.hasSelectedText, !this.hasSelectedText, this.viewSource, this.t.subscript, !this.hasSelectedText, this.viewSource, this.t.superscript, !this.hasSelectedText, this.t.addElementToSelection, this.isSafari || !this.hasSelectedText, this.viewSource, this.t.addElementToSelection, !this.isSafari || !this.hasSelectedText, this.viewSource, this.t.modifyHTMLSource, !this.sourceView, this.viewSource, this.t.insertItemAboveOrBelow, this.t.insertItemAbove, this.viewSource, this.t.insertItemBelow, this.viewSource);
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-editor-toolbar.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-editor-toolbar.dev.js
index 0896b4bfb73..8f3d48f73ac 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-editor-toolbar.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-editor-toolbar.dev.js
@@ -80,10 +80,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_ef21f1301f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c5651db01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          --rich-text-editor-button-color: var(--hax-ui-color);\n          --rich-text-editor-button-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-border-color: transparent;\n          --rich-text-editor-button-hover-color: var(--hax-ui-color);\n          --rich-text-editor-button-hover-bg: var(\n            --hax-ui-background-color-secondary\n          );\n          --rich-text-editor-button-toggled-color: var(--hax-ui-color-accent);\n          --rich-text-editor-button-toggled-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-toggled-border-color: var(\n            --hax-ui-color-accent\n          );\n          --rich-text-editor-button-disabled-opacity: 1;\n          --rich-text-editor-button-disabled-color: var(\n            --hax-ui-disabled-color\n          );\n          --rich-text-editor-button-disabled-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-disabled-border-color: transparent;\n        }\n        #morebutton {\n          align-self: flex-end;\n        }\n        ::slotted([icon-position]:hover) {\n          --rich-text-editor-button-toggled-bg: var(\n            --hax-ui-background-color-accent\n          );\n        }\n        ::slotted(.group) {\n          flex: 0 0 auto;\n          justify-content: center;\n          border-width: 1px;\n          margin: -1px;\n          padding: 0px;\n        }\n        ::slotted(.group),\n        ::slotted([icon-position]) {\n          z-index: 1;\n        }\n        ::slotted([icon-position]),\n        :host([collapsed]) ::slotted(.group) {\n          flex: 0 0 auto;\n        }\n        :host ::slotted(*:focus),\n        :host ::slotted(*:focus-within) {\n          z-index: 2 !important;\n        }\n        :host ::slotted(*:hover) {\n          z-index: 3 !important;\n        }\n      "]);
 
-  _templateObject2_ef21f1301f0511ed8cc3e9a95995ad69 = function _templateObject2_ef21f1301f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c5651db01f2611eda0c389891c227ec8 = function _templateObject2_c5651db01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -112,10 +112,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_ef21f1301f0511ed8cc3e9a95995ad69() {
+function _templateObject_c5651db01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <div slot="tour" data-stop-content>\n      ', "\n    </div>"]);
 
-  _templateObject_ef21f1301f0511ed8cc3e9a95995ad69 = function _templateObject_ef21f1301f0511ed8cc3e9a95995ad69() {
+  _templateObject_c5651db01f2611eda0c389891c227ec8 = function _templateObject_c5651db01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -267,13 +267,13 @@ var HaxTextEditorToolbar = /*#__PURE__*/function (_RichTextEditorToolba) {
   }, {
     key: "tourTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject_ef21f1301f0511ed8cc3e9a95995ad69(), this.t.textEditorToolbarTour);
+      return (0, _litElement.html)(_templateObject_c5651db01f2611eda0c389891c227ec8(), this.t.textEditorToolbarTour);
     }
   }], [{
     key: "styles",
     //styles function
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTextEditorToolbar), "baseStyles", this)), _toConsumableArray(_get(_getPrototypeOf(HaxTextEditorToolbar), "stickyStyles", this)), [(0, _litElement.css)(_templateObject2_ef21f1301f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTextEditorToolbar), "baseStyles", this)), _toConsumableArray(_get(_getPrototypeOf(HaxTextEditorToolbar), "stickyStyles", this)), [(0, _litElement.css)(_templateObject2_c5651db01f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-item.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-item.dev.js
index bd59374d06a..4551e2a63ac 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-item.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-item.dev.js
@@ -25,10 +25,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject3_ef2636f01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c56963701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index, 1001)!important;\n          }\n        "]);
 
-  _templateObject3_ef2636f01f0511ed8cc3e9a95995ad69 = function _templateObject3_ef2636f01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c56963701f2611eda0c389891c227ec8 = function _templateObject3_c56963701f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -106,20 +106,20 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_ef2636f01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c56963701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <button\n              id="button"\n              class="simple-toolbar-button"\n              ?disabled="', '"\n              ?controls="', '"\n              @click="', '"\n              @keydown="', '"\n              @mousedown="', '"\n              tabindex="0"\n              part="button"\n            >\n              ', "\n              ", "\n            </button>\n            ", ""]);
 
-  _templateObject2_ef2636f01f0511ed8cc3e9a95995ad69 = function _templateObject2_ef2636f01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c56963701f2611eda0c389891c227ec8 = function _templateObject2_c56963701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_ef2636f01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c56963701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <button\n              id="button"\n              aria-pressed="', '"\n              class="simple-toolbar-button"\n              ?disabled="', '"\n              ?controls="', '"\n              @click="', '"\n              @keydown="', '"\n              @mousedown="', '"\n              tabindex="0"\n              part="button"\n            >\n              ', " ", "\n            </button>\n            ", ""]);
 
-  _templateObject_ef2636f01f0511ed8cc3e9a95995ad69 = function _templateObject_ef2636f01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c56963701f2611eda0c389891c227ec8 = function _templateObject_c56963701f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -278,7 +278,7 @@ var HaxToolbarItemBehaviors = function HaxToolbarItemBehaviors(SuperClass) {
        * @readonly
        */
       get: function get() {
-        return this.toggles ? (0, _litElement.html)(_templateObject_ef2636f01f0511ed8cc3e9a95995ad69(), this.isToggled ? "true" : "false", this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleMousedown, this.iconTemplate, this.labelTemplate, this.tooltipTemplate) : (0, _litElement.html)(_templateObject2_ef2636f01f0511ed8cc3e9a95995ad69(), this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleMousedown, this.iconTemplate, this.labelTemplate, this.tooltipTemplate);
+        return this.toggles ? (0, _litElement.html)(_templateObject_c56963701f2611eda0c389891c227ec8(), this.isToggled ? "true" : "false", this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleMousedown, this.iconTemplate, this.labelTemplate, this.tooltipTemplate) : (0, _litElement.html)(_templateObject2_c56963701f2611eda0c389891c227ec8(), this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleMousedown, this.iconTemplate, this.labelTemplate, this.tooltipTemplate);
       }
     }], [{
       key: "properties",
@@ -344,7 +344,7 @@ var HaxToolbarItemBehaviors = function HaxToolbarItemBehaviors(SuperClass) {
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "styles", this)), [(0, _litElement.css)(_templateObject3_ef2636f01f0511ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "styles", this)), [(0, _litElement.css)(_templateObject3_c56963701f2611eda0c389891c227ec8())]);
       }
     }]);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu-item.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu-item.dev.js
index bb918a0b560..8fd222da155 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu-item.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu-item.dev.js
@@ -23,10 +23,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_ef2796801f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c56b86501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        ::slotted(*) {\n          --simple-toolbar-button-justify: flex-start;\n          --simple-toolbar-button-label-white-space: nowrap;\n          --simple-toolbar-button-padding: 0 var(--hax-tray-margin, 4px);\n        }\n      "]);
 
-  _templateObject2_ef2796801f0511ed8cc3e9a95995ad69 = function _templateObject2_ef2796801f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c56b86501f2611eda0c389891c227ec8 = function _templateObject2_c56b86501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -55,10 +55,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_ef2796801f0511ed8cc3e9a95995ad69() {
+function _templateObject_c56b86501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);
 
-  _templateObject_ef2796801f0511ed8cc3e9a95995ad69 = function _templateObject_ef2796801f0511ed8cc3e9a95995ad69() {
+  _templateObject_c56b86501f2611eda0c389891c227ec8 = function _templateObject_c56b86501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -200,7 +200,7 @@ var HaxToolbarMenuItem = /*#__PURE__*/function (_SimpleToolbarMenuIte) {
   _createClass(HaxToolbarMenuItem, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_ef2796801f0511ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject_c56b86501f2611eda0c389891c227ec8());
     }
     /**
      * allows link or button to get focus
@@ -216,7 +216,7 @@ var HaxToolbarMenuItem = /*#__PURE__*/function (_SimpleToolbarMenuIte) {
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenuItem), "styles", this)), [(0, _litElement.css)(_templateObject2_ef2796801f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenuItem), "styles", this)), [(0, _litElement.css)(_templateObject2_c56b86501f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu.dev.js
index b562d38011c..30803c5cf21 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu.dev.js
@@ -74,20 +74,20 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_ef2944301f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c56d34001f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        ::slotted([slot="menuitem"]) {\n          --simple-toolbar-button-justify: flex-start;\n          --simple-toolbar-button-label-white-space: nowrap;\n        }\n      ']);
 
-  _templateObject2_ef2944301f0511ed8cc3e9a95995ad69 = function _templateObject2_ef2944301f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c56d34001f2611eda0c389891c227ec8 = function _templateObject2_c56d34001f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_ef2944301f0511ed8cc3e9a95995ad69() {
+function _templateObject_c56d34001f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<slot name="menuitem"></slot>']);
 
-  _templateObject_ef2944301f0511ed8cc3e9a95995ad69 = function _templateObject_ef2944301f0511ed8cc3e9a95995ad69() {
+  _templateObject_c56d34001f2611eda0c389891c227ec8 = function _templateObject_c56d34001f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -273,7 +273,7 @@ var HaxToolbarMenu = /*#__PURE__*/function (_SimpleToolbarMenuBeh) {
   _createClass(HaxToolbarMenu, [{
     key: "listItemTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject_ef2944301f0511ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject_c56d34001f2611eda0c389891c227ec8());
     }
   }], [{
     key: "simpleButtonThemeStyles",
@@ -283,7 +283,7 @@ var HaxToolbarMenu = /*#__PURE__*/function (_SimpleToolbarMenuBeh) {
   }, {
     key: "simpleButtonCoreStyles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenu), "simpleButtonCoreStyles", this)), [(0, _litElement.css)(_templateObject2_ef2944301f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenu), "simpleButtonCoreStyles", this)), [(0, _litElement.css)(_templateObject2_c56d34001f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar.dev.js
index 4c5faea4293..ae4ae40e226 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar.dev.js
@@ -80,10 +80,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_efdfea001f0511ed8cc3e9a95995ad69() {
+function _templateObject_c627d1701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host {\n            --hax-ui-border-radius: 0px;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          ::slotted(*) {\n            pointer-events: all;\n          }\n          ::slotted(.group) {\n            border: none;\n          }\n        "]);
 
-  _templateObject_efdfea001f0511ed8cc3e9a95995ad69 = function _templateObject_efdfea001f0511ed8cc3e9a95995ad69() {
+  _templateObject_c627d1701f2611eda0c389891c227ec8 = function _templateObject_c627d1701f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -234,7 +234,7 @@ var HaxToolbarBehaviors = function HaxToolbarBehaviors(SuperClass) {
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "styles", this)), [(0, _litElement.css)(_templateObject_efdfea001f0511ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "styles", this)), [(0, _litElement.css)(_templateObject_c627d1701f2611eda0c389891c227ec8())]);
       }
     }]);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-tray.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-tray.dev.js
index a1494ee29ea..f4dff610d8f 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-tray.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-tray.dev.js
@@ -45,160 +45,160 @@ var _undoManager = require("@lrnwebcomponents/undo-manager/undo-manager.js");
 
 require("@lrnwebcomponents/iframe-loader/lib/loading-indicator.js");
 
-function _templateObject17_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject17_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        :host {\n          z-index: 1000;\n          top: 0;\n          font-family: var(--hax-ui-font-family);\n          font-size: var(--hax-ui-font-size);\n          color: var(--hax-ui-color);\n          transition: 0s color linear 0s;\n        }\n        :host(:focus-within),\n        :host(:hover) {\n          z-index: var(--hax-ui-focus-z-index);\n        }\n        .wrapper {\n          position: fixed;\n          display: flex;\n          align-items: stretch;\n          flex-direction: row-reverse;\n          opacity: 0;\n          visibility: visible;\n          pointer-events: none;\n          overflow: hidden;\n          right: -1000px;\n          top: 0;\n          bottom: 0;\n          width: var(--hax-tray-width);\n          height: 100vh;\n          max-height: 100vh;\n          transition: 0.2s opacity ease-in-out 0s;\n        }\n        :host([element-align="left"]) .wrapper {\n          left: -1000px;\n          flex-direction: row;\n        }\n        :host([edit-mode]) .wrapper {\n          opacity: 1;\n          visibility: visible;\n          pointer-events: all;\n        }\n        :host([edit-mode][element-align="left"]) .wrapper {\n          left: 0px;\n        }\n        :host([edit-mode][element-align="right"]) .wrapper {\n          right: 0px;\n        }\n        :host([edit-mode][collapsed]) .wrapper {\n          width: unset;\n        }\n        :host([edit-mode]) .wrapper.full-panel {\n          width: unset;\n          left: 0;\n          right: 0;\n        }\n        #menubar {\n          display: inline-flex;\n          flex-direction: column;\n          align-items: stretch;\n          width: var(--hax-tray-menubar-min-width);\n          overflow: visible;\n          flex: 0 0 auto;\n          z-index: 6;\n          background-color: var(--hax-ui-background-color);\n        }\n        :host([collapsed]) #menubar {\n          width: unset;\n        }\n        #menubar > * {\n          background-color: var(--hax-ui-background-color);\n        }\n        #menubar > *::part(button) {\n          padding: var(--hax-ui-spacing-xs);\n        }\n        #menubar > *::part(label) {\n          opacity: 0;\n          margin: 0px;\n          width: 0%;\n          font-size: 10px;\n          padding: 0px;\n          visibility: hidden;\n          overflow: hidden;\n          display: inline-block;\n          text-align: left;\n          transition: 0.2s width ease-in-out 0s, 0.2s margin ease-in-out 0s,\n            0.2s padding ease-in-out 0s, 0s opacity linear 0.2s,\n            0s visibility linear 0.2s;\n        }\n        :host([collapsed]) #menubar > *::part(label) {\n          opacity: 1;\n          width: 100%;\n          visibility: visible;\n          padding: 0px var(--hax-ui-spacing-sm);\n          overflow: unset;\n          transition: 0.2s width ease-in-out 0s, 0.2s margin ease-in-out 0s,\n            0.2s padding ease-in-out 0s, 0s opacity linear 0s,\n            0s visibility linear 0s, 0s overflow linear 0.2s;\n        }\n        loading-indicator {\n          --loading-indicator-background-color: var(\n            --simple-colors-default-theme-accent-2,\n            grey\n          );\n          --loading-indicator-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n        }\n        .detail,\n        #tray-detail {\n          flex: 1 1 auto;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n        }\n        .detail {\n          opacity: 1;\n          visibility: visible;\n          pointer-events: all;\n          transition: 0.2s opacity ease-in-out 0s, 0.2s width ease-in-out 0s,\n            0.2s visibility ease-in-out 0s, 0s border linear;\n          border: 1px solid var(--hax-ui-border-color);\n          background-color: var(--hax-ui-background-color);\n          transition: 0.2s width ease-in-out 0s;\n        }\n        :host([collapsed]) .detail {\n          width: 0px;\n          overflow: hidden;\n          opacity: 0;\n          visibility: hidden;\n          pointer-events: none;\n          max-height: 100vh;\n          overflow-y: auto;\n        }\n        #tray-detail {\n          width: auto;\n          padding: 0 var(--hax-ui-spacing) var(--hax-ui-spacing);\n          overflow-y: auto;\n        }\n        #haxcancelbutton::part(dropdown-icon) {\n          display: none;\n        }\n        .tray-detail-titlebar {\n          background-color: var(--hax-ui-color-accent);\n          padding: var(--hax-ui-spacing-sm) var(--hax-ui-spacing);\n          margin: 0 calc(0px - var(--hax-ui-spacing)) var(--hax-ui-spacing);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          height: var(--simple-modal-titlebar-height, unset);\n          line-height: var(--simple-modal-titlebar-line-height, unset);\n          position: sticky;\n          z-index: 2;\n          top: 0;\n        }\n        .tray-detail-titlebar h4 {\n          flex: 1 1 auto;\n          font-size: var(--hax-ui-font-size);\n          font-family: var(--hax-ui-font-family);\n        }\n        #toggle-tray-size {\n          flex: 0 0 auto;\n        }\n        hax-tray-button,\n        hax-app-browser,\n        hax-gizmo-browser {\n          transition: 0.2s all ease-in-out;\n          transition: 0s color linear !important;\n          transition: 0s background-color linear !important;\n          transition: 0s border-color linear !important;\n          visibility: visible;\n        }\n        hax-tray-button:not(:defined),\n        hax-app-browser:not(:defined),\n        hax-gizmo-browser:not(:defined) {\n          visibility: hidden;\n        }\n        hax-tray-upload {\n          flex: 0 0 auto;\n        }\n        *[hidden] {\n          display: none;\n        }\n        :host([element-align="right"]) #button {\n          right: 0;\n        }\n        :host([element-align="left"]) #button {\n          left: 0;\n        }\n\n        #button {\n          position: fixed;\n          top: 0;\n          visibility: visible;\n          margin: var(--hax-ui-spacing-xs);\n        }\n        :host([edit-mode]) #button {\n          visibility: hidden;\n          opacity: 0;\n        }\n        #button:hover {\n          opacity: 1;\n        }\n        /** This is mobile layout for controls */\n        @media screen and (max-width: 800px) {\n          :host {\n            width: 100%;\n          }\n          .wrapper {\n            width: unset;\n            top: -1000px;\n            left: 0px;\n            right: 0px;\n            flex-direction: column;\n          }\n          :host([edit-mode]) .wrapper {\n            top: 0;\n          }\n          :host([collapsed]) .wrapper {\n            height: var(--hax-tray-menubar-min-height);\n            overflow-y: visible;\n          }\n          :host([element-align="left"]) .wrapper {\n            left: -1000px;\n            flex-direction: column;\n          }\n          #menubar {\n            position: sticky;\n            flex-direction: row;\n            left: 0;\n            top: 0;\n            height: auto;\n            flex: 0 0 auto;\n            width: 100%;\n          }\n          #menubar > * {\n            flex: 1 0 auto;\n            min-width: var(--hax-tray-menubar-min-width);\n          }\n          #menubar > *::part(button) {\n            min-width: var(--hax-tray-menubar-min-width);\n            justify-content: space-around;\n          }\n          #menubar > *::part(label) {\n            display: none;\n          }\n          #haxMenuAlign {\n            display: none;\n          }\n          .detail {\n            width: 100%;\n            position: relative;\n            flex: 1 1 100%;\n          }\n          :host([collapsed]) .detail {\n            flex: 0 0 0px;\n          }\n        }\n        @media screen and (max-width: 600px) {\n          :host([edit-mode]) .hide-small {\n            display: none;\n          }\n        }\n      ']);
 
-  _templateObject17_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject17_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject17_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject17_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject16_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject16_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <hax-tray-upload ?hidden="', '"></hax-tray-upload>\n      <h5 ?hidden="', '">', '</h5>\n      <hax-app-browser id="appbrowser" ?hidden="', '"></hax-app-browser>']);
 
-  _templateObject16_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject16_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject16_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject16_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject15_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject15_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<hax-map\n      controls="content-map"\n      ?hidden="', '"\n    ></hax-map>']);
 
-  _templateObject15_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject15_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject15_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject15_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject14_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject14_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <hax-gizmo-browser\n        id="gizmobrowser"\n        ?hidden="', '"\n      ></hax-gizmo-browser>\n      <h5 ?hidden="', '">', '</h5>\n      <hax-stax-browser\n        id="staxbrowser"\n        ?hidden="', '"\n      ></hax-stax-browser>']);
 
-  _templateObject14_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject14_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject14_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject14_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject13_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject13_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <simple-fields\n      id="settingsform"\n      disable-responsive\n      code-theme="', '"\n      ?hidden="', '"\n    ></simple-fields>']);
 
-  _templateObject13_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject13_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject13_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject13_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject12_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject12_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <hax-preferences-dialog\n      id="advanced-settings"\n      ?hidden="', '"\n    ></hax-preferences-dialog>']);
 
-  _templateObject12_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject12_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject12_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject12_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject11_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject11_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <hax-view-source\n      id="view-source"\n      ?hidden="', '"\n    ></hax-view-source>']);
 
-  _templateObject11_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject11_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject11_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject11_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject10_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject10_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <div\n      id="tray-detail"\n      aria-live="polite"\n      aria-disabled="', '"\n      tabindex="', '"\n      selected-detail="', '"\n    >\n      <div class="tray-detail-titlebar">\n        <h4>\n          ', '\n        </h4>\n        <hax-tray-button\n          voice-command="collapse menu"\n          id="toggle-tray-size"\n          event-name="toggle-tray-size"\n          icon="close"\n          label="Close"\n        >\n        </hax-tray-button>\n      </div>\n      ', " ", "\n      ", " ", "\n      ", " ", "\n    </div>"]);
 
-  _templateObject10_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject10_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject10_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject10_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject9_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject9_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<hax-tray-button\n        id="exportbtn"\n        icon="code"\n        label="', '"\n        event-name="view-source"\n        voice-command="view (page) source"\n        data-simple-tour-stop\n        data-stop-title="label"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="', '"\n      >\n        <div data-stop-content>\n          Every change you make in HAX is ultimately writing HTML. Know HTML?\n          Awesome, pop open the source view and make any changes you like. HTML\n          is always behind the scenes ensuring that content is portable, well\n          formatted and easy to read.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        ?hidden="', '"\n        id="advanced-settings"\n        event-name="advanced-settings"\n        icon="settings"\n        label="', '"\n        voice-command="select settings (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="', '"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="', '"\n      >\n        <div data-stop-content>\n          Some advanced options for developers and experimental purposes.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="', '"\n        icon="help"\n        label="', '"\n        voice-command="start tour"\n        toggles\n        ?toggled="', '"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="', '"\n      ></hax-tray-button> ']);
 
-  _templateObject9_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject9_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject9_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject9_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject8_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject8_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <hax-tray-button\n        event-name="content-add"\n        icon="add-box"\n        id="content-add"\n        label="', '"\n        voice-command="select blocks (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="', '"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="', '"\n      >\n        <div slot="tour" data-stop-content>\n          When you want to add any content to the page from text, to images, to\n          anything more advanced; you can always find items to add under the Add\n          content menu. Click to expand, then either drag and drop items into\n          the page or click and have them placed near whatever you are actively\n          working on.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="media-add"\n        icon="image:collections"\n        id="media-add"\n        label="', '"\n        voice-command="select media (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="', '"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="', '"\n      >\n        <div slot="tour" data-stop-content>\n          Search for media and content anywhere that your copy of HAX has access\n          to. Pick what to search, perform the search and then click or drag the\n          item into the contnet.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="content-edit"\n        icon="build"\n        id="content-edit"\n        label="', '"\n        ?disabled="', '"\n        voice-command="(modify)(configure)(edit) selected"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        tooltip="', " ", '"\n        toggles\n        ?toggled="', '"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="', '"\n      >\n        <div slot="tour" data-stop-content>\n          When you want to add any content to the page from text, to images, to\n          anything more advanced; you can always find items to add under the Add\n          content menu. Click to expand, then either drag and drop items into\n          the page or click and have them placed near whatever you are actively\n          working on.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="content-map"\n        icon="icons:toc"\n        id="content-map"\n        label="', '"\n        voice-command="select structure (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="', '"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="', '"\n      >\n        <div data-stop-content>\n          This is a simple list of all the block areas of the page that are\n          clickable to jump through items quickly as well as review some simple\n          overview stats.\n        </div>\n      </hax-tray-button>']);
 
-  _templateObject8_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject8_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject8_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject8_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject7_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject7_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <hax-tray-button\n        icon="icons:undo"\n        ?disabled="', '"\n        label="', '"\n        event-name="undo"\n        voice-command="undo"\n        data-simple-tour-stop\n        data-stop-title="label"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="', '"\n      >\n        <div slot="tour" data-stop-content>\n          Undo the previous operation in the content, whether typing or adding a\n          widget.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        icon="icons:redo"\n        ?disabled="', '"\n        label="', '"\n        event-name="redo"\n        voice-command="redo"\n        data-simple-tour-stop\n        data-stop-title="label"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="', '"\n      >\n        <div slot="tour" data-stop-content>\n          Redo the last action that you hit Undo on.\n        </div>\n      </hax-tray-button>']);
 
-  _templateObject7_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject7_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject7_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject7_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject6_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject6_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n          <hax-tray-button\n            @click="', '"\n            icon="save"\n            icon-position="left"\n            id="haxsavebutton"\n            label="', '"\n            event-name="save"\n            voice-command="save page"\n            show-text-label\n            show-tooltip\n            align-horizontal="', '"\n          ></hax-tray-button>\n          <hax-tray-button\n            icon="cancel"\n            id="haxcancelbutton"\n            label="', '"\n            icon-position="left"\n            show-text-label\n            show-tooltip\n            align-horizontal="', '"\n          ></hax-tray-button>\n        ']);
 
-  _templateObject6_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject6_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject6_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject6_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject5_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject5_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <hax-tray-button\n          show-text-label\n          show-tooltip\n          align-horizontal="', '"\n          id="haxMenuAlign"\n          event-name="toggle-element-align"\n          icon="arrow-', '"\n          label="', '"\n          index="', '"\n          tooltip="', " ", '"\n        >\n        </hax-tray-button>\n    </div>\n    ']);
 
-  _templateObject5_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject5_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject5_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject5_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject4_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <div id="menubar" class="collapse-menu">\n      ', " ", " ", '\n      <slot name="tray-buttons-pre"></slot>\n      ', "", "\n    </div>"]);
 
-  _templateObject4_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject4_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject4_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["", "", ""]);
 
-  _templateObject3_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject3_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject3_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n          <hax-tray-button\n            large\n            voice-command="edit page"\n            .data-opened="', '"\n            @click="', '"\n            icon="create"\n            id="button"\n            feature\n            show-text-label\n            show-tooltip\n            label="', '"\n          ></hax-tray-button>\n        ']);
 
-  _templateObject2_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject2_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject2_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -290,10 +290,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_eff2aeb01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c63bf5b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n      ", '\n      <div class="wrapper ', '">\n        ', '\n        <div class="detail">\n          <loading-indicator\n            ?loading="', '"\n          ></loading-indicator>\n          ', "\n        </div>\n      </div>\n    "]);
 
-  _templateObject_eff2aeb01f0511ed8cc3e9a95995ad69 = function _templateObject_eff2aeb01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c63bf5b01f2611eda0c389891c227ec8 = function _templateObject_c63bf5b01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -629,7 +629,7 @@ var HaxTray = /*#__PURE__*/function (_I18NMixin) {
      * LitElement render
      */
     value: function render() {
-      return (0, _litElement.html)(_templateObject_eff2aeb01f0511ed8cc3e9a95995ad69(), this.panelOpsTemplate, this.trayStatus, this.menuToolbarTemplate, !this.appStoreLoaded, this.trayDetailTemplate);
+      return (0, _litElement.html)(_templateObject_c63bf5b01f2611eda0c389891c227ec8(), this.panelOpsTemplate, this.trayStatus, this.menuToolbarTemplate, !this.appStoreLoaded, this.trayDetailTemplate);
     }
   }, {
     key: "__simpleFieldsClick",
@@ -1487,84 +1487,84 @@ var HaxTray = /*#__PURE__*/function (_I18NMixin) {
   }, {
     key: "panelOpsTemplate",
     get: function get() {
-      return this.hidePanelOps ? "" : (0, _litElement.html)(_templateObject2_eff2aeb01f0511ed8cc3e9a95995ad69(), this.editMode, this._clickEditButton, this.editMode ? this.t.save : this.t.edit);
+      return this.hidePanelOps ? "" : (0, _litElement.html)(_templateObject2_c63bf5b01f2611eda0c389891c227ec8(), this.editMode, this._clickEditButton, this.editMode ? this.t.save : this.t.edit);
     }
   }, {
     key: "toolbarsTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject3_eff2aeb01f0511ed8cc3e9a95995ad69(), this.opsToolbarTemplate, this.trayToolbarTemplate);
+      return (0, _litElement.html)(_templateObject3_c63bf5b01f2611eda0c389891c227ec8(), this.opsToolbarTemplate, this.trayToolbarTemplate);
     }
   }, {
     key: "menuToolbarTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject4_eff2aeb01f0511ed8cc3e9a95995ad69(), this.saveButtons, this.doButtons, this.contentButtons, this.moreButtons, this.menuButtons);
+      return (0, _litElement.html)(_templateObject4_c63bf5b01f2611eda0c389891c227ec8(), this.saveButtons, this.doButtons, this.contentButtons, this.moreButtons, this.menuButtons);
     }
   }, {
     key: "menuButtons",
     get: function get() {
-      return (0, _litElement.html)(_templateObject5_eff2aeb01f0511ed8cc3e9a95995ad69(), this.collapsed ? "left" : "center", this.elementAlign == "left" ? "forward" : "back", this.elementAlign == "left" ? this.t.menuRight : this.t.menuLeft, this.elementAlign == "left" ? "1" : "0", this.t.moveMenu, this.elementAlign == "left" ? this.t.right : this.t.left);
+      return (0, _litElement.html)(_templateObject5_c63bf5b01f2611eda0c389891c227ec8(), this.collapsed ? "left" : "center", this.elementAlign == "left" ? "forward" : "back", this.elementAlign == "left" ? this.t.menuRight : this.t.menuLeft, this.elementAlign == "left" ? "1" : "0", this.t.moveMenu, this.elementAlign == "left" ? this.t.right : this.t.left);
     }
   }, {
     key: "saveButtons",
     get: function get() {
-      return this.hidePanelOps ? "" : (0, _litElement.html)(_templateObject6_eff2aeb01f0511ed8cc3e9a95995ad69(), this._clickSaveButton, this.editMode ? this.t.save : this.t.edit, this.collapsed ? "left" : "center", this.t.cancel, this.collapsed ? "left" : "center");
+      return this.hidePanelOps ? "" : (0, _litElement.html)(_templateObject6_c63bf5b01f2611eda0c389891c227ec8(), this._clickSaveButton, this.editMode ? this.t.save : this.t.edit, this.collapsed ? "left" : "center", this.t.cancel, this.collapsed ? "left" : "center");
     }
   }, {
     key: "doButtons",
     get: function get() {
-      return (0, _litElement.html)(_templateObject7_eff2aeb01f0511ed8cc3e9a95995ad69(), !this.canUndo, this.t.undo, this.collapsed ? "left" : "center", !this.canRedo, this.t.redo, this.collapsed ? "left" : "center");
+      return (0, _litElement.html)(_templateObject7_c63bf5b01f2611eda0c389891c227ec8(), !this.canUndo, this.t.undo, this.collapsed ? "left" : "center", !this.canRedo, this.t.redo, this.collapsed ? "left" : "center");
     }
   }, {
     key: "contentButtons",
     get: function get() {
-      return (0, _litElement.html)(_templateObject8_eff2aeb01f0511ed8cc3e9a95995ad69(), this.t.blocks, !this.collapsed && this.trayDetail === "content-add", this.collapsed ? "left" : "center", this.t.media, !this.collapsed && this.trayDetail === "media-add", this.collapsed ? "left" : "center", this.t.edit, !this.activeTagName || this.activeTagName == "" || !this.activeNode || !this.activeNode.tagName, this.t.editSelected, this.activeTagName, !this.collapsed && this.trayDetail === "content-edit", this.collapsed ? "left" : "center", this.t.structure, !this.collapsed && this.trayDetail === "content-map", this.collapsed ? "left" : "center");
+      return (0, _litElement.html)(_templateObject8_c63bf5b01f2611eda0c389891c227ec8(), this.t.blocks, !this.collapsed && this.trayDetail === "content-add", this.collapsed ? "left" : "center", this.t.media, !this.collapsed && this.trayDetail === "media-add", this.collapsed ? "left" : "center", this.t.edit, !this.activeTagName || this.activeTagName == "" || !this.activeNode || !this.activeNode.tagName, this.t.editSelected, this.activeTagName, !this.collapsed && this.trayDetail === "content-edit", this.collapsed ? "left" : "center", this.t.structure, !this.collapsed && this.trayDetail === "content-map", this.collapsed ? "left" : "center");
     }
   }, {
     key: "moreButtons",
     get: function get() {
-      return (0, _litElement.html)(_templateObject9_eff2aeb01f0511ed8cc3e9a95995ad69(), this.t.source, this.collapsed ? "left" : "center", this.hidePreferencesButton, this.t.settings, !this.collapsed && this.trayDetail === "advanced-settings", this.collapsed ? "left" : "center", this.tourOpened ? "stop-tour" : "start-tour", this.t.takeATour, !this.collapsed && this.tourOpened, this.collapsed ? "left" : "center");
+      return (0, _litElement.html)(_templateObject9_c63bf5b01f2611eda0c389891c227ec8(), this.t.source, this.collapsed ? "left" : "center", this.hidePreferencesButton, this.t.settings, !this.collapsed && this.trayDetail === "advanced-settings", this.collapsed ? "left" : "center", this.tourOpened ? "stop-tour" : "start-tour", this.t.takeATour, !this.collapsed && this.tourOpened, this.collapsed ? "left" : "center");
     }
   }, {
     key: "trayDetailTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject10_eff2aeb01f0511ed8cc3e9a95995ad69(), this.collapsed ? "true" : "false", this.collapsed ? "-1" : "0", this.trayDetail, this.trayLabel || "".concat(this.t.editSelected, " ").concat(this.activeTagName), this.viewSourceTemplate, this.advancedSettingsTemplate, this.contentMapTemplate, this.contentEditTemplate, this.contentAddTemplate, this.mediaTemplate);
+      return (0, _litElement.html)(_templateObject10_c63bf5b01f2611eda0c389891c227ec8(), this.collapsed ? "true" : "false", this.collapsed ? "-1" : "0", this.trayDetail, this.trayLabel || "".concat(this.t.editSelected, " ").concat(this.activeTagName), this.viewSourceTemplate, this.advancedSettingsTemplate, this.contentMapTemplate, this.contentEditTemplate, this.contentAddTemplate, this.mediaTemplate);
     }
   }, {
     key: "viewSourceTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject11_eff2aeb01f0511ed8cc3e9a95995ad69(), this.trayDetail !== "view-source");
+      return (0, _litElement.html)(_templateObject11_c63bf5b01f2611eda0c389891c227ec8(), this.trayDetail !== "view-source");
     }
   }, {
     key: "advancedSettingsTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject12_eff2aeb01f0511ed8cc3e9a95995ad69(), this.trayDetail !== "advanced-settings");
+      return (0, _litElement.html)(_templateObject12_c63bf5b01f2611eda0c389891c227ec8(), this.trayDetail !== "advanced-settings");
     }
   }, {
     key: "contentEditTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject13_eff2aeb01f0511ed8cc3e9a95995ad69(), this.haxUiTheme == "system" ? "auto" : this.haxUiTheme == "haxdark" ? "vs-dark" : "vs", this.trayDetail !== "content-edit");
+      return (0, _litElement.html)(_templateObject13_c63bf5b01f2611eda0c389891c227ec8(), this.haxUiTheme == "system" ? "auto" : this.haxUiTheme == "haxdark" ? "vs-dark" : "vs", this.trayDetail !== "content-edit");
     }
   }, {
     key: "contentAddTemplate",
     get: function get() {
       var hidden = this.trayDetail !== "content-add";
-      return (0, _litElement.html)(_templateObject14_eff2aeb01f0511ed8cc3e9a95995ad69(), hidden, hidden, this.t.templates, hidden);
+      return (0, _litElement.html)(_templateObject14_c63bf5b01f2611eda0c389891c227ec8(), hidden, hidden, this.t.templates, hidden);
     }
   }, {
     key: "contentMapTemplate",
     get: function get() {
-      return (0, _litElement.html)(_templateObject15_eff2aeb01f0511ed8cc3e9a95995ad69(), this.trayDetail !== "content-map");
+      return (0, _litElement.html)(_templateObject15_c63bf5b01f2611eda0c389891c227ec8(), this.trayDetail !== "content-map");
     }
   }, {
     key: "mediaTemplate",
     get: function get() {
       var hidden = this.trayDetail !== "media-add";
-      return (0, _litElement.html)(_templateObject16_eff2aeb01f0511ed8cc3e9a95995ad69(), hidden, hidden, this.t.search, hidden);
+      return (0, _litElement.html)(_templateObject16_c63bf5b01f2611eda0c389891c227ec8(), hidden, hidden, this.t.search, hidden);
     }
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTray), "styles", this) || []), _toConsumableArray(_haxUiStyles.HaxTrayDetail), _toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _litElement.css)(_templateObject17_eff2aeb01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTray), "styles", this) || []), _toConsumableArray(_haxUiStyles.HaxTrayDetail), _toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _litElement.css)(_templateObject17_c63bf5b01f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ui-styles.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ui-styles.dev.js
index e63ff0bf19a..d82f58bb2dd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ui-styles.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ui-styles.dev.js
@@ -21,10 +21,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject12_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject12_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["<slot></slot>"]);
 
-  _templateObject12_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject12_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject12_c63da3601f2611eda0c389891c227ec8 = function _templateObject12_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -100,110 +100,110 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
 
-function _templateObject11_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject11_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n    h5 {\n      font-size: var(--hax-tray-detail-topic-font-size);\n    }\n    h6 {\n      font-size: var(--hax-tray-detail-subtopic-font-size);\n    }\n    h5,\n    h6 {\n      color: var(--hax-ui-color-faded);\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      font-weight: var(--hax-tray-detail-heading-font-weight);\n      margin: var(--hax-ui-spacing-lg) 0 var(--hax-ui-spacing-xs);\n    }\n  "]);
 
-  _templateObject11_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject11_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject11_c63da3601f2611eda0c389891c227ec8 = function _templateObject11_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject10_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject10_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n    #tray-detail {\n      font-family: var(--hax-ui-font-family);\n      --hax-tray-detail-title-font-size: var(--hax-ui-font-size);\n      --hax-tray-detail-topic-font-size: var(--hax-ui-font-size-lg);\n      --hax-tray-detail-subtopic-font-size: var(--hax-ui-font-size);\n      --hax-tray-detail-heading-text-transform: capitalize;\n      --hax-tray-detail-heading-font-weight: normal;\n    }\n    #toggle-tray-size {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      outline: 1px solid var(--hax-ui-color-accent);\n      --simple-icon-button-border: 0px solid transparent;\n      --simple-icon-button-border-radius: var(--hax-ui-border-radius);\n      width: 24px;\n      height: 24px;\n      padding: 0;\n    }\n    #toggle-tray-size:hover,\n    #toggle-tray-size:focus-within {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    #tray-detail h5,\n    #tray-detail h6 {\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      font-weight: var(--hax-tray-detail-heading-font-weight);\n      margin: var(--hax-ui-spacing-lg) 0 var(--hax-ui-spacing-xs);\n      color: var(--hax-ui-color-faded);\n    }\n    #tray-detail h4 {\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      color: var(--hax-ui-background-color);\n      font-size: var(--hax-tray-detail-title-font-size);\n      font-weight: normal;\n      margin: 0 var(--hax-ui-spacing-sm) 0 0;\n      padding: 0;\n    }\n    #tray-detail h5 {\n      font-size: var(--hax-tray-detail-topic-font-size);\n    }\n    #tray-detail h6 {\n      font-size: var(--hax-tray-detail-subtopic-font-size);\n    }\n  "]);
 
-  _templateObject10_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject10_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject10_c63da3601f2611eda0c389891c227ec8 = function _templateObject10_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject9_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject9_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n    simple-fields-tabs {\n      padding: 0;\n      border: none;\n      margin-left: calc(0 - var(--hax-ui-spacing-sm));\n      margin-right: calc(0 - var(--hax-ui-spacing-sm));\n    }\n    simple-fields-tabs::part(tablist) {\n      margin-bottom: var(--hax-ui-spacing);\n    }\n    simple-fields-tabs::part(tab),\n    simple-fields-tabs::part(tab-active),\n    simple-fields-tabs::part(tab-disabled),\n    hax-preferences-dialog::part(haxlink) {\n      border: 1px solid var(--hax-ui-border-color);\n      text-decoration: none;\n      border-radius: 3px;\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      outline: unset;\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-xs);\n      flex: 1 1 auto;\n    }\n    simple-fields-tabs::part(tab-active) {\n      color: var(--hax-ui-color-accent);\n    }\n    hax-preferences-dialog::part(haxlink) {\n      font-size: var(--hax-ui-font-size-xl);\n      display: block;\n      padding: var(--hax-ui-spacing-lg);\n    }\n    hax-preferences-dialog::part(haxlink):hover,\n    hax-preferences-dialog::part(haxlink):focus {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    simple-fields-tabs::part(tab-disabled) {\n      opacity: 0.5;\n      background-color: rgba(127, 127, 127, 0.2);\n    }\n    simple-fields-tabs::part(content) {\n      border: none;\n    }\n    simple-fields-tab {\n      padding: 0;\n    }\n    simple-fields *::part(label) {\n      text-transform: captitalize;\n      margin: 0;\n    }\n  "]);
 
-  _templateObject9_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject9_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject9_c63da3601f2611eda0c389891c227ec8 = function _templateObject9_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject8_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject8_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n    :host {\n      text-transform: capitalize;\n    }\n    :host[aria-expanded="true"] {\n      border: 1px solid var(--hax-ui-border-color);\n    }\n    absolute-position-behavior {\n      border-color: transparent;\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n    }\n    :host([expanded]) absolute-position-behavior {\n      border: 1px solid var(--hax-ui-border-color);\n    }\n    button[part="button"] {\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-sm);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      border: 1px solid var(--hax-ui-border-color);\n      border-radius: var(--hax-ui-border-radius);\n    }\n    :host([role="menuitem"]) button[part="button"] {\n      padding: 1px;\n      border-color: transparent;\n    }\n    :host(:hover) button[part="button"] {\n      background-color: var(--hax-ui-background-color-secondary);\n      color: var(--hax-ui-color);\n    }\n    :host([toggled]) button[part="button"],\n    button[part="button"][aria-pressed="true"] {\n      color: var(--hax-ui-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    button[part="button"][aria-pressed="true"]:hover,\n    :host([toggled]:hover) button[part="button"] {\n      background-color: var(--hax-ui-background-color-accent);\n    }\n    :host([feature]) button[part="button"],\n    :host([danger]) button[part="button"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]) button[part="button"] {\n      background-color: var(--hax-ui-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    :host([danger]) button[part="button"] {\n      background-color: var(--hax-ui-color-danger);\n      border-color: var(--hax-ui-color-danger);\n    }\n    :host([feature]) button[part="button"][aria-pressed="true"],\n    :host([danger]) button[part="button"][aria-pressed="true"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]) button[part="button"][aria-pressed="true"] {\n      background-color: var(--hax-ui-color-accent-secondary);\n      border-color: var(--hax-ui-color-accent);\n    }\n    :host([danger]) button[part="button"][aria-pressed="true"] {\n      background-color: var(--hax-ui-color-danger-secondary);\n      border-color: var(--hax-ui-color-danger);\n    }\n    :host([feature]:hover) button[part="button"],\n    :host([feature]:focus-within) button[part="button"],\n    :host([danger]:hover) button[part="button"],\n    :host([danger]:focus-within) button[part="button"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]:hover) button[part="button"],\n    :host([feature]:focus-within) button[part="button"] {\n      background-color: var(--hax-ui-color-accent-secondary);\n      border-color: var(--hax-ui-color-accent-secondary);\n    }\n    :host([danger]:hover) button[part="button"],\n    :host([danger]:focus-within) button[part="button"] {\n      background-color: var(--hax-ui-color-danger-secondary);\n      border-color: var(--hax-ui-color-danger-secondary);\n    }\n    :host([large]) button[part="button"] {\n      font-size: var(--hax-ui-font-size);\n      padding: var(--hax-ui-spacing);\n      border-width: 2px;\n    }\n    :host([disabled]) button[part="button"][disabled] {\n      opacity: 1;\n      color: var(--hax-ui-disabled-color);\n      border: 1px solid var(--hax-ui-border-color);\n    }\n\n    *[show-text-label]::part(label) {\n      text-transform: capitalize;\n      margin: var(--hax-ui-spacing-sm);\n    }\n  ']);
 
-  _templateObject8_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject8_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject8_c63da3601f2611eda0c389891c227ec8 = function _templateObject8_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject7_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject7_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n    hexagon-loader {\n      display: none;\n      margin: 0 auto;\n      z-index: 1000;\n    }\n    hexagon-loader[loading] {\n      display: block;\n      opacity: 0.8;\n    }\n  "]);
 
-  _templateObject7_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject7_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject7_c63da3601f2611eda0c389891c227ec8 = function _templateObject7_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject6_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject6_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n    simple-modal[mode="hax-ui"],\n    simple-popover-manager[mode="hax"] {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size);\n      --simple-modal-height: 70vh;\n      --simple-modal-width: 70vw;\n      --simple-popover-border-color: var(--hax-ui-color);\n      --simple-modal-border-color: var(--hax-ui-color);\n    }\n    simple-modal[mode="hax-ui"]::part(dialog) {\n      --simple-modal-z-index: 100000001 !important;\n    }\n    simple-modal[opened] {\n      z-index: 100000001 !important;\n    }\n    simple-modal[mode="hax-ui"]::part(titlebar),\n    simple-popover-manager[mode="hax"]::part(simple-popover-heading),\n    simple-popover-manager[mode="hax"] h1[slot="heading"] {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      padding: var(--hax-ui-spacing-sm) var(--hax-ui-spacing);\n      margin: 0;\n    }\n    simple-modal[mode="hax-ui"]::part(close),\n    simple-popover-manager[mode="hax"] #close {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      outline: 1px solid var(--hax-ui-color-accent);\n      --simple-icon-button-border: 0px solid transparent;\n      --simple-icon-button-border-radius: var(--hax-ui-border-radius);\n      width: 24px;\n      height: 24px;\n      padding: 0;\n    }\n    simple-modal[mode="hax-ui"]:focus-within::part(close),\n    simple-modal[mode="hax-ui"]:hover::part(close),\n    simple-popover-manager[mode="hax"] #close:focus,\n    simple-popover-manager[mode="hax"] #close:hover {\n      background-color: var(--hax-ui-color-accent-secondary);\n      --simple-icon-button-border: 0px solid transparent;\n    }\n    simple-modal[mode="hax-ui"]::part(title),\n    simple-popover-manager[mode="hax"] h1 {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size);\n      font-weight: normal;\n      margin: 0 var(--hax-ui-spacing-sm) 0 0;\n      padding: 0;\n    }\n    simple-popover-manager[mode="hax"] h2 {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size-lg);\n      font-weight: normal;\n      color: var(--hax-ui-color-accent-secondary);\n      margin: 0 0 var(--hax-ui-spacing-lg);\n    }\n    simple-modal[mode="hax-ui"]::part(content),\n    simple-modal[mode="hax-ui"]::part(custom),\n    simple-popover-manager[mode="hax"]::part(simple-popover-body) {\n      font-size: var(--hax-ui-font-size);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n    }\n    simple-modal[mode="hax-ui"]::part(content) {\n      padding: 0 var(--hax-ui-spacing);\n    }\n    simple-modal[mode="hax-ui"]::part(custom) {\n      padding: 0;\n    }\n    simple-popover-manager[mode="hax"]::part(simple-popover-body) {\n      padding: var(--hax-ui-spacing);\n    }\n    simple-modal[mode="hax-ui"]::part(buttons),\n    simple-popover-manager[mode="hax"]:part(simple-popover-nav) {\n      background-color: var(--hax-ui-background-color);\n    }\n    #hax-cancel-no,\n    #hax-cancel-yes {\n      flex: 1 1 auto;\n    }\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"]::part(button) {\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-sm);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      border: 1px solid var(--hax-ui-border-color);\n      border-radius: var(--hax-ui-border-radius);\n      background-color: var(--hax-ui-background-color);\n    }\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"]::part(button):hover,\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"]::part(button):focus-within {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"][disabled]::part(button) {\n      opacity: 0.5;\n      border: 1px solid var(--hax-ui-border-color);\n    }\n  ']);
 
-  _templateObject6_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject6_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject6_c63da3601f2611eda0c389891c227ec8 = function _templateObject6_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject5_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject5_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n    body {\n      --simple-fields-field-margin: calc(2 * var(--hax-ui-font-size));\n      --simple-toolbar-focus-z-index: var(--hax-ui-focus-z-index);\n      --simple-fields-font-family: var(--hax-ui-font-family);\n      --simple-fields-font-size: var(--hax-ui-font-size);\n      --simple-fields-line-height: 135%;\n      --simple-fields-detail-font-size: var(--hax-ui-font-size-sm);\n      --simple-fields-detail-line-height: 120%;\n      --simple-fields-margin: var(--hax-ui-spacing);\n      --simple-fields-background-color: var(--hax-ui-background-color);\n      --simple-fields-color: var(--hax-tray-text-color);\n      --simple-fields-accent-color: var(--hax-ui-color-accent);\n      --simple-fields-accent-color-light: var(--hax-ui-background-color-faded);\n      --simple-fields-error-color: var(--hax-ui-color-danger-secondary);\n      --simple-fields-button-danger-background-color: var(\n        --hax-ui-color-danger\n      );\n      --simple-fields-button-danger-focus-color: var(\n        --hax-ui-color-danger-secondary\n      );\n      --simple-fields-button-danger-background-color: var(\n        --hax-ui-background-color\n      );\n      --simple-fields-secondary-accent-color: var(\n        --hax-ui-color-accent-secondary\n      );\n      --simple-fields-border-color: var(--hax-ui-color-faded);\n\n      --simple-fields-fieldset-border-color: rgba(127, 127, 127, 0.2);\n      --simple-fields-legend-text-transform: capitalize;\n      --simple-fields-legend-font-size: var(--hax-ui-font-size-xs);\n\n      --simple-fields-meta-font-size: var(--hax-ui-font-size-xs);\n      --simple-fields-meta-line-height: 120%;\n      --simple-fields-meta-opacity: 0.7;\n      --simple-fields-focus-meta-opacity: 1;\n\n      --simple-fields-button-color: var(--hax-ui-color);\n      --simple-fields-button-background-color: var(--hax-ui-background-color);\n      --simple-fields-button-border-color: var(--hax-ui-border-color);\n      --simple-fields-button-text-transform: capitalize;\n      --simple-fields-border-radius: var(--hax-ui-border-radius);\n      --simple-fields-button-padding-sm: var(--hax-ui-spacing-sm);\n      --simple-fields-button-padding: var(--hax-ui-spacing-sm);\n\n      --simple-fields-button-toggled-color: var(--hax-ui-color);\n      --simple-fields-button-toggled-background-color: var(\n        --hax-ui-background-color-accent\n      );\n      --simple-fields-button-toggled-border-color: var(--hax-ui-color-accent);\n\n      --simple-fields-button-focus-color: var(--hax-ui-color);\n      --simple-fields-button-focus-background-color: var(\n        --hax-ui-background-color-accent\n      );\n      --simple-fields-button-focus-border-color: var(--hax-ui-color-accent);\n\n      --simple-fields-button-disabled-color: unset;\n      --simple-fields-button-disabled-background-color: unset;\n      --simple-fields-button-disabled-border-color: unset;\n      --simple-fields-button-disabled-opacity: 0.5;\n      --hexagon-color: var(--hax-ui-color-accent);\n    }\n  "]);
 
-  _templateObject5_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject5_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject5_c63da3601f2611eda0c389891c227ec8 = function _templateObject5_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject4_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n    body {\n      --simple-tooltip-background: var(--hax-ui-color);\n      --simple-tooltip-text-color: var(--hax-ui-background-color);\n      --simple-tooltip-opacity: 1;\n      --simple-tooltip-delay-in: 0;\n      --simple-tooltip-duration-in: 100ms;\n      --simple-tooltip-duration-out: 0;\n      --simple-tooltip-border-radius: 2px;\n      --simple-tooltip-font-size: var(--hax-ui-font-size-sm);\n    }\n  "]);
 
-  _templateObject4_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject4_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c63da3601f2611eda0c389891c227ec8 = function _templateObject4_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n    body {\n      --hax-ui-color: #222;\n      --hax-ui-color-focus: #000;\n      --hax-ui-color-faded: #444;\n      --hax-ui-disabled-color: #bbb;\n\n      --hax-ui-background-color: #fff;\n      --hax-ui-background-color-secondary: #e8e8e8;\n      --hax-ui-background-color-faded: #b0b8bb;\n\n      --hax-ui-color-accent: #009dc7;\n      --hax-ui-color-accent-secondary: #007999;\n      --hax-ui-background-color-accent: #ccf3fd;\n\n      --hax-ui-color-danger: #ee0000;\n      --hax-ui-color-danger-secondary: #850000;\n      --hax-ui-background-color-danger: #ffdddd;\n\n      --hax-ui-border-color: #ddd;\n    }\n    body[hax-ui-theme="haxdark"] {\n      --hax-ui-color: #eeeae6;\n      --hax-ui-color-focus: #fff;\n      --hax-ui-color-faded: #c5c3be;\n      --hax-ui-disabled-color: #555;\n\n      --hax-ui-background-color: #333;\n      --hax-ui-background-color-secondary: #111;\n      --hax-ui-background-color-faded: #222;\n\n      --hax-ui-color-accent: #77e2ff;\n      --hax-ui-color-accent-secondary: #00c9ff;\n      --hax-ui-background-color-accent: #000;\n\n      --hax-ui-color-danger: #ff8f8f;\n      --hax-ui-color-danger-secondary: #ff2222;\n      --hax-ui-background-color-danger: #000;\n\n      --hax-ui-border-color: #000;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      body[hax-ui-theme="system"] {\n        --hax-ui-color: #eeeae6;\n        --hax-ui-color-focus: #fff;\n        --hax-ui-color-faded: #c5c3be;\n\n        --hax-ui-background-color: #333;\n        --hax-ui-background-color-secondary: #111;\n        --hax-ui-background-color-faded: #222;\n\n        --hax-ui-color-accent: #77e2ff;\n        --hax-ui-color-accent-secondary: #00c9ff;\n        --hax-ui-background-color-accent: #000;\n\n        --hax-ui-color-danger: #ff8f8f;\n        --hax-ui-color-danger-secondary: #ff2222;\n        --hax-ui-background-color-danger: #000;\n\n        --hax-ui-border-color: #000;\n      }\n    }\n  ']);
 
-  _templateObject3_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject3_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c63da3601f2611eda0c389891c227ec8 = function _templateObject3_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n    body {\n      --hax-tray-width: 300px;\n      --hax-tray-menubar-min-width: 44px;\n      --hax-tray-menubar-min-height: 34px;\n      --hax-ui-spacing-xs: 4px;\n      --hax-ui-border-radius: 2px;\n      --hax-ui-spacing-sm: calc(1 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing: calc(2 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing-lg: calc(3 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing-xl: calc(4 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-focus-z-index: 1001;\n      --simple-toolbar-focus-z-index: var(--hax-ui-focus-z-index);\n      --a11y-menu-button-focus-z-index: var(--hax-ui-focus-z-index);\n    }\n  "]);
 
-  _templateObject2_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject2_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c63da3601f2611eda0c389891c227ec8 = function _templateObject2_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_eff4f8a01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c63da3601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n    body {\n      --hax-ui-font-family: sans-serif;\n      --hax-ui-font-size: 16px;\n      --hax-ui-font-size-sm: 13px;\n      --hax-ui-font-size-xs: 12px;\n      --hax-ui-font-size-lg: calc(1.05 * var(--hax-ui-font-size, 16px));\n      --hax-ui-font-size-xl: calc(1.25 * var(--hax-ui-font-size, 16px));\n    }\n  "]);
 
-  _templateObject_eff4f8a01f0511ed8cc3e9a95995ad69 = function _templateObject_eff4f8a01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c63da3601f2611eda0c389891c227ec8 = function _templateObject_c63da3601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -222,17 +222,17 @@ function _taggedTemplateLiteral(strings, raw) {
   }));
 }
 
-var HaxUiText = [(0, _litElement.css)(_templateObject_eff4f8a01f0511ed8cc3e9a95995ad69())];
+var HaxUiText = [(0, _litElement.css)(_templateObject_c63da3601f2611eda0c389891c227ec8())];
 exports.HaxUiText = HaxUiText;
-var HaxUiSpacing = [(0, _litElement.css)(_templateObject2_eff4f8a01f0511ed8cc3e9a95995ad69())];
+var HaxUiSpacing = [(0, _litElement.css)(_templateObject2_c63da3601f2611eda0c389891c227ec8())];
 exports.HaxUiSpacing = HaxUiSpacing;
-var HaxUiColors = [(0, _litElement.css)(_templateObject3_eff4f8a01f0511ed8cc3e9a95995ad69())];
+var HaxUiColors = [(0, _litElement.css)(_templateObject3_c63da3601f2611eda0c389891c227ec8())];
 exports.HaxUiColors = HaxUiColors;
-var HaxUiTooltip = [(0, _litElement.css)(_templateObject4_eff4f8a01f0511ed8cc3e9a95995ad69())];
+var HaxUiTooltip = [(0, _litElement.css)(_templateObject4_c63da3601f2611eda0c389891c227ec8())];
 exports.HaxUiTooltip = HaxUiTooltip;
-var HaxUiFields = [(0, _litElement.css)(_templateObject5_eff4f8a01f0511ed8cc3e9a95995ad69())];
+var HaxUiFields = [(0, _litElement.css)(_templateObject5_c63da3601f2611eda0c389891c227ec8())];
 exports.HaxUiFields = HaxUiFields;
-var HaxUiSingletons = [(0, _litElement.css)(_templateObject6_eff4f8a01f0511ed8cc3e9a95995ad69())];
+var HaxUiSingletons = [(0, _litElement.css)(_templateObject6_c63da3601f2611eda0c389891c227ec8())];
 /**
  * controls text spacing and colors throughout Hax UI (but not content)
  */
@@ -240,11 +240,11 @@ var HaxUiSingletons = [(0, _litElement.css)(_templateObject6_eff4f8a01f0511ed8cc
 exports.HaxUiSingletons = HaxUiSingletons;
 var HaxUiBaseStyles = [].concat(HaxUiText, HaxUiSpacing, HaxUiFields, HaxUiTooltip, HaxUiSingletons, HaxUiColors);
 exports.HaxUiBaseStyles = HaxUiBaseStyles;
-var HaxHexagon = [(0, _litElement.css)(_templateObject7_eff4f8a01f0511ed8cc3e9a95995ad69())];
+var HaxHexagon = [(0, _litElement.css)(_templateObject7_c63da3601f2611eda0c389891c227ec8())];
 exports.HaxHexagon = HaxHexagon;
-var HaxButton = [(0, _litElement.css)(_templateObject8_eff4f8a01f0511ed8cc3e9a95995ad69())];
+var HaxButton = [(0, _litElement.css)(_templateObject8_c63da3601f2611eda0c389891c227ec8())];
 exports.HaxButton = HaxButton;
-var HaxFields = [(0, _litElement.css)(_templateObject9_eff4f8a01f0511ed8cc3e9a95995ad69())];
+var HaxFields = [(0, _litElement.css)(_templateObject9_c63da3601f2611eda0c389891c227ec8())];
 /**
  * styles that need to be in the shadowRoot of their parent
  */
@@ -252,9 +252,9 @@ var HaxFields = [(0, _litElement.css)(_templateObject9_eff4f8a01f0511ed8cc3e9a95
 exports.HaxFields = HaxFields;
 var HaxComponentStyles = [].concat(HaxButton, HaxHexagon, HaxFields);
 exports.HaxComponentStyles = HaxComponentStyles;
-var HaxTrayDetail = [(0, _litElement.css)(_templateObject10_eff4f8a01f0511ed8cc3e9a95995ad69())];
+var HaxTrayDetail = [(0, _litElement.css)(_templateObject10_c63da3601f2611eda0c389891c227ec8())];
 exports.HaxTrayDetail = HaxTrayDetail;
-var HaxTrayDetailHeadings = [(0, _litElement.css)(_templateObject11_eff4f8a01f0511ed8cc3e9a95995ad69())];
+var HaxTrayDetailHeadings = [(0, _litElement.css)(_templateObject11_c63da3601f2611eda0c389891c227ec8())];
 /**
  * an empty wrapper to ensure modal content has the same base styles
  *
@@ -276,7 +276,7 @@ var HaxUiStyles = /*#__PURE__*/function (_LitElement) {
   _createClass(HaxUiStyles, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject12_eff4f8a01f0511ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject12_c63da3601f2611eda0c389891c227ec8());
     }
   }], [{
     key: "styles",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-view-source.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-view-source.dev.js
index 0a526dbe73b..d0aca006c04 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-view-source.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-view-source.dev.js
@@ -86,10 +86,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_effee3b01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c6489fe01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          margin: 0;\n          padding: 0;\n          flex: 0 1 100vh;\n          display: flex;\n          flex-direction: column;\n        }\n        :host > *,\n        #textarea {\n          margin: 0;\n          padding: 0;\n        }\n        #hiddentextarea,\n        #spacer {\n          flex: 0 1 0px;\n        }\n        #wrapper {\n          flex: 1 0 calc(70vh - 94px);\n          position: relative;\n        }\n        #textarea {\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n        }\n        hax-toolbar {\n          flex: 0 0 auto;\n          width: 100%;\n          display: flex;\n          background-color: var(--hax-ui-background-color);\n        }\n        hax-toolbar::part(buttons) {\n          justify-content: space-between;\n          flex: 0 1 auto;\n          margin: 0 auto;\n        }\n      "]);
 
-  _templateObject2_effee3b01f0511ed8cc3e9a95995ad69 = function _templateObject2_effee3b01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c6489fe01f2611eda0c389891c227ec8 = function _templateObject2_c6489fe01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -170,10 +170,10 @@ function _interopRequireWildcard(obj) {
   return newObj;
 }
 
-function _templateObject_effee3b01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c6489fe01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <div id="spacer"></div>\n      <div id="wrapper">\n        <textarea id="hiddentextarea" hidden></textarea>\n        <code-editor\n          id="textarea"\n          title=""\n          theme="', '"\n          language="html"\n          font-size="13"\n          word-wrap\n        ></code-editor>\n      </div>\n      <hax-toolbar always-expanded>\n        <hax-tray-button\n          label="', '"\n          icon="editor:insert-drive-file"\n          @click="', '"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          @click="', '"\n          icon="editor:format-clear"\n          label="', '"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          @click="', '"\n          icon="icons:content-copy"\n          label="', '"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          label="', '"\n          icon="icons:file-download"\n          @click="', '"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          @click="', '"\n          label="HAXSchema"\n          icon="hax:code-json"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n      </hax-toolbar>\n    ']);
 
-  _templateObject_effee3b01f0511ed8cc3e9a95995ad69 = function _templateObject_effee3b01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c6489fe01f2611eda0c389891c227ec8 = function _templateObject_c6489fe01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -303,7 +303,7 @@ var HaxViewSource = /*#__PURE__*/function (_I18NMixin) {
   _createClass(HaxViewSource, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_effee3b01f0511ed8cc3e9a95995ad69(), this.haxUiTheme == "hax" ? "vs" : this.haxUiTheme == "haxdark" ? "vs-dark" : "auto", this.t.updatePage, this.importContent.bind(this), this.scrubContent.bind(this), this.t.cleanFormatting, this.selectBody.bind(this), this.t.copyHTML, this.t.downloadHTML, this.download.bind(this), this.htmlToHaxElements.bind(this));
+      return (0, _litElement.html)(_templateObject_c6489fe01f2611eda0c389891c227ec8(), this.haxUiTheme == "hax" ? "vs" : this.haxUiTheme == "haxdark" ? "vs-dark" : "auto", this.t.updatePage, this.importContent.bind(this), this.scrubContent.bind(this), this.t.cleanFormatting, this.selectBody.bind(this), this.t.copyHTML, this.t.downloadHTML, this.download.bind(this), this.htmlToHaxElements.bind(this));
     }
   }, {
     key: "download",
@@ -534,7 +534,7 @@ var HaxViewSource = /*#__PURE__*/function (_I18NMixin) {
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _litElement.css)(_templateObject2_effee3b01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _litElement.css)(_templateObject2_c6489fe01f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-browser.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-browser.js
index fa0d80db5da..0f3c027b6ab 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-browser.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-browser.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "./hax-tray-button.js", "
   _exports.HaxAppBrowser = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_deb959a01f0511ed8cc3e9a95995ad69, _templateObject2_deb959a01f0511ed8cc3e9a95995ad69, _templateObject3_deb959a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b59bfa701f2611eda0c389891c227ec8, _templateObject2_b59bfa701f2611eda0c389891c227ec8, _templateObject3_b59bfa701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -70,8 +70,8 @@ define(["exports", "require", "../../../lit/index.js", "./hax-tray-button.js", "
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_deb959a01f0511ed8cc3e9a95995ad69 || (_templateObject_deb959a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-button-grid\n        class=\"", "\"\n        always-expanded\n        columns=\"3\"\n      >\n        ", "\n      </simple-button-grid>\n      <hax-app-search\n        id=\"haxappsearch\"\n        class=\"", "\"\n      ></hax-app-search>\n      <slot></slot>\n    "])), this.searching ? "collapse-hide" : "", this.appList.map(function (app) {
-          return (0, _index.html)(_templateObject2_deb959a01f0511ed8cc3e9a95995ad69 || (_templateObject2_deb959a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <hax-tray-button\n              class=\"", "\"\n              show-text-label\n              icon-position=\"top\"\n              index=\"", "\"\n              label=\"", "\"\n              icon=\"", "\"\n              color=\"", "\"\n              event-name=\"search-selected\"\n              event-data=\"", "\"\n            >\n            </hax-tray-button>\n          "])), _this2.searching ? "visibility-hidden" : "", app.index, app.details.title, app.details.icon, app.details.color, app.index);
+        return (0, _index.html)(_templateObject_b59bfa701f2611eda0c389891c227ec8 || (_templateObject_b59bfa701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-button-grid\n        class=\"", "\"\n        always-expanded\n        columns=\"3\"\n      >\n        ", "\n      </simple-button-grid>\n      <hax-app-search\n        id=\"haxappsearch\"\n        class=\"", "\"\n      ></hax-app-search>\n      <slot></slot>\n    "])), this.searching ? "collapse-hide" : "", this.appList.map(function (app) {
+          return (0, _index.html)(_templateObject2_b59bfa701f2611eda0c389891c227ec8 || (_templateObject2_b59bfa701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <hax-tray-button\n              class=\"", "\"\n              show-text-label\n              icon-position=\"top\"\n              index=\"", "\"\n              label=\"", "\"\n              icon=\"", "\"\n              color=\"", "\"\n              event-name=\"search-selected\"\n              event-data=\"", "\"\n            >\n            </hax-tray-button>\n          "])), _this2.searching ? "visibility-hidden" : "", app.index, app.details.title, app.details.icon, app.details.color, app.index);
         }), !this.searching ? "visibility-hidden" : "");
       }
     }, {
@@ -116,7 +116,7 @@ define(["exports", "require", "../../../lit/index.js", "./hax-tray-button.js", "
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_deb959a01f0511ed8cc3e9a95995ad69 || (_templateObject3_deb959a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          overflow-y: auto;\n          position: relative;\n        }\n        simple-button-grid {\n          overflow: auto;\n        }\n        simple-button-grid.collapse-hide {\n          max-height: 0 !important;\n          transition: all 0.5s;\n        }\n        .visibility-hidden {\n          z-index: -1;\n          visibility: hidden;\n          opacity: 0;\n          height: 0;\n          transition: all 0.5s;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_b59bfa701f2611eda0c389891c227ec8 || (_templateObject3_b59bfa701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          overflow-y: auto;\n          position: relative;\n        }\n        simple-button-grid {\n          overflow: auto;\n        }\n        simple-button-grid.collapse-hide {\n          max-height: 0 !important;\n          transition: all 0.5s;\n        }\n        .visibility-hidden {\n          z-index: -1;\n          visibility: hidden;\n          opacity: 0;\n          height: 0;\n          transition: all 0.5s;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-picker.js
index 6d9efb1466a..8d58e5fc9f4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-picker.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-modal/lib/simple-modal
   });
   _exports.HaxAppPicker = void 0;
 
-  var _templateObject_debc18c01f0511ed8cc3e9a95995ad69, _templateObject2_debc18c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b59e1d501f2611eda0c389891c227ec8, _templateObject2_b59e1d501f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -79,7 +79,7 @@ define(["exports", "../../../lit/index.js", "../../simple-modal/lib/simple-modal
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_debc18c01f0511ed8cc3e9a95995ad69 || (_templateObject_debc18c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-modal-template\n        .title=\"", "\"\n        modal-id=\"hax-picker\"\n        mode=\"hax-ui\"\n      >\n        <hax-picker slot=\"content\"></hax-picker>\n      </simple-modal-template>\n    "])), this.title);
+        return (0, _index.html)(_templateObject_b59e1d501f2611eda0c389891c227ec8 || (_templateObject_b59e1d501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-modal-template\n        .title=\"", "\"\n        modal-id=\"hax-picker\"\n        mode=\"hax-ui\"\n      >\n        <hax-picker slot=\"content\"></hax-picker>\n      </simple-modal-template>\n    "])), this.title);
       }
     }, {
       key: "firstUpdated",
@@ -102,7 +102,7 @@ define(["exports", "../../../lit/index.js", "../../simple-modal/lib/simple-modal
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject2_debc18c01f0511ed8cc3e9a95995ad69 || (_templateObject2_debc18c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject2_b59e1d501f2611eda0c389891c227ec8 || (_templateObject2_b59e1d501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search-inputs.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search-inputs.js
index ee097cdf81f..3c6dc3e0702 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search-inputs.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search-inputs.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-fields/simple-fields.j
   });
   _exports.HaxAppSearchInputs = void 0;
 
-  var _templateObject_debd9f601f0511ed8cc3e9a95995ad69, _templateObject2_debd9f601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b5a019201f2611eda0c389891c227ec8, _templateObject2_b5a019201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -36,7 +36,7 @@ define(["exports", "../../../lit/index.js", "../../simple-fields/simple-fields.j
     babelHelpers.createClass(HaxAppSearchInputs, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_debd9f601f0511ed8cc3e9a95995ad69 || (_templateObject_debd9f601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <h5 class=\"search-label\">\n        ", "\n        <hax-tray-button\n          id=\"cancel\"\n          class=\"", "\"\n          icon=\"close\"\n          label=\"Cancel Search\"\n          event-name=\"cancel-search\"\n        >\n        </hax-tray-button>\n      </h5>\n      <simple-fields\n        id=\"form\"\n        .schema=\"", "\"\n        .schematizer=\"", "\"\n        .elementizer=\"", "\"\n        @value-changed=\"", "\"\n      ></simple-fields>\n    "])), this.label, !this.searching ? "visibility-hidden" : "", this.schema, _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer, this.searchValuesChanged);
+        return (0, _index.html)(_templateObject_b5a019201f2611eda0c389891c227ec8 || (_templateObject_b5a019201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <h5 class=\"search-label\">\n        ", "\n        <hax-tray-button\n          id=\"cancel\"\n          class=\"", "\"\n          icon=\"close\"\n          label=\"Cancel Search\"\n          event-name=\"cancel-search\"\n        >\n        </hax-tray-button>\n      </h5>\n      <simple-fields\n        id=\"form\"\n        .schema=\"", "\"\n        .schematizer=\"", "\"\n        .elementizer=\"", "\"\n        @value-changed=\"", "\"\n      ></simple-fields>\n    "])), this.label, !this.searching ? "visibility-hidden" : "", this.schema, _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer, this.searchValuesChanged);
       }
     }, {
       key: "searchValuesChanged",
@@ -55,7 +55,7 @@ define(["exports", "../../../lit/index.js", "../../simple-fields/simple-fields.j
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxTrayDetailHeadings), [(0, _index.css)(_templateObject2_debd9f601f0511ed8cc3e9a95995ad69 || (_templateObject2_debd9f601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .search-label {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 100%;\n        }\n        #cancel {\n          flex: 0 0 auto;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxTrayDetailHeadings), [(0, _index.css)(_templateObject2_b5a019201f2611eda0c389891c227ec8 || (_templateObject2_b5a019201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .search-label {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 100%;\n        }\n        #cancel {\n          flex: 0 0 auto;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search-result.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search-result.js
index 709264b1192..aae0d5f575f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search-result.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search-result.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./hax-store.js"], function (_export
   });
   _exports.HaxAppSearchResult = void 0;
 
-  var _templateObject_debfc2401f0511ed8cc3e9a95995ad69, _templateObject2_debfc2401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b5a485f01f2611eda0c389891c227ec8, _templateObject2_b5a485f01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -30,7 +30,7 @@ define(["exports", "../../../lit/index.js", "./hax-store.js"], function (_export
     babelHelpers.createClass(HaxAppSearchResult, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_debfc2401f0511ed8cc3e9a95995ad69 || (_templateObject_debfc2401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        draggable=\"true\"\n        @click=\"", "\"\n        @dragstart=\"", "\"\n        @dragend=\"", "\"\n        title=\"", "\"\n      >\n        <img loading=\"lazy\" class=\"image\" src=\"", "\" />\n        <div class=\"detail-wrapper\">", "</div>\n      </button>\n    "])), this._itemSelected, this._dragStart, this._dragEnd, this.details, this.image, this.title.substr(0, 40));
+        return (0, _index.html)(_templateObject_b5a485f01f2611eda0c389891c227ec8 || (_templateObject_b5a485f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        draggable=\"true\"\n        @click=\"", "\"\n        @dragstart=\"", "\"\n        @dragend=\"", "\"\n        title=\"", "\"\n      >\n        <img loading=\"lazy\" class=\"image\" src=\"", "\" />\n        <div class=\"detail-wrapper\">", "</div>\n      </button>\n    "])), this._itemSelected, this._dragStart, this._dragEnd, this.details, this.image, this.title.substr(0, 40));
       }
     }, {
       key: "_dragStart",
@@ -103,7 +103,7 @@ define(["exports", "../../../lit/index.js", "./hax-store.js"], function (_export
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_debfc2401f0511ed8cc3e9a95995ad69 || (_templateObject2_debfc2401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: space-evenly;\n          height: 100%;\n        }\n        button {\n          font-size: var(--hax-ui-font-size-xs);\n          margin: 0;\n          padding: 0;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          border-radius: 0;\n          border: none;\n          width: 100%;\n          outline: 1px solid var(--hax-toolbar-border-color);\n          opacity: 0.8;\n          background-color: var(--hax-toolbar-button-bg);\n          transition: 0.2s opacity ease-in-out, 0.2s outline-color ease-in-out;\n          flex: 1 0 auto;\n        }\n        button:hover,\n        button:focus,\n        button:active {\n          outline-color: var(--hax-tray-accent-color);\n          outline-width: 4px;\n          outline-style: solid;\n          opacity: 1;\n        }\n        .detail-wrapper {\n          flex: 1 0 auto;\n          max-height: 30px;\n          overflow: hidden;\n          text-align: center;\n          text-overflow: ellipsis;\n        }\n        .image {\n          flex: 0 0 auto;\n          width: 100%;\n          background-color: var(--hax-toolbar-border-color);\n        }\n        @media screen and (max-width: 1000px) {\n          :host {\n            width: 100%;\n          }\n          .title {\n            font-size: 12px;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b5a485f01f2611eda0c389891c227ec8 || (_templateObject2_b5a485f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: space-evenly;\n          height: 100%;\n        }\n        button {\n          font-size: var(--hax-ui-font-size-xs);\n          margin: 0;\n          padding: 0;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          border-radius: 0;\n          border: none;\n          width: 100%;\n          outline: 1px solid var(--hax-toolbar-border-color);\n          opacity: 0.8;\n          background-color: var(--hax-toolbar-button-bg);\n          transition: 0.2s opacity ease-in-out, 0.2s outline-color ease-in-out;\n          flex: 1 0 auto;\n        }\n        button:hover,\n        button:focus,\n        button:active {\n          outline-color: var(--hax-tray-accent-color);\n          outline-width: 4px;\n          outline-style: solid;\n          opacity: 1;\n        }\n        .detail-wrapper {\n          flex: 1 0 auto;\n          max-height: 30px;\n          overflow: hidden;\n          text-align: center;\n          text-overflow: ellipsis;\n        }\n        .image {\n          flex: 0 0 auto;\n          width: 100%;\n          background-color: var(--hax-toolbar-border-color);\n        }\n        @media screen and (max-width: 1000px) {\n          :host {\n            width: 100%;\n          }\n          .title {\n            font-size: 12px;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search.js
index 6b28a1e9e7d..f7332b105fb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-search.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "./hax-store.js", "../../
   _exports.HaxAppSearch = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ded211c01f0511ed8cc3e9a95995ad69, _templateObject2_ded211c01f0511ed8cc3e9a95995ad69, _templateObject3_ded211c01f0511ed8cc3e9a95995ad69, _templateObject4_ded211c01f0511ed8cc3e9a95995ad69, _templateObject5_ded211c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b5b74aa01f2611eda0c389891c227ec8, _templateObject2_b5b74aa01f2611eda0c389891c227ec8, _templateObject3_b5b74aa01f2611eda0c389891c227ec8, _templateObject4_b5b74aa01f2611eda0c389891c227ec8, _templateObject5_b5b74aa01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -83,10 +83,10 @@ define(["exports", "require", "../../../lit/index.js", "./hax-store.js", "../../
     babelHelpers.createClass(HaxAppSearch, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ded211c01f0511ed8cc3e9a95995ad69 || (_templateObject_ded211c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <hax-app-search-inputs\n        id=\"searchinput\"\n        .label=\"", "\"\n        .schema=\"", "\"\n        @search-values-changed=\"", "\"\n      ></hax-app-search-inputs>\n      <hax-app-pagination\n        id=\"pagerbottom\"\n        .request-data=\"", "\"\n        .pagination=\"", "\"\n      ></hax-app-pagination>\n      <hexagon-loader\n        size=\"medium\"\n        item-count=\"4\"\n        ?loading=\"", "\"\n        aria-roledescription=\"Loading\"\n      ></hexagon-loader>\n      <simple-button-grid\n        class=\"", "\"\n        always-expanded\n        columns=\"2\"\n      >\n        ", "\n      </simple-button-grid>\n    "])), this.tos.length > 0 ? (0, _index.html)(_templateObject2_ded211c01f0511ed8cc3e9a95995ad69 || (_templateObject2_ded211c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"tos-text\">Terms of service:</div>\n            <ul class=\"tos-text\">\n              ", "\n            </ul>\n          "])), this.tos.map(function (item) {
-          return (0, _index.html)(_templateObject3_ded211c01f0511ed8cc3e9a95995ad69 || (_templateObject3_ded211c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <li>\n                    <a\n                      href=\"", "\"\n                      target=\"_blank\"\n                      rel=\"noopener nofollow noreferrer\"\n                      >", "</a\n                    >\n                  </li>\n                "])), item.link, item.title);
+        return (0, _index.html)(_templateObject_b5b74aa01f2611eda0c389891c227ec8 || (_templateObject_b5b74aa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <hax-app-search-inputs\n        id=\"searchinput\"\n        .label=\"", "\"\n        .schema=\"", "\"\n        @search-values-changed=\"", "\"\n      ></hax-app-search-inputs>\n      <hax-app-pagination\n        id=\"pagerbottom\"\n        .request-data=\"", "\"\n        .pagination=\"", "\"\n      ></hax-app-pagination>\n      <hexagon-loader\n        size=\"medium\"\n        item-count=\"4\"\n        ?loading=\"", "\"\n        aria-roledescription=\"Loading\"\n      ></hexagon-loader>\n      <simple-button-grid\n        class=\"", "\"\n        always-expanded\n        columns=\"2\"\n      >\n        ", "\n      </simple-button-grid>\n    "])), this.tos.length > 0 ? (0, _index.html)(_templateObject2_b5b74aa01f2611eda0c389891c227ec8 || (_templateObject2_b5b74aa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"tos-text\">Terms of service:</div>\n            <ul class=\"tos-text\">\n              ", "\n            </ul>\n          "])), this.tos.map(function (item) {
+          return (0, _index.html)(_templateObject3_b5b74aa01f2611eda0c389891c227ec8 || (_templateObject3_b5b74aa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <li>\n                    <a\n                      href=\"", "\"\n                      target=\"_blank\"\n                      rel=\"noopener nofollow noreferrer\"\n                      >", "</a\n                    >\n                  </li>\n                "])), item.link, item.title);
         })) : "", this.label, this.searchSchema, this._searchValuesChanged, this.requestData, this.pagination, this.loading, this.searching ? "collapse-hide" : "", this.media.map(function (resultData) {
-          return (0, _index.html)(_templateObject4_ded211c01f0511ed8cc3e9a95995ad69 || (_templateObject4_ded211c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <hax-app-search-result\n              image=\"", "\"\n              title=\"", "\"\n              details=\"", "\"\n              .map=\"", "\"\n              type=\"", "\"\n            ></hax-app-search-result>\n          "])), resultData.image, resultData.title, resultData.details, resultData.map, resultData.type);
+          return (0, _index.html)(_templateObject4_b5b74aa01f2611eda0c389891c227ec8 || (_templateObject4_b5b74aa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <hax-app-search-result\n              image=\"", "\"\n              title=\"", "\"\n              details=\"", "\"\n              .map=\"", "\"\n              type=\"", "\"\n            ></hax-app-search-result>\n          "])), resultData.image, resultData.title, resultData.details, resultData.map, resultData.type);
         }));
       }
       /**
@@ -455,7 +455,7 @@ define(["exports", "require", "../../../lit/index.js", "./hax-store.js", "../../
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject5_ded211c01f0511ed8cc3e9a95995ad69 || (_templateObject5_ded211c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        hexagon-loader {\n          display: none;\n          margin: 0 auto;\n          z-index: 1000;\n          --hexagon-color: var(--hax-tray-accent-color);\n        }\n        hexagon-loader[loading] {\n          display: block;\n          opacity: 0.8;\n        }\n        .card-content {\n          padding: 0;\n        }\n        .card-content p {\n          padding: 0;\n          margin: 0;\n        }\n        #itemlist {\n          min-height: 172px;\n          text-align: center;\n          align-items: center;\n        }\n        hax-app-search-inputs {\n          min-height: 80px;\n          padding: 0;\n        }\n        hax-app-pagination {\n          min-height: 32px;\n          font-size: var(--hax-ui-font-size-sm);\n          display: none;\n          justify-content: flex-end;\n          justify-content: center;\n        }\n        .tos-text {\n          font-size: var(--hax-ui-font-size-sm);\n        }\n        .tos-text ul {\n          padding: 0;\n          margin: 0;\n        }\n        .tos-text a {\n          font-size: var(--hax-ui-font-size-sm);\n          color: var(--hax-tray-accent-color);\n          text-decoration: underline;\n        }\n        .tos-text a:hover,\n        .tos-text a:focus,\n        .tos-text a:active {\n          outline: 2px solid var(--hax-tray-accent-color);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject5_b5b74aa01f2611eda0c389891c227ec8 || (_templateObject5_b5b74aa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        hexagon-loader {\n          display: none;\n          margin: 0 auto;\n          z-index: 1000;\n          --hexagon-color: var(--hax-tray-accent-color);\n        }\n        hexagon-loader[loading] {\n          display: block;\n          opacity: 0.8;\n        }\n        .card-content {\n          padding: 0;\n        }\n        .card-content p {\n          padding: 0;\n          margin: 0;\n        }\n        #itemlist {\n          min-height: 172px;\n          text-align: center;\n          align-items: center;\n        }\n        hax-app-search-inputs {\n          min-height: 80px;\n          padding: 0;\n        }\n        hax-app-pagination {\n          min-height: 32px;\n          font-size: var(--hax-ui-font-size-sm);\n          display: none;\n          justify-content: flex-end;\n          justify-content: center;\n        }\n        .tos-text {\n          font-size: var(--hax-ui-font-size-sm);\n        }\n        .tos-text ul {\n          padding: 0;\n          margin: 0;\n        }\n        .tos-text a {\n          font-size: var(--hax-ui-font-size-sm);\n          color: var(--hax-tray-accent-color);\n          text-decoration: underline;\n        }\n        .tos-text a:hover,\n        .tos-text a:focus,\n        .tos-text a:active {\n          outline: 2px solid var(--hax-tray-accent-color);\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-autoloader.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-autoloader.js
index d3767ccb119..0a62e342220 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-autoloader.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-autoloader.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "../../hax-body-b
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_dedb39801f0511ed8cc3e9a95995ad69, _templateObject2_dedb39801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b5c04b501f2611eda0c389891c227ec8, _templateObject2_b5c04b501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -51,7 +51,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "../../hax-body-b
     babelHelpers.createClass(HaxAutoloader, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dedb39801f0511ed8cc3e9a95995ad69 || (_templateObject_dedb39801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
+        return (0, _index.html)(_templateObject_b5c04b501f2611eda0c389891c227ec8 || (_templateObject_b5c04b501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
       }
     }, {
       key: "firstUpdated",
@@ -272,7 +272,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "../../hax-body-b
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_dedb39801f0511ed8cc3e9a95995ad69 || (_templateObject2_dedb39801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b5c04b501f2611eda0c389891c227ec8 || (_templateObject2_b5c04b501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-cancel-dialog.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-cancel-dialog.js
index 9fe91886835..529d9330288 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-cancel-dialog.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-cancel-dialog.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-modal/lib/simple-modal
   });
   _exports.HaxCancelDialog = void 0;
 
-  var _templateObject_dedce7301f0511ed8cc3e9a95995ad69, _templateObject2_dedce7301f0511ed8cc3e9a95995ad69;
+  var _templateObject_b5c26e301f2611eda0c389891c227ec8, _templateObject2_b5c26e301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -45,7 +45,7 @@ define(["exports", "../../../lit/index.js", "../../simple-modal/lib/simple-modal
     babelHelpers.createClass(HaxCancelDialog, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dedce7301f0511ed8cc3e9a95995ad69 || (_templateObject_dedce7301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-modal-template\n        modal-id=\"hax-cancel\"\n        mode=\"hax-ui\"\n        id=\"dialog\"\n        .title=\"", "\"\n      >\n        <div slot=\"content\">", "</div>\n        <hax-toolbar id=\"hax-cancel-buttons\" always-expanded slot=\"buttons\">\n          <hax-tray-button\n            id=\"hax-cancel-no\"\n            label=\"", "\"\n            dialog-dismiss\n            show-text-label\n          >\n          </hax-tray-button>\n          <hax-tray-button\n            id=\"hax-cancel-yes\"\n            dialog-confirm\n            @click=\"", "\"\n            label=\"", "\"\n            show-text-label\n          >\n          </hax-tray-button>\n        </hax-toolbar>\n      </simple-modal-template>\n    "])), this.t.cancelTitle, this.t.cancelWithoutSaving, this.t.cancelNo, function (e) {
+        return (0, _index.html)(_templateObject_b5c26e301f2611eda0c389891c227ec8 || (_templateObject_b5c26e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-modal-template\n        modal-id=\"hax-cancel\"\n        mode=\"hax-ui\"\n        id=\"dialog\"\n        .title=\"", "\"\n      >\n        <div slot=\"content\">", "</div>\n        <hax-toolbar id=\"hax-cancel-buttons\" always-expanded slot=\"buttons\">\n          <hax-tray-button\n            id=\"hax-cancel-no\"\n            label=\"", "\"\n            dialog-dismiss\n            show-text-label\n          >\n          </hax-tray-button>\n          <hax-tray-button\n            id=\"hax-cancel-yes\"\n            dialog-confirm\n            @click=\"", "\"\n            label=\"", "\"\n            show-text-label\n          >\n          </hax-tray-button>\n        </hax-toolbar>\n      </simple-modal-template>\n    "])), this.t.cancelTitle, this.t.cancelWithoutSaving, this.t.cancelNo, function (e) {
           return console.log(e);
         }, this.t.cancelYes);
       }
@@ -70,7 +70,7 @@ define(["exports", "../../../lit/index.js", "../../simple-modal/lib/simple-modal
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject2_dedce7301f0511ed8cc3e9a95995ad69 || (_templateObject2_dedce7301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n          --simple-modal-resize: none;\n          --simple-modal-width: 200px;\n          --simple-modal-height: auto;\n          margin: 0;\n          padding: 0;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject2_b5c26e301f2611eda0c389891c227ec8 || (_templateObject2_b5c26e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n          --simple-modal-resize: none;\n          --simple-modal-width: 200px;\n          --simple-modal-height: auto;\n          margin: 0;\n          padding: 0;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-behaviors.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-behaviors.js
index 91ce488eb0d..b688f4ac385 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-behaviors.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-behaviors.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-popover/lib/SimpleTour
   });
   _exports.HaxContextBehaviors = void 0;
 
-  var _templateObject_dee217501f0511ed8cc3e9a95995ad69, _templateObject2_dee217501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b5c6b3f01f2611eda0c389891c227ec8, _templateObject2_b5c6b3f01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -58,7 +58,7 @@ define(["exports", "../../../lit/index.js", "../../simple-popover/lib/SimpleTour
       babelHelpers.createClass(_class, [{
         key: "render",
         value: function render() {
-          return (0, _index.html)(_templateObject_dee217501f0511ed8cc3e9a95995ad69 || (_templateObject_dee217501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot></slot> "])));
+          return (0, _index.html)(_templateObject_b5c6b3f01f2611eda0c389891c227ec8 || (_templateObject_b5c6b3f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot></slot> "])));
         }
       }, {
         key: "slotSchema",
@@ -202,7 +202,7 @@ define(["exports", "../../../lit/index.js", "../../simple-popover/lib/SimpleTour
          * LitElement constructable styles enhancement
          */
         function get() {
-          return [(0, _index.css)(_templateObject2_dee217501f0511ed8cc3e9a95995ad69 || (_templateObject2_dee217501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: block;\n            --hax-ui-spacing-sm: 1px;\n            max-width: 100%;\n          }\n          :host [hidden] {\n            display: none;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          :host(.hax-context-pin-top) #toolbar {\n            position: fixed;\n            top: 0px;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index) !important;\n          }\n          .group {\n            padding: 0;\n            background-color: var(--hax-ui-background-color);\n          }\n          hax-toolbar {\n            flex: 0 1 auto;\n          }\n          hax-toolbar::part(morebutton) {\n            border: 1px solid\n              var(\n                --simple-toolbar-group-border-width,\n                var(--simple-toolbar-border-width, 1px)\n              ) !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n          hax-toolbar *[hidden] {\n            display: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject2_b5c6b3f01f2611eda0c389891c227ec8 || (_templateObject2_b5c6b3f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: block;\n            --hax-ui-spacing-sm: 1px;\n            max-width: 100%;\n          }\n          :host [hidden] {\n            display: none;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          :host(.hax-context-pin-top) #toolbar {\n            position: fixed;\n            top: 0px;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index) !important;\n          }\n          .group {\n            padding: 0;\n            background-color: var(--hax-ui-background-color);\n          }\n          hax-toolbar {\n            flex: 0 1 auto;\n          }\n          hax-toolbar::part(morebutton) {\n            border: 1px solid\n              var(\n                --simple-toolbar-group-border-width,\n                var(--simple-toolbar-border-width, 1px)\n              ) !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n          hax-toolbar *[hidden] {\n            display: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n        "])))];
         }
       }, {
         key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-export-dialog.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-export-dialog.js
index 081e8900114..ca7393e3a5d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-export-dialog.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-export-dialog.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-modal/lib/simple-modal
   });
   _exports.HaxExportDialog = void 0;
 
-  var _templateObject_df15d1801f0511ed8cc3e9a95995ad69, _templateObject2_df15d1801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b5fe8cd01f2611eda0c389891c227ec8, _templateObject2_b5fe8cd01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -65,12 +65,12 @@ define(["exports", "../../../lit/index.js", "../../simple-modal/lib/simple-modal
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_df15d1801f0511ed8cc3e9a95995ad69 || (_templateObject_df15d1801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-modal-template\n        modal-id=\"hax-export\"\n        mode=\"hax-ui\"\n        id=\"dialog\"\n        .title=\"", "\"\n      >\n        <hax-view-source slot=\"custom\"></hax-view-source>\n      </simple-modal-template>\n    "])), this.t.viewPageSource);
+        return (0, _index.html)(_templateObject_b5fe8cd01f2611eda0c389891c227ec8 || (_templateObject_b5fe8cd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-modal-template\n        modal-id=\"hax-export\"\n        mode=\"hax-ui\"\n        id=\"dialog\"\n        .title=\"", "\"\n      >\n        <hax-view-source slot=\"custom\"></hax-view-source>\n      </simple-modal-template>\n    "])), this.t.viewPageSource);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject2_df15d1801f0511ed8cc3e9a95995ad69 || (_templateObject2_df15d1801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n          --simple-modal-resize: both;\n          --simple-modal-height: 100vh;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject2_b5fe8cd01f2611eda0c389891c227ec8 || (_templateObject2_b5fe8cd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n          --simple-modal-resize: both;\n          --simple-modal-height: 100vh;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-gizmo-browser.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-gizmo-browser.js
index 2e8b0424698..d24edc1318e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-gizmo-browser.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-gizmo-browser.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-filter/simple-filter.j
   });
   _exports.HaxGizmoBrowser = void 0;
 
-  var _templateObject_df1890a01f0511ed8cc3e9a95995ad69, _templateObject2_df1890a01f0511ed8cc3e9a95995ad69, _templateObject3_df1890a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b60173001f2611eda0c389891c227ec8, _templateObject2_b60173001f2611eda0c389891c227ec8, _templateObject3_b60173001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -45,8 +45,8 @@ define(["exports", "../../../lit/index.js", "../../simple-filter/simple-filter.j
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_df1890a01f0511ed8cc3e9a95995ad69 || (_templateObject_df1890a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"toolbar-inner\" part=\"toolbar\">\n        <simple-fields-field\n          id=\"inputfilter\"\n          @value-changed=\"", "\"\n          aria-controls=\"filter\"\n          label=\"", "\"\n          type=\"text\"\n          auto-validate=\"\"\n          part=\"filter\"\n        ></simple-fields-field>\n      </div>\n      <simple-button-grid columns=\"3\" always-expanded part=\"grid\">\n        ", "\n      </simple-button-grid>\n    "])), this.inputfilterChanged, this.t.filterContentTypes, this.filtered.map(function (gizmo, i) {
-          return (0, _index.html)(_templateObject2_df1890a01f0511ed8cc3e9a95995ad69 || (_templateObject2_df1890a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <hax-tray-button\n              show-text-label\n              voice-command=\"insert ", "\"\n              draggable=\"true\"\n              @dragstart=\"", "\"\n              index=\"", "\"\n              label=\"", "\"\n              event-name=\"insert-tag\"\n              event-data=\"", "\"\n              data-demo-schema=\"true\"\n              icon-position=\"top\"\n              icon=\"", "\"\n              part=\"grid-button\"\n            ></hax-tray-button>\n          "])), gizmo.title, _this2._dragStart, i, gizmo.title, gizmo.tag, gizmo.icon);
+        return (0, _index.html)(_templateObject_b60173001f2611eda0c389891c227ec8 || (_templateObject_b60173001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"toolbar-inner\" part=\"toolbar\">\n        <simple-fields-field\n          id=\"inputfilter\"\n          @value-changed=\"", "\"\n          aria-controls=\"filter\"\n          label=\"", "\"\n          type=\"text\"\n          auto-validate=\"\"\n          part=\"filter\"\n        ></simple-fields-field>\n      </div>\n      <simple-button-grid columns=\"3\" always-expanded part=\"grid\">\n        ", "\n      </simple-button-grid>\n    "])), this.inputfilterChanged, this.t.filterContentTypes, this.filtered.map(function (gizmo, i) {
+          return (0, _index.html)(_templateObject2_b60173001f2611eda0c389891c227ec8 || (_templateObject2_b60173001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <hax-tray-button\n              show-text-label\n              voice-command=\"insert ", "\"\n              draggable=\"true\"\n              @dragstart=\"", "\"\n              index=\"", "\"\n              label=\"", "\"\n              event-name=\"insert-tag\"\n              event-data=\"", "\"\n              data-demo-schema=\"true\"\n              icon-position=\"top\"\n              icon=\"", "\"\n              part=\"grid-button\"\n            ></hax-tray-button>\n          "])), gizmo.title, _this2._dragStart, i, gizmo.title, gizmo.tag, gizmo.icon);
         }));
       }
     }, {
@@ -133,7 +133,7 @@ define(["exports", "../../../lit/index.js", "../../simple-filter/simple-filter.j
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_df1890a01f0511ed8cc3e9a95995ad69 || (_templateObject3_df1890a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          flex: 0 1 auto;\n          overflow-y: auto;\n        }\n        :host > * {\n          max-width: 100%;\n        }\n        .toolbar-inner {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          width: 100%;\n          flex: 0 0 auto;\n        }\n        hax-tray-button::part(button) {\n          font-size: var(hax-ui-font-size-xs);\n        }\n        simple-fields-field {\n          margin-top: 0;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_b60173001f2611eda0c389891c227ec8 || (_templateObject3_b60173001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          flex: 0 1 auto;\n          overflow-y: auto;\n        }\n        :host > * {\n          max-width: 100%;\n        }\n        .toolbar-inner {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          width: 100%;\n          flex: 0 0 auto;\n        }\n        hax-tray-button::part(button) {\n          font-size: var(hax-ui-font-size-xs);\n        }\n        simple-fields-field {\n          margin-top: 0;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-map.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-map.js
index 98586b058a4..69a46fc120d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-map.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-map.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
   });
   _exports.HaxMap = void 0;
 
-  var _templateObject_df2477801f0511ed8cc3e9a95995ad69, _templateObject2_df2477801f0511ed8cc3e9a95995ad69, _templateObject3_df2477801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b60dcf101f2611eda0c389891c227ec8, _templateObject2_b60dcf101f2611eda0c389891c227ec8, _templateObject3_b60dcf101f2611eda0c389891c227ec8;
 
   function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && babelHelpers.instanceof(outerFn.prototype, Generator) ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == babelHelpers.typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
@@ -189,8 +189,8 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_df2477801f0511ed8cc3e9a95995ad69 || (_templateObject_df2477801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <h5>", "</h5>\n      <div class=\"stats\">\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n      </div>\n      <h5>", "</h5>\n      <ul>\n        ", "\n      </ul>\n    "])), this.t.contentStatistics, this.wCount, this.t.words, this.pCount, this.t.paragraphs, this.cCount, this.t.characters, this.bCount, this.t.pageBreaks, this.hCount, this.t.headings, this.eCount, this.t.widgets, this.t.listView, this.indentedElements.map(function (element, index) {
-          return (0, _index.html)(_templateObject2_df2477801f0511ed8cc3e9a95995ad69 || (_templateObject2_df2477801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <li>\n              <hax-toolbar-item\n                align-horizontal=\"left\"\n                class=\"heading-level-", "\"\n                @click=\"", "\"\n                data-index=\"", "\"\n                ?data-active-item=\"", "\"\n                icon=\"", "\"\n                label=\"", "\"\n                show-text-label\n              >\n              </hax-toolbar-item>\n            </li>\n          "])), element.parent || "h1", function (e) {
+        return (0, _index.html)(_templateObject_b60dcf101f2611eda0c389891c227ec8 || (_templateObject_b60dcf101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <h5>", "</h5>\n      <div class=\"stats\">\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n        <div class=\"stat\">\n          <span>", "</span>\n          <span>", "</span>\n        </div>\n      </div>\n      <h5>", "</h5>\n      <ul>\n        ", "\n      </ul>\n    "])), this.t.contentStatistics, this.wCount, this.t.words, this.pCount, this.t.paragraphs, this.cCount, this.t.characters, this.bCount, this.t.pageBreaks, this.hCount, this.t.headings, this.eCount, this.t.widgets, this.t.listView, this.indentedElements.map(function (element, index) {
+          return (0, _index.html)(_templateObject2_b60dcf101f2611eda0c389891c227ec8 || (_templateObject2_b60dcf101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <li>\n              <hax-toolbar-item\n                align-horizontal=\"left\"\n                class=\"heading-level-", "\"\n                @click=\"", "\"\n                data-index=\"", "\"\n                ?data-active-item=\"", "\"\n                icon=\"", "\"\n                label=\"", "\"\n                show-text-label\n              >\n              </hax-toolbar-item>\n            </li>\n          "])), element.parent || "h1", function (e) {
             return _this2.goToItem(index);
           }, index, index === _this2.activeNodeIndex, element.icon, element.name);
         }));
@@ -251,7 +251,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxTrayDetailHeadings), [(0, _index.css)(_templateObject3_df2477801f0511ed8cc3e9a95995ad69 || (_templateObject3_df2477801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .container {\n          text-align: left;\n        }\n        .stats {\n          display: flex;\n          align-items: stretch;\n          flex-wrap: wrap;\n        }\n        .stat {\n          flex: 1 1 auto;\n          text-align: center;\n          border: 1px solid var(--hax-ui-border-color);\n          font-weight: normal;\n          font-size: var(--hax-ui-font-size-xs);\n          line-height: 140%;\n          padding: var(--hax-ui-spacing-sm);\n        }\n        .stat > * {\n          display: block;\n        }\n        .stat *:first-child {\n          font-weight: bold;\n          font-size: 150%;\n        }\n        ul {\n          list-style: none;\n          padding: 0;\n          margin: 0;\n        }\n        ul li {\n          margin: 0;\n          padding: 0;\n        }\n        li > hax-toolbar-item {\n          width: 100%;\n        }\n        hax-toolbar-item[data-active-item]::part(button) {\n          color: var(--hax-ui-color);\n          background-color: var(--hax-ui-background-color-accent);\n          border-color: var(--hax-ui-color-accent);\n        }\n        li > hax-toolbar-item::part(button),\n        li > hax-toolbar-item.heading-level-page-break::part(button),\n        li > hax-toolbar-item[icon=\"hax:h2\"].heading-level-h2::part(button) {\n          width: 100%;\n          margin-left: 0px;\n        }\n        li > hax-toolbar-item.heading-level-h2::part(button),\n        li > hax-toolbar-item[icon=\"hax:h3\"].heading-level-h3::part(button) {\n          width: calc(100% - 26px);\n          margin-left: 26px;\n        }\n        li > hax-toolbar-item.heading-level-h3::part(button),\n        li > hax-toolbar-item[icon=\"hax:h4\"].heading-level-h4::part(button) {\n          width: calc(100% - calc(2 * 26px));\n          margin-left: calc(2 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h4::part(button),\n        li > hax-toolbar-item[icon=\"hax:h5\"].heading-level-h5::part(button) {\n          width: calc(100% - calc(3 * 26px));\n          margin-left: calc(3 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h5::part(button),\n        li > hax-toolbar-item[icon=\"hax:h6\"].heading-level-h6::part(button) {\n          width: calc(100% - calc(4 * 26px));\n          margin-left: calc(4 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h6::part(button) {\n          width: calc(100% - calc(5 * 26px));\n          margin-left: calc(5 * 26px);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxTrayDetailHeadings), [(0, _index.css)(_templateObject3_b60dcf101f2611eda0c389891c227ec8 || (_templateObject3_b60dcf101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .container {\n          text-align: left;\n        }\n        .stats {\n          display: flex;\n          align-items: stretch;\n          flex-wrap: wrap;\n        }\n        .stat {\n          flex: 1 1 auto;\n          text-align: center;\n          border: 1px solid var(--hax-ui-border-color);\n          font-weight: normal;\n          font-size: var(--hax-ui-font-size-xs);\n          line-height: 140%;\n          padding: var(--hax-ui-spacing-sm);\n        }\n        .stat > * {\n          display: block;\n        }\n        .stat *:first-child {\n          font-weight: bold;\n          font-size: 150%;\n        }\n        ul {\n          list-style: none;\n          padding: 0;\n          margin: 0;\n        }\n        ul li {\n          margin: 0;\n          padding: 0;\n        }\n        li > hax-toolbar-item {\n          width: 100%;\n        }\n        hax-toolbar-item[data-active-item]::part(button) {\n          color: var(--hax-ui-color);\n          background-color: var(--hax-ui-background-color-accent);\n          border-color: var(--hax-ui-color-accent);\n        }\n        li > hax-toolbar-item::part(button),\n        li > hax-toolbar-item.heading-level-page-break::part(button),\n        li > hax-toolbar-item[icon=\"hax:h2\"].heading-level-h2::part(button) {\n          width: 100%;\n          margin-left: 0px;\n        }\n        li > hax-toolbar-item.heading-level-h2::part(button),\n        li > hax-toolbar-item[icon=\"hax:h3\"].heading-level-h3::part(button) {\n          width: calc(100% - 26px);\n          margin-left: 26px;\n        }\n        li > hax-toolbar-item.heading-level-h3::part(button),\n        li > hax-toolbar-item[icon=\"hax:h4\"].heading-level-h4::part(button) {\n          width: calc(100% - calc(2 * 26px));\n          margin-left: calc(2 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h4::part(button),\n        li > hax-toolbar-item[icon=\"hax:h5\"].heading-level-h5::part(button) {\n          width: calc(100% - calc(3 * 26px));\n          margin-left: calc(3 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h5::part(button),\n        li > hax-toolbar-item[icon=\"hax:h6\"].heading-level-h6::part(button) {\n          width: calc(100% - calc(4 * 26px));\n          margin-left: calc(4 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h6::part(button) {\n          width: calc(100% - calc(5 * 26px));\n          margin-left: calc(5 * 26px);\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-picker.js
index 8fbd3a393c2..049521c0dec 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-picker.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-toolbar/lib/simple-but
   });
   _exports.HaxPicker = void 0;
 
-  var _templateObject_df2932701f0511ed8cc3e9a95995ad69, _templateObject2_df2932701f0511ed8cc3e9a95995ad69, _templateObject3_df2932701f0511ed8cc3e9a95995ad69, _templateObject4_df2932701f0511ed8cc3e9a95995ad69;
+  var _templateObject_b61262f01f2611eda0c389891c227ec8, _templateObject2_b61262f01f2611eda0c389891c227ec8, _templateObject3_b61262f01f2611eda0c389891c227ec8, _templateObject4_b61262f01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -45,10 +45,10 @@ define(["exports", "../../../lit/index.js", "../../simple-toolbar/lib/simple-but
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_df2932701f0511ed8cc3e9a95995ad69 || (_templateObject_df2932701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <simple-button-grid cols=\"100px\">\n        ", "\n      </simple-button-grid>\n    "])), !!this.keywords ? (0, _index.html)(_templateObject2_df2932701f0511ed8cc3e9a95995ad69 || (_templateObject2_df2932701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"filters\">\n            <simple-icon-button-lite\n              icon=\"editable-table:filter", "\"\n              label=\"Toggle Filters\"\n              tooltip-position=\"right\"\n              @click=\"", "\"\n            >\n            </simple-icon-button-lite>\n            <simple-fields-field\n              ?hidden=\"", "\"\n              id=\"hax-gizmo-filters\"\n              label=\"Filters\"\n              type=\"checkbox\"\n              .options=\"", "\"\n              @value-changed=\"", "\"\n            >\n            </simple-fields-field>\n          </div>"])), !this.filterOn ? "" : "-off", function (e) {
+        return (0, _index.html)(_templateObject_b61262f01f2611eda0c389891c227ec8 || (_templateObject_b61262f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <simple-button-grid cols=\"100px\">\n        ", "\n      </simple-button-grid>\n    "])), !!this.keywords ? (0, _index.html)(_templateObject2_b61262f01f2611eda0c389891c227ec8 || (_templateObject2_b61262f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"filters\">\n            <simple-icon-button-lite\n              icon=\"editable-table:filter", "\"\n              label=\"Toggle Filters\"\n              tooltip-position=\"right\"\n              @click=\"", "\"\n            >\n            </simple-icon-button-lite>\n            <simple-fields-field\n              ?hidden=\"", "\"\n              id=\"hax-gizmo-filters\"\n              label=\"Filters\"\n              type=\"checkbox\"\n              .options=\"", "\"\n              @value-changed=\"", "\"\n            >\n            </simple-fields-field>\n          </div>"])), !this.filterOn ? "" : "-off", function (e) {
           return _this2.filterOn = !_this2.filterOn;
         }, !this.filterOn, this.keywords, this._handleFilters) : "", this.selectionList.map(function (element, index) {
-          return !_this2._isFiltered(element.keywords) ? "" : (0, _index.html)(_templateObject3_df2932701f0511ed8cc3e9a95995ad69 || (_templateObject3_df2932701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <hax-tray-button\n                  show-text-label\n                  id=\"picker-item-", "\"\n                  @click=\"", "\"\n                  data-selected=\"", "\"\n                  ?disabled=\"", "\"\n                  label=\"", "\"\n                  icon=\"", "\"\n                  icon-position=\"top\"\n                ></hax-tray-button>\n              "])), index, _this2._selected, index, _haxStore.HAXStore.activeGizmo && _haxStore.HAXStore.activeGizmo.tag == element.tag, element.title, element.icon);
+          return !_this2._isFiltered(element.keywords) ? "" : (0, _index.html)(_templateObject3_b61262f01f2611eda0c389891c227ec8 || (_templateObject3_b61262f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <hax-tray-button\n                  show-text-label\n                  id=\"picker-item-", "\"\n                  @click=\"", "\"\n                  data-selected=\"", "\"\n                  ?disabled=\"", "\"\n                  label=\"", "\"\n                  icon=\"", "\"\n                  icon-position=\"top\"\n                ></hax-tray-button>\n              "])), index, _this2._selected, index, _haxStore.HAXStore.activeGizmo && _haxStore.HAXStore.activeGizmo.tag == element.tag, element.title, element.icon);
         }));
       }
     }, {
@@ -198,7 +198,7 @@ define(["exports", "../../../lit/index.js", "../../simple-toolbar/lib/simple-but
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject4_df2932701f0511ed8cc3e9a95995ad69 || (_templateObject4_df2932701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        simple-button-grid {\n          overflow-y: auto;\n          margin: var(--hax-ui-spacing-sm);\n          --simple-button-grid-cols: 100px;\n        }\n        #filters {\n          min-height: 24px;\n        }\n        simple-icon-button-lite {\n          float: right;\n          margin-left: -24px;\n        }\n        simple-fields-field::part(fieldset-legend) {\n          line-height: 24px;\n        }\n        simple-fields-field::part(fieldset-options) {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n        }\n        simple-fields-field::part(option) {\n          display: flex;\n          flex-wrap: no-wrap;\n          align-items: center;\n          justify-content: space-between;\n          margin: 0 var(--simple-fields-margin-small, 8px);\n          flex-direction: row-reverse;\n        }\n        simple-fields-field::part(option-inner) {\n          flex: 0 0 auto;\n          margin: 0 calc(var(--simple-fields-margin-small, 8px) * 0.5) 0 0;\n        }\n        simple-fields-field::part(option-label) {\n          flex: 1 1 auto;\n          margin: 0;\n          font-size: var(--hax-ui-font-size-sm, 13px);\n        }\n        :host([filter-on]) simple-button-grid {\n          margin-bottom: var(--simple-fields-margin-small, 8px);\n        }\n        :host([filter-on]) #hax-gizmo-filters {\n          margin-bottom: 0;\n        }\n        :host([filter-on]) ::part(fieldset-options) {\n          padding-bottom: var(--simple-fields-margin-small, 8px);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject4_b61262f01f2611eda0c389891c227ec8 || (_templateObject4_b61262f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        simple-button-grid {\n          overflow-y: auto;\n          margin: var(--hax-ui-spacing-sm);\n          --simple-button-grid-cols: 100px;\n        }\n        #filters {\n          min-height: 24px;\n        }\n        simple-icon-button-lite {\n          float: right;\n          margin-left: -24px;\n        }\n        simple-fields-field::part(fieldset-legend) {\n          line-height: 24px;\n        }\n        simple-fields-field::part(fieldset-options) {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n        }\n        simple-fields-field::part(option) {\n          display: flex;\n          flex-wrap: no-wrap;\n          align-items: center;\n          justify-content: space-between;\n          margin: 0 var(--simple-fields-margin-small, 8px);\n          flex-direction: row-reverse;\n        }\n        simple-fields-field::part(option-inner) {\n          flex: 0 0 auto;\n          margin: 0 calc(var(--simple-fields-margin-small, 8px) * 0.5) 0 0;\n        }\n        simple-fields-field::part(option-label) {\n          flex: 1 1 auto;\n          margin: 0;\n          font-size: var(--hax-ui-font-size-sm, 13px);\n        }\n        :host([filter-on]) simple-button-grid {\n          margin-bottom: var(--simple-fields-margin-small, 8px);\n        }\n        :host([filter-on]) #hax-gizmo-filters {\n          margin-bottom: 0;\n        }\n        :host([filter-on]) ::part(fieldset-options) {\n          padding-bottom: var(--simple-fields-margin-small, 8px);\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-plate-context.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-plate-context.js
index 4c5ff735ef3..a97821ce870 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-plate-context.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-plate-context.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./hax-toolbar.js", "../../simple-to
   });
   _exports.HaxPlateContext = void 0;
 
-  var _templateObject_df3938001f0511ed8cc3e9a95995ad69, _templateObject2_df3938001f0511ed8cc3e9a95995ad69, _templateObject3_df3938001f0511ed8cc3e9a95995ad69, _templateObject4_df3938001f0511ed8cc3e9a95995ad69, _templateObject5_df3938001f0511ed8cc3e9a95995ad69, _templateObject6_df3938001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b6228f901f2611eda0c389891c227ec8, _templateObject2_b6228f901f2611eda0c389891c227ec8, _templateObject3_b6228f901f2611eda0c389891c227ec8, _templateObject4_b6228f901f2611eda0c389891c227ec8, _templateObject5_b6228f901f2611eda0c389891c227ec8, _templateObject6_b6228f901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -88,11 +88,11 @@ define(["exports", "../../../lit/index.js", "./hax-toolbar.js", "../../simple-to
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_df3938001f0511ed8cc3e9a95995ad69 || (_templateObject_df3938001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <hax-toolbar always-expanded>\n        <div class=\"group\">\n          <hax-toolbar-menu\n            ?disabled=\"", "\"\n            id=\"drag\"\n            action\n            icon=\"hax:arrow-all\"\n            label=\"", "\"\n            draggable=\"true\"\n            reset-on-select\n            data-simple-tour-stop\n            data-stop-title=\"label\"\n            ?hidden=\"", "\"\n          >\n            <simple-toolbar-menu-item slot=\"menuitem\">\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                ?disabled=\"", "\"\n                show-text-label\n                role=\"menuitem\"\n                icon=\"hax:keyboard-arrow-up\"\n                label=\"", "\"\n                event-name=\"hax-plate-up\"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item slot=\"menuitem\">\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                ?disabled=\"", "\"\n                role=\"menuitem\"\n                show-text-label\n                icon=\"hax:keyboard-arrow-down\"\n                label=\"", "\"\n                event-name=\"hax-plate-down\"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            ", "\n            <div slot=\"tour\" data-stop-content>\n              Click the drag handle once to show a menu to just move up or down\n              one item in the content OR click and drag to place the item\n              exactly where you want it to go.\n            </div>\n          </hax-toolbar-menu>\n          <hax-toolbar-menu\n            action\n            align-horizontal=\"left\"\n            ?disabled=\"", "\"\n            icon=\"hax:select-element\"\n            label=\"", "\"\n          >\n            <simple-toolbar-menu-item slot=\"menuitem\">\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                ?hidden=\"", "\"\n                .icon=\"", "\"\n                label=\"", "\"\n                event-name=\"hax-select-grid\"\n                .eventData=\"", "\"\n                role=\"menuitem\"\n                show-text-label\n              >\n              </hax-context-item>\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                ?disabled=\"", "\"\n                ?hidden=\"", "\"\n                .icon=\"", "\"\n                label=\"", "\"\n                event-name=\"hax-select-grid\"\n                .eventData=\"", "\"\n                role=\"menuitem\"\n                show-text-label\n              >\n              </hax-context-item>\n            </simple-toolbar-menu-item>\n            ", "\n            \n          </hax-toolbar-menu>\n          <slot name=\"primary\"></slot>\n          <hax-toolbar-menu\n            icon=\"add-box\"\n            label=\"", "\"\n            ?disabled=\"", "\"\n          >\n            <simple-toolbar-menu-item slot=\"menuitem\">\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                show-text-label\n                role=\"menuitem\"\n                ?disabled=\"", "\"\n                icon=\"hardware:keyboard-arrow-up\"\n                event-name=\"insert-above-active\"\n                label=\"", "\"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item slot=\"menuitem\">\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                show-text-label\n                role=\"menuitem\"\n                icon=\"hardware:keyboard-arrow-down\"\n                event-name=\"insert-below-active\"\n                label=\"", "\"\n                ?disabled=\"", "\"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            ", "\n          </hax-toolbar-menu>\n          <hax-context-item\n            action\n            ?disabled=\"", "\"\n            label=\"", "\"\n            icon=\"icons:content-copy\"\n            event-name=\"hax-plate-duplicate\"\n            data-simple-tour-stop\n            data-stop-title=\"label\"\n          >\n            <div slot=\"tour\" data-stop-content>\n              Duplicate the active piece of content and place it below the\n              current item.\n            </div>\n          </hax-context-item>\n        </div>\n        <hax-context-item\n          action\n          icon=\"delete\"\n          ?disabled=\"", "\"\n          icon=\"delete\"\n          label=\"", "\"\n          event-name=\"hax-plate-delete\"\n          data-simple-tour-stop\n          data-stop-title=\"label\"\n      >\n          <div slot=\"tour\" data-stop-content>\n            Delete the current item. You can always use the undo arrow to\n            bring this back.\n          </div>\n        </hax-context-item>\n          <hax-context-item\n            action\n            id=\"right\"\n            class=\"paddle\"\n            icon=\"hax:table-column-remove\"\n            label=\"", "\"\n            ?disabled=\"", "\"\n            event-name=\"hax-plate-create-right\"\n            data-simple-tour-stop\n            data-stop-title=\"label\"\n          >\n            <div slot=\"tour\" data-stop-content>\n              Add a column to split the current column into two pieces. This can\n              be done up to six pieces columns. For differnet layouts see Grid\n              settings panel.\n            </div>\n          </hax-context-item>\n          <hax-context-item\n            action\n            class=\"paddle\"\n            icon=\"hax:table-column-plus-after\"\n            label=\"", "\"\n            ?disabled=\"", "\"\n            event-name=\"hax-plate-remove-right\"\n            ?hidden=\"", "\"\n            id=\"rightremove\"\n            data-simple-tour-stop\n            data-stop-title=\"label\"\n          >\n            <div slot=\"tour\" data-stop-content>\n              Remove a column from the split column layout. If at two columns\n              and removing it will remove the layout split and make it 100%\n              width.\n            </div>\n          </hax-context-item>\n          ", "\n          <slot name=\"secondary\"></slot>\n        </div>\n        <div class=\"group\">\n          <hax-context-item\n            action\n            more\n            label=\"", "...\"\n            tooltip=\"", ", ", "\"\n            ?disabled=\"", "\"\n            event-name=\"hax-transform-node\"\n          ></hax-context-item>\n            <hax-context-item\n              action\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              event-name=\"hax-edit-element-toggle\"\n              .eventData=\"", "\"\n              toggles\n              ?toggled=\"", "\"\n            ></hax-context-item>\n          <hax-context-item\n            action\n            icon=\"icons:code\"\n            label=\"", "\"\n            ?disabled=\"", "\"\n            event-name=\"hax-source-view-toggle\"\n            toggles\n            ?toggled=\"", "\"\n          ></hax-context-item>\n          <slot name=\"more\"></slot>\n          <hax-context-item\n            icon=\"build\"\n            action\n            align-horizontal=\"left\"\n            ?disabled=\"", "\"\n            label=\"", "\"\n            data-simple-tour-stop\n            data-stop-title=\"label\"\n            event-name=\"content-edit\"\n            toggles\n            ?toggled=\"", "\"\n          >\n            <div slot=\"tour\" data-stop-content>\n              Opens the Edit panel for more advanced settings.\n            </div>\n          </hax-context-item>\n        </div>\n      </hax-toolbar>\n    "])), this.hasActiveEditingElement || !this.canMoveElement || this.viewSource, this.t.dragHandle, !this.canMoveElement, this.hasActiveEditingElement, this.t.moveUp, this.hasActiveEditingElement, this.t.moveDown, !this.activeNode || !this.activeNode.parentNode || !_haxStore.HAXStore.isLayoutElement(this.activeNode.parentNode) ? "" : (this.slottedItems || []).map(function (slot, i) {
-          return (0, _index.html)(_templateObject2_df3938001f0511ed8cc3e9a95995ad69 || (_templateObject2_df3938001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <simple-toolbar-menu-item\n                          slot=\"menuitem\"\n                          class=\"move-to-slot ", "\"\n                        >\n                          <hax-context-item\n                            action\n                            align-horizontal=\"left\"\n                            ?disabled=\"", "\"\n                            label=\"", "\"\n                            event-name=\"move-to-slot\"\n                            data-slot=\"", "\"\n                            role=\"menuitem\"\n                            show-text-label\n                          >\n                          </hax-context-item>\n                        </simple-toolbar-menu-item>\n                      "])), i < 1 ? "first-slot" : "", _this2.viewSource, slot.label, slot.slot);
+        return (0, _index.html)(_templateObject_b6228f901f2611eda0c389891c227ec8 || (_templateObject_b6228f901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <hax-toolbar always-expanded>\n        <div class=\"group\">\n          <hax-toolbar-menu\n            ?disabled=\"", "\"\n            id=\"drag\"\n            action\n            icon=\"hax:arrow-all\"\n            label=\"", "\"\n            draggable=\"true\"\n            reset-on-select\n            data-simple-tour-stop\n            data-stop-title=\"label\"\n            ?hidden=\"", "\"\n          >\n            <simple-toolbar-menu-item slot=\"menuitem\">\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                ?disabled=\"", "\"\n                show-text-label\n                role=\"menuitem\"\n                icon=\"hax:keyboard-arrow-up\"\n                label=\"", "\"\n                event-name=\"hax-plate-up\"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item slot=\"menuitem\">\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                ?disabled=\"", "\"\n                role=\"menuitem\"\n                show-text-label\n                icon=\"hax:keyboard-arrow-down\"\n                label=\"", "\"\n                event-name=\"hax-plate-down\"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            ", "\n            <div slot=\"tour\" data-stop-content>\n              Click the drag handle once to show a menu to just move up or down\n              one item in the content OR click and drag to place the item\n              exactly where you want it to go.\n            </div>\n          </hax-toolbar-menu>\n          <hax-toolbar-menu\n            action\n            align-horizontal=\"left\"\n            ?disabled=\"", "\"\n            icon=\"hax:select-element\"\n            label=\"", "\"\n          >\n            <simple-toolbar-menu-item slot=\"menuitem\">\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                ?hidden=\"", "\"\n                .icon=\"", "\"\n                label=\"", "\"\n                event-name=\"hax-select-grid\"\n                .eventData=\"", "\"\n                role=\"menuitem\"\n                show-text-label\n              >\n              </hax-context-item>\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                ?disabled=\"", "\"\n                ?hidden=\"", "\"\n                .icon=\"", "\"\n                label=\"", "\"\n                event-name=\"hax-select-grid\"\n                .eventData=\"", "\"\n                role=\"menuitem\"\n                show-text-label\n              >\n              </hax-context-item>\n            </simple-toolbar-menu-item>\n            ", "\n            \n          </hax-toolbar-menu>\n          <slot name=\"primary\"></slot>\n          <hax-toolbar-menu\n            icon=\"add-box\"\n            label=\"", "\"\n            ?disabled=\"", "\"\n          >\n            <simple-toolbar-menu-item slot=\"menuitem\">\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                show-text-label\n                role=\"menuitem\"\n                ?disabled=\"", "\"\n                icon=\"hardware:keyboard-arrow-up\"\n                event-name=\"insert-above-active\"\n                label=\"", "\"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item slot=\"menuitem\">\n              <hax-context-item\n                action\n                align-horizontal=\"left\"\n                show-text-label\n                role=\"menuitem\"\n                icon=\"hardware:keyboard-arrow-down\"\n                event-name=\"insert-below-active\"\n                label=\"", "\"\n                ?disabled=\"", "\"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            ", "\n          </hax-toolbar-menu>\n          <hax-context-item\n            action\n            ?disabled=\"", "\"\n            label=\"", "\"\n            icon=\"icons:content-copy\"\n            event-name=\"hax-plate-duplicate\"\n            data-simple-tour-stop\n            data-stop-title=\"label\"\n          >\n            <div slot=\"tour\" data-stop-content>\n              Duplicate the active piece of content and place it below the\n              current item.\n            </div>\n          </hax-context-item>\n        </div>\n        <hax-context-item\n          action\n          icon=\"delete\"\n          ?disabled=\"", "\"\n          icon=\"delete\"\n          label=\"", "\"\n          event-name=\"hax-plate-delete\"\n          data-simple-tour-stop\n          data-stop-title=\"label\"\n      >\n          <div slot=\"tour\" data-stop-content>\n            Delete the current item. You can always use the undo arrow to\n            bring this back.\n          </div>\n        </hax-context-item>\n          <hax-context-item\n            action\n            id=\"right\"\n            class=\"paddle\"\n            icon=\"hax:table-column-remove\"\n            label=\"", "\"\n            ?disabled=\"", "\"\n            event-name=\"hax-plate-create-right\"\n            data-simple-tour-stop\n            data-stop-title=\"label\"\n          >\n            <div slot=\"tour\" data-stop-content>\n              Add a column to split the current column into two pieces. This can\n              be done up to six pieces columns. For differnet layouts see Grid\n              settings panel.\n            </div>\n          </hax-context-item>\n          <hax-context-item\n            action\n            class=\"paddle\"\n            icon=\"hax:table-column-plus-after\"\n            label=\"", "\"\n            ?disabled=\"", "\"\n            event-name=\"hax-plate-remove-right\"\n            ?hidden=\"", "\"\n            id=\"rightremove\"\n            data-simple-tour-stop\n            data-stop-title=\"label\"\n          >\n            <div slot=\"tour\" data-stop-content>\n              Remove a column from the split column layout. If at two columns\n              and removing it will remove the layout split and make it 100%\n              width.\n            </div>\n          </hax-context-item>\n          ", "\n          <slot name=\"secondary\"></slot>\n        </div>\n        <div class=\"group\">\n          <hax-context-item\n            action\n            more\n            label=\"", "...\"\n            tooltip=\"", ", ", "\"\n            ?disabled=\"", "\"\n            event-name=\"hax-transform-node\"\n          ></hax-context-item>\n            <hax-context-item\n              action\n              label=\"", "\"\n              ?disabled=\"", "\"\n              ?hidden=\"", "\"\n              event-name=\"hax-edit-element-toggle\"\n              .eventData=\"", "\"\n              toggles\n              ?toggled=\"", "\"\n            ></hax-context-item>\n          <hax-context-item\n            action\n            icon=\"icons:code\"\n            label=\"", "\"\n            ?disabled=\"", "\"\n            event-name=\"hax-source-view-toggle\"\n            toggles\n            ?toggled=\"", "\"\n          ></hax-context-item>\n          <slot name=\"more\"></slot>\n          <hax-context-item\n            icon=\"build\"\n            action\n            align-horizontal=\"left\"\n            ?disabled=\"", "\"\n            label=\"", "\"\n            data-simple-tour-stop\n            data-stop-title=\"label\"\n            event-name=\"content-edit\"\n            toggles\n            ?toggled=\"", "\"\n          >\n            <div slot=\"tour\" data-stop-content>\n              Opens the Edit panel for more advanced settings.\n            </div>\n          </hax-context-item>\n        </div>\n      </hax-toolbar>\n    "])), this.hasActiveEditingElement || !this.canMoveElement || this.viewSource, this.t.dragHandle, !this.canMoveElement, this.hasActiveEditingElement, this.t.moveUp, this.hasActiveEditingElement, this.t.moveDown, !this.activeNode || !this.activeNode.parentNode || !_haxStore.HAXStore.isLayoutElement(this.activeNode.parentNode) ? "" : (this.slottedItems || []).map(function (slot, i) {
+          return (0, _index.html)(_templateObject2_b6228f901f2611eda0c389891c227ec8 || (_templateObject2_b6228f901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <simple-toolbar-menu-item\n                          slot=\"menuitem\"\n                          class=\"move-to-slot ", "\"\n                        >\n                          <hax-context-item\n                            action\n                            align-horizontal=\"left\"\n                            ?disabled=\"", "\"\n                            label=\"", "\"\n                            event-name=\"move-to-slot\"\n                            data-slot=\"", "\"\n                            role=\"menuitem\"\n                            show-text-label\n                          >\n                          </hax-context-item>\n                        </simple-toolbar-menu-item>\n                      "])), i < 1 ? "first-slot" : "", _this2.viewSource, slot.label, slot.slot);
         }), this.viewSource || this.disableOps, this.t.selectLayout, !this.layoutParent || this.activeNode !== this.layoutElement, this.elementIcon(this.layoutParent), this.elementLabel(this.layoutParent), this.layoutParent, this.activeNode === this.layoutElement, !this.layoutElement, this.elementIcon(this.layoutElement), this.elementLabel(this.layoutElement), this.layoutElement, (this.slottedItems || []).map(function (slot, i) {
           return (slot.items || []).map(function (item, j) {
-            return (0, _index.html)(_templateObject3_df3938001f0511ed8cc3e9a95995ad69 || (_templateObject3_df3938001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <simple-toolbar-menu-item\n                      slot=\"menuitem\"\n                      class=\"hax-select-grid-item ", "\"\n                    >\n                      <hax-context-item\n                        action\n                        align-horizontal=\"left\"\n                        ?disabled=\"", "\"\n                        label=\"", "", "\"\n                        event-name=\"hax-select-grid-item\"\n                        .eventData=\"", "\"\n                        role=\"menuitem\"\n                        show-text-label\n                      >\n                      </hax-context-item>\n                    </simple-toolbar-menu-item>\n                  "])), i < 1 && j < 1 ? "first-slot" : "", _this2.viewSource || _this2.activeNode === item, slot.title || slot.id, slot.items.length > 1 ? " (".concat(j + 1, ")") : "", {
+            return (0, _index.html)(_templateObject3_b6228f901f2611eda0c389891c227ec8 || (_templateObject3_b6228f901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <simple-toolbar-menu-item\n                      slot=\"menuitem\"\n                      class=\"hax-select-grid-item ", "\"\n                    >\n                      <hax-context-item\n                        action\n                        align-horizontal=\"left\"\n                        ?disabled=\"", "\"\n                        label=\"", "", "\"\n                        event-name=\"hax-select-grid-item\"\n                        .eventData=\"", "\"\n                        role=\"menuitem\"\n                        show-text-label\n                      >\n                      </hax-context-item>\n                    </simple-toolbar-menu-item>\n                  "])), i < 1 && j < 1 ? "first-slot" : "", _this2.viewSource || _this2.activeNode === item, slot.title || slot.id, slot.items.length > 1 ? " (".concat(j + 1, ")") : "", {
               target: item,
               grid: slot.grid,
               slot: slot.slot,
@@ -101,9 +101,9 @@ define(["exports", "../../../lit/index.js", "./hax-toolbar.js", "../../simple-to
             });
           });
         }), this.t.insertItemAboveOrBelow, this.viewSource, !this.insertAbove, this.t.insertItemAbove, this.t.insertItemBelow, this.viewSource, !_haxStore.HAXStore.isLayoutElement(this.activeNode) ? "" : (this.slottedItems || []).map(function (slot, i) {
-          return (0, _index.html)(_templateObject4_df3938001f0511ed8cc3e9a95995ad69 || (_templateObject4_df3938001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <simple-toolbar-menu-item\n                          slot=\"menuitem\"\n                          class=\"insert-into-active ", "\"\n                        >\n                          <hax-context-item\n                            action\n                            align-horizontal=\"left\"\n                            ?disabled=\"", "\"\n                            label=\"", "\"\n                            event-name=\"insert-into-active\"\n                            data-slot=\"", "\"\n                            role=\"menuitem\"\n                            show-text-label\n                          >\n                          </hax-context-item>\n                        </simple-toolbar-menu-item>\n                      "])), i < 1 ? "first-slot" : "", _this2.viewSource, slot.label, slot.slot);
+          return (0, _index.html)(_templateObject4_b6228f901f2611eda0c389891c227ec8 || (_templateObject4_b6228f901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <simple-toolbar-menu-item\n                          slot=\"menuitem\"\n                          class=\"insert-into-active ", "\"\n                        >\n                          <hax-context-item\n                            action\n                            align-horizontal=\"left\"\n                            ?disabled=\"", "\"\n                            label=\"", "\"\n                            event-name=\"insert-into-active\"\n                            data-slot=\"", "\"\n                            role=\"menuitem\"\n                            show-text-label\n                          >\n                          </hax-context-item>\n                        </simple-toolbar-menu-item>\n                      "])), i < 1 ? "first-slot" : "", _this2.viewSource, slot.label, slot.slot);
         }), this.hasActiveEditingElement || this.viewSource || this.disableOps || this.disableDuplicate, this.t.duplicate, this.hasActiveEditingElement || this.viewSource || this.disableOps, this.t.remove, this.t.addColumn, this.hasActiveEditingElement || this.viewSource || this.disableOps, this.t.removeColumn, this.hasActiveEditingElement || this.viewSource || this.disableOps, !this.activeNode || _haxStore.HAXStore.isOriginalGridPlate(this.activeNode), this.ceButtons.map(function (el) {
-          return (0, _index.html)(_templateObject5_df3938001f0511ed8cc3e9a95995ad69 || (_templateObject5_df3938001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <hax-context-item\n              action\n              icon=\"", "\"\n              label=\"", "\"\n              event-name=\"hax-ce-custom-button\"\n              value=\"", "\"\n              ?disabled=\"", "\"\n            ></hax-context-item>"])), el.icon, el.label, el.callback, el.disabled || _this2.disableItemOps);
+          return (0, _index.html)(_templateObject5_b6228f901f2611eda0c389891c227ec8 || (_templateObject5_b6228f901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <hax-context-item\n              action\n              icon=\"", "\"\n              label=\"", "\"\n              event-name=\"hax-ce-custom-button\"\n              value=\"", "\"\n              ?disabled=\"", "\"\n            ></hax-context-item>"])), el.icon, el.label, el.callback, el.disabled || _this2.disableItemOps);
         }), this.t.changeTo, this.activeTagName, this.t.clickToChange, this.disableTransform || this.viewSource || this.disableOps, this.t.editElement, this.viewSource || this.disableOps, !this.editElementProperty, {
           target: this.activeNode,
           editMode: this.editElementProperty
@@ -374,7 +374,7 @@ define(["exports", "../../../lit/index.js", "./hax-toolbar.js", "../../simple-to
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxPlateContext), "styles", this)), [(0, _index.css)(_templateObject6_df3938001f0511ed8cc3e9a95995ad69 || (_templateObject6_df3938001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          width: calc(100% - 2px);\n          align-items: stretch;\n        }\n        hax-toolbar::part(morebutton) {\n          --simple-toolbar-button-color: var(--hax-ui-color);\n          --simple-toolbar-button-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-border-color: var(--hax-ui-border-color);\n          --simple-toolbar-button-border-width: 1px;\n          --simple-toolbar-button-hover-color: var(--hax-ui-color);\n          --simple-toolbar-button-hover-bg: var(\n            --hax-ui-background-color-secondary\n          );\n          --simple-toolbar-button-toggled-color: var(--hax-ui-color-accent);\n          --simple-toolbar-button-toggled-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-toggled-border-color: var(\n            --hax-ui-color-accent\n          );\n          --simple-toolbar-button-disabled-opacity: 1;\n          --simple-toolbar-button-disabled-color: var(--hax-ui-disabled-color);\n          --simple-toolbar-button-disabled-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-disabled-border-color: unset;\n          --simple-toolbar-border-radius: 0;\n          align-self: flex-end;\n          justify-self: stretch;\n          margin: 0px -2px 0px 2px;\n        }\n        #remove {\n          max-width: 44px;\n          overflow: visible;\n        }\n        hax-toolbar {\n          max-width: calc(100% - 2px);\n          display: flex;\n          align-items: stretch;\n          justify-content: flex-start;\n        }\n        .group {\n          display: flex;\n          align-items: stretch;\n          flex: 0 0 auto;\n          justify-content: center;\n          border: 1px solid var(--rich-text-editor-border-color, #ddd);\n          padding: 0;\n          border-width: 1px;\n          margin: -1px;\n        }\n        .group,\n        .group > * {\n          z-index: 1;\n        }\n        .group:empty {\n          display: none;\n        }\n        .group > *,\n        :host([collapsed]) .group {\n          flex: 0 0 auto;\n        }\n        .group *:not([toggled])::part(button) {\n          border-color: transparent;\n        }\n        :host .group:focus,\n        :host .group:focus-within,\n        :host .group > *:focus,\n        :host .group > *:focus-within {\n          z-index: 2;\n        }\n        :host .group:hover,\n        :host .group > *:hover {\n          z-index: 3;\n        }\n        .first-slot:not(:first-child) {\n          border-top: 1px solid black;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxPlateContext), "styles", this)), [(0, _index.css)(_templateObject6_b6228f901f2611eda0c389891c227ec8 || (_templateObject6_b6228f901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          width: calc(100% - 2px);\n          align-items: stretch;\n        }\n        hax-toolbar::part(morebutton) {\n          --simple-toolbar-button-color: var(--hax-ui-color);\n          --simple-toolbar-button-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-border-color: var(--hax-ui-border-color);\n          --simple-toolbar-button-border-width: 1px;\n          --simple-toolbar-button-hover-color: var(--hax-ui-color);\n          --simple-toolbar-button-hover-bg: var(\n            --hax-ui-background-color-secondary\n          );\n          --simple-toolbar-button-toggled-color: var(--hax-ui-color-accent);\n          --simple-toolbar-button-toggled-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-toggled-border-color: var(\n            --hax-ui-color-accent\n          );\n          --simple-toolbar-button-disabled-opacity: 1;\n          --simple-toolbar-button-disabled-color: var(--hax-ui-disabled-color);\n          --simple-toolbar-button-disabled-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-disabled-border-color: unset;\n          --simple-toolbar-border-radius: 0;\n          align-self: flex-end;\n          justify-self: stretch;\n          margin: 0px -2px 0px 2px;\n        }\n        #remove {\n          max-width: 44px;\n          overflow: visible;\n        }\n        hax-toolbar {\n          max-width: calc(100% - 2px);\n          display: flex;\n          align-items: stretch;\n          justify-content: flex-start;\n        }\n        .group {\n          display: flex;\n          align-items: stretch;\n          flex: 0 0 auto;\n          justify-content: center;\n          border: 1px solid var(--rich-text-editor-border-color, #ddd);\n          padding: 0;\n          border-width: 1px;\n          margin: -1px;\n        }\n        .group,\n        .group > * {\n          z-index: 1;\n        }\n        .group:empty {\n          display: none;\n        }\n        .group > *,\n        :host([collapsed]) .group {\n          flex: 0 0 auto;\n        }\n        .group *:not([toggled])::part(button) {\n          border-color: transparent;\n        }\n        :host .group:focus,\n        :host .group:focus-within,\n        :host .group > *:focus,\n        :host .group > *:focus-within {\n          z-index: 2;\n        }\n        :host .group:hover,\n        :host .group > *:hover {\n          z-index: 3;\n        }\n        .first-slot:not(:first-child) {\n          border-top: 1px solid black;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-preferences-dialog.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-preferences-dialog.js
index a83b7738b97..ce6a935d937 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-preferences-dialog.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-preferences-dialog.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../hax-body-behaviors/lib/HAXFie
   });
   _exports.HaxPreferencesDialog = void 0;
 
-  var _templateObject_df3ce1801f0511ed8cc3e9a95995ad69, _templateObject2_df3ce1801f0511ed8cc3e9a95995ad69, _templateObject3_df3ce1801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b62687301f2611eda0c389891c227ec8, _templateObject2_b62687301f2611eda0c389891c227ec8, _templateObject3_b62687301f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -126,7 +126,7 @@ define(["exports", "../../../lit/index.js", "../../hax-body-behaviors/lib/HAXFie
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_df3ce1801f0511ed8cc3e9a95995ad69 || (_templateObject_df3ce1801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div style=\"height: 100%; overflow: auto;\" class=\"pref-container\">\n        <simple-fields\n          id=\"settingsform\"\n          .schematizer=\"", "\"\n          .elementizer=\"", "\"\n        >\n        </simple-fields>\n      </div>\n      <hr />\n      <br />\n      ", "\n    "])), _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer, !this.hideLink ? (0, _index.html)(_templateObject2_df3ce1801f0511ed8cc3e9a95995ad69 || (_templateObject2_df3ce1801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<a\n            href=\"https://haxtheweb.org/\"\n            rel=\"noopener\"\n            id=\"link\"\n            target=\"_blank\"\n            part=\"haxlink\"\n            ><simple-icon-lite icon=\"hax:hax2022\"></simple-icon-lite> ", "</a\n          >"])), this.t.learnAboutHAXTheWeb) : "");
+        return (0, _index.html)(_templateObject_b62687301f2611eda0c389891c227ec8 || (_templateObject_b62687301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div style=\"height: 100%; overflow: auto;\" class=\"pref-container\">\n        <simple-fields\n          id=\"settingsform\"\n          .schematizer=\"", "\"\n          .elementizer=\"", "\"\n        >\n        </simple-fields>\n      </div>\n      <hr />\n      <br />\n      ", "\n    "])), _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer, !this.hideLink ? (0, _index.html)(_templateObject2_b62687301f2611eda0c389891c227ec8 || (_templateObject2_b62687301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<a\n            href=\"https://haxtheweb.org/\"\n            rel=\"noopener\"\n            id=\"link\"\n            target=\"_blank\"\n            part=\"haxlink\"\n            ><simple-icon-lite icon=\"hax:hax2022\"></simple-icon-lite> ", "</a\n          >"])), this.t.learnAboutHAXTheWeb) : "");
       }
     }, {
       key: "firstUpdated",
@@ -159,7 +159,7 @@ define(["exports", "../../../lit/index.js", "../../hax-body-behaviors/lib/HAXFie
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject3_df3ce1801f0511ed8cc3e9a95995ad69 || (_templateObject3_df3ce1801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .pref-container {\n          text-align: left;\n        }\n        simple-icon-lite {\n          --simple-icon-height: 36px;\n          --simple-icon-width: 36px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_b62687301f2611eda0c389891c227ec8 || (_templateObject3_b62687301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .pref-container {\n          text-align: left;\n        }\n        simple-icon-lite {\n          --simple-icon-height: 36px;\n          --simple-icon-width: 36px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-browser.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-browser.js
index e090a86c86c..235bdff6850 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-browser.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-browser.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-toolbar/lib/simple-but
   });
   _exports.HaxStaxBrowser = void 0;
 
-  var _templateObject_df3edd501f0511ed8cc3e9a95995ad69, _templateObject2_df3edd501f0511ed8cc3e9a95995ad69, _templateObject3_df3edd501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b627e6c01f2611eda0c389891c227ec8, _templateObject2_b627e6c01f2611eda0c389891c227ec8, _templateObject3_b627e6c01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -36,14 +36,14 @@ define(["exports", "../../../lit/index.js", "../../simple-toolbar/lib/simple-but
     babelHelpers.createClass(HaxStaxBrowser, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_df3edd501f0511ed8cc3e9a95995ad69 || (_templateObject_df3edd501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-button-grid columns=\"3\" rows=\"1\" always-expanded>\n        ", "\n      </simple-button-grid>\n    "])), this.staxList.map(function (stax) {
-          return (0, _index.html)(_templateObject2_df3edd501f0511ed8cc3e9a95995ad69 || (_templateObject2_df3edd501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <hax-tray-button\n              icon-position=\"top\"\n              show-text-label\n              index=\"", "\"\n              label=\"", "\"\n              .stax=\"", "\"\n              icon=\"hax:templates\"\n              color=\"green\"\n              event-name=\"insert-stax\"\n            ></hax-tray-button>\n          "])), stax.index, stax.details.title, stax.stax);
+        return (0, _index.html)(_templateObject_b627e6c01f2611eda0c389891c227ec8 || (_templateObject_b627e6c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-button-grid columns=\"3\" rows=\"1\" always-expanded>\n        ", "\n      </simple-button-grid>\n    "])), this.staxList.map(function (stax) {
+          return (0, _index.html)(_templateObject2_b627e6c01f2611eda0c389891c227ec8 || (_templateObject2_b627e6c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <hax-tray-button\n              icon-position=\"top\"\n              show-text-label\n              index=\"", "\"\n              label=\"", "\"\n              .stax=\"", "\"\n              icon=\"hax:templates\"\n              color=\"green\"\n              event-name=\"insert-stax\"\n            ></hax-tray-button>\n          "])), stax.index, stax.details.title, stax.stax);
         }));
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_df3edd501f0511ed8cc3e9a95995ad69 || (_templateObject3_df3edd501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          flex: 0 0 auto;\n          overflow-y: auto;\n        }\n        simple-button-grid {\n          overflow: auto;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_b627e6c01f2611eda0c389891c227ec8 || (_templateObject3_b627e6c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          flex: 0 0 auto;\n          overflow-y: auto;\n        }\n        simple-button-grid {\n          overflow: auto;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-store.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-store.js
index d101455ce39..8f193cd6c4e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-store.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-store.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "../../simple-pop
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_df938d001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b67b36e01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -604,7 +604,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "../../simple-pop
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_df938d001f0511ed8cc3e9a95995ad69 || (_templateObject_df938d001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+        return (0, _index.html)(_templateObject_b67b36e01f2611eda0c389891c227ec8 || (_templateObject_b67b36e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
       }
       /**
        * convention
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-text-editor-toolbar.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-text-editor-toolbar.js
index 46778aee4c5..1ebeaa15b3c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-text-editor-toolbar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-text-editor-toolbar.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../rich-text-editor/lib/toolbars
   });
   _exports.HaxTextEditorToolbar = void 0;
 
-  var _templateObject_dfa4a4001f0511ed8cc3e9a95995ad69, _templateObject2_dfa4a4001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b68b15601f2611eda0c389891c227ec8, _templateObject2_b68b15601f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -104,7 +104,7 @@ define(["exports", "../../../lit/index.js", "../../rich-text-editor/lib/toolbars
     babelHelpers.createClass(HaxTextEditorToolbar, [{
       key: "tourTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject_dfa4a4001f0511ed8cc3e9a95995ad69 || (_templateObject_dfa4a4001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div slot=\"tour\" data-stop-content>\n      ", "\n    </div>"])), this.t.textEditorToolbarTour);
+        return (0, _index.html)(_templateObject_b68b15601f2611eda0c389891c227ec8 || (_templateObject_b68b15601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div slot=\"tour\" data-stop-content>\n      ", "\n    </div>"])), this.t.textEditorToolbarTour);
       } // render function
 
     }, {
@@ -744,7 +744,7 @@ define(["exports", "../../../lit/index.js", "../../rich-text-editor/lib/toolbars
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxTextEditorToolbar), "baseStyles", this)), babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxTextEditorToolbar), "stickyStyles", this)), [(0, _index.css)(_templateObject2_dfa4a4001f0511ed8cc3e9a95995ad69 || (_templateObject2_dfa4a4001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --rich-text-editor-button-color: var(--hax-ui-color);\n          --rich-text-editor-button-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-border-color: transparent;\n          --rich-text-editor-button-hover-color: var(--hax-ui-color);\n          --rich-text-editor-button-hover-bg: var(\n            --hax-ui-background-color-secondary\n          );\n          --rich-text-editor-button-toggled-color: var(--hax-ui-color-accent);\n          --rich-text-editor-button-toggled-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-toggled-border-color: var(\n            --hax-ui-color-accent\n          );\n          --rich-text-editor-button-disabled-opacity: 1;\n          --rich-text-editor-button-disabled-color: var(\n            --hax-ui-disabled-color\n          );\n          --rich-text-editor-button-disabled-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-disabled-border-color: transparent;\n        }\n        #morebutton {\n          align-self: flex-end;\n        }\n        ::slotted([icon-position]:hover) {\n          --rich-text-editor-button-toggled-bg: var(\n            --hax-ui-background-color-accent\n          );\n        }\n        ::slotted(.group) {\n          flex: 0 0 auto;\n          justify-content: center;\n          border-width: 1px;\n          margin: -1px;\n          padding: 0px;\n        }\n        ::slotted(.group),\n        ::slotted([icon-position]) {\n          z-index: 1;\n        }\n        ::slotted([icon-position]),\n        :host([collapsed]) ::slotted(.group) {\n          flex: 0 0 auto;\n        }\n        :host ::slotted(*:focus),\n        :host ::slotted(*:focus-within) {\n          z-index: 2 !important;\n        }\n        :host ::slotted(*:hover) {\n          z-index: 3 !important;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxTextEditorToolbar), "baseStyles", this)), babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxTextEditorToolbar), "stickyStyles", this)), [(0, _index.css)(_templateObject2_b68b15601f2611eda0c389891c227ec8 || (_templateObject2_b68b15601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --rich-text-editor-button-color: var(--hax-ui-color);\n          --rich-text-editor-button-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-border-color: transparent;\n          --rich-text-editor-button-hover-color: var(--hax-ui-color);\n          --rich-text-editor-button-hover-bg: var(\n            --hax-ui-background-color-secondary\n          );\n          --rich-text-editor-button-toggled-color: var(--hax-ui-color-accent);\n          --rich-text-editor-button-toggled-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-toggled-border-color: var(\n            --hax-ui-color-accent\n          );\n          --rich-text-editor-button-disabled-opacity: 1;\n          --rich-text-editor-button-disabled-color: var(\n            --hax-ui-disabled-color\n          );\n          --rich-text-editor-button-disabled-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-disabled-border-color: transparent;\n        }\n        #morebutton {\n          align-self: flex-end;\n        }\n        ::slotted([icon-position]:hover) {\n          --rich-text-editor-button-toggled-bg: var(\n            --hax-ui-background-color-accent\n          );\n        }\n        ::slotted(.group) {\n          flex: 0 0 auto;\n          justify-content: center;\n          border-width: 1px;\n          margin: -1px;\n          padding: 0px;\n        }\n        ::slotted(.group),\n        ::slotted([icon-position]) {\n          z-index: 1;\n        }\n        ::slotted([icon-position]),\n        :host([collapsed]) ::slotted(.group) {\n          flex: 0 0 auto;\n        }\n        :host ::slotted(*:focus),\n        :host ::slotted(*:focus-within) {\n          z-index: 2 !important;\n        }\n        :host ::slotted(*:hover) {\n          z-index: 3 !important;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar-item.js
index 3e5f254b37e..4bb2438076e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar-item.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-toolbar/lib/simple-too
   });
   _exports.HaxToolbarItemBehaviors = _exports.HaxToolbarItem = void 0;
 
-  var _templateObject_dfaa49501f0511ed8cc3e9a95995ad69, _templateObject2_dfaa49501f0511ed8cc3e9a95995ad69, _templateObject3_dfaa49501f0511ed8cc3e9a95995ad69, _templateObject4_dfaa49501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b690bab01f2611eda0c389891c227ec8, _templateObject2_b690bab01f2611eda0c389891c227ec8, _templateObject3_b690bab01f2611eda0c389891c227ec8, _templateObject4_b690bab01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -42,7 +42,7 @@ define(["exports", "../../../lit/index.js", "../../simple-toolbar/lib/simple-too
          * @readonly
          */
         function get() {
-          return this.radio ? (0, _index.html)(_templateObject_dfaa49501f0511ed8cc3e9a95995ad69 || (_templateObject_dfaa49501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              aria-checked=\"", "\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keydown=\"", "\"\n              @mousedown=\"", "\"\n              role=\"radio\"\n              part=\"button\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), this.isToggled ? "true" : "false", this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleMousedown, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate) : this.toggles ? (0, _index.html)(_templateObject2_dfaa49501f0511ed8cc3e9a95995ad69 || (_templateObject2_dfaa49501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              aria-pressed=\"", "\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keydown=\"", "\"\n              @mousedown=\"", "\"\n              part=\"button\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), this.isToggled ? "true" : "false", this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleMousedown, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate) : (0, _index.html)(_templateObject3_dfaa49501f0511ed8cc3e9a95995ad69 || (_templateObject3_dfaa49501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keydown=\"", "\"\n              @mousedown=\"", "\"\n              tabindex=\"0\"\n              part=\"button\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleMousedown, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate);
+          return this.radio ? (0, _index.html)(_templateObject_b690bab01f2611eda0c389891c227ec8 || (_templateObject_b690bab01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              aria-checked=\"", "\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keydown=\"", "\"\n              @mousedown=\"", "\"\n              role=\"radio\"\n              part=\"button\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), this.isToggled ? "true" : "false", this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleMousedown, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate) : this.toggles ? (0, _index.html)(_templateObject2_b690bab01f2611eda0c389891c227ec8 || (_templateObject2_b690bab01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              aria-pressed=\"", "\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keydown=\"", "\"\n              @mousedown=\"", "\"\n              part=\"button\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), this.isToggled ? "true" : "false", this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleMousedown, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate) : (0, _index.html)(_templateObject3_b690bab01f2611eda0c389891c227ec8 || (_templateObject3_b690bab01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keydown=\"", "\"\n              @mousedown=\"", "\"\n              tabindex=\"0\"\n              part=\"button\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleMousedown, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate);
         }
       }, {
         key: "_handleClick",
@@ -122,7 +122,7 @@ define(["exports", "../../../lit/index.js", "../../simple-toolbar/lib/simple-too
       }, {
         key: "styles",
         get: function get() {
-          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), [(0, _index.css)(_templateObject4_dfaa49501f0511ed8cc3e9a95995ad69 || (_templateObject4_dfaa49501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index, 1001) !important;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), [(0, _index.css)(_templateObject4_b690bab01f2611eda0c389891c227ec8 || (_templateObject4_b690bab01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index, 1001) !important;\n          }\n        "])))]);
         }
       }]);
       return _class;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar-menu.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar-menu.js
index 1e10136fa0e..cdbec83ffb8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar-menu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar-menu.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-toolbar/lib/simple-too
   });
   _exports.HaxToolbarMenu = void 0;
 
-  var _templateObject_dfac45201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b692dd901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -59,7 +59,7 @@ define(["exports", "../../../lit/index.js", "../../simple-toolbar/lib/simple-too
     }, {
       key: "simpleButtonCoreStyles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxToolbarMenu), "simpleButtonCoreStyles", this)), [(0, _index.css)(_templateObject_dfac45201f0511ed8cc3e9a95995ad69 || (_templateObject_dfac45201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        ::slotted([slot=\"menuitem\"]) {\n          --simple-toolbar-button-justify: flex-start;\n          --simple-toolbar-button-label-white-space: nowrap;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxToolbarMenu), "simpleButtonCoreStyles", this)), [(0, _index.css)(_templateObject_b692dd901f2611eda0c389891c227ec8 || (_templateObject_b692dd901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        ::slotted([slot=\"menuitem\"]) {\n          --simple-toolbar-button-justify: flex-start;\n          --simple-toolbar-button-label-white-space: nowrap;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar.js
index 5e9a0385d0d..b17319faa5f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-toolbar.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./hax-toolbar-item.js", "./hax-cont
   });
   _exports.HaxToolbarBehaviors = _exports.HaxToolbar = void 0;
 
-  var _templateObject_dfae68001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b69575a01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -39,7 +39,7 @@ define(["exports", "../../../lit/index.js", "./hax-toolbar-item.js", "./hax-cont
          * LitElement constructable styles enhancement
          */
         function get() {
-          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), [(0, _index.css)(_templateObject_dfae68001f0511ed8cc3e9a95995ad69 || (_templateObject_dfae68001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            --hax-ui-border-radius: 0px;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          ::slotted(*) {\n            pointer-events: all;\n          }\n          ::slotted(.group) {\n            border: none;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), [(0, _index.css)(_templateObject_b69575a01f2611eda0c389891c227ec8 || (_templateObject_b69575a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            --hax-ui-border-radius: 0px;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          ::slotted(*) {\n            pointer-events: all;\n          }\n          ::slotted(.group) {\n            border: none;\n          }\n        "])))]);
         }
       }, {
         key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-tray.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-tray.js
index b746a9a5597..e5c53114c84 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-tray.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-tray.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../utils/utils.js", "../../hax-b
   });
   _exports.HaxTray = void 0;
 
-  var _templateObject_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject2_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject3_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject4_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject5_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject6_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject7_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject8_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject9_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject10_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject11_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject12_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject13_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject14_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject15_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject16_dfd9e4d01f0511ed8cc3e9a95995ad69, _templateObject17_dfd9e4d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b6c02f201f2611eda0c389891c227ec8, _templateObject2_b6c02f201f2611eda0c389891c227ec8, _templateObject3_b6c02f201f2611eda0c389891c227ec8, _templateObject4_b6c02f201f2611eda0c389891c227ec8, _templateObject5_b6c02f201f2611eda0c389891c227ec8, _templateObject6_b6c02f201f2611eda0c389891c227ec8, _templateObject7_b6c02f201f2611eda0c389891c227ec8, _templateObject8_b6c02f201f2611eda0c389891c227ec8, _templateObject9_b6c02f201f2611eda0c389891c227ec8, _templateObject10_b6c02f201f2611eda0c389891c227ec8, _templateObject11_b6c02f201f2611eda0c389891c227ec8, _templateObject12_b6c02f201f2611eda0c389891c227ec8, _templateObject13_b6c02f201f2611eda0c389891c227ec8, _templateObject14_b6c02f201f2611eda0c389891c227ec8, _templateObject15_b6c02f201f2611eda0c389891c227ec8, _templateObject16_b6c02f201f2611eda0c389891c227ec8, _templateObject17_b6c02f201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -170,84 +170,84 @@ define(["exports", "../../../lit/index.js", "../../utils/utils.js", "../../hax-b
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <div class=\"wrapper ", "\">\n        ", "\n        <div class=\"detail\">\n          <loading-indicator\n            ?loading=\"", "\"\n          ></loading-indicator>\n          ", "\n        </div>\n      </div>\n    "])), this.panelOpsTemplate, this.trayStatus, this.menuToolbarTemplate, !this.appStoreLoaded, this.trayDetailTemplate);
+        return (0, _index.html)(_templateObject_b6c02f201f2611eda0c389891c227ec8 || (_templateObject_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <div class=\"wrapper ", "\">\n        ", "\n        <div class=\"detail\">\n          <loading-indicator\n            ?loading=\"", "\"\n          ></loading-indicator>\n          ", "\n        </div>\n      </div>\n    "])), this.panelOpsTemplate, this.trayStatus, this.menuToolbarTemplate, !this.appStoreLoaded, this.trayDetailTemplate);
       }
     }, {
       key: "panelOpsTemplate",
       get: function get() {
-        return this.hidePanelOps ? "" : (0, _index.html)(_templateObject2_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject2_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <hax-tray-button\n            large\n            voice-command=\"edit page\"\n            .data-opened=\"", "\"\n            @click=\"", "\"\n            icon=\"create\"\n            id=\"button\"\n            feature\n            show-text-label\n            show-tooltip\n            label=\"", "\"\n          ></hax-tray-button>\n        "])), this.editMode, this._clickEditButton, this.editMode ? this.t.save : this.t.edit);
+        return this.hidePanelOps ? "" : (0, _index.html)(_templateObject2_b6c02f201f2611eda0c389891c227ec8 || (_templateObject2_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <hax-tray-button\n            large\n            voice-command=\"edit page\"\n            .data-opened=\"", "\"\n            @click=\"", "\"\n            icon=\"create\"\n            id=\"button\"\n            feature\n            show-text-label\n            show-tooltip\n            label=\"", "\"\n          ></hax-tray-button>\n        "])), this.editMode, this._clickEditButton, this.editMode ? this.t.save : this.t.edit);
       }
     }, {
       key: "toolbarsTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject3_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject3_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "", ""])), this.opsToolbarTemplate, this.trayToolbarTemplate);
+        return (0, _index.html)(_templateObject3_b6c02f201f2611eda0c389891c227ec8 || (_templateObject3_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "", ""])), this.opsToolbarTemplate, this.trayToolbarTemplate);
       }
     }, {
       key: "menuToolbarTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject4_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject4_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"menubar\" class=\"collapse-menu\">\n      ", " ", " ", "\n      <slot name=\"tray-buttons-pre\"></slot>\n      ", "", "\n    </div>"])), this.saveButtons, this.doButtons, this.contentButtons, this.moreButtons, this.menuButtons);
+        return (0, _index.html)(_templateObject4_b6c02f201f2611eda0c389891c227ec8 || (_templateObject4_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"menubar\" class=\"collapse-menu\">\n      ", " ", " ", "\n      <slot name=\"tray-buttons-pre\"></slot>\n      ", "", "\n    </div>"])), this.saveButtons, this.doButtons, this.contentButtons, this.moreButtons, this.menuButtons);
       }
     }, {
       key: "menuButtons",
       get: function get() {
-        return (0, _index.html)(_templateObject5_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject5_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <hax-tray-button\n          show-text-label\n          show-tooltip\n          align-horizontal=\"", "\"\n          id=\"haxMenuAlign\"\n          event-name=\"toggle-element-align\"\n          icon=\"arrow-", "\"\n          label=\"", "\"\n          index=\"", "\"\n          tooltip=\"", " ", "\"\n        >\n        </hax-tray-button>\n    </div>\n    "])), this.collapsed ? "left" : "center", this.elementAlign == "left" ? "forward" : "back", this.elementAlign == "left" ? this.t.menuRight : this.t.menuLeft, this.elementAlign == "left" ? "1" : "0", this.t.moveMenu, this.elementAlign == "left" ? this.t.right : this.t.left);
+        return (0, _index.html)(_templateObject5_b6c02f201f2611eda0c389891c227ec8 || (_templateObject5_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <hax-tray-button\n          show-text-label\n          show-tooltip\n          align-horizontal=\"", "\"\n          id=\"haxMenuAlign\"\n          event-name=\"toggle-element-align\"\n          icon=\"arrow-", "\"\n          label=\"", "\"\n          index=\"", "\"\n          tooltip=\"", " ", "\"\n        >\n        </hax-tray-button>\n    </div>\n    "])), this.collapsed ? "left" : "center", this.elementAlign == "left" ? "forward" : "back", this.elementAlign == "left" ? this.t.menuRight : this.t.menuLeft, this.elementAlign == "left" ? "1" : "0", this.t.moveMenu, this.elementAlign == "left" ? this.t.right : this.t.left);
       }
     }, {
       key: "saveButtons",
       get: function get() {
-        return this.hidePanelOps ? "" : (0, _index.html)(_templateObject6_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject6_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <hax-tray-button\n            @click=\"", "\"\n            icon=\"save\"\n            icon-position=\"left\"\n            id=\"haxsavebutton\"\n            label=\"", "\"\n            event-name=\"save\"\n            voice-command=\"save page\"\n            show-text-label\n            show-tooltip\n            align-horizontal=\"", "\"\n          ></hax-tray-button>\n          <hax-tray-button\n            icon=\"cancel\"\n            id=\"haxcancelbutton\"\n            label=\"", "\"\n            icon-position=\"left\"\n            show-text-label\n            show-tooltip\n            align-horizontal=\"", "\"\n          ></hax-tray-button>\n        "])), this._clickSaveButton, this.editMode ? this.t.save : this.t.edit, this.collapsed ? "left" : "center", this.t.cancel, this.collapsed ? "left" : "center");
+        return this.hidePanelOps ? "" : (0, _index.html)(_templateObject6_b6c02f201f2611eda0c389891c227ec8 || (_templateObject6_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <hax-tray-button\n            @click=\"", "\"\n            icon=\"save\"\n            icon-position=\"left\"\n            id=\"haxsavebutton\"\n            label=\"", "\"\n            event-name=\"save\"\n            voice-command=\"save page\"\n            show-text-label\n            show-tooltip\n            align-horizontal=\"", "\"\n          ></hax-tray-button>\n          <hax-tray-button\n            icon=\"cancel\"\n            id=\"haxcancelbutton\"\n            label=\"", "\"\n            icon-position=\"left\"\n            show-text-label\n            show-tooltip\n            align-horizontal=\"", "\"\n          ></hax-tray-button>\n        "])), this._clickSaveButton, this.editMode ? this.t.save : this.t.edit, this.collapsed ? "left" : "center", this.t.cancel, this.collapsed ? "left" : "center");
       }
     }, {
       key: "doButtons",
       get: function get() {
-        return (0, _index.html)(_templateObject7_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject7_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <hax-tray-button\n        icon=\"icons:undo\"\n        ?disabled=\"", "\"\n        label=\"", "\"\n        event-name=\"undo\"\n        voice-command=\"undo\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div slot=\"tour\" data-stop-content>\n          Undo the previous operation in the content, whether typing or adding a\n          widget.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        icon=\"icons:redo\"\n        ?disabled=\"", "\"\n        label=\"", "\"\n        event-name=\"redo\"\n        voice-command=\"redo\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div slot=\"tour\" data-stop-content>\n          Redo the last action that you hit Undo on.\n        </div>\n      </hax-tray-button>"])), !this.canUndo, this.t.undo, this.collapsed ? "left" : "center", !this.canRedo, this.t.redo, this.collapsed ? "left" : "center");
+        return (0, _index.html)(_templateObject7_b6c02f201f2611eda0c389891c227ec8 || (_templateObject7_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <hax-tray-button\n        icon=\"icons:undo\"\n        ?disabled=\"", "\"\n        label=\"", "\"\n        event-name=\"undo\"\n        voice-command=\"undo\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div slot=\"tour\" data-stop-content>\n          Undo the previous operation in the content, whether typing or adding a\n          widget.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        icon=\"icons:redo\"\n        ?disabled=\"", "\"\n        label=\"", "\"\n        event-name=\"redo\"\n        voice-command=\"redo\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div slot=\"tour\" data-stop-content>\n          Redo the last action that you hit Undo on.\n        </div>\n      </hax-tray-button>"])), !this.canUndo, this.t.undo, this.collapsed ? "left" : "center", !this.canRedo, this.t.redo, this.collapsed ? "left" : "center");
       }
     }, {
       key: "contentButtons",
       get: function get() {
-        return (0, _index.html)(_templateObject8_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject8_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <hax-tray-button\n        event-name=\"content-add\"\n        icon=\"add-box\"\n        id=\"content-add\"\n        label=\"", "\"\n        voice-command=\"select blocks (menu)\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        controls=\"tray-detail\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div slot=\"tour\" data-stop-content>\n          When you want to add any content to the page from text, to images, to\n          anything more advanced; you can always find items to add under the Add\n          content menu. Click to expand, then either drag and drop items into\n          the page or click and have them placed near whatever you are actively\n          working on.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name=\"media-add\"\n        icon=\"image:collections\"\n        id=\"media-add\"\n        label=\"", "\"\n        voice-command=\"select media (menu)\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        controls=\"tray-detail\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div slot=\"tour\" data-stop-content>\n          Search for media and content anywhere that your copy of HAX has access\n          to. Pick what to search, perform the search and then click or drag the\n          item into the contnet.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name=\"content-edit\"\n        icon=\"build\"\n        id=\"content-edit\"\n        label=\"", "\"\n        ?disabled=\"", "\"\n        voice-command=\"(modify)(configure)(edit) selected\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        controls=\"tray-detail\"\n        tooltip=\"", " ", "\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div slot=\"tour\" data-stop-content>\n          When you want to add any content to the page from text, to images, to\n          anything more advanced; you can always find items to add under the Add\n          content menu. Click to expand, then either drag and drop items into\n          the page or click and have them placed near whatever you are actively\n          working on.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name=\"content-map\"\n        icon=\"icons:toc\"\n        id=\"content-map\"\n        label=\"", "\"\n        voice-command=\"select structure (menu)\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        controls=\"tray-detail\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div data-stop-content>\n          This is a simple list of all the block areas of the page that are\n          clickable to jump through items quickly as well as review some simple\n          overview stats.\n        </div>\n      </hax-tray-button>"])), this.t.blocks, !this.collapsed && this.trayDetail === "content-add", this.collapsed ? "left" : "center", this.t.media, !this.collapsed && this.trayDetail === "media-add", this.collapsed ? "left" : "center", this.t.edit, !this.activeTagName || this.activeTagName == "" || !this.activeNode || !this.activeNode.tagName, this.t.editSelected, this.activeTagName, !this.collapsed && this.trayDetail === "content-edit", this.collapsed ? "left" : "center", this.t.structure, !this.collapsed && this.trayDetail === "content-map", this.collapsed ? "left" : "center");
+        return (0, _index.html)(_templateObject8_b6c02f201f2611eda0c389891c227ec8 || (_templateObject8_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <hax-tray-button\n        event-name=\"content-add\"\n        icon=\"add-box\"\n        id=\"content-add\"\n        label=\"", "\"\n        voice-command=\"select blocks (menu)\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        controls=\"tray-detail\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div slot=\"tour\" data-stop-content>\n          When you want to add any content to the page from text, to images, to\n          anything more advanced; you can always find items to add under the Add\n          content menu. Click to expand, then either drag and drop items into\n          the page or click and have them placed near whatever you are actively\n          working on.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name=\"media-add\"\n        icon=\"image:collections\"\n        id=\"media-add\"\n        label=\"", "\"\n        voice-command=\"select media (menu)\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        controls=\"tray-detail\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div slot=\"tour\" data-stop-content>\n          Search for media and content anywhere that your copy of HAX has access\n          to. Pick what to search, perform the search and then click or drag the\n          item into the contnet.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name=\"content-edit\"\n        icon=\"build\"\n        id=\"content-edit\"\n        label=\"", "\"\n        ?disabled=\"", "\"\n        voice-command=\"(modify)(configure)(edit) selected\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        controls=\"tray-detail\"\n        tooltip=\"", " ", "\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div slot=\"tour\" data-stop-content>\n          When you want to add any content to the page from text, to images, to\n          anything more advanced; you can always find items to add under the Add\n          content menu. Click to expand, then either drag and drop items into\n          the page or click and have them placed near whatever you are actively\n          working on.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name=\"content-map\"\n        icon=\"icons:toc\"\n        id=\"content-map\"\n        label=\"", "\"\n        voice-command=\"select structure (menu)\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        controls=\"tray-detail\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div data-stop-content>\n          This is a simple list of all the block areas of the page that are\n          clickable to jump through items quickly as well as review some simple\n          overview stats.\n        </div>\n      </hax-tray-button>"])), this.t.blocks, !this.collapsed && this.trayDetail === "content-add", this.collapsed ? "left" : "center", this.t.media, !this.collapsed && this.trayDetail === "media-add", this.collapsed ? "left" : "center", this.t.edit, !this.activeTagName || this.activeTagName == "" || !this.activeNode || !this.activeNode.tagName, this.t.editSelected, this.activeTagName, !this.collapsed && this.trayDetail === "content-edit", this.collapsed ? "left" : "center", this.t.structure, !this.collapsed && this.trayDetail === "content-map", this.collapsed ? "left" : "center");
       }
     }, {
       key: "moreButtons",
       get: function get() {
-        return (0, _index.html)(_templateObject9_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject9_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<hax-tray-button\n        id=\"exportbtn\"\n        icon=\"code\"\n        label=\"", "\"\n        event-name=\"view-source\"\n        voice-command=\"view (page) source\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div data-stop-content>\n          Every change you make in HAX is ultimately writing HTML. Know HTML?\n          Awesome, pop open the source view and make any changes you like. HTML\n          is always behind the scenes ensuring that content is portable, well\n          formatted and easy to read.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        ?hidden=\"", "\"\n        id=\"advanced-settings\"\n        event-name=\"advanced-settings\"\n        icon=\"settings\"\n        label=\"", "\"\n        voice-command=\"select settings (menu)\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        controls=\"tray-detail\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div data-stop-content>User preferences for customizing HAX</div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name=\"", "\"\n        icon=\"help\"\n        label=\"", "\"\n        voice-command=\"start tour\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      ></hax-tray-button> "])), this.t.source, this.collapsed ? "left" : "center", this.hidePreferencesButton, this.t.settings, !this.collapsed && this.trayDetail === "advanced-settings", this.collapsed ? "left" : "center", this.tourOpened ? "stop-tour" : "start-tour", this.t.takeATour, !this.collapsed && this.tourOpened, this.collapsed ? "left" : "center");
+        return (0, _index.html)(_templateObject9_b6c02f201f2611eda0c389891c227ec8 || (_templateObject9_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<hax-tray-button\n        id=\"exportbtn\"\n        icon=\"code\"\n        label=\"", "\"\n        event-name=\"view-source\"\n        voice-command=\"view (page) source\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div data-stop-content>\n          Every change you make in HAX is ultimately writing HTML. Know HTML?\n          Awesome, pop open the source view and make any changes you like. HTML\n          is always behind the scenes ensuring that content is portable, well\n          formatted and easy to read.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        ?hidden=\"", "\"\n        id=\"advanced-settings\"\n        event-name=\"advanced-settings\"\n        icon=\"settings\"\n        label=\"", "\"\n        voice-command=\"select settings (menu)\"\n        data-simple-tour-stop\n        data-stop-title=\"label\"\n        controls=\"tray-detail\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      >\n        <div data-stop-content>User preferences for customizing HAX</div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name=\"", "\"\n        icon=\"help\"\n        label=\"", "\"\n        voice-command=\"start tour\"\n        toggles\n        ?toggled=\"", "\"\n        icon-position=\"left\"\n        show-text-label\n        show-tooltip\n        align-horizontal=\"", "\"\n      ></hax-tray-button> "])), this.t.source, this.collapsed ? "left" : "center", this.hidePreferencesButton, this.t.settings, !this.collapsed && this.trayDetail === "advanced-settings", this.collapsed ? "left" : "center", this.tourOpened ? "stop-tour" : "start-tour", this.t.takeATour, !this.collapsed && this.tourOpened, this.collapsed ? "left" : "center");
       }
     }, {
       key: "trayDetailTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject10_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject10_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div\n      id=\"tray-detail\"\n      aria-live=\"polite\"\n      aria-disabled=\"", "\"\n      tabindex=\"", "\"\n      selected-detail=\"", "\"\n    >\n      <div class=\"tray-detail-titlebar\">\n        <h4>\n          ", "\n        </h4>\n        <hax-tray-button\n          voice-command=\"collapse menu\"\n          id=\"toggle-tray-size\"\n          event-name=\"toggle-tray-size\"\n          icon=\"close\"\n          label=\"", "\"\n        >\n        </hax-tray-button>\n      </div>\n      ", " ", "\n      ", " ", "\n      ", " ", "\n    </div>"])), this.collapsed ? "true" : "false", this.collapsed ? "-1" : "0", this.trayDetail, this.trayLabel || "".concat(this.t.editSelected, " ").concat(this.activeTagName), this.t.close, this.viewSourceTemplate, this.advancedSettingsTemplate, this.contentMapTemplate, this.contentEditTemplate, this.contentAddTemplate, this.mediaTemplate);
+        return (0, _index.html)(_templateObject10_b6c02f201f2611eda0c389891c227ec8 || (_templateObject10_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div\n      id=\"tray-detail\"\n      aria-live=\"polite\"\n      aria-disabled=\"", "\"\n      tabindex=\"", "\"\n      selected-detail=\"", "\"\n    >\n      <div class=\"tray-detail-titlebar\">\n        <h4>\n          ", "\n        </h4>\n        <hax-tray-button\n          voice-command=\"collapse menu\"\n          id=\"toggle-tray-size\"\n          event-name=\"toggle-tray-size\"\n          icon=\"close\"\n          label=\"", "\"\n        >\n        </hax-tray-button>\n      </div>\n      ", " ", "\n      ", " ", "\n      ", " ", "\n    </div>"])), this.collapsed ? "true" : "false", this.collapsed ? "-1" : "0", this.trayDetail, this.trayLabel || "".concat(this.t.editSelected, " ").concat(this.activeTagName), this.t.close, this.viewSourceTemplate, this.advancedSettingsTemplate, this.contentMapTemplate, this.contentEditTemplate, this.contentAddTemplate, this.mediaTemplate);
       }
     }, {
       key: "viewSourceTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject11_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject11_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <hax-view-source\n      id=\"view-source\"\n      ?hidden=\"", "\"\n    ></hax-view-source>"])), this.trayDetail !== "view-source");
+        return (0, _index.html)(_templateObject11_b6c02f201f2611eda0c389891c227ec8 || (_templateObject11_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <hax-view-source\n      id=\"view-source\"\n      ?hidden=\"", "\"\n    ></hax-view-source>"])), this.trayDetail !== "view-source");
       }
     }, {
       key: "advancedSettingsTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject12_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject12_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <hax-preferences-dialog\n      ?hidden=\"", "\"\n    ></hax-preferences-dialog>"])), this.trayDetail !== "advanced-settings");
+        return (0, _index.html)(_templateObject12_b6c02f201f2611eda0c389891c227ec8 || (_templateObject12_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <hax-preferences-dialog\n      ?hidden=\"", "\"\n    ></hax-preferences-dialog>"])), this.trayDetail !== "advanced-settings");
       }
     }, {
       key: "contentEditTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject13_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject13_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-fields\n      id=\"settingsform\"\n      disable-responsive\n      code-theme=\"", "\"\n      ?hidden=\"", "\"\n    ></simple-fields>"])), this.haxUiTheme == "system" ? "auto" : this.haxUiTheme == "haxdark" ? "vs-dark" : "vs", this.trayDetail !== "content-edit");
+        return (0, _index.html)(_templateObject13_b6c02f201f2611eda0c389891c227ec8 || (_templateObject13_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-fields\n      id=\"settingsform\"\n      disable-responsive\n      code-theme=\"", "\"\n      ?hidden=\"", "\"\n    ></simple-fields>"])), this.haxUiTheme == "system" ? "auto" : this.haxUiTheme == "haxdark" ? "vs-dark" : "vs", this.trayDetail !== "content-edit");
       }
     }, {
       key: "contentAddTemplate",
       get: function get() {
         var hidden = this.trayDetail !== "content-add";
-        return (0, _index.html)(_templateObject14_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject14_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <hax-gizmo-browser\n        id=\"gizmobrowser\"\n        ?hidden=\"", "\"\n      ></hax-gizmo-browser>\n      <h5 ?hidden=\"", "\">", "</h5>\n      <hax-stax-browser\n        id=\"staxbrowser\"\n        ?hidden=\"", "\"\n      ></hax-stax-browser>"])), hidden, hidden, this.t.templates, hidden);
+        return (0, _index.html)(_templateObject14_b6c02f201f2611eda0c389891c227ec8 || (_templateObject14_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <hax-gizmo-browser\n        id=\"gizmobrowser\"\n        ?hidden=\"", "\"\n      ></hax-gizmo-browser>\n      <h5 ?hidden=\"", "\">", "</h5>\n      <hax-stax-browser\n        id=\"staxbrowser\"\n        ?hidden=\"", "\"\n      ></hax-stax-browser>"])), hidden, hidden, this.t.templates, hidden);
       }
     }, {
       key: "contentMapTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject15_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject15_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<hax-map\n      controls=\"content-map\"\n      ?hidden=\"", "\"\n    ></hax-map>"])), this.trayDetail !== "content-map");
+        return (0, _index.html)(_templateObject15_b6c02f201f2611eda0c389891c227ec8 || (_templateObject15_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<hax-map\n      controls=\"content-map\"\n      ?hidden=\"", "\"\n    ></hax-map>"])), this.trayDetail !== "content-map");
       }
     }, {
       key: "mediaTemplate",
       get: function get() {
         var hidden = this.trayDetail !== "media-add";
-        return (0, _index.html)(_templateObject16_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject16_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <hax-tray-upload ?hidden=\"", "\"></hax-tray-upload>\n      <h5 ?hidden=\"", "\">", "</h5>\n      <hax-app-browser id=\"appbrowser\" ?hidden=\"", "\"></hax-app-browser>"])), hidden, hidden, this.t.search, hidden);
+        return (0, _index.html)(_templateObject16_b6c02f201f2611eda0c389891c227ec8 || (_templateObject16_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <hax-tray-upload ?hidden=\"", "\"></hax-tray-upload>\n      <h5 ?hidden=\"", "\">", "</h5>\n      <hax-app-browser id=\"appbrowser\" ?hidden=\"", "\"></hax-app-browser>"])), hidden, hidden, this.t.search, hidden);
       }
     }, {
       key: "__simpleFieldsClick",
@@ -1165,7 +1165,7 @@ define(["exports", "../../../lit/index.js", "../../utils/utils.js", "../../hax-b
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxTray), "styles", this) || []), babelHelpers.toConsumableArray(_haxUiStyles.HaxTrayDetail), babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject17_dfd9e4d01f0511ed8cc3e9a95995ad69 || (_templateObject17_dfd9e4d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          z-index: var(--hax-ui-focus-z-index - 1);\n          top: 0;\n          font-family: var(--hax-ui-font-family);\n          font-size: var(--hax-ui-font-size);\n          color: var(--hax-ui-color);\n          transition: 0s color linear 0s;\n        }\n        :host(:focus-within),\n        :host(:hover) {\n          z-index: var(--hax-ui-focus-z-index);\n        }\n        .wrapper {\n          position: fixed;\n          display: none;\n          align-items: stretch;\n          flex-direction: row-reverse;\n          opacity: 0;\n          visibility: visible;\n          pointer-events: none;\n          overflow: hidden;\n          top: 0;\n          bottom: 0;\n          width: var(--hax-tray-width);\n          height: calc(100vh - 48px);\n          max-height: calc(100vh - 48px);\n          transition: 0.2s opacity ease-in-out 0s;\n          z-index: var(--hax-ui-focus-z-index);\n        }\n        :host([element-align=\"left\"]) .wrapper {\n          left: -1000px;\n          flex-direction: row;\n        }\n        :host([edit-mode]) .wrapper {\n          opacity: 1;\n          visibility: visible;\n          pointer-events: all;\n          display: flex;\n        }\n        :host([edit-mode][element-align=\"left\"]) .wrapper {\n          left: 0px;\n        }\n        :host([edit-mode][element-align=\"right\"]) .wrapper {\n          right: 0px;\n        }\n        :host([edit-mode][collapsed]) .wrapper {\n          width: unset;\n        }\n        :host([edit-mode]) .wrapper.full-panel {\n          width: unset;\n          left: 0;\n          right: 0;\n        }\n        :host([edit-mode]) .wrapper.full-panel .detail {\n          max-width: unset;\n        }\n        #menubar {\n          display: inline-flex;\n          flex-direction: column;\n          align-items: stretch;\n          width: var(--hax-tray-menubar-min-width);\n          overflow: visible;\n          flex: 0 0 auto;\n          z-index: 6;\n          background-color: var(--hax-ui-background-color);\n        }\n        :host([collapsed]) #menubar {\n          width: unset;\n        }\n        #menubar > * {\n          background-color: var(--hax-ui-background-color);\n        }\n        #menubar > *::part(button) {\n          padding: var(--hax-ui-spacing-xs);\n        }\n        #menubar > *::part(label) {\n          opacity: 0;\n          margin: 0px;\n          width: 0%;\n          font-size: 10px;\n          padding: 0px;\n          visibility: hidden;\n          overflow: hidden;\n          display: inline-block;\n          text-align: left;\n          transition: 0.2s width ease-in-out 0s, 0.2s margin ease-in-out 0s,\n            0.2s padding ease-in-out 0s, 0s opacity linear 0.2s,\n            0s visibility linear 0.2s;\n        }\n        :host([collapsed]) #menubar > *::part(label) {\n          opacity: 1;\n          width: 100%;\n          visibility: visible;\n          padding: 0px var(--hax-ui-spacing-sm);\n          overflow: unset;\n          transition: 0.2s width ease-in-out 0s, 0.2s margin ease-in-out 0s,\n            0.2s padding ease-in-out 0s, 0s opacity linear 0s,\n            0s visibility linear 0s, 0s overflow linear 0.2s;\n        }\n        loading-indicator {\n          --loading-indicator-background-color: var(\n            --simple-colors-default-theme-accent-2,\n            grey\n          );\n          --loading-indicator-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n        }\n        .detail,\n        #tray-detail {\n          flex: 1 1 auto;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n        }\n        .detail {\n          opacity: 1;\n          visibility: visible;\n          pointer-events: all;\n          transition: 0.2s opacity ease-in-out 0s, 0.2s width ease-in-out 0s,\n            0.2s visibility ease-in-out 0s, 0s border linear;\n          border: 1px solid var(--hax-ui-border-color);\n          background-color: var(--hax-ui-background-color);\n          transition: 0.2s width ease-in-out 0s;\n          max-height: 100vh;\n          max-width: calc(\n            var(--hax-tray-width) - var(--hax-tray-menubar-min-width)\n          );\n          overflow-x: auto;\n        }\n        :host([collapsed]) .detail {\n          width: 0px;\n          overflow: hidden;\n          opacity: 0;\n          visibility: hidden;\n          pointer-events: none;\n          max-height: 100vh;\n          overflow-y: auto;\n        }\n        #tray-detail {\n          width: auto;\n          padding: 0 var(--hax-ui-spacing) var(--hax-ui-spacing);\n          overflow-y: auto;\n        }\n        #haxcancelbutton::part(dropdown-icon) {\n          display: none;\n        }\n        .tray-detail-titlebar {\n          background-color: var(--hax-ui-color-accent);\n          padding: var(--hax-ui-spacing-sm) var(--hax-ui-spacing);\n          margin: 0 calc(0px - var(--hax-ui-spacing)) var(--hax-ui-spacing);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          height: var(--simple-modal-titlebar-height, unset);\n          line-height: var(--simple-modal-titlebar-line-height, unset);\n          position: sticky;\n          z-index: 2;\n          top: 0;\n        }\n        .tray-detail-titlebar h4 {\n          flex: 1 1 auto;\n          font-size: var(--hax-ui-font-size);\n          font-family: var(--hax-ui-font-family);\n        }\n        #toggle-tray-size {\n          flex: 0 0 auto;\n        }\n        hax-tray-button,\n        hax-app-browser,\n        hax-gizmo-browser {\n          transition: 0.2s all ease-in-out;\n          transition: 0s color linear !important;\n          transition: 0s background-color linear !important;\n          transition: 0s border-color linear !important;\n          visibility: visible;\n        }\n        hax-tray-button:not(:defined),\n        hax-app-browser:not(:defined),\n        hax-gizmo-browser:not(:defined) {\n          visibility: hidden;\n        }\n        hax-tray-upload {\n          flex: 0 0 auto;\n        }\n        *[hidden] {\n          display: none;\n        }\n        :host([element-align=\"right\"]) #button {\n          right: 0;\n        }\n        :host([element-align=\"left\"]) #button {\n          left: 0;\n        }\n\n        #button {\n          position: fixed;\n          top: 0;\n          visibility: visible;\n          margin: var(--hax-ui-spacing-xs);\n        }\n        :host([edit-mode]) #button {\n          visibility: hidden;\n          opacity: 0;\n        }\n        #button:hover {\n          opacity: 1;\n        }\n        /** This is mobile layout for controls */\n        @media screen and (max-width: 800px) {\n          :host {\n            width: 100%;\n            z-index: calc(var(--hax-ui-focus-z-index) + 3);\n          }\n          .wrapper {\n            width: unset;\n            top: -1000px;\n            left: 0px;\n            right: 0px;\n            flex-direction: column;\n          }\n          :host([edit-mode]) .wrapper {\n            top: 0;\n          }\n          :host([collapsed]) .wrapper {\n            height: var(--hax-tray-menubar-min-height);\n            overflow-y: visible;\n          }\n          :host([element-align=\"left\"]) .wrapper {\n            left: -1000px;\n            flex-direction: column;\n          }\n          #menubar {\n            position: sticky;\n            flex-direction: row;\n            left: 0;\n            top: 0;\n            height: auto;\n            flex: 0 0 auto;\n            width: 100%;\n          }\n          #menubar > * {\n            flex: 1 0 auto;\n            min-width: var(--hax-tray-menubar-min-width);\n          }\n          #menubar > *::part(button) {\n            min-width: var(--hax-tray-menubar-min-width);\n            justify-content: space-around;\n          }\n          #menubar > *::part(label) {\n            display: none;\n          }\n          #haxMenuAlign {\n            display: none;\n          }\n          .detail {\n            width: 100%;\n            position: relative;\n            flex: 1 1 100%;\n          }\n          :host([collapsed]) .detail {\n            flex: 0 0 0px;\n          }\n        }\n        @media screen and (max-width: 600px) {\n          :host([edit-mode]) .hide-small {\n            display: none;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxTray), "styles", this) || []), babelHelpers.toConsumableArray(_haxUiStyles.HaxTrayDetail), babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject17_b6c02f201f2611eda0c389891c227ec8 || (_templateObject17_b6c02f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          z-index: var(--hax-ui-focus-z-index - 1);\n          top: 0;\n          font-family: var(--hax-ui-font-family);\n          font-size: var(--hax-ui-font-size);\n          color: var(--hax-ui-color);\n          transition: 0s color linear 0s;\n        }\n        :host(:focus-within),\n        :host(:hover) {\n          z-index: var(--hax-ui-focus-z-index);\n        }\n        .wrapper {\n          position: fixed;\n          display: none;\n          align-items: stretch;\n          flex-direction: row-reverse;\n          opacity: 0;\n          visibility: visible;\n          pointer-events: none;\n          overflow: hidden;\n          top: 0;\n          bottom: 0;\n          width: var(--hax-tray-width);\n          height: calc(100vh - 48px);\n          max-height: calc(100vh - 48px);\n          transition: 0.2s opacity ease-in-out 0s;\n          z-index: var(--hax-ui-focus-z-index);\n        }\n        :host([element-align=\"left\"]) .wrapper {\n          left: -1000px;\n          flex-direction: row;\n        }\n        :host([edit-mode]) .wrapper {\n          opacity: 1;\n          visibility: visible;\n          pointer-events: all;\n          display: flex;\n        }\n        :host([edit-mode][element-align=\"left\"]) .wrapper {\n          left: 0px;\n        }\n        :host([edit-mode][element-align=\"right\"]) .wrapper {\n          right: 0px;\n        }\n        :host([edit-mode][collapsed]) .wrapper {\n          width: unset;\n        }\n        :host([edit-mode]) .wrapper.full-panel {\n          width: unset;\n          left: 0;\n          right: 0;\n        }\n        :host([edit-mode]) .wrapper.full-panel .detail {\n          max-width: unset;\n        }\n        #menubar {\n          display: inline-flex;\n          flex-direction: column;\n          align-items: stretch;\n          width: var(--hax-tray-menubar-min-width);\n          overflow: visible;\n          flex: 0 0 auto;\n          z-index: 6;\n          background-color: var(--hax-ui-background-color);\n        }\n        :host([collapsed]) #menubar {\n          width: unset;\n        }\n        #menubar > * {\n          background-color: var(--hax-ui-background-color);\n        }\n        #menubar > *::part(button) {\n          padding: var(--hax-ui-spacing-xs);\n        }\n        #menubar > *::part(label) {\n          opacity: 0;\n          margin: 0px;\n          width: 0%;\n          font-size: 10px;\n          padding: 0px;\n          visibility: hidden;\n          overflow: hidden;\n          display: inline-block;\n          text-align: left;\n          transition: 0.2s width ease-in-out 0s, 0.2s margin ease-in-out 0s,\n            0.2s padding ease-in-out 0s, 0s opacity linear 0.2s,\n            0s visibility linear 0.2s;\n        }\n        :host([collapsed]) #menubar > *::part(label) {\n          opacity: 1;\n          width: 100%;\n          visibility: visible;\n          padding: 0px var(--hax-ui-spacing-sm);\n          overflow: unset;\n          transition: 0.2s width ease-in-out 0s, 0.2s margin ease-in-out 0s,\n            0.2s padding ease-in-out 0s, 0s opacity linear 0s,\n            0s visibility linear 0s, 0s overflow linear 0.2s;\n        }\n        loading-indicator {\n          --loading-indicator-background-color: var(\n            --simple-colors-default-theme-accent-2,\n            grey\n          );\n          --loading-indicator-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n        }\n        .detail,\n        #tray-detail {\n          flex: 1 1 auto;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n        }\n        .detail {\n          opacity: 1;\n          visibility: visible;\n          pointer-events: all;\n          transition: 0.2s opacity ease-in-out 0s, 0.2s width ease-in-out 0s,\n            0.2s visibility ease-in-out 0s, 0s border linear;\n          border: 1px solid var(--hax-ui-border-color);\n          background-color: var(--hax-ui-background-color);\n          transition: 0.2s width ease-in-out 0s;\n          max-height: 100vh;\n          max-width: calc(\n            var(--hax-tray-width) - var(--hax-tray-menubar-min-width)\n          );\n          overflow-x: auto;\n        }\n        :host([collapsed]) .detail {\n          width: 0px;\n          overflow: hidden;\n          opacity: 0;\n          visibility: hidden;\n          pointer-events: none;\n          max-height: 100vh;\n          overflow-y: auto;\n        }\n        #tray-detail {\n          width: auto;\n          padding: 0 var(--hax-ui-spacing) var(--hax-ui-spacing);\n          overflow-y: auto;\n        }\n        #haxcancelbutton::part(dropdown-icon) {\n          display: none;\n        }\n        .tray-detail-titlebar {\n          background-color: var(--hax-ui-color-accent);\n          padding: var(--hax-ui-spacing-sm) var(--hax-ui-spacing);\n          margin: 0 calc(0px - var(--hax-ui-spacing)) var(--hax-ui-spacing);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          height: var(--simple-modal-titlebar-height, unset);\n          line-height: var(--simple-modal-titlebar-line-height, unset);\n          position: sticky;\n          z-index: 2;\n          top: 0;\n        }\n        .tray-detail-titlebar h4 {\n          flex: 1 1 auto;\n          font-size: var(--hax-ui-font-size);\n          font-family: var(--hax-ui-font-family);\n        }\n        #toggle-tray-size {\n          flex: 0 0 auto;\n        }\n        hax-tray-button,\n        hax-app-browser,\n        hax-gizmo-browser {\n          transition: 0.2s all ease-in-out;\n          transition: 0s color linear !important;\n          transition: 0s background-color linear !important;\n          transition: 0s border-color linear !important;\n          visibility: visible;\n        }\n        hax-tray-button:not(:defined),\n        hax-app-browser:not(:defined),\n        hax-gizmo-browser:not(:defined) {\n          visibility: hidden;\n        }\n        hax-tray-upload {\n          flex: 0 0 auto;\n        }\n        *[hidden] {\n          display: none;\n        }\n        :host([element-align=\"right\"]) #button {\n          right: 0;\n        }\n        :host([element-align=\"left\"]) #button {\n          left: 0;\n        }\n\n        #button {\n          position: fixed;\n          top: 0;\n          visibility: visible;\n          margin: var(--hax-ui-spacing-xs);\n        }\n        :host([edit-mode]) #button {\n          visibility: hidden;\n          opacity: 0;\n        }\n        #button:hover {\n          opacity: 1;\n        }\n        /** This is mobile layout for controls */\n        @media screen and (max-width: 800px) {\n          :host {\n            width: 100%;\n            z-index: calc(var(--hax-ui-focus-z-index) + 3);\n          }\n          .wrapper {\n            width: unset;\n            top: -1000px;\n            left: 0px;\n            right: 0px;\n            flex-direction: column;\n          }\n          :host([edit-mode]) .wrapper {\n            top: 0;\n          }\n          :host([collapsed]) .wrapper {\n            height: var(--hax-tray-menubar-min-height);\n            overflow-y: visible;\n          }\n          :host([element-align=\"left\"]) .wrapper {\n            left: -1000px;\n            flex-direction: column;\n          }\n          #menubar {\n            position: sticky;\n            flex-direction: row;\n            left: 0;\n            top: 0;\n            height: auto;\n            flex: 0 0 auto;\n            width: 100%;\n          }\n          #menubar > * {\n            flex: 1 0 auto;\n            min-width: var(--hax-tray-menubar-min-width);\n          }\n          #menubar > *::part(button) {\n            min-width: var(--hax-tray-menubar-min-width);\n            justify-content: space-around;\n          }\n          #menubar > *::part(label) {\n            display: none;\n          }\n          #haxMenuAlign {\n            display: none;\n          }\n          .detail {\n            width: 100%;\n            position: relative;\n            flex: 1 1 100%;\n          }\n          :host([collapsed]) .detail {\n            flex: 0 0 0px;\n          }\n        }\n        @media screen and (max-width: 600px) {\n          :host([edit-mode]) .hide-small {\n            display: none;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-ui-styles.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-ui-styles.js
index 8ff3427d9ed..ba3c8cc615a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-ui-styles.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-ui-styles.js
@@ -6,23 +6,23 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.HaxUiTooltip = _exports.HaxUiText = _exports.HaxUiStyles = _exports.HaxUiSpacing = _exports.HaxUiSingletons = _exports.HaxUiFields = _exports.HaxUiColors = _exports.HaxUiBaseStyles = _exports.HaxTrayDetailHeadings = _exports.HaxTrayDetail = _exports.HaxHexagon = _exports.HaxFields = _exports.HaxComponentStyles = _exports.HaxButton = void 0;
 
-  var _templateObject_dfdca3f01f0511ed8cc3e9a95995ad69, _templateObject2_dfdca3f01f0511ed8cc3e9a95995ad69, _templateObject3_dfdca3f01f0511ed8cc3e9a95995ad69, _templateObject4_dfdca3f01f0511ed8cc3e9a95995ad69, _templateObject5_dfdca3f01f0511ed8cc3e9a95995ad69, _templateObject6_dfdca3f01f0511ed8cc3e9a95995ad69, _templateObject7_dfdca3f01f0511ed8cc3e9a95995ad69, _templateObject8_dfdca3f01f0511ed8cc3e9a95995ad69, _templateObject9_dfdca3f01f0511ed8cc3e9a95995ad69, _templateObject10_dfdca3f01f0511ed8cc3e9a95995ad69, _templateObject11_dfdca3f01f0511ed8cc3e9a95995ad69, _templateObject12_dfdca3f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b6c252001f2611eda0c389891c227ec8, _templateObject2_b6c252001f2611eda0c389891c227ec8, _templateObject3_b6c252001f2611eda0c389891c227ec8, _templateObject4_b6c252001f2611eda0c389891c227ec8, _templateObject5_b6c252001f2611eda0c389891c227ec8, _templateObject6_b6c252001f2611eda0c389891c227ec8, _templateObject7_b6c252001f2611eda0c389891c227ec8, _templateObject8_b6c252001f2611eda0c389891c227ec8, _templateObject9_b6c252001f2611eda0c389891c227ec8, _templateObject10_b6c252001f2611eda0c389891c227ec8, _templateObject11_b6c252001f2611eda0c389891c227ec8, _templateObject12_b6c252001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-  var HaxUiText = [(0, _index.css)(_templateObject_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    body {\n      --hax-ui-font-family: sans-serif;\n      --hax-ui-font-size: 16px;\n      --hax-ui-font-size-sm: 13px;\n      --hax-ui-font-size-xs: 12px;\n      --hax-ui-font-size-lg: calc(1.05 * var(--hax-ui-font-size, 16px));\n      --hax-ui-font-size-xl: calc(1.25 * var(--hax-ui-font-size, 16px));\n    }\n  "])))];
+  var HaxUiText = [(0, _index.css)(_templateObject_b6c252001f2611eda0c389891c227ec8 || (_templateObject_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    body {\n      --hax-ui-font-family: sans-serif;\n      --hax-ui-font-size: 16px;\n      --hax-ui-font-size-sm: 13px;\n      --hax-ui-font-size-xs: 12px;\n      --hax-ui-font-size-lg: calc(1.05 * var(--hax-ui-font-size, 16px));\n      --hax-ui-font-size-xl: calc(1.25 * var(--hax-ui-font-size, 16px));\n    }\n  "])))];
   _exports.HaxUiText = HaxUiText;
-  var HaxUiSpacing = [(0, _index.css)(_templateObject2_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject2_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    body {\n      --hax-tray-width: 300px;\n      --hax-tray-menubar-min-width: 44px;\n      --hax-tray-menubar-min-height: 34px;\n      --hax-ui-spacing-xs: 4px;\n      --hax-ui-border-radius: 2px;\n      --hax-ui-spacing-sm: calc(1 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing: calc(2 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing-lg: calc(3 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing-xl: calc(4 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-focus-z-index: 1001;\n      --simple-toolbar-focus-z-index: var(--hax-ui-focus-z-index);\n      --a11y-menu-button-focus-z-index: var(--hax-ui-focus-z-index);\n    }\n  "])))];
+  var HaxUiSpacing = [(0, _index.css)(_templateObject2_b6c252001f2611eda0c389891c227ec8 || (_templateObject2_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    body {\n      --hax-tray-width: 300px;\n      --hax-tray-menubar-min-width: 44px;\n      --hax-tray-menubar-min-height: 34px;\n      --hax-ui-spacing-xs: 4px;\n      --hax-ui-border-radius: 2px;\n      --hax-ui-spacing-sm: calc(1 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing: calc(2 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing-lg: calc(3 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing-xl: calc(4 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-focus-z-index: 1001;\n      --simple-toolbar-focus-z-index: var(--hax-ui-focus-z-index);\n      --a11y-menu-button-focus-z-index: var(--hax-ui-focus-z-index);\n    }\n  "])))];
   _exports.HaxUiSpacing = HaxUiSpacing;
-  var HaxUiColors = [(0, _index.css)(_templateObject3_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject3_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    body {\n      --hax-ui-color: #222;\n      --hax-ui-color-focus: #000;\n      --hax-ui-color-faded: #444;\n      --hax-ui-disabled-color: #bbb;\n\n      --hax-ui-background-color: #fff;\n      --hax-ui-background-color-secondary: #e8e8e8;\n      --hax-ui-background-color-faded: #b0b8bb;\n\n      --hax-ui-color-accent: #009dc7;\n      --hax-ui-color-accent-secondary: #007999;\n      --hax-ui-background-color-accent: #ccf3fd;\n\n      --hax-ui-color-danger: #ee0000;\n      --hax-ui-color-danger-secondary: #850000;\n      --hax-ui-background-color-danger: #ffdddd;\n\n      --hax-ui-border-color: #ddd;\n    }\n    body[hax-ui-theme=\"haxdark\"] {\n      --hax-ui-color: #eeeae6;\n      --hax-ui-color-focus: #fff;\n      --hax-ui-color-faded: #c5c3be;\n      --hax-ui-disabled-color: #555;\n\n      --hax-ui-background-color: #333;\n      --hax-ui-background-color-secondary: #111;\n      --hax-ui-background-color-faded: #222;\n\n      --hax-ui-color-accent: #77e2ff;\n      --hax-ui-color-accent-secondary: #00c9ff;\n      --hax-ui-background-color-accent: #000;\n\n      --hax-ui-color-danger: #ff8f8f;\n      --hax-ui-color-danger-secondary: #ff2222;\n      --hax-ui-background-color-danger: #000;\n\n      --hax-ui-border-color: #000;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      body[hax-ui-theme=\"system\"] {\n        --hax-ui-color: #eeeae6;\n        --hax-ui-color-focus: #fff;\n        --hax-ui-color-faded: #c5c3be;\n\n        --hax-ui-background-color: #333;\n        --hax-ui-background-color-secondary: #111;\n        --hax-ui-background-color-faded: #222;\n\n        --hax-ui-color-accent: #77e2ff;\n        --hax-ui-color-accent-secondary: #00c9ff;\n        --hax-ui-background-color-accent: #000;\n\n        --hax-ui-color-danger: #ff8f8f;\n        --hax-ui-color-danger-secondary: #ff2222;\n        --hax-ui-background-color-danger: #000;\n\n        --hax-ui-border-color: #000;\n      }\n    }\n  "])))];
+  var HaxUiColors = [(0, _index.css)(_templateObject3_b6c252001f2611eda0c389891c227ec8 || (_templateObject3_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    body {\n      --hax-ui-color: #222;\n      --hax-ui-color-focus: #000;\n      --hax-ui-color-faded: #444;\n      --hax-ui-disabled-color: #bbb;\n\n      --hax-ui-background-color: #fff;\n      --hax-ui-background-color-secondary: #e8e8e8;\n      --hax-ui-background-color-faded: #b0b8bb;\n\n      --hax-ui-color-accent: #009dc7;\n      --hax-ui-color-accent-secondary: #007999;\n      --hax-ui-background-color-accent: #ccf3fd;\n\n      --hax-ui-color-danger: #ee0000;\n      --hax-ui-color-danger-secondary: #850000;\n      --hax-ui-background-color-danger: #ffdddd;\n\n      --hax-ui-border-color: #ddd;\n    }\n    body[hax-ui-theme=\"haxdark\"] {\n      --hax-ui-color: #eeeae6;\n      --hax-ui-color-focus: #fff;\n      --hax-ui-color-faded: #c5c3be;\n      --hax-ui-disabled-color: #555;\n\n      --hax-ui-background-color: #333;\n      --hax-ui-background-color-secondary: #111;\n      --hax-ui-background-color-faded: #222;\n\n      --hax-ui-color-accent: #77e2ff;\n      --hax-ui-color-accent-secondary: #00c9ff;\n      --hax-ui-background-color-accent: #000;\n\n      --hax-ui-color-danger: #ff8f8f;\n      --hax-ui-color-danger-secondary: #ff2222;\n      --hax-ui-background-color-danger: #000;\n\n      --hax-ui-border-color: #000;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      body[hax-ui-theme=\"system\"] {\n        --hax-ui-color: #eeeae6;\n        --hax-ui-color-focus: #fff;\n        --hax-ui-color-faded: #c5c3be;\n\n        --hax-ui-background-color: #333;\n        --hax-ui-background-color-secondary: #111;\n        --hax-ui-background-color-faded: #222;\n\n        --hax-ui-color-accent: #77e2ff;\n        --hax-ui-color-accent-secondary: #00c9ff;\n        --hax-ui-background-color-accent: #000;\n\n        --hax-ui-color-danger: #ff8f8f;\n        --hax-ui-color-danger-secondary: #ff2222;\n        --hax-ui-background-color-danger: #000;\n\n        --hax-ui-border-color: #000;\n      }\n    }\n  "])))];
   _exports.HaxUiColors = HaxUiColors;
-  var HaxUiTooltip = [(0, _index.css)(_templateObject4_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject4_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    body {\n      --simple-tooltip-background: var(--hax-ui-color);\n      --simple-tooltip-text-color: var(--hax-ui-background-color);\n      --simple-tooltip-opacity: 1;\n      --simple-tooltip-delay-in: 0;\n      --simple-tooltip-duration-in: 100ms;\n      --simple-tooltip-duration-out: 0;\n      --simple-tooltip-border-radius: 2px;\n      --simple-tooltip-font-size: var(--hax-ui-font-size-sm);\n    }\n  "])))];
+  var HaxUiTooltip = [(0, _index.css)(_templateObject4_b6c252001f2611eda0c389891c227ec8 || (_templateObject4_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    body {\n      --simple-tooltip-background: var(--hax-ui-color);\n      --simple-tooltip-text-color: var(--hax-ui-background-color);\n      --simple-tooltip-opacity: 1;\n      --simple-tooltip-delay-in: 0;\n      --simple-tooltip-duration-in: 100ms;\n      --simple-tooltip-duration-out: 0;\n      --simple-tooltip-border-radius: 2px;\n      --simple-tooltip-font-size: var(--hax-ui-font-size-sm);\n    }\n  "])))];
   _exports.HaxUiTooltip = HaxUiTooltip;
-  var HaxUiFields = [(0, _index.css)(_templateObject5_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject5_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    body {\n      --simple-fields-field-margin: calc(2 * var(--hax-ui-font-size));\n      --simple-toolbar-focus-z-index: var(--hax-ui-focus-z-index);\n      --simple-fields-font-family: var(--hax-ui-font-family);\n      --simple-fields-font-size: var(--hax-ui-font-size);\n      --simple-fields-line-height: 135%;\n      --simple-fields-detail-font-size: var(--hax-ui-font-size-xs);\n      --simple-fields-detail-line-height: 120%;\n      --simple-fields-margin: var(--hax-ui-spacing);\n      --simple-fields-background-color: var(--hax-ui-background-color);\n      --simple-fields-color: var(--hax-tray-text-color);\n      --simple-fields-accent-color: var(--hax-ui-color-accent);\n      --simple-fields-accent-color-light: var(--hax-ui-background-color-faded);\n      --simple-fields-error-color: var(--hax-ui-color-danger-secondary);\n      --simple-fields-button-danger-background-color: var(\n        --hax-ui-color-danger\n      );\n      --simple-fields-button-danger-focus-color: var(\n        --hax-ui-color-danger-secondary\n      );\n      --simple-fields-button-danger-background-color: var(\n        --hax-ui-background-color\n      );\n      --simple-fields-secondary-accent-color: var(\n        --hax-ui-color-accent-secondary\n      );\n      --simple-fields-border-color: var(--hax-ui-color-faded);\n\n      --simple-fields-fieldset-border-color: rgba(127, 127, 127, 0.2);\n      --simple-fields-legend-text-transform: capitalize;\n      --simple-fields-legend-font-size: var(--hax-ui-font-size-xs);\n\n      --simple-fields-meta-font-size: var(--hax-ui-font-size-xs);\n      --simple-fields-meta-line-height: 120%;\n      --simple-fields-meta-opacity: 0.7;\n      --simple-fields-focus-meta-opacity: 1;\n\n      --simple-fields-button-color: var(--hax-ui-color);\n      --simple-fields-button-background-color: var(--hax-ui-background-color);\n      --simple-fields-button-border-color: var(--hax-ui-border-color);\n      --simple-fields-button-text-transform: capitalize;\n      --simple-fields-border-radius: var(--hax-ui-border-radius);\n      --simple-fields-button-padding-sm: var(--hax-ui-spacing-sm);\n      --simple-fields-button-padding: var(--hax-ui-spacing-sm);\n\n      --simple-fields-button-toggled-color: var(--hax-ui-color);\n      --simple-fields-button-toggled-background-color: var(\n        --hax-ui-background-color-accent\n      );\n      --simple-fields-button-toggled-border-color: var(--hax-ui-color-accent);\n\n      --simple-fields-button-focus-color: var(--hax-ui-color);\n      --simple-fields-button-focus-background-color: var(\n        --hax-ui-background-color-accent\n      );\n      --simple-fields-button-focus-border-color: var(--hax-ui-color-accent);\n\n      --simple-fields-button-disabled-color: unset;\n      --simple-fields-button-disabled-background-color: unset;\n      --simple-fields-button-disabled-border-color: unset;\n      --simple-fields-button-disabled-opacity: 0.5;\n      --hexagon-color: var(--hax-ui-color-accent);\n    }\n  "])))];
+  var HaxUiFields = [(0, _index.css)(_templateObject5_b6c252001f2611eda0c389891c227ec8 || (_templateObject5_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    body {\n      --simple-fields-field-margin: calc(2 * var(--hax-ui-font-size));\n      --simple-toolbar-focus-z-index: var(--hax-ui-focus-z-index);\n      --simple-fields-font-family: var(--hax-ui-font-family);\n      --simple-fields-font-size: var(--hax-ui-font-size);\n      --simple-fields-line-height: 135%;\n      --simple-fields-detail-font-size: var(--hax-ui-font-size-xs);\n      --simple-fields-detail-line-height: 120%;\n      --simple-fields-margin: var(--hax-ui-spacing);\n      --simple-fields-background-color: var(--hax-ui-background-color);\n      --simple-fields-color: var(--hax-tray-text-color);\n      --simple-fields-accent-color: var(--hax-ui-color-accent);\n      --simple-fields-accent-color-light: var(--hax-ui-background-color-faded);\n      --simple-fields-error-color: var(--hax-ui-color-danger-secondary);\n      --simple-fields-button-danger-background-color: var(\n        --hax-ui-color-danger\n      );\n      --simple-fields-button-danger-focus-color: var(\n        --hax-ui-color-danger-secondary\n      );\n      --simple-fields-button-danger-background-color: var(\n        --hax-ui-background-color\n      );\n      --simple-fields-secondary-accent-color: var(\n        --hax-ui-color-accent-secondary\n      );\n      --simple-fields-border-color: var(--hax-ui-color-faded);\n\n      --simple-fields-fieldset-border-color: rgba(127, 127, 127, 0.2);\n      --simple-fields-legend-text-transform: capitalize;\n      --simple-fields-legend-font-size: var(--hax-ui-font-size-xs);\n\n      --simple-fields-meta-font-size: var(--hax-ui-font-size-xs);\n      --simple-fields-meta-line-height: 120%;\n      --simple-fields-meta-opacity: 0.7;\n      --simple-fields-focus-meta-opacity: 1;\n\n      --simple-fields-button-color: var(--hax-ui-color);\n      --simple-fields-button-background-color: var(--hax-ui-background-color);\n      --simple-fields-button-border-color: var(--hax-ui-border-color);\n      --simple-fields-button-text-transform: capitalize;\n      --simple-fields-border-radius: var(--hax-ui-border-radius);\n      --simple-fields-button-padding-sm: var(--hax-ui-spacing-sm);\n      --simple-fields-button-padding: var(--hax-ui-spacing-sm);\n\n      --simple-fields-button-toggled-color: var(--hax-ui-color);\n      --simple-fields-button-toggled-background-color: var(\n        --hax-ui-background-color-accent\n      );\n      --simple-fields-button-toggled-border-color: var(--hax-ui-color-accent);\n\n      --simple-fields-button-focus-color: var(--hax-ui-color);\n      --simple-fields-button-focus-background-color: var(\n        --hax-ui-background-color-accent\n      );\n      --simple-fields-button-focus-border-color: var(--hax-ui-color-accent);\n\n      --simple-fields-button-disabled-color: unset;\n      --simple-fields-button-disabled-background-color: unset;\n      --simple-fields-button-disabled-border-color: unset;\n      --simple-fields-button-disabled-opacity: 0.5;\n      --hexagon-color: var(--hax-ui-color-accent);\n    }\n  "])))];
   _exports.HaxUiFields = HaxUiFields;
-  var HaxUiSingletons = [(0, _index.css)(_templateObject6_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject6_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    simple-modal[mode=\"hax-ui\"],\n    simple-popover-manager[mode=\"hax\"] {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size);\n      --simple-modal-height: 70vh;\n      --simple-modal-width: 70vw;\n      --simple-popover-border-color: var(--hax-ui-color);\n      --simple-modal-border-color: var(--hax-ui-color);\n    }\n    rich-text-editor-prompt {\n      z-index: calc(var(--hax-ui-focus-z-index) - 1);\n    }\n    simple-modal[mode=\"hax-ui\"]::part(dialog) {\n      --simple-modal-z-index: 100000001 !important;\n    }\n    simple-modal[opened] {\n      z-index: 100000001 !important;\n    }\n    simple-modal[mode=\"hax-ui\"]::part(titlebar),\n    simple-popover-manager[mode=\"hax\"]::part(simple-popover-heading),\n    simple-popover-manager[mode=\"hax\"] h1[slot=\"heading\"] {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      padding: var(--hax-ui-spacing-sm) var(--hax-ui-spacing);\n      margin: 0;\n    }\n    simple-modal[mode=\"hax-ui\"]::part(close),\n    simple-popover-manager[mode=\"hax\"] #close {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      outline: 1px solid var(--hax-ui-color-accent);\n      --simple-icon-button-border: 0px solid transparent;\n      --simple-icon-button-border-radius: var(--hax-ui-border-radius);\n      width: 24px;\n      height: 24px;\n      padding: 0;\n    }\n    simple-modal[mode=\"hax-ui\"]:focus-within::part(close),\n    simple-modal[mode=\"hax-ui\"]:hover::part(close),\n    simple-popover-manager[mode=\"hax\"] #close:focus,\n    simple-popover-manager[mode=\"hax\"] #close:hover {\n      background-color: var(--hax-ui-color-accent-secondary);\n      --simple-icon-button-border: 0px solid transparent;\n    }\n    simple-modal[mode=\"hax-ui\"]::part(title),\n    simple-popover-manager[mode=\"hax\"] h1 {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size);\n      font-weight: normal;\n      margin: 0 var(--hax-ui-spacing-sm) 0 0;\n      padding: 0;\n    }\n    simple-popover-manager[mode=\"hax\"] h2 {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size-lg);\n      font-weight: normal;\n      color: var(--hax-ui-color-accent-secondary);\n      margin: 0 0 var(--hax-ui-spacing-lg);\n    }\n    simple-modal[mode=\"hax-ui\"]::part(content),\n    simple-modal[mode=\"hax-ui\"]::part(custom),\n    simple-popover-manager[mode=\"hax\"]::part(simple-popover-body) {\n      font-size: var(--hax-ui-font-size);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n    }\n    simple-modal[mode=\"hax-ui\"]::part(content) {\n      padding: 0 var(--hax-ui-spacing);\n    }\n    simple-modal[mode=\"hax-ui\"]::part(custom) {\n      padding: 0;\n    }\n    simple-popover-manager[mode=\"hax\"]::part(simple-popover-body) {\n      padding: var(--hax-ui-spacing);\n    }\n    simple-modal[mode=\"hax-ui\"]::part(buttons),\n    simple-popover-manager[mode=\"hax\"]:part(simple-popover-nav) {\n      background-color: var(--hax-ui-background-color);\n    }\n    #hax-cancel-no,\n    #hax-cancel-yes {\n      flex: 1 1 auto;\n    }\n    simple-popover-manager[mode=\"hax\"]\n      simple-icon-button-lite[slot=\"nav\"]::part(button) {\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-sm);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      border: 1px solid var(--hax-ui-border-color);\n      border-radius: var(--hax-ui-border-radius);\n      background-color: var(--hax-ui-background-color);\n    }\n    simple-popover-manager[mode=\"hax\"]\n      simple-icon-button-lite[slot=\"nav\"]::part(button):hover,\n    simple-popover-manager[mode=\"hax\"]\n      simple-icon-button-lite[slot=\"nav\"]::part(button):focus-within {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    simple-popover-manager[mode=\"hax\"]\n      simple-icon-button-lite[slot=\"nav\"][disabled]::part(button) {\n      opacity: 0.5;\n      border: 1px solid var(--hax-ui-border-color);\n    }\n  "])))];
+  var HaxUiSingletons = [(0, _index.css)(_templateObject6_b6c252001f2611eda0c389891c227ec8 || (_templateObject6_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    simple-modal[mode=\"hax-ui\"],\n    simple-popover-manager[mode=\"hax\"] {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size);\n      --simple-modal-height: 70vh;\n      --simple-modal-width: 70vw;\n      --simple-popover-border-color: var(--hax-ui-color);\n      --simple-modal-border-color: var(--hax-ui-color);\n    }\n    rich-text-editor-prompt {\n      z-index: calc(var(--hax-ui-focus-z-index) - 1);\n    }\n    simple-modal[mode=\"hax-ui\"]::part(dialog) {\n      --simple-modal-z-index: 100000001 !important;\n    }\n    simple-modal[opened] {\n      z-index: 100000001 !important;\n    }\n    simple-modal[mode=\"hax-ui\"]::part(titlebar),\n    simple-popover-manager[mode=\"hax\"]::part(simple-popover-heading),\n    simple-popover-manager[mode=\"hax\"] h1[slot=\"heading\"] {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      padding: var(--hax-ui-spacing-sm) var(--hax-ui-spacing);\n      margin: 0;\n    }\n    simple-modal[mode=\"hax-ui\"]::part(close),\n    simple-popover-manager[mode=\"hax\"] #close {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      outline: 1px solid var(--hax-ui-color-accent);\n      --simple-icon-button-border: 0px solid transparent;\n      --simple-icon-button-border-radius: var(--hax-ui-border-radius);\n      width: 24px;\n      height: 24px;\n      padding: 0;\n    }\n    simple-modal[mode=\"hax-ui\"]:focus-within::part(close),\n    simple-modal[mode=\"hax-ui\"]:hover::part(close),\n    simple-popover-manager[mode=\"hax\"] #close:focus,\n    simple-popover-manager[mode=\"hax\"] #close:hover {\n      background-color: var(--hax-ui-color-accent-secondary);\n      --simple-icon-button-border: 0px solid transparent;\n    }\n    simple-modal[mode=\"hax-ui\"]::part(title),\n    simple-popover-manager[mode=\"hax\"] h1 {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size);\n      font-weight: normal;\n      margin: 0 var(--hax-ui-spacing-sm) 0 0;\n      padding: 0;\n    }\n    simple-popover-manager[mode=\"hax\"] h2 {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size-lg);\n      font-weight: normal;\n      color: var(--hax-ui-color-accent-secondary);\n      margin: 0 0 var(--hax-ui-spacing-lg);\n    }\n    simple-modal[mode=\"hax-ui\"]::part(content),\n    simple-modal[mode=\"hax-ui\"]::part(custom),\n    simple-popover-manager[mode=\"hax\"]::part(simple-popover-body) {\n      font-size: var(--hax-ui-font-size);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n    }\n    simple-modal[mode=\"hax-ui\"]::part(content) {\n      padding: 0 var(--hax-ui-spacing);\n    }\n    simple-modal[mode=\"hax-ui\"]::part(custom) {\n      padding: 0;\n    }\n    simple-popover-manager[mode=\"hax\"]::part(simple-popover-body) {\n      padding: var(--hax-ui-spacing);\n    }\n    simple-modal[mode=\"hax-ui\"]::part(buttons),\n    simple-popover-manager[mode=\"hax\"]:part(simple-popover-nav) {\n      background-color: var(--hax-ui-background-color);\n    }\n    #hax-cancel-no,\n    #hax-cancel-yes {\n      flex: 1 1 auto;\n    }\n    simple-popover-manager[mode=\"hax\"]\n      simple-icon-button-lite[slot=\"nav\"]::part(button) {\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-sm);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      border: 1px solid var(--hax-ui-border-color);\n      border-radius: var(--hax-ui-border-radius);\n      background-color: var(--hax-ui-background-color);\n    }\n    simple-popover-manager[mode=\"hax\"]\n      simple-icon-button-lite[slot=\"nav\"]::part(button):hover,\n    simple-popover-manager[mode=\"hax\"]\n      simple-icon-button-lite[slot=\"nav\"]::part(button):focus-within {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    simple-popover-manager[mode=\"hax\"]\n      simple-icon-button-lite[slot=\"nav\"][disabled]::part(button) {\n      opacity: 0.5;\n      border: 1px solid var(--hax-ui-border-color);\n    }\n  "])))];
   /**
    * controls text spacing and colors throughout Hax UI (but not content)
    */
@@ -30,11 +30,11 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   _exports.HaxUiSingletons = HaxUiSingletons;
   var HaxUiBaseStyles = [].concat(HaxUiText, HaxUiSpacing, HaxUiFields, HaxUiTooltip, HaxUiSingletons, HaxUiColors);
   _exports.HaxUiBaseStyles = HaxUiBaseStyles;
-  var HaxHexagon = [(0, _index.css)(_templateObject7_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject7_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    hexagon-loader {\n      display: none;\n      margin: 0 auto;\n      z-index: 1000;\n    }\n    hexagon-loader[loading] {\n      display: block;\n      opacity: 0.8;\n    }\n  "])))];
+  var HaxHexagon = [(0, _index.css)(_templateObject7_b6c252001f2611eda0c389891c227ec8 || (_templateObject7_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    hexagon-loader {\n      display: none;\n      margin: 0 auto;\n      z-index: 1000;\n    }\n    hexagon-loader[loading] {\n      display: block;\n      opacity: 0.8;\n    }\n  "])))];
   _exports.HaxHexagon = HaxHexagon;
-  var HaxButton = [(0, _index.css)(_templateObject8_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject8_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    :host[aria-expanded=\"true\"] {\n      border: 1px solid var(--hax-ui-border-color);\n    }\n    absolute-position-behavior {\n      border-color: transparent;\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n    }\n    :host([expanded]) absolute-position-behavior {\n      border: 1px solid var(--hax-ui-border-color);\n    }\n    button[part=\"button\"] {\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-sm);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      border: 1px solid var(--hax-ui-border-color);\n      border-radius: var(--hax-ui-border-radius);\n    }\n    :host([role=\"menuitem\"]) button[part=\"button\"] {\n      padding: 1px;\n      border-color: transparent;\n    }\n    :host(:hover) button[part=\"button\"] {\n      background-color: var(--hax-ui-background-color-secondary);\n      color: var(--hax-ui-color);\n    }\n    :host([toggled]) button[part=\"button\"],\n    button[part=\"button\"][aria-pressed=\"true\"] {\n      color: var(--hax-ui-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    button[part=\"button\"][aria-pressed=\"true\"]:hover,\n    :host([toggled]:hover) button[part=\"button\"] {\n      background-color: var(--hax-ui-background-color-accent);\n    }\n    :host([feature]) button[part=\"button\"],\n    :host([danger]) button[part=\"button\"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]) button[part=\"button\"] {\n      background-color: var(--hax-ui-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    :host([danger]) button[part=\"button\"] {\n      background-color: var(--hax-ui-color-danger);\n      border-color: var(--hax-ui-color-danger);\n    }\n    :host([feature]) button[part=\"button\"][aria-pressed=\"true\"],\n    :host([danger]) button[part=\"button\"][aria-pressed=\"true\"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]) button[part=\"button\"][aria-pressed=\"true\"] {\n      background-color: var(--hax-ui-color-accent-secondary);\n      border-color: var(--hax-ui-color-accent);\n    }\n    :host([danger]) button[part=\"button\"][aria-pressed=\"true\"] {\n      background-color: var(--hax-ui-color-danger-secondary);\n      border-color: var(--hax-ui-color-danger);\n    }\n    :host([feature]:hover) button[part=\"button\"],\n    :host([feature]:focus-within) button[part=\"button\"],\n    :host([danger]:hover) button[part=\"button\"],\n    :host([danger]:focus-within) button[part=\"button\"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]:hover) button[part=\"button\"],\n    :host([feature]:focus-within) button[part=\"button\"] {\n      background-color: var(--hax-ui-color-accent-secondary);\n      border-color: var(--hax-ui-color-accent-secondary);\n    }\n    :host([danger]:hover) button[part=\"button\"],\n    :host([danger]:focus-within) button[part=\"button\"] {\n      background-color: var(--hax-ui-color-danger-secondary);\n      border-color: var(--hax-ui-color-danger-secondary);\n    }\n    :host([large]) button[part=\"button\"] {\n      font-size: var(--hax-ui-font-size);\n      padding: var(--hax-ui-spacing);\n      border-width: 2px;\n    }\n    :host([disabled]) button[part=\"button\"][disabled] {\n      opacity: 1;\n      color: var(--hax-ui-disabled-color);\n      border: 1px solid var(--hax-ui-border-color);\n    }\n\n    *[show-text-label]::part(label) {\n      text-transform: capitalize;\n      margin: var(--hax-ui-spacing-sm);\n    }\n  "])))];
+  var HaxButton = [(0, _index.css)(_templateObject8_b6c252001f2611eda0c389891c227ec8 || (_templateObject8_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    :host[aria-expanded=\"true\"] {\n      border: 1px solid var(--hax-ui-border-color);\n    }\n    absolute-position-behavior {\n      border-color: transparent;\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n    }\n    :host([expanded]) absolute-position-behavior {\n      border: 1px solid var(--hax-ui-border-color);\n    }\n    button[part=\"button\"] {\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-sm);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      border: 1px solid var(--hax-ui-border-color);\n      border-radius: var(--hax-ui-border-radius);\n    }\n    :host([role=\"menuitem\"]) button[part=\"button\"] {\n      padding: 1px;\n      border-color: transparent;\n    }\n    :host(:hover) button[part=\"button\"] {\n      background-color: var(--hax-ui-background-color-secondary);\n      color: var(--hax-ui-color);\n    }\n    :host([toggled]) button[part=\"button\"],\n    button[part=\"button\"][aria-pressed=\"true\"] {\n      color: var(--hax-ui-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    button[part=\"button\"][aria-pressed=\"true\"]:hover,\n    :host([toggled]:hover) button[part=\"button\"] {\n      background-color: var(--hax-ui-background-color-accent);\n    }\n    :host([feature]) button[part=\"button\"],\n    :host([danger]) button[part=\"button\"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]) button[part=\"button\"] {\n      background-color: var(--hax-ui-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    :host([danger]) button[part=\"button\"] {\n      background-color: var(--hax-ui-color-danger);\n      border-color: var(--hax-ui-color-danger);\n    }\n    :host([feature]) button[part=\"button\"][aria-pressed=\"true\"],\n    :host([danger]) button[part=\"button\"][aria-pressed=\"true\"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]) button[part=\"button\"][aria-pressed=\"true\"] {\n      background-color: var(--hax-ui-color-accent-secondary);\n      border-color: var(--hax-ui-color-accent);\n    }\n    :host([danger]) button[part=\"button\"][aria-pressed=\"true\"] {\n      background-color: var(--hax-ui-color-danger-secondary);\n      border-color: var(--hax-ui-color-danger);\n    }\n    :host([feature]:hover) button[part=\"button\"],\n    :host([feature]:focus-within) button[part=\"button\"],\n    :host([danger]:hover) button[part=\"button\"],\n    :host([danger]:focus-within) button[part=\"button\"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]:hover) button[part=\"button\"],\n    :host([feature]:focus-within) button[part=\"button\"] {\n      background-color: var(--hax-ui-color-accent-secondary);\n      border-color: var(--hax-ui-color-accent-secondary);\n    }\n    :host([danger]:hover) button[part=\"button\"],\n    :host([danger]:focus-within) button[part=\"button\"] {\n      background-color: var(--hax-ui-color-danger-secondary);\n      border-color: var(--hax-ui-color-danger-secondary);\n    }\n    :host([large]) button[part=\"button\"] {\n      font-size: var(--hax-ui-font-size);\n      padding: var(--hax-ui-spacing);\n      border-width: 2px;\n    }\n    :host([disabled]) button[part=\"button\"][disabled] {\n      opacity: 1;\n      color: var(--hax-ui-disabled-color);\n      border: 1px solid var(--hax-ui-border-color);\n    }\n\n    *[show-text-label]::part(label) {\n      text-transform: capitalize;\n      margin: var(--hax-ui-spacing-sm);\n    }\n  "])))];
   _exports.HaxButton = HaxButton;
-  var HaxFields = [(0, _index.css)(_templateObject9_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject9_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    simple-fields-tabs {\n      padding: 0;\n      border: none;\n      margin-left: calc(0 - var(--hax-ui-spacing-sm));\n      margin-right: calc(0 - var(--hax-ui-spacing-sm));\n    }\n    simple-fields-tabs::part(tablist) {\n      margin-bottom: var(--hax-ui-spacing);\n    }\n    simple-fields-tabs::part(tab),\n    simple-fields-tabs::part(tab-active),\n    simple-fields-tabs::part(tab-disabled),\n    hax-preferences-dialog::part(haxlink) {\n      border: 1px solid var(--hax-ui-border-color);\n      text-decoration: none;\n      border-radius: 3px;\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      outline: unset;\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-xs);\n      flex: 1 1 auto;\n    }\n    simple-fields-tabs::part(tab-active) {\n      color: var(--hax-ui-color-accent);\n    }\n    hax-preferences-dialog::part(haxlink) {\n      display: block;\n      padding: var(--hax-ui-spacing-lg);\n    }\n    hax-preferences-dialog::part(haxlink):hover,\n    hax-preferences-dialog::part(haxlink):focus {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    simple-fields-tabs::part(tab-disabled) {\n      opacity: 0.5;\n      background-color: rgba(127, 127, 127, 0.2);\n    }\n    simple-fields-tabs::part(content) {\n      border: none;\n    }\n    simple-fields-tab {\n      padding: 0;\n    }\n    simple-fields *::part(label) {\n      text-transform: captitalize;\n      margin: 0;\n    }\n  "])))];
+  var HaxFields = [(0, _index.css)(_templateObject9_b6c252001f2611eda0c389891c227ec8 || (_templateObject9_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    simple-fields-tabs {\n      padding: 0;\n      border: none;\n      margin-left: calc(0 - var(--hax-ui-spacing-sm));\n      margin-right: calc(0 - var(--hax-ui-spacing-sm));\n    }\n    simple-fields-tabs::part(tablist) {\n      margin-bottom: var(--hax-ui-spacing);\n    }\n    simple-fields-tabs::part(tab),\n    simple-fields-tabs::part(tab-active),\n    simple-fields-tabs::part(tab-disabled),\n    hax-preferences-dialog::part(haxlink) {\n      border: 1px solid var(--hax-ui-border-color);\n      text-decoration: none;\n      border-radius: 3px;\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      outline: unset;\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-xs);\n      flex: 1 1 auto;\n    }\n    simple-fields-tabs::part(tab-active) {\n      color: var(--hax-ui-color-accent);\n    }\n    hax-preferences-dialog::part(haxlink) {\n      display: block;\n      padding: var(--hax-ui-spacing-lg);\n    }\n    hax-preferences-dialog::part(haxlink):hover,\n    hax-preferences-dialog::part(haxlink):focus {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    simple-fields-tabs::part(tab-disabled) {\n      opacity: 0.5;\n      background-color: rgba(127, 127, 127, 0.2);\n    }\n    simple-fields-tabs::part(content) {\n      border: none;\n    }\n    simple-fields-tab {\n      padding: 0;\n    }\n    simple-fields *::part(label) {\n      text-transform: captitalize;\n      margin: 0;\n    }\n  "])))];
   /**
    * styles that need to be in the shadowRoot of their parent
    */
@@ -42,9 +42,9 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   _exports.HaxFields = HaxFields;
   var HaxComponentStyles = [].concat(HaxButton, HaxHexagon, HaxFields);
   _exports.HaxComponentStyles = HaxComponentStyles;
-  var HaxTrayDetail = [(0, _index.css)(_templateObject10_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject10_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    #tray-detail {\n      font-family: var(--hax-ui-font-family);\n      --hax-tray-detail-title-font-size: var(--hax-ui-font-size);\n      --hax-tray-detail-topic-font-size: var(--hax-ui-font-size-lg);\n      --hax-tray-detail-subtopic-font-size: var(--hax-ui-font-size);\n      --hax-tray-detail-heading-text-transform: capitalize;\n      --hax-tray-detail-heading-font-weight: normal;\n    }\n    #toggle-tray-size {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      outline: 1px solid var(--hax-ui-color-accent);\n      --simple-icon-button-border: 0px solid transparent;\n      --simple-icon-button-border-radius: var(--hax-ui-border-radius);\n      width: 24px;\n      height: 24px;\n      padding: 0;\n    }\n    #toggle-tray-size:hover,\n    #toggle-tray-size:focus-within {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    #tray-detail h5,\n    #tray-detail h6 {\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      font-weight: var(--hax-tray-detail-heading-font-weight);\n      margin: var(--hax-ui-spacing-lg) 0 var(--hax-ui-spacing-xs);\n      color: var(--hax-ui-color-faded);\n    }\n    #tray-detail h4 {\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      color: var(--hax-ui-background-color);\n      font-size: var(--hax-tray-detail-title-font-size);\n      font-weight: normal;\n      margin: 0 var(--hax-ui-spacing-sm) 0 0;\n      padding: 0;\n    }\n    #tray-detail h5 {\n      font-size: var(--hax-tray-detail-topic-font-size);\n    }\n    #tray-detail h6 {\n      font-size: var(--hax-tray-detail-subtopic-font-size);\n    }\n  "])))];
+  var HaxTrayDetail = [(0, _index.css)(_templateObject10_b6c252001f2611eda0c389891c227ec8 || (_templateObject10_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    #tray-detail {\n      font-family: var(--hax-ui-font-family);\n      --hax-tray-detail-title-font-size: var(--hax-ui-font-size);\n      --hax-tray-detail-topic-font-size: var(--hax-ui-font-size-lg);\n      --hax-tray-detail-subtopic-font-size: var(--hax-ui-font-size);\n      --hax-tray-detail-heading-text-transform: capitalize;\n      --hax-tray-detail-heading-font-weight: normal;\n    }\n    #toggle-tray-size {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      outline: 1px solid var(--hax-ui-color-accent);\n      --simple-icon-button-border: 0px solid transparent;\n      --simple-icon-button-border-radius: var(--hax-ui-border-radius);\n      width: 24px;\n      height: 24px;\n      padding: 0;\n    }\n    #toggle-tray-size:hover,\n    #toggle-tray-size:focus-within {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    #tray-detail h5,\n    #tray-detail h6 {\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      font-weight: var(--hax-tray-detail-heading-font-weight);\n      margin: var(--hax-ui-spacing-lg) 0 var(--hax-ui-spacing-xs);\n      color: var(--hax-ui-color-faded);\n    }\n    #tray-detail h4 {\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      color: var(--hax-ui-background-color);\n      font-size: var(--hax-tray-detail-title-font-size);\n      font-weight: normal;\n      margin: 0 var(--hax-ui-spacing-sm) 0 0;\n      padding: 0;\n    }\n    #tray-detail h5 {\n      font-size: var(--hax-tray-detail-topic-font-size);\n    }\n    #tray-detail h6 {\n      font-size: var(--hax-tray-detail-subtopic-font-size);\n    }\n  "])))];
   _exports.HaxTrayDetail = HaxTrayDetail;
-  var HaxTrayDetailHeadings = [(0, _index.css)(_templateObject11_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject11_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    h5 {\n      font-size: var(--hax-tray-detail-topic-font-size);\n    }\n    h6 {\n      font-size: var(--hax-tray-detail-subtopic-font-size);\n    }\n    h5,\n    h6 {\n      color: var(--hax-ui-color-faded);\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      font-weight: var(--hax-tray-detail-heading-font-weight);\n      margin: var(--hax-ui-spacing-lg) 0 var(--hax-ui-spacing-xs);\n    }\n  "])))];
+  var HaxTrayDetailHeadings = [(0, _index.css)(_templateObject11_b6c252001f2611eda0c389891c227ec8 || (_templateObject11_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    h5 {\n      font-size: var(--hax-tray-detail-topic-font-size);\n    }\n    h6 {\n      font-size: var(--hax-tray-detail-subtopic-font-size);\n    }\n    h5,\n    h6 {\n      color: var(--hax-ui-color-faded);\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      font-weight: var(--hax-tray-detail-heading-font-weight);\n      margin: var(--hax-ui-spacing-lg) 0 var(--hax-ui-spacing-xs);\n    }\n  "])))];
   /**
    * an empty wrapper to ensure modal content has the same base styles
    *
@@ -67,7 +67,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(HaxUiStyles, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject12_dfdca3f01f0511ed8cc3e9a95995ad69 || (_templateObject12_dfdca3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
+        return (0, _index.html)(_templateObject12_b6c252001f2611eda0c389891c227ec8 || (_templateObject12_b6c252001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
       }
     }], [{
       key: "styles",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-view-source.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-view-source.js
index e428b55e3d4..85708422359 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-view-source.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-view-source.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../dl-behavior/dl-beh
   _exports.HaxViewSource = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_dff5f8501f0511ed8cc3e9a95995ad69, _templateObject2_dff5f8501f0511ed8cc3e9a95995ad69, _templateObject3_dff5f8501f0511ed8cc3e9a95995ad69, _templateObject4_dff5f8501f0511ed8cc3e9a95995ad69, _templateObject5_dff5f8501f0511ed8cc3e9a95995ad69, _templateObject6_dff5f8501f0511ed8cc3e9a95995ad69, _templateObject7_dff5f8501f0511ed8cc3e9a95995ad69, _templateObject8_dff5f8501f0511ed8cc3e9a95995ad69, _templateObject9_dff5f8501f0511ed8cc3e9a95995ad69, _templateObject10_dff5f8501f0511ed8cc3e9a95995ad69, _templateObject11_dff5f8501f0511ed8cc3e9a95995ad69, _templateObject12_dff5f8501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b6db0a201f2611eda0c389891c227ec8, _templateObject2_b6db0a201f2611eda0c389891c227ec8, _templateObject3_b6db0a201f2611eda0c389891c227ec8, _templateObject4_b6db0a201f2611eda0c389891c227ec8, _templateObject5_b6db0a201f2611eda0c389891c227ec8, _templateObject6_b6db0a201f2611eda0c389891c227ec8, _templateObject7_b6db0a201f2611eda0c389891c227ec8, _templateObject8_b6db0a201f2611eda0c389891c227ec8, _templateObject9_b6db0a201f2611eda0c389891c227ec8, _templateObject10_b6db0a201f2611eda0c389891c227ec8, _templateObject11_b6db0a201f2611eda0c389891c227ec8, _templateObject12_b6db0a201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -77,7 +77,7 @@ define(["exports", "require", "../../../lit/index.js", "../../dl-behavior/dl-beh
     babelHelpers.createClass(HaxViewSource, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <hax-toolbar always-expanded>\n      <simple-toolbar-menu\n          icon=\"icons:file-upload\"\n          icon-position=\"top\"\n          label=\"", "\"\n          show-text-label\n        >\n          <simple-toolbar-menu-item>\n          ", "\n          </simple-toolbar-menu-item>\n          ", "\n        </simple-toolbar-menu>\n        <hax-tray-button\n          @click=\"", "\"\n          icon=\"editor:format-clear\"\n          label=\"", "\"\n          show-text-label\n          icon-position=\"top\"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          @click=\"", "\"\n          icon=\"hax:html-code\"\n          label=\"", "\"\n          show-text-label\n          icon-position=\"top\"\n        >\n        </hax-tray-button>\n        <simple-toolbar-menu\n            icon=\"icons:file-download\"\n            icon-position=\"top\"\n            label=\"", "\"\n            @dblclick=\"", "\"\n            show-text-label\n          >\n            <simple-toolbar-menu-item>\n            <hax-tray-button\n              icon=\"hax:file-html\"\n              icon-position=\"top\"\n              label=\"", "\"\n              @click=\"", "\"\n              show-text-label\n            >\n            </hax-tray-button>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item>\n            ", "\n            </simple-toolbar-menu-item>\n            ", "\n            ", "\n            <simple-toolbar-menu-item>\n            <hax-tray-button\n              @click=\"", "\"\n              label=\"", "\"\n              icon=\"hax:code-json\"\n              show-text-label\n              icon-position=\"top\"\n            ></hax-tray-button>\n          </simple-toolbar-menu-item>\n        </simple-toolbar-menu>\n        <hax-tray-button\n          label=\"", "\"\n          icon=\"icons:check\"\n          @click=\"", "\"\n          show-text-label\n          icon-position=\"top\"\n        >\n        </hax-tray-button>\n      </hax-toolbar>\n      <div id=\"wrapper\">\n        <div id=\"spacer\"></div>\n        <textarea id=\"hiddentextarea\" hidden></textarea>\n        <code-editor\n          id=\"textarea\"\n          theme=\"", "\"\n          language=\"html\"\n          font-size=\"13\"\n          word-wrap\n        ></code-editor>\n      </div>\n    "])), this.t.importContent, _microFrontendRegistry.MicroFrontendRegistry.has('@core/docxToHtml') ? (0, _index.html)(_templateObject2_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject2_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["        \n          <hax-tray-button\n            @click=\"", "\"\n            label=\"", "\"\n            icon=\"hax:file-doc\"\n            show-text-label\n            icon-position=\"top\"\n          >\n          </hax-tray-button>"])), this.importDOCXviaMicro, this.t.importDOCX) : (0, _index.html)(_templateObject3_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject3_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <hax-tray-button\n            @click=\"", "\"\n            label=\"", "\"\n            icon=\"hax:file-doc\"\n            show-text-label\n            icon-position=\"top\"\n          >\n          </hax-tray-button>\n          "])), this.importDOCX, this.t.importDOCX), _microFrontendRegistry.MicroFrontendRegistry.has('@core/mdToHtml') ? (0, _index.html)(_templateObject4_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject4_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <simple-toolbar-menu-item>\n            <hax-tray-button\n              label=\"", "\"\n              icon=\"hax:format-textblock\"\n              @click=\"", "\"\n              show-text-label\n              icon-position=\"top\"\n            >\n            </hax-tray-button>\n          </simple-toolbar-menu-item>\n          "])), this.t.importMarkdown, this.importMDviaMicro) : (0, _index.html)(_templateObject5_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject5_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))), this.scrubContent, this.t.cleanFormatting, this.selectBody, this.t.copyHTML, this.t.downloadContent, this.download, this.t.downloadHTML, this.download, _microFrontendRegistry.MicroFrontendRegistry.has('@core/htmlToDocx') ? (0, _index.html)(_templateObject6_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject6_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <hax-tray-button\n                label=\"", "\"\n                icon=\"hax:file-doc\"\n                @click=\"", "\"\n                show-text-label\n                icon-position=\"top\"\n              >\n              </hax-tray-button>\n            "])), this.t.downloadDOCX, this.downloadDOCXviaMicro) : (0, _index.html)(_templateObject7_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject7_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <hax-tray-button\n                label=\"", "\"\n                icon=\"editor:insert-drive-file\"\n                @click=\"", "\"\n                show-text-label\n                icon-position=\"top\"\n              >\n              </hax-tray-button>\n            "])), this.t.downloadDOCX, this.downloadDOCX), _microFrontendRegistry.MicroFrontendRegistry.has('@core/htmlToMd') ? (0, _index.html)(_templateObject8_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject8_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <simple-toolbar-menu-item>\n              <hax-tray-button\n                label=\"", "\"\n                icon=\"hax:format-textblock\"\n                @click=\"", "\"\n                show-text-label\n                icon-position=\"top\"\n              >\n              </hax-tray-button>\n            </simple-toolbar-menu-item>\n            "])), this.t.downloadMD, this.downloadMDviaMicro) : (0, _index.html)(_templateObject9_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject9_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))), _microFrontendRegistry.MicroFrontendRegistry.has('@core/htmlToPdf') ? (0, _index.html)(_templateObject10_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject10_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <simple-toolbar-menu-item>\n              <hax-tray-button\n                label=\"", "\"\n                icon=\"lrn:pdf\"\n                @click=\"", "\"\n                show-text-label\n                icon-position=\"top\"\n              >\n              </hax-tray-button>\n            </simple-toolbar-menu-item>\n            "])), this.t.downloadPDF, this.downloadPDFviaMicro) : (0, _index.html)(_templateObject11_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject11_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))), this.htmlToHaxElements, this.t.haxSchema, this.t.updateContent, this.importContent, this.haxUiTheme == "hax" ? "vs" : this.haxUiTheme == "haxdark" ? "vs-dark" : "auto");
+        return (0, _index.html)(_templateObject_b6db0a201f2611eda0c389891c227ec8 || (_templateObject_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <hax-toolbar always-expanded>\n      <simple-toolbar-menu\n          icon=\"icons:file-upload\"\n          icon-position=\"top\"\n          label=\"", "\"\n          show-text-label\n        >\n          <simple-toolbar-menu-item>\n          ", "\n          </simple-toolbar-menu-item>\n          ", "\n        </simple-toolbar-menu>\n        <hax-tray-button\n          @click=\"", "\"\n          icon=\"editor:format-clear\"\n          label=\"", "\"\n          show-text-label\n          icon-position=\"top\"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          @click=\"", "\"\n          icon=\"hax:html-code\"\n          label=\"", "\"\n          show-text-label\n          icon-position=\"top\"\n        >\n        </hax-tray-button>\n        <simple-toolbar-menu\n            icon=\"icons:file-download\"\n            icon-position=\"top\"\n            label=\"", "\"\n            @dblclick=\"", "\"\n            show-text-label\n          >\n            <simple-toolbar-menu-item>\n            <hax-tray-button\n              icon=\"hax:file-html\"\n              icon-position=\"top\"\n              label=\"", "\"\n              @click=\"", "\"\n              show-text-label\n            >\n            </hax-tray-button>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item>\n            ", "\n            </simple-toolbar-menu-item>\n            ", "\n            ", "\n            <simple-toolbar-menu-item>\n            <hax-tray-button\n              @click=\"", "\"\n              label=\"", "\"\n              icon=\"hax:code-json\"\n              show-text-label\n              icon-position=\"top\"\n            ></hax-tray-button>\n          </simple-toolbar-menu-item>\n        </simple-toolbar-menu>\n        <hax-tray-button\n          label=\"", "\"\n          icon=\"icons:check\"\n          @click=\"", "\"\n          show-text-label\n          icon-position=\"top\"\n        >\n        </hax-tray-button>\n      </hax-toolbar>\n      <div id=\"wrapper\">\n        <div id=\"spacer\"></div>\n        <textarea id=\"hiddentextarea\" hidden></textarea>\n        <code-editor\n          id=\"textarea\"\n          theme=\"", "\"\n          language=\"html\"\n          font-size=\"13\"\n          word-wrap\n        ></code-editor>\n      </div>\n    "])), this.t.importContent, _microFrontendRegistry.MicroFrontendRegistry.has('@core/docxToHtml') ? (0, _index.html)(_templateObject2_b6db0a201f2611eda0c389891c227ec8 || (_templateObject2_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["        \n          <hax-tray-button\n            @click=\"", "\"\n            label=\"", "\"\n            icon=\"hax:file-doc\"\n            show-text-label\n            icon-position=\"top\"\n          >\n          </hax-tray-button>"])), this.importDOCXviaMicro, this.t.importDOCX) : (0, _index.html)(_templateObject3_b6db0a201f2611eda0c389891c227ec8 || (_templateObject3_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <hax-tray-button\n            @click=\"", "\"\n            label=\"", "\"\n            icon=\"hax:file-doc\"\n            show-text-label\n            icon-position=\"top\"\n          >\n          </hax-tray-button>\n          "])), this.importDOCX, this.t.importDOCX), _microFrontendRegistry.MicroFrontendRegistry.has('@core/mdToHtml') ? (0, _index.html)(_templateObject4_b6db0a201f2611eda0c389891c227ec8 || (_templateObject4_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <simple-toolbar-menu-item>\n            <hax-tray-button\n              label=\"", "\"\n              icon=\"hax:format-textblock\"\n              @click=\"", "\"\n              show-text-label\n              icon-position=\"top\"\n            >\n            </hax-tray-button>\n          </simple-toolbar-menu-item>\n          "])), this.t.importMarkdown, this.importMDviaMicro) : (0, _index.html)(_templateObject5_b6db0a201f2611eda0c389891c227ec8 || (_templateObject5_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))), this.scrubContent, this.t.cleanFormatting, this.selectBody, this.t.copyHTML, this.t.downloadContent, this.download, this.t.downloadHTML, this.download, _microFrontendRegistry.MicroFrontendRegistry.has('@core/htmlToDocx') ? (0, _index.html)(_templateObject6_b6db0a201f2611eda0c389891c227ec8 || (_templateObject6_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <hax-tray-button\n                label=\"", "\"\n                icon=\"hax:file-doc\"\n                @click=\"", "\"\n                show-text-label\n                icon-position=\"top\"\n              >\n              </hax-tray-button>\n            "])), this.t.downloadDOCX, this.downloadDOCXviaMicro) : (0, _index.html)(_templateObject7_b6db0a201f2611eda0c389891c227ec8 || (_templateObject7_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <hax-tray-button\n                label=\"", "\"\n                icon=\"editor:insert-drive-file\"\n                @click=\"", "\"\n                show-text-label\n                icon-position=\"top\"\n              >\n              </hax-tray-button>\n            "])), this.t.downloadDOCX, this.downloadDOCX), _microFrontendRegistry.MicroFrontendRegistry.has('@core/htmlToMd') ? (0, _index.html)(_templateObject8_b6db0a201f2611eda0c389891c227ec8 || (_templateObject8_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <simple-toolbar-menu-item>\n              <hax-tray-button\n                label=\"", "\"\n                icon=\"hax:format-textblock\"\n                @click=\"", "\"\n                show-text-label\n                icon-position=\"top\"\n              >\n              </hax-tray-button>\n            </simple-toolbar-menu-item>\n            "])), this.t.downloadMD, this.downloadMDviaMicro) : (0, _index.html)(_templateObject9_b6db0a201f2611eda0c389891c227ec8 || (_templateObject9_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))), _microFrontendRegistry.MicroFrontendRegistry.has('@core/htmlToPdf') ? (0, _index.html)(_templateObject10_b6db0a201f2611eda0c389891c227ec8 || (_templateObject10_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <simple-toolbar-menu-item>\n              <hax-tray-button\n                label=\"", "\"\n                icon=\"lrn:pdf\"\n                @click=\"", "\"\n                show-text-label\n                icon-position=\"top\"\n              >\n              </hax-tray-button>\n            </simple-toolbar-menu-item>\n            "])), this.t.downloadPDF, this.downloadPDFviaMicro) : (0, _index.html)(_templateObject11_b6db0a201f2611eda0c389891c227ec8 || (_templateObject11_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))), this.htmlToHaxElements, this.t.haxSchema, this.t.updateContent, this.importContent, this.haxUiTheme == "hax" ? "vs" : this.haxUiTheme == "haxdark" ? "vs-dark" : "auto");
       }
     }, {
       key: "refreshHTMLEditor",
@@ -706,7 +706,7 @@ define(["exports", "require", "../../../lit/index.js", "../../dl-behavior/dl-beh
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject12_dff5f8501f0511ed8cc3e9a95995ad69 || (_templateObject12_dff5f8501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host,\n        #wrapper {\n          margin: 0;\n          padding: 0;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          position: relative;\n          flex: 1 1 100%;\n        }\n        #spacer {\n          flex: 1 1 100%;\n          z-index: -1;\n        }\n        #textarea {\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          margin: 0;\n          padding: 0;\n        }\n        hax-toolbar {\n          flex: 0 0 auto;\n          background-color: var(--hax-ui-background-color);\n        }\n        hax-toolbar::part(buttons) {\n          display: flex;\n          justify-content: center;\n          align-items: stretch;\n          margin: 0 auto;\n        }\n        hax-tray-button {\n          flex: 1 1 auto;\n        }\n        simple-toolbar-menu {\n          --simple-toolbar-button-border-color: var(--hax-ui-border-color);\n        }\n        /** This is mobile layout for controls */\n        @media screen and (max-width: 800px) {\n          hax-tray-button {\n            flex: 0 1 auto;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(_haxUiStyles.HaxComponentStyles), [(0, _index.css)(_templateObject12_b6db0a201f2611eda0c389891c227ec8 || (_templateObject12_b6db0a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host,\n        #wrapper {\n          margin: 0;\n          padding: 0;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          position: relative;\n          flex: 1 1 100%;\n        }\n        #spacer {\n          flex: 1 1 100%;\n          z-index: -1;\n        }\n        #textarea {\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          margin: 0;\n          padding: 0;\n        }\n        hax-toolbar {\n          flex: 0 0 auto;\n          background-color: var(--hax-ui-background-color);\n        }\n        hax-toolbar::part(buttons) {\n          display: flex;\n          justify-content: center;\n          align-items: stretch;\n          margin: 0 auto;\n        }\n        hax-tray-button {\n          flex: 1 1 auto;\n        }\n        simple-toolbar-menu {\n          --simple-toolbar-button-border-color: var(--hax-ui-border-color);\n        }\n        /** This is mobile layout for controls */\n        @media screen and (max-width: 800px) {\n          hax-tray-button {\n            flex: 0 1 auto;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-iconset/hax-iconset.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-iconset/hax-iconset.js
index 7fe1c3efd4c..f51721b274b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-iconset/hax-iconset.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-iconset/hax-iconset.js
@@ -1,8 +1,8 @@
 define(["../../@polymer/iron-icon/iron-icon.js", "../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_a6b301001f0511ed8cc3e9a95995ad69;
+  var _templateObject_803fb3301f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_a6b301001f0511ed8cc3e9a95995ad69 || (_templateObject_a6b301001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg size=\"24\" name=\"hax\">\n    <!-- code-json -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"code-json\">\n          <path d=\"M5,3H7V5H5V10A2,2 0 0,1 3,12A2,2 0 0,1 5,14V19H7V21H5C3.93,20.73 3,20.1 3,19V15A2,2 0 0,0 1,13H0V11H1A2,2 0 0,0 3,9V5A2,2 0 0,1 5,3M19,3A2,2 0 0,1 21,5V9A2,2 0 0,0 23,11H24V13H23A2,2 0 0,0 21,15V19A2,2 0 0,1 19,21H17V19H19V14A2,2 0 0,1 21,12A2,2 0 0,1 19,10V5H17V3H19M12,15A1,1 0 0,1 13,16A1,1 0 0,1 12,17A1,1 0 0,1 11,16A1,1 0 0,1 12,15M8,15A1,1 0 0,1 9,16A1,1 0 0,1 8,17A1,1 0 0,1 7,16A1,1 0 0,1 8,15M16,15A1,1 0 0,1 17,16A1,1 0 0,1 16,17A1,1 0 0,1 15,16A1,1 0 0,1 16,15Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- remix -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"remix\">\n          <path d=\"M8 17L12 13H15.2C15.6 14.2 16.7 15 18 15C19.7 15 21 13.7 21 12S19.7 9 18 9C16.7 9 15.6 9.8 15.2 11H12L8 7V3H3V8H6L10.2 12L6 16H3V21H8V17Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- arrow-expand-left -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"arrow-expand-left\">\n          <path d=\"M20,22H22V2H20V11H5.83L11.33,5.5L9.92,4.08L2,12L9.92,19.92L11.33,18.5L5.83,13H20V22Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- table-column-plus-after -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"table-column-plus-after\">\n          <path d=\"M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z\" />\n      </g>\n      </defs>\n    </svg>\n    <!-- table-column-remove -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"table-column-remove\">\n          <path d=\"M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- arrow-all -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"arrow-all\">\n          <path d=\"M13,11H18L16.5,9.5L17.92,8.08L21.84,12L17.92,15.92L16.5,14.5L18,13H13V18L14.5,16.5L15.92,17.92L12,21.84L8.08,17.92L9.5,16.5L11,18V13H6L7.5,14.5L6.08,15.92L2.16,12L6.08,8.08L7.5,9.5L6,11H11V6L9.5,7.5L8.08,6.08L12,2.16L15.92,6.08L14.5,7.5L13,6V11Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- arrow-expand-right -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"arrow-expand-right\">\n          <path d=\"M4,2H2V22H4V13H18.17L12.67,18.5L14.08,19.92L22,12L14.08,4.08L12.67,5.5L18.17,11H4V2Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- placeholder -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"placeholder\">\n          <path d=\"M4 3H5V5H3V4C3 3.5 3.5 3 4 3M20 3C20.5 3 21 3.5 21 4V5H19V3H20M15 5V3H17V5H15M11 5V3H13V5H11M7 5V3H9V5H7M21 12C21 12.5 20.5 13 20 13H19V11H21V12M15 13V11H17V13H15M11 13V11H13V13H11M7 13V11H9V13H7M4 13C3.5 13 3 12.5 3 12V11H5V13H4M3 7H5V9H3V7M21 7V9H19V7H21M7 16L12 21L17 16H7Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- site map -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"site-map\">\n          <path d=\"M9,2V8H11V11H5C3.89,11 3,11.89 3,13V16H1V22H7V16H5V13H11V16H9V22H15V16H13V13H19V16H17V22H23V16H21V13C21,11.89 20.11,11 19,11H13V8H15V2H9Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- templates -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"templates\">\n          <path d=\"M2 4V18C2 18 2 20 4 20H20C20 20 22 20 22 18V4H2M9 13H5V7H9V13M19 13H11V11H19V13M19 9H11V7H19V9Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- add item -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"add-item\">\n          <path d=\"M2,2H11V11H2V2M17.5,2C20,2 22,4 22,6.5C22,9 20,11 17.5,11C15,11 13,9 13,6.5C13,4 15,2 17.5,2M6.5,14L11,22H2L6.5,14M19,17H22V19H19V22H17V19H14V17H17V14H19V17Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- page details -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"page-details\">\n          <path d=\"M17,7H22V17H17V19A1,1 0 0,0 18,20H20V22H17.5C16.95,22 16,21.55 16,21C16,21.55 15.05,22 14.5,22H12V20H14A1,1 0 0,0 15,19V5A1,1 0 0,0 14,4H12V2H14.5C15.05,2 16,2.45 16,3C16,2.45 16.95,2 17.5,2H20V4H18A1,1 0 0,0 17,5V7M2,7H13V9H4V15H13V17H2V7M20,15V9H17V15H20Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- page details -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"format-textblock\">\n          <path d=\"M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M4,6V18H20V6H4M6,9H18V11H6V9M6,13H16V15H6V13Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- add page -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"add-page\">\n          <path d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M12,17V15H7V17H12M17,11H7V13H14.69C13.07,14.07 12,15.91 12,18C12,19.09 12.29,20.12 12.8,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V12.8C20.12,12.29 19.09,12 18,12L17,12.08V11M17,9V7H7V9H17Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- h2 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"h2\">\n          <path d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M21,18H15A2,2 0 0,1 13,16C13,15.47 13.2,15 13.54,14.64L18.41,9.41C18.78,9.05 19,8.55 19,8A2,2 0 0,0 17,6A2,2 0 0,0 15,8H13A4,4 0 0,1 17,4A4,4 0 0,1 21,8C21,9.1 20.55,10.1 19.83,10.83L15,16H21V18Z\" />\n        </g>\n      </defs>\n    </svg>\n        <!-- h3 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"h3\">\n          <path d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V15H15V16H19V12H15V10H19V6H15V7H13V6A2,2 0 0,1 15,4Z\" />\n        </g>\n      </defs>\n    </svg>\n        <!-- h4 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"h4\">\n    <path d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M18,18V13H13V11L18,4H20V11H21V13H20V18H18M18,11V7.42L15.45,11H18Z\" />\n        </g>\n      </defs>\n    </svg>\n        <!-- h5 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"h5\">\n    <path d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H20V6H15V10H17A4,4 0 0,1 21,14A4,4 0 0,1 17,18H15A2,2 0 0,1 13,16V15H15V16H17A2,2 0 0,0 19,14A2,2 0 0,0 17,12H15A2,2 0 0,1 13,10V6A2,2 0 0,1 15,4Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- bricks -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"bricks\">\n          <path d=\"M3,16H12V21H3V16M2,10H8V15H2V10M9,10H15V15H9V10M16,10H22V15H16V10M13,16H21V21H13V16M3,4H11V9H3V4M12,4H21V9H12V4Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- hr -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"hr\">\n          <path d=\"M19,13H5V11H19V13Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- site settings -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"site-settings\">\n          <path d=\"M4,14V17C4,19 7.05,20.72 11,21V18.11L11.13,18C7.12,17.76 4,16.06 4,14M12,13C7.58,13 4,11.21 4,9V12C4,14.21 7.58,16 12,16C12.39,16 12.77,16 13.16,16L17,12.12C15.4,12.72 13.71,13 12,13M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M21,11.13C20.85,11.13 20.71,11.19 20.61,11.3L19.61,12.3L21.66,14.3L22.66,13.3C22.87,13.1 22.88,12.76 22.66,12.53L21.42,11.3C21.32,11.19 21.18,11.13 21.04,11.13M19.04,12.88L13,18.94V21H15.06L21.12,14.93L19.04,12.88Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- add brick -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"add-brick\">\n           <path d=\"M19 6V5A2 2 0 0 0 17 3H15A2 2 0 0 0 13 5V6H11V5A2 2 0 0 0 9 3H7A2 2 0 0 0 5 5V6H3V20H13.09A5.47 5.47 0 0 1 13 19A6 6 0 0 1 21 13.34V6M20 15V18H23V20H20V23H18V20H15V18H18V15Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- page edit -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"page-edit\">\n          <path d=\"M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H10V20.09L12.09,18H6V16H14.09L16.09,14H6V12H18.09L20,10.09V8L14,2H6M13,3.5L18.5,9H13V3.5M20.15,13C20,13 19.86,13.05 19.75,13.16L18.73,14.18L20.82,16.26L21.84,15.25C22.05,15.03 22.05,14.67 21.84,14.46L20.54,13.16C20.43,13.05 20.29,13 20.15,13M18.14,14.77L12,20.92V23H14.08L20.23,16.85L18.14,14.77Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- paragraph -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"paragraph\">\n        <path d=\"M8.48,14.31V22h3.08V5.08h3.08V22h3.08V5.08h3.08V2H8.48c-3.4,0-6.15,2.75-6.15,6.15S5.08,14.31,8.48,14.31z M20.78,20.46\">\n        </g>\n      </defs>\n    </svg>\n    <!-- arrow left -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"arrow-left\">\n          <path d=\"M7.2,12l8.5,6V6L7.2,12z\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- arrow right -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"arrow-right\">\n        <path d=\"M15.8,12L7.2,6v12L15.8,12z\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- calendar -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"calendar\">\n          <path d=\"M19,4h-1V2h-2v2H8V2H6v2H5C3.9,4,3,4.9,3,6l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V6C21,4.9,20.1,4,19,4z M19,20H5V9h14\n            V20z\"/>\n          <rect x=\"11\" y=\"11\" width=\"2\" height=\"2\"/>\n          <rect x=\"15\" y=\"11\" width=\"2\" height=\"2\"/>\n          <rect x=\"7\" y=\"11\" width=\"2\" height=\"2\"/>\n          <rect x=\"7\" y=\"15\" width=\"2\" height=\"2\"/>\n          <rect x=\"11\" y=\"15\" width=\"2\" height=\"2\"/>\n          <rect x=\"15\" y=\"15\" width=\"2\" height=\"2\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- vocab -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"vocab\">\n          <polygon points=\"5.25,13.12 8.29,13.12 6.77,9.06 \t\"/>\n          <path d=\"M20.5,4.45c-1.07-0.32-2.19-0.48-3.3-0.47C15.36,3.9,13.54,4.39,12,5.4c-1.54-1-3.36-1.5-5.19-1.42\n            C4.97,3.9,3.16,4.39,1.62,5.4v13.83c0.02,0.25,0.22,0.45,0.47,0.47c0.09,0,0.14,0,0.24,0c1.41-0.66,2.93-1.03,4.48-1.09\n            c1.84-0.08,3.65,0.41,5.19,1.42c1.59-0.88,3.37-1.37,5.19-1.42c1.55-0.04,3.09,0.3,4.48,0.99c0.07,0.04,0.15,0.05,0.24,0.05\n            c0.25-0.02,0.45-0.22,0.47-0.47V5.4C21.81,4.98,21.17,4.66,20.5,4.45z M9.5,16.33l-0.72-1.89H4.77l-0.72,1.89H2.61l3.53-9h1.28\n            l3.52,9H9.5z M20.5,17.2c-1.07-0.32-2.18-0.48-3.3-0.47c-1.82,0.05-3.6,0.53-5.19,1.42V7.28c1.59-0.88,3.37-1.37,5.19-1.42\n            c1.12-0.01,2.23,0.15,3.3,0.47V17.2z\"/>\n          <polygon points=\"19.66,7.34 13.14,7.34 13.14,8.6 17.76,8.6 13.11,15.32 13.11,16.33 19.81,16.33 19.81,15.08 15,15.08 19.66,8.33 \n              \"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- math -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"math\">\n          <polygon points=\"11,5.5 7.5,5.5 7.5,2 5.5,2 5.5,5.5 2,5.5 2,7.5 5.5,7.5 5.5,11 7.5,11 7.5,7.5 11,7.5 \"/>\n          <rect x=\"13\" y=\"5.5\" width=\"9\" height=\"1.99\"/>\n          <polygon points=\"11.02,14.39 9.61,12.98 6.5,16.09 3.41,13 2,14.41 5.09,17.5 1.97,20.62 3.38,22.03 6.5,18.91 9.61,22.02 \n            11.02,20.61 7.91,17.5 \"/>\n          <rect x=\"13\" y=\"16.5\" width=\"9\" height=\"1.99\"/>\n          <rect x=\"16.5\" y=\"13\" width=\"1.99\" height=\"1.99\"/>\n          <rect x=\"16.5\" y=\"20.01\" width=\"1.99\" height=\"1.99\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- multiple-choice -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"multiple-choice\">\n          <rect x=\"5\" width=\"12\" height=\"4\"/><circle cx=\"2\" cy=\"2\" r=\"2\"/>\n          <rect opacity=\"0.7\" x=\"5\" y=\"10\" width=\"12\" height=\"4\"/>\n          <circle opacity=\"0.7\" cx=\"2\" cy=\"7\" r=\"2\"/>\n          <rect opacity=\"0.7\" x=\"5\" y=\"5\" width=\"12\" height=\"4\"/>\n          <circle opacity=\"0.7\" cx=\"2\" cy=\"12\" r=\"2\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- timeline -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"timeline\">\n          <rect class=\"cls-1\" x=\"13.22\" y=\"3.96\" width=\"1.97\" height=\"10.25\"/>\n          <circle class=\"cls-1\" cx=\"14.24\" cy=\"2.63\" r=\"2.63\"/>\n          <circle class=\"cls-1\" cx=\"14.2\" cy=\"15.54\" r=\"2.63\"/>\n          <circle class=\"cls-1\" cx=\"14.2\" cy=\"9.09\" r=\"2.63\"/>\n          <rect class=\"cls-1\" x=\"0.04\" y=\"0.63\" width=\"9.24\" height=\"4.01\"/>\n          <rect class=\"cls-1\" x=\"0.05\" y=\"7.08\" width=\"9.24\" height=\"4.01\"/>\n          <rect class=\"cls-1\" y=\"13.53\" width=\"9.24\" height=\"4.01\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- meme -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"meme\">\n          <path d=\"M19,3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5A2,2,0,0,0,19,3ZM16.55,4.72H18.6v1h-.82v.9h.77v.9h-.77v1h.91v1H16.55Zm-4.3,0h1.59c.05.28.1.62.15,1l.17,1.2.29-2.21h1.6V9.46H15V6.26l-.43,3.2h-.76l-.45-3.13V9.46H12.25Zm-2.5,0h2.06v1H11v.9h.77v.9H11v1h.9v1H9.75Zm-4.3,0h1.6c0,.28.09.62.14,1l.18,1.2.28-2.21H9.26V9.46H8.18V6.26l-.43,3.2H7L6.53,6.33V9.46H5.45ZM5,18l3.5-4.5,2.5,3L14.5,12,19,18Z\" transform=\"translate(-3 -3)\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- qr-code -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"qr-code\">\n          <path d=\"M12.8,3v8.2H21V3H12.8z M19.2,9.4h-4.7V4.8h4.7V9.4z\"/>\n          <rect x=\"15.8\" y=\"6.1\" width=\"2.2\" height=\"2.2\"/>\n          <path d=\"M3,12.7v8.3h8.2v-8.3H3z M9.5,19.1H4.8v-4.7h4.7V19.1z\"/>\n          <rect x=\"6.1\" y=\"15.7\" width=\"2\" height=\"2.2\"/>\n          <path d=\"M3,3v8.2h8.2V3H3z M9.5,9.4H4.8V4.8h4.7V9.4z\"/>\n          <rect x=\"6\" y=\"6.1\" width=\"2.2\" height=\"2.2\"/>\n          <polygon points=\"17.7,12.7 12.8,12.7 12.8,14.5 14.5,14.5 14.8,14.5 17.7,14.5 \"/>\n          <polygon points=\"14.5,19.2 14.5,19.1 14.5,18.8 14.5,15.9 12.8,15.9 12.8,20.9 14.5,20.9 16.3,20.9 16.3,19.2 \"/>\n          <polygon points=\"19.2,19.1 19.2,17.7 21,17.7 21,12.7 19.2,12.7 19.2,14.5 19.2,14.8 19.2,15.9 17.5,15.9 15.7,15.9 15.7,17.7 17.5,17.7 19.2,17.7 19.2,17.7 17.5,17.7 17.5,19.2 19.2,19.2 19.2,20.9 21,20.9 21,19.1 \"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- placeholder-image -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"placeholder-image\">\n          <path d=\"M19,3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5A2,2,0,0,0,19,3Zm0,2h0Zm-8.6,7L5,17.43V6.62ZM6.53,5h10.9L12,10.45ZM12,13.6l5.4,5.4H6.57ZM13.55,12,19,6.57v10.9Z\" transform=\"translate(-3 -3)\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- html-code -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"html-code\">\n          <polygon points=\"15.8 0 19.93 7.96 15.76 16 18.83 16 23 7.96 18.88 0 15.8 0\"/>\n          <polygon points=\"7.2 16 3.07 8.04 7.24 0 4.17 0 0 8.04 4.12 16 7.2 16\"/>\n          <polygon points=\"10.6 16 14.94 0 12.4 0 8.06 16 10.6 16\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- pi -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"pi\">\n          <path d=\"M8.8,6.89C7.96,6.96,7.17,6.96,6.41,7.1C5.33,7.31,4.71,8.16,4.15,9.04C3.95,9.34,3.76,9.52,3.36,9.38\n            C3.78,7.86,4.34,6.43,5.48,5.3c0.53-0.53,1.19-0.74,1.91-0.81c0.62-0.06,1.25-0.1,1.88-0.1c3.49-0.01,6.99,0,10.48,0\n            c0.15,0,0.31,0,0.49,0c0,0.85,0,1.67,0,2.55c-1.29,0-2.6,0-3.94,0c-0.09,1.28-0.18,2.51-0.25,3.74c-0.08,1.45-0.15,2.91-0.19,4.36\n            c-0.01,0.55,0.07,1.11,0.17,1.65c0.15,0.82,0.66,1.27,1.46,1.37c0.81,0.1,1.49-0.23,1.84-0.93c0.17-0.35,0.27-0.73,0.41-1.12\n            c0.14,0,0.31,0,0.5,0c-0.14,1.15-0.37,2.24-0.96,3.21c-0.8,1.34-2.24,1.89-3.83,1.49c-1.41-0.36-2.31-1.54-2.32-3.23\n            c-0.01-1.36,0.11-2.72,0.21-4.07c0.17-2.13,0.38-4.25,0.58-6.41c-1.21,0-2.4,0-3.63,0c-0.1,1.36-0.18,2.72-0.3,4.07\n            c-0.21,2.52-0.42,5.05-1.12,7.49c-0.13,0.47-0.31,0.94-0.56,1.35c-0.62,1.01-1.98,1.24-2.93,0.54c-0.55-0.41-0.81-1.07-0.57-1.72\n            c0.18-0.48,0.41-0.97,0.72-1.37c1.93-2.46,2.78-5.31,3.05-8.38C8.66,8.32,8.72,7.67,8.8,6.89z\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- oerschema -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"oerschema\">\n          <path d=\"M14.42,14.68c0,0.74,0,1.46,0,2.18c-1.1,0.03-2.53-0.38-3.75-1.74c-0.83,0.95-1.87,1.54-3.13,1.71\n            c-1.4,0.19-2.65-0.18-3.73-1.07c-2.32-1.91-2.28-5.15-0.51-7.08c1.84-2,5.19-2.27,7.38,0.18c1-1.12,2.24-1.75,3.76-1.75\n            c1.52,0,2.76,0.63,3.77,1.76c0.98-1.13,2.22-1.74,3.76-1.77c0,0.75,0,1.47,0,2.14c-0.44,0.15-0.89,0.24-1.28,0.45\n            c-0.75,0.4-1.24,1.05-1.31,1.9c-0.07,0.91-0.05,1.84-0.06,2.75c0,0.1,0,0.19,0,0.3c-0.74,0-1.46,0-2.22,0c0-0.5,0-1.01,0-1.53\n            c-1.26,0-2.49,0-3.74,0c0-0.76,0-1.49,0-2.25c1.15,0,2.3,0,3.46,0c-0.36-0.95-1.48-1.63-2.56-1.53c-1.38,0.13-2.28,1.11-2.44,2.27\n            C11.64,12.87,12.43,14.56,14.42,14.68z M9.55,12.01c0.04-1.42-1.13-2.66-2.62-2.67c-1.5,0-2.65,1.17-2.66,2.6\n            c-0.02,1.59,1.2,2.71,2.66,2.71C8.4,14.65,9.57,13.47,9.55,12.01z\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- basic layout bar icons -->\n    <svg>\n        <g id=\"12\" height=\"20\">\n          <rect x=\"0\" y=\"0\" width=\"24\" height=\"100%\"></rect>\n        </g>\n        <g id=\"6-6\" height=\"20\">\n          <rect x=\"0\" y=\"0\" width=\"11\" height=\"100%\"></rect>\n          <rect x=\"12\" y=\"0\" width=\"11\" height=\"100%\"></rect>\n        </g>\n        <g id=\"4-8\" height=\"20\">\n          <rect x=\"0\" y=\"0\" width=\"6\" height=\"100%\"></rect>\n          <rect x=\"8\" y=\"0\" width=\"16\" height=\"100%\"></rect>\n        </g>\n        <g id=\"4-4-4\" height=\"20\">\n          <rect x=\"0\" y=\"0\" width=\"7\" height=\"100%\"></rect>\n          <rect x=\"8\" y=\"0\" width=\"7\" height=\"100%\"></rect>\n          <rect x=\"16\" y=\"0\" width=\"7\" height=\"100%\"></rect>\n        </g>\n        <g id=\"3-3-3-3\" height=\"20\">\n          <rect x=\"0\" y=\"0\" width=\"5\" height=\"100%\"></rect>\n          <rect x=\"6\" y=\"0\" width=\"5\" height=\"100%\"></rect>\n          <rect x=\"12\" y=\"0\" width=\"5\" height=\"100%\"></rect>\n          <rect x=\"18\" y=\"0\" width=\"5\" height=\"100%\"></rect>\n        </g>\n    </svg>\n    <!-- file-blank -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-blank\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n      </g>\n    </svg>\n    <!-- file-doc -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-doc\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.29,12.88h2a2.32,2.32,0,0,1,1,.16,1.46,1.46,0,0,1,.59.45,1.86,1.86,0,0,1,.34.69,3.2,3.2,0,0,1,.1.83,3,3,0,0,1-.15,1.07,1.79,1.79,0,0,1-.44.63,1.34,1.34,0,0,1-.59.35,3.55,3.55,0,0,1-.8.11h-2Zm1.33,1V16.2h.32a1.44,1.44,0,0,0,.6-.09.65.65,0,0,0,.27-.33,1.92,1.92,0,0,0,.1-.74,1.45,1.45,0,0,0-.22-.94A1,1,0,0,0,7,13.85Z\"/>\n        <path d=\"M9.77,15a2.22,2.22,0,0,1,.59-1.64A2.21,2.21,0,0,1,12,12.81a2.23,2.23,0,0,1,1.65.57A2.15,2.15,0,0,1,14.22,15,2.63,2.63,0,0,1,14,16.23a1.82,1.82,0,0,1-.73.75,2.41,2.41,0,0,1-1.19.27A2.84,2.84,0,0,1,10.84,17a1.88,1.88,0,0,1-.77-.74A2.39,2.39,0,0,1,9.77,15Zm1.33,0a1.44,1.44,0,0,0,.24.93.93.93,0,0,0,1.32,0,1.57,1.57,0,0,0,.24-1,1.3,1.3,0,0,0-.25-.89.89.89,0,0,0-1.3,0A1.42,1.42,0,0,0,11.1,15Z\"/>\n        <path d=\"M17.8,15.42l1.16.35a2.09,2.09,0,0,1-.37.81,1.58,1.58,0,0,1-.62.5,2.37,2.37,0,0,1-.95.17A2.72,2.72,0,0,1,15.87,17a1.77,1.77,0,0,1-.76-.71A2.38,2.38,0,0,1,14.78,15a2.23,2.23,0,0,1,.57-1.64A2.17,2.17,0,0,1,17,12.81a2.23,2.23,0,0,1,1.27.32,2,2,0,0,1,.69,1l-1.17.26a.81.81,0,0,0-.13-.28.69.69,0,0,0-.27-.24A.86.86,0,0,0,17,13.8a.78.78,0,0,0-.69.36,1.46,1.46,0,0,0-.19.85,1.66,1.66,0,0,0,.22,1,.87.87,0,0,0,1.19,0A1.37,1.37,0,0,0,17.8,15.42Z\"/>      \n      </g>\n      </svg>\n    <!-- file-doc -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-doc\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.29,12.88h2a2.32,2.32,0,0,1,1,.16,1.46,1.46,0,0,1,.59.45,1.86,1.86,0,0,1,.34.69,3.2,3.2,0,0,1,.1.83,3,3,0,0,1-.15,1.07,1.79,1.79,0,0,1-.44.63,1.34,1.34,0,0,1-.59.35,3.55,3.55,0,0,1-.8.11h-2Zm1.33,1V16.2h.32a1.44,1.44,0,0,0,.6-.09.65.65,0,0,0,.27-.33,1.92,1.92,0,0,0,.1-.74,1.45,1.45,0,0,0-.22-.94A1,1,0,0,0,7,13.85Z\"/>\n        <path d=\"M9.77,15a2.22,2.22,0,0,1,.59-1.64A2.21,2.21,0,0,1,12,12.81a2.23,2.23,0,0,1,1.65.57A2.15,2.15,0,0,1,14.22,15,2.63,2.63,0,0,1,14,16.23a1.82,1.82,0,0,1-.73.75,2.41,2.41,0,0,1-1.19.27A2.84,2.84,0,0,1,10.84,17a1.88,1.88,0,0,1-.77-.74A2.39,2.39,0,0,1,9.77,15Zm1.33,0a1.44,1.44,0,0,0,.24.93.93.93,0,0,0,1.32,0,1.57,1.57,0,0,0,.24-1,1.3,1.3,0,0,0-.25-.89.89.89,0,0,0-1.3,0A1.42,1.42,0,0,0,11.1,15Z\"/>\n        <path d=\"M17.8,15.42l1.16.35a2.09,2.09,0,0,1-.37.81,1.58,1.58,0,0,1-.62.5,2.37,2.37,0,0,1-.95.17A2.72,2.72,0,0,1,15.87,17a1.77,1.77,0,0,1-.76-.71A2.38,2.38,0,0,1,14.78,15a2.23,2.23,0,0,1,.57-1.64A2.17,2.17,0,0,1,17,12.81a2.23,2.23,0,0,1,1.27.32,2,2,0,0,1,.69,1l-1.17.26a.81.81,0,0,0-.13-.28.69.69,0,0,0-.27-.24A.86.86,0,0,0,17,13.8a.78.78,0,0,0-.69.36,1.46,1.46,0,0,0-.19.85,1.66,1.66,0,0,0,.22,1,.87.87,0,0,0,1.19,0A1.37,1.37,0,0,0,17.8,15.42Z\"/>\n      </g>\n    </svg>\n    <!-- file-pdf -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-pdf\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n\t    \t<path d=\"M5.93,12.88H8.14a1.51,1.51,0,0,1,1.08.34,1.3,1.3,0,0,1,.36,1,1.31,1.31,0,0,1-.39,1,1.68,1.68,0,0,1-1.2.37H7.27v1.59H5.93Zm1.34,1.83h.32a.82.82,0,0,0,.54-.13.46.46,0,0,0,.16-.34.5.5,0,0,0-.14-.35.71.71,0,0,0-.5-.14H7.27Z\"/>\n        <path d=\"M10.29,12.88h2a2.27,2.27,0,0,1,.94.16,1.49,1.49,0,0,1,.6.45,2,2,0,0,1,.34.69,3.2,3.2,0,0,1,.1.83,3,3,0,0,1-.15,1.07,1.79,1.79,0,0,1-.44.63,1.32,1.32,0,0,1-.6.35,3.4,3.4,0,0,1-.79.11h-2Zm1.33,1V16.2h.32a1.36,1.36,0,0,0,.59-.09.66.66,0,0,0,.28-.33,1.92,1.92,0,0,0,.1-.74,1.45,1.45,0,0,0-.22-.94,1,1,0,0,0-.74-.25Z\"/>\n        <path d=\"M15,12.88h3.28v.92H16.28v.75h1.66v.87H16.28v1.75H15Z\"/>\n      </g>\n    </svg>\n    <!-- file-csv -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-csv\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M8.46,15.42l1.17.35a2.09,2.09,0,0,1-.37.81,1.61,1.61,0,0,1-.63.5,2.34,2.34,0,0,1-1,.17A2.64,2.64,0,0,1,6.54,17a1.79,1.79,0,0,1-.77-.71A2.47,2.47,0,0,1,5.45,15,2.23,2.23,0,0,1,6,13.38a2.14,2.14,0,0,1,1.6-.57,2.19,2.19,0,0,1,1.28.32,2,2,0,0,1,.69,1l-1.18.26a.81.81,0,0,0-.13-.28A.69.69,0,0,0,8,13.88a.86.86,0,0,0-.36-.08.78.78,0,0,0-.69.36,1.56,1.56,0,0,0-.18.85A1.59,1.59,0,0,0,7,16a.74.74,0,0,0,.6.26A.75.75,0,0,0,8.18,16,1.37,1.37,0,0,0,8.46,15.42Z\"/>\n        <path d=\"M10,15.75l1.26-.08a1,1,0,0,0,.17.47.69.69,0,0,0,.59.26.63.63,0,0,0,.43-.13.38.38,0,0,0,.16-.31.4.4,0,0,0-.15-.3,1.68,1.68,0,0,0-.68-.25,2.78,2.78,0,0,1-1.24-.52,1.05,1.05,0,0,1-.38-.83,1.08,1.08,0,0,1,.19-.62A1.31,1.31,0,0,1,11,13,2.78,2.78,0,0,1,12,12.81a2.2,2.2,0,0,1,1.25.3,1.31,1.31,0,0,1,.51,1l-1.25.07a.65.65,0,0,0-.21-.42.64.64,0,0,0-.44-.13.53.53,0,0,0-.34.09.31.31,0,0,0-.12.24.26.26,0,0,0,.09.19,1.35,1.35,0,0,0,.45.16,5.87,5.87,0,0,1,1.25.37,1.28,1.28,0,0,1,.54.48,1.17,1.17,0,0,1,.18.64,1.38,1.38,0,0,1-.23.76,1.51,1.51,0,0,1-.64.53,2.59,2.59,0,0,1-1,.18,2.11,2.11,0,0,1-1.51-.42A1.71,1.71,0,0,1,10,15.75Z\"/>\n        <path d=\"M14.18,12.88h1.39l1,3.09.95-3.09h1.35l-1.6,4.29H15.8Z\"/>\n      </g>\n    </svg>\n    <!-- file-rtf -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-rtf\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M6,17.17V12.88H8.2a3.27,3.27,0,0,1,.94.1,1,1,0,0,1,.52.4,1.19,1.19,0,0,1,.2.69,1.24,1.24,0,0,1-.15.62,1.21,1.21,0,0,1-.42.42,1.8,1.8,0,0,1-.47.17,1,1,0,0,1,.35.16,1.13,1.13,0,0,1,.21.22l.19.27.64,1.24H8.71L8,15.86a1,1,0,0,0-.24-.33.54.54,0,0,0-.33-.1H7.32v1.74Zm1.34-2.55h.56a2,2,0,0,0,.35-.06.33.33,0,0,0,.21-.13.4.4,0,0,0,.09-.25.41.41,0,0,0-.13-.32.79.79,0,0,0-.5-.11H7.32Z\"/>\n        <path d=\"M10.28,12.88h4v1.06H13v3.23H11.63V13.94H10.28Z\"/>\n        <path d=\"M14.92,12.88H18.2v.92H16.25v.75h1.67v.87H16.25v1.75H14.92Z\"/>\n      </g>\n    </svg>\n    <!-- file-ppt -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-ppt\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.94,12.88h2.2a1.51,1.51,0,0,1,1.08.34,1.28,1.28,0,0,1,.36,1,1.31,1.31,0,0,1-.39,1A1.66,1.66,0,0,1,8,15.58H7.27v1.59H5.94Zm1.33,1.83h.32a.82.82,0,0,0,.54-.13.43.43,0,0,0,.16-.35.49.49,0,0,0-.14-.34.71.71,0,0,0-.5-.14H7.27Z\"/>\n        <path d=\"M10.27,12.88h2.2a1.49,1.49,0,0,1,1.08.34,1.28,1.28,0,0,1,.36,1,1.31,1.31,0,0,1-.39,1,1.66,1.66,0,0,1-1.19.37H11.6v1.59H10.27Zm1.33,1.83h.33a.86.86,0,0,0,.54-.13.45.45,0,0,0,.15-.35.48.48,0,0,0-.13-.34.72.72,0,0,0-.51-.14H11.6Z\"/>\n        <path d=\"M14.31,12.88h4v1.06H17v3.23H15.66V13.94H14.31Z\"/>\n      </g>\n    </svg>\n    <!-- file-jpg -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-jpg\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M7.56,12.88H8.89v2.33a3.56,3.56,0,0,1-.13,1.12,1.3,1.3,0,0,1-.52.65,1.77,1.77,0,0,1-1,.27,2.28,2.28,0,0,1-1-.18,1.29,1.29,0,0,1-.55-.51,1.93,1.93,0,0,1-.23-.84l1.27-.17a1.13,1.13,0,0,0,0,.42.44.44,0,0,0,.15.22.36.36,0,0,0,.22.06.37.37,0,0,0,.33-.17,1.09,1.09,0,0,0,.1-.56Z\"/>\n        <path d=\"M9.77,12.88H12a1.51,1.51,0,0,1,1.08.34,1.34,1.34,0,0,1,.36,1,1.32,1.32,0,0,1-.4,1,1.65,1.65,0,0,1-1.19.37H11.1v1.59H9.77Zm1.33,1.83h.33a.86.86,0,0,0,.54-.13.45.45,0,0,0,.15-.34.49.49,0,0,0-.13-.35.72.72,0,0,0-.51-.14H11.1Z\"/>\n        <path d=\"M16.27,15.62v-.9h2.05v1.84a4.53,4.53,0,0,1-1,.54,3.43,3.43,0,0,1-1.08.15A2.62,2.62,0,0,1,15,17a1.88,1.88,0,0,1-.75-.78A2.5,2.5,0,0,1,14,15a2.43,2.43,0,0,1,.29-1.23,1.89,1.89,0,0,1,.84-.79,2.82,2.82,0,0,1,1.18-.2,3.49,3.49,0,0,1,1.06.12,1.44,1.44,0,0,1,.59.4,1.73,1.73,0,0,1,.35.69L17,14.25a.65.65,0,0,0-.27-.37.78.78,0,0,0-.48-.13.89.89,0,0,0-.7.3,1.47,1.47,0,0,0-.25,1,1.48,1.48,0,0,0,.26,1,.91.91,0,0,0,.73.3,1.16,1.16,0,0,0,.42-.07,1.92,1.92,0,0,0,.47-.22v-.4Z\"/>\n      </g>\n    </svg>\n    <!-- file-xls -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-xls\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.65,12.88H7.11l.76,1.32.74-1.32h1.45L8.72,15l1.46,2.21H8.69l-.85-1.38L7,17.17H5.51L7,14.93Z\"/>\n        <path d=\"M10.61,12.88h1.32v3.24H14v1.05H10.61Z\"/>\n        <path d=\"M14.38,15.75l1.26-.08a.93.93,0,0,0,.17.47.67.67,0,0,0,.58.26.64.64,0,0,0,.44-.13A.4.4,0,0,0,17,16a.39.39,0,0,0-.14-.3,1.74,1.74,0,0,0-.68-.25,2.89,2.89,0,0,1-1.25-.52,1,1,0,0,1-.37-.83,1.08,1.08,0,0,1,.19-.62,1.31,1.31,0,0,1,.58-.47,2.72,2.72,0,0,1,1-.16,2.21,2.21,0,0,1,1.26.3,1.31,1.31,0,0,1,.51,1l-1.25.08a.6.6,0,0,0-.21-.42.64.64,0,0,0-.44-.14.58.58,0,0,0-.35.1.3.3,0,0,0-.11.24.26.26,0,0,0,.09.19,1.06,1.06,0,0,0,.45.15,6.23,6.23,0,0,1,1.24.38,1.26,1.26,0,0,1,.55.48,1.16,1.16,0,0,1,.17.64,1.33,1.33,0,0,1-.23.76,1.43,1.43,0,0,1-.63.53,2.62,2.62,0,0,1-1,.18,2.11,2.11,0,0,1-1.52-.43A1.61,1.61,0,0,1,14.38,15.75Z\"/>\n      </g>\n    </svg>\n    <!-- file-png -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-png\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.27,12.88H7.48a1.51,1.51,0,0,1,1.08.34,1.3,1.3,0,0,1,.36,1,1.32,1.32,0,0,1-.4,1,1.65,1.65,0,0,1-1.19.37H6.6v1.59H5.27ZM6.6,14.71h.33a.86.86,0,0,0,.54-.13.45.45,0,0,0,.15-.34.49.49,0,0,0-.13-.35A.72.72,0,0,0,7,13.75H6.6Z\"/>\n        <path d=\"M9.62,12.88h1.24l1.61,2.37V12.88h1.26v4.29H12.47l-1.6-2.35v2.35H9.62Z\"/>\n        <path d=\"M16.77,15.62v-.9h2.05v1.84a4.74,4.74,0,0,1-1,.54,3.48,3.48,0,0,1-1.08.15A2.62,2.62,0,0,1,15.46,17a1.77,1.77,0,0,1-.75-.78A2.5,2.5,0,0,1,14.44,15a2.54,2.54,0,0,1,.29-1.23,2,2,0,0,1,.85-.79,2.78,2.78,0,0,1,1.18-.2,3.49,3.49,0,0,1,1.06.12,1.44,1.44,0,0,1,.59.4,1.87,1.87,0,0,1,.35.69l-1.28.23a.65.65,0,0,0-.27-.37.82.82,0,0,0-.48-.13.89.89,0,0,0-.7.3,1.47,1.47,0,0,0-.26,1A1.48,1.48,0,0,0,16,16a.9.9,0,0,0,.73.3,1.16,1.16,0,0,0,.42-.07,1.72,1.72,0,0,0,.46-.22v-.4Z\"/>\n      </g>\n    </svg>\n    <!-- file-gif -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-gif\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M8.93,15.62v-.9H11v1.84a4.53,4.53,0,0,1-1,.54,3.41,3.41,0,0,1-1.07.15A2.67,2.67,0,0,1,7.62,17a1.88,1.88,0,0,1-.75-.78A2.63,2.63,0,0,1,6.61,15,2.54,2.54,0,0,1,6.9,13.8,1.92,1.92,0,0,1,7.75,13a2.9,2.9,0,0,1,1.17-.2,3.56,3.56,0,0,1,1.07.12,1.41,1.41,0,0,1,.58.4,1.61,1.61,0,0,1,.35.69l-1.28.23a.68.68,0,0,0-.26-.37.83.83,0,0,0-.49-.13.86.86,0,0,0-.69.3,1.47,1.47,0,0,0-.26,1,1.54,1.54,0,0,0,.26,1,.93.93,0,0,0,.73.3,1.25,1.25,0,0,0,.43-.07A1.88,1.88,0,0,0,9.82,16v-.4Z\"/>\n        <path d=\"M11.82,12.88h1.33v4.29H11.82Z\"/>\n        <path d=\"M14.11,12.88h3.28v.92H15.45v.75h1.66v.87H15.45v1.75H14.11Z\"/>\n      </g>\n    </svg>\n    <!-- file-svg -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-svg\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.31,15.75l1.27-.08a.89.89,0,0,0,.16.47.69.69,0,0,0,.59.26.66.66,0,0,0,.44-.13A.4.4,0,0,0,7.92,16a.4.4,0,0,0-.15-.3,1.61,1.61,0,0,0-.68-.25,2.84,2.84,0,0,1-1.24-.52,1.05,1.05,0,0,1-.38-.83,1.09,1.09,0,0,1,.2-.62A1.28,1.28,0,0,1,6.24,13a2.78,2.78,0,0,1,1.06-.16,2.16,2.16,0,0,1,1.25.3,1.35,1.35,0,0,1,.52,1l-1.25.07a.76.76,0,0,0-.21-.42.68.68,0,0,0-.44-.13.56.56,0,0,0-.35.09.31.31,0,0,0-.12.24.24.24,0,0,0,.1.19,1.19,1.19,0,0,0,.44.16,5.87,5.87,0,0,1,1.25.37,1.38,1.38,0,0,1,.55.48,1.25,1.25,0,0,1,.17.64,1.38,1.38,0,0,1-.23.76,1.4,1.4,0,0,1-.64.53,2.57,2.57,0,0,1-1,.18,2.14,2.14,0,0,1-1.52-.42A1.71,1.71,0,0,1,5.31,15.75Z\"/>\n        <path d=\"M9.46,12.88h1.38l1,3.09.95-3.09h1.35l-1.59,4.29H11.08Z\"/>\n        <path d=\"M16.5,15.62v-.9h2.05v1.84a4.53,4.53,0,0,1-1,.54,3.43,3.43,0,0,1-1.08.15A2.62,2.62,0,0,1,15.19,17a1.88,1.88,0,0,1-.75-.78A2.5,2.5,0,0,1,14.17,15a2.54,2.54,0,0,1,.29-1.23,2,2,0,0,1,.85-.79,3,3,0,0,1,1.18-.2,3.49,3.49,0,0,1,1.06.12,1.38,1.38,0,0,1,.59.4,1.73,1.73,0,0,1,.35.69l-1.28.23a.65.65,0,0,0-.27-.37.78.78,0,0,0-.48-.13.89.89,0,0,0-.7.3,1.47,1.47,0,0,0-.26,1,1.48,1.48,0,0,0,.27,1,.91.91,0,0,0,.73.3,1.16,1.16,0,0,0,.42-.07,1.92,1.92,0,0,0,.47-.22v-.4Z\"/>\n      </g>\n    </svg>\n    <!-- file-eps -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-eps\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.94,12.88H9.5v.92H7.27v.68H9.33v.87H7.27v.85H9.56v1H5.94Z\"/>\n        <path d=\"M10.27,12.88h2.2a1.49,1.49,0,0,1,1.08.34,1.3,1.3,0,0,1,.36,1,1.31,1.31,0,0,1-.39,1,1.66,1.66,0,0,1-1.19.37H11.6v1.59H10.27Zm1.33,1.83h.33a.86.86,0,0,0,.54-.13.45.45,0,0,0,.15-.34.49.49,0,0,0-.13-.35.72.72,0,0,0-.51-.14H11.6Z\"/>\n        <path d=\"M14.38,15.75l1.26-.08a.89.89,0,0,0,.17.47.67.67,0,0,0,.58.26.64.64,0,0,0,.44-.13A.4.4,0,0,0,17,16a.42.42,0,0,0-.14-.3,1.74,1.74,0,0,0-.68-.25,2.89,2.89,0,0,1-1.25-.52,1,1,0,0,1-.37-.83,1.08,1.08,0,0,1,.19-.62,1.31,1.31,0,0,1,.58-.47,2.72,2.72,0,0,1,1-.16,2.21,2.21,0,0,1,1.26.3,1.31,1.31,0,0,1,.51,1l-1.25.07a.65.65,0,0,0-.21-.42.66.66,0,0,0-.44-.13.58.58,0,0,0-.35.09.31.31,0,0,0-.12.24.28.28,0,0,0,.1.19,1.18,1.18,0,0,0,.45.16,5.74,5.74,0,0,1,1.24.37,1.31,1.31,0,0,1,.55.48,1.25,1.25,0,0,1,.17.64,1.31,1.31,0,0,1-.23.76,1.43,1.43,0,0,1-.63.53,2.62,2.62,0,0,1-1,.18,2.14,2.14,0,0,1-1.52-.42A1.65,1.65,0,0,1,14.38,15.75Z\"/>\n      </g>\n    </svg>\n    <!-- file-js -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-js\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M10.06,12.88h1.33v2.33a3.56,3.56,0,0,1-.13,1.12,1.3,1.3,0,0,1-.52.65,1.77,1.77,0,0,1-1,.27,2.28,2.28,0,0,1-1-.18,1.29,1.29,0,0,1-.55-.51,1.93,1.93,0,0,1-.23-.84l1.27-.17a1.13,1.13,0,0,0,0,.42.44.44,0,0,0,.15.22.36.36,0,0,0,.22.06.37.37,0,0,0,.33-.17,1.09,1.09,0,0,0,.1-.56Z\"/>\n        <path d=\"M12,15.75l1.27-.08a.89.89,0,0,0,.16.47.7.7,0,0,0,.59.26.64.64,0,0,0,.44-.13.4.4,0,0,0,.15-.31.4.4,0,0,0-.15-.3,1.61,1.61,0,0,0-.67-.25,2.83,2.83,0,0,1-1.25-.52,1,1,0,0,1-.37-.83,1.08,1.08,0,0,1,.19-.62A1.34,1.34,0,0,1,13,13,2.78,2.78,0,0,1,14,12.81a2.21,2.21,0,0,1,1.26.3,1.35,1.35,0,0,1,.51,1l-1.25.07a.65.65,0,0,0-.21-.42.66.66,0,0,0-.44-.13.56.56,0,0,0-.35.09.31.31,0,0,0-.12.24.24.24,0,0,0,.1.19,1.19,1.19,0,0,0,.44.16,5.87,5.87,0,0,1,1.25.37,1.31,1.31,0,0,1,.55.48,1.25,1.25,0,0,1,.17.64,1.38,1.38,0,0,1-.23.76,1.4,1.4,0,0,1-.64.53,2.54,2.54,0,0,1-1,.18,2.14,2.14,0,0,1-1.52-.42A1.71,1.71,0,0,1,12,15.75Z\"/>\n      </g>\n    </svg>\n    <!-- file-css -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-css\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M8.63,15.42l1.17.35a2.09,2.09,0,0,1-.37.81,1.61,1.61,0,0,1-.63.5,2.34,2.34,0,0,1-1,.17A2.64,2.64,0,0,1,6.71,17a1.79,1.79,0,0,1-.77-.71A2.47,2.47,0,0,1,5.62,15a2.23,2.23,0,0,1,.57-1.64,2.14,2.14,0,0,1,1.6-.57,2.26,2.26,0,0,1,1.28.32,2,2,0,0,1,.69,1l-1.18.26a1.1,1.1,0,0,0-.12-.28.76.76,0,0,0-.64-.32.78.78,0,0,0-.69.36A1.56,1.56,0,0,0,7,15a1.59,1.59,0,0,0,.22,1,.74.74,0,0,0,.61.26A.74.74,0,0,0,8.35,16,1.28,1.28,0,0,0,8.63,15.42Z\"/>\n        <path d=\"M10.21,15.75l1.26-.08a1,1,0,0,0,.17.47.69.69,0,0,0,.59.26.61.61,0,0,0,.43-.13.38.38,0,0,0,.16-.31.4.4,0,0,0-.15-.3,1.68,1.68,0,0,0-.68-.25,2.78,2.78,0,0,1-1.24-.52,1.05,1.05,0,0,1-.38-.83,1.16,1.16,0,0,1,.19-.62,1.31,1.31,0,0,1,.58-.47,2.78,2.78,0,0,1,1.06-.16,2.18,2.18,0,0,1,1.25.3,1.35,1.35,0,0,1,.52,1l-1.26.07a.57.57,0,0,0-.65-.55.53.53,0,0,0-.34.09.31.31,0,0,0-.12.24.24.24,0,0,0,.1.19,1.19,1.19,0,0,0,.44.16,5.87,5.87,0,0,1,1.25.37,1.28,1.28,0,0,1,.54.48,1.17,1.17,0,0,1,.18.64,1.38,1.38,0,0,1-.23.76,1.46,1.46,0,0,1-.64.53,2.57,2.57,0,0,1-1,.18,2.13,2.13,0,0,1-1.52-.42A1.71,1.71,0,0,1,10.21,15.75Z\"/>\n        <path d=\"M14.54,15.75l1.27-.08a.89.89,0,0,0,.16.47.69.69,0,0,0,.59.26.66.66,0,0,0,.44-.13.4.4,0,0,0,.15-.31.4.4,0,0,0-.15-.3,1.61,1.61,0,0,0-.68-.25,2.84,2.84,0,0,1-1.24-.52,1.05,1.05,0,0,1-.38-.83,1.09,1.09,0,0,1,.2-.62,1.28,1.28,0,0,1,.57-.47,2.78,2.78,0,0,1,1.06-.16,2.16,2.16,0,0,1,1.25.3,1.35,1.35,0,0,1,.52,1l-1.25.07a.76.76,0,0,0-.21-.42.68.68,0,0,0-.44-.13.56.56,0,0,0-.35.09.31.31,0,0,0-.12.24.24.24,0,0,0,.1.19,1.19,1.19,0,0,0,.44.16,5.87,5.87,0,0,1,1.25.37,1.38,1.38,0,0,1,.55.48,1.25,1.25,0,0,1,.17.64,1.38,1.38,0,0,1-.23.76,1.4,1.4,0,0,1-.64.53,2.57,2.57,0,0,1-1,.18A2.14,2.14,0,0,1,15,16.83,1.71,1.71,0,0,1,14.54,15.75Z\"/>\n      </g>\n    </svg>\n    <!-- file-html -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-html\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M6,13.76h.88v1h1v-1h.89v2.86H7.82V15.46h-1v1.16H6Z\"/>\n        <path d=\"M9.09,13.76h2.69v.71h-.9v2.15H10V14.47H9.09Z\"/>\n        <path d=\"M12.17,13.76h1.17l.45,1.74.44-1.74h1.16v2.86h-.72V14.44l-.56,2.18h-.65l-.56-2.18v2.18h-.73Z\"/>\n        <path d=\"M16,13.76h.88v2.16h1.38v.7H16Z\"/>\n      </g>\n    </svg>\n    <!-- file-ai -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-ai\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M11.58,16.46H10.07l-.21.71H8.51l1.61-4.29h1.45l1.62,4.29H11.8Zm-.27-.92L10.83,14l-.47,1.55Z\"/>\n        <path d=\"M13.66,12.88H15v4.29H13.66Z\"/>\n      </g>\n    </svg>\n    <!-- messages -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages\"><path d=\"M20,2H4C2.9,2,2,2.9,2,4v18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z\"/></g>\n    </svg>\n    <!-- messages-1 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-1\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM13.13,15h-2V7h-2V5h4Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-2 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-2\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.82a2,2,0,0,1-2,2H11v2h4v2H9v-4a2,2,0,0,1,2-2h2v-2H9v-2h4a2,2,0,0,1,2,2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-3 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-3\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.5A1.5,1.5,0,0,1,13.5,10,1.5,1.5,0,0,1,15,11.5V13a2,2,0,0,1-2,2H9V13h4V11H11V9h2V7H9V5h4a2,2,0,0,1,2,2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-4 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-4\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,15.26H13v-4H9v-6h2v4h2v-4h2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-5 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-5\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7H11V9h2a2,2,0,0,1,2,2v2a2,2,0,0,1-2,2H9V13h4V11H9V5h6Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-6 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-6\"><rect x=\"9\" y=\"9\" width=\"2\" height=\"2\"/><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7H11V9h2a2,2,0,0,1,2,2v2a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V7a2,2,0,0,1,2-2h4Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-7 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-7\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7l-4,8H9l4-8H9V5h6Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-8 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-8\"><rect x=\"9\" y=\"9\" width=\"2\" height=\"2\"/><rect x=\"9\" y=\"5\" width=\"2\" height=\"2\"/><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.5A1.5,1.5,0,0,1,13.5,10,1.5,1.5,0,0,1,15,11.5V13a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V11.5A1.5,1.5,0,0,1,10.5,10,1.5,1.5,0,0,1,9,8.5V7a2,2,0,0,1,2-2h2a2,2,0,0,1,2,2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-9 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-9\"><rect x=\"9\" y=\"5\" width=\"2\" height=\"2\"/><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,13a2,2,0,0,1-2,2H9V13h4V11H11A2,2,0,0,1,9,9V7a2,2,0,0,1,2-2h2a2,2,0,0,1,2,2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-9-plus -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-9-plus\"><rect x=\"6\" y=\"6\" width=\"1\" height=\"1\"/><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM11,12a2,2,0,0,1-2,2H6V12H9V11H8A2,2,0,0,1,6,9V8A2,2,0,0,1,8,6H9a2,2,0,0,1,2,2Zm7-1H16v2H14V11H12V9h2V7h2V9h2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- no-assignment -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"no-assignment\"><path d=\"M19,4h-4.2c-0.4-1.2-1.5-2-2.8-2S9.6,2.8,9.2,4H5C3.9,4,3,4.9,3,6v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V6\n\tC21,4.9,20.1,4,19,4z M12,4c0.5,0,1,0.5,1,1s-0.5,1-1,1s-1-0.5-1-1S11.5,4,12,4z M17.3,17.5L16,18.9l-4-4l-4,4l-1.4-1.4l4-4l-4-4\n\tL8,8.2l4,4l4-4l1.4,1.4l-4,4L17.3,17.5z\"/></g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_803fb3301f2611eda0c389891c227ec8 || (_templateObject_803fb3301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg size=\"24\" name=\"hax\">\n    <!-- code-json -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"code-json\">\n          <path d=\"M5,3H7V5H5V10A2,2 0 0,1 3,12A2,2 0 0,1 5,14V19H7V21H5C3.93,20.73 3,20.1 3,19V15A2,2 0 0,0 1,13H0V11H1A2,2 0 0,0 3,9V5A2,2 0 0,1 5,3M19,3A2,2 0 0,1 21,5V9A2,2 0 0,0 23,11H24V13H23A2,2 0 0,0 21,15V19A2,2 0 0,1 19,21H17V19H19V14A2,2 0 0,1 21,12A2,2 0 0,1 19,10V5H17V3H19M12,15A1,1 0 0,1 13,16A1,1 0 0,1 12,17A1,1 0 0,1 11,16A1,1 0 0,1 12,15M8,15A1,1 0 0,1 9,16A1,1 0 0,1 8,17A1,1 0 0,1 7,16A1,1 0 0,1 8,15M16,15A1,1 0 0,1 17,16A1,1 0 0,1 16,17A1,1 0 0,1 15,16A1,1 0 0,1 16,15Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- remix -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"remix\">\n          <path d=\"M8 17L12 13H15.2C15.6 14.2 16.7 15 18 15C19.7 15 21 13.7 21 12S19.7 9 18 9C16.7 9 15.6 9.8 15.2 11H12L8 7V3H3V8H6L10.2 12L6 16H3V21H8V17Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- arrow-expand-left -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"arrow-expand-left\">\n          <path d=\"M20,22H22V2H20V11H5.83L11.33,5.5L9.92,4.08L2,12L9.92,19.92L11.33,18.5L5.83,13H20V22Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- table-column-plus-after -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"table-column-plus-after\">\n          <path d=\"M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z\" />\n      </g>\n      </defs>\n    </svg>\n    <!-- table-column-remove -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"table-column-remove\">\n          <path d=\"M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- arrow-all -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"arrow-all\">\n          <path d=\"M13,11H18L16.5,9.5L17.92,8.08L21.84,12L17.92,15.92L16.5,14.5L18,13H13V18L14.5,16.5L15.92,17.92L12,21.84L8.08,17.92L9.5,16.5L11,18V13H6L7.5,14.5L6.08,15.92L2.16,12L6.08,8.08L7.5,9.5L6,11H11V6L9.5,7.5L8.08,6.08L12,2.16L15.92,6.08L14.5,7.5L13,6V11Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- arrow-expand-right -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"arrow-expand-right\">\n          <path d=\"M4,2H2V22H4V13H18.17L12.67,18.5L14.08,19.92L22,12L14.08,4.08L12.67,5.5L18.17,11H4V2Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- placeholder -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"placeholder\">\n          <path d=\"M4 3H5V5H3V4C3 3.5 3.5 3 4 3M20 3C20.5 3 21 3.5 21 4V5H19V3H20M15 5V3H17V5H15M11 5V3H13V5H11M7 5V3H9V5H7M21 12C21 12.5 20.5 13 20 13H19V11H21V12M15 13V11H17V13H15M11 13V11H13V13H11M7 13V11H9V13H7M4 13C3.5 13 3 12.5 3 12V11H5V13H4M3 7H5V9H3V7M21 7V9H19V7H21M7 16L12 21L17 16H7Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- site map -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"site-map\">\n          <path d=\"M9,2V8H11V11H5C3.89,11 3,11.89 3,13V16H1V22H7V16H5V13H11V16H9V22H15V16H13V13H19V16H17V22H23V16H21V13C21,11.89 20.11,11 19,11H13V8H15V2H9Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- templates -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"templates\">\n          <path d=\"M2 4V18C2 18 2 20 4 20H20C20 20 22 20 22 18V4H2M9 13H5V7H9V13M19 13H11V11H19V13M19 9H11V7H19V9Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- add item -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"add-item\">\n          <path d=\"M2,2H11V11H2V2M17.5,2C20,2 22,4 22,6.5C22,9 20,11 17.5,11C15,11 13,9 13,6.5C13,4 15,2 17.5,2M6.5,14L11,22H2L6.5,14M19,17H22V19H19V22H17V19H14V17H17V14H19V17Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- page details -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"page-details\">\n          <path d=\"M17,7H22V17H17V19A1,1 0 0,0 18,20H20V22H17.5C16.95,22 16,21.55 16,21C16,21.55 15.05,22 14.5,22H12V20H14A1,1 0 0,0 15,19V5A1,1 0 0,0 14,4H12V2H14.5C15.05,2 16,2.45 16,3C16,2.45 16.95,2 17.5,2H20V4H18A1,1 0 0,0 17,5V7M2,7H13V9H4V15H13V17H2V7M20,15V9H17V15H20Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- page details -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"format-textblock\">\n          <path d=\"M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M4,6V18H20V6H4M6,9H18V11H6V9M6,13H16V15H6V13Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- add page -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"add-page\">\n          <path d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M12,17V15H7V17H12M17,11H7V13H14.69C13.07,14.07 12,15.91 12,18C12,19.09 12.29,20.12 12.8,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V12.8C20.12,12.29 19.09,12 18,12L17,12.08V11M17,9V7H7V9H17Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- h2 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"h2\">\n          <path d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M21,18H15A2,2 0 0,1 13,16C13,15.47 13.2,15 13.54,14.64L18.41,9.41C18.78,9.05 19,8.55 19,8A2,2 0 0,0 17,6A2,2 0 0,0 15,8H13A4,4 0 0,1 17,4A4,4 0 0,1 21,8C21,9.1 20.55,10.1 19.83,10.83L15,16H21V18Z\" />\n        </g>\n      </defs>\n    </svg>\n        <!-- h3 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"h3\">\n          <path d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V15H15V16H19V12H15V10H19V6H15V7H13V6A2,2 0 0,1 15,4Z\" />\n        </g>\n      </defs>\n    </svg>\n        <!-- h4 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"h4\">\n    <path d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M18,18V13H13V11L18,4H20V11H21V13H20V18H18M18,11V7.42L15.45,11H18Z\" />\n        </g>\n      </defs>\n    </svg>\n        <!-- h5 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"h5\">\n    <path d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H20V6H15V10H17A4,4 0 0,1 21,14A4,4 0 0,1 17,18H15A2,2 0 0,1 13,16V15H15V16H17A2,2 0 0,0 19,14A2,2 0 0,0 17,12H15A2,2 0 0,1 13,10V6A2,2 0 0,1 15,4Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- bricks -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"bricks\">\n          <path d=\"M3,16H12V21H3V16M2,10H8V15H2V10M9,10H15V15H9V10M16,10H22V15H16V10M13,16H21V21H13V16M3,4H11V9H3V4M12,4H21V9H12V4Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- hr -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"hr\">\n          <path d=\"M19,13H5V11H19V13Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- site settings -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"site-settings\">\n          <path d=\"M4,14V17C4,19 7.05,20.72 11,21V18.11L11.13,18C7.12,17.76 4,16.06 4,14M12,13C7.58,13 4,11.21 4,9V12C4,14.21 7.58,16 12,16C12.39,16 12.77,16 13.16,16L17,12.12C15.4,12.72 13.71,13 12,13M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M21,11.13C20.85,11.13 20.71,11.19 20.61,11.3L19.61,12.3L21.66,14.3L22.66,13.3C22.87,13.1 22.88,12.76 22.66,12.53L21.42,11.3C21.32,11.19 21.18,11.13 21.04,11.13M19.04,12.88L13,18.94V21H15.06L21.12,14.93L19.04,12.88Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- add brick -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"add-brick\">\n           <path d=\"M19 6V5A2 2 0 0 0 17 3H15A2 2 0 0 0 13 5V6H11V5A2 2 0 0 0 9 3H7A2 2 0 0 0 5 5V6H3V20H13.09A5.47 5.47 0 0 1 13 19A6 6 0 0 1 21 13.34V6M20 15V18H23V20H20V23H18V20H15V18H18V15Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- page edit -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <defs>\n        <g id=\"page-edit\">\n          <path d=\"M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H10V20.09L12.09,18H6V16H14.09L16.09,14H6V12H18.09L20,10.09V8L14,2H6M13,3.5L18.5,9H13V3.5M20.15,13C20,13 19.86,13.05 19.75,13.16L18.73,14.18L20.82,16.26L21.84,15.25C22.05,15.03 22.05,14.67 21.84,14.46L20.54,13.16C20.43,13.05 20.29,13 20.15,13M18.14,14.77L12,20.92V23H14.08L20.23,16.85L18.14,14.77Z\" />\n        </g>\n      </defs>\n    </svg>\n    <!-- paragraph -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"paragraph\">\n        <path d=\"M8.48,14.31V22h3.08V5.08h3.08V22h3.08V5.08h3.08V2H8.48c-3.4,0-6.15,2.75-6.15,6.15S5.08,14.31,8.48,14.31z M20.78,20.46\">\n        </g>\n      </defs>\n    </svg>\n    <!-- arrow left -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"arrow-left\">\n          <path d=\"M7.2,12l8.5,6V6L7.2,12z\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- arrow right -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"arrow-right\">\n        <path d=\"M15.8,12L7.2,6v12L15.8,12z\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- calendar -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"calendar\">\n          <path d=\"M19,4h-1V2h-2v2H8V2H6v2H5C3.9,4,3,4.9,3,6l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V6C21,4.9,20.1,4,19,4z M19,20H5V9h14\n            V20z\"/>\n          <rect x=\"11\" y=\"11\" width=\"2\" height=\"2\"/>\n          <rect x=\"15\" y=\"11\" width=\"2\" height=\"2\"/>\n          <rect x=\"7\" y=\"11\" width=\"2\" height=\"2\"/>\n          <rect x=\"7\" y=\"15\" width=\"2\" height=\"2\"/>\n          <rect x=\"11\" y=\"15\" width=\"2\" height=\"2\"/>\n          <rect x=\"15\" y=\"15\" width=\"2\" height=\"2\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- vocab -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"vocab\">\n          <polygon points=\"5.25,13.12 8.29,13.12 6.77,9.06 \t\"/>\n          <path d=\"M20.5,4.45c-1.07-0.32-2.19-0.48-3.3-0.47C15.36,3.9,13.54,4.39,12,5.4c-1.54-1-3.36-1.5-5.19-1.42\n            C4.97,3.9,3.16,4.39,1.62,5.4v13.83c0.02,0.25,0.22,0.45,0.47,0.47c0.09,0,0.14,0,0.24,0c1.41-0.66,2.93-1.03,4.48-1.09\n            c1.84-0.08,3.65,0.41,5.19,1.42c1.59-0.88,3.37-1.37,5.19-1.42c1.55-0.04,3.09,0.3,4.48,0.99c0.07,0.04,0.15,0.05,0.24,0.05\n            c0.25-0.02,0.45-0.22,0.47-0.47V5.4C21.81,4.98,21.17,4.66,20.5,4.45z M9.5,16.33l-0.72-1.89H4.77l-0.72,1.89H2.61l3.53-9h1.28\n            l3.52,9H9.5z M20.5,17.2c-1.07-0.32-2.18-0.48-3.3-0.47c-1.82,0.05-3.6,0.53-5.19,1.42V7.28c1.59-0.88,3.37-1.37,5.19-1.42\n            c1.12-0.01,2.23,0.15,3.3,0.47V17.2z\"/>\n          <polygon points=\"19.66,7.34 13.14,7.34 13.14,8.6 17.76,8.6 13.11,15.32 13.11,16.33 19.81,16.33 19.81,15.08 15,15.08 19.66,8.33 \n              \"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- math -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"math\">\n          <polygon points=\"11,5.5 7.5,5.5 7.5,2 5.5,2 5.5,5.5 2,5.5 2,7.5 5.5,7.5 5.5,11 7.5,11 7.5,7.5 11,7.5 \"/>\n          <rect x=\"13\" y=\"5.5\" width=\"9\" height=\"1.99\"/>\n          <polygon points=\"11.02,14.39 9.61,12.98 6.5,16.09 3.41,13 2,14.41 5.09,17.5 1.97,20.62 3.38,22.03 6.5,18.91 9.61,22.02 \n            11.02,20.61 7.91,17.5 \"/>\n          <rect x=\"13\" y=\"16.5\" width=\"9\" height=\"1.99\"/>\n          <rect x=\"16.5\" y=\"13\" width=\"1.99\" height=\"1.99\"/>\n          <rect x=\"16.5\" y=\"20.01\" width=\"1.99\" height=\"1.99\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- multiple-choice -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"multiple-choice\">\n          <rect x=\"5\" width=\"12\" height=\"4\"/><circle cx=\"2\" cy=\"2\" r=\"2\"/>\n          <rect opacity=\"0.7\" x=\"5\" y=\"10\" width=\"12\" height=\"4\"/>\n          <circle opacity=\"0.7\" cx=\"2\" cy=\"7\" r=\"2\"/>\n          <rect opacity=\"0.7\" x=\"5\" y=\"5\" width=\"12\" height=\"4\"/>\n          <circle opacity=\"0.7\" cx=\"2\" cy=\"12\" r=\"2\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- timeline -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"timeline\">\n          <rect class=\"cls-1\" x=\"13.22\" y=\"3.96\" width=\"1.97\" height=\"10.25\"/>\n          <circle class=\"cls-1\" cx=\"14.24\" cy=\"2.63\" r=\"2.63\"/>\n          <circle class=\"cls-1\" cx=\"14.2\" cy=\"15.54\" r=\"2.63\"/>\n          <circle class=\"cls-1\" cx=\"14.2\" cy=\"9.09\" r=\"2.63\"/>\n          <rect class=\"cls-1\" x=\"0.04\" y=\"0.63\" width=\"9.24\" height=\"4.01\"/>\n          <rect class=\"cls-1\" x=\"0.05\" y=\"7.08\" width=\"9.24\" height=\"4.01\"/>\n          <rect class=\"cls-1\" y=\"13.53\" width=\"9.24\" height=\"4.01\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- meme -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"meme\">\n          <path d=\"M19,3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5A2,2,0,0,0,19,3ZM16.55,4.72H18.6v1h-.82v.9h.77v.9h-.77v1h.91v1H16.55Zm-4.3,0h1.59c.05.28.1.62.15,1l.17,1.2.29-2.21h1.6V9.46H15V6.26l-.43,3.2h-.76l-.45-3.13V9.46H12.25Zm-2.5,0h2.06v1H11v.9h.77v.9H11v1h.9v1H9.75Zm-4.3,0h1.6c0,.28.09.62.14,1l.18,1.2.28-2.21H9.26V9.46H8.18V6.26l-.43,3.2H7L6.53,6.33V9.46H5.45ZM5,18l3.5-4.5,2.5,3L14.5,12,19,18Z\" transform=\"translate(-3 -3)\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- qr-code -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"qr-code\">\n          <path d=\"M12.8,3v8.2H21V3H12.8z M19.2,9.4h-4.7V4.8h4.7V9.4z\"/>\n          <rect x=\"15.8\" y=\"6.1\" width=\"2.2\" height=\"2.2\"/>\n          <path d=\"M3,12.7v8.3h8.2v-8.3H3z M9.5,19.1H4.8v-4.7h4.7V19.1z\"/>\n          <rect x=\"6.1\" y=\"15.7\" width=\"2\" height=\"2.2\"/>\n          <path d=\"M3,3v8.2h8.2V3H3z M9.5,9.4H4.8V4.8h4.7V9.4z\"/>\n          <rect x=\"6\" y=\"6.1\" width=\"2.2\" height=\"2.2\"/>\n          <polygon points=\"17.7,12.7 12.8,12.7 12.8,14.5 14.5,14.5 14.8,14.5 17.7,14.5 \"/>\n          <polygon points=\"14.5,19.2 14.5,19.1 14.5,18.8 14.5,15.9 12.8,15.9 12.8,20.9 14.5,20.9 16.3,20.9 16.3,19.2 \"/>\n          <polygon points=\"19.2,19.1 19.2,17.7 21,17.7 21,12.7 19.2,12.7 19.2,14.5 19.2,14.8 19.2,15.9 17.5,15.9 15.7,15.9 15.7,17.7 17.5,17.7 19.2,17.7 19.2,17.7 17.5,17.7 17.5,19.2 19.2,19.2 19.2,20.9 21,20.9 21,19.1 \"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- placeholder-image -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"placeholder-image\">\n          <path d=\"M19,3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5A2,2,0,0,0,19,3Zm0,2h0Zm-8.6,7L5,17.43V6.62ZM6.53,5h10.9L12,10.45ZM12,13.6l5.4,5.4H6.57ZM13.55,12,19,6.57v10.9Z\" transform=\"translate(-3 -3)\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- html-code -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"html-code\">\n          <polygon points=\"15.8 0 19.93 7.96 15.76 16 18.83 16 23 7.96 18.88 0 15.8 0\"/>\n          <polygon points=\"7.2 16 3.07 8.04 7.24 0 4.17 0 0 8.04 4.12 16 7.2 16\"/>\n          <polygon points=\"10.6 16 14.94 0 12.4 0 8.06 16 10.6 16\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- pi -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"pi\">\n          <path d=\"M8.8,6.89C7.96,6.96,7.17,6.96,6.41,7.1C5.33,7.31,4.71,8.16,4.15,9.04C3.95,9.34,3.76,9.52,3.36,9.38\n            C3.78,7.86,4.34,6.43,5.48,5.3c0.53-0.53,1.19-0.74,1.91-0.81c0.62-0.06,1.25-0.1,1.88-0.1c3.49-0.01,6.99,0,10.48,0\n            c0.15,0,0.31,0,0.49,0c0,0.85,0,1.67,0,2.55c-1.29,0-2.6,0-3.94,0c-0.09,1.28-0.18,2.51-0.25,3.74c-0.08,1.45-0.15,2.91-0.19,4.36\n            c-0.01,0.55,0.07,1.11,0.17,1.65c0.15,0.82,0.66,1.27,1.46,1.37c0.81,0.1,1.49-0.23,1.84-0.93c0.17-0.35,0.27-0.73,0.41-1.12\n            c0.14,0,0.31,0,0.5,0c-0.14,1.15-0.37,2.24-0.96,3.21c-0.8,1.34-2.24,1.89-3.83,1.49c-1.41-0.36-2.31-1.54-2.32-3.23\n            c-0.01-1.36,0.11-2.72,0.21-4.07c0.17-2.13,0.38-4.25,0.58-6.41c-1.21,0-2.4,0-3.63,0c-0.1,1.36-0.18,2.72-0.3,4.07\n            c-0.21,2.52-0.42,5.05-1.12,7.49c-0.13,0.47-0.31,0.94-0.56,1.35c-0.62,1.01-1.98,1.24-2.93,0.54c-0.55-0.41-0.81-1.07-0.57-1.72\n            c0.18-0.48,0.41-0.97,0.72-1.37c1.93-2.46,2.78-5.31,3.05-8.38C8.66,8.32,8.72,7.67,8.8,6.89z\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- oerschema -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"oerschema\">\n          <path d=\"M14.42,14.68c0,0.74,0,1.46,0,2.18c-1.1,0.03-2.53-0.38-3.75-1.74c-0.83,0.95-1.87,1.54-3.13,1.71\n            c-1.4,0.19-2.65-0.18-3.73-1.07c-2.32-1.91-2.28-5.15-0.51-7.08c1.84-2,5.19-2.27,7.38,0.18c1-1.12,2.24-1.75,3.76-1.75\n            c1.52,0,2.76,0.63,3.77,1.76c0.98-1.13,2.22-1.74,3.76-1.77c0,0.75,0,1.47,0,2.14c-0.44,0.15-0.89,0.24-1.28,0.45\n            c-0.75,0.4-1.24,1.05-1.31,1.9c-0.07,0.91-0.05,1.84-0.06,2.75c0,0.1,0,0.19,0,0.3c-0.74,0-1.46,0-2.22,0c0-0.5,0-1.01,0-1.53\n            c-1.26,0-2.49,0-3.74,0c0-0.76,0-1.49,0-2.25c1.15,0,2.3,0,3.46,0c-0.36-0.95-1.48-1.63-2.56-1.53c-1.38,0.13-2.28,1.11-2.44,2.27\n            C11.64,12.87,12.43,14.56,14.42,14.68z M9.55,12.01c0.04-1.42-1.13-2.66-2.62-2.67c-1.5,0-2.65,1.17-2.66,2.6\n            c-0.02,1.59,1.2,2.71,2.66,2.71C8.4,14.65,9.57,13.47,9.55,12.01z\"/>\n        </g>\n      </defs>\n    </svg>\n    <!-- basic layout bar icons -->\n    <svg>\n        <g id=\"12\" height=\"20\">\n          <rect x=\"0\" y=\"0\" width=\"24\" height=\"100%\"></rect>\n        </g>\n        <g id=\"6-6\" height=\"20\">\n          <rect x=\"0\" y=\"0\" width=\"11\" height=\"100%\"></rect>\n          <rect x=\"12\" y=\"0\" width=\"11\" height=\"100%\"></rect>\n        </g>\n        <g id=\"4-8\" height=\"20\">\n          <rect x=\"0\" y=\"0\" width=\"6\" height=\"100%\"></rect>\n          <rect x=\"8\" y=\"0\" width=\"16\" height=\"100%\"></rect>\n        </g>\n        <g id=\"4-4-4\" height=\"20\">\n          <rect x=\"0\" y=\"0\" width=\"7\" height=\"100%\"></rect>\n          <rect x=\"8\" y=\"0\" width=\"7\" height=\"100%\"></rect>\n          <rect x=\"16\" y=\"0\" width=\"7\" height=\"100%\"></rect>\n        </g>\n        <g id=\"3-3-3-3\" height=\"20\">\n          <rect x=\"0\" y=\"0\" width=\"5\" height=\"100%\"></rect>\n          <rect x=\"6\" y=\"0\" width=\"5\" height=\"100%\"></rect>\n          <rect x=\"12\" y=\"0\" width=\"5\" height=\"100%\"></rect>\n          <rect x=\"18\" y=\"0\" width=\"5\" height=\"100%\"></rect>\n        </g>\n    </svg>\n    <!-- file-blank -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-blank\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n      </g>\n    </svg>\n    <!-- file-doc -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-doc\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.29,12.88h2a2.32,2.32,0,0,1,1,.16,1.46,1.46,0,0,1,.59.45,1.86,1.86,0,0,1,.34.69,3.2,3.2,0,0,1,.1.83,3,3,0,0,1-.15,1.07,1.79,1.79,0,0,1-.44.63,1.34,1.34,0,0,1-.59.35,3.55,3.55,0,0,1-.8.11h-2Zm1.33,1V16.2h.32a1.44,1.44,0,0,0,.6-.09.65.65,0,0,0,.27-.33,1.92,1.92,0,0,0,.1-.74,1.45,1.45,0,0,0-.22-.94A1,1,0,0,0,7,13.85Z\"/>\n        <path d=\"M9.77,15a2.22,2.22,0,0,1,.59-1.64A2.21,2.21,0,0,1,12,12.81a2.23,2.23,0,0,1,1.65.57A2.15,2.15,0,0,1,14.22,15,2.63,2.63,0,0,1,14,16.23a1.82,1.82,0,0,1-.73.75,2.41,2.41,0,0,1-1.19.27A2.84,2.84,0,0,1,10.84,17a1.88,1.88,0,0,1-.77-.74A2.39,2.39,0,0,1,9.77,15Zm1.33,0a1.44,1.44,0,0,0,.24.93.93.93,0,0,0,1.32,0,1.57,1.57,0,0,0,.24-1,1.3,1.3,0,0,0-.25-.89.89.89,0,0,0-1.3,0A1.42,1.42,0,0,0,11.1,15Z\"/>\n        <path d=\"M17.8,15.42l1.16.35a2.09,2.09,0,0,1-.37.81,1.58,1.58,0,0,1-.62.5,2.37,2.37,0,0,1-.95.17A2.72,2.72,0,0,1,15.87,17a1.77,1.77,0,0,1-.76-.71A2.38,2.38,0,0,1,14.78,15a2.23,2.23,0,0,1,.57-1.64A2.17,2.17,0,0,1,17,12.81a2.23,2.23,0,0,1,1.27.32,2,2,0,0,1,.69,1l-1.17.26a.81.81,0,0,0-.13-.28.69.69,0,0,0-.27-.24A.86.86,0,0,0,17,13.8a.78.78,0,0,0-.69.36,1.46,1.46,0,0,0-.19.85,1.66,1.66,0,0,0,.22,1,.87.87,0,0,0,1.19,0A1.37,1.37,0,0,0,17.8,15.42Z\"/>      \n      </g>\n      </svg>\n    <!-- file-doc -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-doc\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.29,12.88h2a2.32,2.32,0,0,1,1,.16,1.46,1.46,0,0,1,.59.45,1.86,1.86,0,0,1,.34.69,3.2,3.2,0,0,1,.1.83,3,3,0,0,1-.15,1.07,1.79,1.79,0,0,1-.44.63,1.34,1.34,0,0,1-.59.35,3.55,3.55,0,0,1-.8.11h-2Zm1.33,1V16.2h.32a1.44,1.44,0,0,0,.6-.09.65.65,0,0,0,.27-.33,1.92,1.92,0,0,0,.1-.74,1.45,1.45,0,0,0-.22-.94A1,1,0,0,0,7,13.85Z\"/>\n        <path d=\"M9.77,15a2.22,2.22,0,0,1,.59-1.64A2.21,2.21,0,0,1,12,12.81a2.23,2.23,0,0,1,1.65.57A2.15,2.15,0,0,1,14.22,15,2.63,2.63,0,0,1,14,16.23a1.82,1.82,0,0,1-.73.75,2.41,2.41,0,0,1-1.19.27A2.84,2.84,0,0,1,10.84,17a1.88,1.88,0,0,1-.77-.74A2.39,2.39,0,0,1,9.77,15Zm1.33,0a1.44,1.44,0,0,0,.24.93.93.93,0,0,0,1.32,0,1.57,1.57,0,0,0,.24-1,1.3,1.3,0,0,0-.25-.89.89.89,0,0,0-1.3,0A1.42,1.42,0,0,0,11.1,15Z\"/>\n        <path d=\"M17.8,15.42l1.16.35a2.09,2.09,0,0,1-.37.81,1.58,1.58,0,0,1-.62.5,2.37,2.37,0,0,1-.95.17A2.72,2.72,0,0,1,15.87,17a1.77,1.77,0,0,1-.76-.71A2.38,2.38,0,0,1,14.78,15a2.23,2.23,0,0,1,.57-1.64A2.17,2.17,0,0,1,17,12.81a2.23,2.23,0,0,1,1.27.32,2,2,0,0,1,.69,1l-1.17.26a.81.81,0,0,0-.13-.28.69.69,0,0,0-.27-.24A.86.86,0,0,0,17,13.8a.78.78,0,0,0-.69.36,1.46,1.46,0,0,0-.19.85,1.66,1.66,0,0,0,.22,1,.87.87,0,0,0,1.19,0A1.37,1.37,0,0,0,17.8,15.42Z\"/>\n      </g>\n    </svg>\n    <!-- file-pdf -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-pdf\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n\t    \t<path d=\"M5.93,12.88H8.14a1.51,1.51,0,0,1,1.08.34,1.3,1.3,0,0,1,.36,1,1.31,1.31,0,0,1-.39,1,1.68,1.68,0,0,1-1.2.37H7.27v1.59H5.93Zm1.34,1.83h.32a.82.82,0,0,0,.54-.13.46.46,0,0,0,.16-.34.5.5,0,0,0-.14-.35.71.71,0,0,0-.5-.14H7.27Z\"/>\n        <path d=\"M10.29,12.88h2a2.27,2.27,0,0,1,.94.16,1.49,1.49,0,0,1,.6.45,2,2,0,0,1,.34.69,3.2,3.2,0,0,1,.1.83,3,3,0,0,1-.15,1.07,1.79,1.79,0,0,1-.44.63,1.32,1.32,0,0,1-.6.35,3.4,3.4,0,0,1-.79.11h-2Zm1.33,1V16.2h.32a1.36,1.36,0,0,0,.59-.09.66.66,0,0,0,.28-.33,1.92,1.92,0,0,0,.1-.74,1.45,1.45,0,0,0-.22-.94,1,1,0,0,0-.74-.25Z\"/>\n        <path d=\"M15,12.88h3.28v.92H16.28v.75h1.66v.87H16.28v1.75H15Z\"/>\n      </g>\n    </svg>\n    <!-- file-csv -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-csv\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M8.46,15.42l1.17.35a2.09,2.09,0,0,1-.37.81,1.61,1.61,0,0,1-.63.5,2.34,2.34,0,0,1-1,.17A2.64,2.64,0,0,1,6.54,17a1.79,1.79,0,0,1-.77-.71A2.47,2.47,0,0,1,5.45,15,2.23,2.23,0,0,1,6,13.38a2.14,2.14,0,0,1,1.6-.57,2.19,2.19,0,0,1,1.28.32,2,2,0,0,1,.69,1l-1.18.26a.81.81,0,0,0-.13-.28A.69.69,0,0,0,8,13.88a.86.86,0,0,0-.36-.08.78.78,0,0,0-.69.36,1.56,1.56,0,0,0-.18.85A1.59,1.59,0,0,0,7,16a.74.74,0,0,0,.6.26A.75.75,0,0,0,8.18,16,1.37,1.37,0,0,0,8.46,15.42Z\"/>\n        <path d=\"M10,15.75l1.26-.08a1,1,0,0,0,.17.47.69.69,0,0,0,.59.26.63.63,0,0,0,.43-.13.38.38,0,0,0,.16-.31.4.4,0,0,0-.15-.3,1.68,1.68,0,0,0-.68-.25,2.78,2.78,0,0,1-1.24-.52,1.05,1.05,0,0,1-.38-.83,1.08,1.08,0,0,1,.19-.62A1.31,1.31,0,0,1,11,13,2.78,2.78,0,0,1,12,12.81a2.2,2.2,0,0,1,1.25.3,1.31,1.31,0,0,1,.51,1l-1.25.07a.65.65,0,0,0-.21-.42.64.64,0,0,0-.44-.13.53.53,0,0,0-.34.09.31.31,0,0,0-.12.24.26.26,0,0,0,.09.19,1.35,1.35,0,0,0,.45.16,5.87,5.87,0,0,1,1.25.37,1.28,1.28,0,0,1,.54.48,1.17,1.17,0,0,1,.18.64,1.38,1.38,0,0,1-.23.76,1.51,1.51,0,0,1-.64.53,2.59,2.59,0,0,1-1,.18,2.11,2.11,0,0,1-1.51-.42A1.71,1.71,0,0,1,10,15.75Z\"/>\n        <path d=\"M14.18,12.88h1.39l1,3.09.95-3.09h1.35l-1.6,4.29H15.8Z\"/>\n      </g>\n    </svg>\n    <!-- file-rtf -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-rtf\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M6,17.17V12.88H8.2a3.27,3.27,0,0,1,.94.1,1,1,0,0,1,.52.4,1.19,1.19,0,0,1,.2.69,1.24,1.24,0,0,1-.15.62,1.21,1.21,0,0,1-.42.42,1.8,1.8,0,0,1-.47.17,1,1,0,0,1,.35.16,1.13,1.13,0,0,1,.21.22l.19.27.64,1.24H8.71L8,15.86a1,1,0,0,0-.24-.33.54.54,0,0,0-.33-.1H7.32v1.74Zm1.34-2.55h.56a2,2,0,0,0,.35-.06.33.33,0,0,0,.21-.13.4.4,0,0,0,.09-.25.41.41,0,0,0-.13-.32.79.79,0,0,0-.5-.11H7.32Z\"/>\n        <path d=\"M10.28,12.88h4v1.06H13v3.23H11.63V13.94H10.28Z\"/>\n        <path d=\"M14.92,12.88H18.2v.92H16.25v.75h1.67v.87H16.25v1.75H14.92Z\"/>\n      </g>\n    </svg>\n    <!-- file-ppt -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-ppt\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.94,12.88h2.2a1.51,1.51,0,0,1,1.08.34,1.28,1.28,0,0,1,.36,1,1.31,1.31,0,0,1-.39,1A1.66,1.66,0,0,1,8,15.58H7.27v1.59H5.94Zm1.33,1.83h.32a.82.82,0,0,0,.54-.13.43.43,0,0,0,.16-.35.49.49,0,0,0-.14-.34.71.71,0,0,0-.5-.14H7.27Z\"/>\n        <path d=\"M10.27,12.88h2.2a1.49,1.49,0,0,1,1.08.34,1.28,1.28,0,0,1,.36,1,1.31,1.31,0,0,1-.39,1,1.66,1.66,0,0,1-1.19.37H11.6v1.59H10.27Zm1.33,1.83h.33a.86.86,0,0,0,.54-.13.45.45,0,0,0,.15-.35.48.48,0,0,0-.13-.34.72.72,0,0,0-.51-.14H11.6Z\"/>\n        <path d=\"M14.31,12.88h4v1.06H17v3.23H15.66V13.94H14.31Z\"/>\n      </g>\n    </svg>\n    <!-- file-jpg -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-jpg\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M7.56,12.88H8.89v2.33a3.56,3.56,0,0,1-.13,1.12,1.3,1.3,0,0,1-.52.65,1.77,1.77,0,0,1-1,.27,2.28,2.28,0,0,1-1-.18,1.29,1.29,0,0,1-.55-.51,1.93,1.93,0,0,1-.23-.84l1.27-.17a1.13,1.13,0,0,0,0,.42.44.44,0,0,0,.15.22.36.36,0,0,0,.22.06.37.37,0,0,0,.33-.17,1.09,1.09,0,0,0,.1-.56Z\"/>\n        <path d=\"M9.77,12.88H12a1.51,1.51,0,0,1,1.08.34,1.34,1.34,0,0,1,.36,1,1.32,1.32,0,0,1-.4,1,1.65,1.65,0,0,1-1.19.37H11.1v1.59H9.77Zm1.33,1.83h.33a.86.86,0,0,0,.54-.13.45.45,0,0,0,.15-.34.49.49,0,0,0-.13-.35.72.72,0,0,0-.51-.14H11.1Z\"/>\n        <path d=\"M16.27,15.62v-.9h2.05v1.84a4.53,4.53,0,0,1-1,.54,3.43,3.43,0,0,1-1.08.15A2.62,2.62,0,0,1,15,17a1.88,1.88,0,0,1-.75-.78A2.5,2.5,0,0,1,14,15a2.43,2.43,0,0,1,.29-1.23,1.89,1.89,0,0,1,.84-.79,2.82,2.82,0,0,1,1.18-.2,3.49,3.49,0,0,1,1.06.12,1.44,1.44,0,0,1,.59.4,1.73,1.73,0,0,1,.35.69L17,14.25a.65.65,0,0,0-.27-.37.78.78,0,0,0-.48-.13.89.89,0,0,0-.7.3,1.47,1.47,0,0,0-.25,1,1.48,1.48,0,0,0,.26,1,.91.91,0,0,0,.73.3,1.16,1.16,0,0,0,.42-.07,1.92,1.92,0,0,0,.47-.22v-.4Z\"/>\n      </g>\n    </svg>\n    <!-- file-xls -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-xls\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.65,12.88H7.11l.76,1.32.74-1.32h1.45L8.72,15l1.46,2.21H8.69l-.85-1.38L7,17.17H5.51L7,14.93Z\"/>\n        <path d=\"M10.61,12.88h1.32v3.24H14v1.05H10.61Z\"/>\n        <path d=\"M14.38,15.75l1.26-.08a.93.93,0,0,0,.17.47.67.67,0,0,0,.58.26.64.64,0,0,0,.44-.13A.4.4,0,0,0,17,16a.39.39,0,0,0-.14-.3,1.74,1.74,0,0,0-.68-.25,2.89,2.89,0,0,1-1.25-.52,1,1,0,0,1-.37-.83,1.08,1.08,0,0,1,.19-.62,1.31,1.31,0,0,1,.58-.47,2.72,2.72,0,0,1,1-.16,2.21,2.21,0,0,1,1.26.3,1.31,1.31,0,0,1,.51,1l-1.25.08a.6.6,0,0,0-.21-.42.64.64,0,0,0-.44-.14.58.58,0,0,0-.35.1.3.3,0,0,0-.11.24.26.26,0,0,0,.09.19,1.06,1.06,0,0,0,.45.15,6.23,6.23,0,0,1,1.24.38,1.26,1.26,0,0,1,.55.48,1.16,1.16,0,0,1,.17.64,1.33,1.33,0,0,1-.23.76,1.43,1.43,0,0,1-.63.53,2.62,2.62,0,0,1-1,.18,2.11,2.11,0,0,1-1.52-.43A1.61,1.61,0,0,1,14.38,15.75Z\"/>\n      </g>\n    </svg>\n    <!-- file-png -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-png\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.27,12.88H7.48a1.51,1.51,0,0,1,1.08.34,1.3,1.3,0,0,1,.36,1,1.32,1.32,0,0,1-.4,1,1.65,1.65,0,0,1-1.19.37H6.6v1.59H5.27ZM6.6,14.71h.33a.86.86,0,0,0,.54-.13.45.45,0,0,0,.15-.34.49.49,0,0,0-.13-.35A.72.72,0,0,0,7,13.75H6.6Z\"/>\n        <path d=\"M9.62,12.88h1.24l1.61,2.37V12.88h1.26v4.29H12.47l-1.6-2.35v2.35H9.62Z\"/>\n        <path d=\"M16.77,15.62v-.9h2.05v1.84a4.74,4.74,0,0,1-1,.54,3.48,3.48,0,0,1-1.08.15A2.62,2.62,0,0,1,15.46,17a1.77,1.77,0,0,1-.75-.78A2.5,2.5,0,0,1,14.44,15a2.54,2.54,0,0,1,.29-1.23,2,2,0,0,1,.85-.79,2.78,2.78,0,0,1,1.18-.2,3.49,3.49,0,0,1,1.06.12,1.44,1.44,0,0,1,.59.4,1.87,1.87,0,0,1,.35.69l-1.28.23a.65.65,0,0,0-.27-.37.82.82,0,0,0-.48-.13.89.89,0,0,0-.7.3,1.47,1.47,0,0,0-.26,1A1.48,1.48,0,0,0,16,16a.9.9,0,0,0,.73.3,1.16,1.16,0,0,0,.42-.07,1.72,1.72,0,0,0,.46-.22v-.4Z\"/>\n      </g>\n    </svg>\n    <!-- file-gif -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-gif\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M8.93,15.62v-.9H11v1.84a4.53,4.53,0,0,1-1,.54,3.41,3.41,0,0,1-1.07.15A2.67,2.67,0,0,1,7.62,17a1.88,1.88,0,0,1-.75-.78A2.63,2.63,0,0,1,6.61,15,2.54,2.54,0,0,1,6.9,13.8,1.92,1.92,0,0,1,7.75,13a2.9,2.9,0,0,1,1.17-.2,3.56,3.56,0,0,1,1.07.12,1.41,1.41,0,0,1,.58.4,1.61,1.61,0,0,1,.35.69l-1.28.23a.68.68,0,0,0-.26-.37.83.83,0,0,0-.49-.13.86.86,0,0,0-.69.3,1.47,1.47,0,0,0-.26,1,1.54,1.54,0,0,0,.26,1,.93.93,0,0,0,.73.3,1.25,1.25,0,0,0,.43-.07A1.88,1.88,0,0,0,9.82,16v-.4Z\"/>\n        <path d=\"M11.82,12.88h1.33v4.29H11.82Z\"/>\n        <path d=\"M14.11,12.88h3.28v.92H15.45v.75h1.66v.87H15.45v1.75H14.11Z\"/>\n      </g>\n    </svg>\n    <!-- file-svg -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-svg\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.31,15.75l1.27-.08a.89.89,0,0,0,.16.47.69.69,0,0,0,.59.26.66.66,0,0,0,.44-.13A.4.4,0,0,0,7.92,16a.4.4,0,0,0-.15-.3,1.61,1.61,0,0,0-.68-.25,2.84,2.84,0,0,1-1.24-.52,1.05,1.05,0,0,1-.38-.83,1.09,1.09,0,0,1,.2-.62A1.28,1.28,0,0,1,6.24,13a2.78,2.78,0,0,1,1.06-.16,2.16,2.16,0,0,1,1.25.3,1.35,1.35,0,0,1,.52,1l-1.25.07a.76.76,0,0,0-.21-.42.68.68,0,0,0-.44-.13.56.56,0,0,0-.35.09.31.31,0,0,0-.12.24.24.24,0,0,0,.1.19,1.19,1.19,0,0,0,.44.16,5.87,5.87,0,0,1,1.25.37,1.38,1.38,0,0,1,.55.48,1.25,1.25,0,0,1,.17.64,1.38,1.38,0,0,1-.23.76,1.4,1.4,0,0,1-.64.53,2.57,2.57,0,0,1-1,.18,2.14,2.14,0,0,1-1.52-.42A1.71,1.71,0,0,1,5.31,15.75Z\"/>\n        <path d=\"M9.46,12.88h1.38l1,3.09.95-3.09h1.35l-1.59,4.29H11.08Z\"/>\n        <path d=\"M16.5,15.62v-.9h2.05v1.84a4.53,4.53,0,0,1-1,.54,3.43,3.43,0,0,1-1.08.15A2.62,2.62,0,0,1,15.19,17a1.88,1.88,0,0,1-.75-.78A2.5,2.5,0,0,1,14.17,15a2.54,2.54,0,0,1,.29-1.23,2,2,0,0,1,.85-.79,3,3,0,0,1,1.18-.2,3.49,3.49,0,0,1,1.06.12,1.38,1.38,0,0,1,.59.4,1.73,1.73,0,0,1,.35.69l-1.28.23a.65.65,0,0,0-.27-.37.78.78,0,0,0-.48-.13.89.89,0,0,0-.7.3,1.47,1.47,0,0,0-.26,1,1.48,1.48,0,0,0,.27,1,.91.91,0,0,0,.73.3,1.16,1.16,0,0,0,.42-.07,1.92,1.92,0,0,0,.47-.22v-.4Z\"/>\n      </g>\n    </svg>\n    <!-- file-eps -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-eps\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M5.94,12.88H9.5v.92H7.27v.68H9.33v.87H7.27v.85H9.56v1H5.94Z\"/>\n        <path d=\"M10.27,12.88h2.2a1.49,1.49,0,0,1,1.08.34,1.3,1.3,0,0,1,.36,1,1.31,1.31,0,0,1-.39,1,1.66,1.66,0,0,1-1.19.37H11.6v1.59H10.27Zm1.33,1.83h.33a.86.86,0,0,0,.54-.13.45.45,0,0,0,.15-.34.49.49,0,0,0-.13-.35.72.72,0,0,0-.51-.14H11.6Z\"/>\n        <path d=\"M14.38,15.75l1.26-.08a.89.89,0,0,0,.17.47.67.67,0,0,0,.58.26.64.64,0,0,0,.44-.13A.4.4,0,0,0,17,16a.42.42,0,0,0-.14-.3,1.74,1.74,0,0,0-.68-.25,2.89,2.89,0,0,1-1.25-.52,1,1,0,0,1-.37-.83,1.08,1.08,0,0,1,.19-.62,1.31,1.31,0,0,1,.58-.47,2.72,2.72,0,0,1,1-.16,2.21,2.21,0,0,1,1.26.3,1.31,1.31,0,0,1,.51,1l-1.25.07a.65.65,0,0,0-.21-.42.66.66,0,0,0-.44-.13.58.58,0,0,0-.35.09.31.31,0,0,0-.12.24.28.28,0,0,0,.1.19,1.18,1.18,0,0,0,.45.16,5.74,5.74,0,0,1,1.24.37,1.31,1.31,0,0,1,.55.48,1.25,1.25,0,0,1,.17.64,1.31,1.31,0,0,1-.23.76,1.43,1.43,0,0,1-.63.53,2.62,2.62,0,0,1-1,.18,2.14,2.14,0,0,1-1.52-.42A1.65,1.65,0,0,1,14.38,15.75Z\"/>\n      </g>\n    </svg>\n    <!-- file-js -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-js\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M10.06,12.88h1.33v2.33a3.56,3.56,0,0,1-.13,1.12,1.3,1.3,0,0,1-.52.65,1.77,1.77,0,0,1-1,.27,2.28,2.28,0,0,1-1-.18,1.29,1.29,0,0,1-.55-.51,1.93,1.93,0,0,1-.23-.84l1.27-.17a1.13,1.13,0,0,0,0,.42.44.44,0,0,0,.15.22.36.36,0,0,0,.22.06.37.37,0,0,0,.33-.17,1.09,1.09,0,0,0,.1-.56Z\"/>\n        <path d=\"M12,15.75l1.27-.08a.89.89,0,0,0,.16.47.7.7,0,0,0,.59.26.64.64,0,0,0,.44-.13.4.4,0,0,0,.15-.31.4.4,0,0,0-.15-.3,1.61,1.61,0,0,0-.67-.25,2.83,2.83,0,0,1-1.25-.52,1,1,0,0,1-.37-.83,1.08,1.08,0,0,1,.19-.62A1.34,1.34,0,0,1,13,13,2.78,2.78,0,0,1,14,12.81a2.21,2.21,0,0,1,1.26.3,1.35,1.35,0,0,1,.51,1l-1.25.07a.65.65,0,0,0-.21-.42.66.66,0,0,0-.44-.13.56.56,0,0,0-.35.09.31.31,0,0,0-.12.24.24.24,0,0,0,.1.19,1.19,1.19,0,0,0,.44.16,5.87,5.87,0,0,1,1.25.37,1.31,1.31,0,0,1,.55.48,1.25,1.25,0,0,1,.17.64,1.38,1.38,0,0,1-.23.76,1.4,1.4,0,0,1-.64.53,2.54,2.54,0,0,1-1,.18,2.14,2.14,0,0,1-1.52-.42A1.71,1.71,0,0,1,12,15.75Z\"/>\n      </g>\n    </svg>\n    <!-- file-css -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-css\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M8.63,15.42l1.17.35a2.09,2.09,0,0,1-.37.81,1.61,1.61,0,0,1-.63.5,2.34,2.34,0,0,1-1,.17A2.64,2.64,0,0,1,6.71,17a1.79,1.79,0,0,1-.77-.71A2.47,2.47,0,0,1,5.62,15a2.23,2.23,0,0,1,.57-1.64,2.14,2.14,0,0,1,1.6-.57,2.26,2.26,0,0,1,1.28.32,2,2,0,0,1,.69,1l-1.18.26a1.1,1.1,0,0,0-.12-.28.76.76,0,0,0-.64-.32.78.78,0,0,0-.69.36A1.56,1.56,0,0,0,7,15a1.59,1.59,0,0,0,.22,1,.74.74,0,0,0,.61.26A.74.74,0,0,0,8.35,16,1.28,1.28,0,0,0,8.63,15.42Z\"/>\n        <path d=\"M10.21,15.75l1.26-.08a1,1,0,0,0,.17.47.69.69,0,0,0,.59.26.61.61,0,0,0,.43-.13.38.38,0,0,0,.16-.31.4.4,0,0,0-.15-.3,1.68,1.68,0,0,0-.68-.25,2.78,2.78,0,0,1-1.24-.52,1.05,1.05,0,0,1-.38-.83,1.16,1.16,0,0,1,.19-.62,1.31,1.31,0,0,1,.58-.47,2.78,2.78,0,0,1,1.06-.16,2.18,2.18,0,0,1,1.25.3,1.35,1.35,0,0,1,.52,1l-1.26.07a.57.57,0,0,0-.65-.55.53.53,0,0,0-.34.09.31.31,0,0,0-.12.24.24.24,0,0,0,.1.19,1.19,1.19,0,0,0,.44.16,5.87,5.87,0,0,1,1.25.37,1.28,1.28,0,0,1,.54.48,1.17,1.17,0,0,1,.18.64,1.38,1.38,0,0,1-.23.76,1.46,1.46,0,0,1-.64.53,2.57,2.57,0,0,1-1,.18,2.13,2.13,0,0,1-1.52-.42A1.71,1.71,0,0,1,10.21,15.75Z\"/>\n        <path d=\"M14.54,15.75l1.27-.08a.89.89,0,0,0,.16.47.69.69,0,0,0,.59.26.66.66,0,0,0,.44-.13.4.4,0,0,0,.15-.31.4.4,0,0,0-.15-.3,1.61,1.61,0,0,0-.68-.25,2.84,2.84,0,0,1-1.24-.52,1.05,1.05,0,0,1-.38-.83,1.09,1.09,0,0,1,.2-.62,1.28,1.28,0,0,1,.57-.47,2.78,2.78,0,0,1,1.06-.16,2.16,2.16,0,0,1,1.25.3,1.35,1.35,0,0,1,.52,1l-1.25.07a.76.76,0,0,0-.21-.42.68.68,0,0,0-.44-.13.56.56,0,0,0-.35.09.31.31,0,0,0-.12.24.24.24,0,0,0,.1.19,1.19,1.19,0,0,0,.44.16,5.87,5.87,0,0,1,1.25.37,1.38,1.38,0,0,1,.55.48,1.25,1.25,0,0,1,.17.64,1.38,1.38,0,0,1-.23.76,1.4,1.4,0,0,1-.64.53,2.57,2.57,0,0,1-1,.18A2.14,2.14,0,0,1,15,16.83,1.71,1.71,0,0,1,14.54,15.75Z\"/>\n      </g>\n    </svg>\n    <!-- file-html -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-html\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M6,13.76h.88v1h1v-1h.89v2.86H7.82V15.46h-1v1.16H6Z\"/>\n        <path d=\"M9.09,13.76h2.69v.71h-.9v2.15H10V14.47H9.09Z\"/>\n        <path d=\"M12.17,13.76h1.17l.45,1.74.44-1.74h1.16v2.86h-.72V14.44l-.56,2.18h-.65l-.56-2.18v2.18h-.73Z\"/>\n        <path d=\"M16,13.76h.88v2.16h1.38v.7H16Z\"/>\n      </g>\n    </svg>\n    <!-- file-ai -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"file-ai\">\n        <path style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" d=\"M13,9V2H6C4.9,2,4,2.9,4,4V20c0,1.1,0.9,2,2,2H18c1.1,0,2-0.9,2-2V9H13z\"/>\n        <polygon  style=\"fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;\" points=\"20,8.5 13.2,2 13,2 13,9 20,9 \t\"/>\n        <path d=\"M11.58,16.46H10.07l-.21.71H8.51l1.61-4.29h1.45l1.62,4.29H11.8Zm-.27-.92L10.83,14l-.47,1.55Z\"/>\n        <path d=\"M13.66,12.88H15v4.29H13.66Z\"/>\n      </g>\n    </svg>\n    <!-- messages -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages\"><path d=\"M20,2H4C2.9,2,2,2.9,2,4v18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z\"/></g>\n    </svg>\n    <!-- messages-1 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-1\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM13.13,15h-2V7h-2V5h4Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-2 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-2\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.82a2,2,0,0,1-2,2H11v2h4v2H9v-4a2,2,0,0,1,2-2h2v-2H9v-2h4a2,2,0,0,1,2,2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-3 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-3\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.5A1.5,1.5,0,0,1,13.5,10,1.5,1.5,0,0,1,15,11.5V13a2,2,0,0,1-2,2H9V13h4V11H11V9h2V7H9V5h4a2,2,0,0,1,2,2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-4 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-4\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,15.26H13v-4H9v-6h2v4h2v-4h2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-5 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-5\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7H11V9h2a2,2,0,0,1,2,2v2a2,2,0,0,1-2,2H9V13h4V11H9V5h6Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-6 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-6\"><rect x=\"9\" y=\"9\" width=\"2\" height=\"2\"/><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7H11V9h2a2,2,0,0,1,2,2v2a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V7a2,2,0,0,1,2-2h4Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-7 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-7\"><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,7l-4,8H9l4-8H9V5h6Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-8 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-8\"><rect x=\"9\" y=\"9\" width=\"2\" height=\"2\"/><rect x=\"9\" y=\"5\" width=\"2\" height=\"2\"/><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,8.5A1.5,1.5,0,0,1,13.5,10,1.5,1.5,0,0,1,15,11.5V13a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V11.5A1.5,1.5,0,0,1,10.5,10,1.5,1.5,0,0,1,9,8.5V7a2,2,0,0,1,2-2h2a2,2,0,0,1,2,2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-9 -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-9\"><rect x=\"9\" y=\"5\" width=\"2\" height=\"2\"/><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM15,13a2,2,0,0,1-2,2H9V13h4V11H11A2,2,0,0,1,9,9V7a2,2,0,0,1,2-2h2a2,2,0,0,1,2,2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- messages-9-plus -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"messages-9-plus\"><rect x=\"6\" y=\"6\" width=\"1\" height=\"1\"/><path d=\"M20,2H4A2,2,0,0,0,2,4V22l4-4H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM11,12a2,2,0,0,1-2,2H6V12H9V11H8A2,2,0,0,1,6,9V8A2,2,0,0,1,8,6H9a2,2,0,0,1,2,2Zm7-1H16v2H14V11H12V9h2V7h2V9h2Z\" transform=\"translate(-2 -2)\"/></g>\n    </svg>\n    <!-- no-assignment -->\n    <svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\">\n      <g id=\"no-assignment\"><path d=\"M19,4h-4.2c-0.4-1.2-1.5-2-2.8-2S9.6,2.8,9.2,4H5C3.9,4,3,4.9,3,6v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V6\n\tC21,4.9,20.1,4,19,4z M12,4c0.5,0,1,0.5,1,1s-0.5,1-1,1s-1-0.5-1-1S11.5,4,12,4z M17.3,17.5L16,18.9l-4-4l-4,4l-1.4-1.4l4-4l-4-4\n\tL8,8.2l4,4l4-4l1.4,1.4l-4,4L17.3,17.5z\"/></g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/HAXCMSLitElementTheme.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/HAXCMSLitElementTheme.js
index 0d6f3b0220b..ec28cd0c797 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/HAXCMSLitElementTheme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/HAXCMSLitElementTheme.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "./HAXCMSThemeWiring.js", "../../
   });
   _exports.HAXCMSLitElementTheme = void 0;
 
-  var _templateObject_f00c03101f0511ed8cc3e9a95995ad69, _templateObject2_f00c03101f0511ed8cc3e9a95995ad69;
+  var _templateObject_c65598301f2611eda0c389891c227ec8, _templateObject2_c65598301f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -88,7 +88,7 @@ define(["exports", "../../../../lit/index.js", "./HAXCMSThemeWiring.js", "../../
       key: "HAXCMSGlobalStyleSheetContent",
       value: function HAXCMSGlobalStyleSheetContent() {
         var styles = ["red", "blue", "green", "orange", "purple"].map(function (item) {
-          return (0, _index.css)(_templateObject_f00c03101f0511ed8cc3e9a95995ad69 || (_templateObject_f00c03101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          .haxcms-theme-element [data-style-decoration~=\"highlight\"] {\n            color: var(--haxcms-style-element-color, white);\n            background-color: var(\n              --haxcms-style-element-background-color,\n              black\n            );\n            font-weight: 400;\n            word-wrap: break-word;\n            padding: 4px 8px;\n            text-transform: uppercase;\n            text-decoration: none;\n          }\n          .haxcms-theme-element [data-style-decoration~=\"", "\"] {\n            --haxcms-style-element-background-color: var(\n              --simple-colors-default-theme-", "-7,\n              ", "\n            );\n          }\n        "])), (0, _index.unsafeCSS)(item), (0, _index.unsafeCSS)(item), (0, _index.unsafeCSS)(item));
+          return (0, _index.css)(_templateObject_c65598301f2611eda0c389891c227ec8 || (_templateObject_c65598301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          .haxcms-theme-element [data-style-decoration~=\"highlight\"] {\n            color: var(--haxcms-style-element-color, white);\n            background-color: var(\n              --haxcms-style-element-background-color,\n              black\n            );\n            font-weight: 400;\n            word-wrap: break-word;\n            padding: 4px 8px;\n            text-transform: uppercase;\n            text-decoration: none;\n          }\n          .haxcms-theme-element [data-style-decoration~=\"", "\"] {\n            --haxcms-style-element-background-color: var(\n              --simple-colors-default-theme-", "-7,\n              ", "\n            );\n          }\n        "])), (0, _index.unsafeCSS)(item), (0, _index.unsafeCSS)(item), (0, _index.unsafeCSS)(item));
         });
         return styles;
       }
@@ -255,7 +255,7 @@ define(["exports", "../../../../lit/index.js", "./HAXCMSThemeWiring.js", "../../
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSLitElementTheme), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_f00c03101f0511ed8cc3e9a95995ad69 || (_templateObject2_f00c03101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([edit-mode]) {\n          opacity: 1;\n          --hax-base-styles-p-min-height: 38px;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        [hidden] {\n          display: none !important;\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n          * {\n            transition: none !important;\n          }\n        }\n        /**\n        * Hide the slotted content during edit mode. This must be here to work.\n        */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        #slot {\n          min-height: 50vh;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_c65598301f2611eda0c389891c227ec8 || (_templateObject2_c65598301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([edit-mode]) {\n          opacity: 1;\n          --hax-base-styles-p-min-height: 38px;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        [hidden] {\n          display: none !important;\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n          * {\n            transition: none !important;\n          }\n        }\n        /**\n        * Hide the slotted content during edit mode. This must be here to work.\n        */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        #slot {\n          min-height: 50vh;\n        }\n      "])))]);
       }
     }]);
     return HAXCMSLitElementTheme;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-beaker.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-beaker.js
index c00ed61bcba..dcd00d2d571 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-beaker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-beaker.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
   _exports.HAXCMSBackendBeaker = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_01e5b6d01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d86a32101f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -66,7 +66,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_01e5b6d01f0611ed8cc3e9a95995ad69 || (_templateObject_01e5b6d01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <beaker-broker id=\"beaker\"></beaker-broker> "])));
+        return (0, _index.html)(_templateObject_d86a32101f2611eda0c389891c227ec8 || (_templateObject_d86a32101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <beaker-broker id=\"beaker\"></beaker-broker> "])));
       }
     }, {
       key: "disconnectedCallback",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-demo.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-demo.js
index d0bfeb95476..3fceca78274 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-demo.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-demo.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
   _exports.HAXCMSBackendDemo = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_01e939401f0611ed8cc3e9a95995ad69;
+  var _templateObject_d86e50c01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -54,7 +54,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_01e939401f0611ed8cc3e9a95995ad69 || (_templateObject_01e939401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        auto\n        id=\"jwt\"\n        jwt=\"", "\"\n        @jwt-changed=\"", "\"\n      ></jwt-login>\n    "])), this.jwt, this.jwtChanged);
+        return (0, _index.html)(_templateObject_d86e50c01f2611eda0c389891c227ec8 || (_templateObject_d86e50c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        auto\n        id=\"jwt\"\n        jwt=\"", "\"\n        @jwt-changed=\"", "\"\n      ></jwt-login>\n    "])), this.jwt, this.jwtChanged);
       }
     }, {
       key: "jwtChanged",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-nodejs.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-nodejs.js
index 6a84d90cb36..97257ce6bdd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-nodejs.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-nodejs.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
   _exports.HAXCMSBackendNodeJS = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_01fe6ef01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d87248601f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -60,7 +60,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
        * LitElement
        */
       function render() {
-        return (0, _index.html)(_templateObject_01fe6ef01f0611ed8cc3e9a95995ad69 || (_templateObject_01fe6ef01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        id=\"jwt\"\n        jwt=\"", "\"\n        @jwt-changed=\"", "\"\n      ></jwt-login>\n    "])), this.jwt, this.jwtChanged);
+        return (0, _index.html)(_templateObject_d87248601f2611eda0c389891c227ec8 || (_templateObject_d87248601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        id=\"jwt\"\n        jwt=\"", "\"\n        @jwt-changed=\"", "\"\n      ></jwt-login>\n    "])), this.jwt, this.jwtChanged);
       }
     }, {
       key: "jwtChanged",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-php.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-php.js
index 1add76f65cf..b2f7a9b3097 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-php.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-php.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
   _exports.HAXCMSBackendPHP = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_0202b4b01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d875f1e01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -57,7 +57,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
        * LitElement
        */
       function render() {
-        return (0, _index.html)(_templateObject_0202b4b01f0611ed8cc3e9a95995ad69 || (_templateObject_0202b4b01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        id=\"jwt\"\n        jwt=\"", "\"\n        @jwt-changed=\"", "\"\n      ></jwt-login>\n    "])), this.jwt, this.jwtChanged);
+        return (0, _index.html)(_templateObject_d875f1e01f2611eda0c389891c227ec8 || (_templateObject_d875f1e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        id=\"jwt\"\n        jwt=\"", "\"\n        @jwt-changed=\"", "\"\n      ></jwt-login>\n    "])), this.jwt, this.jwtChanged);
       }
     }, {
       key: "jwtChanged",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-outline-editor-dialog.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-outline-editor-dialog.js
index 96dabb54544..83ff0d906fe 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-outline-editor-dialog.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-outline-editor-dialog.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "./haxcms-site-store.js", "../../
   });
   _exports.HAXCMSOutlineEditorDialog = void 0;
 
-  var _templateObject_f01ca4e01f0511ed8cc3e9a95995ad69, _templateObject2_f01ca4e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_c665c4d01f2611eda0c389891c227ec8, _templateObject2_c665c4d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -39,7 +39,7 @@ define(["exports", "../../../../lit/index.js", "./haxcms-site-store.js", "../../
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_f01ca4e01f0511ed8cc3e9a95995ad69 || (_templateObject_f01ca4e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <editable-outline\n        id=\"outline\"\n        edit-mode\n        .hidden=\"", "\"\n        .items=\"", "\"\n      ></editable-outline>\n      <div class=\"buttons\">\n        <button id=\"savebtn\" @click=\"", "\">\n          <simple-icon icon=\"icons:save\" dark></simple-icon>Save\n        </button>\n        <button @click=\"", "\">\n          <simple-icon icon=\"icons:cancel\"></simple-icon>Cancel\n        </button>\n      </div>\n    "])), this.viewMode, this.manifestItems, this._saveTap, this._cancelTap);
+        return (0, _index.html)(_templateObject_c665c4d01f2611eda0c389891c227ec8 || (_templateObject_c665c4d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <editable-outline\n        id=\"outline\"\n        edit-mode\n        .hidden=\"", "\"\n        .items=\"", "\"\n      ></editable-outline>\n      <div class=\"buttons\">\n        <button id=\"savebtn\" @click=\"", "\">\n          <simple-icon icon=\"icons:save\" dark></simple-icon>Save\n        </button>\n        <button @click=\"", "\">\n          <simple-icon icon=\"icons:cancel\"></simple-icon>Cancel\n        </button>\n      </div>\n    "])), this.viewMode, this.manifestItems, this._saveTap, this._cancelTap);
       }
     }, {
       key: "updated",
@@ -152,7 +152,7 @@ define(["exports", "../../../../lit/index.js", "./haxcms-site-store.js", "../../
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_f01ca4e01f0511ed8cc3e9a95995ad69 || (_templateObject2_f01ca4e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          height: 60vh;\n          min-width: 50vw;\n          overflow: auto;\n        }\n        .buttons {\n          position: absolute;\n          bottom: 0;\n          z-index: 1000000;\n          background-color: var(--simple-modal-titlebar-background, #000000);\n          color: var(--simple-modal-titlebar-color, #ffffff);\n          left: 0;\n          right: 0;\n        }\n        .buttons button {\n          color: black;\n          background-color: white;\n        }\n        simple-icon {\n          margin-right: 4px;\n        }\n        editable-outline:not(:defined) {\n          display: none;\n        }\n        #toggle {\n          float: right;\n          text-transform: unset;\n        }\n        #savebtn {\n          color: white;\n          background-color: var(--haxcms-color, #2196f3);\n        }\n        editable-outline {\n          margin-bottom: 32px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_c665c4d01f2611eda0c389891c227ec8 || (_templateObject2_c665c4d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          height: 60vh;\n          min-width: 50vw;\n          overflow: auto;\n        }\n        .buttons {\n          position: absolute;\n          bottom: 0;\n          z-index: 1000000;\n          background-color: var(--simple-modal-titlebar-background, #000000);\n          color: var(--simple-modal-titlebar-color, #ffffff);\n          left: 0;\n          right: 0;\n        }\n        .buttons button {\n          color: black;\n          background-color: white;\n        }\n        simple-icon {\n          margin-right: 4px;\n        }\n        editable-outline:not(:defined) {\n          display: none;\n        }\n        #toggle {\n          float: right;\n          text-transform: unset;\n        }\n        #savebtn {\n          color: white;\n          background-color: var(--haxcms-color, #2196f3);\n        }\n        editable-outline {\n          margin-bottom: 32px;\n        }\n      "])))];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-builder.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-builder.js
index 6ecdace8d92..545323ec6bf 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-builder.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-builder.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../../../lit/index.js", "../../../util
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_f033af501f0511ed8cc3e9a95995ad69, _templateObject2_f033af501f0511ed8cc3e9a95995ad69;
+  var _templateObject_c67e07c01f2611eda0c389891c227ec8, _templateObject2_c67e07c01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -127,7 +127,7 @@ define(["exports", "meta", "require", "../../../../lit/index.js", "../../../util
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_f033af501f0511ed8cc3e9a95995ad69 || (_templateObject_f033af501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <haxcms-site-router base-uri=\"", "\"></haxcms-site-router>\n      <simple-progress .disabled=\"", "\"></simple-progress>\n      <div id=\"slot\"><slot></slot></div>\n      <slot name=\"haxcms-site-editor-ui-prefix-avatar\"></slot>\n      <slot name=\"haxcms-site-editor-ui-prefix-buttons\"></slot>\n      <slot name=\"haxcms-site-editor-ui-suffix-buttons\"></slot>\n      <slot name=\"haxcms-site-editor-ui-main-menu\"></slot>\n      <slot name=\"haxcms-site-editor-ui-topbar-character-button\"></slot>\n      <simple-colors-polymer></simple-colors-polymer>\n    "])), this.baseURI, !this.loading);
+        return (0, _index.html)(_templateObject_c67e07c01f2611eda0c389891c227ec8 || (_templateObject_c67e07c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <haxcms-site-router base-uri=\"", "\"></haxcms-site-router>\n      <simple-progress .disabled=\"", "\"></simple-progress>\n      <div id=\"slot\"><slot></slot></div>\n      <slot name=\"haxcms-site-editor-ui-prefix-avatar\"></slot>\n      <slot name=\"haxcms-site-editor-ui-prefix-buttons\"></slot>\n      <slot name=\"haxcms-site-editor-ui-suffix-buttons\"></slot>\n      <slot name=\"haxcms-site-editor-ui-main-menu\"></slot>\n      <slot name=\"haxcms-site-editor-ui-topbar-character-button\"></slot>\n      <simple-colors-polymer></simple-colors-polymer>\n    "])), this.baseURI, !this.loading);
       }
       /**
        * Simple "two way" data binding from the element below via events
@@ -790,7 +790,7 @@ define(["exports", "meta", "require", "../../../../lit/index.js", "../../../util
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_f033af501f0511ed8cc3e9a95995ad69 || (_templateObject2_f033af501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: relative;\n        }\n        :host([is-logged-in]) {\n          max-height: calc(100vh - 48px);\n        }\n        :host #slot {\n          opacity: 0.2;\n          visibility: hidden;\n        }\n        :host([dashboard-opened]) {\n          display: inline-block !important;\n          margin-left: 50vw;\n          height: 100vh;\n          pointer-events: none;\n          opacity: 0.5;\n          width: 100vw;\n        }\n        :host([theme-loaded]) #slot {\n          opacity: 1;\n          visibility: visible;\n        }\n        simple-progress {\n          display: block;\n          width: 100%;\n          position: fixed;\n          top: 0;\n          left: 0;\n          right: 0;\n          background-color: transparent;\n          z-index: 1000;\n          --simple-progress-active-color: var(\n            --haxcms-color,\n            rgba(255, 255, 255, 0.5)\n          );\n        }\n        simple-progress[disabled] {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_c67e07c01f2611eda0c389891c227ec8 || (_templateObject2_c67e07c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: relative;\n        }\n        :host([is-logged-in]) {\n          max-height: calc(100vh - 48px);\n        }\n        :host #slot {\n          opacity: 0.2;\n          visibility: hidden;\n        }\n        :host([dashboard-opened]) {\n          display: inline-block !important;\n          margin-left: 50vw;\n          height: 100vh;\n          pointer-events: none;\n          opacity: 0.5;\n          width: 100vw;\n        }\n        :host([theme-loaded]) #slot {\n          opacity: 1;\n          visibility: visible;\n        }\n        simple-progress {\n          display: block;\n          width: 100%;\n          position: fixed;\n          top: 0;\n          left: 0;\n          right: 0;\n          background-color: transparent;\n          z-index: 1000;\n          --simple-progress-active-color: var(\n            --haxcms-color,\n            rgba(255, 255, 255, 0.5)\n          );\n        }\n        simple-progress[disabled] {\n          display: none;\n        }\n      "])))];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-dashboard.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-dashboard.js
index fa7a1339d2a..957438f92d6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-dashboard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-dashboard.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "./haxcms-site-store.js", "../../
   });
   _exports.HAXCMSSiteDashboard = void 0;
 
-  var _templateObject_f0377fe01f0511ed8cc3e9a95995ad69, _templateObject2_f0377fe01f0511ed8cc3e9a95995ad69, _templateObject3_f0377fe01f0511ed8cc3e9a95995ad69;
+  var _templateObject_c6818a301f2611eda0c389891c227ec8, _templateObject2_c6818a301f2611eda0c389891c227ec8, _templateObject3_c6818a301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -55,7 +55,7 @@ define(["exports", "../../../../lit/index.js", "./haxcms-site-store.js", "../../
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_f0377fe01f0511ed8cc3e9a95995ad69 || (_templateObject_f0377fe01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"title-wrapper\">\n        <portal-launcher>\n          <a href=\"", "\" tabindex=\"-1\" id=\"homebutton\"\n            ><simple-icon-button\n              icon=\"icons:home\"\n              title=\"", "\"\n              dark\n            ></simple-icon-button\n          ></a>\n        </portal-launcher>\n        <simple-tooltip for=\"homebutton\" offset=\"14\" position=\"bottom\">\n          ", "\n        </simple-tooltip>\n        <h2 class=\"title\">", " settings</h2>\n        ", "\n      </div>\n      <div class=\"fields-wrapper\">\n        <simple-fields-form\n          id=\"siteform\"\n          autoload\n          .headers=\"", "\"\n          .body=\"", "\"\n          .schematizer=\"", "\"\n          .elementizer=\"", "\"\n          load-endpoint=\"", "\"\n          method=\"", "\"\n        ></simple-fields-form>\n      </div>\n      <div class=\"buttons\">\n        <button\n          title=\"Save site settings\"\n          id=\"save\"\n          @click=\"", "\"\n        >\n          <simple-icon dark icon=\"icons:save\"></simple-icon> Save settings\n        </button>\n        <button\n          title=\"Cancel and close dashboard\"\n          id=\"cancel\"\n          @click=\"", "\"\n        >\n          <simple-icon dark icon=\"icons:cancel\"></simple-icon> Cancel\n        </button>\n      </div>\n    "])), this.backLink, this.backText, this.backText, this.manifest.title, (0, _utils.varExists)(this.manifest, "metadata.site.static.publishedLocation") ? (0, _index.html)(_templateObject2_f0377fe01f0511ed8cc3e9a95995ad69 || (_templateObject2_f0377fe01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <span class=\"toptext\">\n                <a\n                  class=\"publishlink\"\n                  href=\"", "\"\n                  rel=\"noopener noreferrer\"\n                  target=\"_blank\"\n                  >Published version\n                </a>\n              </span>\n            "])), (0, _utils.varGet)(this.manifest, "metadata.site.static.publishedLocation", "#")) : "", this.headers, this.body, _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer, this.loadEndpoint, this.method, this._saveSiteFieldsTap, this._cancel);
+        return (0, _index.html)(_templateObject_c6818a301f2611eda0c389891c227ec8 || (_templateObject_c6818a301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"title-wrapper\">\n        <portal-launcher>\n          <a href=\"", "\" tabindex=\"-1\" id=\"homebutton\"\n            ><simple-icon-button\n              icon=\"icons:home\"\n              title=\"", "\"\n              dark\n            ></simple-icon-button\n          ></a>\n        </portal-launcher>\n        <simple-tooltip for=\"homebutton\" offset=\"14\" position=\"bottom\">\n          ", "\n        </simple-tooltip>\n        <h2 class=\"title\">", " settings</h2>\n        ", "\n      </div>\n      <div class=\"fields-wrapper\">\n        <simple-fields-form\n          id=\"siteform\"\n          autoload\n          .headers=\"", "\"\n          .body=\"", "\"\n          .schematizer=\"", "\"\n          .elementizer=\"", "\"\n          load-endpoint=\"", "\"\n          method=\"", "\"\n        ></simple-fields-form>\n      </div>\n      <div class=\"buttons\">\n        <button\n          title=\"Save site settings\"\n          id=\"save\"\n          @click=\"", "\"\n        >\n          <simple-icon dark icon=\"icons:save\"></simple-icon> Save settings\n        </button>\n        <button\n          title=\"Cancel and close dashboard\"\n          id=\"cancel\"\n          @click=\"", "\"\n        >\n          <simple-icon dark icon=\"icons:cancel\"></simple-icon> Cancel\n        </button>\n      </div>\n    "])), this.backLink, this.backText, this.backText, this.manifest.title, (0, _utils.varExists)(this.manifest, "metadata.site.static.publishedLocation") ? (0, _index.html)(_templateObject2_c6818a301f2611eda0c389891c227ec8 || (_templateObject2_c6818a301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <span class=\"toptext\">\n                <a\n                  class=\"publishlink\"\n                  href=\"", "\"\n                  rel=\"noopener noreferrer\"\n                  target=\"_blank\"\n                  >Published version\n                </a>\n              </span>\n            "])), (0, _utils.varGet)(this.manifest, "metadata.site.static.publishedLocation", "#")) : "", this.headers, this.body, _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer, this.loadEndpoint, this.method, this._saveSiteFieldsTap, this._cancel);
       }
     }, {
       key: "disconnectedCallback",
@@ -154,7 +154,7 @@ define(["exports", "../../../../lit/index.js", "./haxcms-site-store.js", "../../
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_f0377fe01f0511ed8cc3e9a95995ad69 || (_templateObject3_f0377fe01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          z-index: 1;\n          display: inline-block;\n          vertical-align: top;\n          position: fixed;\n          height: calc(100vh - 48px);\n          width: 50vw;\n          margin-left: -50vw;\n          border-right: 2px solid #17271f;\n          overflow: scroll;\n          background-color: var(--haxcms-dashboard-bg, #37474f);\n        }\n        :host([dashboard-opened]) {\n          margin-left: 0;\n        }\n        #homebutton {\n          display: inline-block;\n          vertical-align: top;\n          margin-top: 4px;\n        }\n        #homebutton simple-icon-button {\n          color: #ffffff;\n          background-color: #000000;\n          height: 40px;\n          width: 40px;\n          --simple-icon-width: 36px;\n          --simple-icon-height: 36px;\n          padding: 2px;\n          border-radius: 50%;\n        }\n        #homebutton simple-icon-button:hover,\n        #homebutton simple-icon-button:active,\n        #homebutton simple-icon-button:focus {\n          background-color: var(--haxcms-color, #ffffff);\n        }\n        .buttons {\n          border: 1px solid #aaaaaa;\n          background-color: var(--simple-modal-titlebar-background, #000000);\n          color: var(--simple-modal-titlebar-color, #ffffff);\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          display: flex;\n        }\n        .buttons button {\n          color: #ffffff;\n          background-color: #000000;\n          font-weight: bold;\n          text-transform: none;\n          border-radius: 0;\n          border: none;\n          border-right: 1px solid white;\n          margin: 0;\n        }\n        #save {\n          background-color: var(--haxcms-system-action-color);\n        }\n        #cancel {\n          background-color: var(--haxcms-system-danger-color);\n        }\n        #save:active,\n        #save:focus,\n        #save:hover,\n        #cancel:active,\n        #cancel:focus,\n        #cancel:hover {\n          background-color: var(--haxcms-color);\n        }\n        .buttons button:active,\n        .buttons button:focus,\n        .buttons button:hover {\n          color: #ffffff;\n        }\n        .title {\n          color: white;\n          font-size: 24px;\n          margin: 0 0 0 16px;\n          padding: 0;\n          display: inline-flex;\n        }\n        @media screen and (max-width: 600px) {\n          :host {\n            width: 90vw;\n            margin-left: -90vw;\n          }\n          .title {\n            font-size: 14px;\n            margin: 0;\n          }\n          .toptext {\n            font-size: 11px;\n          }\n          #homebutton simple-icon-button {\n            height: 36px;\n            width: 36px;\n            --simple-icon-height: 36px;\n            --simple-icon-width: 36px;\n            padding: 4px;\n          }\n        }\n        button {\n          background-color: white;\n          color: black;\n        }\n        .publishlink {\n          color: white;\n        }\n        .title-wrapper {\n          padding: 0 16px;\n        }\n        .toptext {\n          padding: 0;\n          margin: 0;\n          font-size: 12px;\n          font-style: italic;\n          display: inline-flex;\n        }\n        .fields-wrapper {\n          height: auto;\n          background-color: white;\n        }\n        #siteform {\n          --a11y-tabs-height: 80vh;\n          --a11y-tabs-tab-height: 75vh;\n          --a11y-tabs-tab-overflow: scroll;\n          --primary-color: var(--haxcms-color, #000000);\n          --paper-input-container-focus-color: var(--haxcms-color, #000000);\n          --lumo-primary-text-color: var(--haxcms-color, #000000);\n          --a11y-tabs-color: var(--haxcms-color, #000000);\n          --a11y-tabs-focus-color: var(--haxcms-color, #000000);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_c6818a301f2611eda0c389891c227ec8 || (_templateObject3_c6818a301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          z-index: 1;\n          display: inline-block;\n          vertical-align: top;\n          position: fixed;\n          height: calc(100vh - 48px);\n          width: 50vw;\n          margin-left: -50vw;\n          border-right: 2px solid #17271f;\n          overflow: scroll;\n          background-color: var(--haxcms-dashboard-bg, #37474f);\n        }\n        :host([dashboard-opened]) {\n          margin-left: 0;\n        }\n        #homebutton {\n          display: inline-block;\n          vertical-align: top;\n          margin-top: 4px;\n        }\n        #homebutton simple-icon-button {\n          color: #ffffff;\n          background-color: #000000;\n          height: 40px;\n          width: 40px;\n          --simple-icon-width: 36px;\n          --simple-icon-height: 36px;\n          padding: 2px;\n          border-radius: 50%;\n        }\n        #homebutton simple-icon-button:hover,\n        #homebutton simple-icon-button:active,\n        #homebutton simple-icon-button:focus {\n          background-color: var(--haxcms-color, #ffffff);\n        }\n        .buttons {\n          border: 1px solid #aaaaaa;\n          background-color: var(--simple-modal-titlebar-background, #000000);\n          color: var(--simple-modal-titlebar-color, #ffffff);\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          display: flex;\n        }\n        .buttons button {\n          color: #ffffff;\n          background-color: #000000;\n          font-weight: bold;\n          text-transform: none;\n          border-radius: 0;\n          border: none;\n          border-right: 1px solid white;\n          margin: 0;\n        }\n        #save {\n          background-color: var(--haxcms-system-action-color);\n        }\n        #cancel {\n          background-color: var(--haxcms-system-danger-color);\n        }\n        #save:active,\n        #save:focus,\n        #save:hover,\n        #cancel:active,\n        #cancel:focus,\n        #cancel:hover {\n          background-color: var(--haxcms-color);\n        }\n        .buttons button:active,\n        .buttons button:focus,\n        .buttons button:hover {\n          color: #ffffff;\n        }\n        .title {\n          color: white;\n          font-size: 24px;\n          margin: 0 0 0 16px;\n          padding: 0;\n          display: inline-flex;\n        }\n        @media screen and (max-width: 600px) {\n          :host {\n            width: 90vw;\n            margin-left: -90vw;\n          }\n          .title {\n            font-size: 14px;\n            margin: 0;\n          }\n          .toptext {\n            font-size: 11px;\n          }\n          #homebutton simple-icon-button {\n            height: 36px;\n            width: 36px;\n            --simple-icon-height: 36px;\n            --simple-icon-width: 36px;\n            padding: 4px;\n          }\n        }\n        button {\n          background-color: white;\n          color: black;\n        }\n        .publishlink {\n          color: white;\n        }\n        .title-wrapper {\n          padding: 0 16px;\n        }\n        .toptext {\n          padding: 0;\n          margin: 0;\n          font-size: 12px;\n          font-style: italic;\n          display: inline-flex;\n        }\n        .fields-wrapper {\n          height: auto;\n          background-color: white;\n        }\n        #siteform {\n          --a11y-tabs-height: 80vh;\n          --a11y-tabs-tab-height: 75vh;\n          --a11y-tabs-tab-overflow: scroll;\n          --primary-color: var(--haxcms-color, #000000);\n          --paper-input-container-focus-color: var(--haxcms-color, #000000);\n          --lumo-primary-text-color: var(--haxcms-color, #000000);\n          --a11y-tabs-color: var(--haxcms-color, #000000);\n          --a11y-tabs-focus-color: var(--haxcms-color, #000000);\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor-ui.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor-ui.js
index 50f3fb1507d..47ba1adae1c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor-ui.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor-ui.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../../../lit/index.js", "./haxcms-site
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_f0449f401f0511ed8cc3e9a95995ad69, _templateObject2_f0449f401f0511ed8cc3e9a95995ad69;
+  var _templateObject_c68f93f01f2611eda0c389891c227ec8, _templateObject2_c68f93f01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -149,7 +149,7 @@ define(["exports", "meta", "require", "../../../../lit/index.js", "./haxcms-site
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_f0449f401f0511ed8cc3e9a95995ad69 || (_templateObject_f0449f401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <app-hax-top-bar part=\"top-bar\">\n        <span slot=\"left\">\n          <a\n            href=\"", "\"\n            class=\"haxLogo\"\n            id=\"backtosites\"\n            part=\"hax-logo\"\n          >\n            <simple-icon-lite src=\"", "\"></simple-icon-lite>\n          </a>\n          <simple-tooltip for=\"backtosites\" position=\"right\"\n            >", "</simple-tooltip\n          >\n          <slot name=\"haxcms-site-editor-ui-prefix-avatar\"></slot>\n        </span>\n        <simple-toolbar\n          slot=\"center\"\n          ?dark=\"", "\"\n          icon-position=\"top\"\n          show-text-label\n          label=\"", "\"\n        >\n          <slot name=\"haxcms-site-editor-ui-prefix-buttons\"></slot>\n          <simple-toolbar-button\n            hidden\n            id=\"editbutton\"\n            icon=\"", "\"\n            icon-position=\"top\"\n            @click=\"", "\"\n            label=\"", "\"\n            show-text-label\n            voice-command=\"edit (this) page\"\n          ></simple-toolbar-button>\n          <simple-toolbar-button\n            id=\"editdetails\"\n            hidden\n            ?disabled=\"", "\"\n            icon=\"hax:page-details\"\n            icon-position=\"top\"\n            @click=\"", "\"\n            label=\"", "\"\n            show-text-label\n            voice-command=\"edit (page) details\"\n            part=\"detailsbtn\"\n            tabindex=\"", "\"\n          ></simple-toolbar-button>\n          <simple-toolbar-button\n            ?disabled=\"", "\"\n            tabindex=\"", "\"\n            id=\"deletebutton\"\n            hidden\n            icon-position=\"top\"\n            icon=\"icons:delete\"\n            @click=\"", "\"\n            label=\"", "\"\n            show-text-label\n            voice-command=\"delete page\"\n          ></simple-toolbar-button>\n          <simple-toolbar-menu\n            show-text-label\n            id=\"addmenubutton\"\n            ?disabled=\"", "\"\n            icon=\"hax:add-page\"\n            icon-position=\"top\"\n            label=\"Add page\"\n            tabindex=\"", "\"\n            @dblclick=\"", "\"\n            show-text-label\n          >\n            <simple-toolbar-menu-item>\n              <haxcms-button-add\n                hidden\n                ?disabled=\"", "\"\n                show-text-label\n                id=\"addbutton\"\n                show-text-label\n              >\n              </haxcms-button-add>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item>\n              <haxcms-button-add\n                hidden\n                ?disabled=\"", "\"\n                id=\"addbuttonchild\"\n                type=\"child\"\n                show-text-label\n              ></haxcms-button-add>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item>\n              <haxcms-button-add\n                hidden\n                ?disabled=\"", "\"\n                type=\"duplicate\"\n                id=\"duplicatebutton\"\n                show-text-label\n              ></haxcms-button-add>\n            </simple-toolbar-menu-item>\n          </simple-toolbar-menu>\n          <simple-toolbar-button\n            id=\"cancelbutton\"\n            icon=\"icons:cancel\"\n            icon-position=\"top\"\n            @click=\"", "\"\n            .hidden=\"", "\"\n            show-text-label\n            tabindex=\"", "\"\n            label=\"", "\"\n            voice-command=\"cancel (editing)\"\n          ></simple-toolbar-button>\n          <slot name=\"haxcms-site-editor-ui-suffix-buttons\"></slot>\n        </simple-toolbar>\n\n        <app-hax-user-menu slot=\"right\" id=\"user-menu\" part=\"app-hax-user-menu\">\n          <button\n            class=\"topbar-character\"\n            slot=\"menuButton\"\n            @click=\"", "\"\n          >\n            <rpg-character\n              seed=\"", "\"\n              width=\"68\"\n              height=\"68\"\n              part=\"rpgcharacter\"\n              aria-label=\"", "\"\n              hat=\"", "\"\n            ></rpg-character>\n            <span class=\"characterbtn-name\">", "</span>\n            <slot name=\"haxcms-site-editor-ui-topbar-character-button\"></slot>\n          </button>\n          <div slot=\"pre-menu\" class=\"ops-panel\">\n            <slot name=\"haxcms-site-editor-ui-pre-menu\"></slot>\n            <wired-button\n              elevation=\"1\"\n              class=\"soundToggle\"\n              @click=\"", "\"\n            >\n              <simple-icon-lite\n                src=\"", "\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              ></simple-icon-lite>\n            </wired-button>\n            <haxcms-darkmode-toggle></haxcms-darkmode-toggle>\n          </div>\n          <!-- <app-hax-user-menu-button\n          slot=\"main-menu\"\n          icon=\"face\"\n          label=\"", "\"\n        ></app-hax-user-menu-button> -->\n          <slot slot=\"main-menu\" name=\"haxcms-site-editor-ui-main-menu\"></slot>\n          <app-hax-user-menu-button\n            id=\"outlinebutton\"\n            @click=\"", "\"\n            slot=\"main-menu\"\n            icon=\"hax:site-map\"\n            part=\"outlinebtn\"\n            label=\"", "\"\n          ></app-hax-user-menu-button>\n\n          <app-hax-user-menu-button\n            @click=\"", "\"\n            slot=\"main-menu\"\n            icon=\"", "\"\n            part=\"manifestbtn\"\n            label=\"", "\"\n          ></app-hax-user-menu-button>\n\n          <app-hax-user-menu-button\n            slot=\"main-menu\"\n            icon=\"add\"\n            label=\"", "\"\n            part=\"newjourneybtn\"\n            @click=\"", "\"\n          ></app-hax-user-menu-button>\n          <slot slot=\"post-menu\" name=\"haxcms-site-editor-ui-post-menu\"></slot>\n          <app-hax-user-menu-button\n            slot=\"post-menu\"\n            part=\"logoutbtn\"\n            class=\"logout\"\n            label=\"", "\"\n            @click=", "\n          ></app-hax-user-menu-button>\n        </app-hax-user-menu>\n      </app-hax-top-bar>\n    "])), this.backLink, haxLogo, this.backText, !this.darkMode, this.t.showMore, this.__editIcon, this._editButtonTap, this.__editText, this.editMode, this._editDetailsButtonTap, this.t.editDetails, this.editMode ? "-1" : "0", this.editMode, this.editMode ? "-1" : "0", this._deleteButtonTap, this.t.deletePage, this.editMode, this.editMode ? "-1" : "0", this._addPageClick, this.editMode, this.editMode, this.editMode, this._cancelButtonTap, !this.editMode, this.editMode ? "0" : "-1", this.t.cancelEditing, this.toggleMenu, this.userName, this.t.menu, this.rpgHat, this.userName, this.soundToggle, this.soundIcon, this.t.accountInfo, this._outlineButtonTap, this.t.editSiteOutline, this._manifestButtonTap, this.icon, this.__settingsText, this.t.newJourney, this._addButtonTap, this.t.logOut, this._logout);
+        return (0, _index.html)(_templateObject_c68f93f01f2611eda0c389891c227ec8 || (_templateObject_c68f93f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <app-hax-top-bar part=\"top-bar\">\n        <span slot=\"left\">\n          <a\n            href=\"", "\"\n            class=\"haxLogo\"\n            id=\"backtosites\"\n            part=\"hax-logo\"\n          >\n            <simple-icon-lite src=\"", "\"></simple-icon-lite>\n          </a>\n          <simple-tooltip for=\"backtosites\" position=\"right\"\n            >", "</simple-tooltip\n          >\n          <slot name=\"haxcms-site-editor-ui-prefix-avatar\"></slot>\n        </span>\n        <simple-toolbar\n          slot=\"center\"\n          ?dark=\"", "\"\n          icon-position=\"top\"\n          show-text-label\n          label=\"", "\"\n        >\n          <slot name=\"haxcms-site-editor-ui-prefix-buttons\"></slot>\n          <simple-toolbar-button\n            hidden\n            id=\"editbutton\"\n            icon=\"", "\"\n            icon-position=\"top\"\n            @click=\"", "\"\n            label=\"", "\"\n            show-text-label\n            voice-command=\"edit (this) page\"\n          ></simple-toolbar-button>\n          <simple-toolbar-button\n            id=\"editdetails\"\n            hidden\n            ?disabled=\"", "\"\n            icon=\"hax:page-details\"\n            icon-position=\"top\"\n            @click=\"", "\"\n            label=\"", "\"\n            show-text-label\n            voice-command=\"edit (page) details\"\n            part=\"detailsbtn\"\n            tabindex=\"", "\"\n          ></simple-toolbar-button>\n          <simple-toolbar-button\n            ?disabled=\"", "\"\n            tabindex=\"", "\"\n            id=\"deletebutton\"\n            hidden\n            icon-position=\"top\"\n            icon=\"icons:delete\"\n            @click=\"", "\"\n            label=\"", "\"\n            show-text-label\n            voice-command=\"delete page\"\n          ></simple-toolbar-button>\n          <simple-toolbar-menu\n            show-text-label\n            id=\"addmenubutton\"\n            ?disabled=\"", "\"\n            icon=\"hax:add-page\"\n            icon-position=\"top\"\n            label=\"Add page\"\n            tabindex=\"", "\"\n            @dblclick=\"", "\"\n            show-text-label\n          >\n            <simple-toolbar-menu-item>\n              <haxcms-button-add\n                hidden\n                ?disabled=\"", "\"\n                show-text-label\n                id=\"addbutton\"\n                show-text-label\n              >\n              </haxcms-button-add>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item>\n              <haxcms-button-add\n                hidden\n                ?disabled=\"", "\"\n                id=\"addbuttonchild\"\n                type=\"child\"\n                show-text-label\n              ></haxcms-button-add>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item>\n              <haxcms-button-add\n                hidden\n                ?disabled=\"", "\"\n                type=\"duplicate\"\n                id=\"duplicatebutton\"\n                show-text-label\n              ></haxcms-button-add>\n            </simple-toolbar-menu-item>\n          </simple-toolbar-menu>\n          <simple-toolbar-button\n            id=\"cancelbutton\"\n            icon=\"icons:cancel\"\n            icon-position=\"top\"\n            @click=\"", "\"\n            .hidden=\"", "\"\n            show-text-label\n            tabindex=\"", "\"\n            label=\"", "\"\n            voice-command=\"cancel (editing)\"\n          ></simple-toolbar-button>\n          <slot name=\"haxcms-site-editor-ui-suffix-buttons\"></slot>\n        </simple-toolbar>\n\n        <app-hax-user-menu slot=\"right\" id=\"user-menu\" part=\"app-hax-user-menu\">\n          <button\n            class=\"topbar-character\"\n            slot=\"menuButton\"\n            @click=\"", "\"\n          >\n            <rpg-character\n              seed=\"", "\"\n              width=\"68\"\n              height=\"68\"\n              part=\"rpgcharacter\"\n              aria-label=\"", "\"\n              hat=\"", "\"\n            ></rpg-character>\n            <span class=\"characterbtn-name\">", "</span>\n            <slot name=\"haxcms-site-editor-ui-topbar-character-button\"></slot>\n          </button>\n          <div slot=\"pre-menu\" class=\"ops-panel\">\n            <slot name=\"haxcms-site-editor-ui-pre-menu\"></slot>\n            <wired-button\n              elevation=\"1\"\n              class=\"soundToggle\"\n              @click=\"", "\"\n            >\n              <simple-icon-lite\n                src=\"", "\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              ></simple-icon-lite>\n            </wired-button>\n            <haxcms-darkmode-toggle></haxcms-darkmode-toggle>\n          </div>\n          <!-- <app-hax-user-menu-button\n          slot=\"main-menu\"\n          icon=\"face\"\n          label=\"", "\"\n        ></app-hax-user-menu-button> -->\n          <slot slot=\"main-menu\" name=\"haxcms-site-editor-ui-main-menu\"></slot>\n          <app-hax-user-menu-button\n            id=\"outlinebutton\"\n            @click=\"", "\"\n            slot=\"main-menu\"\n            icon=\"hax:site-map\"\n            part=\"outlinebtn\"\n            label=\"", "\"\n          ></app-hax-user-menu-button>\n\n          <app-hax-user-menu-button\n            @click=\"", "\"\n            slot=\"main-menu\"\n            icon=\"", "\"\n            part=\"manifestbtn\"\n            label=\"", "\"\n          ></app-hax-user-menu-button>\n\n          <app-hax-user-menu-button\n            slot=\"main-menu\"\n            icon=\"add\"\n            label=\"", "\"\n            part=\"newjourneybtn\"\n            @click=\"", "\"\n          ></app-hax-user-menu-button>\n          <slot slot=\"post-menu\" name=\"haxcms-site-editor-ui-post-menu\"></slot>\n          <app-hax-user-menu-button\n            slot=\"post-menu\"\n            part=\"logoutbtn\"\n            class=\"logout\"\n            label=\"", "\"\n            @click=", "\n          ></app-hax-user-menu-button>\n        </app-hax-user-menu>\n      </app-hax-top-bar>\n    "])), this.backLink, haxLogo, this.backText, !this.darkMode, this.t.showMore, this.__editIcon, this._editButtonTap, this.__editText, this.editMode, this._editDetailsButtonTap, this.t.editDetails, this.editMode ? "-1" : "0", this.editMode, this.editMode ? "-1" : "0", this._deleteButtonTap, this.t.deletePage, this.editMode, this.editMode ? "-1" : "0", this._addPageClick, this.editMode, this.editMode, this.editMode, this._cancelButtonTap, !this.editMode, this.editMode ? "0" : "-1", this.t.cancelEditing, this.toggleMenu, this.userName, this.t.menu, this.rpgHat, this.userName, this.soundToggle, this.soundIcon, this.t.accountInfo, this._outlineButtonTap, this.t.editSiteOutline, this._manifestButtonTap, this.icon, this.__settingsText, this.t.newJourney, this._addButtonTap, this.t.logOut, this._logout);
       }
     }, {
       key: "_logout",
@@ -703,7 +703,7 @@ define(["exports", "meta", "require", "../../../../lit/index.js", "./haxcms-site
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteEditorUI), "styles", this)), [(0, _index.css)(_templateObject2_f0449f401f0511ed8cc3e9a95995ad69 || (_templateObject2_f0449f401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host *:not(:defined) {\n          display: none;\n        }\n        :host {\n          display: block;\n          position: relative;\n          height: 48px;\n          left: 0;\n          top: 0;\n          right: 0;\n          background-color: var(--haxcms-system-bg, #37474f);\n          z-index: 10000;\n          visibility: visible;\n        }\n        :host([edit-mode]) {\n          z-index: 9999;\n        }\n        :host([dashboard-opened]) {\n          left: 50vw;\n        }\n        /**\n         * Dashboard open trumps all contextual settings\n         */\n        :host([dashboard-opened]) #editbutton,\n        :host([dashboard-opened]) #editdetails,\n        :host([dashboard-opened]) #deletebutton,\n        :host([dashboard-opened]) #addbutton,\n        :host([dashboard-opened]) #addbuttonchild,\n        :host([dashboard-opened]) #duplicatebutton {\n          display: none !important;\n        }\n        :host *[hidden] {\n          display: none;\n        }\n        simple-tooltip:not(:defined) {\n          display: none !important;\n        }\n        :host([painting]) {\n          opacity: 0;\n          visibility: hidden;\n        }\n        #editbutton {\n          visibility: hidden;\n          opacity: 0;\n        }\n        :host([page-allowed]) #editbutton,\n        :host([page-allowed]) #editdetails,\n        :host([page-allowed]) #deletebutton {\n          visibility: visible;\n          opacity: 1;\n        }\n        #editbutton[icon=\"icons:save\"]:focus,\n        #editbutton[icon=\"icons:save\"]:active,\n        #editbutton[icon=\"icons:save\"]:hover {\n          background-color: var(--simple-colors-default-theme-green-2);\n        }\n        #editbutton[icon=\"icons:save\"] {\n          background-color: var(--simple-colors-default-theme-green-1);\n          color: var(--simple-colors-default-theme-green-8);\n        }\n        #cancelbutton {\n          color: var(--hax-ui-color-danger-secondary);\n          background-color: var(--simple-colors-default-theme-red-1);\n        }\n        #cancelbutton:hover,\n        #cancelbutton:active,\n        #cancelbutton:focus {\n          background-color: var(--simple-colors-default-theme-red-2);\n        }\n        simple-toolbar-menu:hover,\n        simple-toolbar-menu:active,\n        simple-toolbar-menu:focus,\n        simple-toolbar-button:hover,\n        simple-toolbar-button:active,\n        simple-toolbar-button:focus {\n          background-color: var(--hax-ui-background-color-accent);\n          color: var(--hax-ui-color);\n        }\n\n        :host(:hover),\n        :host(:active),\n        :host(:focus) {\n          opacity: 1;\n        }\n        simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-duration-in: 200ms;\n          --simple-tooltip-duration-out: 0;\n          --simple-tooltip-border-radius: 0;\n          --simple-tooltip-font-size: 14px;\n          font-family: \"Press Start 2P\", sans-serif;\n        }\n        app-hax-top-bar {\n          z-index: 1000;\n          right: 0;\n          left: 0;\n          position: fixed;\n        }\n        :host([dark-mode]) app-hax-top-bar {\n          --bg-color: #222;\n          --accent-color: #fff;\n        }\n        app-hax-top-bar::part(top-bar) {\n          grid-template-columns: 20% 60% 20%;\n          overflow: visible;\n        }\n        .haxLogo {\n          color: var(--simple-colors-default-theme-accent-12, black);\n        }\n        :host([dark-mode]) .haxLogo {\n          color: var(--simple-colors-default-theme-accent-1, white);\n        }\n        :host([dark-mode]) .haxLogo:hover,\n        :host([dark-mode]) .haxLogo:focus,\n        :host([dark-mode]) .haxLogo:active,\n        .haxLogo:hover,\n        .haxLogo:focus,\n        .haxLogo:active {\n          color: var(--haxcms-color);\n        }\n        .haxLogo simple-icon-lite {\n          --simple-icon-height: 40px;\n          --simple-icon-width: 40px;\n          margin: 4px;\n        }\n        .soundToggle {\n          position: relative;\n          display: inline-flex;\n          vertical-align: top;\n        }\n\n        .soundToggle img {\n          width: 24px;\n          height: 24px;\n        }\n\n        app-hax-search-bar {\n          vertical-align: middle;\n          display: inline-flex;\n        }\n        simple-toolbar {\n          align-items: stretch;\n          justify-content: center;\n          height: var(--top-bar-height);\n          --simple-toolbar-button-disabled-border-color: transparent;\n          --simple-toolbar-button-disabled-opacity: 0.3;\n          --simple-toolbar-button-padding: 3px 6px;\n        }\n        simple-toolbar[dark-mode] {\n          --simple-toolbar-button-color: #e0e0e0;\n          --simple-toolbar-button-hover-color: #fff;\n          --simple-toolbar-button-bg: #222;\n          --simple-toolbar-button-hover-bg: #000;\n        }\n        simple-toolbar::part(buttons) {\n          flex: 0 1 auto;\n        }\n        .ops-panel {\n          justify-content: space-around;\n          display: flex;\n          padding: 4px 0px;\n        }\n\n        .topbar-character {\n          cursor: pointer;\n          display: inline-block;\n          border: none;\n          border-radius: 0px;\n          padding: 0 8px;\n          margin: 0 0 0 16px;\n          background-color: transparent;\n          height: 48px;\n          max-width: 160px;\n          transition: all 0.5 ease-in-out;\n        }\n        .characterbtn-name {\n          font-family: \"Press Start 2P\", sans-serif;\n          margin-left: 8px;\n          font-size: 12px;\n          vertical-align: bottom;\n          line-height: 48px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          height: 48px;\n          word-break: break-all;\n        }\n        :host([dark-mode]) .topbar-character,\n        :host([dark-mode]) .topbar-character {\n          color: #e0e0e0;\n          background-color: #222;\n        }\n        .topbar-character rpg-character {\n          margin: -4px -14px 0px -10px;\n          height: 52px;\n          width: 64px;\n          display: inline-block;\n          transform: scale(0.7);\n          transition: all 0.5 ease-in-out;\n        }\n        .topbar-character:hover rpg-character,\n        .topbar-character:focus rpg-character {\n          transform: scale(0.9);\n        }\n\n        .logout::part(menu-button) {\n          background-image: url(\"", "\");\n          background-repeat: no-repeat;\n          background-position: center center;\n          text-align: center;\n          background-size: cover;\n          border-top: 0px;\n          border-bottom: 0px;\n          padding: 10px;\n          font-family: \"Press Start 2P\", sans-serif;\n        }\n        app-hax-user-menu app-hax-user-menu-button::part(menu-button) {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 12px;\n        }\n\n        @media screen and (max-width: 800px) {\n          :host([dashboard-opened]) {\n            left: 90vw;\n          }\n          :host([edit-mode]) {\n            bottom: unset;\n          }\n          .topbar-character {\n            padding: 0;\n            margin: 0;\n          }\n          .characterbtn-name {\n            padding: 0;\n            margin: 0;\n            width: 30px;\n            display: inline-flex;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            letter-spacing: -2px;\n            margin-left: -6px;\n          }\n          simple-toolbar {\n            --simple-toolbar-button-padding: 3px 3px;\n          }\n          .characterbtn-name,\n          haxcms-button-add,\n          simple-toolbar-menu,\n          simple-toolbar-button {\n            font-size: 10px;\n          }\n          simple-toolbar-menu {\n            --icon-offset-right: 2px;\n            --icon-offset-left: 2px;\n          }\n          simple-toolbar-menu::part(dropdown-icon) {\n            right: 0;\n            top: 10px;\n          }\n          :host([edit-mode]) #deletebutton,\n          :host([edit-mode]) #addmenubutton,\n          :host([edit-mode]) #editdetails {\n            display: none;\n          }\n        }\n      "])), (0, _index.unsafeCSS)(LogOut))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteEditorUI), "styles", this)), [(0, _index.css)(_templateObject2_c68f93f01f2611eda0c389891c227ec8 || (_templateObject2_c68f93f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host *:not(:defined) {\n          display: none;\n        }\n        :host {\n          display: block;\n          position: relative;\n          height: 48px;\n          left: 0;\n          top: 0;\n          right: 0;\n          background-color: var(--haxcms-system-bg, #37474f);\n          z-index: 10000;\n          visibility: visible;\n        }\n        :host([edit-mode]) {\n          z-index: 9999;\n        }\n        :host([dashboard-opened]) {\n          left: 50vw;\n        }\n        /**\n         * Dashboard open trumps all contextual settings\n         */\n        :host([dashboard-opened]) #editbutton,\n        :host([dashboard-opened]) #editdetails,\n        :host([dashboard-opened]) #deletebutton,\n        :host([dashboard-opened]) #addbutton,\n        :host([dashboard-opened]) #addbuttonchild,\n        :host([dashboard-opened]) #duplicatebutton {\n          display: none !important;\n        }\n        :host *[hidden] {\n          display: none;\n        }\n        simple-tooltip:not(:defined) {\n          display: none !important;\n        }\n        :host([painting]) {\n          opacity: 0;\n          visibility: hidden;\n        }\n        #editbutton {\n          visibility: hidden;\n          opacity: 0;\n        }\n        :host([page-allowed]) #editbutton,\n        :host([page-allowed]) #editdetails,\n        :host([page-allowed]) #deletebutton {\n          visibility: visible;\n          opacity: 1;\n        }\n        #editbutton[icon=\"icons:save\"]:focus,\n        #editbutton[icon=\"icons:save\"]:active,\n        #editbutton[icon=\"icons:save\"]:hover {\n          background-color: var(--simple-colors-default-theme-green-2);\n        }\n        #editbutton[icon=\"icons:save\"] {\n          background-color: var(--simple-colors-default-theme-green-1);\n          color: var(--simple-colors-default-theme-green-8);\n        }\n        #cancelbutton {\n          color: var(--hax-ui-color-danger-secondary);\n          background-color: var(--simple-colors-default-theme-red-1);\n        }\n        #cancelbutton:hover,\n        #cancelbutton:active,\n        #cancelbutton:focus {\n          background-color: var(--simple-colors-default-theme-red-2);\n        }\n        simple-toolbar-menu:hover,\n        simple-toolbar-menu:active,\n        simple-toolbar-menu:focus,\n        simple-toolbar-button:hover,\n        simple-toolbar-button:active,\n        simple-toolbar-button:focus {\n          background-color: var(--hax-ui-background-color-accent);\n          color: var(--hax-ui-color);\n        }\n\n        :host(:hover),\n        :host(:active),\n        :host(:focus) {\n          opacity: 1;\n        }\n        simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-duration-in: 200ms;\n          --simple-tooltip-duration-out: 0;\n          --simple-tooltip-border-radius: 0;\n          --simple-tooltip-font-size: 14px;\n          font-family: \"Press Start 2P\", sans-serif;\n        }\n        app-hax-top-bar {\n          z-index: 1000;\n          right: 0;\n          left: 0;\n          position: fixed;\n        }\n        :host([dark-mode]) app-hax-top-bar {\n          --bg-color: #222;\n          --accent-color: #fff;\n        }\n        app-hax-top-bar::part(top-bar) {\n          grid-template-columns: 20% 60% 20%;\n          overflow: visible;\n        }\n        .haxLogo {\n          color: var(--simple-colors-default-theme-accent-12, black);\n        }\n        :host([dark-mode]) .haxLogo {\n          color: var(--simple-colors-default-theme-accent-1, white);\n        }\n        :host([dark-mode]) .haxLogo:hover,\n        :host([dark-mode]) .haxLogo:focus,\n        :host([dark-mode]) .haxLogo:active,\n        .haxLogo:hover,\n        .haxLogo:focus,\n        .haxLogo:active {\n          color: var(--haxcms-color);\n        }\n        .haxLogo simple-icon-lite {\n          --simple-icon-height: 40px;\n          --simple-icon-width: 40px;\n          margin: 4px;\n        }\n        .soundToggle {\n          position: relative;\n          display: inline-flex;\n          vertical-align: top;\n        }\n\n        .soundToggle img {\n          width: 24px;\n          height: 24px;\n        }\n\n        app-hax-search-bar {\n          vertical-align: middle;\n          display: inline-flex;\n        }\n        simple-toolbar {\n          align-items: stretch;\n          justify-content: center;\n          height: var(--top-bar-height);\n          --simple-toolbar-button-disabled-border-color: transparent;\n          --simple-toolbar-button-disabled-opacity: 0.3;\n          --simple-toolbar-button-padding: 3px 6px;\n        }\n        simple-toolbar[dark-mode] {\n          --simple-toolbar-button-color: #e0e0e0;\n          --simple-toolbar-button-hover-color: #fff;\n          --simple-toolbar-button-bg: #222;\n          --simple-toolbar-button-hover-bg: #000;\n        }\n        simple-toolbar::part(buttons) {\n          flex: 0 1 auto;\n        }\n        .ops-panel {\n          justify-content: space-around;\n          display: flex;\n          padding: 4px 0px;\n        }\n\n        .topbar-character {\n          cursor: pointer;\n          display: inline-block;\n          border: none;\n          border-radius: 0px;\n          padding: 0 8px;\n          margin: 0 0 0 16px;\n          background-color: transparent;\n          height: 48px;\n          max-width: 160px;\n          transition: all 0.5 ease-in-out;\n        }\n        .characterbtn-name {\n          font-family: \"Press Start 2P\", sans-serif;\n          margin-left: 8px;\n          font-size: 12px;\n          vertical-align: bottom;\n          line-height: 48px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          height: 48px;\n          word-break: break-all;\n        }\n        :host([dark-mode]) .topbar-character,\n        :host([dark-mode]) .topbar-character {\n          color: #e0e0e0;\n          background-color: #222;\n        }\n        .topbar-character rpg-character {\n          margin: -4px -14px 0px -10px;\n          height: 52px;\n          width: 64px;\n          display: inline-block;\n          transform: scale(0.7);\n          transition: all 0.5 ease-in-out;\n        }\n        .topbar-character:hover rpg-character,\n        .topbar-character:focus rpg-character {\n          transform: scale(0.9);\n        }\n\n        .logout::part(menu-button) {\n          background-image: url(\"", "\");\n          background-repeat: no-repeat;\n          background-position: center center;\n          text-align: center;\n          background-size: cover;\n          border-top: 0px;\n          border-bottom: 0px;\n          padding: 10px;\n          font-family: \"Press Start 2P\", sans-serif;\n        }\n        app-hax-user-menu app-hax-user-menu-button::part(menu-button) {\n          font-family: \"Press Start 2P\", sans-serif;\n          font-size: 12px;\n        }\n\n        @media screen and (max-width: 800px) {\n          :host([dashboard-opened]) {\n            left: 90vw;\n          }\n          :host([edit-mode]) {\n            bottom: unset;\n          }\n          .topbar-character {\n            padding: 0;\n            margin: 0;\n          }\n          .characterbtn-name {\n            padding: 0;\n            margin: 0;\n            width: 30px;\n            display: inline-flex;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            letter-spacing: -2px;\n            margin-left: -6px;\n          }\n          simple-toolbar {\n            --simple-toolbar-button-padding: 3px 3px;\n          }\n          .characterbtn-name,\n          haxcms-button-add,\n          simple-toolbar-menu,\n          simple-toolbar-button {\n            font-size: 10px;\n          }\n          simple-toolbar-menu {\n            --icon-offset-right: 2px;\n            --icon-offset-left: 2px;\n          }\n          simple-toolbar-menu::part(dropdown-icon) {\n            right: 0;\n            top: 10px;\n          }\n          :host([edit-mode]) #deletebutton,\n          :host([edit-mode]) #addmenubutton,\n          :host([edit-mode]) #editdetails {\n            display: none;\n          }\n        }\n      "])), (0, _index.unsafeCSS)(LogOut))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor.js
index 227d4ad482d..8047b83275c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "./haxcms-site-store.js", "../../
   });
   _exports.HAXCMSSiteEditor = void 0;
 
-  var _templateObject_f05a4a201f0511ed8cc3e9a95995ad69;
+  var _templateObject_c6a7afd01f2611eda0c389891c227ec8;
 
   function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && babelHelpers.instanceof(outerFn.prototype, Generator) ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == babelHelpers.typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
@@ -58,7 +58,7 @@ define(["exports", "../../../../lit/index.js", "./haxcms-site-store.js", "../../
     babelHelpers.createClass(HAXCMSSiteEditor, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_f05a4a201f0511ed8cc3e9a95995ad69 || (_templateObject_f05a4a201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        haxcms-site-editor {\n          display: block;\n        }\n\n        haxcms-site-editor[edit-mode] #editbutton {\n          width: 100%;\n          z-index: 100;\n          right: 0;\n          bottom: 0;\n          border-radius: 0;\n          height: 80px;\n          margin: 0;\n          padding: 8px;\n          background-color: var(--paper-blue-500) !important;\n        }\n        h-a-x {\n          margin: auto;\n          display: none;\n        }\n        haxcms-site-editor[edit-mode] h-a-x {\n          display: block;\n        }\n      </style>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"nodeupdateajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"outlineupdateajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"manifestupdateajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"publishajax\"\n        .loading=\"", "\"\n        @loading-changed=\"", "\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"revertajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"syncajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"createajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"deleteajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"getuserdata\"\n        url=\"", "\"\n        method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <h-a-x\n        id=\"hax\"\n        element-align=\"left\"\n        offset-margin=\"48px 0 0 0\"\n        hide-panel-ops=\"hide-panel-ops\"\n      ></h-a-x>\n    "])), this.jwt, this.saveNodePath, this.method, this._handleNodeResponse, this.lastErrorChanged, this.jwt, this.saveOutlinePath, this.method, this._handleOutlineResponse, this.lastErrorChanged, this.jwt, this.saveManifestPath, this.method, this._handleManifestResponse, this.lastErrorChanged, this.jwt, this.publishing, this.loadingChanged, this.publishSitePath, this.method, this._handlePublishResponse, this.lastErrorChanged, this.jwt, this.revertSitePath, this.method, this._handleRevertResponse, this.lastErrorChanged, this.jwt, this.syncSitePath, this.method, this._handleSyncResponse, this.lastErrorChanged, this.jwt, this.createNodePath, this.method, this._handleCreateResponse, this.lastErrorChanged, this.__createNodeResponseChanged, this.jwt, this.deleteNodePath, this.method, this._handleDeleteResponse, this.lastErrorChanged, this.__deleteNodeResponseChanged, this.jwt, this.getUserDataPath, this.method, this._handleUserDataResponse, this.lastErrorChanged);
+        return (0, _index.html)(_templateObject_c6a7afd01f2611eda0c389891c227ec8 || (_templateObject_c6a7afd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        haxcms-site-editor {\n          display: block;\n        }\n\n        haxcms-site-editor[edit-mode] #editbutton {\n          width: 100%;\n          z-index: 100;\n          right: 0;\n          bottom: 0;\n          border-radius: 0;\n          height: 80px;\n          margin: 0;\n          padding: 8px;\n          background-color: var(--paper-blue-500) !important;\n        }\n        h-a-x {\n          margin: auto;\n          display: none;\n        }\n        haxcms-site-editor[edit-mode] h-a-x {\n          display: block;\n        }\n      </style>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"nodeupdateajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"outlineupdateajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"manifestupdateajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"publishajax\"\n        .loading=\"", "\"\n        @loading-changed=\"", "\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"revertajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"syncajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"createajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"deleteajax\"\n        .url=\"", "\"\n        .method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"getuserdata\"\n        url=\"", "\"\n        method=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <h-a-x\n        id=\"hax\"\n        element-align=\"left\"\n        offset-margin=\"48px 0 0 0\"\n        hide-panel-ops=\"hide-panel-ops\"\n      ></h-a-x>\n    "])), this.jwt, this.saveNodePath, this.method, this._handleNodeResponse, this.lastErrorChanged, this.jwt, this.saveOutlinePath, this.method, this._handleOutlineResponse, this.lastErrorChanged, this.jwt, this.saveManifestPath, this.method, this._handleManifestResponse, this.lastErrorChanged, this.jwt, this.publishing, this.loadingChanged, this.publishSitePath, this.method, this._handlePublishResponse, this.lastErrorChanged, this.jwt, this.revertSitePath, this.method, this._handleRevertResponse, this.lastErrorChanged, this.jwt, this.syncSitePath, this.method, this._handleSyncResponse, this.lastErrorChanged, this.jwt, this.createNodePath, this.method, this._handleCreateResponse, this.lastErrorChanged, this.__createNodeResponseChanged, this.jwt, this.deleteNodePath, this.method, this._handleDeleteResponse, this.lastErrorChanged, this.__deleteNodeResponseChanged, this.jwt, this.getUserDataPath, this.method, this._handleUserDataResponse, this.lastErrorChanged);
       }
     }, {
       key: "__deleteNodeResponseChanged",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/haxcms-site-listing.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/haxcms-site-listing.js
index 90dd0bacd91..c5c4fb61e03 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/haxcms-site-listing.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/haxcms-site-listing.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
   _exports.HAXCMSSiteListing = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_022530d01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8975c901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -1368,7 +1368,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_022530d01f0611ed8cc3e9a95995ad69 || (_templateObject_022530d01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        simple-icon-button {\n          --simple-icon-button-ink-color: var(--haxcms-system-action-color);\n        }\n        .toolbar div.main-title {\n          margin-left: 50px;\n          font-size: 24px;\n        }\n        .toolbar {\n          display: flex;\n          padding: 8px;\n          position: fixed;\n          top: 0;\n          left: 0;\n          right: 0;\n          color: var(--simple-colors-default-theme-accent-11, #111111);\n          background-color: var(\n            --simple-colors-default-theme-accent-2,\n            #eeeeee\n          );\n          z-index: 1;\n          line-height: 120%;\n          align-items: center;\n        }\n        a11y-collapse-group {\n          margin-top: 64px;\n        }\n        a11y-collapse div[slot=\"heading\"] {\n          height: 64px;\n          line-height: 64px;\n          font-size: 30px;\n          cursor: pointer;\n        }\n        jos-render {\n          --jos-render-margin: 0px;\n          --jos-render-padding: 8px;\n        }\n        course-card {\n          height: 350px;\n          width: 150px;\n          overflow: hidden;\n          --course-card-filter: grayscale(80%);\n        }\n        course-card:active,\n        course-card:hover {\n          --course-card-filter-hover: grayscale(0%);\n        }\n        vaadin-grid {\n          margin-top: 24px;\n          height: calc(100vh - 64px);\n        }\n        simple-datetime {\n          color: black;\n        }\n        vaadin-checkbox {\n          border: 1px solid black;\n          background-color: var(--simple-colors-default-theme-blue-1);\n        }\n        .login-prompt {\n          margin: 80px auto 0;\n          display: flex;\n          justify-content: center;\n        }\n        .login-prompt[hidden] {\n          display: none;\n        }\n        .login-prompt div#selfie {\n          position: absolute;\n          margin: 0;\n        }\n        .has-snap {\n          z-index: 3;\n        }\n        .hide-camera {\n          display: none;\n        }\n        .login-prompt div#selfie img {\n          z-index: 2;\n          position: absolute;\n          margin: 0 0 0 -138px;\n          height: 355px;\n          display: block;\n        }\n        simple-login {\n          background: #eeeeee;\n          color: var(--haxcms-system-bg);\n          --primary-color: var(--haxcms-system-bg);\n          --primary-text-color: var(--haxcms-system-bg);\n          --simple-fields-accent-color: var(--haxcms-system-action-color);\n          --login-btn-background-color: var(--haxcms-system-bg);\n          --login-btn-raised-background-color: var(\n            --haxcms-system-action-color\n          );\n          --login-form-color: var(--haxcms-system-bg);\n          --login-btn-width: 80%;\n          --login-btn-display: block;\n          text-align: center;\n        }\n        .forgot {\n          margin: 32px 0 -16px 0;\n          padding: 0;\n          font-size: 12px;\n          text-align: center;\n        }\n        hax-logo {\n          margin-top: -50px;\n          margin-bottom: 16px;\n          text-align: center;\n          --hax-logo-font-size: 24px;\n          --hax-logo-letter-spacing: 0px;\n        }\n        .camera-buttons {\n          width: 100%;\n          justify-content: center;\n          display: flex;\n        }\n        simple-modal-template[modal-id=\"help\"] {\n          --simple-modal-width: 60vw;\n        }\n        paper-dialog {\n          width: 60vw;\n        }\n        div.scrollable {\n          overflow: scroll;\n          height: 40vh;\n        }\n        h2.dialog-header {\n          background-color: var(--haxcms-site-listing-color-dark);\n          margin: 0;\n          padding: 28px;\n          color: var(--haxcms-site-listing-color-light);\n        }\n        .buttons {\n          text-align: center;\n          margin: 0 auto;\n          display: flex;\n          justify-content: center;\n          margin-top: 2em;\n          color: var(--haxcms-site-listing-color-dark);\n          font-weight: 500;\n        }\n        .action-button {\n          height: 48px;\n          background-color: var(--haxcms-site-listing-color-dark);\n          color: var(--haxcms-site-listing-color-light);\n          margin-right: 48px;\n        }\n        .action-button:hover,\n        .action-button:active,\n        .action-button:focus {\n          background-color: var(--haxcms-site-listing-color-hover);\n        }\n        button simple-icon {\n          margin-right: 4px;\n        }\n        simple-fields-field {\n          --simple-fields-accent-color: var(--haxcms-site-listing-color-hover);\n        }\n        .small-location {\n          font-size: 11px;\n          font-style: italic;\n        }\n        #grid {\n          font-size: 13px;\n        }\n        #loading {\n          z-index: 1000;\n          opacity: 1;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0%;\n          padding: 50vh calc(50% - 127.5px);\n          transition: all linear 1s;\n          visibility: visible;\n          background-color: rgba(250, 250, 250, 0.8);\n        }\n        #loading[data-loading] {\n          opacity: 0;\n          visibility: hidden;\n          --hexagon-color: var(\n            --simple-colors-default-theme-light-blue-7,\n            #007ffc\n          );\n        }\n        a {\n          text-decoration: none;\n          color: black;\n        }\n        .site-title {\n          display: block;\n          font-size: 20px;\n          width: 100%;\n          min-width: unset;\n          text-decoration: underline;\n        }\n        .site-title:hover,\n        .site-title:active,\n        .site-title:focus {\n          text-decoration: none;\n        }\n        .operations button {\n          font-weight: 500;\n          color: black;\n          background-color: var(--haxcms-site-listing-color-light);\n          margin: 0 8px;\n          padding: 4px;\n          display: inline-flex;\n          font-size: 12px;\n          line-height: 24px;\n          cursor: pointer;\n        }\n        .operations button:hover,\n        .operations button:active,\n        .operations button:focus {\n          background-color: var(--haxcms-site-listing-color-light);\n          color: var(--haxcms-site-listing-color-hover);\n        }\n        .operations button span {\n          height: 24px;\n        }\n        .operations.right {\n          right: 0;\n          position: absolute;\n          display: inline-flex;\n        }\n        #add {\n          background-color: var(--haxcms-site-listing-color-hover);\n          color: var(--haxcms-site-listing-color-light);\n          transition: 0.2s all linear;\n        }\n        #add:hover,\n        #add:active,\n        #add:focus {\n          background-color: var(--haxcms-site-listing-color-light);\n          color: var(--haxcms-site-listing-color-hover);\n        }\n        .selected-operations {\n          margin: 0 16px;\n          transition: 0.3s linear all;\n          display: inline-flex;\n          visibility: visible;\n          opacity: 1;\n          align-content: center;\n          justify-content: space-evenly;\n          width: 100%;\n        }\n        *[hidden] {\n          visibility: hidden;\n          opacity: 0;\n          display: none;\n        }\n        .selected-operations button {\n          background-color: var(--haxcms-site-listing-color-light);\n          font-weight: 500;\n          font-size: 16px;\n          color: var(--haxcms-site-listing-color-dark);\n          margin: 0;\n          min-width: unset;\n          margin: 8px;\n          height: 48px;\n        }\n        .selected-operations button:active,\n        .selected-operations button:hover,\n        .selected-operations button:focus {\n          background-color: var(--haxcms-site-listing-color-hover);\n          color: var(--haxcms-site-listing-color-light) !important;\n        }\n        .danger {\n          color: var(--simple-colors-default-theme-red-7) !important;\n        }\n        .danger:hover {\n          color: var(--haxcms-site-listing-color-light) !important;\n        }\n        #userphoto {\n          width: 24px;\n          height: 24px;\n          margin-right: 4px;\n          border-radius: 50%;\n        }\n        @media screen and (max-width: 1080px) {\n          .selected-operations .small-hide {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 800px) {\n          .main-title {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 700px) {\n          .small-hide {\n            display: none;\n          }\n        }\n      </style>\n      <jwt-login\n        id=\"jwt\"\n        method=\"[[method]]\"\n        url=\"[[__loginPath]]\"\n        refresh-url=\"[[__refreshPath]]\"\n        logout-url=\"[[__logoutPath]]\"\n        jwt=\"{{jwt}}\"\n      ></jwt-login>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"loaddata\"\n        auto=\"\"\n        loading=\"{{__loading}}\"\n        url=\"[[dataSource]]\"\n        handle-as=\"json\"\n        debounce-duration=\"250\"\n        last-response=\"{{sitesResponse}}\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"createrequest\"\n        method=\"[[method]]\"\n        body=\"[[createParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__createNewSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleCreateResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"gitimportrequest\"\n        method=\"[[method]]\"\n        body=\"[[gitImportParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__gitImportSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleGitImportResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"downloadrequest\"\n        method=\"[[method]]\"\n        body=\"[[downloadParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__downloadSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleDownloadResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"archiverequest\"\n        method=\"[[method]]\"\n        body=\"[[archiveParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__archiveSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleArchiveResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"deleterequest\"\n        method=\"[[method]]\"\n        body=\"[[deleteParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__deleteSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleDeleteResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"clonerequest\"\n        method=\"[[method]]\"\n        body=\"[[cloneParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__cloneSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleCloneResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"publishrequest\"\n        method=\"[[method]]\"\n        body=\"[[publishParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__publishSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handlePublishResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"syncrequest\"\n        method=\"[[method]]\"\n        body=\"[[syncParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__syncSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleSyncResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"getconfigrequest\"\n        method=\"[[method]]\"\n        body=\"[[configParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__getConfigPath]]\"\n        handle-as=\"json\"\n        on-response=\"handleConfigResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"setconfigrequest\"\n        method=\"[[method]]\"\n        body=\"[[setConfigParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__setConfigPath]]\"\n        handle-as=\"json\"\n        on-response=\"handleSetConfigResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"getuserdatarequest\"\n        method=\"[[method]]\"\n        body=\"[[getUserDataParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__getUserDataPath]]\"\n        handle-as=\"json\"\n        on-response=\"handleGetUserDataResponse\"\n      ></iron-ajax>\n      <div id=\"loading\" data-loading$=\"[[!__loading]]\">\n        <hexagon-loader item-count=\"4\" loading size=\"large\"></hexagon-loader>\n      </div>\n      <div class=\"toolbar\">\n        <slot name=\"app-header-pre\"></slot>\n        <div class=\"operations\">\n          <button\n            on-click=\"_addTap\"\n            id=\"add\"\n            raised\n            hidden$=\"[[!loggedIn]]\"\n            title=\"Create new site\"\n          >\n            <simple-icon icon=\"icons:add\" dark></simple-icon>\n            <span class=\"small-hide\">New site</span>\n          </button>\n          <button\n            on-click=\"_importTap\"\n            id=\"import\"\n            raised\n            hidden$=\"[[!loggedIn]]\"\n            title=\"Import site\"\n          >\n            <simple-icon icon=\"icons:cloud-download\"></simple-icon>\n            <span class=\"small-hide\">Import</span>\n          </button>\n        </div>\n        <div class=\"main-title\" hidden$=\"[[!loggedIn]]\">[[title]]</div>\n        <div class=\"operations right\">\n          <button\n            on-click=\"_helpTap\"\n            id=\"help\"\n            raised\n            title=\"Help\"\n            hidden$=\"[[!showSpecialButtons(hideGlobalSettings,loggedIn)]]\"\n          >\n            <simple-icon icon=\"icons:help\"></simple-icon>\n            <span class=\"small-hide\">Help</span>\n          </button>\n          <button\n            on-click=\"_settingsTap\"\n            id=\"settings\"\n            raised\n            title=\"Settings\"\n            hidden$=\"[[!showSpecialButtons(hideGlobalSettings,loggedIn)]]\"\n          >\n            <simple-icon icon=\"icons:settings\"></simple-icon>\n            <span class=\"small-hide\">Settings</span>\n          </button>\n          <button\n            hidden$=\"[[!showSpecialButtons(hideLogin,loggedIn)]]\"\n            id=\"login\"\n            on-click=\"_logoutUserRoutine\"\n            title=\"Logout\"\n          >\n            <template is=\"dom-if\" if=\"[[!logoutPhoto]]\">\n              <simple-icon\n                icon=\"[[__loginIcon]]\"\n                class=\"small-hide\"\n              ></simple-icon>\n            </template>\n            <template is=\"dom-if\" if=\"[[logoutPhoto]]\">\n              <img id=\"userphoto\" src=\"[[logoutPhoto]]\" class=\"small-hide\" />\n            </template>\n            [[__loginText]]\n          </button>\n        </div>\n      </div>\n      <a11y-collapse-group heading-button expanded hidden$=\"[[!loggedIn]]\">\n        <a11y-collapse>\n          <div slot=\"heading\">Card view</div>\n          <jos-render slot=\"content\"></jos-render>\n        </a11y-collapse>\n        <a11y-collapse>\n          <div slot=\"heading\">Table view / bulk operations</div>\n          <div slot=\"content\">\n            <div class=\"selected-operations\" id=\"ops\">\n              <button\n                title=\"Publish\"\n                on-click=\"_bulkSitesConfirm\"\n                id=\"publish\"\n                raised\n                data-op=\"publish\"\n              >\n                <simple-icon\n                  icon=\"editor:publish\"\n                  data-op=\"publish\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"publish\">Publish site</span>\n              </button>\n              <button\n                title=\"Sync git\"\n                on-click=\"_bulkSitesConfirm\"\n                id=\"sync\"\n                data-op=\"sync\"\n                raised\n              >\n                <simple-icon\n                  icon=\"notification:sync\"\n                  data-op=\"sync\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"sync\">Sync git</span>\n              </button>\n              <button\n                title=\"Copy site\"\n                on-click=\"_bulkSitesConfirm\"\n                id=\"clone\"\n                raised\n                data-op=\"copy\"\n              >\n                <simple-icon\n                  icon=\"icons:content-copy\"\n                  data-op=\"copy\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"copy\">Copy site</span>\n              </button>\n              <button\n                title=\"Download zip\"\n                on-click=\"_bulkSitesConfirm\"\n                id=\"download\"\n                raised\n                data-op=\"download\"\n              >\n                <simple-icon\n                  icon=\"icons:file-download\"\n                  data-op=\"download\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"download\">Download zip</span>\n              </button>\n              <button\n                title=\"Archive\"\n                on-click=\"_bulkSitesConfirm\"\n                id=\"archive\"\n                raised\n                data-op=\"archive\"\n              >\n                <simple-icon\n                  icon=\"icons:archive\"\n                  data-op=\"archive\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"archive\">Archive site</span>\n              </button>\n              <button\n                on-click=\"_bulkSitesConfirm\"\n                id=\"delete\"\n                data-op=\"delete\"\n                raised\n                class=\"danger\"\n                title=\"Delete forever\"\n              >\n                <simple-icon\n                  icon=\"icons:delete-forever\"\n                  data-op=\"delete\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"delete\">Delete forever</span>\n              </button>\n            </div>\n            <vaadin-grid\n              id=\"grid\"\n              items=\"[[sites]]\"\n              theme=\"row-dividers\"\n              column-reordering-allowed\n              multi-sort\n            >\n              <vaadin-grid-selection-column\n                width=\"5em\"\n                auto-select\n                frozen\n              ></vaadin-grid-selection-column>\n              <vaadin-grid-filter-column\n                header=\"Site name\"\n                width=\"240px\"\n                path=\"title\"\n              >\n                <template>\n                  <portal-launcher>\n                    <a class=\"site-title\" href$=\"[[item.slug]]\">\n                      <div>[[item.title]]</div>\n                      <div class=\"small-location\">\n                        [[cleanLocation(item.slug)]]\n                      </div>\n                    </a>\n                  </portal-launcher>\n                </template>\n              </vaadin-grid-filter-column>\n              <vaadin-grid-filter-column\n                path=\"metadata.theme.name\"\n                header=\"Theme\"\n                width=\"80px\"\n              ></vaadin-grid-filter-column>\n              <vaadin-grid-sort-column header=\"Updated\" path=\"metadata.updated\">\n                <template>\n                  <template is=\"dom-if\" if=\"[[item.metadata.site.updated]]\">\n                    <simple-datetime\n                      format=\"M jS, Y\"\n                      timestamp=\"[[item.metadata.site.updated]]\"\n                      unix\n                    ></simple-datetime>\n                  </template>\n                </template>\n              </vaadin-grid-sort-column>\n              <vaadin-grid-sort-column header=\"Created\" path=\"metadata.created\">\n                <template>\n                  <template is=\"dom-if\" if=\"[[item.metadata.site.created]]\">\n                    <simple-datetime\n                      format=\"M jS, Y\"\n                      timestamp=\"[[item.metadata.site.created]]\"\n                      unix\n                    ></simple-datetime>\n                  </template>\n                </template>\n              </vaadin-grid-sort-column>\n              <vaadin-grid-column header=\"Icon\">\n                <template\n                  ><simple-icon\n                    icon=\"[[item.metadata.theme.variables.icon]]\"\n                  ></simple-icon\n                ></template>\n              </vaadin-grid-column>\n              <vaadin-grid-sort-column\n                header=\"Last published\"\n                path=\"metadata.lastPublished\"\n              >\n                <template>\n                  <template\n                    is=\"dom-if\"\n                    if=\"[[item.metadata.site.static.lastPublished]]\"\n                  >\n                    <simple-datetime\n                      format=\"M jS, Y\"\n                      timestamp=\"[[item.metadata.site.static.lastPublished]]\"\n                      unix\n                    ></simple-datetime>\n                  </template>\n                </template>\n              </vaadin-grid-sort-column>\n              <vaadin-grid-sort-column\n                path=\"metadata.pageCount\"\n                header=\"Pages\"\n              ></vaadin-grid-sort-column>\n              <vaadin-grid-column header=\"Color\">\n                <template>\n                  <div\n                    style$=\"border:1px solid black;width:64px;height:48px;background-color:[[item.metadata.theme.variables.hexCode]];\"\n                  ></div>\n                </template>\n              </vaadin-grid-column>\n              <vaadin-grid-column header=\"Logo\" width=\"64px\">\n                <template\n                  ><img\n                    loading=\"lazy\"\n                    src$=\"[[item.slug]][[item.metadata.site.logo]]\"\n                    style=\"width:64px; height:64px;\"\n                  />\n                </template>\n              </vaadin-grid-column>\n            </vaadin-grid>\n          </div>\n        </a11y-collapse>\n      </a11y-collapse-group>\n      <div class=\"login-prompt\" hidden$=\"[[loggedIn]]\">\n        <simple-login>\n          <hax-logo size=\"mini\" hide-hax><span>HAXcms login</span></hax-logo>\n          <div class=\"camera-buttons\">\n            <simple-icon-button\n              id=\"snap\"\n              icon=\"image:camera-alt\"\n              title=\"Snap photo\"\n            ></simple-icon-button>\n            <simple-icon-button\n              id=\"newsnap\"\n              icon=\"icons:cancel\"\n              title=\"Clear photo\"\n            ></simple-icon-button>\n          </div>\n          <simple-login-avatar>\n            <div id=\"selfie\"></div>\n            <simple-login-camera id=\"camera\" autoplay></simple-login-camera>\n          </simple-login-avatar>\n          <p class=\"forgot\" slot=\"buttons\">\n            Forget your login? Check <strong>_config/config.php</strong>\n          </p>\n        </simple-login>\n        <vaadin-upload\n          capture\n          headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n          method=\"[[method]]\"\n          form-data-name=\"file-upload\"\n          hidden\n          id=\"fileupload\"\n        ></vaadin-upload>\n      </div>\n      <simple-modal-template modal-id=\"help\" title=\"Help\">\n        <div slot=\"header\">Help directions</div>\n        <p slot=\"content\">\n          <md-block\n            style=\"overflow:auto;max-height: 50vh;font-size:12px;\"\n            source=\"https://raw.githubusercontent.com/elmsln/HAXcms/master/HAXDocs.md\"\n          ></md-block>\n        </p>\n      </simple-modal-template>\n      <paper-dialog id=\"confirm\">\n        <h2 class=\"dialog-header\">\n          [[activeOpertion]] these [[selectedItems.length]] sites\n        </h2>\n        <div class=\"scrollable\">\n          <ul>\n            <dom-repeat items=\"[[selectedItems]]\" as=\"site\">\n              <template>\n                <li>[[site.title]]</li>\n              </template>\n            </dom-repeat>\n          </ul>\n        </div>\n        <div class=\"buttons\">\n          <button\n            on-click=\"_confirmBulkOperation\"\n            dialog-confirm\n            id=\"bulksites\"\n            class=\"action-button\"\n            raised\n          >\n            <simple-icon icon=\"icons:thumb-up\"></simple-icon> Yes,\n            [[activeOpertion]]\n          </button>\n          <button class=\"action-button\" dialog-dismiss>\n            <simple-icon icon=\"icons:cancel\"></simple-icon> Cancel\n          </button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"createsite\">\n        <h2 class=\"dialog-header\">Create new site</h2>\n        <div class=\"scrollable\">\n          <form>\n            <simple-fields\n              id=\"createsitefields\"\n              autofocus\n              schematizer=\"[[HaxSchematizer]]\"\n              elementizer=\"[[HaxElementizer]]\"\n            >\n            </simple-fields>\n          </form>\n        </div>\n        <div class=\"buttons\">\n          <button\n            on-click=\"_createSite\"\n            class=\"action-button\"\n            dialog-confirm\n            id=\"create\"\n            raised\n          >\n            <simple-icon icon=\"icons:home\" dark></simple-icon> Create your new\n            site!\n          </button>\n          <button class=\"action-button\" dialog-dismiss>\n            <simple-icon dark icon=\"icons:cancel\"></simple-icon> Cancel\n          </button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"importsite\">\n        <h2 class=\"dialog-header\">Import site from git repo</h2>\n        <simple-fields-field\n          id=\"importurl\"\n          label=\"Git url\"\n          type=\"text\"\n        ></simple-fields-field>\n        <div class=\"buttons\">\n          <button\n            on-click=\"_gitImportSite\"\n            class=\"action-button\"\n            dialog-confirm\n            id=\"importsite\"\n            raised\n          >\n            <simple-icon icon=\"icons:home\" dark></simple-icon> Import\n          </button>\n          <button class=\"action-button\" dialog-dismiss>\n            <simple-icon dark icon=\"icons:cancel\"></simple-icon> Cancel\n          </button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"settingsdialog\">\n        <h2 class=\"dialog-header\">Edit HAXCMS configuration</h2>\n        <div class=\"scrollable\">\n          <simple-fields\n            id=\"settingsform\"\n            schematizer=\"[[HaxSchematizer]]\"\n            elementizer=\"[[HaxElementizer]]\"\n          >\n          </simple-fields>\n        </div>\n        <div class=\"buttons\">\n          <button\n            on-click=\"_saveConfig\"\n            dialog-confirm\n            id=\"saveconfig\"\n            class=\"action-button\"\n            raised\n          >\n            <simple-icon icon=\"icons:save\" dark></simple-icon> Save\n          </button>\n          <button class=\"action-button\" dialog-dismiss>\n            <simple-icon icon=\"icons:cancel\" dark></simple-icon> Cancel\n          </button>\n        </div>\n      </paper-dialog>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_d8975c901f2611eda0c389891c227ec8 || (_templateObject_d8975c901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        simple-icon-button {\n          --simple-icon-button-ink-color: var(--haxcms-system-action-color);\n        }\n        .toolbar div.main-title {\n          margin-left: 50px;\n          font-size: 24px;\n        }\n        .toolbar {\n          display: flex;\n          padding: 8px;\n          position: fixed;\n          top: 0;\n          left: 0;\n          right: 0;\n          color: var(--simple-colors-default-theme-accent-11, #111111);\n          background-color: var(\n            --simple-colors-default-theme-accent-2,\n            #eeeeee\n          );\n          z-index: 1;\n          line-height: 120%;\n          align-items: center;\n        }\n        a11y-collapse-group {\n          margin-top: 64px;\n        }\n        a11y-collapse div[slot=\"heading\"] {\n          height: 64px;\n          line-height: 64px;\n          font-size: 30px;\n          cursor: pointer;\n        }\n        jos-render {\n          --jos-render-margin: 0px;\n          --jos-render-padding: 8px;\n        }\n        course-card {\n          height: 350px;\n          width: 150px;\n          overflow: hidden;\n          --course-card-filter: grayscale(80%);\n        }\n        course-card:active,\n        course-card:hover {\n          --course-card-filter-hover: grayscale(0%);\n        }\n        vaadin-grid {\n          margin-top: 24px;\n          height: calc(100vh - 64px);\n        }\n        simple-datetime {\n          color: black;\n        }\n        vaadin-checkbox {\n          border: 1px solid black;\n          background-color: var(--simple-colors-default-theme-blue-1);\n        }\n        .login-prompt {\n          margin: 80px auto 0;\n          display: flex;\n          justify-content: center;\n        }\n        .login-prompt[hidden] {\n          display: none;\n        }\n        .login-prompt div#selfie {\n          position: absolute;\n          margin: 0;\n        }\n        .has-snap {\n          z-index: 3;\n        }\n        .hide-camera {\n          display: none;\n        }\n        .login-prompt div#selfie img {\n          z-index: 2;\n          position: absolute;\n          margin: 0 0 0 -138px;\n          height: 355px;\n          display: block;\n        }\n        simple-login {\n          background: #eeeeee;\n          color: var(--haxcms-system-bg);\n          --primary-color: var(--haxcms-system-bg);\n          --primary-text-color: var(--haxcms-system-bg);\n          --simple-fields-accent-color: var(--haxcms-system-action-color);\n          --login-btn-background-color: var(--haxcms-system-bg);\n          --login-btn-raised-background-color: var(\n            --haxcms-system-action-color\n          );\n          --login-form-color: var(--haxcms-system-bg);\n          --login-btn-width: 80%;\n          --login-btn-display: block;\n          text-align: center;\n        }\n        .forgot {\n          margin: 32px 0 -16px 0;\n          padding: 0;\n          font-size: 12px;\n          text-align: center;\n        }\n        hax-logo {\n          margin-top: -50px;\n          margin-bottom: 16px;\n          text-align: center;\n          --hax-logo-font-size: 24px;\n          --hax-logo-letter-spacing: 0px;\n        }\n        .camera-buttons {\n          width: 100%;\n          justify-content: center;\n          display: flex;\n        }\n        simple-modal-template[modal-id=\"help\"] {\n          --simple-modal-width: 60vw;\n        }\n        paper-dialog {\n          width: 60vw;\n        }\n        div.scrollable {\n          overflow: scroll;\n          height: 40vh;\n        }\n        h2.dialog-header {\n          background-color: var(--haxcms-site-listing-color-dark);\n          margin: 0;\n          padding: 28px;\n          color: var(--haxcms-site-listing-color-light);\n        }\n        .buttons {\n          text-align: center;\n          margin: 0 auto;\n          display: flex;\n          justify-content: center;\n          margin-top: 2em;\n          color: var(--haxcms-site-listing-color-dark);\n          font-weight: 500;\n        }\n        .action-button {\n          height: 48px;\n          background-color: var(--haxcms-site-listing-color-dark);\n          color: var(--haxcms-site-listing-color-light);\n          margin-right: 48px;\n        }\n        .action-button:hover,\n        .action-button:active,\n        .action-button:focus {\n          background-color: var(--haxcms-site-listing-color-hover);\n        }\n        button simple-icon {\n          margin-right: 4px;\n        }\n        simple-fields-field {\n          --simple-fields-accent-color: var(--haxcms-site-listing-color-hover);\n        }\n        .small-location {\n          font-size: 11px;\n          font-style: italic;\n        }\n        #grid {\n          font-size: 13px;\n        }\n        #loading {\n          z-index: 1000;\n          opacity: 1;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0%;\n          padding: 50vh calc(50% - 127.5px);\n          transition: all linear 1s;\n          visibility: visible;\n          background-color: rgba(250, 250, 250, 0.8);\n        }\n        #loading[data-loading] {\n          opacity: 0;\n          visibility: hidden;\n          --hexagon-color: var(\n            --simple-colors-default-theme-light-blue-7,\n            #007ffc\n          );\n        }\n        a {\n          text-decoration: none;\n          color: black;\n        }\n        .site-title {\n          display: block;\n          font-size: 20px;\n          width: 100%;\n          min-width: unset;\n          text-decoration: underline;\n        }\n        .site-title:hover,\n        .site-title:active,\n        .site-title:focus {\n          text-decoration: none;\n        }\n        .operations button {\n          font-weight: 500;\n          color: black;\n          background-color: var(--haxcms-site-listing-color-light);\n          margin: 0 8px;\n          padding: 4px;\n          display: inline-flex;\n          font-size: 12px;\n          line-height: 24px;\n          cursor: pointer;\n        }\n        .operations button:hover,\n        .operations button:active,\n        .operations button:focus {\n          background-color: var(--haxcms-site-listing-color-light);\n          color: var(--haxcms-site-listing-color-hover);\n        }\n        .operations button span {\n          height: 24px;\n        }\n        .operations.right {\n          right: 0;\n          position: absolute;\n          display: inline-flex;\n        }\n        #add {\n          background-color: var(--haxcms-site-listing-color-hover);\n          color: var(--haxcms-site-listing-color-light);\n          transition: 0.2s all linear;\n        }\n        #add:hover,\n        #add:active,\n        #add:focus {\n          background-color: var(--haxcms-site-listing-color-light);\n          color: var(--haxcms-site-listing-color-hover);\n        }\n        .selected-operations {\n          margin: 0 16px;\n          transition: 0.3s linear all;\n          display: inline-flex;\n          visibility: visible;\n          opacity: 1;\n          align-content: center;\n          justify-content: space-evenly;\n          width: 100%;\n        }\n        *[hidden] {\n          visibility: hidden;\n          opacity: 0;\n          display: none;\n        }\n        .selected-operations button {\n          background-color: var(--haxcms-site-listing-color-light);\n          font-weight: 500;\n          font-size: 16px;\n          color: var(--haxcms-site-listing-color-dark);\n          margin: 0;\n          min-width: unset;\n          margin: 8px;\n          height: 48px;\n        }\n        .selected-operations button:active,\n        .selected-operations button:hover,\n        .selected-operations button:focus {\n          background-color: var(--haxcms-site-listing-color-hover);\n          color: var(--haxcms-site-listing-color-light) !important;\n        }\n        .danger {\n          color: var(--simple-colors-default-theme-red-7) !important;\n        }\n        .danger:hover {\n          color: var(--haxcms-site-listing-color-light) !important;\n        }\n        #userphoto {\n          width: 24px;\n          height: 24px;\n          margin-right: 4px;\n          border-radius: 50%;\n        }\n        @media screen and (max-width: 1080px) {\n          .selected-operations .small-hide {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 800px) {\n          .main-title {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 700px) {\n          .small-hide {\n            display: none;\n          }\n        }\n      </style>\n      <jwt-login\n        id=\"jwt\"\n        method=\"[[method]]\"\n        url=\"[[__loginPath]]\"\n        refresh-url=\"[[__refreshPath]]\"\n        logout-url=\"[[__logoutPath]]\"\n        jwt=\"{{jwt}}\"\n      ></jwt-login>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"loaddata\"\n        auto=\"\"\n        loading=\"{{__loading}}\"\n        url=\"[[dataSource]]\"\n        handle-as=\"json\"\n        debounce-duration=\"250\"\n        last-response=\"{{sitesResponse}}\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"createrequest\"\n        method=\"[[method]]\"\n        body=\"[[createParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__createNewSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleCreateResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"gitimportrequest\"\n        method=\"[[method]]\"\n        body=\"[[gitImportParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__gitImportSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleGitImportResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"downloadrequest\"\n        method=\"[[method]]\"\n        body=\"[[downloadParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__downloadSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleDownloadResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"archiverequest\"\n        method=\"[[method]]\"\n        body=\"[[archiveParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__archiveSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleArchiveResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"deleterequest\"\n        method=\"[[method]]\"\n        body=\"[[deleteParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__deleteSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleDeleteResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"clonerequest\"\n        method=\"[[method]]\"\n        body=\"[[cloneParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__cloneSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleCloneResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"publishrequest\"\n        method=\"[[method]]\"\n        body=\"[[publishParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__publishSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handlePublishResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"syncrequest\"\n        method=\"[[method]]\"\n        body=\"[[syncParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__syncSitePath]]\"\n        handle-as=\"json\"\n        on-response=\"handleSyncResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"getconfigrequest\"\n        method=\"[[method]]\"\n        body=\"[[configParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__getConfigPath]]\"\n        handle-as=\"json\"\n        on-response=\"handleConfigResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"setconfigrequest\"\n        method=\"[[method]]\"\n        body=\"[[setConfigParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__setConfigPath]]\"\n        handle-as=\"json\"\n        on-response=\"handleSetConfigResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        reject-with-request\n        on-last-error-changed=\"lastErrorChanged\"\n        id=\"getuserdatarequest\"\n        method=\"[[method]]\"\n        body=\"[[getUserDataParams]]\"\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        content-type=\"application/json\"\n        url=\"[[__getUserDataPath]]\"\n        handle-as=\"json\"\n        on-response=\"handleGetUserDataResponse\"\n      ></iron-ajax>\n      <div id=\"loading\" data-loading$=\"[[!__loading]]\">\n        <hexagon-loader item-count=\"4\" loading size=\"large\"></hexagon-loader>\n      </div>\n      <div class=\"toolbar\">\n        <slot name=\"app-header-pre\"></slot>\n        <div class=\"operations\">\n          <button\n            on-click=\"_addTap\"\n            id=\"add\"\n            raised\n            hidden$=\"[[!loggedIn]]\"\n            title=\"Create new site\"\n          >\n            <simple-icon icon=\"icons:add\" dark></simple-icon>\n            <span class=\"small-hide\">New site</span>\n          </button>\n          <button\n            on-click=\"_importTap\"\n            id=\"import\"\n            raised\n            hidden$=\"[[!loggedIn]]\"\n            title=\"Import site\"\n          >\n            <simple-icon icon=\"icons:cloud-download\"></simple-icon>\n            <span class=\"small-hide\">Import</span>\n          </button>\n        </div>\n        <div class=\"main-title\" hidden$=\"[[!loggedIn]]\">[[title]]</div>\n        <div class=\"operations right\">\n          <button\n            on-click=\"_helpTap\"\n            id=\"help\"\n            raised\n            title=\"Help\"\n            hidden$=\"[[!showSpecialButtons(hideGlobalSettings,loggedIn)]]\"\n          >\n            <simple-icon icon=\"icons:help\"></simple-icon>\n            <span class=\"small-hide\">Help</span>\n          </button>\n          <button\n            on-click=\"_settingsTap\"\n            id=\"settings\"\n            raised\n            title=\"Settings\"\n            hidden$=\"[[!showSpecialButtons(hideGlobalSettings,loggedIn)]]\"\n          >\n            <simple-icon icon=\"icons:settings\"></simple-icon>\n            <span class=\"small-hide\">Settings</span>\n          </button>\n          <button\n            hidden$=\"[[!showSpecialButtons(hideLogin,loggedIn)]]\"\n            id=\"login\"\n            on-click=\"_logoutUserRoutine\"\n            title=\"Logout\"\n          >\n            <template is=\"dom-if\" if=\"[[!logoutPhoto]]\">\n              <simple-icon\n                icon=\"[[__loginIcon]]\"\n                class=\"small-hide\"\n              ></simple-icon>\n            </template>\n            <template is=\"dom-if\" if=\"[[logoutPhoto]]\">\n              <img id=\"userphoto\" src=\"[[logoutPhoto]]\" class=\"small-hide\" />\n            </template>\n            [[__loginText]]\n          </button>\n        </div>\n      </div>\n      <a11y-collapse-group heading-button expanded hidden$=\"[[!loggedIn]]\">\n        <a11y-collapse>\n          <div slot=\"heading\">Card view</div>\n          <jos-render slot=\"content\"></jos-render>\n        </a11y-collapse>\n        <a11y-collapse>\n          <div slot=\"heading\">Table view / bulk operations</div>\n          <div slot=\"content\">\n            <div class=\"selected-operations\" id=\"ops\">\n              <button\n                title=\"Publish\"\n                on-click=\"_bulkSitesConfirm\"\n                id=\"publish\"\n                raised\n                data-op=\"publish\"\n              >\n                <simple-icon\n                  icon=\"editor:publish\"\n                  data-op=\"publish\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"publish\">Publish site</span>\n              </button>\n              <button\n                title=\"Sync git\"\n                on-click=\"_bulkSitesConfirm\"\n                id=\"sync\"\n                data-op=\"sync\"\n                raised\n              >\n                <simple-icon\n                  icon=\"notification:sync\"\n                  data-op=\"sync\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"sync\">Sync git</span>\n              </button>\n              <button\n                title=\"Copy site\"\n                on-click=\"_bulkSitesConfirm\"\n                id=\"clone\"\n                raised\n                data-op=\"copy\"\n              >\n                <simple-icon\n                  icon=\"icons:content-copy\"\n                  data-op=\"copy\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"copy\">Copy site</span>\n              </button>\n              <button\n                title=\"Download zip\"\n                on-click=\"_bulkSitesConfirm\"\n                id=\"download\"\n                raised\n                data-op=\"download\"\n              >\n                <simple-icon\n                  icon=\"icons:file-download\"\n                  data-op=\"download\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"download\">Download zip</span>\n              </button>\n              <button\n                title=\"Archive\"\n                on-click=\"_bulkSitesConfirm\"\n                id=\"archive\"\n                raised\n                data-op=\"archive\"\n              >\n                <simple-icon\n                  icon=\"icons:archive\"\n                  data-op=\"archive\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"archive\">Archive site</span>\n              </button>\n              <button\n                on-click=\"_bulkSitesConfirm\"\n                id=\"delete\"\n                data-op=\"delete\"\n                raised\n                class=\"danger\"\n                title=\"Delete forever\"\n              >\n                <simple-icon\n                  icon=\"icons:delete-forever\"\n                  data-op=\"delete\"\n                ></simple-icon>\n                <span class=\"small-hide\" data-op=\"delete\">Delete forever</span>\n              </button>\n            </div>\n            <vaadin-grid\n              id=\"grid\"\n              items=\"[[sites]]\"\n              theme=\"row-dividers\"\n              column-reordering-allowed\n              multi-sort\n            >\n              <vaadin-grid-selection-column\n                width=\"5em\"\n                auto-select\n                frozen\n              ></vaadin-grid-selection-column>\n              <vaadin-grid-filter-column\n                header=\"Site name\"\n                width=\"240px\"\n                path=\"title\"\n              >\n                <template>\n                  <portal-launcher>\n                    <a class=\"site-title\" href$=\"[[item.slug]]\">\n                      <div>[[item.title]]</div>\n                      <div class=\"small-location\">\n                        [[cleanLocation(item.slug)]]\n                      </div>\n                    </a>\n                  </portal-launcher>\n                </template>\n              </vaadin-grid-filter-column>\n              <vaadin-grid-filter-column\n                path=\"metadata.theme.name\"\n                header=\"Theme\"\n                width=\"80px\"\n              ></vaadin-grid-filter-column>\n              <vaadin-grid-sort-column header=\"Updated\" path=\"metadata.updated\">\n                <template>\n                  <template is=\"dom-if\" if=\"[[item.metadata.site.updated]]\">\n                    <simple-datetime\n                      format=\"M jS, Y\"\n                      timestamp=\"[[item.metadata.site.updated]]\"\n                      unix\n                    ></simple-datetime>\n                  </template>\n                </template>\n              </vaadin-grid-sort-column>\n              <vaadin-grid-sort-column header=\"Created\" path=\"metadata.created\">\n                <template>\n                  <template is=\"dom-if\" if=\"[[item.metadata.site.created]]\">\n                    <simple-datetime\n                      format=\"M jS, Y\"\n                      timestamp=\"[[item.metadata.site.created]]\"\n                      unix\n                    ></simple-datetime>\n                  </template>\n                </template>\n              </vaadin-grid-sort-column>\n              <vaadin-grid-column header=\"Icon\">\n                <template\n                  ><simple-icon\n                    icon=\"[[item.metadata.theme.variables.icon]]\"\n                  ></simple-icon\n                ></template>\n              </vaadin-grid-column>\n              <vaadin-grid-sort-column\n                header=\"Last published\"\n                path=\"metadata.lastPublished\"\n              >\n                <template>\n                  <template\n                    is=\"dom-if\"\n                    if=\"[[item.metadata.site.static.lastPublished]]\"\n                  >\n                    <simple-datetime\n                      format=\"M jS, Y\"\n                      timestamp=\"[[item.metadata.site.static.lastPublished]]\"\n                      unix\n                    ></simple-datetime>\n                  </template>\n                </template>\n              </vaadin-grid-sort-column>\n              <vaadin-grid-sort-column\n                path=\"metadata.pageCount\"\n                header=\"Pages\"\n              ></vaadin-grid-sort-column>\n              <vaadin-grid-column header=\"Color\">\n                <template>\n                  <div\n                    style$=\"border:1px solid black;width:64px;height:48px;background-color:[[item.metadata.theme.variables.hexCode]];\"\n                  ></div>\n                </template>\n              </vaadin-grid-column>\n              <vaadin-grid-column header=\"Logo\" width=\"64px\">\n                <template\n                  ><img\n                    loading=\"lazy\"\n                    src$=\"[[item.slug]][[item.metadata.site.logo]]\"\n                    style=\"width:64px; height:64px;\"\n                  />\n                </template>\n              </vaadin-grid-column>\n            </vaadin-grid>\n          </div>\n        </a11y-collapse>\n      </a11y-collapse-group>\n      <div class=\"login-prompt\" hidden$=\"[[loggedIn]]\">\n        <simple-login>\n          <hax-logo size=\"mini\" hide-hax><span>HAXcms login</span></hax-logo>\n          <div class=\"camera-buttons\">\n            <simple-icon-button\n              id=\"snap\"\n              icon=\"image:camera-alt\"\n              title=\"Snap photo\"\n            ></simple-icon-button>\n            <simple-icon-button\n              id=\"newsnap\"\n              icon=\"icons:cancel\"\n              title=\"Clear photo\"\n            ></simple-icon-button>\n          </div>\n          <simple-login-avatar>\n            <div id=\"selfie\"></div>\n            <simple-login-camera id=\"camera\" autoplay></simple-login-camera>\n          </simple-login-avatar>\n          <p class=\"forgot\" slot=\"buttons\">\n            Forget your login? Check <strong>_config/config.php</strong>\n          </p>\n        </simple-login>\n        <vaadin-upload\n          capture\n          headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n          method=\"[[method]]\"\n          form-data-name=\"file-upload\"\n          hidden\n          id=\"fileupload\"\n        ></vaadin-upload>\n      </div>\n      <simple-modal-template modal-id=\"help\" title=\"Help\">\n        <div slot=\"header\">Help directions</div>\n        <p slot=\"content\">\n          <md-block\n            style=\"overflow:auto;max-height: 50vh;font-size:12px;\"\n            source=\"https://raw.githubusercontent.com/elmsln/HAXcms/master/HAXDocs.md\"\n          ></md-block>\n        </p>\n      </simple-modal-template>\n      <paper-dialog id=\"confirm\">\n        <h2 class=\"dialog-header\">\n          [[activeOpertion]] these [[selectedItems.length]] sites\n        </h2>\n        <div class=\"scrollable\">\n          <ul>\n            <dom-repeat items=\"[[selectedItems]]\" as=\"site\">\n              <template>\n                <li>[[site.title]]</li>\n              </template>\n            </dom-repeat>\n          </ul>\n        </div>\n        <div class=\"buttons\">\n          <button\n            on-click=\"_confirmBulkOperation\"\n            dialog-confirm\n            id=\"bulksites\"\n            class=\"action-button\"\n            raised\n          >\n            <simple-icon icon=\"icons:thumb-up\"></simple-icon> Yes,\n            [[activeOpertion]]\n          </button>\n          <button class=\"action-button\" dialog-dismiss>\n            <simple-icon icon=\"icons:cancel\"></simple-icon> Cancel\n          </button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"createsite\">\n        <h2 class=\"dialog-header\">Create new site</h2>\n        <div class=\"scrollable\">\n          <form>\n            <simple-fields\n              id=\"createsitefields\"\n              autofocus\n              schematizer=\"[[HaxSchematizer]]\"\n              elementizer=\"[[HaxElementizer]]\"\n            >\n            </simple-fields>\n          </form>\n        </div>\n        <div class=\"buttons\">\n          <button\n            on-click=\"_createSite\"\n            class=\"action-button\"\n            dialog-confirm\n            id=\"create\"\n            raised\n          >\n            <simple-icon icon=\"icons:home\" dark></simple-icon> Create your new\n            site!\n          </button>\n          <button class=\"action-button\" dialog-dismiss>\n            <simple-icon dark icon=\"icons:cancel\"></simple-icon> Cancel\n          </button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"importsite\">\n        <h2 class=\"dialog-header\">Import site from git repo</h2>\n        <simple-fields-field\n          id=\"importurl\"\n          label=\"Git url\"\n          type=\"text\"\n        ></simple-fields-field>\n        <div class=\"buttons\">\n          <button\n            on-click=\"_gitImportSite\"\n            class=\"action-button\"\n            dialog-confirm\n            id=\"importsite\"\n            raised\n          >\n            <simple-icon icon=\"icons:home\" dark></simple-icon> Import\n          </button>\n          <button class=\"action-button\" dialog-dismiss>\n            <simple-icon dark icon=\"icons:cancel\"></simple-icon> Cancel\n          </button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"settingsdialog\">\n        <h2 class=\"dialog-header\">Edit HAXCMS configuration</h2>\n        <div class=\"scrollable\">\n          <simple-fields\n            id=\"settingsform\"\n            schematizer=\"[[HaxSchematizer]]\"\n            elementizer=\"[[HaxElementizer]]\"\n          >\n          </simple-fields>\n        </div>\n        <div class=\"buttons\">\n          <button\n            on-click=\"_saveConfig\"\n            dialog-confirm\n            id=\"saveconfig\"\n            class=\"action-button\"\n            raised\n          >\n            <simple-icon icon=\"icons:save\" dark></simple-icon> Save\n          </button>\n          <button class=\"action-button\" dialog-dismiss>\n            <simple-icon icon=\"icons:cancel\" dark></simple-icon> Cancel\n          </button>\n        </div>\n      </paper-dialog>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-basic-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-basic-theme.js
index add90ad60f4..b627227b7c7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-basic-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-basic-theme.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
   });
   _exports.HAXCMSBasicTheme = void 0;
 
-  var _templateObject_022690601f0611ed8cc3e9a95995ad69;
+  var _templateObject_d898bc201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -35,7 +35,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
       get: // render function
       function get() {
         var template = babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBasicTheme), "template", this);
-        return (0, _polymerElement.html)(_templateObject_022690601f0611ed8cc3e9a95995ad69 || (_templateObject_022690601f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n          background-color: white;\n          --haxcms-basic-theme-accent-color: var(--haxcms-color, yellow);\n        }\n        scroll-button:not(:defined),\n        site-active-title:not(:defined),\n        site-children-block:not(:defined),\n        site-outline-block:not(:defined),\n        site-recent-content-block:not(:defined),\n        site-footer:not(:defined),\n        site-modal:not(:defined),\n        site-breadcrumb:not(:defined),\n        site-dot-indicator:not(:defined),\n        site-menu-button:not(:defined),\n        site-menu:not(:defined),\n        site-top-menu:not(:defined),\n        site-print-button:not(:defined),\n        site-rss-button:not(:defined) {\n          display: none;\n        }\n        :host([edit-mode]) .left-col {\n          pointer-events: none;\n          opacity: 0.2;\n        }\n        .container {\n          margin: 24px auto;\n          max-width: 1280px;\n          width: 90%;\n        }\n        site-breadcrumb {\n          margin-left: 16px;\n        }\n        /**\n         * Hide the slotted content during edit mode. This must be here to work.\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        site-top-menu {\n          --site-top-menu-bg: var(\n            --simple-colors-default-theme-blue-grey-7,\n            #37474f\n          );\n          --site-top-menu-link-color: #ffffff;\n          --site-top-menu-indicator-color: #ffffff;\n          --site-top-menu-link-active-color: var(\n            --haxcms-basic-theme-accent-color\n          );\n          --site-top-menu-indicator-arrow: 8px;\n        }\n        site-children-block {\n          --site-children-block-button: {\n            color: #ffffff;\n          }\n          --site-children-block-button-active: {\n            background-color: var(\n              --simple-colors-default-theme-blue-grey-7,\n              #37474f\n            );\n            color: var(--haxcms-basic-theme-accent-color);\n          }\n        }\n        .grid-wrapper {\n          --grid-plate-col-transition: none;\n          min-height: 85vh;\n        }\n        .left-col {\n          min-height: 250px;\n          border: 2px solid black;\n          background-color: var(\n            --simple-colors-default-theme-blue-grey-7,\n            #37474f\n          );\n          color: white;\n          padding: 16px;\n          transition: 0.2s opacity linear;\n          opacity: 1;\n        }\n        site-active-title {\n          display: inline-flex;\n          font-family: \"Montserrat\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\",\n            sans-serif;\n          font-size: 16px;\n          line-height: 32px;\n          margin-bottom: 8px;\n          text-rendering: optimizelegibility;\n          font-weight: 600;\n          color: white;\n        }\n        site-title {\n          margin: 0 32px;\n          overflow: hidden;\n        }\n        .buttons {\n          margin-top: 36px;\n          display: flex;\n        }\n        .buttons site-rss-button {\n          display: inline-flex;\n        }\n        .menu-buttons {\n          display: flex;\n        }\n        site-menu-button {\n          --site-menu-button-button-hover-color: var(\n            --haxcms-basic-theme-accent-color\n          );\n          --site-menu-button-icon-fill-color: white;\n        }\n        site-footer {\n          padding: 32px 64px;\n          background-color: var(\n            --simple-colors-default-theme-blue-grey-7,\n            #37474f\n          );\n        }\n        site-modal {\n          --site-modal-icon-color: white;\n          --site-modal-tooltip: {\n            --simple-tooltip-background: #000000;\n            --simple-tooltip-opacity: 1;\n            --simple-tooltip-text-color: #ffffff;\n            --simple-tooltip-delay-in: 0;\n            --simple-tooltip-border-radius: 0;\n          }\n        }\n        scroll-button {\n          position: fixed;\n          left: 0;\n          bottom: 0;\n          z-index: 10000000;\n        }\n        site-print-button {\n          color: white;\n        }\n        site-print-button simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n      </style>\n      ", "\n    "])), template);
+        return (0, _polymerElement.html)(_templateObject_d898bc201f2611eda0c389891c227ec8 || (_templateObject_d898bc201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n          background-color: white;\n          --haxcms-basic-theme-accent-color: var(--haxcms-color, yellow);\n        }\n        scroll-button:not(:defined),\n        site-active-title:not(:defined),\n        site-children-block:not(:defined),\n        site-outline-block:not(:defined),\n        site-recent-content-block:not(:defined),\n        site-footer:not(:defined),\n        site-modal:not(:defined),\n        site-breadcrumb:not(:defined),\n        site-dot-indicator:not(:defined),\n        site-menu-button:not(:defined),\n        site-menu:not(:defined),\n        site-top-menu:not(:defined),\n        site-print-button:not(:defined),\n        site-rss-button:not(:defined) {\n          display: none;\n        }\n        :host([edit-mode]) .left-col {\n          pointer-events: none;\n          opacity: 0.2;\n        }\n        .container {\n          margin: 24px auto;\n          max-width: 1280px;\n          width: 90%;\n        }\n        site-breadcrumb {\n          margin-left: 16px;\n        }\n        /**\n         * Hide the slotted content during edit mode. This must be here to work.\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        site-top-menu {\n          --site-top-menu-bg: var(\n            --simple-colors-default-theme-blue-grey-7,\n            #37474f\n          );\n          --site-top-menu-link-color: #ffffff;\n          --site-top-menu-indicator-color: #ffffff;\n          --site-top-menu-link-active-color: var(\n            --haxcms-basic-theme-accent-color\n          );\n          --site-top-menu-indicator-arrow: 8px;\n        }\n        site-children-block {\n          --site-children-block-button: {\n            color: #ffffff;\n          }\n          --site-children-block-button-active: {\n            background-color: var(\n              --simple-colors-default-theme-blue-grey-7,\n              #37474f\n            );\n            color: var(--haxcms-basic-theme-accent-color);\n          }\n        }\n        .grid-wrapper {\n          --grid-plate-col-transition: none;\n          min-height: 85vh;\n        }\n        .left-col {\n          min-height: 250px;\n          border: 2px solid black;\n          background-color: var(\n            --simple-colors-default-theme-blue-grey-7,\n            #37474f\n          );\n          color: white;\n          padding: 16px;\n          transition: 0.2s opacity linear;\n          opacity: 1;\n        }\n        site-active-title {\n          display: inline-flex;\n          font-family: \"Montserrat\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\",\n            sans-serif;\n          font-size: 16px;\n          line-height: 32px;\n          margin-bottom: 8px;\n          text-rendering: optimizelegibility;\n          font-weight: 600;\n          color: white;\n        }\n        site-title {\n          margin: 0 32px;\n          overflow: hidden;\n        }\n        .buttons {\n          margin-top: 36px;\n          display: flex;\n        }\n        .buttons site-rss-button {\n          display: inline-flex;\n        }\n        .menu-buttons {\n          display: flex;\n        }\n        site-menu-button {\n          --site-menu-button-button-hover-color: var(\n            --haxcms-basic-theme-accent-color\n          );\n          --site-menu-button-icon-fill-color: white;\n        }\n        site-footer {\n          padding: 32px 64px;\n          background-color: var(\n            --simple-colors-default-theme-blue-grey-7,\n            #37474f\n          );\n        }\n        site-modal {\n          --site-modal-icon-color: white;\n          --site-modal-tooltip: {\n            --simple-tooltip-background: #000000;\n            --simple-tooltip-opacity: 1;\n            --simple-tooltip-text-color: #ffffff;\n            --simple-tooltip-delay-in: 0;\n            --simple-tooltip-border-radius: 0;\n          }\n        }\n        scroll-button {\n          position: fixed;\n          left: 0;\n          bottom: 0;\n          z-index: 10000000;\n        }\n        site-print-button {\n          color: white;\n        }\n        site-print-button simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n      </style>\n      ", "\n    "])), template);
       }
     }]);
     return HAXCMSBasicTheme;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-blank-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-blank-theme.js
index b464ceb5970..3b13ddd8e76 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-blank-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-blank-theme.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../clean-two/clean-t
   });
   _exports.HAXCMSBlankTheme = void 0;
 
-  var _templateObject_0227eff01f0611ed8cc3e9a95995ad69, _templateObject2_0227eff01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d89a69d01f2611eda0c389891c227ec8, _templateObject2_d89a69d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -26,7 +26,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../clean-two/clean-t
     babelHelpers.createClass(HAXCMSBlankTheme, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_0227eff01f0611ed8cc3e9a95995ad69 || (_templateObject_0227eff01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <main>\n        <article>\n          <section>\n            <slot></slot>\n          </section>\n        </article>\n      </main>\n    "])));
+        return (0, _index.html)(_templateObject_d89a69d01f2611eda0c389891c227ec8 || (_templateObject_d89a69d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <main>\n        <article>\n          <section>\n            <slot></slot>\n          </section>\n        </article>\n      </main>\n    "])));
       }
     }, {
       key: "firstUpdated",
@@ -42,7 +42,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../clean-two/clean-t
     }], [{
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject2_0227eff01f0611ed8cc3e9a95995ad69 || (_templateObject2_0227eff01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n        margin: 20px;\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_d89a69d01f2611eda0c389891c227ec8 || (_templateObject2_d89a69d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n        margin: 20px;\n      }\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-minimalist-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-minimalist-theme.js
index 4e3d54410cc..ec55f1eaf38 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-minimalist-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-minimalist-theme.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
   });
   _exports.HAXCMSMinimalistTheme = void 0;
 
-  var _templateObject_022928701f0611ed8cc3e9a95995ad69;
+  var _templateObject_d89bc9601f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -35,7 +35,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
       get: // render function
       function get() {
         var template = babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSMinimalistTheme), "template", this);
-        return (0, _polymerElement.html)(_templateObject_022928701f0611ed8cc3e9a95995ad69 || (_templateObject_022928701f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n          font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial,\n            sans-serif;\n          background-color: white;\n          --haxcms-basic-theme-accent-color: var(--haxcms-color, yellow);\n        }\n        header.masthead {\n          margin-bottom: 50px;\n          background: no-repeat center center;\n          background-color: #868e96;\n          background-attachment: scroll;\n          position: relative;\n          -webkit-background-size: cover;\n          -moz-background-size: cover;\n          -o-background-size: cover;\n          background-size: cover;\n        }\n\n        header.masthead .overlay {\n          position: absolute;\n          top: 0;\n          left: 0;\n          height: 100%;\n          width: 100%;\n          background-color: #212529;\n          opacity: 0.6;\n        }\n\n        header.masthead .page-heading,\n        header.masthead .post-heading,\n        header.masthead .site-heading {\n          padding: 200px 0 150px;\n          color: #fff;\n        }\n\n        @media only screen and (min-width: 768px) {\n          header.masthead .page-heading,\n          header.masthead .post-heading,\n          header.masthead .site-heading {\n            padding: 200px 0;\n          }\n        }\n\n        header.masthead .page-heading,\n        header.masthead .site-heading {\n          text-align: center;\n        }\n\n        header.masthead .page-heading h1,\n        header.masthead .site-heading h1 {\n          font-size: 50px;\n          margin-top: 0;\n        }\n\n        header.masthead .page-heading .subheading,\n        header.masthead .site-heading .subheading {\n          font-size: 24px;\n          font-weight: 300;\n          line-height: 1.1;\n          display: block;\n          margin: 10px 0 0;\n          font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial,\n            sans-serif;\n        }\n\n        @media only screen and (min-width: 768px) {\n          header.masthead .page-heading h1,\n          header.masthead .site-heading h1 {\n            font-size: 80px;\n          }\n        }\n\n        header.masthead .post-heading h1 {\n          font-size: 35px;\n        }\n\n        header.masthead .post-heading .meta,\n        header.masthead .post-heading .subheading {\n          line-height: 1.1;\n          display: block;\n        }\n\n        header.masthead .post-heading .subheading {\n          font-size: 24px;\n          font-weight: 600;\n          margin: 10px 0 30px;\n          font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial,\n            sans-serif;\n        }\n\n        header.masthead .post-heading .meta {\n          font-size: 20px;\n          font-weight: 300;\n          font-style: italic;\n          font-family: Lora, \"Times New Roman\", serif;\n        }\n\n        header.masthead .post-heading .meta a {\n          color: #fff;\n        }\n\n        @media only screen and (min-width: 768px) {\n          header.masthead .post-heading h1 {\n            font-size: 55px;\n          }\n\n          header.masthead .post-heading .subheading {\n            font-size: 30px;\n          }\n        }\n        /**\n         * Hide the slotted content during edit mode. This must be here to work.\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        :host #slot ::slotted(p) {\n          line-height: 1.5;\n          margin: 30px 0;\n        }\n        @media (min-width: 1200px) {\n          .container {\n            max-width: 1140px;\n          }\n        }\n        @media (min-width: 992px) {\n          .container {\n            max-width: 960px;\n          }\n        }\n        @media (min-width: 768px) {\n          .container {\n            max-width: 720px;\n          }\n        }\n        @media (min-width: 576px) {\n          .container {\n            max-width: 540px;\n          }\n        }\n        .container {\n          width: 100%;\n          min-height: 80vh;\n          padding: 0 16px;\n          margin: 48px auto;\n        }\n\n        site-menu-button {\n          --site-menu-button-button-hover-background-color: #dee2e6;\n          color: black;\n          display: inline-flex;\n          border: 1px solid #dee2e6;\n          padding: 0;\n          font-size: 1.25rem;\n          margin: 0;\n          height: 50px;\n          width: 50px;\n          min-width: unset;\n          line-height: 1.5;\n        }\n        site-top-menu[sticky] {\n          --site-top-menu-wrapper: {\n            font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial,\n              sans-serif;\n            border-bottom: 1px solid #fff;\n            max-width: 1140px;\n            font-weight: 800;\n          }\n          height: 50px;\n          line-height: 50px;\n          color: black;\n          font-size: 20px;\n          --site-top-menu-bg: rgba(255, 255, 255, 0.9);\n        }\n        hr {\n          margin-top: 1rem;\n          margin-bottom: 1rem;\n          border: 0;\n          border-top: 1px solid rgba(0, 0, 0, 0.1);\n          box-sizing: content-box;\n          height: 0;\n          overflow: visible;\n        }\n        site-top-menu:not([sticky]) {\n          --site-top-menu-wrapper: {\n            font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial,\n              sans-serif;\n            justify-content: center;\n          }\n          --site-top-menu-tooltip: {\n            --simple-tooltip-background: #000000;\n            --simple-tooltip-opacity: 1;\n            --simple-tooltip-text-color: #ffffff;\n            --simple-tooltip-delay-in: 0;\n            --simple-tooltip-border-radius: 0;\n          }\n          color: #007bff;\n          --site-top-menu-bg: white;\n          --site-top-menu-button: {\n            border: 1px solid #dee2e6;\n            padding: 0;\n            margin: 0;\n            height: 50px;\n            width: 50px;\n            min-width: unset;\n            border-radius: 0;\n            font-size: 1.25rem;\n            line-height: 1.5;\n          }\n          --site-top-menu-button-hover: {\n            background-color: #dee2e6;\n          }\n        }\n        site-print-button simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n\n        scroll-button {\n          position: fixed;\n          right: 0;\n          bottom: 50px;\n          z-index: 10000;\n        }\n        .spacing {\n          height: 50px;\n        }\n      </style>\n      ", "\n    "])), template);
+        return (0, _polymerElement.html)(_templateObject_d89bc9601f2611eda0c389891c227ec8 || (_templateObject_d89bc9601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n          font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial,\n            sans-serif;\n          background-color: white;\n          --haxcms-basic-theme-accent-color: var(--haxcms-color, yellow);\n        }\n        header.masthead {\n          margin-bottom: 50px;\n          background: no-repeat center center;\n          background-color: #868e96;\n          background-attachment: scroll;\n          position: relative;\n          -webkit-background-size: cover;\n          -moz-background-size: cover;\n          -o-background-size: cover;\n          background-size: cover;\n        }\n\n        header.masthead .overlay {\n          position: absolute;\n          top: 0;\n          left: 0;\n          height: 100%;\n          width: 100%;\n          background-color: #212529;\n          opacity: 0.6;\n        }\n\n        header.masthead .page-heading,\n        header.masthead .post-heading,\n        header.masthead .site-heading {\n          padding: 200px 0 150px;\n          color: #fff;\n        }\n\n        @media only screen and (min-width: 768px) {\n          header.masthead .page-heading,\n          header.masthead .post-heading,\n          header.masthead .site-heading {\n            padding: 200px 0;\n          }\n        }\n\n        header.masthead .page-heading,\n        header.masthead .site-heading {\n          text-align: center;\n        }\n\n        header.masthead .page-heading h1,\n        header.masthead .site-heading h1 {\n          font-size: 50px;\n          margin-top: 0;\n        }\n\n        header.masthead .page-heading .subheading,\n        header.masthead .site-heading .subheading {\n          font-size: 24px;\n          font-weight: 300;\n          line-height: 1.1;\n          display: block;\n          margin: 10px 0 0;\n          font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial,\n            sans-serif;\n        }\n\n        @media only screen and (min-width: 768px) {\n          header.masthead .page-heading h1,\n          header.masthead .site-heading h1 {\n            font-size: 80px;\n          }\n        }\n\n        header.masthead .post-heading h1 {\n          font-size: 35px;\n        }\n\n        header.masthead .post-heading .meta,\n        header.masthead .post-heading .subheading {\n          line-height: 1.1;\n          display: block;\n        }\n\n        header.masthead .post-heading .subheading {\n          font-size: 24px;\n          font-weight: 600;\n          margin: 10px 0 30px;\n          font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial,\n            sans-serif;\n        }\n\n        header.masthead .post-heading .meta {\n          font-size: 20px;\n          font-weight: 300;\n          font-style: italic;\n          font-family: Lora, \"Times New Roman\", serif;\n        }\n\n        header.masthead .post-heading .meta a {\n          color: #fff;\n        }\n\n        @media only screen and (min-width: 768px) {\n          header.masthead .post-heading h1 {\n            font-size: 55px;\n          }\n\n          header.masthead .post-heading .subheading {\n            font-size: 30px;\n          }\n        }\n        /**\n         * Hide the slotted content during edit mode. This must be here to work.\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        :host #slot ::slotted(p) {\n          line-height: 1.5;\n          margin: 30px 0;\n        }\n        @media (min-width: 1200px) {\n          .container {\n            max-width: 1140px;\n          }\n        }\n        @media (min-width: 992px) {\n          .container {\n            max-width: 960px;\n          }\n        }\n        @media (min-width: 768px) {\n          .container {\n            max-width: 720px;\n          }\n        }\n        @media (min-width: 576px) {\n          .container {\n            max-width: 540px;\n          }\n        }\n        .container {\n          width: 100%;\n          min-height: 80vh;\n          padding: 0 16px;\n          margin: 48px auto;\n        }\n\n        site-menu-button {\n          --site-menu-button-button-hover-background-color: #dee2e6;\n          color: black;\n          display: inline-flex;\n          border: 1px solid #dee2e6;\n          padding: 0;\n          font-size: 1.25rem;\n          margin: 0;\n          height: 50px;\n          width: 50px;\n          min-width: unset;\n          line-height: 1.5;\n        }\n        site-top-menu[sticky] {\n          --site-top-menu-wrapper: {\n            font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial,\n              sans-serif;\n            border-bottom: 1px solid #fff;\n            max-width: 1140px;\n            font-weight: 800;\n          }\n          height: 50px;\n          line-height: 50px;\n          color: black;\n          font-size: 20px;\n          --site-top-menu-bg: rgba(255, 255, 255, 0.9);\n        }\n        hr {\n          margin-top: 1rem;\n          margin-bottom: 1rem;\n          border: 0;\n          border-top: 1px solid rgba(0, 0, 0, 0.1);\n          box-sizing: content-box;\n          height: 0;\n          overflow: visible;\n        }\n        site-top-menu:not([sticky]) {\n          --site-top-menu-wrapper: {\n            font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial,\n              sans-serif;\n            justify-content: center;\n          }\n          --site-top-menu-tooltip: {\n            --simple-tooltip-background: #000000;\n            --simple-tooltip-opacity: 1;\n            --simple-tooltip-text-color: #ffffff;\n            --simple-tooltip-delay-in: 0;\n            --simple-tooltip-border-radius: 0;\n          }\n          color: #007bff;\n          --site-top-menu-bg: white;\n          --site-top-menu-button: {\n            border: 1px solid #dee2e6;\n            padding: 0;\n            margin: 0;\n            height: 50px;\n            width: 50px;\n            min-width: unset;\n            border-radius: 0;\n            font-size: 1.25rem;\n            line-height: 1.5;\n          }\n          --site-top-menu-button-hover: {\n            background-color: #dee2e6;\n          }\n        }\n        site-print-button simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n\n        scroll-button {\n          position: fixed;\n          right: 0;\n          bottom: 50px;\n          z-index: 10000;\n        }\n        .spacing {\n          height: 50px;\n        }\n      </style>\n      ", "\n    "])), template);
       }
     }]);
     return HAXCMSMinimalistTheme;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-print-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-print-theme.js
index f06d8c49b11..e46a44d1b40 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-print-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-print-theme.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../clean-two/clean-t
   });
   _exports.HAXCMSPrintTheme = void 0;
 
-  var _templateObject_022b72601f0611ed8cc3e9a95995ad69, _templateObject2_022b72601f0611ed8cc3e9a95995ad69;
+  var _templateObject_d89d77101f2611eda0c389891c227ec8, _templateObject2_d89d77101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -26,7 +26,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../clean-two/clean-t
     babelHelpers.createClass(HAXCMSPrintTheme, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_022b72601f0611ed8cc3e9a95995ad69 || (_templateObject_022b72601f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <header>\n        <simple-icon-button-lite\n          @click=\"", "\"\n          id=\"printbtn\"\n          icon=\"print\"\n        ></simple-icon-button-lite>\n      </header>\n      <main>\n        <article>\n          <section>\n            <slot></slot>\n          </section>\n        </article>\n      </main>\n      <footer>\n        <site-footer></site-footer>\n      </footer>\n    "])), this.print);
+        return (0, _index.html)(_templateObject_d89d77101f2611eda0c389891c227ec8 || (_templateObject_d89d77101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <header>\n        <simple-icon-button-lite\n          @click=\"", "\"\n          id=\"printbtn\"\n          icon=\"print\"\n        ></simple-icon-button-lite>\n      </header>\n      <main>\n        <article>\n          <section>\n            <slot></slot>\n          </section>\n        </article>\n      </main>\n      <footer>\n        <site-footer></site-footer>\n      </footer>\n    "])), this.print);
       }
     }, {
       key: "print",
@@ -61,7 +61,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../clean-two/clean-t
     }], [{
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject2_022b72601f0611ed8cc3e9a95995ad69 || (_templateObject2_022b72601f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n        margin: 20px;\n      }\n      #printbtn {\n        position: fixed;\n        top: 0;\n        right: 0;\n        color: black;\n        width: 50px;\n        height: 50px;\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_d89d77101f2611eda0c389891c227ec8 || (_templateObject2_d89d77101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n        margin: 20px;\n      }\n      #printbtn {\n        position: fixed;\n        top: 0;\n        right: 0;\n        color: black;\n        width: 50px;\n        height: 50px;\n      }\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-slide-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-slide-theme.js
index 15b262175ec..8029ae2ee1c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-slide-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-slide-theme.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../HAXCMSLitElemen
   _exports.HAXCMSSlideTheme = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_022f42f01f0611ed8cc3e9a95995ad69, _templateObject2_022f42f01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8a16eb01f2611eda0c389891c227ec8, _templateObject2_d8a16eb01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -74,7 +74,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../HAXCMSLitElemen
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_022f42f01f0611ed8cc3e9a95995ad69 || (_templateObject_022f42f01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <main class=\"active-slide\">\n        <article id=\"contentcontainer\">\n          <section id=\"slot\"><slot></slot></section>\n        </article>\n      </main>\n      <footer class=\"bottom-wrapper\">\n        <div class=\"controls\">\n          <site-menu-button\n            type=\"prev\"\n            label=\"Previous\"\n            position=\"top\"\n          ></site-menu-button>\n          <div class=\"counter\">\n            ", " / ", "\n          </div>\n          <site-menu-button\n            type=\"next\"\n            label=\"Next\"\n            position=\"top\"\n          ></site-menu-button>\n        </div>\n        <div class=\"site-label-wrapper\">\n          <site-dot-indicator></site-dot-indicator>\n          <site-title></site-title>\n          <site-print-button\n            type=\"page\"\n            label=\"Print slide\"\n            position=\"top\"\n          ></site-print-button>\n          <site-print-button\n            type=\"site\"\n            label=\"Print All slides\"\n            position=\"top\"\n          ></site-print-button>\n          <site-active-title></site-active-title>\n        </div>\n      </footer>\n    "])), this.activeManifestIndexCounter, this.manifestLength);
+        return (0, _index.html)(_templateObject_d8a16eb01f2611eda0c389891c227ec8 || (_templateObject_d8a16eb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <main class=\"active-slide\">\n        <article id=\"contentcontainer\">\n          <section id=\"slot\"><slot></slot></section>\n        </article>\n      </main>\n      <footer class=\"bottom-wrapper\">\n        <div class=\"controls\">\n          <site-menu-button\n            type=\"prev\"\n            label=\"Previous\"\n            position=\"top\"\n          ></site-menu-button>\n          <div class=\"counter\">\n            ", " / ", "\n          </div>\n          <site-menu-button\n            type=\"next\"\n            label=\"Next\"\n            position=\"top\"\n          ></site-menu-button>\n        </div>\n        <div class=\"site-label-wrapper\">\n          <site-dot-indicator></site-dot-indicator>\n          <site-title></site-title>\n          <site-print-button\n            type=\"page\"\n            label=\"Print slide\"\n            position=\"top\"\n          ></site-print-button>\n          <site-print-button\n            type=\"site\"\n            label=\"Print All slides\"\n            position=\"top\"\n          ></site-print-button>\n          <site-active-title></site-active-title>\n        </div>\n      </footer>\n    "])), this.activeManifestIndexCounter, this.manifestLength);
       }
     }, {
       key: "connectedCallback",
@@ -120,7 +120,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../HAXCMSLitElemen
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSlideTheme), "styles", this)), [(0, _index.css)(_templateObject2_022f42f01f0611ed8cc3e9a95995ad69 || (_templateObject2_022f42f01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        /**\n         * Hide the slotted content during edit mode. This must be here to work.\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        site-menu-button {\n          --site-menu-button-button-hover-color: var(--haxcms-color, yellow);\n          height: 60px;\n          width: 60px;\n          padding: 0;\n          margin: 0;\n          line-height: 60px;\n          --simple-icon-width: 60px;\n          --simple-icon-height: 60px;\n        }\n        site-active-title {\n          color: black;\n          font-size: 28px;\n          margin: 0;\n          padding: 0;\n        }\n        .active-slide {\n          width: calc(100vw - 64px);\n          padding: 32px;\n          margin: 0;\n          position: fixed;\n          top: 0;\n          bottom: 60px;\n          overflow: scroll;\n          border-bottom: 4px solid var(--haxcms-color, black);\n        }\n        :host([edit-mode]) .active-slide {\n          bottom: 0;\n          overflow: scroll;\n          border-bottom: unset;\n        }\n        .controls:hover {\n          background-color: rgba(0, 0, 0, 1);\n        }\n        .controls {\n          background-color: rgba(0, 0, 0, 0.8);\n          color: white;\n          display: inline-flex;\n          height: 60px;\n          width: 200px;\n          line-height: 60px;\n          justify-content: center;\n          vertical-align: middle;\n          height: 60px;\n          font-size: 16px;\n        }\n        .counter {\n          width: 100%;\n          justify-content: center;\n          vertical-align: middle;\n          display: inline-flex;\n        }\n        site-menu-button {\n          --site-menu-button-link-color: #ffffff;\n        }\n        site-menu-button:hover,\n        site-menu-button:focus,\n        site-menu-button:active {\n          outline: 1px dashed var(--haxcms-color, yellow);\n          outline-offset: -1px;\n        }\n        .site-label-wrapper {\n          display: inline-flex;\n          vertical-align: middle;\n          height: 60px;\n        }\n        site-print-button {\n          display: inline-flex;\n          margin: 8px;\n        }\n        site-title {\n          display: inline-flex;\n          margin: 0 0 0 32px;\n        }\n        site-active-title {\n          display: inline-flex;\n          padding: 0 32px;\n          margin: 0 0 0 16px;\n          border-left: 4px solid var(--haxcms-color, black);\n        }\n        site-dot-indicator {\n          display: inline-flex;\n          padding: 0 32px;\n          border-right: 4px solid var(--haxcms-color, black);\n          --site-dot-indicator-color: var(--haxcms-color, black);\n        }\n        .bottom-wrapper {\n          z-index: 2;\n          position: fixed;\n          bottom: 0;\n          height: 60px;\n          left: 0;\n          right: 0;\n          transition: 0.2s opacity linear;\n          opacity: 1;\n          width: 100vw;\n        }\n        :host([edit-mode]) .bottom-wrapper {\n          opacity: 0;\n          pointer-events: none;\n        }\n        @media screen and (max-width: 900px) {\n          site-title {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 800px) {\n          site-active-title {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 700px) {\n          site-print-button {\n            display: none;\n          }\n          site-label-wrapper {\n            display: inline-block;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSlideTheme), "styles", this)), [(0, _index.css)(_templateObject2_d8a16eb01f2611eda0c389891c227ec8 || (_templateObject2_d8a16eb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        /**\n         * Hide the slotted content during edit mode. This must be here to work.\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        site-menu-button {\n          --site-menu-button-button-hover-color: var(--haxcms-color, yellow);\n          height: 60px;\n          width: 60px;\n          padding: 0;\n          margin: 0;\n          line-height: 60px;\n          --simple-icon-width: 60px;\n          --simple-icon-height: 60px;\n        }\n        site-active-title {\n          color: black;\n          font-size: 28px;\n          margin: 0;\n          padding: 0;\n        }\n        .active-slide {\n          width: calc(100vw - 64px);\n          padding: 32px;\n          margin: 0;\n          position: fixed;\n          top: 0;\n          bottom: 60px;\n          overflow: scroll;\n          border-bottom: 4px solid var(--haxcms-color, black);\n        }\n        :host([edit-mode]) .active-slide {\n          bottom: 0;\n          overflow: scroll;\n          border-bottom: unset;\n        }\n        .controls:hover {\n          background-color: rgba(0, 0, 0, 1);\n        }\n        .controls {\n          background-color: rgba(0, 0, 0, 0.8);\n          color: white;\n          display: inline-flex;\n          height: 60px;\n          width: 200px;\n          line-height: 60px;\n          justify-content: center;\n          vertical-align: middle;\n          height: 60px;\n          font-size: 16px;\n        }\n        .counter {\n          width: 100%;\n          justify-content: center;\n          vertical-align: middle;\n          display: inline-flex;\n        }\n        site-menu-button {\n          --site-menu-button-link-color: #ffffff;\n        }\n        site-menu-button:hover,\n        site-menu-button:focus,\n        site-menu-button:active {\n          outline: 1px dashed var(--haxcms-color, yellow);\n          outline-offset: -1px;\n        }\n        .site-label-wrapper {\n          display: inline-flex;\n          vertical-align: middle;\n          height: 60px;\n        }\n        site-print-button {\n          display: inline-flex;\n          margin: 8px;\n        }\n        site-title {\n          display: inline-flex;\n          margin: 0 0 0 32px;\n        }\n        site-active-title {\n          display: inline-flex;\n          padding: 0 32px;\n          margin: 0 0 0 16px;\n          border-left: 4px solid var(--haxcms-color, black);\n        }\n        site-dot-indicator {\n          display: inline-flex;\n          padding: 0 32px;\n          border-right: 4px solid var(--haxcms-color, black);\n          --site-dot-indicator-color: var(--haxcms-color, black);\n        }\n        .bottom-wrapper {\n          z-index: 2;\n          position: fixed;\n          bottom: 0;\n          height: 60px;\n          left: 0;\n          right: 0;\n          transition: 0.2s opacity linear;\n          opacity: 1;\n          width: 100vw;\n        }\n        :host([edit-mode]) .bottom-wrapper {\n          opacity: 0;\n          pointer-events: none;\n        }\n        @media screen and (max-width: 900px) {\n          site-title {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 800px) {\n          site-active-title {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 700px) {\n          site-print-button {\n            display: none;\n          }\n          site-label-wrapper {\n            display: inline-block;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-user-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-user-theme.js
index 0f7179d1815..15f20b797cb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-user-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-user-theme.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
   });
   _exports.HAXCMSUserTheme = void 0;
 
-  var _templateObject_02397c201f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8aa96701f2611eda0c389891c227ec8;
 
   function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && babelHelpers.instanceof(outerFn.prototype, Generator) ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == babelHelpers.typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
@@ -182,7 +182,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_02397c201f0611ed8cc3e9a95995ad69 || (_templateObject_02397c201f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\"></style>\n      <div id=\"contentcontainer\">\n        <div id=\"slot\">\n          <slot></slot>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_d8aa96701f2611eda0c389891c227ec8 || (_templateObject_d8aa96701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\"></style>\n      <div id=\"contentcontainer\">\n        <div id=\"slot\">\n          <slot></slot>\n        </div>\n      </div>\n    "])));
       }
     }]);
     return HAXCMSUserTheme;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSButton.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSButton.js
index 4af9c0138e7..f855e2477fc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSButton.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSButton.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../../../lit/index.js", "../../../../simple-ic
   _exports.HAXCMSButton = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_023c62501f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8ad7ca01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -66,7 +66,7 @@ define(["exports", "meta", "../../../../../lit/index.js", "../../../../simple-ic
     }, {
       key: "renderButton",
       value: function renderButton(label, tooltip) {
-        return (0, _index.html)(_templateObject_023c62501f0611ed8cc3e9a95995ad69 || (_templateObject_023c62501f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button\n        .part=\"", "\"\n        tabindex=\"", "\"\n        id=\"button\"\n        label=\"", "\"\n        @click=\"", "\"\n        ?dark=\"", "\"\n        icon=\"", "\"\n        accent-color=\"", "\"\n        voice-command=\"", "\"\n      ></simple-icon-button>\n      <simple-tooltip for=\"button\" position=\"bottom\" offset=\"14\">\n        ", "\n      </simple-tooltip>\n    "])), this.editMode ? "edit-mode-active" : "", this.editMode ? "-1" : "", label, this.HAXCMSButtonClick, !this.darkMode, this.icon, this.accentColor, this.voiceCommand, tooltip);
+        return (0, _index.html)(_templateObject_d8ad7ca01f2611eda0c389891c227ec8 || (_templateObject_d8ad7ca01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button\n        .part=\"", "\"\n        tabindex=\"", "\"\n        id=\"button\"\n        label=\"", "\"\n        @click=\"", "\"\n        ?dark=\"", "\"\n        icon=\"", "\"\n        accent-color=\"", "\"\n        voice-command=\"", "\"\n      ></simple-icon-button>\n      <simple-tooltip for=\"button\" position=\"bottom\" offset=\"14\">\n        ", "\n      </simple-tooltip>\n    "])), this.editMode ? "edit-mode-active" : "", this.editMode ? "-1" : "", label, this.HAXCMSButtonClick, !this.darkMode, this.icon, this.accentColor, this.voiceCommand, tooltip);
       }
     }], [{
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSMobileMenu.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSMobileMenu.js
index ba2cd5c7c64..2652b10f3ad 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSMobileMenu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSMobileMenu.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
   _exports.HAXCMSMobileMenuMixin = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_0242a3e01f0611ed8cc3e9a95995ad69, _templateObject2_0242a3e01f0611ed8cc3e9a95995ad69, _templateObject3_0242a3e01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8b397201f2611eda0c389891c227ec8, _templateObject2_d8b397201f2611eda0c389891c227ec8, _templateObject3_d8b397201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -73,7 +73,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
           new Promise(function (res, rej) {
             return _require.default(["../../../../simple-tooltip/simple-tooltip.js"], res, rej);
           });
-          return (0, _index.html)(_templateObject_0242a3e01f0611ed8cc3e9a95995ad69 || (_templateObject_0242a3e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <simple-icon-button-lite\n          class=\"btn\"\n          icon=\"icons:menu\"\n          label=\"", "\"\n          id=\"haxcmsmobilemenubutton\"\n          .part=\"", "\"\n          @click=\"", "\"\n        ></simple-icon-button-lite>\n        <simple-tooltip for=\"haxcmsmobilemenubutton\">\n          ", "\n        </simple-tooltip>\n      "])), this.t.toggleMenu, this.editMode ? "edit-mode-active" : "", this.__HAXCMSMobileMenuClickToggle, this.t.toggleMenu);
+          return (0, _index.html)(_templateObject_d8b397201f2611eda0c389891c227ec8 || (_templateObject_d8b397201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <simple-icon-button-lite\n          class=\"btn\"\n          icon=\"icons:menu\"\n          label=\"", "\"\n          id=\"haxcmsmobilemenubutton\"\n          .part=\"", "\"\n          @click=\"", "\"\n        ></simple-icon-button-lite>\n        <simple-tooltip for=\"haxcmsmobilemenubutton\">\n          ", "\n        </simple-tooltip>\n      "])), this.t.toggleMenu, this.editMode ? "edit-mode-active" : "", this.__HAXCMSMobileMenuClickToggle, this.t.toggleMenu);
         }
       }, {
         key: "__HAXCMSMobileMenuClickToggle",
@@ -103,7 +103,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
       }, {
         key: "HAXCMSMobileMenu",
         value: function HAXCMSMobileMenu(e) {
-          return (0, _index.html)(_templateObject2_0242a3e01f0611ed8cc3e9a95995ad69 || (_templateObject2_0242a3e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <nav\n          id=\"haxcmsmobilemenunav\"\n          role=\"navigation\"\n          aria-labelledby=\"sitemenu\"\n        >\n          <replace-tag\n            with=\"site-menu\"\n            part=\"site-menu\"\n            id=\"sitemenu\"\n            import-method=\"view\"\n          ></replace-tag>\n        </nav>\n      "])));
+          return (0, _index.html)(_templateObject2_d8b397201f2611eda0c389891c227ec8 || (_templateObject2_d8b397201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <nav\n          id=\"haxcmsmobilemenunav\"\n          role=\"navigation\"\n          aria-labelledby=\"sitemenu\"\n        >\n          <replace-tag\n            with=\"site-menu\"\n            part=\"site-menu\"\n            id=\"sitemenu\"\n            import-method=\"view\"\n          ></replace-tag>\n        </nav>\n      "])));
         }
         /**
          * Notice small size and if menu is open, close it
@@ -160,7 +160,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
             styles = babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this);
           }
 
-          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject3_0242a3e01f0611ed8cc3e9a95995ad69 || (_templateObject3_0242a3e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          site-menu:not(:defined) {\n            display: none;\n          }\n          replace-tag[with=\"site-menu\"] {\n            height: 100vh;\n          }\n          :host([responsive-size=\"xs\"][menu-open]),\n          :host([responsive-size=\"sm\"][menu-open]) {\n            overflow: hidden;\n          }\n          simple-icon-button-lite {\n            color: inherit;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject3_d8b397201f2611eda0c389891c227ec8 || (_templateObject3_d8b397201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          site-menu:not(:defined) {\n            display: none;\n          }\n          replace-tag[with=\"site-menu\"] {\n            height: 100vh;\n          }\n          :host([responsive-size=\"xs\"][menu-open]),\n          :host([responsive-size=\"sm\"][menu-open]) {\n            overflow: hidden;\n          }\n          simple-icon-button-lite {\n            color: inherit;\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSOperationButtons.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSOperationButtons.js
index 9ff0d7eb02d..5e542ad99d0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSOperationButtons.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSOperationButtons.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
   _exports.HAXCMSOperationButtons = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_024674701f0611ed8cc3e9a95995ad69, _templateObject2_024674701f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8b740a01f2611eda0c389891c227ec8, _templateObject2_d8b740a01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -66,7 +66,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
           new Promise(function (res, rej) {
             return _require.default(["../../../../simple-icon/lib/simple-icon-button-lite.js"], res, rej);
           });
-          return (0, _index.html)(_templateObject_024674701f0611ed8cc3e9a95995ad69 || (_templateObject_024674701f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div class=\"operation-buttons-wrapper\">\n          <simple-icon-button-lite\n            class=\"btn ", "\"\n            icon=\"lrn:write\"\n            @click=\"", "\"\n            >", "</simple-icon-button-lite\n          >\n          <simple-icon-button-lite\n            class=\"btn\"\n            icon=\"lrn:content\"\n            @click=\"", "\"\n            >", "</simple-icon-button-lite\n          >\n          <simple-icon-button-lite class=\"btn\" icon=\"icons:archive\"\n            >", "</simple-icon-button-lite\n          >\n          <simple-icon-button-lite class=\"btn\" icon=\"icons:file-upload\"\n            >", "</simple-icon-button-lite\n          >\n        </div>\n      "])), this.editMode ? "edit-mode-active" : "", this._editButtonTap, !this.editMode ? this.t.edit : this.t.save, this._editButtonTap, this.t.editStack, this.t.archive, this.t.import);
+          return (0, _index.html)(_templateObject_d8b740a01f2611eda0c389891c227ec8 || (_templateObject_d8b740a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div class=\"operation-buttons-wrapper\">\n          <simple-icon-button-lite\n            class=\"btn ", "\"\n            icon=\"lrn:write\"\n            @click=\"", "\"\n            >", "</simple-icon-button-lite\n          >\n          <simple-icon-button-lite\n            class=\"btn\"\n            icon=\"lrn:content\"\n            @click=\"", "\"\n            >", "</simple-icon-button-lite\n          >\n          <simple-icon-button-lite class=\"btn\" icon=\"icons:archive\"\n            >", "</simple-icon-button-lite\n          >\n          <simple-icon-button-lite class=\"btn\" icon=\"icons:file-upload\"\n            >", "</simple-icon-button-lite\n          >\n        </div>\n      "])), this.editMode ? "edit-mode-active" : "", this._editButtonTap, !this.editMode ? this.t.edit : this.t.save, this._editButtonTap, this.t.editStack, this.t.archive, this.t.import);
         }
       }, {
         key: "_editButtonTap",
@@ -124,7 +124,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
             styles = babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this);
           }
 
-          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_024674701f0611ed8cc3e9a95995ad69 || (_templateObject2_024674701f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          .operation-buttons-wrapper {\n            display: flex;\n            justify-content: flex-end;\n            height: 0px;\n            margin: 0;\n            padding: 0;\n            color: var(--simple-colors-default-theme-orange-7, orange);\n            background-color: var(\n              --simple-colors-default-theme-orange-1,\n              white\n            );\n          }\n          .operation-buttons-wrapper .btn {\n            display: inline-flex;\n            margin: 0 16px 0 0;\n            height: 12px;\n            max-width: 200px;\n            opacity: 0.8;\n            transition: all 0.3s ease-in-out;\n          }\n          .operation-buttons-wrapper .btn:hover,\n          .operation-buttons-wrapper .btn:focus {\n            opacity: 0.9;\n          }\n          .operation-buttons-wrapper .btn:active {\n            opacity: 1;\n            color: #000000;\n          }\n          .operation-buttons-wrapper .btn[part=\"edit-mode-active\"] {\n            opacity: 1;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_d8b740a01f2611eda0c389891c227ec8 || (_templateObject2_d8b740a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          .operation-buttons-wrapper {\n            display: flex;\n            justify-content: flex-end;\n            height: 0px;\n            margin: 0;\n            padding: 0;\n            color: var(--simple-colors-default-theme-orange-7, orange);\n            background-color: var(\n              --simple-colors-default-theme-orange-1,\n              white\n            );\n          }\n          .operation-buttons-wrapper .btn {\n            display: inline-flex;\n            margin: 0 16px 0 0;\n            height: 12px;\n            max-width: 200px;\n            opacity: 0.8;\n            transition: all 0.3s ease-in-out;\n          }\n          .operation-buttons-wrapper .btn:hover,\n          .operation-buttons-wrapper .btn:focus {\n            opacity: 0.9;\n          }\n          .operation-buttons-wrapper .btn:active {\n            opacity: 1;\n            color: #000000;\n          }\n          .operation-buttons-wrapper .btn[part=\"edit-mode-active\"] {\n            opacity: 1;\n          }\n        "])))]);
         }
       }]);
       return _class;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSThemeParts.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSThemeParts.js
index e31fc18f6a2..163d3f01468 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSThemeParts.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSThemeParts.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "..
   });
   _exports.HAXCMSThemeParts = void 0;
 
-  var _templateObject_024b56701f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8bc97d01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -50,7 +50,7 @@ define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "..
             styles = babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this);
           }
 
-          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject_024b56701f0611ed8cc3e9a95995ad69 || (_templateObject_024b56701f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          [part=\"edit-mode-active\"],\n          [part*=\"edit-mode-active\"] {\n            pointer-events: var(\n              --haxcms-theme-parts-edit-mode-active-pointer-events,\n              none\n            );\n            opacity: var(--haxcms-theme-parts-edit-mode-active-opacity, 0.5);\n            filter: var(\n              --haxcms-theme-parts-edit-mode-active-filter,\n              blur(1px)\n            );\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject_d8bc97d01f2611eda0c389891c227ec8 || (_templateObject_d8bc97d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          [part=\"edit-mode-active\"],\n          [part*=\"edit-mode-active\"] {\n            pointer-events: var(\n              --haxcms-theme-parts-edit-mode-active-pointer-events,\n              none\n            );\n            opacity: var(--haxcms-theme-parts-edit-mode-active-opacity, 0.5);\n            filter: var(\n              --haxcms-theme-parts-edit-mode-active-filter,\n              blur(1px)\n            );\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSUserStylesMenu.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSUserStylesMenu.js
index b7dba8935b8..bf20b7db956 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSUserStylesMenu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/HAXCMSUserStylesMenu.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../../../utils/
   _exports.HAXCMSUserStylesMenuMixin = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_0250ada01f0611ed8cc3e9a95995ad69, _templateObject2_0250ada01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8c152c01f2611eda0c389891c227ec8, _templateObject2_d8c152c01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -74,7 +74,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../../../utils/
           new Promise(function (res, rej) {
             return _require.default(["../../../../simple-tooltip/simple-tooltip.js"], res, rej);
           });
-          return (0, _index.html)(_templateObject_0250ada01f0611ed8cc3e9a95995ad69 || (_templateObject_0250ada01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <simple-icon-button-lite\n          .part=\"", "\"\n          class=\"btn\"\n          label=\"", "\"\n          icon=\"editor:format-size\"\n          @click=\"", "\"\n          id=\"haxcmsuserstylesmenupopover\"\n        ></simple-icon-button-lite>\n        <simple-tooltip for=\"haxcmsuserstylesmenupopover\">\n          ", "\n        </simple-tooltip>\n        <simple-popover\n          class=\"hcusm pull-left font-settings js-toolbar-action hcusm-settings-container\"\n          ?hidden=\"", "\"\n          id=\"haxcmsuserstylesmenu\"\n          auto\n        >\n          <div class=\"open\">\n            <div class=\"hcusm-caret\">\n              <span class=\"hcusm-caret-outer\"></span>\n              <span class=\"hcusm-caret-inner\"></span>\n            </div>\n            <div class=\"hcusm-buttons\">\n              <button\n                class=\"hcusm-button size-2 font-reduce\"\n                @click=\"", "\"\n                title=\"", "\"\n              >\n                ", "\n              </button>\n              <button\n                class=\"hcusm-button size-2 font-enlarge\"\n                @click=\"", "\"\n                title=\"", "\"\n              >\n                ", "\n              </button>\n            </div>\n            <div class=\"hcusm-buttons\">\n              <button\n                class=\"hcusm-button size-2\"\n                data-font=\"0\"\n                title=\"", "\"\n                @click=\"", "\"\n              >\n                ", "\n              </button>\n              <button\n                class=\"hcusm-button size-2\"\n                title=\"", "\"\n                data-font=\"1\"\n                @click=\"", "\"\n              >\n                ", "\n              </button>\n            </div>\n            <div class=\"hcusm-buttons\">\n              <button\n                class=\"hcusm-button size-3\"\n                data-theme=\"0\"\n                @click=\"", "\"\n              >\n                ", "\n              </button>\n              <button\n                class=\"hcusm-button size-3\"\n                data-theme=\"1\"\n                @click=\"", "\"\n              >\n                ", "\n              </button>\n              <button\n                class=\"hcusm-button size-3\"\n                data-theme=\"2\"\n                @click=\"", "\"\n              >\n                ", "\n              </button>\n            </div>\n          </div>\n        </simple-popover>\n      "])), this.editMode ? "edit-mode-active" : "", this.t.textSettings, this.toggleUserStylesMenu, this.t.textSettings, this.hideUserStylesMenu, this.UserStylesSizeDown, this.t.decreaseFontSize, this.t.A, this.UserStylesSizeUp, this.t.increaseFontSize, this.t.A, this.t.setFontToSerif, this.UserStylesFontFamilyChange, this.t.serif, this.t.setFontToSansSerif, this.UserStylesFontFamilyChange, this.t.sansSerif, this.UserStylesColorThemeChange, this.t.day, this.UserStylesColorThemeChange, this.t.sepia, this.UserStylesColorThemeChange, this.t.night);
+          return (0, _index.html)(_templateObject_d8c152c01f2611eda0c389891c227ec8 || (_templateObject_d8c152c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <simple-icon-button-lite\n          .part=\"", "\"\n          class=\"btn\"\n          label=\"", "\"\n          icon=\"editor:format-size\"\n          @click=\"", "\"\n          id=\"haxcmsuserstylesmenupopover\"\n        ></simple-icon-button-lite>\n        <simple-tooltip for=\"haxcmsuserstylesmenupopover\">\n          ", "\n        </simple-tooltip>\n        <simple-popover\n          class=\"hcusm pull-left font-settings js-toolbar-action hcusm-settings-container\"\n          ?hidden=\"", "\"\n          id=\"haxcmsuserstylesmenu\"\n          auto\n        >\n          <div class=\"open\">\n            <div class=\"hcusm-caret\">\n              <span class=\"hcusm-caret-outer\"></span>\n              <span class=\"hcusm-caret-inner\"></span>\n            </div>\n            <div class=\"hcusm-buttons\">\n              <button\n                class=\"hcusm-button size-2 font-reduce\"\n                @click=\"", "\"\n                title=\"", "\"\n              >\n                ", "\n              </button>\n              <button\n                class=\"hcusm-button size-2 font-enlarge\"\n                @click=\"", "\"\n                title=\"", "\"\n              >\n                ", "\n              </button>\n            </div>\n            <div class=\"hcusm-buttons\">\n              <button\n                class=\"hcusm-button size-2\"\n                data-font=\"0\"\n                title=\"", "\"\n                @click=\"", "\"\n              >\n                ", "\n              </button>\n              <button\n                class=\"hcusm-button size-2\"\n                title=\"", "\"\n                data-font=\"1\"\n                @click=\"", "\"\n              >\n                ", "\n              </button>\n            </div>\n            <div class=\"hcusm-buttons\">\n              <button\n                class=\"hcusm-button size-3\"\n                data-theme=\"0\"\n                @click=\"", "\"\n              >\n                ", "\n              </button>\n              <button\n                class=\"hcusm-button size-3\"\n                data-theme=\"1\"\n                @click=\"", "\"\n              >\n                ", "\n              </button>\n              <button\n                class=\"hcusm-button size-3\"\n                data-theme=\"2\"\n                @click=\"", "\"\n              >\n                ", "\n              </button>\n            </div>\n          </div>\n        </simple-popover>\n      "])), this.editMode ? "edit-mode-active" : "", this.t.textSettings, this.toggleUserStylesMenu, this.t.textSettings, this.hideUserStylesMenu, this.UserStylesSizeDown, this.t.decreaseFontSize, this.t.A, this.UserStylesSizeUp, this.t.increaseFontSize, this.t.A, this.t.setFontToSerif, this.UserStylesFontFamilyChange, this.t.serif, this.t.setFontToSansSerif, this.UserStylesFontFamilyChange, this.t.sansSerif, this.UserStylesColorThemeChange, this.t.day, this.UserStylesColorThemeChange, this.t.sepia, this.UserStylesColorThemeChange, this.t.night);
         }
       }, {
         key: "checkUserStylesMenuOpen",
@@ -160,7 +160,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../../../utils/
             styles = babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this);
           }
 
-          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_0250ada01f0611ed8cc3e9a95995ad69 || (_templateObject2_0250ada01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host([font-family=\"0\"]) {\n            font-family: Georgia, serif;\n          }\n          :host([font-family=\"1\"]) {\n            font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n          }\n          :host([font-size=\"0\"]) {\n            --haxcms-base-styles-body-font-size: 1.2rem;\n            --hax-base-styles-p-font-size: 1.2rem;\n            --hax-base-styles-list-font-size: 1.2rem;\n            --hax-base-styles-a-font-size: 1.2rem;\n            --hax-base-styles-h1-font-size: 2.2rem;\n            --hax-base-styles-h2-font-size: 2rem;\n            --hax-base-styles-h3-font-size: 1.8rem;\n            --hax-base-styles-h4-font-size: 1.6rem;\n            --hax-base-styles-h5-font-size: 1.4rem;\n            --hax-base-styles-h6-font-size: 1.2rem;\n          }\n          :host([font-size=\"1\"]) {\n            --haxcms-base-styles-body-font-size: 1.4rem;\n            --hax-base-styles-p-font-size: 1.4rem;\n            --hax-base-styles-list-font-size: 1.4rem;\n            --hax-base-styles-a-font-size: 1.4rem;\n            --hax-base-styles-h1-font-size: 2.4rem;\n            --hax-base-styles-h2-font-size: 2.2rem;\n            --hax-base-styles-h3-font-size: 2rem;\n            --hax-base-styles-h4-font-size: 1.8rem;\n            --hax-base-styles-h5-font-size: 1.6rem;\n            --hax-base-styles-h6-font-size: 1.4rem;\n          }\n          :host([font-size=\"2\"]) {\n            --haxcms-base-styles-body-font-size: 1.6rem;\n            --hax-base-styles-p-font-size: 1.6rem;\n            --hax-base-styles-list-font-size: 1.6rem;\n            --hax-base-styles-a-font-size: 1.6rem;\n            --hax-base-styles-h1-font-size: 2.6rem;\n            --hax-base-styles-h2-font-size: 2.4rem;\n            --hax-base-styles-h3-font-size: 2.2rem;\n            --hax-base-styles-h4-font-size: 2rem;\n            --hax-base-styles-h5-font-size: 1.8rem;\n            --hax-base-styles-h6-font-size: 1.6rem;\n          }\n          :host([font-size=\"3\"]) {\n            --haxcms-base-styles-body-font-size: 1.8rem;\n            --hax-base-styles-p-font-size: 1.8rem;\n            --hax-base-styles-list-font-size: 1.8rem;\n            --hax-base-styles-a-font-size: 1.8rem;\n            --hax-base-styles-h1-font-size: 2.8rem;\n            --hax-base-styles-h2-font-size: 2.6rem;\n            --hax-base-styles-h3-font-size: 2.4rem;\n            --hax-base-styles-h4-font-size: 2.2rem;\n            --hax-base-styles-h5-font-size: 2rem;\n            --hax-base-styles-h6-font-size: 1.8rem;\n          }\n          :host([font-size=\"4\"]) {\n            --haxcms-base-styles-body-font-size: 2rem;\n            --hax-base-styles-p-font-size: 2rem;\n            --hax-base-styles-list-font-size: 2rem;\n            --hax-base-styles-a-font-size: 2rem;\n            --hax-base-styles-h1-font-size: 3rem;\n            --hax-base-styles-h2-font-size: 2.8rem;\n            --hax-base-styles-h3-font-size: 2.6rem;\n            --hax-base-styles-h4-font-size: 2.4rem;\n            --hax-base-styles-h5-font-size: 2.2rem;\n            --hax-base-styles-h6-font-size: 2rem;\n          }\n          :host([color-theme=\"0\"]) {\n            --haxcms-user-styles-color-theme-color-color: #000000;\n            --haxcms-user-styles-color-theme-color-background: #ffffff;\n            --haxcms-user-styles-color-theme-color-1: #252737;\n            --haxcms-user-styles-color-theme-color-2: #f5f5f5;\n            --haxcms-user-styles-color-theme-color-3: #f5f5f5;\n            --haxcms-user-styles-color-theme-color-4: var(\n              --simple-colors-default-theme-blue-8,\n              #4183c4\n            );\n            --hax-base-styles-a-color-visited: var(\n              --simple-colors-default-theme-blue-7,\n              #4183c4\n            );\n            --hax-base-styles-a-color: var(\n              --simple-colors-default-theme-blue-7,\n              #4183c4\n            );\n            --hax-base-styles-a-color-active: #000000;\n          }\n          :host([color-theme=\"1\"]) {\n            --haxcms-user-styles-color-theme-color-color: #704214;\n            --haxcms-user-styles-color-theme-color-background: #f3eacb;\n            --haxcms-user-styles-color-theme-color-1: #704214;\n            --haxcms-user-styles-color-theme-color-2: #f3eacb;\n            --haxcms-user-styles-color-theme-color-3: #1c1c1c;\n            --haxcms-user-styles-color-theme-color-4: #eee8e0;\n            --hax-base-styles-a-color-visited: #704214;\n            --hax-base-styles-a-color: #704214;\n            --hax-base-styles-a-color-active: #000000;\n          }\n          :host([color-theme=\"2\"]) {\n            --haxcms-user-styles-color-theme-color-color: var(\n              --simple-colors-default-theme-light-blue-1,\n              #cfd4e3\n            );\n            --haxcms-user-styles-color-theme-color-background: #1c1f2b;\n            --haxcms-user-styles-color-theme-color-1: #a6a6a6;\n            --haxcms-user-styles-color-theme-color-2: #252737;\n            --haxcms-user-styles-color-theme-color-3: #252737;\n            --haxcms-user-styles-color-theme-color-4: #f4f4f5;\n            --hax-base-styles-a-color-visited: var(\n              --simple-colors-default-theme-light-blue-2,\n              #3eb1d0\n            );\n            --hax-base-styles-a-color: var(\n              --simple-colors-default-theme-light-blue-2,\n              #3eb1d0\n            );\n            --hax-base-styles-a-color-active: #ffffff;\n          }\n          :host([color-theme=\"0\"]) .hcusm {\n            border-color: #222222;\n          }\n          :host([color-theme=\"0\"]) .hcusm simple-popover {\n            --simple-popover-color: #222222;\n            --simple-popover-background-color: #fafafa;\n          }\n          #slot ::slotted(*) {\n            font-size: var(--haxcms-base-styles-body-font-size, 1em);\n            color: var(--haxcms-user-styles-color-theme-color-color);\n          }\n          simple-icon-button-lite:not(:defined),\n          simple-popover:not(:defined) {\n            display: none;\n          }\n          simple-popover {\n            padding: 2px;\n          }\n          .hcusm .hcusm-buttons .hcusm-button.size-2 {\n            width: 50%;\n          }\n\n          .hcusm .hcusm-buttons .hcusm-button {\n            border: 0;\n            background-color: transparent;\n            color: #a6a6a6;\n            width: 100%;\n            text-align: center;\n            float: left;\n            line-height: 1.42857143;\n            padding: 8px 4px;\n          }\n          .hcusm-button.size-2 {\n            width: 50%;\n          }\n          .hcusm .hcusm-buttons .hcusm-button.size-3 {\n            width: 33%;\n          }\n          .hcusm.open {\n            display: block;\n          }\n          .hcusm {\n            min-width: 160px;\n            padding: 0;\n            margin: 2px 0 0;\n            list-style: none;\n            font-size: 14px;\n            background-color: transparent;\n          }\n          .hcusm .hcusm-buttons:after,\n          .hcusm .hcusm-buttons:before {\n            content: \" \";\n            display: table;\n            line-height: 0;\n          }\n          .hcusm-buttons:after,\n          .hcusm-buttons:before {\n            content: \" \";\n            display: table;\n            line-height: 0;\n          }\n          .hcusm-button {\n            border: 0;\n            background-color: transparent;\n            background: #eee;\n            color: #666;\n            width: 100%;\n            text-align: center;\n            float: left;\n            line-height: 1.42857143;\n            padding: 8px 4px;\n          }\n          .hcusm button,\n          .hcusm input[type=\"button\"],\n          .hcusm input[type=\"reset\"],\n          .hcusm input[type=\"submit\"] {\n            -webkit-appearance: button;\n            cursor: pointer;\n          }\n          .hcusm button,\n          .hcusm select {\n            text-transform: none;\n          }\n          .hcusm button,\n          .hcusm input {\n            line-height: normal;\n          }\n          .hcusm button,\n          .hcusm input,\n          .hcusm select,\n          .hcusm textarea {\n            font-family: inherit;\n            font-size: 100%;\n            margin: 0;\n          }\n\n          .hcusm-settings-container[hidden] {\n            display: none;\n          }\n          /*\n          * Theme 1\n          */\n          :host([color-theme=\"1\"]) .hcusm {\n            border-color: #222222;\n          }\n          :host([color-theme=\"1\"]) simple-popover {\n            --simple-popover-color: #afa790;\n            --simple-popover-background-color: #111111;\n          }\n          :host([color-theme=\"1\"]) .hcusm .dropdown-caret .caret-inner {\n            border-bottom: 9px solid #111111;\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-buttons {\n            border-color: #7e888b;\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button {\n            color: #afa790;\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:hover,\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:focus,\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:active {\n            color: #eee8e0;\n          }\n          /*\n          * Theme 2\n          */\n          :host([color-theme=\"2\"]) simple-popover {\n            --simple-popover-color: #cccccc;\n            --simple-popover-background-color: #2d3143;\n          }\n          :host([color-theme=\"2\"]) .hcusm {\n            border-color: #272a3a;\n          }\n          :host([color-theme=\"2\"]) .hcusm .dropdown-caret .caret-inner {\n            border-bottom: 9px solid #2d3143;\n          }\n          :host([color-theme=\"2\"]) .hcusm .hcusm-buttons {\n            border-color: #272a3a;\n          }\n          :host([color-theme=\"2\"]) .hcusm .hcusm-button {\n            color: #cccccc;\n          }\n          :host([color-theme=\"2\"]) .hcusm .hcusm-button:hover,\n          :host([color-theme=\"2\"]) .hcusm .hcusm-button:focus,\n          :host([color-theme=\"2\"]) .hcusm .hcusm-button:active {\n            color: #f4f4f5;\n          }\n          simple-icon-button-lite {\n            color: inherit;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_d8c152c01f2611eda0c389891c227ec8 || (_templateObject2_d8c152c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host([font-family=\"0\"]) {\n            font-family: Georgia, serif;\n          }\n          :host([font-family=\"1\"]) {\n            font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n          }\n          :host([font-size=\"0\"]) {\n            --haxcms-base-styles-body-font-size: 1.2rem;\n            --hax-base-styles-p-font-size: 1.2rem;\n            --hax-base-styles-list-font-size: 1.2rem;\n            --hax-base-styles-a-font-size: 1.2rem;\n            --hax-base-styles-h1-font-size: 2.2rem;\n            --hax-base-styles-h2-font-size: 2rem;\n            --hax-base-styles-h3-font-size: 1.8rem;\n            --hax-base-styles-h4-font-size: 1.6rem;\n            --hax-base-styles-h5-font-size: 1.4rem;\n            --hax-base-styles-h6-font-size: 1.2rem;\n          }\n          :host([font-size=\"1\"]) {\n            --haxcms-base-styles-body-font-size: 1.4rem;\n            --hax-base-styles-p-font-size: 1.4rem;\n            --hax-base-styles-list-font-size: 1.4rem;\n            --hax-base-styles-a-font-size: 1.4rem;\n            --hax-base-styles-h1-font-size: 2.4rem;\n            --hax-base-styles-h2-font-size: 2.2rem;\n            --hax-base-styles-h3-font-size: 2rem;\n            --hax-base-styles-h4-font-size: 1.8rem;\n            --hax-base-styles-h5-font-size: 1.6rem;\n            --hax-base-styles-h6-font-size: 1.4rem;\n          }\n          :host([font-size=\"2\"]) {\n            --haxcms-base-styles-body-font-size: 1.6rem;\n            --hax-base-styles-p-font-size: 1.6rem;\n            --hax-base-styles-list-font-size: 1.6rem;\n            --hax-base-styles-a-font-size: 1.6rem;\n            --hax-base-styles-h1-font-size: 2.6rem;\n            --hax-base-styles-h2-font-size: 2.4rem;\n            --hax-base-styles-h3-font-size: 2.2rem;\n            --hax-base-styles-h4-font-size: 2rem;\n            --hax-base-styles-h5-font-size: 1.8rem;\n            --hax-base-styles-h6-font-size: 1.6rem;\n          }\n          :host([font-size=\"3\"]) {\n            --haxcms-base-styles-body-font-size: 1.8rem;\n            --hax-base-styles-p-font-size: 1.8rem;\n            --hax-base-styles-list-font-size: 1.8rem;\n            --hax-base-styles-a-font-size: 1.8rem;\n            --hax-base-styles-h1-font-size: 2.8rem;\n            --hax-base-styles-h2-font-size: 2.6rem;\n            --hax-base-styles-h3-font-size: 2.4rem;\n            --hax-base-styles-h4-font-size: 2.2rem;\n            --hax-base-styles-h5-font-size: 2rem;\n            --hax-base-styles-h6-font-size: 1.8rem;\n          }\n          :host([font-size=\"4\"]) {\n            --haxcms-base-styles-body-font-size: 2rem;\n            --hax-base-styles-p-font-size: 2rem;\n            --hax-base-styles-list-font-size: 2rem;\n            --hax-base-styles-a-font-size: 2rem;\n            --hax-base-styles-h1-font-size: 3rem;\n            --hax-base-styles-h2-font-size: 2.8rem;\n            --hax-base-styles-h3-font-size: 2.6rem;\n            --hax-base-styles-h4-font-size: 2.4rem;\n            --hax-base-styles-h5-font-size: 2.2rem;\n            --hax-base-styles-h6-font-size: 2rem;\n          }\n          :host([color-theme=\"0\"]) {\n            --haxcms-user-styles-color-theme-color-color: #000000;\n            --haxcms-user-styles-color-theme-color-background: #ffffff;\n            --haxcms-user-styles-color-theme-color-1: #252737;\n            --haxcms-user-styles-color-theme-color-2: #f5f5f5;\n            --haxcms-user-styles-color-theme-color-3: #f5f5f5;\n            --haxcms-user-styles-color-theme-color-4: var(\n              --simple-colors-default-theme-blue-8,\n              #4183c4\n            );\n            --hax-base-styles-a-color-visited: var(\n              --simple-colors-default-theme-blue-7,\n              #4183c4\n            );\n            --hax-base-styles-a-color: var(\n              --simple-colors-default-theme-blue-7,\n              #4183c4\n            );\n            --hax-base-styles-a-color-active: #000000;\n          }\n          :host([color-theme=\"1\"]) {\n            --haxcms-user-styles-color-theme-color-color: #704214;\n            --haxcms-user-styles-color-theme-color-background: #f3eacb;\n            --haxcms-user-styles-color-theme-color-1: #704214;\n            --haxcms-user-styles-color-theme-color-2: #f3eacb;\n            --haxcms-user-styles-color-theme-color-3: #1c1c1c;\n            --haxcms-user-styles-color-theme-color-4: #eee8e0;\n            --hax-base-styles-a-color-visited: #704214;\n            --hax-base-styles-a-color: #704214;\n            --hax-base-styles-a-color-active: #000000;\n          }\n          :host([color-theme=\"2\"]) {\n            --haxcms-user-styles-color-theme-color-color: var(\n              --simple-colors-default-theme-light-blue-1,\n              #cfd4e3\n            );\n            --haxcms-user-styles-color-theme-color-background: #1c1f2b;\n            --haxcms-user-styles-color-theme-color-1: #a6a6a6;\n            --haxcms-user-styles-color-theme-color-2: #252737;\n            --haxcms-user-styles-color-theme-color-3: #252737;\n            --haxcms-user-styles-color-theme-color-4: #f4f4f5;\n            --hax-base-styles-a-color-visited: var(\n              --simple-colors-default-theme-light-blue-2,\n              #3eb1d0\n            );\n            --hax-base-styles-a-color: var(\n              --simple-colors-default-theme-light-blue-2,\n              #3eb1d0\n            );\n            --hax-base-styles-a-color-active: #ffffff;\n          }\n          :host([color-theme=\"0\"]) .hcusm {\n            border-color: #222222;\n          }\n          :host([color-theme=\"0\"]) .hcusm simple-popover {\n            --simple-popover-color: #222222;\n            --simple-popover-background-color: #fafafa;\n          }\n          #slot ::slotted(*) {\n            font-size: var(--haxcms-base-styles-body-font-size, 1em);\n            color: var(--haxcms-user-styles-color-theme-color-color);\n          }\n          simple-icon-button-lite:not(:defined),\n          simple-popover:not(:defined) {\n            display: none;\n          }\n          simple-popover {\n            padding: 2px;\n          }\n          .hcusm .hcusm-buttons .hcusm-button.size-2 {\n            width: 50%;\n          }\n\n          .hcusm .hcusm-buttons .hcusm-button {\n            border: 0;\n            background-color: transparent;\n            color: #a6a6a6;\n            width: 100%;\n            text-align: center;\n            float: left;\n            line-height: 1.42857143;\n            padding: 8px 4px;\n          }\n          .hcusm-button.size-2 {\n            width: 50%;\n          }\n          .hcusm .hcusm-buttons .hcusm-button.size-3 {\n            width: 33%;\n          }\n          .hcusm.open {\n            display: block;\n          }\n          .hcusm {\n            min-width: 160px;\n            padding: 0;\n            margin: 2px 0 0;\n            list-style: none;\n            font-size: 14px;\n            background-color: transparent;\n          }\n          .hcusm .hcusm-buttons:after,\n          .hcusm .hcusm-buttons:before {\n            content: \" \";\n            display: table;\n            line-height: 0;\n          }\n          .hcusm-buttons:after,\n          .hcusm-buttons:before {\n            content: \" \";\n            display: table;\n            line-height: 0;\n          }\n          .hcusm-button {\n            border: 0;\n            background-color: transparent;\n            background: #eee;\n            color: #666;\n            width: 100%;\n            text-align: center;\n            float: left;\n            line-height: 1.42857143;\n            padding: 8px 4px;\n          }\n          .hcusm button,\n          .hcusm input[type=\"button\"],\n          .hcusm input[type=\"reset\"],\n          .hcusm input[type=\"submit\"] {\n            -webkit-appearance: button;\n            cursor: pointer;\n          }\n          .hcusm button,\n          .hcusm select {\n            text-transform: none;\n          }\n          .hcusm button,\n          .hcusm input {\n            line-height: normal;\n          }\n          .hcusm button,\n          .hcusm input,\n          .hcusm select,\n          .hcusm textarea {\n            font-family: inherit;\n            font-size: 100%;\n            margin: 0;\n          }\n\n          .hcusm-settings-container[hidden] {\n            display: none;\n          }\n          /*\n          * Theme 1\n          */\n          :host([color-theme=\"1\"]) .hcusm {\n            border-color: #222222;\n          }\n          :host([color-theme=\"1\"]) simple-popover {\n            --simple-popover-color: #afa790;\n            --simple-popover-background-color: #111111;\n          }\n          :host([color-theme=\"1\"]) .hcusm .dropdown-caret .caret-inner {\n            border-bottom: 9px solid #111111;\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-buttons {\n            border-color: #7e888b;\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button {\n            color: #afa790;\n          }\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:hover,\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:focus,\n          :host([color-theme=\"1\"]) .hcusm .hcusm-button:active {\n            color: #eee8e0;\n          }\n          /*\n          * Theme 2\n          */\n          :host([color-theme=\"2\"]) simple-popover {\n            --simple-popover-color: #cccccc;\n            --simple-popover-background-color: #2d3143;\n          }\n          :host([color-theme=\"2\"]) .hcusm {\n            border-color: #272a3a;\n          }\n          :host([color-theme=\"2\"]) .hcusm .dropdown-caret .caret-inner {\n            border-bottom: 9px solid #2d3143;\n          }\n          :host([color-theme=\"2\"]) .hcusm .hcusm-buttons {\n            border-color: #272a3a;\n          }\n          :host([color-theme=\"2\"]) .hcusm .hcusm-button {\n            color: #cccccc;\n          }\n          :host([color-theme=\"2\"]) .hcusm .hcusm-button:hover,\n          :host([color-theme=\"2\"]) .hcusm .hcusm-button:focus,\n          :host([color-theme=\"2\"]) .hcusm .hcusm-button:active {\n            color: #f4f4f5;\n          }\n          simple-icon-button-lite {\n            color: inherit;\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PDFPageMixin.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PDFPageMixin.js
index 2278bea8748..0139dc0b6b0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PDFPageMixin.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PDFPageMixin.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "..
   });
   _exports.PDFPageMixin = void 0;
 
-  var _templateObject_025a4a901f0611ed8cc3e9a95995ad69, _templateObject2_025a4a901f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8caa1901f2611eda0c389891c227ec8, _templateObject2_d8caa1901f2611eda0c389891c227ec8;
 
   function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && babelHelpers.instanceof(outerFn.prototype, Generator) ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == babelHelpers.typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
@@ -40,7 +40,7 @@ define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "..
       babelHelpers.createClass(_class, [{
         key: "PDFPageButton",
         value: function PDFPageButton() {
-          return (0, _index.html)(_templateObject_025a4a901f0611ed8cc3e9a95995ad69 || (_templateObject_025a4a901f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      "])), _microFrontendRegistry.MicroFrontendRegistry.has('@core/htmlToPdf') ? (0, _index.html)(_templateObject2_025a4a901f0611ed8cc3e9a95995ad69 || (_templateObject2_025a4a901f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"pdf-page-btn\" part=\"", "\">\n        <simple-icon-button-lite\n          part=\"pdf-page-btn\"\n          label=\"", "\"\n          icon=\"lrn:pdf\"\n          @click=\"", "\"\n          show-text-label\n          icon-position=\"top\"\n        >\n        </simple-icon-button-lite>\n      </div>"])), this.editMode ? "edit-mode-active" : "", this.t.downloadContentPdf, this.downloadPDFviaMicro) : "");
+          return (0, _index.html)(_templateObject_d8caa1901f2611eda0c389891c227ec8 || (_templateObject_d8caa1901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      "])), _microFrontendRegistry.MicroFrontendRegistry.has('@core/htmlToPdf') ? (0, _index.html)(_templateObject2_d8caa1901f2611eda0c389891c227ec8 || (_templateObject2_d8caa1901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"pdf-page-btn\" part=\"", "\">\n        <simple-icon-button-lite\n          part=\"pdf-page-btn\"\n          label=\"", "\"\n          icon=\"lrn:pdf\"\n          @click=\"", "\"\n          show-text-label\n          icon-position=\"top\"\n        >\n        </simple-icon-button-lite>\n      </div>"])), this.editMode ? "edit-mode-active" : "", this.t.downloadContentPdf, this.downloadPDFviaMicro) : "");
         }
         /**
          * Download PDF, via microservice
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PrintBranchMixin.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PrintBranchMixin.js
index bcd877610a1..8aaadffd1ab 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PrintBranchMixin.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PrintBranchMixin.js
@@ -1,4 +1,4 @@
-define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "../../../../hax-iconset/lib/simple-hax-iconset.js", "../../../../utils/utils.js", "../../../../micro-frontend-registry/micro-frontend-registry.js", "./HAXCMSI18NMixin.js", "../../../../../mobx/dist/mobx.esm.js", "../../../../micro-frontend-registry/lib/microServices.js"], function (_exports, _index, _haxcmsSiteStore, _simpleHaxIconset, _utils, _microFrontendRegistry, _HAXCMSI18NMixin2, _mobxEsm, _microServices) {
+define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "../../../../hax-iconset/lib/simple-hax-iconset.js", "../../../../utils/utils.js", "../../../../micro-frontend-registry/micro-frontend-registry.js", "./HAXCMSI18NMixin.js", "../../../../simple-icon/lib/simple-icon-button-lite.js", "../../../../simple-tooltip/simple-tooltip.js", "../../../../../mobx/dist/mobx.esm.js", "../../../../micro-frontend-registry/lib/microServices.js"], function (_exports, _index, _haxcmsSiteStore, _simpleHaxIconset, _utils, _microFrontendRegistry, _HAXCMSI18NMixin2, _simpleIconButtonLite, _simpleTooltip, _mobxEsm, _microServices) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "..
   });
   _exports.PrintBranchMixin = void 0;
 
-  var _templateObject_0263e7801f0611ed8cc3e9a95995ad69, _templateObject2_0263e7801f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8d417701f2611eda0c389891c227ec8, _templateObject2_d8d417701f2611eda0c389891c227ec8;
 
   function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && babelHelpers.instanceof(outerFn.prototype, Generator) ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == babelHelpers.typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
@@ -32,7 +32,7 @@ define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "..
         (0, _microServices.enableServices)(['haxcms']);
         _this.t = _this.t || {};
         _this.t = _objectSpread(_objectSpread({}, _this.t), {}, {
-          printBranch: "Print Branch"
+          print: "Print"
         });
         return _this;
       }
@@ -40,7 +40,7 @@ define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "..
       babelHelpers.createClass(_class, [{
         key: "PrintBranchButton",
         value: function PrintBranchButton() {
-          return (0, _index.html)(_templateObject_0263e7801f0611ed8cc3e9a95995ad69 || (_templateObject_0263e7801f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      "])), _microFrontendRegistry.MicroFrontendRegistry.has('@haxcms/siteToHtml') ? (0, _index.html)(_templateObject2_0263e7801f0611ed8cc3e9a95995ad69 || (_templateObject2_0263e7801f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"print-branch-btn\" part=\"", "\">\n        <simple-icon-button-lite\n          part=\"print-branch-btn\"\n          label=\"", "\"\n          icon=\"print\"\n          @click=\"", "\"\n          show-text-label\n          icon-position=\"top\"\n        >\n        </simple-icon-button-lite>\n      </div>"])), this.editMode ? "edit-mode-active" : "", this.t.printBranch, this.printBranchOfSite) : "");
+          return (0, _index.html)(_templateObject_d8d417701f2611eda0c389891c227ec8 || (_templateObject_d8d417701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      "])), _microFrontendRegistry.MicroFrontendRegistry.has('@haxcms/siteToHtml') ? (0, _index.html)(_templateObject2_d8d417701f2611eda0c389891c227ec8 || (_templateObject2_d8d417701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"print-branch-btn\" part=\"", "\">\n        <simple-icon-button-lite\n          part=\"print-branch-btn\"\n          icon=\"print\"\n          @click=\"", "\"\n          icon-position=\"top\"\n          id=\"print-branch-btn\"\n        >\n        </simple-icon-button-lite>\n        <simple-tooltip for=\"print-branch-btn\">\n          ", "\n        </simple-tooltip>\n      </div>"])), this.editMode ? "edit-mode-active" : "", this.printBranchOfSite, this.t.print) : "");
         }
         /**
          * Download PDF, via microservice
@@ -50,13 +50,12 @@ define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "..
         key: "printBranchOfSite",
         value: function () {
           var _printBranchOfSite = babelHelpers.asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
-            var ancestorItem, base, site, params, response, link;
+            var base, site, params, response, link;
             return _regeneratorRuntime().wrap(function _callee$(_context) {
               while (1) {
                 switch (_context.prev = _context.next) {
                   case 0:
-                    ancestorItem = (0, _mobxEsm.toJS)(_haxcmsSiteStore.store.ancestorItem); // base helps w/ calculating URLs in content
-
+                    // base helps w/ calculating URLs in content
                     base = '';
 
                     if (document.querySelector('base')) {
@@ -76,15 +75,15 @@ define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "..
                         metadata: site.metadata,
                         items: site.items
                       },
-                      ancestor: ancestorItem ? ancestorItem.id : (0, _mobxEsm.toJS)(_haxcmsSiteStore.store.activeId),
+                      ancestor: (0, _mobxEsm.toJS)(_haxcmsSiteStore.store.activeId),
                       link: base,
                       magic: window.__appCDN,
                       base: base
                     };
-                    _context.next = 7;
+                    _context.next = 6;
                     return _microFrontendRegistry.MicroFrontendRegistry.call('@haxcms/siteToHtml', params);
 
-                  case 7:
+                  case 6:
                     response = _context.sent;
 
                     if (response.status == 200 && response.data) {
@@ -92,13 +91,7 @@ define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "..
                       // @todo this downloads but claims to be corrupt.
 
                       link.href = window.URL.createObjectURL((0, _utils.b64toBlob)(btoa(unescape(encodeURIComponent(response.data))), "text/html"));
-
-                      if (ancestorItem) {
-                        link.download = "".concat((0, _mobxEsm.toJS)(_haxcmsSiteStore.store.ancestorTitle), ".html");
-                      } else {
-                        link.download = "".concat((0, _mobxEsm.toJS)(_haxcmsSiteStore.store.activeTitle), ".html");
-                      }
-
+                      link.download = "".concat((0, _mobxEsm.toJS)(_haxcmsSiteStore.store.activeTitle), ".html");
                       link.target = "_blank";
                       this.appendChild(link);
                       link.click();
@@ -108,7 +101,7 @@ define(["exports", "../../../../../lit/index.js", "../haxcms-site-store.js", "..
                       window.open(window.location.href + "?format=print-page", "", "left=0,top=0,width=800,height=800,toolbar=0,scrollbars=0,status=0,noopener=1,noreferrer=1");
                     }
 
-                  case 9:
+                  case 8:
                   case "end":
                     return _context.stop();
                 }
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/QRCodeMixin.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/QRCodeMixin.js
index 06662a75c88..fe8e22db65a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/QRCodeMixin.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/QRCodeMixin.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
   _exports.QRCodeMixin = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_026806301f0611ed8cc3e9a95995ad69, _templateObject2_026806301f0611ed8cc3e9a95995ad69, _templateObject3_026806301f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8d80f101f2611eda0c389891c227ec8, _templateObject2_d8d80f101f2611eda0c389891c227ec8, _templateObject3_d8d80f101f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -70,7 +70,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
           new Promise(function (res, rej) {
             return _require.default(["../../../../simple-tooltip/simple-tooltip.js"], res, rej);
           });
-          return (0, _index.html)(_templateObject_026806301f0611ed8cc3e9a95995ad69 || (_templateObject_026806301f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          id=\"qrcodebtnwrapper\"\n          part=\"", "\"\n        >\n          <simple-icon-button-lite\n            part=\"qr-code-btn\"\n            class=\"qr-code-btn btn\"\n            label=\"", "\"\n            icon=\"hax:qr-code\"\n            @click=\"", "\"\n            id=\"qrcodebtn\"\n          ></simple-icon-button-lite>\n          <simple-tooltip for=\"qrcodebtn\">\n            ", "\n          </simple-tooltip>\n          <simple-popover\n            ?hidden=\"", "\"\n            id=\"qrcodepopover\"\n            position=\"", "\"\n            fit-to-visible-bounds\n            auto\n          >\n            ", "\n          </simple-popover>\n        </div>\n      "])), this.editMode ? "edit-mode-active" : "", this.t.currentPage, this.QRCodeButtonToggle, this.t.currentPage, !this.showQRCode, direction, this.showQRCode ? (0, _index.html)(_templateObject2_026806301f0611ed8cc3e9a95995ad69 || (_templateObject2_026806301f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <div style=\"width:190px;height:190px;\">\n                    <q-r\n                      modulesize=\"4\"\n                      margin=\"0\"\n                      title=\"", "\"\n                      data=\"", "\"\n                    ></q-r>\n                  </div>\n                "])), _haxcmsSiteStore.store.activeTitle, window.location.href) : "");
+          return (0, _index.html)(_templateObject_d8d80f101f2611eda0c389891c227ec8 || (_templateObject_d8d80f101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          id=\"qrcodebtnwrapper\"\n          part=\"", "\"\n        >\n          <simple-icon-button-lite\n            part=\"qr-code-btn\"\n            class=\"qr-code-btn btn\"\n            label=\"", "\"\n            icon=\"hax:qr-code\"\n            @click=\"", "\"\n            id=\"qrcodebtn\"\n          ></simple-icon-button-lite>\n          <simple-tooltip for=\"qrcodebtn\">\n            ", "\n          </simple-tooltip>\n          <simple-popover\n            ?hidden=\"", "\"\n            id=\"qrcodepopover\"\n            position=\"", "\"\n            fit-to-visible-bounds\n            auto\n          >\n            ", "\n          </simple-popover>\n        </div>\n      "])), this.editMode ? "edit-mode-active" : "", this.t.currentPage, this.QRCodeButtonToggle, this.t.currentPage, !this.showQRCode, direction, this.showQRCode ? (0, _index.html)(_templateObject2_d8d80f101f2611eda0c389891c227ec8 || (_templateObject2_d8d80f101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <div style=\"width:190px;height:190px;\">\n                    <q-r\n                      modulesize=\"4\"\n                      margin=\"0\"\n                      title=\"", "\"\n                      data=\"", "\"\n                    ></q-r>\n                  </div>\n                "])), _haxcmsSiteStore.store.activeTitle, window.location.href) : "");
         }
       }, {
         key: "QRCodeButtonToggle",
@@ -86,7 +86,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../haxcms-site-sto
             styles = babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this);
           }
 
-          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject3_026806301f0611ed8cc3e9a95995ad69 || (_templateObject3_026806301f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          simple-popover:not(:defined) {\n            display: none;\n          }\n          simple-popover {\n            padding: 2px;\n          }\n          .qr-code-btn {\n            color: inherit;\n            --simple-icon-height: 24px;\n            --simple-icon-width: 24px;\n          }\n          #qrcodebtnwrapper {\n            display: inline-flex;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject3_d8d80f101f2611eda0c389891c227ec8 || (_templateObject3_d8d80f101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          simple-popover:not(:defined) {\n            display: none;\n          }\n          simple-popover {\n            padding: 2px;\n          }\n          .qr-code-btn {\n            color: inherit;\n            --simple-icon-height: 24px;\n            --simple-icon-width: 24px;\n          }\n          #qrcodebtnwrapper {\n            display: inline-flex;\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/development/haxcms-dev-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/development/haxcms-dev-theme.js
index c1f6f6787d2..a3506938e0a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/development/haxcms-dev-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/development/haxcms-dev-theme.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../@polymer/polymer/polymer-element.js",
   _exports.HAXCMSDevTheme = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_f00302601f0511ed8cc3e9a95995ad69;
+  var _templateObject_c64ce5a01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -122,7 +122,7 @@ define(["exports", "require", "../../../../@polymer/polymer/polymer-element.js",
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f00302601f0511ed8cc3e9a95995ad69 || (_templateObject_f00302601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n          /* theme color which is dictated by the manifest */\n          background-color: var(--haxcms-color, black);\n        }\n        div.card {\n          width: 200px;\n          color: black;\n          background-color: blue;\n          padding: 8px;\n          font-size: 10px;\n        }\n        /**\n         * Hide the slotted content during edit mode. This must be here to work.\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        .manifest,\n        .activeitem {\n          width: 49%;\n          min-height: 300px;\n          height: 300px;\n          overflow: scroll;\n          border: 4px solid black;\n          margin: 0;\n          padding: 0;\n          display: inline-block;\n          vertical-align: text-top;\n        }\n        .buttons {\n          display: flex;\n        }\n        site-top-menu {\n          --site-top-menu-bg: var(\n            --simple-colors-default-theme-blue-grey-7,\n            #37474f\n          );\n          --site-top-menu-link-color: #ffffff;\n          --site-top-menu-indicator-color: var(--haxcms-color, #ffffff);\n          --site-top-menu-link-active-color: yellow;\n          --site-top-menu-indicator-arrow: 8px;\n        }\n        .spacing button {\n          min-width: unset;\n          text-transform: unset;\n          background-color: var(--haxcms-color, #000000);\n          color: #ffffff;\n          margin: 0;\n          border-radius: 0;\n        }\n        site-children-block {\n          --site-children-block-button-active: {\n            background-color: var(\n              --simple-colors-default-theme-blue-grey-7,\n              #37474f\n            );\n            color: #ffffff;\n          }\n        }\n      </style>\n      <site-top-menu noink indicator=\"arrow\" arrow-size=\"8\">\n        <div slot=\"suffix\" class=\"spacing\">\n          <a\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            tabindex=\"-1\"\n            href=\"https://github.com/elmsln/HAXcms\"\n            data-title=\"Get it. Got it? Good.\"\n          >\n            <button noink>Get HAXcms</button>\n          </a>\n          <site-print-button></site-print-button>\n          <site-print-button type=\"parent\"></site-print-button>\n          <site-print-button type=\"ancestor\"></site-print-button>\n          <site-print-button type=\"site\"></site-print-button>\n        </div>\n      </site-top-menu>\n      <site-children-block\n        fixed-id\n        parent=\"item-14e9e811-8d92-41ee-b2f1-8248eacc3138\"\n      >\n      </site-children-block>\n      <h1 style=\"margin:0;\">HAXCMS DEVELOPMENT THEME</h1>\n      <site-title></site-title>\n      <div class=\"buttons\">\n        <site-menu-button type=\"prev\"></site-menu-button>\n        <site-menu-button type=\"next\"></site-menu-button>\n        <button id=\"unset\" on-click=\"resetActive\">Unset activeItem</button>\n        <site-rss-button type=\"atom\"></site-rss-button>\n        <site-rss-button type=\"rss\"></site-rss-button>\n      </div>\n      <div class=\"manifest\">\n        <h2>title: [[manifest.title]]</h2>\n        <div>description: [[manifest.description]]</div>\n        <div>\n          icon:\n          <simple-icon\n            icon=\"[[manifest.metadata.theme.variables.icon]]\"\n          ></simple-icon>\n        </div>\n        <div>\n          image:\n          <img\n            src$=\"[[manifest.metadata.theme.variables.image]]\"\n            height=\"200px\"\n            width=\"200px\"\n          />\n        </div>\n      </div>\n      <div class=\"activeitem\">\n        <site-breadcrumb></site-breadcrumb>\n        <h2>ACTIVE ITEM</h2>\n        <site-active-title></site-active-title>\n        <div id=\"contentcontainer\">\n          <div id=\"slot\"><slot></slot></div>\n        </div>\n      </div>\n      <site-render-query class=\"cardlist\" grid on-click=\"_itemTapped\">\n        <template>\n          <div style=\"padding:8px;\">\n            <div class=\"card\">\n              <div class=\"card-content\">\n                <div>title: [[item.title]]</div>\n                <div>image: [[item.metadata.fields.image]]</div>\n                <div>description: [[item.description]]</div>\n                <div>slug: [[item.slug]]</div>\n                <div>location: [[item.location]]</div>\n                <div>changed: [[item.metadata.updated]]</div>\n              </div>\n              <div class=\"card-actions\">\n                <a tabindex=\"-1\" href$=\"[[item.slug]]\"\n                  ><button data-id$=\"[[item.id]]\">Set as active</button></a\n                >\n              </div>\n            </div>\n          </div>\n        </template>\n      </site-render-query>\n      <site-menu></site-menu>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_c64ce5a01f2611eda0c389891c227ec8 || (_templateObject_c64ce5a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n          /* theme color which is dictated by the manifest */\n          background-color: var(--haxcms-color, black);\n        }\n        div.card {\n          width: 200px;\n          color: black;\n          background-color: blue;\n          padding: 8px;\n          font-size: 10px;\n        }\n        /**\n         * Hide the slotted content during edit mode. This must be here to work.\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        .manifest,\n        .activeitem {\n          width: 49%;\n          min-height: 300px;\n          height: 300px;\n          overflow: scroll;\n          border: 4px solid black;\n          margin: 0;\n          padding: 0;\n          display: inline-block;\n          vertical-align: text-top;\n        }\n        .buttons {\n          display: flex;\n        }\n        site-top-menu {\n          --site-top-menu-bg: var(\n            --simple-colors-default-theme-blue-grey-7,\n            #37474f\n          );\n          --site-top-menu-link-color: #ffffff;\n          --site-top-menu-indicator-color: var(--haxcms-color, #ffffff);\n          --site-top-menu-link-active-color: yellow;\n          --site-top-menu-indicator-arrow: 8px;\n        }\n        .spacing button {\n          min-width: unset;\n          text-transform: unset;\n          background-color: var(--haxcms-color, #000000);\n          color: #ffffff;\n          margin: 0;\n          border-radius: 0;\n        }\n        site-children-block {\n          --site-children-block-button-active: {\n            background-color: var(\n              --simple-colors-default-theme-blue-grey-7,\n              #37474f\n            );\n            color: #ffffff;\n          }\n        }\n      </style>\n      <site-top-menu noink indicator=\"arrow\" arrow-size=\"8\">\n        <div slot=\"suffix\" class=\"spacing\">\n          <a\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            tabindex=\"-1\"\n            href=\"https://github.com/elmsln/HAXcms\"\n            data-title=\"Get it. Got it? Good.\"\n          >\n            <button noink>Get HAXcms</button>\n          </a>\n          <site-print-button></site-print-button>\n          <site-print-button type=\"parent\"></site-print-button>\n          <site-print-button type=\"ancestor\"></site-print-button>\n          <site-print-button type=\"site\"></site-print-button>\n        </div>\n      </site-top-menu>\n      <site-children-block\n        fixed-id\n        parent=\"item-14e9e811-8d92-41ee-b2f1-8248eacc3138\"\n      >\n      </site-children-block>\n      <h1 style=\"margin:0;\">HAXCMS DEVELOPMENT THEME</h1>\n      <site-title></site-title>\n      <div class=\"buttons\">\n        <site-menu-button type=\"prev\"></site-menu-button>\n        <site-menu-button type=\"next\"></site-menu-button>\n        <button id=\"unset\" on-click=\"resetActive\">Unset activeItem</button>\n        <site-rss-button type=\"atom\"></site-rss-button>\n        <site-rss-button type=\"rss\"></site-rss-button>\n      </div>\n      <div class=\"manifest\">\n        <h2>title: [[manifest.title]]</h2>\n        <div>description: [[manifest.description]]</div>\n        <div>\n          icon:\n          <simple-icon\n            icon=\"[[manifest.metadata.theme.variables.icon]]\"\n          ></simple-icon>\n        </div>\n        <div>\n          image:\n          <img\n            src$=\"[[manifest.metadata.theme.variables.image]]\"\n            height=\"200px\"\n            width=\"200px\"\n          />\n        </div>\n      </div>\n      <div class=\"activeitem\">\n        <site-breadcrumb></site-breadcrumb>\n        <h2>ACTIVE ITEM</h2>\n        <site-active-title></site-active-title>\n        <div id=\"contentcontainer\">\n          <div id=\"slot\"><slot></slot></div>\n        </div>\n      </div>\n      <site-render-query class=\"cardlist\" grid on-click=\"_itemTapped\">\n        <template>\n          <div style=\"padding:8px;\">\n            <div class=\"card\">\n              <div class=\"card-content\">\n                <div>title: [[item.title]]</div>\n                <div>image: [[item.metadata.fields.image]]</div>\n                <div>description: [[item.description]]</div>\n                <div>slug: [[item.slug]]</div>\n                <div>location: [[item.location]]</div>\n                <div>changed: [[item.metadata.updated]]</div>\n              </div>\n              <div class=\"card-actions\">\n                <a tabindex=\"-1\" href$=\"[[item.slug]]\"\n                  ><button data-id$=\"[[item.id]]\">Set as active</button></a\n                >\n              </div>\n            </div>\n          </div>\n        </template>\n      </site-render-query>\n      <site-menu></site-menu>\n    "])));
       }
     }]);
     return HAXCMSDevTheme;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/development/haxcms-theme-developer.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/development/haxcms-theme-developer.js
index 9b3285e06eb..29680d89414 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/development/haxcms-theme-developer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/development/haxcms-theme-developer.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../core/H
   });
   _exports.HAXCMSThemeDeveloper = void 0;
 
-  var _templateObject_f00748201f0511ed8cc3e9a95995ad69;
+  var _templateObject_c65068101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -337,7 +337,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../core/H
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_f00748201f0511ed8cc3e9a95995ad69 || (_templateObject_f00748201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          /* theme color which is dictated by the manifest */\n          background-color: var(--haxcms-color, black);\n        }\n        /**\n         * Hide the slotted content during edit mode. This must be here to work.\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n      </style>\n      <div id=\"contentcontainer\">\n        <div id=\"slot\"></div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_c65068101f2611eda0c389891c227ec8 || (_templateObject_c65068101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          /* theme color which is dictated by the manifest */\n          background-color: var(--haxcms-color, black);\n        }\n        /**\n         * Hide the slotted content during edit mode. This must be here to work.\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n      </style>\n      <div id=\"contentcontainer\">\n        <div id=\"slot\"></div>\n      </div>\n    "])));
       }
     }]);
     return HAXCMSThemeDeveloper;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-active-title.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-active-title.js
index 03491c6a452..2181fa7b311 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-active-title.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-active-title.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
   });
   _exports.SiteActiveTitle = void 0;
 
-  var _templateObject_016deec01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8dc06b01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -72,7 +72,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
        * LitElement
        */
       function render() {
-        return (0, _index.html)(_templateObject_016deec01f0611ed8cc3e9a95995ad69 || (_templateObject_016deec01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <h1>", "</h1>\n    "])), this.__title);
+        return (0, _index.html)(_templateObject_d8dc06b01f2611eda0c389891c227ec8 || (_templateObject_d8dc06b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <h1>", "</h1>\n    "])), this.__title);
       }
       /**
        * LitElement life cycle - property changed
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-git-corner.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-git-corner.js
index 50bfe7599f8..39292517baa 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-git-corner.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-git-corner.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
   _exports.SiteGitCorner = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_017198401f0611ed8cc3e9a95995ad69, _templateObject2_017198401f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8f18a801f2611eda0c389891c227ec8, _templateObject2_d8f18a801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -63,7 +63,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
     babelHelpers.createClass(SiteGitCorner, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_017198401f0611ed8cc3e9a95995ad69 || (_templateObject_017198401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <git-corner\n        .part=\"", "\"\n        size=\"", "\"\n        alt=\"", "\"\n        ?circle=\"", "\"\n        source=\"", "\"\n      ></git-corner>\n    "])), this.editMode ? "edit-mode-active" : "", this.size, this.t.seePageSource, this.circle, this.activeGitFileLink);
+        return (0, _index.html)(_templateObject_d8f18a801f2611eda0c389891c227ec8 || (_templateObject_d8f18a801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <git-corner\n        .part=\"", "\"\n        size=\"", "\"\n        alt=\"", "\"\n        ?circle=\"", "\"\n        source=\"", "\"\n      ></git-corner>\n    "])), this.editMode ? "edit-mode-active" : "", this.size, this.t.seePageSource, this.circle, this.activeGitFileLink);
       }
     }, {
       key: "disconnectedCallback",
@@ -82,7 +82,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteGitCorner), "styles", this)), [(0, _index.css)(_templateObject2_017198401f0611ed8cc3e9a95995ad69 || (_templateObject2_017198401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          float: var(--site-git-corner-float);\n        }\n        :host([direction=\"right\"]) {\n          float: right;\n        }\n        :host([direction=\"left\"]) {\n          float: left;\n        }\n        git-corner {\n          --github-corner-color: var(--site-git-corner-color);\n          --github-corner-background: var(--site-git-corner-background);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteGitCorner), "styles", this)), [(0, _index.css)(_templateObject2_d8f18a801f2611eda0c389891c227ec8 || (_templateObject2_d8f18a801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          float: var(--site-git-corner-float);\n        }\n        :host([direction=\"right\"]) {\n          float: right;\n        }\n        :host([direction=\"left\"]) {\n          float: left;\n        }\n        git-corner {\n          --github-corner-color: var(--site-git-corner-color);\n          --github-corner-background: var(--site-git-corner-background);\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-share-widget.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-share-widget.js
index 2c9e0676460..82d0934aa4d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-share-widget.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-share-widget.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
   });
   _exports.SiteShareWidget = void 0;
 
-  var _templateObject_017409401f0611ed8cc3e9a95995ad69, _templateObject2_017409401f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8f3d4701f2611eda0c389891c227ec8, _templateObject2_d8f3d4701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -44,7 +44,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
     babelHelpers.createClass(SiteShareWidget, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_017409401f0611ed8cc3e9a95995ad69 || (_templateObject_017409401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button\n        @click=\"", "\"\n        title=\"", "\"\n        icon=\"", "\"\n        dark\n      ></simple-icon-button>\n      <web-social-share share=\"false\">\n        <simple-icon slot=\"facebook\" icon=\"mdi-social:facebook\"></simple-icon>\n        <simple-icon slot=\"twitter\" icon=\"mdi-social:twitter\"></simple-icon>\n        <simple-icon slot=\"pinterest\" icon=\"mdi-social:pinterest\"></simple-icon>\n        <simple-icon slot=\"linkedin\" icon=\"mdi-social:linkedin\"></simple-icon>\n        <simple-icon slot=\"email\" icon=\"icons:mail\"></simple-icon>\n        <simple-icon slot=\"copy\" icon=\"icons:content-copy\"></simple-icon>\n      </web-social-share>\n    "])), this.click, this.alt, this.icon);
+        return (0, _index.html)(_templateObject_d8f3d4701f2611eda0c389891c227ec8 || (_templateObject_d8f3d4701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button\n        @click=\"", "\"\n        title=\"", "\"\n        icon=\"", "\"\n        dark\n      ></simple-icon-button>\n      <web-social-share share=\"false\">\n        <simple-icon slot=\"facebook\" icon=\"mdi-social:facebook\"></simple-icon>\n        <simple-icon slot=\"twitter\" icon=\"mdi-social:twitter\"></simple-icon>\n        <simple-icon slot=\"pinterest\" icon=\"mdi-social:pinterest\"></simple-icon>\n        <simple-icon slot=\"linkedin\" icon=\"mdi-social:linkedin\"></simple-icon>\n        <simple-icon slot=\"email\" icon=\"icons:mail\"></simple-icon>\n        <simple-icon slot=\"copy\" icon=\"icons:content-copy\"></simple-icon>\n      </web-social-share>\n    "])), this.click, this.alt, this.icon);
       }
     }, {
       key: "click",
@@ -107,7 +107,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_017409401f0611ed8cc3e9a95995ad69 || (_templateObject2_017409401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        simple-icon-button {\n          color: #ffffff;\n          background-color: var(--site-share-widget-bg);\n          padding: 8px;\n          margin: 0 0 0 4px;\n          border-radius: 50%;\n        }\n        web-social-share {\n          --web-social-share-zindex: 10000;\n        }\n        simple-icon {\n          display: block;\n        }\n        simple-icon:hover {\n          box-shadow: 0 0 20px var(--haxcms-color, #000000);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_d8f3d4701f2611eda0c389891c227ec8 || (_templateObject2_d8f3d4701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        simple-icon-button {\n          color: #ffffff;\n          background-color: var(--site-share-widget-bg);\n          padding: 8px;\n          margin: 0 0 0 4px;\n          border-radius: 50%;\n        }\n        web-social-share {\n          --web-social-share-zindex: 10000;\n        }\n        simple-icon {\n          display: block;\n        }\n        simple-icon:hover {\n          box-shadow: 0 0 20px var(--haxcms-color, #000000);\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-children-block.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-children-block.js
index a25be2ac1c5..8afed652b6a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-children-block.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-children-block.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
   });
   _exports.SiteChildrenBlock = void 0;
 
-  var _templateObject_01789d201f0611ed8cc3e9a95995ad69, _templateObject2_01789d201f0611ed8cc3e9a95995ad69, _templateObject3_01789d201f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8f81a301f2611eda0c389891c227ec8, _templateObject2_d8f81a301f2611eda0c389891c227ec8, _templateObject3_d8f81a301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -48,8 +48,8 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_01789d201f0611ed8cc3e9a95995ad69 || (_templateObject_01789d201f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <site-query-menu-slice\n          @result-changed=\"", "\"\n          dynamic-methodology=\"", "\"\n          start=\"", "\"\n          end=\"", "\"\n          parent=\"", "\"\n          ?fixed-id=\"", "\"\n        ></site-query-menu-slice>\n        ", "\n      </div>\n    "])), this.resultChanged, this.dynamicMethodology, this.start, this.end, this.parent, this.fixedId, this.__items.map(function (item) {
-          return (0, _index.html)(_templateObject2_01789d201f0611ed8cc3e9a95995ad69 || (_templateObject2_01789d201f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"spacing\">\n              <a\n                data-id=\"", "\"\n                class=\"link\"\n                tabindex=\"-1\"\n                href=\"", "\"\n              >\n                <button noink=\"", "\">\n                  <div class=\"indent indent-", "\"></div>\n                  ", "\n                </button>\n              </a>\n            </div>\n          "])), item.id, item.slug, _this2.noink, item.indent, item.title);
+        return (0, _index.html)(_templateObject_d8f81a301f2611eda0c389891c227ec8 || (_templateObject_d8f81a301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <site-query-menu-slice\n          @result-changed=\"", "\"\n          dynamic-methodology=\"", "\"\n          start=\"", "\"\n          end=\"", "\"\n          parent=\"", "\"\n          ?fixed-id=\"", "\"\n        ></site-query-menu-slice>\n        ", "\n      </div>\n    "])), this.resultChanged, this.dynamicMethodology, this.start, this.end, this.parent, this.fixedId, this.__items.map(function (item) {
+          return (0, _index.html)(_templateObject2_d8f81a301f2611eda0c389891c227ec8 || (_templateObject2_d8f81a301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"spacing\">\n              <a\n                data-id=\"", "\"\n                class=\"link\"\n                tabindex=\"-1\"\n                href=\"", "\"\n              >\n                <button noink=\"", "\">\n                  <div class=\"indent indent-", "\"></div>\n                  ", "\n                </button>\n              </a>\n            </div>\n          "])), item.id, item.slug, _this2.noink, item.indent, item.title);
         }));
       }
     }, {
@@ -215,7 +215,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_01789d201f0611ed8cc3e9a95995ad69 || (_templateObject3_01789d201f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --site-children-block-indent: 16px;\n          --site-children-block-link-active-bg: rgba(255, 255, 255, 0.1);\n          transition: 0.2s opacity linear;\n          opacity: 1;\n        }\n        :host([edit-mode]) {\n          opacity: 0.2;\n          pointer-events: none;\n        }\n        .link {\n          display: block;\n          color: var(--site-children-block-link-color, #444444);\n        }\n        button {\n          text-transform: unset;\n          min-width: unset;\n          width: 100%;\n          margin: 0;\n          border-radius: 0;\n          justify-content: flex-start;\n          background-color: transparent;\n          border: none;\n          color: inherit;\n        }\n\n        .active {\n          color: var(--site-children-block-link-active-color, #000000);\n          background-color: var(--site-children-block-link-active-bg);\n        }\n        .spacing .indent {\n          display: inline-flex;\n        }\n        .indent-1 {\n          margin-left: calc(var(--site-children-block-indent) * 1);\n        }\n        .indent-2 {\n          margin-left: calc(var(--site-children-block-indent) * 2);\n        }\n        .indent-3 {\n          margin-left: calc(var(--site-children-block-indent) * 3);\n        }\n        .indent-4 {\n          margin-left: calc(var(--site-children-block-indent) * 4);\n        }\n        .indent-5 {\n          margin-left: calc(var(--site-children-block-indent) * 5);\n        }\n        .indent-6 {\n          margin-left: calc(var(--site-children-block-indent) * 6);\n        }\n        .indent-7 {\n          margin-left: calc(var(--site-children-block-indent) * 7);\n        }\n        .indent-8 {\n          margin-left: calc(var(--site-children-block-indent) * 8);\n        }\n        .indent-9 {\n          margin-left: calc(var(--site-children-block-indent) * 9);\n        }\n        .indent-10 {\n          margin-left: calc(var(--site-children-block-indent) * 10);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_d8f81a301f2611eda0c389891c227ec8 || (_templateObject3_d8f81a301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --site-children-block-indent: 16px;\n          --site-children-block-link-active-bg: rgba(255, 255, 255, 0.1);\n          transition: 0.2s opacity linear;\n          opacity: 1;\n        }\n        :host([edit-mode]) {\n          opacity: 0.2;\n          pointer-events: none;\n        }\n        .link {\n          display: block;\n          color: var(--site-children-block-link-color, #444444);\n        }\n        button {\n          text-transform: unset;\n          min-width: unset;\n          width: 100%;\n          margin: 0;\n          border-radius: 0;\n          justify-content: flex-start;\n          background-color: transparent;\n          border: none;\n          color: inherit;\n        }\n\n        .active {\n          color: var(--site-children-block-link-active-color, #000000);\n          background-color: var(--site-children-block-link-active-bg);\n        }\n        .spacing .indent {\n          display: inline-flex;\n        }\n        .indent-1 {\n          margin-left: calc(var(--site-children-block-indent) * 1);\n        }\n        .indent-2 {\n          margin-left: calc(var(--site-children-block-indent) * 2);\n        }\n        .indent-3 {\n          margin-left: calc(var(--site-children-block-indent) * 3);\n        }\n        .indent-4 {\n          margin-left: calc(var(--site-children-block-indent) * 4);\n        }\n        .indent-5 {\n          margin-left: calc(var(--site-children-block-indent) * 5);\n        }\n        .indent-6 {\n          margin-left: calc(var(--site-children-block-indent) * 6);\n        }\n        .indent-7 {\n          margin-left: calc(var(--site-children-block-indent) * 7);\n        }\n        .indent-8 {\n          margin-left: calc(var(--site-children-block-indent) * 8);\n        }\n        .indent-9 {\n          margin-left: calc(var(--site-children-block-indent) * 9);\n        }\n        .indent-10 {\n          margin-left: calc(var(--site-children-block-indent) * 10);\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-outline-block.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-outline-block.js
index 643c661f6b4..457051c8dca 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-outline-block.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-outline-block.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../../
   });
   _exports.SiteOutlineBlock = void 0;
 
-  var _templateObject_017bd1701f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8fb27701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -145,7 +145,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../../
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_017bd1701f0611ed8cc3e9a95995ad69 || (_templateObject_017bd1701f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --site-top-menu-bg: var(--haxcms-color, #ffffff);\n          --site-top-menu-indicator-arrow: 6px;\n        }\n        :host([sticky]) {\n          position: fixed;\n          top: 0;\n          left: 0;\n          right: 0;\n          z-index: 1000;\n          @apply --site-top-menu-sticky;\n        }\n        .wrapper {\n          display: flex;\n          justify-content: center;\n          justify-items: space-evenly;\n          background-color: var(--site-top-menu-bg);\n          @apply --site-top-menu-wrapper;\n        }\n        :host .wrapper ::slotted(div.spacing) {\n          display: inline-flex;\n          @apply --site-top-menu-spacing;\n        }\n        .spacing {\n          display: inline-flex;\n          @apply --site-top-menu-spacing;\n        }\n        .link {\n          color: var(--site-top-menu-link-color, #444444);\n          @apply --site-top-menu-link;\n        }\n        button {\n          text-transform: unset;\n          min-width: unset;\n          @apply --site-top-menu-button;\n        }\n        button:hover,\n        button:focus,\n        button:active {\n          @apply --site-top-menu-button-hover;\n        }\n        .active {\n          color: var(--site-top-menu-link-active-color, #000000);\n          @apply --site-top-menu-link-active;\n        }\n        #indicator {\n          transition: 0.4s ease-in-out all;\n          transition-delay: 0.2s;\n          position: relative;\n          width: 0;\n          height: 0;\n          visibility: hidden;\n        }\n        :host([indicator=\"line\"]) #indicator {\n          border-bottom: 2px solid var(--site-top-menu-indicator-color, #000000);\n          @apply --site-top-menu-indicator;\n        }\n        :host([indicator=\"arrow\"]) #indicator {\n          border-left: var(--site-top-menu-indicator-arrow) solid transparent;\n          border-right: var(--site-top-menu-indicator-arrow) solid transparent;\n          border-bottom: var(--site-top-menu-indicator-arrow) solid\n            var(--site-top-menu-indicator-color, #000000);\n          @apply --site-top-menu-indicator;\n        }\n        #indicator.activated {\n          visibility: visible;\n          position: absolute;\n          @apply --site-top-menu-indicator-activated;\n        }\n        :host([notitle]) .spacing .link-title {\n          display: none;\n        }\n        .spacing .link-index {\n          display: none;\n        }\n        :host([showindex]) .spacing .link-index {\n          display: inline-flex;\n        }\n      </style>\n      <div class=\"wrapper\">\n        <slot name=\"prefix\"></slot>\n        <site-query\n          result=\"{{__items}}\"\n          sort='{\"order\": \"ASC\"}'\n          conditions='{\"parent\": null}'\n        ></site-query>\n        <dom-repeat items=\"[[__items]]\" mutable-data>\n          <template>\n            <div class=\"spacing\">\n              <a\n                data-id$=\"[[item.id]]\"\n                class=\"link\"\n                tabindex=\"-1\"\n                title$=\"Go to [[item.title]]\"\n                href$=\"[[item.slug]]\"\n                ><button noink=\"[[noink]]\">\n                  <span class=\"link-index\">[[humanIndex(index)]]</span\n                  ><span class=\"link-title\">[[item.title]]</span>\n                </button></a\n              >\n            </div>\n          </template>\n        </dom-repeat>\n        <slot name=\"suffix\"></slot>\n      </div>\n      <div id=\"indicator\"></div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_d8fb27701f2611eda0c389891c227ec8 || (_templateObject_d8fb27701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --site-top-menu-bg: var(--haxcms-color, #ffffff);\n          --site-top-menu-indicator-arrow: 6px;\n        }\n        :host([sticky]) {\n          position: fixed;\n          top: 0;\n          left: 0;\n          right: 0;\n          z-index: 1000;\n          @apply --site-top-menu-sticky;\n        }\n        .wrapper {\n          display: flex;\n          justify-content: center;\n          justify-items: space-evenly;\n          background-color: var(--site-top-menu-bg);\n          @apply --site-top-menu-wrapper;\n        }\n        :host .wrapper ::slotted(div.spacing) {\n          display: inline-flex;\n          @apply --site-top-menu-spacing;\n        }\n        .spacing {\n          display: inline-flex;\n          @apply --site-top-menu-spacing;\n        }\n        .link {\n          color: var(--site-top-menu-link-color, #444444);\n          @apply --site-top-menu-link;\n        }\n        button {\n          text-transform: unset;\n          min-width: unset;\n          @apply --site-top-menu-button;\n        }\n        button:hover,\n        button:focus,\n        button:active {\n          @apply --site-top-menu-button-hover;\n        }\n        .active {\n          color: var(--site-top-menu-link-active-color, #000000);\n          @apply --site-top-menu-link-active;\n        }\n        #indicator {\n          transition: 0.4s ease-in-out all;\n          transition-delay: 0.2s;\n          position: relative;\n          width: 0;\n          height: 0;\n          visibility: hidden;\n        }\n        :host([indicator=\"line\"]) #indicator {\n          border-bottom: 2px solid var(--site-top-menu-indicator-color, #000000);\n          @apply --site-top-menu-indicator;\n        }\n        :host([indicator=\"arrow\"]) #indicator {\n          border-left: var(--site-top-menu-indicator-arrow) solid transparent;\n          border-right: var(--site-top-menu-indicator-arrow) solid transparent;\n          border-bottom: var(--site-top-menu-indicator-arrow) solid\n            var(--site-top-menu-indicator-color, #000000);\n          @apply --site-top-menu-indicator;\n        }\n        #indicator.activated {\n          visibility: visible;\n          position: absolute;\n          @apply --site-top-menu-indicator-activated;\n        }\n        :host([notitle]) .spacing .link-title {\n          display: none;\n        }\n        .spacing .link-index {\n          display: none;\n        }\n        :host([showindex]) .spacing .link-index {\n          display: inline-flex;\n        }\n      </style>\n      <div class=\"wrapper\">\n        <slot name=\"prefix\"></slot>\n        <site-query\n          result=\"{{__items}}\"\n          sort='{\"order\": \"ASC\"}'\n          conditions='{\"parent\": null}'\n        ></site-query>\n        <dom-repeat items=\"[[__items]]\" mutable-data>\n          <template>\n            <div class=\"spacing\">\n              <a\n                data-id$=\"[[item.id]]\"\n                class=\"link\"\n                tabindex=\"-1\"\n                title$=\"Go to [[item.title]]\"\n                href$=\"[[item.slug]]\"\n                ><button noink=\"[[noink]]\">\n                  <span class=\"link-index\">[[humanIndex(index)]]</span\n                  ><span class=\"link-title\">[[item.title]]</span>\n                </button></a\n              >\n            </div>\n          </template>\n        </dom-repeat>\n        <slot name=\"suffix\"></slot>\n      </div>\n      <div id=\"indicator\"></div>\n    "])));
       }
       /**
        * Props
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-recent-content-block.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-recent-content-block.js
index 7eb637af671..1c108ff464a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-recent-content-block.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/blocks/site-recent-content-block.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../../
   });
   _exports.SiteRecentContentBlock = void 0;
 
-  var _templateObject_017f05c01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d8fd98701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -104,7 +104,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../../
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_017f05c01f0611ed8cc3e9a95995ad69 || (_templateObject_017f05c01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          background-color: #fff;\n          box-shadow: 0 1px 2px #dcdcdc;\n          padding: 10px;\n          margin-top: 10px;\n          --site-recent-content-block-header-color: #363533;\n          --site-recent-content-block-item-link-color: #363533;\n        }\n        .header h3 {\n          font-size: 26px;\n          margin: 0 0 10px;\n          color: var(--site-recent-content-block-header-color);\n        }\n        .item-wrap {\n          display: flex;\n          align-items: center;\n          border-bottom: solid 1px #dcdcdc;\n          padding-bottom: 8px;\n          padding-top: 8px;\n          @apply --site-recent-content-block-item-wrap;\n        }\n        .item-heading a {\n          text-decoration: none;\n          text-transform: none;\n          color: var(--site-recent-content-block-item-link-color);\n          font-size: 16px;\n          @apply --site-recent-content-block-item-link;\n        }\n        .item-heading a:hover,\n        .item-heading a:focus,\n        .item-heading a:active {\n          @apply --site-recent-content-block-item-link-hover;\n        }\n        .active {\n          border-left: solid;\n          border-left-width: 4px;\n          border-left-color: var(--site-recent-content-block-active-color);\n          background-color: whitesmoke;\n          padding-left: 5px;\n          @apply --site-recent-content-block-item-active;\n        }\n        .image-wrapper {\n          display: flex;\n          margin-right: 10px;\n          @apply --site-recent-content-block-image-wrapper;\n        }\n        .image-wrapper img.image {\n          height: 50px;\n          width: 50px;\n          @apply --site-recent-content-block-image;\n        }\n      </style>\n      <aside>\n        <div class=\"header\">\n          <h3>[[title]]</h3>\n        </div>\n        <site-query\n          result=\"{{__items}}\"\n          sort=\"[[sort]]\"\n          conditions=\"[[conditions]]\"\n          limit=\"[[limit]]\"\n          start-index=\"[[startIndex]]\"\n        >\n        </site-query>\n        <dom-repeat items=\"[[__items]]\" mutable-data>\n          <template>\n            <div class=\"item-wrap\" data-id$=\"[[item.id]]\">\n              <div class=\"image-wrapper\">\n                <img\n                  class=\"image\"\n                  loading=\"lazy\"\n                  src=\"[[item.metadata.fields.image]]\"\n                />\n              </div>\n              <div class=\"item-heading\">\n                <a href$=\"[[item.slug]]\">[[item.title]]</a>\n              </div>\n            </div>\n          </template>\n        </dom-repeat>\n      </aside>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_d8fd98701f2611eda0c389891c227ec8 || (_templateObject_d8fd98701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          background-color: #fff;\n          box-shadow: 0 1px 2px #dcdcdc;\n          padding: 10px;\n          margin-top: 10px;\n          --site-recent-content-block-header-color: #363533;\n          --site-recent-content-block-item-link-color: #363533;\n        }\n        .header h3 {\n          font-size: 26px;\n          margin: 0 0 10px;\n          color: var(--site-recent-content-block-header-color);\n        }\n        .item-wrap {\n          display: flex;\n          align-items: center;\n          border-bottom: solid 1px #dcdcdc;\n          padding-bottom: 8px;\n          padding-top: 8px;\n          @apply --site-recent-content-block-item-wrap;\n        }\n        .item-heading a {\n          text-decoration: none;\n          text-transform: none;\n          color: var(--site-recent-content-block-item-link-color);\n          font-size: 16px;\n          @apply --site-recent-content-block-item-link;\n        }\n        .item-heading a:hover,\n        .item-heading a:focus,\n        .item-heading a:active {\n          @apply --site-recent-content-block-item-link-hover;\n        }\n        .active {\n          border-left: solid;\n          border-left-width: 4px;\n          border-left-color: var(--site-recent-content-block-active-color);\n          background-color: whitesmoke;\n          padding-left: 5px;\n          @apply --site-recent-content-block-item-active;\n        }\n        .image-wrapper {\n          display: flex;\n          margin-right: 10px;\n          @apply --site-recent-content-block-image-wrapper;\n        }\n        .image-wrapper img.image {\n          height: 50px;\n          width: 50px;\n          @apply --site-recent-content-block-image;\n        }\n      </style>\n      <aside>\n        <div class=\"header\">\n          <h3>[[title]]</h3>\n        </div>\n        <site-query\n          result=\"{{__items}}\"\n          sort=\"[[sort]]\"\n          conditions=\"[[conditions]]\"\n          limit=\"[[limit]]\"\n          start-index=\"[[startIndex]]\"\n        >\n        </site-query>\n        <dom-repeat items=\"[[__items]]\" mutable-data>\n          <template>\n            <div class=\"item-wrap\" data-id$=\"[[item.id]]\">\n              <div class=\"image-wrapper\">\n                <img\n                  class=\"image\"\n                  loading=\"lazy\"\n                  src=\"[[item.metadata.fields.image]]\"\n                />\n              </div>\n              <div class=\"item-heading\">\n                <a href$=\"[[item.slug]]\">[[item.title]]</a>\n              </div>\n            </div>\n          </template>\n        </dom-repeat>\n      </aside>\n    "])));
       }
       /**
        * Props
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-drawer.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-drawer.js
index beec87bc1ee..348e4758da7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-drawer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-drawer.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../../../simple
   _exports.SiteDrawer = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_018128a01f0611ed8cc3e9a95995ad69, _templateObject2_018128a01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d90030801f2611eda0c389891c227ec8, _templateObject2_d90030801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -54,7 +54,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../../../simple
     babelHelpers.createClass(SiteDrawer, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_018128a01f0611ed8cc3e9a95995ad69 || (_templateObject_018128a01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button\n        icon=\"", "\"\n        @click=\"", "\"\n      ></simple-icon-button>\n      <app-drawer align=\"", "\">\n        <div class=\"drawer-contents\"><slot></slot></div>\n      </app-drawer>\n    "])), this.icon, this.toggle, this.align);
+        return (0, _index.html)(_templateObject_d90030801f2611eda0c389891c227ec8 || (_templateObject_d90030801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button\n        icon=\"", "\"\n        @click=\"", "\"\n      ></simple-icon-button>\n      <app-drawer align=\"", "\">\n        <div class=\"drawer-contents\"><slot></slot></div>\n      </app-drawer>\n    "])), this.icon, this.toggle, this.align);
       }
     }, {
       key: "toggle",
@@ -68,7 +68,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../../../simple
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_018128a01f0611ed8cc3e9a95995ad69 || (_templateObject2_018128a01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        .drawer-contents {\n          height: 100%;\n          overflow-y: auto;\n          padding: 16px;\n        }\n        simple-icon-button {\n          color: var(--site-drawer-button-color, #ffffff);\n        }\n        app-drawer {\n          background-color: #eeeeee;\n          --app-drawer-scrim-background: #eeeeee;\n          --app-drawer-width: var(--site-drawer-width, 300px);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_d90030801f2611eda0c389891c227ec8 || (_templateObject2_d90030801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        .drawer-contents {\n          height: 100%;\n          overflow-y: auto;\n          padding: 16px;\n        }\n        simple-icon-button {\n          color: var(--site-drawer-button-color, #ffffff);\n        }\n        app-drawer {\n          background-color: #eeeeee;\n          --app-drawer-scrim-background: #eeeeee;\n          --app-drawer-width: var(--site-drawer-width, 300px);\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-footer.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-footer.js
index 84153f5d644..53f338bab97 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-footer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-footer.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
   _exports.SiteFooter = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_0183e7c01f0611ed8cc3e9a95995ad69, _templateObject2_0183e7c01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d902c8901f2611eda0c389891c227ec8, _templateObject2_d902c8901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -44,7 +44,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
     babelHelpers.createClass(SiteFooter, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_0183e7c01f0611ed8cc3e9a95995ad69 || (_templateObject_0183e7c01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <license-element\n          .title=\"", "\"\n          .creator=\"", "\"\n          .source=\"", "\"\n          .license=\"", "\"\n        >\n        </license-element>\n      </div>\n    "])), this.siteTitle, this.manifest.author, this.manifest.domain, this.manifest.license);
+        return (0, _index.html)(_templateObject_d902c8901f2611eda0c389891c227ec8 || (_templateObject_d902c8901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <license-element\n          .title=\"", "\"\n          .creator=\"", "\"\n          .source=\"", "\"\n          .license=\"", "\"\n        >\n        </license-element>\n      </div>\n    "])), this.siteTitle, this.manifest.author, this.manifest.domain, this.manifest.license);
       }
     }, {
       key: "connectedCallback",
@@ -81,7 +81,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_0183e7c01f0611ed8cc3e9a95995ad69 || (_templateObject2_0183e7c01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          transition: 0.2s opacity linear;\n          opacity: 1;\n        }\n        :host([edit-mode]) {\n          opacity: 0.2;\n          pointer-events: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_d902c8901f2611eda0c389891c227ec8 || (_templateObject2_d902c8901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          transition: 0.2s opacity linear;\n          opacity: 1;\n        }\n        :host([edit-mode]) {\n          opacity: 0.2;\n          pointer-events: none;\n        }\n      "])))];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-modal.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-modal.js
index 1bc38a9257c..400b0a4ffdb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-modal.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/layout/site-modal.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../simple-modal/lib/
   });
   _exports.SiteModal = void 0;
 
-  var _templateObject_01876a301f0611ed8cc3e9a95995ad69, _templateObject2_01876a301f0611ed8cc3e9a95995ad69;
+  var _templateObject_d9064b001f2611eda0c389891c227ec8, _templateObject2_d9064b001f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -44,7 +44,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../simple-modal/lib/
     babelHelpers.createClass(SiteModal, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_01876a301f0611ed8cc3e9a95995ad69 || (_templateObject_01876a301f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button-lite\n        .part=\"", "\"\n        ?disabled=\"", "\"\n        id=\"btn\"\n        @click=\"", "\"\n        .icon=\"", "\"\n        .title=\"", "\"\n      ></simple-icon-button-lite>\n      <simple-tooltip for=\"btn\" .position=\"", "\" offset=\"14\">\n        ", "\n      </simple-tooltip>\n      <simple-modal-template id=\"smt\" .title=\"", "\">\n        <div id=\"content\" slot=\"content\"></div>\n      </simple-modal-template>\n    "])), this.editMode ? "edit-mode-active" : "", this.editMode, this.fireEvent, this.icon, this.buttonLabel, this.position, this.buttonLabel, this.title);
+        return (0, _index.html)(_templateObject_d9064b001f2611eda0c389891c227ec8 || (_templateObject_d9064b001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button-lite\n        .part=\"", "\"\n        ?disabled=\"", "\"\n        id=\"btn\"\n        @click=\"", "\"\n        .icon=\"", "\"\n        .title=\"", "\"\n      ></simple-icon-button-lite>\n      <simple-tooltip for=\"btn\" .position=\"", "\" offset=\"14\">\n        ", "\n      </simple-tooltip>\n      <simple-modal-template id=\"smt\" .title=\"", "\">\n        <div id=\"content\" slot=\"content\"></div>\n      </simple-modal-template>\n    "])), this.editMode ? "edit-mode-active" : "", this.editMode, this.fireEvent, this.icon, this.buttonLabel, this.position, this.buttonLabel, this.title);
       }
       /**
        * Fire an event for things to react to above us; useful for lazy loading
@@ -86,7 +86,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../simple-modal/lib/
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteModal), "styles", this)), [(0, _index.css)(_templateObject2_01876a301f0611ed8cc3e9a95995ad69 || (_templateObject2_01876a301f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        simple-icon-button-lite {\n          color: var(--site-modal-icon-color);\n        }\n        simple-modal-template {\n          --simple-modal-width: 50vw;\n          --simple-modal-height: 50vh;\n          --simple-modal-min-width: 50vw;\n          --simple-modal-min-height: 50vh;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteModal), "styles", this)), [(0, _index.css)(_templateObject2_d9064b001f2611eda0c389891c227ec8 || (_templateObject2_d9064b001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        simple-icon-button-lite {\n          color: var(--site-modal-icon-color);\n        }\n        simple-modal-template {\n          --simple-modal-width: 50vw;\n          --simple-modal-height: 50vh;\n          --simple-modal-min-width: 50vw;\n          --simple-modal-min-height: 50vh;\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/magic/active-when-visible.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/magic/active-when-visible.js
index ddae06aa48b..a7685ffa30d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/magic/active-when-visible.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/magic/active-when-visible.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
   });
   _exports.ActiveWhenVisible = void 0;
 
-  var _templateObject_018a9e801f0611ed8cc3e9a95995ad69, _templateObject2_018a9e801f0611ed8cc3e9a95995ad69;
+  var _templateObject_d9097f501f2611eda0c389891c227ec8, _templateObject2_d9097f501f2611eda0c389891c227ec8;
 
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -45,7 +45,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_018a9e801f0611ed8cc3e9a95995ad69 || (_templateObject_018a9e801f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <a\n          id=\"a\"\n          .href=\"", "\"\n          .name=\"#", "\"\n          aria-hidden=\"true\"\n        ></a>\n        <slot></slot>\n      </div>\n    "])), this._a, this.itemId);
+        return (0, _index.html)(_templateObject_d9097f501f2611eda0c389891c227ec8 || (_templateObject_d9097f501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <a\n          id=\"a\"\n          .href=\"", "\"\n          .name=\"#", "\"\n          aria-hidden=\"true\"\n        ></a>\n        <slot></slot>\n      </div>\n    "])), this._a, this.itemId);
       }
     }, {
       key: "updated",
@@ -114,7 +114,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_018a9e801f0611ed8cc3e9a95995ad69 || (_templateObject2_018a9e801f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        a {\n          height: 10px;\n          width: 10px;\n          float: left;\n          pointer-events: none;\n          background-color: transparent;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_d9097f501f2611eda0c389891c227ec8 || (_templateObject2_d9097f501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        a {\n          height: 10px;\n          width: 10px;\n          float: left;\n          pointer-events: none;\n          background-color: transparent;\n        }\n      "])))];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-breadcrumb.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-breadcrumb.js
index f6342d5d779..90aff3b1e90 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-breadcrumb.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-breadcrumb.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
   });
   _exports.SiteBreadcrumb = void 0;
 
-  var _templateObject_019881301f0611ed8cc3e9a95995ad69, _templateObject2_019881301f0611ed8cc3e9a95995ad69;
+  var _templateObject_d90d76f01f2611eda0c389891c227ec8, _templateObject2_d90d76f01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -36,7 +36,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
     babelHelpers.createClass(SiteBreadcrumb, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_019881301f0611ed8cc3e9a95995ad69 || (_templateObject_019881301f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        id=\"space\"\n        itemscope\n        itemtype=\"http://data-vocabulary.org/Breadcrumb\"\n      ></div>\n    "])));
+        return (0, _index.html)(_templateObject_d90d76f01f2611eda0c389891c227ec8 || (_templateObject_d90d76f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        id=\"space\"\n        itemscope\n        itemtype=\"http://data-vocabulary.org/Breadcrumb\"\n      ></div>\n    "])));
       }
     }, {
       key: "firstUpdated",
@@ -150,7 +150,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_019881301f0611ed8cc3e9a95995ad69 || (_templateObject2_019881301f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: var(--site-breadcrumb-font-size, 16px);\n          color: var(--site-breadcrumb-color, #383f45);\n        }\n        a {\n          display: inline-flex;\n          font-size: var(--site-breadcrumb-font-size, 16px);\n          color: inherit;\n          display: inline-flex;\n          padding: 0 8px 0 0;\n          vertical-align: text-top;\n          text-decoration: var(--site-breadcrumb-text-decoration, underline);\n        }\n        button {\n          margin: 0;\n          padding: 0;\n          font-size: var(--site-breadcrumb-font-size, 16px);\n          font-family: inherit;\n          min-width: unset;\n          display: inline-flex;\n          text-transform: unset;\n          background-color: transparent;\n          border: none;\n          letter-spacing: inherit;\n          cursor: pointer;\n          color: inherit;\n        }\n        a:hover,\n        a:focus,\n        a:active,\n        button:hover,\n        button:focus,\n        button:active {\n          background-color: var(--site-breadcrumb-hover-bg, transparent);\n          color: var(--site-breadcrumb-hover-color, #222222);\n        }\n        span {\n          margin: 0;\n          font-size: var(--site-breadcrumb-font-size, 16px);\n          padding: 0 8px 0 0;\n          height: 24px;\n          display: inline-flex;\n        }\n        simple-icon-lite {\n          display: inline-flex;\n          --simple-icon-height: 24px;\n          --simple-icon-width: 24px;\n          padding: 0 8px 0 0;\n          color: inherit;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_d90d76f01f2611eda0c389891c227ec8 || (_templateObject2_d90d76f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: var(--site-breadcrumb-font-size, 16px);\n          color: var(--site-breadcrumb-color, #383f45);\n        }\n        a {\n          display: inline-flex;\n          font-size: var(--site-breadcrumb-font-size, 16px);\n          color: inherit;\n          display: inline-flex;\n          padding: 0 8px 0 0;\n          vertical-align: text-top;\n          text-decoration: var(--site-breadcrumb-text-decoration, underline);\n        }\n        button {\n          margin: 0;\n          padding: 0;\n          font-size: var(--site-breadcrumb-font-size, 16px);\n          font-family: inherit;\n          min-width: unset;\n          display: inline-flex;\n          text-transform: unset;\n          background-color: transparent;\n          border: none;\n          letter-spacing: inherit;\n          cursor: pointer;\n          color: inherit;\n        }\n        a:hover,\n        a:focus,\n        a:active,\n        button:hover,\n        button:focus,\n        button:active {\n          background-color: var(--site-breadcrumb-hover-bg, transparent);\n          color: var(--site-breadcrumb-hover-color, #222222);\n        }\n        span {\n          margin: 0;\n          font-size: var(--site-breadcrumb-font-size, 16px);\n          padding: 0 8px 0 0;\n          height: 24px;\n          display: inline-flex;\n        }\n        simple-icon-lite {\n          display: inline-flex;\n          --simple-icon-height: 24px;\n          --simple-icon-width: 24px;\n          padding: 0 8px 0 0;\n          color: inherit;\n        }\n      "])))];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-dot-indicator.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-dot-indicator.js
index 22e8040f2ba..3ef990a36ee 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-dot-indicator.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-dot-indicator.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
   });
   _exports.SiteDotIndicator = void 0;
 
-  var _templateObject_019c51c01f0611ed8cc3e9a95995ad69, _templateObject2_019c51c01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d9105d201f2611eda0c389891c227ec8, _templateObject2_d9105d201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -41,7 +41,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_019c51c01f0611ed8cc3e9a95995ad69 || (_templateObject_019c51c01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <ol id=\"list\"></ol> "])));
+        return (0, _index.html)(_templateObject_d9105d201f2611eda0c389891c227ec8 || (_templateObject_d9105d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <ol id=\"list\"></ol> "])));
       }
       /**
        * Props
@@ -154,7 +154,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_019c51c01f0611ed8cc3e9a95995ad69 || (_templateObject2_019c51c01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --site-dot-indicator-color: white;\n        }\n        :host([sticky=\"left\"]) {\n          position: fixed;\n          left: 8px;\n          z-index: 1000;\n          top: 25vh;\n        }\n        :host([sticky=\"right\"]) {\n          position: fixed;\n          right: 8px;\n          z-index: 1000;\n          top: 25vh;\n        }\n        :host([sticky=\"left\"]) ol,\n        :host([sticky=\"right\"]) ol {\n          display: grid;\n        }\n        ol {\n          padding-left: 0;\n          margin-left: 0;\n        }\n        li {\n          transition: 0.3s all ease-in-out;\n          display: inline-block;\n          width: 10px;\n          height: 10px;\n          margin: 2px;\n          text-indent: -999px;\n          cursor: pointer;\n          background-color: rgba(0, 0, 0, 0.1);\n          border: 1px solid var(--site-dot-indicator-color);\n          border-radius: 10px;\n        }\n        a {\n          width: 12px;\n          height: 12px;\n          display: block;\n          margin: 0;\n          padding: 0;\n        }\n        .active {\n          width: 12px;\n          height: 12px;\n          margin: 1px;\n          background-color: var(--site-dot-indicator-color);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_d9105d201f2611eda0c389891c227ec8 || (_templateObject2_d9105d201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --site-dot-indicator-color: white;\n        }\n        :host([sticky=\"left\"]) {\n          position: fixed;\n          left: 8px;\n          z-index: 1000;\n          top: 25vh;\n        }\n        :host([sticky=\"right\"]) {\n          position: fixed;\n          right: 8px;\n          z-index: 1000;\n          top: 25vh;\n        }\n        :host([sticky=\"left\"]) ol,\n        :host([sticky=\"right\"]) ol {\n          display: grid;\n        }\n        ol {\n          padding-left: 0;\n          margin-left: 0;\n        }\n        li {\n          transition: 0.3s all ease-in-out;\n          display: inline-block;\n          width: 10px;\n          height: 10px;\n          margin: 2px;\n          text-indent: -999px;\n          cursor: pointer;\n          background-color: rgba(0, 0, 0, 0.1);\n          border: 1px solid var(--site-dot-indicator-color);\n          border-radius: 10px;\n        }\n        a {\n          width: 12px;\n          height: 12px;\n          display: block;\n          margin: 0;\n          padding: 0;\n        }\n        .active {\n          width: 12px;\n          height: 12px;\n          margin: 1px;\n          background-color: var(--site-dot-indicator-color);\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-button.js
index fec397f6350..afaf57dbce7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-button.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
   _exports.SiteMenuButton = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_01a293501f0611ed8cc3e9a95995ad69, _templateObject2_01a293501f0611ed8cc3e9a95995ad69, _templateObject3_01a293501f0611ed8cc3e9a95995ad69;
+  var _templateObject_d91677a01f2611eda0c389891c227ec8, _templateObject2_d91677a01f2611eda0c389891c227ec8, _templateObject3_d91677a01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -68,7 +68,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
     babelHelpers.createClass(SiteMenuButton, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_01a293501f0611ed8cc3e9a95995ad69 || (_templateObject_01a293501f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a\n        tabindex=\"-1\"\n        ?disabled=\"", "\"\n        aria-disabled=\"", "\"\n        aria-label=\"", "\"\n        .part=\"", "\"\n      >\n        <button\n          id=\"menulink\"\n          noink\n          ?disabled=\"", "\"\n          ?raised=\"", "\"\n          aria-label=\"", "\"\n          .part=\"", "\"\n        >\n          <slot name=\"prefix\"></slot>\n          <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n          <slot name=\"suffix\"></slot>\n        </button>\n      </a>\n      ", "\n    "])), this.disabled, this.disabled, this.label, this.editMode ? "edit-mode-active" : "", this.disabled, this.raised, this.label, this.editMode ? "edit-mode-active" : "", this.icon, !this.hideLabel ? (0, _index.html)(_templateObject2_01a293501f0611ed8cc3e9a95995ad69 || (_templateObject2_01a293501f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <simple-tooltip\n              for=\"menulink\"\n              offset=\"8\"\n              .position=\"", "\"\n            >\n              ", "\n            </simple-tooltip>\n          "])), this.position, this.label) : "");
+        return (0, _index.html)(_templateObject_d91677a01f2611eda0c389891c227ec8 || (_templateObject_d91677a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a\n        tabindex=\"-1\"\n        ?disabled=\"", "\"\n        aria-disabled=\"", "\"\n        aria-label=\"", "\"\n        .part=\"", "\"\n      >\n        <button\n          id=\"menulink\"\n          noink\n          ?disabled=\"", "\"\n          ?raised=\"", "\"\n          aria-label=\"", "\"\n          .part=\"", "\"\n        >\n          <slot name=\"prefix\"></slot>\n          <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n          <slot name=\"suffix\"></slot>\n        </button>\n      </a>\n      ", "\n    "])), this.disabled, this.disabled, this.label, this.editMode ? "edit-mode-active" : "", this.disabled, this.raised, this.label, this.editMode ? "edit-mode-active" : "", this.icon, !this.hideLabel ? (0, _index.html)(_templateObject2_d91677a01f2611eda0c389891c227ec8 || (_templateObject2_d91677a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <simple-tooltip\n              for=\"menulink\"\n              offset=\"8\"\n              .position=\"", "\"\n            >\n              ", "\n            </simple-tooltip>\n          "])), this.position, this.label) : "");
       }
       /**
        * Props
@@ -220,7 +220,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenuButton), "styles", this)), [(0, _index.css)(_templateObject3_01a293501f0611ed8cc3e9a95995ad69 || (_templateObject3_01a293501f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n          opacity: 0.3;\n        }\n        a {\n          display: block;\n          height: 100%;\n          width: 100%;\n          color: var(--site-menu-button-link-color);\n          text-decoration: var(--site-menu-button-link-decoration, underline);\n        }\n        button {\n          display: flex;\n          cursor: pointer;\n          transition: 0.2s color linear;\n          min-width: unset;\n          background-color: var(\n            --site-menu-button-button-background-color,\n            transparent\n          );\n          border: 0;\n          border-radius: var(--site-menu-button-button-border-radius, 0);\n          height: var(--site-menu-button-button-height, 100%);\n          width: var(--site-menu-button-button-width, 100%);\n          justify-content: center;\n          align-items: center;\n          padding: 0;\n          margin: 0;\n        }\n        button:hover,\n        button:focus,\n        button:active {\n          color: var(--site-menu-button-button-hover-color, inherit);\n          outline: 2px solid var(--site-menu-button-button-hover-color, inherit);\n          outline-offset: 2px;\n          background-color: var(\n            --site-menu-button-button-hover-background-color,\n            inherit\n          );\n        }\n        button:hover simple-icon-lite,\n        button:focus simple-icon-lite,\n        button:active simple-icon-lite {\n          --simple-icon-fill-color: var(\n            --site-menu-button-button-hover-color,\n            black\n          );\n        }\n        simple-icon-lite {\n          display: block;\n          font-size: 16px;\n          --simple-icon-width: var(--site-menu-button-icon-width, 32px);\n          --simple-icon-height: var(--site-menu-button-icon-height, 32px);\n          color: var(--site-menu-button-icon-fill-color, black);\n        }\n        simple-tooltip {\n          --simple-tooltip-background: var(\n            --haxcms-tooltip-background-color,\n            #000000\n          );\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: var(--haxcms-tooltip-color, #ffffff);\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenuButton), "styles", this)), [(0, _index.css)(_templateObject3_d91677a01f2611eda0c389891c227ec8 || (_templateObject3_d91677a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n          opacity: 0.3;\n        }\n        a {\n          display: block;\n          height: 100%;\n          width: 100%;\n          color: var(--site-menu-button-link-color);\n          text-decoration: var(--site-menu-button-link-decoration, underline);\n        }\n        button {\n          display: flex;\n          cursor: pointer;\n          transition: 0.2s color linear;\n          min-width: unset;\n          background-color: var(\n            --site-menu-button-button-background-color,\n            transparent\n          );\n          border: 0;\n          border-radius: var(--site-menu-button-button-border-radius, 0);\n          height: var(--site-menu-button-button-height, 100%);\n          width: var(--site-menu-button-button-width, 100%);\n          justify-content: center;\n          align-items: center;\n          padding: 0;\n          margin: 0;\n        }\n        button:hover,\n        button:focus,\n        button:active {\n          color: var(--site-menu-button-button-hover-color, inherit);\n          outline: 2px solid var(--site-menu-button-button-hover-color, inherit);\n          outline-offset: 2px;\n          background-color: var(\n            --site-menu-button-button-hover-background-color,\n            inherit\n          );\n        }\n        button:hover simple-icon-lite,\n        button:focus simple-icon-lite,\n        button:active simple-icon-lite {\n          --simple-icon-fill-color: var(\n            --site-menu-button-button-hover-color,\n            black\n          );\n        }\n        simple-icon-lite {\n          display: block;\n          font-size: 16px;\n          --simple-icon-width: var(--site-menu-button-icon-width, 32px);\n          --simple-icon-height: var(--site-menu-button-icon-height, 32px);\n          color: var(--site-menu-button-icon-fill-color, black);\n        }\n        simple-tooltip {\n          --simple-tooltip-background: var(\n            --haxcms-tooltip-background-color,\n            #000000\n          );\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: var(--haxcms-tooltip-color, #ffffff);\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-content.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-content.js
index 59680070319..aee8d9a88e8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-content.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-content.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../page-contents-menu/page-contents-menu.js", "../.
   });
   _exports.SiteMenuContent = void 0;
 
-  var _templateObject_01a48f201f0611ed8cc3e9a95995ad69, _templateObject2_01a48f201f0611ed8cc3e9a95995ad69;
+  var _templateObject_d91873701f2611eda0c389891c227ec8, _templateObject2_d91873701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -60,7 +60,7 @@ define(["exports", "../../../../page-contents-menu/page-contents-menu.js", "../.
     babelHelpers.createClass(SiteMenuContent, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_01a48f201f0611ed8cc3e9a95995ad69 || (_templateObject_01a48f201f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div .part=\"", "\">\n        ", "\n      </div>\n    "])), this.editMode ? "edit-mode-active" : "", babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenuContent.prototype), "render", this).call(this));
+        return (0, _index.html)(_templateObject_d91873701f2611eda0c389891c227ec8 || (_templateObject_d91873701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div .part=\"", "\">\n        ", "\n      </div>\n    "])), this.editMode ? "edit-mode-active" : "", babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenuContent.prototype), "render", this).call(this));
       }
     }], [{
       key: "tag",
@@ -70,7 +70,7 @@ define(["exports", "../../../../page-contents-menu/page-contents-menu.js", "../.
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenuContent), "styles", this)), [(0, _index.css)(_templateObject2_01a48f201f0611ed8cc3e9a95995ad69 || (_templateObject2_01a48f201f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --page-contents-menu-link-hover: var(\n            --haxcms-color,\n            var(--simple-colors-default-theme-purple-7)\n          );\n        }\n        .contents {\n          max-height: 80vh;\n          border-bottom: 2px solid lightgray;\n          max-width: 240px;\n        }\n        @media screen and (max-width: 600px) {\n          .indent-1,\n          .indent-2,\n          .indent-3,\n          .indent-4,\n          .indent-5,\n          .indent-6 {\n            padding-left: 0;\n          }\n        }\n        :host([hide-if-empty][is-empty]) {\n          display: none !important;\n        }\n        :host([mobile]) .item {\n          max-width: 240px;\n        }\n        :host([mobile]) simple-popover {\n          --simple-popover-max-height: 200px;\n          --simple-popover-max-width: 240px;\n          overflow: hidden;\n          top: 0px !important;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenuContent), "styles", this)), [(0, _index.css)(_templateObject2_d91873701f2611eda0c389891c227ec8 || (_templateObject2_d91873701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --page-contents-menu-link-hover: var(\n            --haxcms-color,\n            var(--simple-colors-default-theme-purple-7)\n          );\n        }\n        .contents {\n          max-height: 80vh;\n          border-bottom: 2px solid lightgray;\n          max-width: 240px;\n        }\n        @media screen and (max-width: 600px) {\n          .indent-1,\n          .indent-2,\n          .indent-3,\n          .indent-4,\n          .indent-5,\n          .indent-6 {\n            padding-left: 0;\n          }\n        }\n        :host([hide-if-empty][is-empty]) {\n          display: none !important;\n        }\n        :host([mobile]) .item {\n          max-width: 240px;\n        }\n        :host([mobile]) simple-popover {\n          --simple-popover-max-height: 200px;\n          --simple-popover-max-width: 240px;\n          overflow: hidden;\n          top: 0px !important;\n        }\n      "])))]);
       }
     }]);
     return SiteMenuContent;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu.js
index 76ebe0ec8d6..a04e55c3769 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
   });
   _exports.SiteMenu = void 0;
 
-  var _templateObject_01a8d4e01f0611ed8cc3e9a95995ad69, _templateObject2_01a8d4e01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d91c6b101f2611eda0c389891c227ec8, _templateObject2_d91c6b101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -52,7 +52,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
     babelHelpers.createClass(SiteMenu, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_01a8d4e01f0611ed8cc3e9a95995ad69 || (_templateObject_01a8d4e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <map-menu\n        .part=\"map-menu ", "\"\n        .manifest=\"", "\"\n        ?active-indicator=\"", "\"\n        ?auto-scroll=\"", "\"\n        @active-item=\"", "\"\n      ></map-menu>\n    "])), this.editMode ? "edit-mode-active" : "", this.routerManifest, !this.hideActiveIndicator, !this.preventAutoScroll, this.mapMenuActiveChanged);
+        return (0, _index.html)(_templateObject_d91c6b101f2611eda0c389891c227ec8 || (_templateObject_d91c6b101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <map-menu\n        .part=\"map-menu ", "\"\n        .manifest=\"", "\"\n        ?active-indicator=\"", "\"\n        ?auto-scroll=\"", "\"\n        @active-item=\"", "\"\n      ></map-menu>\n    "])), this.editMode ? "edit-mode-active" : "", this.routerManifest, !this.hideActiveIndicator, !this.preventAutoScroll, this.mapMenuActiveChanged);
       }
     }, {
       key: "firstUpdated",
@@ -136,7 +136,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/haxcms-site-store.
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenu), "styles", this)), [(0, _index.css)(_templateObject2_01a8d4e01f0611ed8cc3e9a95995ad69 || (_templateObject2_01a8d4e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        map-menu {\n          padding: var(--site-menu-padding);\n          background-color: var(--site-menu-background-color);\n          color: var(--site-menu-color, inherit);\n          --map-menu-container-padding: var(--site-menu-container-padding);\n          --map-menu-container-background-color: var(\n            --site-menu-container-background-color\n          );\n          --map-menu-container-color: var(--site-menu-container-color);\n          --map-menu-item-active-item-color: var(\n            --site-menu-item-active-item-color\n          );\n          --map-menu-font-size: var(--site-menu-font-size);\n          overflow-y: auto;\n          overflow-x: hidden;\n          scrollbar-color: var(--site-menu-scrollbar-color, #252737);\n          scrollbar-width: thick;\n        }\n        map-menu:not(:defined) {\n          display: none;\n        }\n        map-menu::-webkit-scrollbar-track {\n          border-radius: 0;\n          background-color: var(--site-menu-scrollbar-color, #252737);\n        }\n\n        map-menu::-webkit-scrollbar {\n          width: 8px;\n          background-color: var(--site-menu-scrollbar-color, #252737);\n        }\n\n        map-menu::-webkit-scrollbar-thumb {\n          border-radius: 2px;\n          -webkit-box-shadow: inset 0 0 4px\n            var(--site-menu-scrollbar-thumb-color, #999999);\n          background-color: var(--site-menu-scrollbar-thumb-color, #999999);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenu), "styles", this)), [(0, _index.css)(_templateObject2_d91c6b101f2611eda0c389891c227ec8 || (_templateObject2_d91c6b101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        map-menu {\n          padding: var(--site-menu-padding);\n          background-color: var(--site-menu-background-color);\n          color: var(--site-menu-color, inherit);\n          --map-menu-container-padding: var(--site-menu-container-padding);\n          --map-menu-container-background-color: var(\n            --site-menu-container-background-color\n          );\n          --map-menu-container-color: var(--site-menu-container-color);\n          --map-menu-item-active-item-color: var(\n            --site-menu-item-active-item-color\n          );\n          --map-menu-font-size: var(--site-menu-font-size);\n          overflow-y: auto;\n          overflow-x: hidden;\n          scrollbar-color: var(--site-menu-scrollbar-color, #252737);\n          scrollbar-width: thick;\n        }\n        map-menu:not(:defined) {\n          display: none;\n        }\n        map-menu::-webkit-scrollbar-track {\n          border-radius: 0;\n          background-color: var(--site-menu-scrollbar-color, #252737);\n        }\n\n        map-menu::-webkit-scrollbar {\n          width: 8px;\n          background-color: var(--site-menu-scrollbar-color, #252737);\n        }\n\n        map-menu::-webkit-scrollbar-thumb {\n          border-radius: 2px;\n          -webkit-box-shadow: inset 0 0 4px\n            var(--site-menu-scrollbar-thumb-color, #999999);\n          background-color: var(--site-menu-scrollbar-thumb-color, #999999);\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-top-menu.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-top-menu.js
index 1d572df5544..8a1ad0baf35 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-top-menu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-top-menu.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
   _exports.SiteTopMenu = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_01ad68c01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d9214d101f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -180,7 +180,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_01ad68c01f0611ed8cc3e9a95995ad69 || (_templateObject_01ad68c01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --site-top-menu-bg: var(--haxcms-color, #ffffff);\n          --site-top-menu-indicator-arrow: 6px;\n          transition: 0.2s opacity linear;\n          opacity: 1;\n        }\n        :host([edit-mode]) {\n          opacity: 0.2;\n          pointer-events: none;\n        }\n        :host([sticky]) {\n          position: fixed;\n          top: 0;\n          left: 0;\n          right: 0;\n          z-index: 1000;\n          @apply --site-top-menu-sticky;\n        }\n        .wrapper {\n          display: flex;\n          justify-content: space-evenly;\n          background-color: var(--site-top-menu-bg);\n          @apply --site-top-menu-wrapper;\n        }\n        :host .wrapper ::slotted(div.spacing) {\n          display: inline-flex;\n          @apply --site-top-menu-spacing;\n        }\n        .spacing {\n          display: inline-flex;\n          @apply --site-top-menu-spacing;\n        }\n        .link {\n          color: var(--site-top-menu-link-color, #444444);\n          @apply --site-top-menu-link;\n        }\n        button {\n          text-transform: unset;\n          min-width: unset;\n          background-color: transparent;\n          border: none;\n          @apply --site-top-menu-button;\n        }\n        .active {\n          color: var(--site-top-menu-link-active-color, #000000);\n          @apply --site-top-menu-link-active;\n        }\n        #indicator {\n          transition: 0.4s ease-in-out left;\n          transition-delay: 0.2s;\n          position: relative;\n          width: 0;\n          height: 0;\n          visibility: hidden;\n        }\n        :host([indicator=\"line\"]) #indicator {\n          border-bottom: 2px solid var(--site-top-menu-indicator-color, #000000);\n          @apply --site-top-menu-indicator;\n        }\n        :host([indicator=\"arrow\"]) #indicator {\n          border-left: var(--site-top-menu-indicator-arrow) solid transparent;\n          border-right: var(--site-top-menu-indicator-arrow) solid transparent;\n          border-bottom: var(--site-top-menu-indicator-arrow) solid\n            var(--site-top-menu-indicator-color, #000000);\n          @apply --site-top-menu-indicator;\n        }\n        #indicator.activated {\n          visibility: visible;\n          position: absolute;\n          @apply --site-top-menu-indicator-activated;\n        }\n        :host([notitle]) .spacing .link-title {\n          display: none;\n        }\n        .spacing .link-index {\n          display: none;\n        }\n        :host([showindex]) .spacing .link-index {\n          display: inline-flex;\n        }\n        .mobiletitle,\n        simple-icon-button {\n          display: none;\n        }\n        @media screen and (max-width: 640px) {\n          .wrapper .spacing {\n            display: none;\n          }\n          .wrapper .mobiletitle,\n          .wrapper simple-icon-button {\n            display: inline-block;\n          }\n          .wrapper {\n            display: block;\n          }\n        }\n\n        @media screen and (max-width: 640px) {\n          #indicator {\n            display: none !important;\n          }\n          .wrapper.responsive {\n            position: relative;\n          }\n          .wrapper.responsive .spacing {\n            float: none;\n            display: block;\n            text-align: left;\n          }\n        }\n      </style>\n      <site-query\n        result=\"{{__items}}\"\n        sort=\"[[sort]]\"\n        conditions=\"[[conditions]]\"\n      ></site-query>\n      <div id=\"wrapper\" class=\"wrapper\">\n        <simple-icon-button\n          icon=\"menu\"\n          id=\"menu\"\n          title=\"Open navigation\"\n        ></simple-icon-button>\n        <span class=\"mobiletitle\">[[mobileTitle]]</span>\n        <slot name=\"prefix\"></slot>\n        <dom-repeat items=\"[[__items]]\" mutable-data>\n          <template>\n            <div class=\"spacing\">\n              <a\n                data-id$=\"[[item.id]]\"\n                class=\"link\"\n                tabindex=\"-1\"\n                title$=\"Go to [[item.title]]\"\n                href$=\"[[item.slug]]\"\n              >\n                <button id$=\"item-[[item.id]]\" noink=\"[[noink]]\">\n                  <span class=\"link-index\">[[humanIndex(index)]]</span>\n                  <span class=\"link-title\">[[item.title]]</span>\n                </button>\n              </a>\n            </div>\n          </template>\n        </dom-repeat>\n        <slot name=\"suffix\"></slot>\n      </div>\n      <div id=\"indicator\"></div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_d9214d101f2611eda0c389891c227ec8 || (_templateObject_d9214d101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --site-top-menu-bg: var(--haxcms-color, #ffffff);\n          --site-top-menu-indicator-arrow: 6px;\n          transition: 0.2s opacity linear;\n          opacity: 1;\n        }\n        :host([edit-mode]) {\n          opacity: 0.2;\n          pointer-events: none;\n        }\n        :host([sticky]) {\n          position: fixed;\n          top: 0;\n          left: 0;\n          right: 0;\n          z-index: 1000;\n          @apply --site-top-menu-sticky;\n        }\n        .wrapper {\n          display: flex;\n          justify-content: space-evenly;\n          background-color: var(--site-top-menu-bg);\n          @apply --site-top-menu-wrapper;\n        }\n        :host .wrapper ::slotted(div.spacing) {\n          display: inline-flex;\n          @apply --site-top-menu-spacing;\n        }\n        .spacing {\n          display: inline-flex;\n          @apply --site-top-menu-spacing;\n        }\n        .link {\n          color: var(--site-top-menu-link-color, #444444);\n          @apply --site-top-menu-link;\n        }\n        button {\n          text-transform: unset;\n          min-width: unset;\n          background-color: transparent;\n          border: none;\n          @apply --site-top-menu-button;\n        }\n        .active {\n          color: var(--site-top-menu-link-active-color, #000000);\n          @apply --site-top-menu-link-active;\n        }\n        #indicator {\n          transition: 0.4s ease-in-out left;\n          transition-delay: 0.2s;\n          position: relative;\n          width: 0;\n          height: 0;\n          visibility: hidden;\n        }\n        :host([indicator=\"line\"]) #indicator {\n          border-bottom: 2px solid var(--site-top-menu-indicator-color, #000000);\n          @apply --site-top-menu-indicator;\n        }\n        :host([indicator=\"arrow\"]) #indicator {\n          border-left: var(--site-top-menu-indicator-arrow) solid transparent;\n          border-right: var(--site-top-menu-indicator-arrow) solid transparent;\n          border-bottom: var(--site-top-menu-indicator-arrow) solid\n            var(--site-top-menu-indicator-color, #000000);\n          @apply --site-top-menu-indicator;\n        }\n        #indicator.activated {\n          visibility: visible;\n          position: absolute;\n          @apply --site-top-menu-indicator-activated;\n        }\n        :host([notitle]) .spacing .link-title {\n          display: none;\n        }\n        .spacing .link-index {\n          display: none;\n        }\n        :host([showindex]) .spacing .link-index {\n          display: inline-flex;\n        }\n        .mobiletitle,\n        simple-icon-button {\n          display: none;\n        }\n        @media screen and (max-width: 640px) {\n          .wrapper .spacing {\n            display: none;\n          }\n          .wrapper .mobiletitle,\n          .wrapper simple-icon-button {\n            display: inline-block;\n          }\n          .wrapper {\n            display: block;\n          }\n        }\n\n        @media screen and (max-width: 640px) {\n          #indicator {\n            display: none !important;\n          }\n          .wrapper.responsive {\n            position: relative;\n          }\n          .wrapper.responsive .spacing {\n            float: none;\n            display: block;\n            text-align: left;\n          }\n        }\n      </style>\n      <site-query\n        result=\"{{__items}}\"\n        sort=\"[[sort]]\"\n        conditions=\"[[conditions]]\"\n      ></site-query>\n      <div id=\"wrapper\" class=\"wrapper\">\n        <simple-icon-button\n          icon=\"menu\"\n          id=\"menu\"\n          title=\"Open navigation\"\n        ></simple-icon-button>\n        <span class=\"mobiletitle\">[[mobileTitle]]</span>\n        <slot name=\"prefix\"></slot>\n        <dom-repeat items=\"[[__items]]\" mutable-data>\n          <template>\n            <div class=\"spacing\">\n              <a\n                data-id$=\"[[item.id]]\"\n                class=\"link\"\n                tabindex=\"-1\"\n                title$=\"Go to [[item.title]]\"\n                href$=\"[[item.slug]]\"\n              >\n                <button id$=\"item-[[item.id]]\" noink=\"[[noink]]\">\n                  <span class=\"link-index\">[[humanIndex(index)]]</span>\n                  <span class=\"link-title\">[[item.title]]</span>\n                </button>\n              </a>\n            </div>\n          </template>\n        </dom-repeat>\n        <slot name=\"suffix\"></slot>\n      </div>\n      <div id=\"indicator\"></div>\n    "])));
       }
       /**
        * Props
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/query/site-render-query.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/query/site-render-query.js
index 6a9380868d2..e3d18fbfd7f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/query/site-render-query.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/query/site-render-query.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../../@polymer/iron-
   });
   _exports.SiteRenderQuery = void 0;
 
-  var _templateObject_019525d01f0611ed8cc3e9a95995ad69, _templateObject2_019525d01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d92a9be01f2611eda0c389891c227ec8, _templateObject2_d92a9be01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -40,7 +40,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../../@polymer/iron-
       key: "render",
       value: // render function, this is non-visual
       function render() {
-        return (0, _index.html)(_templateObject_019525d01f0611ed8cc3e9a95995ad69 || (_templateObject_019525d01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <site-query\n        .result=\"", "\"\n        @result-changed=\"", "\"\n        .sort=\"", "\"\n        .conditions=\"", "\"\n      ></site-query>\n      <iron-list\n        id=\"list\"\n        .items=\"", "\"\n        ?grid=\"", "\"\n        mutable-data\n      >\n        <slot></slot>\n      </iron-list>\n    "])), this.result, this.resultEvent, this.sort, this.conditions, this.__items, this.grid);
+        return (0, _index.html)(_templateObject_d92a9be01f2611eda0c389891c227ec8 || (_templateObject_d92a9be01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <site-query\n        .result=\"", "\"\n        @result-changed=\"", "\"\n        .sort=\"", "\"\n        .conditions=\"", "\"\n      ></site-query>\n      <iron-list\n        id=\"list\"\n        .items=\"", "\"\n        ?grid=\"", "\"\n        mutable-data\n      >\n        <slot></slot>\n      </iron-list>\n    "])), this.result, this.resultEvent, this.sort, this.conditions, this.__items, this.grid);
       }
     }, {
       key: "resultEvent",
@@ -75,7 +75,7 @@ define(["exports", "../../../../../lit/index.js", "../../../../../@polymer/iron-
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_019525d01f0611ed8cc3e9a95995ad69 || (_templateObject2_019525d01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_d92a9be01f2611eda0c389891c227ec8 || (_templateObject2_d92a9be01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-print-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-print-button.js
index 27eefe6041f..e4dfba7f7d7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-print-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-print-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/utils/HAXCMSThemeP
   });
   _exports.SitePrintButton = void 0;
 
-  var _templateObject_01b7a1f01f0611ed8cc3e9a95995ad69, _templateObject2_01b7a1f01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d9339c901f2611eda0c389891c227ec8, _templateObject2_d9339c901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -49,7 +49,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/utils/HAXCMSThemeP
     babelHelpers.createClass(SitePrintButton, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_01b7a1f01f0611ed8cc3e9a95995ad69 || (_templateObject_01b7a1f01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button-lite\n        .id=\"btn", "\"\n        icon=\"", "\"\n        @click=\"", "\"\n        label=\"", "\"\n        ?disabled=\"", "\"\n      ></simple-icon-button-lite>\n      <simple-tooltip\n        .for=\"btn", "\"\n        position=\"", "\"\n        offset=\"14\"\n      >\n        ", "\n      </simple-tooltip>\n    "])), this.type, this.icon, this.print, this.makeLabel(this.type, this.t), this.disabled, this.type, this.position, this.makeLabel(this.type, this.t));
+        return (0, _index.html)(_templateObject_d9339c901f2611eda0c389891c227ec8 || (_templateObject_d9339c901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button-lite\n        .id=\"btn", "\"\n        icon=\"", "\"\n        @click=\"", "\"\n        label=\"", "\"\n        ?disabled=\"", "\"\n      ></simple-icon-button-lite>\n      <simple-tooltip\n        .for=\"btn", "\"\n        position=\"", "\"\n        offset=\"14\"\n      >\n        ", "\n      </simple-tooltip>\n    "])), this.type, this.icon, this.print, this.makeLabel(this.type, this.t), this.disabled, this.type, this.position, this.makeLabel(this.type, this.t));
       }
     }, {
       key: "updated",
@@ -130,7 +130,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/utils/HAXCMSThemeP
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SitePrintButton), "styles", this)), [(0, _index.css)(_templateObject2_01b7a1f01f0611ed8cc3e9a95995ad69 || (_templateObject2_01b7a1f01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          text-rendering: optimizelegibility;\n          position: relative;\n          color: var(--site-print-button-color, inherit);\n        }\n        simple-icon-button {\n          color: var(--site-print-button-color, inherit);\n        }\n        simple-tooltip {\n          --simple-tooltip-background: var(\n            --haxcms-tooltip-background-color,\n            #000000\n          );\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: var(--haxcms-tooltip-color, #ffffff);\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SitePrintButton), "styles", this)), [(0, _index.css)(_templateObject2_d9339c901f2611eda0c389891c227ec8 || (_templateObject2_d9339c901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          text-rendering: optimizelegibility;\n          position: relative;\n          color: var(--site-print-button-color, inherit);\n        }\n        simple-icon-button {\n          color: var(--site-print-button-color, inherit);\n        }\n        simple-tooltip {\n          --simple-tooltip-background: var(\n            --haxcms-tooltip-background-color,\n            #000000\n          );\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: var(--haxcms-tooltip-color, #ffffff);\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-rss-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-rss-button.js
index d6e1c5a3751..53ffb49e31d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-rss-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-rss-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/utils/HAXCMSThemeP
   });
   _exports.SiteRSSButton = void 0;
 
-  var _templateObject_01bad6401f0611ed8cc3e9a95995ad69, _templateObject2_01bad6401f0611ed8cc3e9a95995ad69;
+  var _templateObject_d936f7f01f2611eda0c389891c227ec8, _templateObject2_d936f7f01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -49,7 +49,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/utils/HAXCMSThemeP
     babelHelpers.createClass(SiteRSSButton, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_01bad6401f0611ed8cc3e9a95995ad69 || (_templateObject_01bad6401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a\n        ?disabled=\"", "\"\n        tabindex=\"-1\"\n        href=\"", "\"\n        .id=\"btn", "\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        .part=\"", "\"\n      >\n        <simple-icon-button-lite\n          icon=\"", "\"\n          label=\"", "\"\n          @click=\"", "\"\n          ?disabled=\"", "\"\n          .part=\"", "\"\n        ></simple-icon-button-lite>\n      </a>\n      <simple-tooltip\n        .for=\"btn", "\"\n        position=\"", "\"\n        offset=\"14\"\n      >\n        ", "\n      </simple-tooltip>\n    "])), this.disabled, this.href, this.type, this.editMode ? "edit-mode-active" : "", this.icon, this._link.title, this.print, this.disabled, this.editMode ? "edit-mode-active" : "", this.type, this.position, this._link.title);
+        return (0, _index.html)(_templateObject_d936f7f01f2611eda0c389891c227ec8 || (_templateObject_d936f7f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a\n        ?disabled=\"", "\"\n        tabindex=\"-1\"\n        href=\"", "\"\n        .id=\"btn", "\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        .part=\"", "\"\n      >\n        <simple-icon-button-lite\n          icon=\"", "\"\n          label=\"", "\"\n          @click=\"", "\"\n          ?disabled=\"", "\"\n          .part=\"", "\"\n        ></simple-icon-button-lite>\n      </a>\n      <simple-tooltip\n        .for=\"btn", "\"\n        position=\"", "\"\n        offset=\"14\"\n      >\n        ", "\n      </simple-tooltip>\n    "])), this.disabled, this.href, this.type, this.editMode ? "edit-mode-active" : "", this.icon, this._link.title, this.print, this.disabled, this.editMode ? "edit-mode-active" : "", this.type, this.position, this._link.title);
       }
       /**
        * Mix in an opened status
@@ -114,7 +114,7 @@ define(["exports", "../../../../../lit/index.js", "../../core/utils/HAXCMSThemeP
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteRSSButton), "styles", this)), [(0, _index.css)(_templateObject2_01bad6401f0611ed8cc3e9a95995ad69 || (_templateObject2_01bad6401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          color: var(--site-rss-button-color, inherit);\n        }\n        a {\n          text-decoration: var(--site-rss-text-decoration);\n          outline: none;\n          color: var(--site-rss-button-color, inherit);\n        }\n        simple-icon-button-lite {\n          color: var(--site-rss-button-color, inherit);\n        }\n        simple-tooltip {\n          --simple-tooltip-background: var(\n            --haxcms-tooltip-background-color,\n            #000000\n          );\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: var(--haxcms-tooltip-color, #ffffff);\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SiteRSSButton), "styles", this)), [(0, _index.css)(_templateObject2_d936f7f01f2611eda0c389891c227ec8 || (_templateObject2_d936f7f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          color: var(--site-rss-button-color, inherit);\n        }\n        a {\n          text-decoration: var(--site-rss-text-decoration);\n          outline: none;\n          color: var(--site-rss-button-color, inherit);\n        }\n        simple-icon-button-lite {\n          color: var(--site-rss-button-color, inherit);\n        }\n        simple-tooltip {\n          --simple-tooltip-background: var(\n            --haxcms-tooltip-background-color,\n            #000000\n          );\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: var(--haxcms-tooltip-color, #ffffff);\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-search.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-search.js
index 79ffb64873d..82fea76341b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-search.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-search.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../../../simple
   _exports.SiteSearch = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_01c891e01f0611ed8cc3e9a95995ad69, _templateObject2_01c891e01f0611ed8cc3e9a95995ad69, _templateObject3_01c891e01f0611ed8cc3e9a95995ad69, _templateObject4_01c891e01f0611ed8cc3e9a95995ad69, _templateObject5_01c891e01f0611ed8cc3e9a95995ad69, _templateObject6_01c891e01f0611ed8cc3e9a95995ad69, _templateObject7_01c891e01f0611ed8cc3e9a95995ad69, _templateObject8_01c891e01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d94417501f2611eda0c389891c227ec8, _templateObject2_d94417501f2611eda0c389891c227ec8, _templateObject3_d94417501f2611eda0c389891c227ec8, _templateObject4_d94417501f2611eda0c389891c227ec8, _templateObject5_d94417501f2611eda0c389891c227ec8, _templateObject6_d94417501f2611eda0c389891c227ec8, _templateObject7_d94417501f2611eda0c389891c227ec8, _templateObject8_d94417501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -69,9 +69,9 @@ define(["exports", "require", "../../../../../lit/index.js", "../../../../simple
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_01c891e01f0611ed8cc3e9a95995ad69 || (_templateObject_01c891e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-fields-field\n        ?hidden=\"", "\"\n        id=\"search\"\n        always-float-label\n        label=\"", "\"\n        placeholder=\"", "..\"\n        type=\"text\"\n        @value-changed=\"", "\"\n      >\n        <simple-icon icon=\"search\" slot=\"prefix\"></simple-icon>\n      </simple-fields-field>\n      ", "\n      <lunr-search id=\"lunr\"></lunr-search>\n      <loading-indicator\n        full\n        ?loading=\"", "\"\n      ></loading-indicator>\n      ", "\n    "])), this.hideInput, this.t.search, this.t.typeAtLeast3LettersToStartSearch, this._searchValueChanged, this.search.length > 0 ? (0, _index.html)(_templateObject2_01c891e01f0611ed8cc3e9a95995ad69 || (_templateObject2_01c891e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <h1 class=\"results-found-text\">\n              ", " ", " ", ".\n            </h1>\n          "])), this.t.found, this.__results.length, this.t.results) : (0, _index.html)(_templateObject3_01c891e01f0611ed8cc3e9a95995ad69 || (_templateObject3_01c891e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))), this.whileLoading, this.__results.map(function (item) {
-          return (0, _index.html)(_templateObject4_01c891e01f0611ed8cc3e9a95995ad69 || (_templateObject4_01c891e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <a\n            class=\"result\"\n            .href=\"", "\"\n            @click=\"", "\"\n          >\n            <div class=\"title\">\n              ", "<span\n                ?hidden=\"", "\"\n                class=\"link-text\"\n                aria-hidden=\"true\"\n                >(", ")</span\n              >\n            </div>\n            <div class=\"date\" ?hidden=\"", "\">\n              <simple-datetime format=\"M jS\" .timestamp=\"", "\" unix\n                >", "</simple-datetime\n              >\n            </div>\n            ", "\n            <div>", "..</div>\n          </a>\n        "])), item.location, _this2.selectionMade, item.title, !_this2.showPath, item.location, !_this2.showDate, item.created, item.created, item.breadcrumb ? (0, _index.html)(_templateObject5_01c891e01f0611ed8cc3e9a95995ad69 || (_templateObject5_01c891e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div>\n                  ", "\n                </div>"])), item.breadcrumb.map(function (crumb, i) {
-            return (0, _index.html)(_templateObject6_01c891e01f0611ed8cc3e9a95995ad69 || (_templateObject6_01c891e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "", ""])), i != 0 ? (0, _index.html)(_templateObject7_01c891e01f0611ed8cc3e9a95995ad69 || (_templateObject7_01c891e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n                            icon=\"icons:chevron-right\"\n                          ></simple-icon-lite>"]))) : "", crumb.title);
+        return (0, _index.html)(_templateObject_d94417501f2611eda0c389891c227ec8 || (_templateObject_d94417501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-fields-field\n        ?hidden=\"", "\"\n        id=\"search\"\n        always-float-label\n        label=\"", "\"\n        placeholder=\"", "..\"\n        type=\"text\"\n        @value-changed=\"", "\"\n      >\n        <simple-icon icon=\"search\" slot=\"prefix\"></simple-icon>\n      </simple-fields-field>\n      ", "\n      <lunr-search id=\"lunr\"></lunr-search>\n      <loading-indicator\n        full\n        ?loading=\"", "\"\n      ></loading-indicator>\n      ", "\n    "])), this.hideInput, this.t.search, this.t.typeAtLeast3LettersToStartSearch, this._searchValueChanged, this.search.length > 0 ? (0, _index.html)(_templateObject2_d94417501f2611eda0c389891c227ec8 || (_templateObject2_d94417501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <h1 class=\"results-found-text\">\n              ", " ", " ", ".\n            </h1>\n          "])), this.t.found, this.__results.length, this.t.results) : (0, _index.html)(_templateObject3_d94417501f2611eda0c389891c227ec8 || (_templateObject3_d94417501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))), this.whileLoading, this.__results.map(function (item) {
+          return (0, _index.html)(_templateObject4_d94417501f2611eda0c389891c227ec8 || (_templateObject4_d94417501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <a\n            class=\"result\"\n            .href=\"", "\"\n            @click=\"", "\"\n          >\n            <div class=\"title\">\n              ", "<span\n                ?hidden=\"", "\"\n                class=\"link-text\"\n                aria-hidden=\"true\"\n                >(", ")</span\n              >\n            </div>\n            <div class=\"date\" ?hidden=\"", "\">\n              <simple-datetime format=\"M jS\" .timestamp=\"", "\" unix\n                >", "</simple-datetime\n              >\n            </div>\n            ", "\n            <div>", "..</div>\n          </a>\n        "])), item.location, _this2.selectionMade, item.title, !_this2.showPath, item.location, !_this2.showDate, item.created, item.created, item.breadcrumb ? (0, _index.html)(_templateObject5_d94417501f2611eda0c389891c227ec8 || (_templateObject5_d94417501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div>\n                  ", "\n                </div>"])), item.breadcrumb.map(function (crumb, i) {
+            return (0, _index.html)(_templateObject6_d94417501f2611eda0c389891c227ec8 || (_templateObject6_d94417501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "", ""])), i != 0 ? (0, _index.html)(_templateObject7_d94417501f2611eda0c389891c227ec8 || (_templateObject7_d94417501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n                            icon=\"icons:chevron-right\"\n                          ></simple-icon-lite>"]))) : "", crumb.title);
           })) : "", item.description);
         }));
       }
@@ -251,7 +251,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../../../simple
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject8_01c891e01f0611ed8cc3e9a95995ad69 || (_templateObject8_01c891e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          color: var(--site-search-color, #383f45);\n        }\n        [hidden] {\n          display: none;\n        }\n        .result {\n          display: block;\n          background-color: var(--site-search-result-background-color, #eeeeee);\n          color: var(--site-search-result-color, #222222);\n          padding: 12px;\n          margin: 4px 0;\n        }\n        .result:hover,\n        .result:focus {\n          background-color: var(\n            --site-search-result-background-color-hover,\n            #dddddd\n          );\n          color: var(--site-search-link-color-hover, #000000);\n          text-decoration: none;\n          outline: 4px solid grey;\n        }\n        .result .title {\n          font-size: 28px;\n          margin: 0 0 8px 0;\n          line-height: 1;\n        }\n        .result {\n          color: var(--site-search-link-color, #444444);\n          text-decoration: none;\n        }\n        simple-datetime {\n          color: var(--site-search-link-color, #444444);\n        }\n        simple-icon-lite {\n          --simple-icon-height: 12px;\n          --simple-icon-width: 12px;\n          vertical-align: baseline;\n        }\n        .result .link-text {\n          font-size: 12px;\n          color: var(--site-search-link-text-color, #999999);\n          font-style: italic;\n          padding-left: 8px;\n        }\n        .results-found-text {\n          margin-bottom: 1.5rem;\n          padding-bottom: 0.5rem;\n        }\n        #search {\n          flex-grow: 2;\n          margin-right: 4px;\n          --simple-fields-accent-color: var(--site-search-text-color, #000);\n          color: var(--site-search-placeholder-color, #222);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject8_d94417501f2611eda0c389891c227ec8 || (_templateObject8_d94417501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          color: var(--site-search-color, #383f45);\n        }\n        [hidden] {\n          display: none;\n        }\n        .result {\n          display: block;\n          background-color: var(--site-search-result-background-color, #eeeeee);\n          color: var(--site-search-result-color, #222222);\n          padding: 12px;\n          margin: 4px 0;\n        }\n        .result:hover,\n        .result:focus {\n          background-color: var(\n            --site-search-result-background-color-hover,\n            #dddddd\n          );\n          color: var(--site-search-link-color-hover, #000000);\n          text-decoration: none;\n          outline: 4px solid grey;\n        }\n        .result .title {\n          font-size: 28px;\n          margin: 0 0 8px 0;\n          line-height: 1;\n        }\n        .result {\n          color: var(--site-search-link-color, #444444);\n          text-decoration: none;\n        }\n        simple-datetime {\n          color: var(--site-search-link-color, #444444);\n        }\n        simple-icon-lite {\n          --simple-icon-height: 12px;\n          --simple-icon-width: 12px;\n          vertical-align: baseline;\n        }\n        .result .link-text {\n          font-size: 12px;\n          color: var(--site-search-link-text-color, #999999);\n          font-style: italic;\n          padding-left: 8px;\n        }\n        .results-found-text {\n          margin-bottom: 1.5rem;\n          padding-bottom: 0.5rem;\n        }\n        #search {\n          flex-grow: 2;\n          margin-right: 4px;\n          --simple-fields-accent-color: var(--site-search-text-color, #000);\n          color: var(--site-search-placeholder-color, #222);\n        }\n      "])))];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-title.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-title.js
index 7de87c6e4b8..1dfd06dff43 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-title.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/site/site-title.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
   _exports.SiteTitle = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_01cbed401f0611ed8cc3e9a95995ad69, _templateObject2_01cbed401f0611ed8cc3e9a95995ad69, _templateObject3_01cbed401f0611ed8cc3e9a95995ad69, _templateObject4_01cbed401f0611ed8cc3e9a95995ad69;
+  var _templateObject_d946d6701f2611eda0c389891c227ec8, _templateObject2_d946d6701f2611eda0c389891c227ec8, _templateObject3_d946d6701f2611eda0c389891c227ec8, _templateObject4_d946d6701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -65,7 +65,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
     babelHelpers.createClass(SiteTitle, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_01cbed401f0611ed8cc3e9a95995ad69 || (_templateObject_01cbed401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a\n        href=\"", "\"\n        title=\"", "\"\n        ?disabled=\"", "\"\n      >\n        <simple-icon-lite\n          ?hidden=\"", "\"\n          icon=\"", "\"\n        ></simple-icon-lite>\n        ", "\n      </a>\n    "])), this.homeLink, this.t.home, this.disabled, this.icon ? false : true, this.icon, this.notitle ? (0, _index.html)(_templateObject2_01cbed401f0611ed8cc3e9a95995ad69 || (_templateObject2_01cbed401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject3_01cbed401f0611ed8cc3e9a95995ad69 || (_templateObject3_01cbed401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <h1>", "</h1> "])), this.siteTitle));
+        return (0, _index.html)(_templateObject_d946d6701f2611eda0c389891c227ec8 || (_templateObject_d946d6701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a\n        href=\"", "\"\n        title=\"", "\"\n        ?disabled=\"", "\"\n      >\n        <simple-icon-lite\n          ?hidden=\"", "\"\n          icon=\"", "\"\n        ></simple-icon-lite>\n        ", "\n      </a>\n    "])), this.homeLink, this.t.home, this.disabled, this.icon ? false : true, this.icon, this.notitle ? (0, _index.html)(_templateObject2_d946d6701f2611eda0c389891c227ec8 || (_templateObject2_d946d6701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject3_d946d6701f2611eda0c389891c227ec8 || (_templateObject3_d946d6701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <h1>", "</h1> "])), this.siteTitle));
       }
       /**
        * Props
@@ -87,7 +87,7 @@ define(["exports", "require", "../../../../../lit/index.js", "../../core/haxcms-
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject4_01cbed401f0611ed8cc3e9a95995ad69 || (_templateObject4_01cbed401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          text-rendering: optimizelegibility;\n          position: relative;\n          color: inherit;\n        }\n        a {\n          color: inherit;\n          display: var(--site-title-link-display, block);\n          text-decoration: var(--site-title-link-text-decoration);\n        }\n        a h1 {\n          color: inherit;\n          text-rendering: optimizelegibility;\n          font-family: var(--site-title-heading-font-family);\n          font-size: var(--site-title-heading-font-size);\n          margin: var(--site-title-heading-margin);\n          padding: var(--site-title-heading-padding);\n          text-align: var(--site-title-heading-text-align);\n          text-rendering: var(--site-title-heading-text-rendering);\n          font-weight: var(--site-title-heading-font-weight);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_d946d6701f2611eda0c389891c227ec8 || (_templateObject4_d946d6701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          text-rendering: optimizelegibility;\n          position: relative;\n          color: inherit;\n        }\n        a {\n          color: inherit;\n          display: var(--site-title-link-display, block);\n          text-decoration: var(--site-title-link-text-decoration);\n        }\n        a h1 {\n          color: inherit;\n          text-rendering: optimizelegibility;\n          font-family: var(--site-title-heading-font-family);\n          font-size: var(--site-title-heading-font-size);\n          margin: var(--site-title-heading-margin);\n          padding: var(--site-title-heading-padding);\n          text-align: var(--site-title-heading-text-align);\n          text-rendering: var(--site-title-heading-text-rendering);\n          font-weight: var(--site-title-heading-font-weight);\n        }\n      "])))];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/templates/basic-template.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/templates/basic-template.js
index c0c651a7d95..bd0a4703776 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/templates/basic-template.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/templates/basic-template.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
   _exports.BasicTemplate = _exports.Basic = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_01cf96c01f0611ed8cc3e9a95995ad69;
+  var _templateObject_d94af5201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -124,7 +124,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
       babelHelpers.createClass(_class, null, [{
         key: "template",
         get: function get() {
-          return (0, _polymerElement.html)(_templateObject_01cf96c01f0611ed8cc3e9a95995ad69 || (_templateObject_01cf96c01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <site-top-menu noink indicator=\"arrow\" arrow-size=\"8\">\n          <site-title slot=\"prefix\" class=\"spacing\"></site-title>\n          <site-modal\n            slot=\"suffix\"\n            icon=\"maps:directions\"\n            title=\"View site map\"\n            button-label=\"Site map\"\n          >\n            <site-menu></site-menu>\n          </site-modal>\n          <site-modal\n            slot=\"suffix\"\n            icon=\"icons:search\"\n            title=\"Search site\"\n            button-label=\"Search\"\n          >\n            <site-search></site-search>\n          </site-modal>\n        </site-top-menu>\n        <div class=\"container\">\n          <site-breadcrumb></site-breadcrumb>\n          <grid-plate layout=\"1-3\" class=\"grid-wrapper\" ignore-hax>\n            <div slot=\"col-1\" class=\"left-col\">\n              <div class=\"menu-buttons\">\n                <site-menu-button type=\"prev\" position=\"top\"></site-menu-button>\n                <site-menu-button type=\"next\" position=\"top\"></site-menu-button>\n              </div>\n              <site-active-title\n                dynamic-methodology=\"ancestor\"\n              ></site-active-title>\n              <site-children-block\n                dynamic-methodology=\"ancestor\"\n              ></site-children-block>\n\n              <div class=\"buttons\">\n                <site-rss-button type=\"atom\"></site-rss-button>\n                <site-rss-button type=\"rss\"></site-rss-button>\n                <site-print-button\n                  slot=\"suffix\"\n                  type=\"ancestor\"\n                ></site-print-button>\n              </div>\n            </div>\n            <div id=\"contentcontainer\" slot=\"col-2\">\n              <div id=\"slot\"><slot></slot></div>\n            </div>\n          </grid-plate>\n        </div>\n        <site-footer></site-footer>\n        <scroll-button position=\"right\" label=\"Back to top\"></scroll-button>\n      "])));
+          return (0, _polymerElement.html)(_templateObject_d94af5201f2611eda0c389891c227ec8 || (_templateObject_d94af5201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <site-top-menu noink indicator=\"arrow\" arrow-size=\"8\">\n          <site-title slot=\"prefix\" class=\"spacing\"></site-title>\n          <site-modal\n            slot=\"suffix\"\n            icon=\"maps:directions\"\n            title=\"View site map\"\n            button-label=\"Site map\"\n          >\n            <site-menu></site-menu>\n          </site-modal>\n          <site-modal\n            slot=\"suffix\"\n            icon=\"icons:search\"\n            title=\"Search site\"\n            button-label=\"Search\"\n          >\n            <site-search></site-search>\n          </site-modal>\n        </site-top-menu>\n        <div class=\"container\">\n          <site-breadcrumb></site-breadcrumb>\n          <grid-plate layout=\"1-3\" class=\"grid-wrapper\" ignore-hax>\n            <div slot=\"col-1\" class=\"left-col\">\n              <div class=\"menu-buttons\">\n                <site-menu-button type=\"prev\" position=\"top\"></site-menu-button>\n                <site-menu-button type=\"next\" position=\"top\"></site-menu-button>\n              </div>\n              <site-active-title\n                dynamic-methodology=\"ancestor\"\n              ></site-active-title>\n              <site-children-block\n                dynamic-methodology=\"ancestor\"\n              ></site-children-block>\n\n              <div class=\"buttons\">\n                <site-rss-button type=\"atom\"></site-rss-button>\n                <site-rss-button type=\"rss\"></site-rss-button>\n                <site-print-button\n                  slot=\"suffix\"\n                  type=\"ancestor\"\n                ></site-print-button>\n              </div>\n            </div>\n            <div id=\"contentcontainer\" slot=\"col-2\">\n              <div id=\"slot\"><slot></slot></div>\n            </div>\n          </grid-plate>\n        </div>\n        <site-footer></site-footer>\n        <scroll-button position=\"right\" label=\"Back to top\"></scroll-button>\n      "])));
         }
       }]);
       return _class;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/templates/minimalist-template.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/templates/minimalist-template.js
index 8deb5a8e5a2..fcfc3f06416 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/templates/minimalist-template.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/templates/minimalist-template.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
   _exports.MinimalistTemplate = _exports.Minimalist = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_01d2cb101f0611ed8cc3e9a95995ad69;
+  var _templateObject_d94e29701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -90,7 +90,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
       babelHelpers.createClass(_class, null, [{
         key: "template",
         get: function get() {
-          return (0, _polymerElement.html)(_templateObject_01d2cb101f0611ed8cc3e9a95995ad69 || (_templateObject_01d2cb101f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <site-top-menu\n          noink\n          notitle\n          showindex\n          sticky\n          conditions='{\"parent\": \"$firstId\"}'\n        >\n          <div slot=\"prefix\" class=\"spacing\">\n            <site-title icon=\"home\" notitle></site-title>\n          </div>\n          <div slot=\"prefix\" class=\"spacing\">\n            <site-print-button></site-print-button>\n          </div>\n        </site-top-menu>\n        <site-active-fields fields=\"{{activeItemFields}}\"></site-active-fields>\n        <header\n          class=\"masthead\"\n          style$=\"background-image: url('[[activeItemFields.images.0.src]]');\"\n          alt$=\"[[activeItemFields.images.0.alt]]\"\n        >\n          <div class=\"overlay\"></div>\n          <div class=\"container\">\n            <div class=\"row\">\n              <div class=\"col-lg-10 col-md-10 mx-auto\">\n                <div class=\"page-heading\">\n                  <h1>[[activeItemFields.title]]</h1>\n                  <h2>[[activeItemFields.subtitle]]</h2>\n                  <span class=\"subheading\"></span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </header>\n        <div class=\"container\">\n          <div id=\"contentcontainer\">\n            <div id=\"slot\"><slot></slot></div>\n          </div>\n        </div>\n        <hr />\n        <site-top-menu\n          noink\n          notitle\n          indicator=\"none\"\n          position=\"top\"\n          showindex\n          conditions='{\"parent\": \"$firstId\"}'\n        >\n          <div slot=\"prefix\" class=\"spacing\">\n            <site-title icon=\"home\" notitle position=\"top\"></site-title>\n          </div>\n          <div slot=\"prefix\" class=\"spacing\">\n            <site-print-button position=\"top\"></site-print-button>\n          </div>\n          <div slot=\"prefix\" class=\"spacing\">\n            <site-menu-button type=\"prev\" position=\"top\"></site-menu-button>\n          </div>\n          <div slot=\"suffix\" class=\"spacing\">\n            <site-menu-button type=\"next\" position=\"top\"></site-menu-button>\n          </div>\n        </site-top-menu>\n        <hr />\n        <site-footer></site-footer>\n        <scroll-button position=\"right\" label=\"Back to top\"> </scroll-button>\n      "])));
+          return (0, _polymerElement.html)(_templateObject_d94e29701f2611eda0c389891c227ec8 || (_templateObject_d94e29701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <site-top-menu\n          noink\n          notitle\n          showindex\n          sticky\n          conditions='{\"parent\": \"$firstId\"}'\n        >\n          <div slot=\"prefix\" class=\"spacing\">\n            <site-title icon=\"home\" notitle></site-title>\n          </div>\n          <div slot=\"prefix\" class=\"spacing\">\n            <site-print-button></site-print-button>\n          </div>\n        </site-top-menu>\n        <site-active-fields fields=\"{{activeItemFields}}\"></site-active-fields>\n        <header\n          class=\"masthead\"\n          style$=\"background-image: url('[[activeItemFields.images.0.src]]');\"\n          alt$=\"[[activeItemFields.images.0.alt]]\"\n        >\n          <div class=\"overlay\"></div>\n          <div class=\"container\">\n            <div class=\"row\">\n              <div class=\"col-lg-10 col-md-10 mx-auto\">\n                <div class=\"page-heading\">\n                  <h1>[[activeItemFields.title]]</h1>\n                  <h2>[[activeItemFields.subtitle]]</h2>\n                  <span class=\"subheading\"></span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </header>\n        <div class=\"container\">\n          <div id=\"contentcontainer\">\n            <div id=\"slot\"><slot></slot></div>\n          </div>\n        </div>\n        <hr />\n        <site-top-menu\n          noink\n          notitle\n          indicator=\"none\"\n          position=\"top\"\n          showindex\n          conditions='{\"parent\": \"$firstId\"}'\n        >\n          <div slot=\"prefix\" class=\"spacing\">\n            <site-title icon=\"home\" notitle position=\"top\"></site-title>\n          </div>\n          <div slot=\"prefix\" class=\"spacing\">\n            <site-print-button position=\"top\"></site-print-button>\n          </div>\n          <div slot=\"prefix\" class=\"spacing\">\n            <site-menu-button type=\"prev\" position=\"top\"></site-menu-button>\n          </div>\n          <div slot=\"suffix\" class=\"spacing\">\n            <site-menu-button type=\"next\" position=\"top\"></site-menu-button>\n          </div>\n        </site-top-menu>\n        <hr />\n        <site-footer></site-footer>\n        <scroll-button position=\"right\" label=\"Back to top\"> </scroll-button>\n      "])));
         }
       }]);
       return _class;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/package.json b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/package.json
index a93f084266d..082d692b955 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/package.json
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/package.json
@@ -17,7 +17,7 @@
     },
     "sharedStyles": []
   },
-  "version": "4.0.30",
+  "version": "4.1.0",
   "description": "HAX CMS series of elements to provide a full on CMS",
   "repository": {
     "type": "git",
@@ -43,28 +43,28 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@lrnwebcomponents/anchor-behaviors": "^4.0.25",
-    "@lrnwebcomponents/beaker-broker": "^4.0.30",
-    "@lrnwebcomponents/clean-two": "^4.0.30",
-    "@lrnwebcomponents/editable-outline": "^4.0.30",
-    "@lrnwebcomponents/git-corner": "^4.0.30",
-    "@lrnwebcomponents/hax-body": "^4.0.30",
-    "@lrnwebcomponents/hax-body-behaviors": "^4.0.30",
-    "@lrnwebcomponents/json-outline-schema": "^4.0.30",
-    "@lrnwebcomponents/jwt-login": "^4.0.30",
-    "@lrnwebcomponents/license-element": "^4.0.30",
-    "@lrnwebcomponents/lunr-search": "^4.0.30",
-    "@lrnwebcomponents/map-menu": "^4.0.30",
+    "@lrnwebcomponents/beaker-broker": "^4.1.0",
+    "@lrnwebcomponents/clean-two": "^4.1.0",
+    "@lrnwebcomponents/editable-outline": "^4.1.0",
+    "@lrnwebcomponents/git-corner": "^4.1.0",
+    "@lrnwebcomponents/hax-body": "^4.1.0",
+    "@lrnwebcomponents/hax-body-behaviors": "^4.1.0",
+    "@lrnwebcomponents/json-outline-schema": "^4.1.0",
+    "@lrnwebcomponents/jwt-login": "^4.1.0",
+    "@lrnwebcomponents/license-element": "^4.1.0",
+    "@lrnwebcomponents/lunr-search": "^4.1.0",
+    "@lrnwebcomponents/map-menu": "^4.1.0",
     "@lrnwebcomponents/portal-launcher": "^4.0.25",
-    "@lrnwebcomponents/schema-behaviors": "^4.0.30",
-    "@lrnwebcomponents/simple-colors": "^4.0.30",
-    "@lrnwebcomponents/simple-datetime": "^4.0.30",
-    "@lrnwebcomponents/simple-fields": "^4.0.30",
-    "@lrnwebcomponents/simple-icon": "^4.0.30",
-    "@lrnwebcomponents/simple-icon-picker": "^4.0.30",
-    "@lrnwebcomponents/simple-login": "^4.0.30",
-    "@lrnwebcomponents/simple-picker": "^4.0.30",
-    "@lrnwebcomponents/simple-toast": "^4.0.30",
-    "@lrnwebcomponents/simple-tooltip": "^4.0.30",
+    "@lrnwebcomponents/schema-behaviors": "^4.1.0",
+    "@lrnwebcomponents/simple-colors": "^4.1.0",
+    "@lrnwebcomponents/simple-datetime": "^4.1.0",
+    "@lrnwebcomponents/simple-fields": "^4.1.0",
+    "@lrnwebcomponents/simple-icon": "^4.1.0",
+    "@lrnwebcomponents/simple-icon-picker": "^4.1.0",
+    "@lrnwebcomponents/simple-login": "^4.1.0",
+    "@lrnwebcomponents/simple-picker": "^4.1.0",
+    "@lrnwebcomponents/simple-toast": "^4.1.0",
+    "@lrnwebcomponents/simple-tooltip": "^4.1.0",
     "@polymer/app-layout": "^3.0.2",
     "@polymer/iron-ajax": "^3.0.1",
     "@polymer/iron-list": "^3.0.2",
@@ -79,7 +79,7 @@
   },
   "devDependencies": {
     "@lrnwebcomponents/deduping-fix": "^4.0.0",
-    "@lrnwebcomponents/storybook-utilities": "^4.0.30",
+    "@lrnwebcomponents/storybook-utilities": "^4.1.0",
     "@open-wc/testing": "3.0.4",
     "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
     "@polymer/iron-demo-helpers": "3.1.0",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxor-slevin/haxor-slevin.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxor-slevin/haxor-slevin.js
index be244e856c9..46ed1fd911c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxor-slevin/haxor-slevin.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxor-slevin/haxor-slevin.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
   _exports.HaxorSlevin = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a6c020601f0511ed8cc3e9a95995ad69, _templateObject2_a6c020601f0511ed8cc3e9a95995ad69, _templateObject3_a6c020601f0511ed8cc3e9a95995ad69, _templateObject4_a6c020601f0511ed8cc3e9a95995ad69, _templateObject5_a6c020601f0511ed8cc3e9a95995ad69;
+  var _templateObject_81a1db401f2611eda0c389891c227ec8, _templateObject2_81a1db401f2611eda0c389891c227ec8, _templateObject3_81a1db401f2611eda0c389891c227ec8, _templateObject4_81a1db401f2611eda0c389891c227ec8, _templateObject5_81a1db401f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -107,12 +107,12 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_a6c020601f0511ed8cc3e9a95995ad69 || (_templateObject_a6c020601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <header class=\"header-wrapper\">\n        <div>\n          <site-modal\n            @site-modal-click=\"", "\"\n            icon=\"icons:search\"\n            title=\"Search site\"\n            button-label=\"Search\"\n            dark\n          >\n            <site-search></site-search>\n          </site-modal>\n        </div>\n        <div>\n          <button\n            class=\"backbutton\"\n            @click=\"", "\"\n            title=\"Back to blog post list\"\n          >\n            <simple-icon-lite\n              icon=\"", "\"\n              style=\"color:white;\"\n            ></simple-icon-lite>\n            <span class=\"hide-small\">", "</span>\n          </button>\n        </div>\n        <div class=\"header-image\">\n          <img\n            loading=\"lazy\"\n            class=\"image\"\n            src=\"", "\"\n            style=\"height:46px;width:100%;margin: 4px 0 2px 0;\"\n          />\n        </div>\n      </header>\n      <div class=\"wrapper\">\n        <iron-pages .selected=\"", "\">\n          <div id=\"home\">\n            <site-query\n              @result-changed=\"", "\"\n              limit=\"2\"\n              sort='{\"created\": \"ASC\"}'\n            ></site-query>\n            <div class=\"simple-blog-card-wrapper\">\n              ", "\n            </div>\n            <site-query\n              @result-changed=\"", "\"\n              start-index=\"2\"\n              limit=\"4\"\n              sort='{\"created\": \"ASC\"}'\n            ></site-query>\n            <div class=\"simple-blog-card-wrapper\">\n              ", "\n            </div>\n          </div>\n          <main class=\"contentcontainer-wrapper\">\n            <article id=\"contentcontainer\">\n              <site-git-corner position=\"right\"></site-git-corner>\n              <site-active-title></site-active-title>\n              <h3 class=\"subtitle\" .hidden=\"", "\">\n                ", "\n              </h3>\n              <section id=\"slot\">\n                <slot></slot>\n              </section>\n            </article>\n            <site-query\n              @result-changed=\"", "\"\n              limit=\"3\"\n              start-index=\"", "\"\n              sort='{\"created\": \"ASC\"}'\n            ></site-query>\n            <div class=\"simple-blog-card-wrapper\">\n              ", "\n            </div>\n            <nav class=\"social-float hide-small ", "\">\n              <ul>\n                <li>\n                  <social-share-link\n                    title=\"Share on twitter\"\n                    button-style\n                    mode=\"icon-only\"\n                    message=\"", "\"\n                    type=\"Twitter\"\n                  >\n                  </social-share-link>\n                </li>\n                <li>\n                  <social-share-link\n                    title=\"Share on LinkedIn\"\n                    button-style\n                    mode=\"icon-only\"\n                    message=\"", "\"\n                    url=\"", "\"\n                    type=\"LinkedIn\"\n                  >\n                  </social-share-link>\n                </li>\n                <li>\n                  <social-share-link\n                    title=\"Share on Facebook\"\n                    button-style\n                    mode=\"icon-only\"\n                    url=\"", "\"\n                    message=\"", "\"\n                    type=\"Facebook\"\n                  >\n                  </social-share-link>\n                </li>\n                <li>\n                  <social-share-link\n                    title=\"Share on Pinterest\"\n                    button-style\n                    mode=\"icon-only\"\n                    message=\"", "\"\n                    image=\"", "\"\n                    url=\"", "\"\n                    type=\"Pinterest\"\n                  >\n                  </social-share-link>\n                </li>\n              </ul>\n            </nav>\n            <footer class=\"annoy-user ", "\">\n              <div class=\"annoy-inner\">\n                <simple-icon-lite\n                  icon=\"", "\"\n                  class=\"hide-small\"\n                  style=\"color:black;\"\n                ></simple-icon-lite>\n                <span class=\"hide-small\">\n                  Never miss a story from <strong>", "</strong> use RSS\n                  today!\n                </span>\n                <span class=\"rss\">\n                  <site-rss-button type=\"atom\"></site-rss-button>\n                  <site-rss-button type=\"rss\"></site-rss-button>\n                </span>\n                <site-share-widget\n                  alt=\"Share on social media\"\n                ></site-share-widget>\n              </div>\n            </footer>\n          </main>\n        </iron-pages>\n      </div>\n    "])), this.siteModalClick, this._goBack, this.icon, this.title, this.image, this.selectedPage, this.__mainPostsChanged, this.__mainPosts.map(function (post) {
-          return (0, _index.html)(_templateObject2_a6c020601f0511ed8cc3e9a95995ad69 || (_templateObject2_a6c020601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-blog-card\n                    alt=\"", "\"\n                    color=\"", "\"\n                    .title=\"", "\"\n                    size=\"large\"\n                    .link=\"", "\"\n                    .image=\"", "\"\n                    .author=\"", "\"\n                    .timestamp=\"", "\"\n                    .readtime=\"", "\"\n                    .authorimage=\"", "\"\n                    .placeholder=\"", "\"\n                    .authorlink=\"", "\"\n                  >\n                    ", "\n                  </simple-blog-card>\n                "])), post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : "", _this2.color, post.title, post.slug, _this2._showImage(post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : false), _this2.author.name, post.metadata.created, post.metadata.readtime, _this2.author.image, _this2.image, _this2.author.socialLink, post.description);
+        return (0, _index.html)(_templateObject_81a1db401f2611eda0c389891c227ec8 || (_templateObject_81a1db401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <header class=\"header-wrapper\">\n        <div>\n          <site-modal\n            @site-modal-click=\"", "\"\n            icon=\"icons:search\"\n            title=\"Search site\"\n            button-label=\"Search\"\n            dark\n          >\n            <site-search></site-search>\n          </site-modal>\n        </div>\n        <div>\n          <button\n            class=\"backbutton\"\n            @click=\"", "\"\n            title=\"Back to blog post list\"\n          >\n            <simple-icon-lite\n              icon=\"", "\"\n              style=\"color:white;\"\n            ></simple-icon-lite>\n            <span class=\"hide-small\">", "</span>\n          </button>\n        </div>\n        <div class=\"header-image\">\n          <img\n            loading=\"lazy\"\n            class=\"image\"\n            src=\"", "\"\n            style=\"height:46px;width:100%;margin: 4px 0 2px 0;\"\n          />\n        </div>\n      </header>\n      <div class=\"wrapper\">\n        <iron-pages .selected=\"", "\">\n          <div id=\"home\">\n            <site-query\n              @result-changed=\"", "\"\n              limit=\"2\"\n              sort='{\"created\": \"ASC\"}'\n            ></site-query>\n            <div class=\"simple-blog-card-wrapper\">\n              ", "\n            </div>\n            <site-query\n              @result-changed=\"", "\"\n              start-index=\"2\"\n              limit=\"4\"\n              sort='{\"created\": \"ASC\"}'\n            ></site-query>\n            <div class=\"simple-blog-card-wrapper\">\n              ", "\n            </div>\n          </div>\n          <main class=\"contentcontainer-wrapper\">\n            <article id=\"contentcontainer\">\n              <site-git-corner position=\"right\"></site-git-corner>\n              <site-active-title></site-active-title>\n              <h3 class=\"subtitle\" .hidden=\"", "\">\n                ", "\n              </h3>\n              <section id=\"slot\">\n                <slot></slot>\n              </section>\n            </article>\n            <site-query\n              @result-changed=\"", "\"\n              limit=\"3\"\n              start-index=\"", "\"\n              sort='{\"created\": \"ASC\"}'\n            ></site-query>\n            <div class=\"simple-blog-card-wrapper\">\n              ", "\n            </div>\n            <nav class=\"social-float hide-small ", "\">\n              <ul>\n                <li>\n                  <social-share-link\n                    title=\"Share on twitter\"\n                    button-style\n                    mode=\"icon-only\"\n                    message=\"", "\"\n                    type=\"Twitter\"\n                  >\n                  </social-share-link>\n                </li>\n                <li>\n                  <social-share-link\n                    title=\"Share on LinkedIn\"\n                    button-style\n                    mode=\"icon-only\"\n                    message=\"", "\"\n                    url=\"", "\"\n                    type=\"LinkedIn\"\n                  >\n                  </social-share-link>\n                </li>\n                <li>\n                  <social-share-link\n                    title=\"Share on Facebook\"\n                    button-style\n                    mode=\"icon-only\"\n                    url=\"", "\"\n                    message=\"", "\"\n                    type=\"Facebook\"\n                  >\n                  </social-share-link>\n                </li>\n                <li>\n                  <social-share-link\n                    title=\"Share on Pinterest\"\n                    button-style\n                    mode=\"icon-only\"\n                    message=\"", "\"\n                    image=\"", "\"\n                    url=\"", "\"\n                    type=\"Pinterest\"\n                  >\n                  </social-share-link>\n                </li>\n              </ul>\n            </nav>\n            <footer class=\"annoy-user ", "\">\n              <div class=\"annoy-inner\">\n                <simple-icon-lite\n                  icon=\"", "\"\n                  class=\"hide-small\"\n                  style=\"color:black;\"\n                ></simple-icon-lite>\n                <span class=\"hide-small\">\n                  Never miss a story from <strong>", "</strong> use RSS\n                  today!\n                </span>\n                <span class=\"rss\">\n                  <site-rss-button type=\"atom\"></site-rss-button>\n                  <site-rss-button type=\"rss\"></site-rss-button>\n                </span>\n                <site-share-widget\n                  alt=\"Share on social media\"\n                ></site-share-widget>\n              </div>\n            </footer>\n          </main>\n        </iron-pages>\n      </div>\n    "])), this.siteModalClick, this._goBack, this.icon, this.title, this.image, this.selectedPage, this.__mainPostsChanged, this.__mainPosts.map(function (post) {
+          return (0, _index.html)(_templateObject2_81a1db401f2611eda0c389891c227ec8 || (_templateObject2_81a1db401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-blog-card\n                    alt=\"", "\"\n                    color=\"", "\"\n                    .title=\"", "\"\n                    size=\"large\"\n                    .link=\"", "\"\n                    .image=\"", "\"\n                    .author=\"", "\"\n                    .timestamp=\"", "\"\n                    .readtime=\"", "\"\n                    .authorimage=\"", "\"\n                    .placeholder=\"", "\"\n                    .authorlink=\"", "\"\n                  >\n                    ", "\n                  </simple-blog-card>\n                "])), post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : "", _this2.color, post.title, post.slug, _this2._showImage(post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : false), _this2.author.name, post.metadata.created, post.metadata.readtime, _this2.author.image, _this2.image, _this2.author.socialLink, post.description);
         }), this.__extraPostsChanged, this.__extraPosts.map(function (post) {
-          return (0, _index.html)(_templateObject3_a6c020601f0511ed8cc3e9a95995ad69 || (_templateObject3_a6c020601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-blog-card\n                    alt=\"", "\"\n                    color=\"", "\"\n                    .title=\"", "\"\n                    size=\"small\"\n                    .link=\"", "\"\n                    .image=\"", "\"\n                    .author=\"", "\"\n                    .timestamp=\"", "\"\n                    .readtime=\"", "\"\n                    .authorimage=\"", "\"\n                    .placeholder=\"", "\"\n                    .authorlink=\"", "\"\n                  >\n                    ", "\n                  </simple-blog-card>\n                "])), post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : "", _this2.color, post.title, post.slug, _this2._showImage(post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : false), _this2.author.name, post.metadata.created, post.metadata.readtime, _this2.author.image, _this2.image, _this2.author.socialLink, post.description);
+          return (0, _index.html)(_templateObject3_81a1db401f2611eda0c389891c227ec8 || (_templateObject3_81a1db401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-blog-card\n                    alt=\"", "\"\n                    color=\"", "\"\n                    .title=\"", "\"\n                    size=\"small\"\n                    .link=\"", "\"\n                    .image=\"", "\"\n                    .author=\"", "\"\n                    .timestamp=\"", "\"\n                    .readtime=\"", "\"\n                    .authorimage=\"", "\"\n                    .placeholder=\"", "\"\n                    .authorlink=\"", "\"\n                  >\n                    ", "\n                  </simple-blog-card>\n                "])), post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : "", _this2.color, post.title, post.slug, _this2._showImage(post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : false), _this2.author.name, post.metadata.created, post.metadata.readtime, _this2.author.image, _this2.image, _this2.author.socialLink, post.description);
         }), !this.subtitle, this.subtitle, this.__followUpPostsChanged, this.activeManifestIndexCounter, this.__followUpPosts.map(function (post) {
-          return (0, _index.html)(_templateObject4_a6c020601f0511ed8cc3e9a95995ad69 || (_templateObject4_a6c020601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-blog-card\n                    alt=\"", "\"\n                    color=\"", "\"\n                    .title=\"", "\"\n                    size=\"small\"\n                    .link=\"", "\"\n                    .image=\"", "\"\n                    .author=\"", "\"\n                    .timestamp=\"", "\"\n                    .readtime=\"", "\"\n                    .authorimage=\"", "\"\n                    .placeholder=\"", "\"\n                    .authorlink=\"", "\"\n                  >\n                    ", "\n                  </simple-blog-card>\n                "])), post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : "", _this2.color, post.title, post.slug, _this2._showImage(post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : false), _this2.author.name, post.metadata.created, post.metadata.readtime, _this2.author.image, _this2.image, _this2.author.socialLink, post.description);
+          return (0, _index.html)(_templateObject4_81a1db401f2611eda0c389891c227ec8 || (_templateObject4_81a1db401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-blog-card\n                    alt=\"", "\"\n                    color=\"", "\"\n                    .title=\"", "\"\n                    size=\"small\"\n                    .link=\"", "\"\n                    .image=\"", "\"\n                    .author=\"", "\"\n                    .timestamp=\"", "\"\n                    .readtime=\"", "\"\n                    .authorimage=\"", "\"\n                    .placeholder=\"", "\"\n                    .authorlink=\"", "\"\n                  >\n                    ", "\n                  </simple-blog-card>\n                "])), post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : "", _this2.color, post.title, post.slug, _this2._showImage(post.metadata.fields && post.metadata.fields.images && post.metadata.fields.images[0] && post.metadata.fields.images[0].alt ? post.metadata.fields.images[0].alt : false), _this2.author.name, post.metadata.created, post.metadata.readtime, _this2.author.image, _this2.image, _this2.author.socialLink, post.description);
         }), this.stateClass, this.shareMsg, this.shareMsg, this.shareUrl, this.shareUrl, this.shareMsg, this.shareMsg, this.activeImage, this.shareUrl, this.stateClass, this.icon, this.title);
       }
       /**
@@ -297,7 +297,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject5_a6c020601f0511ed8cc3e9a95995ad69 || (_templateObject5_a6c020601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: #ffffff;\n          color: rgba(0, 0, 0, 0.84);\n          --hax-base-styles-a-color: var(--haxcms-color, #2196f3);\n          --hax-base-styles-a-color-visited: var(--haxcms-color, #2196f3);\n          --hax-base-styles-a-color-active: var(--haxcms-color, #2196f3);\n        }\n        site-modal:not(:defined),\n        site-rss-button:not(:defined),\n        iron-pages:not(:defined),\n        site-share-widget:not(:defined),\n        site-active-title:not(:defined),\n        site-git-corner:not(:defined),\n        social-share-link:not(:defined),\n        simple-blog-card:not(:defined) {\n          display: none;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n\n        /**\n      * Hide the slotted content during edit mode. This must be here to work.\n      */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        :host([edit-mode]) .contentcontainer-wrapper simple-blog-card {\n          opacity: 0.2;\n          pointer-events: none;\n        }\n        #slot {\n          min-height: 50vh;\n        }\n        site-active-title {\n          font-size: 36px;\n        }\n        .wrapper {\n          padding-bottom: 80px;\n        }\n        #home {\n          max-width: 1032px;\n          padding-left: 20px;\n          padding-right: 20px;\n          margin: 0 auto;\n        }\n        .contentcontainer-wrapper {\n          max-width: 900px;\n          margin: 0 auto;\n          box-sizing: border-box;\n          padding-left: 20px;\n          padding-right: 20px;\n        }\n        simple-blog-card {\n          padding: 16px;\n          min-height: 100px;\n          border: 2px solid lightgray;\n          margin: 8px;\n          text-align: center;\n        }\n        .simple-blog-card-wrapper {\n          display: flex;\n          justify-content: space-evenly;\n        }\n        simple-blog-card[size=\"micro\"] {\n          padding: 4px;\n        }\n        iron-pages {\n          padding-top: 64px;\n        }\n        dom-repeat {\n          padding-bottom: 16px;\n          min-height: 300px;\n        }\n        .header-wrapper {\n          padding: 0 20px;\n          height: 54px;\n          width: 100%;\n          display: flex;\n          margin: 0 auto;\n          z-index: 100;\n          color: #ffffff;\n          justify-content: center;\n          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);\n          background-color: var(--haxcms-color, rgba(255, 0, 116, 1));\n        }\n        .header-wrapper div {\n          display: inline-flex;\n        }\n        .header-image {\n          max-width: 600px;\n          width: 100%;\n        }\n        .header-image img.image {\n          max-width: 800px;\n        }\n        .backbutton {\n          height: 54px;\n          cursor: pointer;\n          text-align: center;\n          line-height: 32px;\n          background-color: transparent;\n          border: none;\n          display: inline-flex;\n          color: white;\n          min-width: 100px;\n          text-transform: unset;\n          margin: 0px 16px;\n        }\n\n        .social-float {\n          top: 160px;\n          position: fixed;\n          z-index: 99;\n          margin-left: -10vw;\n          opacity: 1;\n          transition: 0.2s opacity linear;\n        }\n        .social-float.disable-items {\n          pointer-events: none;\n          opacity: 0.2 !important;\n        }\n        .social-float ul {\n          padding: 0;\n          margin: 0;\n          list-style: none;\n        }\n\n        site-share-widget {\n          --site-share-widget-bg: var(--haxcms-color, rgba(255, 0, 116, 1));\n        }\n        site-share-widget:hover,\n        site-share-widget:focus,\n        site-share-widget:active {\n          --site-share-widget-bg: var(--haxcms-system-action-color, blue);\n        }\n\n        social-share-link {\n          --social-share-button-bg: var(--haxcms-color, rgba(255, 0, 116, 1));\n          --social-share-button-padding: 8px;\n          --social-share-button-border-radius: 50%;\n        }\n\n        .annoy-user {\n          background-color: rgba(255, 255, 255, 0.9);\n          display: block;\n          position: fixed;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.0785);\n          padding: 10px 0;\n          height: 50px;\n          z-index: 100;\n          opacity: 1;\n          transition: 0.2s opacity linear;\n        }\n        .annoy-user.disable-items {\n          pointer-events: none;\n          opacity: 0 !important;\n        }\n        simple-icon-lite {\n          height: 40px;\n          width: 40px;\n          --simple-icon-height: 40px;\n          --simple-icon-width: 40px;\n          display: flex;\n          padding-right: 20px;\n        }\n        .annoy-user simple-icon-lite {\n          color: black;\n        }\n        .annoy-user span {\n          flex: 1 1 auto;\n          height: 40px;\n          display: flex;\n          vertical-align: middle;\n          line-height: 40px;\n        }\n        .annoy-inner strong {\n          padding: 0 4px;\n        }\n        .annoy-user .rss {\n          margin-left: 50px;\n        }\n        .annoy-inner {\n          max-width: 800px;\n          margin: 0 auto;\n          display: flex;\n        }\n        .subtitle {\n          font-family: \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\",\n            Geneva, Arial, sans-serif;\n          letter-spacing: -0.02em;\n          font-weight: 300;\n          font-style: normal;\n          letter-spacing: 0;\n          font-size: 28px;\n          line-height: 1.22;\n          letter-spacing: -0.012em;\n        }\n        site-rss-button {\n          margin: 0 4px;\n          padding: 0;\n          color: black;\n          --site-rss-color: #000000;\n          --site-rss-bg-color: var(--haxcms-color, rgba(255, 0, 116, 1));\n          --site-rss-simple-icon-button-padding: 0 4px;\n          --site-rss-simple-icon-button-margin: 0;\n        }\n\n        @media screen and (max-width: 800px) {\n          .header-image {\n            max-width: 200px;\n            width: 100%;\n          }\n          .header-image img.image {\n            max-width: 200px;\n          }\n          .simple-blog-card-wrapper simple-blog-card {\n            margin: 0 10vw;\n          }\n          .simple-blog-card-wrapper {\n            text-align: center;\n          }\n          #contentcontainer,\n          #home {\n            padding-left: 8px;\n            padding-right: 8px;\n            transition: 0.5s opacity ease-in-out;\n          }\n          simple-blog-card {\n            padding: 0;\n          }\n          .hide-small {\n            display: none !important;\n          }\n          .annoy-user .rss {\n            margin-left: unset;\n          }\n          .annoy-user {\n            position: relative;\n            bottom: unset;\n            left: unset;\n            right: unset;\n            padding: 0;\n            height: unset;\n          }\n          .annoy-user span {\n            height: unset;\n            line-height: unset;\n          }\n          .annoy-inner {\n            max-width: unset;\n            margin: 0;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject5_81a1db401f2611eda0c389891c227ec8 || (_templateObject5_81a1db401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: #ffffff;\n          color: rgba(0, 0, 0, 0.84);\n          --hax-base-styles-a-color: var(--haxcms-color, #2196f3);\n          --hax-base-styles-a-color-visited: var(--haxcms-color, #2196f3);\n          --hax-base-styles-a-color-active: var(--haxcms-color, #2196f3);\n        }\n        site-modal:not(:defined),\n        site-rss-button:not(:defined),\n        iron-pages:not(:defined),\n        site-share-widget:not(:defined),\n        site-active-title:not(:defined),\n        site-git-corner:not(:defined),\n        social-share-link:not(:defined),\n        simple-blog-card:not(:defined) {\n          display: none;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n\n        /**\n      * Hide the slotted content during edit mode. This must be here to work.\n      */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n        :host([edit-mode]) .contentcontainer-wrapper simple-blog-card {\n          opacity: 0.2;\n          pointer-events: none;\n        }\n        #slot {\n          min-height: 50vh;\n        }\n        site-active-title {\n          font-size: 36px;\n        }\n        .wrapper {\n          padding-bottom: 80px;\n        }\n        #home {\n          max-width: 1032px;\n          padding-left: 20px;\n          padding-right: 20px;\n          margin: 0 auto;\n        }\n        .contentcontainer-wrapper {\n          max-width: 900px;\n          margin: 0 auto;\n          box-sizing: border-box;\n          padding-left: 20px;\n          padding-right: 20px;\n        }\n        simple-blog-card {\n          padding: 16px;\n          min-height: 100px;\n          border: 2px solid lightgray;\n          margin: 8px;\n          text-align: center;\n        }\n        .simple-blog-card-wrapper {\n          display: flex;\n          justify-content: space-evenly;\n        }\n        simple-blog-card[size=\"micro\"] {\n          padding: 4px;\n        }\n        iron-pages {\n          padding-top: 64px;\n        }\n        dom-repeat {\n          padding-bottom: 16px;\n          min-height: 300px;\n        }\n        .header-wrapper {\n          padding: 0 20px;\n          height: 54px;\n          width: 100%;\n          display: flex;\n          margin: 0 auto;\n          z-index: 100;\n          color: #ffffff;\n          justify-content: center;\n          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);\n          background-color: var(--haxcms-color, rgba(255, 0, 116, 1));\n        }\n        .header-wrapper div {\n          display: inline-flex;\n        }\n        .header-image {\n          max-width: 600px;\n          width: 100%;\n        }\n        .header-image img.image {\n          max-width: 800px;\n        }\n        .backbutton {\n          height: 54px;\n          cursor: pointer;\n          text-align: center;\n          line-height: 32px;\n          background-color: transparent;\n          border: none;\n          display: inline-flex;\n          color: white;\n          min-width: 100px;\n          text-transform: unset;\n          margin: 0px 16px;\n        }\n\n        .social-float {\n          top: 160px;\n          position: fixed;\n          z-index: 99;\n          margin-left: -10vw;\n          opacity: 1;\n          transition: 0.2s opacity linear;\n        }\n        .social-float.disable-items {\n          pointer-events: none;\n          opacity: 0.2 !important;\n        }\n        .social-float ul {\n          padding: 0;\n          margin: 0;\n          list-style: none;\n        }\n\n        site-share-widget {\n          --site-share-widget-bg: var(--haxcms-color, rgba(255, 0, 116, 1));\n        }\n        site-share-widget:hover,\n        site-share-widget:focus,\n        site-share-widget:active {\n          --site-share-widget-bg: var(--haxcms-system-action-color, blue);\n        }\n\n        social-share-link {\n          --social-share-button-bg: var(--haxcms-color, rgba(255, 0, 116, 1));\n          --social-share-button-padding: 8px;\n          --social-share-button-border-radius: 50%;\n        }\n\n        .annoy-user {\n          background-color: rgba(255, 255, 255, 0.9);\n          display: block;\n          position: fixed;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.0785);\n          padding: 10px 0;\n          height: 50px;\n          z-index: 100;\n          opacity: 1;\n          transition: 0.2s opacity linear;\n        }\n        .annoy-user.disable-items {\n          pointer-events: none;\n          opacity: 0 !important;\n        }\n        simple-icon-lite {\n          height: 40px;\n          width: 40px;\n          --simple-icon-height: 40px;\n          --simple-icon-width: 40px;\n          display: flex;\n          padding-right: 20px;\n        }\n        .annoy-user simple-icon-lite {\n          color: black;\n        }\n        .annoy-user span {\n          flex: 1 1 auto;\n          height: 40px;\n          display: flex;\n          vertical-align: middle;\n          line-height: 40px;\n        }\n        .annoy-inner strong {\n          padding: 0 4px;\n        }\n        .annoy-user .rss {\n          margin-left: 50px;\n        }\n        .annoy-inner {\n          max-width: 800px;\n          margin: 0 auto;\n          display: flex;\n        }\n        .subtitle {\n          font-family: \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\",\n            Geneva, Arial, sans-serif;\n          letter-spacing: -0.02em;\n          font-weight: 300;\n          font-style: normal;\n          letter-spacing: 0;\n          font-size: 28px;\n          line-height: 1.22;\n          letter-spacing: -0.012em;\n        }\n        site-rss-button {\n          margin: 0 4px;\n          padding: 0;\n          color: black;\n          --site-rss-color: #000000;\n          --site-rss-bg-color: var(--haxcms-color, rgba(255, 0, 116, 1));\n          --site-rss-simple-icon-button-padding: 0 4px;\n          --site-rss-simple-icon-button-margin: 0;\n        }\n\n        @media screen and (max-width: 800px) {\n          .header-image {\n            max-width: 200px;\n            width: 100%;\n          }\n          .header-image img.image {\n            max-width: 200px;\n          }\n          .simple-blog-card-wrapper simple-blog-card {\n            margin: 0 10vw;\n          }\n          .simple-blog-card-wrapper {\n            text-align: center;\n          }\n          #contentcontainer,\n          #home {\n            padding-left: 8px;\n            padding-right: 8px;\n            transition: 0.5s opacity ease-in-out;\n          }\n          simple-blog-card {\n            padding: 0;\n          }\n          .hide-small {\n            display: none !important;\n          }\n          .annoy-user .rss {\n            margin-left: unset;\n          }\n          .annoy-user {\n            position: relative;\n            bottom: unset;\n            left: unset;\n            right: unset;\n            padding: 0;\n            height: unset;\n          }\n          .annoy-user span {\n            height: unset;\n            line-height: unset;\n          }\n          .annoy-inner {\n            max-width: unset;\n            margin: 0;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxschema-builder/haxschema-builder.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxschema-builder/haxschema-builder.js
index 990484dcf46..5c65a91cd7a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxschema-builder/haxschema-builder.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxschema-builder/haxschema-builder.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../json-editor/json-editor.js", "../co
   });
   _exports.HaxschemaBuilder = void 0;
 
-  var _templateObject_a6c466201f0511ed8cc3e9a95995ad69, _templateObject2_a6c466201f0511ed8cc3e9a95995ad69;
+  var _templateObject_81a732701f2611eda0c389891c227ec8, _templateObject2_81a732701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -41,7 +41,7 @@ define(["exports", "../../lit/index.js", "../json-editor/json-editor.js", "../co
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a6c466201f0511ed8cc3e9a95995ad69 || (_templateObject_a6c466201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <vaadin-split-layout>\n      <div>\n        <button @click=\"", "\">Add to configure</button>\n        <button @click=\"", "\">Add to advanced</button>\n        <code-editor\n          id=\"code\"\n          @value-changed=\"", "\"\n          .value=\"{}\"\n          language=\"json\"\n        ></code-editor>\n        <json-editor\n          id=\"json\"\n          label=\"JSON\"\n          @value-changed=\"", "\"\n          value=\"", "\"\n        ></json-editor>\n      </div>\n      <div>\n        <hax-schema-form\n          id=\"form\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n        ></hax-schema-form>\n      </div>\n    </vaadin-split-layout>"])), this.addConfigure, this.addAdvanced, this._editorDataChanged, this.__haxSchemaChanged, this.haxSchema, this.value, this.__valueChanged);
+        return (0, _index.html)(_templateObject_81a732701f2611eda0c389891c227ec8 || (_templateObject_81a732701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <vaadin-split-layout>\n      <div>\n        <button @click=\"", "\">Add to configure</button>\n        <button @click=\"", "\">Add to advanced</button>\n        <code-editor\n          id=\"code\"\n          @value-changed=\"", "\"\n          .value=\"{}\"\n          language=\"json\"\n        ></code-editor>\n        <json-editor\n          id=\"json\"\n          label=\"JSON\"\n          @value-changed=\"", "\"\n          value=\"", "\"\n        ></json-editor>\n      </div>\n      <div>\n        <hax-schema-form\n          id=\"form\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n        ></hax-schema-form>\n      </div>\n    </vaadin-split-layout>"])), this.addConfigure, this.addAdvanced, this._editorDataChanged, this.__haxSchemaChanged, this.haxSchema, this.value, this.__valueChanged);
       } // haxProperty definition
 
     }, {
@@ -160,7 +160,7 @@ define(["exports", "../../lit/index.js", "../json-editor/json-editor.js", "../co
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a6c466201f0511ed8cc3e9a95995ad69 || (_templateObject2_a6c466201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        code-editor {\n          height: 500px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_81a732701f2611eda0c389891c227ec8 || (_templateObject2_81a732701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        code-editor {\n          height: 500px;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxschema-builder/lib/hax-schema-form.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxschema-builder/lib/hax-schema-form.js
index 202aa3dbb2a..86620344967 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxschema-builder/lib/hax-schema-form.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxschema-builder/lib/hax-schema-form.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
   _exports.HaxSchemaForm = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_dffbebc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b6e0af701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -164,7 +164,7 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_dffbebc01f0511ed8cc3e9a95995ad69 || (_templateObject_dffbebc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          background-color: #ffffff;\n          overflow: hidden;\n        }\n        div.card.form-wrapper {\n          margin: 0;\n          padding: 0 16px 80px 16px;\n          width: 100%;\n          min-height: 160px;\n          background-color: transparent;\n          overflow: auto;\n          height: 100%;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n\n        simple-fields {\n          width: 50%;\n        }\n\n        #modetabs {\n          height: 64px;\n          padding: 0px;\n          margin: 16px 0 0 0;\n          box-sizing: content-box;\n          color: var(--hax-color-text, #000000);\n          text-align: center;\n          background-color: transparent;\n          border-bottom: 1px solid var(--hax-color-border-outline);\n          display: block;\n          justify-content: space-evenly;\n          --paper-tabs-selection-bar-color: var(\n            --hax-color-accent1,\n            --simple-colors-default-theme-light-blue-7\n          );\n          --paper-tabs: {\n            background: transparent;\n          }\n        }\n\n        #modetabs paper-tab {\n          display: inline-flex;\n          height: 100%;\n          --paper-tab-ink: var(\n            --hax-color-accent1,\n            --simple-colors-default-theme-light-blue-7\n          );\n          --paper-tab: {\n            font-size: 16px;\n          }\n        }\n        #modetabs paper-tab button {\n          min-width: unset;\n          width: 100%;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n        }\n        simple-fields {\n          color: var(--hax-text-color);\n          --simple-colors-picker-preview-size: 20px;\n        }\n      </style>\n      <paper-tabs\n        id=\"modetabs\"\n        selected=\"{{modeTab}}\"\n        attr-for-selected=\"data-mode\"\n      >\n        <paper-tab id=\"configurebutton\" data-mode=\"configure\"\n          ><button>Configure</button></paper-tab\n        >\n        <paper-tab id=\"advancedbutton\" data-mode=\"advanced\"\n          ><button>Advanced</button></paper-tab\n        >\n      </paper-tabs>\n      <div class=\"card form-wrapper\">\n        <simple-fields\n          id=\"form\"\n          schema=\"[[schema]]\"\n          .schematizer=\"", "\"\n          .elementizer=\"", "\"\n          value=\"{{value}}\"\n        ></simple-fields>\n      </div>\n    "])), _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer);
+        return (0, _polymerElement.html)(_templateObject_b6e0af701f2611eda0c389891c227ec8 || (_templateObject_b6e0af701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          background-color: #ffffff;\n          overflow: hidden;\n        }\n        div.card.form-wrapper {\n          margin: 0;\n          padding: 0 16px 80px 16px;\n          width: 100%;\n          min-height: 160px;\n          background-color: transparent;\n          overflow: auto;\n          height: 100%;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n\n        simple-fields {\n          width: 50%;\n        }\n\n        #modetabs {\n          height: 64px;\n          padding: 0px;\n          margin: 16px 0 0 0;\n          box-sizing: content-box;\n          color: var(--hax-color-text, #000000);\n          text-align: center;\n          background-color: transparent;\n          border-bottom: 1px solid var(--hax-color-border-outline);\n          display: block;\n          justify-content: space-evenly;\n          --paper-tabs-selection-bar-color: var(\n            --hax-color-accent1,\n            --simple-colors-default-theme-light-blue-7\n          );\n          --paper-tabs: {\n            background: transparent;\n          }\n        }\n\n        #modetabs paper-tab {\n          display: inline-flex;\n          height: 100%;\n          --paper-tab-ink: var(\n            --hax-color-accent1,\n            --simple-colors-default-theme-light-blue-7\n          );\n          --paper-tab: {\n            font-size: 16px;\n          }\n        }\n        #modetabs paper-tab button {\n          min-width: unset;\n          width: 100%;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n        }\n        simple-fields {\n          color: var(--hax-text-color);\n          --simple-colors-picker-preview-size: 20px;\n        }\n      </style>\n      <paper-tabs\n        id=\"modetabs\"\n        selected=\"{{modeTab}}\"\n        attr-for-selected=\"data-mode\"\n      >\n        <paper-tab id=\"configurebutton\" data-mode=\"configure\"\n          ><button>Configure</button></paper-tab\n        >\n        <paper-tab id=\"advancedbutton\" data-mode=\"advanced\"\n          ><button>Advanced</button></paper-tab\n        >\n      </paper-tabs>\n      <div class=\"card form-wrapper\">\n        <simple-fields\n          id=\"form\"\n          schema=\"[[schema]]\"\n          .schematizer=\"", "\"\n          .elementizer=\"", "\"\n          value=\"{{value}}\"\n        ></simple-fields>\n      </div>\n    "])), _HAXFields.HaxSchematizer, _HAXFields.HaxElementizer);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hero-banner/hero-banner.js b/build/es5-amd/node_modules/@lrnwebcomponents/hero-banner/hero-banner.js
index 93d1d138f8f..8e73b5f49c6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hero-banner/hero-banner.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hero-banner/hero-banner.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
   });
   _exports.HeroBanner = void 0;
 
-  var _templateObject_9d801d701f0511ed8cc3e9a95995ad69, _templateObject2_9d801d701f0511ed8cc3e9a95995ad69;
+  var _templateObject_788bce801f2611eda0c389891c227ec8, _templateObject2_788bce801f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -35,12 +35,12 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
     babelHelpers.createClass(HeroBanner, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9d801d701f0511ed8cc3e9a95995ad69 || (_templateObject_9d801d701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <img\n        class=\"image\"\n        src=\"", "\"\n        loading=\"lazy\"\n        aria-describedby=\"", "\"\n      />\n      <div class=\"itemwrapper\">\n        <div class=\"title\">", "</div>\n        <div class=\"details\">", "</div>\n        <a\n          class=\"linkbutton\"\n          href=\"", "\"\n          ?hidden=\"", "\"\n          ><button raised=\"\">", "</button></a\n        >\n      </div>\n    "])), this.image, this.ariaDescribedby || "", this.title, this.details, this.buttonLink || "", !this.buttonLink, this.buttonText || "Find out more");
+        return (0, _index.html)(_templateObject_788bce801f2611eda0c389891c227ec8 || (_templateObject_788bce801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <img\n        class=\"image\"\n        src=\"", "\"\n        loading=\"lazy\"\n        aria-describedby=\"", "\"\n      />\n      <div class=\"itemwrapper\">\n        <div class=\"title\">", "</div>\n        <div class=\"details\">", "</div>\n        <a\n          class=\"linkbutton\"\n          href=\"", "\"\n          ?hidden=\"", "\"\n          ><button raised=\"\">", "</button></a\n        >\n      </div>\n    "])), this.image, this.ariaDescribedby || "", this.title, this.details, this.buttonLink || "", !this.buttonLink, this.buttonText || "Find out more");
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HeroBanner), "styles", this)), [(0, _index.css)(_templateObject2_9d801d701f0511ed8cc3e9a95995ad69 || (_templateObject2_9d801d701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: 100%;\n          min-height: 600px;\n          height: 100%;\n          max-height: 600px;\n          overflow: hidden;\n          position: relative;\n          --hero-banner-font-family: \"Roboto\";\n          --hero-banner-title-weight: 500;\n          --hero-banner-text: var(--simple-colors-default-theme-grey-12);\n          --hero-banner-rgba: rgba(255, 255, 255, 0.65);\n          --hero-banner-image-bg: var(--simple-colors-default-theme-grey-3);\n          --hero-banner-button-weight: bold;\n          --hero-banner-button-color: var(\n            --simple-colors-default-theme-accent-5\n          );\n          --hero-banner-button-hover-color: var(\n            --simple-colors-default-theme-accent-4\n          );\n        }\n        :host([dark]) {\n          --hero-banner-rgba: rgba(0, 0, 0, 0.65);\n        }\n        .image {\n          position: absolute;\n          left: 0;\n          right: 0;\n          width: 100%;\n          height: 100%;\n          background-color: var(--hero-banner-image-bg);\n        }\n        .itemwrapper {\n          position: absolute;\n          bottom: 10%;\n          left: 10%;\n          width: 50%;\n        }\n        .title {\n          background-color: var(--hero-banner-rgba);\n          padding: 10px 16px;\n          font-size: 32px;\n          color: var(--hero-banner-text);\n          margin: 4px 0;\n          font-family: var(--hero-banner-font-family);\n          font-weight: var(--hero-banner-title-weight);\n        }\n        .details {\n          background-color: var(--hero-banner-rgba);\n          padding: 10px 16px;\n          font-size: 16px;\n          color: var(--hero-banner-text);\n          margin: 4px 0;\n          font-family: var(--hero-banner-font-family);\n        }\n        .linkbutton {\n          padding: 0;\n          margin: 8px 0;\n          text-decoration: none;\n          font-family: var(--hero-banner-font-family);\n        }\n        .linkbutton button {\n          text-transform: none;\n          font-weight: var(--hero-banner-button-weight);\n          color: var(--hero-banner-text);\n          background-color: var(--hero-banner-button-color);\n          font-size: 16px;\n          margin: 0;\n        }\n        .linkbutton:focus button,\n        .linkbutton:hover button {\n          background-color: var(--hero-banner-button-hover-color);\n        }\n        @media screen and (max-width: 720px) {\n          .title {\n            font-size: 20px;\n          }\n          .details {\n            font-size: 12px;\n          }\n          .itemwrapper {\n            left: 5%;\n            width: 50%;\n          }\n        }\n        @media screen and (max-width: 500px) {\n          .title {\n            font-size: 16px;\n          }\n          .details {\n            display: none;\n          }\n          .itemwrapper {\n            left: 0;\n            width: 300px;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HeroBanner), "styles", this)), [(0, _index.css)(_templateObject2_788bce801f2611eda0c389891c227ec8 || (_templateObject2_788bce801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: 100%;\n          min-height: 600px;\n          height: 100%;\n          max-height: 600px;\n          overflow: hidden;\n          position: relative;\n          --hero-banner-font-family: \"Roboto\";\n          --hero-banner-title-weight: 500;\n          --hero-banner-text: var(--simple-colors-default-theme-grey-12);\n          --hero-banner-rgba: rgba(255, 255, 255, 0.65);\n          --hero-banner-image-bg: var(--simple-colors-default-theme-grey-3);\n          --hero-banner-button-weight: bold;\n          --hero-banner-button-color: var(\n            --simple-colors-default-theme-accent-5\n          );\n          --hero-banner-button-hover-color: var(\n            --simple-colors-default-theme-accent-4\n          );\n        }\n        :host([dark]) {\n          --hero-banner-rgba: rgba(0, 0, 0, 0.65);\n        }\n        .image {\n          position: absolute;\n          left: 0;\n          right: 0;\n          width: 100%;\n          height: 100%;\n          background-color: var(--hero-banner-image-bg);\n        }\n        .itemwrapper {\n          position: absolute;\n          bottom: 10%;\n          left: 10%;\n          width: 50%;\n        }\n        .title {\n          background-color: var(--hero-banner-rgba);\n          padding: 10px 16px;\n          font-size: 32px;\n          color: var(--hero-banner-text);\n          margin: 4px 0;\n          font-family: var(--hero-banner-font-family);\n          font-weight: var(--hero-banner-title-weight);\n        }\n        .details {\n          background-color: var(--hero-banner-rgba);\n          padding: 10px 16px;\n          font-size: 16px;\n          color: var(--hero-banner-text);\n          margin: 4px 0;\n          font-family: var(--hero-banner-font-family);\n        }\n        .linkbutton {\n          padding: 0;\n          margin: 8px 0;\n          text-decoration: none;\n          font-family: var(--hero-banner-font-family);\n        }\n        .linkbutton button {\n          text-transform: none;\n          font-weight: var(--hero-banner-button-weight);\n          color: var(--hero-banner-text);\n          background-color: var(--hero-banner-button-color);\n          font-size: 16px;\n          margin: 0;\n        }\n        .linkbutton:focus button,\n        .linkbutton:hover button {\n          background-color: var(--hero-banner-button-hover-color);\n        }\n        @media screen and (max-width: 720px) {\n          .title {\n            font-size: 20px;\n          }\n          .details {\n            font-size: 12px;\n          }\n          .itemwrapper {\n            left: 5%;\n            width: 50%;\n          }\n        }\n        @media screen and (max-width: 500px) {\n          .title {\n            font-size: 16px;\n          }\n          .details {\n            display: none;\n          }\n          .itemwrapper {\n            left: 0;\n            width: 300px;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hex-picker/hex-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/hex-picker/hex-picker.js
index dd0daac06d8..059a5a6d830 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hex-picker/hex-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hex-picker/hex-picker.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.HexPicker = void 0;
 
-  var _templateObject_a6ca80a01f0511ed8cc3e9a95995ad69, _templateObject2_a6ca80a01f0511ed8cc3e9a95995ad69, _templateObject3_a6ca80a01f0511ed8cc3e9a95995ad69, _templateObject4_a6ca80a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_81ae85701f2611eda0c389891c227ec8, _templateObject2_81ae85701f2611eda0c389891c227ec8, _templateObject3_81ae85701f2611eda0c389891c227ec8, _templateObject4_81ae85701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -47,7 +47,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(HexPicker, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a6ca80a01f0511ed8cc3e9a95995ad69 || (_templateObject_a6ca80a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <div class=\"input-container\">\n        <input\n          class=\"text-input\"\n          maxlength=\"9\" \n          @input=\"", "\"\n          @keydown=\"", "\" \n          .disabled=", ">\n        </input>\n        <div class=\"color-square\"></div>\n      </div>\n      <div class=\"slider-container\">\n        ", "\n        ", "\n        ", "\n        ", "\n      </div>\n    "])), this.largeDisplay ? (0, _index.html)(_templateObject2_a6ca80a01f0511ed8cc3e9a95995ad69 || (_templateObject2_a6ca80a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"large-display\"></div>"]))) : "", this._inputChanged, this._validateInput, this.disabled, this.renderFieldSet("R"), this.renderFieldSet("G"), this.renderFieldSet("B"), this.renderFieldSet("O"));
+        return (0, _index.html)(_templateObject_81ae85701f2611eda0c389891c227ec8 || (_templateObject_81ae85701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <div class=\"input-container\">\n        <input\n          class=\"text-input\"\n          maxlength=\"9\" \n          @input=\"", "\"\n          @keydown=\"", "\" \n          .disabled=", ">\n        </input>\n        <div class=\"color-square\"></div>\n      </div>\n      <div class=\"slider-container\">\n        ", "\n        ", "\n        ", "\n        ", "\n      </div>\n    "])), this.largeDisplay ? (0, _index.html)(_templateObject2_81ae85701f2611eda0c389891c227ec8 || (_templateObject2_81ae85701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"large-display\"></div>"]))) : "", this._inputChanged, this._validateInput, this.disabled, this.renderFieldSet("R"), this.renderFieldSet("G"), this.renderFieldSet("B"), this.renderFieldSet("O"));
       }
     }, {
       key: "_validateInput",
@@ -192,7 +192,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
     }, {
       key: "renderFieldSet",
       value: function renderFieldSet(value) {
-        return (0, _index.html)(_templateObject3_a6ca80a01f0511ed8cc3e9a95995ad69 || (_templateObject3_a6ca80a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <fieldset>\n        <label for=\"", "\">", "</label>\n        <input\n          @input=", "\n          type=\"range\"\n          min=\"0\"\n          max=\"255\"\n          id=\"", "\"\n          step=\"1\"\n          value=\"0\"\n        />\n        <output for=\"", "\" id=\"", "_out\">0</output>\n      </fieldset>\n    "])), value, value, this._fieldSetChange, value, value, value);
+        return (0, _index.html)(_templateObject3_81ae85701f2611eda0c389891c227ec8 || (_templateObject3_81ae85701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <fieldset>\n        <label for=\"", "\">", "</label>\n        <input\n          @input=", "\n          type=\"range\"\n          min=\"0\"\n          max=\"255\"\n          id=\"", "\"\n          step=\"1\"\n          value=\"0\"\n        />\n        <output for=\"", "\" id=\"", "_out\">0</output>\n      </fieldset>\n    "])), value, value, this._fieldSetChange, value, value, value);
       }
       /**
        * LitElement life cycle - property changed
@@ -292,7 +292,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject4_a6ca80a01f0511ed8cc3e9a95995ad69 || (_templateObject4_a6ca80a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --color-picker-width: 200px;\n          --color-picker-input-margin: 5px;\n          --color-picker-input-padding: 5px;\n          display: flex;\n          flex-direction: column;\n        }\n\n        .input-container {\n          display: inline-flex;\n          align-items: center;\n          box-sizing: border-box;\n          width: var(--color-picker-width);\n        }\n\n        .color-square {\n          background-color: #000000ff;\n          border: 1px dotted black;\n          width: var(--color-picker-square-width, 15px);\n          height: var(--color-picker-square-height, 15px);\n          margin-left: -35px;\n        }\n\n        .slider-container {\n          width: var(--color-picker-width);\n        }\n\n        fieldset {\n          border: none;\n          display: flex;\n          align-items: center;\n        }\n\n        .text-input {\n          margin-top: var(--color-picker-input-margin);\n          margin-bottom: var(--color-picker-input-margin);\n          padding: var(--color-picker-input-padding);\n          width: calc(\n            var(--color-picker-width) - 8px - var(--color-picker-input-margin)\n          );\n        }\n\n        .large-display {\n          width: var(--color-picker-width);\n          height: var(--color-picker-lg-block-height, 100px);\n          background-color: #000000ff;\n          border: 1px dotted black;\n          border-radius: 2px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_81ae85701f2611eda0c389891c227ec8 || (_templateObject4_81ae85701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --color-picker-width: 200px;\n          --color-picker-input-margin: 5px;\n          --color-picker-input-padding: 5px;\n          display: flex;\n          flex-direction: column;\n        }\n\n        .input-container {\n          display: inline-flex;\n          align-items: center;\n          box-sizing: border-box;\n          width: var(--color-picker-width);\n        }\n\n        .color-square {\n          background-color: #000000ff;\n          border: 1px dotted black;\n          width: var(--color-picker-square-width, 15px);\n          height: var(--color-picker-square-height, 15px);\n          margin-left: -35px;\n        }\n\n        .slider-container {\n          width: var(--color-picker-width);\n        }\n\n        fieldset {\n          border: none;\n          display: flex;\n          align-items: center;\n        }\n\n        .text-input {\n          margin-top: var(--color-picker-input-margin);\n          margin-bottom: var(--color-picker-input-margin);\n          padding: var(--color-picker-input-padding);\n          width: calc(\n            var(--color-picker-width) - 8px - var(--color-picker-input-margin)\n          );\n        }\n\n        .large-display {\n          width: var(--color-picker-width);\n          height: var(--color-picker-lg-block-height, 100px);\n          background-color: #000000ff;\n          border: 1px dotted black;\n          border-radius: 2px;\n        }\n      "])))];
       }
       /**
        * Convention we use
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hexagon-loader/hexagon-loader.js b/build/es5-amd/node_modules/@lrnwebcomponents/hexagon-loader/hexagon-loader.js
index 9a8adc9fe21..8ee536f20b5 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hexagon-loader/hexagon-loader.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hexagon-loader/hexagon-loader.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/hex-a-gon.js"], function (_expor
   });
   _exports.HexagonLoader = void 0;
 
-  var _templateObject_a6dde1901f0511ed8cc3e9a95995ad69, _templateObject2_a6dde1901f0511ed8cc3e9a95995ad69, _templateObject3_a6dde1901f0511ed8cc3e9a95995ad69;
+  var _templateObject_81b207e01f2611eda0c389891c227ec8, _templateObject2_81b207e01f2611eda0c389891c227ec8, _templateObject3_81b207e01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -52,8 +52,8 @@ define(["exports", "../../lit/index.js", "./lib/hex-a-gon.js"], function (_expor
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a6dde1901f0511ed8cc3e9a95995ad69 || (_templateObject_a6dde1901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div>\n      ", "\n    </div>"])), this.items.map(function (item) {
-          return (0, _index.html)(_templateObject2_a6dde1901f0511ed8cc3e9a95995ad69 || (_templateObject2_a6dde1901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<hex-a-gon></hex-a-gon>"])));
+        return (0, _index.html)(_templateObject_81b207e01f2611eda0c389891c227ec8 || (_templateObject_81b207e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div>\n      ", "\n    </div>"])), this.items.map(function (item) {
+          return (0, _index.html)(_templateObject2_81b207e01f2611eda0c389891c227ec8 || (_templateObject2_81b207e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<hex-a-gon></hex-a-gon>"])));
         }));
       } // properties available to the custom element for data binding
 
@@ -112,7 +112,7 @@ define(["exports", "../../lit/index.js", "./lib/hex-a-gon.js"], function (_expor
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject3_a6dde1901f0511ed8cc3e9a95995ad69 || (_templateObject3_a6dde1901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([loading]) {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: center;\n          margin: 0 auto;\n          padding: 0 0 0 0 !important;\n          width: var(--hexagon-loader-width, 255px);\n          height: var(--hexagon-loader-height, 232.5px);\n        }\n\n        :host([size=\"small\"]) {\n          width: calc(0.5 * var(--hexagon-loader-width, 255px));\n          height: calc(0.5 * var(--hexagon-loader-height, 232.5px));\n        }\n\n        :host([size=\"large\"]) {\n          width: calc(1.25 * var(--hexagon-loader-width, 255px));\n          height: calc(1.25 * var(--hexagon-loader-height, 232.5px));\n        }\n\n        :host([size=\"epic\"]) {\n          width: calc(2.5 * var(--hexagon-loader-width, 255px));\n          height: calc(2.5 * var(--hexagon-loader-height, 232.5px));\n        }\n\n        div {\n          position: relative;\n          margin: 0 auto;\n          flex: 1 1 100%;\n          width: 100%;\n        }\n\n        hex-a-gon {\n          display: none;\n          position: absolute;\n          top: 9px;\n          left: 15px;\n          width: var(--hexagon-width, 30px);\n          height: var(--hexagon-height, 18px);\n          color: #9fb475;\n          -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n          -webkit-transform-origin: 0 0;\n          transform-origin: 0 0;\n        }\n\n        :host([size=\"small\"]) hex-a-gon {\n          --hexagon-width: calc(0.5 * 30px);\n          --hexagon-height: calc(0.5 * 18px);\n          top: calc(0.1 * 9px);\n          left: calc(0.5 * 15px);\n        }\n\n        :host([size=\"large\"]) hex-a-gon {\n          --hexagon-width: calc(1.25 * 30px);\n          --hexagon-height: calc(1.25 * 18px);\n          top: calc(1.5 * 9px);\n          left: calc(1.25 * 15px);\n        }\n\n        :host([size=\"epic\"]) hex-a-gon {\n          --hexagon-width: calc(2.5 * 30px);\n          --hexagon-height: calc(2.5 * 18px);\n          top: calc(4 * 9px);\n          left: calc(2.5 * 15px);\n        }\n\n        hex-a-gon:nth-of-type(1) {\n          display: block;\n          margin-left: calc(100% * 1.5 / 7);\n          margin-top: 0%;\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(2) {\n          display: block;\n          margin-left: calc(100% * 2.5 / 7);\n          margin-top: 0%;\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(3) {\n          display: block;\n          margin-left: calc(100% * 3.5 / 7);\n          margin-top: 0%;\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(4) {\n          display: block;\n          margin-left: calc(100% * 4.5 / 7);\n          margin-top: 0%;\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(5) {\n          display: block;\n          margin-left: calc(100% * 1 / 7);\n          margin-top: calc(100% * 1 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(6) {\n          display: block;\n          margin-left: calc(100% * 2 / 7);\n          margin-top: calc(100% * 1 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(7) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n          margin-top: calc(100% * 1 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(8) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n          margin-top: calc(100% * 1 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(9) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n          margin-top: calc(100% * 1 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n        }\n\n        hex-a-gon:nth-of-type(10) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 0.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(11) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(12) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(13) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(14) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n        }\n\n        hex-a-gon:nth-of-type(15) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 5.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.25s;\n          animation-delay: 0.25s;\n        }\n\n        hex-a-gon:nth-of-type(16) {\n          display: block;\n          margin-left: 0%;\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(17) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 1 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(18) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 2 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(19) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(20) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n        }\n\n        hex-a-gon:nth-of-type(21) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.25s;\n          animation-delay: 0.25s;\n        }\n\n        hex-a-gon:nth-of-type(22) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 6 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.3s;\n          animation-delay: 0.3s;\n        }\n\n        hex-a-gon:nth-of-type(23) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 0.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(24) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(25) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(26) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(27) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n        }\n\n        hex-a-gon:nth-of-type(28) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 5.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.25s;\n          animation-delay: 0.25s;\n        }\n\n        hex-a-gon:nth-of-type(29) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 1 / 7));\n          margin-top: calc(100% * 5 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(30) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 2 / 7));\n          margin-top: calc(100% * 5 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(31) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n          margin-top: calc(100% * 5 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(32) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n          margin-top: calc(100% * 5 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(33) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n          margin-top: calc(100% * 5 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n        }\n\n        hex-a-gon:nth-of-type(34) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n          margin-top: calc(100% * 6 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(35) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n          margin-top: calc(100% * 6 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(36) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n          margin-top: calc(100% * 6 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(37) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n          margin-top: calc(100% * 6 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        :host([item-count=\"1\"]) hex-a-gon:nth-of-type(1),\n        :host([item-count=\"3\"]) hex-a-gon:nth-of-type(2) {\n          margin-left: calc(100% * 3 / 7);\n        }\n\n        :host([item-count=\"2\"]) hex-a-gon:nth-of-type(1) {\n          margin-left: calc(100% * 2.5 / 7);\n        }\n\n        :host([item-count=\"2\"]) hex-a-gon:nth-of-type(2) {\n          margin-left: calc(100% * 3.5 / 7);\n        }\n\n        :host([item-count=\"3\"]) hex-a-gon:nth-of-type(1) {\n          margin-left: calc(100% * 2 / 7);\n        }\n\n        :host([item-count=\"3\"]) hex-a-gon:nth-of-type(3) {\n          margin-left: calc(100% * 4 / 7);\n        }\n\n        @-webkit-keyframes scaleIt {\n          25%,\n          100% {\n            -webkit-transform: scale(1) translate(-50%, -50%);\n            transform: scale(1) translate(-50%, -50%);\n          }\n\n          50% {\n            -webkit-transform: scale(0) translate(-50%, -50%);\n            transform: scale(0) translate(-50%, -50%);\n          }\n        }\n\n        @keyframes scaleIt {\n          25%,\n          100% {\n            -webkit-transform: scale(1) translate(-50%, -50%);\n            transform: scale(1) translate(-50%, -50%);\n          }\n\n          50% {\n            -webkit-transform: scale(0) translate(-50%, -50%);\n            transform: scale(0) translate(-50%, -50%);\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_81b207e01f2611eda0c389891c227ec8 || (_templateObject3_81b207e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([loading]) {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: center;\n          margin: 0 auto;\n          padding: 0 0 0 0 !important;\n          width: var(--hexagon-loader-width, 255px);\n          height: var(--hexagon-loader-height, 232.5px);\n        }\n\n        :host([size=\"small\"]) {\n          width: calc(0.5 * var(--hexagon-loader-width, 255px));\n          height: calc(0.5 * var(--hexagon-loader-height, 232.5px));\n        }\n\n        :host([size=\"large\"]) {\n          width: calc(1.25 * var(--hexagon-loader-width, 255px));\n          height: calc(1.25 * var(--hexagon-loader-height, 232.5px));\n        }\n\n        :host([size=\"epic\"]) {\n          width: calc(2.5 * var(--hexagon-loader-width, 255px));\n          height: calc(2.5 * var(--hexagon-loader-height, 232.5px));\n        }\n\n        div {\n          position: relative;\n          margin: 0 auto;\n          flex: 1 1 100%;\n          width: 100%;\n        }\n\n        hex-a-gon {\n          display: none;\n          position: absolute;\n          top: 9px;\n          left: 15px;\n          width: var(--hexagon-width, 30px);\n          height: var(--hexagon-height, 18px);\n          color: #9fb475;\n          -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n          -webkit-transform-origin: 0 0;\n          transform-origin: 0 0;\n        }\n\n        :host([size=\"small\"]) hex-a-gon {\n          --hexagon-width: calc(0.5 * 30px);\n          --hexagon-height: calc(0.5 * 18px);\n          top: calc(0.1 * 9px);\n          left: calc(0.5 * 15px);\n        }\n\n        :host([size=\"large\"]) hex-a-gon {\n          --hexagon-width: calc(1.25 * 30px);\n          --hexagon-height: calc(1.25 * 18px);\n          top: calc(1.5 * 9px);\n          left: calc(1.25 * 15px);\n        }\n\n        :host([size=\"epic\"]) hex-a-gon {\n          --hexagon-width: calc(2.5 * 30px);\n          --hexagon-height: calc(2.5 * 18px);\n          top: calc(4 * 9px);\n          left: calc(2.5 * 15px);\n        }\n\n        hex-a-gon:nth-of-type(1) {\n          display: block;\n          margin-left: calc(100% * 1.5 / 7);\n          margin-top: 0%;\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(2) {\n          display: block;\n          margin-left: calc(100% * 2.5 / 7);\n          margin-top: 0%;\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(3) {\n          display: block;\n          margin-left: calc(100% * 3.5 / 7);\n          margin-top: 0%;\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(4) {\n          display: block;\n          margin-left: calc(100% * 4.5 / 7);\n          margin-top: 0%;\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(5) {\n          display: block;\n          margin-left: calc(100% * 1 / 7);\n          margin-top: calc(100% * 1 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(6) {\n          display: block;\n          margin-left: calc(100% * 2 / 7);\n          margin-top: calc(100% * 1 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(7) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n          margin-top: calc(100% * 1 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(8) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n          margin-top: calc(100% * 1 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(9) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n          margin-top: calc(100% * 1 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n        }\n\n        hex-a-gon:nth-of-type(10) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 0.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(11) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(12) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(13) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(14) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n        }\n\n        hex-a-gon:nth-of-type(15) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 5.5 / 7));\n          margin-top: calc(100% * 2 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.25s;\n          animation-delay: 0.25s;\n        }\n\n        hex-a-gon:nth-of-type(16) {\n          display: block;\n          margin-left: 0%;\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(17) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 1 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(18) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 2 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(19) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(20) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n        }\n\n        hex-a-gon:nth-of-type(21) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.25s;\n          animation-delay: 0.25s;\n        }\n\n        hex-a-gon:nth-of-type(22) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 6 / 7));\n          margin-top: calc(100% * 3 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.3s;\n          animation-delay: 0.3s;\n        }\n\n        hex-a-gon:nth-of-type(23) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 0.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(24) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(25) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(26) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(27) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n        }\n\n        hex-a-gon:nth-of-type(28) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 5.5 / 7));\n          margin-top: calc(100% * 4 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.25s;\n          animation-delay: 0.25s;\n        }\n\n        hex-a-gon:nth-of-type(29) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 1 / 7));\n          margin-top: calc(100% * 5 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(30) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 2 / 7));\n          margin-top: calc(100% * 5 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(31) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n          margin-top: calc(100% * 5 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(32) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n          margin-top: calc(100% * 5 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        hex-a-gon:nth-of-type(33) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n          margin-top: calc(100% * 5 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n        }\n\n        hex-a-gon:nth-of-type(34) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n          margin-top: calc(100% * 6 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n        }\n\n        hex-a-gon:nth-of-type(35) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n          margin-top: calc(100% * 6 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n        }\n\n        hex-a-gon:nth-of-type(36) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n          margin-top: calc(100% * 6 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n        }\n\n        hex-a-gon:nth-of-type(37) {\n          display: block;\n          margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n          margin-top: calc(100% * 6 / 7);\n          -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n          animation: scaleIt 1.5s ease-in-out infinite both;\n          -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n        }\n\n        :host([item-count=\"1\"]) hex-a-gon:nth-of-type(1),\n        :host([item-count=\"3\"]) hex-a-gon:nth-of-type(2) {\n          margin-left: calc(100% * 3 / 7);\n        }\n\n        :host([item-count=\"2\"]) hex-a-gon:nth-of-type(1) {\n          margin-left: calc(100% * 2.5 / 7);\n        }\n\n        :host([item-count=\"2\"]) hex-a-gon:nth-of-type(2) {\n          margin-left: calc(100% * 3.5 / 7);\n        }\n\n        :host([item-count=\"3\"]) hex-a-gon:nth-of-type(1) {\n          margin-left: calc(100% * 2 / 7);\n        }\n\n        :host([item-count=\"3\"]) hex-a-gon:nth-of-type(3) {\n          margin-left: calc(100% * 4 / 7);\n        }\n\n        @-webkit-keyframes scaleIt {\n          25%,\n          100% {\n            -webkit-transform: scale(1) translate(-50%, -50%);\n            transform: scale(1) translate(-50%, -50%);\n          }\n\n          50% {\n            -webkit-transform: scale(0) translate(-50%, -50%);\n            transform: scale(0) translate(-50%, -50%);\n          }\n        }\n\n        @keyframes scaleIt {\n          25%,\n          100% {\n            -webkit-transform: scale(1) translate(-50%, -50%);\n            transform: scale(1) translate(-50%, -50%);\n          }\n\n          50% {\n            -webkit-transform: scale(0) translate(-50%, -50%);\n            transform: scale(0) translate(-50%, -50%);\n          }\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/iconset-demo/iconset-demo.js b/build/es5-amd/node_modules/@lrnwebcomponents/iconset-demo/iconset-demo.js
index 482c0bc5912..ee0bdded75d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/iconset-demo/iconset-demo.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/iconset-demo/iconset-demo.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.IconsetDemo = void 0;
 
-  var _templateObject_9d8378d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_788f50f01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -93,7 +93,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
       key: "template",
       get: // render function
       function get() {
-        return (0, _polymerElement.html)(_templateObject_9d8378d01f0511ed8cc3e9a95995ad69 || (_templateObject_9d8378d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <style>\n        :host {\n          display: block;\n          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n            0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);\n          margin-bottom: 40px;\n          padding: 20px 40px;\n        }\n\n        :host .iconset:not(:first-of-type) {\n          border-top: 1px solid #ddd;\n        }\n\n        :host ul {\n          list-style-type: none;\n          padding: 0;\n        }\n\n        :host li {\n          display: inline-block;\n          width: 160px;\n          margin: 16px 8px;\n          text-align: center;\n          font-size: 10px;\n        }\n\n        :host simple-icon {\n          font-size: 14px;\n          color: rgb(97, 97, 97);\n          display: inline-block;\n        }\n\n        :host .iconset:nth-of-type(9n + 2) simple-icon {\n          color: #be3300;\n        }\n\n        :host .iconset:nth-of-type(9n + 3) simple-icon {\n          color: #0000b5;\n        }\n\n        :host .iconset:nth-of-type(9n + 4) simple-icon {\n          color: #750075;\n        }\n\n        :host .iconset:nth-of-type(9n + 5) simple-icon {\n          color: #aa5d00;\n        }\n\n        :host .iconset:nth-of-type(9n + 6) simple-icon {\n          color: #db0a5b;\n        }\n\n        :host .iconset:nth-of-type(9n + 7) simple-icon {\n          color: #005500;\n        }\n\n        :host .iconset:nth-of-type(9n + 8) simple-icon {\n          color: #cf000f;\n        }\n\n        :host .iconset:nth-of-type(9n) simple-icon {\n          color: #005f8b;\n        }\n      </style>\n      <template is=\"dom-repeat\" items=\"[[__iconList]]\" as=\"iconset\">\n        <div class=\"iconset\">\n          <p><strong>[[iconset.name]]</strong></p>\n          <ul>\n            <template is=\"dom-repeat\" items=\"[[iconset.icons]]\" as=\"icon\">\n              <li>\n                <div id=\"icon\">\n                  <simple-icon icon$=\"[[icon]]\"></simple-icon>\n                  <div id=\"icon-text\">[[icon]]</div>\n                </div>\n              </li>\n            </template>\n          </ul>\n        </div>\n      </template>"])));
+        return (0, _polymerElement.html)(_templateObject_788f50f01f2611eda0c389891c227ec8 || (_templateObject_788f50f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <style>\n        :host {\n          display: block;\n          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n            0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);\n          margin-bottom: 40px;\n          padding: 20px 40px;\n        }\n\n        :host .iconset:not(:first-of-type) {\n          border-top: 1px solid #ddd;\n        }\n\n        :host ul {\n          list-style-type: none;\n          padding: 0;\n        }\n\n        :host li {\n          display: inline-block;\n          width: 160px;\n          margin: 16px 8px;\n          text-align: center;\n          font-size: 10px;\n        }\n\n        :host simple-icon {\n          font-size: 14px;\n          color: rgb(97, 97, 97);\n          display: inline-block;\n        }\n\n        :host .iconset:nth-of-type(9n + 2) simple-icon {\n          color: #be3300;\n        }\n\n        :host .iconset:nth-of-type(9n + 3) simple-icon {\n          color: #0000b5;\n        }\n\n        :host .iconset:nth-of-type(9n + 4) simple-icon {\n          color: #750075;\n        }\n\n        :host .iconset:nth-of-type(9n + 5) simple-icon {\n          color: #aa5d00;\n        }\n\n        :host .iconset:nth-of-type(9n + 6) simple-icon {\n          color: #db0a5b;\n        }\n\n        :host .iconset:nth-of-type(9n + 7) simple-icon {\n          color: #005500;\n        }\n\n        :host .iconset:nth-of-type(9n + 8) simple-icon {\n          color: #cf000f;\n        }\n\n        :host .iconset:nth-of-type(9n) simple-icon {\n          color: #005f8b;\n        }\n      </style>\n      <template is=\"dom-repeat\" items=\"[[__iconList]]\" as=\"iconset\">\n        <div class=\"iconset\">\n          <p><strong>[[iconset.name]]</strong></p>\n          <ul>\n            <template is=\"dom-repeat\" items=\"[[iconset.icons]]\" as=\"icon\">\n              <li>\n                <div id=\"icon\">\n                  <simple-icon icon$=\"[[icon]]\"></simple-icon>\n                  <div id=\"icon-text\">[[icon]]</div>\n                </div>\n              </li>\n            </template>\n          </ul>\n        </div>\n      </template>"])));
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/iframe-loader/iframe-loader.js b/build/es5-amd/node_modules/@lrnwebcomponents/iframe-loader/iframe-loader.js
index ae562879216..7eb22e02b81 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/iframe-loader/iframe-loader.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/iframe-loader/iframe-loader.js
@@ -1,7 +1,7 @@
 define(["../../lit/index.js", "../../@polymer/polymer/lib/utils/flattened-nodes-observer.js", "./lib/loading-indicator.js"], function (_index, _flattenedNodesObserver, _loadingIndicator) {
   "use strict";
 
-  var _templateObject_a6f7ab201f0511ed8cc3e9a95995ad69, _templateObject2_a6f7ab201f0511ed8cc3e9a95995ad69;
+  var _templateObject_81e218901f2611eda0c389891c227ec8, _templateObject2_81e218901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -101,7 +101,7 @@ define(["../../lit/index.js", "../../@polymer/polymer/lib/utils/flattened-nodes-
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a6f7ab201f0511ed8cc3e9a95995ad69 || (_templateObject_a6f7ab201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\" class=\"", "\">\n        <div id=\"loading-screen\" style=\"height:", "px;\">\n          <loading-indicator></loading-indicator>\n        </div>\n        <div id=\"slot\" style=\"display: ", "\">\n          <slot></slot>\n        </div>\n      </div>\n    "])), this.loading ? "loading" : "loaded", this.__iframeHeight, this.loading ? "none" : "block");
+        return (0, _index.html)(_templateObject_81e218901f2611eda0c389891c227ec8 || (_templateObject_81e218901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\" class=\"", "\">\n        <div id=\"loading-screen\" style=\"height:", "px;\">\n          <loading-indicator></loading-indicator>\n        </div>\n        <div id=\"slot\" style=\"display: ", "\">\n          <slot></slot>\n        </div>\n      </div>\n    "])), this.loading ? "loading" : "loaded", this.__iframeHeight, this.loading ? "none" : "block");
       }
     }], [{
       key: "properties",
@@ -118,7 +118,7 @@ define(["../../lit/index.js", "../../@polymer/polymer/lib/utils/flattened-nodes-
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject2_a6f7ab201f0511ed8cc3e9a95995ad69 || (_templateObject2_a6f7ab201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      #container {\n        position: relative;\n      }\n      #loading-screen {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .loaded #loading-screen {\n        display: none;\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_81e218901f2611eda0c389891c227ec8 || (_templateObject2_81e218901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      #container {\n        position: relative;\n      }\n      #loading-screen {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .loaded #loading-screen {\n        display: none;\n      }\n    "])));
       }
     }]);
     return IframeLoader;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/iframe-loader/lib/loading-indicator.js b/build/es5-amd/node_modules/@lrnwebcomponents/iframe-loader/lib/loading-indicator.js
index 6494d385bca..97f579bc18d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/iframe-loader/lib/loading-indicator.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/iframe-loader/lib/loading-indicator.js
@@ -1,7 +1,7 @@
 define(["../../../lit/index.js"], function (_index) {
   "use strict";
 
-  var _templateObject_e0027b701f0511ed8cc3e9a95995ad69, _templateObject2_e0027b701f0511ed8cc3e9a95995ad69;
+  var _templateObject_b6e718101f2611eda0c389891c227ec8, _templateObject2_b6e718101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -25,12 +25,12 @@ define(["../../../lit/index.js"], function (_index) {
     babelHelpers.createClass(LoadingIndicator, [{
       key: "render",
       value: function render() {
-        return this.loading ? (0, _index.html)(_templateObject_e0027b701f0511ed8cc3e9a95995ad69 || (_templateObject_e0027b701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"progress-line\"></div>"]))) : _index.nothing;
+        return this.loading ? (0, _index.html)(_templateObject_b6e718101f2611eda0c389891c227ec8 || (_templateObject_b6e718101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"progress-line\"></div>"]))) : _index.nothing;
       }
     }], [{
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject2_e0027b701f0511ed8cc3e9a95995ad69 || (_templateObject2_e0027b701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      .progress-line,\n      .progress-line:before {\n        height: 5px;\n        width: 100%;\n        margin: auto;\n      }\n      :host([full]) .progress-line {\n        --loading-indicator-width: 100%;\n      }\n      .progress-line {\n        background-color: var(\n          --loading-indicator-background-color,\n          rgba(0, 0, 0, 0.05)\n        );\n        display: -webkit-flex;\n        display: flex;\n        width: var(--loading-indicator-width, 300px);\n      }\n      .progress-line:before {\n        background-color: var(--loading-indicator-color, black);\n        content: \"\";\n        animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n      }\n      @keyframes running-progress {\n        0% {\n          margin-left: 0px;\n          margin-right: 100%;\n        }\n        50% {\n          margin-left: 25%;\n          margin-right: 0%;\n        }\n        100% {\n          margin-left: 100%;\n          margin-right: 0;\n        }\n      }\n      @keyframes fade-out {\n        0% {\n          opacity: 1;\n        }\n        99% {\n          opacity: 0;\n        }\n        100% {\n          opacity: 0;\n        }\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_b6e718101f2611eda0c389891c227ec8 || (_templateObject2_b6e718101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n      }\n      .progress-line,\n      .progress-line:before {\n        height: 5px;\n        width: 100%;\n        margin: auto;\n      }\n      :host([full]) .progress-line {\n        --loading-indicator-width: 100%;\n      }\n      .progress-line {\n        background-color: var(\n          --loading-indicator-background-color,\n          rgba(0, 0, 0, 0.05)\n        );\n        display: -webkit-flex;\n        display: flex;\n        width: var(--loading-indicator-width, 300px);\n      }\n      .progress-line:before {\n        background-color: var(--loading-indicator-color, black);\n        content: \"\";\n        animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n      }\n      @keyframes running-progress {\n        0% {\n          margin-left: 0px;\n          margin-right: 100%;\n        }\n        50% {\n          margin-left: 25%;\n          margin-right: 0%;\n        }\n        100% {\n          margin-left: 100%;\n          margin-right: 0;\n        }\n      }\n      @keyframes fade-out {\n        0% {\n          opacity: 1;\n        }\n        99% {\n          opacity: 0;\n        }\n        100% {\n          opacity: 0;\n        }\n      }\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/image-compare-slider/image-compare-slider.js b/build/es5-amd/node_modules/@lrnwebcomponents/image-compare-slider/image-compare-slider.js
index c63d0c91869..d288ca15cd1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/image-compare-slider/image-compare-slider.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/image-compare-slider/image-compare-slider.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a6fba2c01f0511ed8cc3e9a95995ad69, _templateObject2_a6fba2c01f0511ed8cc3e9a95995ad69, _templateObject3_a6fba2c01f0511ed8cc3e9a95995ad69, _templateObject4_a6fba2c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_81e685601f2611eda0c389891c227ec8, _templateObject2_81e685601f2611eda0c389891c227ec8, _templateObject3_81e685601f2611eda0c389891c227ec8, _templateObject4_81e685601f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -57,7 +57,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
     babelHelpers.createClass(ImageCompareSlider, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a6fba2c01f0511ed8cc3e9a95995ad69 || (_templateObject_a6fba2c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), this.elementVisible ? (0, _index.html)(_templateObject2_a6fba2c01f0511ed8cc3e9a95995ad69 || (_templateObject2_a6fba2c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <a11y-compare-image\n            label=\"", "\"\n            accent-color=\"", "\"\n            ?dark=\"", "\"\n            ?opacity=\"", "\"\n            position=\"", "\"\n          >\n            <div slot=\"heading\">\n              ", "\n              <slot name=\"heading\"></slot>\n            </div>\n            <div slot=\"description\"><slot name=\"description\"></slot></div>\n            <img\n              slot=\"bottom\"\n              src=\"", "\"\n              alt=\"", "\"\n              aria-describedby=\"", "\"\n            />\n            <img\n              slot=\"top\"\n              src=\"", "\"\n              alt=\"", "\"\n              aria-describedby=\"", "\"\n            />\n          </a11y-compare-image>\n        "])), this.t.slideToCompareImages, this.accentColor, this.dark, this.opacity, this.position, this.title ? (0, _index.html)(_templateObject3_a6fba2c01f0511ed8cc3e9a95995ad69 || (_templateObject3_a6fba2c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <h2>", "</h2> "])), this.title) : "", this.bottomSrc, this.bottomAlt, this.bottomDescriptionId || "description", this.topSrc, this.topAlt, this.topDescriptionId || "description") : "");
+        return (0, _index.html)(_templateObject_81e685601f2611eda0c389891c227ec8 || (_templateObject_81e685601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), this.elementVisible ? (0, _index.html)(_templateObject2_81e685601f2611eda0c389891c227ec8 || (_templateObject2_81e685601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <a11y-compare-image\n            label=\"", "\"\n            accent-color=\"", "\"\n            ?dark=\"", "\"\n            ?opacity=\"", "\"\n            position=\"", "\"\n          >\n            <div slot=\"heading\">\n              ", "\n              <slot name=\"heading\"></slot>\n            </div>\n            <div slot=\"description\"><slot name=\"description\"></slot></div>\n            <img\n              slot=\"bottom\"\n              src=\"", "\"\n              alt=\"", "\"\n              aria-describedby=\"", "\"\n            />\n            <img\n              slot=\"top\"\n              src=\"", "\"\n              alt=\"", "\"\n              aria-describedby=\"", "\"\n            />\n          </a11y-compare-image>\n        "])), this.t.slideToCompareImages, this.accentColor, this.dark, this.opacity, this.position, this.title ? (0, _index.html)(_templateObject3_81e685601f2611eda0c389891c227ec8 || (_templateObject3_81e685601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <h2>", "</h2> "])), this.title) : "", this.bottomSrc, this.bottomAlt, this.bottomDescriptionId || "description", this.topSrc, this.topAlt, this.topDescriptionId || "description") : "");
       }
     }, {
       key: "updated",
@@ -83,7 +83,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject4_a6fba2c01f0511ed8cc3e9a95995ad69 || (_templateObject4_a6fba2c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_81e685601f2611eda0c389891c227ec8 || (_templateObject4_81e685601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/image-inspector/image-inspector.js b/build/es5-amd/node_modules/@lrnwebcomponents/image-inspector/image-inspector.js
index b082daa9cb2..41f3baf8c09 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/image-inspector/image-inspector.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/image-inspector/image-inspector.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../exif-data/exif-data.js", "../simple
   });
   _exports.ImageInspector = void 0;
 
-  var _templateObject_a8204ca01f0511ed8cc3e9a95995ad69, _templateObject2_a8204ca01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8297acf01f2611eda0c389891c227ec8, _templateObject2_8297acf01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -37,7 +37,7 @@ define(["exports", "../../lit/index.js", "../exif-data/exif-data.js", "../simple
     babelHelpers.createClass(ImageInspector, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a8204ca01f0511ed8cc3e9a95995ad69 || (_templateObject_a8204ca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrap\">\n        <simple-icon-button\n          title=\"Zoom in\"\n          icon=\"zoom-in\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"Zoom out\"\n          icon=\"zoom-out\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"Rotate right\"\n          icon=\"image:rotate-right\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"Rotate left\"\n          icon=\"image:rotate-left\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"Mirror image\"\n          icon=\"image:flip\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"Open in new window\"\n          icon=\"launch\"\n          href=\"", "\"\n          target=\"_blank\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"EXIF Data\"\n          icon=\"image:camera-roll\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <slot name=\"toolbar\"></slot>\n      </div>\n      <exif-data\n        id=\"exif\"\n        @click=", "\n        no-events\n        ?no-left=\"", "\"\n        ><img src=\"", "\" />\n      </exif-data>\n      <img-pan-zoom id=\"img\" src=\"", "\"></img-pan-zoom>\n      <slot></slot>\n    "])), this.zoomIn, this.zoomOut, this.rotateRight, this.rotateLeft, this.mirrorImage, this.src, this.exifDataEvent, this.hideData, this.noLeft, this.src, this.src);
+        return (0, _index.html)(_templateObject_8297acf01f2611eda0c389891c227ec8 || (_templateObject_8297acf01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrap\">\n        <simple-icon-button\n          title=\"Zoom in\"\n          icon=\"zoom-in\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"Zoom out\"\n          icon=\"zoom-out\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"Rotate right\"\n          icon=\"image:rotate-right\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"Rotate left\"\n          icon=\"image:rotate-left\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"Mirror image\"\n          icon=\"image:flip\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"Open in new window\"\n          icon=\"launch\"\n          href=\"", "\"\n          target=\"_blank\"\n        ></simple-icon-button>\n        <simple-icon-button\n          title=\"EXIF Data\"\n          icon=\"image:camera-roll\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <slot name=\"toolbar\"></slot>\n      </div>\n      <exif-data\n        id=\"exif\"\n        @click=", "\n        no-events\n        ?no-left=\"", "\"\n        ><img src=\"", "\" />\n      </exif-data>\n      <img-pan-zoom id=\"img\" src=\"", "\"></img-pan-zoom>\n      <slot></slot>\n    "])), this.zoomIn, this.zoomOut, this.rotateRight, this.rotateLeft, this.mirrorImage, this.src, this.exifDataEvent, this.hideData, this.noLeft, this.src, this.src);
       }
     }, {
       key: "exifDataEvent",
@@ -138,7 +138,7 @@ define(["exports", "../../lit/index.js", "../exif-data/exif-data.js", "../simple
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_a8204ca01f0511ed8cc3e9a95995ad69 || (_templateObject2_a8204ca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          overflow: hidden;\n          background-color: var(--image-inspector-background-color, #fdfdfd);\n        }\n\n        simple-icon-button {\n          display: inline-flex;\n          --simple-icon-width: 36px;\n          --simple-icon-height: 36px;\n          margin: 0 8px;\n          background-color: var(--image-inspector-background-color, #fdfdfd);\n          transition: 0.2s all ease-in-out;\n        }\n        simple-icon-button:hover,\n        simple-icon-button:focus,\n        simple-icon-button:active {\n          background-color: var(\n            --image-inspector-background-color-active,\n            #eeeeee\n          );\n        }\n\n        .top-rotated {\n          top: 150px;\n          pointer-events: none; /** disable pointer events when rotated bc of HTML canvas issue */\n        }\n        .showData {\n          display: block;\n          z-index: 2;\n        }\n        exif-data {\n          margin: 0 auto;\n          justify-content: space-evenly;\n          position: absolute;\n          display: none;\n          margin: 0;\n          padding: 0;\n        }\n        exif-data img {\n          margin: 0;\n          opacity: 0;\n          padding: 0;\n          height: 500px;\n          pointer-events: none;\n        }\n        .wrap {\n          border-bottom: 1px solid black;\n          justify-content: center;\n          display: flex;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8297acf01f2611eda0c389891c227ec8 || (_templateObject2_8297acf01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          overflow: hidden;\n          background-color: var(--image-inspector-background-color, #fdfdfd);\n        }\n\n        simple-icon-button {\n          display: inline-flex;\n          --simple-icon-width: 36px;\n          --simple-icon-height: 36px;\n          margin: 0 8px;\n          background-color: var(--image-inspector-background-color, #fdfdfd);\n          transition: 0.2s all ease-in-out;\n        }\n        simple-icon-button:hover,\n        simple-icon-button:focus,\n        simple-icon-button:active {\n          background-color: var(\n            --image-inspector-background-color-active,\n            #eeeeee\n          );\n        }\n\n        .top-rotated {\n          top: 150px;\n          pointer-events: none; /** disable pointer events when rotated bc of HTML canvas issue */\n        }\n        .showData {\n          display: block;\n          z-index: 2;\n        }\n        exif-data {\n          margin: 0 auto;\n          justify-content: space-evenly;\n          position: absolute;\n          display: none;\n          margin: 0;\n          padding: 0;\n        }\n        exif-data img {\n          margin: 0;\n          opacity: 0;\n          padding: 0;\n          height: 500px;\n          pointer-events: none;\n        }\n        .wrap {\n          border-bottom: 1px solid black;\n          justify-content: center;\n          display: flex;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/img-pan-zoom/img-pan-zoom.js b/build/es5-amd/node_modules/@lrnwebcomponents/img-pan-zoom/img-pan-zoom.js
index 457d341bd6a..00a6c20798c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/img-pan-zoom/img-pan-zoom.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/img-pan-zoom/img-pan-zoom.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../es-global-bridge
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a82c5a901f0511ed8cc3e9a95995ad69, _templateObject2_a82c5a901f0511ed8cc3e9a95995ad69, _templateObject3_a82c5a901f0511ed8cc3e9a95995ad69, _templateObject4_a82c5a901f0511ed8cc3e9a95995ad69;
+  var _templateObject_82a122d01f2611eda0c389891c227ec8, _templateObject2_82a122d01f2611eda0c389891c227ec8, _templateObject3_82a122d01f2611eda0c389891c227ec8, _templateObject4_82a122d01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -85,7 +85,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../es-global-bridge
     babelHelpers.createClass(ImgPanZoom, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a82c5a901f0511ed8cc3e9a95995ad69 || (_templateObject_a82c5a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <!-- Only preload regular images -->\n      ", "\n\n      <!-- Openseadragon -->\n      <div id=\"viewer\"></div>\n    "])), !this.dzi ? (0, _index.html)(_templateObject2_a82c5a901f0511ed8cc3e9a95995ad69 || (_templateObject2_a82c5a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            ", "\n            <img-loader\n              ?loaded=\"", "\"\n              @loaded-changed=\"", "\"\n              ?loading=\"", "\"\n              @loading-changed=\"", "\"\n              src=\"", "\"\n              described-by=\"", "\"\n            ></img-loader>\n          "])), this.hideSpinner || this.loaded ? "" : (0, _index.html)(_templateObject3_a82c5a901f0511ed8cc3e9a95995ad69 || (_templateObject3_a82c5a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <div id=\"loader\">\n                    <hexagon-loader\n                      ?loading=", "\n                      item-count=\"4\"\n                      size=\"small\"\n                    ></hexagon-loader>\n                  </div>\n                "])), this.loading || !this.loaded), this.loaded, this.loadedChangedEvent, this.loading, this.loadingChangedEvent, this.src || (this.sources || [])[0], this.describedBy || "") : "");
+        return (0, _index.html)(_templateObject_82a122d01f2611eda0c389891c227ec8 || (_templateObject_82a122d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <!-- Only preload regular images -->\n      ", "\n\n      <!-- Openseadragon -->\n      <div id=\"viewer\"></div>\n    "])), !this.dzi ? (0, _index.html)(_templateObject2_82a122d01f2611eda0c389891c227ec8 || (_templateObject2_82a122d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            ", "\n            <img-loader\n              ?loaded=\"", "\"\n              @loaded-changed=\"", "\"\n              ?loading=\"", "\"\n              @loading-changed=\"", "\"\n              src=\"", "\"\n              described-by=\"", "\"\n            ></img-loader>\n          "])), this.hideSpinner || this.loaded ? "" : (0, _index.html)(_templateObject3_82a122d01f2611eda0c389891c227ec8 || (_templateObject3_82a122d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <div id=\"loader\">\n                    <hexagon-loader\n                      ?loading=", "\n                      item-count=\"4\"\n                      size=\"small\"\n                    ></hexagon-loader>\n                  </div>\n                "])), this.loading || !this.loaded), this.loaded, this.loadedChangedEvent, this.loading, this.loadingChangedEvent, this.src || (this.sources || [])[0], this.describedBy || "") : "");
       }
     }, {
       key: "updated",
@@ -486,7 +486,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../es-global-bridge
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject4_a82c5a901f0511ed8cc3e9a95995ad69 || (_templateObject4_a82c5a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: relative;\n          height: var(--img-pan-zoom-height, 500px);\n        }\n        #viewer {\n          position: relative;\n          height: 100%;\n          width: 100%;\n        }\n        #loader {\n          display: none;\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-around;\n          width: 100%;\n          height: calc(var(--img-pan-zoom-height, 500px) - 100px);\n          margin-bottom: calc(100px - var(--img-pan-zoom-height, 500px));\n          z-index: 1;\n        }\n        hexagon-loader {\n          position: absolute;\n          opacity: 0;\n          transition: opacity 700ms;\n          margin: auto;\n        }\n        hexagon-loader[hidden] {\n          display: none;\n        }\n        hexagon-loader[loading] {\n          opacity: 1;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_82a122d01f2611eda0c389891c227ec8 || (_templateObject4_82a122d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: relative;\n          height: var(--img-pan-zoom-height, 500px);\n        }\n        #viewer {\n          position: relative;\n          height: 100%;\n          width: 100%;\n        }\n        #loader {\n          display: none;\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-around;\n          width: 100%;\n          height: calc(var(--img-pan-zoom-height, 500px) - 100px);\n          margin-bottom: calc(100px - var(--img-pan-zoom-height, 500px));\n          z-index: 1;\n        }\n        hexagon-loader {\n          position: absolute;\n          opacity: 0;\n          transition: opacity 700ms;\n          margin: auto;\n        }\n        hexagon-loader[hidden] {\n          display: none;\n        }\n        hexagon-loader[loading] {\n          opacity: 1;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/img-pan-zoom/lib/img-loader.js b/build/es5-amd/node_modules/@lrnwebcomponents/img-pan-zoom/lib/img-loader.js
index 2f026e6adbf..61aca2b4b5a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/img-pan-zoom/lib/img-loader.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/img-pan-zoom/lib/img-loader.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.ImgLoader = void 0;
 
-  var _templateObject_e00450301f0511ed8cc3e9a95995ad69;
+  var _templateObject_b6e8ecd01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -45,7 +45,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_e00450301f0511ed8cc3e9a95995ad69 || (_templateObject_e00450301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""])));
+        return (0, _index.html)(_templateObject_b6e8ecd01f2611eda0c389891c227ec8 || (_templateObject_b6e8ecd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""])));
       }
       /**
        * convention
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/img-view-modal/img-view-modal.js b/build/es5-amd/node_modules/@lrnwebcomponents/img-view-modal/img-view-modal.js
index 2473cc38ec5..fae16e8c58b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/img-view-modal/img-view-modal.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/img-view-modal/img-view-modal.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-modal/simple-modal.js", "./l
   });
   _exports.ImgViewModal = void 0;
 
-  var _templateObject_a9e2bd201f0511ed8cc3e9a95995ad69, _templateObject2_a9e2bd201f0511ed8cc3e9a95995ad69;
+  var _templateObject_8490bdd01f2611eda0c389891c227ec8, _templateObject2_8490bdd01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -55,7 +55,7 @@ define(["exports", "../../lit/index.js", "../simple-modal/simple-modal.js", "./l
     babelHelpers.createClass(ImgViewModal, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a9e2bd201f0511ed8cc3e9a95995ad69 || (_templateObject_a9e2bd201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+        return (0, _index.html)(_templateObject_8490bdd01f2611eda0c389891c227ec8 || (_templateObject_8490bdd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
       }
     }, {
       key: "_getCssVar",
@@ -143,7 +143,7 @@ define(["exports", "../../lit/index.js", "../simple-modal/simple-modal.js", "./l
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject2_a9e2bd201f0511ed8cc3e9a95995ad69 || (_templateObject2_a9e2bd201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n        --simple-modal-width: var(--img-view-modal-width, 90%);\n        --simple-modal-height: var(--img-view-modal-height, 90vh);\n        --simple-modal-titlebar-height: 40px;\n        --simple-modal-titlebar-line-height: 40px;\n        --simple-modal-titlebar-height: 40px;\n        --simple-modal-titlebar-padding: 0px 5px 0px 15px;\n        --simple-modal-titlebar-background: var(\n          --img-view-modal-backgroundColor,\n          white\n        );\n        --simple-modal-header-background: var(\n          --img-view-modal-backgroundColor,\n          white\n        );\n        --simple-modal-header-color: var(--img-view-modal-color, black);\n        --simple-modal-header-padding: 0px;\n        --simple-modal-content-padding: 0px;\n        --simple-modal-buttons-padding: 0px;\n        --img-view-viewer-height: calc(\n          var(--simple-modal-height) - var(--simple-modal-titlebar-height)\n        );\n        --img-view-viewer-backgroundColor: var(\n          --img-view-modal-backgroundColor,\n          white\n        );\n        --img-view-viewer-color: var(--img-view-modal-color, black);\n        --img-view-viewer-borderColor: var(--img-view-modal-borderColor, #ddd);\n        --img-view-viewer-toggled-backgroundColor: var(\n          --img-view-modal-toggled-backgroundColor,\n          #eee\n        );\n      }\n      :host([hidden]) {\n        display: none;\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_8490bdd01f2611eda0c389891c227ec8 || (_templateObject2_8490bdd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: block;\n        --simple-modal-width: var(--img-view-modal-width, 90%);\n        --simple-modal-height: var(--img-view-modal-height, 90vh);\n        --simple-modal-titlebar-height: 40px;\n        --simple-modal-titlebar-line-height: 40px;\n        --simple-modal-titlebar-height: 40px;\n        --simple-modal-titlebar-padding: 0px 5px 0px 15px;\n        --simple-modal-titlebar-background: var(\n          --img-view-modal-backgroundColor,\n          white\n        );\n        --simple-modal-header-background: var(\n          --img-view-modal-backgroundColor,\n          white\n        );\n        --simple-modal-header-color: var(--img-view-modal-color, black);\n        --simple-modal-header-padding: 0px;\n        --simple-modal-content-padding: 0px;\n        --simple-modal-buttons-padding: 0px;\n        --img-view-viewer-height: calc(\n          var(--simple-modal-height) - var(--simple-modal-titlebar-height)\n        );\n        --img-view-viewer-backgroundColor: var(\n          --img-view-modal-backgroundColor,\n          white\n        );\n        --img-view-viewer-color: var(--img-view-modal-color, black);\n        --img-view-viewer-borderColor: var(--img-view-modal-borderColor, #ddd);\n        --img-view-viewer-toggled-backgroundColor: var(\n          --img-view-modal-toggled-backgroundColor,\n          #eee\n        );\n      }\n      :host([hidden]) {\n        display: none;\n      }\n    "])));
       }
     }]);
     return ImgViewModal;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/img-view-modal/lib/img-view-viewer.js b/build/es5-amd/node_modules/@lrnwebcomponents/img-view-modal/lib/img-view-viewer.js
index b2dba150bc9..bde1cda1bd9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/img-view-modal/lib/img-view-viewer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/img-view-modal/lib/img-view-viewer.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../img-pan-zoom/img-p
   _exports.ImgViewViewer = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject2_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject3_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject4_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject5_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject6_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject7_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject8_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject9_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject10_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject11_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject12_e02cbfc01f0511ed8cc3e9a95995ad69, _templateObject13_e02cbfc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b71023e01f2611eda0c389891c227ec8, _templateObject2_b71023e01f2611eda0c389891c227ec8, _templateObject3_b71023e01f2611eda0c389891c227ec8, _templateObject4_b71023e01f2611eda0c389891c227ec8, _templateObject5_b71023e01f2611eda0c389891c227ec8, _templateObject6_b71023e01f2611eda0c389891c227ec8, _templateObject7_b71023e01f2611eda0c389891c227ec8, _templateObject8_b71023e01f2611eda0c389891c227ec8, _templateObject9_b71023e01f2611eda0c389891c227ec8, _templateObject10_b71023e01f2611eda0c389891c227ec8, _templateObject11_b71023e01f2611eda0c389891c227ec8, _templateObject12_b71023e01f2611eda0c389891c227ec8, _templateObject13_b71023e01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -61,7 +61,7 @@ define(["exports", "require", "../../../lit/index.js", "../../img-pan-zoom/img-p
     babelHelpers.createClass(ImgViewViewer, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <div id=\"container\">\n        ", "\n        <div>\n          <div\n            id=\"viewer\"\n            style=\"height:calc(var(--img-view-viewer-height, 500px) - ", "px)\"\n          ></div>\n        </div>\n        <div id=\"placeholder\">\n          <div id=\"info\" ?hidden=\"", "\">", "</div>\n        </div>\n        ", "\n      </div>\n    "])), !this.dzi ? (0, _index.html)(_templateObject2_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject2_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            ", "\n          "])), this.hideSpinner ? "" : (0, _index.html)(_templateObject3_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject3_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <div id=\"loader\" ?hidden=\"", "\">\n                    <hexagon-loader\n                      ?loading=", "\n                      item-count=\"4\"\n                    ></hexagon-loader>\n                  </div>\n                  <img-loader\n                    ?loaded=\"", "\"\n                    @loaded-changed=\"", "\"\n                    ?loading=\"", "\"\n                    @loading-changed=\"", "\"\n                    src=\"", "\"\n                    described-by=\"", "\"\n                  ></img-loader>\n                "])), this.loaded, this.loading || !this.loaded, this.loaded, this.loadedChangedEvent, this.loading, this.loadingChangedEvent, this.loadSrc, this.describedBy || "")) : "", this.getToolbars("top"), this.toolbarsHeight, !this.info, this.info, this.getToolbars("bottom"));
+        return (0, _index.html)(_templateObject_b71023e01f2611eda0c389891c227ec8 || (_templateObject_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <div id=\"container\">\n        ", "\n        <div>\n          <div\n            id=\"viewer\"\n            style=\"height:calc(var(--img-view-viewer-height, 500px) - ", "px)\"\n          ></div>\n        </div>\n        <div id=\"placeholder\">\n          <div id=\"info\" ?hidden=\"", "\">", "</div>\n        </div>\n        ", "\n      </div>\n    "])), !this.dzi ? (0, _index.html)(_templateObject2_b71023e01f2611eda0c389891c227ec8 || (_templateObject2_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            ", "\n          "])), this.hideSpinner ? "" : (0, _index.html)(_templateObject3_b71023e01f2611eda0c389891c227ec8 || (_templateObject3_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <div id=\"loader\" ?hidden=\"", "\">\n                    <hexagon-loader\n                      ?loading=", "\n                      item-count=\"4\"\n                    ></hexagon-loader>\n                  </div>\n                  <img-loader\n                    ?loaded=\"", "\"\n                    @loaded-changed=\"", "\"\n                    ?loading=\"", "\"\n                    @loading-changed=\"", "\"\n                    src=\"", "\"\n                    described-by=\"", "\"\n                  ></img-loader>\n                "])), this.loaded, this.loading || !this.loaded, this.loaded, this.loadedChangedEvent, this.loading, this.loadingChangedEvent, this.loadSrc, this.describedBy || "")) : "", this.getToolbars("top"), this.toolbarsHeight, !this.info, this.info, this.getToolbars("bottom"));
       }
     }, {
       key: "toolbarsHeight",
@@ -112,7 +112,7 @@ define(["exports", "require", "../../../lit/index.js", "../../img-pan-zoom/img-p
           icon: "fullscreen",
           toggleProp: "__fullscreen",
           enabledProp: "fullscreenEnabled",
-          text: (0, _index.html)(_templateObject4_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject4_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" toggle fullscreen "])))
+          text: (0, _index.html)(_templateObject4_b71023e01f2611eda0c389891c227ec8 || (_templateObject4_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" toggle fullscreen "])))
         };
       }
       /**
@@ -179,7 +179,7 @@ define(["exports", "require", "../../../lit/index.js", "../../img-pan-zoom/img-p
           icon: "help-outline",
           toggleProp: "kbdToggled",
           text: "toggle keyboard shorcuts help",
-          details: (0, _index.html)(_templateObject5_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject5_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <table>\n          <caption>\n            Keyboard Shortcuts (when image has focus)\n          </caption>\n          <tbody>\n            <tr>\n              <th scope=\"row\">pan\xA0up</th>\n              <td><kbd>w</kbd> or <kbd>&uarr;</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">pan\xA0down</th>\n              <td><kbd>s</kbd> or <kbd>&darr;</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">pan left</th>\n              <td><kbd>a</kbd> or <kbd>&larr;</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">pan\xA0right</th>\n              <td><kbd>d</kbd> or <kbd>&rarr;</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">home</th>\n              <td><kbd>0</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">zoom out</th>\n              <td><kbd>-</kbd> or <kbd>_</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">zoom in</th>\n              <td><kbd>+</kbd> or <kbd>=</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">rotate clockwise</th>\n              <td><kbd>r</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">rotate counterclockwise</th>\n              <td><kbd>shift+r</kbd></td>\n            </tr>\n          </tbody>\n        </table>\n      "])))
+          details: (0, _index.html)(_templateObject5_b71023e01f2611eda0c389891c227ec8 || (_templateObject5_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <table>\n          <caption>\n            Keyboard Shortcuts (when image has focus)\n          </caption>\n          <tbody>\n            <tr>\n              <th scope=\"row\">pan\xA0up</th>\n              <td><kbd>w</kbd> or <kbd>&uarr;</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">pan\xA0down</th>\n              <td><kbd>s</kbd> or <kbd>&darr;</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">pan left</th>\n              <td><kbd>a</kbd> or <kbd>&larr;</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">pan\xA0right</th>\n              <td><kbd>d</kbd> or <kbd>&rarr;</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">home</th>\n              <td><kbd>0</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">zoom out</th>\n              <td><kbd>-</kbd> or <kbd>_</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">zoom in</th>\n              <td><kbd>+</kbd> or <kbd>=</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">rotate clockwise</th>\n              <td><kbd>r</kbd></td>\n            </tr>\n            <tr>\n              <th scope=\"row\">rotate counterclockwise</th>\n              <td><kbd>shift+r</kbd></td>\n            </tr>\n          </tbody>\n        </table>\n      "])))
         };
       }
       /**
@@ -459,7 +459,7 @@ define(["exports", "require", "../../../lit/index.js", "../../img-pan-zoom/img-p
         return {
           id: "navXofY",
           type: "misc-item",
-          contents: (0, _index.html)(_templateObject6_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject6_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <p>\n          <label for=\"pageX\" class=\"sr-only\">Page</label>\n          <input\n            ?disabled=\"", "\"\n            id=\"pageX\"\n            type=\"number\"\n            min=\"1\"\n            max=\"", "\"\n            value=\"", "\"\n            @change=\"", "\"\n          />\n          of ", "\n        </p>\n      "])), this.disabled, this.pages.length, this.page + 1, function (e) {
+          contents: (0, _index.html)(_templateObject6_b71023e01f2611eda0c389891c227ec8 || (_templateObject6_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <p>\n          <label for=\"pageX\" class=\"sr-only\">Page</label>\n          <input\n            ?disabled=\"", "\"\n            id=\"pageX\"\n            type=\"number\"\n            min=\"1\"\n            max=\"", "\"\n            value=\"", "\"\n            @change=\"", "\"\n          />\n          of ", "\n        </p>\n      "])), this.disabled, this.pages.length, this.page + 1, function (e) {
             return _this2._xOfYClick(e, _this2.disabled);
           }, this.pages.length)
         };
@@ -505,7 +505,7 @@ define(["exports", "require", "../../../lit/index.js", "../../img-pan-zoom/img-p
         if (typeof config === "string" && this[config]) config = this[config];
 
         if (babelHelpers.typeof(config) !== "object") {
-          return (0, _index.html)(_templateObject7_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject7_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div class=\"misc-item\">", "</div> "])), config);
+          return (0, _index.html)(_templateObject7_b71023e01f2611eda0c389891c227ec8 || (_templateObject7_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div class=\"misc-item\">", "</div> "])), config);
         } else if (config && babelHelpers.typeof(config.contents) === (typeof undefined === "undefined" ? "undefined" : babelHelpers.typeof(undefined))) {
           return this._button(config, top);
         } else {
@@ -533,7 +533,7 @@ define(["exports", "require", "../../../lit/index.js", "../../img-pan-zoom/img-p
         var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
         if (typeof config === "string" && this[config]) config = this[config];
-        return !config ? "" : (0, _index.html)(_templateObject8_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject8_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <div\n            .id=\"", "\"\n            class=\"button-group ", "\"\n          >\n            ", "\n          </div>\n        "])), config.id || undefined, config.type || "", !Array.isArray(config.contents) ? config.contents : (config.contents || []).map(function (item) {
+        return !config ? "" : (0, _index.html)(_templateObject8_b71023e01f2611eda0c389891c227ec8 || (_templateObject8_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <div\n            .id=\"", "\"\n            class=\"button-group ", "\"\n          >\n            ", "\n          </div>\n        "])), config.id || undefined, config.type || "", !Array.isArray(config.contents) ? config.contents : (config.contents || []).map(function (item) {
           return _this3._item(item, top);
         }));
       }
@@ -566,9 +566,9 @@ define(["exports", "require", "../../../lit/index.js", "../../img-pan-zoom/img-p
         var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
         if (typeof config === "string" && this[config]) config = this[config]; //if (config) this._bindButton(config.id, config.tooltip || config.text);
 
-        return !config ? "" : !config.toggleProp || !this[config.toggleProp] ? (0, _index.html)(_templateObject9_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject9_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <button\n            .id=\"", "\"\n            class=\"", "\"\n            @click=\"", "\"\n            controls=\"container\"\n            ?disabled=\"", "\"\n            ?hidden=\"", "\"\n          >\n            ", "\n          </button>\n          ", "\n        "])), config.id || undefined, this._buttonClass(config), function (e) {
+        return !config ? "" : !config.toggleProp || !this[config.toggleProp] ? (0, _index.html)(_templateObject9_b71023e01f2611eda0c389891c227ec8 || (_templateObject9_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <button\n            .id=\"", "\"\n            class=\"", "\"\n            @click=\"", "\"\n            controls=\"container\"\n            ?disabled=\"", "\"\n            ?hidden=\"", "\"\n          >\n            ", "\n          </button>\n          ", "\n        "])), config.id || undefined, this._buttonClass(config), function (e) {
           return _this4._toolbarButtonClick(config.id, e, _this4._buttonDisabled(config));
-        }, this._buttonDisabled(config), this._buttonHidden(config), this._buttonInner(config), this._buttonTooltip(config, top)) : (0, _index.html)(_templateObject10_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject10_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <button\n            .id=\"", "\"\n            aria-pressed=\"", "\"\n            class=\"", "\"\n            @click=\"", "\"\n            controls=\"container\"\n            ?disabled=\"", "\"\n            ?hidden=\"", "\"\n          >\n            ", " ", "\n          </button>\n        "])), config.id || undefined, this[config.toggleProp] ? "true" : "false", this._buttonClass(config), function (e) {
+        }, this._buttonDisabled(config), this._buttonHidden(config), this._buttonInner(config), this._buttonTooltip(config, top)) : (0, _index.html)(_templateObject10_b71023e01f2611eda0c389891c227ec8 || (_templateObject10_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <button\n            .id=\"", "\"\n            aria-pressed=\"", "\"\n            class=\"", "\"\n            @click=\"", "\"\n            controls=\"container\"\n            ?disabled=\"", "\"\n            ?hidden=\"", "\"\n          >\n            ", " ", "\n          </button>\n        "])), config.id || undefined, this[config.toggleProp] ? "true" : "false", this._buttonClass(config), function (e) {
           return _this4._toolbarButtonClick(config.id, e, _this4._buttonDisabled(config));
         }, this._buttonDisabled(config), this._buttonHidden(config), this._buttonInner(config), this._buttonTooltip(config));
       }
@@ -590,13 +590,13 @@ define(["exports", "require", "../../../lit/index.js", "../../img-pan-zoom/img-p
     }, {
       key: "_buttonInner",
       value: function _buttonInner(config) {
-        return !config ? "" : (0, _index.html)(_templateObject11_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject11_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <p>\n            <simple-icon-lite\n              aria-hidden=\"true\"\n              icon=\"", "\"\n            ></simple-icon-lite>\n            <span class=\"", "\"\n              >", "</span\n            >\n          </p>\n        "])), config.icon, config.icon && !config.showText ? "sr-only" : "", config.text);
+        return !config ? "" : (0, _index.html)(_templateObject11_b71023e01f2611eda0c389891c227ec8 || (_templateObject11_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <p>\n            <simple-icon-lite\n              aria-hidden=\"true\"\n              icon=\"", "\"\n            ></simple-icon-lite>\n            <span class=\"", "\"\n              >", "</span\n            >\n          </p>\n        "])), config.icon, config.icon && !config.showText ? "sr-only" : "", config.text);
       }
     }, {
       key: "_buttonTooltip",
       value: function _buttonTooltip(config) {
         var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-        return !config || !config.id ? "" : (0, _index.html)(_templateObject12_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject12_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <simple-tooltip\n            for=\"", "\"\n            position=\"", "\"\n            >", "</simple-tooltip\n          >\n        "])), config.id, top ? "bottom" : "top", config.text);
+        return !config || !config.id ? "" : (0, _index.html)(_templateObject12_b71023e01f2611eda0c389891c227ec8 || (_templateObject12_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <simple-tooltip\n            for=\"", "\"\n            position=\"", "\"\n            >", "</simple-tooltip\n          >\n        "])), config.id, top ? "bottom" : "top", config.text);
       }
     }, {
       key: "src",
@@ -731,7 +731,7 @@ define(["exports", "require", "../../../lit/index.js", "../../img-pan-zoom/img-p
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject13_e02cbfc01f0511ed8cc3e9a95995ad69 || (_templateObject13_e02cbfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          height: var(--img-view-viewer-height, 500px);\n          --hexagon-color: var(--img-view-viewer-focus-borderColor, blue);\n        }\n        :host([hidden]),\n        *[hidden] {\n          display: none !important;\n        }\n        .sr-only {\n          position: absolute;\n          left: -9999999px;\n          width: 0;\n          overflow: hidden;\n        }\n        #viewer {\n          display: block;\n          position: relative;\n          height: calc(var(--img-view-viewer-height, 500px) - 104px);\n          width: auto;\n          border: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        #loader {\n          display: none;\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-around;\n          width: 100%;\n          height: var(--img-view-viewer-height, 500px);\n          margin-bottom: calc(0px - var(--img-view-viewer-height, 104px));\n          z-index: 1;\n        }\n        hexagon-loader {\n          position: absolute;\n          opacity: 0;\n          transition: opacity 700ms;\n          margin: auto;\n        }\n        hexagon-loader[loading] {\n          opacity: 1;\n        }\n        #container {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: space-between;\n          height: 100%;\n          background-color: var(--img-view-viewer-backgroundColor, white);\n          color: var(--img-view-viewer-color, black);\n        }\n        #container > * {\n          flex: 1 1 auto;\n        }\n        .misc-item,\n        .button-group {\n          display: flex;\n          align-items: stretch;\n          justify-content: center;\n        }\n        .misc-item {\n          align-items: center;\n          padding: 5px;\n        }\n        #top,\n        #bottom {\n          margin: 0;\n          flex: 1 0 46px;\n          border: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        #top > *,\n        #bottom > * {\n          margin: 0;\n        }\n        #top > *:not(:first-child),\n        #bottom > *:not(:first-child) {\n          border-left: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        button {\n          border: none;\n          background-color: transparent;\n          color: var(--img-view-viewer-color);\n        }\n        button[disabled] {\n          opacity: 0.5;\n          cursor: not-allowed;\n        }\n        button.flex-grow {\n          flex: 1 0 auto;\n        }\n        button p {\n          display: flex;\n          align-items: center;\n          justify-content: flex-start;\n        }\n        button.icon-right p {\n          flex-direction: row-reverse;\n          justify-content: end;\n        }\n        button[aria-pressed=\"true\"] {\n          --img-view-viewer-backgroundColor: var(\n            --img-view-viewer-toggled-backgroundColor,\n            #eee\n          );\n        }\n\n        button:focus,\n        button:hover,\n        #viewer:focus-within {\n          outline: 1px solid var(--img-view-viewer-focus-borderColor, blue);\n          z-index: 2;\n        }\n        simple-tooltip:not(:defined) {\n          display: none;\n        }\n        #placeholder {\n          position: relative;\n          max-height: 0;\n          overflow: visible;\n        }\n        #info {\n          position: absolute;\n          bottom: 0;\n          right: 0;\n          padding: 5px;\n          background-color: var(--img-view-viewer-backgroundColor, white);\n          border: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        table {\n          border-collapse: collapse;\n        }\n        th,\n        td {\n          padding: 2px 5px;\n          line-height: 140%;\n          border-top: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        th {\n          font-weight: normal;\n          text-align: left;\n        }\n        kbd {\n          border-radius: 2px;\n          padding: 1px 3px;\n          font-family: sans-serif;\n          font-size: 80%;\n          background: var(--img-view-viewer-toggled-backgroundColor, #eee);\n          border: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        input[type=\"number\"] {\n          max-width: 4em;\n          border: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject13_b71023e01f2611eda0c389891c227ec8 || (_templateObject13_b71023e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          height: var(--img-view-viewer-height, 500px);\n          --hexagon-color: var(--img-view-viewer-focus-borderColor, blue);\n        }\n        :host([hidden]),\n        *[hidden] {\n          display: none !important;\n        }\n        .sr-only {\n          position: absolute;\n          left: -9999999px;\n          width: 0;\n          overflow: hidden;\n        }\n        #viewer {\n          display: block;\n          position: relative;\n          height: calc(var(--img-view-viewer-height, 500px) - 104px);\n          width: auto;\n          border: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        #loader {\n          display: none;\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-around;\n          width: 100%;\n          height: var(--img-view-viewer-height, 500px);\n          margin-bottom: calc(0px - var(--img-view-viewer-height, 104px));\n          z-index: 1;\n        }\n        hexagon-loader {\n          position: absolute;\n          opacity: 0;\n          transition: opacity 700ms;\n          margin: auto;\n        }\n        hexagon-loader[loading] {\n          opacity: 1;\n        }\n        #container {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: space-between;\n          height: 100%;\n          background-color: var(--img-view-viewer-backgroundColor, white);\n          color: var(--img-view-viewer-color, black);\n        }\n        #container > * {\n          flex: 1 1 auto;\n        }\n        .misc-item,\n        .button-group {\n          display: flex;\n          align-items: stretch;\n          justify-content: center;\n        }\n        .misc-item {\n          align-items: center;\n          padding: 5px;\n        }\n        #top,\n        #bottom {\n          margin: 0;\n          flex: 1 0 46px;\n          border: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        #top > *,\n        #bottom > * {\n          margin: 0;\n        }\n        #top > *:not(:first-child),\n        #bottom > *:not(:first-child) {\n          border-left: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        button {\n          border: none;\n          background-color: transparent;\n          color: var(--img-view-viewer-color);\n        }\n        button[disabled] {\n          opacity: 0.5;\n          cursor: not-allowed;\n        }\n        button.flex-grow {\n          flex: 1 0 auto;\n        }\n        button p {\n          display: flex;\n          align-items: center;\n          justify-content: flex-start;\n        }\n        button.icon-right p {\n          flex-direction: row-reverse;\n          justify-content: end;\n        }\n        button[aria-pressed=\"true\"] {\n          --img-view-viewer-backgroundColor: var(\n            --img-view-viewer-toggled-backgroundColor,\n            #eee\n          );\n        }\n\n        button:focus,\n        button:hover,\n        #viewer:focus-within {\n          outline: 1px solid var(--img-view-viewer-focus-borderColor, blue);\n          z-index: 2;\n        }\n        simple-tooltip:not(:defined) {\n          display: none;\n        }\n        #placeholder {\n          position: relative;\n          max-height: 0;\n          overflow: visible;\n        }\n        #info {\n          position: absolute;\n          bottom: 0;\n          right: 0;\n          padding: 5px;\n          background-color: var(--img-view-viewer-backgroundColor, white);\n          border: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        table {\n          border-collapse: collapse;\n        }\n        th,\n        td {\n          padding: 2px 5px;\n          line-height: 140%;\n          border-top: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        th {\n          font-weight: normal;\n          text-align: left;\n        }\n        kbd {\n          border-radius: 2px;\n          padding: 1px 3px;\n          font-family: sans-serif;\n          font-size: 80%;\n          background: var(--img-view-viewer-toggled-backgroundColor, #eee);\n          border: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n        input[type=\"number\"] {\n          max-width: 4em;\n          border: 1px solid var(--img-view-viewer-borderColor, #ddd);\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/item-overlay-ops/item-overlay-ops.js b/build/es5-amd/node_modules/@lrnwebcomponents/item-overlay-ops/item-overlay-ops.js
index cd2ec89ef25..b0a158c6ad2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/item-overlay-ops/item-overlay-ops.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/item-overlay-ops/item-overlay-ops.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../simple-icon/
   });
   _exports.ItemOverlayOps = void 0;
 
-  var _templateObject_a8350d201f0511ed8cc3e9a95995ad69;
+  var _templateObject_82a8eb001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -221,7 +221,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../simple-icon/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_a8350d201f0511ed8cc3e9a95995ad69 || (_templateObject_a8350d201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          outline: none;\n        }\n        #container {\n          display: none;\n          opacity: 0;\n          background-color: transparent;\n          transition: background-color 0.6s linear, visibility 0.6s linear,\n            opacity 0.6s linear;\n          visibility: hidden;\n        }\n        :host([edit-mode]) #container {\n          display: block;\n          opacity: 0.4;\n          visibility: visible;\n          background-color: var(--item-overlay-ops, #999999);\n          position: absolute;\n          z-index: 1;\n          @apply --item-overlay-ops-container;\n        }\n        :host([edit-mode]) #container:hover,\n        :host([edit-mode]) #container:focus,\n        :host([focused]) #container {\n          opacity: 0.8;\n          background-color: var(--item-overlay-ops, #ffffff);\n        }\n        .ops {\n          width: 100%;\n          height: 39px;\n          padding: 0;\n          margin: 0;\n          border-bottom: 1px solid rgba(100, 100, 100, 0.4);\n          text-align: center;\n        }\n        .ops simple-icon-button-lite {\n          display: inline-flex;\n          --simple-icon-width: 26px;\n          --simple-icon-height: 26px;\n          padding: 1px;\n          margin: 6px;\n          color: #999999;\n        }\n        .ops simple-icon-button-lite#cancel {\n          --simple-icon-width: 16px;\n          --simple-icon-height: 16px;\n          padding: 0px;\n          margin: 4px;\n          position: absolute;\n        }\n        .ops simple-icon-button-lite.active {\n          color: #000000;\n          background-color: rgba(255, 255, 255, 0.6);\n          border-radius: 50%;\n        }\n        .active-op {\n          text-transform: capitalize;\n          margin: 0;\n          height: 40px;\n          line-height: 40px;\n          font-size: 20px;\n          text-align: center;\n        }\n        #workingarea {\n          width: 100%;\n          padding: 0;\n          margin: 0 auto;\n          align-content: center;\n        }\n        #workingarea simple-icon-button-lite {\n          --simple-icon-width: 50%;\n          --simple-icon-height: 100%;\n          display: inline-flex;\n          min-width: unset;\n          padding: 16px;\n          margin: 0;\n          border: none;\n          border-radius: 0;\n        }\n        #workingarea #option1 {\n          background-color: rgba(100, 255, 100, 0.6);\n        }\n        #workingarea #option2 {\n          background-color: rgba(255, 100, 100, 0.6);\n        }\n        #workingarea #option1:hover,\n        #workingarea #option1:focus {\n          background-color: rgba(100, 255, 100, 1);\n        }\n        #workingarea #option2:hover,\n        #workingarea #option2:focus {\n          background-color: rgba(255, 100, 100, 1);\n        }\n        #workingarea {\n          display: none;\n        }\n        #workingarea.move {\n          display: flex;\n        }\n        #workingarea.move #option1,\n        #workingarea.move #option2 {\n          background-color: rgba(200, 200, 200, 0.5);\n        }\n        #workingarea.move #option1:hover,\n        #workingarea.move #option1:focus,\n        #workingarea.move #option2:hover,\n        #workingarea.move #option2:focus {\n          background-color: rgba(200, 200, 200, 1);\n        }\n        #workingarea.remove {\n          display: flex;\n        }\n        #workingarea.duplicate {\n          display: flex;\n        }\n      </style>\n      <div id=\"container\">\n        <div class=\"ops\">\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:add\"\n            id=\"add\"\n            hidden$=\"[[!add]]\"\n            title=\"Add to this\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:create\"\n            id=\"edit\"\n            hidden$=\"[[!edit]]\"\n            title=\"Edit this\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:swap-horiz\"\n            id=\"move\"\n            hidden$=\"[[!move]]\"\n            title=\"Move this\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:delete\"\n            id=\"remove\"\n            hidden$=\"[[!remove]]\"\n            title=\"Delete this\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:content-copy\"\n            id=\"duplicate\"\n            hidden$=\"[[!duplicate]]\"\n            title=\"Duplicate this\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:cancel\"\n            id=\"cancel\"\n            hidden$=\"[[!__anyOp]]\"\n            title=\"Cancel\"\n          ></simple-icon-button-lite>\n        </div>\n        <div class=\"active-op\">[[activeTitle]]</div>\n        <div id=\"workingarea\" class$=\"[[activeOp]]\">\n          <simple-icon-button-lite\n            on-click=\"_optionSelected\"\n            id=\"option1\"\n            title=\"[[__option1Text]]\"\n            icon=\"[[__option1Icon]]\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_optionSelected\"\n            id=\"option2\"\n            title=\"[[__option2Text]]\"\n            icon=\"[[__option2Icon]]\"\n          ></simple-icon-button-lite>\n        </div>\n      </div>\n      <slot></slot>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_82a8eb001f2611eda0c389891c227ec8 || (_templateObject_82a8eb001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          outline: none;\n        }\n        #container {\n          display: none;\n          opacity: 0;\n          background-color: transparent;\n          transition: background-color 0.6s linear, visibility 0.6s linear,\n            opacity 0.6s linear;\n          visibility: hidden;\n        }\n        :host([edit-mode]) #container {\n          display: block;\n          opacity: 0.4;\n          visibility: visible;\n          background-color: var(--item-overlay-ops, #999999);\n          position: absolute;\n          z-index: 1;\n          @apply --item-overlay-ops-container;\n        }\n        :host([edit-mode]) #container:hover,\n        :host([edit-mode]) #container:focus,\n        :host([focused]) #container {\n          opacity: 0.8;\n          background-color: var(--item-overlay-ops, #ffffff);\n        }\n        .ops {\n          width: 100%;\n          height: 39px;\n          padding: 0;\n          margin: 0;\n          border-bottom: 1px solid rgba(100, 100, 100, 0.4);\n          text-align: center;\n        }\n        .ops simple-icon-button-lite {\n          display: inline-flex;\n          --simple-icon-width: 26px;\n          --simple-icon-height: 26px;\n          padding: 1px;\n          margin: 6px;\n          color: #999999;\n        }\n        .ops simple-icon-button-lite#cancel {\n          --simple-icon-width: 16px;\n          --simple-icon-height: 16px;\n          padding: 0px;\n          margin: 4px;\n          position: absolute;\n        }\n        .ops simple-icon-button-lite.active {\n          color: #000000;\n          background-color: rgba(255, 255, 255, 0.6);\n          border-radius: 50%;\n        }\n        .active-op {\n          text-transform: capitalize;\n          margin: 0;\n          height: 40px;\n          line-height: 40px;\n          font-size: 20px;\n          text-align: center;\n        }\n        #workingarea {\n          width: 100%;\n          padding: 0;\n          margin: 0 auto;\n          align-content: center;\n        }\n        #workingarea simple-icon-button-lite {\n          --simple-icon-width: 50%;\n          --simple-icon-height: 100%;\n          display: inline-flex;\n          min-width: unset;\n          padding: 16px;\n          margin: 0;\n          border: none;\n          border-radius: 0;\n        }\n        #workingarea #option1 {\n          background-color: rgba(100, 255, 100, 0.6);\n        }\n        #workingarea #option2 {\n          background-color: rgba(255, 100, 100, 0.6);\n        }\n        #workingarea #option1:hover,\n        #workingarea #option1:focus {\n          background-color: rgba(100, 255, 100, 1);\n        }\n        #workingarea #option2:hover,\n        #workingarea #option2:focus {\n          background-color: rgba(255, 100, 100, 1);\n        }\n        #workingarea {\n          display: none;\n        }\n        #workingarea.move {\n          display: flex;\n        }\n        #workingarea.move #option1,\n        #workingarea.move #option2 {\n          background-color: rgba(200, 200, 200, 0.5);\n        }\n        #workingarea.move #option1:hover,\n        #workingarea.move #option1:focus,\n        #workingarea.move #option2:hover,\n        #workingarea.move #option2:focus {\n          background-color: rgba(200, 200, 200, 1);\n        }\n        #workingarea.remove {\n          display: flex;\n        }\n        #workingarea.duplicate {\n          display: flex;\n        }\n      </style>\n      <div id=\"container\">\n        <div class=\"ops\">\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:add\"\n            id=\"add\"\n            hidden$=\"[[!add]]\"\n            title=\"Add to this\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:create\"\n            id=\"edit\"\n            hidden$=\"[[!edit]]\"\n            title=\"Edit this\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:swap-horiz\"\n            id=\"move\"\n            hidden$=\"[[!move]]\"\n            title=\"Move this\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:delete\"\n            id=\"remove\"\n            hidden$=\"[[!remove]]\"\n            title=\"Delete this\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:content-copy\"\n            id=\"duplicate\"\n            hidden$=\"[[!duplicate]]\"\n            title=\"Duplicate this\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_opTap\"\n            icon=\"icons:cancel\"\n            id=\"cancel\"\n            hidden$=\"[[!__anyOp]]\"\n            title=\"Cancel\"\n          ></simple-icon-button-lite>\n        </div>\n        <div class=\"active-op\">[[activeTitle]]</div>\n        <div id=\"workingarea\" class$=\"[[activeOp]]\">\n          <simple-icon-button-lite\n            on-click=\"_optionSelected\"\n            id=\"option1\"\n            title=\"[[__option1Text]]\"\n            icon=\"[[__option1Icon]]\"\n          ></simple-icon-button-lite>\n          <simple-icon-button-lite\n            on-click=\"_optionSelected\"\n            id=\"option2\"\n            title=\"[[__option2Text]]\"\n            icon=\"[[__option2Icon]]\"\n          ></simple-icon-button-lite>\n        </div>\n      </div>\n      <slot></slot>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/json-editor/json-editor.js b/build/es5-amd/node_modules/@lrnwebcomponents/json-editor/json-editor.js
index b4d4400e420..63e3b4407e3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/json-editor/json-editor.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/json-editor/json-editor.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
   _exports.JsonEditor = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a8392bd01f0511ed8cc3e9a95995ad69, _templateObject2_a8392bd01f0511ed8cc3e9a95995ad69;
+  var _templateObject_82ad09b01f2611eda0c389891c227ec8, _templateObject2_82ad09b01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -52,7 +52,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a8392bd01f0511ed8cc3e9a95995ad69 || (_templateObject_a8392bd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <custom-style>\n        <style>\n          :host([error]) paper-textarea {\n            --iron-autogrow-textarea: {\n              background-color: #ffeeee;\n            }\n          }\n          paper-textarea {\n            --iron-autogrow-textarea: {\n              font-family: \"Lucida Console\", Monaco, monospace;\n              font-weight: 600;\n              white-space: pre;\n              line-height: 20px;\n              padding: 9.5px;\n              margin: 0 0 10px;\n              font-size: 13px;\n              color: #000000;\n              word-break: break-all;\n              word-wrap: break-word;\n              background-color: #f5f5f5;\n              border: 1px solid #ccc;\n              border-radius: 4px;\n              transition: 0.3s linear all;\n            }\n          }\n        </style>\n      </custom-style>\n      <paper-textarea\n        label=\"", "\"\n        value=\"", "\"\n        @value-changed=\"", "\"\n        error-message=\"Invalid JSON!\"\n        ?readonly=\"", "\"\n        ?invalid=\"", "\"\n        max-rows=\"", "\"\n      ></paper-textarea>"])), this.label, this.value, this.valueEvent, this.disabled, this.error, this.maxRows);
+        return (0, _index.html)(_templateObject_82ad09b01f2611eda0c389891c227ec8 || (_templateObject_82ad09b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <custom-style>\n        <style>\n          :host([error]) paper-textarea {\n            --iron-autogrow-textarea: {\n              background-color: #ffeeee;\n            }\n          }\n          paper-textarea {\n            --iron-autogrow-textarea: {\n              font-family: \"Lucida Console\", Monaco, monospace;\n              font-weight: 600;\n              white-space: pre;\n              line-height: 20px;\n              padding: 9.5px;\n              margin: 0 0 10px;\n              font-size: 13px;\n              color: #000000;\n              word-break: break-all;\n              word-wrap: break-word;\n              background-color: #f5f5f5;\n              border: 1px solid #ccc;\n              border-radius: 4px;\n              transition: 0.3s linear all;\n            }\n          }\n        </style>\n      </custom-style>\n      <paper-textarea\n        label=\"", "\"\n        value=\"", "\"\n        @value-changed=\"", "\"\n        error-message=\"Invalid JSON!\"\n        ?readonly=\"", "\"\n        ?invalid=\"", "\"\n        max-rows=\"", "\"\n      ></paper-textarea>"])), this.label, this.value, this.valueEvent, this.disabled, this.error, this.maxRows);
       } // properties available to the custom element for data binding
 
     }, {
@@ -128,7 +128,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_a8392bd01f0511ed8cc3e9a95995ad69 || (_templateObject2_a8392bd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_82ad09b01f2611eda0c389891c227ec8 || (_templateObject2_82ad09b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/json-outline-schema/lib/jos-render.js b/build/es5-amd/node_modules/@lrnwebcomponents/json-outline-schema/lib/jos-render.js
index 413a39ed20e..90094117dbc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/json-outline-schema/lib/jos-render.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/json-outline-schema/lib/jos-render.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../json-outline-schema.js", "../../
   });
   _exports.JosRender = void 0;
 
-  var _templateObject_e039b8101f0511ed8cc3e9a95995ad69, _templateObject2_e039b8101f0511ed8cc3e9a95995ad69;
+  var _templateObject_b71c7ff01f2611eda0c389891c227ec8, _templateObject2_b71c7ff01f2611eda0c389891c227ec8;
 
   function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && babelHelpers.instanceof(outerFn.prototype, Generator) ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == babelHelpers.typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
@@ -37,7 +37,7 @@ define(["exports", "../../../lit/index.js", "../json-outline-schema.js", "../../
     babelHelpers.createClass(JosRender, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e039b8101f0511ed8cc3e9a95995ad69 || (_templateObject_e039b8101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"children\">\n        <slot></slot>\n      </div>\n    "])));
+        return (0, _index.html)(_templateObject_b71c7ff01f2611eda0c389891c227ec8 || (_templateObject_b71c7ff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"children\">\n        <slot></slot>\n      </div>\n    "])));
       }
     }, {
       key: "updated",
@@ -133,7 +133,7 @@ define(["exports", "../../../lit/index.js", "../json-outline-schema.js", "../../
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_e039b8101f0511ed8cc3e9a95995ad69 || (_templateObject2_e039b8101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .children {\n          display: block;\n          margin: 16px auto;\n        }\n        .children ::slotted(*) {\n          display: inline-flex;\n          margin: var(--jos-render-margin, 8px);\n          padding: var(--jos-render-padding, 8px);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b71c7ff01f2611eda0c389891c227ec8 || (_templateObject2_b71c7ff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .children {\n          display: block;\n          margin: 16px auto;\n        }\n        .children ::slotted(*) {\n          display: inline-flex;\n          margin: var(--jos-render-margin, 8px);\n          padding: var(--jos-render-padding, 8px);\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/layout-builder/layout-builder.js b/build/es5-amd/node_modules/@lrnwebcomponents/layout-builder/layout-builder.js
index 38346429797..320b9cd00c2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/layout-builder/layout-builder.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/layout-builder/layout-builder.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
   });
   _exports.LayoutBuilder = void 0;
 
-  var _templateObject_a859ac201f0511ed8cc3e9a95995ad69;
+  var _templateObject_82c8f6201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -42,7 +42,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
       key: "render",
       value: // render function
       function render() {
-        return (0, _polymerElement.html)(_templateObject_a859ac201f0511ed8cc3e9a95995ad69 || (_templateObject_a859ac201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <style>\n        :host {\n          display: block;\n        }\n\n        :host button {\n          display: block;\n          margin: 0;\n        }\n\n        :host button,\n        :host #content-wrapper {\n          border: 1px solid #ddd;\n        }\n\n        :host #content:not(:empty) {\n          padding: 15px;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <div id=\"content-wrapper\">\n        <div id=\"prepend-child\">\n          <button on-tap=\"_handleAddChild\">Insert into [[type]]</button>\n        </div>\n        <div id=\"content\"><slot></slot></div>\n      </div>\n      <div id=\"insert-sibling-after\">\n        <button on-tap=\"_handleAddSibling\">Add new [[type]]</button>\n      </div>"])));
+        return (0, _polymerElement.html)(_templateObject_82c8f6201f2611eda0c389891c227ec8 || (_templateObject_82c8f6201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <style>\n        :host {\n          display: block;\n        }\n\n        :host button {\n          display: block;\n          margin: 0;\n        }\n\n        :host button,\n        :host #content-wrapper {\n          border: 1px solid #ddd;\n        }\n\n        :host #content:not(:empty) {\n          padding: 15px;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <div id=\"content-wrapper\">\n        <div id=\"prepend-child\">\n          <button on-tap=\"_handleAddChild\">Insert into [[type]]</button>\n        </div>\n        <div id=\"content\"><slot></slot></div>\n      </div>\n      <div id=\"insert-sibling-after\">\n        <button on-tap=\"_handleAddSibling\">Add new [[type]]</button>\n      </div>"])));
       } // haxProperty definition
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lazy-image-helpers/lazy-image-helpers.js b/build/es5-amd/node_modules/@lrnwebcomponents/lazy-image-helpers/lazy-image-helpers.js
index 23197c360e2..1f1c6b7f34e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lazy-image-helpers/lazy-image-helpers.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lazy-image-helpers/lazy-image-helpers.js
@@ -6,7 +6,7 @@ define(["exports", "../simple-icon/lib/simple-iconset.js", "../../lit/index.js",
   });
   _exports.lazyImageLoader = _exports.lazyImage = void 0;
 
-  var _templateObject_a85f51701f0511ed8cc3e9a95995ad69, _templateObject2_a85f51701f0511ed8cc3e9a95995ad69, _templateObject3_a85f51701f0511ed8cc3e9a95995ad69, _templateObject4_a85f51701f0511ed8cc3e9a95995ad69, _templateObject5_a85f51701f0511ed8cc3e9a95995ad69;
+  var _templateObject_82cd62f01f2611eda0c389891c227ec8, _templateObject2_82cd62f01f2611eda0c389891c227ec8, _templateObject3_82cd62f01f2611eda0c389891c227ec8, _templateObject4_82cd62f01f2611eda0c389891c227ec8, _templateObject5_82cd62f01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -102,7 +102,7 @@ define(["exports", "../simple-icon/lib/simple-iconset.js", "../../lit/index.js",
       }, {
         key: "renderSVGLoader",
         value: function renderSVGLoader() {
-          return (0, _index.html)(_templateObject_a85f51701f0511ed8cc3e9a95995ad69 || (_templateObject_a85f51701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), !this.imageLoaded ? (0, _index.svg)(_templateObject2_a85f51701f0511ed8cc3e9a95995ad69 || (_templateObject2_a85f51701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"max-height:400px;width:100%;margin:auto;background:#f1f2f3;display:block;z-index:1;position:relative\" preserveAspectRatio=\"xMidYMid\" viewBox=\"0 0 300 200\">\n      <image\n        xlink:href=\"\"\n        focusable=\"false\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      ></image>\n      </svg>"]))) : "");
+          return (0, _index.html)(_templateObject_82cd62f01f2611eda0c389891c227ec8 || (_templateObject_82cd62f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), !this.imageLoaded ? (0, _index.svg)(_templateObject2_82cd62f01f2611eda0c389891c227ec8 || (_templateObject2_82cd62f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"max-height:400px;width:100%;margin:auto;background:#f1f2f3;display:block;z-index:1;position:relative\" preserveAspectRatio=\"xMidYMid\" viewBox=\"0 0 300 200\">\n      <image\n        xlink:href=\"\"\n        focusable=\"false\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      ></image>\n      </svg>"]))) : "");
         }
       }], [{
         key: "styles",
@@ -113,7 +113,7 @@ define(["exports", "../simple-icon/lib/simple-iconset.js", "../../lit/index.js",
             styles = babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this));
           }
 
-          return [styles, (0, _index.css)(_templateObject3_a85f51701f0511ed8cc3e9a95995ad69 || (_templateObject3_a85f51701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          img[loading=\"lazy\"] {\n            width: 100%;\n            margin-top: -200px;\n            min-height: 200px;\n            float: left;\n            opacity: 0;\n            transition: opacity 0.3s ease-in-out;\n          }\n          :host([image-loaded]) img[loading=\"lazy\"] {\n            margin-top: unset;\n            float: unset;\n            opacity: 1;\n          }\n        "])))];
+          return [styles, (0, _index.css)(_templateObject3_82cd62f01f2611eda0c389891c227ec8 || (_templateObject3_82cd62f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          img[loading=\"lazy\"] {\n            width: 100%;\n            margin-top: -200px;\n            min-height: 200px;\n            float: left;\n            opacity: 0;\n            transition: opacity 0.3s ease-in-out;\n          }\n          :host([image-loaded]) img[loading=\"lazy\"] {\n            margin-top: unset;\n            float: unset;\n            opacity: 1;\n          }\n        "])))];
         }
       }, {
         key: "properties",
@@ -155,7 +155,7 @@ define(["exports", "../simple-icon/lib/simple-iconset.js", "../../lit/index.js",
     babelHelpers.createClass(lazyImage, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject4_a85f51701f0511ed8cc3e9a95995ad69 || (_templateObject4_a85f51701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"image-wrap\">\n      ", "\n      <img\n        src=\"", "\"\n        alt=\"", "\"\n        aria-describedby=\"", "\"\n        loading=\"lazy\"\n      />\n    </div>"])), this.renderSVGLoader(), this.src, this.alt, this.describedBy || "");
+        return (0, _index.html)(_templateObject4_82cd62f01f2611eda0c389891c227ec8 || (_templateObject4_82cd62f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"image-wrap\">\n      ", "\n      <img\n        src=\"", "\"\n        alt=\"", "\"\n        aria-describedby=\"", "\"\n        loading=\"lazy\"\n      />\n    </div>"])), this.renderSVGLoader(), this.src, this.alt, this.describedBy || "");
       }
     }], [{
       key: "tag",
@@ -191,7 +191,7 @@ define(["exports", "../simple-icon/lib/simple-iconset.js", "../../lit/index.js",
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(lazyImage), "styles", this)), [(0, _index.css)(_templateObject5_a85f51701f0511ed8cc3e9a95995ad69 || (_templateObject5_a85f51701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .image-wrap {\n          min-height: 250px;\n          max-height: 400px;\n          overflow: hidden;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(lazyImage), "styles", this)), [(0, _index.css)(_templateObject5_82cd62f01f2611eda0c389891c227ec8 || (_templateObject5_82cd62f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .image-wrap {\n          min-height: 250px;\n          max-height: 400px;\n          overflow: hidden;\n        }\n      "])))]);
       }
     }]);
     return lazyImage;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/learn-two-theme/learn-two-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/learn-two-theme/learn-two-theme.js
index 19a41c692f2..e9a7ed639c3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/learn-two-theme/learn-two-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/learn-two-theme/learn-two-theme.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
   _exports.LearnTwoTheme = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a8ca6f501f0511ed8cc3e9a95995ad69, _templateObject2_a8ca6f501f0511ed8cc3e9a95995ad69;
+  var _templateObject_833ffae01f2611eda0c389891c227ec8, _templateObject2_833ffae01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -95,7 +95,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a8ca6f501f0511ed8cc3e9a95995ad69 || (_templateObject_a8ca6f501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          app-drawer-layout {\n            --app-drawer-content-container: {\n              overflow: hidden;\n              background-color: var(--learn-two-theme-menu-color, #383f45);\n              position: relative;\n            }\n          }\n        </style>\n      </custom-style>\n      <app-drawer-layout responsive-width=\"900px\">\n         <simple-icon-button\n           id=\"menubutton\"\n           icon=\"menu\"\n           @click=\"", "\"\n           title=\"Toggle site menu\"\n         ></simple-icon-button>\n           <app-drawer\n             swipe-open\n             part=\"app-drawer\"\n             slot=\"drawer\"\n             .opened=\"", "\"\n             @opened=\"", "\"\n           >\n           <simple-icon-button\n             id=\"menubutton2\"\n             icon=\"menu\"\n             @click=\"", "\"\n             title=\"Toggle site menu\"\n           ></simple-icon-button>\n           <header class=\"header-wrapper\">\n             <div class=\"header\">\n               <site-title ?disabled=\"", "\" part=\"site-title\"></site-title>\n               <site-modal\n                 @site-modal-click=\"", "\"\n                 ?disabled=\"", "\"\n                 icon=\"icons:search\"\n                 title=\"Search site\"\n                 button-label=\"Search\"\n                 part=\"search-btn\"\n               >\n                 <site-search></site-search>\n               </site-modal>\n               <site-print-button\n               ?disabled=\"", "\"\n               position=\"top\"\n               part=\"print-btn\"\n             ></site-print-button>\n             <site-rss-button\n               ?disabled=\"", "\"\n               type=\"atom\"\n               part=\"rss-btn\"\n             ></site-rss-button>\n             <site-rss-button\n               ?disabled=\"", "\"\n               type=\"rss\"\n               part=\"rss-btn\"\n             ></site-rss-button>\n             </div>\n           </header>\n           <nav>\n             <site-menu part=\"site-menu\"></site-menu>\n           </nav>\n         </app-drawer>\n         </nav>\n         <main>\n           <site-menu-button type=\"prev\"></site-menu-button>\n           <article id=\"contentcontainer\">\n             <site-git-corner part=\"git-corner-btn\"></site-git-corner>\n             <site-breadcrumb part=\"page-breadcrumb\"></site-breadcrumb>\n             <site-active-title part=\"page-title\"></site-active-title>\n             <section id=\"slot\">\n               <slot></slot>\n             </section>\n           </article>\n           <site-menu-button type=\"next\"></site-menu-button>\n         </main>\n      </app-drawer-layout>"])), this.toggleDrawer, this.opened, this.__openedChanged, this.toggleDrawer, this.editMode, this.siteModalClick, this.editMode, this.editMode, this.editMode, this.editMode);
+        return (0, _index.html)(_templateObject_833ffae01f2611eda0c389891c227ec8 || (_templateObject_833ffae01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          app-drawer-layout {\n            --app-drawer-content-container: {\n              overflow: hidden;\n              background-color: var(--learn-two-theme-menu-color, #383f45);\n              position: relative;\n            }\n          }\n        </style>\n      </custom-style>\n      <app-drawer-layout responsive-width=\"900px\">\n         <simple-icon-button\n           id=\"menubutton\"\n           icon=\"menu\"\n           @click=\"", "\"\n           title=\"Toggle site menu\"\n         ></simple-icon-button>\n           <app-drawer\n             swipe-open\n             part=\"app-drawer\"\n             slot=\"drawer\"\n             .opened=\"", "\"\n             @opened=\"", "\"\n           >\n           <simple-icon-button\n             id=\"menubutton2\"\n             icon=\"menu\"\n             @click=\"", "\"\n             title=\"Toggle site menu\"\n           ></simple-icon-button>\n           <header class=\"header-wrapper\">\n             <div class=\"header\">\n               <site-title ?disabled=\"", "\" part=\"site-title\"></site-title>\n               <site-modal\n                 @site-modal-click=\"", "\"\n                 ?disabled=\"", "\"\n                 icon=\"icons:search\"\n                 title=\"Search site\"\n                 button-label=\"Search\"\n                 part=\"search-btn\"\n               >\n                 <site-search></site-search>\n               </site-modal>\n               <site-print-button\n               ?disabled=\"", "\"\n               position=\"top\"\n               part=\"print-btn\"\n             ></site-print-button>\n             <site-rss-button\n               ?disabled=\"", "\"\n               type=\"atom\"\n               part=\"rss-btn\"\n             ></site-rss-button>\n             <site-rss-button\n               ?disabled=\"", "\"\n               type=\"rss\"\n               part=\"rss-btn\"\n             ></site-rss-button>\n             </div>\n           </header>\n           <nav>\n             <site-menu part=\"site-menu\"></site-menu>\n           </nav>\n         </app-drawer>\n         </nav>\n         <main>\n           <site-menu-button type=\"prev\"></site-menu-button>\n           <article id=\"contentcontainer\">\n             <site-git-corner part=\"git-corner-btn\"></site-git-corner>\n             <site-breadcrumb part=\"page-breadcrumb\"></site-breadcrumb>\n             <site-active-title part=\"page-title\"></site-active-title>\n             <section id=\"slot\">\n               <slot></slot>\n             </section>\n           </article>\n           <site-menu-button type=\"next\"></site-menu-button>\n         </main>\n      </app-drawer-layout>"])), this.toggleDrawer, this.opened, this.__openedChanged, this.toggleDrawer, this.editMode, this.siteModalClick, this.editMode, this.editMode, this.editMode, this.editMode);
       }
       /**
        * Mix in an opened status
@@ -121,7 +121,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(LearnTwoTheme), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_a8ca6f501f0511ed8cc3e9a95995ad69 || (_templateObject2_a8ca6f501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --__learn-two-theme-default-font-family: var(\n            --learn-two-theme-default-font-family,\n            \"Muli, Helvetica, Tahoma, Geneva, Arial, sans-serif\"\n          );\n          --__learn-two-theme-default-background: var(\n            --learn-two-theme-default-background,\n            #ffffff\n          );\n          display: block;\n          font-family: var(\n            --learn-two-theme-font-family,\n            var(--__learn-two-theme-default-font-family)\n          );\n          letter-spacing: var(--learn-two-theme-letter-spacing, -0.03rem);\n          font-weight: var(--learn-two-theme-font-weight, 400);\n          background: var(\n            --learn-two-theme-background,\n            var(--__learn-two-theme-default-background)\n          );\n        }\n\n        html,\n        body {\n          background: var(\n            --learn-two-theme-html-body-background,\n            var(--__learn-two-theme-default-background)\n          );\n        }\n\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          font-family: var(\n            --learn-two-theme-headers-font-family,\n            var(--__learn-two-theme-default-font-family)\n          );\n          font-weight: var(--learn-two-theme-headers-font-weight, 400);\n          text-rendering: var(\n            --learn-two-theme-headers-text-rendering,\n            optimizeLegibility\n          );\n          line-height: var(--learn-two-theme-headers-line-height, 150%);\n          letter-spacing: var(--learn-two-theme-headers-letter-spacing, 150%);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n\n        #contentcontainer {\n          padding: var(--learn-two-theme-contentcontainer-padding, 48px 96px);\n          max-width: var(--learn-two-theme-contentcontainer-max-width, 900px);\n          margin: var(--learn-two-theme-contentcontainer-margin, auto);\n        }\n\n        .header {\n          background: #747474;\n          color: #fafafa;\n          text-align: center;\n          padding: 0 0 16px;\n        }\n        :host([is-logged-in]) app-drawer {\n          top: 48px;\n        }\n        site-git-corner {\n          top: 0;\n          right: 0;\n          position: absolute;\n          z-index: 1000;\n        }\n\n        simple-icon-button:not(:defined),\n        site-breadcrumb:not(:defined),\n        site-rss-button:not(:defined),\n        site-print-button:not(:defined),\n        site-modal:not(:defined),\n        site-git-corner:not(:defined),\n        site-menu-button:not(:defined) {\n          display: none;\n        }\n        site-breadcrumb {\n          display: block;\n        }\n        :host([responsive-size=\"xs\"]) site-breadcrumb,\n        :host([responsive-size=\"sm\"]) site-breadcrumb {\n          display: none;\n        }\n        site-rss-button {\n          color: white;\n        }\n\n        site-print-button {\n          color: var(--site-print-button-color, white);\n          margin: 4px;\n        }\n        site-modal {\n          margin: 4px;\n          display: inline-flex;\n        }\n\n        simple-icon-button,\n        site-rss-button,\n        site-print-button {\n          color: white;\n          --simple-icon-fill-color: white;\n          --haxcms-tooltip-color: #f5f5f5;\n          --haxcms-tooltip-background-color: #252737;\n        }\n\n        h-a-x {\n          padding: 0 !important;\n        }\n\n        :host([edit-mode]) {\n          opacity: 1;\n        }\n\n        :host([edit-mode]) app-drawer {\n          opacity: 0.2;\n          pointer-events: none;\n        }\n\n        git-corner {\n          float: right;\n        }\n\n        app-drawer {\n          opacity: 1;\n          position: fixed;\n          top: 0;\n          transition: 0.2s linear all;\n          box-shadow: 0 0 6px -3px var(--haxcms-color, black);\n          overflow: hidden;\n          width: 300px;\n          --app-drawer-content-padding: 0;\n        }\n\n        app-drawer-layout[narrow] #contentcontainer {\n          padding: 0 16px;\n        }\n\n        #menubutton,\n        #menubutton2 {\n          display: none;\n        }\n\n        app-drawer-layout[narrow] #menubutton {\n          display: inline-flex;\n          margin: 12px;\n        }\n\n        app-drawer-layout[narrow] #menubutton2 {\n          display: inline-flex;\n          position: absolute;\n          z-index: 1;\n          margin: 12px;\n        }\n\n        site-menu-button:not([disabled]):hover,\n        site-menu-button:not([disabled]):active,\n        site-menu-button:not([disabled]):focus {\n          opacity: 1;\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        site-menu-button {\n          --site-menu-button-icon-fill-color: var(\n            --haxcms-user-styles-color-theme-color-1\n          );\n          --haxcms-tooltip-color: var(--haxcms-user-styles-color-theme-color-2);\n          --haxcms-tooltip-background-color: var(\n            --haxcms-user-styles-color-theme-color-1\n          );\n          --site-menu-button-button-hover-background-color: rgba(0, 0, 0, 0.1);\n        }\n        site-menu-button {\n          --site-menu-button-icon-width: 64px;\n          --site-menu-button-icon-height: 64px;\n        }\n        site-menu-button[type=\"next\"] {\n          right: 0;\n        }\n\n        :host([is-logged-in]) app-drawer-layout[narrow] site-menu {\n          height: calc(100vh - 146px);\n        }\n        app-drawer-layout[narrow] site-menu {\n          height: calc(100vh - 98px);\n        }\n\n        site-menu-button[type=\"next\"] {\n          right: 0;\n          left: unset;\n        }\n\n        :host([opened]) app-drawer-layout[narrow] site-menu-button[type=\"prev\"],\n        :host([opened])\n          app-drawer-layout[narrow]\n          site-menu-button[type=\"next\"] {\n          display: none;\n        }\n\n        app-drawer-layout[narrow] site-menu-button[type=\"prev\"] {\n          left: 0;\n        }\n\n        site-title {\n          position: relative;\n          overflow: hidden;\n          color: white;\n        }\n\n        site-menu {\n          background-color: var(--learn-two-theme-menu-color, #383f45);\n          color: #ffffff;\n          padding: 0;\n          height: calc(100vh - 98px);\n          --site-menu-active-color: #ffffff;\n          --site-menu-item-active-item-color: goldenrod;\n          overflow: auto;\n        }\n\n        :host([is-logged-in]) site-menu {\n          height: calc(100vh - 146px);\n        }\n\n        app-drawer-layout {\n          min-height: -moz-available;\n          min-height: -webkit-fill-available;\n          min-height: fill-available;\n          --app-drawer-width: 300px;\n          --app-drawer-scrim-background: rgba(80, 80, 80, 0.8);\n        }\n\n        site-menu-button {\n          position: fixed;\n          top: 40vh;\n          bottom: 20vh;\n          margin: 0 20px;\n          max-width: 150px;\n          min-width: 90px;\n          justify-content: center;\n          align-content: center;\n          flex-direction: column;\n          font-size: 40px;\n          text-align: center;\n          transition: all 0.35s ease;\n          display: flex;\n          align-items: center;\n          left: 300px;\n          z-index: 1;\n          --site-menu-button-icon-width: 64px;\n          --site-menu-button-icon-height: 64px;\n          --site-menu-button-icon-fill-color: #2d3237;\n        }\n\n        app-drawer-layout[narrow] site-menu-button {\n          bottom: 0;\n          top: unset;\n        }\n\n        site-title {\n          color: #fafafa;\n          --site-title-link-display: inline-block;\n          --site-title-link-text-decoration: none;\n          --site-title-heading-font-family: var(\n            --__learn-two-theme-default-font-family\n          );\n          --site-title-heading-font-size: 28px;\n          --site-title-heading-margin: 0;\n          --site-title-heading-padding: 0;\n          --site-title-heading-text-align: center;\n          --site-title-heading-text-rendering: optimizelegibility;\n          --site-title-heading-font-weight: 100;\n        }\n        site-active-title {\n          --site-active-title-margin: 0px;\n          --site-active-title-padding: 0px;\n          margin: 0;\n          padding: 0;\n          display: block;\n        }\n        site-active-title h1 {\n          margin: 16px 0;\n          padding: 0;\n          font-size: 36px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_833ffae01f2611eda0c389891c227ec8 || (_templateObject2_833ffae01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --__learn-two-theme-default-font-family: var(\n            --learn-two-theme-default-font-family,\n            \"Muli, Helvetica, Tahoma, Geneva, Arial, sans-serif\"\n          );\n          --__learn-two-theme-default-background: var(\n            --learn-two-theme-default-background,\n            #ffffff\n          );\n          display: block;\n          font-family: var(\n            --learn-two-theme-font-family,\n            var(--__learn-two-theme-default-font-family)\n          );\n          letter-spacing: var(--learn-two-theme-letter-spacing, -0.03rem);\n          font-weight: var(--learn-two-theme-font-weight, 400);\n          background: var(\n            --learn-two-theme-background,\n            var(--__learn-two-theme-default-background)\n          );\n        }\n\n        html,\n        body {\n          background: var(\n            --learn-two-theme-html-body-background,\n            var(--__learn-two-theme-default-background)\n          );\n        }\n\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          font-family: var(\n            --learn-two-theme-headers-font-family,\n            var(--__learn-two-theme-default-font-family)\n          );\n          font-weight: var(--learn-two-theme-headers-font-weight, 400);\n          text-rendering: var(\n            --learn-two-theme-headers-text-rendering,\n            optimizeLegibility\n          );\n          line-height: var(--learn-two-theme-headers-line-height, 150%);\n          letter-spacing: var(--learn-two-theme-headers-letter-spacing, 150%);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n\n        #contentcontainer {\n          padding: var(--learn-two-theme-contentcontainer-padding, 48px 96px);\n          max-width: var(--learn-two-theme-contentcontainer-max-width, 900px);\n          margin: var(--learn-two-theme-contentcontainer-margin, auto);\n        }\n\n        .header {\n          background: #747474;\n          color: #fafafa;\n          text-align: center;\n          padding: 0 0 16px;\n        }\n        :host([is-logged-in]) app-drawer {\n          top: 48px;\n        }\n        site-git-corner {\n          top: 0;\n          right: 0;\n          position: absolute;\n          z-index: 1000;\n        }\n\n        simple-icon-button:not(:defined),\n        site-breadcrumb:not(:defined),\n        site-rss-button:not(:defined),\n        site-print-button:not(:defined),\n        site-modal:not(:defined),\n        site-git-corner:not(:defined),\n        site-menu-button:not(:defined) {\n          display: none;\n        }\n        site-breadcrumb {\n          display: block;\n        }\n        :host([responsive-size=\"xs\"]) site-breadcrumb,\n        :host([responsive-size=\"sm\"]) site-breadcrumb {\n          display: none;\n        }\n        site-rss-button {\n          color: white;\n        }\n\n        site-print-button {\n          color: var(--site-print-button-color, white);\n          margin: 4px;\n        }\n        site-modal {\n          margin: 4px;\n          display: inline-flex;\n        }\n\n        simple-icon-button,\n        site-rss-button,\n        site-print-button {\n          color: white;\n          --simple-icon-fill-color: white;\n          --haxcms-tooltip-color: #f5f5f5;\n          --haxcms-tooltip-background-color: #252737;\n        }\n\n        h-a-x {\n          padding: 0 !important;\n        }\n\n        :host([edit-mode]) {\n          opacity: 1;\n        }\n\n        :host([edit-mode]) app-drawer {\n          opacity: 0.2;\n          pointer-events: none;\n        }\n\n        git-corner {\n          float: right;\n        }\n\n        app-drawer {\n          opacity: 1;\n          position: fixed;\n          top: 0;\n          transition: 0.2s linear all;\n          box-shadow: 0 0 6px -3px var(--haxcms-color, black);\n          overflow: hidden;\n          width: 300px;\n          --app-drawer-content-padding: 0;\n        }\n\n        app-drawer-layout[narrow] #contentcontainer {\n          padding: 0 16px;\n        }\n\n        #menubutton,\n        #menubutton2 {\n          display: none;\n        }\n\n        app-drawer-layout[narrow] #menubutton {\n          display: inline-flex;\n          margin: 12px;\n        }\n\n        app-drawer-layout[narrow] #menubutton2 {\n          display: inline-flex;\n          position: absolute;\n          z-index: 1;\n          margin: 12px;\n        }\n\n        site-menu-button:not([disabled]):hover,\n        site-menu-button:not([disabled]):active,\n        site-menu-button:not([disabled]):focus {\n          opacity: 1;\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        site-menu-button {\n          --site-menu-button-icon-fill-color: var(\n            --haxcms-user-styles-color-theme-color-1\n          );\n          --haxcms-tooltip-color: var(--haxcms-user-styles-color-theme-color-2);\n          --haxcms-tooltip-background-color: var(\n            --haxcms-user-styles-color-theme-color-1\n          );\n          --site-menu-button-button-hover-background-color: rgba(0, 0, 0, 0.1);\n        }\n        site-menu-button {\n          --site-menu-button-icon-width: 64px;\n          --site-menu-button-icon-height: 64px;\n        }\n        site-menu-button[type=\"next\"] {\n          right: 0;\n        }\n\n        :host([is-logged-in]) app-drawer-layout[narrow] site-menu {\n          height: calc(100vh - 146px);\n        }\n        app-drawer-layout[narrow] site-menu {\n          height: calc(100vh - 98px);\n        }\n\n        site-menu-button[type=\"next\"] {\n          right: 0;\n          left: unset;\n        }\n\n        :host([opened]) app-drawer-layout[narrow] site-menu-button[type=\"prev\"],\n        :host([opened])\n          app-drawer-layout[narrow]\n          site-menu-button[type=\"next\"] {\n          display: none;\n        }\n\n        app-drawer-layout[narrow] site-menu-button[type=\"prev\"] {\n          left: 0;\n        }\n\n        site-title {\n          position: relative;\n          overflow: hidden;\n          color: white;\n        }\n\n        site-menu {\n          background-color: var(--learn-two-theme-menu-color, #383f45);\n          color: #ffffff;\n          padding: 0;\n          height: calc(100vh - 98px);\n          --site-menu-active-color: #ffffff;\n          --site-menu-item-active-item-color: goldenrod;\n          overflow: auto;\n        }\n\n        :host([is-logged-in]) site-menu {\n          height: calc(100vh - 146px);\n        }\n\n        app-drawer-layout {\n          min-height: -moz-available;\n          min-height: -webkit-fill-available;\n          min-height: fill-available;\n          --app-drawer-width: 300px;\n          --app-drawer-scrim-background: rgba(80, 80, 80, 0.8);\n        }\n\n        site-menu-button {\n          position: fixed;\n          top: 40vh;\n          bottom: 20vh;\n          margin: 0 20px;\n          max-width: 150px;\n          min-width: 90px;\n          justify-content: center;\n          align-content: center;\n          flex-direction: column;\n          font-size: 40px;\n          text-align: center;\n          transition: all 0.35s ease;\n          display: flex;\n          align-items: center;\n          left: 300px;\n          z-index: 1;\n          --site-menu-button-icon-width: 64px;\n          --site-menu-button-icon-height: 64px;\n          --site-menu-button-icon-fill-color: #2d3237;\n        }\n\n        app-drawer-layout[narrow] site-menu-button {\n          bottom: 0;\n          top: unset;\n        }\n\n        site-title {\n          color: #fafafa;\n          --site-title-link-display: inline-block;\n          --site-title-link-text-decoration: none;\n          --site-title-heading-font-family: var(\n            --__learn-two-theme-default-font-family\n          );\n          --site-title-heading-font-size: 28px;\n          --site-title-heading-margin: 0;\n          --site-title-heading-padding: 0;\n          --site-title-heading-text-align: center;\n          --site-title-heading-text-rendering: optimizelegibility;\n          --site-title-heading-font-weight: 100;\n        }\n        site-active-title {\n          --site-active-title-margin: 0px;\n          --site-active-title-padding: 0px;\n          margin: 0;\n          padding: 0;\n          display: block;\n        }\n        site-active-title h1 {\n          margin: 16px 0;\n          padding: 0;\n          font-size: 36px;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/license-element/license-element.js b/build/es5-amd/node_modules/@lrnwebcomponents/license-element/license-element.js
index aa4bf81d933..a8d3782a57d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/license-element/license-element.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/license-element/license-element.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
   });
   _exports.licenseList = _exports.LicenseElement = void 0;
 
-  var _templateObject_a8cf2a401f0511ed8cc3e9a95995ad69, _templateObject2_a8cf2a401f0511ed8cc3e9a95995ad69, _templateObject3_a8cf2a401f0511ed8cc3e9a95995ad69, _templateObject4_a8cf2a401f0511ed8cc3e9a95995ad69;
+  var _templateObject_83448ec01f2611eda0c389891c227ec8, _templateObject2_83448ec01f2611eda0c389891c227ec8, _templateObject3_83448ec01f2611eda0c389891c227ec8, _templateObject4_83448ec01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -94,7 +94,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
     babelHelpers.createClass(LicenseElement, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a8cf2a401f0511ed8cc3e9a95995ad69 || (_templateObject_a8cf2a401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <meta\n        rel=\"cc:license\"\n        href=\"", "\"\n        content=\"License: ", "\"\n      />\n      <div\n        class=\"license-body\"\n        xmlns:cc=\"", "\"\n        xmlns:dc=\"http://purl.org/dc/elements/1.1/\"\n      >\n        ", "\n        <span\n          class=\"work-title\"\n          rel=\"dc:type\"\n          href=\"http://purl.org/dc/dcmitype/Text\"\n          property=\"dc:title\"\n          >", "</span\n        >\n        by\n        <a\n          rel=\"cc:attributionURL\"\n          property=\"cc:attributionName\"\n          href=\"", "\"\n          >", "</a\n        >\n        is licensed under a\n        <a class=\"license-link\" target=\"_blank\" href=\"", "\"\n          >", "</a\n        >. <span rel=\"dc:source\" href=\"", "\"></span>\n        ", "\n      </div>\n    "])), this.licenseLink, this.licenseName, this.licenseLink, this.licenseImage ? (0, _index.html)(_templateObject2_a8cf2a401f0511ed8cc3e9a95995ad69 || (_templateObject2_a8cf2a401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <a\n                class=\"big-license-link\"\n                target=\"_blank\"\n                href=\"", "\"\n                rel=\"noopener noreferrer\"\n                ><img\n                  loading=\"lazy\"\n                  alt=\"", " graphic\"\n                  src=\"", "\"\n              /></a>\n            "])), this.licenseLink, this.licenseName, this.licenseImage) : "", this.title, this.source, this.creator, this.licenseLink, this.licenseName, this.source, this.hasMore ? (0, _index.html)(_templateObject3_a8cf2a401f0511ed8cc3e9a95995ad69 || (_templateObject3_a8cf2a401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <span\n                >Permissions beyond the scope of this license are available\n                <a\n                  rel=\"cc:morePermissions\"\n                  target=\"_blank\"\n                  href=\"", "\"\n                  rel=\"noopener noreferrer\"\n                  >", "</a\n                >.</span\n              >\n            "])), this.moreLink, this.moreLabel) : "");
+        return (0, _index.html)(_templateObject_83448ec01f2611eda0c389891c227ec8 || (_templateObject_83448ec01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <meta\n        rel=\"cc:license\"\n        href=\"", "\"\n        content=\"License: ", "\"\n      />\n      <div\n        class=\"license-body\"\n        xmlns:cc=\"", "\"\n        xmlns:dc=\"http://purl.org/dc/elements/1.1/\"\n      >\n        ", "\n        <span\n          class=\"work-title\"\n          rel=\"dc:type\"\n          href=\"http://purl.org/dc/dcmitype/Text\"\n          property=\"dc:title\"\n          >", "</span\n        >\n        by\n        <a\n          rel=\"cc:attributionURL\"\n          property=\"cc:attributionName\"\n          href=\"", "\"\n          >", "</a\n        >\n        is licensed under a\n        <a class=\"license-link\" target=\"_blank\" href=\"", "\"\n          >", "</a\n        >. <span rel=\"dc:source\" href=\"", "\"></span>\n        ", "\n      </div>\n    "])), this.licenseLink, this.licenseName, this.licenseLink, this.licenseImage ? (0, _index.html)(_templateObject2_83448ec01f2611eda0c389891c227ec8 || (_templateObject2_83448ec01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <a\n                class=\"big-license-link\"\n                target=\"_blank\"\n                href=\"", "\"\n                rel=\"noopener noreferrer\"\n                ><img\n                  loading=\"lazy\"\n                  alt=\"", " graphic\"\n                  src=\"", "\"\n              /></a>\n            "])), this.licenseLink, this.licenseName, this.licenseImage) : "", this.title, this.source, this.creator, this.licenseLink, this.licenseName, this.source, this.hasMore ? (0, _index.html)(_templateObject3_83448ec01f2611eda0c389891c227ec8 || (_templateObject3_83448ec01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <span\n                >Permissions beyond the scope of this license are available\n                <a\n                  rel=\"cc:morePermissions\"\n                  target=\"_blank\"\n                  href=\"", "\"\n                  rel=\"noopener noreferrer\"\n                  >", "</a\n                >.</span\n              >\n            "])), this.moreLink, this.moreLabel) : "");
       }
     }, {
       key: "updated",
@@ -145,7 +145,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject4_a8cf2a401f0511ed8cc3e9a95995ad69 || (_templateObject4_a8cf2a401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          line-height: 32px;\n          --license-text-color: #222222;\n          --license-background-color: #f2f2f2;\n          background-color: var(--license-background-color);\n        }\n        :host:after {\n          content: \"License\";\n          position: relative;\n          float: right;\n          bottom: 36px;\n          right: 8px;\n          font-size: 28px;\n          color: #dddddd;\n          font-style: italic;\n        }\n        .license-body {\n          padding: 32px;\n          font-style: italic;\n          background-color: var(--license-background-color);\n          color: var(--license-text-color);\n        }\n\n        :host([display-method=\"footnote\"]) {\n          visibility: hidden;\n          opacity: 0;\n        }\n        :host([display-method=\"popup\"]) {\n          display: block;\n        }\n        .license-link {\n          font-style: italic;\n        }\n        .big-license-link img {\n          margin-right: 8px;\n          margin-bottom: 8px;\n          width: 88px;\n          height: 31px;\n          vertical-align: middle;\n        }\n        .work-title {\n          font-weight: bold;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_83448ec01f2611eda0c389891c227ec8 || (_templateObject4_83448ec01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          line-height: 32px;\n          --license-text-color: #222222;\n          --license-background-color: #f2f2f2;\n          background-color: var(--license-background-color);\n        }\n        :host:after {\n          content: \"License\";\n          position: relative;\n          float: right;\n          bottom: 36px;\n          right: 8px;\n          font-size: 28px;\n          color: #dddddd;\n          font-style: italic;\n        }\n        .license-body {\n          padding: 32px;\n          font-style: italic;\n          background-color: var(--license-background-color);\n          color: var(--license-text-color);\n        }\n\n        :host([display-method=\"footnote\"]) {\n          visibility: hidden;\n          opacity: 0;\n        }\n        :host([display-method=\"popup\"]) {\n          display: block;\n        }\n        .license-link {\n          font-style: italic;\n        }\n        .big-license-link img {\n          margin-right: 8px;\n          margin-bottom: 8px;\n          width: 88px;\n          height: 31px;\n          vertical-align: middle;\n        }\n        .work-title {\n          font-weight: bold;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lorem-data/lorem-data.js b/build/es5-amd/node_modules/@lrnwebcomponents/lorem-data/lorem-data.js
index 34a6e25e8bd..c8a7ab5cfba 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lorem-data/lorem-data.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lorem-data/lorem-data.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/lorem-data-behaviors.js"], funct
   });
   _exports.LoremData = void 0;
 
-  var _templateObject_a8dc22901f0511ed8cc3e9a95995ad69, _templateObject2_a8dc22901f0511ed8cc3e9a95995ad69, _templateObject3_a8dc22901f0511ed8cc3e9a95995ad69;
+  var _templateObject_835160001f2611eda0c389891c227ec8, _templateObject2_835160001f2611eda0c389891c227ec8, _templateObject3_835160001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -48,8 +48,8 @@ define(["exports", "../../lit/index.js", "./lib/lorem-data-behaviors.js"], funct
         var _this2 = this;
 
         console.warn(this.data);
-        return (0, _index.html)(_templateObject_a8dc22901f0511ed8cc3e9a95995ad69 || (_templateObject_a8dc22901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button @click=\"", "\">Save All</button>\n      ", "\n      <button @click=\"", "\">Save All</button>\n    "])), this.saveAll, Object.keys(this.schemas || []).map(function (key) {
-          return (0, _index.html)(_templateObject2_a8dc22901f0511ed8cc3e9a95995ad69 || (_templateObject2_a8dc22901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <p>\n            <label>\n              <a href=\"", "\" download=\"", "\"\n                >", ":\n              </a>\n              <br />\n              <textarea>", "</textarea>\n            </label>\n          </p>\n        "])), _this2.saveDataUrl(_this2.schemas[key]), key, key, _this2.getJson(_this2.schemas[key]));
+        return (0, _index.html)(_templateObject_835160001f2611eda0c389891c227ec8 || (_templateObject_835160001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button @click=\"", "\">Save All</button>\n      ", "\n      <button @click=\"", "\">Save All</button>\n    "])), this.saveAll, Object.keys(this.schemas || []).map(function (key) {
+          return (0, _index.html)(_templateObject2_835160001f2611eda0c389891c227ec8 || (_templateObject2_835160001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <p>\n            <label>\n              <a href=\"", "\" download=\"", "\"\n                >", ":\n              </a>\n              <br />\n              <textarea>", "</textarea>\n            </label>\n          </p>\n        "])), _this2.saveDataUrl(_this2.schemas[key]), key, key, _this2.getJson(_this2.schemas[key]));
         }), this.saveAll);
       }
       /**
@@ -825,7 +825,7 @@ define(["exports", "../../lit/index.js", "./lib/lorem-data-behaviors.js"], funct
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_a8dc22901f0511ed8cc3e9a95995ad69 || (_templateObject3_a8dc22901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        label {\n          font-size: 80%;\n          font-family: sans-serif;\n        }\n        textarea {\n          width: 100%;\n          height: 200px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_835160001f2611eda0c389891c227ec8 || (_templateObject3_835160001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        label {\n          font-size: 80%;\n          font-family: sans-serif;\n        }\n        textarea {\n          width: 100%;\n          height: 200px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-aside/lrn-aside.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-aside/lrn-aside.js
index 00f3a24df03..55a4bab6fdc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-aside/lrn-aside.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-aside/lrn-aside.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
   _exports.LrnAside = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_9d8610e01f0511ed8cc3e9a95995ad69, _templateObject2_9d8610e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7891e9001f2611eda0c389891c227ec8, _templateObject2_7891e9001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -47,12 +47,12 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
     babelHelpers.createClass(LrnAside, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9d8610e01f0511ed8cc3e9a95995ad69 || (_templateObject_9d8610e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <aside>\n        <lrndesign-panelcard title=\"", "\">\n          <slot></slot>\n        </lrndesign-panelcard>\n      </aside>\n    "])), this.title);
+        return (0, _index.html)(_templateObject_7891e9001f2611eda0c389891c227ec8 || (_templateObject_7891e9001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <aside>\n        <lrndesign-panelcard title=\"", "\">\n          <slot></slot>\n        </lrndesign-panelcard>\n      </aside>\n    "])), this.title);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_9d8610e01f0511ed8cc3e9a95995ad69 || (_templateObject2_9d8610e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          padding: 8px;\n        }\n        :host([sticky]) {\n          top: 0;\n          position: sticky;\n        }\n        :host([direction=\"left\"]) {\n          float: left;\n          max-width: 480px;\n        }\n        :host([direction=\"right\"]) {\n          float: right;\n          max-width: 480px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7891e9001f2611eda0c389891c227ec8 || (_templateObject2_7891e9001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          padding: 8px;\n        }\n        :host([sticky]) {\n          top: 0;\n          position: sticky;\n        }\n        :host([direction=\"left\"]) {\n          float: left;\n          max-width: 480px;\n        }\n        :host([direction=\"right\"]) {\n          float: right;\n          max-width: 480px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-assignment/lib/lrn-assignment-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-assignment/lib/lrn-assignment-button.js
index ca0b9d6071c..7f50e143584 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-assignment/lib/lrn-assignment-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-assignment/lib/lrn-assignment-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
   });
   _exports.LrnAssignmentButton = void 0;
 
-  var _templateObject_e04885201f0511ed8cc3e9a95995ad69, _templateObject2_e04885201f0511ed8cc3e9a95995ad69, _templateObject3_e04885201f0511ed8cc3e9a95995ad69, _templateObject4_e04885201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b72ad7d01f2611eda0c389891c227ec8, _templateObject2_b72ad7d01f2611eda0c389891c227ec8, _templateObject3_b72ad7d01f2611eda0c389891c227ec8, _templateObject4_b72ad7d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -34,7 +34,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_e04885201f0511ed8cc3e9a95995ad69 || (_templateObject_e04885201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a href=\"", "\">\n        ", "\n        ", "\n      </a>\n    "])), this.url, this.open ? (0, _index.html)(_templateObject2_e04885201f0511ed8cc3e9a95995ad69 || (_templateObject2_e04885201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <button raised open>\n                ", "\n                <simple-icon-lite icon=\"lrn-icons:input\"></simple-icon-lite>\n              </button>\n            "])), this.title) : "", this.complete ? (0, _index.html)(_templateObject3_e04885201f0511ed8cc3e9a95995ad69 || (_templateObject3_e04885201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <button raised complete>\n                ", "\n                <simple-icon-lite icon=\"lrn-icons:done\"></simple-icon-lite>\n              </button>\n            "])), this.title) : "");
+        return (0, _index.html)(_templateObject_b72ad7d01f2611eda0c389891c227ec8 || (_templateObject_b72ad7d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a href=\"", "\">\n        ", "\n        ", "\n      </a>\n    "])), this.url, this.open ? (0, _index.html)(_templateObject2_b72ad7d01f2611eda0c389891c227ec8 || (_templateObject2_b72ad7d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <button raised open>\n                ", "\n                <simple-icon-lite icon=\"lrn-icons:input\"></simple-icon-lite>\n              </button>\n            "])), this.title) : "", this.complete ? (0, _index.html)(_templateObject3_b72ad7d01f2611eda0c389891c227ec8 || (_templateObject3_b72ad7d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <button raised complete>\n                ", "\n                <simple-icon-lite icon=\"lrn-icons:done\"></simple-icon-lite>\n              </button>\n            "])), this.title) : "");
       }
     }], [{
       key: "styles",
@@ -43,7 +43,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject4_e04885201f0511ed8cc3e9a95995ad69 || (_templateObject4_e04885201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        a {\n          color: inherit;\n          text-decoration: inherit;\n        }\n        button {\n          background: #b0e6f9;\n        }\n        button[complete] {\n          background: #e7ffe7;\n        }\n        simple-icon-lite {\n          margin-left: 8px;\n          opacity: 0.8;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_b72ad7d01f2611eda0c389891c227ec8 || (_templateObject4_b72ad7d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        a {\n          color: inherit;\n          text-decoration: inherit;\n        }\n        button {\n          background: #b0e6f9;\n        }\n        button[complete] {\n          background: #e7ffe7;\n        }\n        simple-icon-lite {\n          margin-left: 8px;\n          opacity: 0.8;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-assignment/lrn-assignment.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-assignment/lrn-assignment.js
index 3135e95fc62..d1f12341ac3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-assignment/lrn-assignment.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-assignment/lrn-assignment.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.LrnAssignments = _exports.LrnAssignment = void 0;
 
-  var _templateObject_a8de1e601f0511ed8cc3e9a95995ad69, _templateObject2_a8de1e601f0511ed8cc3e9a95995ad69;
+  var _templateObject_835382e01f2611eda0c389891c227ec8, _templateObject2_835382e01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -30,7 +30,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     babelHelpers.createClass(LrnAssignment, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_a8de1e601f0511ed8cc3e9a95995ad69 || (_templateObject_a8de1e601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n          width: 100%;\n        }\n        div.card {\n          width: 100%;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n      </style>\n      <div class=\"card\">\n        <img src=\"[[image]]\" loading=\"lazy\" />\n        <h3>[[title]]</h3>\n        <div class=\"card-content\">[[details]] <slot></slot></div>\n        <div class=\"card-actions\">\n          <template is=\"dom-repeat\" items=\"[[actions]]\">\n            <a href$=\"[[item.url]]\"><button raised>[[item.label]]</button></a>\n          </template>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_835382e01f2611eda0c389891c227ec8 || (_templateObject_835382e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n          width: 100%;\n        }\n        div.card {\n          width: 100%;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n      </style>\n      <div class=\"card\">\n        <img src=\"[[image]]\" loading=\"lazy\" />\n        <h3>[[title]]</h3>\n        <div class=\"card-content\">[[details]] <slot></slot></div>\n        <div class=\"card-actions\">\n          <template is=\"dom-repeat\" items=\"[[actions]]\">\n            <a href$=\"[[item.url]]\"><button raised>[[item.label]]</button></a>\n          </template>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
@@ -120,7 +120,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject2_a8de1e601f0511ed8cc3e9a95995ad69 || (_templateObject2_a8de1e601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n          flex-wrap: wrap;\n        }\n        :host lrn-assignment {\n          margin: 16px;\n        }\n        :host([layout=\"wide\"]) lrn-assignment {\n          width: calc(100% - 32px);\n        }\n        :host([layout=\"medium\"]) lrn-assignment {\n          width: calc(50% - 32px);\n        }\n        :host([layout=\"tight\"]) lrn-assignment {\n          width: calc(25% - 32px);\n        }\n      </style>\n      <template is=\"dom-repeat\" items=\"[[assignments]]\">\n        <lrn-assignment\n          title=\"[[item.title]]\"\n          actions=\"[[item.actions]]\"\n        ></lrn-assignment>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[url]]\">\n        <iron-ajax\n          auto=\"\"\n          url=\"[[url]]\"\n          handle-as=\"json\"\n          on-response=\"handleResponse\"\n        ></iron-ajax>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject2_835382e01f2611eda0c389891c227ec8 || (_templateObject2_835382e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n          flex-wrap: wrap;\n        }\n        :host lrn-assignment {\n          margin: 16px;\n        }\n        :host([layout=\"wide\"]) lrn-assignment {\n          width: calc(100% - 32px);\n        }\n        :host([layout=\"medium\"]) lrn-assignment {\n          width: calc(50% - 32px);\n        }\n        :host([layout=\"tight\"]) lrn-assignment {\n          width: calc(25% - 32px);\n        }\n      </style>\n      <template is=\"dom-repeat\" items=\"[[assignments]]\">\n        <lrn-assignment\n          title=\"[[item.title]]\"\n          actions=\"[[item.actions]]\"\n        ></lrn-assignment>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[url]]\">\n        <iron-ajax\n          auto=\"\"\n          url=\"[[url]]\"\n          handle-as=\"json\"\n          on-response=\"handleResponse\"\n        ></iron-ajax>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-button/lrn-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-button/lrn-button.js
index 807e1092759..c1ab5253669 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-button/lrn-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-button/lrn-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-tooltip/simple-tooltip.js",
   });
   _exports.LrnButton = void 0;
 
-  var _templateObject_a8e3eac01f0511ed8cc3e9a95995ad69, _templateObject2_a8e3eac01f0511ed8cc3e9a95995ad69, _templateObject3_a8e3eac01f0511ed8cc3e9a95995ad69, _templateObject4_a8e3eac01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8358da101f2611eda0c389891c227ec8, _templateObject2_8358da101f2611eda0c389891c227ec8, _templateObject3_8358da101f2611eda0c389891c227ec8, _templateObject4_8358da101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -57,7 +57,7 @@ define(["exports", "../../lit/index.js", "../simple-tooltip/simple-tooltip.js",
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a8e3eac01f0511ed8cc3e9a95995ad69 || (_templateObject_a8e3eac01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <a\n        tabindex=\"-1\"\n        id=\"lrnsys-button-link\"\n        href=\"", "\"\n        data-prefetch-hover=\"", "\"\n        target=\"", "\"\n      >\n        <button\n          id=\"button\"\n          raised=\"", "\"\n          class=\"", "\"\n          ?disabled=\"", "\"\n        >\n          <div class=\"inner ", "\">\n            ", "\n            ", "\n            <slot></slot>\n          </div>\n        </button>\n      </a>\n      <simple-tooltip for=\"lrnsys-button-link\" animation-delay=\"0\"\n        >", "</simple-tooltip\n      >"])), this.showHref, this.prefetch, this.target, this.raised, this.class, this.disabled, this.innerClass, this.icon ? (0, _index.html)(_templateObject2_a8e3eac01f0511ed8cc3e9a95995ad69 || (_templateObject2_a8e3eac01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-icon-lite\n                    icon=\"", "\"\n                    id=\"icon\"\n                  ></simple-icon-lite>\n                "])), this.icon) : "", this.label ? (0, _index.html)(_templateObject3_a8e3eac01f0511ed8cc3e9a95995ad69 || (_templateObject3_a8e3eac01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <span class=\"label\"> ", " </span>"])), this.label) : "", this.alt);
+        return (0, _index.html)(_templateObject_8358da101f2611eda0c389891c227ec8 || (_templateObject_8358da101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <a\n        tabindex=\"-1\"\n        id=\"lrnsys-button-link\"\n        href=\"", "\"\n        data-prefetch-hover=\"", "\"\n        target=\"", "\"\n      >\n        <button\n          id=\"button\"\n          raised=\"", "\"\n          class=\"", "\"\n          ?disabled=\"", "\"\n        >\n          <div class=\"inner ", "\">\n            ", "\n            ", "\n            <slot></slot>\n          </div>\n        </button>\n      </a>\n      <simple-tooltip for=\"lrnsys-button-link\" animation-delay=\"0\"\n        >", "</simple-tooltip\n      >"])), this.showHref, this.prefetch, this.target, this.raised, this.class, this.disabled, this.innerClass, this.icon ? (0, _index.html)(_templateObject2_8358da101f2611eda0c389891c227ec8 || (_templateObject2_8358da101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-icon-lite\n                    icon=\"", "\"\n                    id=\"icon\"\n                  ></simple-icon-lite>\n                "])), this.icon) : "", this.label ? (0, _index.html)(_templateObject3_8358da101f2611eda0c389891c227ec8 || (_templateObject3_8358da101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <span class=\"label\"> ", " </span>"])), this.label) : "", this.alt);
       } // properties available to the custom element for data binding
 
     }, {
@@ -174,7 +174,7 @@ define(["exports", "../../lit/index.js", "../simple-tooltip/simple-tooltip.js",
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrnButton), "styles", this)), [(0, _index.css)(_templateObject4_a8e3eac01f0511ed8cc3e9a95995ad69 || (_templateObject4_a8e3eac01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --lrnsys-button-height: 48px;\n        }\n\n        :host(.center) {\n          text-align: center;\n        }\n\n        a {\n          text-decoration: none;\n          display: block;\n          color: #000000;\n        }\n\n        button {\n          transition: 0.3s;\n          margin: 0;\n          max-width: 50%;\n          height: inherit;\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n          align-items: center;\n          border-radius: var(--lrn-button-border-radius, unset);\n          background-color: var(\n            --lrn-button-background-color,\n            var(--simple-colors-default-theme-accent-2, white)\n          );\n          border: var(--lrn-button-border-width, 0px) solid\n            var(\n              --lrn-button-border-color,\n              var(--simple-colors-default-theme-accent-2, #ddd)\n            );\n          color: var(\n            --lrn-button-color,\n            var(--simple-colors-default-theme-grey-12, black)\n          );\n        }\n\n        :host([accent-color=\"grey\"]) button,\n        :host([text-color]) button,\n        :host([dark][accent-color=\"grey\"]) button,\n        :host([dark][text-color]) button {\n          background-color: var(\n            --lrn-button-background-color,\n            var(--simple-colors-default-theme-grey-1, white)\n          );\n          border-color: var(\n            --lrn-button-border-color,\n            var(--simple-colors-default-theme-grey-3, #ddd)\n          );\n          color: var(\n            --lrn-button-color,\n            var(--simple-colors-default-theme-grey-12, black)\n          );\n        }\n\n        :host([text-color]) button,\n        :host([text-color][dark]) button {\n          color: var(\n            --lrn-button-color,\n            var(--simple-colors-default-theme-accent-9, black)\n          );\n        }\n\n        button:focus,\n        button:hover {\n          background-color: var(\n            --lrn-button-focus-background-color,\n            var(\n              --lrn-button-background-color,\n              var(--simple-colors-default-theme-accent-3, white)\n            )\n          );\n          border-color: var(\n            --lrn-button-focus-border-color,\n            var(\n              --lrn-button-border-color,\n              var(--simple-colors-default-theme-accent-3, #ddd)\n            )\n          );\n        }\n\n        :host([accent-color=\"grey\"]) button:focus,\n        :host([text-color]) button:focus,\n        :host([dark][accent-color=\"grey\"]) button:focus,\n        :host([dark][text-color]) button:focus,\n        :host([accent-color=\"grey\"]) button:hover,\n        :host([text-color]) button:hover,\n        :host([dark][accent-color=\"grey\"]) button:hover,\n        :host([dark][text-color]) button:hover {\n          background-color: var(\n            --lrn-button-focus-background-color,\n            var(\n              --lrn-button-background-color,\n              var(--simple-colors-default-theme-grey-2, white)\n            )\n          );\n          border-color: var(\n            --lrn-button-focus-border-color,\n            var(\n              --lrn-button-border-color,\n              var(--simple-colors-default-theme-grey-3, #ddd)\n            )\n          );\n        }\n\n        button simple-icon-lite {\n          --simple-icon-height: var(--lrnsys-button-height);\n          margin: 0 12px;\n        }\n\n        button div.inner {\n          height: var(--lrnsys-button-height);\n          line-height: var(--lrnsys-button-height);\n          padding: 0 12px;\n        }\n\n        button span.label {\n          height: var(--lrnsys-button-height);\n          line-height: var(--lrnsys-button-height);\n        }\n\n        .no-margin {\n          margin: 0 !important;\n        }\n\n        .no-right-padding {\n          padding-right: 0 !important;\n        }\n\n        .no-left-padding {\n          padding-left: 0 !important;\n        }\n\n        .center {\n          text-align: center;\n          margin: 0 auto;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrnButton), "styles", this)), [(0, _index.css)(_templateObject4_8358da101f2611eda0c389891c227ec8 || (_templateObject4_8358da101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --lrnsys-button-height: 48px;\n        }\n\n        :host(.center) {\n          text-align: center;\n        }\n\n        a {\n          text-decoration: none;\n          display: block;\n          color: #000000;\n        }\n\n        button {\n          transition: 0.3s;\n          margin: 0;\n          max-width: 50%;\n          height: inherit;\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n          align-items: center;\n          border-radius: var(--lrn-button-border-radius, unset);\n          background-color: var(\n            --lrn-button-background-color,\n            var(--simple-colors-default-theme-accent-2, white)\n          );\n          border: var(--lrn-button-border-width, 0px) solid\n            var(\n              --lrn-button-border-color,\n              var(--simple-colors-default-theme-accent-2, #ddd)\n            );\n          color: var(\n            --lrn-button-color,\n            var(--simple-colors-default-theme-grey-12, black)\n          );\n        }\n\n        :host([accent-color=\"grey\"]) button,\n        :host([text-color]) button,\n        :host([dark][accent-color=\"grey\"]) button,\n        :host([dark][text-color]) button {\n          background-color: var(\n            --lrn-button-background-color,\n            var(--simple-colors-default-theme-grey-1, white)\n          );\n          border-color: var(\n            --lrn-button-border-color,\n            var(--simple-colors-default-theme-grey-3, #ddd)\n          );\n          color: var(\n            --lrn-button-color,\n            var(--simple-colors-default-theme-grey-12, black)\n          );\n        }\n\n        :host([text-color]) button,\n        :host([text-color][dark]) button {\n          color: var(\n            --lrn-button-color,\n            var(--simple-colors-default-theme-accent-9, black)\n          );\n        }\n\n        button:focus,\n        button:hover {\n          background-color: var(\n            --lrn-button-focus-background-color,\n            var(\n              --lrn-button-background-color,\n              var(--simple-colors-default-theme-accent-3, white)\n            )\n          );\n          border-color: var(\n            --lrn-button-focus-border-color,\n            var(\n              --lrn-button-border-color,\n              var(--simple-colors-default-theme-accent-3, #ddd)\n            )\n          );\n        }\n\n        :host([accent-color=\"grey\"]) button:focus,\n        :host([text-color]) button:focus,\n        :host([dark][accent-color=\"grey\"]) button:focus,\n        :host([dark][text-color]) button:focus,\n        :host([accent-color=\"grey\"]) button:hover,\n        :host([text-color]) button:hover,\n        :host([dark][accent-color=\"grey\"]) button:hover,\n        :host([dark][text-color]) button:hover {\n          background-color: var(\n            --lrn-button-focus-background-color,\n            var(\n              --lrn-button-background-color,\n              var(--simple-colors-default-theme-grey-2, white)\n            )\n          );\n          border-color: var(\n            --lrn-button-focus-border-color,\n            var(\n              --lrn-button-border-color,\n              var(--simple-colors-default-theme-grey-3, #ddd)\n            )\n          );\n        }\n\n        button simple-icon-lite {\n          --simple-icon-height: var(--lrnsys-button-height);\n          margin: 0 12px;\n        }\n\n        button div.inner {\n          height: var(--lrnsys-button-height);\n          line-height: var(--lrnsys-button-height);\n          padding: 0 12px;\n        }\n\n        button span.label {\n          height: var(--lrnsys-button-height);\n          line-height: var(--lrnsys-button-height);\n        }\n\n        .no-margin {\n          margin: 0 !important;\n        }\n\n        .no-right-padding {\n          padding-right: 0 !important;\n        }\n\n        .no-left-padding {\n          padding-left: 0 !important;\n        }\n\n        .center {\n          text-align: center;\n          margin: 0 auto;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-content/lrn-content.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-content/lrn-content.js
index 327c69da04e..dd07e872520 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-content/lrn-content.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-content/lrn-content.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.LrnContent = void 0;
 
-  var _templateObject_a8e571601f0511ed8cc3e9a95995ad69, _templateObject2_a8e571601f0511ed8cc3e9a95995ad69, _templateObject3_a8e571601f0511ed8cc3e9a95995ad69;
+  var _templateObject_835a39a01f2611eda0c389891c227ec8, _templateObject2_835a39a01f2611eda0c389891c227ec8, _templateObject3_835a39a01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -32,7 +32,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(LrnContent, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a8e571601f0511ed8cc3e9a95995ad69 || (_templateObject_a8e571601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div typeof=\"oer:SupportingMaterial\">\n        ", "\n        <div property=\"oer:description\"><slot></slot></div>\n      </div>\n    "])), this.title ? (0, _index.html)(_templateObject2_a8e571601f0511ed8cc3e9a95995ad69 || (_templateObject2_a8e571601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <h2 property=\"oer:name\">", "</h2> "])), this.title) : "");
+        return (0, _index.html)(_templateObject_835a39a01f2611eda0c389891c227ec8 || (_templateObject_835a39a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div typeof=\"oer:SupportingMaterial\">\n        ", "\n        <div property=\"oer:description\"><slot></slot></div>\n      </div>\n    "])), this.title ? (0, _index.html)(_templateObject2_835a39a01f2611eda0c389891c227ec8 || (_templateObject2_835a39a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <h2 property=\"oer:name\">", "</h2> "])), this.title) : "");
       }
     }], [{
       key: "styles",
@@ -41,7 +41,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject3_a8e571601f0511ed8cc3e9a95995ad69 || (_templateObject3_a8e571601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_835a39a01f2611eda0c389891c227ec8 || (_templateObject3_835a39a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-css-reset/lrn-css-reset.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-css-reset/lrn-css-reset.js
index b63441fbb2c..836c9d70924 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-css-reset/lrn-css-reset.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-css-reset/lrn-css-reset.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.LrnCssResetStyles = _exports.LrnCssReset = _exports.AttachStylesToHead = void 0;
 
-  var _templateObject_a8e76d301f0511ed8cc3e9a95995ad69, _templateObject2_a8e76d301f0511ed8cc3e9a95995ad69;
+  var _templateObject_835c35701f2611eda0c389891c227ec8, _templateObject2_835c35701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -15,7 +15,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   /**
    * CSS reset and additional base styles for lrnwebcomponents and apps
    */
-  var LrnCssResetStyles = [(0, _index.css)(_templateObject_a8e76d301f0511ed8cc3e9a95995ad69 || (_templateObject_a8e76d301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    @import url(\"https://unpkg.com/modern-css-reset/dist/reset.min.css\");\n    @import url(\"https://fonts.googleapis.com/css?family=Lato:400,700,900|Source+Code+Pro:400,700|Lora:400,400i,700,700i|Playfair+Display:700i,900\");\n\n    .off-screen {\n      position: absolute;\n      left: -9999999px;\n      width: 0px;\n      height: 0px;\n      overflow: hidden;\n    }\n\n    html,\n    body {\n      margin: 0;\n      width: 100%;\n      font-size: var(--haxcms-base-styles-body-font-size, 18px);\n      font-family: var(--haxcms-base-styles-body-font-family, \"Lora\");\n      line-height: var(--haxcms-base-styles-body-line-height, 1.58);\n      letter-spacing: var(--haxcms-base-styles-body-letter-spacing, -0.03px);\n    }\n\n    h1,\n    h2,\n    p,\n    i,\n    a,\n    .first-letter,\n    .authorName a {\n      color: rgba(0, 0, 0, 0.84);\n      text-rendering: optimizeLegibility;\n    }\n\n    h1 {\n      font-family: var(\n        --hax-base-styles-h1-font-family,\n        var(--hax-base-styles-accent-font-family, \"Playfair Display\", serif)\n      );\n      font-size: var(\n        --hax-base-styles-h1-font-size,\n        calc(2.66666667 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      line-height: var(--hax-base-styles-h1-line-height, unset);\n      text-align: left;\n      margin-bottom: 8px;\n      letter-spacing: unset;\n    }\n\n    h2 {\n      font-family: var(\n        --hax-base-styles-h2-font-family,\n        var(--hax-base-styles-heading-font-family, \"Lato\", sans-serif)\n      );\n      font-size: var(\n        --hax-base-styles-h2-font-size,\n        calc(1.66666667 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      line-height: var(--hax-base-styles-h2-line-height, 34.5px);\n      font-weight: 900;\n      padding: 0;\n      margin: 56px 0 -13px -1.883px;\n      text-align: left;\n      letter-spacing: -0.45px;\n    }\n\n    h3 {\n      font-family: var(\n        --hax-base-styles-h3-font-family,\n        var(--hax-base-styles-heading-font-family, \"Lato\", sans-serif)\n      );\n      font-size: var(\n        --hax-base-styles-h3-font-size,\n        calc(1.44444444 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      line-height: var(--hax-base-styles-h3-line-height);\n      font-weight: 700;\n      margin: 56px 0 -13px -1.883px;\n      color: #555;\n    }\n\n    h4 {\n      font-family: var(\n        --hax-base-styles-h4-font-family,\n        var(--hax-base-styles-heading-font-family, \"Lato\", sans-serif)\n      );\n      font-size: var(\n        --hax-base-styles-h4-font-size,\n        calc(1.22222222 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      line-height: var(--hax-base-styles-h4-line-height);\n      font-weight: 700;\n      margin: 46px 0 -13px -1.883px;\n      color: #777;\n    }\n\n    h5 {\n      font-family: var(\n        --hax-base-styles-h5-font-family,\n        var(--hax-base-styles-heading-font-family, \"Lato\", sans-serif)\n      );\n      font-size: var(\n        --hax-base-styles-h5-font-size,\n        calc(1.11111111 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      line-height: var(--hax-base-styles-h5-line-height);\n      font-weight: 700;\n      margin: 36px 0 -13px -1.883px;\n      color: #333;\n    }\n\n    h6 {\n      font-family: var(\n        --hax-base-styles-h5-font-family,\n        var(--hax-base-styles-heading-font-family, \"Lato\", sans-serif)\n      );\n      font-size: var(\n        --hax-base-styles-h5-font-size,\n        var(--haxcms-base-styles-body-font-size, 18px)\n      );\n      line-height: var(--hax-base-styles-h5-line-height);\n      font-weight: 700;\n      margin: 26px 0 -13px -1.883px;\n      color: #777;\n    }\n\n    p {\n      min-height: var(--hax-base-styles-p-min-height);\n      font-size: var(\n        --hax-base-styles-p-font-size,\n        var(--haxcms-base-styles-body-font-size, 18px)\n      );\n      font-family: var(--haxcms-base-styles-body-font-family, \"Lora\");\n      line-height: var(\n        --hax-base-styles-p-line-height,\n        var(--haxcms-base-styles-body-line-height, 1.58)\n      );\n      letter-spacing: var(\n        --hax-base-styles-p-letter-spacing,\n        var(--haxcms-base-styles-body-letter-spacing, -0.03px)\n      );\n    }\n\n    p,\n    i,\n    a {\n      margin-top: 21px;\n    }\n\n    a {\n      text-decoration: underline;\n      font-size: var(\n        --hax-base-styles-a-font-size,\n        var(--hax-base-styles-p-font-size)\n      );\n    }\n\n    blockquote {\n      font-family: var(\n        --hax-base-styles-accent-font-family,\n        \"Playfair Display\",\n        serif\n      );\n      font-size: var(\n        --hax-base-styles-blockquote-font-size,\n        calc(1.66666667 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      font-style: italic;\n      letter-spacing: -0.36px;\n      line-height: 44.4px;\n      overflow-wrap: break-word;\n      margin: 55px 0 33px 0;\n      color: rgba(0, 0, 0, 0.68);\n      padding: 0 0 0 50px;\n    }\n\n    figcaption {\n      font-family: var(\n        --hax-base-styles-heading-font-family,\n        \"Lato\",\n        sans-serif\n      );\n      font-size: var(\n        --hax-base-styles-small-font-size,\n        calc(0.88888889 * var(--hax-base-styles-p-font-size))\n      );\n      font-weight: 400;\n      color: #666;\n    }\n\n    ol ol {\n      list-style-type: lower-alpha;\n      font-size: 16px;\n      color: #444;\n      line-height: var(\n        --hax-base-styles-list-line-height,\n        var(--hax-base-styles-p-line-height)\n      );\n      font-size: var(\n        --hax-base-styles-smal-font-size,\n        calc(0.88888889 * var(--hax-base-styles-p-font-size))\n      );\n    }\n\n    ol ol ol {\n      list-style-type: lower-roman;\n      font-size: var(\n        --hax-base-styles-smaller-font-size,\n        calc(0.77777778 * var(--hax-base-styles-p-font-size))\n      );\n    }\n\n    code {\n      font-size: 18px;\n      background: rgba(0, 0, 0, 0.05);\n      border-radius: 2px;\n      padding: 3px 5px;\n      font-family: var(\n        --hax-base-styles-code-font-family,\n        \"Source Code Pro\",\n        monospace\n      );\n    }\n\n    pre {\n      font-family: var(\n        --hax-base-styles-code-font-family,\n        \"Source Code Pro\",\n        monospace\n      );\n    }\n\n    kbd {\n      font-family: var(\n        --hax-base-styles-code-font-family,\n        \"Source Code Pro\",\n        monospace\n      );\n      font-weight: 700;\n    }\n\n    samp {\n      font-family: var(\n        --hax-base-styles-code-font-family,\n        \"Source Code Pro\",\n        monospace\n      );\n    }\n  "])))];
+  var LrnCssResetStyles = [(0, _index.css)(_templateObject_835c35701f2611eda0c389891c227ec8 || (_templateObject_835c35701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    @import url(\"https://unpkg.com/modern-css-reset/dist/reset.min.css\");\n    @import url(\"https://fonts.googleapis.com/css?family=Lato:400,700,900|Source+Code+Pro:400,700|Lora:400,400i,700,700i|Playfair+Display:700i,900\");\n\n    .off-screen {\n      position: absolute;\n      left: -9999999px;\n      width: 0px;\n      height: 0px;\n      overflow: hidden;\n    }\n\n    html,\n    body {\n      margin: 0;\n      width: 100%;\n      font-size: var(--haxcms-base-styles-body-font-size, 18px);\n      font-family: var(--haxcms-base-styles-body-font-family, \"Lora\");\n      line-height: var(--haxcms-base-styles-body-line-height, 1.58);\n      letter-spacing: var(--haxcms-base-styles-body-letter-spacing, -0.03px);\n    }\n\n    h1,\n    h2,\n    p,\n    i,\n    a,\n    .first-letter,\n    .authorName a {\n      color: rgba(0, 0, 0, 0.84);\n      text-rendering: optimizeLegibility;\n    }\n\n    h1 {\n      font-family: var(\n        --hax-base-styles-h1-font-family,\n        var(--hax-base-styles-accent-font-family, \"Playfair Display\", serif)\n      );\n      font-size: var(\n        --hax-base-styles-h1-font-size,\n        calc(2.66666667 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      line-height: var(--hax-base-styles-h1-line-height, unset);\n      text-align: left;\n      margin-bottom: 8px;\n      letter-spacing: unset;\n    }\n\n    h2 {\n      font-family: var(\n        --hax-base-styles-h2-font-family,\n        var(--hax-base-styles-heading-font-family, \"Lato\", sans-serif)\n      );\n      font-size: var(\n        --hax-base-styles-h2-font-size,\n        calc(1.66666667 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      line-height: var(--hax-base-styles-h2-line-height, 34.5px);\n      font-weight: 900;\n      padding: 0;\n      margin: 56px 0 -13px -1.883px;\n      text-align: left;\n      letter-spacing: -0.45px;\n    }\n\n    h3 {\n      font-family: var(\n        --hax-base-styles-h3-font-family,\n        var(--hax-base-styles-heading-font-family, \"Lato\", sans-serif)\n      );\n      font-size: var(\n        --hax-base-styles-h3-font-size,\n        calc(1.44444444 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      line-height: var(--hax-base-styles-h3-line-height);\n      font-weight: 700;\n      margin: 56px 0 -13px -1.883px;\n      color: #555;\n    }\n\n    h4 {\n      font-family: var(\n        --hax-base-styles-h4-font-family,\n        var(--hax-base-styles-heading-font-family, \"Lato\", sans-serif)\n      );\n      font-size: var(\n        --hax-base-styles-h4-font-size,\n        calc(1.22222222 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      line-height: var(--hax-base-styles-h4-line-height);\n      font-weight: 700;\n      margin: 46px 0 -13px -1.883px;\n      color: #777;\n    }\n\n    h5 {\n      font-family: var(\n        --hax-base-styles-h5-font-family,\n        var(--hax-base-styles-heading-font-family, \"Lato\", sans-serif)\n      );\n      font-size: var(\n        --hax-base-styles-h5-font-size,\n        calc(1.11111111 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      line-height: var(--hax-base-styles-h5-line-height);\n      font-weight: 700;\n      margin: 36px 0 -13px -1.883px;\n      color: #333;\n    }\n\n    h6 {\n      font-family: var(\n        --hax-base-styles-h5-font-family,\n        var(--hax-base-styles-heading-font-family, \"Lato\", sans-serif)\n      );\n      font-size: var(\n        --hax-base-styles-h5-font-size,\n        var(--haxcms-base-styles-body-font-size, 18px)\n      );\n      line-height: var(--hax-base-styles-h5-line-height);\n      font-weight: 700;\n      margin: 26px 0 -13px -1.883px;\n      color: #777;\n    }\n\n    p {\n      min-height: var(--hax-base-styles-p-min-height);\n      font-size: var(\n        --hax-base-styles-p-font-size,\n        var(--haxcms-base-styles-body-font-size, 18px)\n      );\n      font-family: var(--haxcms-base-styles-body-font-family, \"Lora\");\n      line-height: var(\n        --hax-base-styles-p-line-height,\n        var(--haxcms-base-styles-body-line-height, 1.58)\n      );\n      letter-spacing: var(\n        --hax-base-styles-p-letter-spacing,\n        var(--haxcms-base-styles-body-letter-spacing, -0.03px)\n      );\n    }\n\n    p,\n    i,\n    a {\n      margin-top: 21px;\n    }\n\n    a {\n      text-decoration: underline;\n      font-size: var(\n        --hax-base-styles-a-font-size,\n        var(--hax-base-styles-p-font-size)\n      );\n    }\n\n    blockquote {\n      font-family: var(\n        --hax-base-styles-accent-font-family,\n        \"Playfair Display\",\n        serif\n      );\n      font-size: var(\n        --hax-base-styles-blockquote-font-size,\n        calc(1.66666667 * var(--haxcms-base-styles-body-font-size, 18px))\n      );\n      font-style: italic;\n      letter-spacing: -0.36px;\n      line-height: 44.4px;\n      overflow-wrap: break-word;\n      margin: 55px 0 33px 0;\n      color: rgba(0, 0, 0, 0.68);\n      padding: 0 0 0 50px;\n    }\n\n    figcaption {\n      font-family: var(\n        --hax-base-styles-heading-font-family,\n        \"Lato\",\n        sans-serif\n      );\n      font-size: var(\n        --hax-base-styles-small-font-size,\n        calc(0.88888889 * var(--hax-base-styles-p-font-size))\n      );\n      font-weight: 400;\n      color: #666;\n    }\n\n    ol ol {\n      list-style-type: lower-alpha;\n      font-size: 16px;\n      color: #444;\n      line-height: var(\n        --hax-base-styles-list-line-height,\n        var(--hax-base-styles-p-line-height)\n      );\n      font-size: var(\n        --hax-base-styles-smal-font-size,\n        calc(0.88888889 * var(--hax-base-styles-p-font-size))\n      );\n    }\n\n    ol ol ol {\n      list-style-type: lower-roman;\n      font-size: var(\n        --hax-base-styles-smaller-font-size,\n        calc(0.77777778 * var(--hax-base-styles-p-font-size))\n      );\n    }\n\n    code {\n      font-size: 18px;\n      background: rgba(0, 0, 0, 0.05);\n      border-radius: 2px;\n      padding: 3px 5px;\n      font-family: var(\n        --hax-base-styles-code-font-family,\n        \"Source Code Pro\",\n        monospace\n      );\n    }\n\n    pre {\n      font-family: var(\n        --hax-base-styles-code-font-family,\n        \"Source Code Pro\",\n        monospace\n      );\n    }\n\n    kbd {\n      font-family: var(\n        --hax-base-styles-code-font-family,\n        \"Source Code Pro\",\n        monospace\n      );\n      font-weight: 700;\n    }\n\n    samp {\n      font-family: var(\n        --hax-base-styles-code-font-family,\n        \"Source Code Pro\",\n        monospace\n      );\n    }\n  "])))];
   _exports.LrnCssResetStyles = LrnCssResetStyles;
 
   var AttachStylesToHead = function AttachStylesToHead() {
@@ -81,7 +81,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject2_a8e76d301f0511ed8cc3e9a95995ad69 || (_templateObject2_a8e76d301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
+        return (0, _index.html)(_templateObject2_835c35701f2611eda0c389891c227ec8 || (_templateObject2_835c35701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
       }
     }], [{
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-gitgraph/lrn-gitgraph.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-gitgraph/lrn-gitgraph.js
index 06e3edcdf52..d030d3d8c17 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-gitgraph/lrn-gitgraph.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-gitgraph/lrn-gitgraph.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/gitgraphj
   });
   _exports.LrnGitgraph = void 0;
 
-  var _templateObject_a8e9b7201f0511ed8cc3e9a95995ad69;
+  var _templateObject_835f1ba01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -112,7 +112,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/gitgraphj
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_a8e9b7201f0511ed8cc3e9a95995ad69 || (_templateObject_a8e9b7201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          overflow-x: scroll;\n        }\n      </style>\n      <canvas id=\"gitGraph\"></canvas>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_835f1ba01f2611eda0c389891c227ec8 || (_templateObject_835f1ba01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          overflow-x: scroll;\n        }\n      </style>\n      <canvas id=\"gitGraph\"></canvas>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-icon/lrn-icon.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-icon/lrn-icon.js
index afb7e5724d1..0b47cbc8e32 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-icon/lrn-icon.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-icon/lrn-icon.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.LrnIcon = void 0;
 
-  var _templateObject_a93650801f0511ed8cc3e9a95995ad69;
+  var _templateObject_83613e801f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -164,7 +164,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_a93650801f0511ed8cc3e9a95995ad69 || (_templateObject_a93650801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"lrn-shared-styles\">\n        :host {\n          position: relative;\n\n          vertical-align: middle;\n\n          fill: var(--lrn-icon-fill-color, currentcolor);\n          stroke: var(--lrn-icon-stroke-color, none);\n\n          width: var(--lrn-icon-width, 24px);\n          height: var(--lrn-icon-height, 24px);\n          @apply --layout-inline;\n          @apply --layout-center-center;\n          @apply --lrn-icon;\n        }\n      </style>\n      <simple-icon\n        hidden$=\"[[!icon]]\"\n        icon$=\"lrn:[[icon]]\"\n        accent-color=\"grey\"\n        contrast=\"4\"\n      ></simple-icon>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_83613e801f2611eda0c389891c227ec8 || (_templateObject_83613e801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"lrn-shared-styles\">\n        :host {\n          position: relative;\n\n          vertical-align: middle;\n\n          fill: var(--lrn-icon-fill-color, currentcolor);\n          stroke: var(--lrn-icon-stroke-color, none);\n\n          width: var(--lrn-icon-width, 24px);\n          height: var(--lrn-icon-height, 24px);\n          @apply --layout-inline;\n          @apply --layout-center-center;\n          @apply --lrn-icon;\n        }\n      </style>\n      <simple-icon\n        hidden$=\"[[!icon]]\"\n        icon$=\"lrn:[[icon]]\"\n        accent-color=\"grey\"\n        contrast=\"4\"\n      ></simple-icon>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-markdown-editor/lib/lrn-markdown-editor-editor.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-markdown-editor/lib/lrn-markdown-editor-editor.js
index f9842414811..4e38f1ef9b3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-markdown-editor/lib/lrn-markdown-editor-editor.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-markdown-editor/lib/lrn-markdown-editor-editor.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../mtz-marked-editor/mtz-marked-
   });
   _exports.LrnMarkdownEditorEditor = void 0;
 
-  var _templateObject_e04b44401f0511ed8cc3e9a95995ad69, _templateObject2_e04b44401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b72d6fe01f2611eda0c389891c227ec8, _templateObject2_b72d6fe01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -29,7 +29,7 @@ define(["exports", "../../../lit/index.js", "../../mtz-marked-editor/mtz-marked-
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_e04b44401f0511ed8cc3e9a95995ad69 || (_templateObject_e04b44401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <mtz-marked-editor id=\"markededitor\">\n        <div slot=\"controls\" class=\"mtz-controls\">\n          <mtz-marked-control-generic-wrap\n            icon=\"editor:format-bold\"\n            title=\"Bold\"\n            syntax-prefix=\"**\"\n            syntax-suffix=\"**\"\n            keys=\"ctrl+b\"\n          ></mtz-marked-control-generic-wrap>\n          <mtz-marked-control-generic-wrap\n            icon=\"editor:format-italic\"\n            title=\"Italic\"\n            syntax-prefix=\"_\"\n            syntax-suffix=\"_\"\n            keys=\"ctrl+i\"\n          ></mtz-marked-control-generic-wrap>\n          <mtz-marked-control-generic-line\n            icon=\"editor:format-size\"\n            title=\"Heading\"\n            syntax-prefix=\"# \"\n          ></mtz-marked-control-generic-line>\n          <mtz-marked-control-generic-line\n            icon=\"editor:format-list-numbered\"\n            title=\"Ordered List\"\n            syntax-prefix=\"1. \"\n          ></mtz-marked-control-generic-line>\n          <mtz-marked-control-generic-line\n            icon=\"editor:format-list-bulleted\"\n            title=\"Unordered List\"\n            syntax-prefix=\"- \"\n          ></mtz-marked-control-generic-line>\n          <mtz-marked-control-link\n            icon=\"editor:insert-link\"\n            title=\"Link\"\n          ></mtz-marked-control-link>\n        </div>\n        <paper-textarea\n          slot=\"textarea\"\n          label=\"Start typing...\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n        ></paper-textarea>\n      </mtz-marked-editor>\n    "])), this.content, this._contentChanged);
+        return (0, _index.html)(_templateObject_b72d6fe01f2611eda0c389891c227ec8 || (_templateObject_b72d6fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <mtz-marked-editor id=\"markededitor\">\n        <div slot=\"controls\" class=\"mtz-controls\">\n          <mtz-marked-control-generic-wrap\n            icon=\"editor:format-bold\"\n            title=\"Bold\"\n            syntax-prefix=\"**\"\n            syntax-suffix=\"**\"\n            keys=\"ctrl+b\"\n          ></mtz-marked-control-generic-wrap>\n          <mtz-marked-control-generic-wrap\n            icon=\"editor:format-italic\"\n            title=\"Italic\"\n            syntax-prefix=\"_\"\n            syntax-suffix=\"_\"\n            keys=\"ctrl+i\"\n          ></mtz-marked-control-generic-wrap>\n          <mtz-marked-control-generic-line\n            icon=\"editor:format-size\"\n            title=\"Heading\"\n            syntax-prefix=\"# \"\n          ></mtz-marked-control-generic-line>\n          <mtz-marked-control-generic-line\n            icon=\"editor:format-list-numbered\"\n            title=\"Ordered List\"\n            syntax-prefix=\"1. \"\n          ></mtz-marked-control-generic-line>\n          <mtz-marked-control-generic-line\n            icon=\"editor:format-list-bulleted\"\n            title=\"Unordered List\"\n            syntax-prefix=\"- \"\n          ></mtz-marked-control-generic-line>\n          <mtz-marked-control-link\n            icon=\"editor:insert-link\"\n            title=\"Link\"\n          ></mtz-marked-control-link>\n        </div>\n        <paper-textarea\n          slot=\"textarea\"\n          label=\"Start typing...\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n        ></paper-textarea>\n      </mtz-marked-editor>\n    "])), this.content, this._contentChanged);
       }
     }, {
       key: "_contentChanged",
@@ -77,7 +77,7 @@ define(["exports", "../../../lit/index.js", "../../mtz-marked-editor/mtz-marked-
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e04b44401f0511ed8cc3e9a95995ad69 || (_templateObject2_e04b44401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        .mtz-controls {\n          display: flex;\n          width: 100%;\n        }\n\n        .mtz-toolbar {\n          flex-grow: 5;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b72d6fe01f2611eda0c389891c227ec8 || (_templateObject2_b72d6fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        .mtz-controls {\n          display: flex;\n          width: 100%;\n        }\n\n        .mtz-toolbar {\n          flex-grow: 5;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-markdown-editor/lrn-markdown-editor.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-markdown-editor/lrn-markdown-editor.js
index 3c618735d41..9297a786b87 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-markdown-editor/lrn-markdown-editor.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-markdown-editor/lrn-markdown-editor.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../a11y-tabs/a11y-tabs.js", "../a11y-t
   });
   _exports.LrnMarkdownEditor = void 0;
 
-  var _templateObject_ade99f601f0511ed8cc3e9a95995ad69, _templateObject2_ade99f601f0511ed8cc3e9a95995ad69;
+  var _templateObject_8837f3e01f2611eda0c389891c227ec8, _templateObject2_8837f3e01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -47,7 +47,7 @@ define(["exports", "../../lit/index.js", "../a11y-tabs/a11y-tabs.js", "../a11y-t
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_ade99f601f0511ed8cc3e9a95995ad69 || (_templateObject_ade99f601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"mtz-toolbar\">\n        <a11y-tabs>\n          <a11y-tab id=\"tab-0\" label=\"Write\">\n            <div class=\"pane\">\n              <lrn-markdown-editor-editor\n                content=\"", "\"\n                @content-changed=\"", "\"\n              ></lrn-markdown-editor-editor>\n            </div>\n          </a11y-tab>\n          <a11y-tab id=\"tab-1\" label=\"Preview\">\n            <div class=\"pane\">\n              <marked-element\n                markdown=\"", "\"\n                @markdown-changed=\"", "\"\n              ></marked-element>\n            </div>\n          </a11y-tab>\n          <a11y-tab id=\"tab-2\" label=\"Split View\">\n            <div class=\"split-pane\">\n              <div class=\"pane\">\n                <div class=\"container-flex\">\n                  <lrn-markdown-editor-editor\n                    content=\"", "\"\n                    @content-changed=\"", "\"\n                  ></lrn-markdown-editor-editor>\n                  <marked-element\n                    class=\"preview-pane\"\n                    markdown=\"", "\"\n                    @markdown-changed=\"", "\"\n                  ></marked-element>\n                </div>\n              </div>\n            </div>\n          </a11y-tab>\n        </a11y-tabs>\n      </div>\n    "])), this.content, this.__contentChanged, this.content, this.__contentChanged, this.content, this.__contentChanged, this.content, this.__contentChanged);
+        return (0, _index.html)(_templateObject_8837f3e01f2611eda0c389891c227ec8 || (_templateObject_8837f3e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"mtz-toolbar\">\n        <a11y-tabs>\n          <a11y-tab id=\"tab-0\" label=\"Write\">\n            <div class=\"pane\">\n              <lrn-markdown-editor-editor\n                content=\"", "\"\n                @content-changed=\"", "\"\n              ></lrn-markdown-editor-editor>\n            </div>\n          </a11y-tab>\n          <a11y-tab id=\"tab-1\" label=\"Preview\">\n            <div class=\"pane\">\n              <marked-element\n                markdown=\"", "\"\n                @markdown-changed=\"", "\"\n              ></marked-element>\n            </div>\n          </a11y-tab>\n          <a11y-tab id=\"tab-2\" label=\"Split View\">\n            <div class=\"split-pane\">\n              <div class=\"pane\">\n                <div class=\"container-flex\">\n                  <lrn-markdown-editor-editor\n                    content=\"", "\"\n                    @content-changed=\"", "\"\n                  ></lrn-markdown-editor-editor>\n                  <marked-element\n                    class=\"preview-pane\"\n                    markdown=\"", "\"\n                    @markdown-changed=\"", "\"\n                  ></marked-element>\n                </div>\n              </div>\n            </div>\n          </a11y-tab>\n        </a11y-tabs>\n      </div>\n    "])), this.content, this.__contentChanged, this.content, this.__contentChanged, this.content, this.__contentChanged, this.content, this.__contentChanged);
       }
     }, {
       key: "__contentChanged",
@@ -155,7 +155,7 @@ define(["exports", "../../lit/index.js", "../a11y-tabs/a11y-tabs.js", "../a11y-t
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_ade99f601f0511ed8cc3e9a95995ad69 || (_templateObject2_ade99f601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        #split-pane {\n          display: flex;\n          width: 100%;\n        }\n\n        .split-pane > * {\n          flex: 1 1 auto;\n          min-height: 160px;\n          width: calc(50% - 16px);\n        }\n\n        .preview-pane {\n          background: lightblue;\n        }\n\n        div.pane {\n          padding: 16px;\n          width: calc(100% - 32px);\n        }\n\n        a11y-tabs {\n          background: #f5f5f5;\n          border-style: solid;\n          border-color: #dcdcdc;\n          border-width: 1px;\n          min-width: 500px;\n        }\n\n        marked-element.lrn-markdown-editor {\n          width: 100%;\n          word-wrap: break-word;\n        }\n\n        .container-flex {\n          display: flex;\n          flex-wrap: nowrap;\n        }\n\n        .split-pane .container-flex > * {\n          width: 50%;\n        }\n\n        .split-pane marked-element {\n          width: calc(100% - 32px);\n          min-width: 150px;\n          margin: 0 16px;\n          padding: 0 16px;\n          background: #fff;\n          border-left: solid #dcdcdc 1px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8837f3e01f2611eda0c389891c227ec8 || (_templateObject2_8837f3e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        #split-pane {\n          display: flex;\n          width: 100%;\n        }\n\n        .split-pane > * {\n          flex: 1 1 auto;\n          min-height: 160px;\n          width: calc(50% - 16px);\n        }\n\n        .preview-pane {\n          background: lightblue;\n        }\n\n        div.pane {\n          padding: 16px;\n          width: calc(100% - 32px);\n        }\n\n        a11y-tabs {\n          background: #f5f5f5;\n          border-style: solid;\n          border-color: #dcdcdc;\n          border-width: 1px;\n          min-width: 500px;\n        }\n\n        marked-element.lrn-markdown-editor {\n          width: 100%;\n          word-wrap: break-word;\n        }\n\n        .container-flex {\n          display: flex;\n          flex-wrap: nowrap;\n        }\n\n        .split-pane .container-flex > * {\n          width: 50%;\n        }\n\n        .split-pane marked-element {\n          width: calc(100% - 32px);\n          min-width: 150px;\n          margin: 0 16px;\n          padding: 0 16px;\n          background: #fff;\n          border-left: solid #dcdcdc 1px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-page/lrn-page.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-page/lrn-page.js
index ce032a653fd..ff350f5952d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-page/lrn-page.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-page/lrn-page.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
   _exports.LrnPage = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a94c70901f0511ed8cc3e9a95995ad69, _templateObject2_a94c70901f0511ed8cc3e9a95995ad69;
+  var _templateObject_83be52a01f2611eda0c389891c227ec8, _templateObject2_83be52a01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -43,7 +43,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
     babelHelpers.createClass(LrnPage, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a94c70901f0511ed8cc3e9a95995ad69 || (_templateObject_a94c70901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <oer-schema><slot></slot></oer-schema> "])));
+        return (0, _index.html)(_templateObject_83be52a01f2611eda0c389891c227ec8 || (_templateObject_83be52a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <oer-schema><slot></slot></oer-schema> "])));
       }
     }], [{
       key: "styles",
@@ -52,7 +52,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_a94c70901f0511ed8cc3e9a95995ad69 || (_templateObject2_a94c70901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_83be52a01f2611eda0c389891c227ec8 || (_templateObject2_83be52a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-shared-styles/lib/lrn-shared-styles-demo.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-shared-styles/lib/lrn-shared-styles-demo.js
index 3c76fd85f87..ebd63c32158 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-shared-styles/lib/lrn-shared-styles-demo.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-shared-styles/lib/lrn-shared-styles-demo.js
@@ -1,7 +1,7 @@
 define(["../../../@polymer/polymer/polymer-element.js", "../lrn-shared-styles.js"], function (_polymerElement, _lrnSharedStyles) {
   "use strict";
 
-  var _templateObject_e04c2ea01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b72e33301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -21,7 +21,7 @@ define(["../../../@polymer/polymer/polymer-element.js", "../lrn-shared-styles.js
     babelHelpers.createClass(LrnSharedStylesDemo, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e04c2ea01f0511ed8cc3e9a95995ad69 || (_templateObject_e04c2ea01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<style include=\"lrn-shared-styles\"></style>\n    <p class=\"sr-only visible\">This text can only be read on screen readers. It is not visible on screen.</p>\n    <p class=\"screen-only visible\">This text can only be read on screen. It will not print.</p>\n    <p class=\"print-only visible\">This text can only be read when printed. It will not be visible on screen.</p></template>"])));
+        return (0, _polymerElement.html)(_templateObject_b72e33301f2611eda0c389891c227ec8 || (_templateObject_b72e33301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<style include=\"lrn-shared-styles\"></style>\n    <p class=\"sr-only visible\">This text can only be read on screen readers. It is not visible on screen.</p>\n    <p class=\"screen-only visible\">This text can only be read on screen. It will not print.</p>\n    <p class=\"print-only visible\">This text can only be read when printed. It will not be visible on screen.</p></template>"])));
       }
     }]);
     return LrnSharedStylesDemo;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-shared-styles/lrn-shared-styles.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-shared-styles/lrn-shared-styles.js
index d2655c4c064..9dd63b8398f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-shared-styles/lrn-shared-styles.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-shared-styles/lrn-shared-styles.js
@@ -1,10 +1,10 @@
 define(["../../@polymer/polymer/polymer-element.js", "../../@polymer/polymer/lib/elements/dom-module.js", "../../@polymer/iron-flex-layout/iron-flex-layout-classes.js"], function (_polymerElement, _domModule, _ironFlexLayoutClasses) {
   "use strict";
 
-  var _templateObject_a94ce5c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_83bec7d01f2611eda0c389891c227ec8;
 
   var styleElement = document.createElement("dom-module");
-  var css = (0, _polymerElement.html)(_templateObject_a94ce5c01f0511ed8cc3e9a95995ad69 || (_templateObject_a94ce5c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style include=\"iron-flex iron-flex-alignment\">\n    /**\n     * Normalizes simple-icon and lrn-icon.\n     */\n    lrn-icon,\n    simple-icon,\n    simple-icon-lite {\n      --layout-inline: {\n        display: inline-flex;\n      }\n    }\n    /**\n     * Visible to screenreaders only.\n     */\n    .sr-only {\n      position: absolute;\n      left: -9999999px;\n      top: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n    }\n    /**\n    * Hide elements from all users.\n    *\n    * Used for elements which should not be immediately displayed to any user. An\n    * example would be a collapsible fieldset that will be expanded with a click\n    * from a user. The effect of this class can be toggled with the jQuery show()\n    * and hide() functions.\n    */\n    .element-hidden {\n      display: none;\n    }\n\n    /**\n    * Hide elements visually, but keep them available for screen-readers.\n    *\n    * Used for information required for screen-reader users to understand and use\n    * the site where visual display is undesirable. Information provided in this\n    * manner should be kept concise, to avoid unnecessary burden on the user.\n    * \"!important\" is used to prevent unintentional overrides.\n    */\n    .element-invisible {\n      position: absolute !important;\n      clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n      clip: rect(1px, 1px, 1px, 1px);\n      overflow: hidden;\n      height: 1px;\n    }\n\n    /**\n    * The .element-focusable class extends the .element-invisible class to allow\n    * the element to be focusable when navigated to via the keyboard.\n    */\n    .element-invisible.element-focusable:active,\n    .element-invisible.element-focusable:focus {\n      position: static !important;\n      clip: auto;\n      overflow: visible;\n      height: auto;\n    }\n    @media screen {\n      /**\n       * Visible only when printed. Invisible on screen.\n       */\n      .print-only {\n        display: none;\n      }\n    }\n    @media print {\n      /**\n       * Visible only on screen. Invisible when printed.\n       */\n      .screen-only {\n        display: none;\n      }\n    }\n  </style>\n"])));
+  var css = (0, _polymerElement.html)(_templateObject_83bec7d01f2611eda0c389891c227ec8 || (_templateObject_83bec7d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style include=\"iron-flex iron-flex-alignment\">\n    /**\n     * Normalizes simple-icon and lrn-icon.\n     */\n    lrn-icon,\n    simple-icon,\n    simple-icon-lite {\n      --layout-inline: {\n        display: inline-flex;\n      }\n    }\n    /**\n     * Visible to screenreaders only.\n     */\n    .sr-only {\n      position: absolute;\n      left: -9999999px;\n      top: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n    }\n    /**\n    * Hide elements from all users.\n    *\n    * Used for elements which should not be immediately displayed to any user. An\n    * example would be a collapsible fieldset that will be expanded with a click\n    * from a user. The effect of this class can be toggled with the jQuery show()\n    * and hide() functions.\n    */\n    .element-hidden {\n      display: none;\n    }\n\n    /**\n    * Hide elements visually, but keep them available for screen-readers.\n    *\n    * Used for information required for screen-reader users to understand and use\n    * the site where visual display is undesirable. Information provided in this\n    * manner should be kept concise, to avoid unnecessary burden on the user.\n    * \"!important\" is used to prevent unintentional overrides.\n    */\n    .element-invisible {\n      position: absolute !important;\n      clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n      clip: rect(1px, 1px, 1px, 1px);\n      overflow: hidden;\n      height: 1px;\n    }\n\n    /**\n    * The .element-focusable class extends the .element-invisible class to allow\n    * the element to be focusable when navigated to via the keyboard.\n    */\n    .element-invisible.element-focusable:active,\n    .element-invisible.element-focusable:focus {\n      position: static !important;\n      clip: auto;\n      overflow: visible;\n      height: auto;\n    }\n    @media screen {\n      /**\n       * Visible only when printed. Invisible on screen.\n       */\n      .print-only {\n        display: none;\n      }\n    }\n    @media print {\n      /**\n       * Visible only on screen. Invisible when printed.\n       */\n      .screen-only {\n        display: none;\n      }\n    }\n  </style>\n"])));
   styleElement.appendChild(css);
   styleElement.register("lrn-shared-styles");
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-table/lrn-table.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-table/lrn-table.js
index 2859c14d6e0..30306a365cd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-table/lrn-table.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-table/lrn-table.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a94f7dd01f0511ed8cc3e9a95995ad69, _templateObject2_a94f7dd01f0511ed8cc3e9a95995ad69;
+  var _templateObject_83c186f01f2611eda0c389891c227ec8, _templateObject2_83c186f01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -52,12 +52,12 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
     babelHelpers.createClass(LrnTable, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a94f7dd01f0511ed8cc3e9a95995ad69 || (_templateObject_a94f7dd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div typeof=\"oer:SupportingMaterial\">\n        <div class=\"hidden-title\" property=\"oer:name\">", "</div>\n        <div property=\"oer:description\">\n          <slot></slot>\n          <csv-render\n            data-source=\"", "\"\n            caption=\"", "\"\n            summary=\"", "\"\n          ></csv-render>\n        </div>\n      </div>\n    "])), this.title, this.csvFile, this.title, this.description);
+        return (0, _index.html)(_templateObject_83c186f01f2611eda0c389891c227ec8 || (_templateObject_83c186f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div typeof=\"oer:SupportingMaterial\">\n        <div class=\"hidden-title\" property=\"oer:name\">", "</div>\n        <div property=\"oer:description\">\n          <slot></slot>\n          <csv-render\n            data-source=\"", "\"\n            caption=\"", "\"\n            summary=\"", "\"\n          ></csv-render>\n        </div>\n      </div>\n    "])), this.title, this.csvFile, this.title, this.description);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_a94f7dd01f0511ed8cc3e9a95995ad69 || (_templateObject2_a94f7dd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .hidden-title {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_83c186f01f2611eda0c389891c227ec8 || (_templateObject2_83c186f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .hidden-title {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-vocab/lrn-vocab.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-vocab/lrn-vocab.js
index 83c58c4af24..c9dafa6d9aa 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-vocab/lrn-vocab.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-vocab/lrn-vocab.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
   });
   _exports.LrnVocab = void 0;
 
-  var _templateObject_a9534e601f0511ed8cc3e9a95995ad69, _templateObject2_a9534e601f0511ed8cc3e9a95995ad69;
+  var _templateObject_83c57e901f2611eda0c389891c227ec8, _templateObject2_83c57e901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -41,7 +41,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
     babelHelpers.createClass(LrnVocab, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a9534e601f0511ed8cc3e9a95995ad69 || (_templateObject_a9534e601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <button>", "</button> "])), this.term);
+        return (0, _index.html)(_templateObject_83c57e901f2611eda0c389891c227ec8 || (_templateObject_83c57e901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <button>", "</button> "])), this.term);
       }
     }, {
       key: "haxHooks",
@@ -141,7 +141,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_a9534e601f0511ed8cc3e9a95995ad69 || (_templateObject2_a9534e601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline;\n          --lrn-vocab-border: 1px dashed #ccc;\n        }\n        button {\n          text-transform: none;\n          min-width: unset;\n          margin: 0;\n          position: relative;\n          top: 0px;\n          border-radius: 0;\n          border-bottom: var(--lrn-vocab-border);\n          background: #f5f5f5;\n          font-size: 1.1em;\n          padding: 2px;\n        }\n        button:hover {\n          background: #bbdefb;\n          border-bottom: 1px dashed #2196f3;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_83c57e901f2611eda0c389891c227ec8 || (_templateObject2_83c57e901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline;\n          --lrn-vocab-border: 1px dashed #ccc;\n        }\n        button {\n          text-transform: none;\n          min-width: unset;\n          margin: 0;\n          position: relative;\n          top: 0px;\n          border-radius: 0;\n          border-bottom: var(--lrn-vocab-border);\n          background: #f5f5f5;\n          font-size: 1.1em;\n          padding: 2px;\n        }\n        button:hover {\n          background: #bbdefb;\n          border-bottom: 1px dashed #2196f3;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnapp-fab-menu/lib/lrnapp-fab-speed-dial-action.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnapp-fab-menu/lib/lrnapp-fab-speed-dial-action.js
index fc626f1ca88..3541e9f3498 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnapp-fab-menu/lib/lrnapp-fab-speed-dial-action.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnapp-fab-menu/lib/lrnapp-fab-speed-dial-action.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../../@polymer/iron-flex-layout/
   });
   _exports.LrnappFabSpeedDialAction = void 0;
 
-  var _templateObject_e04d8e301f0511ed8cc3e9a95995ad69, _templateObject2_e04d8e301f0511ed8cc3e9a95995ad69;
+  var _templateObject_b72f92c01f2611eda0c389891c227ec8, _templateObject2_b72f92c01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -54,7 +54,7 @@ define(["exports", "../../../lit/index.js", "../../../@polymer/iron-flex-layout/
     babelHelpers.createClass(LrnappFabSpeedDialAction, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e04d8e301f0511ed8cc3e9a95995ad69 || (_templateObject_e04d8e301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"flex\">\n        <span class=\"label\"><slot></slot></span>\n      </div>\n      <simple-icon-button\n        class=\"fab ", "\"\n        accent-color=\"", "\"\n        icon=\"", "\"\n        mini\n      ></simple-icon-button>\n    "])), this.color, this.color, this.icon);
+        return (0, _index.html)(_templateObject_b72f92c01f2611eda0c389891c227ec8 || (_templateObject_b72f92c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"flex\">\n        <span class=\"label\"><slot></slot></span>\n      </div>\n      <simple-icon-button\n        class=\"fab ", "\"\n        accent-color=\"", "\"\n        icon=\"", "\"\n        mini\n      ></simple-icon-button>\n    "])), this.color, this.color, this.icon);
       }
     }], [{
       key: "styles",
@@ -63,7 +63,7 @@ define(["exports", "../../../lit/index.js", "../../../@polymer/iron-flex-layout/
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [_colors.materialCssStyles, (0, _index.css)(_templateObject2_e04d8e301f0511ed8cc3e9a95995ad69 || (_templateObject2_e04d8e301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          align-items: center;\n          justify-content: flex-end;\n          display: flex;\n          margin-top: 15px;\n          margin-right: 8px;\n          min-width: 270px;\n        }\n        .label {\n          color: black;\n          background: white;\n          padding: 0 16px;\n          border-radius: 4px;\n          margin-right: 24px;\n        }\n        .flex {\n          display: inline-flex;\n        }\n        .label,\n        .fab {\n          display: flex;\n        }\n      "])))];
+        return [_colors.materialCssStyles, (0, _index.css)(_templateObject2_b72f92c01f2611eda0c389891c227ec8 || (_templateObject2_b72f92c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          align-items: center;\n          justify-content: flex-end;\n          display: flex;\n          margin-top: 15px;\n          margin-right: 8px;\n          min-width: 270px;\n        }\n        .label {\n          color: black;\n          background: white;\n          padding: 0 16px;\n          border-radius: 4px;\n          margin-right: 24px;\n        }\n        .flex {\n          display: inline-flex;\n        }\n        .label,\n        .fab {\n          display: flex;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnapp-fab-menu/lrnapp-fab-menu.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnapp-fab-menu/lrnapp-fab-menu.js
index b7a22c511fb..8f99398ce8e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnapp-fab-menu/lrnapp-fab-menu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnapp-fab-menu/lrnapp-fab-menu.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-icon/simple-icon.
   _exports.LrnappFabMenu = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a9565ba01f0511ed8cc3e9a95995ad69, _templateObject2_a9565ba01f0511ed8cc3e9a95995ad69;
+  var _templateObject_83c88bd01f2611eda0c389891c227ec8, _templateObject2_83c88bd01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -54,7 +54,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-icon/simple-icon.
     babelHelpers.createClass(LrnappFabMenu, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a9565ba01f0511ed8cc3e9a95995ad69 || (_templateObject_a9565ba01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button\n        icon=\"", "\"\n        class=\"open\"\n        @click=\"", "\"\n        ?hidden=\"", "\"\n        ?disabled=\"", "\"\n      ></simple-icon-button>\n\n      <paper-fab-speed-dial-overlay\n        class=\"overlay\"\n        ?opened=\"", "\"\n        @opened-changed=\"", "\"\n        with-backdrop\n      >\n        <slot></slot>\n        <simple-icon-button\n          icon=\"close\"\n          class=\"close\"\n          @click=\"", "\"\n        ></simple-icon-button>\n      </paper-fab-speed-dial-overlay>\n    "])), this.icon, this.open, this.opened, this.disabled, this.opened, this.openedChangedEvent, this.close);
+        return (0, _index.html)(_templateObject_83c88bd01f2611eda0c389891c227ec8 || (_templateObject_83c88bd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button\n        icon=\"", "\"\n        class=\"open\"\n        @click=\"", "\"\n        ?hidden=\"", "\"\n        ?disabled=\"", "\"\n      ></simple-icon-button>\n\n      <paper-fab-speed-dial-overlay\n        class=\"overlay\"\n        ?opened=\"", "\"\n        @opened-changed=\"", "\"\n        with-backdrop\n      >\n        <slot></slot>\n        <simple-icon-button\n          icon=\"close\"\n          class=\"close\"\n          @click=\"", "\"\n        ></simple-icon-button>\n      </paper-fab-speed-dial-overlay>\n    "])), this.icon, this.open, this.opened, this.disabled, this.opened, this.openedChangedEvent, this.close);
       }
     }, {
       key: "openedChangedEvent",
@@ -98,7 +98,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-icon/simple-icon.
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_a9565ba01f0511ed8cc3e9a95995ad69 || (_templateObject2_a9565ba01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        lrnapp-fab-speed-dial-action:not(:defined),\n        paper-fab-speed-dial-overlay:not(:defined),\n        paper-fab-speed-dial:not(:defined) {\n          display: none;\n        }\n        .open,\n        .overlay {\n          position: fixed;\n          bottom: var(--paper-fab-speed-dial-bottom, 16px);\n          right: var(--paper-fab-speed-dial-right, 16px);\n        }\n        .open {\n          --paper-fab-background: var(--paper-fab-speed-dial-background);\n          --paper-fab-keyboard-focus-background: var(\n            --paper-fab-speed-dial-keyboard-focus-background\n          );\n        }\n        .close {\n          --paper-fab-background: var(--paper-grey-500);\n          --paper-fab-keyboard-focus-background: var(--paper-grey-500);\n          margin-top: 20px;\n          display: inline-block;\n        }\n        .overlay {\n          text-align: right;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_83c88bd01f2611eda0c389891c227ec8 || (_templateObject2_83c88bd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        lrnapp-fab-speed-dial-action:not(:defined),\n        paper-fab-speed-dial-overlay:not(:defined),\n        paper-fab-speed-dial:not(:defined) {\n          display: none;\n        }\n        .open,\n        .overlay {\n          position: fixed;\n          bottom: var(--paper-fab-speed-dial-bottom, 16px);\n          right: var(--paper-fab-speed-dial-right, 16px);\n        }\n        .open {\n          --paper-fab-background: var(--paper-fab-speed-dial-background);\n          --paper-fab-keyboard-focus-background: var(\n            --paper-fab-speed-dial-keyboard-focus-background\n          );\n        }\n        .close {\n          --paper-fab-background: var(--paper-grey-500);\n          --paper-fab-keyboard-focus-background: var(--paper-grey-500);\n          margin-top: 20px;\n          display: inline-block;\n        }\n        .overlay {\n          text-align: right;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-abbreviation/lrndesign-abbreviation.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-abbreviation/lrndesign-abbreviation.js
index c2d5d87a301..d2d0d16d316 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-abbreviation/lrndesign-abbreviation.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-abbreviation/lrndesign-abbreviation.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../schema-behaviors/schema-
   _exports.LrndesignAbbreviation = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a9e57c401f0511ed8cc3e9a95995ad69, _templateObject2_a9e57c401f0511ed8cc3e9a95995ad69;
+  var _templateObject_83cc0e401f2611eda0c389891c227ec8, _templateObject2_83cc0e401f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -53,12 +53,12 @@ define(["exports", "require", "../../lit/index.js", "../schema-behaviors/schema-
        * Render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_a9e57c401f0511ed8cc3e9a95995ad69 || (_templateObject_a9e57c401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <abbr tabindex=\"0\" title=\"", "\" id=\"abbr\">", "</abbr>\n      <simple-tooltip for=\"abbr\" position=\"top\" offset=\"2\" animation-delay=\"300\"\n        >", "</simple-tooltip\n      >\n    "])), this.phrase, this.abbr, this.phrase);
+        return (0, _index.html)(_templateObject_83cc0e401f2611eda0c389891c227ec8 || (_templateObject_83cc0e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <abbr tabindex=\"0\" title=\"", "\" id=\"abbr\">", "</abbr>\n      <simple-tooltip for=\"abbr\" position=\"top\" offset=\"2\" animation-delay=\"300\"\n        >", "</simple-tooltip\n      >\n    "])), this.phrase, this.abbr, this.phrase);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_a9e57c401f0511ed8cc3e9a95995ad69 || (_templateObject2_a9e57c401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        abbr {\n          transition: 0.6s all ease;\n          padding: 2px 4px;\n          font-style: italic;\n          background-color: var(--abbreviation-bg, #f9f9f9);\n          text-underline-position: under;\n          text-decoration: underline double;\n          cursor: help;\n          outline: var(--abbreviation-selection, #ffff33);\n        }\n        abbr:focus,\n        abbr:active,\n        abbr:hover {\n          text-decoration: none;\n          background-color: var(--abbreviation-selection, #ffff33);\n        }\n        abbr::-moz-selection,\n        abbr::selection {\n          text-decoration: none;\n          background-color: var(--abbreviation-selection, #ffff33);\n        }\n        simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_83cc0e401f2611eda0c389891c227ec8 || (_templateObject2_83cc0e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        abbr {\n          transition: 0.6s all ease;\n          padding: 2px 4px;\n          font-style: italic;\n          background-color: var(--abbreviation-bg, #f9f9f9);\n          text-underline-position: under;\n          text-decoration: underline double;\n          cursor: help;\n          outline: var(--abbreviation-selection, #ffff33);\n        }\n        abbr:focus,\n        abbr:active,\n        abbr:hover {\n          text-decoration: none;\n          background-color: var(--abbreviation-selection, #ffff33);\n        }\n        abbr::-moz-selection,\n        abbr::selection {\n          text-decoration: none;\n          background-color: var(--abbreviation-selection, #ffff33);\n        }\n        simple-tooltip {\n          --simple-tooltip-background: #000000;\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: #ffffff;\n          --simple-tooltip-delay-in: 0;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-avatar/lrndesign-avatar.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-avatar/lrndesign-avatar.js
index f1b4afb5e4c..b3bf81c1c32 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-avatar/lrndesign-avatar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-avatar/lrndesign-avatar.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
   });
   _exports.LrndesignAvatar = void 0;
 
-  var _templateObject_a9e99af01f0511ed8cc3e9a95995ad69, _templateObject2_a9e99af01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8458bde01f2611eda0c389891c227ec8, _templateObject2_8458bde01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -51,7 +51,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_a9e99af01f0511ed8cc3e9a95995ad69 || (_templateObject_a9e99af01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <paper-avatar\n      accent-color=\"", "\"\n      ?allow-grey=\"", "\"\n      ?dark=\"", "\"\n      .label=\"", "\"\n      .icon=\"", "\"\n      .src=\"", "\"\n      ?two-chars=\"", "\"\n      ?jdenticon=\"", "\"\n    ></paper-avatar>"])), this.accentColor, this.allowGrey, this.dark, this.label || "", this.icon || "", this.src || "", this.twoChars, this.jdenticon);
+        return (0, _index.html)(_templateObject_8458bde01f2611eda0c389891c227ec8 || (_templateObject_8458bde01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <paper-avatar\n      accent-color=\"", "\"\n      ?allow-grey=\"", "\"\n      ?dark=\"", "\"\n      .label=\"", "\"\n      .icon=\"", "\"\n      .src=\"", "\"\n      ?two-chars=\"", "\"\n      ?jdenticon=\"", "\"\n    ></paper-avatar>"])), this.accentColor, this.allowGrey, this.dark, this.label || "", this.icon || "", this.src || "", this.twoChars, this.jdenticon);
       } // haxProperty definition
 
     }, {
@@ -91,7 +91,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignAvatar), "styles", this)), [(0, _index.css)(_templateObject2_a9e99af01f0511ed8cc3e9a95995ad69 || (_templateObject2_a9e99af01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 0;\n          padding: 0;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        paper-avatar {\n          border-radius: var(--lrndesign-avatar-border-radius, 50%);\n          max-height: var(--lrndesign-avatar-width, 40px);\n          --paper-avatar-width: var(--lrndesign-avatar-width, 40px);\n          --paper-avatar-color: var(\n            --simple-colors-default-theme-accent-8,\n            #444\n          );\n          --paper-avatar-text-color: var(\n            --simple-colors-default-theme-grey-1,\n            #fff\n          );\n        }\n\n        :host([invert]) paper-avatar {\n          --paper-avatar-color: var(--simple-colors-default-theme-grey-1, #fff);\n          --paper-avatar-text-color: var(\n            --simple-colors-default-theme-accent-8,\n            #444\n          );\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignAvatar), "styles", this)), [(0, _index.css)(_templateObject2_8458bde01f2611eda0c389891c227ec8 || (_templateObject2_8458bde01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 0;\n          padding: 0;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        paper-avatar {\n          border-radius: var(--lrndesign-avatar-border-radius, 50%);\n          max-height: var(--lrndesign-avatar-width, 40px);\n          --paper-avatar-width: var(--lrndesign-avatar-width, 40px);\n          --paper-avatar-color: var(\n            --simple-colors-default-theme-accent-8,\n            #444\n          );\n          --paper-avatar-text-color: var(\n            --simple-colors-default-theme-grey-1,\n            #fff\n          );\n        }\n\n        :host([invert]) paper-avatar {\n          --paper-avatar-color: var(--simple-colors-default-theme-grey-1, #fff);\n          --paper-avatar-text-color: var(\n            --simple-colors-default-theme-accent-8,\n            #444\n          );\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-blockquote/lrndesign-blockquote.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-blockquote/lrndesign-blockquote.js
index 0b39e530a4e..74316bdece8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-blockquote/lrndesign-blockquote.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-blockquote/lrndesign-blockquote.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../schema-behaviors/schema-beh
   _exports.LrndesignBlockquote = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_9d8aa4c01f0511ed8cc3e9a95995ad69, _templateObject2_9d8aa4c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_789655d01f2611eda0c389891c227ec8, _templateObject2_789655d01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -40,7 +40,7 @@ define(["exports", "meta", "../../lit/index.js", "../schema-behaviors/schema-beh
     babelHelpers.createClass(LrndesignBlockquote, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9d8aa4c01f0511ed8cc3e9a95995ad69 || (_templateObject_9d8aa4c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"wrap\" class=\"mb-wrap\">\n        <div\n          id=\"thumb\"\n          class=\"mb-thumb\"\n          aria-describedby=\"", "\"\n        ></div>\n        <blockquote cite=\"", "\">\n          <p><slot></slot></p>\n        </blockquote>\n        <div class=\"mb-attribution\">\n          <p class=\"mb-author\">", "</p>\n          <cite><a href=\"", "\">", "</a></cite>\n        </div>\n      </div>\n    "])), this.describedBy || "", this.sourceLink, this.author, this.sourceLink, this.citation);
+        return (0, _index.html)(_templateObject_789655d01f2611eda0c389891c227ec8 || (_templateObject_789655d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"wrap\" class=\"mb-wrap\">\n        <div\n          id=\"thumb\"\n          class=\"mb-thumb\"\n          aria-describedby=\"", "\"\n        ></div>\n        <blockquote cite=\"", "\">\n          <p><slot></slot></p>\n        </blockquote>\n        <div class=\"mb-attribution\">\n          <p class=\"mb-author\">", "</p>\n          <cite><a href=\"", "\">", "</a></cite>\n        </div>\n      </div>\n    "])), this.describedBy || "", this.sourceLink, this.author, this.sourceLink, this.citation);
       }
     }, {
       key: "updated",
@@ -117,7 +117,7 @@ define(["exports", "meta", "../../lit/index.js", "../schema-behaviors/schema-beh
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_9d8aa4c01f0511ed8cc3e9a95995ad69 || (_templateObject2_9d8aa4c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          position: relative;\n          box-sizing: border-box;\n          font-size: 16px;\n          z-index: 0;\n        }\n\n        :host([display-mode=\"hypercard\"]) ::slotted(*) {\n          -webkit-filter: grayscale(1) contrast(300%);\n          filter: grayscale(1) contrast(300%);\n          font-family: Chikarego, Helvetica, sans-serif;\n          transition: all 0.6s ease;\n        }\n\n        /* Let's set and reset some common styles */\n        .mb-wrap {\n          width: 300px;\n          margin: 20px auto;\n          padding: 20px;\n          position: relative;\n        }\n        .mb-wrap p {\n          margin: 0;\n          padding: 0;\n        }\n        .mb-wrap blockquote {\n          margin: 0;\n          padding: 0;\n          position: relative;\n        }\n        .mb-wrap cite {\n          font-style: normal;\n        }\n        p ::slotted(*) {\n          font-size: 16px;\n        }\n        :host([display-mode=\"default\"]) .mb-wrap {\n          background-color: #fff9c4;\n          color: var(--lrndesign-blockquote-color, #222222);\n        }\n        :host([display-mode=\"default\"]) .mb-wrap blockquote {\n          font-size: 19.2px;\n          font-style: italic;\n          margin: 4px 0;\n          padding: 24px 24px 24px 40px;\n          line-height: 1.5;\n          position: relative;\n          color: var(--lrndesign-blockquote-color, #222222);\n        }\n        :host([display-mode=\"default\"]) .mb-wrap cite {\n          color: var(--lrndesign-blockquote-cite, #222222);\n          font-size: 12.8px;\n          display: block;\n          margin-top: 4px;\n          text-align: right;\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap {\n          background: #363738 repeat top left;\n          margin-top: 100px;\n          padding-top: 100px;\n          width: 400px;\n          color: #fff;\n          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);\n          border-top: 10px solid #fff;\n        }\n        :host([display-mode=\"leather\"]) .mb-wrap .mb-thumb {\n          display: block;\n          width: 180px;\n          height: 180px;\n          border: 10px solid rgba(255, 255, 255, 0.5);\n          border-radius: 50%;\n          background-clip: padding-box !important;\n          background-size: contain !important;\n          position: absolute;\n          left: 50%;\n          top: -90px;\n          margin: 0 0 0 -90px;\n          box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5),\n            0 2px 3px rgba(0, 0, 0, 0.6);\n        }\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote:before,\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote:after {\n          position: absolute;\n          font-size: 164px;\n          top: -95px;\n          color: #242526;\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote:before {\n          content: \"\u201C\";\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote:after {\n          right: 0px;\n          content: \"\u201D\";\n        }\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote p {\n          font-family: Cambria, Georgia, serif;\n          font-style: italic;\n          font-size: 25px;\n          font-weight: 400;\n          border-bottom: 1px solid rgba(0, 0, 0, 0.5);\n          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);\n          padding: 10px 10px 20px 10px;\n          text-align: center;\n          margin: 0 0 20px 0;\n          text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);\n        }\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote p ::slotted(*) {\n          font-family: Cambria, Georgia, serif;\n          font-style: italic;\n          font-weight: 400;\n          font-size: 25px;\n          text-align: center;\n          text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap .mb-attribution {\n          text-align: right;\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap .mb-author {\n          text-transform: uppercase;\n          font-size: 20px;\n          font-weight: bold;\n          color: #cccccc;\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap cite a {\n          color: #f0f0f0;\n          font-style: italic;\n          font-weight: 400;\n          font-family: Cambria, Georgia, serif;\n          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap cite a:hover {\n          text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);\n        }\n\n        :host([display-mode=\"swoop\"]) .mb-wrap blockquote {\n          padding-top: 150px;\n        }\n        :host([display-mode=\"swoop\"]) .mb-wrap blockquote:after {\n          background: rgba(235, 150, 108, 0.8);\n          width: 130px;\n          height: 130px;\n          border-radius: 50%;\n          content: \"\u201D\";\n          position: absolute;\n          font-size: 164px;\n          line-height: 200px;\n          text-align: center;\n          top: 0px;\n          left: 50%;\n          margin-left: -65px;\n          color: rgba(255, 255, 255, 0.5);\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);\n        }\n        :host([display-mode=\"swoop\"]) .mb-wrap blockquote:before {\n          content: \"\";\n          width: 500px;\n          height: 500px;\n          border-radius: 50%;\n          border-left: 5px solid rgba(235, 150, 108, 0.1);\n          position: absolute;\n          top: 0px;\n          left: -50px;\n          z-index: -1;\n        }\n        :host([display-mode=\"swoop\"]) .mb-wrap blockquote p {\n          font-family: Baskerville, Georgia, serif;\n          font-size: 28px;\n          font-style: italic;\n          background: rgba(255, 255, 255, 0.5);\n          display: inline;\n          color: rgba(235, 150, 108, 0.8);\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);\n          line-height: 46px;\n          box-shadow: 0 -6px 0 rgba(235, 150, 108, 0.2);\n        }\n        :host([display-mode=\"swoop\"]) .mb-wrap .mb-attribution {\n          text-align: right;\n        }\n\n        :host([display-mode=\"swoop\"]) .mb-wrap .mb-author {\n          text-transform: uppercase;\n          font-size: 18px;\n          padding-top: 10px;\n          font-weight: bold;\n          color: #d48158;\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);\n        }\n\n        :host([display-mode=\"swoop\"]) .mb-wrap cite a {\n          color: #d7aa94;\n          font-style: italic;\n        }\n\n        :host([display-mode=\"swoop\"]) .mb-wrap cite a:hover {\n          color: #d48158;\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap {\n          width: 500px;\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote {\n          background: #fff;\n          padding: 30px;\n          border-radius: 5px;\n          box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7),\n            -5px -4px 25px rgba(0, 0, 0, 0.3);\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote:after,\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote:before {\n          top: 100%;\n          border: solid transparent;\n          content: \" \";\n          height: 0;\n          width: 0;\n          position: absolute;\n          pointer-events: none;\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote:after {\n          border-top-color: #ffffff;\n          border-width: 10px;\n          left: 65%;\n          margin-left: -10px;\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote:before {\n          border-top-color: rgba(0, 0, 0, 0.01);\n          border-width: 11px;\n          left: 65%;\n          margin-left: -11px;\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote p {\n          font-family: \"Alegreya\", serif;\n          font-size: 24px;\n          color: #b4b4b4;\n          font-weight: 400;\n          line-height: 40px;\n          font-style: italic;\n          text-indent: 100px;\n          position: relative;\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote p:before {\n          content: \"\u201C\";\n          font-family: serif;\n          font-style: normal;\n          font-weight: 700;\n          position: absolute;\n          font-size: 175px;\n          top: 0px;\n          left: -105px;\n          color: rgba(188, 147, 200, 1);\n          text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap .mb-attribution {\n          text-align: right;\n          padding: 20px 100px 20px 20px;\n          position: relative;\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap .mb-thumb {\n          display: block;\n          width: 70px;\n          height: 70px;\n          border: 5px solid #fff;\n          border-radius: 50%;\n          background-clip: padding-box !important;\n          background-size: contain !important;\n          position: absolute;\n          right: 10px;\n          bottom: 5px;\n          box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5),\n            0 2px 3px rgba(0, 0, 0, 0.6);\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap .mb-author {\n          font-family: \"Alegreya SC\", serif;\n          font-weight: 700;\n          font-size: 18px;\n          color: black;\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap cite a {\n          font-family: \"Alegreya\", serif;\n          font-weight: 700;\n          font-style: italic;\n          color: black;\n          text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap cite a:hover {\n          color: rgba(188, 147, 200, 1);\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);\n        }\n\n        :host([display-mode=\"poster\"]) .mb-wrap {\n          width: 600px;\n          padding: 20px 240px 50px 20px;\n          overflow: hidden;\n          box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);\n        }\n        :host([display-mode=\"poster\"]) .mb-wrap blockquote p {\n          color: rgba(255, 255, 255, 0.95);\n          font-size: 21px;\n          line-height: 26px;\n          text-align: right;\n          color: #999;\n          text-transform: uppercase;\n          font-weight: bold;\n        }\n        :host([display-mode=\"poster\"]) .mb-wrap blockquote p ::slotted(span) {\n          font-weight: 700;\n          color: #fcf779;\n          font-size: 58px;\n          line-height: 58px;\n          display: block;\n          padding: 10px;\n          text-shadow: 7px 7px 2px rgba(0, 0, 0, 0.2);\n          transform: rotate(-7deg) translateY(10px);\n        }\n        :host([display-mode=\"poster\"])\n          .mb-wrap\n          blockquote\n          p\n          ::slotted(span):before {\n          content: \"\u201C\";\n          font-weight: normal;\n          opacity: 0.1;\n          font-size: 200px;\n          position: absolute;\n          color: #fff;\n          top: -50px;\n          left: -25px;\n          transform: rotate(45deg);\n        }\n        :host([display-mode=\"poster\"]) .mb-wrap .mb-attribution {\n          text-align: right;\n          text-transform: uppercase;\n          font-weight: bold;\n          background: #222;\n          position: absolute;\n          width: 100%;\n          left: 0px;\n          bottom: 0px;\n          text-align: center;\n          padding: 30px;\n          transform: rotate(-40deg) translate(175px, 110px);\n        }\n        :host([display-mode=\"poster\"]) .mb-wrap .mb-author {\n          color: #fcf779;\n        }\n        :host([display-mode=\"poster\"]) .mb-wrap .mb-author:before {\n          content: \"-\";\n          padding-right: 4px;\n        }\n\n        :host([display-mode=\"poster\"]) .mb-wrap .mb-attribution cite a {\n          color: #fcf779;\n        }\n\n        :host([display-mode=\"poster\"]) .mb-wrap .mb-attribution cite a:hover {\n          color: #fcf779;\n        }\n\n        :host([display-mode=\"fun\"]) .mb-wrap {\n          width: 390px;\n        }\n\n        :host([display-mode=\"fun\"]) .mb-wrap blockquote {\n          text-align: center;\n          background: #333;\n          width: 350px;\n          height: 350px;\n          padding: 60px;\n          border-radius: 50%;\n          box-shadow: inset 0 0 0 10px #333,\n            inset 0 0 0 12px rgba(255, 255, 255, 0.6),\n            80px 0 0 rgba(255, 255, 255, 0.3),\n            -80px 0 0 rgba(255, 255, 255, 0.3), 50px 0 0 rgba(60, 185, 145, 0.2),\n            -50px 0 0 rgba(185, 60, 60, 0.2);\n        }\n        :host([display-mode=\"fun\"]) .mb-wrap blockquote p {\n          color: #fff;\n          font-size: 20px;\n          font-weight: 400;\n          padding-top: 25px;\n          text-transform: uppercase;\n          text-shadow: 0 0 1px #fff, 0 1px 1px #000;\n          font-family: \"Annie Use Your Telescope\", cursive;\n        }\n        :host([display-mode=\"fun\"]) .mb-wrap blockquote p ::slotted(span) {\n          display: block;\n          position: relative;\n          padding-top: 40px;\n          margin-top: 40px;\n          border-top: 1px solid rgba(255, 255, 255, 0.3);\n        }\n        :host([display-mode=\"fun\"])\n          .mb-wrap\n          blockquote\n          p\n          ::slotted(span):before {\n          position: absolute;\n          width: 50px;\n          height: 50px;\n          background: #ddd;\n          content: \"\u201C\";\n          font-size: 40px;\n          color: #333;\n          top: 0px;\n          left: 50%;\n          margin: -25px 0 0 -25px;\n          border-radius: 50%;\n        }\n        :host([display-mode=\"fun\"]) .mb-wrap .mb-attribution {\n          text-align: center;\n          font-family: \"Annie Use Your Telescope\", cursive;\n          padding: 20px;\n          font-size: 16px;\n        }\n        :host([display-mode=\"fun\"]) .mb-wrap cite a:hover {\n          color: #000;\n        }\n\n        :host([display-mode=\"photo\"]) .mb-wrap {\n          width: 350px;\n          background: #fff;\n          border-radius: 4px;\n        }\n        /* Shadow style from Nicolas Gallagher: http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */\n        :host([display-mode=\"photo\"]) .mb-wrap:before,\n        :host([display-mode=\"photo\"]) .mb-wrap:after {\n          content: \" \";\n          position: absolute;\n          z-index: -1;\n          transform: rotate(-3deg);\n          bottom: 10px;\n          box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);\n          height: 20%;\n          left: 2px;\n          max-height: 100px;\n          max-width: 300px;\n          width: 50%;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap:after {\n          transform: rotate(3deg);\n          left: auto;\n          right: 2px;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap blockquote {\n          background: #333;\n          height: 75%;\n          padding: 30px;\n          text-align: center;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap blockquote:before {\n          color: rgba(255, 255, 255, 0.2);\n          position: absolute;\n          content: \"\u201D\";\n          font-size: 150px;\n          line-height: 130px;\n          font-style: italic;\n          top: 0px;\n          right: 20px;\n          font-family: Cambria, Georgia, serif;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap blockquote p {\n          color: #fff;\n          font-family: \"Abril Fatface\", sans-serif;\n          font-size: 24px;\n          text-shadow: 1px 1px 1px #000;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap .mb-attribution {\n          padding: 20px;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap .mb-author {\n          font-size: 24px;\n          font-family: \"Dr Sugiyama\", cursive;\n          transform: rotate(-4deg);\n          color: #070d5f;\n          text-align: center;\n          min-height: 40px;\n          line-height: 40px;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap cite {\n          display: block;\n          text-align: center;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap cite a {\n          color: #999;\n          text-transform: uppercase;\n          letter-spacing: 3px;\n          font-size: 12px;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap cite a:hover {\n          color: #000;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap .mb-thumb {\n          display: block;\n          width: 70px;\n          height: 70px;\n          border: 5px solid #fff;\n          border-radius: 50%;\n          background-clip: padding-box !important;\n          background-size: contain !important;\n          position: absolute;\n          left: 30px;\n          bottom: 30px;\n          box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5),\n            0 2px 3px rgba(0, 0, 0, 0.6);\n        }\n        /* BEGIN HYPERCARDIFY, thanks @realdlnorman */\n        :host([display-mode=\"hypercard\"]) ::slotted(*) {\n          -webkit-filter: grayscale(1) contrast(300%);\n          filter: grayscale(1) contrast(300%);\n          font-family: Chikarego, Helvetica, sans-serif;\n          transition: all 0.6s ease;\n        }\n        /* Disable grayscale on hover */\n        :host([display-mode=\"hypercard\"]:hover) ::slotted(*) {\n          -webkit-filter: grayscale(0);\n          filter: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_789655d01f2611eda0c389891c227ec8 || (_templateObject2_789655d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          position: relative;\n          box-sizing: border-box;\n          font-size: 16px;\n          z-index: 0;\n        }\n\n        :host([display-mode=\"hypercard\"]) ::slotted(*) {\n          -webkit-filter: grayscale(1) contrast(300%);\n          filter: grayscale(1) contrast(300%);\n          font-family: Chikarego, Helvetica, sans-serif;\n          transition: all 0.6s ease;\n        }\n\n        /* Let's set and reset some common styles */\n        .mb-wrap {\n          width: 300px;\n          margin: 20px auto;\n          padding: 20px;\n          position: relative;\n        }\n        .mb-wrap p {\n          margin: 0;\n          padding: 0;\n        }\n        .mb-wrap blockquote {\n          margin: 0;\n          padding: 0;\n          position: relative;\n        }\n        .mb-wrap cite {\n          font-style: normal;\n        }\n        p ::slotted(*) {\n          font-size: 16px;\n        }\n        :host([display-mode=\"default\"]) .mb-wrap {\n          background-color: #fff9c4;\n          color: var(--lrndesign-blockquote-color, #222222);\n        }\n        :host([display-mode=\"default\"]) .mb-wrap blockquote {\n          font-size: 19.2px;\n          font-style: italic;\n          margin: 4px 0;\n          padding: 24px 24px 24px 40px;\n          line-height: 1.5;\n          position: relative;\n          color: var(--lrndesign-blockquote-color, #222222);\n        }\n        :host([display-mode=\"default\"]) .mb-wrap cite {\n          color: var(--lrndesign-blockquote-cite, #222222);\n          font-size: 12.8px;\n          display: block;\n          margin-top: 4px;\n          text-align: right;\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap {\n          background: #363738 repeat top left;\n          margin-top: 100px;\n          padding-top: 100px;\n          width: 400px;\n          color: #fff;\n          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);\n          border-top: 10px solid #fff;\n        }\n        :host([display-mode=\"leather\"]) .mb-wrap .mb-thumb {\n          display: block;\n          width: 180px;\n          height: 180px;\n          border: 10px solid rgba(255, 255, 255, 0.5);\n          border-radius: 50%;\n          background-clip: padding-box !important;\n          background-size: contain !important;\n          position: absolute;\n          left: 50%;\n          top: -90px;\n          margin: 0 0 0 -90px;\n          box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5),\n            0 2px 3px rgba(0, 0, 0, 0.6);\n        }\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote:before,\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote:after {\n          position: absolute;\n          font-size: 164px;\n          top: -95px;\n          color: #242526;\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote:before {\n          content: \"\u201C\";\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote:after {\n          right: 0px;\n          content: \"\u201D\";\n        }\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote p {\n          font-family: Cambria, Georgia, serif;\n          font-style: italic;\n          font-size: 25px;\n          font-weight: 400;\n          border-bottom: 1px solid rgba(0, 0, 0, 0.5);\n          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);\n          padding: 10px 10px 20px 10px;\n          text-align: center;\n          margin: 0 0 20px 0;\n          text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);\n        }\n        :host([display-mode=\"leather\"]) .mb-wrap blockquote p ::slotted(*) {\n          font-family: Cambria, Georgia, serif;\n          font-style: italic;\n          font-weight: 400;\n          font-size: 25px;\n          text-align: center;\n          text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap .mb-attribution {\n          text-align: right;\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap .mb-author {\n          text-transform: uppercase;\n          font-size: 20px;\n          font-weight: bold;\n          color: #cccccc;\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap cite a {\n          color: #f0f0f0;\n          font-style: italic;\n          font-weight: 400;\n          font-family: Cambria, Georgia, serif;\n          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);\n        }\n\n        :host([display-mode=\"leather\"]) .mb-wrap cite a:hover {\n          text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);\n        }\n\n        :host([display-mode=\"swoop\"]) .mb-wrap blockquote {\n          padding-top: 150px;\n        }\n        :host([display-mode=\"swoop\"]) .mb-wrap blockquote:after {\n          background: rgba(235, 150, 108, 0.8);\n          width: 130px;\n          height: 130px;\n          border-radius: 50%;\n          content: \"\u201D\";\n          position: absolute;\n          font-size: 164px;\n          line-height: 200px;\n          text-align: center;\n          top: 0px;\n          left: 50%;\n          margin-left: -65px;\n          color: rgba(255, 255, 255, 0.5);\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);\n        }\n        :host([display-mode=\"swoop\"]) .mb-wrap blockquote:before {\n          content: \"\";\n          width: 500px;\n          height: 500px;\n          border-radius: 50%;\n          border-left: 5px solid rgba(235, 150, 108, 0.1);\n          position: absolute;\n          top: 0px;\n          left: -50px;\n          z-index: -1;\n        }\n        :host([display-mode=\"swoop\"]) .mb-wrap blockquote p {\n          font-family: Baskerville, Georgia, serif;\n          font-size: 28px;\n          font-style: italic;\n          background: rgba(255, 255, 255, 0.5);\n          display: inline;\n          color: rgba(235, 150, 108, 0.8);\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);\n          line-height: 46px;\n          box-shadow: 0 -6px 0 rgba(235, 150, 108, 0.2);\n        }\n        :host([display-mode=\"swoop\"]) .mb-wrap .mb-attribution {\n          text-align: right;\n        }\n\n        :host([display-mode=\"swoop\"]) .mb-wrap .mb-author {\n          text-transform: uppercase;\n          font-size: 18px;\n          padding-top: 10px;\n          font-weight: bold;\n          color: #d48158;\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);\n        }\n\n        :host([display-mode=\"swoop\"]) .mb-wrap cite a {\n          color: #d7aa94;\n          font-style: italic;\n        }\n\n        :host([display-mode=\"swoop\"]) .mb-wrap cite a:hover {\n          color: #d48158;\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap {\n          width: 500px;\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote {\n          background: #fff;\n          padding: 30px;\n          border-radius: 5px;\n          box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7),\n            -5px -4px 25px rgba(0, 0, 0, 0.3);\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote:after,\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote:before {\n          top: 100%;\n          border: solid transparent;\n          content: \" \";\n          height: 0;\n          width: 0;\n          position: absolute;\n          pointer-events: none;\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote:after {\n          border-top-color: #ffffff;\n          border-width: 10px;\n          left: 65%;\n          margin-left: -10px;\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote:before {\n          border-top-color: rgba(0, 0, 0, 0.01);\n          border-width: 11px;\n          left: 65%;\n          margin-left: -11px;\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote p {\n          font-family: \"Alegreya\", serif;\n          font-size: 24px;\n          color: #b4b4b4;\n          font-weight: 400;\n          line-height: 40px;\n          font-style: italic;\n          text-indent: 100px;\n          position: relative;\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap blockquote p:before {\n          content: \"\u201C\";\n          font-family: serif;\n          font-style: normal;\n          font-weight: 700;\n          position: absolute;\n          font-size: 175px;\n          top: 0px;\n          left: -105px;\n          color: rgba(188, 147, 200, 1);\n          text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap .mb-attribution {\n          text-align: right;\n          padding: 20px 100px 20px 20px;\n          position: relative;\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap .mb-thumb {\n          display: block;\n          width: 70px;\n          height: 70px;\n          border: 5px solid #fff;\n          border-radius: 50%;\n          background-clip: padding-box !important;\n          background-size: contain !important;\n          position: absolute;\n          right: 10px;\n          bottom: 5px;\n          box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5),\n            0 2px 3px rgba(0, 0, 0, 0.6);\n        }\n        :host([display-mode=\"soft\"]) .mb-wrap .mb-author {\n          font-family: \"Alegreya SC\", serif;\n          font-weight: 700;\n          font-size: 18px;\n          color: black;\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap cite a {\n          font-family: \"Alegreya\", serif;\n          font-weight: 700;\n          font-style: italic;\n          color: black;\n          text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);\n        }\n\n        :host([display-mode=\"soft\"]) .mb-wrap cite a:hover {\n          color: rgba(188, 147, 200, 1);\n          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);\n        }\n\n        :host([display-mode=\"poster\"]) .mb-wrap {\n          width: 600px;\n          padding: 20px 240px 50px 20px;\n          overflow: hidden;\n          box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);\n        }\n        :host([display-mode=\"poster\"]) .mb-wrap blockquote p {\n          color: rgba(255, 255, 255, 0.95);\n          font-size: 21px;\n          line-height: 26px;\n          text-align: right;\n          color: #999;\n          text-transform: uppercase;\n          font-weight: bold;\n        }\n        :host([display-mode=\"poster\"]) .mb-wrap blockquote p ::slotted(span) {\n          font-weight: 700;\n          color: #fcf779;\n          font-size: 58px;\n          line-height: 58px;\n          display: block;\n          padding: 10px;\n          text-shadow: 7px 7px 2px rgba(0, 0, 0, 0.2);\n          transform: rotate(-7deg) translateY(10px);\n        }\n        :host([display-mode=\"poster\"])\n          .mb-wrap\n          blockquote\n          p\n          ::slotted(span):before {\n          content: \"\u201C\";\n          font-weight: normal;\n          opacity: 0.1;\n          font-size: 200px;\n          position: absolute;\n          color: #fff;\n          top: -50px;\n          left: -25px;\n          transform: rotate(45deg);\n        }\n        :host([display-mode=\"poster\"]) .mb-wrap .mb-attribution {\n          text-align: right;\n          text-transform: uppercase;\n          font-weight: bold;\n          background: #222;\n          position: absolute;\n          width: 100%;\n          left: 0px;\n          bottom: 0px;\n          text-align: center;\n          padding: 30px;\n          transform: rotate(-40deg) translate(175px, 110px);\n        }\n        :host([display-mode=\"poster\"]) .mb-wrap .mb-author {\n          color: #fcf779;\n        }\n        :host([display-mode=\"poster\"]) .mb-wrap .mb-author:before {\n          content: \"-\";\n          padding-right: 4px;\n        }\n\n        :host([display-mode=\"poster\"]) .mb-wrap .mb-attribution cite a {\n          color: #fcf779;\n        }\n\n        :host([display-mode=\"poster\"]) .mb-wrap .mb-attribution cite a:hover {\n          color: #fcf779;\n        }\n\n        :host([display-mode=\"fun\"]) .mb-wrap {\n          width: 390px;\n        }\n\n        :host([display-mode=\"fun\"]) .mb-wrap blockquote {\n          text-align: center;\n          background: #333;\n          width: 350px;\n          height: 350px;\n          padding: 60px;\n          border-radius: 50%;\n          box-shadow: inset 0 0 0 10px #333,\n            inset 0 0 0 12px rgba(255, 255, 255, 0.6),\n            80px 0 0 rgba(255, 255, 255, 0.3),\n            -80px 0 0 rgba(255, 255, 255, 0.3), 50px 0 0 rgba(60, 185, 145, 0.2),\n            -50px 0 0 rgba(185, 60, 60, 0.2);\n        }\n        :host([display-mode=\"fun\"]) .mb-wrap blockquote p {\n          color: #fff;\n          font-size: 20px;\n          font-weight: 400;\n          padding-top: 25px;\n          text-transform: uppercase;\n          text-shadow: 0 0 1px #fff, 0 1px 1px #000;\n          font-family: \"Annie Use Your Telescope\", cursive;\n        }\n        :host([display-mode=\"fun\"]) .mb-wrap blockquote p ::slotted(span) {\n          display: block;\n          position: relative;\n          padding-top: 40px;\n          margin-top: 40px;\n          border-top: 1px solid rgba(255, 255, 255, 0.3);\n        }\n        :host([display-mode=\"fun\"])\n          .mb-wrap\n          blockquote\n          p\n          ::slotted(span):before {\n          position: absolute;\n          width: 50px;\n          height: 50px;\n          background: #ddd;\n          content: \"\u201C\";\n          font-size: 40px;\n          color: #333;\n          top: 0px;\n          left: 50%;\n          margin: -25px 0 0 -25px;\n          border-radius: 50%;\n        }\n        :host([display-mode=\"fun\"]) .mb-wrap .mb-attribution {\n          text-align: center;\n          font-family: \"Annie Use Your Telescope\", cursive;\n          padding: 20px;\n          font-size: 16px;\n        }\n        :host([display-mode=\"fun\"]) .mb-wrap cite a:hover {\n          color: #000;\n        }\n\n        :host([display-mode=\"photo\"]) .mb-wrap {\n          width: 350px;\n          background: #fff;\n          border-radius: 4px;\n        }\n        /* Shadow style from Nicolas Gallagher: http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */\n        :host([display-mode=\"photo\"]) .mb-wrap:before,\n        :host([display-mode=\"photo\"]) .mb-wrap:after {\n          content: \" \";\n          position: absolute;\n          z-index: -1;\n          transform: rotate(-3deg);\n          bottom: 10px;\n          box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);\n          height: 20%;\n          left: 2px;\n          max-height: 100px;\n          max-width: 300px;\n          width: 50%;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap:after {\n          transform: rotate(3deg);\n          left: auto;\n          right: 2px;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap blockquote {\n          background: #333;\n          height: 75%;\n          padding: 30px;\n          text-align: center;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap blockquote:before {\n          color: rgba(255, 255, 255, 0.2);\n          position: absolute;\n          content: \"\u201D\";\n          font-size: 150px;\n          line-height: 130px;\n          font-style: italic;\n          top: 0px;\n          right: 20px;\n          font-family: Cambria, Georgia, serif;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap blockquote p {\n          color: #fff;\n          font-family: \"Abril Fatface\", sans-serif;\n          font-size: 24px;\n          text-shadow: 1px 1px 1px #000;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap .mb-attribution {\n          padding: 20px;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap .mb-author {\n          font-size: 24px;\n          font-family: \"Dr Sugiyama\", cursive;\n          transform: rotate(-4deg);\n          color: #070d5f;\n          text-align: center;\n          min-height: 40px;\n          line-height: 40px;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap cite {\n          display: block;\n          text-align: center;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap cite a {\n          color: #999;\n          text-transform: uppercase;\n          letter-spacing: 3px;\n          font-size: 12px;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap cite a:hover {\n          color: #000;\n        }\n        :host([display-mode=\"photo\"]) .mb-wrap .mb-thumb {\n          display: block;\n          width: 70px;\n          height: 70px;\n          border: 5px solid #fff;\n          border-radius: 50%;\n          background-clip: padding-box !important;\n          background-size: contain !important;\n          position: absolute;\n          left: 30px;\n          bottom: 30px;\n          box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5),\n            0 2px 3px rgba(0, 0, 0, 0.6);\n        }\n        /* BEGIN HYPERCARDIFY, thanks @realdlnorman */\n        :host([display-mode=\"hypercard\"]) ::slotted(*) {\n          -webkit-filter: grayscale(1) contrast(300%);\n          filter: grayscale(1) contrast(300%);\n          font-family: Chikarego, Helvetica, sans-serif;\n          transition: all 0.6s ease;\n        }\n        /* Disable grayscale on hover */\n        :host([display-mode=\"hypercard\"]:hover) ::slotted(*) {\n          -webkit-filter: grayscale(0);\n          filter: none;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-chart/lrndesign-chart.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-chart/lrndesign-chart.js
index b7beb26e5e3..ee118e3f594 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-chart/lrndesign-chart.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-chart/lrndesign-chart.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../chartist-render/chartist-render.js"
   });
   _exports.LrndesignChart = void 0;
 
-  var _templateObject_aa4c2d501f0511ed8cc3e9a95995ad69, _templateObject2_aa4c2d501f0511ed8cc3e9a95995ad69;
+  var _templateObject_84bb02201f2611eda0c389891c227ec8, _templateObject2_84bb02201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -51,7 +51,7 @@ define(["exports", "../../lit/index.js", "../chartist-render/chartist-render.js"
         key: "render",
         value: // render function
         function render() {
-          return (0, _index.html)(_templateObject_aa4c2d501f0511ed8cc3e9a95995ad69 || (_templateObject_aa4c2d501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ""])), babelHelpers.get(babelHelpers.getPrototypeOf(_class.prototype), "render", this).call(this));
+          return (0, _index.html)(_templateObject_84bb02201f2611eda0c389891c227ec8 || (_templateObject_84bb02201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ""])), babelHelpers.get(babelHelpers.getPrototypeOf(_class.prototype), "render", this).call(this));
         } // haxProperty definition
 
       }, {
@@ -217,7 +217,7 @@ define(["exports", "../../lit/index.js", "../chartist-render/chartist-render.js"
         key: "styles",
         get: //styles function
         function get() {
-          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), babelHelpers.toConsumableArray(_simpleColors.SimpleColors.styles), [(0, _index.css)(_templateObject2_aa4c2d501f0511ed8cc3e9a95995ad69 || (_templateObject2_aa4c2d501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            background-color: var(--simple-colors-default-theme-grey-1);\n            color: var(--simple-colors-default-theme-grey-12);\n            --chartist-color-1: var(--simple-colors-default-theme-red-9);\n            --chartist-color-2: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-3: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-4: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-5: var(--simple-colors-default-theme-green-9);\n            --chartist-color-6: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-7: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-8: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-9: var(--simple-colors-default-theme-red-9);\n            --chartist-color-10: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-11: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-12: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-13: var(--simple-colors-default-theme-green-9);\n            --chartist-color-14: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-15: var(--simple-colors-default-theme-pink-9);\n          }\n\n          :host([dark]) {\n            --chartist-padding: 10px;\n          }\n\n          :host([accent-color=\"red\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-red-9);\n            --chartist-color-2: var(--simple-colors-default-theme-pink-10);\n            --chartist-color-3: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n            --chartist-color-4: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-5: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-6: var(--simple-colors-default-theme-red-11);\n            --chartist-color-7: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-8: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-9: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-10: var(--simple-colors-default-theme-orange-9);\n            --chartist-color-11: var(--simple-colors-default-theme-red-10);\n            --chartist-color-12: var(--simple-colors-default-theme-pink-11);\n            --chartist-color-13: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-14: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-15: var(--simple-colors-default-theme-orange-11);\n          }\n\n          :host([accent-color=\"pink\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-2: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-3: var(--simple-colors-default-theme-red-11);\n            --chartist-color-4: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-5: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-6: var(--simple-colors-default-theme-pink-11);\n            --chartist-color-7: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-8: var(--simple-colors-default-theme-red-10);\n            --chartist-color-9: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-10: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-11: var(--simple-colors-default-theme-pink-10);\n            --chartist-color-12: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-13: var(--simple-colors-default-theme-red-9);\n            --chartist-color-14: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-15: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n          }\n\n          :host([accent-color=\"purple\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-2: var(\n              --simple-colors-default-theme-deep-purple-10\n            );\n            --chartist-color-3: var(--simple-colors-default-theme-pink-11);\n            --chartist-color-4: var(--simple-colors-default-theme-indigo-9);\n            --chartist-color-5: var(--simple-colors-default-theme-red-10);\n            --chartist-color-6: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-7: var(\n              --simple-colors-default-theme-deep-purple-9\n            );\n            --chartist-color-8: var(--simple-colors-default-theme-pink-10);\n            --chartist-color-9: var(--simple-colors-default-theme-indigo-11);\n            --chartist-color-10: var(--simple-colors-default-theme-red-9);\n            --chartist-color-11: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-12: var(\n              --simple-colors-default-theme-deep-purple-11\n            );\n            --chartist-color-13: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-14: var(--simple-colors-default-theme-indigo-10);\n            --chartist-color-15: var(--simple-colors-default-theme-red-11);\n          }\n\n          :host([accent-color=\"deep-purple\"]) {\n            --chartist-color-1: var(\n              --simple-colors-default-theme-deep-purple-9\n            );\n            --chartist-color-2: var(--simple-colors-default-theme-indigo-10);\n            --chartist-color-3: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-4: var(--simple-colors-default-theme-blue-9);\n            --chartist-color-5: var(--simple-colors-default-theme-pink-10);\n            --chartist-color-6: var(\n              --simple-colors-default-theme-deep-purple-11\n            );\n            --chartist-color-7: var(--simple-colors-default-theme-indigo-9);\n            --chartist-color-8: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-9: var(--simple-colors-default-theme-blue-11);\n            --chartist-color-10: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-11: var(\n              --simple-colors-default-theme-deep-purple-10\n            );\n            --chartist-color-12: var(--simple-colors-default-theme-indigo-11);\n            --chartist-color-13: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-14: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-15: var(--simple-colors-default-theme-pink-11);\n          }\n\n          :host([accent-color=\"indigo\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-indigo-9);\n            --chartist-color-2: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-3: var(\n              --simple-colors-default-theme-deep-purple-11\n            );\n            --chartist-color-4: var(--simple-colors-default-theme-light-blue-9);\n            --chartist-color-5: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-6: var(--simple-colors-default-theme-indigo-11);\n            --chartist-color-7: var(--simple-colors-default-theme-blue-9);\n            --chartist-color-8: var(\n              --simple-colors-default-theme-deep-purple-10\n            );\n            --chartist-color-9: var(\n              --simple-colors-default-theme-light-blue-11\n            );\n            --chartist-color-10: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-11: var(--simple-colors-default-theme-indigo-10);\n            --chartist-color-12: var(--simple-colors-default-theme-blue-11);\n            --chartist-color-13: var(\n              --simple-colors-default-theme-deep-purple-9\n            );\n            --chartist-color-14: var(\n              --simple-colors-default-theme-light-blue-10\n            );\n            --chartist-color-15: var(--simple-colors-default-theme-purple-11);\n          }\n\n          :host([accent-color=\"blue\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-blue-9);\n            --chartist-color-2: var(\n              --simple-colors-default-theme-light-blue-10\n            );\n            --chartist-color-3: var(--simple-colors-default-theme-indigo-11);\n            --chartist-color-4: var(--simple-colors-default-theme-cyan-9);\n            --chartist-color-5: var(\n              --simple-colors-default-theme-deep-purple-10\n            );\n            --chartist-color-6: var(--simple-colors-default-theme-blue-11);\n            --chartist-color-7: var(--simple-colors-default-theme-light-blue-9);\n            --chartist-color-8: var(--simple-colors-default-theme-indigo-10);\n            --chartist-color-9: var(--simple-colors-default-theme-cyan-11);\n            --chartist-color-10: var(\n              --simple-colors-default-theme-deep-purple-9\n            );\n            --chartist-color-11: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-12: var(\n              --simple-colors-default-theme-light-blue-11\n            );\n            --chartist-color-13: var(--simple-colors-default-theme-indigo-9);\n            --chartist-color-14: var(--simple-colors-default-theme-cyan-10);\n            --chartist-color-15: var(\n              --simple-colors-default-theme-deep-purple-11\n            );\n          }\n\n          :host([accent-color=\"light-blue\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-light-blue-9);\n            --chartist-color-2: var(--simple-colors-default-theme-cyan-10);\n            --chartist-color-3: var(--simple-colors-default-theme-blue-11);\n            --chartist-color-4: var(--simple-colors-default-theme-teal-9);\n            --chartist-color-5: var(--simple-colors-default-theme-indigo-10);\n            --chartist-color-6: var(\n              --simple-colors-default-theme-light-blue-11\n            );\n            --chartist-color-7: var(--simple-colors-default-theme-cyan-9);\n            --chartist-color-8: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-9: var(--simple-colors-default-theme-teal-11);\n            --chartist-color-10: var(--simple-colors-default-theme-indigo-9);\n            --chartist-color-11: var(\n              --simple-colors-default-theme-light-blue-10\n            );\n            --chartist-color-12: var(--simple-colors-default-theme-cyan-11);\n            --chartist-color-13: var(--simple-colors-default-theme-blue-9);\n            --chartist-color-14: var(--simple-colors-default-theme-teal-10);\n            --chartist-color-15: var(--simple-colors-default-theme-indigo-11);\n          }\n\n          :host([accent-color=\"cyan\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-cyan-9);\n            --chartist-color-2: var(--simple-colors-default-theme-teal-10);\n            --chartist-color-3: var(\n              --simple-colors-default-theme-light-blue-11\n            );\n            --chartist-color-4: var(--simple-colors-default-theme-green-9);\n            --chartist-color-5: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-6: var(--simple-colors-default-theme-cyan-11);\n            --chartist-color-7: var(--simple-colors-default-theme-teal-9);\n            --chartist-color-8: var(\n              --simple-colors-default-theme-light-blue-10\n            );\n            --chartist-color-9: var(--simple-colors-default-theme-green-11);\n            --chartist-color-10: var(--simple-colors-default-theme-blue-9);\n            --chartist-color-11: var(--simple-colors-default-theme-cyan-10);\n            --chartist-color-12: var(--simple-colors-default-theme-teal-11);\n            --chartist-color-13: var(\n              --simple-colors-default-theme-light-blue-9\n            );\n            --chartist-color-14: var(--simple-colors-default-theme-green-10);\n            --chartist-color-15: var(--simple-colors-default-theme-blue-11);\n          }\n\n          :host([accent-color=\"teal\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-teal-9);\n            --chartist-color-2: var(--simple-colors-default-theme-green-10);\n            --chartist-color-3: var(--simple-colors-default-theme-cyan-11);\n            --chartist-color-4: var(\n              --simple-colors-default-theme-light-green-9\n            );\n            --chartist-color-5: var(\n              --simple-colors-default-theme-light-blue-10\n            );\n            --chartist-color-6: var(--simple-colors-default-theme-teal-11);\n            --chartist-color-7: var(--simple-colors-default-theme-green-9);\n            --chartist-color-8: var(--simple-colors-default-theme-cyan-10);\n            --chartist-color-9: var(\n              --simple-colors-default-theme-light-green-11\n            );\n            --chartist-color-10: var(\n              --simple-colors-default-theme-light-blue-9\n            );\n            --chartist-color-11: var(--simple-colors-default-theme-teal-10);\n            --chartist-color-12: var(--simple-colors-default-theme-green-11);\n            --chartist-color-13: var(--simple-colors-default-theme-cyan-9);\n            --chartist-color-14: var(\n              --simple-colors-default-theme-light-green-10\n            );\n            --chartist-color-15: var(\n              --simple-colors-default-theme-light-blue-11\n            );\n          }\n\n          :host([accent-color=\"green\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-green-9);\n            --chartist-color-2: var(\n              --simple-colors-default-theme-light-green-10\n            );\n            --chartist-color-3: var(--simple-colors-default-theme-teal-11);\n            --chartist-color-4: var(--simple-colors-default-theme-lime-9);\n            --chartist-color-5: var(--simple-colors-default-theme-cyan-10);\n            --chartist-color-6: var(--simple-colors-default-theme-green-11);\n            --chartist-color-7: var(\n              --simple-colors-default-theme-light-green-9\n            );\n            --chartist-color-8: var(--simple-colors-default-theme-teal-10);\n            --chartist-color-9: var(--simple-colors-default-theme-lime-11);\n            --chartist-color-10: var(--simple-colors-default-theme-cyan-9);\n            --chartist-color-11: var(--simple-colors-default-theme-green-10);\n            --chartist-color-12: var(\n              --simple-colors-default-theme-light-green-11\n            );\n            --chartist-color-13: var(--simple-colors-default-theme-teal-9);\n            --chartist-color-14: var(--simple-colors-default-theme-lime-10);\n            --chartist-color-15: var(--simple-colors-default-theme-cyan-11);\n          }\n\n          :host([accent-color=\"light-green\"]) {\n            --chartist-color-1: var(\n              --simple-colors-default-theme-light-green-9\n            );\n            --chartist-color-2: var(--simple-colors-default-theme-lime-10);\n            --chartist-color-3: var(--simple-colors-default-theme-green-11);\n            --chartist-color-4: var(--simple-colors-default-theme-amber-9);\n            --chartist-color-5: var(--simple-colors-default-theme-teal-10);\n            --chartist-color-6: var(\n              --simple-colors-default-theme-light-green-11\n            );\n            --chartist-color-7: var(--simple-colors-default-theme-lime-9);\n            --chartist-color-8: var(--simple-colors-default-theme-green-10);\n            --chartist-color-9: var(--simple-colors-default-theme-amber-11);\n            --chartist-color-10: var(--simple-colors-default-theme-teal-9);\n            --chartist-color-11: var(\n              --simple-colors-default-theme-light-green-10\n            );\n            --chartist-color-12: var(--simple-colors-default-theme-lime-11);\n            --chartist-color-13: var(--simple-colors-default-theme-green-9);\n            --chartist-color-14: var(--simple-colors-default-theme-amber-10);\n            --chartist-color-15: var(--simple-colors-default-theme-teal-11);\n          }\n\n          :host([accent-color=\"lime\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-lime-9);\n            --chartist-color-2: var(--simple-colors-default-theme-yellow-10);\n            --chartist-color-3: var(\n              --simple-colors-default-theme-light-green-11\n            );\n            --chartist-color-4: var(--simple-colors-default-theme-orange-9);\n            --chartist-color-5: var(--simple-colors-default-theme-green-10);\n            --chartist-color-6: var(--simple-colors-default-theme-lime-11);\n            --chartist-color-7: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-8: var(\n              --simple-colors-default-theme-light-green-10\n            );\n            --chartist-color-9: var(--simple-colors-default-theme-orange-11);\n            --chartist-color-10: var(--simple-colors-default-theme-green-9);\n            --chartist-color-11: var(--simple-colors-default-theme-lime-10);\n            --chartist-color-12: var(--simple-colors-default-theme-yellow-11);\n            --chartist-color-13: var(\n              --simple-colors-default-theme-light-green-9\n            );\n            --chartist-color-14: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-15: var(--simple-colors-default-theme-green-11);\n          }\n\n          :host([accent-color=\"yellow\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-2: var(--simple-colors-default-theme-amber-10);\n            --chartist-color-3: var(--simple-colors-default-theme-lime-11);\n            --chartist-color-4: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-5: var(\n              --simple-colors-default-theme-light-green-10\n            );\n            --chartist-color-6: var(--simple-colors-default-theme-yellow-11);\n            --chartist-color-7: var(--simple-colors-default-theme-amber-9);\n            --chartist-color-8: var(--simple-colors-default-theme-lime-10);\n            --chartist-color-9: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n            --chartist-color-10: var(\n              --simple-colors-default-theme-light-green-9\n            );\n            --chartist-color-11: var(--simple-colors-default-theme-yellow-10);\n            --chartist-color-12: var(--simple-colors-default-theme-amber-11);\n            --chartist-color-13: var(--simple-colors-default-theme-lime-9);\n            --chartist-color-14: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-15: var(\n              --simple-colors-default-theme-light-green-11\n            );\n          }\n\n          :host([accent-color=\"amber\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-amber-9);\n            --chartist-color-2: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-3: var(--simple-colors-default-theme-yellow-11);\n            --chartist-color-4: var(--simple-colors-default-theme-red-9);\n            --chartist-color-5: var(--simple-colors-default-theme-lime-10);\n            --chartist-color-6: var(--simple-colors-default-theme-amber-11);\n            --chartist-color-7: var(--simple-colors-default-theme-orange-9);\n            --chartist-color-8: var(--simple-colors-default-theme-yellow-10);\n            --chartist-color-9: var(--simple-colors-default-theme-red-11);\n            --chartist-color-10: var(--simple-colors-default-theme-lime-9);\n            --chartist-color-11: var(--simple-colors-default-theme-amber-10);\n            --chartist-color-12: var(--simple-colors-default-theme-orange-11);\n            --chartist-color-13: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-14: var(--simple-colors-default-theme-red-10);\n            --chartist-color-15: var(--simple-colors-default-theme-lime-11);\n          }\n\n          :host([accent-color=\"orange\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-orange-9);\n            --chartist-color-2: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-3: var(--simple-colors-default-theme-amber-11);\n            --chartist-color-4: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-5: var(--simple-colors-default-theme-yellow-10);\n            --chartist-color-6: var(--simple-colors-default-theme-orange-11);\n            --chartist-color-7: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-8: var(--simple-colors-default-theme-amber-10);\n            --chartist-color-9: var(--simple-colors-default-theme-pink-11);\n            --chartist-color-10: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-11: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-12: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n            --chartist-color-13: var(--simple-colors-default-theme-amber-9);\n            --chartist-color-14: var(--simple-colors-default-theme-pink-10);\n            --chartist-color-15: var(--simple-colors-default-theme-yellow-11);\n          }\n\n          :host([accent-color=\"deep-orange\"]) {\n            --chartist-color-1: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-2: var(--simple-colors-default-theme-red-10);\n            --chartist-color-3: var(--simple-colors-default-theme-orange-11);\n            --chartist-color-4: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-5: var(--simple-colors-default-theme-amber-10);\n            --chartist-color-6: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n            --chartist-color-7: var(--simple-colors-default-theme-red-9);\n            --chartist-color-8: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-9: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-10: var(--simple-colors-default-theme-amber-9);\n            --chartist-color-11: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-12: var(--simple-colors-default-theme-red-11);\n            --chartist-color-13: var(--simple-colors-default-theme-orange-9);\n            --chartist-color-14: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-15: var(--simple-colors-default-theme-amber-11);\n          }\n\n          :host([accent-color=\"brown\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-brown-9);\n            --chartist-color-2: var(--simple-colors-default-theme-red-10);\n            --chartist-color-3: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n            --chartist-color-4: var(--simple-colors-default-theme-brown-12);\n            --chartist-color-5: var(--simple-colors-default-theme-red-13);\n            --chartist-color-6: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-7: var(--simple-colors-default-theme-brown-10);\n            --chartist-color-8: var(--simple-colors-default-theme-red-11);\n            --chartist-color-9: var(\n              --simple-colors-default-theme-deep-orange-12\n            );\n            --chartist-color-10: var(--simple-colors-default-theme-brown-13);\n            --chartist-color-11: var(--simple-colors-default-theme-red-9);\n            --chartist-color-12: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-13: var(--simple-colors-default-theme-brown-11);\n            --chartist-color-14: var(--simple-colors-default-theme-red-12);\n            --chartist-color-15: var(\n              --simple-colors-default-theme-deep-orange-13\n            );\n          }\n\n          #chart,\n          ::slotted(table) {\n            font-family: sans-serif;\n            --chartist-grid-color: var(--simple-colors-default-theme-grey-6);\n            --chartist-bg-color: var(--simple-colors-default-theme-grey-1);\n            --chartist-text-color: var(--simple-colors-default-theme-grey-12);\n          }\n\n          :host([label-position=\"inside\"]) .ct-label {\n            --chartist-text-color: var(--simple-colors-default-theme-grey-1);\n          }\n\n          :host([dark]) ::slotted(table) {\n            --chartist-text-color: var(--simple-colors-default-theme-grey-12);\n            --chartist-grid-color: var(--simple-colors-default-theme-grey-6);\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), babelHelpers.toConsumableArray(_simpleColors.SimpleColors.styles), [(0, _index.css)(_templateObject2_84bb02201f2611eda0c389891c227ec8 || (_templateObject2_84bb02201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            background-color: var(--simple-colors-default-theme-grey-1);\n            color: var(--simple-colors-default-theme-grey-12);\n            --chartist-color-1: var(--simple-colors-default-theme-red-9);\n            --chartist-color-2: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-3: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-4: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-5: var(--simple-colors-default-theme-green-9);\n            --chartist-color-6: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-7: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-8: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-9: var(--simple-colors-default-theme-red-9);\n            --chartist-color-10: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-11: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-12: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-13: var(--simple-colors-default-theme-green-9);\n            --chartist-color-14: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-15: var(--simple-colors-default-theme-pink-9);\n          }\n\n          :host([dark]) {\n            --chartist-padding: 10px;\n          }\n\n          :host([accent-color=\"red\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-red-9);\n            --chartist-color-2: var(--simple-colors-default-theme-pink-10);\n            --chartist-color-3: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n            --chartist-color-4: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-5: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-6: var(--simple-colors-default-theme-red-11);\n            --chartist-color-7: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-8: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-9: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-10: var(--simple-colors-default-theme-orange-9);\n            --chartist-color-11: var(--simple-colors-default-theme-red-10);\n            --chartist-color-12: var(--simple-colors-default-theme-pink-11);\n            --chartist-color-13: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-14: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-15: var(--simple-colors-default-theme-orange-11);\n          }\n\n          :host([accent-color=\"pink\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-2: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-3: var(--simple-colors-default-theme-red-11);\n            --chartist-color-4: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-5: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-6: var(--simple-colors-default-theme-pink-11);\n            --chartist-color-7: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-8: var(--simple-colors-default-theme-red-10);\n            --chartist-color-9: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-10: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-11: var(--simple-colors-default-theme-pink-10);\n            --chartist-color-12: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-13: var(--simple-colors-default-theme-red-9);\n            --chartist-color-14: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-15: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n          }\n\n          :host([accent-color=\"purple\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-2: var(\n              --simple-colors-default-theme-deep-purple-10\n            );\n            --chartist-color-3: var(--simple-colors-default-theme-pink-11);\n            --chartist-color-4: var(--simple-colors-default-theme-indigo-9);\n            --chartist-color-5: var(--simple-colors-default-theme-red-10);\n            --chartist-color-6: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-7: var(\n              --simple-colors-default-theme-deep-purple-9\n            );\n            --chartist-color-8: var(--simple-colors-default-theme-pink-10);\n            --chartist-color-9: var(--simple-colors-default-theme-indigo-11);\n            --chartist-color-10: var(--simple-colors-default-theme-red-9);\n            --chartist-color-11: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-12: var(\n              --simple-colors-default-theme-deep-purple-11\n            );\n            --chartist-color-13: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-14: var(--simple-colors-default-theme-indigo-10);\n            --chartist-color-15: var(--simple-colors-default-theme-red-11);\n          }\n\n          :host([accent-color=\"deep-purple\"]) {\n            --chartist-color-1: var(\n              --simple-colors-default-theme-deep-purple-9\n            );\n            --chartist-color-2: var(--simple-colors-default-theme-indigo-10);\n            --chartist-color-3: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-4: var(--simple-colors-default-theme-blue-9);\n            --chartist-color-5: var(--simple-colors-default-theme-pink-10);\n            --chartist-color-6: var(\n              --simple-colors-default-theme-deep-purple-11\n            );\n            --chartist-color-7: var(--simple-colors-default-theme-indigo-9);\n            --chartist-color-8: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-9: var(--simple-colors-default-theme-blue-11);\n            --chartist-color-10: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-11: var(\n              --simple-colors-default-theme-deep-purple-10\n            );\n            --chartist-color-12: var(--simple-colors-default-theme-indigo-11);\n            --chartist-color-13: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-14: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-15: var(--simple-colors-default-theme-pink-11);\n          }\n\n          :host([accent-color=\"indigo\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-indigo-9);\n            --chartist-color-2: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-3: var(\n              --simple-colors-default-theme-deep-purple-11\n            );\n            --chartist-color-4: var(--simple-colors-default-theme-light-blue-9);\n            --chartist-color-5: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-6: var(--simple-colors-default-theme-indigo-11);\n            --chartist-color-7: var(--simple-colors-default-theme-blue-9);\n            --chartist-color-8: var(\n              --simple-colors-default-theme-deep-purple-10\n            );\n            --chartist-color-9: var(\n              --simple-colors-default-theme-light-blue-11\n            );\n            --chartist-color-10: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-11: var(--simple-colors-default-theme-indigo-10);\n            --chartist-color-12: var(--simple-colors-default-theme-blue-11);\n            --chartist-color-13: var(\n              --simple-colors-default-theme-deep-purple-9\n            );\n            --chartist-color-14: var(\n              --simple-colors-default-theme-light-blue-10\n            );\n            --chartist-color-15: var(--simple-colors-default-theme-purple-11);\n          }\n\n          :host([accent-color=\"blue\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-blue-9);\n            --chartist-color-2: var(\n              --simple-colors-default-theme-light-blue-10\n            );\n            --chartist-color-3: var(--simple-colors-default-theme-indigo-11);\n            --chartist-color-4: var(--simple-colors-default-theme-cyan-9);\n            --chartist-color-5: var(\n              --simple-colors-default-theme-deep-purple-10\n            );\n            --chartist-color-6: var(--simple-colors-default-theme-blue-11);\n            --chartist-color-7: var(--simple-colors-default-theme-light-blue-9);\n            --chartist-color-8: var(--simple-colors-default-theme-indigo-10);\n            --chartist-color-9: var(--simple-colors-default-theme-cyan-11);\n            --chartist-color-10: var(\n              --simple-colors-default-theme-deep-purple-9\n            );\n            --chartist-color-11: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-12: var(\n              --simple-colors-default-theme-light-blue-11\n            );\n            --chartist-color-13: var(--simple-colors-default-theme-indigo-9);\n            --chartist-color-14: var(--simple-colors-default-theme-cyan-10);\n            --chartist-color-15: var(\n              --simple-colors-default-theme-deep-purple-11\n            );\n          }\n\n          :host([accent-color=\"light-blue\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-light-blue-9);\n            --chartist-color-2: var(--simple-colors-default-theme-cyan-10);\n            --chartist-color-3: var(--simple-colors-default-theme-blue-11);\n            --chartist-color-4: var(--simple-colors-default-theme-teal-9);\n            --chartist-color-5: var(--simple-colors-default-theme-indigo-10);\n            --chartist-color-6: var(\n              --simple-colors-default-theme-light-blue-11\n            );\n            --chartist-color-7: var(--simple-colors-default-theme-cyan-9);\n            --chartist-color-8: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-9: var(--simple-colors-default-theme-teal-11);\n            --chartist-color-10: var(--simple-colors-default-theme-indigo-9);\n            --chartist-color-11: var(\n              --simple-colors-default-theme-light-blue-10\n            );\n            --chartist-color-12: var(--simple-colors-default-theme-cyan-11);\n            --chartist-color-13: var(--simple-colors-default-theme-blue-9);\n            --chartist-color-14: var(--simple-colors-default-theme-teal-10);\n            --chartist-color-15: var(--simple-colors-default-theme-indigo-11);\n          }\n\n          :host([accent-color=\"cyan\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-cyan-9);\n            --chartist-color-2: var(--simple-colors-default-theme-teal-10);\n            --chartist-color-3: var(\n              --simple-colors-default-theme-light-blue-11\n            );\n            --chartist-color-4: var(--simple-colors-default-theme-green-9);\n            --chartist-color-5: var(--simple-colors-default-theme-blue-10);\n            --chartist-color-6: var(--simple-colors-default-theme-cyan-11);\n            --chartist-color-7: var(--simple-colors-default-theme-teal-9);\n            --chartist-color-8: var(\n              --simple-colors-default-theme-light-blue-10\n            );\n            --chartist-color-9: var(--simple-colors-default-theme-green-11);\n            --chartist-color-10: var(--simple-colors-default-theme-blue-9);\n            --chartist-color-11: var(--simple-colors-default-theme-cyan-10);\n            --chartist-color-12: var(--simple-colors-default-theme-teal-11);\n            --chartist-color-13: var(\n              --simple-colors-default-theme-light-blue-9\n            );\n            --chartist-color-14: var(--simple-colors-default-theme-green-10);\n            --chartist-color-15: var(--simple-colors-default-theme-blue-11);\n          }\n\n          :host([accent-color=\"teal\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-teal-9);\n            --chartist-color-2: var(--simple-colors-default-theme-green-10);\n            --chartist-color-3: var(--simple-colors-default-theme-cyan-11);\n            --chartist-color-4: var(\n              --simple-colors-default-theme-light-green-9\n            );\n            --chartist-color-5: var(\n              --simple-colors-default-theme-light-blue-10\n            );\n            --chartist-color-6: var(--simple-colors-default-theme-teal-11);\n            --chartist-color-7: var(--simple-colors-default-theme-green-9);\n            --chartist-color-8: var(--simple-colors-default-theme-cyan-10);\n            --chartist-color-9: var(\n              --simple-colors-default-theme-light-green-11\n            );\n            --chartist-color-10: var(\n              --simple-colors-default-theme-light-blue-9\n            );\n            --chartist-color-11: var(--simple-colors-default-theme-teal-10);\n            --chartist-color-12: var(--simple-colors-default-theme-green-11);\n            --chartist-color-13: var(--simple-colors-default-theme-cyan-9);\n            --chartist-color-14: var(\n              --simple-colors-default-theme-light-green-10\n            );\n            --chartist-color-15: var(\n              --simple-colors-default-theme-light-blue-11\n            );\n          }\n\n          :host([accent-color=\"green\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-green-9);\n            --chartist-color-2: var(\n              --simple-colors-default-theme-light-green-10\n            );\n            --chartist-color-3: var(--simple-colors-default-theme-teal-11);\n            --chartist-color-4: var(--simple-colors-default-theme-lime-9);\n            --chartist-color-5: var(--simple-colors-default-theme-cyan-10);\n            --chartist-color-6: var(--simple-colors-default-theme-green-11);\n            --chartist-color-7: var(\n              --simple-colors-default-theme-light-green-9\n            );\n            --chartist-color-8: var(--simple-colors-default-theme-teal-10);\n            --chartist-color-9: var(--simple-colors-default-theme-lime-11);\n            --chartist-color-10: var(--simple-colors-default-theme-cyan-9);\n            --chartist-color-11: var(--simple-colors-default-theme-green-10);\n            --chartist-color-12: var(\n              --simple-colors-default-theme-light-green-11\n            );\n            --chartist-color-13: var(--simple-colors-default-theme-teal-9);\n            --chartist-color-14: var(--simple-colors-default-theme-lime-10);\n            --chartist-color-15: var(--simple-colors-default-theme-cyan-11);\n          }\n\n          :host([accent-color=\"light-green\"]) {\n            --chartist-color-1: var(\n              --simple-colors-default-theme-light-green-9\n            );\n            --chartist-color-2: var(--simple-colors-default-theme-lime-10);\n            --chartist-color-3: var(--simple-colors-default-theme-green-11);\n            --chartist-color-4: var(--simple-colors-default-theme-amber-9);\n            --chartist-color-5: var(--simple-colors-default-theme-teal-10);\n            --chartist-color-6: var(\n              --simple-colors-default-theme-light-green-11\n            );\n            --chartist-color-7: var(--simple-colors-default-theme-lime-9);\n            --chartist-color-8: var(--simple-colors-default-theme-green-10);\n            --chartist-color-9: var(--simple-colors-default-theme-amber-11);\n            --chartist-color-10: var(--simple-colors-default-theme-teal-9);\n            --chartist-color-11: var(\n              --simple-colors-default-theme-light-green-10\n            );\n            --chartist-color-12: var(--simple-colors-default-theme-lime-11);\n            --chartist-color-13: var(--simple-colors-default-theme-green-9);\n            --chartist-color-14: var(--simple-colors-default-theme-amber-10);\n            --chartist-color-15: var(--simple-colors-default-theme-teal-11);\n          }\n\n          :host([accent-color=\"lime\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-lime-9);\n            --chartist-color-2: var(--simple-colors-default-theme-yellow-10);\n            --chartist-color-3: var(\n              --simple-colors-default-theme-light-green-11\n            );\n            --chartist-color-4: var(--simple-colors-default-theme-orange-9);\n            --chartist-color-5: var(--simple-colors-default-theme-green-10);\n            --chartist-color-6: var(--simple-colors-default-theme-lime-11);\n            --chartist-color-7: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-8: var(\n              --simple-colors-default-theme-light-green-10\n            );\n            --chartist-color-9: var(--simple-colors-default-theme-orange-11);\n            --chartist-color-10: var(--simple-colors-default-theme-green-9);\n            --chartist-color-11: var(--simple-colors-default-theme-lime-10);\n            --chartist-color-12: var(--simple-colors-default-theme-yellow-11);\n            --chartist-color-13: var(\n              --simple-colors-default-theme-light-green-9\n            );\n            --chartist-color-14: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-15: var(--simple-colors-default-theme-green-11);\n          }\n\n          :host([accent-color=\"yellow\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-2: var(--simple-colors-default-theme-amber-10);\n            --chartist-color-3: var(--simple-colors-default-theme-lime-11);\n            --chartist-color-4: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-5: var(\n              --simple-colors-default-theme-light-green-10\n            );\n            --chartist-color-6: var(--simple-colors-default-theme-yellow-11);\n            --chartist-color-7: var(--simple-colors-default-theme-amber-9);\n            --chartist-color-8: var(--simple-colors-default-theme-lime-10);\n            --chartist-color-9: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n            --chartist-color-10: var(\n              --simple-colors-default-theme-light-green-9\n            );\n            --chartist-color-11: var(--simple-colors-default-theme-yellow-10);\n            --chartist-color-12: var(--simple-colors-default-theme-amber-11);\n            --chartist-color-13: var(--simple-colors-default-theme-lime-9);\n            --chartist-color-14: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-15: var(\n              --simple-colors-default-theme-light-green-11\n            );\n          }\n\n          :host([accent-color=\"amber\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-amber-9);\n            --chartist-color-2: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-3: var(--simple-colors-default-theme-yellow-11);\n            --chartist-color-4: var(--simple-colors-default-theme-red-9);\n            --chartist-color-5: var(--simple-colors-default-theme-lime-10);\n            --chartist-color-6: var(--simple-colors-default-theme-amber-11);\n            --chartist-color-7: var(--simple-colors-default-theme-orange-9);\n            --chartist-color-8: var(--simple-colors-default-theme-yellow-10);\n            --chartist-color-9: var(--simple-colors-default-theme-red-11);\n            --chartist-color-10: var(--simple-colors-default-theme-lime-9);\n            --chartist-color-11: var(--simple-colors-default-theme-amber-10);\n            --chartist-color-12: var(--simple-colors-default-theme-orange-11);\n            --chartist-color-13: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-14: var(--simple-colors-default-theme-red-10);\n            --chartist-color-15: var(--simple-colors-default-theme-lime-11);\n          }\n\n          :host([accent-color=\"orange\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-orange-9);\n            --chartist-color-2: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-3: var(--simple-colors-default-theme-amber-11);\n            --chartist-color-4: var(--simple-colors-default-theme-pink-9);\n            --chartist-color-5: var(--simple-colors-default-theme-yellow-10);\n            --chartist-color-6: var(--simple-colors-default-theme-orange-11);\n            --chartist-color-7: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-8: var(--simple-colors-default-theme-amber-10);\n            --chartist-color-9: var(--simple-colors-default-theme-pink-11);\n            --chartist-color-10: var(--simple-colors-default-theme-yellow-9);\n            --chartist-color-11: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-12: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n            --chartist-color-13: var(--simple-colors-default-theme-amber-9);\n            --chartist-color-14: var(--simple-colors-default-theme-pink-10);\n            --chartist-color-15: var(--simple-colors-default-theme-yellow-11);\n          }\n\n          :host([accent-color=\"deep-orange\"]) {\n            --chartist-color-1: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-2: var(--simple-colors-default-theme-red-10);\n            --chartist-color-3: var(--simple-colors-default-theme-orange-11);\n            --chartist-color-4: var(--simple-colors-default-theme-purple-9);\n            --chartist-color-5: var(--simple-colors-default-theme-amber-10);\n            --chartist-color-6: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n            --chartist-color-7: var(--simple-colors-default-theme-red-9);\n            --chartist-color-8: var(--simple-colors-default-theme-orange-10);\n            --chartist-color-9: var(--simple-colors-default-theme-purple-11);\n            --chartist-color-10: var(--simple-colors-default-theme-amber-9);\n            --chartist-color-11: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-12: var(--simple-colors-default-theme-red-11);\n            --chartist-color-13: var(--simple-colors-default-theme-orange-9);\n            --chartist-color-14: var(--simple-colors-default-theme-purple-10);\n            --chartist-color-15: var(--simple-colors-default-theme-amber-11);\n          }\n\n          :host([accent-color=\"brown\"]) {\n            --chartist-color-1: var(--simple-colors-default-theme-brown-9);\n            --chartist-color-2: var(--simple-colors-default-theme-red-10);\n            --chartist-color-3: var(\n              --simple-colors-default-theme-deep-orange-11\n            );\n            --chartist-color-4: var(--simple-colors-default-theme-brown-12);\n            --chartist-color-5: var(--simple-colors-default-theme-red-13);\n            --chartist-color-6: var(\n              --simple-colors-default-theme-deep-orange-9\n            );\n            --chartist-color-7: var(--simple-colors-default-theme-brown-10);\n            --chartist-color-8: var(--simple-colors-default-theme-red-11);\n            --chartist-color-9: var(\n              --simple-colors-default-theme-deep-orange-12\n            );\n            --chartist-color-10: var(--simple-colors-default-theme-brown-13);\n            --chartist-color-11: var(--simple-colors-default-theme-red-9);\n            --chartist-color-12: var(\n              --simple-colors-default-theme-deep-orange-10\n            );\n            --chartist-color-13: var(--simple-colors-default-theme-brown-11);\n            --chartist-color-14: var(--simple-colors-default-theme-red-12);\n            --chartist-color-15: var(\n              --simple-colors-default-theme-deep-orange-13\n            );\n          }\n\n          #chart,\n          ::slotted(table) {\n            font-family: sans-serif;\n            --chartist-grid-color: var(--simple-colors-default-theme-grey-6);\n            --chartist-bg-color: var(--simple-colors-default-theme-grey-1);\n            --chartist-text-color: var(--simple-colors-default-theme-grey-12);\n          }\n\n          :host([label-position=\"inside\"]) .ct-label {\n            --chartist-text-color: var(--simple-colors-default-theme-grey-1);\n          }\n\n          :host([dark]) ::slotted(table) {\n            --chartist-text-color: var(--simple-colors-default-theme-grey-12);\n            --chartist-grid-color: var(--simple-colors-default-theme-grey-6);\n          }\n        "])))]);
         }
       }, {
         key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-comment/lrndesign-comment.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-comment/lrndesign-comment.js
index 8367127b6e6..701d2175a43 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-comment/lrndesign-comment.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-comment/lrndesign-comment.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../lrndesign-av
   });
   _exports.LrndesignComment = void 0;
 
-  var _templateObject_a9f50ca01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8460d4301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -32,7 +32,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../lrndesign-av
     babelHelpers.createClass(LrndesignComment, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_a9f50ca01f0511ed8cc3e9a95995ad69 || (_templateObject_a9f50ca01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        .comment-left {\n          float: left;\n          display: inline-block;\n        }\n        .comment-right {\n          display: inline-block;\n        }\n      </style>\n      <div class=\"comment-container\">\n        <div class=\"comment-left\"><lrndesign-avatar></lrndesign-avatar></div>\n        <div class=\"comment-right\">\n          <div class=\"row-1\">\n            <span>{{name}}</span>\n            <relative-time datetime$=\"{{date}}\"> </relative-time>\n          </div>\n          <div class=\"row-2\"><slot></slot></div>\n          <div class=\"row-3\">{{links}}</div>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_8460d4301f2611eda0c389891c227ec8 || (_templateObject_8460d4301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        .comment-left {\n          float: left;\n          display: inline-block;\n        }\n        .comment-right {\n          display: inline-block;\n        }\n      </style>\n      <div class=\"comment-container\">\n        <div class=\"comment-left\"><lrndesign-avatar></lrndesign-avatar></div>\n        <div class=\"comment-right\">\n          <div class=\"row-1\">\n            <span>{{name}}</span>\n            <relative-time datetime$=\"{{date}}\"> </relative-time>\n          </div>\n          <div class=\"row-2\"><slot></slot></div>\n          <div class=\"row-3\">{{links}}</div>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-contactcard/lrndesign-contactcard.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-contactcard/lrndesign-contactcard.js
index 99d3ce39546..09e27c17f5a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-contactcard/lrndesign-contactcard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-contactcard/lrndesign-contactcard.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
   _exports.LrndesignContactcard = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a9f72f801f0511ed8cc3e9a95995ad69;
+  var _templateObject_8462d0001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -42,7 +42,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     babelHelpers.createClass(LrndesignContactcard, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_a9f72f801f0511ed8cc3e9a95995ad69 || (_templateObject_a9f72f801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --contactcard-icons-hover-color: gray;\n          --contactcard-icons-fill-color: #aeaeae;\n        }\n\n        .name {\n          text-align: center;\n          min-height: 16px;\n        }\n        .name div {\n          font-size: 24px;\n          margin-bottom: 12px;\n        }\n\n        #img_wrap {\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n        }\n\n        .profile-image {\n          background-color: #aeaeae;\n          padding: 4px;\n          border-radius: 50%;\n          width: 50%;\n          min-height: 160px;\n          margin-top: 25px;\n        }\n\n        .position {\n          text-align: center;\n          font-style: italic;\n          font-size: 16px;\n          margin: -10px 0 10px;\n        }\n\n        .organization {\n          text-align: center;\n          font-size: 14px;\n          margin: -8px 0 10px;\n        }\n\n        #mail {\n          width: 35px;\n          height: 35px;\n          color: var(--contactcard-icons-fill-color);\n        }\n\n        #mail:hover,\n        #mail:focus {\n          color: var(--contactcard-icons-hover-color);\n        }\n\n        #phone {\n          width: 35px;\n          height: 35px;\n          color: var(--contactcard-icons-fill-color);\n        }\n\n        #phone:hover,\n        #phone:focus {\n          color: var(--contactcard-icons-hover-color);\n        }\n\n        #twitter {\n          width: 35px;\n          height: 35px;\n          color: var(--contactcard-icons-fill-color);\n        }\n        #twitter:hover,\n        #twitter:focus {\n          color: var(--contactcard-icons-hover-color);\n        }\n\n        #website {\n          width: 35px;\n          height: 35px;\n          color: var(--contactcard-icons-fill-color);\n        }\n        #website:hover,\n        #website:focus {\n          color: var(--contactcard-icons-hover-color);\n        }\n\n        #group_icons {\n          width: 70%;\n          margin-left: auto;\n          margin-right: auto;\n          margin-bottom: 10px;\n          border-top: 2px #aeaeae solid;\n          padding-top: 5px;\n        }\n\n        .icons {\n          display: flex;\n          justify-content: center;\n          align-items: flext-start;\n          padding-top: 5px;\n        }\n\n        button {\n          padding: 0;\n          margin: 0 8px;\n          display: block;\n          min-width: 16px;\n          background-color: transparent;\n          border: 0px solid transparent;\n        }\n      </style>\n      <div class=\"card\">\n        <div id=\"img_wrap\">\n          <img loading=\"lazy\" class=\"profile-image\" src=\"[[image]]\" />\n        </div>\n        <div class=\"name\">\n          <template is=\"dom-if\" if=\"[[name]]\">\n            <div>[[name]]</div>\n          </template>\n        </div>\n        <div class=\"position\">[[position]]</div>\n        <div class=\"organization\">[[organization]]</div>\n        <div id=\"group_icons\">\n          <div class=\"icons\">\n            <template is=\"dom-if\" if=\"[[email]]\">\n              <a tabindex=\"-1\" href$=\"mailto:[[email]]\">\n                <button id=\"mail\" title$=\"Email address [[email]]\">\n                  <simple-icon-lite\n                    icon=\"mail\"\n                    class=\"mail_icon\"\n                  ></simple-icon-lite>\n                </button>\n              </a>\n              <simple-tooltip for=\"mail\" position=\"bottom\"\n                >Email</simple-tooltip\n              >\n            </template>\n            <template is=\"dom-if\" if=\"[[phone]]\">\n              <a tabindex=\"-1\" href$=\"tel:[[phone]]\">\n                <button id=\"phone\" title$=\"Phone number [[phone]]\">\n                  <simple-icon-lite\n                    icon=\"maps:local-phone\"\n                    class=\"phone_icon\"\n                  ></simple-icon-lite>\n                </button>\n              </a>\n              <simple-tooltip for=\"phone\" position=\"bottom\"\n                >Call</simple-tooltip\n              >\n            </template>\n            <template is=\"dom-if\" if=\"[[website]]\">\n              <a tabindex=\"-1\" href$=\"[[website]]\">\n                <button id=\"website\" title$=\"Website address [[website]]\">\n                  <simple-icon-lite\n                    icon=\"hardware:desktop-windows\"\n                    class=\"computer_icon\"\n                  ></simple-icon-lite>\n                </button>\n              </a>\n              <simple-tooltip for=\"website\" position=\"bottom\"\n                >Visit</simple-tooltip\n              >\n            </template>\n            <template is=\"dom-if\" if=\"[[twitter]]\">\n              <a tabindex=\"-1\" href$=\"[[twitter]]\">\n                <button id=\"twitter\" title$=\"Twitter name [[twitter]]\">\n                  <simple-icon-lite\n                    icon=\"twitter\"\n                    color=\"#aeaeae\"\n                    size=\"35\"\n                    class=\"twitter_icon\"\n                  ></simple-icon-lite>\n                </button>\n              </a>\n              <simple-tooltip for=\"twitter\" position=\"bottom\"\n                >Connect</simple-tooltip\n              >\n            </template>\n          </div>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_8462d0001f2611eda0c389891c227ec8 || (_templateObject_8462d0001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --contactcard-icons-hover-color: gray;\n          --contactcard-icons-fill-color: #aeaeae;\n        }\n\n        .name {\n          text-align: center;\n          min-height: 16px;\n        }\n        .name div {\n          font-size: 24px;\n          margin-bottom: 12px;\n        }\n\n        #img_wrap {\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n        }\n\n        .profile-image {\n          background-color: #aeaeae;\n          padding: 4px;\n          border-radius: 50%;\n          width: 50%;\n          min-height: 160px;\n          margin-top: 25px;\n        }\n\n        .position {\n          text-align: center;\n          font-style: italic;\n          font-size: 16px;\n          margin: -10px 0 10px;\n        }\n\n        .organization {\n          text-align: center;\n          font-size: 14px;\n          margin: -8px 0 10px;\n        }\n\n        #mail {\n          width: 35px;\n          height: 35px;\n          color: var(--contactcard-icons-fill-color);\n        }\n\n        #mail:hover,\n        #mail:focus {\n          color: var(--contactcard-icons-hover-color);\n        }\n\n        #phone {\n          width: 35px;\n          height: 35px;\n          color: var(--contactcard-icons-fill-color);\n        }\n\n        #phone:hover,\n        #phone:focus {\n          color: var(--contactcard-icons-hover-color);\n        }\n\n        #twitter {\n          width: 35px;\n          height: 35px;\n          color: var(--contactcard-icons-fill-color);\n        }\n        #twitter:hover,\n        #twitter:focus {\n          color: var(--contactcard-icons-hover-color);\n        }\n\n        #website {\n          width: 35px;\n          height: 35px;\n          color: var(--contactcard-icons-fill-color);\n        }\n        #website:hover,\n        #website:focus {\n          color: var(--contactcard-icons-hover-color);\n        }\n\n        #group_icons {\n          width: 70%;\n          margin-left: auto;\n          margin-right: auto;\n          margin-bottom: 10px;\n          border-top: 2px #aeaeae solid;\n          padding-top: 5px;\n        }\n\n        .icons {\n          display: flex;\n          justify-content: center;\n          align-items: flext-start;\n          padding-top: 5px;\n        }\n\n        button {\n          padding: 0;\n          margin: 0 8px;\n          display: block;\n          min-width: 16px;\n          background-color: transparent;\n          border: 0px solid transparent;\n        }\n      </style>\n      <div class=\"card\">\n        <div id=\"img_wrap\">\n          <img loading=\"lazy\" class=\"profile-image\" src=\"[[image]]\" />\n        </div>\n        <div class=\"name\">\n          <template is=\"dom-if\" if=\"[[name]]\">\n            <div>[[name]]</div>\n          </template>\n        </div>\n        <div class=\"position\">[[position]]</div>\n        <div class=\"organization\">[[organization]]</div>\n        <div id=\"group_icons\">\n          <div class=\"icons\">\n            <template is=\"dom-if\" if=\"[[email]]\">\n              <a tabindex=\"-1\" href$=\"mailto:[[email]]\">\n                <button id=\"mail\" title$=\"Email address [[email]]\">\n                  <simple-icon-lite\n                    icon=\"mail\"\n                    class=\"mail_icon\"\n                  ></simple-icon-lite>\n                </button>\n              </a>\n              <simple-tooltip for=\"mail\" position=\"bottom\"\n                >Email</simple-tooltip\n              >\n            </template>\n            <template is=\"dom-if\" if=\"[[phone]]\">\n              <a tabindex=\"-1\" href$=\"tel:[[phone]]\">\n                <button id=\"phone\" title$=\"Phone number [[phone]]\">\n                  <simple-icon-lite\n                    icon=\"maps:local-phone\"\n                    class=\"phone_icon\"\n                  ></simple-icon-lite>\n                </button>\n              </a>\n              <simple-tooltip for=\"phone\" position=\"bottom\"\n                >Call</simple-tooltip\n              >\n            </template>\n            <template is=\"dom-if\" if=\"[[website]]\">\n              <a tabindex=\"-1\" href$=\"[[website]]\">\n                <button id=\"website\" title$=\"Website address [[website]]\">\n                  <simple-icon-lite\n                    icon=\"hardware:desktop-windows\"\n                    class=\"computer_icon\"\n                  ></simple-icon-lite>\n                </button>\n              </a>\n              <simple-tooltip for=\"website\" position=\"bottom\"\n                >Visit</simple-tooltip\n              >\n            </template>\n            <template is=\"dom-if\" if=\"[[twitter]]\">\n              <a tabindex=\"-1\" href$=\"[[twitter]]\">\n                <button id=\"twitter\" title$=\"Twitter name [[twitter]]\">\n                  <simple-icon-lite\n                    icon=\"twitter\"\n                    color=\"#aeaeae\"\n                    size=\"35\"\n                    class=\"twitter_icon\"\n                  ></simple-icon-lite>\n                </button>\n              </a>\n              <simple-tooltip for=\"twitter\" position=\"bottom\"\n                >Connect</simple-tooltip\n              >\n            </template>\n          </div>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-contentblock/lrndesign-contentblock.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-contentblock/lrndesign-contentblock.js
index 54fa1024736..c661ce4964c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-contentblock/lrndesign-contentblock.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-contentblock/lrndesign-contentblock.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
   });
   _exports.LrndesignContentblock = void 0;
 
-  var _templateObject_ac179e801f0511ed8cc3e9a95995ad69;
+  var _templateObject_8671b2d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -31,7 +31,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
     babelHelpers.createClass(LrndesignContentblock, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_ac179e801f0511ed8cc3e9a95995ad69 || (_templateObject_ac179e801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-block;\n          position: relative;\n          box-sizing: border-box;\n        }\n      </style>\n      <h3>[[title]]</h3>\n      <slot></slot>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_8671b2d01f2611eda0c389891c227ec8 || (_templateObject_8671b2d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-block;\n          position: relative;\n          box-sizing: border-box;\n        }\n      </style>\n      <h3>[[title]]</h3>\n      <slot></slot>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-course-banner/lrndesign-course-banner.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-course-banner/lrndesign-course-banner.js
index 858a8cb3840..90c76b92398 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-course-banner/lrndesign-course-banner.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-course-banner/lrndesign-course-banner.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
   _exports.LrndesignCourseBanner = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a9fad9001f0511ed8cc3e9a95995ad69;
+  var _templateObject_84662b601f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -41,7 +41,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
     babelHelpers.createClass(LrndesignCourseBanner, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_a9fad9001f0511ed8cc3e9a95995ad69 || (_templateObject_a9fad9001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        /**\n       * Dialog\n       */\n        .course-image {\n        }\n        .course-heading {\n          position: relative;\n          background-color: rgba(30, 30, 30, 0.8);\n          text-align: left;\n          margin: -5em 0 0 0;\n          padding: 16px;\n          color: #ffffff;\n          height: 64px;\n        }\n        .course-avatar {\n          float: left;\n          display: inline-flex;\n          padding: 0 16px 0 0;\n        }\n        .course-name {\n          font-size: 16px;\n          line-height: 16px;\n          min-width: 96px;\n        }\n        .course-title {\n          font-size: 16px;\n          line-height: 16px;\n          display: none;\n        }\n        .name-wrapper {\n          display: flow-root;\n          overflow: hidden;\n          text-overflow: clip;\n        }\n        @media screen and (min-width: 420px) {\n          .course-name {\n            font-size: 24px;\n          }\n          .course-title {\n            display: block;\n          }\n        }\n      </style>\n      <img\n        class=\"course-image\"\n        style=\"width:100%; height:200px; background-color: lightgray;\"\n        loading=\"lazy\"\n        src$=\"[[image]]\"\n      />\n      <div class=\"course-heading\">\n        <lrndesign-avatar\n          class=\"course-avatar\"\n          label=\"[[name]]\"\n          jdenticon=\"\"\n          color=\"[[color]]\"\n        >\n        </lrndesign-avatar>\n        <div class=\"name-wrapper\">\n          <div class=\"course-name\">[[name]]</div>\n          <div class=\"course-title\">[[title]]</div>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_84662b601f2611eda0c389891c227ec8 || (_templateObject_84662b601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        /**\n       * Dialog\n       */\n        .course-image {\n        }\n        .course-heading {\n          position: relative;\n          background-color: rgba(30, 30, 30, 0.8);\n          text-align: left;\n          margin: -5em 0 0 0;\n          padding: 16px;\n          color: #ffffff;\n          height: 64px;\n        }\n        .course-avatar {\n          float: left;\n          display: inline-flex;\n          padding: 0 16px 0 0;\n        }\n        .course-name {\n          font-size: 16px;\n          line-height: 16px;\n          min-width: 96px;\n        }\n        .course-title {\n          font-size: 16px;\n          line-height: 16px;\n          display: none;\n        }\n        .name-wrapper {\n          display: flow-root;\n          overflow: hidden;\n          text-overflow: clip;\n        }\n        @media screen and (min-width: 420px) {\n          .course-name {\n            font-size: 24px;\n          }\n          .course-title {\n            display: block;\n          }\n        }\n      </style>\n      <img\n        class=\"course-image\"\n        style=\"width:100%; height:200px; background-color: lightgray;\"\n        loading=\"lazy\"\n        src$=\"[[image]]\"\n      />\n      <div class=\"course-heading\">\n        <lrndesign-avatar\n          class=\"course-avatar\"\n          label=\"[[name]]\"\n          jdenticon=\"\"\n          color=\"[[color]]\"\n        >\n        </lrndesign-avatar>\n        <div class=\"name-wrapper\">\n          <div class=\"course-name\">[[name]]</div>\n          <div class=\"course-title\">[[title]]</div>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-drawer/lrndesign-drawer.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-drawer/lrndesign-drawer.js
index 731cf55817b..cac6433f60f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-drawer/lrndesign-drawer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-drawer/lrndesign-drawer.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
   _exports.LrndesignDrawer = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_a9fd4a001f0511ed8cc3e9a95995ad69;
+  var _templateObject_84684e401f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -62,7 +62,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_a9fd4a001f0511ed8cc3e9a95995ad69 || (_templateObject_a9fd4a001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --lrndesign-drawer-width: 30%;\n        }\n        app-header {\n          z-index: 100;\n        }\n        app-drawer {\n          --app-drawer-width: var(--lrndesign-drawer-width);\n          --app-drawer-content-container: {\n            padding: 16px;\n            overflow-y: scroll;\n            margin-top: 112px;\n          }\n        }\n      </style>\n      <app-header>\n        <app-drawer opened=\"{{opened}}\" align=\"{{align}}\">\n          <slot></slot>\n        </app-drawer>\n      </app-header>\n      <simple-icon-button\n        icon=\"[[icon]]\"\n        alt=\"[[alt]]\"\n        id=\"flyoutdrawer\"\n      ></simple-icon-button>\n      <simple-tooltip for=\"flyoutdrawer\">[[alt]]</simple-tooltip>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_84684e401f2611eda0c389891c227ec8 || (_templateObject_84684e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --lrndesign-drawer-width: 30%;\n        }\n        app-header {\n          z-index: 100;\n        }\n        app-drawer {\n          --app-drawer-width: var(--lrndesign-drawer-width);\n          --app-drawer-content-container: {\n            padding: 16px;\n            overflow-y: scroll;\n            margin-top: 112px;\n          }\n        }\n      </style>\n      <app-header>\n        <app-drawer opened=\"{{opened}}\" align=\"{{align}}\">\n          <slot></slot>\n        </app-drawer>\n      </app-header>\n      <simple-icon-button\n        icon=\"[[icon]]\"\n        alt=\"[[alt]]\"\n        id=\"flyoutdrawer\"\n      ></simple-icon-button>\n      <simple-tooltip for=\"flyoutdrawer\">[[alt]]</simple-tooltip>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-behaviors.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-behaviors.js
index 0ec0b38e62f..d8f813ac412 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-behaviors.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-behaviors.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
   });
   _exports.LrndesignGalleryBehaviors = void 0;
 
-  var _templateObject_e05b49d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b73d27501f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -127,7 +127,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryBehaviors), "styles", this)), [(0, _index.css)(_templateObject_e05b49d01f0511ed8cc3e9a95995ad69 || (_templateObject_e05b49d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          border-radius: var(--lrndesign-gallery-border-radius, 0px);\n          box-shadow: var(--lrndesign-gallery-box-shadow, unset);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        :host {\n          display: block;\n          --lrndesign-gallery-color: var(--simple-colors-default-theme-grey-12);\n          --lrndesign-gallery-background-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --lrndesign-gallery-focus-color: var(\n            --simple-colors-default-theme-accent-9\n          );\n          --lrndesign-gallery-border-color: var(\n            --simple-colors-default-theme-grey-4\n          );\n          --lrndesign-gallery-thumbnail-outline: 1px solid\n            var(--simple-colors-default-theme-grey-12);\n\n          --lrndesign-gallery-dialog-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --lrndesign-gallery-dialog-background-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --lrndesign-gallery-dialog-toggled-background-color: var(\n            --simple-colors-default-theme-grey-2\n          );\n          --lrndesign-gallery-dialog-border-color: var(\n            --simple-colors-default-theme-grey-4\n          );\n          --lrndesign-gallery-carousel-next-bg: linear-gradient(\n            to right,\n            rgba(255, 255, 255, 0) 0%,\n            rgba(255, 255, 255, 0.5) 50%,\n            rgba(255, 255, 255, 0.7) 70%,\n            rgba(255, 255, 255, 0.9) 90%\n          );\n          --lrndesign-gallery-carousel-prev-bg: linear-gradient(\n            to right,\n            rgba(255, 255, 255, 0.9) 10%,\n            rgba(255, 255, 255, 0.7) 30%,\n            rgba(255, 255, 255, 0.5) 50%,\n            rgba(255, 255, 255, 0) 100%\n          );\n          --lrndesign-gallery-thumbnail-image: {\n            display: block;\n            border-radius: 3px;\n            border: 2px solid transparent;\n          }\n          --lrndesign-gallery-thumbnail-image-focus: {\n            opacity: 0.7;\n            border: 2px solid var(--lrndesign-gallery-focus-color);\n          }\n          --lrndesign-gallery-thumbnail-image-selected: {\n            opacity: 0.5;\n            cursor: default;\n          }\n        }\n        :host([dark]) {\n          --lrndesign-gallery-background-color: var(\n            --simple-colors-default-theme-grey-2\n          );\n          --lrndesign-gallery-border-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --lrndesign-gallery-carousel-next-bg: linear-gradient(\n            to right,\n            rgba(0, 0, 0, 0) 0%,\n            rgba(0, 0, 0, 0.5) 50%,\n            rgba(0, 0, 0, 0.7) 70%,\n            rgba(0, 0, 0, 0.9) 90%\n          );\n          --lrndesign-gallery-carousel-prev-bg: linear-gradient(\n            to right,\n            rgba(0, 0, 0, 0.9) 10%,\n            rgba(0, 0, 0, 0.7) 30%,\n            rgba(0, 0, 0, 0.5) 50%,\n            rgba(0, 0, 0, 0) 100%\n          );\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        .sr-only {\n          position: absolute;\n          left: -999999;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        .gallerythumb {\n          min-width: unset;\n          max-width: 100%;\n          padding: 0;\n          margin: 0;\n          display: inline-block;\n          transform: none !important;\n          position: static !important;\n          cursor: pointer;\n        }\n        lrndesign-gallery-zoom {\n          z-index: 2;\n        }\n        simple-tooltip {\n          z-index: 2;\n        }\n        .zoombg {\n          background-color: var(--lrndesign-gallery-dialog-background-color);\n          opacity: 0.25;\n        }\n        .zoombg,\n        .zoomicon {\n          position: absolute;\n          width: 24px;\n          height: 24px;\n          transition: opacity 0.5s ease-in-out;\n        }\n        lrndesign-gallery-zoom:focus-within .zoombg,\n        lrndesign-gallery-zoom:hover .zoombg {\n          opacity: 0;\n          transition: opacity 0.5s ease-in-out;\n        }\n        .zoomicon {\n          opacity: 0.75;\n          color: var(--lrndesign-gallery-color);\n          background-color: transparent;\n        }\n        lrndesign-gallery-zoom:focus-within .zoomicon,\n        lrndesign-gallery-zoom:hover .zoomicon {\n          opacity: 1;\n          transition: opacity 0.5s ease-in-out;\n        }\n        @media print {\n          #galleryscreen {\n            display: none !important;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryBehaviors), "styles", this)), [(0, _index.css)(_templateObject_b73d27501f2611eda0c389891c227ec8 || (_templateObject_b73d27501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          border-radius: var(--lrndesign-gallery-border-radius, 0px);\n          box-shadow: var(--lrndesign-gallery-box-shadow, unset);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        :host {\n          display: block;\n          --lrndesign-gallery-color: var(--simple-colors-default-theme-grey-12);\n          --lrndesign-gallery-background-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --lrndesign-gallery-focus-color: var(\n            --simple-colors-default-theme-accent-9\n          );\n          --lrndesign-gallery-border-color: var(\n            --simple-colors-default-theme-grey-4\n          );\n          --lrndesign-gallery-thumbnail-outline: 1px solid\n            var(--simple-colors-default-theme-grey-12);\n\n          --lrndesign-gallery-dialog-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --lrndesign-gallery-dialog-background-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --lrndesign-gallery-dialog-toggled-background-color: var(\n            --simple-colors-default-theme-grey-2\n          );\n          --lrndesign-gallery-dialog-border-color: var(\n            --simple-colors-default-theme-grey-4\n          );\n          --lrndesign-gallery-carousel-next-bg: linear-gradient(\n            to right,\n            rgba(255, 255, 255, 0) 0%,\n            rgba(255, 255, 255, 0.5) 50%,\n            rgba(255, 255, 255, 0.7) 70%,\n            rgba(255, 255, 255, 0.9) 90%\n          );\n          --lrndesign-gallery-carousel-prev-bg: linear-gradient(\n            to right,\n            rgba(255, 255, 255, 0.9) 10%,\n            rgba(255, 255, 255, 0.7) 30%,\n            rgba(255, 255, 255, 0.5) 50%,\n            rgba(255, 255, 255, 0) 100%\n          );\n          --lrndesign-gallery-thumbnail-image: {\n            display: block;\n            border-radius: 3px;\n            border: 2px solid transparent;\n          }\n          --lrndesign-gallery-thumbnail-image-focus: {\n            opacity: 0.7;\n            border: 2px solid var(--lrndesign-gallery-focus-color);\n          }\n          --lrndesign-gallery-thumbnail-image-selected: {\n            opacity: 0.5;\n            cursor: default;\n          }\n        }\n        :host([dark]) {\n          --lrndesign-gallery-background-color: var(\n            --simple-colors-default-theme-grey-2\n          );\n          --lrndesign-gallery-border-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --lrndesign-gallery-carousel-next-bg: linear-gradient(\n            to right,\n            rgba(0, 0, 0, 0) 0%,\n            rgba(0, 0, 0, 0.5) 50%,\n            rgba(0, 0, 0, 0.7) 70%,\n            rgba(0, 0, 0, 0.9) 90%\n          );\n          --lrndesign-gallery-carousel-prev-bg: linear-gradient(\n            to right,\n            rgba(0, 0, 0, 0.9) 10%,\n            rgba(0, 0, 0, 0.7) 30%,\n            rgba(0, 0, 0, 0.5) 50%,\n            rgba(0, 0, 0, 0) 100%\n          );\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        .sr-only {\n          position: absolute;\n          left: -999999;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        .gallerythumb {\n          min-width: unset;\n          max-width: 100%;\n          padding: 0;\n          margin: 0;\n          display: inline-block;\n          transform: none !important;\n          position: static !important;\n          cursor: pointer;\n        }\n        lrndesign-gallery-zoom {\n          z-index: 2;\n        }\n        simple-tooltip {\n          z-index: 2;\n        }\n        .zoombg {\n          background-color: var(--lrndesign-gallery-dialog-background-color);\n          opacity: 0.25;\n        }\n        .zoombg,\n        .zoomicon {\n          position: absolute;\n          width: 24px;\n          height: 24px;\n          transition: opacity 0.5s ease-in-out;\n        }\n        lrndesign-gallery-zoom:focus-within .zoombg,\n        lrndesign-gallery-zoom:hover .zoombg {\n          opacity: 0;\n          transition: opacity 0.5s ease-in-out;\n        }\n        .zoomicon {\n          opacity: 0.75;\n          color: var(--lrndesign-gallery-color);\n          background-color: transparent;\n        }\n        lrndesign-gallery-zoom:focus-within .zoomicon,\n        lrndesign-gallery-zoom:hover .zoomicon {\n          opacity: 1;\n          transition: opacity 0.5s ease-in-out;\n        }\n        @media print {\n          #galleryscreen {\n            display: none !important;\n          }\n        }\n      "])))]);
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-carousel.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-carousel.js
index 4176798ac4f..bf5a8f8cf99 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-carousel.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-carousel.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./lrndesign-gallery-behaviors.js",
   });
   _exports.LrndesignGalleryCarousel = void 0;
 
-  var _templateObject_e05ef3501f0511ed8cc3e9a95995ad69, _templateObject2_e05ef3501f0511ed8cc3e9a95995ad69, _templateObject3_e05ef3501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b740a9c01f2611eda0c389891c227ec8, _templateObject2_b740a9c01f2611eda0c389891c227ec8, _templateObject3_b740a9c01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -72,12 +72,12 @@ define(["exports", "../../../lit/index.js", "./lrndesign-gallery-behaviors.js",
       function render() {
         var _this = this;
 
-        return (0, _index.html)(_templateObject_e05ef3501f0511ed8cc3e9a95995ad69 || (_templateObject_e05ef3501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <article id=\"carousel\">\n        <p class=\"sr-only\">A carousel of items:</p>\n        <div\n          id=\"carouselitem\"\n          ?dark=\"", "\"\n          ?extra-wide=\"", "\"\n          responsive-size=\"", "\"\n        >\n          <p id=\"xystart\" class=\"sr-only\">Slide ", ".</p>\n          <div id=\"carouselimage\">\n            <img\n              class=\"image\"\n              .alt=\"", "\"\n              aria-describedby=\"carouseltitle details\"\n              .src=\"", "\"\n              loading=\"lazy\"\n            />\n            <lrndesign-gallery-zoom\n              .details=\"", "\"\n              .heading=\"", "\"\n              id=\"galleryzoom\"\n              .src=\"", "\"\n              .tooltip=\"", "\"\n              .zoom-alt=\"", "\"\n            >\n              <div class=\"zoombg\"></div>\n              <simple-icon-lite\n                icon=\"zoom-in\"\n                class=\"zoomicon\"\n              ></simple-icon-lite>\n            </lrndesign-gallery-zoom>\n            <button\n              id=\"carouselprev\"\n              class=\"prevnextnav\"\n              aria-controls=\"carousel\"\n              aria-label=\"prev\"\n              ?hidden=\"", "\"\n              ?disabled=\"", "\"\n              @click=\"", "\"\n              tabindex=\"-1\"\n            >\n              <span class=\"sr-only\">Previous</span>\n              <simple-icon-lite icon=\"chevron-left\"></simple-icon-lite>\n            </button>\n            <simple-tooltip for=\"carouselprev\" position=\"top\"\n              >previous</simple-tooltip\n            >\n            <button\n              id=\"carouselnext\"\n              class=\"prevnextnav\"\n              aria-controls=\"carousel\"\n              aria-label=\"next\"\n              ?hidden=\"", "\"\n              ?disabled=\"", "\"\n              @click=\"", "\"\n              tabindex=\"-1\"\n            >\n              <span class=\"sr-only\">Next</span>\n              <simple-icon-lite icon=\"chevron-right\"></simple-icon-lite>\n            </button>\n            <simple-tooltip for=\"carouselnext\" position=\"top\"\n              >next</simple-tooltip\n            >\n          </div>\n          <div id=\"carouseltext\" class=\"item-info\">\n            <h1\n              id=\"carouseltitle\"\n              ?hidden=\"", "\"\n            >\n              <lrndesign-gallery-details details=\"", "\">\n              </lrndesign-gallery-details>\n            </h1>\n            <lrndesign-gallery-details\n              id=\"details\"\n              details=\"", "\"\n            >\n            </lrndesign-gallery-details>\n            <div id=\"xyend\" ?hidden=\"", "\">\n              <p class=\"x-of-y\">\n                (<span class=\"sr-only\"> End of slide </span> ", "<span class=\"sr-only\">.</span>)\n              </p>\n            </div>\n            <div id=\"thumbnails\" class=\"item-info\" ?hidden=\"", "\">\n              <p class=\"sr-only\" ?hidden=\"", "\">Slides list:</p>\n              ", "\n            </div>\n          </div>\n        </div>\n      </article>\n    "])), this.dark, this.extraWide, this.responsiveSize, this.selected.xofy, this.selected.alt, this.selected.src, this.selected.details, this.selected.heading, this.selected.large, this.selected.tooltip, this.selected.alt, this.hideNav, !this.selected || this.selected.prev < 0, function (e) {
+        return (0, _index.html)(_templateObject_b740a9c01f2611eda0c389891c227ec8 || (_templateObject_b740a9c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <article id=\"carousel\">\n        <p class=\"sr-only\">A carousel of items:</p>\n        <div\n          id=\"carouselitem\"\n          ?dark=\"", "\"\n          ?extra-wide=\"", "\"\n          responsive-size=\"", "\"\n        >\n          <p id=\"xystart\" class=\"sr-only\">Slide ", ".</p>\n          <div id=\"carouselimage\">\n            <img\n              class=\"image\"\n              .alt=\"", "\"\n              aria-describedby=\"carouseltitle details\"\n              .src=\"", "\"\n              loading=\"lazy\"\n            />\n            <lrndesign-gallery-zoom\n              .details=\"", "\"\n              .heading=\"", "\"\n              id=\"galleryzoom\"\n              .src=\"", "\"\n              .tooltip=\"", "\"\n              .zoom-alt=\"", "\"\n            >\n              <div class=\"zoombg\"></div>\n              <simple-icon-lite\n                icon=\"zoom-in\"\n                class=\"zoomicon\"\n              ></simple-icon-lite>\n            </lrndesign-gallery-zoom>\n            <button\n              id=\"carouselprev\"\n              class=\"prevnextnav\"\n              aria-controls=\"carousel\"\n              aria-label=\"prev\"\n              ?hidden=\"", "\"\n              ?disabled=\"", "\"\n              @click=\"", "\"\n              tabindex=\"-1\"\n            >\n              <span class=\"sr-only\">Previous</span>\n              <simple-icon-lite icon=\"chevron-left\"></simple-icon-lite>\n            </button>\n            <simple-tooltip for=\"carouselprev\" position=\"top\"\n              >previous</simple-tooltip\n            >\n            <button\n              id=\"carouselnext\"\n              class=\"prevnextnav\"\n              aria-controls=\"carousel\"\n              aria-label=\"next\"\n              ?hidden=\"", "\"\n              ?disabled=\"", "\"\n              @click=\"", "\"\n              tabindex=\"-1\"\n            >\n              <span class=\"sr-only\">Next</span>\n              <simple-icon-lite icon=\"chevron-right\"></simple-icon-lite>\n            </button>\n            <simple-tooltip for=\"carouselnext\" position=\"top\"\n              >next</simple-tooltip\n            >\n          </div>\n          <div id=\"carouseltext\" class=\"item-info\">\n            <h1\n              id=\"carouseltitle\"\n              ?hidden=\"", "\"\n            >\n              <lrndesign-gallery-details details=\"", "\">\n              </lrndesign-gallery-details>\n            </h1>\n            <lrndesign-gallery-details\n              id=\"details\"\n              details=\"", "\"\n            >\n            </lrndesign-gallery-details>\n            <div id=\"xyend\" ?hidden=\"", "\">\n              <p class=\"x-of-y\">\n                (<span class=\"sr-only\"> End of slide </span> ", "<span class=\"sr-only\">.</span>)\n              </p>\n            </div>\n            <div id=\"thumbnails\" class=\"item-info\" ?hidden=\"", "\">\n              <p class=\"sr-only\" ?hidden=\"", "\">Slides list:</p>\n              ", "\n            </div>\n          </div>\n        </div>\n      </article>\n    "])), this.dark, this.extraWide, this.responsiveSize, this.selected.xofy, this.selected.alt, this.selected.src, this.selected.details, this.selected.heading, this.selected.large, this.selected.tooltip, this.selected.alt, this.hideNav, !this.selected || this.selected.prev < 0, function (e) {
           return _this._itemChanged(_this.selected ? _this.selected.prev : 0);
         }, this.hideNav, !this.selected || this.selected.next < 0, function (e) {
           return _this._itemChanged(_this.selected ? _this.selected.next : 0);
         }, !this.selected.title || this.selected.title == "", this.selected.title || "", this.selected.details || "", this.hideNav, this.selected.xofy, this.hideNav, this.hideNav, this.sources.map(function (item) {
-          return (0, _index.html)(_templateObject2_e05ef3501f0511ed8cc3e9a95995ad69 || (_templateObject2_e05ef3501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <button\n                    id=\"", "\"\n                    aria-controls=\"carousel\"\n                    class=\"gallerythumb\"\n                    .index=\"", "\"\n                    @click=\"", "\"\n                    ?disabled=\"", "\"\n                    .style=\"--lrndesign-gallery-thumb-url:url(", ");background-size:", ";background-position:", "\"\n                  >\n                    <span class=\"sr-only\"\n                      >", "</span\n                    >\n                  </button>\n                  <simple-tooltip\n                    .for=\"", "\"\n                    ?hidden=\"", "\"\n                    position=\"top\"\n                  >\n                    ", "\n                  </simple-tooltip>\n                "])), item.id, item.index, function (e) {
+          return (0, _index.html)(_templateObject2_b740a9c01f2611eda0c389891c227ec8 || (_templateObject2_b740a9c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <button\n                    id=\"", "\"\n                    aria-controls=\"carousel\"\n                    class=\"gallerythumb\"\n                    .index=\"", "\"\n                    @click=\"", "\"\n                    ?disabled=\"", "\"\n                    .style=\"--lrndesign-gallery-thumb-url:url(", ");background-size:", ";background-position:", "\"\n                  >\n                    <span class=\"sr-only\"\n                      >", "</span\n                    >\n                  </button>\n                  <simple-tooltip\n                    .for=\"", "\"\n                    ?hidden=\"", "\"\n                    position=\"top\"\n                  >\n                    ", "\n                  </simple-tooltip>\n                "])), item.id, item.index, function (e) {
             return _this._itemChanged(item.id);
           }, _this.selected.id === item.id, item.thumbnail, item.sizing || _this.sizing || "cover", item.gravity ? item.gravity.replace("-", " ") : "center", item.alt || "Item ".concat(parseInt(item.index) + 1), item.id, _this.selected.id === item.id, item.alt);
         }));
@@ -109,7 +109,7 @@ define(["exports", "../../../lit/index.js", "./lrndesign-gallery-behaviors.js",
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryCarousel), "styles", this)), [(0, _index.css)(_templateObject3_e05ef3501f0511ed8cc3e9a95995ad69 || (_templateObject3_e05ef3501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin: 15px 0;\n          padding: 0;\n          --carousel-image-height: unset;\n          border: 1px solid var(--lrndesign-gallery-border-color);\n        }\n        :host([hidden]),\n        :host [hidden] {\n          display: none !important;\n        }\n        :host([responsive-size=\"md\"]) {\n          --carousel-image-border-top: 4px solid\n            var(--lrndesign-gallery-focus-color);\n          --lrndesign-gallery-image-height: unset;\n          --carousel-image-height: var(--carousel-image-height-md, 200px);\n        }\n        :host([responsive-size=\"lg\"]) {\n          --carousel-image-border-top: 4px solid\n            var(--lrndesign-gallery-focus-color);\n          --lrndesign-gallery-image-height: unset;\n          --carousel-image-height: var(--carousel-image-height-lg, 300px);\n        }\n        :host([responsive-size=\"xl\"]) {\n          --carousel-image-border-top: 4px solid\n            var(--lrndesign-gallery-focus-color);\n          --lrndesign-gallery-image-height: unset;\n          --carousel-image-height: var(--carousel-image-height-xl, 400px);\n        }\n        :host([responsive-size*=\"s\"]),\n        :host([extra-wide]) {\n          --carousel-image-height: unset;\n          --carousel-image-border-top: unset;\n        }\n        #carouselitem {\n          width: 100%;\n          color: var(--lrndesign-gallery-color);\n          background-color: var(--lrndesign-gallery-background-color);\n          border-top: var(--lrndesign-gallery-border-top);\n          --carousel-image-flex: 0 0\n            calc(\n              var(--carousel-image-height, 200px) *\n                var(--lrndesign-gallery-image-aspect, 1.33333333333)\n            );\n        }\n        #carouselimage img.image {\n          width: calc(\n            var(--carousel-image-height, 200px) *\n              var(--lrndesign-gallery-image-aspect, 1.33333333333)\n          );\n          object-fit: cover;\n        }\n        :host([responsive-size*=\"s\"]) #carouselimage img.image {\n          width: 100%;\n        }\n        #carouselimage,\n        #carouseltext,\n        #thumbnails,\n        .prevnextnav,\n        :host(:not([responsive-size*=\"s\"]):not([extra-wide])) #carouselitem {\n          display: flex;\n          justify-content: space-between;\n          align-items: stretch;\n        }\n        #carouselitem,\n        #carouselitem > * {\n          height: var(--carousel-image-height);\n          max-height: var(--carousel-image-height);\n        }\n        #carouselimage {\n          flex: var(--carousel-image-flex);\n          position: relative;\n        }\n        :host([extra-wide]) #carouselimage {\n          width: 100%;\n          padding-top: var(--lrndesign-gallery-image-height, 75%);\n        }\n        .prevnextnav {\n          position: absolute;\n          width: 100%;\n          top: 0;\n          bottom: 0;\n        }\n        .prevnextnav {\n          align-items: center;\n          opacity: 0;\n          margin: 0;\n          border-width: 0;\n          border-radius: 0;\n          color: var(--lrndesign-gallery-color);\n          background-color: var(--lrndesign-gallery-background-color);\n          --button-ink-color: var(--lrndesign-gallery-background-color);\n          background: var(--lrndesign-gallery-next-bg);\n          transition: opacity 0.5s;\n        }\n        .prevnextnav[hidden] {\n          display: none;\n        }\n        #carouselnext {\n          right: 0;\n          width: 50%;\n        }\n        #carouselprev {\n          left: 0;\n          width: 50%;\n          justify-content: flex-start;\n          background: var(--lrndesign-gallery-prev-bg);\n        }\n        .prevnextnav:focus,\n        .prevnextnav:hover {\n          outline: none;\n          opacity: 0.8;\n        }\n        .prevnextnav[disabled]:focus,\n        .prevnextnav[disabled]:hover {\n          cursor: not-allowed;\n          opacity: 0.1;\n        }\n        .prevnextnav:focus simple-icon-lite,\n        .prevnextnav:hover simple-icon-lite {\n          outline: 1px solid var(--lrndesign-gallery-color);\n        }\n        #carouselprev simple-icon-lite {\n          position: absolute;\n          left: 5px;\n        }\n        #carouselnext simple-icon-lite {\n          position: absolute;\n          right: 5px;\n        }\n        lrndesign-gallery-zoom {\n          width: 24px;\n          height: 24px;\n          left: 5px;\n          bottom: 5px;\n          position: absolute;\n        }\n        lrndesign-gallery-zoom {\n          border: 1px solid transparent;\n          transition: outline 0.25s ease-in-out;\n        }\n        lrndesign-gallery-zoom:focus-within,\n        lrndesign-gallery-zoom:hover {\n          border: 1px solid var(--lrndesign-gallery-color);\n          transition: outline 0.25s ease-in-out;\n        }\n        .zoombg,\n        .zoomicon {\n          top: 0;\n          left: 0;\n        }\n        #carouseltext {\n          position: relative;\n          flex-direction: column;\n        }\n        :host([responsive-size=\"xs\"]) #carouseltext,\n        :host([extra-wide]) #carouseltext {\n          margin-top: -4px;\n          border-top: 4px solid var(--lrndesign-gallery-focus-color);\n        }\n        #carouseltext > * {\n          margin: 5px 5px 5px 10px;\n        }\n        #carouseltext,\n        #details {\n          flex: 1 1 auto;\n        }\n        #itemtitle,\n        #thumbails {\n          flex: 0 0 auto;\n        }\n        #itemtitle {\n          font-size: 160%;\n        }\n        #details {\n          overflow-y: auto;\n        }\n        #thumbnails {\n          flex-direction: row;\n          flex-wrap: wrap;\n          flex: 0 0 auto;\n          height: 46px;\n          justify-content: flex-start;\n          overflow-x: auto;\n        }\n        .gallerythumb,\n        .gallerythumb img {\n          width: 40px;\n          height: 40px;\n        }\n        .gallerythumb {\n          margin: 0 3px;\n          background-color: transparent;\n          background-image: var(--lrndesign-gallery-thumb-url);\n          background-position: center;\n          background-repeat: no-repeat;\n        }\n        .gallerythumb img {\n          outline: 1px solid var(--lrndesign-gallery-color);\n          transition: all 0.25s ease-in-out;\n        }\n        .gallerythumb:not([disabled]):hover img,\n        .gallerythumb:not([disabled]):focus img {\n          width: 42px;\n          height: 42px;\n          outline: 1px solid var(--lrndesign-gallery-focus-color);\n          transition: all 0.25s ease-in-out;\n        }\n        .x-of-y {\n          font-size: 85%;\n          font-style: italic;\n          text-align: right;\n          padding: 0;\n          margin: 0;\n        }\n        #xystart,\n        #xyend {\n          margin: 0;\n          position: absolute;\n          right: 10px;\n          top: 10px;\n          font-size: 80%;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryCarousel), "styles", this)), [(0, _index.css)(_templateObject3_b740a9c01f2611eda0c389891c227ec8 || (_templateObject3_b740a9c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin: 15px 0;\n          padding: 0;\n          --carousel-image-height: unset;\n          border: 1px solid var(--lrndesign-gallery-border-color);\n        }\n        :host([hidden]),\n        :host [hidden] {\n          display: none !important;\n        }\n        :host([responsive-size=\"md\"]) {\n          --carousel-image-border-top: 4px solid\n            var(--lrndesign-gallery-focus-color);\n          --lrndesign-gallery-image-height: unset;\n          --carousel-image-height: var(--carousel-image-height-md, 200px);\n        }\n        :host([responsive-size=\"lg\"]) {\n          --carousel-image-border-top: 4px solid\n            var(--lrndesign-gallery-focus-color);\n          --lrndesign-gallery-image-height: unset;\n          --carousel-image-height: var(--carousel-image-height-lg, 300px);\n        }\n        :host([responsive-size=\"xl\"]) {\n          --carousel-image-border-top: 4px solid\n            var(--lrndesign-gallery-focus-color);\n          --lrndesign-gallery-image-height: unset;\n          --carousel-image-height: var(--carousel-image-height-xl, 400px);\n        }\n        :host([responsive-size*=\"s\"]),\n        :host([extra-wide]) {\n          --carousel-image-height: unset;\n          --carousel-image-border-top: unset;\n        }\n        #carouselitem {\n          width: 100%;\n          color: var(--lrndesign-gallery-color);\n          background-color: var(--lrndesign-gallery-background-color);\n          border-top: var(--lrndesign-gallery-border-top);\n          --carousel-image-flex: 0 0\n            calc(\n              var(--carousel-image-height, 200px) *\n                var(--lrndesign-gallery-image-aspect, 1.33333333333)\n            );\n        }\n        #carouselimage img.image {\n          width: calc(\n            var(--carousel-image-height, 200px) *\n              var(--lrndesign-gallery-image-aspect, 1.33333333333)\n          );\n          object-fit: cover;\n        }\n        :host([responsive-size*=\"s\"]) #carouselimage img.image {\n          width: 100%;\n        }\n        #carouselimage,\n        #carouseltext,\n        #thumbnails,\n        .prevnextnav,\n        :host(:not([responsive-size*=\"s\"]):not([extra-wide])) #carouselitem {\n          display: flex;\n          justify-content: space-between;\n          align-items: stretch;\n        }\n        #carouselitem,\n        #carouselitem > * {\n          height: var(--carousel-image-height);\n          max-height: var(--carousel-image-height);\n        }\n        #carouselimage {\n          flex: var(--carousel-image-flex);\n          position: relative;\n        }\n        :host([extra-wide]) #carouselimage {\n          width: 100%;\n          padding-top: var(--lrndesign-gallery-image-height, 75%);\n        }\n        .prevnextnav {\n          position: absolute;\n          width: 100%;\n          top: 0;\n          bottom: 0;\n        }\n        .prevnextnav {\n          align-items: center;\n          opacity: 0;\n          margin: 0;\n          border-width: 0;\n          border-radius: 0;\n          color: var(--lrndesign-gallery-color);\n          background-color: var(--lrndesign-gallery-background-color);\n          --button-ink-color: var(--lrndesign-gallery-background-color);\n          background: var(--lrndesign-gallery-next-bg);\n          transition: opacity 0.5s;\n        }\n        .prevnextnav[hidden] {\n          display: none;\n        }\n        #carouselnext {\n          right: 0;\n          width: 50%;\n        }\n        #carouselprev {\n          left: 0;\n          width: 50%;\n          justify-content: flex-start;\n          background: var(--lrndesign-gallery-prev-bg);\n        }\n        .prevnextnav:focus,\n        .prevnextnav:hover {\n          outline: none;\n          opacity: 0.8;\n        }\n        .prevnextnav[disabled]:focus,\n        .prevnextnav[disabled]:hover {\n          cursor: not-allowed;\n          opacity: 0.1;\n        }\n        .prevnextnav:focus simple-icon-lite,\n        .prevnextnav:hover simple-icon-lite {\n          outline: 1px solid var(--lrndesign-gallery-color);\n        }\n        #carouselprev simple-icon-lite {\n          position: absolute;\n          left: 5px;\n        }\n        #carouselnext simple-icon-lite {\n          position: absolute;\n          right: 5px;\n        }\n        lrndesign-gallery-zoom {\n          width: 24px;\n          height: 24px;\n          left: 5px;\n          bottom: 5px;\n          position: absolute;\n        }\n        lrndesign-gallery-zoom {\n          border: 1px solid transparent;\n          transition: outline 0.25s ease-in-out;\n        }\n        lrndesign-gallery-zoom:focus-within,\n        lrndesign-gallery-zoom:hover {\n          border: 1px solid var(--lrndesign-gallery-color);\n          transition: outline 0.25s ease-in-out;\n        }\n        .zoombg,\n        .zoomicon {\n          top: 0;\n          left: 0;\n        }\n        #carouseltext {\n          position: relative;\n          flex-direction: column;\n        }\n        :host([responsive-size=\"xs\"]) #carouseltext,\n        :host([extra-wide]) #carouseltext {\n          margin-top: -4px;\n          border-top: 4px solid var(--lrndesign-gallery-focus-color);\n        }\n        #carouseltext > * {\n          margin: 5px 5px 5px 10px;\n        }\n        #carouseltext,\n        #details {\n          flex: 1 1 auto;\n        }\n        #itemtitle,\n        #thumbails {\n          flex: 0 0 auto;\n        }\n        #itemtitle {\n          font-size: 160%;\n        }\n        #details {\n          overflow-y: auto;\n        }\n        #thumbnails {\n          flex-direction: row;\n          flex-wrap: wrap;\n          flex: 0 0 auto;\n          height: 46px;\n          justify-content: flex-start;\n          overflow-x: auto;\n        }\n        .gallerythumb,\n        .gallerythumb img {\n          width: 40px;\n          height: 40px;\n        }\n        .gallerythumb {\n          margin: 0 3px;\n          background-color: transparent;\n          background-image: var(--lrndesign-gallery-thumb-url);\n          background-position: center;\n          background-repeat: no-repeat;\n        }\n        .gallerythumb img {\n          outline: 1px solid var(--lrndesign-gallery-color);\n          transition: all 0.25s ease-in-out;\n        }\n        .gallerythumb:not([disabled]):hover img,\n        .gallerythumb:not([disabled]):focus img {\n          width: 42px;\n          height: 42px;\n          outline: 1px solid var(--lrndesign-gallery-focus-color);\n          transition: all 0.25s ease-in-out;\n        }\n        .x-of-y {\n          font-size: 85%;\n          font-style: italic;\n          text-align: right;\n          padding: 0;\n          margin: 0;\n        }\n        #xystart,\n        #xyend {\n          margin: 0;\n          position: absolute;\n          right: 10px;\n          top: 10px;\n          font-size: 80%;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-details.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-details.js
index 413bc3388df..314aea1839d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-details.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-details.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.LrndesignGalleryDetails = void 0;
 
-  var _templateObject_e06079f01f0511ed8cc3e9a95995ad69, _templateObject2_e06079f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b74209501f2611eda0c389891c227ec8, _templateObject2_b74209501f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -38,7 +38,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_e06079f01f0511ed8cc3e9a95995ad69 || (_templateObject_e06079f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+        return (0, _index.html)(_templateObject_b74209501f2611eda0c389891c227ec8 || (_templateObject_b74209501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
       }
     }, {
       key: "updated",
@@ -68,7 +68,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e06079f01f0511ed8cc3e9a95995ad69 || (_templateObject2_e06079f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        ::slotted(*:first-child) {\n          margin-top: 0;\n        }\n        ::slotted(*:last-child) {\n          margin-bottom: 0;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b74209501f2611eda0c389891c227ec8 || (_templateObject2_b74209501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        ::slotted(*:first-child) {\n          margin-top: 0;\n        }\n        ::slotted(*:last-child) {\n          margin-bottom: 0;\n        }\n      "])))];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-grid.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-grid.js
index 48314df3258..f96dbb7be19 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-grid.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-grid.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./lrndesign-gallery-behaviors.js",
   });
   _exports.LrndesignGalleryGrid = void 0;
 
-  var _templateObject_e062eaf01f0511ed8cc3e9a95995ad69, _templateObject2_e062eaf01f0511ed8cc3e9a95995ad69, _templateObject3_e062eaf01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b744a1601f2611eda0c389891c227ec8, _templateObject2_b744a1601f2611eda0c389891c227ec8, _templateObject3_b744a1601f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -56,8 +56,8 @@ define(["exports", "../../../lit/index.js", "./lrndesign-gallery-behaviors.js",
       value: function render() {
         var _this = this;
 
-        return (0, _index.html)(_templateObject_e062eaf01f0511ed8cc3e9a95995ad69 || (_templateObject_e062eaf01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"grid\">\n        <p class=\"sr-only\">A list of columns buttons items:</p>\n        <div id=\"galleryscreen\">\n          ", "\n        </div>\n      </div>\n    "])), this.sources.map(function (item) {
-          return (0, _index.html)(_templateObject2_e062eaf01f0511ed8cc3e9a95995ad69 || (_templateObject2_e062eaf01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <lrndesign-gallery-zoom\n                .id=\"", "\"\n                .details=\"", "\"\n                .heading=\"", "\"\n                .src=\"", "\"\n                .tooltip=\"", "\"\n                .zoom-alt=\"", "\"\n              >\n                <span class=\"sr-only\">", "</span>\n                <div class=\"imgbg\" .style=\"", "\"></div>\n                <div class=\"zoombg\"></div>\n                <simple-icon-lite\n                  icon=\"zoom-in\"\n                  class=\"zoomicon\"\n                ></simple-icon-lite>\n              </lrndesign-gallery-zoom>\n            "])), item.id, item.details, item.heading, item.large, item.tooltip, item.zoomAlt, item.zoomAlt, _this._getStyle(item));
+        return (0, _index.html)(_templateObject_b744a1601f2611eda0c389891c227ec8 || (_templateObject_b744a1601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"grid\">\n        <p class=\"sr-only\">A list of columns buttons items:</p>\n        <div id=\"galleryscreen\">\n          ", "\n        </div>\n      </div>\n    "])), this.sources.map(function (item) {
+          return (0, _index.html)(_templateObject2_b744a1601f2611eda0c389891c227ec8 || (_templateObject2_b744a1601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <lrndesign-gallery-zoom\n                .id=\"", "\"\n                .details=\"", "\"\n                .heading=\"", "\"\n                .src=\"", "\"\n                .tooltip=\"", "\"\n                .zoom-alt=\"", "\"\n              >\n                <span class=\"sr-only\">", "</span>\n                <div class=\"imgbg\" .style=\"", "\"></div>\n                <div class=\"zoombg\"></div>\n                <simple-icon-lite\n                  icon=\"zoom-in\"\n                  class=\"zoomicon\"\n                ></simple-icon-lite>\n              </lrndesign-gallery-zoom>\n            "])), item.id, item.details, item.heading, item.large, item.tooltip, item.zoomAlt, item.zoomAlt, _this._getStyle(item));
         }));
       }
     }, {
@@ -84,7 +84,7 @@ define(["exports", "../../../lit/index.js", "./lrndesign-gallery-behaviors.js",
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryGrid), "styles", this)), [(0, _index.css)(_templateObject3_e062eaf01f0511ed8cc3e9a95995ad69 || (_templateObject3_e062eaf01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin: 15px 0;\n          padding: 0;\n          max-width: 100%;\n          display: block;\n        }\n        #galleryscreen {\n          display: grid;\n          grid-gap: 7.5px;\n          grid-template-columns: repeat(2, 1fr);\n        }\n        :host([responsive-size=\"sm\"]) #galleryscreen {\n          grid-template-columns: repeat(3, 1fr);\n        }\n        :host([responsive-size=\"md\"]) #galleryscreen {\n          grid-template-columns: repeat(4, 1fr);\n        }\n        :host([responsive-size=\"lg\"]) #galleryscreen {\n          grid-template-columns: repeat(5, 1fr);\n        }\n        :host([responsive-size=\"xl\"]) #galleryscreen {\n          grid-template-columns: repeat(6, 1fr);\n        }\n        lrndesign-gallery-zoom {\n          position: relative;\n          overflow: hidden;\n          transition: outline 0.25s ease-in-out;\n          outline: 1px solid var(--lrndesign-gallery-color);\n        }\n        lrndesign-gallery-zoom:hover,\n        lrndesign-gallery-zoom:focus,\n        lrndesign-gallery-zoom:focus-within {\n          transition: outline 0.25s ease-in-out;\n          outline: 2px solid var(--lrndesign-gallery-focus-color);\n        }\n        lrndesign-gallery-zoom img {\n          position: absolute;\n          opacity: 0 !important;\n        }\n        .imgbg {\n          width: 100%;\n          padding-top: var(--lrndesign-gallery-grid-paddingTop, 75%);\n          background-image: var(--lrndesign-gallery-grid-backgroundImage, none);\n          background-position: var(\n            --lrndesign-gallery-grid-backgroundPosition,\n            center\n          );\n          background-repeat: no-repeat;\n          background-size: var(--lrndesign-gallery-grid-backgroundSize, cover);\n        }\n        .zoombg,\n        .zoomicon {\n          top: unset;\n          bottom: 5px;\n          left: 5px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryGrid), "styles", this)), [(0, _index.css)(_templateObject3_b744a1601f2611eda0c389891c227ec8 || (_templateObject3_b744a1601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin: 15px 0;\n          padding: 0;\n          max-width: 100%;\n          display: block;\n        }\n        #galleryscreen {\n          display: grid;\n          grid-gap: 7.5px;\n          grid-template-columns: repeat(2, 1fr);\n        }\n        :host([responsive-size=\"sm\"]) #galleryscreen {\n          grid-template-columns: repeat(3, 1fr);\n        }\n        :host([responsive-size=\"md\"]) #galleryscreen {\n          grid-template-columns: repeat(4, 1fr);\n        }\n        :host([responsive-size=\"lg\"]) #galleryscreen {\n          grid-template-columns: repeat(5, 1fr);\n        }\n        :host([responsive-size=\"xl\"]) #galleryscreen {\n          grid-template-columns: repeat(6, 1fr);\n        }\n        lrndesign-gallery-zoom {\n          position: relative;\n          overflow: hidden;\n          transition: outline 0.25s ease-in-out;\n          outline: 1px solid var(--lrndesign-gallery-color);\n        }\n        lrndesign-gallery-zoom:hover,\n        lrndesign-gallery-zoom:focus,\n        lrndesign-gallery-zoom:focus-within {\n          transition: outline 0.25s ease-in-out;\n          outline: 2px solid var(--lrndesign-gallery-focus-color);\n        }\n        lrndesign-gallery-zoom img {\n          position: absolute;\n          opacity: 0 !important;\n        }\n        .imgbg {\n          width: 100%;\n          padding-top: var(--lrndesign-gallery-grid-paddingTop, 75%);\n          background-image: var(--lrndesign-gallery-grid-backgroundImage, none);\n          background-position: var(\n            --lrndesign-gallery-grid-backgroundPosition,\n            center\n          );\n          background-repeat: no-repeat;\n          background-size: var(--lrndesign-gallery-grid-backgroundSize, cover);\n        }\n        .zoombg,\n        .zoomicon {\n          top: unset;\n          bottom: 5px;\n          left: 5px;\n        }\n      "])))]);
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-masonry.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-masonry.js
index 4b62cd1c3f5..195bbb23268 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-masonry.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-masonry.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./lrndesign-gallery-behaviors.js",
   });
   _exports.LrndesignGalleryMasonry = void 0;
 
-  var _templateObject_e0677ed01f0511ed8cc3e9a95995ad69, _templateObject2_e0677ed01f0511ed8cc3e9a95995ad69, _templateObject3_e0677ed01f0511ed8cc3e9a95995ad69, _templateObject4_e0677ed01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b748e7201f2611eda0c389891c227ec8, _templateObject2_b748e7201f2611eda0c389891c227ec8, _templateObject3_b748e7201f2611eda0c389891c227ec8, _templateObject4_b748e7201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -64,9 +64,9 @@ define(["exports", "../../../lit/index.js", "./lrndesign-gallery-behaviors.js",
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_e0677ed01f0511ed8cc3e9a95995ad69 || (_templateObject_e0677ed01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"grid\">\n        <p class=\"sr-only\">A list of columns buttons items:</p>\n        <div id=\"galleryscreen\">\n          ", "\n        </div>\n      </div>\n    "])), (this.__items || []).map(function (row, i) {
-          return (0, _index.html)(_templateObject2_e0677ed01f0511ed8cc3e9a95995ad69 || (_templateObject2_e0677ed01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <div>\n                ", "\n              </div>\n            "])), (row.cols || []).map(function (col, j) {
-            return (0, _index.html)(_templateObject3_e0677ed01f0511ed8cc3e9a95995ad69 || (_templateObject3_e0677ed01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <lrndesign-gallery-zoom\n                      .id=\"", "\"\n                      .details=\"", "\"\n                      .heading=\"", "\"\n                      .src=\"", "\"\n                      .tooltip=\"", "\"\n                      .zoom-alt=\"", "\"\n                      .style=\"", "\"\n                    >\n                      <img\n                        .alt=\"", "\"\n                        fade\n                        .src=\"", "\"\n                        @load=\"", "\"\n                      />\n                      <div class=\"zoombg\"></div>\n                      <simple-icon-lite\n                        icon=\"zoom-in\"\n                        class=\"zoomicon\"\n                      ></simple-icon-lite>\n                    </lrndesign-gallery-zoom>\n                  "])), col.id, col.details, col.heading, col.large, col.tooltip, col.zoomAlt, _this2._getStyle(col.aspect, row.aspect), col.alt, col.src, function (e) {
+        return (0, _index.html)(_templateObject_b748e7201f2611eda0c389891c227ec8 || (_templateObject_b748e7201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"grid\">\n        <p class=\"sr-only\">A list of columns buttons items:</p>\n        <div id=\"galleryscreen\">\n          ", "\n        </div>\n      </div>\n    "])), (this.__items || []).map(function (row, i) {
+          return (0, _index.html)(_templateObject2_b748e7201f2611eda0c389891c227ec8 || (_templateObject2_b748e7201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <div>\n                ", "\n              </div>\n            "])), (row.cols || []).map(function (col, j) {
+            return (0, _index.html)(_templateObject3_b748e7201f2611eda0c389891c227ec8 || (_templateObject3_b748e7201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <lrndesign-gallery-zoom\n                      .id=\"", "\"\n                      .details=\"", "\"\n                      .heading=\"", "\"\n                      .src=\"", "\"\n                      .tooltip=\"", "\"\n                      .zoom-alt=\"", "\"\n                      .style=\"", "\"\n                    >\n                      <img\n                        .alt=\"", "\"\n                        fade\n                        .src=\"", "\"\n                        @load=\"", "\"\n                      />\n                      <div class=\"zoombg\"></div>\n                      <simple-icon-lite\n                        icon=\"zoom-in\"\n                        class=\"zoomicon\"\n                      ></simple-icon-lite>\n                    </lrndesign-gallery-zoom>\n                  "])), col.id, col.details, col.heading, col.large, col.tooltip, col.zoomAlt, _this2._getStyle(col.aspect, row.aspect), col.alt, col.src, function (e) {
               return _this2._handleImgLoad(e);
             });
           }));
@@ -149,7 +149,7 @@ define(["exports", "../../../lit/index.js", "./lrndesign-gallery-behaviors.js",
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryMasonry), "styles", this)), [(0, _index.css)(_templateObject4_e0677ed01f0511ed8cc3e9a95995ad69 || (_templateObject4_e0677ed01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin: 15px 0;\n          padding: 0;\n          max-width: 100%;\n          display: block;\n        }\n        #galleryscreen > div {\n          display: flex;\n          align-items: stretch;\n          justify-content: center;\n          margin: 20px 0;\n        }\n        lrndesign-gallery-zoom {\n          position: relative;\n          margin: 0 10px;\n          flex: 0 1 var(--lrndesign-gallery-image-width, 200px);\n          max-width: 35%;\n        }\n        lrndesign-gallery-zoom,\n        lrndesign-gallery-zoom:hover,\n        lrndesign-gallery-zoom:focus,\n        lrndesign-gallery-zoom:focus-within {\n          border: 0px solid transparent;\n        }\n        lrndesign-gallery-zoom img {\n          width: 100%;\n          transition: outline 0.25s ease-in-out;\n          outline: 1px solid var(--lrndesign-gallery-color);\n        }\n        lrndesign-gallery-zoom:hover img,\n        lrndesign-gallery-zoom:focus img,\n        lrndesign-gallery-zoom:focus-within img {\n          transition: outline 0.25s ease-in-out;\n          outline: 2px solid var(--lrndesign-gallery-focus-color);\n        }\n        .zoombg,\n        .zoomicon {\n          top: unset;\n          bottom: 5px;\n          left: 5px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryMasonry), "styles", this)), [(0, _index.css)(_templateObject4_b748e7201f2611eda0c389891c227ec8 || (_templateObject4_b748e7201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin: 15px 0;\n          padding: 0;\n          max-width: 100%;\n          display: block;\n        }\n        #galleryscreen > div {\n          display: flex;\n          align-items: stretch;\n          justify-content: center;\n          margin: 20px 0;\n        }\n        lrndesign-gallery-zoom {\n          position: relative;\n          margin: 0 10px;\n          flex: 0 1 var(--lrndesign-gallery-image-width, 200px);\n          max-width: 35%;\n        }\n        lrndesign-gallery-zoom,\n        lrndesign-gallery-zoom:hover,\n        lrndesign-gallery-zoom:focus,\n        lrndesign-gallery-zoom:focus-within {\n          border: 0px solid transparent;\n        }\n        lrndesign-gallery-zoom img {\n          width: 100%;\n          transition: outline 0.25s ease-in-out;\n          outline: 1px solid var(--lrndesign-gallery-color);\n        }\n        lrndesign-gallery-zoom:hover img,\n        lrndesign-gallery-zoom:focus img,\n        lrndesign-gallery-zoom:focus-within img {\n          transition: outline 0.25s ease-in-out;\n          outline: 2px solid var(--lrndesign-gallery-focus-color);\n        }\n        .zoombg,\n        .zoomicon {\n          top: unset;\n          bottom: 5px;\n          left: 5px;\n        }\n      "])))]);
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-zoom.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-zoom.js
index 93d8fa45563..263dcce844f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-zoom.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-zoom.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-tooltip/simple-tooltip
   });
   _exports.LrndesignGalleryZoom = void 0;
 
-  var _templateObject_e0697aa01f0511ed8cc3e9a95995ad69, _templateObject2_e0697aa01f0511ed8cc3e9a95995ad69, _templateObject3_e0697aa01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b74b58201f2611eda0c389891c227ec8, _templateObject2_b74b58201f2611eda0c389891c227ec8, _templateObject3_b74b58201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -62,7 +62,7 @@ define(["exports", "../../../lit/index.js", "../../simple-tooltip/simple-tooltip
     babelHelpers.createClass(LrndesignGalleryZoom, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e0697aa01f0511ed8cc3e9a95995ad69 || (_templateObject_e0697aa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <img-view-modal\n        .figures=\"", "\"\n        .toolbars=\"", "\"\n        title=\"", "\"\n        max-zoom-pixel-ratio=\"1.5\"\n        min-zoom-image-ratio=\"0.5\"\n        zoom-per-click=\"1.2\"\n        zoom-per-scroll=\"0.6\"\n      >\n        <button id=\"zoombtn\" aria-label=\"", "\">\n          <slot></slot>\n        </button>\n      </img-view-modal>\n      <simple-tooltip for=\"zoombtn\" position=\"right\" controls=\"zoomtpl\"\n        >", "</simple-tooltip\n      >\n    "])), this.figures, this.toolbars, this.heading || "", this.tooltip, this.tooltip);
+        return (0, _index.html)(_templateObject_b74b58201f2611eda0c389891c227ec8 || (_templateObject_b74b58201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <img-view-modal\n        .figures=\"", "\"\n        .toolbars=\"", "\"\n        title=\"", "\"\n        max-zoom-pixel-ratio=\"1.5\"\n        min-zoom-image-ratio=\"0.5\"\n        zoom-per-click=\"1.2\"\n        zoom-per-scroll=\"0.6\"\n      >\n        <button id=\"zoombtn\" aria-label=\"", "\">\n          <slot></slot>\n        </button>\n      </img-view-modal>\n      <simple-tooltip for=\"zoombtn\" position=\"right\" controls=\"zoomtpl\"\n        >", "</simple-tooltip\n      >\n    "])), this.figures, this.toolbars, this.heading || "", this.tooltip, this.tooltip);
       } // properties available to the custom element for data binding
 
     }, {
@@ -70,7 +70,7 @@ define(["exports", "../../../lit/index.js", "../../simple-tooltip/simple-tooltip
       get: function get() {
         return [{
           src: this.src,
-          info: (0, _index.html)(_templateObject2_e0697aa01f0511ed8cc3e9a95995ad69 || (_templateObject2_e0697aa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <lrndesign-gallery-details\n            id=\"details\"\n            ?hidden=\"", "\"\n            details=\"", "\"\n          >\n          </lrndesign-gallery-details>\n        "])), !this.details || !this.zoomAlt, this.details || this.zoomAlt)
+          info: (0, _index.html)(_templateObject2_b74b58201f2611eda0c389891c227ec8 || (_templateObject2_b74b58201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <lrndesign-gallery-details\n            id=\"details\"\n            ?hidden=\"", "\"\n            details=\"", "\"\n          >\n          </lrndesign-gallery-details>\n        "])), !this.details || !this.zoomAlt, this.details || this.zoomAlt)
         }];
       }
     }, {
@@ -121,7 +121,7 @@ define(["exports", "../../../lit/index.js", "../../simple-tooltip/simple-tooltip
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_e0697aa01f0511ed8cc3e9a95995ad69 || (_templateObject3_e0697aa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: none;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #zoombtn {\n          display: block;\n          width: 100%;\n          padding: 0;\n          margin: 0;\n          border-width: 0;\n          background-color: transparent;\n        }\n        simple-modal-template[modal-id=\"zoomdialog\"] {\n          --img-view-modal-backgroundColor: var(\n            --lrndesign-gallery-dialog-background-color\n          );\n          --img-view-modal-color: var(--lrndesign-gallery-dialog-color);\n          --img-view-modal-borderColor: var(\n            --lrndesign-gallery-dialog-border-color\n          );\n          --img-view-modal-toggled-backgroundColor: var(\n            --lrndesign-gallery-dialog-toggled-background-color\n          );\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_b74b58201f2611eda0c389891c227ec8 || (_templateObject3_b74b58201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: none;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #zoombtn {\n          display: block;\n          width: 100%;\n          padding: 0;\n          margin: 0;\n          border-width: 0;\n          background-color: transparent;\n        }\n        simple-modal-template[modal-id=\"zoomdialog\"] {\n          --img-view-modal-backgroundColor: var(\n            --lrndesign-gallery-dialog-background-color\n          );\n          --img-view-modal-color: var(--lrndesign-gallery-dialog-color);\n          --img-view-modal-borderColor: var(\n            --lrndesign-gallery-dialog-border-color\n          );\n          --img-view-modal-toggled-backgroundColor: var(\n            --lrndesign-gallery-dialog-toggled-background-color\n          );\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lrndesign-gallery.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lrndesign-gallery.js
index 9515f635754..9335b9cf3b9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lrndesign-gallery.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lrndesign-gallery.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/lrndesign-gallery-behaviors.js",
   });
   _exports.LrndesignGallery = void 0;
 
-  var _templateObject_aa05fc901f0511ed8cc3e9a95995ad69, _templateObject2_aa05fc901f0511ed8cc3e9a95995ad69, _templateObject3_aa05fc901f0511ed8cc3e9a95995ad69, _templateObject4_aa05fc901f0511ed8cc3e9a95995ad69, _templateObject5_aa05fc901f0511ed8cc3e9a95995ad69, _templateObject6_aa05fc901f0511ed8cc3e9a95995ad69, _templateObject7_aa05fc901f0511ed8cc3e9a95995ad69;
+  var _templateObject_847016701f2611eda0c389891c227ec8, _templateObject2_847016701f2611eda0c389891c227ec8, _templateObject3_847016701f2611eda0c389891c227ec8, _templateObject4_847016701f2611eda0c389891c227ec8, _templateObject5_847016701f2611eda0c389891c227ec8, _templateObject6_847016701f2611eda0c389891c227ec8, _templateObject7_847016701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -53,13 +53,13 @@ define(["exports", "../../lit/index.js", "./lib/lrndesign-gallery-behaviors.js",
       function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_aa05fc901f0511ed8cc3e9a95995ad69 || (_templateObject_aa05fc901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div\n        id=\"gallery\"\n        style=\"--lrndesign-gallery-image-aspect:", ";--lrndesign-gallery-image-height:", "%\"\n      >\n        <div slot=\"title\"><slot name=\"title\"></slot></div>\n        <div slot=\"description\"><slot name=\"description\"></slot></div>\n        ", "\n      </div>\n      ", ""])), this.aspectRatio, 100 / this.aspectRatio, this.editMode ? (0, _index.html)(_templateObject2_aa05fc901f0511ed8cc3e9a95995ad69 || (_templateObject2_aa05fc901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div id=\"figures\"><slot></slot></div>"]))) : this.layout === "masonry" ? (0, _index.html)(_templateObject3_aa05fc901f0511ed8cc3e9a95995ad69 || (_templateObject3_aa05fc901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <lrndesign-gallery-masonry\n                accent-color=\"", "\"\n                .aspect-ratio=\"", "\"\n                .extra-wide=\"", "\"\n                ?dark=\"", "\"\n                .gallery-id=\"", "\"\n                @item-changed=\"", "\"\n                responsive-size=\"", "\"\n                .selected=\"", "\"\n                .sources=\"", "\"\n              >\n              </lrndesign-gallery-masonry>\n            "])), this.accentColor, this.aspect, this.extra, this.dark, this.id, function (e) {
+        return (0, _index.html)(_templateObject_847016701f2611eda0c389891c227ec8 || (_templateObject_847016701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div\n        id=\"gallery\"\n        style=\"--lrndesign-gallery-image-aspect:", ";--lrndesign-gallery-image-height:", "%\"\n      >\n        <div slot=\"title\"><slot name=\"title\"></slot></div>\n        <div slot=\"description\"><slot name=\"description\"></slot></div>\n        ", "\n      </div>\n      ", ""])), this.aspectRatio, 100 / this.aspectRatio, this.editMode ? (0, _index.html)(_templateObject2_847016701f2611eda0c389891c227ec8 || (_templateObject2_847016701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div id=\"figures\"><slot></slot></div>"]))) : this.layout === "masonry" ? (0, _index.html)(_templateObject3_847016701f2611eda0c389891c227ec8 || (_templateObject3_847016701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <lrndesign-gallery-masonry\n                accent-color=\"", "\"\n                .aspect-ratio=\"", "\"\n                .extra-wide=\"", "\"\n                ?dark=\"", "\"\n                .gallery-id=\"", "\"\n                @item-changed=\"", "\"\n                responsive-size=\"", "\"\n                .selected=\"", "\"\n                .sources=\"", "\"\n              >\n              </lrndesign-gallery-masonry>\n            "])), this.accentColor, this.aspect, this.extra, this.dark, this.id, function (e) {
           return _this2.goToItem(e.detail);
-        }, this.responsiveSize, this.selected, this.items) : this.grid || this.layout === "grid" ? (0, _index.html)(_templateObject4_aa05fc901f0511ed8cc3e9a95995ad69 || (_templateObject4_aa05fc901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <lrndesign-gallery-grid\n                accent-color=\"", "\"\n                .aspect-ratio=\"", "\"\n                .extra-wide=\"", "\"\n                ?dark=\"", "\"\n                .gallery-id=\"", "\"\n                @item-changed=\"", "\"\n                responsive-size=\"", "\"\n                .selected=\"", "\"\n                sizing=\"", "\"\n                .sources=\"", "\"\n              >\n              </lrndesign-gallery-grid>\n            "])), this.accentColor, this.aspect, this.extra, this.dark, this.id, function (e) {
+        }, this.responsiveSize, this.selected, this.items) : this.grid || this.layout === "grid" ? (0, _index.html)(_templateObject4_847016701f2611eda0c389891c227ec8 || (_templateObject4_847016701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <lrndesign-gallery-grid\n                accent-color=\"", "\"\n                .aspect-ratio=\"", "\"\n                .extra-wide=\"", "\"\n                ?dark=\"", "\"\n                .gallery-id=\"", "\"\n                @item-changed=\"", "\"\n                responsive-size=\"", "\"\n                .selected=\"", "\"\n                sizing=\"", "\"\n                .sources=\"", "\"\n              >\n              </lrndesign-gallery-grid>\n            "])), this.accentColor, this.aspect, this.extra, this.dark, this.id, function (e) {
           return _this2.goToItem(e.detail);
-        }, this.responsiveSize, this.selected, this.sizing === "cover" || "contain", this.items) : (0, _index.html)(_templateObject5_aa05fc901f0511ed8cc3e9a95995ad69 || (_templateObject5_aa05fc901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <lrndesign-gallery-carousel\n              accent-color=\"", "\"\n              .aspect-ratio=\"", "\"\n              .extra-wide=\"", "\"\n              ?dark=\"", "\"\n              .gallery-id=\"", "\"\n              @item-changed=\"", "\"\n              responsive-size=\"", "\"\n              .selected=\"", "\"\n              sizing=\"", "\"\n              .sources=\"", "\"\n            >\n            </lrndesign-gallery-carousel>"])), this.accentColor, this.aspect, this.extra, this.dark, this.id, function (e) {
+        }, this.responsiveSize, this.selected, this.sizing === "cover" || "contain", this.items) : (0, _index.html)(_templateObject5_847016701f2611eda0c389891c227ec8 || (_templateObject5_847016701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <lrndesign-gallery-carousel\n              accent-color=\"", "\"\n              .aspect-ratio=\"", "\"\n              .extra-wide=\"", "\"\n              ?dark=\"", "\"\n              .gallery-id=\"", "\"\n              @item-changed=\"", "\"\n              responsive-size=\"", "\"\n              .selected=\"", "\"\n              sizing=\"", "\"\n              .sources=\"", "\"\n            >\n            </lrndesign-gallery-carousel>"])), this.accentColor, this.aspect, this.extra, this.dark, this.id, function (e) {
           return _this2.goToItem(e.detail);
-        }, this.responsiveSize, this.selected, this.sizing === "cover" || "contain", this.items), this.editMode ? "" : (0, _index.html)(_templateObject6_aa05fc901f0511ed8cc3e9a95995ad69 || (_templateObject6_aa05fc901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot hidden></slot>"]))));
+        }, this.responsiveSize, this.selected, this.sizing === "cover" || "contain", this.items), this.editMode ? "" : (0, _index.html)(_templateObject6_847016701f2611eda0c389891c227ec8 || (_templateObject6_847016701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot hidden></slot>"]))));
       } // haxProperty definition
 
     }, {
@@ -290,7 +290,7 @@ define(["exports", "../../lit/index.js", "./lib/lrndesign-gallery-behaviors.js",
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGallery), "styles", this)), [(0, _index.css)(_templateObject7_aa05fc901f0511ed8cc3e9a95995ad69 || (_templateObject7_aa05fc901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        ::slotted(figure) {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: space-between;\n          margin-top: 15px;\n          margin-bottom: 15px;\n          padding: 5px;\n          max-width: 400px;\n          border: 1px solid #ddd;\n          page-break-inside: avoid;\n        }\n\n        :host([edit-mode]) #figures {\n          display: grid;\n          grid-gap: 5px;\n          grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n        }\n\n        :host([edit-mode]) ::slotted(figure) {\n          padding: 5px;\n          margin: 0;\n          width: calc(100% - 10px);\n        }\n\n        @media screen {\n          :host(:not([edit-mode])) ::slotted(figure) {\n            display: none;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGallery), "styles", this)), [(0, _index.css)(_templateObject7_847016701f2611eda0c389891c227ec8 || (_templateObject7_847016701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        ::slotted(figure) {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: space-between;\n          margin-top: 15px;\n          margin-bottom: 15px;\n          padding: 5px;\n          max-width: 400px;\n          border: 1px solid #ddd;\n          page-break-inside: avoid;\n        }\n\n        :host([edit-mode]) #figures {\n          display: grid;\n          grid-gap: 5px;\n          grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n        }\n\n        :host([edit-mode]) ::slotted(figure) {\n          padding: 5px;\n          margin: 0;\n          width: calc(100% - 10px);\n        }\n\n        @media screen {\n          :host(:not([edit-mode])) ::slotted(figure) {\n            display: none;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallerycard/lrndesign-gallerycard.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallerycard/lrndesign-gallerycard.js
index 7bca086bb2c..efae5a1906d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallerycard/lrndesign-gallerycard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallerycard/lrndesign-gallerycard.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
   _exports.LrndesignGallerycard = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_aa0a1b401f0511ed8cc3e9a95995ad69, _templateObject2_aa0a1b401f0511ed8cc3e9a95995ad69, _templateObject3_aa0a1b401f0511ed8cc3e9a95995ad69, _templateObject4_aa0a1b401f0511ed8cc3e9a95995ad69;
+  var _templateObject_8473bff01f2611eda0c389891c227ec8, _templateObject2_8473bff01f2611eda0c389891c227ec8, _templateObject3_8473bff01f2611eda0c389891c227ec8, _templateObject4_8473bff01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -75,7 +75,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_aa0a1b401f0511ed8cc3e9a95995ad69 || (_templateObject_aa0a1b401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"card\">\n        <div class=\"card-content card-control-height card-control-center\">\n          <div class=\"submission-preview\">\n            ", "\n            ", "\n          </div>\n          <div class=\"submission-info\">\n            <div class=\"divider\"></div>\n            <div class=\"title\">", "</div>\n          </div>\n        </div>\n        <div class=\"card-actions\">\n          <lrndesign-avatar\n            id=\"avatar\"\n            label=\"", "\"\n            src=\"", "\"\n          ></lrndesign-avatar>\n          <div class=\"card-action-details\">\n            <div class=\"author\">", "</div>\n            <span class=\"comments text-right\">Comments: ", "</span>\n          </div>\n        </div>\n      </div>\n    "])), this.icon ? (0, _index.html)(_templateObject2_aa0a1b401f0511ed8cc3e9a95995ad69 || (_templateObject2_aa0a1b401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-icon\n                    class=\"project-icon\"\n                    icon=\"", "\"\n                  ></simple-icon>\n                "])), this.icon) : "", this.image ? (0, _index.html)(_templateObject3_aa0a1b401f0511ed8cc3e9a95995ad69 || (_templateObject3_aa0a1b401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <img\n                    style=\"width:100%; height:100%; background-color: lightgray;\"\n                    loading=\"lazy\"\n                    src=\"", "\"\n                  />\n                "])), this.image) : "", this.title, this.author.name, this.author.avatar, this.author.display_name, this.comments);
+        return (0, _index.html)(_templateObject_8473bff01f2611eda0c389891c227ec8 || (_templateObject_8473bff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"card\">\n        <div class=\"card-content card-control-height card-control-center\">\n          <div class=\"submission-preview\">\n            ", "\n            ", "\n          </div>\n          <div class=\"submission-info\">\n            <div class=\"divider\"></div>\n            <div class=\"title\">", "</div>\n          </div>\n        </div>\n        <div class=\"card-actions\">\n          <lrndesign-avatar\n            id=\"avatar\"\n            label=\"", "\"\n            src=\"", "\"\n          ></lrndesign-avatar>\n          <div class=\"card-action-details\">\n            <div class=\"author\">", "</div>\n            <span class=\"comments text-right\">Comments: ", "</span>\n          </div>\n        </div>\n      </div>\n    "])), this.icon ? (0, _index.html)(_templateObject2_8473bff01f2611eda0c389891c227ec8 || (_templateObject2_8473bff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <simple-icon\n                    class=\"project-icon\"\n                    icon=\"", "\"\n                  ></simple-icon>\n                "])), this.icon) : "", this.image ? (0, _index.html)(_templateObject3_8473bff01f2611eda0c389891c227ec8 || (_templateObject3_8473bff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <img\n                    style=\"width:100%; height:100%; background-color: lightgray;\"\n                    loading=\"lazy\"\n                    src=\"", "\"\n                  />\n                "])), this.image) : "", this.title, this.author.name, this.author.avatar, this.author.display_name, this.comments);
       }
     }, {
       key: "_mouseEnter",
@@ -90,7 +90,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject4_aa0a1b401f0511ed8cc3e9a95995ad69 || (_templateObject4_aa0a1b401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        :host([size=\"micro\"]) {\n          transform: scale(0.5);\n        }\n        :host([size=\"small\"]) {\n          transform: scale(0.8);\n        }\n\n        div.card {\n          border-radius: 4px;\n          margin: 0;\n          width: 100%;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n\n        .card-actions {\n          background-color: #f5f5f5;\n          border-radius: 0 0 4px 4px;\n          padding: 0 8px;\n        }\n        .card-actions .card-action-details {\n          display: inline-block;\n          vertical-align: middle;\n          vertical-align: -webkit-baseline-middle;\n          width: 80%;\n        }\n        #avatar {\n          display: inline-block;\n          vertical-align: text-top;\n          transform: scale(0.8);\n        }\n\n        .card-control-height {\n          height: 216px;\n        }\n\n        :host([elevation=\"0\"]) {\n          border: solid 1px #eeeeee;\n        }\n\n        :host([elevation=\"1\"]) {\n          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);\n        }\n        :host([elevation=\"2\"]) {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n\n        .text-right {\n          text-align: right;\n        }\n\n        .text-left {\n          text-align: left;\n        }\n        .author {\n          text-align: left;\n          font-size: 12px;\n          line-height: 12px;\n          color: black;\n          display: block;\n          padding: 8px;\n        }\n\n        .title {\n          color: #222;\n          font-size: 12.8px;\n          font-weight: 600;\n          line-height: 20px;\n          padding: 0 12px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          margin-top: 8px;\n        }\n\n        .comments {\n          font-size: 12px;\n          float: right;\n          color: black;\n          line-height: 12px;\n        }\n\n        .divider {\n          height: 1px;\n          width: 100%;\n          background: #efefef;\n        }\n\n        .project-icon {\n          --simple-icon-height: 100%;\n          --simple-icon-width: 100%;\n          overflow: hidden;\n          color: grey;\n        }\n        .project-icon:hover,\n        .project-icon:focus {\n          color: black;\n        }\n\n        .center {\n          margin: auto;\n          width: 80%;\n          padding: 16px;\n        }\n\n        .link {\n          font-size: 16px;\n          line-height: 16px;\n        }\n\n        .submission-info {\n          width: 100%;\n        }\n        .submission-preview {\n          height: 160px;\n        }\n\n        .card-content {\n          padding: 0;\n          margin: 0;\n          overflow: hidden;\n        }\n\n        .inline {\n          display: inline;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_8473bff01f2611eda0c389891c227ec8 || (_templateObject4_8473bff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        :host([size=\"micro\"]) {\n          transform: scale(0.5);\n        }\n        :host([size=\"small\"]) {\n          transform: scale(0.8);\n        }\n\n        div.card {\n          border-radius: 4px;\n          margin: 0;\n          width: 100%;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n\n        .card-actions {\n          background-color: #f5f5f5;\n          border-radius: 0 0 4px 4px;\n          padding: 0 8px;\n        }\n        .card-actions .card-action-details {\n          display: inline-block;\n          vertical-align: middle;\n          vertical-align: -webkit-baseline-middle;\n          width: 80%;\n        }\n        #avatar {\n          display: inline-block;\n          vertical-align: text-top;\n          transform: scale(0.8);\n        }\n\n        .card-control-height {\n          height: 216px;\n        }\n\n        :host([elevation=\"0\"]) {\n          border: solid 1px #eeeeee;\n        }\n\n        :host([elevation=\"1\"]) {\n          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);\n        }\n        :host([elevation=\"2\"]) {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n\n        .text-right {\n          text-align: right;\n        }\n\n        .text-left {\n          text-align: left;\n        }\n        .author {\n          text-align: left;\n          font-size: 12px;\n          line-height: 12px;\n          color: black;\n          display: block;\n          padding: 8px;\n        }\n\n        .title {\n          color: #222;\n          font-size: 12.8px;\n          font-weight: 600;\n          line-height: 20px;\n          padding: 0 12px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          margin-top: 8px;\n        }\n\n        .comments {\n          font-size: 12px;\n          float: right;\n          color: black;\n          line-height: 12px;\n        }\n\n        .divider {\n          height: 1px;\n          width: 100%;\n          background: #efefef;\n        }\n\n        .project-icon {\n          --simple-icon-height: 100%;\n          --simple-icon-width: 100%;\n          overflow: hidden;\n          color: grey;\n        }\n        .project-icon:hover,\n        .project-icon:focus {\n          color: black;\n        }\n\n        .center {\n          margin: auto;\n          width: 80%;\n          padding: 16px;\n        }\n\n        .link {\n          font-size: 16px;\n          line-height: 16px;\n        }\n\n        .submission-info {\n          width: 100%;\n        }\n        .submission-preview {\n          height: 160px;\n        }\n\n        .card-content {\n          padding: 0;\n          margin: 0;\n          overflow: hidden;\n        }\n\n        .inline {\n          display: inline;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagemap/lib/lrndesign-imagemap-hotspot.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagemap/lib/lrndesign-imagemap-hotspot.js
index e19b9d11e1f..f618fe022b7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagemap/lib/lrndesign-imagemap-hotspot.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagemap/lib/lrndesign-imagemap-hotspot.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
   _exports.LrndesignImagemapHotspot = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e06bc4901f0511ed8cc3e9a95995ad69, _templateObject2_e06bc4901f0511ed8cc3e9a95995ad69;
+  var _templateObject_b74dc9201f2611eda0c389891c227ec8, _templateObject2_b74dc9201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -49,7 +49,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_e06bc4901f0511ed8cc3e9a95995ad69 || (_templateObject_e06bc4901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <figure class=\"hotspot-print\">\n        <figcaption>\n          <relative-heading disable-link id=\"sub-heading\" parent=\"heading\">\n            <h2>", "</h2>\n          </relative-heading>\n          <div id=\"desc\"><slot></slot></div>\n        </figcaption>\n        <slot id=\"svg\" name=\"svg\"></slot>\n      </figure>\n    "])), this.label);
+        return (0, _index.html)(_templateObject_b74dc9201f2611eda0c389891c227ec8 || (_templateObject_b74dc9201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <figure class=\"hotspot-print\">\n        <figcaption>\n          <relative-heading disable-link id=\"sub-heading\" parent=\"heading\">\n            <h2>", "</h2>\n          </relative-heading>\n          <div id=\"desc\"><slot></slot></div>\n        </figcaption>\n        <slot id=\"svg\" name=\"svg\"></slot>\n      </figure>\n    "])), this.label);
       }
     }, {
       key: "loadSvg",
@@ -85,7 +85,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e06bc4901f0511ed8cc3e9a95995ad69 || (_templateObject2_e06bc4901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n        @media print {\n          :host {\n            display: block;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b74dc9201f2611eda0c389891c227ec8 || (_templateObject2_b74dc9201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n        @media print {\n          :host {\n            display: block;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagemap/lrndesign-imagemap.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagemap/lrndesign-imagemap.js
index ae883300600..561b63133bc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagemap/lrndesign-imagemap.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagemap/lrndesign-imagemap.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
   _exports.LrndesignImagemap = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_aa0f4b601f0511ed8cc3e9a95995ad69, _templateObject2_aa0f4b601f0511ed8cc3e9a95995ad69, _templateObject3_aa0f4b601f0511ed8cc3e9a95995ad69, _templateObject4_aa0f4b601f0511ed8cc3e9a95995ad69;
+  var _templateObject_8478a1f01f2611eda0c389891c227ec8, _templateObject2_8478a1f01f2611eda0c389891c227ec8, _templateObject3_8478a1f01f2611eda0c389891c227ec8, _templateObject4_8478a1f01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -51,7 +51,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
     babelHelpers.createClass(LrndesignImagemap, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_aa0f4b601f0511ed8cc3e9a95995ad69 || (_templateObject_aa0f4b601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <figure id=\"figure\">\n        <figcaption>\n          <relative-heading\n            disable-link\n            id=\"heading\"\n            parent=\"", "\"\n          >\n            ", "\n          </relative-heading>\n          <div id=\"desc\"><slot name=\"desc\"></slot></div>\n          <slot name=\"source\" hidden></slot>\n          <div id=\"buttons\"></div>\n        </figcaption>\n        <slot id=\"svg\" name=\"svg\"></slot>\n        <simple-popover\n          auto\n          ?hidden=\"", "\"\n          position=\"", "\"\n          .for=\"", "\"\n        >\n          <relative-heading\n            disable-link\n            class=\"sub-heading\"\n            parent=\"heading\"\n            id=\"subheading-", "\"\n          >\n            <h2>", "</h2>\n          </relative-heading>\n          <slot id=\"details\" name=\"details\"></slot>\n        </simple-popover>\n      </figure>\n      <slot></slot>\n    "])), this.parent || this.subtopicOf, this.label ? (0, _index.html)(_templateObject2_aa0f4b601f0511ed8cc3e9a95995ad69 || (_templateObject2_aa0f4b601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <h1>", "</h1> "])), this.label) : (0, _index.html)(_templateObject3_aa0f4b601f0511ed8cc3e9a95995ad69 || (_templateObject3_aa0f4b601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot name=\"heading\"></slot> "]))), !this.__activeHotspot, !this.__activeHotspot ? "bottom" : this.__activeHotspot.position, !this.__activeHotspot ? undefined : this.__activeHotspot.id, !this.__activeHotspot ? undefined : this.__activeHotspot.id, !this.__activeHotspot ? "" : this.__activeHotspot.label);
+        return (0, _index.html)(_templateObject_8478a1f01f2611eda0c389891c227ec8 || (_templateObject_8478a1f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <figure id=\"figure\">\n        <figcaption>\n          <relative-heading\n            disable-link\n            id=\"heading\"\n            parent=\"", "\"\n          >\n            ", "\n          </relative-heading>\n          <div id=\"desc\"><slot name=\"desc\"></slot></div>\n          <slot name=\"source\" hidden></slot>\n          <div id=\"buttons\"></div>\n        </figcaption>\n        <slot id=\"svg\" name=\"svg\"></slot>\n        <simple-popover\n          auto\n          ?hidden=\"", "\"\n          position=\"", "\"\n          .for=\"", "\"\n        >\n          <relative-heading\n            disable-link\n            class=\"sub-heading\"\n            parent=\"heading\"\n            id=\"subheading-", "\"\n          >\n            <h2>", "</h2>\n          </relative-heading>\n          <slot id=\"details\" name=\"details\"></slot>\n        </simple-popover>\n      </figure>\n      <slot></slot>\n    "])), this.parent || this.subtopicOf, this.label ? (0, _index.html)(_templateObject2_8478a1f01f2611eda0c389891c227ec8 || (_templateObject2_8478a1f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <h1>", "</h1> "])), this.label) : (0, _index.html)(_templateObject3_8478a1f01f2611eda0c389891c227ec8 || (_templateObject3_8478a1f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot name=\"heading\"></slot> "]))), !this.__activeHotspot, !this.__activeHotspot ? "bottom" : this.__activeHotspot.position, !this.__activeHotspot ? undefined : this.__activeHotspot.id, !this.__activeHotspot ? undefined : this.__activeHotspot.id, !this.__activeHotspot ? "" : this.__activeHotspot.label);
       }
     }, {
       key: "firstUpdated",
@@ -211,7 +211,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject4_aa0f4b601f0511ed8cc3e9a95995ad69 || (_templateObject4_aa0f4b601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host #buttons {\n          position: absolute;\n          left: -999999px;\n          top: 0;\n          overflow: hidden;\n          opacity: 0;\n        }\n\n        simple-popover {\n          max-width: var(--lrndesign-imagemap-popover-maxWidth, 525px);\n          max-height: var(--lrndesign-imagemap-popover-maxHeight, 300px);\n        }\n        simple-popover[for=\"\"] {\n          display: none;\n        }\n        simple-popover .sub-heading > *:first-child {\n          margin: 0 0 10px;\n        }\n\n        @media print {\n          #svg,\n          simple-popover {\n            display: none;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_8478a1f01f2611eda0c389891c227ec8 || (_templateObject4_8478a1f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host #buttons {\n          position: absolute;\n          left: -999999px;\n          top: 0;\n          overflow: hidden;\n          opacity: 0;\n        }\n\n        simple-popover {\n          max-width: var(--lrndesign-imagemap-popover-maxWidth, 525px);\n          max-height: var(--lrndesign-imagemap-popover-maxHeight, 300px);\n        }\n        simple-popover[for=\"\"] {\n          display: none;\n        }\n        simple-popover .sub-heading > *:first-child {\n          margin: 0 0 10px;\n        }\n\n        @media print {\n          #svg,\n          simple-popover {\n            display: none;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-header.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-header.js
index 9b736075b4a..40eb3002cb4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-header.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-header.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../lrndes
   });
   _exports.LrndesignMapmenuHeader = void 0;
 
-  var _templateObject_e06de7701f0511ed8cc3e9a95995ad69;
+  var _templateObject_b74fc4f01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -32,7 +32,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../lrndes
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e06de7701f0511ed8cc3e9a95995ad69 || (_templateObject_e06de7701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        #container {\n          display: flex;\n          align-items: center;\n        }\n        #icon {\n          margin-right: 10px;\n        }\n        #center {\n          flex: 1 1 auto;\n        }\n        lrndesign-avatar {\n          display: inline-block;\n          position: relative;\n        }\n        lrndesign-avatar ::slotted(*) {\n          transform: translateY(2px);\n        }\n        #title {\n          font-size: 19.2px;\n        }\n        #right simple-icon {\n          color: gray;\n          display: inline-flex;\n        }\n      </style>\n      <div id=\"container\">\n        <template is=\"dom-if\" if=\"[[avatarLabel]]\">\n          <div id=\"icon\">\n            <lrndesign-avatar label=\"[[avatarLabel]]\"></lrndesign-avatar>\n          </div>\n        </template>\n        <div id=\"center\">\n          <div id=\"label\">[[label]]</div>\n          <div id=\"title\">[[title]]</div>\n        </div>\n        <div id=\"right\">\n          <template is=\"dom-if\" if=\"[[!opened]]\">\n            <simple-icon icon=\"arrow-drop-down\"></simple-icon>\n          </template>\n          <template is=\"dom-if\" if=\"[[opened]]\">\n            <simple-icon icon=\"arrow-drop-up\"></simple-icon>\n          </template>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b74fc4f01f2611eda0c389891c227ec8 || (_templateObject_b74fc4f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        #container {\n          display: flex;\n          align-items: center;\n        }\n        #icon {\n          margin-right: 10px;\n        }\n        #center {\n          flex: 1 1 auto;\n        }\n        lrndesign-avatar {\n          display: inline-block;\n          position: relative;\n        }\n        lrndesign-avatar ::slotted(*) {\n          transform: translateY(2px);\n        }\n        #title {\n          font-size: 19.2px;\n        }\n        #right simple-icon {\n          color: gray;\n          display: inline-flex;\n        }\n      </style>\n      <div id=\"container\">\n        <template is=\"dom-if\" if=\"[[avatarLabel]]\">\n          <div id=\"icon\">\n            <lrndesign-avatar label=\"[[avatarLabel]]\"></lrndesign-avatar>\n          </div>\n        </template>\n        <div id=\"center\">\n          <div id=\"label\">[[label]]</div>\n          <div id=\"title\">[[title]]</div>\n        </div>\n        <div id=\"right\">\n          <template is=\"dom-if\" if=\"[[!opened]]\">\n            <simple-icon icon=\"arrow-drop-down\"></simple-icon>\n          </template>\n          <template is=\"dom-if\" if=\"[[opened]]\">\n            <simple-icon icon=\"arrow-drop-up\"></simple-icon>\n          </template>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-item.js
index 8132cff9186..fea766551b3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-item.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/simple-icon.js",
   });
   _exports.LrndesignMapmenuItem = void 0;
 
-  var _templateObject_e06f47001f0511ed8cc3e9a95995ad69, _templateObject2_e06f47001f0511ed8cc3e9a95995ad69, _templateObject3_e06f47001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b75124801f2611eda0c389891c227ec8, _templateObject2_b75124801f2611eda0c389891c227ec8, _templateObject3_b75124801f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -31,7 +31,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/simple-icon.js",
     babelHelpers.createClass(LrndesignMapmenuItem, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e06f47001f0511ed8cc3e9a95995ad69 || (_templateObject_e06f47001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <span id=\"title\">", "</span>\n    "])), this.icon ? (0, _index.html)(_templateObject2_e06f47001f0511ed8cc3e9a95995ad69 || (_templateObject2_e06f47001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-icon icon=\"", "\"></simple-icon> "])), this.icon) : "", this.title);
+        return (0, _index.html)(_templateObject_b75124801f2611eda0c389891c227ec8 || (_templateObject_b75124801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <span id=\"title\">", "</span>\n    "])), this.icon ? (0, _index.html)(_templateObject2_b75124801f2611eda0c389891c227ec8 || (_templateObject2_b75124801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-icon icon=\"", "\"></simple-icon> "])), this.icon) : "", this.title);
       }
     }], [{
       key: "styles",
@@ -40,7 +40,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/simple-icon.js",
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject3_e06f47001f0511ed8cc3e9a95995ad69 || (_templateObject3_e06f47001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --lrndesign-mapmenu-item-height: 16px;\n        }\n        simple-icon {\n          --simple-icon-height: var(--lrndesign-mapmenu-item-height);\n          display: inline-flex;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_b75124801f2611eda0c389891c227ec8 || (_templateObject3_b75124801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --lrndesign-mapmenu-item-height: 16px;\n        }\n        simple-icon {\n          --simple-icon-height: var(--lrndesign-mapmenu-item-height);\n          display: inline-flex;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-submenu.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-submenu.js
index b87349d9134..b411df21d87 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-submenu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lib/lrndesign-mapmenu-submenu.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../../@polymer/polymer/lib/utils
   });
   _exports.LrndesignMapmenuSubmenu = void 0;
 
-  var _templateObject_e07254401f0511ed8cc3e9a95995ad69, _templateObject2_e07254401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b75458d01f2611eda0c389891c227ec8, _templateObject2_b75458d01f2611eda0c389891c227ec8;
 
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -40,7 +40,7 @@ define(["exports", "../../../lit/index.js", "../../../@polymer/polymer/lib/utils
     babelHelpers.createClass(LrndesignMapmenuSubmenu, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e07254401f0511ed8cc3e9a95995ad69 || (_templateObject_e07254401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a11y-collapse id=\"container\">\n        <lrndesign-mapmenu-header\n          avatar-label=\"", "\"\n          title=\"", "\"\n          label=\"", "\"\n          slot=\"heading\"\n        ></lrndesign-mapmenu-header>\n        <slot></slot>\n      </a11y-collapse>\n    "])), this.avatarLabel, this.title, this.label);
+        return (0, _index.html)(_templateObject_b75458d01f2611eda0c389891c227ec8 || (_templateObject_b75458d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a11y-collapse id=\"container\">\n        <lrndesign-mapmenu-header\n          avatar-label=\"", "\"\n          title=\"", "\"\n          label=\"", "\"\n          slot=\"heading\"\n        ></lrndesign-mapmenu-header>\n        <slot></slot>\n      </a11y-collapse>\n    "])), this.avatarLabel, this.title, this.label);
       }
     }, {
       key: "_openChanged",
@@ -98,7 +98,7 @@ define(["exports", "../../../lit/index.js", "../../../@polymer/polymer/lib/utils
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e07254401f0511ed8cc3e9a95995ad69 || (_templateObject2_e07254401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([collapsable]) > lrndesign-mapmenu-header {\n          cursor: pointer;\n          display: block;\n        }\n        #container {\n          padding: 16px;\n        }\n        #container ::slotted(lrndesign-mapmenu-item) {\n          margin-top: 6.4px;\n        }\n        a11y-collapse {\n          border: 0;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b75458d01f2611eda0c389891c227ec8 || (_templateObject2_b75458d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([collapsable]) > lrndesign-mapmenu-header {\n          cursor: pointer;\n          display: block;\n        }\n        #container {\n          padding: 16px;\n        }\n        #container ::slotted(lrndesign-mapmenu-item) {\n          margin-top: 6.4px;\n        }\n        a11y-collapse {\n          border: 0;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lrndesign-mapmenu.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lrndesign-mapmenu.js
index 6c151d2aa1b..55b28bd6ea0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lrndesign-mapmenu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-mapmenu/lrndesign-mapmenu.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/lrndesign
   });
   _exports.LrndesignMapmenu = void 0;
 
-  var _templateObject_aa10f9101f0511ed8cc3e9a95995ad69;
+  var _templateObject_8479b3601f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -31,7 +31,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/lrndesign
     babelHelpers.createClass(LrndesignMapmenu, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_aa10f9101f0511ed8cc3e9a95995ad69 || (_templateObject_aa10f9101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        #container {\n          padding: 16px 32px;\n        }\n        :host\n          > ::slotted(lrndesign-mapmenu-submenu + lrndesign-mapmenu-submenu) {\n          margin-top: 16px;\n        }\n      </style>\n      <slot></slot>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_8479b3601f2611eda0c389891c227ec8 || (_templateObject_8479b3601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        #container {\n          padding: 16px 32px;\n        }\n        :host\n          > ::slotted(lrndesign-mapmenu-submenu + lrndesign-mapmenu-submenu) {\n          margin-top: 16px;\n        }\n      </style>\n      <slot></slot>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-panelcard/lrndesign-panelcard.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-panelcard/lrndesign-panelcard.js
index 6cbe409c300..1a48cd16d83 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-panelcard/lrndesign-panelcard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-panelcard/lrndesign-panelcard.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../simple-color
   });
   _exports.LrndesignPanelcard = void 0;
 
-  var _templateObject_9d8d63e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7898c6d01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -35,7 +35,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../simple-color
     babelHelpers.createClass(LrndesignPanelcard, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9d8d63e01f0511ed8cc3e9a95995ad69 || (_templateObject_9d8d63e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: inline-block;\n          position: relative;\n          box-sizing: border-box;\n          --lrndesign-panelcard-text-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --lrndesign-panelcard-color: var(\n            --simple-colors-default-theme-accent-1\n          );\n        }\n        :host([dark]:not([accent-color=\"grey\"])) {\n          --lrndesign-panelcard-color: var(\n            --simple-colors-default-theme-accent-3\n          );\n        }\n        :host([colored-text]) {\n          --lrndesign-panelcard-text-color: var(\n            --simple-colors-default-theme-accent-9\n          );\n          --lrndesign-panelcard-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n        }\n        .card-panel {\n          transition: box-shadow 0.25s;\n          padding: 24px;\n          margin: 0;\n          border-radius: 2px;\n          color: var(--lrndesign-panelcard-text-color);\n          background-color: var(--lrndesign-panelcard-color);\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n\n        h3 {\n          padding: 0;\n          margin: 0 0 8px 0;\n        }\n      </style>\n      <aside>\n        <div class=\"card-panel\">\n          <h3>[[title]]</h3>\n          <span><slot></slot></span>\n        </div>\n      </aside>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_7898c6d01f2611eda0c389891c227ec8 || (_templateObject_7898c6d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: inline-block;\n          position: relative;\n          box-sizing: border-box;\n          --lrndesign-panelcard-text-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --lrndesign-panelcard-color: var(\n            --simple-colors-default-theme-accent-1\n          );\n        }\n        :host([dark]:not([accent-color=\"grey\"])) {\n          --lrndesign-panelcard-color: var(\n            --simple-colors-default-theme-accent-3\n          );\n        }\n        :host([colored-text]) {\n          --lrndesign-panelcard-text-color: var(\n            --simple-colors-default-theme-accent-9\n          );\n          --lrndesign-panelcard-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n        }\n        .card-panel {\n          transition: box-shadow 0.25s;\n          padding: 24px;\n          margin: 0;\n          border-radius: 2px;\n          color: var(--lrndesign-panelcard-text-color);\n          background-color: var(--lrndesign-panelcard-color);\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n\n        h3 {\n          padding: 0;\n          margin: 0 0 8px 0;\n        }\n      </style>\n      <aside>\n        <div class=\"card-panel\">\n          <h3>[[title]]</h3>\n          <span><slot></slot></span>\n        </div>\n      </aside>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-paperstack/lrndesign-paperstack.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-paperstack/lrndesign-paperstack.js
index 055addd047f..72bca69439f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-paperstack/lrndesign-paperstack.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-paperstack/lrndesign-paperstack.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
   });
   _exports.LrndesignPaperstack = void 0;
 
-  var _templateObject_aa136a101f0511ed8cc3e9a95995ad69, _templateObject2_aa136a101f0511ed8cc3e9a95995ad69;
+  var _templateObject_847c99901f2611eda0c389891c227ec8, _templateObject2_847c99901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -40,12 +40,12 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
     babelHelpers.createClass(LrndesignPaperstack, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_aa136a101f0511ed8cc3e9a95995ad69 || (_templateObject_aa136a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"stack\">\n        <div class=\"paper\"></div>\n        <div class=\"paper\"></div>\n        <div class=\"front paper\">\n          <div class=\"heading\">\n            <div class=\"icon-container circle\">\n              <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n            </div>\n            <span class=\"title\">", "</span>\n          </div>\n          <p><slot></slot></p>\n        </div>\n      </div>\n    "])), this.icon, this.title);
+        return (0, _index.html)(_templateObject_847c99901f2611eda0c389891c227ec8 || (_templateObject_847c99901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"stack\">\n        <div class=\"paper\"></div>\n        <div class=\"paper\"></div>\n        <div class=\"front paper\">\n          <div class=\"heading\">\n            <div class=\"icon-container circle\">\n              <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n            </div>\n            <span class=\"title\">", "</span>\n          </div>\n          <p><slot></slot></p>\n        </div>\n      </div>\n    "])), this.icon, this.title);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignPaperstack), "styles", this)), [(0, _index.css)(_templateObject2_aa136a101f0511ed8cc3e9a95995ad69 || (_templateObject2_aa136a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: var(--lrndesign-paperstack-font-family, unset);\n          font-family: var(--lrndesign-paperstack-font-size, 14px);\n        }\n        .stack {\n          width: 100%;\n          position: relative;\n          margin: 24px 0;\n        }\n        .paper {\n          width: calc(100% - 48px);\n          padding: 12px 24px;\n          position: absolute;\n          box-shadow: 0 0 1px\n            var(\n              --lrndesign-paperstack-shadow,\n              var(--simple-colors-default-theme-grey-12)\n            );\n          border: 1px solid\n            var(\n              --lrndesign-paperstack-border,\n              var(--simple-colors-default-theme-grey-4)\n            );\n        }\n        :host([dark]) .paper {\n          box-shadow: 0 0 1px\n            var(\n              --lrndesign-paperstack-shadow,\n              var(--simple-colors-default-theme-grey-1)\n            );\n          border: 1px solid\n            var(\n              --lrndesign-paperstack-border,\n              var(--simple-colors-default-theme-grey-1)\n            );\n        }\n        .paper:first-of-type {\n          left: -0.32px;\n          top: 0.32px;\n          bottom: -0.32px;\n          right: 0.32px;\n          transform: rotate(-2.5deg);\n          background-color: var(\n            --lrndesign-paperstack-faded-bg,\n            var(--simple-colors-default-theme-grey-2)\n          );\n        }\n        .paper:nth-of-type(2) {\n          right: -0.32px;\n          top: 1.6px;\n          left: 0.32px;\n          right: -1.6px;\n          transform: rotate(1.4deg);\n          background-color: var(\n            --lrndesign-paperstack-faded-bg,\n            var(--simple-colors-default-theme-grey-2)\n          );\n        }\n        :host([dark]) .paper:first-of-type,\n        :host([dark]) .paper:nth-of-type(2) {\n          background-color: var(\n            --lrndesign-paperstack-faded-bg,\n            var(--simple-colors-default-theme-grey-1)\n          );\n        }\n        .front {\n          position: relative;\n          left: 0;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          background-color: var(\n            --lrndesign-paperstack-bg,\n            var(--simple-colors-default-theme-grey-1)\n          );\n          color: var(\n            --lrndesign-paperstack-text,\n            var(--simple-colors-default-theme-grey-12)\n          );\n        }\n        :host([dark]) .front {\n          background-color: var(\n            --lrndesign-paperstack-bg,\n            var(--simple-colors-default-theme-grey-3)\n          );\n        }\n        simple-icon-lite {\n          --simple-icon-width: calc(\n            var(--lrndesign-paperstack-icon-size, 32px) - 2 *\n              var(--lrndesign-paperstack-icon-padding, 4px)\n          );\n          --simple-icon-height: calc(\n            var(--lrndesign-paperstack-icon-size, 32px) - 2 *\n              var(--lrndesign-paperstack-icon-padding, 4px)\n          );\n        }\n        .heading {\n          display: flex;\n          align-items: center;\n        }\n        .icon-container {\n          width: calc(\n            var(--lrndesign-paperstack-icon-size, 32px) - 2 *\n              var(--lrndesign-paperstack-icon-padding, 4px)\n          );\n          height: calc(\n            var(--lrndesign-paperstack-icon-size, 32px) - 2 *\n              var(--lrndesign-paperstack-icon-padding, 4px)\n          );\n          border-radius: 50%;\n          background-color: var(\n            --lrndesign-paperstack-accent,\n            var(--simple-colors-default-theme-accent-8)\n          );\n          display: flex;\n          align-items: center;\n          padding: var(--lrndesign-paperstack-icon-padding, 4px);\n          color: var(\n            --lrndesign-paperstack-bg,\n            var(--simple-colors-default-theme-grey-1)\n          );\n          margin-right: calc(2 * var(--lrndesign-paperstack-icon-padding, 2px));\n        }\n        :host([dark]) .icon-container {\n          color: var(\n            --lrndesign-paperstack-bg,\n            var(--simple-colors-default-theme-grey-1)\n          );\n          background-color: var(\n            --lrndesign-paperstack-accent,\n            var(--simple-colors-default-theme-accent-9)\n          );\n        }\n        .title {\n          font-size: 16px;\n          color: var(\n            --lrndesign-paperstack-accent,\n            var(--simple-colors-default-theme-accent-8)\n          );\n          font-family: var(--lrndesign-paperstack-heading-font-family, cursive);\n          font-family: var(--lrndesign-paperstack-heading-font-size, 16px);\n        }\n        :host([dark]) .title {\n          color: var(\n            --lrndesign-paperstack-accent,\n            var(--simple-colors-default-theme-grey-12)\n          );\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignPaperstack), "styles", this)), [(0, _index.css)(_templateObject2_847c99901f2611eda0c389891c227ec8 || (_templateObject2_847c99901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: var(--lrndesign-paperstack-font-family, unset);\n          font-family: var(--lrndesign-paperstack-font-size, 14px);\n        }\n        .stack {\n          width: 100%;\n          position: relative;\n          margin: 24px 0;\n        }\n        .paper {\n          width: calc(100% - 48px);\n          padding: 12px 24px;\n          position: absolute;\n          box-shadow: 0 0 1px\n            var(\n              --lrndesign-paperstack-shadow,\n              var(--simple-colors-default-theme-grey-12)\n            );\n          border: 1px solid\n            var(\n              --lrndesign-paperstack-border,\n              var(--simple-colors-default-theme-grey-4)\n            );\n        }\n        :host([dark]) .paper {\n          box-shadow: 0 0 1px\n            var(\n              --lrndesign-paperstack-shadow,\n              var(--simple-colors-default-theme-grey-1)\n            );\n          border: 1px solid\n            var(\n              --lrndesign-paperstack-border,\n              var(--simple-colors-default-theme-grey-1)\n            );\n        }\n        .paper:first-of-type {\n          left: -0.32px;\n          top: 0.32px;\n          bottom: -0.32px;\n          right: 0.32px;\n          transform: rotate(-2.5deg);\n          background-color: var(\n            --lrndesign-paperstack-faded-bg,\n            var(--simple-colors-default-theme-grey-2)\n          );\n        }\n        .paper:nth-of-type(2) {\n          right: -0.32px;\n          top: 1.6px;\n          left: 0.32px;\n          right: -1.6px;\n          transform: rotate(1.4deg);\n          background-color: var(\n            --lrndesign-paperstack-faded-bg,\n            var(--simple-colors-default-theme-grey-2)\n          );\n        }\n        :host([dark]) .paper:first-of-type,\n        :host([dark]) .paper:nth-of-type(2) {\n          background-color: var(\n            --lrndesign-paperstack-faded-bg,\n            var(--simple-colors-default-theme-grey-1)\n          );\n        }\n        .front {\n          position: relative;\n          left: 0;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          background-color: var(\n            --lrndesign-paperstack-bg,\n            var(--simple-colors-default-theme-grey-1)\n          );\n          color: var(\n            --lrndesign-paperstack-text,\n            var(--simple-colors-default-theme-grey-12)\n          );\n        }\n        :host([dark]) .front {\n          background-color: var(\n            --lrndesign-paperstack-bg,\n            var(--simple-colors-default-theme-grey-3)\n          );\n        }\n        simple-icon-lite {\n          --simple-icon-width: calc(\n            var(--lrndesign-paperstack-icon-size, 32px) - 2 *\n              var(--lrndesign-paperstack-icon-padding, 4px)\n          );\n          --simple-icon-height: calc(\n            var(--lrndesign-paperstack-icon-size, 32px) - 2 *\n              var(--lrndesign-paperstack-icon-padding, 4px)\n          );\n        }\n        .heading {\n          display: flex;\n          align-items: center;\n        }\n        .icon-container {\n          width: calc(\n            var(--lrndesign-paperstack-icon-size, 32px) - 2 *\n              var(--lrndesign-paperstack-icon-padding, 4px)\n          );\n          height: calc(\n            var(--lrndesign-paperstack-icon-size, 32px) - 2 *\n              var(--lrndesign-paperstack-icon-padding, 4px)\n          );\n          border-radius: 50%;\n          background-color: var(\n            --lrndesign-paperstack-accent,\n            var(--simple-colors-default-theme-accent-8)\n          );\n          display: flex;\n          align-items: center;\n          padding: var(--lrndesign-paperstack-icon-padding, 4px);\n          color: var(\n            --lrndesign-paperstack-bg,\n            var(--simple-colors-default-theme-grey-1)\n          );\n          margin-right: calc(2 * var(--lrndesign-paperstack-icon-padding, 2px));\n        }\n        :host([dark]) .icon-container {\n          color: var(\n            --lrndesign-paperstack-bg,\n            var(--simple-colors-default-theme-grey-1)\n          );\n          background-color: var(\n            --lrndesign-paperstack-accent,\n            var(--simple-colors-default-theme-accent-9)\n          );\n        }\n        .title {\n          font-size: 16px;\n          color: var(\n            --lrndesign-paperstack-accent,\n            var(--simple-colors-default-theme-accent-8)\n          );\n          font-family: var(--lrndesign-paperstack-heading-font-family, cursive);\n          font-family: var(--lrndesign-paperstack-heading-font-size, 16px);\n        }\n        :host([dark]) .title {\n          color: var(\n            --lrndesign-paperstack-accent,\n            var(--simple-colors-default-theme-grey-12)\n          );\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-sidenote/lrndesign-sidenote.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-sidenote/lrndesign-sidenote.js
index 3e0cd05916c..caff3354c0a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-sidenote/lrndesign-sidenote.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-sidenote/lrndesign-sidenote.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
   _exports.LrndesignSidenote = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_aa236fa01f0511ed8cc3e9a95995ad69, _templateObject2_aa236fa01f0511ed8cc3e9a95995ad69;
+  var _templateObject_847f7fc01f2611eda0c389891c227ec8, _templateObject2_847f7fc01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -45,7 +45,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
     babelHelpers.createClass(LrndesignSidenote, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_aa236fa01f0511ed8cc3e9a95995ad69 || (_templateObject_aa236fa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\">\n        <div id=\"header\">\n          <simple-icon id=\"icon\" icon=", "></simple-icon>\n          <div id=\"label\">", "</div>\n        </div>\n        <slot></slot>\n      </div>\n    "])), this.icon, this.label);
+        return (0, _index.html)(_templateObject_847f7fc01f2611eda0c389891c227ec8 || (_templateObject_847f7fc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\">\n        <div id=\"header\">\n          <simple-icon id=\"icon\" icon=", "></simple-icon>\n          <div id=\"label\">", "</div>\n        </div>\n        <slot></slot>\n      </div>\n    "])), this.icon, this.label);
       }
     }], [{
       key: "properties",
@@ -71,7 +71,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignSidenote), "styles", this)), [(0, _index.css)(_templateObject2_aa236fa01f0511ed8cc3e9a95995ad69 || (_templateObject2_aa236fa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        #container {\n          display: block;\n          background-color: var(\n            --simple-colors-default-theme-accent-1,\n            #ffffff\n          );\n          padding: var(--lrndesign-sidenote-container-padding, 16px);\n          margin-left: var(--lrndesign-sidenote-container-margin-left, 0px);\n          color: var(--simple-colors-default-theme-accent-12, #000);\n        }\n\n        #header {\n          display: flex;\n          align-items: center;\n        }\n\n        #icon {\n          margin-right: 8px;\n        }\n\n        #label {\n          font-size: 20.8px;\n          margin: 12.8px 0;\n          flex: 1 1 auto;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignSidenote), "styles", this)), [(0, _index.css)(_templateObject2_847f7fc01f2611eda0c389891c227ec8 || (_templateObject2_847f7fc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        #container {\n          display: block;\n          background-color: var(\n            --simple-colors-default-theme-accent-1,\n            #ffffff\n          );\n          padding: var(--lrndesign-sidenote-container-padding, 16px);\n          margin-left: var(--lrndesign-sidenote-container-margin-left, 0px);\n          color: var(--simple-colors-default-theme-accent-12, #000);\n        }\n\n        #header {\n          display: flex;\n          align-items: center;\n        }\n\n        #icon {\n          margin-right: 8px;\n        }\n\n        #label {\n          font-size: 20.8px;\n          margin: 12.8px 0;\n          flex: 1 1 auto;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-stepper/lib/lrndesign-stepper-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-stepper/lib/lrndesign-stepper-button.js
index 91459841d0b..41d16fdaaf6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-stepper/lib/lrndesign-stepper-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-stepper/lib/lrndesign-stepper-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../simple
   });
   _exports.LrndesignStepperButton = void 0;
 
-  var _templateObject_e074c5401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b756a2c01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -44,7 +44,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../simple
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e074c5401f0511ed8cc3e9a95995ad69 || (_templateObject_e074c5401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --lrndesign-icon-button-color: #abacae;\n          --lrndesign-stepper-btn-title-color: #000;\n          --lrndesign-stepper-btn-active: #f6f7f7;\n          --lrndesign-border-color: #abacae;\n        }\n\n        .top-line,\n        .bottom-line {\n          background-color: transparent;\n        }\n\n        :host([location=\"start\"]) .bottom-line {\n          background-color: var(--lrndesign-icon-button-color);\n        }\n\n        :host([location=\"middle\"]) .top-line,\n        :host([location=\"middle\"]) .bottom-line {\n          background-color: var(--lrndesign-icon-button-color);\n        }\n\n        :host([location=\"end\"]) .top-line {\n          background-color: var(--lrndesign-icon-button-color);\n        }\n\n        .top-line {\n          width: 2px;\n          height: 24px;\n          margin: auto;\n        }\n\n        .bottom-line {\n          width: 2px;\n          height: 24px;\n          margin: auto;\n        }\n\n        .stepper-btn {\n          background-color: transparent;\n          display: flex;\n          width: 100%;\n          justify-content: center;\n        }\n\n        .node-title {\n          color: var(--lrndesign-stepper-btn-title-color);\n          text-transform: none;\n          line-height: 32px;\n          font-weight: bold;\n          font-size: 16px;\n        }\n\n        .btn-icon {\n          background-color: transparent;\n          color: var(--lrndesign-icon-button-color);\n          border-radius: 50%;\n          --simple-icon-height: 35px;\n          --simple-icon-width: 35px;\n        }\n\n        .url-style {\n          text-decoration: none;\n        }\n\n        .title-container {\n          padding: 10px;\n          width: 70%;\n          position: relative;\n          right: 19.2px;\n        }\n\n        .title-container:hover {\n          text-decoration: underline;\n        }\n\n        .box-container {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: flex-start;\n          position: relative;\n          width: 30%;\n        }\n\n        button {\n          width: 100%;\n          background-color: transparent;\n          position: relative;\n        }\n\n        button:after {\n          content: \"\";\n          display: block;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          top: 0;\n          left: 0;\n          border-top: 1px solid transparent;\n          border-bottom: 1px solid transparent;\n        }\n\n        button:active,\n        button:focus {\n          background-color: var(--lrndesign-stepper-btn-active);\n        }\n        button:focus simple-icon {\n          color: black;\n        }\n\n        button:active:after,\n        button:focus:after {\n          border-color: var(--lrndesign-border-color);\n        }\n\n        button {\n          border-radius: 0;\n          padding: 0;\n        }\n      </style>\n\n      <template is=\"dom-if\" if=\"{{hasCollapse(collapsible, 1)}}\">\n        <a11y-collapse>\n          <div class=\"box-container\" slot=\"heading\">\n            <div class=\"top-line\"></div>\n            <div class=\"stepper-btn\">\n              <simple-icon icon=\"[[icon]]\" class=\"btn-icon\"></simple-icon>\n            </div>\n            <div class=\"bottom-line\"></div>\n          </div>\n          <div class=\"title-container\">\n            <div class=\"node-title\">[[title]]</div>\n          </div>\n          <div><slot></slot></div>\n        </a11y-collapse>\n      </template>\n      <template is=\"dom-if\" if=\"{{hasCollapse(collapsible, 0)}}\">\n        <a tabindex=\"-1\" href=\"[[url]]\" class=\"url-style\">\n          <button class=\"btn\">\n            <div class=\"box-container\">\n              <div class=\"top-line\"></div>\n              <div class=\"stepper-btn\">\n                <simple-icon icon=\"[[icon]]\" class=\"btn-icon\"></simple-icon>\n              </div>\n              <div class=\"bottom-line\"></div>\n            </div>\n            <div class=\"title-container\">\n              <div class=\"node-title\">[[title]]</div>\n            </div>\n          </button>\n        </a>\n        <slot></slot>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b756a2c01f2611eda0c389891c227ec8 || (_templateObject_b756a2c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --lrndesign-icon-button-color: #abacae;\n          --lrndesign-stepper-btn-title-color: #000;\n          --lrndesign-stepper-btn-active: #f6f7f7;\n          --lrndesign-border-color: #abacae;\n        }\n\n        .top-line,\n        .bottom-line {\n          background-color: transparent;\n        }\n\n        :host([location=\"start\"]) .bottom-line {\n          background-color: var(--lrndesign-icon-button-color);\n        }\n\n        :host([location=\"middle\"]) .top-line,\n        :host([location=\"middle\"]) .bottom-line {\n          background-color: var(--lrndesign-icon-button-color);\n        }\n\n        :host([location=\"end\"]) .top-line {\n          background-color: var(--lrndesign-icon-button-color);\n        }\n\n        .top-line {\n          width: 2px;\n          height: 24px;\n          margin: auto;\n        }\n\n        .bottom-line {\n          width: 2px;\n          height: 24px;\n          margin: auto;\n        }\n\n        .stepper-btn {\n          background-color: transparent;\n          display: flex;\n          width: 100%;\n          justify-content: center;\n        }\n\n        .node-title {\n          color: var(--lrndesign-stepper-btn-title-color);\n          text-transform: none;\n          line-height: 32px;\n          font-weight: bold;\n          font-size: 16px;\n        }\n\n        .btn-icon {\n          background-color: transparent;\n          color: var(--lrndesign-icon-button-color);\n          border-radius: 50%;\n          --simple-icon-height: 35px;\n          --simple-icon-width: 35px;\n        }\n\n        .url-style {\n          text-decoration: none;\n        }\n\n        .title-container {\n          padding: 10px;\n          width: 70%;\n          position: relative;\n          right: 19.2px;\n        }\n\n        .title-container:hover {\n          text-decoration: underline;\n        }\n\n        .box-container {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: flex-start;\n          position: relative;\n          width: 30%;\n        }\n\n        button {\n          width: 100%;\n          background-color: transparent;\n          position: relative;\n        }\n\n        button:after {\n          content: \"\";\n          display: block;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          top: 0;\n          left: 0;\n          border-top: 1px solid transparent;\n          border-bottom: 1px solid transparent;\n        }\n\n        button:active,\n        button:focus {\n          background-color: var(--lrndesign-stepper-btn-active);\n        }\n        button:focus simple-icon {\n          color: black;\n        }\n\n        button:active:after,\n        button:focus:after {\n          border-color: var(--lrndesign-border-color);\n        }\n\n        button {\n          border-radius: 0;\n          padding: 0;\n        }\n      </style>\n\n      <template is=\"dom-if\" if=\"{{hasCollapse(collapsible, 1)}}\">\n        <a11y-collapse>\n          <div class=\"box-container\" slot=\"heading\">\n            <div class=\"top-line\"></div>\n            <div class=\"stepper-btn\">\n              <simple-icon icon=\"[[icon]]\" class=\"btn-icon\"></simple-icon>\n            </div>\n            <div class=\"bottom-line\"></div>\n          </div>\n          <div class=\"title-container\">\n            <div class=\"node-title\">[[title]]</div>\n          </div>\n          <div><slot></slot></div>\n        </a11y-collapse>\n      </template>\n      <template is=\"dom-if\" if=\"{{hasCollapse(collapsible, 0)}}\">\n        <a tabindex=\"-1\" href=\"[[url]]\" class=\"url-style\">\n          <button class=\"btn\">\n            <div class=\"box-container\">\n              <div class=\"top-line\"></div>\n              <div class=\"stepper-btn\">\n                <simple-icon icon=\"[[icon]]\" class=\"btn-icon\"></simple-icon>\n              </div>\n              <div class=\"bottom-line\"></div>\n            </div>\n            <div class=\"title-container\">\n              <div class=\"node-title\">[[title]]</div>\n            </div>\n          </button>\n        </a>\n        <slot></slot>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-stepper/lrndesign-stepper.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-stepper/lrndesign-stepper.js
index 1fd4508fe22..e5d511e86af 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-stepper/lrndesign-stepper.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-stepper/lrndesign-stepper.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/lrndesign
   });
   _exports.LrndesignStepper = void 0;
 
-  var _templateObject_aa5618601f0511ed8cc3e9a95995ad69;
+  var _templateObject_848cc6301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -55,7 +55,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/lrndesign
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_aa5618601f0511ed8cc3e9a95995ad69 || (_templateObject_aa5618601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <div class=\"buttons\"><slot></slot></div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_848cc6301f2611eda0c389891c227ec8 || (_templateObject_848cc6301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <div class=\"buttons\"><slot></slot></div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-timeline/lrndesign-timeline.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-timeline/lrndesign-timeline.js
index a8f00bf5e69..f250e648b5e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-timeline/lrndesign-timeline.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-timeline/lrndesign-timeline.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
   });
   _exports.LrndesignTimeline = void 0;
 
-  var _templateObject_aa5bbdb01f0511ed8cc3e9a95995ad69, _templateObject2_aa5bbdb01f0511ed8cc3e9a95995ad69, _templateObject3_aa5bbdb01f0511ed8cc3e9a95995ad69, _templateObject4_aa5bbdb01f0511ed8cc3e9a95995ad69;
+  var _templateObject_84c318701f2611eda0c389891c227ec8, _templateObject2_84c318701f2611eda0c389891c227ec8, _templateObject3_84c318701f2611eda0c389891c227ec8, _templateObject4_84c318701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -47,8 +47,8 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_aa5bbdb01f0511ed8cc3e9a95995ad69 || (_templateObject_aa5bbdb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <article>\n      <h1 id=\"title\">", "</h1>\n      <slot></slot>\n      <div id=\"timeline\">\n        <div id=\"events\" @scroll=\"", "\">\n          ", "\n        </div>\n      </div>\n    </article>"])), this.timelineTitle, this._checkScroll, this.eventsList.map(function (event, index) {
-          return (0, _index.html)(_templateObject2_aa5bbdb01f0511ed8cc3e9a95995ad69 || (_templateObject2_aa5bbdb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <section\n                class=\"event\"\n                ?has-media=\"", "\"\n                tabindex=\"0\"\n                @focus=\"", "\"\n              >\n                <div class=\"event-overview\">\n                  <div class=\"heading\"><h2>", "</h2></div>\n                  <div class=\"media-outer\">\n                    ", "\n                  </div>\n                </div>\n                <div class=\"details\">", "</div>\n              </section>\n            "])), event.imagesrc && event.imagesrc !== "", _this2._setScroll, event.heading, !event.imagesrc || event.imagesrc === "" ? "" : (0, _index.html)(_templateObject3_aa5bbdb01f0511ed8cc3e9a95995ad69 || (_templateObject3_aa5bbdb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                          <div>\n                            <div>\n                              <img\n                                alt=\"", "\"\n                                src=\"", "\"\n                              />\n                            </div>\n                          </div>\n                        "])), event.imagealt, event.imagesrc), event.details);
+        return (0, _index.html)(_templateObject_84c318701f2611eda0c389891c227ec8 || (_templateObject_84c318701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <article>\n      <h1 id=\"title\">", "</h1>\n      <slot></slot>\n      <div id=\"timeline\">\n        <div id=\"events\" @scroll=\"", "\">\n          ", "\n        </div>\n      </div>\n    </article>"])), this.timelineTitle, this._checkScroll, this.eventsList.map(function (event, index) {
+          return (0, _index.html)(_templateObject2_84c318701f2611eda0c389891c227ec8 || (_templateObject2_84c318701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <section\n                class=\"event\"\n                ?has-media=\"", "\"\n                tabindex=\"0\"\n                @focus=\"", "\"\n              >\n                <div class=\"event-overview\">\n                  <div class=\"heading\"><h2>", "</h2></div>\n                  <div class=\"media-outer\">\n                    ", "\n                  </div>\n                </div>\n                <div class=\"details\">", "</div>\n              </section>\n            "])), event.imagesrc && event.imagesrc !== "", _this2._setScroll, event.heading, !event.imagesrc || event.imagesrc === "" ? "" : (0, _index.html)(_templateObject3_84c318701f2611eda0c389891c227ec8 || (_templateObject3_84c318701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                          <div>\n                            <div>\n                              <img\n                                alt=\"", "\"\n                                src=\"", "\"\n                              />\n                            </div>\n                          </div>\n                        "])), event.imagealt, event.imagesrc), event.details);
         }));
       } // haxProperty definition
 
@@ -235,7 +235,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignTimeline), "styles", this)), [(0, _index.css)(_templateObject4_aa5bbdb01f0511ed8cc3e9a95995ad69 || (_templateObject4_aa5bbdb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          font-size: 14px;\n          font-weight: 100;\n          line-height: 160%;\n          display: block;\n          --lrndesign-timeline-color: var(\n            --simple-colors-default-theme-grey-8,\n            #444\n          );\n          --lrndesign-timeline-color-print: #000;\n          --lrndesign-timeline-background: #f4f4f4;\n          --lrndesign-timeline-background-print: #fff;\n          --lrndesign-timeline-border: var(\n            --simple-colors-default-theme-grey-5,\n            #bbb\n          );\n          --lrndesign-timeline-border-print: var(\n            --simple-colors-fixed-theme-grey-5,\n            #bbb\n          );\n          --lrndesign-timeline-accent: #000;\n          --lrndesign-timeline-accent-background: #fff;\n          --lrndesign-timeline-accent-border: var(\n            --simple-colors-default-theme-accent-8,\n            #444\n          );\n          --lrndesign-timeline-header: var(\n            --simple-colors-default-theme-accent-1,\n            #fff\n          );\n          --lrndesign-timeline-header-accent: var(\n            --simple-colors-default-theme-accent-8,\n            #444\n          );\n          --lrndesign-timeline-accent-print: var(\n            --simple-colors-fixed-theme-accent-8,\n            #444\n          );\n        }\n\n        :host([dark]) {\n          --lrndesign-timeline-background: #1b1b1b;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        ::slotted(section) {\n          display: none;\n        }\n\n        #timeline {\n          display: block;\n          border-radius: 3px;\n          border: 1px solid var(--lrndesign-timeline-border-print);\n          border-left: 3px solid var(--lrndesign-timeline-accent-print);\n          background-color: var(--lrndesign-timeline-background-print);\n          color: var(--lrndesign-timeline-color-print);\n        }\n\n        #events {\n          padding: 0;\n          width: 100%;\n          min-height: 300px;\n        }\n\n        .heading {\n          margin: 0;\n          color: var(--lrndesign-timeline-accent-print);\n        }\n\n        .heading h2 {\n          font-size: 24px;\n          font-weight: 300;\n        }\n\n        .heading h2,\n        .details,\n        .media-outer > div {\n          padding: 0 40px;\n        }\n\n        .details {\n          margin: 15px 0;\n        }\n\n        .media-outer > div {\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n\n        .media-outer > div,\n        .media-outer > div * {\n          margin: 0 auto;\n          max-width: 100%;\n          max-height: 260px;\n        }\n        @media screen {\n          #timeline {\n            color: var(--lrndesign-timeline-color);\n            background-color: var(--lrndesign-accent-background);\n            border: 1px solid var(--lrndesign-timeline-border);\n            border-left: 3px solid var(--lrndesign-timeline-accent-border);\n          }\n\n          :host([dark]) #timeline {\n            background-color: var(--lrndesign-timeline-background);\n          }\n\n          h2 {\n            color: var(--lrndesign-timeline-header-accent);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) #timeline {\n            background-color: var(--lrndesign-timeline-background);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) h2 {\n            color: var(--lrndesign-timeline-header-accent);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) #events {\n            height: 300px;\n            position: relative;\n            overflow-y: scroll;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event {\n            position: static;\n            top: 0;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event-overview {\n            padding: 0;\n            position: sticky;\n            top: 0;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .heading {\n            position: absolute;\n            top: 0;\n            padding: 10px 0;\n            overflow: hidden;\n            background-color: transparent;\n            width: calc(55% + 30px);\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event[has-media][selected]\n            .heading {\n            z-index: 2;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event[has-media] .heading:after {\n            content: \" \";\n            z-index: 200;\n            position: absolute;\n            top: 42px;\n            right: 30px;\n            width: 0;\n            padding: 0;\n            border-top: 0px solid transparent;\n            border-bottom: 0px solid transparent;\n            border-left: 0px solid transparent;\n            transition: all 0.3s;\n            transition-delay: 0.2s;\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event[has-media][selected]\n            .heading:after {\n            top: 7px;\n            right: 0px;\n            border-top: 35px solid transparent;\n            border-bottom: 35px solid transparent;\n            border-left: 35px solid var(--lrndesign-timeline-header-accent);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .heading h2 {\n            margin: 7px 48px 0 20px;\n            padding: 0 20px;\n            line-height: 50px;\n            height: 50px;\n            background-color: var(--lrndesign-timeline-background);\n            color: var(--lrndesign-timeline-header-accent);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event[selected] .heading h2 {\n            background-color: var(--lrndesign-timeline-header-accent);\n            color: var(--lrndesign-timeline-header);\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event[has-media]\n            .heading\n            h2:after {\n            content: \"\";\n            position: absolute;\n            left: calc(100% - 48px);\n            top: 17px;\n            height: 50px;\n            opacity: 0;\n            width: 0px;\n            transition: opacity 0.3s;\n            background-color: var(--lrndesign-timeline-background);\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event[has-media][selected]\n            .heading\n            h2:after {\n            width: 13px;\n            opacity: 1;\n            background-color: var(--lrndesign-timeline-header-accent);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .media-outer {\n            display: flex;\n            align-items: center;\n            position: absolute;\n            right: 0;\n            width: 45%;\n            height: 300px;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .media-outer > div {\n            display: flex;\n            padding: 20px 20px 20px 50px;\n            opacity: 0;\n            transition: opacity 0.3s delay 0.3s;\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event[selected]\n            .media-outer\n            > div {\n            opacity: 1;\n            transition-delay: 0s;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .details {\n            padding: 67px 20px 20px;\n            margin: 0 20px;\n            width: calc(55% - 80px);\n            color: var(--lrndesign-timeline-color);\n            background-color: var(--lrndesign-timeline-background);\n            border: 1px solid var(--lrndesign-timeline-background);\n            border-radius: 3px;\n            transition: all 0.5s;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event:last-of-type .details {\n            min-height: 180px;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event[selected] .details {\n            color: var(--lrndesign-timeline-accent);\n            background-color: var(--lrndesign-timeline-accent-background);\n            border: 1px solid var(--lrndesign-timeline-border);\n            box-shadow: 0 2px 2px var(--lrndesign-timeline-border);\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event:first-of-type[selected]\n            .details {\n            border-top: 1px solid var(--lrndesign-timeline-background);\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event:last-of-type[selected]\n            .details {\n            border-bottom: 1px solid var(--lrndesign-timeline-background);\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignTimeline), "styles", this)), [(0, _index.css)(_templateObject4_84c318701f2611eda0c389891c227ec8 || (_templateObject4_84c318701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          font-size: 14px;\n          font-weight: 100;\n          line-height: 160%;\n          display: block;\n          --lrndesign-timeline-color: var(\n            --simple-colors-default-theme-grey-8,\n            #444\n          );\n          --lrndesign-timeline-color-print: #000;\n          --lrndesign-timeline-background: #f4f4f4;\n          --lrndesign-timeline-background-print: #fff;\n          --lrndesign-timeline-border: var(\n            --simple-colors-default-theme-grey-5,\n            #bbb\n          );\n          --lrndesign-timeline-border-print: var(\n            --simple-colors-fixed-theme-grey-5,\n            #bbb\n          );\n          --lrndesign-timeline-accent: #000;\n          --lrndesign-timeline-accent-background: #fff;\n          --lrndesign-timeline-accent-border: var(\n            --simple-colors-default-theme-accent-8,\n            #444\n          );\n          --lrndesign-timeline-header: var(\n            --simple-colors-default-theme-accent-1,\n            #fff\n          );\n          --lrndesign-timeline-header-accent: var(\n            --simple-colors-default-theme-accent-8,\n            #444\n          );\n          --lrndesign-timeline-accent-print: var(\n            --simple-colors-fixed-theme-accent-8,\n            #444\n          );\n        }\n\n        :host([dark]) {\n          --lrndesign-timeline-background: #1b1b1b;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        ::slotted(section) {\n          display: none;\n        }\n\n        #timeline {\n          display: block;\n          border-radius: 3px;\n          border: 1px solid var(--lrndesign-timeline-border-print);\n          border-left: 3px solid var(--lrndesign-timeline-accent-print);\n          background-color: var(--lrndesign-timeline-background-print);\n          color: var(--lrndesign-timeline-color-print);\n        }\n\n        #events {\n          padding: 0;\n          width: 100%;\n          min-height: 300px;\n        }\n\n        .heading {\n          margin: 0;\n          color: var(--lrndesign-timeline-accent-print);\n        }\n\n        .heading h2 {\n          font-size: 24px;\n          font-weight: 300;\n        }\n\n        .heading h2,\n        .details,\n        .media-outer > div {\n          padding: 0 40px;\n        }\n\n        .details {\n          margin: 15px 0;\n        }\n\n        .media-outer > div {\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n\n        .media-outer > div,\n        .media-outer > div * {\n          margin: 0 auto;\n          max-width: 100%;\n          max-height: 260px;\n        }\n        @media screen {\n          #timeline {\n            color: var(--lrndesign-timeline-color);\n            background-color: var(--lrndesign-accent-background);\n            border: 1px solid var(--lrndesign-timeline-border);\n            border-left: 3px solid var(--lrndesign-timeline-accent-border);\n          }\n\n          :host([dark]) #timeline {\n            background-color: var(--lrndesign-timeline-background);\n          }\n\n          h2 {\n            color: var(--lrndesign-timeline-header-accent);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) #timeline {\n            background-color: var(--lrndesign-timeline-background);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) h2 {\n            color: var(--lrndesign-timeline-header-accent);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) #events {\n            height: 300px;\n            position: relative;\n            overflow-y: scroll;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event {\n            position: static;\n            top: 0;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event-overview {\n            padding: 0;\n            position: sticky;\n            top: 0;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .heading {\n            position: absolute;\n            top: 0;\n            padding: 10px 0;\n            overflow: hidden;\n            background-color: transparent;\n            width: calc(55% + 30px);\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event[has-media][selected]\n            .heading {\n            z-index: 2;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event[has-media] .heading:after {\n            content: \" \";\n            z-index: 200;\n            position: absolute;\n            top: 42px;\n            right: 30px;\n            width: 0;\n            padding: 0;\n            border-top: 0px solid transparent;\n            border-bottom: 0px solid transparent;\n            border-left: 0px solid transparent;\n            transition: all 0.3s;\n            transition-delay: 0.2s;\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event[has-media][selected]\n            .heading:after {\n            top: 7px;\n            right: 0px;\n            border-top: 35px solid transparent;\n            border-bottom: 35px solid transparent;\n            border-left: 35px solid var(--lrndesign-timeline-header-accent);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .heading h2 {\n            margin: 7px 48px 0 20px;\n            padding: 0 20px;\n            line-height: 50px;\n            height: 50px;\n            background-color: var(--lrndesign-timeline-background);\n            color: var(--lrndesign-timeline-header-accent);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event[selected] .heading h2 {\n            background-color: var(--lrndesign-timeline-header-accent);\n            color: var(--lrndesign-timeline-header);\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event[has-media]\n            .heading\n            h2:after {\n            content: \"\";\n            position: absolute;\n            left: calc(100% - 48px);\n            top: 17px;\n            height: 50px;\n            opacity: 0;\n            width: 0px;\n            transition: opacity 0.3s;\n            background-color: var(--lrndesign-timeline-background);\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event[has-media][selected]\n            .heading\n            h2:after {\n            width: 13px;\n            opacity: 1;\n            background-color: var(--lrndesign-timeline-header-accent);\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .media-outer {\n            display: flex;\n            align-items: center;\n            position: absolute;\n            right: 0;\n            width: 45%;\n            height: 300px;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .media-outer > div {\n            display: flex;\n            padding: 20px 20px 20px 50px;\n            opacity: 0;\n            transition: opacity 0.3s delay 0.3s;\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event[selected]\n            .media-outer\n            > div {\n            opacity: 1;\n            transition-delay: 0s;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .details {\n            padding: 67px 20px 20px;\n            margin: 0 20px;\n            width: calc(55% - 80px);\n            color: var(--lrndesign-timeline-color);\n            background-color: var(--lrndesign-timeline-background);\n            border: 1px solid var(--lrndesign-timeline-background);\n            border-radius: 3px;\n            transition: all 0.5s;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event:last-of-type .details {\n            min-height: 180px;\n          }\n\n          :host(:not([timeline-size=\"xs\"])) .event[selected] .details {\n            color: var(--lrndesign-timeline-accent);\n            background-color: var(--lrndesign-timeline-accent-background);\n            border: 1px solid var(--lrndesign-timeline-border);\n            box-shadow: 0 2px 2px var(--lrndesign-timeline-border);\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event:first-of-type[selected]\n            .details {\n            border-top: 1px solid var(--lrndesign-timeline-background);\n          }\n\n          :host(:not([timeline-size=\"xs\"]))\n            .event:last-of-type[selected]\n            .details {\n            border-bottom: 1px solid var(--lrndesign-timeline-background);\n          }\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-button/lrnsys-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-button/lrnsys-button.js
index 9222b83360a..c94989244b0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-button/lrnsys-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-button/lrnsys-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../materializecss-styles/lib/colors.js
   });
   _exports.LrnsysButton = void 0;
 
-  var _templateObject_aa6051901f0511ed8cc3e9a95995ad69, _templateObject2_aa6051901f0511ed8cc3e9a95995ad69;
+  var _templateObject_84c75e301f2611eda0c389891c227ec8, _templateObject2_84c75e301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -76,7 +76,7 @@ define(["exports", "../../lit/index.js", "../materializecss-styles/lib/colors.js
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_aa6051901f0511ed8cc3e9a95995ad69 || (_templateObject_aa6051901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a\n        tabindex=\"-1\"\n        id=\"lrnsys-button-link\"\n        part=\"lrnsys-button-link\"\n        ?disabled=\"", "\"\n      >\n        <button\n          id=\"button\"\n          title=\"", "\"\n          class=\"", " ", " ", "\"\n          part=\"lrnsys-button-button\"\n          ?disabled=\"", "\"\n          @focus-changed=\"", "\"\n        >\n          <div class=\"inner ", "\" part=\"lrnsys-button-inner-div\">\n            <slot name=\"prefix\"></slot>\n            <simple-icon\n              icon=\"", "\"\n              id=\"icon\"\n              ?dark=\"", "\"\n              accent-color=\"grey\"\n              contrast=\"4\"\n              class=\"", "\"\n              part=\"lrnsys-button-icon\"\n              ?hidden=\"", "\"\n            ></simple-icon>\n            <span\n              class=\"label\"\n              part=\"lrnsys-button-label\"\n              ?hidden=\"", "\"\n            >\n              ", "\n            </span>\n            <slot></slot>\n          </div>\n        </button>\n      </a>\n      <simple-tooltip\n        for=\"lrnsys-button-link\"\n        part=\"lrnsys-button-tooltip\"\n        animation-delay=\"0\"\n        ?hidden=\"", "\"\n        >", "</simple-tooltip\n      >\n    "])), this.disabled, this.alt, this.buttonClass, this.color, this.textColor, this.disabled, this.focusToggle, this.innerClass, this.icon, this.dark, this.iconClass, !this.icon, !this.label, this.label, !this.alt, this.alt);
+        return (0, _index.html)(_templateObject_84c75e301f2611eda0c389891c227ec8 || (_templateObject_84c75e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a\n        tabindex=\"-1\"\n        id=\"lrnsys-button-link\"\n        part=\"lrnsys-button-link\"\n        ?disabled=\"", "\"\n      >\n        <button\n          id=\"button\"\n          title=\"", "\"\n          class=\"", " ", " ", "\"\n          part=\"lrnsys-button-button\"\n          ?disabled=\"", "\"\n          @focus-changed=\"", "\"\n        >\n          <div class=\"inner ", "\" part=\"lrnsys-button-inner-div\">\n            <slot name=\"prefix\"></slot>\n            <simple-icon\n              icon=\"", "\"\n              id=\"icon\"\n              ?dark=\"", "\"\n              accent-color=\"grey\"\n              contrast=\"4\"\n              class=\"", "\"\n              part=\"lrnsys-button-icon\"\n              ?hidden=\"", "\"\n            ></simple-icon>\n            <span\n              class=\"label\"\n              part=\"lrnsys-button-label\"\n              ?hidden=\"", "\"\n            >\n              ", "\n            </span>\n            <slot></slot>\n          </div>\n        </button>\n      </a>\n      <simple-tooltip\n        for=\"lrnsys-button-link\"\n        part=\"lrnsys-button-tooltip\"\n        animation-delay=\"0\"\n        ?hidden=\"", "\"\n        >", "</simple-tooltip\n      >\n    "])), this.disabled, this.alt, this.buttonClass, this.color, this.textColor, this.disabled, this.focusToggle, this.innerClass, this.icon, this.dark, this.iconClass, !this.icon, !this.label, this.label, !this.alt, this.alt);
       }
     }, {
       key: "tapEventOn",
@@ -164,7 +164,7 @@ define(["exports", "../../lit/index.js", "../materializecss-styles/lib/colors.js
     }], [{
       key: "styles",
       get: function get() {
-        return [_colors.materialCssStyles, (0, _index.css)(_templateObject2_aa6051901f0511ed8cc3e9a95995ad69 || (_templateObject2_aa6051901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --lrnsys-button-height: 48px;\n        }\n        :host([raised]) {\n          border: 2px solid black;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        simple-icon.white-text {\n          --simple-colors-default-theme-accent-12: white;\n        }\n        a {\n          text-decoration: none;\n          display: block;\n          color: var(--lrnsys-button-link-color, #000000);\n          display: flex;\n        }\n        button {\n          padding: 0;\n          margin: 0;\n          min-width: 0.16px;\n          height: inherit;\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n          align-items: center;\n          width: 100%;\n          text-transform: unset;\n          border-radius: unset;\n          display: flex;\n          background-color: transparent;\n          border: none;\n          cursor: pointer;\n        }\n        button:hover {\n          cursor: pointer;\n        }\n        :host([no-padding]) button div.inner {\n          padding: 0;\n        }\n        button simple-icon {\n          --simple-icon-height: var(--lrnsys-button-height);\n          margin: 0 4px;\n        }\n        button simple-icon:first-child {\n          margin: 0 4px 0 0;\n        }\n        button simple-icon:last-child {\n          margin: 0 0 0 4px;\n        }\n        button div.inner {\n          height: var(--lrnsys-button-height);\n          line-height: var(--lrnsys-button-height);\n          display: flex;\n          padding: 0 16px;\n        }\n        button span.label {\n          height: var(--lrnsys-button-height);\n          line-height: var(--lrnsys-button-height);\n        }\n        .no-margin {\n          margin: 0 !important;\n        }\n        .no-right-padding {\n          padding-right: 0 !important;\n        }\n        .no-left-padding {\n          padding-left: 0 !important;\n        }\n      "])))];
+        return [_colors.materialCssStyles, (0, _index.css)(_templateObject2_84c75e301f2611eda0c389891c227ec8 || (_templateObject2_84c75e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --lrnsys-button-height: 48px;\n        }\n        :host([raised]) {\n          border: 2px solid black;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        simple-icon.white-text {\n          --simple-colors-default-theme-accent-12: white;\n        }\n        a {\n          text-decoration: none;\n          display: block;\n          color: var(--lrnsys-button-link-color, #000000);\n          display: flex;\n        }\n        button {\n          padding: 0;\n          margin: 0;\n          min-width: 0.16px;\n          height: inherit;\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n          align-items: center;\n          width: 100%;\n          text-transform: unset;\n          border-radius: unset;\n          display: flex;\n          background-color: transparent;\n          border: none;\n          cursor: pointer;\n        }\n        button:hover {\n          cursor: pointer;\n        }\n        :host([no-padding]) button div.inner {\n          padding: 0;\n        }\n        button simple-icon {\n          --simple-icon-height: var(--lrnsys-button-height);\n          margin: 0 4px;\n        }\n        button simple-icon:first-child {\n          margin: 0 4px 0 0;\n        }\n        button simple-icon:last-child {\n          margin: 0 0 0 4px;\n        }\n        button div.inner {\n          height: var(--lrnsys-button-height);\n          line-height: var(--lrnsys-button-height);\n          display: flex;\n          padding: 0 16px;\n        }\n        button span.label {\n          height: var(--lrnsys-button-height);\n          line-height: var(--lrnsys-button-height);\n        }\n        .no-margin {\n          margin: 0 !important;\n        }\n        .no-right-padding {\n          padding-right: 0 !important;\n        }\n        .no-left-padding {\n          padding-left: 0 !important;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-chartjs/lrnsys-chartjs.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-chartjs/lrnsys-chartjs.js
index 95e8c7bd329..e38bb5d56e0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-chartjs/lrnsys-chartjs.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-chartjs/lrnsys-chartjs.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@vowo/cha
   });
   _exports.LrnsysChartjs = void 0;
 
-  var _templateObject_aa61ff401f0511ed8cc3e9a95995ad69;
+  var _templateObject_84c8e4d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -60,7 +60,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@vowo/cha
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_aa61ff401f0511ed8cc3e9a95995ad69 || (_templateObject_aa61ff401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <div>\n        <!--\n        Use the logic from the logic of the template dom-if's to allow for abstraction for all the chart types\n      -->\n        <chart-line labels=\"{{labels}}\" data=\"[[data]]\"></chart-line>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_84c8e4d01f2611eda0c389891c227ec8 || (_templateObject_84c8e4d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <div>\n        <!--\n        Use the logic from the logic of the template dom-if's to allow for abstraction for all the chart types\n      -->\n        <chart-line labels=\"{{labels}}\" data=\"[[data]]\"></chart-line>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-comment/lib/lrnsys-comment-list.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-comment/lib/lrnsys-comment-list.js
index 0c6ffe5abe8..c2bfcc24084 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-comment/lib/lrnsys-comment-list.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-comment/lib/lrnsys-comment-list.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.LrnsysCommentList = void 0;
 
-  var _templateObject_e079ce501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b75babd01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -321,7 +321,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e079ce501f0511ed8cc3e9a95995ad69 || (_templateObject_e079ce501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        app-toolbar {\n          padding: 0;\n        }\n        app-toolbar > *:not(:last-child) {\n          margin-right: 10px;\n        }\n        lrnsys-button {\n          font-size: 12px;\n        }\n        .comment-button {\n          --lrnsys-button-height: unset;\n        }\n        .comment-button::part(lrnsys-button-inner-div) {\n          padding: 0;\n        }\n      </style>\n      <!-- Load all comments on load of element -->\n      <iron-ajax\n        auto\n        url=\"[[sourcePath]]\"\n        handle-as=\"json\"\n        method=\"[[opsRequestMethod.list]]\"\n        last-response=\"{{comments}}\"\n      ></iron-ajax>\n      <!-- Create stub-comment -->\n      <iron-ajax\n        id=\"ajaxcreatestub\"\n        url=\"[[createStubUrl]]\"\n        method=\"[[opsRequestMethod.create]]\"\n        body=\"[[activeComment.id]]\"\n        on-response=\"_updateReply\"\n        handle-as=\"json\"\n        last-response=\"{{newComment}}\"\n      ></iron-ajax>\n      <!-- Update comment -->\n      <iron-ajax\n        id=\"ajaxupdaterequest\"\n        url=\"[[reqUrl]]\"\n        method=\"[[opsRequestMethod.update]]\"\n        body=\"[[activeComment]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleUpdateResponse\"\n      ></iron-ajax>\n      <!-- Delete comment -->\n      <iron-ajax\n        id=\"ajaxdeleterequest\"\n        url=\"[[reqUrl]]\"\n        method=\"[[opsRequestMethod.delete]]\"\n        body=\"[[activeComment]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleDeleteResponse\"\n      ></iron-ajax>\n      <!-- Like comment -->\n      <iron-ajax\n        id=\"ajaxlikerequest\"\n        url=\"[[reqUrl]]\"\n        method=\"[[opsRequestMethod.like]]\"\n        body=\"[[activeComment]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleLikeResponse\"\n      ></iron-ajax>\n      <app-toolbar>\n        <lrnsys-button\n          icon=\"add\"\n          class=\"comment-button\"\n          raised\n          on-click=\"handleTopReply\"\n          id=\"leavecomment\"\n          hover-class=\"blue white-text\"\n          label=\"Add Comment\"\n        ></lrnsys-button>\n        <paper-input\n          label=\"Filter comments by text\"\n          id=\"filtercomments\"\n          aria-controls=\"filteredcomments\"\n          value=\"\"\n          always-float-label=\"\"\n        ></paper-input>\n      </app-toolbar>\n      <grafitto-filter\n        id=\"filteredcomments\"\n        items$=\"[[_toArray(comments.data)]]\"\n        where=\"attributes.body\"\n        as=\"filtered\"\n        like=\"\"\n      >\n        <template>\n          <template\n            is=\"dom-repeat\"\n            id=\"commentlist\"\n            items=\"[[filtered]]\"\n            as=\"item\"\n          >\n            <lrnsys-comment\n              comment=\"{{item}}\"\n              hover-class=\"blue white-text\"\n            ></lrnsys-comment>\n          </template>\n        </template>\n      </grafitto-filter>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b75babd01f2611eda0c389891c227ec8 || (_templateObject_b75babd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        app-toolbar {\n          padding: 0;\n        }\n        app-toolbar > *:not(:last-child) {\n          margin-right: 10px;\n        }\n        lrnsys-button {\n          font-size: 12px;\n        }\n        .comment-button {\n          --lrnsys-button-height: unset;\n        }\n        .comment-button::part(lrnsys-button-inner-div) {\n          padding: 0;\n        }\n      </style>\n      <!-- Load all comments on load of element -->\n      <iron-ajax\n        auto\n        url=\"[[sourcePath]]\"\n        handle-as=\"json\"\n        method=\"[[opsRequestMethod.list]]\"\n        last-response=\"{{comments}}\"\n      ></iron-ajax>\n      <!-- Create stub-comment -->\n      <iron-ajax\n        id=\"ajaxcreatestub\"\n        url=\"[[createStubUrl]]\"\n        method=\"[[opsRequestMethod.create]]\"\n        body=\"[[activeComment.id]]\"\n        on-response=\"_updateReply\"\n        handle-as=\"json\"\n        last-response=\"{{newComment}}\"\n      ></iron-ajax>\n      <!-- Update comment -->\n      <iron-ajax\n        id=\"ajaxupdaterequest\"\n        url=\"[[reqUrl]]\"\n        method=\"[[opsRequestMethod.update]]\"\n        body=\"[[activeComment]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleUpdateResponse\"\n      ></iron-ajax>\n      <!-- Delete comment -->\n      <iron-ajax\n        id=\"ajaxdeleterequest\"\n        url=\"[[reqUrl]]\"\n        method=\"[[opsRequestMethod.delete]]\"\n        body=\"[[activeComment]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleDeleteResponse\"\n      ></iron-ajax>\n      <!-- Like comment -->\n      <iron-ajax\n        id=\"ajaxlikerequest\"\n        url=\"[[reqUrl]]\"\n        method=\"[[opsRequestMethod.like]]\"\n        body=\"[[activeComment]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleLikeResponse\"\n      ></iron-ajax>\n      <app-toolbar>\n        <lrnsys-button\n          icon=\"add\"\n          class=\"comment-button\"\n          raised\n          on-click=\"handleTopReply\"\n          id=\"leavecomment\"\n          hover-class=\"blue white-text\"\n          label=\"Add Comment\"\n        ></lrnsys-button>\n        <paper-input\n          label=\"Filter comments by text\"\n          id=\"filtercomments\"\n          aria-controls=\"filteredcomments\"\n          value=\"\"\n          always-float-label=\"\"\n        ></paper-input>\n      </app-toolbar>\n      <grafitto-filter\n        id=\"filteredcomments\"\n        items$=\"[[_toArray(comments.data)]]\"\n        where=\"attributes.body\"\n        as=\"filtered\"\n        like=\"\"\n      >\n        <template>\n          <template\n            is=\"dom-repeat\"\n            id=\"commentlist\"\n            items=\"[[filtered]]\"\n            as=\"item\"\n          >\n            <lrnsys-comment\n              comment=\"{{item}}\"\n              hover-class=\"blue white-text\"\n            ></lrnsys-comment>\n          </template>\n        </template>\n      </grafitto-filter>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-comment/lrnsys-comment.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-comment/lrnsys-comment.js
index eed37d5b99c..f1ff05314ad 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-comment/lrnsys-comment.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-comment/lrnsys-comment.js
@@ -7,7 +7,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   _exports.LrnsysComment = void 0;
   async = _interopRequireWildcard(async);
 
-  var _templateObject_ac20c6401f0511ed8cc3e9a95995ad69;
+  var _templateObject_86eb28901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -206,7 +206,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_ac20c6401f0511ed8cc3e9a95995ad69 || (_templateObject_ac20c6401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles-colors\">\n        :host {\n          display: block;\n          padding: 10px 10px 10px 0px;\n        }\n        :host([disabled]) {\n          opacity: 0.5;\n          background-color: #cccccc;\n          pointer-events: none;\n        }\n        :host(:focus),\n        :host(:hover) {\n          z-index: 2;\n        }\n        :host(:focus) .comment-outer,\n        :host(:hover) .comment-outer {\n          border: 1px #0277bd solid;\n        }\n        :host [hidden] {\n          display: none;\n        }\n        .comment-outer {\n          display: table;\n          width: 100%;\n          border: 1px #ddd solid;\n          color: #444;\n        }\n        .comment-outer.new-comment {\n          border: 1px #d81b60 dashed;\n          color: #000;\n        }\n        .comment-inner {\n          display: table-row;\n        }\n        .comment-avatar {\n          padding: 0 7px;\n          width: 40px;\n        }\n\n        @media (max-width: 800px) {\n          .comment-depth,\n          .comment-avatar,\n          .comment-content {\n            padding: 0;\n          }\n        }\n        .comment-depth,\n        .comment-avatar,\n        .comment-content {\n          padding-top: 8px;\n          padding-bottom: 8px;\n          display: table-cell;\n          vertical-align: top;\n        }\n        .comment-content {\n          padding-right: 7px;\n          max-width: 300px;\n        }\n        h1,\n        h2,\n        h3,\n        h4 {\n          text-align: left;\n          font-size: 20px;\n          line-height: 20px;\n        }\n        h1.comment-heading,\n        h2.comment-heading,\n        h3.comment-heading,\n        h4.comment-heading {\n          margin-top: 7px;\n          position: sticky;\n        }\n        p {\n          font-size: 14px;\n          line-height: 18px;\n          text-align: left;\n        }\n        #editcomment {\n          background-color: white;\n          padding: 4px;\n        }\n        marked-element {\n          line-height: 16px;\n          font-size: 14.4px;\n          max-height: 500px;\n          overflow-y: auto;\n        }\n        .nowrap-me marked-element:hover {\n          box-shadow: -1px 0 0 0 black inset;\n          cursor: pointer;\n        }\n        .nowrap-me marked-element ::slotted(#content p.marked-element) {\n          height: 32px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          margin-bottom: 35px;\n        }\n        .nowrap-me marked-element ::slotted(#content p.marked-element:after) {\n          content: \"see more\";\n          position: absolute;\n          bottom: 65px;\n          right: 17px;\n          color: #1976d2;\n        }\n        .comment-depth-1 {\n          width: 0;\n        }\n        .comment-depth-2 {\n          width: 54px;\n          border-right: 3px solid #ccc;\n        }\n        .comment-depth-3,\n        .comment-depth-4,\n        .comment-depth-5,\n        .comment-depth-6,\n        .comment-depth-7,\n        .comment-depth-8,\n        .comment-depth-9 {\n          width: 108px;\n          border-right: 3px solid #ccc;\n        }\n        @media (max-width: 1000px) {\n          .comment-depth-2,\n          .comment-depth-3,\n          .comment-depth-4,\n          .comment-depth-5,\n          .comment-depth-6,\n          .comment-depth-7,\n          .comment-depth-8,\n          .comment-depth-9 {\n            width: 54px;\n          }\n        }\n        @media (max-width: 800px) {\n          .comment-depth-2,\n          .comment-depth-3,\n          .comment-depth-4,\n          .comment-depth-5,\n          .comment-depth-6,\n          .comment-depth-7,\n          .comment-depth-8,\n          .comment-depth-9 {\n            width: 27px;\n          }\n        }\n        @media (max-width: 700px) {\n          .comment-depth-2,\n          .comment-depth-3,\n          .comment-depth-4,\n          .comment-depth-5,\n          .comment-depth-6,\n          .comment-depth-7,\n          .comment-depth-8,\n          .comment-depth-9 {\n            width: 8px;\n          }\n        }\n        .center {\n          padding: 0;\n        }\n        .circle {\n          border-radius: 50% !important;\n        }\n        .comment-actions {\n          margin: 0;\n          padding: 0;\n          display: block;\n          border-top: 1px solid #ddd;\n        }\n        .comment-actions lrnsys-button {\n          display: inline-flex;\n          --lrnsys-button-height: 30px;\n          padding: 1px;\n        }\n        @media (max-width: 800px) {\n          .comment-actions lrnsys-button span {\n            display: none;\n          }\n        }\n        .comment-actions .comment-actions-group {\n          margin: 0;\n          padding: 0;\n          display: block;\n        }\n        .comment-actions .comment-actions-group.left-actions {\n          float: left;\n        }\n        .comment-actions .comment-actions-group.right-actions {\n          float: right;\n        }\n        moment-element {\n          float: right;\n          font-size: 90%;\n          font-style: italic;\n          font-weight: normal;\n        }\n        paper-badge {\n          display: flex;\n          float: right;\n        }\n        .like-icon-color {\n          color: #2196f3;\n        }\n        .element-invisible {\n          position: absolute;\n          left: -9999px;\n          top: 0;\n          width: 0;\n          height: 0;\n          overflow: hidden;\n        }\n      </style>\n      <div class$=\"comment-outer [[commentNew]]\">\n        <div class=\"comment-inner\">\n          <div\n            class$=\"comment-depth comment-depth-[[comment.attributes.threadDepth]] grey lighten-3\"\n          ></div>\n          <div class=\"comment-avatar\">\n            <lrndesign-avatar\n              id=\"avatar\"\n              label=\"[[comment.relationships.author.data.name]]\"\n              src=\"[[comment.relationships.author.data.avatar]]\"\n              class=\"float-left ferpa-protect\"\n            ></lrndesign-avatar>\n            <simple-tooltip\n              for=\"avatar\"\n              animation-delay=\"0\"\n              class=\"ferpa-protect\"\n              >[[displayName]]</simple-tooltip\n            >\n            <template\n              is=\"dom-if\"\n              if=\"[[comment.relationships.author.data.visual.icon]]\"\n            >\n              <paper-badge\n                icon=\"[[comment.relationships.author.data.visual.icon]]\"\n                for=\"papercard\"\n                label=\"[[comment.relationships.author.data.visual.label]]\"\n              >\n              </paper-badge>\n            </template>\n          </div>\n          <div class=\"comment-content\">\n            <div class=\"comment-body\">\n              <div id=\"bodyarea\" class=\"nowrap-me\">\n                <h4 class=\"ferpa-protect comment-heading\">\n                  <span class=\"element-invisible\">At </span\n                  ><moment-element\n                    datetime$=\"[[comment.attributes.created]]\"\n                    output-format=\"MMM DD[,] YYYY\"\n                  ></moment-element>\n                  [[comment.relationships.author.data.display_name]]\n                  <span class=\"element-invisible\"\n                    >[[comment.relationships.author.data.visual.label]]</span\n                  >\n                  said:\n                </h4>\n                <marked-element\n                  smartypants\n                  id=\"renderedcomment\"\n                  markdown=\"[[comment.attributes.body]]\"\n                >\n                  <word-count\n                    class=\"markdown-html-slot\"\n                    slot=\"markdown-html\"\n                  ></word-count>\n                </marked-element>\n              </div>\n              <mtz-marked-editor id=\"commenteditor\" hidden>\n                <div slot=\"controls\">\n                  <mtz-marked-control-generic-wrap\n                    icon=\"editor:format-bold\"\n                    title=\"Bold\"\n                    syntax-prefix=\"**\"\n                    syntax-suffix=\"**\"\n                    keys=\"ctrl+b\"\n                  ></mtz-marked-control-generic-wrap>\n                  <mtz-marked-control-generic-wrap\n                    icon=\"editor:format-italic\"\n                    title=\"Italic\"\n                    syntax-prefix=\"_\"\n                    syntax-suffix=\"_\"\n                    keys=\"ctrl+i\"\n                  ></mtz-marked-control-generic-wrap>\n                  <mtz-marked-control-generic-line\n                    icon=\"editor:format-size\"\n                    title=\"Heading 3\"\n                    syntax-prefix=\"### \"\n                  ></mtz-marked-control-generic-line>\n                  <mtz-marked-control-generic-line\n                    icon=\"editor:format-list-numbered\"\n                    title=\"Ordered List\"\n                    syntax-prefix=\"1. \"\n                  ></mtz-marked-control-generic-line>\n                  <mtz-marked-control-generic-line\n                    icon=\"editor:format-list-bulleted\"\n                    title=\"Unordered List\"\n                    syntax-prefix=\"- \"\n                  ></mtz-marked-control-generic-line>\n                  <mtz-marked-control-link\n                    icon=\"editor:insert-link\"\n                    title=\"Link\"\n                  ></mtz-marked-control-link>\n                </div>\n                <paper-textarea\n                  char-counter\n                  autofocus\n                  id=\"editcomment\"\n                  label=\"Comment\"\n                  value=\"{{comment.attributes.body}}\"\n                  slot=\"textarea\"\n                ></paper-textarea>\n              </mtz-marked-editor>\n            </div>\n            <div class=\"comment-actions\">\n              <div class=\"comment-actions-group left-actions\">\n                <lrnsys-button\n                  on-click=\"actionHandler\"\n                  id=\"reply\"\n                  no-padding\n                  data-commentid=\"[[comment.id]]\"\n                  icon=\"reply\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden$=\"[[!comment.actions.reply]]\"\n                  label=\"Reply\"\n                ></lrnsys-button>\n              </div>\n              <div class=\"comment-actions-group right-actions\">\n                <lrnsys-button\n                  on-click=\"actionHandler\"\n                  id=\"edit\"\n                  data-commentid=\"[[comment.id]]\"\n                  icon=\"create\"\n                  no-padding\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden$=\"[[!comment.actions.edit]]\"\n                  label=\"Edit\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  on-click=\"actionHandler\"\n                  id=\"delete\"\n                  no-padding\n                  data-commentid=\"[[comment.id]]\"\n                  icon=\"delete-forever\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden$=\"[[!comment.actions.delete]]\"\n                  label=\"Delete\"\n                ></lrnsys-button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_86eb28901f2611eda0c389891c227ec8 || (_templateObject_86eb28901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles-colors\">\n        :host {\n          display: block;\n          padding: 10px 10px 10px 0px;\n        }\n        :host([disabled]) {\n          opacity: 0.5;\n          background-color: #cccccc;\n          pointer-events: none;\n        }\n        :host(:focus),\n        :host(:hover) {\n          z-index: 2;\n        }\n        :host(:focus) .comment-outer,\n        :host(:hover) .comment-outer {\n          border: 1px #0277bd solid;\n        }\n        :host [hidden] {\n          display: none;\n        }\n        .comment-outer {\n          display: table;\n          width: 100%;\n          border: 1px #ddd solid;\n          color: #444;\n        }\n        .comment-outer.new-comment {\n          border: 1px #d81b60 dashed;\n          color: #000;\n        }\n        .comment-inner {\n          display: table-row;\n        }\n        .comment-avatar {\n          padding: 0 7px;\n          width: 40px;\n        }\n\n        @media (max-width: 800px) {\n          .comment-depth,\n          .comment-avatar,\n          .comment-content {\n            padding: 0;\n          }\n        }\n        .comment-depth,\n        .comment-avatar,\n        .comment-content {\n          padding-top: 8px;\n          padding-bottom: 8px;\n          display: table-cell;\n          vertical-align: top;\n        }\n        .comment-content {\n          padding-right: 7px;\n          max-width: 300px;\n        }\n        h1,\n        h2,\n        h3,\n        h4 {\n          text-align: left;\n          font-size: 20px;\n          line-height: 20px;\n        }\n        h1.comment-heading,\n        h2.comment-heading,\n        h3.comment-heading,\n        h4.comment-heading {\n          margin-top: 7px;\n          position: sticky;\n        }\n        p {\n          font-size: 14px;\n          line-height: 18px;\n          text-align: left;\n        }\n        #editcomment {\n          background-color: white;\n          padding: 4px;\n        }\n        marked-element {\n          line-height: 16px;\n          font-size: 14.4px;\n          max-height: 500px;\n          overflow-y: auto;\n        }\n        .nowrap-me marked-element:hover {\n          box-shadow: -1px 0 0 0 black inset;\n          cursor: pointer;\n        }\n        .nowrap-me marked-element ::slotted(#content p.marked-element) {\n          height: 32px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          margin-bottom: 35px;\n        }\n        .nowrap-me marked-element ::slotted(#content p.marked-element:after) {\n          content: \"see more\";\n          position: absolute;\n          bottom: 65px;\n          right: 17px;\n          color: #1976d2;\n        }\n        .comment-depth-1 {\n          width: 0;\n        }\n        .comment-depth-2 {\n          width: 54px;\n          border-right: 3px solid #ccc;\n        }\n        .comment-depth-3,\n        .comment-depth-4,\n        .comment-depth-5,\n        .comment-depth-6,\n        .comment-depth-7,\n        .comment-depth-8,\n        .comment-depth-9 {\n          width: 108px;\n          border-right: 3px solid #ccc;\n        }\n        @media (max-width: 1000px) {\n          .comment-depth-2,\n          .comment-depth-3,\n          .comment-depth-4,\n          .comment-depth-5,\n          .comment-depth-6,\n          .comment-depth-7,\n          .comment-depth-8,\n          .comment-depth-9 {\n            width: 54px;\n          }\n        }\n        @media (max-width: 800px) {\n          .comment-depth-2,\n          .comment-depth-3,\n          .comment-depth-4,\n          .comment-depth-5,\n          .comment-depth-6,\n          .comment-depth-7,\n          .comment-depth-8,\n          .comment-depth-9 {\n            width: 27px;\n          }\n        }\n        @media (max-width: 700px) {\n          .comment-depth-2,\n          .comment-depth-3,\n          .comment-depth-4,\n          .comment-depth-5,\n          .comment-depth-6,\n          .comment-depth-7,\n          .comment-depth-8,\n          .comment-depth-9 {\n            width: 8px;\n          }\n        }\n        .center {\n          padding: 0;\n        }\n        .circle {\n          border-radius: 50% !important;\n        }\n        .comment-actions {\n          margin: 0;\n          padding: 0;\n          display: block;\n          border-top: 1px solid #ddd;\n        }\n        .comment-actions lrnsys-button {\n          display: inline-flex;\n          --lrnsys-button-height: 30px;\n          padding: 1px;\n        }\n        @media (max-width: 800px) {\n          .comment-actions lrnsys-button span {\n            display: none;\n          }\n        }\n        .comment-actions .comment-actions-group {\n          margin: 0;\n          padding: 0;\n          display: block;\n        }\n        .comment-actions .comment-actions-group.left-actions {\n          float: left;\n        }\n        .comment-actions .comment-actions-group.right-actions {\n          float: right;\n        }\n        moment-element {\n          float: right;\n          font-size: 90%;\n          font-style: italic;\n          font-weight: normal;\n        }\n        paper-badge {\n          display: flex;\n          float: right;\n        }\n        .like-icon-color {\n          color: #2196f3;\n        }\n        .element-invisible {\n          position: absolute;\n          left: -9999px;\n          top: 0;\n          width: 0;\n          height: 0;\n          overflow: hidden;\n        }\n      </style>\n      <div class$=\"comment-outer [[commentNew]]\">\n        <div class=\"comment-inner\">\n          <div\n            class$=\"comment-depth comment-depth-[[comment.attributes.threadDepth]] grey lighten-3\"\n          ></div>\n          <div class=\"comment-avatar\">\n            <lrndesign-avatar\n              id=\"avatar\"\n              label=\"[[comment.relationships.author.data.name]]\"\n              src=\"[[comment.relationships.author.data.avatar]]\"\n              class=\"float-left ferpa-protect\"\n            ></lrndesign-avatar>\n            <simple-tooltip\n              for=\"avatar\"\n              animation-delay=\"0\"\n              class=\"ferpa-protect\"\n              >[[displayName]]</simple-tooltip\n            >\n            <template\n              is=\"dom-if\"\n              if=\"[[comment.relationships.author.data.visual.icon]]\"\n            >\n              <paper-badge\n                icon=\"[[comment.relationships.author.data.visual.icon]]\"\n                for=\"papercard\"\n                label=\"[[comment.relationships.author.data.visual.label]]\"\n              >\n              </paper-badge>\n            </template>\n          </div>\n          <div class=\"comment-content\">\n            <div class=\"comment-body\">\n              <div id=\"bodyarea\" class=\"nowrap-me\">\n                <h4 class=\"ferpa-protect comment-heading\">\n                  <span class=\"element-invisible\">At </span\n                  ><moment-element\n                    datetime$=\"[[comment.attributes.created]]\"\n                    output-format=\"MMM DD[,] YYYY\"\n                  ></moment-element>\n                  [[comment.relationships.author.data.display_name]]\n                  <span class=\"element-invisible\"\n                    >[[comment.relationships.author.data.visual.label]]</span\n                  >\n                  said:\n                </h4>\n                <marked-element\n                  smartypants\n                  id=\"renderedcomment\"\n                  markdown=\"[[comment.attributes.body]]\"\n                >\n                  <word-count\n                    class=\"markdown-html-slot\"\n                    slot=\"markdown-html\"\n                  ></word-count>\n                </marked-element>\n              </div>\n              <mtz-marked-editor id=\"commenteditor\" hidden>\n                <div slot=\"controls\">\n                  <mtz-marked-control-generic-wrap\n                    icon=\"editor:format-bold\"\n                    title=\"Bold\"\n                    syntax-prefix=\"**\"\n                    syntax-suffix=\"**\"\n                    keys=\"ctrl+b\"\n                  ></mtz-marked-control-generic-wrap>\n                  <mtz-marked-control-generic-wrap\n                    icon=\"editor:format-italic\"\n                    title=\"Italic\"\n                    syntax-prefix=\"_\"\n                    syntax-suffix=\"_\"\n                    keys=\"ctrl+i\"\n                  ></mtz-marked-control-generic-wrap>\n                  <mtz-marked-control-generic-line\n                    icon=\"editor:format-size\"\n                    title=\"Heading 3\"\n                    syntax-prefix=\"### \"\n                  ></mtz-marked-control-generic-line>\n                  <mtz-marked-control-generic-line\n                    icon=\"editor:format-list-numbered\"\n                    title=\"Ordered List\"\n                    syntax-prefix=\"1. \"\n                  ></mtz-marked-control-generic-line>\n                  <mtz-marked-control-generic-line\n                    icon=\"editor:format-list-bulleted\"\n                    title=\"Unordered List\"\n                    syntax-prefix=\"- \"\n                  ></mtz-marked-control-generic-line>\n                  <mtz-marked-control-link\n                    icon=\"editor:insert-link\"\n                    title=\"Link\"\n                  ></mtz-marked-control-link>\n                </div>\n                <paper-textarea\n                  char-counter\n                  autofocus\n                  id=\"editcomment\"\n                  label=\"Comment\"\n                  value=\"{{comment.attributes.body}}\"\n                  slot=\"textarea\"\n                ></paper-textarea>\n              </mtz-marked-editor>\n            </div>\n            <div class=\"comment-actions\">\n              <div class=\"comment-actions-group left-actions\">\n                <lrnsys-button\n                  on-click=\"actionHandler\"\n                  id=\"reply\"\n                  no-padding\n                  data-commentid=\"[[comment.id]]\"\n                  icon=\"reply\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden$=\"[[!comment.actions.reply]]\"\n                  label=\"Reply\"\n                ></lrnsys-button>\n              </div>\n              <div class=\"comment-actions-group right-actions\">\n                <lrnsys-button\n                  on-click=\"actionHandler\"\n                  id=\"edit\"\n                  data-commentid=\"[[comment.id]]\"\n                  icon=\"create\"\n                  no-padding\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden$=\"[[!comment.actions.edit]]\"\n                  label=\"Edit\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  on-click=\"actionHandler\"\n                  id=\"delete\"\n                  no-padding\n                  data-commentid=\"[[comment.id]]\"\n                  icon=\"delete-forever\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden$=\"[[!comment.actions.delete]]\"\n                  label=\"Delete\"\n                ></lrnsys-button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-button-inner.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-button-inner.js
index 4dd259d0491..9ef31749054 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-button-inner.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-button-inner.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/simple-icon.js",
   });
   _exports.LrnsysButtonInner = void 0;
 
-  var _templateObject_e07c18401f0511ed8cc3e9a95995ad69, _templateObject2_e07c18401f0511ed8cc3e9a95995ad69, _templateObject3_e07c18401f0511ed8cc3e9a95995ad69, _templateObject4_e07c18401f0511ed8cc3e9a95995ad69, _templateObject5_e07c18401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b75df5c01f2611eda0c389891c227ec8, _templateObject2_b75df5c01f2611eda0c389891c227ec8, _templateObject3_b75df5c01f2611eda0c389891c227ec8, _templateObject4_b75df5c01f2611eda0c389891c227ec8, _templateObject5_b75df5c01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -39,7 +39,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/simple-icon.js",
     babelHelpers.createClass(LrnsysButtonInner, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e07c18401f0511ed8cc3e9a95995ad69 || (_templateObject_e07c18401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        ", "\n        ", "\n        ", "\n      </div>\n      <div><slot name=\"button\"></slot><slot></slot></div>\n    "])), this.avatar != "" ? (0, _index.html)(_templateObject2_e07c18401f0511ed8cc3e9a95995ad69 || (_templateObject2_e07c18401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <paper-avatar\n                part=\"lrnsys-button-inner-paper-avatar\"\n                src=\"", "\"\n              ></paper-avatar>\n            "])), this.avatar) : "", this.icon != "" ? (0, _index.html)(_templateObject3_e07c18401f0511ed8cc3e9a95995ad69 || (_templateObject3_e07c18401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon\n                part=\"lrnsys-button-inner-simple-icon\"\n                icon=\"", "\"\n                accent-color=\"grey\"\n                contrast=\"4\"\n              ></simple-icon>\n            "])), this.icon) : "", this.text != "" ? (0, _index.html)(_templateObject4_e07c18401f0511ed8cc3e9a95995ad69 || (_templateObject4_e07c18401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <span\n                class=\"", "\"\n                part=\"lrnsys-button-inner-text-label\"\n                >", "</span\n              >\n            "])), this._getTextLabelClass(this.avatar, this.icon), this.text) : "");
+        return (0, _index.html)(_templateObject_b75df5c01f2611eda0c389891c227ec8 || (_templateObject_b75df5c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        ", "\n        ", "\n        ", "\n      </div>\n      <div><slot name=\"button\"></slot><slot></slot></div>\n    "])), this.avatar != "" ? (0, _index.html)(_templateObject2_b75df5c01f2611eda0c389891c227ec8 || (_templateObject2_b75df5c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <paper-avatar\n                part=\"lrnsys-button-inner-paper-avatar\"\n                src=\"", "\"\n              ></paper-avatar>\n            "])), this.avatar) : "", this.icon != "" ? (0, _index.html)(_templateObject3_b75df5c01f2611eda0c389891c227ec8 || (_templateObject3_b75df5c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon\n                part=\"lrnsys-button-inner-simple-icon\"\n                icon=\"", "\"\n                accent-color=\"grey\"\n                contrast=\"4\"\n              ></simple-icon>\n            "])), this.icon) : "", this.text != "" ? (0, _index.html)(_templateObject4_b75df5c01f2611eda0c389891c227ec8 || (_templateObject4_b75df5c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <span\n                class=\"", "\"\n                part=\"lrnsys-button-inner-text-label\"\n                >", "</span\n              >\n            "])), this._getTextLabelClass(this.avatar, this.icon), this.text) : "");
       }
     }, {
       key: "_getTextLabelClass",
@@ -62,7 +62,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/simple-icon.js",
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject5_e07c18401f0511ed8cc3e9a95995ad69 || (_templateObject5_e07c18401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host > div > * {\n          vertical-align: middle;\n        }\n        .text-label {\n          margin-left: 8px;\n        }\n        .text-label-only {\n          margin-left: 0;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject5_b75df5c01f2611eda0c389891c227ec8 || (_templateObject5_b75df5c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host > div > * {\n          vertical-align: middle;\n        }\n        .text-label {\n          margin-left: 8px;\n        }\n        .text-label-only {\n          margin-left: 0;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog-toolbar-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog-toolbar-button.js
index 63f58a5bd6a..e4a7b402a64 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog-toolbar-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog-toolbar-button.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-icon/simple
   _exports.LrnsysDialogToolbarButton = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e07e62301f0511ed8cc3e9a95995ad69, _templateObject2_e07e62301f0511ed8cc3e9a95995ad69;
+  var _templateObject_b76018a01f2611eda0c389891c227ec8, _templateObject2_b76018a01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -47,7 +47,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-icon/simple
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_e07e62301f0511ed8cc3e9a95995ad69 || (_templateObject_e07e62301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        raised\n        @click=\"", "\"\n        id=\"", "\"\n        aria-label=\"", "\"\n      >\n        <simple-icon\n          icon=\"", "\"\n          accent-color=\"grey\"\n          contrast=\"4\"\n          dark\n        ></simple-icon>\n        ", "\n      </button>\n      <simple-tooltip for=\"", "\" animation-delay=\"0\"\n        >", "</simple-tooltip\n      >\n    "])), this._onTap, this.id, this.title, this.icon, this.title, this.id, this.title);
+        return (0, _index.html)(_templateObject_b76018a01f2611eda0c389891c227ec8 || (_templateObject_b76018a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        raised\n        @click=\"", "\"\n        id=\"", "\"\n        aria-label=\"", "\"\n      >\n        <simple-icon\n          icon=\"", "\"\n          accent-color=\"grey\"\n          contrast=\"4\"\n          dark\n        ></simple-icon>\n        ", "\n      </button>\n      <simple-tooltip for=\"", "\" animation-delay=\"0\"\n        >", "</simple-tooltip\n      >\n    "])), this._onTap, this.id, this.title, this.icon, this.title, this.id, this.title);
       }
     }, {
       key: "firstUpdated",
@@ -82,7 +82,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-icon/simple
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e07e62301f0511ed8cc3e9a95995ad69 || (_templateObject2_e07e62301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        simple-icon {\n          display: inline-block;\n          --simple-icon-height: 16px;\n          --simple-icon-width: 16px;\n        }\n        button {\n          border: none;\n          background: transparent;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b76018a01f2611eda0c389891c227ec8 || (_templateObject2_b76018a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        simple-icon {\n          display: inline-block;\n          --simple-icon-height: 16px;\n          --simple-icon-width: 16px;\n        }\n        button {\n          border: none;\n          background: transparent;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog-toolbar.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog-toolbar.js
index 5155d16271f..b08937073f9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog-toolbar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog-toolbar.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
   _exports.LrnsysDialogToolbar = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e0805e001f0511ed8cc3e9a95995ad69, _templateObject2_e0805e001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b76214701f2611eda0c389891c227ec8, _templateObject2_b76214701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -51,7 +51,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_e0805e001f0511ed8cc3e9a95995ad69 || (_templateObject_e0805e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <app-toolbar id=\"primary\">\n        <slot name=\"primary\"></slot>\n        <div main-title=\"\"></div>\n        <lrnsys-dialog-toolbar-button\n          icon=\"close\"\n          id=\"close\"\n          title=\"close dialog\"\n        ></lrnsys-dialog-toolbar-button>\n      </app-toolbar>\n      <app-toolbar id=\"secondary\" .hidden=\"", "\">\n        <div class=\"secondary-buttons\">\n          <slot name=\"secondary\" id=\"secondary-slot\"></slot>\n        </div>\n      </app-toolbar>\n    "])), !this._secondaryHasChildren);
+        return (0, _index.html)(_templateObject_b76214701f2611eda0c389891c227ec8 || (_templateObject_b76214701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <app-toolbar id=\"primary\">\n        <slot name=\"primary\"></slot>\n        <div main-title=\"\"></div>\n        <lrnsys-dialog-toolbar-button\n          icon=\"close\"\n          id=\"close\"\n          title=\"close dialog\"\n        ></lrnsys-dialog-toolbar-button>\n      </app-toolbar>\n      <app-toolbar id=\"secondary\" .hidden=\"", "\">\n        <div class=\"secondary-buttons\">\n          <slot name=\"secondary\" id=\"secondary-slot\"></slot>\n        </div>\n      </app-toolbar>\n    "])), !this._secondaryHasChildren);
       }
     }, {
       key: "firstUpdated",
@@ -70,7 +70,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e0805e001f0511ed8cc3e9a95995ad69 || (_templateObject2_e0805e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --app-toolbar-primary-height: 40px;\n          --app-toolbar-secondary-height: 50px;\n          --app-toolbar-secondary-color: var(\n            --lrnsys-dialog-secondary-background-color\n          );\n          --app-toolbar-primary-color: var(\n            --lrnsys-dialog-toolbar-background-color\n          );\n          position: relative;\n          margin: 0;\n          padding: 0;\n        }\n        app-toolbar#primary {\n          color: var(--lrnsys-dialog-color, #000);\n          background-color: var(--app-toolbar-primary-color);\n          z-index: 10;\n          position: relative;\n          height: var(--app-toolbar-primary-height);\n        }\n        app-toolbar#secondary {\n          color: var(--lrnsys-dialog-color, #000);\n          background-color: var(--app-toolbar-secondary-color);\n          z-index: 5;\n          position: absolute;\n          width: 100%;\n          transform: translateY(-100%);\n          transition: all 0.3s ease-in;\n          height: var(--app-toolbar-primary-height);\n          display: flex;\n          justify-content: center;\n          padding: 0;\n        }\n        :host([secondary-visible]) #secondary {\n          transform: translateY(0);\n          height: var(--app-toolbar-secondary-height);\n        }\n        .secondary-buttons {\n          display: flex;\n        }\n        .secondary-buttons ::slotted(*) {\n          display: inline-flex;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b76214701f2611eda0c389891c227ec8 || (_templateObject2_b76214701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --app-toolbar-primary-height: 40px;\n          --app-toolbar-secondary-height: 50px;\n          --app-toolbar-secondary-color: var(\n            --lrnsys-dialog-secondary-background-color\n          );\n          --app-toolbar-primary-color: var(\n            --lrnsys-dialog-toolbar-background-color\n          );\n          position: relative;\n          margin: 0;\n          padding: 0;\n        }\n        app-toolbar#primary {\n          color: var(--lrnsys-dialog-color, #000);\n          background-color: var(--app-toolbar-primary-color);\n          z-index: 10;\n          position: relative;\n          height: var(--app-toolbar-primary-height);\n        }\n        app-toolbar#secondary {\n          color: var(--lrnsys-dialog-color, #000);\n          background-color: var(--app-toolbar-secondary-color);\n          z-index: 5;\n          position: absolute;\n          width: 100%;\n          transform: translateY(-100%);\n          transition: all 0.3s ease-in;\n          height: var(--app-toolbar-primary-height);\n          display: flex;\n          justify-content: center;\n          padding: 0;\n        }\n        :host([secondary-visible]) #secondary {\n          transform: translateY(0);\n          height: var(--app-toolbar-secondary-height);\n        }\n        .secondary-buttons {\n          display: flex;\n        }\n        .secondary-buttons ::slotted(*) {\n          display: inline-flex;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog.js
index d50dc052da2..4919b151139 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-dialog.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
   _exports.LrnsysDialog = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e085dc401f0511ed8cc3e9a95995ad69, _templateObject2_e085dc401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b76744901f2611eda0c389891c227ec8, _templateObject2_b76744901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -60,7 +60,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
     babelHelpers.createClass(LrnsysDialog, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e085dc401f0511ed8cc3e9a95995ad69 || (_templateObject_e085dc401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        class=\"", "\"\n        part=\"lrnsys-dialog-button\"\n        id=\"dialogtrigger\"\n        @click=\"", "\"\n        @focus-changed=\"", "\"\n        @mousedown=\"", "\"\n        @mouseover=\"", "\"\n        @mouseout=\"", "\"\n        ?raised=\"", "\"\n        ?disabled=\"", "\"\n        title=\"", "\"\n        aria-label=\"", "\"\n      >\n        <lrnsys-button-inner\n          part=\"lrnsys-dialog-lrnsys-button-inner\"\n          avatar=\"", "\"\n          icon=\"", "\"\n          text=\"", "\"\n        >\n          <slot name=\"button\"></slot>\n        </lrnsys-button-inner>\n      </button>\n      <simple-tooltip\n        part=\"lrnsys-dialog-simple-tooltip\"\n        for=\"dialogtrigger\"\n        animation-delay=\"0\"\n        ?hidden=\"", "\"\n        >", "</simple-tooltip\n      >\n    "])), this.class, this.openDialog, this.focusToggle, this.tapEventOn, this.tapEventOn, this.tapEventOff, this.raised, this.disabled, this.alt, this.alt, this.avatar, this.icon, this.text, !this.alt, this.alt);
+        return (0, _index.html)(_templateObject_b76744901f2611eda0c389891c227ec8 || (_templateObject_b76744901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        class=\"", "\"\n        part=\"lrnsys-dialog-button\"\n        id=\"dialogtrigger\"\n        @click=\"", "\"\n        @focus-changed=\"", "\"\n        @mousedown=\"", "\"\n        @mouseover=\"", "\"\n        @mouseout=\"", "\"\n        ?raised=\"", "\"\n        ?disabled=\"", "\"\n        title=\"", "\"\n        aria-label=\"", "\"\n      >\n        <lrnsys-button-inner\n          part=\"lrnsys-dialog-lrnsys-button-inner\"\n          avatar=\"", "\"\n          icon=\"", "\"\n          text=\"", "\"\n        >\n          <slot name=\"button\"></slot>\n        </lrnsys-button-inner>\n      </button>\n      <simple-tooltip\n        part=\"lrnsys-dialog-simple-tooltip\"\n        for=\"dialogtrigger\"\n        animation-delay=\"0\"\n        ?hidden=\"", "\"\n        >", "</simple-tooltip\n      >\n    "])), this.class, this.openDialog, this.focusToggle, this.tapEventOn, this.tapEventOn, this.tapEventOff, this.raised, this.disabled, this.alt, this.alt, this.avatar, this.icon, this.text, !this.alt, this.alt);
       }
     }, {
       key: "tapEventOn",
@@ -207,7 +207,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrnsysDialog), "styles", this)), [(0, _index.css)(_templateObject2_e085dc401f0511ed8cc3e9a95995ad69 || (_templateObject2_e085dc401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          --lrnsys-dialog-color: var(--simple-colors-foreground1, #000);\n          --lrnsys-dialog-background-color: var(--simple-colors-background1);\n          --lrnsys-dialog-toolbar-background-color: var(\n            --simple-colors-background3\n          );\n          --lrnsys-dialog-secondary-background-color: rgba(255, 255, 255, 0.7);\n        }\n        :host([raised]) #dialogtrigger {\n          border: 2px solid black;\n        }\n        :host([dark]) {\n          --lrnsys-dialog-toolbar-background-color: var(\n            --simple-colors-background1\n          );\n          --lrnsys-dialog-background-color: var(--simple-colors-background3);\n          --lrnsys-dialog-secondary-background-color: rgba(0, 0, 0, 0.7);\n        }\n        #dialogtrigger {\n          display: inline-block;\n          min-width: unset;\n          height: var(--lrnsys-button-height);\n          margin: var(--lrnsys-dialog-button-margin);\n          padding: var(--lrnsys-dialog-button-padding);\n          border: none;\n          background: transparent;\n        }\n        #dialogtrigger:hover {\n          cursor: pointer;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrnsysDialog), "styles", this)), [(0, _index.css)(_templateObject2_b76744901f2611eda0c389891c227ec8 || (_templateObject2_b76744901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          --lrnsys-dialog-color: var(--simple-colors-foreground1, #000);\n          --lrnsys-dialog-background-color: var(--simple-colors-background1);\n          --lrnsys-dialog-toolbar-background-color: var(\n            --simple-colors-background3\n          );\n          --lrnsys-dialog-secondary-background-color: rgba(255, 255, 255, 0.7);\n        }\n        :host([raised]) #dialogtrigger {\n          border: 2px solid black;\n        }\n        :host([dark]) {\n          --lrnsys-dialog-toolbar-background-color: var(\n            --simple-colors-background1\n          );\n          --lrnsys-dialog-background-color: var(--simple-colors-background3);\n          --lrnsys-dialog-secondary-background-color: rgba(0, 0, 0, 0.7);\n        }\n        #dialogtrigger {\n          display: inline-block;\n          min-width: unset;\n          height: var(--lrnsys-button-height);\n          margin: var(--lrnsys-dialog-button-margin);\n          padding: var(--lrnsys-dialog-button-padding);\n          border: none;\n          background: transparent;\n        }\n        #dialogtrigger:hover {\n          cursor: pointer;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-drawer.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-drawer.js
index 8c4ebb94556..77120ce7436 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-drawer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-drawer.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
   _exports.LrnsysDrawer = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e08ba8a01f0511ed8cc3e9a95995ad69, _templateObject2_e08ba8a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b76cc2d01f2611eda0c389891c227ec8, _templateObject2_b76cc2d01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -63,7 +63,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
     babelHelpers.createClass(LrnsysDrawer, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e08ba8a01f0511ed8cc3e9a95995ad69 || (_templateObject_e08ba8a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        class=\"", "\"\n        part=\"lrnsys-drawer-button\"\n        id=\"flyouttrigger\"\n        @click=\"", "\"\n        ?raised=\"", "\"\n        ?disabled=\"", "\"\n        title=\"", "\"\n      >\n        <lrnsys-button-inner\n          part=\"lrnsys-drawer-lrnsys-button-inner\"\n          avatar=\"", "\"\n          icon=\"", "\"\n          text=\"", "\"\n        >\n          <slot name=\"button\"></slot>\n        </lrnsys-button-inner>\n      </button>\n      <simple-tooltip\n        part=\"lrnsys-drawer-simple-tooltip\"\n        for=\"flyouttrigger\"\n        animation-delay=\"0\"\n        >", "</simple-tooltip\n      >\n    "])), this.class, this.toggleDrawer, this.raised, this.disabled, this.alt, this.avatar, this.icon, this.text, this.alt);
+        return (0, _index.html)(_templateObject_b76cc2d01f2611eda0c389891c227ec8 || (_templateObject_b76cc2d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        class=\"", "\"\n        part=\"lrnsys-drawer-button\"\n        id=\"flyouttrigger\"\n        @click=\"", "\"\n        ?raised=\"", "\"\n        ?disabled=\"", "\"\n        title=\"", "\"\n      >\n        <lrnsys-button-inner\n          part=\"lrnsys-drawer-lrnsys-button-inner\"\n          avatar=\"", "\"\n          icon=\"", "\"\n          text=\"", "\"\n        >\n          <slot name=\"button\"></slot>\n        </lrnsys-button-inner>\n      </button>\n      <simple-tooltip\n        part=\"lrnsys-drawer-simple-tooltip\"\n        for=\"flyouttrigger\"\n        animation-delay=\"0\"\n        >", "</simple-tooltip\n      >\n    "])), this.class, this.toggleDrawer, this.raised, this.disabled, this.alt, this.avatar, this.icon, this.text, this.alt);
       }
     }, {
       key: "firstUpdated",
@@ -229,7 +229,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrnsysDrawer), "styles", this)), [(0, _index.css)(_templateObject2_e08ba8a01f0511ed8cc3e9a95995ad69 || (_templateObject2_e08ba8a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --lrnsys-drawer-color: var(--simple-colors-foreground1);\n          --lrnsys-drawer-button-background-color: var(\n            --simple-colors-background1\n          );\n        }\n        :host([raised]) button {\n          border: 2px solid black;\n        }\n        button {\n          display: inline-block;\n          min-width: unset;\n          margin: var(--lrnsys-drawer-button-margin);\n          padding: var(--lrnsys-drawer-button-padding);\n          border: none;\n          background: var(--lrnsys-drawer-button-background-color);\n        }\n        button:hover {\n          cursor: pointer;\n          background: var(\n            --lrnsys-drawer-button-background-color-hover,\n            --lrnsys-drawer-button-background-color\n          );\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrnsysDrawer), "styles", this)), [(0, _index.css)(_templateObject2_b76cc2d01f2611eda0c389891c227ec8 || (_templateObject2_b76cc2d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --lrnsys-drawer-color: var(--simple-colors-foreground1);\n          --lrnsys-drawer-button-background-color: var(\n            --simple-colors-background1\n          );\n        }\n        :host([raised]) button {\n          border: 2px solid black;\n        }\n        button {\n          display: inline-block;\n          min-width: unset;\n          margin: var(--lrnsys-drawer-button-margin);\n          padding: var(--lrnsys-drawer-button-padding);\n          border: none;\n          background: var(--lrnsys-drawer-button-background-color);\n        }\n        button:hover {\n          cursor: pointer;\n          background: var(\n            --lrnsys-drawer-button-background-color-hover,\n            --lrnsys-drawer-button-background-color\n          );\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-outline/lib/lrnsys-outline-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-outline/lib/lrnsys-outline-item.js
index 0d9651588ad..558781512ed 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-outline/lib/lrnsys-outline-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-outline/lib/lrnsys-outline-item.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.LrnsysOutlineItem = void 0;
 
-  var _templateObject_e0919c101f0511ed8cc3e9a95995ad69;
+  var _templateObject_b77304601f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -359,7 +359,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e0919c101f0511ed8cc3e9a95995ad69 || (_templateObject_e0919c101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --indent-multiplier: 36px;\n        }\n        :host(.collapse-to-remove) #wrapper {\n          height: 0px;\n          background-color: var(--lrnsys-outline-gap-color, #eeeeee);\n          border: 1px solid #999999;\n          overflow: hidden;\n        }\n        :host #wrapper[data-indent=\"0\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 0);\n        }\n        :host #wrapper[data-indent=\"1\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 1);\n        }\n        :host #wrapper[data-indent=\"2\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 2);\n        }\n        :host #wrapper[data-indent=\"3\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 3);\n        }\n        :host #wrapper[data-indent=\"4\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 4);\n        }\n        :host #wrapper[data-indent=\"5\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 5);\n        }\n        :host #wrapper[data-indent=\"6\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 6);\n        }\n        :host #wrapper[data-indent=\"7\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 7);\n        }\n        :host #wrapper[data-indent=\"8\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 8);\n        }\n        :host #wrapper[data-indent=\"9\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 9);\n        }\n        :host #input {\n          flex-grow: 1;\n          margin-right: 10px;\n        }\n        :host #wrapper {\n          display: flex;\n          height: 40px;\n          border-radius: 16px;\n          transition: 0.1s all ease;\n          background-color: transparent;\n          border: 1px solid transparent;\n          padding: 8px;\n          transition: 0.3s all linear;\n        }\n        :host([focus-state]) #wrapper,\n        :host(:focus) #wrapper,\n        :host(:hover) #wrapper {\n          cursor: pointer;\n          background-color: var(--lrnsys-outline-gap-color, #eeeeee);\n          border: 1px solid #999999;\n        }\n        #gap {\n          padding: 2px;\n          transition: 0.3s all ease;\n          border-left: solid 4px transparent;\n        }\n        :host([focus-state]) #gap,\n        :host(:focus) #gap,\n        :host(:hover) #gap {\n          border-left: solid 4px var(--lrnsys-outline-gap-color, #aaaaaa);\n        }\n        simple-icon-button {\n          font-size: 16px;\n          --simple-icon-height: 36px;\n          padding: 10px;\n          margin: 4px;\n          display: none;\n          border-radius: 0.16px;\n        }\n        :host([focus-state]) simple-icon-button,\n        :host(:focus) simple-icon-button,\n        :host(:hover) simple-icon-button {\n          --simple-icon-width: 36px;\n          display: inline-flex;\n        }\n        simple-icon-button#add {\n          --simple-icon-width: 36px;\n          margin-right: 2px;\n          color: white;\n          background-color: var(--lrnsys-outline-add-button-color, #018dff);\n        }\n        simple-icon-button#delete {\n          color: white;\n          background-color: var(--lrnsys-outline-delete-button-color, #cc0000);\n        }\n      </style>\n      <div id=\"wrapper\" data-indent$=\"[[indentLevel]]\">\n        <div id=\"gap\"></div>\n        <paper-input\n          id=\"input\"\n          label=\"Enter a page title\"\n          value=\"{{title}}\"\n          no-label-float=\"\"\n        >\n        </paper-input>\n        <simple-icon-button\n          id=\"down\"\n          title=\"Move downwards\"\n          icon=\"icons:arrow-downward\"\n          on-click=\"moveDown\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"left\"\n          title=\"Outdent\"\n          icon=\"icons:arrow-back\"\n          on-click=\"moveOut\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"right\"\n          title=\"Indent\"\n          icon=\"icons:arrow-forward\"\n          on-click=\"moveIn\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"up\"\n          title=\"Move upwards\"\n          icon=\"icons:arrow-upward\"\n          on-click=\"moveUp\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"add\"\n          title=\"Add Item\"\n          icon=\"icons:add\"\n          on-click=\"add\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"delete\"\n          title=\"Delete\"\n          icon=\"icons:delete\"\n          on-click=\"delete\"\n        ></simple-icon-button>\n      </div>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"esc\"\n        on-keys-pressed=\"_onEsc\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"enter\"\n        on-keys-pressed=\"_onEnter\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"backspace\"\n        on-keys-pressed=\"_onBackspace\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"up\"\n        on-keys-pressed=\"_onArrowUp\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"down\"\n        on-keys-pressed=\"_onArrowDown\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"tab\"\n        on-keys-pressed=\"_onTab\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"shift+tab\"\n        on-keys-pressed=\"_onShiftTab\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"shift+up\"\n        on-keys-pressed=\"_onShiftArrowUp\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"shift+down\"\n        on-keys-pressed=\"_onShiftArrowDown\"\n      ></iron-a11y-keys>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b77304601f2611eda0c389891c227ec8 || (_templateObject_b77304601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --indent-multiplier: 36px;\n        }\n        :host(.collapse-to-remove) #wrapper {\n          height: 0px;\n          background-color: var(--lrnsys-outline-gap-color, #eeeeee);\n          border: 1px solid #999999;\n          overflow: hidden;\n        }\n        :host #wrapper[data-indent=\"0\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 0);\n        }\n        :host #wrapper[data-indent=\"1\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 1);\n        }\n        :host #wrapper[data-indent=\"2\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 2);\n        }\n        :host #wrapper[data-indent=\"3\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 3);\n        }\n        :host #wrapper[data-indent=\"4\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 4);\n        }\n        :host #wrapper[data-indent=\"5\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 5);\n        }\n        :host #wrapper[data-indent=\"6\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 6);\n        }\n        :host #wrapper[data-indent=\"7\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 7);\n        }\n        :host #wrapper[data-indent=\"8\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 8);\n        }\n        :host #wrapper[data-indent=\"9\"] #gap {\n          margin-right: calc(var(--indent-multiplier) * 9);\n        }\n        :host #input {\n          flex-grow: 1;\n          margin-right: 10px;\n        }\n        :host #wrapper {\n          display: flex;\n          height: 40px;\n          border-radius: 16px;\n          transition: 0.1s all ease;\n          background-color: transparent;\n          border: 1px solid transparent;\n          padding: 8px;\n          transition: 0.3s all linear;\n        }\n        :host([focus-state]) #wrapper,\n        :host(:focus) #wrapper,\n        :host(:hover) #wrapper {\n          cursor: pointer;\n          background-color: var(--lrnsys-outline-gap-color, #eeeeee);\n          border: 1px solid #999999;\n        }\n        #gap {\n          padding: 2px;\n          transition: 0.3s all ease;\n          border-left: solid 4px transparent;\n        }\n        :host([focus-state]) #gap,\n        :host(:focus) #gap,\n        :host(:hover) #gap {\n          border-left: solid 4px var(--lrnsys-outline-gap-color, #aaaaaa);\n        }\n        simple-icon-button {\n          font-size: 16px;\n          --simple-icon-height: 36px;\n          padding: 10px;\n          margin: 4px;\n          display: none;\n          border-radius: 0.16px;\n        }\n        :host([focus-state]) simple-icon-button,\n        :host(:focus) simple-icon-button,\n        :host(:hover) simple-icon-button {\n          --simple-icon-width: 36px;\n          display: inline-flex;\n        }\n        simple-icon-button#add {\n          --simple-icon-width: 36px;\n          margin-right: 2px;\n          color: white;\n          background-color: var(--lrnsys-outline-add-button-color, #018dff);\n        }\n        simple-icon-button#delete {\n          color: white;\n          background-color: var(--lrnsys-outline-delete-button-color, #cc0000);\n        }\n      </style>\n      <div id=\"wrapper\" data-indent$=\"[[indentLevel]]\">\n        <div id=\"gap\"></div>\n        <paper-input\n          id=\"input\"\n          label=\"Enter a page title\"\n          value=\"{{title}}\"\n          no-label-float=\"\"\n        >\n        </paper-input>\n        <simple-icon-button\n          id=\"down\"\n          title=\"Move downwards\"\n          icon=\"icons:arrow-downward\"\n          on-click=\"moveDown\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"left\"\n          title=\"Outdent\"\n          icon=\"icons:arrow-back\"\n          on-click=\"moveOut\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"right\"\n          title=\"Indent\"\n          icon=\"icons:arrow-forward\"\n          on-click=\"moveIn\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"up\"\n          title=\"Move upwards\"\n          icon=\"icons:arrow-upward\"\n          on-click=\"moveUp\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"add\"\n          title=\"Add Item\"\n          icon=\"icons:add\"\n          on-click=\"add\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"delete\"\n          title=\"Delete\"\n          icon=\"icons:delete\"\n          on-click=\"delete\"\n        ></simple-icon-button>\n      </div>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"esc\"\n        on-keys-pressed=\"_onEsc\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"enter\"\n        on-keys-pressed=\"_onEnter\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"backspace\"\n        on-keys-pressed=\"_onBackspace\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"up\"\n        on-keys-pressed=\"_onArrowUp\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"down\"\n        on-keys-pressed=\"_onArrowDown\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"tab\"\n        on-keys-pressed=\"_onTab\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"shift+tab\"\n        on-keys-pressed=\"_onShiftTab\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"shift+up\"\n        on-keys-pressed=\"_onShiftArrowUp\"\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__inputTarget]]\"\n        keys=\"shift+down\"\n        on-keys-pressed=\"_onShiftArrowDown\"\n      ></iron-a11y-keys>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-outline/lrnsys-outline.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-outline/lrnsys-outline.js
index 6adf6b38a64..1a3049e0719 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-outline/lrnsys-outline.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-outline/lrnsys-outline.js
@@ -8,7 +8,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _require = _interopRequireWildcard(_require);
   async = _interopRequireWildcard(async);
 
-  var _templateObject_aabfd6b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_84d827101f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -485,7 +485,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_aabfd6b01f0511ed8cc3e9a95995ad69 || (_templateObject_aabfd6b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        :host kbd {\n          display: inline-block;\n          background: #333;\n          color: white;\n          border-radius: 4px;\n          margin: 4px 4px 4px 0;\n          padding: 8px;\n          font-family: Verdana, Geneva, Tahoma, sans-serif;\n          font-size: 85%;\n        }\n      </style>\n      <div id=\"itemslist\">\n        <template is=\"dom-repeat\" items=\"{{items}}\" as=\"item\">\n          <lrnsys-outline-item\n            disable-down=\"[[item.disableDown]]\"\n            disable-left=\"[[item.disableLeft]]\"\n            disable-right=\"[[item.disableRight]]\"\n            disable-up=\"[[item.disableUp]]\"\n            id$=\"[[item.id]]\"\n            index$=\"[[item.index]]\"\n            indent-level=\"{{item.indent}}\"\n            parent=\"{{item.parent}}\"\n            title=\"{{item.title}}\"\n          >\n          </lrnsys-outline-item>\n        </template>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_84d827101f2611eda0c389891c227ec8 || (_templateObject_84d827101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        :host kbd {\n          display: inline-block;\n          background: #333;\n          color: white;\n          border-radius: 4px;\n          margin: 4px 4px 4px 0;\n          padding: 8px;\n          font-family: Verdana, Geneva, Tahoma, sans-serif;\n          font-size: 85%;\n        }\n      </style>\n      <div id=\"itemslist\">\n        <template is=\"dom-repeat\" items=\"{{items}}\" as=\"item\">\n          <lrnsys-outline-item\n            disable-down=\"[[item.disableDown]]\"\n            disable-left=\"[[item.disableLeft]]\"\n            disable-right=\"[[item.disableRight]]\"\n            disable-up=\"[[item.disableUp]]\"\n            id$=\"[[item.id]]\"\n            index$=\"[[item.index]]\"\n            indent-level=\"{{item.indent}}\"\n            parent=\"{{item.parent}}\"\n            title=\"{{item.title}}\"\n          >\n          </lrnsys-outline-item>\n        </template>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-pdf/lrnsys-pdf.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-pdf/lrnsys-pdf.js
index bdc7bbaa408..0ed6aff9f16 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-pdf/lrnsys-pdf.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-pdf/lrnsys-pdf.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
   _exports.LrnsysPdf = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_aac26ec01f0511ed8cc3e9a95995ad69;
+  var _templateObject_852339d01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -58,7 +58,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_aac26ec01f0511ed8cc3e9a95995ad69 || (_templateObject_aac26ec01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <h2>[[title]]</h2>\n      <pdf-browser-viewer\n        id=\"pdfViewer\"\n        file=\"[[file]]#page=[[page]]\"\n        width=\"100%\"\n        card=\"[[card]]\"\n        elevation=\"2\"\n        download-label=\"[[downloadLabel]]\"\n      ></pdf-browser-viewer>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_852339d01f2611eda0c389891c227ec8 || (_templateObject_852339d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <h2>[[title]]</h2>\n      <pdf-browser-viewer\n        id=\"pdfViewer\"\n        file=\"[[file]]#page=[[page]]\"\n        width=\"100%\"\n        card=\"[[card]]\"\n        elevation=\"2\"\n        download-label=\"[[downloadLabel]]\"\n      ></pdf-browser-viewer>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-progress/lib/lrnsys-progress-circle.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-progress/lib/lrnsys-progress-circle.js
index a8171ac6513..acab1dc59bb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-progress/lib/lrnsys-progress-circle.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-progress/lib/lrnsys-progress-circle.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../@polymer/polymer/polymer-element.js", "../.
   _exports.LrnsysProgressCircle = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_e0add6a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b792e8701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -306,7 +306,7 @@ define(["exports", "meta", "../../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e0add6a01f0511ed8cc3e9a95995ad69 || (_templateObject_e0add6a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\" include=\"paper-material-styles\">\n          :host {\n            display: block;\n            transition: box-shadow\n                var(--lrnsys-progress-circle-transition, 0.5s) linear,\n              color var(--lrnsys-progress-circle-transition, 0.5s) ease-in-out,\n              background-color var(--lrnsys-progress-circle-transition, 0.5s)\n                ease-in-out;\n          }\n          :host([status=\"complete\"]) .circle-wrapper {\n            box-shadow: 0px 0px 0px 0.16px\n              var(--lrnsys-progress-complete-color, var(--paper-green-900));\n          }\n          :host([status=\"disabled\"]) .circle-wrapper {\n            box-shadow: none;\n          }\n          :host([status=\"available\"]) .circle-wrapper {\n            box-shadow: none;\n          }\n          :host([active]) .circle-wrapper {\n            box-shadow: 0px 0px 0px 0.16px var(--google-grey-500, #555555);\n          }\n          .circle-wrapper {\n            border-radius: 100%;\n          }\n          .button {\n            margin: 0;\n            padding: 0;\n            display: flex;\n            min-width: 40px;\n            border-radius: 100%;\n          }\n          button {\n            width: var(--lrnsys-progress-circle-size, 40px);\n            height: var(--lrnsys-progress-circle-size, 40px);\n          }\n          circle-progress {\n            margin: 0;\n            --circle-progress-width: var(--lrnsys-progress-circle-size, 40px);\n            --circle-progress-height: var(--lrnsys-progress-circle-size, 40px);\n            --circle-progress-stroke-color: var(\n              --lrnsys-progress-color,\n              var(--paper-green-500)\n            );\n            --circle-progress-bg-stroke-color: var(\n              --lrnsys-progress-container-color,\n              var(--google-grey-300)\n            );\n            --circle-progress-transition: 0.5s;\n            --circle-progress-stroke-linecap: square;\n            transition: color 0.5s ease-in-out,\n              background-color 0.5s ease-in-out;\n          }\n          paper-spinner {\n            display: block;\n            font-size: 16px;\n            width: var(--lrnsys-progress-spinner-size, 32px);\n            height: var(--lrnsys-progress-spinner-size, 32px);\n            position: absolute;\n            z-index: 1;\n            margin: 4px;\n            padding: 0;\n            visibility: visible;\n            opacity: 1;\n            transition: visibility 0.4s, opacity 0.4s ease;\n          }\n          paper-spinner.multi {\n            --paper-spinner-layer-1-color: var(--paper-purple-500);\n            --paper-spinner-layer-2-color: var(--paper-cyan-500);\n            --paper-spinner-layer-3-color: var(--paper-blue-grey-500);\n            --paper-spinner-layer-4-color: var(--paper-amber-500);\n          }\n          .transition {\n            opacity: 0.4;\n            width: calc(var(--lrnsys-progress-icon-size, 24px) - 8px);\n            height: calc(var(--lrnsys-progress-icon-size, 24px) - 8px);\n          }\n          simple-icon {\n            visibility: visible;\n            opacity: 1;\n            transition: width 0.1s linear, height 0.1s linear,\n              visibility 0.4s ease, opacity 0.4s ease;\n            --simple-icon-width: var(--lrnsys-progress-icon-size, 24px);\n            --simple-icon-height: var(--lrnsys-progress-icon-size, 24px);\n          }\n          .disabled {\n            background-color: var(\n              --lrnsys-progress-disabled-color,\n              var(--google-grey-500)\n            );\n            color: white;\n          }\n          .loading {\n            background-color: white;\n            color: black;\n          }\n          .finished simple-icon:not(.activeIcon) {\n            --simple-icon-width: calc(\n              var(--lrnsys-progress-icon-size, 24px) - 8px\n            );\n            --simple-icon-height: calc(\n              var(--lrnsys-progress-icon-size, 24px) - 8px\n            );\n          }\n          .available {\n            background-color: var(\n              --lrnsys-progress-active-color,\n              var(--google-grey-300)\n            );\n            color: var(\n              --lrnsys-progress-active-text-color,\n              var(--google-grey-500)\n            );\n          }\n          .activeIcon {\n            color: black;\n          }\n          .complete .activeIcon {\n            color: white;\n          }\n          :host([active]) .complete .activeIcon,\n          :host([active]) .finished .activeIcon {\n            color: black;\n          }\n          .complete,\n          .finished {\n            background-color: var(\n              --lrnsys-progress-container-color,\n              var(--paper-green-500)\n            );\n            color: white;\n          }\n          :host([active]) circle-progress {\n            background-color: white;\n            color: black;\n          }\n          .listview-title {\n            font-size: 16px;\n            padding: 0;\n            margin: 0;\n          }\n          .description-content {\n            font-size: 8px;\n            font-style: italic;\n          }\n          .circle-wrapper {\n            display: inline-block;\n          }\n          .listview {\n            height: 32px;\n            padding: 4px 0;\n            margin: 0;\n            vertical-align: top;\n          }\n          .link {\n            height: 40px;\n            width: 100%;\n          }\n          :host([list-view]) .button {\n            margin: 0;\n            padding: 0;\n            display: block;\n            min-width: 40px;\n            border-radius: 0;\n          }\n        </style>\n      </custom-style>\n      <simple-tooltip\n        hidden$=\"[[!toolTip]]\"\n        for=\"button\"\n        position=\"bottom\"\n        offset=\"8\"\n        animation-delay=\"0\"\n      >\n        [[label]]\n      </simple-tooltip>\n      <button\n        id=\"button\"\n        class=\"button\"\n        disabled$=\"[[disabled]]\"\n        title=\"[[label]]\"\n      >\n        <span class=\"circle-wrapper\">\n          <paper-spinner\n            active$=\"[[loading]]\"\n            hidden$=\"[[!loading]]\"\n            class=\"multi\"\n            alt$=\"Loading content for [[label]]\"\n          ></paper-spinner>\n          <circle-progress\n            class$=\"[[status]]\"\n            value=\"[[value]]\"\n            max=\"[[max]]\"\n            stroke-width=\"[[strokeWidth]]\"\n            angle=\"180\"\n          >\n            <simple-icon\n              id=\"icon\"\n              icon=\"[[activeIcon]]\"\n              hidden$=\"[[!activeIcon]]\"\n            ></simple-icon>\n            <slot name=\"image\"></slot>\n          </circle-progress>\n        </span>\n        <span hidden$=\"[[!listView]]\" id=\"listview\" class=\"listview\">\n          <h3 class=\"listview-title\">[[label]]</h3>\n          <div class=\"description-content\">\n            <slot name=\"description\"></slot> <slot></slot>\n          </div>\n        </span>\n      </button>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b792e8701f2611eda0c389891c227ec8 || (_templateObject_b792e8701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\" include=\"paper-material-styles\">\n          :host {\n            display: block;\n            transition: box-shadow\n                var(--lrnsys-progress-circle-transition, 0.5s) linear,\n              color var(--lrnsys-progress-circle-transition, 0.5s) ease-in-out,\n              background-color var(--lrnsys-progress-circle-transition, 0.5s)\n                ease-in-out;\n          }\n          :host([status=\"complete\"]) .circle-wrapper {\n            box-shadow: 0px 0px 0px 0.16px\n              var(--lrnsys-progress-complete-color, var(--paper-green-900));\n          }\n          :host([status=\"disabled\"]) .circle-wrapper {\n            box-shadow: none;\n          }\n          :host([status=\"available\"]) .circle-wrapper {\n            box-shadow: none;\n          }\n          :host([active]) .circle-wrapper {\n            box-shadow: 0px 0px 0px 0.16px var(--google-grey-500, #555555);\n          }\n          .circle-wrapper {\n            border-radius: 100%;\n          }\n          .button {\n            margin: 0;\n            padding: 0;\n            display: flex;\n            min-width: 40px;\n            border-radius: 100%;\n          }\n          button {\n            width: var(--lrnsys-progress-circle-size, 40px);\n            height: var(--lrnsys-progress-circle-size, 40px);\n          }\n          circle-progress {\n            margin: 0;\n            --circle-progress-width: var(--lrnsys-progress-circle-size, 40px);\n            --circle-progress-height: var(--lrnsys-progress-circle-size, 40px);\n            --circle-progress-stroke-color: var(\n              --lrnsys-progress-color,\n              var(--paper-green-500)\n            );\n            --circle-progress-bg-stroke-color: var(\n              --lrnsys-progress-container-color,\n              var(--google-grey-300)\n            );\n            --circle-progress-transition: 0.5s;\n            --circle-progress-stroke-linecap: square;\n            transition: color 0.5s ease-in-out,\n              background-color 0.5s ease-in-out;\n          }\n          paper-spinner {\n            display: block;\n            font-size: 16px;\n            width: var(--lrnsys-progress-spinner-size, 32px);\n            height: var(--lrnsys-progress-spinner-size, 32px);\n            position: absolute;\n            z-index: 1;\n            margin: 4px;\n            padding: 0;\n            visibility: visible;\n            opacity: 1;\n            transition: visibility 0.4s, opacity 0.4s ease;\n          }\n          paper-spinner.multi {\n            --paper-spinner-layer-1-color: var(--paper-purple-500);\n            --paper-spinner-layer-2-color: var(--paper-cyan-500);\n            --paper-spinner-layer-3-color: var(--paper-blue-grey-500);\n            --paper-spinner-layer-4-color: var(--paper-amber-500);\n          }\n          .transition {\n            opacity: 0.4;\n            width: calc(var(--lrnsys-progress-icon-size, 24px) - 8px);\n            height: calc(var(--lrnsys-progress-icon-size, 24px) - 8px);\n          }\n          simple-icon {\n            visibility: visible;\n            opacity: 1;\n            transition: width 0.1s linear, height 0.1s linear,\n              visibility 0.4s ease, opacity 0.4s ease;\n            --simple-icon-width: var(--lrnsys-progress-icon-size, 24px);\n            --simple-icon-height: var(--lrnsys-progress-icon-size, 24px);\n          }\n          .disabled {\n            background-color: var(\n              --lrnsys-progress-disabled-color,\n              var(--google-grey-500)\n            );\n            color: white;\n          }\n          .loading {\n            background-color: white;\n            color: black;\n          }\n          .finished simple-icon:not(.activeIcon) {\n            --simple-icon-width: calc(\n              var(--lrnsys-progress-icon-size, 24px) - 8px\n            );\n            --simple-icon-height: calc(\n              var(--lrnsys-progress-icon-size, 24px) - 8px\n            );\n          }\n          .available {\n            background-color: var(\n              --lrnsys-progress-active-color,\n              var(--google-grey-300)\n            );\n            color: var(\n              --lrnsys-progress-active-text-color,\n              var(--google-grey-500)\n            );\n          }\n          .activeIcon {\n            color: black;\n          }\n          .complete .activeIcon {\n            color: white;\n          }\n          :host([active]) .complete .activeIcon,\n          :host([active]) .finished .activeIcon {\n            color: black;\n          }\n          .complete,\n          .finished {\n            background-color: var(\n              --lrnsys-progress-container-color,\n              var(--paper-green-500)\n            );\n            color: white;\n          }\n          :host([active]) circle-progress {\n            background-color: white;\n            color: black;\n          }\n          .listview-title {\n            font-size: 16px;\n            padding: 0;\n            margin: 0;\n          }\n          .description-content {\n            font-size: 8px;\n            font-style: italic;\n          }\n          .circle-wrapper {\n            display: inline-block;\n          }\n          .listview {\n            height: 32px;\n            padding: 4px 0;\n            margin: 0;\n            vertical-align: top;\n          }\n          .link {\n            height: 40px;\n            width: 100%;\n          }\n          :host([list-view]) .button {\n            margin: 0;\n            padding: 0;\n            display: block;\n            min-width: 40px;\n            border-radius: 0;\n          }\n        </style>\n      </custom-style>\n      <simple-tooltip\n        hidden$=\"[[!toolTip]]\"\n        for=\"button\"\n        position=\"bottom\"\n        offset=\"8\"\n        animation-delay=\"0\"\n      >\n        [[label]]\n      </simple-tooltip>\n      <button\n        id=\"button\"\n        class=\"button\"\n        disabled$=\"[[disabled]]\"\n        title=\"[[label]]\"\n      >\n        <span class=\"circle-wrapper\">\n          <paper-spinner\n            active$=\"[[loading]]\"\n            hidden$=\"[[!loading]]\"\n            class=\"multi\"\n            alt$=\"Loading content for [[label]]\"\n          ></paper-spinner>\n          <circle-progress\n            class$=\"[[status]]\"\n            value=\"[[value]]\"\n            max=\"[[max]]\"\n            stroke-width=\"[[strokeWidth]]\"\n            angle=\"180\"\n          >\n            <simple-icon\n              id=\"icon\"\n              icon=\"[[activeIcon]]\"\n              hidden$=\"[[!activeIcon]]\"\n            ></simple-icon>\n            <slot name=\"image\"></slot>\n          </circle-progress>\n        </span>\n        <span hidden$=\"[[!listView]]\" id=\"listview\" class=\"listview\">\n          <h3 class=\"listview-title\">[[label]]</h3>\n          <div class=\"description-content\">\n            <slot name=\"description\"></slot> <slot></slot>\n          </div>\n        </span>\n      </button>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-progress/lrnsys-progress.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-progress/lrnsys-progress.js
index c8f286d8bf5..a68f1403227 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-progress/lrnsys-progress.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-progress/lrnsys-progress.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../@polymer/polymer/polymer-element.js", "../simp
   _exports.LrnsysProgress = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_aacc59d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_852b9e401f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -461,7 +461,7 @@ define(["exports", "meta", "../../@polymer/polymer/polymer-element.js", "../simp
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_aacc59d01f0511ed8cc3e9a95995ad69 || (_templateObject_aacc59d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"paper-material-styles\">\n        :host {\n          display: block;\n          margin-top: 24px;\n        }\n        :host([size=\"tiny\"]) {\n          font-size: 12.8px;\n        }\n        :host([size=\"small\"]) {\n          font-size: 19.2px;\n        }\n        :host([size=\"medium\"]) {\n          font-size: 25.6px;\n        }\n        :host([size=\"large\"]) {\n          font-size: 44.8px;\n        }\n        :host([size=\"x-large\"]) {\n          font-size: 64px;\n        }\n        :host([size=\"epic\"]) {\n          font-size: 96px;\n        }\n        #circle-container {\n          display: flex;\n          justify-content: space-between;\n          margin: -24px 0 0 0;\n          padding: 0;\n          list-style: none;\n        }\n        .progress-title {\n          position: absolute !important;\n          clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n          clip: rect(1px, 1px, 1px, 1px);\n          overflow: hidden;\n          height: 1px;\n        }\n        simple-progress {\n          height: 8px;\n          --simple-progress-transition-duration: 0.5s;\n          --simple-progress-transition-timing-function: ease;\n          --simple-progress-transition-delay: 0.4s;\n          width: 100%;\n        }\n        /* required to get the box shadow above the progress bar */\n        .circle-node {\n          z-index: 1;\n        }\n        ul#circle-container li.circle-node {\n          list-style-type: none;\n        }\n\n        :host([vertical]) {\n          width: max-content;\n        }\n        :host([vertical]) #circle-container {\n          display: block;\n        }\n        :host([vertical]) simple-progress {\n          display: none !important;\n        }\n        :host([vertical]) lrnsys-progress-circle {\n          margin: 16px 0;\n          padding: 0;\n          width: 100%;\n        }\n\n        lrnsys-progress-circle {\n          width: 40px;\n          height: 40px;\n          --lrnsys-progress-circle-size: 40px;\n          --lrnsys-progress-spinner-size: 32px;\n          --lrnsys-progress-icon-size: 24px;\n          --paper-spinner-stroke-width: 1.2px;\n        }\n      </style>\n\n      <iron-ajax\n        id=\"ajax\"\n        url=\"[[activeNodeURL]]\"\n        handle-as=\"json\"\n        last-error=\"{{nodeDataError}}\"\n        on-response=\"handleNodeResponse\"\n      ></iron-ajax>\n      <h3 class=\"progress-title\">[[title]]</h3>\n      <simple-progress\n        id=\"progress\"\n        value=\"[[overallPercentage]]\"\n      ></simple-progress>\n      <ul id=\"circle-container\">\n        <template is=\"dom-repeat\" items=\"[[items]]\" as=\"item\">\n          <li class=\"circle-node\">\n            <lrnsys-progress-circle\n              play-finish-sound=\"[[soundFinish]]\"\n              play-sound=\"[[sound]]\"\n              complete-sound=\"[[completeSound]]\"\n              finished-sound=\"[[finishedSound]]\"\n              active=\"[[_isActive(index, active)]]\"\n              step=\"[[index]]\"\n              label=\"[[item.title]]\"\n              icon=\"[[item.metadata.icon]]\"\n              icon-complete=\"[[item.metadata.iconComplete]]\"\n              data-url=\"[[item.metadata.dataUrl]]\"\n              url=\"[[item.slug]]\"\n              status=\"[[item.metadata.status]]\"\n              value=\"[[item.metadata.value]]\"\n              max=\"[[item.metadata.max]]\"\n              stroke-width=\"[[strokeWidth]]\"\n              tool-tip=\"[[!vertical]]\"\n              list-view=\"[[vertical]]\"\n              class$=\"[[size]]\"\n            >\n              <span slot=\"description\">[[item.description]]</span>\n            </lrnsys-progress-circle>\n          </li>\n        </template>\n      </ul>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_852b9e401f2611eda0c389891c227ec8 || (_templateObject_852b9e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"paper-material-styles\">\n        :host {\n          display: block;\n          margin-top: 24px;\n        }\n        :host([size=\"tiny\"]) {\n          font-size: 12.8px;\n        }\n        :host([size=\"small\"]) {\n          font-size: 19.2px;\n        }\n        :host([size=\"medium\"]) {\n          font-size: 25.6px;\n        }\n        :host([size=\"large\"]) {\n          font-size: 44.8px;\n        }\n        :host([size=\"x-large\"]) {\n          font-size: 64px;\n        }\n        :host([size=\"epic\"]) {\n          font-size: 96px;\n        }\n        #circle-container {\n          display: flex;\n          justify-content: space-between;\n          margin: -24px 0 0 0;\n          padding: 0;\n          list-style: none;\n        }\n        .progress-title {\n          position: absolute !important;\n          clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n          clip: rect(1px, 1px, 1px, 1px);\n          overflow: hidden;\n          height: 1px;\n        }\n        simple-progress {\n          height: 8px;\n          --simple-progress-transition-duration: 0.5s;\n          --simple-progress-transition-timing-function: ease;\n          --simple-progress-transition-delay: 0.4s;\n          width: 100%;\n        }\n        /* required to get the box shadow above the progress bar */\n        .circle-node {\n          z-index: 1;\n        }\n        ul#circle-container li.circle-node {\n          list-style-type: none;\n        }\n\n        :host([vertical]) {\n          width: max-content;\n        }\n        :host([vertical]) #circle-container {\n          display: block;\n        }\n        :host([vertical]) simple-progress {\n          display: none !important;\n        }\n        :host([vertical]) lrnsys-progress-circle {\n          margin: 16px 0;\n          padding: 0;\n          width: 100%;\n        }\n\n        lrnsys-progress-circle {\n          width: 40px;\n          height: 40px;\n          --lrnsys-progress-circle-size: 40px;\n          --lrnsys-progress-spinner-size: 32px;\n          --lrnsys-progress-icon-size: 24px;\n          --paper-spinner-stroke-width: 1.2px;\n        }\n      </style>\n\n      <iron-ajax\n        id=\"ajax\"\n        url=\"[[activeNodeURL]]\"\n        handle-as=\"json\"\n        last-error=\"{{nodeDataError}}\"\n        on-response=\"handleNodeResponse\"\n      ></iron-ajax>\n      <h3 class=\"progress-title\">[[title]]</h3>\n      <simple-progress\n        id=\"progress\"\n        value=\"[[overallPercentage]]\"\n      ></simple-progress>\n      <ul id=\"circle-container\">\n        <template is=\"dom-repeat\" items=\"[[items]]\" as=\"item\">\n          <li class=\"circle-node\">\n            <lrnsys-progress-circle\n              play-finish-sound=\"[[soundFinish]]\"\n              play-sound=\"[[sound]]\"\n              complete-sound=\"[[completeSound]]\"\n              finished-sound=\"[[finishedSound]]\"\n              active=\"[[_isActive(index, active)]]\"\n              step=\"[[index]]\"\n              label=\"[[item.title]]\"\n              icon=\"[[item.metadata.icon]]\"\n              icon-complete=\"[[item.metadata.iconComplete]]\"\n              data-url=\"[[item.metadata.dataUrl]]\"\n              url=\"[[item.slug]]\"\n              status=\"[[item.metadata.status]]\"\n              value=\"[[item.metadata.value]]\"\n              max=\"[[item.metadata.max]]\"\n              stroke-width=\"[[strokeWidth]]\"\n              tool-tip=\"[[!vertical]]\"\n              list-view=\"[[vertical]]\"\n              class$=\"[[size]]\"\n            >\n              <span slot=\"description\">[[item.description]]</span>\n            </lrnsys-progress-circle>\n          </li>\n        </template>\n      </ul>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-randomimage/lrnsys-randomimage.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-randomimage/lrnsys-randomimage.js
index d821b755557..618ca2a0380 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-randomimage/lrnsys-randomimage.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-randomimage/lrnsys-randomimage.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../random-image
   });
   _exports.LrnsysRandomimage = void 0;
 
-  var _templateObject_aacd92501f0511ed8cc3e9a95995ad69;
+  var _templateObject_852cd6c01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -39,7 +39,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../random-image
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_aacd92501f0511ed8cc3e9a95995ad69 || (_templateObject_aacd92501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <div id=\"list\">\n        <random-image images-list$=\"{{images}}\"></random-image>\n      </div>\n      <button raised on-click=\"reload\">Reload</button>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_852cd6c01f2611eda0c389891c227ec8 || (_templateObject_852cd6c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <div id=\"list\">\n        <random-image images-list$=\"{{images}}\"></random-image>\n      </div>\n      <button raised on-click=\"reload\">Reload</button>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-render-html/lrnsys-render-html.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-render-html/lrnsys-render-html.js
index 6d8e271828e..f9d7be21fa1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-render-html/lrnsys-render-html.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-render-html/lrnsys-render-html.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.LrnsysRenderHtml = void 0;
 
-  var _templateObject_aacf18f01f0511ed8cc3e9a95995ad69, _templateObject2_aacf18f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_852e84701f2611eda0c389891c227ec8, _templateObject2_852e84701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -37,7 +37,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(LrnsysRenderHtml, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_aacf18f01f0511ed8cc3e9a95995ad69 || (_templateObject_aacf18f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"container\"></div> "])));
+        return (0, _index.html)(_templateObject_852e84701f2611eda0c389891c227ec8 || (_templateObject_852e84701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"container\"></div> "])));
       }
     }, {
       key: "firstUpdated",
@@ -62,7 +62,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_aacf18f01f0511ed8cc3e9a95995ad69 || (_templateObject2_aacf18f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_852e84701f2611eda0c389891c227ec8 || (_templateObject2_852e84701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lunr-search/lunr-search.js b/build/es5-amd/node_modules/@lrnwebcomponents/lunr-search/lunr-search.js
index 3320fadd450..8aba6c26946 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lunr-search/lunr-search.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lunr-search/lunr-search.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
   _exports.LunrSearch = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_aad6e1201f0511ed8cc3e9a95995ad69, _templateObject2_aad6e1201f0511ed8cc3e9a95995ad69;
+  var _templateObject_8535d7701f2611eda0c389891c227ec8, _templateObject2_8535d7701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -69,7 +69,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_aad6e1201f0511ed8cc3e9a95995ad69 || (_templateObject_aad6e1201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot>"])));
+        return (0, _index.html)(_templateObject_8535d7701f2611eda0c389891c227ec8 || (_templateObject_8535d7701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot>"])));
       } // properties available to the custom element for data binding
 
     }, {
@@ -303,7 +303,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_aad6e1201f0511ed8cc3e9a95995ad69 || (_templateObject2_aad6e1201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8535d7701f2611eda0c389891c227ec8 || (_templateObject2_8535d7701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/magazine-cover/magazine-cover.js b/build/es5-amd/node_modules/@lrnwebcomponents/magazine-cover/magazine-cover.js
index 50eb6b2b79b..ae44fc8cf6e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/magazine-cover/magazine-cover.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/magazine-cover/magazine-cover.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
   });
   _exports.MagazineCover = void 0;
 
-  var _templateObject_9d90bf401f0511ed8cc3e9a95995ad69, _templateObject2_9d90bf401f0511ed8cc3e9a95995ad69;
+  var _templateObject_789bfb201f2611eda0c389891c227ec8, _templateObject2_789bfb201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -52,7 +52,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
     babelHelpers.createClass(MagazineCover, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9d90bf401f0511ed8cc3e9a95995ad69 || (_templateObject_9d90bf401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <img\n        src=\"", "\"\n        loading=\"lazy\"\n        id=\"image\"\n        aria-describedby=\"", "\"\n      />\n      <div class=\"overlay\">\n        <h2 id=\"header\" ?hidden=\"", "\">", "</h2>\n        <div id=\"subheader\" ?hidden=\"", "\">", "</div>\n        <div id=\"body\">\n          <p ?hidden=\"", "\">", "</p>\n          <slot></slot>\n        </div>\n        <a\n          tabindex=\"-1\"\n          href=\"", "\"\n          id=\"actionlink\"\n          @click=\"", "\"\n        >\n          <button raised=\"\" id=\"action\">\n            <span id=\"label\"\n              >", "<simple-icon\n                accent-color=\"grey\"\n                dark\n                id=\"icon\"\n                icon=\"", "\"\n                ?hidden=\"", "\"\n              ></simple-icon\n            ></span>\n          </button>\n        </a>\n      </div>\n    "])), this.image, this.describedBy || "", !this.header, this.header, !this.subheader, this.subheader, !this.text, this.text, this.link, this._linkTapped, this.action, this.icon, !this.icon);
+        return (0, _index.html)(_templateObject_789bfb201f2611eda0c389891c227ec8 || (_templateObject_789bfb201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <img\n        src=\"", "\"\n        loading=\"lazy\"\n        id=\"image\"\n        aria-describedby=\"", "\"\n      />\n      <div class=\"overlay\">\n        <h2 id=\"header\" ?hidden=\"", "\">", "</h2>\n        <div id=\"subheader\" ?hidden=\"", "\">", "</div>\n        <div id=\"body\">\n          <p ?hidden=\"", "\">", "</p>\n          <slot></slot>\n        </div>\n        <a\n          tabindex=\"-1\"\n          href=\"", "\"\n          id=\"actionlink\"\n          @click=\"", "\"\n        >\n          <button raised=\"\" id=\"action\">\n            <span id=\"label\"\n              >", "<simple-icon\n                accent-color=\"grey\"\n                dark\n                id=\"icon\"\n                icon=\"", "\"\n                ?hidden=\"", "\"\n              ></simple-icon\n            ></span>\n          </button>\n        </a>\n      </div>\n    "])), this.image, this.describedBy || "", !this.header, this.header, !this.subheader, this.subheader, !this.text, this.text, this.link, this._linkTapped, this.action, this.icon, !this.icon);
       }
       /**
        * convention
@@ -87,7 +87,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_9d90bf401f0511ed8cc3e9a95995ad69 || (_templateObject2_9d90bf401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: #222222;\n          overflow: hidden;\n          --magazine-cover-text-color: #eeeeee;\n        }\n        .overlay {\n          left: 0;\n          right: 0;\n          min-height: 30vh;\n          margin: -38vh 0 0 0;\n          background-color: rgba(0, 0, 0, 0.8);\n          padding: 32px;\n          position: relative;\n        }\n        #image {\n          opacity: 0.5;\n          filter: alpha(opacity=50);\n          transition: opacity 0.3s linear;\n          width: 100%;\n          height: 80vh;\n          background-color: #222222;\n        }\n        #image:hover {\n          opacity: 0.9;\n          filter: alpha(opacity=90);\n        }\n        #header {\n          color: var(--magazine-cover-text-color);\n          font-size: 48px;\n          padding: 0;\n          margin: 0;\n          font-weight: bold;\n        }\n        #subheader {\n          color: var(--magazine-cover-text-color);\n          font-size: 22.4px;\n          padding: 0;\n          margin: 3.2px 0 16px 0;\n          font-style: italic;\n          font-weight: normal;\n        }\n        #body {\n          color: var(--magazine-cover-text-color);\n          padding: 0;\n          margin: 0;\n          font-size: 19.2px;\n          padding: 0 0 0 3.2px;\n          margin: 0 0 32px 0;\n        }\n        #body p {\n          color: var(--magazine-cover-text-color);\n        }\n        #action {\n          color: var(--magazine-cover-text-color);\n          text-transform: none;\n          font-size: 24px;\n          font-style: italic;\n          font-weight: bold;\n          background-color: #000000;\n          border: 1px solid var(--magazine-cover-text-color);\n          border-radius: 8px;\n          transition: background 0.3s linear;\n          width: 100%;\n          margin: 0;\n        }\n        #action:hover,\n        #action:focus {\n          border-color: #ffffff;\n          color: #ffffff;\n          background-color: rgba(255, 255, 255, 0.2);\n        }\n        #actionlink {\n          color: var(--magazine-cover-text-color);\n          display: flex;\n          text-decoration: none;\n          border-radius: 8px;\n        }\n        #icon {\n          display: inline-block;\n          width: 19.2px;\n          height: 19.2px;\n          font-size: 19.2px;\n          margin-left: 8px;\n        }\n        #label {\n          text-shadow: -1px 1px 2px #000000;\n        }\n        @media screen and (max-width: 900px) {\n          #header {\n            font-size: 32px;\n          }\n          #subheader {\n            font-size: 16px;\n          }\n          #body {\n            font-size: 16px;\n          }\n          #action {\n            font-size: 19.2px;\n          }\n        }\n        @media screen and (max-width: 650px) {\n          #body {\n            font-size: 12.8px;\n          }\n          #action {\n            font-size: 16px;\n          }\n          .overlay {\n            margin: -50vh 0 0 0;\n            padding: 16px;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_789bfb201f2611eda0c389891c227ec8 || (_templateObject2_789bfb201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: #222222;\n          overflow: hidden;\n          --magazine-cover-text-color: #eeeeee;\n        }\n        .overlay {\n          left: 0;\n          right: 0;\n          min-height: 30vh;\n          margin: -38vh 0 0 0;\n          background-color: rgba(0, 0, 0, 0.8);\n          padding: 32px;\n          position: relative;\n        }\n        #image {\n          opacity: 0.5;\n          filter: alpha(opacity=50);\n          transition: opacity 0.3s linear;\n          width: 100%;\n          height: 80vh;\n          background-color: #222222;\n        }\n        #image:hover {\n          opacity: 0.9;\n          filter: alpha(opacity=90);\n        }\n        #header {\n          color: var(--magazine-cover-text-color);\n          font-size: 48px;\n          padding: 0;\n          margin: 0;\n          font-weight: bold;\n        }\n        #subheader {\n          color: var(--magazine-cover-text-color);\n          font-size: 22.4px;\n          padding: 0;\n          margin: 3.2px 0 16px 0;\n          font-style: italic;\n          font-weight: normal;\n        }\n        #body {\n          color: var(--magazine-cover-text-color);\n          padding: 0;\n          margin: 0;\n          font-size: 19.2px;\n          padding: 0 0 0 3.2px;\n          margin: 0 0 32px 0;\n        }\n        #body p {\n          color: var(--magazine-cover-text-color);\n        }\n        #action {\n          color: var(--magazine-cover-text-color);\n          text-transform: none;\n          font-size: 24px;\n          font-style: italic;\n          font-weight: bold;\n          background-color: #000000;\n          border: 1px solid var(--magazine-cover-text-color);\n          border-radius: 8px;\n          transition: background 0.3s linear;\n          width: 100%;\n          margin: 0;\n        }\n        #action:hover,\n        #action:focus {\n          border-color: #ffffff;\n          color: #ffffff;\n          background-color: rgba(255, 255, 255, 0.2);\n        }\n        #actionlink {\n          color: var(--magazine-cover-text-color);\n          display: flex;\n          text-decoration: none;\n          border-radius: 8px;\n        }\n        #icon {\n          display: inline-block;\n          width: 19.2px;\n          height: 19.2px;\n          font-size: 19.2px;\n          margin-left: 8px;\n        }\n        #label {\n          text-shadow: -1px 1px 2px #000000;\n        }\n        @media screen and (max-width: 900px) {\n          #header {\n            font-size: 32px;\n          }\n          #subheader {\n            font-size: 16px;\n          }\n          #body {\n            font-size: 16px;\n          }\n          #action {\n            font-size: 19.2px;\n          }\n        }\n        @media screen and (max-width: 650px) {\n          #body {\n            font-size: 12.8px;\n          }\n          #action {\n            font-size: 16px;\n          }\n          .overlay {\n            margin: -50vh 0 0 0;\n            padding: 16px;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-builder.js b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-builder.js
index 480408d6631..ca8189fc968 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-builder.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-builder.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
   _exports.MapMenuBuilder = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e0b6fe601f0511ed8cc3e9a95995ad69, _templateObject2_e0b6fe601f0511ed8cc3e9a95995ad69, _templateObject3_e0b6fe601f0511ed8cc3e9a95995ad69, _templateObject4_e0b6fe601f0511ed8cc3e9a95995ad69, _templateObject5_e0b6fe601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b79cfa901f2611eda0c389891c227ec8, _templateObject2_b79cfa901f2611eda0c389891c227ec8, _templateObject3_b79cfa901f2611eda0c389891c227ec8, _templateObject4_b79cfa901f2611eda0c389891c227ec8, _templateObject5_b79cfa901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -46,8 +46,8 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_e0b6fe601f0511ed8cc3e9a95995ad69 || (_templateObject_e0b6fe601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "])), this.items ? this.items.map(function (item) {
-          return (0, _index.html)(_templateObject2_e0b6fe601f0511ed8cc3e9a95995ad69 || (_templateObject2_e0b6fe601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              ", "\n            "])), item.children.length > 0 ? (0, _index.html)(_templateObject3_e0b6fe601f0511ed8cc3e9a95995ad69 || (_templateObject3_e0b6fe601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <map-menu-submenu\n                      title=\"", "\"\n                      id=\"", "\"\n                      url=\"", "\"\n                      icon=\"", "\"\n                      open=\"", "\"\n                      avatar-label=\"", "\"\n                      selected=\"", "\"\n                      .published=\"", "\"\n                    >\n                      <map-menu-builder\n                        .items=\"", "\"\n                        selected=\"", "\"\n                      ></map-menu-builder>\n                    </map-menu-submenu>\n                  "])), item.title, item.id, item.slug, item.metadata && item.metadata.icon ? item.metadata.icon : "", item.metadata && item.metadata.active ? item.metadata.active : false, item.metadata && item.metadata.avatarLabel ? item.metadata.avatarLabel : "", _this2.selected, item.metadata.published, item.children, _this2.selected) : (0, _index.html)(_templateObject4_e0b6fe601f0511ed8cc3e9a95995ad69 || (_templateObject4_e0b6fe601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <map-menu-item\n                      title=\"", "\"\n                      id=\"", "\"\n                      url=\"", "\"\n                      icon=\"", "\"\n                      track-icon=\"", "\"\n                      active-path=\"", "\"\n                      selected=\"", "\"\n                      ?published=\"", "\"\n                      ?locked=\"", "\"\n                      status=\"", "\"\n                    ></map-menu-item>\n                  "])), item.title, item.id, item.slug, item.metadata && item.metadata.icon ? item.metadata.icon : "", item.metadata && item.metadata.accessData && item.metadata.accessData.trackIcon ? item.metadata.accessData.trackIcon : "", _this2.activePath, _this2.selected, item.metadata.published, item.metadata.locked, item.metadata.status));
+        return (0, _index.html)(_templateObject_b79cfa901f2611eda0c389891c227ec8 || (_templateObject_b79cfa901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "])), this.items ? this.items.map(function (item) {
+          return (0, _index.html)(_templateObject2_b79cfa901f2611eda0c389891c227ec8 || (_templateObject2_b79cfa901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              ", "\n            "])), item.children.length > 0 ? (0, _index.html)(_templateObject3_b79cfa901f2611eda0c389891c227ec8 || (_templateObject3_b79cfa901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <map-menu-submenu\n                      title=\"", "\"\n                      id=\"", "\"\n                      url=\"", "\"\n                      icon=\"", "\"\n                      open=\"", "\"\n                      avatar-label=\"", "\"\n                      selected=\"", "\"\n                      .published=\"", "\"\n                    >\n                      <map-menu-builder\n                        .items=\"", "\"\n                        selected=\"", "\"\n                      ></map-menu-builder>\n                    </map-menu-submenu>\n                  "])), item.title, item.id, item.slug, item.metadata && item.metadata.icon ? item.metadata.icon : "", item.metadata && item.metadata.active ? item.metadata.active : false, item.metadata && item.metadata.avatarLabel ? item.metadata.avatarLabel : "", _this2.selected, item.metadata.published, item.children, _this2.selected) : (0, _index.html)(_templateObject4_b79cfa901f2611eda0c389891c227ec8 || (_templateObject4_b79cfa901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <map-menu-item\n                      title=\"", "\"\n                      id=\"", "\"\n                      url=\"", "\"\n                      icon=\"", "\"\n                      track-icon=\"", "\"\n                      active-path=\"", "\"\n                      selected=\"", "\"\n                      ?published=\"", "\"\n                      ?locked=\"", "\"\n                      status=\"", "\"\n                    ></map-menu-item>\n                  "])), item.title, item.id, item.slug, item.metadata && item.metadata.icon ? item.metadata.icon : "", item.metadata && item.metadata.accessData && item.metadata.accessData.trackIcon ? item.metadata.accessData.trackIcon : "", _this2.activePath, _this2.selected, item.metadata.published, item.metadata.locked, item.metadata.status));
         }) : "");
       }
     }, {
@@ -62,7 +62,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject5_e0b6fe601f0511ed8cc3e9a95995ad69 || (_templateObject5_e0b6fe601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject5_b79cfa901f2611eda0c389891c227ec8 || (_templateObject5_b79cfa901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-container.js b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-container.js
index 48faef5351e..ee5a41ef31d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-container.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-container.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./map-menu-item.js", "./map-menu-su
   });
   _exports.MapMenuContainer = void 0;
 
-  var _templateObject_e0b80fd01f0511ed8cc3e9a95995ad69, _templateObject2_e0b80fd01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b79e33101f2611eda0c389891c227ec8, _templateObject2_b79e33101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -35,7 +35,7 @@ define(["exports", "../../../lit/index.js", "./map-menu-item.js", "./map-menu-su
        * LitElement life cycle - render
        */
       function render() {
-        return (0, _index.html)(_templateObject_e0b80fd01f0511ed8cc3e9a95995ad69 || (_templateObject_e0b80fd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+        return (0, _index.html)(_templateObject_b79e33101f2611eda0c389891c227ec8 || (_templateObject_b79e33101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
       }
     }], [{
       key: "styles",
@@ -44,7 +44,7 @@ define(["exports", "../../../lit/index.js", "./map-menu-item.js", "./map-menu-su
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e0b80fd01f0511ed8cc3e9a95995ad69 || (_templateObject2_e0b80fd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        #container {\n          padding: 16px 32px;\n        }\n        :host > ::slotted(map-menu-submenu + map-menu-submenu) {\n          margin-top: 16px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b79e33101f2611eda0c389891c227ec8 || (_templateObject2_b79e33101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        #container {\n          padding: 16px 32px;\n        }\n        :host > ::slotted(map-menu-submenu + map-menu-submenu) {\n          margin-top: 16px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-header.js b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-header.js
index 7d741dc4825..1f7b6e761e0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-header.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-header.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "../../simple-ico
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e0bccac01f0511ed8cc3e9a95995ad69, _templateObject2_e0bccac01f0511ed8cc3e9a95995ad69, _templateObject3_e0bccac01f0511ed8cc3e9a95995ad69, _templateObject4_e0bccac01f0511ed8cc3e9a95995ad69, _templateObject5_e0bccac01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7a29fe01f2611eda0c389891c227ec8, _templateObject2_b7a29fe01f2611eda0c389891c227ec8, _templateObject3_b7a29fe01f2611eda0c389891c227ec8, _templateObject4_b7a29fe01f2611eda0c389891c227ec8, _templateObject5_b7a29fe01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -69,7 +69,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "../../simple-ico
        * LitElement life cycle - render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_e0bccac01f0511ed8cc3e9a95995ad69 || (_templateObject_e0bccac01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\">\n        ", "\n        <div id=\"center\">\n          <a tabindex=\"-1\" href=\"", "\">\n            <button class=\"title\">\n              ", "\n              <div id=\"label\">", "</div>\n              <div class=\"title\">", "</div>\n              ", "\n            </button>\n          </a>\n        </div>\n      </div>\n    "])), this.avatarLabel ? (0, _index.html)(_templateObject2_e0bccac01f0511ed8cc3e9a95995ad69 || (_templateObject2_e0bccac01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"avatarlabel\">\n                <lrndesign-avatar\n                  label=\"", "\"\n                ></lrndesign-avatar>\n              </div>\n            "])), this.avatarLabel) : "", this.url, this.icon ? (0, _index.html)(_templateObject3_e0bccac01f0511ed8cc3e9a95995ad69 || (_templateObject3_e0bccac01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n                  "])), this.icon) : "", this.label, this.title, !this.published ? (0, _index.html)(_templateObject4_e0bccac01f0511ed8cc3e9a95995ad69 || (_templateObject4_e0bccac01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n                    id=\"unpublished\"\n                    title=\"", "\"\n                    icon=\"icons:visibility-off\"\n                  ></simple-icon-lite>"])), this.t.pageIsUnpublished) : "");
+        return (0, _index.html)(_templateObject_b7a29fe01f2611eda0c389891c227ec8 || (_templateObject_b7a29fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\">\n        ", "\n        <div id=\"center\">\n          <a tabindex=\"-1\" href=\"", "\">\n            <button class=\"title\">\n              ", "\n              <div id=\"label\">", "</div>\n              <div class=\"title\">", "</div>\n              ", "\n            </button>\n          </a>\n        </div>\n      </div>\n    "])), this.avatarLabel ? (0, _index.html)(_templateObject2_b7a29fe01f2611eda0c389891c227ec8 || (_templateObject2_b7a29fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"avatarlabel\">\n                <lrndesign-avatar\n                  label=\"", "\"\n                ></lrndesign-avatar>\n              </div>\n            "])), this.avatarLabel) : "", this.url, this.icon ? (0, _index.html)(_templateObject3_b7a29fe01f2611eda0c389891c227ec8 || (_templateObject3_b7a29fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n                  "])), this.icon) : "", this.label, this.title, !this.published ? (0, _index.html)(_templateObject4_b7a29fe01f2611eda0c389891c227ec8 || (_templateObject4_b7a29fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n                    id=\"unpublished\"\n                    title=\"", "\"\n                    icon=\"icons:visibility-off\"\n                  ></simple-icon-lite>"])), this.t.pageIsUnpublished) : "");
       }
     }, {
       key: "updated",
@@ -162,7 +162,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "../../simple-ico
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject5_e0bccac01f0511ed8cc3e9a95995ad69 || (_templateObject5_e0bccac01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          transition: 0.1s all ease-in-out;\n          --map-menu-item-height: 24px;\n        }\n        :host([active]) {\n          background: var(--map-menu-active-color);\n          color: var(--map-menu-item-active-item-color, #000000);\n        }\n        #container {\n          display: flex;\n          align-items: center;\n        }\n\n        .avatarlabel {\n          margin-right: 10px;\n        }\n\n        #center {\n          flex: 1 1 auto;\n        }\n        a,\n        a:visited {\n          display: block;\n          color: var(--map-menu-item-a-color, inherit);\n          text-decoration: var(--map-menu-header-a-text-decoration, none);\n        }\n        a:hover button,\n        a:active button,\n        a:focus button {\n          color: var(\n            --map-menu-item-a-active-color,\n            var(--map-menu-item-a-color, inherit)\n          );\n          text-decoration: var(\n            --map-menu-header-a-text-decoration-hover,\n            underline\n          );\n        }\n        lrndesign-avatar {\n          display: inline-block;\n          background: #fff;\n          border-radius: 50%;\n          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);\n          padding: 2px;\n          position: relative;\n          margin-top: -2px;\n          transform: translateY(2px);\n        }\n\n        #link {\n          display: flex;\n          justify-content: flex-start;\n          align-items: flex-start;\n          flex-direction: column;\n        }\n\n        #right simple-icon-lite {\n          display: inline-block;\n          color: gray;\n        }\n\n        simple-icon-lite {\n          color: inherit;\n          display: inline-block;\n          --simple-icon-height: var(--map-menu-item-height);\n          --simple-icon-width: var(--map-menu-item-height);\n        }\n\n        button {\n          cursor: pointer;\n          color: inherit;\n          background-color: transparent;\n          text-transform: none;\n          width: 100%;\n          justify-content: left;\n          margin: 0px;\n          border: 0;\n          min-height: var(--map-menu-header-button-min-height, 48px);\n          padding: 4px;\n          text-align: left;\n          border-radius: 0;\n        }\n        :host([status=\"new\"]) a::after {\n          border-right: 8px solid green;\n          content: \"\";\n          margin-left: -8px;\n        }\n        :host([status=\"modified\"]) a::after {\n          border-right: 8px solid orange;\n          content: \"\";\n          margin-left: -8px;\n        }\n        :host([status=\"delete\"]) a::after {\n          border-right: 8px solid red;\n          content: \"\";\n          margin-left: -8px;\n        }\n        #unpublished {\n          --simple-icon-width: 20px;\n          --simple-icon-height: 20px;\n          color: orange;\n          float: right;\n          margin: -4px 32px 0px 0px;\n          vertical-align: top;\n          height: 0px;\n          width: 0px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject5_b7a29fe01f2611eda0c389891c227ec8 || (_templateObject5_b7a29fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          transition: 0.1s all ease-in-out;\n          --map-menu-item-height: 24px;\n        }\n        :host([active]) {\n          background: var(--map-menu-active-color);\n          color: var(--map-menu-item-active-item-color, #000000);\n        }\n        #container {\n          display: flex;\n          align-items: center;\n        }\n\n        .avatarlabel {\n          margin-right: 10px;\n        }\n\n        #center {\n          flex: 1 1 auto;\n        }\n        a,\n        a:visited {\n          display: block;\n          color: var(--map-menu-item-a-color, inherit);\n          text-decoration: var(--map-menu-header-a-text-decoration, none);\n        }\n        a:hover button,\n        a:active button,\n        a:focus button {\n          color: var(\n            --map-menu-item-a-active-color,\n            var(--map-menu-item-a-color, inherit)\n          );\n          text-decoration: var(\n            --map-menu-header-a-text-decoration-hover,\n            underline\n          );\n        }\n        lrndesign-avatar {\n          display: inline-block;\n          background: #fff;\n          border-radius: 50%;\n          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);\n          padding: 2px;\n          position: relative;\n          margin-top: -2px;\n          transform: translateY(2px);\n        }\n\n        #link {\n          display: flex;\n          justify-content: flex-start;\n          align-items: flex-start;\n          flex-direction: column;\n        }\n\n        #right simple-icon-lite {\n          display: inline-block;\n          color: gray;\n        }\n\n        simple-icon-lite {\n          color: inherit;\n          display: inline-block;\n          --simple-icon-height: var(--map-menu-item-height);\n          --simple-icon-width: var(--map-menu-item-height);\n        }\n\n        button {\n          cursor: pointer;\n          color: inherit;\n          background-color: transparent;\n          text-transform: none;\n          width: 100%;\n          justify-content: left;\n          margin: 0px;\n          border: 0;\n          min-height: var(--map-menu-header-button-min-height, 48px);\n          padding: 4px;\n          text-align: left;\n          border-radius: 0;\n        }\n        :host([status=\"new\"]) a::after {\n          border-right: 8px solid green;\n          content: \"\";\n          margin-left: -8px;\n        }\n        :host([status=\"modified\"]) a::after {\n          border-right: 8px solid orange;\n          content: \"\";\n          margin-left: -8px;\n        }\n        :host([status=\"delete\"]) a::after {\n          border-right: 8px solid red;\n          content: \"\";\n          margin-left: -8px;\n        }\n        #unpublished {\n          --simple-icon-width: 20px;\n          --simple-icon-height: 20px;\n          color: orange;\n          float: right;\n          margin: -4px 32px 0px 0px;\n          vertical-align: top;\n          height: 0px;\n          width: 0px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-item.js
index 77acf485fcc..71750708114 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-item.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-icon/lib/simpl
   _exports.MapMenuItem = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_e0c3a8901f0511ed8cc3e9a95995ad69, _templateObject2_e0c3a8901f0511ed8cc3e9a95995ad69, _templateObject3_e0c3a8901f0511ed8cc3e9a95995ad69, _templateObject4_e0c3a8901f0511ed8cc3e9a95995ad69, _templateObject5_e0c3a8901f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7a6be901f2611eda0c389891c227ec8, _templateObject2_b7a6be901f2611eda0c389891c227ec8, _templateObject3_b7a6be901f2611eda0c389891c227ec8, _templateObject4_b7a6be901f2611eda0c389891c227ec8, _templateObject5_b7a6be901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -64,7 +64,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-icon/lib/simpl
        * LitElement life cycle - render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_e0c3a8901f0511ed8cc3e9a95995ad69 || (_templateObject_e0c3a8901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a tabindex=\"-1\" href=\"", "\">\n        <button id=\"wrapper\" noink>\n          ", "\n          <span class=\"title\">", "</span>\n          ", "\n          ", "\n        </button>\n      </a>\n    "])), this.url, this.icon ? (0, _index.html)(_templateObject2_e0c3a8901f0511ed8cc3e9a95995ad69 || (_templateObject2_e0c3a8901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-icon-lite icon=\"", "\"></simple-icon-lite> "])), this.icon) : "", this.title, this.trackIcon ? (0, _index.html)(_templateObject3_e0c3a8901f0511ed8cc3e9a95995ad69 || (_templateObject3_e0c3a8901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <simple-icon-lite\n                  id=\"track\"\n                  icon=\"", "\"\n                ></simple-icon-lite>\n              "])), this.trackIcon) : "", !this.published ? (0, _index.html)(_templateObject4_e0c3a8901f0511ed8cc3e9a95995ad69 || (_templateObject4_e0c3a8901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n                id=\"unpublished\"\n                title=\"", "\"\n                icon=\"icons:visibility-off\"\n              ></simple-icon-lite>"])), this.t.pageIsUnpublished) : "");
+        return (0, _index.html)(_templateObject_b7a6be901f2611eda0c389891c227ec8 || (_templateObject_b7a6be901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a tabindex=\"-1\" href=\"", "\">\n        <button id=\"wrapper\" noink>\n          ", "\n          <span class=\"title\">", "</span>\n          ", "\n          ", "\n        </button>\n      </a>\n    "])), this.url, this.icon ? (0, _index.html)(_templateObject2_b7a6be901f2611eda0c389891c227ec8 || (_templateObject2_b7a6be901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-icon-lite icon=\"", "\"></simple-icon-lite> "])), this.icon) : "", this.title, this.trackIcon ? (0, _index.html)(_templateObject3_b7a6be901f2611eda0c389891c227ec8 || (_templateObject3_b7a6be901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <simple-icon-lite\n                  id=\"track\"\n                  icon=\"", "\"\n                ></simple-icon-lite>\n              "])), this.trackIcon) : "", !this.published ? (0, _index.html)(_templateObject4_b7a6be901f2611eda0c389891c227ec8 || (_templateObject4_b7a6be901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n                id=\"unpublished\"\n                title=\"", "\"\n                icon=\"icons:visibility-off\"\n              ></simple-icon-lite>"])), this.t.pageIsUnpublished) : "");
       }
     }, {
       key: "updated",
@@ -127,7 +127,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-icon/lib/simpl
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject5_e0c3a8901f0511ed8cc3e9a95995ad69 || (_templateObject5_e0c3a8901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          transition: 0.1s all ease-in-out;\n          font-size: var(--map-menu-item-font-size);\n          --map-menu-item-height: 42px;\n          --map-menu-item-icon-height: 24px;\n          overflow: var(--map-menu-item-overflow, hidden);\n        }\n        :host([active]) {\n          background: var(--map-menu-active-color);\n          color: var(--map-menu-item-active-item-color, #000000);\n        }\n        simple-icon-lite {\n          display: inline-block;\n          --simple-icon-height: var(--map-menu-item-icon-height);\n          --simple-icon-width: var(--map-menu-item-icon-height);\n        }\n        .title {\n          text-transform: none;\n        }\n        a,\n        a:visited {\n          display: block;\n          color: var(--map-menu-item-a-color, inherit);\n          text-decoration: var(--map-menu-item-a-text-decoration, none);\n        }\n        a:hover button,\n        a:active button,\n        a:focus button {\n          color: var(\n            --map-menu-item-a-active-color,\n            var(--map-menu-item-a-color, inherit)\n          );\n          text-decoration: var(\n            --map-menu-item-a-text-decoration-hover,\n            underline\n          );\n        }\n        #track {\n          transition: 0.1s all ease-in-out;\n          position: absolute;\n          right: 0;\n\n          margin-right: 0px;\n          width: 0px;\n          height: 0px;\n          visibility: hidden;\n          opacity: 0;\n        }\n        #track.show-icon {\n          margin-right: 5px;\n          width: 18px;\n          height: 18px;\n          visibility: visible;\n          opacity: 1;\n        }\n        button {\n          cursor: pointer;\n          color: inherit;\n          background-color: transparent;\n          text-transform: none;\n          width: 100%;\n          justify-content: left;\n          margin: 0px;\n          border: 0;\n          height: var(\n            --map-menu-item-button-height,\n            var(--map-menu-item-height)\n          );\n          padding: 4px;\n          text-align: left;\n          border-radius: 0;\n        }\n        :host([status=\"new\"]) a::after {\n          border-right: 8px solid green;\n          content: \"\";\n          margin-left: -8px;\n        }\n        :host([status=\"modified\"]) a::after {\n          border-right: 8px solid orange;\n          content: \"\";\n          margin-left: -8px;\n        }\n        :host([status=\"delete\"]) a::after {\n          border-right: 8px solid red;\n          content: \"\";\n          margin-left: -8px;\n        }\n        #unpublished {\n          --simple-icon-width: 20px;\n          --simple-icon-height: 20px;\n          color: orange;\n          float: right;\n          margin: -4px 32px 0px 0px;\n          vertical-align: top;\n          height: 0px;\n          width: 0px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject5_b7a6be901f2611eda0c389891c227ec8 || (_templateObject5_b7a6be901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          transition: 0.1s all ease-in-out;\n          font-size: var(--map-menu-item-font-size);\n          --map-menu-item-height: 42px;\n          --map-menu-item-icon-height: 24px;\n          overflow: var(--map-menu-item-overflow, hidden);\n        }\n        :host([active]) {\n          background: var(--map-menu-active-color);\n          color: var(--map-menu-item-active-item-color, #000000);\n        }\n        simple-icon-lite {\n          display: inline-block;\n          --simple-icon-height: var(--map-menu-item-icon-height);\n          --simple-icon-width: var(--map-menu-item-icon-height);\n        }\n        .title {\n          text-transform: none;\n        }\n        a,\n        a:visited {\n          display: block;\n          color: var(--map-menu-item-a-color, inherit);\n          text-decoration: var(--map-menu-item-a-text-decoration, none);\n        }\n        a:hover button,\n        a:active button,\n        a:focus button {\n          color: var(\n            --map-menu-item-a-active-color,\n            var(--map-menu-item-a-color, inherit)\n          );\n          text-decoration: var(\n            --map-menu-item-a-text-decoration-hover,\n            underline\n          );\n        }\n        #track {\n          transition: 0.1s all ease-in-out;\n          position: absolute;\n          right: 0;\n\n          margin-right: 0px;\n          width: 0px;\n          height: 0px;\n          visibility: hidden;\n          opacity: 0;\n        }\n        #track.show-icon {\n          margin-right: 5px;\n          width: 18px;\n          height: 18px;\n          visibility: visible;\n          opacity: 1;\n        }\n        button {\n          cursor: pointer;\n          color: inherit;\n          background-color: transparent;\n          text-transform: none;\n          width: 100%;\n          justify-content: left;\n          margin: 0px;\n          border: 0;\n          height: var(\n            --map-menu-item-button-height,\n            var(--map-menu-item-height)\n          );\n          padding: 4px;\n          text-align: left;\n          border-radius: 0;\n        }\n        :host([status=\"new\"]) a::after {\n          border-right: 8px solid green;\n          content: \"\";\n          margin-left: -8px;\n        }\n        :host([status=\"modified\"]) a::after {\n          border-right: 8px solid orange;\n          content: \"\";\n          margin-left: -8px;\n        }\n        :host([status=\"delete\"]) a::after {\n          border-right: 8px solid red;\n          content: \"\";\n          margin-left: -8px;\n        }\n        #unpublished {\n          --simple-icon-width: 20px;\n          --simple-icon-height: 20px;\n          color: orange;\n          float: right;\n          margin: -4px 32px 0px 0px;\n          vertical-align: top;\n          height: 0px;\n          width: 0px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-submenu.js b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-submenu.js
index 3a2d423a13c..c2d86c48338 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-submenu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-submenu.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./map-menu-header.js", "../../a11y-
   });
   _exports.MapMenuSubmenu = void 0;
 
-  var _templateObject_e0bf62d01f0511ed8cc3e9a95995ad69, _templateObject2_e0bf62d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7a9f2e01f2611eda0c389891c227ec8, _templateObject2_b7a9f2e01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -51,7 +51,7 @@ define(["exports", "../../../lit/index.js", "./map-menu-header.js", "../../a11y-
     babelHelpers.createClass(MapMenuSubmenu, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e0bf62d01f0511ed8cc3e9a95995ad69 || (_templateObject_e0bf62d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a11y-collapse id=\"container\" ?expanded=\"", "\">\n        <map-menu-header\n          .avatar-label=\"", "\"\n          id=\"", "\"\n          title=\"", "\"\n          label=\"", "\"\n          ?opened=\"", "\"\n          url=\"", "\"\n          selected=\"", "\"\n          icon=\"", "\"\n          slot=\"heading\"\n          ?published=\"", "\"\n          ?locked=\"", "\"\n          status=\"", "\"\n        ></map-menu-header>\n        <slot></slot>\n      </a11y-collapse>\n    "])), this.opened, this.avatarLabel, this.id, this.title, this.label, this.opened, this.url, this.selected, this.icon, this.published, this.locked, this.status);
+        return (0, _index.html)(_templateObject_b7a9f2e01f2611eda0c389891c227ec8 || (_templateObject_b7a9f2e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a11y-collapse id=\"container\" ?expanded=\"", "\">\n        <map-menu-header\n          .avatar-label=\"", "\"\n          id=\"", "\"\n          title=\"", "\"\n          label=\"", "\"\n          ?opened=\"", "\"\n          url=\"", "\"\n          selected=\"", "\"\n          icon=\"", "\"\n          slot=\"heading\"\n          ?published=\"", "\"\n          ?locked=\"", "\"\n          status=\"", "\"\n        ></map-menu-header>\n        <slot></slot>\n      </a11y-collapse>\n    "])), this.opened, this.avatarLabel, this.id, this.title, this.label, this.opened, this.url, this.selected, this.icon, this.published, this.locked, this.status);
       }
     }, {
       key: "_headerClickHandler",
@@ -110,7 +110,7 @@ define(["exports", "../../../lit/index.js", "./map-menu-header.js", "../../a11y-
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e0bf62d01f0511ed8cc3e9a95995ad69 || (_templateObject2_e0bf62d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          overflow: hidden;\n        }\n        :host([collapsable]) > map-menu-builder {\n          cursor: pointer;\n          display: block;\n        }\n        #container {\n          margin: 0;\n        }\n        #container ::slotted(map-menu-builder) {\n          display: block;\n          cursor: pointer;\n          margin-left: 20px;\n        }\n        a11y-collapse {\n          --a11y-collapse-border: 0;\n          --a11y-collapse-horizontal-padding: 0;\n          --a11y-collapse-vertical-padding: 0;\n          color: var(--map-menu-item-a-color, inherit);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b7a9f2e01f2611eda0c389891c227ec8 || (_templateObject2_b7a9f2e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          overflow: hidden;\n        }\n        :host([collapsable]) > map-menu-builder {\n          cursor: pointer;\n          display: block;\n        }\n        #container {\n          margin: 0;\n        }\n        #container ::slotted(map-menu-builder) {\n          display: block;\n          cursor: pointer;\n          margin-left: 20px;\n        }\n        a11y-collapse {\n          --a11y-collapse-border: 0;\n          --a11y-collapse-horizontal-padding: 0;\n          --a11y-collapse-vertical-padding: 0;\n          color: var(--map-menu-item-a-color, inherit);\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/map-menu.js b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/map-menu.js
index 1bdb78bd64a..ef6fc99ba51 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/map-menu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/map-menu/map-menu.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/map-menu-builder.js", "./lib/map
   });
   _exports.MapMenu = void 0;
 
-  var _templateObject_aaf369d01f0511ed8cc3e9a95995ad69, _templateObject2_aaf369d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_853ae0801f2611eda0c389891c227ec8, _templateObject2_853ae0801f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -57,7 +57,7 @@ define(["exports", "../../lit/index.js", "./lib/map-menu-builder.js", "./lib/map
     babelHelpers.createClass(MapMenu, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_aaf369d01f0511ed8cc3e9a95995ad69 || (_templateObject_aaf369d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"itemslist\">\n        <map-menu-container>\n          <div id=\"activeindicator\"></div>\n          <map-menu-builder\n            id=\"builder\"\n            .items=\"", "\"\n            .selected=\"", "\"\n          ></map-menu-builder>\n        </map-menu-container>\n      </div>\n    "])), this.items, this.selected);
+        return (0, _index.html)(_templateObject_853ae0801f2611eda0c389891c227ec8 || (_templateObject_853ae0801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"itemslist\">\n        <map-menu-container>\n          <div id=\"activeindicator\"></div>\n          <map-menu-builder\n            id=\"builder\"\n            .items=\"", "\"\n            .selected=\"", "\"\n          ></map-menu-builder>\n        </map-menu-container>\n      </div>\n    "])), this.items, this.selected);
       }
     }, {
       key: "updated",
@@ -404,7 +404,7 @@ define(["exports", "../../lit/index.js", "./lib/map-menu-builder.js", "./lib/map
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_aaf369d01f0511ed8cc3e9a95995ad69 || (_templateObject2_aaf369d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --map-menu-active-color: rgba(0, 0, 0, 0.1);\n          --map-menu-size: 1;\n          display: block;\n          overflow-y: scroll;\n          position: relative;\n          height: 100%;\n          transition: all 0.1s ease-in-out;\n          opacity: 1;\n          background-color: transparent;\n        }\n        #itemslist {\n          display: var(--map-menu-items-list-display);\n          flex-direction: var(--map-menu-items-list-flex-direction);\n          flex: var(--map-menu-items-list-flex);\n        }\n        #activeindicator {\n          background: var(--map-menu-active-color);\n          transition: all 0.1s ease-in-out;\n          position: absolute;\n          pointer-events: none;\n        }\n\n        map-menu-container {\n          padding: var(--map-menu-container-padding, 0);\n          display: var(--map-menu-container-display);\n          flex-direction: var(--map-menu-container-flex-direction);\n          flex: var(--map-menu-container-flex);\n          background-color: var(--map-menu-container-background-color);\n          color: var(--map-menu-container-color);\n        }\n\n        /* turn default active color if indicator is on */\n        :host([active-indicator]) map-menu-builder {\n          --map-menu-active-color: transparent;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_853ae0801f2611eda0c389891c227ec8 || (_templateObject2_853ae0801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --map-menu-active-color: rgba(0, 0, 0, 0.1);\n          --map-menu-size: 1;\n          display: block;\n          overflow-y: scroll;\n          position: relative;\n          height: 100%;\n          transition: all 0.1s ease-in-out;\n          opacity: 1;\n          background-color: transparent;\n        }\n        #itemslist {\n          display: var(--map-menu-items-list-display);\n          flex-direction: var(--map-menu-items-list-flex-direction);\n          flex: var(--map-menu-items-list-flex);\n        }\n        #activeindicator {\n          background: var(--map-menu-active-color);\n          transition: all 0.1s ease-in-out;\n          position: absolute;\n          pointer-events: none;\n        }\n\n        map-menu-container {\n          padding: var(--map-menu-container-padding, 0);\n          display: var(--map-menu-container-display);\n          flex-direction: var(--map-menu-container-flex-direction);\n          flex: var(--map-menu-container-flex);\n          background-color: var(--map-menu-container-background-color);\n          color: var(--map-menu-container-color);\n        }\n\n        /* turn default active color if indicator is on */\n        :host([active-indicator]) map-menu-builder {\n          --map-menu-active-color: transparent;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mark-the-words/mark-the-words.js b/build/es5-amd/node_modules/@lrnwebcomponents/mark-the-words/mark-the-words.js
index 898dd36f8c9..59efc012076 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mark-the-words/mark-the-words.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mark-the-words/mark-the-words.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.MarkTheWords = void 0;
 
-  var _templateObject_aaf517801f0511ed8cc3e9a95995ad69, _templateObject2_aaf517801f0511ed8cc3e9a95995ad69;
+  var _templateObject_855239101f2611eda0c389891c227ec8, _templateObject2_855239101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -42,7 +42,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_aaf517801f0511ed8cc3e9a95995ad69 || (_templateObject_aaf517801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
+        return (0, _index.html)(_templateObject_855239101f2611eda0c389891c227ec8 || (_templateObject_855239101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
       }
       /**
        * Convention we use
@@ -107,7 +107,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(MarkTheWords), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_aaf517801f0511ed8cc3e9a95995ad69 || (_templateObject2_aaf517801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_855239101f2611eda0c389891c227ec8 || (_templateObject2_855239101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/material-progress/lib/material-progress-bars.js b/build/es5-amd/node_modules/@lrnwebcomponents/material-progress/lib/material-progress-bars.js
index 78663c2823e..5ba17531474 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/material-progress/lib/material-progress-bars.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/material-progress/lib/material-progress-bars.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.MaterialProgressBars = void 0;
 
-  var _templateObject_e0c52f301f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7ab52701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -33,7 +33,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e0c52f301f0511ed8cc3e9a95995ad69 || (_templateObject_e0c52f301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        #barsContainer {\n          overflow: hidden;\n          background-color: var(\n            --material-progress-bars-background-color,\n            #e0e0e0\n          );\n          border-radius: calc(var(--material-progress-bar-height) / 2);\n          min-width: var(--material-progress-bar-height);\n          height: var(--material-progress-bar-height);\n          @apply --layout;\n          @apply --material-progress-bars-style;\n        }\n        :host > #barsContainer > ::content > .bar {\n          margin-left: calc(-var(--material-progress-bar-height) / 2);\n          border-radius: 0 calc(var(--material-progress-bar-height) / 2)\n            calc(var(--material-progress-bar-height) / 2) 0;\n        }\n        :host([animated]) > #barsContainer > ::content > .entry {\n          -webkit-transition: width 850ms cubic-bezier(0.4, 0, 0.2, 1);\n          -ms-transition: width 850ms cubic-bezier(0.4, 0, 0.2, 1);\n          -moz-transition: width 850ms cubic-bezier(0.4, 0, 0.2, 1);\n          -o-transition: width 850ms cubic-bezier(0.4, 0, 0.2, 1);\n          transition: width 850ms cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        :host > #barsContainer > ::content > * > span {\n          margin: 0 calc(var(--material-progress-bar-height) * 1 / 3) 0\n            calc(var(--material-progress-bar-height) * 5 / 6);\n        }\n      </style>\n      <div id=\"barsContainer\">\n        <slot id=\"content\" name=\".bar[data-value]\"></slot>\n      </div>\n      <div class=\"legend\" hidden$=\"[[_legendNeeded]]\">\n        <template is=\"dom-repeat\" items=\"[[_legendItems]]\" as=\"l\">\n          <span style$=\"color: [[l.color]];\">[[l.label]]</span>\n        </template>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b7ab52701f2611eda0c389891c227ec8 || (_templateObject_b7ab52701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        #barsContainer {\n          overflow: hidden;\n          background-color: var(\n            --material-progress-bars-background-color,\n            #e0e0e0\n          );\n          border-radius: calc(var(--material-progress-bar-height) / 2);\n          min-width: var(--material-progress-bar-height);\n          height: var(--material-progress-bar-height);\n          @apply --layout;\n          @apply --material-progress-bars-style;\n        }\n        :host > #barsContainer > ::content > .bar {\n          margin-left: calc(-var(--material-progress-bar-height) / 2);\n          border-radius: 0 calc(var(--material-progress-bar-height) / 2)\n            calc(var(--material-progress-bar-height) / 2) 0;\n        }\n        :host([animated]) > #barsContainer > ::content > .entry {\n          -webkit-transition: width 850ms cubic-bezier(0.4, 0, 0.2, 1);\n          -ms-transition: width 850ms cubic-bezier(0.4, 0, 0.2, 1);\n          -moz-transition: width 850ms cubic-bezier(0.4, 0, 0.2, 1);\n          -o-transition: width 850ms cubic-bezier(0.4, 0, 0.2, 1);\n          transition: width 850ms cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        :host > #barsContainer > ::content > * > span {\n          margin: 0 calc(var(--material-progress-bar-height) * 1 / 3) 0\n            calc(var(--material-progress-bar-height) * 5 / 6);\n        }\n      </style>\n      <div id=\"barsContainer\">\n        <slot id=\"content\" name=\".bar[data-value]\"></slot>\n      </div>\n      <div class=\"legend\" hidden$=\"[[_legendNeeded]]\">\n        <template is=\"dom-repeat\" items=\"[[_legendItems]]\" as=\"l\">\n          <span style$=\"color: [[l.color]];\">[[l.label]]</span>\n        </template>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/material-progress/lib/material-progress-histo.js b/build/es5-amd/node_modules/@lrnwebcomponents/material-progress/lib/material-progress-histo.js
index 114a0343d20..7419bd03a9c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/material-progress/lib/material-progress-histo.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/material-progress/lib/material-progress-histo.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.MaterialProgressHisto = void 0;
 
-  var _templateObject_e0c9ea201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b034701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -32,7 +32,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e0c9ea201f0511ed8cc3e9a95995ad69 || (_templateObject_e0c9ea201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        #barsContainer {\n          @apply --layout-vertical;\n          @apply --material-progress-histo-style;\n        }\n        :host > #barsContainer > ::content > * {\n          height: 0px;\n        }\n        :host > #barsContainer > ::content > .bar {\n          border-radius: calc(var(--material-progress-bar-height) / 2);\n        }\n        :host > #barsContainer > ::content > .bar.visible:not(.last) {\n          margin-bottom: 12px;\n        }\n        :host > #barsContainer > ::content > .bar.visible {\n          min-width: var(--material-progress-bar-height);\n        }\n        :host > #barsContainer > ::content > .bar:not(.visible) > * {\n          visibility: hidden;\n        }\n        :host > #barsContainer > ::content > * > span {\n          margin: 0 calc(var(--material-progress-bar-height) * 1 / 3);\n        }\n      </style>\n      <div id=\"barsContainer\">\n        <slot id=\"content\" name=\".bar[data-value]\">\n          <span>test</span>\n        </slot>\n      </div>\n      <div class=\"legend\" hidden$=\"[[_legendNeeded]]\">\n        <template is=\"dom-repeat\" items=\"[[_legendItems]]\" as=\"l\">\n          <span style$=\"color: [[l.color]];\">[[l.label]]</span>\n        </template>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b7b034701f2611eda0c389891c227ec8 || (_templateObject_b7b034701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        #barsContainer {\n          @apply --layout-vertical;\n          @apply --material-progress-histo-style;\n        }\n        :host > #barsContainer > ::content > * {\n          height: 0px;\n        }\n        :host > #barsContainer > ::content > .bar {\n          border-radius: calc(var(--material-progress-bar-height) / 2);\n        }\n        :host > #barsContainer > ::content > .bar.visible:not(.last) {\n          margin-bottom: 12px;\n        }\n        :host > #barsContainer > ::content > .bar.visible {\n          min-width: var(--material-progress-bar-height);\n        }\n        :host > #barsContainer > ::content > .bar:not(.visible) > * {\n          visibility: hidden;\n        }\n        :host > #barsContainer > ::content > * > span {\n          margin: 0 calc(var(--material-progress-bar-height) * 1 / 3);\n        }\n      </style>\n      <div id=\"barsContainer\">\n        <slot id=\"content\" name=\".bar[data-value]\">\n          <span>test</span>\n        </slot>\n      </div>\n      <div class=\"legend\" hidden$=\"[[_legendNeeded]]\">\n        <template is=\"dom-repeat\" items=\"[[_legendItems]]\" as=\"l\">\n          <span style$=\"color: [[l.color]];\">[[l.label]]</span>\n        </template>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/material-word/material-word.js b/build/es5-amd/node_modules/@lrnwebcomponents/material-word/material-word.js
index 267daea7e70..073c4c05e0c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/material-word/material-word.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/material-word/material-word.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
   });
   _exports.MaterialWord = void 0;
 
-  var _templateObject_9d9245e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_789da8d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -51,7 +51,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9d9245e01f0511ed8cc3e9a95995ad69 || (_templateObject_9d9245e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        html {\n          font-size: 100%;\n          height: 100%;\n          width: 100%;\n          outline: none;\n        }\n\n        body {\n          background: #673ab7;\n          font-family: \"Roboto\", sans-serif;\n          font-size: 14px;\n          font-weight: 400;\n          color: #373737;\n          line-height: 26px;\n          text-align: left;\n          overflow-x: hidden;\n          margin: auto;\n          width: 100%;\n          outline: none;\n        }\n\n        *,\n        *:before,\n        *:after {\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n\n        * {\n          margin: 0;\n          padding: 0;\n          border: 0;\n          border-radius: 0;\n          -webkit-border-radius: 0;\n          border-spacing: 0;\n          -webkit-appearance: none;\n          -moz-appearance: none;\n          appearance: normal;\n          -webkit-tap-highlight-color: transparent;\n          outline: 0 !important;\n          -webkit-touch-callout: none;\n          transition-timing-function: ease-in-out;\n          -moz-transition-timing-function: ease-in-out;\n          -webkit-transition-timing-function: ease-in-out;\n          -o-transition-timing-function: ease-in-out;\n          transition-duration: 0.2s;\n          -moz-transition-duration: 0.2s;\n          -webkit-transition-duration: 0.2s;\n          -o-transition-duration: 0.2s;\n        }\n\n        @viewport {\n          width: device-width;\n        }\n\n        .fab {\n          margin: 0 7% 0 0;\n          background-color: #ff9800;\n          height: 70px;\n          width: 70px;\n          border-radius: 50px;\n          color: #fff;\n          font-size: 30px;\n          text-align: center;\n          line-height: 75px;\n          position: absolute;\n          right: 0;\n          box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24),\n            0 1.5px 6px rgba(0, 0, 0, 0.12);\n        }\n        .fab:hover {\n          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22),\n            0 14px 56px rgba(0, 0, 0, 0.25);\n        }\n        .fab:hover i {\n          -webkit-transform: rotate(360deg);\n          transform: rotate(360deg);\n        }\n\n        .social i {\n          font-size: 40px;\n          margin: 30px 0px 15px;\n          color: #8460c4;\n          width: 60px;\n          height: 60px;\n          line-height: 60px;\n        }\n        .social i:hover {\n          box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24),\n            0 1.5px 6px rgba(0, 0, 0, 0.12);\n          border-radius: 50%;\n          text-align: center;\n        }\n        .wrapper {\n          margin: 0 auto;\n          width: 75%;\n        }\n\n        .cname_wrapper,\n        .title_wrapper {\n          width: 70%;\n          margin: 0 auto;\n        }\n\n        .cname-title,\n        .alfa-title {\n          -webkit-transform: scale(0.6);\n          transform: scale(0.6);\n          margin: -15px;\n        }\n\n        @media (min-width: 480px) {\n          .title_wrapper {\n            width: 60%;\n            margin: 0 auto;\n          }\n          .wrapper {\n            margin: 0 auto;\n            width: 85%;\n          }\n        }\n        @media (min-width: 640px) {\n          .wrapper {\n            margin: 0 auto;\n            width: 80%;\n          }\n        }\n        @media (min-width: 768px) {\n          .title_wrapper {\n            width: 600px;\n            margin: 0 auto;\n          }\n          .cname-title {\n            -webkit-transform: scale(0.5);\n            transform: scale(0.5);\n            margin: -21px;\n          }\n          .cname_wrapper {\n            width: 690px;\n            margin: 0 auto;\n          }\n        }\n        @media (min-width: 1200px) {\n          .wrapper {\n            margin: 0 auto;\n            width: 1200px;\n          }\n        }\n        .card {\n          display: inline-block;\n          width: 150px;\n          height: 150px;\n          padding: 32px;\n          margin: 16px;\n          background: #fff;\n          box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23),\n            0 3px 12px rgba(0, 0, 0, 0.16);\n        }\n        .alphabets,\n        .alfa-title,\n        .cname-title {\n          width: 100px;\n          height: 100px;\n          display: inline-block;\n          position: relative;\n        }\n\n        .alphabets {\n          -webkit-transform: scale(1);\n          transform: scale(1);\n        }\n        .a {\n          display: block;\n          height: 100px;\n        }\n\n        .a:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 50px 100px 50px;\n          border-color: transparent transparent rgba(233, 30, 99, 0.8)\n            transparent;\n        }\n\n        .b {\n          display: block;\n          height: 100px;\n        }\n\n        .b:before {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(103, 58, 183, 0.8);\n        }\n\n        .b:after {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          top: 35px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(103, 58, 183, 0.5);\n        }\n\n        .c {\n          display: block;\n          height: 100px;\n        }\n\n        .c:before {\n          position: absolute;\n          content: \"\";\n          height: 100px;\n          width: 60px;\n          top: 12px;\n          border-radius: 0 50px 50px 0px;\n          background-color: rgba(0, 150, 136, 0.8);\n          -webkit-transform: rotate(140deg);\n          transform: rotate(140deg);\n        }\n\n        .c:after {\n          position: absolute;\n          content: \"\";\n          height: 100px;\n          width: 60px;\n          top: -12px;\n          border-radius: 0 50px 50px 0px;\n          background-color: rgba(0, 150, 136, 0.5);\n          -webkit-transform: rotate(210deg);\n          transform: rotate(210deg);\n        }\n\n        .d {\n          display: block;\n          height: 100px;\n        }\n\n        .d:before {\n          position: absolute;\n          content: \"\";\n          height: 100px;\n          width: 100px;\n          border-radius: 0 50px 50px 0px;\n          background-color: rgba(63, 81, 181, 0.8);\n        }\n\n        .e,\n        .e-half {\n          display: block;\n          height: 100px;\n        }\n        .e:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(255, 152, 0, 0.8);\n          height: 100px;\n          width: 40px;\n        }\n        .e:after {\n          position: absolute;\n          content: \"\";\n          top: 0;\n          background-color: rgba(255, 152, 0, 0.5);\n          height: 30px;\n          width: 100px;\n        }\n        .e-half:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(255, 152, 0, 0.5);\n          top: 35px;\n          height: 30px;\n          width: 100px;\n        }\n        .e-half:after {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(255, 152, 0, 0.5);\n          bottom: 0;\n          height: 30px;\n          width: 100px;\n        }\n\n        .f,\n        .f-half {\n          display: block;\n          height: 100px;\n        }\n        .f:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(0, 188, 212, 0.8);\n          height: 100px;\n          width: 40px;\n        }\n        .f:after {\n          position: absolute;\n          content: \"\";\n          top: 0;\n          background-color: rgba(0, 188, 212, 0.5);\n          height: 30px;\n          width: 100px;\n        }\n        .f-half:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(0, 188, 212, 0.5);\n          top: 35px;\n          height: 30px;\n          width: 100px;\n        }\n        .g {\n          display: block;\n          height: 100px;\n        }\n        .g:before {\n          position: absolute;\n          content: \"\";\n          height: 60px;\n          width: 60px;\n          bottom: 0;\n          left: 30px;\n          background-color: rgba(103, 58, 183, 0.8);\n        }\n        .g:after {\n          position: absolute;\n          content: \"\";\n          height: 100px;\n          width: 60px;\n          top: -12px;\n          border-radius: 0 50px 50px 0px;\n          background-color: rgba(103, 58, 183, 0.5);\n          -webkit-transform: rotate(210deg);\n          transform: rotate(210deg);\n        }\n        .h,\n        .h-half {\n          display: block;\n          height: 100px;\n        }\n        .h:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(0, 188, 212, 0.8);\n          top: 30px;\n          height: 40px;\n          width: 100px;\n        }\n        .h:after {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(0, 188, 212, 0.5);\n          height: 100px;\n          width: 45px;\n        }\n\n        .h-half:before {\n          position: absolute;\n          content: \"\";\n          top: 0;\n          right: 0;\n          background-color: rgba(0, 188, 212, 0.5);\n          height: 100px;\n          width: 45px;\n        }\n\n        .i,\n        .i-half {\n          display: block;\n          height: 100px;\n        }\n        .i:before {\n          position: absolute;\n          content: \"\";\n          top: 0;\n          background-color: rgba(255, 152, 0, 0.5);\n          height: 30px;\n          width: 100px;\n        }\n        .i:after {\n          position: absolute;\n          content: \"\";\n          bottom: 0;\n          background-color: rgba(255, 152, 0, 0.5);\n          height: 30px;\n          width: 100px;\n        }\n        .i-half:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(255, 152, 0, 0.8);\n          top: 0px;\n          left: 25px;\n          height: 100px;\n          width: 50px;\n        }\n\n        .j {\n          display: block;\n          height: 100px;\n        }\n        .j:before {\n          position: absolute;\n          content: \"\";\n          height: 50px;\n          width: 100px;\n          bottom: 0;\n          border-radius: 0px 0px 50px 50px;\n          background-color: rgba(233, 30, 99, 0.5);\n        }\n        .j:after {\n          position: absolute;\n          content: \"\";\n          right: 0;\n          background-color: rgba(233, 30, 99, 0.8);\n          height: 100px;\n          width: 50px;\n        }\n        .k {\n          display: block;\n          height: 100px;\n        }\n        .k:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0;\n          border-color: transparent transparent rgba(103, 58, 183, 0.8)\n            transparent;\n        }\n        .k:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0;\n          border-color: transparent transparent rgba(103, 58, 183, 0.5)\n            transparent;\n          -webkit-transform: rotate(90deg);\n          transform: rotate(90deg);\n        }\n        .l {\n          display: block;\n          height: 100px;\n        }\n        .l:before {\n          position: absolute;\n          content: \"\";\n          bottom: 0;\n          background-color: rgba(0, 150, 136, 0.8);\n          height: 30px;\n          width: 100px;\n        }\n        .l:after {\n          position: absolute;\n          content: \"\";\n          left: 0;\n          background-color: rgba(0, 150, 136, 0.5);\n          height: 100px;\n          width: 50px;\n        }\n\n        .m {\n          display: block;\n          height: 100px;\n        }\n        .m:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          left: 0;\n          border-style: solid;\n          border-width: 0 35px 100px 35px;\n          border-color: transparent transparent rgba(63, 81, 181, 0.8)\n            transparent;\n        }\n        .m:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          right: 0;\n          border-style: solid;\n          border-width: 0 35px 100px 35px;\n          border-color: transparent transparent rgba(63, 81, 181, 0.5)\n            transparent;\n        }\n\n        .n {\n          display: block;\n          height: 100px;\n        }\n        .n:before {\n          position: absolute;\n          content: \"\";\n          width: 100px;\n          height: 100px;\n          background-color: rgba(233, 30, 99, 0.5);\n        }\n        .n:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          right: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0px;\n          border-color: transparent transparent rgba(233, 30, 99, 0.8)\n            transparent;\n        }\n        .o {\n          display: block;\n          height: 100px;\n        }\n        .o:before {\n          position: absolute;\n          content: \"\";\n          width: 100px;\n          height: 100px;\n          border-radius: 50%;\n          background-color: rgba(0, 150, 136, 0.8);\n        }\n\n        .p {\n          display: block;\n          height: 100px;\n        }\n        .p:before {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(103, 58, 183, 0.8);\n        }\n        .p:after {\n          position: absolute;\n          content: \"\";\n          left: 0;\n          width: 50px;\n          height: 100px;\n          background-color: rgba(103, 58, 183, 0.5);\n        }\n\n        .q {\n          display: block;\n          height: 100px;\n        }\n        .q:before {\n          position: absolute;\n          content: \"\";\n          width: 100px;\n          height: 100px;\n          border-radius: 50%;\n          background-color: rgba(255, 152, 0, 0.5);\n        }\n        .q:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          bottom: 0;\n          right: 0;\n          border-style: solid;\n          border-width: 0 50px 50px 0px;\n          border-color: transparent transparent rgba(255, 152, 0, 0.8)\n            transparent;\n        }\n\n        .r {\n          display: block;\n          height: 100px;\n        }\n        .r:before {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(0, 188, 212, 0.5);\n        }\n        .r:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          left: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0px;\n          border-color: transparent transparent rgba(0, 188, 212, 0.8)\n            transparent;\n        }\n        .s {\n          display: block;\n          height: 100px;\n        }\n        .s:before {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(0, 150, 136, 0.8);\n          -webkit-transform: rotate(180deg);\n          transform: rotate(180deg);\n        }\n\n        .s:after {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          top: 35px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(0, 150, 136, 0.5);\n        }\n\n        .t {\n          display: block;\n          height: 100px;\n        }\n        .t:before {\n          position: absolute;\n          content: \"\";\n          top: 0;\n          background-color: rgba(103, 58, 183, 0.8);\n          height: 30px;\n          width: 100px;\n        }\n        .t:after {\n          position: absolute;\n          content: \"\";\n          left: 25px;\n          background-color: rgba(103, 58, 183, 0.5);\n          height: 100px;\n          width: 50px;\n        }\n        .u {\n          display: block;\n          height: 100px;\n        }\n\n        .u:before {\n          position: absolute;\n          content: \"\";\n          height: 100px;\n          width: 100px;\n          border-radius: 0 0 50px 50px;\n          background-color: rgba(255, 152, 0, 0.8);\n        }\n        .v {\n          display: block;\n          height: 100px;\n        }\n\n        .v:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 50px 100px 50px;\n          border-color: transparent transparent rgba(233, 30, 99, 0.8)\n            transparent;\n          -webkit-transform: rotate(180deg);\n          transform: rotate(180deg);\n        }\n\n        .w {\n          display: block;\n          height: 100px;\n        }\n        .w:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          left: 0;\n          border-style: solid;\n          border-width: 0 35px 100px 35px;\n          border-color: transparent transparent rgba(63, 81, 181, 0.8)\n            transparent;\n          -webkit-transform: rotate(180deg);\n          transform: rotate(180deg);\n        }\n        .w:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          right: 0;\n          border-style: solid;\n          border-width: 0 35px 100px 35px;\n          border-color: transparent transparent rgba(63, 81, 181, 0.5)\n            transparent;\n          -webkit-transform: rotate(180deg);\n          transform: rotate(180deg);\n        }\n\n        .x {\n          display: block;\n          height: 100px;\n        }\n        .x:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0;\n          border-color: transparent transparent rgba(0, 150, 136, 0.8)\n            transparent;\n        }\n        .x:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0;\n          border-color: transparent transparent rgba(0, 150, 136, 0.5)\n            transparent;\n          -webkit-transform: rotate(270deg);\n          transform: rotate(270deg);\n        }\n\n        .y {\n          display: block;\n          height: 100px;\n        }\n        .y:before {\n          position: absolute;\n          content: \"\";\n          height: 60px;\n          width: 100px;\n          top: 0;\n          border-radius: 0px 0px 50px 50px;\n          background-color: rgba(255, 152, 0, 0.5);\n        }\n        .y:after {\n          position: absolute;\n          content: \"\";\n          left: 25px;\n          background-color: rgba(255, 152, 0, 0.8);\n          height: 100px;\n          width: 50px;\n        }\n        .z {\n          display: block;\n          height: 100px;\n        }\n        .z:before {\n          position: absolute;\n          content: \"\";\n          width: 100px;\n          height: 100px;\n          background-color: rgba(0, 188, 212, 0.5);\n        }\n        .z:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          right: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0px;\n          border-color: transparent transparent rgba(0, 188, 212, 0.8)\n            transparent;\n          -webkit-transform: rotate(270deg);\n          transform: rotate(270deg);\n        }\n      </style>\n      <div class=\"card-title\">\n        <div class=\"wrapper\">\n          <div class=\"container-fluid\">\n            <template is=\"dom-if\" if=\"[[letters]]\">\n              <template is=\"dom-repeat\" items=\"[[letters]]\">\n                <div class=\"card\">\n                  <div class=\"alphabets\">\n                    <div class$=\"[[item]]\"></div>\n                    <template is=\"dom-if\" if=\"[[showHalf(item)]]\">\n                      <div class$=\"[[item]]-half\"></div>\n                    </template>\n                  </div>\n                </div>\n              </template>\n            </template>\n          </div>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_789da8d01f2611eda0c389891c227ec8 || (_templateObject_789da8d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        html {\n          font-size: 100%;\n          height: 100%;\n          width: 100%;\n          outline: none;\n        }\n\n        body {\n          background: #673ab7;\n          font-family: \"Roboto\", sans-serif;\n          font-size: 14px;\n          font-weight: 400;\n          color: #373737;\n          line-height: 26px;\n          text-align: left;\n          overflow-x: hidden;\n          margin: auto;\n          width: 100%;\n          outline: none;\n        }\n\n        *,\n        *:before,\n        *:after {\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n\n        * {\n          margin: 0;\n          padding: 0;\n          border: 0;\n          border-radius: 0;\n          -webkit-border-radius: 0;\n          border-spacing: 0;\n          -webkit-appearance: none;\n          -moz-appearance: none;\n          appearance: normal;\n          -webkit-tap-highlight-color: transparent;\n          outline: 0 !important;\n          -webkit-touch-callout: none;\n          transition-timing-function: ease-in-out;\n          -moz-transition-timing-function: ease-in-out;\n          -webkit-transition-timing-function: ease-in-out;\n          -o-transition-timing-function: ease-in-out;\n          transition-duration: 0.2s;\n          -moz-transition-duration: 0.2s;\n          -webkit-transition-duration: 0.2s;\n          -o-transition-duration: 0.2s;\n        }\n\n        @viewport {\n          width: device-width;\n        }\n\n        .fab {\n          margin: 0 7% 0 0;\n          background-color: #ff9800;\n          height: 70px;\n          width: 70px;\n          border-radius: 50px;\n          color: #fff;\n          font-size: 30px;\n          text-align: center;\n          line-height: 75px;\n          position: absolute;\n          right: 0;\n          box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24),\n            0 1.5px 6px rgba(0, 0, 0, 0.12);\n        }\n        .fab:hover {\n          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22),\n            0 14px 56px rgba(0, 0, 0, 0.25);\n        }\n        .fab:hover i {\n          -webkit-transform: rotate(360deg);\n          transform: rotate(360deg);\n        }\n\n        .social i {\n          font-size: 40px;\n          margin: 30px 0px 15px;\n          color: #8460c4;\n          width: 60px;\n          height: 60px;\n          line-height: 60px;\n        }\n        .social i:hover {\n          box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24),\n            0 1.5px 6px rgba(0, 0, 0, 0.12);\n          border-radius: 50%;\n          text-align: center;\n        }\n        .wrapper {\n          margin: 0 auto;\n          width: 75%;\n        }\n\n        .cname_wrapper,\n        .title_wrapper {\n          width: 70%;\n          margin: 0 auto;\n        }\n\n        .cname-title,\n        .alfa-title {\n          -webkit-transform: scale(0.6);\n          transform: scale(0.6);\n          margin: -15px;\n        }\n\n        @media (min-width: 480px) {\n          .title_wrapper {\n            width: 60%;\n            margin: 0 auto;\n          }\n          .wrapper {\n            margin: 0 auto;\n            width: 85%;\n          }\n        }\n        @media (min-width: 640px) {\n          .wrapper {\n            margin: 0 auto;\n            width: 80%;\n          }\n        }\n        @media (min-width: 768px) {\n          .title_wrapper {\n            width: 600px;\n            margin: 0 auto;\n          }\n          .cname-title {\n            -webkit-transform: scale(0.5);\n            transform: scale(0.5);\n            margin: -21px;\n          }\n          .cname_wrapper {\n            width: 690px;\n            margin: 0 auto;\n          }\n        }\n        @media (min-width: 1200px) {\n          .wrapper {\n            margin: 0 auto;\n            width: 1200px;\n          }\n        }\n        .card {\n          display: inline-block;\n          width: 150px;\n          height: 150px;\n          padding: 32px;\n          margin: 16px;\n          background: #fff;\n          box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23),\n            0 3px 12px rgba(0, 0, 0, 0.16);\n        }\n        .alphabets,\n        .alfa-title,\n        .cname-title {\n          width: 100px;\n          height: 100px;\n          display: inline-block;\n          position: relative;\n        }\n\n        .alphabets {\n          -webkit-transform: scale(1);\n          transform: scale(1);\n        }\n        .a {\n          display: block;\n          height: 100px;\n        }\n\n        .a:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 50px 100px 50px;\n          border-color: transparent transparent rgba(233, 30, 99, 0.8)\n            transparent;\n        }\n\n        .b {\n          display: block;\n          height: 100px;\n        }\n\n        .b:before {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(103, 58, 183, 0.8);\n        }\n\n        .b:after {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          top: 35px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(103, 58, 183, 0.5);\n        }\n\n        .c {\n          display: block;\n          height: 100px;\n        }\n\n        .c:before {\n          position: absolute;\n          content: \"\";\n          height: 100px;\n          width: 60px;\n          top: 12px;\n          border-radius: 0 50px 50px 0px;\n          background-color: rgba(0, 150, 136, 0.8);\n          -webkit-transform: rotate(140deg);\n          transform: rotate(140deg);\n        }\n\n        .c:after {\n          position: absolute;\n          content: \"\";\n          height: 100px;\n          width: 60px;\n          top: -12px;\n          border-radius: 0 50px 50px 0px;\n          background-color: rgba(0, 150, 136, 0.5);\n          -webkit-transform: rotate(210deg);\n          transform: rotate(210deg);\n        }\n\n        .d {\n          display: block;\n          height: 100px;\n        }\n\n        .d:before {\n          position: absolute;\n          content: \"\";\n          height: 100px;\n          width: 100px;\n          border-radius: 0 50px 50px 0px;\n          background-color: rgba(63, 81, 181, 0.8);\n        }\n\n        .e,\n        .e-half {\n          display: block;\n          height: 100px;\n        }\n        .e:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(255, 152, 0, 0.8);\n          height: 100px;\n          width: 40px;\n        }\n        .e:after {\n          position: absolute;\n          content: \"\";\n          top: 0;\n          background-color: rgba(255, 152, 0, 0.5);\n          height: 30px;\n          width: 100px;\n        }\n        .e-half:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(255, 152, 0, 0.5);\n          top: 35px;\n          height: 30px;\n          width: 100px;\n        }\n        .e-half:after {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(255, 152, 0, 0.5);\n          bottom: 0;\n          height: 30px;\n          width: 100px;\n        }\n\n        .f,\n        .f-half {\n          display: block;\n          height: 100px;\n        }\n        .f:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(0, 188, 212, 0.8);\n          height: 100px;\n          width: 40px;\n        }\n        .f:after {\n          position: absolute;\n          content: \"\";\n          top: 0;\n          background-color: rgba(0, 188, 212, 0.5);\n          height: 30px;\n          width: 100px;\n        }\n        .f-half:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(0, 188, 212, 0.5);\n          top: 35px;\n          height: 30px;\n          width: 100px;\n        }\n        .g {\n          display: block;\n          height: 100px;\n        }\n        .g:before {\n          position: absolute;\n          content: \"\";\n          height: 60px;\n          width: 60px;\n          bottom: 0;\n          left: 30px;\n          background-color: rgba(103, 58, 183, 0.8);\n        }\n        .g:after {\n          position: absolute;\n          content: \"\";\n          height: 100px;\n          width: 60px;\n          top: -12px;\n          border-radius: 0 50px 50px 0px;\n          background-color: rgba(103, 58, 183, 0.5);\n          -webkit-transform: rotate(210deg);\n          transform: rotate(210deg);\n        }\n        .h,\n        .h-half {\n          display: block;\n          height: 100px;\n        }\n        .h:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(0, 188, 212, 0.8);\n          top: 30px;\n          height: 40px;\n          width: 100px;\n        }\n        .h:after {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(0, 188, 212, 0.5);\n          height: 100px;\n          width: 45px;\n        }\n\n        .h-half:before {\n          position: absolute;\n          content: \"\";\n          top: 0;\n          right: 0;\n          background-color: rgba(0, 188, 212, 0.5);\n          height: 100px;\n          width: 45px;\n        }\n\n        .i,\n        .i-half {\n          display: block;\n          height: 100px;\n        }\n        .i:before {\n          position: absolute;\n          content: \"\";\n          top: 0;\n          background-color: rgba(255, 152, 0, 0.5);\n          height: 30px;\n          width: 100px;\n        }\n        .i:after {\n          position: absolute;\n          content: \"\";\n          bottom: 0;\n          background-color: rgba(255, 152, 0, 0.5);\n          height: 30px;\n          width: 100px;\n        }\n        .i-half:before {\n          position: absolute;\n          content: \"\";\n          background-color: rgba(255, 152, 0, 0.8);\n          top: 0px;\n          left: 25px;\n          height: 100px;\n          width: 50px;\n        }\n\n        .j {\n          display: block;\n          height: 100px;\n        }\n        .j:before {\n          position: absolute;\n          content: \"\";\n          height: 50px;\n          width: 100px;\n          bottom: 0;\n          border-radius: 0px 0px 50px 50px;\n          background-color: rgba(233, 30, 99, 0.5);\n        }\n        .j:after {\n          position: absolute;\n          content: \"\";\n          right: 0;\n          background-color: rgba(233, 30, 99, 0.8);\n          height: 100px;\n          width: 50px;\n        }\n        .k {\n          display: block;\n          height: 100px;\n        }\n        .k:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0;\n          border-color: transparent transparent rgba(103, 58, 183, 0.8)\n            transparent;\n        }\n        .k:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0;\n          border-color: transparent transparent rgba(103, 58, 183, 0.5)\n            transparent;\n          -webkit-transform: rotate(90deg);\n          transform: rotate(90deg);\n        }\n        .l {\n          display: block;\n          height: 100px;\n        }\n        .l:before {\n          position: absolute;\n          content: \"\";\n          bottom: 0;\n          background-color: rgba(0, 150, 136, 0.8);\n          height: 30px;\n          width: 100px;\n        }\n        .l:after {\n          position: absolute;\n          content: \"\";\n          left: 0;\n          background-color: rgba(0, 150, 136, 0.5);\n          height: 100px;\n          width: 50px;\n        }\n\n        .m {\n          display: block;\n          height: 100px;\n        }\n        .m:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          left: 0;\n          border-style: solid;\n          border-width: 0 35px 100px 35px;\n          border-color: transparent transparent rgba(63, 81, 181, 0.8)\n            transparent;\n        }\n        .m:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          right: 0;\n          border-style: solid;\n          border-width: 0 35px 100px 35px;\n          border-color: transparent transparent rgba(63, 81, 181, 0.5)\n            transparent;\n        }\n\n        .n {\n          display: block;\n          height: 100px;\n        }\n        .n:before {\n          position: absolute;\n          content: \"\";\n          width: 100px;\n          height: 100px;\n          background-color: rgba(233, 30, 99, 0.5);\n        }\n        .n:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          right: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0px;\n          border-color: transparent transparent rgba(233, 30, 99, 0.8)\n            transparent;\n        }\n        .o {\n          display: block;\n          height: 100px;\n        }\n        .o:before {\n          position: absolute;\n          content: \"\";\n          width: 100px;\n          height: 100px;\n          border-radius: 50%;\n          background-color: rgba(0, 150, 136, 0.8);\n        }\n\n        .p {\n          display: block;\n          height: 100px;\n        }\n        .p:before {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(103, 58, 183, 0.8);\n        }\n        .p:after {\n          position: absolute;\n          content: \"\";\n          left: 0;\n          width: 50px;\n          height: 100px;\n          background-color: rgba(103, 58, 183, 0.5);\n        }\n\n        .q {\n          display: block;\n          height: 100px;\n        }\n        .q:before {\n          position: absolute;\n          content: \"\";\n          width: 100px;\n          height: 100px;\n          border-radius: 50%;\n          background-color: rgba(255, 152, 0, 0.5);\n        }\n        .q:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          bottom: 0;\n          right: 0;\n          border-style: solid;\n          border-width: 0 50px 50px 0px;\n          border-color: transparent transparent rgba(255, 152, 0, 0.8)\n            transparent;\n        }\n\n        .r {\n          display: block;\n          height: 100px;\n        }\n        .r:before {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(0, 188, 212, 0.5);\n        }\n        .r:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          left: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0px;\n          border-color: transparent transparent rgba(0, 188, 212, 0.8)\n            transparent;\n        }\n        .s {\n          display: block;\n          height: 100px;\n        }\n        .s:before {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(0, 150, 136, 0.8);\n          -webkit-transform: rotate(180deg);\n          transform: rotate(180deg);\n        }\n\n        .s:after {\n          position: absolute;\n          content: \"\";\n          height: 65px;\n          width: 100px;\n          top: 35px;\n          border-radius: 0 30px 30px 0px;\n          background-color: rgba(0, 150, 136, 0.5);\n        }\n\n        .t {\n          display: block;\n          height: 100px;\n        }\n        .t:before {\n          position: absolute;\n          content: \"\";\n          top: 0;\n          background-color: rgba(103, 58, 183, 0.8);\n          height: 30px;\n          width: 100px;\n        }\n        .t:after {\n          position: absolute;\n          content: \"\";\n          left: 25px;\n          background-color: rgba(103, 58, 183, 0.5);\n          height: 100px;\n          width: 50px;\n        }\n        .u {\n          display: block;\n          height: 100px;\n        }\n\n        .u:before {\n          position: absolute;\n          content: \"\";\n          height: 100px;\n          width: 100px;\n          border-radius: 0 0 50px 50px;\n          background-color: rgba(255, 152, 0, 0.8);\n        }\n        .v {\n          display: block;\n          height: 100px;\n        }\n\n        .v:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 50px 100px 50px;\n          border-color: transparent transparent rgba(233, 30, 99, 0.8)\n            transparent;\n          -webkit-transform: rotate(180deg);\n          transform: rotate(180deg);\n        }\n\n        .w {\n          display: block;\n          height: 100px;\n        }\n        .w:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          left: 0;\n          border-style: solid;\n          border-width: 0 35px 100px 35px;\n          border-color: transparent transparent rgba(63, 81, 181, 0.8)\n            transparent;\n          -webkit-transform: rotate(180deg);\n          transform: rotate(180deg);\n        }\n        .w:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          right: 0;\n          border-style: solid;\n          border-width: 0 35px 100px 35px;\n          border-color: transparent transparent rgba(63, 81, 181, 0.5)\n            transparent;\n          -webkit-transform: rotate(180deg);\n          transform: rotate(180deg);\n        }\n\n        .x {\n          display: block;\n          height: 100px;\n        }\n        .x:before {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0;\n          border-color: transparent transparent rgba(0, 150, 136, 0.8)\n            transparent;\n        }\n        .x:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0;\n          border-color: transparent transparent rgba(0, 150, 136, 0.5)\n            transparent;\n          -webkit-transform: rotate(270deg);\n          transform: rotate(270deg);\n        }\n\n        .y {\n          display: block;\n          height: 100px;\n        }\n        .y:before {\n          position: absolute;\n          content: \"\";\n          height: 60px;\n          width: 100px;\n          top: 0;\n          border-radius: 0px 0px 50px 50px;\n          background-color: rgba(255, 152, 0, 0.5);\n        }\n        .y:after {\n          position: absolute;\n          content: \"\";\n          left: 25px;\n          background-color: rgba(255, 152, 0, 0.8);\n          height: 100px;\n          width: 50px;\n        }\n        .z {\n          display: block;\n          height: 100px;\n        }\n        .z:before {\n          position: absolute;\n          content: \"\";\n          width: 100px;\n          height: 100px;\n          background-color: rgba(0, 188, 212, 0.5);\n        }\n        .z:after {\n          position: absolute;\n          content: \"\";\n          width: 0;\n          height: 0;\n          right: 0;\n          border-style: solid;\n          border-width: 0 100px 100px 0px;\n          border-color: transparent transparent rgba(0, 188, 212, 0.8)\n            transparent;\n          -webkit-transform: rotate(270deg);\n          transform: rotate(270deg);\n        }\n      </style>\n      <div class=\"card-title\">\n        <div class=\"wrapper\">\n          <div class=\"container-fluid\">\n            <template is=\"dom-if\" if=\"[[letters]]\">\n              <template is=\"dom-repeat\" items=\"[[letters]]\">\n                <div class=\"card\">\n                  <div class=\"alphabets\">\n                    <div class$=\"[[item]]\"></div>\n                    <template is=\"dom-if\" if=\"[[showHalf(item)]]\">\n                      <div class$=\"[[item]]-half\"></div>\n                    </template>\n                  </div>\n                </div>\n              </template>\n            </template>\n          </div>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/materializecss-styles/lib/colors.js b/build/es5-amd/node_modules/@lrnwebcomponents/materializecss-styles/lib/colors.js
index 8940d342667..7f067af1ded 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/materializecss-styles/lib/colors.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/materializecss-styles/lib/colors.js
@@ -6,11 +6,11 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.materialCssStyles = void 0;
 
-  var _templateObject_e0cad4801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b145e01f2611eda0c389891c227ec8;
 
   var $_documentContainer = document.createElement("div");
   $_documentContainer.setAttribute("style", "display: none;");
-  var materialCssStyles = (0, _index.css)(_templateObject_e0cad4801f0511ed8cc3e9a95995ad69 || (_templateObject_e0cad4801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  .red {\n    background-color: #f44336;\n  }\n\n  .red-text {\n    color: #f44336;\n  }\n\n  .red.lighten-5 {\n    background-color: #ffebee;\n  }\n\n  .red-text.text-lighten-5 {\n    color: #ffebee;\n  }\n\n  .red.lighten-4 {\n    background-color: #ffcdd2;\n  }\n\n  .red-text.text-lighten-4 {\n    color: #ffcdd2;\n  }\n\n  .red.lighten-3 {\n    background-color: #ef9a9a;\n  }\n\n  .red-text.text-lighten-3 {\n    color: #ef9a9a;\n  }\n\n  .red.lighten-2 {\n    background-color: #e57373;\n  }\n\n  .red-text.text-lighten-2 {\n    color: #e57373;\n  }\n\n  .red.lighten-1 {\n    background-color: #ef5350;\n  }\n\n  .red-text.text-lighten-1 {\n    color: #ef5350;\n  }\n\n  .red.darken-1 {\n    background-color: #e53935;\n  }\n\n  .red-text.text-darken-1 {\n    color: #e53935;\n  }\n\n  .red.darken-2 {\n    background-color: #d32f2f;\n  }\n\n  .red-text.text-darken-2 {\n    color: #d32f2f;\n  }\n\n  .red.darken-3 {\n    background-color: #c62828;\n  }\n\n  .red-text.text-darken-3 {\n    color: #c62828;\n  }\n\n  .red.darken-4 {\n    background-color: #b71c1c;\n  }\n\n  .red-text.text-darken-4 {\n    color: #b71c1c;\n  }\n\n  .red.accent-1 {\n    background-color: #ff8a80;\n  }\n\n  .red-text.text-accent-1 {\n    color: #ff8a80;\n  }\n\n  .red.accent-2 {\n    background-color: #ff5252;\n  }\n\n  .red-text.text-accent-2 {\n    color: #ff5252;\n  }\n\n  .red.accent-3 {\n    background-color: #ff1744;\n  }\n\n  .red-text.text-accent-3 {\n    color: #ff1744;\n  }\n\n  .red.accent-4 {\n    background-color: #d50000;\n  }\n\n  .red-text.text-accent-4 {\n    color: #d50000;\n  }\n\n  .pink {\n    background-color: #e91e63;\n  }\n\n  .pink-text {\n    color: #e91e63;\n  }\n\n  .pink.lighten-5 {\n    background-color: #fce4ec;\n  }\n\n  .pink-text.text-lighten-5 {\n    color: #fce4ec;\n  }\n\n  .pink.lighten-4 {\n    background-color: #f8bbd0;\n  }\n\n  .pink-text.text-lighten-4 {\n    color: #f8bbd0;\n  }\n\n  .pink.lighten-3 {\n    background-color: #f48fb1;\n  }\n\n  .pink-text.text-lighten-3 {\n    color: #f48fb1;\n  }\n\n  .pink.lighten-2 {\n    background-color: #f06292;\n  }\n\n  .pink-text.text-lighten-2 {\n    color: #f06292;\n  }\n\n  .pink.lighten-1 {\n    background-color: #ec407a;\n  }\n\n  .pink-text.text-lighten-1 {\n    color: #ec407a;\n  }\n\n  .pink.darken-1 {\n    background-color: #d81b60;\n  }\n\n  .pink-text.text-darken-1 {\n    color: #d81b60;\n  }\n\n  .pink.darken-2 {\n    background-color: #c2185b;\n  }\n\n  .pink-text.text-darken-2 {\n    color: #c2185b;\n  }\n\n  .pink.darken-3 {\n    background-color: #ad1457;\n  }\n\n  .pink-text.text-darken-3 {\n    color: #ad1457;\n  }\n\n  .pink.darken-4 {\n    background-color: #880e4f;\n  }\n\n  .pink-text.text-darken-4 {\n    color: #880e4f;\n  }\n\n  .pink.accent-1 {\n    background-color: #ff80ab;\n  }\n\n  .pink-text.text-accent-1 {\n    color: #ff80ab;\n  }\n\n  .pink.accent-2 {\n    background-color: #ff4081;\n  }\n\n  .pink-text.text-accent-2 {\n    color: #ff4081;\n  }\n\n  .pink.accent-3 {\n    background-color: #f50057;\n  }\n\n  .pink-text.text-accent-3 {\n    color: #f50057;\n  }\n\n  .pink.accent-4 {\n    background-color: #c51162;\n  }\n\n  .pink-text.text-accent-4 {\n    color: #c51162;\n  }\n\n  .purple {\n    background-color: #9c27b0;\n  }\n\n  .purple-text {\n    color: #9c27b0;\n  }\n\n  .purple.lighten-5 {\n    background-color: #f3e5f5;\n  }\n\n  .purple-text.text-lighten-5 {\n    color: #f3e5f5;\n  }\n\n  .purple.lighten-4 {\n    background-color: #e1bee7;\n  }\n\n  .purple-text.text-lighten-4 {\n    color: #e1bee7;\n  }\n\n  .purple.lighten-3 {\n    background-color: #ce93d8;\n  }\n\n  .purple-text.text-lighten-3 {\n    color: #ce93d8;\n  }\n\n  .purple.lighten-2 {\n    background-color: #ba68c8;\n  }\n\n  .purple-text.text-lighten-2 {\n    color: #ba68c8;\n  }\n\n  .purple.lighten-1 {\n    background-color: #ab47bc;\n  }\n\n  .purple-text.text-lighten-1 {\n    color: #ab47bc;\n  }\n\n  .purple.darken-1 {\n    background-color: #8e24aa;\n  }\n\n  .purple-text.text-darken-1 {\n    color: #8e24aa;\n  }\n\n  .purple.darken-2 {\n    background-color: #7b1fa2;\n  }\n\n  .purple-text.text-darken-2 {\n    color: #7b1fa2;\n  }\n\n  .purple.darken-3 {\n    background-color: #6a1b9a;\n  }\n\n  .purple-text.text-darken-3 {\n    color: #6a1b9a;\n  }\n\n  .purple.darken-4 {\n    background-color: #4a148c;\n  }\n\n  .purple-text.text-darken-4 {\n    color: #4a148c;\n  }\n\n  .purple.accent-1 {\n    background-color: #ea80fc;\n  }\n\n  .purple-text.text-accent-1 {\n    color: #ea80fc;\n  }\n\n  .purple.accent-2 {\n    background-color: #e040fb;\n  }\n\n  .purple-text.text-accent-2 {\n    color: #e040fb;\n  }\n\n  .purple.accent-3 {\n    background-color: #d500f9;\n  }\n\n  .purple-text.text-accent-3 {\n    color: #d500f9;\n  }\n\n  .purple.accent-4 {\n    background-color: #aa00ff;\n  }\n\n  .purple-text.text-accent-4 {\n    color: #aa00ff;\n  }\n\n  .deep-purple {\n    background-color: #673ab7;\n  }\n\n  .deep-purple-text {\n    color: #673ab7;\n  }\n\n  .deep-purple.lighten-5 {\n    background-color: #ede7f6;\n  }\n\n  .deep-purple-text.text-lighten-5 {\n    color: #ede7f6;\n  }\n\n  .deep-purple.lighten-4 {\n    background-color: #d1c4e9;\n  }\n\n  .deep-purple-text.text-lighten-4 {\n    color: #d1c4e9;\n  }\n\n  .deep-purple.lighten-3 {\n    background-color: #b39ddb;\n  }\n\n  .deep-purple-text.text-lighten-3 {\n    color: #b39ddb;\n  }\n\n  .deep-purple.lighten-2 {\n    background-color: #9575cd;\n  }\n\n  .deep-purple-text.text-lighten-2 {\n    color: #9575cd;\n  }\n\n  .deep-purple.lighten-1 {\n    background-color: #7e57c2;\n  }\n\n  .deep-purple-text.text-lighten-1 {\n    color: #7e57c2;\n  }\n\n  .deep-purple.darken-1 {\n    background-color: #5e35b1;\n  }\n\n  .deep-purple-text.text-darken-1 {\n    color: #5e35b1;\n  }\n\n  .deep-purple.darken-2 {\n    background-color: #512da8;\n  }\n\n  .deep-purple-text.text-darken-2 {\n    color: #512da8;\n  }\n\n  .deep-purple.darken-3 {\n    background-color: #4527a0;\n  }\n\n  .deep-purple-text.text-darken-3 {\n    color: #4527a0;\n  }\n\n  .deep-purple.darken-4 {\n    background-color: #311b92;\n  }\n\n  .deep-purple-text.text-darken-4 {\n    color: #311b92;\n  }\n\n  .deep-purple.accent-1 {\n    background-color: #b388ff;\n  }\n\n  .deep-purple-text.text-accent-1 {\n    color: #b388ff;\n  }\n\n  .deep-purple.accent-2 {\n    background-color: #7c4dff;\n  }\n\n  .deep-purple-text.text-accent-2 {\n    color: #7c4dff;\n  }\n\n  .deep-purple.accent-3 {\n    background-color: #651fff;\n  }\n\n  .deep-purple-text.text-accent-3 {\n    color: #651fff;\n  }\n\n  .deep-purple.accent-4 {\n    background-color: #6200ea;\n  }\n\n  .deep-purple-text.text-accent-4 {\n    color: #6200ea;\n  }\n\n  .indigo {\n    background-color: #3f51b5;\n  }\n\n  .indigo-text {\n    color: #3f51b5;\n  }\n\n  .indigo.lighten-5 {\n    background-color: #e8eaf6;\n  }\n\n  .indigo-text.text-lighten-5 {\n    color: #e8eaf6;\n  }\n\n  .indigo.lighten-4 {\n    background-color: #c5cae9;\n  }\n\n  .indigo-text.text-lighten-4 {\n    color: #c5cae9;\n  }\n\n  .indigo.lighten-3 {\n    background-color: #9fa8da;\n  }\n\n  .indigo-text.text-lighten-3 {\n    color: #9fa8da;\n  }\n\n  .indigo.lighten-2 {\n    background-color: #7986cb;\n  }\n\n  .indigo-text.text-lighten-2 {\n    color: #7986cb;\n  }\n\n  .indigo.lighten-1 {\n    background-color: #5c6bc0;\n  }\n\n  .indigo-text.text-lighten-1 {\n    color: #5c6bc0;\n  }\n\n  .indigo.darken-1 {\n    background-color: #3949ab;\n  }\n\n  .indigo-text.text-darken-1 {\n    color: #3949ab;\n  }\n\n  .indigo.darken-2 {\n    background-color: #303f9f;\n  }\n\n  .indigo-text.text-darken-2 {\n    color: #303f9f;\n  }\n\n  .indigo.darken-3 {\n    background-color: #283593;\n  }\n\n  .indigo-text.text-darken-3 {\n    color: #283593;\n  }\n\n  .indigo.darken-4 {\n    background-color: #1a237e;\n  }\n\n  .indigo-text.text-darken-4 {\n    color: #1a237e;\n  }\n\n  .indigo.accent-1 {\n    background-color: #8c9eff;\n  }\n\n  .indigo-text.text-accent-1 {\n    color: #8c9eff;\n  }\n\n  .indigo.accent-2 {\n    background-color: #536dfe;\n  }\n\n  .indigo-text.text-accent-2 {\n    color: #536dfe;\n  }\n\n  .indigo.accent-3 {\n    background-color: #3d5afe;\n  }\n\n  .indigo-text.text-accent-3 {\n    color: #3d5afe;\n  }\n\n  .indigo.accent-4 {\n    background-color: #304ffe;\n  }\n\n  .indigo-text.text-accent-4 {\n    color: #304ffe;\n  }\n\n  .blue {\n    background-color: #2196f3;\n  }\n\n  .blue-text {\n    color: #2196f3;\n  }\n\n  .blue.lighten-5 {\n    background-color: #e3f2fd;\n  }\n\n  .blue-text.text-lighten-5 {\n    color: #e3f2fd;\n  }\n\n  .blue.lighten-4 {\n    background-color: #bbdefb;\n  }\n\n  .blue-text.text-lighten-4 {\n    color: #bbdefb;\n  }\n\n  .blue.lighten-3 {\n    background-color: #90caf9;\n  }\n\n  .blue-text.text-lighten-3 {\n    color: #90caf9;\n  }\n\n  .blue.lighten-2 {\n    background-color: #64b5f6;\n  }\n\n  .blue-text.text-lighten-2 {\n    color: #64b5f6;\n  }\n\n  .blue.lighten-1 {\n    background-color: #42a5f5;\n  }\n\n  .blue-text.text-lighten-1 {\n    color: #42a5f5;\n  }\n\n  .blue.darken-1 {\n    background-color: #1e88e5;\n  }\n\n  .blue-text.text-darken-1 {\n    color: #1e88e5;\n  }\n\n  .blue.darken-2 {\n    background-color: #1976d2;\n  }\n\n  .blue-text.text-darken-2 {\n    color: #1976d2;\n  }\n\n  .blue.darken-3 {\n    background-color: #1565c0;\n  }\n\n  .blue-text.text-darken-3 {\n    color: #1565c0;\n  }\n\n  .blue.darken-4 {\n    background-color: #0d47a1;\n  }\n\n  .blue-text.text-darken-4 {\n    color: #0d47a1;\n  }\n\n  .blue.accent-1 {\n    background-color: #82b1ff;\n  }\n\n  .blue-text.text-accent-1 {\n    color: #82b1ff;\n  }\n\n  .blue.accent-2 {\n    background-color: #448aff;\n  }\n\n  .blue-text.text-accent-2 {\n    color: #448aff;\n  }\n\n  .blue.accent-3 {\n    background-color: #2979ff;\n  }\n\n  .blue-text.text-accent-3 {\n    color: #2979ff;\n  }\n\n  .blue.accent-4 {\n    background-color: #2962ff;\n  }\n\n  .blue-text.text-accent-4 {\n    color: #2962ff;\n  }\n\n  .light-blue {\n    background-color: #03a9f4;\n  }\n\n  .light-blue-text {\n    color: #03a9f4;\n  }\n\n  .light-blue.lighten-5 {\n    background-color: #e1f5fe;\n  }\n\n  .light-blue-text.text-lighten-5 {\n    color: #e1f5fe;\n  }\n\n  .light-blue.lighten-4 {\n    background-color: #b3e5fc;\n  }\n\n  .light-blue-text.text-lighten-4 {\n    color: #b3e5fc;\n  }\n\n  .light-blue.lighten-3 {\n    background-color: #81d4fa;\n  }\n\n  .light-blue-text.text-lighten-3 {\n    color: #81d4fa;\n  }\n\n  .light-blue.lighten-2 {\n    background-color: #4fc3f7;\n  }\n\n  .light-blue-text.text-lighten-2 {\n    color: #4fc3f7;\n  }\n\n  .light-blue.lighten-1 {\n    background-color: #29b6f6;\n  }\n\n  .light-blue-text.text-lighten-1 {\n    color: #29b6f6;\n  }\n\n  .light-blue.darken-1 {\n    background-color: #039be5;\n  }\n\n  .light-blue-text.text-darken-1 {\n    color: #039be5;\n  }\n\n  .light-blue.darken-2 {\n    background-color: #0288d1;\n  }\n\n  .light-blue-text.text-darken-2 {\n    color: #0288d1;\n  }\n\n  .light-blue.darken-3 {\n    background-color: #0277bd;\n  }\n\n  .light-blue-text.text-darken-3 {\n    color: #0277bd;\n  }\n\n  .light-blue.darken-4 {\n    background-color: #01579b;\n  }\n\n  .light-blue-text.text-darken-4 {\n    color: #01579b;\n  }\n\n  .light-blue.accent-1 {\n    background-color: #80d8ff;\n  }\n\n  .light-blue-text.text-accent-1 {\n    color: #80d8ff;\n  }\n\n  .light-blue.accent-2 {\n    background-color: #40c4ff;\n  }\n\n  .light-blue-text.text-accent-2 {\n    color: #40c4ff;\n  }\n\n  .light-blue.accent-3 {\n    background-color: #00b0ff;\n  }\n\n  .light-blue-text.text-accent-3 {\n    color: #00b0ff;\n  }\n\n  .light-blue.accent-4 {\n    background-color: #0091ea;\n  }\n\n  .light-blue-text.text-accent-4 {\n    color: #0091ea;\n  }\n\n  .cyan {\n    background-color: #00bcd4;\n  }\n\n  .cyan-text {\n    color: #00bcd4;\n  }\n\n  .cyan.lighten-5 {\n    background-color: #e0f7fa;\n  }\n\n  .cyan-text.text-lighten-5 {\n    color: #e0f7fa;\n  }\n\n  .cyan.lighten-4 {\n    background-color: #b2ebf2;\n  }\n\n  .cyan-text.text-lighten-4 {\n    color: #b2ebf2;\n  }\n\n  .cyan.lighten-3 {\n    background-color: #80deea;\n  }\n\n  .cyan-text.text-lighten-3 {\n    color: #80deea;\n  }\n\n  .cyan.lighten-2 {\n    background-color: #4dd0e1;\n  }\n\n  .cyan-text.text-lighten-2 {\n    color: #4dd0e1;\n  }\n\n  .cyan.lighten-1 {\n    background-color: #26c6da;\n  }\n\n  .cyan-text.text-lighten-1 {\n    color: #26c6da;\n  }\n\n  .cyan.darken-1 {\n    background-color: #00acc1;\n  }\n\n  .cyan-text.text-darken-1 {\n    color: #00acc1;\n  }\n\n  .cyan.darken-2 {\n    background-color: #0097a7;\n  }\n\n  .cyan-text.text-darken-2 {\n    color: #0097a7;\n  }\n\n  .cyan.darken-3 {\n    background-color: #00838f;\n  }\n\n  .cyan-text.text-darken-3 {\n    color: #00838f;\n  }\n\n  .cyan.darken-4 {\n    background-color: #006064;\n  }\n\n  .cyan-text.text-darken-4 {\n    color: #006064;\n  }\n\n  .cyan.accent-1 {\n    background-color: #84ffff;\n  }\n\n  .cyan-text.text-accent-1 {\n    color: #84ffff;\n  }\n\n  .cyan.accent-2 {\n    background-color: #18ffff;\n  }\n\n  .cyan-text.text-accent-2 {\n    color: #18ffff;\n  }\n\n  .cyan.accent-3 {\n    background-color: #00e5ff;\n  }\n\n  .cyan-text.text-accent-3 {\n    color: #00e5ff;\n  }\n\n  .cyan.accent-4 {\n    background-color: #00b8d4;\n  }\n\n  .cyan-text.text-accent-4 {\n    color: #00b8d4;\n  }\n\n  .teal {\n    background-color: #009688;\n  }\n\n  .teal-text {\n    color: #009688;\n  }\n\n  .teal.lighten-5 {\n    background-color: #e0f2f1;\n  }\n\n  .teal-text.text-lighten-5 {\n    color: #e0f2f1;\n  }\n\n  .teal.lighten-4 {\n    background-color: #b2dfdb;\n  }\n\n  .teal-text.text-lighten-4 {\n    color: #b2dfdb;\n  }\n\n  .teal.lighten-3 {\n    background-color: #80cbc4;\n  }\n\n  .teal-text.text-lighten-3 {\n    color: #80cbc4;\n  }\n\n  .teal.lighten-2 {\n    background-color: #4db6ac;\n  }\n\n  .teal-text.text-lighten-2 {\n    color: #4db6ac;\n  }\n\n  .teal.lighten-1 {\n    background-color: #26a69a;\n  }\n\n  .teal-text.text-lighten-1 {\n    color: #26a69a;\n  }\n\n  .teal.darken-1 {\n    background-color: #00897b;\n  }\n\n  .teal-text.text-darken-1 {\n    color: #00897b;\n  }\n\n  .teal.darken-2 {\n    background-color: #00796b;\n  }\n\n  .teal-text.text-darken-2 {\n    color: #00796b;\n  }\n\n  .teal.darken-3 {\n    background-color: #00695c;\n  }\n\n  .teal-text.text-darken-3 {\n    color: #00695c;\n  }\n\n  .teal.darken-4 {\n    background-color: #004d40;\n  }\n\n  .teal-text.text-darken-4 {\n    color: #004d40;\n  }\n\n  .teal.accent-1 {\n    background-color: #a7ffeb;\n  }\n\n  .teal-text.text-accent-1 {\n    color: #a7ffeb;\n  }\n\n  .teal.accent-2 {\n    background-color: #64ffda;\n  }\n\n  .teal-text.text-accent-2 {\n    color: #64ffda;\n  }\n\n  .teal.accent-3 {\n    background-color: #1de9b6;\n  }\n\n  .teal-text.text-accent-3 {\n    color: #1de9b6;\n  }\n\n  .teal.accent-4 {\n    background-color: #00bfa5;\n  }\n\n  .teal-text.text-accent-4 {\n    color: #00bfa5;\n  }\n\n  .green {\n    background-color: #4caf50;\n  }\n\n  .green-text {\n    color: #4caf50;\n  }\n\n  .green.lighten-5 {\n    background-color: #e8f5e9;\n  }\n\n  .green-text.text-lighten-5 {\n    color: #e8f5e9;\n  }\n\n  .green.lighten-4 {\n    background-color: #c8e6c9;\n  }\n\n  .green-text.text-lighten-4 {\n    color: #c8e6c9;\n  }\n\n  .green.lighten-3 {\n    background-color: #a5d6a7;\n  }\n\n  .green-text.text-lighten-3 {\n    color: #a5d6a7;\n  }\n\n  .green.lighten-2 {\n    background-color: #81c784;\n  }\n\n  .green-text.text-lighten-2 {\n    color: #81c784;\n  }\n\n  .green.lighten-1 {\n    background-color: #66bb6a;\n  }\n\n  .green-text.text-lighten-1 {\n    color: #66bb6a;\n  }\n\n  .green.darken-1 {\n    background-color: #43a047;\n  }\n\n  .green-text.text-darken-1 {\n    color: #43a047;\n  }\n\n  .green.darken-2 {\n    background-color: #388e3c;\n  }\n\n  .green-text.text-darken-2 {\n    color: #388e3c;\n  }\n\n  .green.darken-3 {\n    background-color: #2e7d32;\n  }\n\n  .green-text.text-darken-3 {\n    color: #2e7d32;\n  }\n\n  .green.darken-4 {\n    background-color: #1b5e20;\n  }\n\n  .green-text.text-darken-4 {\n    color: #1b5e20;\n  }\n\n  .green.accent-1 {\n    background-color: #b9f6ca;\n  }\n\n  .green-text.text-accent-1 {\n    color: #b9f6ca;\n  }\n\n  .green.accent-2 {\n    background-color: #69f0ae;\n  }\n\n  .green-text.text-accent-2 {\n    color: #69f0ae;\n  }\n\n  .green.accent-3 {\n    background-color: #00e676;\n  }\n\n  .green-text.text-accent-3 {\n    color: #00e676;\n  }\n\n  .green.accent-4 {\n    background-color: #00c853;\n  }\n\n  .green-text.text-accent-4 {\n    color: #00c853;\n  }\n\n  .light-green {\n    background-color: #8bc34a;\n  }\n\n  .light-green-text {\n    color: #8bc34a;\n  }\n\n  .light-green.lighten-5 {\n    background-color: #f1f8e9;\n  }\n\n  .light-green-text.text-lighten-5 {\n    color: #f1f8e9;\n  }\n\n  .light-green.lighten-4 {\n    background-color: #dcedc8;\n  }\n\n  .light-green-text.text-lighten-4 {\n    color: #dcedc8;\n  }\n\n  .light-green.lighten-3 {\n    background-color: #c5e1a5;\n  }\n\n  .light-green-text.text-lighten-3 {\n    color: #c5e1a5;\n  }\n\n  .light-green.lighten-2 {\n    background-color: #aed581;\n  }\n\n  .light-green-text.text-lighten-2 {\n    color: #aed581;\n  }\n\n  .light-green.lighten-1 {\n    background-color: #9ccc65;\n  }\n\n  .light-green-text.text-lighten-1 {\n    color: #9ccc65;\n  }\n\n  .light-green.darken-1 {\n    background-color: #7cb342;\n  }\n\n  .light-green-text.text-darken-1 {\n    color: #7cb342;\n  }\n\n  .light-green.darken-2 {\n    background-color: #689f38;\n  }\n\n  .light-green-text.text-darken-2 {\n    color: #689f38;\n  }\n\n  .light-green.darken-3 {\n    background-color: #558b2f;\n  }\n\n  .light-green-text.text-darken-3 {\n    color: #558b2f;\n  }\n\n  .light-green.darken-4 {\n    background-color: #33691e;\n  }\n\n  .light-green-text.text-darken-4 {\n    color: #33691e;\n  }\n\n  .light-green.accent-1 {\n    background-color: #ccff90;\n  }\n\n  .light-green-text.text-accent-1 {\n    color: #ccff90;\n  }\n\n  .light-green.accent-2 {\n    background-color: #b2ff59;\n  }\n\n  .light-green-text.text-accent-2 {\n    color: #b2ff59;\n  }\n\n  .light-green.accent-3 {\n    background-color: #76ff03;\n  }\n\n  .light-green-text.text-accent-3 {\n    color: #76ff03;\n  }\n\n  .light-green.accent-4 {\n    background-color: #64dd17;\n  }\n\n  .light-green-text.text-accent-4 {\n    color: #64dd17;\n  }\n\n  .lime {\n    background-color: #cddc39;\n  }\n\n  .lime-text {\n    color: #cddc39;\n  }\n\n  .lime.lighten-5 {\n    background-color: #f9fbe7;\n  }\n\n  .lime-text.text-lighten-5 {\n    color: #f9fbe7;\n  }\n\n  .lime.lighten-4 {\n    background-color: #f0f4c3;\n  }\n\n  .lime-text.text-lighten-4 {\n    color: #f0f4c3;\n  }\n\n  .lime.lighten-3 {\n    background-color: #e6ee9c;\n  }\n\n  .lime-text.text-lighten-3 {\n    color: #e6ee9c;\n  }\n\n  .lime.lighten-2 {\n    background-color: #dce775;\n  }\n\n  .lime-text.text-lighten-2 {\n    color: #dce775;\n  }\n\n  .lime.lighten-1 {\n    background-color: #d4e157;\n  }\n\n  .lime-text.text-lighten-1 {\n    color: #d4e157;\n  }\n\n  .lime.darken-1 {\n    background-color: #c0ca33;\n  }\n\n  .lime-text.text-darken-1 {\n    color: #c0ca33;\n  }\n\n  .lime.darken-2 {\n    background-color: #afb42b;\n  }\n\n  .lime-text.text-darken-2 {\n    color: #afb42b;\n  }\n\n  .lime.darken-3 {\n    background-color: #9e9d24;\n  }\n\n  .lime-text.text-darken-3 {\n    color: #9e9d24;\n  }\n\n  .lime.darken-4 {\n    background-color: #827717;\n  }\n\n  .lime-text.text-darken-4 {\n    color: #827717;\n  }\n\n  .lime.accent-1 {\n    background-color: #f4ff81;\n  }\n\n  .lime-text.text-accent-1 {\n    color: #f4ff81;\n  }\n\n  .lime.accent-2 {\n    background-color: #eeff41;\n  }\n\n  .lime-text.text-accent-2 {\n    color: #eeff41;\n  }\n\n  .lime.accent-3 {\n    background-color: #c6ff00;\n  }\n\n  .lime-text.text-accent-3 {\n    color: #c6ff00;\n  }\n\n  .lime.accent-4 {\n    background-color: #aeea00;\n  }\n\n  .lime-text.text-accent-4 {\n    color: #aeea00;\n  }\n\n  .yellow {\n    background-color: #ffeb3b;\n  }\n\n  .yellow-text {\n    color: #ffeb3b;\n  }\n\n  .yellow.lighten-5 {\n    background-color: #fffde7;\n  }\n\n  .yellow-text.text-lighten-5 {\n    color: #fffde7;\n  }\n\n  .yellow.lighten-4 {\n    background-color: #fff9c4;\n  }\n\n  .yellow-text.text-lighten-4 {\n    color: #fff9c4;\n  }\n\n  .yellow.lighten-3 {\n    background-color: #fff59d;\n  }\n\n  .yellow-text.text-lighten-3 {\n    color: #fff59d;\n  }\n\n  .yellow.lighten-2 {\n    background-color: #fff176;\n  }\n\n  .yellow-text.text-lighten-2 {\n    color: #fff176;\n  }\n\n  .yellow.lighten-1 {\n    background-color: #ffee58;\n  }\n\n  .yellow-text.text-lighten-1 {\n    color: #ffee58;\n  }\n\n  .yellow.darken-1 {\n    background-color: #fdd835;\n  }\n\n  .yellow-text.text-darken-1 {\n    color: #fdd835;\n  }\n\n  .yellow.darken-2 {\n    background-color: #fbc02d;\n  }\n\n  .yellow-text.text-darken-2 {\n    color: #fbc02d;\n  }\n\n  .yellow.darken-3 {\n    background-color: #f9a825;\n  }\n\n  .yellow-text.text-darken-3 {\n    color: #f9a825;\n  }\n\n  .yellow.darken-4 {\n    background-color: #f57f17;\n  }\n\n  .yellow-text.text-darken-4 {\n    color: #f57f17;\n  }\n\n  .yellow.accent-1 {\n    background-color: #ffff8d;\n  }\n\n  .yellow-text.text-accent-1 {\n    color: #ffff8d;\n  }\n\n  .yellow.accent-2 {\n    background-color: #ffff00;\n  }\n\n  .yellow-text.text-accent-2 {\n    color: #ffff00;\n  }\n\n  .yellow.accent-3 {\n    background-color: #ffea00;\n  }\n\n  .yellow-text.text-accent-3 {\n    color: #ffea00;\n  }\n\n  .yellow.accent-4 {\n    background-color: #ffd600;\n  }\n\n  .yellow-text.text-accent-4 {\n    color: #ffd600;\n  }\n\n  .amber {\n    background-color: #ffc107;\n  }\n\n  .amber-text {\n    color: #ffc107;\n  }\n\n  .amber.lighten-5 {\n    background-color: #fff8e1;\n  }\n\n  .amber-text.text-lighten-5 {\n    color: #fff8e1;\n  }\n\n  .amber.lighten-4 {\n    background-color: #ffecb3;\n  }\n\n  .amber-text.text-lighten-4 {\n    color: #ffecb3;\n  }\n\n  .amber.lighten-3 {\n    background-color: #ffe082;\n  }\n\n  .amber-text.text-lighten-3 {\n    color: #ffe082;\n  }\n\n  .amber.lighten-2 {\n    background-color: #ffd54f;\n  }\n\n  .amber-text.text-lighten-2 {\n    color: #ffd54f;\n  }\n\n  .amber.lighten-1 {\n    background-color: #ffca28;\n  }\n\n  .amber-text.text-lighten-1 {\n    color: #ffca28;\n  }\n\n  .amber.darken-1 {\n    background-color: #ffb300;\n  }\n\n  .amber-text.text-darken-1 {\n    color: #ffb300;\n  }\n\n  .amber.darken-2 {\n    background-color: #ffa000;\n  }\n\n  .amber-text.text-darken-2 {\n    color: #ffa000;\n  }\n\n  .amber.darken-3 {\n    background-color: #ff8f00;\n  }\n\n  .amber-text.text-darken-3 {\n    color: #ff8f00;\n  }\n\n  .amber.darken-4 {\n    background-color: #ff6f00;\n  }\n\n  .amber-text.text-darken-4 {\n    color: #ff6f00;\n  }\n\n  .amber.accent-1 {\n    background-color: #ffe57f;\n  }\n\n  .amber-text.text-accent-1 {\n    color: #ffe57f;\n  }\n\n  .amber.accent-2 {\n    background-color: #ffd740;\n  }\n\n  .amber-text.text-accent-2 {\n    color: #ffd740;\n  }\n\n  .amber.accent-3 {\n    background-color: #ffc400;\n  }\n\n  .amber-text.text-accent-3 {\n    color: #ffc400;\n  }\n\n  .amber.accent-4 {\n    background-color: #ffab00;\n  }\n\n  .amber-text.text-accent-4 {\n    color: #ffab00;\n  }\n\n  .orange {\n    background-color: #ff9800;\n  }\n\n  .orange-text {\n    color: #ff9800;\n  }\n\n  .orange.lighten-5 {\n    background-color: #fff3e0;\n  }\n\n  .orange-text.text-lighten-5 {\n    color: #fff3e0;\n  }\n\n  .orange.lighten-4 {\n    background-color: #ffe0b2;\n  }\n\n  .orange-text.text-lighten-4 {\n    color: #ffe0b2;\n  }\n\n  .orange.lighten-3 {\n    background-color: #ffcc80;\n  }\n\n  .orange-text.text-lighten-3 {\n    color: #ffcc80;\n  }\n\n  .orange.lighten-2 {\n    background-color: #ffb74d;\n  }\n\n  .orange-text.text-lighten-2 {\n    color: #ffb74d;\n  }\n\n  .orange.lighten-1 {\n    background-color: #ffa726;\n  }\n\n  .orange-text.text-lighten-1 {\n    color: #ffa726;\n  }\n\n  .orange.darken-1 {\n    background-color: #fb8c00;\n  }\n\n  .orange-text.text-darken-1 {\n    color: #fb8c00;\n  }\n\n  .orange.darken-2 {\n    background-color: #f57c00;\n  }\n\n  .orange-text.text-darken-2 {\n    color: #f57c00;\n  }\n\n  .orange.darken-3 {\n    background-color: #ef6c00;\n  }\n\n  .orange-text.text-darken-3 {\n    color: #ef6c00;\n  }\n\n  .orange.darken-4 {\n    background-color: #e65100;\n  }\n\n  .orange-text.text-darken-4 {\n    color: #e65100;\n  }\n\n  .orange.accent-1 {\n    background-color: #ffd180;\n  }\n\n  .orange-text.text-accent-1 {\n    color: #ffd180;\n  }\n\n  .orange.accent-2 {\n    background-color: #ffab40;\n  }\n\n  .orange-text.text-accent-2 {\n    color: #ffab40;\n  }\n\n  .orange.accent-3 {\n    background-color: #ff9100;\n  }\n\n  .orange-text.text-accent-3 {\n    color: #ff9100;\n  }\n\n  .orange.accent-4 {\n    background-color: #ff6d00;\n  }\n\n  .orange-text.text-accent-4 {\n    color: #ff6d00;\n  }\n\n  .deep-orange {\n    background-color: #ff5722;\n  }\n\n  .deep-orange-text {\n    color: #ff5722;\n  }\n\n  .deep-orange.lighten-5 {\n    background-color: #fbe9e7;\n  }\n\n  .deep-orange-text.text-lighten-5 {\n    color: #fbe9e7;\n  }\n\n  .deep-orange.lighten-4 {\n    background-color: #ffccbc;\n  }\n\n  .deep-orange-text.text-lighten-4 {\n    color: #ffccbc;\n  }\n\n  .deep-orange.lighten-3 {\n    background-color: #ffab91;\n  }\n\n  .deep-orange-text.text-lighten-3 {\n    color: #ffab91;\n  }\n\n  .deep-orange.lighten-2 {\n    background-color: #ff8a65;\n  }\n\n  .deep-orange-text.text-lighten-2 {\n    color: #ff8a65;\n  }\n\n  .deep-orange.lighten-1 {\n    background-color: #ff7043;\n  }\n\n  .deep-orange-text.text-lighten-1 {\n    color: #ff7043;\n  }\n\n  .deep-orange.darken-1 {\n    background-color: #f4511e;\n  }\n\n  .deep-orange-text.text-darken-1 {\n    color: #f4511e;\n  }\n\n  .deep-orange.darken-2 {\n    background-color: #e64a19;\n  }\n\n  .deep-orange-text.text-darken-2 {\n    color: #e64a19;\n  }\n\n  .deep-orange.darken-3 {\n    background-color: #d84315;\n  }\n\n  .deep-orange-text.text-darken-3 {\n    color: #d84315;\n  }\n\n  .deep-orange.darken-4 {\n    background-color: #bf360c;\n  }\n\n  .deep-orange-text.text-darken-4 {\n    color: #bf360c;\n  }\n\n  .deep-orange.accent-1 {\n    background-color: #ff9e80;\n  }\n\n  .deep-orange-text.text-accent-1 {\n    color: #ff9e80;\n  }\n\n  .deep-orange.accent-2 {\n    background-color: #ff6e40;\n  }\n\n  .deep-orange-text.text-accent-2 {\n    color: #ff6e40;\n  }\n\n  .deep-orange.accent-3 {\n    background-color: #ff3d00;\n  }\n\n  .deep-orange-text.text-accent-3 {\n    color: #ff3d00;\n  }\n\n  .deep-orange.accent-4 {\n    background-color: #dd2c00;\n  }\n\n  .deep-orange-text.text-accent-4 {\n    color: #dd2c00;\n  }\n\n  .brown {\n    background-color: #795548;\n  }\n\n  .brown-text {\n    color: #795548;\n  }\n\n  .brown.lighten-5 {\n    background-color: #efebe9;\n  }\n\n  .brown-text.text-lighten-5 {\n    color: #efebe9;\n  }\n\n  .brown.lighten-4 {\n    background-color: #d7ccc8;\n  }\n\n  .brown-text.text-lighten-4 {\n    color: #d7ccc8;\n  }\n\n  .brown.lighten-3 {\n    background-color: #bcaaa4;\n  }\n\n  .brown-text.text-lighten-3 {\n    color: #bcaaa4;\n  }\n\n  .brown.lighten-2 {\n    background-color: #a1887f;\n  }\n\n  .brown-text.text-lighten-2 {\n    color: #a1887f;\n  }\n\n  .brown.lighten-1 {\n    background-color: #8d6e63;\n  }\n\n  .brown-text.text-lighten-1 {\n    color: #8d6e63;\n  }\n\n  .brown.darken-1 {\n    background-color: #6d4c41;\n  }\n\n  .brown-text.text-darken-1 {\n    color: #6d4c41;\n  }\n\n  .brown.darken-2 {\n    background-color: #5d4037;\n  }\n\n  .brown-text.text-darken-2 {\n    color: #5d4037;\n  }\n\n  .brown.darken-3 {\n    background-color: #4e342e;\n  }\n\n  .brown-text.text-darken-3 {\n    color: #4e342e;\n  }\n\n  .brown.darken-4 {\n    background-color: #3e2723;\n  }\n\n  .brown-text.text-darken-4 {\n    color: #3e2723;\n  }\n\n  .blue-grey {\n    background-color: #607d8b;\n  }\n\n  .blue-grey-text {\n    color: #607d8b;\n  }\n\n  .blue-grey.lighten-5 {\n    background-color: #eceff1;\n  }\n\n  .blue-grey-text.text-lighten-5 {\n    color: #eceff1;\n  }\n\n  .blue-grey.lighten-4 {\n    background-color: #cfd8dc;\n  }\n\n  .blue-grey-text.text-lighten-4 {\n    color: #cfd8dc;\n  }\n\n  .blue-grey.lighten-3 {\n    background-color: #b0bec5;\n  }\n\n  .blue-grey-text.text-lighten-3 {\n    color: #b0bec5;\n  }\n\n  .blue-grey.lighten-2 {\n    background-color: #90a4ae;\n  }\n\n  .blue-grey-text.text-lighten-2 {\n    color: #90a4ae;\n  }\n\n  .blue-grey.lighten-1 {\n    background-color: #78909c;\n  }\n\n  .blue-grey-text.text-lighten-1 {\n    color: #78909c;\n  }\n\n  .blue-grey.darken-1 {\n    background-color: #546e7a;\n  }\n\n  .blue-grey-text.text-darken-1 {\n    color: #546e7a;\n  }\n\n  .blue-grey.darken-2 {\n    background-color: #455a64;\n  }\n\n  .blue-grey-text.text-darken-2 {\n    color: #455a64;\n  }\n\n  .blue-grey.darken-3 {\n    background-color: #37474f;\n  }\n\n  .blue-grey-text.text-darken-3 {\n    color: #37474f;\n  }\n\n  .blue-grey.darken-4 {\n    background-color: #263238;\n  }\n\n  .blue-grey-text.text-darken-4 {\n    color: #263238;\n  }\n\n  .grey {\n    background-color: #9e9e9e;\n  }\n\n  .grey-text {\n    color: #9e9e9e;\n  }\n\n  .grey.lighten-5 {\n    background-color: #fafafa;\n  }\n\n  .grey-text.text-lighten-5 {\n    color: #fafafa;\n  }\n\n  .grey.lighten-4 {\n    background-color: #f5f5f5;\n  }\n\n  .grey-text.text-lighten-4 {\n    color: #f5f5f5;\n  }\n\n  .grey.lighten-3 {\n    background-color: #eeeeee;\n  }\n\n  .grey-text.text-lighten-3 {\n    color: #eeeeee;\n  }\n\n  .grey.lighten-2 {\n    background-color: #e0e0e0;\n  }\n\n  .grey-text.text-lighten-2 {\n    color: #e0e0e0;\n  }\n\n  .grey.lighten-1 {\n    background-color: #bdbdbd;\n  }\n\n  .grey-text.text-lighten-1 {\n    color: #bdbdbd;\n  }\n\n  .grey.darken-1 {\n    background-color: #757575;\n  }\n\n  .grey-text.text-darken-1 {\n    color: #757575;\n  }\n\n  .grey.darken-2 {\n    background-color: #616161;\n  }\n\n  .grey-text.text-darken-2 {\n    color: #616161;\n  }\n\n  .grey.darken-3 {\n    background-color: #424242;\n  }\n\n  .grey-text.text-darken-3 {\n    color: #424242;\n  }\n\n  .grey.darken-4 {\n    background-color: #212121;\n  }\n\n  .grey-text.text-darken-4 {\n    color: #212121;\n  }\n\n  .black {\n    background-color: #000000;\n  }\n\n  .black-text {\n    color: #000000;\n  }\n\n  .white {\n    background-color: #ffffff;\n  }\n\n  .white-text {\n    color: #ffffff;\n  }\n\n  .transparent {\n    background-color: transparent;\n  }\n\n  .transparent-text {\n    color: transparent;\n  }\n\n  /* Materialize Outline classes */\n  .indigo-outline {\n    outline-color: #3f51b5;\n  }\n  .blue-outline {\n    outline-color: #2962ff;\n  }\n  .amber-outline {\n    outline-color: #ffab00;\n  }\n  .green-border {\n    outline-color: #4caf50;\n  }\n  .teal-outline {\n    outline-color: #00bfa5;\n  }\n  .yellow-outline {\n    outline-color: #ffd600;\n  }\n  .grey-outline {\n    outline-color: #212121;\n  }\n  .cyan-outline {\n    outline-color: #00b8d4;\n  }\n  .orange-outline {\n    outline-color: #ff6d00;\n  }\n  .red-outline {\n    outline-color: #d50000;\n  }\n  .deep-orange-outline {\n    outline-color: #dd2c00;\n  }\n  .lime-outline {\n    outline-color: #aeea00;\n  }\n  .pink-outline {\n    outline-color: #c51162;\n  }\n  .purple-outline {\n    outline-color: #aa00ff;\n  }\n  .light-green-outline {\n    outline-color: #64dd17;\n  }\n  .light-blue-outline {\n    outline-color: #01579b;\n  }\n  .white-outline {\n    outline-color: #ffffff;\n  }\n\n  /* Materialize Border classes */\n  .indigo-border {\n    border-color: #3f51b5;\n  }\n  .blue-border {\n    border-color: #2196f3;\n  }\n  .amber-border {\n    border-color: #ffc107;\n  }\n  .green-border {\n    border-color: #4caf50;\n  }\n  .teal-border {\n    border-color: #009688;\n  }\n  .yellow-border {\n    border-color: #ffeb3b;\n  }\n  .grey-border {\n    border-color: #9e9e9e;\n  }\n  .cyan-border {\n    border-color: #00bcd4;\n  }\n  .orange-border {\n    border-color: #ff9800;\n  }\n  .red-border {\n    border-color: #f44336;\n  }\n  .deep-orange-border {\n    border-color: #ff5722;\n  }\n  .lime-border {\n    border-color: #cddc39;\n  }\n  .pink-border {\n    border-color: #e91e63;\n  }\n  .purple-border {\n    border-color: #9c27b0;\n  }\n  .light-green-border {\n    border-color: #8bc34a;\n  }\n  .light-blue-border {\n    border-color: #03a9f4;\n  }\n  .white-border {\n    border-color: #ffffff;\n  }\n  /* Materialize accessible text variants */\n  .accessible-indigo-text {\n    color: #1a237e;\n  }\n  .accessible-green-text {\n    color: #1b5e20;\n  }\n  .accessible-purple-text {\n    color: #581663;\n  }\n  .accessible-cyan-text {\n    color: #006064;\n  }\n  .accessible-blue-text {\n    color: #085390;\n  }\n  .accessible-deep-orange-text {\n    color: #a72700;\n  }\n  .accessible-red-text {\n    color: #a41309;\n  }\n  .accessible-amber-text {\n    color: #833900;\n  }\n  .accessible-teal-text {\n    color: #00554d;\n  }\n  .accessible-orange-text {\n    color: #653c00;\n  }\n  .accessible-yellow-text {\n    color: #463f00;\n  }\n  .accessible-lime-text {\n    color: #474d0e;\n  }\n  .accessible-light-blue-text {\n    color: #025277;\n  }\n  .accessible-light-green-text {\n    color: #3c571d;\n  }\n  .accessible-pink-text {\n    color: #9d0f3f;\n  }\n  .accessible-grey-text {\n    color: #212121;\n  }\n"])));
+  var materialCssStyles = (0, _index.css)(_templateObject_b7b145e01f2611eda0c389891c227ec8 || (_templateObject_b7b145e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  .red {\n    background-color: #f44336;\n  }\n\n  .red-text {\n    color: #f44336;\n  }\n\n  .red.lighten-5 {\n    background-color: #ffebee;\n  }\n\n  .red-text.text-lighten-5 {\n    color: #ffebee;\n  }\n\n  .red.lighten-4 {\n    background-color: #ffcdd2;\n  }\n\n  .red-text.text-lighten-4 {\n    color: #ffcdd2;\n  }\n\n  .red.lighten-3 {\n    background-color: #ef9a9a;\n  }\n\n  .red-text.text-lighten-3 {\n    color: #ef9a9a;\n  }\n\n  .red.lighten-2 {\n    background-color: #e57373;\n  }\n\n  .red-text.text-lighten-2 {\n    color: #e57373;\n  }\n\n  .red.lighten-1 {\n    background-color: #ef5350;\n  }\n\n  .red-text.text-lighten-1 {\n    color: #ef5350;\n  }\n\n  .red.darken-1 {\n    background-color: #e53935;\n  }\n\n  .red-text.text-darken-1 {\n    color: #e53935;\n  }\n\n  .red.darken-2 {\n    background-color: #d32f2f;\n  }\n\n  .red-text.text-darken-2 {\n    color: #d32f2f;\n  }\n\n  .red.darken-3 {\n    background-color: #c62828;\n  }\n\n  .red-text.text-darken-3 {\n    color: #c62828;\n  }\n\n  .red.darken-4 {\n    background-color: #b71c1c;\n  }\n\n  .red-text.text-darken-4 {\n    color: #b71c1c;\n  }\n\n  .red.accent-1 {\n    background-color: #ff8a80;\n  }\n\n  .red-text.text-accent-1 {\n    color: #ff8a80;\n  }\n\n  .red.accent-2 {\n    background-color: #ff5252;\n  }\n\n  .red-text.text-accent-2 {\n    color: #ff5252;\n  }\n\n  .red.accent-3 {\n    background-color: #ff1744;\n  }\n\n  .red-text.text-accent-3 {\n    color: #ff1744;\n  }\n\n  .red.accent-4 {\n    background-color: #d50000;\n  }\n\n  .red-text.text-accent-4 {\n    color: #d50000;\n  }\n\n  .pink {\n    background-color: #e91e63;\n  }\n\n  .pink-text {\n    color: #e91e63;\n  }\n\n  .pink.lighten-5 {\n    background-color: #fce4ec;\n  }\n\n  .pink-text.text-lighten-5 {\n    color: #fce4ec;\n  }\n\n  .pink.lighten-4 {\n    background-color: #f8bbd0;\n  }\n\n  .pink-text.text-lighten-4 {\n    color: #f8bbd0;\n  }\n\n  .pink.lighten-3 {\n    background-color: #f48fb1;\n  }\n\n  .pink-text.text-lighten-3 {\n    color: #f48fb1;\n  }\n\n  .pink.lighten-2 {\n    background-color: #f06292;\n  }\n\n  .pink-text.text-lighten-2 {\n    color: #f06292;\n  }\n\n  .pink.lighten-1 {\n    background-color: #ec407a;\n  }\n\n  .pink-text.text-lighten-1 {\n    color: #ec407a;\n  }\n\n  .pink.darken-1 {\n    background-color: #d81b60;\n  }\n\n  .pink-text.text-darken-1 {\n    color: #d81b60;\n  }\n\n  .pink.darken-2 {\n    background-color: #c2185b;\n  }\n\n  .pink-text.text-darken-2 {\n    color: #c2185b;\n  }\n\n  .pink.darken-3 {\n    background-color: #ad1457;\n  }\n\n  .pink-text.text-darken-3 {\n    color: #ad1457;\n  }\n\n  .pink.darken-4 {\n    background-color: #880e4f;\n  }\n\n  .pink-text.text-darken-4 {\n    color: #880e4f;\n  }\n\n  .pink.accent-1 {\n    background-color: #ff80ab;\n  }\n\n  .pink-text.text-accent-1 {\n    color: #ff80ab;\n  }\n\n  .pink.accent-2 {\n    background-color: #ff4081;\n  }\n\n  .pink-text.text-accent-2 {\n    color: #ff4081;\n  }\n\n  .pink.accent-3 {\n    background-color: #f50057;\n  }\n\n  .pink-text.text-accent-3 {\n    color: #f50057;\n  }\n\n  .pink.accent-4 {\n    background-color: #c51162;\n  }\n\n  .pink-text.text-accent-4 {\n    color: #c51162;\n  }\n\n  .purple {\n    background-color: #9c27b0;\n  }\n\n  .purple-text {\n    color: #9c27b0;\n  }\n\n  .purple.lighten-5 {\n    background-color: #f3e5f5;\n  }\n\n  .purple-text.text-lighten-5 {\n    color: #f3e5f5;\n  }\n\n  .purple.lighten-4 {\n    background-color: #e1bee7;\n  }\n\n  .purple-text.text-lighten-4 {\n    color: #e1bee7;\n  }\n\n  .purple.lighten-3 {\n    background-color: #ce93d8;\n  }\n\n  .purple-text.text-lighten-3 {\n    color: #ce93d8;\n  }\n\n  .purple.lighten-2 {\n    background-color: #ba68c8;\n  }\n\n  .purple-text.text-lighten-2 {\n    color: #ba68c8;\n  }\n\n  .purple.lighten-1 {\n    background-color: #ab47bc;\n  }\n\n  .purple-text.text-lighten-1 {\n    color: #ab47bc;\n  }\n\n  .purple.darken-1 {\n    background-color: #8e24aa;\n  }\n\n  .purple-text.text-darken-1 {\n    color: #8e24aa;\n  }\n\n  .purple.darken-2 {\n    background-color: #7b1fa2;\n  }\n\n  .purple-text.text-darken-2 {\n    color: #7b1fa2;\n  }\n\n  .purple.darken-3 {\n    background-color: #6a1b9a;\n  }\n\n  .purple-text.text-darken-3 {\n    color: #6a1b9a;\n  }\n\n  .purple.darken-4 {\n    background-color: #4a148c;\n  }\n\n  .purple-text.text-darken-4 {\n    color: #4a148c;\n  }\n\n  .purple.accent-1 {\n    background-color: #ea80fc;\n  }\n\n  .purple-text.text-accent-1 {\n    color: #ea80fc;\n  }\n\n  .purple.accent-2 {\n    background-color: #e040fb;\n  }\n\n  .purple-text.text-accent-2 {\n    color: #e040fb;\n  }\n\n  .purple.accent-3 {\n    background-color: #d500f9;\n  }\n\n  .purple-text.text-accent-3 {\n    color: #d500f9;\n  }\n\n  .purple.accent-4 {\n    background-color: #aa00ff;\n  }\n\n  .purple-text.text-accent-4 {\n    color: #aa00ff;\n  }\n\n  .deep-purple {\n    background-color: #673ab7;\n  }\n\n  .deep-purple-text {\n    color: #673ab7;\n  }\n\n  .deep-purple.lighten-5 {\n    background-color: #ede7f6;\n  }\n\n  .deep-purple-text.text-lighten-5 {\n    color: #ede7f6;\n  }\n\n  .deep-purple.lighten-4 {\n    background-color: #d1c4e9;\n  }\n\n  .deep-purple-text.text-lighten-4 {\n    color: #d1c4e9;\n  }\n\n  .deep-purple.lighten-3 {\n    background-color: #b39ddb;\n  }\n\n  .deep-purple-text.text-lighten-3 {\n    color: #b39ddb;\n  }\n\n  .deep-purple.lighten-2 {\n    background-color: #9575cd;\n  }\n\n  .deep-purple-text.text-lighten-2 {\n    color: #9575cd;\n  }\n\n  .deep-purple.lighten-1 {\n    background-color: #7e57c2;\n  }\n\n  .deep-purple-text.text-lighten-1 {\n    color: #7e57c2;\n  }\n\n  .deep-purple.darken-1 {\n    background-color: #5e35b1;\n  }\n\n  .deep-purple-text.text-darken-1 {\n    color: #5e35b1;\n  }\n\n  .deep-purple.darken-2 {\n    background-color: #512da8;\n  }\n\n  .deep-purple-text.text-darken-2 {\n    color: #512da8;\n  }\n\n  .deep-purple.darken-3 {\n    background-color: #4527a0;\n  }\n\n  .deep-purple-text.text-darken-3 {\n    color: #4527a0;\n  }\n\n  .deep-purple.darken-4 {\n    background-color: #311b92;\n  }\n\n  .deep-purple-text.text-darken-4 {\n    color: #311b92;\n  }\n\n  .deep-purple.accent-1 {\n    background-color: #b388ff;\n  }\n\n  .deep-purple-text.text-accent-1 {\n    color: #b388ff;\n  }\n\n  .deep-purple.accent-2 {\n    background-color: #7c4dff;\n  }\n\n  .deep-purple-text.text-accent-2 {\n    color: #7c4dff;\n  }\n\n  .deep-purple.accent-3 {\n    background-color: #651fff;\n  }\n\n  .deep-purple-text.text-accent-3 {\n    color: #651fff;\n  }\n\n  .deep-purple.accent-4 {\n    background-color: #6200ea;\n  }\n\n  .deep-purple-text.text-accent-4 {\n    color: #6200ea;\n  }\n\n  .indigo {\n    background-color: #3f51b5;\n  }\n\n  .indigo-text {\n    color: #3f51b5;\n  }\n\n  .indigo.lighten-5 {\n    background-color: #e8eaf6;\n  }\n\n  .indigo-text.text-lighten-5 {\n    color: #e8eaf6;\n  }\n\n  .indigo.lighten-4 {\n    background-color: #c5cae9;\n  }\n\n  .indigo-text.text-lighten-4 {\n    color: #c5cae9;\n  }\n\n  .indigo.lighten-3 {\n    background-color: #9fa8da;\n  }\n\n  .indigo-text.text-lighten-3 {\n    color: #9fa8da;\n  }\n\n  .indigo.lighten-2 {\n    background-color: #7986cb;\n  }\n\n  .indigo-text.text-lighten-2 {\n    color: #7986cb;\n  }\n\n  .indigo.lighten-1 {\n    background-color: #5c6bc0;\n  }\n\n  .indigo-text.text-lighten-1 {\n    color: #5c6bc0;\n  }\n\n  .indigo.darken-1 {\n    background-color: #3949ab;\n  }\n\n  .indigo-text.text-darken-1 {\n    color: #3949ab;\n  }\n\n  .indigo.darken-2 {\n    background-color: #303f9f;\n  }\n\n  .indigo-text.text-darken-2 {\n    color: #303f9f;\n  }\n\n  .indigo.darken-3 {\n    background-color: #283593;\n  }\n\n  .indigo-text.text-darken-3 {\n    color: #283593;\n  }\n\n  .indigo.darken-4 {\n    background-color: #1a237e;\n  }\n\n  .indigo-text.text-darken-4 {\n    color: #1a237e;\n  }\n\n  .indigo.accent-1 {\n    background-color: #8c9eff;\n  }\n\n  .indigo-text.text-accent-1 {\n    color: #8c9eff;\n  }\n\n  .indigo.accent-2 {\n    background-color: #536dfe;\n  }\n\n  .indigo-text.text-accent-2 {\n    color: #536dfe;\n  }\n\n  .indigo.accent-3 {\n    background-color: #3d5afe;\n  }\n\n  .indigo-text.text-accent-3 {\n    color: #3d5afe;\n  }\n\n  .indigo.accent-4 {\n    background-color: #304ffe;\n  }\n\n  .indigo-text.text-accent-4 {\n    color: #304ffe;\n  }\n\n  .blue {\n    background-color: #2196f3;\n  }\n\n  .blue-text {\n    color: #2196f3;\n  }\n\n  .blue.lighten-5 {\n    background-color: #e3f2fd;\n  }\n\n  .blue-text.text-lighten-5 {\n    color: #e3f2fd;\n  }\n\n  .blue.lighten-4 {\n    background-color: #bbdefb;\n  }\n\n  .blue-text.text-lighten-4 {\n    color: #bbdefb;\n  }\n\n  .blue.lighten-3 {\n    background-color: #90caf9;\n  }\n\n  .blue-text.text-lighten-3 {\n    color: #90caf9;\n  }\n\n  .blue.lighten-2 {\n    background-color: #64b5f6;\n  }\n\n  .blue-text.text-lighten-2 {\n    color: #64b5f6;\n  }\n\n  .blue.lighten-1 {\n    background-color: #42a5f5;\n  }\n\n  .blue-text.text-lighten-1 {\n    color: #42a5f5;\n  }\n\n  .blue.darken-1 {\n    background-color: #1e88e5;\n  }\n\n  .blue-text.text-darken-1 {\n    color: #1e88e5;\n  }\n\n  .blue.darken-2 {\n    background-color: #1976d2;\n  }\n\n  .blue-text.text-darken-2 {\n    color: #1976d2;\n  }\n\n  .blue.darken-3 {\n    background-color: #1565c0;\n  }\n\n  .blue-text.text-darken-3 {\n    color: #1565c0;\n  }\n\n  .blue.darken-4 {\n    background-color: #0d47a1;\n  }\n\n  .blue-text.text-darken-4 {\n    color: #0d47a1;\n  }\n\n  .blue.accent-1 {\n    background-color: #82b1ff;\n  }\n\n  .blue-text.text-accent-1 {\n    color: #82b1ff;\n  }\n\n  .blue.accent-2 {\n    background-color: #448aff;\n  }\n\n  .blue-text.text-accent-2 {\n    color: #448aff;\n  }\n\n  .blue.accent-3 {\n    background-color: #2979ff;\n  }\n\n  .blue-text.text-accent-3 {\n    color: #2979ff;\n  }\n\n  .blue.accent-4 {\n    background-color: #2962ff;\n  }\n\n  .blue-text.text-accent-4 {\n    color: #2962ff;\n  }\n\n  .light-blue {\n    background-color: #03a9f4;\n  }\n\n  .light-blue-text {\n    color: #03a9f4;\n  }\n\n  .light-blue.lighten-5 {\n    background-color: #e1f5fe;\n  }\n\n  .light-blue-text.text-lighten-5 {\n    color: #e1f5fe;\n  }\n\n  .light-blue.lighten-4 {\n    background-color: #b3e5fc;\n  }\n\n  .light-blue-text.text-lighten-4 {\n    color: #b3e5fc;\n  }\n\n  .light-blue.lighten-3 {\n    background-color: #81d4fa;\n  }\n\n  .light-blue-text.text-lighten-3 {\n    color: #81d4fa;\n  }\n\n  .light-blue.lighten-2 {\n    background-color: #4fc3f7;\n  }\n\n  .light-blue-text.text-lighten-2 {\n    color: #4fc3f7;\n  }\n\n  .light-blue.lighten-1 {\n    background-color: #29b6f6;\n  }\n\n  .light-blue-text.text-lighten-1 {\n    color: #29b6f6;\n  }\n\n  .light-blue.darken-1 {\n    background-color: #039be5;\n  }\n\n  .light-blue-text.text-darken-1 {\n    color: #039be5;\n  }\n\n  .light-blue.darken-2 {\n    background-color: #0288d1;\n  }\n\n  .light-blue-text.text-darken-2 {\n    color: #0288d1;\n  }\n\n  .light-blue.darken-3 {\n    background-color: #0277bd;\n  }\n\n  .light-blue-text.text-darken-3 {\n    color: #0277bd;\n  }\n\n  .light-blue.darken-4 {\n    background-color: #01579b;\n  }\n\n  .light-blue-text.text-darken-4 {\n    color: #01579b;\n  }\n\n  .light-blue.accent-1 {\n    background-color: #80d8ff;\n  }\n\n  .light-blue-text.text-accent-1 {\n    color: #80d8ff;\n  }\n\n  .light-blue.accent-2 {\n    background-color: #40c4ff;\n  }\n\n  .light-blue-text.text-accent-2 {\n    color: #40c4ff;\n  }\n\n  .light-blue.accent-3 {\n    background-color: #00b0ff;\n  }\n\n  .light-blue-text.text-accent-3 {\n    color: #00b0ff;\n  }\n\n  .light-blue.accent-4 {\n    background-color: #0091ea;\n  }\n\n  .light-blue-text.text-accent-4 {\n    color: #0091ea;\n  }\n\n  .cyan {\n    background-color: #00bcd4;\n  }\n\n  .cyan-text {\n    color: #00bcd4;\n  }\n\n  .cyan.lighten-5 {\n    background-color: #e0f7fa;\n  }\n\n  .cyan-text.text-lighten-5 {\n    color: #e0f7fa;\n  }\n\n  .cyan.lighten-4 {\n    background-color: #b2ebf2;\n  }\n\n  .cyan-text.text-lighten-4 {\n    color: #b2ebf2;\n  }\n\n  .cyan.lighten-3 {\n    background-color: #80deea;\n  }\n\n  .cyan-text.text-lighten-3 {\n    color: #80deea;\n  }\n\n  .cyan.lighten-2 {\n    background-color: #4dd0e1;\n  }\n\n  .cyan-text.text-lighten-2 {\n    color: #4dd0e1;\n  }\n\n  .cyan.lighten-1 {\n    background-color: #26c6da;\n  }\n\n  .cyan-text.text-lighten-1 {\n    color: #26c6da;\n  }\n\n  .cyan.darken-1 {\n    background-color: #00acc1;\n  }\n\n  .cyan-text.text-darken-1 {\n    color: #00acc1;\n  }\n\n  .cyan.darken-2 {\n    background-color: #0097a7;\n  }\n\n  .cyan-text.text-darken-2 {\n    color: #0097a7;\n  }\n\n  .cyan.darken-3 {\n    background-color: #00838f;\n  }\n\n  .cyan-text.text-darken-3 {\n    color: #00838f;\n  }\n\n  .cyan.darken-4 {\n    background-color: #006064;\n  }\n\n  .cyan-text.text-darken-4 {\n    color: #006064;\n  }\n\n  .cyan.accent-1 {\n    background-color: #84ffff;\n  }\n\n  .cyan-text.text-accent-1 {\n    color: #84ffff;\n  }\n\n  .cyan.accent-2 {\n    background-color: #18ffff;\n  }\n\n  .cyan-text.text-accent-2 {\n    color: #18ffff;\n  }\n\n  .cyan.accent-3 {\n    background-color: #00e5ff;\n  }\n\n  .cyan-text.text-accent-3 {\n    color: #00e5ff;\n  }\n\n  .cyan.accent-4 {\n    background-color: #00b8d4;\n  }\n\n  .cyan-text.text-accent-4 {\n    color: #00b8d4;\n  }\n\n  .teal {\n    background-color: #009688;\n  }\n\n  .teal-text {\n    color: #009688;\n  }\n\n  .teal.lighten-5 {\n    background-color: #e0f2f1;\n  }\n\n  .teal-text.text-lighten-5 {\n    color: #e0f2f1;\n  }\n\n  .teal.lighten-4 {\n    background-color: #b2dfdb;\n  }\n\n  .teal-text.text-lighten-4 {\n    color: #b2dfdb;\n  }\n\n  .teal.lighten-3 {\n    background-color: #80cbc4;\n  }\n\n  .teal-text.text-lighten-3 {\n    color: #80cbc4;\n  }\n\n  .teal.lighten-2 {\n    background-color: #4db6ac;\n  }\n\n  .teal-text.text-lighten-2 {\n    color: #4db6ac;\n  }\n\n  .teal.lighten-1 {\n    background-color: #26a69a;\n  }\n\n  .teal-text.text-lighten-1 {\n    color: #26a69a;\n  }\n\n  .teal.darken-1 {\n    background-color: #00897b;\n  }\n\n  .teal-text.text-darken-1 {\n    color: #00897b;\n  }\n\n  .teal.darken-2 {\n    background-color: #00796b;\n  }\n\n  .teal-text.text-darken-2 {\n    color: #00796b;\n  }\n\n  .teal.darken-3 {\n    background-color: #00695c;\n  }\n\n  .teal-text.text-darken-3 {\n    color: #00695c;\n  }\n\n  .teal.darken-4 {\n    background-color: #004d40;\n  }\n\n  .teal-text.text-darken-4 {\n    color: #004d40;\n  }\n\n  .teal.accent-1 {\n    background-color: #a7ffeb;\n  }\n\n  .teal-text.text-accent-1 {\n    color: #a7ffeb;\n  }\n\n  .teal.accent-2 {\n    background-color: #64ffda;\n  }\n\n  .teal-text.text-accent-2 {\n    color: #64ffda;\n  }\n\n  .teal.accent-3 {\n    background-color: #1de9b6;\n  }\n\n  .teal-text.text-accent-3 {\n    color: #1de9b6;\n  }\n\n  .teal.accent-4 {\n    background-color: #00bfa5;\n  }\n\n  .teal-text.text-accent-4 {\n    color: #00bfa5;\n  }\n\n  .green {\n    background-color: #4caf50;\n  }\n\n  .green-text {\n    color: #4caf50;\n  }\n\n  .green.lighten-5 {\n    background-color: #e8f5e9;\n  }\n\n  .green-text.text-lighten-5 {\n    color: #e8f5e9;\n  }\n\n  .green.lighten-4 {\n    background-color: #c8e6c9;\n  }\n\n  .green-text.text-lighten-4 {\n    color: #c8e6c9;\n  }\n\n  .green.lighten-3 {\n    background-color: #a5d6a7;\n  }\n\n  .green-text.text-lighten-3 {\n    color: #a5d6a7;\n  }\n\n  .green.lighten-2 {\n    background-color: #81c784;\n  }\n\n  .green-text.text-lighten-2 {\n    color: #81c784;\n  }\n\n  .green.lighten-1 {\n    background-color: #66bb6a;\n  }\n\n  .green-text.text-lighten-1 {\n    color: #66bb6a;\n  }\n\n  .green.darken-1 {\n    background-color: #43a047;\n  }\n\n  .green-text.text-darken-1 {\n    color: #43a047;\n  }\n\n  .green.darken-2 {\n    background-color: #388e3c;\n  }\n\n  .green-text.text-darken-2 {\n    color: #388e3c;\n  }\n\n  .green.darken-3 {\n    background-color: #2e7d32;\n  }\n\n  .green-text.text-darken-3 {\n    color: #2e7d32;\n  }\n\n  .green.darken-4 {\n    background-color: #1b5e20;\n  }\n\n  .green-text.text-darken-4 {\n    color: #1b5e20;\n  }\n\n  .green.accent-1 {\n    background-color: #b9f6ca;\n  }\n\n  .green-text.text-accent-1 {\n    color: #b9f6ca;\n  }\n\n  .green.accent-2 {\n    background-color: #69f0ae;\n  }\n\n  .green-text.text-accent-2 {\n    color: #69f0ae;\n  }\n\n  .green.accent-3 {\n    background-color: #00e676;\n  }\n\n  .green-text.text-accent-3 {\n    color: #00e676;\n  }\n\n  .green.accent-4 {\n    background-color: #00c853;\n  }\n\n  .green-text.text-accent-4 {\n    color: #00c853;\n  }\n\n  .light-green {\n    background-color: #8bc34a;\n  }\n\n  .light-green-text {\n    color: #8bc34a;\n  }\n\n  .light-green.lighten-5 {\n    background-color: #f1f8e9;\n  }\n\n  .light-green-text.text-lighten-5 {\n    color: #f1f8e9;\n  }\n\n  .light-green.lighten-4 {\n    background-color: #dcedc8;\n  }\n\n  .light-green-text.text-lighten-4 {\n    color: #dcedc8;\n  }\n\n  .light-green.lighten-3 {\n    background-color: #c5e1a5;\n  }\n\n  .light-green-text.text-lighten-3 {\n    color: #c5e1a5;\n  }\n\n  .light-green.lighten-2 {\n    background-color: #aed581;\n  }\n\n  .light-green-text.text-lighten-2 {\n    color: #aed581;\n  }\n\n  .light-green.lighten-1 {\n    background-color: #9ccc65;\n  }\n\n  .light-green-text.text-lighten-1 {\n    color: #9ccc65;\n  }\n\n  .light-green.darken-1 {\n    background-color: #7cb342;\n  }\n\n  .light-green-text.text-darken-1 {\n    color: #7cb342;\n  }\n\n  .light-green.darken-2 {\n    background-color: #689f38;\n  }\n\n  .light-green-text.text-darken-2 {\n    color: #689f38;\n  }\n\n  .light-green.darken-3 {\n    background-color: #558b2f;\n  }\n\n  .light-green-text.text-darken-3 {\n    color: #558b2f;\n  }\n\n  .light-green.darken-4 {\n    background-color: #33691e;\n  }\n\n  .light-green-text.text-darken-4 {\n    color: #33691e;\n  }\n\n  .light-green.accent-1 {\n    background-color: #ccff90;\n  }\n\n  .light-green-text.text-accent-1 {\n    color: #ccff90;\n  }\n\n  .light-green.accent-2 {\n    background-color: #b2ff59;\n  }\n\n  .light-green-text.text-accent-2 {\n    color: #b2ff59;\n  }\n\n  .light-green.accent-3 {\n    background-color: #76ff03;\n  }\n\n  .light-green-text.text-accent-3 {\n    color: #76ff03;\n  }\n\n  .light-green.accent-4 {\n    background-color: #64dd17;\n  }\n\n  .light-green-text.text-accent-4 {\n    color: #64dd17;\n  }\n\n  .lime {\n    background-color: #cddc39;\n  }\n\n  .lime-text {\n    color: #cddc39;\n  }\n\n  .lime.lighten-5 {\n    background-color: #f9fbe7;\n  }\n\n  .lime-text.text-lighten-5 {\n    color: #f9fbe7;\n  }\n\n  .lime.lighten-4 {\n    background-color: #f0f4c3;\n  }\n\n  .lime-text.text-lighten-4 {\n    color: #f0f4c3;\n  }\n\n  .lime.lighten-3 {\n    background-color: #e6ee9c;\n  }\n\n  .lime-text.text-lighten-3 {\n    color: #e6ee9c;\n  }\n\n  .lime.lighten-2 {\n    background-color: #dce775;\n  }\n\n  .lime-text.text-lighten-2 {\n    color: #dce775;\n  }\n\n  .lime.lighten-1 {\n    background-color: #d4e157;\n  }\n\n  .lime-text.text-lighten-1 {\n    color: #d4e157;\n  }\n\n  .lime.darken-1 {\n    background-color: #c0ca33;\n  }\n\n  .lime-text.text-darken-1 {\n    color: #c0ca33;\n  }\n\n  .lime.darken-2 {\n    background-color: #afb42b;\n  }\n\n  .lime-text.text-darken-2 {\n    color: #afb42b;\n  }\n\n  .lime.darken-3 {\n    background-color: #9e9d24;\n  }\n\n  .lime-text.text-darken-3 {\n    color: #9e9d24;\n  }\n\n  .lime.darken-4 {\n    background-color: #827717;\n  }\n\n  .lime-text.text-darken-4 {\n    color: #827717;\n  }\n\n  .lime.accent-1 {\n    background-color: #f4ff81;\n  }\n\n  .lime-text.text-accent-1 {\n    color: #f4ff81;\n  }\n\n  .lime.accent-2 {\n    background-color: #eeff41;\n  }\n\n  .lime-text.text-accent-2 {\n    color: #eeff41;\n  }\n\n  .lime.accent-3 {\n    background-color: #c6ff00;\n  }\n\n  .lime-text.text-accent-3 {\n    color: #c6ff00;\n  }\n\n  .lime.accent-4 {\n    background-color: #aeea00;\n  }\n\n  .lime-text.text-accent-4 {\n    color: #aeea00;\n  }\n\n  .yellow {\n    background-color: #ffeb3b;\n  }\n\n  .yellow-text {\n    color: #ffeb3b;\n  }\n\n  .yellow.lighten-5 {\n    background-color: #fffde7;\n  }\n\n  .yellow-text.text-lighten-5 {\n    color: #fffde7;\n  }\n\n  .yellow.lighten-4 {\n    background-color: #fff9c4;\n  }\n\n  .yellow-text.text-lighten-4 {\n    color: #fff9c4;\n  }\n\n  .yellow.lighten-3 {\n    background-color: #fff59d;\n  }\n\n  .yellow-text.text-lighten-3 {\n    color: #fff59d;\n  }\n\n  .yellow.lighten-2 {\n    background-color: #fff176;\n  }\n\n  .yellow-text.text-lighten-2 {\n    color: #fff176;\n  }\n\n  .yellow.lighten-1 {\n    background-color: #ffee58;\n  }\n\n  .yellow-text.text-lighten-1 {\n    color: #ffee58;\n  }\n\n  .yellow.darken-1 {\n    background-color: #fdd835;\n  }\n\n  .yellow-text.text-darken-1 {\n    color: #fdd835;\n  }\n\n  .yellow.darken-2 {\n    background-color: #fbc02d;\n  }\n\n  .yellow-text.text-darken-2 {\n    color: #fbc02d;\n  }\n\n  .yellow.darken-3 {\n    background-color: #f9a825;\n  }\n\n  .yellow-text.text-darken-3 {\n    color: #f9a825;\n  }\n\n  .yellow.darken-4 {\n    background-color: #f57f17;\n  }\n\n  .yellow-text.text-darken-4 {\n    color: #f57f17;\n  }\n\n  .yellow.accent-1 {\n    background-color: #ffff8d;\n  }\n\n  .yellow-text.text-accent-1 {\n    color: #ffff8d;\n  }\n\n  .yellow.accent-2 {\n    background-color: #ffff00;\n  }\n\n  .yellow-text.text-accent-2 {\n    color: #ffff00;\n  }\n\n  .yellow.accent-3 {\n    background-color: #ffea00;\n  }\n\n  .yellow-text.text-accent-3 {\n    color: #ffea00;\n  }\n\n  .yellow.accent-4 {\n    background-color: #ffd600;\n  }\n\n  .yellow-text.text-accent-4 {\n    color: #ffd600;\n  }\n\n  .amber {\n    background-color: #ffc107;\n  }\n\n  .amber-text {\n    color: #ffc107;\n  }\n\n  .amber.lighten-5 {\n    background-color: #fff8e1;\n  }\n\n  .amber-text.text-lighten-5 {\n    color: #fff8e1;\n  }\n\n  .amber.lighten-4 {\n    background-color: #ffecb3;\n  }\n\n  .amber-text.text-lighten-4 {\n    color: #ffecb3;\n  }\n\n  .amber.lighten-3 {\n    background-color: #ffe082;\n  }\n\n  .amber-text.text-lighten-3 {\n    color: #ffe082;\n  }\n\n  .amber.lighten-2 {\n    background-color: #ffd54f;\n  }\n\n  .amber-text.text-lighten-2 {\n    color: #ffd54f;\n  }\n\n  .amber.lighten-1 {\n    background-color: #ffca28;\n  }\n\n  .amber-text.text-lighten-1 {\n    color: #ffca28;\n  }\n\n  .amber.darken-1 {\n    background-color: #ffb300;\n  }\n\n  .amber-text.text-darken-1 {\n    color: #ffb300;\n  }\n\n  .amber.darken-2 {\n    background-color: #ffa000;\n  }\n\n  .amber-text.text-darken-2 {\n    color: #ffa000;\n  }\n\n  .amber.darken-3 {\n    background-color: #ff8f00;\n  }\n\n  .amber-text.text-darken-3 {\n    color: #ff8f00;\n  }\n\n  .amber.darken-4 {\n    background-color: #ff6f00;\n  }\n\n  .amber-text.text-darken-4 {\n    color: #ff6f00;\n  }\n\n  .amber.accent-1 {\n    background-color: #ffe57f;\n  }\n\n  .amber-text.text-accent-1 {\n    color: #ffe57f;\n  }\n\n  .amber.accent-2 {\n    background-color: #ffd740;\n  }\n\n  .amber-text.text-accent-2 {\n    color: #ffd740;\n  }\n\n  .amber.accent-3 {\n    background-color: #ffc400;\n  }\n\n  .amber-text.text-accent-3 {\n    color: #ffc400;\n  }\n\n  .amber.accent-4 {\n    background-color: #ffab00;\n  }\n\n  .amber-text.text-accent-4 {\n    color: #ffab00;\n  }\n\n  .orange {\n    background-color: #ff9800;\n  }\n\n  .orange-text {\n    color: #ff9800;\n  }\n\n  .orange.lighten-5 {\n    background-color: #fff3e0;\n  }\n\n  .orange-text.text-lighten-5 {\n    color: #fff3e0;\n  }\n\n  .orange.lighten-4 {\n    background-color: #ffe0b2;\n  }\n\n  .orange-text.text-lighten-4 {\n    color: #ffe0b2;\n  }\n\n  .orange.lighten-3 {\n    background-color: #ffcc80;\n  }\n\n  .orange-text.text-lighten-3 {\n    color: #ffcc80;\n  }\n\n  .orange.lighten-2 {\n    background-color: #ffb74d;\n  }\n\n  .orange-text.text-lighten-2 {\n    color: #ffb74d;\n  }\n\n  .orange.lighten-1 {\n    background-color: #ffa726;\n  }\n\n  .orange-text.text-lighten-1 {\n    color: #ffa726;\n  }\n\n  .orange.darken-1 {\n    background-color: #fb8c00;\n  }\n\n  .orange-text.text-darken-1 {\n    color: #fb8c00;\n  }\n\n  .orange.darken-2 {\n    background-color: #f57c00;\n  }\n\n  .orange-text.text-darken-2 {\n    color: #f57c00;\n  }\n\n  .orange.darken-3 {\n    background-color: #ef6c00;\n  }\n\n  .orange-text.text-darken-3 {\n    color: #ef6c00;\n  }\n\n  .orange.darken-4 {\n    background-color: #e65100;\n  }\n\n  .orange-text.text-darken-4 {\n    color: #e65100;\n  }\n\n  .orange.accent-1 {\n    background-color: #ffd180;\n  }\n\n  .orange-text.text-accent-1 {\n    color: #ffd180;\n  }\n\n  .orange.accent-2 {\n    background-color: #ffab40;\n  }\n\n  .orange-text.text-accent-2 {\n    color: #ffab40;\n  }\n\n  .orange.accent-3 {\n    background-color: #ff9100;\n  }\n\n  .orange-text.text-accent-3 {\n    color: #ff9100;\n  }\n\n  .orange.accent-4 {\n    background-color: #ff6d00;\n  }\n\n  .orange-text.text-accent-4 {\n    color: #ff6d00;\n  }\n\n  .deep-orange {\n    background-color: #ff5722;\n  }\n\n  .deep-orange-text {\n    color: #ff5722;\n  }\n\n  .deep-orange.lighten-5 {\n    background-color: #fbe9e7;\n  }\n\n  .deep-orange-text.text-lighten-5 {\n    color: #fbe9e7;\n  }\n\n  .deep-orange.lighten-4 {\n    background-color: #ffccbc;\n  }\n\n  .deep-orange-text.text-lighten-4 {\n    color: #ffccbc;\n  }\n\n  .deep-orange.lighten-3 {\n    background-color: #ffab91;\n  }\n\n  .deep-orange-text.text-lighten-3 {\n    color: #ffab91;\n  }\n\n  .deep-orange.lighten-2 {\n    background-color: #ff8a65;\n  }\n\n  .deep-orange-text.text-lighten-2 {\n    color: #ff8a65;\n  }\n\n  .deep-orange.lighten-1 {\n    background-color: #ff7043;\n  }\n\n  .deep-orange-text.text-lighten-1 {\n    color: #ff7043;\n  }\n\n  .deep-orange.darken-1 {\n    background-color: #f4511e;\n  }\n\n  .deep-orange-text.text-darken-1 {\n    color: #f4511e;\n  }\n\n  .deep-orange.darken-2 {\n    background-color: #e64a19;\n  }\n\n  .deep-orange-text.text-darken-2 {\n    color: #e64a19;\n  }\n\n  .deep-orange.darken-3 {\n    background-color: #d84315;\n  }\n\n  .deep-orange-text.text-darken-3 {\n    color: #d84315;\n  }\n\n  .deep-orange.darken-4 {\n    background-color: #bf360c;\n  }\n\n  .deep-orange-text.text-darken-4 {\n    color: #bf360c;\n  }\n\n  .deep-orange.accent-1 {\n    background-color: #ff9e80;\n  }\n\n  .deep-orange-text.text-accent-1 {\n    color: #ff9e80;\n  }\n\n  .deep-orange.accent-2 {\n    background-color: #ff6e40;\n  }\n\n  .deep-orange-text.text-accent-2 {\n    color: #ff6e40;\n  }\n\n  .deep-orange.accent-3 {\n    background-color: #ff3d00;\n  }\n\n  .deep-orange-text.text-accent-3 {\n    color: #ff3d00;\n  }\n\n  .deep-orange.accent-4 {\n    background-color: #dd2c00;\n  }\n\n  .deep-orange-text.text-accent-4 {\n    color: #dd2c00;\n  }\n\n  .brown {\n    background-color: #795548;\n  }\n\n  .brown-text {\n    color: #795548;\n  }\n\n  .brown.lighten-5 {\n    background-color: #efebe9;\n  }\n\n  .brown-text.text-lighten-5 {\n    color: #efebe9;\n  }\n\n  .brown.lighten-4 {\n    background-color: #d7ccc8;\n  }\n\n  .brown-text.text-lighten-4 {\n    color: #d7ccc8;\n  }\n\n  .brown.lighten-3 {\n    background-color: #bcaaa4;\n  }\n\n  .brown-text.text-lighten-3 {\n    color: #bcaaa4;\n  }\n\n  .brown.lighten-2 {\n    background-color: #a1887f;\n  }\n\n  .brown-text.text-lighten-2 {\n    color: #a1887f;\n  }\n\n  .brown.lighten-1 {\n    background-color: #8d6e63;\n  }\n\n  .brown-text.text-lighten-1 {\n    color: #8d6e63;\n  }\n\n  .brown.darken-1 {\n    background-color: #6d4c41;\n  }\n\n  .brown-text.text-darken-1 {\n    color: #6d4c41;\n  }\n\n  .brown.darken-2 {\n    background-color: #5d4037;\n  }\n\n  .brown-text.text-darken-2 {\n    color: #5d4037;\n  }\n\n  .brown.darken-3 {\n    background-color: #4e342e;\n  }\n\n  .brown-text.text-darken-3 {\n    color: #4e342e;\n  }\n\n  .brown.darken-4 {\n    background-color: #3e2723;\n  }\n\n  .brown-text.text-darken-4 {\n    color: #3e2723;\n  }\n\n  .blue-grey {\n    background-color: #607d8b;\n  }\n\n  .blue-grey-text {\n    color: #607d8b;\n  }\n\n  .blue-grey.lighten-5 {\n    background-color: #eceff1;\n  }\n\n  .blue-grey-text.text-lighten-5 {\n    color: #eceff1;\n  }\n\n  .blue-grey.lighten-4 {\n    background-color: #cfd8dc;\n  }\n\n  .blue-grey-text.text-lighten-4 {\n    color: #cfd8dc;\n  }\n\n  .blue-grey.lighten-3 {\n    background-color: #b0bec5;\n  }\n\n  .blue-grey-text.text-lighten-3 {\n    color: #b0bec5;\n  }\n\n  .blue-grey.lighten-2 {\n    background-color: #90a4ae;\n  }\n\n  .blue-grey-text.text-lighten-2 {\n    color: #90a4ae;\n  }\n\n  .blue-grey.lighten-1 {\n    background-color: #78909c;\n  }\n\n  .blue-grey-text.text-lighten-1 {\n    color: #78909c;\n  }\n\n  .blue-grey.darken-1 {\n    background-color: #546e7a;\n  }\n\n  .blue-grey-text.text-darken-1 {\n    color: #546e7a;\n  }\n\n  .blue-grey.darken-2 {\n    background-color: #455a64;\n  }\n\n  .blue-grey-text.text-darken-2 {\n    color: #455a64;\n  }\n\n  .blue-grey.darken-3 {\n    background-color: #37474f;\n  }\n\n  .blue-grey-text.text-darken-3 {\n    color: #37474f;\n  }\n\n  .blue-grey.darken-4 {\n    background-color: #263238;\n  }\n\n  .blue-grey-text.text-darken-4 {\n    color: #263238;\n  }\n\n  .grey {\n    background-color: #9e9e9e;\n  }\n\n  .grey-text {\n    color: #9e9e9e;\n  }\n\n  .grey.lighten-5 {\n    background-color: #fafafa;\n  }\n\n  .grey-text.text-lighten-5 {\n    color: #fafafa;\n  }\n\n  .grey.lighten-4 {\n    background-color: #f5f5f5;\n  }\n\n  .grey-text.text-lighten-4 {\n    color: #f5f5f5;\n  }\n\n  .grey.lighten-3 {\n    background-color: #eeeeee;\n  }\n\n  .grey-text.text-lighten-3 {\n    color: #eeeeee;\n  }\n\n  .grey.lighten-2 {\n    background-color: #e0e0e0;\n  }\n\n  .grey-text.text-lighten-2 {\n    color: #e0e0e0;\n  }\n\n  .grey.lighten-1 {\n    background-color: #bdbdbd;\n  }\n\n  .grey-text.text-lighten-1 {\n    color: #bdbdbd;\n  }\n\n  .grey.darken-1 {\n    background-color: #757575;\n  }\n\n  .grey-text.text-darken-1 {\n    color: #757575;\n  }\n\n  .grey.darken-2 {\n    background-color: #616161;\n  }\n\n  .grey-text.text-darken-2 {\n    color: #616161;\n  }\n\n  .grey.darken-3 {\n    background-color: #424242;\n  }\n\n  .grey-text.text-darken-3 {\n    color: #424242;\n  }\n\n  .grey.darken-4 {\n    background-color: #212121;\n  }\n\n  .grey-text.text-darken-4 {\n    color: #212121;\n  }\n\n  .black {\n    background-color: #000000;\n  }\n\n  .black-text {\n    color: #000000;\n  }\n\n  .white {\n    background-color: #ffffff;\n  }\n\n  .white-text {\n    color: #ffffff;\n  }\n\n  .transparent {\n    background-color: transparent;\n  }\n\n  .transparent-text {\n    color: transparent;\n  }\n\n  /* Materialize Outline classes */\n  .indigo-outline {\n    outline-color: #3f51b5;\n  }\n  .blue-outline {\n    outline-color: #2962ff;\n  }\n  .amber-outline {\n    outline-color: #ffab00;\n  }\n  .green-border {\n    outline-color: #4caf50;\n  }\n  .teal-outline {\n    outline-color: #00bfa5;\n  }\n  .yellow-outline {\n    outline-color: #ffd600;\n  }\n  .grey-outline {\n    outline-color: #212121;\n  }\n  .cyan-outline {\n    outline-color: #00b8d4;\n  }\n  .orange-outline {\n    outline-color: #ff6d00;\n  }\n  .red-outline {\n    outline-color: #d50000;\n  }\n  .deep-orange-outline {\n    outline-color: #dd2c00;\n  }\n  .lime-outline {\n    outline-color: #aeea00;\n  }\n  .pink-outline {\n    outline-color: #c51162;\n  }\n  .purple-outline {\n    outline-color: #aa00ff;\n  }\n  .light-green-outline {\n    outline-color: #64dd17;\n  }\n  .light-blue-outline {\n    outline-color: #01579b;\n  }\n  .white-outline {\n    outline-color: #ffffff;\n  }\n\n  /* Materialize Border classes */\n  .indigo-border {\n    border-color: #3f51b5;\n  }\n  .blue-border {\n    border-color: #2196f3;\n  }\n  .amber-border {\n    border-color: #ffc107;\n  }\n  .green-border {\n    border-color: #4caf50;\n  }\n  .teal-border {\n    border-color: #009688;\n  }\n  .yellow-border {\n    border-color: #ffeb3b;\n  }\n  .grey-border {\n    border-color: #9e9e9e;\n  }\n  .cyan-border {\n    border-color: #00bcd4;\n  }\n  .orange-border {\n    border-color: #ff9800;\n  }\n  .red-border {\n    border-color: #f44336;\n  }\n  .deep-orange-border {\n    border-color: #ff5722;\n  }\n  .lime-border {\n    border-color: #cddc39;\n  }\n  .pink-border {\n    border-color: #e91e63;\n  }\n  .purple-border {\n    border-color: #9c27b0;\n  }\n  .light-green-border {\n    border-color: #8bc34a;\n  }\n  .light-blue-border {\n    border-color: #03a9f4;\n  }\n  .white-border {\n    border-color: #ffffff;\n  }\n  /* Materialize accessible text variants */\n  .accessible-indigo-text {\n    color: #1a237e;\n  }\n  .accessible-green-text {\n    color: #1b5e20;\n  }\n  .accessible-purple-text {\n    color: #581663;\n  }\n  .accessible-cyan-text {\n    color: #006064;\n  }\n  .accessible-blue-text {\n    color: #085390;\n  }\n  .accessible-deep-orange-text {\n    color: #a72700;\n  }\n  .accessible-red-text {\n    color: #a41309;\n  }\n  .accessible-amber-text {\n    color: #833900;\n  }\n  .accessible-teal-text {\n    color: #00554d;\n  }\n  .accessible-orange-text {\n    color: #653c00;\n  }\n  .accessible-yellow-text {\n    color: #463f00;\n  }\n  .accessible-lime-text {\n    color: #474d0e;\n  }\n  .accessible-light-blue-text {\n    color: #025277;\n  }\n  .accessible-light-green-text {\n    color: #3c571d;\n  }\n  .accessible-pink-text {\n    color: #9d0f3f;\n  }\n  .accessible-grey-text {\n    color: #212121;\n  }\n"])));
   _exports.materialCssStyles = materialCssStyles;
   $_documentContainer.innerHTML = "<dom-module id=\"materializecss-styles-colors\">\n  <template>\n    <custom-style>\n    <style is=\"custom-style\">\n    .red {\n      background-color: #F44336;\n    }\n    \n    .red-text {\n      color: #F44336;\n    }\n    \n    .red.lighten-5 {\n      background-color: #FFEBEE;\n    }\n    \n    .red-text.text-lighten-5 {\n      color: #FFEBEE;\n    }\n    \n    .red.lighten-4 {\n      background-color: #FFCDD2;\n    }\n    \n    .red-text.text-lighten-4 {\n      color: #FFCDD2;\n    }\n    \n    .red.lighten-3 {\n      background-color: #EF9A9A;\n    }\n    \n    .red-text.text-lighten-3 {\n      color: #EF9A9A;\n    }\n    \n    .red.lighten-2 {\n      background-color: #E57373;\n    }\n    \n    .red-text.text-lighten-2 {\n      color: #E57373;\n    }\n    \n    .red.lighten-1 {\n      background-color: #EF5350;\n    }\n    \n    .red-text.text-lighten-1 {\n      color: #EF5350;\n    }\n    \n    .red.darken-1 {\n      background-color: #E53935;\n    }\n    \n    .red-text.text-darken-1 {\n      color: #E53935;\n    }\n    \n    .red.darken-2 {\n      background-color: #D32F2F;\n    }\n    \n    .red-text.text-darken-2 {\n      color: #D32F2F;\n    }\n    \n    .red.darken-3 {\n      background-color: #C62828;\n    }\n    \n    .red-text.text-darken-3 {\n      color: #C62828;\n    }\n    \n    .red.darken-4 {\n      background-color: #B71C1C;\n    }\n    \n    .red-text.text-darken-4 {\n      color: #B71C1C;\n    }\n    \n    .red.accent-1 {\n      background-color: #FF8A80;\n    }\n    \n    .red-text.text-accent-1 {\n      color: #FF8A80;\n    }\n    \n    .red.accent-2 {\n      background-color: #FF5252;\n    }\n    \n    .red-text.text-accent-2 {\n      color: #FF5252;\n    }\n    \n    .red.accent-3 {\n      background-color: #FF1744;\n    }\n    \n    .red-text.text-accent-3 {\n      color: #FF1744;\n    }\n    \n    .red.accent-4 {\n      background-color: #D50000;\n    }\n    \n    .red-text.text-accent-4 {\n      color: #D50000;\n    }\n    \n    .pink {\n      background-color: #e91e63;\n    }\n    \n    .pink-text {\n      color: #e91e63;\n    }\n    \n    .pink.lighten-5 {\n      background-color: #fce4ec;\n    }\n    \n    .pink-text.text-lighten-5 {\n      color: #fce4ec;\n    }\n    \n    .pink.lighten-4 {\n      background-color: #f8bbd0;\n    }\n    \n    .pink-text.text-lighten-4 {\n      color: #f8bbd0;\n    }\n    \n    .pink.lighten-3 {\n      background-color: #f48fb1;\n    }\n    \n    .pink-text.text-lighten-3 {\n      color: #f48fb1;\n    }\n    \n    .pink.lighten-2 {\n      background-color: #f06292;\n    }\n    \n    .pink-text.text-lighten-2 {\n      color: #f06292;\n    }\n    \n    .pink.lighten-1 {\n      background-color: #ec407a;\n    }\n    \n    .pink-text.text-lighten-1 {\n      color: #ec407a;\n    }\n    \n    .pink.darken-1 {\n      background-color: #d81b60;\n    }\n    \n    .pink-text.text-darken-1 {\n      color: #d81b60;\n    }\n    \n    .pink.darken-2 {\n      background-color: #c2185b;\n    }\n    \n    .pink-text.text-darken-2 {\n      color: #c2185b;\n    }\n    \n    .pink.darken-3 {\n      background-color: #ad1457;\n    }\n    \n    .pink-text.text-darken-3 {\n      color: #ad1457;\n    }\n    \n    .pink.darken-4 {\n      background-color: #880e4f;\n    }\n    \n    .pink-text.text-darken-4 {\n      color: #880e4f;\n    }\n    \n    .pink.accent-1 {\n      background-color: #ff80ab;\n    }\n    \n    .pink-text.text-accent-1 {\n      color: #ff80ab;\n    }\n    \n    .pink.accent-2 {\n      background-color: #ff4081;\n    }\n    \n    .pink-text.text-accent-2 {\n      color: #ff4081;\n    }\n    \n    .pink.accent-3 {\n      background-color: #f50057;\n    }\n    \n    .pink-text.text-accent-3 {\n      color: #f50057;\n    }\n    \n    .pink.accent-4 {\n      background-color: #c51162;\n    }\n    \n    .pink-text.text-accent-4 {\n      color: #c51162;\n    }\n    \n    .purple {\n      background-color: #9c27b0;\n    }\n    \n    .purple-text {\n      color: #9c27b0;\n    }\n    \n    .purple.lighten-5 {\n      background-color: #f3e5f5;\n    }\n    \n    .purple-text.text-lighten-5 {\n      color: #f3e5f5;\n    }\n    \n    .purple.lighten-4 {\n      background-color: #e1bee7;\n    }\n    \n    .purple-text.text-lighten-4 {\n      color: #e1bee7;\n    }\n    \n    .purple.lighten-3 {\n      background-color: #ce93d8;\n    }\n    \n    .purple-text.text-lighten-3 {\n      color: #ce93d8;\n    }\n    \n    .purple.lighten-2 {\n      background-color: #ba68c8;\n    }\n    \n    .purple-text.text-lighten-2 {\n      color: #ba68c8;\n    }\n    \n    .purple.lighten-1 {\n      background-color: #ab47bc;\n    }\n    \n    .purple-text.text-lighten-1 {\n      color: #ab47bc;\n    }\n    \n    .purple.darken-1 {\n      background-color: #8e24aa;\n    }\n    \n    .purple-text.text-darken-1 {\n      color: #8e24aa;\n    }\n    \n    .purple.darken-2 {\n      background-color: #7b1fa2;\n    }\n    \n    .purple-text.text-darken-2 {\n      color: #7b1fa2;\n    }\n    \n    .purple.darken-3 {\n      background-color: #6a1b9a;\n    }\n    \n    .purple-text.text-darken-3 {\n      color: #6a1b9a;\n    }\n    \n    .purple.darken-4 {\n      background-color: #4a148c;\n    }\n    \n    .purple-text.text-darken-4 {\n      color: #4a148c;\n    }\n    \n    .purple.accent-1 {\n      background-color: #ea80fc;\n    }\n    \n    .purple-text.text-accent-1 {\n      color: #ea80fc;\n    }\n    \n    .purple.accent-2 {\n      background-color: #e040fb;\n    }\n    \n    .purple-text.text-accent-2 {\n      color: #e040fb;\n    }\n    \n    .purple.accent-3 {\n      background-color: #d500f9;\n    }\n    \n    .purple-text.text-accent-3 {\n      color: #d500f9;\n    }\n    \n    .purple.accent-4 {\n      background-color: #aa00ff;\n    }\n    \n    .purple-text.text-accent-4 {\n      color: #aa00ff;\n    }\n    \n    .deep-purple {\n      background-color: #673ab7;\n    }\n    \n    .deep-purple-text {\n      color: #673ab7;\n    }\n    \n    .deep-purple.lighten-5 {\n      background-color: #ede7f6;\n    }\n    \n    .deep-purple-text.text-lighten-5 {\n      color: #ede7f6;\n    }\n    \n    .deep-purple.lighten-4 {\n      background-color: #d1c4e9;\n    }\n    \n    .deep-purple-text.text-lighten-4 {\n      color: #d1c4e9;\n    }\n    \n    .deep-purple.lighten-3 {\n      background-color: #b39ddb;\n    }\n    \n    .deep-purple-text.text-lighten-3 {\n      color: #b39ddb;\n    }\n    \n    .deep-purple.lighten-2 {\n      background-color: #9575cd;\n    }\n    \n    .deep-purple-text.text-lighten-2 {\n      color: #9575cd;\n    }\n    \n    .deep-purple.lighten-1 {\n      background-color: #7e57c2;\n    }\n    \n    .deep-purple-text.text-lighten-1 {\n      color: #7e57c2;\n    }\n    \n    .deep-purple.darken-1 {\n      background-color: #5e35b1;\n    }\n    \n    .deep-purple-text.text-darken-1 {\n      color: #5e35b1;\n    }\n    \n    .deep-purple.darken-2 {\n      background-color: #512da8;\n    }\n    \n    .deep-purple-text.text-darken-2 {\n      color: #512da8;\n    }\n    \n    .deep-purple.darken-3 {\n      background-color: #4527a0;\n    }\n    \n    .deep-purple-text.text-darken-3 {\n      color: #4527a0;\n    }\n    \n    .deep-purple.darken-4 {\n      background-color: #311b92;\n    }\n    \n    .deep-purple-text.text-darken-4 {\n      color: #311b92;\n    }\n    \n    .deep-purple.accent-1 {\n      background-color: #b388ff;\n    }\n    \n    .deep-purple-text.text-accent-1 {\n      color: #b388ff;\n    }\n    \n    .deep-purple.accent-2 {\n      background-color: #7c4dff;\n    }\n    \n    .deep-purple-text.text-accent-2 {\n      color: #7c4dff;\n    }\n    \n    .deep-purple.accent-3 {\n      background-color: #651fff;\n    }\n    \n    .deep-purple-text.text-accent-3 {\n      color: #651fff;\n    }\n    \n    .deep-purple.accent-4 {\n      background-color: #6200ea;\n    }\n    \n    .deep-purple-text.text-accent-4 {\n      color: #6200ea;\n    }\n    \n    .indigo {\n      background-color: #3f51b5;\n    }\n    \n    .indigo-text {\n      color: #3f51b5;\n    }\n    \n    .indigo.lighten-5 {\n      background-color: #e8eaf6;\n    }\n    \n    .indigo-text.text-lighten-5 {\n      color: #e8eaf6;\n    }\n    \n    .indigo.lighten-4 {\n      background-color: #c5cae9;\n    }\n    \n    .indigo-text.text-lighten-4 {\n      color: #c5cae9;\n    }\n    \n    .indigo.lighten-3 {\n      background-color: #9fa8da;\n    }\n    \n    .indigo-text.text-lighten-3 {\n      color: #9fa8da;\n    }\n    \n    .indigo.lighten-2 {\n      background-color: #7986cb;\n    }\n    \n    .indigo-text.text-lighten-2 {\n      color: #7986cb;\n    }\n    \n    .indigo.lighten-1 {\n      background-color: #5c6bc0;\n    }\n    \n    .indigo-text.text-lighten-1 {\n      color: #5c6bc0;\n    }\n    \n    .indigo.darken-1 {\n      background-color: #3949ab;\n    }\n    \n    .indigo-text.text-darken-1 {\n      color: #3949ab;\n    }\n    \n    .indigo.darken-2 {\n      background-color: #303f9f;\n    }\n    \n    .indigo-text.text-darken-2 {\n      color: #303f9f;\n    }\n    \n    .indigo.darken-3 {\n      background-color: #283593;\n    }\n    \n    .indigo-text.text-darken-3 {\n      color: #283593;\n    }\n    \n    .indigo.darken-4 {\n      background-color: #1a237e;\n    }\n    \n    .indigo-text.text-darken-4 {\n      color: #1a237e;\n    }\n    \n    .indigo.accent-1 {\n      background-color: #8c9eff;\n    }\n    \n    .indigo-text.text-accent-1 {\n      color: #8c9eff;\n    }\n    \n    .indigo.accent-2 {\n      background-color: #536dfe;\n    }\n    \n    .indigo-text.text-accent-2 {\n      color: #536dfe;\n    }\n    \n    .indigo.accent-3 {\n      background-color: #3d5afe;\n    }\n    \n    .indigo-text.text-accent-3 {\n      color: #3d5afe;\n    }\n    \n    .indigo.accent-4 {\n      background-color: #304ffe;\n    }\n    \n    .indigo-text.text-accent-4 {\n      color: #304ffe;\n    }\n    \n    .blue {\n      background-color: #2196F3;\n    }\n    \n    .blue-text {\n      color: #2196F3;\n    }\n    \n    .blue.lighten-5 {\n      background-color: #E3F2FD;\n    }\n    \n    .blue-text.text-lighten-5 {\n      color: #E3F2FD;\n    }\n    \n    .blue.lighten-4 {\n      background-color: #BBDEFB;\n    }\n    \n    .blue-text.text-lighten-4 {\n      color: #BBDEFB;\n    }\n    \n    .blue.lighten-3 {\n      background-color: #90CAF9;\n    }\n    \n    .blue-text.text-lighten-3 {\n      color: #90CAF9;\n    }\n    \n    .blue.lighten-2 {\n      background-color: #64B5F6;\n    }\n    \n    .blue-text.text-lighten-2 {\n      color: #64B5F6;\n    }\n    \n    .blue.lighten-1 {\n      background-color: #42A5F5;\n    }\n    \n    .blue-text.text-lighten-1 {\n      color: #42A5F5;\n    }\n    \n    .blue.darken-1 {\n      background-color: #1E88E5;\n    }\n    \n    .blue-text.text-darken-1 {\n      color: #1E88E5;\n    }\n    \n    .blue.darken-2 {\n      background-color: #1976D2;\n    }\n    \n    .blue-text.text-darken-2 {\n      color: #1976D2;\n    }\n    \n    .blue.darken-3 {\n      background-color: #1565C0;\n    }\n    \n    .blue-text.text-darken-3 {\n      color: #1565C0;\n    }\n    \n    .blue.darken-4 {\n      background-color: #0D47A1;\n    }\n    \n    .blue-text.text-darken-4 {\n      color: #0D47A1;\n    }\n    \n    .blue.accent-1 {\n      background-color: #82B1FF;\n    }\n    \n    .blue-text.text-accent-1 {\n      color: #82B1FF;\n    }\n    \n    .blue.accent-2 {\n      background-color: #448AFF;\n    }\n    \n    .blue-text.text-accent-2 {\n      color: #448AFF;\n    }\n    \n    .blue.accent-3 {\n      background-color: #2979FF;\n    }\n    \n    .blue-text.text-accent-3 {\n      color: #2979FF;\n    }\n    \n    .blue.accent-4 {\n      background-color: #2962FF;\n    }\n    \n    .blue-text.text-accent-4 {\n      color: #2962FF;\n    }\n    \n    .light-blue {\n      background-color: #03a9f4;\n    }\n    \n    .light-blue-text {\n      color: #03a9f4;\n    }\n    \n    .light-blue.lighten-5 {\n      background-color: #e1f5fe;\n    }\n    \n    .light-blue-text.text-lighten-5 {\n      color: #e1f5fe;\n    }\n    \n    .light-blue.lighten-4 {\n      background-color: #b3e5fc;\n    }\n    \n    .light-blue-text.text-lighten-4 {\n      color: #b3e5fc;\n    }\n    \n    .light-blue.lighten-3 {\n      background-color: #81d4fa;\n    }\n    \n    .light-blue-text.text-lighten-3 {\n      color: #81d4fa;\n    }\n    \n    .light-blue.lighten-2 {\n      background-color: #4fc3f7;\n    }\n    \n    .light-blue-text.text-lighten-2 {\n      color: #4fc3f7;\n    }\n    \n    .light-blue.lighten-1 {\n      background-color: #29b6f6;\n    }\n    \n    .light-blue-text.text-lighten-1 {\n      color: #29b6f6;\n    }\n    \n    .light-blue.darken-1 {\n      background-color: #039be5;\n    }\n    \n    .light-blue-text.text-darken-1 {\n      color: #039be5;\n    }\n    \n    .light-blue.darken-2 {\n      background-color: #0288d1;\n    }\n    \n    .light-blue-text.text-darken-2 {\n      color: #0288d1;\n    }\n    \n    .light-blue.darken-3 {\n      background-color: #0277bd;\n    }\n    \n    .light-blue-text.text-darken-3 {\n      color: #0277bd;\n    }\n    \n    .light-blue.darken-4 {\n      background-color: #01579b;\n    }\n    \n    .light-blue-text.text-darken-4 {\n      color: #01579b;\n    }\n    \n    .light-blue.accent-1 {\n      background-color: #80d8ff;\n    }\n    \n    .light-blue-text.text-accent-1 {\n      color: #80d8ff;\n    }\n    \n    .light-blue.accent-2 {\n      background-color: #40c4ff;\n    }\n    \n    .light-blue-text.text-accent-2 {\n      color: #40c4ff;\n    }\n    \n    .light-blue.accent-3 {\n      background-color: #00b0ff;\n    }\n    \n    .light-blue-text.text-accent-3 {\n      color: #00b0ff;\n    }\n    \n    .light-blue.accent-4 {\n      background-color: #0091ea;\n    }\n    \n    .light-blue-text.text-accent-4 {\n      color: #0091ea;\n    }\n    \n    .cyan {\n      background-color: #00bcd4;\n    }\n    \n    .cyan-text {\n      color: #00bcd4;\n    }\n    \n    .cyan.lighten-5 {\n      background-color: #e0f7fa;\n    }\n    \n    .cyan-text.text-lighten-5 {\n      color: #e0f7fa;\n    }\n    \n    .cyan.lighten-4 {\n      background-color: #b2ebf2;\n    }\n    \n    .cyan-text.text-lighten-4 {\n      color: #b2ebf2;\n    }\n    \n    .cyan.lighten-3 {\n      background-color: #80deea;\n    }\n    \n    .cyan-text.text-lighten-3 {\n      color: #80deea;\n    }\n    \n    .cyan.lighten-2 {\n      background-color: #4dd0e1;\n    }\n    \n    .cyan-text.text-lighten-2 {\n      color: #4dd0e1;\n    }\n    \n    .cyan.lighten-1 {\n      background-color: #26c6da;\n    }\n    \n    .cyan-text.text-lighten-1 {\n      color: #26c6da;\n    }\n    \n    .cyan.darken-1 {\n      background-color: #00acc1;\n    }\n    \n    .cyan-text.text-darken-1 {\n      color: #00acc1;\n    }\n    \n    .cyan.darken-2 {\n      background-color: #0097a7;\n    }\n    \n    .cyan-text.text-darken-2 {\n      color: #0097a7;\n    }\n    \n    .cyan.darken-3 {\n      background-color: #00838f;\n    }\n    \n    .cyan-text.text-darken-3 {\n      color: #00838f;\n    }\n    \n    .cyan.darken-4 {\n      background-color: #006064;\n    }\n    \n    .cyan-text.text-darken-4 {\n      color: #006064;\n    }\n    \n    .cyan.accent-1 {\n      background-color: #84ffff;\n    }\n    \n    .cyan-text.text-accent-1 {\n      color: #84ffff;\n    }\n    \n    .cyan.accent-2 {\n      background-color: #18ffff;\n    }\n    \n    .cyan-text.text-accent-2 {\n      color: #18ffff;\n    }\n    \n    .cyan.accent-3 {\n      background-color: #00e5ff;\n    }\n    \n    .cyan-text.text-accent-3 {\n      color: #00e5ff;\n    }\n    \n    .cyan.accent-4 {\n      background-color: #00b8d4;\n    }\n    \n    .cyan-text.text-accent-4 {\n      color: #00b8d4;\n    }\n    \n    .teal {\n      background-color: #009688;\n    }\n    \n    .teal-text {\n      color: #009688;\n    }\n    \n    .teal.lighten-5 {\n      background-color: #e0f2f1;\n    }\n    \n    .teal-text.text-lighten-5 {\n      color: #e0f2f1;\n    }\n    \n    .teal.lighten-4 {\n      background-color: #b2dfdb;\n    }\n    \n    .teal-text.text-lighten-4 {\n      color: #b2dfdb;\n    }\n    \n    .teal.lighten-3 {\n      background-color: #80cbc4;\n    }\n    \n    .teal-text.text-lighten-3 {\n      color: #80cbc4;\n    }\n    \n    .teal.lighten-2 {\n      background-color: #4db6ac;\n    }\n    \n    .teal-text.text-lighten-2 {\n      color: #4db6ac;\n    }\n    \n    .teal.lighten-1 {\n      background-color: #26a69a;\n    }\n    \n    .teal-text.text-lighten-1 {\n      color: #26a69a;\n    }\n    \n    .teal.darken-1 {\n      background-color: #00897b;\n    }\n    \n    .teal-text.text-darken-1 {\n      color: #00897b;\n    }\n    \n    .teal.darken-2 {\n      background-color: #00796b;\n    }\n    \n    .teal-text.text-darken-2 {\n      color: #00796b;\n    }\n    \n    .teal.darken-3 {\n      background-color: #00695c;\n    }\n    \n    .teal-text.text-darken-3 {\n      color: #00695c;\n    }\n    \n    .teal.darken-4 {\n      background-color: #004d40;\n    }\n    \n    .teal-text.text-darken-4 {\n      color: #004d40;\n    }\n    \n    .teal.accent-1 {\n      background-color: #a7ffeb;\n    }\n    \n    .teal-text.text-accent-1 {\n      color: #a7ffeb;\n    }\n    \n    .teal.accent-2 {\n      background-color: #64ffda;\n    }\n    \n    .teal-text.text-accent-2 {\n      color: #64ffda;\n    }\n    \n    .teal.accent-3 {\n      background-color: #1de9b6;\n    }\n    \n    .teal-text.text-accent-3 {\n      color: #1de9b6;\n    }\n    \n    .teal.accent-4 {\n      background-color: #00bfa5;\n    }\n    \n    .teal-text.text-accent-4 {\n      color: #00bfa5;\n    }\n    \n    .green {\n      background-color: #4CAF50;\n    }\n    \n    .green-text {\n      color: #4CAF50;\n    }\n    \n    .green.lighten-5 {\n      background-color: #E8F5E9;\n    }\n    \n    .green-text.text-lighten-5 {\n      color: #E8F5E9;\n    }\n    \n    .green.lighten-4 {\n      background-color: #C8E6C9;\n    }\n    \n    .green-text.text-lighten-4 {\n      color: #C8E6C9;\n    }\n    \n    .green.lighten-3 {\n      background-color: #A5D6A7;\n    }\n    \n    .green-text.text-lighten-3 {\n      color: #A5D6A7;\n    }\n    \n    .green.lighten-2 {\n      background-color: #81C784;\n    }\n    \n    .green-text.text-lighten-2 {\n      color: #81C784;\n    }\n    \n    .green.lighten-1 {\n      background-color: #66BB6A;\n    }\n    \n    .green-text.text-lighten-1 {\n      color: #66BB6A;\n    }\n    \n    .green.darken-1 {\n      background-color: #43A047;\n    }\n    \n    .green-text.text-darken-1 {\n      color: #43A047;\n    }\n    \n    .green.darken-2 {\n      background-color: #388E3C;\n    }\n    \n    .green-text.text-darken-2 {\n      color: #388E3C;\n    }\n    \n    .green.darken-3 {\n      background-color: #2E7D32;\n    }\n    \n    .green-text.text-darken-3 {\n      color: #2E7D32;\n    }\n    \n    .green.darken-4 {\n      background-color: #1B5E20;\n    }\n    \n    .green-text.text-darken-4 {\n      color: #1B5E20;\n    }\n    \n    .green.accent-1 {\n      background-color: #B9F6CA;\n    }\n    \n    .green-text.text-accent-1 {\n      color: #B9F6CA;\n    }\n    \n    .green.accent-2 {\n      background-color: #69F0AE;\n    }\n    \n    .green-text.text-accent-2 {\n      color: #69F0AE;\n    }\n    \n    .green.accent-3 {\n      background-color: #00E676;\n    }\n    \n    .green-text.text-accent-3 {\n      color: #00E676;\n    }\n    \n    .green.accent-4 {\n      background-color: #00C853;\n    }\n    \n    .green-text.text-accent-4 {\n      color: #00C853;\n    }\n    \n    .light-green {\n      background-color: #8bc34a;\n    }\n    \n    .light-green-text {\n      color: #8bc34a;\n    }\n    \n    .light-green.lighten-5 {\n      background-color: #f1f8e9;\n    }\n    \n    .light-green-text.text-lighten-5 {\n      color: #f1f8e9;\n    }\n    \n    .light-green.lighten-4 {\n      background-color: #dcedc8;\n    }\n    \n    .light-green-text.text-lighten-4 {\n      color: #dcedc8;\n    }\n    \n    .light-green.lighten-3 {\n      background-color: #c5e1a5;\n    }\n    \n    .light-green-text.text-lighten-3 {\n      color: #c5e1a5;\n    }\n    \n    .light-green.lighten-2 {\n      background-color: #aed581;\n    }\n    \n    .light-green-text.text-lighten-2 {\n      color: #aed581;\n    }\n    \n    .light-green.lighten-1 {\n      background-color: #9ccc65;\n    }\n    \n    .light-green-text.text-lighten-1 {\n      color: #9ccc65;\n    }\n    \n    .light-green.darken-1 {\n      background-color: #7cb342;\n    }\n    \n    .light-green-text.text-darken-1 {\n      color: #7cb342;\n    }\n    \n    .light-green.darken-2 {\n      background-color: #689f38;\n    }\n    \n    .light-green-text.text-darken-2 {\n      color: #689f38;\n    }\n    \n    .light-green.darken-3 {\n      background-color: #558b2f;\n    }\n    \n    .light-green-text.text-darken-3 {\n      color: #558b2f;\n    }\n    \n    .light-green.darken-4 {\n      background-color: #33691e;\n    }\n    \n    .light-green-text.text-darken-4 {\n      color: #33691e;\n    }\n    \n    .light-green.accent-1 {\n      background-color: #ccff90;\n    }\n    \n    .light-green-text.text-accent-1 {\n      color: #ccff90;\n    }\n    \n    .light-green.accent-2 {\n      background-color: #b2ff59;\n    }\n    \n    .light-green-text.text-accent-2 {\n      color: #b2ff59;\n    }\n    \n    .light-green.accent-3 {\n      background-color: #76ff03;\n    }\n    \n    .light-green-text.text-accent-3 {\n      color: #76ff03;\n    }\n    \n    .light-green.accent-4 {\n      background-color: #64dd17;\n    }\n    \n    .light-green-text.text-accent-4 {\n      color: #64dd17;\n    }\n    \n    .lime {\n      background-color: #cddc39;\n    }\n    \n    .lime-text {\n      color: #cddc39;\n    }\n    \n    .lime.lighten-5 {\n      background-color: #f9fbe7;\n    }\n    \n    .lime-text.text-lighten-5 {\n      color: #f9fbe7;\n    }\n    \n    .lime.lighten-4 {\n      background-color: #f0f4c3;\n    }\n    \n    .lime-text.text-lighten-4 {\n      color: #f0f4c3;\n    }\n    \n    .lime.lighten-3 {\n      background-color: #e6ee9c;\n    }\n    \n    .lime-text.text-lighten-3 {\n      color: #e6ee9c;\n    }\n    \n    .lime.lighten-2 {\n      background-color: #dce775;\n    }\n    \n    .lime-text.text-lighten-2 {\n      color: #dce775;\n    }\n    \n    .lime.lighten-1 {\n      background-color: #d4e157;\n    }\n    \n    .lime-text.text-lighten-1 {\n      color: #d4e157;\n    }\n    \n    .lime.darken-1 {\n      background-color: #c0ca33;\n    }\n    \n    .lime-text.text-darken-1 {\n      color: #c0ca33;\n    }\n    \n    .lime.darken-2 {\n      background-color: #afb42b;\n    }\n    \n    .lime-text.text-darken-2 {\n      color: #afb42b;\n    }\n    \n    .lime.darken-3 {\n      background-color: #9e9d24;\n    }\n    \n    .lime-text.text-darken-3 {\n      color: #9e9d24;\n    }\n    \n    .lime.darken-4 {\n      background-color: #827717;\n    }\n    \n    .lime-text.text-darken-4 {\n      color: #827717;\n    }\n    \n    .lime.accent-1 {\n      background-color: #f4ff81;\n    }\n    \n    .lime-text.text-accent-1 {\n      color: #f4ff81;\n    }\n    \n    .lime.accent-2 {\n      background-color: #eeff41;\n    }\n    \n    .lime-text.text-accent-2 {\n      color: #eeff41;\n    }\n    \n    .lime.accent-3 {\n      background-color: #c6ff00;\n    }\n    \n    .lime-text.text-accent-3 {\n      color: #c6ff00;\n    }\n    \n    .lime.accent-4 {\n      background-color: #aeea00;\n    }\n    \n    .lime-text.text-accent-4 {\n      color: #aeea00;\n    }\n    \n    .yellow {\n      background-color: #ffeb3b;\n    }\n    \n    .yellow-text {\n      color: #ffeb3b;\n    }\n    \n    .yellow.lighten-5 {\n      background-color: #fffde7;\n    }\n    \n    .yellow-text.text-lighten-5 {\n      color: #fffde7;\n    }\n    \n    .yellow.lighten-4 {\n      background-color: #fff9c4;\n    }\n    \n    .yellow-text.text-lighten-4 {\n      color: #fff9c4;\n    }\n    \n    .yellow.lighten-3 {\n      background-color: #fff59d;\n    }\n    \n    .yellow-text.text-lighten-3 {\n      color: #fff59d;\n    }\n    \n    .yellow.lighten-2 {\n      background-color: #fff176;\n    }\n    \n    .yellow-text.text-lighten-2 {\n      color: #fff176;\n    }\n    \n    .yellow.lighten-1 {\n      background-color: #ffee58;\n    }\n    \n    .yellow-text.text-lighten-1 {\n      color: #ffee58;\n    }\n    \n    .yellow.darken-1 {\n      background-color: #fdd835;\n    }\n    \n    .yellow-text.text-darken-1 {\n      color: #fdd835;\n    }\n    \n    .yellow.darken-2 {\n      background-color: #fbc02d;\n    }\n    \n    .yellow-text.text-darken-2 {\n      color: #fbc02d;\n    }\n    \n    .yellow.darken-3 {\n      background-color: #f9a825;\n    }\n    \n    .yellow-text.text-darken-3 {\n      color: #f9a825;\n    }\n    \n    .yellow.darken-4 {\n      background-color: #f57f17;\n    }\n    \n    .yellow-text.text-darken-4 {\n      color: #f57f17;\n    }\n    \n    .yellow.accent-1 {\n      background-color: #ffff8d;\n    }\n    \n    .yellow-text.text-accent-1 {\n      color: #ffff8d;\n    }\n    \n    .yellow.accent-2 {\n      background-color: #ffff00;\n    }\n    \n    .yellow-text.text-accent-2 {\n      color: #ffff00;\n    }\n    \n    .yellow.accent-3 {\n      background-color: #ffea00;\n    }\n    \n    .yellow-text.text-accent-3 {\n      color: #ffea00;\n    }\n    \n    .yellow.accent-4 {\n      background-color: #ffd600;\n    }\n    \n    .yellow-text.text-accent-4 {\n      color: #ffd600;\n    }\n    \n    .amber {\n      background-color: #ffc107;\n    }\n    \n    .amber-text {\n      color: #ffc107;\n    }\n    \n    .amber.lighten-5 {\n      background-color: #fff8e1;\n    }\n    \n    .amber-text.text-lighten-5 {\n      color: #fff8e1;\n    }\n    \n    .amber.lighten-4 {\n      background-color: #ffecb3;\n    }\n    \n    .amber-text.text-lighten-4 {\n      color: #ffecb3;\n    }\n    \n    .amber.lighten-3 {\n      background-color: #ffe082;\n    }\n    \n    .amber-text.text-lighten-3 {\n      color: #ffe082;\n    }\n    \n    .amber.lighten-2 {\n      background-color: #ffd54f;\n    }\n    \n    .amber-text.text-lighten-2 {\n      color: #ffd54f;\n    }\n    \n    .amber.lighten-1 {\n      background-color: #ffca28;\n    }\n    \n    .amber-text.text-lighten-1 {\n      color: #ffca28;\n    }\n    \n    .amber.darken-1 {\n      background-color: #ffb300;\n    }\n    \n    .amber-text.text-darken-1 {\n      color: #ffb300;\n    }\n    \n    .amber.darken-2 {\n      background-color: #ffa000;\n    }\n    \n    .amber-text.text-darken-2 {\n      color: #ffa000;\n    }\n    \n    .amber.darken-3 {\n      background-color: #ff8f00;\n    }\n    \n    .amber-text.text-darken-3 {\n      color: #ff8f00;\n    }\n    \n    .amber.darken-4 {\n      background-color: #ff6f00;\n    }\n    \n    .amber-text.text-darken-4 {\n      color: #ff6f00;\n    }\n    \n    .amber.accent-1 {\n      background-color: #ffe57f;\n    }\n    \n    .amber-text.text-accent-1 {\n      color: #ffe57f;\n    }\n    \n    .amber.accent-2 {\n      background-color: #ffd740;\n    }\n    \n    .amber-text.text-accent-2 {\n      color: #ffd740;\n    }\n    \n    .amber.accent-3 {\n      background-color: #ffc400;\n    }\n    \n    .amber-text.text-accent-3 {\n      color: #ffc400;\n    }\n    \n    .amber.accent-4 {\n      background-color: #ffab00;\n    }\n    \n    .amber-text.text-accent-4 {\n      color: #ffab00;\n    }\n    \n    .orange {\n      background-color: #ff9800;\n    }\n    \n    .orange-text {\n      color: #ff9800;\n    }\n    \n    .orange.lighten-5 {\n      background-color: #fff3e0;\n    }\n    \n    .orange-text.text-lighten-5 {\n      color: #fff3e0;\n    }\n    \n    .orange.lighten-4 {\n      background-color: #ffe0b2;\n    }\n    \n    .orange-text.text-lighten-4 {\n      color: #ffe0b2;\n    }\n    \n    .orange.lighten-3 {\n      background-color: #ffcc80;\n    }\n    \n    .orange-text.text-lighten-3 {\n      color: #ffcc80;\n    }\n    \n    .orange.lighten-2 {\n      background-color: #ffb74d;\n    }\n    \n    .orange-text.text-lighten-2 {\n      color: #ffb74d;\n    }\n    \n    .orange.lighten-1 {\n      background-color: #ffa726;\n    }\n    \n    .orange-text.text-lighten-1 {\n      color: #ffa726;\n    }\n    \n    .orange.darken-1 {\n      background-color: #fb8c00;\n    }\n    \n    .orange-text.text-darken-1 {\n      color: #fb8c00;\n    }\n    \n    .orange.darken-2 {\n      background-color: #f57c00;\n    }\n    \n    .orange-text.text-darken-2 {\n      color: #f57c00;\n    }\n    \n    .orange.darken-3 {\n      background-color: #ef6c00;\n    }\n    \n    .orange-text.text-darken-3 {\n      color: #ef6c00;\n    }\n    \n    .orange.darken-4 {\n      background-color: #e65100;\n    }\n    \n    .orange-text.text-darken-4 {\n      color: #e65100;\n    }\n    \n    .orange.accent-1 {\n      background-color: #ffd180;\n    }\n    \n    .orange-text.text-accent-1 {\n      color: #ffd180;\n    }\n    \n    .orange.accent-2 {\n      background-color: #ffab40;\n    }\n    \n    .orange-text.text-accent-2 {\n      color: #ffab40;\n    }\n    \n    .orange.accent-3 {\n      background-color: #ff9100;\n    }\n    \n    .orange-text.text-accent-3 {\n      color: #ff9100;\n    }\n    \n    .orange.accent-4 {\n      background-color: #ff6d00;\n    }\n    \n    .orange-text.text-accent-4 {\n      color: #ff6d00;\n    }\n    \n    .deep-orange {\n      background-color: #ff5722;\n    }\n    \n    .deep-orange-text {\n      color: #ff5722;\n    }\n    \n    .deep-orange.lighten-5 {\n      background-color: #fbe9e7;\n    }\n    \n    .deep-orange-text.text-lighten-5 {\n      color: #fbe9e7;\n    }\n    \n    .deep-orange.lighten-4 {\n      background-color: #ffccbc;\n    }\n    \n    .deep-orange-text.text-lighten-4 {\n      color: #ffccbc;\n    }\n    \n    .deep-orange.lighten-3 {\n      background-color: #ffab91;\n    }\n    \n    .deep-orange-text.text-lighten-3 {\n      color: #ffab91;\n    }\n    \n    .deep-orange.lighten-2 {\n      background-color: #ff8a65;\n    }\n    \n    .deep-orange-text.text-lighten-2 {\n      color: #ff8a65;\n    }\n    \n    .deep-orange.lighten-1 {\n      background-color: #ff7043;\n    }\n    \n    .deep-orange-text.text-lighten-1 {\n      color: #ff7043;\n    }\n    \n    .deep-orange.darken-1 {\n      background-color: #f4511e;\n    }\n    \n    .deep-orange-text.text-darken-1 {\n      color: #f4511e;\n    }\n    \n    .deep-orange.darken-2 {\n      background-color: #e64a19;\n    }\n    \n    .deep-orange-text.text-darken-2 {\n      color: #e64a19;\n    }\n    \n    .deep-orange.darken-3 {\n      background-color: #d84315;\n    }\n    \n    .deep-orange-text.text-darken-3 {\n      color: #d84315;\n    }\n    \n    .deep-orange.darken-4 {\n      background-color: #bf360c;\n    }\n    \n    .deep-orange-text.text-darken-4 {\n      color: #bf360c;\n    }\n    \n    .deep-orange.accent-1 {\n      background-color: #ff9e80;\n    }\n    \n    .deep-orange-text.text-accent-1 {\n      color: #ff9e80;\n    }\n    \n    .deep-orange.accent-2 {\n      background-color: #ff6e40;\n    }\n    \n    .deep-orange-text.text-accent-2 {\n      color: #ff6e40;\n    }\n    \n    .deep-orange.accent-3 {\n      background-color: #ff3d00;\n    }\n    \n    .deep-orange-text.text-accent-3 {\n      color: #ff3d00;\n    }\n    \n    .deep-orange.accent-4 {\n      background-color: #dd2c00;\n    }\n    \n    .deep-orange-text.text-accent-4 {\n      color: #dd2c00;\n    }\n    \n    .brown {\n      background-color: #795548;\n    }\n    \n    .brown-text {\n      color: #795548;\n    }\n    \n    .brown.lighten-5 {\n      background-color: #efebe9;\n    }\n    \n    .brown-text.text-lighten-5 {\n      color: #efebe9;\n    }\n    \n    .brown.lighten-4 {\n      background-color: #d7ccc8;\n    }\n    \n    .brown-text.text-lighten-4 {\n      color: #d7ccc8;\n    }\n    \n    .brown.lighten-3 {\n      background-color: #bcaaa4;\n    }\n    \n    .brown-text.text-lighten-3 {\n      color: #bcaaa4;\n    }\n    \n    .brown.lighten-2 {\n      background-color: #a1887f;\n    }\n    \n    .brown-text.text-lighten-2 {\n      color: #a1887f;\n    }\n    \n    .brown.lighten-1 {\n      background-color: #8d6e63;\n    }\n    \n    .brown-text.text-lighten-1 {\n      color: #8d6e63;\n    }\n    \n    .brown.darken-1 {\n      background-color: #6d4c41;\n    }\n    \n    .brown-text.text-darken-1 {\n      color: #6d4c41;\n    }\n    \n    .brown.darken-2 {\n      background-color: #5d4037;\n    }\n    \n    .brown-text.text-darken-2 {\n      color: #5d4037;\n    }\n    \n    .brown.darken-3 {\n      background-color: #4e342e;\n    }\n    \n    .brown-text.text-darken-3 {\n      color: #4e342e;\n    }\n    \n    .brown.darken-4 {\n      background-color: #3e2723;\n    }\n    \n    .brown-text.text-darken-4 {\n      color: #3e2723;\n    }\n    \n    .blue-grey {\n      background-color: #607d8b;\n    }\n    \n    .blue-grey-text {\n      color: #607d8b;\n    }\n    \n    .blue-grey.lighten-5 {\n      background-color: #eceff1;\n    }\n    \n    .blue-grey-text.text-lighten-5 {\n      color: #eceff1;\n    }\n    \n    .blue-grey.lighten-4 {\n      background-color: #cfd8dc;\n    }\n    \n    .blue-grey-text.text-lighten-4 {\n      color: #cfd8dc;\n    }\n    \n    .blue-grey.lighten-3 {\n      background-color: #b0bec5;\n    }\n    \n    .blue-grey-text.text-lighten-3 {\n      color: #b0bec5;\n    }\n    \n    .blue-grey.lighten-2 {\n      background-color: #90a4ae;\n    }\n    \n    .blue-grey-text.text-lighten-2 {\n      color: #90a4ae;\n    }\n    \n    .blue-grey.lighten-1 {\n      background-color: #78909c;\n    }\n    \n    .blue-grey-text.text-lighten-1 {\n      color: #78909c;\n    }\n    \n    .blue-grey.darken-1 {\n      background-color: #546e7a;\n    }\n    \n    .blue-grey-text.text-darken-1 {\n      color: #546e7a;\n    }\n    \n    .blue-grey.darken-2 {\n      background-color: #455a64;\n    }\n    \n    .blue-grey-text.text-darken-2 {\n      color: #455a64;\n    }\n    \n    .blue-grey.darken-3 {\n      background-color: #37474f;\n    }\n    \n    .blue-grey-text.text-darken-3 {\n      color: #37474f;\n    }\n    \n    .blue-grey.darken-4 {\n      background-color: #263238;\n    }\n    \n    .blue-grey-text.text-darken-4 {\n      color: #263238;\n    }\n    \n    .grey {\n      background-color: #9e9e9e;\n    }\n    \n    .grey-text {\n      color: #9e9e9e;\n    }\n    \n    .grey.lighten-5 {\n      background-color: #fafafa;\n    }\n    \n    .grey-text.text-lighten-5 {\n      color: #fafafa;\n    }\n    \n    .grey.lighten-4 {\n      background-color: #f5f5f5;\n    }\n    \n    .grey-text.text-lighten-4 {\n      color: #f5f5f5;\n    }\n    \n    .grey.lighten-3 {\n      background-color: #eeeeee;\n    }\n    \n    .grey-text.text-lighten-3 {\n      color: #eeeeee;\n    }\n    \n    .grey.lighten-2 {\n      background-color: #e0e0e0;\n    }\n    \n    .grey-text.text-lighten-2 {\n      color: #e0e0e0;\n    }\n    \n    .grey.lighten-1 {\n      background-color: #bdbdbd;\n    }\n    \n    .grey-text.text-lighten-1 {\n      color: #bdbdbd;\n    }\n    \n    .grey.darken-1 {\n      background-color: #757575;\n    }\n    \n    .grey-text.text-darken-1 {\n      color: #757575;\n    }\n    \n    .grey.darken-2 {\n      background-color: #616161;\n    }\n    \n    .grey-text.text-darken-2 {\n      color: #616161;\n    }\n    \n    .grey.darken-3 {\n      background-color: #424242;\n    }\n    \n    .grey-text.text-darken-3 {\n      color: #424242;\n    }\n    \n    .grey.darken-4 {\n      background-color: #212121;\n    }\n    \n    .grey-text.text-darken-4 {\n      color: #212121;\n    }\n    \n    .black {\n      background-color: #000000;\n    }\n    \n    .black-text {\n      color: #000000;\n    }\n    \n    .white {\n      background-color: #FFFFFF;\n    }\n    \n    .white-text {\n      color: #FFFFFF;\n    }\n    \n    .transparent {\n      background-color: transparent;\n    }\n    \n    .transparent-text {\n      color: transparent;\n    }\n    \n    /* Materialize Outline classes */\n    .indigo-outline {\n      outline-color: #3f51b5;\n    }\n    .blue-outline {\n      outline-color: #2962ff;\n    }\n    .amber-outline {\n      outline-color: #ffab00;\n    }\n    .green-border {\n      outline-color: #4caf50;\n    }\n    .teal-outline {\n      outline-color: #00bfa5;\n    }\n    .yellow-outline {\n      outline-color: #ffd600;\n    }\n    .grey-outline {\n      outline-color: #212121;\n    }\n    .cyan-outline {\n      outline-color: #00b8d4;\n    }\n    .orange-outline {\n      outline-color: #ff6d00;\n    }\n    .red-outline {\n      outline-color: #d50000;\n    }\n    .deep-orange-outline {\n      outline-color: #dd2c00;\n    }\n    .lime-outline {\n      outline-color: #aeea00;\n    }\n    .pink-outline {\n      outline-color: #c51162;\n    }\n    .purple-outline {\n      outline-color: #aa00ff;\n    }\n    .light-green-outline {\n      outline-color: #64dd17;\n    }\n    .light-blue-outline {\n      outline-color: #01579b;\n    }\n    .white-outline {\n      outline-color: #ffffff;\n    }\n    \n    /* Materialize Border classes */\n    .indigo-border {\n      border-color: #3f51b5;\n    }\n    .blue-border {\n      border-color: #2196F3;\n    }\n    .amber-border {\n      border-color: #ffc107;\n    }\n    .green-border {\n      border-color: #4caf50;\n    }\n    .teal-border {\n      border-color: #009688;\n    }\n    .yellow-border {\n      border-color: #ffeb3b;\n    }\n    .grey-border {\n      border-color: #9e9e9e;\n    }\n    .cyan-border {\n      border-color: #00bcd4;\n    }\n    .orange-border {\n      border-color: #ff9800;\n    }\n    .red-border {\n      border-color: #f44336;\n    }\n    .deep-orange-border {\n      border-color: #ff5722;\n    }\n    .lime-border {\n      border-color: #cddc39;\n    }\n    .pink-border {\n      border-color: #e91e63;\n    }\n    .purple-border {\n      border-color: #9c27b0;\n    }\n    .light-green-border {\n      border-color: #8bc34a;\n    }\n    .light-blue-border {\n      border-color: #03a9f4;\n    }\n    .white-border {\n      border-color: #ffffff;\n    }\n    /* Materialize accessible text variants */\n    .accessible-indigo-text {\n      color: #1a237e;\n    }\n    .accessible-green-text {\n      color: #1b5e20;\n    }\n    .accessible-purple-text {\n      color: #581663;\n    }\n    .accessible-cyan-text {\n      color: #006064;\n    }\n    .accessible-blue-text {\n      color: #085390;\n    }\n    .accessible-deep-orange-text {\n      color: #a72700;\n    }\n    .accessible-red-text {\n      color: #a41309;\n    }\n    .accessible-amber-text {\n      color: #833900;\n    }\n    .accessible-teal-text {\n      color: #00554d;\n    }\n    .accessible-orange-text {\n      color: #653c00;\n    }\n    .accessible-yellow-text {\n      color: #463f00;\n    }\n    .accessible-lime-text {\n      color: #474d0e;\n    }\n    .accessible-light-blue-text {\n      color: #025277;\n    }\n    .accessible-light-green-text {\n      color: #3c571d;\n    }\n    .accessible-pink-text {\n      color: #9d0f3f;\n    }\n    .accessible-grey-text {\n      color: #212121;\n    }\n    </style>\n    </custom-style>\n  </template>\n</dom-module>";
   document.head.appendChild($_documentContainer);
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/md-block/md-block.js b/build/es5-amd/node_modules/@lrnwebcomponents/md-block/md-block.js
index f5c3ed04738..24eb15c6efa 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/md-block/md-block.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/md-block/md-block.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
   _exports.MdBlock = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ab6f02701f0511ed8cc3e9a95995ad69, _templateObject2_ab6f02701f0511ed8cc3e9a95995ad69, _templateObject3_ab6f02701f0511ed8cc3e9a95995ad69, _templateObject4_ab6f02701f0511ed8cc3e9a95995ad69;
+  var _templateObject_85bf52c01f2611eda0c389891c227ec8, _templateObject2_85bf52c01f2611eda0c389891c227ec8, _templateObject3_85bf52c01f2611eda0c389891c227ec8, _templateObject4_85bf52c01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -56,14 +56,14 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_ab6f02701f0511ed8cc3e9a95995ad69 || (_templateObject_ab6f02701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div>\n      ", "\n    </div>"])), this.markdown && this.source == "" ? (0, _index.html)(_templateObject2_ab6f02701f0511ed8cc3e9a95995ad69 || (_templateObject2_ab6f02701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <marked-element markdown=\"", "\">\n            <div slot=\"markdown-html\"></div>\n          </marked-element>"])), this.markdown) : (0, _index.html)(_templateObject3_ab6f02701f0511ed8cc3e9a95995ad69 || (_templateObject3_ab6f02701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <marked-element>\n            <div slot=\"markdown-html\"></div>\n            <script\n              type=\"text/markdown\"\n              .src=\"", "\"\n            ></script>\n          </marked-element>"])), this.source ? this.source : undefined));
+        return (0, _index.html)(_templateObject_85bf52c01f2611eda0c389891c227ec8 || (_templateObject_85bf52c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div>\n      ", "\n    </div>"])), this.markdown && this.source == "" ? (0, _index.html)(_templateObject2_85bf52c01f2611eda0c389891c227ec8 || (_templateObject2_85bf52c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <marked-element markdown=\"", "\">\n            <div slot=\"markdown-html\"></div>\n          </marked-element>"])), this.markdown) : (0, _index.html)(_templateObject3_85bf52c01f2611eda0c389891c227ec8 || (_templateObject3_85bf52c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <marked-element>\n            <div slot=\"markdown-html\"></div>\n            <script\n              type=\"text/markdown\"\n              .src=\"", "\"\n            ></script>\n          </marked-element>"])), this.source ? this.source : undefined));
       } // haxProperty definition
 
     }], [{
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject4_ab6f02701f0511ed8cc3e9a95995ad69 || (_templateObject4_ab6f02701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        img {\n          max-width: 100%;\n        }\n\n        h1 {\n          font-size: var(--hax-base-styles-h1-font-size);\n          line-height: var(--hax-base-styles-h1-line-height);\n        }\n\n        h2 {\n          font-size: var(--hax-base-styles-h2-font-size);\n        }\n\n        h3 {\n          font-size: var(--hax-base-styles-h3-font-size);\n        }\n\n        h4 {\n          font-size: var(--hax-base-styles-h4-font-size);\n        }\n\n        h5 {\n          font-size: var(--hax-base-styles-h5-font-size);\n        }\n\n        h6 {\n          font-size: var(--hax-base-styles-h6-font-size);\n        }\n\n        p {\n          min-height: var(--hax-base-styles-p-min-height);\n          font-size: var(--hax-base-styles-p-font-size);\n          line-height: var(--hax-base-styles-p-line-height);\n          letter-spacing: var(--hax-base-styles-p-letter-spacing);\n        }\n\n        a,\n        a:-webkit-any-link {\n          color: var(--hax-base-styles-a-color);\n          font-size: var(--hax-base-styles-a-font-size);\n          font-weight: var(--hax-base-styles-a-font-weight);\n        }\n\n        a:visited {\n          color: var(--hax-base-styles-a-color-visited);\n        }\n\n        a:active,\n        a:focus,\n        a:hover {\n          color: var(--hax-base-styles-a-color-active);\n          font-weight: var(--hax-base-styles-a-font-weight-active);\n        }\n\n        ol,\n        ul ol li,\n        ul li {\n          padding-bottom: var(--hax-base-styles-list-padding-bottom);\n          line-height: var(--hax-base-styles-list-line-height);\n          font-size: var(--hax-base-styles-list-font-size);\n          max-width: var(--hax-base-styles-list-max-width);\n        }\n\n        ol li:last-child,\n        ul li:last-child {\n          padding-bottom: var(--hax-base-styles-list-last-child-padding-bottom);\n        }\n\n        ul,\n        ol {\n          padding-left: var(--hax-base-styles-list-padding-left);\n          padding-left: var(--hax-base-styles-list-margin-left);\n        }\n\n        code {\n          padding: 0.2em 0.4em;\n          margin: 0;\n          font-size: 12px;\n          background-color: var(\n            --hax-base-styles-code-background-color,\n            rgba(175, 184, 193, 0.2)\n          );\n          border-radius: 6px;\n          font-family: var(\n            --hax-base-styles-code-font-family,\n            ui-monospace,\n            monospace\n          );\n        }\n\n        pre {\n          padding: 16px;\n          overflow: auto;\n          line-height: 1.45;\n          background-color: var(\n            --hax-base-styles-pre-background-color,\n            rgba(175, 184, 193, 0.2)\n          );\n          border-radius: 6px;\n          margin-bottom: 0;\n          word-break: normal;\n          word-wrap: normal;\n          margin-top: 0;\n          font-family: var(\n            --hax-base-styles-pre-font-family,\n            ui-monospace,\n            monospace\n          );\n          font-size: 12px;\n        }\n        pre code {\n          background-color: transparent;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_85bf52c01f2611eda0c389891c227ec8 || (_templateObject4_85bf52c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        img {\n          max-width: 100%;\n        }\n\n        h1 {\n          font-size: var(--hax-base-styles-h1-font-size);\n          line-height: var(--hax-base-styles-h1-line-height);\n        }\n\n        h2 {\n          font-size: var(--hax-base-styles-h2-font-size);\n        }\n\n        h3 {\n          font-size: var(--hax-base-styles-h3-font-size);\n        }\n\n        h4 {\n          font-size: var(--hax-base-styles-h4-font-size);\n        }\n\n        h5 {\n          font-size: var(--hax-base-styles-h5-font-size);\n        }\n\n        h6 {\n          font-size: var(--hax-base-styles-h6-font-size);\n        }\n\n        p {\n          min-height: var(--hax-base-styles-p-min-height);\n          font-size: var(--hax-base-styles-p-font-size);\n          line-height: var(--hax-base-styles-p-line-height);\n          letter-spacing: var(--hax-base-styles-p-letter-spacing);\n        }\n\n        a,\n        a:-webkit-any-link {\n          color: var(--hax-base-styles-a-color);\n          font-size: var(--hax-base-styles-a-font-size);\n          font-weight: var(--hax-base-styles-a-font-weight);\n        }\n\n        a:visited {\n          color: var(--hax-base-styles-a-color-visited);\n        }\n\n        a:active,\n        a:focus,\n        a:hover {\n          color: var(--hax-base-styles-a-color-active);\n          font-weight: var(--hax-base-styles-a-font-weight-active);\n        }\n\n        ol,\n        ul ol li,\n        ul li {\n          padding-bottom: var(--hax-base-styles-list-padding-bottom);\n          line-height: var(--hax-base-styles-list-line-height);\n          font-size: var(--hax-base-styles-list-font-size);\n          max-width: var(--hax-base-styles-list-max-width);\n        }\n\n        ol li:last-child,\n        ul li:last-child {\n          padding-bottom: var(--hax-base-styles-list-last-child-padding-bottom);\n        }\n\n        ul,\n        ol {\n          padding-left: var(--hax-base-styles-list-padding-left);\n          padding-left: var(--hax-base-styles-list-margin-left);\n        }\n\n        code {\n          padding: 0.2em 0.4em;\n          margin: 0;\n          font-size: 12px;\n          background-color: var(\n            --hax-base-styles-code-background-color,\n            rgba(175, 184, 193, 0.2)\n          );\n          border-radius: 6px;\n          font-family: var(\n            --hax-base-styles-code-font-family,\n            ui-monospace,\n            monospace\n          );\n        }\n\n        pre {\n          padding: 16px;\n          overflow: auto;\n          line-height: 1.45;\n          background-color: var(\n            --hax-base-styles-pre-background-color,\n            rgba(175, 184, 193, 0.2)\n          );\n          border-radius: 6px;\n          margin-bottom: 0;\n          word-break: normal;\n          word-wrap: normal;\n          margin-top: 0;\n          font-family: var(\n            --hax-base-styles-pre-font-family,\n            ui-monospace,\n            monospace\n          );\n          font-size: 12px;\n        }\n        pre code {\n          background-color: transparent;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/md-extra-icons/md-extra-icons.js b/build/es5-amd/node_modules/@lrnwebcomponents/md-extra-icons/md-extra-icons.js
index 7769b2511d9..535776e928f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/md-extra-icons/md-extra-icons.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/md-extra-icons/md-extra-icons.js
@@ -1,8 +1,8 @@
 define(["../../@polymer/iron-icon/iron-icon.js", "../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_ab6f77a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_85bfc7f01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_ab6f77a01f0511ed8cc3e9a95995ad69 || (_templateObject_ab6f77a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdextra\" size=\"24\">\n    <svg>\n      <defs>\n        <g id=\"superscript\">\n          <path\n            d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,9H16.97V8L17.86,7.18C18.62,6.54 19.18,6 19.56,5.55C19.93,5.11 20.12,4.7 20.13,4.32C20.14,4.04 20.05,3.8 19.86,3.62C19.68,3.43 19.39,3.34 19,3.33C18.69,3.34 18.42,3.4 18.16,3.5L17.5,3.89L17.05,2.72C17.32,2.5 17.64,2.33 18.03,2.19C18.42,2.05 18.85,2 19.32,2C20.1,2 20.7,2.2 21.1,2.61C21.5,3 21.72,3.54 21.72,4.18C21.71,4.74 21.53,5.26 21.18,5.73C20.84,6.21 20.42,6.66 19.91,7.09L19.27,7.61V7.63H21.85V9Z\"\n          ></path>\n        </g>\n        <g id=\"subscript\">\n          <path\n            d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,21.03H16.97V20.03L17.86,19.23C18.62,18.58 19.18,18.04 19.56,17.6C19.93,17.16 20.12,16.75 20.13,16.36C20.14,16.08 20.05,15.85 19.86,15.66C19.68,15.5 19.39,15.38 19,15.38C18.69,15.38 18.42,15.44 18.16,15.56L17.5,15.94L17.05,14.77C17.32,14.56 17.64,14.38 18.03,14.24C18.42,14.1 18.85,14 19.32,14C20.1,14.04 20.7,14.25 21.1,14.66C21.5,15.07 21.72,15.59 21.72,16.23C21.71,16.79 21.53,17.31 21.18,17.78C20.84,18.25 20.42,18.7 19.91,19.14L19.27,19.66V19.68H21.85V21.03Z\"\n          ></path>\n        </g>\n        <g id=\"hexagon\">\n          <path\n            d=\"M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5Z\"\n          ></path>\n        </g>\n        <g id=\"hexagon-multiple\">\n          <path\n            d=\"M10.25,2C10.44,2 10.61,2.11 10.69,2.26L12.91,6.22L13,6.5L12.91,6.78L10.69,10.74C10.61,10.89 10.44,11 10.25,11H5.75C5.56,11 5.39,10.89 5.31,10.74L3.09,6.78L3,6.5L3.09,6.22L5.31,2.26C5.39,2.11 5.56,2 5.75,2H10.25M10.25,13C10.44,13 10.61,13.11 10.69,13.26L12.91,17.22L13,17.5L12.91,17.78L10.69,21.74C10.61,21.89 10.44,22 10.25,22H5.75C5.56,22 5.39,21.89 5.31,21.74L3.09,17.78L3,17.5L3.09,17.22L5.31,13.26C5.39,13.11 5.56,13 5.75,13H10.25M19.5,7.5C19.69,7.5 19.86,7.61 19.94,7.76L22.16,11.72L22.25,12L22.16,12.28L19.94,16.24C19.86,16.39 19.69,16.5 19.5,16.5H15C14.81,16.5 14.64,16.39 14.56,16.24L12.34,12.28L12.25,12L12.34,11.72L14.56,7.76C14.64,7.61 14.81,7.5 15,7.5H19.5Z\"\n          ></path>\n        </g>\n        <g id=\"hexagon-outline\">\n          <path\n            d=\"M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z\"\n          ></path>\n        </g>\n        <g id=\"unlink\">\n          <path\n            d=\"M2,5.27L3.28,4L20,20.72L18.73,22L14.73,18H13V16.27L9.73,13H8V11.27L5.5,8.76C4.5,9.5 3.9,10.68 3.9,12C3.9,14.26 5.74,16.1 8,16.1H11V18H8A6,6 0 0,1 2,12C2,10.16 2.83,8.5 4.14,7.41L2,5.27M16,6A6,6 0 0,1 22,12C22,14.21 20.8,16.15 19,17.19L17.6,15.77C19.07,15.15 20.1,13.7 20.1,12C20.1,9.73 18.26,7.9 16,7.9H13V6H16M8,6H11V7.9H9.72L7.82,6H8M16,11V13H14.82L12.82,11H16Z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_85bfc7f01f2611eda0c389891c227ec8 || (_templateObject_85bfc7f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdextra\" size=\"24\">\n    <svg>\n      <defs>\n        <g id=\"superscript\">\n          <path\n            d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,9H16.97V8L17.86,7.18C18.62,6.54 19.18,6 19.56,5.55C19.93,5.11 20.12,4.7 20.13,4.32C20.14,4.04 20.05,3.8 19.86,3.62C19.68,3.43 19.39,3.34 19,3.33C18.69,3.34 18.42,3.4 18.16,3.5L17.5,3.89L17.05,2.72C17.32,2.5 17.64,2.33 18.03,2.19C18.42,2.05 18.85,2 19.32,2C20.1,2 20.7,2.2 21.1,2.61C21.5,3 21.72,3.54 21.72,4.18C21.71,4.74 21.53,5.26 21.18,5.73C20.84,6.21 20.42,6.66 19.91,7.09L19.27,7.61V7.63H21.85V9Z\"\n          ></path>\n        </g>\n        <g id=\"subscript\">\n          <path\n            d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,21.03H16.97V20.03L17.86,19.23C18.62,18.58 19.18,18.04 19.56,17.6C19.93,17.16 20.12,16.75 20.13,16.36C20.14,16.08 20.05,15.85 19.86,15.66C19.68,15.5 19.39,15.38 19,15.38C18.69,15.38 18.42,15.44 18.16,15.56L17.5,15.94L17.05,14.77C17.32,14.56 17.64,14.38 18.03,14.24C18.42,14.1 18.85,14 19.32,14C20.1,14.04 20.7,14.25 21.1,14.66C21.5,15.07 21.72,15.59 21.72,16.23C21.71,16.79 21.53,17.31 21.18,17.78C20.84,18.25 20.42,18.7 19.91,19.14L19.27,19.66V19.68H21.85V21.03Z\"\n          ></path>\n        </g>\n        <g id=\"hexagon\">\n          <path\n            d=\"M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5Z\"\n          ></path>\n        </g>\n        <g id=\"hexagon-multiple\">\n          <path\n            d=\"M10.25,2C10.44,2 10.61,2.11 10.69,2.26L12.91,6.22L13,6.5L12.91,6.78L10.69,10.74C10.61,10.89 10.44,11 10.25,11H5.75C5.56,11 5.39,10.89 5.31,10.74L3.09,6.78L3,6.5L3.09,6.22L5.31,2.26C5.39,2.11 5.56,2 5.75,2H10.25M10.25,13C10.44,13 10.61,13.11 10.69,13.26L12.91,17.22L13,17.5L12.91,17.78L10.69,21.74C10.61,21.89 10.44,22 10.25,22H5.75C5.56,22 5.39,21.89 5.31,21.74L3.09,17.78L3,17.5L3.09,17.22L5.31,13.26C5.39,13.11 5.56,13 5.75,13H10.25M19.5,7.5C19.69,7.5 19.86,7.61 19.94,7.76L22.16,11.72L22.25,12L22.16,12.28L19.94,16.24C19.86,16.39 19.69,16.5 19.5,16.5H15C14.81,16.5 14.64,16.39 14.56,16.24L12.34,12.28L12.25,12L12.34,11.72L14.56,7.76C14.64,7.61 14.81,7.5 15,7.5H19.5Z\"\n          ></path>\n        </g>\n        <g id=\"hexagon-outline\">\n          <path\n            d=\"M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z\"\n          ></path>\n        </g>\n        <g id=\"unlink\">\n          <path\n            d=\"M2,5.27L3.28,4L20,20.72L18.73,22L14.73,18H13V16.27L9.73,13H8V11.27L5.5,8.76C4.5,9.5 3.9,10.68 3.9,12C3.9,14.26 5.74,16.1 8,16.1H11V18H8A6,6 0 0,1 2,12C2,10.16 2.83,8.5 4.14,7.41L2,5.27M16,6A6,6 0 0,1 22,12C22,14.21 20.8,16.15 19,17.19L17.6,15.77C19.07,15.15 20.1,13.7 20.1,12C20.1,9.73 18.26,7.9 16,7.9H13V6H16M8,6H11V7.9H9.72L7.82,6H8M16,11V13H14.82L12.82,11H16Z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-account-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-account-iconset-svg.js
index 3eec6464510..b2fc94de841 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-account-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-account-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0cb70c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b1e2201f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0cb70c01f0511ed8cc3e9a95995ad69 || (_templateObject_e0cb70c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-account\" size=\"24\">\n    <svg>\n      <g id=\"account\">\n        <path\n          d=\"M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-alert\">\n        <path\n          d=\"M10,4A4,4 0 0,1 14,8A4,4 0 0,1 10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,14C14.42,14 18,15.79 18,18V20H2V18C2,15.79 5.58,14 10,14M20,12V7H22V12H20M20,16V14H22V16H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-box\">\n        <path\n          d=\"M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6M15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6A3,3 0 0,1 15,9M3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5C3.89,3 3,3.9 3,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-box-outline\">\n        <path\n          d=\"M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M16.5,16.25C16.5,14.75 13.5,14 12,14C10.5,14 7.5,14.75 7.5,16.25V17H16.5M12,12.25A2.25,2.25 0 0,0 14.25,10A2.25,2.25 0 0,0 12,7.75A2.25,2.25 0 0,0 9.75,10A2.25,2.25 0 0,0 12,12.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-check\">\n        <path\n          d=\"M9,5A3.5,3.5 0 0,1 12.5,8.5A3.5,3.5 0 0,1 9,12A3.5,3.5 0 0,1 5.5,8.5A3.5,3.5 0 0,1 9,5M9,13.75C12.87,13.75 16,15.32 16,17.25V19H2V17.25C2,15.32 5.13,13.75 9,13.75M17,12.66L14.25,9.66L15.41,8.5L17,10.09L20.59,6.5L21.75,7.91L17,12.66Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-circle\">\n        <path\n          d=\"M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-key\">\n        <path\n          d=\"M11,10V12H10V14H8V12H5.83C5.42,13.17 4.31,14 3,14A3,3 0 0,1 0,11A3,3 0 0,1 3,8C4.31,8 5.42,8.83 5.83,10H11M3,10A1,1 0 0,0 2,11A1,1 0 0,0 3,12A1,1 0 0,0 4,11A1,1 0 0,0 3,10M16,14C18.67,14 24,15.34 24,18V20H8V18C8,15.34 13.33,14 16,14M16,12A4,4 0 0,1 12,8A4,4 0 0,1 16,4A4,4 0 0,1 20,8A4,4 0 0,1 16,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-location\">\n        <path\n          d=\"M18,16H6V15.1C6,13.1 10,12 12,12C14,12 18,13.1 18,15.1M12,5.3C13.5,5.3 14.7,6.5 14.7,8C14.7,9.5 13.5,10.7 12,10.7C10.5,10.7 9.3,9.5 9.3,8C9.3,6.5 10.5,5.3 12,5.3M19,2H5C3.89,2 3,2.89 3,4V18A2,2 0 0,0 5,20H9L12,23L15,20H19A2,2 0 0,0 21,18V4C21,2.89 20.1,2 19,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-minus\">\n        <path\n          d=\"M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M1,10V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-multiple\">\n        <path\n          d=\"M16,13C15.71,13 15.38,13 15.03,13.05C16.19,13.89 17,15 17,16.5V19H23V16.5C23,14.17 18.33,13 16,13M8,13C5.67,13 1,14.17 1,16.5V19H15V16.5C15,14.17 10.33,13 8,13M8,11A3,3 0 0,0 11,8A3,3 0 0,0 8,5A3,3 0 0,0 5,8A3,3 0 0,0 8,11M16,11A3,3 0 0,0 19,8A3,3 0 0,0 16,5A3,3 0 0,0 13,8A3,3 0 0,0 16,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-mutiple-outline\">\n        <path\n          d=\"M16.5,6.5A2,2 0 0,1 18.5,8.5A2,2 0 0,1 16.5,10.5A2,2 0 0,1 14.5,8.5A2,2 0 0,1 16.5,6.5M16.5,12A3.5,3.5 0 0,0 20,8.5A3.5,3.5 0 0,0 16.5,5A3.5,3.5 0 0,0 13,8.5A3.5,3.5 0 0,0 16.5,12M7.5,6.5A2,2 0 0,1 9.5,8.5A2,2 0 0,1 7.5,10.5A2,2 0 0,1 5.5,8.5A2,2 0 0,1 7.5,6.5M7.5,12A3.5,3.5 0 0,0 11,8.5A3.5,3.5 0 0,0 7.5,5A3.5,3.5 0 0,0 4,8.5A3.5,3.5 0 0,0 7.5,12M21.5,17.5H14V16.25C14,15.79 13.8,15.39 13.5,15.03C14.36,14.73 15.44,14.5 16.5,14.5C18.94,14.5 21.5,15.71 21.5,16.25M12.5,17.5H2.5V16.25C2.5,15.71 5.06,14.5 7.5,14.5C9.94,14.5 12.5,15.71 12.5,16.25M16.5,13C15.3,13 13.43,13.34 12,14C10.57,13.33 8.7,13 7.5,13C5.33,13 1,14.08 1,16.25V19H23V16.25C23,14.08 18.67,13 16.5,13Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-mutiple-plus\">\n        <path\n          d=\"M13,13C11,13 7,14 7,16V18H19V16C19,14 15,13 13,13M19.62,13.16C20.45,13.88 21,14.82 21,16V18H24V16C24,14.46 21.63,13.5 19.62,13.16M13,11A3,3 0 0,0 16,8A3,3 0 0,0 13,5A3,3 0 0,0 10,8A3,3 0 0,0 13,11M18,11A3,3 0 0,0 21,8A3,3 0 0,0 18,5C17.68,5 17.37,5.05 17.08,5.14C17.65,5.95 18,6.94 18,8C18,9.06 17.65,10.04 17.08,10.85C17.37,10.95 17.68,11 18,11M8,10H5V7H3V10H0V12H3V15H5V12H8V10Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-network\">\n        <path\n          d=\"M13,16V18H14A1,1 0 0,1 15,19H22V21H15A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21H2V19H9A1,1 0 0,1 10,18H11V16H5V14.5C5,12.57 8.13,11 12,11C15.87,11 19,12.57 19,14.5V16H13M12,2A3.5,3.5 0 0,1 15.5,5.5A3.5,3.5 0 0,1 12,9A3.5,3.5 0 0,1 8.5,5.5A3.5,3.5 0 0,1 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-outline\">\n        <path\n          d=\"M12,13C9.33,13 4,14.33 4,17V20H20V17C20,14.33 14.67,13 12,13M12,4A4,4 0 0,0 8,8A4,4 0 0,0 12,12A4,4 0 0,0 16,8A4,4 0 0,0 12,4M12,14.9C14.97,14.9 18.1,16.36 18.1,17V18.1H5.9V17C5.9,16.36 9,14.9 12,14.9M12,5.9A2.1,2.1 0 0,1 14.1,8A2.1,2.1 0 0,1 12,10.1A2.1,2.1 0 0,1 9.9,8A2.1,2.1 0 0,1 12,5.9Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-plus\">\n        <path\n          d=\"M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-remove\">\n        <path\n          d=\"M15,14C17.67,14 23,15.33 23,18V20H7V18C7,15.33 12.33,14 15,14M15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12M5,9.59L7.12,7.46L8.54,8.88L6.41,11L8.54,13.12L7.12,14.54L5,12.41L2.88,14.54L1.46,13.12L3.59,11L1.46,8.88L2.88,7.46L5,9.59Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-search\">\n        <path\n          d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.43,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.43C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,14C11.11,14 12.5,13.15 13.32,11.88C12.5,10.75 11.11,10 9.5,10C7.89,10 6.5,10.75 5.68,11.88C6.5,13.15 7.89,14 9.5,14M9.5,5A1.75,1.75 0 0,0 7.75,6.75A1.75,1.75 0 0,0 9.5,8.5A1.75,1.75 0 0,0 11.25,6.75A1.75,1.75 0 0,0 9.5,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-star\">\n        <path\n          d=\"M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12M5,13.28L7.45,14.77L6.8,11.96L9,10.08L6.11,9.83L5,7.19L3.87,9.83L1,10.08L3.18,11.96L2.5,14.77L5,13.28Z\"\n        ></path>\n      </g>\n\n      <g id=\"clipboard-account\">\n        <path\n          d=\"M18,19H6V17.6C6,15.6 10,14.5 12,14.5C14,14.5 18,15.6 18,17.6M12,7A3,3 0 0,1 15,10A3,3 0 0,1 12,13A3,3 0 0,1 9,10A3,3 0 0,1 12,7M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"orbit\">\n        <path\n          d=\"M8.11,1.75C9.3,1.25 10.62,1 12,1C18.08,1 23,5.92 23,12C23,18.08 18.08,23 12,23C5.92,23 1,18.08 1,12C1,10.62 1.25,9.3 1.72,8.08C2.24,8.61 2.83,8.96 3.45,9.18C3.16,10.07 3,11 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3C11,3 10.07,3.16 9.18,3.45C8.96,2.83 8.61,2.24 8.11,1.75M4.93,2.93C6.03,2.93 6.93,3.82 6.93,4.93A2,2 0 0,1 4.93,6.93C3.82,6.93 2.93,6.03 2.93,4.93C2.93,3.82 3.82,2.93 4.93,2.93M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b1e2201f2611eda0c389891c227ec8 || (_templateObject_b7b1e2201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-account\" size=\"24\">\n    <svg>\n      <g id=\"account\">\n        <path\n          d=\"M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-alert\">\n        <path\n          d=\"M10,4A4,4 0 0,1 14,8A4,4 0 0,1 10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,14C14.42,14 18,15.79 18,18V20H2V18C2,15.79 5.58,14 10,14M20,12V7H22V12H20M20,16V14H22V16H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-box\">\n        <path\n          d=\"M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6M15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6A3,3 0 0,1 15,9M3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5C3.89,3 3,3.9 3,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-box-outline\">\n        <path\n          d=\"M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M16.5,16.25C16.5,14.75 13.5,14 12,14C10.5,14 7.5,14.75 7.5,16.25V17H16.5M12,12.25A2.25,2.25 0 0,0 14.25,10A2.25,2.25 0 0,0 12,7.75A2.25,2.25 0 0,0 9.75,10A2.25,2.25 0 0,0 12,12.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-check\">\n        <path\n          d=\"M9,5A3.5,3.5 0 0,1 12.5,8.5A3.5,3.5 0 0,1 9,12A3.5,3.5 0 0,1 5.5,8.5A3.5,3.5 0 0,1 9,5M9,13.75C12.87,13.75 16,15.32 16,17.25V19H2V17.25C2,15.32 5.13,13.75 9,13.75M17,12.66L14.25,9.66L15.41,8.5L17,10.09L20.59,6.5L21.75,7.91L17,12.66Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-circle\">\n        <path\n          d=\"M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-key\">\n        <path\n          d=\"M11,10V12H10V14H8V12H5.83C5.42,13.17 4.31,14 3,14A3,3 0 0,1 0,11A3,3 0 0,1 3,8C4.31,8 5.42,8.83 5.83,10H11M3,10A1,1 0 0,0 2,11A1,1 0 0,0 3,12A1,1 0 0,0 4,11A1,1 0 0,0 3,10M16,14C18.67,14 24,15.34 24,18V20H8V18C8,15.34 13.33,14 16,14M16,12A4,4 0 0,1 12,8A4,4 0 0,1 16,4A4,4 0 0,1 20,8A4,4 0 0,1 16,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-location\">\n        <path\n          d=\"M18,16H6V15.1C6,13.1 10,12 12,12C14,12 18,13.1 18,15.1M12,5.3C13.5,5.3 14.7,6.5 14.7,8C14.7,9.5 13.5,10.7 12,10.7C10.5,10.7 9.3,9.5 9.3,8C9.3,6.5 10.5,5.3 12,5.3M19,2H5C3.89,2 3,2.89 3,4V18A2,2 0 0,0 5,20H9L12,23L15,20H19A2,2 0 0,0 21,18V4C21,2.89 20.1,2 19,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-minus\">\n        <path\n          d=\"M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M1,10V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-multiple\">\n        <path\n          d=\"M16,13C15.71,13 15.38,13 15.03,13.05C16.19,13.89 17,15 17,16.5V19H23V16.5C23,14.17 18.33,13 16,13M8,13C5.67,13 1,14.17 1,16.5V19H15V16.5C15,14.17 10.33,13 8,13M8,11A3,3 0 0,0 11,8A3,3 0 0,0 8,5A3,3 0 0,0 5,8A3,3 0 0,0 8,11M16,11A3,3 0 0,0 19,8A3,3 0 0,0 16,5A3,3 0 0,0 13,8A3,3 0 0,0 16,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-mutiple-outline\">\n        <path\n          d=\"M16.5,6.5A2,2 0 0,1 18.5,8.5A2,2 0 0,1 16.5,10.5A2,2 0 0,1 14.5,8.5A2,2 0 0,1 16.5,6.5M16.5,12A3.5,3.5 0 0,0 20,8.5A3.5,3.5 0 0,0 16.5,5A3.5,3.5 0 0,0 13,8.5A3.5,3.5 0 0,0 16.5,12M7.5,6.5A2,2 0 0,1 9.5,8.5A2,2 0 0,1 7.5,10.5A2,2 0 0,1 5.5,8.5A2,2 0 0,1 7.5,6.5M7.5,12A3.5,3.5 0 0,0 11,8.5A3.5,3.5 0 0,0 7.5,5A3.5,3.5 0 0,0 4,8.5A3.5,3.5 0 0,0 7.5,12M21.5,17.5H14V16.25C14,15.79 13.8,15.39 13.5,15.03C14.36,14.73 15.44,14.5 16.5,14.5C18.94,14.5 21.5,15.71 21.5,16.25M12.5,17.5H2.5V16.25C2.5,15.71 5.06,14.5 7.5,14.5C9.94,14.5 12.5,15.71 12.5,16.25M16.5,13C15.3,13 13.43,13.34 12,14C10.57,13.33 8.7,13 7.5,13C5.33,13 1,14.08 1,16.25V19H23V16.25C23,14.08 18.67,13 16.5,13Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-mutiple-plus\">\n        <path\n          d=\"M13,13C11,13 7,14 7,16V18H19V16C19,14 15,13 13,13M19.62,13.16C20.45,13.88 21,14.82 21,16V18H24V16C24,14.46 21.63,13.5 19.62,13.16M13,11A3,3 0 0,0 16,8A3,3 0 0,0 13,5A3,3 0 0,0 10,8A3,3 0 0,0 13,11M18,11A3,3 0 0,0 21,8A3,3 0 0,0 18,5C17.68,5 17.37,5.05 17.08,5.14C17.65,5.95 18,6.94 18,8C18,9.06 17.65,10.04 17.08,10.85C17.37,10.95 17.68,11 18,11M8,10H5V7H3V10H0V12H3V15H5V12H8V10Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-network\">\n        <path\n          d=\"M13,16V18H14A1,1 0 0,1 15,19H22V21H15A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21H2V19H9A1,1 0 0,1 10,18H11V16H5V14.5C5,12.57 8.13,11 12,11C15.87,11 19,12.57 19,14.5V16H13M12,2A3.5,3.5 0 0,1 15.5,5.5A3.5,3.5 0 0,1 12,9A3.5,3.5 0 0,1 8.5,5.5A3.5,3.5 0 0,1 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-outline\">\n        <path\n          d=\"M12,13C9.33,13 4,14.33 4,17V20H20V17C20,14.33 14.67,13 12,13M12,4A4,4 0 0,0 8,8A4,4 0 0,0 12,12A4,4 0 0,0 16,8A4,4 0 0,0 12,4M12,14.9C14.97,14.9 18.1,16.36 18.1,17V18.1H5.9V17C5.9,16.36 9,14.9 12,14.9M12,5.9A2.1,2.1 0 0,1 14.1,8A2.1,2.1 0 0,1 12,10.1A2.1,2.1 0 0,1 9.9,8A2.1,2.1 0 0,1 12,5.9Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-plus\">\n        <path\n          d=\"M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-remove\">\n        <path\n          d=\"M15,14C17.67,14 23,15.33 23,18V20H7V18C7,15.33 12.33,14 15,14M15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12M5,9.59L7.12,7.46L8.54,8.88L6.41,11L8.54,13.12L7.12,14.54L5,12.41L2.88,14.54L1.46,13.12L3.59,11L1.46,8.88L2.88,7.46L5,9.59Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-search\">\n        <path\n          d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.43,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.43C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,14C11.11,14 12.5,13.15 13.32,11.88C12.5,10.75 11.11,10 9.5,10C7.89,10 6.5,10.75 5.68,11.88C6.5,13.15 7.89,14 9.5,14M9.5,5A1.75,1.75 0 0,0 7.75,6.75A1.75,1.75 0 0,0 9.5,8.5A1.75,1.75 0 0,0 11.25,6.75A1.75,1.75 0 0,0 9.5,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-star\">\n        <path\n          d=\"M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12M5,13.28L7.45,14.77L6.8,11.96L9,10.08L6.11,9.83L5,7.19L3.87,9.83L1,10.08L3.18,11.96L2.5,14.77L5,13.28Z\"\n        ></path>\n      </g>\n\n      <g id=\"clipboard-account\">\n        <path\n          d=\"M18,19H6V17.6C6,15.6 10,14.5 12,14.5C14,14.5 18,15.6 18,17.6M12,7A3,3 0 0,1 15,10A3,3 0 0,1 12,13A3,3 0 0,1 9,10A3,3 0 0,1 12,7M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"orbit\">\n        <path\n          d=\"M8.11,1.75C9.3,1.25 10.62,1 12,1C18.08,1 23,5.92 23,12C23,18.08 18.08,23 12,23C5.92,23 1,18.08 1,12C1,10.62 1.25,9.3 1.72,8.08C2.24,8.61 2.83,8.96 3.45,9.18C3.16,10.07 3,11 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3C11,3 10.07,3.16 9.18,3.45C8.96,2.83 8.61,2.24 8.11,1.75M4.93,2.93C6.03,2.93 6.93,3.82 6.93,4.93A2,2 0 0,1 4.93,6.93C3.82,6.93 2.93,6.03 2.93,4.93C2.93,3.82 3.82,2.93 4.93,2.93M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-action-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-action-iconset-svg.js
index 6e4242bae13..41cd7c47382 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-action-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-action-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0cc0d001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b27e601f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0cc0d001f0511ed8cc3e9a95995ad69 || (_templateObject_e0cc0d001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-action\" size=\"24\">\n    <svg>\n      <g id=\"airplane\">\n        <path\n          d=\"M21,16V14L13,9V3.5A1.5,1.5 0 0,0 11.5,2A1.5,1.5 0 0,0 10,3.5V9L2,14V16L10,13.5V19L8,20.5V22L11.5,21L15,22V20.5L13,19V13.5L21,16Z\"\n        ></path>\n      </g>\n\n      <g id=\"airplane-off\">\n        <path\n          d=\"M3.15,5.27L8.13,10.26L2.15,14V16L10.15,13.5V19L8.15,20.5V22L11.65,21L15.15,22V20.5L13.15,19V15.27L18.87,21L20.15,19.73L4.42,4M13.15,9V3.5A1.5,1.5 0 0,0 11.65,2A1.5,1.5 0 0,0 10.15,3.5V7.18L17.97,15L21.15,16V14L13.15,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrange-bring-forward\">\n        <path d=\"M2,2H16V16H2V2M22,8V22H8V18H10V20H20V10H18V8H22Z\"></path>\n      </g>\n\n      <g id=\"arrange-bring-to-front\">\n        <path\n          d=\"M2,2H11V6H9V4H4V9H6V11H2V2M22,13V22H13V18H15V20H20V15H18V13H22M8,8H16V16H8V8Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrange-send-backward\">\n        <path d=\"M2,2H16V16H2V2M22,8V22H8V18H18V8H22M4,4V14H14V4H4Z\"></path>\n      </g>\n\n      <g id=\"arrange-send-to-back\">\n        <path\n          d=\"M2,2H11V11H2V2M9,4H4V9H9V4M22,13V22H13V13H22M15,20H20V15H15V20M16,8V11H13V8H16M11,16H8V13H11V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down\">\n        <path\n          d=\"M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left\">\n        <path\n          d=\"M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right\">\n        <path\n          d=\"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up\">\n        <path\n          d=\"M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z\"\n        ></path>\n      </g>\n\n      <g id=\"bookmark\">\n        <path\n          d=\"M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"bookmark-outline\">\n        <path\n          d=\"M17,18L12,15.82L7,18V5H17M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-all\">\n        <path\n          d=\"M19,11H13V5H19M19,19H13V13H19M11,11H5V5H11M11,19H5V13H11M3,21H21V3H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-bottom\">\n        <path\n          d=\"M5,15H3V17H5M3,21H21V19H3M5,11H3V13H5M19,9H21V7H19M19,5H21V3H19M5,7H3V9H5M19,17H21V15H19M19,13H21V11H19M17,3H15V5H17M13,3H11V5H13M17,11H15V13H17M13,7H11V9H13M5,3H3V5H5M13,11H11V13H13M9,3H7V5H9M13,15H11V17H13M9,11H7V13H9V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-color\">\n        <path\n          d=\"M20.71,4.04C21.1,3.65 21.1,3 20.71,2.63L18.37,0.29C18,-0.1 17.35,-0.1 16.96,0.29L15,2.25L18.75,6M17.75,7L14,3.25L4,13.25V17H7.75L17.75,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-horizontal\">\n        <path\n          d=\"M19,21H21V19H19M15,21H17V19H15M11,17H13V15H11M19,9H21V7H19M19,5H21V3H19M3,13H21V11H3M11,21H13V19H11M19,17H21V15H19M13,3H11V5H13M13,7H11V9H13M17,3H15V5H17M9,3H7V5H9M5,3H3V5H5M7,21H9V19H7M3,17H5V15H3M5,7H3V9H5M3,21H5V19H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-inside\">\n        <path\n          d=\"M19,17H21V15H19M19,21H21V19H19M13,3H11V11H3V13H11V21H13V13H21V11H13M15,21H17V19H15M19,5H21V3H19M19,9H21V7H19M17,3H15V5H17M5,3H3V5H5M9,3H7V5H9M3,17H5V15H3M5,7H3V9H5M7,21H9V19H7M3,21H5V19H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-left\">\n        <path\n          d=\"M15,5H17V3H15M15,13H17V11H15M19,21H21V19H19M19,13H21V11H19M19,5H21V3H19M19,17H21V15H19M15,21H17V19H15M19,9H21V7H19M3,21H5V3H3M7,13H9V11H7M7,5H9V3H7M7,21H9V19H7M11,13H13V11H11M11,9H13V7H11M11,5H13V3H11M11,17H13V15H11M11,21H13V19H11V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-none\">\n        <path\n          d=\"M15,5H17V3H15M15,13H17V11H15M15,21H17V19H15M11,5H13V3H11M19,5H21V3H19M11,9H13V7H11M19,9H21V7H19M19,21H21V19H19M19,13H21V11H19M19,17H21V15H19M11,13H13V11H11M3,5H5V3H3M3,9H5V7H3M3,13H5V11H3M3,17H5V15H3M3,21H5V19H3M11,21H13V19H11M11,17H13V15H11M7,21H9V19H7M7,13H9V11H7M7,5H9V3H7V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-outside\">\n        <path\n          d=\"M9,11H7V13H9M13,15H11V17H13M19,19H5V5H19M3,21H21V3H3M17,11H15V13H17M13,11H11V13H13M13,7H11V9H13V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-right\">\n        <path\n          d=\"M11,9H13V7H11M11,5H13V3H11M11,13H13V11H11M15,5H17V3H15M15,21H17V19H15M19,21H21V3H19M15,13H17V11H15M11,17H13V15H11M3,9H5V7H3M3,17H5V15H3M3,13H5V11H3M11,21H13V19H11M3,21H5V19H3M7,13H9V11H7M7,5H9V3H7M3,5H5V3H3M7,21H9V19H7V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-top\">\n        <path\n          d=\"M15,13H17V11H15M19,21H21V19H19M11,9H13V7H11M15,21H17V19H15M19,17H21V15H19M3,5H21V3H3M19,13H21V11H19M19,9H21V7H19M11,17H13V15H11M3,9H5V7H3M3,13H5V11H3M3,21H5V19H3M3,17H5V15H3M11,21H13V19H11M11,13H13V11H11M7,13H9V11H7M7,21H9V19H7V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-vertical\">\n        <path\n          d=\"M15,13H17V11H15M15,21H17V19H15M15,5H17V3H15M19,9H21V7H19M19,5H21V3H19M19,13H21V11H19M19,21H21V19H19M11,21H13V3H11M19,17H21V15H19M7,5H9V3H7M3,17H5V15H3M3,21H5V19H3M3,13H5V11H3M7,13H9V11H7M7,21H9V19H7M3,5H5V3H3M3,9H5V7H3V9Z\"\n        ></path>\n      </g>\n\n      <g id=\"briefcase\">\n        <path\n          d=\"M14,6H10V4H14M20,6H16V4L14,2H10L8,4V6H4C2.89,6 2,6.89 2,8V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder\">\n        <path\n          d=\"M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box\">\n        <path\n          d=\"M18,16L14,12.8V16H6V8H14V11.2L18,8M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box-off\">\n        <path\n          d=\"M6,8H6.73L14,15.27V16H6M2.27,1L1,2.27L3,4.28C2.41,4.62 2,5.26 2,6V18A2,2 0 0,0 4,20H18.73L20.73,22L22,20.73M20,4H7.82L11.82,8H14V10.18L14.57,10.75L18,8V14.18L22,18.17C22,18.11 22,18.06 22,18V6A2,2 0 0,0 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-off\">\n        <path\n          d=\"M3.27,2L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.2,18 16.39,17.92 16.54,17.82L19.73,21L21,19.73M21,6.5L17,10.5V7A1,1 0 0,0 16,6H9.82L21,17.18V6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"check\">\n        <path\n          d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"check-all\">\n        <path\n          d=\"M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"closed-caption\">\n        <path\n          d=\"M18,11H16.5V10.5H14.5V13.5H16.5V13H18V14A1,1 0 0,1 17,15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,11H9.5V10.5H7.5V13.5H9.5V13H11V14A1,1 0 0,1 10,15H7A1,1 0 0,1 6,14V10A1,1 0 0,1 7,9H10A1,1 0 0,1 11,10M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"compass\">\n        <path\n          d=\"M14.19,14.19L6,18L9.81,9.81L18,6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,10.9A1.1,1.1 0 0,0 10.9,12A1.1,1.1 0 0,0 12,13.1A1.1,1.1 0 0,0 13.1,12A1.1,1.1 0 0,0 12,10.9Z\"\n        ></path>\n      </g>\n\n      <g id=\"credit-card\">\n        <path\n          d=\"M20,8H4V6H20M20,18H4V12H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"download\">\n        <path d=\"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z\"></path>\n      </g>\n\n      <g id=\"exit-to-app\">\n        <path\n          d=\"M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z\"\n        ></path>\n      </g>\n\n      <g id=\"eye\">\n        <path\n          d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"eye-off\">\n        <path\n          d=\"M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"fast-forward\">\n        <path d=\"M13,6V18L21.5,12M4,18L12.5,12L4,6V18Z\"></path>\n      </g>\n\n      <g id=\"film\">\n        <path\n          d=\"M3.5,3H5V1.8C5,1.36 5.36,1 5.8,1H10.2C10.64,1 11,1.36 11,1.8V3H12.5A1.5,1.5 0 0,1 14,4.5V5H22V20H14V20.5A1.5,1.5 0 0,1 12.5,22H3.5A1.5,1.5 0 0,1 2,20.5V4.5A1.5,1.5 0 0,1 3.5,3M18,7V9H20V7H18M14,7V9H16V7H14M10,7V9H12V7H10M14,16V18H16V16H14M18,16V18H20V16H18M10,16V18H12V16H10Z\"\n        ></path>\n      </g>\n\n      <g id=\"filmstrip\">\n        <path\n          d=\"M18,9H16V7H18M18,13H16V11H18M18,17H16V15H18M8,9H6V7H8M8,13H6V11H8M8,17H6V15H8M18,3V5H16V3H8V5H6V3H4V21H6V19H8V21H16V19H18V21H20V3H18Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter\">\n        <path\n          d=\"M3,2H21V2H21V4H20.92L14,10.92V22.91L10,18.91V10.91L3.09,4H3V2Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-outline\">\n        <path\n          d=\"M3,2H21V2H21V4H20.92L15,9.92V22.91L9,16.91V9.91L3.09,4H3V2M11,16.08L13,18.08V9H13.09L18.09,4H5.92L10.92,9H11V16.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-remove\">\n        <path\n          d=\"M14.76,20.83L17.6,18L14.76,15.17L16.17,13.76L19,16.57L21.83,13.76L23.24,15.17L20.43,18L23.24,20.83L21.83,22.24L19,19.4L16.17,22.24L14.76,20.83M2,2H20V2H20V4H19.92L13,10.92V22.91L9,18.91V10.91L2.09,4H2V2Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-remove-outline\">\n        <path\n          d=\"M14.73,20.83L17.58,18L14.73,15.17L16.15,13.76L19,16.57L21.8,13.76L23.22,15.17L20.41,18L23.22,20.83L21.8,22.24L19,19.4L16.15,22.24L14.73,20.83M2,2H20V2H20V4H19.92L14,9.92V22.91L8,16.91V9.91L2.09,4H2V2M10,16.08L12,18.08V9H12.09L17.09,4H4.92L9.92,9H10V16.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"flip-to-back\">\n        <path\n          d=\"M15,17H17V15H15M15,5H17V3H15M5,7H3V19A2,2 0 0,0 5,21H17V19H5M19,17A2,2 0 0,0 21,15H19M19,9H21V7H19M19,13H21V11H19M9,17V15H7A2,2 0 0,0 9,17M13,3H11V5H13M19,3V5H21C21,3.89 20.1,3 19,3M13,15H11V17H13M9,3C7.89,3 7,3.89 7,5H9M9,11H7V13H9M9,7H7V9H9V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"flip-to-front\">\n        <path\n          d=\"M7,21H9V19H7M11,21H13V19H11M19,15H9V5H19M19,3H9C7.89,3 7,3.89 7,5V15A2,2 0 0,0 9,17H14L18,17H19A2,2 0 0,0 21,15V5C21,3.89 20.1,3 19,3M15,21H17V19H15M3,9H5V7H3M5,21V19H3A2,2 0 0,0 5,21M3,17H5V15H3M3,13H5V11H3V13Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-color-fill\">\n        <path\n          d=\"M19,11.5C19,11.5 17,13.67 17,15A2,2 0 0,0 19,17A2,2 0 0,0 21,15C21,13.67 19,11.5 19,11.5M5.21,10L10,5.21L14.79,10M16.56,8.94L7.62,0L6.21,1.41L8.59,3.79L3.44,8.94C2.85,9.5 2.85,10.47 3.44,11.06L8.94,16.56C9.23,16.85 9.62,17 10,17C10.38,17 10.77,16.85 11.06,16.56L16.56,11.06C17.15,10.47 17.15,9.5 16.56,8.94Z\"\n        ></path>\n      </g>\n\n      <g id=\"google\">\n        <path\n          d=\"M21.35,11.1H12.18V13.83H18.69C18.36,17.64 15.19,19.27 12.19,19.27C8.36,19.27 5,16.25 5,12C5,7.9 8.2,4.73 12.2,4.73C15.29,4.73 17.1,6.7 17.1,6.7L19,4.72C19,4.72 16.56,2 12.1,2C6.42,2 2.03,6.8 2.03,12C2.03,17.05 6.16,22 12.25,22C17.6,22 21.5,18.33 21.5,12.91C21.5,11.76 21.35,11.1 21.35,11.1V11.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus\">\n        <path\n          d=\"M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart\">\n        <path\n          d=\"M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,17L12.72,16.34C15.3,14 17,12.46 17,10.57C17,9.03 15.79,7.82 14.25,7.82C13.38,7.82 12.55,8.23 12,8.87C11.45,8.23 10.62,7.82 9.75,7.82C8.21,7.82 7,9.03 7,10.57C7,12.46 8.7,14 11.28,16.34L12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart-outline\">\n        <path\n          d=\"M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"history\">\n        <path\n          d=\"M11,7V12.11L15.71,14.9L16.5,13.62L12.5,11.25V7M12.5,2C8.97,2 5.91,3.92 4.27,6.77L2,4.5V11H8.5L5.75,8.25C6.96,5.73 9.5,4 12.5,4A7.5,7.5 0 0,1 20,11.5A7.5,7.5 0 0,1 12.5,19C9.23,19 6.47,16.91 5.44,14H3.34C4.44,18.03 8.11,21 12.5,21C17.74,21 22,16.75 22,11.5A9.5,9.5 0 0,0 12.5,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"home\">\n        <path d=\"M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z\"></path>\n      </g>\n\n      <g id=\"human\">\n        <path\n          d=\"M21,9H15V22H13V16H11V22H9V9H3V7H21M12,2A2,2 0 0,1 14,4A2,2 0 0,1 12,6C10.89,6 10,5.1 10,4C10,2.89 10.89,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"information\">\n        <path\n          d=\"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"information-outline\">\n        <path\n          d=\"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z\"\n        ></path>\n      </g>\n\n      <g id=\"invert-colors\">\n        <path\n          d=\"M12,19.58V19.58C10.4,19.58 8.89,18.96 7.76,17.83C6.62,16.69 6,15.19 6,13.58C6,12 6.62,10.47 7.76,9.34L12,5.1M17.66,7.93L12,2.27V2.27L6.34,7.93C3.22,11.05 3.22,16.12 6.34,19.24C7.9,20.8 9.95,21.58 12,21.58C14.05,21.58 16.1,20.8 17.66,19.24C20.78,16.12 20.78,11.05 17.66,7.93Z\"\n        ></path>\n      </g>\n\n      <g id=\"label\">\n        <path\n          d=\"M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z\"\n        ></path>\n      </g>\n\n      <g id=\"label-outline\">\n        <path\n          d=\"M16,17H5V7H16L19.55,12M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z\"\n        ></path>\n      </g>\n\n      <g id=\"launch\">\n        <path\n          d=\"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"link\">\n        <path\n          d=\"M16,6H13V7.9H16C18.26,7.9 20.1,9.73 20.1,12A4.1,4.1 0 0,1 16,16.1H13V18H16A6,6 0 0,0 22,12C22,8.68 19.31,6 16,6M3.9,12C3.9,9.73 5.74,7.9 8,7.9H11V6H8A6,6 0 0,0 2,12A6,6 0 0,0 8,18H11V16.1H8C5.74,16.1 3.9,14.26 3.9,12M8,13H16V11H8V13Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock\">\n        <path\n          d=\"M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-open\">\n        <path\n          d=\"M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-open-outline\">\n        <path\n          d=\"M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,1 10,15A2,2 0 0,1 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-outline\">\n        <path\n          d=\"M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"magnify\">\n        <path\n          d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"magnify-minus\">\n        <path\n          d=\"M9,2A7,7 0 0,1 16,9C16,10.57 15.5,12 14.61,13.19L15.41,14H16L22,20L20,22L14,16V15.41L13.19,14.61C12,15.5 10.57,16 9,16A7,7 0 0,1 2,9A7,7 0 0,1 9,2M5,8V10H13V8H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"magnify-plus\">\n        <path\n          d=\"M9,2A7,7 0 0,1 16,9C16,10.57 15.5,12 14.61,13.19L15.41,14H16L22,20L20,22L14,16V15.41L13.19,14.61C12,15.5 10.57,16 9,16A7,7 0 0,1 2,9A7,7 0 0,1 9,2M8,5V8H5V10H8V13H10V10H13V8H10V5H8Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker\">\n        <path\n          d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker-off\">\n        <path\n          d=\"M16.37,16.1L11.75,11.47L11.64,11.36L3.27,3L2,4.27L5.18,7.45C5.06,7.95 5,8.46 5,9C5,14.25 12,22 12,22C12,22 13.67,20.15 15.37,17.65L18.73,21L20,19.72M12,6.5A2.5,2.5 0 0,1 14.5,9C14.5,9.73 14.17,10.39 13.67,10.85L17.3,14.5C18.28,12.62 19,10.68 19,9A7,7 0 0,0 12,2C10,2 8.24,2.82 6.96,4.14L10.15,7.33C10.61,6.82 11.26,6.5 12,6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone\">\n        <path\n          d=\"M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-off\">\n        <path\n          d=\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-outline\">\n        <path\n          d=\"M17.3,11C17.3,14 14.76,16.1 12,16.1C9.24,16.1 6.7,14 6.7,11H5C5,14.41 7.72,17.23 11,17.72V21H13V17.72C16.28,17.23 19,14.41 19,11M10.8,4.9C10.8,4.24 11.34,3.7 12,3.7C12.66,3.7 13.2,4.24 13.2,4.9L13.19,11.1C13.19,11.76 12.66,12.3 12,12.3C11.34,12.3 10.8,11.76 10.8,11.1M12,14A3,3 0 0,0 15,11V5A3,3 0 0,0 12,2A3,3 0 0,0 9,5V11A3,3 0 0,0 12,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-settings\">\n        <path\n          d=\"M19,10H17.3C17.3,13 14.76,15.1 12,15.1C9.24,15.1 6.7,13 6.7,10H5C5,13.41 7.72,16.23 11,16.72V20H13V16.72C16.28,16.23 19,13.41 19,10M15,24H17V22H15M11,24H13V22H11M12,13A3,3 0 0,0 15,10V4A3,3 0 0,0 12,1A3,3 0 0,0 9,4V10A3,3 0 0,0 12,13M7,24H9V22H7V24Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus\"><path d=\"M19,13H5V11H19V13Z\"></path></g>\n\n      <g id=\"minus-box\">\n        <path\n          d=\"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle\">\n        <path\n          d=\"M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,13H17V11H7\"\n        ></path>\n      </g>\n\n      <g id=\"newspaper\">\n        <path\n          d=\"M20,11H4V8H20M20,15H13V13H20M20,19H13V17H20M11,19H4V13H11M20.33,4.67L18.67,3L17,4.67L15.33,3L13.67,4.67L12,3L10.33,4.67L8.67,3L7,4.67L5.33,3L3.67,4.67L2,3V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V3L20.33,4.67Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause\"><path d=\"M14,19H18V5H14M6,19H10V5H6V19Z\"></path></g>\n\n      <g id=\"pause-circle\">\n        <path\n          d=\"M15,16H13V8H15M11,16H9V8H11M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-circle-outline\">\n        <path\n          d=\"M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"pencil\">\n        <path\n          d=\"M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"pin\">\n        <path\n          d=\"M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"play\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\"></path></g>\n\n      <g id=\"play-circle\">\n        <path\n          d=\"M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"play-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus\">\n        <path d=\"M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z\"></path>\n      </g>\n\n      <g id=\"plus-box\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"puzzle\">\n        <path\n          d=\"M20.5,11H19V7C19,5.89 18.1,5 17,5H13V3.5A2.5,2.5 0 0,0 10.5,1A2.5,2.5 0 0,0 8,3.5V5H4A2,2 0 0,0 2,7V10.8H3.5C5,10.8 6.2,12 6.2,13.5C6.2,15 5,16.2 3.5,16.2H2V20A2,2 0 0,0 4,22H7.8V20.5C7.8,19 9,17.8 10.5,17.8C12,17.8 13.2,19 13.2,20.5V22H17A2,2 0 0,0 19,20V16H20.5A2.5,2.5 0 0,0 23,13.5A2.5,2.5 0 0,0 20.5,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"quality-high\">\n        <path\n          d=\"M14.5,13.5H16.5V10.5H14.5M18,14A1,1 0 0,1 17,15H16.25V16.5H14.75V15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,15H9.5V13H7.5V15H6V9H7.5V11.5H9.5V9H11M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"receipt\">\n        <path\n          d=\"M3,22L4.5,20.5L6,22L7.5,20.5L9,22L10.5,20.5L12,22L13.5,20.5L15,22L16.5,20.5L18,22L19.5,20.5L21,22V2L19.5,3.5L18,2L16.5,3.5L15,2L13.5,3.5L12,2L10.5,3.5L9,2L7.5,3.5L6,2L4.5,3.5L3,2M18,9H6V7H18M18,13H6V11H18M18,17H6V15H18V17Z\"\n        ></path>\n      </g>\n\n      <g id=\"refresh\">\n        <path\n          d=\"M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z\"\n        ></path>\n      </g>\n\n      <g id=\"rewind\">\n        <path d=\"M11.5,12L20,18V6M11,18V6L2.5,12L11,18Z\"></path>\n      </g>\n\n      <g id=\"settings\">\n        <path\n          d=\"M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z\"\n        ></path>\n      </g>\n\n      <g id=\"settings-box\">\n        <path\n          d=\"M17.25,12C17.25,12.23 17.23,12.46 17.2,12.68L18.68,13.84C18.81,13.95 18.85,14.13 18.76,14.29L17.36,16.71C17.27,16.86 17.09,16.92 16.93,16.86L15.19,16.16C14.83,16.44 14.43,16.67 14,16.85L13.75,18.7C13.72,18.87 13.57,19 13.4,19H10.6C10.43,19 10.28,18.87 10.25,18.7L10,16.85C9.56,16.67 9.17,16.44 8.81,16.16L7.07,16.86C6.91,16.92 6.73,16.86 6.64,16.71L5.24,14.29C5.15,14.13 5.19,13.95 5.32,13.84L6.8,12.68C6.77,12.46 6.75,12.23 6.75,12C6.75,11.77 6.77,11.54 6.8,11.32L5.32,10.16C5.19,10.05 5.15,9.86 5.24,9.71L6.64,7.29C6.73,7.13 6.91,7.07 7.07,7.13L8.81,7.84C9.17,7.56 9.56,7.32 10,7.15L10.25,5.29C10.28,5.13 10.43,5 10.6,5H13.4C13.57,5 13.72,5.13 13.75,5.29L14,7.15C14.43,7.32 14.83,7.56 15.19,7.84L16.93,7.13C17.09,7.07 17.27,7.13 17.36,7.29L18.76,9.71C18.85,9.86 18.81,10.05 18.68,10.16L17.2,11.32C17.23,11.54 17.25,11.77 17.25,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M12,10C10.89,10 10,10.89 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,10.89 13.1,10 12,10Z\"\n        ></path>\n      </g>\n\n      <g id=\"skip-next\">\n        <path d=\"M16,18H18V6H16M6,18L14.5,12L6,6V18Z\"></path>\n      </g>\n\n      <g id=\"skip-previous\">\n        <path d=\"M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z\"></path>\n      </g>\n\n      <g id=\"stop\"><path d=\"M18,18H6V6H18V18Z\"></path></g>\n\n      <g id=\"store\">\n        <path\n          d=\"M12,18H6V14H12M21,14V12L20,7H4L3,12V14H4V20H14V14H18V20H20V14M20,4H4V6H20V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"swap-horizontal\">\n        <path d=\"M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z\"></path>\n      </g>\n\n      <g id=\"swap-vertical\">\n        <path\n          d=\"M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z\"\n        ></path>\n      </g>\n\n      <g id=\"tab\">\n        <path\n          d=\"M19,19H5V5H12V9H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"tab-unselected\">\n        <path\n          d=\"M15,21H17V19H15M11,21H13V19H11M19,13H21V11H19M19,21A2,2 0 0,0 21,19H19M7,5H9V3H7M19,17H21V15H19M19,3H11V9H21V5C21,3.89 20.1,3 19,3M5,21V19H3A2,2 0 0,0 5,21M3,17H5V15H3M7,21H9V19H7M3,5H5V3C3.89,3 3,3.89 3,5M3,13H5V11H3M3,9H5V7H3V9Z\"\n        ></path>\n      </g>\n\n      <g id=\"tag\">\n        <path\n          d=\"M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4C2.89,2 2,2.89 2,4V11C2,11.55 2.22,12.05 2.59,12.41L11.58,21.41C11.95,21.77 12.45,22 13,22C13.55,22 14.05,21.77 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.44 21.77,11.94 21.41,11.58Z\"\n        ></path>\n      </g>\n\n      <g id=\"thumb-down\">\n        <path\n          d=\"M19,15H23V3H19M15,3H6C5.17,3 4.46,3.5 4.16,4.22L1.14,11.27C1.05,11.5 1,11.74 1,12V13.91L1,14A2,2 0 0,0 3,16H9.31L8.36,20.57C8.34,20.67 8.33,20.77 8.33,20.88C8.33,21.3 8.5,21.67 8.77,21.94L9.83,23L16.41,16.41C16.78,16.05 17,15.55 17,15V5C17,3.89 16.1,3 15,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"thumb-up\">\n        <path\n          d=\"M23,10C23,8.89 22.1,8 21,8H14.68L15.64,3.43C15.66,3.33 15.67,3.22 15.67,3.11C15.67,2.7 15.5,2.32 15.23,2.05L14.17,1L7.59,7.58C7.22,7.95 7,8.45 7,9V19A2,2 0 0,0 9,21H18C18.83,21 19.54,20.5 19.84,19.78L22.86,12.73C22.95,12.5 23,12.26 23,12V10.08L23,10M1,21H5V9H1V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"upload\">\n        <path d=\"M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z\"></path>\n      </g>\n\n      <g id=\"voicemail\">\n        <path\n          d=\"M18.5,15A3.5,3.5 0 0,1 15,11.5A3.5,3.5 0 0,1 18.5,8A3.5,3.5 0 0,1 22,11.5A3.5,3.5 0 0,1 18.5,15M5.5,15A3.5,3.5 0 0,1 2,11.5A3.5,3.5 0 0,1 5.5,8A3.5,3.5 0 0,1 9,11.5A3.5,3.5 0 0,1 5.5,15M18.5,6A5.5,5.5 0 0,0 13,11.5C13,12.83 13.47,14.05 14.26,15H9.74C10.53,14.05 11,12.83 11,11.5A5.5,5.5 0 0,0 5.5,6A5.5,5.5 0 0,0 0,11.5A5.5,5.5 0 0,0 5.5,17H18.5A5.5,5.5 0 0,0 24,11.5A5.5,5.5 0 0,0 18.5,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"web\">\n        <path\n          d=\"M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"youtube-play\">\n        <path\n          d=\"M10,16.5V7.5L16,12M20,4.4C19.4,4.2 15.7,4 12,4C8.3,4 4.6,4.19 4,4.38C2.44,4.9 2,8.4 2,12C2,15.59 2.44,19.1 4,19.61C4.6,19.81 8.3,20 12,20C15.7,20 19.4,19.81 20,19.61C21.56,19.1 22,15.59 22,12C22,8.4 21.56,4.91 20,4.4Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b27e601f2611eda0c389891c227ec8 || (_templateObject_b7b27e601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-action\" size=\"24\">\n    <svg>\n      <g id=\"airplane\">\n        <path\n          d=\"M21,16V14L13,9V3.5A1.5,1.5 0 0,0 11.5,2A1.5,1.5 0 0,0 10,3.5V9L2,14V16L10,13.5V19L8,20.5V22L11.5,21L15,22V20.5L13,19V13.5L21,16Z\"\n        ></path>\n      </g>\n\n      <g id=\"airplane-off\">\n        <path\n          d=\"M3.15,5.27L8.13,10.26L2.15,14V16L10.15,13.5V19L8.15,20.5V22L11.65,21L15.15,22V20.5L13.15,19V15.27L18.87,21L20.15,19.73L4.42,4M13.15,9V3.5A1.5,1.5 0 0,0 11.65,2A1.5,1.5 0 0,0 10.15,3.5V7.18L17.97,15L21.15,16V14L13.15,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrange-bring-forward\">\n        <path d=\"M2,2H16V16H2V2M22,8V22H8V18H10V20H20V10H18V8H22Z\"></path>\n      </g>\n\n      <g id=\"arrange-bring-to-front\">\n        <path\n          d=\"M2,2H11V6H9V4H4V9H6V11H2V2M22,13V22H13V18H15V20H20V15H18V13H22M8,8H16V16H8V8Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrange-send-backward\">\n        <path d=\"M2,2H16V16H2V2M22,8V22H8V18H18V8H22M4,4V14H14V4H4Z\"></path>\n      </g>\n\n      <g id=\"arrange-send-to-back\">\n        <path\n          d=\"M2,2H11V11H2V2M9,4H4V9H9V4M22,13V22H13V13H22M15,20H20V15H15V20M16,8V11H13V8H16M11,16H8V13H11V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down\">\n        <path\n          d=\"M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left\">\n        <path\n          d=\"M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right\">\n        <path\n          d=\"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up\">\n        <path\n          d=\"M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z\"\n        ></path>\n      </g>\n\n      <g id=\"bookmark\">\n        <path\n          d=\"M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"bookmark-outline\">\n        <path\n          d=\"M17,18L12,15.82L7,18V5H17M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-all\">\n        <path\n          d=\"M19,11H13V5H19M19,19H13V13H19M11,11H5V5H11M11,19H5V13H11M3,21H21V3H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-bottom\">\n        <path\n          d=\"M5,15H3V17H5M3,21H21V19H3M5,11H3V13H5M19,9H21V7H19M19,5H21V3H19M5,7H3V9H5M19,17H21V15H19M19,13H21V11H19M17,3H15V5H17M13,3H11V5H13M17,11H15V13H17M13,7H11V9H13M5,3H3V5H5M13,11H11V13H13M9,3H7V5H9M13,15H11V17H13M9,11H7V13H9V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-color\">\n        <path\n          d=\"M20.71,4.04C21.1,3.65 21.1,3 20.71,2.63L18.37,0.29C18,-0.1 17.35,-0.1 16.96,0.29L15,2.25L18.75,6M17.75,7L14,3.25L4,13.25V17H7.75L17.75,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-horizontal\">\n        <path\n          d=\"M19,21H21V19H19M15,21H17V19H15M11,17H13V15H11M19,9H21V7H19M19,5H21V3H19M3,13H21V11H3M11,21H13V19H11M19,17H21V15H19M13,3H11V5H13M13,7H11V9H13M17,3H15V5H17M9,3H7V5H9M5,3H3V5H5M7,21H9V19H7M3,17H5V15H3M5,7H3V9H5M3,21H5V19H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-inside\">\n        <path\n          d=\"M19,17H21V15H19M19,21H21V19H19M13,3H11V11H3V13H11V21H13V13H21V11H13M15,21H17V19H15M19,5H21V3H19M19,9H21V7H19M17,3H15V5H17M5,3H3V5H5M9,3H7V5H9M3,17H5V15H3M5,7H3V9H5M7,21H9V19H7M3,21H5V19H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-left\">\n        <path\n          d=\"M15,5H17V3H15M15,13H17V11H15M19,21H21V19H19M19,13H21V11H19M19,5H21V3H19M19,17H21V15H19M15,21H17V19H15M19,9H21V7H19M3,21H5V3H3M7,13H9V11H7M7,5H9V3H7M7,21H9V19H7M11,13H13V11H11M11,9H13V7H11M11,5H13V3H11M11,17H13V15H11M11,21H13V19H11V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-none\">\n        <path\n          d=\"M15,5H17V3H15M15,13H17V11H15M15,21H17V19H15M11,5H13V3H11M19,5H21V3H19M11,9H13V7H11M19,9H21V7H19M19,21H21V19H19M19,13H21V11H19M19,17H21V15H19M11,13H13V11H11M3,5H5V3H3M3,9H5V7H3M3,13H5V11H3M3,17H5V15H3M3,21H5V19H3M11,21H13V19H11M11,17H13V15H11M7,21H9V19H7M7,13H9V11H7M7,5H9V3H7V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-outside\">\n        <path\n          d=\"M9,11H7V13H9M13,15H11V17H13M19,19H5V5H19M3,21H21V3H3M17,11H15V13H17M13,11H11V13H13M13,7H11V9H13V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-right\">\n        <path\n          d=\"M11,9H13V7H11M11,5H13V3H11M11,13H13V11H11M15,5H17V3H15M15,21H17V19H15M19,21H21V3H19M15,13H17V11H15M11,17H13V15H11M3,9H5V7H3M3,17H5V15H3M3,13H5V11H3M11,21H13V19H11M3,21H5V19H3M7,13H9V11H7M7,5H9V3H7M3,5H5V3H3M7,21H9V19H7V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-top\">\n        <path\n          d=\"M15,13H17V11H15M19,21H21V19H19M11,9H13V7H11M15,21H17V19H15M19,17H21V15H19M3,5H21V3H3M19,13H21V11H19M19,9H21V7H19M11,17H13V15H11M3,9H5V7H3M3,13H5V11H3M3,21H5V19H3M3,17H5V15H3M11,21H13V19H11M11,13H13V11H11M7,13H9V11H7M7,21H9V19H7V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-vertical\">\n        <path\n          d=\"M15,13H17V11H15M15,21H17V19H15M15,5H17V3H15M19,9H21V7H19M19,5H21V3H19M19,13H21V11H19M19,21H21V19H19M11,21H13V3H11M19,17H21V15H19M7,5H9V3H7M3,17H5V15H3M3,21H5V19H3M3,13H5V11H3M7,13H9V11H7M7,21H9V19H7M3,5H5V3H3M3,9H5V7H3V9Z\"\n        ></path>\n      </g>\n\n      <g id=\"briefcase\">\n        <path\n          d=\"M14,6H10V4H14M20,6H16V4L14,2H10L8,4V6H4C2.89,6 2,6.89 2,8V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder\">\n        <path\n          d=\"M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box\">\n        <path\n          d=\"M18,16L14,12.8V16H6V8H14V11.2L18,8M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box-off\">\n        <path\n          d=\"M6,8H6.73L14,15.27V16H6M2.27,1L1,2.27L3,4.28C2.41,4.62 2,5.26 2,6V18A2,2 0 0,0 4,20H18.73L20.73,22L22,20.73M20,4H7.82L11.82,8H14V10.18L14.57,10.75L18,8V14.18L22,18.17C22,18.11 22,18.06 22,18V6A2,2 0 0,0 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-off\">\n        <path\n          d=\"M3.27,2L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.2,18 16.39,17.92 16.54,17.82L19.73,21L21,19.73M21,6.5L17,10.5V7A1,1 0 0,0 16,6H9.82L21,17.18V6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"check\">\n        <path\n          d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"check-all\">\n        <path\n          d=\"M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"closed-caption\">\n        <path\n          d=\"M18,11H16.5V10.5H14.5V13.5H16.5V13H18V14A1,1 0 0,1 17,15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,11H9.5V10.5H7.5V13.5H9.5V13H11V14A1,1 0 0,1 10,15H7A1,1 0 0,1 6,14V10A1,1 0 0,1 7,9H10A1,1 0 0,1 11,10M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"compass\">\n        <path\n          d=\"M14.19,14.19L6,18L9.81,9.81L18,6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,10.9A1.1,1.1 0 0,0 10.9,12A1.1,1.1 0 0,0 12,13.1A1.1,1.1 0 0,0 13.1,12A1.1,1.1 0 0,0 12,10.9Z\"\n        ></path>\n      </g>\n\n      <g id=\"credit-card\">\n        <path\n          d=\"M20,8H4V6H20M20,18H4V12H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"download\">\n        <path d=\"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z\"></path>\n      </g>\n\n      <g id=\"exit-to-app\">\n        <path\n          d=\"M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z\"\n        ></path>\n      </g>\n\n      <g id=\"eye\">\n        <path\n          d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"eye-off\">\n        <path\n          d=\"M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"fast-forward\">\n        <path d=\"M13,6V18L21.5,12M4,18L12.5,12L4,6V18Z\"></path>\n      </g>\n\n      <g id=\"film\">\n        <path\n          d=\"M3.5,3H5V1.8C5,1.36 5.36,1 5.8,1H10.2C10.64,1 11,1.36 11,1.8V3H12.5A1.5,1.5 0 0,1 14,4.5V5H22V20H14V20.5A1.5,1.5 0 0,1 12.5,22H3.5A1.5,1.5 0 0,1 2,20.5V4.5A1.5,1.5 0 0,1 3.5,3M18,7V9H20V7H18M14,7V9H16V7H14M10,7V9H12V7H10M14,16V18H16V16H14M18,16V18H20V16H18M10,16V18H12V16H10Z\"\n        ></path>\n      </g>\n\n      <g id=\"filmstrip\">\n        <path\n          d=\"M18,9H16V7H18M18,13H16V11H18M18,17H16V15H18M8,9H6V7H8M8,13H6V11H8M8,17H6V15H8M18,3V5H16V3H8V5H6V3H4V21H6V19H8V21H16V19H18V21H20V3H18Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter\">\n        <path\n          d=\"M3,2H21V2H21V4H20.92L14,10.92V22.91L10,18.91V10.91L3.09,4H3V2Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-outline\">\n        <path\n          d=\"M3,2H21V2H21V4H20.92L15,9.92V22.91L9,16.91V9.91L3.09,4H3V2M11,16.08L13,18.08V9H13.09L18.09,4H5.92L10.92,9H11V16.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-remove\">\n        <path\n          d=\"M14.76,20.83L17.6,18L14.76,15.17L16.17,13.76L19,16.57L21.83,13.76L23.24,15.17L20.43,18L23.24,20.83L21.83,22.24L19,19.4L16.17,22.24L14.76,20.83M2,2H20V2H20V4H19.92L13,10.92V22.91L9,18.91V10.91L2.09,4H2V2Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-remove-outline\">\n        <path\n          d=\"M14.73,20.83L17.58,18L14.73,15.17L16.15,13.76L19,16.57L21.8,13.76L23.22,15.17L20.41,18L23.22,20.83L21.8,22.24L19,19.4L16.15,22.24L14.73,20.83M2,2H20V2H20V4H19.92L14,9.92V22.91L8,16.91V9.91L2.09,4H2V2M10,16.08L12,18.08V9H12.09L17.09,4H4.92L9.92,9H10V16.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"flip-to-back\">\n        <path\n          d=\"M15,17H17V15H15M15,5H17V3H15M5,7H3V19A2,2 0 0,0 5,21H17V19H5M19,17A2,2 0 0,0 21,15H19M19,9H21V7H19M19,13H21V11H19M9,17V15H7A2,2 0 0,0 9,17M13,3H11V5H13M19,3V5H21C21,3.89 20.1,3 19,3M13,15H11V17H13M9,3C7.89,3 7,3.89 7,5H9M9,11H7V13H9M9,7H7V9H9V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"flip-to-front\">\n        <path\n          d=\"M7,21H9V19H7M11,21H13V19H11M19,15H9V5H19M19,3H9C7.89,3 7,3.89 7,5V15A2,2 0 0,0 9,17H14L18,17H19A2,2 0 0,0 21,15V5C21,3.89 20.1,3 19,3M15,21H17V19H15M3,9H5V7H3M5,21V19H3A2,2 0 0,0 5,21M3,17H5V15H3M3,13H5V11H3V13Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-color-fill\">\n        <path\n          d=\"M19,11.5C19,11.5 17,13.67 17,15A2,2 0 0,0 19,17A2,2 0 0,0 21,15C21,13.67 19,11.5 19,11.5M5.21,10L10,5.21L14.79,10M16.56,8.94L7.62,0L6.21,1.41L8.59,3.79L3.44,8.94C2.85,9.5 2.85,10.47 3.44,11.06L8.94,16.56C9.23,16.85 9.62,17 10,17C10.38,17 10.77,16.85 11.06,16.56L16.56,11.06C17.15,10.47 17.15,9.5 16.56,8.94Z\"\n        ></path>\n      </g>\n\n      <g id=\"google\">\n        <path\n          d=\"M21.35,11.1H12.18V13.83H18.69C18.36,17.64 15.19,19.27 12.19,19.27C8.36,19.27 5,16.25 5,12C5,7.9 8.2,4.73 12.2,4.73C15.29,4.73 17.1,6.7 17.1,6.7L19,4.72C19,4.72 16.56,2 12.1,2C6.42,2 2.03,6.8 2.03,12C2.03,17.05 6.16,22 12.25,22C17.6,22 21.5,18.33 21.5,12.91C21.5,11.76 21.35,11.1 21.35,11.1V11.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus\">\n        <path\n          d=\"M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart\">\n        <path\n          d=\"M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,17L12.72,16.34C15.3,14 17,12.46 17,10.57C17,9.03 15.79,7.82 14.25,7.82C13.38,7.82 12.55,8.23 12,8.87C11.45,8.23 10.62,7.82 9.75,7.82C8.21,7.82 7,9.03 7,10.57C7,12.46 8.7,14 11.28,16.34L12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart-outline\">\n        <path\n          d=\"M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"history\">\n        <path\n          d=\"M11,7V12.11L15.71,14.9L16.5,13.62L12.5,11.25V7M12.5,2C8.97,2 5.91,3.92 4.27,6.77L2,4.5V11H8.5L5.75,8.25C6.96,5.73 9.5,4 12.5,4A7.5,7.5 0 0,1 20,11.5A7.5,7.5 0 0,1 12.5,19C9.23,19 6.47,16.91 5.44,14H3.34C4.44,18.03 8.11,21 12.5,21C17.74,21 22,16.75 22,11.5A9.5,9.5 0 0,0 12.5,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"home\">\n        <path d=\"M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z\"></path>\n      </g>\n\n      <g id=\"human\">\n        <path\n          d=\"M21,9H15V22H13V16H11V22H9V9H3V7H21M12,2A2,2 0 0,1 14,4A2,2 0 0,1 12,6C10.89,6 10,5.1 10,4C10,2.89 10.89,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"information\">\n        <path\n          d=\"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"information-outline\">\n        <path\n          d=\"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z\"\n        ></path>\n      </g>\n\n      <g id=\"invert-colors\">\n        <path\n          d=\"M12,19.58V19.58C10.4,19.58 8.89,18.96 7.76,17.83C6.62,16.69 6,15.19 6,13.58C6,12 6.62,10.47 7.76,9.34L12,5.1M17.66,7.93L12,2.27V2.27L6.34,7.93C3.22,11.05 3.22,16.12 6.34,19.24C7.9,20.8 9.95,21.58 12,21.58C14.05,21.58 16.1,20.8 17.66,19.24C20.78,16.12 20.78,11.05 17.66,7.93Z\"\n        ></path>\n      </g>\n\n      <g id=\"label\">\n        <path\n          d=\"M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z\"\n        ></path>\n      </g>\n\n      <g id=\"label-outline\">\n        <path\n          d=\"M16,17H5V7H16L19.55,12M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z\"\n        ></path>\n      </g>\n\n      <g id=\"launch\">\n        <path\n          d=\"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"link\">\n        <path\n          d=\"M16,6H13V7.9H16C18.26,7.9 20.1,9.73 20.1,12A4.1,4.1 0 0,1 16,16.1H13V18H16A6,6 0 0,0 22,12C22,8.68 19.31,6 16,6M3.9,12C3.9,9.73 5.74,7.9 8,7.9H11V6H8A6,6 0 0,0 2,12A6,6 0 0,0 8,18H11V16.1H8C5.74,16.1 3.9,14.26 3.9,12M8,13H16V11H8V13Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock\">\n        <path\n          d=\"M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-open\">\n        <path\n          d=\"M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-open-outline\">\n        <path\n          d=\"M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,1 10,15A2,2 0 0,1 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-outline\">\n        <path\n          d=\"M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"magnify\">\n        <path\n          d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"magnify-minus\">\n        <path\n          d=\"M9,2A7,7 0 0,1 16,9C16,10.57 15.5,12 14.61,13.19L15.41,14H16L22,20L20,22L14,16V15.41L13.19,14.61C12,15.5 10.57,16 9,16A7,7 0 0,1 2,9A7,7 0 0,1 9,2M5,8V10H13V8H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"magnify-plus\">\n        <path\n          d=\"M9,2A7,7 0 0,1 16,9C16,10.57 15.5,12 14.61,13.19L15.41,14H16L22,20L20,22L14,16V15.41L13.19,14.61C12,15.5 10.57,16 9,16A7,7 0 0,1 2,9A7,7 0 0,1 9,2M8,5V8H5V10H8V13H10V10H13V8H10V5H8Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker\">\n        <path\n          d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker-off\">\n        <path\n          d=\"M16.37,16.1L11.75,11.47L11.64,11.36L3.27,3L2,4.27L5.18,7.45C5.06,7.95 5,8.46 5,9C5,14.25 12,22 12,22C12,22 13.67,20.15 15.37,17.65L18.73,21L20,19.72M12,6.5A2.5,2.5 0 0,1 14.5,9C14.5,9.73 14.17,10.39 13.67,10.85L17.3,14.5C18.28,12.62 19,10.68 19,9A7,7 0 0,0 12,2C10,2 8.24,2.82 6.96,4.14L10.15,7.33C10.61,6.82 11.26,6.5 12,6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone\">\n        <path\n          d=\"M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-off\">\n        <path\n          d=\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-outline\">\n        <path\n          d=\"M17.3,11C17.3,14 14.76,16.1 12,16.1C9.24,16.1 6.7,14 6.7,11H5C5,14.41 7.72,17.23 11,17.72V21H13V17.72C16.28,17.23 19,14.41 19,11M10.8,4.9C10.8,4.24 11.34,3.7 12,3.7C12.66,3.7 13.2,4.24 13.2,4.9L13.19,11.1C13.19,11.76 12.66,12.3 12,12.3C11.34,12.3 10.8,11.76 10.8,11.1M12,14A3,3 0 0,0 15,11V5A3,3 0 0,0 12,2A3,3 0 0,0 9,5V11A3,3 0 0,0 12,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-settings\">\n        <path\n          d=\"M19,10H17.3C17.3,13 14.76,15.1 12,15.1C9.24,15.1 6.7,13 6.7,10H5C5,13.41 7.72,16.23 11,16.72V20H13V16.72C16.28,16.23 19,13.41 19,10M15,24H17V22H15M11,24H13V22H11M12,13A3,3 0 0,0 15,10V4A3,3 0 0,0 12,1A3,3 0 0,0 9,4V10A3,3 0 0,0 12,13M7,24H9V22H7V24Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus\"><path d=\"M19,13H5V11H19V13Z\"></path></g>\n\n      <g id=\"minus-box\">\n        <path\n          d=\"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle\">\n        <path\n          d=\"M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,13H17V11H7\"\n        ></path>\n      </g>\n\n      <g id=\"newspaper\">\n        <path\n          d=\"M20,11H4V8H20M20,15H13V13H20M20,19H13V17H20M11,19H4V13H11M20.33,4.67L18.67,3L17,4.67L15.33,3L13.67,4.67L12,3L10.33,4.67L8.67,3L7,4.67L5.33,3L3.67,4.67L2,3V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V3L20.33,4.67Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause\"><path d=\"M14,19H18V5H14M6,19H10V5H6V19Z\"></path></g>\n\n      <g id=\"pause-circle\">\n        <path\n          d=\"M15,16H13V8H15M11,16H9V8H11M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-circle-outline\">\n        <path\n          d=\"M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"pencil\">\n        <path\n          d=\"M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"pin\">\n        <path\n          d=\"M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"play\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\"></path></g>\n\n      <g id=\"play-circle\">\n        <path\n          d=\"M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"play-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus\">\n        <path d=\"M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z\"></path>\n      </g>\n\n      <g id=\"plus-box\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"puzzle\">\n        <path\n          d=\"M20.5,11H19V7C19,5.89 18.1,5 17,5H13V3.5A2.5,2.5 0 0,0 10.5,1A2.5,2.5 0 0,0 8,3.5V5H4A2,2 0 0,0 2,7V10.8H3.5C5,10.8 6.2,12 6.2,13.5C6.2,15 5,16.2 3.5,16.2H2V20A2,2 0 0,0 4,22H7.8V20.5C7.8,19 9,17.8 10.5,17.8C12,17.8 13.2,19 13.2,20.5V22H17A2,2 0 0,0 19,20V16H20.5A2.5,2.5 0 0,0 23,13.5A2.5,2.5 0 0,0 20.5,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"quality-high\">\n        <path\n          d=\"M14.5,13.5H16.5V10.5H14.5M18,14A1,1 0 0,1 17,15H16.25V16.5H14.75V15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,15H9.5V13H7.5V15H6V9H7.5V11.5H9.5V9H11M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"receipt\">\n        <path\n          d=\"M3,22L4.5,20.5L6,22L7.5,20.5L9,22L10.5,20.5L12,22L13.5,20.5L15,22L16.5,20.5L18,22L19.5,20.5L21,22V2L19.5,3.5L18,2L16.5,3.5L15,2L13.5,3.5L12,2L10.5,3.5L9,2L7.5,3.5L6,2L4.5,3.5L3,2M18,9H6V7H18M18,13H6V11H18M18,17H6V15H18V17Z\"\n        ></path>\n      </g>\n\n      <g id=\"refresh\">\n        <path\n          d=\"M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z\"\n        ></path>\n      </g>\n\n      <g id=\"rewind\">\n        <path d=\"M11.5,12L20,18V6M11,18V6L2.5,12L11,18Z\"></path>\n      </g>\n\n      <g id=\"settings\">\n        <path\n          d=\"M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z\"\n        ></path>\n      </g>\n\n      <g id=\"settings-box\">\n        <path\n          d=\"M17.25,12C17.25,12.23 17.23,12.46 17.2,12.68L18.68,13.84C18.81,13.95 18.85,14.13 18.76,14.29L17.36,16.71C17.27,16.86 17.09,16.92 16.93,16.86L15.19,16.16C14.83,16.44 14.43,16.67 14,16.85L13.75,18.7C13.72,18.87 13.57,19 13.4,19H10.6C10.43,19 10.28,18.87 10.25,18.7L10,16.85C9.56,16.67 9.17,16.44 8.81,16.16L7.07,16.86C6.91,16.92 6.73,16.86 6.64,16.71L5.24,14.29C5.15,14.13 5.19,13.95 5.32,13.84L6.8,12.68C6.77,12.46 6.75,12.23 6.75,12C6.75,11.77 6.77,11.54 6.8,11.32L5.32,10.16C5.19,10.05 5.15,9.86 5.24,9.71L6.64,7.29C6.73,7.13 6.91,7.07 7.07,7.13L8.81,7.84C9.17,7.56 9.56,7.32 10,7.15L10.25,5.29C10.28,5.13 10.43,5 10.6,5H13.4C13.57,5 13.72,5.13 13.75,5.29L14,7.15C14.43,7.32 14.83,7.56 15.19,7.84L16.93,7.13C17.09,7.07 17.27,7.13 17.36,7.29L18.76,9.71C18.85,9.86 18.81,10.05 18.68,10.16L17.2,11.32C17.23,11.54 17.25,11.77 17.25,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M12,10C10.89,10 10,10.89 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,10.89 13.1,10 12,10Z\"\n        ></path>\n      </g>\n\n      <g id=\"skip-next\">\n        <path d=\"M16,18H18V6H16M6,18L14.5,12L6,6V18Z\"></path>\n      </g>\n\n      <g id=\"skip-previous\">\n        <path d=\"M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z\"></path>\n      </g>\n\n      <g id=\"stop\"><path d=\"M18,18H6V6H18V18Z\"></path></g>\n\n      <g id=\"store\">\n        <path\n          d=\"M12,18H6V14H12M21,14V12L20,7H4L3,12V14H4V20H14V14H18V20H20V14M20,4H4V6H20V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"swap-horizontal\">\n        <path d=\"M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z\"></path>\n      </g>\n\n      <g id=\"swap-vertical\">\n        <path\n          d=\"M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z\"\n        ></path>\n      </g>\n\n      <g id=\"tab\">\n        <path\n          d=\"M19,19H5V5H12V9H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"tab-unselected\">\n        <path\n          d=\"M15,21H17V19H15M11,21H13V19H11M19,13H21V11H19M19,21A2,2 0 0,0 21,19H19M7,5H9V3H7M19,17H21V15H19M19,3H11V9H21V5C21,3.89 20.1,3 19,3M5,21V19H3A2,2 0 0,0 5,21M3,17H5V15H3M7,21H9V19H7M3,5H5V3C3.89,3 3,3.89 3,5M3,13H5V11H3M3,9H5V7H3V9Z\"\n        ></path>\n      </g>\n\n      <g id=\"tag\">\n        <path\n          d=\"M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4C2.89,2 2,2.89 2,4V11C2,11.55 2.22,12.05 2.59,12.41L11.58,21.41C11.95,21.77 12.45,22 13,22C13.55,22 14.05,21.77 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.44 21.77,11.94 21.41,11.58Z\"\n        ></path>\n      </g>\n\n      <g id=\"thumb-down\">\n        <path\n          d=\"M19,15H23V3H19M15,3H6C5.17,3 4.46,3.5 4.16,4.22L1.14,11.27C1.05,11.5 1,11.74 1,12V13.91L1,14A2,2 0 0,0 3,16H9.31L8.36,20.57C8.34,20.67 8.33,20.77 8.33,20.88C8.33,21.3 8.5,21.67 8.77,21.94L9.83,23L16.41,16.41C16.78,16.05 17,15.55 17,15V5C17,3.89 16.1,3 15,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"thumb-up\">\n        <path\n          d=\"M23,10C23,8.89 22.1,8 21,8H14.68L15.64,3.43C15.66,3.33 15.67,3.22 15.67,3.11C15.67,2.7 15.5,2.32 15.23,2.05L14.17,1L7.59,7.58C7.22,7.95 7,8.45 7,9V19A2,2 0 0,0 9,21H18C18.83,21 19.54,20.5 19.84,19.78L22.86,12.73C22.95,12.5 23,12.26 23,12V10.08L23,10M1,21H5V9H1V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"upload\">\n        <path d=\"M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z\"></path>\n      </g>\n\n      <g id=\"voicemail\">\n        <path\n          d=\"M18.5,15A3.5,3.5 0 0,1 15,11.5A3.5,3.5 0 0,1 18.5,8A3.5,3.5 0 0,1 22,11.5A3.5,3.5 0 0,1 18.5,15M5.5,15A3.5,3.5 0 0,1 2,11.5A3.5,3.5 0 0,1 5.5,8A3.5,3.5 0 0,1 9,11.5A3.5,3.5 0 0,1 5.5,15M18.5,6A5.5,5.5 0 0,0 13,11.5C13,12.83 13.47,14.05 14.26,15H9.74C10.53,14.05 11,12.83 11,11.5A5.5,5.5 0 0,0 5.5,6A5.5,5.5 0 0,0 0,11.5A5.5,5.5 0 0,0 5.5,17H18.5A5.5,5.5 0 0,0 24,11.5A5.5,5.5 0 0,0 18.5,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"web\">\n        <path\n          d=\"M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"youtube-play\">\n        <path\n          d=\"M10,16.5V7.5L16,12M20,4.4C19.4,4.2 15.7,4 12,4C8.3,4 4.6,4.19 4,4.38C2.44,4.9 2,8.4 2,12C2,15.59 2.44,19.1 4,19.61C4.6,19.81 8.3,20 12,20C15.7,20 19.4,19.81 20,19.61C21.56,19.1 22,15.59 22,12C22,8.4 21.56,4.91 20,4.4Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-agriculture-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-agriculture-iconset-svg.js
index b255d46e126..e189fd9dcd8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-agriculture-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-agriculture-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0cc5b201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b2f3901f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0cc5b201f0511ed8cc3e9a95995ad69 || (_templateObject_e0cc5b201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-agriculture\" size=\"24\">\n    <svg>\n      <g id=\"cow\">\n        <path\n          d=\"M10.5,18A0.5,0.5 0 0,1 11,18.5A0.5,0.5 0 0,1 10.5,19A0.5,0.5 0 0,1 10,18.5A0.5,0.5 0 0,1 10.5,18M13.5,18A0.5,0.5 0 0,1 14,18.5A0.5,0.5 0 0,1 13.5,19A0.5,0.5 0 0,1 13,18.5A0.5,0.5 0 0,1 13.5,18M10,11A1,1 0 0,1 11,12A1,1 0 0,1 10,13A1,1 0 0,1 9,12A1,1 0 0,1 10,11M14,11A1,1 0 0,1 15,12A1,1 0 0,1 14,13A1,1 0 0,1 13,12A1,1 0 0,1 14,11M18,18C18,20.21 15.31,22 12,22C8.69,22 6,20.21 6,18C6,17.1 6.45,16.27 7.2,15.6C6.45,14.6 6,13.35 6,12L6.12,10.78C5.58,10.93 4.93,10.93 4.4,10.78C3.38,10.5 1.84,9.35 2.07,8.55C2.3,7.75 4.21,7.6 5.23,7.9C5.82,8.07 6.45,8.5 6.82,8.96L7.39,8.15C6.79,7.05 7,4 10,3L9.91,3.14V3.14C9.63,3.58 8.91,4.97 9.67,6.47C10.39,6.17 11.17,6 12,6C12.83,6 13.61,6.17 14.33,6.47C15.09,4.97 14.37,3.58 14.09,3.14L14,3C17,4 17.21,7.05 16.61,8.15L17.18,8.96C17.55,8.5 18.18,8.07 18.77,7.9C19.79,7.6 21.7,7.75 21.93,8.55C22.16,9.35 20.62,10.5 19.6,10.78C19.07,10.93 18.42,10.93 17.88,10.78L18,12C18,13.35 17.55,14.6 16.8,15.6C17.55,16.27 18,17.1 18,18M12,16C9.79,16 8,16.9 8,18C8,19.1 9.79,20 12,20C14.21,20 16,19.1 16,18C16,16.9 14.21,16 12,16M12,14C13.12,14 14.17,14.21 15.07,14.56C15.65,13.87 16,13 16,12A4,4 0 0,0 12,8A4,4 0 0,0 8,12C8,13 8.35,13.87 8.93,14.56C9.83,14.21 10.88,14 12,14M14.09,3.14V3.14Z\"\n        ></path>\n      </g>\n\n      <g id=\"duck\">\n        <path\n          d=\"M8.5,5A1.5,1.5 0 0,0 7,6.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 10,6.5A1.5,1.5 0 0,0 8.5,5M10,2A5,5 0 0,1 15,7C15,8.7 14.15,10.2 12.86,11.1C14.44,11.25 16.22,11.61 18,12.5C21,14 22,12 22,12C22,12 21,21 15,21H9C9,21 4,21 4,16C4,13 7,12 6,10C2,10 2,6.5 2,6.5C3,7 4.24,7 5,6.65C5.19,4.05 7.36,2 10,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pig\">\n        <path\n          d=\"M9.5,9A1.5,1.5 0 0,0 8,10.5A1.5,1.5 0 0,0 9.5,12A1.5,1.5 0 0,0 11,10.5A1.5,1.5 0 0,0 9.5,9M14.5,9A1.5,1.5 0 0,0 13,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,10.5A1.5,1.5 0 0,0 14.5,9M12,4L12.68,4.03C13.62,3.24 14.82,2.59 15.72,2.35C17.59,1.85 20.88,2.23 21.31,3.83C21.62,5 20.6,6.45 19.03,7.38C20.26,8.92 21,10.87 21,13A9,9 0 0,1 12,22A9,9 0 0,1 3,13C3,10.87 3.74,8.92 4.97,7.38C3.4,6.45 2.38,5 2.69,3.83C3.12,2.23 6.41,1.85 8.28,2.35C9.18,2.59 10.38,3.24 11.32,4.03L12,4M10,16A1,1 0 0,1 11,17A1,1 0 0,1 10,18A1,1 0 0,1 9,17A1,1 0 0,1 10,16M14,16A1,1 0 0,1 15,17A1,1 0 0,1 14,18A1,1 0 0,1 13,17A1,1 0 0,1 14,16M12,13C9.24,13 7,15.34 7,17C7,18.66 9.24,20 12,20C14.76,20 17,18.66 17,17C17,15.34 14.76,13 12,13M7.76,4.28C7.31,4.16 4.59,4.35 4.59,4.35C4.59,4.35 6.8,6.1 7.24,6.22C7.69,6.34 9.77,6.43 9.91,5.9C10.06,5.36 8.2,4.4 7.76,4.28M16.24,4.28C15.8,4.4 13.94,5.36 14.09,5.9C14.23,6.43 16.31,6.34 16.76,6.22C17.2,6.1 19.41,4.35 19.41,4.35C19.41,4.35 16.69,4.16 16.24,4.28Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b2f3901f2611eda0c389891c227ec8 || (_templateObject_b7b2f3901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-agriculture\" size=\"24\">\n    <svg>\n      <g id=\"cow\">\n        <path\n          d=\"M10.5,18A0.5,0.5 0 0,1 11,18.5A0.5,0.5 0 0,1 10.5,19A0.5,0.5 0 0,1 10,18.5A0.5,0.5 0 0,1 10.5,18M13.5,18A0.5,0.5 0 0,1 14,18.5A0.5,0.5 0 0,1 13.5,19A0.5,0.5 0 0,1 13,18.5A0.5,0.5 0 0,1 13.5,18M10,11A1,1 0 0,1 11,12A1,1 0 0,1 10,13A1,1 0 0,1 9,12A1,1 0 0,1 10,11M14,11A1,1 0 0,1 15,12A1,1 0 0,1 14,13A1,1 0 0,1 13,12A1,1 0 0,1 14,11M18,18C18,20.21 15.31,22 12,22C8.69,22 6,20.21 6,18C6,17.1 6.45,16.27 7.2,15.6C6.45,14.6 6,13.35 6,12L6.12,10.78C5.58,10.93 4.93,10.93 4.4,10.78C3.38,10.5 1.84,9.35 2.07,8.55C2.3,7.75 4.21,7.6 5.23,7.9C5.82,8.07 6.45,8.5 6.82,8.96L7.39,8.15C6.79,7.05 7,4 10,3L9.91,3.14V3.14C9.63,3.58 8.91,4.97 9.67,6.47C10.39,6.17 11.17,6 12,6C12.83,6 13.61,6.17 14.33,6.47C15.09,4.97 14.37,3.58 14.09,3.14L14,3C17,4 17.21,7.05 16.61,8.15L17.18,8.96C17.55,8.5 18.18,8.07 18.77,7.9C19.79,7.6 21.7,7.75 21.93,8.55C22.16,9.35 20.62,10.5 19.6,10.78C19.07,10.93 18.42,10.93 17.88,10.78L18,12C18,13.35 17.55,14.6 16.8,15.6C17.55,16.27 18,17.1 18,18M12,16C9.79,16 8,16.9 8,18C8,19.1 9.79,20 12,20C14.21,20 16,19.1 16,18C16,16.9 14.21,16 12,16M12,14C13.12,14 14.17,14.21 15.07,14.56C15.65,13.87 16,13 16,12A4,4 0 0,0 12,8A4,4 0 0,0 8,12C8,13 8.35,13.87 8.93,14.56C9.83,14.21 10.88,14 12,14M14.09,3.14V3.14Z\"\n        ></path>\n      </g>\n\n      <g id=\"duck\">\n        <path\n          d=\"M8.5,5A1.5,1.5 0 0,0 7,6.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 10,6.5A1.5,1.5 0 0,0 8.5,5M10,2A5,5 0 0,1 15,7C15,8.7 14.15,10.2 12.86,11.1C14.44,11.25 16.22,11.61 18,12.5C21,14 22,12 22,12C22,12 21,21 15,21H9C9,21 4,21 4,16C4,13 7,12 6,10C2,10 2,6.5 2,6.5C3,7 4.24,7 5,6.65C5.19,4.05 7.36,2 10,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pig\">\n        <path\n          d=\"M9.5,9A1.5,1.5 0 0,0 8,10.5A1.5,1.5 0 0,0 9.5,12A1.5,1.5 0 0,0 11,10.5A1.5,1.5 0 0,0 9.5,9M14.5,9A1.5,1.5 0 0,0 13,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,10.5A1.5,1.5 0 0,0 14.5,9M12,4L12.68,4.03C13.62,3.24 14.82,2.59 15.72,2.35C17.59,1.85 20.88,2.23 21.31,3.83C21.62,5 20.6,6.45 19.03,7.38C20.26,8.92 21,10.87 21,13A9,9 0 0,1 12,22A9,9 0 0,1 3,13C3,10.87 3.74,8.92 4.97,7.38C3.4,6.45 2.38,5 2.69,3.83C3.12,2.23 6.41,1.85 8.28,2.35C9.18,2.59 10.38,3.24 11.32,4.03L12,4M10,16A1,1 0 0,1 11,17A1,1 0 0,1 10,18A1,1 0 0,1 9,17A1,1 0 0,1 10,16M14,16A1,1 0 0,1 15,17A1,1 0 0,1 14,18A1,1 0 0,1 13,17A1,1 0 0,1 14,16M12,13C9.24,13 7,15.34 7,17C7,18.66 9.24,20 12,20C14.76,20 17,18.66 17,17C17,15.34 14.76,13 12,13M7.76,4.28C7.31,4.16 4.59,4.35 4.59,4.35C4.59,4.35 6.8,6.1 7.24,6.22C7.69,6.34 9.77,6.43 9.91,5.9C10.06,5.36 8.2,4.4 7.76,4.28M16.24,4.28C15.8,4.4 13.94,5.36 14.09,5.9C14.23,6.43 16.31,6.34 16.76,6.22C17.2,6.1 19.41,4.35 19.41,4.35C19.41,4.35 16.69,4.16 16.24,4.28Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-alert-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-alert-iconset-svg.js
index 9b92aa2d07f..2c158cea447 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-alert-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-alert-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0ccd0501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b341b01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0ccd0501f0511ed8cc3e9a95995ad69 || (_templateObject_e0ccd0501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-alert\" size=\"24\">\n    <svg>\n      <g id=\"account-alert\">\n        <path\n          d=\"M10,4A4,4 0 0,1 14,8A4,4 0 0,1 10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,14C14.42,14 18,15.79 18,18V20H2V18C2,15.79 5.58,14 10,14M20,12V7H22V12H20M20,16V14H22V16H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"alert\">\n        <path d=\"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z\"></path>\n      </g>\n\n      <g id=\"alert-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M13,13V7H11V13H13M13,17V15H11V17H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"alert-circle\">\n        <path\n          d=\"M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-alert\">\n        <path\n          d=\"M13,14H11V9H13M13,18H11V16H13M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"clipboard-alert\">\n        <path\n          d=\"M12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5M13,14H11V8H13M13,18H11V16H13M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"disk-alert\">\n        <path\n          d=\"M10,14C8.89,14 8,13.1 8,12C8,10.89 8.89,10 10,10A2,2 0 0,1 12,12A2,2 0 0,1 10,14M10,4A8,8 0 0,0 2,12A8,8 0 0,0 10,20A8,8 0 0,0 18,12A8,8 0 0,0 10,4M20,12H22V7H20M20,16H22V14H20V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"message-alert\">\n        <path\n          d=\"M13,10H11V6H13M13,14H11V12H13M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b341b01f2611eda0c389891c227ec8 || (_templateObject_b7b341b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-alert\" size=\"24\">\n    <svg>\n      <g id=\"account-alert\">\n        <path\n          d=\"M10,4A4,4 0 0,1 14,8A4,4 0 0,1 10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,14C14.42,14 18,15.79 18,18V20H2V18C2,15.79 5.58,14 10,14M20,12V7H22V12H20M20,16V14H22V16H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"alert\">\n        <path d=\"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z\"></path>\n      </g>\n\n      <g id=\"alert-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M13,13V7H11V13H13M13,17V15H11V17H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"alert-circle\">\n        <path\n          d=\"M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-alert\">\n        <path\n          d=\"M13,14H11V9H13M13,18H11V16H13M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"clipboard-alert\">\n        <path\n          d=\"M12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5M13,14H11V8H13M13,18H11V16H13M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"disk-alert\">\n        <path\n          d=\"M10,14C8.89,14 8,13.1 8,12C8,10.89 8.89,10 10,10A2,2 0 0,1 12,12A2,2 0 0,1 10,14M10,4A8,8 0 0,0 2,12A8,8 0 0,0 10,20A8,8 0 0,0 18,12A8,8 0 0,0 10,4M20,12H22V7H20M20,16H22V14H20V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"message-alert\">\n        <path\n          d=\"M13,10H11V6H13M13,14H11V12H13M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-arrange-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-arrange-iconset-svg.js
index 8366f82411a..96fead4a542 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-arrange-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-arrange-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0cd1e701f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b38fd01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0cd1e701f0511ed8cc3e9a95995ad69 || (_templateObject_e0cd1e701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-arrange\" size=\"24\">\n    <svg>\n      <g id=\"arrange-bring-forward\">\n        <path d=\"M2,2H16V16H2V2M22,8V22H8V18H10V20H20V10H18V8H22Z\"></path>\n      </g>\n\n      <g id=\"arrange-bring-to-front\">\n        <path\n          d=\"M2,2H11V6H9V4H4V9H6V11H2V2M22,13V22H13V18H15V20H20V15H18V13H22M8,8H16V16H8V8Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrange-send-backward\">\n        <path d=\"M2,2H16V16H2V2M22,8V22H8V18H18V8H22M4,4V14H14V4H4Z\"></path>\n      </g>\n\n      <g id=\"arrange-send-to-back\">\n        <path\n          d=\"M2,2H11V11H2V2M9,4H4V9H9V4M22,13V22H13V13H22M15,20H20V15H15V20M16,8V11H13V8H16M11,16H8V13H11V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"flip-to-back\">\n        <path\n          d=\"M15,17H17V15H15M15,5H17V3H15M5,7H3V19A2,2 0 0,0 5,21H17V19H5M19,17A2,2 0 0,0 21,15H19M19,9H21V7H19M19,13H21V11H19M9,17V15H7A2,2 0 0,0 9,17M13,3H11V5H13M19,3V5H21C21,3.89 20.1,3 19,3M13,15H11V17H13M9,3C7.89,3 7,3.89 7,5H9M9,11H7V13H9M9,7H7V9H9V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"flip-to-front\">\n        <path\n          d=\"M7,21H9V19H7M11,21H13V19H11M19,15H9V5H19M19,3H9C7.89,3 7,3.89 7,5V15A2,2 0 0,0 9,17H14L18,17H19A2,2 0 0,0 21,15V5C21,3.89 20.1,3 19,3M15,21H17V19H15M3,9H5V7H3M5,21V19H3A2,2 0 0,0 5,21M3,17H5V15H3M3,13H5V11H3V13Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b38fd01f2611eda0c389891c227ec8 || (_templateObject_b7b38fd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-arrange\" size=\"24\">\n    <svg>\n      <g id=\"arrange-bring-forward\">\n        <path d=\"M2,2H16V16H2V2M22,8V22H8V18H10V20H20V10H18V8H22Z\"></path>\n      </g>\n\n      <g id=\"arrange-bring-to-front\">\n        <path\n          d=\"M2,2H11V6H9V4H4V9H6V11H2V2M22,13V22H13V18H15V20H20V15H18V13H22M8,8H16V16H8V8Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrange-send-backward\">\n        <path d=\"M2,2H16V16H2V2M22,8V22H8V18H18V8H22M4,4V14H14V4H4Z\"></path>\n      </g>\n\n      <g id=\"arrange-send-to-back\">\n        <path\n          d=\"M2,2H11V11H2V2M9,4H4V9H9V4M22,13V22H13V13H22M15,20H20V15H15V20M16,8V11H13V8H16M11,16H8V13H11V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"flip-to-back\">\n        <path\n          d=\"M15,17H17V15H15M15,5H17V3H15M5,7H3V19A2,2 0 0,0 5,21H17V19H5M19,17A2,2 0 0,0 21,15H19M19,9H21V7H19M19,13H21V11H19M9,17V15H7A2,2 0 0,0 9,17M13,3H11V5H13M19,3V5H21C21,3.89 20.1,3 19,3M13,15H11V17H13M9,3C7.89,3 7,3.89 7,5H9M9,11H7V13H9M9,7H7V9H9V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"flip-to-front\">\n        <path\n          d=\"M7,21H9V19H7M11,21H13V19H11M19,15H9V5H19M19,3H9C7.89,3 7,3.89 7,5V15A2,2 0 0,0 9,17H14L18,17H19A2,2 0 0,0 21,15V5C21,3.89 20.1,3 19,3M15,21H17V19H15M3,9H5V7H3M5,21V19H3A2,2 0 0,0 5,21M3,17H5V15H3M3,13H5V11H3V13Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-arrow-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-arrow-iconset-svg.js
index fdbdbc79a9a..8d0a07b70c1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-arrow-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-arrow-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0cd6c901f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b405001f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0cd6c901f0511ed8cc3e9a95995ad69 || (_templateObject_e0cd6c901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-arrow\" size=\"24\">\n    <svg>\n      <g id=\"arrow-down\">\n        <path\n          d=\"M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down-bold-circle\">\n        <path\n          d=\"M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,17L17,12H14V8H10V12H7L12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down-bold-circle-outline\">\n        <path\n          d=\"M12,17L7,12H10V8H14V12H17L12,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down-thick\">\n        <path\n          d=\"M10,4H14V13L17.5,9.5L19.92,11.92L12,19.84L4.08,11.92L6.5,9.5L10,13V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left\">\n        <path\n          d=\"M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-bold-circle\">\n        <path\n          d=\"M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7,12L12,17V14H16V10H12V7L7,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-bold-circle-outline\">\n        <path\n          d=\"M7,12L12,7V10H16V14H12V17L7,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-thick\">\n        <path\n          d=\"M20,10V14H11L14.5,17.5L12.08,19.92L4.16,12L12.08,4.08L14.5,6.5L11,10H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right\">\n        <path\n          d=\"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-bold-circle\">\n        <path\n          d=\"M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M17,12L12,7V10H8V14H12V17L17,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-bold-circle-outline\">\n        <path\n          d=\"M17,12L12,17V14H8V10H12V7L17,12M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-thick\">\n        <path\n          d=\"M4,10V14H13L9.5,17.5L11.92,19.92L19.84,12L11.92,4.08L9.5,6.5L13,10H4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up\">\n        <path\n          d=\"M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-bold-circle\">\n        <path\n          d=\"M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,7L7,12H10V16H14V12H17L12,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-bold-circle-outline\">\n        <path\n          d=\"M12,7L17,12H14V16H10V12H7L12,7M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-thick\">\n        <path\n          d=\"M14,20H10V11L6.5,14.5L4.08,12.08L12,4.16L19.92,12.08L17.5,14.5L14,11V20Z\"\n        ></path>\n      </g>\n\n      <g id=\"clipboard-arrow-down\">\n        <path\n          d=\"M12,18L7,13H10V9H14V13H17M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"clipboard-arrow-left\">\n        <path\n          d=\"M16,15H12V18L7,13L12,8V11H16M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"swap-horizontal\">\n        <path d=\"M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z\"></path>\n      </g>\n\n      <g id=\"swap-vertical\">\n        <path\n          d=\"M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b405001f2611eda0c389891c227ec8 || (_templateObject_b7b405001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-arrow\" size=\"24\">\n    <svg>\n      <g id=\"arrow-down\">\n        <path\n          d=\"M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down-bold-circle\">\n        <path\n          d=\"M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,17L17,12H14V8H10V12H7L12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down-bold-circle-outline\">\n        <path\n          d=\"M12,17L7,12H10V8H14V12H17L12,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down-thick\">\n        <path\n          d=\"M10,4H14V13L17.5,9.5L19.92,11.92L12,19.84L4.08,11.92L6.5,9.5L10,13V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left\">\n        <path\n          d=\"M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-bold-circle\">\n        <path\n          d=\"M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7,12L12,17V14H16V10H12V7L7,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-bold-circle-outline\">\n        <path\n          d=\"M7,12L12,7V10H16V14H12V17L7,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-thick\">\n        <path\n          d=\"M20,10V14H11L14.5,17.5L12.08,19.92L4.16,12L12.08,4.08L14.5,6.5L11,10H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right\">\n        <path\n          d=\"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-bold-circle\">\n        <path\n          d=\"M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M17,12L12,7V10H8V14H12V17L17,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-bold-circle-outline\">\n        <path\n          d=\"M17,12L12,17V14H8V10H12V7L17,12M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-thick\">\n        <path\n          d=\"M4,10V14H13L9.5,17.5L11.92,19.92L19.84,12L11.92,4.08L9.5,6.5L13,10H4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up\">\n        <path\n          d=\"M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-bold-circle\">\n        <path\n          d=\"M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,7L7,12H10V16H14V12H17L12,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-bold-circle-outline\">\n        <path\n          d=\"M12,7L17,12H14V16H10V12H7L12,7M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-thick\">\n        <path\n          d=\"M14,20H10V11L6.5,14.5L4.08,12.08L12,4.16L19.92,12.08L17.5,14.5L14,11V20Z\"\n        ></path>\n      </g>\n\n      <g id=\"clipboard-arrow-down\">\n        <path\n          d=\"M12,18L7,13H10V9H14V13H17M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"clipboard-arrow-left\">\n        <path\n          d=\"M16,15H12V18L7,13L12,8V11H16M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"swap-horizontal\">\n        <path d=\"M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z\"></path>\n      </g>\n\n      <g id=\"swap-vertical\">\n        <path\n          d=\"M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-audio-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-audio-iconset-svg.js
index eb0e86910e1..a50ef8f2704 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-audio-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-audio-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0ce7e001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b4ef601f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0ce7e001f0511ed8cc3e9a95995ad69 || (_templateObject_e0ce7e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-audio\" size=\"24\">\n    <svg>\n      <g id=\"fast-forward\">\n        <path d=\"M13,6V18L21.5,12M4,18L12.5,12L4,6V18Z\"></path>\n      </g>\n\n      <g id=\"pause\"><path d=\"M14,19H18V5H14M6,19H10V5H6V19Z\"></path></g>\n\n      <g id=\"pause-circle\">\n        <path\n          d=\"M15,16H13V8H15M11,16H9V8H11M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-circle-outline\">\n        <path\n          d=\"M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"play\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\"></path></g>\n\n      <g id=\"play-circle\">\n        <path\n          d=\"M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"play-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"quality-high\">\n        <path\n          d=\"M14.5,13.5H16.5V10.5H14.5M18,14A1,1 0 0,1 17,15H16.25V16.5H14.75V15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,15H9.5V13H7.5V15H6V9H7.5V11.5H9.5V9H11M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"rewind\">\n        <path d=\"M11.5,12L20,18V6M11,18V6L2.5,12L11,18Z\"></path>\n      </g>\n\n      <g id=\"skip-next\">\n        <path d=\"M16,18H18V6H16M6,18L14.5,12L6,6V18Z\"></path>\n      </g>\n\n      <g id=\"skip-previous\">\n        <path d=\"M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z\"></path>\n      </g>\n\n      <g id=\"stop\"><path d=\"M18,18H6V6H18V18Z\"></path></g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b4ef601f2611eda0c389891c227ec8 || (_templateObject_b7b4ef601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-audio\" size=\"24\">\n    <svg>\n      <g id=\"fast-forward\">\n        <path d=\"M13,6V18L21.5,12M4,18L12.5,12L4,6V18Z\"></path>\n      </g>\n\n      <g id=\"pause\"><path d=\"M14,19H18V5H14M6,19H10V5H6V19Z\"></path></g>\n\n      <g id=\"pause-circle\">\n        <path\n          d=\"M15,16H13V8H15M11,16H9V8H11M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-circle-outline\">\n        <path\n          d=\"M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"play\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\"></path></g>\n\n      <g id=\"play-circle\">\n        <path\n          d=\"M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"play-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"quality-high\">\n        <path\n          d=\"M14.5,13.5H16.5V10.5H14.5M18,14A1,1 0 0,1 17,15H16.25V16.5H14.75V15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,15H9.5V13H7.5V15H6V9H7.5V11.5H9.5V9H11M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"rewind\">\n        <path d=\"M11.5,12L20,18V6M11,18V6L2.5,12L11,18Z\"></path>\n      </g>\n\n      <g id=\"skip-next\">\n        <path d=\"M16,18H18V6H16M6,18L14.5,12L6,6V18Z\"></path>\n      </g>\n\n      <g id=\"skip-previous\">\n        <path d=\"M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z\"></path>\n      </g>\n\n      <g id=\"stop\"><path d=\"M18,18H6V6H18V18Z\"></path></g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-auth-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-auth-iconset-svg.js
index da024703b9b..76c80362979 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-auth-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-auth-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0cecc201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b53d801f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0cecc201f0511ed8cc3e9a95995ad69 || (_templateObject_e0cecc201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-auth\" size=\"24\">\n    <svg>\n      <g id=\"login\">\n        <path\n          d=\"M10,17.25V14H3V10H10V6.75L15.25,12L10,17.25M8,2H17A2,2 0 0,1 19,4V20A2,2 0 0,1 17,22H8A2,2 0 0,1 6,20V16H8V20H17V4H8V8H6V4A2,2 0 0,1 8,2Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b53d801f2611eda0c389891c227ec8 || (_templateObject_b7b53d801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-auth\" size=\"24\">\n    <svg>\n      <g id=\"login\">\n        <path\n          d=\"M10,17.25V14H3V10H10V6.75L15.25,12L10,17.25M8,2H17A2,2 0 0,1 19,4V20A2,2 0 0,1 17,22H8A2,2 0 0,1 6,20V16H8V20H17V4H8V8H6V4A2,2 0 0,1 8,2Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-av-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-av-iconset-svg.js
index 77da53273ac..a6cf7990402 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-av-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-av-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0cf1a401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b5b2b01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0cf1a401f0511ed8cc3e9a95995ad69 || (_templateObject_e0cf1a401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-av\" size=\"24\">\n    <svg>\n      <g id=\"camera\">\n        <path\n          d=\"M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"camera-party-mode\">\n        <path\n          d=\"M12,17C10.37,17 8.94,16.21 8,15H12A3,3 0 0,0 15,12C15,11.65 14.93,11.31 14.82,11H16.9C16.96,11.32 17,11.66 17,12A5,5 0 0,1 12,17M12,7C13.63,7 15.06,7.79 16,9H12A3,3 0 0,0 9,12C9,12.35 9.07,12.68 9.18,13H7.1C7.03,12.68 7,12.34 7,12A5,5 0 0,1 12,7M20,4H16.83L15,2H9L7.17,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"crosshairs\">\n        <path\n          d=\"M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"crosshairs-gps\">\n        <path\n          d=\"M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-music\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M9,16A2,2 0 0,0 7,18A2,2 0 0,0 9,20A2,2 0 0,0 11,18V13H14V11H10V16.27C9.71,16.1 9.36,16 9,16Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash\"><path d=\"M7,2V13H10V22L17,10H13L17,2H7Z\"></path></g>\n\n      <g id=\"flash-auto\">\n        <path\n          d=\"M16.85,7.65L18,4L19.15,7.65M19,2H17L13.8,11H15.7L16.4,9H19.6L20.3,11H22.2M3,2V14H6V23L13,11H9L13,2H3Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash-off\">\n        <path\n          d=\"M17,10H13L17,2H7V4.18L15.46,12.64M3.27,3L2,4.27L7,9.27V13H10V22L13.58,15.86L17.73,20L19,18.73L3.27,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"library-music\">\n        <path\n          d=\"M4,6H2V20A2,2 0 0,0 4,22H18V20H4M18,7H15V12.5A2.5,2.5 0 0,1 12.5,15A2.5,2.5 0 0,1 10,12.5A2.5,2.5 0 0,1 12.5,10C13.07,10 13.58,10.19 14,10.5V5H18M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"music-box\">\n        <path\n          d=\"M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"music-box-outline\">\n        <path\n          d=\"M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16V9M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M5,5V19H19V5H5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b5b2b01f2611eda0c389891c227ec8 || (_templateObject_b7b5b2b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-av\" size=\"24\">\n    <svg>\n      <g id=\"camera\">\n        <path\n          d=\"M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"camera-party-mode\">\n        <path\n          d=\"M12,17C10.37,17 8.94,16.21 8,15H12A3,3 0 0,0 15,12C15,11.65 14.93,11.31 14.82,11H16.9C16.96,11.32 17,11.66 17,12A5,5 0 0,1 12,17M12,7C13.63,7 15.06,7.79 16,9H12A3,3 0 0,0 9,12C9,12.35 9.07,12.68 9.18,13H7.1C7.03,12.68 7,12.34 7,12A5,5 0 0,1 12,7M20,4H16.83L15,2H9L7.17,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"crosshairs\">\n        <path\n          d=\"M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"crosshairs-gps\">\n        <path\n          d=\"M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-music\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M9,16A2,2 0 0,0 7,18A2,2 0 0,0 9,20A2,2 0 0,0 11,18V13H14V11H10V16.27C9.71,16.1 9.36,16 9,16Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash\"><path d=\"M7,2V13H10V22L17,10H13L17,2H7Z\"></path></g>\n\n      <g id=\"flash-auto\">\n        <path\n          d=\"M16.85,7.65L18,4L19.15,7.65M19,2H17L13.8,11H15.7L16.4,9H19.6L20.3,11H22.2M3,2V14H6V23L13,11H9L13,2H3Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash-off\">\n        <path\n          d=\"M17,10H13L17,2H7V4.18L15.46,12.64M3.27,3L2,4.27L7,9.27V13H10V22L13.58,15.86L17.73,20L19,18.73L3.27,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"library-music\">\n        <path\n          d=\"M4,6H2V20A2,2 0 0,0 4,22H18V20H4M18,7H15V12.5A2.5,2.5 0 0,1 12.5,15A2.5,2.5 0 0,1 10,12.5A2.5,2.5 0 0,1 12.5,10C13.07,10 13.58,10.19 14,10.5V5H18M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"music-box\">\n        <path\n          d=\"M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"music-box-outline\">\n        <path\n          d=\"M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16V9M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M5,5V19H19V5H5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-battery-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-battery-iconset-svg.js
index 1cbb2308972..5a49c45e38b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-battery-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-battery-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0cf68601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b600d01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0cf68601f0511ed8cc3e9a95995ad69 || (_templateObject_e0cf68601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-battery\" size=\"24\">\n    <svg>\n      <g id=\"battery\">\n        <path\n          d=\"M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-20\">\n        <path\n          d=\"M16,17H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-30\">\n        <path\n          d=\"M16,15H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-40\">\n        <path\n          d=\"M16,14H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-60\">\n        <path\n          d=\"M16,12H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-80\">\n        <path\n          d=\"M16,9H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-90\">\n        <path\n          d=\"M16,8H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-alert\">\n        <path\n          d=\"M13,14H11V9H13M13,18H11V16H13M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-100\">\n        <path\n          d=\"M23,11H20V4L15,14H18V22M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-20\">\n        <path\n          d=\"M23.05,11H20.05V4L15.05,14H18.05V22M12.05,17H4.05V6H12.05M12.72,4H11.05V2H5.05V4H3.38A1.33,1.33 0 0,0 2.05,5.33V20.67C2.05,21.4 2.65,22 3.38,22H12.72C13.45,22 14.05,21.4 14.05,20.67V5.33A1.33,1.33 0 0,0 12.72,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-30\">\n        <path\n          d=\"M12,15H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4M23,11H20V4L15,14H18V22L23,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-40\">\n        <path\n          d=\"M23,11H20V4L15,14H18V22M12,13H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-60\">\n        <path\n          d=\"M12,11H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4M23,11H20V4L15,14H18V22L23,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-80\">\n        <path\n          d=\"M23,11H20V4L15,14H18V22M12,9H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-90\">\n        <path\n          d=\"M23,11H20V4L15,14H18V22M12,8H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-minus\">\n        <path\n          d=\"M16.67,4C17.4,4 18,4.6 18,5.33V20.67A1.33,1.33 0 0,1 16.67,22H7.33C6.6,22 6,21.4 6,20.67V5.33A1.33,1.33 0 0,1 7.33,4H9V2H15V4H16.67M8,12V14H16V12\"\n        ></path>\n      </g>\n\n      <g id=\"battery-negative\">\n        <path\n          d=\"M11.67,4A1.33,1.33 0 0,1 13,5.33V20.67C13,21.4 12.4,22 11.67,22H2.33C1.6,22 1,21.4 1,20.67V5.33A1.33,1.33 0 0,1 2.33,4H4V2H10V4H11.67M15,12H23V14H15V12M3,13H11V6H3V13Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-outline\">\n        <path\n          d=\"M16,20H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-plus\">\n        <path\n          d=\"M16.67,4C17.4,4 18,4.6 18,5.33V20.67A1.33,1.33 0 0,1 16.67,22H7.33C6.6,22 6,21.4 6,20.67V5.33A1.33,1.33 0 0,1 7.33,4H9V2H15V4H16.67M16,14V12H13V9H11V12H8V14H11V17H13V14H16Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-positive\">\n        <path\n          d=\"M11.67,4A1.33,1.33 0 0,1 13,5.33V20.67C13,21.4 12.4,22 11.67,22H2.33C1.6,22 1,21.4 1,20.67V5.33A1.33,1.33 0 0,1 2.33,4H4V2H10V4H11.67M23,14H20V17H18V14H15V12H18V9H20V12H23V14M3,13H11V6H3V13Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-unknown\">\n        <path\n          d=\"M15.07,12.25L14.17,13.17C13.63,13.71 13.25,14.18 13.09,15H11.05C11.16,14.1 11.56,13.28 12.17,12.67L13.41,11.41C13.78,11.05 14,10.55 14,10C14,8.89 13.1,8 12,8A2,2 0 0,0 10,10H8A4,4 0 0,1 12,6A4,4 0 0,1 16,10C16,10.88 15.64,11.68 15.07,12.25M13,19H11V17H13M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.66C6,21.4 6.6,22 7.33,22H16.67C17.4,22 18,21.4 18,20.66V5.33C18,4.59 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b600d01f2611eda0c389891c227ec8 || (_templateObject_b7b600d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-battery\" size=\"24\">\n    <svg>\n      <g id=\"battery\">\n        <path\n          d=\"M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-20\">\n        <path\n          d=\"M16,17H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-30\">\n        <path\n          d=\"M16,15H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-40\">\n        <path\n          d=\"M16,14H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-60\">\n        <path\n          d=\"M16,12H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-80\">\n        <path\n          d=\"M16,9H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-90\">\n        <path\n          d=\"M16,8H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-alert\">\n        <path\n          d=\"M13,14H11V9H13M13,18H11V16H13M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-100\">\n        <path\n          d=\"M23,11H20V4L15,14H18V22M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-20\">\n        <path\n          d=\"M23.05,11H20.05V4L15.05,14H18.05V22M12.05,17H4.05V6H12.05M12.72,4H11.05V2H5.05V4H3.38A1.33,1.33 0 0,0 2.05,5.33V20.67C2.05,21.4 2.65,22 3.38,22H12.72C13.45,22 14.05,21.4 14.05,20.67V5.33A1.33,1.33 0 0,0 12.72,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-30\">\n        <path\n          d=\"M12,15H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4M23,11H20V4L15,14H18V22L23,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-40\">\n        <path\n          d=\"M23,11H20V4L15,14H18V22M12,13H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-60\">\n        <path\n          d=\"M12,11H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4M23,11H20V4L15,14H18V22L23,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-80\">\n        <path\n          d=\"M23,11H20V4L15,14H18V22M12,9H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-charging-90\">\n        <path\n          d=\"M23,11H20V4L15,14H18V22M12,8H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-minus\">\n        <path\n          d=\"M16.67,4C17.4,4 18,4.6 18,5.33V20.67A1.33,1.33 0 0,1 16.67,22H7.33C6.6,22 6,21.4 6,20.67V5.33A1.33,1.33 0 0,1 7.33,4H9V2H15V4H16.67M8,12V14H16V12\"\n        ></path>\n      </g>\n\n      <g id=\"battery-negative\">\n        <path\n          d=\"M11.67,4A1.33,1.33 0 0,1 13,5.33V20.67C13,21.4 12.4,22 11.67,22H2.33C1.6,22 1,21.4 1,20.67V5.33A1.33,1.33 0 0,1 2.33,4H4V2H10V4H11.67M15,12H23V14H15V12M3,13H11V6H3V13Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-outline\">\n        <path\n          d=\"M16,20H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-plus\">\n        <path\n          d=\"M16.67,4C17.4,4 18,4.6 18,5.33V20.67A1.33,1.33 0 0,1 16.67,22H7.33C6.6,22 6,21.4 6,20.67V5.33A1.33,1.33 0 0,1 7.33,4H9V2H15V4H16.67M16,14V12H13V9H11V12H8V14H11V17H13V14H16Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-positive\">\n        <path\n          d=\"M11.67,4A1.33,1.33 0 0,1 13,5.33V20.67C13,21.4 12.4,22 11.67,22H2.33C1.6,22 1,21.4 1,20.67V5.33A1.33,1.33 0 0,1 2.33,4H4V2H10V4H11.67M23,14H20V17H18V14H15V12H18V9H20V12H23V14M3,13H11V6H3V13Z\"\n        ></path>\n      </g>\n\n      <g id=\"battery-unknown\">\n        <path\n          d=\"M15.07,12.25L14.17,13.17C13.63,13.71 13.25,14.18 13.09,15H11.05C11.16,14.1 11.56,13.28 12.17,12.67L13.41,11.41C13.78,11.05 14,10.55 14,10C14,8.89 13.1,8 12,8A2,2 0 0,0 10,10H8A4,4 0 0,1 12,6A4,4 0 0,1 16,10C16,10.88 15.64,11.68 15.07,12.25M13,19H11V17H13M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.66C6,21.4 6.6,22 7.33,22H16.67C17.4,22 18,21.4 18,20.66V5.33C18,4.59 17.4,4 16.67,4Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-bell-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-bell-iconset-svg.js
index 758955861fa..fc0fe93ba80 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-bell-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-bell-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0cfb6801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b64ef01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0cfb6801f0511ed8cc3e9a95995ad69 || (_templateObject_e0cfb6801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-bell\" size=\"24\">\n    <svg>\n      <g id=\"bell\">\n        <path\n          d=\"M14,20A2,2 0 0,1 12,22A2,2 0 0,1 10,20H14M12,2A1,1 0 0,1 13,3V4.08C15.84,4.56 18,7.03 18,10V16L21,19H3L6,16V10C6,7.03 8.16,4.56 11,4.08V3A1,1 0 0,1 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"bell-off\">\n        <path\n          d=\"M14,20A2,2 0 0,1 12,22A2,2 0 0,1 10,20H14M19.74,21.57L17.17,19H3L6,16V10C6,9.35 6.1,8.72 6.3,8.13L3.47,5.3L4.89,3.89L7.29,6.29L21.15,20.15L19.74,21.57M11,4.08V3A1,1 0 0,1 12,2A1,1 0 0,1 13,3V4.08C15.84,4.56 18,7.03 18,10V14.17L8.77,4.94C9.44,4.5 10.19,4.22 11,4.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"bell-outline\">\n        <path\n          d=\"M16,17H7V10.5C7,8 9,6 11.5,6C14,6 16,8 16,10.5M18,16V10.5C18,7.43 15.86,4.86 13,4.18V3.5A1.5,1.5 0 0,0 11.5,2A1.5,1.5 0 0,0 10,3.5V4.18C7.13,4.86 5,7.43 5,10.5V16L3,18V19H20V18M11.5,22A2,2 0 0,0 13.5,20H9.5A2,2 0 0,0 11.5,22Z\"\n        ></path>\n      </g>\n\n      <g id=\"bell-ring\">\n        <path\n          d=\"M11.5,22C11.64,22 11.77,22 11.9,21.96C12.55,21.82 13.09,21.38 13.34,20.78C13.44,20.54 13.5,20.27 13.5,20H9.5A2,2 0 0,0 11.5,22M18,10.5C18,7.43 15.86,4.86 13,4.18V3.5A1.5,1.5 0 0,0 11.5,2A1.5,1.5 0 0,0 10,3.5V4.18C7.13,4.86 5,7.43 5,10.5V16L3,18V19H20V18L18,16M19.97,10H21.97C21.82,6.79 20.24,3.97 17.85,2.15L16.42,3.58C18.46,5 19.82,7.35 19.97,10M6.58,3.58L5.15,2.15C2.76,3.97 1.18,6.79 1,10H3C3.18,7.35 4.54,5 6.58,3.58Z\"\n        ></path>\n      </g>\n\n      <g id=\"bell-sleep\">\n        <path\n          d=\"M14,9.8L11.2,13.2H14V15H9V13.2L11.8,9.8H9V8H14M18,16V10.5C18,7.43 15.86,4.86 13,4.18V3.5A1.5,1.5 0 0,0 11.5,2A1.5,1.5 0 0,0 10,3.5V4.18C7.13,4.86 5,7.43 5,10.5V16L3,18V19H20V18M11.5,22A2,2 0 0,0 13.5,20H9.5A2,2 0 0,0 11.5,22Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b64ef01f2611eda0c389891c227ec8 || (_templateObject_b7b64ef01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-bell\" size=\"24\">\n    <svg>\n      <g id=\"bell\">\n        <path\n          d=\"M14,20A2,2 0 0,1 12,22A2,2 0 0,1 10,20H14M12,2A1,1 0 0,1 13,3V4.08C15.84,4.56 18,7.03 18,10V16L21,19H3L6,16V10C6,7.03 8.16,4.56 11,4.08V3A1,1 0 0,1 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"bell-off\">\n        <path\n          d=\"M14,20A2,2 0 0,1 12,22A2,2 0 0,1 10,20H14M19.74,21.57L17.17,19H3L6,16V10C6,9.35 6.1,8.72 6.3,8.13L3.47,5.3L4.89,3.89L7.29,6.29L21.15,20.15L19.74,21.57M11,4.08V3A1,1 0 0,1 12,2A1,1 0 0,1 13,3V4.08C15.84,4.56 18,7.03 18,10V14.17L8.77,4.94C9.44,4.5 10.19,4.22 11,4.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"bell-outline\">\n        <path\n          d=\"M16,17H7V10.5C7,8 9,6 11.5,6C14,6 16,8 16,10.5M18,16V10.5C18,7.43 15.86,4.86 13,4.18V3.5A1.5,1.5 0 0,0 11.5,2A1.5,1.5 0 0,0 10,3.5V4.18C7.13,4.86 5,7.43 5,10.5V16L3,18V19H20V18M11.5,22A2,2 0 0,0 13.5,20H9.5A2,2 0 0,0 11.5,22Z\"\n        ></path>\n      </g>\n\n      <g id=\"bell-ring\">\n        <path\n          d=\"M11.5,22C11.64,22 11.77,22 11.9,21.96C12.55,21.82 13.09,21.38 13.34,20.78C13.44,20.54 13.5,20.27 13.5,20H9.5A2,2 0 0,0 11.5,22M18,10.5C18,7.43 15.86,4.86 13,4.18V3.5A1.5,1.5 0 0,0 11.5,2A1.5,1.5 0 0,0 10,3.5V4.18C7.13,4.86 5,7.43 5,10.5V16L3,18V19H20V18L18,16M19.97,10H21.97C21.82,6.79 20.24,3.97 17.85,2.15L16.42,3.58C18.46,5 19.82,7.35 19.97,10M6.58,3.58L5.15,2.15C2.76,3.97 1.18,6.79 1,10H3C3.18,7.35 4.54,5 6.58,3.58Z\"\n        ></path>\n      </g>\n\n      <g id=\"bell-sleep\">\n        <path\n          d=\"M14,9.8L11.2,13.2H14V15H9V13.2L11.8,9.8H9V8H14M18,16V10.5C18,7.43 15.86,4.86 13,4.18V3.5A1.5,1.5 0 0,0 11.5,2A1.5,1.5 0 0,0 10,3.5V4.18C7.13,4.86 5,7.43 5,10.5V16L3,18V19H20V18M11.5,22A2,2 0 0,0 13.5,20H9.5A2,2 0 0,0 11.5,22Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-border-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-border-iconset-svg.js
index c6f3aa6d5a1..d2ddf871459 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-border-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-border-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0d02bb01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b6c4201f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0d02bb01f0511ed8cc3e9a95995ad69 || (_templateObject_e0d02bb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-border\" size=\"24\">\n    <svg>\n      <g id=\"border-all\">\n        <path\n          d=\"M19,11H13V5H19M19,19H13V13H19M11,11H5V5H11M11,19H5V13H11M3,21H21V3H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-bottom\">\n        <path\n          d=\"M5,15H3V17H5M3,21H21V19H3M5,11H3V13H5M19,9H21V7H19M19,5H21V3H19M5,7H3V9H5M19,17H21V15H19M19,13H21V11H19M17,3H15V5H17M13,3H11V5H13M17,11H15V13H17M13,7H11V9H13M5,3H3V5H5M13,11H11V13H13M9,3H7V5H9M13,15H11V17H13M9,11H7V13H9V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-color\">\n        <path\n          d=\"M20.71,4.04C21.1,3.65 21.1,3 20.71,2.63L18.37,0.29C18,-0.1 17.35,-0.1 16.96,0.29L15,2.25L18.75,6M17.75,7L14,3.25L4,13.25V17H7.75L17.75,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-horizontal\">\n        <path\n          d=\"M19,21H21V19H19M15,21H17V19H15M11,17H13V15H11M19,9H21V7H19M19,5H21V3H19M3,13H21V11H3M11,21H13V19H11M19,17H21V15H19M13,3H11V5H13M13,7H11V9H13M17,3H15V5H17M9,3H7V5H9M5,3H3V5H5M7,21H9V19H7M3,17H5V15H3M5,7H3V9H5M3,21H5V19H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-inside\">\n        <path\n          d=\"M19,17H21V15H19M19,21H21V19H19M13,3H11V11H3V13H11V21H13V13H21V11H13M15,21H17V19H15M19,5H21V3H19M19,9H21V7H19M17,3H15V5H17M5,3H3V5H5M9,3H7V5H9M3,17H5V15H3M5,7H3V9H5M7,21H9V19H7M3,21H5V19H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-left\">\n        <path\n          d=\"M15,5H17V3H15M15,13H17V11H15M19,21H21V19H19M19,13H21V11H19M19,5H21V3H19M19,17H21V15H19M15,21H17V19H15M19,9H21V7H19M3,21H5V3H3M7,13H9V11H7M7,5H9V3H7M7,21H9V19H7M11,13H13V11H11M11,9H13V7H11M11,5H13V3H11M11,17H13V15H11M11,21H13V19H11V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-none\">\n        <path\n          d=\"M15,5H17V3H15M15,13H17V11H15M15,21H17V19H15M11,5H13V3H11M19,5H21V3H19M11,9H13V7H11M19,9H21V7H19M19,21H21V19H19M19,13H21V11H19M19,17H21V15H19M11,13H13V11H11M3,5H5V3H3M3,9H5V7H3M3,13H5V11H3M3,17H5V15H3M3,21H5V19H3M11,21H13V19H11M11,17H13V15H11M7,21H9V19H7M7,13H9V11H7M7,5H9V3H7V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-outside\">\n        <path\n          d=\"M9,11H7V13H9M13,15H11V17H13M19,19H5V5H19M3,21H21V3H3M17,11H15V13H17M13,11H11V13H13M13,7H11V9H13V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-right\">\n        <path\n          d=\"M11,9H13V7H11M11,5H13V3H11M11,13H13V11H11M15,5H17V3H15M15,21H17V19H15M19,21H21V3H19M15,13H17V11H15M11,17H13V15H11M3,9H5V7H3M3,17H5V15H3M3,13H5V11H3M11,21H13V19H11M3,21H5V19H3M7,13H9V11H7M7,5H9V3H7M3,5H5V3H3M7,21H9V19H7V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-top\">\n        <path\n          d=\"M15,13H17V11H15M19,21H21V19H19M11,9H13V7H11M15,21H17V19H15M19,17H21V15H19M3,5H21V3H3M19,13H21V11H19M19,9H21V7H19M11,17H13V15H11M3,9H5V7H3M3,13H5V11H3M3,21H5V19H3M3,17H5V15H3M11,21H13V19H11M11,13H13V11H11M7,13H9V11H7M7,21H9V19H7V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-vertical\">\n        <path\n          d=\"M15,13H17V11H15M15,21H17V19H15M15,5H17V3H15M19,9H21V7H19M19,5H21V3H19M19,13H21V11H19M19,21H21V19H19M11,21H13V3H11M19,17H21V15H19M7,5H9V3H7M3,17H5V15H3M3,21H5V19H3M3,13H5V11H3M7,13H9V11H7M7,21H9V19H7M3,5H5V3H3M3,9H5V7H3V9Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b6c4201f2611eda0c389891c227ec8 || (_templateObject_b7b6c4201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-border\" size=\"24\">\n    <svg>\n      <g id=\"border-all\">\n        <path\n          d=\"M19,11H13V5H19M19,19H13V13H19M11,11H5V5H11M11,19H5V13H11M3,21H21V3H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-bottom\">\n        <path\n          d=\"M5,15H3V17H5M3,21H21V19H3M5,11H3V13H5M19,9H21V7H19M19,5H21V3H19M5,7H3V9H5M19,17H21V15H19M19,13H21V11H19M17,3H15V5H17M13,3H11V5H13M17,11H15V13H17M13,7H11V9H13M5,3H3V5H5M13,11H11V13H13M9,3H7V5H9M13,15H11V17H13M9,11H7V13H9V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-color\">\n        <path\n          d=\"M20.71,4.04C21.1,3.65 21.1,3 20.71,2.63L18.37,0.29C18,-0.1 17.35,-0.1 16.96,0.29L15,2.25L18.75,6M17.75,7L14,3.25L4,13.25V17H7.75L17.75,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-horizontal\">\n        <path\n          d=\"M19,21H21V19H19M15,21H17V19H15M11,17H13V15H11M19,9H21V7H19M19,5H21V3H19M3,13H21V11H3M11,21H13V19H11M19,17H21V15H19M13,3H11V5H13M13,7H11V9H13M17,3H15V5H17M9,3H7V5H9M5,3H3V5H5M7,21H9V19H7M3,17H5V15H3M5,7H3V9H5M3,21H5V19H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-inside\">\n        <path\n          d=\"M19,17H21V15H19M19,21H21V19H19M13,3H11V11H3V13H11V21H13V13H21V11H13M15,21H17V19H15M19,5H21V3H19M19,9H21V7H19M17,3H15V5H17M5,3H3V5H5M9,3H7V5H9M3,17H5V15H3M5,7H3V9H5M7,21H9V19H7M3,21H5V19H3V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-left\">\n        <path\n          d=\"M15,5H17V3H15M15,13H17V11H15M19,21H21V19H19M19,13H21V11H19M19,5H21V3H19M19,17H21V15H19M15,21H17V19H15M19,9H21V7H19M3,21H5V3H3M7,13H9V11H7M7,5H9V3H7M7,21H9V19H7M11,13H13V11H11M11,9H13V7H11M11,5H13V3H11M11,17H13V15H11M11,21H13V19H11V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-none\">\n        <path\n          d=\"M15,5H17V3H15M15,13H17V11H15M15,21H17V19H15M11,5H13V3H11M19,5H21V3H19M11,9H13V7H11M19,9H21V7H19M19,21H21V19H19M19,13H21V11H19M19,17H21V15H19M11,13H13V11H11M3,5H5V3H3M3,9H5V7H3M3,13H5V11H3M3,17H5V15H3M3,21H5V19H3M11,21H13V19H11M11,17H13V15H11M7,21H9V19H7M7,13H9V11H7M7,5H9V3H7V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-outside\">\n        <path\n          d=\"M9,11H7V13H9M13,15H11V17H13M19,19H5V5H19M3,21H21V3H3M17,11H15V13H17M13,11H11V13H13M13,7H11V9H13V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-right\">\n        <path\n          d=\"M11,9H13V7H11M11,5H13V3H11M11,13H13V11H11M15,5H17V3H15M15,21H17V19H15M19,21H21V3H19M15,13H17V11H15M11,17H13V15H11M3,9H5V7H3M3,17H5V15H3M3,13H5V11H3M11,21H13V19H11M3,21H5V19H3M7,13H9V11H7M7,5H9V3H7M3,5H5V3H3M7,21H9V19H7V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-top\">\n        <path\n          d=\"M15,13H17V11H15M19,21H21V19H19M11,9H13V7H11M15,21H17V19H15M19,17H21V15H19M3,5H21V3H3M19,13H21V11H19M19,9H21V7H19M11,17H13V15H11M3,9H5V7H3M3,13H5V11H3M3,21H5V19H3M3,17H5V15H3M11,21H13V19H11M11,13H13V11H11M7,13H9V11H7M7,21H9V19H7V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"border-vertical\">\n        <path\n          d=\"M15,13H17V11H15M15,21H17V19H15M15,5H17V3H15M19,9H21V7H19M19,5H21V3H19M19,13H21V11H19M19,21H21V19H19M11,21H13V3H11M19,17H21V15H19M7,5H9V3H7M3,17H5V15H3M3,21H5V19H3M3,13H5V11H3M7,13H9V11H7M7,21H9V19H7M3,5H5V3H3M3,9H5V7H3V9Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-box-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-box-iconset-svg.js
index bbf0fad8e1b..f78246b4a6b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-box-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-box-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0d079d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b739501f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0d079d01f0511ed8cc3e9a95995ad69 || (_templateObject_e0d079d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-box\" size=\"24\">\n    <svg>\n      <g id=\"blogger\">\n        <path\n          d=\"M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box\">\n        <path\n          d=\"M18,16L14,12.8V16H6V8H14V11.2L18,8M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box-off\">\n        <path\n          d=\"M6,8H6.73L14,15.27V16H6M2.27,1L1,2.27L3,4.28C2.41,4.62 2,5.26 2,6V18A2,2 0 0,0 4,20H18.73L20.73,22L22,20.73M20,4H7.82L11.82,8H14V10.18L14.57,10.75L18,8V14.18L22,18.17C22,18.11 22,18.06 22,18V6A2,2 0 0,0 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"contrast-box\">\n        <path\n          d=\"M17,15.5H12V17H17M19,19H5L19,5M5.5,7.5H7.5V5.5H9V7.5H11V9H9V11H7.5V9H5.5M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"drawing-box\">\n        <path\n          d=\"M18,18H12V12.21C11.34,12.82 10.47,13.2 9.5,13.2C7.46,13.2 5.8,11.54 5.8,9.5A3.7,3.7 0 0,1 9.5,5.8C11.54,5.8 13.2,7.46 13.2,9.5C13.2,10.47 12.82,11.34 12.21,12H18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"facebook-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-document-box\">\n        <path\n          d=\"M14,17H7V15H14M17,13H7V11H17M17,9H7V7H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-excel-box\">\n        <path\n          d=\"M16.2,17H14.2L12,13.2L9.8,17H7.8L11,12L7.8,7H9.8L12,10.8L14.2,7H16.2L13,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-pdf-box\">\n        <path\n          d=\"M11.43,10.94C11.2,11.68 10.87,12.47 10.42,13.34C10.22,13.72 10,14.08 9.92,14.38L10.03,14.34V14.34C11.3,13.85 12.5,13.57 13.37,13.41C13.22,13.31 13.08,13.2 12.96,13.09C12.36,12.58 11.84,11.84 11.43,10.94M17.91,14.75C17.74,14.94 17.44,15.05 17,15.05C16.24,15.05 15,14.82 14,14.31C12.28,14.5 11,14.73 9.97,15.06C9.92,15.08 9.86,15.1 9.79,15.13C8.55,17.25 7.63,18.2 6.82,18.2C6.66,18.2 6.5,18.16 6.38,18.09L5.9,17.78L5.87,17.73C5.8,17.55 5.78,17.38 5.82,17.19C5.93,16.66 6.5,15.82 7.7,15.07C7.89,14.93 8.19,14.77 8.59,14.58C8.89,14.06 9.21,13.45 9.55,12.78C10.06,11.75 10.38,10.73 10.63,9.85V9.84C10.26,8.63 10.04,7.9 10.41,6.57C10.5,6.19 10.83,5.8 11.2,5.8H11.44C11.67,5.8 11.89,5.88 12.05,6.04C12.71,6.7 12.4,8.31 12.07,9.64C12.05,9.7 12.04,9.75 12.03,9.78C12.43,10.91 13,11.82 13.63,12.34C13.89,12.54 14.18,12.74 14.5,12.92C14.95,12.87 15.38,12.85 15.79,12.85C17.03,12.85 17.78,13.07 18.07,13.54C18.17,13.7 18.22,13.89 18.19,14.09C18.18,14.34 18.09,14.57 17.91,14.75M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M17.5,14.04C17.4,13.94 17,13.69 15.6,13.69C15.53,13.69 15.46,13.69 15.37,13.79C16.1,14.11 16.81,14.3 17.27,14.3C17.34,14.3 17.4,14.29 17.46,14.28H17.5C17.55,14.26 17.58,14.25 17.59,14.15C17.57,14.12 17.55,14.08 17.5,14.04M8.33,15.5C8.12,15.62 7.95,15.73 7.85,15.81C7.14,16.46 6.69,17.12 6.64,17.5C7.09,17.35 7.68,16.69 8.33,15.5M11.35,8.59L11.4,8.55C11.47,8.23 11.5,7.95 11.56,7.73L11.59,7.57C11.69,7 11.67,6.71 11.5,6.47L11.35,6.42C11.33,6.45 11.3,6.5 11.28,6.54C11.11,6.96 11.12,7.69 11.35,8.59Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-powerpoint-box\">\n        <path\n          d=\"M9.8,13.4H12.3C13.8,13.4 14.46,13.12 15.1,12.58C15.74,12.03 16,11.25 16,10.23C16,9.26 15.75,8.5 15.1,7.88C14.45,7.29 13.83,7 12.3,7H8V17H9.8V13.4M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M9.8,12V8.4H12.1C12.76,8.4 13.27,8.65 13.6,9C13.93,9.35 14.1,9.72 14.1,10.24C14.1,10.8 13.92,11.19 13.6,11.5C13.28,11.81 12.9,12 12.22,12H9.8Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-presentation-box\">\n        <path\n          d=\"M19,16H5V8H19M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-word-box\">\n        <path\n          d=\"M15.5,17H14L12,9.5L10,17H8.5L6.1,7H7.8L9.34,14.5L11.3,7H12.7L14.67,14.5L16.2,7H17.9M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"github-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H14.56C14.24,20.93 14.23,20.32 14.23,20.11L14.24,17.64C14.24,16.8 13.95,16.25 13.63,15.97C15.64,15.75 17.74,15 17.74,11.53C17.74,10.55 17.39,9.74 16.82,9.11C16.91,8.89 17.22,7.97 16.73,6.73C16.73,6.73 15.97,6.5 14.25,7.66C13.53,7.46 12.77,7.36 12,7.35C11.24,7.36 10.46,7.46 9.75,7.66C8.03,6.5 7.27,6.73 7.27,6.73C6.78,7.97 7.09,8.89 7.18,9.11C6.61,9.74 6.26,10.55 6.26,11.53C6.26,15 8.36,15.75 10.36,16C10.1,16.2 9.87,16.6 9.79,17.18C9.27,17.41 7.97,17.81 7.17,16.43C7.17,16.43 6.69,15.57 5.79,15.5C5.79,15.5 4.91,15.5 5.73,16.05C5.73,16.05 6.32,16.33 6.73,17.37C6.73,17.37 7.25,19.12 9.76,18.58L9.77,20.11C9.77,20.32 9.75,20.93 9.43,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M19.5,12H18V10.5H17V12H15.5V13H17V14.5H18V13H19.5V12M9.65,11.36V12.9H12.22C12.09,13.54 11.45,14.83 9.65,14.83C8.11,14.83 6.89,13.54 6.89,12C6.89,10.46 8.11,9.17 9.65,9.17C10.55,9.17 11.13,9.56 11.45,9.88L12.67,8.72C11.9,7.95 10.87,7.5 9.65,7.5C7.14,7.5 5.15,9.5 5.15,12C5.15,14.5 7.14,16.5 9.65,16.5C12.22,16.5 13.96,14.7 13.96,12.13C13.96,11.81 13.96,11.61 13.89,11.36H9.65Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,17L12.72,16.34C15.3,14 17,12.46 17,10.57C17,9.03 15.79,7.82 14.25,7.82C13.38,7.82 12.55,8.23 12,8.87C11.45,8.23 10.62,7.82 9.75,7.82C8.21,7.82 7,9.03 7,10.57C7,12.46 8.7,14 11.28,16.34L12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"image\">\n        <path\n          d=\"M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z\"\n        ></path>\n      </g>\n\n      <g id=\"instagram\">\n        <path\n          d=\"M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"linkedin\">\n        <path\n          d=\"M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-box\">\n        <path\n          d=\"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"music-box\">\n        <path\n          d=\"M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"music-box-outline\">\n        <path\n          d=\"M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16V9M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M5,5V19H19V5H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"pine-tree-box\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M11,19H13V17H18L14,13H17L13,9H16L12,5L8,9H11L7,13H10L6,17H11V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"pinterest\">\n        <path\n          d=\"M13,16.2C12.2,16.2 11.43,15.86 10.88,15.28L9.93,18.5L9.86,18.69L9.83,18.67C9.64,19 9.29,19.2 8.9,19.2C8.29,19.2 7.8,18.71 7.8,18.1C7.8,18.05 7.81,18 7.81,17.95H7.8L7.85,17.77L9.7,12.21C9.7,12.21 9.5,11.59 9.5,10.73C9.5,9 10.42,8.5 11.16,8.5C11.91,8.5 12.58,8.76 12.58,9.81C12.58,11.15 11.69,11.84 11.69,12.81C11.69,13.55 12.29,14.16 13.03,14.16C15.37,14.16 16.2,12.4 16.2,10.75C16.2,8.57 14.32,6.8 12,6.8C9.68,6.8 7.8,8.57 7.8,10.75C7.8,11.42 8,12.09 8.34,12.68C8.43,12.84 8.5,13 8.5,13.2A1,1 0 0,1 7.5,14.2C7.13,14.2 6.79,14 6.62,13.7C6.08,12.81 5.8,11.79 5.8,10.75C5.8,7.47 8.58,4.8 12,4.8C15.42,4.8 18.2,7.47 18.2,10.75C18.2,13.37 16.57,16.2 13,16.2M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-box\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"poll-box\">\n        <path\n          d=\"M17,17H15V13H17M13,17H11V7H13M9,17H7V10H9M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"settings-box\">\n        <path\n          d=\"M17.25,12C17.25,12.23 17.23,12.46 17.2,12.68L18.68,13.84C18.81,13.95 18.85,14.13 18.76,14.29L17.36,16.71C17.27,16.86 17.09,16.92 16.93,16.86L15.19,16.16C14.83,16.44 14.43,16.67 14,16.85L13.75,18.7C13.72,18.87 13.57,19 13.4,19H10.6C10.43,19 10.28,18.87 10.25,18.7L10,16.85C9.56,16.67 9.17,16.44 8.81,16.16L7.07,16.86C6.91,16.92 6.73,16.86 6.64,16.71L5.24,14.29C5.15,14.13 5.19,13.95 5.32,13.84L6.8,12.68C6.77,12.46 6.75,12.23 6.75,12C6.75,11.77 6.77,11.54 6.8,11.32L5.32,10.16C5.19,10.05 5.15,9.86 5.24,9.71L6.64,7.29C6.73,7.13 6.91,7.07 7.07,7.13L8.81,7.84C9.17,7.56 9.56,7.32 10,7.15L10.25,5.29C10.28,5.13 10.43,5 10.6,5H13.4C13.57,5 13.72,5.13 13.75,5.29L14,7.15C14.43,7.32 14.83,7.56 15.19,7.84L16.93,7.13C17.09,7.07 17.27,7.13 17.36,7.29L18.76,9.71C18.85,9.86 18.81,10.05 18.68,10.16L17.2,11.32C17.23,11.54 17.25,11.77 17.25,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M12,10C10.89,10 10,10.89 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,10.89 13.1,10 12,10Z\"\n        ></path>\n      </g>\n\n      <g id=\"tumblr\">\n        <path\n          d=\"M16,11H13V14.9C13,15.63 13.14,16 14.1,16H16V19C16,19 14.97,19.1 13.9,19.1C11.25,19.1 10,17.5 10,15.7V11H8V8.2C10.41,8 10.62,6.16 10.8,5H13V8H16M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitter\">\n        <path\n          d=\"M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"zip-box\">\n        <path\n          d=\"M14,17H12V15H10V13H12V15H14M14,9H12V11H14V13H12V11H10V9H12V7H10V5H12V7H14M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b739501f2611eda0c389891c227ec8 || (_templateObject_b7b739501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-box\" size=\"24\">\n    <svg>\n      <g id=\"blogger\">\n        <path\n          d=\"M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box\">\n        <path\n          d=\"M18,16L14,12.8V16H6V8H14V11.2L18,8M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box-off\">\n        <path\n          d=\"M6,8H6.73L14,15.27V16H6M2.27,1L1,2.27L3,4.28C2.41,4.62 2,5.26 2,6V18A2,2 0 0,0 4,20H18.73L20.73,22L22,20.73M20,4H7.82L11.82,8H14V10.18L14.57,10.75L18,8V14.18L22,18.17C22,18.11 22,18.06 22,18V6A2,2 0 0,0 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"contrast-box\">\n        <path\n          d=\"M17,15.5H12V17H17M19,19H5L19,5M5.5,7.5H7.5V5.5H9V7.5H11V9H9V11H7.5V9H5.5M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"drawing-box\">\n        <path\n          d=\"M18,18H12V12.21C11.34,12.82 10.47,13.2 9.5,13.2C7.46,13.2 5.8,11.54 5.8,9.5A3.7,3.7 0 0,1 9.5,5.8C11.54,5.8 13.2,7.46 13.2,9.5C13.2,10.47 12.82,11.34 12.21,12H18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"facebook-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-document-box\">\n        <path\n          d=\"M14,17H7V15H14M17,13H7V11H17M17,9H7V7H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-excel-box\">\n        <path\n          d=\"M16.2,17H14.2L12,13.2L9.8,17H7.8L11,12L7.8,7H9.8L12,10.8L14.2,7H16.2L13,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-pdf-box\">\n        <path\n          d=\"M11.43,10.94C11.2,11.68 10.87,12.47 10.42,13.34C10.22,13.72 10,14.08 9.92,14.38L10.03,14.34V14.34C11.3,13.85 12.5,13.57 13.37,13.41C13.22,13.31 13.08,13.2 12.96,13.09C12.36,12.58 11.84,11.84 11.43,10.94M17.91,14.75C17.74,14.94 17.44,15.05 17,15.05C16.24,15.05 15,14.82 14,14.31C12.28,14.5 11,14.73 9.97,15.06C9.92,15.08 9.86,15.1 9.79,15.13C8.55,17.25 7.63,18.2 6.82,18.2C6.66,18.2 6.5,18.16 6.38,18.09L5.9,17.78L5.87,17.73C5.8,17.55 5.78,17.38 5.82,17.19C5.93,16.66 6.5,15.82 7.7,15.07C7.89,14.93 8.19,14.77 8.59,14.58C8.89,14.06 9.21,13.45 9.55,12.78C10.06,11.75 10.38,10.73 10.63,9.85V9.84C10.26,8.63 10.04,7.9 10.41,6.57C10.5,6.19 10.83,5.8 11.2,5.8H11.44C11.67,5.8 11.89,5.88 12.05,6.04C12.71,6.7 12.4,8.31 12.07,9.64C12.05,9.7 12.04,9.75 12.03,9.78C12.43,10.91 13,11.82 13.63,12.34C13.89,12.54 14.18,12.74 14.5,12.92C14.95,12.87 15.38,12.85 15.79,12.85C17.03,12.85 17.78,13.07 18.07,13.54C18.17,13.7 18.22,13.89 18.19,14.09C18.18,14.34 18.09,14.57 17.91,14.75M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M17.5,14.04C17.4,13.94 17,13.69 15.6,13.69C15.53,13.69 15.46,13.69 15.37,13.79C16.1,14.11 16.81,14.3 17.27,14.3C17.34,14.3 17.4,14.29 17.46,14.28H17.5C17.55,14.26 17.58,14.25 17.59,14.15C17.57,14.12 17.55,14.08 17.5,14.04M8.33,15.5C8.12,15.62 7.95,15.73 7.85,15.81C7.14,16.46 6.69,17.12 6.64,17.5C7.09,17.35 7.68,16.69 8.33,15.5M11.35,8.59L11.4,8.55C11.47,8.23 11.5,7.95 11.56,7.73L11.59,7.57C11.69,7 11.67,6.71 11.5,6.47L11.35,6.42C11.33,6.45 11.3,6.5 11.28,6.54C11.11,6.96 11.12,7.69 11.35,8.59Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-powerpoint-box\">\n        <path\n          d=\"M9.8,13.4H12.3C13.8,13.4 14.46,13.12 15.1,12.58C15.74,12.03 16,11.25 16,10.23C16,9.26 15.75,8.5 15.1,7.88C14.45,7.29 13.83,7 12.3,7H8V17H9.8V13.4M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M9.8,12V8.4H12.1C12.76,8.4 13.27,8.65 13.6,9C13.93,9.35 14.1,9.72 14.1,10.24C14.1,10.8 13.92,11.19 13.6,11.5C13.28,11.81 12.9,12 12.22,12H9.8Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-presentation-box\">\n        <path\n          d=\"M19,16H5V8H19M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-word-box\">\n        <path\n          d=\"M15.5,17H14L12,9.5L10,17H8.5L6.1,7H7.8L9.34,14.5L11.3,7H12.7L14.67,14.5L16.2,7H17.9M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"github-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H14.56C14.24,20.93 14.23,20.32 14.23,20.11L14.24,17.64C14.24,16.8 13.95,16.25 13.63,15.97C15.64,15.75 17.74,15 17.74,11.53C17.74,10.55 17.39,9.74 16.82,9.11C16.91,8.89 17.22,7.97 16.73,6.73C16.73,6.73 15.97,6.5 14.25,7.66C13.53,7.46 12.77,7.36 12,7.35C11.24,7.36 10.46,7.46 9.75,7.66C8.03,6.5 7.27,6.73 7.27,6.73C6.78,7.97 7.09,8.89 7.18,9.11C6.61,9.74 6.26,10.55 6.26,11.53C6.26,15 8.36,15.75 10.36,16C10.1,16.2 9.87,16.6 9.79,17.18C9.27,17.41 7.97,17.81 7.17,16.43C7.17,16.43 6.69,15.57 5.79,15.5C5.79,15.5 4.91,15.5 5.73,16.05C5.73,16.05 6.32,16.33 6.73,17.37C6.73,17.37 7.25,19.12 9.76,18.58L9.77,20.11C9.77,20.32 9.75,20.93 9.43,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M19.5,12H18V10.5H17V12H15.5V13H17V14.5H18V13H19.5V12M9.65,11.36V12.9H12.22C12.09,13.54 11.45,14.83 9.65,14.83C8.11,14.83 6.89,13.54 6.89,12C6.89,10.46 8.11,9.17 9.65,9.17C10.55,9.17 11.13,9.56 11.45,9.88L12.67,8.72C11.9,7.95 10.87,7.5 9.65,7.5C7.14,7.5 5.15,9.5 5.15,12C5.15,14.5 7.14,16.5 9.65,16.5C12.22,16.5 13.96,14.7 13.96,12.13C13.96,11.81 13.96,11.61 13.89,11.36H9.65Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,17L12.72,16.34C15.3,14 17,12.46 17,10.57C17,9.03 15.79,7.82 14.25,7.82C13.38,7.82 12.55,8.23 12,8.87C11.45,8.23 10.62,7.82 9.75,7.82C8.21,7.82 7,9.03 7,10.57C7,12.46 8.7,14 11.28,16.34L12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"image\">\n        <path\n          d=\"M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z\"\n        ></path>\n      </g>\n\n      <g id=\"instagram\">\n        <path\n          d=\"M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"linkedin\">\n        <path\n          d=\"M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-box\">\n        <path\n          d=\"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"music-box\">\n        <path\n          d=\"M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"music-box-outline\">\n        <path\n          d=\"M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16V9M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M5,5V19H19V5H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"pine-tree-box\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M11,19H13V17H18L14,13H17L13,9H16L12,5L8,9H11L7,13H10L6,17H11V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"pinterest\">\n        <path\n          d=\"M13,16.2C12.2,16.2 11.43,15.86 10.88,15.28L9.93,18.5L9.86,18.69L9.83,18.67C9.64,19 9.29,19.2 8.9,19.2C8.29,19.2 7.8,18.71 7.8,18.1C7.8,18.05 7.81,18 7.81,17.95H7.8L7.85,17.77L9.7,12.21C9.7,12.21 9.5,11.59 9.5,10.73C9.5,9 10.42,8.5 11.16,8.5C11.91,8.5 12.58,8.76 12.58,9.81C12.58,11.15 11.69,11.84 11.69,12.81C11.69,13.55 12.29,14.16 13.03,14.16C15.37,14.16 16.2,12.4 16.2,10.75C16.2,8.57 14.32,6.8 12,6.8C9.68,6.8 7.8,8.57 7.8,10.75C7.8,11.42 8,12.09 8.34,12.68C8.43,12.84 8.5,13 8.5,13.2A1,1 0 0,1 7.5,14.2C7.13,14.2 6.79,14 6.62,13.7C6.08,12.81 5.8,11.79 5.8,10.75C5.8,7.47 8.58,4.8 12,4.8C15.42,4.8 18.2,7.47 18.2,10.75C18.2,13.37 16.57,16.2 13,16.2M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-box\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"poll-box\">\n        <path\n          d=\"M17,17H15V13H17M13,17H11V7H13M9,17H7V10H9M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"settings-box\">\n        <path\n          d=\"M17.25,12C17.25,12.23 17.23,12.46 17.2,12.68L18.68,13.84C18.81,13.95 18.85,14.13 18.76,14.29L17.36,16.71C17.27,16.86 17.09,16.92 16.93,16.86L15.19,16.16C14.83,16.44 14.43,16.67 14,16.85L13.75,18.7C13.72,18.87 13.57,19 13.4,19H10.6C10.43,19 10.28,18.87 10.25,18.7L10,16.85C9.56,16.67 9.17,16.44 8.81,16.16L7.07,16.86C6.91,16.92 6.73,16.86 6.64,16.71L5.24,14.29C5.15,14.13 5.19,13.95 5.32,13.84L6.8,12.68C6.77,12.46 6.75,12.23 6.75,12C6.75,11.77 6.77,11.54 6.8,11.32L5.32,10.16C5.19,10.05 5.15,9.86 5.24,9.71L6.64,7.29C6.73,7.13 6.91,7.07 7.07,7.13L8.81,7.84C9.17,7.56 9.56,7.32 10,7.15L10.25,5.29C10.28,5.13 10.43,5 10.6,5H13.4C13.57,5 13.72,5.13 13.75,5.29L14,7.15C14.43,7.32 14.83,7.56 15.19,7.84L16.93,7.13C17.09,7.07 17.27,7.13 17.36,7.29L18.76,9.71C18.85,9.86 18.81,10.05 18.68,10.16L17.2,11.32C17.23,11.54 17.25,11.77 17.25,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M12,10C10.89,10 10,10.89 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,10.89 13.1,10 12,10Z\"\n        ></path>\n      </g>\n\n      <g id=\"tumblr\">\n        <path\n          d=\"M16,11H13V14.9C13,15.63 13.14,16 14.1,16H16V19C16,19 14.97,19.1 13.9,19.1C11.25,19.1 10,17.5 10,15.7V11H8V8.2C10.41,8 10.62,6.16 10.8,5H13V8H16M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitter\">\n        <path\n          d=\"M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"zip-box\">\n        <path\n          d=\"M14,17H12V15H10V13H12V15H14M14,9H12V11H14V13H12V11H10V9H12V7H10V5H12V7H14M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-camera-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-camera-iconset-svg.js
index 867be739d09..95a78f6d46d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-camera-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-camera-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0d0ef001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b787701f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0d0ef001f0511ed8cc3e9a95995ad69 || (_templateObject_e0d0ef001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-camera\" size=\"24\">\n    <svg>\n      <g id=\"camera-timer\">\n        <path\n          d=\"M4.94,6.35C4.55,5.96 4.55,5.32 4.94,4.93C5.33,4.54 5.96,4.54 6.35,4.93L13.07,10.31L13.42,10.59C14.2,11.37 14.2,12.64 13.42,13.42C12.64,14.2 11.37,14.2 10.59,13.42L10.31,13.07L4.94,6.35M12,20A8,8 0 0,0 20,12C20,9.79 19.1,7.79 17.66,6.34L19.07,4.93C20.88,6.74 22,9.24 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12H4A8,8 0 0,0 12,20M12,1A2,2 0 0,1 14,3A2,2 0 0,1 12,5A2,2 0 0,1 10,3A2,2 0 0,1 12,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud\">\n        <path\n          d=\"M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"contrast-box\">\n        <path\n          d=\"M17,15.5H12V17H17M19,19H5L19,5M5.5,7.5H7.5V5.5H9V7.5H11V9H9V11H7.5V9H5.5M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"contrast-circle\">\n        <path\n          d=\"M12,20C9.79,20 7.79,19.1 6.34,17.66L17.66,6.34C19.1,7.79 20,9.79 20,12A8,8 0 0,1 12,20M6,8H8V6H9.5V8H11.5V9.5H9.5V11.5H8V9.5H6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,16H17V14.5H12V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash\"><path d=\"M7,2V13H10V22L17,10H13L17,2H7Z\"></path></g>\n\n      <g id=\"flash-auto\">\n        <path\n          d=\"M16.85,7.65L18,4L19.15,7.65M19,2H17L13.8,11H15.7L16.4,9H19.6L20.3,11H22.2M3,2V14H6V23L13,11H9L13,2H3Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash-off\">\n        <path\n          d=\"M17,10H13L17,2H7V4.18L15.46,12.64M3.27,3L2,4.27L7,9.27V13H10V22L13.58,15.86L17.73,20L19,18.73L3.27,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"tag-faces\">\n        <path\n          d=\"M15,18C11.68,18 9,15.31 9,12C9,8.68 11.68,6 15,6A6,6 0 0,1 21,12A6,6 0 0,1 15,18M4,13A1,1 0 0,1 3,12A1,1 0 0,1 4,11A1,1 0 0,1 5,12A1,1 0 0,1 4,13M22,3H7.63C6.97,3 6.38,3.32 6,3.81L0,12L6,20.18C6.38,20.68 6.97,21 7.63,21H22A2,2 0 0,0 24,19V5C24,3.89 23.1,3 22,3M13,11A1,1 0 0,0 14,10A1,1 0 0,0 13,9A1,1 0 0,0 12,10A1,1 0 0,0 13,11M15,16C16.86,16 18.35,14.72 18.8,13H11.2C11.65,14.72 13.14,16 15,16M17,11A1,1 0 0,0 18,10A1,1 0 0,0 17,9A1,1 0 0,0 16,10A1,1 0 0,0 17,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"timelapse\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M16.24,7.76C15.07,6.58 13.53,6 12,6V12L7.76,16.24C10.1,18.58 13.9,18.58 16.24,16.24C18.59,13.9 18.59,10.1 16.24,7.76Z\"\n        ></path>\n      </g>\n\n      <g id=\"white-balance-auto\">\n        <path\n          d=\"M10.3,16L9.6,14H6.4L5.7,16H3.8L7,7H9L12.2,16M22,7L20.8,13.29L19.3,7H17.7L16.21,13.29L15,7H14.24C12.77,5.17 10.5,4 8,4A8,8 0 0,0 0,12A8,8 0 0,0 8,20C11.13,20 13.84,18.19 15.15,15.57L15.25,16H17L18.5,9.9L20,16H21.75L23.8,7M6.85,12.65H9.15L8,9L6.85,12.65Z\"\n        ></path>\n      </g>\n\n      <g id=\"white-balance-incandescent\">\n        <path\n          d=\"M17.24,18.15L19.04,19.95L20.45,18.53L18.66,16.74M20,12.5H23V10.5H20M15,6.31V1.5H9V6.31C7.21,7.35 6,9.28 6,11.5A6,6 0 0,0 12,17.5A6,6 0 0,0 18,11.5C18,9.28 16.79,7.35 15,6.31M4,10.5H1V12.5H4M11,22.45C11.32,22.45 13,22.45 13,22.45V19.5H11M3.55,18.53L4.96,19.95L6.76,18.15L5.34,16.74L3.55,18.53Z\"\n        ></path>\n      </g>\n\n      <g id=\"white-balance-iridescent\">\n        <path\n          d=\"M4.96,19.95L6.76,18.15L5.34,16.74L3.55,18.53M3.55,4.46L5.34,6.26L6.76,4.84L4.96,3.05M20.45,18.53L18.66,16.74L17.24,18.15L19.04,19.95M13,22.45V19.5H11V22.45C11.32,22.45 13,22.45 13,22.45M19.04,3.05L17.24,4.84L18.66,6.26L20.45,4.46M11,3.5H13V0.55H11M5,14.5H19V8.5H5V14.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"white-balance-sunny\">\n        <path\n          d=\"M3.55,18.54L4.96,19.95L6.76,18.16L5.34,16.74M11,22.45C11.32,22.45 13,22.45 13,22.45V19.5H11M12,5.5A6,6 0 0,0 6,11.5A6,6 0 0,0 12,17.5A6,6 0 0,0 18,11.5C18,8.18 15.31,5.5 12,5.5M20,12.5H23V10.5H20M17.24,18.16L19.04,19.95L20.45,18.54L18.66,16.74M20.45,4.46L19.04,3.05L17.24,4.84L18.66,6.26M13,0.55H11V3.5H13M4,10.5H1V12.5H4M6.76,4.84L4.96,3.05L3.55,4.46L5.34,6.26L6.76,4.84Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b787701f2611eda0c389891c227ec8 || (_templateObject_b7b787701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-camera\" size=\"24\">\n    <svg>\n      <g id=\"camera-timer\">\n        <path\n          d=\"M4.94,6.35C4.55,5.96 4.55,5.32 4.94,4.93C5.33,4.54 5.96,4.54 6.35,4.93L13.07,10.31L13.42,10.59C14.2,11.37 14.2,12.64 13.42,13.42C12.64,14.2 11.37,14.2 10.59,13.42L10.31,13.07L4.94,6.35M12,20A8,8 0 0,0 20,12C20,9.79 19.1,7.79 17.66,6.34L19.07,4.93C20.88,6.74 22,9.24 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12H4A8,8 0 0,0 12,20M12,1A2,2 0 0,1 14,3A2,2 0 0,1 12,5A2,2 0 0,1 10,3A2,2 0 0,1 12,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud\">\n        <path\n          d=\"M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"contrast-box\">\n        <path\n          d=\"M17,15.5H12V17H17M19,19H5L19,5M5.5,7.5H7.5V5.5H9V7.5H11V9H9V11H7.5V9H5.5M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"contrast-circle\">\n        <path\n          d=\"M12,20C9.79,20 7.79,19.1 6.34,17.66L17.66,6.34C19.1,7.79 20,9.79 20,12A8,8 0 0,1 12,20M6,8H8V6H9.5V8H11.5V9.5H9.5V11.5H8V9.5H6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,16H17V14.5H12V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash\"><path d=\"M7,2V13H10V22L17,10H13L17,2H7Z\"></path></g>\n\n      <g id=\"flash-auto\">\n        <path\n          d=\"M16.85,7.65L18,4L19.15,7.65M19,2H17L13.8,11H15.7L16.4,9H19.6L20.3,11H22.2M3,2V14H6V23L13,11H9L13,2H3Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash-off\">\n        <path\n          d=\"M17,10H13L17,2H7V4.18L15.46,12.64M3.27,3L2,4.27L7,9.27V13H10V22L13.58,15.86L17.73,20L19,18.73L3.27,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"tag-faces\">\n        <path\n          d=\"M15,18C11.68,18 9,15.31 9,12C9,8.68 11.68,6 15,6A6,6 0 0,1 21,12A6,6 0 0,1 15,18M4,13A1,1 0 0,1 3,12A1,1 0 0,1 4,11A1,1 0 0,1 5,12A1,1 0 0,1 4,13M22,3H7.63C6.97,3 6.38,3.32 6,3.81L0,12L6,20.18C6.38,20.68 6.97,21 7.63,21H22A2,2 0 0,0 24,19V5C24,3.89 23.1,3 22,3M13,11A1,1 0 0,0 14,10A1,1 0 0,0 13,9A1,1 0 0,0 12,10A1,1 0 0,0 13,11M15,16C16.86,16 18.35,14.72 18.8,13H11.2C11.65,14.72 13.14,16 15,16M17,11A1,1 0 0,0 18,10A1,1 0 0,0 17,9A1,1 0 0,0 16,10A1,1 0 0,0 17,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"timelapse\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M16.24,7.76C15.07,6.58 13.53,6 12,6V12L7.76,16.24C10.1,18.58 13.9,18.58 16.24,16.24C18.59,13.9 18.59,10.1 16.24,7.76Z\"\n        ></path>\n      </g>\n\n      <g id=\"white-balance-auto\">\n        <path\n          d=\"M10.3,16L9.6,14H6.4L5.7,16H3.8L7,7H9L12.2,16M22,7L20.8,13.29L19.3,7H17.7L16.21,13.29L15,7H14.24C12.77,5.17 10.5,4 8,4A8,8 0 0,0 0,12A8,8 0 0,0 8,20C11.13,20 13.84,18.19 15.15,15.57L15.25,16H17L18.5,9.9L20,16H21.75L23.8,7M6.85,12.65H9.15L8,9L6.85,12.65Z\"\n        ></path>\n      </g>\n\n      <g id=\"white-balance-incandescent\">\n        <path\n          d=\"M17.24,18.15L19.04,19.95L20.45,18.53L18.66,16.74M20,12.5H23V10.5H20M15,6.31V1.5H9V6.31C7.21,7.35 6,9.28 6,11.5A6,6 0 0,0 12,17.5A6,6 0 0,0 18,11.5C18,9.28 16.79,7.35 15,6.31M4,10.5H1V12.5H4M11,22.45C11.32,22.45 13,22.45 13,22.45V19.5H11M3.55,18.53L4.96,19.95L6.76,18.15L5.34,16.74L3.55,18.53Z\"\n        ></path>\n      </g>\n\n      <g id=\"white-balance-iridescent\">\n        <path\n          d=\"M4.96,19.95L6.76,18.15L5.34,16.74L3.55,18.53M3.55,4.46L5.34,6.26L6.76,4.84L4.96,3.05M20.45,18.53L18.66,16.74L17.24,18.15L19.04,19.95M13,22.45V19.5H11V22.45C11.32,22.45 13,22.45 13,22.45M19.04,3.05L17.24,4.84L18.66,6.26L20.45,4.46M11,3.5H13V0.55H11M5,14.5H19V8.5H5V14.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"white-balance-sunny\">\n        <path\n          d=\"M3.55,18.54L4.96,19.95L6.76,18.16L5.34,16.74M11,22.45C11.32,22.45 13,22.45 13,22.45V19.5H11M12,5.5A6,6 0 0,0 6,11.5A6,6 0 0,0 12,17.5A6,6 0 0,0 18,11.5C18,8.18 15.31,5.5 12,5.5M20,12.5H23V10.5H20M17.24,18.16L19.04,19.95L20.45,18.54L18.66,16.74M20.45,4.46L19.04,3.05L17.24,4.84L18.66,6.26M13,0.55H11V3.5H13M4,10.5H1V12.5H4M6.76,4.84L4.96,3.05L3.55,4.46L5.34,6.26L6.76,4.84Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-cart-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-cart-iconset-svg.js
index 910cbb74b94..a0d17f6be5e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-cart-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-cart-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0d13d201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b7fca01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0d13d201f0511ed8cc3e9a95995ad69 || (_templateObject_e0d13d201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-cart\" size=\"24\">\n    <svg>\n      <g id=\"basket\">\n        <path\n          d=\"M5.5,21C4.72,21 4.04,20.55 3.71,19.9V19.9L1.1,10.44L1,10A1,1 0 0,1 2,9H6.58L11.18,2.43C11.36,2.17 11.66,2 12,2C12.34,2 12.65,2.17 12.83,2.44L17.42,9H22A1,1 0 0,1 23,10L22.96,10.29L20.29,19.9C19.96,20.55 19.28,21 18.5,21H5.5M12,4.74L9,9H15L12,4.74M12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b7fca01f2611eda0c389891c227ec8 || (_templateObject_b7b7fca01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-cart\" size=\"24\">\n    <svg>\n      <g id=\"basket\">\n        <path\n          d=\"M5.5,21C4.72,21 4.04,20.55 3.71,19.9V19.9L1.1,10.44L1,10A1,1 0 0,1 2,9H6.58L11.18,2.43C11.36,2.17 11.66,2 12,2C12.34,2 12.65,2.17 12.83,2.44L17.42,9H22A1,1 0 0,1 23,10L22.96,10.29L20.29,19.9C19.96,20.55 19.28,21 18.5,21H5.5M12,4.74L9,9H15L12,4.74M12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-circle-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-circle-iconset-svg.js
index c4ad51a7a2c..7fda1fb51ed 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-circle-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-circle-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0d18b401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b84ac01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0d18b401f0511ed8cc3e9a95995ad69 || (_templateObject_e0d18b401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-circle\" size=\"24\">\n    <svg>\n      <g id=\"account-circle\">\n        <path\n          d=\"M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"alert-circle\">\n        <path\n          d=\"M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down-bold-circle\">\n        <path\n          d=\"M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,17L17,12H14V8H10V12H7L12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down-bold-circle-outline\">\n        <path\n          d=\"M12,17L7,12H10V8H14V12H17L12,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-bold-circle\">\n        <path\n          d=\"M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7,12L12,17V14H16V10H12V7L7,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-bold-circle-outline\">\n        <path\n          d=\"M7,12L12,7V10H16V14H12V17L7,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-bold-circle\">\n        <path\n          d=\"M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M17,12L12,7V10H8V14H12V17L17,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-bold-circle-outline\">\n        <path\n          d=\"M17,12L12,17V14H8V10H12V7L17,12M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-bold-circle\">\n        <path\n          d=\"M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,7L7,12H10V16H14V12H17L12,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-bold-circle-outline\">\n        <path\n          d=\"M12,7L17,12H14V16H10V12H7L12,7M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20Z\"\n        ></path>\n      </g>\n\n      <g id=\"close-circle\">\n        <path\n          d=\"M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"close-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z\"\n        ></path>\n      </g>\n\n      <g id=\"contrast-circle\">\n        <path\n          d=\"M12,20C9.79,20 7.79,19.1 6.34,17.66L17.66,6.34C19.1,7.79 20,9.79 20,12A8,8 0 0,1 12,20M6,8H8V6H9.5V8H11.5V9.5H9.5V11.5H8V9.5H6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,16H17V14.5H12V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"firefox\">\n        <path\n          d=\"M21,11.7C21,11.3 20.9,10.7 20.8,10.3C20.5,8.6 19.6,7.1 18.5,5.9C18.3,5.6 17.9,5.3 17.5,5C16.4,4.1 15.1,3.5 13.6,3.2C10.6,2.7 7.6,3.7 5.6,5.8C5.6,5.8 5.6,5.7 5.6,5.7C5.5,5.5 5.5,5.5 5.4,5.5C5.4,5.5 5.4,5.5 5.4,5.5C5.3,5.3 5.3,5.2 5.2,5.1C5.2,5.1 5.2,5.1 5.2,5.1C5.2,4.9 5.1,4.7 5.1,4.5C4.8,4.6 4.8,4.9 4.7,5.1C4.7,5.1 4.7,5.1 4.7,5.1C4.5,5.3 4.3,5.6 4.3,5.9C4.3,5.9 4.3,5.9 4.3,5.9C4.2,6.1 4,7 4.2,7.1C4.2,7.1 4.2,7.1 4.3,7.1C4.3,7.2 4.3,7.3 4.3,7.4C4.1,7.6 4,7.7 4,7.8C3.7,8.4 3.4,8.9 3.3,9.5C3.3,9.7 3.3,9.8 3.3,9.9C3.3,9.9 3.3,9.9 3.3,9.9C3.3,9.9 3.3,9.8 3.3,9.8C3.1,10 3.1,10.3 3,10.5C3.1,10.5 3.1,10.4 3.2,10.4C2.7,13 3.4,15.7 5,17.7C7.4,20.6 11.5,21.8 15.1,20.5C18.6,19.2 21,15.8 21,12C21,11.9 21,11.8 21,11.7M13.5,4.1C15,4.4 16.4,5.1 17.5,6.1C17.6,6.2 17.7,6.4 17.7,6.4C17.4,6.1 16.7,5.6 16.3,5.8C16.4,6.1 17.6,7.6 17.7,7.7C17.7,7.7 18,9 18.1,9.1C18.1,9.1 18.1,9.1 18.1,9.1C18.1,9.1 18.1,9.1 18.1,9.1C18.1,9.3 17.4,11.9 17.4,12.3C17.4,12.4 16.5,14.2 16.6,14.2C16.3,14.9 16,14.9 15.9,15C15.8,15 15.2,15.2 14.5,15.4C13.9,15.5 13.2,15.7 12.7,15.6C12.4,15.6 12,15.6 11.7,15.4C11.6,15.3 10.8,14.9 10.6,14.8C10.3,14.7 10.1,14.5 9.9,14.3C10.2,14.3 10.8,14.3 11,14.3C11.6,14.2 14.2,13.3 14.1,12.9C14.1,12.6 13.6,12.4 13.4,12.2C13.1,12.1 11.9,12.3 11.4,12.5C11.4,12.5 9.5,12 9,11.6C9,11.5 8.9,10.9 8.9,10.8C8.8,10.7 9.2,10.4 9.2,10.4C9.2,10.4 10.2,9.4 10.2,9.3C10.4,9.3 10.6,9.1 10.7,9C10.6,9 10.8,8.9 11.1,8.7C11.1,8.7 11.1,8.7 11.1,8.7C11.4,8.5 11.6,8.5 11.6,8.2C11.6,8.2 12.1,7.3 11.5,7.4C11.5,7.4 10.6,7.3 10.3,7.3C10,7.5 9.9,7.4 9.6,7.3C9.6,7.3 9.4,7.1 9.4,7C9.5,6.8 10.2,5.3 10.5,5.2C10.3,4.8 9.3,5.1 9.1,5.4C9.1,5.4 8.3,6 7.9,6.1C7.9,6.1 7.9,6.1 7.9,6.1C7.9,6 7.4,5.9 6.9,5.9C8.7,4.4 11.1,3.7 13.5,4.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"github-circle\">\n        <path\n          d=\"M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"help-circle\">\n        <path\n          d=\"M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"information\">\n        <path\n          d=\"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"information-outline\">\n        <path\n          d=\"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle\">\n        <path\n          d=\"M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,13H17V11H7\"\n        ></path>\n      </g>\n\n      <g id=\"pause-circle\">\n        <path\n          d=\"M15,16H13V8H15M11,16H9V8H11M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-circle-outline\">\n        <path\n          d=\"M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"play-circle\">\n        <path\n          d=\"M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"play-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"web\">\n        <path\n          d=\"M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b84ac01f2611eda0c389891c227ec8 || (_templateObject_b7b84ac01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-circle\" size=\"24\">\n    <svg>\n      <g id=\"account-circle\">\n        <path\n          d=\"M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"alert-circle\">\n        <path\n          d=\"M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down-bold-circle\">\n        <path\n          d=\"M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,17L17,12H14V8H10V12H7L12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-down-bold-circle-outline\">\n        <path\n          d=\"M12,17L7,12H10V8H14V12H17L12,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-bold-circle\">\n        <path\n          d=\"M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7,12L12,17V14H16V10H12V7L7,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-bold-circle-outline\">\n        <path\n          d=\"M7,12L12,7V10H16V14H12V17L7,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-bold-circle\">\n        <path\n          d=\"M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M17,12L12,7V10H8V14H12V17L17,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-bold-circle-outline\">\n        <path\n          d=\"M17,12L12,17V14H8V10H12V7L17,12M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-bold-circle\">\n        <path\n          d=\"M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,7L7,12H10V16H14V12H17L12,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-bold-circle-outline\">\n        <path\n          d=\"M12,7L17,12H14V16H10V12H7L12,7M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20Z\"\n        ></path>\n      </g>\n\n      <g id=\"close-circle\">\n        <path\n          d=\"M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"close-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z\"\n        ></path>\n      </g>\n\n      <g id=\"contrast-circle\">\n        <path\n          d=\"M12,20C9.79,20 7.79,19.1 6.34,17.66L17.66,6.34C19.1,7.79 20,9.79 20,12A8,8 0 0,1 12,20M6,8H8V6H9.5V8H11.5V9.5H9.5V11.5H8V9.5H6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,16H17V14.5H12V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"firefox\">\n        <path\n          d=\"M21,11.7C21,11.3 20.9,10.7 20.8,10.3C20.5,8.6 19.6,7.1 18.5,5.9C18.3,5.6 17.9,5.3 17.5,5C16.4,4.1 15.1,3.5 13.6,3.2C10.6,2.7 7.6,3.7 5.6,5.8C5.6,5.8 5.6,5.7 5.6,5.7C5.5,5.5 5.5,5.5 5.4,5.5C5.4,5.5 5.4,5.5 5.4,5.5C5.3,5.3 5.3,5.2 5.2,5.1C5.2,5.1 5.2,5.1 5.2,5.1C5.2,4.9 5.1,4.7 5.1,4.5C4.8,4.6 4.8,4.9 4.7,5.1C4.7,5.1 4.7,5.1 4.7,5.1C4.5,5.3 4.3,5.6 4.3,5.9C4.3,5.9 4.3,5.9 4.3,5.9C4.2,6.1 4,7 4.2,7.1C4.2,7.1 4.2,7.1 4.3,7.1C4.3,7.2 4.3,7.3 4.3,7.4C4.1,7.6 4,7.7 4,7.8C3.7,8.4 3.4,8.9 3.3,9.5C3.3,9.7 3.3,9.8 3.3,9.9C3.3,9.9 3.3,9.9 3.3,9.9C3.3,9.9 3.3,9.8 3.3,9.8C3.1,10 3.1,10.3 3,10.5C3.1,10.5 3.1,10.4 3.2,10.4C2.7,13 3.4,15.7 5,17.7C7.4,20.6 11.5,21.8 15.1,20.5C18.6,19.2 21,15.8 21,12C21,11.9 21,11.8 21,11.7M13.5,4.1C15,4.4 16.4,5.1 17.5,6.1C17.6,6.2 17.7,6.4 17.7,6.4C17.4,6.1 16.7,5.6 16.3,5.8C16.4,6.1 17.6,7.6 17.7,7.7C17.7,7.7 18,9 18.1,9.1C18.1,9.1 18.1,9.1 18.1,9.1C18.1,9.1 18.1,9.1 18.1,9.1C18.1,9.3 17.4,11.9 17.4,12.3C17.4,12.4 16.5,14.2 16.6,14.2C16.3,14.9 16,14.9 15.9,15C15.8,15 15.2,15.2 14.5,15.4C13.9,15.5 13.2,15.7 12.7,15.6C12.4,15.6 12,15.6 11.7,15.4C11.6,15.3 10.8,14.9 10.6,14.8C10.3,14.7 10.1,14.5 9.9,14.3C10.2,14.3 10.8,14.3 11,14.3C11.6,14.2 14.2,13.3 14.1,12.9C14.1,12.6 13.6,12.4 13.4,12.2C13.1,12.1 11.9,12.3 11.4,12.5C11.4,12.5 9.5,12 9,11.6C9,11.5 8.9,10.9 8.9,10.8C8.8,10.7 9.2,10.4 9.2,10.4C9.2,10.4 10.2,9.4 10.2,9.3C10.4,9.3 10.6,9.1 10.7,9C10.6,9 10.8,8.9 11.1,8.7C11.1,8.7 11.1,8.7 11.1,8.7C11.4,8.5 11.6,8.5 11.6,8.2C11.6,8.2 12.1,7.3 11.5,7.4C11.5,7.4 10.6,7.3 10.3,7.3C10,7.5 9.9,7.4 9.6,7.3C9.6,7.3 9.4,7.1 9.4,7C9.5,6.8 10.2,5.3 10.5,5.2C10.3,4.8 9.3,5.1 9.1,5.4C9.1,5.4 8.3,6 7.9,6.1C7.9,6.1 7.9,6.1 7.9,6.1C7.9,6 7.4,5.9 6.9,5.9C8.7,4.4 11.1,3.7 13.5,4.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"github-circle\">\n        <path\n          d=\"M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"help-circle\">\n        <path\n          d=\"M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"information\">\n        <path\n          d=\"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"information-outline\">\n        <path\n          d=\"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle\">\n        <path\n          d=\"M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,13H17V11H7\"\n        ></path>\n      </g>\n\n      <g id=\"pause-circle\">\n        <path\n          d=\"M15,16H13V8H15M11,16H9V8H11M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-circle-outline\">\n        <path\n          d=\"M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"play-circle\">\n        <path\n          d=\"M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"play-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"web\">\n        <path\n          d=\"M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-clothing-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-clothing-iconset-svg.js
index 36754f646fe..22909721d35 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-clothing-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-clothing-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0d1d9601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7b898e01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0d1d9601f0511ed8cc3e9a95995ad69 || (_templateObject_e0d1d9601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-clothing\" size=\"24\">\n    <svg>\n      <g id=\"tie\"><path d=\"M6,2L10,6L7,17L12,22L17,17L14,6L18,2Z\"></path></g>\n\n      <g id=\"tshirt-crew\">\n        <path\n          d=\"M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.12C5.31,13.5 4.68,13.5 4.29,13.12L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9,4.1 10.34,5 12,5C13.66,5 15,4.1 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.07V20A1,1 0 0,1 16,21M20.42,9.58L16.11,5.28C15.8,5.63 15.43,5.94 15,6.2C14.16,6.7 13.13,7 12,7C10.3,7 8.79,6.32 7.89,5.28L3.58,9.58L5,11L8,9H9V19H15V9H16L19,11L20.42,9.58Z\"\n        ></path>\n      </g>\n\n      <g id=\"tshirt-v\">\n        <path\n          d=\"M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.12C5.31,13.5 4.68,13.5 4.29,13.12L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9,4.1 10,6 12,7.25C14,6 15,4.1 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.07V20A1,1 0 0,1 16,21M20.42,9.58L16.11,5.28C15,7 14,8.25 12,9.25C10,8.25 9,7 7.89,5.28L3.58,9.58L5,11L8,9H9V19H15V9H16L19,11L20.42,9.58Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7b898e01f2611eda0c389891c227ec8 || (_templateObject_b7b898e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-clothing\" size=\"24\">\n    <svg>\n      <g id=\"tie\"><path d=\"M6,2L10,6L7,17L12,22L17,17L14,6L18,2Z\"></path></g>\n\n      <g id=\"tshirt-crew\">\n        <path\n          d=\"M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.12C5.31,13.5 4.68,13.5 4.29,13.12L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9,4.1 10.34,5 12,5C13.66,5 15,4.1 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.07V20A1,1 0 0,1 16,21M20.42,9.58L16.11,5.28C15.8,5.63 15.43,5.94 15,6.2C14.16,6.7 13.13,7 12,7C10.3,7 8.79,6.32 7.89,5.28L3.58,9.58L5,11L8,9H9V19H15V9H16L19,11L20.42,9.58Z\"\n        ></path>\n      </g>\n\n      <g id=\"tshirt-v\">\n        <path\n          d=\"M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.12C5.31,13.5 4.68,13.5 4.29,13.12L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9,4.1 10,6 12,7.25C14,6 15,4.1 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.07V20A1,1 0 0,1 16,21M20.42,9.58L16.11,5.28C15,7 14,8.25 12,9.25C10,8.25 9,7 7.89,5.28L3.58,9.58L5,11L8,9H9V19H15V9H16L19,11L20.42,9.58Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-cloud-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-cloud-iconset-svg.js
index 66b405b5df4..60b2a43ab1a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-cloud-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-cloud-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0dbeb801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c2d2101f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0dbeb801f0511ed8cc3e9a95995ad69 || (_templateObject_e0dbeb801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-cloud\" size=\"24\">\n    <svg>\n      <g id=\"cloud\">\n        <path\n          d=\"M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-check\">\n        <path\n          d=\"M10,17L6.5,13.5L7.91,12.08L10,14.17L15.18,9L16.59,10.41M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-download\">\n        <path\n          d=\"M17,13L12,18L7,13H10V9H14V13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-off-outline\">\n        <path\n          d=\"M7.73,10L15.73,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10M3,5.27L5.75,8C2.56,8.15 0,10.77 0,14A6,6 0 0,0 6,20H17.73L19.73,22L21,20.73L4.27,4M19.35,10.03C18.67,6.59 15.64,4 12,4C10.5,4 9.15,4.43 8,5.17L9.45,6.63C10.21,6.23 11.08,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15C22,16.13 21.36,17.11 20.44,17.62L21.89,19.07C23.16,18.16 24,16.68 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-outline\">\n        <path\n          d=\"M19,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10H6.71C7.37,7.69 9.5,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15A3,3 0 0,1 19,18M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-upload\">\n        <path\n          d=\"M14,13V17H10V13H7L12,8L17,13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-cloud\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15.68,15C15.34,13.3 13.82,12 12,12C10.55,12 9.3,12.82 8.68,14C7.17,14.18 6,15.45 6,17A3,3 0 0,0 9,20H15.5A2.5,2.5 0 0,0 18,17.5C18,16.18 16.97,15.11 15.68,15Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c2d2101f2611eda0c389891c227ec8 || (_templateObject_b7c2d2101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-cloud\" size=\"24\">\n    <svg>\n      <g id=\"cloud\">\n        <path\n          d=\"M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-check\">\n        <path\n          d=\"M10,17L6.5,13.5L7.91,12.08L10,14.17L15.18,9L16.59,10.41M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-download\">\n        <path\n          d=\"M17,13L12,18L7,13H10V9H14V13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-off-outline\">\n        <path\n          d=\"M7.73,10L15.73,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10M3,5.27L5.75,8C2.56,8.15 0,10.77 0,14A6,6 0 0,0 6,20H17.73L19.73,22L21,20.73L4.27,4M19.35,10.03C18.67,6.59 15.64,4 12,4C10.5,4 9.15,4.43 8,5.17L9.45,6.63C10.21,6.23 11.08,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15C22,16.13 21.36,17.11 20.44,17.62L21.89,19.07C23.16,18.16 24,16.68 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-outline\">\n        <path\n          d=\"M19,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10H6.71C7.37,7.69 9.5,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15A3,3 0 0,1 19,18M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-upload\">\n        <path\n          d=\"M14,13V17H10V13H7L12,8L17,13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-cloud\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15.68,15C15.34,13.3 13.82,12 12,12C10.55,12 9.3,12.82 8.68,14C7.17,14.18 6,15.45 6,17A3,3 0 0,0 9,20H15.5A2.5,2.5 0 0,0 18,17.5C18,16.18 16.97,15.11 15.68,15Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-color-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-color-iconset-svg.js
index e25bbe91512..3070ff8d6b6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-color-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-color-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0dc60b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c347401f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0dc60b01f0511ed8cc3e9a95995ad69 || (_templateObject_e0dc60b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-color\" size=\"24\">\n    <svg>\n      <g id=\"border-color\">\n        <path\n          d=\"M20.71,4.04C21.1,3.65 21.1,3 20.71,2.63L18.37,0.29C18,-0.1 17.35,-0.1 16.96,0.29L15,2.25L18.75,6M17.75,7L14,3.25L4,13.25V17H7.75L17.75,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"color-helper\"><path d=\"M0,24H24V20H0V24Z\"></path></g>\n\n      <g id=\"contrast-box\">\n        <path\n          d=\"M17,15.5H12V17H17M19,19H5L19,5M5.5,7.5H7.5V5.5H9V7.5H11V9H9V11H7.5V9H5.5M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"contrast-circle\">\n        <path\n          d=\"M12,20C9.79,20 7.79,19.1 6.34,17.66L17.66,6.34C19.1,7.79 20,9.79 20,12A8,8 0 0,1 12,20M6,8H8V6H9.5V8H11.5V9.5H9.5V11.5H8V9.5H6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,16H17V14.5H12V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-color-fill\">\n        <path\n          d=\"M19,11.5C19,11.5 17,13.67 17,15A2,2 0 0,0 19,17A2,2 0 0,0 21,15C21,13.67 19,11.5 19,11.5M5.21,10L10,5.21L14.79,10M16.56,8.94L7.62,0L6.21,1.41L8.59,3.79L3.44,8.94C2.85,9.5 2.85,10.47 3.44,11.06L8.94,16.56C9.23,16.85 9.62,17 10,17C10.38,17 10.77,16.85 11.06,16.56L16.56,11.06C17.15,10.47 17.15,9.5 16.56,8.94Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c347401f2611eda0c389891c227ec8 || (_templateObject_b7c347401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-color\" size=\"24\">\n    <svg>\n      <g id=\"border-color\">\n        <path\n          d=\"M20.71,4.04C21.1,3.65 21.1,3 20.71,2.63L18.37,0.29C18,-0.1 17.35,-0.1 16.96,0.29L15,2.25L18.75,6M17.75,7L14,3.25L4,13.25V17H7.75L17.75,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"color-helper\"><path d=\"M0,24H24V20H0V24Z\"></path></g>\n\n      <g id=\"contrast-box\">\n        <path\n          d=\"M17,15.5H12V17H17M19,19H5L19,5M5.5,7.5H7.5V5.5H9V7.5H11V9H9V11H7.5V9H5.5M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"contrast-circle\">\n        <path\n          d=\"M12,20C9.79,20 7.79,19.1 6.34,17.66L17.66,6.34C19.1,7.79 20,9.79 20,12A8,8 0 0,1 12,20M6,8H8V6H9.5V8H11.5V9.5H9.5V11.5H8V9.5H6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,16H17V14.5H12V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-color-fill\">\n        <path\n          d=\"M19,11.5C19,11.5 17,13.67 17,15A2,2 0 0,0 19,17A2,2 0 0,0 21,15C21,13.67 19,11.5 19,11.5M5.21,10L10,5.21L14.79,10M16.56,8.94L7.62,0L6.21,1.41L8.59,3.79L3.44,8.94C2.85,9.5 2.85,10.47 3.44,11.06L8.94,16.56C9.23,16.85 9.62,17 10,17C10.38,17 10.77,16.85 11.06,16.56L16.56,11.06C17.15,10.47 17.15,9.5 16.56,8.94Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-comment-isonset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-comment-isonset-svg.js
index 8d4dca5caa7..90ce26eb3c5 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-comment-isonset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-comment-isonset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0dcd5e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c3e3801f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0dcd5e01f0511ed8cc3e9a95995ad69 || (_templateObject_e0dcd5e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-comment\" size=\"24\">\n    <svg>\n      <g id=\"comment\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-account\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M16,14V13C16,11.67 13.33,11 12,11C10.67,11 8,11.67 8,13V14H16M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-alert\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M13,10V6H11V10H13M13,14V12H11V14H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-alert-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M13,10H11V6H13V10M13,14H11V12H13V14Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-check\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,15L18,7L16.59,5.58L10,12.17L7.41,9.59L6,11L10,15Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-check-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M16.5,8L11,13.5L7.5,10L8.91,8.59L11,10.67L15.09,6.59L16.5,8Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-multiple-outline\">\n        <path\n          d=\"M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7C5,5.89 5.9,5 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.9 12.75,23 12.5,23V23H12M13,17V20.08L16.08,17H21V7H7V17H13M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-plus-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M11,6H13V9H16V11H13V14H11V11H8V9H11V6Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-processing\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M17,11V9H15V11H17M13,11V9H11V11H13M9,11V9H7V11H9Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-processing-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M17,11H15V9H17V11M13,11H11V9H13V11M9,11H7V9H9V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-remove-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M9.41,6L12,8.59L14.59,6L16,7.41L13.41,10L16,12.59L14.59,14L12,11.41L9.41,14L8,12.59L10.59,10L8,7.41L9.41,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-text\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M5,5V7H19V5H5M5,9V11H13V9H5M5,13V15H15V13H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-text-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c3e3801f2611eda0c389891c227ec8 || (_templateObject_b7c3e3801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-comment\" size=\"24\">\n    <svg>\n      <g id=\"comment\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-account\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M16,14V13C16,11.67 13.33,11 12,11C10.67,11 8,11.67 8,13V14H16M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-alert\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M13,10V6H11V10H13M13,14V12H11V14H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-alert-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M13,10H11V6H13V10M13,14H11V12H13V14Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-check\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,15L18,7L16.59,5.58L10,12.17L7.41,9.59L6,11L10,15Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-check-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M16.5,8L11,13.5L7.5,10L8.91,8.59L11,10.67L15.09,6.59L16.5,8Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-multiple-outline\">\n        <path\n          d=\"M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7C5,5.89 5.9,5 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.9 12.75,23 12.5,23V23H12M13,17V20.08L16.08,17H21V7H7V17H13M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-plus-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M11,6H13V9H16V11H13V14H11V11H8V9H11V6Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-processing\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M17,11V9H15V11H17M13,11V9H11V11H13M9,11V9H7V11H9Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-processing-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M17,11H15V9H17V11M13,11H11V9H13V11M9,11H7V9H9V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-remove-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M9.41,6L12,8.59L14.59,6L16,7.41L13.41,10L16,12.59L14.59,14L12,11.41L9.41,14L8,12.59L10.59,10L8,7.41L9.41,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-text\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M5,5V7H19V5H5M5,9V11H13V9H5M5,13V15H15V13H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"comment-text-outline\">\n        <path\n          d=\"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-currency-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-currency-iconset-svg.js
index a8d6b75e5b8..fd981dfc112 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-currency-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-currency-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0dd72201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c4a6d01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0dd72201f0511ed8cc3e9a95995ad69 || (_templateObject_e0dd72201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-currency\" size=\"24\">\n    <svg>\n      <g id=\"currency-btc\">\n        <path\n          d=\"M4.5,5H8V2H10V5H11.5V2H13.5V5C19,5 19,11 16,11.25C20,11 21,19 13.5,19V22H11.5V19H10V22H8V19H4.5L5,17H6A1,1 0 0,0 7,16V8A1,1 0 0,0 6,7H4.5V5M10,7V11C10,11 14.5,11.25 14.5,9C14.5,6.75 10,7 10,7M10,12.5V17C10,17 15.5,17 15.5,14.75C15.5,12.5 10,12.5 10,12.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"currency-eur\">\n        <path\n          d=\"M7.07,11L7,12L7.07,13H17.35L16.5,15H7.67C8.8,17.36 11.21,19 14,19C16.23,19 18.22,17.96 19.5,16.33V19.12C18,20.3 16.07,21 14,21C10.08,21 6.75,18.5 5.5,15H2L3,13H5.05L5,12L5.05,11H2L3,9H5.5C6.75,5.5 10.08,3 14,3C16.5,3 18.8,4.04 20.43,5.71L19.57,7.75C18.29,6.08 16.27,5 14,5C11.21,5 8.8,6.64 7.67,9H19.04L18.19,11H7.07Z\"\n        ></path>\n      </g>\n\n      <g id=\"currency-gbp\">\n        <path\n          d=\"M6.5,21V19.75C7.44,19.29 8.24,18.57 8.81,17.7C9.38,16.83 9.67,15.85 9.68,14.75L9.66,13.77L9.57,13H7V11H9.4C9.25,10.17 9.16,9.31 9.13,8.25C9.16,6.61 9.64,5.33 10.58,4.41C11.5,3.5 12.77,3 14.32,3C15.03,3 15.64,3.07 16.13,3.2C16.63,3.32 17,3.47 17.31,3.65L16.76,5.39C16.5,5.25 16.19,5.12 15.79,5C15.38,4.9 14.89,4.85 14.32,4.84C13.25,4.86 12.5,5.19 12,5.83C11.5,6.46 11.29,7.28 11.3,8.28L11.4,9.77L11.6,11H15.5V13H11.79C11.88,14 11.84,15 11.65,15.96C11.35,17.16 10.74,18.18 9.83,19H18V21H6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"currency-usd\">\n        <path\n          d=\"M11.8,10.9C9.53,10.31 8.8,9.7 8.8,8.75C8.8,7.66 9.81,6.9 11.5,6.9C13.28,6.9 13.94,7.75 14,9H16.21C16.14,7.28 15.09,5.7 13,5.19V3H10V5.16C8.06,5.58 6.5,6.84 6.5,8.77C6.5,11.08 8.41,12.23 11.2,12.9C13.7,13.5 14.2,14.38 14.2,15.31C14.2,16 13.71,17.1 11.5,17.1C9.44,17.1 8.63,16.18 8.5,15H6.32C6.44,17.19 8.08,18.42 10,18.83V21H13V18.85C14.95,18.5 16.5,17.35 16.5,15.3C16.5,12.46 14.07,11.5 11.8,10.9Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c4a6d01f2611eda0c389891c227ec8 || (_templateObject_b7c4a6d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-currency\" size=\"24\">\n    <svg>\n      <g id=\"currency-btc\">\n        <path\n          d=\"M4.5,5H8V2H10V5H11.5V2H13.5V5C19,5 19,11 16,11.25C20,11 21,19 13.5,19V22H11.5V19H10V22H8V19H4.5L5,17H6A1,1 0 0,0 7,16V8A1,1 0 0,0 6,7H4.5V5M10,7V11C10,11 14.5,11.25 14.5,9C14.5,6.75 10,7 10,7M10,12.5V17C10,17 15.5,17 15.5,14.75C15.5,12.5 10,12.5 10,12.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"currency-eur\">\n        <path\n          d=\"M7.07,11L7,12L7.07,13H17.35L16.5,15H7.67C8.8,17.36 11.21,19 14,19C16.23,19 18.22,17.96 19.5,16.33V19.12C18,20.3 16.07,21 14,21C10.08,21 6.75,18.5 5.5,15H2L3,13H5.05L5,12L5.05,11H2L3,9H5.5C6.75,5.5 10.08,3 14,3C16.5,3 18.8,4.04 20.43,5.71L19.57,7.75C18.29,6.08 16.27,5 14,5C11.21,5 8.8,6.64 7.67,9H19.04L18.19,11H7.07Z\"\n        ></path>\n      </g>\n\n      <g id=\"currency-gbp\">\n        <path\n          d=\"M6.5,21V19.75C7.44,19.29 8.24,18.57 8.81,17.7C9.38,16.83 9.67,15.85 9.68,14.75L9.66,13.77L9.57,13H7V11H9.4C9.25,10.17 9.16,9.31 9.13,8.25C9.16,6.61 9.64,5.33 10.58,4.41C11.5,3.5 12.77,3 14.32,3C15.03,3 15.64,3.07 16.13,3.2C16.63,3.32 17,3.47 17.31,3.65L16.76,5.39C16.5,5.25 16.19,5.12 15.79,5C15.38,4.9 14.89,4.85 14.32,4.84C13.25,4.86 12.5,5.19 12,5.83C11.5,6.46 11.29,7.28 11.3,8.28L11.4,9.77L11.6,11H15.5V13H11.79C11.88,14 11.84,15 11.65,15.96C11.35,17.16 10.74,18.18 9.83,19H18V21H6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"currency-usd\">\n        <path\n          d=\"M11.8,10.9C9.53,10.31 8.8,9.7 8.8,8.75C8.8,7.66 9.81,6.9 11.5,6.9C13.28,6.9 13.94,7.75 14,9H16.21C16.14,7.28 15.09,5.7 13,5.19V3H10V5.16C8.06,5.58 6.5,6.84 6.5,8.77C6.5,11.08 8.41,12.23 11.2,12.9C13.7,13.5 14.2,14.38 14.2,15.31C14.2,16 13.71,17.1 11.5,17.1C9.44,17.1 8.63,16.18 8.5,15H6.32C6.44,17.19 8.08,18.42 10,18.83V21H13V18.85C14.95,18.5 16.5,17.35 16.5,15.3C16.5,12.46 14.07,11.5 11.8,10.9Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-debug-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-debug-iconset-svg.js
index 38e917b39cb..210c54f4230 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-debug-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-debug-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0de0e601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c51c001f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0de0e601f0511ed8cc3e9a95995ad69 || (_templateObject_e0de0e601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-debug\" size=\"24\">\n    <svg>\n      <g id=\"debug-step-into\">\n        <path\n          d=\"M12,22A2,2 0 0,1 10,20A2,2 0 0,1 12,18A2,2 0 0,1 14,20A2,2 0 0,1 12,22M13,2V13L17.5,8.5L18.92,9.92L12,16.84L5.08,9.92L6.5,8.5L11,13V2H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"debug-step-out\">\n        <path\n          d=\"M12,22A2,2 0 0,1 10,20A2,2 0 0,1 12,18A2,2 0 0,1 14,20A2,2 0 0,1 12,22M13,16H11V6L6.5,10.5L5.08,9.08L12,2.16L18.92,9.08L17.5,10.5L13,6V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"debug-step-over\">\n        <path\n          d=\"M12,14A2,2 0 0,1 14,16A2,2 0 0,1 12,18A2,2 0 0,1 10,16A2,2 0 0,1 12,14M23.46,8.86L21.87,15.75L15,14.16L18.8,11.78C17.39,9.5 14.87,8 12,8C8.05,8 4.77,10.86 4.12,14.63L2.15,14.28C2.96,9.58 7.06,6 12,6C15.58,6 18.73,7.89 20.5,10.72L23.46,8.86Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-octagon\">\n        <path\n          d=\"M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M15,16V8H13V16H15M11,16V8H9V16H11Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-octagon-outline\">\n        <path\n          d=\"M15,16H13V8H15V16M11,16H9V8H11V16M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M14.9,5H9.1L5,9.1V14.9L9.1,19H14.9L19,14.9V9.1L14.9,5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c51c001f2611eda0c389891c227ec8 || (_templateObject_b7c51c001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-debug\" size=\"24\">\n    <svg>\n      <g id=\"debug-step-into\">\n        <path\n          d=\"M12,22A2,2 0 0,1 10,20A2,2 0 0,1 12,18A2,2 0 0,1 14,20A2,2 0 0,1 12,22M13,2V13L17.5,8.5L18.92,9.92L12,16.84L5.08,9.92L6.5,8.5L11,13V2H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"debug-step-out\">\n        <path\n          d=\"M12,22A2,2 0 0,1 10,20A2,2 0 0,1 12,18A2,2 0 0,1 14,20A2,2 0 0,1 12,22M13,16H11V6L6.5,10.5L5.08,9.08L12,2.16L18.92,9.08L17.5,10.5L13,6V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"debug-step-over\">\n        <path\n          d=\"M12,14A2,2 0 0,1 14,16A2,2 0 0,1 12,18A2,2 0 0,1 10,16A2,2 0 0,1 12,14M23.46,8.86L21.87,15.75L15,14.16L18.8,11.78C17.39,9.5 14.87,8 12,8C8.05,8 4.77,10.86 4.12,14.63L2.15,14.28C2.96,9.58 7.06,6 12,6C15.58,6 18.73,7.89 20.5,10.72L23.46,8.86Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-octagon\">\n        <path\n          d=\"M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M15,16V8H13V16H15M11,16V8H9V16H11Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-octagon-outline\">\n        <path\n          d=\"M15,16H13V8H15V16M11,16H9V8H11V16M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M14.9,5H9.1L5,9.1V14.9L9.1,19H14.9L19,14.9V9.1L14.9,5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-drawing-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-drawing-iconset-svg.js
index 283fcfb5d7c..f8f90a915d5 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-drawing-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-drawing-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0de83901f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c56a201f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0de83901f0511ed8cc3e9a95995ad69 || (_templateObject_e0de83901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-drawing\" size=\"24\">\n    <svg>\n      <g id=\"pencil\">\n        <path\n          d=\"M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c56a201f2611eda0c389891c227ec8 || (_templateObject_b7c56a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-drawing\" size=\"24\">\n    <svg>\n      <g id=\"pencil\">\n        <path\n          d=\"M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-edit-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-edit-iconset-svg.js
index 05a2f4adbad..d1e0bbcabfe 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-edit-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-edit-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0df1fd01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c5b8401f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0df1fd01f0511ed8cc3e9a95995ad69 || (_templateObject_e0df1fd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-edit\" size=\"24\">\n    <svg>\n      <g id=\"tooltip-edit\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M18,14V12H12.5L10.5,14H18M6,14H8.5L15.35,7.12C15.55,6.93 15.55,6.61 15.35,6.41L13.59,4.65C13.39,4.45 13.07,4.45 12.88,4.65L6,11.53V14Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c5b8401f2611eda0c389891c227ec8 || (_templateObject_b7c5b8401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-edit\" size=\"24\">\n    <svg>\n      <g id=\"tooltip-edit\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M18,14V12H12.5L10.5,14H18M6,14H8.5L15.35,7.12C15.55,6.93 15.55,6.61 15.35,6.41L13.59,4.65C13.39,4.45 13.07,4.45 12.88,4.65L6,11.53V14Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-error-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-error-iconset-svg.js
index f55728129fa..1719f80d9cf 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-error-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-error-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0df95001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c606601f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0df95001f0511ed8cc3e9a95995ad69 || (_templateObject_e0df95001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-error\" size=\"24\">\n    <svg>\n      <g id=\"alert\">\n        <path d=\"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z\"></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c606601f2611eda0c389891c227ec8 || (_templateObject_b7c606601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-error\" size=\"24\">\n    <svg>\n      <g id=\"alert\">\n        <path d=\"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z\"></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-file-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-file-iconset-svg.js
index c10bbcf591d..93d527a6487 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-file-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-file-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e00a301f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c67b901f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e00a301f0511ed8cc3e9a95995ad69 || (_templateObject_e0e00a301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-file\" size=\"24\">\n    <svg>\n      <g id=\"file\">\n        <path\n          d=\"M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-cloud\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15.68,15C15.34,13.3 13.82,12 12,12C10.55,12 9.3,12.82 8.68,14C7.17,14.18 6,15.45 6,17A3,3 0 0,0 9,20H15.5A2.5,2.5 0 0,0 18,17.5C18,16.18 16.97,15.11 15.68,15Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-delimited\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M14,15V11H10V15H12.3C12.6,17 12,18 9.7,19.38L10.85,20.2C13,19 14,16 14,15Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-document\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15,18V16H6V18H15M18,14V12H6V14H18Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-excel\">\n        <path\n          d=\"M6,2H14L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M13,3.5V9H18.5L13,3.5M17,11H13V13H14L12,14.67L10,13H11V11H7V13H8L11,15.5L8,18H7V20H11V18H10L12,16.33L14,18H13V20H17V18H16L13,15.5L16,13H17V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-image\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M6,20H15L18,20V12L14,16L12,14L6,20M8,9A2,2 0 0,0 6,11A2,2 0 0,0 8,13A2,2 0 0,0 10,11A2,2 0 0,0 8,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-pdf\">\n        <path\n          d=\"M14,9H19.5L14,3.5V9M7,2H15L21,8V20A2,2 0 0,1 19,22H7C5.89,22 5,21.1 5,20V4A2,2 0 0,1 7,2M11.93,12.44C12.34,13.34 12.86,14.08 13.46,14.59L13.87,14.91C13,15.07 11.8,15.35 10.53,15.84V15.84L10.42,15.88L10.92,14.84C11.37,13.97 11.7,13.18 11.93,12.44M18.41,16.25C18.59,16.07 18.68,15.84 18.69,15.59C18.72,15.39 18.67,15.2 18.57,15.04C18.28,14.57 17.53,14.35 16.29,14.35L15,14.42L14.13,13.84C13.5,13.32 12.93,12.41 12.53,11.28L12.57,11.14C12.9,9.81 13.21,8.2 12.55,7.54C12.39,7.38 12.17,7.3 11.94,7.3H11.7C11.33,7.3 11,7.69 10.91,8.07C10.54,9.4 10.76,10.13 11.13,11.34V11.35C10.88,12.23 10.56,13.25 10.05,14.28L9.09,16.08L8.2,16.57C7,17.32 6.43,18.16 6.32,18.69C6.28,18.88 6.3,19.05 6.37,19.23L6.4,19.28L6.88,19.59L7.32,19.7C8.13,19.7 9.05,18.75 10.29,16.63L10.47,16.56C11.5,16.23 12.78,16 14.5,15.81C15.53,16.32 16.74,16.55 17.5,16.55C17.94,16.55 18.24,16.44 18.41,16.25M18,15.54L18.09,15.65C18.08,15.75 18.05,15.76 18,15.78H17.96L17.77,15.8C17.31,15.8 16.6,15.61 15.87,15.29C15.96,15.19 16,15.19 16.1,15.19C17.5,15.19 17.9,15.44 18,15.54M8.83,17C8.18,18.19 7.59,18.85 7.14,19C7.19,18.62 7.64,17.96 8.35,17.31L8.83,17M11.85,10.09C11.62,9.19 11.61,8.46 11.78,8.04L11.85,7.92L12,7.97C12.17,8.21 12.19,8.53 12.09,9.07L12.06,9.23L11.9,10.05L11.85,10.09Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-powerpoint\">\n        <path\n          d=\"M6,2H14L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M13,3.5V9H18.5L13,3.5M8,11V13H9V19H8V20H12V19H11V17H13A3,3 0 0,0 16,14A3,3 0 0,0 13,11H8M13,13A1,1 0 0,1 14,14A1,1 0 0,1 13,15H11V13H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-word\">\n        <path\n          d=\"M6,2H14L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M13,3.5V9H18.5L13,3.5M7,13L8.5,20H10.5L12,17L13.5,20H15.5L17,13H18V11H14V13H15L14.1,17.2L13,15V15H11V15L9.9,17.2L9,13H10V11H6V13H7Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c67b901f2611eda0c389891c227ec8 || (_templateObject_b7c67b901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-file\" size=\"24\">\n    <svg>\n      <g id=\"file\">\n        <path\n          d=\"M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-cloud\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15.68,15C15.34,13.3 13.82,12 12,12C10.55,12 9.3,12.82 8.68,14C7.17,14.18 6,15.45 6,17A3,3 0 0,0 9,20H15.5A2.5,2.5 0 0,0 18,17.5C18,16.18 16.97,15.11 15.68,15Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-delimited\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M14,15V11H10V15H12.3C12.6,17 12,18 9.7,19.38L10.85,20.2C13,19 14,16 14,15Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-document\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15,18V16H6V18H15M18,14V12H6V14H18Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-excel\">\n        <path\n          d=\"M6,2H14L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M13,3.5V9H18.5L13,3.5M17,11H13V13H14L12,14.67L10,13H11V11H7V13H8L11,15.5L8,18H7V20H11V18H10L12,16.33L14,18H13V20H17V18H16L13,15.5L16,13H17V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-image\">\n        <path\n          d=\"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M6,20H15L18,20V12L14,16L12,14L6,20M8,9A2,2 0 0,0 6,11A2,2 0 0,0 8,13A2,2 0 0,0 10,11A2,2 0 0,0 8,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-pdf\">\n        <path\n          d=\"M14,9H19.5L14,3.5V9M7,2H15L21,8V20A2,2 0 0,1 19,22H7C5.89,22 5,21.1 5,20V4A2,2 0 0,1 7,2M11.93,12.44C12.34,13.34 12.86,14.08 13.46,14.59L13.87,14.91C13,15.07 11.8,15.35 10.53,15.84V15.84L10.42,15.88L10.92,14.84C11.37,13.97 11.7,13.18 11.93,12.44M18.41,16.25C18.59,16.07 18.68,15.84 18.69,15.59C18.72,15.39 18.67,15.2 18.57,15.04C18.28,14.57 17.53,14.35 16.29,14.35L15,14.42L14.13,13.84C13.5,13.32 12.93,12.41 12.53,11.28L12.57,11.14C12.9,9.81 13.21,8.2 12.55,7.54C12.39,7.38 12.17,7.3 11.94,7.3H11.7C11.33,7.3 11,7.69 10.91,8.07C10.54,9.4 10.76,10.13 11.13,11.34V11.35C10.88,12.23 10.56,13.25 10.05,14.28L9.09,16.08L8.2,16.57C7,17.32 6.43,18.16 6.32,18.69C6.28,18.88 6.3,19.05 6.37,19.23L6.4,19.28L6.88,19.59L7.32,19.7C8.13,19.7 9.05,18.75 10.29,16.63L10.47,16.56C11.5,16.23 12.78,16 14.5,15.81C15.53,16.32 16.74,16.55 17.5,16.55C17.94,16.55 18.24,16.44 18.41,16.25M18,15.54L18.09,15.65C18.08,15.75 18.05,15.76 18,15.78H17.96L17.77,15.8C17.31,15.8 16.6,15.61 15.87,15.29C15.96,15.19 16,15.19 16.1,15.19C17.5,15.19 17.9,15.44 18,15.54M8.83,17C8.18,18.19 7.59,18.85 7.14,19C7.19,18.62 7.64,17.96 8.35,17.31L8.83,17M11.85,10.09C11.62,9.19 11.61,8.46 11.78,8.04L11.85,7.92L12,7.97C12.17,8.21 12.19,8.53 12.09,9.07L12.06,9.23L11.9,10.05L11.85,10.09Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-powerpoint\">\n        <path\n          d=\"M6,2H14L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M13,3.5V9H18.5L13,3.5M8,11V13H9V19H8V20H12V19H11V17H13A3,3 0 0,0 16,14A3,3 0 0,0 13,11H8M13,13A1,1 0 0,1 14,14A1,1 0 0,1 13,15H11V13H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"file-word\">\n        <path\n          d=\"M6,2H14L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M13,3.5V9H18.5L13,3.5M7,13L8.5,20H10.5L12,17L13.5,20H15.5L17,13H18V11H14V13H15L14.1,17.2L13,15V15H11V15L9.9,17.2L9,13H10V11H6V13H7Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-filter-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-filter-iconset-svg.js
index af8872e0bc2..0f6333814de 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-filter-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-filter-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e058501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c6c9b01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e058501f0511ed8cc3e9a95995ad69 || (_templateObject_e0e058501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-filter\" size=\"24\">\n    <svg>\n      <g id=\"filter\">\n        <path\n          d=\"M3,2H21V2H21V4H20.92L14,10.92V22.91L10,18.91V10.91L3.09,4H3V2Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-remove\">\n        <path\n          d=\"M14.76,20.83L17.6,18L14.76,15.17L16.17,13.76L19,16.57L21.83,13.76L23.24,15.17L20.43,18L23.24,20.83L21.83,22.24L19,19.4L16.17,22.24L14.76,20.83M2,2H20V2H20V4H19.92L13,10.92V22.91L9,18.91V10.91L2.09,4H2V2Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-remove-outline\">\n        <path\n          d=\"M14.73,20.83L17.58,18L14.73,15.17L16.15,13.76L19,16.57L21.8,13.76L23.22,15.17L20.41,18L23.22,20.83L21.8,22.24L19,19.4L16.15,22.24L14.73,20.83M2,2H20V2H20V4H19.92L14,9.92V22.91L8,16.91V9.91L2.09,4H2V2M10,16.08L12,18.08V9H12.09L17.09,4H4.92L9.92,9H10V16.08Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c6c9b01f2611eda0c389891c227ec8 || (_templateObject_b7c6c9b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-filter\" size=\"24\">\n    <svg>\n      <g id=\"filter\">\n        <path\n          d=\"M3,2H21V2H21V4H20.92L14,10.92V22.91L10,18.91V10.91L3.09,4H3V2Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-remove\">\n        <path\n          d=\"M14.76,20.83L17.6,18L14.76,15.17L16.17,13.76L19,16.57L21.83,13.76L23.24,15.17L20.43,18L23.24,20.83L21.83,22.24L19,19.4L16.17,22.24L14.76,20.83M2,2H20V2H20V4H19.92L13,10.92V22.91L9,18.91V10.91L2.09,4H2V2Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-remove-outline\">\n        <path\n          d=\"M14.73,20.83L17.58,18L14.73,15.17L16.15,13.76L19,16.57L21.8,13.76L23.22,15.17L20.41,18L23.22,20.83L21.8,22.24L19,19.4L16.15,22.24L14.73,20.83M2,2H20V2H20V4H19.92L14,9.92V22.91L8,16.91V9.91L2.09,4H2V2M10,16.08L12,18.08V9H12.09L17.09,4H4.92L9.92,9H10V16.08Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-folder-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-folder-iconset-svg.js
index 16ab38def2f..97529ac23e2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-folder-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-folder-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e142b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c717d01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e142b01f0511ed8cc3e9a95995ad69 || (_templateObject_e0e142b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-folder\" size=\"24\">\n    <svg>\n      <g id=\"folder\">\n        <path\n          d=\"M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-account\">\n        <path\n          d=\"M19,17H11V16C11,14.67 13.67,14 15,14C16.33,14 19,14.67 19,16M15,9A2,2 0 0,1 17,11A2,2 0 0,1 15,13A2,2 0 0,1 13,11C13,9.89 13.9,9 15,9M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-google-drive\">\n        <path\n          d=\"M13.75,9H16.14L19,14H16.05L13.5,9.46M18.3,17H12.75L14.15,14.5H19.27L19.53,14.96M11.5,17L10.4,14.86L13.24,9.9L14.74,12.56L12.25,17M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-image\">\n        <path\n          d=\"M5,17L9.5,11L13,15.5L15.5,12.5L19,17M20,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-move\">\n        <path\n          d=\"M14,18V15H10V11H14V8L19,13M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-multiple-image\">\n        <path\n          d=\"M7,15L11.5,9L15,13.5L17.5,10.5L21,15M22,4H14L12,2H6A2,2 0 0,0 4,4V16A2,2 0 0,0 6,18H22A2,2 0 0,0 24,16V6A2,2 0 0,0 22,4M2,6H0V11H0V20A2,2 0 0,0 2,22H20V20H2V6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-outline\">\n        <path\n          d=\"M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-plus\">\n        <path\n          d=\"M10,4L12,6H20A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10M15,9V12H12V14H15V17H17V14H20V12H17V9H15Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-remove\">\n        <path\n          d=\"M10,4L12,6H20A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10M12.46,10.88L14.59,13L12.46,15.12L13.88,16.54L16,14.41L18.12,16.54L19.54,15.12L17.41,13L19.54,10.88L18.12,9.46L16,11.59L13.88,9.46L12.46,10.88Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c717d01f2611eda0c389891c227ec8 || (_templateObject_b7c717d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-folder\" size=\"24\">\n    <svg>\n      <g id=\"folder\">\n        <path\n          d=\"M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-account\">\n        <path\n          d=\"M19,17H11V16C11,14.67 13.67,14 15,14C16.33,14 19,14.67 19,16M15,9A2,2 0 0,1 17,11A2,2 0 0,1 15,13A2,2 0 0,1 13,11C13,9.89 13.9,9 15,9M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-google-drive\">\n        <path\n          d=\"M13.75,9H16.14L19,14H16.05L13.5,9.46M18.3,17H12.75L14.15,14.5H19.27L19.53,14.96M11.5,17L10.4,14.86L13.24,9.9L14.74,12.56L12.25,17M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-image\">\n        <path\n          d=\"M5,17L9.5,11L13,15.5L15.5,12.5L19,17M20,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-move\">\n        <path\n          d=\"M14,18V15H10V11H14V8L19,13M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-multiple-image\">\n        <path\n          d=\"M7,15L11.5,9L15,13.5L17.5,10.5L21,15M22,4H14L12,2H6A2,2 0 0,0 4,4V16A2,2 0 0,0 6,18H22A2,2 0 0,0 24,16V6A2,2 0 0,0 22,4M2,6H0V11H0V20A2,2 0 0,0 2,22H20V20H2V6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-outline\">\n        <path\n          d=\"M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-plus\">\n        <path\n          d=\"M10,4L12,6H20A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10M15,9V12H12V14H15V17H17V14H20V12H17V9H15Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-remove\">\n        <path\n          d=\"M10,4L12,6H20A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10M12.46,10.88L14.59,13L12.46,15.12L13.88,16.54L16,14.41L18.12,16.54L19.54,15.12L17.41,13L19.54,10.88L18.12,9.46L16,11.59L13.88,9.46L12.46,10.88Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-form-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-form-iconset-svg.js
index db4a7ec95dc..1356b0783dc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-form-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-form-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e190d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c7db201f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e190d01f0511ed8cc3e9a95995ad69 || (_templateObject_e0e190d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-form\" size=\"24\">\n    <svg>\n      <g id=\"check\">\n        <path\n          d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"check-all\">\n        <path\n          d=\"M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank\">\n        <path\n          d=\"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank-circle\">\n        <path\n          d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank-circle-outline\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank-outline\">\n        <path\n          d=\"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked\">\n        <path\n          d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked-circle\">\n        <path\n          d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked-circle-outline\">\n        <path\n          d=\"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2,4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked-outline\">\n        <path\n          d=\"M19,19H5V5H15V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V11H19M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"radiobox-blank\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"radiobox-marked\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c7db201f2611eda0c389891c227ec8 || (_templateObject_b7c7db201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-form\" size=\"24\">\n    <svg>\n      <g id=\"check\">\n        <path\n          d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"check-all\">\n        <path\n          d=\"M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank\">\n        <path\n          d=\"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank-circle\">\n        <path\n          d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank-circle-outline\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank-outline\">\n        <path\n          d=\"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked\">\n        <path\n          d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked-circle\">\n        <path\n          d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked-circle-outline\">\n        <path\n          d=\"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2,4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked-outline\">\n        <path\n          d=\"M19,19H5V5H15V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V11H19M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"radiobox-blank\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"radiobox-marked\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-format-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-format-iconset-svg.js
index 21f8917f9b9..81d0fc86310 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-format-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-format-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e206001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c850501f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e206001f0511ed8cc3e9a95995ad69 || (_templateObject_e0e206001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-format\" size=\"24\">\n    <svg>\n      <g id=\"color-helper\"><path d=\"M0,24H24V20H0V24Z\"></path></g>\n\n      <g id=\"format-align-center\">\n        <path\n          d=\"M3,3H21V5H3V3M7,7H17V9H7V7M3,11H21V13H3V11M7,15H17V17H7V15M3,19H21V21H3V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-align-justify\">\n        <path\n          d=\"M3,3H21V5H3V3M3,7H21V9H3V7M3,11H21V13H3V11M3,15H21V17H3V15M3,19H21V21H3V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-align-left\">\n        <path\n          d=\"M3,3H21V5H3V3M3,7H15V9H3V7M3,11H21V13H3V11M3,15H15V17H3V15M3,19H21V21H3V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-align-right\">\n        <path\n          d=\"M3,3H21V5H3V3M9,7H21V9H9V7M3,11H21V13H3V11M9,15H21V17H9V15M3,19H21V21H3V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-bold\">\n        <path\n          d=\"M13.5,15.5H10V12.5H13.5A1.5,1.5 0 0,1 15,14A1.5,1.5 0 0,1 13.5,15.5M10,6.5H13A1.5,1.5 0 0,1 14.5,8A1.5,1.5 0 0,1 13,9.5H10M15.6,10.79C16.57,10.11 17.25,9 17.25,8C17.25,5.74 15.5,4 13.25,4H7V18H14.04C16.14,18 17.75,16.3 17.75,14.21C17.75,12.69 16.89,11.39 15.6,10.79Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-color-fill\">\n        <path\n          d=\"M19,11.5C19,11.5 17,13.67 17,15A2,2 0 0,0 19,17A2,2 0 0,0 21,15C21,13.67 19,11.5 19,11.5M5.21,10L10,5.21L14.79,10M16.56,8.94L7.62,0L6.21,1.41L8.59,3.79L3.44,8.94C2.85,9.5 2.85,10.47 3.44,11.06L8.94,16.56C9.23,16.85 9.62,17 10,17C10.38,17 10.77,16.85 11.06,16.56L16.56,11.06C17.15,10.47 17.15,9.5 16.56,8.94Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-1\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M14,18V16H16V6.31L13.5,7.75V5.44L16,4H18V16H20V18H14Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-2\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M21,18H15A2,2 0 0,1 13,16C13,15.47 13.2,15 13.54,14.64L18.41,9.41C18.78,9.05 19,8.55 19,8A2,2 0 0,0 17,6A2,2 0 0,0 15,8H13A4,4 0 0,1 17,4A4,4 0 0,1 21,8C21,9.1 20.55,10.1 19.83,10.83L15,16H21V18Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-3\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V15H15V16H19V12H15V10H19V6H15V7H13V6A2,2 0 0,1 15,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-4\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M18,18V13H13V11L18,4H20V11H21V13H20V18H18M18,11V7.42L15.45,11H18Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-5\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H20V6H15V10H17A4,4 0 0,1 21,14A4,4 0 0,1 17,18H15A2,2 0 0,1 13,16V15H15V16H17A2,2 0 0,0 19,14A2,2 0 0,0 17,12H15A2,2 0 0,1 13,10V6A2,2 0 0,1 15,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-6\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V7H19V6H15V10H19A2,2 0 0,1 21,12V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V6A2,2 0 0,1 15,4M15,12V16H19V12H15Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-pound\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M13,8H15.31L15.63,5H17.63L17.31,8H19.31L19.63,5H21.63L21.31,8H23V10H21.1L20.9,12H23V14H20.69L20.37,17H18.37L18.69,14H16.69L16.37,17H14.37L14.69,14H13V12H14.9L15.1,10H13V8M17.1,10L16.9,12H18.9L19.1,10H17.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-line-spacing\">\n        <path\n          d=\"M10,13H22V11H10M10,19H22V17H10M10,7H22V5H10M6,7H8.5L5,3.5L1.5,7H4V17H1.5L5,20.5L8.5,17H6V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-list-numbers\">\n        <path\n          d=\"M7,13H21V11H7M7,19H21V17H7M7,7H21V5H7M2,11H3.8L2,13.1V14H5V13H3.2L5,10.9V10H2M3,8H4V4H2V5H3M2,17H4V17.5H3V18.5H4V19H2V20H5V16H2V17Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-paint\">\n        <path\n          d=\"M18,4V3A1,1 0 0,0 17,2H5A1,1 0 0,0 4,3V7A1,1 0 0,0 5,8H17A1,1 0 0,0 18,7V6H19V10H9V21A1,1 0 0,0 10,22H12A1,1 0 0,0 13,21V12H21V4H18Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-paragraph\">\n        <path\n          d=\"M13,4A4,4 0 0,1 17,8A4,4 0 0,1 13,12H11V18H9V4H13M13,10A2,2 0 0,0 15,8A2,2 0 0,0 13,6H11V10H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-striketrough\">\n        <path d=\"M3,14H21V12H3M5,4V7H10V10H14V7H19V4M10,19H14V16H10V19Z\"></path>\n      </g>\n\n      <g id=\"format-subscript\">\n        <path\n          d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,21.03H16.97V20.03L17.86,19.23C18.62,18.58 19.18,18.04 19.56,17.6C19.93,17.16 20.12,16.75 20.13,16.36C20.14,16.08 20.05,15.85 19.86,15.66C19.68,15.5 19.39,15.38 19,15.38C18.69,15.38 18.42,15.44 18.16,15.56L17.5,15.94L17.05,14.77C17.32,14.56 17.64,14.38 18.03,14.24C18.42,14.1 18.85,14 19.32,14C20.1,14.04 20.7,14.25 21.1,14.66C21.5,15.07 21.72,15.59 21.72,16.23C21.71,16.79 21.53,17.31 21.18,17.78C20.84,18.25 20.42,18.7 19.91,19.14L19.27,19.66V19.68H21.85V21.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-superscript\">\n        <path\n          d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,9H16.97V8L17.86,7.18C18.62,6.54 19.18,6 19.56,5.55C19.93,5.11 20.12,4.7 20.13,4.32C20.14,4.04 20.05,3.8 19.86,3.62C19.68,3.43 19.39,3.34 19,3.33C18.69,3.34 18.42,3.4 18.16,3.5L17.5,3.89L17.05,2.72C17.32,2.5 17.64,2.33 18.03,2.19C18.42,2.05 18.85,2 19.32,2C20.1,2 20.7,2.2 21.1,2.61C21.5,3 21.72,3.54 21.72,4.18C21.71,4.74 21.53,5.26 21.18,5.73C20.84,6.21 20.42,6.66 19.91,7.09L19.27,7.61V7.63H21.85V9Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-underline\">\n        <path\n          d=\"M5,21H19V19H5V21M12,17A6,6 0 0,0 18,11V3H15.5V11A3.5,3.5 0 0,1 12,14.5A3.5,3.5 0 0,1 8.5,11V3H6V11A6,6 0 0,0 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-wrap-inline\">\n        <path\n          d=\"M8,7L13,17H3L8,7M3,3H21V5H3V3M21,15V17H14V15H21M3,19H21V21H3V19Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c850501f2611eda0c389891c227ec8 || (_templateObject_b7c850501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-format\" size=\"24\">\n    <svg>\n      <g id=\"color-helper\"><path d=\"M0,24H24V20H0V24Z\"></path></g>\n\n      <g id=\"format-align-center\">\n        <path\n          d=\"M3,3H21V5H3V3M7,7H17V9H7V7M3,11H21V13H3V11M7,15H17V17H7V15M3,19H21V21H3V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-align-justify\">\n        <path\n          d=\"M3,3H21V5H3V3M3,7H21V9H3V7M3,11H21V13H3V11M3,15H21V17H3V15M3,19H21V21H3V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-align-left\">\n        <path\n          d=\"M3,3H21V5H3V3M3,7H15V9H3V7M3,11H21V13H3V11M3,15H15V17H3V15M3,19H21V21H3V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-align-right\">\n        <path\n          d=\"M3,3H21V5H3V3M9,7H21V9H9V7M3,11H21V13H3V11M9,15H21V17H9V15M3,19H21V21H3V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-bold\">\n        <path\n          d=\"M13.5,15.5H10V12.5H13.5A1.5,1.5 0 0,1 15,14A1.5,1.5 0 0,1 13.5,15.5M10,6.5H13A1.5,1.5 0 0,1 14.5,8A1.5,1.5 0 0,1 13,9.5H10M15.6,10.79C16.57,10.11 17.25,9 17.25,8C17.25,5.74 15.5,4 13.25,4H7V18H14.04C16.14,18 17.75,16.3 17.75,14.21C17.75,12.69 16.89,11.39 15.6,10.79Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-color-fill\">\n        <path\n          d=\"M19,11.5C19,11.5 17,13.67 17,15A2,2 0 0,0 19,17A2,2 0 0,0 21,15C21,13.67 19,11.5 19,11.5M5.21,10L10,5.21L14.79,10M16.56,8.94L7.62,0L6.21,1.41L8.59,3.79L3.44,8.94C2.85,9.5 2.85,10.47 3.44,11.06L8.94,16.56C9.23,16.85 9.62,17 10,17C10.38,17 10.77,16.85 11.06,16.56L16.56,11.06C17.15,10.47 17.15,9.5 16.56,8.94Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-1\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M14,18V16H16V6.31L13.5,7.75V5.44L16,4H18V16H20V18H14Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-2\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M21,18H15A2,2 0 0,1 13,16C13,15.47 13.2,15 13.54,14.64L18.41,9.41C18.78,9.05 19,8.55 19,8A2,2 0 0,0 17,6A2,2 0 0,0 15,8H13A4,4 0 0,1 17,4A4,4 0 0,1 21,8C21,9.1 20.55,10.1 19.83,10.83L15,16H21V18Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-3\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V15H15V16H19V12H15V10H19V6H15V7H13V6A2,2 0 0,1 15,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-4\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M18,18V13H13V11L18,4H20V11H21V13H20V18H18M18,11V7.42L15.45,11H18Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-5\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H20V6H15V10H17A4,4 0 0,1 21,14A4,4 0 0,1 17,18H15A2,2 0 0,1 13,16V15H15V16H17A2,2 0 0,0 19,14A2,2 0 0,0 17,12H15A2,2 0 0,1 13,10V6A2,2 0 0,1 15,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-6\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V7H19V6H15V10H19A2,2 0 0,1 21,12V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V6A2,2 0 0,1 15,4M15,12V16H19V12H15Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-pound\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M13,8H15.31L15.63,5H17.63L17.31,8H19.31L19.63,5H21.63L21.31,8H23V10H21.1L20.9,12H23V14H20.69L20.37,17H18.37L18.69,14H16.69L16.37,17H14.37L14.69,14H13V12H14.9L15.1,10H13V8M17.1,10L16.9,12H18.9L19.1,10H17.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-line-spacing\">\n        <path\n          d=\"M10,13H22V11H10M10,19H22V17H10M10,7H22V5H10M6,7H8.5L5,3.5L1.5,7H4V17H1.5L5,20.5L8.5,17H6V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-list-numbers\">\n        <path\n          d=\"M7,13H21V11H7M7,19H21V17H7M7,7H21V5H7M2,11H3.8L2,13.1V14H5V13H3.2L5,10.9V10H2M3,8H4V4H2V5H3M2,17H4V17.5H3V18.5H4V19H2V20H5V16H2V17Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-paint\">\n        <path\n          d=\"M18,4V3A1,1 0 0,0 17,2H5A1,1 0 0,0 4,3V7A1,1 0 0,0 5,8H17A1,1 0 0,0 18,7V6H19V10H9V21A1,1 0 0,0 10,22H12A1,1 0 0,0 13,21V12H21V4H18Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-paragraph\">\n        <path\n          d=\"M13,4A4,4 0 0,1 17,8A4,4 0 0,1 13,12H11V18H9V4H13M13,10A2,2 0 0,0 15,8A2,2 0 0,0 13,6H11V10H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-striketrough\">\n        <path d=\"M3,14H21V12H3M5,4V7H10V10H14V7H19V4M10,19H14V16H10V19Z\"></path>\n      </g>\n\n      <g id=\"format-subscript\">\n        <path\n          d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,21.03H16.97V20.03L17.86,19.23C18.62,18.58 19.18,18.04 19.56,17.6C19.93,17.16 20.12,16.75 20.13,16.36C20.14,16.08 20.05,15.85 19.86,15.66C19.68,15.5 19.39,15.38 19,15.38C18.69,15.38 18.42,15.44 18.16,15.56L17.5,15.94L17.05,14.77C17.32,14.56 17.64,14.38 18.03,14.24C18.42,14.1 18.85,14 19.32,14C20.1,14.04 20.7,14.25 21.1,14.66C21.5,15.07 21.72,15.59 21.72,16.23C21.71,16.79 21.53,17.31 21.18,17.78C20.84,18.25 20.42,18.7 19.91,19.14L19.27,19.66V19.68H21.85V21.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-superscript\">\n        <path\n          d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,9H16.97V8L17.86,7.18C18.62,6.54 19.18,6 19.56,5.55C19.93,5.11 20.12,4.7 20.13,4.32C20.14,4.04 20.05,3.8 19.86,3.62C19.68,3.43 19.39,3.34 19,3.33C18.69,3.34 18.42,3.4 18.16,3.5L17.5,3.89L17.05,2.72C17.32,2.5 17.64,2.33 18.03,2.19C18.42,2.05 18.85,2 19.32,2C20.1,2 20.7,2.2 21.1,2.61C21.5,3 21.72,3.54 21.72,4.18C21.71,4.74 21.53,5.26 21.18,5.73C20.84,6.21 20.42,6.66 19.91,7.09L19.27,7.61V7.63H21.85V9Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-underline\">\n        <path\n          d=\"M5,21H19V19H5V21M12,17A6,6 0 0,0 18,11V3H15.5V11A3.5,3.5 0 0,1 12,14.5A3.5,3.5 0 0,1 8.5,11V3H6V11A6,6 0 0,0 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-wrap-inline\">\n        <path\n          d=\"M8,7L13,17H3L8,7M3,3H21V5H3V3M21,15V17H14V15H21M3,19H21V21H3V19Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-hardware-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-hardware-iconset-svg.js
index a70e2f3b67c..9c18610632d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-hardware-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-hardware-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e254201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c8c5801f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e254201f0511ed8cc3e9a95995ad69 || (_templateObject_e0e254201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-hardware\" size=\"24\">\n    <svg>\n      <g id=\"cellphone\">\n        <path\n          d=\"M17,19H7V5H17M17,1H7C5.89,1 5,1.89 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3C19,1.89 18.1,1 17,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"cellphone-dock\">\n        <path\n          d=\"M16,15H8V5H16M16,1H8C6.89,1 6,1.89 6,3V17A2,2 0 0,0 8,19H16A2,2 0 0,0 18,17V3C18,1.89 17.1,1 16,1M8,23H16V21H8V23Z\"\n        ></path>\n      </g>\n\n      <g id=\"harddisk\">\n        <path\n          d=\"M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M12,4A6,6 0 0,0 6,10C6,13.31 8.69,16 12.1,16L11.22,13.77C10.95,13.29 11.11,12.68 11.59,12.4L12.45,11.9C12.93,11.63 13.54,11.79 13.82,12.27L15.74,14.69C17.12,13.59 18,11.9 18,10A6,6 0 0,0 12,4M12,9A1,1 0 0,1 13,10A1,1 0 0,1 12,11A1,1 0 0,1 11,10A1,1 0 0,1 12,9M7,18A1,1 0 0,0 6,19A1,1 0 0,0 7,20A1,1 0 0,0 8,19A1,1 0 0,0 7,18M12.09,13.27L14.58,19.58L17.17,18.08L12.95,12.77L12.09,13.27Z\"\n        ></path>\n      </g>\n\n      <g id=\"headphones\">\n        <path\n          d=\"M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H18A3,3 0 0,0 21,17V10C21,5 16.97,1 12,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"headphones-box\">\n        <path\n          d=\"M7.2,18C6.54,18 6,17.46 6,16.8V13.2L6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12V13.2L18,16.8A1.2,1.2 0 0,1 16.8,18H14V14H16V12A4,4 0 0,0 12,8A4,4 0 0,0 8,12V14H10V18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"headset\">\n        <path\n          d=\"M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H19V21H12V23H18A3,3 0 0,0 21,20V10C21,5 16.97,1 12,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"keyboard\">\n        <path\n          d=\"M19,10H17V8H19M19,13H17V11H19M16,10H14V8H16M16,13H14V11H16M16,17H8V15H16M7,10H5V8H7M7,13H5V11H7M8,11H10V13H8M8,8H10V10H8M11,11H13V13H11M11,8H13V10H11M20,5H4C2.89,5 2,5.89 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7C22,5.89 21.1,5 20,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"keyboard-close\">\n        <path\n          d=\"M12,23L16,19H8M19,8H17V6H19M19,11H17V9H19M16,8H14V6H16M16,11H14V9H16M16,15H8V13H16M7,8H5V6H7M7,11H5V9H7M8,9H10V11H8M8,6H10V8H8M11,9H13V11H11M11,6H13V8H11M20,3H4C2.89,3 2,3.89 2,5V15A2,2 0 0,0 4,17H20A2,2 0 0,0 22,15V5C22,3.89 21.1,3 20,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"laptop\">\n        <path\n          d=\"M4,6H20V16H4M20,18A2,2 0 0,0 22,16V6C22,4.89 21.1,4 20,4H4C2.89,4 2,4.89 2,6V16A2,2 0 0,0 4,18H0V20H24V18H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"laptop-chromebook\">\n        <path\n          d=\"M20,15H4V5H20M14,18H10V17H14M22,18V3H2V18H0V20H24V18H22Z\"\n        ></path>\n      </g>\n\n      <g id=\"laptop-mac\">\n        <path\n          d=\"M12,19A1,1 0 0,1 11,18A1,1 0 0,1 12,17A1,1 0 0,1 13,18A1,1 0 0,1 12,19M4,5H20V16H4M20,18A2,2 0 0,0 22,16V5C22,3.89 21.1,3 20,3H4C2.89,3 2,3.89 2,5V16A2,2 0 0,0 4,18H0A2,2 0 0,0 2,20H22A2,2 0 0,0 24,18H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"mouse\">\n        <path\n          d=\"M11,1.07C7.05,1.56 4,4.92 4,9H11M4,15A8,8 0 0,0 12,23A8,8 0 0,0 20,15V11H4M13,1.07V9H20C20,4.92 16.94,1.56 13,1.07Z\"\n        ></path>\n      </g>\n\n      <g id=\"nest-protect\">\n        <path\n          d=\"M12,18A6,6 0 0,0 18,12C18,8.68 15.31,6 12,6C8.68,6 6,8.68 6,12A6,6 0 0,0 12,18M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"nest-thermostat\">\n        <path\n          d=\"M16.95,16.95L14.83,14.83C15.55,14.1 16,13.1 16,12C16,11.26 15.79,10.57 15.43,10L17.6,7.81C18.5,9 19,10.43 19,12C19,13.93 18.22,15.68 16.95,16.95M12,5C13.57,5 15,5.5 16.19,6.4L14,8.56C13.43,8.21 12.74,8 12,8A4,4 0 0,0 8,12C8,13.1 8.45,14.1 9.17,14.83L7.05,16.95C5.78,15.68 5,13.93 5,12A7,7 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"printer\">\n        <path\n          d=\"M18,3H6V7H18M19,12A1,1 0 0,1 18,11A1,1 0 0,1 19,10A1,1 0 0,1 20,11A1,1 0 0,1 19,12M16,19H8V14H16M19,8H5A3,3 0 0,0 2,11V17H6V21H18V17H22V11A3,3 0 0,0 19,8Z\"\n        ></path>\n      </g>\n\n      <g id=\"sd\">\n        <path\n          d=\"M18,8H16V4H18M15,8H13V4H15M12,8H10V4H12M18,2H10L4,8V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"server\">\n        <path\n          d=\"M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H4A1,1 0 0,1 3,6V2A1,1 0 0,1 4,1M4,9H20A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9M4,17H20A1,1 0 0,1 21,18V22A1,1 0 0,1 20,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17M9,5H10V3H9V5M9,13H10V11H9V13M9,21H10V19H9V21M5,3V5H7V3H5M5,11V13H7V11H5M5,19V21H7V19H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"server-network\">\n        <path\n          d=\"M13,18H14A1,1 0 0,1 15,19H22V21H15A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21H2V19H9A1,1 0 0,1 10,18H11V16H4A1,1 0 0,1 3,15V11A1,1 0 0,1 4,10H20A1,1 0 0,1 21,11V15A1,1 0 0,1 20,16H13V18M4,2H20A1,1 0 0,1 21,3V7A1,1 0 0,1 20,8H4A1,1 0 0,1 3,7V3A1,1 0 0,1 4,2M9,6H10V4H9V6M9,14H10V12H9V14M5,4V6H7V4H5M5,12V14H7V12H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"server-network-off\">\n        <path\n          d=\"M13,18H14A1,1 0 0,1 15,19H15.73L13,16.27V18M22,19V20.18L20.82,19H22M21,21.72L19.73,23L17.73,21H15A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21H2V19H9A1,1 0 0,1 10,18H11V16H4A1,1 0 0,1 3,15V11A1,1 0 0,1 4,10H6.73L4.73,8H4A1,1 0 0,1 3,7V6.27L1,4.27L2.28,3L21,21.72M4,2H20A1,1 0 0,1 21,3V7A1,1 0 0,1 20,8H9.82L7,5.18V4H5.82L3.84,2C3.89,2 3.94,2 4,2M20,10A1,1 0 0,1 21,11V15A1,1 0 0,1 20,16H17.82L11.82,10H20M9,6H10V4H9V6M9,14H10V13.27L9,12.27V14M5,12V14H7V12H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"server-off\">\n        <path\n          d=\"M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H8.82L6.82,5H7V3H5V3.18L3.21,1.39C3.39,1.15 3.68,1 4,1M22,22.72L20.73,24L19.73,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17H13.73L11.73,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9H5.73L3.68,6.95C3.38,6.85 3.15,6.62 3.05,6.32L1,4.27L2.28,3L22,22.72M20,9A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H16.82L10.82,9H20M20,17A1,1 0 0,1 21,18V19.18L18.82,17H20M9,5H10V3H9V5M9,13H9.73L9,12.27V13M9,21H10V19H9V21M5,11V13H7V11H5M5,19V21H7V19H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"sim-alert\">\n        <path\n          d=\"M13,13H11V8H13M13,17H11V15H13M18,2H10L4,8V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"speaker\">\n        <path\n          d=\"M12,12A3,3 0 0,0 9,15A3,3 0 0,0 12,18A3,3 0 0,0 15,15A3,3 0 0,0 12,12M12,20A5,5 0 0,1 7,15A5,5 0 0,1 12,10A5,5 0 0,1 17,15A5,5 0 0,1 12,20M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8C10.89,8 10,7.1 10,6C10,4.89 10.89,4 12,4M17,2H7C5.89,2 5,2.89 5,4V20A2,2 0 0,0 7,22H17A2,2 0 0,0 19,20V4C19,2.89 18.1,2 17,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"speaker-off\">\n        <path\n          d=\"M2,5.27L3.28,4L21,21.72L19.73,23L18.27,21.54C17.93,21.83 17.5,22 17,22H7C5.89,22 5,21.1 5,20V8.27L2,5.27M12,18A3,3 0 0,1 9,15C9,14.24 9.28,13.54 9.75,13L8.33,11.6C7.5,12.5 7,13.69 7,15A5,5 0 0,0 12,20C13.31,20 14.5,19.5 15.4,18.67L14,17.25C13.45,17.72 12.76,18 12,18M17,15A5,5 0 0,0 12,10H11.82L5.12,3.3C5.41,2.54 6.14,2 7,2H17A2,2 0 0,1 19,4V17.18L17,15.17V15M12,4C10.89,4 10,4.89 10,6A2,2 0 0,0 12,8A2,2 0 0,0 14,6C14,4.89 13.1,4 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"tablet\">\n        <path\n          d=\"M19,18H5V6H19M21,4H3C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H21A2,2 0 0,0 23,18V6C23,4.89 22.1,4 21,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"watch\">\n        <path\n          d=\"M6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12M20,12C20,9.45 18.81,7.19 16.95,5.73L16,0H8L7.05,5.73C5.19,7.19 4,9.45 4,12C4,14.54 5.19,16.81 7.05,18.27L8,24H16L16.95,18.27C18.81,16.81 20,14.54 20,12Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c8c5801f2611eda0c389891c227ec8 || (_templateObject_b7c8c5801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-hardware\" size=\"24\">\n    <svg>\n      <g id=\"cellphone\">\n        <path\n          d=\"M17,19H7V5H17M17,1H7C5.89,1 5,1.89 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3C19,1.89 18.1,1 17,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"cellphone-dock\">\n        <path\n          d=\"M16,15H8V5H16M16,1H8C6.89,1 6,1.89 6,3V17A2,2 0 0,0 8,19H16A2,2 0 0,0 18,17V3C18,1.89 17.1,1 16,1M8,23H16V21H8V23Z\"\n        ></path>\n      </g>\n\n      <g id=\"harddisk\">\n        <path\n          d=\"M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M12,4A6,6 0 0,0 6,10C6,13.31 8.69,16 12.1,16L11.22,13.77C10.95,13.29 11.11,12.68 11.59,12.4L12.45,11.9C12.93,11.63 13.54,11.79 13.82,12.27L15.74,14.69C17.12,13.59 18,11.9 18,10A6,6 0 0,0 12,4M12,9A1,1 0 0,1 13,10A1,1 0 0,1 12,11A1,1 0 0,1 11,10A1,1 0 0,1 12,9M7,18A1,1 0 0,0 6,19A1,1 0 0,0 7,20A1,1 0 0,0 8,19A1,1 0 0,0 7,18M12.09,13.27L14.58,19.58L17.17,18.08L12.95,12.77L12.09,13.27Z\"\n        ></path>\n      </g>\n\n      <g id=\"headphones\">\n        <path\n          d=\"M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H18A3,3 0 0,0 21,17V10C21,5 16.97,1 12,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"headphones-box\">\n        <path\n          d=\"M7.2,18C6.54,18 6,17.46 6,16.8V13.2L6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12V13.2L18,16.8A1.2,1.2 0 0,1 16.8,18H14V14H16V12A4,4 0 0,0 12,8A4,4 0 0,0 8,12V14H10V18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"headset\">\n        <path\n          d=\"M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H19V21H12V23H18A3,3 0 0,0 21,20V10C21,5 16.97,1 12,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"keyboard\">\n        <path\n          d=\"M19,10H17V8H19M19,13H17V11H19M16,10H14V8H16M16,13H14V11H16M16,17H8V15H16M7,10H5V8H7M7,13H5V11H7M8,11H10V13H8M8,8H10V10H8M11,11H13V13H11M11,8H13V10H11M20,5H4C2.89,5 2,5.89 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7C22,5.89 21.1,5 20,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"keyboard-close\">\n        <path\n          d=\"M12,23L16,19H8M19,8H17V6H19M19,11H17V9H19M16,8H14V6H16M16,11H14V9H16M16,15H8V13H16M7,8H5V6H7M7,11H5V9H7M8,9H10V11H8M8,6H10V8H8M11,9H13V11H11M11,6H13V8H11M20,3H4C2.89,3 2,3.89 2,5V15A2,2 0 0,0 4,17H20A2,2 0 0,0 22,15V5C22,3.89 21.1,3 20,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"laptop\">\n        <path\n          d=\"M4,6H20V16H4M20,18A2,2 0 0,0 22,16V6C22,4.89 21.1,4 20,4H4C2.89,4 2,4.89 2,6V16A2,2 0 0,0 4,18H0V20H24V18H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"laptop-chromebook\">\n        <path\n          d=\"M20,15H4V5H20M14,18H10V17H14M22,18V3H2V18H0V20H24V18H22Z\"\n        ></path>\n      </g>\n\n      <g id=\"laptop-mac\">\n        <path\n          d=\"M12,19A1,1 0 0,1 11,18A1,1 0 0,1 12,17A1,1 0 0,1 13,18A1,1 0 0,1 12,19M4,5H20V16H4M20,18A2,2 0 0,0 22,16V5C22,3.89 21.1,3 20,3H4C2.89,3 2,3.89 2,5V16A2,2 0 0,0 4,18H0A2,2 0 0,0 2,20H22A2,2 0 0,0 24,18H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"mouse\">\n        <path\n          d=\"M11,1.07C7.05,1.56 4,4.92 4,9H11M4,15A8,8 0 0,0 12,23A8,8 0 0,0 20,15V11H4M13,1.07V9H20C20,4.92 16.94,1.56 13,1.07Z\"\n        ></path>\n      </g>\n\n      <g id=\"nest-protect\">\n        <path\n          d=\"M12,18A6,6 0 0,0 18,12C18,8.68 15.31,6 12,6C8.68,6 6,8.68 6,12A6,6 0 0,0 12,18M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"nest-thermostat\">\n        <path\n          d=\"M16.95,16.95L14.83,14.83C15.55,14.1 16,13.1 16,12C16,11.26 15.79,10.57 15.43,10L17.6,7.81C18.5,9 19,10.43 19,12C19,13.93 18.22,15.68 16.95,16.95M12,5C13.57,5 15,5.5 16.19,6.4L14,8.56C13.43,8.21 12.74,8 12,8A4,4 0 0,0 8,12C8,13.1 8.45,14.1 9.17,14.83L7.05,16.95C5.78,15.68 5,13.93 5,12A7,7 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"printer\">\n        <path\n          d=\"M18,3H6V7H18M19,12A1,1 0 0,1 18,11A1,1 0 0,1 19,10A1,1 0 0,1 20,11A1,1 0 0,1 19,12M16,19H8V14H16M19,8H5A3,3 0 0,0 2,11V17H6V21H18V17H22V11A3,3 0 0,0 19,8Z\"\n        ></path>\n      </g>\n\n      <g id=\"sd\">\n        <path\n          d=\"M18,8H16V4H18M15,8H13V4H15M12,8H10V4H12M18,2H10L4,8V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"server\">\n        <path\n          d=\"M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H4A1,1 0 0,1 3,6V2A1,1 0 0,1 4,1M4,9H20A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9M4,17H20A1,1 0 0,1 21,18V22A1,1 0 0,1 20,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17M9,5H10V3H9V5M9,13H10V11H9V13M9,21H10V19H9V21M5,3V5H7V3H5M5,11V13H7V11H5M5,19V21H7V19H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"server-network\">\n        <path\n          d=\"M13,18H14A1,1 0 0,1 15,19H22V21H15A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21H2V19H9A1,1 0 0,1 10,18H11V16H4A1,1 0 0,1 3,15V11A1,1 0 0,1 4,10H20A1,1 0 0,1 21,11V15A1,1 0 0,1 20,16H13V18M4,2H20A1,1 0 0,1 21,3V7A1,1 0 0,1 20,8H4A1,1 0 0,1 3,7V3A1,1 0 0,1 4,2M9,6H10V4H9V6M9,14H10V12H9V14M5,4V6H7V4H5M5,12V14H7V12H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"server-network-off\">\n        <path\n          d=\"M13,18H14A1,1 0 0,1 15,19H15.73L13,16.27V18M22,19V20.18L20.82,19H22M21,21.72L19.73,23L17.73,21H15A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21H2V19H9A1,1 0 0,1 10,18H11V16H4A1,1 0 0,1 3,15V11A1,1 0 0,1 4,10H6.73L4.73,8H4A1,1 0 0,1 3,7V6.27L1,4.27L2.28,3L21,21.72M4,2H20A1,1 0 0,1 21,3V7A1,1 0 0,1 20,8H9.82L7,5.18V4H5.82L3.84,2C3.89,2 3.94,2 4,2M20,10A1,1 0 0,1 21,11V15A1,1 0 0,1 20,16H17.82L11.82,10H20M9,6H10V4H9V6M9,14H10V13.27L9,12.27V14M5,12V14H7V12H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"server-off\">\n        <path\n          d=\"M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H8.82L6.82,5H7V3H5V3.18L3.21,1.39C3.39,1.15 3.68,1 4,1M22,22.72L20.73,24L19.73,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17H13.73L11.73,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9H5.73L3.68,6.95C3.38,6.85 3.15,6.62 3.05,6.32L1,4.27L2.28,3L22,22.72M20,9A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H16.82L10.82,9H20M20,17A1,1 0 0,1 21,18V19.18L18.82,17H20M9,5H10V3H9V5M9,13H9.73L9,12.27V13M9,21H10V19H9V21M5,11V13H7V11H5M5,19V21H7V19H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"sim-alert\">\n        <path\n          d=\"M13,13H11V8H13M13,17H11V15H13M18,2H10L4,8V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"speaker\">\n        <path\n          d=\"M12,12A3,3 0 0,0 9,15A3,3 0 0,0 12,18A3,3 0 0,0 15,15A3,3 0 0,0 12,12M12,20A5,5 0 0,1 7,15A5,5 0 0,1 12,10A5,5 0 0,1 17,15A5,5 0 0,1 12,20M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8C10.89,8 10,7.1 10,6C10,4.89 10.89,4 12,4M17,2H7C5.89,2 5,2.89 5,4V20A2,2 0 0,0 7,22H17A2,2 0 0,0 19,20V4C19,2.89 18.1,2 17,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"speaker-off\">\n        <path\n          d=\"M2,5.27L3.28,4L21,21.72L19.73,23L18.27,21.54C17.93,21.83 17.5,22 17,22H7C5.89,22 5,21.1 5,20V8.27L2,5.27M12,18A3,3 0 0,1 9,15C9,14.24 9.28,13.54 9.75,13L8.33,11.6C7.5,12.5 7,13.69 7,15A5,5 0 0,0 12,20C13.31,20 14.5,19.5 15.4,18.67L14,17.25C13.45,17.72 12.76,18 12,18M17,15A5,5 0 0,0 12,10H11.82L5.12,3.3C5.41,2.54 6.14,2 7,2H17A2,2 0 0,1 19,4V17.18L17,15.17V15M12,4C10.89,4 10,4.89 10,6A2,2 0 0,0 12,8A2,2 0 0,0 14,6C14,4.89 13.1,4 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"tablet\">\n        <path\n          d=\"M19,18H5V6H19M21,4H3C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H21A2,2 0 0,0 23,18V6C23,4.89 22.1,4 21,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"watch\">\n        <path\n          d=\"M6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12M20,12C20,9.45 18.81,7.19 16.95,5.73L16,0H8L7.05,5.73C5.19,7.19 4,9.45 4,12C4,14.54 5.19,16.81 7.05,18.27L8,24H16L16.95,18.27C18.81,16.81 20,14.54 20,12Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-helper-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-helper-iconset-svg.js
index b180e2153a1..ad72d0e6ae7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-helper-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-helper-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e2a2401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c913a01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e2a2401f0511ed8cc3e9a95995ad69 || (_templateObject_e0e2a2401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-helper\" size=\"24\">\n    <svg>\n      <g id=\"color-helper\"><path d=\"M0,24H24V20H0V24Z\"></path></g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c913a01f2611eda0c389891c227ec8 || (_templateObject_b7c913a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-helper\" size=\"24\">\n    <svg>\n      <g id=\"color-helper\"><path d=\"M0,24H24V20H0V24Z\"></path></g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-holiday-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-holiday-iconset-svg.js
index f6d313b73cf..1369954a6f6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-holiday-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-holiday-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e2f0601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c988d01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e2f0601f0511ed8cc3e9a95995ad69 || (_templateObject_e0e2f0601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-holiday\" size=\"24\">\n    <svg>\n      <g id=\"candycane\">\n        <path\n          d=\"M10,10A2,2 0 0,1 8,12A2,2 0 0,1 6,10V8C6,7.37 6.1,6.77 6.27,6.2L10,9.93V10M12,2C12.74,2 13.44,2.13 14.09,2.38L11.97,6C11.14,6 10.44,6.5 10.15,7.25L7.24,4.34C8.34,2.92 10.06,2 12,2M17.76,6.31L14,10.07V8C14,7.62 13.9,7.27 13.72,6.97L15.83,3.38C16.74,4.13 17.42,5.15 17.76,6.31M18,13.09L14,17.09V12.9L18,8.9V13.09M18,20A2,2 0 0,1 16,22A2,2 0 0,1 14,20V19.91L18,15.91V20Z\"\n        ></path>\n      </g>\n\n      <g id=\"gift\">\n        <path\n          d=\"M22,12V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V12A1,1 0 0,1 1,11V8A2,2 0 0,1 3,6H6.17C6.06,5.69 6,5.35 6,5A3,3 0 0,1 9,2C10,2 10.88,2.5 11.43,3.24V3.23L12,4L12.57,3.23V3.24C13.12,2.5 14,2 15,2A3,3 0 0,1 18,5C18,5.35 17.94,5.69 17.83,6H21A2,2 0 0,1 23,8V11A1,1 0 0,1 22,12M4,20H11V12H4V20M20,20V12H13V20H20M9,4A1,1 0 0,0 8,5A1,1 0 0,0 9,6A1,1 0 0,0 10,5A1,1 0 0,0 9,4M15,4A1,1 0 0,0 14,5A1,1 0 0,0 15,6A1,1 0 0,0 16,5A1,1 0 0,0 15,4M3,8V10H11V8H3M13,8V10H21V8H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"ornament\">\n        <path\n          d=\"M12,1A3,3 0 0,1 15,4V5A1,1 0 0,1 16,6V7.07C18.39,8.45 20,11.04 20,14A8,8 0 0,1 12,22A8,8 0 0,1 4,14C4,11.04 5.61,8.45 8,7.07V6A1,1 0 0,1 9,5V4A3,3 0 0,1 12,1M12,3A1,1 0 0,0 11,4V5H13V4A1,1 0 0,0 12,3M12,8C10.22,8 8.63,8.77 7.53,10H16.47C15.37,8.77 13.78,8 12,8M6.34,16H7.59L6,14.43C6.05,15 6.17,15.5 6.34,16M12.59,16L8.59,12H6.41L10.41,16H12.59M17.66,12H16.41L18,13.57C17.95,13 17.83,12.5 17.66,12M11.41,12L15.41,16H17.59L13.59,12H11.41M12,20C13.78,20 15.37,19.23 16.47,18H7.53C8.63,19.23 10.22,20 12,20Z\"\n        ></path>\n      </g>\n\n      <g id=\"ornament-variant\">\n        <path\n          d=\"M12,1A3,3 0 0,1 15,4V5A1,1 0 0,1 16,6V7.07C18.39,8.45 20,11.04 20,14A8,8 0 0,1 12,22A8,8 0 0,1 4,14C4,11.04 5.61,8.45 8,7.07V6A1,1 0 0,1 9,5V4A3,3 0 0,1 12,1M12,3A1,1 0 0,0 11,4V5H13V4A1,1 0 0,0 12,3M12,8C10.22,8 8.63,8.77 7.53,10H16.47C15.37,8.77 13.78,8 12,8M12,20C13.78,20 15.37,19.23 16.47,18H7.53C8.63,19.23 10.22,20 12,20M12,12A2,2 0 0,0 10,14A2,2 0 0,0 12,16A2,2 0 0,0 14,14A2,2 0 0,0 12,12M18,14C18,13.31 17.88,12.65 17.67,12C16.72,12.19 16,13 16,14C16,15 16.72,15.81 17.67,15.97C17.88,15.35 18,14.69 18,14M6,14C6,14.69 6.12,15.35 6.33,15.97C7.28,15.81 8,15 8,14C8,13 7.28,12.19 6.33,12C6.12,12.65 6,13.31 6,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"pine-tree\">\n        <path\n          d=\"M10,21V18H3L8,13H5L10,8H7L12,3L17,8H14L19,13H16L21,18H14V21H10Z\"\n        ></path>\n      </g>\n\n      <g id=\"pine-tree-box\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M11,19H13V17H18L14,13H17L13,9H16L12,5L8,9H11L7,13H10L6,17H11V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"snowman\">\n        <path\n          d=\"M17,17A5,5 0 0,1 12,22A5,5 0 0,1 7,17C7,15.5 7.65,14.17 8.69,13.25C8.26,12.61 8,11.83 8,11C8,10.86 8,10.73 8,10.59L5.04,8.87L4.83,8.71L2.29,9.39L2.03,8.43L4.24,7.84L2.26,6.69L2.76,5.82L4.74,6.97L4.15,4.75L5.11,4.5L5.8,7.04L6.04,7.14L8.73,8.69C9.11,8.15 9.62,7.71 10.22,7.42C9.5,6.87 9,6 9,5A3,3 0 0,1 12,2A3,3 0 0,1 15,5C15,6 14.5,6.87 13.78,7.42C14.38,7.71 14.89,8.15 15.27,8.69L17.96,7.14L18.2,7.04L18.89,4.5L19.85,4.75L19.26,6.97L21.24,5.82L21.74,6.69L19.76,7.84L21.97,8.43L21.71,9.39L19.17,8.71L18.96,8.87L16,10.59V11C16,11.83 15.74,12.61 15.31,13.25C16.35,14.17 17,15.5 17,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"stocking\">\n        <path\n          d=\"M17,2A2,2 0 0,1 19,4V7A2,2 0 0,1 17,9V17C17,17.85 16.5,18.57 15.74,18.86L9.5,21.77C8.5,22.24 7.29,21.81 6.83,20.81L6,19C5.5,18 5.95,16.8 6.95,16.34L10,14.91V9A2,2 0 0,1 8,7V4A2,2 0 0,1 10,2H17M10,4V7H17V4H10Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c988d01f2611eda0c389891c227ec8 || (_templateObject_b7c988d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-holiday\" size=\"24\">\n    <svg>\n      <g id=\"candycane\">\n        <path\n          d=\"M10,10A2,2 0 0,1 8,12A2,2 0 0,1 6,10V8C6,7.37 6.1,6.77 6.27,6.2L10,9.93V10M12,2C12.74,2 13.44,2.13 14.09,2.38L11.97,6C11.14,6 10.44,6.5 10.15,7.25L7.24,4.34C8.34,2.92 10.06,2 12,2M17.76,6.31L14,10.07V8C14,7.62 13.9,7.27 13.72,6.97L15.83,3.38C16.74,4.13 17.42,5.15 17.76,6.31M18,13.09L14,17.09V12.9L18,8.9V13.09M18,20A2,2 0 0,1 16,22A2,2 0 0,1 14,20V19.91L18,15.91V20Z\"\n        ></path>\n      </g>\n\n      <g id=\"gift\">\n        <path\n          d=\"M22,12V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V12A1,1 0 0,1 1,11V8A2,2 0 0,1 3,6H6.17C6.06,5.69 6,5.35 6,5A3,3 0 0,1 9,2C10,2 10.88,2.5 11.43,3.24V3.23L12,4L12.57,3.23V3.24C13.12,2.5 14,2 15,2A3,3 0 0,1 18,5C18,5.35 17.94,5.69 17.83,6H21A2,2 0 0,1 23,8V11A1,1 0 0,1 22,12M4,20H11V12H4V20M20,20V12H13V20H20M9,4A1,1 0 0,0 8,5A1,1 0 0,0 9,6A1,1 0 0,0 10,5A1,1 0 0,0 9,4M15,4A1,1 0 0,0 14,5A1,1 0 0,0 15,6A1,1 0 0,0 16,5A1,1 0 0,0 15,4M3,8V10H11V8H3M13,8V10H21V8H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"ornament\">\n        <path\n          d=\"M12,1A3,3 0 0,1 15,4V5A1,1 0 0,1 16,6V7.07C18.39,8.45 20,11.04 20,14A8,8 0 0,1 12,22A8,8 0 0,1 4,14C4,11.04 5.61,8.45 8,7.07V6A1,1 0 0,1 9,5V4A3,3 0 0,1 12,1M12,3A1,1 0 0,0 11,4V5H13V4A1,1 0 0,0 12,3M12,8C10.22,8 8.63,8.77 7.53,10H16.47C15.37,8.77 13.78,8 12,8M6.34,16H7.59L6,14.43C6.05,15 6.17,15.5 6.34,16M12.59,16L8.59,12H6.41L10.41,16H12.59M17.66,12H16.41L18,13.57C17.95,13 17.83,12.5 17.66,12M11.41,12L15.41,16H17.59L13.59,12H11.41M12,20C13.78,20 15.37,19.23 16.47,18H7.53C8.63,19.23 10.22,20 12,20Z\"\n        ></path>\n      </g>\n\n      <g id=\"ornament-variant\">\n        <path\n          d=\"M12,1A3,3 0 0,1 15,4V5A1,1 0 0,1 16,6V7.07C18.39,8.45 20,11.04 20,14A8,8 0 0,1 12,22A8,8 0 0,1 4,14C4,11.04 5.61,8.45 8,7.07V6A1,1 0 0,1 9,5V4A3,3 0 0,1 12,1M12,3A1,1 0 0,0 11,4V5H13V4A1,1 0 0,0 12,3M12,8C10.22,8 8.63,8.77 7.53,10H16.47C15.37,8.77 13.78,8 12,8M12,20C13.78,20 15.37,19.23 16.47,18H7.53C8.63,19.23 10.22,20 12,20M12,12A2,2 0 0,0 10,14A2,2 0 0,0 12,16A2,2 0 0,0 14,14A2,2 0 0,0 12,12M18,14C18,13.31 17.88,12.65 17.67,12C16.72,12.19 16,13 16,14C16,15 16.72,15.81 17.67,15.97C17.88,15.35 18,14.69 18,14M6,14C6,14.69 6.12,15.35 6.33,15.97C7.28,15.81 8,15 8,14C8,13 7.28,12.19 6.33,12C6.12,12.65 6,13.31 6,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"pine-tree\">\n        <path\n          d=\"M10,21V18H3L8,13H5L10,8H7L12,3L17,8H14L19,13H16L21,18H14V21H10Z\"\n        ></path>\n      </g>\n\n      <g id=\"pine-tree-box\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M11,19H13V17H18L14,13H17L13,9H16L12,5L8,9H11L7,13H10L6,17H11V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"snowman\">\n        <path\n          d=\"M17,17A5,5 0 0,1 12,22A5,5 0 0,1 7,17C7,15.5 7.65,14.17 8.69,13.25C8.26,12.61 8,11.83 8,11C8,10.86 8,10.73 8,10.59L5.04,8.87L4.83,8.71L2.29,9.39L2.03,8.43L4.24,7.84L2.26,6.69L2.76,5.82L4.74,6.97L4.15,4.75L5.11,4.5L5.8,7.04L6.04,7.14L8.73,8.69C9.11,8.15 9.62,7.71 10.22,7.42C9.5,6.87 9,6 9,5A3,3 0 0,1 12,2A3,3 0 0,1 15,5C15,6 14.5,6.87 13.78,7.42C14.38,7.71 14.89,8.15 15.27,8.69L17.96,7.14L18.2,7.04L18.89,4.5L19.85,4.75L19.26,6.97L21.24,5.82L21.74,6.69L19.76,7.84L21.97,8.43L21.71,9.39L19.17,8.71L18.96,8.87L16,10.59V11C16,11.83 15.74,12.61 15.31,13.25C16.35,14.17 17,15.5 17,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"stocking\">\n        <path\n          d=\"M17,2A2,2 0 0,1 19,4V7A2,2 0 0,1 17,9V17C17,17.85 16.5,18.57 15.74,18.86L9.5,21.77C8.5,22.24 7.29,21.81 6.83,20.81L6,19C5.5,18 5.95,16.8 6.95,16.34L10,14.91V9A2,2 0 0,1 8,7V4A2,2 0 0,1 10,2H17M10,4V7H17V4H10Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-image-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-image-iconset-svg.js
index 66a195fd402..8680a81b884 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-image-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-image-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e365901f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7c9d6f01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e365901f0511ed8cc3e9a95995ad69 || (_templateObject_e0e365901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-image\" size=\"24\">\n    <svg>\n      <g id=\"image\">\n        <path\n          d=\"M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z\"\n        ></path>\n      </g>\n\n      <g id=\"message-image\">\n        <path\n          d=\"M5,14L8.5,9.5L11,12.5L14.5,8L19,14M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-1-box-multiple-outline\">\n        <path\n          d=\"M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M14,15H16V5H12V7H14M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-2-box-multiple-outline\">\n        <path\n          d=\"M17,13H13V11H15A2,2 0 0,0 17,9V7C17,5.89 16.1,5 15,5H11V7H15V9H13A2,2 0 0,0 11,11V15H17M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-3-box-multiple-outline\">\n        <path\n          d=\"M17,13V11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5V7C17,5.89 16.1,5 15,5H11V7H15V9H13V11H15V13H11V15H15A2,2 0 0,0 17,13M3,5H1V21A2,2 0 0,0 3,23H19V21H3M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-4-box-multiple-outline\">\n        <path\n          d=\"M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M15,15H17V5H15V9H13V5H11V11H15M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-5-box-multiple-outline\">\n        <path\n          d=\"M17,13V11C17,9.89 16.1,9 15,9H13V7H17V5H11V11H15V13H11V15H15A2,2 0 0,0 17,13M3,5H1V21A2,2 0 0,0 3,23H19V21H3M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-6-box-multiple-outline\">\n        <path\n          d=\"M13,11H15V13H13M13,15H15A2,2 0 0,0 17,13V11C17,9.89 16.1,9 15,9H13V7H17V5H13A2,2 0 0,0 11,7V13C11,14.11 11.9,15 13,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-7-box-multiple-outline\">\n        <path\n          d=\"M13,15L17,7V5H11V7H15L11,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-8-box-multiple-outline\">\n        <path\n          d=\"M13,11H15V13H13M13,7H15V9H13M13,15H15A2,2 0 0,0 17,13V11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5V7C17,5.89 16.1,5 15,5H13A2,2 0 0,0 11,7V8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 11,11.5V13C11,14.11 11.9,15 13,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-9-box-multiple-outline\">\n        <path\n          d=\"M15,9H13V7H15M15,5H13A2,2 0 0,0 11,7V9C11,10.11 11.9,11 13,11H15V13H11V15H15A2,2 0 0,0 17,13V7C17,5.89 16.1,5 15,5M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-9-plus-box-multiple-outline\">\n        <path\n          d=\"M21,9H19V7H17V9H15V11H17V13H19V11H21V17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M11,9V8H12V9M14,12V8C14,6.89 13.1,6 12,6H11A2,2 0 0,0 9,8V9C9,10.11 9.9,11 11,11H12V12H9V14H12A2,2 0 0,0 14,12M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-image\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7c9d6f01f2611eda0c389891c227ec8 || (_templateObject_b7c9d6f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-image\" size=\"24\">\n    <svg>\n      <g id=\"image\">\n        <path\n          d=\"M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z\"\n        ></path>\n      </g>\n\n      <g id=\"message-image\">\n        <path\n          d=\"M5,14L8.5,9.5L11,12.5L14.5,8L19,14M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-1-box-multiple-outline\">\n        <path\n          d=\"M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M14,15H16V5H12V7H14M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-2-box-multiple-outline\">\n        <path\n          d=\"M17,13H13V11H15A2,2 0 0,0 17,9V7C17,5.89 16.1,5 15,5H11V7H15V9H13A2,2 0 0,0 11,11V15H17M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-3-box-multiple-outline\">\n        <path\n          d=\"M17,13V11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5V7C17,5.89 16.1,5 15,5H11V7H15V9H13V11H15V13H11V15H15A2,2 0 0,0 17,13M3,5H1V21A2,2 0 0,0 3,23H19V21H3M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-4-box-multiple-outline\">\n        <path\n          d=\"M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M15,15H17V5H15V9H13V5H11V11H15M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-5-box-multiple-outline\">\n        <path\n          d=\"M17,13V11C17,9.89 16.1,9 15,9H13V7H17V5H11V11H15V13H11V15H15A2,2 0 0,0 17,13M3,5H1V21A2,2 0 0,0 3,23H19V21H3M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-6-box-multiple-outline\">\n        <path\n          d=\"M13,11H15V13H13M13,15H15A2,2 0 0,0 17,13V11C17,9.89 16.1,9 15,9H13V7H17V5H13A2,2 0 0,0 11,7V13C11,14.11 11.9,15 13,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-7-box-multiple-outline\">\n        <path\n          d=\"M13,15L17,7V5H11V7H15L11,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-8-box-multiple-outline\">\n        <path\n          d=\"M13,11H15V13H13M13,7H15V9H13M13,15H15A2,2 0 0,0 17,13V11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5V7C17,5.89 16.1,5 15,5H13A2,2 0 0,0 11,7V8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 11,11.5V13C11,14.11 11.9,15 13,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-9-box-multiple-outline\">\n        <path\n          d=\"M15,9H13V7H15M15,5H13A2,2 0 0,0 11,7V9C11,10.11 11.9,11 13,11H15V13H11V15H15A2,2 0 0,0 17,13V7C17,5.89 16.1,5 15,5M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"numeric-9-plus-box-multiple-outline\">\n        <path\n          d=\"M21,9H19V7H17V9H15V11H17V13H19V11H21V17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M11,9V8H12V9M14,12V8C14,6.89 13.1,6 12,6H11A2,2 0 0,0 9,8V9C9,10.11 9.9,11 11,11H12V12H9V14H12A2,2 0 0,0 14,12M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-image\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-local-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-local-iconset-svg.js
index 12e8dfbe611..081222e93f7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-local-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-local-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e3b3b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7ca25101f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e3b3b01f0511ed8cc3e9a95995ad69 || (_templateObject_e0e3b3b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-local\" size=\"24\">\n    <svg>\n      <g id=\"car-wash\">\n        <path\n          d=\"M5,13L6.5,8.5H17.5L19,13M17.5,18A1.5,1.5 0 0,1 16,16.5A1.5,1.5 0 0,1 17.5,15A1.5,1.5 0 0,1 19,16.5A1.5,1.5 0 0,1 17.5,18M6.5,18A1.5,1.5 0 0,1 5,16.5A1.5,1.5 0 0,1 6.5,15A1.5,1.5 0 0,1 8,16.5A1.5,1.5 0 0,1 6.5,18M18.92,8C18.72,7.42 18.16,7 17.5,7H6.5C5.84,7 5.28,7.42 5.08,8L3,14V22A1,1 0 0,0 4,23H5A1,1 0 0,0 6,22V21H18V22A1,1 0 0,0 19,23H20A1,1 0 0,0 21,22V14M7,5A1.5,1.5 0 0,0 8.5,3.5C8.5,2.5 7,0.8 7,0.8C7,0.8 5.5,2.5 5.5,3.5A1.5,1.5 0 0,0 7,5M12,5A1.5,1.5 0 0,0 13.5,3.5C13.5,2.5 12,0.8 12,0.8C12,0.8 10.5,2.5 10.5,3.5A1.5,1.5 0 0,0 12,5M17,5A1.5,1.5 0 0,0 18.5,3.5C18.5,2.5 17,0.8 17,0.8C17,0.8 15.5,2.5 15.5,3.5A1.5,1.5 0 0,0 17,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"city\">\n        <path\n          d=\"M19,15H17V13H19M19,19H17V17H19M13,7H11V5H13M13,11H11V9H13M13,15H11V13H13M13,19H11V17H13M7,11H5V9H7M7,15H5V13H7M7,19H5V17H7M15,11V5L12,2L9,5V7H3V21H21V11H15Z\"\n        ></path>\n      </g>\n\n      <g id=\"crosshair\">\n        <path\n          d=\"M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"crosshair-gps\">\n        <path\n          d=\"M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"gas-station\">\n        <path\n          d=\"M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10M12,10H6V5H12M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14C17,12.89 16.1,12 15,12H14V5C14,3.89 13.1,3 12,3H6C4.89,3 4,3.89 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23Z\"\n        ></path>\n      </g>\n\n      <g id=\"home\">\n        <path d=\"M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z\"></path>\n      </g>\n\n      <g id=\"hospital\">\n        <path\n          d=\"M18,14H14V18H10V14H6V10H10V6H14V10H18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"hotel\">\n        <path\n          d=\"M19,7H11V14H3V5H1V20H3V17H21V20H23V11A4,4 0 0,0 19,7M7,13A3,3 0 0,0 10,10A3,3 0 0,0 7,7A3,3 0 0,0 4,10A3,3 0 0,0 7,13Z\"\n        ></path>\n      </g>\n\n      <g id=\"map\">\n        <path\n          d=\"M15,19L9,16.89V5L15,7.11M20.5,3C20.44,3 20.39,3 20.34,3L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.61,21 3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"martini\">\n        <path\n          d=\"M7.5,7L5.5,5H18.5L16.5,7M11,13V19H6V21H18V19H13V13L21,5V3H3V5L11,13Z\"\n        ></path>\n      </g>\n\n      <g id=\"pharmacy\">\n        <path\n          d=\"M16,14H13V17H11V14H8V12H11V9H13V12H16M21,5H18.35L19.5,1.85L17.15,1L15.69,5H3V7L5,13L3,19V21H21V19L19,13L21,7V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"store\">\n        <path\n          d=\"M12,18H6V14H12M21,14V12L20,7H4L3,12V14H4V20H14V14H18V20H20V14M20,4H4V6H20V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"store-24-hour\">\n        <path\n          d=\"M16,12H15V10H13V7H14V9H15V7H16M11,10H9V11H11V12H8V9H10V8H8V7H11M19,7V4H5V7H2V20H10V16H14V20H22V7H19Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7ca25101f2611eda0c389891c227ec8 || (_templateObject_b7ca25101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-local\" size=\"24\">\n    <svg>\n      <g id=\"car-wash\">\n        <path\n          d=\"M5,13L6.5,8.5H17.5L19,13M17.5,18A1.5,1.5 0 0,1 16,16.5A1.5,1.5 0 0,1 17.5,15A1.5,1.5 0 0,1 19,16.5A1.5,1.5 0 0,1 17.5,18M6.5,18A1.5,1.5 0 0,1 5,16.5A1.5,1.5 0 0,1 6.5,15A1.5,1.5 0 0,1 8,16.5A1.5,1.5 0 0,1 6.5,18M18.92,8C18.72,7.42 18.16,7 17.5,7H6.5C5.84,7 5.28,7.42 5.08,8L3,14V22A1,1 0 0,0 4,23H5A1,1 0 0,0 6,22V21H18V22A1,1 0 0,0 19,23H20A1,1 0 0,0 21,22V14M7,5A1.5,1.5 0 0,0 8.5,3.5C8.5,2.5 7,0.8 7,0.8C7,0.8 5.5,2.5 5.5,3.5A1.5,1.5 0 0,0 7,5M12,5A1.5,1.5 0 0,0 13.5,3.5C13.5,2.5 12,0.8 12,0.8C12,0.8 10.5,2.5 10.5,3.5A1.5,1.5 0 0,0 12,5M17,5A1.5,1.5 0 0,0 18.5,3.5C18.5,2.5 17,0.8 17,0.8C17,0.8 15.5,2.5 15.5,3.5A1.5,1.5 0 0,0 17,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"city\">\n        <path\n          d=\"M19,15H17V13H19M19,19H17V17H19M13,7H11V5H13M13,11H11V9H13M13,15H11V13H13M13,19H11V17H13M7,11H5V9H7M7,15H5V13H7M7,19H5V17H7M15,11V5L12,2L9,5V7H3V21H21V11H15Z\"\n        ></path>\n      </g>\n\n      <g id=\"crosshair\">\n        <path\n          d=\"M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"crosshair-gps\">\n        <path\n          d=\"M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"gas-station\">\n        <path\n          d=\"M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10M12,10H6V5H12M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14C17,12.89 16.1,12 15,12H14V5C14,3.89 13.1,3 12,3H6C4.89,3 4,3.89 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23Z\"\n        ></path>\n      </g>\n\n      <g id=\"home\">\n        <path d=\"M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z\"></path>\n      </g>\n\n      <g id=\"hospital\">\n        <path\n          d=\"M18,14H14V18H10V14H6V10H10V6H14V10H18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"hotel\">\n        <path\n          d=\"M19,7H11V14H3V5H1V20H3V17H21V20H23V11A4,4 0 0,0 19,7M7,13A3,3 0 0,0 10,10A3,3 0 0,0 7,7A3,3 0 0,0 4,10A3,3 0 0,0 7,13Z\"\n        ></path>\n      </g>\n\n      <g id=\"map\">\n        <path\n          d=\"M15,19L9,16.89V5L15,7.11M20.5,3C20.44,3 20.39,3 20.34,3L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.61,21 3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"martini\">\n        <path\n          d=\"M7.5,7L5.5,5H18.5L16.5,7M11,13V19H6V21H18V19H13V13L21,5V3H3V5L11,13Z\"\n        ></path>\n      </g>\n\n      <g id=\"pharmacy\">\n        <path\n          d=\"M16,14H13V17H11V14H8V12H11V9H13V12H16M21,5H18.35L19.5,1.85L17.15,1L15.69,5H3V7L5,13L3,19V21H21V19L19,13L21,7V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"store\">\n        <path\n          d=\"M12,18H6V14H12M21,14V12L20,7H4L3,12V14H4V20H14V14H18V20H20V14M20,4H4V6H20V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"store-24-hour\">\n        <path\n          d=\"M16,12H15V10H13V7H14V9H15V7H16M11,10H9V11H11V12H8V9H10V8H8V7H11M19,7V4H5V7H2V20H10V16H14V20H22V7H19Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-lock-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-lock-iconset-svg.js
index 3f25eb2e8c3..d59be3d1b8c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-lock-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-lock-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e401d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7ca73301f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e401d01f0511ed8cc3e9a95995ad69 || (_templateObject_e0e401d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-lock\" size=\"24\">\n    <svg>\n      <g id=\"lock\">\n        <path\n          d=\"M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-open\">\n        <path\n          d=\"M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-open-outline\">\n        <path\n          d=\"M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,1 10,15A2,2 0 0,1 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-outline\">\n        <path\n          d=\"M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7ca73301f2611eda0c389891c227ec8 || (_templateObject_b7ca73301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-lock\" size=\"24\">\n    <svg>\n      <g id=\"lock\">\n        <path\n          d=\"M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-open\">\n        <path\n          d=\"M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-open-outline\">\n        <path\n          d=\"M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,1 10,15A2,2 0 0,1 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-outline\">\n        <path\n          d=\"M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-logo-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-logo-iconset-svg.js
index 11a9b550c2e..875a5050544 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-logo-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-logo-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e477001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7cb0f701f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e477001f0511ed8cc3e9a95995ad69 || (_templateObject_e0e477001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-logo\" size=\"24\">\n    <svg>\n      <g id=\"amazon\">\n        <path\n          d=\"M15.93,17.09C15.75,17.25 15.5,17.26 15.3,17.15C14.41,16.41 14.25,16.07 13.76,15.36C12.29,16.86 11.25,17.31 9.34,17.31C7.09,17.31 5.33,15.92 5.33,13.14C5.33,10.96 6.5,9.5 8.19,8.76C9.65,8.12 11.68,8 13.23,7.83V7.5C13.23,6.84 13.28,6.09 12.9,5.54C12.58,5.05 11.95,4.84 11.4,4.84C10.38,4.84 9.47,5.37 9.25,6.45C9.2,6.69 9,6.93 8.78,6.94L6.18,6.66C5.96,6.61 5.72,6.44 5.78,6.1C6.38,2.95 9.23,2 11.78,2C13.08,2 14.78,2.35 15.81,3.33C17.11,4.55 17,6.18 17,7.95V12.12C17,13.37 17.5,13.93 18,14.6C18.17,14.85 18.21,15.14 18,15.31L15.94,17.09H15.93M13.23,10.56V10C11.29,10 9.24,10.39 9.24,12.67C9.24,13.83 9.85,14.62 10.87,14.62C11.63,14.62 12.3,14.15 12.73,13.4C13.25,12.47 13.23,11.6 13.23,10.56M20.16,19.54C18,21.14 14.82,22 12.1,22C8.29,22 4.85,20.59 2.25,18.24C2.05,18.06 2.23,17.81 2.5,17.95C5.28,19.58 8.75,20.56 12.33,20.56C14.74,20.56 17.4,20.06 19.84,19.03C20.21,18.87 20.5,19.27 20.16,19.54M21.07,18.5C20.79,18.14 19.22,18.33 18.5,18.42C18.31,18.44 18.28,18.26 18.47,18.12C19.71,17.24 21.76,17.5 22,17.79C22.24,18.09 21.93,20.14 20.76,21.11C20.58,21.27 20.41,21.18 20.5,21C20.76,20.33 21.35,18.86 21.07,18.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"amazon-clouddrive\">\n        <path\n          d=\"M4.94,11.12C5.23,11.12 5.5,11.16 5.76,11.23C5.77,9.09 7.5,7.35 9.65,7.35C11.27,7.35 12.67,8.35 13.24,9.77C13.83,9 14.74,8.53 15.76,8.53C17.5,8.53 18.94,9.95 18.94,11.71C18.94,11.95 18.91,12.2 18.86,12.43C19.1,12.34 19.37,12.29 19.65,12.29C20.95,12.29 22,13.35 22,14.65C22,15.95 20.95,17 19.65,17C18.35,17 6.36,17 4.94,17C3.32,17 2,15.68 2,14.06C2,12.43 3.32,11.12 4.94,11.12Z\"\n        ></path>\n      </g>\n\n      <g id=\"android\">\n        <path\n          d=\"M15,5H14V4H15M10,5H9V4H10M15.53,2.16L16.84,0.85C17.03,0.66 17.03,0.34 16.84,0.14C16.64,-0.05 16.32,-0.05 16.13,0.14L14.65,1.62C13.85,1.23 12.95,1 12,1C11.04,1 10.14,1.23 9.34,1.63L7.85,0.14C7.66,-0.05 7.34,-0.05 7.15,0.14C6.95,0.34 6.95,0.66 7.15,0.85L8.46,2.16C6.97,3.26 6,5 6,7H18C18,5 17,3.25 15.53,2.16M20.5,8A1.5,1.5 0 0,0 19,9.5V16.5A1.5,1.5 0 0,0 20.5,18A1.5,1.5 0 0,0 22,16.5V9.5A1.5,1.5 0 0,0 20.5,8M3.5,8A1.5,1.5 0 0,0 2,9.5V16.5A1.5,1.5 0 0,0 3.5,18A1.5,1.5 0 0,0 5,16.5V9.5A1.5,1.5 0 0,0 3.5,8M6,18A1,1 0 0,0 7,19H8V22.5A1.5,1.5 0 0,0 9.5,24A1.5,1.5 0 0,0 11,22.5V19H13V22.5A1.5,1.5 0 0,0 14.5,24A1.5,1.5 0 0,0 16,22.5V19H17A1,1 0 0,0 18,18V8H6V18Z\"\n        ></path>\n      </g>\n\n      <g id=\"basecamp\">\n        <path\n          d=\"M3.39,15.64C3.4,15.55 3.42,15.45 3.45,15.36C3.5,15.18 3.54,15 3.6,14.84C3.82,14.19 4.16,13.58 4.5,13C4.7,12.7 4.89,12.41 5.07,12.12C5.26,11.83 5.45,11.54 5.67,11.26C6,10.81 6.45,10.33 7,10.15C7.79,9.9 8.37,10.71 8.82,11.22C9.08,11.5 9.36,11.8 9.71,11.97C9.88,12.04 10.06,12.08 10.24,12.07C10.5,12.05 10.73,11.87 10.93,11.71C11.46,11.27 11.9,10.7 12.31,10.15C12.77,9.55 13.21,8.93 13.73,8.38C13.95,8.15 14.18,7.85 14.5,7.75C14.62,7.71 14.77,7.72 14.91,7.78C15,7.82 15.05,7.87 15.1,7.92C15.17,8 15.25,8.04 15.32,8.09C15.88,8.5 16.4,9 16.89,9.5C17.31,9.93 17.72,10.39 18.1,10.86C18.5,11.32 18.84,11.79 19.15,12.3C19.53,12.93 19.85,13.58 20.21,14.21C20.53,14.79 20.86,15.46 20.53,16.12C20.5,16.15 20.5,16.19 20.5,16.22C19.91,17.19 18.88,17.79 17.86,18.18C16.63,18.65 15.32,18.88 14,18.97C12.66,19.07 11.3,19.06 9.95,18.94C8.73,18.82 7.5,18.6 6.36,18.16C5.4,17.79 4.5,17.25 3.84,16.43C3.69,16.23 3.56,16.03 3.45,15.81C3.43,15.79 3.42,15.76 3.41,15.74C3.39,15.7 3.38,15.68 3.39,15.64M2.08,16.5C2.22,16.73 2.38,16.93 2.54,17.12C2.86,17.5 3.23,17.85 3.62,18.16C4.46,18.81 5.43,19.28 6.44,19.61C7.6,20 8.82,20.19 10.04,20.29C11.45,20.41 12.89,20.41 14.3,20.26C15.6,20.12 16.91,19.85 18.13,19.37C19.21,18.94 20.21,18.32 21.08,17.54C21.31,17.34 21.53,17.13 21.7,16.88C21.86,16.67 22,16.44 22,16.18C22,15.88 22,15.57 21.92,15.27C21.85,14.94 21.76,14.62 21.68,14.3C21.65,14.18 21.62,14.06 21.59,13.94C21.27,12.53 20.78,11.16 20.12,9.87C19.56,8.79 18.87,7.76 18.06,6.84C17.31,6 16.43,5.22 15.43,4.68C14.9,4.38 14.33,4.15 13.75,4C13.44,3.88 13.12,3.81 12.8,3.74C12.71,3.73 12.63,3.71 12.55,3.71C12.44,3.71 12.33,3.71 12.23,3.71C12,3.71 11.82,3.71 11.61,3.71C11.5,3.71 11.43,3.7 11.33,3.71C11.25,3.72 11.16,3.74 11.08,3.75C10.91,3.78 10.75,3.81 10.59,3.85C10.27,3.92 9.96,4 9.65,4.14C9.04,4.38 8.47,4.7 7.93,5.08C6.87,5.8 5.95,6.73 5.18,7.75C4.37,8.83 3.71,10.04 3.21,11.3C2.67,12.64 2.3,14.04 2.07,15.47C2.04,15.65 2,15.84 2,16C2,16.12 2,16.22 2,16.32C2,16.37 2,16.4 2.03,16.44C2.04,16.46 2.06,16.5 2.08,16.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"behance\">\n        <path\n          d=\"M19.58,12.27C19.54,11.65 19.33,11.18 18.96,10.86C18.59,10.54 18.13,10.38 17.58,10.38C17,10.38 16.5,10.55 16.19,10.89C15.86,11.23 15.65,11.69 15.57,12.27M21.92,12.04C22,12.45 22,13.04 22,13.81H15.5C15.55,14.71 15.85,15.33 16.44,15.69C16.79,15.92 17.22,16.03 17.73,16.03C18.26,16.03 18.69,15.89 19,15.62C19.2,15.47 19.36,15.27 19.5,15H21.88C21.82,15.54 21.53,16.07 21,16.62C20.22,17.5 19.1,17.92 17.66,17.92C16.47,17.92 15.43,17.55 14.5,16.82C13.62,16.09 13.16,14.9 13.16,13.25C13.16,11.7 13.57,10.5 14.39,9.7C15.21,8.87 16.27,8.46 17.58,8.46C18.35,8.46 19.05,8.6 19.67,8.88C20.29,9.16 20.81,9.59 21.21,10.2C21.58,10.73 21.81,11.34 21.92,12.04M9.58,14.07C9.58,13.42 9.31,12.97 8.79,12.73C8.5,12.6 8.08,12.53 7.54,12.5H4.87V15.84H7.5C8.04,15.84 8.46,15.77 8.76,15.62C9.31,15.35 9.58,14.83 9.58,14.07M4.87,10.46H7.5C8.04,10.46 8.5,10.36 8.82,10.15C9.16,9.95 9.32,9.58 9.32,9.06C9.32,8.5 9.1,8.1 8.66,7.91C8.27,7.78 7.78,7.72 7.19,7.72H4.87M11.72,12.42C12.04,12.92 12.2,13.53 12.2,14.24C12.2,15 12,15.64 11.65,16.23C11.41,16.62 11.12,16.94 10.77,17.21C10.37,17.5 9.9,17.72 9.36,17.83C8.82,17.94 8.24,18 7.61,18H2V5.55H8C9.53,5.58 10.6,6 11.23,6.88C11.61,7.41 11.8,8.04 11.8,8.78C11.8,9.54 11.61,10.15 11.23,10.61C11,10.87 10.7,11.11 10.28,11.32C10.91,11.55 11.39,11.92 11.72,12.42M20.06,7.32H15.05V6.07H20.06V7.32Z\"\n        ></path>\n      </g>\n\n      <g id=\"blogger\">\n        <path\n          d=\"M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"box\">\n        <path\n          d=\"M15.39,14.04V14.04C15.39,12.62 14.24,11.47 12.82,11.47C11.41,11.47 10.26,12.62 10.26,14.04V14.04C10.26,15.45 11.41,16.6 12.82,16.6C14.24,16.6 15.39,15.45 15.39,14.04M17.1,14.04C17.1,16.4 15.18,18.31 12.82,18.31C11.19,18.31 9.77,17.39 9.05,16.04C8.33,17.39 6.91,18.31 5.28,18.31C2.94,18.31 1.04,16.43 1,14.11V14.11H1V7H1V7C1,6.56 1.39,6.18 1.86,6.18C2.33,6.18 2.7,6.56 2.71,7V7H2.71V10.62C3.43,10.08 4.32,9.76 5.28,9.76C6.91,9.76 8.33,10.68 9.05,12.03C9.77,10.68 11.19,9.76 12.82,9.76C15.18,9.76 17.1,11.68 17.1,14.04V14.04M7.84,14.04V14.04C7.84,12.62 6.69,11.47 5.28,11.47C3.86,11.47 2.71,12.62 2.71,14.04V14.04C2.71,15.45 3.86,16.6 5.28,16.6C6.69,16.6 7.84,15.45 7.84,14.04M22.84,16.96V16.96C22.95,17.12 23,17.3 23,17.47C23,17.73 22.88,18 22.66,18.15C22.5,18.26 22.33,18.32 22.15,18.32C21.9,18.32 21.65,18.21 21.5,18L19.59,15.47L17.7,18V18C17.53,18.21 17.28,18.32 17.03,18.32C16.85,18.32 16.67,18.26 16.5,18.15C16.29,18 16.17,17.72 16.17,17.46C16.17,17.29 16.23,17.11 16.33,16.96V16.96H16.33V16.96L18.5,14.04L16.33,11.11V11.11H16.33V11.11C16.22,10.96 16.17,10.79 16.17,10.61C16.17,10.35 16.29,10.1 16.5,9.93C16.89,9.65 17.41,9.72 17.7,10.09V10.09L19.59,12.61L21.5,10.09C21.76,9.72 22.29,9.65 22.66,9.93C22.89,10.1 23,10.36 23,10.63C23,10.8 22.95,10.97 22.84,11.11V11.11H22.84V11.11L20.66,14.04L22.84,16.96V16.96H22.84Z\"\n        ></path>\n      </g>\n\n      <g id=\"deviantart\">\n        <path\n          d=\"M6,6H12L14,2H18V6L14.5,13H18V18H12L10,22H6V18L9.5,11H6V6Z\"\n        ></path>\n      </g>\n\n      <g id=\"disqus\">\n        <path\n          d=\"M12.08,22C9.63,22 7.39,21.11 5.66,19.63L1.41,20.21L3.05,16.15C2.5,14.88 2.16,13.5 2.16,12C2.16,6.5 6.6,2 12.08,2C17.56,2 22,6.5 22,12C22,17.5 17.56,22 12.08,22M17.5,11.97V11.94C17.5,9.06 15.46,7 11.95,7H8.16V17H11.9C15.43,17 17.5,14.86 17.5,11.97M12,14.54H10.89V9.46H12C13.62,9.46 14.7,10.39 14.7,12V12C14.7,13.63 13.62,14.54 12,14.54Z\"\n        ></path>\n      </g>\n\n      <g id=\"dribble\">\n        <path\n          d=\"M16.42,18.42C16,16.5 15.5,14.73 15,13.17C15.5,13.1 16,13.06 16.58,13.06H16.6V13.06H16.6C17.53,13.06 18.55,13.18 19.66,13.43C19.28,15.5 18.08,17.27 16.42,18.42M12,19.8C10.26,19.8 8.66,19.23 7.36,18.26C7.64,17.81 8.23,16.94 9.18,16.04C10.14,15.11 11.5,14.15 13.23,13.58C13.82,15.25 14.36,17.15 14.77,19.29C13.91,19.62 13,19.8 12,19.8M4.2,12C4.2,11.96 4.2,11.93 4.2,11.89C4.42,11.9 4.71,11.9 5.05,11.9H5.06C6.62,11.89 9.36,11.76 12.14,10.89C12.29,11.22 12.44,11.56 12.59,11.92C10.73,12.54 9.27,13.53 8.19,14.5C7.16,15.46 6.45,16.39 6.04,17C4.9,15.66 4.2,13.91 4.2,12M8.55,5C9.1,5.65 10.18,7.06 11.34,9.25C9,9.96 6.61,10.12 5.18,10.12C5.14,10.12 5.1,10.12 5.06,10.12H5.05C4.81,10.12 4.6,10.12 4.43,10.11C5,7.87 6.5,6 8.55,5M12,4.2C13.84,4.2 15.53,4.84 16.86,5.91C15.84,7.14 14.5,8 13.03,8.65C12,6.67 11,5.25 10.34,4.38C10.88,4.27 11.43,4.2 12,4.2M18.13,7.18C19.1,8.42 19.71,9.96 19.79,11.63C18.66,11.39 17.6,11.28 16.6,11.28V11.28H16.59C15.79,11.28 15.04,11.35 14.33,11.47C14.16,11.05 14,10.65 13.81,10.26C15.39,9.57 16.9,8.58 18.13,7.18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"etsy\">\n        <path\n          d=\"M6.72,20.78C8.23,20.71 10.07,20.78 11.87,20.78C13.72,20.78 15.62,20.66 17.12,20.78C17.72,20.83 18.28,21.19 18.77,20.87C19.16,20.38 18.87,19.71 18.96,19.05C19.12,17.78 20.28,16.27 18.59,15.95C17.87,16.61 18.35,17.23 17.95,18.05C17.45,19.03 15.68,19.37 14,19.5C12.54,19.62 10,19.76 9.5,18.77C9.04,17.94 9.29,16.65 9.29,15.58C9.29,14.38 9.16,13.22 9.5,12.3C11.32,12.43 13.7,11.69 15,12.5C15.87,13 15.37,14.06 16.38,14.4C17.07,14.21 16.7,13.32 16.66,12.5C16.63,11.94 16.63,11.19 16.66,10.57C16.69,9.73 17,8.76 16.1,8.74C15.39,9.3 15.93,10.23 15.18,10.75C14.95,10.92 14.43,11 14.08,11C12.7,11.17 10.54,11.05 9.38,10.84C9.23,9.16 9.24,6.87 9.38,5.19C10,4.57 11.45,4.54 12.42,4.55C14.13,4.55 16.79,4.7 17.3,5.55C17.58,6 17.36,7 17.85,7.1C18.85,7.33 18.36,5.55 18.41,4.73C18.44,4.11 18.71,3.72 18.59,3.27C18.27,2.83 17.79,3.05 17.5,3.09C14.35,3.5 9.6,3.27 6.26,3.27C5.86,3.27 5.16,3.07 4.88,3.54C4.68,4.6 6.12,4.16 6.62,4.73C6.79,4.91 7.03,5.73 7.08,6.28C7.23,7.74 7.08,9.97 7.08,12.12C7.08,14.38 7.26,16.67 7.08,18.05C7,18.53 6.73,19.3 6.62,19.41C6,20.04 4.34,19.35 4.5,20.69C5.09,21.08 5.93,20.82 6.72,20.78Z\"\n        ></path>\n      </g>\n\n      <g id=\"evernote\">\n        <path\n          d=\"M15.09,11.63C15.09,11.63 15.28,10.35 16,10.35C16.76,10.35 17.78,12.06 17.78,12.06C17.78,12.06 15.46,11.63 15.09,11.63M19,4.69C18.64,4.09 16.83,3.41 15.89,3.41C14.96,3.41 13.5,3.41 13.5,3.41C13.5,3.41 12.7,2 10.88,2C9.05,2 9.17,2.81 9.17,3.5V6.32L8.34,7.19H4.5C4.5,7.19 3.44,7.91 3.44,9.44C3.44,11 3.92,16.35 7.13,16.85C10.93,17.43 11.58,15.67 11.58,15.46C11.58,14.56 11.6,13.21 11.6,13.21C11.6,13.21 12.71,15.33 14.39,15.33C16.07,15.33 17.04,16.3 17.04,17.29C17.04,18.28 17.04,19.13 17.04,19.13C17.04,19.13 17,20.28 16,20.28C15,20.28 13.89,20.28 13.89,20.28C13.89,20.28 13.2,19.74 13.2,19C13.2,18.25 13.53,18.05 13.93,18.05C14.32,18.05 14.65,18.09 14.65,18.09V16.53C14.65,16.53 11.47,16.5 11.47,18.94C11.47,21.37 13.13,22 14.46,22C15.8,22 16.63,22 16.63,22C16.63,22 20.56,21.5 20.56,13.75C20.56,6 19.33,5.28 19,4.69M7.5,6.31H4.26L8.32,2.22V5.5L7.5,6.31Z\"\n        ></path>\n      </g>\n\n      <g id=\"facebook\">\n        <path\n          d=\"M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z\"\n        ></path>\n      </g>\n\n      <g id=\"facebook-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"firefox\">\n        <path\n          d=\"M21,11.7C21,11.3 20.9,10.7 20.8,10.3C20.5,8.6 19.6,7.1 18.5,5.9C18.3,5.6 17.9,5.3 17.5,5C16.4,4.1 15.1,3.5 13.6,3.2C10.6,2.7 7.6,3.7 5.6,5.8C5.6,5.8 5.6,5.7 5.6,5.7C5.5,5.5 5.5,5.5 5.4,5.5C5.4,5.5 5.4,5.5 5.4,5.5C5.3,5.3 5.3,5.2 5.2,5.1C5.2,5.1 5.2,5.1 5.2,5.1C5.2,4.9 5.1,4.7 5.1,4.5C4.8,4.6 4.8,4.9 4.7,5.1C4.7,5.1 4.7,5.1 4.7,5.1C4.5,5.3 4.3,5.6 4.3,5.9C4.3,5.9 4.3,5.9 4.3,5.9C4.2,6.1 4,7 4.2,7.1C4.2,7.1 4.2,7.1 4.3,7.1C4.3,7.2 4.3,7.3 4.3,7.4C4.1,7.6 4,7.7 4,7.8C3.7,8.4 3.4,8.9 3.3,9.5C3.3,9.7 3.3,9.8 3.3,9.9C3.3,9.9 3.3,9.9 3.3,9.9C3.3,9.9 3.3,9.8 3.3,9.8C3.1,10 3.1,10.3 3,10.5C3.1,10.5 3.1,10.4 3.2,10.4C2.7,13 3.4,15.7 5,17.7C7.4,20.6 11.5,21.8 15.1,20.5C18.6,19.2 21,15.8 21,12C21,11.9 21,11.8 21,11.7M13.5,4.1C15,4.4 16.4,5.1 17.5,6.1C17.6,6.2 17.7,6.4 17.7,6.4C17.4,6.1 16.7,5.6 16.3,5.8C16.4,6.1 17.6,7.6 17.7,7.7C17.7,7.7 18,9 18.1,9.1C18.1,9.1 18.1,9.1 18.1,9.1C18.1,9.1 18.1,9.1 18.1,9.1C18.1,9.3 17.4,11.9 17.4,12.3C17.4,12.4 16.5,14.2 16.6,14.2C16.3,14.9 16,14.9 15.9,15C15.8,15 15.2,15.2 14.5,15.4C13.9,15.5 13.2,15.7 12.7,15.6C12.4,15.6 12,15.6 11.7,15.4C11.6,15.3 10.8,14.9 10.6,14.8C10.3,14.7 10.1,14.5 9.9,14.3C10.2,14.3 10.8,14.3 11,14.3C11.6,14.2 14.2,13.3 14.1,12.9C14.1,12.6 13.6,12.4 13.4,12.2C13.1,12.1 11.9,12.3 11.4,12.5C11.4,12.5 9.5,12 9,11.6C9,11.5 8.9,10.9 8.9,10.8C8.8,10.7 9.2,10.4 9.2,10.4C9.2,10.4 10.2,9.4 10.2,9.3C10.4,9.3 10.6,9.1 10.7,9C10.6,9 10.8,8.9 11.1,8.7C11.1,8.7 11.1,8.7 11.1,8.7C11.4,8.5 11.6,8.5 11.6,8.2C11.6,8.2 12.1,7.3 11.5,7.4C11.5,7.4 10.6,7.3 10.3,7.3C10,7.5 9.9,7.4 9.6,7.3C9.6,7.3 9.4,7.1 9.4,7C9.5,6.8 10.2,5.3 10.5,5.2C10.3,4.8 9.3,5.1 9.1,5.4C9.1,5.4 8.3,6 7.9,6.1C7.9,6.1 7.9,6.1 7.9,6.1C7.9,6 7.4,5.9 6.9,5.9C8.7,4.4 11.1,3.7 13.5,4.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"github\">\n        <path\n          d=\"M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"github-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H14.56C14.24,20.93 14.23,20.32 14.23,20.11L14.24,17.64C14.24,16.8 13.95,16.25 13.63,15.97C15.64,15.75 17.74,15 17.74,11.53C17.74,10.55 17.39,9.74 16.82,9.11C16.91,8.89 17.22,7.97 16.73,6.73C16.73,6.73 15.97,6.5 14.25,7.66C13.53,7.46 12.77,7.36 12,7.35C11.24,7.36 10.46,7.46 9.75,7.66C8.03,6.5 7.27,6.73 7.27,6.73C6.78,7.97 7.09,8.89 7.18,9.11C6.61,9.74 6.26,10.55 6.26,11.53C6.26,15 8.36,15.75 10.36,16C10.1,16.2 9.87,16.6 9.79,17.18C9.27,17.41 7.97,17.81 7.17,16.43C7.17,16.43 6.69,15.57 5.79,15.5C5.79,15.5 4.91,15.5 5.73,16.05C5.73,16.05 6.32,16.33 6.73,17.37C6.73,17.37 7.25,19.12 9.76,18.58L9.77,20.11C9.77,20.32 9.75,20.93 9.43,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"gmail\">\n        <path\n          d=\"M20,18H18V9.25L12,13L6,9.25V18H4V6H5.2L12,10.25L18.8,6H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"google\">\n        <path\n          d=\"M21.35,11.1H12.18V13.83H18.69C18.36,17.64 15.19,19.27 12.19,19.27C8.36,19.27 5,16.25 5,12C5,7.9 8.2,4.73 12.2,4.73C15.29,4.73 17.1,6.7 17.1,6.7L19,4.72C19,4.72 16.56,2 12.1,2C6.42,2 2.03,6.8 2.03,12C2.03,17.05 6.16,22 12.25,22C17.6,22 21.5,18.33 21.5,12.91C21.5,11.76 21.35,11.1 21.35,11.1V11.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus\">\n        <path\n          d=\"M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M19.5,12H18V10.5H17V12H15.5V13H17V14.5H18V13H19.5V12M9.65,11.36V12.9H12.22C12.09,13.54 11.45,14.83 9.65,14.83C8.11,14.83 6.89,13.54 6.89,12C6.89,10.46 8.11,9.17 9.65,9.17C10.55,9.17 11.13,9.56 11.45,9.88L12.67,8.72C11.9,7.95 10.87,7.5 9.65,7.5C7.14,7.5 5.15,9.5 5.15,12C5.15,14.5 7.14,16.5 9.65,16.5C12.22,16.5 13.96,14.7 13.96,12.13C13.96,11.81 13.96,11.61 13.89,11.36H9.65Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-wallet\">\n        <path\n          d=\"M15.44,2.56H20.24C20.24,2.56 23.12,11.36 20.24,21.5H15.5C15.5,21.5 15.12,16.8 13.28,12.8C13.28,12.8 12.5,16.08 11.6,18H6.72C6.72,18 5.76,13.44 2.5,9.5H7.28C7.28,9.5 8.16,10.4 8.88,11.6C8.88,11.6 9.5,9.12 9.5,6H14.32C14.32,6 15.92,8.32 16.64,9.76C16.64,9.76 16.4,6.24 15.44,2.56Z\"\n        ></path>\n      </g>\n\n      <g id=\"hangouts\">\n        <path\n          d=\"M15,11L14,13H12.5L13.5,11H12V8H15M11,11L10,13H8.5L9.5,11H8V8H11M11.5,2A8.5,8.5 0 0,0 3,10.5A8.5,8.5 0 0,0 11.5,19H12V22.5C16.86,20.15 20,15 20,10.5C20,5.8 16.19,2 11.5,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"houzz\">\n        <path\n          d=\"M12,24V16L5.1,20V12H5.1V4L12,0V8L5.1,12L12,16V8L18.9,4V12H18.9V20L12,24Z\"\n        ></path>\n      </g>\n\n      <g id=\"instagram\">\n        <path\n          d=\"M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"instapaper\">\n        <path\n          d=\"M10,5A1,1 0 0,0 9,4H8V2H16V4H15A1,1 0 0,0 14,5V19A1,1 0 0,0 15,20H16V22H8V20H9A1,1 0 0,0 10,19V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"jira\">\n        <path\n          d=\"M12,2A1.58,1.58 0 0,1 13.58,3.58A1.58,1.58 0 0,1 12,5.16A1.58,1.58 0 0,1 10.42,3.58A1.58,1.58 0 0,1 12,2M7.79,3.05C8.66,3.05 9.37,3.76 9.37,4.63C9.37,5.5 8.66,6.21 7.79,6.21A1.58,1.58 0 0,1 6.21,4.63A1.58,1.58 0 0,1 7.79,3.05M16.21,3.05C17.08,3.05 17.79,3.76 17.79,4.63C17.79,5.5 17.08,6.21 16.21,6.21A1.58,1.58 0 0,1 14.63,4.63A1.58,1.58 0 0,1 16.21,3.05M11.8,10.95C9.7,8.84 10.22,7.79 10.22,7.79H13.91C13.91,9.37 11.8,10.95 11.8,10.95M13.91,21.47C13.91,21.47 13.91,19.37 9.7,15.16C5.5,10.95 4.96,9.89 4.43,6.74C4.43,6.74 4.83,6.21 5.36,6.74C5.88,7.26 7.07,7.66 8.12,7.66C8.12,7.66 9.17,10.95 12.07,13.05C12.07,13.05 15.88,9.11 15.88,7.53C15.88,7.53 17.07,7.79 18.5,6.74C18.5,6.74 19.5,6.21 19.57,6.74C19.7,7.79 18.64,11.47 14.3,15.16C14.3,15.16 17.07,18.32 16.8,21.47H13.91M9.17,16.21L11.41,18.71C10.36,19.76 10.22,22 10.22,22H7.07C7.59,17.79 9.17,16.21 9.17,16.21Z\"\n        ></path>\n      </g>\n\n      <g id=\"jsfiddle\">\n        <path\n          d=\"M20.33,10.79C21.9,11.44 23,12.96 23,14.73C23,17.09 21.06,19 18.67,19H5.4C3,18.96 1,17 1,14.62C1,13.03 1.87,11.63 3.17,10.87C3.08,10.59 3.04,10.29 3.04,10C3.04,8.34 4.39,7 6.06,7C6.75,7 7.39,7.25 7.9,7.64C8.96,5.47 11.2,3.96 13.81,3.96C17.42,3.96 20.35,6.85 20.35,10.41C20.35,10.54 20.34,10.67 20.33,10.79M9.22,10.85C7.45,10.85 6,12.12 6,13.67C6,15.23 7.45,16.5 9.22,16.5C10.25,16.5 11.17,16.06 11.76,15.39L10.75,14.25C10.42,14.68 9.77,15 9.22,15C8.43,15 7.79,14.4 7.79,13.67C7.79,12.95 8.43,12.36 9.22,12.36C9.69,12.36 10.12,12.59 10.56,12.88C11,13.16 11.73,14.17 12.31,14.82C13.77,16.29 14.53,16.42 15.4,16.42C17.17,16.42 18.6,15.15 18.6,13.6C18.6,12.04 17.17,10.78 15.4,10.78C14.36,10.78 13.44,11.21 12.85,11.88L13.86,13C14.19,12.59 14.84,12.28 15.4,12.28C16.19,12.28 16.83,12.87 16.83,13.6C16.83,14.32 16.19,14.91 15.4,14.91C14.93,14.91 14.5,14.68 14.05,14.39C13.61,14.11 12.88,13.1 12.31,12.45C10.84,11 10.08,10.85 9.22,10.85Z\"\n        ></path>\n      </g>\n\n      <g id=\"linkedin\">\n        <path\n          d=\"M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z\"\n        ></path>\n      </g>\n\n      <g id=\"lumx\">\n        <path\n          d=\"M12.35,1.75L20.13,9.53L13.77,15.89L12.35,14.47L17.3,9.53L10.94,3.16L12.35,1.75M15.89,9.53L14.47,10.94L10.23,6.7L5.28,11.65L3.87,10.23L10.23,3.87L15.89,9.53M10.23,8.11L11.65,9.53L6.7,14.47L13.06,20.84L11.65,22.25L3.87,14.47L10.23,8.11M8.11,14.47L9.53,13.06L13.77,17.3L18.72,12.35L20.13,13.77L13.77,20.13L8.11,14.47Z\"\n        ></path>\n      </g>\n\n      <g id=\"nfc\">\n        <path\n          d=\"M10.59,7.66C10.59,7.66 11.19,7.39 11.57,7.82C11.95,8.26 12.92,9.94 12.92,11.62C12.92,13.3 12.5,15.09 12.05,15.68C11.62,16.28 11.19,16.28 10.86,16.06C10.54,15.85 5.5,12 5.23,11.89C4.95,11.78 4.85,12.05 5.12,13.5C5.39,15 4.95,15.41 4.57,15.47C4.2,15.5 3.06,15.2 3,12.16C2.95,9.13 3.76,8.64 4.14,8.64C4.85,8.64 10.27,13.5 10.64,13.46C10.97,13.41 11.13,11.35 10.5,9.72C9.78,7.96 10.59,7.66 10.59,7.66M19.3,4.63C21.12,8.24 21,11.66 21,12C21,12.34 21.12,15.76 19.3,19.37C19.3,19.37 18.83,19.92 18.12,19.59C17.42,19.26 17.66,18.4 17.66,18.4C17.66,18.4 19.14,15.55 19.1,12.05V12C19.14,8.5 17.66,5.6 17.66,5.6C17.66,5.6 17.42,4.74 18.12,4.41C18.83,4.08 19.3,4.63 19.3,4.63M15.77,6.25C17.26,8.96 17.16,11.66 17.14,12C17.16,12.34 17.26,14.92 15.77,17.85C15.77,17.85 15.3,18.4 14.59,18.07C13.89,17.74 14.13,16.88 14.13,16.88C14.13,16.88 15.09,15.5 15.24,12.05V12C15.14,8.53 14.13,7.23 14.13,7.23C14.13,7.23 13.89,6.36 14.59,6.04C15.3,5.71 15.77,6.25 15.77,6.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"onedrive\">\n        <path\n          d=\"M20.08,13.64C21.17,13.81 22,14.75 22,15.89C22,16.78 21.5,17.55 20.75,17.92L20.58,18H9.18L9.16,18V18C7.71,18 6.54,16.81 6.54,15.36C6.54,13.9 7.72,12.72 9.18,12.72L9.4,12.73L9.39,12.53A3.3,3.3 0 0,1 12.69,9.23C13.97,9.23 15.08,9.96 15.63,11C16.08,10.73 16.62,10.55 17.21,10.55A2.88,2.88 0 0,1 20.09,13.43L20.08,13.64M8.82,12.16C7.21,12.34 5.96,13.7 5.96,15.36C5.96,16.04 6.17,16.66 6.5,17.18H4.73A2.73,2.73 0 0,1 2,14.45C2,13 3.12,11.83 4.53,11.73L4.46,11.06C4.46,9.36 5.84,8 7.54,8C8.17,8 8.77,8.18 9.26,8.5C9.95,7.11 11.4,6.15 13.07,6.15C15.27,6.15 17.08,7.83 17.3,9.97H17.21C16.73,9.97 16.27,10.07 15.84,10.25C15.12,9.25 13.96,8.64 12.69,8.64C10.67,8.64 9,10.19 8.82,12.16Z\"\n        ></path>\n      </g>\n\n      <g id=\"pinterest\">\n        <path\n          d=\"M13,16.2C12.2,16.2 11.43,15.86 10.88,15.28L9.93,18.5L9.86,18.69L9.83,18.67C9.64,19 9.29,19.2 8.9,19.2C8.29,19.2 7.8,18.71 7.8,18.1C7.8,18.05 7.81,18 7.81,17.95H7.8L7.85,17.77L9.7,12.21C9.7,12.21 9.5,11.59 9.5,10.73C9.5,9 10.42,8.5 11.16,8.5C11.91,8.5 12.58,8.76 12.58,9.81C12.58,11.15 11.69,11.84 11.69,12.81C11.69,13.55 12.29,14.16 13.03,14.16C15.37,14.16 16.2,12.4 16.2,10.75C16.2,8.57 14.32,6.8 12,6.8C9.68,6.8 7.8,8.57 7.8,10.75C7.8,11.42 8,12.09 8.34,12.68C8.43,12.84 8.5,13 8.5,13.2A1,1 0 0,1 7.5,14.2C7.13,14.2 6.79,14 6.62,13.7C6.08,12.81 5.8,11.79 5.8,10.75C5.8,7.47 8.58,4.8 12,4.8C15.42,4.8 18.2,7.47 18.2,10.75C18.2,13.37 16.57,16.2 13,16.2M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pocket\">\n        <path\n          d=\"M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12V4.5A2.5,2.5 0 0,1 4.5,2H19.5A2.5,2.5 0 0,1 22,4.5V12M15.88,8.25L12,12.13L8.12,8.24C7.53,7.65 6.58,7.65 6,8.24C5.41,8.82 5.41,9.77 6,10.36L10.93,15.32C11.5,15.9 12.47,15.9 13.06,15.32L18,10.37C18.59,9.78 18.59,8.83 18,8.25C17.42,7.66 16.47,7.66 15.88,8.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"polymer\">\n        <path\n          d=\"M19,4H15L7.1,16.63L4.5,12L9,4H5L0.5,12L5,20H9L16.89,7.37L19.5,12L15,20H19L23.5,12L19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"readability\">\n        <path\n          d=\"M12,4C15.15,4 17.81,6.38 18.69,9.65C18,10.15 17.58,10.93 17.5,11.81L17.32,13.91C15.55,13 13.78,12.17 12,12.17C10.23,12.17 8.45,13 6.68,13.91L6.5,11.77C6.42,10.89 6,10.12 5.32,9.61C6.21,6.36 8.86,4 12,4M17.05,17H6.95L6.73,14.47C8.5,13.59 10.24,12.75 12,12.75C13.76,12.75 15.5,13.59 17.28,14.47L17.05,17M5,19V18L3.72,14.5H3.5A2.5,2.5 0 0,1 1,12A2.5,2.5 0 0,1 3.5,9.5C4.82,9.5 5.89,10.5 6,11.81L6.5,18V19H5M19,19H17.5V18L18,11.81C18.11,10.5 19.18,9.5 20.5,9.5A2.5,2.5 0 0,1 23,12A2.5,2.5 0 0,1 20.5,14.5H20.28L19,18V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"reddit\">\n        <path\n          d=\"M22,11.5C22,10.1 20.9,9 19.5,9C18.9,9 18.3,9.2 17.9,9.6C16.4,8.7 14.6,8.1 12.5,8L13.6,4L17,5A2,2 0 0,0 19,7A2,2 0 0,0 21,5A2,2 0 0,0 19,3C18.3,3 17.6,3.4 17.3,4L13.3,3C13,2.9 12.8,3.1 12.7,3.4L11.5,8C9.5,8.1 7.6,8.7 6.1,9.6C5.7,9.2 5.1,9 4.5,9C3.1,9 2,10.1 2,11.5C2,12.4 2.4,13.1 3.1,13.6L3,14.5C3,18.1 7,21 12,21C17,21 21,18.1 21,14.5L20.9,13.6C21.6,13.1 22,12.4 22,11.5M9,11.8C9.7,11.8 10.2,12.4 10.2,13C10.2,13.6 9.7,14.2 9,14.2C8.3,14.2 7.8,13.7 7.8,13C7.8,12.3 8.3,11.8 9,11.8M15.8,17.2C14,18.3 10,18.3 8.2,17.2C8,17 7.9,16.7 8.1,16.5C8.3,16.3 8.6,16.2 8.8,16.4C10,17.3 14,17.3 15.2,16.4C15.4,16.2 15.7,16.3 15.9,16.5C16.1,16.7 16,17 15.8,17.2M15,14.2C14.3,14.2 13.8,13.6 13.8,13C13.8,12.3 14.4,11.8 15,11.8C15.7,11.8 16.2,12.4 16.2,13C16.2,13.7 15.7,14.2 15,14.2Z\"\n        ></path>\n      </g>\n\n      <g id=\"rss\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0 0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0 6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"trello\">\n        <path\n          d=\"M4,3H20A1,1 0 0,1 21,4V20A1,1 0 0,1 20,21H4A1,1 0 0,1 3,20V4A1,1 0 0,1 4,3M5.5,5A0.5,0.5 0 0,0 5,5.5V17.5A0.5,0.5 0 0,0 5.5,18H10.5A0.5,0.5 0 0,0 11,17.5V5.5A0.5,0.5 0 0,0 10.5,5H5.5M13.5,5A0.5,0.5 0 0,0 13,5.5V11.5A0.5,0.5 0 0,0 13.5,12H18.5A0.5,0.5 0 0,0 19,11.5V5.5A0.5,0.5 0 0,0 18.5,5H13.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"tumblr\">\n        <path\n          d=\"M16,11H13V14.9C13,15.63 13.14,16 14.1,16H16V19C16,19 14.97,19.1 13.9,19.1C11.25,19.1 10,17.5 10,15.7V11H8V8.2C10.41,8 10.62,6.16 10.8,5H13V8H16M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitch\">\n        <path\n          d=\"M4,2H22V14L17,19H13L10,22H7V19H2V6L4,2M20,13V4H6V16H9V19L12,16H17L20,13M15,7H17V12H15V7M12,7V12H10V7H12Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitter\">\n        <path\n          d=\"M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"whatsapp\">\n        <path\n          d=\"M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"windows\">\n        <path\n          d=\"M3,12V6.75L9,5.43V11.91L3,12M20,3V11.75L10,11.9V5.21L20,3M3,13L9,13.09V19.9L3,18.75V13M20,13.25V22L10,20.09V13.1L20,13.25Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7cb0f701f2611eda0c389891c227ec8 || (_templateObject_b7cb0f701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-logo\" size=\"24\">\n    <svg>\n      <g id=\"amazon\">\n        <path\n          d=\"M15.93,17.09C15.75,17.25 15.5,17.26 15.3,17.15C14.41,16.41 14.25,16.07 13.76,15.36C12.29,16.86 11.25,17.31 9.34,17.31C7.09,17.31 5.33,15.92 5.33,13.14C5.33,10.96 6.5,9.5 8.19,8.76C9.65,8.12 11.68,8 13.23,7.83V7.5C13.23,6.84 13.28,6.09 12.9,5.54C12.58,5.05 11.95,4.84 11.4,4.84C10.38,4.84 9.47,5.37 9.25,6.45C9.2,6.69 9,6.93 8.78,6.94L6.18,6.66C5.96,6.61 5.72,6.44 5.78,6.1C6.38,2.95 9.23,2 11.78,2C13.08,2 14.78,2.35 15.81,3.33C17.11,4.55 17,6.18 17,7.95V12.12C17,13.37 17.5,13.93 18,14.6C18.17,14.85 18.21,15.14 18,15.31L15.94,17.09H15.93M13.23,10.56V10C11.29,10 9.24,10.39 9.24,12.67C9.24,13.83 9.85,14.62 10.87,14.62C11.63,14.62 12.3,14.15 12.73,13.4C13.25,12.47 13.23,11.6 13.23,10.56M20.16,19.54C18,21.14 14.82,22 12.1,22C8.29,22 4.85,20.59 2.25,18.24C2.05,18.06 2.23,17.81 2.5,17.95C5.28,19.58 8.75,20.56 12.33,20.56C14.74,20.56 17.4,20.06 19.84,19.03C20.21,18.87 20.5,19.27 20.16,19.54M21.07,18.5C20.79,18.14 19.22,18.33 18.5,18.42C18.31,18.44 18.28,18.26 18.47,18.12C19.71,17.24 21.76,17.5 22,17.79C22.24,18.09 21.93,20.14 20.76,21.11C20.58,21.27 20.41,21.18 20.5,21C20.76,20.33 21.35,18.86 21.07,18.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"amazon-clouddrive\">\n        <path\n          d=\"M4.94,11.12C5.23,11.12 5.5,11.16 5.76,11.23C5.77,9.09 7.5,7.35 9.65,7.35C11.27,7.35 12.67,8.35 13.24,9.77C13.83,9 14.74,8.53 15.76,8.53C17.5,8.53 18.94,9.95 18.94,11.71C18.94,11.95 18.91,12.2 18.86,12.43C19.1,12.34 19.37,12.29 19.65,12.29C20.95,12.29 22,13.35 22,14.65C22,15.95 20.95,17 19.65,17C18.35,17 6.36,17 4.94,17C3.32,17 2,15.68 2,14.06C2,12.43 3.32,11.12 4.94,11.12Z\"\n        ></path>\n      </g>\n\n      <g id=\"android\">\n        <path\n          d=\"M15,5H14V4H15M10,5H9V4H10M15.53,2.16L16.84,0.85C17.03,0.66 17.03,0.34 16.84,0.14C16.64,-0.05 16.32,-0.05 16.13,0.14L14.65,1.62C13.85,1.23 12.95,1 12,1C11.04,1 10.14,1.23 9.34,1.63L7.85,0.14C7.66,-0.05 7.34,-0.05 7.15,0.14C6.95,0.34 6.95,0.66 7.15,0.85L8.46,2.16C6.97,3.26 6,5 6,7H18C18,5 17,3.25 15.53,2.16M20.5,8A1.5,1.5 0 0,0 19,9.5V16.5A1.5,1.5 0 0,0 20.5,18A1.5,1.5 0 0,0 22,16.5V9.5A1.5,1.5 0 0,0 20.5,8M3.5,8A1.5,1.5 0 0,0 2,9.5V16.5A1.5,1.5 0 0,0 3.5,18A1.5,1.5 0 0,0 5,16.5V9.5A1.5,1.5 0 0,0 3.5,8M6,18A1,1 0 0,0 7,19H8V22.5A1.5,1.5 0 0,0 9.5,24A1.5,1.5 0 0,0 11,22.5V19H13V22.5A1.5,1.5 0 0,0 14.5,24A1.5,1.5 0 0,0 16,22.5V19H17A1,1 0 0,0 18,18V8H6V18Z\"\n        ></path>\n      </g>\n\n      <g id=\"basecamp\">\n        <path\n          d=\"M3.39,15.64C3.4,15.55 3.42,15.45 3.45,15.36C3.5,15.18 3.54,15 3.6,14.84C3.82,14.19 4.16,13.58 4.5,13C4.7,12.7 4.89,12.41 5.07,12.12C5.26,11.83 5.45,11.54 5.67,11.26C6,10.81 6.45,10.33 7,10.15C7.79,9.9 8.37,10.71 8.82,11.22C9.08,11.5 9.36,11.8 9.71,11.97C9.88,12.04 10.06,12.08 10.24,12.07C10.5,12.05 10.73,11.87 10.93,11.71C11.46,11.27 11.9,10.7 12.31,10.15C12.77,9.55 13.21,8.93 13.73,8.38C13.95,8.15 14.18,7.85 14.5,7.75C14.62,7.71 14.77,7.72 14.91,7.78C15,7.82 15.05,7.87 15.1,7.92C15.17,8 15.25,8.04 15.32,8.09C15.88,8.5 16.4,9 16.89,9.5C17.31,9.93 17.72,10.39 18.1,10.86C18.5,11.32 18.84,11.79 19.15,12.3C19.53,12.93 19.85,13.58 20.21,14.21C20.53,14.79 20.86,15.46 20.53,16.12C20.5,16.15 20.5,16.19 20.5,16.22C19.91,17.19 18.88,17.79 17.86,18.18C16.63,18.65 15.32,18.88 14,18.97C12.66,19.07 11.3,19.06 9.95,18.94C8.73,18.82 7.5,18.6 6.36,18.16C5.4,17.79 4.5,17.25 3.84,16.43C3.69,16.23 3.56,16.03 3.45,15.81C3.43,15.79 3.42,15.76 3.41,15.74C3.39,15.7 3.38,15.68 3.39,15.64M2.08,16.5C2.22,16.73 2.38,16.93 2.54,17.12C2.86,17.5 3.23,17.85 3.62,18.16C4.46,18.81 5.43,19.28 6.44,19.61C7.6,20 8.82,20.19 10.04,20.29C11.45,20.41 12.89,20.41 14.3,20.26C15.6,20.12 16.91,19.85 18.13,19.37C19.21,18.94 20.21,18.32 21.08,17.54C21.31,17.34 21.53,17.13 21.7,16.88C21.86,16.67 22,16.44 22,16.18C22,15.88 22,15.57 21.92,15.27C21.85,14.94 21.76,14.62 21.68,14.3C21.65,14.18 21.62,14.06 21.59,13.94C21.27,12.53 20.78,11.16 20.12,9.87C19.56,8.79 18.87,7.76 18.06,6.84C17.31,6 16.43,5.22 15.43,4.68C14.9,4.38 14.33,4.15 13.75,4C13.44,3.88 13.12,3.81 12.8,3.74C12.71,3.73 12.63,3.71 12.55,3.71C12.44,3.71 12.33,3.71 12.23,3.71C12,3.71 11.82,3.71 11.61,3.71C11.5,3.71 11.43,3.7 11.33,3.71C11.25,3.72 11.16,3.74 11.08,3.75C10.91,3.78 10.75,3.81 10.59,3.85C10.27,3.92 9.96,4 9.65,4.14C9.04,4.38 8.47,4.7 7.93,5.08C6.87,5.8 5.95,6.73 5.18,7.75C4.37,8.83 3.71,10.04 3.21,11.3C2.67,12.64 2.3,14.04 2.07,15.47C2.04,15.65 2,15.84 2,16C2,16.12 2,16.22 2,16.32C2,16.37 2,16.4 2.03,16.44C2.04,16.46 2.06,16.5 2.08,16.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"behance\">\n        <path\n          d=\"M19.58,12.27C19.54,11.65 19.33,11.18 18.96,10.86C18.59,10.54 18.13,10.38 17.58,10.38C17,10.38 16.5,10.55 16.19,10.89C15.86,11.23 15.65,11.69 15.57,12.27M21.92,12.04C22,12.45 22,13.04 22,13.81H15.5C15.55,14.71 15.85,15.33 16.44,15.69C16.79,15.92 17.22,16.03 17.73,16.03C18.26,16.03 18.69,15.89 19,15.62C19.2,15.47 19.36,15.27 19.5,15H21.88C21.82,15.54 21.53,16.07 21,16.62C20.22,17.5 19.1,17.92 17.66,17.92C16.47,17.92 15.43,17.55 14.5,16.82C13.62,16.09 13.16,14.9 13.16,13.25C13.16,11.7 13.57,10.5 14.39,9.7C15.21,8.87 16.27,8.46 17.58,8.46C18.35,8.46 19.05,8.6 19.67,8.88C20.29,9.16 20.81,9.59 21.21,10.2C21.58,10.73 21.81,11.34 21.92,12.04M9.58,14.07C9.58,13.42 9.31,12.97 8.79,12.73C8.5,12.6 8.08,12.53 7.54,12.5H4.87V15.84H7.5C8.04,15.84 8.46,15.77 8.76,15.62C9.31,15.35 9.58,14.83 9.58,14.07M4.87,10.46H7.5C8.04,10.46 8.5,10.36 8.82,10.15C9.16,9.95 9.32,9.58 9.32,9.06C9.32,8.5 9.1,8.1 8.66,7.91C8.27,7.78 7.78,7.72 7.19,7.72H4.87M11.72,12.42C12.04,12.92 12.2,13.53 12.2,14.24C12.2,15 12,15.64 11.65,16.23C11.41,16.62 11.12,16.94 10.77,17.21C10.37,17.5 9.9,17.72 9.36,17.83C8.82,17.94 8.24,18 7.61,18H2V5.55H8C9.53,5.58 10.6,6 11.23,6.88C11.61,7.41 11.8,8.04 11.8,8.78C11.8,9.54 11.61,10.15 11.23,10.61C11,10.87 10.7,11.11 10.28,11.32C10.91,11.55 11.39,11.92 11.72,12.42M20.06,7.32H15.05V6.07H20.06V7.32Z\"\n        ></path>\n      </g>\n\n      <g id=\"blogger\">\n        <path\n          d=\"M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"box\">\n        <path\n          d=\"M15.39,14.04V14.04C15.39,12.62 14.24,11.47 12.82,11.47C11.41,11.47 10.26,12.62 10.26,14.04V14.04C10.26,15.45 11.41,16.6 12.82,16.6C14.24,16.6 15.39,15.45 15.39,14.04M17.1,14.04C17.1,16.4 15.18,18.31 12.82,18.31C11.19,18.31 9.77,17.39 9.05,16.04C8.33,17.39 6.91,18.31 5.28,18.31C2.94,18.31 1.04,16.43 1,14.11V14.11H1V7H1V7C1,6.56 1.39,6.18 1.86,6.18C2.33,6.18 2.7,6.56 2.71,7V7H2.71V10.62C3.43,10.08 4.32,9.76 5.28,9.76C6.91,9.76 8.33,10.68 9.05,12.03C9.77,10.68 11.19,9.76 12.82,9.76C15.18,9.76 17.1,11.68 17.1,14.04V14.04M7.84,14.04V14.04C7.84,12.62 6.69,11.47 5.28,11.47C3.86,11.47 2.71,12.62 2.71,14.04V14.04C2.71,15.45 3.86,16.6 5.28,16.6C6.69,16.6 7.84,15.45 7.84,14.04M22.84,16.96V16.96C22.95,17.12 23,17.3 23,17.47C23,17.73 22.88,18 22.66,18.15C22.5,18.26 22.33,18.32 22.15,18.32C21.9,18.32 21.65,18.21 21.5,18L19.59,15.47L17.7,18V18C17.53,18.21 17.28,18.32 17.03,18.32C16.85,18.32 16.67,18.26 16.5,18.15C16.29,18 16.17,17.72 16.17,17.46C16.17,17.29 16.23,17.11 16.33,16.96V16.96H16.33V16.96L18.5,14.04L16.33,11.11V11.11H16.33V11.11C16.22,10.96 16.17,10.79 16.17,10.61C16.17,10.35 16.29,10.1 16.5,9.93C16.89,9.65 17.41,9.72 17.7,10.09V10.09L19.59,12.61L21.5,10.09C21.76,9.72 22.29,9.65 22.66,9.93C22.89,10.1 23,10.36 23,10.63C23,10.8 22.95,10.97 22.84,11.11V11.11H22.84V11.11L20.66,14.04L22.84,16.96V16.96H22.84Z\"\n        ></path>\n      </g>\n\n      <g id=\"deviantart\">\n        <path\n          d=\"M6,6H12L14,2H18V6L14.5,13H18V18H12L10,22H6V18L9.5,11H6V6Z\"\n        ></path>\n      </g>\n\n      <g id=\"disqus\">\n        <path\n          d=\"M12.08,22C9.63,22 7.39,21.11 5.66,19.63L1.41,20.21L3.05,16.15C2.5,14.88 2.16,13.5 2.16,12C2.16,6.5 6.6,2 12.08,2C17.56,2 22,6.5 22,12C22,17.5 17.56,22 12.08,22M17.5,11.97V11.94C17.5,9.06 15.46,7 11.95,7H8.16V17H11.9C15.43,17 17.5,14.86 17.5,11.97M12,14.54H10.89V9.46H12C13.62,9.46 14.7,10.39 14.7,12V12C14.7,13.63 13.62,14.54 12,14.54Z\"\n        ></path>\n      </g>\n\n      <g id=\"dribble\">\n        <path\n          d=\"M16.42,18.42C16,16.5 15.5,14.73 15,13.17C15.5,13.1 16,13.06 16.58,13.06H16.6V13.06H16.6C17.53,13.06 18.55,13.18 19.66,13.43C19.28,15.5 18.08,17.27 16.42,18.42M12,19.8C10.26,19.8 8.66,19.23 7.36,18.26C7.64,17.81 8.23,16.94 9.18,16.04C10.14,15.11 11.5,14.15 13.23,13.58C13.82,15.25 14.36,17.15 14.77,19.29C13.91,19.62 13,19.8 12,19.8M4.2,12C4.2,11.96 4.2,11.93 4.2,11.89C4.42,11.9 4.71,11.9 5.05,11.9H5.06C6.62,11.89 9.36,11.76 12.14,10.89C12.29,11.22 12.44,11.56 12.59,11.92C10.73,12.54 9.27,13.53 8.19,14.5C7.16,15.46 6.45,16.39 6.04,17C4.9,15.66 4.2,13.91 4.2,12M8.55,5C9.1,5.65 10.18,7.06 11.34,9.25C9,9.96 6.61,10.12 5.18,10.12C5.14,10.12 5.1,10.12 5.06,10.12H5.05C4.81,10.12 4.6,10.12 4.43,10.11C5,7.87 6.5,6 8.55,5M12,4.2C13.84,4.2 15.53,4.84 16.86,5.91C15.84,7.14 14.5,8 13.03,8.65C12,6.67 11,5.25 10.34,4.38C10.88,4.27 11.43,4.2 12,4.2M18.13,7.18C19.1,8.42 19.71,9.96 19.79,11.63C18.66,11.39 17.6,11.28 16.6,11.28V11.28H16.59C15.79,11.28 15.04,11.35 14.33,11.47C14.16,11.05 14,10.65 13.81,10.26C15.39,9.57 16.9,8.58 18.13,7.18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"etsy\">\n        <path\n          d=\"M6.72,20.78C8.23,20.71 10.07,20.78 11.87,20.78C13.72,20.78 15.62,20.66 17.12,20.78C17.72,20.83 18.28,21.19 18.77,20.87C19.16,20.38 18.87,19.71 18.96,19.05C19.12,17.78 20.28,16.27 18.59,15.95C17.87,16.61 18.35,17.23 17.95,18.05C17.45,19.03 15.68,19.37 14,19.5C12.54,19.62 10,19.76 9.5,18.77C9.04,17.94 9.29,16.65 9.29,15.58C9.29,14.38 9.16,13.22 9.5,12.3C11.32,12.43 13.7,11.69 15,12.5C15.87,13 15.37,14.06 16.38,14.4C17.07,14.21 16.7,13.32 16.66,12.5C16.63,11.94 16.63,11.19 16.66,10.57C16.69,9.73 17,8.76 16.1,8.74C15.39,9.3 15.93,10.23 15.18,10.75C14.95,10.92 14.43,11 14.08,11C12.7,11.17 10.54,11.05 9.38,10.84C9.23,9.16 9.24,6.87 9.38,5.19C10,4.57 11.45,4.54 12.42,4.55C14.13,4.55 16.79,4.7 17.3,5.55C17.58,6 17.36,7 17.85,7.1C18.85,7.33 18.36,5.55 18.41,4.73C18.44,4.11 18.71,3.72 18.59,3.27C18.27,2.83 17.79,3.05 17.5,3.09C14.35,3.5 9.6,3.27 6.26,3.27C5.86,3.27 5.16,3.07 4.88,3.54C4.68,4.6 6.12,4.16 6.62,4.73C6.79,4.91 7.03,5.73 7.08,6.28C7.23,7.74 7.08,9.97 7.08,12.12C7.08,14.38 7.26,16.67 7.08,18.05C7,18.53 6.73,19.3 6.62,19.41C6,20.04 4.34,19.35 4.5,20.69C5.09,21.08 5.93,20.82 6.72,20.78Z\"\n        ></path>\n      </g>\n\n      <g id=\"evernote\">\n        <path\n          d=\"M15.09,11.63C15.09,11.63 15.28,10.35 16,10.35C16.76,10.35 17.78,12.06 17.78,12.06C17.78,12.06 15.46,11.63 15.09,11.63M19,4.69C18.64,4.09 16.83,3.41 15.89,3.41C14.96,3.41 13.5,3.41 13.5,3.41C13.5,3.41 12.7,2 10.88,2C9.05,2 9.17,2.81 9.17,3.5V6.32L8.34,7.19H4.5C4.5,7.19 3.44,7.91 3.44,9.44C3.44,11 3.92,16.35 7.13,16.85C10.93,17.43 11.58,15.67 11.58,15.46C11.58,14.56 11.6,13.21 11.6,13.21C11.6,13.21 12.71,15.33 14.39,15.33C16.07,15.33 17.04,16.3 17.04,17.29C17.04,18.28 17.04,19.13 17.04,19.13C17.04,19.13 17,20.28 16,20.28C15,20.28 13.89,20.28 13.89,20.28C13.89,20.28 13.2,19.74 13.2,19C13.2,18.25 13.53,18.05 13.93,18.05C14.32,18.05 14.65,18.09 14.65,18.09V16.53C14.65,16.53 11.47,16.5 11.47,18.94C11.47,21.37 13.13,22 14.46,22C15.8,22 16.63,22 16.63,22C16.63,22 20.56,21.5 20.56,13.75C20.56,6 19.33,5.28 19,4.69M7.5,6.31H4.26L8.32,2.22V5.5L7.5,6.31Z\"\n        ></path>\n      </g>\n\n      <g id=\"facebook\">\n        <path\n          d=\"M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z\"\n        ></path>\n      </g>\n\n      <g id=\"facebook-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"firefox\">\n        <path\n          d=\"M21,11.7C21,11.3 20.9,10.7 20.8,10.3C20.5,8.6 19.6,7.1 18.5,5.9C18.3,5.6 17.9,5.3 17.5,5C16.4,4.1 15.1,3.5 13.6,3.2C10.6,2.7 7.6,3.7 5.6,5.8C5.6,5.8 5.6,5.7 5.6,5.7C5.5,5.5 5.5,5.5 5.4,5.5C5.4,5.5 5.4,5.5 5.4,5.5C5.3,5.3 5.3,5.2 5.2,5.1C5.2,5.1 5.2,5.1 5.2,5.1C5.2,4.9 5.1,4.7 5.1,4.5C4.8,4.6 4.8,4.9 4.7,5.1C4.7,5.1 4.7,5.1 4.7,5.1C4.5,5.3 4.3,5.6 4.3,5.9C4.3,5.9 4.3,5.9 4.3,5.9C4.2,6.1 4,7 4.2,7.1C4.2,7.1 4.2,7.1 4.3,7.1C4.3,7.2 4.3,7.3 4.3,7.4C4.1,7.6 4,7.7 4,7.8C3.7,8.4 3.4,8.9 3.3,9.5C3.3,9.7 3.3,9.8 3.3,9.9C3.3,9.9 3.3,9.9 3.3,9.9C3.3,9.9 3.3,9.8 3.3,9.8C3.1,10 3.1,10.3 3,10.5C3.1,10.5 3.1,10.4 3.2,10.4C2.7,13 3.4,15.7 5,17.7C7.4,20.6 11.5,21.8 15.1,20.5C18.6,19.2 21,15.8 21,12C21,11.9 21,11.8 21,11.7M13.5,4.1C15,4.4 16.4,5.1 17.5,6.1C17.6,6.2 17.7,6.4 17.7,6.4C17.4,6.1 16.7,5.6 16.3,5.8C16.4,6.1 17.6,7.6 17.7,7.7C17.7,7.7 18,9 18.1,9.1C18.1,9.1 18.1,9.1 18.1,9.1C18.1,9.1 18.1,9.1 18.1,9.1C18.1,9.3 17.4,11.9 17.4,12.3C17.4,12.4 16.5,14.2 16.6,14.2C16.3,14.9 16,14.9 15.9,15C15.8,15 15.2,15.2 14.5,15.4C13.9,15.5 13.2,15.7 12.7,15.6C12.4,15.6 12,15.6 11.7,15.4C11.6,15.3 10.8,14.9 10.6,14.8C10.3,14.7 10.1,14.5 9.9,14.3C10.2,14.3 10.8,14.3 11,14.3C11.6,14.2 14.2,13.3 14.1,12.9C14.1,12.6 13.6,12.4 13.4,12.2C13.1,12.1 11.9,12.3 11.4,12.5C11.4,12.5 9.5,12 9,11.6C9,11.5 8.9,10.9 8.9,10.8C8.8,10.7 9.2,10.4 9.2,10.4C9.2,10.4 10.2,9.4 10.2,9.3C10.4,9.3 10.6,9.1 10.7,9C10.6,9 10.8,8.9 11.1,8.7C11.1,8.7 11.1,8.7 11.1,8.7C11.4,8.5 11.6,8.5 11.6,8.2C11.6,8.2 12.1,7.3 11.5,7.4C11.5,7.4 10.6,7.3 10.3,7.3C10,7.5 9.9,7.4 9.6,7.3C9.6,7.3 9.4,7.1 9.4,7C9.5,6.8 10.2,5.3 10.5,5.2C10.3,4.8 9.3,5.1 9.1,5.4C9.1,5.4 8.3,6 7.9,6.1C7.9,6.1 7.9,6.1 7.9,6.1C7.9,6 7.4,5.9 6.9,5.9C8.7,4.4 11.1,3.7 13.5,4.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"github\">\n        <path\n          d=\"M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"github-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H14.56C14.24,20.93 14.23,20.32 14.23,20.11L14.24,17.64C14.24,16.8 13.95,16.25 13.63,15.97C15.64,15.75 17.74,15 17.74,11.53C17.74,10.55 17.39,9.74 16.82,9.11C16.91,8.89 17.22,7.97 16.73,6.73C16.73,6.73 15.97,6.5 14.25,7.66C13.53,7.46 12.77,7.36 12,7.35C11.24,7.36 10.46,7.46 9.75,7.66C8.03,6.5 7.27,6.73 7.27,6.73C6.78,7.97 7.09,8.89 7.18,9.11C6.61,9.74 6.26,10.55 6.26,11.53C6.26,15 8.36,15.75 10.36,16C10.1,16.2 9.87,16.6 9.79,17.18C9.27,17.41 7.97,17.81 7.17,16.43C7.17,16.43 6.69,15.57 5.79,15.5C5.79,15.5 4.91,15.5 5.73,16.05C5.73,16.05 6.32,16.33 6.73,17.37C6.73,17.37 7.25,19.12 9.76,18.58L9.77,20.11C9.77,20.32 9.75,20.93 9.43,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"gmail\">\n        <path\n          d=\"M20,18H18V9.25L12,13L6,9.25V18H4V6H5.2L12,10.25L18.8,6H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"google\">\n        <path\n          d=\"M21.35,11.1H12.18V13.83H18.69C18.36,17.64 15.19,19.27 12.19,19.27C8.36,19.27 5,16.25 5,12C5,7.9 8.2,4.73 12.2,4.73C15.29,4.73 17.1,6.7 17.1,6.7L19,4.72C19,4.72 16.56,2 12.1,2C6.42,2 2.03,6.8 2.03,12C2.03,17.05 6.16,22 12.25,22C17.6,22 21.5,18.33 21.5,12.91C21.5,11.76 21.35,11.1 21.35,11.1V11.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus\">\n        <path\n          d=\"M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M19.5,12H18V10.5H17V12H15.5V13H17V14.5H18V13H19.5V12M9.65,11.36V12.9H12.22C12.09,13.54 11.45,14.83 9.65,14.83C8.11,14.83 6.89,13.54 6.89,12C6.89,10.46 8.11,9.17 9.65,9.17C10.55,9.17 11.13,9.56 11.45,9.88L12.67,8.72C11.9,7.95 10.87,7.5 9.65,7.5C7.14,7.5 5.15,9.5 5.15,12C5.15,14.5 7.14,16.5 9.65,16.5C12.22,16.5 13.96,14.7 13.96,12.13C13.96,11.81 13.96,11.61 13.89,11.36H9.65Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-wallet\">\n        <path\n          d=\"M15.44,2.56H20.24C20.24,2.56 23.12,11.36 20.24,21.5H15.5C15.5,21.5 15.12,16.8 13.28,12.8C13.28,12.8 12.5,16.08 11.6,18H6.72C6.72,18 5.76,13.44 2.5,9.5H7.28C7.28,9.5 8.16,10.4 8.88,11.6C8.88,11.6 9.5,9.12 9.5,6H14.32C14.32,6 15.92,8.32 16.64,9.76C16.64,9.76 16.4,6.24 15.44,2.56Z\"\n        ></path>\n      </g>\n\n      <g id=\"hangouts\">\n        <path\n          d=\"M15,11L14,13H12.5L13.5,11H12V8H15M11,11L10,13H8.5L9.5,11H8V8H11M11.5,2A8.5,8.5 0 0,0 3,10.5A8.5,8.5 0 0,0 11.5,19H12V22.5C16.86,20.15 20,15 20,10.5C20,5.8 16.19,2 11.5,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"houzz\">\n        <path\n          d=\"M12,24V16L5.1,20V12H5.1V4L12,0V8L5.1,12L12,16V8L18.9,4V12H18.9V20L12,24Z\"\n        ></path>\n      </g>\n\n      <g id=\"instagram\">\n        <path\n          d=\"M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"instapaper\">\n        <path\n          d=\"M10,5A1,1 0 0,0 9,4H8V2H16V4H15A1,1 0 0,0 14,5V19A1,1 0 0,0 15,20H16V22H8V20H9A1,1 0 0,0 10,19V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"jira\">\n        <path\n          d=\"M12,2A1.58,1.58 0 0,1 13.58,3.58A1.58,1.58 0 0,1 12,5.16A1.58,1.58 0 0,1 10.42,3.58A1.58,1.58 0 0,1 12,2M7.79,3.05C8.66,3.05 9.37,3.76 9.37,4.63C9.37,5.5 8.66,6.21 7.79,6.21A1.58,1.58 0 0,1 6.21,4.63A1.58,1.58 0 0,1 7.79,3.05M16.21,3.05C17.08,3.05 17.79,3.76 17.79,4.63C17.79,5.5 17.08,6.21 16.21,6.21A1.58,1.58 0 0,1 14.63,4.63A1.58,1.58 0 0,1 16.21,3.05M11.8,10.95C9.7,8.84 10.22,7.79 10.22,7.79H13.91C13.91,9.37 11.8,10.95 11.8,10.95M13.91,21.47C13.91,21.47 13.91,19.37 9.7,15.16C5.5,10.95 4.96,9.89 4.43,6.74C4.43,6.74 4.83,6.21 5.36,6.74C5.88,7.26 7.07,7.66 8.12,7.66C8.12,7.66 9.17,10.95 12.07,13.05C12.07,13.05 15.88,9.11 15.88,7.53C15.88,7.53 17.07,7.79 18.5,6.74C18.5,6.74 19.5,6.21 19.57,6.74C19.7,7.79 18.64,11.47 14.3,15.16C14.3,15.16 17.07,18.32 16.8,21.47H13.91M9.17,16.21L11.41,18.71C10.36,19.76 10.22,22 10.22,22H7.07C7.59,17.79 9.17,16.21 9.17,16.21Z\"\n        ></path>\n      </g>\n\n      <g id=\"jsfiddle\">\n        <path\n          d=\"M20.33,10.79C21.9,11.44 23,12.96 23,14.73C23,17.09 21.06,19 18.67,19H5.4C3,18.96 1,17 1,14.62C1,13.03 1.87,11.63 3.17,10.87C3.08,10.59 3.04,10.29 3.04,10C3.04,8.34 4.39,7 6.06,7C6.75,7 7.39,7.25 7.9,7.64C8.96,5.47 11.2,3.96 13.81,3.96C17.42,3.96 20.35,6.85 20.35,10.41C20.35,10.54 20.34,10.67 20.33,10.79M9.22,10.85C7.45,10.85 6,12.12 6,13.67C6,15.23 7.45,16.5 9.22,16.5C10.25,16.5 11.17,16.06 11.76,15.39L10.75,14.25C10.42,14.68 9.77,15 9.22,15C8.43,15 7.79,14.4 7.79,13.67C7.79,12.95 8.43,12.36 9.22,12.36C9.69,12.36 10.12,12.59 10.56,12.88C11,13.16 11.73,14.17 12.31,14.82C13.77,16.29 14.53,16.42 15.4,16.42C17.17,16.42 18.6,15.15 18.6,13.6C18.6,12.04 17.17,10.78 15.4,10.78C14.36,10.78 13.44,11.21 12.85,11.88L13.86,13C14.19,12.59 14.84,12.28 15.4,12.28C16.19,12.28 16.83,12.87 16.83,13.6C16.83,14.32 16.19,14.91 15.4,14.91C14.93,14.91 14.5,14.68 14.05,14.39C13.61,14.11 12.88,13.1 12.31,12.45C10.84,11 10.08,10.85 9.22,10.85Z\"\n        ></path>\n      </g>\n\n      <g id=\"linkedin\">\n        <path\n          d=\"M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z\"\n        ></path>\n      </g>\n\n      <g id=\"lumx\">\n        <path\n          d=\"M12.35,1.75L20.13,9.53L13.77,15.89L12.35,14.47L17.3,9.53L10.94,3.16L12.35,1.75M15.89,9.53L14.47,10.94L10.23,6.7L5.28,11.65L3.87,10.23L10.23,3.87L15.89,9.53M10.23,8.11L11.65,9.53L6.7,14.47L13.06,20.84L11.65,22.25L3.87,14.47L10.23,8.11M8.11,14.47L9.53,13.06L13.77,17.3L18.72,12.35L20.13,13.77L13.77,20.13L8.11,14.47Z\"\n        ></path>\n      </g>\n\n      <g id=\"nfc\">\n        <path\n          d=\"M10.59,7.66C10.59,7.66 11.19,7.39 11.57,7.82C11.95,8.26 12.92,9.94 12.92,11.62C12.92,13.3 12.5,15.09 12.05,15.68C11.62,16.28 11.19,16.28 10.86,16.06C10.54,15.85 5.5,12 5.23,11.89C4.95,11.78 4.85,12.05 5.12,13.5C5.39,15 4.95,15.41 4.57,15.47C4.2,15.5 3.06,15.2 3,12.16C2.95,9.13 3.76,8.64 4.14,8.64C4.85,8.64 10.27,13.5 10.64,13.46C10.97,13.41 11.13,11.35 10.5,9.72C9.78,7.96 10.59,7.66 10.59,7.66M19.3,4.63C21.12,8.24 21,11.66 21,12C21,12.34 21.12,15.76 19.3,19.37C19.3,19.37 18.83,19.92 18.12,19.59C17.42,19.26 17.66,18.4 17.66,18.4C17.66,18.4 19.14,15.55 19.1,12.05V12C19.14,8.5 17.66,5.6 17.66,5.6C17.66,5.6 17.42,4.74 18.12,4.41C18.83,4.08 19.3,4.63 19.3,4.63M15.77,6.25C17.26,8.96 17.16,11.66 17.14,12C17.16,12.34 17.26,14.92 15.77,17.85C15.77,17.85 15.3,18.4 14.59,18.07C13.89,17.74 14.13,16.88 14.13,16.88C14.13,16.88 15.09,15.5 15.24,12.05V12C15.14,8.53 14.13,7.23 14.13,7.23C14.13,7.23 13.89,6.36 14.59,6.04C15.3,5.71 15.77,6.25 15.77,6.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"onedrive\">\n        <path\n          d=\"M20.08,13.64C21.17,13.81 22,14.75 22,15.89C22,16.78 21.5,17.55 20.75,17.92L20.58,18H9.18L9.16,18V18C7.71,18 6.54,16.81 6.54,15.36C6.54,13.9 7.72,12.72 9.18,12.72L9.4,12.73L9.39,12.53A3.3,3.3 0 0,1 12.69,9.23C13.97,9.23 15.08,9.96 15.63,11C16.08,10.73 16.62,10.55 17.21,10.55A2.88,2.88 0 0,1 20.09,13.43L20.08,13.64M8.82,12.16C7.21,12.34 5.96,13.7 5.96,15.36C5.96,16.04 6.17,16.66 6.5,17.18H4.73A2.73,2.73 0 0,1 2,14.45C2,13 3.12,11.83 4.53,11.73L4.46,11.06C4.46,9.36 5.84,8 7.54,8C8.17,8 8.77,8.18 9.26,8.5C9.95,7.11 11.4,6.15 13.07,6.15C15.27,6.15 17.08,7.83 17.3,9.97H17.21C16.73,9.97 16.27,10.07 15.84,10.25C15.12,9.25 13.96,8.64 12.69,8.64C10.67,8.64 9,10.19 8.82,12.16Z\"\n        ></path>\n      </g>\n\n      <g id=\"pinterest\">\n        <path\n          d=\"M13,16.2C12.2,16.2 11.43,15.86 10.88,15.28L9.93,18.5L9.86,18.69L9.83,18.67C9.64,19 9.29,19.2 8.9,19.2C8.29,19.2 7.8,18.71 7.8,18.1C7.8,18.05 7.81,18 7.81,17.95H7.8L7.85,17.77L9.7,12.21C9.7,12.21 9.5,11.59 9.5,10.73C9.5,9 10.42,8.5 11.16,8.5C11.91,8.5 12.58,8.76 12.58,9.81C12.58,11.15 11.69,11.84 11.69,12.81C11.69,13.55 12.29,14.16 13.03,14.16C15.37,14.16 16.2,12.4 16.2,10.75C16.2,8.57 14.32,6.8 12,6.8C9.68,6.8 7.8,8.57 7.8,10.75C7.8,11.42 8,12.09 8.34,12.68C8.43,12.84 8.5,13 8.5,13.2A1,1 0 0,1 7.5,14.2C7.13,14.2 6.79,14 6.62,13.7C6.08,12.81 5.8,11.79 5.8,10.75C5.8,7.47 8.58,4.8 12,4.8C15.42,4.8 18.2,7.47 18.2,10.75C18.2,13.37 16.57,16.2 13,16.2M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pocket\">\n        <path\n          d=\"M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12V4.5A2.5,2.5 0 0,1 4.5,2H19.5A2.5,2.5 0 0,1 22,4.5V12M15.88,8.25L12,12.13L8.12,8.24C7.53,7.65 6.58,7.65 6,8.24C5.41,8.82 5.41,9.77 6,10.36L10.93,15.32C11.5,15.9 12.47,15.9 13.06,15.32L18,10.37C18.59,9.78 18.59,8.83 18,8.25C17.42,7.66 16.47,7.66 15.88,8.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"polymer\">\n        <path\n          d=\"M19,4H15L7.1,16.63L4.5,12L9,4H5L0.5,12L5,20H9L16.89,7.37L19.5,12L15,20H19L23.5,12L19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"readability\">\n        <path\n          d=\"M12,4C15.15,4 17.81,6.38 18.69,9.65C18,10.15 17.58,10.93 17.5,11.81L17.32,13.91C15.55,13 13.78,12.17 12,12.17C10.23,12.17 8.45,13 6.68,13.91L6.5,11.77C6.42,10.89 6,10.12 5.32,9.61C6.21,6.36 8.86,4 12,4M17.05,17H6.95L6.73,14.47C8.5,13.59 10.24,12.75 12,12.75C13.76,12.75 15.5,13.59 17.28,14.47L17.05,17M5,19V18L3.72,14.5H3.5A2.5,2.5 0 0,1 1,12A2.5,2.5 0 0,1 3.5,9.5C4.82,9.5 5.89,10.5 6,11.81L6.5,18V19H5M19,19H17.5V18L18,11.81C18.11,10.5 19.18,9.5 20.5,9.5A2.5,2.5 0 0,1 23,12A2.5,2.5 0 0,1 20.5,14.5H20.28L19,18V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"reddit\">\n        <path\n          d=\"M22,11.5C22,10.1 20.9,9 19.5,9C18.9,9 18.3,9.2 17.9,9.6C16.4,8.7 14.6,8.1 12.5,8L13.6,4L17,5A2,2 0 0,0 19,7A2,2 0 0,0 21,5A2,2 0 0,0 19,3C18.3,3 17.6,3.4 17.3,4L13.3,3C13,2.9 12.8,3.1 12.7,3.4L11.5,8C9.5,8.1 7.6,8.7 6.1,9.6C5.7,9.2 5.1,9 4.5,9C3.1,9 2,10.1 2,11.5C2,12.4 2.4,13.1 3.1,13.6L3,14.5C3,18.1 7,21 12,21C17,21 21,18.1 21,14.5L20.9,13.6C21.6,13.1 22,12.4 22,11.5M9,11.8C9.7,11.8 10.2,12.4 10.2,13C10.2,13.6 9.7,14.2 9,14.2C8.3,14.2 7.8,13.7 7.8,13C7.8,12.3 8.3,11.8 9,11.8M15.8,17.2C14,18.3 10,18.3 8.2,17.2C8,17 7.9,16.7 8.1,16.5C8.3,16.3 8.6,16.2 8.8,16.4C10,17.3 14,17.3 15.2,16.4C15.4,16.2 15.7,16.3 15.9,16.5C16.1,16.7 16,17 15.8,17.2M15,14.2C14.3,14.2 13.8,13.6 13.8,13C13.8,12.3 14.4,11.8 15,11.8C15.7,11.8 16.2,12.4 16.2,13C16.2,13.7 15.7,14.2 15,14.2Z\"\n        ></path>\n      </g>\n\n      <g id=\"rss\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0 0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0 6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"trello\">\n        <path\n          d=\"M4,3H20A1,1 0 0,1 21,4V20A1,1 0 0,1 20,21H4A1,1 0 0,1 3,20V4A1,1 0 0,1 4,3M5.5,5A0.5,0.5 0 0,0 5,5.5V17.5A0.5,0.5 0 0,0 5.5,18H10.5A0.5,0.5 0 0,0 11,17.5V5.5A0.5,0.5 0 0,0 10.5,5H5.5M13.5,5A0.5,0.5 0 0,0 13,5.5V11.5A0.5,0.5 0 0,0 13.5,12H18.5A0.5,0.5 0 0,0 19,11.5V5.5A0.5,0.5 0 0,0 18.5,5H13.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"tumblr\">\n        <path\n          d=\"M16,11H13V14.9C13,15.63 13.14,16 14.1,16H16V19C16,19 14.97,19.1 13.9,19.1C11.25,19.1 10,17.5 10,15.7V11H8V8.2C10.41,8 10.62,6.16 10.8,5H13V8H16M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitch\">\n        <path\n          d=\"M4,2H22V14L17,19H13L10,22H7V19H2V6L4,2M20,13V4H6V16H9V19L12,16H17L20,13M15,7H17V12H15V7M12,7V12H10V7H12Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitter\">\n        <path\n          d=\"M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"whatsapp\">\n        <path\n          d=\"M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"windows\">\n        <path\n          d=\"M3,12V6.75L9,5.43V11.91L3,12M20,3V11.75L10,11.9V5.21L20,3M3,13L9,13.09V19.9L3,18.75V13M20,13.25V22L10,20.09V13.1L20,13.25Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-map-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-map-iconset-svg.js
index 60c7bce8be5..3745dd463a6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-map-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-map-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e4ec301f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7cb84a01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e4ec301f0511ed8cc3e9a95995ad69 || (_templateObject_e0e4ec301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-map\" size=\"24\">\n    <svg>\n      <g id=\"crosshair\">\n        <path\n          d=\"M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"crosshair-gps\">\n        <path\n          d=\"M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"map\">\n        <path\n          d=\"M15,19L9,16.89V5L15,7.11M20.5,3C20.44,3 20.39,3 20.34,3L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.61,21 3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker\">\n        <path\n          d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker-circle\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,12.5A1.5,1.5 0 0,1 10.5,11A1.5,1.5 0 0,1 12,9.5A1.5,1.5 0 0,1 13.5,11A1.5,1.5 0 0,1 12,12.5M12,7.2C9.9,7.2 8.2,8.9 8.2,11C8.2,14 12,17.5 12,17.5C12,17.5 15.8,14 15.8,11C15.8,8.9 14.1,7.2 12,7.2Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker-off\">\n        <path\n          d=\"M16.37,16.1L11.75,11.47L11.64,11.36L3.27,3L2,4.27L5.18,7.45C5.06,7.95 5,8.46 5,9C5,14.25 12,22 12,22C12,22 13.67,20.15 15.37,17.65L18.73,21L20,19.72M12,6.5A2.5,2.5 0 0,1 14.5,9C14.5,9.73 14.17,10.39 13.67,10.85L17.3,14.5C18.28,12.62 19,10.68 19,9A7,7 0 0,0 12,2C10,2 8.24,2.82 6.96,4.14L10.15,7.33C10.61,6.82 11.26,6.5 12,6.5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7cb84a01f2611eda0c389891c227ec8 || (_templateObject_b7cb84a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-map\" size=\"24\">\n    <svg>\n      <g id=\"crosshair\">\n        <path\n          d=\"M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"crosshair-gps\">\n        <path\n          d=\"M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"map\">\n        <path\n          d=\"M15,19L9,16.89V5L15,7.11M20.5,3C20.44,3 20.39,3 20.34,3L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.61,21 3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker\">\n        <path\n          d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker-circle\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,12.5A1.5,1.5 0 0,1 10.5,11A1.5,1.5 0 0,1 12,9.5A1.5,1.5 0 0,1 13.5,11A1.5,1.5 0 0,1 12,12.5M12,7.2C9.9,7.2 8.2,8.9 8.2,11C8.2,14 12,17.5 12,17.5C12,17.5 15.8,14 15.8,11C15.8,8.9 14.1,7.2 12,7.2Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker-off\">\n        <path\n          d=\"M16.37,16.1L11.75,11.47L11.64,11.36L3.27,3L2,4.27L5.18,7.45C5.06,7.95 5,8.46 5,9C5,14.25 12,22 12,22C12,22 13.67,20.15 15.37,17.65L18.73,21L20,19.72M12,6.5A2.5,2.5 0 0,1 14.5,9C14.5,9.73 14.17,10.39 13.67,10.85L17.3,14.5C18.28,12.62 19,10.68 19,9A7,7 0 0,0 12,2C10,2 8.24,2.82 6.96,4.14L10.15,7.33C10.61,6.82 11.26,6.5 12,6.5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-markdown-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-markdown-iconset-svg.js
index 9ed2204432d..2d29a2138a8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-markdown-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-markdown-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e53a501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7cbd2c01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e53a501f0511ed8cc3e9a95995ad69 || (_templateObject_e0e53a501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-markdown\" size=\"24\">\n    <svg>\n      <g id=\"format-header-1\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M14,18V16H16V6.31L13.5,7.75V5.44L16,4H18V16H20V18H14Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-2\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M21,18H15A2,2 0 0,1 13,16C13,15.47 13.2,15 13.54,14.64L18.41,9.41C18.78,9.05 19,8.55 19,8A2,2 0 0,0 17,6A2,2 0 0,0 15,8H13A4,4 0 0,1 17,4A4,4 0 0,1 21,8C21,9.1 20.55,10.1 19.83,10.83L15,16H21V18Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-3\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V15H15V16H19V12H15V10H19V6H15V7H13V6A2,2 0 0,1 15,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-4\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M18,18V13H13V11L18,4H20V11H21V13H20V18H18M18,11V7.42L15.45,11H18Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-5\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H20V6H15V10H17A4,4 0 0,1 21,14A4,4 0 0,1 17,18H15A2,2 0 0,1 13,16V15H15V16H17A2,2 0 0,0 19,14A2,2 0 0,0 17,12H15A2,2 0 0,1 13,10V6A2,2 0 0,1 15,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-6\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V7H19V6H15V10H19A2,2 0 0,1 21,12V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V6A2,2 0 0,1 15,4M15,12V16H19V12H15Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-pound\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M13,8H15.31L15.63,5H17.63L17.31,8H19.31L19.63,5H21.63L21.31,8H23V10H21.1L20.9,12H23V14H20.69L20.37,17H18.37L18.69,14H16.69L16.37,17H14.37L14.69,14H13V12H14.9L15.1,10H13V8M17.1,10L16.9,12H18.9L19.1,10H17.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-paragraph\">\n        <path\n          d=\"M13,4A4,4 0 0,1 17,8A4,4 0 0,1 13,12H11V18H9V4H13M13,10A2,2 0 0,0 15,8A2,2 0 0,0 13,6H11V10H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-subscript\">\n        <path\n          d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,21.03H16.97V20.03L17.86,19.23C18.62,18.58 19.18,18.04 19.56,17.6C19.93,17.16 20.12,16.75 20.13,16.36C20.14,16.08 20.05,15.85 19.86,15.66C19.68,15.5 19.39,15.38 19,15.38C18.69,15.38 18.42,15.44 18.16,15.56L17.5,15.94L17.05,14.77C17.32,14.56 17.64,14.38 18.03,14.24C18.42,14.1 18.85,14 19.32,14C20.1,14.04 20.7,14.25 21.1,14.66C21.5,15.07 21.72,15.59 21.72,16.23C21.71,16.79 21.53,17.31 21.18,17.78C20.84,18.25 20.42,18.7 19.91,19.14L19.27,19.66V19.68H21.85V21.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-superscript\">\n        <path\n          d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,9H16.97V8L17.86,7.18C18.62,6.54 19.18,6 19.56,5.55C19.93,5.11 20.12,4.7 20.13,4.32C20.14,4.04 20.05,3.8 19.86,3.62C19.68,3.43 19.39,3.34 19,3.33C18.69,3.34 18.42,3.4 18.16,3.5L17.5,3.89L17.05,2.72C17.32,2.5 17.64,2.33 18.03,2.19C18.42,2.05 18.85,2 19.32,2C20.1,2 20.7,2.2 21.1,2.61C21.5,3 21.72,3.54 21.72,4.18C21.71,4.74 21.53,5.26 21.18,5.73C20.84,6.21 20.42,6.66 19.91,7.09L19.27,7.61V7.63H21.85V9Z\"\n        ></path>\n      </g>\n\n      <g id=\"markdown\">\n        <path\n          d=\"M2,16V8H4L7,11L10,8H12V16H10V10.83L7,13.83L4,10.83V16H2M16,8H19V12H21.5L17.5,16.5L13.5,12H16V8Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7cbd2c01f2611eda0c389891c227ec8 || (_templateObject_b7cbd2c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-markdown\" size=\"24\">\n    <svg>\n      <g id=\"format-header-1\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M14,18V16H16V6.31L13.5,7.75V5.44L16,4H18V16H20V18H14Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-2\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M21,18H15A2,2 0 0,1 13,16C13,15.47 13.2,15 13.54,14.64L18.41,9.41C18.78,9.05 19,8.55 19,8A2,2 0 0,0 17,6A2,2 0 0,0 15,8H13A4,4 0 0,1 17,4A4,4 0 0,1 21,8C21,9.1 20.55,10.1 19.83,10.83L15,16H21V18Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-3\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V15H15V16H19V12H15V10H19V6H15V7H13V6A2,2 0 0,1 15,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-4\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M18,18V13H13V11L18,4H20V11H21V13H20V18H18M18,11V7.42L15.45,11H18Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-5\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H20V6H15V10H17A4,4 0 0,1 21,14A4,4 0 0,1 17,18H15A2,2 0 0,1 13,16V15H15V16H17A2,2 0 0,0 19,14A2,2 0 0,0 17,12H15A2,2 0 0,1 13,10V6A2,2 0 0,1 15,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-6\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V7H19V6H15V10H19A2,2 0 0,1 21,12V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V6A2,2 0 0,1 15,4M15,12V16H19V12H15Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-header-pound\">\n        <path\n          d=\"M3,4H5V10H9V4H11V18H9V12H5V18H3V4M13,8H15.31L15.63,5H17.63L17.31,8H19.31L19.63,5H21.63L21.31,8H23V10H21.1L20.9,12H23V14H20.69L20.37,17H18.37L18.69,14H16.69L16.37,17H14.37L14.69,14H13V12H14.9L15.1,10H13V8M17.1,10L16.9,12H18.9L19.1,10H17.1Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-paragraph\">\n        <path\n          d=\"M13,4A4,4 0 0,1 17,8A4,4 0 0,1 13,12H11V18H9V4H13M13,10A2,2 0 0,0 15,8A2,2 0 0,0 13,6H11V10H13Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-subscript\">\n        <path\n          d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,21.03H16.97V20.03L17.86,19.23C18.62,18.58 19.18,18.04 19.56,17.6C19.93,17.16 20.12,16.75 20.13,16.36C20.14,16.08 20.05,15.85 19.86,15.66C19.68,15.5 19.39,15.38 19,15.38C18.69,15.38 18.42,15.44 18.16,15.56L17.5,15.94L17.05,14.77C17.32,14.56 17.64,14.38 18.03,14.24C18.42,14.1 18.85,14 19.32,14C20.1,14.04 20.7,14.25 21.1,14.66C21.5,15.07 21.72,15.59 21.72,16.23C21.71,16.79 21.53,17.31 21.18,17.78C20.84,18.25 20.42,18.7 19.91,19.14L19.27,19.66V19.68H21.85V21.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"format-superscript\">\n        <path\n          d=\"M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,9H16.97V8L17.86,7.18C18.62,6.54 19.18,6 19.56,5.55C19.93,5.11 20.12,4.7 20.13,4.32C20.14,4.04 20.05,3.8 19.86,3.62C19.68,3.43 19.39,3.34 19,3.33C18.69,3.34 18.42,3.4 18.16,3.5L17.5,3.89L17.05,2.72C17.32,2.5 17.64,2.33 18.03,2.19C18.42,2.05 18.85,2 19.32,2C20.1,2 20.7,2.2 21.1,2.61C21.5,3 21.72,3.54 21.72,4.18C21.71,4.74 21.53,5.26 21.18,5.73C20.84,6.21 20.42,6.66 19.91,7.09L19.27,7.61V7.63H21.85V9Z\"\n        ></path>\n      </g>\n\n      <g id=\"markdown\">\n        <path\n          d=\"M2,16V8H4L7,11L10,8H12V16H10V10.83L7,13.83L4,10.83V16H2M16,8H19V12H21.5L17.5,16.5L13.5,12H16V8Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-medical-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-medical-iconset-svg.js
index e6e132772e8..eada9fbf5f6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-medical-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-medical-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e588701f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7cc20e01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e588701f0511ed8cc3e9a95995ad69 || (_templateObject_e0e588701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-medical\" size=\"24\">\n    <svg>\n      <g id=\"ambulance\">\n        <path\n          d=\"M18,18.5A1.5,1.5 0 0,0 19.5,17A1.5,1.5 0 0,0 18,15.5A1.5,1.5 0 0,0 16.5,17A1.5,1.5 0 0,0 18,18.5M19.5,9.5H17V12H21.46L19.5,9.5M6,18.5A1.5,1.5 0 0,0 7.5,17A1.5,1.5 0 0,0 6,15.5A1.5,1.5 0 0,0 4.5,17A1.5,1.5 0 0,0 6,18.5M20,8L23,12V17H21A3,3 0 0,1 18,20A3,3 0 0,1 15,17H9A3,3 0 0,1 6,20A3,3 0 0,1 3,17H1V6C1,4.89 1.89,4 3,4H17V8H20M8,6V9H5V11H8V14H10V11H13V9H10V6H8Z\"\n        ></path>\n      </g>\n\n      <g id=\"flask\">\n        <path\n          d=\"M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L16.53,14.47L14,17L8.93,11.93L5.18,18.43C5.07,18.59 5,18.79 5,19M13,10A1,1 0 0,0 12,11A1,1 0 0,0 13,12A1,1 0 0,0 14,11A1,1 0 0,0 13,10Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash-empty\">\n        <path\n          d=\"M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash-empty-outline\">\n        <path\n          d=\"M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L13,8.35V4H11V8.35L5.18,18.43C5.07,18.59 5,18.79 5,19M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash-outline\">\n        <path\n          d=\"M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L13,8.35V4H11V8.35L5.18,18.43C5.07,18.59 5,18.79 5,19M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6M13,16L14.34,14.66L16.27,18H7.73L10.39,13.39L13,16M12.5,12A0.5,0.5 0 0,1 13,12.5A0.5,0.5 0 0,1 12.5,13A0.5,0.5 0 0,1 12,12.5A0.5,0.5 0 0,1 12.5,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"hospital\">\n        <path\n          d=\"M18,14H14V18H10V14H6V10H10V6H14V10H18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"hospital-building\">\n        <path\n          d=\"M2,22V7A1,1 0 0,1 3,6H7V2H17V6H21A1,1 0 0,1 22,7V22H14V17H10V22H2M9,4V10H11V8H13V10H15V4H13V6H11V4H9M4,20H8V17H4V20M4,15H8V12H4V15M16,20H20V17H16V20M16,15H20V12H16V15M10,15H14V12H10V15Z\"\n        ></path>\n      </g>\n\n      <g id=\"hospital-marker\">\n        <path\n          d=\"M12,2C15.86,2 19,5.13 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9A7,7 0 0,1 12,2M9,6V12H11V10H13V12H15V6H13V8H11V6H9Z\"\n        ></path>\n      </g>\n\n      <g id=\"needle\">\n        <path\n          d=\"M11.15,15.18L9.73,13.77L11.15,12.35L12.56,13.77L13.97,12.35L12.56,10.94L13.97,9.53L15.39,10.94L16.8,9.53L13.97,6.7L6.9,13.77L9.73,16.6L11.15,15.18M3.08,19L6.2,15.89L4.08,13.77L13.97,3.87L16.1,6L17.5,4.58L16.1,3.16L17.5,1.75L21.75,6L20.34,7.4L18.92,6L17.5,7.4L19.63,9.53L9.73,19.42L7.61,17.3L3.08,21.84V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"pharmacy\">\n        <path\n          d=\"M16,14H13V17H11V14H8V12H11V9H13V12H16M21,5H18.35L19.5,1.85L17.15,1L15.69,5H3V7L5,13L3,19V21H21V19L19,13L21,7V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"pill\">\n        <path\n          d=\"M4.22,11.29L11.29,4.22C13.64,1.88 17.43,1.88 19.78,4.22C22.12,6.56 22.12,10.36 19.78,12.71L12.71,19.78C10.36,22.12 6.56,22.12 4.22,19.78C1.88,17.43 1.88,13.64 4.22,11.29M5.64,12.71C4.59,13.75 4.24,15.24 4.6,16.57L10.59,10.59L14.83,14.83L18.36,11.29C19.93,9.73 19.93,7.2 18.36,5.64C16.8,4.07 14.27,4.07 12.71,5.64L5.64,12.71Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7cc20e01f2611eda0c389891c227ec8 || (_templateObject_b7cc20e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-medical\" size=\"24\">\n    <svg>\n      <g id=\"ambulance\">\n        <path\n          d=\"M18,18.5A1.5,1.5 0 0,0 19.5,17A1.5,1.5 0 0,0 18,15.5A1.5,1.5 0 0,0 16.5,17A1.5,1.5 0 0,0 18,18.5M19.5,9.5H17V12H21.46L19.5,9.5M6,18.5A1.5,1.5 0 0,0 7.5,17A1.5,1.5 0 0,0 6,15.5A1.5,1.5 0 0,0 4.5,17A1.5,1.5 0 0,0 6,18.5M20,8L23,12V17H21A3,3 0 0,1 18,20A3,3 0 0,1 15,17H9A3,3 0 0,1 6,20A3,3 0 0,1 3,17H1V6C1,4.89 1.89,4 3,4H17V8H20M8,6V9H5V11H8V14H10V11H13V9H10V6H8Z\"\n        ></path>\n      </g>\n\n      <g id=\"flask\">\n        <path\n          d=\"M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L16.53,14.47L14,17L8.93,11.93L5.18,18.43C5.07,18.59 5,18.79 5,19M13,10A1,1 0 0,0 12,11A1,1 0 0,0 13,12A1,1 0 0,0 14,11A1,1 0 0,0 13,10Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash-empty\">\n        <path\n          d=\"M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash-empty-outline\">\n        <path\n          d=\"M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L13,8.35V4H11V8.35L5.18,18.43C5.07,18.59 5,18.79 5,19M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6Z\"\n        ></path>\n      </g>\n\n      <g id=\"flash-outline\">\n        <path\n          d=\"M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L13,8.35V4H11V8.35L5.18,18.43C5.07,18.59 5,18.79 5,19M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6M13,16L14.34,14.66L16.27,18H7.73L10.39,13.39L13,16M12.5,12A0.5,0.5 0 0,1 13,12.5A0.5,0.5 0 0,1 12.5,13A0.5,0.5 0 0,1 12,12.5A0.5,0.5 0 0,1 12.5,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"hospital\">\n        <path\n          d=\"M18,14H14V18H10V14H6V10H10V6H14V10H18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"hospital-building\">\n        <path\n          d=\"M2,22V7A1,1 0 0,1 3,6H7V2H17V6H21A1,1 0 0,1 22,7V22H14V17H10V22H2M9,4V10H11V8H13V10H15V4H13V6H11V4H9M4,20H8V17H4V20M4,15H8V12H4V15M16,20H20V17H16V20M16,15H20V12H16V15M10,15H14V12H10V15Z\"\n        ></path>\n      </g>\n\n      <g id=\"hospital-marker\">\n        <path\n          d=\"M12,2C15.86,2 19,5.13 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9A7,7 0 0,1 12,2M9,6V12H11V10H13V12H15V6H13V8H11V6H9Z\"\n        ></path>\n      </g>\n\n      <g id=\"needle\">\n        <path\n          d=\"M11.15,15.18L9.73,13.77L11.15,12.35L12.56,13.77L13.97,12.35L12.56,10.94L13.97,9.53L15.39,10.94L16.8,9.53L13.97,6.7L6.9,13.77L9.73,16.6L11.15,15.18M3.08,19L6.2,15.89L4.08,13.77L13.97,3.87L16.1,6L17.5,4.58L16.1,3.16L17.5,1.75L21.75,6L20.34,7.4L18.92,6L17.5,7.4L19.63,9.53L9.73,19.42L7.61,17.3L3.08,21.84V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"pharmacy\">\n        <path\n          d=\"M16,14H13V17H11V14H8V12H11V9H13V12H16M21,5H18.35L19.5,1.85L17.15,1L15.69,5H3V7L5,13L3,19V21H21V19L19,13L21,7V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"pill\">\n        <path\n          d=\"M4.22,11.29L11.29,4.22C13.64,1.88 17.43,1.88 19.78,4.22C22.12,6.56 22.12,10.36 19.78,12.71L12.71,19.78C10.36,22.12 6.56,22.12 4.22,19.78C1.88,17.43 1.88,13.64 4.22,11.29M5.64,12.71C4.59,13.75 4.24,15.24 4.6,16.57L10.59,10.59L14.83,14.83L18.36,11.29C19.93,9.73 19.93,7.2 18.36,5.64C16.8,4.07 14.27,4.07 12.71,5.64L5.64,12.71Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-microphone-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-microphone-iconset-svg.js
index 96c9b456f2d..04428c3e9f2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-microphone-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-microphone-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e5d6901f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7cc6f001f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e5d6901f0511ed8cc3e9a95995ad69 || (_templateObject_e0e5d6901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-microphone\" size=\"24\">\n    <svg>\n      <g id=\"microphone\">\n        <path\n          d=\"M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-off\">\n        <path\n          d=\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-outline\">\n        <path\n          d=\"M17.3,11C17.3,14 14.76,16.1 12,16.1C9.24,16.1 6.7,14 6.7,11H5C5,14.41 7.72,17.23 11,17.72V21H13V17.72C16.28,17.23 19,14.41 19,11M10.8,4.9C10.8,4.24 11.34,3.7 12,3.7C12.66,3.7 13.2,4.24 13.2,4.9L13.19,11.1C13.19,11.76 12.66,12.3 12,12.3C11.34,12.3 10.8,11.76 10.8,11.1M12,14A3,3 0 0,0 15,11V5A3,3 0 0,0 12,2A3,3 0 0,0 9,5V11A3,3 0 0,0 12,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-settings\">\n        <path\n          d=\"M19,10H17.3C17.3,13 14.76,15.1 12,15.1C9.24,15.1 6.7,13 6.7,10H5C5,13.41 7.72,16.23 11,16.72V20H13V16.72C16.28,16.23 19,13.41 19,10M15,24H17V22H15M11,24H13V22H11M12,13A3,3 0 0,0 15,10V4A3,3 0 0,0 12,1A3,3 0 0,0 9,4V10A3,3 0 0,0 12,13M7,24H9V22H7V24Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7cc6f001f2611eda0c389891c227ec8 || (_templateObject_b7cc6f001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-microphone\" size=\"24\">\n    <svg>\n      <g id=\"microphone\">\n        <path\n          d=\"M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-off\">\n        <path\n          d=\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-outline\">\n        <path\n          d=\"M17.3,11C17.3,14 14.76,16.1 12,16.1C9.24,16.1 6.7,14 6.7,11H5C5,14.41 7.72,17.23 11,17.72V21H13V17.72C16.28,17.23 19,14.41 19,11M10.8,4.9C10.8,4.24 11.34,3.7 12,3.7C12.66,3.7 13.2,4.24 13.2,4.9L13.19,11.1C13.19,11.76 12.66,12.3 12,12.3C11.34,12.3 10.8,11.76 10.8,11.1M12,14A3,3 0 0,0 15,11V5A3,3 0 0,0 12,2A3,3 0 0,0 9,5V11A3,3 0 0,0 12,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-settings\">\n        <path\n          d=\"M19,10H17.3C17.3,13 14.76,15.1 12,15.1C9.24,15.1 6.7,13 6.7,10H5C5,13.41 7.72,16.23 11,16.72V20H13V16.72C16.28,16.23 19,13.41 19,10M15,24H17V22H15M11,24H13V22H11M12,13A3,3 0 0,0 15,10V4A3,3 0 0,0 12,1A3,3 0 0,0 9,4V10A3,3 0 0,0 12,13M7,24H9V22H7V24Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-minus-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-minus-iconset-svg.js
index 5af525403e3..1ae11bfd204 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-minus-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-minus-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e6c0f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7cd32501f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e6c0f01f0511ed8cc3e9a95995ad69 || (_templateObject_e0e6c0f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-minus\" size=\"24\">\n    <svg>\n      <g id=\"minus\"><path d=\"M19,13H5V11H19V13Z\"></path></g>\n\n      <g id=\"minus-box\">\n        <path\n          d=\"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle\">\n        <path\n          d=\"M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,13H17V11H7\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7cd32501f2611eda0c389891c227ec8 || (_templateObject_b7cd32501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-minus\" size=\"24\">\n    <svg>\n      <g id=\"minus\"><path d=\"M19,13H5V11H19V13Z\"></path></g>\n\n      <g id=\"minus-box\">\n        <path\n          d=\"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle\">\n        <path\n          d=\"M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,13H17V11H7\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-movie-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-movie-iconset-svg.js
index 6bab8e5d23e..f73f7badc3e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-movie-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-movie-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e70f101f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7cd80701f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e70f101f0511ed8cc3e9a95995ad69 || (_templateObject_e0e70f101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-movie\" size=\"24\">\n    <svg>\n      <g id=\"film\">\n        <path\n          d=\"M3.5,3H5V1.8C5,1.36 5.36,1 5.8,1H10.2C10.64,1 11,1.36 11,1.8V3H12.5A1.5,1.5 0 0,1 14,4.5V5H22V20H14V20.5A1.5,1.5 0 0,1 12.5,22H3.5A1.5,1.5 0 0,1 2,20.5V4.5A1.5,1.5 0 0,1 3.5,3M18,7V9H20V7H18M14,7V9H16V7H14M10,7V9H12V7H10M14,16V18H16V16H14M18,16V18H20V16H18M10,16V18H12V16H10Z\"\n        ></path>\n      </g>\n\n      <g id=\"filmstrip\">\n        <path\n          d=\"M18,9H16V7H18M18,13H16V11H18M18,17H16V15H18M8,9H6V7H8M8,13H6V11H8M8,17H6V15H8M18,3V5H16V3H8V5H6V3H4V21H6V19H8V21H16V19H18V21H20V3H18Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7cd80701f2611eda0c389891c227ec8 || (_templateObject_b7cd80701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-movie\" size=\"24\">\n    <svg>\n      <g id=\"film\">\n        <path\n          d=\"M3.5,3H5V1.8C5,1.36 5.36,1 5.8,1H10.2C10.64,1 11,1.36 11,1.8V3H12.5A1.5,1.5 0 0,1 14,4.5V5H22V20H14V20.5A1.5,1.5 0 0,1 12.5,22H3.5A1.5,1.5 0 0,1 2,20.5V4.5A1.5,1.5 0 0,1 3.5,3M18,7V9H20V7H18M14,7V9H16V7H14M10,7V9H12V7H10M14,16V18H16V16H14M18,16V18H20V16H18M10,16V18H12V16H10Z\"\n        ></path>\n      </g>\n\n      <g id=\"filmstrip\">\n        <path\n          d=\"M18,9H16V7H18M18,13H16V11H18M18,17H16V15H18M8,9H6V7H8M8,13H6V11H8M8,17H6V15H8M18,3V5H16V3H8V5H6V3H4V21H6V19H8V21H16V19H18V21H20V3H18Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-octagon-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-octagon-iconset-svg.js
index db56be4b771..a5bb4d2ce80 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-octagon-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-octagon-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e75d301f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7cdce901f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e75d301f0511ed8cc3e9a95995ad69 || (_templateObject_e0e75d301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-octagon\" size=\"24\">\n    <svg>\n      <g id=\"pause-octagon\">\n        <path\n          d=\"M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M15,16V8H13V16H15M11,16V8H9V16H11Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-octagon-outline\">\n        <path\n          d=\"M15,16H13V8H15V16M11,16H9V8H11V16M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M14.9,5H9.1L5,9.1V14.9L9.1,19H14.9L19,14.9V9.1L14.9,5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7cdce901f2611eda0c389891c227ec8 || (_templateObject_b7cdce901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-octagon\" size=\"24\">\n    <svg>\n      <g id=\"pause-octagon\">\n        <path\n          d=\"M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M15,16V8H13V16H15M11,16V8H9V16H11Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-octagon-outline\">\n        <path\n          d=\"M15,16H13V8H15V16M11,16H9V8H11V16M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M14.9,5H9.1L5,9.1V14.9L9.1,19H14.9L19,14.9V9.1L14.9,5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-off-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-off-iconset-svg.js
index 783a2366bb8..e4b9e2cf32c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-off-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-off-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e7d2601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7ce43c01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e7d2601f0511ed8cc3e9a95995ad69 || (_templateObject_e0e7d2601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-off\" size=\"24\">\n    <svg>\n      <g id=\"airplane-off\">\n        <path\n          d=\"M3.15,5.27L8.13,10.26L2.15,14V16L10.15,13.5V19L8.15,20.5V22L11.65,21L15.15,22V20.5L13.15,19V15.27L18.87,21L20.15,19.73L4.42,4M13.15,9V3.5A1.5,1.5 0 0,0 11.65,2A1.5,1.5 0 0,0 10.15,3.5V7.18L17.97,15L21.15,16V14L13.15,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"bell-off\">\n        <path\n          d=\"M14,20A2,2 0 0,1 12,22A2,2 0 0,1 10,20H14M19.74,21.57L17.17,19H3L6,16V10C6,9.35 6.1,8.72 6.3,8.13L3.47,5.3L4.89,3.89L7.29,6.29L21.15,20.15L19.74,21.57M11,4.08V3A1,1 0 0,1 12,2A1,1 0 0,1 13,3V4.08C15.84,4.56 18,7.03 18,10V14.17L8.77,4.94C9.44,4.5 10.19,4.22 11,4.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box-off\">\n        <path\n          d=\"M6,8H6.73L14,15.27V16H6M2.27,1L1,2.27L3,4.28C2.41,4.62 2,5.26 2,6V18A2,2 0 0,0 4,20H18.73L20.73,22L22,20.73M20,4H7.82L11.82,8H14V10.18L14.57,10.75L18,8V14.18L22,18.17C22,18.11 22,18.06 22,18V6A2,2 0 0,0 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-off\">\n        <path\n          d=\"M3.27,2L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.2,18 16.39,17.92 16.54,17.82L19.73,21L21,19.73M21,6.5L17,10.5V7A1,1 0 0,0 16,6H9.82L21,17.18V6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-off-outline\">\n        <path\n          d=\"M7.73,10L15.73,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10M3,5.27L5.75,8C2.56,8.15 0,10.77 0,14A6,6 0 0,0 6,20H17.73L19.73,22L21,20.73L4.27,4M19.35,10.03C18.67,6.59 15.64,4 12,4C10.5,4 9.15,4.43 8,5.17L9.45,6.63C10.21,6.23 11.08,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15C22,16.13 21.36,17.11 20.44,17.62L21.89,19.07C23.16,18.16 24,16.68 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"eye-off\">\n        <path\n          d=\"M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker-off\">\n        <path\n          d=\"M16.37,16.1L11.75,11.47L11.64,11.36L3.27,3L2,4.27L5.18,7.45C5.06,7.95 5,8.46 5,9C5,14.25 12,22 12,22C12,22 13.67,20.15 15.37,17.65L18.73,21L20,19.72M12,6.5A2.5,2.5 0 0,1 14.5,9C14.5,9.73 14.17,10.39 13.67,10.85L17.3,14.5C18.28,12.62 19,10.68 19,9A7,7 0 0,0 12,2C10,2 8.24,2.82 6.96,4.14L10.15,7.33C10.61,6.82 11.26,6.5 12,6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-off\">\n        <path\n          d=\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"server-network-off\">\n        <path\n          d=\"M13,18H14A1,1 0 0,1 15,19H15.73L13,16.27V18M22,19V20.18L20.82,19H22M21,21.72L19.73,23L17.73,21H15A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21H2V19H9A1,1 0 0,1 10,18H11V16H4A1,1 0 0,1 3,15V11A1,1 0 0,1 4,10H6.73L4.73,8H4A1,1 0 0,1 3,7V6.27L1,4.27L2.28,3L21,21.72M4,2H20A1,1 0 0,1 21,3V7A1,1 0 0,1 20,8H9.82L7,5.18V4H5.82L3.84,2C3.89,2 3.94,2 4,2M20,10A1,1 0 0,1 21,11V15A1,1 0 0,1 20,16H17.82L11.82,10H20M9,6H10V4H9V6M9,14H10V13.27L9,12.27V14M5,12V14H7V12H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"server-off\">\n        <path\n          d=\"M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H8.82L6.82,5H7V3H5V3.18L3.21,1.39C3.39,1.15 3.68,1 4,1M22,22.72L20.73,24L19.73,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17H13.73L11.73,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9H5.73L3.68,6.95C3.38,6.85 3.15,6.62 3.05,6.32L1,4.27L2.28,3L22,22.72M20,9A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H16.82L10.82,9H20M20,17A1,1 0 0,1 21,18V19.18L18.82,17H20M9,5H10V3H9V5M9,13H9.73L9,12.27V13M9,21H10V19H9V21M5,11V13H7V11H5M5,19V21H7V19H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"speaker-off\">\n        <path\n          d=\"M2,5.27L3.28,4L21,21.72L19.73,23L18.27,21.54C17.93,21.83 17.5,22 17,22H7C5.89,22 5,21.1 5,20V8.27L2,5.27M12,18A3,3 0 0,1 9,15C9,14.24 9.28,13.54 9.75,13L8.33,11.6C7.5,12.5 7,13.69 7,15A5,5 0 0,0 12,20C13.31,20 14.5,19.5 15.4,18.67L14,17.25C13.45,17.72 12.76,18 12,18M17,15A5,5 0 0,0 12,10H11.82L5.12,3.3C5.41,2.54 6.14,2 7,2H17A2,2 0 0,1 19,4V17.18L17,15.17V15M12,4C10.89,4 10,4.89 10,6A2,2 0 0,0 12,8A2,2 0 0,0 14,6C14,4.89 13.1,4 12,4Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7ce43c01f2611eda0c389891c227ec8 || (_templateObject_b7ce43c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-off\" size=\"24\">\n    <svg>\n      <g id=\"airplane-off\">\n        <path\n          d=\"M3.15,5.27L8.13,10.26L2.15,14V16L10.15,13.5V19L8.15,20.5V22L11.65,21L15.15,22V20.5L13.15,19V15.27L18.87,21L20.15,19.73L4.42,4M13.15,9V3.5A1.5,1.5 0 0,0 11.65,2A1.5,1.5 0 0,0 10.15,3.5V7.18L17.97,15L21.15,16V14L13.15,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"bell-off\">\n        <path\n          d=\"M14,20A2,2 0 0,1 12,22A2,2 0 0,1 10,20H14M19.74,21.57L17.17,19H3L6,16V10C6,9.35 6.1,8.72 6.3,8.13L3.47,5.3L4.89,3.89L7.29,6.29L21.15,20.15L19.74,21.57M11,4.08V3A1,1 0 0,1 12,2A1,1 0 0,1 13,3V4.08C15.84,4.56 18,7.03 18,10V14.17L8.77,4.94C9.44,4.5 10.19,4.22 11,4.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box-off\">\n        <path\n          d=\"M6,8H6.73L14,15.27V16H6M2.27,1L1,2.27L3,4.28C2.41,4.62 2,5.26 2,6V18A2,2 0 0,0 4,20H18.73L20.73,22L22,20.73M20,4H7.82L11.82,8H14V10.18L14.57,10.75L18,8V14.18L22,18.17C22,18.11 22,18.06 22,18V6A2,2 0 0,0 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-off\">\n        <path\n          d=\"M3.27,2L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.2,18 16.39,17.92 16.54,17.82L19.73,21L21,19.73M21,6.5L17,10.5V7A1,1 0 0,0 16,6H9.82L21,17.18V6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-off-outline\">\n        <path\n          d=\"M7.73,10L15.73,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10M3,5.27L5.75,8C2.56,8.15 0,10.77 0,14A6,6 0 0,0 6,20H17.73L19.73,22L21,20.73L4.27,4M19.35,10.03C18.67,6.59 15.64,4 12,4C10.5,4 9.15,4.43 8,5.17L9.45,6.63C10.21,6.23 11.08,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15C22,16.13 21.36,17.11 20.44,17.62L21.89,19.07C23.16,18.16 24,16.68 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"eye-off\">\n        <path\n          d=\"M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker-off\">\n        <path\n          d=\"M16.37,16.1L11.75,11.47L11.64,11.36L3.27,3L2,4.27L5.18,7.45C5.06,7.95 5,8.46 5,9C5,14.25 12,22 12,22C12,22 13.67,20.15 15.37,17.65L18.73,21L20,19.72M12,6.5A2.5,2.5 0 0,1 14.5,9C14.5,9.73 14.17,10.39 13.67,10.85L17.3,14.5C18.28,12.62 19,10.68 19,9A7,7 0 0,0 12,2C10,2 8.24,2.82 6.96,4.14L10.15,7.33C10.61,6.82 11.26,6.5 12,6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-off\">\n        <path\n          d=\"M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"server-network-off\">\n        <path\n          d=\"M13,18H14A1,1 0 0,1 15,19H15.73L13,16.27V18M22,19V20.18L20.82,19H22M21,21.72L19.73,23L17.73,21H15A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21H2V19H9A1,1 0 0,1 10,18H11V16H4A1,1 0 0,1 3,15V11A1,1 0 0,1 4,10H6.73L4.73,8H4A1,1 0 0,1 3,7V6.27L1,4.27L2.28,3L21,21.72M4,2H20A1,1 0 0,1 21,3V7A1,1 0 0,1 20,8H9.82L7,5.18V4H5.82L3.84,2C3.89,2 3.94,2 4,2M20,10A1,1 0 0,1 21,11V15A1,1 0 0,1 20,16H17.82L11.82,10H20M9,6H10V4H9V6M9,14H10V13.27L9,12.27V14M5,12V14H7V12H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"server-off\">\n        <path\n          d=\"M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H8.82L6.82,5H7V3H5V3.18L3.21,1.39C3.39,1.15 3.68,1 4,1M22,22.72L20.73,24L19.73,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17H13.73L11.73,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9H5.73L3.68,6.95C3.38,6.85 3.15,6.62 3.05,6.32L1,4.27L2.28,3L22,22.72M20,9A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H16.82L10.82,9H20M20,17A1,1 0 0,1 21,18V19.18L18.82,17H20M9,5H10V3H9V5M9,13H9.73L9,12.27V13M9,21H10V19H9V21M5,11V13H7V11H5M5,19V21H7V19H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"speaker-off\">\n        <path\n          d=\"M2,5.27L3.28,4L21,21.72L19.73,23L18.27,21.54C17.93,21.83 17.5,22 17,22H7C5.89,22 5,21.1 5,20V8.27L2,5.27M12,18A3,3 0 0,1 9,15C9,14.24 9.28,13.54 9.75,13L8.33,11.6C7.5,12.5 7,13.69 7,15A5,5 0 0,0 12,20C13.31,20 14.5,19.5 15.4,18.67L14,17.25C13.45,17.72 12.76,18 12,18M17,15A5,5 0 0,0 12,10H11.82L5.12,3.3C5.41,2.54 6.14,2 7,2H17A2,2 0 0,1 19,4V17.18L17,15.17V15M12,4C10.89,4 10,4.89 10,6A2,2 0 0,0 12,8A2,2 0 0,0 14,6C14,4.89 13.1,4 12,4Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-os-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-os-iconset-svg.js
index a561167ccf2..315f7341215 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-os-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-os-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e820801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7ceb8f01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e820801f0511ed8cc3e9a95995ad69 || (_templateObject_e0e820801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-os\" size=\"24\">\n    <svg>\n      <g id=\"android\">\n        <path\n          d=\"M15,5H14V4H15M10,5H9V4H10M15.53,2.16L16.84,0.85C17.03,0.66 17.03,0.34 16.84,0.14C16.64,-0.05 16.32,-0.05 16.13,0.14L14.65,1.62C13.85,1.23 12.95,1 12,1C11.04,1 10.14,1.23 9.34,1.63L7.85,0.14C7.66,-0.05 7.34,-0.05 7.15,0.14C6.95,0.34 6.95,0.66 7.15,0.85L8.46,2.16C6.97,3.26 6,5 6,7H18C18,5 17,3.25 15.53,2.16M20.5,8A1.5,1.5 0 0,0 19,9.5V16.5A1.5,1.5 0 0,0 20.5,18A1.5,1.5 0 0,0 22,16.5V9.5A1.5,1.5 0 0,0 20.5,8M3.5,8A1.5,1.5 0 0,0 2,9.5V16.5A1.5,1.5 0 0,0 3.5,18A1.5,1.5 0 0,0 5,16.5V9.5A1.5,1.5 0 0,0 3.5,8M6,18A1,1 0 0,0 7,19H8V22.5A1.5,1.5 0 0,0 9.5,24A1.5,1.5 0 0,0 11,22.5V19H13V22.5A1.5,1.5 0 0,0 14.5,24A1.5,1.5 0 0,0 16,22.5V19H17A1,1 0 0,0 18,18V8H6V18Z\"\n        ></path>\n      </g>\n\n      <g id=\"linux\">\n        <path\n          d=\"M13.18,14.5C12.53,15.26 11.47,15.26 10.82,14.5L7.44,10.5C7.16,11.28 7,12.12 7,13C7,14.67 7.57,16.18 8.5,17.27C10,17.37 11.29,17.96 11.78,19C11.85,19 11.93,19 12.22,19C12.71,18 13.95,17.44 15.46,17.33C16.41,16.24 17,14.7 17,13C17,12.12 16.84,11.28 16.56,10.5L13.18,14.5M20,20.75C20,21.3 19.3,22 18.75,22H13.25C12.7,22 12,21.3 12,20.75C12,21.3 11.3,22 10.75,22H5.25C4.7,22 4,21.3 4,20.75C4,19.45 4.94,18.31 6.3,17.65C5.5,16.34 5,14.73 5,13C4,15 2.7,15.56 2.09,15C1.5,14.44 1.79,12.83 3.1,11.41C3.84,10.6 5,9.62 5.81,9.25C6.13,8.56 6.54,7.93 7,7.38V7A5,5 0 0,1 12,2A5,5 0 0,1 17,7V7.38C17.46,7.93 17.87,8.56 18.19,9.25C19,9.62 20.16,10.6 20.9,11.41C22.21,12.83 22.5,14.44 21.91,15C21.3,15.56 20,15 19,13C19,14.75 18.5,16.37 17.67,17.69C19.05,18.33 20,19.44 20,20.75M9.88,9C9.46,9.5 9.46,10.27 9.88,10.75L11.13,12.25C11.54,12.73 12.21,12.73 12.63,12.25L13.88,10.75C14.29,10.27 14.29,9.5 13.88,9H9.88M10,5.25C9.45,5.25 9,5.9 9,7C9,8.1 9.45,8.75 10,8.75C10.55,8.75 11,8.1 11,7C11,5.9 10.55,5.25 10,5.25M14,5.25C13.45,5.25 13,5.9 13,7C13,8.1 13.45,8.75 14,8.75C14.55,8.75 15,8.1 15,7C15,5.9 14.55,5.25 14,5.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"ubuntu\">\n        <path\n          d=\"M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M14.34,7.74C14.92,8.07 15.65,7.87 16,7.3C16.31,6.73 16.12,6 15.54,5.66C14.97,5.33 14.23,5.5 13.9,6.1C13.57,6.67 13.77,7.41 14.34,7.74M11.88,15.5C11.35,15.5 10.85,15.39 10.41,15.18L9.57,16.68C10.27,17 11.05,17.22 11.88,17.22C12.37,17.22 12.83,17.15 13.28,17.03C13.36,16.54 13.64,16.1 14.1,15.84C14.56,15.57 15.08,15.55 15.54,15.72C16.43,14.85 17,13.66 17.09,12.33L15.38,12.31C15.22,14.1 13.72,15.5 11.88,15.5M11.88,8.5C13.72,8.5 15.22,9.89 15.38,11.69L17.09,11.66C17,10.34 16.43,9.15 15.54,8.28C15.08,8.45 14.55,8.42 14.1,8.16C13.64,7.9 13.36,7.45 13.28,6.97C12.83,6.85 12.37,6.78 11.88,6.78C11.05,6.78 10.27,6.97 9.57,7.32L10.41,8.82C10.85,8.61 11.35,8.5 11.88,8.5M8.37,12C8.37,10.81 8.96,9.76 9.86,9.13L9,7.65C7.94,8.36 7.15,9.43 6.83,10.69C7.21,11 7.45,11.47 7.45,12C7.45,12.53 7.21,13 6.83,13.31C7.15,14.56 7.94,15.64 9,16.34L9.86,14.87C8.96,14.24 8.37,13.19 8.37,12M14.34,16.26C13.77,16.59 13.57,17.32 13.9,17.9C14.23,18.47 14.97,18.67 15.54,18.34C16.12,18 16.31,17.27 16,16.7C15.65,16.12 14.92,15.93 14.34,16.26M5.76,10.8C5.1,10.8 4.56,11.34 4.56,12C4.56,12.66 5.1,13.2 5.76,13.2C6.43,13.2 6.96,12.66 6.96,12C6.96,11.34 6.43,10.8 5.76,10.8Z\"\n        ></path>\n      </g>\n\n      <g id=\"windows\">\n        <path\n          d=\"M3,12V6.75L9,5.43V11.91L3,12M20,3V11.75L10,11.9V5.21L20,3M3,13L9,13.09V19.9L3,18.75V13M20,13.25V22L10,20.09V13.1L20,13.25Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7ceb8f01f2611eda0c389891c227ec8 || (_templateObject_b7ceb8f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-os\" size=\"24\">\n    <svg>\n      <g id=\"android\">\n        <path\n          d=\"M15,5H14V4H15M10,5H9V4H10M15.53,2.16L16.84,0.85C17.03,0.66 17.03,0.34 16.84,0.14C16.64,-0.05 16.32,-0.05 16.13,0.14L14.65,1.62C13.85,1.23 12.95,1 12,1C11.04,1 10.14,1.23 9.34,1.63L7.85,0.14C7.66,-0.05 7.34,-0.05 7.15,0.14C6.95,0.34 6.95,0.66 7.15,0.85L8.46,2.16C6.97,3.26 6,5 6,7H18C18,5 17,3.25 15.53,2.16M20.5,8A1.5,1.5 0 0,0 19,9.5V16.5A1.5,1.5 0 0,0 20.5,18A1.5,1.5 0 0,0 22,16.5V9.5A1.5,1.5 0 0,0 20.5,8M3.5,8A1.5,1.5 0 0,0 2,9.5V16.5A1.5,1.5 0 0,0 3.5,18A1.5,1.5 0 0,0 5,16.5V9.5A1.5,1.5 0 0,0 3.5,8M6,18A1,1 0 0,0 7,19H8V22.5A1.5,1.5 0 0,0 9.5,24A1.5,1.5 0 0,0 11,22.5V19H13V22.5A1.5,1.5 0 0,0 14.5,24A1.5,1.5 0 0,0 16,22.5V19H17A1,1 0 0,0 18,18V8H6V18Z\"\n        ></path>\n      </g>\n\n      <g id=\"linux\">\n        <path\n          d=\"M13.18,14.5C12.53,15.26 11.47,15.26 10.82,14.5L7.44,10.5C7.16,11.28 7,12.12 7,13C7,14.67 7.57,16.18 8.5,17.27C10,17.37 11.29,17.96 11.78,19C11.85,19 11.93,19 12.22,19C12.71,18 13.95,17.44 15.46,17.33C16.41,16.24 17,14.7 17,13C17,12.12 16.84,11.28 16.56,10.5L13.18,14.5M20,20.75C20,21.3 19.3,22 18.75,22H13.25C12.7,22 12,21.3 12,20.75C12,21.3 11.3,22 10.75,22H5.25C4.7,22 4,21.3 4,20.75C4,19.45 4.94,18.31 6.3,17.65C5.5,16.34 5,14.73 5,13C4,15 2.7,15.56 2.09,15C1.5,14.44 1.79,12.83 3.1,11.41C3.84,10.6 5,9.62 5.81,9.25C6.13,8.56 6.54,7.93 7,7.38V7A5,5 0 0,1 12,2A5,5 0 0,1 17,7V7.38C17.46,7.93 17.87,8.56 18.19,9.25C19,9.62 20.16,10.6 20.9,11.41C22.21,12.83 22.5,14.44 21.91,15C21.3,15.56 20,15 19,13C19,14.75 18.5,16.37 17.67,17.69C19.05,18.33 20,19.44 20,20.75M9.88,9C9.46,9.5 9.46,10.27 9.88,10.75L11.13,12.25C11.54,12.73 12.21,12.73 12.63,12.25L13.88,10.75C14.29,10.27 14.29,9.5 13.88,9H9.88M10,5.25C9.45,5.25 9,5.9 9,7C9,8.1 9.45,8.75 10,8.75C10.55,8.75 11,8.1 11,7C11,5.9 10.55,5.25 10,5.25M14,5.25C13.45,5.25 13,5.9 13,7C13,8.1 13.45,8.75 14,8.75C14.55,8.75 15,8.1 15,7C15,5.9 14.55,5.25 14,5.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"ubuntu\">\n        <path\n          d=\"M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M14.34,7.74C14.92,8.07 15.65,7.87 16,7.3C16.31,6.73 16.12,6 15.54,5.66C14.97,5.33 14.23,5.5 13.9,6.1C13.57,6.67 13.77,7.41 14.34,7.74M11.88,15.5C11.35,15.5 10.85,15.39 10.41,15.18L9.57,16.68C10.27,17 11.05,17.22 11.88,17.22C12.37,17.22 12.83,17.15 13.28,17.03C13.36,16.54 13.64,16.1 14.1,15.84C14.56,15.57 15.08,15.55 15.54,15.72C16.43,14.85 17,13.66 17.09,12.33L15.38,12.31C15.22,14.1 13.72,15.5 11.88,15.5M11.88,8.5C13.72,8.5 15.22,9.89 15.38,11.69L17.09,11.66C17,10.34 16.43,9.15 15.54,8.28C15.08,8.45 14.55,8.42 14.1,8.16C13.64,7.9 13.36,7.45 13.28,6.97C12.83,6.85 12.37,6.78 11.88,6.78C11.05,6.78 10.27,6.97 9.57,7.32L10.41,8.82C10.85,8.61 11.35,8.5 11.88,8.5M8.37,12C8.37,10.81 8.96,9.76 9.86,9.13L9,7.65C7.94,8.36 7.15,9.43 6.83,10.69C7.21,11 7.45,11.47 7.45,12C7.45,12.53 7.21,13 6.83,13.31C7.15,14.56 7.94,15.64 9,16.34L9.86,14.87C8.96,14.24 8.37,13.19 8.37,12M14.34,16.26C13.77,16.59 13.57,17.32 13.9,17.9C14.23,18.47 14.97,18.67 15.54,18.34C16.12,18 16.31,17.27 16,16.7C15.65,16.12 14.92,15.93 14.34,16.26M5.76,10.8C5.1,10.8 4.56,11.34 4.56,12C4.56,12.66 5.1,13.2 5.76,13.2C6.43,13.2 6.96,12.66 6.96,12C6.96,11.34 6.43,10.8 5.76,10.8Z\"\n        ></path>\n      </g>\n\n      <g id=\"windows\">\n        <path\n          d=\"M3,12V6.75L9,5.43V11.91L3,12M20,3V11.75L10,11.9V5.21L20,3M3,13L9,13.09V19.9L3,18.75V13M20,13.25V22L10,20.09V13.1L20,13.25Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-outline-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-outline-iconset-svg.js
index 12d9bf8f369..a7a10e5c5e7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-outline-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-outline-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e86ea01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7cf07101f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e86ea01f0511ed8cc3e9a95995ad69 || (_templateObject_e0e86ea01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-outline\" size=\"24\">\n    <svg>\n      <g id=\"arrow-down-bold-circle-outline\">\n        <path\n          d=\"M12,17L7,12H10V8H14V12H17L12,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-bold-circle-outline\">\n        <path\n          d=\"M7,12L12,7V10H16V14H12V17L7,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-bold-circle-outline\">\n        <path\n          d=\"M17,12L12,17V14H8V10H12V7L17,12M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-bold-circle-outline\">\n        <path\n          d=\"M12,7L17,12H14V16H10V12H7L12,7M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20Z\"\n        ></path>\n      </g>\n\n      <g id=\"bookmark-outline\">\n        <path\n          d=\"M17,18L12,15.82L7,18V5H17M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"cart-outline\">\n        <path\n          d=\"M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank-circle-outline\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank-outline\">\n        <path\n          d=\"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked-circle-outline\">\n        <path\n          d=\"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2,4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked-outline\">\n        <path\n          d=\"M19,19H5V5H15V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V11H19M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"close-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-off-outline\">\n        <path\n          d=\"M7.73,10L15.73,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10M3,5.27L5.75,8C2.56,8.15 0,10.77 0,14A6,6 0 0,0 6,20H17.73L19.73,22L21,20.73L4.27,4M19.35,10.03C18.67,6.59 15.64,4 12,4C10.5,4 9.15,4.43 8,5.17L9.45,6.63C10.21,6.23 11.08,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15C22,16.13 21.36,17.11 20.44,17.62L21.89,19.07C23.16,18.16 24,16.68 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-outline\">\n        <path\n          d=\"M19,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10H6.71C7.37,7.69 9.5,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15A3,3 0 0,1 19,18M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-outline\">\n        <path\n          d=\"M3,2H21V2H21V4H20.92L15,9.92V22.91L9,16.91V9.91L3.09,4H3V2M11,16.08L13,18.08V9H13.09L18.09,4H5.92L10.92,9H11V16.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-remove-outline\">\n        <path\n          d=\"M14.73,20.83L17.58,18L14.73,15.17L16.15,13.76L19,16.57L21.8,13.76L23.22,15.17L20.41,18L23.22,20.83L21.8,22.24L19,19.4L16.15,22.24L14.73,20.83M2,2H20V2H20V4H19.92L14,9.92V22.91L8,16.91V9.91L2.09,4H2V2M10,16.08L12,18.08V9H12.09L17.09,4H4.92L9.92,9H10V16.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-outline\">\n        <path\n          d=\"M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart-outline\">\n        <path\n          d=\"M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"information-outline\">\n        <path\n          d=\"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z\"\n        ></path>\n      </g>\n\n      <g id=\"label-outline\">\n        <path\n          d=\"M16,17H5V7H16L19.55,12M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-open-outline\">\n        <path\n          d=\"M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,1 10,15A2,2 0 0,1 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-outline\">\n        <path\n          d=\"M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-outline\">\n        <path\n          d=\"M17.3,11C17.3,14 14.76,16.1 12,16.1C9.24,16.1 6.7,14 6.7,11H5C5,14.41 7.72,17.23 11,17.72V21H13V17.72C16.28,17.23 19,14.41 19,11M10.8,4.9C10.8,4.24 11.34,3.7 12,3.7C12.66,3.7 13.2,4.24 13.2,4.9L13.19,11.1C13.19,11.76 12.66,12.3 12,12.3C11.34,12.3 10.8,11.76 10.8,11.1M12,14A3,3 0 0,0 15,11V5A3,3 0 0,0 12,2A3,3 0 0,0 9,5V11A3,3 0 0,0 12,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,13H17V11H7\"\n        ></path>\n      </g>\n\n      <g id=\"music-box-outline\">\n        <path\n          d=\"M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16V9M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M5,5V19H19V5H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-octagon-outline\">\n        <path\n          d=\"M15,16H13V8H15V16M11,16H9V8H11V16M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M14.9,5H9.1L5,9.1V14.9L9.1,19H14.9L19,14.9V9.1L14.9,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-outline\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7cf07101f2611eda0c389891c227ec8 || (_templateObject_b7cf07101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-outline\" size=\"24\">\n    <svg>\n      <g id=\"arrow-down-bold-circle-outline\">\n        <path\n          d=\"M12,17L7,12H10V8H14V12H17L12,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-left-bold-circle-outline\">\n        <path\n          d=\"M7,12L12,7V10H16V14H12V17L7,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-right-bold-circle-outline\">\n        <path\n          d=\"M17,12L12,17V14H8V10H12V7L17,12M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"arrow-up-bold-circle-outline\">\n        <path\n          d=\"M12,7L17,12H14V16H10V12H7L12,7M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20Z\"\n        ></path>\n      </g>\n\n      <g id=\"bookmark-outline\">\n        <path\n          d=\"M17,18L12,15.82L7,18V5H17M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"cart-outline\">\n        <path\n          d=\"M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank-circle-outline\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-blank-outline\">\n        <path\n          d=\"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked-circle-outline\">\n        <path\n          d=\"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2,4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"checkbox-marked-outline\">\n        <path\n          d=\"M19,19H5V5H15V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V11H19M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"close-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-off-outline\">\n        <path\n          d=\"M7.73,10L15.73,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10M3,5.27L5.75,8C2.56,8.15 0,10.77 0,14A6,6 0 0,0 6,20H17.73L19.73,22L21,20.73L4.27,4M19.35,10.03C18.67,6.59 15.64,4 12,4C10.5,4 9.15,4.43 8,5.17L9.45,6.63C10.21,6.23 11.08,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15C22,16.13 21.36,17.11 20.44,17.62L21.89,19.07C23.16,18.16 24,16.68 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"cloud-outline\">\n        <path\n          d=\"M19,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10H6.71C7.37,7.69 9.5,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15A3,3 0 0,1 19,18M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-outline\">\n        <path\n          d=\"M3,2H21V2H21V4H20.92L15,9.92V22.91L9,16.91V9.91L3.09,4H3V2M11,16.08L13,18.08V9H13.09L18.09,4H5.92L10.92,9H11V16.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"filter-remove-outline\">\n        <path\n          d=\"M14.73,20.83L17.58,18L14.73,15.17L16.15,13.76L19,16.57L21.8,13.76L23.22,15.17L20.41,18L23.22,20.83L21.8,22.24L19,19.4L16.15,22.24L14.73,20.83M2,2H20V2H20V4H19.92L14,9.92V22.91L8,16.91V9.91L2.09,4H2V2M10,16.08L12,18.08V9H12.09L17.09,4H4.92L9.92,9H10V16.08Z\"\n        ></path>\n      </g>\n\n      <g id=\"folder-outline\">\n        <path\n          d=\"M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart-outline\">\n        <path\n          d=\"M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"information-outline\">\n        <path\n          d=\"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z\"\n        ></path>\n      </g>\n\n      <g id=\"label-outline\">\n        <path\n          d=\"M16,17H5V7H16L19.55,12M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-open-outline\">\n        <path\n          d=\"M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,1 10,15A2,2 0 0,1 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17Z\"\n        ></path>\n      </g>\n\n      <g id=\"lock-outline\">\n        <path\n          d=\"M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-outline\">\n        <path\n          d=\"M17.3,11C17.3,14 14.76,16.1 12,16.1C9.24,16.1 6.7,14 6.7,11H5C5,14.41 7.72,17.23 11,17.72V21H13V17.72C16.28,17.23 19,14.41 19,11M10.8,4.9C10.8,4.24 11.34,3.7 12,3.7C12.66,3.7 13.2,4.24 13.2,4.9L13.19,11.1C13.19,11.76 12.66,12.3 12,12.3C11.34,12.3 10.8,11.76 10.8,11.1M12,14A3,3 0 0,0 15,11V5A3,3 0 0,0 12,2A3,3 0 0,0 9,5V11A3,3 0 0,0 12,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"minus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,13H17V11H7\"\n        ></path>\n      </g>\n\n      <g id=\"music-box-outline\">\n        <path\n          d=\"M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16V9M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M5,5V19H19V5H5Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-octagon-outline\">\n        <path\n          d=\"M15,16H13V8H15V16M11,16H9V8H11V16M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M14.9,5H9.1L5,9.1V14.9L9.1,19H14.9L19,14.9V9.1L14.9,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-outline\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-phone-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-phone-iconset-svg.js
index 654fc47e05e..193e8f6c8f3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-phone-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-phone-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0e8bcc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7cf7c401f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0e8bcc01f0511ed8cc3e9a95995ad69 || (_templateObject_e0e8bcc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-phone\" size=\"24\">\n    <svg>\n      <g id=\"phone\">\n        <path\n          d=\"M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.25 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.59L6.62,10.79Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-bluetooth\">\n        <path\n          d=\"M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M18,7.21L18.94,8.14L18,9.08M18,2.91L18.94,3.85L18,4.79M14.71,9.5L17,7.21V11H17.5L20.35,8.14L18.21,6L20.35,3.85L17.5,1H17V4.79L14.71,2.5L14,3.21L16.79,6L14,8.79L14.71,9.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-forward\">\n        <path\n          d=\"M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M18,11L23,6L18,1V4H14V8H18V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-hangup\">\n        <path\n          d=\"M12,9C10.4,9 8.85,9.25 7.4,9.72V12.82C7.4,13.22 7.17,13.56 6.84,13.72C5.86,14.21 4.97,14.84 4.17,15.57C4,15.75 3.75,15.86 3.5,15.86C3.2,15.86 2.95,15.74 2.77,15.56L0.29,13.08C0.11,12.9 0,12.65 0,12.38C0,12.1 0.11,11.85 0.29,11.67C3.34,8.77 7.46,7 12,7C16.54,7 20.66,8.77 23.71,11.67C23.89,11.85 24,12.1 24,12.38C24,12.65 23.89,12.9 23.71,13.08L21.23,15.56C21.05,15.74 20.8,15.86 20.5,15.86C20.25,15.86 20,15.75 19.82,15.57C19.03,14.84 18.14,14.21 17.16,13.72C16.83,13.56 16.6,13.22 16.6,12.82V9.72C15.15,9.25 13.6,9 12,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-in-talk\">\n        <path\n          d=\"M15,12H17A5,5 0 0,0 12,7V9A3,3 0 0,1 15,12M19,12H21C21,7 16.97,3 12,3V5C15.86,5 19,8.13 19,12M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-locked\">\n        <path\n          d=\"M19.2,4H15.8V3.5C15.8,2.56 16.56,1.8 17.5,1.8C18.44,1.8 19.2,2.56 19.2,3.5M20,4V3.5A2.5,2.5 0 0,0 17.5,1A2.5,2.5 0 0,0 15,3.5V4A1,1 0 0,0 14,5V9A1,1 0 0,0 15,10H20A1,1 0 0,0 21,9V5A1,1 0 0,0 20,4M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-missed\">\n        <path\n          d=\"M23.71,16.67C20.66,13.77 16.54,12 12,12C7.46,12 3.34,13.77 0.29,16.67C0.11,16.85 0,17.1 0,17.38C0,17.65 0.11,17.9 0.29,18.08L2.77,20.56C2.95,20.74 3.2,20.86 3.5,20.86C3.75,20.86 4,20.75 4.18,20.57C4.97,19.83 5.86,19.21 6.84,18.72C7.17,18.56 7.4,18.22 7.4,17.82V14.72C8.85,14.25 10.39,14 12,14C13.6,14 15.15,14.25 16.6,14.72V17.82C16.6,18.22 16.83,18.56 17.16,18.72C18.14,19.21 19.03,19.83 19.82,20.57C20,20.75 20.25,20.86 20.5,20.86C20.8,20.86 21.05,20.74 21.23,20.56L23.71,18.08C23.89,17.9 24,17.65 24,17.38C24,17.1 23.89,16.85 23.71,16.67M6.5,5.5L12,11L19,4L18,3L12,9L7.5,4.5H11V3H5V9H6.5V5.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-paused\">\n        <path\n          d=\"M19,10H21V3H19M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M17,3H15V10H17V3Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-settings\">\n        <path\n          d=\"M19,11H21V9H19M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M17,9H15V11H17M13,9H11V11H13V9Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7cf7c401f2611eda0c389891c227ec8 || (_templateObject_b7cf7c401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-phone\" size=\"24\">\n    <svg>\n      <g id=\"phone\">\n        <path\n          d=\"M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.25 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.59L6.62,10.79Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-bluetooth\">\n        <path\n          d=\"M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M18,7.21L18.94,8.14L18,9.08M18,2.91L18.94,3.85L18,4.79M14.71,9.5L17,7.21V11H17.5L20.35,8.14L18.21,6L20.35,3.85L17.5,1H17V4.79L14.71,2.5L14,3.21L16.79,6L14,8.79L14.71,9.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-forward\">\n        <path\n          d=\"M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M18,11L23,6L18,1V4H14V8H18V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-hangup\">\n        <path\n          d=\"M12,9C10.4,9 8.85,9.25 7.4,9.72V12.82C7.4,13.22 7.17,13.56 6.84,13.72C5.86,14.21 4.97,14.84 4.17,15.57C4,15.75 3.75,15.86 3.5,15.86C3.2,15.86 2.95,15.74 2.77,15.56L0.29,13.08C0.11,12.9 0,12.65 0,12.38C0,12.1 0.11,11.85 0.29,11.67C3.34,8.77 7.46,7 12,7C16.54,7 20.66,8.77 23.71,11.67C23.89,11.85 24,12.1 24,12.38C24,12.65 23.89,12.9 23.71,13.08L21.23,15.56C21.05,15.74 20.8,15.86 20.5,15.86C20.25,15.86 20,15.75 19.82,15.57C19.03,14.84 18.14,14.21 17.16,13.72C16.83,13.56 16.6,13.22 16.6,12.82V9.72C15.15,9.25 13.6,9 12,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-in-talk\">\n        <path\n          d=\"M15,12H17A5,5 0 0,0 12,7V9A3,3 0 0,1 15,12M19,12H21C21,7 16.97,3 12,3V5C15.86,5 19,8.13 19,12M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-locked\">\n        <path\n          d=\"M19.2,4H15.8V3.5C15.8,2.56 16.56,1.8 17.5,1.8C18.44,1.8 19.2,2.56 19.2,3.5M20,4V3.5A2.5,2.5 0 0,0 17.5,1A2.5,2.5 0 0,0 15,3.5V4A1,1 0 0,0 14,5V9A1,1 0 0,0 15,10H20A1,1 0 0,0 21,9V5A1,1 0 0,0 20,4M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-missed\">\n        <path\n          d=\"M23.71,16.67C20.66,13.77 16.54,12 12,12C7.46,12 3.34,13.77 0.29,16.67C0.11,16.85 0,17.1 0,17.38C0,17.65 0.11,17.9 0.29,18.08L2.77,20.56C2.95,20.74 3.2,20.86 3.5,20.86C3.75,20.86 4,20.75 4.18,20.57C4.97,19.83 5.86,19.21 6.84,18.72C7.17,18.56 7.4,18.22 7.4,17.82V14.72C8.85,14.25 10.39,14 12,14C13.6,14 15.15,14.25 16.6,14.72V17.82C16.6,18.22 16.83,18.56 17.16,18.72C18.14,19.21 19.03,19.83 19.82,20.57C20,20.75 20.25,20.86 20.5,20.86C20.8,20.86 21.05,20.74 21.23,20.56L23.71,18.08C23.89,17.9 24,17.65 24,17.38C24,17.1 23.89,16.85 23.71,16.67M6.5,5.5L12,11L19,4L18,3L12,9L7.5,4.5H11V3H5V9H6.5V5.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-paused\">\n        <path\n          d=\"M19,10H21V3H19M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M17,3H15V10H17V3Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-settings\">\n        <path\n          d=\"M19,11H21V9H19M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M17,9H15V11H17M13,9H11V11H13V9Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-pin-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-pin-iconset-svg.js
index 2cc44baadf9..156ced2a109 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-pin-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-pin-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f2cee01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7d8cb101f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f2cee01f0511ed8cc3e9a95995ad69 || (_templateObject_e0f2cee01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-pin\" size=\"24\">\n    <svg>\n      <g id=\"map-marker\">\n        <path\n          d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker-off\">\n        <path\n          d=\"M16.37,16.1L11.75,11.47L11.64,11.36L3.27,3L2,4.27L5.18,7.45C5.06,7.95 5,8.46 5,9C5,14.25 12,22 12,22C12,22 13.67,20.15 15.37,17.65L18.73,21L20,19.72M12,6.5A2.5,2.5 0 0,1 14.5,9C14.5,9.73 14.17,10.39 13.67,10.85L17.3,14.5C18.28,12.62 19,10.68 19,9A7,7 0 0,0 12,2C10,2 8.24,2.82 6.96,4.14L10.15,7.33C10.61,6.82 11.26,6.5 12,6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"pin\">\n        <path\n          d=\"M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7d8cb101f2611eda0c389891c227ec8 || (_templateObject_b7d8cb101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-pin\" size=\"24\">\n    <svg>\n      <g id=\"map-marker\">\n        <path\n          d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"map-marker-off\">\n        <path\n          d=\"M16.37,16.1L11.75,11.47L11.64,11.36L3.27,3L2,4.27L5.18,7.45C5.06,7.95 5,8.46 5,9C5,14.25 12,22 12,22C12,22 13.67,20.15 15.37,17.65L18.73,21L20,19.72M12,6.5A2.5,2.5 0 0,1 14.5,9C14.5,9.73 14.17,10.39 13.67,10.85L17.3,14.5C18.28,12.62 19,10.68 19,9A7,7 0 0,0 12,2C10,2 8.24,2.82 6.96,4.14L10.15,7.33C10.61,6.82 11.26,6.5 12,6.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"pin\">\n        <path\n          d=\"M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-plus-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-plus-iconset-svg.js
index 15e334b497e..878b76246d3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-plus-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-plus-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f31d001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7d919301f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f31d001f0511ed8cc3e9a95995ad69 || (_templateObject_e0f31d001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-plus\" size=\"24\">\n    <svg>\n      <g id=\"plus\">\n        <path d=\"M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z\"></path>\n      </g>\n\n      <g id=\"plus-box\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7d919301f2611eda0c389891c227ec8 || (_templateObject_b7d919301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-plus\" size=\"24\">\n    <svg>\n      <g id=\"plus\">\n        <path d=\"M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z\"></path>\n      </g>\n\n      <g id=\"plus-box\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle\">\n        <path\n          d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"plus-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-settings-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-settings-iconset-svg.js
index 7e63ee2578f..f8e8df175be 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-settings-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-settings-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f392301f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7d98e601f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f392301f0511ed8cc3e9a95995ad69 || (_templateObject_e0f392301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-settings\" size=\"24\">\n    <svg>\n      <g id=\"bluetooth-settings\">\n        <path\n          d=\"M14.88,14.29L13,16.17V12.41L14.88,14.29M13,3.83L14.88,5.71L13,7.59M17.71,5.71L12,0H11V7.59L6.41,3L5,4.41L10.59,10L5,15.59L6.41,17L11,12.41V20H12L17.71,14.29L13.41,10L17.71,5.71M15,24H17V22H15M7,24H9V22H7M11,24H13V22H11V24Z\"\n        ></path>\n      </g>\n\n      <g id=\"cellphone-settings\">\n        <path\n          d=\"M16,16H8V4H16M16,0H8A2,2 0 0,0 6,2V18A2,2 0 0,0 8,20H16A2,2 0 0,0 18,18V2A2,2 0 0,0 16,0M15,24H17V22H15M11,24H13V22H11M7,24H9V22H7V24Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-settings\">\n        <path\n          d=\"M19,10H17.3C17.3,13 14.76,15.1 12,15.1C9.24,15.1 6.7,13 6.7,10H5C5,13.41 7.72,16.23 11,16.72V20H13V16.72C16.28,16.23 19,13.41 19,10M15,24H17V22H15M11,24H13V22H11M12,13A3,3 0 0,0 15,10V4A3,3 0 0,0 12,1A3,3 0 0,0 9,4V10A3,3 0 0,0 12,13M7,24H9V22H7V24Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-settings\">\n        <path\n          d=\"M19,11H21V9H19M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M17,9H15V11H17M13,9H11V11H13V9Z\"\n        ></path>\n      </g>\n\n      <g id=\"power-settings\">\n        <path\n          d=\"M15,24H17V22H15M16.56,4.44L15.11,5.89C16.84,6.94 18,8.83 18,11A6,6 0 0,1 12,17A6,6 0 0,1 6,11C6,8.83 7.16,6.94 8.88,5.88L7.44,4.44C5.36,5.88 4,8.28 4,11A8,8 0 0,0 12,19A8,8 0 0,0 20,11C20,8.28 18.64,5.88 16.56,4.44M13,2H11V12H13M11,24H13V22H11M7,24H9V22H7V24Z\"\n        ></path>\n      </g>\n\n      <g id=\"settings\">\n        <path\n          d=\"M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z\"\n        ></path>\n      </g>\n\n      <g id=\"settings-box\">\n        <path\n          d=\"M17.25,12C17.25,12.23 17.23,12.46 17.2,12.68L18.68,13.84C18.81,13.95 18.85,14.13 18.76,14.29L17.36,16.71C17.27,16.86 17.09,16.92 16.93,16.86L15.19,16.16C14.83,16.44 14.43,16.67 14,16.85L13.75,18.7C13.72,18.87 13.57,19 13.4,19H10.6C10.43,19 10.28,18.87 10.25,18.7L10,16.85C9.56,16.67 9.17,16.44 8.81,16.16L7.07,16.86C6.91,16.92 6.73,16.86 6.64,16.71L5.24,14.29C5.15,14.13 5.19,13.95 5.32,13.84L6.8,12.68C6.77,12.46 6.75,12.23 6.75,12C6.75,11.77 6.77,11.54 6.8,11.32L5.32,10.16C5.19,10.05 5.15,9.86 5.24,9.71L6.64,7.29C6.73,7.13 6.91,7.07 7.07,7.13L8.81,7.84C9.17,7.56 9.56,7.32 10,7.15L10.25,5.29C10.28,5.13 10.43,5 10.6,5H13.4C13.57,5 13.72,5.13 13.75,5.29L14,7.15C14.43,7.32 14.83,7.56 15.19,7.84L16.93,7.13C17.09,7.07 17.27,7.13 17.36,7.29L18.76,9.71C18.85,9.86 18.81,10.05 18.68,10.16L17.2,11.32C17.23,11.54 17.25,11.77 17.25,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M12,10C10.89,10 10,10.89 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,10.89 13.1,10 12,10Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7d98e601f2611eda0c389891c227ec8 || (_templateObject_b7d98e601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-settings\" size=\"24\">\n    <svg>\n      <g id=\"bluetooth-settings\">\n        <path\n          d=\"M14.88,14.29L13,16.17V12.41L14.88,14.29M13,3.83L14.88,5.71L13,7.59M17.71,5.71L12,0H11V7.59L6.41,3L5,4.41L10.59,10L5,15.59L6.41,17L11,12.41V20H12L17.71,14.29L13.41,10L17.71,5.71M15,24H17V22H15M7,24H9V22H7M11,24H13V22H11V24Z\"\n        ></path>\n      </g>\n\n      <g id=\"cellphone-settings\">\n        <path\n          d=\"M16,16H8V4H16M16,0H8A2,2 0 0,0 6,2V18A2,2 0 0,0 8,20H16A2,2 0 0,0 18,18V2A2,2 0 0,0 16,0M15,24H17V22H15M11,24H13V22H11M7,24H9V22H7V24Z\"\n        ></path>\n      </g>\n\n      <g id=\"microphone-settings\">\n        <path\n          d=\"M19,10H17.3C17.3,13 14.76,15.1 12,15.1C9.24,15.1 6.7,13 6.7,10H5C5,13.41 7.72,16.23 11,16.72V20H13V16.72C16.28,16.23 19,13.41 19,10M15,24H17V22H15M11,24H13V22H11M12,13A3,3 0 0,0 15,10V4A3,3 0 0,0 12,1A3,3 0 0,0 9,4V10A3,3 0 0,0 12,13M7,24H9V22H7V24Z\"\n        ></path>\n      </g>\n\n      <g id=\"phone-settings\">\n        <path\n          d=\"M19,11H21V9H19M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M17,9H15V11H17M13,9H11V11H13V9Z\"\n        ></path>\n      </g>\n\n      <g id=\"power-settings\">\n        <path\n          d=\"M15,24H17V22H15M16.56,4.44L15.11,5.89C16.84,6.94 18,8.83 18,11A6,6 0 0,1 12,17A6,6 0 0,1 6,11C6,8.83 7.16,6.94 8.88,5.88L7.44,4.44C5.36,5.88 4,8.28 4,11A8,8 0 0,0 12,19A8,8 0 0,0 20,11C20,8.28 18.64,5.88 16.56,4.44M13,2H11V12H13M11,24H13V22H11M7,24H9V22H7V24Z\"\n        ></path>\n      </g>\n\n      <g id=\"settings\">\n        <path\n          d=\"M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z\"\n        ></path>\n      </g>\n\n      <g id=\"settings-box\">\n        <path\n          d=\"M17.25,12C17.25,12.23 17.23,12.46 17.2,12.68L18.68,13.84C18.81,13.95 18.85,14.13 18.76,14.29L17.36,16.71C17.27,16.86 17.09,16.92 16.93,16.86L15.19,16.16C14.83,16.44 14.43,16.67 14,16.85L13.75,18.7C13.72,18.87 13.57,19 13.4,19H10.6C10.43,19 10.28,18.87 10.25,18.7L10,16.85C9.56,16.67 9.17,16.44 8.81,16.16L7.07,16.86C6.91,16.92 6.73,16.86 6.64,16.71L5.24,14.29C5.15,14.13 5.19,13.95 5.32,13.84L6.8,12.68C6.77,12.46 6.75,12.23 6.75,12C6.75,11.77 6.77,11.54 6.8,11.32L5.32,10.16C5.19,10.05 5.15,9.86 5.24,9.71L6.64,7.29C6.73,7.13 6.91,7.07 7.07,7.13L8.81,7.84C9.17,7.56 9.56,7.32 10,7.15L10.25,5.29C10.28,5.13 10.43,5 10.6,5H13.4C13.57,5 13.72,5.13 13.75,5.29L14,7.15C14.43,7.32 14.83,7.56 15.19,7.84L16.93,7.13C17.09,7.07 17.27,7.13 17.36,7.29L18.76,9.71C18.85,9.86 18.81,10.05 18.68,10.16L17.2,11.32C17.23,11.54 17.25,11.77 17.25,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M12,10C10.89,10 10,10.89 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,10.89 13.1,10 12,10Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-shape-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-shape-iconset-svg.js
index cf7697c2cca..d0072e3f025 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-shape-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-shape-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f3b9401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7d9dc801f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f3b9401f0511ed8cc3e9a95995ad69 || (_templateObject_e0f3b9401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-shape\" size=\"24\">\n    <svg>\n      <g id=\"vector-square\">\n        <path\n          d=\"M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7d9dc801f2611eda0c389891c227ec8 || (_templateObject_b7d9dc801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-shape\" size=\"24\">\n    <svg>\n      <g id=\"vector-square\">\n        <path\n          d=\"M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-social-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-social-iconset-svg.js
index 07f6f6a7177..c54336f9acb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-social-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-social-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f455801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7da2aa01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f455801f0511ed8cc3e9a95995ad69 || (_templateObject_e0f455801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-social\" size=\"24\">\n    <svg>\n      <g id=\"blogger\">\n        <path\n          d=\"M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"disqus\">\n        <path\n          d=\"M12.08,22C9.63,22 7.39,21.11 5.66,19.63L1.41,20.21L3.05,16.15C2.5,14.88 2.16,13.5 2.16,12C2.16,6.5 6.6,2 12.08,2C17.56,2 22,6.5 22,12C22,17.5 17.56,22 12.08,22M17.5,11.97V11.94C17.5,9.06 15.46,7 11.95,7H8.16V17H11.9C15.43,17 17.5,14.86 17.5,11.97M12,14.54H10.89V9.46H12C13.62,9.46 14.7,10.39 14.7,12V12C14.7,13.63 13.62,14.54 12,14.54Z\"\n        ></path>\n      </g>\n\n      <g id=\"dribble\">\n        <path\n          d=\"M16.42,18.42C16,16.5 15.5,14.73 15,13.17C15.5,13.1 16,13.06 16.58,13.06H16.6V13.06H16.6C17.53,13.06 18.55,13.18 19.66,13.43C19.28,15.5 18.08,17.27 16.42,18.42M12,19.8C10.26,19.8 8.66,19.23 7.36,18.26C7.64,17.81 8.23,16.94 9.18,16.04C10.14,15.11 11.5,14.15 13.23,13.58C13.82,15.25 14.36,17.15 14.77,19.29C13.91,19.62 13,19.8 12,19.8M4.2,12C4.2,11.96 4.2,11.93 4.2,11.89C4.42,11.9 4.71,11.9 5.05,11.9H5.06C6.62,11.89 9.36,11.76 12.14,10.89C12.29,11.22 12.44,11.56 12.59,11.92C10.73,12.54 9.27,13.53 8.19,14.5C7.16,15.46 6.45,16.39 6.04,17C4.9,15.66 4.2,13.91 4.2,12M8.55,5C9.1,5.65 10.18,7.06 11.34,9.25C9,9.96 6.61,10.12 5.18,10.12C5.14,10.12 5.1,10.12 5.06,10.12H5.05C4.81,10.12 4.6,10.12 4.43,10.11C5,7.87 6.5,6 8.55,5M12,4.2C13.84,4.2 15.53,4.84 16.86,5.91C15.84,7.14 14.5,8 13.03,8.65C12,6.67 11,5.25 10.34,4.38C10.88,4.27 11.43,4.2 12,4.2M18.13,7.18C19.1,8.42 19.71,9.96 19.79,11.63C18.66,11.39 17.6,11.28 16.6,11.28V11.28H16.59C15.79,11.28 15.04,11.35 14.33,11.47C14.16,11.05 14,10.65 13.81,10.26C15.39,9.57 16.9,8.58 18.13,7.18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"facebook\">\n        <path\n          d=\"M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z\"\n        ></path>\n      </g>\n\n      <g id=\"facebook-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"github-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H14.56C14.24,20.93 14.23,20.32 14.23,20.11L14.24,17.64C14.24,16.8 13.95,16.25 13.63,15.97C15.64,15.75 17.74,15 17.74,11.53C17.74,10.55 17.39,9.74 16.82,9.11C16.91,8.89 17.22,7.97 16.73,6.73C16.73,6.73 15.97,6.5 14.25,7.66C13.53,7.46 12.77,7.36 12,7.35C11.24,7.36 10.46,7.46 9.75,7.66C8.03,6.5 7.27,6.73 7.27,6.73C6.78,7.97 7.09,8.89 7.18,9.11C6.61,9.74 6.26,10.55 6.26,11.53C6.26,15 8.36,15.75 10.36,16C10.1,16.2 9.87,16.6 9.79,17.18C9.27,17.41 7.97,17.81 7.17,16.43C7.17,16.43 6.69,15.57 5.79,15.5C5.79,15.5 4.91,15.5 5.73,16.05C5.73,16.05 6.32,16.33 6.73,17.37C6.73,17.37 7.25,19.12 9.76,18.58L9.77,20.11C9.77,20.32 9.75,20.93 9.43,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"github-circle\">\n        <path\n          d=\"M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus\">\n        <path\n          d=\"M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M19.5,12H18V10.5H17V12H15.5V13H17V14.5H18V13H19.5V12M9.65,11.36V12.9H12.22C12.09,13.54 11.45,14.83 9.65,14.83C8.11,14.83 6.89,13.54 6.89,12C6.89,10.46 8.11,9.17 9.65,9.17C10.55,9.17 11.13,9.56 11.45,9.88L12.67,8.72C11.9,7.95 10.87,7.5 9.65,7.5C7.14,7.5 5.15,9.5 5.15,12C5.15,14.5 7.14,16.5 9.65,16.5C12.22,16.5 13.96,14.7 13.96,12.13C13.96,11.81 13.96,11.61 13.89,11.36H9.65Z\"\n        ></path>\n      </g>\n\n      <g id=\"instagram\">\n        <path\n          d=\"M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"instapaper\">\n        <path\n          d=\"M10,5A1,1 0 0,0 9,4H8V2H16V4H15A1,1 0 0,0 14,5V19A1,1 0 0,0 15,20H16V22H8V20H9A1,1 0 0,0 10,19V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"linkedin\">\n        <path\n          d=\"M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z\"\n        ></path>\n      </g>\n\n      <g id=\"pinterest\">\n        <path\n          d=\"M13,16.2C12.2,16.2 11.43,15.86 10.88,15.28L9.93,18.5L9.86,18.69L9.83,18.67C9.64,19 9.29,19.2 8.9,19.2C8.29,19.2 7.8,18.71 7.8,18.1C7.8,18.05 7.81,18 7.81,17.95H7.8L7.85,17.77L9.7,12.21C9.7,12.21 9.5,11.59 9.5,10.73C9.5,9 10.42,8.5 11.16,8.5C11.91,8.5 12.58,8.76 12.58,9.81C12.58,11.15 11.69,11.84 11.69,12.81C11.69,13.55 12.29,14.16 13.03,14.16C15.37,14.16 16.2,12.4 16.2,10.75C16.2,8.57 14.32,6.8 12,6.8C9.68,6.8 7.8,8.57 7.8,10.75C7.8,11.42 8,12.09 8.34,12.68C8.43,12.84 8.5,13 8.5,13.2A1,1 0 0,1 7.5,14.2C7.13,14.2 6.79,14 6.62,13.7C6.08,12.81 5.8,11.79 5.8,10.75C5.8,7.47 8.58,4.8 12,4.8C15.42,4.8 18.2,7.47 18.2,10.75C18.2,13.37 16.57,16.2 13,16.2M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pocket\">\n        <path\n          d=\"M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12V4.5A2.5,2.5 0 0,1 4.5,2H19.5A2.5,2.5 0 0,1 22,4.5V12M15.88,8.25L12,12.13L8.12,8.24C7.53,7.65 6.58,7.65 6,8.24C5.41,8.82 5.41,9.77 6,10.36L10.93,15.32C11.5,15.9 12.47,15.9 13.06,15.32L18,10.37C18.59,9.78 18.59,8.83 18,8.25C17.42,7.66 16.47,7.66 15.88,8.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"readability\">\n        <path\n          d=\"M12,4C15.15,4 17.81,6.38 18.69,9.65C18,10.15 17.58,10.93 17.5,11.81L17.32,13.91C15.55,13 13.78,12.17 12,12.17C10.23,12.17 8.45,13 6.68,13.91L6.5,11.77C6.42,10.89 6,10.12 5.32,9.61C6.21,6.36 8.86,4 12,4M17.05,17H6.95L6.73,14.47C8.5,13.59 10.24,12.75 12,12.75C13.76,12.75 15.5,13.59 17.28,14.47L17.05,17M5,19V18L3.72,14.5H3.5A2.5,2.5 0 0,1 1,12A2.5,2.5 0 0,1 3.5,9.5C4.82,9.5 5.89,10.5 6,11.81L6.5,18V19H5M19,19H17.5V18L18,11.81C18.11,10.5 19.18,9.5 20.5,9.5A2.5,2.5 0 0,1 23,12A2.5,2.5 0 0,1 20.5,14.5H20.28L19,18V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"rss-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0 0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0 6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"tumblr\">\n        <path\n          d=\"M16,11H13V14.9C13,15.63 13.14,16 14.1,16H16V19C16,19 14.97,19.1 13.9,19.1C11.25,19.1 10,17.5 10,15.7V11H8V8.2C10.41,8 10.62,6.16 10.8,5H13V8H16M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitch\">\n        <path\n          d=\"M4,2H22V14L17,19H13L10,22H7V19H2V6L4,2M20,13V4H6V16H9V19L12,16H17L20,13M15,7H17V12H15V7M12,7V12H10V7H12Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitter\">\n        <path\n          d=\"M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitter-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33Z\"\n        ></path>\n      </g>\n\n      <g id=\"whatsapp\">\n        <path\n          d=\"M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7da2aa01f2611eda0c389891c227ec8 || (_templateObject_b7da2aa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-social\" size=\"24\">\n    <svg>\n      <g id=\"blogger\">\n        <path\n          d=\"M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"disqus\">\n        <path\n          d=\"M12.08,22C9.63,22 7.39,21.11 5.66,19.63L1.41,20.21L3.05,16.15C2.5,14.88 2.16,13.5 2.16,12C2.16,6.5 6.6,2 12.08,2C17.56,2 22,6.5 22,12C22,17.5 17.56,22 12.08,22M17.5,11.97V11.94C17.5,9.06 15.46,7 11.95,7H8.16V17H11.9C15.43,17 17.5,14.86 17.5,11.97M12,14.54H10.89V9.46H12C13.62,9.46 14.7,10.39 14.7,12V12C14.7,13.63 13.62,14.54 12,14.54Z\"\n        ></path>\n      </g>\n\n      <g id=\"dribble\">\n        <path\n          d=\"M16.42,18.42C16,16.5 15.5,14.73 15,13.17C15.5,13.1 16,13.06 16.58,13.06H16.6V13.06H16.6C17.53,13.06 18.55,13.18 19.66,13.43C19.28,15.5 18.08,17.27 16.42,18.42M12,19.8C10.26,19.8 8.66,19.23 7.36,18.26C7.64,17.81 8.23,16.94 9.18,16.04C10.14,15.11 11.5,14.15 13.23,13.58C13.82,15.25 14.36,17.15 14.77,19.29C13.91,19.62 13,19.8 12,19.8M4.2,12C4.2,11.96 4.2,11.93 4.2,11.89C4.42,11.9 4.71,11.9 5.05,11.9H5.06C6.62,11.89 9.36,11.76 12.14,10.89C12.29,11.22 12.44,11.56 12.59,11.92C10.73,12.54 9.27,13.53 8.19,14.5C7.16,15.46 6.45,16.39 6.04,17C4.9,15.66 4.2,13.91 4.2,12M8.55,5C9.1,5.65 10.18,7.06 11.34,9.25C9,9.96 6.61,10.12 5.18,10.12C5.14,10.12 5.1,10.12 5.06,10.12H5.05C4.81,10.12 4.6,10.12 4.43,10.11C5,7.87 6.5,6 8.55,5M12,4.2C13.84,4.2 15.53,4.84 16.86,5.91C15.84,7.14 14.5,8 13.03,8.65C12,6.67 11,5.25 10.34,4.38C10.88,4.27 11.43,4.2 12,4.2M18.13,7.18C19.1,8.42 19.71,9.96 19.79,11.63C18.66,11.39 17.6,11.28 16.6,11.28V11.28H16.59C15.79,11.28 15.04,11.35 14.33,11.47C14.16,11.05 14,10.65 13.81,10.26C15.39,9.57 16.9,8.58 18.13,7.18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"facebook\">\n        <path\n          d=\"M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z\"\n        ></path>\n      </g>\n\n      <g id=\"facebook-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"github-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H14.56C14.24,20.93 14.23,20.32 14.23,20.11L14.24,17.64C14.24,16.8 13.95,16.25 13.63,15.97C15.64,15.75 17.74,15 17.74,11.53C17.74,10.55 17.39,9.74 16.82,9.11C16.91,8.89 17.22,7.97 16.73,6.73C16.73,6.73 15.97,6.5 14.25,7.66C13.53,7.46 12.77,7.36 12,7.35C11.24,7.36 10.46,7.46 9.75,7.66C8.03,6.5 7.27,6.73 7.27,6.73C6.78,7.97 7.09,8.89 7.18,9.11C6.61,9.74 6.26,10.55 6.26,11.53C6.26,15 8.36,15.75 10.36,16C10.1,16.2 9.87,16.6 9.79,17.18C9.27,17.41 7.97,17.81 7.17,16.43C7.17,16.43 6.69,15.57 5.79,15.5C5.79,15.5 4.91,15.5 5.73,16.05C5.73,16.05 6.32,16.33 6.73,17.37C6.73,17.37 7.25,19.12 9.76,18.58L9.77,20.11C9.77,20.32 9.75,20.93 9.43,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"github-circle\">\n        <path\n          d=\"M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus\">\n        <path\n          d=\"M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z\"\n        ></path>\n      </g>\n\n      <g id=\"google-plus-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M19.5,12H18V10.5H17V12H15.5V13H17V14.5H18V13H19.5V12M9.65,11.36V12.9H12.22C12.09,13.54 11.45,14.83 9.65,14.83C8.11,14.83 6.89,13.54 6.89,12C6.89,10.46 8.11,9.17 9.65,9.17C10.55,9.17 11.13,9.56 11.45,9.88L12.67,8.72C11.9,7.95 10.87,7.5 9.65,7.5C7.14,7.5 5.15,9.5 5.15,12C5.15,14.5 7.14,16.5 9.65,16.5C12.22,16.5 13.96,14.7 13.96,12.13C13.96,11.81 13.96,11.61 13.89,11.36H9.65Z\"\n        ></path>\n      </g>\n\n      <g id=\"instagram\">\n        <path\n          d=\"M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z\"\n        ></path>\n      </g>\n\n      <g id=\"instapaper\">\n        <path\n          d=\"M10,5A1,1 0 0,0 9,4H8V2H16V4H15A1,1 0 0,0 14,5V19A1,1 0 0,0 15,20H16V22H8V20H9A1,1 0 0,0 10,19V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"linkedin\">\n        <path\n          d=\"M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z\"\n        ></path>\n      </g>\n\n      <g id=\"pinterest\">\n        <path\n          d=\"M13,16.2C12.2,16.2 11.43,15.86 10.88,15.28L9.93,18.5L9.86,18.69L9.83,18.67C9.64,19 9.29,19.2 8.9,19.2C8.29,19.2 7.8,18.71 7.8,18.1C7.8,18.05 7.81,18 7.81,17.95H7.8L7.85,17.77L9.7,12.21C9.7,12.21 9.5,11.59 9.5,10.73C9.5,9 10.42,8.5 11.16,8.5C11.91,8.5 12.58,8.76 12.58,9.81C12.58,11.15 11.69,11.84 11.69,12.81C11.69,13.55 12.29,14.16 13.03,14.16C15.37,14.16 16.2,12.4 16.2,10.75C16.2,8.57 14.32,6.8 12,6.8C9.68,6.8 7.8,8.57 7.8,10.75C7.8,11.42 8,12.09 8.34,12.68C8.43,12.84 8.5,13 8.5,13.2A1,1 0 0,1 7.5,14.2C7.13,14.2 6.79,14 6.62,13.7C6.08,12.81 5.8,11.79 5.8,10.75C5.8,7.47 8.58,4.8 12,4.8C15.42,4.8 18.2,7.47 18.2,10.75C18.2,13.37 16.57,16.2 13,16.2M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pocket\">\n        <path\n          d=\"M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12V4.5A2.5,2.5 0 0,1 4.5,2H19.5A2.5,2.5 0 0,1 22,4.5V12M15.88,8.25L12,12.13L8.12,8.24C7.53,7.65 6.58,7.65 6,8.24C5.41,8.82 5.41,9.77 6,10.36L10.93,15.32C11.5,15.9 12.47,15.9 13.06,15.32L18,10.37C18.59,9.78 18.59,8.83 18,8.25C17.42,7.66 16.47,7.66 15.88,8.25Z\"\n        ></path>\n      </g>\n\n      <g id=\"readability\">\n        <path\n          d=\"M12,4C15.15,4 17.81,6.38 18.69,9.65C18,10.15 17.58,10.93 17.5,11.81L17.32,13.91C15.55,13 13.78,12.17 12,12.17C10.23,12.17 8.45,13 6.68,13.91L6.5,11.77C6.42,10.89 6,10.12 5.32,9.61C6.21,6.36 8.86,4 12,4M17.05,17H6.95L6.73,14.47C8.5,13.59 10.24,12.75 12,12.75C13.76,12.75 15.5,13.59 17.28,14.47L17.05,17M5,19V18L3.72,14.5H3.5A2.5,2.5 0 0,1 1,12A2.5,2.5 0 0,1 3.5,9.5C4.82,9.5 5.89,10.5 6,11.81L6.5,18V19H5M19,19H17.5V18L18,11.81C18.11,10.5 19.18,9.5 20.5,9.5A2.5,2.5 0 0,1 23,12A2.5,2.5 0 0,1 20.5,14.5H20.28L19,18V19Z\"\n        ></path>\n      </g>\n\n      <g id=\"rss-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0 0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0 6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"tumblr\">\n        <path\n          d=\"M16,11H13V14.9C13,15.63 13.14,16 14.1,16H16V19C16,19 14.97,19.1 13.9,19.1C11.25,19.1 10,17.5 10,15.7V11H8V8.2C10.41,8 10.62,6.16 10.8,5H13V8H16M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitch\">\n        <path\n          d=\"M4,2H22V14L17,19H13L10,22H7V19H2V6L4,2M20,13V4H6V16H9V19L12,16H17L20,13M15,7H17V12H15V7M12,7V12H10V7H12Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitter\">\n        <path\n          d=\"M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"twitter-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33Z\"\n        ></path>\n      </g>\n\n      <g id=\"whatsapp\">\n        <path\n          d=\"M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-square-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-square-iconset-svg.js
index d43906cdb3c..9d5f4d16d4a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-square-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-square-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f4a3a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7da9fd01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f4a3a01f0511ed8cc3e9a95995ad69 || (_templateObject_e0f4a3a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-square\" size=\"24\">\n    <svg>\n      <g id=\"houzz-box\">\n        <path\n          d=\"M12,4L7.41,6.69V12L12,9.3V4M12,9.3V14.7L12,20L16.59,17.31V12L16.59,6.6L12,9.3M12,14.7L7.41,12V17.4L12,14.7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"rss-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0 0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0 6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7da9fd01f2611eda0c389891c227ec8 || (_templateObject_b7da9fd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-square\" size=\"24\">\n    <svg>\n      <g id=\"houzz-box\">\n        <path\n          d=\"M12,4L7.41,6.69V12L12,9.3V4M12,9.3V14.7L12,20L16.59,17.31V12L16.59,6.6L12,9.3M12,14.7L7.41,12V17.4L12,14.7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"rss-box\">\n        <path\n          d=\"M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0 0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0 6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-store-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-store-iconset-svg.js
index 934f854648c..2bd7d4def3a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-store-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-store-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f4f1c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7daedf01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f4f1c01f0511ed8cc3e9a95995ad69 || (_templateObject_e0f4f1c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-store\" size=\"24\">\n    <svg>\n      <g id=\"receipt\">\n        <path\n          d=\"M3,22L4.5,20.5L6,22L7.5,20.5L9,22L10.5,20.5L12,22L13.5,20.5L15,22L16.5,20.5L18,22L19.5,20.5L21,22V2L19.5,3.5L18,2L16.5,3.5L15,2L13.5,3.5L12,2L10.5,3.5L9,2L7.5,3.5L6,2L4.5,3.5L3,2M18,9H6V7H18M18,13H6V11H18M18,17H6V15H18V17Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7daedf01f2611eda0c389891c227ec8 || (_templateObject_b7daedf01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-store\" size=\"24\">\n    <svg>\n      <g id=\"receipt\">\n        <path\n          d=\"M3,22L4.5,20.5L6,22L7.5,20.5L9,22L10.5,20.5L12,22L13.5,20.5L15,22L16.5,20.5L18,22L19.5,20.5L21,22V2L19.5,3.5L18,2L16.5,3.5L15,2L13.5,3.5L12,2L10.5,3.5L9,2L7.5,3.5L6,2L4.5,3.5L3,2M18,9H6V7H18M18,13H6V11H18M18,17H6V15H18V17Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-text-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-text-iconset-svg.js
index e563e6c7503..5b65354fd50 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-text-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-text-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f53fe01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7db3c101f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f53fe01f0511ed8cc3e9a95995ad69 || (_templateObject_e0f53fe01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-text\" size=\"24\">\n    <svg>\n      <g id=\"clipboard-text\">\n        <path\n          d=\"M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7db3c101f2611eda0c389891c227ec8 || (_templateObject_b7db3c101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-text\" size=\"24\">\n    <svg>\n      <g id=\"clipboard-text\">\n        <path\n          d=\"M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-time-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-time-iconset-svg.js
index 1a5208e0342..2a883fbcda2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-time-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-time-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f58e001f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7db8a301f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f58e001f0511ed8cc3e9a95995ad69 || (_templateObject_e0f58e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-time\" size=\"24\">\n    <svg>\n      <g id=\"camera-timer\">\n        <path\n          d=\"M4.94,6.35C4.55,5.96 4.55,5.32 4.94,4.93C5.33,4.54 5.96,4.54 6.35,4.93L13.07,10.31L13.42,10.59C14.2,11.37 14.2,12.64 13.42,13.42C12.64,14.2 11.37,14.2 10.59,13.42L10.31,13.07L4.94,6.35M12,20A8,8 0 0,0 20,12C20,9.79 19.1,7.79 17.66,6.34L19.07,4.93C20.88,6.74 22,9.24 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12H4A8,8 0 0,0 12,20M12,1A2,2 0 0,1 14,3A2,2 0 0,1 12,5A2,2 0 0,1 10,3A2,2 0 0,1 12,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"clock\">\n        <path\n          d=\"M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"timelapse\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M16.24,7.76C15.07,6.58 13.53,6 12,6V12L7.76,16.24C10.1,18.58 13.9,18.58 16.24,16.24C18.59,13.9 18.59,10.1 16.24,7.76Z\"\n        ></path>\n      </g>\n\n      <g id=\"timer-sand\">\n        <path\n          d=\"M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7db8a301f2611eda0c389891c227ec8 || (_templateObject_b7db8a301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-time\" size=\"24\">\n    <svg>\n      <g id=\"camera-timer\">\n        <path\n          d=\"M4.94,6.35C4.55,5.96 4.55,5.32 4.94,4.93C5.33,4.54 5.96,4.54 6.35,4.93L13.07,10.31L13.42,10.59C14.2,11.37 14.2,12.64 13.42,13.42C12.64,14.2 11.37,14.2 10.59,13.42L10.31,13.07L4.94,6.35M12,20A8,8 0 0,0 20,12C20,9.79 19.1,7.79 17.66,6.34L19.07,4.93C20.88,6.74 22,9.24 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12H4A8,8 0 0,0 12,20M12,1A2,2 0 0,1 14,3A2,2 0 0,1 12,5A2,2 0 0,1 10,3A2,2 0 0,1 12,1Z\"\n        ></path>\n      </g>\n\n      <g id=\"clock\">\n        <path\n          d=\"M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"timelapse\">\n        <path\n          d=\"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M16.24,7.76C15.07,6.58 13.53,6 12,6V12L7.76,16.24C10.1,18.58 13.9,18.58 16.24,16.24C18.59,13.9 18.59,10.1 16.24,7.76Z\"\n        ></path>\n      </g>\n\n      <g id=\"timer-sand\">\n        <path\n          d=\"M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-tooltip-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-tooltip-iconset-svg.js
index a64249895d2..96f5382230e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-tooltip-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-tooltip-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f5dc201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7dbd8501f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f5dc201f0511ed8cc3e9a95995ad69 || (_templateObject_e0f5dc201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-tooltip\" size=\"24\">\n    <svg>\n      <g id=\"tooltip\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-edit\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M18,14V12H12.5L10.5,14H18M6,14H8.5L15.35,7.12C15.55,6.93 15.55,6.61 15.35,6.41L13.59,4.65C13.39,4.45 13.07,4.45 12.88,4.65L6,11.53V14Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-image\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-outline\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-text\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M5,5V7H19V5H5M5,9V11H15V9H5M5,13V15H17V13H5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7dbd8501f2611eda0c389891c227ec8 || (_templateObject_b7dbd8501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-tooltip\" size=\"24\">\n    <svg>\n      <g id=\"tooltip\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-edit\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M18,14V12H12.5L10.5,14H18M6,14H8.5L15.35,7.12C15.55,6.93 15.55,6.61 15.35,6.41L13.59,4.65C13.39,4.45 13.07,4.45 12.88,4.65L6,11.53V14Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-image\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-outline\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4Z\"\n        ></path>\n      </g>\n\n      <g id=\"tooltip-text\">\n        <path\n          d=\"M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M5,5V7H19V5H5M5,9V11H15V9H5M5,13V15H17V13H5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-transform-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-transform-iconset-svg.js
index 9573237c4f4..1469c32c524 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-transform-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-transform-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f62a401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7dc26701f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f62a401f0511ed8cc3e9a95995ad69 || (_templateObject_e0f62a401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-transform\" size=\"24\">\n    <svg>\n      <g id=\"rotate-left-variant\">\n        <path\n          d=\"M4,2H7A2,2 0 0,1 9,4V20A2,2 0 0,1 7,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M20,15A2,2 0 0,1 22,17V20A2,2 0 0,1 20,22H11V15H20M14,4A8,8 0 0,1 22,12L21.94,13H19.92L20,12A6,6 0 0,0 14,6V9L10,5L14,1V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"rotate-right-variant\">\n        <path\n          d=\"M10,4V1L14,5L10,9V6A6,6 0 0,0 4,12L4.08,13H2.06L2,12A8,8 0 0,1 10,4M17,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H17A2,2 0 0,1 15,20V4A2,2 0 0,1 17,2M4,15H13V22H4A2,2 0 0,1 2,20V17A2,2 0 0,1 4,15Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7dc26701f2611eda0c389891c227ec8 || (_templateObject_b7dc26701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-transform\" size=\"24\">\n    <svg>\n      <g id=\"rotate-left-variant\">\n        <path\n          d=\"M4,2H7A2,2 0 0,1 9,4V20A2,2 0 0,1 7,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M20,15A2,2 0 0,1 22,17V20A2,2 0 0,1 20,22H11V15H20M14,4A8,8 0 0,1 22,12L21.94,13H19.92L20,12A6,6 0 0,0 14,6V9L10,5L14,1V4Z\"\n        ></path>\n      </g>\n\n      <g id=\"rotate-right-variant\">\n        <path\n          d=\"M10,4V1L14,5L10,9V6A6,6 0 0,0 4,12L4.08,13H2.06L2,12A8,8 0 0,1 10,4M17,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H17A2,2 0 0,1 15,20V4A2,2 0 0,1 17,2M4,15H13V22H4A2,2 0 0,1 2,20V17A2,2 0 0,1 4,15Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-transportation-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-transportation-iconset-svg.js
index e61f2a782e4..138a7bdd862 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-transportation-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-transportation-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f678601f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7dc9ba01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f678601f0511ed8cc3e9a95995ad69 || (_templateObject_e0f678601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-transportation\" size=\"24\">\n    <svg>\n      <g id=\"bike\">\n        <path\n          d=\"M5,20.5A3.5,3.5 0 0,1 1.5,17A3.5,3.5 0 0,1 5,13.5A3.5,3.5 0 0,1 8.5,17A3.5,3.5 0 0,1 5,20.5M5,12A5,5 0 0,0 0,17A5,5 0 0,0 5,22A5,5 0 0,0 10,17A5,5 0 0,0 5,12M14.8,10H19V8.2H15.8L13.86,4.93C13.57,4.43 13,4.1 12.4,4.1C11.93,4.1 11.5,4.29 11.2,4.6L7.5,8.29C7.19,8.6 7,9 7,9.5C7,10.13 7.33,10.66 7.85,10.97L11.2,13V18H13V11.5L10.75,9.85L13.07,7.5M19,20.5A3.5,3.5 0 0,1 15.5,17A3.5,3.5 0 0,1 19,13.5A3.5,3.5 0 0,1 22.5,17A3.5,3.5 0 0,1 19,20.5M19,12A5,5 0 0,0 14,17A5,5 0 0,0 19,22A5,5 0 0,0 24,17A5,5 0 0,0 19,12M16,4.8C17,4.8 17.8,4 17.8,3C17.8,2 17,1.2 16,1.2C15,1.2 14.2,2 14.2,3C14.2,4 15,4.8 16,4.8Z\"\n        ></path>\n      </g>\n\n      <g id=\"bus\">\n        <path\n          d=\"M18,11H6V6H18M16.5,17A1.5,1.5 0 0,1 15,15.5A1.5,1.5 0 0,1 16.5,14A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 16.5,17M7.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,14A1.5,1.5 0 0,1 9,15.5A1.5,1.5 0 0,1 7.5,17M4,16C4,16.88 4.39,17.67 5,18.22V20A1,1 0 0,0 6,21H7A1,1 0 0,0 8,20V19H16V20A1,1 0 0,0 17,21H18A1,1 0 0,0 19,20V18.22C19.61,17.67 20,16.88 20,16V6C20,2.5 16.42,2 12,2C7.58,2 4,2.5 4,6V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"car\">\n        <path\n          d=\"M5,11L6.5,6.5H17.5L19,11M17.5,16A1.5,1.5 0 0,1 16,14.5A1.5,1.5 0 0,1 17.5,13A1.5,1.5 0 0,1 19,14.5A1.5,1.5 0 0,1 17.5,16M6.5,16A1.5,1.5 0 0,1 5,14.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 8,14.5A1.5,1.5 0 0,1 6.5,16M18.92,6C18.72,5.42 18.16,5 17.5,5H6.5C5.84,5 5.28,5.42 5.08,6L3,12V20A1,1 0 0,0 4,21H5A1,1 0 0,0 6,20V19H18V20A1,1 0 0,0 19,21H20A1,1 0 0,0 21,20V12L18.92,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"ferry\">\n        <path\n          d=\"M6,6H18V9.96L12,8L6,9.96M3.94,19H4C5.6,19 7,18.12 8,17C9,18.12 10.4,19 12,19C13.6,19 15,18.12 16,17C17,18.12 18.4,19 20,19H20.05L21.95,12.31C22.03,12.06 22,11.78 21.89,11.54C21.76,11.3 21.55,11.12 21.29,11.04L20,10.62V6C20,4.89 19.1,4 18,4H15V1H9V4H6A2,2 0 0,0 4,6V10.62L2.71,11.04C2.45,11.12 2.24,11.3 2.11,11.54C2,11.78 1.97,12.06 2.05,12.31M20,21C18.61,21 17.22,20.53 16,19.67C13.56,21.38 10.44,21.38 8,19.67C6.78,20.53 5.39,21 4,21H2V23H4C5.37,23 6.74,22.65 8,22C10.5,23.3 13.5,23.3 16,22C17.26,22.65 18.62,23 20,23H22V21H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"motorbike\">\n        <path\n          d=\"M16.36,4.27H18.55V2.13H16.36V1.07H18.22C17.89,0.43 17.13,0 16.36,0C15.16,0 14.18,0.96 14.18,2.13C14.18,3.31 15.16,4.27 16.36,4.27M10.04,9.39L13,6.93L17.45,9.6H10.25M19.53,12.05L21.05,10.56C21.93,9.71 21.93,8.43 21.05,7.57L19.2,9.39L13.96,4.27C13.64,3.73 13,3.41 12.33,3.41C11.78,3.41 11.35,3.63 11,3.95L7,7.89C6.65,8.21 6.44,8.64 6.44,9.17V9.71H5.13C4.04,9.71 3.16,10.67 3.16,11.84V12.27C3.5,12.16 3.93,12.16 4.25,12.16C7.09,12.16 9.5,14.4 9.5,17.28C9.5,17.6 9.5,18.03 9.38,18.35H14.5C14.4,18.03 14.4,17.6 14.4,17.28C14.4,14.29 16.69,12.05 19.53,12.05M4.36,19.73C2.84,19.73 1.64,18.56 1.64,17.07C1.64,15.57 2.84,14.4 4.36,14.4C5.89,14.4 7.09,15.57 7.09,17.07C7.09,18.56 5.89,19.73 4.36,19.73M4.36,12.8C1.96,12.8 0,14.72 0,17.07C0,19.41 1.96,21.33 4.36,21.33C6.76,21.33 8.73,19.41 8.73,17.07C8.73,14.72 6.76,12.8 4.36,12.8M19.64,19.73C18.11,19.73 16.91,18.56 16.91,17.07C16.91,15.57 18.11,14.4 19.64,14.4C21.16,14.4 22.36,15.57 22.36,17.07C22.36,18.56 21.16,19.73 19.64,19.73M19.64,12.8C17.24,12.8 15.27,14.72 15.27,17.07C15.27,19.41 17.24,21.33 19.64,21.33C22.04,21.33 24,19.41 24,17.07C24,14.72 22.04,12.8 19.64,12.8Z\"\n        ></path>\n      </g>\n\n      <g id=\"subway-variant\">\n        <path\n          d=\"M18,11H13V6H18M16.5,17A1.5,1.5 0 0,1 15,15.5A1.5,1.5 0 0,1 16.5,14A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 16.5,17M11,11H6V6H11M7.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,14A1.5,1.5 0 0,1 9,15.5A1.5,1.5 0 0,1 7.5,17M12,2C7.58,2 4,2.5 4,6V15.5A3.5,3.5 0 0,0 7.5,19L6,20.5V21H18V20.5L16.5,19A3.5,3.5 0 0,0 20,15.5V6C20,2.5 16.42,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"taxi\">\n        <path\n          d=\"M5,11L6.5,6.5H17.5L19,11M17.5,16A1.5,1.5 0 0,1 16,14.5A1.5,1.5 0 0,1 17.5,13A1.5,1.5 0 0,1 19,14.5A1.5,1.5 0 0,1 17.5,16M6.5,16A1.5,1.5 0 0,1 5,14.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 8,14.5A1.5,1.5 0 0,1 6.5,16M18.92,6C18.72,5.42 18.16,5 17.5,5H15V3H9V5H6.5C5.84,5 5.28,5.42 5.08,6L3,12V20A1,1 0 0,0 4,21H5A1,1 0 0,0 6,20V19H18V20A1,1 0 0,0 19,21H20A1,1 0 0,0 21,20V12L18.92,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"train\">\n        <path\n          d=\"M18,10H6V5H18M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M4,15.5A3.5,3.5 0 0,0 7.5,19L6,20.5V21H18V20.5L16.5,19A3.5,3.5 0 0,0 20,15.5V5C20,1.5 16.42,1 12,1C7.58,1 4,1.5 4,5V15.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"tram\">\n        <path\n          d=\"M19,16.94V8.5C19,5.71 16.39,5.1 13,5L13.75,3.5H17V2H7V3.5H11.75L11,5C7.86,5.11 5,5.73 5,8.5V16.94C5,18.39 6.19,19.6 7.59,19.91L6,21.5V22H8.23L10.23,20H14L16,22H18V21.5L16.5,20H16.42C18.11,20 19,18.63 19,16.94M12,18.5A1.5,1.5 0 0,1 10.5,17A1.5,1.5 0 0,1 12,15.5A1.5,1.5 0 0,1 13.5,17A1.5,1.5 0 0,1 12,18.5M17,14H7V9H17V14Z\"\n        ></path>\n      </g>\n\n      <g id=\"truck\">\n        <path\n          d=\"M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5M19.5,9.5L21.46,12H17V9.5M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M20,8H17V4H3C1.89,4 1,4.89 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7dc9ba01f2611eda0c389891c227ec8 || (_templateObject_b7dc9ba01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-transportation\" size=\"24\">\n    <svg>\n      <g id=\"bike\">\n        <path\n          d=\"M5,20.5A3.5,3.5 0 0,1 1.5,17A3.5,3.5 0 0,1 5,13.5A3.5,3.5 0 0,1 8.5,17A3.5,3.5 0 0,1 5,20.5M5,12A5,5 0 0,0 0,17A5,5 0 0,0 5,22A5,5 0 0,0 10,17A5,5 0 0,0 5,12M14.8,10H19V8.2H15.8L13.86,4.93C13.57,4.43 13,4.1 12.4,4.1C11.93,4.1 11.5,4.29 11.2,4.6L7.5,8.29C7.19,8.6 7,9 7,9.5C7,10.13 7.33,10.66 7.85,10.97L11.2,13V18H13V11.5L10.75,9.85L13.07,7.5M19,20.5A3.5,3.5 0 0,1 15.5,17A3.5,3.5 0 0,1 19,13.5A3.5,3.5 0 0,1 22.5,17A3.5,3.5 0 0,1 19,20.5M19,12A5,5 0 0,0 14,17A5,5 0 0,0 19,22A5,5 0 0,0 24,17A5,5 0 0,0 19,12M16,4.8C17,4.8 17.8,4 17.8,3C17.8,2 17,1.2 16,1.2C15,1.2 14.2,2 14.2,3C14.2,4 15,4.8 16,4.8Z\"\n        ></path>\n      </g>\n\n      <g id=\"bus\">\n        <path\n          d=\"M18,11H6V6H18M16.5,17A1.5,1.5 0 0,1 15,15.5A1.5,1.5 0 0,1 16.5,14A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 16.5,17M7.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,14A1.5,1.5 0 0,1 9,15.5A1.5,1.5 0 0,1 7.5,17M4,16C4,16.88 4.39,17.67 5,18.22V20A1,1 0 0,0 6,21H7A1,1 0 0,0 8,20V19H16V20A1,1 0 0,0 17,21H18A1,1 0 0,0 19,20V18.22C19.61,17.67 20,16.88 20,16V6C20,2.5 16.42,2 12,2C7.58,2 4,2.5 4,6V16Z\"\n        ></path>\n      </g>\n\n      <g id=\"car\">\n        <path\n          d=\"M5,11L6.5,6.5H17.5L19,11M17.5,16A1.5,1.5 0 0,1 16,14.5A1.5,1.5 0 0,1 17.5,13A1.5,1.5 0 0,1 19,14.5A1.5,1.5 0 0,1 17.5,16M6.5,16A1.5,1.5 0 0,1 5,14.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 8,14.5A1.5,1.5 0 0,1 6.5,16M18.92,6C18.72,5.42 18.16,5 17.5,5H6.5C5.84,5 5.28,5.42 5.08,6L3,12V20A1,1 0 0,0 4,21H5A1,1 0 0,0 6,20V19H18V20A1,1 0 0,0 19,21H20A1,1 0 0,0 21,20V12L18.92,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"ferry\">\n        <path\n          d=\"M6,6H18V9.96L12,8L6,9.96M3.94,19H4C5.6,19 7,18.12 8,17C9,18.12 10.4,19 12,19C13.6,19 15,18.12 16,17C17,18.12 18.4,19 20,19H20.05L21.95,12.31C22.03,12.06 22,11.78 21.89,11.54C21.76,11.3 21.55,11.12 21.29,11.04L20,10.62V6C20,4.89 19.1,4 18,4H15V1H9V4H6A2,2 0 0,0 4,6V10.62L2.71,11.04C2.45,11.12 2.24,11.3 2.11,11.54C2,11.78 1.97,12.06 2.05,12.31M20,21C18.61,21 17.22,20.53 16,19.67C13.56,21.38 10.44,21.38 8,19.67C6.78,20.53 5.39,21 4,21H2V23H4C5.37,23 6.74,22.65 8,22C10.5,23.3 13.5,23.3 16,22C17.26,22.65 18.62,23 20,23H22V21H20Z\"\n        ></path>\n      </g>\n\n      <g id=\"motorbike\">\n        <path\n          d=\"M16.36,4.27H18.55V2.13H16.36V1.07H18.22C17.89,0.43 17.13,0 16.36,0C15.16,0 14.18,0.96 14.18,2.13C14.18,3.31 15.16,4.27 16.36,4.27M10.04,9.39L13,6.93L17.45,9.6H10.25M19.53,12.05L21.05,10.56C21.93,9.71 21.93,8.43 21.05,7.57L19.2,9.39L13.96,4.27C13.64,3.73 13,3.41 12.33,3.41C11.78,3.41 11.35,3.63 11,3.95L7,7.89C6.65,8.21 6.44,8.64 6.44,9.17V9.71H5.13C4.04,9.71 3.16,10.67 3.16,11.84V12.27C3.5,12.16 3.93,12.16 4.25,12.16C7.09,12.16 9.5,14.4 9.5,17.28C9.5,17.6 9.5,18.03 9.38,18.35H14.5C14.4,18.03 14.4,17.6 14.4,17.28C14.4,14.29 16.69,12.05 19.53,12.05M4.36,19.73C2.84,19.73 1.64,18.56 1.64,17.07C1.64,15.57 2.84,14.4 4.36,14.4C5.89,14.4 7.09,15.57 7.09,17.07C7.09,18.56 5.89,19.73 4.36,19.73M4.36,12.8C1.96,12.8 0,14.72 0,17.07C0,19.41 1.96,21.33 4.36,21.33C6.76,21.33 8.73,19.41 8.73,17.07C8.73,14.72 6.76,12.8 4.36,12.8M19.64,19.73C18.11,19.73 16.91,18.56 16.91,17.07C16.91,15.57 18.11,14.4 19.64,14.4C21.16,14.4 22.36,15.57 22.36,17.07C22.36,18.56 21.16,19.73 19.64,19.73M19.64,12.8C17.24,12.8 15.27,14.72 15.27,17.07C15.27,19.41 17.24,21.33 19.64,21.33C22.04,21.33 24,19.41 24,17.07C24,14.72 22.04,12.8 19.64,12.8Z\"\n        ></path>\n      </g>\n\n      <g id=\"subway-variant\">\n        <path\n          d=\"M18,11H13V6H18M16.5,17A1.5,1.5 0 0,1 15,15.5A1.5,1.5 0 0,1 16.5,14A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 16.5,17M11,11H6V6H11M7.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,14A1.5,1.5 0 0,1 9,15.5A1.5,1.5 0 0,1 7.5,17M12,2C7.58,2 4,2.5 4,6V15.5A3.5,3.5 0 0,0 7.5,19L6,20.5V21H18V20.5L16.5,19A3.5,3.5 0 0,0 20,15.5V6C20,2.5 16.42,2 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"taxi\">\n        <path\n          d=\"M5,11L6.5,6.5H17.5L19,11M17.5,16A1.5,1.5 0 0,1 16,14.5A1.5,1.5 0 0,1 17.5,13A1.5,1.5 0 0,1 19,14.5A1.5,1.5 0 0,1 17.5,16M6.5,16A1.5,1.5 0 0,1 5,14.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 8,14.5A1.5,1.5 0 0,1 6.5,16M18.92,6C18.72,5.42 18.16,5 17.5,5H15V3H9V5H6.5C5.84,5 5.28,5.42 5.08,6L3,12V20A1,1 0 0,0 4,21H5A1,1 0 0,0 6,20V19H18V20A1,1 0 0,0 19,21H20A1,1 0 0,0 21,20V12L18.92,6Z\"\n        ></path>\n      </g>\n\n      <g id=\"train\">\n        <path\n          d=\"M18,10H6V5H18M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M4,15.5A3.5,3.5 0 0,0 7.5,19L6,20.5V21H18V20.5L16.5,19A3.5,3.5 0 0,0 20,15.5V5C20,1.5 16.42,1 12,1C7.58,1 4,1.5 4,5V15.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"tram\">\n        <path\n          d=\"M19,16.94V8.5C19,5.71 16.39,5.1 13,5L13.75,3.5H17V2H7V3.5H11.75L11,5C7.86,5.11 5,5.73 5,8.5V16.94C5,18.39 6.19,19.6 7.59,19.91L6,21.5V22H8.23L10.23,20H14L16,22H18V21.5L16.5,20H16.42C18.11,20 19,18.63 19,16.94M12,18.5A1.5,1.5 0 0,1 10.5,17A1.5,1.5 0 0,1 12,15.5A1.5,1.5 0 0,1 13.5,17A1.5,1.5 0 0,1 12,18.5M17,14H7V9H17V14Z\"\n        ></path>\n      </g>\n\n      <g id=\"truck\">\n        <path\n          d=\"M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5M19.5,9.5L21.46,12H17V9.5M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M20,8H17V4H3C1.89,4 1,4.89 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-user-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-user-iconset-svg.js
index eff26527ae2..f64d8febfa3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-user-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-user-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f6c6801f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7dd10d01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f6c6801f0511ed8cc3e9a95995ad69 || (_templateObject_e0f6c6801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-user\" size=\"24\">\n    <svg>\n      <g id=\"account\">\n        <path\n          d=\"M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-box\">\n        <path\n          d=\"M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6M15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6A3,3 0 0,1 15,9M3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5C3.89,3 3,3.9 3,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-circle\">\n        <path\n          d=\"M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7dd10d01f2611eda0c389891c227ec8 || (_templateObject_b7dd10d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-user\" size=\"24\">\n    <svg>\n      <g id=\"account\">\n        <path\n          d=\"M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-box\">\n        <path\n          d=\"M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6M15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6A3,3 0 0,1 15,9M3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5C3.89,3 3,3.9 3,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"account-circle\">\n        <path\n          d=\"M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-vector-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-vector-iconset-svg.js
index f9d5da87f2c..9673da3f4d0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-vector-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-vector-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f714a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7dd5ef01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f714a01f0511ed8cc3e9a95995ad69 || (_templateObject_e0f714a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-vector\" size=\"24\">\n    <svg>\n      <g id=\"vector-square\">\n        <path\n          d=\"M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7dd5ef01f2611eda0c389891c227ec8 || (_templateObject_b7dd5ef01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-vector\" size=\"24\">\n    <svg>\n      <g id=\"vector-square\">\n        <path\n          d=\"M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-video-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-video-iconset-svg.js
index 9b9f358e5f1..c4f59c615e8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-video-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-video-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f762c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7ddd4201f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f762c01f0511ed8cc3e9a95995ad69 || (_templateObject_e0f762c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-video\" size=\"24\">\n    <svg>\n      <g id=\"camcorder\">\n        <path\n          d=\"M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box\">\n        <path\n          d=\"M18,16L14,12.8V16H6V8H14V11.2L18,8M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"closed-caption\">\n        <path\n          d=\"M18,11H16.5V10.5H14.5V13.5H16.5V13H18V14A1,1 0 0,1 17,15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,11H9.5V10.5H7.5V13.5H9.5V13H11V14A1,1 0 0,1 10,15H7A1,1 0 0,1 6,14V10A1,1 0 0,1 7,9H10A1,1 0 0,1 11,10M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"fast-forward\">\n        <path d=\"M13,6V18L21.5,12M4,18L12.5,12L4,6V18Z\"></path>\n      </g>\n\n      <g id=\"pause\"><path d=\"M14,19H18V5H14M6,19H10V5H6V19Z\"></path></g>\n\n      <g id=\"pause-circle\">\n        <path\n          d=\"M15,16H13V8H15M11,16H9V8H11M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-circle-outline\">\n        <path\n          d=\"M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"play\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\"></path></g>\n\n      <g id=\"play-circle\">\n        <path\n          d=\"M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"play-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"quality-high\">\n        <path\n          d=\"M14.5,13.5H16.5V10.5H14.5M18,14A1,1 0 0,1 17,15H16.25V16.5H14.75V15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,15H9.5V13H7.5V15H6V9H7.5V11.5H9.5V9H11M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"rewind\">\n        <path d=\"M11.5,12L20,18V6M11,18V6L2.5,12L11,18Z\"></path>\n      </g>\n\n      <g id=\"skip-next\">\n        <path d=\"M16,18H18V6H16M6,18L14.5,12L6,6V18Z\"></path>\n      </g>\n\n      <g id=\"skip-previous\">\n        <path d=\"M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z\"></path>\n      </g>\n\n      <g id=\"stop\"><path d=\"M18,18H6V6H18V18Z\"></path></g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7ddd4201f2611eda0c389891c227ec8 || (_templateObject_b7ddd4201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-video\" size=\"24\">\n    <svg>\n      <g id=\"camcorder\">\n        <path\n          d=\"M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"camcorder-box\">\n        <path\n          d=\"M18,16L14,12.8V16H6V8H14V11.2L18,8M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"closed-caption\">\n        <path\n          d=\"M18,11H16.5V10.5H14.5V13.5H16.5V13H18V14A1,1 0 0,1 17,15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,11H9.5V10.5H7.5V13.5H9.5V13H11V14A1,1 0 0,1 10,15H7A1,1 0 0,1 6,14V10A1,1 0 0,1 7,9H10A1,1 0 0,1 11,10M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"fast-forward\">\n        <path d=\"M13,6V18L21.5,12M4,18L12.5,12L4,6V18Z\"></path>\n      </g>\n\n      <g id=\"pause\"><path d=\"M14,19H18V5H14M6,19H10V5H6V19Z\"></path></g>\n\n      <g id=\"pause-circle\">\n        <path\n          d=\"M15,16H13V8H15M11,16H9V8H11M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"pause-circle-outline\">\n        <path\n          d=\"M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"play\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\"></path></g>\n\n      <g id=\"play-circle\">\n        <path\n          d=\"M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\n        ></path>\n      </g>\n\n      <g id=\"play-circle-outline\">\n        <path\n          d=\"M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z\"\n        ></path>\n      </g>\n\n      <g id=\"quality-high\">\n        <path\n          d=\"M14.5,13.5H16.5V10.5H14.5M18,14A1,1 0 0,1 17,15H16.25V16.5H14.75V15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,15H9.5V13H7.5V15H6V9H7.5V11.5H9.5V9H11M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z\"\n        ></path>\n      </g>\n\n      <g id=\"rewind\">\n        <path d=\"M11.5,12L20,18V6M11,18V6L2.5,12L11,18Z\"></path>\n      </g>\n\n      <g id=\"skip-next\">\n        <path d=\"M16,18H18V6H16M6,18L14.5,12L6,6V18Z\"></path>\n      </g>\n\n      <g id=\"skip-previous\">\n        <path d=\"M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z\"></path>\n      </g>\n\n      <g id=\"stop\"><path d=\"M18,18H6V6H18V18Z\"></path></g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-view-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-view-iconset-svg.js
index 38b7ce68b37..0ee40493a8e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-view-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-view-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f84d201f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7de97701f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f84d201f0511ed8cc3e9a95995ad69 || (_templateObject_e0f84d201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-view\" size=\"24\">\n    <svg>\n      <g id=\"view-agenda\">\n        <path\n          d=\"M20,3H3A1,1 0 0,0 2,4V10A1,1 0 0,0 3,11H20A1,1 0 0,0 21,10V4A1,1 0 0,0 20,3M20,13H3A1,1 0 0,0 2,14V20A1,1 0 0,0 3,21H20A1,1 0 0,0 21,20V14A1,1 0 0,0 20,13Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-array\">\n        <path d=\"M8,18H17V5H8M18,5V18H21V5M4,18H7V5H4V18Z\"></path>\n      </g>\n\n      <g id=\"view-carousel\">\n        <path d=\"M18,6V17H22V6M2,17H6V6H2M7,19H17V4H7V19Z\"></path>\n      </g>\n\n      <g id=\"view-column\">\n        <path d=\"M16,5V18H21V5M4,18H9V5H4M10,18H15V5H10V18Z\"></path>\n      </g>\n\n      <g id=\"view-dashboard\">\n        <path\n          d=\"M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-day\">\n        <path\n          d=\"M2,3V6H21V3M20,8H3A1,1 0 0,0 2,9V15A1,1 0 0,0 3,16H20A1,1 0 0,0 21,15V9A1,1 0 0,0 20,8M2,21H21V18H2V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-headline\">\n        <path d=\"M4,5V7H21V5M4,11H21V9H4M4,19H21V17H4M4,15H21V13H4V15Z\"></path>\n      </g>\n\n      <g id=\"view-list\">\n        <path\n          d=\"M9,5V9H21V5M9,19H21V15H9M9,14H21V10H9M4,9H8V5H4M4,19H8V15H4M4,14H8V10H4V14Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-module\">\n        <path\n          d=\"M16,5V11H21V5M10,11H15V5H10M16,18H21V12H16M10,18H15V12H10M4,18H9V12H4M4,11H9V5H4V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-quilt\">\n        <path\n          d=\"M10,5V11H21V5M16,18H21V12H16M4,18H9V5H4M10,18H15V12H10V18Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-stream\"><path d=\"M4,5V11H21V5M4,18H21V12H4V18Z\"></path></g>\n\n      <g id=\"view-week\">\n        <path\n          d=\"M13,5H10A1,1 0 0,0 9,6V18A1,1 0 0,0 10,19H13A1,1 0 0,0 14,18V6A1,1 0 0,0 13,5M20,5H17A1,1 0 0,0 16,6V18A1,1 0 0,0 17,19H20A1,1 0 0,0 21,18V6A1,1 0 0,0 20,5M6,5H3A1,1 0 0,0 2,6V18A1,1 0 0,0 3,19H6A1,1 0 0,0 7,18V6A1,1 0 0,0 6,5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7de97701f2611eda0c389891c227ec8 || (_templateObject_b7de97701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-view\" size=\"24\">\n    <svg>\n      <g id=\"view-agenda\">\n        <path\n          d=\"M20,3H3A1,1 0 0,0 2,4V10A1,1 0 0,0 3,11H20A1,1 0 0,0 21,10V4A1,1 0 0,0 20,3M20,13H3A1,1 0 0,0 2,14V20A1,1 0 0,0 3,21H20A1,1 0 0,0 21,20V14A1,1 0 0,0 20,13Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-array\">\n        <path d=\"M8,18H17V5H8M18,5V18H21V5M4,18H7V5H4V18Z\"></path>\n      </g>\n\n      <g id=\"view-carousel\">\n        <path d=\"M18,6V17H22V6M2,17H6V6H2M7,19H17V4H7V19Z\"></path>\n      </g>\n\n      <g id=\"view-column\">\n        <path d=\"M16,5V18H21V5M4,18H9V5H4M10,18H15V5H10V18Z\"></path>\n      </g>\n\n      <g id=\"view-dashboard\">\n        <path\n          d=\"M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-day\">\n        <path\n          d=\"M2,3V6H21V3M20,8H3A1,1 0 0,0 2,9V15A1,1 0 0,0 3,16H20A1,1 0 0,0 21,15V9A1,1 0 0,0 20,8M2,21H21V18H2V21Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-headline\">\n        <path d=\"M4,5V7H21V5M4,11H21V9H4M4,19H21V17H4M4,15H21V13H4V15Z\"></path>\n      </g>\n\n      <g id=\"view-list\">\n        <path\n          d=\"M9,5V9H21V5M9,19H21V15H9M9,14H21V10H9M4,9H8V5H4M4,19H8V15H4M4,14H8V10H4V14Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-module\">\n        <path\n          d=\"M16,5V11H21V5M10,11H15V5H10M16,18H21V12H16M10,18H15V12H10M4,18H9V12H4M4,11H9V5H4V11Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-quilt\">\n        <path\n          d=\"M10,5V11H21V5M16,18H21V12H16M4,18H9V5H4M10,18H15V12H10V18Z\"\n        ></path>\n      </g>\n\n      <g id=\"view-stream\"><path d=\"M4,5V11H21V5M4,18H21V12H4V18Z\"></path></g>\n\n      <g id=\"view-week\">\n        <path\n          d=\"M13,5H10A1,1 0 0,0 9,6V18A1,1 0 0,0 10,19H13A1,1 0 0,0 14,18V6A1,1 0 0,0 13,5M20,5H17A1,1 0 0,0 16,6V18A1,1 0 0,0 17,19H20A1,1 0 0,0 21,18V6A1,1 0 0,0 20,5M6,5H3A1,1 0 0,0 2,6V18A1,1 0 0,0 3,19H6A1,1 0 0,0 7,18V6A1,1 0 0,0 6,5Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-vote-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-vote-iconset-svg.js
index 29b5204d9ee..83f1bf7d7f1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-vote-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-vote-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f89b401f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7df0ca01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f89b401f0511ed8cc3e9a95995ad69 || (_templateObject_e0f89b401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-vote\" size=\"24\">\n    <svg>\n      <g id=\"heart\">\n        <path\n          d=\"M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart-outline\">\n        <path\n          d=\"M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"star\">\n        <path\n          d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\n        ></path>\n      </g>\n\n      <g id=\"star-half\">\n        <path\n          d=\"M12,15.4V6.1L13.71,10.13L18.09,10.5L14.77,13.39L15.76,17.67M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z\"\n        ></path>\n      </g>\n\n      <g id=\"star-outline\">\n        <path\n          d=\"M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z\"\n        ></path>\n      </g>\n\n      <g id=\"thumb-down\">\n        <path\n          d=\"M19,15H23V3H19M15,3H6C5.17,3 4.46,3.5 4.16,4.22L1.14,11.27C1.05,11.5 1,11.74 1,12V13.91L1,14A2,2 0 0,0 3,16H9.31L8.36,20.57C8.34,20.67 8.33,20.77 8.33,20.88C8.33,21.3 8.5,21.67 8.77,21.94L9.83,23L16.41,16.41C16.78,16.05 17,15.55 17,15V5C17,3.89 16.1,3 15,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"thumb-up\">\n        <path\n          d=\"M23,10C23,8.89 22.1,8 21,8H14.68L15.64,3.43C15.66,3.33 15.67,3.22 15.67,3.11C15.67,2.7 15.5,2.32 15.23,2.05L14.17,1L7.59,7.58C7.22,7.95 7,8.45 7,9V19A2,2 0 0,0 9,21H18C18.83,21 19.54,20.5 19.84,19.78L22.86,12.73C22.95,12.5 23,12.26 23,12V10.08L23,10M1,21H5V9H1V21Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7df0ca01f2611eda0c389891c227ec8 || (_templateObject_b7df0ca01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-vote\" size=\"24\">\n    <svg>\n      <g id=\"heart\">\n        <path\n          d=\"M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z\"\n        ></path>\n      </g>\n\n      <g id=\"heart-outline\">\n        <path\n          d=\"M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"star\">\n        <path\n          d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\n        ></path>\n      </g>\n\n      <g id=\"star-half\">\n        <path\n          d=\"M12,15.4V6.1L13.71,10.13L18.09,10.5L14.77,13.39L15.76,17.67M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z\"\n        ></path>\n      </g>\n\n      <g id=\"star-outline\">\n        <path\n          d=\"M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z\"\n        ></path>\n      </g>\n\n      <g id=\"thumb-down\">\n        <path\n          d=\"M19,15H23V3H19M15,3H6C5.17,3 4.46,3.5 4.16,4.22L1.14,11.27C1.05,11.5 1,11.74 1,12V13.91L1,14A2,2 0 0,0 3,16H9.31L8.36,20.57C8.34,20.67 8.33,20.77 8.33,20.88C8.33,21.3 8.5,21.67 8.77,21.94L9.83,23L16.41,16.41C16.78,16.05 17,15.55 17,15V5C17,3.89 16.1,3 15,3Z\"\n        ></path>\n      </g>\n\n      <g id=\"thumb-up\">\n        <path\n          d=\"M23,10C23,8.89 22.1,8 21,8H14.68L15.64,3.43C15.66,3.33 15.67,3.22 15.67,3.11C15.67,2.7 15.5,2.32 15.23,2.05L14.17,1L7.59,7.58C7.22,7.95 7,8.45 7,9V19A2,2 0 0,0 9,21H18C18.83,21 19.54,20.5 19.84,19.78L22.86,12.73C22.95,12.5 23,12.26 23,12V10.08L23,10M1,21H5V9H1V21Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-weather-iconset-svg.js b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-weather-iconset-svg.js
index 8b205f357df..f860d413ddb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-weather-iconset-svg.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mdi-iconset-svg/lib/mdi-weather-iconset-svg.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e0f910701f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7df81d01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e0f910701f0511ed8cc3e9a95995ad69 || (_templateObject_e0f910701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-weather\" size=\"24\">\n    <svg>\n      <g id=\"cloud\">\n        <path\n          d=\"M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"temperature-celcius\">\n        <path\n          d=\"M16.5,5C18.05,5 19.5,5.47 20.69,6.28L19.53,9.17C18.73,8.44 17.67,8 16.5,8C14,8 12,10 12,12.5C12,15 14,17 16.5,17C17.53,17 18.47,16.66 19.23,16.08L20.37,18.93C19.24,19.61 17.92,20 16.5,20A7.5,7.5 0 0,1 9,12.5A7.5,7.5 0 0,1 16.5,5M6,3A3,3 0 0,1 9,6A3,3 0 0,1 6,9A3,3 0 0,1 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"temperature-fahrenheit\">\n        <path\n          d=\"M11,20V5H20V8H14V11H19V14H14V20H11M6,3A3,3 0 0,1 9,6A3,3 0 0,1 6,9A3,3 0 0,1 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"temperature-kelvin\">\n        <path\n          d=\"M7,5H10V11L15,5H19L13.88,10.78L19,20H15.38L11.76,13.17L10,15.15V20H7V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"thermometer\">\n        <path\n          d=\"M17,17A5,5 0 0,1 12,22A5,5 0 0,1 7,17C7,15.36 7.79,13.91 9,13V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V13C16.21,13.91 17,15.36 17,17M11,8V14.17C9.83,14.58 9,15.69 9,17A3,3 0 0,0 12,20A3,3 0 0,0 15,17C15,15.69 14.17,14.58 13,14.17V8H11Z\"\n        ></path>\n      </g>\n\n      <g id=\"thermometer-lines\">\n        <path\n          d=\"M17,3H21V5H17V3M17,7H21V9H17V7M17,11H21V13H17.75L17,12.1V11M21,15V17H19C19,16.31 18.9,15.63 18.71,15H21M17,17A5,5 0 0,1 12,22A5,5 0 0,1 7,17C7,15.36 7.79,13.91 9,13V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V13C16.21,13.91 17,15.36 17,17M11,8V14.17C9.83,14.58 9,15.69 9,17A3,3 0 0,0 12,20A3,3 0 0,0 15,17C15,15.69 14.17,14.58 13,14.17V8H11M7,3V5H3V3H7M7,7V9H3V7H7M7,11V12.1L6.25,13H3V11H7M3,15H5.29C5.1,15.63 5,16.31 5,17H3V15Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-cloudy\">\n        <path\n          d=\"M6,19A5,5 0 0,1 1,14A5,5 0 0,1 6,9C7,6.65 9.3,5 12,5C15.43,5 18.24,7.66 18.5,11.03L19,11A4,4 0 0,1 23,15A4,4 0 0,1 19,19H6M19,13H17V12A5,5 0 0,0 12,7C9.5,7 7.45,8.82 7.06,11.19C6.73,11.07 6.37,11 6,11A3,3 0 0,0 3,14A3,3 0 0,0 6,17H19A2,2 0 0,0 21,15A2,2 0 0,0 19,13Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-hail\">\n        <path\n          d=\"M6,14A1,1 0 0,1 7,15A1,1 0 0,1 6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14M10,18A2,2 0 0,1 12,20A2,2 0 0,1 10,22A2,2 0 0,1 8,20A2,2 0 0,1 10,18M14.5,16A1.5,1.5 0 0,1 16,17.5A1.5,1.5 0 0,1 14.5,19A1.5,1.5 0 0,1 13,17.5A1.5,1.5 0 0,1 14.5,16M10.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,15A1.5,1.5 0 0,1 9,13.5A1.5,1.5 0 0,1 10.5,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-lightning\">\n        <path\n          d=\"M6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14H7A1,1 0 0,1 8,15A1,1 0 0,1 7,16H6M12,11H15L13,15H15L11.25,22L12,17H9.5L12,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-lightning-rainy\">\n        <path\n          d=\"M4.5,13.59C5,13.87 5.14,14.5 4.87,14.96C4.59,15.44 4,15.6 3.5,15.33V15.33C2,14.47 1,12.85 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A1,1 0 0,1 18,15A1,1 0 0,1 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11C3,12.11 3.6,13.08 4.5,13.6V13.59M9.5,11H12.5L10.5,15H12.5L8.75,22L9.5,17H7L9.5,11M17.5,18.67C17.5,19.96 16.5,21 15.25,21C14,21 13,19.96 13,18.67C13,17.12 15.25,14.5 15.25,14.5C15.25,14.5 17.5,17.12 17.5,18.67Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-night\">\n        <path\n          d=\"M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-partlycloudy\">\n        <path\n          d=\"M12.74,5.47C15.1,6.5 16.35,9.03 15.92,11.46C17.19,12.56 18,14.19 18,16V16.17C18.31,16.06 18.65,16 19,16A3,3 0 0,1 22,19A3,3 0 0,1 19,22H6A4,4 0 0,1 2,18A4,4 0 0,1 6,14H6.27C5,12.45 4.6,10.24 5.5,8.26C6.72,5.5 9.97,4.24 12.74,5.47M11.93,7.3C10.16,6.5 8.09,7.31 7.31,9.07C6.85,10.09 6.93,11.22 7.41,12.13C8.5,10.83 10.16,10 12,10C12.7,10 13.38,10.12 14,10.34C13.94,9.06 13.18,7.86 11.93,7.3M13.55,3.64C13,3.4 12.45,3.23 11.88,3.12L14.37,1.82L15.27,4.71C14.76,4.29 14.19,3.93 13.55,3.64M6.09,4.44C5.6,4.79 5.17,5.19 4.8,5.63L4.91,2.82L7.87,3.5C7.25,3.71 6.65,4.03 6.09,4.44M18,9.71C17.91,9.12 17.78,8.55 17.59,8L19.97,9.5L17.92,11.73C18.03,11.08 18.05,10.4 18,9.71M3.04,11.3C3.11,11.9 3.24,12.47 3.43,13L1.06,11.5L3.1,9.28C3,9.93 2.97,10.61 3.04,11.3M19,18H16V16A4,4 0 0,0 12,12A4,4 0 0,0 8,16H6A2,2 0 0,0 4,18A2,2 0 0,0 6,20H19A1,1 0 0,0 20,19A1,1 0 0,0 19,18Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-pouring\">\n        <path\n          d=\"M9,12C9.53,12.14 9.85,12.69 9.71,13.22L8.41,18.05C8.27,18.59 7.72,18.9 7.19,18.76C6.65,18.62 6.34,18.07 6.5,17.54L7.78,12.71C7.92,12.17 8.47,11.86 9,12M13,12C13.53,12.14 13.85,12.69 13.71,13.22L11.64,20.95C11.5,21.5 10.95,21.8 10.41,21.66C9.88,21.5 9.56,20.97 9.7,20.43L11.78,12.71C11.92,12.17 12.47,11.86 13,12M17,12C17.53,12.14 17.85,12.69 17.71,13.22L16.41,18.05C16.27,18.59 15.72,18.9 15.19,18.76C14.65,18.62 14.34,18.07 14.5,17.54L15.78,12.71C15.92,12.17 16.47,11.86 17,12M17,10V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11C3,12.11 3.6,13.08 4.5,13.6V13.59C5,13.87 5.14,14.5 4.87,14.96C4.59,15.43 4,15.6 3.5,15.32V15.33C2,14.47 1,12.85 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12C23,13.5 22.2,14.77 21,15.46V15.46C20.5,15.73 19.91,15.57 19.63,15.09C19.36,14.61 19.5,14 20,13.72V13.73C20.6,13.39 21,12.74 21,12A2,2 0 0,0 19,10H17Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-rainy\">\n        <path\n          d=\"M6,14A1,1 0 0,1 7,15A1,1 0 0,1 6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14M14.83,15.67C16.39,17.23 16.39,19.5 14.83,21.08C14.05,21.86 13,22 12,22C11,22 9.95,21.86 9.17,21.08C7.61,19.5 7.61,17.23 9.17,15.67L12,11L14.83,15.67M13.41,16.69L12,14.25L10.59,16.69C9.8,17.5 9.8,18.7 10.59,19.5C11,19.93 11.5,20 12,20C12.5,20 13,19.93 13.41,19.5C14.2,18.7 14.2,17.5 13.41,16.69Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-snowy\">\n        <path\n          d=\"M6,14A1,1 0 0,1 7,15A1,1 0 0,1 6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14M7.88,18.07L10.07,17.5L8.46,15.88C8.07,15.5 8.07,14.86 8.46,14.46C8.85,14.07 9.5,14.07 9.88,14.46L11.5,16.07L12.07,13.88C12.21,13.34 12.76,13.03 13.29,13.17C13.83,13.31 14.14,13.86 14,14.4L13.41,16.59L15.6,16C16.14,15.86 16.69,16.17 16.83,16.71C16.97,17.24 16.66,17.79 16.12,17.93L13.93,18.5L15.54,20.12C15.93,20.5 15.93,21.15 15.54,21.54C15.15,21.93 14.5,21.93 14.12,21.54L12.5,19.93L11.93,22.12C11.79,22.66 11.24,22.97 10.71,22.83C10.17,22.69 9.86,22.14 10,21.6L10.59,19.41L8.4,20C7.86,20.14 7.31,19.83 7.17,19.29C7.03,18.76 7.34,18.21 7.88,18.07Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-sunny\">\n        <path\n          d=\"M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M3.36,17L5.12,13.23C5.26,14 5.53,14.78 5.95,15.5C6.37,16.24 6.91,16.86 7.5,17.37L3.36,17M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M20.64,17L16.5,17.36C17.09,16.85 17.62,16.22 18.04,15.5C18.46,14.77 18.73,14 18.87,13.21L20.64,17M12,22L9.59,18.56C10.33,18.83 11.14,19 12,19C12.82,19 13.63,18.83 14.37,18.56L12,22Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-sunset\">\n        <path\n          d=\"M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M5,16H19A1,1 0 0,1 20,17A1,1 0 0,1 19,18H5A1,1 0 0,1 4,17A1,1 0 0,1 5,16M17,20A1,1 0 0,1 18,21A1,1 0 0,1 17,22H7A1,1 0 0,1 6,21A1,1 0 0,1 7,20H17M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-sunset-down\">\n        <path\n          d=\"M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M12.71,20.71L15.82,17.6C16.21,17.21 16.21,16.57 15.82,16.18C15.43,15.79 14.8,15.79 14.41,16.18L12,18.59L9.59,16.18C9.2,15.79 8.57,15.79 8.18,16.18C7.79,16.57 7.79,17.21 8.18,17.6L11.29,20.71C11.5,20.9 11.74,21 12,21C12.26,21 12.5,20.9 12.71,20.71Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-sunset-up\">\n        <path\n          d=\"M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M12.71,16.3L15.82,19.41C16.21,19.8 16.21,20.43 15.82,20.82C15.43,21.21 14.8,21.21 14.41,20.82L12,18.41L9.59,20.82C9.2,21.21 8.57,21.21 8.18,20.82C7.79,20.43 7.79,19.8 8.18,19.41L11.29,16.3C11.5,16.1 11.74,16 12,16C12.26,16 12.5,16.1 12.71,16.3Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-windy\">\n        <path\n          d=\"M4,10A1,1 0 0,1 3,9A1,1 0 0,1 4,8H12A2,2 0 0,0 14,6A2,2 0 0,0 12,4C11.45,4 10.95,4.22 10.59,4.59C10.2,5 9.56,5 9.17,4.59C8.78,4.2 8.78,3.56 9.17,3.17C9.9,2.45 10.9,2 12,2A4,4 0 0,1 16,6A4,4 0 0,1 12,10H4M19,12A1,1 0 0,0 20,11A1,1 0 0,0 19,10C18.72,10 18.47,10.11 18.29,10.29C17.9,10.68 17.27,10.68 16.88,10.29C16.5,9.9 16.5,9.27 16.88,8.88C17.42,8.34 18.17,8 19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14H5A1,1 0 0,1 4,13A1,1 0 0,1 5,12H19M18,18H4A1,1 0 0,1 3,17A1,1 0 0,1 4,16H18A3,3 0 0,1 21,19A3,3 0 0,1 18,22C17.17,22 16.42,21.66 15.88,21.12C15.5,20.73 15.5,20.1 15.88,19.71C16.27,19.32 16.9,19.32 17.29,19.71C17.47,19.89 17.72,20 18,20A1,1 0 0,0 19,19A1,1 0 0,0 18,18Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-windy-variant\">\n        <path\n          d=\"M6,6L6.69,6.06C7.32,3.72 9.46,2 12,2A5.5,5.5 0 0,1 17.5,7.5L17.42,8.45C17.88,8.16 18.42,8 19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14H6A4,4 0 0,1 2,10A4,4 0 0,1 6,6M6,8A2,2 0 0,0 4,10A2,2 0 0,0 6,12H19A1,1 0 0,0 20,11A1,1 0 0,0 19,10H15.5V7.5A3.5,3.5 0 0,0 12,4A3.5,3.5 0 0,0 8.5,7.5V8H6M18,18H4A1,1 0 0,1 3,17A1,1 0 0,1 4,16H18A3,3 0 0,1 21,19A3,3 0 0,1 18,22C17.17,22 16.42,21.66 15.88,21.12C15.5,20.73 15.5,20.1 15.88,19.71C16.27,19.32 16.9,19.32 17.29,19.71C17.47,19.89 17.72,20 18,20A1,1 0 0,0 19,19A1,1 0 0,0 18,18Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_b7df81d01f2611eda0c389891c227ec8 || (_templateObject_b7df81d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg name=\"mdi-weather\" size=\"24\">\n    <svg>\n      <g id=\"cloud\">\n        <path\n          d=\"M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z\"\n        ></path>\n      </g>\n\n      <g id=\"temperature-celcius\">\n        <path\n          d=\"M16.5,5C18.05,5 19.5,5.47 20.69,6.28L19.53,9.17C18.73,8.44 17.67,8 16.5,8C14,8 12,10 12,12.5C12,15 14,17 16.5,17C17.53,17 18.47,16.66 19.23,16.08L20.37,18.93C19.24,19.61 17.92,20 16.5,20A7.5,7.5 0 0,1 9,12.5A7.5,7.5 0 0,1 16.5,5M6,3A3,3 0 0,1 9,6A3,3 0 0,1 6,9A3,3 0 0,1 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"temperature-fahrenheit\">\n        <path\n          d=\"M11,20V5H20V8H14V11H19V14H14V20H11M6,3A3,3 0 0,1 9,6A3,3 0 0,1 6,9A3,3 0 0,1 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5Z\"\n        ></path>\n      </g>\n\n      <g id=\"temperature-kelvin\">\n        <path\n          d=\"M7,5H10V11L15,5H19L13.88,10.78L19,20H15.38L11.76,13.17L10,15.15V20H7V5Z\"\n        ></path>\n      </g>\n\n      <g id=\"thermometer\">\n        <path\n          d=\"M17,17A5,5 0 0,1 12,22A5,5 0 0,1 7,17C7,15.36 7.79,13.91 9,13V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V13C16.21,13.91 17,15.36 17,17M11,8V14.17C9.83,14.58 9,15.69 9,17A3,3 0 0,0 12,20A3,3 0 0,0 15,17C15,15.69 14.17,14.58 13,14.17V8H11Z\"\n        ></path>\n      </g>\n\n      <g id=\"thermometer-lines\">\n        <path\n          d=\"M17,3H21V5H17V3M17,7H21V9H17V7M17,11H21V13H17.75L17,12.1V11M21,15V17H19C19,16.31 18.9,15.63 18.71,15H21M17,17A5,5 0 0,1 12,22A5,5 0 0,1 7,17C7,15.36 7.79,13.91 9,13V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V13C16.21,13.91 17,15.36 17,17M11,8V14.17C9.83,14.58 9,15.69 9,17A3,3 0 0,0 12,20A3,3 0 0,0 15,17C15,15.69 14.17,14.58 13,14.17V8H11M7,3V5H3V3H7M7,7V9H3V7H7M7,11V12.1L6.25,13H3V11H7M3,15H5.29C5.1,15.63 5,16.31 5,17H3V15Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-cloudy\">\n        <path\n          d=\"M6,19A5,5 0 0,1 1,14A5,5 0 0,1 6,9C7,6.65 9.3,5 12,5C15.43,5 18.24,7.66 18.5,11.03L19,11A4,4 0 0,1 23,15A4,4 0 0,1 19,19H6M19,13H17V12A5,5 0 0,0 12,7C9.5,7 7.45,8.82 7.06,11.19C6.73,11.07 6.37,11 6,11A3,3 0 0,0 3,14A3,3 0 0,0 6,17H19A2,2 0 0,0 21,15A2,2 0 0,0 19,13Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-hail\">\n        <path\n          d=\"M6,14A1,1 0 0,1 7,15A1,1 0 0,1 6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14M10,18A2,2 0 0,1 12,20A2,2 0 0,1 10,22A2,2 0 0,1 8,20A2,2 0 0,1 10,18M14.5,16A1.5,1.5 0 0,1 16,17.5A1.5,1.5 0 0,1 14.5,19A1.5,1.5 0 0,1 13,17.5A1.5,1.5 0 0,1 14.5,16M10.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,15A1.5,1.5 0 0,1 9,13.5A1.5,1.5 0 0,1 10.5,12Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-lightning\">\n        <path\n          d=\"M6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14H7A1,1 0 0,1 8,15A1,1 0 0,1 7,16H6M12,11H15L13,15H15L11.25,22L12,17H9.5L12,11Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-lightning-rainy\">\n        <path\n          d=\"M4.5,13.59C5,13.87 5.14,14.5 4.87,14.96C4.59,15.44 4,15.6 3.5,15.33V15.33C2,14.47 1,12.85 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A1,1 0 0,1 18,15A1,1 0 0,1 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11C3,12.11 3.6,13.08 4.5,13.6V13.59M9.5,11H12.5L10.5,15H12.5L8.75,22L9.5,17H7L9.5,11M17.5,18.67C17.5,19.96 16.5,21 15.25,21C14,21 13,19.96 13,18.67C13,17.12 15.25,14.5 15.25,14.5C15.25,14.5 17.5,17.12 17.5,18.67Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-night\">\n        <path\n          d=\"M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-partlycloudy\">\n        <path\n          d=\"M12.74,5.47C15.1,6.5 16.35,9.03 15.92,11.46C17.19,12.56 18,14.19 18,16V16.17C18.31,16.06 18.65,16 19,16A3,3 0 0,1 22,19A3,3 0 0,1 19,22H6A4,4 0 0,1 2,18A4,4 0 0,1 6,14H6.27C5,12.45 4.6,10.24 5.5,8.26C6.72,5.5 9.97,4.24 12.74,5.47M11.93,7.3C10.16,6.5 8.09,7.31 7.31,9.07C6.85,10.09 6.93,11.22 7.41,12.13C8.5,10.83 10.16,10 12,10C12.7,10 13.38,10.12 14,10.34C13.94,9.06 13.18,7.86 11.93,7.3M13.55,3.64C13,3.4 12.45,3.23 11.88,3.12L14.37,1.82L15.27,4.71C14.76,4.29 14.19,3.93 13.55,3.64M6.09,4.44C5.6,4.79 5.17,5.19 4.8,5.63L4.91,2.82L7.87,3.5C7.25,3.71 6.65,4.03 6.09,4.44M18,9.71C17.91,9.12 17.78,8.55 17.59,8L19.97,9.5L17.92,11.73C18.03,11.08 18.05,10.4 18,9.71M3.04,11.3C3.11,11.9 3.24,12.47 3.43,13L1.06,11.5L3.1,9.28C3,9.93 2.97,10.61 3.04,11.3M19,18H16V16A4,4 0 0,0 12,12A4,4 0 0,0 8,16H6A2,2 0 0,0 4,18A2,2 0 0,0 6,20H19A1,1 0 0,0 20,19A1,1 0 0,0 19,18Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-pouring\">\n        <path\n          d=\"M9,12C9.53,12.14 9.85,12.69 9.71,13.22L8.41,18.05C8.27,18.59 7.72,18.9 7.19,18.76C6.65,18.62 6.34,18.07 6.5,17.54L7.78,12.71C7.92,12.17 8.47,11.86 9,12M13,12C13.53,12.14 13.85,12.69 13.71,13.22L11.64,20.95C11.5,21.5 10.95,21.8 10.41,21.66C9.88,21.5 9.56,20.97 9.7,20.43L11.78,12.71C11.92,12.17 12.47,11.86 13,12M17,12C17.53,12.14 17.85,12.69 17.71,13.22L16.41,18.05C16.27,18.59 15.72,18.9 15.19,18.76C14.65,18.62 14.34,18.07 14.5,17.54L15.78,12.71C15.92,12.17 16.47,11.86 17,12M17,10V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11C3,12.11 3.6,13.08 4.5,13.6V13.59C5,13.87 5.14,14.5 4.87,14.96C4.59,15.43 4,15.6 3.5,15.32V15.33C2,14.47 1,12.85 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12C23,13.5 22.2,14.77 21,15.46V15.46C20.5,15.73 19.91,15.57 19.63,15.09C19.36,14.61 19.5,14 20,13.72V13.73C20.6,13.39 21,12.74 21,12A2,2 0 0,0 19,10H17Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-rainy\">\n        <path\n          d=\"M6,14A1,1 0 0,1 7,15A1,1 0 0,1 6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14M14.83,15.67C16.39,17.23 16.39,19.5 14.83,21.08C14.05,21.86 13,22 12,22C11,22 9.95,21.86 9.17,21.08C7.61,19.5 7.61,17.23 9.17,15.67L12,11L14.83,15.67M13.41,16.69L12,14.25L10.59,16.69C9.8,17.5 9.8,18.7 10.59,19.5C11,19.93 11.5,20 12,20C12.5,20 13,19.93 13.41,19.5C14.2,18.7 14.2,17.5 13.41,16.69Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-snowy\">\n        <path\n          d=\"M6,14A1,1 0 0,1 7,15A1,1 0 0,1 6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14M7.88,18.07L10.07,17.5L8.46,15.88C8.07,15.5 8.07,14.86 8.46,14.46C8.85,14.07 9.5,14.07 9.88,14.46L11.5,16.07L12.07,13.88C12.21,13.34 12.76,13.03 13.29,13.17C13.83,13.31 14.14,13.86 14,14.4L13.41,16.59L15.6,16C16.14,15.86 16.69,16.17 16.83,16.71C16.97,17.24 16.66,17.79 16.12,17.93L13.93,18.5L15.54,20.12C15.93,20.5 15.93,21.15 15.54,21.54C15.15,21.93 14.5,21.93 14.12,21.54L12.5,19.93L11.93,22.12C11.79,22.66 11.24,22.97 10.71,22.83C10.17,22.69 9.86,22.14 10,21.6L10.59,19.41L8.4,20C7.86,20.14 7.31,19.83 7.17,19.29C7.03,18.76 7.34,18.21 7.88,18.07Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-sunny\">\n        <path\n          d=\"M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M3.36,17L5.12,13.23C5.26,14 5.53,14.78 5.95,15.5C6.37,16.24 6.91,16.86 7.5,17.37L3.36,17M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M20.64,17L16.5,17.36C17.09,16.85 17.62,16.22 18.04,15.5C18.46,14.77 18.73,14 18.87,13.21L20.64,17M12,22L9.59,18.56C10.33,18.83 11.14,19 12,19C12.82,19 13.63,18.83 14.37,18.56L12,22Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-sunset\">\n        <path\n          d=\"M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M5,16H19A1,1 0 0,1 20,17A1,1 0 0,1 19,18H5A1,1 0 0,1 4,17A1,1 0 0,1 5,16M17,20A1,1 0 0,1 18,21A1,1 0 0,1 17,22H7A1,1 0 0,1 6,21A1,1 0 0,1 7,20H17M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-sunset-down\">\n        <path\n          d=\"M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M12.71,20.71L15.82,17.6C16.21,17.21 16.21,16.57 15.82,16.18C15.43,15.79 14.8,15.79 14.41,16.18L12,18.59L9.59,16.18C9.2,15.79 8.57,15.79 8.18,16.18C7.79,16.57 7.79,17.21 8.18,17.6L11.29,20.71C11.5,20.9 11.74,21 12,21C12.26,21 12.5,20.9 12.71,20.71Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-sunset-up\">\n        <path\n          d=\"M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M12.71,16.3L15.82,19.41C16.21,19.8 16.21,20.43 15.82,20.82C15.43,21.21 14.8,21.21 14.41,20.82L12,18.41L9.59,20.82C9.2,21.21 8.57,21.21 8.18,20.82C7.79,20.43 7.79,19.8 8.18,19.41L11.29,16.3C11.5,16.1 11.74,16 12,16C12.26,16 12.5,16.1 12.71,16.3Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-windy\">\n        <path\n          d=\"M4,10A1,1 0 0,1 3,9A1,1 0 0,1 4,8H12A2,2 0 0,0 14,6A2,2 0 0,0 12,4C11.45,4 10.95,4.22 10.59,4.59C10.2,5 9.56,5 9.17,4.59C8.78,4.2 8.78,3.56 9.17,3.17C9.9,2.45 10.9,2 12,2A4,4 0 0,1 16,6A4,4 0 0,1 12,10H4M19,12A1,1 0 0,0 20,11A1,1 0 0,0 19,10C18.72,10 18.47,10.11 18.29,10.29C17.9,10.68 17.27,10.68 16.88,10.29C16.5,9.9 16.5,9.27 16.88,8.88C17.42,8.34 18.17,8 19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14H5A1,1 0 0,1 4,13A1,1 0 0,1 5,12H19M18,18H4A1,1 0 0,1 3,17A1,1 0 0,1 4,16H18A3,3 0 0,1 21,19A3,3 0 0,1 18,22C17.17,22 16.42,21.66 15.88,21.12C15.5,20.73 15.5,20.1 15.88,19.71C16.27,19.32 16.9,19.32 17.29,19.71C17.47,19.89 17.72,20 18,20A1,1 0 0,0 19,19A1,1 0 0,0 18,18Z\"\n        ></path>\n      </g>\n\n      <g id=\"weather-windy-variant\">\n        <path\n          d=\"M6,6L6.69,6.06C7.32,3.72 9.46,2 12,2A5.5,5.5 0 0,1 17.5,7.5L17.42,8.45C17.88,8.16 18.42,8 19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14H6A4,4 0 0,1 2,10A4,4 0 0,1 6,6M6,8A2,2 0 0,0 4,10A2,2 0 0,0 6,12H19A1,1 0 0,0 20,11A1,1 0 0,0 19,10H15.5V7.5A3.5,3.5 0 0,0 12,4A3.5,3.5 0 0,0 8.5,7.5V8H6M18,18H4A1,1 0 0,1 3,17A1,1 0 0,1 4,16H18A3,3 0 0,1 21,19A3,3 0 0,1 18,22C17.17,22 16.42,21.66 15.88,21.12C15.5,20.73 15.5,20.1 15.88,19.71C16.27,19.32 16.9,19.32 17.29,19.71C17.47,19.89 17.72,20 18,20A1,1 0 0,0 19,19A1,1 0 0,0 18,18Z\"\n        ></path>\n      </g>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/media-image/media-image.js b/build/es5-amd/node_modules/@lrnwebcomponents/media-image/media-image.js
index 7db04350972..480414357a5 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/media-image/media-image.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/media-image/media-image.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../schema-behaviors/schema-
   _exports.MediaImage = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_abc11a101f0511ed8cc3e9a95995ad69, _templateObject2_abc11a101f0511ed8cc3e9a95995ad69, _templateObject3_abc11a101f0511ed8cc3e9a95995ad69, _templateObject4_abc11a101f0511ed8cc3e9a95995ad69, _templateObject5_abc11a101f0511ed8cc3e9a95995ad69, _templateObject6_abc11a101f0511ed8cc3e9a95995ad69, _templateObject7_abc11a101f0511ed8cc3e9a95995ad69, _templateObject8_abc11a101f0511ed8cc3e9a95995ad69, _templateObject9_abc11a101f0511ed8cc3e9a95995ad69, _templateObject10_abc11a101f0511ed8cc3e9a95995ad69, _templateObject11_abc11a101f0511ed8cc3e9a95995ad69;
+  var _templateObject_85f88b301f2611eda0c389891c227ec8, _templateObject2_85f88b301f2611eda0c389891c227ec8, _templateObject3_85f88b301f2611eda0c389891c227ec8, _templateObject4_85f88b301f2611eda0c389891c227ec8, _templateObject5_85f88b301f2611eda0c389891c227ec8, _templateObject6_85f88b301f2611eda0c389891c227ec8, _templateObject7_85f88b301f2611eda0c389891c227ec8, _templateObject8_85f88b301f2611eda0c389891c227ec8, _templateObject9_85f88b301f2611eda0c389891c227ec8, _templateObject10_85f88b301f2611eda0c389891c227ec8, _templateObject11_85f88b301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -83,7 +83,7 @@ define(["exports", "require", "../../lit/index.js", "../schema-behaviors/schema-
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_abc11a101f0511ed8cc3e9a95995ad69 || (_templateObject_abc11a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <media-image-image\n        ?round=\"", "\"\n        resource=\"", "-image\"\n        source=\"", "\"\n        modal-title=\"", "\"\n        alt=\"", "\"\n        .described-by=\"", "\"\n        @click=\"", "\"\n      ></media-image-image>\n      <media-image-citation>\n        <slot name=\"citation\"> ", " </slot>\n      </media-image-citation>\n      ", "\n    "])), this.__figureLabel ? (0, _index.html)(_templateObject2_abc11a101f0511ed8cc3e9a95995ad69 || (_templateObject2_abc11a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <figure-label\n              title=\"", "\"\n              description=\"", "\"\n            ></figure-label>\n          "])), this.figureLabelTitle, this.figureLabelDescription) : "", this.round, this.schemaResourceID, this.source, this.modalTitle, this.alt, this.describedBy, this._handleClick, this.citation, this._hasCaption ? (0, _index.html)(_templateObject3_abc11a101f0511ed8cc3e9a95995ad69 || (_templateObject3_abc11a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <media-image-caption>\n              <slot name=\"caption\"> ", " </slot>\n            </media-image-caption>\n          "])), this.caption) : "");
+        return (0, _index.html)(_templateObject_85f88b301f2611eda0c389891c227ec8 || (_templateObject_85f88b301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <media-image-image\n        ?round=\"", "\"\n        resource=\"", "-image\"\n        source=\"", "\"\n        modal-title=\"", "\"\n        alt=\"", "\"\n        .described-by=\"", "\"\n        @click=\"", "\"\n      ></media-image-image>\n      <media-image-citation>\n        <slot name=\"citation\"> ", " </slot>\n      </media-image-citation>\n      ", "\n    "])), this.__figureLabel ? (0, _index.html)(_templateObject2_85f88b301f2611eda0c389891c227ec8 || (_templateObject2_85f88b301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <figure-label\n              title=\"", "\"\n              description=\"", "\"\n            ></figure-label>\n          "])), this.figureLabelTitle, this.figureLabelDescription) : "", this.round, this.schemaResourceID, this.source, this.modalTitle, this.alt, this.describedBy, this._handleClick, this.citation, this._hasCaption ? (0, _index.html)(_templateObject3_85f88b301f2611eda0c389891c227ec8 || (_templateObject3_85f88b301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <media-image-caption>\n              <slot name=\"caption\"> ", " </slot>\n            </media-image-caption>\n          "])), this.caption) : "");
       }
     }, {
       key: "haxHooks",
@@ -155,7 +155,7 @@ define(["exports", "require", "../../lit/index.js", "../schema-behaviors/schema-
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject4_abc11a101f0511ed8cc3e9a95995ad69 || (_templateObject4_abc11a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: auto;\n          margin: auto;\n          max-width: 600px;\n          max-height: 600px;\n          --box-background-color: #f7f6ef;\n        }\n\n        :host([card]) {\n          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.14);\n          padding: 20px;\n        }\n\n        :host([box]) {\n          background-color: var(--box-background-color);\n          padding: 20px;\n        }\n\n        @media screen and (min-width: 450px) {\n          :host([size=\"small\"]) {\n            max-width: 50%;\n          }\n        }\n\n        @media screen and (min-width: 650px) {\n          :host([size=\"small\"]) {\n            max-width: 35%;\n          }\n        }\n\n        @media screen and (min-width: 900px) {\n          :host([size=\"small\"]) {\n            max-width: 25%;\n          }\n        }\n\n        :host([offset=\"left\"]) {\n          float: left;\n          margin: var(--media-image-offset-width, 1.5vw);\n          margin-left: calc(-2 * var(--media-image-offset-width, 1.5vw));\n          padding-left: calc(4 * var(--media-image-offset-width, 1.5vw));\n          margin-top: 0;\n          margin-bottom: calc(0.1 * var(--media-image-offset-width, 1.5vw));\n        }\n\n        :host([offset=\"right\"]) {\n          float: right;\n          margin: var(--media-image-offset-width, 1.5vw);\n          margin-right: calc(-2 * var(--media-image-offset-width, 1.5vw));\n          padding-right: calc(4 * var(--media-image-offset-width, 1.5vw));\n          margin-top: 0;\n          margin-bottom: calc(0.1 * var(--media-image-offset-width, 1.5vw));\n        }\n\n        :host([offset=\"wide\"]) {\n          margin: 0 calc(-1 * var(--media-image-offset-wide-width, 3.5vw));\n          max-width: 100vw;\n        }\n\n        :host([offset=\"narrow\"]) {\n          max-width: var(--media-image-offset-narrow-max-width, 500px);\n          margin: auto;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_85f88b301f2611eda0c389891c227ec8 || (_templateObject4_85f88b301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: auto;\n          margin: auto;\n          max-width: 600px;\n          max-height: 600px;\n          --box-background-color: #f7f6ef;\n        }\n\n        :host([card]) {\n          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.14);\n          padding: 20px;\n        }\n\n        :host([box]) {\n          background-color: var(--box-background-color);\n          padding: 20px;\n        }\n\n        @media screen and (min-width: 450px) {\n          :host([size=\"small\"]) {\n            max-width: 50%;\n          }\n        }\n\n        @media screen and (min-width: 650px) {\n          :host([size=\"small\"]) {\n            max-width: 35%;\n          }\n        }\n\n        @media screen and (min-width: 900px) {\n          :host([size=\"small\"]) {\n            max-width: 25%;\n          }\n        }\n\n        :host([offset=\"left\"]) {\n          float: left;\n          margin: var(--media-image-offset-width, 1.5vw);\n          margin-left: calc(-2 * var(--media-image-offset-width, 1.5vw));\n          padding-left: calc(4 * var(--media-image-offset-width, 1.5vw));\n          margin-top: 0;\n          margin-bottom: calc(0.1 * var(--media-image-offset-width, 1.5vw));\n        }\n\n        :host([offset=\"right\"]) {\n          float: right;\n          margin: var(--media-image-offset-width, 1.5vw);\n          margin-right: calc(-2 * var(--media-image-offset-width, 1.5vw));\n          padding-right: calc(4 * var(--media-image-offset-width, 1.5vw));\n          margin-top: 0;\n          margin-bottom: calc(0.1 * var(--media-image-offset-width, 1.5vw));\n        }\n\n        :host([offset=\"wide\"]) {\n          margin: 0 calc(-1 * var(--media-image-offset-wide-width, 3.5vw));\n          max-width: 100vw;\n        }\n\n        :host([offset=\"narrow\"]) {\n          max-width: var(--media-image-offset-narrow-max-width, 500px);\n          margin: auto;\n        }\n      "])))];
       }
     }, {
       key: "tag",
@@ -442,7 +442,7 @@ define(["exports", "require", "../../lit/index.js", "../schema-behaviors/schema-
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject5_abc11a101f0511ed8cc3e9a95995ad69 || (_templateObject5_abc11a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"image-wrap\">\n        <img\n          src=\"", "\"\n          alt=\"", "\"\n          aria-describedby=\"", "\"\n          loading=\"lazy\"\n        />\n      </div>\n    "])), this.source, this.alt, this.describedBy || "");
+        return (0, _index.html)(_templateObject5_85f88b301f2611eda0c389891c227ec8 || (_templateObject5_85f88b301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"image-wrap\">\n        <img\n          src=\"", "\"\n          alt=\"", "\"\n          aria-describedby=\"", "\"\n          loading=\"lazy\"\n        />\n      </div>\n    "])), this.source, this.alt, this.describedBy || "");
       }
     }, {
       key: "updated",
@@ -463,7 +463,7 @@ define(["exports", "require", "../../lit/index.js", "../schema-behaviors/schema-
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject6_abc11a101f0511ed8cc3e9a95995ad69 || (_templateObject6_abc11a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host(:hover) {\n          cursor: pointer;\n        }\n        .image-wrap {\n          max-height: 600px;\n          overflow: hidden;\n        }\n        .image-wrap img {\n          width: 100%;\n        }\n        :host([round]) .image-wrap {\n          border-radius: 50%;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject6_85f88b301f2611eda0c389891c227ec8 || (_templateObject6_85f88b301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host(:hover) {\n          cursor: pointer;\n        }\n        .image-wrap {\n          max-height: 600px;\n          overflow: hidden;\n        }\n        .image-wrap img {\n          width: 100%;\n        }\n        :host([round]) .image-wrap {\n          border-radius: 50%;\n        }\n      "])))];
       }
     }, {
       key: "properties",
@@ -519,7 +519,7 @@ define(["exports", "require", "../../lit/index.js", "../schema-behaviors/schema-
     babelHelpers.createClass(MediaImageCitation, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject7_abc11a101f0511ed8cc3e9a95995ad69 || (_templateObject7_abc11a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div class=\"citation\"><slot></slot></div> "])));
+        return (0, _index.html)(_templateObject7_85f88b301f2611eda0c389891c227ec8 || (_templateObject7_85f88b301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div class=\"citation\"><slot></slot></div> "])));
       }
     }], [{
       key: "styles",
@@ -528,7 +528,7 @@ define(["exports", "require", "../../lit/index.js", "../schema-behaviors/schema-
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject8_abc11a101f0511ed8cc3e9a95995ad69 || (_templateObject8_abc11a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          overflow: auto;\n          max-height: 100px;\n        }\n\n        .citation {\n          font-size: 12.8px;\n          font-style: italic;\n          color: #4c4c4c;\n          margin: 15px 0 15px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject8_85f88b301f2611eda0c389891c227ec8 || (_templateObject8_85f88b301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          overflow: auto;\n          max-height: 100px;\n        }\n\n        .citation {\n          font-size: 12.8px;\n          font-style: italic;\n          color: #4c4c4c;\n          margin: 15px 0 15px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
@@ -560,7 +560,7 @@ define(["exports", "require", "../../lit/index.js", "../schema-behaviors/schema-
     babelHelpers.createClass(MediaImageCaption, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject9_abc11a101f0511ed8cc3e9a95995ad69 || (_templateObject9_abc11a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"caption\">\n        ", "\n      </div>\n    "])), !this.__hasContent ? (0, _index.html)(_templateObject10_abc11a101f0511ed8cc3e9a95995ad69 || (_templateObject10_abc11a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot id=\"slot\"></slot> "]))) : "");
+        return (0, _index.html)(_templateObject9_85f88b301f2611eda0c389891c227ec8 || (_templateObject9_85f88b301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"caption\">\n        ", "\n      </div>\n    "])), !this.__hasContent ? (0, _index.html)(_templateObject10_85f88b301f2611eda0c389891c227ec8 || (_templateObject10_85f88b301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot id=\"slot\"></slot> "]))) : "");
       }
     }], [{
       key: "styles",
@@ -569,7 +569,7 @@ define(["exports", "require", "../../lit/index.js", "../schema-behaviors/schema-
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject11_abc11a101f0511ed8cc3e9a95995ad69 || (_templateObject11_abc11a101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          overflow: auto;\n          max-height: 200px;\n        }\n\n        .caption {\n          padding-bottom: 25px;\n          border-bottom: dashed 2px lightgray;\n          margin-bottom: 25px;\n          line-height: 1.5;\n          font-size: 18px;\n        }\n\n        .caption ::slotted(*) {\n          margin-top: 0;\n        }\n        .caption ::slotted(*:last-child) {\n          margin-bottom: 0;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject11_85f88b301f2611eda0c389891c227ec8 || (_templateObject11_85f88b301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          overflow: auto;\n          max-height: 200px;\n        }\n\n        .caption {\n          padding-bottom: 25px;\n          border-bottom: dashed 2px lightgray;\n          margin-bottom: 25px;\n          line-height: 1.5;\n          font-size: 18px;\n        }\n\n        .caption ::slotted(*) {\n          margin-top: 0;\n        }\n        .caption ::slotted(*:last-child) {\n          margin-bottom: 0;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/meme-maker/meme-maker.js b/build/es5-amd/node_modules/@lrnwebcomponents/meme-maker/meme-maker.js
index 736568db2a8..3bc3327dd3d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/meme-maker/meme-maker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/meme-maker/meme-maker.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _ind
   _exports.MemeMaker = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_abc4c3901f0511ed8cc3e9a95995ad69, _templateObject2_abc4c3901f0511ed8cc3e9a95995ad69;
+  var _templateObject_85fbbf801f2611eda0c389891c227ec8, _templateObject2_85fbbf801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -42,7 +42,7 @@ define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _ind
     babelHelpers.createClass(MemeMaker, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_abc4c3901f0511ed8cc3e9a95995ad69 || (_templateObject_abc4c3901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <figure>\n        <img\n          loading=\"lazy\"\n          src=\"", "\"\n          .alt=\"", "\"\n          aria-describedby=\"", "\"\n        />\n        <figcaption class=\"top-text\">", "</figcaption>\n        <figcaption class=\"bottom-text\">", "</figcaption>\n      </figure>\n    "])), this.imageUrl, this.alt, this.describedBy || "", this.topText, this.bottomText);
+        return (0, _index.html)(_templateObject_85fbbf801f2611eda0c389891c227ec8 || (_templateObject_85fbbf801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <figure>\n        <img\n          loading=\"lazy\"\n          src=\"", "\"\n          .alt=\"", "\"\n          aria-describedby=\"", "\"\n        />\n        <figcaption class=\"top-text\">", "</figcaption>\n        <figcaption class=\"bottom-text\">", "</figcaption>\n      </figure>\n    "])), this.imageUrl, this.alt, this.describedBy || "", this.topText, this.bottomText);
       }
     }, {
       key: "haxHooks",
@@ -115,7 +115,7 @@ define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _ind
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_abc4c3901f0511ed8cc3e9a95995ad69 || (_templateObject2_abc4c3901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        * {\n          box-sizing: border-box;\n        }\n        figure {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: 0;\n          font-size: 20px;\n          overflow: hidden;\n        }\n        img {\n          width: 100%;\n          height: auto;\n        }\n        .top-text,\n        .bottom-text {\n          position: absolute;\n          left: 0;\n          width: 100%;\n          padding: 3% 2%;\n          text-align: center;\n          text-transform: uppercase;\n          font-weight: 900;\n          font-family: \"Impact\", \"Arial Black\", \"sans serif\";\n          line-height: 1.2;\n          font-size: var(--meme-maker-font-size, 36px);\n          color: white;\n          text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,\n            1px 1px 0 #000;\n          letter-spacing: 2px;\n        }\n        .top-text {\n          top: 0;\n        }\n        .bottom-text {\n          bottom: 0;\n        }\n        @media (max-width: 800px) {\n          .top-text,\n          .bottom-text {\n            font-size: var(--meme-maker-font-size-medium, 20px);\n          }\n        }\n        @media (max-width: 600px) {\n          .top-text,\n          .bottom-text {\n            font-size: var(--meme-maker-font-size-small, 20px);\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_85fbbf801f2611eda0c389891c227ec8 || (_templateObject2_85fbbf801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        * {\n          box-sizing: border-box;\n        }\n        figure {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: 0;\n          font-size: 20px;\n          overflow: hidden;\n        }\n        img {\n          width: 100%;\n          height: auto;\n        }\n        .top-text,\n        .bottom-text {\n          position: absolute;\n          left: 0;\n          width: 100%;\n          padding: 3% 2%;\n          text-align: center;\n          text-transform: uppercase;\n          font-weight: 900;\n          font-family: \"Impact\", \"Arial Black\", \"sans serif\";\n          line-height: 1.2;\n          font-size: var(--meme-maker-font-size, 36px);\n          color: white;\n          text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,\n            1px 1px 0 #000;\n          letter-spacing: 2px;\n        }\n        .top-text {\n          top: 0;\n        }\n        .bottom-text {\n          bottom: 0;\n        }\n        @media (max-width: 800px) {\n          .top-text,\n          .bottom-text {\n            font-size: var(--meme-maker-font-size-medium, 20px);\n          }\n        }\n        @media (max-width: 600px) {\n          .top-text,\n          .bottom-text {\n            font-size: var(--meme-maker-font-size-small, 20px);\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/micro-copy-heading/micro-copy-heading.js b/build/es5-amd/node_modules/@lrnwebcomponents/micro-copy-heading/micro-copy-heading.js
index 0adf1231eb8..d61ceac539b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/micro-copy-heading/micro-copy-heading.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/micro-copy-heading/micro-copy-heading.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.MicroCopyHeading = void 0;
 
-  var _templateObject_abc734901f0511ed8cc3e9a95995ad69, _templateObject2_abc734901f0511ed8cc3e9a95995ad69;
+  var _templateObject_85fea5b01f2611eda0c389891c227ec8, _templateObject2_85fea5b01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -64,14 +64,14 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_abc734901f0511ed8cc3e9a95995ad69 || (_templateObject_abc734901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <h2>\n      ", "<span aria-hidden=\"true\">", "</span>\n    </h2>"])), this.heading, this.endcap);
+        return (0, _index.html)(_templateObject_85fea5b01f2611eda0c389891c227ec8 || (_templateObject_85fea5b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <h2>\n      ", "<span aria-hidden=\"true\">", "</span>\n    </h2>"])), this.heading, this.endcap);
       } // haxProperty definition
 
     }], [{
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_abc734901f0511ed8cc3e9a95995ad69 || (_templateObject2_abc734901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 16px 0;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        span {\n          margin-left: 8px;\n        }\n\n        h2 {\n          display: inline-flex;\n          margin: unset;\n          padding: unset;\n          font-size: 0.75em;\n          color: var(--simple-colors-default-theme-red-5, #de2654);\n          border: 2px solid var(--simple-colors-default-theme-red-5, #de2654);\n          line-height: 12px;\n          margin-right: 10px;\n          text-transform: uppercase;\n          font-weight: 500;\n          letter-spacing: 0.09em;\n          padding: 6px 16px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_85fea5b01f2611eda0c389891c227ec8 || (_templateObject2_85fea5b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 16px 0;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        span {\n          margin-left: 8px;\n        }\n\n        h2 {\n          display: inline-flex;\n          margin: unset;\n          padding: unset;\n          font-size: 0.75em;\n          color: var(--simple-colors-default-theme-red-5, #de2654);\n          border: 2px solid var(--simple-colors-default-theme-red-5, #de2654);\n          line-height: 12px;\n          margin-right: 10px;\n          text-transform: uppercase;\n          font-weight: 500;\n          letter-spacing: 0.09em;\n          padding: 6px 16px;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/moment-element/moment-element.js b/build/es5-amd/node_modules/@lrnwebcomponents/moment-element/moment-element.js
index 65781214c0e..193db41aed1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/moment-element/moment-element.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/moment-element/moment-element.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
   _exports.MomentElement = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_ad5241601f0511ed8cc3e9a95995ad69;
+  var _templateObject_87c1d9801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -57,7 +57,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
     babelHelpers.createClass(MomentElement, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ad5241601f0511ed8cc3e9a95995ad69 || (_templateObject_ad5241601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " "])), this.output);
+        return (0, _index.html)(_templateObject_87c1d9801f2611eda0c389891c227ec8 || (_templateObject_87c1d9801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " "])), this.output);
       }
     }, {
       key: "updated",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-generic-line.js b/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-generic-line.js
index 228fb3b4afb..c5bc281c927 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-generic-line.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-generic-line.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.MtzMarkedControlGenericLine = void 0;
 
-  var _templateObject_e0fda4501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7e2b6201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -29,7 +29,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     babelHelpers.createClass(MtzMarkedControlGenericLine, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e0fda4501f0511ed8cc3e9a95995ad69 || (_templateObject_e0fda4501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-block;\n        }\n      </style>\n\n      <simple-icon-button\n        icon=\"[[icon]]\"\n        noink=\"[[noink]]\"\n        on-click=\"_handleCommand\"\n        alt=\"[[title]]\"\n      ></simple-icon-button>\n\n      <iron-a11y-keys\n        keys=\"[[keys]]\"\n        on-keys-pressed=\"_handleCommand\"\n        target=\"[[__editor]]\"\n      ></iron-a11y-keys>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b7e2b6201f2611eda0c389891c227ec8 || (_templateObject_b7e2b6201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-block;\n        }\n      </style>\n\n      <simple-icon-button\n        icon=\"[[icon]]\"\n        noink=\"[[noink]]\"\n        on-click=\"_handleCommand\"\n        alt=\"[[title]]\"\n      ></simple-icon-button>\n\n      <iron-a11y-keys\n        keys=\"[[keys]]\"\n        on-keys-pressed=\"_handleCommand\"\n        target=\"[[__editor]]\"\n      ></iron-a11y-keys>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-generic-wrap.js b/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-generic-wrap.js
index 2d0a4474ccd..1b80bce3351 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-generic-wrap.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-generic-wrap.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.MtzMarkedControlGenericWrap = void 0;
 
-  var _templateObject_e10015501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7e686b01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -29,7 +29,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     babelHelpers.createClass(MtzMarkedControlGenericWrap, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e10015501f0511ed8cc3e9a95995ad69 || (_templateObject_e10015501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-block;\n        }\n      </style>\n\n      <simple-icon-button\n        icon=\"[[icon]]\"\n        noink=\"[[noink]]\"\n        on-click=\"_handleCommand\"\n        alt=\"[[title]]\"\n      ></simple-icon-button>\n\n      <iron-a11y-keys\n        keys=\"[[keys]]\"\n        on-keys-pressed=\"_handleCommand\"\n        target=\"[[__editor]]\"\n      ></iron-a11y-keys>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b7e686b01f2611eda0c389891c227ec8 || (_templateObject_b7e686b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-block;\n        }\n      </style>\n\n      <simple-icon-button\n        icon=\"[[icon]]\"\n        noink=\"[[noink]]\"\n        on-click=\"_handleCommand\"\n        alt=\"[[title]]\"\n      ></simple-icon-button>\n\n      <iron-a11y-keys\n        keys=\"[[keys]]\"\n        on-keys-pressed=\"_handleCommand\"\n        target=\"[[__editor]]\"\n      ></iron-a11y-keys>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-link.js b/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-link.js
index acac029a80d..1e1eef87261 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-link.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/lib/mtz-marked-control-link.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.MtzMarkedControlLink = void 0;
 
-  var _templateObject_e104f7501f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7eb8fc01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -89,7 +89,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e104f7501f0511ed8cc3e9a95995ad69 || (_templateObject_e104f7501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-block;\n        }\n      </style>\n\n      <simple-icon-button\n        icon=\"[[icon]]\"\n        noink=\"[[noink]]\"\n        on-click=\"_handleCommand\"\n        alt=\"[[title]]\"\n      ></simple-icon-button>\n\n      <iron-a11y-keys\n        keys=\"[[keys]]\"\n        on-keys-pressed=\"_handleCommand\"\n        target=\"[[__editor]]\"\n      ></iron-a11y-keys>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_b7eb8fc01f2611eda0c389891c227ec8 || (_templateObject_b7eb8fc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-block;\n        }\n      </style>\n\n      <simple-icon-button\n        icon=\"[[icon]]\"\n        noink=\"[[noink]]\"\n        on-click=\"_handleCommand\"\n        alt=\"[[title]]\"\n      ></simple-icon-button>\n\n      <iron-a11y-keys\n        keys=\"[[keys]]\"\n        on-keys-pressed=\"_handleCommand\"\n        target=\"[[__editor]]\"\n      ></iron-a11y-keys>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/mtz-marked-editor.js b/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/mtz-marked-editor.js
index 78dafacd2c4..121bfe314f2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/mtz-marked-editor.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/mtz-marked-editor/mtz-marked-editor.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.matchesSelector = _exports.MtzMarkedEditor = void 0;
 
-  var _templateObject_ad471dd01f0511ed8cc3e9a95995ad69;
+  var _templateObject_87b7a0501f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -182,7 +182,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_ad471dd01f0511ed8cc3e9a95995ad69 || (_templateObject_ad471dd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <slot name=\"controls\"></slot> <slot name=\"textarea\"></slot>\n      <slot name=\"footer\"></slot>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_87b7a0501f2611eda0c389891c227ec8 || (_templateObject_87b7a0501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <slot name=\"controls\"></slot> <slot name=\"textarea\"></slot>\n      <slot name=\"footer\"></slot>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/multiple-choice/lib/multiple-choice-response.js b/build/es5-amd/node_modules/@lrnwebcomponents/multiple-choice/lib/multiple-choice-response.js
index e215f8c6d62..09ea2acbd49 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/multiple-choice/lib/multiple-choice-response.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/multiple-choice/lib/multiple-choice-response.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-fields/lib/sim
   _exports.MultipleChoiceResponse = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_e10e1f101f0511ed8cc3e9a95995ad69, _templateObject2_e10e1f101f0511ed8cc3e9a95995ad69;
+  var _templateObject_b7f41b401f2611eda0c389891c227ec8, _templateObject2_b7f41b401f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -68,7 +68,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-fields/lib/sim
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e10e1f101f0511ed8cc3e9a95995ad69 || (_templateObject_e10e1f101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot id=\"slot\" property=\"oer:answer\"></slot>\n      <simple-fields-field\n        label=\"", "\"\n        aria-describedby=\"slot\"\n        type=\"", "\"\n        @value-changed=\"", "\"\n        .value=\"", "\"\n      ></simple-fields-field>"])), this.__fieldLabel || "Is this response correct?", this.type, this._handleClick, !!this.correct);
+        return (0, _index.html)(_templateObject_b7f41b401f2611eda0c389891c227ec8 || (_templateObject_b7f41b401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot id=\"slot\" property=\"oer:answer\"></slot>\n      <simple-fields-field\n        label=\"", "\"\n        aria-describedby=\"slot\"\n        type=\"", "\"\n        @value-changed=\"", "\"\n        .value=\"", "\"\n      ></simple-fields-field>"])), this.__fieldLabel || "Is this response correct?", this.type, this._handleClick, !!this.correct);
       }
     }], [{
       key: "styles",
@@ -77,7 +77,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-fields/lib/sim
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e10e1f101f0511ed8cc3e9a95995ad69 || (_templateObject2_e10e1f101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          width: 100%;\n          justify-content: space-between;\n          opacity: 0.6;\n        }\n        :host(:hover),\n        :host(:focus-within) {\n          opacity: 1;\n          outline: 1px solid;\n        }\n        #slot {\n          flex: 0 0 auto;\n        }\n        simple-fields-field {\n          flex: 0 0 auto;\n          margin: 0;\n        }\n        ::slotted(*) {\n          font-size: var(--simple-fields-font-size, 16px);\n          text-align: var(--simple-fields-text-align);\n          font-family: var(--simple-fields-font-family, sans-serif);\n          line-height: var(--simple-fields-line-height, 22px);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_b7f41b401f2611eda0c389891c227ec8 || (_templateObject2_b7f41b401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          width: 100%;\n          justify-content: space-between;\n          opacity: 0.6;\n        }\n        :host(:hover),\n        :host(:focus-within) {\n          opacity: 1;\n          outline: 1px solid;\n        }\n        #slot {\n          flex: 0 0 auto;\n        }\n        simple-fields-field {\n          flex: 0 0 auto;\n          margin: 0;\n        }\n        ::slotted(*) {\n          font-size: var(--simple-fields-font-size, 16px);\n          text-align: var(--simple-fields-text-align);\n          font-family: var(--simple-fields-font-family, sans-serif);\n          line-height: var(--simple-fields-line-height, 22px);\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/multiple-choice/multiple-choice.js b/build/es5-amd/node_modules/@lrnwebcomponents/multiple-choice/multiple-choice.js
index e62244c149e..dd9fda947bd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/multiple-choice/multiple-choice.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/multiple-choice/multiple-choice.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ac3279801f0511ed8cc3e9a95995ad69, _templateObject2_ac3279801f0511ed8cc3e9a95995ad69, _templateObject3_ac3279801f0511ed8cc3e9a95995ad69, _templateObject4_ac3279801f0511ed8cc3e9a95995ad69, _templateObject5_ac3279801f0511ed8cc3e9a95995ad69;
+  var _templateObject_868896301f2611eda0c389891c227ec8, _templateObject2_868896301f2611eda0c389891c227ec8, _templateObject3_868896301f2611eda0c389891c227ec8, _templateObject4_868896301f2611eda0c389891c227ec8, _templateObject5_868896301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -105,7 +105,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ac3279801f0511ed8cc3e9a95995ad69 || (_templateObject_ac3279801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <confetti-container id=\"confetti\">\n        <meta property=\"oer:assessing\" content=\"", "\" />\n        <h3 id=\"question\" property=\"oer:name\"><slot name=\"question\"></slot></h3>\n        ", "\n      </confetti-container>\n    "])), this.relatedResource, this.editMode ? (0, _index.html)(_templateObject2_ac3279801f0511ed8cc3e9a95995ad69 || (_templateObject2_ac3279801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"editMode\">\n              <slot name=\"question\"></slot>\n              <slot></slot>\n              <p class=\"feedback\">\n                <simple-icon\n                  icon=\"", "\"\n                  accent-color=\"green\"\n                  dark\n                ></simple-icon>\n                <slot name=\"correct-feedback\"></slot>\n              </p>\n              <p class=\"feedback\">\n                <simple-icon\n                  icon=\"", "\"\n                  accent-color=\"red\"\n                  dark\n                ></simple-icon>\n                <slot name=\"incorrect-feedback\"></slot>\n              </p>\n            </div>"])), this.correctIcon, this.incorrectIcon) : (0, _index.html)(_templateObject3_ac3279801f0511ed8cc3e9a95995ad69 || (_templateObject3_ac3279801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <simple-fields-field\n                id=\"multiple-choice-question\"\n                aria-labelledby=\"question\"\n                block-options\n                ?disabled=\"", "\"\n                ?inline=\"", "\"\n                type=\"", "\"\n                .itemsList=\"", "\"\n                .value=\"", "\"\n                name=\"answers\"\n                @value-changed=\"", "\"\n              ></simple-fields-field>\n              ", "\n            "])), this.disabled, false, this.inputType, this.displayedAnswers, this.userGuess || [], this.checkedEvent, !this.hideButtons ? (0, _index.html)(_templateObject4_ac3279801f0511ed8cc3e9a95995ad69 || (_templateObject4_ac3279801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <div id=\"buttons\">\n                      <simple-toolbar-button\n                        id=\"check\"\n                        ?disabled=\"", "\"\n                        @click=\"", "\"\n                        label=\"", "\"\n                      >\n                      </simple-toolbar-button>\n                      <simple-toolbar-button\n                        id=\"reset\"\n                        ?disabled=\"", "\"\n                        @click=\"", "\"\n                        label=\"", "\"\n                      >\n                      </simple-toolbar-button>\n                    </div>\n                  "])), this.disabled, this._verifyAnswers, this.checkLabel, this.disabled, this.resetAnswers, this.resetLabel) : ""));
+        return (0, _index.html)(_templateObject_868896301f2611eda0c389891c227ec8 || (_templateObject_868896301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <confetti-container id=\"confetti\">\n        <meta property=\"oer:assessing\" content=\"", "\" />\n        <h3 id=\"question\" property=\"oer:name\"><slot name=\"question\"></slot></h3>\n        ", "\n      </confetti-container>\n    "])), this.relatedResource, this.editMode ? (0, _index.html)(_templateObject2_868896301f2611eda0c389891c227ec8 || (_templateObject2_868896301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"editMode\">\n              <slot name=\"question\"></slot>\n              <slot></slot>\n              <p class=\"feedback\">\n                <simple-icon\n                  icon=\"", "\"\n                  accent-color=\"green\"\n                  dark\n                ></simple-icon>\n                <slot name=\"correct-feedback\"></slot>\n              </p>\n              <p class=\"feedback\">\n                <simple-icon\n                  icon=\"", "\"\n                  accent-color=\"red\"\n                  dark\n                ></simple-icon>\n                <slot name=\"incorrect-feedback\"></slot>\n              </p>\n            </div>"])), this.correctIcon, this.incorrectIcon) : (0, _index.html)(_templateObject3_868896301f2611eda0c389891c227ec8 || (_templateObject3_868896301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <simple-fields-field\n                id=\"multiple-choice-question\"\n                aria-labelledby=\"question\"\n                block-options\n                ?disabled=\"", "\"\n                ?inline=\"", "\"\n                type=\"", "\"\n                .itemsList=\"", "\"\n                .value=\"", "\"\n                name=\"answers\"\n                @value-changed=\"", "\"\n              ></simple-fields-field>\n              ", "\n            "])), this.disabled, false, this.inputType, this.displayedAnswers, this.userGuess || [], this.checkedEvent, !this.hideButtons ? (0, _index.html)(_templateObject4_868896301f2611eda0c389891c227ec8 || (_templateObject4_868896301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <div id=\"buttons\">\n                      <simple-toolbar-button\n                        id=\"check\"\n                        ?disabled=\"", "\"\n                        @click=\"", "\"\n                        label=\"", "\"\n                      >\n                      </simple-toolbar-button>\n                      <simple-toolbar-button\n                        id=\"reset\"\n                        ?disabled=\"", "\"\n                        @click=\"", "\"\n                        label=\"", "\"\n                      >\n                      </simple-toolbar-button>\n                    </div>\n                  "])), this.disabled, this._verifyAnswers, this.checkLabel, this.disabled, this.resetAnswers, this.resetLabel) : ""));
       }
     }, {
       key: "checkedEvent",
@@ -504,7 +504,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(MultipleChoice), "styles", this)), [(0, _index.css)(_templateObject5_ac3279801f0511ed8cc3e9a95995ad69 || (_templateObject5_ac3279801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          min-width: 160px;\n          padding: 16px;\n          margin-bottom: 16px;\n          border: 1px solid var(--simple-colors-default-theme-grey-8);\n          border-radius: 3px;\n          color: var(--simple-colors-default-theme-grey-12);\n          --simple-toolbar-button-border-color: var(\n            --simple-colors-default-theme-grey-4\n          );\n          --simple-fields-field-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --simple-fields-field-ink-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --simple-fields-field-checked-color: var(\n            --simple-colors-default-theme-accent-8\n          );\n          --simple-fields-field-checked-ink-color: var(\n            --simple-colors-default-theme-accent-8\n          );\n          --simple-fields-field-checkmark-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --simple-fields-field-label-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --simple-fields-field-error-color: var(\n            --simple-colors-default-theme-red-8\n          );\n          --simple-fields-border-bottom-size: 0px;\n          --simple-fields-border-bottom-focus-size: 0px;\n        }\n\n        :host button {\n          background-color: var(--simple-colors-default-theme-grey-1);\n          color: var(--simple-colors-default-theme-grey-12);\n        }\n        :host button:hover,\n        :host button:focus,\n        :host button:active {\n          cursor: pointer;\n          background-color: var(--simple-colors-default-theme-grey-2);\n          color: var(--simple-colors-default-theme-grey-12);\n        }\n        ul {\n          list-style: none;\n          padding: 0;\n          margin: 0;\n        }\n        ul li {\n          padding: 0;\n        }\n        simple-icon {\n          display: inline-flex;\n        }\n        h3 {\n          margin-top: 0;\n        }\n        #buttons {\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n        }\n        #check {\n          margin-right: 8px;\n        }\n        .feedback {\n          background-color: black;\n          color: white;\n          display: flex;\n          align-items: center;\n          justify-content: flex-start;\n          padding: 8px;\n          border-radius: 3px;\n        }\n        .feedback simple-icon {\n          margin-right: 8px;\n        }\n        ::slotted([slot=\"question\"]) {\n          margin: 0;\n        }\n        .feedback,\n        ::slotted(multiple-choice-response),\n        ::slotted([slot=\"correct-feedback\"]),\n        ::slotted([slot=\"incorrect-feedback\"]) {\n          font-size: var(--simple-fields-font-size, 16px);\n          text-align: var(--simple-fields-text-align);\n          font-family: var(--simple-fields-font-family, sans-serif);\n          line-height: var(--simple-fields-line-height, 22px);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(MultipleChoice), "styles", this)), [(0, _index.css)(_templateObject5_868896301f2611eda0c389891c227ec8 || (_templateObject5_868896301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          min-width: 160px;\n          padding: 16px;\n          margin-bottom: 16px;\n          border: 1px solid var(--simple-colors-default-theme-grey-8);\n          border-radius: 3px;\n          color: var(--simple-colors-default-theme-grey-12);\n          --simple-toolbar-button-border-color: var(\n            --simple-colors-default-theme-grey-4\n          );\n          --simple-fields-field-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --simple-fields-field-ink-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --simple-fields-field-checked-color: var(\n            --simple-colors-default-theme-accent-8\n          );\n          --simple-fields-field-checked-ink-color: var(\n            --simple-colors-default-theme-accent-8\n          );\n          --simple-fields-field-checkmark-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --simple-fields-field-label-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --simple-fields-field-error-color: var(\n            --simple-colors-default-theme-red-8\n          );\n          --simple-fields-border-bottom-size: 0px;\n          --simple-fields-border-bottom-focus-size: 0px;\n        }\n\n        :host button {\n          background-color: var(--simple-colors-default-theme-grey-1);\n          color: var(--simple-colors-default-theme-grey-12);\n        }\n        :host button:hover,\n        :host button:focus,\n        :host button:active {\n          cursor: pointer;\n          background-color: var(--simple-colors-default-theme-grey-2);\n          color: var(--simple-colors-default-theme-grey-12);\n        }\n        ul {\n          list-style: none;\n          padding: 0;\n          margin: 0;\n        }\n        ul li {\n          padding: 0;\n        }\n        simple-icon {\n          display: inline-flex;\n        }\n        h3 {\n          margin-top: 0;\n        }\n        #buttons {\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n        }\n        #check {\n          margin-right: 8px;\n        }\n        .feedback {\n          background-color: black;\n          color: white;\n          display: flex;\n          align-items: center;\n          justify-content: flex-start;\n          padding: 8px;\n          border-radius: 3px;\n        }\n        .feedback simple-icon {\n          margin-right: 8px;\n        }\n        ::slotted([slot=\"question\"]) {\n          margin: 0;\n        }\n        .feedback,\n        ::slotted(multiple-choice-response),\n        ::slotted([slot=\"correct-feedback\"]),\n        ::slotted([slot=\"incorrect-feedback\"]) {\n          font-size: var(--simple-fields-font-size, 16px);\n          text-align: var(--simple-fields-text-align);\n          font-family: var(--simple-fields-font-family, sans-serif);\n          line-height: var(--simple-fields-line-height, 22px);\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/music-player/music-player.js b/build/es5-amd/node_modules/@lrnwebcomponents/music-player/music-player.js
index d8cdd2f103a..47d3d9d5623 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/music-player/music-player.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/music-player/music-player.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ac34ea801f0511ed8cc3e9a95995ad69, _templateObject2_ac34ea801f0511ed8cc3e9a95995ad69;
+  var _templateObject_868b55501f2611eda0c389891c227ec8, _templateObject2_868b55501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -49,7 +49,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_ac34ea801f0511ed8cc3e9a95995ad69 || (_templateObject_ac34ea801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <midi-visualizer\n        type=\"", "\"\n        src=\"", "\"\n      ></midi-visualizer>\n      <midi-player src=\"", "\" sound-font></midi-player>\n    "])), this.visualizer, this.source, this.source);
+        return (0, _index.html)(_templateObject_868b55501f2611eda0c389891c227ec8 || (_templateObject_868b55501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <midi-visualizer\n        type=\"", "\"\n        src=\"", "\"\n      ></midi-visualizer>\n      <midi-player src=\"", "\" sound-font></midi-player>\n    "])), this.visualizer, this.source, this.source);
       } // properties available to the custom element for data binding
 
     }, {
@@ -87,7 +87,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_ac34ea801f0511ed8cc3e9a95995ad69 || (_templateObject2_ac34ea801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        midi-player {\n          display: block;\n          width: var(--music-player-midi-player-width, unset);\n          margin: var(--music-player-midi-player-margin, 4px);\n        }\n        :host([no-visual]) midi-visualizer {\n          display: none;\n        }\n\n        :host([no-waterfall]) midi-visualizer .waterfall-notes-container {\n          display: none;\n        }\n        midi-visualizer .waterfall-visualizer {\n          overflow: auto;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_868b55501f2611eda0c389891c227ec8 || (_templateObject2_868b55501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        midi-player {\n          display: block;\n          width: var(--music-player-midi-player-width, unset);\n          margin: var(--music-player-midi-player-margin, 4px);\n        }\n        :host([no-visual]) midi-visualizer {\n          display: none;\n        }\n\n        :host([no-waterfall]) midi-visualizer .waterfall-notes-container {\n          display: none;\n        }\n        midi-visualizer .waterfall-visualizer {\n          overflow: auto;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/nav-card/lib/nav-card-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/nav-card/lib/nav-card-item.js
index 2f1cd0ad06d..bee9301d783 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/nav-card/lib/nav-card-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/nav-card/lib/nav-card-item.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
   });
   _exports.NavCardItem = void 0;
 
-  var _templateObject_e25c98101f0511ed8cc3e9a95995ad69, _templateObject2_e25c98101f0511ed8cc3e9a95995ad69, _templateObject3_e25c98101f0511ed8cc3e9a95995ad69, _templateObject4_e25c98101f0511ed8cc3e9a95995ad69;
+  var _templateObject_b936d4701f2611eda0c389891c227ec8, _templateObject2_b936d4701f2611eda0c389891c227ec8, _templateObject3_b936d4701f2611eda0c389891c227ec8, _templateObject4_b936d4701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -71,7 +71,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     babelHelpers.createClass(NavCardItem, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e25c98101f0511ed8cc3e9a95995ad69 || (_templateObject_e25c98101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <div>\n        <slot name=\"label\"></slot>\n        <slot name=\"description\"></slot>\n      </div>\n      ", "\n    "])), !this.avatar && !this.initials ? "" : (0, _index.html)(_templateObject2_e25c98101f0511ed8cc3e9a95995ad69 || (_templateObject2_e25c98101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <lrndesign-avatar\n              .accentColor=\"", "\"\n              ?allow-grey=\"", "\"\n              ?dark=\"", "\"\n              .icon=\"", "\"\n              ?invert=\"", "\"\n              .src=\"", "\"\n              .label=\"", "\"\n              ?two-chars=\"", "\"\n            >\n            </lrndesign-avatar>\n          "])), this.accentColor || "", this.allowGrey, this.dark, this.ico, this.invert, this.src, this.label, this.twoChars), !this.icon ? "" : (0, _index.html)(_templateObject3_e25c98101f0511ed8cc3e9a95995ad69 || (_templateObject3_e25c98101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-icon-lite icon=\"", "\"></simple-icon-lite> "])), this.icon));
+        return (0, _index.html)(_templateObject_b936d4701f2611eda0c389891c227ec8 || (_templateObject_b936d4701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <div>\n        <slot name=\"label\"></slot>\n        <slot name=\"description\"></slot>\n      </div>\n      ", "\n    "])), !this.avatar && !this.initials ? "" : (0, _index.html)(_templateObject2_b936d4701f2611eda0c389891c227ec8 || (_templateObject2_b936d4701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <lrndesign-avatar\n              .accentColor=\"", "\"\n              ?allow-grey=\"", "\"\n              ?dark=\"", "\"\n              .icon=\"", "\"\n              ?invert=\"", "\"\n              .src=\"", "\"\n              .label=\"", "\"\n              ?two-chars=\"", "\"\n            >\n            </lrndesign-avatar>\n          "])), this.accentColor || "", this.allowGrey, this.dark, this.ico, this.invert, this.src, this.label, this.twoChars), !this.icon ? "" : (0, _index.html)(_templateObject3_b936d4701f2611eda0c389891c227ec8 || (_templateObject3_b936d4701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-icon-lite icon=\"", "\"></simple-icon-lite> "])), this.icon));
       }
     }, {
       key: "twoChars",
@@ -298,7 +298,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject4_e25c98101f0511ed8cc3e9a95995ad69 || (_templateObject4_e25c98101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          position: relative;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          text-decoration: none;\n          padding: 5px 0;\n          margin-bottom: 1px;\n          color: var(--nav-card-item-color, unset);\n          background-color: var(--nav-card-item-background-color, unset);\n          border-bottom: var(\n            --nav-card-linklist-border-bottom,\n            1px solid var(--simple-colors-default-theme-grey-4, #666)\n          );\n        }\n        :host(:last-of-type) {\n          border-bottom: none;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host div {\n          flex: 1 1 auto;\n        }\n        ::slotted([slot=\"label\"]:hover),\n        ::slotted([slot=\"label\"]:focus),\n        :host(:hover) ::slotted([slot=\"label\"]),\n        :host(:focus-within) ::slotted([slot=\"label\"]) {\n          text-decoration: underline;\n        }\n        ::slotted(*) {\n          display: block;\n        }\n        ::slotted([slot=\"label\"]),\n        ::slotted([slot=\"description\"]) {\n          color: inherit;\n          font-family: inherit;\n        }\n        ::slotted([slot=\"label\"]) {\n          text-decoration: inherit;\n          outline: none;\n          border: none;\n          padding: 0;\n          text-align: left;\n          color: var(--nav-card-item-color, unset);\n          background-color: var(--nav-card-item-background-color, unset);\n          font-size: var(--nav-card-item-label-font-size, inherit);\n          font-weight: var(--nav-card-item-label-font-weight, bold);\n        }\n        ::slotted([slot=\"description\"]) {\n          font-size: var(--nav-card-item-label-font-size, 11px);\n          font-weight: var(--nav-card-item-label-font-weight, normal);\n        }\n        ::slotted([slot=\"label\"]):after {\n          content: \"\";\n          position: absolute;\n          left: 0;\n          top: 0;\n          right: 0;\n          bottom: 0;\n        }\n        ::slotted([slot=\"label\"]:focus):after {\n          outline: 1px solid blue;\n        }\n        lrndesign-avatar {\n          margin-right: 10px;\n          --lrndesign-avatar-width: var(\n            --nav-card-item-avatar-width,\n            var(--nav-card-item-avatar-size, 36px)\n          );\n          --lrndesign-avatar-height: var(\n            --nav-card-item-avatar-height,\n            var(--nav-card-item-avatar-size, 36px)\n          );\n          --lrndesign-avatar-border-radius: var(\n            --nav-card-item-avatar-border-radius,\n            50%\n          );\n        }\n        simple-icon-lite {\n          margin-left: 10px;\n          --simple-icon-width: var(\n            --nav-card-item-icon-width,\n            var(--nav-card-item-icon-size, 24px)\n          );\n          --simple-icon-height: var(\n            --nav-card-item-icon-height,\n            var(--nav-card-item-icon-size, 24px)\n          );\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_b936d4701f2611eda0c389891c227ec8 || (_templateObject4_b936d4701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          position: relative;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          text-decoration: none;\n          padding: 5px 0;\n          margin-bottom: 1px;\n          color: var(--nav-card-item-color, unset);\n          background-color: var(--nav-card-item-background-color, unset);\n          border-bottom: var(\n            --nav-card-linklist-border-bottom,\n            1px solid var(--simple-colors-default-theme-grey-4, #666)\n          );\n        }\n        :host(:last-of-type) {\n          border-bottom: none;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host div {\n          flex: 1 1 auto;\n        }\n        ::slotted([slot=\"label\"]:hover),\n        ::slotted([slot=\"label\"]:focus),\n        :host(:hover) ::slotted([slot=\"label\"]),\n        :host(:focus-within) ::slotted([slot=\"label\"]) {\n          text-decoration: underline;\n        }\n        ::slotted(*) {\n          display: block;\n        }\n        ::slotted([slot=\"label\"]),\n        ::slotted([slot=\"description\"]) {\n          color: inherit;\n          font-family: inherit;\n        }\n        ::slotted([slot=\"label\"]) {\n          text-decoration: inherit;\n          outline: none;\n          border: none;\n          padding: 0;\n          text-align: left;\n          color: var(--nav-card-item-color, unset);\n          background-color: var(--nav-card-item-background-color, unset);\n          font-size: var(--nav-card-item-label-font-size, inherit);\n          font-weight: var(--nav-card-item-label-font-weight, bold);\n        }\n        ::slotted([slot=\"description\"]) {\n          font-size: var(--nav-card-item-label-font-size, 11px);\n          font-weight: var(--nav-card-item-label-font-weight, normal);\n        }\n        ::slotted([slot=\"label\"]):after {\n          content: \"\";\n          position: absolute;\n          left: 0;\n          top: 0;\n          right: 0;\n          bottom: 0;\n        }\n        ::slotted([slot=\"label\"]:focus):after {\n          outline: 1px solid blue;\n        }\n        lrndesign-avatar {\n          margin-right: 10px;\n          --lrndesign-avatar-width: var(\n            --nav-card-item-avatar-width,\n            var(--nav-card-item-avatar-size, 36px)\n          );\n          --lrndesign-avatar-height: var(\n            --nav-card-item-avatar-height,\n            var(--nav-card-item-avatar-size, 36px)\n          );\n          --lrndesign-avatar-border-radius: var(\n            --nav-card-item-avatar-border-radius,\n            50%\n          );\n        }\n        simple-icon-lite {\n          margin-left: 10px;\n          --simple-icon-width: var(\n            --nav-card-item-icon-width,\n            var(--nav-card-item-icon-size, 24px)\n          );\n          --simple-icon-height: var(\n            --nav-card-item-icon-height,\n            var(--nav-card-item-icon-size, 24px)\n          );\n        }\n      "])))];
       }
     }]);
     return NavCardItem;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/nav-card/nav-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/nav-card/nav-card.js
index 3a217f23c21..3a721994901 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/nav-card/nav-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/nav-card/nav-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../accent-card/accent-card.js", "../si
   });
   _exports.NavCard = void 0;
 
-  var _templateObject_ac3894001f0511ed8cc3e9a95995ad69, _templateObject2_ac3894001f0511ed8cc3e9a95995ad69;
+  var _templateObject_868f74001f2611eda0c389891c227ec8, _templateObject2_868f74001f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -44,14 +44,14 @@ define(["exports", "../../lit/index.js", "../accent-card/accent-card.js", "../si
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_ac3894001f0511ed8cc3e9a95995ad69 || (_templateObject_ac3894001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <article id=\"card\">\n      <div class=\"image-outer\" ?hidden=\"", "\">\n        <div\n          class=\"image\"\n          .style=\"", "\"\n        ></div>\n      </div>\n      <div class=\"body\">\n        <h1 id=\"heading\"><slot name=\"heading\"></slot></h1>\n        <div id=\"subheading\"><slot name=\"subheading\"></slot></div>\n        <div id=\"content\">\n          <slot name=\"body\"></slot>\n          <div id=\"linklist\">\n            <slot name=\"linklist\"></slot>\n          </div>\n        </div>\n        <div id=\"footer\"><slot name=\"footer\"></slot></div>\n      </div>\n    </article>"])), !this.imageSrc, this.imageSrc ? "background-image: url(".concat(this.imageSrc, ");") : "display: none;");
+        return (0, _index.html)(_templateObject_868f74001f2611eda0c389891c227ec8 || (_templateObject_868f74001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <article id=\"card\">\n      <div class=\"image-outer\" ?hidden=\"", "\">\n        <div\n          class=\"image\"\n          .style=\"", "\"\n        ></div>\n      </div>\n      <div class=\"body\">\n        <h1 id=\"heading\"><slot name=\"heading\"></slot></h1>\n        <div id=\"subheading\"><slot name=\"subheading\"></slot></div>\n        <div id=\"content\">\n          <slot name=\"body\"></slot>\n          <div id=\"linklist\">\n            <slot name=\"linklist\"></slot>\n          </div>\n        </div>\n        <div id=\"footer\"><slot name=\"footer\"></slot></div>\n      </div>\n    </article>"])), !this.imageSrc, this.imageSrc ? "background-image: url(".concat(this.imageSrc, ");") : "display: none;");
       } // haxProperty definition
 
     }], [{
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(NavCard), "styles", this)), [(0, _index.css)(_templateObject2_ac3894001f0511ed8cc3e9a95995ad69 || (_templateObject2_ac3894001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --accent-card-content-padding-bottom: 0px;\n        }\n\n        ::slotted([slot=\"linklist\"]) {\n          --nav-card-item-color: var(--accent-card-color);\n          --nav-card-item-background-color: var(--accent-card-background-color);\n          margin-top: var(--nav-card-linklist-margin-top, 20px);\n          margin-bottom: var(--nav-card-linklist-margin-bottom, 20px);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(NavCard), "styles", this)), [(0, _index.css)(_templateObject2_868f74001f2611eda0c389891c227ec8 || (_templateObject2_868f74001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --accent-card-content-padding-bottom: 0px;\n        }\n\n        ::slotted([slot=\"linklist\"]) {\n          --nav-card-item-color: var(--accent-card-color);\n          --nav-card-item-background-color: var(--accent-card-background-color);\n          margin-top: var(--nav-card-linklist-margin-top, 20px);\n          margin-bottom: var(--nav-card-linklist-margin-bottom, 20px);\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/oer-schema/oer-schema.js b/build/es5-amd/node_modules/@lrnwebcomponents/oer-schema/oer-schema.js
index 8d1c6965c15..1dd13911256 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/oer-schema/oer-schema.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/oer-schema/oer-schema.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
   });
   _exports.OerSchemaElement = void 0;
 
-  var _templateObject_acb035001f0511ed8cc3e9a95995ad69, _templateObject2_acb035001f0511ed8cc3e9a95995ad69;
+  var _templateObject_8692a8501f2611eda0c389891c227ec8, _templateObject2_8692a8501f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -41,7 +41,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
     babelHelpers.createClass(OerSchemaElement, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_acb035001f0511ed8cc3e9a95995ad69 || (_templateObject_acb035001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <span property=\"oer:", "\">\n        <slot></slot> ", "\n      </span>\n    "])), this.oerProperty, this.text);
+        return (0, _index.html)(_templateObject_8692a8501f2611eda0c389891c227ec8 || (_templateObject_8692a8501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <span property=\"oer:", "\">\n        <slot></slot> ", "\n      </span>\n    "])), this.oerProperty, this.text);
       }
     }, {
       key: "updated",
@@ -81,7 +81,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_acb035001f0511ed8cc3e9a95995ad69 || (_templateObject2_acb035001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8692a8501f2611eda0c389891c227ec8 || (_templateObject2_8692a8501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/outline-designer/lib/sortable-list.js b/build/es5-amd/node_modules/@lrnwebcomponents/outline-designer/lib/sortable-list.js
index 81547e5aaa9..027afd8a894 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/outline-designer/lib/sortable-list.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/outline-designer/lib/sortable-list.js
@@ -8,7 +8,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   async = _interopRequireWildcard(async);
   Gestures = _interopRequireWildcard(Gestures);
 
-  var _templateObject_e33433601f0511ed8cc3e9a95995ad69;
+  var _templateObject_ba0129501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -376,7 +376,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
       key: "template",
       get: // render function
       function get() {
-        return (0, _polymerElement.html)(_templateObject_e33433601f0511ed8cc3e9a95995ad69 || (_templateObject_e33433601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n        }\n        #items ::slotted(*) {\n          user-drag: none;\n          user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          -webkit-user-drag: none;\n          -webkit-user-select: none;\n          -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n        }\n        #items ::slotted(.item--transform) {\n          left: 0;\n          margin: 0 !important;\n          position: fixed !important;\n          top: 0;\n          transition: transform 0.2s cubic-bezier(0.333, 0, 0, 1);\n          will-change: transform;\n          z-index: 1;\n        }\n        #items ::slotted(.item--pressed) {\n          transition: none !important;\n        }\n        #items ::slotted(.item--dragged) {\n          -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n          filter: brightness(1.1);\n          z-index: 2;\n        }\n      </style>\n      <div id=\"items\"><slot id=\"slot\"></slot></div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_ba0129501f2611eda0c389891c227ec8 || (_templateObject_ba0129501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n        }\n        #items ::slotted(*) {\n          user-drag: none;\n          user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          -webkit-user-drag: none;\n          -webkit-user-select: none;\n          -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n        }\n        #items ::slotted(.item--transform) {\n          left: 0;\n          margin: 0 !important;\n          position: fixed !important;\n          top: 0;\n          transition: transform 0.2s cubic-bezier(0.333, 0, 0, 1);\n          will-change: transform;\n          z-index: 1;\n        }\n        #items ::slotted(.item--pressed) {\n          transition: none !important;\n        }\n        #items ::slotted(.item--dragged) {\n          -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n          filter: brightness(1.1);\n          z-index: 2;\n        }\n      </style>\n      <div id=\"items\"><slot id=\"slot\"></slot></div>\n    "])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/outline-designer/outline-designer.js b/build/es5-amd/node_modules/@lrnwebcomponents/outline-designer/outline-designer.js
index cdd85f46e69..62828e4beec 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/outline-designer/outline-designer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/outline-designer/outline-designer.js
@@ -7,7 +7,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   _exports.OutlineDesigner = void 0;
   async = _interopRequireWildcard(async);
 
-  var _templateObject_acbc42f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_87228c401f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -53,7 +53,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
       key: "render",
       value: // render function
       function render() {
-        return (0, _polymerElement.html)(_templateObject_acbc42f01f0511ed8cc3e9a95995ad69 || (_templateObject_acbc42f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        app-toolbar {\n          background-color: var(\n            --simple-colors-default-theme-light-blue-1,\n            #4285f4\n          );\n          color: var(--simple-colors-default-theme-grey-12, #222222);\n          margin: 20px 0;\n        }\n\n        #viewmode,\n        #detailsmode {\n          transition: 0.3s all ease;\n          -webkit-transition: 0.3s all ease;\n          -moz-transition: 0.3s all ease;\n          -ms-transition: 0.3s all ease;\n          -o-transition: 0.3s all ease;\n        }\n\n        .rotate-90 {\n          transform: rotate(90deg);\n          -webkit-transform: rotate(90deg);\n          -moz-transform: rotate(90deg);\n          -ms-transform: rotate(90deg);\n          -o-transform: rotate(90deg);\n        }\n\n        .breadcrumb-arrow:first-child {\n          display: none;\n        }\n\n        .breadcrumb-arrow {\n          color: var(\n            --breadcrumb-color1,\n            var(--simple-colors-default-theme-light-blue-9, rgb(67, 110, 144))\n          );\n          margin: -2px 6px 0 6px;\n        }\n\n        .breadcrumb {\n          text-decoration: none;\n          -webkit-tap-highlight-color: transparent;\n          background-color: transparent;\n          line-height: 34px;\n          font-size: 18px;\n          color: var(\n            --breadcrumb-color1,\n            var(--simple-colors-default-theme-light-blue-9, rgb(67, 110, 144))\n          );\n          opacity: 0.8;\n        }\n\n        simple-progress {\n          display: block;\n          width: 100%;\n          --simple-progress-active-color: rgba(255, 255, 255, 0.5);\n          --simple-progress-container-color: transparent;\n        }\n\n        .card-wrapper {\n          padding: 16px;\n        }\n\n        #sort .card-wrapper {\n          background: var(--simple-colors-default-theme-grey-3, #ddd);\n          display: inline-block;\n          float: left;\n          margin: 16px;\n          vertical-align: top;\n        }\n\n        div.card {\n          width: 250px;\n          height: 300px;\n          display: block;\n          visibility: visible;\n          opacity: 1;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n\n        #addbutton {\n          opacity: 0.6;\n          background-color: var(--simple-colors-default-theme-grey-3, #ddd);\n        }\n\n        .add-button {\n          width: 200px;\n          height: 200px;\n          margin: auto;\n          display: flex;\n        }\n\n        div.card.expanded {\n          min-height: 300px;\n        }\n\n        iron-list {\n          flex: 1 1 auto;\n        }\n\n        .low-detail,\n        .mid-detail,\n        .high-detail {\n          visibility: visible;\n          opacity: 1;\n          transition: 0.6s all ease;\n          -webkit-transition: 0.6s all ease;\n          -moz-transition: 0.6s all ease;\n          -ms-transition: 0.6s all ease;\n          -o-transition: 0.6s all ease;\n        }\n\n        :host([details-mode=\"low\"]) .mid-detail,\n        :host([details-mode=\"low\"]) .high-detail {\n          visibility: hidden;\n          opacity: 0;\n        }\n\n        :host([details-mode=\"mid\"]) .high-detail {\n          visibility: hidden;\n          opacity: 0;\n        }\n\n        :host([details-mode=\"mid\"]) .mid-detail {\n          visibility: visible;\n          opacity: 1;\n        }\n\n        div.card.card-low-detail {\n          width: 150px;\n          height: 150px;\n        }\n\n        div.card.card-mid-detail {\n          width: 250px;\n          height: 250px;\n        }\n\n        div.card.card-high-detail {\n          width: 250px;\n          height: 300px;\n        }\n\n        #minimaparea {\n          position: fixed;\n          top: 125px;\n          right: 0;\n          width: 100px;\n          height: 100%;\n          z-index: 100;\n          visibility: hidden;\n          opacity: 0;\n          transition: 0.3s all linear;\n          background-color: transparent;\n          -webkit-transition: 0.3s all linear;\n          -moz-transition: 0.3s all linear;\n          -ms-transition: 0.3s all linear;\n          -o-transition: 0.3s all linear;\n        }\n\n        #minimaparea.show-minimap {\n          background-color: white;\n          opacity: 0.5;\n          visibility: visible;\n        }\n\n        #minimaparea.show-minimap:hover {\n          opacity: 0.9;\n        }\n\n        .tf-tree {\n          transition: 0.3s all ease;\n          font-size: 16px;\n          overflow: auto;\n        }\n\n        .tf-tree * {\n          transition: 0.3s all ease;\n          box-sizing: border-box;\n          margin: 0;\n          padding: 0;\n        }\n\n        .tf-tree ul {\n          display: inline-flex;\n        }\n\n        .tf-tree li {\n          align-items: center;\n          display: flex;\n          flex-direction: column;\n          flex-wrap: wrap;\n          padding: 0 1em;\n          position: relative;\n        }\n\n        .tf-tree li ul {\n          margin: 2em 0;\n        }\n\n        .tf-tree li li:before {\n          border-top: 0.0625em solid #000;\n          content: \"\";\n          display: block;\n          height: 0.0625em;\n          left: -0.03125em;\n          position: absolute;\n          top: -1.03125em;\n          width: 100%;\n        }\n\n        .tf-tree li li:first-child:before {\n          left: calc(50% - 0.03125em);\n          max-width: calc(50% + 0.0625em);\n        }\n\n        .tf-tree li li:last-child:before {\n          left: auto;\n          max-width: calc(50% + 0.0625em);\n          right: calc(50% - 0.03125em);\n        }\n\n        .tf-tree li li:only-child:before {\n          display: none;\n        }\n\n        .tf-tree li li:only-child > .tf-nc:before,\n        .tf-tree li li:only-child > .tf-node-content:before {\n          height: 1.0625em;\n          top: -1.0625em;\n        }\n\n        .tf-tree .tf-nc,\n        .tf-tree .tf-node-content {\n          border: 0.0625em solid #000;\n          display: inline-block;\n          padding: 0.5em 1em;\n          position: relative;\n        }\n\n        .tf-tree .tf-nc:before,\n        .tf-tree .tf-node-content:before {\n          top: -1.03125em;\n        }\n\n        .tf-tree .tf-nc:after,\n        .tf-tree .tf-nc:before,\n        .tf-tree .tf-node-content:after,\n        .tf-tree .tf-node-content:before {\n          border-left: 0.0625em solid #000;\n          content: \"\";\n          display: block;\n          height: 1em;\n          left: calc(50% - 0.03125em);\n          position: absolute;\n          width: 0.0625em;\n        }\n\n        .tf-tree .tf-nc:after,\n        .tf-tree .tf-node-content:after {\n          top: calc(100% + 0.03125em);\n        }\n\n        .tf-tree .tf-nc:only-child:after,\n        .tf-tree .tf-node-content:only-child:after,\n        .tf-tree > ul > li > .tf-nc:before,\n        .tf-tree > ul > li > .tf-node-content:before {\n          display: none;\n        }\n\n        .tf-tree.tf-gap-sm li {\n          padding: 0 0.6em;\n        }\n\n        .tf-tree.tf-gap-sm li > .tf-nc:before,\n        .tf-tree.tf-gap-sm li > .tf-node-content:before {\n          height: 0.6em;\n          top: -0.6em;\n        }\n\n        .tf-tree.tf-gap-sm li > .tf-nc:after,\n        .tf-tree.tf-gap-sm li > .tf-node-content:after {\n          height: 0.6em;\n        }\n\n        .tf-tree.tf-gap-sm li ul {\n          margin: 1.2em 0;\n        }\n\n        .tf-tree.tf-gap-sm li li:before {\n          top: -0.63125em;\n        }\n\n        .tf-tree.tf-gap-sm li li:only-child > .tf-nc:before,\n        .tf-tree.tf-gap-sm li li:only-child > .tf-node-content:before {\n          height: 0.6625em;\n          top: -0.6625em;\n        }\n\n        .tf-tree.tf-gap-lg li {\n          padding: 0 1.5em;\n        }\n\n        .tf-tree.tf-gap-lg li > .tf-nc:before,\n        .tf-tree.tf-gap-lg li > .tf-node-content:before {\n          height: 1.5em;\n          top: -1.5em;\n        }\n\n        .tf-tree.tf-gap-lg li > .tf-nc:after,\n        .tf-tree.tf-gap-lg li > .tf-node-content:after {\n          height: 1.5em;\n        }\n\n        .tf-tree.tf-gap-lg li ul {\n          margin: 3em 0;\n        }\n\n        .tf-tree.tf-gap-lg li li:before {\n          top: -1.53125em;\n        }\n\n        .tf-tree.tf-gap-lg li li:only-child > .tf-nc:before,\n        .tf-tree.tf-gap-lg li li:only-child > .tf-node-content:before {\n          height: 1.5625em;\n          top: -1.5625em;\n        }\n\n        .tf-tree li.tf-dotted-children .tf-nc:after,\n        .tf-tree li.tf-dotted-children .tf-nc:before,\n        .tf-tree li.tf-dotted-children .tf-node-content:after,\n        .tf-tree li.tf-dotted-children .tf-node-content:before {\n          border-left-style: dotted;\n        }\n\n        .tf-tree li.tf-dotted-children li:before {\n          border-top-style: dotted;\n        }\n\n        .tf-tree li.tf-dotted-children > .tf-nc:before,\n        .tf-tree li.tf-dotted-children > .tf-node-content:before {\n          border-left-style: solid;\n        }\n\n        .tf-tree li.tf-dashed-children .tf-nc:after,\n        .tf-tree li.tf-dashed-children .tf-nc:before,\n        .tf-tree li.tf-dashed-children .tf-node-content:after,\n        .tf-tree li.tf-dashed-children .tf-node-content:before {\n          border-left-style: dashed;\n        }\n\n        .tf-tree li.tf-dashed-children li:before {\n          border-top-style: dashed;\n        }\n\n        .tf-tree li.tf-dashed-children > .tf-nc:before,\n        .tf-tree li.tf-dashed-children > .tf-node-content:before {\n          border-left-style: solid;\n        }\n\n        .tf-label {\n          transition: 0.3s all ease;\n          cursor: pointer;\n        }\n\n        .node-high-detail li img {\n          height: 50px;\n          position: static;\n        }\n\n        .node-high-detail li .tf-label {\n          z-index: 1;\n          position: relative;\n          font-size: 1.75em;\n          padding: 8px;\n          background-color: rgba(250, 250, 250, 0.8);\n        }\n\n        .node-low-detail .tf-nc {\n          height: 32px;\n          width: 32px;\n          background-color: var(\n            --simple-colors-default-theme-light-blue-7,\n            dodgerblue\n          );\n          border-color: var(\n            --simple-colors-default-theme-light-blue-7,\n            dodgerblue\n          );\n          padding: 0;\n          border-radius: 50%;\n          overflow: hidden;\n          -webkit-border-radius: 50%;\n          -moz-border-radius: 50%;\n          -ms-border-radius: 50%;\n          -o-border-radius: 50%;\n        }\n\n        .node-low-detail .tf-nc:before,\n        .node-low-detail .tf-nc:after {\n          border-left-color: var(\n            --simple-colors-default-theme-light-blue-7,\n            dodgerblue\n          );\n          border-left-width: 2px;\n        }\n\n        .node-low-detail li li:before {\n          border-top-color: var(\n            --simple-colors-default-theme-light-blue-7,\n            dodgerblue\n          );\n          border-top-width: 2px;\n        }\n      </style>\n      <style include=\"simple-colors-shared-styles-polymer\"></style>\n      <iron-ajax\n        auto=\"[[outlineSchemaUrl]]\"\n        url=\"[[outlineSchemaUrl]]\"\n        handle-as=\"json\"\n        last-response=\"{{manifest}}\"\n        loading=\"{{__loading}}\"\n      >\n      </iron-ajax>\n      <app-header reveals>\n        <app-toolbar>\n          View: [[viewModeLabel]]\n          <simple-icon-button\n            on-click=\"_toggleViewMode\"\n            id=\"viewmode\"\n            icon=\"[[viewModeIcon]]\"\n          ></simple-icon-button>\n          <simple-tooltip for=\"viewmode\">[[viewModeLabel]]</simple-tooltip>\n          Detail: [[detailsModeLabel]]\n          <simple-icon-button\n            on-click=\"_toggleDetailsMode\"\n            id=\"detailsmode\"\n            icon=\"[[detailsModeIcon]]\"\n          ></simple-icon-button>\n          <simple-tooltip for=\"detailsmode\"\n            >[[detailsModeLabel]]</simple-tooltip\n          >\n          <div main-title class=\"flex layout breadcrumb_layout\">\n            <simple-icon\n              class=\"breadcrumb-arrow\"\n              icon=\"icons:chevron-right\"\n            ></simple-icon>\n            <a class=\"breadcrumb\" id=\"main\">[[manifest.title]]</a>\n\n            <simple-icon\n              class=\"breadcrumb-arrow\"\n              icon=\"icons:chevron-right\"\n            ></simple-icon>\n            <a class=\"breadcrumb\" id=\"second\">Lesson 2</a>\n\n            <simple-icon\n              class=\"breadcrumb-arrow\"\n              icon=\"icons:chevron-right\"\n            ></simple-icon>\n            <a class=\"breadcrumb\" id=\"third\">Math Basics</a>\n          </div>\n          <div>\n            <simple-icon-button\n              on-click=\"_toggleMiniMap\"\n              id=\"minimap\"\n              icon=\"device:gps-fixed\"\n              title=\"Toggle outline mini map\"\n            ></simple-icon-button>\n            <simple-tooltip for=\"helpbutton\">Toggle mini-map</simple-tooltip>\n            <simple-icon-button\n              id=\"helpbutton\"\n              icon=\"icons:help\"\n              title=\"help\"\n            ></simple-icon-button>\n            <simple-tooltip for=\"helpbutton\">Help</simple-tooltip>\n          </div>\n          <simple-progress\n            indeterminate\n            disabled$=\"[[!__loading]]\"\n          ></simple-progress>\n        </app-toolbar>\n      </app-header>\n      <iron-pages selected=\"[[selectedView]]\">\n        <section id=\"listpage\">\n          <iron-list id=\"ironlist\" items=\"[[manifest.items]]\" as=\"item\" grid>\n            <template>\n              <div class=\"card-wrapper\">\n                <item-overlay-ops\n                  fixed-height=\"140\"\n                  data-item-id$=\"[[item.id]]\"\n                  add=\"\"\n                  edit=\"\"\n                  remove=\"\"\n                  duplicate=\"\"\n                  move=\"\"\n                  edit-mode=\"\"\n                >\n                  <div\n                    class$=\"card-[[detailsMode]]-detail card\"\n                    heading=\"[[item.title]]\"\n                    image=\"[[item.metadata.image]]\"\n                    elevation=\"2\"\n                    animated-shadow=\"false\"\n                  >\n                    <div class=\"card-content mid-detail\">\n                      [[item.description]]\n                    </div>\n                    <div class=\"card-actions high-detail\">\n                      <editable-list\n                        edit-mode=\"[[editMode]]\"\n                        items=\"[[manifest.items]]\"\n                      >\n                        <editable-list-item>[[item.title]]</editable-list-item>\n                      </editable-list>\n                      <ul>\n                        <li>Page 1</li>\n                        <li>Page 2</li>\n                        <li>Page 3</li>\n                      </ul>\n                    </div>\n                  </div>\n                </item-overlay-ops>\n              </div>\n            </template>\n          </iron-list>\n        </section>\n        <section id=\"outlinepage\">\n          <lrnsys-outline\n            id=\"outline\"\n            items=\"[[manifest.items]]\"\n            title=\"[[manifest.title]]\"\n          ></lrnsys-outline>\n        </section>\n        <section id=\"treepage\">\n          <div class$=\"node-[[detailsMode]]-detail tf-tree\">\n            <ul>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[manifest.items]]\"\n                as=\"item\"\n                mutable-data\n              >\n                <li>\n                  <span class=\"tf-nc\">\n                    <div class=\"tf-label\" id$=\"item-tip-[[item.id]]\">\n                      [[item.title]]\n                    </div>\n                    <simple-tooltip for$=\"item-tip-[[item.id]]\"\n                      >[[item.title]]</simple-tooltip\n                    >\n                    <img\n                      loading=\"lazy\"\n                      src=\"[[item.metadata.image]]\"\n                      class=\"high-detail\"\n                    />\n                  </span>\n                </li>\n              </template>\n            </ul>\n          </div>\n        </section>\n        <section id=\"sortpage\">\n          <sortable-list\n            id=\"sort\"\n            sortable=\".card-wrapper\"\n            on-sort-finish=\"_onSortFinish\"\n            dragging=\"{{dragging}}\"\n          >\n            <template\n              is=\"dom-repeat\"\n              items=\"[[manifest.items]]\"\n              as=\"item\"\n              mutable-data\n            >\n              <div class=\"card-wrapper\">\n                <div\n                  class$=\"card-[[detailsMode]]-detail card\"\n                  data-item-id$=\"[[item.id]]\"\n                  heading=\"[[item.title]]\"\n                  image=\"[[item.metadata.image]]\"\n                  elevation=\"2\"\n                  animated-shadow=\"false\"\n                >\n                  <div class=\"card-content mid-detail\">\n                    [[item.description]]\n                  </div>\n                  <div class=\"card-actions high-detail\"></div>\n                </div>\n              </div>\n            </template>\n          </sortable-list>\n        </section>\n      </iron-pages>\n      <canvas id=\"minimaparea\"></canvas>\n      <slot></slot>"])));
+        return (0, _polymerElement.html)(_templateObject_87228c401f2611eda0c389891c227ec8 || (_templateObject_87228c401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        app-toolbar {\n          background-color: var(\n            --simple-colors-default-theme-light-blue-1,\n            #4285f4\n          );\n          color: var(--simple-colors-default-theme-grey-12, #222222);\n          margin: 20px 0;\n        }\n\n        #viewmode,\n        #detailsmode {\n          transition: 0.3s all ease;\n          -webkit-transition: 0.3s all ease;\n          -moz-transition: 0.3s all ease;\n          -ms-transition: 0.3s all ease;\n          -o-transition: 0.3s all ease;\n        }\n\n        .rotate-90 {\n          transform: rotate(90deg);\n          -webkit-transform: rotate(90deg);\n          -moz-transform: rotate(90deg);\n          -ms-transform: rotate(90deg);\n          -o-transform: rotate(90deg);\n        }\n\n        .breadcrumb-arrow:first-child {\n          display: none;\n        }\n\n        .breadcrumb-arrow {\n          color: var(\n            --breadcrumb-color1,\n            var(--simple-colors-default-theme-light-blue-9, rgb(67, 110, 144))\n          );\n          margin: -2px 6px 0 6px;\n        }\n\n        .breadcrumb {\n          text-decoration: none;\n          -webkit-tap-highlight-color: transparent;\n          background-color: transparent;\n          line-height: 34px;\n          font-size: 18px;\n          color: var(\n            --breadcrumb-color1,\n            var(--simple-colors-default-theme-light-blue-9, rgb(67, 110, 144))\n          );\n          opacity: 0.8;\n        }\n\n        simple-progress {\n          display: block;\n          width: 100%;\n          --simple-progress-active-color: rgba(255, 255, 255, 0.5);\n          --simple-progress-container-color: transparent;\n        }\n\n        .card-wrapper {\n          padding: 16px;\n        }\n\n        #sort .card-wrapper {\n          background: var(--simple-colors-default-theme-grey-3, #ddd);\n          display: inline-block;\n          float: left;\n          margin: 16px;\n          vertical-align: top;\n        }\n\n        div.card {\n          width: 250px;\n          height: 300px;\n          display: block;\n          visibility: visible;\n          opacity: 1;\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n\n        #addbutton {\n          opacity: 0.6;\n          background-color: var(--simple-colors-default-theme-grey-3, #ddd);\n        }\n\n        .add-button {\n          width: 200px;\n          height: 200px;\n          margin: auto;\n          display: flex;\n        }\n\n        div.card.expanded {\n          min-height: 300px;\n        }\n\n        iron-list {\n          flex: 1 1 auto;\n        }\n\n        .low-detail,\n        .mid-detail,\n        .high-detail {\n          visibility: visible;\n          opacity: 1;\n          transition: 0.6s all ease;\n          -webkit-transition: 0.6s all ease;\n          -moz-transition: 0.6s all ease;\n          -ms-transition: 0.6s all ease;\n          -o-transition: 0.6s all ease;\n        }\n\n        :host([details-mode=\"low\"]) .mid-detail,\n        :host([details-mode=\"low\"]) .high-detail {\n          visibility: hidden;\n          opacity: 0;\n        }\n\n        :host([details-mode=\"mid\"]) .high-detail {\n          visibility: hidden;\n          opacity: 0;\n        }\n\n        :host([details-mode=\"mid\"]) .mid-detail {\n          visibility: visible;\n          opacity: 1;\n        }\n\n        div.card.card-low-detail {\n          width: 150px;\n          height: 150px;\n        }\n\n        div.card.card-mid-detail {\n          width: 250px;\n          height: 250px;\n        }\n\n        div.card.card-high-detail {\n          width: 250px;\n          height: 300px;\n        }\n\n        #minimaparea {\n          position: fixed;\n          top: 125px;\n          right: 0;\n          width: 100px;\n          height: 100%;\n          z-index: 100;\n          visibility: hidden;\n          opacity: 0;\n          transition: 0.3s all linear;\n          background-color: transparent;\n          -webkit-transition: 0.3s all linear;\n          -moz-transition: 0.3s all linear;\n          -ms-transition: 0.3s all linear;\n          -o-transition: 0.3s all linear;\n        }\n\n        #minimaparea.show-minimap {\n          background-color: white;\n          opacity: 0.5;\n          visibility: visible;\n        }\n\n        #minimaparea.show-minimap:hover {\n          opacity: 0.9;\n        }\n\n        .tf-tree {\n          transition: 0.3s all ease;\n          font-size: 16px;\n          overflow: auto;\n        }\n\n        .tf-tree * {\n          transition: 0.3s all ease;\n          box-sizing: border-box;\n          margin: 0;\n          padding: 0;\n        }\n\n        .tf-tree ul {\n          display: inline-flex;\n        }\n\n        .tf-tree li {\n          align-items: center;\n          display: flex;\n          flex-direction: column;\n          flex-wrap: wrap;\n          padding: 0 1em;\n          position: relative;\n        }\n\n        .tf-tree li ul {\n          margin: 2em 0;\n        }\n\n        .tf-tree li li:before {\n          border-top: 0.0625em solid #000;\n          content: \"\";\n          display: block;\n          height: 0.0625em;\n          left: -0.03125em;\n          position: absolute;\n          top: -1.03125em;\n          width: 100%;\n        }\n\n        .tf-tree li li:first-child:before {\n          left: calc(50% - 0.03125em);\n          max-width: calc(50% + 0.0625em);\n        }\n\n        .tf-tree li li:last-child:before {\n          left: auto;\n          max-width: calc(50% + 0.0625em);\n          right: calc(50% - 0.03125em);\n        }\n\n        .tf-tree li li:only-child:before {\n          display: none;\n        }\n\n        .tf-tree li li:only-child > .tf-nc:before,\n        .tf-tree li li:only-child > .tf-node-content:before {\n          height: 1.0625em;\n          top: -1.0625em;\n        }\n\n        .tf-tree .tf-nc,\n        .tf-tree .tf-node-content {\n          border: 0.0625em solid #000;\n          display: inline-block;\n          padding: 0.5em 1em;\n          position: relative;\n        }\n\n        .tf-tree .tf-nc:before,\n        .tf-tree .tf-node-content:before {\n          top: -1.03125em;\n        }\n\n        .tf-tree .tf-nc:after,\n        .tf-tree .tf-nc:before,\n        .tf-tree .tf-node-content:after,\n        .tf-tree .tf-node-content:before {\n          border-left: 0.0625em solid #000;\n          content: \"\";\n          display: block;\n          height: 1em;\n          left: calc(50% - 0.03125em);\n          position: absolute;\n          width: 0.0625em;\n        }\n\n        .tf-tree .tf-nc:after,\n        .tf-tree .tf-node-content:after {\n          top: calc(100% + 0.03125em);\n        }\n\n        .tf-tree .tf-nc:only-child:after,\n        .tf-tree .tf-node-content:only-child:after,\n        .tf-tree > ul > li > .tf-nc:before,\n        .tf-tree > ul > li > .tf-node-content:before {\n          display: none;\n        }\n\n        .tf-tree.tf-gap-sm li {\n          padding: 0 0.6em;\n        }\n\n        .tf-tree.tf-gap-sm li > .tf-nc:before,\n        .tf-tree.tf-gap-sm li > .tf-node-content:before {\n          height: 0.6em;\n          top: -0.6em;\n        }\n\n        .tf-tree.tf-gap-sm li > .tf-nc:after,\n        .tf-tree.tf-gap-sm li > .tf-node-content:after {\n          height: 0.6em;\n        }\n\n        .tf-tree.tf-gap-sm li ul {\n          margin: 1.2em 0;\n        }\n\n        .tf-tree.tf-gap-sm li li:before {\n          top: -0.63125em;\n        }\n\n        .tf-tree.tf-gap-sm li li:only-child > .tf-nc:before,\n        .tf-tree.tf-gap-sm li li:only-child > .tf-node-content:before {\n          height: 0.6625em;\n          top: -0.6625em;\n        }\n\n        .tf-tree.tf-gap-lg li {\n          padding: 0 1.5em;\n        }\n\n        .tf-tree.tf-gap-lg li > .tf-nc:before,\n        .tf-tree.tf-gap-lg li > .tf-node-content:before {\n          height: 1.5em;\n          top: -1.5em;\n        }\n\n        .tf-tree.tf-gap-lg li > .tf-nc:after,\n        .tf-tree.tf-gap-lg li > .tf-node-content:after {\n          height: 1.5em;\n        }\n\n        .tf-tree.tf-gap-lg li ul {\n          margin: 3em 0;\n        }\n\n        .tf-tree.tf-gap-lg li li:before {\n          top: -1.53125em;\n        }\n\n        .tf-tree.tf-gap-lg li li:only-child > .tf-nc:before,\n        .tf-tree.tf-gap-lg li li:only-child > .tf-node-content:before {\n          height: 1.5625em;\n          top: -1.5625em;\n        }\n\n        .tf-tree li.tf-dotted-children .tf-nc:after,\n        .tf-tree li.tf-dotted-children .tf-nc:before,\n        .tf-tree li.tf-dotted-children .tf-node-content:after,\n        .tf-tree li.tf-dotted-children .tf-node-content:before {\n          border-left-style: dotted;\n        }\n\n        .tf-tree li.tf-dotted-children li:before {\n          border-top-style: dotted;\n        }\n\n        .tf-tree li.tf-dotted-children > .tf-nc:before,\n        .tf-tree li.tf-dotted-children > .tf-node-content:before {\n          border-left-style: solid;\n        }\n\n        .tf-tree li.tf-dashed-children .tf-nc:after,\n        .tf-tree li.tf-dashed-children .tf-nc:before,\n        .tf-tree li.tf-dashed-children .tf-node-content:after,\n        .tf-tree li.tf-dashed-children .tf-node-content:before {\n          border-left-style: dashed;\n        }\n\n        .tf-tree li.tf-dashed-children li:before {\n          border-top-style: dashed;\n        }\n\n        .tf-tree li.tf-dashed-children > .tf-nc:before,\n        .tf-tree li.tf-dashed-children > .tf-node-content:before {\n          border-left-style: solid;\n        }\n\n        .tf-label {\n          transition: 0.3s all ease;\n          cursor: pointer;\n        }\n\n        .node-high-detail li img {\n          height: 50px;\n          position: static;\n        }\n\n        .node-high-detail li .tf-label {\n          z-index: 1;\n          position: relative;\n          font-size: 1.75em;\n          padding: 8px;\n          background-color: rgba(250, 250, 250, 0.8);\n        }\n\n        .node-low-detail .tf-nc {\n          height: 32px;\n          width: 32px;\n          background-color: var(\n            --simple-colors-default-theme-light-blue-7,\n            dodgerblue\n          );\n          border-color: var(\n            --simple-colors-default-theme-light-blue-7,\n            dodgerblue\n          );\n          padding: 0;\n          border-radius: 50%;\n          overflow: hidden;\n          -webkit-border-radius: 50%;\n          -moz-border-radius: 50%;\n          -ms-border-radius: 50%;\n          -o-border-radius: 50%;\n        }\n\n        .node-low-detail .tf-nc:before,\n        .node-low-detail .tf-nc:after {\n          border-left-color: var(\n            --simple-colors-default-theme-light-blue-7,\n            dodgerblue\n          );\n          border-left-width: 2px;\n        }\n\n        .node-low-detail li li:before {\n          border-top-color: var(\n            --simple-colors-default-theme-light-blue-7,\n            dodgerblue\n          );\n          border-top-width: 2px;\n        }\n      </style>\n      <style include=\"simple-colors-shared-styles-polymer\"></style>\n      <iron-ajax\n        auto=\"[[outlineSchemaUrl]]\"\n        url=\"[[outlineSchemaUrl]]\"\n        handle-as=\"json\"\n        last-response=\"{{manifest}}\"\n        loading=\"{{__loading}}\"\n      >\n      </iron-ajax>\n      <app-header reveals>\n        <app-toolbar>\n          View: [[viewModeLabel]]\n          <simple-icon-button\n            on-click=\"_toggleViewMode\"\n            id=\"viewmode\"\n            icon=\"[[viewModeIcon]]\"\n          ></simple-icon-button>\n          <simple-tooltip for=\"viewmode\">[[viewModeLabel]]</simple-tooltip>\n          Detail: [[detailsModeLabel]]\n          <simple-icon-button\n            on-click=\"_toggleDetailsMode\"\n            id=\"detailsmode\"\n            icon=\"[[detailsModeIcon]]\"\n          ></simple-icon-button>\n          <simple-tooltip for=\"detailsmode\"\n            >[[detailsModeLabel]]</simple-tooltip\n          >\n          <div main-title class=\"flex layout breadcrumb_layout\">\n            <simple-icon\n              class=\"breadcrumb-arrow\"\n              icon=\"icons:chevron-right\"\n            ></simple-icon>\n            <a class=\"breadcrumb\" id=\"main\">[[manifest.title]]</a>\n\n            <simple-icon\n              class=\"breadcrumb-arrow\"\n              icon=\"icons:chevron-right\"\n            ></simple-icon>\n            <a class=\"breadcrumb\" id=\"second\">Lesson 2</a>\n\n            <simple-icon\n              class=\"breadcrumb-arrow\"\n              icon=\"icons:chevron-right\"\n            ></simple-icon>\n            <a class=\"breadcrumb\" id=\"third\">Math Basics</a>\n          </div>\n          <div>\n            <simple-icon-button\n              on-click=\"_toggleMiniMap\"\n              id=\"minimap\"\n              icon=\"device:gps-fixed\"\n              title=\"Toggle outline mini map\"\n            ></simple-icon-button>\n            <simple-tooltip for=\"helpbutton\">Toggle mini-map</simple-tooltip>\n            <simple-icon-button\n              id=\"helpbutton\"\n              icon=\"icons:help\"\n              title=\"help\"\n            ></simple-icon-button>\n            <simple-tooltip for=\"helpbutton\">Help</simple-tooltip>\n          </div>\n          <simple-progress\n            indeterminate\n            disabled$=\"[[!__loading]]\"\n          ></simple-progress>\n        </app-toolbar>\n      </app-header>\n      <iron-pages selected=\"[[selectedView]]\">\n        <section id=\"listpage\">\n          <iron-list id=\"ironlist\" items=\"[[manifest.items]]\" as=\"item\" grid>\n            <template>\n              <div class=\"card-wrapper\">\n                <item-overlay-ops\n                  fixed-height=\"140\"\n                  data-item-id$=\"[[item.id]]\"\n                  add=\"\"\n                  edit=\"\"\n                  remove=\"\"\n                  duplicate=\"\"\n                  move=\"\"\n                  edit-mode=\"\"\n                >\n                  <div\n                    class$=\"card-[[detailsMode]]-detail card\"\n                    heading=\"[[item.title]]\"\n                    image=\"[[item.metadata.image]]\"\n                    elevation=\"2\"\n                    animated-shadow=\"false\"\n                  >\n                    <div class=\"card-content mid-detail\">\n                      [[item.description]]\n                    </div>\n                    <div class=\"card-actions high-detail\">\n                      <editable-list\n                        edit-mode=\"[[editMode]]\"\n                        items=\"[[manifest.items]]\"\n                      >\n                        <editable-list-item>[[item.title]]</editable-list-item>\n                      </editable-list>\n                      <ul>\n                        <li>Page 1</li>\n                        <li>Page 2</li>\n                        <li>Page 3</li>\n                      </ul>\n                    </div>\n                  </div>\n                </item-overlay-ops>\n              </div>\n            </template>\n          </iron-list>\n        </section>\n        <section id=\"outlinepage\">\n          <lrnsys-outline\n            id=\"outline\"\n            items=\"[[manifest.items]]\"\n            title=\"[[manifest.title]]\"\n          ></lrnsys-outline>\n        </section>\n        <section id=\"treepage\">\n          <div class$=\"node-[[detailsMode]]-detail tf-tree\">\n            <ul>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[manifest.items]]\"\n                as=\"item\"\n                mutable-data\n              >\n                <li>\n                  <span class=\"tf-nc\">\n                    <div class=\"tf-label\" id$=\"item-tip-[[item.id]]\">\n                      [[item.title]]\n                    </div>\n                    <simple-tooltip for$=\"item-tip-[[item.id]]\"\n                      >[[item.title]]</simple-tooltip\n                    >\n                    <img\n                      loading=\"lazy\"\n                      src=\"[[item.metadata.image]]\"\n                      class=\"high-detail\"\n                    />\n                  </span>\n                </li>\n              </template>\n            </ul>\n          </div>\n        </section>\n        <section id=\"sortpage\">\n          <sortable-list\n            id=\"sort\"\n            sortable=\".card-wrapper\"\n            on-sort-finish=\"_onSortFinish\"\n            dragging=\"{{dragging}}\"\n          >\n            <template\n              is=\"dom-repeat\"\n              items=\"[[manifest.items]]\"\n              as=\"item\"\n              mutable-data\n            >\n              <div class=\"card-wrapper\">\n                <div\n                  class$=\"card-[[detailsMode]]-detail card\"\n                  data-item-id$=\"[[item.id]]\"\n                  heading=\"[[item.title]]\"\n                  image=\"[[item.metadata.image]]\"\n                  elevation=\"2\"\n                  animated-shadow=\"false\"\n                >\n                  <div class=\"card-content mid-detail\">\n                    [[item.description]]\n                  </div>\n                  <div class=\"card-actions high-detail\"></div>\n                </div>\n              </div>\n            </template>\n          </sortable-list>\n        </section>\n      </iron-pages>\n      <canvas id=\"minimaparea\"></canvas>\n      <slot></slot>"])));
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/outline-player/outline-player.js b/build/es5-amd/node_modules/@lrnwebcomponents/outline-player/outline-player.js
index 1d5f9465e61..e287a95c2ea 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/outline-player/outline-player.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/outline-player/outline-player.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
   _exports.OutlinePlayer = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_acc25d701f0511ed8cc3e9a95995ad69, _templateObject2_acc25d701f0511ed8cc3e9a95995ad69;
+  var _templateObject_872991201f2611eda0c389891c227ec8, _templateObject2_872991201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -103,7 +103,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_acc25d701f0511ed8cc3e9a95995ad69 || (_templateObject_acc25d701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <site-git-corner part=\"git-corner-btn\"></site-git-corner>\n      <custom-style>\n        <style>\n          app-drawer {\n            --app-drawer-content-container: {\n              overflow: hidden;\n            }\n          }\n        </style>\n      </custom-style>\n      <app-drawer-layout\n        .narrow=\"", "\"\n        @narrow-changed=\"", "\"\n      >\n        <nav>\n          <app-drawer\n            id=\"drawer\"\n            swipe-open=\"\"\n            slot=\"drawer\"\n            .opened=\"", "\"\n            @opened-changed=\"", "\"\n          >\n            <site-menu></site-menu>\n          </app-drawer>\n        </nav>\n        <div id=\"content\">\n          <header>\n            <div class=\"nav-btns\">\n              <simple-icon-button-lite\n                icon=\"menu\"\n                @click=\"", "\"\n              ></simple-icon-button-lite>\n              <site-modal\n                @site-modal-click=\"", "\"\n                ?disabled=\"", "\"\n                id=\"searchmodalbtn\"\n                icon=\"icons:search\"\n                title=\"Search site\"\n                button-label=\"Search\"\n                part=\"search-btn\"\n              >\n                <site-search></site-search>\n              </site-modal>\n              <site-print-button part=\"print-btn\"></site-print-button>\n              <site-menu-button\n                type=\"prev\"\n                position=\"bottom\"\n              ></site-menu-button>\n              <site-menu-button\n                type=\"next\"\n                position=\"bottom\"\n              ></site-menu-button>\n            </div>\n            <site-breadcrumb part=\"page-breadcrumb\"></site-breadcrumb>\n            <site-active-title part=\"page-title\"></site-active-title>\n            <div><slot name=\"title\"></slot></div>\n          </header>\n          <main>\n            <article id=\"contentcontainer\">\n              <section id=\"slot\"><slot></slot></section>\n            </article>\n          </main>\n        </div>\n      </app-drawer-layout>\n    "])), this.narrow, this._narrowChanged, this.opened, this._openedChanged, this._toggleMenu, this.siteModalClick, this.editMode);
+        return (0, _index.html)(_templateObject_872991201f2611eda0c389891c227ec8 || (_templateObject_872991201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <site-git-corner part=\"git-corner-btn\"></site-git-corner>\n      <custom-style>\n        <style>\n          app-drawer {\n            --app-drawer-content-container: {\n              overflow: hidden;\n            }\n          }\n        </style>\n      </custom-style>\n      <app-drawer-layout\n        .narrow=\"", "\"\n        @narrow-changed=\"", "\"\n      >\n        <nav>\n          <app-drawer\n            id=\"drawer\"\n            swipe-open=\"\"\n            slot=\"drawer\"\n            .opened=\"", "\"\n            @opened-changed=\"", "\"\n          >\n            <site-menu></site-menu>\n          </app-drawer>\n        </nav>\n        <div id=\"content\">\n          <header>\n            <div class=\"nav-btns\">\n              <simple-icon-button-lite\n                icon=\"menu\"\n                @click=\"", "\"\n              ></simple-icon-button-lite>\n              <site-modal\n                @site-modal-click=\"", "\"\n                ?disabled=\"", "\"\n                id=\"searchmodalbtn\"\n                icon=\"icons:search\"\n                title=\"Search site\"\n                button-label=\"Search\"\n                part=\"search-btn\"\n              >\n                <site-search></site-search>\n              </site-modal>\n              <site-print-button part=\"print-btn\"></site-print-button>\n              <site-menu-button\n                type=\"prev\"\n                position=\"bottom\"\n              ></site-menu-button>\n              <site-menu-button\n                type=\"next\"\n                position=\"bottom\"\n              ></site-menu-button>\n            </div>\n            <site-breadcrumb part=\"page-breadcrumb\"></site-breadcrumb>\n            <site-active-title part=\"page-title\"></site-active-title>\n            <div><slot name=\"title\"></slot></div>\n          </header>\n          <main>\n            <article id=\"contentcontainer\">\n              <section id=\"slot\"><slot></slot></section>\n            </article>\n          </main>\n        </div>\n      </app-drawer-layout>\n    "])), this.narrow, this._narrowChanged, this.opened, this._openedChanged, this._toggleMenu, this.siteModalClick, this.editMode);
       }
     }, {
       key: "_narrowChanged",
@@ -215,7 +215,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
        * LitElement style render
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(OutlinePlayer), "styles", this)), [(0, _index.css)(_templateObject2_acc25d701f0511ed8cc3e9a95995ad69 || (_templateObject2_acc25d701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: libre baskerville;\n          position: relative;\n          overflow: hidden;\n          --outline-player-min-height: 100vh;\n          --app-drawer-width: 300px;\n          --outline-player-dark: #222222;\n          --outline-player-light: #f8f8f8;\n          background-color: var(--outline-player-light);\n        }\n\n        simple-icon-button-lite:not(:defined),\n        site-breadcrumb:not(:defined),\n        site-rss-button:not(:defined),\n        site-print-button:not(:defined),\n        site-menu-button:not(:defined),\n        site-modal:not(:defined),\n        site-git-corner:not(:defined),\n        site-menu-button:not(:defined) {\n          display: none;\n        }\n\n        :host([closed]) {\n          --app-drawer-width: 0px;\n        }\n\n        :host,\n        :host * ::slotted(*) {\n          line-height: 1.8;\n        }\n        :host ul,\n        :host * ::slotted(ul),\n        :host ol,\n        :host * ::slotted(ol) {\n          padding-left: 20px;\n          margin-left: 20px;\n        }\n        :host ul,\n        :host * ::slotted(ul) {\n          list-style-type: disc;\n        }\n        :host li,\n        :host * ::slotted(li) {\n          margin-bottom: 6px;\n        }\n\n        h1 {\n          font-size: 36px;\n        }\n\n        h2 {\n          font-size: 32px;\n        }\n\n        h3 {\n          font-size: 28px;\n        }\n\n        p {\n          line-height: 26px;\n          min-height: 26px;\n        }\n\n        a,\n        a:visited,\n        a:active {\n          color: #000;\n        }\n\n        a:hover {\n          color: #2196f3;\n        }\n\n        ul li {\n          padding-bottom: 24px;\n          line-height: 1.5;\n          color: #424242;\n          max-width: 448px;\n        }\n\n        ul li:last-child {\n          padding-bottom: 16px;\n        }\n\n        app-drawer-layout {\n          min-height: 100vh;\n          min-height: -moz-available; /* WebKit-based browsers will ignore this. */\n          min-height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */\n          min-height: fill-available;\n          /* if the user has set a specific value then override the defaults */\n          min-height: var(--outline-player-min-height);\n        }\n\n        outline-player-navigation {\n          --outline-player-dark: var(--outline-player-dark);\n        }\n\n        div[main-title] {\n          margin-left: 8px;\n          font-size: 16px;\n          line-height: 22px;\n          overflow-wrap: break-word;\n          text-overflow: ellipsis;\n          display: inline-block;\n          word-break: break-word;\n        }\n        #content {\n          padding: 8px 8px 8px 64px;\n        }\n\n        /* Required for HAX */\n        :host([edit-mode]) #slot {\n          display: none !important;\n        }\n        :host([edit-mode]) #contentcontainer {\n          padding: 32px 8px 8px 8px;\n        }\n        #contentcontainer {\n          max-width: 840px;\n          display: block;\n          margin: 40px;\n          padding: 0 16px 16px 16px;\n          flex: none;\n          transition: 0.5s opacity ease-in-out;\n        }\n        #contentcontainer h-a-x {\n          margin: 0;\n        }\n        site-menu-button {\n          display: inline-flex;\n        }\n        site-print-button {\n          display: inline-flex;\n        }\n        site-active-title {\n          --site-active-title-margin: 0px;\n          --site-active-title-padding: 0px;\n          margin: 0 0 0 24px;\n          padding: 0;\n          display: block;\n        }\n        @media screen and (max-width: 640px) {\n          #content {\n            padding: 8px 8px 8px 8px;\n          }\n        }\n        app-drawer {\n          box-shadow: 0 0 6px -3px var(--outline-player-dark);\n          overflow: hidden;\n          --app-drawer-scrim-background: rgba(80, 80, 80, 0.8);\n          z-index: 1000000;\n        }\n        .nav-btns {\n          display: flex;\n        }\n        .nav-btns site-menu-button,\n        .nav-btns site-print-button,\n        .nav-btns site-modal,\n        .nav-btns simple-icon-button-lite {\n          display: inline-flex;\n          height: 32px;\n          width: 32px;\n          margin: 0 16px;\n          padding: 0;\n        }\n        site-menu {\n          height: calc(100vh - 64px);\n          color: #000000;\n          padding: 0;\n          background-color: #ffffff;\n          --site-menu-active-color: rgba(0, 0, 0, 0.1);\n          --site-menu-scrolltrack-bg-color: rgba(0, 0, 0, 0.3);\n          --site-menu-bg-shadow: rgba(0, 0, 0, 0.3);\n          --site-menu-bg-color: #fafafa;\n          --site-menu-padding: 0;\n          --site-menu-background-color: #ffffff;\n          --site-menu-color: #000000;\n          --site-menu-container-padding: 0;\n          --site-menu-container-background-color: #ffffff;\n          --site-menu-container-color: #000000;\n          --site-menu-item-active-item-color: #000000;\n        }\n        site-menu-button {\n          --site-menu-button-button-hover-background-color: rgba(0, 0, 0, 0.2);\n        }\n        site-breadcrumb {\n          display: block;\n          margin: 24px 24px 0;\n        }\n        :host([responsive-size=\"xs\"]) site-breadcrumb,\n        :host([responsive-size=\"sm\"]) site-breadcrumb {\n          display: none;\n        }\n        :host([responsive-size=\"xs\"]) site-git-corner {\n          display: none;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(OutlinePlayer), "styles", this)), [(0, _index.css)(_templateObject2_872991201f2611eda0c389891c227ec8 || (_templateObject2_872991201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: libre baskerville;\n          position: relative;\n          overflow: hidden;\n          --outline-player-min-height: 100vh;\n          --app-drawer-width: 300px;\n          --outline-player-dark: #222222;\n          --outline-player-light: #f8f8f8;\n          background-color: var(--outline-player-light);\n        }\n\n        simple-icon-button-lite:not(:defined),\n        site-breadcrumb:not(:defined),\n        site-rss-button:not(:defined),\n        site-print-button:not(:defined),\n        site-menu-button:not(:defined),\n        site-modal:not(:defined),\n        site-git-corner:not(:defined),\n        site-menu-button:not(:defined) {\n          display: none;\n        }\n\n        :host([closed]) {\n          --app-drawer-width: 0px;\n        }\n\n        :host,\n        :host * ::slotted(*) {\n          line-height: 1.8;\n        }\n        :host ul,\n        :host * ::slotted(ul),\n        :host ol,\n        :host * ::slotted(ol) {\n          padding-left: 20px;\n          margin-left: 20px;\n        }\n        :host ul,\n        :host * ::slotted(ul) {\n          list-style-type: disc;\n        }\n        :host li,\n        :host * ::slotted(li) {\n          margin-bottom: 6px;\n        }\n\n        h1 {\n          font-size: 36px;\n        }\n\n        h2 {\n          font-size: 32px;\n        }\n\n        h3 {\n          font-size: 28px;\n        }\n\n        p {\n          line-height: 26px;\n          min-height: 26px;\n        }\n\n        a,\n        a:visited,\n        a:active {\n          color: #000;\n        }\n\n        a:hover {\n          color: #2196f3;\n        }\n\n        ul li {\n          padding-bottom: 24px;\n          line-height: 1.5;\n          color: #424242;\n          max-width: 448px;\n        }\n\n        ul li:last-child {\n          padding-bottom: 16px;\n        }\n\n        app-drawer-layout {\n          min-height: 100vh;\n          min-height: -moz-available; /* WebKit-based browsers will ignore this. */\n          min-height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */\n          min-height: fill-available;\n          /* if the user has set a specific value then override the defaults */\n          min-height: var(--outline-player-min-height);\n        }\n\n        outline-player-navigation {\n          --outline-player-dark: var(--outline-player-dark);\n        }\n\n        div[main-title] {\n          margin-left: 8px;\n          font-size: 16px;\n          line-height: 22px;\n          overflow-wrap: break-word;\n          text-overflow: ellipsis;\n          display: inline-block;\n          word-break: break-word;\n        }\n        #content {\n          padding: 8px 8px 8px 64px;\n        }\n\n        /* Required for HAX */\n        :host([edit-mode]) #slot {\n          display: none !important;\n        }\n        :host([edit-mode]) #contentcontainer {\n          padding: 32px 8px 8px 8px;\n        }\n        #contentcontainer {\n          max-width: 840px;\n          display: block;\n          margin: 40px;\n          padding: 0 16px 16px 16px;\n          flex: none;\n          transition: 0.5s opacity ease-in-out;\n        }\n        #contentcontainer h-a-x {\n          margin: 0;\n        }\n        site-menu-button {\n          display: inline-flex;\n        }\n        site-print-button {\n          display: inline-flex;\n        }\n        site-active-title {\n          --site-active-title-margin: 0px;\n          --site-active-title-padding: 0px;\n          margin: 0 0 0 24px;\n          padding: 0;\n          display: block;\n        }\n        @media screen and (max-width: 640px) {\n          #content {\n            padding: 8px 8px 8px 8px;\n          }\n        }\n        app-drawer {\n          box-shadow: 0 0 6px -3px var(--outline-player-dark);\n          overflow: hidden;\n          --app-drawer-scrim-background: rgba(80, 80, 80, 0.8);\n          z-index: 1000000;\n        }\n        .nav-btns {\n          display: flex;\n        }\n        .nav-btns site-menu-button,\n        .nav-btns site-print-button,\n        .nav-btns site-modal,\n        .nav-btns simple-icon-button-lite {\n          display: inline-flex;\n          height: 32px;\n          width: 32px;\n          margin: 0 16px;\n          padding: 0;\n        }\n        site-menu {\n          height: calc(100vh - 64px);\n          color: #000000;\n          padding: 0;\n          background-color: #ffffff;\n          --site-menu-active-color: rgba(0, 0, 0, 0.1);\n          --site-menu-scrolltrack-bg-color: rgba(0, 0, 0, 0.3);\n          --site-menu-bg-shadow: rgba(0, 0, 0, 0.3);\n          --site-menu-bg-color: #fafafa;\n          --site-menu-padding: 0;\n          --site-menu-background-color: #ffffff;\n          --site-menu-color: #000000;\n          --site-menu-container-padding: 0;\n          --site-menu-container-background-color: #ffffff;\n          --site-menu-container-color: #000000;\n          --site-menu-item-active-item-color: #000000;\n        }\n        site-menu-button {\n          --site-menu-button-button-hover-background-color: rgba(0, 0, 0, 0.2);\n        }\n        site-breadcrumb {\n          display: block;\n          margin: 24px 24px 0;\n        }\n        :host([responsive-size=\"xs\"]) site-breadcrumb,\n        :host([responsive-size=\"sm\"]) site-breadcrumb {\n          display: none;\n        }\n        :host([responsive-size=\"xs\"]) site-git-corner {\n          display: none;\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/page-break/page-break.js b/build/es5-amd/node_modules/@lrnwebcomponents/page-break/page-break.js
index 75e634ce6f1..7653a7a468a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/page-break/page-break.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/page-break/page-break.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../schema-behaviors/schema-beh
   _exports.PageBreak = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_acd6a8c01f0511ed8cc3e9a95995ad69, _templateObject2_acd6a8c01f0511ed8cc3e9a95995ad69, _templateObject3_acd6a8c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_874270501f2611eda0c389891c227ec8, _templateObject2_874270501f2611eda0c389891c227ec8, _templateObject3_874270501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -336,7 +336,7 @@ define(["exports", "meta", "../../lit/index.js", "../schema-behaviors/schema-beh
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_acd6a8c01f0511ed8cc3e9a95995ad69 || (_templateObject_acd6a8c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style></style>\n      <a .href=\"", "\" .name=\"#", "\" class=\"sr-only\"\n        >", "</a\n      >\n      <hr class=\"mid\" />\n      ", "\n    "])), this.slug, this.itemId, this.title, this.locked ? (0, _index.html)(_templateObject2_acd6a8c01f0511ed8cc3e9a95995ad69 || (_templateObject2_acd6a8c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button-lite\n            @click=\"", "\"\n            icon=\"icons:lock\"\n            title=\"", "\"\n          ></simple-icon-button-lite>"])), this.haxClickLockInPage, this.t.clickToUnlock) : "");
+        return (0, _index.html)(_templateObject_874270501f2611eda0c389891c227ec8 || (_templateObject_874270501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style></style>\n      <a .href=\"", "\" .name=\"#", "\" class=\"sr-only\"\n        >", "</a\n      >\n      <hr class=\"mid\" />\n      ", "\n    "])), this.slug, this.itemId, this.title, this.locked ? (0, _index.html)(_templateObject2_874270501f2611eda0c389891c227ec8 || (_templateObject2_874270501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button-lite\n            @click=\"", "\"\n            icon=\"icons:lock\"\n            title=\"", "\"\n          ></simple-icon-button-lite>"])), this.haxClickLockInPage, this.t.clickToUnlock) : "");
       }
       /**
        * haxProperties integration via file reference
@@ -659,7 +659,7 @@ define(["exports", "meta", "../../lit/index.js", "../schema-behaviors/schema-beh
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_acd6a8c01f0511ed8cc3e9a95995ad69 || (_templateObject3_acd6a8c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          opacity: 0;\n          height: 1px;\n        }\n        :host([data-hax-ray]) {\n          display: block;\n          margin: 20px 0;\n          padding: 20px;\n          opacity: 0.2;\n          background-position: center;\n          background-repeat: no-repeat;\n          transition: all 0.2s linear;\n        }\n        .mid {\n          border: none;\n          border-top: 2px solid #cccccc;\n          overflow: visible;\n          margin: 4px 0 0 0;\n          padding: 0;\n          height: 0;\n        }\n        :host([data-hax-ray]:hover) {\n          opacity: 1;\n        }\n        :host([data-hax-ray]:hover) .mid::before {\n          font-weight: bold;\n          color: #000000;\n          background-color: #ffffff;\n          font-size: 16px;\n          left: calc(50% - 2.5em);\n          top: -16px;\n          position: relative;\n          height: 0;\n          line-height: 36px;\n        }\n        simple-icon-button-lite {\n          float: right;\n          color: #000000;\n          --simple-icon-width: 36px;\n          --simple-icon-height: 36px;\n          margin-top: -28px;\n          margin-right: -46px;\n        }\n        .sr-only {\n          position: absolute;\n          left: -10000px;\n          top: auto;\n          width: 1px;\n          height: 1px;\n          overflow: hidden;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_874270501f2611eda0c389891c227ec8 || (_templateObject3_874270501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          opacity: 0;\n          height: 1px;\n        }\n        :host([data-hax-ray]) {\n          display: block;\n          margin: 20px 0;\n          padding: 20px;\n          opacity: 0.2;\n          background-position: center;\n          background-repeat: no-repeat;\n          transition: all 0.2s linear;\n        }\n        .mid {\n          border: none;\n          border-top: 2px solid #cccccc;\n          overflow: visible;\n          margin: 4px 0 0 0;\n          padding: 0;\n          height: 0;\n        }\n        :host([data-hax-ray]:hover) {\n          opacity: 1;\n        }\n        :host([data-hax-ray]:hover) .mid::before {\n          font-weight: bold;\n          color: #000000;\n          background-color: #ffffff;\n          font-size: 16px;\n          left: calc(50% - 2.5em);\n          top: -16px;\n          position: relative;\n          height: 0;\n          line-height: 36px;\n        }\n        simple-icon-button-lite {\n          float: right;\n          color: #000000;\n          --simple-icon-width: 36px;\n          --simple-icon-height: 36px;\n          margin-top: -28px;\n          margin-right: -46px;\n        }\n        .sr-only {\n          position: absolute;\n          left: -10000px;\n          top: auto;\n          width: 1px;\n          height: 1px;\n          overflow: hidden;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/page-contents-menu/page-contents-menu.js b/build/es5-amd/node_modules/@lrnwebcomponents/page-contents-menu/page-contents-menu.js
index 68d40005bbb..2b97a545c18 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/page-contents-menu/page-contents-menu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/page-contents-menu/page-contents-menu.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../utils/utils.js"], functi
   _exports.PageContentsMenu = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ace91f501f0511ed8cc3e9a95995ad69, _templateObject2_ace91f501f0511ed8cc3e9a95995ad69, _templateObject3_ace91f501f0511ed8cc3e9a95995ad69, _templateObject4_ace91f501f0511ed8cc3e9a95995ad69, _templateObject5_ace91f501f0511ed8cc3e9a95995ad69, _templateObject6_ace91f501f0511ed8cc3e9a95995ad69, _templateObject7_ace91f501f0511ed8cc3e9a95995ad69;
+  var _templateObject_874c34501f2611eda0c389891c227ec8, _templateObject2_874c34501f2611eda0c389891c227ec8, _templateObject3_874c34501f2611eda0c389891c227ec8, _templateObject4_874c34501f2611eda0c389891c227ec8, _templateObject5_874c34501f2611eda0c389891c227ec8, _templateObject6_874c34501f2611eda0c389891c227ec8, _templateObject7_874c34501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -66,9 +66,9 @@ define(["exports", "require", "../../lit/index.js", "../utils/utils.js"], functi
       function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_ace91f501f0511ed8cc3e9a95995ad69 || (_templateObject_ace91f501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <section class=\"wrapper\" role=\"navigation\">\n        <div class=\"header\">\n          <a\n            class=\"svg\"\n            @click=\"", "\"\n            @keypress=\"", "\"\n            id=\"popovertarget\"\n            aria-label=\"", "\"\n          >\n            <svg\n              preserveAspectRatio=\"xMidYMid meet\"\n              height=\"1em\"\n              width=\"1em\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke=\"currentColor\"\n              class=\"icon-7f6730be--text-3f89f380\"\n            >\n              <g>\n                <line x1=\"21\" y1=\"10\" x2=\"7\" y2=\"10\"></line>\n                <line x1=\"21\" y1=\"6\" x2=\"3\" y2=\"6\"></line>\n                <line x1=\"21\" y1=\"14\" x2=\"3\" y2=\"14\"></line>\n                <line x1=\"21\" y1=\"18\" x2=\"7\" y2=\"18\"></line>\n              </g>\n            </svg>\n          </a>\n          <simple-tooltip\n            for=\"popovertarget\"\n            offset=\"32\"\n            ?hidden=\"", "\"\n          >\n            ", "\n          </simple-tooltip>\n          ", "\n        </div>\n        ", "\n      </section>\n    "])), this.toggleSettings, this.keyToggle, this.label, !this.mobile || !this.hideSettings, this.label, !this.mobile ? (0, _index.html)(_templateObject2_ace91f501f0511ed8cc3e9a95995ad69 || (_templateObject2_ace91f501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <h2 class=\"label\">", "</h2> "])), this.label) : "", this.mobile ? (0, _index.html)(_templateObject3_ace91f501f0511ed8cc3e9a95995ad69 || (_templateObject3_ace91f501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <simple-popover\n                class=\"dropdown pull-left font-settings js-toolbar-action settings-container\"\n                ?hidden=\"", "\"\n                position=\"", "\"\n                auto\n              >\n                <ol class=\"contents\">\n                  ", "\n                </ol>\n              </simple-popover>\n            "])), this.hideSettings, this.position, this.items.map(function (item, index) {
+        return (0, _index.html)(_templateObject_874c34501f2611eda0c389891c227ec8 || (_templateObject_874c34501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <section class=\"wrapper\" role=\"navigation\">\n        <div class=\"header\">\n          <a\n            class=\"svg\"\n            @click=\"", "\"\n            @keypress=\"", "\"\n            id=\"popovertarget\"\n            aria-label=\"", "\"\n          >\n            <svg\n              preserveAspectRatio=\"xMidYMid meet\"\n              height=\"1em\"\n              width=\"1em\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke=\"currentColor\"\n              class=\"icon-7f6730be--text-3f89f380\"\n            >\n              <g>\n                <line x1=\"21\" y1=\"10\" x2=\"7\" y2=\"10\"></line>\n                <line x1=\"21\" y1=\"6\" x2=\"3\" y2=\"6\"></line>\n                <line x1=\"21\" y1=\"14\" x2=\"3\" y2=\"14\"></line>\n                <line x1=\"21\" y1=\"18\" x2=\"7\" y2=\"18\"></line>\n              </g>\n            </svg>\n          </a>\n          <simple-tooltip\n            for=\"popovertarget\"\n            offset=\"32\"\n            ?hidden=\"", "\"\n          >\n            ", "\n          </simple-tooltip>\n          ", "\n        </div>\n        ", "\n      </section>\n    "])), this.toggleSettings, this.keyToggle, this.label, !this.mobile || !this.hideSettings, this.label, !this.mobile ? (0, _index.html)(_templateObject2_874c34501f2611eda0c389891c227ec8 || (_templateObject2_874c34501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <h2 class=\"label\">", "</h2> "])), this.label) : "", this.mobile ? (0, _index.html)(_templateObject3_874c34501f2611eda0c389891c227ec8 || (_templateObject3_874c34501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <simple-popover\n                class=\"dropdown pull-left font-settings js-toolbar-action settings-container\"\n                ?hidden=\"", "\"\n                position=\"", "\"\n                auto\n              >\n                <ol class=\"contents\">\n                  ", "\n                </ol>\n              </simple-popover>\n            "])), this.hideSettings, this.position, this.items.map(function (item, index) {
           return _this2.renderItem(item, index);
-        })) : (0, _index.html)(_templateObject4_ace91f501f0511ed8cc3e9a95995ad69 || (_templateObject4_ace91f501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <ol class=\"contents\">\n                ", "\n              </ol>\n            "])), this.items.map(function (item, index) {
+        })) : (0, _index.html)(_templateObject4_874c34501f2611eda0c389891c227ec8 || (_templateObject4_874c34501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <ol class=\"contents\">\n                ", "\n              </ol>\n            "])), this.items.map(function (item, index) {
           return _this2.renderItem(item, index);
         })));
       }
@@ -126,10 +126,10 @@ define(["exports", "require", "../../lit/index.js", "../utils/utils.js"], functi
       value: function renderItem(item, index) {
         if (item.link == null && item.id) {
           // tab index ensures browser treats it like a normal link
-          return (0, _index.html)(_templateObject5_ace91f501f0511ed8cc3e9a95995ad69 || (_templateObject5_ace91f501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <li class=\"item\">\n          <a\n            class=\"link indent-", " ", "\"\n            tabindex=\"0\"\n            @click=\"", "\"\n            @keypress=\"", "\"\n            data-index=\"", "\"\n            >", "</a\n          >\n        </li>\n      "])), item.indent, item.active, this.scrollToObject, this.keyScroll, index, item.title);
+          return (0, _index.html)(_templateObject5_874c34501f2611eda0c389891c227ec8 || (_templateObject5_874c34501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <li class=\"item\">\n          <a\n            class=\"link indent-", " ", "\"\n            tabindex=\"0\"\n            @click=\"", "\"\n            @keypress=\"", "\"\n            data-index=\"", "\"\n            >", "</a\n          >\n        </li>\n      "])), item.indent, item.active, this.scrollToObject, this.keyScroll, index, item.title);
         }
 
-        return (0, _index.html)(_templateObject6_ace91f501f0511ed8cc3e9a95995ad69 || (_templateObject6_ace91f501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <li class=\"item\">\n        <a\n          class=\"link indent-", " ", "\"\n          href=\"", "\"\n          @click=\"", "\"\n          @keypress=\"", "\"\n          data-index=\"", "\"\n          >", "</a\n        >\n      </li>\n    "])), item.indent, item.active, item.link, this.scrollToObject, this.keyScroll, index, item.title);
+        return (0, _index.html)(_templateObject6_874c34501f2611eda0c389891c227ec8 || (_templateObject6_874c34501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <li class=\"item\">\n        <a\n          class=\"link indent-", " ", "\"\n          href=\"", "\"\n          @click=\"", "\"\n          @keypress=\"", "\"\n          data-index=\"", "\"\n          >", "</a\n        >\n      </li>\n    "])), item.indent, item.active, item.link, this.scrollToObject, this.keyScroll, index, item.title);
       } // properties available to the custom element for data binding
 
     }, {
@@ -368,7 +368,7 @@ define(["exports", "require", "../../lit/index.js", "../utils/utils.js"], functi
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject7_ace91f501f0511ed8cc3e9a95995ad69 || (_templateObject7_ace91f501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([is-empty][hide-if-empty]) {\n          display: none;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        [hidden] {\n          display: none;\n        }\n        :host([mobile]) .wrapper,\n        :host([mobile]) .header,\n        :host([mobile]) .header .svg {\n          padding: 0;\n          margin: 0;\n        }\n        .wrapper {\n          display: inline-block;\n          padding: 8px;\n        }\n        .header {\n          display: flex;\n          color: var(--page-contents-menu-heading-color, #9daab6);\n          padding: 0 24px 0 0;\n          margin: 0 0 8px 0;\n        }\n        .header .svg {\n          padding-right: 6px;\n          display: inline-flex;\n          color: var(--page-contents-menu-link, #74818d);\n        }\n        svg {\n          width: 1em;\n          height: 1em;\n          vertical-align: middle;\n        }\n        .header .label {\n          align-items: center;\n          display: inline-flex;\n          font-size: var(--page-contents-menu-heading-font-size, 10px);\n          font-weight: var(--page-contents-menu-heading-font-weight, 700);\n          padding: 0;\n          margin: 0;\n          font-family: Content-font, Roboto, sans-serif;\n          line-height: 1;\n          letter-spacing: 1.2px;\n          text-transform: uppercase;\n        }\n\n        .contents {\n          margin: 0;\n          padding: 0;\n          list-style-type: none;\n          overflow-y: auto;\n          max-height: 50vh;\n        }\n        .item {\n          margin: 0;\n          display: block;\n          padding: 0;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n        .link {\n          font-family: Content-font, Roboto, sans-serif;\n          line-height: 1.5;\n          display: flex;\n          padding: 4px 16px 4px 24px;\n          font-size: var(--page-contents-menu-link-font-size, 12px);\n          text-decoration: none;\n          font-weight: var(--page-contents-menu-link-font-weight, 500);\n          color: var(--page-contents-menu-link, #74818d);\n          cursor: pointer;\n          margin: 0;\n          align-items: center;\n          vertical-align: middle;\n          -webkit-box-align: center;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n        .link:hover,\n        .link:focus,\n        .link:active {\n          text-decoration: underline;\n          color: var(--page-contents-menu-link-hover, rgb(56, 132, 255));\n        }\n        .link:focus {\n          outline: 1px solid var(--page-contents-menu-link, black);\n          outline-offset: 4px;\n        }\n        .indent-1 {\n          padding-left: 0px;\n        }\n        .indent-2 {\n          padding-left: 16px;\n        }\n        .indent-3,\n        .indent-4,\n        .indent-5,\n        .indent-6 {\n          padding-left: 32px;\n        }\n        .active {\n          font-weight: bold;\n          border-left: black 2px solid;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject7_874c34501f2611eda0c389891c227ec8 || (_templateObject7_874c34501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([is-empty][hide-if-empty]) {\n          display: none;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        [hidden] {\n          display: none;\n        }\n        :host([mobile]) .wrapper,\n        :host([mobile]) .header,\n        :host([mobile]) .header .svg {\n          padding: 0;\n          margin: 0;\n        }\n        .wrapper {\n          display: inline-block;\n          padding: 8px;\n        }\n        .header {\n          display: flex;\n          color: var(--page-contents-menu-heading-color, #9daab6);\n          padding: 0 24px 0 0;\n          margin: 0 0 8px 0;\n        }\n        .header .svg {\n          padding-right: 6px;\n          display: inline-flex;\n          color: var(--page-contents-menu-link, #74818d);\n        }\n        svg {\n          width: 1em;\n          height: 1em;\n          vertical-align: middle;\n        }\n        .header .label {\n          align-items: center;\n          display: inline-flex;\n          font-size: var(--page-contents-menu-heading-font-size, 10px);\n          font-weight: var(--page-contents-menu-heading-font-weight, 700);\n          padding: 0;\n          margin: 0;\n          font-family: Content-font, Roboto, sans-serif;\n          line-height: 1;\n          letter-spacing: 1.2px;\n          text-transform: uppercase;\n        }\n\n        .contents {\n          margin: 0;\n          padding: 0;\n          list-style-type: none;\n          overflow-y: auto;\n          max-height: 50vh;\n        }\n        .item {\n          margin: 0;\n          display: block;\n          padding: 0;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n        .link {\n          font-family: Content-font, Roboto, sans-serif;\n          line-height: 1.5;\n          display: flex;\n          padding: 4px 16px 4px 24px;\n          font-size: var(--page-contents-menu-link-font-size, 12px);\n          text-decoration: none;\n          font-weight: var(--page-contents-menu-link-font-weight, 500);\n          color: var(--page-contents-menu-link, #74818d);\n          cursor: pointer;\n          margin: 0;\n          align-items: center;\n          vertical-align: middle;\n          -webkit-box-align: center;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n        .link:hover,\n        .link:focus,\n        .link:active {\n          text-decoration: underline;\n          color: var(--page-contents-menu-link-hover, rgb(56, 132, 255));\n        }\n        .link:focus {\n          outline: 1px solid var(--page-contents-menu-link, black);\n          outline-offset: 4px;\n        }\n        .indent-1 {\n          padding-left: 0px;\n        }\n        .indent-2 {\n          padding-left: 16px;\n        }\n        .indent-3,\n        .indent-4,\n        .indent-5,\n        .indent-6 {\n          padding-left: 32px;\n        }\n        .active {\n          font-weight: bold;\n          border-left: black 2px solid;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/paper-audio-player/paper-audio-player.js b/build/es5-amd/node_modules/@lrnwebcomponents/paper-audio-player/paper-audio-player.js
index 054d7b0c7ad..2267002dec0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/paper-audio-player/paper-audio-player.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/paper-audio-player/paper-audio-player.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.PaperAudioPlayer = void 0;
 
-  var _templateObject_acf1aad01f0511ed8cc3e9a95995ad69;
+  var _templateObject_876429201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -374,7 +374,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_acf1aad01f0511ed8cc3e9a95995ad69 || (_templateObject_acf1aad01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n          box-sizing: border-box;\n          font-family: var(\n            --paper-audio-player-font-family,\n            \"Roboto\",\n            \"Noto\",\n            sans-serif\n          );\n          --paper-audio-player-color: var(\n            --simple-colors-default-theme-accent-9\n          );\n          --paper-audio-player-text-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --paper-audio-player-shadow: var(\n            --simple-colors-default-theme-grey-2\n          );\n          --paper-audio-player-background: var(\n            --simple-colors-default-theme-grey-1\n          );\n          background-color: var(--paper-audio-player-background);\n        }\n        #wrapper {\n          position: relative;\n          cursor: pointer;\n          height: 50px;\n          box-shadow: 0 1px 2px var(--paper-audio-player-shadow);\n        }\n        #left,\n        #center {\n          border-right: 1px solid var(--paper-audio-player-shadow);\n        }\n        #left,\n        #right {\n          height: 50px;\n          width: 50px;\n          position: relative;\n        }\n\n        #left {\n          opacity: 0.8;\n          background-color: var(--paper-audio-player-color);\n          transition: opacity 0.25s;\n        }\n        #left:focus,\n        #left:hover {\n          opacity: 1;\n        }\n\n        #right {\n          background-color: var(--paper-audio-player-background);\n        }\n\n        simple-icon-button,\n        simple-icon {\n          color: var(--paper-audio-player-text-color);\n        }\n\n        #duration,\n        #title,\n        #progress2 {\n          text-align: center;\n          line-height: 50px;\n        }\n\n        #duration {\n          font-size: 11px;\n          color: var(--paper-audio-player-color);\n        }\n\n        simple-icon-button,\n        simple-icon {\n          margin: auto;\n        }\n\n        #replay {\n          opacity: 0;\n          color: var(--paper-audio-player-color);\n        }\n\n        #title,\n        #progress2 {\n          pointer-events: none;\n          font-size: 15px;\n        }\n\n        #title {\n          z-index: 2;\n          color: var(--paper-audio-player-color);\n        }\n\n        #progress2 {\n          width: 0px;\n          z-index: 5;\n          color: var(--paper-audio-player-text-color);\n          overflow: hidden;\n        }\n\n        #center {\n          position: relative;\n          overflow: hidden;\n          background-color: var(--paper-audio-player-background);\n        }\n\n        #progress {\n          width: 100%;\n          transform-origin: left;\n          transform: scaleX(0);\n          background-color: var(--paper-audio-player-color);\n        }\n\n        /* On hover */\n\n        :host(:not(.cantplay)) #right:hover #replay {\n          opacity: 1;\n        }\n\n        #right:hover #duration {\n          opacity: 0;\n        }\n\n        #left:hover #play,\n        #left:hover #pause {\n          transform: scale3d(1.1, 1.1, 1.1);\n          -ms-transform: scale3d(1.1, 1.1, 1.1);\n          -webkit-transform: scale3d(1.1, 1.1, 1.1);\n        }\n\n        /* On Error */\n\n        :host(.cantplay) #title {\n          font-size: 12px;\n        }\n\n        :host(.cantplay) #wrapper {\n          cursor: default;\n        }\n\n        :host(.cantplay) #play {\n          opacity: 0;\n        }\n\n        /* Flexbox Helpers */\n\n        .layout-horizontal {\n          display: flex;\n          display: -webkit-flex;\n          display: -ms-flexbox;\n          -ms-flex-direction: row;\n          -webkit-flex-direction: row;\n          flex-direction: row;\n        }\n\n        .flex {\n          -ms-flex: 1;\n          -webkit-flex: 1;\n          flex: 1;\n        }\n\n        .fit {\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n\n        .self-start {\n          -ms-align-self: flex-start;\n          -webkit-align-self: flex-start;\n          align-self: flex-start;\n        }\n\n        .self-end {\n          -ms-align-self: flex-end;\n          -webkit-align-self: flex-end;\n          align-self: flex-end;\n        }\n      </style>\n      <div id=\"wrapper\" class=\"layout-horizontal\">\n        <div id=\"left\" class=\"self-start\" on-click=\"playPause\">\n          <!-- Icon -->\n          <simple-icon-button\n            id=\"play\"\n            icon=\"paper-audio-icons:play-arrow\"\n            class=\"fit\"\n            hidden$=\"[[ _hidePlayIcon(isPlaying, canBePlayed) ]]\"\n            role=\"button\"\n            aria-label=\"Play Audio\"\n            tabindex=\"-1\"\n          ></simple-icon-button>\n          <simple-icon-button\n            id=\"pause\"\n            icon=\"paper-audio-icons:pause\"\n            class=\"fit\"\n            hidden$=\"[[ !isPlaying ]]\"\n            role=\"button\"\n            aria-label=\"Pause Audio\"\n            tabindex=\"-1\"\n          ></simple-icon-button>\n          <simple-icon\n            id=\"error\"\n            icon=\"paper-audio-icons:error-outline\"\n            class=\"fit\"\n            hidden$=\"[[ !error ]]\"\n          ></simple-icon>\n        </div>\n        <div id=\"center\" class=\"flex\" on-down=\"_onDown\">\n          <!-- Title -->\n          <div id=\"title\" class=\"fit\" role=\"alert\">[[title]]</div>\n          <!-- Audio HTML5 element -->\n          <audio\n            id=\"audio\"\n            src$=\"[[src]]\"\n            preload$=\"[[ _setPreload(autoPlay, preload) ]]\"\n          ></audio>\n          <!-- Progress bar -->\n          <div id=\"progress\" class=\"fit\"></div>\n          <!-- Secondary white title -->\n          <div id=\"progress2\" class=\"fit\">\n            <div id=\"title2\" aria-hidden=\"true\">[[title]]</div>\n          </div>\n        </div>\n        <div id=\"right\" class=\"self-end\" on-click=\"restart\">\n          <!-- Duration -->\n          <div id=\"duration\" class=\"fit\" hidden$=\"[[ended]]\">\n            <span class=\"fit\" role=\"timer\" aria-label=\"Audio Track Length\"\n              >[[ _convertSecToMin(timeLeft) ]]</span\n            >\n          </div>\n          <!-- Icon -->\n          <simple-icon-button\n            id=\"replay\"\n            class=\"fit\"\n            icon=\"paper-audio-icons:replay\"\n            tabindex=\"-1\"\n            role=\"button\"\n            aria-label=\"Replay Audio\"\n          ></simple-icon-button>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_876429201f2611eda0c389891c227ec8 || (_templateObject_876429201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n          box-sizing: border-box;\n          font-family: var(\n            --paper-audio-player-font-family,\n            \"Roboto\",\n            \"Noto\",\n            sans-serif\n          );\n          --paper-audio-player-color: var(\n            --simple-colors-default-theme-accent-9\n          );\n          --paper-audio-player-text-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --paper-audio-player-shadow: var(\n            --simple-colors-default-theme-grey-2\n          );\n          --paper-audio-player-background: var(\n            --simple-colors-default-theme-grey-1\n          );\n          background-color: var(--paper-audio-player-background);\n        }\n        #wrapper {\n          position: relative;\n          cursor: pointer;\n          height: 50px;\n          box-shadow: 0 1px 2px var(--paper-audio-player-shadow);\n        }\n        #left,\n        #center {\n          border-right: 1px solid var(--paper-audio-player-shadow);\n        }\n        #left,\n        #right {\n          height: 50px;\n          width: 50px;\n          position: relative;\n        }\n\n        #left {\n          opacity: 0.8;\n          background-color: var(--paper-audio-player-color);\n          transition: opacity 0.25s;\n        }\n        #left:focus,\n        #left:hover {\n          opacity: 1;\n        }\n\n        #right {\n          background-color: var(--paper-audio-player-background);\n        }\n\n        simple-icon-button,\n        simple-icon {\n          color: var(--paper-audio-player-text-color);\n        }\n\n        #duration,\n        #title,\n        #progress2 {\n          text-align: center;\n          line-height: 50px;\n        }\n\n        #duration {\n          font-size: 11px;\n          color: var(--paper-audio-player-color);\n        }\n\n        simple-icon-button,\n        simple-icon {\n          margin: auto;\n        }\n\n        #replay {\n          opacity: 0;\n          color: var(--paper-audio-player-color);\n        }\n\n        #title,\n        #progress2 {\n          pointer-events: none;\n          font-size: 15px;\n        }\n\n        #title {\n          z-index: 2;\n          color: var(--paper-audio-player-color);\n        }\n\n        #progress2 {\n          width: 0px;\n          z-index: 5;\n          color: var(--paper-audio-player-text-color);\n          overflow: hidden;\n        }\n\n        #center {\n          position: relative;\n          overflow: hidden;\n          background-color: var(--paper-audio-player-background);\n        }\n\n        #progress {\n          width: 100%;\n          transform-origin: left;\n          transform: scaleX(0);\n          background-color: var(--paper-audio-player-color);\n        }\n\n        /* On hover */\n\n        :host(:not(.cantplay)) #right:hover #replay {\n          opacity: 1;\n        }\n\n        #right:hover #duration {\n          opacity: 0;\n        }\n\n        #left:hover #play,\n        #left:hover #pause {\n          transform: scale3d(1.1, 1.1, 1.1);\n          -ms-transform: scale3d(1.1, 1.1, 1.1);\n          -webkit-transform: scale3d(1.1, 1.1, 1.1);\n        }\n\n        /* On Error */\n\n        :host(.cantplay) #title {\n          font-size: 12px;\n        }\n\n        :host(.cantplay) #wrapper {\n          cursor: default;\n        }\n\n        :host(.cantplay) #play {\n          opacity: 0;\n        }\n\n        /* Flexbox Helpers */\n\n        .layout-horizontal {\n          display: flex;\n          display: -webkit-flex;\n          display: -ms-flexbox;\n          -ms-flex-direction: row;\n          -webkit-flex-direction: row;\n          flex-direction: row;\n        }\n\n        .flex {\n          -ms-flex: 1;\n          -webkit-flex: 1;\n          flex: 1;\n        }\n\n        .fit {\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n\n        .self-start {\n          -ms-align-self: flex-start;\n          -webkit-align-self: flex-start;\n          align-self: flex-start;\n        }\n\n        .self-end {\n          -ms-align-self: flex-end;\n          -webkit-align-self: flex-end;\n          align-self: flex-end;\n        }\n      </style>\n      <div id=\"wrapper\" class=\"layout-horizontal\">\n        <div id=\"left\" class=\"self-start\" on-click=\"playPause\">\n          <!-- Icon -->\n          <simple-icon-button\n            id=\"play\"\n            icon=\"paper-audio-icons:play-arrow\"\n            class=\"fit\"\n            hidden$=\"[[ _hidePlayIcon(isPlaying, canBePlayed) ]]\"\n            role=\"button\"\n            aria-label=\"Play Audio\"\n            tabindex=\"-1\"\n          ></simple-icon-button>\n          <simple-icon-button\n            id=\"pause\"\n            icon=\"paper-audio-icons:pause\"\n            class=\"fit\"\n            hidden$=\"[[ !isPlaying ]]\"\n            role=\"button\"\n            aria-label=\"Pause Audio\"\n            tabindex=\"-1\"\n          ></simple-icon-button>\n          <simple-icon\n            id=\"error\"\n            icon=\"paper-audio-icons:error-outline\"\n            class=\"fit\"\n            hidden$=\"[[ !error ]]\"\n          ></simple-icon>\n        </div>\n        <div id=\"center\" class=\"flex\" on-down=\"_onDown\">\n          <!-- Title -->\n          <div id=\"title\" class=\"fit\" role=\"alert\">[[title]]</div>\n          <!-- Audio HTML5 element -->\n          <audio\n            id=\"audio\"\n            src$=\"[[src]]\"\n            preload$=\"[[ _setPreload(autoPlay, preload) ]]\"\n          ></audio>\n          <!-- Progress bar -->\n          <div id=\"progress\" class=\"fit\"></div>\n          <!-- Secondary white title -->\n          <div id=\"progress2\" class=\"fit\">\n            <div id=\"title2\" aria-hidden=\"true\">[[title]]</div>\n          </div>\n        </div>\n        <div id=\"right\" class=\"self-end\" on-click=\"restart\">\n          <!-- Duration -->\n          <div id=\"duration\" class=\"fit\" hidden$=\"[[ended]]\">\n            <span class=\"fit\" role=\"timer\" aria-label=\"Audio Track Length\"\n              >[[ _convertSecToMin(timeLeft) ]]</span\n            >\n          </div>\n          <!-- Icon -->\n          <simple-icon-button\n            id=\"replay\"\n            class=\"fit\"\n            icon=\"paper-audio-icons:replay\"\n            tabindex=\"-1\"\n            role=\"button\"\n            aria-label=\"Replay Audio\"\n          ></simple-icon-button>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/paper-avatar/paper-avatar.js b/build/es5-amd/node_modules/@lrnwebcomponents/paper-avatar/paper-avatar.js
index bc1ef5d8e2d..d4b94202ead 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/paper-avatar/paper-avatar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/paper-avatar/paper-avatar.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
   meta = _interopRequireWildcard(meta);
   md5 = _interopRequireWildcard(md5);
 
-  var _templateObject_ad2b58701f0511ed8cc3e9a95995ad69, _templateObject2_ad2b58701f0511ed8cc3e9a95995ad69, _templateObject3_ad2b58701f0511ed8cc3e9a95995ad69, _templateObject4_ad2b58701f0511ed8cc3e9a95995ad69, _templateObject5_ad2b58701f0511ed8cc3e9a95995ad69;
+  var _templateObject_8768bd001f2611eda0c389891c227ec8, _templateObject2_8768bd001f2611eda0c389891c227ec8, _templateObject3_8768bd001f2611eda0c389891c227ec8, _templateObject4_8768bd001f2611eda0c389891c227ec8, _templateObject5_8768bd001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -66,7 +66,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
        * LitElement render method
        */
       function render() {
-        return (0, _index.html)(_templateObject_ad2b58701f0511ed8cc3e9a95995ad69 || (_templateObject_ad2b58701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <svg id=\"jdenticon\" width=\"40\" height=\"40\"><slot></slot></svg>\n      <div\n        id=\"label\"\n        title=\"", "\"\n        ?hidden=\"", "\"\n      >\n        ", "\n      </div>\n      ", "\n    "])), this.label, this.jdenticonExists && this.jdenticon, this.icon ? (0, _index.html)(_templateObject2_ad2b58701f0511ed8cc3e9a95995ad69 || (_templateObject2_ad2b58701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-icon-lite icon=\"", "\"></simple-icon-lite> "])), this.icon) : (0, _index.html)(_templateObject3_ad2b58701f0511ed8cc3e9a95995ad69 || (_templateObject3_ad2b58701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <span ?two-chars=\"", "\"\n                >", "\n              </span>\n            "])), this.twoChars, this._label(this.label)), this.src ? (0, _index.html)(_templateObject4_ad2b58701f0511ed8cc3e9a95995ad69 || (_templateObject4_ad2b58701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <img\n              id=\"img\"\n              loading=\"lazy\"\n              .src=\"", "\"\n              @load=\"", "\"\n              @error=\"", "\"\n              aria-hidden=\"true\"\n            />\n          "])), this.src || "", this._onImgLoad, this._onImgError) : "");
+        return (0, _index.html)(_templateObject_8768bd001f2611eda0c389891c227ec8 || (_templateObject_8768bd001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <svg id=\"jdenticon\" width=\"40\" height=\"40\"><slot></slot></svg>\n      <div\n        id=\"label\"\n        title=\"", "\"\n        ?hidden=\"", "\"\n      >\n        ", "\n      </div>\n      ", "\n    "])), this.label, this.jdenticonExists && this.jdenticon, this.icon ? (0, _index.html)(_templateObject2_8768bd001f2611eda0c389891c227ec8 || (_templateObject2_8768bd001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-icon-lite icon=\"", "\"></simple-icon-lite> "])), this.icon) : (0, _index.html)(_templateObject3_8768bd001f2611eda0c389891c227ec8 || (_templateObject3_8768bd001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <span ?two-chars=\"", "\"\n                >", "\n              </span>\n            "])), this.twoChars, this._label(this.label)), this.src ? (0, _index.html)(_templateObject4_8768bd001f2611eda0c389891c227ec8 || (_templateObject4_8768bd001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <img\n              id=\"img\"\n              loading=\"lazy\"\n              .src=\"", "\"\n              @load=\"", "\"\n              @error=\"", "\"\n              aria-hidden=\"true\"\n            />\n          "])), this.src || "", this._onImgLoad, this._onImgError) : "");
       }
     }, {
       key: "updated",
@@ -181,7 +181,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
        * LitElement style method
        */
       function get() {
-        return [(0, _index.css)(_templateObject5_ad2b58701f0511ed8cc3e9a95995ad69 || (_templateObject5_ad2b58701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          box-sizing: border-box;\n          position: relative;\n          width: var(--paper-avatar-width, 40px);\n          height: var(--paper-avatar-width, 40px);\n          border-radius: 50%;\n          cursor: default;\n          -webkit-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n          color: var(--paper-avatar-text-color, #ffffff);\n          background-color: var(\n            --paper-avatar-color,\n            var(--paper-avatar-calculated-bg, #000)\n          );\n        }\n\n        :host > * {\n          pointer-events: none;\n        }\n        img {\n          width: var(--paper-avatar-width, 40px);\n          height: var(--paper-avatar-width, 40px);\n        }\n        #label,\n        #img,\n        #jdenticon {\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          width: 100%;\n          height: 100%;\n          border-radius: 50%;\n        }\n        #label {\n          overflow: hidden;\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          display: flex;\n          -webkit-flex-direction: row;\n          -ms-flex-direction: row;\n          flex-direction: row;\n          -webkit-align-items: center;\n          -ms-flex-align: center;\n          align-items: center;\n          --simple-icon-width: calc(var(--paper-avatar-width, 40px) * 0.9);\n          --simple-icon-height: calc(var(--paper-avatar-width, 40px) * 0.9);\n        }\n        #label[hidden] {\n          display: none;\n        }\n        #label span {\n          display: block;\n          width: 100%;\n          font-weight: 400;\n          color: var(--paper-avatar-text-color, #ffffff);\n          text-transform: capitalize;\n          font-family: \"Roboto\", \"Noto\", sans-serif;\n          -webkit-font-smoothing: antialiased;\n          text-align: center;\n          font-size: calc(var(--paper-avatar-width, 40px) * 0.7);\n          opacity: 0.8;\n        }\n        #label span[two-chars] {\n          font-size: calc(var(--paper-avatar-width, 40px) * 0.5);\n        }\n        #label simple-icon-lite {\n          margin: 0 auto;\n          opacity: 0.8;\n        }\n        #jdenticon {\n          width: var(--paper-avatar-width, 40px);\n          height: var(--paper-avatar-width, 40px);\n        }\n        #jdenticon * {\n          fill: var(--paper-avatar-text-color, #ffffff);\n          opacity: 0.8;\n        }\n        :host #jdenticon ::slotted(*) {\n          fill: var(--paper-avatar-text-color, #ffffff);\n          opacity: 0.8;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject5_8768bd001f2611eda0c389891c227ec8 || (_templateObject5_8768bd001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          box-sizing: border-box;\n          position: relative;\n          width: var(--paper-avatar-width, 40px);\n          height: var(--paper-avatar-width, 40px);\n          border-radius: 50%;\n          cursor: default;\n          -webkit-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n          color: var(--paper-avatar-text-color, #ffffff);\n          background-color: var(\n            --paper-avatar-color,\n            var(--paper-avatar-calculated-bg, #000)\n          );\n        }\n\n        :host > * {\n          pointer-events: none;\n        }\n        img {\n          width: var(--paper-avatar-width, 40px);\n          height: var(--paper-avatar-width, 40px);\n        }\n        #label,\n        #img,\n        #jdenticon {\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          width: 100%;\n          height: 100%;\n          border-radius: 50%;\n        }\n        #label {\n          overflow: hidden;\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          display: flex;\n          -webkit-flex-direction: row;\n          -ms-flex-direction: row;\n          flex-direction: row;\n          -webkit-align-items: center;\n          -ms-flex-align: center;\n          align-items: center;\n          --simple-icon-width: calc(var(--paper-avatar-width, 40px) * 0.9);\n          --simple-icon-height: calc(var(--paper-avatar-width, 40px) * 0.9);\n        }\n        #label[hidden] {\n          display: none;\n        }\n        #label span {\n          display: block;\n          width: 100%;\n          font-weight: 400;\n          color: var(--paper-avatar-text-color, #ffffff);\n          text-transform: capitalize;\n          font-family: \"Roboto\", \"Noto\", sans-serif;\n          -webkit-font-smoothing: antialiased;\n          text-align: center;\n          font-size: calc(var(--paper-avatar-width, 40px) * 0.7);\n          opacity: 0.8;\n        }\n        #label span[two-chars] {\n          font-size: calc(var(--paper-avatar-width, 40px) * 0.5);\n        }\n        #label simple-icon-lite {\n          margin: 0 auto;\n          opacity: 0.8;\n        }\n        #jdenticon {\n          width: var(--paper-avatar-width, 40px);\n          height: var(--paper-avatar-width, 40px);\n        }\n        #jdenticon * {\n          fill: var(--paper-avatar-text-color, #ffffff);\n          opacity: 0.8;\n        }\n        :host #jdenticon ::slotted(*) {\n          fill: var(--paper-avatar-text-color, #ffffff);\n          opacity: 0.8;\n        }\n      "])))];
       }
       /**
        * A convention our team uses
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-speed-dial/lib/paper-fab-speed-dial-overlay.js b/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-speed-dial/lib/paper-fab-speed-dial-overlay.js
index 0c2b9fba164..93cd7581939 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-speed-dial/lib/paper-fab-speed-dial-overlay.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-speed-dial/lib/paper-fab-speed-dial-overlay.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.PaperFabSpeedDialOverlay = void 0;
 
-  var _templateObject_e34ac8a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ba15e9d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -25,7 +25,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     babelHelpers.createClass(PaperFabSpeedDialOverlay, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e34ac8a01f0511ed8cc3e9a95995ad69 || (_templateObject_e34ac8a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+        return (0, _polymerElement.html)(_templateObject_ba15e9d01f2611eda0c389891c227ec8 || (_templateObject_ba15e9d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/paper-input-flagged/paper-input-flagged.js b/build/es5-amd/node_modules/@lrnwebcomponents/paper-input-flagged/paper-input-flagged.js
index f27709f47c4..08973984cce 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/paper-input-flagged/paper-input-flagged.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/paper-input-flagged/paper-input-flagged.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
   });
   _exports.PaperInputFlagged = void 0;
 
-  var _templateObject_ad3124d01f0511ed8cc3e9a95995ad69, _templateObject2_ad3124d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_87a2dfd01f2611eda0c389891c227ec8, _templateObject2_87a2dfd01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -102,7 +102,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ad3124d01f0511ed8cc3e9a95995ad69 || (_templateObject_ad3124d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-fields-field\n        label=\"", "\"\n        value=\"", "\"\n        @value-changed=\"", "\"\n        ?char-counter=\"", "\"\n        ?disabled=\"", "\"\n        minlength=\"", "\"\n        maxlength=\"", "\"\n      >\n        <simple-icon id=\"icon\" icon=\"", "\" slot=\"prefix\"></simple-icon>\n      </simple-fields-field>\n      <div class=\"element-invisible\">", "</div>\n      <simple-tooltip\n        for=\"icon\"\n        position=\"top\"\n        offset=\"20\"\n        fit-to-visible-bounds\n      >\n        ", "\n      </simple-tooltip>\n    "])), this.label, this.value, this.valueEvent, this.charCounter, this.disabled, this.minlength, this.maxlength, this.icon, this.__activeMessage, this.__activeMessage);
+        return (0, _index.html)(_templateObject_87a2dfd01f2611eda0c389891c227ec8 || (_templateObject_87a2dfd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-fields-field\n        label=\"", "\"\n        value=\"", "\"\n        @value-changed=\"", "\"\n        ?char-counter=\"", "\"\n        ?disabled=\"", "\"\n        minlength=\"", "\"\n        maxlength=\"", "\"\n      >\n        <simple-icon id=\"icon\" icon=\"", "\" slot=\"prefix\"></simple-icon>\n      </simple-fields-field>\n      <div class=\"element-invisible\">", "</div>\n      <simple-tooltip\n        for=\"icon\"\n        position=\"top\"\n        offset=\"20\"\n        fit-to-visible-bounds\n      >\n        ", "\n      </simple-tooltip>\n    "])), this.label, this.value, this.valueEvent, this.charCounter, this.disabled, this.minlength, this.maxlength, this.icon, this.__activeMessage, this.__activeMessage);
       }
     }, {
       key: "testStatus",
@@ -163,7 +163,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_ad3124d01f0511ed8cc3e9a95995ad69 || (_templateObject2_ad3124d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        simple-icon {\n          transition: 0.6s all ease-in;\n          width: 24px;\n          height: 24px;\n          margin-right: 4px;\n        }\n        simple-tooltip {\n          --simple-tooltip-delay-in: 100;\n          font-size: 11px;\n        }\n        #icon {\n          color: var(--paper-grey-400);\n          background-color: transparent;\n        }\n        :host([status=\"info\"]) #icon {\n          color: var(--paper-green-400);\n        }\n        :host([status=\"notice\"]) #icon {\n          color: var(--paper-grey-400);\n        }\n        :host([status=\"warning\"]) #icon {\n          color: var(--paper-yellow-700);\n        }\n        :host([status=\"error\"]) #icon {\n          color: var(--paper-red-900);\n        }\n        .element-invisible {\n          position: absolute !important;\n          clip: rect(1px, 1px, 1px, 1px);\n          overflow: hidden;\n          height: 1px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_87a2dfd01f2611eda0c389891c227ec8 || (_templateObject2_87a2dfd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        simple-icon {\n          transition: 0.6s all ease-in;\n          width: 24px;\n          height: 24px;\n          margin-right: 4px;\n        }\n        simple-tooltip {\n          --simple-tooltip-delay-in: 100;\n          font-size: 11px;\n        }\n        #icon {\n          color: var(--paper-grey-400);\n          background-color: transparent;\n        }\n        :host([status=\"info\"]) #icon {\n          color: var(--paper-green-400);\n        }\n        :host([status=\"notice\"]) #icon {\n          color: var(--paper-grey-400);\n        }\n        :host([status=\"warning\"]) #icon {\n          color: var(--paper-yellow-700);\n        }\n        :host([status=\"error\"]) #icon {\n          color: var(--paper-red-900);\n        }\n        .element-invisible {\n          position: absolute !important;\n          clip: rect(1px, 1px, 1px, 1px);\n          overflow: hidden;\n          height: 1px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/parallax-image/parallax-image.js b/build/es5-amd/node_modules/@lrnwebcomponents/parallax-image/parallax-image.js
index 0b73d3ff330..fbcecbbb049 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/parallax-image/parallax-image.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/parallax-image/parallax-image.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
   });
   _exports.ParallaxImage = void 0;
 
-  var _templateObject_ad5527901f0511ed8cc3e9a95995ad69, _templateObject2_ad5527901f0511ed8cc3e9a95995ad69;
+  var _templateObject_87c4bfb01f2611eda0c389891c227ec8, _templateObject2_87c4bfb01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -38,7 +38,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
     babelHelpers.createClass(ParallaxImage, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ad5527901f0511ed8cc3e9a95995ad69 || (_templateObject_ad5527901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        class=\"parallax_container\"\n        aria-describedby=\"", "\"\n      >\n        <div id=\"bgParallax\" class=\"parallax\">\n          <div class=\"title\" id=\"titleParallax\">\n            <slot name=\"parallax_heading\"></slot>\n          </div>\n        </div>\n      </div>\n    "])), this.describedBy || "");
+        return (0, _index.html)(_templateObject_87c4bfb01f2611eda0c389891c227ec8 || (_templateObject_87c4bfb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        class=\"parallax_container\"\n        aria-describedby=\"", "\"\n      >\n        <div id=\"bgParallax\" class=\"parallax\">\n          <div class=\"title\" id=\"titleParallax\">\n            <slot name=\"parallax_heading\"></slot>\n          </div>\n        </div>\n      </div>\n    "])), this.describedBy || "");
       }
     }, {
       key: "updated",
@@ -84,7 +84,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_ad5527901f0511ed8cc3e9a95995ad69 || (_templateObject2_ad5527901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --parallax-image-background: \"\";\n          --parallax-title-background: rgba(0, 0, 0, 0.3);\n          --parallax-title-font: #fff;\n        }\n\n        .parallax_container {\n          height: 400px;\n          width: 100%;\n          overflow: hidden;\n          display: flex;\n          justify-content: center;\n        }\n\n        .parallax {\n          background-image: var(--parallax-image-background);\n          background-attachment: fixed;\n          background-position: top center;\n          background-repeat: no-repeat;\n          background-size: cover;\n          width: 100%;\n          height: 100%;\n          justify-content: center;\n        }\n\n        #bgParallax {\n          display: flex;\n          align-items: center;\n        }\n\n        .title {\n          background: var(--parallax-title-background);\n          display: block;\n          padding: 20px 15px;\n          text-align: center;\n          width: 40%;\n          color: var(--parallax-title-font);\n          font-size: 32px;\n          position: absolute;\n          margin-top: 120px;\n        }\n\n        @media screen and (max-width: 900px) {\n          .title {\n            font-size: 16px;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_87c4bfb01f2611eda0c389891c227ec8 || (_templateObject2_87c4bfb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --parallax-image-background: \"\";\n          --parallax-title-background: rgba(0, 0, 0, 0.3);\n          --parallax-title-font: #fff;\n        }\n\n        .parallax_container {\n          height: 400px;\n          width: 100%;\n          overflow: hidden;\n          display: flex;\n          justify-content: center;\n        }\n\n        .parallax {\n          background-image: var(--parallax-image-background);\n          background-attachment: fixed;\n          background-position: top center;\n          background-repeat: no-repeat;\n          background-size: cover;\n          width: 100%;\n          height: 100%;\n          justify-content: center;\n        }\n\n        #bgParallax {\n          display: flex;\n          align-items: center;\n        }\n\n        .title {\n          background: var(--parallax-title-background);\n          display: block;\n          padding: 20px 15px;\n          text-align: center;\n          width: 40%;\n          color: var(--parallax-title-font);\n          font-size: 32px;\n          position: absolute;\n          margin-top: 120px;\n        }\n\n        @media screen and (max-width: 900px) {\n          .title {\n            font-size: 16px;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/pdf-browser-viewer/pdf-browser-viewer.js b/build/es5-amd/node_modules/@lrnwebcomponents/pdf-browser-viewer/pdf-browser-viewer.js
index 5ba109c76a3..2a128830c89 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/pdf-browser-viewer/pdf-browser-viewer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/pdf-browser-viewer/pdf-browser-viewer.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.PdfBrowserViewer = void 0;
 
-  var _templateObject_ad56d5401f0511ed8cc3e9a95995ad69;
+  var _templateObject_87c646501f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -91,7 +91,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_ad56d5401f0511ed8cc3e9a95995ad69 || (_templateObject_ad56d5401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: none;\n        }\n        :host([file]) {\n          display: inherit;\n        }\n        div.card {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n      </style>\n\n      <template is=\"dom-if\" if=\"[[card]]\">\n        <div heading=\"[[heading]]\" elevation=\"[[elevation]]\">\n          <div class=\"card-content\">\n            <object\n              data=\"[[file]]\"\n              type=\"application/pdf\"\n              width=\"[[width]]\"\n              height=\"[[height]]\"\n            >\n              <p>\n                {{notSupportedMessage}}\n                <a href=\"[[file]]\">{{notSupportedLinkMessage}}</a>\n              </p>\n            </object>\n          </div>\n          <div class=\"card-actions\">\n            <button on-click=\"_download\">[[downloadLabel]]</button>\n          </div>\n        </div>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[!card]]\">\n        <object\n          data=\"[[file]]\"\n          type=\"application/pdf\"\n          width=\"[[width]]\"\n          height=\"[[height]]\"\n        >\n          <p>\n            {{notSupportedMessage}}\n            <a href=\"[[file]]\">{{notSupportedLinkMessage}}</a>\n          </p>\n        </object>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_87c646501f2611eda0c389891c227ec8 || (_templateObject_87c646501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: none;\n        }\n        :host([file]) {\n          display: inherit;\n        }\n        div.card {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n        }\n      </style>\n\n      <template is=\"dom-if\" if=\"[[card]]\">\n        <div heading=\"[[heading]]\" elevation=\"[[elevation]]\">\n          <div class=\"card-content\">\n            <object\n              data=\"[[file]]\"\n              type=\"application/pdf\"\n              width=\"[[width]]\"\n              height=\"[[height]]\"\n            >\n              <p>\n                {{notSupportedMessage}}\n                <a href=\"[[file]]\">{{notSupportedLinkMessage}}</a>\n              </p>\n            </object>\n          </div>\n          <div class=\"card-actions\">\n            <button on-click=\"_download\">[[downloadLabel]]</button>\n          </div>\n        </div>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[!card]]\">\n        <object\n          data=\"[[file]]\"\n          type=\"application/pdf\"\n          width=\"[[width]]\"\n          height=\"[[height]]\"\n        >\n          <p>\n            {{notSupportedMessage}}\n            <a href=\"[[file]]\">{{notSupportedLinkMessage}}</a>\n          </p>\n        </object>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/pdf-element/pdf-element.js b/build/es5-amd/node_modules/@lrnwebcomponents/pdf-element/pdf-element.js
index c4693a2e64f..aeaa23c854a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/pdf-element/pdf-element.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/pdf-element/pdf-element.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _exports.PdfElement = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ad5db3101f0511ed8cc3e9a95995ad69;
+  var _templateObject_87ccaef01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -305,7 +305,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_ad5db3101f0511ed8cc3e9a95995ad69 || (_templateObject_ad5db3101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          width: 100%;\n          height: 100%;\n        }\n\n        app-toolbar.pdf-toolbar {\n          --app-toolbar-background: #323639;\n        }\n\n        .pdf-viewer {\n          text-align: center;\n          border: 1px solid #4d4d4d;\n        }\n\n        .pdf-viewport-out {\n          overflow: auto;\n          background-color: #525659;\n          position: relative;\n          width: 100%;\n          height: 100%;\n        }\n\n        .pdf-viewport {\n          display: block;\n          position: relative;\n          border: 1px solid #eeeeee;\n          transition: all 200ms ease-in-out;\n          width: 100%;\n          height: 100%;\n        }\n\n        .sidebar {\n          background-color: gray;\n          float: left;\n          height: 0px;\n          overflow: scroll;\n          margin-left: -25%;\n          visibility: hidden;\n        }\n\n        .main {\n          margin-left: 0%;\n        }\n\n        .pageselector {\n          width: 3ch;\n          background-color: black;\n          font-size: 17px;\n          background-color: transparent;\n          border: 0px solid;\n        }\n\n        .pageselector:focus {\n          outline: none;\n        }\n\n        #input {\n          -webkit-margin-start: -3px;\n          color: #fff;\n          line-height: 18px;\n          padding: 3px;\n          text-align: end;\n        }\n\n        #input:focus,\n        #input:hover {\n          background-color: rgba(0, 0, 0, 0.5);\n          border-radius: 2px;\n        }\n\n        #slash {\n          padding: 0 3px;\n        }\n\n        paper-spinner {\n          position: absolute;\n          left: 50%;\n        }\n\n        .textLayer {\n          transition: all 200ms ease-in-out;\n        }\n\n        .positionRelative {\n          position: relative;\n        }\n      </style>\n\n      <paper-material elevation=\"{{elevation}}\">\n        <div class=\"card-content\" style=\"width: {{width}}px\">\n          <div class=\"card paperCard\" style=\"width: {{width}}px\">\n            <div class=\"pdf-viewer\">\n              <app-toolbar class=\"pdf-toolbar\">\n                <simple-icon-button\n                  icon=\"menu\"\n                  on-click=\"sideBar\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"arrow-back\"\n                  on-click=\"showPrev\"\n                ></simple-icon-button>\n                <input\n                  class=\"pageselector\"\n                  id=\"input\"\n                  is=\"iron-input\"\n                  value=\"{{currentPage}}\"\n                  prevent-invalid-input=\"\"\n                  allowed-pattern=\"\\d\"\n                  on-change=\"pageNumSearch\"\n                />\n                <span id=\"slash\">/</span><span id=\"totalPages\"></span>\n                <simple-icon-button\n                  icon=\"arrow-forward\"\n                  on-click=\"showNext\"\n                ></simple-icon-button>\n                <span class=\"title\" hidden=\"{{!showFileName}}\">Testing</span>\n                <span class=\"title\" hidden=\"{{showFileName}}\"></span>\n                <span class=\"pageRendering\"></span>\n                <simple-icon-button\n                  icon=\"zoom-in\"\n                  on-click=\"zoomIn\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"zoom-out\"\n                  on-click=\"zoomOut\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  id=\"zoomIcon\"\n                  icon=\"fullscreen\"\n                  on-click=\"zoomFit\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"file-download\"\n                  hidden$=\"{{!downloadable}}\"\n                  on-click=\"download\"\n                ></simple-icon-button>\n              </app-toolbar>\n              <div id=\"container\" class=\"sidebar\" style=\"width:25%\"></div>\n              <div id=\"main\">\n                <div id=\"test\" class=\"pdf-viewport-out\">\n                  <canvas class=\"pdf-viewport\"></canvas>\n                  <div\n                    id=\"text-layer\"\n                    class=\"textLayer\"\n                    hidden$=\"{{!enableTextSelection}}\"\n                  ></div>\n                </div>\n                <paper-spinner\n                  class=\"spinner\"\n                  hidden$=\"{{!showSpinner}}\"\n                ></paper-spinner>\n              </div>\n            </div>\n          </div>\n        </div>\n      </paper-material>\n    "], ["\n      <style>\n        :host {\n          display: block;\n          width: 100%;\n          height: 100%;\n        }\n\n        app-toolbar.pdf-toolbar {\n          --app-toolbar-background: #323639;\n        }\n\n        .pdf-viewer {\n          text-align: center;\n          border: 1px solid #4d4d4d;\n        }\n\n        .pdf-viewport-out {\n          overflow: auto;\n          background-color: #525659;\n          position: relative;\n          width: 100%;\n          height: 100%;\n        }\n\n        .pdf-viewport {\n          display: block;\n          position: relative;\n          border: 1px solid #eeeeee;\n          transition: all 200ms ease-in-out;\n          width: 100%;\n          height: 100%;\n        }\n\n        .sidebar {\n          background-color: gray;\n          float: left;\n          height: 0px;\n          overflow: scroll;\n          margin-left: -25%;\n          visibility: hidden;\n        }\n\n        .main {\n          margin-left: 0%;\n        }\n\n        .pageselector {\n          width: 3ch;\n          background-color: black;\n          font-size: 17px;\n          background-color: transparent;\n          border: 0px solid;\n        }\n\n        .pageselector:focus {\n          outline: none;\n        }\n\n        #input {\n          -webkit-margin-start: -3px;\n          color: #fff;\n          line-height: 18px;\n          padding: 3px;\n          text-align: end;\n        }\n\n        #input:focus,\n        #input:hover {\n          background-color: rgba(0, 0, 0, 0.5);\n          border-radius: 2px;\n        }\n\n        #slash {\n          padding: 0 3px;\n        }\n\n        paper-spinner {\n          position: absolute;\n          left: 50%;\n        }\n\n        .textLayer {\n          transition: all 200ms ease-in-out;\n        }\n\n        .positionRelative {\n          position: relative;\n        }\n      </style>\n\n      <paper-material elevation=\"{{elevation}}\">\n        <div class=\"card-content\" style=\"width: {{width}}px\">\n          <div class=\"card paperCard\" style=\"width: {{width}}px\">\n            <div class=\"pdf-viewer\">\n              <app-toolbar class=\"pdf-toolbar\">\n                <simple-icon-button\n                  icon=\"menu\"\n                  on-click=\"sideBar\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"arrow-back\"\n                  on-click=\"showPrev\"\n                ></simple-icon-button>\n                <input\n                  class=\"pageselector\"\n                  id=\"input\"\n                  is=\"iron-input\"\n                  value=\"{{currentPage}}\"\n                  prevent-invalid-input=\"\"\n                  allowed-pattern=\"\\\\d\"\n                  on-change=\"pageNumSearch\"\n                />\n                <span id=\"slash\">/</span><span id=\"totalPages\"></span>\n                <simple-icon-button\n                  icon=\"arrow-forward\"\n                  on-click=\"showNext\"\n                ></simple-icon-button>\n                <span class=\"title\" hidden=\"{{!showFileName}}\">Testing</span>\n                <span class=\"title\" hidden=\"{{showFileName}}\"></span>\n                <span class=\"pageRendering\"></span>\n                <simple-icon-button\n                  icon=\"zoom-in\"\n                  on-click=\"zoomIn\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"zoom-out\"\n                  on-click=\"zoomOut\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  id=\"zoomIcon\"\n                  icon=\"fullscreen\"\n                  on-click=\"zoomFit\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"file-download\"\n                  hidden$=\"{{!downloadable}}\"\n                  on-click=\"download\"\n                ></simple-icon-button>\n              </app-toolbar>\n              <div id=\"container\" class=\"sidebar\" style=\"width:25%\"></div>\n              <div id=\"main\">\n                <div id=\"test\" class=\"pdf-viewport-out\">\n                  <canvas class=\"pdf-viewport\"></canvas>\n                  <div\n                    id=\"text-layer\"\n                    class=\"textLayer\"\n                    hidden$=\"{{!enableTextSelection}}\"\n                  ></div>\n                </div>\n                <paper-spinner\n                  class=\"spinner\"\n                  hidden$=\"{{!showSpinner}}\"\n                ></paper-spinner>\n              </div>\n            </div>\n          </div>\n        </div>\n      </paper-material>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_87ccaef01f2611eda0c389891c227ec8 || (_templateObject_87ccaef01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          width: 100%;\n          height: 100%;\n        }\n\n        app-toolbar.pdf-toolbar {\n          --app-toolbar-background: #323639;\n        }\n\n        .pdf-viewer {\n          text-align: center;\n          border: 1px solid #4d4d4d;\n        }\n\n        .pdf-viewport-out {\n          overflow: auto;\n          background-color: #525659;\n          position: relative;\n          width: 100%;\n          height: 100%;\n        }\n\n        .pdf-viewport {\n          display: block;\n          position: relative;\n          border: 1px solid #eeeeee;\n          transition: all 200ms ease-in-out;\n          width: 100%;\n          height: 100%;\n        }\n\n        .sidebar {\n          background-color: gray;\n          float: left;\n          height: 0px;\n          overflow: scroll;\n          margin-left: -25%;\n          visibility: hidden;\n        }\n\n        .main {\n          margin-left: 0%;\n        }\n\n        .pageselector {\n          width: 3ch;\n          background-color: black;\n          font-size: 17px;\n          background-color: transparent;\n          border: 0px solid;\n        }\n\n        .pageselector:focus {\n          outline: none;\n        }\n\n        #input {\n          -webkit-margin-start: -3px;\n          color: #fff;\n          line-height: 18px;\n          padding: 3px;\n          text-align: end;\n        }\n\n        #input:focus,\n        #input:hover {\n          background-color: rgba(0, 0, 0, 0.5);\n          border-radius: 2px;\n        }\n\n        #slash {\n          padding: 0 3px;\n        }\n\n        paper-spinner {\n          position: absolute;\n          left: 50%;\n        }\n\n        .textLayer {\n          transition: all 200ms ease-in-out;\n        }\n\n        .positionRelative {\n          position: relative;\n        }\n      </style>\n\n      <paper-material elevation=\"{{elevation}}\">\n        <div class=\"card-content\" style=\"width: {{width}}px\">\n          <div class=\"card paperCard\" style=\"width: {{width}}px\">\n            <div class=\"pdf-viewer\">\n              <app-toolbar class=\"pdf-toolbar\">\n                <simple-icon-button\n                  icon=\"menu\"\n                  on-click=\"sideBar\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"arrow-back\"\n                  on-click=\"showPrev\"\n                ></simple-icon-button>\n                <input\n                  class=\"pageselector\"\n                  id=\"input\"\n                  is=\"iron-input\"\n                  value=\"{{currentPage}}\"\n                  prevent-invalid-input=\"\"\n                  allowed-pattern=\"\\d\"\n                  on-change=\"pageNumSearch\"\n                />\n                <span id=\"slash\">/</span><span id=\"totalPages\"></span>\n                <simple-icon-button\n                  icon=\"arrow-forward\"\n                  on-click=\"showNext\"\n                ></simple-icon-button>\n                <span class=\"title\" hidden=\"{{!showFileName}}\">Testing</span>\n                <span class=\"title\" hidden=\"{{showFileName}}\"></span>\n                <span class=\"pageRendering\"></span>\n                <simple-icon-button\n                  icon=\"zoom-in\"\n                  on-click=\"zoomIn\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"zoom-out\"\n                  on-click=\"zoomOut\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  id=\"zoomIcon\"\n                  icon=\"fullscreen\"\n                  on-click=\"zoomFit\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"file-download\"\n                  hidden$=\"{{!downloadable}}\"\n                  on-click=\"download\"\n                ></simple-icon-button>\n              </app-toolbar>\n              <div id=\"container\" class=\"sidebar\" style=\"width:25%\"></div>\n              <div id=\"main\">\n                <div id=\"test\" class=\"pdf-viewport-out\">\n                  <canvas class=\"pdf-viewport\"></canvas>\n                  <div\n                    id=\"text-layer\"\n                    class=\"textLayer\"\n                    hidden$=\"{{!enableTextSelection}}\"\n                  ></div>\n                </div>\n                <paper-spinner\n                  class=\"spinner\"\n                  hidden$=\"{{!showSpinner}}\"\n                ></paper-spinner>\n              </div>\n            </div>\n          </div>\n        </div>\n      </paper-material>\n    "], ["\n      <style>\n        :host {\n          display: block;\n          width: 100%;\n          height: 100%;\n        }\n\n        app-toolbar.pdf-toolbar {\n          --app-toolbar-background: #323639;\n        }\n\n        .pdf-viewer {\n          text-align: center;\n          border: 1px solid #4d4d4d;\n        }\n\n        .pdf-viewport-out {\n          overflow: auto;\n          background-color: #525659;\n          position: relative;\n          width: 100%;\n          height: 100%;\n        }\n\n        .pdf-viewport {\n          display: block;\n          position: relative;\n          border: 1px solid #eeeeee;\n          transition: all 200ms ease-in-out;\n          width: 100%;\n          height: 100%;\n        }\n\n        .sidebar {\n          background-color: gray;\n          float: left;\n          height: 0px;\n          overflow: scroll;\n          margin-left: -25%;\n          visibility: hidden;\n        }\n\n        .main {\n          margin-left: 0%;\n        }\n\n        .pageselector {\n          width: 3ch;\n          background-color: black;\n          font-size: 17px;\n          background-color: transparent;\n          border: 0px solid;\n        }\n\n        .pageselector:focus {\n          outline: none;\n        }\n\n        #input {\n          -webkit-margin-start: -3px;\n          color: #fff;\n          line-height: 18px;\n          padding: 3px;\n          text-align: end;\n        }\n\n        #input:focus,\n        #input:hover {\n          background-color: rgba(0, 0, 0, 0.5);\n          border-radius: 2px;\n        }\n\n        #slash {\n          padding: 0 3px;\n        }\n\n        paper-spinner {\n          position: absolute;\n          left: 50%;\n        }\n\n        .textLayer {\n          transition: all 200ms ease-in-out;\n        }\n\n        .positionRelative {\n          position: relative;\n        }\n      </style>\n\n      <paper-material elevation=\"{{elevation}}\">\n        <div class=\"card-content\" style=\"width: {{width}}px\">\n          <div class=\"card paperCard\" style=\"width: {{width}}px\">\n            <div class=\"pdf-viewer\">\n              <app-toolbar class=\"pdf-toolbar\">\n                <simple-icon-button\n                  icon=\"menu\"\n                  on-click=\"sideBar\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"arrow-back\"\n                  on-click=\"showPrev\"\n                ></simple-icon-button>\n                <input\n                  class=\"pageselector\"\n                  id=\"input\"\n                  is=\"iron-input\"\n                  value=\"{{currentPage}}\"\n                  prevent-invalid-input=\"\"\n                  allowed-pattern=\"\\\\d\"\n                  on-change=\"pageNumSearch\"\n                />\n                <span id=\"slash\">/</span><span id=\"totalPages\"></span>\n                <simple-icon-button\n                  icon=\"arrow-forward\"\n                  on-click=\"showNext\"\n                ></simple-icon-button>\n                <span class=\"title\" hidden=\"{{!showFileName}}\">Testing</span>\n                <span class=\"title\" hidden=\"{{showFileName}}\"></span>\n                <span class=\"pageRendering\"></span>\n                <simple-icon-button\n                  icon=\"zoom-in\"\n                  on-click=\"zoomIn\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"zoom-out\"\n                  on-click=\"zoomOut\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  id=\"zoomIcon\"\n                  icon=\"fullscreen\"\n                  on-click=\"zoomFit\"\n                ></simple-icon-button>\n                <simple-icon-button\n                  icon=\"file-download\"\n                  hidden$=\"{{!downloadable}}\"\n                  on-click=\"download\"\n                ></simple-icon-button>\n              </app-toolbar>\n              <div id=\"container\" class=\"sidebar\" style=\"width:25%\"></div>\n              <div id=\"main\">\n                <div id=\"test\" class=\"pdf-viewport-out\">\n                  <canvas class=\"pdf-viewport\"></canvas>\n                  <div\n                    id=\"text-layer\"\n                    class=\"textLayer\"\n                    hidden$=\"{{!enableTextSelection}}\"\n                  ></div>\n                </div>\n                <paper-spinner\n                  class=\"spinner\"\n                  hidden$=\"{{!showSpinner}}\"\n                ></paper-spinner>\n              </div>\n            </div>\n          </div>\n        </div>\n      </paper-material>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/person-testimonial/person-testimonial.js b/build/es5-amd/node_modules/@lrnwebcomponents/person-testimonial/person-testimonial.js
index 5724c2e792f..128ef454f1d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/person-testimonial/person-testimonial.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/person-testimonial/person-testimonial.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
   _exports.PersonTestimonial = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_ad610e701f0511ed8cc3e9a95995ad69, _templateObject2_ad610e701f0511ed8cc3e9a95995ad69;
+  var _templateObject_87cfbc301f2611eda0c389891c227ec8, _templateObject2_87cfbc301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -40,12 +40,12 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
     babelHelpers.createClass(PersonTestimonial, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ad610e701f0511ed8cc3e9a95995ad69 || (_templateObject_ad610e701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"card\">\n        <div class=\"image\">\n          <img\n            src=\"", "\"\n            loading=\"lazy\"\n            aria-describedby=\"", "\"\n          />\n        </div>\n        <div class=\"arrow_right\"></div>\n        <div class=\"wrap\">\n          <div class=\"testimonial\">\n            <svg id=\"quotestart\">\n              <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"></path>\n            </svg>\n            <slot></slot>\n            <svg id=\"quoteend\">\n              <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"></path>\n            </svg>\n          </div>\n          <div class=\"name\">", "</div>\n          <div class=\"position\">", "</div>\n        </div>\n      </div>\n    "])), this.image, this.describedBy, this.name, this.position);
+        return (0, _index.html)(_templateObject_87cfbc301f2611eda0c389891c227ec8 || (_templateObject_87cfbc301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"card\">\n        <div class=\"image\">\n          <img\n            src=\"", "\"\n            loading=\"lazy\"\n            aria-describedby=\"", "\"\n          />\n        </div>\n        <div class=\"arrow_right\"></div>\n        <div class=\"wrap\">\n          <div class=\"testimonial\">\n            <svg id=\"quotestart\">\n              <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"></path>\n            </svg>\n            <slot></slot>\n            <svg id=\"quoteend\">\n              <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"></path>\n            </svg>\n          </div>\n          <div class=\"name\">", "</div>\n          <div class=\"position\">", "</div>\n        </div>\n      </div>\n    "])), this.image, this.describedBy, this.name, this.position);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(PersonTestimonial), "styles", this)), [(0, _index.css)(_templateObject2_ad610e701f0511ed8cc3e9a95995ad69 || (_templateObject2_ad610e701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --person-testimonial-font-family: sans-serif;\n          --person-testimonial-bg: var(--simple-colors-default-theme-grey-1);\n          --person-testimonial-color: var(\n            --simple-colors-default-theme-accent-7\n          );\n          --person-testimonial-text: var(--simple-colors-default-theme-grey-12);\n        }\n\n        div.card {\n          display: inline-flex;\n          background-color: var(--person-testimonial-bg);\n          color: var(--person-testimonial-text);\n          font-family: var(--person-testimonial-font-family);\n          box-shadow: 0 2px 2px rgba(59, 43, 91, 0.7);\n        }\n\n        .image img {\n          display: block;\n          width: 150px;\n          height: 100%;\n        }\n        .image img {\n          max-width: 200px;\n        }\n        .image {\n          padding-right: 5px;\n          background-color: var(--person-testimonial-color);\n        }\n\n        svg {\n          fill: var(--person-testimonial-color);\n          height: 24px;\n          width: 24px;\n        }\n\n        .wrap {\n          margin: 15px;\n        }\n\n        .testimonial {\n          line-height: 24px;\n          font-size: 16px;\n          font-style: italic;\n        }\n\n        .name {\n          font-size: 21px;\n          text-transform: uppercase;\n          font-weight: bold;\n          margin-top: 20px;\n        }\n\n        .position {\n          font-size: 14px;\n          margin-top: 5px;\n        }\n\n        .arrow_right {\n          width: 0;\n          height: 0;\n          border-top: 15px solid var(--person-testimonial-bg);\n          border-bottom: 15px solid var(--person-testimonial-bg);\n          border-left: solid 15px transparent;\n          background-color: var(--person-testimonial-color);\n          position: relative;\n          top: 55px;\n        }\n\n        #quotestart {\n          display: inline-flex;\n          transform: rotateY(180deg);\n        }\n\n        #quoteend {\n          display: inline-flex;\n        }\n        @media screen and (max-width: 850px) {\n          div.card {\n            display: flex;\n            flex-wrap: wrap;\n          }\n          .image img {\n            display: block;\n            border-radius: 50%;\n            width: 200px;\n            height: 200px;\n          }\n          .image {\n            margin-top: 25px;\n            border-radius: 50%;\n            padding: 5px;\n            margin-left: auto;\n            margin-right: auto;\n          }\n          .arrow_right {\n            display: none;\n          }\n          .name,\n          .position {\n            text-align: center;\n          }\n        }\n        @media screen and (max-width: 600px) {\n          .image img {\n            width: 150px;\n            height: 150px;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(PersonTestimonial), "styles", this)), [(0, _index.css)(_templateObject2_87cfbc301f2611eda0c389891c227ec8 || (_templateObject2_87cfbc301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --person-testimonial-font-family: sans-serif;\n          --person-testimonial-bg: var(--simple-colors-default-theme-grey-1);\n          --person-testimonial-color: var(\n            --simple-colors-default-theme-accent-7\n          );\n          --person-testimonial-text: var(--simple-colors-default-theme-grey-12);\n        }\n\n        div.card {\n          display: inline-flex;\n          background-color: var(--person-testimonial-bg);\n          color: var(--person-testimonial-text);\n          font-family: var(--person-testimonial-font-family);\n          box-shadow: 0 2px 2px rgba(59, 43, 91, 0.7);\n        }\n\n        .image img {\n          display: block;\n          width: 150px;\n          height: 100%;\n        }\n        .image img {\n          max-width: 200px;\n        }\n        .image {\n          padding-right: 5px;\n          background-color: var(--person-testimonial-color);\n        }\n\n        svg {\n          fill: var(--person-testimonial-color);\n          height: 24px;\n          width: 24px;\n        }\n\n        .wrap {\n          margin: 15px;\n        }\n\n        .testimonial {\n          line-height: 24px;\n          font-size: 16px;\n          font-style: italic;\n        }\n\n        .name {\n          font-size: 21px;\n          text-transform: uppercase;\n          font-weight: bold;\n          margin-top: 20px;\n        }\n\n        .position {\n          font-size: 14px;\n          margin-top: 5px;\n        }\n\n        .arrow_right {\n          width: 0;\n          height: 0;\n          border-top: 15px solid var(--person-testimonial-bg);\n          border-bottom: 15px solid var(--person-testimonial-bg);\n          border-left: solid 15px transparent;\n          background-color: var(--person-testimonial-color);\n          position: relative;\n          top: 55px;\n        }\n\n        #quotestart {\n          display: inline-flex;\n          transform: rotateY(180deg);\n        }\n\n        #quoteend {\n          display: inline-flex;\n        }\n        @media screen and (max-width: 850px) {\n          div.card {\n            display: flex;\n            flex-wrap: wrap;\n          }\n          .image img {\n            display: block;\n            border-radius: 50%;\n            width: 200px;\n            height: 200px;\n          }\n          .image {\n            margin-top: 25px;\n            border-radius: 50%;\n            padding: 5px;\n            margin-left: auto;\n            margin-right: auto;\n          }\n          .arrow_right {\n            display: none;\n          }\n          .name,\n          .position {\n            text-align: center;\n          }\n        }\n        @media screen and (max-width: 600px) {\n          .image img {\n            width: 150px;\n            height: 150px;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/pie-menu/pie-menu.js b/build/es5-amd/node_modules/@lrnwebcomponents/pie-menu/pie-menu.js
index 42064d033ff..73c78511cb7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/pie-menu/pie-menu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/pie-menu/pie-menu.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../simple-icon/
   });
   _exports.PieMenu = void 0;
 
-  var _templateObject_ad637f701f0511ed8cc3e9a95995ad69;
+  var _templateObject_87d22d301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -113,7 +113,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../simple-icon/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_ad637f701f0511ed8cc3e9a95995ad69 || (_templateObject_ad637f701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host,\n        :host > div {\n          width: 200px;\n          height: 200px;\n        }\n        :host > div {\n          position: relative;\n        }\n        :host > div > * {\n          position: absolute;\n          top: 0;\n          left: 0;\n        }\n        :host > div svg [role=\"button\"] {\n          fill: transparent;\n        }\n        :host > div svg [role=\"button\"]:focus,\n        :host > div svg [role=\"button\"]:hover {\n          stroke: #017ec2;\n          cursor: pointer;\n          outline: none;\n        }\n        :host > div svg .outer-shapes,\n        :host > div svg .inner-shape {\n          fill: #fff;\n          stroke: #ddd;\n        }\n        :host > div svg .outer-shapes.focus,\n        :host > div svg .outer-shapes.hover,\n        :host > div svg .inner-shape.focus,\n        :host > div svg .inner-shape.hover {\n          fill: #cef4ff;\n        }\n        :host > div .icon-container {\n          color: black;\n        }\n        :host > div .icon-container.focus,\n        :host > div .icon-container.hover {\n          color: #017ec2;\n        }\n        :host > div .icon-container {\n          text-align: center;\n          height: 24px;\n          width: 50px;\n          top: 85px;\n          left: 75px;\n        }\n        :host > div[data-hide-label-text=\"true\"] .icon-container {\n          width: 24px;\n          top: 88px;\n          left: 88px;\n        }\n        :host > div .icon-label {\n          font-size: 10px;\n          text-transform: lowercase;\n        }\n        :host > div[data-hide-label-text=\"true\"] .icon-label {\n          display: none;\n        }\n        :host > div > #top-icon {\n          top: 16px;\n        }\n        :host > div[data-hide-label-text=\"true\"] > #top-icon {\n          top: 22px;\n        }\n        :host > div > #right-icon {\n          left: 140px;\n        }\n        :host > div[data-hide-label-text=\"true\"] > #right-icon {\n          left: 153px;\n        }\n        :host > div > #bottom-icon {\n          top: 147px;\n        }\n        :host > div[data-hide-label-text=\"true\"] > #bottom-icon {\n          top: 153px;\n        }\n        :host > div > #left-icon {\n          left: 9px;\n        }\n        :host > div[data-hide-label-text=\"true\"] > #left-icon {\n          left: 22px;\n        }\n      </style>\n      <div data-hide-label-text$=\"[[hideLabelText]]\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 193.95 193.94\">\n          <path\n            id=\"right-shape\"\n            data-button=\"right\"\n            class=\"outer-shapes\"\n            d=\"M165.54 28.4a97 97 0 0 1 0 137.14l-46-46a31.86 31.86 0 0 0 0-45z\"\n          ></path>\n          <path\n            id=\"bottom-shape\"\n            data-button=\"bottom\"\n            class=\"outer-shapes\"\n            d=\"M165.54 165.54a97 97 0 0 1-137.14 0l46.05-46a31.84 31.84 0 0 0 45 0z\"\n          ></path>\n          <path\n            id=\"left-shape\"\n            data-button=\"left\"\n            class=\"outer-shapes\"\n            d=\"M28.4 165.54a97 97 0 0 1 0-137.14l46.05 46.05a31.84 31.84 0 0 0 0 45z\"\n          ></path>\n          <path\n            id=\"top-shape\"\n            data-button=\"top\"\n            class=\"outer-shapes\"\n            d=\"M28.4 28.4a97 97 0 0 1 137.14 0l-46 46.05a31.84 31.84 0 0 0-45 0z\"\n          ></path>\n          <circle\n            id=\"center-shape\"\n            data-button=\"center\"\n            class=\"inner-shape\"\n            cx=\"96.97\"\n            cy=\"96.97\"\n            r=\"31.67\"\n          ></circle>\n        </svg>\n        <div id=\"center-icon\" data-button=\"center\" class=\"icon-container\">\n          <simple-icon icon$=\"[[centerIcon]]\"></simple-icon>\n          <div class=\"icon-label\" aria-hidden=\"true\">[[centerLabel]]</div>\n        </div>\n        <div id=\"top-icon\" data-button=\"top\" class=\"icon-container\">\n          <simple-icon icon$=\"[[topIcon]]\"></simple-icon>\n          <div class=\"icon-label\" aria-hidden=\"true\">[[topLabel]]</div>\n        </div>\n        <div id=\"right-icon\" data-button=\"right\" class=\"icon-container\">\n          <simple-icon icon$=\"[[rightIcon]]\"></simple-icon>\n          <div class=\"icon-label\" aria-hidden=\"true\">[[rightLabel]]</div>\n        </div>\n        <div id=\"bottom-icon\" data-button=\"bottom\" class=\"icon-container\">\n          <simple-icon icon$=\"[[bottomIcon]]\"></simple-icon>\n          <div class=\"icon-label\" aria-hidden=\"true\">[[bottomLabel]]</div>\n        </div>\n        <div id=\"left-icon\" data-button=\"left\" class=\"icon-container\">\n          <simple-icon icon$=\"[[leftIcon]]\"></simple-icon>\n          <div class=\"icon-label\" aria-hidden=\"true\">[[leftLabel]]</div>\n        </div>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 193.95 193.94\">\n          <circle\n            id=\"center-button\"\n            xlink:title$=\"[[centerLabel]]\"\n            data-button=\"center\"\n            tabindex=\"0\"\n            on-click=\"_itemTapped\"\n            on-keydown=\"_itemTapped\"\n            role=\"button\"\n            cx=\"96.97\"\n            cy=\"96.97\"\n            r=\"31.67\"\n          ></circle>\n          <path\n            id=\"top-button\"\n            xlink:title$=\"[[topLabel]]\"\n            data-button=\"top\"\n            role=\"button\"\n            tabindex=\"0\"\n            on-click=\"_itemTapped\"\n            on-keydown=\"_itemTapped\"\n            d=\"M28.4 28.4a97 97 0 0 1 137.14 0l-46 46.05a31.84 31.84 0 0 0-45 0z\"\n          ></path>\n          <path\n            id=\"right-button\"\n            xlink:title$=\"[[rightLabel]]\"\n            data-button=\"right\"\n            role=\"button\"\n            tabindex=\"0\"\n            on-click=\"_itemTapped\"\n            on-keydown=\"_itemTapped\"\n            d=\"M165.54 28.4a97 97 0 0 1 0 137.14l-46-46a31.86 31.86 0 0 0 0-45z\"\n          ></path>\n          <path\n            id=\"bottom-button\"\n            xlink:title$=\"[[bottomLabel]]\"\n            data-button=\"bottom\"\n            role=\"button\"\n            tabindex=\"0\"\n            on-click=\"_itemTapped\"\n            on-keydown=\"_itemTapped\"\n            d=\"M165.54 165.54a97 97 0 0 1-137.14 0l46.05-46a31.84 31.84 0 0 0 45 0z\"\n          ></path>\n          <path\n            id=\"left-button\"\n            xlink:title$=\"[[leftLabel]]\"\n            data-button=\"left\"\n            role=\"button\"\n            tabindex=\"0\"\n            on-click=\"_itemTapped\"\n            on-keydown=\"_itemTapped\"\n            d=\"M28.4 165.54a97 97 0 0 1 0-137.14l46.05 46.05a31.84 31.84 0 0 0 0 45z\"\n          ></path>\n        </svg>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_87d22d301f2611eda0c389891c227ec8 || (_templateObject_87d22d301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host,\n        :host > div {\n          width: 200px;\n          height: 200px;\n        }\n        :host > div {\n          position: relative;\n        }\n        :host > div > * {\n          position: absolute;\n          top: 0;\n          left: 0;\n        }\n        :host > div svg [role=\"button\"] {\n          fill: transparent;\n        }\n        :host > div svg [role=\"button\"]:focus,\n        :host > div svg [role=\"button\"]:hover {\n          stroke: #017ec2;\n          cursor: pointer;\n          outline: none;\n        }\n        :host > div svg .outer-shapes,\n        :host > div svg .inner-shape {\n          fill: #fff;\n          stroke: #ddd;\n        }\n        :host > div svg .outer-shapes.focus,\n        :host > div svg .outer-shapes.hover,\n        :host > div svg .inner-shape.focus,\n        :host > div svg .inner-shape.hover {\n          fill: #cef4ff;\n        }\n        :host > div .icon-container {\n          color: black;\n        }\n        :host > div .icon-container.focus,\n        :host > div .icon-container.hover {\n          color: #017ec2;\n        }\n        :host > div .icon-container {\n          text-align: center;\n          height: 24px;\n          width: 50px;\n          top: 85px;\n          left: 75px;\n        }\n        :host > div[data-hide-label-text=\"true\"] .icon-container {\n          width: 24px;\n          top: 88px;\n          left: 88px;\n        }\n        :host > div .icon-label {\n          font-size: 10px;\n          text-transform: lowercase;\n        }\n        :host > div[data-hide-label-text=\"true\"] .icon-label {\n          display: none;\n        }\n        :host > div > #top-icon {\n          top: 16px;\n        }\n        :host > div[data-hide-label-text=\"true\"] > #top-icon {\n          top: 22px;\n        }\n        :host > div > #right-icon {\n          left: 140px;\n        }\n        :host > div[data-hide-label-text=\"true\"] > #right-icon {\n          left: 153px;\n        }\n        :host > div > #bottom-icon {\n          top: 147px;\n        }\n        :host > div[data-hide-label-text=\"true\"] > #bottom-icon {\n          top: 153px;\n        }\n        :host > div > #left-icon {\n          left: 9px;\n        }\n        :host > div[data-hide-label-text=\"true\"] > #left-icon {\n          left: 22px;\n        }\n      </style>\n      <div data-hide-label-text$=\"[[hideLabelText]]\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 193.95 193.94\">\n          <path\n            id=\"right-shape\"\n            data-button=\"right\"\n            class=\"outer-shapes\"\n            d=\"M165.54 28.4a97 97 0 0 1 0 137.14l-46-46a31.86 31.86 0 0 0 0-45z\"\n          ></path>\n          <path\n            id=\"bottom-shape\"\n            data-button=\"bottom\"\n            class=\"outer-shapes\"\n            d=\"M165.54 165.54a97 97 0 0 1-137.14 0l46.05-46a31.84 31.84 0 0 0 45 0z\"\n          ></path>\n          <path\n            id=\"left-shape\"\n            data-button=\"left\"\n            class=\"outer-shapes\"\n            d=\"M28.4 165.54a97 97 0 0 1 0-137.14l46.05 46.05a31.84 31.84 0 0 0 0 45z\"\n          ></path>\n          <path\n            id=\"top-shape\"\n            data-button=\"top\"\n            class=\"outer-shapes\"\n            d=\"M28.4 28.4a97 97 0 0 1 137.14 0l-46 46.05a31.84 31.84 0 0 0-45 0z\"\n          ></path>\n          <circle\n            id=\"center-shape\"\n            data-button=\"center\"\n            class=\"inner-shape\"\n            cx=\"96.97\"\n            cy=\"96.97\"\n            r=\"31.67\"\n          ></circle>\n        </svg>\n        <div id=\"center-icon\" data-button=\"center\" class=\"icon-container\">\n          <simple-icon icon$=\"[[centerIcon]]\"></simple-icon>\n          <div class=\"icon-label\" aria-hidden=\"true\">[[centerLabel]]</div>\n        </div>\n        <div id=\"top-icon\" data-button=\"top\" class=\"icon-container\">\n          <simple-icon icon$=\"[[topIcon]]\"></simple-icon>\n          <div class=\"icon-label\" aria-hidden=\"true\">[[topLabel]]</div>\n        </div>\n        <div id=\"right-icon\" data-button=\"right\" class=\"icon-container\">\n          <simple-icon icon$=\"[[rightIcon]]\"></simple-icon>\n          <div class=\"icon-label\" aria-hidden=\"true\">[[rightLabel]]</div>\n        </div>\n        <div id=\"bottom-icon\" data-button=\"bottom\" class=\"icon-container\">\n          <simple-icon icon$=\"[[bottomIcon]]\"></simple-icon>\n          <div class=\"icon-label\" aria-hidden=\"true\">[[bottomLabel]]</div>\n        </div>\n        <div id=\"left-icon\" data-button=\"left\" class=\"icon-container\">\n          <simple-icon icon$=\"[[leftIcon]]\"></simple-icon>\n          <div class=\"icon-label\" aria-hidden=\"true\">[[leftLabel]]</div>\n        </div>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 193.95 193.94\">\n          <circle\n            id=\"center-button\"\n            xlink:title$=\"[[centerLabel]]\"\n            data-button=\"center\"\n            tabindex=\"0\"\n            on-click=\"_itemTapped\"\n            on-keydown=\"_itemTapped\"\n            role=\"button\"\n            cx=\"96.97\"\n            cy=\"96.97\"\n            r=\"31.67\"\n          ></circle>\n          <path\n            id=\"top-button\"\n            xlink:title$=\"[[topLabel]]\"\n            data-button=\"top\"\n            role=\"button\"\n            tabindex=\"0\"\n            on-click=\"_itemTapped\"\n            on-keydown=\"_itemTapped\"\n            d=\"M28.4 28.4a97 97 0 0 1 137.14 0l-46 46.05a31.84 31.84 0 0 0-45 0z\"\n          ></path>\n          <path\n            id=\"right-button\"\n            xlink:title$=\"[[rightLabel]]\"\n            data-button=\"right\"\n            role=\"button\"\n            tabindex=\"0\"\n            on-click=\"_itemTapped\"\n            on-keydown=\"_itemTapped\"\n            d=\"M165.54 28.4a97 97 0 0 1 0 137.14l-46-46a31.86 31.86 0 0 0 0-45z\"\n          ></path>\n          <path\n            id=\"bottom-button\"\n            xlink:title$=\"[[bottomLabel]]\"\n            data-button=\"bottom\"\n            role=\"button\"\n            tabindex=\"0\"\n            on-click=\"_itemTapped\"\n            on-keydown=\"_itemTapped\"\n            d=\"M165.54 165.54a97 97 0 0 1-137.14 0l46.05-46a31.84 31.84 0 0 0 45 0z\"\n          ></path>\n          <path\n            id=\"left-button\"\n            xlink:title$=\"[[leftLabel]]\"\n            data-button=\"left\"\n            role=\"button\"\n            tabindex=\"0\"\n            on-click=\"_itemTapped\"\n            on-keydown=\"_itemTapped\"\n            d=\"M28.4 165.54a97 97 0 0 1 0-137.14l46.05 46.05a31.84 31.84 0 0 0 0 45z\"\n          ></path>\n        </svg>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/place-holder/place-holder.js b/build/es5-amd/node_modules/@lrnwebcomponents/place-holder/place-holder.js
index 0f3077c5a34..9efb4ec914d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/place-holder/place-holder.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/place-holder/place-holder.js
@@ -6,7 +6,7 @@ define(["exports", "../simple-colors/simple-colors.js", "../../lit/index.js", ".
   });
   _exports.PlaceHolder = void 0;
 
-  var _templateObject_ad6861701f0511ed8cc3e9a95995ad69, _templateObject2_ad6861701f0511ed8cc3e9a95995ad69;
+  var _templateObject_87d6e8201f2611eda0c389891c227ec8, _templateObject2_87d6e8201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -100,7 +100,7 @@ define(["exports", "../simple-colors/simple-colors.js", "../../lit/index.js", ".
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_ad6861701f0511ed8cc3e9a95995ad69 || (_templateObject_ad6861701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <simple-icon\n          ?dark=\"", "\"\n          icon=\"", "\"\n          accent-color=\"", "\"\n        ></simple-icon>\n        <div class=\"text\">", "</div>\n        <div class=\"directions\">", "</div>\n      </div>\n    "])), this.dark, this.iconFromType, this.accentColor, this.calcText, this.directions);
+        return (0, _index.html)(_templateObject_87d6e8201f2611eda0c389891c227ec8 || (_templateObject_87d6e8201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <simple-icon\n          ?dark=\"", "\"\n          icon=\"", "\"\n          accent-color=\"", "\"\n        ></simple-icon>\n        <div class=\"text\">", "</div>\n        <div class=\"directions\">", "</div>\n      </div>\n    "])), this.dark, this.iconFromType, this.accentColor, this.calcText, this.directions);
       }
     }, {
       key: "updated",
@@ -235,7 +235,7 @@ define(["exports", "../simple-colors/simple-colors.js", "../../lit/index.js", ".
        * LitElement render styles
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(PlaceHolder), "styles", this)), [(0, _index.css)(_templateObject2_ad6861701f0511ed8cc3e9a95995ad69 || (_templateObject2_ad6861701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          border: none;\n          transition: 0.2s all linear;\n        }\n        :host([drag-over]) {\n          border: var(--place-holder-drag-over-border, 4px dashed #2196f3);\n        }\n        .wrapper {\n          text-align: center;\n          padding: 16px;\n          color: var(--simple-colors-default-theme-accent-12, #222222);\n          background-color: var(\n            --simple-colors-default-theme-accent-1,\n            #eeeeee\n          );\n        }\n        simple-icon {\n          margin: 0 auto;\n          --simple-icon-width: 50%;\n          --simple-icon-height: 50%;\n          display: block;\n        }\n        .text {\n          line-height: 24px;\n          font-size: 24px;\n        }\n        .directions {\n          line-height: 16px;\n          font-size: 16px;\n          font-style: italic;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(PlaceHolder), "styles", this)), [(0, _index.css)(_templateObject2_87d6e8201f2611eda0c389891c227ec8 || (_templateObject2_87d6e8201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          border: none;\n          transition: 0.2s all linear;\n        }\n        :host([drag-over]) {\n          border: var(--place-holder-drag-over-border, 4px dashed #2196f3);\n        }\n        .wrapper {\n          text-align: center;\n          padding: 16px;\n          color: var(--simple-colors-default-theme-accent-12, #222222);\n          background-color: var(\n            --simple-colors-default-theme-accent-1,\n            #eeeeee\n          );\n        }\n        simple-icon {\n          margin: 0 auto;\n          --simple-icon-width: 50%;\n          --simple-icon-height: 50%;\n          display: block;\n        }\n        .text {\n          line-height: 24px;\n          font-size: 24px;\n        }\n        .directions {\n          line-height: 16px;\n          font-size: 16px;\n          font-style: italic;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardPhoto.js b/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardPhoto.js
index df95243a523..4ac143b0e62 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardPhoto.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardPhoto.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-colors/simple-
   _exports.PostCardPhoto = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_e35c2dc01f0511ed8cc3e9a95995ad69, _templateObject2_e35c2dc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ba25ef601f2611eda0c389891c227ec8, _templateObject2_ba25ef601f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -43,7 +43,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-colors/simple-
     babelHelpers.createClass(PostCardPhoto, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e35c2dc01f0511ed8cc3e9a95995ad69 || (_templateObject_e35c2dc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <img\n          loading=\"lazy\"\n          src=\"", "\"\n          alt=\"\"\n          class=\"cardShadow\"\n        />\n        <img\n          loading=\"lazy\"\n          src=\"", "\"\n          alt=\"", "\"\n          class=\"cardImage\"\n        />\n        <img loading=\"lazy\" src=\"", "\" alt=\"\" class=\"cardTape\" />\n      </div>\n    "])), PostCardPhotoShadow, this.image, this.alt, tape);
+        return (0, _index.html)(_templateObject_ba25ef601f2611eda0c389891c227ec8 || (_templateObject_ba25ef601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <img\n          loading=\"lazy\"\n          src=\"", "\"\n          alt=\"\"\n          class=\"cardShadow\"\n        />\n        <img\n          loading=\"lazy\"\n          src=\"", "\"\n          alt=\"", "\"\n          class=\"cardImage\"\n        />\n        <img loading=\"lazy\" src=\"", "\" alt=\"\" class=\"cardTape\" />\n      </div>\n    "])), PostCardPhotoShadow, this.image, this.alt, tape);
       }
     }], [{
       key: "tag",
@@ -66,7 +66,7 @@ define(["exports", "meta", "../../../lit/index.js", "../../simple-colors/simple-
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(PostCardPhoto), "styles", this)), [(0, _index.css)(_templateObject2_e35c2dc01f0511ed8cc3e9a95995ad69 || (_templateObject2_e35c2dc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --post-card-img-width: 340px;\n        }\n\n        div {\n          display: inline-grid;\n          grid-template-columns: 1;\n          grid-template-rows: 1;\n          align-items: center;\n        }\n\n        img {\n          grid-column: 1;\n          grid-row: 1;\n          justify-self: center;\n        }\n\n        .cardShadow {\n          width: calc(var(--post-card-img-width) * 1.05);\n          height: calc(var(--post-card-img-width) * 0.78);\n          z-index: 2;\n          opacity: 0.5;\n          transform: translate(1%, 1.5%) rotate(0.5deg);\n        }\n\n        .cardImage {\n          width: var(--post-card-img-width);\n          height: calc(var(--post-card-img-width) * 0.7);\n          z-index: 2;\n          transform: rotate(-3deg);\n          border-radius: 5px 5px 0px 5px;\n        }\n\n        .cardTape {\n          width: auto;\n          height: calc(var(--post-card-img-width) * 0.8);\n          z-index: 3;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(PostCardPhoto), "styles", this)), [(0, _index.css)(_templateObject2_ba25ef601f2611eda0c389891c227ec8 || (_templateObject2_ba25ef601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --post-card-img-width: 340px;\n        }\n\n        div {\n          display: inline-grid;\n          grid-template-columns: 1;\n          grid-template-rows: 1;\n          align-items: center;\n        }\n\n        img {\n          grid-column: 1;\n          grid-row: 1;\n          justify-self: center;\n        }\n\n        .cardShadow {\n          width: calc(var(--post-card-img-width) * 1.05);\n          height: calc(var(--post-card-img-width) * 0.78);\n          z-index: 2;\n          opacity: 0.5;\n          transform: translate(1%, 1.5%) rotate(0.5deg);\n        }\n\n        .cardImage {\n          width: var(--post-card-img-width);\n          height: calc(var(--post-card-img-width) * 0.7);\n          z-index: 2;\n          transform: rotate(-3deg);\n          border-radius: 5px 5px 0px 5px;\n        }\n\n        .cardTape {\n          width: auto;\n          height: calc(var(--post-card-img-width) * 0.8);\n          z-index: 3;\n        }\n      "])))]);
       }
     }]);
     return PostCardPhoto;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardPostmark.js b/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardPostmark.js
index 3a5c0b499c1..04702068dd4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardPostmark.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardPostmark.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../lit/index.js"], function (_exports, meta, _
   _exports.PostCardPostmark = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_e35e02801f0511ed8cc3e9a95995ad69, _templateObject2_e35e02801f0511ed8cc3e9a95995ad69;
+  var _templateObject_ba27c4201f2611eda0c389891c227ec8, _templateObject2_ba27c4201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -36,7 +36,7 @@ define(["exports", "meta", "../../../lit/index.js"], function (_exports, meta, _
     babelHelpers.createClass(PostCardPostmark, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e35e02801f0511ed8cc3e9a95995ad69 || (_templateObject_e35e02801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <img loading=\"lazy\" src=\"", "\" alt=\"", "\" />\n        <p>", "</p>\n      </div>\n    "])), this.image, this.alt, this.locations);
+        return (0, _index.html)(_templateObject_ba27c4201f2611eda0c389891c227ec8 || (_templateObject_ba27c4201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <img loading=\"lazy\" src=\"", "\" alt=\"", "\" />\n        <p>", "</p>\n      </div>\n    "])), this.image, this.alt, this.locations);
       }
     }], [{
       key: "tag",
@@ -61,7 +61,7 @@ define(["exports", "meta", "../../../lit/index.js"], function (_exports, meta, _
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_e35e02801f0511ed8cc3e9a95995ad69 || (_templateObject2_e35e02801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --post-card-img-width: 250px;\n          font-family: \"Bebas Neue\", sans-serif;\n        }\n        div {\n          width: var(--post-card-img-width);\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          opacity: 0.8;\n        }\n        img {\n          width: var(--post-card-img-width);\n          height: calc(var(--post-card-img-width) * (1 / 3));\n          filter: invert(62%) sepia(0%) saturate(329%) hue-rotate(162deg)\n            brightness(98%) contrast(95%); /* created using: https://codepen.io/sosuke/pen/Pjoqqp */\n        }\n        p {\n          width: var(--post-card-img-width);\n          text-transform: uppercase;\n          text-align: center;\n          color: black;\n          margin: 0px;\n          font-size: 16px;\n          letter-spacing: 2px;\n          text-align: center;\n          overflow: hidden;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_ba27c4201f2611eda0c389891c227ec8 || (_templateObject2_ba27c4201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --post-card-img-width: 250px;\n          font-family: \"Bebas Neue\", sans-serif;\n        }\n        div {\n          width: var(--post-card-img-width);\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          opacity: 0.8;\n        }\n        img {\n          width: var(--post-card-img-width);\n          height: calc(var(--post-card-img-width) * (1 / 3));\n          filter: invert(62%) sepia(0%) saturate(329%) hue-rotate(162deg)\n            brightness(98%) contrast(95%); /* created using: https://codepen.io/sosuke/pen/Pjoqqp */\n        }\n        p {\n          width: var(--post-card-img-width);\n          text-transform: uppercase;\n          text-align: center;\n          color: black;\n          margin: 0px;\n          font-size: 16px;\n          letter-spacing: 2px;\n          text-align: center;\n          overflow: hidden;\n        }\n      "])))];
       }
     }]);
     return PostCardPostmark;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardStamp.js b/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardStamp.js
index 3b3353aaffb..7637299fb7d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardStamp.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/post-card/lib/PostCardStamp.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../../lit/index.js"], function (_exports, meta, _
   _exports.PostCardStamp = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_e35fb0301f0511ed8cc3e9a95995ad69, _templateObject2_e35fb0301f0511ed8cc3e9a95995ad69;
+  var _templateObject_ba2a0e101f2611eda0c389891c227ec8, _templateObject2_ba2a0e101f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -36,7 +36,7 @@ define(["exports", "meta", "../../../lit/index.js"], function (_exports, meta, _
     babelHelpers.createClass(PostCardStamp, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e35fb0301f0511ed8cc3e9a95995ad69 || (_templateObject_e35fb0301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <img\n          loading=\"lazy\"\n          src=\"", "\"\n          alt=\"\"\n          class=\"stampBackground\"\n        />\n        <img loading=\"lazy\" src=\"", "\" alt=\"\" class=\"stampImage\" />\n      </div>\n    "])), postCardStampBg, this.image);
+        return (0, _index.html)(_templateObject_ba2a0e101f2611eda0c389891c227ec8 || (_templateObject_ba2a0e101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <img\n          loading=\"lazy\"\n          src=\"", "\"\n          alt=\"\"\n          class=\"stampBackground\"\n        />\n        <img loading=\"lazy\" src=\"", "\" alt=\"\" class=\"stampImage\" />\n      </div>\n    "])), postCardStampBg, this.image);
       }
     }], [{
       key: "tag",
@@ -56,7 +56,7 @@ define(["exports", "meta", "../../../lit/index.js"], function (_exports, meta, _
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_e35fb0301f0511ed8cc3e9a95995ad69 || (_templateObject2_e35fb0301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --post-card-img-width: 100px;\n        }\n\n        div {\n          display: inline-grid;\n          grid-template-columns: 1;\n          grid-template-rows: 1;\n        }\n        img {\n          grid-column: 1;\n          grid-row: 1;\n          justify-content: center;\n        }\n        .stampImage {\n          width: var(--post-card-img-width);\n          height: calc(var(--post-card-img-width) * 1.25);\n          justify-self: center;\n          padding-top: 10px;\n          transform: rotate(1.5deg);\n          z-index: 3;\n        }\n        .stampBackground {\n          width: calc(var(--post-card-img-width) + 20px);\n          height: calc(var(--post-card-img-width) * 1.25 + 20px);\n          z-index: 2;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_ba2a0e101f2611eda0c389891c227ec8 || (_templateObject2_ba2a0e101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --post-card-img-width: 100px;\n        }\n\n        div {\n          display: inline-grid;\n          grid-template-columns: 1;\n          grid-template-rows: 1;\n        }\n        img {\n          grid-column: 1;\n          grid-row: 1;\n          justify-content: center;\n        }\n        .stampImage {\n          width: var(--post-card-img-width);\n          height: calc(var(--post-card-img-width) * 1.25);\n          justify-self: center;\n          padding-top: 10px;\n          transform: rotate(1.5deg);\n          z-index: 3;\n        }\n        .stampBackground {\n          width: calc(var(--post-card-img-width) + 20px);\n          height: calc(var(--post-card-img-width) * 1.25 + 20px);\n          z-index: 2;\n        }\n      "])))];
       }
     }]);
     return PostCardStamp;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/post-card/post-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/post-card/post-card.js
index 140c63883eb..a714ec55e10 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/post-card/post-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/post-card/post-card.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ad6e06c01f0511ed8cc3e9a95995ad69, _templateObject2_ad6e06c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_87dcb4801f2611eda0c389891c227ec8, _templateObject2_87dcb4801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -79,7 +79,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
        * LitElement render life cycle
        */
       function render() {
-        return (0, _index.html)(_templateObject_ad6e06c01f0511ed8cc3e9a95995ad69 || (_templateObject_ad6e06c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"entireCard\" style=\"background-image: url(", ");\">\n        <div class=\"backgroundLines\">\n          <h2 class=\"label\">", "</h2>\n          <img loading=\"lazy\" alt=\"\" src=\"", "\" />\n        </div>\n        <div class=\"foregroundElements\">\n          <div class=\"postage\">\n            <post-card-postmark\n              class=\"postmark\"\n              locations=\"", "\"\n            ></post-card-postmark>\n            <post-card-stamp\n              class=\"stamp\"\n              image=\"", "\"\n            ></post-card-stamp>\n          </div>\n          <div class=\"image\">\n            <post-card-photo image=\"", "\"></post-card-photo>\n          </div>\n          <div class=\"tofrom\">\n            <div class=\"to\">\n              <h3>", "</h3>\n              <slot name=\"to\"><div class=\"toContent\">", "</div></slot>\n            </div>\n            <div class=\"from\">\n              <h3>", ":</h3>\n              <slot name=\"from\"\n                ><div class=\"fromContent\">", "</div></slot\n              >\n            </div>\n          </div>\n          <div class=\"message\">\n            <slot name=\"message\"\n              ><div class=\"messageContent\">", "</div></slot\n            >\n          </div>\n        </div>\n      </div>\n    "])), entireCardBg, this.t.label, postCardLines, this.postMarkLocations, this.stampSrc, this.photoSrc, this.t.send, this.to, this.t.receive, this.from, this.message);
+        return (0, _index.html)(_templateObject_87dcb4801f2611eda0c389891c227ec8 || (_templateObject_87dcb4801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"entireCard\" style=\"background-image: url(", ");\">\n        <div class=\"backgroundLines\">\n          <h2 class=\"label\">", "</h2>\n          <img loading=\"lazy\" alt=\"\" src=\"", "\" />\n        </div>\n        <div class=\"foregroundElements\">\n          <div class=\"postage\">\n            <post-card-postmark\n              class=\"postmark\"\n              locations=\"", "\"\n            ></post-card-postmark>\n            <post-card-stamp\n              class=\"stamp\"\n              image=\"", "\"\n            ></post-card-stamp>\n          </div>\n          <div class=\"image\">\n            <post-card-photo image=\"", "\"></post-card-photo>\n          </div>\n          <div class=\"tofrom\">\n            <div class=\"to\">\n              <h3>", "</h3>\n              <slot name=\"to\"><div class=\"toContent\">", "</div></slot>\n            </div>\n            <div class=\"from\">\n              <h3>", ":</h3>\n              <slot name=\"from\"\n                ><div class=\"fromContent\">", "</div></slot\n              >\n            </div>\n          </div>\n          <div class=\"message\">\n            <slot name=\"message\"\n              ><div class=\"messageContent\">", "</div></slot\n            >\n          </div>\n        </div>\n      </div>\n    "])), entireCardBg, this.t.label, postCardLines, this.postMarkLocations, this.stampSrc, this.photoSrc, this.t.send, this.to, this.t.receive, this.from, this.message);
       }
       /**
        * haxProperties integration via file reference
@@ -133,7 +133,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject2_ad6e06c01f0511ed8cc3e9a95995ad69 || (_templateObject2_ad6e06c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        --width-body: 690px;\n        height: calc(var(--width-body) * (2 / 3));\n        width: var(--width-body);\n        margin: 20px;\n        display: inline-grid;\n        grid-template-rows: 1fr 1fr 1fr 1fr;\n        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n        transition: all 0.35s ease-in-out;\n      }\n\n      .entireCard {\n        height: calc(var(--width-body) * (2 / 3));\n        width: var(--width-body);\n        background-color: rgb(246, 240, 232);\n        border: 1px solid lightgrey;\n        box-shadow: grey 3px 3px 3px;\n        text-align: center;\n        display: inline-grid;\n        grid-template-rows: 1fr 2fr 1fr;\n        grid-template-columns: 1fr 1fr 1fr;\n        text-transform: uppercase;\n        font-family: \"Patrick Hand\", cursive;\n      }\n\n      .backgroundLines {\n        display: block;\n        z-index: 1;\n        padding: 0px;\n        border: none;\n        width: var(--width-body);\n        height: calc(var(--width-body) * (2 / 3));\n      }\n\n      .label {\n        letter-spacing: 16px;\n        font-size: 50px;\n        font-weight: 400;\n        color: rgb(202, 134, 134);\n        text-align: center;\n        z-index: 2;\n      }\n\n      .backgroundLines img {\n        width: calc(var(--width-body) * (17 / 25));\n        mix-blend-mode: multiply;\n        transform: translate(14%, -10%);\n      }\n\n      .foregroundElements {\n        z-index: 2;\n        display: inline-grid;\n        position: absolute;\n        width: var(--width-body);\n        height: calc(var(--width-body) * (2 / 3));\n      }\n\n      /* Inlcudes both the post mark and the stamp */\n      .postage {\n        grid-column: 4 / 5;\n        grid-row: 1 / 2;\n        font-family: \"Bebas Neue\", sans-serif;\n        display: grid;\n        display: inline-grid;\n        grid-template-columns: 330px 1fr;\n        grid-template-rows: 150px 1fr;\n      }\n\n      .stamp {\n        z-index: 3;\n        grid-area: 1 / 1 / 1 / 1;\n        margin-left: 195px;\n        margin-bottom: 20px;\n        padding-top: 20px;\n      }\n\n      .postmark {\n        z-index: 5;\n        grid-area: 1 / 1 / 1 / 1;\n        padding-top: 35px;\n      }\n\n      .image {\n        grid-column: 1 / 3;\n        grid-row: 1 / 4;\n        border-radius: 1px;\n        padding-top: 70px;\n      }\n\n      .tofrom {\n        grid-column: 4 / 6;\n        grid-row: 2 / 5;\n        font-size: 20px;\n      }\n\n      .tofrom ::slotted(*),\n      .tofrom .toContent,\n      .tofrom .fromContent {\n        width: 270px;\n        margin: auto;\n        opacity: 0.8;\n        text-align: center;\n      }\n\n      .to {\n        height: 150px;\n        margin-bottom: 20px;\n      }\n\n      .to ::slotted(*),\n      .to .toContent {\n        height: 100px;\n        font-size: 40px;\n        font-weight: bolder;\n        letter-spacing: 2px;\n        line-height: 1.25;\n        margin-top: 12px;\n        overflow: hidden;\n      }\n\n      .from {\n        height: 140px;\n      }\n\n      .from ::slotted(*),\n      .from .fromContent {\n        height: 70px;\n        font-size: 22px;\n        font-weight: bolder;\n        letter-spacing: 1px;\n        line-height: 1;\n        margin-top: 8px;\n        overflow: hidden;\n        display: flex;\n        place-content: flex-end center;\n        align-items: flex-end;\n      }\n\n      h2,\n      h3 {\n        margin: 0px;\n      }\n\n      .tofrom h3 {\n        text-align: left;\n        transform: rotate(-1deg);\n        color: #ca8686;\n        padding-left: 20px;\n      }\n\n      .message {\n        grid-column: 1 / 3;\n        grid-row: 2 / 5;\n        padding-right: 20px;\n        padding-bottom: 20px;\n        padding-top: 200px;\n        font-size: 22px;\n        margin: auto;\n      }\n\n      .message ::slotted(*),\n      .message .messageContent {\n        width: 270px;\n        height: 100px;\n        font-weight: bolder;\n        text-align: center;\n        line-height: 1.1;\n        overflow: hidden;\n        align-self: center;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      /* Query sizes sourced from: https://www.geeksforgeeks.org/how-to-target-desktop-tablet-and-mobile-using-media-query/ */\n      @media (max-width: 370px) {\n        :host {\n          transform: scale(0.25);\n          transition: all 0.35s ease-in-out;\n        }\n      }\n\n      @media (min-width: 371px) and (max-width: 480px) {\n        :host {\n          transform: scale(0.5);\n          transition: all 0.35s ease-in-out;\n        }\n      }\n\n      @media (min-width: 481px) and (max-width: 600px) {\n        :host {\n          transform: scale(0.6);\n          transition: all 0.35s ease-in-out;\n        }\n      }\n\n      @media (min-width: 601px) and (max-width: 720px) {\n        :host {\n          transform: scale(0.8);\n          transition: all 0.35s ease-in-out;\n        }\n      }\n\n      @media (min-width: 721px) {\n        :host {\n          transform: scale(1);\n          transition: all 0.35s ease-in-out;\n        }\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_87dcb4801f2611eda0c389891c227ec8 || (_templateObject2_87dcb4801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        --width-body: 690px;\n        height: calc(var(--width-body) * (2 / 3));\n        width: var(--width-body);\n        margin: 20px;\n        display: inline-grid;\n        grid-template-rows: 1fr 1fr 1fr 1fr;\n        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n        transition: all 0.35s ease-in-out;\n      }\n\n      .entireCard {\n        height: calc(var(--width-body) * (2 / 3));\n        width: var(--width-body);\n        background-color: rgb(246, 240, 232);\n        border: 1px solid lightgrey;\n        box-shadow: grey 3px 3px 3px;\n        text-align: center;\n        display: inline-grid;\n        grid-template-rows: 1fr 2fr 1fr;\n        grid-template-columns: 1fr 1fr 1fr;\n        text-transform: uppercase;\n        font-family: \"Patrick Hand\", cursive;\n      }\n\n      .backgroundLines {\n        display: block;\n        z-index: 1;\n        padding: 0px;\n        border: none;\n        width: var(--width-body);\n        height: calc(var(--width-body) * (2 / 3));\n      }\n\n      .label {\n        letter-spacing: 16px;\n        font-size: 50px;\n        font-weight: 400;\n        color: rgb(202, 134, 134);\n        text-align: center;\n        z-index: 2;\n      }\n\n      .backgroundLines img {\n        width: calc(var(--width-body) * (17 / 25));\n        mix-blend-mode: multiply;\n        transform: translate(14%, -10%);\n      }\n\n      .foregroundElements {\n        z-index: 2;\n        display: inline-grid;\n        position: absolute;\n        width: var(--width-body);\n        height: calc(var(--width-body) * (2 / 3));\n      }\n\n      /* Inlcudes both the post mark and the stamp */\n      .postage {\n        grid-column: 4 / 5;\n        grid-row: 1 / 2;\n        font-family: \"Bebas Neue\", sans-serif;\n        display: grid;\n        display: inline-grid;\n        grid-template-columns: 330px 1fr;\n        grid-template-rows: 150px 1fr;\n      }\n\n      .stamp {\n        z-index: 3;\n        grid-area: 1 / 1 / 1 / 1;\n        margin-left: 195px;\n        margin-bottom: 20px;\n        padding-top: 20px;\n      }\n\n      .postmark {\n        z-index: 5;\n        grid-area: 1 / 1 / 1 / 1;\n        padding-top: 35px;\n      }\n\n      .image {\n        grid-column: 1 / 3;\n        grid-row: 1 / 4;\n        border-radius: 1px;\n        padding-top: 70px;\n      }\n\n      .tofrom {\n        grid-column: 4 / 6;\n        grid-row: 2 / 5;\n        font-size: 20px;\n      }\n\n      .tofrom ::slotted(*),\n      .tofrom .toContent,\n      .tofrom .fromContent {\n        width: 270px;\n        margin: auto;\n        opacity: 0.8;\n        text-align: center;\n      }\n\n      .to {\n        height: 150px;\n        margin-bottom: 20px;\n      }\n\n      .to ::slotted(*),\n      .to .toContent {\n        height: 100px;\n        font-size: 40px;\n        font-weight: bolder;\n        letter-spacing: 2px;\n        line-height: 1.25;\n        margin-top: 12px;\n        overflow: hidden;\n      }\n\n      .from {\n        height: 140px;\n      }\n\n      .from ::slotted(*),\n      .from .fromContent {\n        height: 70px;\n        font-size: 22px;\n        font-weight: bolder;\n        letter-spacing: 1px;\n        line-height: 1;\n        margin-top: 8px;\n        overflow: hidden;\n        display: flex;\n        place-content: flex-end center;\n        align-items: flex-end;\n      }\n\n      h2,\n      h3 {\n        margin: 0px;\n      }\n\n      .tofrom h3 {\n        text-align: left;\n        transform: rotate(-1deg);\n        color: #ca8686;\n        padding-left: 20px;\n      }\n\n      .message {\n        grid-column: 1 / 3;\n        grid-row: 2 / 5;\n        padding-right: 20px;\n        padding-bottom: 20px;\n        padding-top: 200px;\n        font-size: 22px;\n        margin: auto;\n      }\n\n      .message ::slotted(*),\n      .message .messageContent {\n        width: 270px;\n        height: 100px;\n        font-weight: bolder;\n        text-align: center;\n        line-height: 1.1;\n        overflow: hidden;\n        align-self: center;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      /* Query sizes sourced from: https://www.geeksforgeeks.org/how-to-target-desktop-tablet-and-mobile-using-media-query/ */\n      @media (max-width: 370px) {\n        :host {\n          transform: scale(0.25);\n          transition: all 0.35s ease-in-out;\n        }\n      }\n\n      @media (min-width: 371px) and (max-width: 480px) {\n        :host {\n          transform: scale(0.5);\n          transition: all 0.35s ease-in-out;\n        }\n      }\n\n      @media (min-width: 481px) and (max-width: 600px) {\n        :host {\n          transform: scale(0.6);\n          transition: all 0.35s ease-in-out;\n        }\n      }\n\n      @media (min-width: 601px) and (max-width: 720px) {\n        :host {\n          transform: scale(0.8);\n          transition: all 0.35s ease-in-out;\n        }\n      }\n\n      @media (min-width: 721px) {\n        :host {\n          transform: scale(1);\n          transition: all 0.35s ease-in-out;\n        }\n      }\n    "])));
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/course-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/course-card.js
index 13beb907c11..68a85ef2327 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/course-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/course-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
   });
   _exports.CourseCard = void 0;
 
-  var _templateObject_e3cbdf801f0511ed8cc3e9a95995ad69, _templateObject2_e3cbdf801f0511ed8cc3e9a95995ad69, _templateObject3_e3cbdf801f0511ed8cc3e9a95995ad69;
+  var _templateObject_ba9330201f2611eda0c389891c227ec8, _templateObject2_ba9330201f2611eda0c389891c227ec8, _templateObject3_ba9330201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -40,7 +40,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     babelHelpers.createClass(CourseCard, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e3cbdf801f0511ed8cc3e9a95995ad69 || (_templateObject_e3cbdf801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a href=\"", "\" title=\"", "\">\n        <div id=\"card_wrap\">\n          <div\n            id=\"course_image\"\n            style=\"background-image:url(", ")\"\n          ></div>\n          <div id=\"course_icon\">\n            <simple-icon\n              icon=\"", "\"\n              accent-color=\"", "\"\n            ></simple-icon>\n          </div>\n          <div id=\"course_number\">", "</div>\n          <div id=\"course_name\">", "</div>\n          ", "\n        </div>\n      </a>\n    "])), this.url, this.alt, this.image, this.icon, this.accentColor, this.number, this.name, this.author ? (0, _index.html)(_templateObject2_e3cbdf801f0511ed8cc3e9a95995ad69 || (_templateObject2_e3cbdf801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"course_author\">By: ", "</div> "])), this.author) : "");
+        return (0, _index.html)(_templateObject_ba9330201f2611eda0c389891c227ec8 || (_templateObject_ba9330201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a href=\"", "\" title=\"", "\">\n        <div id=\"card_wrap\">\n          <div\n            id=\"course_image\"\n            style=\"background-image:url(", ")\"\n          ></div>\n          <div id=\"course_icon\">\n            <simple-icon\n              icon=\"", "\"\n              accent-color=\"", "\"\n            ></simple-icon>\n          </div>\n          <div id=\"course_number\">", "</div>\n          <div id=\"course_name\">", "</div>\n          ", "\n        </div>\n      </a>\n    "])), this.url, this.alt, this.image, this.icon, this.accentColor, this.number, this.name, this.author ? (0, _index.html)(_templateObject2_ba9330201f2611eda0c389891c227ec8 || (_templateObject2_ba9330201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"course_author\">By: ", "</div> "])), this.author) : "");
       }
     }], [{
       key: "properties",
@@ -80,7 +80,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(CourseCard), "styles", this)), [(0, _index.css)(_templateObject3_e3cbdf801f0511ed8cc3e9a95995ad69 || (_templateObject3_e3cbdf801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        a {\n          filter: var(--course-card-filter);\n          transition: 0.2s all ease-in-out;\n          text-decoration: none;\n          color: var(--simple-colors-default-theme-accent-12, #000);\n          background-color: var(--simple-colors-default-theme-grey-1, #ffffff);\n          display: block;\n          width: 100%;\n          min-height: 300px;\n          border: solid 2px var(--simple-colors-default-theme-grey-1, #ffffff);\n        }\n\n        a:active,\n        a:hover,\n        a:focus {\n          filter: var(--course-card-filter-hover);\n          outline: 2px solid\n            var(--simple-colors-default-theme-accent-7, #666666);\n          box-shadow: 2px 2px 10px\n            var(--simple-colors-default-theme-accent-2, #eeeeee);\n          border: solid 2px var(--simple-colors-default-theme-accent-7, #666666);\n        }\n\n        #card_wrap {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n        }\n\n        #course_number {\n          font-size: 28px;\n          word-break: break-all;\n          text-transform: uppercase;\n          text-align: center;\n          width: 90%;\n          line-height: 1.4;\n        }\n\n        #course_name {\n          font-size: 18px;\n          text-align: center;\n          width: 90%;\n          margin: 0 0 15px 0;\n          line-height: 1.2;\n        }\n        :host([size=\"small\"]) #course_number {\n          font-size: 18px;\n        }\n        :host([size=\"small\"]) #course_name {\n          font-size: 14px;\n        }\n        :host([size=\"small\"]) #course_author {\n          font-size: 12px;\n        }\n        #course_icon {\n          overflow: hidden;\n          border-radius: 50%;\n          position: relative;\n          bottom: 20px;\n          border: solid;\n          background-color: var(\n            --simple-colors-default-theme-accent-7,\n            #666666\n          );\n          border-color: var(--simple-colors-default-theme-grey-1, #ffffff);\n          border-width: 5px;\n          margin: 0 0 -20px 0;\n        }\n\n        simple-icon {\n          --simple-icon-width: 48px;\n          --simple-icon-height: 48px;\n          fill: var(--simple-colors-default-theme-grey-1, #ffffff);\n        }\n\n        #course_image {\n          background-repeat: no-repeat;\n          background-size: cover;\n          background-position: center center;\n          background-color: var(\n            --simple-colors-default-theme-accent-11,\n            #363533\n          );\n          width: 100%;\n          height: 150px;\n          animation-name: mymove2;\n          animation-duration: 0.6s;\n          animation-iteration-count: 1;\n          animation-fill-mode: forwards;\n        }\n\n        @keyframes mymove {\n          0% {\n            background-size: 100%;\n          }\n          100% {\n            background-size: 150%;\n          }\n        }\n        @keyframes mymove2 {\n          0% {\n            background-size: 150%;\n          }\n          100% {\n            background-size: 100%;\n          }\n        }\n        @media (prefers-reduced-motion: reduce) {\n          :host([zoom]) #course_image {\n            animation: none !important;\n          }\n        }\n\n        :host([zoom]) a:active #course_image,\n        :host([zoom]) a:hover #course_image,\n        :host([zoom]) a:focus #course_image {\n          animation-name: mymove;\n          animation-duration: 0.6s;\n          animation-iteration-count: 1;\n          animation-fill-mode: forwards;\n        }\n\n        #course_author {\n          font-size: 12px;\n          margin-top: -10px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(CourseCard), "styles", this)), [(0, _index.css)(_templateObject3_ba9330201f2611eda0c389891c227ec8 || (_templateObject3_ba9330201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        a {\n          filter: var(--course-card-filter);\n          transition: 0.2s all ease-in-out;\n          text-decoration: none;\n          color: var(--simple-colors-default-theme-accent-12, #000);\n          background-color: var(--simple-colors-default-theme-grey-1, #ffffff);\n          display: block;\n          width: 100%;\n          min-height: 300px;\n          border: solid 2px var(--simple-colors-default-theme-grey-1, #ffffff);\n        }\n\n        a:active,\n        a:hover,\n        a:focus {\n          filter: var(--course-card-filter-hover);\n          outline: 2px solid\n            var(--simple-colors-default-theme-accent-7, #666666);\n          box-shadow: 2px 2px 10px\n            var(--simple-colors-default-theme-accent-2, #eeeeee);\n          border: solid 2px var(--simple-colors-default-theme-accent-7, #666666);\n        }\n\n        #card_wrap {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n        }\n\n        #course_number {\n          font-size: 28px;\n          word-break: break-all;\n          text-transform: uppercase;\n          text-align: center;\n          width: 90%;\n          line-height: 1.4;\n        }\n\n        #course_name {\n          font-size: 18px;\n          text-align: center;\n          width: 90%;\n          margin: 0 0 15px 0;\n          line-height: 1.2;\n        }\n        :host([size=\"small\"]) #course_number {\n          font-size: 18px;\n        }\n        :host([size=\"small\"]) #course_name {\n          font-size: 14px;\n        }\n        :host([size=\"small\"]) #course_author {\n          font-size: 12px;\n        }\n        #course_icon {\n          overflow: hidden;\n          border-radius: 50%;\n          position: relative;\n          bottom: 20px;\n          border: solid;\n          background-color: var(\n            --simple-colors-default-theme-accent-7,\n            #666666\n          );\n          border-color: var(--simple-colors-default-theme-grey-1, #ffffff);\n          border-width: 5px;\n          margin: 0 0 -20px 0;\n        }\n\n        simple-icon {\n          --simple-icon-width: 48px;\n          --simple-icon-height: 48px;\n          fill: var(--simple-colors-default-theme-grey-1, #ffffff);\n        }\n\n        #course_image {\n          background-repeat: no-repeat;\n          background-size: cover;\n          background-position: center center;\n          background-color: var(\n            --simple-colors-default-theme-accent-11,\n            #363533\n          );\n          width: 100%;\n          height: 150px;\n          animation-name: mymove2;\n          animation-duration: 0.6s;\n          animation-iteration-count: 1;\n          animation-fill-mode: forwards;\n        }\n\n        @keyframes mymove {\n          0% {\n            background-size: 100%;\n          }\n          100% {\n            background-size: 150%;\n          }\n        }\n        @keyframes mymove2 {\n          0% {\n            background-size: 150%;\n          }\n          100% {\n            background-size: 100%;\n          }\n        }\n        @media (prefers-reduced-motion: reduce) {\n          :host([zoom]) #course_image {\n            animation: none !important;\n          }\n        }\n\n        :host([zoom]) a:active #course_image,\n        :host([zoom]) a:hover #course_image,\n        :host([zoom]) a:focus #course_image {\n          animation-name: mymove;\n          animation-duration: 0.6s;\n          animation-iteration-count: 1;\n          animation-fill-mode: forwards;\n        }\n\n        #course_author {\n          font-size: 12px;\n          margin-top: -10px;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/hax-element-card-list.js b/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/hax-element-card-list.js
index cfff8f933e7..bf31f93409d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/hax-element-card-list.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/hax-element-card-list.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../utils/utils.js", "
   _exports.HAXElementCardList = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e3d184d01f0511ed8cc3e9a95995ad69, _templateObject2_e3d184d01f0511ed8cc3e9a95995ad69, _templateObject3_e3d184d01f0511ed8cc3e9a95995ad69, _templateObject4_e3d184d01f0511ed8cc3e9a95995ad69, _templateObject5_e3d184d01f0511ed8cc3e9a95995ad69, _templateObject6_e3d184d01f0511ed8cc3e9a95995ad69, _templateObject7_e3d184d01f0511ed8cc3e9a95995ad69, _templateObject8_e3d184d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_ba97eb101f2611eda0c389891c227ec8, _templateObject2_ba97eb101f2611eda0c389891c227ec8, _templateObject3_ba97eb101f2611eda0c389891c227ec8, _templateObject4_ba97eb101f2611eda0c389891c227ec8, _templateObject5_ba97eb101f2611eda0c389891c227ec8, _templateObject6_ba97eb101f2611eda0c389891c227ec8, _templateObject7_ba97eb101f2611eda0c389891c227ec8, _templateObject8_ba97eb101f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -42,19 +42,19 @@ define(["exports", "require", "../../../lit/index.js", "../../utils/utils.js", "
       value: function render() {
         var _this2 = this;
 
-        return !this.showCardList ? "" : (0, _index.html)(_templateObject_e3d184d01f0511ed8cc3e9a95995ad69 || (_templateObject_e3d184d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <p class=\"loaderText\" ?hidden=\"", "\">\n            <strong\n              >Scanning Web Component Registry for more HAX elements..</strong\n            ><hexagon-loader\n              item-count=\"4\"\n              ?loading=\"", "\"\n              size=\"small\"\n            ></hexagon-loader>\n          </p>\n          <div\n            class=\"grid\"\n            style=\"--hax-element-card--cols: repeat(", ", 1fr)\"\n          >\n            ", "\n          </div>\n        "])), !this.loading, this.loading, this.cols, this.productList.map(function (el, i) {
-          return (0, _index.html)(_templateObject2_e3d184d01f0511ed8cc3e9a95995ad69 || (_templateObject2_e3d184d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <product-card\n                  .slot=\"col-", "\"\n                  ?disabled=\"", "\"\n                  ?hidden=\"", "\"\n                  ?has-demo=\"", "\"\n                  heading=\"", "\"\n                  icon=\"", "\"\n                  subheading=\"", "\"\n                  accent-color=\"", "\"\n                  @product-card-demo-show=\"", "\"\n                  @product-card-demo-hide=\"", "\"\n                >\n                  <label slot=\"card-header\">\n                    <span class=\"sr-only\"\n                      >", "</span\n                    >\n                    <input\n                      class=\"checkbox\"\n                      type=\"checkbox\"\n                      ?checked=\"", "\"\n                      @change=\"", "\"\n                    />\n                  </label>\n                  <div slot=\"details-collapse-header\">Details</div>\n                  <div slot=\"details-collapse-content\">\n                    <ul>\n                      <li>\n                        <strong>Tags:</strong> ", "\n                      </li>\n                      <li><strong>Tag name:</strong> <code>", "</code></li>\n                      <li>\n                        <strong>Developer usage:</strong>\n                        <code>import \"", "\";</code>\n                      </li>\n                      ", "\n                    </ul>\n                  </div>\n                  <div slot=\"demo-collapse-header\">Demo</div>\n                  <div slot=\"demo-collapse-content\">\n                    ", "\n                  </div>\n                </product-card>\n              "])), _this2.__getCol(i), !el.status, !(_this2.filteredTags && _this2.filteredTags.includes(el.tag)), el.schema.demoSchema, el.schema.gizmo.title, el.schema.gizmo.icon, el.schema.gizmo.description, el.schema.gizmo.color, function (e) {
+        return !this.showCardList ? "" : (0, _index.html)(_templateObject_ba97eb101f2611eda0c389891c227ec8 || (_templateObject_ba97eb101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <p class=\"loaderText\" ?hidden=\"", "\">\n            <strong\n              >Scanning Web Component Registry for more HAX elements..</strong\n            ><hexagon-loader\n              item-count=\"4\"\n              ?loading=\"", "\"\n              size=\"small\"\n            ></hexagon-loader>\n          </p>\n          <div\n            class=\"grid\"\n            style=\"--hax-element-card--cols: repeat(", ", 1fr)\"\n          >\n            ", "\n          </div>\n        "])), !this.loading, this.loading, this.cols, this.productList.map(function (el, i) {
+          return (0, _index.html)(_templateObject2_ba97eb101f2611eda0c389891c227ec8 || (_templateObject2_ba97eb101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <product-card\n                  .slot=\"col-", "\"\n                  ?disabled=\"", "\"\n                  ?hidden=\"", "\"\n                  ?has-demo=\"", "\"\n                  heading=\"", "\"\n                  icon=\"", "\"\n                  subheading=\"", "\"\n                  accent-color=\"", "\"\n                  @product-card-demo-show=\"", "\"\n                  @product-card-demo-hide=\"", "\"\n                >\n                  <label slot=\"card-header\">\n                    <span class=\"sr-only\"\n                      >", "</span\n                    >\n                    <input\n                      class=\"checkbox\"\n                      type=\"checkbox\"\n                      ?checked=\"", "\"\n                      @change=\"", "\"\n                    />\n                  </label>\n                  <div slot=\"details-collapse-header\">Details</div>\n                  <div slot=\"details-collapse-content\">\n                    <ul>\n                      <li>\n                        <strong>Tags:</strong> ", "\n                      </li>\n                      <li><strong>Tag name:</strong> <code>", "</code></li>\n                      <li>\n                        <strong>Developer usage:</strong>\n                        <code>import \"", "\";</code>\n                      </li>\n                      ", "\n                    </ul>\n                  </div>\n                  <div slot=\"demo-collapse-header\">Demo</div>\n                  <div slot=\"demo-collapse-content\">\n                    ", "\n                  </div>\n                </product-card>\n              "])), _this2.__getCol(i), !el.status, !(_this2.filteredTags && _this2.filteredTags.includes(el.tag)), el.schema.demoSchema, el.schema.gizmo.title, el.schema.gizmo.icon, el.schema.gizmo.description, el.schema.gizmo.color, function (e) {
             return _this2.toggleShowDemo(e, i);
           }, function (e) {
             return _this2.toggleShowDemo(e, i);
           }, el.status ? "Enabled" : "Disabled", el.status, function (e) {
             return _this2.elementStatusChange(el);
           }, el.schema.gizmo.groups.map(function (group) {
-            return (0, _index.html)(_templateObject3_e3d184d01f0511ed8cc3e9a95995ad69 || (_templateObject3_e3d184d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ", "])), group);
-          }), el.tag, el.file, el.schema.gizmo.meta ? (0, _index.html)(_templateObject4_e3d184d01f0511ed8cc3e9a95995ad69 || (_templateObject4_e3d184d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                            ", "\n                          "])), Object.keys(el.schema.gizmo.meta).map(function (mel) {
-            return (0, _index.html)(_templateObject5_e3d184d01f0511ed8cc3e9a95995ad69 || (_templateObject5_e3d184d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                                <li>\n                                  <strong>", ":</strong>\n                                  <span>", "</span>\n                                </li>\n                              "])), _this2.capFirst(mel), el.schema.gizmo.meta[mel]);
-          })) : "", el.schema.demoSchema && el.showDemo ? (0, _index.html)(_templateObject6_e3d184d01f0511ed8cc3e9a95995ad69 || (_templateObject6_e3d184d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                          ", "\n                        "])), el.schema.demoSchema.map(function (demoItem) {
-            return (0, _index.html)(_templateObject7_e3d184d01f0511ed8cc3e9a95995ad69 || (_templateObject7_e3d184d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                              <button\n                                data-tag=\"", "\"\n                                outlined\n                                @click=\"", "\"\n                              >\n                                Pop up demo\n                              </button>\n                              <div class=\"demo\">\n                                ", "\n                              </div>\n                              <code-sample copy-clipboard-button>\n                                <template>\n                                  ", "\n                                </template>\n                              </code-sample>\n                            "])), demoItem.tag, _this2._viewDemo, _this2._haxElementToNode(demoItem), _this2._haxElementToNode(demoItem));
+            return (0, _index.html)(_templateObject3_ba97eb101f2611eda0c389891c227ec8 || (_templateObject3_ba97eb101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ", "])), group);
+          }), el.tag, el.file, el.schema.gizmo.meta ? (0, _index.html)(_templateObject4_ba97eb101f2611eda0c389891c227ec8 || (_templateObject4_ba97eb101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                            ", "\n                          "])), Object.keys(el.schema.gizmo.meta).map(function (mel) {
+            return (0, _index.html)(_templateObject5_ba97eb101f2611eda0c389891c227ec8 || (_templateObject5_ba97eb101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                                <li>\n                                  <strong>", ":</strong>\n                                  <span>", "</span>\n                                </li>\n                              "])), _this2.capFirst(mel), el.schema.gizmo.meta[mel]);
+          })) : "", el.schema.demoSchema && el.showDemo ? (0, _index.html)(_templateObject6_ba97eb101f2611eda0c389891c227ec8 || (_templateObject6_ba97eb101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                          ", "\n                        "])), el.schema.demoSchema.map(function (demoItem) {
+            return (0, _index.html)(_templateObject7_ba97eb101f2611eda0c389891c227ec8 || (_templateObject7_ba97eb101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                              <button\n                                data-tag=\"", "\"\n                                outlined\n                                @click=\"", "\"\n                              >\n                                Pop up demo\n                              </button>\n                              <div class=\"demo\">\n                                ", "\n                              </div>\n                              <code-sample copy-clipboard-button>\n                                <template>\n                                  ", "\n                                </template>\n                              </code-sample>\n                            "])), demoItem.tag, _this2._viewDemo, _this2._haxElementToNode(demoItem), _this2._haxElementToNode(demoItem));
           })) : "");
         }));
       }
@@ -223,7 +223,7 @@ define(["exports", "require", "../../../lit/index.js", "../../utils/utils.js", "
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject8_e3d184d01f0511ed8cc3e9a95995ad69 || (_templateObject8_e3d184d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          min-height: 100px;\n          --hexagon-color: var(--simple-colors-default-theme-light-blue-8);\n        }\n        :host([loading]) {\n          border: 1px solid var(--simple-colors-default-theme-grey-6);\n        }\n        product-card {\n          display: block;\n          max-width: 100%;\n          overflow-x: auto;\n          --mdc-theme-on-primary: var(--simple-colors-default-theme-grey-1);\n          --mdc-theme-primary: var(--simple-colors-default-theme-accent-8);\n        }\n        product-card[hidden] {\n          display: none;\n        }\n        product-card div[slot=\"details-collapse-content\"] {\n          max-height: 125px;\n          overflow-y: auto;\n        }\n        product-card label[slot=\"card-header\"] {\n          float: right;\n          line-height: 1.5em;\n        }\n        button {\n          text-transform: unset;\n          margin-bottom: 5px;\n        }\n        .sr-only {\n          position: absolute;\n          left: -9999999999px;\n          width: 0;\n          overflow: hidden;\n        }\n        .grid {\n          display: grid;\n          align-items: stretch;\n          grid-template-columns: var(--hax-element-card--cols, repeat(2, 1fr));\n          grid-gap: var(--hax-element-card--gridGap, 15px);\n          overflow-x: auto;\n          padding: 2px;\n        }\n        hexagon-loader {\n          margin: 0 auto;\n          display: block;\n        }\n        .loaderText > strong {\n          text-align: center;\n          display: block;\n        }\n        .checkbox {\n          height: 36px;\n          width: 36px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject8_ba97eb101f2611eda0c389891c227ec8 || (_templateObject8_ba97eb101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          min-height: 100px;\n          --hexagon-color: var(--simple-colors-default-theme-light-blue-8);\n        }\n        :host([loading]) {\n          border: 1px solid var(--simple-colors-default-theme-grey-6);\n        }\n        product-card {\n          display: block;\n          max-width: 100%;\n          overflow-x: auto;\n          --mdc-theme-on-primary: var(--simple-colors-default-theme-grey-1);\n          --mdc-theme-primary: var(--simple-colors-default-theme-accent-8);\n        }\n        product-card[hidden] {\n          display: none;\n        }\n        product-card div[slot=\"details-collapse-content\"] {\n          max-height: 125px;\n          overflow-y: auto;\n        }\n        product-card label[slot=\"card-header\"] {\n          float: right;\n          line-height: 1.5em;\n        }\n        button {\n          text-transform: unset;\n          margin-bottom: 5px;\n        }\n        .sr-only {\n          position: absolute;\n          left: -9999999999px;\n          width: 0;\n          overflow: hidden;\n        }\n        .grid {\n          display: grid;\n          align-items: stretch;\n          grid-template-columns: var(--hax-element-card--cols, repeat(2, 1fr));\n          grid-gap: var(--hax-element-card--gridGap, 15px);\n          overflow-x: auto;\n          padding: 2px;\n        }\n        hexagon-loader {\n          margin: 0 auto;\n          display: block;\n        }\n        .loaderText > strong {\n          text-align: center;\n          display: block;\n        }\n        .checkbox {\n          height: 36px;\n          width: 36px;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/hax-element-list-selector.js b/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/hax-element-list-selector.js
index 9be3d8b8152..6636b29b5bc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/hax-element-list-selector.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/hax-element-list-selector.js
@@ -4,7 +4,7 @@ define(["meta", "require", "../../../lit/index.js", "../../simple-icon/simple-ic
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e3e61e401f0511ed8cc3e9a95995ad69, _templateObject2_e3e61e401f0511ed8cc3e9a95995ad69;
+  var _templateObject_baaafde01f2611eda0c389891c227ec8, _templateObject2_baaafde01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -78,7 +78,7 @@ define(["meta", "require", "../../../lit/index.js", "../../simple-icon/simple-ic
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_e3e61e401f0511ed8cc3e9a95995ad69 || (_templateObject_e3e61e401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-fields-form\n        id=\"form\"\n        autoload\n        load-endpoint=\"", "\"\n        method=\"", "\"\n        .schematizer=\"", "\"\n        .elementizer=\"", "\"\n        @response=\"", "\"\n        @haxcore.search.haxcore-search-columns-value-changed=\"", "\"\n        @value-changed=\"", "\"\n      >\n      </simple-fields-form>\n    "])), this.fieldsEndpoint, this.method, this.HaxSchematizer, this.HaxElementizer, this._response, function (e) {
+        return (0, _index.html)(_templateObject_baaafde01f2611eda0c389891c227ec8 || (_templateObject_baaafde01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-fields-form\n        id=\"form\"\n        autoload\n        load-endpoint=\"", "\"\n        method=\"", "\"\n        .schematizer=\"", "\"\n        .elementizer=\"", "\"\n        @response=\"", "\"\n        @haxcore.search.haxcore-search-columns-value-changed=\"", "\"\n        @value-changed=\"", "\"\n      >\n      </simple-fields-form>\n    "])), this.fieldsEndpoint, this.method, this.HaxSchematizer, this.HaxElementizer, this._response, function (e) {
           return _this2.cols = e.detail.value;
         }, this._valueChanged);
       }
@@ -424,7 +424,7 @@ define(["meta", "require", "../../../lit/index.js", "../../simple-icon/simple-ic
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_e3e61e401f0511ed8cc3e9a95995ad69 || (_templateObject2_e3e61e401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_baaafde01f2611eda0c389891c227ec8 || (_templateObject2_baaafde01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/product-banner.js b/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/product-banner.js
index ff68bfb6cd4..2d76dca7442 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/product-banner.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/product-card/lib/product-banner.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
   });
   _exports.ProductBanner = void 0;
 
-  var _templateObject_e3e88f401f0511ed8cc3e9a95995ad69, _templateObject2_e3e88f401f0511ed8cc3e9a95995ad69, _templateObject3_e3e88f401f0511ed8cc3e9a95995ad69, _templateObject4_e3e88f401f0511ed8cc3e9a95995ad69, _templateObject5_e3e88f401f0511ed8cc3e9a95995ad69;
+  var _templateObject_baad47d01f2611eda0c389891c227ec8, _templateObject2_baad47d01f2611eda0c389891c227ec8, _templateObject3_baad47d01f2611eda0c389891c227ec8, _templateObject4_baad47d01f2611eda0c389891c227ec8, _templateObject5_baad47d01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -37,7 +37,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     babelHelpers.createClass(ProductBanner, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e3e88f401f0511ed8cc3e9a95995ad69 || (_templateObject_e3e88f401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"banner_wrap\">\n        <div\n          class=\"image_wrap\"\n          alt=\"", "\"\n          style=\"background-image:url(", ")\"\n        >\n          <div class=\"image\"></div>\n          ", "\n        </div>\n        <div class=\"branding_wrap\">\n          ", "\n          ", "\n        </div>\n      </div>\n    "])), this.alt, this.image, this.primaryText ? (0, _index.html)(_templateObject2_e3e88f401f0511ed8cc3e9a95995ad69 || (_templateObject2_e3e88f401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"image_text\">\n                  <h1>", "</h1>\n                </div>\n              "])), this.primaryText) : "", this.logo ? (0, _index.html)(_templateObject3_e3e88f401f0511ed8cc3e9a95995ad69 || (_templateObject3_e3e88f401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"logo\">\n                  <img src=\"", "\" alt=\"\" />\n                </div>\n              "])), this.logo) : "", this.secondaryText ? (0, _index.html)(_templateObject4_e3e88f401f0511ed8cc3e9a95995ad69 || (_templateObject4_e3e88f401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"company_name\">\n                  <h2>", "</h2>\n                </div>\n              "])), this.secondaryText) : "");
+        return (0, _index.html)(_templateObject_baad47d01f2611eda0c389891c227ec8 || (_templateObject_baad47d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"banner_wrap\">\n        <div\n          class=\"image_wrap\"\n          alt=\"", "\"\n          style=\"background-image:url(", ")\"\n        >\n          <div class=\"image\"></div>\n          ", "\n        </div>\n        <div class=\"branding_wrap\">\n          ", "\n          ", "\n        </div>\n      </div>\n    "])), this.alt, this.image, this.primaryText ? (0, _index.html)(_templateObject2_baad47d01f2611eda0c389891c227ec8 || (_templateObject2_baad47d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"image_text\">\n                  <h1>", "</h1>\n                </div>\n              "])), this.primaryText) : "", this.logo ? (0, _index.html)(_templateObject3_baad47d01f2611eda0c389891c227ec8 || (_templateObject3_baad47d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"logo\">\n                  <img src=\"", "\" alt=\"\" />\n                </div>\n              "])), this.logo) : "", this.secondaryText ? (0, _index.html)(_templateObject4_baad47d01f2611eda0c389891c227ec8 || (_templateObject4_baad47d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"company_name\">\n                  <h2>", "</h2>\n                </div>\n              "])), this.secondaryText) : "");
       }
     }], [{
       key: "properties",
@@ -65,7 +65,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ProductBanner), "styles", this)), [(0, _index.css)(_templateObject5_e3e88f401f0511ed8cc3e9a95995ad69 || (_templateObject5_e3e88f401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        .image_wrap {\n          background-repeat: no-repeat;\n          background-size: cover;\n          background-position: right center;\n          width: 100%;\n          min-height: 32vw;\n          display: flex;\n          justify-content: flex-end;\n          align-items: center;\n          flex: 1 1 auto;\n          margin: 0;\n          padding: 0;\n        }\n\n        @media screen and (max-width: 700px) {\n          .image_wrap {\n            height: 55vw;\n          }\n        }\n\n        .image_text {\n          background: rgba(0, 0, 0, 0.5);\n          width: calc(150px + (355 - 28) * ((100vw - 300px) / (1600 - 300)));\n          margin: 0 5vw;\n          padding: 2vw;\n        }\n        :host([dark]) .image_text {\n          background: rgba(255, 255, 255, 0.5);\n        }\n\n        .image_text h1 {\n          font-size: calc(23px + (72 - 28) * ((100vw - 300px) / (1600 - 300)));\n          color: var(\n            --product-banner-text-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          font-weight: 400;\n          line-height: 1.1;\n          margin: 0;\n          padding: 0;\n          width: 100%;\n        }\n\n        .branding_wrap {\n          display: flex;\n          align-items: center;\n          background-color: var(\n            --product-banner-color,\n            var(--simple-colors-default-theme-accent-7, #e2801e)\n          );\n          border-top: solid;\n          border-top-width: 4px;\n          border-top-color: var(\n            --product-banner-text-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n\n        .logo {\n          position: absolute;\n          width: 35%;\n        }\n\n        .logo img {\n          display: block;\n          width: 50%;\n          max-width: 300px;\n          border: solid;\n          border-width: 4px;\n          border-color: var(\n            --product-banner-text-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          border-radius: 50%;\n          background-color: var(\n            --product-banner-color,\n            var(--simple-colors-default-theme-accent-7, #e2801e)\n          );\n          margin: -52px 0 0 25px;\n        }\n\n        @media screen and (max-width: 700px) {\n          .logo img {\n            margin: 0 0 0 5px;\n          }\n        }\n\n        .company_name {\n          width: 76%;\n          margin: 0 0 0 auto;\n        }\n\n        .company_name h2 {\n          font-size: calc(18px + (72 - 28) * ((100vw - 300px) / (1600 - 300)));\n          font-weight: 400;\n          color: var(\n            --product-banner-text-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          margin: 5px 0 5px 0;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ProductBanner), "styles", this)), [(0, _index.css)(_templateObject5_baad47d01f2611eda0c389891c227ec8 || (_templateObject5_baad47d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        .image_wrap {\n          background-repeat: no-repeat;\n          background-size: cover;\n          background-position: right center;\n          width: 100%;\n          min-height: 32vw;\n          display: flex;\n          justify-content: flex-end;\n          align-items: center;\n          flex: 1 1 auto;\n          margin: 0;\n          padding: 0;\n        }\n\n        @media screen and (max-width: 700px) {\n          .image_wrap {\n            height: 55vw;\n          }\n        }\n\n        .image_text {\n          background: rgba(0, 0, 0, 0.5);\n          width: calc(150px + (355 - 28) * ((100vw - 300px) / (1600 - 300)));\n          margin: 0 5vw;\n          padding: 2vw;\n        }\n        :host([dark]) .image_text {\n          background: rgba(255, 255, 255, 0.5);\n        }\n\n        .image_text h1 {\n          font-size: calc(23px + (72 - 28) * ((100vw - 300px) / (1600 - 300)));\n          color: var(\n            --product-banner-text-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          font-weight: 400;\n          line-height: 1.1;\n          margin: 0;\n          padding: 0;\n          width: 100%;\n        }\n\n        .branding_wrap {\n          display: flex;\n          align-items: center;\n          background-color: var(\n            --product-banner-color,\n            var(--simple-colors-default-theme-accent-7, #e2801e)\n          );\n          border-top: solid;\n          border-top-width: 4px;\n          border-top-color: var(\n            --product-banner-text-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n\n        .logo {\n          position: absolute;\n          width: 35%;\n        }\n\n        .logo img {\n          display: block;\n          width: 50%;\n          max-width: 300px;\n          border: solid;\n          border-width: 4px;\n          border-color: var(\n            --product-banner-text-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          border-radius: 50%;\n          background-color: var(\n            --product-banner-color,\n            var(--simple-colors-default-theme-accent-7, #e2801e)\n          );\n          margin: -52px 0 0 25px;\n        }\n\n        @media screen and (max-width: 700px) {\n          .logo img {\n            margin: 0 0 0 5px;\n          }\n        }\n\n        .company_name {\n          width: 76%;\n          margin: 0 0 0 auto;\n        }\n\n        .company_name h2 {\n          font-size: calc(18px + (72 - 28) * ((100vw - 300px) / (1600 - 300)));\n          font-weight: 400;\n          color: var(\n            --product-banner-text-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          margin: 5px 0 5px 0;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/product-card/product-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/product-card/product-card.js
index e697851eb57..d3051e9a7d6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/product-card/product-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/product-card/product-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../a11y-collapse/lib/a11y-collapse-gro
   });
   _exports.ProductCard = void 0;
 
-  var _templateObject_ad9f4ff01f0511ed8cc3e9a95995ad69, _templateObject2_ad9f4ff01f0511ed8cc3e9a95995ad69, _templateObject3_ad9f4ff01f0511ed8cc3e9a95995ad69;
+  var _templateObject_880c01e01f2611eda0c389891c227ec8, _templateObject2_880c01e01f2611eda0c389891c227ec8, _templateObject3_880c01e01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -44,7 +44,7 @@ define(["exports", "../../lit/index.js", "../a11y-collapse/lib/a11y-collapse-gro
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_ad9f4ff01f0511ed8cc3e9a95995ad69 || (_templateObject_ad9f4ff01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          opacity: 1;\n          visibility: visible;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host([disabled]) accent-card {\n          cursor: not-allowed;\n          opacity: 0.5;\n        }\n        :host([disabled]) accent-card:hover {\n          cursor: not-allowed;\n          opacity: 0.8;\n        }\n        accent-card {\n          margin: 0;\n          --accent-card-footer-padding-left: 0;\n          --accent-card-footer-padding-right: 0;\n        }\n        accent-card > div[slot=\"heading\"] {\n          height: 40px;\n        }\n        div[slot=\"subheading\"] {\n          height: 30px;\n        }\n        a11y-collapse-group {\n          margin: 0;\n          --a11y-collapse-border-color: #ddd;\n        }\n        a11y-collapse > div[slot=\"heading\"] {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          min-height: 40px;\n        }\n      </style>\n      <accent-card\n        accent-color=\"", "\"\n        accent-heading\n        ?flat=\"", "\"\n      >\n        <div slot=\"heading\">\n          ", "\n          ", "\n          <slot name=\"card-header\"></slot>\n        </div>\n        <div slot=\"subheading\">\n          ", "\n          <slot name=\"card-subheader\"></slot>\n        </div>\n        <div slot=\"content\"><slot></slot></div>\n        <div slot=\"footer\">\n          <a11y-collapse-group>\n            <a11y-collapse ?disabled=\"", "\" accordion>\n              <div slot=\"heading\">\n                <slot name=\"details-collapse-header\"></slot>\n              </div>\n              <div slot=\"content\">\n                <slot name=\"details-collapse-content\"></slot>\n              </div>\n            </a11y-collapse>\n            <a11y-collapse\n              ?disabled=\"", "\"\n              accordion\n              @expand=\"", "\"\n              @collapse=\"", "\"\n            >\n              <div slot=\"heading\">\n                <slot name=\"demo-collapse-header\"></slot>\n              </div>\n              <div slot=\"content\">\n                <slot name=\"demo-collapse-content\"></slot>\n              </div>\n            </a11y-collapse>\n          </a11y-collapse-group>\n        </div>\n      </accent-card>\n    "])), !this.disabled ? this.accentColor : "grey", this.disabled, this.icon ? (0, _index.html)(_templateObject2_ad9f4ff01f0511ed8cc3e9a95995ad69 || (_templateObject2_ad9f4ff01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-icon icon=\"", "\"></simple-icon> "])), this.icon) : "", this.heading, this.subheading, this.disabled, this.disabled || !this.hasDemo, this.__demoCollapseStatusChange, this.__demoCollapseStatusChange);
+        return (0, _index.html)(_templateObject_880c01e01f2611eda0c389891c227ec8 || (_templateObject_880c01e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          opacity: 1;\n          visibility: visible;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host([disabled]) accent-card {\n          cursor: not-allowed;\n          opacity: 0.5;\n        }\n        :host([disabled]) accent-card:hover {\n          cursor: not-allowed;\n          opacity: 0.8;\n        }\n        accent-card {\n          margin: 0;\n          --accent-card-footer-padding-left: 0;\n          --accent-card-footer-padding-right: 0;\n        }\n        accent-card > div[slot=\"heading\"] {\n          height: 40px;\n        }\n        div[slot=\"subheading\"] {\n          height: 30px;\n        }\n        a11y-collapse-group {\n          margin: 0;\n          --a11y-collapse-border-color: #ddd;\n        }\n        a11y-collapse > div[slot=\"heading\"] {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          min-height: 40px;\n        }\n      </style>\n      <accent-card\n        accent-color=\"", "\"\n        accent-heading\n        ?flat=\"", "\"\n      >\n        <div slot=\"heading\">\n          ", "\n          ", "\n          <slot name=\"card-header\"></slot>\n        </div>\n        <div slot=\"subheading\">\n          ", "\n          <slot name=\"card-subheader\"></slot>\n        </div>\n        <div slot=\"content\"><slot></slot></div>\n        <div slot=\"footer\">\n          <a11y-collapse-group>\n            <a11y-collapse ?disabled=\"", "\" accordion>\n              <div slot=\"heading\">\n                <slot name=\"details-collapse-header\"></slot>\n              </div>\n              <div slot=\"content\">\n                <slot name=\"details-collapse-content\"></slot>\n              </div>\n            </a11y-collapse>\n            <a11y-collapse\n              ?disabled=\"", "\"\n              accordion\n              @expand=\"", "\"\n              @collapse=\"", "\"\n            >\n              <div slot=\"heading\">\n                <slot name=\"demo-collapse-header\"></slot>\n              </div>\n              <div slot=\"content\">\n                <slot name=\"demo-collapse-content\"></slot>\n              </div>\n            </a11y-collapse>\n          </a11y-collapse-group>\n        </div>\n      </accent-card>\n    "])), !this.disabled ? this.accentColor : "grey", this.disabled, this.icon ? (0, _index.html)(_templateObject2_880c01e01f2611eda0c389891c227ec8 || (_templateObject2_880c01e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-icon icon=\"", "\"></simple-icon> "])), this.icon) : "", this.heading, this.subheading, this.disabled, this.disabled || !this.hasDemo, this.__demoCollapseStatusChange, this.__demoCollapseStatusChange);
       }
     }, {
       key: "__demoCollapseStatusChange",
@@ -57,7 +57,7 @@ define(["exports", "../../lit/index.js", "../a11y-collapse/lib/a11y-collapse-gro
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ProductCard), "styles", this)), [(0, _index.css)(_templateObject3_ad9f4ff01f0511ed8cc3e9a95995ad69 || (_templateObject3_ad9f4ff01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ProductCard), "styles", this)), [(0, _index.css)(_templateObject3_880c01e01f2611eda0c389891c227ec8 || (_templateObject3_880c01e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/product-glance/product-glance.js b/build/es5-amd/node_modules/@lrnwebcomponents/product-glance/product-glance.js
index 5854c2a4863..e9cd037fc99 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/product-glance/product-glance.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/product-glance/product-glance.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ada236201f0511ed8cc3e9a95995ad69, _templateObject2_ada236201f0511ed8cc3e9a95995ad69, _templateObject3_ada236201f0511ed8cc3e9a95995ad69, _templateObject4_ada236201f0511ed8cc3e9a95995ad69;
+  var _templateObject_880ec1001f2611eda0c389891c227ec8, _templateObject2_880ec1001f2611eda0c389891c227ec8, _templateObject3_880ec1001f2611eda0c389891c227ec8, _templateObject4_880ec1001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -44,12 +44,12 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ada236201f0511ed8cc3e9a95995ad69 || (_templateObject_ada236201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <div class=\"icon-wrapper\">\n          ", "\n        </div>\n        <div></div>\n        <div class=\"text-wrapper\">\n          <div class=\"title-text\"><slot name=\"title\">", "</slot></div>\n          <div class=\"subtitle-text\">\n            <slot name=\"subtitle\">", "</slot>\n          </div>\n        </div>\n      </div>\n    "])), this.icon ? (0, _index.html)(_templateObject2_ada236201f0511ed8cc3e9a95995ad69 || (_templateObject2_ada236201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                class=\"icon\"\n                icon=\"", "\"\n                accent-color=\"", "\"\n                .contrast=\"", "\"\n                ?dark=\"", "\"\n              ></simple-icon>"])), this.icon, this.accentColor, this.contrast, this.dark) : (0, _index.html)(_templateObject3_ada236201f0511ed8cc3e9a95995ad69 || (_templateObject3_ada236201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))), this.title, this.subtitle);
+        return (0, _index.html)(_templateObject_880ec1001f2611eda0c389891c227ec8 || (_templateObject_880ec1001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <div class=\"icon-wrapper\">\n          ", "\n        </div>\n        <div></div>\n        <div class=\"text-wrapper\">\n          <div class=\"title-text\"><slot name=\"title\">", "</slot></div>\n          <div class=\"subtitle-text\">\n            <slot name=\"subtitle\">", "</slot>\n          </div>\n        </div>\n      </div>\n    "])), this.icon ? (0, _index.html)(_templateObject2_880ec1001f2611eda0c389891c227ec8 || (_templateObject2_880ec1001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n                class=\"icon\"\n                icon=\"", "\"\n                accent-color=\"", "\"\n                .contrast=\"", "\"\n                ?dark=\"", "\"\n              ></simple-icon>"])), this.icon, this.accentColor, this.contrast, this.dark) : (0, _index.html)(_templateObject3_880ec1001f2611eda0c389891c227ec8 || (_templateObject3_880ec1001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))), this.title, this.subtitle);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ProductGlance), "styles", this)), [(0, _index.css)(_templateObject4_ada236201f0511ed8cc3e9a95995ad69 || (_templateObject4_ada236201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          --product-glance-icon-width: 20px;\n          --product-glance-icon-height: var(--product-glance-icon-width, 20px);\n        }\n        .wrapper {\n          display: grid;\n          grid-template-columns: 3.5em 0.5em 21em;\n          margin: var(--product-glance-internal-margin, 0.25em);\n          background-color: var(--simple-colors-default-theme-grey-1, #eeeeee);\n          padding: var(--product-glance-internal-padding, 0.5em);\n        }\n        .icon-wrapper {\n          padding: var(--product-glance-internal-padding, 0.5em);\n          display: block;\n          margin: 0 auto;\n        }\n\n        .icon {\n          margin: 0;\n          width: var(--product-glance-icon-width);\n          height: var(--product-glance-icon-height);\n          --simple-icon-height: var(--product-glance-icon-height);\n          --simple-icon-width: var(--product-glance-icon-width);\n          border: 2px solid var(--simple-colors-default-theme-grey-4, #eeeeee);\n          border-radius: 50%;\n          padding: var(--product-glance-internal-padding, 0.5em);\n          display: block;\n        }\n        .title-text {\n          margin-top: var(--product-glance-title-margin-top, 8px);\n        }\n        .title-text ::slotted(p),\n        .subtitle-text ::slotted(p) {\n          margin: 0;\n        }\n        .title-text,\n        .title-text ::slotted(*) {\n          color: var(\n            --product-glance-text-color,\n            var(--simple-colors-default-theme-grey-12, #222222)\n          );\n          font-family: \"OpenSans-Bold\", \"OpenSans\", \"Arial\", sans-serif;\n          font-size: 1.25em;\n          font-weight: bold;\n        }\n\n        .subtitle-text,\n        .subtitle-text ::slotted(*) {\n          color: var(\n            --product-glance-subtext-color,\n            var(--simple-colors-default-theme-grey-8, #555555)\n          );\n          font-family: \"OpenSans-Bold\", \"OpenSans\", \"Arial\", sans-serif;\n          font-size: 0.9em;\n          line-height: 1em;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ProductGlance), "styles", this)), [(0, _index.css)(_templateObject4_880ec1001f2611eda0c389891c227ec8 || (_templateObject4_880ec1001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          --product-glance-icon-width: 20px;\n          --product-glance-icon-height: var(--product-glance-icon-width, 20px);\n        }\n        .wrapper {\n          display: grid;\n          grid-template-columns: 3.5em 0.5em 21em;\n          margin: var(--product-glance-internal-margin, 0.25em);\n          background-color: var(--simple-colors-default-theme-grey-1, #eeeeee);\n          padding: var(--product-glance-internal-padding, 0.5em);\n        }\n        .icon-wrapper {\n          padding: var(--product-glance-internal-padding, 0.5em);\n          display: block;\n          margin: 0 auto;\n        }\n\n        .icon {\n          margin: 0;\n          width: var(--product-glance-icon-width);\n          height: var(--product-glance-icon-height);\n          --simple-icon-height: var(--product-glance-icon-height);\n          --simple-icon-width: var(--product-glance-icon-width);\n          border: 2px solid var(--simple-colors-default-theme-grey-4, #eeeeee);\n          border-radius: 50%;\n          padding: var(--product-glance-internal-padding, 0.5em);\n          display: block;\n        }\n        .title-text {\n          margin-top: var(--product-glance-title-margin-top, 8px);\n        }\n        .title-text ::slotted(p),\n        .subtitle-text ::slotted(p) {\n          margin: 0;\n        }\n        .title-text,\n        .title-text ::slotted(*) {\n          color: var(\n            --product-glance-text-color,\n            var(--simple-colors-default-theme-grey-12, #222222)\n          );\n          font-family: \"OpenSans-Bold\", \"OpenSans\", \"Arial\", sans-serif;\n          font-size: 1.25em;\n          font-weight: bold;\n        }\n\n        .subtitle-text,\n        .subtitle-text ::slotted(*) {\n          color: var(\n            --product-glance-subtext-color,\n            var(--simple-colors-default-theme-grey-8, #555555)\n          );\n          font-family: \"OpenSans-Bold\", \"OpenSans\", \"Arial\", sans-serif;\n          font-size: 0.9em;\n          line-height: 1em;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/product-offering/product-offering.js b/build/es5-amd/node_modules/@lrnwebcomponents/product-offering/product-offering.js
index 5afa5287eb2..909bf643742 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/product-offering/product-offering.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/product-offering/product-offering.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
   });
   _exports.ProductOffering = void 0;
 
-  var _templateObject_ada62dc01f0511ed8cc3e9a95995ad69, _templateObject2_ada62dc01f0511ed8cc3e9a95995ad69, _templateObject3_ada62dc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_881243701f2611eda0c389891c227ec8, _templateObject2_881243701f2611eda0c389891c227ec8, _templateObject3_881243701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -56,7 +56,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_ada62dc01f0511ed8cc3e9a95995ad69 || (_templateObject_ada62dc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "])), this.elementVisible ? (0, _index.html)(_templateObject2_ada62dc01f0511ed8cc3e9a95995ad69 || (_templateObject2_ada62dc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <!-- Container -->\n            <div class=\"container\">\n              <img\n                class=\"image\"\n                src=\"", "\"\n                alt=\"", "\"\n                loading=\"lazy\"\n              />\n\n              <div class=\"square\">\n                <!-- Icon, Header -->\n                <div class=\"squareTitle\">\n                  <!-- icon -->\n                  <div class=\"icon-background\">\n                    <simple-icon\n                      accent-color=\"", "\"\n                      ?dark=\"", "\"\n                      .icon=\"", "\"\n                    ></simple-icon>\n                  </div>\n                  <!-- header -->\n                  <h4>\n                    <span class=\"underline\">", "</span>&nbsp;<span\n                      >", "</span\n                    >\n                  </h4>\n                </div>\n\n                <!-- descripton -->\n                <div class=\"sqaureDescription\">\n                  <slot name=\"description\">", "</slot>\n                </div>\n              </div>\n            </div>"])), this.source, this.alt, this.accentColor, this.dark, this.icon, this._titleOne, this._titleTwo, this.description) : "");
+        return (0, _index.html)(_templateObject_881243701f2611eda0c389891c227ec8 || (_templateObject_881243701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "])), this.elementVisible ? (0, _index.html)(_templateObject2_881243701f2611eda0c389891c227ec8 || (_templateObject2_881243701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <!-- Container -->\n            <div class=\"container\">\n              <img\n                class=\"image\"\n                src=\"", "\"\n                alt=\"", "\"\n                loading=\"lazy\"\n              />\n\n              <div class=\"square\">\n                <!-- Icon, Header -->\n                <div class=\"squareTitle\">\n                  <!-- icon -->\n                  <div class=\"icon-background\">\n                    <simple-icon\n                      accent-color=\"", "\"\n                      ?dark=\"", "\"\n                      .icon=\"", "\"\n                    ></simple-icon>\n                  </div>\n                  <!-- header -->\n                  <h4>\n                    <span class=\"underline\">", "</span>&nbsp;<span\n                      >", "</span\n                    >\n                  </h4>\n                </div>\n\n                <!-- descripton -->\n                <div class=\"sqaureDescription\">\n                  <slot name=\"description\">", "</slot>\n                </div>\n              </div>\n            </div>"])), this.source, this.alt, this.accentColor, this.dark, this.icon, this._titleOne, this._titleTwo, this.description) : "");
       }
       /**
        * Convention we use
@@ -109,7 +109,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(ProductOffering), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject3_ada62dc01f0511ed8cc3e9a95995ad69 || (_templateObject3_ada62dc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          padding: var(--product-offering-padding, 25px);\n          color: var(--product-offering-text-color, #000);\n          font-family: var(--product-offering-font-family, Verdana, sans-serif);\n        }\n        .container {\n          padding: 5%;\n          display: grid;\n          grid-template-columns: 25% 75%;\n        }\n        .image {\n          height: var(--product-offering-image-height, 150px);\n          width: var(--product-offering-image-width, 200px);\n          border-radius: 2%;\n        }\n        simple-icon {\n          padding: 8px;\n          height: 30px;\n          width: 30px;\n        }\n        .icon-background {\n          background-color: var(\n            --simple-colors-default-theme-accent-12,\n            #eeeeee\n          );\n          border-radius: 50%;\n          padding: 2px;\n          margin: 5px;\n          margin-right: 10px;\n          box-shadow: 10px 10px 25px 0 rgb(0 0 0 / 10%);\n        }\n        .squareTitle {\n          display: flex;\n        }\n        .underline {\n          border-bottom: 5px solid orange;\n          display: inline-block;\n        }\n        .sqaureDescription {\n          color: var(--simple-colors-default-theme-accent-12, #eeeeee);\n          font-size: 12pt;\n          padding: 20px;\n          padding-left: 60px;\n          margin: 0;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject3_881243701f2611eda0c389891c227ec8 || (_templateObject3_881243701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          padding: var(--product-offering-padding, 25px);\n          color: var(--product-offering-text-color, #000);\n          font-family: var(--product-offering-font-family, Verdana, sans-serif);\n        }\n        .container {\n          padding: 5%;\n          display: grid;\n          grid-template-columns: 25% 75%;\n        }\n        .image {\n          height: var(--product-offering-image-height, 150px);\n          width: var(--product-offering-image-width, 200px);\n          border-radius: 2%;\n        }\n        simple-icon {\n          padding: 8px;\n          height: 30px;\n          width: 30px;\n        }\n        .icon-background {\n          background-color: var(\n            --simple-colors-default-theme-accent-12,\n            #eeeeee\n          );\n          border-radius: 50%;\n          padding: 2px;\n          margin: 5px;\n          margin-right: 10px;\n          box-shadow: 10px 10px 25px 0 rgb(0 0 0 / 10%);\n        }\n        .squareTitle {\n          display: flex;\n        }\n        .underline {\n          border-bottom: 5px solid orange;\n          display: inline-block;\n        }\n        .sqaureDescription {\n          color: var(--simple-colors-default-theme-accent-12, #eeeeee);\n          font-size: 12pt;\n          padding: 20px;\n          padding-left: 60px;\n          margin: 0;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/progress-donut/progress-donut.js b/build/es5-amd/node_modules/@lrnwebcomponents/progress-donut/progress-donut.js
index a2dce0ebfd6..cdf815c677d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/progress-donut/progress-donut.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/progress-donut/progress-donut.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
   });
   _exports.ProgressDonut = void 0;
 
-  var _templateObject_adaae8b01f0511ed8cc3e9a95995ad69, _templateObject2_adaae8b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_881689301f2611eda0c389891c227ec8, _templateObject2_881689301f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -59,7 +59,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_adaae8b01f0511ed8cc3e9a95995ad69 || (_templateObject_adaae8b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ""])), babelHelpers.get(babelHelpers.getPrototypeOf(ProgressDonut.prototype), "render", this).call(this));
+        return (0, _index.html)(_templateObject_881689301f2611eda0c389891c227ec8 || (_templateObject_881689301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ""])), babelHelpers.get(babelHelpers.getPrototypeOf(ProgressDonut.prototype), "render", this).call(this));
       } // haxProperty definition
 
     }, {
@@ -166,7 +166,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ProgressDonut), "styles", this)), [(0, _index.css)(_templateObject2_adaae8b01f0511ed8cc3e9a95995ad69 || (_templateObject2_adaae8b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        .ct-center-image {\n          width: 100%;\n          height: 100%;\n          transform: translateX(25%) translateY(25%) scale(0.5);\n          clip-path: circle(50% at 50% 50%);\n        }\n\n        .ct-center-ellipse {\n          fill: var(--chartist-bg-color, #fff);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ProgressDonut), "styles", this)), [(0, _index.css)(_templateObject2_881689301f2611eda0c389891c227ec8 || (_templateObject2_881689301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        .ct-center-image {\n          width: 100%;\n          height: 100%;\n          transform: translateX(25%) translateY(25%) scale(0.5);\n          clip-path: circle(50% at 50% 50%);\n        }\n\n        .ct-center-ellipse {\n          fill: var(--chartist-bg-color, #fff);\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/promise-progress/lib/promise-progress-lite.js b/build/es5-amd/node_modules/@lrnwebcomponents/promise-progress/lib/promise-progress-lite.js
index c9c30de6572..cc982d7f223 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/promise-progress/lib/promise-progress-lite.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/promise-progress/lib/promise-progress-lite.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.PromiseProgressLite = void 0;
 
-  var _templateObject_e4dcda501f0511ed8cc3e9a95995ad69, _templateObject2_e4dcda501f0511ed8cc3e9a95995ad69, _templateObject3_e4dcda501f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb05ef201f2611eda0c389891c227ec8, _templateObject2_bb05ef201f2611eda0c389891c227ec8, _templateObject3_bb05ef201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -58,7 +58,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_e4dcda501f0511ed8cc3e9a95995ad69 || (_templateObject_e4dcda501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <progress\n        part=\"progress\"\n        max=\"", "\"\n        value=\"", "\"\n      ></progress>\n      ", "\n      <slot></slot>\n    "])), this.max, this.value, this.list && this.showCount ? (0, _index.html)(_templateObject2_e4dcda501f0511ed8cc3e9a95995ad69 || (_templateObject2_e4dcda501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", " / ", ""])), this.value, this.max) : "");
+        return (0, _index.html)(_templateObject_bb05ef201f2611eda0c389891c227ec8 || (_templateObject_bb05ef201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <progress\n        part=\"progress\"\n        max=\"", "\"\n        value=\"", "\"\n      ></progress>\n      ", "\n      <slot></slot>\n    "])), this.max, this.value, this.list && this.showCount ? (0, _index.html)(_templateObject2_bb05ef201f2611eda0c389891c227ec8 || (_templateObject2_bb05ef201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", " / ", ""])), this.value, this.max) : "");
       }
       /**
        * LitElement ready
@@ -204,7 +204,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(PromiseProgressLite), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject3_e4dcda501f0511ed8cc3e9a95995ad69 || (_templateObject3_e4dcda501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: relative;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject3_bb05ef201f2611eda0c389891c227ec8 || (_templateObject3_bb05ef201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: relative;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/promise-progress/promise-progress.js b/build/es5-amd/node_modules/@lrnwebcomponents/promise-progress/promise-progress.js
index 8c8b731789d..9b79a4d9878 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/promise-progress/promise-progress.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/promise-progress/promise-progress.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/promise-progress-lite.js", "../s
   });
   _exports.PromiseProgress = void 0;
 
-  var _templateObject_adeb9b301f0511ed8cc3e9a95995ad69, _templateObject2_adeb9b301f0511ed8cc3e9a95995ad69;
+  var _templateObject_8839efb01f2611eda0c389891c227ec8, _templateObject2_8839efb01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -37,7 +37,7 @@ define(["exports", "../../lit/index.js", "./lib/promise-progress-lite.js", "../s
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_adeb9b301f0511ed8cc3e9a95995ad69 || (_templateObject_adeb9b301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <progress\n        part=\"progress\"\n        max=\"", "\"\n        value=\"", "\"\n      ></progress>\n      ", "\n      <slot></slot>\n    "])), this.max, this.value, this.list && this.showCount ? (0, _index.html)(_templateObject2_adeb9b301f0511ed8cc3e9a95995ad69 || (_templateObject2_adeb9b301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", " / ", ""])), this.value, this.max) : "");
+        return (0, _index.html)(_templateObject_8839efb01f2611eda0c389891c227ec8 || (_templateObject_8839efb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <progress\n        part=\"progress\"\n        max=\"", "\"\n        value=\"", "\"\n      ></progress>\n      ", "\n      <slot></slot>\n    "])), this.max, this.value, this.list && this.showCount ? (0, _index.html)(_templateObject2_8839efb01f2611eda0c389891c227ec8 || (_templateObject2_8839efb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", " / ", ""])), this.value, this.max) : "");
       }
     }], [{
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/promo-tile/promo-tile.js b/build/es5-amd/node_modules/@lrnwebcomponents/promo-tile/promo-tile.js
index 9e243371220..7a96e16506a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/promo-tile/promo-tile.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/promo-tile/promo-tile.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../schema-behav
   });
   _exports.PromoTile = void 0;
 
-  var _templateObject_9d9664901f0511ed8cc3e9a95995ad69;
+  var _templateObject_78a0dd201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -107,7 +107,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../schema-behav
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9d9664901f0511ed8cc3e9a95995ad69 || (_templateObject_9d9664901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        a {\n          text-decoration: var(--promo-tile-a-text-decoration, none);\n          @apply --promo-tile-a;\n        }\n\n        #container {\n          width: var(--promo-tile-container-width, 100%);\n          height: var(--promo-tile-container-height, auto);\n          @apply --promo-tile-container;\n        }\n\n        .back_card {\n          background-color: var(\n            --promo-tile-back-card-background-color,\n            #e2801e\n          );\n          height: var(--promo-tile-back-card-height, 460px);\n          opacity: var(--promo-tile-back-card-opacity, 0);\n          display: var(--promo-tile-back-card-display, flex);\n          flex-direction: var(--promo-tile-back-card-flex-direction, column);\n          @apply --promo-tile-back-card;\n        }\n\n        :host([hover]) #container .back_card {\n          opacity: var(--promo-tile-container-back-card-hover-opacity, 0.9);\n          transition: var(\n            --promo-tile-container-back-card-hover-transition,\n            all 0.3s ease-in-out\n          );\n          @apply --promo-tile-container-back-card-hover;\n        }\n\n        :host([hover]) #container .front_card .front_title {\n          opacity: var(\n            --promo-tile-container-front-card-front-title-hover-opacity,\n            0\n          );\n          transition: var(\n            --promo-tile-container-front-card-front-title-hover-transition,\n            all 0.3s ease-in-out\n          );\n          @apply --promo-tile-container-front-card-hover;\n        }\n\n        .image {\n          display: var(--promo-tile-image-display, flex);\n          justify-content: var(--promo-tile-image-justify-content, center);\n          background-position: var(\n            --promo-tile-image-background-position,\n            top center\n          );\n          background-repeat: var(\n            --promo-tile-image-background-repeat,\n            no-repeat\n          );\n          background-size: var(--promo-tile-image-background-size, cover);\n          width: var(--promo-tile-image-width, 100%);\n          height: var(--promo-tile-image-height, 100%);\n          @apply --promo-tile-image;\n        }\n\n        .front_title {\n          opacity: var(--promo-tile-front-title-opacity, 1);\n          position: var(--promo-tile-front-title-position, absolute);\n          display: var(--promo-tile-front-title-display, flex);\n          align-self: var(--promo-tile-front-title-align-self, flex-end);\n          padding: var(--promo-tile-front-title-padding, 0 0 25px 0);\n          @apply --promo-tile-front-title;\n        }\n\n        .front_title h1 {\n          color: var(--promo-tile-front-title-h1-color, #ffffff);\n          font-size: var(--promo-tile-front-title-h1-font-size, 36px);\n          font-weight: var(--promo-tile-front-title-h1-font-weight, 400);\n          text-shadow: var(\n            --promo-tile-front-title-h1-text-shadow,\n            1px 1px 3px\n              var(--promo-tile-front-title-h1-text-shadow-color, #363533)\n          );\n          @apply --promo-title-front-title-h1;\n        }\n\n        .back_title {\n          opacity: var(--promo-tile-back-title-opacity, 1);\n          display: var(--promo-tile-back-title-display, flex);\n          justify-content: var(--promo-tile-back-title-justify-content, center);\n          padding: var(--promo-tile-back-title-padding, 20px 0 0 0);\n          @apply --promo-tile-back-title;\n        }\n\n        .back_title h1 {\n          color: var(--promo-tile-back-title-h1-color, #ffffff);\n          font-size: var(--promo-tile-back-title-h1-font-size, 36px);\n          font-weight: var(--promo-tile-back-title-h1-font-weight, 400);\n          @apply --promo-tile-back-title-h1;\n        }\n\n        .back_content {\n          color: var(--promo-tile-back-content-font-color, #ffffff);\n          font-size: var(--promo-tile-back-content-font-size, 18px);\n          font-weight: var(--promo-tile-back-content-font-weight, 300);\n          line-height: var(--promo-tile-back-content-line-height, 1.4);\n          padding: var(--promo-title-back-content-padding, 0 20px 0 20px);\n          text-align: justify;\n          @apply --promo-tile-back-content;\n        }\n\n        button#learn {\n          display: var(--promo-tile-button-learn-display, flex);\n          margin: var(--promo-tile-button-learn-margin, 140px auto 0 auto);\n          font-size: var(--promo-tile-button-learn-font-size, 18px);\n          color: var(--promo-tile-button-learn-font-color, #ffffff);\n          border: var(--promo-tile-button-learn-border, solid);\n          border-width: var(--promo-tile-button-learn-border-width, 1px);\n          border-color: var(--promo-tile-button-learn-border-color, #ffffff);\n          border-radius: var(--promo-tile-button-learn-border-radius, 0);\n          width: var(--promo-tile-button-learn-width, 50%);\n          @apply --promo-tile-button-learn;\n        }\n\n        button#learn:hover,\n        button#learn:focus {\n          background-color: var(\n            --promo-tile-button-learn-background-color-active,\n            #363533\n          );\n          @apply --promo-tile-button-learn-active;\n        }\n      </style>\n      <div id=\"container\">\n        <div class=\"front_card\">\n          <div\n            id=\"front_image\"\n            class=\"image\"\n            alt=\"[[alt]]\"\n            style$=\"background-image:url([[image]])\"\n          >\n            <div class=\"front_title\">\n              <h1>[[title]]</h1>\n            </div>\n            <div class=\"back_card\" id=\"cardBack\" on-click=\"activateBtn\">\n              <div class=\"back_title\">\n                <h1>[[title]]</h1>\n              </div>\n              <div class=\"back_content\">\n                <slot></slot>\n              </div>\n              <div class=\"learn_more\">\n                <a\n                  tabindex=\"-1\"\n                  href=\"[[url]]\"\n                  id=\"link\"\n                  target$=\"[[_urlTarget(url)]]\"\n                >\n                  <button id=\"learn\" no-ink>\n                    [[label]]\n                    <simple-icon icon=\"chevron-right\"></simple-icon>\n                  </button>\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_78a0dd201f2611eda0c389891c227ec8 || (_templateObject_78a0dd201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        a {\n          text-decoration: var(--promo-tile-a-text-decoration, none);\n          @apply --promo-tile-a;\n        }\n\n        #container {\n          width: var(--promo-tile-container-width, 100%);\n          height: var(--promo-tile-container-height, auto);\n          @apply --promo-tile-container;\n        }\n\n        .back_card {\n          background-color: var(\n            --promo-tile-back-card-background-color,\n            #e2801e\n          );\n          height: var(--promo-tile-back-card-height, 460px);\n          opacity: var(--promo-tile-back-card-opacity, 0);\n          display: var(--promo-tile-back-card-display, flex);\n          flex-direction: var(--promo-tile-back-card-flex-direction, column);\n          @apply --promo-tile-back-card;\n        }\n\n        :host([hover]) #container .back_card {\n          opacity: var(--promo-tile-container-back-card-hover-opacity, 0.9);\n          transition: var(\n            --promo-tile-container-back-card-hover-transition,\n            all 0.3s ease-in-out\n          );\n          @apply --promo-tile-container-back-card-hover;\n        }\n\n        :host([hover]) #container .front_card .front_title {\n          opacity: var(\n            --promo-tile-container-front-card-front-title-hover-opacity,\n            0\n          );\n          transition: var(\n            --promo-tile-container-front-card-front-title-hover-transition,\n            all 0.3s ease-in-out\n          );\n          @apply --promo-tile-container-front-card-hover;\n        }\n\n        .image {\n          display: var(--promo-tile-image-display, flex);\n          justify-content: var(--promo-tile-image-justify-content, center);\n          background-position: var(\n            --promo-tile-image-background-position,\n            top center\n          );\n          background-repeat: var(\n            --promo-tile-image-background-repeat,\n            no-repeat\n          );\n          background-size: var(--promo-tile-image-background-size, cover);\n          width: var(--promo-tile-image-width, 100%);\n          height: var(--promo-tile-image-height, 100%);\n          @apply --promo-tile-image;\n        }\n\n        .front_title {\n          opacity: var(--promo-tile-front-title-opacity, 1);\n          position: var(--promo-tile-front-title-position, absolute);\n          display: var(--promo-tile-front-title-display, flex);\n          align-self: var(--promo-tile-front-title-align-self, flex-end);\n          padding: var(--promo-tile-front-title-padding, 0 0 25px 0);\n          @apply --promo-tile-front-title;\n        }\n\n        .front_title h1 {\n          color: var(--promo-tile-front-title-h1-color, #ffffff);\n          font-size: var(--promo-tile-front-title-h1-font-size, 36px);\n          font-weight: var(--promo-tile-front-title-h1-font-weight, 400);\n          text-shadow: var(\n            --promo-tile-front-title-h1-text-shadow,\n            1px 1px 3px\n              var(--promo-tile-front-title-h1-text-shadow-color, #363533)\n          );\n          @apply --promo-title-front-title-h1;\n        }\n\n        .back_title {\n          opacity: var(--promo-tile-back-title-opacity, 1);\n          display: var(--promo-tile-back-title-display, flex);\n          justify-content: var(--promo-tile-back-title-justify-content, center);\n          padding: var(--promo-tile-back-title-padding, 20px 0 0 0);\n          @apply --promo-tile-back-title;\n        }\n\n        .back_title h1 {\n          color: var(--promo-tile-back-title-h1-color, #ffffff);\n          font-size: var(--promo-tile-back-title-h1-font-size, 36px);\n          font-weight: var(--promo-tile-back-title-h1-font-weight, 400);\n          @apply --promo-tile-back-title-h1;\n        }\n\n        .back_content {\n          color: var(--promo-tile-back-content-font-color, #ffffff);\n          font-size: var(--promo-tile-back-content-font-size, 18px);\n          font-weight: var(--promo-tile-back-content-font-weight, 300);\n          line-height: var(--promo-tile-back-content-line-height, 1.4);\n          padding: var(--promo-title-back-content-padding, 0 20px 0 20px);\n          text-align: justify;\n          @apply --promo-tile-back-content;\n        }\n\n        button#learn {\n          display: var(--promo-tile-button-learn-display, flex);\n          margin: var(--promo-tile-button-learn-margin, 140px auto 0 auto);\n          font-size: var(--promo-tile-button-learn-font-size, 18px);\n          color: var(--promo-tile-button-learn-font-color, #ffffff);\n          border: var(--promo-tile-button-learn-border, solid);\n          border-width: var(--promo-tile-button-learn-border-width, 1px);\n          border-color: var(--promo-tile-button-learn-border-color, #ffffff);\n          border-radius: var(--promo-tile-button-learn-border-radius, 0);\n          width: var(--promo-tile-button-learn-width, 50%);\n          @apply --promo-tile-button-learn;\n        }\n\n        button#learn:hover,\n        button#learn:focus {\n          background-color: var(\n            --promo-tile-button-learn-background-color-active,\n            #363533\n          );\n          @apply --promo-tile-button-learn-active;\n        }\n      </style>\n      <div id=\"container\">\n        <div class=\"front_card\">\n          <div\n            id=\"front_image\"\n            class=\"image\"\n            alt=\"[[alt]]\"\n            style$=\"background-image:url([[image]])\"\n          >\n            <div class=\"front_title\">\n              <h1>[[title]]</h1>\n            </div>\n            <div class=\"back_card\" id=\"cardBack\" on-click=\"activateBtn\">\n              <div class=\"back_title\">\n                <h1>[[title]]</h1>\n              </div>\n              <div class=\"back_content\">\n                <slot></slot>\n              </div>\n              <div class=\"learn_more\">\n                <a\n                  tabindex=\"-1\"\n                  href=\"[[url]]\"\n                  id=\"link\"\n                  target$=\"[[_urlTarget(url)]]\"\n                >\n                  <button id=\"learn\" no-ink>\n                    [[label]]\n                    <simple-icon icon=\"chevron-right\"></simple-icon>\n                  </button>\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/punnett-square/punnett-square.js b/build/es5-amd/node_modules/@lrnwebcomponents/punnett-square/punnett-square.js
index 33883865c20..246df53bfcb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/punnett-square/punnett-square.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/punnett-square/punnett-square.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../../lit/directives/unsafe-html.js",
   });
   _exports.PunnettSquare = void 0;
 
-  var _templateObject_adf0a4401f0511ed8cc3e9a95995ad69, _templateObject2_adf0a4401f0511ed8cc3e9a95995ad69, _templateObject3_adf0a4401f0511ed8cc3e9a95995ad69, _templateObject4_adf0a4401f0511ed8cc3e9a95995ad69, _templateObject5_adf0a4401f0511ed8cc3e9a95995ad69, _templateObject6_adf0a4401f0511ed8cc3e9a95995ad69, _templateObject7_adf0a4401f0511ed8cc3e9a95995ad69, _templateObject8_adf0a4401f0511ed8cc3e9a95995ad69, _templateObject9_adf0a4401f0511ed8cc3e9a95995ad69, _templateObject10_adf0a4401f0511ed8cc3e9a95995ad69, _templateObject11_adf0a4401f0511ed8cc3e9a95995ad69;
+  var _templateObject_883ef8c01f2611eda0c389891c227ec8, _templateObject2_883ef8c01f2611eda0c389891c227ec8, _templateObject3_883ef8c01f2611eda0c389891c227ec8, _templateObject4_883ef8c01f2611eda0c389891c227ec8, _templateObject5_883ef8c01f2611eda0c389891c227ec8, _templateObject6_883ef8c01f2611eda0c389891c227ec8, _templateObject7_883ef8c01f2611eda0c389891c227ec8, _templateObject8_883ef8c01f2611eda0c389891c227ec8, _templateObject9_883ef8c01f2611eda0c389891c227ec8, _templateObject10_883ef8c01f2611eda0c389891c227ec8, _templateObject11_883ef8c01f2611eda0c389891c227ec8;
 
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -99,19 +99,19 @@ define(["exports", "../../lit/index.js", "../../lit/directives/unsafe-html.js",
 
         var asdf = value1[0].length < 1 && value2[0].length < 1;
         console.log("asdf:", asdf);
-        return (0, _index.html)(_templateObject_adf0a4401f0511ed8cc3e9a95995ad69 || (_templateObject_adf0a4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --punnett-square-table-border: 1px solid black;\n          --punnett-square-table-padding: 1em;\n          --punnett-square-input-font-size: 2em;\n          --punnett-square-input-text-align: center;\n        }\n\n        table {\n          border-collapse: var(--punnett-square-table-border-collapse, collapse);\n          width: var(--punnett-square-table-width, 100%);\n          border: var(--punnett-square-table-border);\n        }\n\n        th {\n          border: var(--punnett-square-th-border, var(--punnett-square-table-border));\n          padding: var(--punnett-square-th-padding, var(--punnett-square-table-padding));\n        }\n\n        td {\n          border: var(--punnett-square-td-border, var(--punnett-square-table-border));\n          text-align: var(--punnett-square-table-text-align, center);\n          padding: var(--punnett-square-td-padding, var(--punnett-square-table-padding));\n        }\n\n        #inputs {\n          display: var(--punnett-square-inputs-display, flex);\n          align-items: var(--punnett-square-inputs-align-items, center);\n        }\n\n        .input {\n          font-size: var(--punnett-square-input-font-size);\n          text-align: var(--punnett-square-input-text-align);\n        }\n\n        paper-input {\n          --paper-input-container-input: {\n            font-size: var(--punnett-square-paper-input-font-size, --punnett-square-input-font-size);\n            text-align: var(--punnett-square-paper-input-text-align, --punnett-square-input-text-align);\n          }\n        }\n      </style>\n      <div id=\"inputs\">\n        Variant1: <div class=\"input\">", "</div>\n        Variant2: <div class=\"input\">", "</div>\n      </div>\n\n      <table>\n        <thead>\n          <tr>\n            <th></th>\n            ", "\n          </tr>\n        <tbody>\n          ", "\n        </tbody>\n        </thead>\n      </table>\n    "])), this.editable ? (0, _index.html)(_templateObject2_adf0a4401f0511ed8cc3e9a95995ad69 || (_templateObject2_adf0a4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <paper-input\n                  value=\"", "\"\n                  @value-changed=", "\n                ></paper-input>\n              "])), this.variant1, function (e) {
+        return (0, _index.html)(_templateObject_883ef8c01f2611eda0c389891c227ec8 || (_templateObject_883ef8c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --punnett-square-table-border: 1px solid black;\n          --punnett-square-table-padding: 1em;\n          --punnett-square-input-font-size: 2em;\n          --punnett-square-input-text-align: center;\n        }\n\n        table {\n          border-collapse: var(--punnett-square-table-border-collapse, collapse);\n          width: var(--punnett-square-table-width, 100%);\n          border: var(--punnett-square-table-border);\n        }\n\n        th {\n          border: var(--punnett-square-th-border, var(--punnett-square-table-border));\n          padding: var(--punnett-square-th-padding, var(--punnett-square-table-padding));\n        }\n\n        td {\n          border: var(--punnett-square-td-border, var(--punnett-square-table-border));\n          text-align: var(--punnett-square-table-text-align, center);\n          padding: var(--punnett-square-td-padding, var(--punnett-square-table-padding));\n        }\n\n        #inputs {\n          display: var(--punnett-square-inputs-display, flex);\n          align-items: var(--punnett-square-inputs-align-items, center);\n        }\n\n        .input {\n          font-size: var(--punnett-square-input-font-size);\n          text-align: var(--punnett-square-input-text-align);\n        }\n\n        paper-input {\n          --paper-input-container-input: {\n            font-size: var(--punnett-square-paper-input-font-size, --punnett-square-input-font-size);\n            text-align: var(--punnett-square-paper-input-text-align, --punnett-square-input-text-align);\n          }\n        }\n      </style>\n      <div id=\"inputs\">\n        Variant1: <div class=\"input\">", "</div>\n        Variant2: <div class=\"input\">", "</div>\n      </div>\n\n      <table>\n        <thead>\n          <tr>\n            <th></th>\n            ", "\n          </tr>\n        <tbody>\n          ", "\n        </tbody>\n        </thead>\n      </table>\n    "])), this.editable ? (0, _index.html)(_templateObject2_883ef8c01f2611eda0c389891c227ec8 || (_templateObject2_883ef8c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <paper-input\n                  value=\"", "\"\n                  @value-changed=", "\n                ></paper-input>\n              "])), this.variant1, function (e) {
           return _this2.variant1 = e.detail.value;
-        }) : (0, _index.html)(_templateObject3_adf0a4401f0511ed8cc3e9a95995ad69 || (_templateObject3_adf0a4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " "])), this.variant1), this.editable ? (0, _index.html)(_templateObject4_adf0a4401f0511ed8cc3e9a95995ad69 || (_templateObject4_adf0a4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <paper-input\n                  value=\"", "\"\n                  @value-changed=", "\n                ></paper-input>\n              "])), this.variant2, function (e) {
+        }) : (0, _index.html)(_templateObject3_883ef8c01f2611eda0c389891c227ec8 || (_templateObject3_883ef8c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " "])), this.variant1), this.editable ? (0, _index.html)(_templateObject4_883ef8c01f2611eda0c389891c227ec8 || (_templateObject4_883ef8c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <paper-input\n                  value=\"", "\"\n                  @value-changed=", "\n                ></paper-input>\n              "])), this.variant2, function (e) {
           return _this2.variant2 = e.detail.value;
-        }) : (0, _index.html)(_templateObject5_adf0a4401f0511ed8cc3e9a95995ad69 || (_templateObject5_adf0a4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " "])), this.variant2), value1.map(function (allele1) {
-          return (0, _index.html)(_templateObject6_adf0a4401f0511ed8cc3e9a95995ad69 || (_templateObject6_adf0a4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " "])), allele1.map(function (i) {
-            return (0, _index.html)(_templateObject7_adf0a4401f0511ed8cc3e9a95995ad69 || (_templateObject7_adf0a4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <th>", "</th> "])), i);
+        }) : (0, _index.html)(_templateObject5_883ef8c01f2611eda0c389891c227ec8 || (_templateObject5_883ef8c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " "])), this.variant2), value1.map(function (allele1) {
+          return (0, _index.html)(_templateObject6_883ef8c01f2611eda0c389891c227ec8 || (_templateObject6_883ef8c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " "])), allele1.map(function (i) {
+            return (0, _index.html)(_templateObject7_883ef8c01f2611eda0c389891c227ec8 || (_templateObject7_883ef8c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <th>", "</th> "])), i);
           }));
         }), value2.map(function (allele2, index) {
           return allele2.map(function (allele) {
-            return (0, _index.html)(_templateObject8_adf0a4401f0511ed8cc3e9a95995ad69 || (_templateObject8_adf0a4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <tr>\n                    <th>", "</th>\n                    ", "\n                  </tr>\n                "])), allele, value1.map(function (v1) {
+            return (0, _index.html)(_templateObject8_883ef8c01f2611eda0c389891c227ec8 || (_templateObject8_883ef8c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <tr>\n                    <th>", "</th>\n                    ", "\n                  </tr>\n                "])), allele, value1.map(function (v1) {
               return v1.map(function (allele1) {
-                return (0, _index.html)(_templateObject9_adf0a4401f0511ed8cc3e9a95995ad69 || (_templateObject9_adf0a4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                            <td>\n                              ", "\n                            </td>\n                          "])), _this2.renderVariant("".concat(allele1).concat(allele)));
+                return (0, _index.html)(_templateObject9_883ef8c01f2611eda0c389891c227ec8 || (_templateObject9_883ef8c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                            <td>\n                              ", "\n                            </td>\n                          "])), _this2.renderVariant("".concat(allele1).concat(allele)));
               });
             }));
           });
@@ -127,9 +127,9 @@ define(["exports", "../../lit/index.js", "../../lit/directives/unsafe-html.js",
         });
 
         if (result) {
-          return (0, _index.html)(_templateObject10_adf0a4401f0511ed8cc3e9a95995ad69 || (_templateObject10_adf0a4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " "])), (0, _unsafeHtml.unsafeHTML)(result.ref.outerHTML));
+          return (0, _index.html)(_templateObject10_883ef8c01f2611eda0c389891c227ec8 || (_templateObject10_883ef8c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " "])), (0, _unsafeHtml.unsafeHTML)(result.ref.outerHTML));
         } else {
-          return (0, _index.html)(_templateObject11_adf0a4401f0511ed8cc3e9a95995ad69 || (_templateObject11_adf0a4401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " "])), _variant);
+          return (0, _index.html)(_templateObject11_883ef8c01f2611eda0c389891c227ec8 || (_templateObject11_883ef8c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " "])), _variant);
         }
       }
     }], [{
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/q-r/q-r.js b/build/es5-amd/node_modules/@lrnwebcomponents/q-r/q-r.js
index 034cadbceb6..46b56161584 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/q-r/q-r.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/q-r/q-r.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_adf2ee301f0511ed8cc3e9a95995ad69, _templateObject2_adf2ee301f0511ed8cc3e9a95995ad69;
+  var _templateObject_884142b01f2611eda0c389891c227ec8, _templateObject2_884142b01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -47,7 +47,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
     babelHelpers.createClass(QR, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_adf2ee301f0511ed8cc3e9a95995ad69 || (_templateObject_adf2ee301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <qr-code\n        id=\"qr\"\n        data=\"", "\"\n        modulesize=\"", "\"\n        margin=\"", "\"\n        format=\"", "\"\n      ></qr-code>\n      <a href=\"", "\" id=\"link\">", "</a>\n    "])), this.data, this.modulesize, this.margin, this.format, this.data, this.title);
+        return (0, _index.html)(_templateObject_884142b01f2611eda0c389891c227ec8 || (_templateObject_884142b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <qr-code\n        id=\"qr\"\n        data=\"", "\"\n        modulesize=\"", "\"\n        margin=\"", "\"\n        format=\"", "\"\n      ></qr-code>\n      <a href=\"", "\" id=\"link\">", "</a>\n    "])), this.data, this.modulesize, this.margin, this.format, this.data, this.title);
       }
     }], [{
       key: "styles",
@@ -56,7 +56,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_adf2ee301f0511ed8cc3e9a95995ad69 || (_templateObject2_adf2ee301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        qr-code {\n          display: block;\n        }\n        #link {\n          position: absolute;\n          left: -10000px;\n          top: auto;\n          width: 1px;\n          height: 1px;\n          overflow: hidden;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_884142b01f2611eda0c389891c227ec8 || (_templateObject2_884142b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        qr-code {\n          display: block;\n        }\n        #link {\n          position: absolute;\n          left: -10000px;\n          top: auto;\n          width: 1px;\n          height: 1px;\n          overflow: hidden;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/r-coder/r-coder.js b/build/es5-amd/node_modules/@lrnwebcomponents/r-coder/r-coder.js
index c565652c437..00bd894eeed 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/r-coder/r-coder.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/r-coder/r-coder.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
   _exports.RCoder = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_adfdeab01f0511ed8cc3e9a95995ad69, _templateObject2_adfdeab01f0511ed8cc3e9a95995ad69;
+  var _templateObject_884c3f301f2611eda0c389891c227ec8, _templateObject2_884c3f301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -52,7 +52,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_adfdeab01f0511ed8cc3e9a95995ad69 || (_templateObject_adfdeab01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <code-editor id=\"editor\" language=\"r\"></code-editor>\n      <button\n        id=\"button\"\n        ?disabled=\"", "\"\n        @click=\"", "\"\n        raised\n      >\n        Process\n      </button>\n      <div id=\"output\"></div>"])), !this.__connected, this.process);
+        return (0, _index.html)(_templateObject_884c3f301f2611eda0c389891c227ec8 || (_templateObject_884c3f301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <code-editor id=\"editor\" language=\"r\"></code-editor>\n      <button\n        id=\"button\"\n        ?disabled=\"", "\"\n        @click=\"", "\"\n        raised\n      >\n        Process\n      </button>\n      <div id=\"output\"></div>"])), !this.__connected, this.process);
       } // haxProperty definition
 
     }, {
@@ -144,7 +144,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_adfdeab01f0511ed8cc3e9a95995ad69 || (_templateObject2_adfdeab01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #editor {\n          height: var(--r-coder-editor-height, 300px);\n          width: var(--r-coder-editor-width, 100%);\n        }\n\n        #button {\n          margin: var(--r-code-button-margin, 10px 0);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_884c3f301f2611eda0c389891c227ec8 || (_templateObject2_884c3f301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #editor {\n          height: var(--r-coder-editor-height, 300px);\n          width: var(--r-coder-editor-width, 100%);\n        }\n\n        #button {\n          margin: var(--r-code-button-margin, 10px 0);\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/random-image/random-image.js b/build/es5-amd/node_modules/@lrnwebcomponents/random-image/random-image.js
index 15739bf4f14..5d5c0a14887 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/random-image/random-image.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/random-image/random-image.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.RandomImage = void 0;
 
-  var _templateObject_9d9887701f0511ed8cc3e9a95995ad69, _templateObject2_9d9887701f0511ed8cc3e9a95995ad69;
+  var _templateObject_78a34e201f2611eda0c389891c227ec8, _templateObject2_78a34e201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -36,7 +36,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(RandomImage, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9d9887701f0511ed8cc3e9a95995ad69 || (_templateObject_9d9887701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <img\n        style=\"width:200px; height:200px;\"\n        class=\"", "\"\n        loading=\"lazy\"\n        src=\"", "\"\n        title=\"", "\"\n      />\n    "])), this.mode, this._imgSrc, this._imgTitle);
+        return (0, _index.html)(_templateObject_78a34e201f2611eda0c389891c227ec8 || (_templateObject_78a34e201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <img\n        style=\"width:200px; height:200px;\"\n        class=\"", "\"\n        loading=\"lazy\"\n        src=\"", "\"\n        title=\"", "\"\n      />\n    "])), this.mode, this._imgSrc, this._imgTitle);
       }
     }, {
       key: "_pickRandomProperty",
@@ -84,7 +84,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_9d9887701f0511ed8cc3e9a95995ad69 || (_templateObject2_9d9887701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .is-circle {\n          border: 1px solid grey;\n          border-radius: 50%;\n          box-shadow: 0px 5px 10px #ccc;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_78a34e201f2611eda0c389891c227ec8 || (_templateObject2_78a34e201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .is-circle {\n          border: 1px solid grey;\n          border-radius: 50%;\n          box-shadow: 0px 5px 10px #ccc;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-lite.js b/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-lite.js
index 82382753043..eed94ac35fc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-lite.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-lite.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./relative-heading-state-manager.js
   });
   _exports.RelativeHeadingLite = void 0;
 
-  var _templateObject_e4f2fa601f0511ed8cc3e9a95995ad69, _templateObject2_e4f2fa601f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb15cda01f2611eda0c389891c227ec8, _templateObject2_bb15cda01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -59,7 +59,7 @@ define(["exports", "../../../lit/index.js", "./relative-heading-state-manager.js
     }, {
       key: "template",
       get: function get() {
-        return (0, _index.html)(_templateObject_e4f2fa601f0511ed8cc3e9a95995ad69 || (_templateObject_e4f2fa601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+        return (0, _index.html)(_templateObject_bb15cda01f2611eda0c389891c227ec8 || (_templateObject_bb15cda01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
       }
     }, {
       key: "connectedCallback",
@@ -188,7 +188,7 @@ define(["exports", "../../../lit/index.js", "./relative-heading-state-manager.js
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_e4f2fa601f0511ed8cc3e9a95995ad69 || (_templateObject2_e4f2fa601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bb15cda01f2611eda0c389891c227ec8 || (_templateObject2_bb15cda01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-state-manager.js b/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-state-manager.js
index 06fac7ad545..3646693e9e8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-state-manager.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-state-manager.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
   _exports.RelativeHeadingStateManager = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e4ef77f01f0511ed8cc3e9a95995ad69, _templateObject2_e4ef77f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb1b9a001f2611eda0c389891c227ec8, _templateObject2_bb1b9a001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -78,7 +78,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
     babelHelpers.createClass(RelativeHeadingStateManager, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e4ef77f01f0511ed8cc3e9a95995ad69 || (_templateObject_e4ef77f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toast\n        id=\"relative-heading-toast\"\n        duration=\"5000\"\n        ?hidden=\"", "\"\n        ?disabled=\"", "\"\n        text=\"", ": ", "\"\n      >\n        <simple-icon-button-lite\n          icon=\"", "\"\n          label=\"", "\"\n          title=\"", "\"\n          @click=\"", "\"\n        ></simple-icon-button-lite>\n      </simple-toast>\n    "])), !this.usesCopyLink, !this.usesCopyLink, this.copyHeading.copyMessage || this.copyMessage, this.copyUrl, this.copyHeading.closeIcon || this.closeIcon, this.copyHeading.closeLabel || this.closeLabel, this.copyHeading.closeLabel || this.closeLabel, this.closeCopyLink);
+        return (0, _index.html)(_templateObject_bb1b9a001f2611eda0c389891c227ec8 || (_templateObject_bb1b9a001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-toast\n        id=\"relative-heading-toast\"\n        duration=\"5000\"\n        ?hidden=\"", "\"\n        ?disabled=\"", "\"\n        text=\"", ": ", "\"\n      >\n        <simple-icon-button-lite\n          icon=\"", "\"\n          label=\"", "\"\n          title=\"", "\"\n          @click=\"", "\"\n        ></simple-icon-button-lite>\n      </simple-toast>\n    "])), !this.usesCopyLink, !this.usesCopyLink, this.copyHeading.copyMessage || this.copyMessage, this.copyUrl, this.copyHeading.closeIcon || this.closeIcon, this.copyHeading.closeLabel || this.closeLabel, this.copyHeading.closeLabel || this.closeLabel, this.closeCopyLink);
       }
       /**
        * gets URL to be copied
@@ -349,7 +349,7 @@ define(["exports", "require", "../../../lit/index.js"], function (_exports, _req
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_e4ef77f01f0511ed8cc3e9a95995ad69 || (_templateObject2_e4ef77f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        simple-toast:not(:defined) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bb1b9a001f2611eda0c389891c227ec8 || (_templateObject2_bb1b9a001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        simple-toast:not(:defined) {\n          display: none;\n        }\n      "])))];
       }
     }]);
     return RelativeHeadingStateManager;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/relative-heading.js b/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/relative-heading.js
index eb5e3f3c01d..5d987f5a69d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/relative-heading.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/relative-heading.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/relative-heading-lite.js", "../a
   });
   _exports.RelativeHeading = void 0;
 
-  var _templateObject_ae1395901f0511ed8cc3e9a95995ad69, _templateObject2_ae1395901f0511ed8cc3e9a95995ad69, _templateObject3_ae1395901f0511ed8cc3e9a95995ad69, _templateObject4_ae1395901f0511ed8cc3e9a95995ad69;
+  var _templateObject_8860b1901f2611eda0c389891c227ec8, _templateObject2_8860b1901f2611eda0c389891c227ec8, _templateObject3_8860b1901f2611eda0c389891c227ec8, _templateObject4_8860b1901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -49,7 +49,7 @@ define(["exports", "../../lit/index.js", "./lib/relative-heading-lite.js", "../a
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_ae1395901f0511ed8cc3e9a95995ad69 || (_templateObject_ae1395901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " ", ""])), this.template, this.button);
+        return (0, _index.html)(_templateObject_8860b1901f2611eda0c389891c227ec8 || (_templateObject_8860b1901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " ", ""])), this.template, this.button);
       } // haxProperty definition
 
     }, {
@@ -72,7 +72,7 @@ define(["exports", "../../lit/index.js", "./lib/relative-heading-lite.js", "../a
     }, {
       key: "button",
       get: function get() {
-        return this.disableLink ? (0, _index.html)(_templateObject2_ae1395901f0511ed8cc3e9a95995ad69 || (_templateObject2_ae1395901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject3_ae1395901f0511ed8cc3e9a95995ad69 || (_templateObject3_ae1395901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <simple-icon-button-lite\n            controls=\"relative-heading-toast\"\n            .aria-describedby=\"", "\"\n            .icon=\"", "\"\n            .title=\"", "\"\n            ?hidden=\"", "\"\n            ?disabled=\"", "\"\n            @click=\"", "\"\n          >\n          </simple-icon-button-lite>\n        "])), this.id, this.linkIcon, this.linkLabel, this.disableLink, this.disableLink, this._handleCopyClick);
+        return this.disableLink ? (0, _index.html)(_templateObject2_8860b1901f2611eda0c389891c227ec8 || (_templateObject2_8860b1901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject3_8860b1901f2611eda0c389891c227ec8 || (_templateObject3_8860b1901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <simple-icon-button-lite\n            controls=\"relative-heading-toast\"\n            .aria-describedby=\"", "\"\n            .icon=\"", "\"\n            .title=\"", "\"\n            ?hidden=\"", "\"\n            ?disabled=\"", "\"\n            @click=\"", "\"\n          >\n          </simple-icon-button-lite>\n        "])), this.id, this.linkIcon, this.linkLabel, this.disableLink, this.disableLink, this._handleCopyClick);
       }
     }, {
       key: "_handleCopyClick",
@@ -83,7 +83,7 @@ define(["exports", "../../lit/index.js", "./lib/relative-heading-lite.js", "../a
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject4_ae1395901f0511ed8cc3e9a95995ad69 || (_templateObject4_ae1395901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-wrap: var(--relative-heading-wrap, wrap);\n          align-items: var(--relative-heading-align, center);\n          justify-content: flex-start;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        ::slotted(*) {\n          flex: 0 0 auto;\n        }\n\n        :host([link-align-right]) {\n          justify-content: space-between;\n        }\n\n        :host([link-align-right]) ::slotted(*) {\n          flex: 1 1 auto;\n        }\n\n        :host > simple-icon-button-lite:not(:defined) {\n          opacity: 0;\n        }\n\n        :host > simple-icon-button-lite {\n          flex: 0 0 auto;\n        }\n\n        simple-icon-button-lite {\n          color: var(--relative-heading-button-color, #666);\n          background: var(--relative-heading-button-bg);\n          border: var(--relative-heading-button-border);\n          outline: var(--relative-heading-button-outline);\n          margin: var(--relative-heading-button-margin, 0 0 0 8px);\n          padding: var(--relative-heading-button-padding, 8px);\n          opacity: var(--relative-heading-button-opacity, 0);\n          transition: var(--relative-heading-button-transition, all 0.5s);\n        }\n\n        :host([link-align-right]) simple-icon-button-lite,\n        :host(:not([link-align-right]):focus) simple-icon-button-lite,\n        :host(:not([link-align-right]):focus-within) simple-icon-button-lite,\n        :host(:not([link-align-right]):hover) simple-icon-button-lite {\n          opacity: var(--relative-heading-button-active-opacity, 1);\n        }\n\n        simple-icon-button-lite:focus-within,\n        simple-icon-button-lite:focus,\n        simple-icon-button-lite:hover {\n          color: var(--relative-heading-button-focus-color, #000);\n          background: var(--relative-heading-button-focus-bg);\n          border: var(--relative-heading-button-focus-border);\n          outline: var(--relative-heading-button-focus-outline);\n          opacity: var(--relative-heading-button-focus-opacity, 1);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_8860b1901f2611eda0c389891c227ec8 || (_templateObject4_8860b1901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-wrap: var(--relative-heading-wrap, wrap);\n          align-items: var(--relative-heading-align, center);\n          justify-content: flex-start;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        ::slotted(*) {\n          flex: 0 0 auto;\n        }\n\n        :host([link-align-right]) {\n          justify-content: space-between;\n        }\n\n        :host([link-align-right]) ::slotted(*) {\n          flex: 1 1 auto;\n        }\n\n        :host > simple-icon-button-lite:not(:defined) {\n          opacity: 0;\n        }\n\n        :host > simple-icon-button-lite {\n          flex: 0 0 auto;\n        }\n\n        simple-icon-button-lite {\n          color: var(--relative-heading-button-color, #666);\n          background: var(--relative-heading-button-bg);\n          border: var(--relative-heading-button-border);\n          outline: var(--relative-heading-button-outline);\n          margin: var(--relative-heading-button-margin, 0 0 0 8px);\n          padding: var(--relative-heading-button-padding, 8px);\n          opacity: var(--relative-heading-button-opacity, 0);\n          transition: var(--relative-heading-button-transition, all 0.5s);\n        }\n\n        :host([link-align-right]) simple-icon-button-lite,\n        :host(:not([link-align-right]):focus) simple-icon-button-lite,\n        :host(:not([link-align-right]):focus-within) simple-icon-button-lite,\n        :host(:not([link-align-right]):hover) simple-icon-button-lite {\n          opacity: var(--relative-heading-button-active-opacity, 1);\n        }\n\n        simple-icon-button-lite:focus-within,\n        simple-icon-button-lite:focus,\n        simple-icon-button-lite:hover {\n          color: var(--relative-heading-button-focus-color, #000);\n          background: var(--relative-heading-button-focus-bg);\n          border: var(--relative-heading-button-focus-border);\n          outline: var(--relative-heading-button-focus-outline);\n          opacity: var(--relative-heading-button-focus-opacity, 1);\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-clear.js b/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-clear.js
index 355e7160956..ebdb3a8366b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-clear.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-clear.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.ResponsiveGridClear = void 0;
 
-  var _templateObject_e501ee801f0511ed8cc3e9a95995ad69, _templateObject2_e501ee801f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb29cad01f2611eda0c389891c227ec8, _templateObject2_bb29cad01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -44,7 +44,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(ResponsiveGridClear, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e501ee801f0511ed8cc3e9a95995ad69 || (_templateObject_e501ee801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""])));
+        return (0, _index.html)(_templateObject_bb29cad01f2611eda0c389891c227ec8 || (_templateObject_bb29cad01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""])));
       }
     }], [{
       key: "styles",
@@ -53,7 +53,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e501ee801f0511ed8cc3e9a95995ad69 || (_templateObject2_e501ee801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n          clear: both;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bb29cad01f2611eda0c389891c227ec8 || (_templateObject2_bb29cad01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n          clear: both;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-col.js b/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-col.js
index 245993acfb0..0c3905f38cb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-col.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-col.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.ResponsiveGridCol = void 0;
 
-  var _templateObject_e5034e101f0511ed8cc3e9a95995ad69, _templateObject2_e5034e101f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb2b2a601f2611eda0c389891c227ec8, _templateObject2_bb2b2a601f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -47,7 +47,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(ResponsiveGridCol, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e5034e101f0511ed8cc3e9a95995ad69 || (_templateObject_e5034e101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"col-inner\"><slot></slot></div> "])));
+        return (0, _index.html)(_templateObject_bb2b2a601f2611eda0c389891c227ec8 || (_templateObject_bb2b2a601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"col-inner\"><slot></slot></div> "])));
       }
     }], [{
       key: "styles",
@@ -56,7 +56,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e5034e101f0511ed8cc3e9a95995ad69 || (_templateObject2_e5034e101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          position: relative;\n          min-height: 1px;\n          float: left;\n        }\n        :host:after {\n          clear: both;\n        }\n        #col-inner {\n          padding-left: var(--responsive-grid-col-inner-padding-left, 15px);\n          padding-right: var(--responsive-grid-col-inner-padding-right, 15px);\n        }\n        /* Hide Print-Only on Screen */\n        @media screen {\n          :host([print-only]) {\n            display: none;\n          }\n        }\n        /* Hide Screen-Only on Print */\n        @media print {\n          :host([screen-only]) {\n            display: none;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bb2b2a601f2611eda0c389891c227ec8 || (_templateObject2_bb2b2a601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          position: relative;\n          min-height: 1px;\n          float: left;\n        }\n        :host:after {\n          clear: both;\n        }\n        #col-inner {\n          padding-left: var(--responsive-grid-col-inner-padding-left, 15px);\n          padding-right: var(--responsive-grid-col-inner-padding-right, 15px);\n        }\n        /* Hide Print-Only on Screen */\n        @media screen {\n          :host([print-only]) {\n            display: none;\n          }\n        }\n        /* Hide Screen-Only on Print */\n        @media print {\n          :host([screen-only]) {\n            display: none;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-row.js b/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-row.js
index c687928e62c..c3141711166 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-row.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/responsive-grid/lib/responsive-grid-row.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../responsive-utility/responsive
   });
   _exports.ResponsiveGridRow = void 0;
 
-  var _templateObject_e50549e01f0511ed8cc3e9a95995ad69, _templateObject2_e50549e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb2d26301f2611eda0c389891c227ec8, _templateObject2_bb2d26301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -70,7 +70,7 @@ define(["exports", "../../../lit/index.js", "../../responsive-utility/responsive
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_e50549e01f0511ed8cc3e9a95995ad69 || (_templateObject_e50549e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <responsive-utility\n        xs=\"", "\"\n        sm=\"", "\"\n        md=\"", "\"\n        lg=\"", "\"\n        xl=\"", "\"\n        responsive-to-parent=\"", "\"\n      >\n      </responsive-utility>\n      <div id=\"row-inner\" screen=\"", "\" gutter=\"", "\">\n        <slot></slot>\n      </div>\n    "])), this.xs, this.sm, this.md, this.lg, this.xl, this.responsiveToParent, this.screen, this.gutter);
+        return (0, _index.html)(_templateObject_bb2d26301f2611eda0c389891c227ec8 || (_templateObject_bb2d26301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <responsive-utility\n        xs=\"", "\"\n        sm=\"", "\"\n        md=\"", "\"\n        lg=\"", "\"\n        xl=\"", "\"\n        responsive-to-parent=\"", "\"\n      >\n      </responsive-utility>\n      <div id=\"row-inner\" screen=\"", "\" gutter=\"", "\">\n        <slot></slot>\n      </div>\n    "])), this.xs, this.sm, this.md, this.lg, this.xl, this.responsiveToParent, this.screen, this.gutter);
       }
       /**
        * convention
@@ -117,7 +117,7 @@ define(["exports", "../../../lit/index.js", "../../responsive-utility/responsive
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e50549e01f0511ed8cc3e9a95995ad69 || (_templateObject2_e50549e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: 100%;\n          margin-right: auto;\n          margin-left: auto;\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n        :host:before,\n        :host:after {\n          content: \" \";\n          display: table;\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n        #row-inner {\n          margin-left: var(--responsive-grid-row-inner-margin-left, -15px);\n          margin-right: var(--responsive-grid-row-inner-margin-right, -15px);\n        }\n        :host #row-inner:before,\n        :host #row-inner:after {\n          content: \" \";\n          display: table;\n        }\n        :host #row-inner:after {\n          clear: both;\n        }\n        :host #row-inner:before,\n        :host #row-inner:after {\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-clear[xs]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-clear[sm]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-clear[md]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-clear[lg]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-clear[xl]) {\n          display: block;\n        }\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[xs=\"0\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[sm=\"0\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[md=\"0\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[lg=\"0\"]) {\n          display: inline-block;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"12\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"12\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"12\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"12\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"12\"]) {\n          width: 100%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"11\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"11\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"11\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"11\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"11\"]) {\n          width: 91.66666667%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"10\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"10\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"10\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"10\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"10\"]) {\n          width: 83.33333333%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"9\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"9\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"9\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"9\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"9\"]) {\n          width: 75%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"8\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"8\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"8\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"8\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"8\"]) {\n          width: 66.66666667%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"7\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"7\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"7\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"7\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"7\"]) {\n          width: 58.33333333%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"6\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"6\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"6\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"6\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"6\"]) {\n          width: 50%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"5\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"5\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"5\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"5\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"5\"]) {\n          width: 41.66666667%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"4\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"4\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"4\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"4\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"4\"]) {\n          width: 33.33333333%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"3\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"3\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"3\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"3\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"3\"]) {\n          width: 25%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"2\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"2\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"2\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"2\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"2\"]) {\n          width: 16.66666667%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"1\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"1\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"1\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"1\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"1\"]) {\n          width: 8.33333333%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"0\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"0\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"0\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"0\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"0\"]) {\n          display: none;\n        }\n        :host #row-inner ::slotted(* > #col-inner) {\n          padding: 0px;\n        }\n        :host #row-inner[gutter=\"1\"] ::slotted(* > #col-inner) {\n          padding: 5px;\n        }\n        :host #row-inner[gutter=\"2\"] ::slotted(* > #col-inner) {\n          padding: 10px;\n        }\n        :host #row-inner[gutter=\"3\"] ::slotted(* > #col-inner) {\n          padding: 15px;\n        }\n        :host #row-inner[gutter=\"4\"] ::slotted(* > #col-inner) {\n          padding: 20px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bb2d26301f2611eda0c389891c227ec8 || (_templateObject2_bb2d26301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: 100%;\n          margin-right: auto;\n          margin-left: auto;\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n        :host:before,\n        :host:after {\n          content: \" \";\n          display: table;\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n        #row-inner {\n          margin-left: var(--responsive-grid-row-inner-margin-left, -15px);\n          margin-right: var(--responsive-grid-row-inner-margin-right, -15px);\n        }\n        :host #row-inner:before,\n        :host #row-inner:after {\n          content: \" \";\n          display: table;\n        }\n        :host #row-inner:after {\n          clear: both;\n        }\n        :host #row-inner:before,\n        :host #row-inner:after {\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-clear[xs]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-clear[sm]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-clear[md]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-clear[lg]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-clear[xl]) {\n          display: block;\n        }\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[xs=\"0\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[sm=\"0\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[md=\"0\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[lg=\"0\"]) {\n          display: inline-block;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"12\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"12\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"12\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"12\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"12\"]) {\n          width: 100%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"11\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"11\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"11\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"11\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"11\"]) {\n          width: 91.66666667%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"10\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"10\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"10\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"10\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"10\"]) {\n          width: 83.33333333%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"9\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"9\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"9\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"9\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"9\"]) {\n          width: 75%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"8\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"8\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"8\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"8\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"8\"]) {\n          width: 66.66666667%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"7\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"7\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"7\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"7\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"7\"]) {\n          width: 58.33333333%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"6\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"6\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"6\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"6\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"6\"]) {\n          width: 50%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"5\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"5\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"5\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"5\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"5\"]) {\n          width: 41.66666667%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"4\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"4\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"4\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"4\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"4\"]) {\n          width: 33.33333333%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"3\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"3\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"3\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"3\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"3\"]) {\n          width: 25%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"2\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"2\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"2\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"2\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"2\"]) {\n          width: 16.66666667%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"1\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"1\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"1\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"1\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"1\"]) {\n          width: 8.33333333%;\n        }\n        #row-inner[screen=\"xs\"] ::slotted(responsive-grid-col[xs=\"0\"]),\n        #row-inner[screen=\"sm\"] ::slotted(responsive-grid-col[sm=\"0\"]),\n        #row-inner[screen=\"md\"] ::slotted(responsive-grid-col[md=\"0\"]),\n        #row-inner[screen=\"lg\"] ::slotted(responsive-grid-col[lg=\"0\"]),\n        #row-inner[screen=\"xl\"] ::slotted(responsive-grid-col[xl=\"0\"]) {\n          display: none;\n        }\n        :host #row-inner ::slotted(* > #col-inner) {\n          padding: 0px;\n        }\n        :host #row-inner[gutter=\"1\"] ::slotted(* > #col-inner) {\n          padding: 5px;\n        }\n        :host #row-inner[gutter=\"2\"] ::slotted(* > #col-inner) {\n          padding: 10px;\n        }\n        :host #row-inner[gutter=\"3\"] ::slotted(* > #col-inner) {\n          padding: 15px;\n        }\n        :host #row-inner[gutter=\"4\"] ::slotted(* > #col-inner) {\n          padding: 20px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/responsive-utility/lib/responsive-utility-behaviors.js b/build/es5-amd/node_modules/@lrnwebcomponents/responsive-utility/lib/responsive-utility-behaviors.js
index 8ee73fcbea2..6eba1c3e007 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/responsive-utility/lib/responsive-utility-behaviors.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/responsive-utility/lib/responsive-utility-behaviors.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../responsive-utility.js"], functio
   });
   _exports.ResponsiveUtilityBehaviors = void 0;
 
-  var _templateObject_e507e1f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb300c601f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -51,7 +51,7 @@ define(["exports", "../../../lit/index.js", "../responsive-utility.js"], functio
       babelHelpers.createClass(_class, [{
         key: "render",
         value: function render() {
-          return (0, _index.html)(_templateObject_e507e1f01f0511ed8cc3e9a95995ad69 || (_templateObject_e507e1f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
+          return (0, _index.html)(_templateObject_bb300c601f2611eda0c389891c227ec8 || (_templateObject_bb300c601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
         }
       }, {
         key: "firstUpdated",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/responsive-utility/responsive-utility.js b/build/es5-amd/node_modules/@lrnwebcomponents/responsive-utility/responsive-utility.js
index 01db8937b96..802289d9874 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/responsive-utility/responsive-utility.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/responsive-utility/responsive-utility.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../../@juggle/resize-observer/lib/expo
   });
   _exports.ResponsiveUtility = void 0;
 
-  var _templateObject_ae2410501f0511ed8cc3e9a95995ad69;
+  var _templateObject_887069001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -62,7 +62,7 @@ define(["exports", "../../lit/index.js", "../../@juggle/resize-observer/lib/expo
     babelHelpers.createClass(ResponsiveUtility, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ae2410501f0511ed8cc3e9a95995ad69 || (_templateObject_ae2410501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+        return (0, _index.html)(_templateObject_887069001f2611eda0c389891c227ec8 || (_templateObject_887069001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
       }
     }, {
       key: "connectedCallback",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/retro-card/retro-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/retro-card/retro-card.js
index a348a062f77..f0cfa810f45 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/retro-card/retro-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/retro-card/retro-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
   });
   _exports.RetroCard = void 0;
 
-  var _templateObject_ae2d11001f0511ed8cc3e9a95995ad69, _templateObject2_ae2d11001f0511ed8cc3e9a95995ad69, _templateObject3_ae2d11001f0511ed8cc3e9a95995ad69;
+  var _templateObject_8878f4801f2611eda0c389891c227ec8, _templateObject2_8878f4801f2611eda0c389891c227ec8, _templateObject3_8878f4801f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -63,8 +63,8 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_ae2d11001f0511ed8cc3e9a95995ad69 || (_templateObject_ae2d11001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <a\n      tabindex=\"-1\"\n      class=\"link ", "\"\n      href=\"", "\"\n      @click=\"", "\"\n    >\n      <img class=\"img\" loading=\"lazy\" src=\"", "\" alt=\"\" />\n      <span class=\"title\">", "</span>\n      <span class=\"name\">", "</span>\n      <span class=\"description\"><slot></slot></span>\n      <hr />\n      <div class=\"card-tags\">\n        ", "\n      </div>\n    </a>"])), this.color, this.url, this._clickCard, this.__source, this.title, this.subtitle, this.__cardTags.map(function (tag) {
-          return (0, _index.html)(_templateObject2_ae2d11001f0511ed8cc3e9a95995ad69 || (_templateObject2_ae2d11001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span class=\"project-tag\">", "</span>"])), tag.trim());
+        return (0, _index.html)(_templateObject_8878f4801f2611eda0c389891c227ec8 || (_templateObject_8878f4801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <a\n      tabindex=\"-1\"\n      class=\"link ", "\"\n      href=\"", "\"\n      @click=\"", "\"\n    >\n      <img class=\"img\" loading=\"lazy\" src=\"", "\" alt=\"\" />\n      <span class=\"title\">", "</span>\n      <span class=\"name\">", "</span>\n      <span class=\"description\"><slot></slot></span>\n      <hr />\n      <div class=\"card-tags\">\n        ", "\n      </div>\n    </a>"])), this.color, this.url, this._clickCard, this.__source, this.title, this.subtitle, this.__cardTags.map(function (tag) {
+          return (0, _index.html)(_templateObject2_8878f4801f2611eda0c389891c227ec8 || (_templateObject2_8878f4801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span class=\"project-tag\">", "</span>"])), tag.trim());
         }));
       } // haxProperty definition
 
@@ -189,7 +189,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(RetroCard), "styles", this)), [(0, _index.css)(_templateObject3_ae2d11001f0511ed8cc3e9a95995ad69 || (_templateObject3_ae2d11001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --retro-card-level-2: var(\n            --simple-colors-default-theme-accent-7,\n            #b8a515\n          );\n          --retro-card-level-1: var(\n            --simple-colors-default-theme-accent-6,\n            #e5cd1b\n          );\n          --retro-card-level-3: var(\n            --simple-colors-default-theme-accent-5,\n            #ead749\n          );\n          --retro-card-shadow: var(\n            --simple-colors-default-theme-accent-8,\n            rgba(229, 205, 27, 0.2)\n          );\n          --retro-card-light-color: #f4f1d0;\n          --retro-card-dark-color: #212121;\n        }\n\n        :host([dark]) {\n          --retro-card-dark-color: #f4f1d0;\n          --retro-card-light-color: #212121;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([hover-state]) .link:nth-child(1n + 0) {\n          box-shadow: 16px 16px 0px 0px var(--retro-card-shadow);\n          border: 16px solid var(--retro-card-level-2);\n          background-color: var(--retro-card-level-1);\n        }\n\n        :host([hover-state]) .link {\n          color: var(--retro-card-light-color);\n          text-decoration: underline;\n          padding: 1.25rem;\n          border: 16px var(--retro-card-level-1) solid;\n          box-shadow: 16px 16px 0px 0px var(--retro-card-shadow);\n          transition: background-color 0.2s ease-in-out 0s,\n            padding 0.4s ease-in-out 0s, border 0.4s ease-in-out 0s,\n            box-shadow 0.2s ease-in-out 0s;\n        }\n\n        .link:nth-child(1n + 0) {\n          background-color: var(--retro-card-level-3);\n          box-shadow: 8px 8px 0px 0px var(--retro-card-level-1);\n          border: 4px var(--retro-card-level-1) solid;\n        }\n\n        .link {\n          display: block;\n          background-color: var(--retro-card-level-3);\n          border: 4px var(--retro-card-level-1) solid;\n          padding: 2rem;\n          box-shadow: 8px 8px 0px 0px var(--retro-card-level-1);\n          transition: padding 0.4s ease-in-out 0s, border 0.4s ease-in-out 0s,\n            box-shadow 0.2s ease-in-out 0s;\n        }\n\n        .img {\n          -webkit-filter: grayscale(1);\n          filter: grayscale(1);\n          mix-blend-mode: screen;\n          border: 0;\n          max-width: 100%;\n          height: auto;\n          -ms-interpolation-mode: bicubic;\n          display: inline-block;\n          vertical-align: middle;\n          max-height: 200px;\n        }\n\n        .title {\n          display: block;\n          font-size: 1.5rem;\n          padding: 2rem 0 0 0;\n          text-transform: uppercase;\n          font-weight: 700;\n          text-align: center;\n        }\n\n        .description {\n          display: block;\n          font-size: 0.9rem;\n          padding: 0.75rem 1rem 0;\n        }\n\n        .card-tags {\n          line-height: 1.6;\n          text-align: center;\n          margin-bottom: 1rem;\n          text-rendering: optimizeLegibility;\n          font-weight: 300;\n        }\n\n        .project-tag {\n          font-size: 0.7rem;\n          padding: 0.25rem 0.5rem;\n          font-style: italic;\n          font-weight: 600;\n          color: var(--retro-card-light-color);\n          background: var(--retro-card-dark-color);\n          word-wrap: break-word;\n          padding: 0 0.5rem;\n          text-transform: uppercase;\n          margin-bottom: 2rem;\n          margin: 0 0.25rem 2rem 0;\n        }\n\n        hr {\n          border-bottom: 1px solid var(--retro-card-dark-color);\n          max-width: 75rem;\n          height: 0;\n          border-right: 0;\n          border-top: 0;\n          border-left: 0;\n          margin: 1.25rem auto;\n          clear: both;\n        }\n\n        a {\n          text-align: center;\n          color: var(--retro-card-dark-color);\n          text-decoration: none;\n          line-height: inherit;\n          cursor: pointer;\n          font-family: \"Roboto Mono\", Consolas, Monospace;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(RetroCard), "styles", this)), [(0, _index.css)(_templateObject3_8878f4801f2611eda0c389891c227ec8 || (_templateObject3_8878f4801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --retro-card-level-2: var(\n            --simple-colors-default-theme-accent-7,\n            #b8a515\n          );\n          --retro-card-level-1: var(\n            --simple-colors-default-theme-accent-6,\n            #e5cd1b\n          );\n          --retro-card-level-3: var(\n            --simple-colors-default-theme-accent-5,\n            #ead749\n          );\n          --retro-card-shadow: var(\n            --simple-colors-default-theme-accent-8,\n            rgba(229, 205, 27, 0.2)\n          );\n          --retro-card-light-color: #f4f1d0;\n          --retro-card-dark-color: #212121;\n        }\n\n        :host([dark]) {\n          --retro-card-dark-color: #f4f1d0;\n          --retro-card-light-color: #212121;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([hover-state]) .link:nth-child(1n + 0) {\n          box-shadow: 16px 16px 0px 0px var(--retro-card-shadow);\n          border: 16px solid var(--retro-card-level-2);\n          background-color: var(--retro-card-level-1);\n        }\n\n        :host([hover-state]) .link {\n          color: var(--retro-card-light-color);\n          text-decoration: underline;\n          padding: 1.25rem;\n          border: 16px var(--retro-card-level-1) solid;\n          box-shadow: 16px 16px 0px 0px var(--retro-card-shadow);\n          transition: background-color 0.2s ease-in-out 0s,\n            padding 0.4s ease-in-out 0s, border 0.4s ease-in-out 0s,\n            box-shadow 0.2s ease-in-out 0s;\n        }\n\n        .link:nth-child(1n + 0) {\n          background-color: var(--retro-card-level-3);\n          box-shadow: 8px 8px 0px 0px var(--retro-card-level-1);\n          border: 4px var(--retro-card-level-1) solid;\n        }\n\n        .link {\n          display: block;\n          background-color: var(--retro-card-level-3);\n          border: 4px var(--retro-card-level-1) solid;\n          padding: 2rem;\n          box-shadow: 8px 8px 0px 0px var(--retro-card-level-1);\n          transition: padding 0.4s ease-in-out 0s, border 0.4s ease-in-out 0s,\n            box-shadow 0.2s ease-in-out 0s;\n        }\n\n        .img {\n          -webkit-filter: grayscale(1);\n          filter: grayscale(1);\n          mix-blend-mode: screen;\n          border: 0;\n          max-width: 100%;\n          height: auto;\n          -ms-interpolation-mode: bicubic;\n          display: inline-block;\n          vertical-align: middle;\n          max-height: 200px;\n        }\n\n        .title {\n          display: block;\n          font-size: 1.5rem;\n          padding: 2rem 0 0 0;\n          text-transform: uppercase;\n          font-weight: 700;\n          text-align: center;\n        }\n\n        .description {\n          display: block;\n          font-size: 0.9rem;\n          padding: 0.75rem 1rem 0;\n        }\n\n        .card-tags {\n          line-height: 1.6;\n          text-align: center;\n          margin-bottom: 1rem;\n          text-rendering: optimizeLegibility;\n          font-weight: 300;\n        }\n\n        .project-tag {\n          font-size: 0.7rem;\n          padding: 0.25rem 0.5rem;\n          font-style: italic;\n          font-weight: 600;\n          color: var(--retro-card-light-color);\n          background: var(--retro-card-dark-color);\n          word-wrap: break-word;\n          padding: 0 0.5rem;\n          text-transform: uppercase;\n          margin-bottom: 2rem;\n          margin: 0 0.25rem 2rem 0;\n        }\n\n        hr {\n          border-bottom: 1px solid var(--retro-card-dark-color);\n          max-width: 75rem;\n          height: 0;\n          border-right: 0;\n          border-top: 0;\n          border-left: 0;\n          margin: 1.25rem auto;\n          clear: both;\n        }\n\n        a {\n          text-align: center;\n          color: var(--retro-card-dark-color);\n          text-decoration: none;\n          line-height: inherit;\n          cursor: pointer;\n          font-family: \"Roboto Mono\", Consolas, Monospace;\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-button.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-button.dev.js
index ed2d62109f0..7bb6e741cf8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-button.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-button.dev.js
@@ -205,20 +205,20 @@ function _getPrototypeOf(o) {
   return _getPrototypeOf(o);
 }
 
-function _templateObject2_050016301f0611ed8cc3e9a95995ad69() {
+function _templateObject2_dbedda901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n    :host {\n      --simple-toolbar-border-color: var(--rich-text-editor-border-color, #ddd);\n      --simple-toolbar-border-width: var(--rich-text-editor-border-width, 1px);\n      --simple-toolbar-button-opacity: var(\n        --rich-text-editor-button-opacity,\n        1\n      );\n      --simple-toolbar-button-color: var(--rich-text-editor-button-color, #444);\n      --simple-toolbar-button-bg: var(--rich-text-editor-button-bg, #ffffff);\n      --simple-toolbar-button-border-color: var(\n        --rich-text-editor-button-border-color,\n        transparent\n      );\n      --simple-toolbar-button-toggled-opacity: var(\n        --rich-text-editor-button-toggled-opacity,\n        1\n      );\n      --simple-toolbar-button-toggled-color: var(\n        --rich-text-editor-button-toggled-color,\n        #222\n      );\n      --simple-toolbar-button-toggled-bg: var(\n        --rich-text-editor-button-toggled-bg,\n        #ddd\n      );\n      --simple-toolbar-button-toggled-border-color: var(\n        --rich-text-editor-button-toggled-border-color,\n        transparent\n      );\n      --simple-toolbar-button-hover-opacity: var(\n        --rich-text-editor-button-hover-opacity,\n        1\n      );\n      --simple-toolbar-button-hover-color: var(\n        --rich-text-editor-button-hover-color,\n        #000\n      );\n      --simple-toolbar-button-hover-bg: var(\n        --rich-text-editor-button-hover-bg,\n        #f0f0f0\n      );\n      --simple-toolbar-button-hover-border-color: var(\n        --rich-text-editor-button-hover-border-color,\n        unset\n      );\n      --simple-toolbar-button-disabled-opacity: var(\n        --rich-text-editor-button-disabled-opacity,\n        1\n      );\n      --simple-toolbar-button-disabled-color: var(\n        --rich-text-editor-button-disabled-color,\n        #666\n      );\n      --simple-toolbar-button-disabled-bg: var(\n        --rich-text-editor-button-disabled-bg,\n        transparent\n      );\n      --simple-toolbar-button-disabled-border-color: var(\n        --rich-text-editor-button-disabled-border-color,\n        transparent\n      );\n    }\n    button[part="button"] {\n      border-radius: var(--rich-text-editor-button-disabled-border-radius, 0px);\n    }\n  ']);
 
-  _templateObject2_050016301f0611ed8cc3e9a95995ad69 = function _templateObject2_050016301f0611ed8cc3e9a95995ad69() {
+  _templateObject2_dbedda901f2611eda0c389891c227ec8 = function _templateObject2_dbedda901f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_050016301f0611ed8cc3e9a95995ad69() {
+function _templateObject_dbedda901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n    :host {\n      --simple-toolbar-border-color: var(--rich-text-editor-border-color, #ddd);\n      --simple-toolbar-border-width: var(--rich-text-editor-border-width, 1px);\n      --simple-toolbar-button-bg: var(--rich-text-editor-bg, #ffffff);\n      --simple-fields-focus-color: var(--rich-text-editor-focus-color, blue);\n      --simple-fields-invalid-color: var(--rich-text-editor-error-color, #800);\n    }\n  "]);
 
-  _templateObject_050016301f0611ed8cc3e9a95995ad69 = function _templateObject_050016301f0611ed8cc3e9a95995ad69() {
+  _templateObject_dbedda901f2611eda0c389891c227ec8 = function _templateObject_dbedda901f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -247,7 +247,7 @@ function _taggedTemplateLiteral(strings, raw) {
  */
 
 
-var RichTextStyles = [(0, _litElement.css)(_templateObject_050016301f0611ed8cc3e9a95995ad69())];
+var RichTextStyles = [(0, _litElement.css)(_templateObject_dbedda901f2611eda0c389891c227ec8())];
 /**
  * RichTextStyles
  *
@@ -260,7 +260,7 @@ var RichTextStyles = [(0, _litElement.css)(_templateObject_050016301f0611ed8cc3e
  */
 
 exports.RichTextStyles = RichTextStyles;
-var RichTextToolbarStyles = [].concat(RichTextStyles, [(0, _litElement.css)(_templateObject2_050016301f0611ed8cc3e9a95995ad69())]);
+var RichTextToolbarStyles = [].concat(RichTextStyles, [(0, _litElement.css)(_templateObject2_dbedda901f2611eda0c389891c227ec8())]);
 /**
  * RichTextEditorButtonBehaviors
  *
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-emoji-picker.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-emoji-picker.dev.js
index 7c651a85e48..5396b19c38b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-emoji-picker.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-emoji-picker.dev.js
@@ -74,10 +74,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_050212001f0611ed8cc3e9a95995ad69() {
+function _templateObject2_dbf04b901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([""]);
 
-  _templateObject2_050212001f0611ed8cc3e9a95995ad69 = function _templateObject2_050212001f0611ed8cc3e9a95995ad69() {
+  _templateObject2_dbf04b901f2611eda0c389891c227ec8 = function _templateObject2_dbf04b901f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -106,10 +106,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_050212001f0611ed8cc3e9a95995ad69() {
+function _templateObject_dbf04b901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <simple-emoji-picker\n        id="button"\n        ?allow-null="', '"\n        class="rtebutton ', "-label ", '"\n        .controls="', '"\n        ?disabled="', '"\n        .emoji-types="', '"\n        @keydown="', '"\n        .label="', '"\n        @mouseover="', '"\n        tabindex="0"\n        title-as-html\n        ?toggled="', '"\n        @value-changed="', '"\n      >\n      </simple-emoji-picker>\n      ', "\n    "]);
 
-  _templateObject_050212001f0611ed8cc3e9a95995ad69 = function _templateObject_050212001f0611ed8cc3e9a95995ad69() {
+  _templateObject_dbf04b901f2611eda0c389891c227ec8 = function _templateObject_dbf04b901f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -248,7 +248,7 @@ var RichTextEditorEmojiPicker = /*#__PURE__*/function (_RichTextEditorPicker) {
     // render function for template
     // render function for template
     value: function render() {
-      return (0, _litElement.html)(_templateObject_050212001f0611ed8cc3e9a95995ad69(), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", _get(_getPrototypeOf(RichTextEditorEmojiPicker.prototype), "controls", this), this.disabled, this.emojiTypes, this._pickerFocus, this.currentLabel, this._pickerFocus, this.toggled, this._pickerChange, _get(_getPrototypeOf(RichTextEditorEmojiPicker.prototype), "tooltipTemplate", this));
+      return (0, _litElement.html)(_templateObject_dbf04b901f2611eda0c389891c227ec8(), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", _get(_getPrototypeOf(RichTextEditorEmojiPicker.prototype), "controls", this), this.disabled, this.emojiTypes, this._pickerFocus, this.currentLabel, this._pickerFocus, this.toggled, this._pickerChange, _get(_getPrototypeOf(RichTextEditorEmojiPicker.prototype), "tooltipTemplate", this));
     } // properties available to the custom element for data binding
 
   }], [{
@@ -264,7 +264,7 @@ var RichTextEditorEmojiPicker = /*#__PURE__*/function (_RichTextEditorPicker) {
   }, {
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(RichTextEditorEmojiPicker), "styles", this)), [(0, _litElement.css)(_templateObject2_050212001f0611ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(RichTextEditorEmojiPicker), "styles", this)), [(0, _litElement.css)(_templateObject2_dbf04b901f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-icon-picker.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-icon-picker.dev.js
index bdab36d9eee..f607c5a4de9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-icon-picker.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-icon-picker.dev.js
@@ -74,10 +74,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_0506f4001f0611ed8cc3e9a95995ad69() {
+function _templateObject2_dbf4df701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        #button.show-label::part(label) {\n          padding: 0;\n          margin-right: 0;\n          margin-left: 4px;\n        }\n        #button.show-label::part(sample) {\n          min-height: var(--simple-picker-option-size, 24px);\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n        #button.show-label::part(sample-option) {\n          display: none;\n        }\n      "]);
 
-  _templateObject2_0506f4001f0611ed8cc3e9a95995ad69 = function _templateObject2_0506f4001f0611ed8cc3e9a95995ad69() {
+  _templateObject2_dbf4df701f2611eda0c389891c227ec8 = function _templateObject2_dbf4df701f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -106,10 +106,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_0506f4001f0611ed8cc3e9a95995ad69() {
+function _templateObject_dbf4df701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <simple-icon-picker\n        id="button"\n        ?allow-null="', '"\n        class="rtebutton ', "-label ", '"\n        .controls="', '"\n        ?disabled="', '"\n        .icons="', '"\n        .excludes="', '"\n        .includeSets="', '"\n        .excludeSets="', '"\n        @keydown="', '"\n        .label="', '"\n        @mouseover="', '"\n        tabindex="0"\n        ?toggled="', '"\n        @value-changed="', '"\n      >\n      </simple-icon-picker>\n      ', "\n    "]);
 
-  _templateObject_0506f4001f0611ed8cc3e9a95995ad69 = function _templateObject_0506f4001f0611ed8cc3e9a95995ad69() {
+  _templateObject_dbf4df701f2611eda0c389891c227ec8 = function _templateObject_dbf4df701f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -248,7 +248,7 @@ var RichTextEditorIconPicker = /*#__PURE__*/function (_RichTextEditorPicker) {
     // render function for template
     // render function for template
     value: function render() {
-      return (0, _litElement.html)(_templateObject_0506f4001f0611ed8cc3e9a95995ad69(), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", _get(_getPrototypeOf(RichTextEditorIconPicker.prototype), "controls", this), this.disabled, this.icons, this.excludes, this.includeSets, this.excludeSets, this._pickerFocus, this.currentLabel, this._pickerFocus, this.toggled, this._pickerChange, _get(_getPrototypeOf(RichTextEditorIconPicker.prototype), "tooltipTemplate", this));
+      return (0, _litElement.html)(_templateObject_dbf4df701f2611eda0c389891c227ec8(), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", _get(_getPrototypeOf(RichTextEditorIconPicker.prototype), "controls", this), this.disabled, this.icons, this.excludes, this.includeSets, this.excludeSets, this._pickerFocus, this.currentLabel, this._pickerFocus, this.toggled, this._pickerChange, _get(_getPrototypeOf(RichTextEditorIconPicker.prototype), "tooltipTemplate", this));
     } // properties available to the custom element for data binding
 
   }], [{
@@ -264,7 +264,7 @@ var RichTextEditorIconPicker = /*#__PURE__*/function (_RichTextEditorPicker) {
   }, {
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(RichTextEditorIconPicker), "styles", this)), [(0, _litElement.css)(_templateObject2_0506f4001f0611ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(RichTextEditorIconPicker), "styles", this)), [(0, _litElement.css)(_templateObject2_dbf4df701f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-picker.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-picker.dev.js
index cc5efe513ea..326190e360d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-picker.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-picker.dev.js
@@ -74,10 +74,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_051042d01f0611ed8cc3e9a95995ad69() {
+function _templateObject2_dbfd6af01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host {\n            align-items: center;\n            --simple-picker-background-color: var(--simple-toolbar-button-bg);\n            --simple-picker-color-active: var(\n              --simple-toolbar-button-hover-color\n            );\n            --simple-picker-background-color-active: var(\n              --simple-toolbar-button-hover-bg\n            );\n            --simple-picker-color-disabled: var(\n              --simple-toolbar-button-disabled-color\n            );\n            --simple-picker-background-color-disabled: var(\n              --simple-toolbar-button-disabled-bg\n            );\n            --simple-picker-border-radius: 0px;\n            --simple-picker-border-width: 0px;\n            --simple-picker-option-size: calc(\n              24px - 2 * var(--simple-picker-sample-padding, 2px)\n            );\n            --simple-picker-icon-size: 16px;\n            --simple-picker-options-border-width: 1px;\n            --simple-picker-options-border: var(\n                --simple-picker-options-border-width,\n                1px\n              )\n              solid\n              var(\n                --simple-toolbar-border-color,\n                var(--rich-text-editor-border-color, #ddd)\n              );\n          }\n          #button {\n            margin-top: 0;\n            margin-bottom: 0;\n          }\n          #button.hide-label::part(label) {\n            position: absolute;\n            left: -999999px;\n            top: 0;\n            width: 0px;\n            height: 0px;\n            overflow: hidden;\n          }\n        "]);
 
-  _templateObject2_051042d01f0611ed8cc3e9a95995ad69 = function _templateObject2_051042d01f0611ed8cc3e9a95995ad69() {
+  _templateObject2_dbfd6af01f2611eda0c389891c227ec8 = function _templateObject2_dbfd6af01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -106,10 +106,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_051042d01f0611ed8cc3e9a95995ad69() {
+function _templateObject_dbfd6af01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <simple-picker\n          id="button"\n          ?allow-null="', '"\n          class="rtebutton ', "-label ", '"\n          ?disabled="', '"\n          ?hide-null-option="', '"\n          .controls="', '"\n          .options="', '"\n          @mouseover="', '"\n          @keydown="', '"\n          .label="', '"\n          @value-changed="', '"\n          tabindex="0"\n          ?title-as-html="', '"\n          .value="', '"\n        >\n        </simple-picker>\n        ', "\n      "]);
 
-  _templateObject_051042d01f0611ed8cc3e9a95995ad69 = function _templateObject_051042d01f0611ed8cc3e9a95995ad69() {
+  _templateObject_dbfd6af01f2611eda0c389891c227ec8 = function _templateObject_dbfd6af01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -244,7 +244,7 @@ var RichTextEditorPickerBehaviors = function RichTextEditorPickerBehaviors(Super
     _createClass(_class, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_051042d01f0611ed8cc3e9a95995ad69(), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", this.disabled, this.hideNullOption, _get(_getPrototypeOf(_class.prototype), "controls", this), this.options, this._pickerFocus, this._pickerFocus, this.currentLabel, this._pickerChange, this.titleAsHtml, this.value, _get(_getPrototypeOf(_class.prototype), "tooltipTemplate", this));
+        return (0, _litElement.html)(_templateObject_dbfd6af01f2611eda0c389891c227ec8(), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", this.disabled, this.hideNullOption, _get(_getPrototypeOf(_class.prototype), "controls", this), this.options, this._pickerFocus, this._pickerFocus, this.currentLabel, this._pickerChange, this.titleAsHtml, this.value, _get(_getPrototypeOf(_class.prototype), "tooltipTemplate", this));
       }
     }], [{
       key: "tag",
@@ -258,7 +258,7 @@ var RichTextEditorPickerBehaviors = function RichTextEditorPickerBehaviors(Super
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "styles", this)), [(0, _litElement.css)(_templateObject2_051042d01f0611ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "styles", this)), [(0, _litElement.css)(_templateObject2_dbfd6af01f2611eda0c389891c227ec8())]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-symbol-picker.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-symbol-picker.dev.js
index 7d45534ba86..1d8a968d17d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-symbol-picker.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-symbol-picker.dev.js
@@ -74,10 +74,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_051795d01f0611ed8cc3e9a95995ad69() {
+function _templateObject_dc0385701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <simple-symbol-picker\n        id="button"\n        ?allow-null="', '"\n        class="rtebutton ', "-label ", '"\n        .controls="', '"\n        ?disabled="', '"\n        @keydown="', '"\n        .label="', '"\n        @mouseover="', '"\n        .symbol-types="', '"\n        tabindex="0"\n        title-as-html\n        ?toggled="', '"\n        @value-changed="', '"\n      >\n      </simple-symbol-picker>\n      ', "\n    "]);
 
-  _templateObject_051795d01f0611ed8cc3e9a95995ad69 = function _templateObject_051795d01f0611ed8cc3e9a95995ad69() {
+  _templateObject_dc0385701f2611eda0c389891c227ec8 = function _templateObject_dc0385701f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -215,7 +215,7 @@ var RichTextEditorSymbolPicker = /*#__PURE__*/function (_RichTextEditorPicker) {
     key: "render",
     // render function for template
     value: function render() {
-      return (0, _litElement.html)(_templateObject_051795d01f0611ed8cc3e9a95995ad69(), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", _get(_getPrototypeOf(RichTextEditorSymbolPicker.prototype), "controls", this), this.disabled, this._pickerFocus, this.currentLabel, this._pickerFocus, this.symbolTypes, this.toggled, this._pickerChange, _get(_getPrototypeOf(RichTextEditorSymbolPicker.prototype), "tooltipTemplate", this));
+      return (0, _litElement.html)(_templateObject_dc0385701f2611eda0c389891c227ec8(), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", _get(_getPrototypeOf(RichTextEditorSymbolPicker.prototype), "controls", this), this.disabled, this._pickerFocus, this.currentLabel, this._pickerFocus, this.symbolTypes, this.toggled, this._pickerChange, _get(_getPrototypeOf(RichTextEditorSymbolPicker.prototype), "tooltipTemplate", this));
     } // properties available to the custom element for data binding
 
   }], [{
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-button.js
index a073f1168fa..d0d06e8df12 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "../../../simple-toolbar/lib/simp
   });
   _exports.RichTextToolbarStyles = _exports.RichTextStyles = _exports.RichTextEditorButtonBehaviors = _exports.RichTextEditorButton = void 0;
 
-  var _templateObject_f1b8efc01f0511ed8cc3e9a95995ad69, _templateObject2_f1b8efc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_c8b7cb201f2611eda0c389891c227ec8, _templateObject2_c8b7cb201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -25,7 +25,7 @@ define(["exports", "../../../../lit/index.js", "../../../simple-toolbar/lib/simp
    * @default
    * @type {array}
    */
-  var RichTextStyles = [(0, _index.css)(_templateObject_f1b8efc01f0511ed8cc3e9a95995ad69 || (_templateObject_f1b8efc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    :host {\n      --simple-toolbar-border-color: var(--rich-text-editor-border-color, #ddd);\n      --simple-toolbar-border-width: var(--rich-text-editor-border-width, 1px);\n      --simple-toolbar-button-bg: var(--rich-text-editor-bg, #ffffff);\n      --simple-fields-focus-color: var(--rich-text-editor-focus-color, blue);\n      --simple-fields-invalid-color: var(--rich-text-editor-error-color, #800);\n    }\n  "])))];
+  var RichTextStyles = [(0, _index.css)(_templateObject_c8b7cb201f2611eda0c389891c227ec8 || (_templateObject_c8b7cb201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    :host {\n      --simple-toolbar-border-color: var(--rich-text-editor-border-color, #ddd);\n      --simple-toolbar-border-width: var(--rich-text-editor-border-width, 1px);\n      --simple-toolbar-button-bg: var(--rich-text-editor-bg, #ffffff);\n      --simple-fields-focus-color: var(--rich-text-editor-focus-color, blue);\n      --simple-fields-invalid-color: var(--rich-text-editor-error-color, #800);\n    }\n  "])))];
   /**
    * RichTextStyles
    *
@@ -38,7 +38,7 @@ define(["exports", "../../../../lit/index.js", "../../../simple-toolbar/lib/simp
    */
 
   _exports.RichTextStyles = RichTextStyles;
-  var RichTextToolbarStyles = [].concat(RichTextStyles, [(0, _index.css)(_templateObject2_f1b8efc01f0511ed8cc3e9a95995ad69 || (_templateObject2_f1b8efc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    :host {\n      --simple-toolbar-border-color: var(--rich-text-editor-border-color, #ddd);\n      --simple-toolbar-border-width: var(--rich-text-editor-border-width, 1px);\n      --simple-toolbar-button-opacity: var(\n        --rich-text-editor-button-opacity,\n        1\n      );\n      --simple-toolbar-button-color: var(--rich-text-editor-button-color, #444);\n      --simple-toolbar-button-bg: var(--rich-text-editor-button-bg, #ffffff);\n      --simple-toolbar-button-border-color: var(\n        --rich-text-editor-button-border-color,\n        transparent\n      );\n      --simple-toolbar-button-toggled-opacity: var(\n        --rich-text-editor-button-toggled-opacity,\n        1\n      );\n      --simple-toolbar-button-toggled-color: var(\n        --rich-text-editor-button-toggled-color,\n        #222\n      );\n      --simple-toolbar-button-toggled-bg: var(\n        --rich-text-editor-button-toggled-bg,\n        #ddd\n      );\n      --simple-toolbar-button-toggled-border-color: var(\n        --rich-text-editor-button-toggled-border-color,\n        transparent\n      );\n      --simple-toolbar-button-hover-opacity: var(\n        --rich-text-editor-button-hover-opacity,\n        1\n      );\n      --simple-toolbar-button-hover-color: var(\n        --rich-text-editor-button-hover-color,\n        #000\n      );\n      --simple-toolbar-button-hover-bg: var(\n        --rich-text-editor-button-hover-bg,\n        #f0f0f0\n      );\n      --simple-toolbar-button-hover-border-color: var(\n        --rich-text-editor-button-hover-border-color,\n        unset\n      );\n      --simple-toolbar-button-disabled-opacity: var(\n        --rich-text-editor-button-disabled-opacity,\n        1\n      );\n      --simple-toolbar-button-disabled-color: var(\n        --rich-text-editor-button-disabled-color,\n        #666\n      );\n      --simple-toolbar-button-disabled-bg: var(\n        --rich-text-editor-button-disabled-bg,\n        transparent\n      );\n      --simple-toolbar-button-disabled-border-color: var(\n        --rich-text-editor-button-disabled-border-color,\n        transparent\n      );\n    }\n    button[part=\"button\"] {\n      border-radius: var(--rich-text-editor-button-disabled-border-radius, 0px);\n    }\n  "])))]);
+  var RichTextToolbarStyles = [].concat(RichTextStyles, [(0, _index.css)(_templateObject2_c8b7cb201f2611eda0c389891c227ec8 || (_templateObject2_c8b7cb201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    :host {\n      --simple-toolbar-border-color: var(--rich-text-editor-border-color, #ddd);\n      --simple-toolbar-border-width: var(--rich-text-editor-border-width, 1px);\n      --simple-toolbar-button-opacity: var(\n        --rich-text-editor-button-opacity,\n        1\n      );\n      --simple-toolbar-button-color: var(--rich-text-editor-button-color, #444);\n      --simple-toolbar-button-bg: var(--rich-text-editor-button-bg, #ffffff);\n      --simple-toolbar-button-border-color: var(\n        --rich-text-editor-button-border-color,\n        transparent\n      );\n      --simple-toolbar-button-toggled-opacity: var(\n        --rich-text-editor-button-toggled-opacity,\n        1\n      );\n      --simple-toolbar-button-toggled-color: var(\n        --rich-text-editor-button-toggled-color,\n        #222\n      );\n      --simple-toolbar-button-toggled-bg: var(\n        --rich-text-editor-button-toggled-bg,\n        #ddd\n      );\n      --simple-toolbar-button-toggled-border-color: var(\n        --rich-text-editor-button-toggled-border-color,\n        transparent\n      );\n      --simple-toolbar-button-hover-opacity: var(\n        --rich-text-editor-button-hover-opacity,\n        1\n      );\n      --simple-toolbar-button-hover-color: var(\n        --rich-text-editor-button-hover-color,\n        #000\n      );\n      --simple-toolbar-button-hover-bg: var(\n        --rich-text-editor-button-hover-bg,\n        #f0f0f0\n      );\n      --simple-toolbar-button-hover-border-color: var(\n        --rich-text-editor-button-hover-border-color,\n        unset\n      );\n      --simple-toolbar-button-disabled-opacity: var(\n        --rich-text-editor-button-disabled-opacity,\n        1\n      );\n      --simple-toolbar-button-disabled-color: var(\n        --rich-text-editor-button-disabled-color,\n        #666\n      );\n      --simple-toolbar-button-disabled-bg: var(\n        --rich-text-editor-button-disabled-bg,\n        transparent\n      );\n      --simple-toolbar-button-disabled-border-color: var(\n        --rich-text-editor-button-disabled-border-color,\n        transparent\n      );\n    }\n    button[part=\"button\"] {\n      border-radius: var(--rich-text-editor-button-disabled-border-radius, 0px);\n    }\n  "])))]);
   /**
    * RichTextEditorButtonBehaviors
    *
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-emoji-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-emoji-picker.js
index cd472f40eb7..82a84e531be 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-emoji-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-emoji-picker.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-picker.js", "
   });
   _exports.RichTextEditorEmojiPicker = void 0;
 
-  var _templateObject_f1bebc201f0511ed8cc3e9a95995ad69, _templateObject2_f1bebc201f0511ed8cc3e9a95995ad69;
+  var _templateObject_c8ba3c201f2611eda0c389891c227ec8, _templateObject2_c8ba3c201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -50,7 +50,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-picker.js", "
       value: // render function for template
       // render function for template
       function render() {
-        return (0, _index.html)(_templateObject_f1bebc201f0511ed8cc3e9a95995ad69 || (_templateObject_f1bebc201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-emoji-picker\n        id=\"button\"\n        ?allow-null=\"", "\"\n        class=\"rtebutton ", "-label ", "\"\n        .controls=\"", "\"\n        ?disabled=\"", "\"\n        .emoji-types=\"", "\"\n        @keydown=\"", "\"\n        .label=\"", "\"\n        @mouseover=\"", "\"\n        tabindex=\"0\"\n        title-as-html\n        ?toggled=\"", "\"\n        @value-changed=\"", "\"\n      >\n      </simple-emoji-picker>\n      ", "\n    "])), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorEmojiPicker.prototype), "controls", this), this.disabled, this.emojiTypes, this._pickerFocus, this.currentLabel, this._pickerFocus, this.toggled, this._pickerChange, babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorEmojiPicker.prototype), "tooltipTemplate", this));
+        return (0, _index.html)(_templateObject_c8ba3c201f2611eda0c389891c227ec8 || (_templateObject_c8ba3c201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-emoji-picker\n        id=\"button\"\n        ?allow-null=\"", "\"\n        class=\"rtebutton ", "-label ", "\"\n        .controls=\"", "\"\n        ?disabled=\"", "\"\n        .emoji-types=\"", "\"\n        @keydown=\"", "\"\n        .label=\"", "\"\n        @mouseover=\"", "\"\n        tabindex=\"0\"\n        title-as-html\n        ?toggled=\"", "\"\n        @value-changed=\"", "\"\n      >\n      </simple-emoji-picker>\n      ", "\n    "])), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorEmojiPicker.prototype), "controls", this), this.disabled, this.emojiTypes, this._pickerFocus, this.currentLabel, this._pickerFocus, this.toggled, this._pickerChange, babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorEmojiPicker.prototype), "tooltipTemplate", this));
       } // properties available to the custom element for data binding
 
     }, {
@@ -86,7 +86,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-picker.js", "
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorEmojiPicker), "styles", this)), [(0, _index.css)(_templateObject2_f1bebc201f0511ed8cc3e9a95995ad69 || (_templateObject2_f1bebc201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorEmojiPicker), "styles", this)), [(0, _index.css)(_templateObject2_c8ba3c201f2611eda0c389891c227ec8 || (_templateObject2_c8ba3c201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-icon-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-icon-picker.js
index 5425f701aa0..698b02c2120 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-icon-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-icon-picker.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-picker.js", "
   });
   _exports.RichTextEditorIconPicker = void 0;
 
-  var _templateObject_f1c12d201f0511ed8cc3e9a95995ad69, _templateObject2_f1c12d201f0511ed8cc3e9a95995ad69;
+  var _templateObject_c8c056a01f2611eda0c389891c227ec8, _templateObject2_c8c056a01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -58,7 +58,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-picker.js", "
       value: // render function for template
       // render function for template
       function render() {
-        return (0, _index.html)(_templateObject_f1c12d201f0511ed8cc3e9a95995ad69 || (_templateObject_f1c12d201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-picker\n        id=\"button\"\n        ?allow-null=\"", "\"\n        class=\"rtebutton ", "-label ", "\"\n        .controls=\"", "\"\n        ?disabled=\"", "\"\n        .icons=\"", "\"\n        .excludes=\"", "\"\n        .includeSets=\"", "\"\n        .excludeSets=\"", "\"\n        @keydown=\"", "\"\n        .label=\"", "\"\n        @mouseover=\"", "\"\n        tabindex=\"0\"\n        ?toggled=\"", "\"\n        @value-changed=\"", "\"\n      >\n      </simple-icon-picker>\n      ", "\n    "])), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorIconPicker.prototype), "controls", this), this.disabled, this.icons, this.excludes, this.includeSets, this.excludeSets, this._pickerFocus, this.currentLabel, this._pickerFocus, this.toggled, this._pickerChange, babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorIconPicker.prototype), "tooltipTemplate", this));
+        return (0, _index.html)(_templateObject_c8c056a01f2611eda0c389891c227ec8 || (_templateObject_c8c056a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-picker\n        id=\"button\"\n        ?allow-null=\"", "\"\n        class=\"rtebutton ", "-label ", "\"\n        .controls=\"", "\"\n        ?disabled=\"", "\"\n        .icons=\"", "\"\n        .excludes=\"", "\"\n        .includeSets=\"", "\"\n        .excludeSets=\"", "\"\n        @keydown=\"", "\"\n        .label=\"", "\"\n        @mouseover=\"", "\"\n        tabindex=\"0\"\n        ?toggled=\"", "\"\n        @value-changed=\"", "\"\n      >\n      </simple-icon-picker>\n      ", "\n    "])), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorIconPicker.prototype), "controls", this), this.disabled, this.icons, this.excludes, this.includeSets, this.excludeSets, this._pickerFocus, this.currentLabel, this._pickerFocus, this.toggled, this._pickerChange, babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorIconPicker.prototype), "tooltipTemplate", this));
       } // properties available to the custom element for data binding
 
     }, {
@@ -96,7 +96,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-picker.js", "
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorIconPicker), "styles", this)), [(0, _index.css)(_templateObject2_f1c12d201f0511ed8cc3e9a95995ad69 || (_templateObject2_f1c12d201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        #button.show-label::part(label) {\n          padding: 0;\n          margin-right: 0;\n          margin-left: 4px;\n        }\n        #button.show-label::part(sample) {\n          min-height: var(--simple-picker-option-size, 24px);\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n        #button.show-label::part(sample-option) {\n          display: none;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorIconPicker), "styles", this)), [(0, _index.css)(_templateObject2_c8c056a01f2611eda0c389891c227ec8 || (_templateObject2_c8c056a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        #button.show-label::part(label) {\n          padding: 0;\n          margin-right: 0;\n          margin-left: 4px;\n        }\n        #button.show-label::part(sample) {\n          min-height: var(--simple-picker-option-size, 24px);\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n        #button.show-label::part(sample-option) {\n          display: none;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-picker.js
index 17e74a8a4f8..dd8cf9918c4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-picker.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-button.js", "
   });
   _exports.RichTextEditorPickerBehaviors = _exports.RichTextEditorPicker = void 0;
 
-  var _templateObject_f1caf1201f0511ed8cc3e9a95995ad69, _templateObject2_f1caf1201f0511ed8cc3e9a95995ad69;
+  var _templateObject_c8cb2c101f2611eda0c389891c227ec8, _templateObject2_c8cb2c101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -47,7 +47,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-button.js", "
       babelHelpers.createClass(_class, [{
         key: "render",
         value: function render() {
-          return (0, _index.html)(_templateObject_f1caf1201f0511ed8cc3e9a95995ad69 || (_templateObject_f1caf1201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <simple-picker\n          id=\"button\"\n          ?allow-null=\"", "\"\n          class=\"rtebutton ", "-label ", "\"\n          ?disabled=\"", "\"\n          ?hide-null-option=\"", "\"\n          .controls=\"", "\"\n          .options=\"", "\"\n          @mouseover=\"", "\"\n          @keydown=\"", "\"\n          .label=\"", "\"\n          @value-changed=\"", "\"\n          tabindex=\"0\"\n          ?title-as-html=\"", "\"\n          .value=\"", "\"\n        >\n        </simple-picker>\n        ", "\n      "])), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", this.disabled, this.hideNullOption, babelHelpers.get(babelHelpers.getPrototypeOf(_class.prototype), "controls", this), this.options, this._pickerFocus, this._pickerFocus, this.currentLabel, this._pickerChange, this.titleAsHtml, this.value, babelHelpers.get(babelHelpers.getPrototypeOf(_class.prototype), "tooltipTemplate", this));
+          return (0, _index.html)(_templateObject_c8cb2c101f2611eda0c389891c227ec8 || (_templateObject_c8cb2c101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <simple-picker\n          id=\"button\"\n          ?allow-null=\"", "\"\n          class=\"rtebutton ", "-label ", "\"\n          ?disabled=\"", "\"\n          ?hide-null-option=\"", "\"\n          .controls=\"", "\"\n          .options=\"", "\"\n          @mouseover=\"", "\"\n          @keydown=\"", "\"\n          .label=\"", "\"\n          @value-changed=\"", "\"\n          tabindex=\"0\"\n          ?title-as-html=\"", "\"\n          .value=\"", "\"\n        >\n        </simple-picker>\n        ", "\n      "])), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", this.disabled, this.hideNullOption, babelHelpers.get(babelHelpers.getPrototypeOf(_class.prototype), "controls", this), this.options, this._pickerFocus, this._pickerFocus, this.currentLabel, this._pickerChange, this.titleAsHtml, this.value, babelHelpers.get(babelHelpers.getPrototypeOf(_class.prototype), "tooltipTemplate", this));
         }
       }, {
         key: "firstUpdated",
@@ -183,7 +183,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-button.js", "
       }, {
         key: "styles",
         get: function get() {
-          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), [(0, _index.css)(_templateObject2_f1caf1201f0511ed8cc3e9a95995ad69 || (_templateObject2_f1caf1201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            align-items: center;\n            --simple-picker-background-color: var(--simple-toolbar-button-bg);\n            --simple-picker-color-active: var(\n              --simple-toolbar-button-hover-color\n            );\n            --simple-picker-background-color-active: var(\n              --simple-toolbar-button-hover-bg\n            );\n            --simple-picker-color-disabled: var(\n              --simple-toolbar-button-disabled-color\n            );\n            --simple-picker-background-color-disabled: var(\n              --simple-toolbar-button-disabled-bg\n            );\n            --simple-picker-border-radius: 0px;\n            --simple-picker-border-width: 0px;\n            --simple-picker-option-size: calc(\n              24px - 2 * var(--simple-picker-sample-padding, 2px)\n            );\n            --simple-picker-icon-size: 16px;\n            --simple-picker-options-border-width: 1px;\n            --simple-picker-options-border: var(\n                --simple-picker-options-border-width,\n                1px\n              )\n              solid\n              var(\n                --simple-toolbar-border-color,\n                var(--rich-text-editor-border-color, #ddd)\n              );\n          }\n          #button {\n            margin-top: 0;\n            margin-bottom: 0;\n          }\n          #button.hide-label::part(label) {\n            position: absolute;\n            left: -999999px;\n            top: 0;\n            width: 0px;\n            height: 0px;\n            overflow: hidden;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), [(0, _index.css)(_templateObject2_c8cb2c101f2611eda0c389891c227ec8 || (_templateObject2_c8cb2c101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            align-items: center;\n            --simple-picker-background-color: var(--simple-toolbar-button-bg);\n            --simple-picker-color-active: var(\n              --simple-toolbar-button-hover-color\n            );\n            --simple-picker-background-color-active: var(\n              --simple-toolbar-button-hover-bg\n            );\n            --simple-picker-color-disabled: var(\n              --simple-toolbar-button-disabled-color\n            );\n            --simple-picker-background-color-disabled: var(\n              --simple-toolbar-button-disabled-bg\n            );\n            --simple-picker-border-radius: 0px;\n            --simple-picker-border-width: 0px;\n            --simple-picker-option-size: calc(\n              24px - 2 * var(--simple-picker-sample-padding, 2px)\n            );\n            --simple-picker-icon-size: 16px;\n            --simple-picker-options-border-width: 1px;\n            --simple-picker-options-border: var(\n                --simple-picker-options-border-width,\n                1px\n              )\n              solid\n              var(\n                --simple-toolbar-border-color,\n                var(--rich-text-editor-border-color, #ddd)\n              );\n          }\n          #button {\n            margin-top: 0;\n            margin-bottom: 0;\n          }\n          #button.hide-label::part(label) {\n            position: absolute;\n            left: -999999px;\n            top: 0;\n            width: 0px;\n            height: 0px;\n            overflow: hidden;\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-symbol-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-symbol-picker.js
index efde5a7347b..0b64a92017e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-symbol-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-symbol-picker.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-picker.js", "
   });
   _exports.RichTextEditorSymbolPicker = void 0;
 
-  var _templateObject_f1d3f1d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_c8d453d01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -56,7 +56,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-picker.js", "
       key: "render",
       value: // render function for template
       function render() {
-        return (0, _index.html)(_templateObject_f1d3f1d01f0511ed8cc3e9a95995ad69 || (_templateObject_f1d3f1d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-symbol-picker\n        id=\"button\"\n        ?allow-null=\"", "\"\n        class=\"rtebutton ", "-label ", "\"\n        .controls=\"", "\"\n        ?disabled=\"", "\"\n        @keydown=\"", "\"\n        .label=\"", "\"\n        @mouseover=\"", "\"\n        .symbol-types=\"", "\"\n        tabindex=\"0\"\n        title-as-html\n        ?toggled=\"", "\"\n        @value-changed=\"", "\"\n      >\n      </simple-symbol-picker>\n      ", "\n    "])), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorSymbolPicker.prototype), "controls", this), this.disabled, this._pickerFocus, this.currentLabel, this._pickerFocus, this.symbolTypes, this.toggled, this._pickerChange, babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorSymbolPicker.prototype), "tooltipTemplate", this));
+        return (0, _index.html)(_templateObject_c8d453d01f2611eda0c389891c227ec8 || (_templateObject_c8d453d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-symbol-picker\n        id=\"button\"\n        ?allow-null=\"", "\"\n        class=\"rtebutton ", "-label ", "\"\n        .controls=\"", "\"\n        ?disabled=\"", "\"\n        @keydown=\"", "\"\n        .label=\"", "\"\n        @mouseover=\"", "\"\n        .symbol-types=\"", "\"\n        tabindex=\"0\"\n        title-as-html\n        ?toggled=\"", "\"\n        @value-changed=\"", "\"\n      >\n      </simple-symbol-picker>\n      ", "\n    "])), this.allowNull, this.labelVisibleClass, this.toggled ? "toggled" : "", babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorSymbolPicker.prototype), "controls", this), this.disabled, this._pickerFocus, this.currentLabel, this._pickerFocus, this.symbolTypes, this.toggled, this._pickerChange, babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorSymbolPicker.prototype), "tooltipTemplate", this));
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-prompt.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-prompt.dev.js
index f10b3a957dd..5aba3ee69c8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-prompt.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-prompt.dev.js
@@ -78,10 +78,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_052ec7501f0611ed8cc3e9a95995ad69() {
+function _templateObject2_dc07f2401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        #prompt {\n          display: block;\n          width: 300px;\n          max-width: 300px;\n          --simple-popover-padding: 0px;\n          z-index: 2;\n        }\n        #prompt[hidden] {\n          display: none;\n        }\n        #prompt #form {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-between;\n          z-index: 2;\n        }\n        #formfields {\n          width: calc(100% - 20px);\n          padding: 10px 10px 0;\n          overflow: visible;\n        }\n        #prompt simple-fields-field {\n          padding: 0;\n        }\n        #confirm,\n        #cancel {\n          min-width: unset;\n        }\n        #cancel {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n        }\n        #cancel:focus,\n        #cancel:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        #confirm {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n        }\n        #confirm:focus,\n        #confirm:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        .actions {\n          width: calc(100% - 20px);\n          padding: 0 10px 3px;\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n        }\n        .confirm-or-cancel {\n          min-width: 40px;\n        }\n      "]);
 
-  _templateObject2_052ec7501f0611ed8cc3e9a95995ad69 = function _templateObject2_052ec7501f0611ed8cc3e9a95995ad69() {
+  _templateObject2_dc07f2401f2611eda0c389891c227ec8 = function _templateObject2_dc07f2401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -110,10 +110,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_052ec7501f0611ed8cc3e9a95995ad69() {
+function _templateObject_dc07f2401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <simple-popover\n        id="prompt"\n        ?auto="', '"\n        for="', '"\n        ?hidden="', '"\n        position="bottom"\n        position-align="center"\n        .target="', '"\n      >\n        <form\n          id="form"\n          @blur="', '"\n          @focus="', '"\n        >\n          <simple-fields\n            id="formfields"\n            hide-line-numbers\n            .fields="', '"\n            @fields-ready="', '"\n            .value="', '"\n          ></simple-fields>\n          <div class="actions">\n            <rich-text-editor-button\n              id="cancel"\n              controls="', '"\n              label="Cancel"\n              icon="clear"\n              @click="', '"\n              tabindex="0"\n            >\n            </rich-text-editor-button>\n            <rich-text-editor-button\n              id="confirm"\n              controls="', '"\n              @click="', '"\n              icon="check"\n              label="OK"\n              tabindex="0"\n            >\n            </rich-text-editor-button>\n          </div>\n        </form>\n      </simple-popover>\n    ']);
 
-  _templateObject_052ec7501f0611ed8cc3e9a95995ad69 = function _templateObject_052ec7501f0611ed8cc3e9a95995ad69() {
+  _templateObject_dc07f2401f2611eda0c389891c227ec8 = function _templateObject_dc07f2401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -247,7 +247,7 @@ var RichTextEditorPrompt = /*#__PURE__*/function (_LitElement) {
   _createClass(RichTextEditorPrompt, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_052ec7501f0611ed8cc3e9a95995ad69(), !this.hidden, this.selection ? this.selection.id : "", this.hidden, this.selection, this._handleBlur, this._handleFocus, this.fields, this._handleReady, this.value, this.selection ? this.selection.id : "", this._cancel, this.selection ? this.selection.id : "", this._confirm);
+      return (0, _litElement.html)(_templateObject_dc07f2401f2611eda0c389891c227ec8(), !this.hidden, this.selection ? this.selection.id : "", this.hidden, this.selection, this._handleBlur, this._handleFocus, this.fields, this._handleReady, this.value, this.selection ? this.selection.id : "", this._cancel, this.selection ? this.selection.id : "", this._confirm);
     }
     /**
      * Store tag name to make it easier to obtain directly.
@@ -256,7 +256,7 @@ var RichTextEditorPrompt = /*#__PURE__*/function (_LitElement) {
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_richTextEditorButton.RichTextToolbarStyles), [(0, _litElement.css)(_templateObject2_052ec7501f0611ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_richTextEditorButton.RichTextToolbarStyles), [(0, _litElement.css)(_templateObject2_dc07f2401f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-selection.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-selection.dev.js
index cbac8780669..bf869fda812 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-selection.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-selection.dev.js
@@ -25,20 +25,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_0539c3d01f0611ed8cc3e9a95995ad69() {
+function _templateObject2_dc118f301f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n  background-color: var(--rich-text-editor-selection-bg, rgb(146, 197, 255));\n          margin: 0;\n          padding: 0;\n          display: inline-block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host([collapsed]):after {\n          content: '|';\n          color: var(--simple-toolbar-selection-bg);\n          background-color: transparent;\n        }\n        :host + *,\n        ::slotted(*) {\n  background-color: var(--rich-text-editor-selection-bg, rgb(146, 197, 255));\n        }\n\xA0\xA0\xA0\xA0\xA0\xA0"]);
 
-  _templateObject2_0539c3d01f0611ed8cc3e9a95995ad69 = function _templateObject2_0539c3d01f0611ed8cc3e9a95995ad69() {
+  _templateObject2_dc118f301f2611eda0c389891c227ec8 = function _templateObject2_dc118f301f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_0539c3d01f0611ed8cc3e9a95995ad69() {
+function _templateObject_dc118f301f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["<slot></slot>"]);
 
-  _templateObject_0539c3d01f0611ed8cc3e9a95995ad69 = function _templateObject_0539c3d01f0611ed8cc3e9a95995ad69() {
+  _templateObject_dc118f301f2611eda0c389891c227ec8 = function _templateObject_dc118f301f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -220,7 +220,7 @@ var RichTextEditorSelection = /*#__PURE__*/function (_LitElement) {
   _createClass(RichTextEditorSelection, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_0539c3d01f0611ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject_dc118f301f2611eda0c389891c227ec8());
     }
   }, {
     key: "updated",
@@ -990,7 +990,7 @@ var RichTextEditorSelection = /*#__PURE__*/function (_LitElement) {
   }, {
     key: "styles",
     get: function get() {
-      return [(0, _litElement.css)(_templateObject2_0539c3d01f0611ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject2_dc118f301f2611eda0c389891c227ec8())];
     }
   }]);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-clipboard.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-clipboard.js
index 4192abbf37d..4c5c2440749 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-clipboard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-clipboard.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.RichTextEditorClipboard = void 0;
 
-  var _templateObject_f1f842b01f0511ed8cc3e9a95995ad69, _templateObject2_f1f842b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_c8e125101f2611eda0c389891c227ec8, _templateObject2_c8e125101f2611eda0c389891c227ec8;
 
   function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && babelHelpers.instanceof(outerFn.prototype, Generator) ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == babelHelpers.typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
@@ -43,7 +43,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(RichTextEditorClipboard, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_f1f842b01f0511ed8cc3e9a95995ad69 || (_templateObject_f1f842b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<textarea aria-hidden=\"true\"></textarea>"])));
+        return (0, _index.html)(_templateObject_c8e125101f2611eda0c389891c227ec8 || (_templateObject_c8e125101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<textarea aria-hidden=\"true\"></textarea>"])));
       }
       /**
        * gets clipboard data and pastes into an editor's range
@@ -96,7 +96,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_f1f842b01f0511ed8cc3e9a95995ad69 || (_templateObject2_f1f842b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none !important;\n        }\n        textarea {\n          position: absolute;\n          left: -9999px;\n          top: 0;\n          width: 0px;\n          height: 0px;\n          overflow: hidden;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_c8e125101f2611eda0c389891c227ec8 || (_templateObject2_c8e125101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none !important;\n        }\n        textarea {\n          position: absolute;\n          left: -9999px;\n          top: 0;\n          width: 0px;\n          height: 0px;\n          overflow: hidden;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-highlight.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-highlight.js
index c7338e4b910..f68b3127825 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-highlight.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-highlight.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.RichTextEditorHighlight = void 0;
 
-  var _templateObject_f1fb28e01f0511ed8cc3e9a95995ad69, _templateObject2_f1fb28e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_c8e3bd201f2611eda0c389891c227ec8, _templateObject2_c8e3bd201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -43,7 +43,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(RichTextEditorHighlight, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_f1fb28e01f0511ed8cc3e9a95995ad69 || (_templateObject_f1fb28e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
+        return (0, _index.html)(_templateObject_c8e3bd201f2611eda0c389891c227ec8 || (_templateObject_c8e3bd201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
       }
       /**
        * Store tag name to make it easier to obtain directly.
@@ -101,7 +101,7 @@ define(["exports", "../../../../lit/index.js"], function (_exports, _index) {
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_f1fb28e01f0511ed8cc3e9a95995ad69 || (_templateObject2_f1fb28e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          outline: 1px dotted currentColor;\n        }\n        :host(:empty) {\n          outline: none;\n          border-left: 1px dotted currentColor;\n          margin-right: -0.2em;\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_c8e3bd201f2611eda0c389891c227ec8 || (_templateObject2_c8e3bd201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          outline: 1px dotted currentColor;\n        }\n        :host(:empty) {\n          outline: none;\n          border-left: 1px dotted currentColor;\n          margin-right: -0.2em;\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-prompt.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-prompt.js
index 801119b9461..79308c41cd1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-prompt.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-prompt.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "../buttons/rich-text-editor-butt
   });
   _exports.RichTextEditorPrompt = void 0;
 
-  var _templateObject_f1ff47901f0511ed8cc3e9a95995ad69, _templateObject2_f1ff47901f0511ed8cc3e9a95995ad69;
+  var _templateObject_c8e878101f2611eda0c389891c227ec8, _templateObject2_c8e878101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -58,7 +58,7 @@ define(["exports", "../../../../lit/index.js", "../buttons/rich-text-editor-butt
     babelHelpers.createClass(RichTextEditorPrompt, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_f1ff47901f0511ed8cc3e9a95995ad69 || (_templateObject_f1ff47901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-popover\n        id=\"prompt\"\n        ?auto=\"", "\"\n        for=\"", "\"\n        ?hidden=\"", "\"\n        position=\"bottom\"\n        position-align=\"center\"\n        .target=\"", "\"\n      >\n        <form\n          id=\"form\"\n          @blur=\"", "\"\n          @focus=\"", "\"\n        >\n          <simple-fields\n            id=\"formfields\"\n            hide-line-numbers\n            .fields=\"", "\"\n            @fields-ready=\"", "\"\n            .value=\"", "\"\n          ></simple-fields>\n          <div class=\"actions\">\n            <simple-toolbar-button\n              id=\"cancel\"\n              controls=\"", "\"\n              label=\"Cancel\"\n              icon=\"clear\"\n              @click=\"", "\"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-button\n              id=\"confirm\"\n              controls=\"", "\"\n              @click=\"", "\"\n              icon=\"check\"\n              label=\"OK\"\n            >\n            </simple-toolbar-button>\n          </div>\n        </form>\n      </simple-popover>\n    "])), !this.hidden || !this.__highlight.hidden, this.__highlight ? this.__highlight.id : "", this.hidden || this.__highlight.hidden, this.__highlight, this._handleBlur, this._handleFocus, this.fields, this._handleReady, this.value, this.__highlight ? this.__highlight.id : "", this._cancel, this.__highlight ? this.__highlight.id : "", this._confirm);
+        return (0, _index.html)(_templateObject_c8e878101f2611eda0c389891c227ec8 || (_templateObject_c8e878101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-popover\n        id=\"prompt\"\n        ?auto=\"", "\"\n        for=\"", "\"\n        ?hidden=\"", "\"\n        position=\"bottom\"\n        position-align=\"center\"\n        .target=\"", "\"\n      >\n        <form\n          id=\"form\"\n          @blur=\"", "\"\n          @focus=\"", "\"\n        >\n          <simple-fields\n            id=\"formfields\"\n            hide-line-numbers\n            .fields=\"", "\"\n            @fields-ready=\"", "\"\n            .value=\"", "\"\n          ></simple-fields>\n          <div class=\"actions\">\n            <simple-toolbar-button\n              id=\"cancel\"\n              controls=\"", "\"\n              label=\"Cancel\"\n              icon=\"clear\"\n              @click=\"", "\"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-button\n              id=\"confirm\"\n              controls=\"", "\"\n              @click=\"", "\"\n              icon=\"check\"\n              label=\"OK\"\n            >\n            </simple-toolbar-button>\n          </div>\n        </form>\n      </simple-popover>\n    "])), !this.hidden || !this.__highlight.hidden, this.__highlight ? this.__highlight.id : "", this.hidden || this.__highlight.hidden, this.__highlight, this._handleBlur, this._handleFocus, this.fields, this._handleReady, this.value, this.__highlight ? this.__highlight.id : "", this._cancel, this.__highlight ? this.__highlight.id : "", this._confirm);
       }
       /**
        * Store tag name to make it easier to obtain directly.
@@ -225,7 +225,7 @@ define(["exports", "../../../../lit/index.js", "../buttons/rich-text-editor-butt
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(_richTextEditorButton.RichTextToolbarStyles), [(0, _index.css)(_templateObject2_f1ff47901f0511ed8cc3e9a95995ad69 || (_templateObject2_f1ff47901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        #prompt {\n          display: block;\n          width: 300px;\n          max-width: 300px;\n          --simple-popover-padding: 0px;\n          z-index: 2;\n        }\n        #prompt[hidden] {\n          display: none;\n        }\n        #prompt #form {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-between;\n          z-index: 2;\n        }\n        #formfields {\n          width: calc(100% - 20px);\n          padding: 10px 10px 0;\n          overflow: visible;\n        }\n        #prompt simple-fields-field {\n          padding: 0;\n        }\n        #confirm,\n        #cancel {\n          min-width: unset;\n        }\n        #cancel {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n        }\n        #cancel:focus,\n        #cancel:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        #confirm {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n        }\n        #confirm:focus,\n        #confirm:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        .actions {\n          width: calc(100% - 20px);\n          padding: 0 10px 3px;\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n        }\n        .confirm-or-cancel {\n          min-width: 40px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(_richTextEditorButton.RichTextToolbarStyles), [(0, _index.css)(_templateObject2_c8e878101f2611eda0c389891c227ec8 || (_templateObject2_c8e878101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        #prompt {\n          display: block;\n          width: 300px;\n          max-width: 300px;\n          --simple-popover-padding: 0px;\n          z-index: 2;\n        }\n        #prompt[hidden] {\n          display: none;\n        }\n        #prompt #form {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-between;\n          z-index: 2;\n        }\n        #formfields {\n          width: calc(100% - 20px);\n          padding: 10px 10px 0;\n          overflow: visible;\n        }\n        #prompt simple-fields-field {\n          padding: 0;\n        }\n        #confirm,\n        #cancel {\n          min-width: unset;\n        }\n        #cancel {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n        }\n        #cancel:focus,\n        #cancel:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        #confirm {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n        }\n        #confirm:focus,\n        #confirm:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        .actions {\n          width: calc(100% - 20px);\n          padding: 0 10px 3px;\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n        }\n        .confirm-or-cancel {\n          min-width: 40px;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-source.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-source.js
index 60f2e878051..1839eb10410 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-source.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-source.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../lit/index.js"], function (_exports, _
   _exports.RichTextEditorSource = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_f21281701f0511ed8cc3e9a95995ad69, _templateObject2_f21281701f0511ed8cc3e9a95995ad69;
+  var _templateObject_c8fcc3601f2611eda0c389891c227ec8, _templateObject2_c8fcc3601f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -71,7 +71,7 @@ define(["exports", "require", "../../../../lit/index.js"], function (_exports, _
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_f21281701f0511ed8cc3e9a95995ad69 || (_templateObject_f21281701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"container\">\n      <div id=\"wysiwyg\" part=\"wysiwyg\">\n        <slot></slot>\n      </div>\n      <code-editor\n        id=\"source\"\n        font-size=\"13\"\n        language=\"html\"\n        @value-changed=\"", "\"\n        word-wrap\n        part=\"source\"\n      >\n      </code-editor>\n    </div>"])), this._handleSourceChange);
+        return (0, _index.html)(_templateObject_c8fcc3601f2611eda0c389891c227ec8 || (_templateObject_c8fcc3601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"container\">\n      <div id=\"wysiwyg\" part=\"wysiwyg\">\n        <slot></slot>\n      </div>\n      <code-editor\n        id=\"source\"\n        font-size=\"13\"\n        language=\"html\"\n        @value-changed=\"", "\"\n        word-wrap\n        part=\"source\"\n      >\n      </code-editor>\n    </div>"])), this._handleSourceChange);
       }
     }, {
       key: "firstUpdated",
@@ -147,7 +147,7 @@ define(["exports", "require", "../../../../lit/index.js"], function (_exports, _
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_f21281701f0511ed8cc3e9a95995ad69 || (_templateObject2_f21281701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([disabled]),\n        :host([view-source]) {\n          outline: none !important;\n        }\n        #container {\n          display: flex;\n          align-items: stretch;\n          justify-content: space-between;\n          width: 100%;\n        }\n        #source,\n        #wysiwyg {\n          margin: 0;\n          padding: 0;\n          min-height: var(--rich-text-editor-min-height, 20px);\n          cursor: pointer;\n          outline: none;\n          overflow: auto;\n          resize: horizontal;\n        }\n        #source {\n          flex: 1 1 auto;\n          min-width: 300px;\n          padding-bottom: 20px;\n        }\n        #wysiwyg {\n          flex: 0 1 auto;\n          display: block;\n          margin-left: 10px;\n          max-height: 70vh;\n          overflow-x: hidden;\n          resize: auto;\n        }\n        #source:hover,\n        #source:focus-within {\n          outline: var(--rich-text-editor-border-width, 1px)\n            var(--rich-text-editor-focus-border-style, 1px)\n            var(--rich-text-editor-focus-color, blue);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_c8fcc3601f2611eda0c389891c227ec8 || (_templateObject2_c8fcc3601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([disabled]),\n        :host([view-source]) {\n          outline: none !important;\n        }\n        #container {\n          display: flex;\n          align-items: stretch;\n          justify-content: space-between;\n          width: 100%;\n        }\n        #source,\n        #wysiwyg {\n          margin: 0;\n          padding: 0;\n          min-height: var(--rich-text-editor-min-height, 20px);\n          cursor: pointer;\n          outline: none;\n          overflow: auto;\n          resize: horizontal;\n        }\n        #source {\n          flex: 1 1 auto;\n          min-width: 300px;\n          padding-bottom: 20px;\n        }\n        #wysiwyg {\n          flex: 0 1 auto;\n          display: block;\n          margin-left: 10px;\n          max-height: 70vh;\n          overflow-x: hidden;\n          resize: auto;\n        }\n        #source:hover,\n        #source:focus-within {\n          outline: var(--rich-text-editor-border-width, 1px)\n            var(--rich-text-editor-focus-border-style, 1px)\n            var(--rich-text-editor-focus-color, blue);\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumb.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumb.dev.js
index 95e6a7b67be..0d447d75a20 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumb.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumb.dev.js
@@ -23,10 +23,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_051b3f501f0611ed8cc3e9a95995ad69() {
+function _templateObject2_dc12c7b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        #button {\n          font-family: monospace;\n          display: inline-block;\n          text-align: center;\n          min-width: 25px;\n          margin: 0;\n          padding: 2px 5px;\n        }\n\xA0\xA0\xA0\xA0\xA0\xA0"]);
 
-  _templateObject2_051b3f501f0611ed8cc3e9a95995ad69 = function _templateObject2_051b3f501f0611ed8cc3e9a95995ad69() {
+  _templateObject2_dc12c7b01f2611eda0c389891c227ec8 = function _templateObject2_dc12c7b01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -55,10 +55,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_051b3f501f0611ed8cc3e9a95995ad69() {
+function _templateObject_dc12c7b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <button\n        id="button"\n        aria-controls="', '"\n        @click="', '"\n        tabindex="0"\n      >\n        ', "\n      </button>\n    "]);
 
-  _templateObject_051b3f501f0611ed8cc3e9a95995ad69 = function _templateObject_051b3f501f0611ed8cc3e9a95995ad69() {
+  _templateObject_dc12c7b01f2611eda0c389891c227ec8 = function _templateObject_dc12c7b01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -159,7 +159,7 @@ var RichTextEditorBreadcrumb = /*#__PURE__*/function (_LitElement) {
   _createClass(RichTextEditorBreadcrumb, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_051b3f501f0611ed8cc3e9a95995ad69(), this.controls, this._handleClick, this.label);
+      return (0, _litElement.html)(_templateObject_dc12c7b01f2611eda0c389891c227ec8(), this.controls, this._handleClick, this.label);
     }
   }], [{
     key: "tag",
@@ -173,7 +173,7 @@ var RichTextEditorBreadcrumb = /*#__PURE__*/function (_LitElement) {
   }, {
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_richTextEditorButton.RichTextStyles), [(0, _litElement.css)(_templateObject2_051b3f501f0611ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_richTextEditorButton.RichTextStyles), [(0, _litElement.css)(_templateObject2_dc12c7b01f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumbs.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumbs.dev.js
index e212978f1d5..8405c54cc12 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumbs.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumbs.dev.js
@@ -23,10 +23,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject4_051cc5f01f0611ed8cc3e9a95995ad69() {
+function _templateObject4_dc1427401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: var(--rich-text-editor-bg, #ffffff);\n          color: var(--rich-text-editor-button-color #444);\n          border: var(--rich-text-editor-border-width, 1px) solid var(--rich-text-editor-border-color, #ddd);\n          padding: 3px 10px;\n        }\n        :host([sticky]) {\n          position: sticky;\n          bottom: 0;\n        }\n        .selectednode {\n          background-color: var(--rich-text-editor-button-bg, #ffffff);\n        }\n        button {\n          display: inline-block;\n          text-align: center;\n          min-width: 25px;\n          margin: 0;\n          padding: 2px 5px;\n        }\n        .selectNode {\n          font-family: monospace;\n        }\n\xA0\xA0\xA0\xA0\xA0\xA0"]);
 
-  _templateObject4_051cc5f01f0611ed8cc3e9a95995ad69 = function _templateObject4_051cc5f01f0611ed8cc3e9a95995ad69() {
+  _templateObject4_dc1427401f2611eda0c389891c227ec8 = function _templateObject4_dc1427401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -55,30 +55,30 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject3_051cc5f01f0611ed8cc3e9a95995ad69() {
+function _templateObject3_dc1427401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <span class="divider"> &gt; </span> ']);
 
-  _templateObject3_051cc5f01f0611ed8cc3e9a95995ad69 = function _templateObject3_051cc5f01f0611ed8cc3e9a95995ad69() {
+  _templateObject3_dc1427401f2611eda0c389891c227ec8 = function _templateObject3_dc1427401f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_051cc5f01f0611ed8cc3e9a95995ad69() {
+function _templateObject2_dc1427401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n              <button\n                class="', '"\n                controls="', '"\n                @click="', '"\n                tabindex="0"\n              >\n                ', "\n              </button>\n              ", "\n            "]);
 
-  _templateObject2_051cc5f01f0611ed8cc3e9a95995ad69 = function _templateObject2_051cc5f01f0611ed8cc3e9a95995ad69() {
+  _templateObject2_dc1427401f2611eda0c389891c227ec8 = function _templateObject2_dc1427401f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_051cc5f01f0611ed8cc3e9a95995ad69() {
+function _templateObject_dc1427401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n      ", ":\n      ", "\n    "]);
 
-  _templateObject_051cc5f01f0611ed8cc3e9a95995ad69 = function _templateObject_051cc5f01f0611ed8cc3e9a95995ad69() {
+  _templateObject_dc1427401f2611eda0c389891c227ec8 = function _templateObject_dc1427401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -273,16 +273,16 @@ var RichTextEditorBreadcrumbs = /*#__PURE__*/function (_LitElement) {
     value: function render() {
       var _this2 = this;
 
-      return (0, _litElement.html)(_templateObject_051cc5f01f0611ed8cc3e9a95995ad69(), this.label, !this.selectionAncestors ? "" : (this.selectionAncestors || []).map(function (ancestor, i) {
-        return (0, _litElement.html)(_templateObject2_051cc5f01f0611ed8cc3e9a95995ad69(), ancestor.selectAll ? "" : "selectnode", _this2.controls, function (e) {
+      return (0, _litElement.html)(_templateObject_dc1427401f2611eda0c389891c227ec8(), this.label, !this.selectionAncestors ? "" : (this.selectionAncestors || []).map(function (ancestor, i) {
+        return (0, _litElement.html)(_templateObject2_dc1427401f2611eda0c389891c227ec8(), ancestor.selectAll ? "" : "selectnode", _this2.controls, function (e) {
           return _this2._handleClick(ancestor);
-        }, ancestor.nodeName.toLowerCase(), i + 1 >= (_this2.selectionAncestors || []).length ? "" : (0, _litElement.html)(_templateObject3_051cc5f01f0611ed8cc3e9a95995ad69()));
+        }, ancestor.nodeName.toLowerCase(), i + 1 >= (_this2.selectionAncestors || []).length ? "" : (0, _litElement.html)(_templateObject3_dc1427401f2611eda0c389891c227ec8()));
       }));
     }
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_richTextEditorButton.RichTextToolbarStyles), [(0, _litElement.css)(_templateObject4_051cc5f01f0611ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_richTextEditorButton.RichTextToolbarStyles), [(0, _litElement.css)(_templateObject4_dc1427401f2611eda0c389891c227ec8())]);
     }
   }]);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar-mini.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar-mini.dev.js
index f34fcf2d14e..8075ac36c53 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar-mini.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar-mini.dev.js
@@ -47,10 +47,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_0520bd901f0611ed8cc3e9a95995ad69() {
+function _templateObject_dc1909401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([" ", " "]);
 
-  _templateObject_0520bd901f0611ed8cc3e9a95995ad69 = function _templateObject_0520bd901f0611ed8cc3e9a95995ad69() {
+  _templateObject_dc1909401f2611eda0c389891c227ec8 = function _templateObject_dc1909401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -188,7 +188,7 @@ var RichTextEditorToolbarMini = /*#__PURE__*/function (_RichTextEditorToolba) {
     key: "render",
     // properties available to the custom element for data binding
     value: function render() {
-      return (0, _litElement.html)(_templateObject_0520bd901f0611ed8cc3e9a95995ad69(), _get(_getPrototypeOf(RichTextEditorToolbarMini.prototype), "miniTemplate", this));
+      return (0, _litElement.html)(_templateObject_dc1909401f2611eda0c389891c227ec8(), _get(_getPrototypeOf(RichTextEditorToolbarMini.prototype), "miniTemplate", this));
     }
   }], [{
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar.dev.js
index 9cc7d4ccd9a..665245840ee 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar.dev.js
@@ -136,10 +136,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject3_052be1201f0611ed8cc3e9a95995ad69() {
+function _templateObject3_dc2258101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host {\n            border: var(--rich-text-editor-border-width, 1px) solid\n              var(--rich-text-editor-border-color, #ddd);\n            background-color: var(--rich-text-editor-bg, #ffffff);\n          }\n          #morebutton::part(button) {\n            border-radius: var(\n              --rich-text-editor-button-disabled-border-radius,\n              0px\n            );\n          }\n        "]);
 
-  _templateObject3_052be1201f0611ed8cc3e9a95995ad69 = function _templateObject3_052be1201f0611ed8cc3e9a95995ad69() {
+  _templateObject3_dc2258101f2611eda0c389891c227ec8 = function _templateObject3_dc2258101f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -168,20 +168,20 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject2_052be1201f0611ed8cc3e9a95995ad69() {
+function _templateObject2_dc2258101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host {\n            position: relative;\n            height: 0;\n            margin: 0 auto;\n            padding: 0;\n            border: none;\n            background-color: none;\n          }\n          #container {\n            display: flex;\n            position: absolute;\n            bottom: 0;\n            margin: 0 auto;\n            padding: 0;\n            border: var(--rich-text-editor-border-width, 1px) solid\n              var(--rich-text-editor-border-color, #ddd);\n            background-color: var(\n              --rich-text-editor-bg,\n              var(--rich-text-editor-bg, #ffffff)\n            );\n          }\n        "]);
 
-  _templateObject2_052be1201f0611ed8cc3e9a95995ad69 = function _templateObject2_052be1201f0611ed8cc3e9a95995ad69() {
+  _templateObject2_dc2258101f2611eda0c389891c227ec8 = function _templateObject2_dc2258101f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_052be1201f0611ed8cc3e9a95995ad69() {
+function _templateObject_dc2258101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <div id="container">', "</div> "]);
 
-  _templateObject_052be1201f0611ed8cc3e9a95995ad69 = function _templateObject_052be1201f0611ed8cc3e9a95995ad69() {
+  _templateObject_dc2258101f2611eda0c389891c227ec8 = function _templateObject_dc2258101f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -930,7 +930,7 @@ var RichTextEditorToolbarBehaviors = function RichTextEditorToolbarBehaviors(Sup
     }, {
       key: "miniTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject_052be1201f0611ed8cc3e9a95995ad69(), _get(_getPrototypeOf(_class.prototype), "toolbarTemplate", this));
+        return (0, _litElement.html)(_templateObject_dc2258101f2611eda0c389891c227ec8(), _get(_getPrototypeOf(_class.prototype), "toolbarTemplate", this));
       }
       /**
        * default toolbar template uses simple-toolbar
@@ -962,7 +962,7 @@ var RichTextEditorToolbarBehaviors = function RichTextEditorToolbarBehaviors(Sup
     }, {
       key: "miniStyles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_052be1201f0611ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject2_dc2258101f2611eda0c389891c227ec8())];
       }
       /**
        * base styles toolbar: simple toolbar base styles + custom styles for rich text
@@ -974,7 +974,7 @@ var RichTextEditorToolbarBehaviors = function RichTextEditorToolbarBehaviors(Sup
     }, {
       key: "baseStyles",
       get: function get() {
-        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "baseStyles", this)), _toConsumableArray(_richTextEditorButton.RichTextStyles), [(0, _litElement.css)(_templateObject3_052be1201f0611ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "baseStyles", this)), _toConsumableArray(_richTextEditorButton.RichTextStyles), [(0, _litElement.css)(_templateObject3_dc2258101f2611eda0c389891c227ec8())]);
       }
       /**
        * default styles for toolbar: base + simple-toolbar sticky styles
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-breadcrumbs.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-breadcrumbs.js
index 72a77221688..ff79ff747bc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-breadcrumbs.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-breadcrumbs.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "../buttons/rich-text-editor-butt
   });
   _exports.RichTextEditorBreadcrumbs = void 0;
 
-  var _templateObject_f1da81801f0511ed8cc3e9a95995ad69, _templateObject2_f1da81801f0511ed8cc3e9a95995ad69, _templateObject3_f1da81801f0511ed8cc3e9a95995ad69, _templateObject4_f1da81801f0511ed8cc3e9a95995ad69;
+  var _templateObject_c8febf301f2611eda0c389891c227ec8, _templateObject2_c8febf301f2611eda0c389891c227ec8, _templateObject3_c8febf301f2611eda0c389891c227ec8, _templateObject4_c8febf301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -66,10 +66,10 @@ define(["exports", "../../../../lit/index.js", "../buttons/rich-text-editor-butt
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_f1da81801f0511ed8cc3e9a95995ad69 || (_templateObject_f1da81801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", ":\n      ", "\n    "])), this.label, !this.selectionAncestors ? "" : (this.selectionAncestors || []).map(function (ancestor, i) {
-          return (0, _index.html)(_templateObject2_f1da81801f0511ed8cc3e9a95995ad69 || (_templateObject2_f1da81801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <button\n                class=\"", "\"\n                controls=\"", "\"\n                @click=\"", "\"\n                tabindex=\"0\"\n              >\n                ", "\n              </button>\n              ", "\n            "])), !!ancestor.selectAll ? "" : "selectnode", _this2.controls, function (e) {
+        return (0, _index.html)(_templateObject_c8febf301f2611eda0c389891c227ec8 || (_templateObject_c8febf301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", ":\n      ", "\n    "])), this.label, !this.selectionAncestors ? "" : (this.selectionAncestors || []).map(function (ancestor, i) {
+          return (0, _index.html)(_templateObject2_c8febf301f2611eda0c389891c227ec8 || (_templateObject2_c8febf301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <button\n                class=\"", "\"\n                controls=\"", "\"\n                @click=\"", "\"\n                tabindex=\"0\"\n              >\n                ", "\n              </button>\n              ", "\n            "])), !!ancestor.selectAll ? "" : "selectnode", _this2.controls, function (e) {
             return _this2._handleClick(ancestor);
-          }, ancestor.nodeName.toLowerCase(), i + 1 >= (_this2.selectionAncestors || []).length ? "" : (0, _index.html)(_templateObject3_f1da81801f0511ed8cc3e9a95995ad69 || (_templateObject3_f1da81801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <span class=\"divider\"> &gt; </span> "]))));
+          }, ancestor.nodeName.toLowerCase(), i + 1 >= (_this2.selectionAncestors || []).length ? "" : (0, _index.html)(_templateObject3_c8febf301f2611eda0c389891c227ec8 || (_templateObject3_c8febf301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <span class=\"divider\"> &gt; </span> "]))));
         }));
       }
     }], [{
@@ -127,7 +127,7 @@ define(["exports", "../../../../lit/index.js", "../buttons/rich-text-editor-butt
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(_richTextEditorButton.RichTextToolbarStyles), [(0, _index.css)(_templateObject4_f1da81801f0511ed8cc3e9a95995ad69 || (_templateObject4_f1da81801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: var(--rich-text-editor-bg, #ffffff);\n          color: var(--rich-text-editor-button-color #444);\n          border: var(--rich-text-editor-border-width, 1px) solid var(--rich-text-editor-border-color, #ddd);\n          padding: 3px 10px;\n        }\n        :host([sticky]) {\n          position: sticky;\n          bottom: 0;\n        }\n        .selectednode {\n          background-color: var(--rich-text-editor-button-bg, #ffffff);\n        }\n        button {\n          display: inline-block;\n          text-align: center;\n          min-width: 25px;\n          margin: 0;\n          padding: 2px 5px;\n        }\n        .selectNode {\n          font-family: monospace;\n        }\n\xA0\xA0\xA0\xA0\xA0\xA0"])))]);
+        return [].concat(babelHelpers.toConsumableArray(_richTextEditorButton.RichTextToolbarStyles), [(0, _index.css)(_templateObject4_c8febf301f2611eda0c389891c227ec8 || (_templateObject4_c8febf301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: var(--rich-text-editor-bg, #ffffff);\n          color: var(--rich-text-editor-button-color #444);\n          border: var(--rich-text-editor-border-width, 1px) solid var(--rich-text-editor-border-color, #ddd);\n          padding: 3px 10px;\n        }\n        :host([sticky]) {\n          position: sticky;\n          bottom: 0;\n        }\n        .selectednode {\n          background-color: var(--rich-text-editor-button-bg, #ffffff);\n        }\n        button {\n          display: inline-block;\n          text-align: center;\n          min-width: 25px;\n          margin: 0;\n          padding: 2px 5px;\n        }\n        .selectNode {\n          font-family: monospace;\n        }\n\xA0\xA0\xA0\xA0\xA0\xA0"])))]);
       }
     }]);
     return RichTextEditorBreadcrumbs;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar-mini.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar-mini.js
index 4937a0f5a90..e890d4628b3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar-mini.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar-mini.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-toolbar.js",
   });
   _exports.RichTextEditorToolbarMini = void 0;
 
-  var _templateObject_f1ddb5d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_c90304f01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -43,7 +43,7 @@ define(["exports", "../../../../lit/index.js", "./rich-text-editor-toolbar.js",
       key: "render",
       value: // properties available to the custom element for data binding
       function render() {
-        return (0, _index.html)(_templateObject_f1ddb5d01f0511ed8cc3e9a95995ad69 || (_templateObject_f1ddb5d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " "])), babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorToolbarMini.prototype), "miniTemplate", this));
+        return (0, _index.html)(_templateObject_c90304f01f2611eda0c389891c227ec8 || (_templateObject_c90304f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " "])), babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorToolbarMini.prototype), "miniTemplate", this));
       }
     }, {
       key: "updated",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar.js
index e470b18ba91..2cd66e21501 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar.js
@@ -8,7 +8,7 @@ define(["exports", "require", "../../../../lit/index.js", "../../../simple-toolb
   _require = _interopRequireWildcard(_require);
   shadow = _interopRequireWildcard(shadow);
 
-  var _templateObject_f1f053701f0511ed8cc3e9a95995ad69, _templateObject2_f1f053701f0511ed8cc3e9a95995ad69, _templateObject3_f1f053701f0511ed8cc3e9a95995ad69;
+  var _templateObject_c915f0b01f2611eda0c389891c227ec8, _templateObject2_c915f0b01f2611eda0c389891c227ec8, _templateObject3_c915f0b01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -835,7 +835,7 @@ define(["exports", "require", "../../../../lit/index.js", "../../../simple-toolb
       }, {
         key: "miniTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject_f1f053701f0511ed8cc3e9a95995ad69 || (_templateObject_f1f053701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"container\">", "</div> "])), babelHelpers.get(babelHelpers.getPrototypeOf(_class.prototype), "toolbarTemplate", this));
+          return (0, _index.html)(_templateObject_c915f0b01f2611eda0c389891c227ec8 || (_templateObject_c915f0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"container\">", "</div> "])), babelHelpers.get(babelHelpers.getPrototypeOf(_class.prototype), "toolbarTemplate", this));
         }
         /**
          * default toolbar template uses simple-toolbar
@@ -1662,7 +1662,7 @@ define(["exports", "require", "../../../../lit/index.js", "../../../simple-toolb
       }, {
         key: "miniStyles",
         get: function get() {
-          return [(0, _index.css)(_templateObject2_f1f053701f0511ed8cc3e9a95995ad69 || (_templateObject2_f1f053701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            position: relative;\n            height: 0;\n            margin: 0 auto;\n            padding: 0;\n            border: none;\n            background-color: none;\n          }\n          #container {\n            display: flex;\n            position: absolute;\n            bottom: 0;\n            margin: 0 auto;\n            padding: 0;\n            border: var(--rich-text-editor-border-width, 1px) solid\n              var(--rich-text-editor-border-color, #ddd);\n            background-color: var(\n              --rich-text-editor-bg,\n              var(--rich-text-editor-bg, #ffffff)\n            );\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject2_c915f0b01f2611eda0c389891c227ec8 || (_templateObject2_c915f0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            position: relative;\n            height: 0;\n            margin: 0 auto;\n            padding: 0;\n            border: none;\n            background-color: none;\n          }\n          #container {\n            display: flex;\n            position: absolute;\n            bottom: 0;\n            margin: 0 auto;\n            padding: 0;\n            border: var(--rich-text-editor-border-width, 1px) solid\n              var(--rich-text-editor-border-color, #ddd);\n            background-color: var(\n              --rich-text-editor-bg,\n              var(--rich-text-editor-bg, #ffffff)\n            );\n          }\n        "])))];
         }
         /**
          * base styles toolbar: simple toolbar base styles + custom styles for rich text
@@ -1674,7 +1674,7 @@ define(["exports", "require", "../../../../lit/index.js", "../../../simple-toolb
       }, {
         key: "baseStyles",
         get: function get() {
-          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "baseStyles", this)), babelHelpers.toConsumableArray(_richTextEditorButton.RichTextStyles), [(0, _index.css)(_templateObject3_f1f053701f0511ed8cc3e9a95995ad69 || (_templateObject3_f1f053701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            border: var(--rich-text-editor-border-width, 1px) solid\n              var(--rich-text-editor-border-color, #ddd);\n            background-color: var(--rich-text-editor-bg, #ffffff);\n          }\n          #morebutton::part(button) {\n            border-radius: var(\n              --rich-text-editor-button-disabled-border-radius,\n              0px\n            );\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "baseStyles", this)), babelHelpers.toConsumableArray(_richTextEditorButton.RichTextStyles), [(0, _index.css)(_templateObject3_c915f0b01f2611eda0c389891c227ec8 || (_templateObject3_c915f0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            border: var(--rich-text-editor-border-width, 1px) solid\n              var(--rich-text-editor-border-color, #ddd);\n            background-color: var(--rich-text-editor-bg, #ffffff);\n          }\n          #morebutton::part(button) {\n            border-radius: var(\n              --rich-text-editor-button-disabled-border-radius,\n              0px\n            );\n          }\n        "])))]);
         }
         /**
          * default styles for toolbar: base + simple-toolbar sticky styles
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/rich-text-editor.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/rich-text-editor.js
index 7e96e7ef1ce..23ebc859a34 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/rich-text-editor.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/rich-text-editor.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/buttons/rich-text-editor-button.
   });
   _exports.RichTextEditorBehaviors = _exports.RichTextEditor = void 0;
 
-  var _templateObject_ae3379a01f0511ed8cc3e9a95995ad69, _templateObject2_ae3379a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_887dfd901f2611eda0c389891c227ec8, _templateObject2_887dfd901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -60,7 +60,7 @@ define(["exports", "../../lit/index.js", "./lib/buttons/rich-text-editor-button.
         function render() {
           var _this2 = this;
 
-          return (0, _index.html)(_templateObject_ae3379a01f0511ed8cc3e9a95995ad69 || (_templateObject_ae3379a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div\n        id=\"container\"\n        @focus=\"", "\"\n        @blur=\"", "\"\n        @mouseover=\"", "\"\n        @mouseout=\"", "\"\n      >\n        <slot></slot>\n      </div>"])), function (e) {
+          return (0, _index.html)(_templateObject_887dfd901f2611eda0c389891c227ec8 || (_templateObject_887dfd901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div\n        id=\"container\"\n        @focus=\"", "\"\n        @blur=\"", "\"\n        @mouseover=\"", "\"\n        @mouseout=\"", "\"\n      >\n        <slot></slot>\n      </div>"])), function (e) {
             return _this2.__focused = true;
           }, function (e) {
             return _this2.__focused = false;
@@ -205,7 +205,7 @@ define(["exports", "../../lit/index.js", "./lib/buttons/rich-text-editor-button.
         key: "styles",
         get: //styles function
         function get() {
-          return [].concat(babelHelpers.toConsumableArray(_richTextEditorButton.RichTextStyles), [(0, _index.css)(_templateObject2_ae3379a01f0511ed8cc3e9a95995ad69 || (_templateObject2_ae3379a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: block;\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          :host([disabled]) {\n            cursor: not-allowed;\n          }\n          :host(:empty) {\n            opacity: 0.7;\n          }\n          :host(:focus) {\n            outline: none;\n          }\n\n          :host(.heightmax[contenteditable=\"true\"]) {\n            max-height: calc(100vh - 200px);\n            overflow-y: scroll;\n          }\n\n          #container,\n          #wysiwyg {\n            display: block;\n            width: 100%;\n          }\n          #source,\n          #wysiwyg {\n            margin: 0;\n            padding: 0;\n            min-height: var(--rich-text-editor-min-height, 20px);\n            cursor: pointer;\n            outline: none;\n            flex: 1 1 100%;\n            width: 100%;\n          }\n          :host(:empty) {\n            min-height: 20px;\n          }\n          :host(:empty)::after {\n            display: block;\n            content: attr(aria-placeholder);\n          }\n\n          :host(:hover),\n          :host(:focus-within) {\n            opacity: 1;\n            outline: var(--rich-text-editor-border-width, 1px) dotted\n              var(--rich-text-editor-focus-color, currentColor);\n          }\n          :host([disabled]),\n          :host([view-source]) {\n            outline: none !important;\n          }\n\n          #source:hover,\n          #source:focus-within {\n            outline: var(--rich-text-editor-border-width, 1px) dotted\n              var(--rich-text-editor-focus-color, currentColor);\n          }\n          :host([contenteditable=\"true\"][view-source]) #container {\n            display: flex;\n            align-items: stretch;\n            justify-content: space-between;\n            width: 100%;\n          }\n          :host([contenteditable=\"true\"][view-source]) #source,\n          :host([contenteditable=\"true\"][view-source]) #wysiwyg {\n            resize: horizontal;\n            overflow: auto;\n            flex: 1 1 auto;\n            width: 50%;\n          }\n          :host([contenteditable=\"true\"][view-source]) #source {\n            min-width: 300px;\n          }\n          :host([contenteditable=\"true\"][view-source]) #wysiwyg {\n            cursor: not-allowed;\n            margin-right: 10px;\n            width: calc(50% - 10px);\n          }\n          ::slotted(*:first-child) {\n            margin-top: 0px;\n          }\n          ::slotted(*:last-child) {\n            margin-bottom: 0px;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(_richTextEditorButton.RichTextStyles), [(0, _index.css)(_templateObject2_887dfd901f2611eda0c389891c227ec8 || (_templateObject2_887dfd901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: block;\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          :host([disabled]) {\n            cursor: not-allowed;\n          }\n          :host(:empty) {\n            opacity: 0.7;\n          }\n          :host(:focus) {\n            outline: none;\n          }\n\n          :host(.heightmax[contenteditable=\"true\"]) {\n            max-height: calc(100vh - 200px);\n            overflow-y: scroll;\n          }\n\n          #container,\n          #wysiwyg {\n            display: block;\n            width: 100%;\n          }\n          #source,\n          #wysiwyg {\n            margin: 0;\n            padding: 0;\n            min-height: var(--rich-text-editor-min-height, 20px);\n            cursor: pointer;\n            outline: none;\n            flex: 1 1 100%;\n            width: 100%;\n          }\n          :host(:empty) {\n            min-height: 20px;\n          }\n          :host(:empty)::after {\n            display: block;\n            content: attr(aria-placeholder);\n          }\n\n          :host(:hover),\n          :host(:focus-within) {\n            opacity: 1;\n            outline: var(--rich-text-editor-border-width, 1px) dotted\n              var(--rich-text-editor-focus-color, currentColor);\n          }\n          :host([disabled]),\n          :host([view-source]) {\n            outline: none !important;\n          }\n\n          #source:hover,\n          #source:focus-within {\n            outline: var(--rich-text-editor-border-width, 1px) dotted\n              var(--rich-text-editor-focus-color, currentColor);\n          }\n          :host([contenteditable=\"true\"][view-source]) #container {\n            display: flex;\n            align-items: stretch;\n            justify-content: space-between;\n            width: 100%;\n          }\n          :host([contenteditable=\"true\"][view-source]) #source,\n          :host([contenteditable=\"true\"][view-source]) #wysiwyg {\n            resize: horizontal;\n            overflow: auto;\n            flex: 1 1 auto;\n            width: 50%;\n          }\n          :host([contenteditable=\"true\"][view-source]) #source {\n            min-width: 300px;\n          }\n          :host([contenteditable=\"true\"][view-source]) #wysiwyg {\n            cursor: not-allowed;\n            margin-right: 10px;\n            width: calc(50% - 10px);\n          }\n          ::slotted(*:first-child) {\n            margin-top: 0px;\n          }\n          ::slotted(*:last-child) {\n            margin-bottom: 0px;\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rpg-character/rpg-character.js b/build/es5-amd/node_modules/@lrnwebcomponents/rpg-character/rpg-character.js
index 6290a593095..6e09169e8a6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rpg-character/rpg-character.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rpg-character/rpg-character.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
   _exports.RpgCharacter = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_ae3af3b01f0511ed8cc3e9a95995ad69, _templateObject2_ae3af3b01f0511ed8cc3e9a95995ad69, _templateObject3_ae3af3b01f0511ed8cc3e9a95995ad69, _templateObject4_ae3af3b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_888921201f2611eda0c389891c227ec8, _templateObject2_888921201f2611eda0c389891c227ec8, _templateObject3_888921201f2611eda0c389891c227ec8, _templateObject4_888921201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -120,12 +120,12 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
         var hatColor = new URL("./lib/hatColor/".concat(this.hatColor, ".svg"), meta.url).href;
         var fire = new URL("./lib/base/fire.svg", meta.url).href;
         var circle = new URL("./lib/circle.svg", meta.url).href;
-        return (0, _index.html)(_templateObject_ae3af3b01f0511ed8cc3e9a95995ad69 || (_templateObject_ae3af3b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        ", "\n        ", "\n        ", " ", "\n        ", " ", "\n        ", " ", "\n        ", "\n        ", " ", "\n        ", "\n        ", "\n      </div>\n      ", "\n      <style>\n        #cardcircle {\n          fill: var(\n            --simple-colors-default-theme-", "-8,\n            var(--simple-colors-default-theme-accent-8, yellow)\n          );\n        }\n        div {\n          width: ", ";\n        }\n        .wrapper {\n          height: ", ";\n        }\n      </style>\n    "])), this.renderPiece(skin), this.base === 1 ? this.renderPiece(hair) : "", this.renderPiece(face), this.renderPiece(faceItem), this.renderPiece(shirt), this.renderPiece(pants), this.renderPiece(accessories), this.renderPiece(base), this.leg !== "" ? this.renderPiece(leg) : "", this.renderPiece(hatColor), this.fire ? this.renderPiece(fire) : "", hatFileName !== "none" ? this.renderPiece(hat) : "", this.circle ? this.renderPiece(circle) : "", this.demo ? (0, _index.html)(_templateObject2_ae3af3b01f0511ed8cc3e9a95995ad69 || (_templateObject2_ae3af3b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div id=\"demo\">", "</div>"])), this.seed) : "", this.accentColor, this.width + "px", this.height + "px");
+        return (0, _index.html)(_templateObject_888921201f2611eda0c389891c227ec8 || (_templateObject_888921201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        ", "\n        ", "\n        ", " ", "\n        ", " ", "\n        ", " ", "\n        ", "\n        ", " ", "\n        ", "\n        ", "\n      </div>\n      ", "\n      <style>\n        #cardcircle {\n          fill: var(\n            --simple-colors-default-theme-", "-8,\n            var(--simple-colors-default-theme-accent-8, yellow)\n          );\n        }\n        div {\n          width: ", ";\n        }\n        .wrapper {\n          height: ", ";\n        }\n      </style>\n    "])), this.renderPiece(skin), this.base === 1 ? this.renderPiece(hair) : "", this.renderPiece(face), this.renderPiece(faceItem), this.renderPiece(shirt), this.renderPiece(pants), this.renderPiece(accessories), this.renderPiece(base), this.leg !== "" ? this.renderPiece(leg) : "", this.renderPiece(hatColor), this.fire ? this.renderPiece(fire) : "", hatFileName !== "none" ? this.renderPiece(hat) : "", this.circle ? this.renderPiece(circle) : "", this.demo ? (0, _index.html)(_templateObject2_888921201f2611eda0c389891c227ec8 || (_templateObject2_888921201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div id=\"demo\">", "</div>"])), this.seed) : "", this.accentColor, this.width + "px", this.height + "px");
       }
     }, {
       key: "renderPiece",
       value: function renderPiece(piece) {
-        return (0, _index.svg)(_templateObject3_ae3af3b01f0511ed8cc3e9a95995ad69 || (_templateObject3_ae3af3b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <svg xmlns=\"http://www.w3.org/2000/svg\" part=\"rpg-character-item\" viewBox=\"0 0 ", " ", "\" preserveAspectRatio=\"xMidYMid meet\">\n      <image\n        href=\"", "\"\n        width=\"", "px\"\n        height=\"", "px\"\n        focusable=\"false\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      ></image>\n    </svg>"])), this.width, this.height, piece, this.width, this.height);
+        return (0, _index.svg)(_templateObject3_888921201f2611eda0c389891c227ec8 || (_templateObject3_888921201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <svg xmlns=\"http://www.w3.org/2000/svg\" part=\"rpg-character-item\" viewBox=\"0 0 ", " ", "\" preserveAspectRatio=\"xMidYMid meet\">\n      <image\n        href=\"", "\"\n        width=\"", "px\"\n        height=\"", "px\"\n        focusable=\"false\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      ></image>\n    </svg>"])), this.width, this.height, piece, this.width, this.height);
       }
     }, {
       key: "updated",
@@ -323,7 +323,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(RpgCharacter), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject4_ae3af3b01f0511ed8cc3e9a95995ad69 || (_templateObject4_ae3af3b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          margin: 0;\n          padding: 0;\n          text-align: initial;\n          position: relative;\n        }\n        svg,\n        img {\n          position: absolute;\n          margin: 0;\n          padding: 0;\n          text-align: initial;\n        }\n        div {\n          transition: 0.3s ease-in-out background-color;\n          margin: 0;\n          padding: 0;\n          text-align: initial;\n        }\n        #demo {\n          height: 30px;\n          padding-top: 10px;\n          text-align: center;\n          background-color: black;\n          color: white;\n          font-weight: bold;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject4_888921201f2611eda0c389891c227ec8 || (_templateObject4_888921201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          margin: 0;\n          padding: 0;\n          text-align: initial;\n          position: relative;\n        }\n        svg,\n        img {\n          position: absolute;\n          margin: 0;\n          padding: 0;\n          text-align: initial;\n        }\n        div {\n          transition: 0.3s ease-in-out background-color;\n          margin: 0;\n          padding: 0;\n          text-align: initial;\n        }\n        #demo {\n          height: 30px;\n          padding-top: 10px;\n          text-align: center;\n          background-color: black;\n          color: white;\n          font-weight: bold;\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rss-items/rss-items.js b/build/es5-amd/node_modules/@lrnwebcomponents/rss-items/rss-items.js
index 7fcb2145d72..0fd4ef1b971 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rss-items/rss-items.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rss-items/rss-items.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
   _exports.RssItems = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_9da9c5801f0511ed8cc3e9a95995ad69, _templateObject2_9da9c5801f0511ed8cc3e9a95995ad69, _templateObject3_9da9c5801f0511ed8cc3e9a95995ad69, _templateObject4_9da9c5801f0511ed8cc3e9a95995ad69, _templateObject5_9da9c5801f0511ed8cc3e9a95995ad69;
+  var _templateObject_78b3eff01f2611eda0c389891c227ec8, _templateObject2_78b3eff01f2611eda0c389891c227ec8, _templateObject3_78b3eff01f2611eda0c389891c227ec8, _templateObject4_78b3eff01f2611eda0c389891c227ec8, _templateObject5_78b3eff01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -69,8 +69,8 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
       function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_9da9c5801f0511ed8cc3e9a95995ad69 || (_templateObject_9da9c5801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.items.map(function (item) {
-          return (0, _index.html)(_templateObject2_9da9c5801f0511ed8cc3e9a95995ad69 || (_templateObject2_9da9c5801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <article>\n          ", "\n          <a href=\"", "\" title=\"", "\">\n            <span class=\"title\"\n              >", "</span\n            >\n          </a>\n          <div class=\"excerpt\">\n            ", "\n          </div>\n          ", "\n        </article>\n      "])), item.imageSrc ? (0, _index.html)(_templateObject3_9da9c5801f0511ed8cc3e9a95995ad69 || (_templateObject3_9da9c5801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <a\n                  class=\"thumbnail-container\"\n                  href=\"", "\"\n                  title=\"", "\"\n                >\n                  <img\n                    class=\"thumbnail\"\n                    src=\"", "\"\n                    alt=\"", "\"\n                    loading=\"lazy\"\n                  />\n                </a>\n              "])), item.link, item.title, item.imageSrc, item.title) : "", item.link, item.title, _this2._truncateText(item.title, _this2.maxTitleLength), _this2._truncateText(item.excerpt, _this2.maxExcerptLength), _this2.showReadMore ? (0, _index.html)(_templateObject4_9da9c5801f0511ed8cc3e9a95995ad69 || (_templateObject4_9da9c5801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <a\n                  tabindex=\"-1\"\n                  href=\"", "\"\n                  class=\"read-more\"\n                  title=\"", "\"\n                  >", "\n                  <simple-icon-button\n                    icon=\"icons:arrow-forward\"\n                    class=\"read-more-icon\"\n                    alt=\"", "\"\n                  ></simple-icon-button>\n                </a>\n              "])), item.link, item.title, _this2.readMoreAnchorText, _this2.readMoreImageAlt) : "");
+        return (0, _index.html)(_templateObject_78b3eff01f2611eda0c389891c227ec8 || (_templateObject_78b3eff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.items.map(function (item) {
+          return (0, _index.html)(_templateObject2_78b3eff01f2611eda0c389891c227ec8 || (_templateObject2_78b3eff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <article>\n          ", "\n          <a href=\"", "\" title=\"", "\">\n            <span class=\"title\"\n              >", "</span\n            >\n          </a>\n          <div class=\"excerpt\">\n            ", "\n          </div>\n          ", "\n        </article>\n      "])), item.imageSrc ? (0, _index.html)(_templateObject3_78b3eff01f2611eda0c389891c227ec8 || (_templateObject3_78b3eff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <a\n                  class=\"thumbnail-container\"\n                  href=\"", "\"\n                  title=\"", "\"\n                >\n                  <img\n                    class=\"thumbnail\"\n                    src=\"", "\"\n                    alt=\"", "\"\n                    loading=\"lazy\"\n                  />\n                </a>\n              "])), item.link, item.title, item.imageSrc, item.title) : "", item.link, item.title, _this2._truncateText(item.title, _this2.maxTitleLength), _this2._truncateText(item.excerpt, _this2.maxExcerptLength), _this2.showReadMore ? (0, _index.html)(_templateObject4_78b3eff01f2611eda0c389891c227ec8 || (_templateObject4_78b3eff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <a\n                  tabindex=\"-1\"\n                  href=\"", "\"\n                  class=\"read-more\"\n                  title=\"", "\"\n                  >", "\n                  <simple-icon-button\n                    icon=\"icons:arrow-forward\"\n                    class=\"read-more-icon\"\n                    alt=\"", "\"\n                  ></simple-icon-button>\n                </a>\n              "])), item.link, item.title, _this2.readMoreAnchorText, _this2.readMoreImageAlt) : "");
         }));
       } // haxProperty definition
 
@@ -256,7 +256,7 @@ define(["exports", "meta", "../../lit/index.js", "../es-global-bridge/es-global-
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject5_9da9c5801f0511ed8cc3e9a95995ad69 || (_templateObject5_9da9c5801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host {\n          display: flex;\n          flex-wrap: wrap;\n          flex-direction: row;\n          align-items: flex-start;\n          justify-content: space-between;\n        }\n\n        :host * {\n          box-sizing: border-box;\n        }\n\n        h3,\n        p {\n          margin: 0;\n        }\n\n        a {\n          color: var(--primary-color, inherit);\n          text-decoration: none;\n        }\n\n        article {\n          margin-bottom: 2em;\n        }\n\n        .thumbnail-container {\n          display: block;\n          overflow: hidden;\n          width: 100%;\n          height: 180px;\n        }\n\n        .thumbnail {\n          width: 100%;\n          height: 100%;\n          transition: transform 0.5s ease-out;\n        }\n\n        .thumbnail-container:hover .thumbnail,\n        .thumbnail-container:focus .thumbnail {\n          transform: scale3d(1.3, 1.3, 1);\n        }\n\n        .title {\n          min-height: 3em;\n          margin: 1em 0 0.5em;\n        }\n\n        .excerpt {\n          min-height: 6em;\n          margin: 0.5em 0 2em;\n        }\n\n        @media (max-width: 599px) {\n          .title,\n          .excerpt {\n            min-height: 0;\n          }\n        }\n\n        @media (min-width: 600px) {\n          article {\n            flex: 1 1 40%;\n            margin-right: 2em;\n          }\n\n          article:nth-of-type(2n),\n          article:last-of-type {\n            margin-right: 0;\n          }\n        }\n\n        @media (min-width: 900px) {\n          article {\n            flex: 1 1 30%;\n          }\n\n          article:nth-of-type(2n) {\n            margin-right: 2em;\n          }\n\n          article:nth-of-type(3n) {\n            margin-right: 0;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject5_78b3eff01f2611eda0c389891c227ec8 || (_templateObject5_78b3eff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host {\n          display: flex;\n          flex-wrap: wrap;\n          flex-direction: row;\n          align-items: flex-start;\n          justify-content: space-between;\n        }\n\n        :host * {\n          box-sizing: border-box;\n        }\n\n        h3,\n        p {\n          margin: 0;\n        }\n\n        a {\n          color: var(--primary-color, inherit);\n          text-decoration: none;\n        }\n\n        article {\n          margin-bottom: 2em;\n        }\n\n        .thumbnail-container {\n          display: block;\n          overflow: hidden;\n          width: 100%;\n          height: 180px;\n        }\n\n        .thumbnail {\n          width: 100%;\n          height: 100%;\n          transition: transform 0.5s ease-out;\n        }\n\n        .thumbnail-container:hover .thumbnail,\n        .thumbnail-container:focus .thumbnail {\n          transform: scale3d(1.3, 1.3, 1);\n        }\n\n        .title {\n          min-height: 3em;\n          margin: 1em 0 0.5em;\n        }\n\n        .excerpt {\n          min-height: 6em;\n          margin: 0.5em 0 2em;\n        }\n\n        @media (max-width: 599px) {\n          .title,\n          .excerpt {\n            min-height: 0;\n          }\n        }\n\n        @media (min-width: 600px) {\n          article {\n            flex: 1 1 40%;\n            margin-right: 2em;\n          }\n\n          article:nth-of-type(2n),\n          article:last-of-type {\n            margin-right: 0;\n          }\n        }\n\n        @media (min-width: 900px) {\n          article {\n            flex: 1 1 30%;\n          }\n\n          article:nth-of-type(2n) {\n            margin-right: 2em;\n          }\n\n          article:nth-of-type(3n) {\n            margin-right: 0;\n          }\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/sakai-button/sakai-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/sakai-button/sakai-button.js
index c6761b298d5..d958cd15437 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/sakai-button/sakai-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/sakai-button/sakai-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.SakaiButton = void 0;
 
-  var _templateObject_ae3cc8701f0511ed8cc3e9a95995ad69, _templateObject2_ae3cc8701f0511ed8cc3e9a95995ad69;
+  var _templateObject_888af5e01f2611eda0c389891c227ec8, _templateObject2_888af5e01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -42,7 +42,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_ae3cc8701f0511ed8cc3e9a95995ad69 || (_templateObject_ae3cc8701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
+        return (0, _index.html)(_templateObject_888af5e01f2611eda0c389891c227ec8 || (_templateObject_888af5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
       }
       /**
        * Convention we use
@@ -107,7 +107,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(SakaiButton), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_ae3cc8701f0511ed8cc3e9a95995ad69 || (_templateObject2_ae3cc8701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_888af5e01f2611eda0c389891c227ec8 || (_templateObject2_888af5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/scroll-button/scroll-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/scroll-button/scroll-button.js
index 247c2548777..7d57f5f1824 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/scroll-button/scroll-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/scroll-button/scroll-button.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-icon/lib/
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ae4294d01f0511ed8cc3e9a95995ad69, _templateObject2_ae4294d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_889185901f2611eda0c389891c227ec8, _templateObject2_889185901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -85,7 +85,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-icon/lib/
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ae4294d01f0511ed8cc3e9a95995ad69 || (_templateObject_ae4294d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-icon-button-lite\n        @click=\"", "\"\n        id=\"btn\"\n        icon=\"", "\"\n        label=\"", "\"\n      ></simple-icon-button-lite>\n      <simple-tooltip for=\"btn\" position=\"", "\" offset=\"14\">\n        ", "\n      </simple-tooltip>"])), this.scrollEvent, this.icon, this._label, this.position, this._label);
+        return (0, _index.html)(_templateObject_889185901f2611eda0c389891c227ec8 || (_templateObject_889185901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-icon-button-lite\n        @click=\"", "\"\n        id=\"btn\"\n        icon=\"", "\"\n        label=\"", "\"\n      ></simple-icon-button-lite>\n      <simple-tooltip for=\"btn\" position=\"", "\" offset=\"14\">\n        ", "\n      </simple-tooltip>"])), this.scrollEvent, this.icon, this._label, this.position, this._label);
       } // properties available to the custom element for data binding
 
     }, {
@@ -118,7 +118,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-icon/lib/
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_ae4294d01f0511ed8cc3e9a95995ad69 || (_templateObject2_ae4294d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --scroll-button-z-index: 99;\n          z-index: var(--scroll-button-z-index);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        simple-icon-button-lite {\n          background-color: var(\n            --scroll-button-background-color,\n            rgba(0, 0, 0, 0.6)\n          );\n          color: var(--scroll-button-color, white);\n        }\n\n        simple-icon-button-lite:hover,\n        simple-icon-button-lite:active,\n        simple-icon-button-lite:focus {\n          color: var(--scroll-button-background-color, rgba(0, 0, 0, 1));\n          background-color: var(--scroll-button-color, white);\n        }\n\n        simple-tooltip {\n          --simple-tooltip-background: var(\n            --scroll-button-tooltip-background-color,\n            #000000\n          );\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: var(\n            --scroll-button-tooltip-color,\n            #ffffff\n          );\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_889185901f2611eda0c389891c227ec8 || (_templateObject2_889185901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --scroll-button-z-index: 99;\n          z-index: var(--scroll-button-z-index);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        simple-icon-button-lite {\n          background-color: var(\n            --scroll-button-background-color,\n            rgba(0, 0, 0, 0.6)\n          );\n          color: var(--scroll-button-color, white);\n        }\n\n        simple-icon-button-lite:hover,\n        simple-icon-button-lite:active,\n        simple-icon-button-lite:focus {\n          color: var(--scroll-button-background-color, rgba(0, 0, 0, 1));\n          background-color: var(--scroll-button-color, white);\n        }\n\n        simple-tooltip {\n          --simple-tooltip-background: var(\n            --scroll-button-tooltip-background-color,\n            #000000\n          );\n          --simple-tooltip-opacity: 1;\n          --simple-tooltip-text-color: var(\n            --scroll-button-tooltip-color,\n            #ffffff\n          );\n          --simple-tooltip-delay-in: 0;\n          --simple-tooltip-border-radius: 0;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/select-menu/select-menu.js b/build/es5-amd/node_modules/@lrnwebcomponents/select-menu/select-menu.js
index 3f5f0bd5f38..c0872e1be70 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/select-menu/select-menu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/select-menu/select-menu.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
   _exports.SelectMenu = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ae5643e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_88a4e6801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -91,7 +91,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_ae5643e01f0511ed8cc3e9a95995ad69 || (_templateObject_ae5643e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        paper-dropdown-menu,\n        paper-listbox {\n          width: 250px;\n        }\n        paper-dropdown-menu {\n          height: 200px;\n          margin: auto;\n          display: block;\n        }\n      </style>\n      <paper-dropdown-menu\n        id=\"menu\"\n        label$=\"[[label]]\"\n        on-click=\"_menubuttonTap\"\n        on-selected-item-changed=\"_setSelectedValue\"\n      >\n        <paper-listbox\n          id=\"listbox\"\n          slot=\"dropdown-content\"\n          selected=\"{{selectedIndex}}\"\n        >\n          <slot></slot>\n        </paper-listbox>\n      </paper-dropdown-menu>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_88a4e6801f2611eda0c389891c227ec8 || (_templateObject_88a4e6801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        paper-dropdown-menu,\n        paper-listbox {\n          width: 250px;\n        }\n        paper-dropdown-menu {\n          height: 200px;\n          margin: auto;\n          display: block;\n        }\n      </style>\n      <paper-dropdown-menu\n        id=\"menu\"\n        label$=\"[[label]]\"\n        on-click=\"_menubuttonTap\"\n        on-selected-item-changed=\"_setSelectedValue\"\n      >\n        <paper-listbox\n          id=\"listbox\"\n          slot=\"dropdown-content\"\n          selected=\"{{selectedIndex}}\"\n        >\n          <slot></slot>\n        </paper-listbox>\n      </paper-dropdown-menu>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/self-check/self-check.js b/build/es5-amd/node_modules/@lrnwebcomponents/self-check/self-check.js
index facc5b7b7c3..1daf15cd417 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/self-check/self-check.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/self-check/self-check.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ae5a62901f0511ed8cc3e9a95995ad69, _templateObject2_ae5a62901f0511ed8cc3e9a95995ad69, _templateObject3_ae5a62901f0511ed8cc3e9a95995ad69;
+  var _templateObject_88a9c8801f2611eda0c389891c227ec8, _templateObject2_88a9c8801f2611eda0c389891c227ec8, _templateObject3_88a9c8801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -82,7 +82,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
     babelHelpers.createClass(SelfCheck, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_ae5a62901f0511ed8cc3e9a95995ad69 || (_templateObject_ae5a62901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"card\">\n        <div class=\"image-wrap\">\n          ", "\n          <img\n            src=\"", "\"\n            alt=\"", "\"\n            aria-describedby=\"", "\"\n            loading=\"lazy\"\n          />\n        </div>\n        <div class=\"triangle\"></div>\n        <div id=\"header_wrap\">\n          <simple-icon\n            id=\"questionmark\"\n            icon=\"icons:help\"\n            ?dark=\"", "\"\n            contrast=\"4\"\n          ></simple-icon>\n          <div class=\"heading\" id=\"title\">\n            <slot name=\"heading\">", "</slot>\n          </div>\n        </div>\n        <div id=\"question_wrap\">\n          <div\n            class=\"question\"\n            aria-hidden=\"", "\"\n          >\n            <slot name=\"question\"></slot>\n            <div class=\"check_button\">\n              <simple-icon-button\n                controls=\"answer_wrap\"\n                aria-label=\"", "\"\n                id=\"checkBtn\"\n                class=\"check-btn\"\n                icon=\"icons:check-circle\"\n                ?dark=\"", "\"\n                @click=\"", "\"\n              ></simple-icon-button>\n              <simple-tooltip aria-hidden=\"true\" for=\"checkBtn\" position=\"left\">\n                ", "\n              </simple-tooltip>\n            </div>\n          </div>\n          <div\n            id=\"answer_wrap\"\n            aria-hidden=\"", "\"\n            aria-live=\"polite\"\n          >\n            <div class=\"answer\">\n              <user-action track=\"visibility\">\n                <slot></slot>\n              </user-action>\n              ", "\n              <div class=\"close_button\">\n                <simple-icon-button\n                  aria-label=\"", "\"\n                  id=\"closeBtn\"\n                  ?dark=\"", "\"\n                  icon=\"icons:close\"\n                  @click=\"", "\"\n                >\n                </simple-icon-button>\n                <simple-tooltip\n                  aria-hidden=\"true\"\n                  for=\"closeBtn\"\n                  position=\"left\"\n                >\n                  ", "\n                </simple-tooltip>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    "])), this.renderSVGLoader(), this.image, this.alt, this.describedBy || "", !this.dark, this.title, this.correct ? "true" : "false", this.t.revealAnswer, this.dark, this.openAnswer, this.t.revealAnswer, this.correct ? "false" : "true", this.link ? (0, _index.html)(_templateObject2_ae5a62901f0511ed8cc3e9a95995ad69 || (_templateObject2_ae5a62901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <div class=\"more_info\">\n                      <user-action track=\"click\" every=\"every\"\n                        ><a href=\"", "\" target=\"_blank\" rel=\"noopener\"\n                          >", "...</a\n                        ></user-action\n                      >\n                    </div>\n                  "])), this.link, this.t.moreInformation) : "", this.t.close, !this.dark, this.openAnswer, this.t.close);
+        return (0, _index.html)(_templateObject_88a9c8801f2611eda0c389891c227ec8 || (_templateObject_88a9c8801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"card\">\n        <div class=\"image-wrap\">\n          ", "\n          <img\n            src=\"", "\"\n            alt=\"", "\"\n            aria-describedby=\"", "\"\n            loading=\"lazy\"\n          />\n        </div>\n        <div class=\"triangle\"></div>\n        <div id=\"header_wrap\">\n          <simple-icon\n            id=\"questionmark\"\n            icon=\"icons:help\"\n            ?dark=\"", "\"\n            contrast=\"4\"\n          ></simple-icon>\n          <div class=\"heading\" id=\"title\">\n            <slot name=\"heading\">", "</slot>\n          </div>\n        </div>\n        <div id=\"question_wrap\">\n          <div\n            class=\"question\"\n            aria-hidden=\"", "\"\n          >\n            <slot name=\"question\"></slot>\n            <div class=\"check_button\">\n              <simple-icon-button\n                controls=\"answer_wrap\"\n                aria-label=\"", "\"\n                id=\"checkBtn\"\n                class=\"check-btn\"\n                icon=\"icons:check-circle\"\n                ?dark=\"", "\"\n                @click=\"", "\"\n              ></simple-icon-button>\n              <simple-tooltip aria-hidden=\"true\" for=\"checkBtn\" position=\"left\">\n                ", "\n              </simple-tooltip>\n            </div>\n          </div>\n          <div\n            id=\"answer_wrap\"\n            aria-hidden=\"", "\"\n            aria-live=\"polite\"\n          >\n            <div class=\"answer\">\n              <user-action track=\"visibility\">\n                <slot></slot>\n              </user-action>\n              ", "\n              <div class=\"close_button\">\n                <simple-icon-button\n                  aria-label=\"", "\"\n                  id=\"closeBtn\"\n                  ?dark=\"", "\"\n                  icon=\"icons:close\"\n                  @click=\"", "\"\n                >\n                </simple-icon-button>\n                <simple-tooltip\n                  aria-hidden=\"true\"\n                  for=\"closeBtn\"\n                  position=\"left\"\n                >\n                  ", "\n                </simple-tooltip>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    "])), this.renderSVGLoader(), this.image, this.alt, this.describedBy || "", !this.dark, this.title, this.correct ? "true" : "false", this.t.revealAnswer, this.dark, this.openAnswer, this.t.revealAnswer, this.correct ? "false" : "true", this.link ? (0, _index.html)(_templateObject2_88a9c8801f2611eda0c389891c227ec8 || (_templateObject2_88a9c8801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <div class=\"more_info\">\n                      <user-action track=\"click\" every=\"every\"\n                        ><a href=\"", "\" target=\"_blank\" rel=\"noopener\"\n                          >", "...</a\n                        ></user-action\n                      >\n                    </div>\n                  "])), this.link, this.t.moreInformation) : "", this.t.close, !this.dark, this.openAnswer, this.t.close);
       }
       /**
        * LitElement life cycle - property changed
@@ -155,7 +155,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../simple-colors/si
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SelfCheck), "styles", this)), [(0, _index.css)(_templateObject3_ae5a62901f0511ed8cc3e9a95995ad69 || (_templateObject3_ae5a62901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 15px 0;\n        }\n        :host([hidden]),\n        *[hidden] {\n          display: none !important;\n        }\n\n        div.card {\n          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);\n          width: 100%;\n          color: var(\n            --self-check-question-text,\n            var(--simple-colors-default-theme-grey-12, #000)\n          );\n          background-color: var(\n            --self-check-question-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          overflow: hidden;\n        }\n\n        simple-icon-button {\n          --simple-icon-width: 24px;\n          --simple-icon-height: 24px;\n          position: relative;\n          left: 10px;\n          bottom: -10px;\n          padding: 2px;\n        }\n\n        .check_button {\n          display: flex;\n          justify-content: flex-end;\n        }\n        .close_button {\n          display: flex;\n          justify-content: flex-end;\n        }\n\n        simple-icon#questionmark {\n          --simple-icon-width: 35px;\n          --simple-icon-height: 35px;\n          padding: 5px;\n          color: var(\n            --self-check-heading-text,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n\n        .heading {\n          text-transform: uppercase;\n          font-size: 22px;\n          margin: 10px;\n          color: var(\n            --self-check-heading-text,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n\n        #header_wrap {\n          color: var(\n            --self-check-heading-text,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          background-color: var(\n            --self-check-heading-color,\n            var(--simple-colors-default-theme-accent-8, #444)\n          );\n          display: flex;\n          align-items: center;\n          width: 100%;\n          margin: -20px 0 0;\n        }\n\n        #question_wrap {\n          color: var(\n            --self-check-question-text,\n            var(--simple-colors-default-theme-grey-12, #000)\n          );\n          background-color: var(\n            --self-check-question-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          position: relative;\n        }\n\n        .question {\n          font-size: 16px;\n          padding: 15px 15px;\n        }\n\n        :host([correct]) .question {\n          display: none;\n        }\n\n        #answer_wrap {\n          visibility: hidden;\n          opacity: 0;\n          color: var(\n            --self-check-answer-text,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          background-color: var(\n            --self-check-answer-color,\n            var(--simple-colors-default-theme-light-green-11, #00762e)\n          );\n          border-top: 2px solid\n            var(\n              --self-check-answer-text,\n              var(--simple-colors-default-theme-grey-1, #fff)\n            );\n          width: 100%;\n          top: 0;\n          transition: all 0.2s ease;\n          left: calc(100%);\n          position: absolute;\n        }\n\n        :host([correct]) #answer_wrap {\n          visibility: visible;\n          opacity: 1;\n          position: relative;\n          left: 0;\n        }\n\n        .answer {\n          font-size: 16px;\n          padding: 15px;\n          line-height: 19.2px;\n        }\n\n        #quote_start {\n          display: inline-flex;\n          transform: rotateY(180deg);\n        }\n\n        #quote_end {\n          display: inline-flex;\n        }\n\n        .triangle {\n          width: 0;\n          height: 0;\n          border-left: 20px solid transparent;\n          border-right: 20px solid transparent;\n          border-bottom: 20px solid\n            var(\n              --self-check-heading-color,\n              var(--simple-colors-default-theme-accent-8, #444)\n            );\n          position: relative;\n          top: -20px;\n          left: -1px;\n        }\n\n        .more_info {\n          display: inline;\n        }\n\n        .more_info a {\n          color: var(\n            --self-check-answer-text,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n\n        .more_info a:hover {\n          text-decoration: none;\n        }\n        .image-wrap {\n          max-height: 400px;\n          overflow: hidden;\n        }\n        ::slotted([slot=\"heading\"]) {\n          margin: 0;\n        }\n        ::slotted(p:first-child) {\n          margin-top: 0;\n        }\n        ::slotted(p:last-child) {\n          margin-top: 0;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SelfCheck), "styles", this)), [(0, _index.css)(_templateObject3_88a9c8801f2611eda0c389891c227ec8 || (_templateObject3_88a9c8801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 15px 0;\n        }\n        :host([hidden]),\n        *[hidden] {\n          display: none !important;\n        }\n\n        div.card {\n          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);\n          width: 100%;\n          color: var(\n            --self-check-question-text,\n            var(--simple-colors-default-theme-grey-12, #000)\n          );\n          background-color: var(\n            --self-check-question-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          overflow: hidden;\n        }\n\n        simple-icon-button {\n          --simple-icon-width: 24px;\n          --simple-icon-height: 24px;\n          position: relative;\n          left: 10px;\n          bottom: -10px;\n          padding: 2px;\n        }\n\n        .check_button {\n          display: flex;\n          justify-content: flex-end;\n        }\n        .close_button {\n          display: flex;\n          justify-content: flex-end;\n        }\n\n        simple-icon#questionmark {\n          --simple-icon-width: 35px;\n          --simple-icon-height: 35px;\n          padding: 5px;\n          color: var(\n            --self-check-heading-text,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n\n        .heading {\n          text-transform: uppercase;\n          font-size: 22px;\n          margin: 10px;\n          color: var(\n            --self-check-heading-text,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n\n        #header_wrap {\n          color: var(\n            --self-check-heading-text,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          background-color: var(\n            --self-check-heading-color,\n            var(--simple-colors-default-theme-accent-8, #444)\n          );\n          display: flex;\n          align-items: center;\n          width: 100%;\n          margin: -20px 0 0;\n        }\n\n        #question_wrap {\n          color: var(\n            --self-check-question-text,\n            var(--simple-colors-default-theme-grey-12, #000)\n          );\n          background-color: var(\n            --self-check-question-color,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          position: relative;\n        }\n\n        .question {\n          font-size: 16px;\n          padding: 15px 15px;\n        }\n\n        :host([correct]) .question {\n          display: none;\n        }\n\n        #answer_wrap {\n          visibility: hidden;\n          opacity: 0;\n          color: var(\n            --self-check-answer-text,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n          background-color: var(\n            --self-check-answer-color,\n            var(--simple-colors-default-theme-light-green-11, #00762e)\n          );\n          border-top: 2px solid\n            var(\n              --self-check-answer-text,\n              var(--simple-colors-default-theme-grey-1, #fff)\n            );\n          width: 100%;\n          top: 0;\n          transition: all 0.2s ease;\n          left: calc(100%);\n          position: absolute;\n        }\n\n        :host([correct]) #answer_wrap {\n          visibility: visible;\n          opacity: 1;\n          position: relative;\n          left: 0;\n        }\n\n        .answer {\n          font-size: 16px;\n          padding: 15px;\n          line-height: 19.2px;\n        }\n\n        #quote_start {\n          display: inline-flex;\n          transform: rotateY(180deg);\n        }\n\n        #quote_end {\n          display: inline-flex;\n        }\n\n        .triangle {\n          width: 0;\n          height: 0;\n          border-left: 20px solid transparent;\n          border-right: 20px solid transparent;\n          border-bottom: 20px solid\n            var(\n              --self-check-heading-color,\n              var(--simple-colors-default-theme-accent-8, #444)\n            );\n          position: relative;\n          top: -20px;\n          left: -1px;\n        }\n\n        .more_info {\n          display: inline;\n        }\n\n        .more_info a {\n          color: var(\n            --self-check-answer-text,\n            var(--simple-colors-default-theme-grey-1, #fff)\n          );\n        }\n\n        .more_info a:hover {\n          text-decoration: none;\n        }\n        .image-wrap {\n          max-height: 400px;\n          overflow: hidden;\n        }\n        ::slotted([slot=\"heading\"]) {\n          margin: 0;\n        }\n        ::slotted(p:first-child) {\n          margin-top: 0;\n        }\n        ::slotted(p:last-child) {\n          margin-top: 0;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/service-card/service-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/service-card/service-card.js
index b816e70c925..0d9261fb974 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/service-card/service-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/service-card/service-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.ServiceCard = void 0;
 
-  var _templateObject_9e1001601f0511ed8cc3e9a95995ad69, _templateObject2_9e1001601f0511ed8cc3e9a95995ad69;
+  var _templateObject_78b59da01f2611eda0c389891c227ec8, _templateObject2_78b59da01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -35,7 +35,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(ServiceCard, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9e1001601f0511ed8cc3e9a95995ad69 || (_templateObject_9e1001601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"card\">\n        <div class=\"container\">\n          <img\n            loading=\"lazy\"\n            class=\"avatar\"\n            src=\"", "\"\n            alt=\"", "\"\n          />\n          <h3 class=\"title\"><b>", "</b></h3>\n          <p class=\"info\"><slot></slot></p>\n        </div>\n      </div>\n    "])), this.source, this.alt, this.title);
+        return (0, _index.html)(_templateObject_78b59da01f2611eda0c389891c227ec8 || (_templateObject_78b59da01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"card\">\n        <div class=\"container\">\n          <img\n            loading=\"lazy\"\n            class=\"avatar\"\n            src=\"", "\"\n            alt=\"", "\"\n          />\n          <h3 class=\"title\"><b>", "</b></h3>\n          <p class=\"info\"><slot></slot></p>\n        </div>\n      </div>\n    "])), this.source, this.alt, this.title);
       }
     }], [{
       key: "tag",
@@ -104,7 +104,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
     }, {
       key: "styles",
       get: function get() {
-        return (0, _index.css)(_templateObject2_9e1001601f0511ed8cc3e9a95995ad69 || (_templateObject2_9e1001601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: inline-flex;\n        margin: 16px;\n      }\n      .card {\n        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n        transition: 0.3s all ease-in-out;\n        width: var(--service-card-card-width, 300px);\n      }\n      .card:hover {\n        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\n      }\n      .container {\n        padding: 2px 2px 2px 2px;\n      }\n      .avatar {\n        border-radius: 50%;\n        width: calc(var(--service-card-card-width, 300px) - 10px);\n        padding: 5px;\n      }\n      .title {\n        padding: 4px 4px 4px 4px;\n        text-align: center;\n        font-family: \"Courier New\", courier, sans-serif;\n      }\n      .info {\n        padding: 4px 4px 4px 4px;\n        height: 125px;\n        overflow-y: auto;\n      }\n    "])));
+        return (0, _index.css)(_templateObject2_78b59da01f2611eda0c389891c227ec8 || (_templateObject2_78b59da01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: inline-flex;\n        margin: 16px;\n      }\n      .card {\n        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n        transition: 0.3s all ease-in-out;\n        width: var(--service-card-card-width, 300px);\n      }\n      .card:hover {\n        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\n      }\n      .container {\n        padding: 2px 2px 2px 2px;\n      }\n      .avatar {\n        border-radius: 50%;\n        width: calc(var(--service-card-card-width, 300px) - 10px);\n        padding: 5px;\n      }\n      .title {\n        padding: 4px 4px 4px 4px;\n        text-align: center;\n        font-family: \"Courier New\", courier, sans-serif;\n      }\n      .info {\n        padding: 4px 4px 4px 4px;\n        height: 125px;\n        overflow-y: auto;\n      }\n    "])));
       }
     }]);
     return ServiceCard;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-autocomplete/lib/simple-autocomplete-text-trigger.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-autocomplete/lib/simple-autocomplete-text-trigger.js
index 6ebb48a3664..addfdcf2bb7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-autocomplete/lib/simple-autocomplete-text-trigger.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-autocomplete/lib/simple-autocomplete-text-trigger.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../utils/utils.js", "../simple-a
   });
   _exports.SimpleAutocompleteTextTrigger = void 0;
 
-  var _templateObject_e511cd001f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb3934201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -39,7 +39,7 @@ define(["exports", "../../../lit/index.js", "../../utils/utils.js", "../simple-a
     babelHelpers.createClass(SimpleAutocompleteTextTrigger, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e511cd001f0511ed8cc3e9a95995ad69 || (_templateObject_e511cd001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-autocomplete\n        @item-selected=\"", "\"\n        selection-position\n        hide-input\n      ></simple-autocomplete\n      ><slot></slot>"])), this.valueChanged);
+        return (0, _index.html)(_templateObject_bb3934201f2611eda0c389891c227ec8 || (_templateObject_bb3934201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-autocomplete\n        @item-selected=\"", "\"\n        selection-position\n        hide-input\n      ></simple-autocomplete\n      ><slot></slot>"])), this.valueChanged);
       }
       /**
        * Convention we use
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-autocomplete/simple-autocomplete.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-autocomplete/simple-autocomplete.js
index 8abf655ca1e..c2701951258 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-autocomplete/simple-autocomplete.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-autocomplete/simple-autocomplete.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-filter/simple-fil
   _exports.SimpleAutocomplete = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ae6c8b001f0511ed8cc3e9a95995ad69, _templateObject2_ae6c8b001f0511ed8cc3e9a95995ad69, _templateObject3_ae6c8b001f0511ed8cc3e9a95995ad69, _templateObject4_ae6c8b001f0511ed8cc3e9a95995ad69, _templateObject5_ae6c8b001f0511ed8cc3e9a95995ad69, _templateObject6_ae6c8b001f0511ed8cc3e9a95995ad69, _templateObject7_ae6c8b001f0511ed8cc3e9a95995ad69, _templateObject8_ae6c8b001f0511ed8cc3e9a95995ad69;
+  var _templateObject_88ba91601f2611eda0c389891c227ec8, _templateObject2_88ba91601f2611eda0c389891c227ec8, _templateObject3_88ba91601f2611eda0c389891c227ec8, _templateObject4_88ba91601f2611eda0c389891c227ec8, _templateObject5_88ba91601f2611eda0c389891c227ec8, _templateObject6_88ba91601f2611eda0c389891c227ec8, _templateObject7_88ba91601f2611eda0c389891c227ec8, _templateObject8_88ba91601f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -115,9 +115,9 @@ define(["exports", "require", "../../lit/index.js", "../simple-filter/simple-fil
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_ae6c8b001f0511ed8cc3e9a95995ad69 || (_templateObject_ae6c8b001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <simple-popover\n        part=\"popover\"\n        auto\n        part=\"simple-popover\"\n        ?hidden=\"", "\"\n        position=\"bottom\"\n        for=\"input\"\n      >\n        ", "\n      </simple-popover>\n    "])), !this.hideInput ? (0, _index.html)(_templateObject2_ae6c8b001f0511ed8cc3e9a95995ad69 || (_templateObject2_ae6c8b001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span\n            part=\"input\"\n            id=\"input\"\n            name=\"input\"\n            @input=\"", "\"\n            contenteditable\n            @keydown=\"", "\"\n          ></span>"])), this.inputChanged, this.a11yInputKeys) : "", !this.opened || this.filtered.length === 0, this.filtered.length > 0 && this.opened ? (0, _index.html)(_templateObject3_ae6c8b001f0511ed8cc3e9a95995ad69 || (_templateObject3_ae6c8b001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <ul\n              part=\"list\"\n              role=\"listbox\"\n              @keydown=\"", "\"\n            >\n              ", "\n            </ul>"])), this.a11yListKeys, this.filtered.map(function (item, i) {
-          return (0, _index.html)(_templateObject4_ae6c8b001f0511ed8cc3e9a95995ad69 || (_templateObject4_ae6c8b001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), i < _this2.itemLimit ? (0, _index.html)(_templateObject5_ae6c8b001f0511ed8cc3e9a95995ad69 || (_templateObject5_ae6c8b001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<li\n                        role=\"option\"\n                        part=\"list-item\"\n                        value=\"", "\"\n                        data-index=\"", "\"\n                      >\n                        <button\n                          part=\"button\"\n                          value=\"", "\"\n                          data-index=\"", "\"\n                          @click=\"", "\"\n                        >\n                          ", "", "\n                        </button>\n                      </li>"])), item.value, i, item.value, i, _this2.itemSelect, item.icon ? (0, _index.html)(_templateObject6_ae6c8b001f0511ed8cc3e9a95995ad69 || (_templateObject6_ae6c8b001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n                                icon=\"", "\"\n                              ></simple-icon-lite>"])), item.icon) : "", item.label) : "");
-        })) : (0, _index.html)(_templateObject7_ae6c8b001f0511ed8cc3e9a95995ad69 || (_templateObject7_ae6c8b001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"no-results\" part=\"no-result\">No results</div>"]))));
+        return (0, _index.html)(_templateObject_88ba91601f2611eda0c389891c227ec8 || (_templateObject_88ba91601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <simple-popover\n        part=\"popover\"\n        auto\n        part=\"simple-popover\"\n        ?hidden=\"", "\"\n        position=\"bottom\"\n        for=\"input\"\n      >\n        ", "\n      </simple-popover>\n    "])), !this.hideInput ? (0, _index.html)(_templateObject2_88ba91601f2611eda0c389891c227ec8 || (_templateObject2_88ba91601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span\n            part=\"input\"\n            id=\"input\"\n            name=\"input\"\n            @input=\"", "\"\n            contenteditable\n            @keydown=\"", "\"\n          ></span>"])), this.inputChanged, this.a11yInputKeys) : "", !this.opened || this.filtered.length === 0, this.filtered.length > 0 && this.opened ? (0, _index.html)(_templateObject3_88ba91601f2611eda0c389891c227ec8 || (_templateObject3_88ba91601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <ul\n              part=\"list\"\n              role=\"listbox\"\n              @keydown=\"", "\"\n            >\n              ", "\n            </ul>"])), this.a11yListKeys, this.filtered.map(function (item, i) {
+          return (0, _index.html)(_templateObject4_88ba91601f2611eda0c389891c227ec8 || (_templateObject4_88ba91601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), i < _this2.itemLimit ? (0, _index.html)(_templateObject5_88ba91601f2611eda0c389891c227ec8 || (_templateObject5_88ba91601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<li\n                        role=\"option\"\n                        part=\"list-item\"\n                        value=\"", "\"\n                        data-index=\"", "\"\n                      >\n                        <button\n                          part=\"button\"\n                          value=\"", "\"\n                          data-index=\"", "\"\n                          @click=\"", "\"\n                        >\n                          ", "", "\n                        </button>\n                      </li>"])), item.value, i, item.value, i, _this2.itemSelect, item.icon ? (0, _index.html)(_templateObject6_88ba91601f2611eda0c389891c227ec8 || (_templateObject6_88ba91601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n                                icon=\"", "\"\n                              ></simple-icon-lite>"])), item.icon) : "", item.label) : "");
+        })) : (0, _index.html)(_templateObject7_88ba91601f2611eda0c389891c227ec8 || (_templateObject7_88ba91601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"no-results\" part=\"no-result\">No results</div>"]))));
       }
       /**
        * Accessibility enhancements for key presses while in the list of items
@@ -400,7 +400,7 @@ define(["exports", "require", "../../lit/index.js", "../simple-filter/simple-fil
        * LitElement convention
        */
       function get() {
-        return [(0, _index.css)(_templateObject8_ae6c8b001f0511ed8cc3e9a95995ad69 || (_templateObject8_ae6c8b001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #input {\n          border: none;\n          min-width: 10px;\n          outline: none;\n          padding: 0 2px;\n        }\n        simple-popover {\n          max-width: var(--simple-autocomplete-popover-max-width, 50vw);\n          padding: 0;\n          --simple-popover-padding: 0px;\n          --simple-popover-border: none;\n          --simple-popover-border-color: #eeeeee;\n          --simple-popover-border-radius: 0;\n        }\n        ul {\n          margin: 0;\n          padding: 0;\n          border: var(--simple-autocomplete-ul-border, 1px solid #eeeeee);\n        }\n        li {\n          list-style: none;\n          padding: 0;\n          margin: 0;\n          display: block;\n        }\n        button {\n          font-size: var(--simple-autocomplete-font-size, 14px);\n          line-height: var(--simple-autocomplete-line-height, 1.5);\n          display: block;\n          border: none;\n          border-bottom: var(\n            --simple-autocomplete-border-bottom,\n            1px solid #eeeeee\n          );\n          padding: 6px 12px;\n          font-weight: 500;\n          width: 100%;\n          background-color: transparent;\n          max-height: var(\n            --simple-autocomplete-max-height,\n            54px\n          ); /* font * line-height * 2 + padding */\n          text-overflow: ellipsis;\n          overflow: hidden;\n          text-align: left;\n          color: var(--simple-autocomplete-color, #333333);\n        }\n        ul li:first-child button {\n          border-top: none;\n        }\n        button:hover,\n        button:active,\n        button:focus {\n          background-color: var(\n            --simple-autocomplete-button-hover-background-color,\n            #eeeeee\n          );\n          color: var(--simple-autocomplete-hover-color, #000000);\n          outline: none;\n        }\n        .no-results {\n          font-size: var(--simple-autocomplete-font-size, 16px);\n          padding: 4px 8px;\n        }\n        simple-icon-lite {\n          color: var(--simple-autocomplete-color, #333333);\n          --simple-icon-width: var(--simple-autocomplete-icon-size, 16px);\n          --simple-icon-height: var(--simple-autocomplete-icon-size, 16px);\n          margin-right: 2px;\n          vertical-align: middle;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject8_88ba91601f2611eda0c389891c227ec8 || (_templateObject8_88ba91601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #input {\n          border: none;\n          min-width: 10px;\n          outline: none;\n          padding: 0 2px;\n        }\n        simple-popover {\n          max-width: var(--simple-autocomplete-popover-max-width, 50vw);\n          padding: 0;\n          --simple-popover-padding: 0px;\n          --simple-popover-border: none;\n          --simple-popover-border-color: #eeeeee;\n          --simple-popover-border-radius: 0;\n        }\n        ul {\n          margin: 0;\n          padding: 0;\n          border: var(--simple-autocomplete-ul-border, 1px solid #eeeeee);\n        }\n        li {\n          list-style: none;\n          padding: 0;\n          margin: 0;\n          display: block;\n        }\n        button {\n          font-size: var(--simple-autocomplete-font-size, 14px);\n          line-height: var(--simple-autocomplete-line-height, 1.5);\n          display: block;\n          border: none;\n          border-bottom: var(\n            --simple-autocomplete-border-bottom,\n            1px solid #eeeeee\n          );\n          padding: 6px 12px;\n          font-weight: 500;\n          width: 100%;\n          background-color: transparent;\n          max-height: var(\n            --simple-autocomplete-max-height,\n            54px\n          ); /* font * line-height * 2 + padding */\n          text-overflow: ellipsis;\n          overflow: hidden;\n          text-align: left;\n          color: var(--simple-autocomplete-color, #333333);\n        }\n        ul li:first-child button {\n          border-top: none;\n        }\n        button:hover,\n        button:active,\n        button:focus {\n          background-color: var(\n            --simple-autocomplete-button-hover-background-color,\n            #eeeeee\n          );\n          color: var(--simple-autocomplete-hover-color, #000000);\n          outline: none;\n        }\n        .no-results {\n          font-size: var(--simple-autocomplete-font-size, 16px);\n          padding: 4px 8px;\n        }\n        simple-icon-lite {\n          color: var(--simple-autocomplete-color, #333333);\n          --simple-icon-width: var(--simple-autocomplete-icon-size, 16px);\n          --simple-icon-height: var(--simple-autocomplete-icon-size, 16px);\n          margin-right: 2px;\n          vertical-align: middle;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog-card/simple-blog-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog-card/simple-blog-card.js
index be0a03a183d..47b76e81741 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog-card/simple-blog-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog-card/simple-blog-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-popover/simple-popover.js",
   });
   _exports.SimpleBlogCard = void 0;
 
-  var _templateObject_ae7516801f0511ed8cc3e9a95995ad69, _templateObject2_ae7516801f0511ed8cc3e9a95995ad69;
+  var _templateObject_88c2cec01f2611eda0c389891c227ec8, _templateObject2_88c2cec01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -48,7 +48,7 @@ define(["exports", "../../lit/index.js", "../simple-popover/simple-popover.js",
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_ae7516801f0511ed8cc3e9a95995ad69 || (_templateObject_ae7516801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n\n<div class=\"card-", " card\">\n  <img .alt=\"", "\" .src=\"", "\" loading=\"lazy\"/>\n  <div class=\"card-content\">\n    <a href=\"", "\">\n      <h3>", "</h3>\n      <div class=\"teaser\">\n        <slot></slot>\n      </div>\n    </a>\n  </div>\n  <div class=\"card-actions\">\n    <div id=\"author\" class=\"author-block\">\n      <paper-avatar\n        .label=\"", "\"\n        .src=\"", "\">\n      </paper-avatar>\n      <div class=\"author-info\">\n        <a .href=\"", "\">", "</a>\n        <div class=\"post-details\">\n          <simple-datetime format=\"M jS\" .timestamp=\"", "\" unix>\n          </simple-datetime>\n          <span class=\"dot\">&#183</span>\n          <span class=\"reading-time\" .title=\"", " min read\"></span>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>"])), this.size, this.alt, this.image, this.link, this.title, this.author, this.authorimage, this.authorlink, this.author, this.timestamp, this.readtime);
+        return (0, _index.html)(_templateObject_88c2cec01f2611eda0c389891c227ec8 || (_templateObject_88c2cec01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n\n<div class=\"card-", " card\">\n  <img .alt=\"", "\" .src=\"", "\" loading=\"lazy\"/>\n  <div class=\"card-content\">\n    <a href=\"", "\">\n      <h3>", "</h3>\n      <div class=\"teaser\">\n        <slot></slot>\n      </div>\n    </a>\n  </div>\n  <div class=\"card-actions\">\n    <div id=\"author\" class=\"author-block\">\n      <paper-avatar\n        .label=\"", "\"\n        .src=\"", "\">\n      </paper-avatar>\n      <div class=\"author-info\">\n        <a .href=\"", "\">", "</a>\n        <div class=\"post-details\">\n          <simple-datetime format=\"M jS\" .timestamp=\"", "\" unix>\n          </simple-datetime>\n          <span class=\"dot\">&#183</span>\n          <span class=\"reading-time\" .title=\"", " min read\"></span>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>"])), this.size, this.alt, this.image, this.link, this.title, this.author, this.authorimage, this.authorlink, this.author, this.timestamp, this.readtime);
       } // properties available to the custom element for data binding
 
     }, {
@@ -92,7 +92,7 @@ define(["exports", "../../lit/index.js", "../simple-popover/simple-popover.js",
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_ae7516801f0511ed8cc3e9a95995ad69 || (_templateObject2_ae7516801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          --simple-blog-card-author-link: #03a87c;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host *[hidden] {\n          display: none;\n        }\n\n        simple-popover {\n          position: absolute;\n          display: flex;\n        }\n\n        div.card {\n          height: auto !important;\n          overflow: hidden;\n        }\n\n        img {\n          max-height: 200px;\n        }\n\n        .card-content a {\n          display: block;\n        }\n\n        .card-micro {\n          width: 100px;\n          --simple-blog-card-heading-font-size: 16px;\n          --simple-blog-card-content-font-size: 14px;\n        }\n\n        .card-small {\n          width: 200px;\n          --simple-blog-card-heading-font-size: 16px;\n        }\n\n        .card-medium {\n          width: 300px;\n        }\n\n        .card-large {\n          width: 400px;\n        }\n\n        .card-xlarge {\n          width: 600px;\n        }\n\n        a {\n          text-decoration: none;\n        }\n\n        .teaser {\n          overflow: hidden;\n        }\n\n        .teaser,\n        .teaser ::slotted(*) {\n          font-size: var(--simple-blog-card-content-font-size, 18px);\n          word-break: all;\n          line-height: 1.2;\n          text-overflow: ellipsis;\n        }\n\n        .card-content {\n          height: 100px;\n          padding: 0;\n          overflow: hidden;\n        }\n\n        .card-micro {\n          height: 50px;\n        }\n\n        .card-small {\n          height: 100px;\n        }\n\n        .card-medium {\n          height: 150px;\n        }\n\n        .card-large {\n          height: 200px;\n        }\n\n        .card-micro .card-content {\n          height: 50px;\n        }\n\n        .card-small .card-content {\n          height: 50px;\n        }\n\n        .card-medium .card-content {\n          height: 125px;\n        }\n\n        div.card h3 {\n          font-size: var(--simple-blog-card-heading-font-size, 22px);\n          color: var(--simple-blog-card-header, black);\n          text-decoration: none;\n          padding: 0;\n          margin: 8px 0;\n          font-family: \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\",\n            Geneva, Arial, sans-serif;\n          display: -webkit-box;\n          -webkit-line-clamp: 3;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          word-break: break-word;\n          word-wrap: break-word;\n          text-overflow: ellipsis;\n        }\n\n        paper-avatar {\n          -webkit-box-flex: 0;\n          -webkit-flex: 0 0 auto;\n          -ms-flex: 0 0 auto;\n          flex: 0 0 auto;\n          display: inline-block;\n        }\n\n        .reading-time:after {\n          content: attr(title);\n        }\n\n        .author-block {\n          display: flex;\n          align-items: center;\n        }\n\n        .author-info {\n          font-size: 14px;\n          padding-left: 10px;\n          text-rendering: auto;\n        }\n\n        .author-info a {\n          color: var(--simple-blog-card-author-link);\n        }\n\n        .post-details {\n          font-size: 14px;\n          color: var(--simple-blog-card-text, rgba(0, 0, 0, 0.54));\n        }\n\n        .post-details .dot {\n          padding-right: 0.3em;\n          padding-left: 0.3em;\n        }\n\n        .box {\n          outline: 1px solid black;\n        }\n\n        simple-popover:not([for]) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_88c2cec01f2611eda0c389891c227ec8 || (_templateObject2_88c2cec01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          --simple-blog-card-author-link: #03a87c;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host *[hidden] {\n          display: none;\n        }\n\n        simple-popover {\n          position: absolute;\n          display: flex;\n        }\n\n        div.card {\n          height: auto !important;\n          overflow: hidden;\n        }\n\n        img {\n          max-height: 200px;\n        }\n\n        .card-content a {\n          display: block;\n        }\n\n        .card-micro {\n          width: 100px;\n          --simple-blog-card-heading-font-size: 16px;\n          --simple-blog-card-content-font-size: 14px;\n        }\n\n        .card-small {\n          width: 200px;\n          --simple-blog-card-heading-font-size: 16px;\n        }\n\n        .card-medium {\n          width: 300px;\n        }\n\n        .card-large {\n          width: 400px;\n        }\n\n        .card-xlarge {\n          width: 600px;\n        }\n\n        a {\n          text-decoration: none;\n        }\n\n        .teaser {\n          overflow: hidden;\n        }\n\n        .teaser,\n        .teaser ::slotted(*) {\n          font-size: var(--simple-blog-card-content-font-size, 18px);\n          word-break: all;\n          line-height: 1.2;\n          text-overflow: ellipsis;\n        }\n\n        .card-content {\n          height: 100px;\n          padding: 0;\n          overflow: hidden;\n        }\n\n        .card-micro {\n          height: 50px;\n        }\n\n        .card-small {\n          height: 100px;\n        }\n\n        .card-medium {\n          height: 150px;\n        }\n\n        .card-large {\n          height: 200px;\n        }\n\n        .card-micro .card-content {\n          height: 50px;\n        }\n\n        .card-small .card-content {\n          height: 50px;\n        }\n\n        .card-medium .card-content {\n          height: 125px;\n        }\n\n        div.card h3 {\n          font-size: var(--simple-blog-card-heading-font-size, 22px);\n          color: var(--simple-blog-card-header, black);\n          text-decoration: none;\n          padding: 0;\n          margin: 8px 0;\n          font-family: \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\",\n            Geneva, Arial, sans-serif;\n          display: -webkit-box;\n          -webkit-line-clamp: 3;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          word-break: break-word;\n          word-wrap: break-word;\n          text-overflow: ellipsis;\n        }\n\n        paper-avatar {\n          -webkit-box-flex: 0;\n          -webkit-flex: 0 0 auto;\n          -ms-flex: 0 0 auto;\n          flex: 0 0 auto;\n          display: inline-block;\n        }\n\n        .reading-time:after {\n          content: attr(title);\n        }\n\n        .author-block {\n          display: flex;\n          align-items: center;\n        }\n\n        .author-info {\n          font-size: 14px;\n          padding-left: 10px;\n          text-rendering: auto;\n        }\n\n        .author-info a {\n          color: var(--simple-blog-card-author-link);\n        }\n\n        .post-details {\n          font-size: 14px;\n          color: var(--simple-blog-card-text, rgba(0, 0, 0, 0.54));\n        }\n\n        .post-details .dot {\n          padding-right: 0.3em;\n          padding-left: 0.3em;\n        }\n\n        .box {\n          outline: 1px solid black;\n        }\n\n        simple-popover:not([for]) {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-footer.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-footer.js
index eb8690bca1a..7df3bb1b8d6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-footer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-footer.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
   _exports.SimpleBlogFooter = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e516d6101f0511ed8cc3e9a95995ad69, _templateObject2_e516d6101f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb3e3d301f2611eda0c389891c227ec8, _templateObject2_bb3e3d301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -60,7 +60,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_e516d6101f0511ed8cc3e9a95995ad69 || (_templateObject_e516d6101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          button,\n          site-menu-button:not([disabled]) {\n            --site-menu-button-button: {\n              height: 44px;\n              width: 100%;\n            }\n          }\n        </style>\n      </custom-style>\n      <div class=\"background-closer-image-wrap\">\n        <div\n          class=\"background-closer-image\"\n          style=\"background-image: url(", ")\"\n        ></div>\n      </div>\n      <div class=\"inner\">\n        <site-menu-button type=\"prev\" position=\"right\">\n          <simple-datetime\n            format=\"M jS\"\n            .timestamp=\"", "\"\n            unix\n            slot=\"suffix\"\n          >\n          </simple-datetime>\n          <span slot=\"suffix\">", "</span>\n        </site-menu-button>\n        <site-menu-button type=\"next\" position=\"right\">\n          <simple-datetime\n            format=\"M jS\"\n            .timestamp=\"", "\"\n            unix\n            slot=\"prefix\"\n          ></simple-datetime>\n          <span slot=\"prefix\">", "</span>\n        </site-menu-button>\n        <button raised @click=\"", "\">Back to list</button>\n        <h2 class=\"blog-title\">\n          ", "\n        </h2>\n        <h3 class=\"blog-description\">\n          ", "\n        </h3>\n      </div>\n    "])), (0, _utils.varExists)(this.manifest, "metadata.theme.variables.image") ? this.manifest.metadata.theme.variables.image : "", this.prevChanged, this.prevTitle, this.nextChanged, this.nextTitle, this._backButtonTap, (0, _utils.varExists)(this.manifest, "title") ? this.manifest.title : "", (0, _utils.varExists)(this.manifest, "description") ? this.manifest.description : "");
+        return (0, _index.html)(_templateObject_bb3e3d301f2611eda0c389891c227ec8 || (_templateObject_bb3e3d301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          button,\n          site-menu-button:not([disabled]) {\n            --site-menu-button-button: {\n              height: 44px;\n              width: 100%;\n            }\n          }\n        </style>\n      </custom-style>\n      <div class=\"background-closer-image-wrap\">\n        <div\n          class=\"background-closer-image\"\n          style=\"background-image: url(", ")\"\n        ></div>\n      </div>\n      <div class=\"inner\">\n        <site-menu-button type=\"prev\" position=\"right\">\n          <simple-datetime\n            format=\"M jS\"\n            .timestamp=\"", "\"\n            unix\n            slot=\"suffix\"\n          >\n          </simple-datetime>\n          <span slot=\"suffix\">", "</span>\n        </site-menu-button>\n        <site-menu-button type=\"next\" position=\"right\">\n          <simple-datetime\n            format=\"M jS\"\n            .timestamp=\"", "\"\n            unix\n            slot=\"prefix\"\n          ></simple-datetime>\n          <span slot=\"prefix\">", "</span>\n        </site-menu-button>\n        <button raised @click=\"", "\">Back to list</button>\n        <h2 class=\"blog-title\">\n          ", "\n        </h2>\n        <h3 class=\"blog-description\">\n          ", "\n        </h3>\n      </div>\n    "])), (0, _utils.varExists)(this.manifest, "metadata.theme.variables.image") ? this.manifest.metadata.theme.variables.image : "", this.prevChanged, this.prevTitle, this.nextChanged, this.nextTitle, this._backButtonTap, (0, _utils.varExists)(this.manifest, "title") ? this.manifest.title : "", (0, _utils.varExists)(this.manifest, "description") ? this.manifest.description : "");
       }
       /**
        * LitElement properties changed
@@ -168,7 +168,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
        * LitElement style render
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogFooter), "styles", this)), [(0, _index.css)(_templateObject2_e516d6101f0511ed8cc3e9a95995ad69 || (_templateObject2_e516d6101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: 100%;\n          position: relative;\n          overflow: hidden;\n          opacity: 1;\n          transition: 0.2s opacity linear;\n        }\n        :host([edit-mode]) {\n          pointer-events: none;\n          opacity: 0.2;\n        }\n        :host *[hidden] {\n          display: none;\n        }\n        .background-closer-image {\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          text-indent: -9999px;\n          background-size: cover;\n          background-repeat: no-repeat;\n          background-position: center;\n          opacity: 0.4;\n          transition: all 0.6s linear;\n        }\n        .background-closer-image-wrap {\n          position: absolute;\n          background-color: rgba(0, 0, 0, 0.9);\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          text-indent: -9999px;\n          transition: all 0.6s linear;\n          opacity: 1;\n        }\n        :host([active]) .background-closer-image {\n          opacity: 0.8;\n        }\n        :host([active]) .background-closer-image-wrap {\n          background-color: rgba(0, 0, 0, 0.2);\n        }\n        .inner {\n          width: 100%;\n          position: relative;\n          z-index: 99;\n          max-width: 640px;\n          padding: 32px 0;\n          text-align: center;\n          margin: 0 auto;\n        }\n        .blog-title {\n          margin: 0;\n          padding: 0 0 10px;\n          font-size: 50px;\n          text-align: center;\n          font-weight: 700;\n          letter-spacing: -2px;\n          outline: 0;\n          line-height: 50px;\n          word-break: break-word;\n          color: white;\n          text-shadow: 0 1px 16px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.5);\n        }\n        .blog-description {\n          margin: 0 0 50px;\n          padding: 0 32px;\n          font-size: 18px;\n          line-height: 1.5;\n          color: white;\n          text-align: center;\n          font-weight: 400;\n          text-shadow: 0 1px 16px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.5);\n        }\n        button,\n        site-menu-button:not([disabled]) {\n          display: block;\n          text-align: center;\n          letter-spacing: -0.32px;\n          font-size: 15px;\n          font-weight: 400;\n          font-style: normal;\n          text-decoration: none;\n          cursor: pointer;\n          height: 44px;\n          background-color: var(--haxcms-color, red);\n          color: black;\n          box-sizing: border-box;\n          border-radius: none;\n          line-height: 44px;\n          margin: 16px 0;\n          padding: 0;\n        }\n        button:focus,\n        button:active,\n        button:hover,\n        site-menu-button:focus,\n        site-menu-button:active,\n        site-menu-button:hover {\n          outline: 2px solid var(--haxcms-color);\n          outline-offset: 8px;\n        }\n        simple-datetime {\n          letter-spacing: -0.32px;\n          font-weight: 300;\n          font-style: normal;\n          font-size: 16px;\n          line-height: 1.3;\n          color: black;\n          display: inline-flex;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogFooter), "styles", this)), [(0, _index.css)(_templateObject2_bb3e3d301f2611eda0c389891c227ec8 || (_templateObject2_bb3e3d301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: 100%;\n          position: relative;\n          overflow: hidden;\n          opacity: 1;\n          transition: 0.2s opacity linear;\n        }\n        :host([edit-mode]) {\n          pointer-events: none;\n          opacity: 0.2;\n        }\n        :host *[hidden] {\n          display: none;\n        }\n        .background-closer-image {\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          text-indent: -9999px;\n          background-size: cover;\n          background-repeat: no-repeat;\n          background-position: center;\n          opacity: 0.4;\n          transition: all 0.6s linear;\n        }\n        .background-closer-image-wrap {\n          position: absolute;\n          background-color: rgba(0, 0, 0, 0.9);\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          text-indent: -9999px;\n          transition: all 0.6s linear;\n          opacity: 1;\n        }\n        :host([active]) .background-closer-image {\n          opacity: 0.8;\n        }\n        :host([active]) .background-closer-image-wrap {\n          background-color: rgba(0, 0, 0, 0.2);\n        }\n        .inner {\n          width: 100%;\n          position: relative;\n          z-index: 99;\n          max-width: 640px;\n          padding: 32px 0;\n          text-align: center;\n          margin: 0 auto;\n        }\n        .blog-title {\n          margin: 0;\n          padding: 0 0 10px;\n          font-size: 50px;\n          text-align: center;\n          font-weight: 700;\n          letter-spacing: -2px;\n          outline: 0;\n          line-height: 50px;\n          word-break: break-word;\n          color: white;\n          text-shadow: 0 1px 16px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.5);\n        }\n        .blog-description {\n          margin: 0 0 50px;\n          padding: 0 32px;\n          font-size: 18px;\n          line-height: 1.5;\n          color: white;\n          text-align: center;\n          font-weight: 400;\n          text-shadow: 0 1px 16px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.5);\n        }\n        button,\n        site-menu-button:not([disabled]) {\n          display: block;\n          text-align: center;\n          letter-spacing: -0.32px;\n          font-size: 15px;\n          font-weight: 400;\n          font-style: normal;\n          text-decoration: none;\n          cursor: pointer;\n          height: 44px;\n          background-color: var(--haxcms-color, red);\n          color: black;\n          box-sizing: border-box;\n          border-radius: none;\n          line-height: 44px;\n          margin: 16px 0;\n          padding: 0;\n        }\n        button:focus,\n        button:active,\n        button:hover,\n        site-menu-button:focus,\n        site-menu-button:active,\n        site-menu-button:hover {\n          outline: 2px solid var(--haxcms-color);\n          outline-offset: 8px;\n        }\n        simple-datetime {\n          letter-spacing: -0.32px;\n          font-weight: 300;\n          font-style: normal;\n          font-size: 16px;\n          line-height: 1.3;\n          color: black;\n          display: inline-flex;\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-header.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-header.js
index 1ad301aec37..ba564efa464 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-header.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-header.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
   _exports.SimpleBlogHeader = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e51a58801f0511ed8cc3e9a95995ad69, _templateObject2_e51a58801f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb4430a01f2611eda0c389891c227ec8, _templateObject2_bb4430a01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -51,7 +51,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
     babelHelpers.createClass(SimpleBlogHeader, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e51a58801f0511ed8cc3e9a95995ad69 || (_templateObject_e51a58801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"teaserimage\">\n        <div\n          class=\"teaserimage-image\"\n          style=\"background-image: url(", ");\"\n        ></div>\n      </div>\n      <header class=\"blog-header\">\n        <simple-icon class=\"blog-logo\" icon=\"", "\"></simple-icon>\n        <h1 class=\"site-title\">", "</h1>\n        <h2 class=\"blog-description\">", "</h2>\n        <div class=\"custom-links\">\n          <site-rss-button type=\"atom\"></site-rss-button>\n          <site-rss-button type=\"rss\"></site-rss-button>\n        </div>\n      </header>\n    "])), this.image, this.icon, this.title, this.description);
+        return (0, _index.html)(_templateObject_bb4430a01f2611eda0c389891c227ec8 || (_templateObject_bb4430a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"teaserimage\">\n        <div\n          class=\"teaserimage-image\"\n          style=\"background-image: url(", ");\"\n        ></div>\n      </div>\n      <header class=\"blog-header\">\n        <simple-icon class=\"blog-logo\" icon=\"", "\"></simple-icon>\n        <h1 class=\"site-title\">", "</h1>\n        <h2 class=\"blog-description\">", "</h2>\n        <div class=\"custom-links\">\n          <site-rss-button type=\"atom\"></site-rss-button>\n          <site-rss-button type=\"rss\"></site-rss-button>\n        </div>\n      </header>\n    "])), this.image, this.icon, this.title, this.description);
       }
     }, {
       key: "connectedCallback",
@@ -94,7 +94,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogHeader), "styles", this)), [(0, _index.css)(_templateObject2_e51a58801f0511ed8cc3e9a95995ad69 || (_templateObject2_e51a58801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .teaserimage {\n          height: 450px;\n          padding: 0;\n          margin: 0;\n          position: relative;\n          overflow: hidden;\n          background-color: var(--haxcms-color, black);\n        }\n        .teaserimage-image {\n          transition: all 0.6s linear;\n          background-size: cover;\n          background-position: center;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          z-index: 1;\n          text-indent: -9999px;\n          transform: translate3d(0px, 24px, 0px);\n          opacity: 0.8;\n          visibility: visible;\n        }\n        .teaserimage-image:hover {\n          opacity: 1;\n        }\n        .blog-logo {\n          width: 120px;\n          height: 120px;\n          position: absolute;\n          margin-top: -60px;\n          right: 50%;\n          margin-right: -60px;\n          background-size: cover;\n          border-radius: 50%;\n          z-index: 99;\n          text-indent: -9999px;\n          border: 3px solid #fff;\n          background-color: #fff;\n          -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);\n          -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);\n          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);\n        }\n        .site-title {\n          margin: 0;\n          padding: 84px 16px 8px;\n          font-size: 50px;\n          text-align: center;\n          font-weight: 700;\n          letter-spacing: -2px;\n          outline: 0;\n          line-height: 50px;\n          word-break: break-word;\n          color: #333;\n        }\n        .blog-description {\n          margin: 0 0 20px;\n          padding: 0 32px;\n          font-size: 18px;\n          line-height: 1.5;\n          color: #666;\n          text-align: center;\n          font-weight: 400;\n        }\n        .custom-links {\n          margin: 0 auto 36px;\n          text-align: center;\n          color: #ccc;\n          display: flex;\n          justify-content: center;\n        }\n        site-rss-button {\n          margin: 0 4px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogHeader), "styles", this)), [(0, _index.css)(_templateObject2_bb4430a01f2611eda0c389891c227ec8 || (_templateObject2_bb4430a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .teaserimage {\n          height: 450px;\n          padding: 0;\n          margin: 0;\n          position: relative;\n          overflow: hidden;\n          background-color: var(--haxcms-color, black);\n        }\n        .teaserimage-image {\n          transition: all 0.6s linear;\n          background-size: cover;\n          background-position: center;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          z-index: 1;\n          text-indent: -9999px;\n          transform: translate3d(0px, 24px, 0px);\n          opacity: 0.8;\n          visibility: visible;\n        }\n        .teaserimage-image:hover {\n          opacity: 1;\n        }\n        .blog-logo {\n          width: 120px;\n          height: 120px;\n          position: absolute;\n          margin-top: -60px;\n          right: 50%;\n          margin-right: -60px;\n          background-size: cover;\n          border-radius: 50%;\n          z-index: 99;\n          text-indent: -9999px;\n          border: 3px solid #fff;\n          background-color: #fff;\n          -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);\n          -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);\n          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);\n        }\n        .site-title {\n          margin: 0;\n          padding: 84px 16px 8px;\n          font-size: 50px;\n          text-align: center;\n          font-weight: 700;\n          letter-spacing: -2px;\n          outline: 0;\n          line-height: 50px;\n          word-break: break-word;\n          color: #333;\n        }\n        .blog-description {\n          margin: 0 0 20px;\n          padding: 0 32px;\n          font-size: 18px;\n          line-height: 1.5;\n          color: #666;\n          text-align: center;\n          font-weight: 400;\n        }\n        .custom-links {\n          margin: 0 auto 36px;\n          text-align: center;\n          color: #ccc;\n          display: flex;\n          justify-content: center;\n        }\n        site-rss-button {\n          margin: 0 4px;\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-listing.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-listing.js
index ed37dfe9727..b22c8052292 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-listing.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-listing.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
   });
   _exports.SimpleBlogListing = void 0;
 
-  var _templateObject_e51d65c01f0511ed8cc3e9a95995ad69, _templateObject2_e51d65c01f0511ed8cc3e9a95995ad69, _templateObject3_e51d65c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb46c8b01f2611eda0c389891c227ec8, _templateObject2_bb46c8b01f2611eda0c389891c227ec8, _templateObject3_bb46c8b01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -45,8 +45,8 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     babelHelpers.createClass(SimpleBlogListing, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e51d65c01f0511ed8cc3e9a95995ad69 || (_templateObject_e51d65c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <site-query\n        @result-changed=\"", "\"\n        sort='{\"metadata.created\": \"DESC\"}'\n      ></site-query>\n      <div class=\"listing\">\n        ", "\n      </div>\n    "])), this.__itemsChanged, this.__items.map(function (item) {
-          return (0, _index.html)(_templateObject2_e51d65c01f0511ed8cc3e9a95995ad69 || (_templateObject2_e51d65c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <simple-blog-overview\n              item-id=\"", "\"\n              title=\"", "\"\n              description=\"", "\"\n              link=\"", "\"\n              changed=\"", "\"\n            ></simple-blog-overview>\n          "])), item.id, item.title, item.description, item.slug, item.metadata.created);
+        return (0, _index.html)(_templateObject_bb46c8b01f2611eda0c389891c227ec8 || (_templateObject_bb46c8b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <site-query\n        @result-changed=\"", "\"\n        sort='{\"metadata.created\": \"DESC\"}'\n      ></site-query>\n      <div class=\"listing\">\n        ", "\n      </div>\n    "])), this.__itemsChanged, this.__items.map(function (item) {
+          return (0, _index.html)(_templateObject2_bb46c8b01f2611eda0c389891c227ec8 || (_templateObject2_bb46c8b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <simple-blog-overview\n              item-id=\"", "\"\n              title=\"", "\"\n              description=\"", "\"\n              link=\"", "\"\n              changed=\"", "\"\n            ></simple-blog-overview>\n          "])), item.id, item.title, item.description, item.slug, item.metadata.created);
         }));
       }
       /**
@@ -69,7 +69,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
        * LitElement render styles
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogListing), "styles", this)), [(0, _index.css)(_templateObject3_e51d65c01f0511ed8cc3e9a95995ad69 || (_templateObject3_e51d65c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .listing {\n          width: 100%;\n          max-width: 640px;\n          margin: 0 auto;\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n        @media only screen and (max-width: 800px) {\n          .listing {\n            padding: 0 32px;\n          }\n        }\n        simple-blog-overview:not(:defined) {\n          display: none;\n        }\n        simple-blog-overview {\n          width: 100%;\n          border: 1px solid #f2f2f0;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogListing), "styles", this)), [(0, _index.css)(_templateObject3_bb46c8b01f2611eda0c389891c227ec8 || (_templateObject3_bb46c8b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .listing {\n          width: 100%;\n          max-width: 640px;\n          margin: 0 auto;\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n        @media only screen and (max-width: 800px) {\n          .listing {\n            padding: 0 32px;\n          }\n        }\n        simple-blog-overview:not(:defined) {\n          display: none;\n        }\n        simple-blog-overview {\n          width: 100%;\n          border: 1px solid #f2f2f0;\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-overview.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-overview.js
index 8c45d6b902c..20ace7ce922 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-overview.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-overview.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
   _exports.SimpleBlogOverview = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e52073001f0511ed8cc3e9a95995ad69, _templateObject2_e52073001f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb49d5f01f2611eda0c389891c227ec8, _templateObject2_bb49d5f01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -69,7 +69,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
     babelHelpers.createClass(SimpleBlogOverview, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e52073001f0511ed8cc3e9a95995ad69 || (_templateObject_e52073001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a href=\"", "\" itemprop=\"url\" title=\"", "\">\n        <div class=\"card\">\n          <article\n            class=\"post\"\n            itemtype=\"http://schema.org/BlogPosting\"\n            role=\"article\"\n          >\n            <div class=\"article-item\">\n              <header class=\"post-header\">\n                <h3 class=\"post-title\" itemprop=\"name\">", "</h3>\n              </header>\n              <section class=\"post-excerpt\" itemprop=\"description\">\n                <p>", "</p>\n              </section>\n              <div class=\"post-meta\">\n                <simple-datetime\n                  format=\"M jS, Y\"\n                  timestamp=\"", "\"\n                  unix=\"\"\n                ></simple-datetime>\n              </div>\n            </div>\n          </article>\n        </div>\n      </a>\n    "])), this.link, this.title, this.title, this.description, this.changed);
+        return (0, _index.html)(_templateObject_bb49d5f01f2611eda0c389891c227ec8 || (_templateObject_bb49d5f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a href=\"", "\" itemprop=\"url\" title=\"", "\">\n        <div class=\"card\">\n          <article\n            class=\"post\"\n            itemtype=\"http://schema.org/BlogPosting\"\n            role=\"article\"\n          >\n            <div class=\"article-item\">\n              <header class=\"post-header\">\n                <h3 class=\"post-title\" itemprop=\"name\">", "</h3>\n              </header>\n              <section class=\"post-excerpt\" itemprop=\"description\">\n                <p>", "</p>\n              </section>\n              <div class=\"post-meta\">\n                <simple-datetime\n                  format=\"M jS, Y\"\n                  timestamp=\"", "\"\n                  unix=\"\"\n                ></simple-datetime>\n              </div>\n            </div>\n          </article>\n        </div>\n      </a>\n    "])), this.link, this.title, this.title, this.description, this.changed);
       }
       /**
        * LitElement / popular convention
@@ -100,7 +100,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
        * LitElement render style
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogOverview), "styles", this)), [(0, _index.css)(_templateObject2_e52073001f0511ed8cc3e9a95995ad69 || (_templateObject2_e52073001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          outline: none;\n          text-transform: none;\n        }\n        div.card {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n          padding: 32px 16px;\n          margin: 0;\n          min-width: unset;\n          width: 100%;\n          background-color: transparent;\n        }\n        .post-title {\n          letter-spacing: -0.32px;\n          font-weight: 700;\n          font-style: normal;\n          display: block;\n          font-size: 28px;\n          line-height: 1.1;\n          margin: 0;\n        }\n        .post-title a {\n          text-decoration: none;\n          color: #333332;\n        }\n        .post-excerpt,\n        simple-datetime {\n          letter-spacing: -0.32px;\n          font-weight: 300;\n          font-style: normal;\n          font-size: 16px;\n          line-height: 1.3;\n          color: var(--simple-colors-default-theme-grey-10);\n        }\n        .post-excerpt p {\n          text-transform: none;\n        }\n        :host([elevation=\"2\"]) .post-excerpt,\n        :host([elevation=\"2\"]) simple-datetime {\n          color: var(--simple-colors-default-theme-grey-12);\n          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.7);\n        }\n        .post-meta {\n          font-size: 14px;\n          color: #b3b3b1;\n          line-height: 30px;\n        }\n        a,\n        a:visited,\n        a:hover,\n        a:focus,\n        a:active {\n          color: inherit;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogOverview), "styles", this)), [(0, _index.css)(_templateObject2_bb49d5f01f2611eda0c389891c227ec8 || (_templateObject2_bb49d5f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          outline: none;\n          text-transform: none;\n        }\n        div.card {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n          padding: 32px 16px;\n          margin: 0;\n          min-width: unset;\n          width: 100%;\n          background-color: transparent;\n        }\n        .post-title {\n          letter-spacing: -0.32px;\n          font-weight: 700;\n          font-style: normal;\n          display: block;\n          font-size: 28px;\n          line-height: 1.1;\n          margin: 0;\n        }\n        .post-title a {\n          text-decoration: none;\n          color: #333332;\n        }\n        .post-excerpt,\n        simple-datetime {\n          letter-spacing: -0.32px;\n          font-weight: 300;\n          font-style: normal;\n          font-size: 16px;\n          line-height: 1.3;\n          color: var(--simple-colors-default-theme-grey-10);\n        }\n        .post-excerpt p {\n          text-transform: none;\n        }\n        :host([elevation=\"2\"]) .post-excerpt,\n        :host([elevation=\"2\"]) simple-datetime {\n          color: var(--simple-colors-default-theme-grey-12);\n          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.7);\n        }\n        .post-meta {\n          font-size: 14px;\n          color: #b3b3b1;\n          line-height: 30px;\n        }\n        a,\n        a:visited,\n        a:hover,\n        a:focus,\n        a:active {\n          color: inherit;\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-post.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-post.js
index 8ebd5071b2a..3e9b9c02120 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-post.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/lib/simple-blog-post.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
   _exports.SimpleBlogPost = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e52555001f0511ed8cc3e9a95995ad69, _templateObject2_e52555001f0511ed8cc3e9a95995ad69, _templateObject3_e52555001f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb4e90e01f2611eda0c389891c227ec8, _templateObject2_bb4e90e01f2611eda0c389891c227ec8, _templateObject3_bb4e90e01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -51,7 +51,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_e52555001f0511ed8cc3e9a95995ad69 || (_templateObject_e52555001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          site-active-title {\n            font-weight: 700;\n            font-style: normal;\n            letter-spacing: -0.04em;\n            font-size: 50px;\n            line-height: 1.1;\n            color: black;\n          }\n          :host([has-image]) site-active-title {\n            font-weight: 700;\n            font-style: normal;\n            letter-spacing: -0.04em;\n            font-size: 50px;\n            line-height: 1.1;\n            margin-bottom: 16px;\n            text-shadow: 0 1px 16px rgba(0, 0, 0, 0.5),\n              0 0 1px rgba(0, 0, 0, 0.5);\n            color: white;\n          }\n        </style>\n      </custom-style>\n      <main>\n        <article>\n          <div class=\"article-image\">\n            ", "\n            <div class=\"post-meta\">\n              <site-active-title></site-active-title>\n            </div>\n          </div>\n          <section id=\"contentcontainer\">\n            <div id=\"slot\"><slot></slot></div>\n          </section>\n        </article>\n      </main>\n    "])), this.hasImage ? (0, _index.html)(_templateObject2_e52555001f0511ed8cc3e9a95995ad69 || (_templateObject2_e52555001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <div\n                    id=\"image\"\n                    class=\"post-image-image\"\n                    style='background-image: url(\"", "\");'\n                  ></div>\n                "])), this.image) : "");
+        return (0, _index.html)(_templateObject_bb4e90e01f2611eda0c389891c227ec8 || (_templateObject_bb4e90e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          site-active-title {\n            font-weight: 700;\n            font-style: normal;\n            letter-spacing: -0.04em;\n            font-size: 50px;\n            line-height: 1.1;\n            color: black;\n          }\n          :host([has-image]) site-active-title {\n            font-weight: 700;\n            font-style: normal;\n            letter-spacing: -0.04em;\n            font-size: 50px;\n            line-height: 1.1;\n            margin-bottom: 16px;\n            text-shadow: 0 1px 16px rgba(0, 0, 0, 0.5),\n              0 0 1px rgba(0, 0, 0, 0.5);\n            color: white;\n          }\n        </style>\n      </custom-style>\n      <main>\n        <article>\n          <div class=\"article-image\">\n            ", "\n            <div class=\"post-meta\">\n              <site-active-title></site-active-title>\n            </div>\n          </div>\n          <section id=\"contentcontainer\">\n            <div id=\"slot\"><slot></slot></div>\n          </section>\n        </article>\n      </main>\n    "])), this.hasImage ? (0, _index.html)(_templateObject2_bb4e90e01f2611eda0c389891c227ec8 || (_templateObject2_bb4e90e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <div\n                    id=\"image\"\n                    class=\"post-image-image\"\n                    style='background-image: url(\"", "\");'\n                  ></div>\n                "])), this.image) : "");
       }
     }, {
       key: "updated",
@@ -157,7 +157,7 @@ define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simp
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogPost), "styles", this)), [(0, _index.css)(_templateObject3_e52555001f0511ed8cc3e9a95995ad69 || (_templateObject3_e52555001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          min-height: 80vh;\n        }\n        main {\n          transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;\n          width: 100%;\n          max-width: 900px;\n          margin: 0 auto;\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n          opacity: 1;\n          visibility: visible;\n        }\n        @media only screen and (max-width: 900px) {\n          main {\n            padding: 0 32px;\n          }\n        }\n        section {\n          width: 100%;\n          font-family: Linux Libertine;\n          color: #333;\n        }\n        section ::slotted(*) {\n          font-weight: 400;\n          font-style: normal;\n          font-size: 22px;\n          line-height: 30px;\n          margin: 0;\n          padding-bottom: 30px;\n          color: #333;\n          -webkit-hyphens: auto;\n          -moz-hyphens: auto;\n          hyphens: auto;\n        }\n        :host([has-image]) .article-image {\n          position: absolute;\n          background-color: var(--haxcms-color, black);\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          overflow: hidden;\n        }\n        .post-image-image {\n          background-size: cover;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          text-indent: -9999px;\n          padding-top: 33%;\n          z-index: 1;\n        }\n        .post-meta {\n          font-family: Open Sans, MundoSans, \"Helvetica Neue\", Arial, Helvetica,\n            sans-serif;\n        }\n        :host([has-image]) .post-meta {\n          position: absolute;\n          bottom: 80px;\n          left: 30%;\n          right: 30%;\n          padding-top: 60px;\n          z-index: 9;\n          font-family: Open Sans, MundoSans, \"Helvetica Neue\", Arial, Helvetica,\n            sans-serif;\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n        /**\n         * Hide the slotted content during edit mode\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogPost), "styles", this)), [(0, _index.css)(_templateObject3_bb4e90e01f2611eda0c389891c227ec8 || (_templateObject3_bb4e90e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          min-height: 80vh;\n        }\n        main {\n          transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;\n          width: 100%;\n          max-width: 900px;\n          margin: 0 auto;\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n          opacity: 1;\n          visibility: visible;\n        }\n        @media only screen and (max-width: 900px) {\n          main {\n            padding: 0 32px;\n          }\n        }\n        section {\n          width: 100%;\n          font-family: Linux Libertine;\n          color: #333;\n        }\n        section ::slotted(*) {\n          font-weight: 400;\n          font-style: normal;\n          font-size: 22px;\n          line-height: 30px;\n          margin: 0;\n          padding-bottom: 30px;\n          color: #333;\n          -webkit-hyphens: auto;\n          -moz-hyphens: auto;\n          hyphens: auto;\n        }\n        :host([has-image]) .article-image {\n          position: absolute;\n          background-color: var(--haxcms-color, black);\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          overflow: hidden;\n        }\n        .post-image-image {\n          background-size: cover;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          text-indent: -9999px;\n          padding-top: 33%;\n          z-index: 1;\n        }\n        .post-meta {\n          font-family: Open Sans, MundoSans, \"Helvetica Neue\", Arial, Helvetica,\n            sans-serif;\n        }\n        :host([has-image]) .post-meta {\n          position: absolute;\n          bottom: 80px;\n          left: 30%;\n          right: 30%;\n          padding-top: 60px;\n          z-index: 9;\n          font-family: Open Sans, MundoSans, \"Helvetica Neue\", Arial, Helvetica,\n            sans-serif;\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n        }\n        /**\n         * Hide the slotted content during edit mode\n         */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/simple-blog.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/simple-blog.js
index 7eab7b00ce9..58e7ac3c7d9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/simple-blog.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-blog/simple-blog.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
   _exports.SimpleBlog = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_ae716d001f0511ed8cc3e9a95995ad69, _templateObject2_ae716d001f0511ed8cc3e9a95995ad69;
+  var _templateObject_88bf25401f2611eda0c389891c227ec8, _templateObject2_88bf25401f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -61,7 +61,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_ae716d001f0511ed8cc3e9a95995ad69 || (_templateObject_ae716d001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <iron-pages .selected=\"", "\">\n        <header>\n          <simple-blog-header></simple-blog-header>\n          <simple-blog-listing></simple-blog-listing>\n        </header>\n        <main>\n          <simple-icon-button\n            id=\"backbutton\"\n            icon=\"icons:arrow-back\"\n            @click=\"", "\"\n          ></simple-icon-button>\n          <simple-tooltip\n            for=\"backbutton\"\n            position=\"right\"\n            offset=\"14\"\n            animation-delay=\"0\"\n            >Back to listing\n          </simple-tooltip>\n          <article>\n            <simple-blog-post ?edit-mode=\"", "\"\n              ><slot></slot\n            ></simple-blog-post>\n          </article>\n          <footer>\n            <simple-blog-footer id=\"footer\"></simple-blog-footer>\n          </footer>\n        </main>\n      </iron-pages>\n    "])), this.selectedPage, this._goBack, this.editMode);
+        return (0, _index.html)(_templateObject_88bf25401f2611eda0c389891c227ec8 || (_templateObject_88bf25401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <iron-pages .selected=\"", "\">\n        <header>\n          <simple-blog-header></simple-blog-header>\n          <simple-blog-listing></simple-blog-listing>\n        </header>\n        <main>\n          <simple-icon-button\n            id=\"backbutton\"\n            icon=\"icons:arrow-back\"\n            @click=\"", "\"\n          ></simple-icon-button>\n          <simple-tooltip\n            for=\"backbutton\"\n            position=\"right\"\n            offset=\"14\"\n            animation-delay=\"0\"\n            >Back to listing\n          </simple-tooltip>\n          <article>\n            <simple-blog-post ?edit-mode=\"", "\"\n              ><slot></slot\n            ></simple-blog-post>\n          </article>\n          <footer>\n            <simple-blog-footer id=\"footer\"></simple-blog-footer>\n          </footer>\n        </main>\n      </iron-pages>\n    "])), this.selectedPage, this._goBack, this.editMode);
       }
       /**
        * Mix in an opened status
@@ -194,7 +194,7 @@ define(["exports", "require", "../../lit/index.js", "../haxcms-elements/lib/core
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog), "styles", this)), [(0, _index.css)(_templateObject2_ae716d001f0511ed8cc3e9a95995ad69 || (_templateObject2_ae716d001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        html,\n        body {\n          background-color: #fafafa;\n        }\n        :host {\n          display: block;\n          font-family: \"Roboto\", \"Noto\", sans-serif;\n          -webkit-font-smoothing: antialiased;\n          font-size: 14px;\n          background-color: #fafafa;\n          font-family: \"Open Sans\", \"MundoSans\", helvetica neue, Arial,\n            Helvetica, sans-serif;\n          margin: 0;\n          padding: 0;\n          text-rendering: optimizeLegibility;\n          -webkit-font-smoothing: antialiased;\n          -moz-font-feature-settings: \"liga=1, dlig=1\";\n          -ms-font-feature-settings: \"liga\", \"dlig\";\n          -webkit-font-feature-settings: \"liga\", \"dlig\";\n          -o-font-feature-settings: \"liga\", \"dlig\";\n          font-feature-settings: \"liga\", \"dlig\";\n        }\n        #backbutton {\n          position: fixed;\n          top: 0px;\n          left: 0px;\n          padding: 2px;\n          width: 40px;\n          height: 40px;\n          margin: 8px;\n          z-index: 1000;\n          color: black;\n          background-color: rgba(250, 250, 250, 0.5);\n          opacity: 0.5;\n          border-radius: 50%;\n          transition: all 0.6s linear;\n        }\n        #backbutton:focus,\n        #backbutton:hover {\n          opacity: 1;\n          color: white;\n          background-color: var(--haxcms-color, black);\n        }\n        iron-pages,\n        iron-pages section {\n          width: 100vw;\n          height: 100vh;\n        }\n        simple-blog-post {\n          transition: all 0.6s ease-in-out;\n          visibility: hidden;\n        }\n        :host([selected-page=\"0\"]) simple-blog-post {\n          opacity: 0;\n          visibility: hidden;\n        }\n        :host([selected-page=\"1\"]) simple-blog-post {\n          visibility: visible;\n          opacity: 1;\n        }\n        a,\n        a:active,\n        a:hover,\n        a:focus {\n          color: inherit;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog), "styles", this)), [(0, _index.css)(_templateObject2_88bf25401f2611eda0c389891c227ec8 || (_templateObject2_88bf25401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        html,\n        body {\n          background-color: #fafafa;\n        }\n        :host {\n          display: block;\n          font-family: \"Roboto\", \"Noto\", sans-serif;\n          -webkit-font-smoothing: antialiased;\n          font-size: 14px;\n          background-color: #fafafa;\n          font-family: \"Open Sans\", \"MundoSans\", helvetica neue, Arial,\n            Helvetica, sans-serif;\n          margin: 0;\n          padding: 0;\n          text-rendering: optimizeLegibility;\n          -webkit-font-smoothing: antialiased;\n          -moz-font-feature-settings: \"liga=1, dlig=1\";\n          -ms-font-feature-settings: \"liga\", \"dlig\";\n          -webkit-font-feature-settings: \"liga\", \"dlig\";\n          -o-font-feature-settings: \"liga\", \"dlig\";\n          font-feature-settings: \"liga\", \"dlig\";\n        }\n        #backbutton {\n          position: fixed;\n          top: 0px;\n          left: 0px;\n          padding: 2px;\n          width: 40px;\n          height: 40px;\n          margin: 8px;\n          z-index: 1000;\n          color: black;\n          background-color: rgba(250, 250, 250, 0.5);\n          opacity: 0.5;\n          border-radius: 50%;\n          transition: all 0.6s linear;\n        }\n        #backbutton:focus,\n        #backbutton:hover {\n          opacity: 1;\n          color: white;\n          background-color: var(--haxcms-color, black);\n        }\n        iron-pages,\n        iron-pages section {\n          width: 100vw;\n          height: 100vh;\n        }\n        simple-blog-post {\n          transition: all 0.6s ease-in-out;\n          visibility: hidden;\n        }\n        :host([selected-page=\"0\"]) simple-blog-post {\n          opacity: 0;\n          visibility: hidden;\n        }\n        :host([selected-page=\"1\"]) simple-blog-post {\n          visibility: visible;\n          opacity: 1;\n        }\n        a,\n        a:active,\n        a:hover,\n        a:focus {\n          color: inherit;\n        }\n      "])))]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors-shared-styles/simple-colors-shared-styles.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors-shared-styles/simple-colors-shared-styles.js
index 8a3b03aadc3..8a5f3d07ad4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors-shared-styles/simple-colors-shared-styles.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors-shared-styles/simple-colors-shared-styles.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.SimpleColorsSharedStylesGlobal = _exports.SimpleColorsSharedStyles = void 0;
 
-  var _templateObject_ae8013001f0511ed8cc3e9a95995ad69, _templateObject2_ae8013001f0511ed8cc3e9a95995ad69;
+  var _templateObject_88cc1d901f2611eda0c389891c227ec8, _templateObject2_88cc1d901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -217,7 +217,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_ae8013001f0511ed8cc3e9a95995ad69 || (_templateObject_ae8013001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""])));
+        return (0, _index.html)(_templateObject_88cc1d901f2611eda0c389891c227ec8 || (_templateObject_88cc1d901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""])));
       } // properties available to the custom element for data binding
 
     }, {
@@ -351,7 +351,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_ae8013001f0511ed8cc3e9a95995ad69 || (_templateObject2_ae8013001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        html {\n          --simple-colors-default-theme-accent-1: #ffffff;\n          --simple-colors-default-theme-accent-2: #eeeeee;\n          --simple-colors-default-theme-accent-3: #dddddd;\n          --simple-colors-default-theme-accent-4: #cccccc;\n          --simple-colors-default-theme-accent-5: #bbbbbb;\n          --simple-colors-default-theme-accent-6: #999999;\n          --simple-colors-default-theme-accent-7: #666666;\n          --simple-colors-default-theme-accent-8: #444444;\n          --simple-colors-default-theme-accent-9: #333333;\n          --simple-colors-default-theme-accent-10: #222222;\n          --simple-colors-default-theme-accent-11: #111111;\n          --simple-colors-default-theme-accent-12: #000000;\n\n          --simple-colors-default-theme-grey-1: #ffffff;\n          --simple-colors-default-theme-grey-2: #eeeeee;\n          --simple-colors-default-theme-grey-3: #dddddd;\n          --simple-colors-default-theme-grey-4: #cccccc;\n          --simple-colors-default-theme-grey-5: #bbbbbb;\n          --simple-colors-default-theme-grey-6: #999999;\n          --simple-colors-default-theme-grey-7: #666666;\n          --simple-colors-default-theme-grey-8: #444444;\n          --simple-colors-default-theme-grey-9: #333333;\n          --simple-colors-default-theme-grey-10: #222222;\n          --simple-colors-default-theme-grey-11: #111111;\n          --simple-colors-default-theme-grey-12: #000000;\n\n          --simple-colors-default-theme-red-1: #ffdddd;\n          --simple-colors-default-theme-red-2: #ffaeae;\n          --simple-colors-default-theme-red-3: #ff8f8f;\n          --simple-colors-default-theme-red-4: #ff7474;\n          --simple-colors-default-theme-red-5: #fd5151;\n          --simple-colors-default-theme-red-6: #ff2222;\n          --simple-colors-default-theme-red-7: #ee0000;\n          --simple-colors-default-theme-red-8: #ac0000;\n          --simple-colors-default-theme-red-9: #850000;\n          --simple-colors-default-theme-red-10: #670000;\n          --simple-colors-default-theme-red-11: #520000;\n          --simple-colors-default-theme-red-12: #3f0000;\n\n          --simple-colors-default-theme-pink-1: #ffe6f1;\n          --simple-colors-default-theme-pink-2: #ffa5cf;\n          --simple-colors-default-theme-pink-3: #ff87c0;\n          --simple-colors-default-theme-pink-4: #ff73b5;\n          --simple-colors-default-theme-pink-5: #fd60aa;\n          --simple-colors-default-theme-pink-6: #ff3996;\n          --simple-colors-default-theme-pink-7: #da004e;\n          --simple-colors-default-theme-pink-8: #b80042;\n          --simple-colors-default-theme-pink-9: #980036;\n          --simple-colors-default-theme-pink-10: #78002b;\n          --simple-colors-default-theme-pink-11: #5a0020;\n          --simple-colors-default-theme-pink-12: #440019;\n\n          --simple-colors-default-theme-purple-1: #fce6ff;\n          --simple-colors-default-theme-purple-2: #f4affd;\n          --simple-colors-default-theme-purple-3: #f394ff;\n          --simple-colors-default-theme-purple-4: #f07cff;\n          --simple-colors-default-theme-purple-5: #ed61ff;\n          --simple-colors-default-theme-purple-6: #e200ff;\n          --simple-colors-default-theme-purple-7: #a500ba;\n          --simple-colors-default-theme-purple-8: #8a009b;\n          --simple-colors-default-theme-purple-9: #6c0079;\n          --simple-colors-default-theme-purple-10: #490052;\n          --simple-colors-default-theme-purple-11: #33003a;\n          --simple-colors-default-theme-purple-12: #200025;\n\n          --simple-colors-default-theme-deep-purple-1: #f3e4ff;\n          --simple-colors-default-theme-deep-purple-2: #ddacff;\n          --simple-colors-default-theme-deep-purple-3: #c97eff;\n          --simple-colors-default-theme-deep-purple-4: #bb63f9;\n          --simple-colors-default-theme-deep-purple-5: #b44aff;\n          --simple-colors-default-theme-deep-purple-6: #a931ff;\n          --simple-colors-default-theme-deep-purple-7: #7e00d8;\n          --simple-colors-default-theme-deep-purple-8: #5d009f;\n          --simple-colors-default-theme-deep-purple-9: #4c0081;\n          --simple-colors-default-theme-deep-purple-10: #3a0063;\n          --simple-colors-default-theme-deep-purple-11: #2a0049;\n          --simple-colors-default-theme-deep-purple-12: #1d0033;\n\n          --simple-colors-default-theme-indigo-1: #e5ddff;\n          --simple-colors-default-theme-indigo-2: #c3b2ff;\n          --simple-colors-default-theme-indigo-3: #af97ff;\n          --simple-colors-default-theme-indigo-4: #9e82ff;\n          --simple-colors-default-theme-indigo-5: #9373ff;\n          --simple-colors-default-theme-indigo-6: #835fff;\n          --simple-colors-default-theme-indigo-7: #3a00ff;\n          --simple-colors-default-theme-indigo-8: #2801b0;\n          --simple-colors-default-theme-indigo-9: #20008c;\n          --simple-colors-default-theme-indigo-10: #160063;\n          --simple-colors-default-theme-indigo-11: #100049;\n          --simple-colors-default-theme-indigo-12: #0a0030;\n\n          --simple-colors-default-theme-blue-1: #e2ecff;\n          --simple-colors-default-theme-blue-2: #acc9ff;\n          --simple-colors-default-theme-blue-3: #95baff;\n          --simple-colors-default-theme-blue-4: #74a5ff;\n          --simple-colors-default-theme-blue-5: #5892fd;\n          --simple-colors-default-theme-blue-6: #4083ff;\n          --simple-colors-default-theme-blue-7: #0059ff;\n          --simple-colors-default-theme-blue-8: #0041bb;\n          --simple-colors-default-theme-blue-9: #003494;\n          --simple-colors-default-theme-blue-10: #002569;\n          --simple-colors-default-theme-blue-11: #001947;\n          --simple-colors-default-theme-blue-12: #001333;\n\n          --simple-colors-default-theme-light-blue-1: #cde8ff;\n          --simple-colors-default-theme-light-blue-2: #a1d1ff;\n          --simple-colors-default-theme-light-blue-3: #92c9ff;\n          --simple-colors-default-theme-light-blue-4: #65b3ff;\n          --simple-colors-default-theme-light-blue-5: #58adff;\n          --simple-colors-default-theme-light-blue-6: #41a1ff;\n          --simple-colors-default-theme-light-blue-7: #007ffc;\n          --simple-colors-default-theme-light-blue-8: #0066ca;\n          --simple-colors-default-theme-light-blue-9: #0055a8;\n          --simple-colors-default-theme-light-blue-10: #003f7d;\n          --simple-colors-default-theme-light-blue-11: #002850;\n          --simple-colors-default-theme-light-blue-12: #001b36;\n\n          --simple-colors-default-theme-cyan-1: #ccf3fd;\n          --simple-colors-default-theme-cyan-2: #9beaff;\n          --simple-colors-default-theme-cyan-3: #77e2ff;\n          --simple-colors-default-theme-cyan-4: #33d4ff;\n          --simple-colors-default-theme-cyan-5: #1ccfff;\n          --simple-colors-default-theme-cyan-6: #00c9ff;\n          --simple-colors-default-theme-cyan-7: #009dc7;\n          --simple-colors-default-theme-cyan-8: #007999;\n          --simple-colors-default-theme-cyan-9: #005970;\n          --simple-colors-default-theme-cyan-10: #003f50;\n          --simple-colors-default-theme-cyan-11: #002c38;\n          --simple-colors-default-theme-cyan-12: #001a20;\n\n          --simple-colors-default-theme-teal-1: #d4ffee;\n          --simple-colors-default-theme-teal-2: #98ffd7;\n          --simple-colors-default-theme-teal-3: #79ffcb;\n          --simple-colors-default-theme-teal-4: #56ffbd;\n          --simple-colors-default-theme-teal-5: #29ffac;\n          --simple-colors-default-theme-teal-6: #00ff9c;\n          --simple-colors-default-theme-teal-7: #009d75;\n          --simple-colors-default-theme-teal-8: #007658;\n          --simple-colors-default-theme-teal-9: #004e3a;\n          --simple-colors-default-theme-teal-10: #003829;\n          --simple-colors-default-theme-teal-11: #002a20;\n          --simple-colors-default-theme-teal-12: #001b14;\n\n          --simple-colors-default-theme-green-1: #e1ffeb;\n          --simple-colors-default-theme-green-2: #acffc9;\n          --simple-colors-default-theme-green-3: #79ffa7;\n          --simple-colors-default-theme-green-4: #49ff88;\n          --simple-colors-default-theme-green-5: #24ff70;\n          --simple-colors-default-theme-green-6: #00f961;\n          --simple-colors-default-theme-green-7: #008c37;\n          --simple-colors-default-theme-green-8: #00762e;\n          --simple-colors-default-theme-green-9: #005a23;\n          --simple-colors-default-theme-green-10: #003d18;\n          --simple-colors-default-theme-green-11: #002a11;\n          --simple-colors-default-theme-green-12: #001d0c;\n\n          --simple-colors-default-theme-light-green-1: #ebffdb;\n          --simple-colors-default-theme-light-green-2: #c7ff9b;\n          --simple-colors-default-theme-light-green-3: #b1ff75;\n          --simple-colors-default-theme-light-green-4: #a1fd5a;\n          --simple-colors-default-theme-light-green-5: #8efd38;\n          --simple-colors-default-theme-light-green-6: #6fff00;\n          --simple-colors-default-theme-light-green-7: #429d00;\n          --simple-colors-default-theme-light-green-8: #357f00;\n          --simple-colors-default-theme-light-green-9: #296100;\n          --simple-colors-default-theme-light-green-10: #1b3f00;\n          --simple-colors-default-theme-light-green-11: #143000;\n          --simple-colors-default-theme-light-green-12: #0d2000;\n\n          --simple-colors-default-theme-lime-1: #f1ffd2;\n          --simple-colors-default-theme-lime-2: #dfff9b;\n          --simple-colors-default-theme-lime-3: #d4ff77;\n          --simple-colors-default-theme-lime-4: #caff58;\n          --simple-colors-default-theme-lime-5: #bdff2d;\n          --simple-colors-default-theme-lime-6: #aeff00;\n          --simple-colors-default-theme-lime-7: #649900;\n          --simple-colors-default-theme-lime-8: #4d7600;\n          --simple-colors-default-theme-lime-9: #3b5a00;\n          --simple-colors-default-theme-lime-10: #293f00;\n          --simple-colors-default-theme-lime-11: #223400;\n          --simple-colors-default-theme-lime-12: #182400;\n\n          --simple-colors-default-theme-yellow-1: #ffffd5;\n          --simple-colors-default-theme-yellow-2: #ffffac;\n          --simple-colors-default-theme-yellow-3: #ffff90;\n          --simple-colors-default-theme-yellow-4: #ffff7c;\n          --simple-colors-default-theme-yellow-5: #ffff3a;\n          --simple-colors-default-theme-yellow-6: #f6f600;\n          --simple-colors-default-theme-yellow-7: #929100;\n          --simple-colors-default-theme-yellow-8: #787700;\n          --simple-colors-default-theme-yellow-9: #585700;\n          --simple-colors-default-theme-yellow-10: #454400;\n          --simple-colors-default-theme-yellow-11: #303000;\n          --simple-colors-default-theme-yellow-12: #242400;\n\n          --simple-colors-default-theme-amber-1: #fff2d4;\n          --simple-colors-default-theme-amber-2: #ffdf92;\n          --simple-colors-default-theme-amber-3: #ffd677;\n          --simple-colors-default-theme-amber-4: #ffcf5e;\n          --simple-colors-default-theme-amber-5: #ffc235;\n          --simple-colors-default-theme-amber-6: #ffc500;\n          --simple-colors-default-theme-amber-7: #b28900;\n          --simple-colors-default-theme-amber-8: #876800;\n          --simple-colors-default-theme-amber-9: #614b00;\n          --simple-colors-default-theme-amber-10: #413200;\n          --simple-colors-default-theme-amber-11: #302500;\n          --simple-colors-default-theme-amber-12: #221a00;\n\n          --simple-colors-default-theme-orange-1: #ffebd7;\n          --simple-colors-default-theme-orange-2: #ffca92;\n          --simple-colors-default-theme-orange-3: #ffbd75;\n          --simple-colors-default-theme-orange-4: #ffb05c;\n          --simple-colors-default-theme-orange-5: #ff9e36;\n          --simple-colors-default-theme-orange-6: #ff9625;\n          --simple-colors-default-theme-orange-7: #e56a00;\n          --simple-colors-default-theme-orange-8: #ae5100;\n          --simple-colors-default-theme-orange-9: #833d00;\n          --simple-colors-default-theme-orange-10: #612d00;\n          --simple-colors-default-theme-orange-11: #3d1c00;\n          --simple-colors-default-theme-orange-12: #2c1400;\n\n          --simple-colors-default-theme-deep-orange-1: #ffe7e0;\n          --simple-colors-default-theme-deep-orange-2: #ffb299;\n          --simple-colors-default-theme-deep-orange-3: #ffa588;\n          --simple-colors-default-theme-deep-orange-4: #ff8a64;\n          --simple-colors-default-theme-deep-orange-5: #ff7649;\n          --simple-colors-default-theme-deep-orange-6: #ff6c3c;\n          --simple-colors-default-theme-deep-orange-7: #f53100;\n          --simple-colors-default-theme-deep-orange-8: #b92500;\n          --simple-colors-default-theme-deep-orange-9: #8a1c00;\n          --simple-colors-default-theme-deep-orange-10: #561100;\n          --simple-colors-default-theme-deep-orange-11: #3a0c00;\n          --simple-colors-default-theme-deep-orange-12: #240700;\n\n          --simple-colors-default-theme-brown-1: #f0e2de;\n          --simple-colors-default-theme-brown-2: #e5b8aa;\n          --simple-colors-default-theme-brown-3: #c59485;\n          --simple-colors-default-theme-brown-4: #b68373;\n          --simple-colors-default-theme-brown-5: #ac7868;\n          --simple-colors-default-theme-brown-6: #a47060;\n          --simple-colors-default-theme-brown-7: #85574a;\n          --simple-colors-default-theme-brown-8: #724539;\n          --simple-colors-default-theme-brown-9: #5b3328;\n          --simple-colors-default-theme-brown-10: #3b1e15;\n          --simple-colors-default-theme-brown-11: #2c140e;\n          --simple-colors-default-theme-brown-12: #200e09;\n\n          --simple-colors-default-theme-blue-grey-1: #e7eff1;\n          --simple-colors-default-theme-blue-grey-2: #b1c5ce;\n          --simple-colors-default-theme-blue-grey-3: #9badb6;\n          --simple-colors-default-theme-blue-grey-4: #8d9fa7;\n          --simple-colors-default-theme-blue-grey-5: #7a8f98;\n          --simple-colors-default-theme-blue-grey-6: #718892;\n          --simple-colors-default-theme-blue-grey-7: #56707c;\n          --simple-colors-default-theme-blue-grey-8: #40535b;\n          --simple-colors-default-theme-blue-grey-9: #2f3e45;\n          --simple-colors-default-theme-blue-grey-10: #1e282c;\n          --simple-colors-default-theme-blue-grey-11: #182023;\n          --simple-colors-default-theme-blue-grey-12: #0f1518;\n          --simple-colors-fixed-theme-accent-1: #ffffff;\n          --simple-colors-fixed-theme-accent-2: #eeeeee;\n          --simple-colors-fixed-theme-accent-3: #dddddd;\n          --simple-colors-fixed-theme-accent-4: #cccccc;\n          --simple-colors-fixed-theme-accent-5: #bbbbbb;\n          --simple-colors-fixed-theme-accent-6: #999999;\n          --simple-colors-fixed-theme-accent-7: #666666;\n          --simple-colors-fixed-theme-accent-8: #444444;\n          --simple-colors-fixed-theme-accent-9: #333333;\n          --simple-colors-fixed-theme-accent-10: #222222;\n          --simple-colors-fixed-theme-accent-11: #111111;\n          --simple-colors-fixed-theme-accent-12: #000000;\n\n          --simple-colors-fixed-theme-grey-1: #ffffff;\n          --simple-colors-fixed-theme-grey-2: #eeeeee;\n          --simple-colors-fixed-theme-grey-3: #dddddd;\n          --simple-colors-fixed-theme-grey-4: #cccccc;\n          --simple-colors-fixed-theme-grey-5: #bbbbbb;\n          --simple-colors-fixed-theme-grey-6: #999999;\n          --simple-colors-fixed-theme-grey-7: #666666;\n          --simple-colors-fixed-theme-grey-8: #444444;\n          --simple-colors-fixed-theme-grey-9: #333333;\n          --simple-colors-fixed-theme-grey-10: #222222;\n          --simple-colors-fixed-theme-grey-11: #111111;\n          --simple-colors-fixed-theme-grey-12: #000000;\n\n          --simple-colors-fixed-theme-red-1: #ffdddd;\n          --simple-colors-fixed-theme-red-2: #ffaeae;\n          --simple-colors-fixed-theme-red-3: #ff8f8f;\n          --simple-colors-fixed-theme-red-4: #ff7474;\n          --simple-colors-fixed-theme-red-5: #fd5151;\n          --simple-colors-fixed-theme-red-6: #ff2222;\n          --simple-colors-fixed-theme-red-7: #ee0000;\n          --simple-colors-fixed-theme-red-8: #ac0000;\n          --simple-colors-fixed-theme-red-9: #850000;\n          --simple-colors-fixed-theme-red-10: #670000;\n          --simple-colors-fixed-theme-red-11: #520000;\n          --simple-colors-fixed-theme-red-12: #3f0000;\n\n          --simple-colors-fixed-theme-pink-1: #ffe6f1;\n          --simple-colors-fixed-theme-pink-2: #ffa5cf;\n          --simple-colors-fixed-theme-pink-3: #ff87c0;\n          --simple-colors-fixed-theme-pink-4: #ff73b5;\n          --simple-colors-fixed-theme-pink-5: #fd60aa;\n          --simple-colors-fixed-theme-pink-6: #ff3996;\n          --simple-colors-fixed-theme-pink-7: #da004e;\n          --simple-colors-fixed-theme-pink-8: #b80042;\n          --simple-colors-fixed-theme-pink-9: #980036;\n          --simple-colors-fixed-theme-pink-10: #78002b;\n          --simple-colors-fixed-theme-pink-11: #5a0020;\n          --simple-colors-fixed-theme-pink-12: #440019;\n\n          --simple-colors-fixed-theme-purple-1: #fce6ff;\n          --simple-colors-fixed-theme-purple-2: #f4affd;\n          --simple-colors-fixed-theme-purple-3: #f394ff;\n          --simple-colors-fixed-theme-purple-4: #f07cff;\n          --simple-colors-fixed-theme-purple-5: #ed61ff;\n          --simple-colors-fixed-theme-purple-6: #e200ff;\n          --simple-colors-fixed-theme-purple-7: #a500ba;\n          --simple-colors-fixed-theme-purple-8: #8a009b;\n          --simple-colors-fixed-theme-purple-9: #6c0079;\n          --simple-colors-fixed-theme-purple-10: #490052;\n          --simple-colors-fixed-theme-purple-11: #33003a;\n          --simple-colors-fixed-theme-purple-12: #200025;\n\n          --simple-colors-fixed-theme-deep-purple-1: #f3e4ff;\n          --simple-colors-fixed-theme-deep-purple-2: #ddacff;\n          --simple-colors-fixed-theme-deep-purple-3: #c97eff;\n          --simple-colors-fixed-theme-deep-purple-4: #bb63f9;\n          --simple-colors-fixed-theme-deep-purple-5: #b44aff;\n          --simple-colors-fixed-theme-deep-purple-6: #a931ff;\n          --simple-colors-fixed-theme-deep-purple-7: #7e00d8;\n          --simple-colors-fixed-theme-deep-purple-8: #5d009f;\n          --simple-colors-fixed-theme-deep-purple-9: #4c0081;\n          --simple-colors-fixed-theme-deep-purple-10: #3a0063;\n          --simple-colors-fixed-theme-deep-purple-11: #2a0049;\n          --simple-colors-fixed-theme-deep-purple-12: #1d0033;\n\n          --simple-colors-fixed-theme-indigo-1: #e5ddff;\n          --simple-colors-fixed-theme-indigo-2: #c3b2ff;\n          --simple-colors-fixed-theme-indigo-3: #af97ff;\n          --simple-colors-fixed-theme-indigo-4: #9e82ff;\n          --simple-colors-fixed-theme-indigo-5: #9373ff;\n          --simple-colors-fixed-theme-indigo-6: #835fff;\n          --simple-colors-fixed-theme-indigo-7: #3a00ff;\n          --simple-colors-fixed-theme-indigo-8: #2801b0;\n          --simple-colors-fixed-theme-indigo-9: #20008c;\n          --simple-colors-fixed-theme-indigo-10: #160063;\n          --simple-colors-fixed-theme-indigo-11: #100049;\n          --simple-colors-fixed-theme-indigo-12: #0a0030;\n\n          --simple-colors-fixed-theme-blue-1: #e2ecff;\n          --simple-colors-fixed-theme-blue-2: #acc9ff;\n          --simple-colors-fixed-theme-blue-3: #95baff;\n          --simple-colors-fixed-theme-blue-4: #74a5ff;\n          --simple-colors-fixed-theme-blue-5: #5892fd;\n          --simple-colors-fixed-theme-blue-6: #4083ff;\n          --simple-colors-fixed-theme-blue-7: #0059ff;\n          --simple-colors-fixed-theme-blue-8: #0041bb;\n          --simple-colors-fixed-theme-blue-9: #003494;\n          --simple-colors-fixed-theme-blue-10: #002569;\n          --simple-colors-fixed-theme-blue-11: #001947;\n          --simple-colors-fixed-theme-blue-12: #001333;\n\n          --simple-colors-fixed-theme-light-blue-1: #cde8ff;\n          --simple-colors-fixed-theme-light-blue-2: #a1d1ff;\n          --simple-colors-fixed-theme-light-blue-3: #92c9ff;\n          --simple-colors-fixed-theme-light-blue-4: #65b3ff;\n          --simple-colors-fixed-theme-light-blue-5: #58adff;\n          --simple-colors-fixed-theme-light-blue-6: #41a1ff;\n          --simple-colors-fixed-theme-light-blue-7: #007ffc;\n          --simple-colors-fixed-theme-light-blue-8: #0066ca;\n          --simple-colors-fixed-theme-light-blue-9: #0055a8;\n          --simple-colors-fixed-theme-light-blue-10: #003f7d;\n          --simple-colors-fixed-theme-light-blue-11: #002850;\n          --simple-colors-fixed-theme-light-blue-12: #001b36;\n\n          --simple-colors-fixed-theme-cyan-1: #ccf3fd;\n          --simple-colors-fixed-theme-cyan-2: #9beaff;\n          --simple-colors-fixed-theme-cyan-3: #77e2ff;\n          --simple-colors-fixed-theme-cyan-4: #33d4ff;\n          --simple-colors-fixed-theme-cyan-5: #1ccfff;\n          --simple-colors-fixed-theme-cyan-6: #00c9ff;\n          --simple-colors-fixed-theme-cyan-7: #009dc7;\n          --simple-colors-fixed-theme-cyan-8: #007999;\n          --simple-colors-fixed-theme-cyan-9: #005970;\n          --simple-colors-fixed-theme-cyan-10: #003f50;\n          --simple-colors-fixed-theme-cyan-11: #002c38;\n          --simple-colors-fixed-theme-cyan-12: #001a20;\n\n          --simple-colors-fixed-theme-teal-1: #d4ffee;\n          --simple-colors-fixed-theme-teal-2: #98ffd7;\n          --simple-colors-fixed-theme-teal-3: #79ffcb;\n          --simple-colors-fixed-theme-teal-4: #56ffbd;\n          --simple-colors-fixed-theme-teal-5: #29ffac;\n          --simple-colors-fixed-theme-teal-6: #00ff9c;\n          --simple-colors-fixed-theme-teal-7: #009d75;\n          --simple-colors-fixed-theme-teal-8: #007658;\n          --simple-colors-fixed-theme-teal-9: #004e3a;\n          --simple-colors-fixed-theme-teal-10: #003829;\n          --simple-colors-fixed-theme-teal-11: #002a20;\n          --simple-colors-fixed-theme-teal-12: #001b14;\n\n          --simple-colors-fixed-theme-green-1: #e1ffeb;\n          --simple-colors-fixed-theme-green-2: #acffc9;\n          --simple-colors-fixed-theme-green-3: #79ffa7;\n          --simple-colors-fixed-theme-green-4: #49ff88;\n          --simple-colors-fixed-theme-green-5: #24ff70;\n          --simple-colors-fixed-theme-green-6: #00f961;\n          --simple-colors-fixed-theme-green-7: #008c37;\n          --simple-colors-fixed-theme-green-8: #00762e;\n          --simple-colors-fixed-theme-green-9: #005a23;\n          --simple-colors-fixed-theme-green-10: #003d18;\n          --simple-colors-fixed-theme-green-11: #002a11;\n          --simple-colors-fixed-theme-green-12: #001d0c;\n\n          --simple-colors-fixed-theme-light-green-1: #ebffdb;\n          --simple-colors-fixed-theme-light-green-2: #c7ff9b;\n          --simple-colors-fixed-theme-light-green-3: #b1ff75;\n          --simple-colors-fixed-theme-light-green-4: #a1fd5a;\n          --simple-colors-fixed-theme-light-green-5: #8efd38;\n          --simple-colors-fixed-theme-light-green-6: #6fff00;\n          --simple-colors-fixed-theme-light-green-7: #429d00;\n          --simple-colors-fixed-theme-light-green-8: #357f00;\n          --simple-colors-fixed-theme-light-green-9: #296100;\n          --simple-colors-fixed-theme-light-green-10: #1b3f00;\n          --simple-colors-fixed-theme-light-green-11: #143000;\n          --simple-colors-fixed-theme-light-green-12: #0d2000;\n\n          --simple-colors-fixed-theme-lime-1: #f1ffd2;\n          --simple-colors-fixed-theme-lime-2: #dfff9b;\n          --simple-colors-fixed-theme-lime-3: #d4ff77;\n          --simple-colors-fixed-theme-lime-4: #caff58;\n          --simple-colors-fixed-theme-lime-5: #bdff2d;\n          --simple-colors-fixed-theme-lime-6: #aeff00;\n          --simple-colors-fixed-theme-lime-7: #649900;\n          --simple-colors-fixed-theme-lime-8: #4d7600;\n          --simple-colors-fixed-theme-lime-9: #3b5a00;\n          --simple-colors-fixed-theme-lime-10: #293f00;\n          --simple-colors-fixed-theme-lime-11: #223400;\n          --simple-colors-fixed-theme-lime-12: #182400;\n\n          --simple-colors-fixed-theme-yellow-1: #ffffd5;\n          --simple-colors-fixed-theme-yellow-2: #ffffac;\n          --simple-colors-fixed-theme-yellow-3: #ffff90;\n          --simple-colors-fixed-theme-yellow-4: #ffff7c;\n          --simple-colors-fixed-theme-yellow-5: #ffff3a;\n          --simple-colors-fixed-theme-yellow-6: #f6f600;\n          --simple-colors-fixed-theme-yellow-7: #929100;\n          --simple-colors-fixed-theme-yellow-8: #787700;\n          --simple-colors-fixed-theme-yellow-9: #585700;\n          --simple-colors-fixed-theme-yellow-10: #454400;\n          --simple-colors-fixed-theme-yellow-11: #303000;\n          --simple-colors-fixed-theme-yellow-12: #242400;\n\n          --simple-colors-fixed-theme-amber-1: #fff2d4;\n          --simple-colors-fixed-theme-amber-2: #ffdf92;\n          --simple-colors-fixed-theme-amber-3: #ffd677;\n          --simple-colors-fixed-theme-amber-4: #ffcf5e;\n          --simple-colors-fixed-theme-amber-5: #ffc235;\n          --simple-colors-fixed-theme-amber-6: #ffc500;\n          --simple-colors-fixed-theme-amber-7: #b28900;\n          --simple-colors-fixed-theme-amber-8: #876800;\n          --simple-colors-fixed-theme-amber-9: #614b00;\n          --simple-colors-fixed-theme-amber-10: #413200;\n          --simple-colors-fixed-theme-amber-11: #302500;\n          --simple-colors-fixed-theme-amber-12: #221a00;\n\n          --simple-colors-fixed-theme-orange-1: #ffebd7;\n          --simple-colors-fixed-theme-orange-2: #ffca92;\n          --simple-colors-fixed-theme-orange-3: #ffbd75;\n          --simple-colors-fixed-theme-orange-4: #ffb05c;\n          --simple-colors-fixed-theme-orange-5: #ff9e36;\n          --simple-colors-fixed-theme-orange-6: #ff9625;\n          --simple-colors-fixed-theme-orange-7: #e56a00;\n          --simple-colors-fixed-theme-orange-8: #ae5100;\n          --simple-colors-fixed-theme-orange-9: #833d00;\n          --simple-colors-fixed-theme-orange-10: #612d00;\n          --simple-colors-fixed-theme-orange-11: #3d1c00;\n          --simple-colors-fixed-theme-orange-12: #2c1400;\n\n          --simple-colors-fixed-theme-deep-orange-1: #ffe7e0;\n          --simple-colors-fixed-theme-deep-orange-2: #ffb299;\n          --simple-colors-fixed-theme-deep-orange-3: #ffa588;\n          --simple-colors-fixed-theme-deep-orange-4: #ff8a64;\n          --simple-colors-fixed-theme-deep-orange-5: #ff7649;\n          --simple-colors-fixed-theme-deep-orange-6: #ff6c3c;\n          --simple-colors-fixed-theme-deep-orange-7: #f53100;\n          --simple-colors-fixed-theme-deep-orange-8: #b92500;\n          --simple-colors-fixed-theme-deep-orange-9: #8a1c00;\n          --simple-colors-fixed-theme-deep-orange-10: #561100;\n          --simple-colors-fixed-theme-deep-orange-11: #3a0c00;\n          --simple-colors-fixed-theme-deep-orange-12: #240700;\n\n          --simple-colors-fixed-theme-brown-1: #f0e2de;\n          --simple-colors-fixed-theme-brown-2: #e5b8aa;\n          --simple-colors-fixed-theme-brown-3: #c59485;\n          --simple-colors-fixed-theme-brown-4: #b68373;\n          --simple-colors-fixed-theme-brown-5: #ac7868;\n          --simple-colors-fixed-theme-brown-6: #a47060;\n          --simple-colors-fixed-theme-brown-7: #85574a;\n          --simple-colors-fixed-theme-brown-8: #724539;\n          --simple-colors-fixed-theme-brown-9: #5b3328;\n          --simple-colors-fixed-theme-brown-10: #3b1e15;\n          --simple-colors-fixed-theme-brown-11: #2c140e;\n          --simple-colors-fixed-theme-brown-12: #200e09;\n\n          --simple-colors-fixed-theme-blue-grey-1: #e7eff1;\n          --simple-colors-fixed-theme-blue-grey-2: #b1c5ce;\n          --simple-colors-fixed-theme-blue-grey-3: #9badb6;\n          --simple-colors-fixed-theme-blue-grey-4: #8d9fa7;\n          --simple-colors-fixed-theme-blue-grey-5: #7a8f98;\n          --simple-colors-fixed-theme-blue-grey-6: #718892;\n          --simple-colors-fixed-theme-blue-grey-7: #56707c;\n          --simple-colors-fixed-theme-blue-grey-8: #40535b;\n          --simple-colors-fixed-theme-blue-grey-9: #2f3e45;\n          --simple-colors-fixed-theme-blue-grey-10: #1e282c;\n          --simple-colors-fixed-theme-blue-grey-11: #182023;\n          --simple-colors-fixed-theme-blue-grey-12: #0f1518;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_88cc1d901f2611eda0c389891c227ec8 || (_templateObject2_88cc1d901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        html {\n          --simple-colors-default-theme-accent-1: #ffffff;\n          --simple-colors-default-theme-accent-2: #eeeeee;\n          --simple-colors-default-theme-accent-3: #dddddd;\n          --simple-colors-default-theme-accent-4: #cccccc;\n          --simple-colors-default-theme-accent-5: #bbbbbb;\n          --simple-colors-default-theme-accent-6: #999999;\n          --simple-colors-default-theme-accent-7: #666666;\n          --simple-colors-default-theme-accent-8: #444444;\n          --simple-colors-default-theme-accent-9: #333333;\n          --simple-colors-default-theme-accent-10: #222222;\n          --simple-colors-default-theme-accent-11: #111111;\n          --simple-colors-default-theme-accent-12: #000000;\n\n          --simple-colors-default-theme-grey-1: #ffffff;\n          --simple-colors-default-theme-grey-2: #eeeeee;\n          --simple-colors-default-theme-grey-3: #dddddd;\n          --simple-colors-default-theme-grey-4: #cccccc;\n          --simple-colors-default-theme-grey-5: #bbbbbb;\n          --simple-colors-default-theme-grey-6: #999999;\n          --simple-colors-default-theme-grey-7: #666666;\n          --simple-colors-default-theme-grey-8: #444444;\n          --simple-colors-default-theme-grey-9: #333333;\n          --simple-colors-default-theme-grey-10: #222222;\n          --simple-colors-default-theme-grey-11: #111111;\n          --simple-colors-default-theme-grey-12: #000000;\n\n          --simple-colors-default-theme-red-1: #ffdddd;\n          --simple-colors-default-theme-red-2: #ffaeae;\n          --simple-colors-default-theme-red-3: #ff8f8f;\n          --simple-colors-default-theme-red-4: #ff7474;\n          --simple-colors-default-theme-red-5: #fd5151;\n          --simple-colors-default-theme-red-6: #ff2222;\n          --simple-colors-default-theme-red-7: #ee0000;\n          --simple-colors-default-theme-red-8: #ac0000;\n          --simple-colors-default-theme-red-9: #850000;\n          --simple-colors-default-theme-red-10: #670000;\n          --simple-colors-default-theme-red-11: #520000;\n          --simple-colors-default-theme-red-12: #3f0000;\n\n          --simple-colors-default-theme-pink-1: #ffe6f1;\n          --simple-colors-default-theme-pink-2: #ffa5cf;\n          --simple-colors-default-theme-pink-3: #ff87c0;\n          --simple-colors-default-theme-pink-4: #ff73b5;\n          --simple-colors-default-theme-pink-5: #fd60aa;\n          --simple-colors-default-theme-pink-6: #ff3996;\n          --simple-colors-default-theme-pink-7: #da004e;\n          --simple-colors-default-theme-pink-8: #b80042;\n          --simple-colors-default-theme-pink-9: #980036;\n          --simple-colors-default-theme-pink-10: #78002b;\n          --simple-colors-default-theme-pink-11: #5a0020;\n          --simple-colors-default-theme-pink-12: #440019;\n\n          --simple-colors-default-theme-purple-1: #fce6ff;\n          --simple-colors-default-theme-purple-2: #f4affd;\n          --simple-colors-default-theme-purple-3: #f394ff;\n          --simple-colors-default-theme-purple-4: #f07cff;\n          --simple-colors-default-theme-purple-5: #ed61ff;\n          --simple-colors-default-theme-purple-6: #e200ff;\n          --simple-colors-default-theme-purple-7: #a500ba;\n          --simple-colors-default-theme-purple-8: #8a009b;\n          --simple-colors-default-theme-purple-9: #6c0079;\n          --simple-colors-default-theme-purple-10: #490052;\n          --simple-colors-default-theme-purple-11: #33003a;\n          --simple-colors-default-theme-purple-12: #200025;\n\n          --simple-colors-default-theme-deep-purple-1: #f3e4ff;\n          --simple-colors-default-theme-deep-purple-2: #ddacff;\n          --simple-colors-default-theme-deep-purple-3: #c97eff;\n          --simple-colors-default-theme-deep-purple-4: #bb63f9;\n          --simple-colors-default-theme-deep-purple-5: #b44aff;\n          --simple-colors-default-theme-deep-purple-6: #a931ff;\n          --simple-colors-default-theme-deep-purple-7: #7e00d8;\n          --simple-colors-default-theme-deep-purple-8: #5d009f;\n          --simple-colors-default-theme-deep-purple-9: #4c0081;\n          --simple-colors-default-theme-deep-purple-10: #3a0063;\n          --simple-colors-default-theme-deep-purple-11: #2a0049;\n          --simple-colors-default-theme-deep-purple-12: #1d0033;\n\n          --simple-colors-default-theme-indigo-1: #e5ddff;\n          --simple-colors-default-theme-indigo-2: #c3b2ff;\n          --simple-colors-default-theme-indigo-3: #af97ff;\n          --simple-colors-default-theme-indigo-4: #9e82ff;\n          --simple-colors-default-theme-indigo-5: #9373ff;\n          --simple-colors-default-theme-indigo-6: #835fff;\n          --simple-colors-default-theme-indigo-7: #3a00ff;\n          --simple-colors-default-theme-indigo-8: #2801b0;\n          --simple-colors-default-theme-indigo-9: #20008c;\n          --simple-colors-default-theme-indigo-10: #160063;\n          --simple-colors-default-theme-indigo-11: #100049;\n          --simple-colors-default-theme-indigo-12: #0a0030;\n\n          --simple-colors-default-theme-blue-1: #e2ecff;\n          --simple-colors-default-theme-blue-2: #acc9ff;\n          --simple-colors-default-theme-blue-3: #95baff;\n          --simple-colors-default-theme-blue-4: #74a5ff;\n          --simple-colors-default-theme-blue-5: #5892fd;\n          --simple-colors-default-theme-blue-6: #4083ff;\n          --simple-colors-default-theme-blue-7: #0059ff;\n          --simple-colors-default-theme-blue-8: #0041bb;\n          --simple-colors-default-theme-blue-9: #003494;\n          --simple-colors-default-theme-blue-10: #002569;\n          --simple-colors-default-theme-blue-11: #001947;\n          --simple-colors-default-theme-blue-12: #001333;\n\n          --simple-colors-default-theme-light-blue-1: #cde8ff;\n          --simple-colors-default-theme-light-blue-2: #a1d1ff;\n          --simple-colors-default-theme-light-blue-3: #92c9ff;\n          --simple-colors-default-theme-light-blue-4: #65b3ff;\n          --simple-colors-default-theme-light-blue-5: #58adff;\n          --simple-colors-default-theme-light-blue-6: #41a1ff;\n          --simple-colors-default-theme-light-blue-7: #007ffc;\n          --simple-colors-default-theme-light-blue-8: #0066ca;\n          --simple-colors-default-theme-light-blue-9: #0055a8;\n          --simple-colors-default-theme-light-blue-10: #003f7d;\n          --simple-colors-default-theme-light-blue-11: #002850;\n          --simple-colors-default-theme-light-blue-12: #001b36;\n\n          --simple-colors-default-theme-cyan-1: #ccf3fd;\n          --simple-colors-default-theme-cyan-2: #9beaff;\n          --simple-colors-default-theme-cyan-3: #77e2ff;\n          --simple-colors-default-theme-cyan-4: #33d4ff;\n          --simple-colors-default-theme-cyan-5: #1ccfff;\n          --simple-colors-default-theme-cyan-6: #00c9ff;\n          --simple-colors-default-theme-cyan-7: #009dc7;\n          --simple-colors-default-theme-cyan-8: #007999;\n          --simple-colors-default-theme-cyan-9: #005970;\n          --simple-colors-default-theme-cyan-10: #003f50;\n          --simple-colors-default-theme-cyan-11: #002c38;\n          --simple-colors-default-theme-cyan-12: #001a20;\n\n          --simple-colors-default-theme-teal-1: #d4ffee;\n          --simple-colors-default-theme-teal-2: #98ffd7;\n          --simple-colors-default-theme-teal-3: #79ffcb;\n          --simple-colors-default-theme-teal-4: #56ffbd;\n          --simple-colors-default-theme-teal-5: #29ffac;\n          --simple-colors-default-theme-teal-6: #00ff9c;\n          --simple-colors-default-theme-teal-7: #009d75;\n          --simple-colors-default-theme-teal-8: #007658;\n          --simple-colors-default-theme-teal-9: #004e3a;\n          --simple-colors-default-theme-teal-10: #003829;\n          --simple-colors-default-theme-teal-11: #002a20;\n          --simple-colors-default-theme-teal-12: #001b14;\n\n          --simple-colors-default-theme-green-1: #e1ffeb;\n          --simple-colors-default-theme-green-2: #acffc9;\n          --simple-colors-default-theme-green-3: #79ffa7;\n          --simple-colors-default-theme-green-4: #49ff88;\n          --simple-colors-default-theme-green-5: #24ff70;\n          --simple-colors-default-theme-green-6: #00f961;\n          --simple-colors-default-theme-green-7: #008c37;\n          --simple-colors-default-theme-green-8: #00762e;\n          --simple-colors-default-theme-green-9: #005a23;\n          --simple-colors-default-theme-green-10: #003d18;\n          --simple-colors-default-theme-green-11: #002a11;\n          --simple-colors-default-theme-green-12: #001d0c;\n\n          --simple-colors-default-theme-light-green-1: #ebffdb;\n          --simple-colors-default-theme-light-green-2: #c7ff9b;\n          --simple-colors-default-theme-light-green-3: #b1ff75;\n          --simple-colors-default-theme-light-green-4: #a1fd5a;\n          --simple-colors-default-theme-light-green-5: #8efd38;\n          --simple-colors-default-theme-light-green-6: #6fff00;\n          --simple-colors-default-theme-light-green-7: #429d00;\n          --simple-colors-default-theme-light-green-8: #357f00;\n          --simple-colors-default-theme-light-green-9: #296100;\n          --simple-colors-default-theme-light-green-10: #1b3f00;\n          --simple-colors-default-theme-light-green-11: #143000;\n          --simple-colors-default-theme-light-green-12: #0d2000;\n\n          --simple-colors-default-theme-lime-1: #f1ffd2;\n          --simple-colors-default-theme-lime-2: #dfff9b;\n          --simple-colors-default-theme-lime-3: #d4ff77;\n          --simple-colors-default-theme-lime-4: #caff58;\n          --simple-colors-default-theme-lime-5: #bdff2d;\n          --simple-colors-default-theme-lime-6: #aeff00;\n          --simple-colors-default-theme-lime-7: #649900;\n          --simple-colors-default-theme-lime-8: #4d7600;\n          --simple-colors-default-theme-lime-9: #3b5a00;\n          --simple-colors-default-theme-lime-10: #293f00;\n          --simple-colors-default-theme-lime-11: #223400;\n          --simple-colors-default-theme-lime-12: #182400;\n\n          --simple-colors-default-theme-yellow-1: #ffffd5;\n          --simple-colors-default-theme-yellow-2: #ffffac;\n          --simple-colors-default-theme-yellow-3: #ffff90;\n          --simple-colors-default-theme-yellow-4: #ffff7c;\n          --simple-colors-default-theme-yellow-5: #ffff3a;\n          --simple-colors-default-theme-yellow-6: #f6f600;\n          --simple-colors-default-theme-yellow-7: #929100;\n          --simple-colors-default-theme-yellow-8: #787700;\n          --simple-colors-default-theme-yellow-9: #585700;\n          --simple-colors-default-theme-yellow-10: #454400;\n          --simple-colors-default-theme-yellow-11: #303000;\n          --simple-colors-default-theme-yellow-12: #242400;\n\n          --simple-colors-default-theme-amber-1: #fff2d4;\n          --simple-colors-default-theme-amber-2: #ffdf92;\n          --simple-colors-default-theme-amber-3: #ffd677;\n          --simple-colors-default-theme-amber-4: #ffcf5e;\n          --simple-colors-default-theme-amber-5: #ffc235;\n          --simple-colors-default-theme-amber-6: #ffc500;\n          --simple-colors-default-theme-amber-7: #b28900;\n          --simple-colors-default-theme-amber-8: #876800;\n          --simple-colors-default-theme-amber-9: #614b00;\n          --simple-colors-default-theme-amber-10: #413200;\n          --simple-colors-default-theme-amber-11: #302500;\n          --simple-colors-default-theme-amber-12: #221a00;\n\n          --simple-colors-default-theme-orange-1: #ffebd7;\n          --simple-colors-default-theme-orange-2: #ffca92;\n          --simple-colors-default-theme-orange-3: #ffbd75;\n          --simple-colors-default-theme-orange-4: #ffb05c;\n          --simple-colors-default-theme-orange-5: #ff9e36;\n          --simple-colors-default-theme-orange-6: #ff9625;\n          --simple-colors-default-theme-orange-7: #e56a00;\n          --simple-colors-default-theme-orange-8: #ae5100;\n          --simple-colors-default-theme-orange-9: #833d00;\n          --simple-colors-default-theme-orange-10: #612d00;\n          --simple-colors-default-theme-orange-11: #3d1c00;\n          --simple-colors-default-theme-orange-12: #2c1400;\n\n          --simple-colors-default-theme-deep-orange-1: #ffe7e0;\n          --simple-colors-default-theme-deep-orange-2: #ffb299;\n          --simple-colors-default-theme-deep-orange-3: #ffa588;\n          --simple-colors-default-theme-deep-orange-4: #ff8a64;\n          --simple-colors-default-theme-deep-orange-5: #ff7649;\n          --simple-colors-default-theme-deep-orange-6: #ff6c3c;\n          --simple-colors-default-theme-deep-orange-7: #f53100;\n          --simple-colors-default-theme-deep-orange-8: #b92500;\n          --simple-colors-default-theme-deep-orange-9: #8a1c00;\n          --simple-colors-default-theme-deep-orange-10: #561100;\n          --simple-colors-default-theme-deep-orange-11: #3a0c00;\n          --simple-colors-default-theme-deep-orange-12: #240700;\n\n          --simple-colors-default-theme-brown-1: #f0e2de;\n          --simple-colors-default-theme-brown-2: #e5b8aa;\n          --simple-colors-default-theme-brown-3: #c59485;\n          --simple-colors-default-theme-brown-4: #b68373;\n          --simple-colors-default-theme-brown-5: #ac7868;\n          --simple-colors-default-theme-brown-6: #a47060;\n          --simple-colors-default-theme-brown-7: #85574a;\n          --simple-colors-default-theme-brown-8: #724539;\n          --simple-colors-default-theme-brown-9: #5b3328;\n          --simple-colors-default-theme-brown-10: #3b1e15;\n          --simple-colors-default-theme-brown-11: #2c140e;\n          --simple-colors-default-theme-brown-12: #200e09;\n\n          --simple-colors-default-theme-blue-grey-1: #e7eff1;\n          --simple-colors-default-theme-blue-grey-2: #b1c5ce;\n          --simple-colors-default-theme-blue-grey-3: #9badb6;\n          --simple-colors-default-theme-blue-grey-4: #8d9fa7;\n          --simple-colors-default-theme-blue-grey-5: #7a8f98;\n          --simple-colors-default-theme-blue-grey-6: #718892;\n          --simple-colors-default-theme-blue-grey-7: #56707c;\n          --simple-colors-default-theme-blue-grey-8: #40535b;\n          --simple-colors-default-theme-blue-grey-9: #2f3e45;\n          --simple-colors-default-theme-blue-grey-10: #1e282c;\n          --simple-colors-default-theme-blue-grey-11: #182023;\n          --simple-colors-default-theme-blue-grey-12: #0f1518;\n          --simple-colors-fixed-theme-accent-1: #ffffff;\n          --simple-colors-fixed-theme-accent-2: #eeeeee;\n          --simple-colors-fixed-theme-accent-3: #dddddd;\n          --simple-colors-fixed-theme-accent-4: #cccccc;\n          --simple-colors-fixed-theme-accent-5: #bbbbbb;\n          --simple-colors-fixed-theme-accent-6: #999999;\n          --simple-colors-fixed-theme-accent-7: #666666;\n          --simple-colors-fixed-theme-accent-8: #444444;\n          --simple-colors-fixed-theme-accent-9: #333333;\n          --simple-colors-fixed-theme-accent-10: #222222;\n          --simple-colors-fixed-theme-accent-11: #111111;\n          --simple-colors-fixed-theme-accent-12: #000000;\n\n          --simple-colors-fixed-theme-grey-1: #ffffff;\n          --simple-colors-fixed-theme-grey-2: #eeeeee;\n          --simple-colors-fixed-theme-grey-3: #dddddd;\n          --simple-colors-fixed-theme-grey-4: #cccccc;\n          --simple-colors-fixed-theme-grey-5: #bbbbbb;\n          --simple-colors-fixed-theme-grey-6: #999999;\n          --simple-colors-fixed-theme-grey-7: #666666;\n          --simple-colors-fixed-theme-grey-8: #444444;\n          --simple-colors-fixed-theme-grey-9: #333333;\n          --simple-colors-fixed-theme-grey-10: #222222;\n          --simple-colors-fixed-theme-grey-11: #111111;\n          --simple-colors-fixed-theme-grey-12: #000000;\n\n          --simple-colors-fixed-theme-red-1: #ffdddd;\n          --simple-colors-fixed-theme-red-2: #ffaeae;\n          --simple-colors-fixed-theme-red-3: #ff8f8f;\n          --simple-colors-fixed-theme-red-4: #ff7474;\n          --simple-colors-fixed-theme-red-5: #fd5151;\n          --simple-colors-fixed-theme-red-6: #ff2222;\n          --simple-colors-fixed-theme-red-7: #ee0000;\n          --simple-colors-fixed-theme-red-8: #ac0000;\n          --simple-colors-fixed-theme-red-9: #850000;\n          --simple-colors-fixed-theme-red-10: #670000;\n          --simple-colors-fixed-theme-red-11: #520000;\n          --simple-colors-fixed-theme-red-12: #3f0000;\n\n          --simple-colors-fixed-theme-pink-1: #ffe6f1;\n          --simple-colors-fixed-theme-pink-2: #ffa5cf;\n          --simple-colors-fixed-theme-pink-3: #ff87c0;\n          --simple-colors-fixed-theme-pink-4: #ff73b5;\n          --simple-colors-fixed-theme-pink-5: #fd60aa;\n          --simple-colors-fixed-theme-pink-6: #ff3996;\n          --simple-colors-fixed-theme-pink-7: #da004e;\n          --simple-colors-fixed-theme-pink-8: #b80042;\n          --simple-colors-fixed-theme-pink-9: #980036;\n          --simple-colors-fixed-theme-pink-10: #78002b;\n          --simple-colors-fixed-theme-pink-11: #5a0020;\n          --simple-colors-fixed-theme-pink-12: #440019;\n\n          --simple-colors-fixed-theme-purple-1: #fce6ff;\n          --simple-colors-fixed-theme-purple-2: #f4affd;\n          --simple-colors-fixed-theme-purple-3: #f394ff;\n          --simple-colors-fixed-theme-purple-4: #f07cff;\n          --simple-colors-fixed-theme-purple-5: #ed61ff;\n          --simple-colors-fixed-theme-purple-6: #e200ff;\n          --simple-colors-fixed-theme-purple-7: #a500ba;\n          --simple-colors-fixed-theme-purple-8: #8a009b;\n          --simple-colors-fixed-theme-purple-9: #6c0079;\n          --simple-colors-fixed-theme-purple-10: #490052;\n          --simple-colors-fixed-theme-purple-11: #33003a;\n          --simple-colors-fixed-theme-purple-12: #200025;\n\n          --simple-colors-fixed-theme-deep-purple-1: #f3e4ff;\n          --simple-colors-fixed-theme-deep-purple-2: #ddacff;\n          --simple-colors-fixed-theme-deep-purple-3: #c97eff;\n          --simple-colors-fixed-theme-deep-purple-4: #bb63f9;\n          --simple-colors-fixed-theme-deep-purple-5: #b44aff;\n          --simple-colors-fixed-theme-deep-purple-6: #a931ff;\n          --simple-colors-fixed-theme-deep-purple-7: #7e00d8;\n          --simple-colors-fixed-theme-deep-purple-8: #5d009f;\n          --simple-colors-fixed-theme-deep-purple-9: #4c0081;\n          --simple-colors-fixed-theme-deep-purple-10: #3a0063;\n          --simple-colors-fixed-theme-deep-purple-11: #2a0049;\n          --simple-colors-fixed-theme-deep-purple-12: #1d0033;\n\n          --simple-colors-fixed-theme-indigo-1: #e5ddff;\n          --simple-colors-fixed-theme-indigo-2: #c3b2ff;\n          --simple-colors-fixed-theme-indigo-3: #af97ff;\n          --simple-colors-fixed-theme-indigo-4: #9e82ff;\n          --simple-colors-fixed-theme-indigo-5: #9373ff;\n          --simple-colors-fixed-theme-indigo-6: #835fff;\n          --simple-colors-fixed-theme-indigo-7: #3a00ff;\n          --simple-colors-fixed-theme-indigo-8: #2801b0;\n          --simple-colors-fixed-theme-indigo-9: #20008c;\n          --simple-colors-fixed-theme-indigo-10: #160063;\n          --simple-colors-fixed-theme-indigo-11: #100049;\n          --simple-colors-fixed-theme-indigo-12: #0a0030;\n\n          --simple-colors-fixed-theme-blue-1: #e2ecff;\n          --simple-colors-fixed-theme-blue-2: #acc9ff;\n          --simple-colors-fixed-theme-blue-3: #95baff;\n          --simple-colors-fixed-theme-blue-4: #74a5ff;\n          --simple-colors-fixed-theme-blue-5: #5892fd;\n          --simple-colors-fixed-theme-blue-6: #4083ff;\n          --simple-colors-fixed-theme-blue-7: #0059ff;\n          --simple-colors-fixed-theme-blue-8: #0041bb;\n          --simple-colors-fixed-theme-blue-9: #003494;\n          --simple-colors-fixed-theme-blue-10: #002569;\n          --simple-colors-fixed-theme-blue-11: #001947;\n          --simple-colors-fixed-theme-blue-12: #001333;\n\n          --simple-colors-fixed-theme-light-blue-1: #cde8ff;\n          --simple-colors-fixed-theme-light-blue-2: #a1d1ff;\n          --simple-colors-fixed-theme-light-blue-3: #92c9ff;\n          --simple-colors-fixed-theme-light-blue-4: #65b3ff;\n          --simple-colors-fixed-theme-light-blue-5: #58adff;\n          --simple-colors-fixed-theme-light-blue-6: #41a1ff;\n          --simple-colors-fixed-theme-light-blue-7: #007ffc;\n          --simple-colors-fixed-theme-light-blue-8: #0066ca;\n          --simple-colors-fixed-theme-light-blue-9: #0055a8;\n          --simple-colors-fixed-theme-light-blue-10: #003f7d;\n          --simple-colors-fixed-theme-light-blue-11: #002850;\n          --simple-colors-fixed-theme-light-blue-12: #001b36;\n\n          --simple-colors-fixed-theme-cyan-1: #ccf3fd;\n          --simple-colors-fixed-theme-cyan-2: #9beaff;\n          --simple-colors-fixed-theme-cyan-3: #77e2ff;\n          --simple-colors-fixed-theme-cyan-4: #33d4ff;\n          --simple-colors-fixed-theme-cyan-5: #1ccfff;\n          --simple-colors-fixed-theme-cyan-6: #00c9ff;\n          --simple-colors-fixed-theme-cyan-7: #009dc7;\n          --simple-colors-fixed-theme-cyan-8: #007999;\n          --simple-colors-fixed-theme-cyan-9: #005970;\n          --simple-colors-fixed-theme-cyan-10: #003f50;\n          --simple-colors-fixed-theme-cyan-11: #002c38;\n          --simple-colors-fixed-theme-cyan-12: #001a20;\n\n          --simple-colors-fixed-theme-teal-1: #d4ffee;\n          --simple-colors-fixed-theme-teal-2: #98ffd7;\n          --simple-colors-fixed-theme-teal-3: #79ffcb;\n          --simple-colors-fixed-theme-teal-4: #56ffbd;\n          --simple-colors-fixed-theme-teal-5: #29ffac;\n          --simple-colors-fixed-theme-teal-6: #00ff9c;\n          --simple-colors-fixed-theme-teal-7: #009d75;\n          --simple-colors-fixed-theme-teal-8: #007658;\n          --simple-colors-fixed-theme-teal-9: #004e3a;\n          --simple-colors-fixed-theme-teal-10: #003829;\n          --simple-colors-fixed-theme-teal-11: #002a20;\n          --simple-colors-fixed-theme-teal-12: #001b14;\n\n          --simple-colors-fixed-theme-green-1: #e1ffeb;\n          --simple-colors-fixed-theme-green-2: #acffc9;\n          --simple-colors-fixed-theme-green-3: #79ffa7;\n          --simple-colors-fixed-theme-green-4: #49ff88;\n          --simple-colors-fixed-theme-green-5: #24ff70;\n          --simple-colors-fixed-theme-green-6: #00f961;\n          --simple-colors-fixed-theme-green-7: #008c37;\n          --simple-colors-fixed-theme-green-8: #00762e;\n          --simple-colors-fixed-theme-green-9: #005a23;\n          --simple-colors-fixed-theme-green-10: #003d18;\n          --simple-colors-fixed-theme-green-11: #002a11;\n          --simple-colors-fixed-theme-green-12: #001d0c;\n\n          --simple-colors-fixed-theme-light-green-1: #ebffdb;\n          --simple-colors-fixed-theme-light-green-2: #c7ff9b;\n          --simple-colors-fixed-theme-light-green-3: #b1ff75;\n          --simple-colors-fixed-theme-light-green-4: #a1fd5a;\n          --simple-colors-fixed-theme-light-green-5: #8efd38;\n          --simple-colors-fixed-theme-light-green-6: #6fff00;\n          --simple-colors-fixed-theme-light-green-7: #429d00;\n          --simple-colors-fixed-theme-light-green-8: #357f00;\n          --simple-colors-fixed-theme-light-green-9: #296100;\n          --simple-colors-fixed-theme-light-green-10: #1b3f00;\n          --simple-colors-fixed-theme-light-green-11: #143000;\n          --simple-colors-fixed-theme-light-green-12: #0d2000;\n\n          --simple-colors-fixed-theme-lime-1: #f1ffd2;\n          --simple-colors-fixed-theme-lime-2: #dfff9b;\n          --simple-colors-fixed-theme-lime-3: #d4ff77;\n          --simple-colors-fixed-theme-lime-4: #caff58;\n          --simple-colors-fixed-theme-lime-5: #bdff2d;\n          --simple-colors-fixed-theme-lime-6: #aeff00;\n          --simple-colors-fixed-theme-lime-7: #649900;\n          --simple-colors-fixed-theme-lime-8: #4d7600;\n          --simple-colors-fixed-theme-lime-9: #3b5a00;\n          --simple-colors-fixed-theme-lime-10: #293f00;\n          --simple-colors-fixed-theme-lime-11: #223400;\n          --simple-colors-fixed-theme-lime-12: #182400;\n\n          --simple-colors-fixed-theme-yellow-1: #ffffd5;\n          --simple-colors-fixed-theme-yellow-2: #ffffac;\n          --simple-colors-fixed-theme-yellow-3: #ffff90;\n          --simple-colors-fixed-theme-yellow-4: #ffff7c;\n          --simple-colors-fixed-theme-yellow-5: #ffff3a;\n          --simple-colors-fixed-theme-yellow-6: #f6f600;\n          --simple-colors-fixed-theme-yellow-7: #929100;\n          --simple-colors-fixed-theme-yellow-8: #787700;\n          --simple-colors-fixed-theme-yellow-9: #585700;\n          --simple-colors-fixed-theme-yellow-10: #454400;\n          --simple-colors-fixed-theme-yellow-11: #303000;\n          --simple-colors-fixed-theme-yellow-12: #242400;\n\n          --simple-colors-fixed-theme-amber-1: #fff2d4;\n          --simple-colors-fixed-theme-amber-2: #ffdf92;\n          --simple-colors-fixed-theme-amber-3: #ffd677;\n          --simple-colors-fixed-theme-amber-4: #ffcf5e;\n          --simple-colors-fixed-theme-amber-5: #ffc235;\n          --simple-colors-fixed-theme-amber-6: #ffc500;\n          --simple-colors-fixed-theme-amber-7: #b28900;\n          --simple-colors-fixed-theme-amber-8: #876800;\n          --simple-colors-fixed-theme-amber-9: #614b00;\n          --simple-colors-fixed-theme-amber-10: #413200;\n          --simple-colors-fixed-theme-amber-11: #302500;\n          --simple-colors-fixed-theme-amber-12: #221a00;\n\n          --simple-colors-fixed-theme-orange-1: #ffebd7;\n          --simple-colors-fixed-theme-orange-2: #ffca92;\n          --simple-colors-fixed-theme-orange-3: #ffbd75;\n          --simple-colors-fixed-theme-orange-4: #ffb05c;\n          --simple-colors-fixed-theme-orange-5: #ff9e36;\n          --simple-colors-fixed-theme-orange-6: #ff9625;\n          --simple-colors-fixed-theme-orange-7: #e56a00;\n          --simple-colors-fixed-theme-orange-8: #ae5100;\n          --simple-colors-fixed-theme-orange-9: #833d00;\n          --simple-colors-fixed-theme-orange-10: #612d00;\n          --simple-colors-fixed-theme-orange-11: #3d1c00;\n          --simple-colors-fixed-theme-orange-12: #2c1400;\n\n          --simple-colors-fixed-theme-deep-orange-1: #ffe7e0;\n          --simple-colors-fixed-theme-deep-orange-2: #ffb299;\n          --simple-colors-fixed-theme-deep-orange-3: #ffa588;\n          --simple-colors-fixed-theme-deep-orange-4: #ff8a64;\n          --simple-colors-fixed-theme-deep-orange-5: #ff7649;\n          --simple-colors-fixed-theme-deep-orange-6: #ff6c3c;\n          --simple-colors-fixed-theme-deep-orange-7: #f53100;\n          --simple-colors-fixed-theme-deep-orange-8: #b92500;\n          --simple-colors-fixed-theme-deep-orange-9: #8a1c00;\n          --simple-colors-fixed-theme-deep-orange-10: #561100;\n          --simple-colors-fixed-theme-deep-orange-11: #3a0c00;\n          --simple-colors-fixed-theme-deep-orange-12: #240700;\n\n          --simple-colors-fixed-theme-brown-1: #f0e2de;\n          --simple-colors-fixed-theme-brown-2: #e5b8aa;\n          --simple-colors-fixed-theme-brown-3: #c59485;\n          --simple-colors-fixed-theme-brown-4: #b68373;\n          --simple-colors-fixed-theme-brown-5: #ac7868;\n          --simple-colors-fixed-theme-brown-6: #a47060;\n          --simple-colors-fixed-theme-brown-7: #85574a;\n          --simple-colors-fixed-theme-brown-8: #724539;\n          --simple-colors-fixed-theme-brown-9: #5b3328;\n          --simple-colors-fixed-theme-brown-10: #3b1e15;\n          --simple-colors-fixed-theme-brown-11: #2c140e;\n          --simple-colors-fixed-theme-brown-12: #200e09;\n\n          --simple-colors-fixed-theme-blue-grey-1: #e7eff1;\n          --simple-colors-fixed-theme-blue-grey-2: #b1c5ce;\n          --simple-colors-fixed-theme-blue-grey-3: #9badb6;\n          --simple-colors-fixed-theme-blue-grey-4: #8d9fa7;\n          --simple-colors-fixed-theme-blue-grey-5: #7a8f98;\n          --simple-colors-fixed-theme-blue-grey-6: #718892;\n          --simple-colors-fixed-theme-blue-grey-7: #56707c;\n          --simple-colors-fixed-theme-blue-grey-8: #40535b;\n          --simple-colors-fixed-theme-blue-grey-9: #2f3e45;\n          --simple-colors-fixed-theme-blue-grey-10: #1e282c;\n          --simple-colors-fixed-theme-blue-grey-11: #182023;\n          --simple-colors-fixed-theme-blue-grey-12: #0f1518;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/demo/simple-colors-swatch-info.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/demo/simple-colors-swatch-info.js
index 958888d8148..b265f005fc8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/demo/simple-colors-swatch-info.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/demo/simple-colors-swatch-info.js
@@ -6,7 +6,7 @@ define(["exports", "../../../../lit/index.js", "../../simple-colors.js"], functi
   });
   _exports.simpleColorsSwatchInfo = void 0;
 
-  var _templateObject_f240e4701f0511ed8cc3e9a95995ad69, _templateObject2_f240e4701f0511ed8cc3e9a95995ad69, _templateObject3_f240e4701f0511ed8cc3e9a95995ad69, _templateObject4_f240e4701f0511ed8cc3e9a95995ad69, _templateObject5_f240e4701f0511ed8cc3e9a95995ad69;
+  var _templateObject_c94369501f2611eda0c389891c227ec8, _templateObject2_c94369501f2611eda0c389891c227ec8, _templateObject3_c94369501f2611eda0c389891c227ec8, _templateObject4_c94369501f2611eda0c389891c227ec8, _templateObject5_c94369501f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -50,11 +50,11 @@ define(["exports", "../../../../lit/index.js", "../../simple-colors.js"], functi
       function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_f240e4701f0511ed8cc3e9a95995ad69 || (_templateObject_f240e4701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <table\n        summary=\"Each row represents a CSS variable or class with a description of what it does without the dark attribute and with the attribute.\"\n      >\n        <caption>\n          CSS Variables and Classes for ", "\n        </caption>\n        <thead>\n          <tr>\n            <th scope=\"col\">Variable Name</th>\n            <th scope=\"col\">Color</th>\n            <th scope=\"col\">With <tt>dark</tt> Attribute</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr>\n            <th scope=\"row\">\n              --simple-colors-default-theme-", "\n            </th>\n            <td style=\"", "\">default color</td>\n            <td style=\"", "\">inverted color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">--simple-colors-fixed-theme-", "</th>\n            <td style=\"", "\">default color</td>\n            <td style=\"", "\">fixed color</td>\n          </tr>\n        </tbody>\n      </table>\n\n      <table\n        summary=\"A list of colors that meet WCAG 2.0 AA contrast requirements. Each contains all the contrasting shades for a given color, based on whether or not the text is regular or large.\"\n      >\n        <caption>\n          WCAG 2.0 AA Contrast with ", "\n        </caption>\n        <thead>\n          <tr>\n            <th scope=\"col\">Color Name</th>\n            <th scope=\"col\">Regular Text</th>\n            <th scope=\"col\">Large Text*</th>\n          </tr>\n        </thead>\n        <tbody>\n          ", "\n        </tbody>\n      </table>\n      <p>\n        <small\n          >* Large text is defined as bold text at least 14pt or normal text at\n          least 18pt</small\n        >\n      </p>\n    "])), this.swatchName, this.swatchName, this._getBg(this.swatchId), this._getInverseBg(this.swatchId), this.swatchName, this._getBg(this.swatchId), this._getBg(this.swatchId), this.swatchName, this._getOptions(this.colors).map(function (color) {
-          return (0, _index.html)(_templateObject2_f240e4701f0511ed8cc3e9a95995ad69 || (_templateObject2_f240e4701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <tr>\n                <th scope=\"row\">", "</th>\n                <td>\n                  ", "\n                </td>\n                <td>\n                  ", "\n                </td>\n              </tr>\n            "])), color, _this2._getAa(_this2.swatchId, color).map(function (contrast) {
-            return (0, _index.html)(_templateObject3_f240e4701f0511ed8cc3e9a95995ad69 || (_templateObject3_f240e4701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <span\n                          class=\"contrast\"\n                          style=\"", "\"\n                          >", "-", "</span\n                        >\n                      "])), _this2._getContrastBg(color, contrast), color, contrast);
+        return (0, _index.html)(_templateObject_c94369501f2611eda0c389891c227ec8 || (_templateObject_c94369501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <table\n        summary=\"Each row represents a CSS variable or class with a description of what it does without the dark attribute and with the attribute.\"\n      >\n        <caption>\n          CSS Variables and Classes for ", "\n        </caption>\n        <thead>\n          <tr>\n            <th scope=\"col\">Variable Name</th>\n            <th scope=\"col\">Color</th>\n            <th scope=\"col\">With <tt>dark</tt> Attribute</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr>\n            <th scope=\"row\">\n              --simple-colors-default-theme-", "\n            </th>\n            <td style=\"", "\">default color</td>\n            <td style=\"", "\">inverted color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">--simple-colors-fixed-theme-", "</th>\n            <td style=\"", "\">default color</td>\n            <td style=\"", "\">fixed color</td>\n          </tr>\n        </tbody>\n      </table>\n\n      <table\n        summary=\"A list of colors that meet WCAG 2.0 AA contrast requirements. Each contains all the contrasting shades for a given color, based on whether or not the text is regular or large.\"\n      >\n        <caption>\n          WCAG 2.0 AA Contrast with ", "\n        </caption>\n        <thead>\n          <tr>\n            <th scope=\"col\">Color Name</th>\n            <th scope=\"col\">Regular Text</th>\n            <th scope=\"col\">Large Text*</th>\n          </tr>\n        </thead>\n        <tbody>\n          ", "\n        </tbody>\n      </table>\n      <p>\n        <small\n          >* Large text is defined as bold text at least 14pt or normal text at\n          least 18pt</small\n        >\n      </p>\n    "])), this.swatchName, this.swatchName, this._getBg(this.swatchId), this._getInverseBg(this.swatchId), this.swatchName, this._getBg(this.swatchId), this._getBg(this.swatchId), this.swatchName, this._getOptions(this.colors).map(function (color) {
+          return (0, _index.html)(_templateObject2_c94369501f2611eda0c389891c227ec8 || (_templateObject2_c94369501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <tr>\n                <th scope=\"row\">", "</th>\n                <td>\n                  ", "\n                </td>\n                <td>\n                  ", "\n                </td>\n              </tr>\n            "])), color, _this2._getAa(_this2.swatchId, color).map(function (contrast) {
+            return (0, _index.html)(_templateObject3_c94369501f2611eda0c389891c227ec8 || (_templateObject3_c94369501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <span\n                          class=\"contrast\"\n                          style=\"", "\"\n                          >", "-", "</span\n                        >\n                      "])), _this2._getContrastBg(color, contrast), color, contrast);
           }), _this2._getAaLarge(_this2.swatchId, color).map(function (contrast) {
-            return (0, _index.html)(_templateObject4_f240e4701f0511ed8cc3e9a95995ad69 || (_templateObject4_f240e4701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <span\n                          class=\"contrast\"\n                          style=\"", "\"\n                          >", "-", "</span\n                        >\n                      "])), _this2._getContrastBg(color, contrast), color, contrast);
+            return (0, _index.html)(_templateObject4_c94369501f2611eda0c389891c227ec8 || (_templateObject4_c94369501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <span\n                          class=\"contrast\"\n                          style=\"", "\"\n                          >", "-", "</span\n                        >\n                      "])), _this2._getContrastBg(color, contrast), color, contrast);
           }));
         }));
       }
@@ -171,7 +171,7 @@ define(["exports", "../../../../lit/index.js", "../../simple-colors.js"], functi
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatchInfo), "styles", this)), [(0, _index.css)(_templateObject5_f240e4701f0511ed8cc3e9a95995ad69 || (_templateObject5_f240e4701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 15px 0;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host table {\n          width: 100%;\n          border: 1px solid black;\n          border-radius: 3px;\n          border-collapse: collapse;\n          margin: 0 0 15px;\n        }\n        :host table caption {\n          font-weight: bold;\n          background-color: #222;\n          color: white;\n        }\n        :host table th {\n          background-color: #e0e0e0;\n        }\n        :host table caption,\n        :host table th,\n        :host table td {\n          padding: 5px;\n          border: 1px solid black;\n          text-align: left;\n          line-height: 160%;\n        }\n        :host table td span {\n          padding: 5px;\n          white-space: nowrap;\n          margin: 5px 0;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatchInfo), "styles", this)), [(0, _index.css)(_templateObject5_c94369501f2611eda0c389891c227ec8 || (_templateObject5_c94369501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 15px 0;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host table {\n          width: 100%;\n          border: 1px solid black;\n          border-radius: 3px;\n          border-collapse: collapse;\n          margin: 0 0 15px;\n        }\n        :host table caption {\n          font-weight: bold;\n          background-color: #222;\n          color: white;\n        }\n        :host table th {\n          background-color: #e0e0e0;\n        }\n        :host table caption,\n        :host table th,\n        :host table td {\n          padding: 5px;\n          border: 1px solid black;\n          text-align: left;\n          line-height: 160%;\n        }\n        :host table td span {\n          padding: 5px;\n          white-space: nowrap;\n          margin: 5px 0;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/demo/simple-colors-swatches.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/demo/simple-colors-swatches.js
index 69cf6f64732..8848ab185a6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/demo/simple-colors-swatches.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/demo/simple-colors-swatches.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../../lit/index.js", "../../simple-colors.j
   _exports.simpleColorsSwatches = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_f244b5001f0511ed8cc3e9a95995ad69, _templateObject2_f244b5001f0511ed8cc3e9a95995ad69, _templateObject3_f244b5001f0511ed8cc3e9a95995ad69, _templateObject4_f244b5001f0511ed8cc3e9a95995ad69;
+  var _templateObject_c94712d01f2611eda0c389891c227ec8, _templateObject2_c94712d01f2611eda0c389891c227ec8, _templateObject3_c94712d01f2611eda0c389891c227ec8, _templateObject4_c94712d01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -76,9 +76,9 @@ define(["exports", "require", "../../../../lit/index.js", "../../simple-colors.j
       function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_f244b5001f0511ed8cc3e9a95995ad69 || (_templateObject_f244b5001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <p>Click on the swatches above to learn more.</p>\n        <div class=\"rows\">\n          ", "\n        </div>\n        <simple-modal-template id=\"modal\" title=\"", "\">\n          <p slot=\"content\">\n            <simple-colors-swatch-info\n              swatch-id=\"", "\"\n              swatch-name=\"", "\"\n            >\n            </simple-colors-swatch-info>\n          </p>\n        </simple-modal-template>\n      </div>\n    "])), Object.keys(this.colors).map(function (color) {
-          return (0, _index.html)(_templateObject2_f244b5001f0511ed8cc3e9a95995ad69 || (_templateObject2_f244b5001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"row\">\n                ", "\n              </div>\n            "])), _this2.colors.grey.map(function (shade, index) {
-            return (0, _index.html)(_templateObject3_f244b5001f0511ed8cc3e9a95995ad69 || (_templateObject3_f244b5001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <button\n                      id=\"", "\"\n                      controls=\"swatchinfo\"\n                      style=\"background-color: ", ";\"\n                      title=\"", "\"\n                      @click=\"", "\"\n                    >\n                      <div>", "</div>\n                    </button>\n                  "])), _this2._getId(color, index), _this2.colors[color][index], _this2._getTitle(color, index), function (e) {
+        return (0, _index.html)(_templateObject_c94712d01f2611eda0c389891c227ec8 || (_templateObject_c94712d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <p>Click on the swatches above to learn more.</p>\n        <div class=\"rows\">\n          ", "\n        </div>\n        <simple-modal-template id=\"modal\" title=\"", "\">\n          <p slot=\"content\">\n            <simple-colors-swatch-info\n              swatch-id=\"", "\"\n              swatch-name=\"", "\"\n            >\n            </simple-colors-swatch-info>\n          </p>\n        </simple-modal-template>\n      </div>\n    "])), Object.keys(this.colors).map(function (color) {
+          return (0, _index.html)(_templateObject2_c94712d01f2611eda0c389891c227ec8 || (_templateObject2_c94712d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"row\">\n                ", "\n              </div>\n            "])), _this2.colors.grey.map(function (shade, index) {
+            return (0, _index.html)(_templateObject3_c94712d01f2611eda0c389891c227ec8 || (_templateObject3_c94712d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <button\n                      id=\"", "\"\n                      controls=\"swatchinfo\"\n                      style=\"background-color: ", ";\"\n                      title=\"", "\"\n                      @click=\"", "\"\n                    >\n                      <div>", "</div>\n                    </button>\n                  "])), _this2._getId(color, index), _this2.colors[color][index], _this2._getTitle(color, index), function (e) {
               return _this2._handleClick(color, index);
             }, _this2._getTitle(color, index));
           }));
@@ -145,7 +145,7 @@ define(["exports", "require", "../../../../lit/index.js", "../../simple-colors.j
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatches), "styles", this)), [(0, _index.css)(_templateObject4_f244b5001f0511ed8cc3e9a95995ad69 || (_templateObject4_f244b5001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 15px 0;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host simple-modal-template {\n          --simple-modal-titlebar-color: var(--simple-colors-swatch-contrast);\n          --simple-modal-titlebar-background: var(--simple-colors-swatch-color);\n        }\n        :host .row {\n          display: flex;\n          align-items: stretch;\n        }\n        :host button {\n          width: calc(8% - 6px);\n          height: 80px;\n          margin: 3px;\n          border: 1px solid black;\n          border-radius: 3px;\n          padding: 0;\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-end;\n          align-items: stretch;\n        }\n        :host button div {\n          margin: 0;\n          padding: 2px;\n          font-size: 10px;\n          background: black;\n          color: white;\n          width: calc(100% - 4px);\n        }\n        :host button:focus,\n        :host button:hover {\n          opacity: 0.7;\n          cursor: pointer;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatches), "styles", this)), [(0, _index.css)(_templateObject4_c94712d01f2611eda0c389891c227ec8 || (_templateObject4_c94712d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 15px 0;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host simple-modal-template {\n          --simple-modal-titlebar-color: var(--simple-colors-swatch-contrast);\n          --simple-modal-titlebar-background: var(--simple-colors-swatch-color);\n        }\n        :host .row {\n          display: flex;\n          align-items: stretch;\n        }\n        :host button {\n          width: calc(8% - 6px);\n          height: 80px;\n          margin: 3px;\n          border: 1px solid black;\n          border-radius: 3px;\n          padding: 0;\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-end;\n          align-items: stretch;\n        }\n        :host button div {\n          margin: 0;\n          padding: 2px;\n          font-size: 10px;\n          background: black;\n          color: white;\n          width: calc(100% - 4px);\n        }\n        :host button:focus,\n        :host button:hover {\n          opacity: 0.7;\n          cursor: pointer;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/dist/simple-colors-shared-styles-polymer.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/dist/simple-colors-shared-styles-polymer.dev.js
index cf4dfdbe87d..4b9c15c1d37 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/dist/simple-colors-shared-styles-polymer.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/dist/simple-colors-shared-styles-polymer.dev.js
@@ -7,10 +7,10 @@ exports.css = void 0;
 
 var _polymerElement = require("@polymer/polymer/polymer-element.js");
 
-function _templateObject_f2452a301f0511ed8cc3e9a95995ad69() {
+function _templateObject_c94760f01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n  <style>\n    :host([dark]),\n    :host [dark] {\n      --simple-colors-default-theme-accent-1: #000000;\n      --simple-colors-default-theme-accent-2: #111111;\n      --simple-colors-default-theme-accent-3: #222222;\n      --simple-colors-default-theme-accent-4: #333333;\n      --simple-colors-default-theme-accent-5: #444444;\n      --simple-colors-default-theme-accent-6: #666666;\n      --simple-colors-default-theme-accent-7: #999999;\n      --simple-colors-default-theme-accent-8: #bbbbbb;\n      --simple-colors-default-theme-accent-9: #cccccc;\n      --simple-colors-default-theme-accent-10: #dddddd;\n      --simple-colors-default-theme-accent-11: #eeeeee;\n      --simple-colors-default-theme-accent-12: #ffffff;\n\n      --simple-colors-default-theme-grey-1: #000000;\n      --simple-colors-default-theme-grey-2: #111111;\n      --simple-colors-default-theme-grey-3: #222222;\n      --simple-colors-default-theme-grey-4: #333333;\n      --simple-colors-default-theme-grey-5: #444444;\n      --simple-colors-default-theme-grey-6: #666666;\n      --simple-colors-default-theme-grey-7: #999999;\n      --simple-colors-default-theme-grey-8: #bbbbbb;\n      --simple-colors-default-theme-grey-9: #cccccc;\n      --simple-colors-default-theme-grey-10: #dddddd;\n      --simple-colors-default-theme-grey-11: #eeeeee;\n      --simple-colors-default-theme-grey-12: #ffffff;\n\n      --simple-colors-default-theme-red-1: #3f0000;\n      --simple-colors-default-theme-red-2: #520000;\n      --simple-colors-default-theme-red-3: #670000;\n      --simple-colors-default-theme-red-4: #850000;\n      --simple-colors-default-theme-red-5: #ac0000;\n      --simple-colors-default-theme-red-6: #ee0000;\n      --simple-colors-default-theme-red-7: #ff2222;\n      --simple-colors-default-theme-red-8: #fd5151;\n      --simple-colors-default-theme-red-9: #ff7474;\n      --simple-colors-default-theme-red-10: #ff8f8f;\n      --simple-colors-default-theme-red-11: #ffaeae;\n      --simple-colors-default-theme-red-12: #ffdddd;\n\n      --simple-colors-default-theme-pink-1: #440019;\n      --simple-colors-default-theme-pink-2: #5a0020;\n      --simple-colors-default-theme-pink-3: #78002b;\n      --simple-colors-default-theme-pink-4: #980036;\n      --simple-colors-default-theme-pink-5: #b80042;\n      --simple-colors-default-theme-pink-6: #da004e;\n      --simple-colors-default-theme-pink-7: #ff3996;\n      --simple-colors-default-theme-pink-8: #fd60aa;\n      --simple-colors-default-theme-pink-9: #ff73b5;\n      --simple-colors-default-theme-pink-10: #ff87c0;\n      --simple-colors-default-theme-pink-11: #ffa5cf;\n      --simple-colors-default-theme-pink-12: #ffe6f1;\n\n      --simple-colors-default-theme-purple-1: #200025;\n      --simple-colors-default-theme-purple-2: #33003a;\n      --simple-colors-default-theme-purple-3: #490052;\n      --simple-colors-default-theme-purple-4: #6c0079;\n      --simple-colors-default-theme-purple-5: #8a009b;\n      --simple-colors-default-theme-purple-6: #a500ba;\n      --simple-colors-default-theme-purple-7: #e200ff;\n      --simple-colors-default-theme-purple-8: #ed61ff;\n      --simple-colors-default-theme-purple-9: #f07cff;\n      --simple-colors-default-theme-purple-10: #f394ff;\n      --simple-colors-default-theme-purple-11: #f4affd;\n      --simple-colors-default-theme-purple-12: #fce6ff;\n\n      --simple-colors-default-theme-deep-purple-1: #1d0033;\n      --simple-colors-default-theme-deep-purple-2: #2a0049;\n      --simple-colors-default-theme-deep-purple-3: #3a0063;\n      --simple-colors-default-theme-deep-purple-4: #4c0081;\n      --simple-colors-default-theme-deep-purple-5: #5d009f;\n      --simple-colors-default-theme-deep-purple-6: #7e00d8;\n      --simple-colors-default-theme-deep-purple-7: #a931ff;\n      --simple-colors-default-theme-deep-purple-8: #b44aff;\n      --simple-colors-default-theme-deep-purple-9: #bb63f9;\n      --simple-colors-default-theme-deep-purple-10: #c97eff;\n      --simple-colors-default-theme-deep-purple-11: #ddacff;\n      --simple-colors-default-theme-deep-purple-12: #f3e4ff;\n\n      --simple-colors-default-theme-indigo-1: #0a0030;\n      --simple-colors-default-theme-indigo-2: #100049;\n      --simple-colors-default-theme-indigo-3: #160063;\n      --simple-colors-default-theme-indigo-4: #20008c;\n      --simple-colors-default-theme-indigo-5: #2801b0;\n      --simple-colors-default-theme-indigo-6: #3a00ff;\n      --simple-colors-default-theme-indigo-7: #835fff;\n      --simple-colors-default-theme-indigo-8: #9373ff;\n      --simple-colors-default-theme-indigo-9: #9e82ff;\n      --simple-colors-default-theme-indigo-10: #af97ff;\n      --simple-colors-default-theme-indigo-11: #c3b2ff;\n      --simple-colors-default-theme-indigo-12: #e5ddff;\n\n      --simple-colors-default-theme-blue-1: #001333;\n      --simple-colors-default-theme-blue-2: #001947;\n      --simple-colors-default-theme-blue-3: #002569;\n      --simple-colors-default-theme-blue-4: #003494;\n      --simple-colors-default-theme-blue-5: #0041bb;\n      --simple-colors-default-theme-blue-6: #0059ff;\n      --simple-colors-default-theme-blue-7: #4083ff;\n      --simple-colors-default-theme-blue-8: #5892fd;\n      --simple-colors-default-theme-blue-9: #74a5ff;\n      --simple-colors-default-theme-blue-10: #95baff;\n      --simple-colors-default-theme-blue-11: #acc9ff;\n      --simple-colors-default-theme-blue-12: #e2ecff;\n\n      --simple-colors-default-theme-light-blue-1: #001b36;\n      --simple-colors-default-theme-light-blue-2: #002850;\n      --simple-colors-default-theme-light-blue-3: #003f7d;\n      --simple-colors-default-theme-light-blue-4: #0055a8;\n      --simple-colors-default-theme-light-blue-5: #0066ca;\n      --simple-colors-default-theme-light-blue-6: #007ffc;\n      --simple-colors-default-theme-light-blue-7: #41a1ff;\n      --simple-colors-default-theme-light-blue-8: #58adff;\n      --simple-colors-default-theme-light-blue-9: #65b3ff;\n      --simple-colors-default-theme-light-blue-10: #92c9ff;\n      --simple-colors-default-theme-light-blue-11: #a1d1ff;\n      --simple-colors-default-theme-light-blue-12: #cde8ff;\n\n      --simple-colors-default-theme-cyan-1: #001a20;\n      --simple-colors-default-theme-cyan-2: #002c38;\n      --simple-colors-default-theme-cyan-3: #003f50;\n      --simple-colors-default-theme-cyan-4: #005970;\n      --simple-colors-default-theme-cyan-5: #007999;\n      --simple-colors-default-theme-cyan-6: #009dc7;\n      --simple-colors-default-theme-cyan-7: #00c9ff;\n      --simple-colors-default-theme-cyan-8: #1ccfff;\n      --simple-colors-default-theme-cyan-9: #33d4ff;\n      --simple-colors-default-theme-cyan-10: #77e2ff;\n      --simple-colors-default-theme-cyan-11: #9beaff;\n      --simple-colors-default-theme-cyan-12: #ddf8ff;\n\n      --simple-colors-default-theme-teal-1: #001b14;\n      --simple-colors-default-theme-teal-2: #002a20;\n      --simple-colors-default-theme-teal-3: #003829;\n      --simple-colors-default-theme-teal-4: #004e3a;\n      --simple-colors-default-theme-teal-5: #007658;\n      --simple-colors-default-theme-teal-6: #009d75;\n      --simple-colors-default-theme-teal-7: #00ff9c;\n      --simple-colors-default-theme-teal-8: #29ffac;\n      --simple-colors-default-theme-teal-9: #56ffbd;\n      --simple-colors-default-theme-teal-10: #79ffcb;\n      --simple-colors-default-theme-teal-11: #98ffd7;\n      --simple-colors-default-theme-teal-12: #d9fff0;\n\n      --simple-colors-default-theme-green-1: #001d0c;\n      --simple-colors-default-theme-green-2: #002a11;\n      --simple-colors-default-theme-green-3: #003d18;\n      --simple-colors-default-theme-green-4: #005a23;\n      --simple-colors-default-theme-green-5: #00762e;\n      --simple-colors-default-theme-green-6: #008c37;\n      --simple-colors-default-theme-green-7: #00f961;\n      --simple-colors-default-theme-green-8: #24ff70;\n      --simple-colors-default-theme-green-9: #49ff88;\n      --simple-colors-default-theme-green-10: #79ffa7;\n      --simple-colors-default-theme-green-11: #acffc9;\n      --simple-colors-default-theme-green-12: #e1ffeb;\n\n      --simple-colors-default-theme-light-green-1: #0d2000;\n      --simple-colors-default-theme-light-green-2: #143000;\n      --simple-colors-default-theme-light-green-3: #1b3f00;\n      --simple-colors-default-theme-light-green-4: #296100;\n      --simple-colors-default-theme-light-green-5: #357f00;\n      --simple-colors-default-theme-light-green-6: #429d00;\n      --simple-colors-default-theme-light-green-7: #6fff00;\n      --simple-colors-default-theme-light-green-8: #8efd38;\n      --simple-colors-default-theme-light-green-9: #a1fd5a;\n      --simple-colors-default-theme-light-green-10: #b1ff75;\n      --simple-colors-default-theme-light-green-11: #c7ff9b;\n      --simple-colors-default-theme-light-green-12: #ebffdb;\n\n      --simple-colors-default-theme-lime-1: #182400;\n      --simple-colors-default-theme-lime-2: #223400;\n      --simple-colors-default-theme-lime-3: #293f00;\n      --simple-colors-default-theme-lime-4: #3b5a00;\n      --simple-colors-default-theme-lime-5: #4d7600;\n      --simple-colors-default-theme-lime-6: #649900;\n      --simple-colors-default-theme-lime-7: #aeff00;\n      --simple-colors-default-theme-lime-8: #bdff2d;\n      --simple-colors-default-theme-lime-9: #caff58;\n      --simple-colors-default-theme-lime-10: #d4ff77;\n      --simple-colors-default-theme-lime-11: #dfff9b;\n      --simple-colors-default-theme-lime-12: #f1ffd2;\n\n      --simple-colors-default-theme-yellow-1: #242400;\n      --simple-colors-default-theme-yellow-2: #303000;\n      --simple-colors-default-theme-yellow-3: #454400;\n      --simple-colors-default-theme-yellow-4: #585700;\n      --simple-colors-default-theme-yellow-5: #787700;\n      --simple-colors-default-theme-yellow-6: #929100;\n      --simple-colors-default-theme-yellow-7: #f6f600;\n      --simple-colors-default-theme-yellow-8: #ffff3a;\n      --simple-colors-default-theme-yellow-9: #ffff7c;\n      --simple-colors-default-theme-yellow-10: #ffff90;\n      --simple-colors-default-theme-yellow-11: #ffffac;\n      --simple-colors-default-theme-yellow-12: #ffffd5;\n\n      --simple-colors-default-theme-amber-1: #221a00;\n      --simple-colors-default-theme-amber-2: #302500;\n      --simple-colors-default-theme-amber-3: #413200;\n      --simple-colors-default-theme-amber-4: #614b00;\n      --simple-colors-default-theme-amber-5: #876800;\n      --simple-colors-default-theme-amber-6: #b28900;\n      --simple-colors-default-theme-amber-7: #ffc500;\n      --simple-colors-default-theme-amber-8: #ffc235;\n      --simple-colors-default-theme-amber-9: #ffcf5e;\n      --simple-colors-default-theme-amber-10: #ffd677;\n      --simple-colors-default-theme-amber-11: #ffdf92;\n      --simple-colors-default-theme-amber-12: #fff2d4;\n\n      --simple-colors-default-theme-orange-1: #2c1400;\n      --simple-colors-default-theme-orange-2: #3d1c00;\n      --simple-colors-default-theme-orange-3: #612d00;\n      --simple-colors-default-theme-orange-4: #833d00;\n      --simple-colors-default-theme-orange-5: #ae5100;\n      --simple-colors-default-theme-orange-6: #e56a00;\n      --simple-colors-default-theme-orange-7: #ff9625;\n      --simple-colors-default-theme-orange-8: #ff9e36;\n      --simple-colors-default-theme-orange-9: #ffb05c;\n      --simple-colors-default-theme-orange-10: #ffbd75;\n      --simple-colors-default-theme-orange-11: #ffca92;\n      --simple-colors-default-theme-orange-12: #ffebd7;\n\n      --simple-colors-default-theme-deep-orange-1: #240700;\n      --simple-colors-default-theme-deep-orange-2: #3a0c00;\n      --simple-colors-default-theme-deep-orange-3: #561100;\n      --simple-colors-default-theme-deep-orange-4: #8a1c00;\n      --simple-colors-default-theme-deep-orange-5: #b92500;\n      --simple-colors-default-theme-deep-orange-6: #f53100;\n      --simple-colors-default-theme-deep-orange-7: #ff6c3c;\n      --simple-colors-default-theme-deep-orange-8: #ff7649;\n      --simple-colors-default-theme-deep-orange-9: #ff8a64;\n      --simple-colors-default-theme-deep-orange-10: #ffa588;\n      --simple-colors-default-theme-deep-orange-11: #ffb299;\n      --simple-colors-default-theme-deep-orange-12: #ffe7e0;\n\n      --simple-colors-default-theme-brown-1: #200e09;\n      --simple-colors-default-theme-brown-2: #2c140e;\n      --simple-colors-default-theme-brown-3: #3b1e15;\n      --simple-colors-default-theme-brown-4: #5b3328;\n      --simple-colors-default-theme-brown-5: #724539;\n      --simple-colors-default-theme-brown-6: #85574a;\n      --simple-colors-default-theme-brown-7: #a47060;\n      --simple-colors-default-theme-brown-8: #ac7868;\n      --simple-colors-default-theme-brown-9: #b68373;\n      --simple-colors-default-theme-brown-10: #c59485;\n      --simple-colors-default-theme-brown-11: #e5b8aa;\n      --simple-colors-default-theme-brown-12: #f0e2de;\n\n      --simple-colors-default-theme-blue-grey-1: #0f1518;\n      --simple-colors-default-theme-blue-grey-2: #182023;\n      --simple-colors-default-theme-blue-grey-3: #1e282c;\n      --simple-colors-default-theme-blue-grey-4: #2f3e45;\n      --simple-colors-default-theme-blue-grey-5: #40535b;\n      --simple-colors-default-theme-blue-grey-6: #56707c;\n      --simple-colors-default-theme-blue-grey-7: #718892;\n      --simple-colors-default-theme-blue-grey-8: #7a8f98;\n      --simple-colors-default-theme-blue-grey-9: #8d9fa7;\n      --simple-colors-default-theme-blue-grey-10: #9badb6;\n      --simple-colors-default-theme-blue-grey-11: #b1c5ce;\n      --simple-colors-default-theme-blue-grey-12: #e7eff1;\n    }\n\n    :host([accent-color="grey"]),\n    :host [accent-color="grey"] {\n      --simple-colors-default-theme-accent-1: #ffffff;\n      --simple-colors-default-theme-accent-2: #eeeeee;\n      --simple-colors-default-theme-accent-3: #dddddd;\n      --simple-colors-default-theme-accent-4: #cccccc;\n      --simple-colors-default-theme-accent-5: #bbbbbb;\n      --simple-colors-default-theme-accent-6: #999999;\n      --simple-colors-default-theme-accent-7: #666666;\n      --simple-colors-default-theme-accent-8: #444444;\n      --simple-colors-default-theme-accent-9: #333333;\n      --simple-colors-default-theme-accent-10: #222222;\n      --simple-colors-default-theme-accent-11: #111111;\n      --simple-colors-default-theme-accent-12: #000000;\n      --simple-colors-fixed-theme-accent-1: #ffffff;\n      --simple-colors-fixed-theme-accent-2: #eeeeee;\n      --simple-colors-fixed-theme-accent-3: #dddddd;\n      --simple-colors-fixed-theme-accent-4: #cccccc;\n      --simple-colors-fixed-theme-accent-5: #bbbbbb;\n      --simple-colors-fixed-theme-accent-6: #999999;\n      --simple-colors-fixed-theme-accent-7: #666666;\n      --simple-colors-fixed-theme-accent-8: #444444;\n      --simple-colors-fixed-theme-accent-9: #333333;\n      --simple-colors-fixed-theme-accent-10: #222222;\n      --simple-colors-fixed-theme-accent-11: #111111;\n      --simple-colors-fixed-theme-accent-12: #000000;\n    }\n\n    :host([dark][accent-color="grey"]),\n    :host([dark]) [accent-color="grey"],\n    :host([accent-color="grey"]) [dark],\n    :host [dark][accent-color="grey"] {\n      --simple-colors-default-theme-accent-1: #000000;\n      --simple-colors-default-theme-accent-2: #111111;\n      --simple-colors-default-theme-accent-3: #222222;\n      --simple-colors-default-theme-accent-4: #333333;\n      --simple-colors-default-theme-accent-5: #444444;\n      --simple-colors-default-theme-accent-6: #666666;\n      --simple-colors-default-theme-accent-7: #999999;\n      --simple-colors-default-theme-accent-8: #bbbbbb;\n      --simple-colors-default-theme-accent-9: #cccccc;\n      --simple-colors-default-theme-accent-10: #dddddd;\n      --simple-colors-default-theme-accent-11: #eeeeee;\n      --simple-colors-default-theme-accent-12: #ffffff;\n    }\n\n    :host([accent-color="red"]),\n    :host [accent-color="red"] {\n      --simple-colors-default-theme-accent-1: #ffdddd;\n      --simple-colors-default-theme-accent-2: #ffaeae;\n      --simple-colors-default-theme-accent-3: #ff8f8f;\n      --simple-colors-default-theme-accent-4: #ff7474;\n      --simple-colors-default-theme-accent-5: #fd5151;\n      --simple-colors-default-theme-accent-6: #ff2222;\n      --simple-colors-default-theme-accent-7: #ee0000;\n      --simple-colors-default-theme-accent-8: #ac0000;\n      --simple-colors-default-theme-accent-9: #850000;\n      --simple-colors-default-theme-accent-10: #670000;\n      --simple-colors-default-theme-accent-11: #520000;\n      --simple-colors-default-theme-accent-12: #3f0000;\n      --simple-colors-fixed-theme-accent-1: #ffdddd;\n      --simple-colors-fixed-theme-accent-2: #ffaeae;\n      --simple-colors-fixed-theme-accent-3: #ff8f8f;\n      --simple-colors-fixed-theme-accent-4: #ff7474;\n      --simple-colors-fixed-theme-accent-5: #fd5151;\n      --simple-colors-fixed-theme-accent-6: #ff2222;\n      --simple-colors-fixed-theme-accent-7: #ee0000;\n      --simple-colors-fixed-theme-accent-8: #ac0000;\n      --simple-colors-fixed-theme-accent-9: #850000;\n      --simple-colors-fixed-theme-accent-10: #670000;\n      --simple-colors-fixed-theme-accent-11: #520000;\n      --simple-colors-fixed-theme-accent-12: #3f0000;\n    }\n\n    :host([dark][accent-color="red"]),\n    :host([dark]) [accent-color="red"],\n    :host([accent-color="red"]) [dark],\n    :host [dark][accent-color="red"] {\n      --simple-colors-default-theme-accent-1: #3f0000;\n      --simple-colors-default-theme-accent-2: #520000;\n      --simple-colors-default-theme-accent-3: #670000;\n      --simple-colors-default-theme-accent-4: #850000;\n      --simple-colors-default-theme-accent-5: #ac0000;\n      --simple-colors-default-theme-accent-6: #ee0000;\n      --simple-colors-default-theme-accent-7: #ff2222;\n      --simple-colors-default-theme-accent-8: #fd5151;\n      --simple-colors-default-theme-accent-9: #ff7474;\n      --simple-colors-default-theme-accent-10: #ff8f8f;\n      --simple-colors-default-theme-accent-11: #ffaeae;\n      --simple-colors-default-theme-accent-12: #ffdddd;\n    }\n\n    :host([accent-color="pink"]),\n    :host [accent-color="pink"] {\n      --simple-colors-default-theme-accent-1: #ffe6f1;\n      --simple-colors-default-theme-accent-2: #ffa5cf;\n      --simple-colors-default-theme-accent-3: #ff87c0;\n      --simple-colors-default-theme-accent-4: #ff73b5;\n      --simple-colors-default-theme-accent-5: #fd60aa;\n      --simple-colors-default-theme-accent-6: #ff3996;\n      --simple-colors-default-theme-accent-7: #da004e;\n      --simple-colors-default-theme-accent-8: #b80042;\n      --simple-colors-default-theme-accent-9: #980036;\n      --simple-colors-default-theme-accent-10: #78002b;\n      --simple-colors-default-theme-accent-11: #5a0020;\n      --simple-colors-default-theme-accent-12: #440019;\n      --simple-colors-fixed-theme-accent-1: #ffe6f1;\n      --simple-colors-fixed-theme-accent-2: #ffa5cf;\n      --simple-colors-fixed-theme-accent-3: #ff87c0;\n      --simple-colors-fixed-theme-accent-4: #ff73b5;\n      --simple-colors-fixed-theme-accent-5: #fd60aa;\n      --simple-colors-fixed-theme-accent-6: #ff3996;\n      --simple-colors-fixed-theme-accent-7: #da004e;\n      --simple-colors-fixed-theme-accent-8: #b80042;\n      --simple-colors-fixed-theme-accent-9: #980036;\n      --simple-colors-fixed-theme-accent-10: #78002b;\n      --simple-colors-fixed-theme-accent-11: #5a0020;\n      --simple-colors-fixed-theme-accent-12: #440019;\n    }\n\n    :host([dark][accent-color="pink"]),\n    :host([dark]) [accent-color="pink"],\n    :host([accent-color="pink"]) [dark],\n    :host [dark][accent-color="pink"] {\n      --simple-colors-default-theme-accent-1: #440019;\n      --simple-colors-default-theme-accent-2: #5a0020;\n      --simple-colors-default-theme-accent-3: #78002b;\n      --simple-colors-default-theme-accent-4: #980036;\n      --simple-colors-default-theme-accent-5: #b80042;\n      --simple-colors-default-theme-accent-6: #da004e;\n      --simple-colors-default-theme-accent-7: #ff3996;\n      --simple-colors-default-theme-accent-8: #fd60aa;\n      --simple-colors-default-theme-accent-9: #ff73b5;\n      --simple-colors-default-theme-accent-10: #ff87c0;\n      --simple-colors-default-theme-accent-11: #ffa5cf;\n      --simple-colors-default-theme-accent-12: #ffe6f1;\n    }\n\n    :host([accent-color="purple"]),\n    :host [accent-color="purple"] {\n      --simple-colors-default-theme-accent-1: #fce6ff;\n      --simple-colors-default-theme-accent-2: #f4affd;\n      --simple-colors-default-theme-accent-3: #f394ff;\n      --simple-colors-default-theme-accent-4: #f07cff;\n      --simple-colors-default-theme-accent-5: #ed61ff;\n      --simple-colors-default-theme-accent-6: #e200ff;\n      --simple-colors-default-theme-accent-7: #a500ba;\n      --simple-colors-default-theme-accent-8: #8a009b;\n      --simple-colors-default-theme-accent-9: #6c0079;\n      --simple-colors-default-theme-accent-10: #490052;\n      --simple-colors-default-theme-accent-11: #33003a;\n      --simple-colors-default-theme-accent-12: #200025;\n      --simple-colors-fixed-theme-accent-1: #fce6ff;\n      --simple-colors-fixed-theme-accent-2: #f4affd;\n      --simple-colors-fixed-theme-accent-3: #f394ff;\n      --simple-colors-fixed-theme-accent-4: #f07cff;\n      --simple-colors-fixed-theme-accent-5: #ed61ff;\n      --simple-colors-fixed-theme-accent-6: #e200ff;\n      --simple-colors-fixed-theme-accent-7: #a500ba;\n      --simple-colors-fixed-theme-accent-8: #8a009b;\n      --simple-colors-fixed-theme-accent-9: #6c0079;\n      --simple-colors-fixed-theme-accent-10: #490052;\n      --simple-colors-fixed-theme-accent-11: #33003a;\n      --simple-colors-fixed-theme-accent-12: #200025;\n    }\n\n    :host([dark][accent-color="purple"]),\n    :host([dark]) [accent-color="purple"],\n    :host([accent-color="purple"]) [dark],\n    :host [dark][accent-color="purple"] {\n      --simple-colors-default-theme-accent-1: #200025;\n      --simple-colors-default-theme-accent-2: #33003a;\n      --simple-colors-default-theme-accent-3: #490052;\n      --simple-colors-default-theme-accent-4: #6c0079;\n      --simple-colors-default-theme-accent-5: #8a009b;\n      --simple-colors-default-theme-accent-6: #a500ba;\n      --simple-colors-default-theme-accent-7: #e200ff;\n      --simple-colors-default-theme-accent-8: #ed61ff;\n      --simple-colors-default-theme-accent-9: #f07cff;\n      --simple-colors-default-theme-accent-10: #f394ff;\n      --simple-colors-default-theme-accent-11: #f4affd;\n      --simple-colors-default-theme-accent-12: #fce6ff;\n    }\n\n    :host([accent-color="deep-purple"]),\n    :host [accent-color="deep-purple"] {\n      --simple-colors-default-theme-accent-1: #f3e4ff;\n      --simple-colors-default-theme-accent-2: #ddacff;\n      --simple-colors-default-theme-accent-3: #c97eff;\n      --simple-colors-default-theme-accent-4: #bb63f9;\n      --simple-colors-default-theme-accent-5: #b44aff;\n      --simple-colors-default-theme-accent-6: #a931ff;\n      --simple-colors-default-theme-accent-7: #7e00d8;\n      --simple-colors-default-theme-accent-8: #5d009f;\n      --simple-colors-default-theme-accent-9: #4c0081;\n      --simple-colors-default-theme-accent-10: #3a0063;\n      --simple-colors-default-theme-accent-11: #2a0049;\n      --simple-colors-default-theme-accent-12: #1d0033;\n      --simple-colors-fixed-theme-accent-1: #f3e4ff;\n      --simple-colors-fixed-theme-accent-2: #ddacff;\n      --simple-colors-fixed-theme-accent-3: #c97eff;\n      --simple-colors-fixed-theme-accent-4: #bb63f9;\n      --simple-colors-fixed-theme-accent-5: #b44aff;\n      --simple-colors-fixed-theme-accent-6: #a931ff;\n      --simple-colors-fixed-theme-accent-7: #7e00d8;\n      --simple-colors-fixed-theme-accent-8: #5d009f;\n      --simple-colors-fixed-theme-accent-9: #4c0081;\n      --simple-colors-fixed-theme-accent-10: #3a0063;\n      --simple-colors-fixed-theme-accent-11: #2a0049;\n      --simple-colors-fixed-theme-accent-12: #1d0033;\n    }\n\n    :host([dark][accent-color="deep-purple"]),\n    :host([dark]) [accent-color="deep-purple"],\n    :host([accent-color="deep-purple"]) [dark],\n    :host [dark][accent-color="deep-purple"] {\n      --simple-colors-default-theme-accent-1: #1d0033;\n      --simple-colors-default-theme-accent-2: #2a0049;\n      --simple-colors-default-theme-accent-3: #3a0063;\n      --simple-colors-default-theme-accent-4: #4c0081;\n      --simple-colors-default-theme-accent-5: #5d009f;\n      --simple-colors-default-theme-accent-6: #7e00d8;\n      --simple-colors-default-theme-accent-7: #a931ff;\n      --simple-colors-default-theme-accent-8: #b44aff;\n      --simple-colors-default-theme-accent-9: #bb63f9;\n      --simple-colors-default-theme-accent-10: #c97eff;\n      --simple-colors-default-theme-accent-11: #ddacff;\n      --simple-colors-default-theme-accent-12: #f3e4ff;\n    }\n\n    :host([accent-color="indigo"]),\n    :host [accent-color="indigo"] {\n      --simple-colors-default-theme-accent-1: #e5ddff;\n      --simple-colors-default-theme-accent-2: #c3b2ff;\n      --simple-colors-default-theme-accent-3: #af97ff;\n      --simple-colors-default-theme-accent-4: #9e82ff;\n      --simple-colors-default-theme-accent-5: #9373ff;\n      --simple-colors-default-theme-accent-6: #835fff;\n      --simple-colors-default-theme-accent-7: #3a00ff;\n      --simple-colors-default-theme-accent-8: #2801b0;\n      --simple-colors-default-theme-accent-9: #20008c;\n      --simple-colors-default-theme-accent-10: #160063;\n      --simple-colors-default-theme-accent-11: #100049;\n      --simple-colors-default-theme-accent-12: #0a0030;\n      --simple-colors-fixed-theme-accent-1: #e5ddff;\n      --simple-colors-fixed-theme-accent-2: #c3b2ff;\n      --simple-colors-fixed-theme-accent-3: #af97ff;\n      --simple-colors-fixed-theme-accent-4: #9e82ff;\n      --simple-colors-fixed-theme-accent-5: #9373ff;\n      --simple-colors-fixed-theme-accent-6: #835fff;\n      --simple-colors-fixed-theme-accent-7: #3a00ff;\n      --simple-colors-fixed-theme-accent-8: #2801b0;\n      --simple-colors-fixed-theme-accent-9: #20008c;\n      --simple-colors-fixed-theme-accent-10: #160063;\n      --simple-colors-fixed-theme-accent-11: #100049;\n      --simple-colors-fixed-theme-accent-12: #0a0030;\n    }\n\n    :host([dark][accent-color="indigo"]),\n    :host([dark]) [accent-color="indigo"],\n    :host([accent-color="indigo"]) [dark],\n    :host [dark][accent-color="indigo"] {\n      --simple-colors-default-theme-accent-1: #0a0030;\n      --simple-colors-default-theme-accent-2: #100049;\n      --simple-colors-default-theme-accent-3: #160063;\n      --simple-colors-default-theme-accent-4: #20008c;\n      --simple-colors-default-theme-accent-5: #2801b0;\n      --simple-colors-default-theme-accent-6: #3a00ff;\n      --simple-colors-default-theme-accent-7: #835fff;\n      --simple-colors-default-theme-accent-8: #9373ff;\n      --simple-colors-default-theme-accent-9: #9e82ff;\n      --simple-colors-default-theme-accent-10: #af97ff;\n      --simple-colors-default-theme-accent-11: #c3b2ff;\n      --simple-colors-default-theme-accent-12: #e5ddff;\n    }\n\n    :host([accent-color="blue"]),\n    :host [accent-color="blue"] {\n      --simple-colors-default-theme-accent-1: #e2ecff;\n      --simple-colors-default-theme-accent-2: #acc9ff;\n      --simple-colors-default-theme-accent-3: #95baff;\n      --simple-colors-default-theme-accent-4: #74a5ff;\n      --simple-colors-default-theme-accent-5: #5892fd;\n      --simple-colors-default-theme-accent-6: #4083ff;\n      --simple-colors-default-theme-accent-7: #0059ff;\n      --simple-colors-default-theme-accent-8: #0041bb;\n      --simple-colors-default-theme-accent-9: #003494;\n      --simple-colors-default-theme-accent-10: #002569;\n      --simple-colors-default-theme-accent-11: #001947;\n      --simple-colors-default-theme-accent-12: #001333;\n      --simple-colors-fixed-theme-accent-1: #e2ecff;\n      --simple-colors-fixed-theme-accent-2: #acc9ff;\n      --simple-colors-fixed-theme-accent-3: #95baff;\n      --simple-colors-fixed-theme-accent-4: #74a5ff;\n      --simple-colors-fixed-theme-accent-5: #5892fd;\n      --simple-colors-fixed-theme-accent-6: #4083ff;\n      --simple-colors-fixed-theme-accent-7: #0059ff;\n      --simple-colors-fixed-theme-accent-8: #0041bb;\n      --simple-colors-fixed-theme-accent-9: #003494;\n      --simple-colors-fixed-theme-accent-10: #002569;\n      --simple-colors-fixed-theme-accent-11: #001947;\n      --simple-colors-fixed-theme-accent-12: #001333;\n    }\n\n    :host([dark][accent-color="blue"]),\n    :host([dark]) [accent-color="blue"],\n    :host([accent-color="blue"]) [dark],\n    :host [dark][accent-color="blue"] {\n      --simple-colors-default-theme-accent-1: #001333;\n      --simple-colors-default-theme-accent-2: #001947;\n      --simple-colors-default-theme-accent-3: #002569;\n      --simple-colors-default-theme-accent-4: #003494;\n      --simple-colors-default-theme-accent-5: #0041bb;\n      --simple-colors-default-theme-accent-6: #0059ff;\n      --simple-colors-default-theme-accent-7: #4083ff;\n      --simple-colors-default-theme-accent-8: #5892fd;\n      --simple-colors-default-theme-accent-9: #74a5ff;\n      --simple-colors-default-theme-accent-10: #95baff;\n      --simple-colors-default-theme-accent-11: #acc9ff;\n      --simple-colors-default-theme-accent-12: #e2ecff;\n    }\n\n    :host([accent-color="light-blue"]),\n    :host [accent-color="light-blue"] {\n      --simple-colors-default-theme-accent-1: #cde8ff;\n      --simple-colors-default-theme-accent-2: #a1d1ff;\n      --simple-colors-default-theme-accent-3: #92c9ff;\n      --simple-colors-default-theme-accent-4: #65b3ff;\n      --simple-colors-default-theme-accent-5: #58adff;\n      --simple-colors-default-theme-accent-6: #41a1ff;\n      --simple-colors-default-theme-accent-7: #007ffc;\n      --simple-colors-default-theme-accent-8: #0066ca;\n      --simple-colors-default-theme-accent-9: #0055a8;\n      --simple-colors-default-theme-accent-10: #003f7d;\n      --simple-colors-default-theme-accent-11: #002850;\n      --simple-colors-default-theme-accent-12: #001b36;\n      --simple-colors-fixed-theme-accent-1: #cde8ff;\n      --simple-colors-fixed-theme-accent-2: #a1d1ff;\n      --simple-colors-fixed-theme-accent-3: #92c9ff;\n      --simple-colors-fixed-theme-accent-4: #65b3ff;\n      --simple-colors-fixed-theme-accent-5: #58adff;\n      --simple-colors-fixed-theme-accent-6: #41a1ff;\n      --simple-colors-fixed-theme-accent-7: #007ffc;\n      --simple-colors-fixed-theme-accent-8: #0066ca;\n      --simple-colors-fixed-theme-accent-9: #0055a8;\n      --simple-colors-fixed-theme-accent-10: #003f7d;\n      --simple-colors-fixed-theme-accent-11: #002850;\n      --simple-colors-fixed-theme-accent-12: #001b36;\n    }\n\n    :host([dark][accent-color="light-blue"]),\n    :host([dark]) [accent-color="light-blue"],\n    :host([accent-color="light-blue"]) [dark],\n    :host [dark][accent-color="light-blue"] {\n      --simple-colors-default-theme-accent-1: #001b36;\n      --simple-colors-default-theme-accent-2: #002850;\n      --simple-colors-default-theme-accent-3: #003f7d;\n      --simple-colors-default-theme-accent-4: #0055a8;\n      --simple-colors-default-theme-accent-5: #0066ca;\n      --simple-colors-default-theme-accent-6: #007ffc;\n      --simple-colors-default-theme-accent-7: #41a1ff;\n      --simple-colors-default-theme-accent-8: #58adff;\n      --simple-colors-default-theme-accent-9: #65b3ff;\n      --simple-colors-default-theme-accent-10: #92c9ff;\n      --simple-colors-default-theme-accent-11: #a1d1ff;\n      --simple-colors-default-theme-accent-12: #cde8ff;\n    }\n\n    :host([accent-color="cyan"]),\n    :host [accent-color="cyan"] {\n      --simple-colors-default-theme-accent-1: #ddf8ff;\n      --simple-colors-default-theme-accent-2: #9beaff;\n      --simple-colors-default-theme-accent-3: #77e2ff;\n      --simple-colors-default-theme-accent-4: #33d4ff;\n      --simple-colors-default-theme-accent-5: #1ccfff;\n      --simple-colors-default-theme-accent-6: #00c9ff;\n      --simple-colors-default-theme-accent-7: #009dc7;\n      --simple-colors-default-theme-accent-8: #007999;\n      --simple-colors-default-theme-accent-9: #005970;\n      --simple-colors-default-theme-accent-10: #003f50;\n      --simple-colors-default-theme-accent-11: #002c38;\n      --simple-colors-default-theme-accent-12: #001a20;\n      --simple-colors-fixed-theme-accent-1: #ddf8ff;\n      --simple-colors-fixed-theme-accent-2: #9beaff;\n      --simple-colors-fixed-theme-accent-3: #77e2ff;\n      --simple-colors-fixed-theme-accent-4: #33d4ff;\n      --simple-colors-fixed-theme-accent-5: #1ccfff;\n      --simple-colors-fixed-theme-accent-6: #00c9ff;\n      --simple-colors-fixed-theme-accent-7: #009dc7;\n      --simple-colors-fixed-theme-accent-8: #007999;\n      --simple-colors-fixed-theme-accent-9: #005970;\n      --simple-colors-fixed-theme-accent-10: #003f50;\n      --simple-colors-fixed-theme-accent-11: #002c38;\n      --simple-colors-fixed-theme-accent-12: #001a20;\n    }\n\n    :host([dark][accent-color="cyan"]),\n    :host([dark]) [accent-color="cyan"],\n    :host([accent-color="cyan"]) [dark],\n    :host [dark][accent-color="cyan"] {\n      --simple-colors-default-theme-accent-1: #001a20;\n      --simple-colors-default-theme-accent-2: #002c38;\n      --simple-colors-default-theme-accent-3: #003f50;\n      --simple-colors-default-theme-accent-4: #005970;\n      --simple-colors-default-theme-accent-5: #007999;\n      --simple-colors-default-theme-accent-6: #009dc7;\n      --simple-colors-default-theme-accent-7: #00c9ff;\n      --simple-colors-default-theme-accent-8: #1ccfff;\n      --simple-colors-default-theme-accent-9: #33d4ff;\n      --simple-colors-default-theme-accent-10: #77e2ff;\n      --simple-colors-default-theme-accent-11: #9beaff;\n      --simple-colors-default-theme-accent-12: #ddf8ff;\n    }\n\n    :host([accent-color="teal"]),\n    :host [accent-color="teal"] {\n      --simple-colors-default-theme-accent-1: #d9fff0;\n      --simple-colors-default-theme-accent-2: #98ffd7;\n      --simple-colors-default-theme-accent-3: #79ffcb;\n      --simple-colors-default-theme-accent-4: #56ffbd;\n      --simple-colors-default-theme-accent-5: #29ffac;\n      --simple-colors-default-theme-accent-6: #00ff9c;\n      --simple-colors-default-theme-accent-7: #009d75;\n      --simple-colors-default-theme-accent-8: #007658;\n      --simple-colors-default-theme-accent-9: #004e3a;\n      --simple-colors-default-theme-accent-10: #003829;\n      --simple-colors-default-theme-accent-11: #002a20;\n      --simple-colors-default-theme-accent-12: #001b14;\n      --simple-colors-fixed-theme-accent-1: #d9fff0;\n      --simple-colors-fixed-theme-accent-2: #98ffd7;\n      --simple-colors-fixed-theme-accent-3: #79ffcb;\n      --simple-colors-fixed-theme-accent-4: #56ffbd;\n      --simple-colors-fixed-theme-accent-5: #29ffac;\n      --simple-colors-fixed-theme-accent-6: #00ff9c;\n      --simple-colors-fixed-theme-accent-7: #009d75;\n      --simple-colors-fixed-theme-accent-8: #007658;\n      --simple-colors-fixed-theme-accent-9: #004e3a;\n      --simple-colors-fixed-theme-accent-10: #003829;\n      --simple-colors-fixed-theme-accent-11: #002a20;\n      --simple-colors-fixed-theme-accent-12: #001b14;\n    }\n\n    :host([dark][accent-color="teal"]),\n    :host([dark]) [accent-color="teal"],\n    :host([accent-color="teal"]) [dark],\n    :host [dark][accent-color="teal"] {\n      --simple-colors-default-theme-accent-1: #001b14;\n      --simple-colors-default-theme-accent-2: #002a20;\n      --simple-colors-default-theme-accent-3: #003829;\n      --simple-colors-default-theme-accent-4: #004e3a;\n      --simple-colors-default-theme-accent-5: #007658;\n      --simple-colors-default-theme-accent-6: #009d75;\n      --simple-colors-default-theme-accent-7: #00ff9c;\n      --simple-colors-default-theme-accent-8: #29ffac;\n      --simple-colors-default-theme-accent-9: #56ffbd;\n      --simple-colors-default-theme-accent-10: #79ffcb;\n      --simple-colors-default-theme-accent-11: #98ffd7;\n      --simple-colors-default-theme-accent-12: #d9fff0;\n    }\n\n    :host([accent-color="green"]),\n    :host [accent-color="green"] {\n      --simple-colors-default-theme-accent-1: #e1ffeb;\n      --simple-colors-default-theme-accent-2: #acffc9;\n      --simple-colors-default-theme-accent-3: #79ffa7;\n      --simple-colors-default-theme-accent-4: #49ff88;\n      --simple-colors-default-theme-accent-5: #24ff70;\n      --simple-colors-default-theme-accent-6: #00f961;\n      --simple-colors-default-theme-accent-7: #008c37;\n      --simple-colors-default-theme-accent-8: #00762e;\n      --simple-colors-default-theme-accent-9: #005a23;\n      --simple-colors-default-theme-accent-10: #003d18;\n      --simple-colors-default-theme-accent-11: #002a11;\n      --simple-colors-default-theme-accent-12: #001d0c;\n      --simple-colors-fixed-theme-accent-1: #e1ffeb;\n      --simple-colors-fixed-theme-accent-2: #acffc9;\n      --simple-colors-fixed-theme-accent-3: #79ffa7;\n      --simple-colors-fixed-theme-accent-4: #49ff88;\n      --simple-colors-fixed-theme-accent-5: #24ff70;\n      --simple-colors-fixed-theme-accent-6: #00f961;\n      --simple-colors-fixed-theme-accent-7: #008c37;\n      --simple-colors-fixed-theme-accent-8: #00762e;\n      --simple-colors-fixed-theme-accent-9: #005a23;\n      --simple-colors-fixed-theme-accent-10: #003d18;\n      --simple-colors-fixed-theme-accent-11: #002a11;\n      --simple-colors-fixed-theme-accent-12: #001d0c;\n    }\n\n    :host([dark][accent-color="green"]),\n    :host([dark]) [accent-color="green"],\n    :host([accent-color="green"]) [dark],\n    :host [dark][accent-color="green"] {\n      --simple-colors-default-theme-accent-1: #001d0c;\n      --simple-colors-default-theme-accent-2: #002a11;\n      --simple-colors-default-theme-accent-3: #003d18;\n      --simple-colors-default-theme-accent-4: #005a23;\n      --simple-colors-default-theme-accent-5: #00762e;\n      --simple-colors-default-theme-accent-6: #008c37;\n      --simple-colors-default-theme-accent-7: #00f961;\n      --simple-colors-default-theme-accent-8: #24ff70;\n      --simple-colors-default-theme-accent-9: #49ff88;\n      --simple-colors-default-theme-accent-10: #79ffa7;\n      --simple-colors-default-theme-accent-11: #acffc9;\n      --simple-colors-default-theme-accent-12: #e1ffeb;\n    }\n\n    :host([accent-color="light-green"]),\n    :host [accent-color="light-green"] {\n      --simple-colors-default-theme-accent-1: #ebffdb;\n      --simple-colors-default-theme-accent-2: #c7ff9b;\n      --simple-colors-default-theme-accent-3: #b1ff75;\n      --simple-colors-default-theme-accent-4: #a1fd5a;\n      --simple-colors-default-theme-accent-5: #8efd38;\n      --simple-colors-default-theme-accent-6: #6fff00;\n      --simple-colors-default-theme-accent-7: #429d00;\n      --simple-colors-default-theme-accent-8: #357f00;\n      --simple-colors-default-theme-accent-9: #296100;\n      --simple-colors-default-theme-accent-10: #1b3f00;\n      --simple-colors-default-theme-accent-11: #143000;\n      --simple-colors-default-theme-accent-12: #0d2000;\n      --simple-colors-fixed-theme-accent-1: #ebffdb;\n      --simple-colors-fixed-theme-accent-2: #c7ff9b;\n      --simple-colors-fixed-theme-accent-3: #b1ff75;\n      --simple-colors-fixed-theme-accent-4: #a1fd5a;\n      --simple-colors-fixed-theme-accent-5: #8efd38;\n      --simple-colors-fixed-theme-accent-6: #6fff00;\n      --simple-colors-fixed-theme-accent-7: #429d00;\n      --simple-colors-fixed-theme-accent-8: #357f00;\n      --simple-colors-fixed-theme-accent-9: #296100;\n      --simple-colors-fixed-theme-accent-10: #1b3f00;\n      --simple-colors-fixed-theme-accent-11: #143000;\n      --simple-colors-fixed-theme-accent-12: #0d2000;\n    }\n\n    :host([dark][accent-color="light-green"]),\n    :host([dark]) [accent-color="light-green"],\n    :host([accent-color="light-green"]) [dark],\n    :host [dark][accent-color="light-green"] {\n      --simple-colors-default-theme-accent-1: #0d2000;\n      --simple-colors-default-theme-accent-2: #143000;\n      --simple-colors-default-theme-accent-3: #1b3f00;\n      --simple-colors-default-theme-accent-4: #296100;\n      --simple-colors-default-theme-accent-5: #357f00;\n      --simple-colors-default-theme-accent-6: #429d00;\n      --simple-colors-default-theme-accent-7: #6fff00;\n      --simple-colors-default-theme-accent-8: #8efd38;\n      --simple-colors-default-theme-accent-9: #a1fd5a;\n      --simple-colors-default-theme-accent-10: #b1ff75;\n      --simple-colors-default-theme-accent-11: #c7ff9b;\n      --simple-colors-default-theme-accent-12: #ebffdb;\n    }\n\n    :host([accent-color="lime"]),\n    :host [accent-color="lime"] {\n      --simple-colors-default-theme-accent-1: #f1ffd2;\n      --simple-colors-default-theme-accent-2: #dfff9b;\n      --simple-colors-default-theme-accent-3: #d4ff77;\n      --simple-colors-default-theme-accent-4: #caff58;\n      --simple-colors-default-theme-accent-5: #bdff2d;\n      --simple-colors-default-theme-accent-6: #aeff00;\n      --simple-colors-default-theme-accent-7: #649900;\n      --simple-colors-default-theme-accent-8: #4d7600;\n      --simple-colors-default-theme-accent-9: #3b5a00;\n      --simple-colors-default-theme-accent-10: #293f00;\n      --simple-colors-default-theme-accent-11: #223400;\n      --simple-colors-default-theme-accent-12: #182400;\n      --simple-colors-fixed-theme-accent-1: #f1ffd2;\n      --simple-colors-fixed-theme-accent-2: #dfff9b;\n      --simple-colors-fixed-theme-accent-3: #d4ff77;\n      --simple-colors-fixed-theme-accent-4: #caff58;\n      --simple-colors-fixed-theme-accent-5: #bdff2d;\n      --simple-colors-fixed-theme-accent-6: #aeff00;\n      --simple-colors-fixed-theme-accent-7: #649900;\n      --simple-colors-fixed-theme-accent-8: #4d7600;\n      --simple-colors-fixed-theme-accent-9: #3b5a00;\n      --simple-colors-fixed-theme-accent-10: #293f00;\n      --simple-colors-fixed-theme-accent-11: #223400;\n      --simple-colors-fixed-theme-accent-12: #182400;\n    }\n\n    :host([dark][accent-color="lime"]),\n    :host([dark]) [accent-color="lime"],\n    :host([accent-color="lime"]) [dark],\n    :host [dark][accent-color="lime"] {\n      --simple-colors-default-theme-accent-1: #182400;\n      --simple-colors-default-theme-accent-2: #223400;\n      --simple-colors-default-theme-accent-3: #293f00;\n      --simple-colors-default-theme-accent-4: #3b5a00;\n      --simple-colors-default-theme-accent-5: #4d7600;\n      --simple-colors-default-theme-accent-6: #649900;\n      --simple-colors-default-theme-accent-7: #aeff00;\n      --simple-colors-default-theme-accent-8: #bdff2d;\n      --simple-colors-default-theme-accent-9: #caff58;\n      --simple-colors-default-theme-accent-10: #d4ff77;\n      --simple-colors-default-theme-accent-11: #dfff9b;\n      --simple-colors-default-theme-accent-12: #f1ffd2;\n    }\n\n    :host([accent-color="yellow"]),\n    :host [accent-color="yellow"] {\n      --simple-colors-default-theme-accent-1: #ffffd5;\n      --simple-colors-default-theme-accent-2: #ffffac;\n      --simple-colors-default-theme-accent-3: #ffff90;\n      --simple-colors-default-theme-accent-4: #ffff7c;\n      --simple-colors-default-theme-accent-5: #ffff3a;\n      --simple-colors-default-theme-accent-6: #f6f600;\n      --simple-colors-default-theme-accent-7: #929100;\n      --simple-colors-default-theme-accent-8: #787700;\n      --simple-colors-default-theme-accent-9: #585700;\n      --simple-colors-default-theme-accent-10: #454400;\n      --simple-colors-default-theme-accent-11: #303000;\n      --simple-colors-default-theme-accent-12: #242400;\n      --simple-colors-fixed-theme-accent-1: #ffffd5;\n      --simple-colors-fixed-theme-accent-2: #ffffac;\n      --simple-colors-fixed-theme-accent-3: #ffff90;\n      --simple-colors-fixed-theme-accent-4: #ffff7c;\n      --simple-colors-fixed-theme-accent-5: #ffff3a;\n      --simple-colors-fixed-theme-accent-6: #f6f600;\n      --simple-colors-fixed-theme-accent-7: #929100;\n      --simple-colors-fixed-theme-accent-8: #787700;\n      --simple-colors-fixed-theme-accent-9: #585700;\n      --simple-colors-fixed-theme-accent-10: #454400;\n      --simple-colors-fixed-theme-accent-11: #303000;\n      --simple-colors-fixed-theme-accent-12: #242400;\n    }\n\n    :host([dark][accent-color="yellow"]),\n    :host([dark]) [accent-color="yellow"],\n    :host([accent-color="yellow"]) [dark],\n    :host [dark][accent-color="yellow"] {\n      --simple-colors-default-theme-accent-1: #242400;\n      --simple-colors-default-theme-accent-2: #303000;\n      --simple-colors-default-theme-accent-3: #454400;\n      --simple-colors-default-theme-accent-4: #585700;\n      --simple-colors-default-theme-accent-5: #787700;\n      --simple-colors-default-theme-accent-6: #929100;\n      --simple-colors-default-theme-accent-7: #f6f600;\n      --simple-colors-default-theme-accent-8: #ffff3a;\n      --simple-colors-default-theme-accent-9: #ffff7c;\n      --simple-colors-default-theme-accent-10: #ffff90;\n      --simple-colors-default-theme-accent-11: #ffffac;\n      --simple-colors-default-theme-accent-12: #ffffd5;\n    }\n\n    :host([accent-color="amber"]),\n    :host [accent-color="amber"] {\n      --simple-colors-default-theme-accent-1: #fff2d4;\n      --simple-colors-default-theme-accent-2: #ffdf92;\n      --simple-colors-default-theme-accent-3: #ffd677;\n      --simple-colors-default-theme-accent-4: #ffcf5e;\n      --simple-colors-default-theme-accent-5: #ffc235;\n      --simple-colors-default-theme-accent-6: #ffc500;\n      --simple-colors-default-theme-accent-7: #b28900;\n      --simple-colors-default-theme-accent-8: #876800;\n      --simple-colors-default-theme-accent-9: #614b00;\n      --simple-colors-default-theme-accent-10: #413200;\n      --simple-colors-default-theme-accent-11: #302500;\n      --simple-colors-default-theme-accent-12: #221a00;\n      --simple-colors-fixed-theme-accent-1: #fff2d4;\n      --simple-colors-fixed-theme-accent-2: #ffdf92;\n      --simple-colors-fixed-theme-accent-3: #ffd677;\n      --simple-colors-fixed-theme-accent-4: #ffcf5e;\n      --simple-colors-fixed-theme-accent-5: #ffc235;\n      --simple-colors-fixed-theme-accent-6: #ffc500;\n      --simple-colors-fixed-theme-accent-7: #b28900;\n      --simple-colors-fixed-theme-accent-8: #876800;\n      --simple-colors-fixed-theme-accent-9: #614b00;\n      --simple-colors-fixed-theme-accent-10: #413200;\n      --simple-colors-fixed-theme-accent-11: #302500;\n      --simple-colors-fixed-theme-accent-12: #221a00;\n    }\n\n    :host([dark][accent-color="amber"]),\n    :host([dark]) [accent-color="amber"],\n    :host([accent-color="amber"]) [dark],\n    :host [dark][accent-color="amber"] {\n      --simple-colors-default-theme-accent-1: #221a00;\n      --simple-colors-default-theme-accent-2: #302500;\n      --simple-colors-default-theme-accent-3: #413200;\n      --simple-colors-default-theme-accent-4: #614b00;\n      --simple-colors-default-theme-accent-5: #876800;\n      --simple-colors-default-theme-accent-6: #b28900;\n      --simple-colors-default-theme-accent-7: #ffc500;\n      --simple-colors-default-theme-accent-8: #ffc235;\n      --simple-colors-default-theme-accent-9: #ffcf5e;\n      --simple-colors-default-theme-accent-10: #ffd677;\n      --simple-colors-default-theme-accent-11: #ffdf92;\n      --simple-colors-default-theme-accent-12: #fff2d4;\n    }\n\n    :host([accent-color="orange"]),\n    :host [accent-color="orange"] {\n      --simple-colors-default-theme-accent-1: #ffebd7;\n      --simple-colors-default-theme-accent-2: #ffca92;\n      --simple-colors-default-theme-accent-3: #ffbd75;\n      --simple-colors-default-theme-accent-4: #ffb05c;\n      --simple-colors-default-theme-accent-5: #ff9e36;\n      --simple-colors-default-theme-accent-6: #ff9625;\n      --simple-colors-default-theme-accent-7: #e56a00;\n      --simple-colors-default-theme-accent-8: #ae5100;\n      --simple-colors-default-theme-accent-9: #833d00;\n      --simple-colors-default-theme-accent-10: #612d00;\n      --simple-colors-default-theme-accent-11: #3d1c00;\n      --simple-colors-default-theme-accent-12: #2c1400;\n      --simple-colors-fixed-theme-accent-1: #ffebd7;\n      --simple-colors-fixed-theme-accent-2: #ffca92;\n      --simple-colors-fixed-theme-accent-3: #ffbd75;\n      --simple-colors-fixed-theme-accent-4: #ffb05c;\n      --simple-colors-fixed-theme-accent-5: #ff9e36;\n      --simple-colors-fixed-theme-accent-6: #ff9625;\n      --simple-colors-fixed-theme-accent-7: #e56a00;\n      --simple-colors-fixed-theme-accent-8: #ae5100;\n      --simple-colors-fixed-theme-accent-9: #833d00;\n      --simple-colors-fixed-theme-accent-10: #612d00;\n      --simple-colors-fixed-theme-accent-11: #3d1c00;\n      --simple-colors-fixed-theme-accent-12: #2c1400;\n    }\n\n    :host([dark][accent-color="orange"]),\n    :host([dark]) [accent-color="orange"],\n    :host([accent-color="orange"]) [dark],\n    :host [dark][accent-color="orange"] {\n      --simple-colors-default-theme-accent-1: #2c1400;\n      --simple-colors-default-theme-accent-2: #3d1c00;\n      --simple-colors-default-theme-accent-3: #612d00;\n      --simple-colors-default-theme-accent-4: #833d00;\n      --simple-colors-default-theme-accent-5: #ae5100;\n      --simple-colors-default-theme-accent-6: #e56a00;\n      --simple-colors-default-theme-accent-7: #ff9625;\n      --simple-colors-default-theme-accent-8: #ff9e36;\n      --simple-colors-default-theme-accent-9: #ffb05c;\n      --simple-colors-default-theme-accent-10: #ffbd75;\n      --simple-colors-default-theme-accent-11: #ffca92;\n      --simple-colors-default-theme-accent-12: #ffebd7;\n    }\n\n    :host([accent-color="deep-orange"]),\n    :host [accent-color="deep-orange"] {\n      --simple-colors-default-theme-accent-1: #ffe7e0;\n      --simple-colors-default-theme-accent-2: #ffb299;\n      --simple-colors-default-theme-accent-3: #ffa588;\n      --simple-colors-default-theme-accent-4: #ff8a64;\n      --simple-colors-default-theme-accent-5: #ff7649;\n      --simple-colors-default-theme-accent-6: #ff6c3c;\n      --simple-colors-default-theme-accent-7: #f53100;\n      --simple-colors-default-theme-accent-8: #b92500;\n      --simple-colors-default-theme-accent-9: #8a1c00;\n      --simple-colors-default-theme-accent-10: #561100;\n      --simple-colors-default-theme-accent-11: #3a0c00;\n      --simple-colors-default-theme-accent-12: #240700;\n      --simple-colors-fixed-theme-accent-1: #ffe7e0;\n      --simple-colors-fixed-theme-accent-2: #ffb299;\n      --simple-colors-fixed-theme-accent-3: #ffa588;\n      --simple-colors-fixed-theme-accent-4: #ff8a64;\n      --simple-colors-fixed-theme-accent-5: #ff7649;\n      --simple-colors-fixed-theme-accent-6: #ff6c3c;\n      --simple-colors-fixed-theme-accent-7: #f53100;\n      --simple-colors-fixed-theme-accent-8: #b92500;\n      --simple-colors-fixed-theme-accent-9: #8a1c00;\n      --simple-colors-fixed-theme-accent-10: #561100;\n      --simple-colors-fixed-theme-accent-11: #3a0c00;\n      --simple-colors-fixed-theme-accent-12: #240700;\n    }\n\n    :host([dark][accent-color="deep-orange"]),\n    :host([dark]) [accent-color="deep-orange"],\n    :host([accent-color="deep-orange"]) [dark],\n    :host [dark][accent-color="deep-orange"] {\n      --simple-colors-default-theme-accent-1: #240700;\n      --simple-colors-default-theme-accent-2: #3a0c00;\n      --simple-colors-default-theme-accent-3: #561100;\n      --simple-colors-default-theme-accent-4: #8a1c00;\n      --simple-colors-default-theme-accent-5: #b92500;\n      --simple-colors-default-theme-accent-6: #f53100;\n      --simple-colors-default-theme-accent-7: #ff6c3c;\n      --simple-colors-default-theme-accent-8: #ff7649;\n      --simple-colors-default-theme-accent-9: #ff8a64;\n      --simple-colors-default-theme-accent-10: #ffa588;\n      --simple-colors-default-theme-accent-11: #ffb299;\n      --simple-colors-default-theme-accent-12: #ffe7e0;\n    }\n\n    :host([accent-color="brown"]),\n    :host [accent-color="brown"] {\n      --simple-colors-default-theme-accent-1: #f0e2de;\n      --simple-colors-default-theme-accent-2: #e5b8aa;\n      --simple-colors-default-theme-accent-3: #c59485;\n      --simple-colors-default-theme-accent-4: #b68373;\n      --simple-colors-default-theme-accent-5: #ac7868;\n      --simple-colors-default-theme-accent-6: #a47060;\n      --simple-colors-default-theme-accent-7: #85574a;\n      --simple-colors-default-theme-accent-8: #724539;\n      --simple-colors-default-theme-accent-9: #5b3328;\n      --simple-colors-default-theme-accent-10: #3b1e15;\n      --simple-colors-default-theme-accent-11: #2c140e;\n      --simple-colors-default-theme-accent-12: #200e09;\n      --simple-colors-fixed-theme-accent-1: #f0e2de;\n      --simple-colors-fixed-theme-accent-2: #e5b8aa;\n      --simple-colors-fixed-theme-accent-3: #c59485;\n      --simple-colors-fixed-theme-accent-4: #b68373;\n      --simple-colors-fixed-theme-accent-5: #ac7868;\n      --simple-colors-fixed-theme-accent-6: #a47060;\n      --simple-colors-fixed-theme-accent-7: #85574a;\n      --simple-colors-fixed-theme-accent-8: #724539;\n      --simple-colors-fixed-theme-accent-9: #5b3328;\n      --simple-colors-fixed-theme-accent-10: #3b1e15;\n      --simple-colors-fixed-theme-accent-11: #2c140e;\n      --simple-colors-fixed-theme-accent-12: #200e09;\n    }\n\n    :host([dark][accent-color="brown"]),\n    :host([dark]) [accent-color="brown"],\n    :host([accent-color="brown"]) [dark],\n    :host [dark][accent-color="brown"] {\n      --simple-colors-default-theme-accent-1: #200e09;\n      --simple-colors-default-theme-accent-2: #2c140e;\n      --simple-colors-default-theme-accent-3: #3b1e15;\n      --simple-colors-default-theme-accent-4: #5b3328;\n      --simple-colors-default-theme-accent-5: #724539;\n      --simple-colors-default-theme-accent-6: #85574a;\n      --simple-colors-default-theme-accent-7: #a47060;\n      --simple-colors-default-theme-accent-8: #ac7868;\n      --simple-colors-default-theme-accent-9: #b68373;\n      --simple-colors-default-theme-accent-10: #c59485;\n      --simple-colors-default-theme-accent-11: #e5b8aa;\n      --simple-colors-default-theme-accent-12: #f0e2de;\n    }\n\n    :host([accent-color="blue-grey"]),\n    :host [accent-color="blue-grey"] {\n      --simple-colors-default-theme-accent-1: #e7eff1;\n      --simple-colors-default-theme-accent-2: #b1c5ce;\n      --simple-colors-default-theme-accent-3: #9badb6;\n      --simple-colors-default-theme-accent-4: #8d9fa7;\n      --simple-colors-default-theme-accent-5: #7a8f98;\n      --simple-colors-default-theme-accent-6: #718892;\n      --simple-colors-default-theme-accent-7: #56707c;\n      --simple-colors-default-theme-accent-8: #40535b;\n      --simple-colors-default-theme-accent-9: #2f3e45;\n      --simple-colors-default-theme-accent-10: #1e282c;\n      --simple-colors-default-theme-accent-11: #182023;\n      --simple-colors-default-theme-accent-12: #0f1518;\n      --simple-colors-fixed-theme-accent-1: #e7eff1;\n      --simple-colors-fixed-theme-accent-2: #b1c5ce;\n      --simple-colors-fixed-theme-accent-3: #9badb6;\n      --simple-colors-fixed-theme-accent-4: #8d9fa7;\n      --simple-colors-fixed-theme-accent-5: #7a8f98;\n      --simple-colors-fixed-theme-accent-6: #718892;\n      --simple-colors-fixed-theme-accent-7: #56707c;\n      --simple-colors-fixed-theme-accent-8: #40535b;\n      --simple-colors-fixed-theme-accent-9: #2f3e45;\n      --simple-colors-fixed-theme-accent-10: #1e282c;\n      --simple-colors-fixed-theme-accent-11: #182023;\n      --simple-colors-fixed-theme-accent-12: #0f1518;\n    }\n\n    :host([dark][accent-color="blue-grey"]),\n    :host([dark]) [accent-color="blue-grey"],\n    :host([accent-color="blue-grey"]) [dark],\n    :host [dark][accent-color="blue-grey"] {\n      --simple-colors-default-theme-accent-1: #0f1518;\n      --simple-colors-default-theme-accent-2: #182023;\n      --simple-colors-default-theme-accent-3: #1e282c;\n      --simple-colors-default-theme-accent-4: #2f3e45;\n      --simple-colors-default-theme-accent-5: #40535b;\n      --simple-colors-default-theme-accent-6: #56707c;\n      --simple-colors-default-theme-accent-7: #718892;\n      --simple-colors-default-theme-accent-8: #7a8f98;\n      --simple-colors-default-theme-accent-9: #8d9fa7;\n      --simple-colors-default-theme-accent-10: #9badb6;\n      --simple-colors-default-theme-accent-11: #b1c5ce;\n      --simple-colors-default-theme-accent-12: #e7eff1;\n    }\n  </style>\n']);
 
-  _templateObject_f2452a301f0511ed8cc3e9a95995ad69 = function _templateObject_f2452a301f0511ed8cc3e9a95995ad69() {
+  _templateObject_c94760f01f2611eda0c389891c227ec8 = function _templateObject_c94760f01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -40,7 +40,7 @@ function _taggedTemplateLiteral(strings, raw) {
 
 var StyleElement = document.createElement("dom-module"); // styles
 
-var css = (0, _polymerElement.html)(_templateObject_f2452a301f0511ed8cc3e9a95995ad69());
+var css = (0, _polymerElement.html)(_templateObject_c94760f01f2611eda0c389891c227ec8());
 exports.css = css;
 StyleElement.appendChild(css);
 StyleElement.register("simple-colors-shared-styles-polymer");
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-picker.js
index 46a376d7f69..92340034a37 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-picker.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../simple-colors.js", "../../simple
   });
   _exports.SimpleColorsPicker = void 0;
 
-  var _templateObject_e528b0601f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb5261701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -135,7 +135,7 @@ define(["exports", "../../../lit/index.js", "../simple-colors.js", "../../simple
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColorsPicker), "styles", this)), [(0, _index.css)(_templateObject_e528b0601f0511ed8cc3e9a95995ad69 || (_templateObject_e528b0601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColorsPicker), "styles", this)), [(0, _index.css)(_templateObject_bb5261701f2611eda0c389891c227ec8 || (_templateObject_bb5261701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-polymer.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-polymer.js
index 4b28a6ad71a..19e6a604488 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-polymer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-polymer.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../simple
   });
   _exports.SimpleColorsPolymer = void 0;
 
-  var _templateObject_e52b21601f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb5436301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -128,7 +128,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../simple
       key: "template",
       get: // render function
       function get() {
-        return (0, _polymerElement.html)(_templateObject_e52b21601f0511ed8cc3e9a95995ad69 || (_templateObject_e52b21601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\"></style>\n      <slot></slot>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_bb5436301f2611eda0c389891c227ec8 || (_templateObject_bb5436301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\"></style>\n      <slot></slot>\n    "])));
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-shared-styles-polymer.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-shared-styles-polymer.js
index e7aae37b2d1..1f5db1c9c3c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-shared-styles-polymer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-shared-styles-polymer.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js"], function (_e
   });
   _exports.css = void 0;
 
-  var _templateObject_e52c0bc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb5520901f2611eda0c389891c227ec8;
 
   /**
    * `simple-colors-shared-styles-polymer`
@@ -18,7 +18,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js"], function (_e
    */
   var StyleElement = document.createElement("dom-module"); // styles
 
-  var css = (0, _polymerElement.html)(_templateObject_e52c0bc01f0511ed8cc3e9a95995ad69 || (_templateObject_e52c0bc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    :host([dark]),\n    :host [dark] {\n      --simple-colors-default-theme-accent-1: #000000;\n      --simple-colors-default-theme-accent-2: #111111;\n      --simple-colors-default-theme-accent-3: #222222;\n      --simple-colors-default-theme-accent-4: #333333;\n      --simple-colors-default-theme-accent-5: #444444;\n      --simple-colors-default-theme-accent-6: #666666;\n      --simple-colors-default-theme-accent-7: #999999;\n      --simple-colors-default-theme-accent-8: #bbbbbb;\n      --simple-colors-default-theme-accent-9: #cccccc;\n      --simple-colors-default-theme-accent-10: #dddddd;\n      --simple-colors-default-theme-accent-11: #eeeeee;\n      --simple-colors-default-theme-accent-12: #ffffff;\n\n      --simple-colors-default-theme-grey-1: #000000;\n      --simple-colors-default-theme-grey-2: #111111;\n      --simple-colors-default-theme-grey-3: #222222;\n      --simple-colors-default-theme-grey-4: #333333;\n      --simple-colors-default-theme-grey-5: #444444;\n      --simple-colors-default-theme-grey-6: #666666;\n      --simple-colors-default-theme-grey-7: #999999;\n      --simple-colors-default-theme-grey-8: #bbbbbb;\n      --simple-colors-default-theme-grey-9: #cccccc;\n      --simple-colors-default-theme-grey-10: #dddddd;\n      --simple-colors-default-theme-grey-11: #eeeeee;\n      --simple-colors-default-theme-grey-12: #ffffff;\n\n      --simple-colors-default-theme-red-1: #3f0000;\n      --simple-colors-default-theme-red-2: #520000;\n      --simple-colors-default-theme-red-3: #670000;\n      --simple-colors-default-theme-red-4: #850000;\n      --simple-colors-default-theme-red-5: #ac0000;\n      --simple-colors-default-theme-red-6: #ee0000;\n      --simple-colors-default-theme-red-7: #ff2222;\n      --simple-colors-default-theme-red-8: #fd5151;\n      --simple-colors-default-theme-red-9: #ff7474;\n      --simple-colors-default-theme-red-10: #ff8f8f;\n      --simple-colors-default-theme-red-11: #ffaeae;\n      --simple-colors-default-theme-red-12: #ffdddd;\n\n      --simple-colors-default-theme-pink-1: #440019;\n      --simple-colors-default-theme-pink-2: #5a0020;\n      --simple-colors-default-theme-pink-3: #78002b;\n      --simple-colors-default-theme-pink-4: #980036;\n      --simple-colors-default-theme-pink-5: #b80042;\n      --simple-colors-default-theme-pink-6: #da004e;\n      --simple-colors-default-theme-pink-7: #ff3996;\n      --simple-colors-default-theme-pink-8: #fd60aa;\n      --simple-colors-default-theme-pink-9: #ff73b5;\n      --simple-colors-default-theme-pink-10: #ff87c0;\n      --simple-colors-default-theme-pink-11: #ffa5cf;\n      --simple-colors-default-theme-pink-12: #ffe6f1;\n\n      --simple-colors-default-theme-purple-1: #200025;\n      --simple-colors-default-theme-purple-2: #33003a;\n      --simple-colors-default-theme-purple-3: #490052;\n      --simple-colors-default-theme-purple-4: #6c0079;\n      --simple-colors-default-theme-purple-5: #8a009b;\n      --simple-colors-default-theme-purple-6: #a500ba;\n      --simple-colors-default-theme-purple-7: #e200ff;\n      --simple-colors-default-theme-purple-8: #ed61ff;\n      --simple-colors-default-theme-purple-9: #f07cff;\n      --simple-colors-default-theme-purple-10: #f394ff;\n      --simple-colors-default-theme-purple-11: #f4affd;\n      --simple-colors-default-theme-purple-12: #fce6ff;\n\n      --simple-colors-default-theme-deep-purple-1: #1d0033;\n      --simple-colors-default-theme-deep-purple-2: #2a0049;\n      --simple-colors-default-theme-deep-purple-3: #3a0063;\n      --simple-colors-default-theme-deep-purple-4: #4c0081;\n      --simple-colors-default-theme-deep-purple-5: #5d009f;\n      --simple-colors-default-theme-deep-purple-6: #7e00d8;\n      --simple-colors-default-theme-deep-purple-7: #a931ff;\n      --simple-colors-default-theme-deep-purple-8: #b44aff;\n      --simple-colors-default-theme-deep-purple-9: #bb63f9;\n      --simple-colors-default-theme-deep-purple-10: #c97eff;\n      --simple-colors-default-theme-deep-purple-11: #ddacff;\n      --simple-colors-default-theme-deep-purple-12: #f3e4ff;\n\n      --simple-colors-default-theme-indigo-1: #0a0030;\n      --simple-colors-default-theme-indigo-2: #100049;\n      --simple-colors-default-theme-indigo-3: #160063;\n      --simple-colors-default-theme-indigo-4: #20008c;\n      --simple-colors-default-theme-indigo-5: #2801b0;\n      --simple-colors-default-theme-indigo-6: #3a00ff;\n      --simple-colors-default-theme-indigo-7: #835fff;\n      --simple-colors-default-theme-indigo-8: #9373ff;\n      --simple-colors-default-theme-indigo-9: #9e82ff;\n      --simple-colors-default-theme-indigo-10: #af97ff;\n      --simple-colors-default-theme-indigo-11: #c3b2ff;\n      --simple-colors-default-theme-indigo-12: #e5ddff;\n\n      --simple-colors-default-theme-blue-1: #001333;\n      --simple-colors-default-theme-blue-2: #001947;\n      --simple-colors-default-theme-blue-3: #002569;\n      --simple-colors-default-theme-blue-4: #003494;\n      --simple-colors-default-theme-blue-5: #0041bb;\n      --simple-colors-default-theme-blue-6: #0059ff;\n      --simple-colors-default-theme-blue-7: #4083ff;\n      --simple-colors-default-theme-blue-8: #5892fd;\n      --simple-colors-default-theme-blue-9: #74a5ff;\n      --simple-colors-default-theme-blue-10: #95baff;\n      --simple-colors-default-theme-blue-11: #acc9ff;\n      --simple-colors-default-theme-blue-12: #e2ecff;\n\n      --simple-colors-default-theme-light-blue-1: #001b36;\n      --simple-colors-default-theme-light-blue-2: #002850;\n      --simple-colors-default-theme-light-blue-3: #003f7d;\n      --simple-colors-default-theme-light-blue-4: #0055a8;\n      --simple-colors-default-theme-light-blue-5: #0066ca;\n      --simple-colors-default-theme-light-blue-6: #007ffc;\n      --simple-colors-default-theme-light-blue-7: #41a1ff;\n      --simple-colors-default-theme-light-blue-8: #58adff;\n      --simple-colors-default-theme-light-blue-9: #65b3ff;\n      --simple-colors-default-theme-light-blue-10: #92c9ff;\n      --simple-colors-default-theme-light-blue-11: #a1d1ff;\n      --simple-colors-default-theme-light-blue-12: #cde8ff;\n\n      --simple-colors-default-theme-cyan-1: #001a20;\n      --simple-colors-default-theme-cyan-2: #002c38;\n      --simple-colors-default-theme-cyan-3: #003f50;\n      --simple-colors-default-theme-cyan-4: #005970;\n      --simple-colors-default-theme-cyan-5: #007999;\n      --simple-colors-default-theme-cyan-6: #009dc7;\n      --simple-colors-default-theme-cyan-7: #00c9ff;\n      --simple-colors-default-theme-cyan-8: #1ccfff;\n      --simple-colors-default-theme-cyan-9: #33d4ff;\n      --simple-colors-default-theme-cyan-10: #77e2ff;\n      --simple-colors-default-theme-cyan-11: #9beaff;\n      --simple-colors-default-theme-cyan-12: #ddf8ff;\n\n      --simple-colors-default-theme-teal-1: #001b14;\n      --simple-colors-default-theme-teal-2: #002a20;\n      --simple-colors-default-theme-teal-3: #003829;\n      --simple-colors-default-theme-teal-4: #004e3a;\n      --simple-colors-default-theme-teal-5: #007658;\n      --simple-colors-default-theme-teal-6: #009d75;\n      --simple-colors-default-theme-teal-7: #00ff9c;\n      --simple-colors-default-theme-teal-8: #29ffac;\n      --simple-colors-default-theme-teal-9: #56ffbd;\n      --simple-colors-default-theme-teal-10: #79ffcb;\n      --simple-colors-default-theme-teal-11: #98ffd7;\n      --simple-colors-default-theme-teal-12: #d9fff0;\n\n      --simple-colors-default-theme-green-1: #001d0c;\n      --simple-colors-default-theme-green-2: #002a11;\n      --simple-colors-default-theme-green-3: #003d18;\n      --simple-colors-default-theme-green-4: #005a23;\n      --simple-colors-default-theme-green-5: #00762e;\n      --simple-colors-default-theme-green-6: #008c37;\n      --simple-colors-default-theme-green-7: #00f961;\n      --simple-colors-default-theme-green-8: #24ff70;\n      --simple-colors-default-theme-green-9: #49ff88;\n      --simple-colors-default-theme-green-10: #79ffa7;\n      --simple-colors-default-theme-green-11: #acffc9;\n      --simple-colors-default-theme-green-12: #e1ffeb;\n\n      --simple-colors-default-theme-light-green-1: #0d2000;\n      --simple-colors-default-theme-light-green-2: #143000;\n      --simple-colors-default-theme-light-green-3: #1b3f00;\n      --simple-colors-default-theme-light-green-4: #296100;\n      --simple-colors-default-theme-light-green-5: #357f00;\n      --simple-colors-default-theme-light-green-6: #429d00;\n      --simple-colors-default-theme-light-green-7: #6fff00;\n      --simple-colors-default-theme-light-green-8: #8efd38;\n      --simple-colors-default-theme-light-green-9: #a1fd5a;\n      --simple-colors-default-theme-light-green-10: #b1ff75;\n      --simple-colors-default-theme-light-green-11: #c7ff9b;\n      --simple-colors-default-theme-light-green-12: #ebffdb;\n\n      --simple-colors-default-theme-lime-1: #182400;\n      --simple-colors-default-theme-lime-2: #223400;\n      --simple-colors-default-theme-lime-3: #293f00;\n      --simple-colors-default-theme-lime-4: #3b5a00;\n      --simple-colors-default-theme-lime-5: #4d7600;\n      --simple-colors-default-theme-lime-6: #649900;\n      --simple-colors-default-theme-lime-7: #aeff00;\n      --simple-colors-default-theme-lime-8: #bdff2d;\n      --simple-colors-default-theme-lime-9: #caff58;\n      --simple-colors-default-theme-lime-10: #d4ff77;\n      --simple-colors-default-theme-lime-11: #dfff9b;\n      --simple-colors-default-theme-lime-12: #f1ffd2;\n\n      --simple-colors-default-theme-yellow-1: #242400;\n      --simple-colors-default-theme-yellow-2: #303000;\n      --simple-colors-default-theme-yellow-3: #454400;\n      --simple-colors-default-theme-yellow-4: #585700;\n      --simple-colors-default-theme-yellow-5: #787700;\n      --simple-colors-default-theme-yellow-6: #929100;\n      --simple-colors-default-theme-yellow-7: #f6f600;\n      --simple-colors-default-theme-yellow-8: #ffff3a;\n      --simple-colors-default-theme-yellow-9: #ffff7c;\n      --simple-colors-default-theme-yellow-10: #ffff90;\n      --simple-colors-default-theme-yellow-11: #ffffac;\n      --simple-colors-default-theme-yellow-12: #ffffd5;\n\n      --simple-colors-default-theme-amber-1: #221a00;\n      --simple-colors-default-theme-amber-2: #302500;\n      --simple-colors-default-theme-amber-3: #413200;\n      --simple-colors-default-theme-amber-4: #614b00;\n      --simple-colors-default-theme-amber-5: #876800;\n      --simple-colors-default-theme-amber-6: #b28900;\n      --simple-colors-default-theme-amber-7: #ffc500;\n      --simple-colors-default-theme-amber-8: #ffc235;\n      --simple-colors-default-theme-amber-9: #ffcf5e;\n      --simple-colors-default-theme-amber-10: #ffd677;\n      --simple-colors-default-theme-amber-11: #ffdf92;\n      --simple-colors-default-theme-amber-12: #fff2d4;\n\n      --simple-colors-default-theme-orange-1: #2c1400;\n      --simple-colors-default-theme-orange-2: #3d1c00;\n      --simple-colors-default-theme-orange-3: #612d00;\n      --simple-colors-default-theme-orange-4: #833d00;\n      --simple-colors-default-theme-orange-5: #ae5100;\n      --simple-colors-default-theme-orange-6: #e56a00;\n      --simple-colors-default-theme-orange-7: #ff9625;\n      --simple-colors-default-theme-orange-8: #ff9e36;\n      --simple-colors-default-theme-orange-9: #ffb05c;\n      --simple-colors-default-theme-orange-10: #ffbd75;\n      --simple-colors-default-theme-orange-11: #ffca92;\n      --simple-colors-default-theme-orange-12: #ffebd7;\n\n      --simple-colors-default-theme-deep-orange-1: #240700;\n      --simple-colors-default-theme-deep-orange-2: #3a0c00;\n      --simple-colors-default-theme-deep-orange-3: #561100;\n      --simple-colors-default-theme-deep-orange-4: #8a1c00;\n      --simple-colors-default-theme-deep-orange-5: #b92500;\n      --simple-colors-default-theme-deep-orange-6: #f53100;\n      --simple-colors-default-theme-deep-orange-7: #ff6c3c;\n      --simple-colors-default-theme-deep-orange-8: #ff7649;\n      --simple-colors-default-theme-deep-orange-9: #ff8a64;\n      --simple-colors-default-theme-deep-orange-10: #ffa588;\n      --simple-colors-default-theme-deep-orange-11: #ffb299;\n      --simple-colors-default-theme-deep-orange-12: #ffe7e0;\n\n      --simple-colors-default-theme-brown-1: #200e09;\n      --simple-colors-default-theme-brown-2: #2c140e;\n      --simple-colors-default-theme-brown-3: #3b1e15;\n      --simple-colors-default-theme-brown-4: #5b3328;\n      --simple-colors-default-theme-brown-5: #724539;\n      --simple-colors-default-theme-brown-6: #85574a;\n      --simple-colors-default-theme-brown-7: #a47060;\n      --simple-colors-default-theme-brown-8: #ac7868;\n      --simple-colors-default-theme-brown-9: #b68373;\n      --simple-colors-default-theme-brown-10: #c59485;\n      --simple-colors-default-theme-brown-11: #e5b8aa;\n      --simple-colors-default-theme-brown-12: #f0e2de;\n\n      --simple-colors-default-theme-blue-grey-1: #0f1518;\n      --simple-colors-default-theme-blue-grey-2: #182023;\n      --simple-colors-default-theme-blue-grey-3: #1e282c;\n      --simple-colors-default-theme-blue-grey-4: #2f3e45;\n      --simple-colors-default-theme-blue-grey-5: #40535b;\n      --simple-colors-default-theme-blue-grey-6: #56707c;\n      --simple-colors-default-theme-blue-grey-7: #718892;\n      --simple-colors-default-theme-blue-grey-8: #7a8f98;\n      --simple-colors-default-theme-blue-grey-9: #8d9fa7;\n      --simple-colors-default-theme-blue-grey-10: #9badb6;\n      --simple-colors-default-theme-blue-grey-11: #b1c5ce;\n      --simple-colors-default-theme-blue-grey-12: #e7eff1;\n    }\n\n    :host([accent-color=\"grey\"]),\n    :host [accent-color=\"grey\"] {\n      --simple-colors-default-theme-accent-1: #ffffff;\n      --simple-colors-default-theme-accent-2: #eeeeee;\n      --simple-colors-default-theme-accent-3: #dddddd;\n      --simple-colors-default-theme-accent-4: #cccccc;\n      --simple-colors-default-theme-accent-5: #bbbbbb;\n      --simple-colors-default-theme-accent-6: #999999;\n      --simple-colors-default-theme-accent-7: #666666;\n      --simple-colors-default-theme-accent-8: #444444;\n      --simple-colors-default-theme-accent-9: #333333;\n      --simple-colors-default-theme-accent-10: #222222;\n      --simple-colors-default-theme-accent-11: #111111;\n      --simple-colors-default-theme-accent-12: #000000;\n      --simple-colors-fixed-theme-accent-1: #ffffff;\n      --simple-colors-fixed-theme-accent-2: #eeeeee;\n      --simple-colors-fixed-theme-accent-3: #dddddd;\n      --simple-colors-fixed-theme-accent-4: #cccccc;\n      --simple-colors-fixed-theme-accent-5: #bbbbbb;\n      --simple-colors-fixed-theme-accent-6: #999999;\n      --simple-colors-fixed-theme-accent-7: #666666;\n      --simple-colors-fixed-theme-accent-8: #444444;\n      --simple-colors-fixed-theme-accent-9: #333333;\n      --simple-colors-fixed-theme-accent-10: #222222;\n      --simple-colors-fixed-theme-accent-11: #111111;\n      --simple-colors-fixed-theme-accent-12: #000000;\n    }\n\n    :host([dark][accent-color=\"grey\"]),\n    :host([dark]) [accent-color=\"grey\"],\n    :host([accent-color=\"grey\"]) [dark],\n    :host [dark][accent-color=\"grey\"] {\n      --simple-colors-default-theme-accent-1: #000000;\n      --simple-colors-default-theme-accent-2: #111111;\n      --simple-colors-default-theme-accent-3: #222222;\n      --simple-colors-default-theme-accent-4: #333333;\n      --simple-colors-default-theme-accent-5: #444444;\n      --simple-colors-default-theme-accent-6: #666666;\n      --simple-colors-default-theme-accent-7: #999999;\n      --simple-colors-default-theme-accent-8: #bbbbbb;\n      --simple-colors-default-theme-accent-9: #cccccc;\n      --simple-colors-default-theme-accent-10: #dddddd;\n      --simple-colors-default-theme-accent-11: #eeeeee;\n      --simple-colors-default-theme-accent-12: #ffffff;\n    }\n\n    :host([accent-color=\"red\"]),\n    :host [accent-color=\"red\"] {\n      --simple-colors-default-theme-accent-1: #ffdddd;\n      --simple-colors-default-theme-accent-2: #ffaeae;\n      --simple-colors-default-theme-accent-3: #ff8f8f;\n      --simple-colors-default-theme-accent-4: #ff7474;\n      --simple-colors-default-theme-accent-5: #fd5151;\n      --simple-colors-default-theme-accent-6: #ff2222;\n      --simple-colors-default-theme-accent-7: #ee0000;\n      --simple-colors-default-theme-accent-8: #ac0000;\n      --simple-colors-default-theme-accent-9: #850000;\n      --simple-colors-default-theme-accent-10: #670000;\n      --simple-colors-default-theme-accent-11: #520000;\n      --simple-colors-default-theme-accent-12: #3f0000;\n      --simple-colors-fixed-theme-accent-1: #ffdddd;\n      --simple-colors-fixed-theme-accent-2: #ffaeae;\n      --simple-colors-fixed-theme-accent-3: #ff8f8f;\n      --simple-colors-fixed-theme-accent-4: #ff7474;\n      --simple-colors-fixed-theme-accent-5: #fd5151;\n      --simple-colors-fixed-theme-accent-6: #ff2222;\n      --simple-colors-fixed-theme-accent-7: #ee0000;\n      --simple-colors-fixed-theme-accent-8: #ac0000;\n      --simple-colors-fixed-theme-accent-9: #850000;\n      --simple-colors-fixed-theme-accent-10: #670000;\n      --simple-colors-fixed-theme-accent-11: #520000;\n      --simple-colors-fixed-theme-accent-12: #3f0000;\n    }\n\n    :host([dark][accent-color=\"red\"]),\n    :host([dark]) [accent-color=\"red\"],\n    :host([accent-color=\"red\"]) [dark],\n    :host [dark][accent-color=\"red\"] {\n      --simple-colors-default-theme-accent-1: #3f0000;\n      --simple-colors-default-theme-accent-2: #520000;\n      --simple-colors-default-theme-accent-3: #670000;\n      --simple-colors-default-theme-accent-4: #850000;\n      --simple-colors-default-theme-accent-5: #ac0000;\n      --simple-colors-default-theme-accent-6: #ee0000;\n      --simple-colors-default-theme-accent-7: #ff2222;\n      --simple-colors-default-theme-accent-8: #fd5151;\n      --simple-colors-default-theme-accent-9: #ff7474;\n      --simple-colors-default-theme-accent-10: #ff8f8f;\n      --simple-colors-default-theme-accent-11: #ffaeae;\n      --simple-colors-default-theme-accent-12: #ffdddd;\n    }\n\n    :host([accent-color=\"pink\"]),\n    :host [accent-color=\"pink\"] {\n      --simple-colors-default-theme-accent-1: #ffe6f1;\n      --simple-colors-default-theme-accent-2: #ffa5cf;\n      --simple-colors-default-theme-accent-3: #ff87c0;\n      --simple-colors-default-theme-accent-4: #ff73b5;\n      --simple-colors-default-theme-accent-5: #fd60aa;\n      --simple-colors-default-theme-accent-6: #ff3996;\n      --simple-colors-default-theme-accent-7: #da004e;\n      --simple-colors-default-theme-accent-8: #b80042;\n      --simple-colors-default-theme-accent-9: #980036;\n      --simple-colors-default-theme-accent-10: #78002b;\n      --simple-colors-default-theme-accent-11: #5a0020;\n      --simple-colors-default-theme-accent-12: #440019;\n      --simple-colors-fixed-theme-accent-1: #ffe6f1;\n      --simple-colors-fixed-theme-accent-2: #ffa5cf;\n      --simple-colors-fixed-theme-accent-3: #ff87c0;\n      --simple-colors-fixed-theme-accent-4: #ff73b5;\n      --simple-colors-fixed-theme-accent-5: #fd60aa;\n      --simple-colors-fixed-theme-accent-6: #ff3996;\n      --simple-colors-fixed-theme-accent-7: #da004e;\n      --simple-colors-fixed-theme-accent-8: #b80042;\n      --simple-colors-fixed-theme-accent-9: #980036;\n      --simple-colors-fixed-theme-accent-10: #78002b;\n      --simple-colors-fixed-theme-accent-11: #5a0020;\n      --simple-colors-fixed-theme-accent-12: #440019;\n    }\n\n    :host([dark][accent-color=\"pink\"]),\n    :host([dark]) [accent-color=\"pink\"],\n    :host([accent-color=\"pink\"]) [dark],\n    :host [dark][accent-color=\"pink\"] {\n      --simple-colors-default-theme-accent-1: #440019;\n      --simple-colors-default-theme-accent-2: #5a0020;\n      --simple-colors-default-theme-accent-3: #78002b;\n      --simple-colors-default-theme-accent-4: #980036;\n      --simple-colors-default-theme-accent-5: #b80042;\n      --simple-colors-default-theme-accent-6: #da004e;\n      --simple-colors-default-theme-accent-7: #ff3996;\n      --simple-colors-default-theme-accent-8: #fd60aa;\n      --simple-colors-default-theme-accent-9: #ff73b5;\n      --simple-colors-default-theme-accent-10: #ff87c0;\n      --simple-colors-default-theme-accent-11: #ffa5cf;\n      --simple-colors-default-theme-accent-12: #ffe6f1;\n    }\n\n    :host([accent-color=\"purple\"]),\n    :host [accent-color=\"purple\"] {\n      --simple-colors-default-theme-accent-1: #fce6ff;\n      --simple-colors-default-theme-accent-2: #f4affd;\n      --simple-colors-default-theme-accent-3: #f394ff;\n      --simple-colors-default-theme-accent-4: #f07cff;\n      --simple-colors-default-theme-accent-5: #ed61ff;\n      --simple-colors-default-theme-accent-6: #e200ff;\n      --simple-colors-default-theme-accent-7: #a500ba;\n      --simple-colors-default-theme-accent-8: #8a009b;\n      --simple-colors-default-theme-accent-9: #6c0079;\n      --simple-colors-default-theme-accent-10: #490052;\n      --simple-colors-default-theme-accent-11: #33003a;\n      --simple-colors-default-theme-accent-12: #200025;\n      --simple-colors-fixed-theme-accent-1: #fce6ff;\n      --simple-colors-fixed-theme-accent-2: #f4affd;\n      --simple-colors-fixed-theme-accent-3: #f394ff;\n      --simple-colors-fixed-theme-accent-4: #f07cff;\n      --simple-colors-fixed-theme-accent-5: #ed61ff;\n      --simple-colors-fixed-theme-accent-6: #e200ff;\n      --simple-colors-fixed-theme-accent-7: #a500ba;\n      --simple-colors-fixed-theme-accent-8: #8a009b;\n      --simple-colors-fixed-theme-accent-9: #6c0079;\n      --simple-colors-fixed-theme-accent-10: #490052;\n      --simple-colors-fixed-theme-accent-11: #33003a;\n      --simple-colors-fixed-theme-accent-12: #200025;\n    }\n\n    :host([dark][accent-color=\"purple\"]),\n    :host([dark]) [accent-color=\"purple\"],\n    :host([accent-color=\"purple\"]) [dark],\n    :host [dark][accent-color=\"purple\"] {\n      --simple-colors-default-theme-accent-1: #200025;\n      --simple-colors-default-theme-accent-2: #33003a;\n      --simple-colors-default-theme-accent-3: #490052;\n      --simple-colors-default-theme-accent-4: #6c0079;\n      --simple-colors-default-theme-accent-5: #8a009b;\n      --simple-colors-default-theme-accent-6: #a500ba;\n      --simple-colors-default-theme-accent-7: #e200ff;\n      --simple-colors-default-theme-accent-8: #ed61ff;\n      --simple-colors-default-theme-accent-9: #f07cff;\n      --simple-colors-default-theme-accent-10: #f394ff;\n      --simple-colors-default-theme-accent-11: #f4affd;\n      --simple-colors-default-theme-accent-12: #fce6ff;\n    }\n\n    :host([accent-color=\"deep-purple\"]),\n    :host [accent-color=\"deep-purple\"] {\n      --simple-colors-default-theme-accent-1: #f3e4ff;\n      --simple-colors-default-theme-accent-2: #ddacff;\n      --simple-colors-default-theme-accent-3: #c97eff;\n      --simple-colors-default-theme-accent-4: #bb63f9;\n      --simple-colors-default-theme-accent-5: #b44aff;\n      --simple-colors-default-theme-accent-6: #a931ff;\n      --simple-colors-default-theme-accent-7: #7e00d8;\n      --simple-colors-default-theme-accent-8: #5d009f;\n      --simple-colors-default-theme-accent-9: #4c0081;\n      --simple-colors-default-theme-accent-10: #3a0063;\n      --simple-colors-default-theme-accent-11: #2a0049;\n      --simple-colors-default-theme-accent-12: #1d0033;\n      --simple-colors-fixed-theme-accent-1: #f3e4ff;\n      --simple-colors-fixed-theme-accent-2: #ddacff;\n      --simple-colors-fixed-theme-accent-3: #c97eff;\n      --simple-colors-fixed-theme-accent-4: #bb63f9;\n      --simple-colors-fixed-theme-accent-5: #b44aff;\n      --simple-colors-fixed-theme-accent-6: #a931ff;\n      --simple-colors-fixed-theme-accent-7: #7e00d8;\n      --simple-colors-fixed-theme-accent-8: #5d009f;\n      --simple-colors-fixed-theme-accent-9: #4c0081;\n      --simple-colors-fixed-theme-accent-10: #3a0063;\n      --simple-colors-fixed-theme-accent-11: #2a0049;\n      --simple-colors-fixed-theme-accent-12: #1d0033;\n    }\n\n    :host([dark][accent-color=\"deep-purple\"]),\n    :host([dark]) [accent-color=\"deep-purple\"],\n    :host([accent-color=\"deep-purple\"]) [dark],\n    :host [dark][accent-color=\"deep-purple\"] {\n      --simple-colors-default-theme-accent-1: #1d0033;\n      --simple-colors-default-theme-accent-2: #2a0049;\n      --simple-colors-default-theme-accent-3: #3a0063;\n      --simple-colors-default-theme-accent-4: #4c0081;\n      --simple-colors-default-theme-accent-5: #5d009f;\n      --simple-colors-default-theme-accent-6: #7e00d8;\n      --simple-colors-default-theme-accent-7: #a931ff;\n      --simple-colors-default-theme-accent-8: #b44aff;\n      --simple-colors-default-theme-accent-9: #bb63f9;\n      --simple-colors-default-theme-accent-10: #c97eff;\n      --simple-colors-default-theme-accent-11: #ddacff;\n      --simple-colors-default-theme-accent-12: #f3e4ff;\n    }\n\n    :host([accent-color=\"indigo\"]),\n    :host [accent-color=\"indigo\"] {\n      --simple-colors-default-theme-accent-1: #e5ddff;\n      --simple-colors-default-theme-accent-2: #c3b2ff;\n      --simple-colors-default-theme-accent-3: #af97ff;\n      --simple-colors-default-theme-accent-4: #9e82ff;\n      --simple-colors-default-theme-accent-5: #9373ff;\n      --simple-colors-default-theme-accent-6: #835fff;\n      --simple-colors-default-theme-accent-7: #3a00ff;\n      --simple-colors-default-theme-accent-8: #2801b0;\n      --simple-colors-default-theme-accent-9: #20008c;\n      --simple-colors-default-theme-accent-10: #160063;\n      --simple-colors-default-theme-accent-11: #100049;\n      --simple-colors-default-theme-accent-12: #0a0030;\n      --simple-colors-fixed-theme-accent-1: #e5ddff;\n      --simple-colors-fixed-theme-accent-2: #c3b2ff;\n      --simple-colors-fixed-theme-accent-3: #af97ff;\n      --simple-colors-fixed-theme-accent-4: #9e82ff;\n      --simple-colors-fixed-theme-accent-5: #9373ff;\n      --simple-colors-fixed-theme-accent-6: #835fff;\n      --simple-colors-fixed-theme-accent-7: #3a00ff;\n      --simple-colors-fixed-theme-accent-8: #2801b0;\n      --simple-colors-fixed-theme-accent-9: #20008c;\n      --simple-colors-fixed-theme-accent-10: #160063;\n      --simple-colors-fixed-theme-accent-11: #100049;\n      --simple-colors-fixed-theme-accent-12: #0a0030;\n    }\n\n    :host([dark][accent-color=\"indigo\"]),\n    :host([dark]) [accent-color=\"indigo\"],\n    :host([accent-color=\"indigo\"]) [dark],\n    :host [dark][accent-color=\"indigo\"] {\n      --simple-colors-default-theme-accent-1: #0a0030;\n      --simple-colors-default-theme-accent-2: #100049;\n      --simple-colors-default-theme-accent-3: #160063;\n      --simple-colors-default-theme-accent-4: #20008c;\n      --simple-colors-default-theme-accent-5: #2801b0;\n      --simple-colors-default-theme-accent-6: #3a00ff;\n      --simple-colors-default-theme-accent-7: #835fff;\n      --simple-colors-default-theme-accent-8: #9373ff;\n      --simple-colors-default-theme-accent-9: #9e82ff;\n      --simple-colors-default-theme-accent-10: #af97ff;\n      --simple-colors-default-theme-accent-11: #c3b2ff;\n      --simple-colors-default-theme-accent-12: #e5ddff;\n    }\n\n    :host([accent-color=\"blue\"]),\n    :host [accent-color=\"blue\"] {\n      --simple-colors-default-theme-accent-1: #e2ecff;\n      --simple-colors-default-theme-accent-2: #acc9ff;\n      --simple-colors-default-theme-accent-3: #95baff;\n      --simple-colors-default-theme-accent-4: #74a5ff;\n      --simple-colors-default-theme-accent-5: #5892fd;\n      --simple-colors-default-theme-accent-6: #4083ff;\n      --simple-colors-default-theme-accent-7: #0059ff;\n      --simple-colors-default-theme-accent-8: #0041bb;\n      --simple-colors-default-theme-accent-9: #003494;\n      --simple-colors-default-theme-accent-10: #002569;\n      --simple-colors-default-theme-accent-11: #001947;\n      --simple-colors-default-theme-accent-12: #001333;\n      --simple-colors-fixed-theme-accent-1: #e2ecff;\n      --simple-colors-fixed-theme-accent-2: #acc9ff;\n      --simple-colors-fixed-theme-accent-3: #95baff;\n      --simple-colors-fixed-theme-accent-4: #74a5ff;\n      --simple-colors-fixed-theme-accent-5: #5892fd;\n      --simple-colors-fixed-theme-accent-6: #4083ff;\n      --simple-colors-fixed-theme-accent-7: #0059ff;\n      --simple-colors-fixed-theme-accent-8: #0041bb;\n      --simple-colors-fixed-theme-accent-9: #003494;\n      --simple-colors-fixed-theme-accent-10: #002569;\n      --simple-colors-fixed-theme-accent-11: #001947;\n      --simple-colors-fixed-theme-accent-12: #001333;\n    }\n\n    :host([dark][accent-color=\"blue\"]),\n    :host([dark]) [accent-color=\"blue\"],\n    :host([accent-color=\"blue\"]) [dark],\n    :host [dark][accent-color=\"blue\"] {\n      --simple-colors-default-theme-accent-1: #001333;\n      --simple-colors-default-theme-accent-2: #001947;\n      --simple-colors-default-theme-accent-3: #002569;\n      --simple-colors-default-theme-accent-4: #003494;\n      --simple-colors-default-theme-accent-5: #0041bb;\n      --simple-colors-default-theme-accent-6: #0059ff;\n      --simple-colors-default-theme-accent-7: #4083ff;\n      --simple-colors-default-theme-accent-8: #5892fd;\n      --simple-colors-default-theme-accent-9: #74a5ff;\n      --simple-colors-default-theme-accent-10: #95baff;\n      --simple-colors-default-theme-accent-11: #acc9ff;\n      --simple-colors-default-theme-accent-12: #e2ecff;\n    }\n\n    :host([accent-color=\"light-blue\"]),\n    :host [accent-color=\"light-blue\"] {\n      --simple-colors-default-theme-accent-1: #cde8ff;\n      --simple-colors-default-theme-accent-2: #a1d1ff;\n      --simple-colors-default-theme-accent-3: #92c9ff;\n      --simple-colors-default-theme-accent-4: #65b3ff;\n      --simple-colors-default-theme-accent-5: #58adff;\n      --simple-colors-default-theme-accent-6: #41a1ff;\n      --simple-colors-default-theme-accent-7: #007ffc;\n      --simple-colors-default-theme-accent-8: #0066ca;\n      --simple-colors-default-theme-accent-9: #0055a8;\n      --simple-colors-default-theme-accent-10: #003f7d;\n      --simple-colors-default-theme-accent-11: #002850;\n      --simple-colors-default-theme-accent-12: #001b36;\n      --simple-colors-fixed-theme-accent-1: #cde8ff;\n      --simple-colors-fixed-theme-accent-2: #a1d1ff;\n      --simple-colors-fixed-theme-accent-3: #92c9ff;\n      --simple-colors-fixed-theme-accent-4: #65b3ff;\n      --simple-colors-fixed-theme-accent-5: #58adff;\n      --simple-colors-fixed-theme-accent-6: #41a1ff;\n      --simple-colors-fixed-theme-accent-7: #007ffc;\n      --simple-colors-fixed-theme-accent-8: #0066ca;\n      --simple-colors-fixed-theme-accent-9: #0055a8;\n      --simple-colors-fixed-theme-accent-10: #003f7d;\n      --simple-colors-fixed-theme-accent-11: #002850;\n      --simple-colors-fixed-theme-accent-12: #001b36;\n    }\n\n    :host([dark][accent-color=\"light-blue\"]),\n    :host([dark]) [accent-color=\"light-blue\"],\n    :host([accent-color=\"light-blue\"]) [dark],\n    :host [dark][accent-color=\"light-blue\"] {\n      --simple-colors-default-theme-accent-1: #001b36;\n      --simple-colors-default-theme-accent-2: #002850;\n      --simple-colors-default-theme-accent-3: #003f7d;\n      --simple-colors-default-theme-accent-4: #0055a8;\n      --simple-colors-default-theme-accent-5: #0066ca;\n      --simple-colors-default-theme-accent-6: #007ffc;\n      --simple-colors-default-theme-accent-7: #41a1ff;\n      --simple-colors-default-theme-accent-8: #58adff;\n      --simple-colors-default-theme-accent-9: #65b3ff;\n      --simple-colors-default-theme-accent-10: #92c9ff;\n      --simple-colors-default-theme-accent-11: #a1d1ff;\n      --simple-colors-default-theme-accent-12: #cde8ff;\n    }\n\n    :host([accent-color=\"cyan\"]),\n    :host [accent-color=\"cyan\"] {\n      --simple-colors-default-theme-accent-1: #ddf8ff;\n      --simple-colors-default-theme-accent-2: #9beaff;\n      --simple-colors-default-theme-accent-3: #77e2ff;\n      --simple-colors-default-theme-accent-4: #33d4ff;\n      --simple-colors-default-theme-accent-5: #1ccfff;\n      --simple-colors-default-theme-accent-6: #00c9ff;\n      --simple-colors-default-theme-accent-7: #009dc7;\n      --simple-colors-default-theme-accent-8: #007999;\n      --simple-colors-default-theme-accent-9: #005970;\n      --simple-colors-default-theme-accent-10: #003f50;\n      --simple-colors-default-theme-accent-11: #002c38;\n      --simple-colors-default-theme-accent-12: #001a20;\n      --simple-colors-fixed-theme-accent-1: #ddf8ff;\n      --simple-colors-fixed-theme-accent-2: #9beaff;\n      --simple-colors-fixed-theme-accent-3: #77e2ff;\n      --simple-colors-fixed-theme-accent-4: #33d4ff;\n      --simple-colors-fixed-theme-accent-5: #1ccfff;\n      --simple-colors-fixed-theme-accent-6: #00c9ff;\n      --simple-colors-fixed-theme-accent-7: #009dc7;\n      --simple-colors-fixed-theme-accent-8: #007999;\n      --simple-colors-fixed-theme-accent-9: #005970;\n      --simple-colors-fixed-theme-accent-10: #003f50;\n      --simple-colors-fixed-theme-accent-11: #002c38;\n      --simple-colors-fixed-theme-accent-12: #001a20;\n    }\n\n    :host([dark][accent-color=\"cyan\"]),\n    :host([dark]) [accent-color=\"cyan\"],\n    :host([accent-color=\"cyan\"]) [dark],\n    :host [dark][accent-color=\"cyan\"] {\n      --simple-colors-default-theme-accent-1: #001a20;\n      --simple-colors-default-theme-accent-2: #002c38;\n      --simple-colors-default-theme-accent-3: #003f50;\n      --simple-colors-default-theme-accent-4: #005970;\n      --simple-colors-default-theme-accent-5: #007999;\n      --simple-colors-default-theme-accent-6: #009dc7;\n      --simple-colors-default-theme-accent-7: #00c9ff;\n      --simple-colors-default-theme-accent-8: #1ccfff;\n      --simple-colors-default-theme-accent-9: #33d4ff;\n      --simple-colors-default-theme-accent-10: #77e2ff;\n      --simple-colors-default-theme-accent-11: #9beaff;\n      --simple-colors-default-theme-accent-12: #ddf8ff;\n    }\n\n    :host([accent-color=\"teal\"]),\n    :host [accent-color=\"teal\"] {\n      --simple-colors-default-theme-accent-1: #d9fff0;\n      --simple-colors-default-theme-accent-2: #98ffd7;\n      --simple-colors-default-theme-accent-3: #79ffcb;\n      --simple-colors-default-theme-accent-4: #56ffbd;\n      --simple-colors-default-theme-accent-5: #29ffac;\n      --simple-colors-default-theme-accent-6: #00ff9c;\n      --simple-colors-default-theme-accent-7: #009d75;\n      --simple-colors-default-theme-accent-8: #007658;\n      --simple-colors-default-theme-accent-9: #004e3a;\n      --simple-colors-default-theme-accent-10: #003829;\n      --simple-colors-default-theme-accent-11: #002a20;\n      --simple-colors-default-theme-accent-12: #001b14;\n      --simple-colors-fixed-theme-accent-1: #d9fff0;\n      --simple-colors-fixed-theme-accent-2: #98ffd7;\n      --simple-colors-fixed-theme-accent-3: #79ffcb;\n      --simple-colors-fixed-theme-accent-4: #56ffbd;\n      --simple-colors-fixed-theme-accent-5: #29ffac;\n      --simple-colors-fixed-theme-accent-6: #00ff9c;\n      --simple-colors-fixed-theme-accent-7: #009d75;\n      --simple-colors-fixed-theme-accent-8: #007658;\n      --simple-colors-fixed-theme-accent-9: #004e3a;\n      --simple-colors-fixed-theme-accent-10: #003829;\n      --simple-colors-fixed-theme-accent-11: #002a20;\n      --simple-colors-fixed-theme-accent-12: #001b14;\n    }\n\n    :host([dark][accent-color=\"teal\"]),\n    :host([dark]) [accent-color=\"teal\"],\n    :host([accent-color=\"teal\"]) [dark],\n    :host [dark][accent-color=\"teal\"] {\n      --simple-colors-default-theme-accent-1: #001b14;\n      --simple-colors-default-theme-accent-2: #002a20;\n      --simple-colors-default-theme-accent-3: #003829;\n      --simple-colors-default-theme-accent-4: #004e3a;\n      --simple-colors-default-theme-accent-5: #007658;\n      --simple-colors-default-theme-accent-6: #009d75;\n      --simple-colors-default-theme-accent-7: #00ff9c;\n      --simple-colors-default-theme-accent-8: #29ffac;\n      --simple-colors-default-theme-accent-9: #56ffbd;\n      --simple-colors-default-theme-accent-10: #79ffcb;\n      --simple-colors-default-theme-accent-11: #98ffd7;\n      --simple-colors-default-theme-accent-12: #d9fff0;\n    }\n\n    :host([accent-color=\"green\"]),\n    :host [accent-color=\"green\"] {\n      --simple-colors-default-theme-accent-1: #e1ffeb;\n      --simple-colors-default-theme-accent-2: #acffc9;\n      --simple-colors-default-theme-accent-3: #79ffa7;\n      --simple-colors-default-theme-accent-4: #49ff88;\n      --simple-colors-default-theme-accent-5: #24ff70;\n      --simple-colors-default-theme-accent-6: #00f961;\n      --simple-colors-default-theme-accent-7: #008c37;\n      --simple-colors-default-theme-accent-8: #00762e;\n      --simple-colors-default-theme-accent-9: #005a23;\n      --simple-colors-default-theme-accent-10: #003d18;\n      --simple-colors-default-theme-accent-11: #002a11;\n      --simple-colors-default-theme-accent-12: #001d0c;\n      --simple-colors-fixed-theme-accent-1: #e1ffeb;\n      --simple-colors-fixed-theme-accent-2: #acffc9;\n      --simple-colors-fixed-theme-accent-3: #79ffa7;\n      --simple-colors-fixed-theme-accent-4: #49ff88;\n      --simple-colors-fixed-theme-accent-5: #24ff70;\n      --simple-colors-fixed-theme-accent-6: #00f961;\n      --simple-colors-fixed-theme-accent-7: #008c37;\n      --simple-colors-fixed-theme-accent-8: #00762e;\n      --simple-colors-fixed-theme-accent-9: #005a23;\n      --simple-colors-fixed-theme-accent-10: #003d18;\n      --simple-colors-fixed-theme-accent-11: #002a11;\n      --simple-colors-fixed-theme-accent-12: #001d0c;\n    }\n\n    :host([dark][accent-color=\"green\"]),\n    :host([dark]) [accent-color=\"green\"],\n    :host([accent-color=\"green\"]) [dark],\n    :host [dark][accent-color=\"green\"] {\n      --simple-colors-default-theme-accent-1: #001d0c;\n      --simple-colors-default-theme-accent-2: #002a11;\n      --simple-colors-default-theme-accent-3: #003d18;\n      --simple-colors-default-theme-accent-4: #005a23;\n      --simple-colors-default-theme-accent-5: #00762e;\n      --simple-colors-default-theme-accent-6: #008c37;\n      --simple-colors-default-theme-accent-7: #00f961;\n      --simple-colors-default-theme-accent-8: #24ff70;\n      --simple-colors-default-theme-accent-9: #49ff88;\n      --simple-colors-default-theme-accent-10: #79ffa7;\n      --simple-colors-default-theme-accent-11: #acffc9;\n      --simple-colors-default-theme-accent-12: #e1ffeb;\n    }\n\n    :host([accent-color=\"light-green\"]),\n    :host [accent-color=\"light-green\"] {\n      --simple-colors-default-theme-accent-1: #ebffdb;\n      --simple-colors-default-theme-accent-2: #c7ff9b;\n      --simple-colors-default-theme-accent-3: #b1ff75;\n      --simple-colors-default-theme-accent-4: #a1fd5a;\n      --simple-colors-default-theme-accent-5: #8efd38;\n      --simple-colors-default-theme-accent-6: #6fff00;\n      --simple-colors-default-theme-accent-7: #429d00;\n      --simple-colors-default-theme-accent-8: #357f00;\n      --simple-colors-default-theme-accent-9: #296100;\n      --simple-colors-default-theme-accent-10: #1b3f00;\n      --simple-colors-default-theme-accent-11: #143000;\n      --simple-colors-default-theme-accent-12: #0d2000;\n      --simple-colors-fixed-theme-accent-1: #ebffdb;\n      --simple-colors-fixed-theme-accent-2: #c7ff9b;\n      --simple-colors-fixed-theme-accent-3: #b1ff75;\n      --simple-colors-fixed-theme-accent-4: #a1fd5a;\n      --simple-colors-fixed-theme-accent-5: #8efd38;\n      --simple-colors-fixed-theme-accent-6: #6fff00;\n      --simple-colors-fixed-theme-accent-7: #429d00;\n      --simple-colors-fixed-theme-accent-8: #357f00;\n      --simple-colors-fixed-theme-accent-9: #296100;\n      --simple-colors-fixed-theme-accent-10: #1b3f00;\n      --simple-colors-fixed-theme-accent-11: #143000;\n      --simple-colors-fixed-theme-accent-12: #0d2000;\n    }\n\n    :host([dark][accent-color=\"light-green\"]),\n    :host([dark]) [accent-color=\"light-green\"],\n    :host([accent-color=\"light-green\"]) [dark],\n    :host [dark][accent-color=\"light-green\"] {\n      --simple-colors-default-theme-accent-1: #0d2000;\n      --simple-colors-default-theme-accent-2: #143000;\n      --simple-colors-default-theme-accent-3: #1b3f00;\n      --simple-colors-default-theme-accent-4: #296100;\n      --simple-colors-default-theme-accent-5: #357f00;\n      --simple-colors-default-theme-accent-6: #429d00;\n      --simple-colors-default-theme-accent-7: #6fff00;\n      --simple-colors-default-theme-accent-8: #8efd38;\n      --simple-colors-default-theme-accent-9: #a1fd5a;\n      --simple-colors-default-theme-accent-10: #b1ff75;\n      --simple-colors-default-theme-accent-11: #c7ff9b;\n      --simple-colors-default-theme-accent-12: #ebffdb;\n    }\n\n    :host([accent-color=\"lime\"]),\n    :host [accent-color=\"lime\"] {\n      --simple-colors-default-theme-accent-1: #f1ffd2;\n      --simple-colors-default-theme-accent-2: #dfff9b;\n      --simple-colors-default-theme-accent-3: #d4ff77;\n      --simple-colors-default-theme-accent-4: #caff58;\n      --simple-colors-default-theme-accent-5: #bdff2d;\n      --simple-colors-default-theme-accent-6: #aeff00;\n      --simple-colors-default-theme-accent-7: #649900;\n      --simple-colors-default-theme-accent-8: #4d7600;\n      --simple-colors-default-theme-accent-9: #3b5a00;\n      --simple-colors-default-theme-accent-10: #293f00;\n      --simple-colors-default-theme-accent-11: #223400;\n      --simple-colors-default-theme-accent-12: #182400;\n      --simple-colors-fixed-theme-accent-1: #f1ffd2;\n      --simple-colors-fixed-theme-accent-2: #dfff9b;\n      --simple-colors-fixed-theme-accent-3: #d4ff77;\n      --simple-colors-fixed-theme-accent-4: #caff58;\n      --simple-colors-fixed-theme-accent-5: #bdff2d;\n      --simple-colors-fixed-theme-accent-6: #aeff00;\n      --simple-colors-fixed-theme-accent-7: #649900;\n      --simple-colors-fixed-theme-accent-8: #4d7600;\n      --simple-colors-fixed-theme-accent-9: #3b5a00;\n      --simple-colors-fixed-theme-accent-10: #293f00;\n      --simple-colors-fixed-theme-accent-11: #223400;\n      --simple-colors-fixed-theme-accent-12: #182400;\n    }\n\n    :host([dark][accent-color=\"lime\"]),\n    :host([dark]) [accent-color=\"lime\"],\n    :host([accent-color=\"lime\"]) [dark],\n    :host [dark][accent-color=\"lime\"] {\n      --simple-colors-default-theme-accent-1: #182400;\n      --simple-colors-default-theme-accent-2: #223400;\n      --simple-colors-default-theme-accent-3: #293f00;\n      --simple-colors-default-theme-accent-4: #3b5a00;\n      --simple-colors-default-theme-accent-5: #4d7600;\n      --simple-colors-default-theme-accent-6: #649900;\n      --simple-colors-default-theme-accent-7: #aeff00;\n      --simple-colors-default-theme-accent-8: #bdff2d;\n      --simple-colors-default-theme-accent-9: #caff58;\n      --simple-colors-default-theme-accent-10: #d4ff77;\n      --simple-colors-default-theme-accent-11: #dfff9b;\n      --simple-colors-default-theme-accent-12: #f1ffd2;\n    }\n\n    :host([accent-color=\"yellow\"]),\n    :host [accent-color=\"yellow\"] {\n      --simple-colors-default-theme-accent-1: #ffffd5;\n      --simple-colors-default-theme-accent-2: #ffffac;\n      --simple-colors-default-theme-accent-3: #ffff90;\n      --simple-colors-default-theme-accent-4: #ffff7c;\n      --simple-colors-default-theme-accent-5: #ffff3a;\n      --simple-colors-default-theme-accent-6: #f6f600;\n      --simple-colors-default-theme-accent-7: #929100;\n      --simple-colors-default-theme-accent-8: #787700;\n      --simple-colors-default-theme-accent-9: #585700;\n      --simple-colors-default-theme-accent-10: #454400;\n      --simple-colors-default-theme-accent-11: #303000;\n      --simple-colors-default-theme-accent-12: #242400;\n      --simple-colors-fixed-theme-accent-1: #ffffd5;\n      --simple-colors-fixed-theme-accent-2: #ffffac;\n      --simple-colors-fixed-theme-accent-3: #ffff90;\n      --simple-colors-fixed-theme-accent-4: #ffff7c;\n      --simple-colors-fixed-theme-accent-5: #ffff3a;\n      --simple-colors-fixed-theme-accent-6: #f6f600;\n      --simple-colors-fixed-theme-accent-7: #929100;\n      --simple-colors-fixed-theme-accent-8: #787700;\n      --simple-colors-fixed-theme-accent-9: #585700;\n      --simple-colors-fixed-theme-accent-10: #454400;\n      --simple-colors-fixed-theme-accent-11: #303000;\n      --simple-colors-fixed-theme-accent-12: #242400;\n    }\n\n    :host([dark][accent-color=\"yellow\"]),\n    :host([dark]) [accent-color=\"yellow\"],\n    :host([accent-color=\"yellow\"]) [dark],\n    :host [dark][accent-color=\"yellow\"] {\n      --simple-colors-default-theme-accent-1: #242400;\n      --simple-colors-default-theme-accent-2: #303000;\n      --simple-colors-default-theme-accent-3: #454400;\n      --simple-colors-default-theme-accent-4: #585700;\n      --simple-colors-default-theme-accent-5: #787700;\n      --simple-colors-default-theme-accent-6: #929100;\n      --simple-colors-default-theme-accent-7: #f6f600;\n      --simple-colors-default-theme-accent-8: #ffff3a;\n      --simple-colors-default-theme-accent-9: #ffff7c;\n      --simple-colors-default-theme-accent-10: #ffff90;\n      --simple-colors-default-theme-accent-11: #ffffac;\n      --simple-colors-default-theme-accent-12: #ffffd5;\n    }\n\n    :host([accent-color=\"amber\"]),\n    :host [accent-color=\"amber\"] {\n      --simple-colors-default-theme-accent-1: #fff2d4;\n      --simple-colors-default-theme-accent-2: #ffdf92;\n      --simple-colors-default-theme-accent-3: #ffd677;\n      --simple-colors-default-theme-accent-4: #ffcf5e;\n      --simple-colors-default-theme-accent-5: #ffc235;\n      --simple-colors-default-theme-accent-6: #ffc500;\n      --simple-colors-default-theme-accent-7: #b28900;\n      --simple-colors-default-theme-accent-8: #876800;\n      --simple-colors-default-theme-accent-9: #614b00;\n      --simple-colors-default-theme-accent-10: #413200;\n      --simple-colors-default-theme-accent-11: #302500;\n      --simple-colors-default-theme-accent-12: #221a00;\n      --simple-colors-fixed-theme-accent-1: #fff2d4;\n      --simple-colors-fixed-theme-accent-2: #ffdf92;\n      --simple-colors-fixed-theme-accent-3: #ffd677;\n      --simple-colors-fixed-theme-accent-4: #ffcf5e;\n      --simple-colors-fixed-theme-accent-5: #ffc235;\n      --simple-colors-fixed-theme-accent-6: #ffc500;\n      --simple-colors-fixed-theme-accent-7: #b28900;\n      --simple-colors-fixed-theme-accent-8: #876800;\n      --simple-colors-fixed-theme-accent-9: #614b00;\n      --simple-colors-fixed-theme-accent-10: #413200;\n      --simple-colors-fixed-theme-accent-11: #302500;\n      --simple-colors-fixed-theme-accent-12: #221a00;\n    }\n\n    :host([dark][accent-color=\"amber\"]),\n    :host([dark]) [accent-color=\"amber\"],\n    :host([accent-color=\"amber\"]) [dark],\n    :host [dark][accent-color=\"amber\"] {\n      --simple-colors-default-theme-accent-1: #221a00;\n      --simple-colors-default-theme-accent-2: #302500;\n      --simple-colors-default-theme-accent-3: #413200;\n      --simple-colors-default-theme-accent-4: #614b00;\n      --simple-colors-default-theme-accent-5: #876800;\n      --simple-colors-default-theme-accent-6: #b28900;\n      --simple-colors-default-theme-accent-7: #ffc500;\n      --simple-colors-default-theme-accent-8: #ffc235;\n      --simple-colors-default-theme-accent-9: #ffcf5e;\n      --simple-colors-default-theme-accent-10: #ffd677;\n      --simple-colors-default-theme-accent-11: #ffdf92;\n      --simple-colors-default-theme-accent-12: #fff2d4;\n    }\n\n    :host([accent-color=\"orange\"]),\n    :host [accent-color=\"orange\"] {\n      --simple-colors-default-theme-accent-1: #ffebd7;\n      --simple-colors-default-theme-accent-2: #ffca92;\n      --simple-colors-default-theme-accent-3: #ffbd75;\n      --simple-colors-default-theme-accent-4: #ffb05c;\n      --simple-colors-default-theme-accent-5: #ff9e36;\n      --simple-colors-default-theme-accent-6: #ff9625;\n      --simple-colors-default-theme-accent-7: #e56a00;\n      --simple-colors-default-theme-accent-8: #ae5100;\n      --simple-colors-default-theme-accent-9: #833d00;\n      --simple-colors-default-theme-accent-10: #612d00;\n      --simple-colors-default-theme-accent-11: #3d1c00;\n      --simple-colors-default-theme-accent-12: #2c1400;\n      --simple-colors-fixed-theme-accent-1: #ffebd7;\n      --simple-colors-fixed-theme-accent-2: #ffca92;\n      --simple-colors-fixed-theme-accent-3: #ffbd75;\n      --simple-colors-fixed-theme-accent-4: #ffb05c;\n      --simple-colors-fixed-theme-accent-5: #ff9e36;\n      --simple-colors-fixed-theme-accent-6: #ff9625;\n      --simple-colors-fixed-theme-accent-7: #e56a00;\n      --simple-colors-fixed-theme-accent-8: #ae5100;\n      --simple-colors-fixed-theme-accent-9: #833d00;\n      --simple-colors-fixed-theme-accent-10: #612d00;\n      --simple-colors-fixed-theme-accent-11: #3d1c00;\n      --simple-colors-fixed-theme-accent-12: #2c1400;\n    }\n\n    :host([dark][accent-color=\"orange\"]),\n    :host([dark]) [accent-color=\"orange\"],\n    :host([accent-color=\"orange\"]) [dark],\n    :host [dark][accent-color=\"orange\"] {\n      --simple-colors-default-theme-accent-1: #2c1400;\n      --simple-colors-default-theme-accent-2: #3d1c00;\n      --simple-colors-default-theme-accent-3: #612d00;\n      --simple-colors-default-theme-accent-4: #833d00;\n      --simple-colors-default-theme-accent-5: #ae5100;\n      --simple-colors-default-theme-accent-6: #e56a00;\n      --simple-colors-default-theme-accent-7: #ff9625;\n      --simple-colors-default-theme-accent-8: #ff9e36;\n      --simple-colors-default-theme-accent-9: #ffb05c;\n      --simple-colors-default-theme-accent-10: #ffbd75;\n      --simple-colors-default-theme-accent-11: #ffca92;\n      --simple-colors-default-theme-accent-12: #ffebd7;\n    }\n\n    :host([accent-color=\"deep-orange\"]),\n    :host [accent-color=\"deep-orange\"] {\n      --simple-colors-default-theme-accent-1: #ffe7e0;\n      --simple-colors-default-theme-accent-2: #ffb299;\n      --simple-colors-default-theme-accent-3: #ffa588;\n      --simple-colors-default-theme-accent-4: #ff8a64;\n      --simple-colors-default-theme-accent-5: #ff7649;\n      --simple-colors-default-theme-accent-6: #ff6c3c;\n      --simple-colors-default-theme-accent-7: #f53100;\n      --simple-colors-default-theme-accent-8: #b92500;\n      --simple-colors-default-theme-accent-9: #8a1c00;\n      --simple-colors-default-theme-accent-10: #561100;\n      --simple-colors-default-theme-accent-11: #3a0c00;\n      --simple-colors-default-theme-accent-12: #240700;\n      --simple-colors-fixed-theme-accent-1: #ffe7e0;\n      --simple-colors-fixed-theme-accent-2: #ffb299;\n      --simple-colors-fixed-theme-accent-3: #ffa588;\n      --simple-colors-fixed-theme-accent-4: #ff8a64;\n      --simple-colors-fixed-theme-accent-5: #ff7649;\n      --simple-colors-fixed-theme-accent-6: #ff6c3c;\n      --simple-colors-fixed-theme-accent-7: #f53100;\n      --simple-colors-fixed-theme-accent-8: #b92500;\n      --simple-colors-fixed-theme-accent-9: #8a1c00;\n      --simple-colors-fixed-theme-accent-10: #561100;\n      --simple-colors-fixed-theme-accent-11: #3a0c00;\n      --simple-colors-fixed-theme-accent-12: #240700;\n    }\n\n    :host([dark][accent-color=\"deep-orange\"]),\n    :host([dark]) [accent-color=\"deep-orange\"],\n    :host([accent-color=\"deep-orange\"]) [dark],\n    :host [dark][accent-color=\"deep-orange\"] {\n      --simple-colors-default-theme-accent-1: #240700;\n      --simple-colors-default-theme-accent-2: #3a0c00;\n      --simple-colors-default-theme-accent-3: #561100;\n      --simple-colors-default-theme-accent-4: #8a1c00;\n      --simple-colors-default-theme-accent-5: #b92500;\n      --simple-colors-default-theme-accent-6: #f53100;\n      --simple-colors-default-theme-accent-7: #ff6c3c;\n      --simple-colors-default-theme-accent-8: #ff7649;\n      --simple-colors-default-theme-accent-9: #ff8a64;\n      --simple-colors-default-theme-accent-10: #ffa588;\n      --simple-colors-default-theme-accent-11: #ffb299;\n      --simple-colors-default-theme-accent-12: #ffe7e0;\n    }\n\n    :host([accent-color=\"brown\"]),\n    :host [accent-color=\"brown\"] {\n      --simple-colors-default-theme-accent-1: #f0e2de;\n      --simple-colors-default-theme-accent-2: #e5b8aa;\n      --simple-colors-default-theme-accent-3: #c59485;\n      --simple-colors-default-theme-accent-4: #b68373;\n      --simple-colors-default-theme-accent-5: #ac7868;\n      --simple-colors-default-theme-accent-6: #a47060;\n      --simple-colors-default-theme-accent-7: #85574a;\n      --simple-colors-default-theme-accent-8: #724539;\n      --simple-colors-default-theme-accent-9: #5b3328;\n      --simple-colors-default-theme-accent-10: #3b1e15;\n      --simple-colors-default-theme-accent-11: #2c140e;\n      --simple-colors-default-theme-accent-12: #200e09;\n      --simple-colors-fixed-theme-accent-1: #f0e2de;\n      --simple-colors-fixed-theme-accent-2: #e5b8aa;\n      --simple-colors-fixed-theme-accent-3: #c59485;\n      --simple-colors-fixed-theme-accent-4: #b68373;\n      --simple-colors-fixed-theme-accent-5: #ac7868;\n      --simple-colors-fixed-theme-accent-6: #a47060;\n      --simple-colors-fixed-theme-accent-7: #85574a;\n      --simple-colors-fixed-theme-accent-8: #724539;\n      --simple-colors-fixed-theme-accent-9: #5b3328;\n      --simple-colors-fixed-theme-accent-10: #3b1e15;\n      --simple-colors-fixed-theme-accent-11: #2c140e;\n      --simple-colors-fixed-theme-accent-12: #200e09;\n    }\n\n    :host([dark][accent-color=\"brown\"]),\n    :host([dark]) [accent-color=\"brown\"],\n    :host([accent-color=\"brown\"]) [dark],\n    :host [dark][accent-color=\"brown\"] {\n      --simple-colors-default-theme-accent-1: #200e09;\n      --simple-colors-default-theme-accent-2: #2c140e;\n      --simple-colors-default-theme-accent-3: #3b1e15;\n      --simple-colors-default-theme-accent-4: #5b3328;\n      --simple-colors-default-theme-accent-5: #724539;\n      --simple-colors-default-theme-accent-6: #85574a;\n      --simple-colors-default-theme-accent-7: #a47060;\n      --simple-colors-default-theme-accent-8: #ac7868;\n      --simple-colors-default-theme-accent-9: #b68373;\n      --simple-colors-default-theme-accent-10: #c59485;\n      --simple-colors-default-theme-accent-11: #e5b8aa;\n      --simple-colors-default-theme-accent-12: #f0e2de;\n    }\n\n    :host([accent-color=\"blue-grey\"]),\n    :host [accent-color=\"blue-grey\"] {\n      --simple-colors-default-theme-accent-1: #e7eff1;\n      --simple-colors-default-theme-accent-2: #b1c5ce;\n      --simple-colors-default-theme-accent-3: #9badb6;\n      --simple-colors-default-theme-accent-4: #8d9fa7;\n      --simple-colors-default-theme-accent-5: #7a8f98;\n      --simple-colors-default-theme-accent-6: #718892;\n      --simple-colors-default-theme-accent-7: #56707c;\n      --simple-colors-default-theme-accent-8: #40535b;\n      --simple-colors-default-theme-accent-9: #2f3e45;\n      --simple-colors-default-theme-accent-10: #1e282c;\n      --simple-colors-default-theme-accent-11: #182023;\n      --simple-colors-default-theme-accent-12: #0f1518;\n      --simple-colors-fixed-theme-accent-1: #e7eff1;\n      --simple-colors-fixed-theme-accent-2: #b1c5ce;\n      --simple-colors-fixed-theme-accent-3: #9badb6;\n      --simple-colors-fixed-theme-accent-4: #8d9fa7;\n      --simple-colors-fixed-theme-accent-5: #7a8f98;\n      --simple-colors-fixed-theme-accent-6: #718892;\n      --simple-colors-fixed-theme-accent-7: #56707c;\n      --simple-colors-fixed-theme-accent-8: #40535b;\n      --simple-colors-fixed-theme-accent-9: #2f3e45;\n      --simple-colors-fixed-theme-accent-10: #1e282c;\n      --simple-colors-fixed-theme-accent-11: #182023;\n      --simple-colors-fixed-theme-accent-12: #0f1518;\n    }\n\n    :host([dark][accent-color=\"blue-grey\"]),\n    :host([dark]) [accent-color=\"blue-grey\"],\n    :host([accent-color=\"blue-grey\"]) [dark],\n    :host [dark][accent-color=\"blue-grey\"] {\n      --simple-colors-default-theme-accent-1: #0f1518;\n      --simple-colors-default-theme-accent-2: #182023;\n      --simple-colors-default-theme-accent-3: #1e282c;\n      --simple-colors-default-theme-accent-4: #2f3e45;\n      --simple-colors-default-theme-accent-5: #40535b;\n      --simple-colors-default-theme-accent-6: #56707c;\n      --simple-colors-default-theme-accent-7: #718892;\n      --simple-colors-default-theme-accent-8: #7a8f98;\n      --simple-colors-default-theme-accent-9: #8d9fa7;\n      --simple-colors-default-theme-accent-10: #9badb6;\n      --simple-colors-default-theme-accent-11: #b1c5ce;\n      --simple-colors-default-theme-accent-12: #e7eff1;\n    }\n  </style>\n"])));
+  var css = (0, _polymerElement.html)(_templateObject_bb5520901f2611eda0c389891c227ec8 || (_templateObject_bb5520901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    :host([dark]),\n    :host [dark] {\n      --simple-colors-default-theme-accent-1: #000000;\n      --simple-colors-default-theme-accent-2: #111111;\n      --simple-colors-default-theme-accent-3: #222222;\n      --simple-colors-default-theme-accent-4: #333333;\n      --simple-colors-default-theme-accent-5: #444444;\n      --simple-colors-default-theme-accent-6: #666666;\n      --simple-colors-default-theme-accent-7: #999999;\n      --simple-colors-default-theme-accent-8: #bbbbbb;\n      --simple-colors-default-theme-accent-9: #cccccc;\n      --simple-colors-default-theme-accent-10: #dddddd;\n      --simple-colors-default-theme-accent-11: #eeeeee;\n      --simple-colors-default-theme-accent-12: #ffffff;\n\n      --simple-colors-default-theme-grey-1: #000000;\n      --simple-colors-default-theme-grey-2: #111111;\n      --simple-colors-default-theme-grey-3: #222222;\n      --simple-colors-default-theme-grey-4: #333333;\n      --simple-colors-default-theme-grey-5: #444444;\n      --simple-colors-default-theme-grey-6: #666666;\n      --simple-colors-default-theme-grey-7: #999999;\n      --simple-colors-default-theme-grey-8: #bbbbbb;\n      --simple-colors-default-theme-grey-9: #cccccc;\n      --simple-colors-default-theme-grey-10: #dddddd;\n      --simple-colors-default-theme-grey-11: #eeeeee;\n      --simple-colors-default-theme-grey-12: #ffffff;\n\n      --simple-colors-default-theme-red-1: #3f0000;\n      --simple-colors-default-theme-red-2: #520000;\n      --simple-colors-default-theme-red-3: #670000;\n      --simple-colors-default-theme-red-4: #850000;\n      --simple-colors-default-theme-red-5: #ac0000;\n      --simple-colors-default-theme-red-6: #ee0000;\n      --simple-colors-default-theme-red-7: #ff2222;\n      --simple-colors-default-theme-red-8: #fd5151;\n      --simple-colors-default-theme-red-9: #ff7474;\n      --simple-colors-default-theme-red-10: #ff8f8f;\n      --simple-colors-default-theme-red-11: #ffaeae;\n      --simple-colors-default-theme-red-12: #ffdddd;\n\n      --simple-colors-default-theme-pink-1: #440019;\n      --simple-colors-default-theme-pink-2: #5a0020;\n      --simple-colors-default-theme-pink-3: #78002b;\n      --simple-colors-default-theme-pink-4: #980036;\n      --simple-colors-default-theme-pink-5: #b80042;\n      --simple-colors-default-theme-pink-6: #da004e;\n      --simple-colors-default-theme-pink-7: #ff3996;\n      --simple-colors-default-theme-pink-8: #fd60aa;\n      --simple-colors-default-theme-pink-9: #ff73b5;\n      --simple-colors-default-theme-pink-10: #ff87c0;\n      --simple-colors-default-theme-pink-11: #ffa5cf;\n      --simple-colors-default-theme-pink-12: #ffe6f1;\n\n      --simple-colors-default-theme-purple-1: #200025;\n      --simple-colors-default-theme-purple-2: #33003a;\n      --simple-colors-default-theme-purple-3: #490052;\n      --simple-colors-default-theme-purple-4: #6c0079;\n      --simple-colors-default-theme-purple-5: #8a009b;\n      --simple-colors-default-theme-purple-6: #a500ba;\n      --simple-colors-default-theme-purple-7: #e200ff;\n      --simple-colors-default-theme-purple-8: #ed61ff;\n      --simple-colors-default-theme-purple-9: #f07cff;\n      --simple-colors-default-theme-purple-10: #f394ff;\n      --simple-colors-default-theme-purple-11: #f4affd;\n      --simple-colors-default-theme-purple-12: #fce6ff;\n\n      --simple-colors-default-theme-deep-purple-1: #1d0033;\n      --simple-colors-default-theme-deep-purple-2: #2a0049;\n      --simple-colors-default-theme-deep-purple-3: #3a0063;\n      --simple-colors-default-theme-deep-purple-4: #4c0081;\n      --simple-colors-default-theme-deep-purple-5: #5d009f;\n      --simple-colors-default-theme-deep-purple-6: #7e00d8;\n      --simple-colors-default-theme-deep-purple-7: #a931ff;\n      --simple-colors-default-theme-deep-purple-8: #b44aff;\n      --simple-colors-default-theme-deep-purple-9: #bb63f9;\n      --simple-colors-default-theme-deep-purple-10: #c97eff;\n      --simple-colors-default-theme-deep-purple-11: #ddacff;\n      --simple-colors-default-theme-deep-purple-12: #f3e4ff;\n\n      --simple-colors-default-theme-indigo-1: #0a0030;\n      --simple-colors-default-theme-indigo-2: #100049;\n      --simple-colors-default-theme-indigo-3: #160063;\n      --simple-colors-default-theme-indigo-4: #20008c;\n      --simple-colors-default-theme-indigo-5: #2801b0;\n      --simple-colors-default-theme-indigo-6: #3a00ff;\n      --simple-colors-default-theme-indigo-7: #835fff;\n      --simple-colors-default-theme-indigo-8: #9373ff;\n      --simple-colors-default-theme-indigo-9: #9e82ff;\n      --simple-colors-default-theme-indigo-10: #af97ff;\n      --simple-colors-default-theme-indigo-11: #c3b2ff;\n      --simple-colors-default-theme-indigo-12: #e5ddff;\n\n      --simple-colors-default-theme-blue-1: #001333;\n      --simple-colors-default-theme-blue-2: #001947;\n      --simple-colors-default-theme-blue-3: #002569;\n      --simple-colors-default-theme-blue-4: #003494;\n      --simple-colors-default-theme-blue-5: #0041bb;\n      --simple-colors-default-theme-blue-6: #0059ff;\n      --simple-colors-default-theme-blue-7: #4083ff;\n      --simple-colors-default-theme-blue-8: #5892fd;\n      --simple-colors-default-theme-blue-9: #74a5ff;\n      --simple-colors-default-theme-blue-10: #95baff;\n      --simple-colors-default-theme-blue-11: #acc9ff;\n      --simple-colors-default-theme-blue-12: #e2ecff;\n\n      --simple-colors-default-theme-light-blue-1: #001b36;\n      --simple-colors-default-theme-light-blue-2: #002850;\n      --simple-colors-default-theme-light-blue-3: #003f7d;\n      --simple-colors-default-theme-light-blue-4: #0055a8;\n      --simple-colors-default-theme-light-blue-5: #0066ca;\n      --simple-colors-default-theme-light-blue-6: #007ffc;\n      --simple-colors-default-theme-light-blue-7: #41a1ff;\n      --simple-colors-default-theme-light-blue-8: #58adff;\n      --simple-colors-default-theme-light-blue-9: #65b3ff;\n      --simple-colors-default-theme-light-blue-10: #92c9ff;\n      --simple-colors-default-theme-light-blue-11: #a1d1ff;\n      --simple-colors-default-theme-light-blue-12: #cde8ff;\n\n      --simple-colors-default-theme-cyan-1: #001a20;\n      --simple-colors-default-theme-cyan-2: #002c38;\n      --simple-colors-default-theme-cyan-3: #003f50;\n      --simple-colors-default-theme-cyan-4: #005970;\n      --simple-colors-default-theme-cyan-5: #007999;\n      --simple-colors-default-theme-cyan-6: #009dc7;\n      --simple-colors-default-theme-cyan-7: #00c9ff;\n      --simple-colors-default-theme-cyan-8: #1ccfff;\n      --simple-colors-default-theme-cyan-9: #33d4ff;\n      --simple-colors-default-theme-cyan-10: #77e2ff;\n      --simple-colors-default-theme-cyan-11: #9beaff;\n      --simple-colors-default-theme-cyan-12: #ddf8ff;\n\n      --simple-colors-default-theme-teal-1: #001b14;\n      --simple-colors-default-theme-teal-2: #002a20;\n      --simple-colors-default-theme-teal-3: #003829;\n      --simple-colors-default-theme-teal-4: #004e3a;\n      --simple-colors-default-theme-teal-5: #007658;\n      --simple-colors-default-theme-teal-6: #009d75;\n      --simple-colors-default-theme-teal-7: #00ff9c;\n      --simple-colors-default-theme-teal-8: #29ffac;\n      --simple-colors-default-theme-teal-9: #56ffbd;\n      --simple-colors-default-theme-teal-10: #79ffcb;\n      --simple-colors-default-theme-teal-11: #98ffd7;\n      --simple-colors-default-theme-teal-12: #d9fff0;\n\n      --simple-colors-default-theme-green-1: #001d0c;\n      --simple-colors-default-theme-green-2: #002a11;\n      --simple-colors-default-theme-green-3: #003d18;\n      --simple-colors-default-theme-green-4: #005a23;\n      --simple-colors-default-theme-green-5: #00762e;\n      --simple-colors-default-theme-green-6: #008c37;\n      --simple-colors-default-theme-green-7: #00f961;\n      --simple-colors-default-theme-green-8: #24ff70;\n      --simple-colors-default-theme-green-9: #49ff88;\n      --simple-colors-default-theme-green-10: #79ffa7;\n      --simple-colors-default-theme-green-11: #acffc9;\n      --simple-colors-default-theme-green-12: #e1ffeb;\n\n      --simple-colors-default-theme-light-green-1: #0d2000;\n      --simple-colors-default-theme-light-green-2: #143000;\n      --simple-colors-default-theme-light-green-3: #1b3f00;\n      --simple-colors-default-theme-light-green-4: #296100;\n      --simple-colors-default-theme-light-green-5: #357f00;\n      --simple-colors-default-theme-light-green-6: #429d00;\n      --simple-colors-default-theme-light-green-7: #6fff00;\n      --simple-colors-default-theme-light-green-8: #8efd38;\n      --simple-colors-default-theme-light-green-9: #a1fd5a;\n      --simple-colors-default-theme-light-green-10: #b1ff75;\n      --simple-colors-default-theme-light-green-11: #c7ff9b;\n      --simple-colors-default-theme-light-green-12: #ebffdb;\n\n      --simple-colors-default-theme-lime-1: #182400;\n      --simple-colors-default-theme-lime-2: #223400;\n      --simple-colors-default-theme-lime-3: #293f00;\n      --simple-colors-default-theme-lime-4: #3b5a00;\n      --simple-colors-default-theme-lime-5: #4d7600;\n      --simple-colors-default-theme-lime-6: #649900;\n      --simple-colors-default-theme-lime-7: #aeff00;\n      --simple-colors-default-theme-lime-8: #bdff2d;\n      --simple-colors-default-theme-lime-9: #caff58;\n      --simple-colors-default-theme-lime-10: #d4ff77;\n      --simple-colors-default-theme-lime-11: #dfff9b;\n      --simple-colors-default-theme-lime-12: #f1ffd2;\n\n      --simple-colors-default-theme-yellow-1: #242400;\n      --simple-colors-default-theme-yellow-2: #303000;\n      --simple-colors-default-theme-yellow-3: #454400;\n      --simple-colors-default-theme-yellow-4: #585700;\n      --simple-colors-default-theme-yellow-5: #787700;\n      --simple-colors-default-theme-yellow-6: #929100;\n      --simple-colors-default-theme-yellow-7: #f6f600;\n      --simple-colors-default-theme-yellow-8: #ffff3a;\n      --simple-colors-default-theme-yellow-9: #ffff7c;\n      --simple-colors-default-theme-yellow-10: #ffff90;\n      --simple-colors-default-theme-yellow-11: #ffffac;\n      --simple-colors-default-theme-yellow-12: #ffffd5;\n\n      --simple-colors-default-theme-amber-1: #221a00;\n      --simple-colors-default-theme-amber-2: #302500;\n      --simple-colors-default-theme-amber-3: #413200;\n      --simple-colors-default-theme-amber-4: #614b00;\n      --simple-colors-default-theme-amber-5: #876800;\n      --simple-colors-default-theme-amber-6: #b28900;\n      --simple-colors-default-theme-amber-7: #ffc500;\n      --simple-colors-default-theme-amber-8: #ffc235;\n      --simple-colors-default-theme-amber-9: #ffcf5e;\n      --simple-colors-default-theme-amber-10: #ffd677;\n      --simple-colors-default-theme-amber-11: #ffdf92;\n      --simple-colors-default-theme-amber-12: #fff2d4;\n\n      --simple-colors-default-theme-orange-1: #2c1400;\n      --simple-colors-default-theme-orange-2: #3d1c00;\n      --simple-colors-default-theme-orange-3: #612d00;\n      --simple-colors-default-theme-orange-4: #833d00;\n      --simple-colors-default-theme-orange-5: #ae5100;\n      --simple-colors-default-theme-orange-6: #e56a00;\n      --simple-colors-default-theme-orange-7: #ff9625;\n      --simple-colors-default-theme-orange-8: #ff9e36;\n      --simple-colors-default-theme-orange-9: #ffb05c;\n      --simple-colors-default-theme-orange-10: #ffbd75;\n      --simple-colors-default-theme-orange-11: #ffca92;\n      --simple-colors-default-theme-orange-12: #ffebd7;\n\n      --simple-colors-default-theme-deep-orange-1: #240700;\n      --simple-colors-default-theme-deep-orange-2: #3a0c00;\n      --simple-colors-default-theme-deep-orange-3: #561100;\n      --simple-colors-default-theme-deep-orange-4: #8a1c00;\n      --simple-colors-default-theme-deep-orange-5: #b92500;\n      --simple-colors-default-theme-deep-orange-6: #f53100;\n      --simple-colors-default-theme-deep-orange-7: #ff6c3c;\n      --simple-colors-default-theme-deep-orange-8: #ff7649;\n      --simple-colors-default-theme-deep-orange-9: #ff8a64;\n      --simple-colors-default-theme-deep-orange-10: #ffa588;\n      --simple-colors-default-theme-deep-orange-11: #ffb299;\n      --simple-colors-default-theme-deep-orange-12: #ffe7e0;\n\n      --simple-colors-default-theme-brown-1: #200e09;\n      --simple-colors-default-theme-brown-2: #2c140e;\n      --simple-colors-default-theme-brown-3: #3b1e15;\n      --simple-colors-default-theme-brown-4: #5b3328;\n      --simple-colors-default-theme-brown-5: #724539;\n      --simple-colors-default-theme-brown-6: #85574a;\n      --simple-colors-default-theme-brown-7: #a47060;\n      --simple-colors-default-theme-brown-8: #ac7868;\n      --simple-colors-default-theme-brown-9: #b68373;\n      --simple-colors-default-theme-brown-10: #c59485;\n      --simple-colors-default-theme-brown-11: #e5b8aa;\n      --simple-colors-default-theme-brown-12: #f0e2de;\n\n      --simple-colors-default-theme-blue-grey-1: #0f1518;\n      --simple-colors-default-theme-blue-grey-2: #182023;\n      --simple-colors-default-theme-blue-grey-3: #1e282c;\n      --simple-colors-default-theme-blue-grey-4: #2f3e45;\n      --simple-colors-default-theme-blue-grey-5: #40535b;\n      --simple-colors-default-theme-blue-grey-6: #56707c;\n      --simple-colors-default-theme-blue-grey-7: #718892;\n      --simple-colors-default-theme-blue-grey-8: #7a8f98;\n      --simple-colors-default-theme-blue-grey-9: #8d9fa7;\n      --simple-colors-default-theme-blue-grey-10: #9badb6;\n      --simple-colors-default-theme-blue-grey-11: #b1c5ce;\n      --simple-colors-default-theme-blue-grey-12: #e7eff1;\n    }\n\n    :host([accent-color=\"grey\"]),\n    :host [accent-color=\"grey\"] {\n      --simple-colors-default-theme-accent-1: #ffffff;\n      --simple-colors-default-theme-accent-2: #eeeeee;\n      --simple-colors-default-theme-accent-3: #dddddd;\n      --simple-colors-default-theme-accent-4: #cccccc;\n      --simple-colors-default-theme-accent-5: #bbbbbb;\n      --simple-colors-default-theme-accent-6: #999999;\n      --simple-colors-default-theme-accent-7: #666666;\n      --simple-colors-default-theme-accent-8: #444444;\n      --simple-colors-default-theme-accent-9: #333333;\n      --simple-colors-default-theme-accent-10: #222222;\n      --simple-colors-default-theme-accent-11: #111111;\n      --simple-colors-default-theme-accent-12: #000000;\n      --simple-colors-fixed-theme-accent-1: #ffffff;\n      --simple-colors-fixed-theme-accent-2: #eeeeee;\n      --simple-colors-fixed-theme-accent-3: #dddddd;\n      --simple-colors-fixed-theme-accent-4: #cccccc;\n      --simple-colors-fixed-theme-accent-5: #bbbbbb;\n      --simple-colors-fixed-theme-accent-6: #999999;\n      --simple-colors-fixed-theme-accent-7: #666666;\n      --simple-colors-fixed-theme-accent-8: #444444;\n      --simple-colors-fixed-theme-accent-9: #333333;\n      --simple-colors-fixed-theme-accent-10: #222222;\n      --simple-colors-fixed-theme-accent-11: #111111;\n      --simple-colors-fixed-theme-accent-12: #000000;\n    }\n\n    :host([dark][accent-color=\"grey\"]),\n    :host([dark]) [accent-color=\"grey\"],\n    :host([accent-color=\"grey\"]) [dark],\n    :host [dark][accent-color=\"grey\"] {\n      --simple-colors-default-theme-accent-1: #000000;\n      --simple-colors-default-theme-accent-2: #111111;\n      --simple-colors-default-theme-accent-3: #222222;\n      --simple-colors-default-theme-accent-4: #333333;\n      --simple-colors-default-theme-accent-5: #444444;\n      --simple-colors-default-theme-accent-6: #666666;\n      --simple-colors-default-theme-accent-7: #999999;\n      --simple-colors-default-theme-accent-8: #bbbbbb;\n      --simple-colors-default-theme-accent-9: #cccccc;\n      --simple-colors-default-theme-accent-10: #dddddd;\n      --simple-colors-default-theme-accent-11: #eeeeee;\n      --simple-colors-default-theme-accent-12: #ffffff;\n    }\n\n    :host([accent-color=\"red\"]),\n    :host [accent-color=\"red\"] {\n      --simple-colors-default-theme-accent-1: #ffdddd;\n      --simple-colors-default-theme-accent-2: #ffaeae;\n      --simple-colors-default-theme-accent-3: #ff8f8f;\n      --simple-colors-default-theme-accent-4: #ff7474;\n      --simple-colors-default-theme-accent-5: #fd5151;\n      --simple-colors-default-theme-accent-6: #ff2222;\n      --simple-colors-default-theme-accent-7: #ee0000;\n      --simple-colors-default-theme-accent-8: #ac0000;\n      --simple-colors-default-theme-accent-9: #850000;\n      --simple-colors-default-theme-accent-10: #670000;\n      --simple-colors-default-theme-accent-11: #520000;\n      --simple-colors-default-theme-accent-12: #3f0000;\n      --simple-colors-fixed-theme-accent-1: #ffdddd;\n      --simple-colors-fixed-theme-accent-2: #ffaeae;\n      --simple-colors-fixed-theme-accent-3: #ff8f8f;\n      --simple-colors-fixed-theme-accent-4: #ff7474;\n      --simple-colors-fixed-theme-accent-5: #fd5151;\n      --simple-colors-fixed-theme-accent-6: #ff2222;\n      --simple-colors-fixed-theme-accent-7: #ee0000;\n      --simple-colors-fixed-theme-accent-8: #ac0000;\n      --simple-colors-fixed-theme-accent-9: #850000;\n      --simple-colors-fixed-theme-accent-10: #670000;\n      --simple-colors-fixed-theme-accent-11: #520000;\n      --simple-colors-fixed-theme-accent-12: #3f0000;\n    }\n\n    :host([dark][accent-color=\"red\"]),\n    :host([dark]) [accent-color=\"red\"],\n    :host([accent-color=\"red\"]) [dark],\n    :host [dark][accent-color=\"red\"] {\n      --simple-colors-default-theme-accent-1: #3f0000;\n      --simple-colors-default-theme-accent-2: #520000;\n      --simple-colors-default-theme-accent-3: #670000;\n      --simple-colors-default-theme-accent-4: #850000;\n      --simple-colors-default-theme-accent-5: #ac0000;\n      --simple-colors-default-theme-accent-6: #ee0000;\n      --simple-colors-default-theme-accent-7: #ff2222;\n      --simple-colors-default-theme-accent-8: #fd5151;\n      --simple-colors-default-theme-accent-9: #ff7474;\n      --simple-colors-default-theme-accent-10: #ff8f8f;\n      --simple-colors-default-theme-accent-11: #ffaeae;\n      --simple-colors-default-theme-accent-12: #ffdddd;\n    }\n\n    :host([accent-color=\"pink\"]),\n    :host [accent-color=\"pink\"] {\n      --simple-colors-default-theme-accent-1: #ffe6f1;\n      --simple-colors-default-theme-accent-2: #ffa5cf;\n      --simple-colors-default-theme-accent-3: #ff87c0;\n      --simple-colors-default-theme-accent-4: #ff73b5;\n      --simple-colors-default-theme-accent-5: #fd60aa;\n      --simple-colors-default-theme-accent-6: #ff3996;\n      --simple-colors-default-theme-accent-7: #da004e;\n      --simple-colors-default-theme-accent-8: #b80042;\n      --simple-colors-default-theme-accent-9: #980036;\n      --simple-colors-default-theme-accent-10: #78002b;\n      --simple-colors-default-theme-accent-11: #5a0020;\n      --simple-colors-default-theme-accent-12: #440019;\n      --simple-colors-fixed-theme-accent-1: #ffe6f1;\n      --simple-colors-fixed-theme-accent-2: #ffa5cf;\n      --simple-colors-fixed-theme-accent-3: #ff87c0;\n      --simple-colors-fixed-theme-accent-4: #ff73b5;\n      --simple-colors-fixed-theme-accent-5: #fd60aa;\n      --simple-colors-fixed-theme-accent-6: #ff3996;\n      --simple-colors-fixed-theme-accent-7: #da004e;\n      --simple-colors-fixed-theme-accent-8: #b80042;\n      --simple-colors-fixed-theme-accent-9: #980036;\n      --simple-colors-fixed-theme-accent-10: #78002b;\n      --simple-colors-fixed-theme-accent-11: #5a0020;\n      --simple-colors-fixed-theme-accent-12: #440019;\n    }\n\n    :host([dark][accent-color=\"pink\"]),\n    :host([dark]) [accent-color=\"pink\"],\n    :host([accent-color=\"pink\"]) [dark],\n    :host [dark][accent-color=\"pink\"] {\n      --simple-colors-default-theme-accent-1: #440019;\n      --simple-colors-default-theme-accent-2: #5a0020;\n      --simple-colors-default-theme-accent-3: #78002b;\n      --simple-colors-default-theme-accent-4: #980036;\n      --simple-colors-default-theme-accent-5: #b80042;\n      --simple-colors-default-theme-accent-6: #da004e;\n      --simple-colors-default-theme-accent-7: #ff3996;\n      --simple-colors-default-theme-accent-8: #fd60aa;\n      --simple-colors-default-theme-accent-9: #ff73b5;\n      --simple-colors-default-theme-accent-10: #ff87c0;\n      --simple-colors-default-theme-accent-11: #ffa5cf;\n      --simple-colors-default-theme-accent-12: #ffe6f1;\n    }\n\n    :host([accent-color=\"purple\"]),\n    :host [accent-color=\"purple\"] {\n      --simple-colors-default-theme-accent-1: #fce6ff;\n      --simple-colors-default-theme-accent-2: #f4affd;\n      --simple-colors-default-theme-accent-3: #f394ff;\n      --simple-colors-default-theme-accent-4: #f07cff;\n      --simple-colors-default-theme-accent-5: #ed61ff;\n      --simple-colors-default-theme-accent-6: #e200ff;\n      --simple-colors-default-theme-accent-7: #a500ba;\n      --simple-colors-default-theme-accent-8: #8a009b;\n      --simple-colors-default-theme-accent-9: #6c0079;\n      --simple-colors-default-theme-accent-10: #490052;\n      --simple-colors-default-theme-accent-11: #33003a;\n      --simple-colors-default-theme-accent-12: #200025;\n      --simple-colors-fixed-theme-accent-1: #fce6ff;\n      --simple-colors-fixed-theme-accent-2: #f4affd;\n      --simple-colors-fixed-theme-accent-3: #f394ff;\n      --simple-colors-fixed-theme-accent-4: #f07cff;\n      --simple-colors-fixed-theme-accent-5: #ed61ff;\n      --simple-colors-fixed-theme-accent-6: #e200ff;\n      --simple-colors-fixed-theme-accent-7: #a500ba;\n      --simple-colors-fixed-theme-accent-8: #8a009b;\n      --simple-colors-fixed-theme-accent-9: #6c0079;\n      --simple-colors-fixed-theme-accent-10: #490052;\n      --simple-colors-fixed-theme-accent-11: #33003a;\n      --simple-colors-fixed-theme-accent-12: #200025;\n    }\n\n    :host([dark][accent-color=\"purple\"]),\n    :host([dark]) [accent-color=\"purple\"],\n    :host([accent-color=\"purple\"]) [dark],\n    :host [dark][accent-color=\"purple\"] {\n      --simple-colors-default-theme-accent-1: #200025;\n      --simple-colors-default-theme-accent-2: #33003a;\n      --simple-colors-default-theme-accent-3: #490052;\n      --simple-colors-default-theme-accent-4: #6c0079;\n      --simple-colors-default-theme-accent-5: #8a009b;\n      --simple-colors-default-theme-accent-6: #a500ba;\n      --simple-colors-default-theme-accent-7: #e200ff;\n      --simple-colors-default-theme-accent-8: #ed61ff;\n      --simple-colors-default-theme-accent-9: #f07cff;\n      --simple-colors-default-theme-accent-10: #f394ff;\n      --simple-colors-default-theme-accent-11: #f4affd;\n      --simple-colors-default-theme-accent-12: #fce6ff;\n    }\n\n    :host([accent-color=\"deep-purple\"]),\n    :host [accent-color=\"deep-purple\"] {\n      --simple-colors-default-theme-accent-1: #f3e4ff;\n      --simple-colors-default-theme-accent-2: #ddacff;\n      --simple-colors-default-theme-accent-3: #c97eff;\n      --simple-colors-default-theme-accent-4: #bb63f9;\n      --simple-colors-default-theme-accent-5: #b44aff;\n      --simple-colors-default-theme-accent-6: #a931ff;\n      --simple-colors-default-theme-accent-7: #7e00d8;\n      --simple-colors-default-theme-accent-8: #5d009f;\n      --simple-colors-default-theme-accent-9: #4c0081;\n      --simple-colors-default-theme-accent-10: #3a0063;\n      --simple-colors-default-theme-accent-11: #2a0049;\n      --simple-colors-default-theme-accent-12: #1d0033;\n      --simple-colors-fixed-theme-accent-1: #f3e4ff;\n      --simple-colors-fixed-theme-accent-2: #ddacff;\n      --simple-colors-fixed-theme-accent-3: #c97eff;\n      --simple-colors-fixed-theme-accent-4: #bb63f9;\n      --simple-colors-fixed-theme-accent-5: #b44aff;\n      --simple-colors-fixed-theme-accent-6: #a931ff;\n      --simple-colors-fixed-theme-accent-7: #7e00d8;\n      --simple-colors-fixed-theme-accent-8: #5d009f;\n      --simple-colors-fixed-theme-accent-9: #4c0081;\n      --simple-colors-fixed-theme-accent-10: #3a0063;\n      --simple-colors-fixed-theme-accent-11: #2a0049;\n      --simple-colors-fixed-theme-accent-12: #1d0033;\n    }\n\n    :host([dark][accent-color=\"deep-purple\"]),\n    :host([dark]) [accent-color=\"deep-purple\"],\n    :host([accent-color=\"deep-purple\"]) [dark],\n    :host [dark][accent-color=\"deep-purple\"] {\n      --simple-colors-default-theme-accent-1: #1d0033;\n      --simple-colors-default-theme-accent-2: #2a0049;\n      --simple-colors-default-theme-accent-3: #3a0063;\n      --simple-colors-default-theme-accent-4: #4c0081;\n      --simple-colors-default-theme-accent-5: #5d009f;\n      --simple-colors-default-theme-accent-6: #7e00d8;\n      --simple-colors-default-theme-accent-7: #a931ff;\n      --simple-colors-default-theme-accent-8: #b44aff;\n      --simple-colors-default-theme-accent-9: #bb63f9;\n      --simple-colors-default-theme-accent-10: #c97eff;\n      --simple-colors-default-theme-accent-11: #ddacff;\n      --simple-colors-default-theme-accent-12: #f3e4ff;\n    }\n\n    :host([accent-color=\"indigo\"]),\n    :host [accent-color=\"indigo\"] {\n      --simple-colors-default-theme-accent-1: #e5ddff;\n      --simple-colors-default-theme-accent-2: #c3b2ff;\n      --simple-colors-default-theme-accent-3: #af97ff;\n      --simple-colors-default-theme-accent-4: #9e82ff;\n      --simple-colors-default-theme-accent-5: #9373ff;\n      --simple-colors-default-theme-accent-6: #835fff;\n      --simple-colors-default-theme-accent-7: #3a00ff;\n      --simple-colors-default-theme-accent-8: #2801b0;\n      --simple-colors-default-theme-accent-9: #20008c;\n      --simple-colors-default-theme-accent-10: #160063;\n      --simple-colors-default-theme-accent-11: #100049;\n      --simple-colors-default-theme-accent-12: #0a0030;\n      --simple-colors-fixed-theme-accent-1: #e5ddff;\n      --simple-colors-fixed-theme-accent-2: #c3b2ff;\n      --simple-colors-fixed-theme-accent-3: #af97ff;\n      --simple-colors-fixed-theme-accent-4: #9e82ff;\n      --simple-colors-fixed-theme-accent-5: #9373ff;\n      --simple-colors-fixed-theme-accent-6: #835fff;\n      --simple-colors-fixed-theme-accent-7: #3a00ff;\n      --simple-colors-fixed-theme-accent-8: #2801b0;\n      --simple-colors-fixed-theme-accent-9: #20008c;\n      --simple-colors-fixed-theme-accent-10: #160063;\n      --simple-colors-fixed-theme-accent-11: #100049;\n      --simple-colors-fixed-theme-accent-12: #0a0030;\n    }\n\n    :host([dark][accent-color=\"indigo\"]),\n    :host([dark]) [accent-color=\"indigo\"],\n    :host([accent-color=\"indigo\"]) [dark],\n    :host [dark][accent-color=\"indigo\"] {\n      --simple-colors-default-theme-accent-1: #0a0030;\n      --simple-colors-default-theme-accent-2: #100049;\n      --simple-colors-default-theme-accent-3: #160063;\n      --simple-colors-default-theme-accent-4: #20008c;\n      --simple-colors-default-theme-accent-5: #2801b0;\n      --simple-colors-default-theme-accent-6: #3a00ff;\n      --simple-colors-default-theme-accent-7: #835fff;\n      --simple-colors-default-theme-accent-8: #9373ff;\n      --simple-colors-default-theme-accent-9: #9e82ff;\n      --simple-colors-default-theme-accent-10: #af97ff;\n      --simple-colors-default-theme-accent-11: #c3b2ff;\n      --simple-colors-default-theme-accent-12: #e5ddff;\n    }\n\n    :host([accent-color=\"blue\"]),\n    :host [accent-color=\"blue\"] {\n      --simple-colors-default-theme-accent-1: #e2ecff;\n      --simple-colors-default-theme-accent-2: #acc9ff;\n      --simple-colors-default-theme-accent-3: #95baff;\n      --simple-colors-default-theme-accent-4: #74a5ff;\n      --simple-colors-default-theme-accent-5: #5892fd;\n      --simple-colors-default-theme-accent-6: #4083ff;\n      --simple-colors-default-theme-accent-7: #0059ff;\n      --simple-colors-default-theme-accent-8: #0041bb;\n      --simple-colors-default-theme-accent-9: #003494;\n      --simple-colors-default-theme-accent-10: #002569;\n      --simple-colors-default-theme-accent-11: #001947;\n      --simple-colors-default-theme-accent-12: #001333;\n      --simple-colors-fixed-theme-accent-1: #e2ecff;\n      --simple-colors-fixed-theme-accent-2: #acc9ff;\n      --simple-colors-fixed-theme-accent-3: #95baff;\n      --simple-colors-fixed-theme-accent-4: #74a5ff;\n      --simple-colors-fixed-theme-accent-5: #5892fd;\n      --simple-colors-fixed-theme-accent-6: #4083ff;\n      --simple-colors-fixed-theme-accent-7: #0059ff;\n      --simple-colors-fixed-theme-accent-8: #0041bb;\n      --simple-colors-fixed-theme-accent-9: #003494;\n      --simple-colors-fixed-theme-accent-10: #002569;\n      --simple-colors-fixed-theme-accent-11: #001947;\n      --simple-colors-fixed-theme-accent-12: #001333;\n    }\n\n    :host([dark][accent-color=\"blue\"]),\n    :host([dark]) [accent-color=\"blue\"],\n    :host([accent-color=\"blue\"]) [dark],\n    :host [dark][accent-color=\"blue\"] {\n      --simple-colors-default-theme-accent-1: #001333;\n      --simple-colors-default-theme-accent-2: #001947;\n      --simple-colors-default-theme-accent-3: #002569;\n      --simple-colors-default-theme-accent-4: #003494;\n      --simple-colors-default-theme-accent-5: #0041bb;\n      --simple-colors-default-theme-accent-6: #0059ff;\n      --simple-colors-default-theme-accent-7: #4083ff;\n      --simple-colors-default-theme-accent-8: #5892fd;\n      --simple-colors-default-theme-accent-9: #74a5ff;\n      --simple-colors-default-theme-accent-10: #95baff;\n      --simple-colors-default-theme-accent-11: #acc9ff;\n      --simple-colors-default-theme-accent-12: #e2ecff;\n    }\n\n    :host([accent-color=\"light-blue\"]),\n    :host [accent-color=\"light-blue\"] {\n      --simple-colors-default-theme-accent-1: #cde8ff;\n      --simple-colors-default-theme-accent-2: #a1d1ff;\n      --simple-colors-default-theme-accent-3: #92c9ff;\n      --simple-colors-default-theme-accent-4: #65b3ff;\n      --simple-colors-default-theme-accent-5: #58adff;\n      --simple-colors-default-theme-accent-6: #41a1ff;\n      --simple-colors-default-theme-accent-7: #007ffc;\n      --simple-colors-default-theme-accent-8: #0066ca;\n      --simple-colors-default-theme-accent-9: #0055a8;\n      --simple-colors-default-theme-accent-10: #003f7d;\n      --simple-colors-default-theme-accent-11: #002850;\n      --simple-colors-default-theme-accent-12: #001b36;\n      --simple-colors-fixed-theme-accent-1: #cde8ff;\n      --simple-colors-fixed-theme-accent-2: #a1d1ff;\n      --simple-colors-fixed-theme-accent-3: #92c9ff;\n      --simple-colors-fixed-theme-accent-4: #65b3ff;\n      --simple-colors-fixed-theme-accent-5: #58adff;\n      --simple-colors-fixed-theme-accent-6: #41a1ff;\n      --simple-colors-fixed-theme-accent-7: #007ffc;\n      --simple-colors-fixed-theme-accent-8: #0066ca;\n      --simple-colors-fixed-theme-accent-9: #0055a8;\n      --simple-colors-fixed-theme-accent-10: #003f7d;\n      --simple-colors-fixed-theme-accent-11: #002850;\n      --simple-colors-fixed-theme-accent-12: #001b36;\n    }\n\n    :host([dark][accent-color=\"light-blue\"]),\n    :host([dark]) [accent-color=\"light-blue\"],\n    :host([accent-color=\"light-blue\"]) [dark],\n    :host [dark][accent-color=\"light-blue\"] {\n      --simple-colors-default-theme-accent-1: #001b36;\n      --simple-colors-default-theme-accent-2: #002850;\n      --simple-colors-default-theme-accent-3: #003f7d;\n      --simple-colors-default-theme-accent-4: #0055a8;\n      --simple-colors-default-theme-accent-5: #0066ca;\n      --simple-colors-default-theme-accent-6: #007ffc;\n      --simple-colors-default-theme-accent-7: #41a1ff;\n      --simple-colors-default-theme-accent-8: #58adff;\n      --simple-colors-default-theme-accent-9: #65b3ff;\n      --simple-colors-default-theme-accent-10: #92c9ff;\n      --simple-colors-default-theme-accent-11: #a1d1ff;\n      --simple-colors-default-theme-accent-12: #cde8ff;\n    }\n\n    :host([accent-color=\"cyan\"]),\n    :host [accent-color=\"cyan\"] {\n      --simple-colors-default-theme-accent-1: #ddf8ff;\n      --simple-colors-default-theme-accent-2: #9beaff;\n      --simple-colors-default-theme-accent-3: #77e2ff;\n      --simple-colors-default-theme-accent-4: #33d4ff;\n      --simple-colors-default-theme-accent-5: #1ccfff;\n      --simple-colors-default-theme-accent-6: #00c9ff;\n      --simple-colors-default-theme-accent-7: #009dc7;\n      --simple-colors-default-theme-accent-8: #007999;\n      --simple-colors-default-theme-accent-9: #005970;\n      --simple-colors-default-theme-accent-10: #003f50;\n      --simple-colors-default-theme-accent-11: #002c38;\n      --simple-colors-default-theme-accent-12: #001a20;\n      --simple-colors-fixed-theme-accent-1: #ddf8ff;\n      --simple-colors-fixed-theme-accent-2: #9beaff;\n      --simple-colors-fixed-theme-accent-3: #77e2ff;\n      --simple-colors-fixed-theme-accent-4: #33d4ff;\n      --simple-colors-fixed-theme-accent-5: #1ccfff;\n      --simple-colors-fixed-theme-accent-6: #00c9ff;\n      --simple-colors-fixed-theme-accent-7: #009dc7;\n      --simple-colors-fixed-theme-accent-8: #007999;\n      --simple-colors-fixed-theme-accent-9: #005970;\n      --simple-colors-fixed-theme-accent-10: #003f50;\n      --simple-colors-fixed-theme-accent-11: #002c38;\n      --simple-colors-fixed-theme-accent-12: #001a20;\n    }\n\n    :host([dark][accent-color=\"cyan\"]),\n    :host([dark]) [accent-color=\"cyan\"],\n    :host([accent-color=\"cyan\"]) [dark],\n    :host [dark][accent-color=\"cyan\"] {\n      --simple-colors-default-theme-accent-1: #001a20;\n      --simple-colors-default-theme-accent-2: #002c38;\n      --simple-colors-default-theme-accent-3: #003f50;\n      --simple-colors-default-theme-accent-4: #005970;\n      --simple-colors-default-theme-accent-5: #007999;\n      --simple-colors-default-theme-accent-6: #009dc7;\n      --simple-colors-default-theme-accent-7: #00c9ff;\n      --simple-colors-default-theme-accent-8: #1ccfff;\n      --simple-colors-default-theme-accent-9: #33d4ff;\n      --simple-colors-default-theme-accent-10: #77e2ff;\n      --simple-colors-default-theme-accent-11: #9beaff;\n      --simple-colors-default-theme-accent-12: #ddf8ff;\n    }\n\n    :host([accent-color=\"teal\"]),\n    :host [accent-color=\"teal\"] {\n      --simple-colors-default-theme-accent-1: #d9fff0;\n      --simple-colors-default-theme-accent-2: #98ffd7;\n      --simple-colors-default-theme-accent-3: #79ffcb;\n      --simple-colors-default-theme-accent-4: #56ffbd;\n      --simple-colors-default-theme-accent-5: #29ffac;\n      --simple-colors-default-theme-accent-6: #00ff9c;\n      --simple-colors-default-theme-accent-7: #009d75;\n      --simple-colors-default-theme-accent-8: #007658;\n      --simple-colors-default-theme-accent-9: #004e3a;\n      --simple-colors-default-theme-accent-10: #003829;\n      --simple-colors-default-theme-accent-11: #002a20;\n      --simple-colors-default-theme-accent-12: #001b14;\n      --simple-colors-fixed-theme-accent-1: #d9fff0;\n      --simple-colors-fixed-theme-accent-2: #98ffd7;\n      --simple-colors-fixed-theme-accent-3: #79ffcb;\n      --simple-colors-fixed-theme-accent-4: #56ffbd;\n      --simple-colors-fixed-theme-accent-5: #29ffac;\n      --simple-colors-fixed-theme-accent-6: #00ff9c;\n      --simple-colors-fixed-theme-accent-7: #009d75;\n      --simple-colors-fixed-theme-accent-8: #007658;\n      --simple-colors-fixed-theme-accent-9: #004e3a;\n      --simple-colors-fixed-theme-accent-10: #003829;\n      --simple-colors-fixed-theme-accent-11: #002a20;\n      --simple-colors-fixed-theme-accent-12: #001b14;\n    }\n\n    :host([dark][accent-color=\"teal\"]),\n    :host([dark]) [accent-color=\"teal\"],\n    :host([accent-color=\"teal\"]) [dark],\n    :host [dark][accent-color=\"teal\"] {\n      --simple-colors-default-theme-accent-1: #001b14;\n      --simple-colors-default-theme-accent-2: #002a20;\n      --simple-colors-default-theme-accent-3: #003829;\n      --simple-colors-default-theme-accent-4: #004e3a;\n      --simple-colors-default-theme-accent-5: #007658;\n      --simple-colors-default-theme-accent-6: #009d75;\n      --simple-colors-default-theme-accent-7: #00ff9c;\n      --simple-colors-default-theme-accent-8: #29ffac;\n      --simple-colors-default-theme-accent-9: #56ffbd;\n      --simple-colors-default-theme-accent-10: #79ffcb;\n      --simple-colors-default-theme-accent-11: #98ffd7;\n      --simple-colors-default-theme-accent-12: #d9fff0;\n    }\n\n    :host([accent-color=\"green\"]),\n    :host [accent-color=\"green\"] {\n      --simple-colors-default-theme-accent-1: #e1ffeb;\n      --simple-colors-default-theme-accent-2: #acffc9;\n      --simple-colors-default-theme-accent-3: #79ffa7;\n      --simple-colors-default-theme-accent-4: #49ff88;\n      --simple-colors-default-theme-accent-5: #24ff70;\n      --simple-colors-default-theme-accent-6: #00f961;\n      --simple-colors-default-theme-accent-7: #008c37;\n      --simple-colors-default-theme-accent-8: #00762e;\n      --simple-colors-default-theme-accent-9: #005a23;\n      --simple-colors-default-theme-accent-10: #003d18;\n      --simple-colors-default-theme-accent-11: #002a11;\n      --simple-colors-default-theme-accent-12: #001d0c;\n      --simple-colors-fixed-theme-accent-1: #e1ffeb;\n      --simple-colors-fixed-theme-accent-2: #acffc9;\n      --simple-colors-fixed-theme-accent-3: #79ffa7;\n      --simple-colors-fixed-theme-accent-4: #49ff88;\n      --simple-colors-fixed-theme-accent-5: #24ff70;\n      --simple-colors-fixed-theme-accent-6: #00f961;\n      --simple-colors-fixed-theme-accent-7: #008c37;\n      --simple-colors-fixed-theme-accent-8: #00762e;\n      --simple-colors-fixed-theme-accent-9: #005a23;\n      --simple-colors-fixed-theme-accent-10: #003d18;\n      --simple-colors-fixed-theme-accent-11: #002a11;\n      --simple-colors-fixed-theme-accent-12: #001d0c;\n    }\n\n    :host([dark][accent-color=\"green\"]),\n    :host([dark]) [accent-color=\"green\"],\n    :host([accent-color=\"green\"]) [dark],\n    :host [dark][accent-color=\"green\"] {\n      --simple-colors-default-theme-accent-1: #001d0c;\n      --simple-colors-default-theme-accent-2: #002a11;\n      --simple-colors-default-theme-accent-3: #003d18;\n      --simple-colors-default-theme-accent-4: #005a23;\n      --simple-colors-default-theme-accent-5: #00762e;\n      --simple-colors-default-theme-accent-6: #008c37;\n      --simple-colors-default-theme-accent-7: #00f961;\n      --simple-colors-default-theme-accent-8: #24ff70;\n      --simple-colors-default-theme-accent-9: #49ff88;\n      --simple-colors-default-theme-accent-10: #79ffa7;\n      --simple-colors-default-theme-accent-11: #acffc9;\n      --simple-colors-default-theme-accent-12: #e1ffeb;\n    }\n\n    :host([accent-color=\"light-green\"]),\n    :host [accent-color=\"light-green\"] {\n      --simple-colors-default-theme-accent-1: #ebffdb;\n      --simple-colors-default-theme-accent-2: #c7ff9b;\n      --simple-colors-default-theme-accent-3: #b1ff75;\n      --simple-colors-default-theme-accent-4: #a1fd5a;\n      --simple-colors-default-theme-accent-5: #8efd38;\n      --simple-colors-default-theme-accent-6: #6fff00;\n      --simple-colors-default-theme-accent-7: #429d00;\n      --simple-colors-default-theme-accent-8: #357f00;\n      --simple-colors-default-theme-accent-9: #296100;\n      --simple-colors-default-theme-accent-10: #1b3f00;\n      --simple-colors-default-theme-accent-11: #143000;\n      --simple-colors-default-theme-accent-12: #0d2000;\n      --simple-colors-fixed-theme-accent-1: #ebffdb;\n      --simple-colors-fixed-theme-accent-2: #c7ff9b;\n      --simple-colors-fixed-theme-accent-3: #b1ff75;\n      --simple-colors-fixed-theme-accent-4: #a1fd5a;\n      --simple-colors-fixed-theme-accent-5: #8efd38;\n      --simple-colors-fixed-theme-accent-6: #6fff00;\n      --simple-colors-fixed-theme-accent-7: #429d00;\n      --simple-colors-fixed-theme-accent-8: #357f00;\n      --simple-colors-fixed-theme-accent-9: #296100;\n      --simple-colors-fixed-theme-accent-10: #1b3f00;\n      --simple-colors-fixed-theme-accent-11: #143000;\n      --simple-colors-fixed-theme-accent-12: #0d2000;\n    }\n\n    :host([dark][accent-color=\"light-green\"]),\n    :host([dark]) [accent-color=\"light-green\"],\n    :host([accent-color=\"light-green\"]) [dark],\n    :host [dark][accent-color=\"light-green\"] {\n      --simple-colors-default-theme-accent-1: #0d2000;\n      --simple-colors-default-theme-accent-2: #143000;\n      --simple-colors-default-theme-accent-3: #1b3f00;\n      --simple-colors-default-theme-accent-4: #296100;\n      --simple-colors-default-theme-accent-5: #357f00;\n      --simple-colors-default-theme-accent-6: #429d00;\n      --simple-colors-default-theme-accent-7: #6fff00;\n      --simple-colors-default-theme-accent-8: #8efd38;\n      --simple-colors-default-theme-accent-9: #a1fd5a;\n      --simple-colors-default-theme-accent-10: #b1ff75;\n      --simple-colors-default-theme-accent-11: #c7ff9b;\n      --simple-colors-default-theme-accent-12: #ebffdb;\n    }\n\n    :host([accent-color=\"lime\"]),\n    :host [accent-color=\"lime\"] {\n      --simple-colors-default-theme-accent-1: #f1ffd2;\n      --simple-colors-default-theme-accent-2: #dfff9b;\n      --simple-colors-default-theme-accent-3: #d4ff77;\n      --simple-colors-default-theme-accent-4: #caff58;\n      --simple-colors-default-theme-accent-5: #bdff2d;\n      --simple-colors-default-theme-accent-6: #aeff00;\n      --simple-colors-default-theme-accent-7: #649900;\n      --simple-colors-default-theme-accent-8: #4d7600;\n      --simple-colors-default-theme-accent-9: #3b5a00;\n      --simple-colors-default-theme-accent-10: #293f00;\n      --simple-colors-default-theme-accent-11: #223400;\n      --simple-colors-default-theme-accent-12: #182400;\n      --simple-colors-fixed-theme-accent-1: #f1ffd2;\n      --simple-colors-fixed-theme-accent-2: #dfff9b;\n      --simple-colors-fixed-theme-accent-3: #d4ff77;\n      --simple-colors-fixed-theme-accent-4: #caff58;\n      --simple-colors-fixed-theme-accent-5: #bdff2d;\n      --simple-colors-fixed-theme-accent-6: #aeff00;\n      --simple-colors-fixed-theme-accent-7: #649900;\n      --simple-colors-fixed-theme-accent-8: #4d7600;\n      --simple-colors-fixed-theme-accent-9: #3b5a00;\n      --simple-colors-fixed-theme-accent-10: #293f00;\n      --simple-colors-fixed-theme-accent-11: #223400;\n      --simple-colors-fixed-theme-accent-12: #182400;\n    }\n\n    :host([dark][accent-color=\"lime\"]),\n    :host([dark]) [accent-color=\"lime\"],\n    :host([accent-color=\"lime\"]) [dark],\n    :host [dark][accent-color=\"lime\"] {\n      --simple-colors-default-theme-accent-1: #182400;\n      --simple-colors-default-theme-accent-2: #223400;\n      --simple-colors-default-theme-accent-3: #293f00;\n      --simple-colors-default-theme-accent-4: #3b5a00;\n      --simple-colors-default-theme-accent-5: #4d7600;\n      --simple-colors-default-theme-accent-6: #649900;\n      --simple-colors-default-theme-accent-7: #aeff00;\n      --simple-colors-default-theme-accent-8: #bdff2d;\n      --simple-colors-default-theme-accent-9: #caff58;\n      --simple-colors-default-theme-accent-10: #d4ff77;\n      --simple-colors-default-theme-accent-11: #dfff9b;\n      --simple-colors-default-theme-accent-12: #f1ffd2;\n    }\n\n    :host([accent-color=\"yellow\"]),\n    :host [accent-color=\"yellow\"] {\n      --simple-colors-default-theme-accent-1: #ffffd5;\n      --simple-colors-default-theme-accent-2: #ffffac;\n      --simple-colors-default-theme-accent-3: #ffff90;\n      --simple-colors-default-theme-accent-4: #ffff7c;\n      --simple-colors-default-theme-accent-5: #ffff3a;\n      --simple-colors-default-theme-accent-6: #f6f600;\n      --simple-colors-default-theme-accent-7: #929100;\n      --simple-colors-default-theme-accent-8: #787700;\n      --simple-colors-default-theme-accent-9: #585700;\n      --simple-colors-default-theme-accent-10: #454400;\n      --simple-colors-default-theme-accent-11: #303000;\n      --simple-colors-default-theme-accent-12: #242400;\n      --simple-colors-fixed-theme-accent-1: #ffffd5;\n      --simple-colors-fixed-theme-accent-2: #ffffac;\n      --simple-colors-fixed-theme-accent-3: #ffff90;\n      --simple-colors-fixed-theme-accent-4: #ffff7c;\n      --simple-colors-fixed-theme-accent-5: #ffff3a;\n      --simple-colors-fixed-theme-accent-6: #f6f600;\n      --simple-colors-fixed-theme-accent-7: #929100;\n      --simple-colors-fixed-theme-accent-8: #787700;\n      --simple-colors-fixed-theme-accent-9: #585700;\n      --simple-colors-fixed-theme-accent-10: #454400;\n      --simple-colors-fixed-theme-accent-11: #303000;\n      --simple-colors-fixed-theme-accent-12: #242400;\n    }\n\n    :host([dark][accent-color=\"yellow\"]),\n    :host([dark]) [accent-color=\"yellow\"],\n    :host([accent-color=\"yellow\"]) [dark],\n    :host [dark][accent-color=\"yellow\"] {\n      --simple-colors-default-theme-accent-1: #242400;\n      --simple-colors-default-theme-accent-2: #303000;\n      --simple-colors-default-theme-accent-3: #454400;\n      --simple-colors-default-theme-accent-4: #585700;\n      --simple-colors-default-theme-accent-5: #787700;\n      --simple-colors-default-theme-accent-6: #929100;\n      --simple-colors-default-theme-accent-7: #f6f600;\n      --simple-colors-default-theme-accent-8: #ffff3a;\n      --simple-colors-default-theme-accent-9: #ffff7c;\n      --simple-colors-default-theme-accent-10: #ffff90;\n      --simple-colors-default-theme-accent-11: #ffffac;\n      --simple-colors-default-theme-accent-12: #ffffd5;\n    }\n\n    :host([accent-color=\"amber\"]),\n    :host [accent-color=\"amber\"] {\n      --simple-colors-default-theme-accent-1: #fff2d4;\n      --simple-colors-default-theme-accent-2: #ffdf92;\n      --simple-colors-default-theme-accent-3: #ffd677;\n      --simple-colors-default-theme-accent-4: #ffcf5e;\n      --simple-colors-default-theme-accent-5: #ffc235;\n      --simple-colors-default-theme-accent-6: #ffc500;\n      --simple-colors-default-theme-accent-7: #b28900;\n      --simple-colors-default-theme-accent-8: #876800;\n      --simple-colors-default-theme-accent-9: #614b00;\n      --simple-colors-default-theme-accent-10: #413200;\n      --simple-colors-default-theme-accent-11: #302500;\n      --simple-colors-default-theme-accent-12: #221a00;\n      --simple-colors-fixed-theme-accent-1: #fff2d4;\n      --simple-colors-fixed-theme-accent-2: #ffdf92;\n      --simple-colors-fixed-theme-accent-3: #ffd677;\n      --simple-colors-fixed-theme-accent-4: #ffcf5e;\n      --simple-colors-fixed-theme-accent-5: #ffc235;\n      --simple-colors-fixed-theme-accent-6: #ffc500;\n      --simple-colors-fixed-theme-accent-7: #b28900;\n      --simple-colors-fixed-theme-accent-8: #876800;\n      --simple-colors-fixed-theme-accent-9: #614b00;\n      --simple-colors-fixed-theme-accent-10: #413200;\n      --simple-colors-fixed-theme-accent-11: #302500;\n      --simple-colors-fixed-theme-accent-12: #221a00;\n    }\n\n    :host([dark][accent-color=\"amber\"]),\n    :host([dark]) [accent-color=\"amber\"],\n    :host([accent-color=\"amber\"]) [dark],\n    :host [dark][accent-color=\"amber\"] {\n      --simple-colors-default-theme-accent-1: #221a00;\n      --simple-colors-default-theme-accent-2: #302500;\n      --simple-colors-default-theme-accent-3: #413200;\n      --simple-colors-default-theme-accent-4: #614b00;\n      --simple-colors-default-theme-accent-5: #876800;\n      --simple-colors-default-theme-accent-6: #b28900;\n      --simple-colors-default-theme-accent-7: #ffc500;\n      --simple-colors-default-theme-accent-8: #ffc235;\n      --simple-colors-default-theme-accent-9: #ffcf5e;\n      --simple-colors-default-theme-accent-10: #ffd677;\n      --simple-colors-default-theme-accent-11: #ffdf92;\n      --simple-colors-default-theme-accent-12: #fff2d4;\n    }\n\n    :host([accent-color=\"orange\"]),\n    :host [accent-color=\"orange\"] {\n      --simple-colors-default-theme-accent-1: #ffebd7;\n      --simple-colors-default-theme-accent-2: #ffca92;\n      --simple-colors-default-theme-accent-3: #ffbd75;\n      --simple-colors-default-theme-accent-4: #ffb05c;\n      --simple-colors-default-theme-accent-5: #ff9e36;\n      --simple-colors-default-theme-accent-6: #ff9625;\n      --simple-colors-default-theme-accent-7: #e56a00;\n      --simple-colors-default-theme-accent-8: #ae5100;\n      --simple-colors-default-theme-accent-9: #833d00;\n      --simple-colors-default-theme-accent-10: #612d00;\n      --simple-colors-default-theme-accent-11: #3d1c00;\n      --simple-colors-default-theme-accent-12: #2c1400;\n      --simple-colors-fixed-theme-accent-1: #ffebd7;\n      --simple-colors-fixed-theme-accent-2: #ffca92;\n      --simple-colors-fixed-theme-accent-3: #ffbd75;\n      --simple-colors-fixed-theme-accent-4: #ffb05c;\n      --simple-colors-fixed-theme-accent-5: #ff9e36;\n      --simple-colors-fixed-theme-accent-6: #ff9625;\n      --simple-colors-fixed-theme-accent-7: #e56a00;\n      --simple-colors-fixed-theme-accent-8: #ae5100;\n      --simple-colors-fixed-theme-accent-9: #833d00;\n      --simple-colors-fixed-theme-accent-10: #612d00;\n      --simple-colors-fixed-theme-accent-11: #3d1c00;\n      --simple-colors-fixed-theme-accent-12: #2c1400;\n    }\n\n    :host([dark][accent-color=\"orange\"]),\n    :host([dark]) [accent-color=\"orange\"],\n    :host([accent-color=\"orange\"]) [dark],\n    :host [dark][accent-color=\"orange\"] {\n      --simple-colors-default-theme-accent-1: #2c1400;\n      --simple-colors-default-theme-accent-2: #3d1c00;\n      --simple-colors-default-theme-accent-3: #612d00;\n      --simple-colors-default-theme-accent-4: #833d00;\n      --simple-colors-default-theme-accent-5: #ae5100;\n      --simple-colors-default-theme-accent-6: #e56a00;\n      --simple-colors-default-theme-accent-7: #ff9625;\n      --simple-colors-default-theme-accent-8: #ff9e36;\n      --simple-colors-default-theme-accent-9: #ffb05c;\n      --simple-colors-default-theme-accent-10: #ffbd75;\n      --simple-colors-default-theme-accent-11: #ffca92;\n      --simple-colors-default-theme-accent-12: #ffebd7;\n    }\n\n    :host([accent-color=\"deep-orange\"]),\n    :host [accent-color=\"deep-orange\"] {\n      --simple-colors-default-theme-accent-1: #ffe7e0;\n      --simple-colors-default-theme-accent-2: #ffb299;\n      --simple-colors-default-theme-accent-3: #ffa588;\n      --simple-colors-default-theme-accent-4: #ff8a64;\n      --simple-colors-default-theme-accent-5: #ff7649;\n      --simple-colors-default-theme-accent-6: #ff6c3c;\n      --simple-colors-default-theme-accent-7: #f53100;\n      --simple-colors-default-theme-accent-8: #b92500;\n      --simple-colors-default-theme-accent-9: #8a1c00;\n      --simple-colors-default-theme-accent-10: #561100;\n      --simple-colors-default-theme-accent-11: #3a0c00;\n      --simple-colors-default-theme-accent-12: #240700;\n      --simple-colors-fixed-theme-accent-1: #ffe7e0;\n      --simple-colors-fixed-theme-accent-2: #ffb299;\n      --simple-colors-fixed-theme-accent-3: #ffa588;\n      --simple-colors-fixed-theme-accent-4: #ff8a64;\n      --simple-colors-fixed-theme-accent-5: #ff7649;\n      --simple-colors-fixed-theme-accent-6: #ff6c3c;\n      --simple-colors-fixed-theme-accent-7: #f53100;\n      --simple-colors-fixed-theme-accent-8: #b92500;\n      --simple-colors-fixed-theme-accent-9: #8a1c00;\n      --simple-colors-fixed-theme-accent-10: #561100;\n      --simple-colors-fixed-theme-accent-11: #3a0c00;\n      --simple-colors-fixed-theme-accent-12: #240700;\n    }\n\n    :host([dark][accent-color=\"deep-orange\"]),\n    :host([dark]) [accent-color=\"deep-orange\"],\n    :host([accent-color=\"deep-orange\"]) [dark],\n    :host [dark][accent-color=\"deep-orange\"] {\n      --simple-colors-default-theme-accent-1: #240700;\n      --simple-colors-default-theme-accent-2: #3a0c00;\n      --simple-colors-default-theme-accent-3: #561100;\n      --simple-colors-default-theme-accent-4: #8a1c00;\n      --simple-colors-default-theme-accent-5: #b92500;\n      --simple-colors-default-theme-accent-6: #f53100;\n      --simple-colors-default-theme-accent-7: #ff6c3c;\n      --simple-colors-default-theme-accent-8: #ff7649;\n      --simple-colors-default-theme-accent-9: #ff8a64;\n      --simple-colors-default-theme-accent-10: #ffa588;\n      --simple-colors-default-theme-accent-11: #ffb299;\n      --simple-colors-default-theme-accent-12: #ffe7e0;\n    }\n\n    :host([accent-color=\"brown\"]),\n    :host [accent-color=\"brown\"] {\n      --simple-colors-default-theme-accent-1: #f0e2de;\n      --simple-colors-default-theme-accent-2: #e5b8aa;\n      --simple-colors-default-theme-accent-3: #c59485;\n      --simple-colors-default-theme-accent-4: #b68373;\n      --simple-colors-default-theme-accent-5: #ac7868;\n      --simple-colors-default-theme-accent-6: #a47060;\n      --simple-colors-default-theme-accent-7: #85574a;\n      --simple-colors-default-theme-accent-8: #724539;\n      --simple-colors-default-theme-accent-9: #5b3328;\n      --simple-colors-default-theme-accent-10: #3b1e15;\n      --simple-colors-default-theme-accent-11: #2c140e;\n      --simple-colors-default-theme-accent-12: #200e09;\n      --simple-colors-fixed-theme-accent-1: #f0e2de;\n      --simple-colors-fixed-theme-accent-2: #e5b8aa;\n      --simple-colors-fixed-theme-accent-3: #c59485;\n      --simple-colors-fixed-theme-accent-4: #b68373;\n      --simple-colors-fixed-theme-accent-5: #ac7868;\n      --simple-colors-fixed-theme-accent-6: #a47060;\n      --simple-colors-fixed-theme-accent-7: #85574a;\n      --simple-colors-fixed-theme-accent-8: #724539;\n      --simple-colors-fixed-theme-accent-9: #5b3328;\n      --simple-colors-fixed-theme-accent-10: #3b1e15;\n      --simple-colors-fixed-theme-accent-11: #2c140e;\n      --simple-colors-fixed-theme-accent-12: #200e09;\n    }\n\n    :host([dark][accent-color=\"brown\"]),\n    :host([dark]) [accent-color=\"brown\"],\n    :host([accent-color=\"brown\"]) [dark],\n    :host [dark][accent-color=\"brown\"] {\n      --simple-colors-default-theme-accent-1: #200e09;\n      --simple-colors-default-theme-accent-2: #2c140e;\n      --simple-colors-default-theme-accent-3: #3b1e15;\n      --simple-colors-default-theme-accent-4: #5b3328;\n      --simple-colors-default-theme-accent-5: #724539;\n      --simple-colors-default-theme-accent-6: #85574a;\n      --simple-colors-default-theme-accent-7: #a47060;\n      --simple-colors-default-theme-accent-8: #ac7868;\n      --simple-colors-default-theme-accent-9: #b68373;\n      --simple-colors-default-theme-accent-10: #c59485;\n      --simple-colors-default-theme-accent-11: #e5b8aa;\n      --simple-colors-default-theme-accent-12: #f0e2de;\n    }\n\n    :host([accent-color=\"blue-grey\"]),\n    :host [accent-color=\"blue-grey\"] {\n      --simple-colors-default-theme-accent-1: #e7eff1;\n      --simple-colors-default-theme-accent-2: #b1c5ce;\n      --simple-colors-default-theme-accent-3: #9badb6;\n      --simple-colors-default-theme-accent-4: #8d9fa7;\n      --simple-colors-default-theme-accent-5: #7a8f98;\n      --simple-colors-default-theme-accent-6: #718892;\n      --simple-colors-default-theme-accent-7: #56707c;\n      --simple-colors-default-theme-accent-8: #40535b;\n      --simple-colors-default-theme-accent-9: #2f3e45;\n      --simple-colors-default-theme-accent-10: #1e282c;\n      --simple-colors-default-theme-accent-11: #182023;\n      --simple-colors-default-theme-accent-12: #0f1518;\n      --simple-colors-fixed-theme-accent-1: #e7eff1;\n      --simple-colors-fixed-theme-accent-2: #b1c5ce;\n      --simple-colors-fixed-theme-accent-3: #9badb6;\n      --simple-colors-fixed-theme-accent-4: #8d9fa7;\n      --simple-colors-fixed-theme-accent-5: #7a8f98;\n      --simple-colors-fixed-theme-accent-6: #718892;\n      --simple-colors-fixed-theme-accent-7: #56707c;\n      --simple-colors-fixed-theme-accent-8: #40535b;\n      --simple-colors-fixed-theme-accent-9: #2f3e45;\n      --simple-colors-fixed-theme-accent-10: #1e282c;\n      --simple-colors-fixed-theme-accent-11: #182023;\n      --simple-colors-fixed-theme-accent-12: #0f1518;\n    }\n\n    :host([dark][accent-color=\"blue-grey\"]),\n    :host([dark]) [accent-color=\"blue-grey\"],\n    :host([accent-color=\"blue-grey\"]) [dark],\n    :host [dark][accent-color=\"blue-grey\"] {\n      --simple-colors-default-theme-accent-1: #0f1518;\n      --simple-colors-default-theme-accent-2: #182023;\n      --simple-colors-default-theme-accent-3: #1e282c;\n      --simple-colors-default-theme-accent-4: #2f3e45;\n      --simple-colors-default-theme-accent-5: #40535b;\n      --simple-colors-default-theme-accent-6: #56707c;\n      --simple-colors-default-theme-accent-7: #718892;\n      --simple-colors-default-theme-accent-8: #7a8f98;\n      --simple-colors-default-theme-accent-9: #8d9fa7;\n      --simple-colors-default-theme-accent-10: #9badb6;\n      --simple-colors-default-theme-accent-11: #b1c5ce;\n      --simple-colors-default-theme-accent-12: #e7eff1;\n    }\n  </style>\n"])));
   _exports.css = css;
   StyleElement.appendChild(css);
   StyleElement.register("simple-colors-shared-styles-polymer");
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/simple-colors.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/simple-colors.js
index 368d65c7aff..ed0ca7f6192 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/simple-colors.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/simple-colors.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors-shared-styles/simple-
   });
   _exports.SimpleColorsSuper = _exports.SimpleColors = void 0;
 
-  var _templateObject_ae79aa601f0511ed8cc3e9a95995ad69, _templateObject2_ae79aa601f0511ed8cc3e9a95995ad69;
+  var _templateObject_88c651301f2611eda0c389891c227ec8, _templateObject2_88c651301f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -37,7 +37,7 @@ define(["exports", "../../lit/index.js", "../simple-colors-shared-styles/simple-
         key: "render",
         value: // render function
         function render() {
-          return (0, _index.html)(_templateObject_ae79aa601f0511ed8cc3e9a95995ad69 || (_templateObject_ae79aa601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot>"])));
+          return (0, _index.html)(_templateObject_88c651301f2611eda0c389891c227ec8 || (_templateObject_88c651301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot>"])));
         } // properties available to the custom element for data binding
 
       }, {
@@ -140,7 +140,7 @@ define(["exports", "../../lit/index.js", "../simple-colors-shared-styles/simple-
             styles = babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this);
           }
 
-          return [styles, _a11yUtils.screenreaderOnlyCSS, (0, _index.css)(_templateObject2_ae79aa601f0511ed8cc3e9a95995ad69 || (_templateObject2_ae79aa601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host([dark]) {\n            --simple-colors-default-theme-accent-1: #000000;\n            --simple-colors-default-theme-accent-2: #111111;\n            --simple-colors-default-theme-accent-3: #222222;\n            --simple-colors-default-theme-accent-4: #333333;\n            --simple-colors-default-theme-accent-5: #444444;\n            --simple-colors-default-theme-accent-6: #666666;\n            --simple-colors-default-theme-accent-7: #999999;\n            --simple-colors-default-theme-accent-8: #bbbbbb;\n            --simple-colors-default-theme-accent-9: #cccccc;\n            --simple-colors-default-theme-accent-10: #dddddd;\n            --simple-colors-default-theme-accent-11: #eeeeee;\n            --simple-colors-default-theme-accent-12: #ffffff;\n\n            --simple-colors-default-theme-grey-1: #000000;\n            --simple-colors-default-theme-grey-2: #111111;\n            --simple-colors-default-theme-grey-3: #222222;\n            --simple-colors-default-theme-grey-4: #333333;\n            --simple-colors-default-theme-grey-5: #444444;\n            --simple-colors-default-theme-grey-6: #666666;\n            --simple-colors-default-theme-grey-7: #999999;\n            --simple-colors-default-theme-grey-8: #bbbbbb;\n            --simple-colors-default-theme-grey-9: #cccccc;\n            --simple-colors-default-theme-grey-10: #dddddd;\n            --simple-colors-default-theme-grey-11: #eeeeee;\n            --simple-colors-default-theme-grey-12: #ffffff;\n\n            --simple-colors-default-theme-red-1: #3f0000;\n            --simple-colors-default-theme-red-2: #520000;\n            --simple-colors-default-theme-red-3: #670000;\n            --simple-colors-default-theme-red-4: #850000;\n            --simple-colors-default-theme-red-5: #ac0000;\n            --simple-colors-default-theme-red-6: #ee0000;\n            --simple-colors-default-theme-red-7: #ff2222;\n            --simple-colors-default-theme-red-8: #fd5151;\n            --simple-colors-default-theme-red-9: #ff7474;\n            --simple-colors-default-theme-red-10: #ff8f8f;\n            --simple-colors-default-theme-red-11: #ffaeae;\n            --simple-colors-default-theme-red-12: #ffdddd;\n\n            --simple-colors-default-theme-pink-1: #440019;\n            --simple-colors-default-theme-pink-2: #5a0020;\n            --simple-colors-default-theme-pink-3: #78002b;\n            --simple-colors-default-theme-pink-4: #980036;\n            --simple-colors-default-theme-pink-5: #b80042;\n            --simple-colors-default-theme-pink-6: #da004e;\n            --simple-colors-default-theme-pink-7: #ff3996;\n            --simple-colors-default-theme-pink-8: #fd60aa;\n            --simple-colors-default-theme-pink-9: #ff73b5;\n            --simple-colors-default-theme-pink-10: #ff87c0;\n            --simple-colors-default-theme-pink-11: #ffa5cf;\n            --simple-colors-default-theme-pink-12: #ffe6f1;\n\n            --simple-colors-default-theme-purple-1: #200025;\n            --simple-colors-default-theme-purple-2: #33003a;\n            --simple-colors-default-theme-purple-3: #490052;\n            --simple-colors-default-theme-purple-4: #6c0079;\n            --simple-colors-default-theme-purple-5: #8a009b;\n            --simple-colors-default-theme-purple-6: #a500ba;\n            --simple-colors-default-theme-purple-7: #e200ff;\n            --simple-colors-default-theme-purple-8: #ed61ff;\n            --simple-colors-default-theme-purple-9: #f07cff;\n            --simple-colors-default-theme-purple-10: #f394ff;\n            --simple-colors-default-theme-purple-11: #f4affd;\n            --simple-colors-default-theme-purple-12: #fce6ff;\n\n            --simple-colors-default-theme-deep-purple-1: #1d0033;\n            --simple-colors-default-theme-deep-purple-2: #2a0049;\n            --simple-colors-default-theme-deep-purple-3: #3a0063;\n            --simple-colors-default-theme-deep-purple-4: #4c0081;\n            --simple-colors-default-theme-deep-purple-5: #5d009f;\n            --simple-colors-default-theme-deep-purple-6: #7e00d8;\n            --simple-colors-default-theme-deep-purple-7: #a931ff;\n            --simple-colors-default-theme-deep-purple-8: #b44aff;\n            --simple-colors-default-theme-deep-purple-9: #bb63f9;\n            --simple-colors-default-theme-deep-purple-10: #c97eff;\n            --simple-colors-default-theme-deep-purple-11: #ddacff;\n            --simple-colors-default-theme-deep-purple-12: #f3e4ff;\n\n            --simple-colors-default-theme-indigo-1: #0a0030;\n            --simple-colors-default-theme-indigo-2: #100049;\n            --simple-colors-default-theme-indigo-3: #160063;\n            --simple-colors-default-theme-indigo-4: #20008c;\n            --simple-colors-default-theme-indigo-5: #2801b0;\n            --simple-colors-default-theme-indigo-6: #3a00ff;\n            --simple-colors-default-theme-indigo-7: #835fff;\n            --simple-colors-default-theme-indigo-8: #9373ff;\n            --simple-colors-default-theme-indigo-9: #9e82ff;\n            --simple-colors-default-theme-indigo-10: #af97ff;\n            --simple-colors-default-theme-indigo-11: #c3b2ff;\n            --simple-colors-default-theme-indigo-12: #e5ddff;\n\n            --simple-colors-default-theme-blue-1: #001333;\n            --simple-colors-default-theme-blue-2: #001947;\n            --simple-colors-default-theme-blue-3: #002569;\n            --simple-colors-default-theme-blue-4: #003494;\n            --simple-colors-default-theme-blue-5: #0041bb;\n            --simple-colors-default-theme-blue-6: #0059ff;\n            --simple-colors-default-theme-blue-7: #4083ff;\n            --simple-colors-default-theme-blue-8: #5892fd;\n            --simple-colors-default-theme-blue-9: #74a5ff;\n            --simple-colors-default-theme-blue-10: #95baff;\n            --simple-colors-default-theme-blue-11: #acc9ff;\n            --simple-colors-default-theme-blue-12: #e2ecff;\n\n            --simple-colors-default-theme-light-blue-1: #001b36;\n            --simple-colors-default-theme-light-blue-2: #002850;\n            --simple-colors-default-theme-light-blue-3: #003f7d;\n            --simple-colors-default-theme-light-blue-4: #0055a8;\n            --simple-colors-default-theme-light-blue-5: #0066ca;\n            --simple-colors-default-theme-light-blue-6: #007ffc;\n            --simple-colors-default-theme-light-blue-7: #41a1ff;\n            --simple-colors-default-theme-light-blue-8: #58adff;\n            --simple-colors-default-theme-light-blue-9: #65b3ff;\n            --simple-colors-default-theme-light-blue-10: #92c9ff;\n            --simple-colors-default-theme-light-blue-11: #a1d1ff;\n            --simple-colors-default-theme-light-blue-12: #cde8ff;\n\n            --simple-colors-default-theme-cyan-1: #001a20;\n            --simple-colors-default-theme-cyan-2: #002c38;\n            --simple-colors-default-theme-cyan-3: #003f50;\n            --simple-colors-default-theme-cyan-4: #005970;\n            --simple-colors-default-theme-cyan-5: #007999;\n            --simple-colors-default-theme-cyan-6: #009dc7;\n            --simple-colors-default-theme-cyan-7: #00c9ff;\n            --simple-colors-default-theme-cyan-8: #1ccfff;\n            --simple-colors-default-theme-cyan-9: #33d4ff;\n            --simple-colors-default-theme-cyan-10: #77e2ff;\n            --simple-colors-default-theme-cyan-11: #9beaff;\n            --simple-colors-default-theme-cyan-12: #ddf8ff;\n\n            --simple-colors-default-theme-teal-1: #001b14;\n            --simple-colors-default-theme-teal-2: #002a20;\n            --simple-colors-default-theme-teal-3: #003829;\n            --simple-colors-default-theme-teal-4: #004e3a;\n            --simple-colors-default-theme-teal-5: #007658;\n            --simple-colors-default-theme-teal-6: #009d75;\n            --simple-colors-default-theme-teal-7: #00ff9c;\n            --simple-colors-default-theme-teal-8: #29ffac;\n            --simple-colors-default-theme-teal-9: #56ffbd;\n            --simple-colors-default-theme-teal-10: #79ffcb;\n            --simple-colors-default-theme-teal-11: #98ffd7;\n            --simple-colors-default-theme-teal-12: #d9fff0;\n\n            --simple-colors-default-theme-green-1: #001d0c;\n            --simple-colors-default-theme-green-2: #002a11;\n            --simple-colors-default-theme-green-3: #003d18;\n            --simple-colors-default-theme-green-4: #005a23;\n            --simple-colors-default-theme-green-5: #00762e;\n            --simple-colors-default-theme-green-6: #008c37;\n            --simple-colors-default-theme-green-7: #00f961;\n            --simple-colors-default-theme-green-8: #24ff70;\n            --simple-colors-default-theme-green-9: #49ff88;\n            --simple-colors-default-theme-green-10: #79ffa7;\n            --simple-colors-default-theme-green-11: #acffc9;\n            --simple-colors-default-theme-green-12: #e1ffeb;\n\n            --simple-colors-default-theme-light-green-1: #0d2000;\n            --simple-colors-default-theme-light-green-2: #143000;\n            --simple-colors-default-theme-light-green-3: #1b3f00;\n            --simple-colors-default-theme-light-green-4: #296100;\n            --simple-colors-default-theme-light-green-5: #357f00;\n            --simple-colors-default-theme-light-green-6: #429d00;\n            --simple-colors-default-theme-light-green-7: #6fff00;\n            --simple-colors-default-theme-light-green-8: #8efd38;\n            --simple-colors-default-theme-light-green-9: #a1fd5a;\n            --simple-colors-default-theme-light-green-10: #b1ff75;\n            --simple-colors-default-theme-light-green-11: #c7ff9b;\n            --simple-colors-default-theme-light-green-12: #ebffdb;\n\n            --simple-colors-default-theme-lime-1: #182400;\n            --simple-colors-default-theme-lime-2: #223400;\n            --simple-colors-default-theme-lime-3: #293f00;\n            --simple-colors-default-theme-lime-4: #3b5a00;\n            --simple-colors-default-theme-lime-5: #4d7600;\n            --simple-colors-default-theme-lime-6: #649900;\n            --simple-colors-default-theme-lime-7: #aeff00;\n            --simple-colors-default-theme-lime-8: #bdff2d;\n            --simple-colors-default-theme-lime-9: #caff58;\n            --simple-colors-default-theme-lime-10: #d4ff77;\n            --simple-colors-default-theme-lime-11: #dfff9b;\n            --simple-colors-default-theme-lime-12: #f1ffd2;\n\n            --simple-colors-default-theme-yellow-1: #242400;\n            --simple-colors-default-theme-yellow-2: #303000;\n            --simple-colors-default-theme-yellow-3: #454400;\n            --simple-colors-default-theme-yellow-4: #585700;\n            --simple-colors-default-theme-yellow-5: #787700;\n            --simple-colors-default-theme-yellow-6: #929100;\n            --simple-colors-default-theme-yellow-7: #f6f600;\n            --simple-colors-default-theme-yellow-8: #ffff3a;\n            --simple-colors-default-theme-yellow-9: #ffff7c;\n            --simple-colors-default-theme-yellow-10: #ffff90;\n            --simple-colors-default-theme-yellow-11: #ffffac;\n            --simple-colors-default-theme-yellow-12: #ffffd5;\n\n            --simple-colors-default-theme-amber-1: #221a00;\n            --simple-colors-default-theme-amber-2: #302500;\n            --simple-colors-default-theme-amber-3: #413200;\n            --simple-colors-default-theme-amber-4: #614b00;\n            --simple-colors-default-theme-amber-5: #876800;\n            --simple-colors-default-theme-amber-6: #b28900;\n            --simple-colors-default-theme-amber-7: #ffc500;\n            --simple-colors-default-theme-amber-8: #ffc235;\n            --simple-colors-default-theme-amber-9: #ffcf5e;\n            --simple-colors-default-theme-amber-10: #ffd677;\n            --simple-colors-default-theme-amber-11: #ffdf92;\n            --simple-colors-default-theme-amber-12: #fff2d4;\n\n            --simple-colors-default-theme-orange-1: #2c1400;\n            --simple-colors-default-theme-orange-2: #3d1c00;\n            --simple-colors-default-theme-orange-3: #612d00;\n            --simple-colors-default-theme-orange-4: #833d00;\n            --simple-colors-default-theme-orange-5: #ae5100;\n            --simple-colors-default-theme-orange-6: #e56a00;\n            --simple-colors-default-theme-orange-7: #ff9625;\n            --simple-colors-default-theme-orange-8: #ff9e36;\n            --simple-colors-default-theme-orange-9: #ffb05c;\n            --simple-colors-default-theme-orange-10: #ffbd75;\n            --simple-colors-default-theme-orange-11: #ffca92;\n            --simple-colors-default-theme-orange-12: #ffebd7;\n\n            --simple-colors-default-theme-deep-orange-1: #240700;\n            --simple-colors-default-theme-deep-orange-2: #3a0c00;\n            --simple-colors-default-theme-deep-orange-3: #561100;\n            --simple-colors-default-theme-deep-orange-4: #8a1c00;\n            --simple-colors-default-theme-deep-orange-5: #b92500;\n            --simple-colors-default-theme-deep-orange-6: #f53100;\n            --simple-colors-default-theme-deep-orange-7: #ff6c3c;\n            --simple-colors-default-theme-deep-orange-8: #ff7649;\n            --simple-colors-default-theme-deep-orange-9: #ff8a64;\n            --simple-colors-default-theme-deep-orange-10: #ffa588;\n            --simple-colors-default-theme-deep-orange-11: #ffb299;\n            --simple-colors-default-theme-deep-orange-12: #ffe7e0;\n\n            --simple-colors-default-theme-brown-1: #200e09;\n            --simple-colors-default-theme-brown-2: #2c140e;\n            --simple-colors-default-theme-brown-3: #3b1e15;\n            --simple-colors-default-theme-brown-4: #5b3328;\n            --simple-colors-default-theme-brown-5: #724539;\n            --simple-colors-default-theme-brown-6: #85574a;\n            --simple-colors-default-theme-brown-7: #a47060;\n            --simple-colors-default-theme-brown-8: #ac7868;\n            --simple-colors-default-theme-brown-9: #b68373;\n            --simple-colors-default-theme-brown-10: #c59485;\n            --simple-colors-default-theme-brown-11: #e5b8aa;\n            --simple-colors-default-theme-brown-12: #f0e2de;\n\n            --simple-colors-default-theme-blue-grey-1: #0f1518;\n            --simple-colors-default-theme-blue-grey-2: #182023;\n            --simple-colors-default-theme-blue-grey-3: #1e282c;\n            --simple-colors-default-theme-blue-grey-4: #2f3e45;\n            --simple-colors-default-theme-blue-grey-5: #40535b;\n            --simple-colors-default-theme-blue-grey-6: #56707c;\n            --simple-colors-default-theme-blue-grey-7: #718892;\n            --simple-colors-default-theme-blue-grey-8: #7a8f98;\n            --simple-colors-default-theme-blue-grey-9: #8d9fa7;\n            --simple-colors-default-theme-blue-grey-10: #9badb6;\n            --simple-colors-default-theme-blue-grey-11: #b1c5ce;\n            --simple-colors-default-theme-blue-grey-12: #e7eff1;\n          }\n\n          :host {\n            accent-color: var(--simple-colors-default-theme-accent-7);\n          }\n\n          :host([accent-color=\"grey\"]) {\n            --simple-colors-default-theme-accent-1: #ffffff;\n            --simple-colors-default-theme-accent-2: #eeeeee;\n            --simple-colors-default-theme-accent-3: #dddddd;\n            --simple-colors-default-theme-accent-4: #cccccc;\n            --simple-colors-default-theme-accent-5: #bbbbbb;\n            --simple-colors-default-theme-accent-6: #999999;\n            --simple-colors-default-theme-accent-7: #666666;\n            --simple-colors-default-theme-accent-8: #444444;\n            --simple-colors-default-theme-accent-9: #333333;\n            --simple-colors-default-theme-accent-10: #222222;\n            --simple-colors-default-theme-accent-11: #111111;\n            --simple-colors-default-theme-accent-12: #000000;\n            --simple-colors-fixed-theme-accent-1: #ffffff;\n            --simple-colors-fixed-theme-accent-2: #eeeeee;\n            --simple-colors-fixed-theme-accent-3: #dddddd;\n            --simple-colors-fixed-theme-accent-4: #cccccc;\n            --simple-colors-fixed-theme-accent-5: #bbbbbb;\n            --simple-colors-fixed-theme-accent-6: #999999;\n            --simple-colors-fixed-theme-accent-7: #666666;\n            --simple-colors-fixed-theme-accent-8: #444444;\n            --simple-colors-fixed-theme-accent-9: #333333;\n            --simple-colors-fixed-theme-accent-10: #222222;\n            --simple-colors-fixed-theme-accent-11: #111111;\n            --simple-colors-fixed-theme-accent-12: #000000;\n          }\n\n          :host([dark][accent-color=\"grey\"]) {\n            --simple-colors-default-theme-accent-1: #000000;\n            --simple-colors-default-theme-accent-2: #111111;\n            --simple-colors-default-theme-accent-3: #222222;\n            --simple-colors-default-theme-accent-4: #333333;\n            --simple-colors-default-theme-accent-5: #444444;\n            --simple-colors-default-theme-accent-6: #666666;\n            --simple-colors-default-theme-accent-7: #999999;\n            --simple-colors-default-theme-accent-8: #bbbbbb;\n            --simple-colors-default-theme-accent-9: #cccccc;\n            --simple-colors-default-theme-accent-10: #dddddd;\n            --simple-colors-default-theme-accent-11: #eeeeee;\n            --simple-colors-default-theme-accent-12: #ffffff;\n          }\n\n          :host([accent-color=\"red\"]) {\n            --simple-colors-default-theme-accent-1: #ffdddd;\n            --simple-colors-default-theme-accent-2: #ffaeae;\n            --simple-colors-default-theme-accent-3: #ff8f8f;\n            --simple-colors-default-theme-accent-4: #ff7474;\n            --simple-colors-default-theme-accent-5: #fd5151;\n            --simple-colors-default-theme-accent-6: #ff2222;\n            --simple-colors-default-theme-accent-7: #ee0000;\n            --simple-colors-default-theme-accent-8: #ac0000;\n            --simple-colors-default-theme-accent-9: #850000;\n            --simple-colors-default-theme-accent-10: #670000;\n            --simple-colors-default-theme-accent-11: #520000;\n            --simple-colors-default-theme-accent-12: #3f0000;\n            --simple-colors-fixed-theme-accent-1: #ffdddd;\n            --simple-colors-fixed-theme-accent-2: #ffaeae;\n            --simple-colors-fixed-theme-accent-3: #ff8f8f;\n            --simple-colors-fixed-theme-accent-4: #ff7474;\n            --simple-colors-fixed-theme-accent-5: #fd5151;\n            --simple-colors-fixed-theme-accent-6: #ff2222;\n            --simple-colors-fixed-theme-accent-7: #ee0000;\n            --simple-colors-fixed-theme-accent-8: #ac0000;\n            --simple-colors-fixed-theme-accent-9: #850000;\n            --simple-colors-fixed-theme-accent-10: #670000;\n            --simple-colors-fixed-theme-accent-11: #520000;\n            --simple-colors-fixed-theme-accent-12: #3f0000;\n          }\n\n          :host([dark][accent-color=\"red\"]) {\n            --simple-colors-default-theme-accent-1: #3f0000;\n            --simple-colors-default-theme-accent-2: #520000;\n            --simple-colors-default-theme-accent-3: #670000;\n            --simple-colors-default-theme-accent-4: #850000;\n            --simple-colors-default-theme-accent-5: #ac0000;\n            --simple-colors-default-theme-accent-6: #ee0000;\n            --simple-colors-default-theme-accent-7: #ff2222;\n            --simple-colors-default-theme-accent-8: #fd5151;\n            --simple-colors-default-theme-accent-9: #ff7474;\n            --simple-colors-default-theme-accent-10: #ff8f8f;\n            --simple-colors-default-theme-accent-11: #ffaeae;\n            --simple-colors-default-theme-accent-12: #ffdddd;\n          }\n\n          :host([accent-color=\"pink\"]) {\n            --simple-colors-default-theme-accent-1: #ffe6f1;\n            --simple-colors-default-theme-accent-2: #ffa5cf;\n            --simple-colors-default-theme-accent-3: #ff87c0;\n            --simple-colors-default-theme-accent-4: #ff73b5;\n            --simple-colors-default-theme-accent-5: #fd60aa;\n            --simple-colors-default-theme-accent-6: #ff3996;\n            --simple-colors-default-theme-accent-7: #da004e;\n            --simple-colors-default-theme-accent-8: #b80042;\n            --simple-colors-default-theme-accent-9: #980036;\n            --simple-colors-default-theme-accent-10: #78002b;\n            --simple-colors-default-theme-accent-11: #5a0020;\n            --simple-colors-default-theme-accent-12: #440019;\n            --simple-colors-fixed-theme-accent-1: #ffe6f1;\n            --simple-colors-fixed-theme-accent-2: #ffa5cf;\n            --simple-colors-fixed-theme-accent-3: #ff87c0;\n            --simple-colors-fixed-theme-accent-4: #ff73b5;\n            --simple-colors-fixed-theme-accent-5: #fd60aa;\n            --simple-colors-fixed-theme-accent-6: #ff3996;\n            --simple-colors-fixed-theme-accent-7: #da004e;\n            --simple-colors-fixed-theme-accent-8: #b80042;\n            --simple-colors-fixed-theme-accent-9: #980036;\n            --simple-colors-fixed-theme-accent-10: #78002b;\n            --simple-colors-fixed-theme-accent-11: #5a0020;\n            --simple-colors-fixed-theme-accent-12: #440019;\n          }\n\n          :host([dark][accent-color=\"pink\"]) {\n            --simple-colors-default-theme-accent-1: #440019;\n            --simple-colors-default-theme-accent-2: #5a0020;\n            --simple-colors-default-theme-accent-3: #78002b;\n            --simple-colors-default-theme-accent-4: #980036;\n            --simple-colors-default-theme-accent-5: #b80042;\n            --simple-colors-default-theme-accent-6: #da004e;\n            --simple-colors-default-theme-accent-7: #ff3996;\n            --simple-colors-default-theme-accent-8: #fd60aa;\n            --simple-colors-default-theme-accent-9: #ff73b5;\n            --simple-colors-default-theme-accent-10: #ff87c0;\n            --simple-colors-default-theme-accent-11: #ffa5cf;\n            --simple-colors-default-theme-accent-12: #ffe6f1;\n          }\n\n          :host([accent-color=\"purple\"]) {\n            --simple-colors-default-theme-accent-1: #fce6ff;\n            --simple-colors-default-theme-accent-2: #f4affd;\n            --simple-colors-default-theme-accent-3: #f394ff;\n            --simple-colors-default-theme-accent-4: #f07cff;\n            --simple-colors-default-theme-accent-5: #ed61ff;\n            --simple-colors-default-theme-accent-6: #e200ff;\n            --simple-colors-default-theme-accent-7: #a500ba;\n            --simple-colors-default-theme-accent-8: #8a009b;\n            --simple-colors-default-theme-accent-9: #6c0079;\n            --simple-colors-default-theme-accent-10: #490052;\n            --simple-colors-default-theme-accent-11: #33003a;\n            --simple-colors-default-theme-accent-12: #200025;\n            --simple-colors-fixed-theme-accent-1: #fce6ff;\n            --simple-colors-fixed-theme-accent-2: #f4affd;\n            --simple-colors-fixed-theme-accent-3: #f394ff;\n            --simple-colors-fixed-theme-accent-4: #f07cff;\n            --simple-colors-fixed-theme-accent-5: #ed61ff;\n            --simple-colors-fixed-theme-accent-6: #e200ff;\n            --simple-colors-fixed-theme-accent-7: #a500ba;\n            --simple-colors-fixed-theme-accent-8: #8a009b;\n            --simple-colors-fixed-theme-accent-9: #6c0079;\n            --simple-colors-fixed-theme-accent-10: #490052;\n            --simple-colors-fixed-theme-accent-11: #33003a;\n            --simple-colors-fixed-theme-accent-12: #200025;\n          }\n\n          :host([dark][accent-color=\"purple\"]) {\n            --simple-colors-default-theme-accent-1: #200025;\n            --simple-colors-default-theme-accent-2: #33003a;\n            --simple-colors-default-theme-accent-3: #490052;\n            --simple-colors-default-theme-accent-4: #6c0079;\n            --simple-colors-default-theme-accent-5: #8a009b;\n            --simple-colors-default-theme-accent-6: #a500ba;\n            --simple-colors-default-theme-accent-7: #e200ff;\n            --simple-colors-default-theme-accent-8: #ed61ff;\n            --simple-colors-default-theme-accent-9: #f07cff;\n            --simple-colors-default-theme-accent-10: #f394ff;\n            --simple-colors-default-theme-accent-11: #f4affd;\n            --simple-colors-default-theme-accent-12: #fce6ff;\n          }\n\n          :host([accent-color=\"deep-purple\"]) {\n            --simple-colors-default-theme-accent-1: #f3e4ff;\n            --simple-colors-default-theme-accent-2: #ddacff;\n            --simple-colors-default-theme-accent-3: #c97eff;\n            --simple-colors-default-theme-accent-4: #bb63f9;\n            --simple-colors-default-theme-accent-5: #b44aff;\n            --simple-colors-default-theme-accent-6: #a931ff;\n            --simple-colors-default-theme-accent-7: #7e00d8;\n            --simple-colors-default-theme-accent-8: #5d009f;\n            --simple-colors-default-theme-accent-9: #4c0081;\n            --simple-colors-default-theme-accent-10: #3a0063;\n            --simple-colors-default-theme-accent-11: #2a0049;\n            --simple-colors-default-theme-accent-12: #1d0033;\n            --simple-colors-fixed-theme-accent-1: #f3e4ff;\n            --simple-colors-fixed-theme-accent-2: #ddacff;\n            --simple-colors-fixed-theme-accent-3: #c97eff;\n            --simple-colors-fixed-theme-accent-4: #bb63f9;\n            --simple-colors-fixed-theme-accent-5: #b44aff;\n            --simple-colors-fixed-theme-accent-6: #a931ff;\n            --simple-colors-fixed-theme-accent-7: #7e00d8;\n            --simple-colors-fixed-theme-accent-8: #5d009f;\n            --simple-colors-fixed-theme-accent-9: #4c0081;\n            --simple-colors-fixed-theme-accent-10: #3a0063;\n            --simple-colors-fixed-theme-accent-11: #2a0049;\n            --simple-colors-fixed-theme-accent-12: #1d0033;\n          }\n\n          :host([dark][accent-color=\"deep-purple\"]) {\n            --simple-colors-default-theme-accent-1: #1d0033;\n            --simple-colors-default-theme-accent-2: #2a0049;\n            --simple-colors-default-theme-accent-3: #3a0063;\n            --simple-colors-default-theme-accent-4: #4c0081;\n            --simple-colors-default-theme-accent-5: #5d009f;\n            --simple-colors-default-theme-accent-6: #7e00d8;\n            --simple-colors-default-theme-accent-7: #a931ff;\n            --simple-colors-default-theme-accent-8: #b44aff;\n            --simple-colors-default-theme-accent-9: #bb63f9;\n            --simple-colors-default-theme-accent-10: #c97eff;\n            --simple-colors-default-theme-accent-11: #ddacff;\n            --simple-colors-default-theme-accent-12: #f3e4ff;\n          }\n\n          :host([accent-color=\"indigo\"]) {\n            --simple-colors-default-theme-accent-1: #e5ddff;\n            --simple-colors-default-theme-accent-2: #c3b2ff;\n            --simple-colors-default-theme-accent-3: #af97ff;\n            --simple-colors-default-theme-accent-4: #9e82ff;\n            --simple-colors-default-theme-accent-5: #9373ff;\n            --simple-colors-default-theme-accent-6: #835fff;\n            --simple-colors-default-theme-accent-7: #3a00ff;\n            --simple-colors-default-theme-accent-8: #2801b0;\n            --simple-colors-default-theme-accent-9: #20008c;\n            --simple-colors-default-theme-accent-10: #160063;\n            --simple-colors-default-theme-accent-11: #100049;\n            --simple-colors-default-theme-accent-12: #0a0030;\n            --simple-colors-fixed-theme-accent-1: #e5ddff;\n            --simple-colors-fixed-theme-accent-2: #c3b2ff;\n            --simple-colors-fixed-theme-accent-3: #af97ff;\n            --simple-colors-fixed-theme-accent-4: #9e82ff;\n            --simple-colors-fixed-theme-accent-5: #9373ff;\n            --simple-colors-fixed-theme-accent-6: #835fff;\n            --simple-colors-fixed-theme-accent-7: #3a00ff;\n            --simple-colors-fixed-theme-accent-8: #2801b0;\n            --simple-colors-fixed-theme-accent-9: #20008c;\n            --simple-colors-fixed-theme-accent-10: #160063;\n            --simple-colors-fixed-theme-accent-11: #100049;\n            --simple-colors-fixed-theme-accent-12: #0a0030;\n          }\n\n          :host([dark][accent-color=\"indigo\"]) {\n            --simple-colors-default-theme-accent-1: #0a0030;\n            --simple-colors-default-theme-accent-2: #100049;\n            --simple-colors-default-theme-accent-3: #160063;\n            --simple-colors-default-theme-accent-4: #20008c;\n            --simple-colors-default-theme-accent-5: #2801b0;\n            --simple-colors-default-theme-accent-6: #3a00ff;\n            --simple-colors-default-theme-accent-7: #835fff;\n            --simple-colors-default-theme-accent-8: #9373ff;\n            --simple-colors-default-theme-accent-9: #9e82ff;\n            --simple-colors-default-theme-accent-10: #af97ff;\n            --simple-colors-default-theme-accent-11: #c3b2ff;\n            --simple-colors-default-theme-accent-12: #e5ddff;\n          }\n\n          :host([accent-color=\"blue\"]) {\n            --simple-colors-default-theme-accent-1: #e2ecff;\n            --simple-colors-default-theme-accent-2: #acc9ff;\n            --simple-colors-default-theme-accent-3: #95baff;\n            --simple-colors-default-theme-accent-4: #74a5ff;\n            --simple-colors-default-theme-accent-5: #5892fd;\n            --simple-colors-default-theme-accent-6: #4083ff;\n            --simple-colors-default-theme-accent-7: #0059ff;\n            --simple-colors-default-theme-accent-8: #0041bb;\n            --simple-colors-default-theme-accent-9: #003494;\n            --simple-colors-default-theme-accent-10: #002569;\n            --simple-colors-default-theme-accent-11: #001947;\n            --simple-colors-default-theme-accent-12: #001333;\n            --simple-colors-fixed-theme-accent-1: #e2ecff;\n            --simple-colors-fixed-theme-accent-2: #acc9ff;\n            --simple-colors-fixed-theme-accent-3: #95baff;\n            --simple-colors-fixed-theme-accent-4: #74a5ff;\n            --simple-colors-fixed-theme-accent-5: #5892fd;\n            --simple-colors-fixed-theme-accent-6: #4083ff;\n            --simple-colors-fixed-theme-accent-7: #0059ff;\n            --simple-colors-fixed-theme-accent-8: #0041bb;\n            --simple-colors-fixed-theme-accent-9: #003494;\n            --simple-colors-fixed-theme-accent-10: #002569;\n            --simple-colors-fixed-theme-accent-11: #001947;\n            --simple-colors-fixed-theme-accent-12: #001333;\n          }\n\n          :host([dark][accent-color=\"blue\"]) {\n            --simple-colors-default-theme-accent-1: #001333;\n            --simple-colors-default-theme-accent-2: #001947;\n            --simple-colors-default-theme-accent-3: #002569;\n            --simple-colors-default-theme-accent-4: #003494;\n            --simple-colors-default-theme-accent-5: #0041bb;\n            --simple-colors-default-theme-accent-6: #0059ff;\n            --simple-colors-default-theme-accent-7: #4083ff;\n            --simple-colors-default-theme-accent-8: #5892fd;\n            --simple-colors-default-theme-accent-9: #74a5ff;\n            --simple-colors-default-theme-accent-10: #95baff;\n            --simple-colors-default-theme-accent-11: #acc9ff;\n            --simple-colors-default-theme-accent-12: #e2ecff;\n          }\n\n          :host([accent-color=\"light-blue\"]) {\n            --simple-colors-default-theme-accent-1: #cde8ff;\n            --simple-colors-default-theme-accent-2: #a1d1ff;\n            --simple-colors-default-theme-accent-3: #92c9ff;\n            --simple-colors-default-theme-accent-4: #65b3ff;\n            --simple-colors-default-theme-accent-5: #58adff;\n            --simple-colors-default-theme-accent-6: #41a1ff;\n            --simple-colors-default-theme-accent-7: #007ffc;\n            --simple-colors-default-theme-accent-8: #0066ca;\n            --simple-colors-default-theme-accent-9: #0055a8;\n            --simple-colors-default-theme-accent-10: #003f7d;\n            --simple-colors-default-theme-accent-11: #002850;\n            --simple-colors-default-theme-accent-12: #001b36;\n            --simple-colors-fixed-theme-accent-1: #cde8ff;\n            --simple-colors-fixed-theme-accent-2: #a1d1ff;\n            --simple-colors-fixed-theme-accent-3: #92c9ff;\n            --simple-colors-fixed-theme-accent-4: #65b3ff;\n            --simple-colors-fixed-theme-accent-5: #58adff;\n            --simple-colors-fixed-theme-accent-6: #41a1ff;\n            --simple-colors-fixed-theme-accent-7: #007ffc;\n            --simple-colors-fixed-theme-accent-8: #0066ca;\n            --simple-colors-fixed-theme-accent-9: #0055a8;\n            --simple-colors-fixed-theme-accent-10: #003f7d;\n            --simple-colors-fixed-theme-accent-11: #002850;\n            --simple-colors-fixed-theme-accent-12: #001b36;\n          }\n\n          :host([dark][accent-color=\"light-blue\"]) {\n            --simple-colors-default-theme-accent-1: #001b36;\n            --simple-colors-default-theme-accent-2: #002850;\n            --simple-colors-default-theme-accent-3: #003f7d;\n            --simple-colors-default-theme-accent-4: #0055a8;\n            --simple-colors-default-theme-accent-5: #0066ca;\n            --simple-colors-default-theme-accent-6: #007ffc;\n            --simple-colors-default-theme-accent-7: #41a1ff;\n            --simple-colors-default-theme-accent-8: #58adff;\n            --simple-colors-default-theme-accent-9: #65b3ff;\n            --simple-colors-default-theme-accent-10: #92c9ff;\n            --simple-colors-default-theme-accent-11: #a1d1ff;\n            --simple-colors-default-theme-accent-12: #cde8ff;\n          }\n\n          :host([accent-color=\"cyan\"]) {\n            --simple-colors-default-theme-accent-1: #ddf8ff;\n            --simple-colors-default-theme-accent-2: #9beaff;\n            --simple-colors-default-theme-accent-3: #77e2ff;\n            --simple-colors-default-theme-accent-4: #33d4ff;\n            --simple-colors-default-theme-accent-5: #1ccfff;\n            --simple-colors-default-theme-accent-6: #00c9ff;\n            --simple-colors-default-theme-accent-7: #009dc7;\n            --simple-colors-default-theme-accent-8: #007999;\n            --simple-colors-default-theme-accent-9: #005970;\n            --simple-colors-default-theme-accent-10: #003f50;\n            --simple-colors-default-theme-accent-11: #002c38;\n            --simple-colors-default-theme-accent-12: #001a20;\n            --simple-colors-fixed-theme-accent-1: #ddf8ff;\n            --simple-colors-fixed-theme-accent-2: #9beaff;\n            --simple-colors-fixed-theme-accent-3: #77e2ff;\n            --simple-colors-fixed-theme-accent-4: #33d4ff;\n            --simple-colors-fixed-theme-accent-5: #1ccfff;\n            --simple-colors-fixed-theme-accent-6: #00c9ff;\n            --simple-colors-fixed-theme-accent-7: #009dc7;\n            --simple-colors-fixed-theme-accent-8: #007999;\n            --simple-colors-fixed-theme-accent-9: #005970;\n            --simple-colors-fixed-theme-accent-10: #003f50;\n            --simple-colors-fixed-theme-accent-11: #002c38;\n            --simple-colors-fixed-theme-accent-12: #001a20;\n          }\n\n          :host([dark][accent-color=\"cyan\"]) {\n            --simple-colors-default-theme-accent-1: #001a20;\n            --simple-colors-default-theme-accent-2: #002c38;\n            --simple-colors-default-theme-accent-3: #003f50;\n            --simple-colors-default-theme-accent-4: #005970;\n            --simple-colors-default-theme-accent-5: #007999;\n            --simple-colors-default-theme-accent-6: #009dc7;\n            --simple-colors-default-theme-accent-7: #00c9ff;\n            --simple-colors-default-theme-accent-8: #1ccfff;\n            --simple-colors-default-theme-accent-9: #33d4ff;\n            --simple-colors-default-theme-accent-10: #77e2ff;\n            --simple-colors-default-theme-accent-11: #9beaff;\n            --simple-colors-default-theme-accent-12: #ddf8ff;\n          }\n\n          :host([accent-color=\"teal\"]) {\n            --simple-colors-default-theme-accent-1: #d9fff0;\n            --simple-colors-default-theme-accent-2: #98ffd7;\n            --simple-colors-default-theme-accent-3: #79ffcb;\n            --simple-colors-default-theme-accent-4: #56ffbd;\n            --simple-colors-default-theme-accent-5: #29ffac;\n            --simple-colors-default-theme-accent-6: #00ff9c;\n            --simple-colors-default-theme-accent-7: #009d75;\n            --simple-colors-default-theme-accent-8: #007658;\n            --simple-colors-default-theme-accent-9: #004e3a;\n            --simple-colors-default-theme-accent-10: #003829;\n            --simple-colors-default-theme-accent-11: #002a20;\n            --simple-colors-default-theme-accent-12: #001b14;\n            --simple-colors-fixed-theme-accent-1: #d9fff0;\n            --simple-colors-fixed-theme-accent-2: #98ffd7;\n            --simple-colors-fixed-theme-accent-3: #79ffcb;\n            --simple-colors-fixed-theme-accent-4: #56ffbd;\n            --simple-colors-fixed-theme-accent-5: #29ffac;\n            --simple-colors-fixed-theme-accent-6: #00ff9c;\n            --simple-colors-fixed-theme-accent-7: #009d75;\n            --simple-colors-fixed-theme-accent-8: #007658;\n            --simple-colors-fixed-theme-accent-9: #004e3a;\n            --simple-colors-fixed-theme-accent-10: #003829;\n            --simple-colors-fixed-theme-accent-11: #002a20;\n            --simple-colors-fixed-theme-accent-12: #001b14;\n          }\n\n          :host([dark][accent-color=\"teal\"]) {\n            --simple-colors-default-theme-accent-1: #001b14;\n            --simple-colors-default-theme-accent-2: #002a20;\n            --simple-colors-default-theme-accent-3: #003829;\n            --simple-colors-default-theme-accent-4: #004e3a;\n            --simple-colors-default-theme-accent-5: #007658;\n            --simple-colors-default-theme-accent-6: #009d75;\n            --simple-colors-default-theme-accent-7: #00ff9c;\n            --simple-colors-default-theme-accent-8: #29ffac;\n            --simple-colors-default-theme-accent-9: #56ffbd;\n            --simple-colors-default-theme-accent-10: #79ffcb;\n            --simple-colors-default-theme-accent-11: #98ffd7;\n            --simple-colors-default-theme-accent-12: #d9fff0;\n          }\n\n          :host([accent-color=\"green\"]) {\n            --simple-colors-default-theme-accent-1: #e1ffeb;\n            --simple-colors-default-theme-accent-2: #acffc9;\n            --simple-colors-default-theme-accent-3: #79ffa7;\n            --simple-colors-default-theme-accent-4: #49ff88;\n            --simple-colors-default-theme-accent-5: #24ff70;\n            --simple-colors-default-theme-accent-6: #00f961;\n            --simple-colors-default-theme-accent-7: #008c37;\n            --simple-colors-default-theme-accent-8: #00762e;\n            --simple-colors-default-theme-accent-9: #005a23;\n            --simple-colors-default-theme-accent-10: #003d18;\n            --simple-colors-default-theme-accent-11: #002a11;\n            --simple-colors-default-theme-accent-12: #001d0c;\n            --simple-colors-fixed-theme-accent-1: #e1ffeb;\n            --simple-colors-fixed-theme-accent-2: #acffc9;\n            --simple-colors-fixed-theme-accent-3: #79ffa7;\n            --simple-colors-fixed-theme-accent-4: #49ff88;\n            --simple-colors-fixed-theme-accent-5: #24ff70;\n            --simple-colors-fixed-theme-accent-6: #00f961;\n            --simple-colors-fixed-theme-accent-7: #008c37;\n            --simple-colors-fixed-theme-accent-8: #00762e;\n            --simple-colors-fixed-theme-accent-9: #005a23;\n            --simple-colors-fixed-theme-accent-10: #003d18;\n            --simple-colors-fixed-theme-accent-11: #002a11;\n            --simple-colors-fixed-theme-accent-12: #001d0c;\n          }\n\n          :host([dark][accent-color=\"green\"]) {\n            --simple-colors-default-theme-accent-1: #001d0c;\n            --simple-colors-default-theme-accent-2: #002a11;\n            --simple-colors-default-theme-accent-3: #003d18;\n            --simple-colors-default-theme-accent-4: #005a23;\n            --simple-colors-default-theme-accent-5: #00762e;\n            --simple-colors-default-theme-accent-6: #008c37;\n            --simple-colors-default-theme-accent-7: #00f961;\n            --simple-colors-default-theme-accent-8: #24ff70;\n            --simple-colors-default-theme-accent-9: #49ff88;\n            --simple-colors-default-theme-accent-10: #79ffa7;\n            --simple-colors-default-theme-accent-11: #acffc9;\n            --simple-colors-default-theme-accent-12: #e1ffeb;\n          }\n\n          :host([accent-color=\"light-green\"]) {\n            --simple-colors-default-theme-accent-1: #ebffdb;\n            --simple-colors-default-theme-accent-2: #c7ff9b;\n            --simple-colors-default-theme-accent-3: #b1ff75;\n            --simple-colors-default-theme-accent-4: #a1fd5a;\n            --simple-colors-default-theme-accent-5: #8efd38;\n            --simple-colors-default-theme-accent-6: #6fff00;\n            --simple-colors-default-theme-accent-7: #429d00;\n            --simple-colors-default-theme-accent-8: #357f00;\n            --simple-colors-default-theme-accent-9: #296100;\n            --simple-colors-default-theme-accent-10: #1b3f00;\n            --simple-colors-default-theme-accent-11: #143000;\n            --simple-colors-default-theme-accent-12: #0d2000;\n            --simple-colors-fixed-theme-accent-1: #ebffdb;\n            --simple-colors-fixed-theme-accent-2: #c7ff9b;\n            --simple-colors-fixed-theme-accent-3: #b1ff75;\n            --simple-colors-fixed-theme-accent-4: #a1fd5a;\n            --simple-colors-fixed-theme-accent-5: #8efd38;\n            --simple-colors-fixed-theme-accent-6: #6fff00;\n            --simple-colors-fixed-theme-accent-7: #429d00;\n            --simple-colors-fixed-theme-accent-8: #357f00;\n            --simple-colors-fixed-theme-accent-9: #296100;\n            --simple-colors-fixed-theme-accent-10: #1b3f00;\n            --simple-colors-fixed-theme-accent-11: #143000;\n            --simple-colors-fixed-theme-accent-12: #0d2000;\n          }\n\n          :host([dark][accent-color=\"light-green\"]) {\n            --simple-colors-default-theme-accent-1: #0d2000;\n            --simple-colors-default-theme-accent-2: #143000;\n            --simple-colors-default-theme-accent-3: #1b3f00;\n            --simple-colors-default-theme-accent-4: #296100;\n            --simple-colors-default-theme-accent-5: #357f00;\n            --simple-colors-default-theme-accent-6: #429d00;\n            --simple-colors-default-theme-accent-7: #6fff00;\n            --simple-colors-default-theme-accent-8: #8efd38;\n            --simple-colors-default-theme-accent-9: #a1fd5a;\n            --simple-colors-default-theme-accent-10: #b1ff75;\n            --simple-colors-default-theme-accent-11: #c7ff9b;\n            --simple-colors-default-theme-accent-12: #ebffdb;\n          }\n\n          :host([accent-color=\"lime\"]) {\n            --simple-colors-default-theme-accent-1: #f1ffd2;\n            --simple-colors-default-theme-accent-2: #dfff9b;\n            --simple-colors-default-theme-accent-3: #d4ff77;\n            --simple-colors-default-theme-accent-4: #caff58;\n            --simple-colors-default-theme-accent-5: #bdff2d;\n            --simple-colors-default-theme-accent-6: #aeff00;\n            --simple-colors-default-theme-accent-7: #649900;\n            --simple-colors-default-theme-accent-8: #4d7600;\n            --simple-colors-default-theme-accent-9: #3b5a00;\n            --simple-colors-default-theme-accent-10: #293f00;\n            --simple-colors-default-theme-accent-11: #223400;\n            --simple-colors-default-theme-accent-12: #182400;\n            --simple-colors-fixed-theme-accent-1: #f1ffd2;\n            --simple-colors-fixed-theme-accent-2: #dfff9b;\n            --simple-colors-fixed-theme-accent-3: #d4ff77;\n            --simple-colors-fixed-theme-accent-4: #caff58;\n            --simple-colors-fixed-theme-accent-5: #bdff2d;\n            --simple-colors-fixed-theme-accent-6: #aeff00;\n            --simple-colors-fixed-theme-accent-7: #649900;\n            --simple-colors-fixed-theme-accent-8: #4d7600;\n            --simple-colors-fixed-theme-accent-9: #3b5a00;\n            --simple-colors-fixed-theme-accent-10: #293f00;\n            --simple-colors-fixed-theme-accent-11: #223400;\n            --simple-colors-fixed-theme-accent-12: #182400;\n          }\n\n          :host([dark][accent-color=\"lime\"]) {\n            --simple-colors-default-theme-accent-1: #182400;\n            --simple-colors-default-theme-accent-2: #223400;\n            --simple-colors-default-theme-accent-3: #293f00;\n            --simple-colors-default-theme-accent-4: #3b5a00;\n            --simple-colors-default-theme-accent-5: #4d7600;\n            --simple-colors-default-theme-accent-6: #649900;\n            --simple-colors-default-theme-accent-7: #aeff00;\n            --simple-colors-default-theme-accent-8: #bdff2d;\n            --simple-colors-default-theme-accent-9: #caff58;\n            --simple-colors-default-theme-accent-10: #d4ff77;\n            --simple-colors-default-theme-accent-11: #dfff9b;\n            --simple-colors-default-theme-accent-12: #f1ffd2;\n          }\n\n          :host([accent-color=\"yellow\"]) {\n            --simple-colors-default-theme-accent-1: #ffffd5;\n            --simple-colors-default-theme-accent-2: #ffffac;\n            --simple-colors-default-theme-accent-3: #ffff90;\n            --simple-colors-default-theme-accent-4: #ffff7c;\n            --simple-colors-default-theme-accent-5: #ffff3a;\n            --simple-colors-default-theme-accent-6: #f6f600;\n            --simple-colors-default-theme-accent-7: #929100;\n            --simple-colors-default-theme-accent-8: #787700;\n            --simple-colors-default-theme-accent-9: #585700;\n            --simple-colors-default-theme-accent-10: #454400;\n            --simple-colors-default-theme-accent-11: #303000;\n            --simple-colors-default-theme-accent-12: #242400;\n            --simple-colors-fixed-theme-accent-1: #ffffd5;\n            --simple-colors-fixed-theme-accent-2: #ffffac;\n            --simple-colors-fixed-theme-accent-3: #ffff90;\n            --simple-colors-fixed-theme-accent-4: #ffff7c;\n            --simple-colors-fixed-theme-accent-5: #ffff3a;\n            --simple-colors-fixed-theme-accent-6: #f6f600;\n            --simple-colors-fixed-theme-accent-7: #929100;\n            --simple-colors-fixed-theme-accent-8: #787700;\n            --simple-colors-fixed-theme-accent-9: #585700;\n            --simple-colors-fixed-theme-accent-10: #454400;\n            --simple-colors-fixed-theme-accent-11: #303000;\n            --simple-colors-fixed-theme-accent-12: #242400;\n          }\n\n          :host([dark][accent-color=\"yellow\"]) {\n            --simple-colors-default-theme-accent-1: #242400;\n            --simple-colors-default-theme-accent-2: #303000;\n            --simple-colors-default-theme-accent-3: #454400;\n            --simple-colors-default-theme-accent-4: #585700;\n            --simple-colors-default-theme-accent-5: #787700;\n            --simple-colors-default-theme-accent-6: #929100;\n            --simple-colors-default-theme-accent-7: #f6f600;\n            --simple-colors-default-theme-accent-8: #ffff3a;\n            --simple-colors-default-theme-accent-9: #ffff7c;\n            --simple-colors-default-theme-accent-10: #ffff90;\n            --simple-colors-default-theme-accent-11: #ffffac;\n            --simple-colors-default-theme-accent-12: #ffffd5;\n          }\n\n          :host([accent-color=\"amber\"]) {\n            --simple-colors-default-theme-accent-1: #fff2d4;\n            --simple-colors-default-theme-accent-2: #ffdf92;\n            --simple-colors-default-theme-accent-3: #ffd677;\n            --simple-colors-default-theme-accent-4: #ffcf5e;\n            --simple-colors-default-theme-accent-5: #ffc235;\n            --simple-colors-default-theme-accent-6: #ffc500;\n            --simple-colors-default-theme-accent-7: #b28900;\n            --simple-colors-default-theme-accent-8: #876800;\n            --simple-colors-default-theme-accent-9: #614b00;\n            --simple-colors-default-theme-accent-10: #413200;\n            --simple-colors-default-theme-accent-11: #302500;\n            --simple-colors-default-theme-accent-12: #221a00;\n            --simple-colors-fixed-theme-accent-1: #fff2d4;\n            --simple-colors-fixed-theme-accent-2: #ffdf92;\n            --simple-colors-fixed-theme-accent-3: #ffd677;\n            --simple-colors-fixed-theme-accent-4: #ffcf5e;\n            --simple-colors-fixed-theme-accent-5: #ffc235;\n            --simple-colors-fixed-theme-accent-6: #ffc500;\n            --simple-colors-fixed-theme-accent-7: #b28900;\n            --simple-colors-fixed-theme-accent-8: #876800;\n            --simple-colors-fixed-theme-accent-9: #614b00;\n            --simple-colors-fixed-theme-accent-10: #413200;\n            --simple-colors-fixed-theme-accent-11: #302500;\n            --simple-colors-fixed-theme-accent-12: #221a00;\n          }\n\n          :host([dark][accent-color=\"amber\"]) {\n            --simple-colors-default-theme-accent-1: #221a00;\n            --simple-colors-default-theme-accent-2: #302500;\n            --simple-colors-default-theme-accent-3: #413200;\n            --simple-colors-default-theme-accent-4: #614b00;\n            --simple-colors-default-theme-accent-5: #876800;\n            --simple-colors-default-theme-accent-6: #b28900;\n            --simple-colors-default-theme-accent-7: #ffc500;\n            --simple-colors-default-theme-accent-8: #ffc235;\n            --simple-colors-default-theme-accent-9: #ffcf5e;\n            --simple-colors-default-theme-accent-10: #ffd677;\n            --simple-colors-default-theme-accent-11: #ffdf92;\n            --simple-colors-default-theme-accent-12: #fff2d4;\n          }\n\n          :host([accent-color=\"orange\"]) {\n            --simple-colors-default-theme-accent-1: #ffebd7;\n            --simple-colors-default-theme-accent-2: #ffca92;\n            --simple-colors-default-theme-accent-3: #ffbd75;\n            --simple-colors-default-theme-accent-4: #ffb05c;\n            --simple-colors-default-theme-accent-5: #ff9e36;\n            --simple-colors-default-theme-accent-6: #ff9625;\n            --simple-colors-default-theme-accent-7: #e56a00;\n            --simple-colors-default-theme-accent-8: #ae5100;\n            --simple-colors-default-theme-accent-9: #833d00;\n            --simple-colors-default-theme-accent-10: #612d00;\n            --simple-colors-default-theme-accent-11: #3d1c00;\n            --simple-colors-default-theme-accent-12: #2c1400;\n            --simple-colors-fixed-theme-accent-1: #ffebd7;\n            --simple-colors-fixed-theme-accent-2: #ffca92;\n            --simple-colors-fixed-theme-accent-3: #ffbd75;\n            --simple-colors-fixed-theme-accent-4: #ffb05c;\n            --simple-colors-fixed-theme-accent-5: #ff9e36;\n            --simple-colors-fixed-theme-accent-6: #ff9625;\n            --simple-colors-fixed-theme-accent-7: #e56a00;\n            --simple-colors-fixed-theme-accent-8: #ae5100;\n            --simple-colors-fixed-theme-accent-9: #833d00;\n            --simple-colors-fixed-theme-accent-10: #612d00;\n            --simple-colors-fixed-theme-accent-11: #3d1c00;\n            --simple-colors-fixed-theme-accent-12: #2c1400;\n          }\n\n          :host([dark][accent-color=\"orange\"]) {\n            --simple-colors-default-theme-accent-1: #2c1400;\n            --simple-colors-default-theme-accent-2: #3d1c00;\n            --simple-colors-default-theme-accent-3: #612d00;\n            --simple-colors-default-theme-accent-4: #833d00;\n            --simple-colors-default-theme-accent-5: #ae5100;\n            --simple-colors-default-theme-accent-6: #e56a00;\n            --simple-colors-default-theme-accent-7: #ff9625;\n            --simple-colors-default-theme-accent-8: #ff9e36;\n            --simple-colors-default-theme-accent-9: #ffb05c;\n            --simple-colors-default-theme-accent-10: #ffbd75;\n            --simple-colors-default-theme-accent-11: #ffca92;\n            --simple-colors-default-theme-accent-12: #ffebd7;\n          }\n\n          :host([accent-color=\"deep-orange\"]) {\n            --simple-colors-default-theme-accent-1: #ffe7e0;\n            --simple-colors-default-theme-accent-2: #ffb299;\n            --simple-colors-default-theme-accent-3: #ffa588;\n            --simple-colors-default-theme-accent-4: #ff8a64;\n            --simple-colors-default-theme-accent-5: #ff7649;\n            --simple-colors-default-theme-accent-6: #ff6c3c;\n            --simple-colors-default-theme-accent-7: #f53100;\n            --simple-colors-default-theme-accent-8: #b92500;\n            --simple-colors-default-theme-accent-9: #8a1c00;\n            --simple-colors-default-theme-accent-10: #561100;\n            --simple-colors-default-theme-accent-11: #3a0c00;\n            --simple-colors-default-theme-accent-12: #240700;\n            --simple-colors-fixed-theme-accent-1: #ffe7e0;\n            --simple-colors-fixed-theme-accent-2: #ffb299;\n            --simple-colors-fixed-theme-accent-3: #ffa588;\n            --simple-colors-fixed-theme-accent-4: #ff8a64;\n            --simple-colors-fixed-theme-accent-5: #ff7649;\n            --simple-colors-fixed-theme-accent-6: #ff6c3c;\n            --simple-colors-fixed-theme-accent-7: #f53100;\n            --simple-colors-fixed-theme-accent-8: #b92500;\n            --simple-colors-fixed-theme-accent-9: #8a1c00;\n            --simple-colors-fixed-theme-accent-10: #561100;\n            --simple-colors-fixed-theme-accent-11: #3a0c00;\n            --simple-colors-fixed-theme-accent-12: #240700;\n          }\n\n          :host([dark][accent-color=\"deep-orange\"]) {\n            --simple-colors-default-theme-accent-1: #240700;\n            --simple-colors-default-theme-accent-2: #3a0c00;\n            --simple-colors-default-theme-accent-3: #561100;\n            --simple-colors-default-theme-accent-4: #8a1c00;\n            --simple-colors-default-theme-accent-5: #b92500;\n            --simple-colors-default-theme-accent-6: #f53100;\n            --simple-colors-default-theme-accent-7: #ff6c3c;\n            --simple-colors-default-theme-accent-8: #ff7649;\n            --simple-colors-default-theme-accent-9: #ff8a64;\n            --simple-colors-default-theme-accent-10: #ffa588;\n            --simple-colors-default-theme-accent-11: #ffb299;\n            --simple-colors-default-theme-accent-12: #ffe7e0;\n          }\n\n          :host([accent-color=\"brown\"]) {\n            --simple-colors-default-theme-accent-1: #f0e2de;\n            --simple-colors-default-theme-accent-2: #e5b8aa;\n            --simple-colors-default-theme-accent-3: #c59485;\n            --simple-colors-default-theme-accent-4: #b68373;\n            --simple-colors-default-theme-accent-5: #ac7868;\n            --simple-colors-default-theme-accent-6: #a47060;\n            --simple-colors-default-theme-accent-7: #85574a;\n            --simple-colors-default-theme-accent-8: #724539;\n            --simple-colors-default-theme-accent-9: #5b3328;\n            --simple-colors-default-theme-accent-10: #3b1e15;\n            --simple-colors-default-theme-accent-11: #2c140e;\n            --simple-colors-default-theme-accent-12: #200e09;\n            --simple-colors-fixed-theme-accent-1: #f0e2de;\n            --simple-colors-fixed-theme-accent-2: #e5b8aa;\n            --simple-colors-fixed-theme-accent-3: #c59485;\n            --simple-colors-fixed-theme-accent-4: #b68373;\n            --simple-colors-fixed-theme-accent-5: #ac7868;\n            --simple-colors-fixed-theme-accent-6: #a47060;\n            --simple-colors-fixed-theme-accent-7: #85574a;\n            --simple-colors-fixed-theme-accent-8: #724539;\n            --simple-colors-fixed-theme-accent-9: #5b3328;\n            --simple-colors-fixed-theme-accent-10: #3b1e15;\n            --simple-colors-fixed-theme-accent-11: #2c140e;\n            --simple-colors-fixed-theme-accent-12: #200e09;\n          }\n\n          :host([dark][accent-color=\"brown\"]) {\n            --simple-colors-default-theme-accent-1: #200e09;\n            --simple-colors-default-theme-accent-2: #2c140e;\n            --simple-colors-default-theme-accent-3: #3b1e15;\n            --simple-colors-default-theme-accent-4: #5b3328;\n            --simple-colors-default-theme-accent-5: #724539;\n            --simple-colors-default-theme-accent-6: #85574a;\n            --simple-colors-default-theme-accent-7: #a47060;\n            --simple-colors-default-theme-accent-8: #ac7868;\n            --simple-colors-default-theme-accent-9: #b68373;\n            --simple-colors-default-theme-accent-10: #c59485;\n            --simple-colors-default-theme-accent-11: #e5b8aa;\n            --simple-colors-default-theme-accent-12: #f0e2de;\n          }\n\n          :host([accent-color=\"blue-grey\"]) {\n            --simple-colors-default-theme-accent-1: #e7eff1;\n            --simple-colors-default-theme-accent-2: #b1c5ce;\n            --simple-colors-default-theme-accent-3: #9badb6;\n            --simple-colors-default-theme-accent-4: #8d9fa7;\n            --simple-colors-default-theme-accent-5: #7a8f98;\n            --simple-colors-default-theme-accent-6: #718892;\n            --simple-colors-default-theme-accent-7: #56707c;\n            --simple-colors-default-theme-accent-8: #40535b;\n            --simple-colors-default-theme-accent-9: #2f3e45;\n            --simple-colors-default-theme-accent-10: #1e282c;\n            --simple-colors-default-theme-accent-11: #182023;\n            --simple-colors-default-theme-accent-12: #0f1518;\n            --simple-colors-fixed-theme-accent-1: #e7eff1;\n            --simple-colors-fixed-theme-accent-2: #b1c5ce;\n            --simple-colors-fixed-theme-accent-3: #9badb6;\n            --simple-colors-fixed-theme-accent-4: #8d9fa7;\n            --simple-colors-fixed-theme-accent-5: #7a8f98;\n            --simple-colors-fixed-theme-accent-6: #718892;\n            --simple-colors-fixed-theme-accent-7: #56707c;\n            --simple-colors-fixed-theme-accent-8: #40535b;\n            --simple-colors-fixed-theme-accent-9: #2f3e45;\n            --simple-colors-fixed-theme-accent-10: #1e282c;\n            --simple-colors-fixed-theme-accent-11: #182023;\n            --simple-colors-fixed-theme-accent-12: #0f1518;\n          }\n\n          :host([dark][accent-color=\"blue-grey\"]) {\n            --simple-colors-default-theme-accent-1: #0f1518;\n            --simple-colors-default-theme-accent-2: #182023;\n            --simple-colors-default-theme-accent-3: #1e282c;\n            --simple-colors-default-theme-accent-4: #2f3e45;\n            --simple-colors-default-theme-accent-5: #40535b;\n            --simple-colors-default-theme-accent-6: #56707c;\n            --simple-colors-default-theme-accent-7: #718892;\n            --simple-colors-default-theme-accent-8: #7a8f98;\n            --simple-colors-default-theme-accent-9: #8d9fa7;\n            --simple-colors-default-theme-accent-10: #9badb6;\n            --simple-colors-default-theme-accent-11: #b1c5ce;\n            --simple-colors-default-theme-accent-12: #e7eff1;\n          }\n        "])))];
+          return [styles, _a11yUtils.screenreaderOnlyCSS, (0, _index.css)(_templateObject2_88c651301f2611eda0c389891c227ec8 || (_templateObject2_88c651301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host([dark]) {\n            --simple-colors-default-theme-accent-1: #000000;\n            --simple-colors-default-theme-accent-2: #111111;\n            --simple-colors-default-theme-accent-3: #222222;\n            --simple-colors-default-theme-accent-4: #333333;\n            --simple-colors-default-theme-accent-5: #444444;\n            --simple-colors-default-theme-accent-6: #666666;\n            --simple-colors-default-theme-accent-7: #999999;\n            --simple-colors-default-theme-accent-8: #bbbbbb;\n            --simple-colors-default-theme-accent-9: #cccccc;\n            --simple-colors-default-theme-accent-10: #dddddd;\n            --simple-colors-default-theme-accent-11: #eeeeee;\n            --simple-colors-default-theme-accent-12: #ffffff;\n\n            --simple-colors-default-theme-grey-1: #000000;\n            --simple-colors-default-theme-grey-2: #111111;\n            --simple-colors-default-theme-grey-3: #222222;\n            --simple-colors-default-theme-grey-4: #333333;\n            --simple-colors-default-theme-grey-5: #444444;\n            --simple-colors-default-theme-grey-6: #666666;\n            --simple-colors-default-theme-grey-7: #999999;\n            --simple-colors-default-theme-grey-8: #bbbbbb;\n            --simple-colors-default-theme-grey-9: #cccccc;\n            --simple-colors-default-theme-grey-10: #dddddd;\n            --simple-colors-default-theme-grey-11: #eeeeee;\n            --simple-colors-default-theme-grey-12: #ffffff;\n\n            --simple-colors-default-theme-red-1: #3f0000;\n            --simple-colors-default-theme-red-2: #520000;\n            --simple-colors-default-theme-red-3: #670000;\n            --simple-colors-default-theme-red-4: #850000;\n            --simple-colors-default-theme-red-5: #ac0000;\n            --simple-colors-default-theme-red-6: #ee0000;\n            --simple-colors-default-theme-red-7: #ff2222;\n            --simple-colors-default-theme-red-8: #fd5151;\n            --simple-colors-default-theme-red-9: #ff7474;\n            --simple-colors-default-theme-red-10: #ff8f8f;\n            --simple-colors-default-theme-red-11: #ffaeae;\n            --simple-colors-default-theme-red-12: #ffdddd;\n\n            --simple-colors-default-theme-pink-1: #440019;\n            --simple-colors-default-theme-pink-2: #5a0020;\n            --simple-colors-default-theme-pink-3: #78002b;\n            --simple-colors-default-theme-pink-4: #980036;\n            --simple-colors-default-theme-pink-5: #b80042;\n            --simple-colors-default-theme-pink-6: #da004e;\n            --simple-colors-default-theme-pink-7: #ff3996;\n            --simple-colors-default-theme-pink-8: #fd60aa;\n            --simple-colors-default-theme-pink-9: #ff73b5;\n            --simple-colors-default-theme-pink-10: #ff87c0;\n            --simple-colors-default-theme-pink-11: #ffa5cf;\n            --simple-colors-default-theme-pink-12: #ffe6f1;\n\n            --simple-colors-default-theme-purple-1: #200025;\n            --simple-colors-default-theme-purple-2: #33003a;\n            --simple-colors-default-theme-purple-3: #490052;\n            --simple-colors-default-theme-purple-4: #6c0079;\n            --simple-colors-default-theme-purple-5: #8a009b;\n            --simple-colors-default-theme-purple-6: #a500ba;\n            --simple-colors-default-theme-purple-7: #e200ff;\n            --simple-colors-default-theme-purple-8: #ed61ff;\n            --simple-colors-default-theme-purple-9: #f07cff;\n            --simple-colors-default-theme-purple-10: #f394ff;\n            --simple-colors-default-theme-purple-11: #f4affd;\n            --simple-colors-default-theme-purple-12: #fce6ff;\n\n            --simple-colors-default-theme-deep-purple-1: #1d0033;\n            --simple-colors-default-theme-deep-purple-2: #2a0049;\n            --simple-colors-default-theme-deep-purple-3: #3a0063;\n            --simple-colors-default-theme-deep-purple-4: #4c0081;\n            --simple-colors-default-theme-deep-purple-5: #5d009f;\n            --simple-colors-default-theme-deep-purple-6: #7e00d8;\n            --simple-colors-default-theme-deep-purple-7: #a931ff;\n            --simple-colors-default-theme-deep-purple-8: #b44aff;\n            --simple-colors-default-theme-deep-purple-9: #bb63f9;\n            --simple-colors-default-theme-deep-purple-10: #c97eff;\n            --simple-colors-default-theme-deep-purple-11: #ddacff;\n            --simple-colors-default-theme-deep-purple-12: #f3e4ff;\n\n            --simple-colors-default-theme-indigo-1: #0a0030;\n            --simple-colors-default-theme-indigo-2: #100049;\n            --simple-colors-default-theme-indigo-3: #160063;\n            --simple-colors-default-theme-indigo-4: #20008c;\n            --simple-colors-default-theme-indigo-5: #2801b0;\n            --simple-colors-default-theme-indigo-6: #3a00ff;\n            --simple-colors-default-theme-indigo-7: #835fff;\n            --simple-colors-default-theme-indigo-8: #9373ff;\n            --simple-colors-default-theme-indigo-9: #9e82ff;\n            --simple-colors-default-theme-indigo-10: #af97ff;\n            --simple-colors-default-theme-indigo-11: #c3b2ff;\n            --simple-colors-default-theme-indigo-12: #e5ddff;\n\n            --simple-colors-default-theme-blue-1: #001333;\n            --simple-colors-default-theme-blue-2: #001947;\n            --simple-colors-default-theme-blue-3: #002569;\n            --simple-colors-default-theme-blue-4: #003494;\n            --simple-colors-default-theme-blue-5: #0041bb;\n            --simple-colors-default-theme-blue-6: #0059ff;\n            --simple-colors-default-theme-blue-7: #4083ff;\n            --simple-colors-default-theme-blue-8: #5892fd;\n            --simple-colors-default-theme-blue-9: #74a5ff;\n            --simple-colors-default-theme-blue-10: #95baff;\n            --simple-colors-default-theme-blue-11: #acc9ff;\n            --simple-colors-default-theme-blue-12: #e2ecff;\n\n            --simple-colors-default-theme-light-blue-1: #001b36;\n            --simple-colors-default-theme-light-blue-2: #002850;\n            --simple-colors-default-theme-light-blue-3: #003f7d;\n            --simple-colors-default-theme-light-blue-4: #0055a8;\n            --simple-colors-default-theme-light-blue-5: #0066ca;\n            --simple-colors-default-theme-light-blue-6: #007ffc;\n            --simple-colors-default-theme-light-blue-7: #41a1ff;\n            --simple-colors-default-theme-light-blue-8: #58adff;\n            --simple-colors-default-theme-light-blue-9: #65b3ff;\n            --simple-colors-default-theme-light-blue-10: #92c9ff;\n            --simple-colors-default-theme-light-blue-11: #a1d1ff;\n            --simple-colors-default-theme-light-blue-12: #cde8ff;\n\n            --simple-colors-default-theme-cyan-1: #001a20;\n            --simple-colors-default-theme-cyan-2: #002c38;\n            --simple-colors-default-theme-cyan-3: #003f50;\n            --simple-colors-default-theme-cyan-4: #005970;\n            --simple-colors-default-theme-cyan-5: #007999;\n            --simple-colors-default-theme-cyan-6: #009dc7;\n            --simple-colors-default-theme-cyan-7: #00c9ff;\n            --simple-colors-default-theme-cyan-8: #1ccfff;\n            --simple-colors-default-theme-cyan-9: #33d4ff;\n            --simple-colors-default-theme-cyan-10: #77e2ff;\n            --simple-colors-default-theme-cyan-11: #9beaff;\n            --simple-colors-default-theme-cyan-12: #ddf8ff;\n\n            --simple-colors-default-theme-teal-1: #001b14;\n            --simple-colors-default-theme-teal-2: #002a20;\n            --simple-colors-default-theme-teal-3: #003829;\n            --simple-colors-default-theme-teal-4: #004e3a;\n            --simple-colors-default-theme-teal-5: #007658;\n            --simple-colors-default-theme-teal-6: #009d75;\n            --simple-colors-default-theme-teal-7: #00ff9c;\n            --simple-colors-default-theme-teal-8: #29ffac;\n            --simple-colors-default-theme-teal-9: #56ffbd;\n            --simple-colors-default-theme-teal-10: #79ffcb;\n            --simple-colors-default-theme-teal-11: #98ffd7;\n            --simple-colors-default-theme-teal-12: #d9fff0;\n\n            --simple-colors-default-theme-green-1: #001d0c;\n            --simple-colors-default-theme-green-2: #002a11;\n            --simple-colors-default-theme-green-3: #003d18;\n            --simple-colors-default-theme-green-4: #005a23;\n            --simple-colors-default-theme-green-5: #00762e;\n            --simple-colors-default-theme-green-6: #008c37;\n            --simple-colors-default-theme-green-7: #00f961;\n            --simple-colors-default-theme-green-8: #24ff70;\n            --simple-colors-default-theme-green-9: #49ff88;\n            --simple-colors-default-theme-green-10: #79ffa7;\n            --simple-colors-default-theme-green-11: #acffc9;\n            --simple-colors-default-theme-green-12: #e1ffeb;\n\n            --simple-colors-default-theme-light-green-1: #0d2000;\n            --simple-colors-default-theme-light-green-2: #143000;\n            --simple-colors-default-theme-light-green-3: #1b3f00;\n            --simple-colors-default-theme-light-green-4: #296100;\n            --simple-colors-default-theme-light-green-5: #357f00;\n            --simple-colors-default-theme-light-green-6: #429d00;\n            --simple-colors-default-theme-light-green-7: #6fff00;\n            --simple-colors-default-theme-light-green-8: #8efd38;\n            --simple-colors-default-theme-light-green-9: #a1fd5a;\n            --simple-colors-default-theme-light-green-10: #b1ff75;\n            --simple-colors-default-theme-light-green-11: #c7ff9b;\n            --simple-colors-default-theme-light-green-12: #ebffdb;\n\n            --simple-colors-default-theme-lime-1: #182400;\n            --simple-colors-default-theme-lime-2: #223400;\n            --simple-colors-default-theme-lime-3: #293f00;\n            --simple-colors-default-theme-lime-4: #3b5a00;\n            --simple-colors-default-theme-lime-5: #4d7600;\n            --simple-colors-default-theme-lime-6: #649900;\n            --simple-colors-default-theme-lime-7: #aeff00;\n            --simple-colors-default-theme-lime-8: #bdff2d;\n            --simple-colors-default-theme-lime-9: #caff58;\n            --simple-colors-default-theme-lime-10: #d4ff77;\n            --simple-colors-default-theme-lime-11: #dfff9b;\n            --simple-colors-default-theme-lime-12: #f1ffd2;\n\n            --simple-colors-default-theme-yellow-1: #242400;\n            --simple-colors-default-theme-yellow-2: #303000;\n            --simple-colors-default-theme-yellow-3: #454400;\n            --simple-colors-default-theme-yellow-4: #585700;\n            --simple-colors-default-theme-yellow-5: #787700;\n            --simple-colors-default-theme-yellow-6: #929100;\n            --simple-colors-default-theme-yellow-7: #f6f600;\n            --simple-colors-default-theme-yellow-8: #ffff3a;\n            --simple-colors-default-theme-yellow-9: #ffff7c;\n            --simple-colors-default-theme-yellow-10: #ffff90;\n            --simple-colors-default-theme-yellow-11: #ffffac;\n            --simple-colors-default-theme-yellow-12: #ffffd5;\n\n            --simple-colors-default-theme-amber-1: #221a00;\n            --simple-colors-default-theme-amber-2: #302500;\n            --simple-colors-default-theme-amber-3: #413200;\n            --simple-colors-default-theme-amber-4: #614b00;\n            --simple-colors-default-theme-amber-5: #876800;\n            --simple-colors-default-theme-amber-6: #b28900;\n            --simple-colors-default-theme-amber-7: #ffc500;\n            --simple-colors-default-theme-amber-8: #ffc235;\n            --simple-colors-default-theme-amber-9: #ffcf5e;\n            --simple-colors-default-theme-amber-10: #ffd677;\n            --simple-colors-default-theme-amber-11: #ffdf92;\n            --simple-colors-default-theme-amber-12: #fff2d4;\n\n            --simple-colors-default-theme-orange-1: #2c1400;\n            --simple-colors-default-theme-orange-2: #3d1c00;\n            --simple-colors-default-theme-orange-3: #612d00;\n            --simple-colors-default-theme-orange-4: #833d00;\n            --simple-colors-default-theme-orange-5: #ae5100;\n            --simple-colors-default-theme-orange-6: #e56a00;\n            --simple-colors-default-theme-orange-7: #ff9625;\n            --simple-colors-default-theme-orange-8: #ff9e36;\n            --simple-colors-default-theme-orange-9: #ffb05c;\n            --simple-colors-default-theme-orange-10: #ffbd75;\n            --simple-colors-default-theme-orange-11: #ffca92;\n            --simple-colors-default-theme-orange-12: #ffebd7;\n\n            --simple-colors-default-theme-deep-orange-1: #240700;\n            --simple-colors-default-theme-deep-orange-2: #3a0c00;\n            --simple-colors-default-theme-deep-orange-3: #561100;\n            --simple-colors-default-theme-deep-orange-4: #8a1c00;\n            --simple-colors-default-theme-deep-orange-5: #b92500;\n            --simple-colors-default-theme-deep-orange-6: #f53100;\n            --simple-colors-default-theme-deep-orange-7: #ff6c3c;\n            --simple-colors-default-theme-deep-orange-8: #ff7649;\n            --simple-colors-default-theme-deep-orange-9: #ff8a64;\n            --simple-colors-default-theme-deep-orange-10: #ffa588;\n            --simple-colors-default-theme-deep-orange-11: #ffb299;\n            --simple-colors-default-theme-deep-orange-12: #ffe7e0;\n\n            --simple-colors-default-theme-brown-1: #200e09;\n            --simple-colors-default-theme-brown-2: #2c140e;\n            --simple-colors-default-theme-brown-3: #3b1e15;\n            --simple-colors-default-theme-brown-4: #5b3328;\n            --simple-colors-default-theme-brown-5: #724539;\n            --simple-colors-default-theme-brown-6: #85574a;\n            --simple-colors-default-theme-brown-7: #a47060;\n            --simple-colors-default-theme-brown-8: #ac7868;\n            --simple-colors-default-theme-brown-9: #b68373;\n            --simple-colors-default-theme-brown-10: #c59485;\n            --simple-colors-default-theme-brown-11: #e5b8aa;\n            --simple-colors-default-theme-brown-12: #f0e2de;\n\n            --simple-colors-default-theme-blue-grey-1: #0f1518;\n            --simple-colors-default-theme-blue-grey-2: #182023;\n            --simple-colors-default-theme-blue-grey-3: #1e282c;\n            --simple-colors-default-theme-blue-grey-4: #2f3e45;\n            --simple-colors-default-theme-blue-grey-5: #40535b;\n            --simple-colors-default-theme-blue-grey-6: #56707c;\n            --simple-colors-default-theme-blue-grey-7: #718892;\n            --simple-colors-default-theme-blue-grey-8: #7a8f98;\n            --simple-colors-default-theme-blue-grey-9: #8d9fa7;\n            --simple-colors-default-theme-blue-grey-10: #9badb6;\n            --simple-colors-default-theme-blue-grey-11: #b1c5ce;\n            --simple-colors-default-theme-blue-grey-12: #e7eff1;\n          }\n\n          :host {\n            accent-color: var(--simple-colors-default-theme-accent-7);\n          }\n\n          :host([accent-color=\"grey\"]) {\n            --simple-colors-default-theme-accent-1: #ffffff;\n            --simple-colors-default-theme-accent-2: #eeeeee;\n            --simple-colors-default-theme-accent-3: #dddddd;\n            --simple-colors-default-theme-accent-4: #cccccc;\n            --simple-colors-default-theme-accent-5: #bbbbbb;\n            --simple-colors-default-theme-accent-6: #999999;\n            --simple-colors-default-theme-accent-7: #666666;\n            --simple-colors-default-theme-accent-8: #444444;\n            --simple-colors-default-theme-accent-9: #333333;\n            --simple-colors-default-theme-accent-10: #222222;\n            --simple-colors-default-theme-accent-11: #111111;\n            --simple-colors-default-theme-accent-12: #000000;\n            --simple-colors-fixed-theme-accent-1: #ffffff;\n            --simple-colors-fixed-theme-accent-2: #eeeeee;\n            --simple-colors-fixed-theme-accent-3: #dddddd;\n            --simple-colors-fixed-theme-accent-4: #cccccc;\n            --simple-colors-fixed-theme-accent-5: #bbbbbb;\n            --simple-colors-fixed-theme-accent-6: #999999;\n            --simple-colors-fixed-theme-accent-7: #666666;\n            --simple-colors-fixed-theme-accent-8: #444444;\n            --simple-colors-fixed-theme-accent-9: #333333;\n            --simple-colors-fixed-theme-accent-10: #222222;\n            --simple-colors-fixed-theme-accent-11: #111111;\n            --simple-colors-fixed-theme-accent-12: #000000;\n          }\n\n          :host([dark][accent-color=\"grey\"]) {\n            --simple-colors-default-theme-accent-1: #000000;\n            --simple-colors-default-theme-accent-2: #111111;\n            --simple-colors-default-theme-accent-3: #222222;\n            --simple-colors-default-theme-accent-4: #333333;\n            --simple-colors-default-theme-accent-5: #444444;\n            --simple-colors-default-theme-accent-6: #666666;\n            --simple-colors-default-theme-accent-7: #999999;\n            --simple-colors-default-theme-accent-8: #bbbbbb;\n            --simple-colors-default-theme-accent-9: #cccccc;\n            --simple-colors-default-theme-accent-10: #dddddd;\n            --simple-colors-default-theme-accent-11: #eeeeee;\n            --simple-colors-default-theme-accent-12: #ffffff;\n          }\n\n          :host([accent-color=\"red\"]) {\n            --simple-colors-default-theme-accent-1: #ffdddd;\n            --simple-colors-default-theme-accent-2: #ffaeae;\n            --simple-colors-default-theme-accent-3: #ff8f8f;\n            --simple-colors-default-theme-accent-4: #ff7474;\n            --simple-colors-default-theme-accent-5: #fd5151;\n            --simple-colors-default-theme-accent-6: #ff2222;\n            --simple-colors-default-theme-accent-7: #ee0000;\n            --simple-colors-default-theme-accent-8: #ac0000;\n            --simple-colors-default-theme-accent-9: #850000;\n            --simple-colors-default-theme-accent-10: #670000;\n            --simple-colors-default-theme-accent-11: #520000;\n            --simple-colors-default-theme-accent-12: #3f0000;\n            --simple-colors-fixed-theme-accent-1: #ffdddd;\n            --simple-colors-fixed-theme-accent-2: #ffaeae;\n            --simple-colors-fixed-theme-accent-3: #ff8f8f;\n            --simple-colors-fixed-theme-accent-4: #ff7474;\n            --simple-colors-fixed-theme-accent-5: #fd5151;\n            --simple-colors-fixed-theme-accent-6: #ff2222;\n            --simple-colors-fixed-theme-accent-7: #ee0000;\n            --simple-colors-fixed-theme-accent-8: #ac0000;\n            --simple-colors-fixed-theme-accent-9: #850000;\n            --simple-colors-fixed-theme-accent-10: #670000;\n            --simple-colors-fixed-theme-accent-11: #520000;\n            --simple-colors-fixed-theme-accent-12: #3f0000;\n          }\n\n          :host([dark][accent-color=\"red\"]) {\n            --simple-colors-default-theme-accent-1: #3f0000;\n            --simple-colors-default-theme-accent-2: #520000;\n            --simple-colors-default-theme-accent-3: #670000;\n            --simple-colors-default-theme-accent-4: #850000;\n            --simple-colors-default-theme-accent-5: #ac0000;\n            --simple-colors-default-theme-accent-6: #ee0000;\n            --simple-colors-default-theme-accent-7: #ff2222;\n            --simple-colors-default-theme-accent-8: #fd5151;\n            --simple-colors-default-theme-accent-9: #ff7474;\n            --simple-colors-default-theme-accent-10: #ff8f8f;\n            --simple-colors-default-theme-accent-11: #ffaeae;\n            --simple-colors-default-theme-accent-12: #ffdddd;\n          }\n\n          :host([accent-color=\"pink\"]) {\n            --simple-colors-default-theme-accent-1: #ffe6f1;\n            --simple-colors-default-theme-accent-2: #ffa5cf;\n            --simple-colors-default-theme-accent-3: #ff87c0;\n            --simple-colors-default-theme-accent-4: #ff73b5;\n            --simple-colors-default-theme-accent-5: #fd60aa;\n            --simple-colors-default-theme-accent-6: #ff3996;\n            --simple-colors-default-theme-accent-7: #da004e;\n            --simple-colors-default-theme-accent-8: #b80042;\n            --simple-colors-default-theme-accent-9: #980036;\n            --simple-colors-default-theme-accent-10: #78002b;\n            --simple-colors-default-theme-accent-11: #5a0020;\n            --simple-colors-default-theme-accent-12: #440019;\n            --simple-colors-fixed-theme-accent-1: #ffe6f1;\n            --simple-colors-fixed-theme-accent-2: #ffa5cf;\n            --simple-colors-fixed-theme-accent-3: #ff87c0;\n            --simple-colors-fixed-theme-accent-4: #ff73b5;\n            --simple-colors-fixed-theme-accent-5: #fd60aa;\n            --simple-colors-fixed-theme-accent-6: #ff3996;\n            --simple-colors-fixed-theme-accent-7: #da004e;\n            --simple-colors-fixed-theme-accent-8: #b80042;\n            --simple-colors-fixed-theme-accent-9: #980036;\n            --simple-colors-fixed-theme-accent-10: #78002b;\n            --simple-colors-fixed-theme-accent-11: #5a0020;\n            --simple-colors-fixed-theme-accent-12: #440019;\n          }\n\n          :host([dark][accent-color=\"pink\"]) {\n            --simple-colors-default-theme-accent-1: #440019;\n            --simple-colors-default-theme-accent-2: #5a0020;\n            --simple-colors-default-theme-accent-3: #78002b;\n            --simple-colors-default-theme-accent-4: #980036;\n            --simple-colors-default-theme-accent-5: #b80042;\n            --simple-colors-default-theme-accent-6: #da004e;\n            --simple-colors-default-theme-accent-7: #ff3996;\n            --simple-colors-default-theme-accent-8: #fd60aa;\n            --simple-colors-default-theme-accent-9: #ff73b5;\n            --simple-colors-default-theme-accent-10: #ff87c0;\n            --simple-colors-default-theme-accent-11: #ffa5cf;\n            --simple-colors-default-theme-accent-12: #ffe6f1;\n          }\n\n          :host([accent-color=\"purple\"]) {\n            --simple-colors-default-theme-accent-1: #fce6ff;\n            --simple-colors-default-theme-accent-2: #f4affd;\n            --simple-colors-default-theme-accent-3: #f394ff;\n            --simple-colors-default-theme-accent-4: #f07cff;\n            --simple-colors-default-theme-accent-5: #ed61ff;\n            --simple-colors-default-theme-accent-6: #e200ff;\n            --simple-colors-default-theme-accent-7: #a500ba;\n            --simple-colors-default-theme-accent-8: #8a009b;\n            --simple-colors-default-theme-accent-9: #6c0079;\n            --simple-colors-default-theme-accent-10: #490052;\n            --simple-colors-default-theme-accent-11: #33003a;\n            --simple-colors-default-theme-accent-12: #200025;\n            --simple-colors-fixed-theme-accent-1: #fce6ff;\n            --simple-colors-fixed-theme-accent-2: #f4affd;\n            --simple-colors-fixed-theme-accent-3: #f394ff;\n            --simple-colors-fixed-theme-accent-4: #f07cff;\n            --simple-colors-fixed-theme-accent-5: #ed61ff;\n            --simple-colors-fixed-theme-accent-6: #e200ff;\n            --simple-colors-fixed-theme-accent-7: #a500ba;\n            --simple-colors-fixed-theme-accent-8: #8a009b;\n            --simple-colors-fixed-theme-accent-9: #6c0079;\n            --simple-colors-fixed-theme-accent-10: #490052;\n            --simple-colors-fixed-theme-accent-11: #33003a;\n            --simple-colors-fixed-theme-accent-12: #200025;\n          }\n\n          :host([dark][accent-color=\"purple\"]) {\n            --simple-colors-default-theme-accent-1: #200025;\n            --simple-colors-default-theme-accent-2: #33003a;\n            --simple-colors-default-theme-accent-3: #490052;\n            --simple-colors-default-theme-accent-4: #6c0079;\n            --simple-colors-default-theme-accent-5: #8a009b;\n            --simple-colors-default-theme-accent-6: #a500ba;\n            --simple-colors-default-theme-accent-7: #e200ff;\n            --simple-colors-default-theme-accent-8: #ed61ff;\n            --simple-colors-default-theme-accent-9: #f07cff;\n            --simple-colors-default-theme-accent-10: #f394ff;\n            --simple-colors-default-theme-accent-11: #f4affd;\n            --simple-colors-default-theme-accent-12: #fce6ff;\n          }\n\n          :host([accent-color=\"deep-purple\"]) {\n            --simple-colors-default-theme-accent-1: #f3e4ff;\n            --simple-colors-default-theme-accent-2: #ddacff;\n            --simple-colors-default-theme-accent-3: #c97eff;\n            --simple-colors-default-theme-accent-4: #bb63f9;\n            --simple-colors-default-theme-accent-5: #b44aff;\n            --simple-colors-default-theme-accent-6: #a931ff;\n            --simple-colors-default-theme-accent-7: #7e00d8;\n            --simple-colors-default-theme-accent-8: #5d009f;\n            --simple-colors-default-theme-accent-9: #4c0081;\n            --simple-colors-default-theme-accent-10: #3a0063;\n            --simple-colors-default-theme-accent-11: #2a0049;\n            --simple-colors-default-theme-accent-12: #1d0033;\n            --simple-colors-fixed-theme-accent-1: #f3e4ff;\n            --simple-colors-fixed-theme-accent-2: #ddacff;\n            --simple-colors-fixed-theme-accent-3: #c97eff;\n            --simple-colors-fixed-theme-accent-4: #bb63f9;\n            --simple-colors-fixed-theme-accent-5: #b44aff;\n            --simple-colors-fixed-theme-accent-6: #a931ff;\n            --simple-colors-fixed-theme-accent-7: #7e00d8;\n            --simple-colors-fixed-theme-accent-8: #5d009f;\n            --simple-colors-fixed-theme-accent-9: #4c0081;\n            --simple-colors-fixed-theme-accent-10: #3a0063;\n            --simple-colors-fixed-theme-accent-11: #2a0049;\n            --simple-colors-fixed-theme-accent-12: #1d0033;\n          }\n\n          :host([dark][accent-color=\"deep-purple\"]) {\n            --simple-colors-default-theme-accent-1: #1d0033;\n            --simple-colors-default-theme-accent-2: #2a0049;\n            --simple-colors-default-theme-accent-3: #3a0063;\n            --simple-colors-default-theme-accent-4: #4c0081;\n            --simple-colors-default-theme-accent-5: #5d009f;\n            --simple-colors-default-theme-accent-6: #7e00d8;\n            --simple-colors-default-theme-accent-7: #a931ff;\n            --simple-colors-default-theme-accent-8: #b44aff;\n            --simple-colors-default-theme-accent-9: #bb63f9;\n            --simple-colors-default-theme-accent-10: #c97eff;\n            --simple-colors-default-theme-accent-11: #ddacff;\n            --simple-colors-default-theme-accent-12: #f3e4ff;\n          }\n\n          :host([accent-color=\"indigo\"]) {\n            --simple-colors-default-theme-accent-1: #e5ddff;\n            --simple-colors-default-theme-accent-2: #c3b2ff;\n            --simple-colors-default-theme-accent-3: #af97ff;\n            --simple-colors-default-theme-accent-4: #9e82ff;\n            --simple-colors-default-theme-accent-5: #9373ff;\n            --simple-colors-default-theme-accent-6: #835fff;\n            --simple-colors-default-theme-accent-7: #3a00ff;\n            --simple-colors-default-theme-accent-8: #2801b0;\n            --simple-colors-default-theme-accent-9: #20008c;\n            --simple-colors-default-theme-accent-10: #160063;\n            --simple-colors-default-theme-accent-11: #100049;\n            --simple-colors-default-theme-accent-12: #0a0030;\n            --simple-colors-fixed-theme-accent-1: #e5ddff;\n            --simple-colors-fixed-theme-accent-2: #c3b2ff;\n            --simple-colors-fixed-theme-accent-3: #af97ff;\n            --simple-colors-fixed-theme-accent-4: #9e82ff;\n            --simple-colors-fixed-theme-accent-5: #9373ff;\n            --simple-colors-fixed-theme-accent-6: #835fff;\n            --simple-colors-fixed-theme-accent-7: #3a00ff;\n            --simple-colors-fixed-theme-accent-8: #2801b0;\n            --simple-colors-fixed-theme-accent-9: #20008c;\n            --simple-colors-fixed-theme-accent-10: #160063;\n            --simple-colors-fixed-theme-accent-11: #100049;\n            --simple-colors-fixed-theme-accent-12: #0a0030;\n          }\n\n          :host([dark][accent-color=\"indigo\"]) {\n            --simple-colors-default-theme-accent-1: #0a0030;\n            --simple-colors-default-theme-accent-2: #100049;\n            --simple-colors-default-theme-accent-3: #160063;\n            --simple-colors-default-theme-accent-4: #20008c;\n            --simple-colors-default-theme-accent-5: #2801b0;\n            --simple-colors-default-theme-accent-6: #3a00ff;\n            --simple-colors-default-theme-accent-7: #835fff;\n            --simple-colors-default-theme-accent-8: #9373ff;\n            --simple-colors-default-theme-accent-9: #9e82ff;\n            --simple-colors-default-theme-accent-10: #af97ff;\n            --simple-colors-default-theme-accent-11: #c3b2ff;\n            --simple-colors-default-theme-accent-12: #e5ddff;\n          }\n\n          :host([accent-color=\"blue\"]) {\n            --simple-colors-default-theme-accent-1: #e2ecff;\n            --simple-colors-default-theme-accent-2: #acc9ff;\n            --simple-colors-default-theme-accent-3: #95baff;\n            --simple-colors-default-theme-accent-4: #74a5ff;\n            --simple-colors-default-theme-accent-5: #5892fd;\n            --simple-colors-default-theme-accent-6: #4083ff;\n            --simple-colors-default-theme-accent-7: #0059ff;\n            --simple-colors-default-theme-accent-8: #0041bb;\n            --simple-colors-default-theme-accent-9: #003494;\n            --simple-colors-default-theme-accent-10: #002569;\n            --simple-colors-default-theme-accent-11: #001947;\n            --simple-colors-default-theme-accent-12: #001333;\n            --simple-colors-fixed-theme-accent-1: #e2ecff;\n            --simple-colors-fixed-theme-accent-2: #acc9ff;\n            --simple-colors-fixed-theme-accent-3: #95baff;\n            --simple-colors-fixed-theme-accent-4: #74a5ff;\n            --simple-colors-fixed-theme-accent-5: #5892fd;\n            --simple-colors-fixed-theme-accent-6: #4083ff;\n            --simple-colors-fixed-theme-accent-7: #0059ff;\n            --simple-colors-fixed-theme-accent-8: #0041bb;\n            --simple-colors-fixed-theme-accent-9: #003494;\n            --simple-colors-fixed-theme-accent-10: #002569;\n            --simple-colors-fixed-theme-accent-11: #001947;\n            --simple-colors-fixed-theme-accent-12: #001333;\n          }\n\n          :host([dark][accent-color=\"blue\"]) {\n            --simple-colors-default-theme-accent-1: #001333;\n            --simple-colors-default-theme-accent-2: #001947;\n            --simple-colors-default-theme-accent-3: #002569;\n            --simple-colors-default-theme-accent-4: #003494;\n            --simple-colors-default-theme-accent-5: #0041bb;\n            --simple-colors-default-theme-accent-6: #0059ff;\n            --simple-colors-default-theme-accent-7: #4083ff;\n            --simple-colors-default-theme-accent-8: #5892fd;\n            --simple-colors-default-theme-accent-9: #74a5ff;\n            --simple-colors-default-theme-accent-10: #95baff;\n            --simple-colors-default-theme-accent-11: #acc9ff;\n            --simple-colors-default-theme-accent-12: #e2ecff;\n          }\n\n          :host([accent-color=\"light-blue\"]) {\n            --simple-colors-default-theme-accent-1: #cde8ff;\n            --simple-colors-default-theme-accent-2: #a1d1ff;\n            --simple-colors-default-theme-accent-3: #92c9ff;\n            --simple-colors-default-theme-accent-4: #65b3ff;\n            --simple-colors-default-theme-accent-5: #58adff;\n            --simple-colors-default-theme-accent-6: #41a1ff;\n            --simple-colors-default-theme-accent-7: #007ffc;\n            --simple-colors-default-theme-accent-8: #0066ca;\n            --simple-colors-default-theme-accent-9: #0055a8;\n            --simple-colors-default-theme-accent-10: #003f7d;\n            --simple-colors-default-theme-accent-11: #002850;\n            --simple-colors-default-theme-accent-12: #001b36;\n            --simple-colors-fixed-theme-accent-1: #cde8ff;\n            --simple-colors-fixed-theme-accent-2: #a1d1ff;\n            --simple-colors-fixed-theme-accent-3: #92c9ff;\n            --simple-colors-fixed-theme-accent-4: #65b3ff;\n            --simple-colors-fixed-theme-accent-5: #58adff;\n            --simple-colors-fixed-theme-accent-6: #41a1ff;\n            --simple-colors-fixed-theme-accent-7: #007ffc;\n            --simple-colors-fixed-theme-accent-8: #0066ca;\n            --simple-colors-fixed-theme-accent-9: #0055a8;\n            --simple-colors-fixed-theme-accent-10: #003f7d;\n            --simple-colors-fixed-theme-accent-11: #002850;\n            --simple-colors-fixed-theme-accent-12: #001b36;\n          }\n\n          :host([dark][accent-color=\"light-blue\"]) {\n            --simple-colors-default-theme-accent-1: #001b36;\n            --simple-colors-default-theme-accent-2: #002850;\n            --simple-colors-default-theme-accent-3: #003f7d;\n            --simple-colors-default-theme-accent-4: #0055a8;\n            --simple-colors-default-theme-accent-5: #0066ca;\n            --simple-colors-default-theme-accent-6: #007ffc;\n            --simple-colors-default-theme-accent-7: #41a1ff;\n            --simple-colors-default-theme-accent-8: #58adff;\n            --simple-colors-default-theme-accent-9: #65b3ff;\n            --simple-colors-default-theme-accent-10: #92c9ff;\n            --simple-colors-default-theme-accent-11: #a1d1ff;\n            --simple-colors-default-theme-accent-12: #cde8ff;\n          }\n\n          :host([accent-color=\"cyan\"]) {\n            --simple-colors-default-theme-accent-1: #ddf8ff;\n            --simple-colors-default-theme-accent-2: #9beaff;\n            --simple-colors-default-theme-accent-3: #77e2ff;\n            --simple-colors-default-theme-accent-4: #33d4ff;\n            --simple-colors-default-theme-accent-5: #1ccfff;\n            --simple-colors-default-theme-accent-6: #00c9ff;\n            --simple-colors-default-theme-accent-7: #009dc7;\n            --simple-colors-default-theme-accent-8: #007999;\n            --simple-colors-default-theme-accent-9: #005970;\n            --simple-colors-default-theme-accent-10: #003f50;\n            --simple-colors-default-theme-accent-11: #002c38;\n            --simple-colors-default-theme-accent-12: #001a20;\n            --simple-colors-fixed-theme-accent-1: #ddf8ff;\n            --simple-colors-fixed-theme-accent-2: #9beaff;\n            --simple-colors-fixed-theme-accent-3: #77e2ff;\n            --simple-colors-fixed-theme-accent-4: #33d4ff;\n            --simple-colors-fixed-theme-accent-5: #1ccfff;\n            --simple-colors-fixed-theme-accent-6: #00c9ff;\n            --simple-colors-fixed-theme-accent-7: #009dc7;\n            --simple-colors-fixed-theme-accent-8: #007999;\n            --simple-colors-fixed-theme-accent-9: #005970;\n            --simple-colors-fixed-theme-accent-10: #003f50;\n            --simple-colors-fixed-theme-accent-11: #002c38;\n            --simple-colors-fixed-theme-accent-12: #001a20;\n          }\n\n          :host([dark][accent-color=\"cyan\"]) {\n            --simple-colors-default-theme-accent-1: #001a20;\n            --simple-colors-default-theme-accent-2: #002c38;\n            --simple-colors-default-theme-accent-3: #003f50;\n            --simple-colors-default-theme-accent-4: #005970;\n            --simple-colors-default-theme-accent-5: #007999;\n            --simple-colors-default-theme-accent-6: #009dc7;\n            --simple-colors-default-theme-accent-7: #00c9ff;\n            --simple-colors-default-theme-accent-8: #1ccfff;\n            --simple-colors-default-theme-accent-9: #33d4ff;\n            --simple-colors-default-theme-accent-10: #77e2ff;\n            --simple-colors-default-theme-accent-11: #9beaff;\n            --simple-colors-default-theme-accent-12: #ddf8ff;\n          }\n\n          :host([accent-color=\"teal\"]) {\n            --simple-colors-default-theme-accent-1: #d9fff0;\n            --simple-colors-default-theme-accent-2: #98ffd7;\n            --simple-colors-default-theme-accent-3: #79ffcb;\n            --simple-colors-default-theme-accent-4: #56ffbd;\n            --simple-colors-default-theme-accent-5: #29ffac;\n            --simple-colors-default-theme-accent-6: #00ff9c;\n            --simple-colors-default-theme-accent-7: #009d75;\n            --simple-colors-default-theme-accent-8: #007658;\n            --simple-colors-default-theme-accent-9: #004e3a;\n            --simple-colors-default-theme-accent-10: #003829;\n            --simple-colors-default-theme-accent-11: #002a20;\n            --simple-colors-default-theme-accent-12: #001b14;\n            --simple-colors-fixed-theme-accent-1: #d9fff0;\n            --simple-colors-fixed-theme-accent-2: #98ffd7;\n            --simple-colors-fixed-theme-accent-3: #79ffcb;\n            --simple-colors-fixed-theme-accent-4: #56ffbd;\n            --simple-colors-fixed-theme-accent-5: #29ffac;\n            --simple-colors-fixed-theme-accent-6: #00ff9c;\n            --simple-colors-fixed-theme-accent-7: #009d75;\n            --simple-colors-fixed-theme-accent-8: #007658;\n            --simple-colors-fixed-theme-accent-9: #004e3a;\n            --simple-colors-fixed-theme-accent-10: #003829;\n            --simple-colors-fixed-theme-accent-11: #002a20;\n            --simple-colors-fixed-theme-accent-12: #001b14;\n          }\n\n          :host([dark][accent-color=\"teal\"]) {\n            --simple-colors-default-theme-accent-1: #001b14;\n            --simple-colors-default-theme-accent-2: #002a20;\n            --simple-colors-default-theme-accent-3: #003829;\n            --simple-colors-default-theme-accent-4: #004e3a;\n            --simple-colors-default-theme-accent-5: #007658;\n            --simple-colors-default-theme-accent-6: #009d75;\n            --simple-colors-default-theme-accent-7: #00ff9c;\n            --simple-colors-default-theme-accent-8: #29ffac;\n            --simple-colors-default-theme-accent-9: #56ffbd;\n            --simple-colors-default-theme-accent-10: #79ffcb;\n            --simple-colors-default-theme-accent-11: #98ffd7;\n            --simple-colors-default-theme-accent-12: #d9fff0;\n          }\n\n          :host([accent-color=\"green\"]) {\n            --simple-colors-default-theme-accent-1: #e1ffeb;\n            --simple-colors-default-theme-accent-2: #acffc9;\n            --simple-colors-default-theme-accent-3: #79ffa7;\n            --simple-colors-default-theme-accent-4: #49ff88;\n            --simple-colors-default-theme-accent-5: #24ff70;\n            --simple-colors-default-theme-accent-6: #00f961;\n            --simple-colors-default-theme-accent-7: #008c37;\n            --simple-colors-default-theme-accent-8: #00762e;\n            --simple-colors-default-theme-accent-9: #005a23;\n            --simple-colors-default-theme-accent-10: #003d18;\n            --simple-colors-default-theme-accent-11: #002a11;\n            --simple-colors-default-theme-accent-12: #001d0c;\n            --simple-colors-fixed-theme-accent-1: #e1ffeb;\n            --simple-colors-fixed-theme-accent-2: #acffc9;\n            --simple-colors-fixed-theme-accent-3: #79ffa7;\n            --simple-colors-fixed-theme-accent-4: #49ff88;\n            --simple-colors-fixed-theme-accent-5: #24ff70;\n            --simple-colors-fixed-theme-accent-6: #00f961;\n            --simple-colors-fixed-theme-accent-7: #008c37;\n            --simple-colors-fixed-theme-accent-8: #00762e;\n            --simple-colors-fixed-theme-accent-9: #005a23;\n            --simple-colors-fixed-theme-accent-10: #003d18;\n            --simple-colors-fixed-theme-accent-11: #002a11;\n            --simple-colors-fixed-theme-accent-12: #001d0c;\n          }\n\n          :host([dark][accent-color=\"green\"]) {\n            --simple-colors-default-theme-accent-1: #001d0c;\n            --simple-colors-default-theme-accent-2: #002a11;\n            --simple-colors-default-theme-accent-3: #003d18;\n            --simple-colors-default-theme-accent-4: #005a23;\n            --simple-colors-default-theme-accent-5: #00762e;\n            --simple-colors-default-theme-accent-6: #008c37;\n            --simple-colors-default-theme-accent-7: #00f961;\n            --simple-colors-default-theme-accent-8: #24ff70;\n            --simple-colors-default-theme-accent-9: #49ff88;\n            --simple-colors-default-theme-accent-10: #79ffa7;\n            --simple-colors-default-theme-accent-11: #acffc9;\n            --simple-colors-default-theme-accent-12: #e1ffeb;\n          }\n\n          :host([accent-color=\"light-green\"]) {\n            --simple-colors-default-theme-accent-1: #ebffdb;\n            --simple-colors-default-theme-accent-2: #c7ff9b;\n            --simple-colors-default-theme-accent-3: #b1ff75;\n            --simple-colors-default-theme-accent-4: #a1fd5a;\n            --simple-colors-default-theme-accent-5: #8efd38;\n            --simple-colors-default-theme-accent-6: #6fff00;\n            --simple-colors-default-theme-accent-7: #429d00;\n            --simple-colors-default-theme-accent-8: #357f00;\n            --simple-colors-default-theme-accent-9: #296100;\n            --simple-colors-default-theme-accent-10: #1b3f00;\n            --simple-colors-default-theme-accent-11: #143000;\n            --simple-colors-default-theme-accent-12: #0d2000;\n            --simple-colors-fixed-theme-accent-1: #ebffdb;\n            --simple-colors-fixed-theme-accent-2: #c7ff9b;\n            --simple-colors-fixed-theme-accent-3: #b1ff75;\n            --simple-colors-fixed-theme-accent-4: #a1fd5a;\n            --simple-colors-fixed-theme-accent-5: #8efd38;\n            --simple-colors-fixed-theme-accent-6: #6fff00;\n            --simple-colors-fixed-theme-accent-7: #429d00;\n            --simple-colors-fixed-theme-accent-8: #357f00;\n            --simple-colors-fixed-theme-accent-9: #296100;\n            --simple-colors-fixed-theme-accent-10: #1b3f00;\n            --simple-colors-fixed-theme-accent-11: #143000;\n            --simple-colors-fixed-theme-accent-12: #0d2000;\n          }\n\n          :host([dark][accent-color=\"light-green\"]) {\n            --simple-colors-default-theme-accent-1: #0d2000;\n            --simple-colors-default-theme-accent-2: #143000;\n            --simple-colors-default-theme-accent-3: #1b3f00;\n            --simple-colors-default-theme-accent-4: #296100;\n            --simple-colors-default-theme-accent-5: #357f00;\n            --simple-colors-default-theme-accent-6: #429d00;\n            --simple-colors-default-theme-accent-7: #6fff00;\n            --simple-colors-default-theme-accent-8: #8efd38;\n            --simple-colors-default-theme-accent-9: #a1fd5a;\n            --simple-colors-default-theme-accent-10: #b1ff75;\n            --simple-colors-default-theme-accent-11: #c7ff9b;\n            --simple-colors-default-theme-accent-12: #ebffdb;\n          }\n\n          :host([accent-color=\"lime\"]) {\n            --simple-colors-default-theme-accent-1: #f1ffd2;\n            --simple-colors-default-theme-accent-2: #dfff9b;\n            --simple-colors-default-theme-accent-3: #d4ff77;\n            --simple-colors-default-theme-accent-4: #caff58;\n            --simple-colors-default-theme-accent-5: #bdff2d;\n            --simple-colors-default-theme-accent-6: #aeff00;\n            --simple-colors-default-theme-accent-7: #649900;\n            --simple-colors-default-theme-accent-8: #4d7600;\n            --simple-colors-default-theme-accent-9: #3b5a00;\n            --simple-colors-default-theme-accent-10: #293f00;\n            --simple-colors-default-theme-accent-11: #223400;\n            --simple-colors-default-theme-accent-12: #182400;\n            --simple-colors-fixed-theme-accent-1: #f1ffd2;\n            --simple-colors-fixed-theme-accent-2: #dfff9b;\n            --simple-colors-fixed-theme-accent-3: #d4ff77;\n            --simple-colors-fixed-theme-accent-4: #caff58;\n            --simple-colors-fixed-theme-accent-5: #bdff2d;\n            --simple-colors-fixed-theme-accent-6: #aeff00;\n            --simple-colors-fixed-theme-accent-7: #649900;\n            --simple-colors-fixed-theme-accent-8: #4d7600;\n            --simple-colors-fixed-theme-accent-9: #3b5a00;\n            --simple-colors-fixed-theme-accent-10: #293f00;\n            --simple-colors-fixed-theme-accent-11: #223400;\n            --simple-colors-fixed-theme-accent-12: #182400;\n          }\n\n          :host([dark][accent-color=\"lime\"]) {\n            --simple-colors-default-theme-accent-1: #182400;\n            --simple-colors-default-theme-accent-2: #223400;\n            --simple-colors-default-theme-accent-3: #293f00;\n            --simple-colors-default-theme-accent-4: #3b5a00;\n            --simple-colors-default-theme-accent-5: #4d7600;\n            --simple-colors-default-theme-accent-6: #649900;\n            --simple-colors-default-theme-accent-7: #aeff00;\n            --simple-colors-default-theme-accent-8: #bdff2d;\n            --simple-colors-default-theme-accent-9: #caff58;\n            --simple-colors-default-theme-accent-10: #d4ff77;\n            --simple-colors-default-theme-accent-11: #dfff9b;\n            --simple-colors-default-theme-accent-12: #f1ffd2;\n          }\n\n          :host([accent-color=\"yellow\"]) {\n            --simple-colors-default-theme-accent-1: #ffffd5;\n            --simple-colors-default-theme-accent-2: #ffffac;\n            --simple-colors-default-theme-accent-3: #ffff90;\n            --simple-colors-default-theme-accent-4: #ffff7c;\n            --simple-colors-default-theme-accent-5: #ffff3a;\n            --simple-colors-default-theme-accent-6: #f6f600;\n            --simple-colors-default-theme-accent-7: #929100;\n            --simple-colors-default-theme-accent-8: #787700;\n            --simple-colors-default-theme-accent-9: #585700;\n            --simple-colors-default-theme-accent-10: #454400;\n            --simple-colors-default-theme-accent-11: #303000;\n            --simple-colors-default-theme-accent-12: #242400;\n            --simple-colors-fixed-theme-accent-1: #ffffd5;\n            --simple-colors-fixed-theme-accent-2: #ffffac;\n            --simple-colors-fixed-theme-accent-3: #ffff90;\n            --simple-colors-fixed-theme-accent-4: #ffff7c;\n            --simple-colors-fixed-theme-accent-5: #ffff3a;\n            --simple-colors-fixed-theme-accent-6: #f6f600;\n            --simple-colors-fixed-theme-accent-7: #929100;\n            --simple-colors-fixed-theme-accent-8: #787700;\n            --simple-colors-fixed-theme-accent-9: #585700;\n            --simple-colors-fixed-theme-accent-10: #454400;\n            --simple-colors-fixed-theme-accent-11: #303000;\n            --simple-colors-fixed-theme-accent-12: #242400;\n          }\n\n          :host([dark][accent-color=\"yellow\"]) {\n            --simple-colors-default-theme-accent-1: #242400;\n            --simple-colors-default-theme-accent-2: #303000;\n            --simple-colors-default-theme-accent-3: #454400;\n            --simple-colors-default-theme-accent-4: #585700;\n            --simple-colors-default-theme-accent-5: #787700;\n            --simple-colors-default-theme-accent-6: #929100;\n            --simple-colors-default-theme-accent-7: #f6f600;\n            --simple-colors-default-theme-accent-8: #ffff3a;\n            --simple-colors-default-theme-accent-9: #ffff7c;\n            --simple-colors-default-theme-accent-10: #ffff90;\n            --simple-colors-default-theme-accent-11: #ffffac;\n            --simple-colors-default-theme-accent-12: #ffffd5;\n          }\n\n          :host([accent-color=\"amber\"]) {\n            --simple-colors-default-theme-accent-1: #fff2d4;\n            --simple-colors-default-theme-accent-2: #ffdf92;\n            --simple-colors-default-theme-accent-3: #ffd677;\n            --simple-colors-default-theme-accent-4: #ffcf5e;\n            --simple-colors-default-theme-accent-5: #ffc235;\n            --simple-colors-default-theme-accent-6: #ffc500;\n            --simple-colors-default-theme-accent-7: #b28900;\n            --simple-colors-default-theme-accent-8: #876800;\n            --simple-colors-default-theme-accent-9: #614b00;\n            --simple-colors-default-theme-accent-10: #413200;\n            --simple-colors-default-theme-accent-11: #302500;\n            --simple-colors-default-theme-accent-12: #221a00;\n            --simple-colors-fixed-theme-accent-1: #fff2d4;\n            --simple-colors-fixed-theme-accent-2: #ffdf92;\n            --simple-colors-fixed-theme-accent-3: #ffd677;\n            --simple-colors-fixed-theme-accent-4: #ffcf5e;\n            --simple-colors-fixed-theme-accent-5: #ffc235;\n            --simple-colors-fixed-theme-accent-6: #ffc500;\n            --simple-colors-fixed-theme-accent-7: #b28900;\n            --simple-colors-fixed-theme-accent-8: #876800;\n            --simple-colors-fixed-theme-accent-9: #614b00;\n            --simple-colors-fixed-theme-accent-10: #413200;\n            --simple-colors-fixed-theme-accent-11: #302500;\n            --simple-colors-fixed-theme-accent-12: #221a00;\n          }\n\n          :host([dark][accent-color=\"amber\"]) {\n            --simple-colors-default-theme-accent-1: #221a00;\n            --simple-colors-default-theme-accent-2: #302500;\n            --simple-colors-default-theme-accent-3: #413200;\n            --simple-colors-default-theme-accent-4: #614b00;\n            --simple-colors-default-theme-accent-5: #876800;\n            --simple-colors-default-theme-accent-6: #b28900;\n            --simple-colors-default-theme-accent-7: #ffc500;\n            --simple-colors-default-theme-accent-8: #ffc235;\n            --simple-colors-default-theme-accent-9: #ffcf5e;\n            --simple-colors-default-theme-accent-10: #ffd677;\n            --simple-colors-default-theme-accent-11: #ffdf92;\n            --simple-colors-default-theme-accent-12: #fff2d4;\n          }\n\n          :host([accent-color=\"orange\"]) {\n            --simple-colors-default-theme-accent-1: #ffebd7;\n            --simple-colors-default-theme-accent-2: #ffca92;\n            --simple-colors-default-theme-accent-3: #ffbd75;\n            --simple-colors-default-theme-accent-4: #ffb05c;\n            --simple-colors-default-theme-accent-5: #ff9e36;\n            --simple-colors-default-theme-accent-6: #ff9625;\n            --simple-colors-default-theme-accent-7: #e56a00;\n            --simple-colors-default-theme-accent-8: #ae5100;\n            --simple-colors-default-theme-accent-9: #833d00;\n            --simple-colors-default-theme-accent-10: #612d00;\n            --simple-colors-default-theme-accent-11: #3d1c00;\n            --simple-colors-default-theme-accent-12: #2c1400;\n            --simple-colors-fixed-theme-accent-1: #ffebd7;\n            --simple-colors-fixed-theme-accent-2: #ffca92;\n            --simple-colors-fixed-theme-accent-3: #ffbd75;\n            --simple-colors-fixed-theme-accent-4: #ffb05c;\n            --simple-colors-fixed-theme-accent-5: #ff9e36;\n            --simple-colors-fixed-theme-accent-6: #ff9625;\n            --simple-colors-fixed-theme-accent-7: #e56a00;\n            --simple-colors-fixed-theme-accent-8: #ae5100;\n            --simple-colors-fixed-theme-accent-9: #833d00;\n            --simple-colors-fixed-theme-accent-10: #612d00;\n            --simple-colors-fixed-theme-accent-11: #3d1c00;\n            --simple-colors-fixed-theme-accent-12: #2c1400;\n          }\n\n          :host([dark][accent-color=\"orange\"]) {\n            --simple-colors-default-theme-accent-1: #2c1400;\n            --simple-colors-default-theme-accent-2: #3d1c00;\n            --simple-colors-default-theme-accent-3: #612d00;\n            --simple-colors-default-theme-accent-4: #833d00;\n            --simple-colors-default-theme-accent-5: #ae5100;\n            --simple-colors-default-theme-accent-6: #e56a00;\n            --simple-colors-default-theme-accent-7: #ff9625;\n            --simple-colors-default-theme-accent-8: #ff9e36;\n            --simple-colors-default-theme-accent-9: #ffb05c;\n            --simple-colors-default-theme-accent-10: #ffbd75;\n            --simple-colors-default-theme-accent-11: #ffca92;\n            --simple-colors-default-theme-accent-12: #ffebd7;\n          }\n\n          :host([accent-color=\"deep-orange\"]) {\n            --simple-colors-default-theme-accent-1: #ffe7e0;\n            --simple-colors-default-theme-accent-2: #ffb299;\n            --simple-colors-default-theme-accent-3: #ffa588;\n            --simple-colors-default-theme-accent-4: #ff8a64;\n            --simple-colors-default-theme-accent-5: #ff7649;\n            --simple-colors-default-theme-accent-6: #ff6c3c;\n            --simple-colors-default-theme-accent-7: #f53100;\n            --simple-colors-default-theme-accent-8: #b92500;\n            --simple-colors-default-theme-accent-9: #8a1c00;\n            --simple-colors-default-theme-accent-10: #561100;\n            --simple-colors-default-theme-accent-11: #3a0c00;\n            --simple-colors-default-theme-accent-12: #240700;\n            --simple-colors-fixed-theme-accent-1: #ffe7e0;\n            --simple-colors-fixed-theme-accent-2: #ffb299;\n            --simple-colors-fixed-theme-accent-3: #ffa588;\n            --simple-colors-fixed-theme-accent-4: #ff8a64;\n            --simple-colors-fixed-theme-accent-5: #ff7649;\n            --simple-colors-fixed-theme-accent-6: #ff6c3c;\n            --simple-colors-fixed-theme-accent-7: #f53100;\n            --simple-colors-fixed-theme-accent-8: #b92500;\n            --simple-colors-fixed-theme-accent-9: #8a1c00;\n            --simple-colors-fixed-theme-accent-10: #561100;\n            --simple-colors-fixed-theme-accent-11: #3a0c00;\n            --simple-colors-fixed-theme-accent-12: #240700;\n          }\n\n          :host([dark][accent-color=\"deep-orange\"]) {\n            --simple-colors-default-theme-accent-1: #240700;\n            --simple-colors-default-theme-accent-2: #3a0c00;\n            --simple-colors-default-theme-accent-3: #561100;\n            --simple-colors-default-theme-accent-4: #8a1c00;\n            --simple-colors-default-theme-accent-5: #b92500;\n            --simple-colors-default-theme-accent-6: #f53100;\n            --simple-colors-default-theme-accent-7: #ff6c3c;\n            --simple-colors-default-theme-accent-8: #ff7649;\n            --simple-colors-default-theme-accent-9: #ff8a64;\n            --simple-colors-default-theme-accent-10: #ffa588;\n            --simple-colors-default-theme-accent-11: #ffb299;\n            --simple-colors-default-theme-accent-12: #ffe7e0;\n          }\n\n          :host([accent-color=\"brown\"]) {\n            --simple-colors-default-theme-accent-1: #f0e2de;\n            --simple-colors-default-theme-accent-2: #e5b8aa;\n            --simple-colors-default-theme-accent-3: #c59485;\n            --simple-colors-default-theme-accent-4: #b68373;\n            --simple-colors-default-theme-accent-5: #ac7868;\n            --simple-colors-default-theme-accent-6: #a47060;\n            --simple-colors-default-theme-accent-7: #85574a;\n            --simple-colors-default-theme-accent-8: #724539;\n            --simple-colors-default-theme-accent-9: #5b3328;\n            --simple-colors-default-theme-accent-10: #3b1e15;\n            --simple-colors-default-theme-accent-11: #2c140e;\n            --simple-colors-default-theme-accent-12: #200e09;\n            --simple-colors-fixed-theme-accent-1: #f0e2de;\n            --simple-colors-fixed-theme-accent-2: #e5b8aa;\n            --simple-colors-fixed-theme-accent-3: #c59485;\n            --simple-colors-fixed-theme-accent-4: #b68373;\n            --simple-colors-fixed-theme-accent-5: #ac7868;\n            --simple-colors-fixed-theme-accent-6: #a47060;\n            --simple-colors-fixed-theme-accent-7: #85574a;\n            --simple-colors-fixed-theme-accent-8: #724539;\n            --simple-colors-fixed-theme-accent-9: #5b3328;\n            --simple-colors-fixed-theme-accent-10: #3b1e15;\n            --simple-colors-fixed-theme-accent-11: #2c140e;\n            --simple-colors-fixed-theme-accent-12: #200e09;\n          }\n\n          :host([dark][accent-color=\"brown\"]) {\n            --simple-colors-default-theme-accent-1: #200e09;\n            --simple-colors-default-theme-accent-2: #2c140e;\n            --simple-colors-default-theme-accent-3: #3b1e15;\n            --simple-colors-default-theme-accent-4: #5b3328;\n            --simple-colors-default-theme-accent-5: #724539;\n            --simple-colors-default-theme-accent-6: #85574a;\n            --simple-colors-default-theme-accent-7: #a47060;\n            --simple-colors-default-theme-accent-8: #ac7868;\n            --simple-colors-default-theme-accent-9: #b68373;\n            --simple-colors-default-theme-accent-10: #c59485;\n            --simple-colors-default-theme-accent-11: #e5b8aa;\n            --simple-colors-default-theme-accent-12: #f0e2de;\n          }\n\n          :host([accent-color=\"blue-grey\"]) {\n            --simple-colors-default-theme-accent-1: #e7eff1;\n            --simple-colors-default-theme-accent-2: #b1c5ce;\n            --simple-colors-default-theme-accent-3: #9badb6;\n            --simple-colors-default-theme-accent-4: #8d9fa7;\n            --simple-colors-default-theme-accent-5: #7a8f98;\n            --simple-colors-default-theme-accent-6: #718892;\n            --simple-colors-default-theme-accent-7: #56707c;\n            --simple-colors-default-theme-accent-8: #40535b;\n            --simple-colors-default-theme-accent-9: #2f3e45;\n            --simple-colors-default-theme-accent-10: #1e282c;\n            --simple-colors-default-theme-accent-11: #182023;\n            --simple-colors-default-theme-accent-12: #0f1518;\n            --simple-colors-fixed-theme-accent-1: #e7eff1;\n            --simple-colors-fixed-theme-accent-2: #b1c5ce;\n            --simple-colors-fixed-theme-accent-3: #9badb6;\n            --simple-colors-fixed-theme-accent-4: #8d9fa7;\n            --simple-colors-fixed-theme-accent-5: #7a8f98;\n            --simple-colors-fixed-theme-accent-6: #718892;\n            --simple-colors-fixed-theme-accent-7: #56707c;\n            --simple-colors-fixed-theme-accent-8: #40535b;\n            --simple-colors-fixed-theme-accent-9: #2f3e45;\n            --simple-colors-fixed-theme-accent-10: #1e282c;\n            --simple-colors-fixed-theme-accent-11: #182023;\n            --simple-colors-fixed-theme-accent-12: #0f1518;\n          }\n\n          :host([dark][accent-color=\"blue-grey\"]) {\n            --simple-colors-default-theme-accent-1: #0f1518;\n            --simple-colors-default-theme-accent-2: #182023;\n            --simple-colors-default-theme-accent-3: #1e282c;\n            --simple-colors-default-theme-accent-4: #2f3e45;\n            --simple-colors-default-theme-accent-5: #40535b;\n            --simple-colors-default-theme-accent-6: #56707c;\n            --simple-colors-default-theme-accent-7: #718892;\n            --simple-colors-default-theme-accent-8: #7a8f98;\n            --simple-colors-default-theme-accent-9: #8d9fa7;\n            --simple-colors-default-theme-accent-10: #9badb6;\n            --simple-colors-default-theme-accent-11: #b1c5ce;\n            --simple-colors-default-theme-accent-12: #e7eff1;\n          }\n        "])))];
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-concept-network/lib/simple-concept-network-node.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-concept-network/lib/simple-concept-network-node.js
index 286dcfdb1c0..0aab4ddacc4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-concept-network/lib/simple-concept-network-node.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-concept-network/lib/simple-concept-network-node.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
   _exports.SimpleConceptNetworkNode = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e52e2ea01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb571c601f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -47,7 +47,7 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
     babelHelpers.createClass(SimpleConceptNetworkNode, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_e52e2ea01f0511ed8cc3e9a95995ad69 || (_templateObject_e52e2ea01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: inline-flex;\n          --simple-concept-network-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --simple-concept-network-bg: var(\n            --simple-colors-default-theme-accent-5\n          );\n        }\n        :host([colored-text]) {\n          --simple-concept-network-bg: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --simple-concept-network-color: var(\n            --simple-colors-default-theme-accent-8\n          );\n        }\n        button {\n          -webkit-transition: 0.6s transform ease-in-out;\n          transition: 0.6s transform ease-in-out;\n          -webkit-clip-path: polygon(\n            50% 0%,\n            100% 25%,\n            100% 75%,\n            50% 100%,\n            0% 75%,\n            0% 25%\n          );\n          clip-path: polygon(\n            50% 0%,\n            100% 25%,\n            100% 75%,\n            50% 100%,\n            0% 75%,\n            0% 25%\n          );\n          color: var(--simple-concept-network-color);\n        }\n        :host([visualization=\"network\"]) button:hover,\n        :host([visualization=\"network\"]) button:focus {\n          opacity: 0.8;\n        }\n        :host([visualization=\"3d\"]) button {\n          -webkit-transform: perspective(600px) rotateX(60deg);\n          -moz-transform: perspective(600px) rotateX(60deg);\n          -ms-transform: perspective(600px) rotateX(60deg);\n          -o-transform: perspective(600px) rotateX(60deg);\n          transform: perspective(600px) rotateX(60deg);\n        }\n        :host([visualization=\"3d\"]) button:hover,\n        :host([visualization=\"3d\"]) button:focus {\n          transform: perspective(0px) rotateX(0deg);\n        }\n        simple-icon {\n          --simple-icon-width: 50px;\n          --simple-icon-height: 50px;\n          margin: 1px 19px;\n          z-index: 3;\n          color: var(--simple-concept-network-color);\n        }\n        .hexagon {\n          position: relative;\n          width: 88px;\n          height: 50.81px;\n          margin: 25.4px 0;\n          background-size: auto 101.6136px;\n          background-position: center;\n          box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);\n          background-color: var(--simple-concept-network-bg);\n        }\n\n        .hexTop,\n        .hexBottom {\n          position: absolute;\n          z-index: 1;\n          width: 62.23px;\n          height: 62.23px;\n          overflow: hidden;\n          -webkit-transform: scaleY(0.5774) rotate(-45deg);\n          -ms-transform: scaleY(0.5774) rotate(-45deg);\n          transform: scaleY(0.5774) rotate(-45deg);\n          background: inherit;\n          left: 12.89px;\n          box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);\n        }\n\n        /*counter transform the bg image on the caps*/\n        .hexTop:after,\n        .hexBottom:after {\n          content: \"\";\n          position: absolute;\n          width: 88px;\n          height: 50.80682368868707px;\n          -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-25.4034px);\n          -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-25.4034px);\n          transform: rotate(45deg) scaleY(1.7321) translateY(-25.4034px);\n          -webkit-transform-origin: 0 0;\n          -ms-transform-origin: 0 0;\n          transform-origin: 0 0;\n          background: inherit;\n        }\n\n        .hexTop {\n          top: -31.1127px;\n        }\n\n        .hexTop:after {\n          background-position: center top;\n        }\n\n        .hexBottom {\n          bottom: -31.1127px;\n        }\n\n        .hexBottom:after {\n          background-position: center bottom;\n        }\n\n        .hexagon:after {\n          content: \"\";\n          position: absolute;\n          top: 0px;\n          left: 0;\n          width: 88px;\n          height: 50.8068px;\n          z-index: 2;\n          background: inherit;\n        }\n      </style>\n      <a tabindex=\"-1\" href=\"[[src]]\" disabled$=\"[[disabled]]\">\n        <button disabled$=\"[[disabled]]\" id=\"button\">\n          <div class=\"hexagon\" style$=\"background-image: url([[image]]);\">\n            <div class=\"hexTop\"></div>\n            <div class=\"hexBottom\"></div>\n            <simple-icon icon=\"[[icon]]\">&gt;</simple-icon>\n          </div>\n        </button>\n      </a>\n      <simple-tooltip for=\"button\" position=\"bottom\" offset=\"45\">\n        [[label]]\n      </simple-tooltip>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_bb571c601f2611eda0c389891c227ec8 || (_templateObject_bb571c601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: inline-flex;\n          --simple-concept-network-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --simple-concept-network-bg: var(\n            --simple-colors-default-theme-accent-5\n          );\n        }\n        :host([colored-text]) {\n          --simple-concept-network-bg: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --simple-concept-network-color: var(\n            --simple-colors-default-theme-accent-8\n          );\n        }\n        button {\n          -webkit-transition: 0.6s transform ease-in-out;\n          transition: 0.6s transform ease-in-out;\n          -webkit-clip-path: polygon(\n            50% 0%,\n            100% 25%,\n            100% 75%,\n            50% 100%,\n            0% 75%,\n            0% 25%\n          );\n          clip-path: polygon(\n            50% 0%,\n            100% 25%,\n            100% 75%,\n            50% 100%,\n            0% 75%,\n            0% 25%\n          );\n          color: var(--simple-concept-network-color);\n        }\n        :host([visualization=\"network\"]) button:hover,\n        :host([visualization=\"network\"]) button:focus {\n          opacity: 0.8;\n        }\n        :host([visualization=\"3d\"]) button {\n          -webkit-transform: perspective(600px) rotateX(60deg);\n          -moz-transform: perspective(600px) rotateX(60deg);\n          -ms-transform: perspective(600px) rotateX(60deg);\n          -o-transform: perspective(600px) rotateX(60deg);\n          transform: perspective(600px) rotateX(60deg);\n        }\n        :host([visualization=\"3d\"]) button:hover,\n        :host([visualization=\"3d\"]) button:focus {\n          transform: perspective(0px) rotateX(0deg);\n        }\n        simple-icon {\n          --simple-icon-width: 50px;\n          --simple-icon-height: 50px;\n          margin: 1px 19px;\n          z-index: 3;\n          color: var(--simple-concept-network-color);\n        }\n        .hexagon {\n          position: relative;\n          width: 88px;\n          height: 50.81px;\n          margin: 25.4px 0;\n          background-size: auto 101.6136px;\n          background-position: center;\n          box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);\n          background-color: var(--simple-concept-network-bg);\n        }\n\n        .hexTop,\n        .hexBottom {\n          position: absolute;\n          z-index: 1;\n          width: 62.23px;\n          height: 62.23px;\n          overflow: hidden;\n          -webkit-transform: scaleY(0.5774) rotate(-45deg);\n          -ms-transform: scaleY(0.5774) rotate(-45deg);\n          transform: scaleY(0.5774) rotate(-45deg);\n          background: inherit;\n          left: 12.89px;\n          box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);\n        }\n\n        /*counter transform the bg image on the caps*/\n        .hexTop:after,\n        .hexBottom:after {\n          content: \"\";\n          position: absolute;\n          width: 88px;\n          height: 50.80682368868707px;\n          -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-25.4034px);\n          -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-25.4034px);\n          transform: rotate(45deg) scaleY(1.7321) translateY(-25.4034px);\n          -webkit-transform-origin: 0 0;\n          -ms-transform-origin: 0 0;\n          transform-origin: 0 0;\n          background: inherit;\n        }\n\n        .hexTop {\n          top: -31.1127px;\n        }\n\n        .hexTop:after {\n          background-position: center top;\n        }\n\n        .hexBottom {\n          bottom: -31.1127px;\n        }\n\n        .hexBottom:after {\n          background-position: center bottom;\n        }\n\n        .hexagon:after {\n          content: \"\";\n          position: absolute;\n          top: 0px;\n          left: 0;\n          width: 88px;\n          height: 50.8068px;\n          z-index: 2;\n          background: inherit;\n        }\n      </style>\n      <a tabindex=\"-1\" href=\"[[src]]\" disabled$=\"[[disabled]]\">\n        <button disabled$=\"[[disabled]]\" id=\"button\">\n          <div class=\"hexagon\" style$=\"background-image: url([[image]]);\">\n            <div class=\"hexTop\"></div>\n            <div class=\"hexBottom\"></div>\n            <simple-icon icon=\"[[icon]]\">&gt;</simple-icon>\n          </div>\n        </button>\n      </a>\n      <simple-tooltip for=\"button\" position=\"bottom\" offset=\"45\">\n        [[label]]\n      </simple-tooltip>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-concept-network/simple-concept-network.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-concept-network/simple-concept-network.js
index 08462205d87..110617ec42e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-concept-network/simple-concept-network.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-concept-network/simple-concept-network.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
   _exports.SimpleConceptNetwork = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_9e13aae01f0511ed8cc3e9a95995ad69;
+  var _templateObject_78b947201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -62,7 +62,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9e13aae01f0511ed8cc3e9a95995ad69 || (_templateObject_9e13aae01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n        }\n        :host([visualization=\"network\"]) simple-concept-network-node {\n          position: relative;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(1) {\n          top: 150px;\n          left: 176px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(2) {\n          top: 0px;\n          left: 60px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(3) {\n          top: 75px;\n          left: 60px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(4) {\n          top: 230px;\n          left: -56px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(5) {\n          top: 300px;\n          left: -282px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(6) {\n          top: 230px;\n          left: -515px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(7) {\n          top: 75px;\n          left: -630px;\n        }\n        :host([visualization=\"network\"]) {\n          display: block;\n          min-height: 450px;\n        }\n      </style>\n      <template is=\"dom-repeat\" items=\"[[nodes]]\" as=\"node\">\n        <simple-concept-network-node\n          accent-color$=\"[[node.color]]\"\n          colored-text$=\"[[coloredText]]\"\n          dark$=\"[[dark]]\"\n          visualization$=\"[[visualization]]\"\n          src$=\"[[node.src]]\"\n          icon$=\"[[node.icon]]\"\n          image$=\"[[node.image]]\"\n          label$=\"[[node.label]]\"\n          disabled$=\"[[node.disabled]]\"\n        ></simple-concept-network-node>\n      </template>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_78b947201f2611eda0c389891c227ec8 || (_templateObject_78b947201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n        }\n        :host([visualization=\"network\"]) simple-concept-network-node {\n          position: relative;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(1) {\n          top: 150px;\n          left: 176px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(2) {\n          top: 0px;\n          left: 60px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(3) {\n          top: 75px;\n          left: 60px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(4) {\n          top: 230px;\n          left: -56px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(5) {\n          top: 300px;\n          left: -282px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(6) {\n          top: 230px;\n          left: -515px;\n        }\n        :host([visualization=\"network\"])\n          simple-concept-network-node:nth-child(7) {\n          top: 75px;\n          left: -630px;\n        }\n        :host([visualization=\"network\"]) {\n          display: block;\n          min-height: 450px;\n        }\n      </style>\n      <template is=\"dom-repeat\" items=\"[[nodes]]\" as=\"node\">\n        <simple-concept-network-node\n          accent-color$=\"[[node.color]]\"\n          colored-text$=\"[[coloredText]]\"\n          dark$=\"[[dark]]\"\n          visualization$=\"[[visualization]]\"\n          src$=\"[[node.src]]\"\n          icon$=\"[[node.icon]]\"\n          image$=\"[[node.image]]\"\n          label$=\"[[node.label]]\"\n          disabled$=\"[[node.disabled]]\"\n        ></simple-concept-network-node>\n      </template>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-cta/simple-cta.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-cta/simple-cta.js
index 1f70d73e0f3..143ae65633f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-cta/simple-cta.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-cta/simple-cta.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../utils/lib/remoteLinkBehavior.js", "
   });
   _exports.SimpleCta = void 0;
 
-  var _templateObject_ae83bc801f0511ed8cc3e9a95995ad69, _templateObject2_ae83bc801f0511ed8cc3e9a95995ad69;
+  var _templateObject_88d015301f2611eda0c389891c227ec8, _templateObject2_88d015301f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -56,7 +56,7 @@ define(["exports", "../../lit/index.js", "../utils/lib/remoteLinkBehavior.js", "
       key: "render",
       value: // Template return function
       function render() {
-        return (0, _index.html)(_templateObject_ae83bc801f0511ed8cc3e9a95995ad69 || (_templateObject_ae83bc801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <a\n      href=\"", "\"\n      role=\"button\"\n      part=\"simple-cta-link\"\n      @click=\"", "\"\n      ?contenteditable=\"", "\"\n    >\n      <span><span id=\"title\">", "</span><slot></slot></span>\n    </a>"])), this.link, this._clickCard, this.editMode, this.title);
+        return (0, _index.html)(_templateObject_88d015301f2611eda0c389891c227ec8 || (_templateObject_88d015301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <a\n      href=\"", "\"\n      role=\"button\"\n      part=\"simple-cta-link\"\n      @click=\"", "\"\n      ?contenteditable=\"", "\"\n    >\n      <span><span id=\"title\">", "</span><slot></slot></span>\n    </a>"])), this.link, this._clickCard, this.editMode, this.title);
       } // haxProperty definition
 
     }, {
@@ -172,7 +172,7 @@ define(["exports", "../../lit/index.js", "../utils/lib/remoteLinkBehavior.js", "
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleCta), "styles", this)), [(0, _index.css)(_templateObject2_ae83bc801f0511ed8cc3e9a95995ad69 || (_templateObject2_ae83bc801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          --simple-cta-color: var(\n            --simple-colors-default-theme-accent-1,\n            white\n          );\n          --simple-cta-outline: var(\n            --simple-colors-default-theme-accent-12,\n            black\n          );\n          --simple-cta-bg-color-is-user-selected: var(\n            --simple-colors-default-theme-accent-10,\n            darkgreen\n          );\n          --simple-cta-bg-color: var(\n            --simple-colors-default-theme-accent-7,\n            green\n          );\n          margin: 60px 0 0;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([contenteditable]) a {\n          pointer-events: none;\n        }\n\n        :host([is-user-selected]) a {\n          background-color: var(--simple-cta-bg-color-is-user-selected);\n          outline: 1px solid var(--simple-cta-outline);\n        }\n\n        a {\n          display: block;\n          color: var(--simple-cta-color);\n          background-color: var(--simple-cta-bg-color);\n          transition: background 0.3s linear, border 0.3s linear,\n            border-radius 0.3s linear, box-shadow 0.3s linear;\n          text-decoration: none;\n          font-size: 1em;\n          text-transform: uppercase;\n          border-radius: 100px 100px 100px 100px;\n          box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.16);\n          padding: 16px 40px;\n          font-family: Sans-serif;\n          font-weight: 500;\n        }\n\n        a span {\n          display: flex;\n          justify-content: center;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleCta), "styles", this)), [(0, _index.css)(_templateObject2_88d015301f2611eda0c389891c227ec8 || (_templateObject2_88d015301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          --simple-cta-color: var(\n            --simple-colors-default-theme-accent-1,\n            white\n          );\n          --simple-cta-outline: var(\n            --simple-colors-default-theme-accent-12,\n            black\n          );\n          --simple-cta-bg-color-is-user-selected: var(\n            --simple-colors-default-theme-accent-10,\n            darkgreen\n          );\n          --simple-cta-bg-color: var(\n            --simple-colors-default-theme-accent-7,\n            green\n          );\n          margin: 60px 0 0;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([contenteditable]) a {\n          pointer-events: none;\n        }\n\n        :host([is-user-selected]) a {\n          background-color: var(--simple-cta-bg-color-is-user-selected);\n          outline: 1px solid var(--simple-cta-outline);\n        }\n\n        a {\n          display: block;\n          color: var(--simple-cta-color);\n          background-color: var(--simple-cta-bg-color);\n          transition: background 0.3s linear, border 0.3s linear,\n            border-radius 0.3s linear, box-shadow 0.3s linear;\n          text-decoration: none;\n          font-size: 1em;\n          text-transform: uppercase;\n          border-radius: 100px 100px 100px 100px;\n          box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.16);\n          padding: 16px 40px;\n          font-family: Sans-serif;\n          font-weight: 500;\n        }\n\n        a span {\n          display: flex;\n          justify-content: center;\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-datetime/simple-datetime.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-datetime/simple-datetime.js
index d47f468b56e..fe0ad301ed8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-datetime/simple-datetime.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-datetime/simple-datetime.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/date.format.js"], function (_exp
   });
   _exports.SimpleDatetime = void 0;
 
-  var _templateObject_ae8591401f0511ed8cc3e9a95995ad69, _templateObject2_ae8591401f0511ed8cc3e9a95995ad69;
+  var _templateObject_88d1e9f01f2611eda0c389891c227ec8, _templateObject2_88d1e9f01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -49,7 +49,7 @@ define(["exports", "../../lit/index.js", "./lib/date.format.js"], function (_exp
        * LitElement life cycle - render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_ae8591401f0511ed8cc3e9a95995ad69 || (_templateObject_ae8591401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <time datetime=\"", "\">", "</time> "])), this.date, this.date);
+        return (0, _index.html)(_templateObject_88d1e9f01f2611eda0c389891c227ec8 || (_templateObject_88d1e9f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <time datetime=\"", "\">", "</time> "])), this.date, this.date);
       }
     }, {
       key: "updated",
@@ -83,7 +83,7 @@ define(["exports", "../../lit/index.js", "./lib/date.format.js"], function (_exp
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_ae8591401f0511ed8cc3e9a95995ad69 || (_templateObject2_ae8591401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 14px;\n          color: #b3b3b1;\n          line-height: 30px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_88d1e9f01f2611eda0c389891c227ec8 || (_templateObject2_88d1e9f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 14px;\n          color: #b3b3b1;\n          line-height: 30px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-drawer/simple-drawer.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-drawer/simple-drawer.js
index e582a7ee428..7d53ce247af 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-drawer/simple-drawer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-drawer/simple-drawer.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
   });
   _exports.SimpleDrawer = void 0;
 
-  var _templateObject_ae8a73401f0511ed8cc3e9a95995ad69, _templateObject2_ae8a73401f0511ed8cc3e9a95995ad69, _templateObject3_ae8a73401f0511ed8cc3e9a95995ad69;
+  var _templateObject_88d6f3001f2611eda0c389891c227ec8, _templateObject2_88d6f3001f2611eda0c389891c227ec8, _templateObject3_88d6f3001f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -66,7 +66,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_ae8a73401f0511ed8cc3e9a95995ad69 || (_templateObject_ae8a73401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <custom-style>\n        <style>\n          app-drawer {\n            --app-drawer-content-container: {\n              padding: 0;\n              overflow-y: scroll;\n              position: fixed;\n              color: var(--simple-drawer-color, #222222);\n              background-color: var(--simple-drawer-background-color, #ffffff);\n            }\n          }\n          :host ::slotted(*) {\n            @apply --simple-drawer-content;\n          }\n\n          .content {\n            @apply --simple-drawer-content-container;\n          }\n          .top {\n            @apply --simple-drawer-header;\n          }\n\n          .top h2 {\n            @apply --simple-drawer-heading;\n          }\n        </style>\n      </custom-style>\n      <app-drawer\n        tabindex=\"0\"\n        id=\"drawer\"\n        ?opened=\"", "\"\n        @opened-changed=\"", "\"\n        .align=\"", "\"\n        role=\"dialog\"\n      >\n        <div class=\"wrapper\">\n          <div class=\"top\">\n            ", "\n            <slot name=\"header\"></slot>\n          </div>\n          <div class=\"content\">\n            <slot name=\"content\"></slot>\n          </div>\n          <button id=\"close\" @click=\"", "\">\n            <simple-icon\n              icon=\"", "\"\n              dark\n              contrast=\"4\"\n            ></simple-icon>\n            ", "\n          </button>\n        </div>\n      </app-drawer>"])), this.opened, this.__openedChanged, this.align, this.title ? (0, _index.html)(_templateObject2_ae8a73401f0511ed8cc3e9a95995ad69 || (_templateObject2_ae8a73401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<h2>", "</h2>"])), this.title) : "", this.close, this.closeIcon, this.closeLabel);
+        return (0, _index.html)(_templateObject_88d6f3001f2611eda0c389891c227ec8 || (_templateObject_88d6f3001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <custom-style>\n        <style>\n          app-drawer {\n            --app-drawer-content-container: {\n              padding: 0;\n              overflow-y: scroll;\n              position: fixed;\n              color: var(--simple-drawer-color, #222222);\n              background-color: var(--simple-drawer-background-color, #ffffff);\n            }\n          }\n          :host ::slotted(*) {\n            @apply --simple-drawer-content;\n          }\n\n          .content {\n            @apply --simple-drawer-content-container;\n          }\n          .top {\n            @apply --simple-drawer-header;\n          }\n\n          .top h2 {\n            @apply --simple-drawer-heading;\n          }\n        </style>\n      </custom-style>\n      <app-drawer\n        tabindex=\"0\"\n        id=\"drawer\"\n        ?opened=\"", "\"\n        @opened-changed=\"", "\"\n        .align=\"", "\"\n        role=\"dialog\"\n      >\n        <div class=\"wrapper\">\n          <div class=\"top\">\n            ", "\n            <slot name=\"header\"></slot>\n          </div>\n          <div class=\"content\">\n            <slot name=\"content\"></slot>\n          </div>\n          <button id=\"close\" @click=\"", "\">\n            <simple-icon\n              icon=\"", "\"\n              dark\n              contrast=\"4\"\n            ></simple-icon>\n            ", "\n          </button>\n        </div>\n      </app-drawer>"])), this.opened, this.__openedChanged, this.align, this.title ? (0, _index.html)(_templateObject2_88d6f3001f2611eda0c389891c227ec8 || (_templateObject2_88d6f3001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<h2>", "</h2>"])), this.title) : "", this.close, this.closeIcon, this.closeLabel);
       } // properties available to the custom element for data binding
 
     }, {
@@ -239,7 +239,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleDrawer), "styles", this)), [(0, _index.css)(_templateObject3_ae8a73401f0511ed8cc3e9a95995ad69 || (_templateObject3_ae8a73401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          z-index: 1000;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host div::slotted(*) {\n          font-size: 14px;\n        }\n\n        .content {\n          text-align: left;\n          padding: 8px 24px;\n        }\n\n        .top ::slotted(*) {\n          font-size: 24px;\n          margin: 0;\n          padding: 0 15px;\n          height: 40px;\n          line-height: 48px;\n        }\n\n        #close {\n          position: absolute;\n          right: 8px;\n          top: 8px;\n          padding: 4px 6px 4px 4px;\n          margin: 11px 5px 0px 0px;\n          text-transform: none;\n          float: right;\n          font-size: var(--simple-drawer-close-font-size, 12px);\n          color: var(--simple-drawer-header-color, #ffffff);\n          background-color: var(--simple-drawer-close-background, transparent);\n          border: var(--simple-drawer-close-border);\n          cursor: pointer;\n          min-width: unset;\n        }\n\n        #close simple-icon {\n          display: inline-block;\n          --simple-icon-width: 16px;\n          --simple-icon-height: 16px;\n          margin-top: -2px;\n          margin-right: 2px;\n        }\n\n        .top {\n          font-size: 24px;\n          margin: 0 0 8px 0;\n          padding: 0 16px;\n          height: 64px;\n          line-height: 64px;\n          display: flex;\n          text-align: left;\n          justify-content: space-between;\n          background-color: var(--simple-drawer-header-background, #20427b);\n          color: var(--simple-drawer-header-color, #ffffff);\n        }\n\n        .top h2 {\n          flex: auto;\n          color: var(--simple-drawer-header-color, #ffffff);\n          font-size: 24px;\n          padding: 0;\n          line-height: 45px;\n          margin: 8px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleDrawer), "styles", this)), [(0, _index.css)(_templateObject3_88d6f3001f2611eda0c389891c227ec8 || (_templateObject3_88d6f3001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          z-index: 1000;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host div::slotted(*) {\n          font-size: 14px;\n        }\n\n        .content {\n          text-align: left;\n          padding: 8px 24px;\n        }\n\n        .top ::slotted(*) {\n          font-size: 24px;\n          margin: 0;\n          padding: 0 15px;\n          height: 40px;\n          line-height: 48px;\n        }\n\n        #close {\n          position: absolute;\n          right: 8px;\n          top: 8px;\n          padding: 4px 6px 4px 4px;\n          margin: 11px 5px 0px 0px;\n          text-transform: none;\n          float: right;\n          font-size: var(--simple-drawer-close-font-size, 12px);\n          color: var(--simple-drawer-header-color, #ffffff);\n          background-color: var(--simple-drawer-close-background, transparent);\n          border: var(--simple-drawer-close-border);\n          cursor: pointer;\n          min-width: unset;\n        }\n\n        #close simple-icon {\n          display: inline-block;\n          --simple-icon-width: 16px;\n          --simple-icon-height: 16px;\n          margin-top: -2px;\n          margin-right: 2px;\n        }\n\n        .top {\n          font-size: 24px;\n          margin: 0 0 8px 0;\n          padding: 0 16px;\n          height: 64px;\n          line-height: 64px;\n          display: flex;\n          text-align: left;\n          justify-content: space-between;\n          background-color: var(--simple-drawer-header-background, #20427b);\n          color: var(--simple-drawer-header-color, #ffffff);\n        }\n\n        .top h2 {\n          flex: auto;\n          color: var(--simple-drawer-header-color, #ffffff);\n          font-size: 24px;\n          padding: 0;\n          line-height: 45px;\n          margin: 8px;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-emoji/simple-emoji.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-emoji/simple-emoji.js
index ed6cab527ed..0b46c86e7ff 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-emoji/simple-emoji.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-emoji/simple-emoji.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.SimpleEmoji = void 0;
 
-  var _templateObject_ae8c20f01f0511ed8cc3e9a95995ad69, _templateObject2_ae8c20f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_88d8a0b01f2611eda0c389891c227ec8, _templateObject2_88d8a0b01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -42,7 +42,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_ae8c20f01f0511ed8cc3e9a95995ad69 || (_templateObject_ae8c20f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
+        return (0, _index.html)(_templateObject_88d8a0b01f2611eda0c389891c227ec8 || (_templateObject_88d8a0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
       }
       /**
        * Convention we use
@@ -107,7 +107,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(SimpleEmoji), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_ae8c20f01f0511ed8cc3e9a95995ad69 || (_templateObject2_ae8c20f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_88d8a0b01f2611eda0c389891c227ec8 || (_templateObject2_88d8a0b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array-item.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array-item.dev.js
index 81a681aad80..625854839cd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array-item.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array-item.dev.js
@@ -37,10 +37,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_f24b1da01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c94abc501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        :host {\n          padding: 0;\n          border-radius: var(--simple-fields-border-radius, 2px);\n          display: block;\n          border: none;\n          transform: rotate(0deg);\n          transition: all 0.5s ease;\n          z-index: 1;\n          position: relative;\n        }\n        :host([disabled]) {\n          opacity: 0.5;\n        }\n        :host([aria-expanded="true"]) {\n          padding: var(--simple-fields-margin, 16px)\n            var(--simple-fields-margin-small, 8px);\n          outline: 1px solid var(--simple-fields-border-color-light, #ccc);\n          transition: all 0.5s ease;\n        }\n        :host([error]) {\n          outline: 1px solid var(--simple-fields-error-color, #b40000);\n          transition: border 0.5s ease;\n        }\n        *[aria-controls="content"][disabled] {\n          cursor: not-allowed;\n        }\n        #drag-handle {\n          flex: 0 1 auto;\n          position: relative;\n          overflow: visible;\n        }\n        #preview {\n          flex: 1 0 auto;\n          margin: 0;\n          margin-right: calc(0 - var(--simple-fields-margin-small, 8px) / 2);\n          margin-left: calc(50px + var(--simple-fields-margin-small, 8px) / 2);\n          max-width: calc(\n            100% - 72px - 2 * var(--simple-fields-margin-small, 8px) / 2\n          );\n        }\n        #heading,\n        .heading-inner {\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n        }\n        #content {\n          overflow: hidden;\n          max-height: 0;\n        }\n        :host #content-inner {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          flex-wrap: wrap;\n          overflow: hidden;\n          max-height: 0;\n          transition: max-height 0.75s ease 0.1s;\n        }\n        :host([aria-expanded="true"]) #content {\n          max-height: 20000vh;\n          transition: max-height 0.75s ease 0.1s;\n        }\n        :host([aria-expanded="true"]) #content-inner {\n          max-height: 20000vh;\n        }\n        #content-inner > * {\n          flex: 1 1 auto;\n        }\n        #copy-delete {\n          display: flex;\n          align-items: stretch;\n          justify-content: flex-end;\n          flex: 1 0 auto;\n        }\n        #copy,\n        #remove {\n          flex: 0 0 auto;\n        }\n        #expand {\n          margin-left: calc(var(--simple-fields-margin-small, 8px) / 2);\n        }\n        #drag-handle {\n          position: absolute;\n          left: 2px;\n          top: 2px;\n          --simple-toolbar-button-white-space: normal !important;\n        }\n        :host([aria-expanded="true"]) #drag-handle {\n          top: var(--simple-fields-margin, 16px);\n          left: var(--simple-fields-margin-small, 8px);\n        }\n        #dropzone {\n          height: 0px;\n        }\n        :host(.dragging) #heading {\n          opacity: 0.5;\n        }\n        :host(.dragging) #content,\n        :host(.dragging) #expand {\n          display: none;\n        }\n        #content:hover,\n        #content:focus-within,\n        #content:hover #content-inner,\n        #content:focus-within #content-inner {\n          overflow: visible;\n        }\n        :host(.dragging) #preview,\n        :host(.droppable) #preview {\n          margin-left: calc(var(--simple-fields-margin-small, 8px) / 2);\n        }\n        :host(.dropzone) #dropzone {\n          background-color: var(\n            --simple-fields-button-focus-background-color,\n            var(--simple-fields-accent-color-light, #d9eaff)\n          );\n          height: 80px;\n        }\n\n        :host([aria-expanded="true"]) #expand::part(icon) {\n          transform: rotate(90deg);\n          transition: all 0.5s ease;\n        }\n        ::slotted([slot="preview"]),\n        ::slotted(*:first-child) {\n          margin-top: 0;\n        }\n        ::slotted([slot="preview"]),\n        ::slotted(*:last-child) {\n          margin-bottom: 0;\n        }\n        :host(:hover),\n        :host(:focus),\n        :host(:focus-within) {\n          z-index: 100000;\n        }\n        :host(.dropzone) {\n          z-index: 1;\n        }\n        [hidden],\n        :host(:first-child) #move-up-outer,\n        :host(:last-child) #move-down-outer,\n        :host(:first-child):last-child #drag-handle {\n          display: none;\n        }\n      ']);
 
-  _templateObject2_f24b1da01f0511ed8cc3e9a95995ad69 = function _templateObject2_f24b1da01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c94abc501f2611eda0c389891c227ec8 = function _templateObject2_c94abc501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -69,10 +69,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_f24b1da01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c94abc501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <div id="dropzone"></div>\n      <simple-toolbar-menu\n        id="drag-handle"\n        controls="', '"\n        icon="icons:reorder"\n        label="Reorder this item"\n        ?disabled="', '"\n        ?hidden="', '"\n        part="drag"\n        tooltip-direction="right"\n        @mousedown="', '"\n        @mouseup="', '"\n      >\n        <simple-toolbar-menu-item id="move-up-outer">\n          <simple-toolbar-button\n            id="move-up"\n            align-horizontal="left"\n            role="menuitem"\n            icon="arrow-upward"\n            show-text-label\n            label="Up"\n            @click="', '"\n          >\n          </simple-toolbar-button>\n        </simple-toolbar-menu-item>\n        <simple-toolbar-menu-item id="move-down-outer">\n          <simple-toolbar-button\n            align-horizontal="left"\n            id="move-up"\n            role="menuitem"\n            icon="arrow-downward"\n            show-text-label\n            label="Down"\n            @click="', '"\n          >\n          </simple-toolbar-button>\n        </simple-toolbar-menu-item>\n      </simple-toolbar-menu>\n      <div id="heading" part="heading" .item="', '">\n        <div id="preview" part="preview"><slot name="preview"></slot></div>\n        <simple-toolbar-button\n          id="expand"\n          controls="', '"\n          icon="more-vert"\n          label="Toggle expand"\n          @click="', '"\n          toggles\n          ?toggled="', '"\n          part="expand"\n          tooltip-direction="left"\n        >\n        </simple-toolbar-button>\n      </div>\n      <div id="content" part="content">\n        <div id="content-inner" part="content-inner">\n          <div><slot></slot></div>\n          <div id="copy-delete">\n            <simple-toolbar-button\n              id="copy"\n              controls="', '"\n              icon="content-copy"\n              label="Copy this item"\n              ?disabled="', '"\n              @click="', '"\n              part="copy"\n              tooltip-direction="left"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-menu\n              id="remove"\n              icon="delete"\n              label="Remove this item"\n              ?disabled="', '"\n              fit-to-visible-bounds\n              part="remove"\n              position-align="end"\n              tooltip-direction="left"\n            >\n              <simple-toolbar-menu-item>\n                <simple-toolbar-button\n                  id="confirm-remove"\n                  class="danger"\n                  align-horizontal="left"\n                  role="menuitem"\n                  show-text-label\n                  controls="', '"\n                  icon="delete"\n                  label="Remove"\n                  ?disabled="', '"\n                  @click="', '"\n                  part="confirm-remove"\n                >\n                </simple-toolbar-button>\n              </simple-toolbar-menu-item>\n            </simple-toolbar-menu>\n          </div>\n        </div>\n      </div>\n    ']);
 
-  _templateObject_f24b1da01f0511ed8cc3e9a95995ad69 = function _templateObject_f24b1da01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c94abc501f2611eda0c389891c227ec8 = function _templateObject_c94abc501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -231,7 +231,7 @@ var SimpleFieldsArrayItem = /*#__PURE__*/function (_SimpleFieldsFieldset) {
     value: function render() {
       var _this2 = this;
 
-      return (0, _litElement.html)(_templateObject_f24b1da01f0511ed8cc3e9a95995ad69(), this.id, this.disabled, this.__dropAccepts || this.__dragging, function (e) {
+      return (0, _litElement.html)(_templateObject_c94abc501f2611eda0c389891c227ec8(), this.id, this.disabled, this.__dropAccepts || this.__dragging, function (e) {
         return _this2.draggable = "true";
       }, function (e) {
         return _this2.draggable = "false";
@@ -240,7 +240,7 @@ var SimpleFieldsArrayItem = /*#__PURE__*/function (_SimpleFieldsFieldset) {
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsArrayItem), "styles", this)), _toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _litElement.css)(_templateObject2_f24b1da01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsArrayItem), "styles", this)), _toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _litElement.css)(_templateObject2_c94abc501f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array.dev.js
index f6bba6d4a7a..0396af2d669 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array.dev.js
@@ -82,10 +82,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject3_f24837701f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c94d54601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host([expanded]) #expand::part(icon) {\n          transform: rotate(90deg);\n          transition: all 0.5s ease;\n        }\n        #item-fields {\n          margin: var(--simple-fields-margin-small, 8px) 0;\n          clear: both;\n          z-index: 3;\n        }\n        #top {\n          display: flex;\n          align-items: flex-end;\n          justify-content: flex-end;\n        }\n        #add {\n          float: right;\n        }\n      "]);
 
-  _templateObject3_f24837701f0511ed8cc3e9a95995ad69 = function _templateObject3_f24837701f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c94d54601f2611eda0c389891c227ec8 = function _templateObject3_c94d54601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -114,20 +114,20 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject2_f24837701f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c94d54601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <div id="top" part="top">\n        ', '\n        <simple-toolbar-button\n          id="expand"\n          controls="item-fields"\n          icon="more-vert"\n          @click="', '"\n          ?toggled="', '"\n          toggles\n          show-text-label\n          label="', '"\n          part="expand"\n        >\n        </simple-toolbar-button>\n      </div>\n      <div id="item-fields" aria-live="polite" part="items">\n        <slot></slot>\n        <simple-toolbar-button\n          id="add"\n          icon="add"\n          controls="item-fields"\n          @click="', '"\n          part="add"\n          icon="more-vert"\n          ?toggled="', '"\n          toggles\n          show-text-label\n          label="Add Item"\n        >\n        </simple-toolbar-button>\n      </div>\n    ']);
 
-  _templateObject2_f24837701f0511ed8cc3e9a95995ad69 = function _templateObject2_f24837701f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c94d54601f2611eda0c389891c227ec8 = function _templateObject2_c94d54601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f24837701f0511ed8cc3e9a95995ad69() {
+function _templateObject_c94d54601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <fieldset part="fieldset">', "", "</fieldset>\n    "]);
 
-  _templateObject_f24837701f0511ed8cc3e9a95995ad69 = function _templateObject_f24837701f0511ed8cc3e9a95995ad69() {
+  _templateObject_c94d54601f2611eda0c389891c227ec8 = function _templateObject_c94d54601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -263,14 +263,14 @@ var SimpleFieldsArray = /*#__PURE__*/function (_SimpleFieldsFieldset) {
   _createClass(SimpleFieldsArray, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_f24837701f0511ed8cc3e9a95995ad69(), this.legend, this.fields);
+      return (0, _litElement.html)(_templateObject_c94d54601f2611eda0c389891c227ec8(), this.legend, this.fields);
     }
   }, {
     key: "fields",
     get: function get() {
       var _this2 = this;
 
-      return (0, _litElement.html)(_templateObject2_f24837701f0511ed8cc3e9a95995ad69(), this.descriptionTemplate, function (e) {
+      return (0, _litElement.html)(_templateObject2_c94d54601f2611eda0c389891c227ec8(), this.descriptionTemplate, function (e) {
         return _this2.toggle();
       }, this.expanded, this.expanded ? "Collapse All" : "Expand All", function (e) {
         return _this2._handleAdd();
@@ -284,7 +284,7 @@ var SimpleFieldsArray = /*#__PURE__*/function (_SimpleFieldsFieldset) {
   }, {
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsArray), "styles", this)), _toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _litElement.css)(_templateObject3_f24837701f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsArray), "styles", this)), _toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _litElement.css)(_templateObject3_c94d54601f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-code.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-code.dev.js
index 1f0b8824736..1dbb7afb69e 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-code.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-code.dev.js
@@ -27,10 +27,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_f24e79001f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c95061a01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <div class="field-main" part="field-main">\n        ', '\n        <code-editor\n          ?autofocus="', '"\n          ?disabled="', '"\n          font-size="', '"\n          editor-value="', '"\n          theme="', '"\n          language="', '"\n          mode="', '"\n          ?read-only="', '"\n          @value-changed="', '"\n          @focused-changed="', '"\n          @code-editor-focus="', '"\n          @code-editor-blur="', '"\n          part="editor"\n        >\n        </code-editor>\n        <input name="', '" type="hidden" value="', '" />\n      </div>\n    ']);
 
-  _templateObject2_f24e79001f0511ed8cc3e9a95995ad69 = function _templateObject2_f24e79001f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c95061a01f2611eda0c389891c227ec8 = function _templateObject2_c95061a01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -86,10 +86,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_f24e79001f0511ed8cc3e9a95995ad69() {
+function _templateObject_c95061a01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        #options {\n          display: var(--simple-fields-radio-option-display, flex);\n          flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n        }\n        code-editor {\n          margin: 0;\n          transition: height 0.5s ease-in-out;\n          box-sizing: border-box;\n          vertical-align: bottom;\n        }\n        code-editor:focus {\n          outline: none;\n        }\n      "]);
 
-  _templateObject_f24e79001f0511ed8cc3e9a95995ad69 = function _templateObject_f24e79001f0511ed8cc3e9a95995ad69() {
+  _templateObject_c95061a01f2611eda0c389891c227ec8 = function _templateObject_c95061a01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -259,7 +259,7 @@ var SimpleFieldsCode = /*#__PURE__*/function (_SimpleFieldsContaine) {
   }, {
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsCode), "styles", this)), [(0, _litElement.css)(_templateObject_f24e79001f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsCode), "styles", this)), [(0, _litElement.css)(_templateObject_c95061a01f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "properties",
@@ -493,7 +493,7 @@ var SimpleFieldsCode = /*#__PURE__*/function (_SimpleFieldsContaine) {
     get: function get() {
       var _this4 = this;
 
-      return (0, _litElement.html)(_templateObject2_f24e79001f0511ed8cc3e9a95995ad69(), this.labelTemplate, this.autofocus, this.disabled, this.fontSize, this.__editorValue || "", this.theme || "auto", this.language, this.mode, this.readonly || this.disabled, this._onChange, this._onFocusChange, function (e) {
+      return (0, _litElement.html)(_templateObject2_c95061a01f2611eda0c389891c227ec8(), this.labelTemplate, this.autofocus, this.disabled, this.fontSize, this.__editorValue || "", this.theme || "auto", this.language, this.mode, this.readonly || this.disabled, this._onChange, this._onFocusChange, function (e) {
         return _this4.focused == true;
       }, function (e) {
         return _this4.focused == false;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-container.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-container.dev.js
index cc608c910f2..62aa0e070ea 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-container.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-container.dev.js
@@ -23,90 +23,90 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject10_f254e1a01f0511ed8cc3e9a95995ad69() {
+function _templateObject10_c9567c201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <slot name="suffix"></slot>\n        ', "\n      "]);
 
-  _templateObject10_f254e1a01f0511ed8cc3e9a95995ad69 = function _templateObject10_f254e1a01f0511ed8cc3e9a95995ad69() {
+  _templateObject10_c9567c201f2611eda0c389891c227ec8 = function _templateObject10_c9567c201f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject9_f254e1a01f0511ed8cc3e9a95995ad69() {
+function _templateObject9_c9567c201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <slot name="prefix"></slot>\n        ', "\n      "]);
 
-  _templateObject9_f254e1a01f0511ed8cc3e9a95995ad69 = function _templateObject9_f254e1a01f0511ed8cc3e9a95995ad69() {
+  _templateObject9_c9567c201f2611eda0c389891c227ec8 = function _templateObject9_c9567c201f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject8_f254e1a01f0511ed8cc3e9a95995ad69() {
+function _templateObject8_c9567c201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <label\n          for="', '"\n          class="label-main"\n          ?hidden="', '"\n          part="label"\n        >\n          <slot name="label-prefix"></slot>\n          <slot name="label"></slot>\n          ', "", "\n        </label>\n      "]);
 
-  _templateObject8_f254e1a01f0511ed8cc3e9a95995ad69 = function _templateObject8_f254e1a01f0511ed8cc3e9a95995ad69() {
+  _templateObject8_c9567c201f2611eda0c389891c227ec8 = function _templateObject8_c9567c201f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject7_f254e1a01f0511ed8cc3e9a95995ad69() {
+function _templateObject7_c9567c201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <div id="fieldmeta" aria-live="polite" part="field-meta">\n          <slot name="field-meta"></slot>\n        </div>\n      ']);
 
-  _templateObject7_f254e1a01f0511ed8cc3e9a95995ad69 = function _templateObject7_f254e1a01f0511ed8cc3e9a95995ad69() {
+  _templateObject7_c9567c201f2611eda0c389891c227ec8 = function _templateObject7_c9567c201f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject6_f254e1a01f0511ed8cc3e9a95995ad69() {
+function _templateObject6_c9567c201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <div\n          class="', '"\n          part="field-main"\n        >\n          ', '\n          <div part="field-inner">\n            ', '\n            <slot name="field"></slot>\n            ', "\n          </div>\n        </div>\n      "]);
 
-  _templateObject6_f254e1a01f0511ed8cc3e9a95995ad69 = function _templateObject6_f254e1a01f0511ed8cc3e9a95995ad69() {
+  _templateObject6_c9567c201f2611eda0c389891c227ec8 = function _templateObject6_c9567c201f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject5_f254e1a01f0511ed8cc3e9a95995ad69() {
+function _templateObject5_c9567c201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <div class="border-bottom blur"></div>\n        <div class="border-bottom focus"></div>\n        <div id="field-bottom" part="field-bottom">\n          <div id="error-desc" part="field-bottom-inner">\n            ', " ", "\n          </div>\n          ", "\n        </div>\n      "]);
 
-  _templateObject5_f254e1a01f0511ed8cc3e9a95995ad69 = function _templateObject5_f254e1a01f0511ed8cc3e9a95995ad69() {
+  _templateObject5_c9567c201f2611eda0c389891c227ec8 = function _templateObject5_c9567c201f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject4_f254e1a01f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c9567c201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <div\n          id="error-message"\n          ?hidden="', '"\n          role="alert"\n          part="error-msg"\n        >\n          ', "\n        </div>\n      "]);
 
-  _templateObject4_f254e1a01f0511ed8cc3e9a95995ad69 = function _templateObject4_f254e1a01f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c9567c201f2611eda0c389891c227ec8 = function _templateObject4_c9567c201f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_f254e1a01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c9567c201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <div id="description" part="field-desc">\n          <slot name="description"></slot>\n          ', "\n        </div>\n      "]);
 
-  _templateObject3_f254e1a01f0511ed8cc3e9a95995ad69 = function _templateObject3_f254e1a01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c9567c201f2611eda0c389891c227ec8 = function _templateObject3_c9567c201f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_f254e1a01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c9567c201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n          :host {\n            display: block;\n          }\n          :host([error]) {\n            color: var(--simple-fields-error-color, #b40000);\n            transition: color 0.3s ease-in-out;\n          }\n          :host([disabled]) {\n            color: var(--simple-fields-disabled-color, #999);\n          }\n          .field-main.inline,\n          .field-main > div,\n          #field-bottom {\n            display: flex;\n            align-items: stretch;\n            justify-content: flex-start;\n          }\n          * {\n            flex: 1 1 auto;\n          }\n          #fieldmeta {\n            text-align: right;\n          }\n          .field,\n          ::slotted([slot="field"]) {\n            width: auto;\n            border: none;\n            color: var(--simple-fields-color, currentColor);\n            background-color: var(--simple-fields-background-color, transparent);\n            transition: opacity ease-in-out;\n            flex: 1 0 auto;\n          }\n          ::slotted([slot="field"]:focus) {\n            outline: none;\n          }\n          :host[inline] ::slotted([slot="field"]:focus),\n          ::slotted([type="checkbox"][slot="radio"]:focus),\n          ::slotted([type="checkbox"][slot="field"]:focus) {\n            outline: unset;\n          }\n          .field-main.inline .field,\n          .field-main.inline ::slotted([slot="field"]) {\n            min-width: var(--simple-fields-detail-line-height, 22px);\n            height: var(--simple-fields-detail-line-height, 22px);\n            margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n          }\n          .field[disabled],\n          :host([readonly]) ::slotted([slot="field"]) {\n            opacity: var(--simple-fields-disabled-opacity, 0.7);\n            transition: opacity ease-in-out;\n          }\n          .field[readonly],\n          .field[disabled],\n          :host([readonly]) ::slotted([slot="field"]),\n          :host([disabled]) ::slotted([slot="field"]) {\n            cursor: not-allowed;\n            pointer-events: none;\n          }\n          .border-bottom {\n            height: 0;\n          }\n          :host([disabled]) .border-bottom {\n            border-bottom: 1px dashed var(--simple-fields-border-color, #999);\n          }\n          .border-bottom.blur {\n            border-bottom: 1px solid var(--simple-fields-border-color, #999);\n            width: 100%;\n          }\n          .border-bottom.focus {\n            margin: -1px auto 0;\n            width: 0;\n            border-bottom: 2px solid var(--simple-fields-accent-color, #3f51b5);\n            transition: width 0.5s ease-in-out;\n          }\n          :host(:focus-within) .border-bottom.focus {\n            width: 100%;\n            transition: width 0.5s ease-in-out;\n          }\n          :host([type="checkbox"]) .border-bottom,\n          :host([type="color"]) .border-bottom,\n          :host([type="file"]) .border-bottom,\n          :host([type="radio"]) .border-bottom,\n          :host([type="range"]) .border-bottom {\n            display: none;\n          }\n          ::slotted(input) {\n            padding: 0px;\n          }\n          ::slotted(textarea[slot="field"]) {\n            margin: 0;\n            transition: height 0.5s ease-in-out;\n            box-sizing: border-box;\n            vertical-align: bottom;\n          }\n          ::slotted(fieldset[slot="field"]) {\n            margin: 0;\n            padding: 0;\n            border: none;\n            font-size: var(--simple-fields-font-size, 16px);\n            font-family: var(--simple-fields-font-family, sans-serif);\n            line-height: var(--simple-fields-line-height, 22px);\n            display: var(--simple-fields-radio-option-display, block);\n            flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n            transition: color 0.3s ease-in-out;\n          }\n        ']);
 
-  _templateObject2_f254e1a01f0511ed8cc3e9a95995ad69 = function _templateObject2_f254e1a01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c9567c201f2611eda0c389891c227ec8 = function _templateObject2_c9567c201f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -135,10 +135,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_f254e1a01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9567c201f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([" ", " ", " "]);
 
-  _templateObject_f254e1a01f0511ed8cc3e9a95995ad69 = function _templateObject_f254e1a01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9567c201f2611eda0c389891c227ec8 = function _templateObject_c9567c201f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -267,7 +267,7 @@ var SimpleFieldsContainerBehaviors = function SimpleFieldsContainerBehaviors(Sup
     _createClass(_class, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_f254e1a01f0511ed8cc3e9a95995ad69(), this.fieldMainTemplate, this.fieldBottom);
+        return (0, _litElement.html)(_templateObject_c9567c201f2611eda0c389891c227ec8(), this.fieldMainTemplate, this.fieldBottom);
       }
     }], [{
       key: "tag",
@@ -277,7 +277,7 @@ var SimpleFieldsContainerBehaviors = function SimpleFieldsContainerBehaviors(Sup
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(_toConsumableArray(_simpleFieldsUi.SimpleFieldsBaseStyles), _toConsumableArray(_simpleFieldsUi.SimpleFieldsLabelStyles), _toConsumableArray(_simpleFieldsUi.SimpleFieldsDescriptionStyles), [(0, _litElement.css)(_templateObject2_f254e1a01f0511ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_simpleFieldsUi.SimpleFieldsBaseStyles), _toConsumableArray(_simpleFieldsUi.SimpleFieldsLabelStyles), _toConsumableArray(_simpleFieldsUi.SimpleFieldsDescriptionStyles), [(0, _litElement.css)(_templateObject2_c9567c201f2611eda0c389891c227ec8())]);
       }
     }, {
       key: "properties",
@@ -977,7 +977,7 @@ var SimpleFieldsContainerBehaviors = function SimpleFieldsContainerBehaviors(Sup
     }, {
       key: "descriptionTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject3_f254e1a01f0511ed8cc3e9a95995ad69(), this.description);
+        return (0, _litElement.html)(_templateObject3_c9567c201f2611eda0c389891c227ec8(), this.description);
       }
       /**
        * template for slotted or shadow DOM error message
@@ -990,7 +990,7 @@ var SimpleFieldsContainerBehaviors = function SimpleFieldsContainerBehaviors(Sup
     }, {
       key: "errorTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject4_f254e1a01f0511ed8cc3e9a95995ad69(), !this.error, this.errorMessage);
+        return (0, _litElement.html)(_templateObject4_c9567c201f2611eda0c389891c227ec8(), !this.error, this.errorMessage);
       }
       /**
        *
@@ -1004,7 +1004,7 @@ var SimpleFieldsContainerBehaviors = function SimpleFieldsContainerBehaviors(Sup
     }, {
       key: "fieldBottom",
       get: function get() {
-        return (0, _litElement.html)(_templateObject5_f254e1a01f0511ed8cc3e9a95995ad69(), this.descriptionTemplate, this.errorTemplate, this.fieldMeta);
+        return (0, _litElement.html)(_templateObject5_c9567c201f2611eda0c389891c227ec8(), this.descriptionTemplate, this.errorTemplate, this.fieldMeta);
       }
       /**
        * gets field's id
@@ -1030,7 +1030,7 @@ var SimpleFieldsContainerBehaviors = function SimpleFieldsContainerBehaviors(Sup
     }, {
       key: "fieldMainTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject6_f254e1a01f0511ed8cc3e9a95995ad69(), this.inline || ["checkbox", "color", "radio"].includes(this.type || "text") ? "field-main inline" : "field-main", this.labelTemplate, this.prefixTemplate, this.suffixTemplate);
+        return (0, _litElement.html)(_templateObject6_c9567c201f2611eda0c389891c227ec8(), this.inline || ["checkbox", "color", "radio"].includes(this.type || "text") ? "field-main inline" : "field-main", this.labelTemplate, this.prefixTemplate, this.suffixTemplate);
       }
       /**
        *
@@ -1044,7 +1044,7 @@ var SimpleFieldsContainerBehaviors = function SimpleFieldsContainerBehaviors(Sup
     }, {
       key: "fieldMeta",
       get: function get() {
-        return (0, _litElement.html)(_templateObject7_f254e1a01f0511ed8cc3e9a95995ad69());
+        return (0, _litElement.html)(_templateObject7_c9567c201f2611eda0c389891c227ec8());
       }
     }, {
       key: "hasFieldset",
@@ -1062,7 +1062,7 @@ var SimpleFieldsContainerBehaviors = function SimpleFieldsContainerBehaviors(Sup
     }, {
       key: "labelTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject8_f254e1a01f0511ed8cc3e9a95995ad69(), this.fieldId, this.type === "fieldset", this.label, this.error || this.required ? "*" : "");
+        return (0, _litElement.html)(_templateObject8_c9567c201f2611eda0c389891c227ec8(), this.fieldId, this.type === "fieldset", this.label, this.error || this.required ? "*" : "");
       }
     }, {
       key: "multicheck",
@@ -1127,7 +1127,7 @@ var SimpleFieldsContainerBehaviors = function SimpleFieldsContainerBehaviors(Sup
     }, {
       key: "prefixTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject9_f254e1a01f0511ed8cc3e9a95995ad69(), this.prefix);
+        return (0, _litElement.html)(_templateObject9_c9567c201f2611eda0c389891c227ec8(), this.prefix);
       }
       /**
        * determines if field is required and blank
@@ -1166,7 +1166,7 @@ var SimpleFieldsContainerBehaviors = function SimpleFieldsContainerBehaviors(Sup
     }, {
       key: "suffixTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject10_f254e1a01f0511ed8cc3e9a95995ad69(), this.suffix);
+        return (0, _litElement.html)(_templateObject10_c9567c201f2611eda0c389891c227ec8(), this.suffix);
       }
     }]);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-field.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-field.dev.js
index 05a80e8430a..87ce0a861b2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-field.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-field.dev.js
@@ -15,30 +15,30 @@ require("@lrnwebcomponents/simple-icon/lib/simple-icons.js");
 
 require("@lrnwebcomponents/simple-icon/simple-icon.js");
 
-function _templateObject10_f25a5fe01f0511ed8cc3e9a95995ad69() {
+function _templateObject10_c95bd3501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <textarea\n          aria-invalid="', '"\n          ?autofocus="', '"\n          @blur="', '"\n          class="field box-input"\n          @change="', '"\n          @keydown="', '"\n          ?disabled="', '"\n          @focus="', '"\n          ?hidden="', '"\n          id="', '"\n          @input="', '"\n          name="', '"\n          ?readonly="', '"\n          ?required="', '"\n          rows="1"\n          tabindex="0"\n          part="textarea"\n        >\n  ', "</textarea\n        >\n      "]);
 
-  _templateObject10_f25a5fe01f0511ed8cc3e9a95995ad69 = function _templateObject10_f25a5fe01f0511ed8cc3e9a95995ad69() {
+  _templateObject10_c95bd3501f2611eda0c389891c227ec8 = function _templateObject10_c95bd3501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject9_f25a5fe01f0511ed8cc3e9a95995ad69() {
+function _templateObject9_c95bd3501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n              <option\n                part="select-option"\n                .id="', ".", '"\n                ?selected="', '"\n                .value="', '"\n              >\n                ', "\n              </option>\n            "]);
 
-  _templateObject9_f25a5fe01f0511ed8cc3e9a95995ad69 = function _templateObject9_f25a5fe01f0511ed8cc3e9a95995ad69() {
+  _templateObject9_c95bd3501f2611eda0c389891c227ec8 = function _templateObject9_c95bd3501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject8_f25a5fe01f0511ed8cc3e9a95995ad69() {
+function _templateObject8_c95bd3501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <select\n          ?autofocus="', '"\n          aria-descrbedby="', '"\n          aria-invalid="', '"\n          @blur="', '"\n          @change="', '"\n          class="field"\n          ?disabled="', '"\n          @focus="', '"\n          ?hidden="', '"\n          id="', '"\n          ?multiple="', '"\n          name="', '"\n          ?readonly="', '"\n          ?required="', '"\n          tabindex="0"\n          part="select"\n        >\n          ', '\n        </select>\n        <simple-icon-lite icon="arrow-drop-down"></simple-icon-lite>\n      ']);
 
-  _templateObject8_f25a5fe01f0511ed8cc3e9a95995ad69 = function _templateObject8_f25a5fe01f0511ed8cc3e9a95995ad69() {
+  _templateObject8_c95bd3501f2611eda0c389891c227ec8 = function _templateObject8_c95bd3501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -59,60 +59,60 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject7_f25a5fe01f0511ed8cc3e9a95995ad69() {
+function _templateObject7_c95bd3501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n                <div class="option inline" part="option">\n                  <label\n                    for="', ".", '"\n                    class="radio-label"\n                    part="option-label"\n                    >', "</label\n                  >", "\n                </div>\n              "]);
 
-  _templateObject7_f25a5fe01f0511ed8cc3e9a95995ad69 = function _templateObject7_f25a5fe01f0511ed8cc3e9a95995ad69() {
+  _templateObject7_c95bd3501f2611eda0c389891c227ec8 = function _templateObject7_c95bd3501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject6_f25a5fe01f0511ed8cc3e9a95995ad69() {
+function _templateObject6_c95bd3501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <fieldset part="fieldset">\n          <legend\n            class="label-main"\n            ?hidden="', '"\n            part="fieldset-legend"\n          >\n            ', "", '\n          </legend>\n          <div id="options" part="fieldset-options">\n            ', "\n          </div>\n          ", "\n        </fieldset>\n      "]);
 
-  _templateObject6_f25a5fe01f0511ed8cc3e9a95995ad69 = function _templateObject6_f25a5fe01f0511ed8cc3e9a95995ad69() {
+  _templateObject6_c95bd3501f2611eda0c389891c227ec8 = function _templateObject6_c95bd3501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject5_f25a5fe01f0511ed8cc3e9a95995ad69() {
+function _templateObject5_c95bd3501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <div id="fieldmeta" aria-live="polite" part="field-meta"></div>\n      ']);
 
-  _templateObject5_f25a5fe01f0511ed8cc3e9a95995ad69 = function _templateObject5_f25a5fe01f0511ed8cc3e9a95995ad69() {
+  _templateObject5_c95bd3501f2611eda0c389891c227ec8 = function _templateObject5_c95bd3501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject4_f25a5fe01f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c95bd3501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <div\n          class="', '"\n          part="field-main"\n        >\n          ', '\n          <div id="field-main-inner" part="field-main-inner">\n            ', "\n            ", "\n            ", "\n          </div>\n        </div>\n      "]);
 
-  _templateObject4_f25a5fe01f0511ed8cc3e9a95995ad69 = function _templateObject4_f25a5fe01f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c95bd3501f2611eda0c389891c227ec8 = function _templateObject4_c95bd3501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_f25a5fe01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c95bd3501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n                <simple-icon-lite\n                  icon="', '"\n                  @click="', '"\n                  part="option-icon"\n                >\n                </simple-icon-lite>\n              ']);
 
-  _templateObject3_f25a5fe01f0511ed8cc3e9a95995ad69 = function _templateObject3_f25a5fe01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c95bd3501f2611eda0c389891c227ec8 = function _templateObject3_c95bd3501f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_f25a5fe01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c95bd3501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <span class="input-option" part="option-inner">\n          <input\n            ?autofocus="', '"\n            aria-descrbedby="', '"\n            .aria-invalid="', '"\n            @blur="', '"\n            @change="', '"\n            ?checked="', '"\n            class="field ', '"\n            ?disabled="', '"\n            @focus="', '"\n            ?hidden="', '"\n            id="', '"\n            @input="', '"\n            name="', '"\n            .placeholder="', '"\n            ?readonly="', '"\n            ?required="', '"\n            tabindex="0"\n            type="', '"\n            value="', '"\n            part="option-input"\n          />\n          ', "\n        </span>\n      "]);
 
-  _templateObject2_f25a5fe01f0511ed8cc3e9a95995ad69 = function _templateObject2_f25a5fe01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c95bd3501f2611eda0c389891c227ec8 = function _templateObject2_c95bd3501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -168,10 +168,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_f25a5fe01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c95bd3501f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n          fieldset {\n            margin: 0;\n            padding: 0;\n            border: none;\n            background-color: transparent;\n          }\n          option {\n            border-radius: 0;\n          }\n          option[selected] {\n            background-color: var(\n              --simple-fields-faded-background-color,\n              rgba(0, 0, 0, 0.1)\n            );\n          }\n          legend {\n            padding-inline-start: unset;\n            padding-inline-end: unset;\n          }\n          #field-main-inner {\n            position: relative;\n          }\n          #options {\n            display: var(--simple-fields-radio-option-display, flex);\n            flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n          }\n          .option {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: stretch;\n            justify-content: space-between;\n            margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n          }\n          .option:last-of-type {\n            margin: 0;\n          }\n          .option:focus-within label {\n            color: var(--simple-fields-accent-color, #003f7d);\n            transition: color ease-in-out;\n          }\n          :host([type]) fieldset .border-bottom {\n            display: block;\n          }\n          .box-input {\n            width: 100%;\n            padding: 2px;\n          }\n          .box-input:focus {\n            outline: none;\n          }\n          .field-main.inline {\n            align-items: center;\n          }\n          input {\n            background-color: var(--simple-fields-background-color, transparent);\n          }\n          input[type="text"] {\n            padding: 0;\n          }\n          textarea {\n            margin: 0;\n            transition: height 0.5s ease-in-out;\n            box-sizing: border-box;\n            vertical-align: bottom;\n            background-color: var(--simple-fields-background-color, transparent);\n          }\n          select.field {\n            width: calc(100% - 26px);\n            padding-right: 26px;\n            border: none;\n            background-color: var(--simple-fields-background-color, transparent);\n            border-radius: 0;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n          }\n          :host([type="select"]) simple-icon-lite {\n            position: absolute;\n            right: 0px;\n          }\n          select:focus,\n          select:focus-within {\n            outline: none;\n          }\n          :host([type="checkbox"]) span,\n          :host([type="radio"]) span {\n            position: relative;\n            flex: 1 0 auto;\n            display: flex;\n            align-items: center;\n          }\n          :host([type="checkbox"]) span:focus-within,\n          :host([type="radio"]) span:focus-within {\n            color: var(--simple-fields-accent-color, #003f7d);\n            outline: 1px dotted var(--simple-fields-accent-color, #003f7d);\n          }\n          :host([type="checkbox"]) label.checkbox-label,\n          :host([type="radio"]) label.radio-label {\n            flex: 0 0 auto;\n          }\n          :host([type="checkbox"]) input,\n          :host([type="radio"]) input,\n          .field-main.inline input[type="checkbox"].field,\n          .field-main.inline input[type="radio"].field {\n            z-index: -1;\n            opacity: 0;\n            min-width: 0;\n            width: 0;\n            margin: 0;\n            flex: 0 1 0px;\n          }\n          :host([type="checkbox"]) simple-icon-lite,\n          :host([type="radio"]) simple-icon-lite {\n            flex: 0 0 auto;\n          }\n          :host([type="checkbox"]) simple-icon-lite:hover,\n          :host([type="radio"]) simple-icon-lite:hover,\n          :host([type="checkbox"]) span:focus-within simple-icon-lite,\n          :host([type="radio"]) span:focus-within simple-icon-lite {\n            color: var(--simple-fields-accent-color, #003f7d);\n          }\n  \n          input[type="range"] {\n            width: 100%;\n            height: calc(\n              var(--simple-fields-font-size, 16px) +\n                var(--simple-fields-line-height, 22px)\n            );\n            padding: 0;\n            margin: 0;\n            box-sizing: border-box;\n            -webkit-appearance: none;\n          }\n          input[type="range"]:focus {\n            outline: none;\n          }\n          input[type="range"]::-webkit-slider-runnable-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type="range"]::-webkit-slider-runnable-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-webkit-slider-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background-color: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n            -webkit-appearance: none;\n            margin-top: -2px;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-webkit-slider-thumb,\n          input[type="range"][disabled]::-webkit-slider-thumb {\n            cursor: not-allowed;\n          }\n          input[type="range"]:focus::-webkit-slider-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type="range"]::-webkit-slider-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-webkit-slider-thumb,\n          input[type="range"][disabled]::-webkit-slider-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-moz-range-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-moz-range-track,\n          input[type="range"][disabled]::-moz-range-track {\n            cursor: not-allowed;\n          }\n          :host([error]) input[type="range"]::-moz-range-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-moz-range-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]:focus::-moz-range-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type="range"]::-moz-range-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-moz-range-thumb,\n          input[type="range"][disabled]::-moz-range-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-ms-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: transparent;\n            border-color: transparent;\n            color: transparent;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-ms-track,\n          input[type="range"][disabled]::-ms-track {\n            cursor: not-allowed;\n          }\n          :host([error]) input[type="range"]::-ms-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-ms-fill-lower {\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n          }\n          input[type="range"]::-ms-fill-upper {\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n          }\n          input[type="range"]::-ms-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n          }\n          input[type="range"][readonly]::-ms-thumb,\n          input[type="range"][disabled]::-ms-thumb {\n            cursor: not-allowed;\n          }\n          input[type="range"]:focus::-ms-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n          }\n          :host([error]) input[type="range"]::-ms-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][redonly]::-ms-thumb,\n          input[type="range"][disabled]::-ms-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]:focus::-ms-fill-lower {\n            background: var(--simple-fields-border-color-light, #ccc);\n          }\n          input[type="range"]:focus::-ms-fill-upper {\n            background: var(--simple-fields-border-color-light, #ccc);\n          }\n        ']);
 
-  _templateObject_f25a5fe01f0511ed8cc3e9a95995ad69 = function _templateObject_f25a5fe01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c95bd3501f2611eda0c389891c227ec8 = function _templateObject_c95bd3501f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -332,7 +332,7 @@ var SimpleFieldsFieldBehaviors = function SimpleFieldsFieldBehaviors(SuperClass)
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "styles", this)), [(0, _litElement.css)(_templateObject_f25a5fe01f0511ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "styles", this)), [(0, _litElement.css)(_templateObject_c95bd3501f2611eda0c389891c227ec8())]);
       }
     }, {
       key: "properties",
@@ -553,7 +553,7 @@ var SimpleFieldsFieldBehaviors = function SimpleFieldsFieldBehaviors(SuperClass)
 
         var checked = !option ? !!this.value : this.type === "radio" ? this.value === (option || {}).value : (this.value || []).includes((option || {}).value),
             icon = this.getOptionIcon(checked);
-        return (0, _litElement.html)(_templateObject2_f25a5fe01f0511ed8cc3e9a95995ad69(), this.autofocus, this.describedBy || "", this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, checked, ["checkbox", "color", "file", "radio", "range"].includes(this.type) ? "" : "box-input", this.disabled, this._onFocusin, this.hidden, !option ? this.id : option.value, this._handleFieldChange, this.id, this.placeholder || "", this.readonly, this.required, this.type, !option ? this.value : (option || {}).value, this.type !== "checkbox" && this.type !== "radio" ? "" : (0, _litElement.html)(_templateObject3_f25a5fe01f0511ed8cc3e9a95995ad69(), icon, function (e) {
+        return (0, _litElement.html)(_templateObject2_c95bd3501f2611eda0c389891c227ec8(), this.autofocus, this.describedBy || "", this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, checked, ["checkbox", "color", "file", "radio", "range"].includes(this.type) ? "" : "box-input", this.disabled, this._onFocusin, this.hidden, !option ? this.id : option.value, this._handleFieldChange, this.id, this.placeholder || "", this.readonly, this.required, this.type, !option ? this.value : (option || {}).value, this.type !== "checkbox" && this.type !== "radio" ? "" : (0, _litElement.html)(_templateObject3_c95bd3501f2611eda0c389891c227ec8(), icon, function (e) {
           return _this3._handleIconClick(checked, option);
         }));
       }
@@ -719,7 +719,7 @@ var SimpleFieldsFieldBehaviors = function SimpleFieldsFieldBehaviors(SuperClass)
     }, {
       key: "fieldMainTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject4_f25a5fe01f0511ed8cc3e9a95995ad69(), this.inline || ["checkbox", "color", "radio"].includes(this.type || "text") ? "field-main inline" : "field-main", this.labelTemplate, this.prefixTemplate, this.fieldElementTag === "input" ? this.inputTemplate : this.fieldElementTag === "select" ? this.selectTemplate : this.fieldElementTag === "textarea" ? this.textareaTemplate : "", this.suffixTemplate);
+        return (0, _litElement.html)(_templateObject4_c95bd3501f2611eda0c389891c227ec8(), this.inline || ["checkbox", "color", "radio"].includes(this.type || "text") ? "field-main inline" : "field-main", this.labelTemplate, this.prefixTemplate, this.fieldElementTag === "input" ? this.inputTemplate : this.fieldElementTag === "select" ? this.selectTemplate : this.fieldElementTag === "textarea" ? this.textareaTemplate : "", this.suffixTemplate);
       }
       /**
        *
@@ -733,7 +733,7 @@ var SimpleFieldsFieldBehaviors = function SimpleFieldsFieldBehaviors(SuperClass)
     }, {
       key: "fieldMeta",
       get: function get() {
-        return (0, _litElement.html)(_templateObject5_f25a5fe01f0511ed8cc3e9a95995ad69());
+        return (0, _litElement.html)(_templateObject5_c95bd3501f2611eda0c389891c227ec8());
       }
       /**
        * template for `fieldset` in shadow DOM
@@ -748,8 +748,8 @@ var SimpleFieldsFieldBehaviors = function SimpleFieldsFieldBehaviors(SuperClass)
       get: function get() {
         var _this5 = this;
 
-        return (0, _litElement.html)(_templateObject6_f25a5fe01f0511ed8cc3e9a95995ad69(), !this.label, this.label, this.error || this.required ? "*" : "", (this.sortedOptions || []).map(function (option) {
-          return (0, _litElement.html)(_templateObject7_f25a5fe01f0511ed8cc3e9a95995ad69(), _this5.id, option.value, option.text, _this5.getInput(option));
+        return (0, _litElement.html)(_templateObject6_c95bd3501f2611eda0c389891c227ec8(), !this.label, this.label, this.error || this.required ? "*" : "", (this.sortedOptions || []).map(function (option) {
+          return (0, _litElement.html)(_templateObject7_c95bd3501f2611eda0c389891c227ec8(), _this5.id, option.value, option.text, _this5.getInput(option));
         }), this.fieldBottom);
       }
     }, {
@@ -832,8 +832,8 @@ var SimpleFieldsFieldBehaviors = function SimpleFieldsFieldBehaviors(SuperClass)
       get: function get() {
         var _this7 = this;
 
-        return (0, _litElement.html)(_templateObject8_f25a5fe01f0511ed8cc3e9a95995ad69(), this.autofocus, this.describedBy, this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, this.disabled, this._onFocusin, this.hidden, this.id, this.multiple, this.id, this.readonly, this.required, (this.sortedOptions || []).map(function (option) {
-          return (0, _litElement.html)(_templateObject9_f25a5fe01f0511ed8cc3e9a95995ad69(), _this7.id, option.value, _this7.multiple ? _this7.value && _this7.value.includes(option.value) : _this7.value === option.value, option.value, option.text);
+        return (0, _litElement.html)(_templateObject8_c95bd3501f2611eda0c389891c227ec8(), this.autofocus, this.describedBy, this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, this.disabled, this._onFocusin, this.hidden, this.id, this.multiple, this.id, this.readonly, this.required, (this.sortedOptions || []).map(function (option) {
+          return (0, _litElement.html)(_templateObject9_c95bd3501f2611eda0c389891c227ec8(), _this7.id, option.value, _this7.multiple ? _this7.value && _this7.value.includes(option.value) : _this7.value === option.value, option.value, option.text);
         }));
       }
       /**
@@ -857,7 +857,7 @@ var SimpleFieldsFieldBehaviors = function SimpleFieldsFieldBehaviors(SuperClass)
     }, {
       key: "textareaTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject10_f25a5fe01f0511ed8cc3e9a95995ad69(), this.error ? "true" : "false", this.autofocus, this._onFocusout, this._handleFieldChange, function (e) {
+        return (0, _litElement.html)(_templateObject10_c95bd3501f2611eda0c389891c227ec8(), this.error ? "true" : "false", this.autofocus, this._onFocusout, this._handleFieldChange, function (e) {
           return e.stopPropagation();
         }, this.disabled, this._onFocusin, this.hidden, this.id, this._handleFieldChange, this.id, this.readonly, this.required, this.value || "");
       }
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-fieldset.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-fieldset.dev.js
index efe9811418a..cb6c32050ee 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-fieldset.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-fieldset.dev.js
@@ -23,10 +23,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject5_f25ca9d01f0511ed8cc3e9a95995ad69() {
+function _templateObject5_c95e1d401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host(:last-of-type) {\n            margin-bottom: 0;\n          }\n        "]);
 
-  _templateObject5_f25ca9d01f0511ed8cc3e9a95995ad69 = function _templateObject5_f25ca9d01f0511ed8cc3e9a95995ad69() {
+  _templateObject5_c95e1d401f2611eda0c389891c227ec8 = function _templateObject5_c95e1d401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -55,40 +55,40 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject4_f25ca9d01f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c95e1d401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <div id="item-fields" part="fields">\n          <slot></slot>\n        </div>\n      ']);
 
-  _templateObject4_f25ca9d01f0511ed8cc3e9a95995ad69 = function _templateObject4_f25ca9d01f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c95e1d401f2611eda0c389891c227ec8 = function _templateObject4_c95e1d401f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_f25ca9d01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c95e1d401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <div id="description" ?hidden="', '" part="description">\n          ', "\n        </div>\n      "]);
 
-  _templateObject3_f25ca9d01f0511ed8cc3e9a95995ad69 = function _templateObject3_f25ca9d01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c95e1d401f2611eda0c389891c227ec8 = function _templateObject3_c95e1d401f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_f25ca9d01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c95e1d401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <legend id="label" ?hidden="', '" part="legend">\n          ', "", "\n        </legend>\n      "]);
 
-  _templateObject2_f25ca9d01f0511ed8cc3e9a95995ad69 = function _templateObject2_f25ca9d01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c95e1d401f2611eda0c389891c227ec8 = function _templateObject2_c95e1d401f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f25ca9d01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c95e1d401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <fieldset part="fieldset">\n          ', " ", " ", "\n        </fieldset>\n      "]);
 
-  _templateObject_f25ca9d01f0511ed8cc3e9a95995ad69 = function _templateObject_f25ca9d01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c95e1d401f2611eda0c389891c227ec8 = function _templateObject_c95e1d401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -193,22 +193,22 @@ var SimpleFieldsFieldsetBehaviors = function SimpleFieldsFieldsetBehaviors(Super
     _createClass(_class, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_f25ca9d01f0511ed8cc3e9a95995ad69(), this.legend, this.desc, this.fields);
+        return (0, _litElement.html)(_templateObject_c95e1d401f2611eda0c389891c227ec8(), this.legend, this.desc, this.fields);
       }
     }, {
       key: "legend",
       get: function get() {
-        return (0, _litElement.html)(_templateObject2_f25ca9d01f0511ed8cc3e9a95995ad69(), !this.label, this.label, this.error ? "*" : "");
+        return (0, _litElement.html)(_templateObject2_c95e1d401f2611eda0c389891c227ec8(), !this.label, this.label, this.error ? "*" : "");
       }
     }, {
       key: "desc",
       get: function get() {
-        return (0, _litElement.html)(_templateObject3_f25ca9d01f0511ed8cc3e9a95995ad69(), !this.description, this.description);
+        return (0, _litElement.html)(_templateObject3_c95e1d401f2611eda0c389891c227ec8(), !this.description, this.description);
       }
     }, {
       key: "fields",
       get: function get() {
-        return (0, _litElement.html)(_templateObject4_f25ca9d01f0511ed8cc3e9a95995ad69());
+        return (0, _litElement.html)(_templateObject4_c95e1d401f2611eda0c389891c227ec8());
       }
     }], [{
       key: "tag",
@@ -218,7 +218,7 @@ var SimpleFieldsFieldsetBehaviors = function SimpleFieldsFieldsetBehaviors(Super
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(_toConsumableArray(_simpleFieldsUi.SimpleFieldsBaseStyles), _toConsumableArray(_simpleFieldsUi.SimpleFieldsFieldsetStyles), _toConsumableArray(_simpleFieldsUi.SimpleFieldsDescriptionStyles), [(0, _litElement.css)(_templateObject5_f25ca9d01f0511ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_simpleFieldsUi.SimpleFieldsBaseStyles), _toConsumableArray(_simpleFieldsUi.SimpleFieldsFieldsetStyles), _toConsumableArray(_simpleFieldsUi.SimpleFieldsDescriptionStyles), [(0, _litElement.css)(_templateObject5_c95e1d401f2611eda0c389891c227ec8())]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form-lite.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form-lite.dev.js
index f9fc0bb982c..698fefb3c58 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form-lite.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form-lite.dev.js
@@ -76,10 +76,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_f263d5c01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c96570401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-  _templateObject2_f263d5c01f0511ed8cc3e9a95995ad69 = function _templateObject2_f263d5c01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c96570401f2611eda0c389891c227ec8 = function _templateObject2_c96570401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -128,10 +128,10 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _templateObject_f263d5c01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c96570401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <form part="form">\n        <slot name="before"></slot>\n        <simple-fields-lite\n          id="sf"\n          .autofocus="', '"\n          .language="', '"\n          .resources="', '"\n          .schema="', '"\n          .elementizer="', '"\n          .value="', '"\n          @value-changed="', '"\n          part="fields"\n        >\n        </simple-fields-lite>\n        <slot name="after"></slot>\n        <slot></slot>\n      </form>\n    ']);
 
-  _templateObject_f263d5c01f0511ed8cc3e9a95995ad69 = function _templateObject_f263d5c01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c96570401f2611eda0c389891c227ec8 = function _templateObject_c96570401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -238,7 +238,7 @@ var SimpleFieldsFormLite = /*#__PURE__*/function (_LitElement) {
     key: "render",
     // render function
     value: function render() {
-      return (0, _litElement.html)(_templateObject_f263d5c01f0511ed8cc3e9a95995ad69(), !this.disableAutofocus, this.language, this.resources, this.schema, this.elementizer, this.value, this._valueChanged);
+      return (0, _litElement.html)(_templateObject_c96570401f2611eda0c389891c227ec8(), !this.disableAutofocus, this.language, this.resources, this.schema, this.elementizer, this.value, this._valueChanged);
     }
     /**
      * updates the form value when a field changes
@@ -413,7 +413,7 @@ var SimpleFieldsFormLite = /*#__PURE__*/function (_LitElement) {
   }], [{
     key: "styles",
     get: function get() {
-      return [(0, _litElement.css)(_templateObject2_f263d5c01f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject2_c96570401f2611eda0c389891c227ec8())];
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form.dev.js
index c00f0a86886..4023d021ba4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form.dev.js
@@ -74,10 +74,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_f26583701f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9676c101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <form part="form">\n        <slot name="before"></slot>\n        <simple-fields\n          id="sf"\n          .autofocus="', '"\n          ?watchColorPrefs="', '"\n          language="', '"\n          .resources="', '"\n          .schema="', '"\n          .fields="', '"\n          .schematizer="', '"\n          .elementizer="', '"\n          .value="', '"\n          @value-changed="', '"\n          part="fields"\n        >\n        </simple-fields>\n        <slot></slot>\n      </form>\n    ']);
 
-  _templateObject_f26583701f0511ed8cc3e9a95995ad69 = function _templateObject_f26583701f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9676c101f2611eda0c389891c227ec8 = function _templateObject_c9676c101f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -217,7 +217,7 @@ var SimpleFieldsForm = /*#__PURE__*/function (_SimpleFieldsFormLite) {
     key: "render",
     // render function
     value: function render() {
-      return (0, _litElement.html)(_templateObject_f26583701f0511ed8cc3e9a95995ad69(), !this.disableAutofocus, this.watchColorPrefs, this.language || "", this.resources, this.schema, this.fields, this.fieldsConversion, this.elementizer, this.value, this._valueChanged);
+      return (0, _litElement.html)(_templateObject_c9676c101f2611eda0c389891c227ec8(), !this.disableAutofocus, this.watchColorPrefs, this.language || "", this.resources, this.schema, this.fields, this.fieldsConversion, this.elementizer, this.value, this._valueChanged);
     }
     /**
      * applies loaded datda to simple-fields-lite
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tabs.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tabs.dev.js
index bcb6aeba587..1fbe8a6a72b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tabs.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tabs.dev.js
@@ -78,10 +78,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_f2697b101f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c96b3ca01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          border: 1px solid var(--simple-fields-border-color-light, #ccc);\n          padding: var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin, 16px);\n          background-color: var(--simple-fields-background-color, transparent);\n          border-radius: var(--simple-fields-border-radius, 2px);\n        }\n        :host([error]) #tabs .error {\n          color: var(--simple-fields-error-color, #b40000);\n          transition: border 0.5s ease;\n        }\n      "]);
 
-  _templateObject2_f2697b101f0511ed8cc3e9a95995ad69 = function _templateObject2_f2697b101f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c96b3ca01f2611eda0c389891c227ec8 = function _templateObject2_c96b3ca01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -110,10 +110,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_f2697b101f0511ed8cc3e9a95995ad69() {
+function _templateObject_c96b3ca01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <span class="label', '" part="tab-label"\n        >', "", "</span\n      >\n    "]);
 
-  _templateObject_f2697b101f0511ed8cc3e9a95995ad69 = function _templateObject_f2697b101f0511ed8cc3e9a95995ad69() {
+  _templateObject_c96b3ca01f2611eda0c389891c227ec8 = function _templateObject_c96b3ca01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -267,7 +267,7 @@ var SimpleFieldsTabs = /*#__PURE__*/function (_A11yTabs) {
      * @memberof A11yTabs
      */
     value: function _tabLabel(tab) {
-      return (0, _litElement.html)(_templateObject_f2697b101f0511ed8cc3e9a95995ad69(), tab.error ? " error" : "", tab.label, tab.error ? "*" : "");
+      return (0, _litElement.html)(_templateObject_c96b3ca01f2611eda0c389891c227ec8(), tab.error ? " error" : "", tab.label, tab.error ? "*" : "");
     }
   }, {
     key: "tabQuery",
@@ -290,7 +290,7 @@ var SimpleFieldsTabs = /*#__PURE__*/function (_A11yTabs) {
   }, {
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(this.A11yTabsCoreStyles), _toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _litElement.css)(_templateObject2_f2697b101f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(this.A11yTabsCoreStyles), _toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _litElement.css)(_templateObject2_c96b3ca01f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tag-list.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tag-list.dev.js
index a233ea56d0b..1add733108d 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tag-list.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tag-list.dev.js
@@ -25,30 +25,30 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject4_f26d4ba01f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c96f82601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n            <simple-tag\n              cancel-button\n              .data=", '\n              value="', '"\n              accent-color="', '"\n              @simple-tag-clicked="', '"\n            ></simple-tag>\n          ']);
 
-  _templateObject4_f26d4ba01f0511ed8cc3e9a95995ad69 = function _templateObject4_f26d4ba01f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c96f82601f2611eda0c389891c227ec8 = function _templateObject4_c96f82601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_f26d4ba01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c96f82601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n      ", '\n      <slot name="taglist">\n        ', "\n      </slot>\n    "]);
 
-  _templateObject3_f26d4ba01f0511ed8cc3e9a95995ad69 = function _templateObject3_f26d4ba01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c96f82601f2611eda0c389891c227ec8 = function _templateObject3_c96f82601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_f26d4ba01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c96f82601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <span class="input-option" part="option-inner">\n        <input\n          @keydown="', '"\n          @keyup="', '"\n          ?autofocus="', '"\n          aria-descrbedby="', '"\n          .aria-invalid="', '"\n          @blur="', '"\n          @change="', '"\n          class="field box-input"\n          ?disabled="', '"\n          @focus="', '"\n          ?hidden="', '"\n          id="', '"\n          @input="', '"\n          name="', '"\n          .placeholder="', '"\n          ?readonly="', '"\n          ?required="', '"\n          tabindex="0"\n          type="text"\n          value="', '"\n          part="option-input"\n        />\n      </span>\n    ']);
 
-  _templateObject2_f26d4ba01f0511ed8cc3e9a95995ad69 = function _templateObject2_f26d4ba01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c96f82601f2611eda0c389891c227ec8 = function _templateObject2_c96f82601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -104,10 +104,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_f26d4ba01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c96f82601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        #field-main-inner {\n          align-items: center;\n          flex-wrap: wrap;\n        }\n        simple-tag {\n          flex: 0 1 auto;\n          margin: calc(0.5 * var(--simple-fields-button-padding, 2px))\n            var(--simple-fields-button-padding, 2px);\n        }\n        .drag-focus {\n          background-color: var(--simple-fields-accent-color, #3f51b5);\n        }\n      "]);
 
-  _templateObject_f26d4ba01f0511ed8cc3e9a95995ad69 = function _templateObject_f26d4ba01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c96f82601f2611eda0c389891c227ec8 = function _templateObject_c96f82601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -274,7 +274,7 @@ var SimpleFieldsTagList = /*#__PURE__*/function (_SimpleFieldsFieldBeh) {
   }, {
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsTagList), "styles", this)), [(0, _litElement.css)(_templateObject_f26d4ba01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsTagList), "styles", this)), [(0, _litElement.css)(_templateObject_c96f82601f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "properties",
@@ -356,7 +356,7 @@ var SimpleFieldsTagList = /*#__PURE__*/function (_SimpleFieldsFieldBeh) {
   }, {
     key: "getInput",
     value: function getInput() {
-      return (0, _litElement.html)(_templateObject2_f26d4ba01f0511ed8cc3e9a95995ad69(), this._handleKeydown, this._handleKeyup, this.autofocus, this.describedBy || "", this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, this.disabled, this._onFocusin, this.hidden, this.id, this._handleFieldChange, this.id, this.placeholder || "", this.readonly, this.required, this.value);
+      return (0, _litElement.html)(_templateObject2_c96f82601f2611eda0c389891c227ec8(), this._handleKeydown, this._handleKeyup, this.autofocus, this.describedBy || "", this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, this.disabled, this._onFocusin, this.hidden, this.id, this._handleFieldChange, this.id, this.placeholder || "", this.readonly, this.required, this.value);
     }
   }, {
     key: "removeTag",
@@ -503,8 +503,8 @@ var SimpleFieldsTagList = /*#__PURE__*/function (_SimpleFieldsFieldBeh) {
     get: function get() {
       var _this5 = this;
 
-      return (0, _litElement.html)(_templateObject3_f26d4ba01f0511ed8cc3e9a95995ad69(), _get(_getPrototypeOf(SimpleFieldsTagList.prototype), "prefixTemplate", this), this.tagList.map(function (tag) {
-        return (0, _litElement.html)(_templateObject4_f26d4ba01f0511ed8cc3e9a95995ad69(), tag, tag.term, tag.color, _this5.removeTag);
+      return (0, _litElement.html)(_templateObject3_c96f82601f2611eda0c389891c227ec8(), _get(_getPrototypeOf(SimpleFieldsTagList.prototype), "prefixTemplate", this), this.tagList.map(function (tag) {
+        return (0, _litElement.html)(_templateObject4_c96f82601f2611eda0c389891c227ec8(), tag, tag.term, tag.color, _this5.removeTag);
       }));
     }
   }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-ui.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-ui.dev.js
index a714d2f9c86..896fcd4ea79 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-ui.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-ui.dev.js
@@ -7,60 +7,60 @@ exports.SimpleFieldsFieldsetStyles = exports.SimpleFieldsDescriptionStyles = exp
 
 var _litElement = require("lit");
 
-function _templateObject6_f26de7e01f0511ed8cc3e9a95995ad69() {
+function _templateObject6_c96bd8e01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n    fieldset {\n      padding: var(--simple-fields-margin-small, 8px)\n        var(--simple-fields-margin, 16px);\n      margin: var(--simple-fields-margin-small, 8px) 0\n        var(--simple-fields-margin, 16px);\n      border-width: 1px;\n      border-style: solid;\n      border-color: var(\n        --simple-fields-fieldset-border-color,\n        var(--simple-fields-border-color-light, #ccc)\n      );\n      border-radius: var(--simple-fields-border-radius, 2px);\n      transition: all 0.3s ease-in-out;\n      max-width: calc(100% - 2 * var(--simple-fields-margin, 16px) - 2px);\n    }\n    :host(:last-of-type) {\n      margin-bottom: 0;\n    }\n    *[part="legend"] {\n      font-family: var(--simple-fields-font-family, sans-serif);\n      font-size: var(\n        --simple-fields-legend-font-size,\n        var(--simple-fields-font-size, 16px)\n      );\n      line-height: var(--simple-fields-line-height, 22px);\n      text-transform: var(--simple-fields-legend-text-transform, unset);\n    }\n    :host([error]) *[part="legend"] {\n      color: var(--simple-fields-error-color, #b40000);\n      transition: all 0.3s ease-in-out;\n    }\n  ']);
 
-  _templateObject6_f26de7e01f0511ed8cc3e9a95995ad69 = function _templateObject6_f26de7e01f0511ed8cc3e9a95995ad69() {
+  _templateObject6_c96bd8e01f2611eda0c389891c227ec8 = function _templateObject6_c96bd8e01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject5_f26de7e01f0511ed8cc3e9a95995ad69() {
+function _templateObject5_c96bd8e01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n    *[part="field-desc"],\n    *[part="error-desc"],\n    *[part="error-meta"] {\n      color: var(--simple-fields-meta-color);\n      font-size: var(--simple-fields-meta-font-size, 10px);\n      line-height: var(--simple-fields-meta-line-height, 110%);\n      opacity: var(--simple-fields-meta-opacity, unset);\n      text-transform: none;\n    }\n    :host:hover *[part="field-desc"],\n    :host:hover-within *[part="error-desc"],\n    :host:hover-within *[part="error-meta"],\n    :host:hover *[part="field-desc"],\n    :host:hover *[part="error-desc"],\n    :host:hover *[part="error-meta"] {\n      color: var(--simple-fields-focus-meta-color);\n      opacity: var(--simple-fields-focus-meta-opacity, unset);\n    }\n  ']);
 
-  _templateObject5_f26de7e01f0511ed8cc3e9a95995ad69 = function _templateObject5_f26de7e01f0511ed8cc3e9a95995ad69() {
+  _templateObject5_c96bd8e01f2611eda0c389891c227ec8 = function _templateObject5_c96bd8e01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject4_f26de7e01f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c96bd8e01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n    button,\n    button[aria-selected],\n    simple-toolbar-button::part(button),\n    simple-toolbar-menu::part(button) {\n      color: var(--simple-fields-button-color, var(--simple-fields-color));\n      background-color: var(\n        --simple-fields-button-background-color,\n        var(--simple-fields-background-color)\n      );\n      border-width: 1px;\n      border-style: solid;\n      border-color: var(\n        --simple-fields-button-border-color,\n        var(--simple-fields-border-color, #999)\n      );\n      opacity: var(--simple-fields-button-focus-opacity, 1);\n      font-family: var(\n        --simple-fields-button-font-family,\n        var(--simple-fields-font-family, sans-serif)\n      );\n      font-size: var(--simple-fields-button-font-size, 14px);\n      line-height: var(--simple-fields-button-line-height 22px);\n      text-transform: var(--simple-fields-button-text-transform, unset);\n      border-radius: var(--simple-fields-border-radius, 2px);\n      padding: var(--simple-fields-button-padding-sm, 1px)\n        var(--simple-fields-button-padding, 2px);\n      min-height: calc(\n        24px + 2 * var(--simple-fields-button-padding-sm, 2px) + 2px\n      );\n    }\n    simple-toolbar-menu-item > simple-toolbar-button::part(button) {\n      border-color: transparent;\n      border-radius: 0 !important;\n    }\n    simple-toolbar-button.danger::part(button),\n    simple-toolbar-menu.danger::part(button) {\n      background-color: var(\n        --simple-fields-button-danger-color,\n        var(--simple-fields-error-color, #b40000)\n      );\n      color: var(--simple-fields-button-danger-background-color, white);\n    }\n    button[aria-pressed="true"],\n    button[aria-selected="true"],\n    simple-toolbar-button[toggled]::part(button) {\n      color: var(\n        --simple-fields-button-toggled-color,\n        var(--simple-fields-accent-color, #3f51b5)\n      );\n      background-color: var(\n        --simple-fields-button-toggled-background-color,\n        unset\n      );\n      border-color: var(\n        --simple-fields-button-toggled-border-color,\n        var(--simple-fields-color, currentColor)\n      );\n      opacity: var(--simple-fields-button-toggled-opacity, 1);\n    }\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:hover::part(button[aria-pressed="true"]),\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:focus-within::part(button[aria-pressed="true"]) {\n      background-color: var(\n        --simple-fields-button-danger-color,\n        var(--simple-fields-error-color, #b40000)\n      );\n      color: var(--simple-fields-button-danger-background-color, white);\n      border-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n    }\n    button:focus,\n    button:hover,\n    button[aria-selected="false"]:not([disabled]):focus,\n    button[aria-selected="false"]:not([disabled]):hover,\n    simple-toolbar-button:focus-within::part(button),\n    simple-toolbar-button:hover::part(button),\n    simple-toolbar-menu:focus-within::part(button),\n    simple-toolbar-menu:hover::part(button),\n    simple-toolbar-menu-item > simple-toolbar-button:hover::part(button),\n    simple-toolbar-menu-item\n      > simple-toolbar-button:focus-within::part(button) {\n      color: var(--simple-fields-button-focus-color, unset);\n      background-color: var(\n        --simple-fields-button-focus-background-color,\n        var(--simple-fields-accent-color-light, #d9eaff)\n      );\n      border-color: var(\n        --simple-fields-button-focus-border-color,\n        var(--simple-fields-accent-color, #3f51b5)\n      );\n      opacity: var(--simple-fields-button-focus-opacity, 1);\n      text-decoration: var(--simple-fields-button-focus-text-decoration, unset);\n    }\n    simple-toolbar-menu.danger:focus-within::part(button),\n    simple-toolbar-menu.danger:hover::part(button),\n    simple-toolbar-menu-item > simple-toolbar-button.danger:hover::part(button),\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:focus-within::part(button) {\n      background-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n      color: var(--simple-fields-button-danger-background-color, white);\n      border-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n    }\n    button:disabled,\n    button[disabled],\n    simple-toolbar-button[disabled],\n    simple-toolbar-menu[disabled] {\n      color: var(--simple-fields-button-disabled-color, unset);\n      background-color: var(\n        --simple-fields-button-disabled-background-color,\n        unset\n      );\n      border-color: var(--simple-fields-button-disabled-border-color, unset);\n      opacity: var(\n        --simple-fields-button-disabled-opacity,\n        var(--simple-fields-disabled-opacity, 0.7)\n      );\n    }\n  ']);
 
-  _templateObject4_f26de7e01f0511ed8cc3e9a95995ad69 = function _templateObject4_f26de7e01f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c96bd8e01f2611eda0c389891c227ec8 = function _templateObject4_c96bd8e01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_f26de7e01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c96bd8e01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n    simple-tooltip,\n    simple-toolbar-button::part(tooltip) {\n      text-transform: var(--simple-fields-tooltip-text-transform, unset);\n      font-family: var(\n        --simple-fields-detail-font-family,\n        var(--simple-fields-font-family, sans-serif)\n      );\n      font-size: var(\n        --simple-fields-tooltip-font-size,\n        var(--simple-fields-detail-font-size, 12px)\n      );\n      line-height: var(\n        --simple-fields-tooltip-line-height,\n        var(--simple-fields-detail-line-height, 22px)\n      );\n      border-radius: var(\n        --simple-fields-border-radius,\n        var(--simple-fields-tooltip-border-radius, 2px)\n      );\n    }\n  "]);
 
-  _templateObject3_f26de7e01f0511ed8cc3e9a95995ad69 = function _templateObject3_f26de7e01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c96bd8e01f2611eda0c389891c227ec8 = function _templateObject3_c96bd8e01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_f26de7e01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c96bd8e01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n    :host .label-main:after {\n      content: var(--simple-fields-label-flag, "");\n    }\n    :host([focused]) .label-main,\n    :host(:focus-within) .label-main {\n      color: var(--simple-fields-accent-color, #3f51b5);\n      transition: color 0.3s ease-in-out;\n    }\n    .inline {\n      --simple-fields-radio-option-display: flex;\n      --simple-fields-radio-option-flex-wrap: wrap;\n    }\n    label {\n      margin: 0 0 0 0;\n    }\n    .inline label {\n      margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n      flex: 0 1 var(--simple-fields-label-width, auto);\n    }\n    .inline label,\n    .field-main > div,\n    .field,\n    ::slotted([slot="field"]) {\n      font-size: var(--simple-fields-font-size, 16px);\n      font-family: var(--simple-fields-font-family, sans-serif);\n      line-height: var(--simple-fields-line-height, 22px);\n    }\n  ']);
 
-  _templateObject2_f26de7e01f0511ed8cc3e9a95995ad69 = function _templateObject2_f26de7e01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c96bd8e01f2611eda0c389891c227ec8 = function _templateObject2_c96bd8e01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f26de7e01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c96bd8e01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n    :host {\n      visibility: visible;\n      box-sizing: border-box;\n      display: block;\n      margin: 0 0 var(--simple-fields-margin, 16px);\n      padding: 0;\n      font-size: var(--simple-fields-font-size);\n      font-family: var(--simple-fields-font-family, sans-serif);\n      line-height: var(--simple-fields-line-height);\n      font-size: var(--simple-fields-detail-font-size, 12px);\n      font-family: var(--simple-fields-detail-font-family, sans-serif);\n      line-height: var(--simple-fields-detail-line-height, 130%);\n      background-color: var(--simple-fields-background-color, white);\n      color: var(--simple-fields-color, currentColor);\n      margin: 0 0\n        var(--simple-fields-field-margin, var(--simple-fields-margin, 16px));\n    }\n    :host([hidden]),\n    :host [hidden],\n    :host([type="hidden"]) {\n      display: none !important;\n    }\n  ']);
 
-  _templateObject_f26de7e01f0511ed8cc3e9a95995ad69 = function _templateObject_f26de7e01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c96bd8e01f2611eda0c389891c227ec8 = function _templateObject_c96bd8e01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -79,15 +79,15 @@ function _taggedTemplateLiteral(strings, raw) {
   }));
 }
 
-var SimpleFieldsBaseStyles = [(0, _litElement.css)(_templateObject_f26de7e01f0511ed8cc3e9a95995ad69())];
+var SimpleFieldsBaseStyles = [(0, _litElement.css)(_templateObject_c96bd8e01f2611eda0c389891c227ec8())];
 exports.SimpleFieldsBaseStyles = SimpleFieldsBaseStyles;
-var SimpleFieldsLabelStyles = [(0, _litElement.css)(_templateObject2_f26de7e01f0511ed8cc3e9a95995ad69())];
+var SimpleFieldsLabelStyles = [(0, _litElement.css)(_templateObject2_c96bd8e01f2611eda0c389891c227ec8())];
 exports.SimpleFieldsLabelStyles = SimpleFieldsLabelStyles;
-var SimpleFieldsTooltipStyles = [(0, _litElement.css)(_templateObject3_f26de7e01f0511ed8cc3e9a95995ad69())];
+var SimpleFieldsTooltipStyles = [(0, _litElement.css)(_templateObject3_c96bd8e01f2611eda0c389891c227ec8())];
 exports.SimpleFieldsTooltipStyles = SimpleFieldsTooltipStyles;
-var SimpleFieldsButtonStyles = [].concat(SimpleFieldsTooltipStyles, [(0, _litElement.css)(_templateObject4_f26de7e01f0511ed8cc3e9a95995ad69())]);
+var SimpleFieldsButtonStyles = [].concat(SimpleFieldsTooltipStyles, [(0, _litElement.css)(_templateObject4_c96bd8e01f2611eda0c389891c227ec8())]);
 exports.SimpleFieldsButtonStyles = SimpleFieldsButtonStyles;
-var SimpleFieldsDescriptionStyles = [(0, _litElement.css)(_templateObject5_f26de7e01f0511ed8cc3e9a95995ad69())];
+var SimpleFieldsDescriptionStyles = [(0, _litElement.css)(_templateObject5_c96bd8e01f2611eda0c389891c227ec8())];
 exports.SimpleFieldsDescriptionStyles = SimpleFieldsDescriptionStyles;
-var SimpleFieldsFieldsetStyles = [(0, _litElement.css)(_templateObject6_f26de7e01f0511ed8cc3e9a95995ad69())];
+var SimpleFieldsFieldsetStyles = [(0, _litElement.css)(_templateObject6_c96bd8e01f2611eda0c389891c227ec8())];
 exports.SimpleFieldsFieldsetStyles = SimpleFieldsFieldsetStyles;
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-upload.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-upload.dev.js
index cde2d0b9906..16badfff68c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-upload.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-upload.dev.js
@@ -86,20 +86,20 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject4_f27254b01f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c97527b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([" or "]);
 
-  _templateObject4_f27254b01f0511ed8cc3e9a95995ad69 = function _templateObject4_f27254b01f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c97527b01f2611eda0c389891c227ec8 = function _templateObject4_c97527b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_f27254b01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c97527b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <div id="url-browse">\n        <simple-fields-field\n          id="url"\n          ?autofocus="', '"\n          autocomplete="', '"\n          value="', '"\n          @value-changed="', '"\n          label="URL"\n          .description="', '"\n          type="url"\n          auto-validate=""\n          part="url"\n          @click="', '"\n          @mousedown="', '"\n          @focus="', '"\n        >\n          <simple-toolbar-button\n            id="browse"\n            label="Browse..."\n            show-text-label\n            @click="', '"\n            controls="fieldset"\n            slot="suffix"\n            part="browse"\n          >\n          </simple-toolbar-button>\n        </simple-fields-field>\n      </div>\n      <div id="upload-options">\n        <vaadin-upload\n          capture\n          class="option-', '"\n          form-data-name="file-upload"\n          id="fileupload"\n          @upload-before="', '"\n          @upload-response="', '"\n          part="upload"\n        >\n          <button id="add-hidden" slot="add-button" hidden></button>\n          <div\n            id="drop-camera"\n            slot="drop-label"\n            part="drop-area"\n            ?hidden="', '"\n          >\n            <span id="drop" part="drop-area-text">\n              <simple-icon-lite\n                icon="file-upload"\n                part="drop-area-icon"\n              ></simple-icon-lite>\n              Drop media here ', '\n            </span>\n            <simple-toolbar-button\n              icon="image:camera-alt"\n              label="Take photo"\n              show-text-label\n              @mousedown="', '"\n              @focus="', '"\n              @click="', '"\n              controls="fieldset"\n              part="take-photo"\n              ?hidden="', '"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-button\n              icon="image:camera-alt"\n              label="Record Audio"\n              show-text-label\n              @mousedown="', '"\n              @focus="', '"\n              @click="', '"\n              controls="fieldset"\n              part="record-audio"\n              ?hidden="', '"\n            >\n            </simple-toolbar-button>\n          </div>\n          <simple-toolbar-button\n            id="cancel-camera"\n            icon="icons:clear"\n            label="Cancel"\n            @mousedown="', '"\n            @focus="', '"\n            @click="', '"\n            controls="fieldset"\n            slot="drop-label"\n            part="cancel-media"\n            ?hidden="', '"\n          >\n          </simple-toolbar-button>\n          <div\n            id="camerahole"\n            ?hidden="', '"\n            part="camera"\n            slot="drop-label"\n            part="camera-preview"\n          ></div>\n          <div\n            id="voicerecorder"\n            ?hidden="', '"\n            slot="drop-label"\n            part="voice-preview"\n          ></div>\n        </vaadin-upload>\n      </div>\n    ']);
 
-  _templateObject3_f27254b01f0511ed8cc3e9a95995ad69 = function _templateObject3_f27254b01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c97527b01f2611eda0c389891c227ec8 = function _templateObject3_c97527b01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -158,20 +158,20 @@ function _interopRequireWildcard(obj) {
   return newObj;
 }
 
-function _templateObject2_f27254b01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c97527b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <fieldset part="fieldset">', " ", "</fieldset>\n    "]);
 
-  _templateObject2_f27254b01f0511ed8cc3e9a95995ad69 = function _templateObject2_f27254b01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c97527b01f2611eda0c389891c227ec8 = function _templateObject2_c97527b01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f27254b01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c97527b01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          pointer-events: all;\n          overflow: visible;\n          transition: 0.3s all ease;\n          --simple-login-camera-aspect: 1.777777777777;\n          --simple-camera-snap-color: var(--simple-fields-color, currentColor);\n          --simple-camera-snap-background: var(\n            --simple-fields-background-color,\n            unset\n          );\n          --simple-camera-snap-border-radius: 2px;\n          --lumo-font-family: var(--simple-fields-font-family, sans-serif);\n          --lumo-error-color: var(--simple-fields-error-color, #b40000);\n          --lumo-primary-font-color: var(--simple-fields-color, currentColor);\n          --lumo-base-color: var(--simple-fields-background-color, transparent);\n        }\n        #url-browse,\n        #drop-camera {\n          width: 100%;\n          font-family: var(--simple-fields-button-font-family, sans-serif);\n          font-size: var(--simple-fields-button-font-size, 14px);\n        }\n        #drop-camera {\n          display: flex;\n          align-items: center;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n        }\n        #browse {\n          margin-right: 0;\n        }\n        #url {\n          margin-bottom: var(--simple-fields-margin-small, 8px);\n        }\n        #url::part(option-inner) {\n          overflow: hidden;\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-end;\n        }\n        #drop,\n        #photo {\n          white-space: nowrap;\n        }\n        #upload-options {\n          transition: height 0.3s linear;\n        }\n        #cancel-camera {\n          display: block;\n          margin: 0;\n          margin: -12px -12px 0;\n          z-index: 2;\n        }\n        #cancel-camera::part(button) {\n          width: 24px;\n        }\n        simple-toolbar-button {\n          margin: 0 5px;\n        }\n        vaadin-upload {\n          padding: 0 var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin-small, 8px);\n          position: relative;\n          overflow: visible;\n        }\n        vaadin-upload::part(drop-label-icon) {\n          display: none;\n        }\n        vaadin-upload::part(add-button) {\n          font-family: var(--simple-fields-font-family, sans-serif);\n          color: var(--simple-fields-color, currentColor);\n        }\n        vaadin-upload::part(drop-label) {\n          font-family: var(--simple-fields-font-family, sans-serif);\n          color: var(--simple-fields-color, currentColor);\n          margin-bottom: 16px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          padding: 0 calc(1 * var(--simple-fields-margin-small, 8px));\n          width: calc(100% - 2 * var(--simple-fields-margin-small) - 2px);\n        }\n        vaadin-upload.option-selfie::part(drop-label) {\n          display: block;\n        }\n        vaadin-upload.option-selfie #drop-camera {\n          display: none;\n        }\n        vaadin-upload[dragover] {\n          border-color: var(\n            --simple-fields-secondary-accent-color,\n            var(--simple-colors-default-theme-accent-3, #77e2ff)\n          );\n        }\n        vaadin-upload-file {\n          --disabled-text-color: #var(--simple-fields-border-color, #999);\n        }\n        simple-camera-snap {\n          --simple-camera-snap-button-container-bottom: 2px;\n          --simple-camera-snap-button-container-z-index: 5;\n          --simple-camera-snap-button-border-radius: 100%;\n          --simple-camera-snap-button-opacity: 0.7;\n        }\n      "]);
 
-  _templateObject_f27254b01f0511ed8cc3e9a95995ad69 = function _templateObject_f27254b01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c97527b01f2611eda0c389891c227ec8 = function _templateObject_c97527b01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -335,7 +335,7 @@ var SimpleFieldsUpload = /*#__PURE__*/function (_SimpleFieldsFieldset) {
   }, {
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsUpload), "styles", this)), _toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _litElement.css)(_templateObject_f27254b01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsUpload), "styles", this)), _toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _litElement.css)(_templateObject_c97527b01f2611eda0c389891c227ec8())]);
     }
     /**
      * HTMLElement life cycle
@@ -359,7 +359,7 @@ var SimpleFieldsUpload = /*#__PURE__*/function (_SimpleFieldsFieldset) {
   _createClass(SimpleFieldsUpload, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject2_f27254b01f0511ed8cc3e9a95995ad69(), this.legend, this.fields);
+      return (0, _litElement.html)(_templateObject2_c97527b01f2611eda0c389891c227ec8(), this.legend, this.fields);
     }
     /**
      * LitElement life cycle - render callback
@@ -590,13 +590,13 @@ var SimpleFieldsUpload = /*#__PURE__*/function (_SimpleFieldsFieldset) {
   }, {
     key: "fields",
     get: function get() {
-      return (0, _litElement.html)(_templateObject3_f27254b01f0511ed8cc3e9a95995ad69(), this.autofocus, this.autocomplete, this.value || "", this.valueChanged, this.description, function (e) {
+      return (0, _litElement.html)(_templateObject3_c97527b01f2611eda0c389891c227ec8(), this.autofocus, this.autocomplete, this.value || "", this.valueChanged, this.description, function (e) {
         return e.preventDefault();
       }, function (e) {
         return e.preventDefault();
       }, function (e) {
         return e.preventDefault();
-      }, this._handleBrowse, this.option, this._fileAboutToUpload, this._fileUploadResponse, this.option == "selfie" || this.option == "audio", !navigator.mediaDevices ? "" : (0, _litElement.html)(_templateObject4_f27254b01f0511ed8cc3e9a95995ad69()), function (e) {
+      }, this._handleBrowse, this.option, this._fileAboutToUpload, this._fileUploadResponse, this.option == "selfie" || this.option == "audio", !navigator.mediaDevices ? "" : (0, _litElement.html)(_templateObject4_c97527b01f2611eda0c389891c227ec8()), function (e) {
         return e.preventDefault();
       }, function (e) {
         return e.preventDefault();
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-tag.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-tag.dev.js
index bcecb2c1f48..108936d1614 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-tag.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-tag.dev.js
@@ -25,30 +25,30 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject3_f273b4401f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c970bae01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          align-items: center;\n          background-color: var(\n            --simple-fields-button-color,\n            var(--simple-fields-color)\n          );\n          color: var(\n            --simple-fields-button-background-color,\n            var(--simple-fields-background-color)\n          );\n          font-size: var(--simple-fields-font-size, 16px);\n          font-family: var(--simple-fields-font-family, sans-serif);\n          line-height: var(--simple-fields-line-height, 22px);\n          border-radius: var(--simple-fields-tag-border-radius, 4px);\n          padding: var(--simple-fields-button-padding, 2px)\n            calc(2 * var(--simple-fields-button-padding, 2px));\n          border-width: 1px;\n          border-style: solid;\n          border-color: var(\n            --simple-fields-fieldset-border-color,\n            var(--simple-fields-border-color-light, #ccc)\n          );\n        }\n        simple-icon-button-lite {\n          cursor: pointer;\n          margin-left: 4px;\n          --simple-icon-height: var(--simple-fields-font-size, 16px);\n          --simple-icon-width: var(--simple-fields-font-size, 16px);\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host([disabled]):not([readonly]) {\n          opacity: 0.5;\n        }\n      "]);
 
-  _templateObject3_f273b4401f0511ed8cc3e9a95995ad69 = function _templateObject3_f273b4401f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c970bae01f2611eda0c389891c227ec8 = function _templateObject3_c970bae01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_f273b4401f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c970bae01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n            <simple-icon-button-lite\n              icon="', '"\n              label="Remove ', '"\n              ?hidden="', '"\n              @click="', '"\n              ?disabled="', '"\n            ></simple-icon-button-lite>\n          ']);
 
-  _templateObject2_f273b4401f0511ed8cc3e9a95995ad69 = function _templateObject2_f273b4401f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c970bae01f2611eda0c389891c227ec8 = function _templateObject2_c970bae01f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f273b4401f0511ed8cc3e9a95995ad69() {
+function _templateObject_c970bae01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n      <span>", "<slot></slot></span>\n      ", "\n    "]);
 
-  _templateObject_f273b4401f0511ed8cc3e9a95995ad69 = function _templateObject_f273b4401f0511ed8cc3e9a95995ad69() {
+  _templateObject_c970bae01f2611eda0c389891c227ec8 = function _templateObject_c970bae01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -199,7 +199,7 @@ var SimpleTag = /*#__PURE__*/function (_LitElement) {
   _createClass(SimpleTag, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_f273b4401f0511ed8cc3e9a95995ad69(), this.value, !!this.readonly ? "" : (0, _litElement.html)(_templateObject2_f273b4401f0511ed8cc3e9a95995ad69(), this.icon, this.value, this.cancelButton, this.clickEvent, this.disabled));
+      return (0, _litElement.html)(_templateObject_c970bae01f2611eda0c389891c227ec8(), this.value, !!this.readonly ? "" : (0, _litElement.html)(_templateObject2_c970bae01f2611eda0c389891c227ec8(), this.icon, this.value, this.cancelButton, this.clickEvent, this.disabled));
     }
   }, {
     key: "clickEvent",
@@ -216,7 +216,7 @@ var SimpleTag = /*#__PURE__*/function (_LitElement) {
   }], [{
     key: "styles",
     get: function get() {
-      return [_simpleFieldsUi.SimpleFieldsButtonStyles, _simpleFieldsUi.SimpleFieldsTooltipStyles, (0, _litElement.css)(_templateObject3_f273b4401f0511ed8cc3e9a95995ad69())];
+      return [_simpleFieldsUi.SimpleFieldsButtonStyles, _simpleFieldsUi.SimpleFieldsTooltipStyles, (0, _litElement.css)(_templateObject3_c970bae01f2611eda0c389891c227ec8())];
     }
   }]);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array-item.js
index 1ab5446eb1a..047b8f22e22 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array-item.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-fieldset.js", "./si
   });
   _exports.SimpleFieldsArrayItem = void 0;
 
-  var _templateObject_e53581a01f0511ed8cc3e9a95995ad69, _templateObject2_e53581a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb5ebd801f2611eda0c389891c227ec8, _templateObject2_bb5ebd801f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -87,7 +87,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-fieldset.js", "./si
       value: function render() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject_e53581a01f0511ed8cc3e9a95995ad69 || (_templateObject_e53581a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"dropzone\"></div>\n      <simple-toolbar-menu\n        id=\"drag-handle\"\n        controls=\"", "\"\n        icon=\"icons:reorder\"\n        label=\"Reorder this item\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        part=\"drag\"\n        tooltip-direction=\"right\"\n        @mousedown=\"", "\"\n        @mouseup=\"", "\"\n      >\n        <simple-toolbar-menu-item id=\"move-up-outer\">\n          <simple-toolbar-button\n            id=\"move-up\"\n            align-horizontal=\"left\"\n            role=\"menuitem\"\n            icon=\"arrow-upward\"\n            show-text-label\n            label=\"Up\"\n            @click=\"", "\"\n          >\n          </simple-toolbar-button>\n        </simple-toolbar-menu-item>\n        <simple-toolbar-menu-item id=\"move-down-outer\">\n          <simple-toolbar-button\n            align-horizontal=\"left\"\n            id=\"move-up\"\n            role=\"menuitem\"\n            icon=\"arrow-downward\"\n            show-text-label\n            label=\"Down\"\n            @click=\"", "\"\n          >\n          </simple-toolbar-button>\n        </simple-toolbar-menu-item>\n      </simple-toolbar-menu>\n      <div id=\"heading\" part=\"heading\" .item=\"", "\">\n        <div id=\"preview\" part=\"preview\"><slot name=\"preview\"></slot></div>\n        <simple-toolbar-button\n          id=\"expand\"\n          controls=\"", "\"\n          ?hidden=\"", "\"\n          icon=\"more-vert\"\n          label=\"Toggle expand\"\n          ?disabled=\"", "\"\n          @click=\"", "\"\n          toggles\n          ?toggled=\"", "\"\n          part=\"expand\"\n          tooltip-direction=\"left\"\n        >\n        </simple-toolbar-button>\n      </div>\n      <div id=\"content\" part=\"content\">\n        <div id=\"content-inner\" part=\"content-inner\">\n          <div><slot></slot></div>\n          <div id=\"copy-delete\">\n            <simple-toolbar-button\n              id=\"copy\"\n              controls=\"", "\"\n              icon=\"content-copy\"\n              label=\"Copy this item\"\n              ?disabled=\"", "\"\n              @click=\"", "\"\n              part=\"copy\"\n              tooltip-direction=\"left\"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-menu\n              id=\"remove\"\n              icon=\"delete\"\n              label=\"Remove this item\"\n              ?disabled=\"", "\"\n              fit-to-visible-bounds\n              part=\"remove\"\n              position-align=\"end\"\n              tooltip-direction=\"left\"\n            >\n              <simple-toolbar-menu-item>\n                <simple-toolbar-button\n                  id=\"confirm-remove\"\n                  class=\"danger\"\n                  align-horizontal=\"left\"\n                  role=\"menuitem\"\n                  show-text-label\n                  controls=\"", "\"\n                  icon=\"delete\"\n                  label=\"Remove\"\n                  ?disabled=\"", "\"\n                  @click=\"", "\"\n                  part=\"confirm-remove\"\n                >\n                </simple-toolbar-button>\n              </simple-toolbar-menu-item>\n            </simple-toolbar-menu>\n          </div>\n        </div>\n      </div>\n    "])), this.id, this.disabled, this.__dropAccepts || this.__dragging, function (e) {
+        return (0, _index.html)(_templateObject_bb5ebd801f2611eda0c389891c227ec8 || (_templateObject_bb5ebd801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"dropzone\"></div>\n      <simple-toolbar-menu\n        id=\"drag-handle\"\n        controls=\"", "\"\n        icon=\"icons:reorder\"\n        label=\"Reorder this item\"\n        ?disabled=\"", "\"\n        ?hidden=\"", "\"\n        part=\"drag\"\n        tooltip-direction=\"right\"\n        @mousedown=\"", "\"\n        @mouseup=\"", "\"\n      >\n        <simple-toolbar-menu-item id=\"move-up-outer\">\n          <simple-toolbar-button\n            id=\"move-up\"\n            align-horizontal=\"left\"\n            role=\"menuitem\"\n            icon=\"arrow-upward\"\n            show-text-label\n            label=\"Up\"\n            @click=\"", "\"\n          >\n          </simple-toolbar-button>\n        </simple-toolbar-menu-item>\n        <simple-toolbar-menu-item id=\"move-down-outer\">\n          <simple-toolbar-button\n            align-horizontal=\"left\"\n            id=\"move-up\"\n            role=\"menuitem\"\n            icon=\"arrow-downward\"\n            show-text-label\n            label=\"Down\"\n            @click=\"", "\"\n          >\n          </simple-toolbar-button>\n        </simple-toolbar-menu-item>\n      </simple-toolbar-menu>\n      <div id=\"heading\" part=\"heading\" .item=\"", "\">\n        <div id=\"preview\" part=\"preview\"><slot name=\"preview\"></slot></div>\n        <simple-toolbar-button\n          id=\"expand\"\n          controls=\"", "\"\n          ?hidden=\"", "\"\n          icon=\"more-vert\"\n          label=\"Toggle expand\"\n          ?disabled=\"", "\"\n          @click=\"", "\"\n          toggles\n          ?toggled=\"", "\"\n          part=\"expand\"\n          tooltip-direction=\"left\"\n        >\n        </simple-toolbar-button>\n      </div>\n      <div id=\"content\" part=\"content\">\n        <div id=\"content-inner\" part=\"content-inner\">\n          <div><slot></slot></div>\n          <div id=\"copy-delete\">\n            <simple-toolbar-button\n              id=\"copy\"\n              controls=\"", "\"\n              icon=\"content-copy\"\n              label=\"Copy this item\"\n              ?disabled=\"", "\"\n              @click=\"", "\"\n              part=\"copy\"\n              tooltip-direction=\"left\"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-menu\n              id=\"remove\"\n              icon=\"delete\"\n              label=\"Remove this item\"\n              ?disabled=\"", "\"\n              fit-to-visible-bounds\n              part=\"remove\"\n              position-align=\"end\"\n              tooltip-direction=\"left\"\n            >\n              <simple-toolbar-menu-item>\n                <simple-toolbar-button\n                  id=\"confirm-remove\"\n                  class=\"danger\"\n                  align-horizontal=\"left\"\n                  role=\"menuitem\"\n                  show-text-label\n                  controls=\"", "\"\n                  icon=\"delete\"\n                  label=\"Remove\"\n                  ?disabled=\"", "\"\n                  @click=\"", "\"\n                  part=\"confirm-remove\"\n                >\n                </simple-toolbar-button>\n              </simple-toolbar-menu-item>\n            </simple-toolbar-menu>\n          </div>\n        </div>\n      </div>\n    "])), this.id, this.disabled, this.__dropAccepts || this.__dragging, function (e) {
           return _this2.draggable = "true";
         }, function (e) {
           return _this2.draggable = "false";
@@ -361,7 +361,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-fieldset.js", "./si
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsArrayItem), "styles", this)), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _index.css)(_templateObject2_e53581a01f0511ed8cc3e9a95995ad69 || (_templateObject2_e53581a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          padding: 0;\n          border-radius: var(--simple-fields-border-radius, 2px);\n          display: block;\n          border: none;\n          transform: rotate(0deg);\n          transition: all 0.5s ease;\n          z-index: 1;\n          position: relative;\n        }\n        :host([disabled]) {\n          opacity: 0.5;\n        }\n        :host([aria-expanded=\"true\"]) {\n          padding: var(--simple-fields-margin, 16px)\n            var(--simple-fields-margin-small, 8px);\n          outline: 1px solid var(--simple-fields-border-color-light, #ccc);\n          transition: all 0.5s ease;\n        }\n        :host([error]) {\n          outline: 1px solid var(--simple-fields-error-color, #b40000);\n          transition: border 0.5s ease;\n        }\n        *[aria-controls=\"content\"][disabled] {\n          cursor: not-allowed;\n        }\n        #drag-handle {\n          flex: 0 1 auto;\n          position: relative;\n          overflow: visible;\n        }\n        #preview {\n          flex: 1 0 auto;\n          margin: 0;\n          margin-right: calc(0 - var(--simple-fields-margin-small, 8px) / 2);\n          margin-left: calc(50px + var(--simple-fields-margin-small, 8px) / 2);\n          max-width: calc(\n            100% - 72px - 2 * var(--simple-fields-margin-small, 8px) / 2\n          );\n        }\n        #heading,\n        .heading-inner {\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n        }\n        #content {\n          overflow: hidden;\n          max-height: 0;\n        }\n        :host #content-inner {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          flex-wrap: wrap;\n          overflow: hidden;\n          max-height: 0;\n          transition: max-height 0.75s ease 0.1s;\n        }\n        :host([aria-expanded=\"true\"]) #content {\n          max-height: 20000vh;\n          transition: max-height 0.75s ease 0.1s;\n        }\n        :host([aria-expanded=\"true\"]) #content-inner {\n          max-height: 20000vh;\n        }\n        #content-inner > * {\n          flex: 1 1 auto;\n        }\n        #copy-delete {\n          display: flex;\n          flex: 0 0 auto;\n        }\n        #copy,\n        #remove {\n          flex: 0 0 auto;\n        }\n        #expand {\n          margin-left: calc(var(--simple-fields-margin-small, 8px) / 2);\n        }\n        #drag-handle {\n          position: absolute;\n          left: 2px;\n          top: 2px;\n          --simple-toolbar-button-white-space: normal !important;\n        }\n        :host([aria-expanded=\"true\"]) #drag-handle {\n          top: var(--simple-fields-margin, 16px);\n          left: var(--simple-fields-margin-small, 8px);\n        }\n        #dropzone {\n          height: 0px;\n        }\n        :host(.dragging) #heading {\n          opacity: 0.5;\n        }\n        :host(.dragging) #content,\n        :host(.dragging) #expand {\n          display: none;\n        }\n        #content:hover,\n        #content:focus-within,\n        #content:hover #content-inner,\n        #content:focus-within #content-inner {\n          overflow: visible;\n        }\n        :host(.dragging) #preview,\n        :host(.droppable) #preview {\n          margin-left: calc(var(--simple-fields-margin-small, 8px) / 2);\n        }\n        :host(.dropzone) #dropzone {\n          background-color: var(\n            --simple-fields-button-focus-background-color,\n            var(--simple-fields-accent-color-light, #d9eaff)\n          );\n          height: 80px;\n        }\n\n        :host([aria-expanded=\"true\"]) #expand::part(icon) {\n          transform: rotate(90deg);\n          transition: all 0.5s ease;\n        }\n        ::slotted([slot=\"preview\"]),\n        ::slotted(*:first-child) {\n          margin-top: 0;\n        }\n        ::slotted([slot=\"preview\"]),\n        ::slotted(*:last-child) {\n          margin-bottom: 0;\n        }\n        :host(:hover),\n        :host(:focus),\n        :host(:focus-within) {\n          z-index: 100000;\n        }\n        :host(.dropzone) {\n          z-index: 1;\n        }\n        [hidden],\n        :host(:first-child) #move-up-outer,\n        :host(:last-child) #move-down-outer,\n        :host(:first-child):last-child #drag-handle {\n          display: none;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsArrayItem), "styles", this)), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _index.css)(_templateObject2_bb5ebd801f2611eda0c389891c227ec8 || (_templateObject2_bb5ebd801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          padding: 0;\n          border-radius: var(--simple-fields-border-radius, 2px);\n          display: block;\n          border: none;\n          transform: rotate(0deg);\n          transition: all 0.5s ease;\n          z-index: 1;\n          position: relative;\n        }\n        :host([disabled]) {\n          opacity: 0.5;\n        }\n        :host([aria-expanded=\"true\"]) {\n          padding: var(--simple-fields-margin, 16px)\n            var(--simple-fields-margin-small, 8px);\n          outline: 1px solid var(--simple-fields-border-color-light, #ccc);\n          transition: all 0.5s ease;\n        }\n        :host([error]) {\n          outline: 1px solid var(--simple-fields-error-color, #b40000);\n          transition: border 0.5s ease;\n        }\n        *[aria-controls=\"content\"][disabled] {\n          cursor: not-allowed;\n        }\n        #drag-handle {\n          flex: 0 1 auto;\n          position: relative;\n          overflow: visible;\n        }\n        #preview {\n          flex: 1 0 auto;\n          margin: 0;\n          margin-right: calc(0 - var(--simple-fields-margin-small, 8px) / 2);\n          margin-left: calc(50px + var(--simple-fields-margin-small, 8px) / 2);\n          max-width: calc(\n            100% - 72px - 2 * var(--simple-fields-margin-small, 8px) / 2\n          );\n        }\n        #heading,\n        .heading-inner {\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n        }\n        #content {\n          overflow: hidden;\n          max-height: 0;\n        }\n        :host #content-inner {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          flex-wrap: wrap;\n          overflow: hidden;\n          max-height: 0;\n          transition: max-height 0.75s ease 0.1s;\n        }\n        :host([aria-expanded=\"true\"]) #content {\n          max-height: 20000vh;\n          transition: max-height 0.75s ease 0.1s;\n        }\n        :host([aria-expanded=\"true\"]) #content-inner {\n          max-height: 20000vh;\n        }\n        #content-inner > * {\n          flex: 1 1 auto;\n        }\n        #copy-delete {\n          display: flex;\n          flex: 0 0 auto;\n        }\n        #copy,\n        #remove {\n          flex: 0 0 auto;\n        }\n        #expand {\n          margin-left: calc(var(--simple-fields-margin-small, 8px) / 2);\n        }\n        #drag-handle {\n          position: absolute;\n          left: 2px;\n          top: 2px;\n          --simple-toolbar-button-white-space: normal !important;\n        }\n        :host([aria-expanded=\"true\"]) #drag-handle {\n          top: var(--simple-fields-margin, 16px);\n          left: var(--simple-fields-margin-small, 8px);\n        }\n        #dropzone {\n          height: 0px;\n        }\n        :host(.dragging) #heading {\n          opacity: 0.5;\n        }\n        :host(.dragging) #content,\n        :host(.dragging) #expand {\n          display: none;\n        }\n        #content:hover,\n        #content:focus-within,\n        #content:hover #content-inner,\n        #content:focus-within #content-inner {\n          overflow: visible;\n        }\n        :host(.dragging) #preview,\n        :host(.droppable) #preview {\n          margin-left: calc(var(--simple-fields-margin-small, 8px) / 2);\n        }\n        :host(.dropzone) #dropzone {\n          background-color: var(\n            --simple-fields-button-focus-background-color,\n            var(--simple-fields-accent-color-light, #d9eaff)\n          );\n          height: 80px;\n        }\n\n        :host([aria-expanded=\"true\"]) #expand::part(icon) {\n          transform: rotate(90deg);\n          transition: all 0.5s ease;\n        }\n        ::slotted([slot=\"preview\"]),\n        ::slotted(*:first-child) {\n          margin-top: 0;\n        }\n        ::slotted([slot=\"preview\"]),\n        ::slotted(*:last-child) {\n          margin-bottom: 0;\n        }\n        :host(:hover),\n        :host(:focus),\n        :host(:focus-within) {\n          z-index: 100000;\n        }\n        :host(.dropzone) {\n          z-index: 1;\n        }\n        [hidden],\n        :host(:first-child) #move-up-outer,\n        :host(:last-child) #move-down-outer,\n        :host(:first-child):last-child #drag-handle {\n          display: none;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array.js
index b746c42ed65..5dd1b8de973 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-fieldset.js", "./si
   });
   _exports.SimpleFieldsArray = void 0;
 
-  var _templateObject_e53a15801f0511ed8cc3e9a95995ad69, _templateObject2_e53a15801f0511ed8cc3e9a95995ad69, _templateObject3_e53a15801f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb628e101f2611eda0c389891c227ec8, _templateObject2_bb628e101f2611eda0c389891c227ec8, _templateObject3_bb628e101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -47,14 +47,14 @@ define(["exports", "../../../lit/index.js", "./simple-fields-fieldset.js", "./si
     babelHelpers.createClass(SimpleFieldsArray, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e53a15801f0511ed8cc3e9a95995ad69 || (_templateObject_e53a15801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <fieldset part=\"fieldset\">", "", "</fieldset>\n    "])), this.legend, this.fields);
+        return (0, _index.html)(_templateObject_bb628e101f2611eda0c389891c227ec8 || (_templateObject_bb628e101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <fieldset part=\"fieldset\">", "", "</fieldset>\n    "])), this.legend, this.fields);
       }
     }, {
       key: "fields",
       get: function get() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject2_e53a15801f0511ed8cc3e9a95995ad69 || (_templateObject2_e53a15801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"top\" part=\"top\">\n        ", "\n        <simple-toolbar-button\n          id=\"expand\"\n          controls=\"item-fields\"\n          icon=\"more-vert\"\n          ?disabled=\"", "\"\n          @click=\"", "\"\n          ?toggled=\"", "\"\n          toggles\n          ?show-text-label=\"", "\"\n          label=\"", "\"\n          part=\"expand\"\n        >\n        </simple-toolbar-button>\n      </div>\n      <div id=\"item-fields\" aria-live=\"polite\" part=\"items\">\n        <slot></slot>\n        <simple-toolbar-button\n          id=\"add\"\n          icon=\"add\"\n          ?disabled=\"", "\"\n          controls=\"item-fields\"\n          @click=\"", "\"\n          part=\"add\"\n          icon=\"more-vert\"\n          ?toggled=\"", "\"\n          toggles\n          ?show-text-label=\"", "\"\n          label=\"Add Item\"\n        >\n        </simple-toolbar-button>\n      </div>\n    "])), this.descriptionTemplate, this.disabled, function (e) {
+        return (0, _index.html)(_templateObject2_bb628e101f2611eda0c389891c227ec8 || (_templateObject2_bb628e101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"top\" part=\"top\">\n        ", "\n        <simple-toolbar-button\n          id=\"expand\"\n          controls=\"item-fields\"\n          icon=\"more-vert\"\n          ?disabled=\"", "\"\n          @click=\"", "\"\n          ?toggled=\"", "\"\n          toggles\n          ?show-text-label=\"", "\"\n          label=\"", "\"\n          part=\"expand\"\n        >\n        </simple-toolbar-button>\n      </div>\n      <div id=\"item-fields\" aria-live=\"polite\" part=\"items\">\n        <slot></slot>\n        <simple-toolbar-button\n          id=\"add\"\n          icon=\"add\"\n          ?disabled=\"", "\"\n          controls=\"item-fields\"\n          @click=\"", "\"\n          part=\"add\"\n          icon=\"more-vert\"\n          ?toggled=\"", "\"\n          toggles\n          ?show-text-label=\"", "\"\n          label=\"Add Item\"\n        >\n        </simple-toolbar-button>\n      </div>\n    "])), this.descriptionTemplate, this.disabled, function (e) {
           return _this2.toggle();
         }, this.expanded, this.responsiveSize !== "xs", this.expanded ? "Collapse All" : "Expand All", this.disabled || this.disableAdd, function (e) {
           return _this2._handleAdd();
@@ -234,7 +234,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-fieldset.js", "./si
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsArray), "styles", this)), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _index.css)(_templateObject3_e53a15801f0511ed8cc3e9a95995ad69 || (_templateObject3_e53a15801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([expanded]) #expand::part(icon) {\n          transform: rotate(90deg);\n          transition: all 0.5s ease;\n        }\n        #item-fields {\n          margin: var(--simple-fields-margin-small, 8px) 0;\n          clear: both;\n          z-index: 3;\n        }\n        #top {\n          display: flex;\n          align-items: flex-end;\n          justify-content: flex-end;\n        }\n        #add {\n          float: right;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsArray), "styles", this)), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _index.css)(_templateObject3_bb628e101f2611eda0c389891c227ec8 || (_templateObject3_bb628e101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([expanded]) #expand::part(icon) {\n          transform: rotate(90deg);\n          transition: all 0.5s ease;\n        }\n        #item-fields {\n          margin: var(--simple-fields-margin-small, 8px) 0;\n          clear: both;\n          z-index: 3;\n        }\n        #top {\n          display: flex;\n          align-items: flex-end;\n          justify-content: flex-end;\n        }\n        #add {\n          float: right;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-code.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-code.js
index 6028d827759..03e5bc85f64 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-code.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-code.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-container.js", "../
   });
   _exports.SimpleFieldsCode = void 0;
 
-  var _templateObject_e53e82501f0511ed8cc3e9a95995ad69, _templateObject2_e53e82501f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb66d3d01f2611eda0c389891c227ec8, _templateObject2_bb66d3d01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -87,7 +87,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-container.js", "../
       get: function get() {
         var _this4 = this;
 
-        return (0, _index.html)(_templateObject_e53e82501f0511ed8cc3e9a95995ad69 || (_templateObject_e53e82501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"field-main\" part=\"field-main\">\n        ", "\n        <code-editor\n          ?autofocus=\"", "\"\n          ?disabled=\"", "\"\n          font-size=\"", "\"\n          editor-value=\"", "\"\n          theme=\"", "\"\n          language=\"", "\"\n          mode=\"", "\"\n          ?read-only=\"", "\"\n          @value-changed=\"", "\"\n          @focused-changed=\"", "\"\n          @code-editor-focus=\"", "\"\n          @code-editor-blur=\"", "\"\n          part=\"editor\"\n        >\n        </code-editor>\n        <input name=\"", "\" type=\"hidden\" value=\"", "\" />\n      </div>\n    "])), this.labelTemplate, this.autofocus, this.disabled, this.fontSize, this.__editorValue || "", this.theme || "auto", this.language, this.mode, this.readonly || this.disabled, this._onChange, this._onFocusChange, function (e) {
+        return (0, _index.html)(_templateObject_bb66d3d01f2611eda0c389891c227ec8 || (_templateObject_bb66d3d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"field-main\" part=\"field-main\">\n        ", "\n        <code-editor\n          ?autofocus=\"", "\"\n          ?disabled=\"", "\"\n          font-size=\"", "\"\n          editor-value=\"", "\"\n          theme=\"", "\"\n          language=\"", "\"\n          mode=\"", "\"\n          ?read-only=\"", "\"\n          @value-changed=\"", "\"\n          @focused-changed=\"", "\"\n          @code-editor-focus=\"", "\"\n          @code-editor-blur=\"", "\"\n          part=\"editor\"\n        >\n        </code-editor>\n        <input name=\"", "\" type=\"hidden\" value=\"", "\" />\n      </div>\n    "])), this.labelTemplate, this.autofocus, this.disabled, this.fontSize, this.__editorValue || "", this.theme || "auto", this.language, this.mode, this.readonly || this.disabled, this._onChange, this._onFocusChange, function (e) {
           return _this4.focused == true;
         }, function (e) {
           return _this4.focused == false;
@@ -204,7 +204,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-container.js", "../
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsCode), "styles", this)), [(0, _index.css)(_templateObject2_e53e82501f0511ed8cc3e9a95995ad69 || (_templateObject2_e53e82501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        #options {\n          display: var(--simple-fields-radio-option-display, flex);\n          flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n        }\n        code-editor {\n          margin: 0;\n          transition: height 0.5s ease-in-out;\n          box-sizing: border-box;\n          vertical-align: bottom;\n        }\n        code-editor:focus {\n          outline: none;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsCode), "styles", this)), [(0, _index.css)(_templateObject2_bb66d3d01f2611eda0c389891c227ec8 || (_templateObject2_bb66d3d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        #options {\n          display: var(--simple-fields-radio-option-display, flex);\n          flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n        }\n        code-editor {\n          margin: 0;\n          transition: height 0.5s ease-in-out;\n          box-sizing: border-box;\n          vertical-align: bottom;\n        }\n        code-editor:focus {\n          outline: none;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-combo.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-combo.js
index dee38a18111..1921ac62290 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-combo.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-combo.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js"], functio
   });
   _exports.SimpleFieldsCombo = void 0;
 
-  var _templateObject_e54ab7501f0511ed8cc3e9a95995ad69, _templateObject2_e54ab7501f0511ed8cc3e9a95995ad69, _templateObject3_e54ab7501f0511ed8cc3e9a95995ad69, _templateObject4_e54ab7501f0511ed8cc3e9a95995ad69, _templateObject5_e54ab7501f0511ed8cc3e9a95995ad69, _templateObject6_e54ab7501f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb72e1c01f2611eda0c389891c227ec8, _templateObject2_bb72e1c01f2611eda0c389891c227ec8, _templateObject3_bb72e1c01f2611eda0c389891c227ec8, _templateObject4_bb72e1c01f2611eda0c389891c227ec8, _templateObject5_bb72e1c01f2611eda0c389891c227ec8, _templateObject6_bb72e1c01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -114,17 +114,17 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js"], functio
     }, {
       key: "inputTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject_e54ab7501f0511ed8cc3e9a95995ad69 || (_templateObject_e54ab7501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <input\n        .aria-activedescendant=\"", "\"\n        .aria-autocomplete=\"", "\"\n        .aria-descrbedby=\"", "\"\n        .aria-expanded=\"", "\"\n        aria-haspopup=\"true\"\n        .aria-invalid=\"", "\"\n        .aria-owns=\"", "-list\"\n        ?autofocus=\"", "\"\n        @blur=\"", "\"\n        @change=\"", "\"\n        class=\"field box-input ", "\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n        @focus=\"", "\"\n        id=\"", "\"\n        @keydown=\"", "\"\n        @keyup=\"", "\"\n        name=\"", "\"\n        .placeholder=\"", "\"\n        part=\"option-input\"\n        ?readonly=\"", "\"\n        ?required=\"", "\"\n        tabindex=\"0\"\n        type=\"text\"\n        value=\"", "\"\n      />\n    "])), this.activeDescendant, this.autocomplete, this.describedBy, this.expanded, this.error ? "true" : "false", this.id, this.autofocus, this._onInputBlur, this._handleFieldChange, this.inputFocus ? "focus" : "", this._onInputClick, this.disabled, this._onInputFocus, this.id, this._onInputKeydown, this._onInputKeyup, this.id, this.placeholder || "", this.readonly, this.required, this.value || "");
+        return (0, _index.html)(_templateObject_bb72e1c01f2611eda0c389891c227ec8 || (_templateObject_bb72e1c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <input\n        .aria-activedescendant=\"", "\"\n        .aria-autocomplete=\"", "\"\n        .aria-descrbedby=\"", "\"\n        .aria-expanded=\"", "\"\n        aria-haspopup=\"true\"\n        .aria-invalid=\"", "\"\n        .aria-owns=\"", "-list\"\n        ?autofocus=\"", "\"\n        @blur=\"", "\"\n        @change=\"", "\"\n        class=\"field box-input ", "\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n        @focus=\"", "\"\n        id=\"", "\"\n        @keydown=\"", "\"\n        @keyup=\"", "\"\n        name=\"", "\"\n        .placeholder=\"", "\"\n        part=\"option-input\"\n        ?readonly=\"", "\"\n        ?required=\"", "\"\n        tabindex=\"0\"\n        type=\"text\"\n        value=\"", "\"\n      />\n    "])), this.activeDescendant, this.autocomplete, this.describedBy, this.expanded, this.error ? "true" : "false", this.id, this.autofocus, this._onInputBlur, this._handleFieldChange, this.inputFocus ? "focus" : "", this._onInputClick, this.disabled, this._onInputFocus, this.id, this._onInputKeydown, this._onInputKeyup, this.id, this.placeholder || "", this.readonly, this.required, this.value || "");
       }
     }, {
       key: "expandButtonTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject2_e54ab7501f0511ed8cc3e9a95995ad69 || (_templateObject2_e54ab7501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button-lite\n        icon=\"arrow-drop-down\"\n        ?hidden=\"", "\"\n        label=\"open\"\n        @click=\"", "\"\n        part=\"option-icon\"\n        tabindex=\"-1\"\n      >\n      </simple-icon-button-lite>\n    "])), this.sortedOptions.length < 1, this._onButtonClick);
+        return (0, _index.html)(_templateObject2_bb72e1c01f2611eda0c389891c227ec8 || (_templateObject2_bb72e1c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button-lite\n        icon=\"arrow-drop-down\"\n        ?hidden=\"", "\"\n        label=\"open\"\n        @click=\"", "\"\n        part=\"option-icon\"\n        tabindex=\"-1\"\n      >\n      </simple-icon-button-lite>\n    "])), this.sortedOptions.length < 1, this._onButtonClick);
       }
     }, {
       key: "listboxTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject3_e54ab7501f0511ed8cc3e9a95995ad69 || (_templateObject3_e54ab7501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <ul\n        .aria-labelledBy=\"", "-label\"\n        class=\"", "\"\n        data-items=\"", "\"\n        data-options=\"", "\"\n        ?hidden=\"", "\"\n        id=\"", "-list\"\n        @mouseout=\"", "\"\n        @mouseover=\"", "\"\n        role=\"listbox\"\n        part=\"listbox\"\n      >\n        ", "\n      </ul>\n    "])), this.fieldId, this.listFocus ? "focus" : "", this.itemsList.join(), this.filteredOptions.map(function (option) {
+        return (0, _index.html)(_templateObject3_bb72e1c01f2611eda0c389891c227ec8 || (_templateObject3_bb72e1c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <ul\n        .aria-labelledBy=\"", "-label\"\n        class=\"", "\"\n        data-items=\"", "\"\n        data-options=\"", "\"\n        ?hidden=\"", "\"\n        id=\"", "-list\"\n        @mouseout=\"", "\"\n        @mouseover=\"", "\"\n        role=\"listbox\"\n        part=\"listbox\"\n      >\n        ", "\n      </ul>\n    "])), this.fieldId, this.listFocus ? "focus" : "", this.itemsList.join(), this.filteredOptions.map(function (option) {
           return option.value;
         }).join(), this.isListboxHidden, this.id, this._onListboxMouseout, this._onListboxMouseover, this.listboxInnerTemplate);
       }
@@ -154,7 +154,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js"], functio
       value: function getListItem(option) {
         var _this4 = this;
 
-        return (0, _index.html)(_templateObject4_e54ab7501f0511ed8cc3e9a95995ad69 || (_templateObject4_e54ab7501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <li\n        aria-selected=\"", "\"\n        id=\"option", "\"\n        role=\"option\"\n        part=\"listbox-li\"\n        @click=\"", "\"\n        @mouseout=\"", "\"\n        @mouseover=\"", "\"\n      >\n        ", "\n      </li>\n    "])), this._isSelected(option), option.id, function (e) {
+        return (0, _index.html)(_templateObject4_bb72e1c01f2611eda0c389891c227ec8 || (_templateObject4_bb72e1c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <li\n        aria-selected=\"", "\"\n        id=\"option", "\"\n        role=\"option\"\n        part=\"listbox-li\"\n        @click=\"", "\"\n        @mouseout=\"", "\"\n        @mouseover=\"", "\"\n      >\n        ", "\n      </li>\n    "])), this._isSelected(option), option.id, function (e) {
           return _this4._onOptionClick(e, option);
         }, function (e) {
           return _this4._onOptionMouseout(e, option);
@@ -179,7 +179,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js"], functio
     }, {
       key: "fieldMainTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject5_e54ab7501f0511ed8cc3e9a95995ad69 || (_templateObject5_e54ab7501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"field-main\" part=\"field-main\" ?hidden=\"", "\">\n        ", "\n        <div id=\"field-main-inner\" part=\"field-main-inner\">\n          ", "\n          <span class=\"input-option\" part=\"option-inner\">\n            ", " ", "\n            ", "\n          </span>\n          ", "\n        </div>\n      </div>\n    "])), this.hidden, this.labelTemplate, this.prefixTemplate, this.inputTemplate, this.suffixTemplate, this.expandButtonTemplate, this.listboxTemplate);
+        return (0, _index.html)(_templateObject5_bb72e1c01f2611eda0c389891c227ec8 || (_templateObject5_bb72e1c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"field-main\" part=\"field-main\" ?hidden=\"", "\">\n        ", "\n        <div id=\"field-main-inner\" part=\"field-main-inner\">\n          ", "\n          <span class=\"input-option\" part=\"option-inner\">\n            ", " ", "\n            ", "\n          </span>\n          ", "\n        </div>\n      </div>\n    "])), this.hidden, this.labelTemplate, this.prefixTemplate, this.inputTemplate, this.suffixTemplate, this.expandButtonTemplate, this.listboxTemplate);
       }
     }, {
       key: "hasOptions",
@@ -783,7 +783,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js"], functio
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsCombo), "styles", this)), [(0, _index.css)(_templateObject6_e54ab7501f0511ed8cc3e9a95995ad69 || (_templateObject6_e54ab7501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([expanded]) {\n          overflow: visible;\n        }\n        :host(:focus-within),\n        :host(:hover),\n        ul:hover,\n        li:hover {\n          z-index: 2;\n        }\n        .input-option {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          flex: 1 1 100%;\n        }\n        .box-input {\n          flex: 1 1 auto;\n        }\n        ul[role=\"listbox\"] {\n          opacity: 0;\n          position: absolute;\n          list-style: none;\n          max-height: var(--simple-fields-combo-max-height, 12em);\n          max-width: 100%;\n          left: 0;\n        }\n        :host([align-right]) ul[role=\"listbox\"] {\n          right: 0;\n          left: unset;\n        }\n        :host([justify]) ul[role=\"listbox\"] {\n          right: 0;\n          left: 0;\n        }\n        :host([expanded]:hover) ul[role=\"listbox\"],\n        :host([expanded]:focus-within) ul[role=\"listbox\"] {\n          opacity: 1;\n        }\n\n        ul[role=\"listbox\"] li[role=\"option\"] {\n          margin: 0;\n          padding: 0;\n          padding-left: 0.125em;\n          border-top: 1px solid transparent;\n          border-bottom: 1px solid transparent;\n          background-color: var(--simple-fields-background-color, white);\n        }\n\n        [role=\"listbox\"] [role=\"option\"] {\n          display: block;\n          margin: 0.25em;\n          padding: 0;\n          font-size: 100%;\n        }\n\n        [role=\"listbox\"] [role=\"option\"][aria-selected=\"true\"] {\n          background-color: var(--simple-fields-active-color, #eeeeee);\n        }\n\n        [role=\"listbox\"].focus [role=\"option\"][aria-selected=\"true\"] {\n          background-color: var(--simple-fields-accent-color-light, #d9eaff);\n          border-color: var(--simple-fields-accent-color, #3f51b5);\n        }\n\n        [role=\"listbox\"] li[role=\"option\"]:hover {\n          background-color: var(--simple-fields-accent-color-light, #d9eaff);\n        }\n        ::slotted([slot=\"prefix\"]:not(:empty)) {\n          margin-right: 0.25em;\n        }\n        ::slotted([slot=\"suffix\"]:not(:empty)) {\n          margin: 0 0.25em;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsCombo), "styles", this)), [(0, _index.css)(_templateObject6_bb72e1c01f2611eda0c389891c227ec8 || (_templateObject6_bb72e1c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([expanded]) {\n          overflow: visible;\n        }\n        :host(:focus-within),\n        :host(:hover),\n        ul:hover,\n        li:hover {\n          z-index: 2;\n        }\n        .input-option {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          flex: 1 1 100%;\n        }\n        .box-input {\n          flex: 1 1 auto;\n        }\n        ul[role=\"listbox\"] {\n          opacity: 0;\n          position: absolute;\n          list-style: none;\n          max-height: var(--simple-fields-combo-max-height, 12em);\n          max-width: 100%;\n          left: 0;\n        }\n        :host([align-right]) ul[role=\"listbox\"] {\n          right: 0;\n          left: unset;\n        }\n        :host([justify]) ul[role=\"listbox\"] {\n          right: 0;\n          left: 0;\n        }\n        :host([expanded]:hover) ul[role=\"listbox\"],\n        :host([expanded]:focus-within) ul[role=\"listbox\"] {\n          opacity: 1;\n        }\n\n        ul[role=\"listbox\"] li[role=\"option\"] {\n          margin: 0;\n          padding: 0;\n          padding-left: 0.125em;\n          border-top: 1px solid transparent;\n          border-bottom: 1px solid transparent;\n          background-color: var(--simple-fields-background-color, white);\n        }\n\n        [role=\"listbox\"] [role=\"option\"] {\n          display: block;\n          margin: 0.25em;\n          padding: 0;\n          font-size: 100%;\n        }\n\n        [role=\"listbox\"] [role=\"option\"][aria-selected=\"true\"] {\n          background-color: var(--simple-fields-active-color, #eeeeee);\n        }\n\n        [role=\"listbox\"].focus [role=\"option\"][aria-selected=\"true\"] {\n          background-color: var(--simple-fields-accent-color-light, #d9eaff);\n          border-color: var(--simple-fields-accent-color, #3f51b5);\n        }\n\n        [role=\"listbox\"] li[role=\"option\"]:hover {\n          background-color: var(--simple-fields-accent-color-light, #d9eaff);\n        }\n        ::slotted([slot=\"prefix\"]:not(:empty)) {\n          margin-right: 0.25em;\n        }\n        ::slotted([slot=\"suffix\"]:not(:empty)) {\n          margin: 0 0.25em;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-container.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-container.js
index 230844272cd..a94ffe22ea2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-container.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-container.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
   });
   _exports.SimpleFieldsContainerBehaviors = _exports.SimpleFieldsContainer = void 0;
 
-  var _templateObject_e554a2601f0511ed8cc3e9a95995ad69, _templateObject2_e554a2601f0511ed8cc3e9a95995ad69, _templateObject3_e554a2601f0511ed8cc3e9a95995ad69, _templateObject4_e554a2601f0511ed8cc3e9a95995ad69, _templateObject5_e554a2601f0511ed8cc3e9a95995ad69, _templateObject6_e554a2601f0511ed8cc3e9a95995ad69, _templateObject7_e554a2601f0511ed8cc3e9a95995ad69, _templateObject8_e554a2601f0511ed8cc3e9a95995ad69, _templateObject9_e554a2601f0511ed8cc3e9a95995ad69, _templateObject10_e554a2601f0511ed8cc3e9a95995ad69;
+  var _templateObject_bb7c30901f2611eda0c389891c227ec8, _templateObject2_bb7c30901f2611eda0c389891c227ec8, _templateObject3_bb7c30901f2611eda0c389891c227ec8, _templateObject4_bb7c30901f2611eda0c389891c227ec8, _templateObject5_bb7c30901f2611eda0c389891c227ec8, _templateObject6_bb7c30901f2611eda0c389891c227ec8, _templateObject7_bb7c30901f2611eda0c389891c227ec8, _templateObject8_bb7c30901f2611eda0c389891c227ec8, _templateObject9_bb7c30901f2611eda0c389891c227ec8, _templateObject10_bb7c30901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -47,7 +47,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       babelHelpers.createClass(_class, [{
         key: "render",
         value: function render() {
-          return (0, _index.html)(_templateObject_e554a2601f0511ed8cc3e9a95995ad69 || (_templateObject_e554a2601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", " ", " "])), this.fieldMainTemplate, this.fieldBottom);
+          return (0, _index.html)(_templateObject_bb7c30901f2611eda0c389891c227ec8 || (_templateObject_bb7c30901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", " ", " "])), this.fieldMainTemplate, this.fieldBottom);
         }
       }, {
         key: "disconnectedCallback",
@@ -122,7 +122,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       }, {
         key: "descriptionTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject2_e554a2601f0511ed8cc3e9a95995ad69 || (_templateObject2_e554a2601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"description\" part=\"field-desc\">\n          <slot name=\"description\"></slot>\n          ", "\n        </div>\n      "])), this.description);
+          return (0, _index.html)(_templateObject2_bb7c30901f2611eda0c389891c227ec8 || (_templateObject2_bb7c30901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"description\" part=\"field-desc\">\n          <slot name=\"description\"></slot>\n          ", "\n        </div>\n      "])), this.description);
         }
         /**
          * template for slotted or shadow DOM error message
@@ -135,7 +135,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       }, {
         key: "errorTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject3_e554a2601f0511ed8cc3e9a95995ad69 || (_templateObject3_e554a2601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          id=\"error-message\"\n          ?hidden=\"", "\"\n          role=\"alert\"\n          part=\"error-msg\"\n        >\n          ", "\n        </div>\n      "])), !this.error, this.errorMessage);
+          return (0, _index.html)(_templateObject3_bb7c30901f2611eda0c389891c227ec8 || (_templateObject3_bb7c30901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          id=\"error-message\"\n          ?hidden=\"", "\"\n          role=\"alert\"\n          part=\"error-msg\"\n        >\n          ", "\n        </div>\n      "])), !this.error, this.errorMessage);
         }
         /**
          *
@@ -149,7 +149,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       }, {
         key: "fieldBottom",
         get: function get() {
-          return (0, _index.html)(_templateObject4_e554a2601f0511ed8cc3e9a95995ad69 || (_templateObject4_e554a2601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div class=\"border-bottom blur\"></div>\n        <div class=\"border-bottom focus\"></div>\n        <div id=\"field-bottom\" part=\"field-bottom\">\n          <div id=\"error-desc\" part=\"field-bottom-inner\">\n            ", " ", "\n          </div>\n          ", "\n        </div>\n      "])), this.descriptionTemplate, this.errorTemplate, this.fieldMeta);
+          return (0, _index.html)(_templateObject4_bb7c30901f2611eda0c389891c227ec8 || (_templateObject4_bb7c30901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div class=\"border-bottom blur\"></div>\n        <div class=\"border-bottom focus\"></div>\n        <div id=\"field-bottom\" part=\"field-bottom\">\n          <div id=\"error-desc\" part=\"field-bottom-inner\">\n            ", " ", "\n          </div>\n          ", "\n        </div>\n      "])), this.descriptionTemplate, this.errorTemplate, this.fieldMeta);
         }
         /**
          * gets field's id
@@ -175,7 +175,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       }, {
         key: "fieldMainTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject5_e554a2601f0511ed8cc3e9a95995ad69 || (_templateObject5_e554a2601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          class=\"", "\"\n          part=\"field-main\"\n        >\n          ", "\n          <div part=\"field-inner\">\n            ", "\n            <slot name=\"field\"></slot>\n            ", "\n          </div>\n        </div>\n      "])), this.inline || ["checkbox", "color", "radio"].includes(this.type || "text") ? "field-main inline" : "field-main", this.labelTemplate, this.prefixTemplate, this.suffixTemplate);
+          return (0, _index.html)(_templateObject5_bb7c30901f2611eda0c389891c227ec8 || (_templateObject5_bb7c30901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          class=\"", "\"\n          part=\"field-main\"\n        >\n          ", "\n          <div part=\"field-inner\">\n            ", "\n            <slot name=\"field\"></slot>\n            ", "\n          </div>\n        </div>\n      "])), this.inline || ["checkbox", "color", "radio"].includes(this.type || "text") ? "field-main inline" : "field-main", this.labelTemplate, this.prefixTemplate, this.suffixTemplate);
         }
         /**
          *
@@ -189,7 +189,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       }, {
         key: "fieldMeta",
         get: function get() {
-          return (0, _index.html)(_templateObject6_e554a2601f0511ed8cc3e9a95995ad69 || (_templateObject6_e554a2601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"fieldmeta\" aria-live=\"polite\" part=\"field-meta\">\n          <slot name=\"field-meta\"></slot>\n        </div>\n      "])));
+          return (0, _index.html)(_templateObject6_bb7c30901f2611eda0c389891c227ec8 || (_templateObject6_bb7c30901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"fieldmeta\" aria-live=\"polite\" part=\"field-meta\">\n          <slot name=\"field-meta\"></slot>\n        </div>\n      "])));
         }
       }, {
         key: "hasFieldset",
@@ -207,7 +207,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       }, {
         key: "labelTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject7_e554a2601f0511ed8cc3e9a95995ad69 || (_templateObject7_e554a2601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <label\n          id=\"", "-label\"\n          for=\"", "\"\n          class=\"label-main\"\n          ?hidden=\"", "\"\n          part=\"label\"\n        >\n          <slot name=\"label-prefix\"></slot>\n          <slot name=\"label\"></slot>\n          ", "", "\n        </label>\n      "])), this.fieldId, this.fieldId, this.type === "fieldset", this.label, this.error || this.required ? "*" : "");
+          return (0, _index.html)(_templateObject7_bb7c30901f2611eda0c389891c227ec8 || (_templateObject7_bb7c30901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <label\n          id=\"", "-label\"\n          for=\"", "\"\n          class=\"label-main\"\n          ?hidden=\"", "\"\n          part=\"label\"\n        >\n          <slot name=\"label-prefix\"></slot>\n          <slot name=\"label\"></slot>\n          ", "", "\n        </label>\n      "])), this.fieldId, this.fieldId, this.type === "fieldset", this.label, this.error || this.required ? "*" : "");
         }
       }, {
         key: "multicheck",
@@ -272,7 +272,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       }, {
         key: "prefixTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject8_e554a2601f0511ed8cc3e9a95995ad69 || (_templateObject8_e554a2601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <slot name=\"prefix\"></slot>\n        ", "\n      "])), this.prefix);
+          return (0, _index.html)(_templateObject8_bb7c30901f2611eda0c389891c227ec8 || (_templateObject8_bb7c30901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <slot name=\"prefix\"></slot>\n        ", "\n      "])), this.prefix);
         }
         /**
          * determines if field is required and blank
@@ -311,7 +311,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       }, {
         key: "suffixTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject9_e554a2601f0511ed8cc3e9a95995ad69 || (_templateObject9_e554a2601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <slot name=\"suffix\"></slot>\n        ", "\n      "])), this.suffix);
+          return (0, _index.html)(_templateObject9_bb7c30901f2611eda0c389891c227ec8 || (_templateObject9_bb7c30901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <slot name=\"suffix\"></slot>\n        ", "\n      "])), this.suffix);
         }
         /**
          * focuses on field
@@ -705,7 +705,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       }, {
         key: "styles",
         get: function get() {
-          return [].concat(babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsBaseStyles), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsLabelStyles), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsDescriptionStyles), [(0, _index.css)(_templateObject10_e554a2601f0511ed8cc3e9a95995ad69 || (_templateObject10_e554a2601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: block;\n          }\n          :host([error]) {\n            color: var(--simple-fields-error-color, #b40000);\n            transition: color 0.3s ease-in-out;\n          }\n          :host([disabled]) {\n            color: var(--simple-fields-disabled-color, #999999);\n          }\n          .field-main.inline,\n          .field-main > div,\n          #field-bottom {\n            display: flex;\n            align-items: stretch;\n            justify-content: flex-start;\n          }\n          * {\n            flex: 1 1 auto;\n          }\n          #fieldmeta {\n            text-align: right;\n          }\n          .field,\n          ::slotted([slot=\"field\"]) {\n            width: auto;\n            border: none;\n            color: var(--simple-fields-color, currentColor);\n            background-color: var(\n              --simple-fields-background-color,\n              transparent\n            );\n            transition: opacity ease-in-out;\n            flex: 1 0 auto;\n          }\n          ::slotted([slot=\"field\"]:focus) {\n            outline: none;\n          }\n          :host[inline] ::slotted([slot=\"field\"]:focus),\n          ::slotted([type=\"checkbox\"][slot=\"radio\"]:focus),\n          ::slotted([type=\"checkbox\"][slot=\"field\"]:focus) {\n            outline: unset;\n          }\n          .field-main.inline .field,\n          .field-main.inline ::slotted([slot=\"field\"]) {\n            min-width: var(--simple-fields-detail-line-height, 22px);\n            height: var(--simple-fields-detail-line-height, 22px);\n            margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n          }\n          .field[disabled],\n          :host([readonly]) ::slotted([slot=\"field\"]) {\n            opacity: var(--simple-fields-disabled-opacity, 0.7);\n            transition: opacity ease-in-out;\n          }\n          .field[readonly],\n          .field[disabled],\n          :host([readonly]) ::slotted([slot=\"field\"]),\n          :host([disabled]) ::slotted([slot=\"field\"]) {\n            cursor: not-allowed;\n            pointer-events: none;\n          }\n          .border-bottom {\n            height: 0;\n          }\n          :host([disabled]) .border-bottom {\n            border-bottom: var(\n                --simple-fields-border-bottom-disabled-size,\n                var(--simple-fields-border-bottom-size, 1px)\n              )\n              dashed var(--simple-fields-border-color, #999);\n          }\n          .border-bottom.blur {\n            border-bottom: var(--simple-fields-border-bottom-size, 1px) solid\n              var(--simple-fields-border-color, #999);\n            width: 100%;\n          }\n          .border-bottom.focus {\n            margin: -1px auto 0;\n            width: 0;\n            border-bottom: var(--simple-fields-border-bottom-focus-size, 2px)\n              solid var(--simple-fields-accent-color, #3f51b5);\n            transition: width 0.5s ease-in-out;\n          }\n          :host(:focus-within) .border-bottom.focus {\n            width: 100%;\n            transition: width 0.5s ease-in-out;\n          }\n          :host([type=\"checkbox\"]) .border-bottom,\n          :host([type=\"color\"]) .border-bottom,\n          :host([type=\"file\"]) .border-bottom,\n          :host([type=\"radio\"]) .border-bottom,\n          :host([type=\"range\"]) .border-bottom {\n            display: none;\n          }\n          ::slotted(label:hover),\n          ::slotted(label:focus),\n          ::slotted(label:focus-within) {\n            color: var(--simple-fields-accent-color, #3f51b5);\n            transition: background-color 0.3s ease-in-out;\n          }\n          ::slotted(input) {\n            padding: 0px;\n          }\n          ::slotted(textarea[slot=\"field\"]) {\n            margin: 0;\n            transition: height 0.5s ease-in-out;\n            box-sizing: border-box;\n            vertical-align: bottom;\n          }\n          ::slotted(fieldset[slot=\"field\"]) {\n            margin: 0;\n            padding: 0;\n            border: none;\n            font-size: var(--simple-fields-font-size, 16px);\n            font-family: var(--simple-fields-font-family, sans-serif);\n            line-height: var(--simple-fields-line-height, 22px);\n            display: var(--simple-fields-radio-option-display, block);\n            flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n            transition: color 0.3s ease-in-out;\n          }\n          ::slotted(fieldset[slot=\"field\"]:hover),\n          ::slotted(fieldset[slot=\"field\"]:focus),\n          ::slotted(fieldset[slot=\"field\"]:focus-within) {\n            color: var(--simple-fields-accent-color, #3f51b5);\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsBaseStyles), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsLabelStyles), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsDescriptionStyles), [(0, _index.css)(_templateObject10_bb7c30901f2611eda0c389891c227ec8 || (_templateObject10_bb7c30901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: block;\n          }\n          :host([error]) {\n            color: var(--simple-fields-error-color, #b40000);\n            transition: color 0.3s ease-in-out;\n          }\n          :host([disabled]) {\n            color: var(--simple-fields-disabled-color, #999999);\n          }\n          .field-main.inline,\n          .field-main > div,\n          #field-bottom {\n            display: flex;\n            align-items: stretch;\n            justify-content: flex-start;\n          }\n          * {\n            flex: 1 1 auto;\n          }\n          #fieldmeta {\n            text-align: right;\n          }\n          .field,\n          ::slotted([slot=\"field\"]) {\n            width: auto;\n            border: none;\n            color: var(--simple-fields-color, currentColor);\n            background-color: var(\n              --simple-fields-background-color,\n              transparent\n            );\n            transition: opacity ease-in-out;\n            flex: 1 0 auto;\n          }\n          ::slotted([slot=\"field\"]:focus) {\n            outline: none;\n          }\n          :host[inline] ::slotted([slot=\"field\"]:focus),\n          ::slotted([type=\"checkbox\"][slot=\"radio\"]:focus),\n          ::slotted([type=\"checkbox\"][slot=\"field\"]:focus) {\n            outline: unset;\n          }\n          .field-main.inline .field,\n          .field-main.inline ::slotted([slot=\"field\"]) {\n            min-width: var(--simple-fields-detail-line-height, 22px);\n            height: var(--simple-fields-detail-line-height, 22px);\n            margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n          }\n          .field[disabled],\n          :host([readonly]) ::slotted([slot=\"field\"]) {\n            opacity: var(--simple-fields-disabled-opacity, 0.7);\n            transition: opacity ease-in-out;\n          }\n          .field[readonly],\n          .field[disabled],\n          :host([readonly]) ::slotted([slot=\"field\"]),\n          :host([disabled]) ::slotted([slot=\"field\"]) {\n            cursor: not-allowed;\n            pointer-events: none;\n          }\n          .border-bottom {\n            height: 0;\n          }\n          :host([disabled]) .border-bottom {\n            border-bottom: var(\n                --simple-fields-border-bottom-disabled-size,\n                var(--simple-fields-border-bottom-size, 1px)\n              )\n              dashed var(--simple-fields-border-color, #999);\n          }\n          .border-bottom.blur {\n            border-bottom: var(--simple-fields-border-bottom-size, 1px) solid\n              var(--simple-fields-border-color, #999);\n            width: 100%;\n          }\n          .border-bottom.focus {\n            margin: -1px auto 0;\n            width: 0;\n            border-bottom: var(--simple-fields-border-bottom-focus-size, 2px)\n              solid var(--simple-fields-accent-color, #3f51b5);\n            transition: width 0.5s ease-in-out;\n          }\n          :host(:focus-within) .border-bottom.focus {\n            width: 100%;\n            transition: width 0.5s ease-in-out;\n          }\n          :host([type=\"checkbox\"]) .border-bottom,\n          :host([type=\"color\"]) .border-bottom,\n          :host([type=\"file\"]) .border-bottom,\n          :host([type=\"radio\"]) .border-bottom,\n          :host([type=\"range\"]) .border-bottom {\n            display: none;\n          }\n          ::slotted(label:hover),\n          ::slotted(label:focus),\n          ::slotted(label:focus-within) {\n            color: var(--simple-fields-accent-color, #3f51b5);\n            transition: background-color 0.3s ease-in-out;\n          }\n          ::slotted(input) {\n            padding: 0px;\n          }\n          ::slotted(textarea[slot=\"field\"]) {\n            margin: 0;\n            transition: height 0.5s ease-in-out;\n            box-sizing: border-box;\n            vertical-align: bottom;\n          }\n          ::slotted(fieldset[slot=\"field\"]) {\n            margin: 0;\n            padding: 0;\n            border: none;\n            font-size: var(--simple-fields-font-size, 16px);\n            font-family: var(--simple-fields-font-family, sans-serif);\n            line-height: var(--simple-fields-line-height, 22px);\n            display: var(--simple-fields-radio-option-display, block);\n            flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n            transition: color 0.3s ease-in-out;\n          }\n          ::slotted(fieldset[slot=\"field\"]:hover),\n          ::slotted(fieldset[slot=\"field\"]:focus),\n          ::slotted(fieldset[slot=\"field\"]:focus-within) {\n            color: var(--simple-fields-accent-color, #3f51b5);\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-field.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-field.js
index a5a8ef9f38b..8951380efe4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-field.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-field.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-container.js", "../
   });
   _exports.SimpleFieldsFieldBehaviors = _exports.SimpleFieldsField = void 0;
 
-  var _templateObject_e58464f01f0511ed8cc3e9a95995ad69, _templateObject2_e58464f01f0511ed8cc3e9a95995ad69, _templateObject3_e58464f01f0511ed8cc3e9a95995ad69, _templateObject4_e58464f01f0511ed8cc3e9a95995ad69, _templateObject5_e58464f01f0511ed8cc3e9a95995ad69, _templateObject6_e58464f01f0511ed8cc3e9a95995ad69, _templateObject7_e58464f01f0511ed8cc3e9a95995ad69, _templateObject8_e58464f01f0511ed8cc3e9a95995ad69, _templateObject9_e58464f01f0511ed8cc3e9a95995ad69, _templateObject10_e58464f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bba8e5e01f2611eda0c389891c227ec8, _templateObject2_bba8e5e01f2611eda0c389891c227ec8, _templateObject3_bba8e5e01f2611eda0c389891c227ec8, _templateObject4_bba8e5e01f2611eda0c389891c227ec8, _templateObject5_bba8e5e01f2611eda0c389891c227ec8, _templateObject6_bba8e5e01f2611eda0c389891c227ec8, _templateObject7_bba8e5e01f2611eda0c389891c227ec8, _templateObject8_bba8e5e01f2611eda0c389891c227ec8, _templateObject9_bba8e5e01f2611eda0c389891c227ec8, _templateObject10_bba8e5e01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -131,7 +131,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-container.js", "../
       }, {
         key: "fieldMainTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject_e58464f01f0511ed8cc3e9a95995ad69 || (_templateObject_e58464f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          class=\"", " ", "\"\n          part=\"field-main\"\n        >\n          ", "\n          <div id=\"field-main-inner\" part=\"field-main-inner\">\n            ", "\n            ", "\n            ", "\n          </div>\n        </div>\n      "])), this.inline || ["checkbox", "color", "radio"].includes(this.type || "text") ? "field-main inline" : "field-main", this.sortedOptions && !this.sortedOptions.length > 0 ? "field-main-multi" : "field-main-single", this.labelTemplate, this.prefixTemplate, this.fieldElementTag === "input" ? this.inputTemplate : this.fieldElementTag === "select" ? this.selectTemplate : this.fieldElementTag === "textarea" ? this.textareaTemplate : "", this.suffixTemplate);
+          return (0, _index.html)(_templateObject_bba8e5e01f2611eda0c389891c227ec8 || (_templateObject_bba8e5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          class=\"", " ", "\"\n          part=\"field-main\"\n        >\n          ", "\n          <div id=\"field-main-inner\" part=\"field-main-inner\">\n            ", "\n            ", "\n            ", "\n          </div>\n        </div>\n      "])), this.inline || ["checkbox", "color", "radio"].includes(this.type || "text") ? "field-main inline" : "field-main", this.sortedOptions && !this.sortedOptions.length > 0 ? "field-main-multi" : "field-main-single", this.labelTemplate, this.prefixTemplate, this.fieldElementTag === "input" ? this.inputTemplate : this.fieldElementTag === "select" ? this.selectTemplate : this.fieldElementTag === "textarea" ? this.textareaTemplate : "", this.suffixTemplate);
         }
         /**
          *
@@ -145,7 +145,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-container.js", "../
       }, {
         key: "fieldMeta",
         get: function get() {
-          return (0, _index.html)(_templateObject2_e58464f01f0511ed8cc3e9a95995ad69 || (_templateObject2_e58464f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"fieldmeta\" aria-live=\"polite\" part=\"field-meta\"></div>\n      "])));
+          return (0, _index.html)(_templateObject2_bba8e5e01f2611eda0c389891c227ec8 || (_templateObject2_bba8e5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"fieldmeta\" aria-live=\"polite\" part=\"field-meta\"></div>\n      "])));
         }
         /**
          * template for `fieldset` in shadow DOM
@@ -160,8 +160,8 @@ define(["exports", "../../../lit/index.js", "./simple-fields-container.js", "../
         get: function get() {
           var _this3 = this;
 
-          return (0, _index.html)(_templateObject3_e58464f01f0511ed8cc3e9a95995ad69 || (_templateObject3_e58464f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <fieldset\n          part=\"fieldset\"\n          class=\"", "\"\n        >\n          <legend\n            class=\"label-main\"\n            ?hidden=\"", "\"\n            part=\"fieldset-legend\"\n          >\n            ", "", "\n          </legend>\n          <div id=\"options\" part=\"fieldset-options\">\n            ", "\n          </div>\n          ", "\n        </fieldset>\n      "])), !!this.blockOptions ? "block-options" : "inline-options", !this.label, this.label, this.error || this.required ? "*" : "", (this.sortedOptions || []).map(function (option) {
-            return (0, _index.html)(_templateObject4_e58464f01f0511ed8cc3e9a95995ad69 || (_templateObject4_e58464f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"option\" part=\"option\">\n                  <label\n                    for=\"", ".", "\"\n                    class=\"radio-label\"\n                    part=\"option-label\"\n                    >", "</label\n                  >", "\n                </div>\n              "])), _this3.id, option.value, option.text, _this3.getInput(option));
+          return (0, _index.html)(_templateObject3_bba8e5e01f2611eda0c389891c227ec8 || (_templateObject3_bba8e5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <fieldset\n          part=\"fieldset\"\n          class=\"", "\"\n        >\n          <legend\n            class=\"label-main\"\n            ?hidden=\"", "\"\n            part=\"fieldset-legend\"\n          >\n            ", "", "\n          </legend>\n          <div id=\"options\" part=\"fieldset-options\">\n            ", "\n          </div>\n          ", "\n        </fieldset>\n      "])), !!this.blockOptions ? "block-options" : "inline-options", !this.label, this.label, this.error || this.required ? "*" : "", (this.sortedOptions || []).map(function (option) {
+            return (0, _index.html)(_templateObject4_bba8e5e01f2611eda0c389891c227ec8 || (_templateObject4_bba8e5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"option\" part=\"option\">\n                  <label\n                    for=\"", ".", "\"\n                    class=\"radio-label\"\n                    part=\"option-label\"\n                    >", "</label\n                  >", "\n                </div>\n              "])), _this3.id, option.value, option.text, _this3.getInput(option));
           }), this.fieldBottom);
         }
       }, {
@@ -190,7 +190,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-container.js", "../
 
           var checked = this.type !== "radio" && this.type !== "checkbox" ? false : !option ? !!this.value : this.type === "radio" ? this.value === (option || {}).value : (this.value || []).includes && (this.value || []).includes((option || {}).value),
               icon = this.getOptionIcon(checked);
-          return (0, _index.html)(_templateObject5_e58464f01f0511ed8cc3e9a95995ad69 || (_templateObject5_e58464f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <span class=\"input-option\" part=\"option-inner\">\n          <input\n            ?autofocus=\"", "\"\n            aria-descrbedby=\"", "\"\n            .aria-invalid=\"", "\"\n            @blur=\"", "\"\n            @change=\"", "\"\n            ?checked=\"", "\"\n            class=\"field ", "\"\n            ?disabled=\"", "\"\n            @focus=\"", "\"\n            ?hidden=\"", "\"\n            id=\"", ".", "\"\n            @input=\"", "\"\n            name=\"", "\"\n            .placeholder=\"", "\"\n            ?readonly=\"", "\"\n            ?required=\"", "\"\n            tabindex=\"0\"\n            type=\"", "\"\n            value=\"", "\"\n            part=\"option-input\"\n          />\n          ", "\n        </span>\n      "])), this.autofocus, this.describedBy || "", this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, checked, ["checkbox", "color", "file", "radio", "range"].includes(this.type) ? "" : "box-input", this.disabled, this._onFocusin, this.hidden, this.id, !option ? "" : option.value, this._handleFieldChange, this.id, this.placeholder || "", this.readonly, this.required, this.type, !option ? this.value : (option || {}).value, this.type !== "checkbox" && this.type !== "radio" ? "" : (0, _index.html)(_templateObject6_e58464f01f0511ed8cc3e9a95995ad69 || (_templateObject6_e58464f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <simple-icon-lite\n                  icon=\"", "\"\n                  @click=\"", "\"\n                  part=\"option-icon\"\n                >\n                </simple-icon-lite>\n              "])), icon, function (e) {
+          return (0, _index.html)(_templateObject5_bba8e5e01f2611eda0c389891c227ec8 || (_templateObject5_bba8e5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <span class=\"input-option\" part=\"option-inner\">\n          <input\n            ?autofocus=\"", "\"\n            aria-descrbedby=\"", "\"\n            .aria-invalid=\"", "\"\n            @blur=\"", "\"\n            @change=\"", "\"\n            ?checked=\"", "\"\n            class=\"field ", "\"\n            ?disabled=\"", "\"\n            @focus=\"", "\"\n            ?hidden=\"", "\"\n            id=\"", ".", "\"\n            @input=\"", "\"\n            name=\"", "\"\n            .placeholder=\"", "\"\n            ?readonly=\"", "\"\n            ?required=\"", "\"\n            tabindex=\"0\"\n            type=\"", "\"\n            value=\"", "\"\n            part=\"option-input\"\n          />\n          ", "\n        </span>\n      "])), this.autofocus, this.describedBy || "", this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, checked, ["checkbox", "color", "file", "radio", "range"].includes(this.type) ? "" : "box-input", this.disabled, this._onFocusin, this.hidden, this.id, !option ? "" : option.value, this._handleFieldChange, this.id, this.placeholder || "", this.readonly, this.required, this.type, !option ? this.value : (option || {}).value, this.type !== "checkbox" && this.type !== "radio" ? "" : (0, _index.html)(_templateObject6_bba8e5e01f2611eda0c389891c227ec8 || (_templateObject6_bba8e5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <simple-icon-lite\n                  icon=\"", "\"\n                  @click=\"", "\"\n                  part=\"option-icon\"\n                >\n                </simple-icon-lite>\n              "])), icon, function (e) {
             e.preventDefault();
             e.stopPropagation();
 
@@ -285,8 +285,8 @@ define(["exports", "../../../lit/index.js", "./simple-fields-container.js", "../
         get: function get() {
           var _this6 = this;
 
-          return (0, _index.html)(_templateObject7_e58464f01f0511ed8cc3e9a95995ad69 || (_templateObject7_e58464f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <select\n          ?autofocus=\"", "\"\n          aria-descrbedby=\"", "\"\n          aria-invalid=\"", "\"\n          @blur=\"", "\"\n          @change=\"", "\"\n          class=\"field\"\n          ?disabled=\"", "\"\n          @focus=\"", "\"\n          ?hidden=\"", "\"\n          id=\"", "\"\n          ?multiple=\"", "\"\n          name=\"", "\"\n          ?readonly=\"", "\"\n          ?required=\"", "\"\n          tabindex=\"0\"\n          part=\"select\"\n        >\n          ", "\n        </select>\n        <simple-icon-lite icon=\"arrow-drop-down\"></simple-icon-lite>\n      "])), this.autofocus, this.describedBy, this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, this.disabled, this._onFocusin, this.hidden, this.id, this.multiple, this.id, this.readonly, this.required, (this.sortedOptions || []).map(function (option) {
-            return (0, _index.html)(_templateObject8_e58464f01f0511ed8cc3e9a95995ad69 || (_templateObject8_e58464f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <option\n                part=\"select-option\"\n                .id=\"", ".", "\"\n                ?selected=\"", "\"\n                .value=\"", "\"\n              >\n                ", "\n              </option>\n            "])), _this6.id, option.value, _this6.multiple ? _this6.value && _this6.value.includes(option.value) : _this6.value === option.value, option.value, option.text);
+          return (0, _index.html)(_templateObject7_bba8e5e01f2611eda0c389891c227ec8 || (_templateObject7_bba8e5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <select\n          ?autofocus=\"", "\"\n          aria-descrbedby=\"", "\"\n          aria-invalid=\"", "\"\n          @blur=\"", "\"\n          @change=\"", "\"\n          class=\"field\"\n          ?disabled=\"", "\"\n          @focus=\"", "\"\n          ?hidden=\"", "\"\n          id=\"", "\"\n          ?multiple=\"", "\"\n          name=\"", "\"\n          ?readonly=\"", "\"\n          ?required=\"", "\"\n          tabindex=\"0\"\n          part=\"select\"\n        >\n          ", "\n        </select>\n        <simple-icon-lite icon=\"arrow-drop-down\"></simple-icon-lite>\n      "])), this.autofocus, this.describedBy, this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, this.disabled, this._onFocusin, this.hidden, this.id, this.multiple, this.id, this.readonly, this.required, (this.sortedOptions || []).map(function (option) {
+            return (0, _index.html)(_templateObject8_bba8e5e01f2611eda0c389891c227ec8 || (_templateObject8_bba8e5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <option\n                part=\"select-option\"\n                .id=\"", ".", "\"\n                ?selected=\"", "\"\n                .value=\"", "\"\n              >\n                ", "\n              </option>\n            "])), _this6.id, option.value, _this6.multiple ? _this6.value && _this6.value.includes(option.value) : _this6.value === option.value, option.value, option.text);
           }));
         }
         /**
@@ -310,7 +310,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-container.js", "../
       }, {
         key: "textareaTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject9_e58464f01f0511ed8cc3e9a95995ad69 || (_templateObject9_e58464f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <textarea\n          aria-invalid=\"", "\"\n          ?autofocus=\"", "\"\n          @blur=\"", "\"\n          class=\"field box-input\"\n          @change=\"", "\"\n          @keydown=\"", "\"\n          ?disabled=\"", "\"\n          @focus=\"", "\"\n          ?hidden=\"", "\"\n          id=\"", "\"\n          @input=\"", "\"\n          name=\"", "\"\n          ?readonly=\"", "\"\n          ?required=\"", "\"\n          rows=\"1\"\n          tabindex=\"0\"\n          part=\"textarea\"\n        >\n  ", "</textarea\n        >\n      "])), this.error ? "true" : "false", this.autofocus, this._onFocusout, this._handleFieldChange, function (e) {
+          return (0, _index.html)(_templateObject9_bba8e5e01f2611eda0c389891c227ec8 || (_templateObject9_bba8e5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <textarea\n          aria-invalid=\"", "\"\n          ?autofocus=\"", "\"\n          @blur=\"", "\"\n          class=\"field box-input\"\n          @change=\"", "\"\n          @keydown=\"", "\"\n          ?disabled=\"", "\"\n          @focus=\"", "\"\n          ?hidden=\"", "\"\n          id=\"", "\"\n          @input=\"", "\"\n          name=\"", "\"\n          ?readonly=\"", "\"\n          ?required=\"", "\"\n          rows=\"1\"\n          tabindex=\"0\"\n          part=\"textarea\"\n        >\n  ", "</textarea\n        >\n      "])), this.error ? "true" : "false", this.autofocus, this._onFocusout, this._handleFieldChange, function (e) {
             return e.stopPropagation();
           }, this.disabled, this._onFocusin, this.hidden, this.id, this._handleFieldChange, this.id, this.readonly, this.required, this.value || "");
         }
@@ -447,7 +447,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-container.js", "../
       }, {
         key: "styles",
         get: function get() {
-          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), [(0, _index.css)(_templateObject10_e58464f01f0511ed8cc3e9a95995ad69 || (_templateObject10_e58464f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          fieldset {\n            margin: 0;\n            padding: 0;\n            border: none;\n            background-color: transparent;\n          }\n          option {\n            border-radius: 0;\n          }\n          option[selected] {\n            background-color: var(\n              --simple-fields-faded-background-color,\n              rgba(0, 0, 0, 0.1)\n            );\n          }\n          legend {\n            padding-inline-start: unset;\n            padding-inline-end: unset;\n          }\n          #field-main-inner {\n            position: relative;\n          }\n          #options {\n            display: var(--simple-fields-radio-option-display, flex);\n            flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n          }\n          fieldset.block-options #options {\n            display: block;\n          }\n          .option {\n            flex-direction: row;\n            display: flex;\n            flex-wrap: wrap;\n            align-items: stretch;\n            justify-content: space-between;\n            margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n          }\n          fieldset.block-options .option {\n            flex-direction: row-reverse;\n            justify-content: flex-end;\n          }\n          .option:last-of-type {\n            margin: 0;\n          }\n          .option:focus-within label {\n            color: var(--simple-fields-accent-color, #003f7d);\n            transition: color ease-in-out;\n          }\n          :host([type]) fieldset .border-bottom {\n            display: block;\n          }\n          .box-input {\n            width: calc(100% - 4px);\n            padding: 2px;\n          }\n          .box-input:focus {\n            outline: none;\n          }\n          .field-main.inline {\n            align-items: center;\n          }\n          input {\n            background-color: var(\n              --simple-fields-background-color,\n              transparent\n            );\n          }\n          input[type=\"text\"] {\n            padding: 0;\n          }\n          textarea {\n            margin: 0;\n            transition: height 0.5s ease-in-out;\n            box-sizing: border-box;\n            vertical-align: bottom;\n            background-color: var(\n              --simple-fields-background-color,\n              transparent\n            );\n          }\n          select.field {\n            width: calc(100% - 26px);\n            padding-right: 26px;\n            border: none;\n            background-color: var(\n              --simple-fields-background-color,\n              transparent\n            );\n            border-radius: 0;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n          }\n          :host([type=\"select\"]) simple-icon-lite {\n            position: absolute;\n            right: 0px;\n          }\n          select:focus,\n          select:focus-within {\n            outline: none;\n          }\n          :host([type=\"checkbox\"]) span,\n          :host([type=\"radio\"]) span {\n            position: relative;\n            flex: 1 0 auto;\n            display: flex;\n            align-items: center;\n          }\n          :host([type=\"checkbox\"]) fieldset.block-options span,\n          :host([type=\"radio\"]) fieldset.block-options span {\n            flex: 0 0 auto;\n          }\n          :host([hovered][type=\"checkbox\"]) .field-main-single,\n          :host([hovered][type=\"radio\"]) .field-main-single,\n          .field-main-multi .option:hover {\n            cursor: pointer;\n            color: var(--simple-fields-accent-color, #003f7d);\n          }\n          :host([type=\"checkbox\"]) span:focus-within,\n          :host([type=\"radio\"]) span:focus-within {\n            color: var(--simple-fields-accent-color, #003f7d);\n          }\n          :host([type=\"checkbox\"]) label.checkbox-label,\n          :host([type=\"radio\"]) label.radio-label {\n            flex: 0 0 auto;\n          }\n          :host([type=\"checkbox\"]) input,\n          :host([type=\"radio\"]) input,\n          .field-main.inline input[type=\"checkbox\"].field,\n          .field-main.inline input[type=\"radio\"].field {\n            z-index: -1;\n            opacity: 0;\n            min-width: 0;\n            width: 0;\n            margin: 0;\n            flex: 0 1 0px;\n          }\n          :host([type=\"checkbox\"]) simple-icon-lite,\n          :host([type=\"radio\"]) simple-icon-lite {\n            flex: 0 0 auto;\n          }\n          :host([type=\"checkbox\"]) simple-icon-lite:hover,\n          :host([type=\"radio\"]) simple-icon-lite:hover,\n          :host([type=\"checkbox\"]) span:focus-within simple-icon-lite,\n          :host([type=\"radio\"]) span:focus-within simple-icon-lite {\n            color: var(--simple-fields-accent-color, #003f7d);\n          }\n\n          input[type=\"range\"] {\n            width: 100%;\n            height: calc(\n              var(--simple-fields-font-size, 16px) +\n                var(--simple-fields-line-height, 22px)\n            );\n            padding: 0;\n            margin: 0;\n            box-sizing: border-box;\n            -webkit-appearance: none;\n          }\n          input[type=\"range\"]:focus {\n            outline: none;\n          }\n          input[type=\"range\"]::-webkit-slider-runnable-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type=\"range\"]::-webkit-slider-runnable-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]::-webkit-slider-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background-color: var(\n              --simple-fields-background-color,\n              transparent\n            );\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n            -webkit-appearance: none;\n            margin-top: -2px;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][readonly]::-webkit-slider-thumb,\n          input[type=\"range\"][disabled]::-webkit-slider-thumb {\n            cursor: not-allowed;\n          }\n          input[type=\"range\"]:focus::-webkit-slider-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type=\"range\"]::-webkit-slider-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][readonly]::-webkit-slider-thumb,\n          input[type=\"range\"][disabled]::-webkit-slider-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]::-moz-range-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][readonly]::-moz-range-track,\n          input[type=\"range\"][disabled]::-moz-range-track {\n            cursor: not-allowed;\n          }\n          :host([error]) input[type=\"range\"]::-moz-range-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]::-moz-range-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]:focus::-moz-range-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type=\"range\"]::-moz-range-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][readonly]::-moz-range-thumb,\n          input[type=\"range\"][disabled]::-moz-range-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]::-ms-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: transparent;\n            border-color: transparent;\n            color: transparent;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][readonly]::-ms-track,\n          input[type=\"range\"][disabled]::-ms-track {\n            cursor: not-allowed;\n          }\n          :host([error]) input[type=\"range\"]::-ms-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]::-ms-fill-lower {\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n          }\n          input[type=\"range\"]::-ms-fill-upper {\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n          }\n          input[type=\"range\"]::-ms-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n          }\n          input[type=\"range\"][readonly]::-ms-thumb,\n          input[type=\"range\"][disabled]::-ms-thumb {\n            cursor: not-allowed;\n          }\n          input[type=\"range\"]:focus::-ms-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n          }\n          :host([error]) input[type=\"range\"]::-ms-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][redonly]::-ms-thumb,\n          input[type=\"range\"][disabled]::-ms-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]:focus::-ms-fill-lower {\n            background: var(--simple-fields-border-color-light, #ccc);\n          }\n          input[type=\"range\"]:focus::-ms-fill-upper {\n            background: var(--simple-fields-border-color-light, #ccc);\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this)), [(0, _index.css)(_templateObject10_bba8e5e01f2611eda0c389891c227ec8 || (_templateObject10_bba8e5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          fieldset {\n            margin: 0;\n            padding: 0;\n            border: none;\n            background-color: transparent;\n          }\n          option {\n            border-radius: 0;\n          }\n          option[selected] {\n            background-color: var(\n              --simple-fields-faded-background-color,\n              rgba(0, 0, 0, 0.1)\n            );\n          }\n          legend {\n            padding-inline-start: unset;\n            padding-inline-end: unset;\n          }\n          #field-main-inner {\n            position: relative;\n          }\n          #options {\n            display: var(--simple-fields-radio-option-display, flex);\n            flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n          }\n          fieldset.block-options #options {\n            display: block;\n          }\n          .option {\n            flex-direction: row;\n            display: flex;\n            flex-wrap: wrap;\n            align-items: stretch;\n            justify-content: space-between;\n            margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n          }\n          fieldset.block-options .option {\n            flex-direction: row-reverse;\n            justify-content: flex-end;\n          }\n          .option:last-of-type {\n            margin: 0;\n          }\n          .option:focus-within label {\n            color: var(--simple-fields-accent-color, #003f7d);\n            transition: color ease-in-out;\n          }\n          :host([type]) fieldset .border-bottom {\n            display: block;\n          }\n          .box-input {\n            width: calc(100% - 4px);\n            padding: 2px;\n          }\n          .box-input:focus {\n            outline: none;\n          }\n          .field-main.inline {\n            align-items: center;\n          }\n          input {\n            background-color: var(\n              --simple-fields-background-color,\n              transparent\n            );\n          }\n          input[type=\"text\"] {\n            padding: 0;\n          }\n          textarea {\n            margin: 0;\n            transition: height 0.5s ease-in-out;\n            box-sizing: border-box;\n            vertical-align: bottom;\n            background-color: var(\n              --simple-fields-background-color,\n              transparent\n            );\n          }\n          select.field {\n            width: calc(100% - 26px);\n            padding-right: 26px;\n            border: none;\n            background-color: var(\n              --simple-fields-background-color,\n              transparent\n            );\n            border-radius: 0;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n          }\n          :host([type=\"select\"]) simple-icon-lite {\n            position: absolute;\n            right: 0px;\n          }\n          select:focus,\n          select:focus-within {\n            outline: none;\n          }\n          :host([type=\"checkbox\"]) span,\n          :host([type=\"radio\"]) span {\n            position: relative;\n            flex: 1 0 auto;\n            display: flex;\n            align-items: center;\n          }\n          :host([type=\"checkbox\"]) fieldset.block-options span,\n          :host([type=\"radio\"]) fieldset.block-options span {\n            flex: 0 0 auto;\n          }\n          :host([hovered][type=\"checkbox\"]) .field-main-single,\n          :host([hovered][type=\"radio\"]) .field-main-single,\n          .field-main-multi .option:hover {\n            cursor: pointer;\n            color: var(--simple-fields-accent-color, #003f7d);\n          }\n          :host([type=\"checkbox\"]) span:focus-within,\n          :host([type=\"radio\"]) span:focus-within {\n            color: var(--simple-fields-accent-color, #003f7d);\n          }\n          :host([type=\"checkbox\"]) label.checkbox-label,\n          :host([type=\"radio\"]) label.radio-label {\n            flex: 0 0 auto;\n          }\n          :host([type=\"checkbox\"]) input,\n          :host([type=\"radio\"]) input,\n          .field-main.inline input[type=\"checkbox\"].field,\n          .field-main.inline input[type=\"radio\"].field {\n            z-index: -1;\n            opacity: 0;\n            min-width: 0;\n            width: 0;\n            margin: 0;\n            flex: 0 1 0px;\n          }\n          :host([type=\"checkbox\"]) simple-icon-lite,\n          :host([type=\"radio\"]) simple-icon-lite {\n            flex: 0 0 auto;\n          }\n          :host([type=\"checkbox\"]) simple-icon-lite:hover,\n          :host([type=\"radio\"]) simple-icon-lite:hover,\n          :host([type=\"checkbox\"]) span:focus-within simple-icon-lite,\n          :host([type=\"radio\"]) span:focus-within simple-icon-lite {\n            color: var(--simple-fields-accent-color, #003f7d);\n          }\n\n          input[type=\"range\"] {\n            width: 100%;\n            height: calc(\n              var(--simple-fields-font-size, 16px) +\n                var(--simple-fields-line-height, 22px)\n            );\n            padding: 0;\n            margin: 0;\n            box-sizing: border-box;\n            -webkit-appearance: none;\n          }\n          input[type=\"range\"]:focus {\n            outline: none;\n          }\n          input[type=\"range\"]::-webkit-slider-runnable-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type=\"range\"]::-webkit-slider-runnable-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]::-webkit-slider-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background-color: var(\n              --simple-fields-background-color,\n              transparent\n            );\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n            -webkit-appearance: none;\n            margin-top: -2px;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][readonly]::-webkit-slider-thumb,\n          input[type=\"range\"][disabled]::-webkit-slider-thumb {\n            cursor: not-allowed;\n          }\n          input[type=\"range\"]:focus::-webkit-slider-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type=\"range\"]::-webkit-slider-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][readonly]::-webkit-slider-thumb,\n          input[type=\"range\"][disabled]::-webkit-slider-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]::-moz-range-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][readonly]::-moz-range-track,\n          input[type=\"range\"][disabled]::-moz-range-track {\n            cursor: not-allowed;\n          }\n          :host([error]) input[type=\"range\"]::-moz-range-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]::-moz-range-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]:focus::-moz-range-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type=\"range\"]::-moz-range-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][readonly]::-moz-range-thumb,\n          input[type=\"range\"][disabled]::-moz-range-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]::-ms-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: transparent;\n            border-color: transparent;\n            color: transparent;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][readonly]::-ms-track,\n          input[type=\"range\"][disabled]::-ms-track {\n            cursor: not-allowed;\n          }\n          :host([error]) input[type=\"range\"]::-ms-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]::-ms-fill-lower {\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n          }\n          input[type=\"range\"]::-ms-fill-upper {\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n          }\n          input[type=\"range\"]::-ms-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n          }\n          input[type=\"range\"][readonly]::-ms-thumb,\n          input[type=\"range\"][disabled]::-ms-thumb {\n            cursor: not-allowed;\n          }\n          input[type=\"range\"]:focus::-ms-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n          }\n          :host([error]) input[type=\"range\"]::-ms-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"][redonly]::-ms-thumb,\n          input[type=\"range\"][disabled]::-ms-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type=\"range\"]:focus::-ms-fill-lower {\n            background: var(--simple-fields-border-color-light, #ccc);\n          }\n          input[type=\"range\"]:focus::-ms-fill-upper {\n            background: var(--simple-fields-border-color-light, #ccc);\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-fieldset.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-fieldset.js
index 287f9694414..c6139b386a0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-fieldset.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-fieldset.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
   });
   _exports.SimpleFieldsFieldsetBehaviors = _exports.SimpleFieldsFieldset = void 0;
 
-  var _templateObject_e586aee01f0511ed8cc3e9a95995ad69, _templateObject2_e586aee01f0511ed8cc3e9a95995ad69, _templateObject3_e586aee01f0511ed8cc3e9a95995ad69, _templateObject4_e586aee01f0511ed8cc3e9a95995ad69, _templateObject5_e586aee01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbab7df01f2611eda0c389891c227ec8, _templateObject2_bbab7df01f2611eda0c389891c227ec8, _templateObject3_bbab7df01f2611eda0c389891c227ec8, _templateObject4_bbab7df01f2611eda0c389891c227ec8, _templateObject5_bbab7df01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -33,22 +33,22 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       babelHelpers.createClass(_class, [{
         key: "render",
         value: function render() {
-          return (0, _index.html)(_templateObject_e586aee01f0511ed8cc3e9a95995ad69 || (_templateObject_e586aee01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <fieldset part=\"fieldset\">\n          ", " ", " ", "\n        </fieldset>\n      "])), this.legend, this.desc, this.fields);
+          return (0, _index.html)(_templateObject_bbab7df01f2611eda0c389891c227ec8 || (_templateObject_bbab7df01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <fieldset part=\"fieldset\">\n          ", " ", " ", "\n        </fieldset>\n      "])), this.legend, this.desc, this.fields);
         }
       }, {
         key: "legend",
         get: function get() {
-          return (0, _index.html)(_templateObject2_e586aee01f0511ed8cc3e9a95995ad69 || (_templateObject2_e586aee01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <legend id=\"label\" ?hidden=\"", "\" part=\"legend\">\n          ", "", "\n        </legend>\n      "])), !this.label, this.label, this.error ? "*" : "");
+          return (0, _index.html)(_templateObject2_bbab7df01f2611eda0c389891c227ec8 || (_templateObject2_bbab7df01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <legend id=\"label\" ?hidden=\"", "\" part=\"legend\">\n          ", "", "\n        </legend>\n      "])), !this.label, this.label, this.error ? "*" : "");
         }
       }, {
         key: "desc",
         get: function get() {
-          return (0, _index.html)(_templateObject3_e586aee01f0511ed8cc3e9a95995ad69 || (_templateObject3_e586aee01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"description\" ?hidden=\"", "\" part=\"description\">\n          ", "\n        </div>\n      "])), !this.description, this.description);
+          return (0, _index.html)(_templateObject3_bbab7df01f2611eda0c389891c227ec8 || (_templateObject3_bbab7df01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"description\" ?hidden=\"", "\" part=\"description\">\n          ", "\n        </div>\n      "])), !this.description, this.description);
         }
       }, {
         key: "fields",
         get: function get() {
-          return (0, _index.html)(_templateObject4_e586aee01f0511ed8cc3e9a95995ad69 || (_templateObject4_e586aee01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          id=\"item-fields\"\n          part=\"fields\"\n          exportparts=\"option, option-inner, option-label, option-input\"\n        >\n          <slot></slot>\n        </div>\n      "])));
+          return (0, _index.html)(_templateObject4_bbab7df01f2611eda0c389891c227ec8 || (_templateObject4_bbab7df01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          id=\"item-fields\"\n          part=\"fields\"\n          exportparts=\"option, option-inner, option-label, option-input\"\n        >\n          <slot></slot>\n        </div>\n      "])));
         }
       }], [{
         key: "tag",
@@ -58,7 +58,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js"], function (
       }, {
         key: "styles",
         get: function get() {
-          return [].concat(babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsBaseStyles), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsFieldsetStyles), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsDescriptionStyles), [(0, _index.css)(_templateObject5_e586aee01f0511ed8cc3e9a95995ad69 || (_templateObject5_e586aee01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host(:last-of-type) {\n            margin-bottom: 0;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsBaseStyles), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsFieldsetStyles), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsDescriptionStyles), [(0, _index.css)(_templateObject5_bbab7df01f2611eda0c389891c227ec8 || (_templateObject5_bbab7df01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host(:last-of-type) {\n            margin-bottom: 0;\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-form-lite.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-form-lite.js
index c2ce8f70f42..6ddbac9d8d9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-form-lite.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-form-lite.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-lite.js", "../simpl
   });
   _exports.SimpleFieldsFormLite = void 0;
 
-  var _templateObject_e5930af01f0511ed8cc3e9a95995ad69, _templateObject2_e5930af01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbb67a701f2611eda0c389891c227ec8, _templateObject2_bbb67a701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -55,7 +55,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-lite.js", "../simpl
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_e5930af01f0511ed8cc3e9a95995ad69 || (_templateObject_e5930af01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <form part=\"form\">\n        <slot name=\"before\"></slot>\n        <simple-fields-lite\n          id=\"sf\"\n          .autofocus=\"", "\"\n          .language=\"", "\"\n          .resources=\"", "\"\n          .schema=\"", "\"\n          .elementizer=\"", "\"\n          .value=\"", "\"\n          @value-changed=\"", "\"\n          part=\"fields\"\n        >\n        </simple-fields-lite>\n        <slot name=\"after\"></slot>\n        <slot></slot>\n      </form>\n    "])), !this.disableAutofocus, this.language, this.resources, this.schema, this.elementizer, this.value, this._valueChanged);
+        return (0, _index.html)(_templateObject_bbb67a701f2611eda0c389891c227ec8 || (_templateObject_bbb67a701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <form part=\"form\">\n        <slot name=\"before\"></slot>\n        <simple-fields-lite\n          id=\"sf\"\n          .autofocus=\"", "\"\n          .language=\"", "\"\n          .resources=\"", "\"\n          .schema=\"", "\"\n          .elementizer=\"", "\"\n          .value=\"", "\"\n          @value-changed=\"", "\"\n          part=\"fields\"\n        >\n        </simple-fields-lite>\n        <slot name=\"after\"></slot>\n        <slot></slot>\n      </form>\n    "])), !this.disableAutofocus, this.language, this.resources, this.schema, this.elementizer, this.value, this._valueChanged);
       }
       /**
        * gets form element that matches given form ID
@@ -360,7 +360,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-lite.js", "../simpl
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_e5930af01f0511ed8cc3e9a95995ad69 || (_templateObject2_e5930af01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bbb67a701f2611eda0c389891c227ec8 || (_templateObject2_bbb67a701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-form.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-form.js
index f37b3fdb24a..f79d9420aa1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-form.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-form.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-form-lite.js", "../
   });
   _exports.SimpleFieldsForm = void 0;
 
-  var _templateObject_e595ca101f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbb912801f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -38,7 +38,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-form-lite.js", "../
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_e595ca101f0511ed8cc3e9a95995ad69 || (_templateObject_e595ca101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <form part=\"form\">\n        <slot name=\"before\"></slot>\n        <simple-fields\n          id=\"sf\"\n          .autofocus=\"", "\"\n          ?watchColorPrefs=\"", "\"\n          language=\"", "\"\n          .resources=\"", "\"\n          .schema=\"", "\"\n          .fields=\"", "\"\n          .schematizer=\"", "\"\n          .elementizer=\"", "\"\n          .value=\"", "\"\n          @value-changed=\"", "\"\n          part=\"fields\"\n        >\n        </simple-fields>\n        <slot></slot>\n      </form>\n    "])), !this.disableAutofocus, this.watchColorPrefs, this.language || "", this.resources, this.schema, this.fields, this.fieldsConversion, this.elementizer, this.value, this._valueChanged);
+        return (0, _index.html)(_templateObject_bbb912801f2611eda0c389891c227ec8 || (_templateObject_bbb912801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <form part=\"form\">\n        <slot name=\"before\"></slot>\n        <simple-fields\n          id=\"sf\"\n          .autofocus=\"", "\"\n          ?watchColorPrefs=\"", "\"\n          language=\"", "\"\n          .resources=\"", "\"\n          .schema=\"", "\"\n          .fields=\"", "\"\n          .schematizer=\"", "\"\n          .elementizer=\"", "\"\n          .value=\"", "\"\n          @value-changed=\"", "\"\n          part=\"fields\"\n        >\n        </simple-fields>\n        <slot></slot>\n      </form>\n    "])), !this.disableAutofocus, this.watchColorPrefs, this.language || "", this.resources, this.schema, this.fields, this.fieldsConversion, this.elementizer, this.value, this._valueChanged);
       }
       /**
        * applies loaded datda to simple-fields-lite
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-html-block.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-html-block.js
index 25657838f0c..ba0bf38438d 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-html-block.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-html-block.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js", "../../util
   });
   _exports.SimpleFieldsHtmlBlock = void 0;
 
-  var _templateObject_e59750b01f0511ed8cc3e9a95995ad69, _templateObject2_e59750b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbba99201f2611eda0c389891c227ec8, _templateObject2_bbba99201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -28,7 +28,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js", "../../util
     babelHelpers.createClass(SimpleFieldsHtmlBlock, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e59750b01f0511ed8cc3e9a95995ad69 || (_templateObject_e59750b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"html\"><slot></slot></div>"])));
+        return (0, _index.html)(_templateObject_bbba99201f2611eda0c389891c227ec8 || (_templateObject_bbba99201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"html\"><slot></slot></div>"])));
       }
     }, {
       key: "updated",
@@ -62,7 +62,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-ui.js", "../../util
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsBaseStyles), [(0, _index.css)(_templateObject2_e59750b01f0511ed8cc3e9a95995ad69 || (_templateObject2_e59750b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsBaseStyles), [(0, _index.css)(_templateObject2_bbba99201f2611eda0c389891c227ec8 || (_templateObject2_bbba99201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-lite.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-lite.js
index fea556b7665..0a030ea4ed6 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-lite.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-lite.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "./simple-fields-
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e5a756401f0511ed8cc3e9a95995ad69, _templateObject2_e5a756401f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbca29801f2611eda0c389891c227ec8, _templateObject2_bbca29801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -260,7 +260,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "./simple-fields-
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_e5a756401f0511ed8cc3e9a95995ad69 || (_templateObject_e5a756401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"schema-fields\" aria-live=\"polite\" part=\"fields-list\">\n        <slot></slot>\n      </div>\n    "])));
+        return (0, _index.html)(_templateObject_bbca29801f2611eda0c389891c227ec8 || (_templateObject_bbca29801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"schema-fields\" aria-live=\"polite\" part=\"fields-list\">\n        <slot></slot>\n      </div>\n    "])));
       } // properties available to the custom element for data binding
 
     }, {
@@ -1082,7 +1082,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "./simple-fields-
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_e5a756401f0511ed8cc3e9a95995ad69 || (_templateObject2_e5a756401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: var(\n            --simple-fields-detail-font-family,\n            var(--simple-fields-font-family, sans-serif)\n          );\n          font-size: var(\n            --simple-fields-detail-font-size,\n            var(--simple-fields-font-size, 12px)\n          );\n          background: var(--simple-fields-background-color, transparent);\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bbca29801f2611eda0c389891c227ec8 || (_templateObject2_bbca29801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-family: var(\n            --simple-fields-detail-font-family,\n            var(--simple-fields-font-family, sans-serif)\n          );\n          font-size: var(\n            --simple-fields-detail-font-size,\n            var(--simple-fields-font-size, 12px)\n          );\n          background: var(--simple-fields-background-color, transparent);\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-tabs.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-tabs.js
index 89981310a38..0416937e3d4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-tabs.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-tabs.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-fieldset.js", "../.
   });
   _exports.SimpleFieldsTabs = void 0;
 
-  var _templateObject_e5ab9c001f0511ed8cc3e9a95995ad69, _templateObject2_e5ab9c001f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbcdfa101f2611eda0c389891c227ec8, _templateObject2_bbcdfa101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -65,7 +65,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-fieldset.js", "../.
     }, {
       key: "_tabLabel",
       value: function _tabLabel(tab) {
-        return (0, _index.html)(_templateObject_e5ab9c001f0511ed8cc3e9a95995ad69 || (_templateObject_e5ab9c001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <span class=\"label", "\" part=\"tab-label\"\n        >", "", "</span\n      >\n    "])), tab.error ? " error" : "", tab.label, tab.error ? "*" : "");
+        return (0, _index.html)(_templateObject_bbcdfa101f2611eda0c389891c227ec8 || (_templateObject_bbcdfa101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <span class=\"label", "\" part=\"tab-label\"\n        >", "", "</span\n      >\n    "])), tab.error ? " error" : "", tab.label, tab.error ? "*" : "");
       }
     }], [{
       key: "tag",
@@ -75,7 +75,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-fieldset.js", "../.
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(this.A11yTabsCoreStyles), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _index.css)(_templateObject2_e5ab9c001f0511ed8cc3e9a95995ad69 || (_templateObject2_e5ab9c001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          border: 1px solid var(--simple-fields-border-color-light, #ccc);\n          padding: var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin, 16px);\n          background-color: var(--simple-fields-background-color, transparent);\n          border-radius: var(--simple-fields-border-radius, 2px);\n        }\n        :host([error]) #tabs .error {\n          color: var(--simple-fields-error-color, #b40000);\n          transition: border 0.5s ease;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(this.A11yTabsCoreStyles), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _index.css)(_templateObject2_bbcdfa101f2611eda0c389891c227ec8 || (_templateObject2_bbcdfa101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          border: 1px solid var(--simple-fields-border-color-light, #ccc);\n          padding: var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin, 16px);\n          background-color: var(--simple-fields-background-color, transparent);\n          border-radius: var(--simple-fields-border-radius, 2px);\n        }\n        :host([error]) #tabs .error {\n          color: var(--simple-fields-error-color, #b40000);\n          transition: border 0.5s ease;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-tag-list.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-tag-list.js
index d53518e6266..f5af1b69f4b 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-tag-list.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-tag-list.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js", "../../s
   });
   _exports.SimpleFieldsTagList = void 0;
 
-  var _templateObject_e5b0f3301f0511ed8cc3e9a95995ad69, _templateObject2_e5b0f3301f0511ed8cc3e9a95995ad69, _templateObject3_e5b0f3301f0511ed8cc3e9a95995ad69, _templateObject4_e5b0f3301f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbd378501f2611eda0c389891c227ec8, _templateObject2_bbd378501f2611eda0c389891c227ec8, _templateObject3_bbd378501f2611eda0c389891c227ec8, _templateObject4_bbd378501f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -88,14 +88,14 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js", "../../s
       get: function get() {
         var _this3 = this;
 
-        return (0, _index.html)(_templateObject_e5b0f3301f0511ed8cc3e9a95995ad69 || (_templateObject_e5b0f3301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <slot name=\"taglist\">\n        ", "\n      </slot>\n    "])), babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsTagList.prototype), "prefixTemplate", this), this.tagList.map(function (tag) {
-          return (0, _index.html)(_templateObject2_e5b0f3301f0511ed8cc3e9a95995ad69 || (_templateObject2_e5b0f3301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <simple-tag\n              cancel-button\n              .data=", "\n              value=\"", "\"\n              accent-color=\"", "\"\n              @simple-tag-clicked=\"", "\"\n            ></simple-tag>\n          "])), tag, tag.term, tag.color, _this3.removeTag);
+        return (0, _index.html)(_templateObject_bbd378501f2611eda0c389891c227ec8 || (_templateObject_bbd378501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <slot name=\"taglist\">\n        ", "\n      </slot>\n    "])), babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsTagList.prototype), "prefixTemplate", this), this.tagList.map(function (tag) {
+          return (0, _index.html)(_templateObject2_bbd378501f2611eda0c389891c227ec8 || (_templateObject2_bbd378501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <simple-tag\n              cancel-button\n              .data=", "\n              value=\"", "\"\n              accent-color=\"", "\"\n              @simple-tag-clicked=\"", "\"\n            ></simple-tag>\n          "])), tag, tag.term, tag.color, _this3.removeTag);
         }));
       }
     }, {
       key: "getInput",
       value: function getInput() {
-        return (0, _index.html)(_templateObject3_e5b0f3301f0511ed8cc3e9a95995ad69 || (_templateObject3_e5b0f3301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <span class=\"input-option\" part=\"option-inner\">\n        <input\n          @keydown=\"", "\"\n          @keyup=\"", "\"\n          ?autofocus=\"", "\"\n          aria-descrbedby=\"", "\"\n          .aria-invalid=\"", "\"\n          @blur=\"", "\"\n          @change=\"", "\"\n          class=\"field box-input\"\n          ?disabled=\"", "\"\n          @focus=\"", "\"\n          ?hidden=\"", "\"\n          id=\"", "\"\n          @input=\"", "\"\n          name=\"", "\"\n          .placeholder=\"", "\"\n          ?readonly=\"", "\"\n          ?required=\"", "\"\n          tabindex=\"0\"\n          type=\"text\"\n          value=\"", "\"\n          part=\"option-input\"\n        />\n      </span>\n    "])), this._handleKeydown, this._handleKeyup, this.autofocus, this.describedBy || "", this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, this.disabled, this._onFocusin, this.hidden, this.id, this._handleFieldChange, this.id, this.placeholder || "", this.readonly, this.required, this.value);
+        return (0, _index.html)(_templateObject3_bbd378501f2611eda0c389891c227ec8 || (_templateObject3_bbd378501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <span class=\"input-option\" part=\"option-inner\">\n        <input\n          @keydown=\"", "\"\n          @keyup=\"", "\"\n          ?autofocus=\"", "\"\n          aria-descrbedby=\"", "\"\n          .aria-invalid=\"", "\"\n          @blur=\"", "\"\n          @change=\"", "\"\n          class=\"field box-input\"\n          ?disabled=\"", "\"\n          @focus=\"", "\"\n          ?hidden=\"", "\"\n          id=\"", "\"\n          @input=\"", "\"\n          name=\"", "\"\n          .placeholder=\"", "\"\n          ?readonly=\"", "\"\n          ?required=\"", "\"\n          tabindex=\"0\"\n          type=\"text\"\n          value=\"", "\"\n          part=\"option-input\"\n        />\n      </span>\n    "])), this._handleKeydown, this._handleKeyup, this.autofocus, this.describedBy || "", this.error ? "true" : "false", this._onFocusout, this._handleFieldChange, this.disabled, this._onFocusin, this.hidden, this.id, this._handleFieldChange, this.id, this.placeholder || "", this.readonly, this.required, this.value);
       }
     }, {
       key: "removeTag",
@@ -289,7 +289,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js", "../../s
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsTagList), "styles", this)), [(0, _index.css)(_templateObject4_e5b0f3301f0511ed8cc3e9a95995ad69 || (_templateObject4_e5b0f3301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --simple-fields-tag-list-height: 24px;\n        }\n        #field-main-inner {\n          align-items: center;\n          flex-wrap: wrap;\n        }\n        simple-tag {\n          flex: 0 1 auto;\n          margin: calc(0.5 * var(--simple-fields-button-padding, 2px))\n            var(--simple-fields-button-padding, 2px);\n          height: var(--simple-fields-tag-list-height);\n        }\n        :host(.drop-possible) [part=\"option-inner\"] {\n          --simple-fields-accent-color: var(\n            --simple-fields-tag-list-possible,\n            var(--simple-colors-default-theme-accent-2, #eeffee)\n          );\n          background-color: var(--simple-fields-accent-color);\n          outline: 2px dashed\n            var(--simple-colors-default-theme-accent-12, #eeffee);\n          outline-offset: 1px;\n        }\n        :host(.drag-focus) [part=\"option-inner\"] {\n          --simple-fields-accent-color: var(\n            --simple-fields-tag-list-focus,\n            var(--simple-colors-default-theme-accent-8, #44ff44)\n          );\n          background-color: var(--simple-fields-accent-color);\n          outline: 2px dashed\n            var(--simple-colors-default-theme-accent-10, #44ff44);\n          outline-offset: 1px;\n        }\n        [part=\"option-inner\"] {\n          height: var(--simple-fields-tag-list-height);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsTagList), "styles", this)), [(0, _index.css)(_templateObject4_bbd378501f2611eda0c389891c227ec8 || (_templateObject4_bbd378501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --simple-fields-tag-list-height: 24px;\n        }\n        #field-main-inner {\n          align-items: center;\n          flex-wrap: wrap;\n        }\n        simple-tag {\n          flex: 0 1 auto;\n          margin: calc(0.5 * var(--simple-fields-button-padding, 2px))\n            var(--simple-fields-button-padding, 2px);\n          height: var(--simple-fields-tag-list-height);\n        }\n        :host(.drop-possible) [part=\"option-inner\"] {\n          --simple-fields-accent-color: var(\n            --simple-fields-tag-list-possible,\n            var(--simple-colors-default-theme-accent-2, #eeffee)\n          );\n          background-color: var(--simple-fields-accent-color);\n          outline: 2px dashed\n            var(--simple-colors-default-theme-accent-12, #eeffee);\n          outline-offset: 1px;\n        }\n        :host(.drag-focus) [part=\"option-inner\"] {\n          --simple-fields-accent-color: var(\n            --simple-fields-tag-list-focus,\n            var(--simple-colors-default-theme-accent-8, #44ff44)\n          );\n          background-color: var(--simple-fields-accent-color);\n          outline: 2px dashed\n            var(--simple-colors-default-theme-accent-10, #44ff44);\n          outline-offset: 1px;\n        }\n        [part=\"option-inner\"] {\n          height: var(--simple-fields-tag-list-height);\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-ui.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-ui.js
index c95af65365d..3c03bb209a7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-ui.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-ui.js
@@ -6,18 +6,18 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.SimpleFieldsTooltipStyles = _exports.SimpleFieldsLabelStyles = _exports.SimpleFieldsFieldsetStyles = _exports.SimpleFieldsDescriptionStyles = _exports.SimpleFieldsButtonStyles = _exports.SimpleFieldsBaseStyles = void 0;
 
-  var _templateObject_e5b252c01f0511ed8cc3e9a95995ad69, _templateObject2_e5b252c01f0511ed8cc3e9a95995ad69, _templateObject3_e5b252c01f0511ed8cc3e9a95995ad69, _templateObject4_e5b252c01f0511ed8cc3e9a95995ad69, _templateObject5_e5b252c01f0511ed8cc3e9a95995ad69, _templateObject6_e5b252c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbd43ba01f2611eda0c389891c227ec8, _templateObject2_bbd43ba01f2611eda0c389891c227ec8, _templateObject3_bbd43ba01f2611eda0c389891c227ec8, _templateObject4_bbd43ba01f2611eda0c389891c227ec8, _templateObject5_bbd43ba01f2611eda0c389891c227ec8, _templateObject6_bbd43ba01f2611eda0c389891c227ec8;
 
-  var SimpleFieldsBaseStyles = [(0, _index.css)(_templateObject_e5b252c01f0511ed8cc3e9a95995ad69 || (_templateObject_e5b252c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    :host {\n      visibility: visible;\n      box-sizing: border-box;\n      display: block;\n      margin: 0 0 var(--simple-fields-margin, 16px);\n      padding: 0;\n      font-size: var(--simple-fields-font-size);\n      font-family: var(--simple-fields-font-family, sans-serif);\n      line-height: var(--simple-fields-line-height);\n      font-size: var(--simple-fields-detail-font-size, 12px);\n      font-family: var(--simple-fields-detail-font-family, sans-serif);\n      line-height: var(--simple-fields-detail-line-height, 130%);\n      background-color: var(--simple-fields-background-color, white);\n      color: var(--simple-fields-color, currentColor);\n      margin: 0 0\n        var(--simple-fields-field-margin, var(--simple-fields-margin, 16px));\n      --simple-picker-options-border: 1px solid\n        var(\n          --simple-fields-button-border-color,\n          var(--simple-fields-border-color, #999)\n        );\n      --simple-picker-options-focus-border: 1px solid\n        var(--simple-fields-accent-color, #3f51b5);\n    }\n    ::slotted([slot=\"field\"]) {\n      --simple-picker-options-left: 0;\n      --simple-picker-options-right: 0;\n      --simple-picker-options-border: 1px\n        var(\n          --simple-fields-button-border-color,\n          var(--simple-fields-border-color, #999)\n        )\n        solid;\n      --simple-picker-options-focus-border: 1px\n        var(--simple-fields-accent-color, #3f51b5) solid;\n    }\n    :host([hidden]),\n    :host [hidden],\n    :host([type=\"hidden\"]) {\n      display: none !important;\n    }\n    ul[role=\"listbox\"] {\n      z-index: 2;\n      opacity: 0;\n      margin: 0;\n      padding: 0;\n      top: 100%;\n      background-color: var(--simple-fields-background-color, white);\n      color: var(--simple-fields-color, currentColor);\n      border: 1px\n        var(\n          --simple-fields-button-border-color,\n          var(--simple-fields-border-color, #999)\n        )\n        solid;\n      overflow: auto;\n    }\n\n    ul[role=\"listbox\"].focus,\n    ul[role=\"listbox\"]:focus,\n    ul[role=\"listbox\"]:focus-within {\n      border-color: var(--simple-fields-accent-color, #3f51b5);\n    }\n    :host([disabled]),\n    *[disabled] {\n      pointer-events: none !important;\n    }\n  "])))];
+  var SimpleFieldsBaseStyles = [(0, _index.css)(_templateObject_bbd43ba01f2611eda0c389891c227ec8 || (_templateObject_bbd43ba01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    :host {\n      visibility: visible;\n      box-sizing: border-box;\n      display: block;\n      margin: 0 0 var(--simple-fields-margin, 16px);\n      padding: 0;\n      font-size: var(--simple-fields-font-size);\n      font-family: var(--simple-fields-font-family, sans-serif);\n      line-height: var(--simple-fields-line-height);\n      font-size: var(--simple-fields-detail-font-size, 12px);\n      font-family: var(--simple-fields-detail-font-family, sans-serif);\n      line-height: var(--simple-fields-detail-line-height, 130%);\n      background-color: var(--simple-fields-background-color, white);\n      color: var(--simple-fields-color, currentColor);\n      margin: 0 0\n        var(--simple-fields-field-margin, var(--simple-fields-margin, 16px));\n      --simple-picker-options-border: 1px solid\n        var(\n          --simple-fields-button-border-color,\n          var(--simple-fields-border-color, #999)\n        );\n      --simple-picker-options-focus-border: 1px solid\n        var(--simple-fields-accent-color, #3f51b5);\n    }\n    ::slotted([slot=\"field\"]) {\n      --simple-picker-options-left: 0;\n      --simple-picker-options-right: 0;\n      --simple-picker-options-border: 1px\n        var(\n          --simple-fields-button-border-color,\n          var(--simple-fields-border-color, #999)\n        )\n        solid;\n      --simple-picker-options-focus-border: 1px\n        var(--simple-fields-accent-color, #3f51b5) solid;\n    }\n    :host([hidden]),\n    :host [hidden],\n    :host([type=\"hidden\"]) {\n      display: none !important;\n    }\n    ul[role=\"listbox\"] {\n      z-index: 2;\n      opacity: 0;\n      margin: 0;\n      padding: 0;\n      top: 100%;\n      background-color: var(--simple-fields-background-color, white);\n      color: var(--simple-fields-color, currentColor);\n      border: 1px\n        var(\n          --simple-fields-button-border-color,\n          var(--simple-fields-border-color, #999)\n        )\n        solid;\n      overflow: auto;\n    }\n\n    ul[role=\"listbox\"].focus,\n    ul[role=\"listbox\"]:focus,\n    ul[role=\"listbox\"]:focus-within {\n      border-color: var(--simple-fields-accent-color, #3f51b5);\n    }\n    :host([disabled]),\n    *[disabled] {\n      pointer-events: none !important;\n    }\n  "])))];
   _exports.SimpleFieldsBaseStyles = SimpleFieldsBaseStyles;
-  var SimpleFieldsLabelStyles = [(0, _index.css)(_templateObject2_e5b252c01f0511ed8cc3e9a95995ad69 || (_templateObject2_e5b252c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    :host .label-main:after {\n      content: var(--simple-fields-label-flag, \"\");\n    }\n    :host([focused]) .label-main,\n    :host(:focus-within) .label-main {\n      color: var(--simple-fields-accent-color, #3f51b5);\n      transition: color 0.3s ease-in-out;\n    }\n    .inline {\n      --simple-fields-radio-option-display: flex;\n      --simple-fields-radio-option-flex-wrap: wrap;\n    }\n    label {\n      margin: 0 0 0 0;\n    }\n    .inline label,\n    .option label {\n      margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n      flex: 0 1 var(--simple-fields-label-width, auto);\n    }\n    .inline label,\n    .option label,\n    .field-main > div,\n    .field,\n    ::slotted([slot=\"field\"]) {\n      font-size: var(--simple-fields-font-size, 16px);\n      text-align: var(--simple-fields-text-align);\n      font-family: var(--simple-fields-font-family, sans-serif);\n      line-height: var(--simple-fields-line-height, 22px);\n    }\n  "])))];
+  var SimpleFieldsLabelStyles = [(0, _index.css)(_templateObject2_bbd43ba01f2611eda0c389891c227ec8 || (_templateObject2_bbd43ba01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    :host .label-main:after {\n      content: var(--simple-fields-label-flag, \"\");\n    }\n    :host([focused]) .label-main,\n    :host(:focus-within) .label-main {\n      color: var(--simple-fields-accent-color, #3f51b5);\n      transition: color 0.3s ease-in-out;\n    }\n    .inline {\n      --simple-fields-radio-option-display: flex;\n      --simple-fields-radio-option-flex-wrap: wrap;\n    }\n    label {\n      margin: 0 0 0 0;\n    }\n    .inline label,\n    .option label {\n      margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n      flex: 0 1 var(--simple-fields-label-width, auto);\n    }\n    .inline label,\n    .option label,\n    .field-main > div,\n    .field,\n    ::slotted([slot=\"field\"]) {\n      font-size: var(--simple-fields-font-size, 16px);\n      text-align: var(--simple-fields-text-align);\n      font-family: var(--simple-fields-font-family, sans-serif);\n      line-height: var(--simple-fields-line-height, 22px);\n    }\n  "])))];
   _exports.SimpleFieldsLabelStyles = SimpleFieldsLabelStyles;
-  var SimpleFieldsTooltipStyles = [(0, _index.css)(_templateObject3_e5b252c01f0511ed8cc3e9a95995ad69 || (_templateObject3_e5b252c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    simple-tooltip,\n    simple-toolbar-button::part(tooltip) {\n      text-transform: var(--simple-fields-tooltip-text-transform, unset);\n      font-family: var(\n        --simple-fields-detail-font-family,\n        var(--simple-fields-font-family, sans-serif)\n      );\n      font-size: var(\n        --simple-fields-tooltip-font-size,\n        var(--simple-fields-detail-font-size, 12px)\n      );\n      line-height: var(\n        --simple-fields-tooltip-line-height,\n        var(--simple-fields-detail-line-height, 22px)\n      );\n      border-radius: var(\n        --simple-fields-border-radius,\n        var(--simple-fields-tooltip-border-radius, 2px)\n      );\n    }\n  "])))];
+  var SimpleFieldsTooltipStyles = [(0, _index.css)(_templateObject3_bbd43ba01f2611eda0c389891c227ec8 || (_templateObject3_bbd43ba01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    simple-tooltip,\n    simple-toolbar-button::part(tooltip) {\n      text-transform: var(--simple-fields-tooltip-text-transform, unset);\n      font-family: var(\n        --simple-fields-detail-font-family,\n        var(--simple-fields-font-family, sans-serif)\n      );\n      font-size: var(\n        --simple-fields-tooltip-font-size,\n        var(--simple-fields-detail-font-size, 12px)\n      );\n      line-height: var(\n        --simple-fields-tooltip-line-height,\n        var(--simple-fields-detail-line-height, 22px)\n      );\n      border-radius: var(\n        --simple-fields-border-radius,\n        var(--simple-fields-tooltip-border-radius, 2px)\n      );\n    }\n  "])))];
   _exports.SimpleFieldsTooltipStyles = SimpleFieldsTooltipStyles;
-  var SimpleFieldsButtonStyles = [].concat(SimpleFieldsTooltipStyles, [(0, _index.css)(_templateObject4_e5b252c01f0511ed8cc3e9a95995ad69 || (_templateObject4_e5b252c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    button,\n    button[aria-selected],\n    simple-toolbar-button::part(button),\n    simple-toolbar-menu::part(button) {\n      color: var(--simple-fields-button-color, var(--simple-fields-color));\n      background-color: var(\n        --simple-fields-button-background-color,\n        var(--simple-fields-background-color)\n      );\n      border-width: 1px;\n      border-style: solid;\n      border-color: var(\n        --simple-fields-button-border-color,\n        var(--simple-fields-border-color, #999)\n      );\n      opacity: var(--simple-fields-button-focus-opacity, 1);\n      font-family: var(\n        --simple-fields-button-font-family,\n        var(--simple-fields-font-family, sans-serif)\n      );\n      font-size: var(--simple-fields-button-font-size, 14px);\n      line-height: var(--simple-fields-button-line-height 22px);\n      text-transform: var(--simple-fields-button-text-transform, unset);\n      border-radius: var(--simple-fields-border-radius, 2px);\n      padding: var(--simple-fields-button-padding-sm, 1px)\n        var(--simple-fields-button-padding, 2px);\n      min-height: calc(\n        24px + 2 * var(--simple-fields-button-padding-sm, 2px) + 2px\n      );\n    }\n    simple-toolbar-menu-item > simple-toolbar-button::part(button) {\n      border-color: transparent;\n      border-radius: 0 !important;\n    }\n    simple-toolbar-button.danger::part(button),\n    simple-toolbar-menu.danger::part(button) {\n      background-color: var(\n        --simple-fields-button-danger-color,\n        var(--simple-fields-error-color, #b40000)\n      );\n      color: var(--simple-fields-button-danger-background-color, white);\n    }\n    button[aria-pressed=\"true\"],\n    button[aria-selected=\"true\"],\n    simple-toolbar-button[toggled]::part(button) {\n      color: var(\n        --simple-fields-button-toggled-color,\n        var(--simple-fields-accent-color, #3f51b5)\n      );\n      background-color: var(\n        --simple-fields-button-toggled-background-color,\n        unset\n      );\n      border-color: var(\n        --simple-fields-button-toggled-border-color,\n        var(--simple-fields-color, currentColor)\n      );\n      opacity: var(--simple-fields-button-toggled-opacity, 1);\n    }\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:hover::part(button[aria-pressed=\"true\"]),\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:focus-within::part(button[aria-pressed=\"true\"]) {\n      background-color: var(\n        --simple-fields-button-danger-color,\n        var(--simple-fields-error-color, #b40000)\n      );\n      color: var(--simple-fields-button-danger-background-color, white);\n      border-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n    }\n    button:focus,\n    button:hover,\n    button[aria-selected=\"false\"]:not([disabled]):focus,\n    button[aria-selected=\"false\"]:not([disabled]):hover,\n    simple-toolbar-button:focus-within::part(button),\n    simple-toolbar-button:hover::part(button),\n    simple-toolbar-menu:focus-within::part(button),\n    simple-toolbar-menu:hover::part(button),\n    simple-toolbar-menu-item > simple-toolbar-button:hover::part(button),\n    simple-toolbar-menu-item\n      > simple-toolbar-button:focus-within::part(button) {\n      color: var(--simple-fields-button-focus-color, unset);\n      background-color: var(\n        --simple-fields-button-focus-background-color,\n        var(--simple-fields-accent-color-light, #d9eaff)\n      );\n      border-color: var(\n        --simple-fields-button-focus-border-color,\n        var(--simple-fields-accent-color, #3f51b5)\n      );\n      opacity: var(--simple-fields-button-focus-opacity, 1);\n      text-decoration: var(--simple-fields-button-focus-text-decoration, unset);\n    }\n    simple-toolbar-menu.danger:focus-within::part(button),\n    simple-toolbar-menu.danger:hover::part(button),\n    simple-toolbar-menu-item > simple-toolbar-button.danger:hover::part(button),\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:focus-within::part(button) {\n      background-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n      color: var(--simple-fields-button-danger-background-color, white);\n      border-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n    }\n    button:disabled,\n    button[disabled],\n    simple-toolbar-button[disabled],\n    simple-toolbar-menu[disabled] {\n      color: var(--simple-fields-button-disabled-color, unset);\n      background-color: var(\n        --simple-fields-button-disabled-background-color,\n        unset\n      );\n      border-color: var(--simple-fields-button-disabled-border-color, unset);\n      opacity: var(\n        --simple-fields-button-disabled-opacity,\n        var(--simple-fields-disabled-opacity, 0.7)\n      );\n    }\n  "])))]);
+  var SimpleFieldsButtonStyles = [].concat(SimpleFieldsTooltipStyles, [(0, _index.css)(_templateObject4_bbd43ba01f2611eda0c389891c227ec8 || (_templateObject4_bbd43ba01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    button,\n    button[aria-selected],\n    simple-toolbar-button::part(button),\n    simple-toolbar-menu::part(button) {\n      color: var(--simple-fields-button-color, var(--simple-fields-color));\n      background-color: var(\n        --simple-fields-button-background-color,\n        var(--simple-fields-background-color)\n      );\n      border-width: 1px;\n      border-style: solid;\n      border-color: var(\n        --simple-fields-button-border-color,\n        var(--simple-fields-border-color, #999)\n      );\n      opacity: var(--simple-fields-button-focus-opacity, 1);\n      font-family: var(\n        --simple-fields-button-font-family,\n        var(--simple-fields-font-family, sans-serif)\n      );\n      font-size: var(--simple-fields-button-font-size, 14px);\n      line-height: var(--simple-fields-button-line-height 22px);\n      text-transform: var(--simple-fields-button-text-transform, unset);\n      border-radius: var(--simple-fields-border-radius, 2px);\n      padding: var(--simple-fields-button-padding-sm, 1px)\n        var(--simple-fields-button-padding, 2px);\n      min-height: calc(\n        24px + 2 * var(--simple-fields-button-padding-sm, 2px) + 2px\n      );\n    }\n    simple-toolbar-menu-item > simple-toolbar-button::part(button) {\n      border-color: transparent;\n      border-radius: 0 !important;\n    }\n    simple-toolbar-button.danger::part(button),\n    simple-toolbar-menu.danger::part(button) {\n      background-color: var(\n        --simple-fields-button-danger-color,\n        var(--simple-fields-error-color, #b40000)\n      );\n      color: var(--simple-fields-button-danger-background-color, white);\n    }\n    button[aria-pressed=\"true\"],\n    button[aria-selected=\"true\"],\n    simple-toolbar-button[toggled]::part(button) {\n      color: var(\n        --simple-fields-button-toggled-color,\n        var(--simple-fields-accent-color, #3f51b5)\n      );\n      background-color: var(\n        --simple-fields-button-toggled-background-color,\n        unset\n      );\n      border-color: var(\n        --simple-fields-button-toggled-border-color,\n        var(--simple-fields-color, currentColor)\n      );\n      opacity: var(--simple-fields-button-toggled-opacity, 1);\n    }\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:hover::part(button[aria-pressed=\"true\"]),\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:focus-within::part(button[aria-pressed=\"true\"]) {\n      background-color: var(\n        --simple-fields-button-danger-color,\n        var(--simple-fields-error-color, #b40000)\n      );\n      color: var(--simple-fields-button-danger-background-color, white);\n      border-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n    }\n    button:focus,\n    button:hover,\n    button[aria-selected=\"false\"]:not([disabled]):focus,\n    button[aria-selected=\"false\"]:not([disabled]):hover,\n    simple-toolbar-button:focus-within::part(button),\n    simple-toolbar-button:hover::part(button),\n    simple-toolbar-menu:focus-within::part(button),\n    simple-toolbar-menu:hover::part(button),\n    simple-toolbar-menu-item > simple-toolbar-button:hover::part(button),\n    simple-toolbar-menu-item\n      > simple-toolbar-button:focus-within::part(button) {\n      color: var(--simple-fields-button-focus-color, unset);\n      background-color: var(\n        --simple-fields-button-focus-background-color,\n        var(--simple-fields-accent-color-light, #d9eaff)\n      );\n      border-color: var(\n        --simple-fields-button-focus-border-color,\n        var(--simple-fields-accent-color, #3f51b5)\n      );\n      opacity: var(--simple-fields-button-focus-opacity, 1);\n      text-decoration: var(--simple-fields-button-focus-text-decoration, unset);\n    }\n    simple-toolbar-menu.danger:focus-within::part(button),\n    simple-toolbar-menu.danger:hover::part(button),\n    simple-toolbar-menu-item > simple-toolbar-button.danger:hover::part(button),\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:focus-within::part(button) {\n      background-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n      color: var(--simple-fields-button-danger-background-color, white);\n      border-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n    }\n    button:disabled,\n    button[disabled],\n    simple-toolbar-button[disabled],\n    simple-toolbar-menu[disabled] {\n      color: var(--simple-fields-button-disabled-color, unset);\n      background-color: var(\n        --simple-fields-button-disabled-background-color,\n        unset\n      );\n      border-color: var(--simple-fields-button-disabled-border-color, unset);\n      opacity: var(\n        --simple-fields-button-disabled-opacity,\n        var(--simple-fields-disabled-opacity, 0.7)\n      );\n    }\n  "])))]);
   _exports.SimpleFieldsButtonStyles = SimpleFieldsButtonStyles;
-  var SimpleFieldsDescriptionStyles = [(0, _index.css)(_templateObject5_e5b252c01f0511ed8cc3e9a95995ad69 || (_templateObject5_e5b252c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    *[part=\"field-desc\"],\n    *[part=\"error-desc\"],\n    *[part=\"error-meta\"] {\n      color: var(--simple-fields-meta-color);\n      font-size: var(--simple-fields-meta-font-size, 10px);\n      line-height: var(--simple-fields-meta-line-height, 110%);\n      opacity: var(--simple-fields-meta-opacity, unset);\n      text-transform: none;\n    }\n    :host:hover *[part=\"field-desc\"],\n    :host:hover-within *[part=\"error-desc\"],\n    :host:hover-within *[part=\"error-meta\"],\n    :host:hover *[part=\"field-desc\"],\n    :host:hover *[part=\"error-desc\"],\n    :host:hover *[part=\"error-meta\"] {\n      color: var(--simple-fields-focus-meta-color);\n      opacity: var(--simple-fields-focus-meta-opacity, unset);\n    }\n  "])))];
+  var SimpleFieldsDescriptionStyles = [(0, _index.css)(_templateObject5_bbd43ba01f2611eda0c389891c227ec8 || (_templateObject5_bbd43ba01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    *[part=\"field-desc\"],\n    *[part=\"error-desc\"],\n    *[part=\"error-meta\"] {\n      color: var(--simple-fields-meta-color);\n      font-size: var(--simple-fields-meta-font-size, 10px);\n      line-height: var(--simple-fields-meta-line-height, 110%);\n      opacity: var(--simple-fields-meta-opacity, unset);\n      text-transform: none;\n    }\n    :host:hover *[part=\"field-desc\"],\n    :host:hover-within *[part=\"error-desc\"],\n    :host:hover-within *[part=\"error-meta\"],\n    :host:hover *[part=\"field-desc\"],\n    :host:hover *[part=\"error-desc\"],\n    :host:hover *[part=\"error-meta\"] {\n      color: var(--simple-fields-focus-meta-color);\n      opacity: var(--simple-fields-focus-meta-opacity, unset);\n    }\n  "])))];
   _exports.SimpleFieldsDescriptionStyles = SimpleFieldsDescriptionStyles;
-  var SimpleFieldsFieldsetStyles = [(0, _index.css)(_templateObject6_e5b252c01f0511ed8cc3e9a95995ad69 || (_templateObject6_e5b252c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    fieldset {\n      padding: var(--simple-fields-margin-small, 8px)\n        var(--simple-fields-margin, 16px);\n      margin: var(--simple-fields-margin-small, 8px) 0\n        var(--simple-fields-margin, 16px);\n      border-width: 1px;\n      border-style: solid;\n      border-color: var(\n        --simple-fields-fieldset-border-color,\n        var(--simple-fields-border-color-light, #ccc)\n      );\n      border-radius: var(--simple-fields-border-radius, 2px);\n      transition: all 0.3s ease-in-out;\n      max-width: calc(100% - 2 * var(--simple-fields-margin, 16px) - 2px);\n    }\n    :host(:last-of-type) {\n      margin-bottom: 0;\n    }\n    *[part=\"legend\"] {\n      font-family: var(--simple-fields-font-family, sans-serif);\n      font-size: var(\n        --simple-fields-legend-font-size,\n        var(--simple-fields-font-size, 16px)\n      );\n      line-height: var(--simple-fields-line-height, 22px);\n      text-transform: var(--simple-fields-legend-text-transform, unset);\n    }\n    :host([error]) *[part=\"legend\"] {\n      color: var(--simple-fields-error-color, #b40000);\n      transition: all 0.3s ease-in-out;\n    }\n  "])))];
+  var SimpleFieldsFieldsetStyles = [(0, _index.css)(_templateObject6_bbd43ba01f2611eda0c389891c227ec8 || (_templateObject6_bbd43ba01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    fieldset {\n      padding: var(--simple-fields-margin-small, 8px)\n        var(--simple-fields-margin, 16px);\n      margin: var(--simple-fields-margin-small, 8px) 0\n        var(--simple-fields-margin, 16px);\n      border-width: 1px;\n      border-style: solid;\n      border-color: var(\n        --simple-fields-fieldset-border-color,\n        var(--simple-fields-border-color-light, #ccc)\n      );\n      border-radius: var(--simple-fields-border-radius, 2px);\n      transition: all 0.3s ease-in-out;\n      max-width: calc(100% - 2 * var(--simple-fields-margin, 16px) - 2px);\n    }\n    :host(:last-of-type) {\n      margin-bottom: 0;\n    }\n    *[part=\"legend\"] {\n      font-family: var(--simple-fields-font-family, sans-serif);\n      font-size: var(\n        --simple-fields-legend-font-size,\n        var(--simple-fields-font-size, 16px)\n      );\n      line-height: var(--simple-fields-line-height, 22px);\n      text-transform: var(--simple-fields-legend-text-transform, unset);\n    }\n    :host([error]) *[part=\"legend\"] {\n      color: var(--simple-fields-error-color, #b40000);\n      transition: all 0.3s ease-in-out;\n    }\n  "])))];
   _exports.SimpleFieldsFieldsetStyles = SimpleFieldsFieldsetStyles;
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-upload.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-upload.js
index 838f5d9c5f4..4885f6ff31d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-upload.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-upload.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "./simple-fields-
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_e5b9f3e01f0511ed8cc3e9a95995ad69, _templateObject2_e5b9f3e01f0511ed8cc3e9a95995ad69, _templateObject3_e5b9f3e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbdb40801f2611eda0c389891c227ec8, _templateObject2_bbdb40801f2611eda0c389891c227ec8, _templateObject3_bbdb40801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -77,7 +77,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "./simple-fields-
     babelHelpers.createClass(SimpleFieldsUpload, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e5b9f3e01f0511ed8cc3e9a95995ad69 || (_templateObject_e5b9f3e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <fieldset part=\"fieldset\">", " ", "</fieldset>\n    "])), this.legend, this.fields);
+        return (0, _index.html)(_templateObject_bbdb40801f2611eda0c389891c227ec8 || (_templateObject_bbdb40801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <fieldset part=\"fieldset\">", " ", "</fieldset>\n    "])), this.legend, this.fields);
       }
       /**
        * LitElement life cycle - render callback
@@ -86,7 +86,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "./simple-fields-
     }, {
       key: "fields",
       get: function get() {
-        return (0, _index.html)(_templateObject2_e5b9f3e01f0511ed8cc3e9a95995ad69 || (_templateObject2_e5b9f3e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"upload-options\">\n        <vaadin-upload\n          capture=\"\"\n          class=\"option-", "\"\n          form-data-name=\"file-upload\"\n          id=\"fileupload\"\n          @upload-before=\"", "\"\n          @upload-response=\"", "\"\n          part=\"upload\"\n          ?nodrop=\"", "\"\n        >\n          <button\n            ?disabled=\"", "\"\n            id=\"add-hidden\"\n            slot=\"add-button\"\n            hidden\n          ></button>\n          <div\n            slot=\"drop-label\"\n            part=\"browse-area\"\n            ?hidden=\"", "\"\n          >\n            <simple-fields-url-combo\n              id=\"url\"\n              ?autofocus=\"", "\"\n              autocomplete=\"both\"\n              value=\"", "\"\n              label=\"URL\"\n              type=\"url\"\n              auto-validate=\"\"\n              part=\"url\"\n              ?disabled=\"", "\"\n              ?always-expanded=\"", "\"\n              display-as=\"", "\"\n              .itemsList=\"", "\"\n              @click=\"", "\"\n              @mousedown=\"", "\"\n              @focus=\"", "\"\n              @value-changed=\"", "\"\n            >\n            </simple-fields-url-combo>\n          </div>\n          <div id=\"upload\">\n            <span part=\"drop-area-text\">", "</span>\n            <simple-toolbar-button\n              id=\"browse\"\n              ?disabled=\"", "\"\n              label=\"", "..\"\n              ?show-text-label=\"", "\"\n              icon=\"icons:file-upload\"\n              show-text-label\n              @click=\"", "\"\n              controls=\"fieldset\"\n              part=\"browse\"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-button\n              icon=\"image:camera-alt\"\n              ?disabled=\"", "\"\n              label=\"", "..\"\n              ?show-text-label=\"", "\"\n              @mousedown=\"", "\"\n              @focus=\"", "\"\n              @click=\"", "\"\n              controls=\"fieldset\"\n              part=\"take-photo\"\n              ?hidden=\"", "\"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-button\n              icon=\"image:camera-alt\"\n              ?disabled=\"", "\"\n              label=\"", "..\"\n              ?show-text-label=\"", "\"\n              @mousedown=\"", "\"\n              @focus=\"", "\"\n              @click=\"", "\"\n              controls=\"fieldset\"\n              part=\"record-audio\"\n              ?hidden=\"", "\"\n            >\n            </simple-toolbar-button>\n          </div>\n          <simple-toolbar-button\n            id=\"cancel\"\n            icon=\"icons:clear\"\n            ?disabled=\"", "\"\n            label=\"", "\"\n            @mousedown=\"", "\"\n            @focus=\"", "\"\n            @click=\"", "\"\n            controls=\"fieldset\"\n            slot=\"drop-label\"\n            part=\"cancel-media\"\n            ?hidden=\"", "\"\n          >\n          </simple-toolbar-button>\n          <div\n            id=\"camerahole\"\n            ?hidden=\"", "\"\n            part=\"camera\"\n            slot=\"drop-label\"\n            part=\"camera-preview\"\n          ></div>\n          <div\n            id=\"voicerecorder\"\n            ?hidden=\"", "\"\n            slot=\"drop-label\"\n            part=\"voice-preview\"\n          ></div>\n          ", "\n        </vaadin-upload>\n      </div>\n    "])), this.option, this._fileAboutToUpload, this._fileUploadResponse, this.disabled, this.disabled, this.option == "selfie" || this.option == "audio", this.autofocus, this.value || "", this.disabled, this.responsiveSize.indexOf("s") < 0, this.responsiveSize.indexOf("l") > -1 ? "grid" : "", this.itemsList, function (e) {
+        return (0, _index.html)(_templateObject2_bbdb40801f2611eda0c389891c227ec8 || (_templateObject2_bbdb40801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"upload-options\">\n        <vaadin-upload\n          capture=\"\"\n          class=\"option-", "\"\n          form-data-name=\"file-upload\"\n          id=\"fileupload\"\n          @upload-before=\"", "\"\n          @upload-response=\"", "\"\n          part=\"upload\"\n          ?nodrop=\"", "\"\n        >\n          <button\n            ?disabled=\"", "\"\n            id=\"add-hidden\"\n            slot=\"add-button\"\n            hidden\n          ></button>\n          <div\n            slot=\"drop-label\"\n            part=\"browse-area\"\n            ?hidden=\"", "\"\n          >\n            <simple-fields-url-combo\n              id=\"url\"\n              ?autofocus=\"", "\"\n              autocomplete=\"both\"\n              value=\"", "\"\n              label=\"URL\"\n              type=\"url\"\n              auto-validate=\"\"\n              part=\"url\"\n              ?disabled=\"", "\"\n              ?always-expanded=\"", "\"\n              display-as=\"", "\"\n              .itemsList=\"", "\"\n              @click=\"", "\"\n              @mousedown=\"", "\"\n              @focus=\"", "\"\n              @value-changed=\"", "\"\n            >\n            </simple-fields-url-combo>\n          </div>\n          <div id=\"upload\">\n            <span part=\"drop-area-text\">", "</span>\n            <simple-toolbar-button\n              id=\"browse\"\n              ?disabled=\"", "\"\n              label=\"", "..\"\n              ?show-text-label=\"", "\"\n              icon=\"icons:file-upload\"\n              show-text-label\n              @click=\"", "\"\n              controls=\"fieldset\"\n              part=\"browse\"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-button\n              icon=\"image:camera-alt\"\n              ?disabled=\"", "\"\n              label=\"", "..\"\n              ?show-text-label=\"", "\"\n              @mousedown=\"", "\"\n              @focus=\"", "\"\n              @click=\"", "\"\n              controls=\"fieldset\"\n              part=\"take-photo\"\n              ?hidden=\"", "\"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-button\n              icon=\"image:camera-alt\"\n              ?disabled=\"", "\"\n              label=\"", "..\"\n              ?show-text-label=\"", "\"\n              @mousedown=\"", "\"\n              @focus=\"", "\"\n              @click=\"", "\"\n              controls=\"fieldset\"\n              part=\"record-audio\"\n              ?hidden=\"", "\"\n            >\n            </simple-toolbar-button>\n          </div>\n          <simple-toolbar-button\n            id=\"cancel\"\n            icon=\"icons:clear\"\n            ?disabled=\"", "\"\n            label=\"", "\"\n            @mousedown=\"", "\"\n            @focus=\"", "\"\n            @click=\"", "\"\n            controls=\"fieldset\"\n            slot=\"drop-label\"\n            part=\"cancel-media\"\n            ?hidden=\"", "\"\n          >\n          </simple-toolbar-button>\n          <div\n            id=\"camerahole\"\n            ?hidden=\"", "\"\n            part=\"camera\"\n            slot=\"drop-label\"\n            part=\"camera-preview\"\n          ></div>\n          <div\n            id=\"voicerecorder\"\n            ?hidden=\"", "\"\n            slot=\"drop-label\"\n            part=\"voice-preview\"\n          ></div>\n          ", "\n        </vaadin-upload>\n      </div>\n    "])), this.option, this._fileAboutToUpload, this._fileUploadResponse, this.disabled, this.disabled, this.option == "selfie" || this.option == "audio", this.autofocus, this.value || "", this.disabled, this.responsiveSize.indexOf("s") < 0, this.responsiveSize.indexOf("l") > -1 ? "grid" : "", this.itemsList, function (e) {
           return e.stopImmediatePropagation();
         }, function (e) {
           return e.stopImmediatePropagation();
@@ -368,7 +368,7 @@ define(["exports", "meta", "require", "../../../lit/index.js", "./simple-fields-
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsUpload), "styles", this)), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _index.css)(_templateObject3_e5b9f3e01f0511ed8cc3e9a95995ad69 || (_templateObject3_e5b9f3e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          pointer-events: all;\n          overflow: visible;\n          transition: 0.3s all ease;\n          --simple-login-camera-aspect: 1.777777777777;\n          --simple-camera-snap-color: var(--simple-fields-color, currentColor);\n          --simple-camera-snap-background: var(\n            --simple-fields-background-color,\n            unset\n          );\n          --simple-camera-snap-border-radius: 2px;\n          --lumo-font-family: var(--simple-fields-font-family, sans-serif);\n          --lumo-error-color: var(--simple-fields-error-color, #b40000);\n          --lumo-primary-font-color: var(--simple-fields-color, currentColor);\n          --lumo-base-color: var(--simple-fields-background-color, transparent);\n        }\n        :host([responsive-size=\"xs\"]),\n        div[part=\"description\"] {\n          font-size: 10px;\n          --simple-fields-font-size: 10px;\n          --simple-fields-button-font-size: 11px;\n          --simple-fields-legend-font-size: 11px;\n          --simple-fields-detail-font-size: 10px;\n        }\n        fieldset {\n          padding: 0px;\n          max-width: 100%;\n        }\n        #upload,\n        div[slot=\"drop-label\"] {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          flex-wrap: wrap;\n          width: 100%;\n        }\n        #upload {\n          border-radius: var(--simple-fields-border-radius, 2px);\n          border: 1px dashed var(--simple-fields-border-color-light, #ccc);\n        }\n        #url {\n          flex: 1 1 100%;\n          margin: var(--simple-fields-margin-small, 8px) 0;\n          background-color: transparent;\n        }\n        #upload-options {\n          position: relative;\n          transition: height 0.3s linear;\n        }\n        div[slot=\"drop-label\"] > * {\n          flex: 0 1 auto;\n        }\n        simple-fields-url-combo[always-expanded]::part(listbox) {\n          background-color: transparent;\n        }\n        simple-toolbar-button {\n          font-family: var(--simple-fields-font-family, sans-serif);\n          color: var(--simple-fields-color, currentColor);\n          margin: calc(0.5 * var(--simple-fields-margin-small, 8px))\n            calc(0.25 * var(--simple-fields-margin-small, 8px));\n        }\n        simple-toolbar-button[part=\"cancel-media\"] {\n          position: absolute;\n          right: 0;\n          top: 0;\n          z-index: 2;\n          --simple-fields-button-padding-sm: 0;\n          background-color: var(--simple-fields-background-color, white);\n          opacity: 0.7;\n        }\n        span[part=\"drop-area-text\"] {\n          font-family: var(--simple-fields-button-font-family, sans-serif);\n          font-size: var(--simple-fields-button-font-size, 14px);\n          white-space: nowrap;\n          margin: calc(0.5 * var(--simple-fields-margin-small, 8px))\n            calc(0.25 * var(--simple-fields-margin-small, 8px));\n        }\n        vaadin-upload {\n          padding: var(--simple-fields-margin-small, 8px);\n          position: relative;\n          overflow: visible;\n          border: none !important;\n        }\n        vaadin-upload[dragover] {\n          border-color: var(\n            --simple-fields-secondary-accent-color,\n            var(--simple-colors-default-theme-accent-3, #77e2ff)\n          );\n        }\n        vaadin-upload::part(drop-label) {\n          font-family: var(--simple-fields-font-family, sans-serif);\n          color: var(--simple-fields-color, currentColor);\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          flex-wrap: wrap;\n          padding: 0;\n          width: 100%;\n          margin-top: -16px;\n        }\n        vaadin-upload.option-selfie::part(drop-label) {\n          display: block;\n        }\n        vaadin-upload::part(drop-label-icon) {\n          display: none;\n        }\n        vaadin-upload-file {\n          --disabled-text-color: #var(--simple-fields-border-color, #999);\n        }\n        simple-camera-snap {\n          --simple-camera-snap-button-container-bottom: 2px;\n          --simple-camera-snap-button-container-z-index: 5;\n          --simple-camera-snap-button-border-radius: 100%;\n          --simple-camera-snap-button-opacity: 0.7;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsUpload), "styles", this)), babelHelpers.toConsumableArray(_simpleFieldsUi.SimpleFieldsButtonStyles), [(0, _index.css)(_templateObject3_bbdb40801f2611eda0c389891c227ec8 || (_templateObject3_bbdb40801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          pointer-events: all;\n          overflow: visible;\n          transition: 0.3s all ease;\n          --simple-login-camera-aspect: 1.777777777777;\n          --simple-camera-snap-color: var(--simple-fields-color, currentColor);\n          --simple-camera-snap-background: var(\n            --simple-fields-background-color,\n            unset\n          );\n          --simple-camera-snap-border-radius: 2px;\n          --lumo-font-family: var(--simple-fields-font-family, sans-serif);\n          --lumo-error-color: var(--simple-fields-error-color, #b40000);\n          --lumo-primary-font-color: var(--simple-fields-color, currentColor);\n          --lumo-base-color: var(--simple-fields-background-color, transparent);\n        }\n        :host([responsive-size=\"xs\"]),\n        div[part=\"description\"] {\n          font-size: 10px;\n          --simple-fields-font-size: 10px;\n          --simple-fields-button-font-size: 11px;\n          --simple-fields-legend-font-size: 11px;\n          --simple-fields-detail-font-size: 10px;\n        }\n        fieldset {\n          padding: 0px;\n          max-width: 100%;\n        }\n        #upload,\n        div[slot=\"drop-label\"] {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          flex-wrap: wrap;\n          width: 100%;\n        }\n        #upload {\n          border-radius: var(--simple-fields-border-radius, 2px);\n          border: 1px dashed var(--simple-fields-border-color-light, #ccc);\n        }\n        #url {\n          flex: 1 1 100%;\n          margin: var(--simple-fields-margin-small, 8px) 0;\n          background-color: transparent;\n        }\n        #upload-options {\n          position: relative;\n          transition: height 0.3s linear;\n        }\n        div[slot=\"drop-label\"] > * {\n          flex: 0 1 auto;\n        }\n        simple-fields-url-combo[always-expanded]::part(listbox) {\n          background-color: transparent;\n        }\n        simple-toolbar-button {\n          font-family: var(--simple-fields-font-family, sans-serif);\n          color: var(--simple-fields-color, currentColor);\n          margin: calc(0.5 * var(--simple-fields-margin-small, 8px))\n            calc(0.25 * var(--simple-fields-margin-small, 8px));\n        }\n        simple-toolbar-button[part=\"cancel-media\"] {\n          position: absolute;\n          right: 0;\n          top: 0;\n          z-index: 2;\n          --simple-fields-button-padding-sm: 0;\n          background-color: var(--simple-fields-background-color, white);\n          opacity: 0.7;\n        }\n        span[part=\"drop-area-text\"] {\n          font-family: var(--simple-fields-button-font-family, sans-serif);\n          font-size: var(--simple-fields-button-font-size, 14px);\n          white-space: nowrap;\n          margin: calc(0.5 * var(--simple-fields-margin-small, 8px))\n            calc(0.25 * var(--simple-fields-margin-small, 8px));\n        }\n        vaadin-upload {\n          padding: var(--simple-fields-margin-small, 8px);\n          position: relative;\n          overflow: visible;\n          border: none !important;\n        }\n        vaadin-upload[dragover] {\n          border-color: var(\n            --simple-fields-secondary-accent-color,\n            var(--simple-colors-default-theme-accent-3, #77e2ff)\n          );\n        }\n        vaadin-upload::part(drop-label) {\n          font-family: var(--simple-fields-font-family, sans-serif);\n          color: var(--simple-fields-color, currentColor);\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          flex-wrap: wrap;\n          padding: 0;\n          width: 100%;\n          margin-top: -16px;\n        }\n        vaadin-upload.option-selfie::part(drop-label) {\n          display: block;\n        }\n        vaadin-upload::part(drop-label-icon) {\n          display: none;\n        }\n        vaadin-upload-file {\n          --disabled-text-color: #var(--simple-fields-border-color, #999);\n        }\n        simple-camera-snap {\n          --simple-camera-snap-button-container-bottom: 2px;\n          --simple-camera-snap-button-container-z-index: 5;\n          --simple-camera-snap-button-border-radius: 100%;\n          --simple-camera-snap-button-opacity: 0.7;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-url-combo-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-url-combo-item.js
index 40bdd6c99f3..92e87ad73b7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-url-combo-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-url-combo-item.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
   });
   _exports.SimpleFieldsUrlComboItem = void 0;
 
-  var _templateObject_e5be39a01f0511ed8cc3e9a95995ad69, _templateObject2_e5be39a01f0511ed8cc3e9a95995ad69, _templateObject3_e5be39a01f0511ed8cc3e9a95995ad69, _templateObject4_e5be39a01f0511ed8cc3e9a95995ad69, _templateObject5_e5be39a01f0511ed8cc3e9a95995ad69, _templateObject6_e5be39a01f0511ed8cc3e9a95995ad69, _templateObject7_e5be39a01f0511ed8cc3e9a95995ad69, _templateObject8_e5be39a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbdffb701f2611eda0c389891c227ec8, _templateObject2_bbdffb701f2611eda0c389891c227ec8, _templateObject3_bbdffb701f2611eda0c389891c227ec8, _templateObject4_bbdffb701f2611eda0c389891c227ec8, _templateObject5_bbdffb701f2611eda0c389891c227ec8, _templateObject6_bbdffb701f2611eda0c389891c227ec8, _templateObject7_bbdffb701f2611eda0c389891c227ec8, _templateObject8_bbdffb701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -43,7 +43,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       key: "render",
       value: // Template return function
       function render() {
-        return (0, _index.html)(_templateObject_e5be39a01f0511ed8cc3e9a95995ad69 || (_templateObject_e5be39a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "", ""])), this.previewTemplate, this.labelTemplate);
+        return (0, _index.html)(_templateObject_bbdffb701f2611eda0c389891c227ec8 || (_templateObject_bbdffb701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "", ""])), this.previewTemplate, this.labelTemplate);
       }
       /**
        * default list of icons by file extension
@@ -278,7 +278,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     }, {
       key: "iconTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject2_e5be39a01f0511ed8cc3e9a95995ad69 || (_templateObject2_e5be39a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n      part=\"preview\"\n      icon=\"", "\"\n    ></simple-icon-lite>"])), this.iconName);
+        return (0, _index.html)(_templateObject2_bbdffb701f2611eda0c389891c227ec8 || (_templateObject2_bbdffb701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n      part=\"preview\"\n      icon=\"", "\"\n    ></simple-icon-lite>"])), this.iconName);
       }
       /**
        * preview image template of item
@@ -291,7 +291,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     }, {
       key: "imageTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject3_e5be39a01f0511ed8cc3e9a95995ad69 || (_templateObject3_e5be39a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span\n      part=\"preview\"\n      style=\"background-image: url(", ")\"\n    ></span>"])), this.previewSrc);
+        return (0, _index.html)(_templateObject3_bbdffb701f2611eda0c389891c227ec8 || (_templateObject3_bbdffb701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span\n      part=\"preview\"\n      style=\"background-image: url(", ")\"\n    ></span>"])), this.previewSrc);
       }
       /**
        * preview template, based on preview or icon by default;
@@ -318,7 +318,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     }, {
       key: "labelTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject4_e5be39a01f0511ed8cc3e9a95995ad69 || (_templateObject4_e5be39a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span part=\"label\">\n      ", "\n      ", "\n    </span>"])), this.primaryLabelTemplate, !!this.name && this.name.trim() !== "" ? this.secondaryLabelTemplate : "");
+        return (0, _index.html)(_templateObject4_bbdffb701f2611eda0c389891c227ec8 || (_templateObject4_bbdffb701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span part=\"label\">\n      ", "\n      ", "\n    </span>"])), this.primaryLabelTemplate, !!this.name && this.name.trim() !== "" ? this.secondaryLabelTemplate : "");
       }
       /**
        * primary label template with item name or value
@@ -331,7 +331,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     }, {
       key: "primaryLabelTemplate",
       get: function get() {
-        return !!this.name && this.name.trim() !== "" ? (0, _index.html)(_templateObject5_e5be39a01f0511ed8cc3e9a95995ad69 || (_templateObject5_e5be39a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span part=\"label-primary\">", "</span>"])), this.name) : !!this.value && this.value.trim() !== "" ? (0, _index.html)(_templateObject6_e5be39a01f0511ed8cc3e9a95995ad69 || (_templateObject6_e5be39a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span part=\"label-primary\">", "</span>"])), this.value) : "";
+        return !!this.name && this.name.trim() !== "" ? (0, _index.html)(_templateObject5_bbdffb701f2611eda0c389891c227ec8 || (_templateObject5_bbdffb701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span part=\"label-primary\">", "</span>"])), this.name) : !!this.value && this.value.trim() !== "" ? (0, _index.html)(_templateObject6_bbdffb701f2611eda0c389891c227ec8 || (_templateObject6_bbdffb701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span part=\"label-primary\">", "</span>"])), this.value) : "";
       }
       /**
        * secondary label template with item value
@@ -344,7 +344,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     }, {
       key: "secondaryLabelTemplate",
       get: function get() {
-        return !!this.value && this.value.trim() !== "" ? (0, _index.html)(_templateObject7_e5be39a01f0511ed8cc3e9a95995ad69 || (_templateObject7_e5be39a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span part=\"label-secondary\">", "</span>"])), this.value) : "";
+        return !!this.value && this.value.trim() !== "" ? (0, _index.html)(_templateObject7_bbdffb701f2611eda0c389891c227ec8 || (_templateObject7_bbdffb701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span part=\"label-secondary\">", "</span>"])), this.value) : "";
       } // properties available to the custom element for data binding
 
     }, {
@@ -363,7 +363,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject8_e5be39a01f0511ed8cc3e9a95995ad69 || (_templateObject8_e5be39a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          align-items: center;\n          padding: var(--simple-fields-button-padding, 2px);\n          font-size: var(--simple-fields-detail-font-size, 12px);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        *[part=\"preview\"] {\n          width: var(--simple-fields-url-combo-preview-size, 26px);\n          height: var(--simple-fields-url-combo-preview-size, 26px);\n          --simple-icon-height: var(\n            --simple-fields-url-combo-preview-size,\n            26px\n          );\n          --simple-icon-width: var(\n            --simple-fields-url-combo-preview-size,\n            26px\n          );\n          margin-right: var(--simple-fields-button-padding, 2px);\n        }\n        span[part=\"preview\"] {\n          background-position: center;\n          background-size: cover;\n          background-repeat: no-repeat;\n          border-radius: var(--simple-fields-border-radius, 2px);\n        }\n        span[part=\"label\"] {\n          max-width: 100%;\n          flex: 1 1 auto;\n        }\n        span[part=\"label\"] span {\n          display: block;\n          line-height: 100%;\n          margin: 0;\n          overflow-wrap: break-word;\n          word-wrap: break-word;\n        }\n        span[part=\"label-secondary\"] {\n          font-size: var(--simple-fields-meta-font-size, 10px);\n          opacity: var(--simple-fields-meta-opacity, unset);\n          color: var(--simple-fields-meta-color);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject8_bbdffb701f2611eda0c389891c227ec8 || (_templateObject8_bbdffb701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          align-items: center;\n          padding: var(--simple-fields-button-padding, 2px);\n          font-size: var(--simple-fields-detail-font-size, 12px);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        *[part=\"preview\"] {\n          width: var(--simple-fields-url-combo-preview-size, 26px);\n          height: var(--simple-fields-url-combo-preview-size, 26px);\n          --simple-icon-height: var(\n            --simple-fields-url-combo-preview-size,\n            26px\n          );\n          --simple-icon-width: var(\n            --simple-fields-url-combo-preview-size,\n            26px\n          );\n          margin-right: var(--simple-fields-button-padding, 2px);\n        }\n        span[part=\"preview\"] {\n          background-position: center;\n          background-size: cover;\n          background-repeat: no-repeat;\n          border-radius: var(--simple-fields-border-radius, 2px);\n        }\n        span[part=\"label\"] {\n          max-width: 100%;\n          flex: 1 1 auto;\n        }\n        span[part=\"label\"] span {\n          display: block;\n          line-height: 100%;\n          margin: 0;\n          overflow-wrap: break-word;\n          word-wrap: break-word;\n        }\n        span[part=\"label-secondary\"] {\n          font-size: var(--simple-fields-meta-font-size, 10px);\n          opacity: var(--simple-fields-meta-opacity, unset);\n          color: var(--simple-fields-meta-color);\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-url-combo.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-url-combo.js
index c2adba016bd..c22bab892f7 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-url-combo.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-url-combo.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js", "./simpl
   });
   _exports.SimpleFieldsUrlCombo = void 0;
 
-  var _templateObject_e5c231401f0511ed8cc3e9a95995ad69, _templateObject2_e5c231401f0511ed8cc3e9a95995ad69, _templateObject3_e5c231401f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbe32fc01f2611eda0c389891c227ec8, _templateObject2_bbe32fc01f2611eda0c389891c227ec8, _templateObject3_bbe32fc01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -57,7 +57,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js", "./simpl
     }, {
       key: "listboxTemplate",
       get: function get() {
-        return (0, _index.html)(_templateObject_e5c231401f0511ed8cc3e9a95995ad69 || (_templateObject_e5c231401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"border-bottom input-bottom blur\"></div>\n      <div class=\"border-bottom input-bottom focus\"></div>\n      ", "\n    "])), babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsUrlCombo.prototype), "listboxTemplate", this));
+        return (0, _index.html)(_templateObject_bbe32fc01f2611eda0c389891c227ec8 || (_templateObject_bbe32fc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"border-bottom input-bottom blur\"></div>\n      <div class=\"border-bottom input-bottom focus\"></div>\n      ", "\n    "])), babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsUrlCombo.prototype), "listboxTemplate", this));
       }
       /**
        * overrides default combo list item display
@@ -70,7 +70,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js", "./simpl
     }, {
       key: "getListItemInner",
       value: function getListItemInner(option) {
-        return (0, _index.html)(_templateObject2_e5c231401f0511ed8cc3e9a95995ad69 || (_templateObject2_e5c231401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-fields-url-combo-item\n      icon=\"", "\"\n      name=\"", "\"\n      preview=\"", "\"\n      type=\"", "\"\n      value=\"", "\"\n    >\n    </simple-fields-url-combo-item>"])), option.icon, option.name, option.preview, option.type, option.value);
+        return (0, _index.html)(_templateObject2_bbe32fc01f2611eda0c389891c227ec8 || (_templateObject2_bbe32fc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-fields-url-combo-item\n      icon=\"", "\"\n      name=\"", "\"\n      preview=\"", "\"\n      type=\"", "\"\n      value=\"", "\"\n    >\n    </simple-fields-url-combo-item>"])), option.icon, option.name, option.preview, option.type, option.value);
       }
       /**
        * allows for more option data, such as icon, preview, and type
@@ -174,7 +174,7 @@ define(["exports", "../../../lit/index.js", "./simple-fields-field.js", "./simpl
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsUrlCombo), "styles", this)), [(0, _index.css)(_templateObject3_e5c231401f0511ed8cc3e9a95995ad69 || (_templateObject3_e5c231401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([display-as=\"grid\"]) {\n          --simple-fields-url-combo-preview-size: var(\n            --simple-fields-url-combo-grid-preview-size,\n            100px\n          );\n        }\n        ul[role=\"listbox\"] li[role=\"option\"]:not(:last-child) {\n          border-bottom: 1px solid var(--simple-fields-border-color-light, #ccc);\n        }\n        :host([display-as=\"columns\"]) ul[role=\"listbox\"] li[role=\"option\"],\n        :host([display-as=\"grid\"]) ul[role=\"listbox\"] li[role=\"option\"] {\n          border-radius: var(--simple-fields-border-radius, 2px);\n          border: 1px solid var(--simple-fields-border-color-light, #ccc);\n        }\n        :host([always-expanded]) #field-main-inner {\n          flex-wrap: wrap;\n          --simple-fields-combo-max-height: var(\n            --simple-fields-url-combox-expanded-max-height,\n            unset\n          );\n        }\n        .input-bottom,\n        :host([always-expanded]) .border-bottom:not(.input-bottom),\n        :host([always-expanded]) [part=\"option-icon\"],\n        :host([has-suggestions=\"false\"]) [part=\"option-icon\"] {\n          display: none;\n        }\n        :host([always-expanded]) .input-bottom {\n          display: block;\n        }\n        :host([always-expanded]) ul[role=\"listbox\"] {\n          border: none;\n          position: static;\n          opacity: 1;\n          flex: 1 0 100%;\n          margin: var(--simple-fields-margin-small, 8px) 0;\n        }\n        :host([display-as=\"columns\"]) ul[role=\"listbox\"] {\n          grid-gap: var(--simple-fields-button-padding, 2px);\n        }\n        :host([display-as=\"grid\"]) ul[role=\"listbox\"] {\n          grid-gap: var(--simple-fields-margin-small, 8px);\n        }\n        :host([display-as=\"columns\"]) ul[role=\"listbox\"],\n        :host([display-as=\"grid\"]) ul[role=\"listbox\"] {\n          display: grid;\n          grid-template-columns: repeat(\n            auto-fill,\n            minmax(\n              calc(\n                var(--simple-fields-url-combo-preview-size) + 2 *\n                  var(--simple-fields-button-padding, 2px)\n              ),\n              1fr\n            )\n          );\n        }\n        :host([display-as=\"grid\"]) simple-fields-url-combo-item,\n        :host([display-as=\"grid\"]) ::slotted(simple-fields-url-combo-item) {\n          flex-direction: column;\n          align-items: center;\n          text-align: center;\n          justify-content: space-between;\n          padding: var(--simple-fields-margin-small, 8px);\n        }\n        :host([display-as=\"grid\"]) simple-fields-url-combo-item::part(preview),\n        :host([display-as=\"grid\"])\n          ::slotted(simple-fields-url-combo-item::part(preview)) {\n          display: block;\n          margin-right: 0;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFieldsUrlCombo), "styles", this)), [(0, _index.css)(_templateObject3_bbe32fc01f2611eda0c389891c227ec8 || (_templateObject3_bbe32fc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([display-as=\"grid\"]) {\n          --simple-fields-url-combo-preview-size: var(\n            --simple-fields-url-combo-grid-preview-size,\n            100px\n          );\n        }\n        ul[role=\"listbox\"] li[role=\"option\"]:not(:last-child) {\n          border-bottom: 1px solid var(--simple-fields-border-color-light, #ccc);\n        }\n        :host([display-as=\"columns\"]) ul[role=\"listbox\"] li[role=\"option\"],\n        :host([display-as=\"grid\"]) ul[role=\"listbox\"] li[role=\"option\"] {\n          border-radius: var(--simple-fields-border-radius, 2px);\n          border: 1px solid var(--simple-fields-border-color-light, #ccc);\n        }\n        :host([always-expanded]) #field-main-inner {\n          flex-wrap: wrap;\n          --simple-fields-combo-max-height: var(\n            --simple-fields-url-combox-expanded-max-height,\n            unset\n          );\n        }\n        .input-bottom,\n        :host([always-expanded]) .border-bottom:not(.input-bottom),\n        :host([always-expanded]) [part=\"option-icon\"],\n        :host([has-suggestions=\"false\"]) [part=\"option-icon\"] {\n          display: none;\n        }\n        :host([always-expanded]) .input-bottom {\n          display: block;\n        }\n        :host([always-expanded]) ul[role=\"listbox\"] {\n          border: none;\n          position: static;\n          opacity: 1;\n          flex: 1 0 100%;\n          margin: var(--simple-fields-margin-small, 8px) 0;\n        }\n        :host([display-as=\"columns\"]) ul[role=\"listbox\"] {\n          grid-gap: var(--simple-fields-button-padding, 2px);\n        }\n        :host([display-as=\"grid\"]) ul[role=\"listbox\"] {\n          grid-gap: var(--simple-fields-margin-small, 8px);\n        }\n        :host([display-as=\"columns\"]) ul[role=\"listbox\"],\n        :host([display-as=\"grid\"]) ul[role=\"listbox\"] {\n          display: grid;\n          grid-template-columns: repeat(\n            auto-fill,\n            minmax(\n              calc(\n                var(--simple-fields-url-combo-preview-size) + 2 *\n                  var(--simple-fields-button-padding, 2px)\n              ),\n              1fr\n            )\n          );\n        }\n        :host([display-as=\"grid\"]) simple-fields-url-combo-item,\n        :host([display-as=\"grid\"]) ::slotted(simple-fields-url-combo-item) {\n          flex-direction: column;\n          align-items: center;\n          text-align: center;\n          justify-content: space-between;\n          padding: var(--simple-fields-margin-small, 8px);\n        }\n        :host([display-as=\"grid\"]) simple-fields-url-combo-item::part(preview),\n        :host([display-as=\"grid\"])\n          ::slotted(simple-fields-url-combo-item::part(preview)) {\n          display: block;\n          margin-right: 0;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-tag-lite.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-tag-lite.js
index e34947c055e..749e2186705 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-tag-lite.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-tag-lite.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-b
   });
   _exports.SimpleTagLiteSuper = _exports.SimpleTagLite = void 0;
 
-  var _templateObject_e5c517701f0511ed8cc3e9a95995ad69, _templateObject2_e5c517701f0511ed8cc3e9a95995ad69, _templateObject3_e5c517701f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbe5eee01f2611eda0c389891c227ec8, _templateObject2_bbe5eee01f2611eda0c389891c227ec8, _templateObject3_bbe5eee01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -46,7 +46,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-b
       babelHelpers.createClass(_class, [{
         key: "render",
         value: function render() {
-          return (0, _index.html)(_templateObject_e5c517701f0511ed8cc3e9a95995ad69 || (_templateObject_e5c517701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <span>", "<slot></slot></span>\n        ", "\n      "])), this.value, !!this.readonly ? "" : (0, _index.html)(_templateObject2_e5c517701f0511ed8cc3e9a95995ad69 || (_templateObject2_e5c517701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon-button-lite\n                icon=\"", "\"\n                label=\"Remove ", "\"\n                ?hidden=\"", "\"\n                @click=\"", "\"\n                ?disabled=\"", "\"\n                ?toggles=\"", "\"\n                ?toggled=\"", "\"\n              ></simple-icon-button-lite>\n            "])), !!this.toggles && !!this.toggled && !!this.toggledIcon ? this.toggledIcon : this.icon, this.value, !this.cancelButton, this.clickEvent, this.disabled, this.toggles, this.toggled));
+          return (0, _index.html)(_templateObject_bbe5eee01f2611eda0c389891c227ec8 || (_templateObject_bbe5eee01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <span>", "<slot></slot></span>\n        ", "\n      "])), this.value, !!this.readonly ? "" : (0, _index.html)(_templateObject2_bbe5eee01f2611eda0c389891c227ec8 || (_templateObject2_bbe5eee01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <simple-icon-button-lite\n                icon=\"", "\"\n                label=\"Remove ", "\"\n                ?hidden=\"", "\"\n                @click=\"", "\"\n                ?disabled=\"", "\"\n                ?toggles=\"", "\"\n                ?toggled=\"", "\"\n              ></simple-icon-button-lite>\n            "])), !!this.toggles && !!this.toggled && !!this.toggledIcon ? this.toggledIcon : this.icon, this.value, !this.cancelButton, this.clickEvent, this.disabled, this.toggles, this.toggled));
         }
       }, {
         key: "clickEvent",
@@ -115,7 +115,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-b
             styles = babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this);
           }
 
-          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject3_e5c517701f0511ed8cc3e9a95995ad69 || (_templateObject3_e5c517701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: inline-flex;\n            align-items: center;\n            color: var(\n              --simple-fields-button-color,\n              var(--simple-fields-color)\n            );\n            background-color: var(\n              --simple-fields-button-background-color,\n              var(--simple-fields-background-color)\n            );\n            font-size: var(--simple-fields-font-size, 16px);\n            font-family: var(--simple-fields-font-family, sans-serif);\n            line-height: var(--simple-fields-line-height, 22px);\n            border-radius: var(--simple-fields-tag-border-radius, 4px);\n            padding: var(--simple-fields-button-padding, 2px)\n              calc(2 * var(--simple-fields-button-padding, 2px));\n            border-width: 1px;\n            border-style: solid;\n            border-color: var(\n              --simple-fields-fieldset-border-color,\n              var(--simple-fields-border-color-light, #ccc)\n            );\n          }\n          :host([draggable=\"true\"]) {\n            cursor: move;\n          }\n          simple-icon-button-lite {\n            cursor: pointer;\n            margin-left: 4px;\n            --simple-icon-height: var(--simple-fields-font-size, 16px);\n            --simple-icon-width: var(--simple-fields-font-size, 16px);\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          :host([disabled]):not([readonly]) {\n            opacity: 0.5;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject3_bbe5eee01f2611eda0c389891c227ec8 || (_templateObject3_bbe5eee01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: inline-flex;\n            align-items: center;\n            color: var(\n              --simple-fields-button-color,\n              var(--simple-fields-color)\n            );\n            background-color: var(\n              --simple-fields-button-background-color,\n              var(--simple-fields-background-color)\n            );\n            font-size: var(--simple-fields-font-size, 16px);\n            font-family: var(--simple-fields-font-family, sans-serif);\n            line-height: var(--simple-fields-line-height, 22px);\n            border-radius: var(--simple-fields-tag-border-radius, 4px);\n            padding: var(--simple-fields-button-padding, 2px)\n              calc(2 * var(--simple-fields-button-padding, 2px));\n            border-width: 1px;\n            border-style: solid;\n            border-color: var(\n              --simple-fields-fieldset-border-color,\n              var(--simple-fields-border-color-light, #ccc)\n            );\n          }\n          :host([draggable=\"true\"]) {\n            cursor: move;\n          }\n          simple-icon-button-lite {\n            cursor: pointer;\n            margin-left: 4px;\n            --simple-icon-height: var(--simple-fields-font-size, 16px);\n            --simple-icon-width: var(--simple-fields-font-size, 16px);\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          :host([disabled]):not([readonly]) {\n            opacity: 0.5;\n          }\n        "])))]);
         }
       }]);
       return _class;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-tag.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-tag.js
index 2d4ca3a53ca..ff9ccbab7be 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-tag.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/lib/simple-tag.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
   });
   _exports.SimpleTag = void 0;
 
-  var _templateObject_e5c6ec301f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbe79c901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -25,7 +25,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     babelHelpers.createClass(SimpleTag, null, [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleTag), "styles", this)), [_simpleFieldsUi.SimpleFieldsButtonStyles, _simpleFieldsUi.SimpleFieldsTooltipStyles, (0, _index.css)(_templateObject_e5c6ec301f0511ed8cc3e9a95995ad69 || (_templateObject_e5c6ec301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --simple-fields-button-color: var(\n            --simple-colors-default-theme-accent-12,\n            #222222\n          );\n          --simple-fields-fieldset-border-color: var(\n            --simple-colors-default-theme-accent-3,\n            #eeeeee\n          );\n          --simple-fields-button-background-color: var(\n            --simple-colors-default-theme-accent-3,\n            #eeeeee\n          );\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleTag), "styles", this)), [_simpleFieldsUi.SimpleFieldsButtonStyles, _simpleFieldsUi.SimpleFieldsTooltipStyles, (0, _index.css)(_templateObject_bbe79c901f2611eda0c389891c227ec8 || (_templateObject_bbe79c901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --simple-fields-button-color: var(\n            --simple-colors-default-theme-accent-12,\n            #222222\n          );\n          --simple-fields-fieldset-border-color: var(\n            --simple-colors-default-theme-accent-3,\n            #eeeeee\n          );\n          --simple-fields-button-background-color: var(\n            --simple-colors-default-theme-accent-3,\n            #eeeeee\n          );\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/simple-fields.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/simple-fields.js
index 36249524d16..1faed0da216 100755
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/simple-fields.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/simple-fields.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/simple-fields-lite.js", "./lib/s
   });
   _exports.SimpleFields = void 0;
 
-  var _templateObject_ae95bde01f0511ed8cc3e9a95995ad69, _templateObject2_ae95bde01f0511ed8cc3e9a95995ad69;
+  var _templateObject_88e153401f2611eda0c389891c227ec8, _templateObject2_88e153401f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -166,7 +166,7 @@ define(["exports", "../../lit/index.js", "./lib/simple-fields-lite.js", "./lib/s
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_ae95bde01f0511ed8cc3e9a95995ad69 || (_templateObject_ae95bde01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"schema-fields\" aria-live=\"polite\" part=\"fields-list\">\n      <slot></slot>\n    </div>"])));
+        return (0, _index.html)(_templateObject_88e153401f2611eda0c389891c227ec8 || (_templateObject_88e153401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"schema-fields\" aria-live=\"polite\" part=\"fields-list\">\n      <slot></slot>\n    </div>"])));
       } // haxProperty definition
 
     }, {
@@ -939,7 +939,7 @@ define(["exports", "../../lit/index.js", "./lib/simple-fields-lite.js", "./lib/s
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFields), "styles", this)), [(0, _index.css)(_templateObject2_ae95bde01f0511ed8cc3e9a95995ad69 || (_templateObject2_ae95bde01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --simple-picker-background-color: var(\n            --simple-fields-background-color,\n            transparent\n          );\n          --simple-picker-border-width: 0;\n          --simple-picker-focus-border-width: 0;\n          --simple-picker-display: block;\n          --simple-picker-listbox-border-width: 1px;\n          --simple-picker-listbox-outline: none;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleFields), "styles", this)), [(0, _index.css)(_templateObject2_88e153401f2611eda0c389891c227ec8 || (_templateObject2_88e153401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --simple-picker-background-color: var(\n            --simple-fields-background-color,\n            transparent\n          );\n          --simple-picker-border-width: 0;\n          --simple-picker-focus-border-width: 0;\n          --simple-picker-display: block;\n          --simple-picker-listbox-border-width: 1px;\n          --simple-picker-listbox-outline: none;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button-lite.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button-lite.dev.js
index 5ccc2aa75ca..f64483de562 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button-lite.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button-lite.dev.js
@@ -76,20 +76,20 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_f275b0101f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c9774a901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host([hidden]) {\n            display: none;\n          }\n          :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            vertical-align: middle;\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: 0;\n            margin: 0;\n            color: inherit;\n          }\n          button {\n            color: inherit;\n            cursor: pointer;\n            opacity: var(--simple-icon-button-opacity, 1);\n            border: var(--simple-icon-button-border, 0);\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: var(--simple-icon-button-padding, 0px);\n            margin: 0px;\n            width: 100%;\n          }\n          button[aria-pressed] {\n            opacity: var(--simple-icon-button-toggled-opacity, 1);\n            --simple-icon-button-border: var(\n              --simple-icon-toggled-button-border\n            );\n            --simple-icon-color: var(--simple-icon-button-toggled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-toggled-background-color\n            );\n          }\n          button:focus,\n          button:hover {\n            opacity: var(--simple-icon-button-focus-opacity, 0.8);\n            --simple-icon-button-border: var(--simple-icon-button-focus-border);\n            --simple-icon-color: var(--simple-icon-button-focus-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-focus-background-color\n            );\n          }\n          button[disabled] {\n            opacity: var(--simple-icon-button-disabled-opacity, 0.5);\n            --simple-icon-button-border: var(\n              --simple-icon-button-disabled-border\n            );\n            --simple-icon-color: var(--simple-icon-button-disabled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-disabled-background-color\n            );\n            cursor: not-allowed;\n          }\n\n          simple-icon-lite {\n            color: inherit;\n            height: calc(\n              var(--simple-icon-height, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n            width: calc(\n              var(--simple-icon-width, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n          }\n        "]);
 
-  _templateObject2_f275b0101f0511ed8cc3e9a95995ad69 = function _templateObject2_f275b0101f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c9774a901f2611eda0c389891c227ec8 = function _templateObject2_c9774a901f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f275b0101f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9774a901f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <button\n          ?autofocus="', '"\n          aria-labelledby="', '"\n          .aria-pressed="', '"\n          controls="', '"\n          part="button"\n          ?disabled="', '"\n          form="', '"\n          label="', '"\n          aria-label="', '"\n          name="', '"\n          .type="', '"\n          value="', '"\n        >\n          <simple-icon-lite icon=', ' part="icon"> </simple-icon-lite>\n        </button>\n      ']);
 
-  _templateObject_f275b0101f0511ed8cc3e9a95995ad69 = function _templateObject_f275b0101f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9774a901f2611eda0c389891c227ec8 = function _templateObject_c9774a901f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -237,13 +237,13 @@ var SimpleIconButtonBehaviors = function SimpleIconButtonBehaviors(SuperClass) {
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_f275b0101f0511ed8cc3e9a95995ad69(), this.autofocus, this.ariaLabelledby, this.toggles || this.toggled ? "true" : this.toggles ? "false" : undefined, this.controls, this.disabled, this.form, this.label, this.label, this.fieldName, this.type, this.value, this.icon);
+        return (0, _litElement.html)(_templateObject_c9774a901f2611eda0c389891c227ec8(), this.autofocus, this.ariaLabelledby, this.toggles || this.toggled ? "true" : this.toggles ? "false" : undefined, this.controls, this.disabled, this.form, this.label, this.label, this.fieldName, this.type, this.value, this.icon);
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       get: function get() {
-        return [_get(_getPrototypeOf(_class), "styles", this) || []].concat([(0, _litElement.css)(_templateObject2_f275b0101f0511ed8cc3e9a95995ad69())]);
+        return [_get(_getPrototypeOf(_class), "styles", this) || []].concat([(0, _litElement.css)(_templateObject2_c9774a901f2611eda0c389891c227ec8())]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button.dev.js
index fb94823e7aa..e04de4e26bb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button.dev.js
@@ -78,10 +78,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_f27821101f0511ed8cc3e9a95995ad69() {
+function _templateObject_c97994801f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <button \n        ?autofocus="', '"\n        aria-labelledby="', '"\n        .aria-pressed="', '"\n        controls="', '"\n        part="button"\n        ?disabled="', '"\n        form="', '"\n        label="', '"\n        aria-label="', '"\n        name="', '"\n        .type="', '"\n        value="', '">\n        <simple-icon\n          part="icon"\n          icon="', '"\n          accent-color="', '"\n          contrast="', '"\n          ?dark="', '"\n        ></simple-icon>\n      </button>\n    ']);
 
-  _templateObject_f27821101f0511ed8cc3e9a95995ad69 = function _templateObject_f27821101f0511ed8cc3e9a95995ad69() {
+  _templateObject_c97994801f2611eda0c389891c227ec8 = function _templateObject_c97994801f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -234,7 +234,7 @@ var SimpleIconButton = /*#__PURE__*/function (_SimpleIconButtonBeha) {
   _createClass(SimpleIconButton, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_f27821101f0511ed8cc3e9a95995ad69(), this.autofocus, this.ariaLabelledby, this.toggles || this.toggled ? "true" : this.toggles ? "false" : undefined, this.controls, this.disabled, this.form, this.label, this.label, this.fieldName, this.type, this.value, this.icon, this.accentColor, this.contrast, this.dark);
+      return (0, _litElement.html)(_templateObject_c97994801f2611eda0c389891c227ec8(), this.autofocus, this.ariaLabelledby, this.toggles || this.toggled ? "true" : this.toggles ? "false" : undefined, this.controls, this.disabled, this.form, this.label, this.label, this.fieldName, this.type, this.value, this.icon, this.accentColor, this.contrast, this.dark);
     } // properties available to the custom element for data binding
 
   }], [{
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-lite.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-lite.dev.js
index 929d66afb22..3020b8ab95d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-lite.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-lite.dev.js
@@ -72,30 +72,30 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject3_f27a1ce01f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c97bb7601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            vertical-align: middle;\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          svg {\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n            max-height: var(--simple-icon-height, 24px);\n            max-width: var(--simple-icon-width, 24px);\n          }\n          feFlood {\n            flood-color: var(--simple-icon-color, currentColor);\n          }\n          svg {\n            pointer-events: none;\n          }\n        "]);
 
-  _templateObject3_f27a1ce01f0511ed8cc3e9a95995ad69 = function _templateObject3_f27a1ce01f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c97bb7601f2611eda0c389891c227ec8 = function _templateObject3_c97bb7601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_f27a1ce01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c97bb7601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<feFlood result="COLOR" />']);
 
-  _templateObject2_f27a1ce01f0511ed8cc3e9a95995ad69 = function _templateObject2_f27a1ce01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c97bb7601f2611eda0c389891c227ec8 = function _templateObject2_c97bb7601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f27a1ce01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c97bb7601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet">\n          <filter\n            color-interpolation-filters="sRGB"\n            x="0"\n            y="0"\n            height="24px"\n            width="24px"\n          >\n            ', '\n            <feComposite operator="in" in="COLOR" in2="SourceAlpha" />\n          </filter>\n          <image\n            xlink:href=""\n            width="24px"\n            height="24px"\n            focusable="false"\n            preserveAspectRatio="xMidYMid meet"\n          ></image>\n        </svg>\n      ']);
 
-  _templateObject_f27a1ce01f0511ed8cc3e9a95995ad69 = function _templateObject_f27a1ce01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c97bb7601f2611eda0c389891c227ec8 = function _templateObject_c97bb7601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -221,18 +221,18 @@ var SimpleIconBehaviors = function SimpleIconBehaviors(SuperClass) {
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.svg)(_templateObject_f27a1ce01f0511ed8cc3e9a95995ad69(), this.feFlood);
+        return (0, _litElement.svg)(_templateObject_c97bb7601f2611eda0c389891c227ec8(), this.feFlood);
       }
     }, {
       key: "feFlood",
       get: function get() {
-        return !this.noColorize ? (0, _litElement.svg)(_templateObject2_f27a1ce01f0511ed8cc3e9a95995ad69()) : "";
+        return !this.noColorize ? (0, _litElement.svg)(_templateObject2_c97bb7601f2611eda0c389891c227ec8()) : "";
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       get: function get() {
-        return [_get(_getPrototypeOf(_class), "styles", this) || []].concat([(0, _litElement.css)(_templateObject3_f27a1ce01f0511ed8cc3e9a95995ad69())]);
+        return [_get(_getPrototypeOf(_class), "styles", this) || []].concat([(0, _litElement.css)(_templateObject3_c97bb7601f2611eda0c389891c227ec8())]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js
index c6b7120618e..68da56bcdfc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-icons.js", "./simple-icon-
   });
   _exports.SimpleIconButtonLite = _exports.SimpleIconButtonBehaviors = void 0;
 
-  var _templateObject_e5c9ab501f0511ed8cc3e9a95995ad69, _templateObject2_e5c9ab501f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbea0d901f2611eda0c389891c227ec8, _templateObject2_bbea0d901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -47,13 +47,13 @@ define(["exports", "../../../lit/index.js", "./simple-icons.js", "./simple-icon-
         key: "render",
         value: // render function
         function render() {
-          return (0, _index.html)(_templateObject_e5c9ab501f0511ed8cc3e9a95995ad69 || (_templateObject_e5c9ab501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <button\n          ?autofocus=\"", "\"\n          aria-labelledby=\"", "\"\n          .aria-pressed=\"", "\"\n          controls=\"", "\"\n          part=\"button\"\n          ?disabled=\"", "\"\n          form=\"", "\"\n          label=\"", "\"\n          aria-label=\"", "\"\n          name=\"", "\"\n          .type=\"", "\"\n          value=\"", "\"\n        >\n          <simple-icon-lite icon=\"", "\" part=\"icon\"></simple-icon-lite>\n          <slot></slot>\n        </button>\n      "])), this.autofocus, this.ariaLabelledby, this.toggles || this.toggled ? "true" : this.toggles ? "false" : undefined, this.controls, this.disabled, this.form, this.label, this.label, this.fieldName, this.type, this.value, this.icon);
+          return (0, _index.html)(_templateObject_bbea0d901f2611eda0c389891c227ec8 || (_templateObject_bbea0d901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <button\n          ?autofocus=\"", "\"\n          aria-labelledby=\"", "\"\n          .aria-pressed=\"", "\"\n          controls=\"", "\"\n          part=\"button\"\n          ?disabled=\"", "\"\n          form=\"", "\"\n          label=\"", "\"\n          aria-label=\"", "\"\n          name=\"", "\"\n          .type=\"", "\"\n          value=\"", "\"\n        >\n          <simple-icon-lite icon=\"", "\" part=\"icon\"></simple-icon-lite>\n          <slot></slot>\n        </button>\n      "])), this.autofocus, this.ariaLabelledby, this.toggles || this.toggled ? "true" : this.toggles ? "false" : undefined, this.controls, this.disabled, this.form, this.label, this.label, this.fieldName, this.type, this.value, this.icon);
         } // properties available to the custom element for data binding
 
       }], [{
         key: "styles",
         get: function get() {
-          return [babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this) || []].concat([(0, _index.css)(_templateObject2_e5c9ab501f0511ed8cc3e9a95995ad69 || (_templateObject2_e5c9ab501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host([hidden]) {\n            display: none;\n          }\n          :host([icon=\"\"]) simple-icon-lite {\n            display: none;\n          }\n          :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            vertical-align: middle;\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: 0;\n            margin: 0;\n            color: inherit;\n          }\n          button {\n            color: inherit;\n            cursor: pointer;\n            opacity: var(--simple-icon-button-opacity, 1);\n            border: var(--simple-icon-button-border, 0);\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: var(--simple-icon-button-padding, 0px);\n            margin: 0px;\n            width: 100%;\n            height: 100%;\n          }\n          button[aria-pressed] {\n            opacity: var(--simple-icon-button-toggled-opacity, 1);\n            --simple-icon-button-border: var(\n              --simple-icon-toggled-button-border\n            );\n            --simple-icon-color: var(--simple-icon-button-toggled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-toggled-background-color\n            );\n          }\n          button:focus,\n          button:hover {\n            opacity: var(--simple-icon-button-focus-opacity, 0.8);\n            --simple-icon-button-border: var(--simple-icon-button-focus-border);\n            --simple-icon-color: var(--simple-icon-button-focus-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-focus-background-color\n            );\n          }\n          button:disabled,\n          button[disabled] {\n            opacity: var(--simple-icon-button-disabled-opacity, 0.5);\n            --simple-icon-button-border: var(\n              --simple-icon-button-disabled-border\n            );\n            --simple-icon-color: var(--simple-icon-button-disabled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-disabled-background-color\n            );\n            cursor: not-allowed;\n          }\n\n          simple-icon-lite {\n            color: inherit;\n            height: calc(\n              var(--simple-icon-height, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n            width: calc(\n              var(--simple-icon-width, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n          }\n        "])))]);
+          return [babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this) || []].concat([(0, _index.css)(_templateObject2_bbea0d901f2611eda0c389891c227ec8 || (_templateObject2_bbea0d901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host([hidden]) {\n            display: none;\n          }\n          :host([icon=\"\"]) simple-icon-lite {\n            display: none;\n          }\n          :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            vertical-align: middle;\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: 0;\n            margin: 0;\n            color: inherit;\n          }\n          button {\n            color: inherit;\n            cursor: pointer;\n            opacity: var(--simple-icon-button-opacity, 1);\n            border: var(--simple-icon-button-border, 0);\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: var(--simple-icon-button-padding, 0px);\n            margin: 0px;\n            width: 100%;\n            height: 100%;\n          }\n          button[aria-pressed] {\n            opacity: var(--simple-icon-button-toggled-opacity, 1);\n            --simple-icon-button-border: var(\n              --simple-icon-toggled-button-border\n            );\n            --simple-icon-color: var(--simple-icon-button-toggled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-toggled-background-color\n            );\n          }\n          button:focus,\n          button:hover {\n            opacity: var(--simple-icon-button-focus-opacity, 0.8);\n            --simple-icon-button-border: var(--simple-icon-button-focus-border);\n            --simple-icon-color: var(--simple-icon-button-focus-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-focus-background-color\n            );\n          }\n          button:disabled,\n          button[disabled] {\n            opacity: var(--simple-icon-button-disabled-opacity, 0.5);\n            --simple-icon-button-border: var(\n              --simple-icon-button-disabled-border\n            );\n            --simple-icon-color: var(--simple-icon-button-disabled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-disabled-background-color\n            );\n            cursor: not-allowed;\n          }\n\n          simple-icon-lite {\n            color: inherit;\n            height: calc(\n              var(--simple-icon-height, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n            width: calc(\n              var(--simple-icon-width, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-button.js
index 159248d645e..79d310d0e9b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
   });
   _exports.SimpleIconButton = void 0;
 
-  var _templateObject_e5cba7201f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbebe2501f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -40,7 +40,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     babelHelpers.createClass(SimpleIconButton, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e5cba7201f0511ed8cc3e9a95995ad69 || (_templateObject_e5cba7201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        ?autofocus=\"", "\"\n        .aria-labelledby=\"", "\"\n        .aria-pressed=\"", "\"\n        controls=\"", "\"\n        part=\"button\"\n        ?disabled=\"", "\"\n        form=\"", "\"\n        label=\"", "\"\n        aria-label=\"", "\"\n        name=\"", "\"\n        .type=\"", "\"\n        value=\"", "\"\n      >\n        <simple-icon\n          part=\"icon\"\n          icon=\"", "\"\n          accent-color=\"", "\"\n          contrast=\"", "\"\n          ?dark=\"", "\"\n        ></simple-icon>\n      </button>\n    "])), this.autofocus, this.ariaLabelledby, this.toggles || this.toggled ? "true" : this.toggles ? "false" : undefined, this.controls, this.disabled, this.form, this.label, this.label, this.fieldName, this.type, this.value, this.icon, this.accentColor, this.contrast, this.dark);
+        return (0, _index.html)(_templateObject_bbebe2501f2611eda0c389891c227ec8 || (_templateObject_bbebe2501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button\n        ?autofocus=\"", "\"\n        .aria-labelledby=\"", "\"\n        .aria-pressed=\"", "\"\n        controls=\"", "\"\n        part=\"button\"\n        ?disabled=\"", "\"\n        form=\"", "\"\n        label=\"", "\"\n        aria-label=\"", "\"\n        name=\"", "\"\n        .type=\"", "\"\n        value=\"", "\"\n      >\n        <simple-icon\n          part=\"icon\"\n          icon=\"", "\"\n          accent-color=\"", "\"\n          contrast=\"", "\"\n          ?dark=\"", "\"\n        ></simple-icon>\n      </button>\n    "])), this.autofocus, this.ariaLabelledby, this.toggles || this.toggled ? "true" : this.toggles ? "false" : undefined, this.controls, this.disabled, this.form, this.label, this.label, this.fieldName, this.type, this.value, this.icon, this.accentColor, this.contrast, this.dark);
       } // properties available to the custom element for data binding
 
     }], [{
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js
index 4f953f76c93..7d2c2da2994 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-iconset.js"], function (_e
   });
   _exports.SimpleIconLite = _exports.SimpleIconBehaviors = void 0;
 
-  var _templateObject_e5cf9ec01f0511ed8cc3e9a95995ad69, _templateObject2_e5cf9ec01f0511ed8cc3e9a95995ad69, _templateObject3_e5cf9ec01f0511ed8cc3e9a95995ad69, _templateObject4_e5cf9ec01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbefb2e01f2611eda0c389891c227ec8, _templateObject2_bbefb2e01f2611eda0c389891c227ec8, _templateObject3_bbefb2e01f2611eda0c389891c227ec8, _templateObject4_bbefb2e01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -36,12 +36,12 @@ define(["exports", "../../../lit/index.js", "./simple-iconset.js"], function (_e
         key: "render",
         value: // render function
         function render() {
-          return this.useSafariPolyfill ? (0, _index.html)(_templateObject_e5cf9ec01f0511ed8cc3e9a95995ad69 || (_templateObject_e5cf9ec01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <div\n              id=\"svg-polyfill\"\n              style=\"mask:", ";-webkit-mask:", "\"\n            ></div>\n          "])), this.safariMask, this.safariMask) : (0, _index.svg)(_templateObject2_e5cf9ec01f0511ed8cc3e9a95995ad69 || (_templateObject2_e5cf9ec01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <svg xmlns=\"http://www.w3.org/2000/svg\" part=\"simple-icon-svg\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <filter\n            color-interpolation-filters=\"sRGB\"\n            x=\"0\"\n            y=\"0\"\n            height=\"24px\"\n            width=\"24px\"\n          >\n            ", "\n            <feComposite operator=\"in\" in=\"COLOR\" in2=\"SourceAlpha\" />\n          </filter>\n          <image\n            xlink:href=\"\"\n            width=\"24px\"\n            height=\"24px\"\n            focusable=\"false\"\n            preserveAspectRatio=\"xMidYMid meet\"\n          ></image>\n        </svg>\n      "])), this.feFlood);
+          return this.useSafariPolyfill ? (0, _index.html)(_templateObject_bbefb2e01f2611eda0c389891c227ec8 || (_templateObject_bbefb2e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <div\n              id=\"svg-polyfill\"\n              style=\"mask:", ";-webkit-mask:", "\"\n            ></div>\n          "])), this.safariMask, this.safariMask) : (0, _index.svg)(_templateObject2_bbefb2e01f2611eda0c389891c227ec8 || (_templateObject2_bbefb2e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <svg xmlns=\"http://www.w3.org/2000/svg\" part=\"simple-icon-svg\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <filter\n            color-interpolation-filters=\"sRGB\"\n            x=\"0\"\n            y=\"0\"\n            height=\"24px\"\n            width=\"24px\"\n          >\n            ", "\n            <feComposite operator=\"in\" in=\"COLOR\" in2=\"SourceAlpha\" />\n          </filter>\n          <image\n            xlink:href=\"\"\n            width=\"24px\"\n            height=\"24px\"\n            focusable=\"false\"\n            preserveAspectRatio=\"xMidYMid meet\"\n          ></image>\n        </svg>\n      "])), this.feFlood);
         }
       }, {
         key: "feFlood",
         get: function get() {
-          return !this.noColorize ? (0, _index.svg)(_templateObject3_e5cf9ec01f0511ed8cc3e9a95995ad69 || (_templateObject3_e5cf9ec01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<feFlood result=\"COLOR\"/>"]))) : "";
+          return !this.noColorize ? (0, _index.svg)(_templateObject3_bbefb2e01f2611eda0c389891c227ec8 || (_templateObject3_bbefb2e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<feFlood result=\"COLOR\"/>"]))) : "";
         } // properties available to the custom element for data binding
 
       }, {
@@ -110,7 +110,7 @@ define(["exports", "../../../lit/index.js", "./simple-iconset.js"], function (_e
       }], [{
         key: "styles",
         get: function get() {
-          return [babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this) || []].concat([(0, _index.css)(_templateObject4_e5cf9ec01f0511ed8cc3e9a95995ad69 || (_templateObject4_e5cf9ec01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            vertical-align: middle;\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n            color: var(--simple-icon-color, currentColor);\n          }\n          :host([dir=\"rtl\"]) svg {\n            direction: rtl;\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          #svg-polyfill {\n            background-color: var(--simple-icon-color, currentColor);\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n          }\n          svg {\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n            max-height: var(--simple-icon-height, 24px);\n            max-width: var(--simple-icon-width, 24px);\n            filter: var(--simple-icon-color, initial);\n            pointer-events: none;\n          }\n          feFlood {\n            flood-color: var(--simple-icon-color, currentColor);\n          }\n        "])))]);
+          return [babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this) || []].concat([(0, _index.css)(_templateObject4_bbefb2e01f2611eda0c389891c227ec8 || (_templateObject4_bbefb2e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            vertical-align: middle;\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n            color: var(--simple-icon-color, currentColor);\n          }\n          :host([dir=\"rtl\"]) svg {\n            direction: rtl;\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          #svg-polyfill {\n            background-color: var(--simple-icon-color, currentColor);\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n          }\n          svg {\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n            max-height: var(--simple-icon-height, 24px);\n            max-width: var(--simple-icon-width, 24px);\n            filter: var(--simple-icon-color, initial);\n            pointer-events: none;\n          }\n          feFlood {\n            flood-color: var(--simple-icon-color, currentColor);\n          }\n        "])))]);
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-iconset-demo.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-iconset-demo.js
index 481666d12be..c87b21f93c7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-iconset-demo.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/lib/simple-iconset-demo.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-icon-lite.js", "./simple-i
   });
   _exports.SimpleIconsetDemo = void 0;
 
-  var _templateObject_e5d284f01f0511ed8cc3e9a95995ad69, _templateObject2_e5d284f01f0511ed8cc3e9a95995ad69, _templateObject3_e5d284f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bbf272001f2611eda0c389891c227ec8, _templateObject2_bbf272001f2611eda0c389891c227ec8, _templateObject3_bbf272001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -47,8 +47,8 @@ define(["exports", "../../../lit/index.js", "./simple-icon-lite.js", "./simple-i
       value: // render function
       function render() {
         return this.iconsets.length < 1 ? "Looking for iconsets..." : this.iconsets.map(function (iconset) {
-          return (0, _index.html)(_templateObject_e5d284f01f0511ed8cc3e9a95995ad69 || (_templateObject_e5d284f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<div class=\"iconset\">\n            <p><strong>", "</strong></p>\n            <ul>\n              ", "\n            </ul>\n          </div> "])), iconset.name, iconset.icons.map(function (icon) {
-            return (0, _index.html)(_templateObject2_e5d284f01f0511ed8cc3e9a95995ad69 || (_templateObject2_e5d284f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                  <li>\n                    <div id=\"icon\">\n                      <simple-icon-lite\n                        icon=\"", ":", "\"\n                      ></simple-icon-lite>\n                      <div id=\"icon-text\">\n                        ", "", "\n                      </div>\n                    </div>\n                  </li>\n                "])), iconset.name, icon, iconset.name === "icons" ? "" : "".concat(iconset.name, ":"), icon);
+          return (0, _index.html)(_templateObject_bbf272001f2611eda0c389891c227ec8 || (_templateObject_bbf272001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<div class=\"iconset\">\n            <p><strong>", "</strong></p>\n            <ul>\n              ", "\n            </ul>\n          </div> "])), iconset.name, iconset.icons.map(function (icon) {
+            return (0, _index.html)(_templateObject2_bbf272001f2611eda0c389891c227ec8 || (_templateObject2_bbf272001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                  <li>\n                    <div id=\"icon\">\n                      <simple-icon-lite\n                        icon=\"", ":", "\"\n                      ></simple-icon-lite>\n                      <div id=\"icon-text\">\n                        ", "", "\n                      </div>\n                    </div>\n                  </li>\n                "])), iconset.name, icon, iconset.name === "icons" ? "" : "".concat(iconset.name, ":"), icon);
           }));
         });
       } // properties available to the custom element for data binding
@@ -87,7 +87,7 @@ define(["exports", "../../../lit/index.js", "./simple-icon-lite.js", "./simple-i
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_e5d284f01f0511ed8cc3e9a95995ad69 || (_templateObject3_e5d284f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n            0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);\n          margin-bottom: 40px;\n          padding: 20px 40px;\n        }\n\n        ul {\n          list-style-type: none;\n          padding: 0;\n        }\n\n        li {\n          display: inline-block;\n          width: 160px;\n          margin: 16px 8px;\n          text-align: center;\n          font-size: 10px;\n        }\n\n        simple-icon-lite {\n          display: inline-block;\n        }\n\n        .iconset:not(:first-of-type) {\n          border-top: 1px solid #ddd;\n        }\n\n        .iconset:nth-of-type(9n + 1) {\n          color: #444444;\n        }\n\n        .iconset:nth-of-type(9n + 2) {\n          color: #be3300;\n        }\n\n        .iconset:nth-of-type(9n + 3) {\n          color: #0000b5;\n        }\n\n        .iconset:nth-of-type(9n + 4) {\n          color: #750075;\n        }\n\n        .iconset:nth-of-type(9n + 5) {\n          color: #aa5d00;\n        }\n\n        .iconset:nth-of-type(9n + 6) {\n          color: #db0a5b;\n        }\n\n        .iconset:nth-of-type(9n + 7) {\n          color: #005500;\n        }\n\n        .iconset:nth-of-type(9n + 8) {\n          color: #cf000f;\n        }\n\n        .iconset:nth-of-type(9n) {\n          color: #005f8b;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_bbf272001f2611eda0c389891c227ec8 || (_templateObject3_bbf272001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n            0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);\n          margin-bottom: 40px;\n          padding: 20px 40px;\n        }\n\n        ul {\n          list-style-type: none;\n          padding: 0;\n        }\n\n        li {\n          display: inline-block;\n          width: 160px;\n          margin: 16px 8px;\n          text-align: center;\n          font-size: 10px;\n        }\n\n        simple-icon-lite {\n          display: inline-block;\n        }\n\n        .iconset:not(:first-of-type) {\n          border-top: 1px solid #ddd;\n        }\n\n        .iconset:nth-of-type(9n + 1) {\n          color: #444444;\n        }\n\n        .iconset:nth-of-type(9n + 2) {\n          color: #be3300;\n        }\n\n        .iconset:nth-of-type(9n + 3) {\n          color: #0000b5;\n        }\n\n        .iconset:nth-of-type(9n + 4) {\n          color: #750075;\n        }\n\n        .iconset:nth-of-type(9n + 5) {\n          color: #aa5d00;\n        }\n\n        .iconset:nth-of-type(9n + 6) {\n          color: #db0a5b;\n        }\n\n        .iconset:nth-of-type(9n + 7) {\n          color: #005500;\n        }\n\n        .iconset:nth-of-type(9n + 8) {\n          color: #cf000f;\n        }\n\n        .iconset:nth-of-type(9n) {\n          color: #005f8b;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/simple-icon.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/simple-icon.js
index d9677ee0ed5..5a7be0d2297 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/simple-icon.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon/simple-icon.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
   });
   _exports.SimpleIcon = void 0;
 
-  var _templateObject_aeb10e101f0511ed8cc3e9a95995ad69, _templateObject2_aeb10e101f0511ed8cc3e9a95995ad69;
+  var _templateObject_88f85db01f2611eda0c389891c227ec8, _templateObject2_88f85db01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -49,7 +49,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
     babelHelpers.createClass(SimpleIcon, [{
       key: "feFlood",
       get: function get() {
-        return !this.noColorize ? (0, _index.svg)(_templateObject_aeb10e101f0511ed8cc3e9a95995ad69 || (_templateObject_aeb10e101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<feFlood class=\"contrast-", "\" result=\"COLOR\" />"])), this.contrast) : "";
+        return !this.noColorize ? (0, _index.svg)(_templateObject_88f85db01f2611eda0c389891c227ec8 || (_templateObject_88f85db01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<feFlood class=\"contrast-", "\" result=\"COLOR\" />"])), this.contrast) : "";
       }
     }, {
       key: "useSafariPolyfill",
@@ -69,7 +69,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleIcon), "styles", this)), [(0, _index.css)(_templateObject2_aeb10e101f0511ed8cc3e9a95995ad69 || (_templateObject2_aeb10e101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        feFlood {\n          flood-color: var(\n            --simple-icon-color,\n            var(--simple-colors-default-theme-accent-8, #000000)\n          );\n        }\n        feFlood.contrast-1 {\n          flood-color: var(\n            --simple-icon-color,\n            var(--simple-colors-default-theme-accent-9, #000000)\n          );\n        }\n        feFlood.contrast-2 {\n          flood-color: var(\n            --simple-icon-color,\n            var(--simple-colors-default-theme-accent-10, #000000)\n          );\n        }\n        feFlood.contrast-3 {\n          flood-color: var(\n            --simple-icon-color,\n            var(--simple-colors-default-theme-accent-11, #000000)\n          );\n        }\n        feFlood.contrast-4 {\n          flood-color: var(\n            --simple-icon-color,\n            var(--simple-colors-default-theme-accent-12, #000000)\n          );\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleIcon), "styles", this)), [(0, _index.css)(_templateObject2_88f85db01f2611eda0c389891c227ec8 || (_templateObject2_88f85db01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        feFlood {\n          flood-color: var(\n            --simple-icon-color,\n            var(--simple-colors-default-theme-accent-8, #000000)\n          );\n        }\n        feFlood.contrast-1 {\n          flood-color: var(\n            --simple-icon-color,\n            var(--simple-colors-default-theme-accent-9, #000000)\n          );\n        }\n        feFlood.contrast-2 {\n          flood-color: var(\n            --simple-icon-color,\n            var(--simple-colors-default-theme-accent-10, #000000)\n          );\n        }\n        feFlood.contrast-3 {\n          flood-color: var(\n            --simple-icon-color,\n            var(--simple-colors-default-theme-accent-11, #000000)\n          );\n        }\n        feFlood.contrast-4 {\n          flood-color: var(\n            --simple-icon-color,\n            var(--simple-colors-default-theme-accent-12, #000000)\n          );\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-login/simple-login.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-login/simple-login.js
index 41221782f5d..f9fa50b2a49 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-login/simple-login.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-login/simple-login.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
   });
   _exports.SimpleLogin = void 0;
 
-  var _templateObject_aebef0c01f0511ed8cc3e9a95995ad69, _templateObject2_aebef0c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8905a4201f2611eda0c389891c227ec8, _templateObject2_8905a4201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -52,7 +52,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_aebef0c01f0511ed8cc3e9a95995ad69 || (_templateObject_aebef0c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div id=\"loginform\">\n      <simple-progress ?disabled=\"", "\"></simple-progress>\n      <div id=\"loginformcontent\">\n        <h1>", "</h1>\n        <h2>", "</h2>\n        <div id=\"errormsg\">", "</div>\n        <slot></slot>\n        <simple-fields-field\n          id=\"userinput\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n          type=\"text\"\n          ?disabled=\"", "\"\n          label=\"", "\"\n          required\n          error-message=\"", "\"\n        ></simple-fields-field>\n        <simple-fields-field\n          id=\"passinput\"\n          required\n          value=\"", "\"\n          @value-changed=\"", "\"\n          ?disabled=\"", "\"\n          type=\"password\"\n          label=\"", "\"\n          error-message=\"", "\"\n        ></simple-fields-field>\n        <button\n          @click=\"", "\"\n          ?disabled=\"", "\"\n          id=\"loginbtn\"\n        >\n          ", "\n        </button>\n        <span id=\"buttons\"><slot name=\"buttons\"></slot></span>\n      </div>\n    </div>"])), !this.loading, this.title, this.subtitle, this.errorMsg, this.username, this._usernameChanged, this.loading, this.userInputLabel, this.userInputErrMsg, this.password, this._passwordChanged, this.loading, this.passwordInputLabel, this.passwordInputErrMsg, this._login, this.loading, this.loginBtnText);
+        return (0, _index.html)(_templateObject_8905a4201f2611eda0c389891c227ec8 || (_templateObject_8905a4201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div id=\"loginform\">\n      <simple-progress ?disabled=\"", "\"></simple-progress>\n      <div id=\"loginformcontent\">\n        <h1>", "</h1>\n        <h2>", "</h2>\n        <div id=\"errormsg\">", "</div>\n        <slot></slot>\n        <simple-fields-field\n          id=\"userinput\"\n          value=\"", "\"\n          @value-changed=\"", "\"\n          type=\"text\"\n          ?disabled=\"", "\"\n          label=\"", "\"\n          required\n          error-message=\"", "\"\n        ></simple-fields-field>\n        <simple-fields-field\n          id=\"passinput\"\n          required\n          value=\"", "\"\n          @value-changed=\"", "\"\n          ?disabled=\"", "\"\n          type=\"password\"\n          label=\"", "\"\n          error-message=\"", "\"\n        ></simple-fields-field>\n        <button\n          @click=\"", "\"\n          ?disabled=\"", "\"\n          id=\"loginbtn\"\n        >\n          ", "\n        </button>\n        <span id=\"buttons\"><slot name=\"buttons\"></slot></span>\n      </div>\n    </div>"])), !this.loading, this.title, this.subtitle, this.errorMsg, this.username, this._usernameChanged, this.loading, this.userInputLabel, this.userInputErrMsg, this.password, this._passwordChanged, this.loading, this.passwordInputLabel, this.passwordInputErrMsg, this._login, this.loading, this.loginBtnText);
       } // properties available to the custom element for data binding
 
     }, {
@@ -132,7 +132,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleLogin), "styles", this)), [(0, _index.css)(_templateObject2_aebef0c01f0511ed8cc3e9a95995ad69 || (_templateObject2_aebef0c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #loginform {\n          width: var(--login-form-width, 450px);\n          height: var(--login-form-height, auto);\n          --simple-camera-snap-color: var(--login-form-color, #36bed4);\n          --simple-camera-snap-error: var(--login-form-error, red);\n          --simple-camera-snap-background: var(--login-form-background, white);\n          --simple-camera-snap-border-radius: var(\n            --login-form-image-bnorder-radius,\n            100%\n          );\n          box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),\n            0 4px 22px 3px rgba(0, 0, 0, 0.12),\n            0 6px 7px -4px rgba(0, 0, 0, 0.4);\n        }\n\n        #loginformcontent {\n          padding: var(--login-form-padding, 48px);\n        }\n\n        #loginformcontent > * {\n          margin-top: var(\n            --login-form-margin-top,\n            var(--login-form-margin, 8px)\n          );\n          margin-bottom: var(\n            --login-form-margin-bottom,\n            var(--login-form-margin, 8px)\n          );\n        }\n\n        #loginbtn,\n        #buttons ::slotted(button) {\n          cursor: pointer;\n          width: var(--login-btn-width, auto);\n          margin: var(--login-btn-margin, 24px auto 0);\n          display: var(--login-btn-display, inline-flex);\n        }\n\n        #loginbtn[disabled] {\n          background-color: var(\n            --login-btn-disabled-background-color,\n            var(--simple-colors-default-theme-accent-12, #000000)\n          );\n        }\n\n        h1 {\n          margin: 0;\n        }\n\n        h2 {\n          margin: 0;\n        }\n\n        simple-progress {\n          width: 100%;\n        }\n\n        ::slotted(simple-login-avatar) {\n          margin: 0 auto;\n        }\n\n        #errormsg {\n          margin-top: 16px;\n          color: var(--login-error-label-color, var(--error-color));\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleLogin), "styles", this)), [(0, _index.css)(_templateObject2_8905a4201f2611eda0c389891c227ec8 || (_templateObject2_8905a4201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #loginform {\n          width: var(--login-form-width, 450px);\n          height: var(--login-form-height, auto);\n          --simple-camera-snap-color: var(--login-form-color, #36bed4);\n          --simple-camera-snap-error: var(--login-form-error, red);\n          --simple-camera-snap-background: var(--login-form-background, white);\n          --simple-camera-snap-border-radius: var(\n            --login-form-image-bnorder-radius,\n            100%\n          );\n          box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),\n            0 4px 22px 3px rgba(0, 0, 0, 0.12),\n            0 6px 7px -4px rgba(0, 0, 0, 0.4);\n        }\n\n        #loginformcontent {\n          padding: var(--login-form-padding, 48px);\n        }\n\n        #loginformcontent > * {\n          margin-top: var(\n            --login-form-margin-top,\n            var(--login-form-margin, 8px)\n          );\n          margin-bottom: var(\n            --login-form-margin-bottom,\n            var(--login-form-margin, 8px)\n          );\n        }\n\n        #loginbtn,\n        #buttons ::slotted(button) {\n          cursor: pointer;\n          width: var(--login-btn-width, auto);\n          margin: var(--login-btn-margin, 24px auto 0);\n          display: var(--login-btn-display, inline-flex);\n        }\n\n        #loginbtn[disabled] {\n          background-color: var(\n            --login-btn-disabled-background-color,\n            var(--simple-colors-default-theme-accent-12, #000000)\n          );\n        }\n\n        h1 {\n          margin: 0;\n        }\n\n        h2 {\n          margin: 0;\n        }\n\n        simple-progress {\n          width: 100%;\n        }\n\n        ::slotted(simple-login-avatar) {\n          margin: 0 auto;\n        }\n\n        #errormsg {\n          margin-top: 16px;\n          color: var(--login-error-label-color, var(--error-color));\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/lib/dist/simple-modal-template.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/lib/dist/simple-modal-template.dev.js
index e6085cafc32..f66f88ab7c7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/lib/dist/simple-modal-template.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/lib/dist/simple-modal-template.dev.js
@@ -23,20 +23,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_f2bcf2401f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c9b601401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <slot name="header"></slot>\n      <slot name="content"></slot>\n      <slot name="buttons"></slot>\n    ']);
 
-  _templateObject2_f2bcf2401f0511ed8cc3e9a95995ad69 = function _templateObject2_f2bcf2401f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c9b601401f2611eda0c389891c227ec8 = function _templateObject2_c9b601401f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f2bcf2401f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9b601401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "]);
 
-  _templateObject_f2bcf2401f0511ed8cc3e9a95995ad69 = function _templateObject_f2bcf2401f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9b601401f2611eda0c389891c227ec8 = function _templateObject_c9b601401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -141,7 +141,7 @@ var SimpleModalTemplate = /*#__PURE__*/function (_LitElement) {
      * LitElement constructable styles enhancement
      */
     get: function get() {
-      return [(0, _litElement.css)(_templateObject_f2bcf2401f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject_c9b601401f2611eda0c389891c227ec8())];
     }
     /**
      * Store the tag name to make it easier to obtain directly.
@@ -170,7 +170,7 @@ var SimpleModalTemplate = /*#__PURE__*/function (_LitElement) {
     key: "render",
     //render function
     value: function render() {
-      return (0, _litElement.html)(_templateObject2_f2bcf2401f0511ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject2_c9b601401f2611eda0c389891c227ec8());
     }
     /**
      * sets event listeners for a specified target
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/lib/simple-modal-template.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/lib/simple-modal-template.js
index e0a16deba6d..6ef38a2c643 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/lib/simple-modal-template.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/lib/simple-modal-template.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../simple-modal.js"], function (_ex
   });
   _exports.SimpleModalTemplate = void 0;
 
-  var _templateObject_e5f8f8b01f0511ed8cc3e9a95995ad69, _templateObject2_e5f8f8b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc1786301f2611eda0c389891c227ec8, _templateObject2_bc1786301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -38,7 +38,7 @@ define(["exports", "../../../lit/index.js", "../simple-modal.js"], function (_ex
       key: "render",
       value: //render function
       function render() {
-        return (0, _index.html)(_templateObject_e5f8f8b01f0511ed8cc3e9a95995ad69 || (_templateObject_e5f8f8b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <slot name=\"header\"></slot>\n      <slot name=\"content\"></slot>\n      <slot name=\"buttons\"></slot>\n    "])));
+        return (0, _index.html)(_templateObject_bc1786301f2611eda0c389891c227ec8 || (_templateObject_bc1786301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <slot name=\"header\"></slot>\n      <slot name=\"content\"></slot>\n      <slot name=\"buttons\"></slot>\n    "])));
       }
       /**
        * sets event listeners for a specified target
@@ -147,7 +147,7 @@ define(["exports", "../../../lit/index.js", "../simple-modal.js"], function (_ex
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_e5f8f8b01f0511ed8cc3e9a95995ad69 || (_templateObject2_e5f8f8b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bc1786301f2611eda0c389891c227ec8 || (_templateObject2_bc1786301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "])))];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/simple-modal.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/simple-modal.js
index 2d6c2bcecea..58a422283a6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/simple-modal.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-modal/simple-modal.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/lib/simple-icons.js", "
   });
   _exports.SimpleModalStore = _exports.SimpleModalCssVars = _exports.SimpleModal = void 0;
 
-  var _templateObject_aec61cb01f0511ed8cc3e9a95995ad69, _templateObject2_aec61cb01f0511ed8cc3e9a95995ad69, _templateObject3_aec61cb01f0511ed8cc3e9a95995ad69;
+  var _templateObject_890e7dc01f2611eda0c389891c227ec8, _templateObject2_890e7dc01f2611eda0c389891c227ec8, _templateObject3_890e7dc01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -89,7 +89,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/lib/simple-icons.js", "
     babelHelpers.createClass(SimpleModal, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_aec61cb01f0511ed8cc3e9a95995ad69 || (_templateObject_aec61cb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <web-dialog\n      id=\"dialog\"\n      center\n      role=\"dialog\"\n      part=\"dialog\"\n      aria-describedby=\"simple-modal-content\"\n      aria-label=\"", "\"\n      aria-labelledby=\"", "\"\n      aria-modal=\"true\"\n      ?open=\"", "\"\n      @open=\"", "\"\n      @close=\"", "\"\n    >\n      <div id=\"titlebar\" part=\"titlebar\">\n        <h2 id=\"simple-modal-title\" ?hidden=\"", "\" part=\"title\">\n          ", "\n        </h2>\n        <div></div>\n        ", "\n      </div>\n      <div id=\"headerbar\" part=\"headerbar\"><slot name=\"header\"></slot></div>\n      <div id=\"simple-modal-content\" part=\"content\">\n        <slot name=\"content\"></slot>\n      </div>\n      <slot name=\"custom\" part=\"custom\"></slot>\n      <div class=\"buttons\" part=\"buttons\">\n        <slot name=\"buttons\"></slot>\n      </div>\n    </web-dialog>"])), this._getAriaLabel(this.title), this._getAriaLabelledby(this.title), this.opened, this.open, this.close, !this.title, this.title, !this.modal ? (0, _index.html)(_templateObject2_aec61cb01f0511ed8cc3e9a95995ad69 || (_templateObject2_aec61cb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button-lite\n              id=\"close\"\n              dark\n              icon=\"", "\"\n              @click=\"", "\"\n              label=\"", "\"\n              part=\"close\"\n            >\n            </simple-icon-button-lite>"])), this.closeIcon, this.close, this.closeLabel) : "");
+        return (0, _index.html)(_templateObject_890e7dc01f2611eda0c389891c227ec8 || (_templateObject_890e7dc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <web-dialog\n      id=\"dialog\"\n      center\n      role=\"dialog\"\n      part=\"dialog\"\n      aria-describedby=\"simple-modal-content\"\n      aria-label=\"", "\"\n      aria-labelledby=\"", "\"\n      aria-modal=\"true\"\n      ?open=\"", "\"\n      @open=\"", "\"\n      @close=\"", "\"\n    >\n      <div id=\"titlebar\" part=\"titlebar\">\n        <h2 id=\"simple-modal-title\" ?hidden=\"", "\" part=\"title\">\n          ", "\n        </h2>\n        <div></div>\n        ", "\n      </div>\n      <div id=\"headerbar\" part=\"headerbar\"><slot name=\"header\"></slot></div>\n      <div id=\"simple-modal-content\" part=\"content\">\n        <slot name=\"content\"></slot>\n      </div>\n      <slot name=\"custom\" part=\"custom\"></slot>\n      <div class=\"buttons\" part=\"buttons\">\n        <slot name=\"buttons\"></slot>\n      </div>\n    </web-dialog>"])), this._getAriaLabel(this.title), this._getAriaLabelledby(this.title), this.opened, this.open, this.close, !this.title, this.title, !this.modal ? (0, _index.html)(_templateObject2_890e7dc01f2611eda0c389891c227ec8 || (_templateObject2_890e7dc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button-lite\n              id=\"close\"\n              dark\n              icon=\"", "\"\n              @click=\"", "\"\n              label=\"", "\"\n              part=\"close\"\n            >\n            </simple-icon-button-lite>"])), this.closeIcon, this.close, this.closeLabel) : "");
       } // properties available to the custom element for data binding
 
     }, {
@@ -361,7 +361,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/lib/simple-icons.js", "
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject3_aec61cb01f0511ed8cc3e9a95995ad69 || (_templateObject3_aec61cb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host web-dialog ::slotted(*) {\n          font-size: 14px;\n        }\n\n        #titlebar {\n          margin-top: 0;\n          padding: var(--simple-modal-titlebar-padding, 0px 16px);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          color: var(--simple-modal-titlebar-color, #444);\n          background-color: var(--simple-modal-titlebar-background, #ddd);\n          border-radius: 0;\n          height: var(--simple-modal-titlebar-height, unset);\n          line-height: var(--simple-modal-titlebar-line-height, unset);\n        }\n\n        #headerbar {\n          margin: 0;\n          padding: var(--simple-modal-header-padding, 0px 16px);\n          color: var(--simple-modal-header-color, #222);\n          background-color: var(--simple-modal-header-background, #ccc);\n        }\n\n        h2 {\n          margin-right: 8px;\n          padding: 0;\n          margin: 0;\n          flex: auto;\n          font-size: 18px;\n          line-height: 18px;\n        }\n\n        #close {\n          top: 0;\n          border: var(--simple-modal-titlebar-button-border, none);\n          padding: var(--simple-modal-titlebar-button-padding, 10px 0);\n          min-width: unset;\n          text-transform: none;\n          color: var(--simple-modal-titlebar-color, #444);\n          background-color: transparent;\n        }\n\n        #close:focus {\n          opacity: 0.7;\n          outline: var(--simple-modal-titlebar-button-outline, 2px dotted grey);\n          outline-offset: var(\n            --simple-modal-titlebar-button-outline-offset,\n            2px\n          );\n        }\n\n        #close simple-icon-lite {\n          --simple-icon-height: var(--simple-modal-titlebar-icon-height, 16px);\n          --simple-icon-width: var(--simple-modal-titlebar-icon-width, 16px);\n          color: var(--simple-modal-titlebar-color, #444);\n        }\n\n        #simple-modal-content {\n          flex-grow: 1;\n          padding: var(--simple-modal-content-padding, 8px 16px);\n          margin: 0;\n          color: var(--simple-modal-content-container-color, #222);\n          background-color: var(\n            --simple-modal-content-container-background,\n            #fff\n          );\n        }\n\n        .buttons {\n          padding: 0;\n          padding: var(--simple-modal-buttons-padding, 0);\n          margin: 0;\n          color: var(--simple-modal-buttons-color, blue);\n          background-color: var(--simple-modal-buttons-background, #fff);\n        }\n\n        .buttons ::slotted(*) {\n          padding: 0;\n          margin: 0;\n          color: var(--simple-modal-button-color, --simple-modal-buttons-color);\n          background-color: var(\n            --simple-modal-button-background,\n            --simple-modal-buttons-background\n          );\n        }\n        web-dialog {\n          --dialog-border-radius: var(--simple-modal-border-radius, 2px);\n          z-index: var(--simple-modal-z-index, 1) !important;\n          padding: 0;\n        }\n        web-dialog::part(dialog) {\n          border: 1px solid var(--simple-modal-border-color, #222);\n          min-height: var(--simple-modal-min-height, unset);\n          min-width: var(--simple-modal-min-width, unset);\n          z-index: var(--simple-modal-z-index, 1000);\n          resize: var(--simple-modal-resize, unset);\n          padding: 0;\n          --dialog-height: var(--simple-modal-height, auto);\n          --dialog-width: var(--simple-modal-width, 75vw);\n          --dialog-max-width: var(--simple-modal-max-width, 100vw);\n          --dialog-max-height: var(--simple-modal-max-height, 100vh);\n        }\n        web-dialog.style-scope.simple-modal {\n          display: none !important;\n        }\n        web-dialog[open].style-scope.simple-modal {\n          display: flex !important;\n          position: fixed !important;\n          margin: auto;\n        }\n        :host([resize=\"none\"]) web-dialog[open].style-scope.simple-modal,\n        :host([resize=\"horizontal\"]) web-dialog[open].style-scope.simple-modal {\n          top: calc(50% - var(--simple-modal-height, auto) / 2);\n        }\n        :host([resize=\"none\"]) web-dialog[open].style-scope.simple-modal,\n        :host([resize=\"vertical\"]) web-dialog[open].style-scope.simple-modal {\n          left: calc(50% - var(--simple-modal-width, 75vw) / 2);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_890e7dc01f2611eda0c389891c227ec8 || (_templateObject3_890e7dc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host web-dialog ::slotted(*) {\n          font-size: 14px;\n        }\n\n        #titlebar {\n          margin-top: 0;\n          padding: var(--simple-modal-titlebar-padding, 0px 16px);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          color: var(--simple-modal-titlebar-color, #444);\n          background-color: var(--simple-modal-titlebar-background, #ddd);\n          border-radius: 0;\n          height: var(--simple-modal-titlebar-height, unset);\n          line-height: var(--simple-modal-titlebar-line-height, unset);\n        }\n\n        #headerbar {\n          margin: 0;\n          padding: var(--simple-modal-header-padding, 0px 16px);\n          color: var(--simple-modal-header-color, #222);\n          background-color: var(--simple-modal-header-background, #ccc);\n        }\n\n        h2 {\n          margin-right: 8px;\n          padding: 0;\n          margin: 0;\n          flex: auto;\n          font-size: 18px;\n          line-height: 18px;\n        }\n\n        #close {\n          top: 0;\n          border: var(--simple-modal-titlebar-button-border, none);\n          padding: var(--simple-modal-titlebar-button-padding, 10px 0);\n          min-width: unset;\n          text-transform: none;\n          color: var(--simple-modal-titlebar-color, #444);\n          background-color: transparent;\n        }\n\n        #close:focus {\n          opacity: 0.7;\n          outline: var(--simple-modal-titlebar-button-outline, 2px dotted grey);\n          outline-offset: var(\n            --simple-modal-titlebar-button-outline-offset,\n            2px\n          );\n        }\n\n        #close simple-icon-lite {\n          --simple-icon-height: var(--simple-modal-titlebar-icon-height, 16px);\n          --simple-icon-width: var(--simple-modal-titlebar-icon-width, 16px);\n          color: var(--simple-modal-titlebar-color, #444);\n        }\n\n        #simple-modal-content {\n          flex-grow: 1;\n          padding: var(--simple-modal-content-padding, 8px 16px);\n          margin: 0;\n          color: var(--simple-modal-content-container-color, #222);\n          background-color: var(\n            --simple-modal-content-container-background,\n            #fff\n          );\n        }\n\n        .buttons {\n          padding: 0;\n          padding: var(--simple-modal-buttons-padding, 0);\n          margin: 0;\n          color: var(--simple-modal-buttons-color, blue);\n          background-color: var(--simple-modal-buttons-background, #fff);\n        }\n\n        .buttons ::slotted(*) {\n          padding: 0;\n          margin: 0;\n          color: var(--simple-modal-button-color, --simple-modal-buttons-color);\n          background-color: var(\n            --simple-modal-button-background,\n            --simple-modal-buttons-background\n          );\n        }\n        web-dialog {\n          --dialog-border-radius: var(--simple-modal-border-radius, 2px);\n          z-index: var(--simple-modal-z-index, 1) !important;\n          padding: 0;\n        }\n        web-dialog::part(dialog) {\n          border: 1px solid var(--simple-modal-border-color, #222);\n          min-height: var(--simple-modal-min-height, unset);\n          min-width: var(--simple-modal-min-width, unset);\n          z-index: var(--simple-modal-z-index, 1000);\n          resize: var(--simple-modal-resize, unset);\n          padding: 0;\n          --dialog-height: var(--simple-modal-height, auto);\n          --dialog-width: var(--simple-modal-width, 75vw);\n          --dialog-max-width: var(--simple-modal-max-width, 100vw);\n          --dialog-max-height: var(--simple-modal-max-height, 100vh);\n        }\n        web-dialog.style-scope.simple-modal {\n          display: none !important;\n        }\n        web-dialog[open].style-scope.simple-modal {\n          display: flex !important;\n          position: fixed !important;\n          margin: auto;\n        }\n        :host([resize=\"none\"]) web-dialog[open].style-scope.simple-modal,\n        :host([resize=\"horizontal\"]) web-dialog[open].style-scope.simple-modal {\n          top: calc(50% - var(--simple-modal-height, auto) / 2);\n        }\n        :host([resize=\"none\"]) web-dialog[open].style-scope.simple-modal,\n        :host([resize=\"vertical\"]) web-dialog[open].style-scope.simple-modal {\n          left: calc(50% - var(--simple-modal-width, 75vw) / 2);\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-pages/simple-pages.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-pages/simple-pages.js
index c6f9aaccd35..f6b86e4bd80 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-pages/simple-pages.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-pages/simple-pages.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_aed3b1401f0511ed8cc3e9a95995ad69, _templateObject2_aed3b1401f0511ed8cc3e9a95995ad69;
+  var _templateObject_891200301f2611eda0c389891c227ec8, _templateObject2_891200301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -62,7 +62,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_aed3b1401f0511ed8cc3e9a95995ad69 || (_templateObject_aed3b1401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <iron-pages\n      selected=\"", "\"\n      selected-attribute=\"", "\"\n      @selected-changed=\"", "\"\n    >\n      <slot></slot>\n    </iron-pages>"])), this.selected, this.selectedAttribute, this._selectedChanged);
+        return (0, _index.html)(_templateObject_891200301f2611eda0c389891c227ec8 || (_templateObject_891200301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <iron-pages\n      selected=\"", "\"\n      selected-attribute=\"", "\"\n      @selected-changed=\"", "\"\n    >\n      <slot></slot>\n    </iron-pages>"])), this.selected, this.selectedAttribute, this._selectedChanged);
       } // properties available to the custom element for data binding
 
     }, {
@@ -128,7 +128,7 @@ define(["exports", "meta", "require", "../../lit/index.js"], function (_exports,
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_aed3b1401f0511ed8cc3e9a95995ad69 || (_templateObject2_aed3b1401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        iron-pages:not(:defined) {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_891200301f2611eda0c389891c227ec8 || (_templateObject2_891200301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        iron-pages:not(:defined) {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-emoji-picker.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-emoji-picker.dev.js
index b4dd9c01c8f..0dd846219f0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-emoji-picker.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-emoji-picker.dev.js
@@ -72,10 +72,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_f2d18bb01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9c8c5f01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        simple-picker-option {\n          justify-content: space-around;\n        }\n        #icon {\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n      "]);
 
-  _templateObject_f2d18bb01f0511ed8cc3e9a95995ad69 = function _templateObject_f2d18bb01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9c8c5f01f2611eda0c389891c227ec8 = function _templateObject_c9c8c5f01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -231,7 +231,7 @@ var SimpleEmojiPicker = /*#__PURE__*/function (_SimplePicker) {
     key: "styles",
     //styles function
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleEmojiPicker), "styles", this)), [(0, _litElement.css)(_templateObject_f2d18bb01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleEmojiPicker), "styles", this)), [(0, _litElement.css)(_templateObject_c9c8c5f01f2611eda0c389891c227ec8())]);
     } // properties available to the custom element for data binding
 
   }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-symbol-picker.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-symbol-picker.dev.js
index dbe8a215dce..7d01bc5328b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-symbol-picker.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-symbol-picker.dev.js
@@ -72,10 +72,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_f2d709f01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9cd59d01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        simple-picker-option {\n          justify-content: space-around;\n        }\n        #icon {\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n      "]);
 
-  _templateObject_f2d709f01f0511ed8cc3e9a95995ad69 = function _templateObject_f2d709f01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9cd59d01f2611eda0c389891c227ec8 = function _templateObject_c9cd59d01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -231,7 +231,7 @@ var SimpleSymbolPicker = /*#__PURE__*/function (_SimplePicker) {
     key: "styles",
     //styles function
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleSymbolPicker), "styles", this)), [(0, _litElement.css)(_templateObject_f2d709f01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleSymbolPicker), "styles", this)), [(0, _litElement.css)(_templateObject_c9cd59d01f2611eda0c389891c227ec8())]);
     } // properties available to the custom element for data binding
 
   }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-emoji-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-emoji-picker.js
index 57b009f6f6a..8f63ff98b1a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-emoji-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-emoji-picker.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../simple-picker.js"], function (_e
   });
   _exports.SimpleEmojiPicker = void 0;
 
-  var _templateObject_e616e0f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc3324801f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -101,7 +101,7 @@ define(["exports", "../../../lit/index.js", "../simple-picker.js"], function (_e
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleEmojiPicker), "styles", this)), [(0, _index.css)(_templateObject_e616e0f01f0511ed8cc3e9a95995ad69 || (_templateObject_e616e0f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        simple-picker-option {\n          justify-content: space-around;\n        }\n        #icon {\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleEmojiPicker), "styles", this)), [(0, _index.css)(_templateObject_bc3324801f2611eda0c389891c227ec8 || (_templateObject_bc3324801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        simple-picker-option {\n          justify-content: space-around;\n        }\n        #icon {\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n      "])))]);
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-picker-option.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-picker-option.js
index 028477ebac1..44e16f7dd34 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-picker-option.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-picker-option.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
   });
   _exports.SimplePickerOption = void 0;
 
-  var _templateObject_e61951f01f0511ed8cc3e9a95995ad69, _templateObject2_e61951f01f0511ed8cc3e9a95995ad69, _templateObject3_e61951f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc356e701f2611eda0c389891c227ec8, _templateObject2_bc356e701f2611eda0c389891c227ec8, _templateObject3_bc356e701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -64,7 +64,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_e61951f01f0511ed8cc3e9a95995ad69 || (_templateObject_e61951f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-lite\n        ?hidden=\"", "\"\n        .icon=\"", "\"\n        aria-hidden=\"true\"\n      ></simple-icon-lite>\n      <div id=\"label\">\n        <slot ?hidden=\"", "\"></slot>\n        ", "\n      </div>\n    "])), !this.icon, this.icon, !this.titleAsHtml, this.titleAsHtml ? "" : this.label);
+        return (0, _index.html)(_templateObject_bc356e701f2611eda0c389891c227ec8 || (_templateObject_bc356e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-lite\n        ?hidden=\"", "\"\n        .icon=\"", "\"\n        aria-hidden=\"true\"\n      ></simple-icon-lite>\n      <div id=\"label\">\n        <slot ?hidden=\"", "\"></slot>\n        ", "\n      </div>\n    "])), !this.icon, this.icon, !this.titleAsHtml, this.titleAsHtml ? "" : this.label);
       }
     }, {
       key: "updated",
@@ -109,13 +109,13 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     }, {
       key: "_getColor",
       value: function _getColor() {
-        return (0, _index.css)(_templateObject2_e61951f01f0511ed8cc3e9a95995ad69 || (_templateObject2_e61951f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["red"])));
+        return (0, _index.css)(_templateObject2_bc356e701f2611eda0c389891c227ec8 || (_templateObject2_bc356e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["red"])));
       }
     }], [{
       key: "styles",
       get: //styles
       function get() {
-        return (0, _index.css)(_templateObject3_e61951f01f0511ed8cc3e9a95995ad69 || (_templateObject3_e61951f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: var(--simple-picker-color);\n      }\n      :host([hidden]) {\n        display: none;\n      }\n      div {\n        margin: unset;\n        padding: unset;\n      }\n      #label {\n        padding: var(\n          --simple-picker-option-label-padding,\n          var(--simple-picker-option-padding, 2px 10px)\n        );\n        line-height: 100%;\n        width: max-content;\n      }\n\n      :host([hide-option-labels]) #label {\n        position: absolute;\n        left: -999999px;\n        width: 0;\n        height: 0;\n        overflow: hidden;\n      }\n\n      simple-icon-lite {\n        --simple-icon-width: var(--simple-picker-option-size, 24px);\n        --simple-icon-height: var(--simple-picker-option-size, 24px);\n        width: var(--simple-picker-option-size, 24px);\n        min-height: var(--simple-picker-option-size, 24px);\n        min-width: var(--simple-picker-option-size, 24px);\n        line-height: var(--simple-picker-option-size, 24px);\n      }\n    "])));
+        return (0, _index.css)(_templateObject3_bc356e701f2611eda0c389891c227ec8 || (_templateObject3_bc356e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: var(--simple-picker-color);\n      }\n      :host([hidden]) {\n        display: none;\n      }\n      div {\n        margin: unset;\n        padding: unset;\n      }\n      #label {\n        padding: var(\n          --simple-picker-option-label-padding,\n          var(--simple-picker-option-padding, 2px 10px)\n        );\n        line-height: 100%;\n        width: max-content;\n      }\n\n      :host([hide-option-labels]) #label {\n        position: absolute;\n        left: -999999px;\n        width: 0;\n        height: 0;\n        overflow: hidden;\n      }\n\n      simple-icon-lite {\n        --simple-icon-width: var(--simple-picker-option-size, 24px);\n        --simple-icon-height: var(--simple-picker-option-size, 24px);\n        width: var(--simple-picker-option-size, 24px);\n        min-height: var(--simple-picker-option-size, 24px);\n        min-width: var(--simple-picker-option-size, 24px);\n        line-height: var(--simple-picker-option-size, 24px);\n      }\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-symbol-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-symbol-picker.js
index aa1e097093f..b7893610381 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-symbol-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/lib/simple-symbol-picker.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../simple-picker.js"], function (_e
   });
   _exports.SimpleSymbolPicker = void 0;
 
-  var _templateObject_e61f93801f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc3b88f01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -101,7 +101,7 @@ define(["exports", "../../../lit/index.js", "../simple-picker.js"], function (_e
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleSymbolPicker), "styles", this)), [(0, _index.css)(_templateObject_e61f93801f0511ed8cc3e9a95995ad69 || (_templateObject_e61f93801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        simple-picker-option {\n          justify-content: space-around;\n        }\n        #icon {\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleSymbolPicker), "styles", this)), [(0, _index.css)(_templateObject_bc3b88f01f2611eda0c389891c227ec8 || (_templateObject_bc3b88f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        simple-picker-option {\n          justify-content: space-around;\n        }\n        #icon {\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n      "])))]);
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/simple-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/simple-picker.js
index 40a4c8f5fde..ace7ac25eee 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/simple-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-picker/simple-picker.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../../lit/directives/cache.
   _exports.SimplePickerBehaviors = _exports.SimplePicker = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_aecfb9a01f0511ed8cc3e9a95995ad69, _templateObject2_aecfb9a01f0511ed8cc3e9a95995ad69, _templateObject3_aecfb9a01f0511ed8cc3e9a95995ad69, _templateObject4_aecfb9a01f0511ed8cc3e9a95995ad69, _templateObject5_aecfb9a01f0511ed8cc3e9a95995ad69, _templateObject6_aecfb9a01f0511ed8cc3e9a95995ad69, _templateObject7_aecfb9a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_891bc4301f2611eda0c389891c227ec8, _templateObject2_891bc4301f2611eda0c389891c227ec8, _templateObject3_891bc4301f2611eda0c389891c227ec8, _templateObject4_891bc4301f2611eda0c389891c227ec8, _templateObject5_891bc4301f2611eda0c389891c227ec8, _templateObject6_891bc4301f2611eda0c389891c227ec8, _templateObject7_891bc4301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -133,7 +133,7 @@ define(["exports", "require", "../../lit/index.js", "../../lit/directives/cache.
         key: "render",
         value: // render function
         function render() {
-          return (0, _index.html)(_templateObject_aecfb9a01f0511ed8cc3e9a95995ad69 || (_templateObject_aecfb9a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <label\n          id=\"listLabel\"\n          for=\"listbox\"\n          .hidden=\"", "\"\n          part=\"label\"\n        >\n          ", "\n        </label>\n        <div\n          id=\"listbox\"\n          .aria-activedescendant=\"", "\"\n          .aria-labelledby=\"", "\"\n          .disabled=\"", "\"\n          part=\"input\"\n          role=\"option-input\"\n          tabindex=\"0\"\n          @click=\"", "\"\n          @mousedown=\"", "\"\n          @keydown=\"", "\"\n        >\n          <div id=\"sample\" part=\"sample\">\n            <simple-picker-option\n              ?hide-option-labels=\"", "\"\n              ?title-as-html=\"", "\"\n              .icon=\"", "\"\n              .label=\"", "\"\n              part=\"sample-option\"\n              .style=", "\n              aria-hidden=\"true\"\n            >\n            </simple-picker-option>\n            <simple-icon-lite\n              id=\"icon\"\n              aria-hidden=\"true\"\n              icon=\"arrow-drop-down\"\n            ></simple-icon-lite>\n          </div>\n          <div id=\"collapse\" part=\"listbox\">\n            <div class=\"rows\" part=\"listbox-rows\">\n              ", "\n            </div>\n          </div>\n        </div>"])), !this.label || this.label.trim() === "", this.label && this.label.trim() !== "" ? this.label.trim() : "", this.__activeDesc, this.ariaLabelledby, this.disabled || !this.__options, this._handleListboxClick, this._handleListboxMousedown, this._handleListboxKeydown, this.hideOptionLabels, this.titleAsHtml, this.__selectedOption ? this.__selectedOption.icon : false, this.__selectedOption ? this.__selectedOption.alt : false, this.__selectedOption ? this.__selectedOption.style : false, (0, _cache.cache)(this.expanded && this.__options ? this._renderOptions(this.__options) : _index.nothing));
+          return (0, _index.html)(_templateObject_891bc4301f2611eda0c389891c227ec8 || (_templateObject_891bc4301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <label\n          id=\"listLabel\"\n          for=\"listbox\"\n          .hidden=\"", "\"\n          part=\"label\"\n        >\n          ", "\n        </label>\n        <div\n          id=\"listbox\"\n          .aria-activedescendant=\"", "\"\n          .aria-labelledby=\"", "\"\n          .disabled=\"", "\"\n          part=\"input\"\n          role=\"option-input\"\n          tabindex=\"0\"\n          @click=\"", "\"\n          @mousedown=\"", "\"\n          @keydown=\"", "\"\n        >\n          <div id=\"sample\" part=\"sample\">\n            <simple-picker-option\n              ?hide-option-labels=\"", "\"\n              ?title-as-html=\"", "\"\n              .icon=\"", "\"\n              .label=\"", "\"\n              part=\"sample-option\"\n              .style=", "\n              aria-hidden=\"true\"\n            >\n            </simple-picker-option>\n            <simple-icon-lite\n              id=\"icon\"\n              aria-hidden=\"true\"\n              icon=\"arrow-drop-down\"\n            ></simple-icon-lite>\n          </div>\n          <div id=\"collapse\" part=\"listbox\">\n            <div class=\"rows\" part=\"listbox-rows\">\n              ", "\n            </div>\n          </div>\n        </div>"])), !this.label || this.label.trim() === "", this.label && this.label.trim() !== "" ? this.label.trim() : "", this.__activeDesc, this.ariaLabelledby, this.disabled || !this.__options, this._handleListboxClick, this._handleListboxMousedown, this._handleListboxKeydown, this.hideOptionLabels, this.titleAsHtml, this.__selectedOption ? this.__selectedOption.icon : false, this.__selectedOption ? this.__selectedOption.alt : false, this.__selectedOption ? this.__selectedOption.style : false, (0, _cache.cache)(this.expanded && this.__options ? this._renderOptions(this.__options) : _index.nothing));
         } // properties available to the custom element for data binding
 
       }, {
@@ -146,8 +146,8 @@ define(["exports", "require", "../../lit/index.js", "../../lit/directives/cache.
         value: function _renderOptions(options) {
           var _this2 = this;
 
-          return (0, _index.html)(_templateObject2_aecfb9a01f0511ed8cc3e9a95995ad69 || (_templateObject2_aecfb9a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), (options || []).map(function (row, rownum) {
-            return (0, _index.html)(_templateObject3_aecfb9a01f0511ed8cc3e9a95995ad69 || (_templateObject3_aecfb9a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <div class=\"row\" ?hidden=\"", "\">\n            ", "\n          </div>\n        "])), !_this2._isRowHidden(row), Array.isArray(row) ? _this2._renderRow(row, rownum) : _index.nothing);
+          return (0, _index.html)(_templateObject2_891bc4301f2611eda0c389891c227ec8 || (_templateObject2_891bc4301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), (options || []).map(function (row, rownum) {
+            return (0, _index.html)(_templateObject3_891bc4301f2611eda0c389891c227ec8 || (_templateObject3_891bc4301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <div class=\"row\" ?hidden=\"", "\">\n            ", "\n          </div>\n        "])), !_this2._isRowHidden(row), Array.isArray(row) ? _this2._renderRow(row, rownum) : _index.nothing);
           }));
         }
       }, {
@@ -164,8 +164,8 @@ define(["exports", "require", "../../lit/index.js", "../../lit/directives/cache.
         value: function _renderRow(row, rownum) {
           var _this4 = this;
 
-          return (0, _index.html)(_templateObject4_aecfb9a01f0511ed8cc3e9a95995ad69 || (_templateObject4_aecfb9a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), (row || []).map(function (option, colnum) {
-            return (0, _index.html)(_templateObject5_aecfb9a01f0511ed8cc3e9a95995ad69 || (_templateObject5_aecfb9a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <simple-picker-option\n            @option-focus=\"", "\"\n            @set-selected-option=\"", "\"\n            ?active=\"", "\"\n            ?hide-option-labels=\"", "\"\n            ?hidden=\"", "\"\n            ?selected=\"", "\"\n            ?title-as-html=\"", "\"\n            .data=\"", "\"\n            .icon=\"", "\"\n            .id=\"option-", "-", "\"\n            .label=\"", "\"\n            .style=", "\n            aria-selected=\"", "\"\n            role=\"option\"\n            tabindex=\"-1\"\n            value=\"", "\"\n          >\n          </simple-picker-option>\n        "])), _this4._handleOptionFocus, _this4._handleSetSelectedOption, "".concat(_this4.__activeDesc) === "option-".concat(rownum, "-").concat(colnum), _this4.hideOptionLabels, _this4.hideNull && !option.value, _this4.value === option.value, _this4.titleAsHtml, _this4.data, option.icon, rownum, colnum, option.alt, option.style, _this4.value === option.value ? "true" : "false", option.value);
+          return (0, _index.html)(_templateObject4_891bc4301f2611eda0c389891c227ec8 || (_templateObject4_891bc4301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), (row || []).map(function (option, colnum) {
+            return (0, _index.html)(_templateObject5_891bc4301f2611eda0c389891c227ec8 || (_templateObject5_891bc4301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <simple-picker-option\n            @option-focus=\"", "\"\n            @set-selected-option=\"", "\"\n            ?active=\"", "\"\n            ?hide-option-labels=\"", "\"\n            ?hidden=\"", "\"\n            ?selected=\"", "\"\n            ?title-as-html=\"", "\"\n            .data=\"", "\"\n            .icon=\"", "\"\n            .id=\"option-", "-", "\"\n            .label=\"", "\"\n            .style=", "\n            aria-selected=\"", "\"\n            role=\"option\"\n            tabindex=\"-1\"\n            value=\"", "\"\n          >\n          </simple-picker-option>\n        "])), _this4._handleOptionFocus, _this4._handleSetSelectedOption, "".concat(_this4.__activeDesc) === "option-".concat(rownum, "-").concat(colnum), _this4.hideOptionLabels, _this4.hideNull && !option.value, _this4.value === option.value, _this4.titleAsHtml, _this4.data, option.icon, rownum, colnum, option.alt, option.style, _this4.value === option.value ? "true" : "false", option.value);
           }));
         }
       }, {
@@ -215,7 +215,7 @@ define(["exports", "require", "../../lit/index.js", "../../lit/directives/cache.
       }, {
         key: "_goToOption",
         value: function _goToOption(rownum, colnum) {
-          var targetId = (0, _index.html)(_templateObject6_aecfb9a01f0511ed8cc3e9a95995ad69 || (_templateObject6_aecfb9a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" option-", "-", " "])), rownum, colnum),
+          var targetId = (0, _index.html)(_templateObject6_891bc4301f2611eda0c389891c227ec8 || (_templateObject6_891bc4301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" option-", "-", " "])), rownum, colnum),
               target = this.shadowRoot.querySelector("#" + targetId),
               active = this.shadowRoot.querySelector("#" + this.__activeDesc);
 
@@ -508,7 +508,7 @@ define(["exports", "require", "../../lit/index.js", "../../lit/directives/cache.
         key: "styles",
         get: //styles function
         function get() {
-          return [(0, _index.css)(_templateObject7_aecfb9a01f0511ed8cc3e9a95995ad69 || (_templateObject7_aecfb9a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: var(--simple-picker-display, inline-flex);\n            align-items: center;\n            color: var(--simple-picker-color, currentColor);\n            font-family: var(--simple-picker-font-family, inherit);\n            font-size: var(--simple-picker-font-size, inherit);\n            --simple-picker-height: calc(\n              var(--simple-picker-option-size, 24px) +\n                var(--simple-picker-sample-padding, 2px) * 2 +\n                var(--simple-picker-border-width, 1px) * 2\n            );\n            min-height: var(--simple-picker-height);\n            max-height: var(--simple-picker-height);\n          }\n\n          :host([block-label]) {\n            display: block;\n            margin: 0 0 15px;\n            max-height: unset;\n          }\n\n          :host([disabled]) {\n            --simple-picker-color: var(--simple-picker-color-disabled, #888);\n            --simple-picker-background-color: var(\n              --simple-picker-background-color-disabled,\n              #e8e8e8\n            );\n            cursor: not-allowed;\n            pointer-events: none;\n          }\n\n          *[disabled] {\n            cursor: not-allowed;\n            pointer-events: none !important;\n          }\n\n          :host([hidden]) {\n            display: none;\n          }\n\n          div {\n            margin: unset;\n            padding: unset;\n          }\n\n          label:not([hidden]) {\n            display: flex;\n            align-items: center;\n            padding-right: 5px;\n            font-family: var(--simple-picker-font-family, inherit);\n            color: var(\n              --simple-picker-label-color,\n              var(--simple-picker-color, currentColor)\n            );\n          }\n\n          :host([block-label]) label:not([hidden]) {\n            display: block;\n            padding-right: 0px;\n            color: var(\n              --simple-picker-float-label-color,\n              var(--simple-picker-color-disabled, #888)\n            );\n            transition: all 0.5s;\n            max-height: unset;\n          }\n\n          :host([block-label]:focus-within) label,\n          :host([block-label]:hover) label {\n            color: var(\n              --simple-picker-float-label-active-color,\n              var(--simple-picker-color, currentColor)\n            );\n            transition: all 0.5s;\n          }\n\n          #sample,\n          .rows {\n            margin: 0;\n            padding: 0;\n          }\n\n          #listbox {\n            cursor: pointer;\n            position: relative;\n            flex: 1 0 auto;\n            min-height: var(--simple-picker-height);\n            max-height: var(--simple-picker-height);\n          }\n\n          #sample {\n            display: flex;\n            flex: 1 0 auto;\n            justify-content: space-between;\n            align-items: center;\n            min-height: calc(\n              var(\n                  --simple-picker-height - 2 *\n                    var(--simple-picker-sample-padding, 2px)\n                ) - 2 * var(--simple-picker-border-width, 1px)\n            );\n            max-height: calc(\n              var(\n                  --simple-picker-height - 2 *\n                    var(--simple-picker-sample-padding, 2px)\n                ) - 2 * var(--simple-picker-border-width, 1px)\n            );\n            padding: var(--simple-picker-sample-padding, 2px);\n            border-radius: var(--simple-picker-border-radius, 2px);\n            color: var(--simple-picker-sample-color, currentColor);\n            background-color: var(--simple-picker-background-color, #f0f0f0);\n            border-width: var(--simple-picker-border-width, 1px);\n            border-style: var(--simple-picker-border-style, solid);\n            border-color: var(\n              --simple-picker-border-color,\n              var(--simple-picker-color-disabled, #888)\n            );\n          }\n\n          :host([hide-sample]) #sample {\n            width: var(--simple-picker-option-size);\n            overflow: visible;\n          }\n\n          :host(:not([disabled]):focus-within) #sample {\n            border-width: var(\n              --simple-picker-focus-border-width,\n              var(--simple-picker-border-width, 1px)\n            );\n            border-style: var(\n              --simple-picker-focus-border-style,\n              var(--simple-picker-border-style, solid)\n            );\n            border-color: var(\n              --simple-picker-focus-border-color,\n              var(\n                --simple-picker-border-color,\n                var(--simple-picker-color-disabled, #888)\n              )\n            );\n            transition: all 0.5s;\n          }\n\n          :host(:not([disabled]):focus-within) #listbox {\n            border-width: var(\n              --simple-picker-listbox-border-width,\n              var(--simple-picker-border-width, 1px)\n            );\n            border-style: var(\n              --simple-picker-listbox-border-width,\n              var(--simple-picker-border-style, solid)\n            );\n            border-color: var(\n              --simple-picker-listbox-border-width,\n              var(\n                --simple-picker-border-color,\n                var(--simple-picker-color-disabled, #888)\n              )\n            );\n          }\n\n          :host(:not([disabled])) #listbox:focus-within,\n          :host(:not([disabled]):focus-within) #listbox {\n            outline: var(--simple-picker-listbox-outline, unset);\n          }\n\n          #icon {\n            width: var(--simple-picker-icon-size, 16px);\n            height: var(--simple-picker-icon-size, 16px);\n            --simple-icon-width: var(--simple-picker-icon-size, 16px);\n            --simple-icon-height: var(--simple-picker-icon-size, 16px);\n            transform: var(--simple-picker-icon-transform, rotate(0deg));\n            transition: transform 0.25s;\n          }\n\n          :host([hide-option-labels]) #icon {\n            margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n          }\n\n          :host([expanded]) #icon {\n            transform: var(\n              --simple-picker-expanded-icon-transform,\n              rotate(0deg)\n            );\n            transition: transform 0.25s;\n          }\n\n          #collapse {\n            display: none;\n            width: 100%;\n            position: absolute;\n            top: var(--simple-picker-options-top);\n            z-index: 2;\n            transition: z-index 0s;\n          }\n\n          :host([expanded]:not([disabled])) #collapse {\n            display: block;\n            position: unset;\n            background-color: var(\n              --simple-picker-options-background-color,\n              #fff\n            );\n          }\n\n          .rows {\n            display: block;\n            position: absolute;\n            z-index: 1000;\n            top: calc(\n              var(--simple-picker-option-size, 24px) + 2 *\n                var(--simple-picker-options-border-width)\n            );\n            border-width: var(\n              --simple-picker-options-border-width,\n              var(--simple-picker-border-width, 1px)\n            );\n            border-style: var(\n              --simple-picker-options-border-style,\n              var(--simple-picker-border-style, solid)\n            );\n            border-color: var(\n              --simple-picker-options-border-color,\n              var(\n                --simple-picker-border-color,\n                var(--simple-picker-color-disabled, #888)\n              )\n            );\n            background-color: var(\n              --simple-picker-options-background-color,\n              #fff\n            );\n            max-height: var(--simple-picker-options-max-height, 250px);\n            overflow-y: auto;\n            border: var(--simple-picker-options-border);\n            transition: z-index 0s;\n          }\n\n          .rows:focus-within {\n            border: var(\n              --simple-picker-options-focus-border,\n              var(--simple-picker-options-border)\n            );\n          }\n\n          :host([align-right]) #collapse .rows {\n            left: unset;\n            right: calc(\n              var(\n                  --simple-picker-options-border-width,\n                  var(--simple-picker-border-width, 1px)\n                ) * 2\n            );\n          }\n\n          :host([justify]) #collapse .rows {\n            left: 0px;\n            right: 0px;\n          }\n\n          .row {\n            display: flex;\n            align-items: stretch;\n            justify-content: space-between;\n          }\n\n          simple-picker-option {\n            z-index: 1;\n            flex: 1 1 auto;\n            justify-content: flex-start;\n            max-height: unset;\n            min-height: var(--simple-picker-option-size, 24px);\n            min-width: var(--simple-picker-option-size, 24px);\n            line-height: var(--simple-picker-option-size, 24px);\n            color: var(--simple-picker-color, currentColor);\n            background-color: var(\n              --simple-picker-options-background-color,\n              #fff\n            );\n            transition: max-height 2s;\n            transition: z-index 0s;\n          }\n\n          simple-picker-option[selected] {\n            z-index: 50;\n            color: var(--simple-picker-color, currentColor);\n            background-color: var(\n              --simple-picker-option-selected-background-color,\n              var(--simple-picker-options-background-color, #fff)\n            );\n          }\n\n          simple-picker-option[active] {\n            z-index: 100;\n            cursor: pointer;\n            color: var(--simple-picker-color, currentColor);\n            background-color: var(\n              --simple-picker-option-active-background-color,\n              #aaddff\n            );\n          }\n\n          #sample simple-picker-option {\n            color: var(--simple-picker-color, currentColor);\n            background-color: var(\n              --simple-picker-sample-background-color,\n              transparent\n            );\n            --simple-picker-option-padding: var(\n                --simple-picker-sample-padding,\n                2px\n              )\n              0;\n            border: none;\n          }\n\n          :host([hide-sample]) #sample simple-picker-option {\n            position: absolute;\n            left: -9999px;\n            overflow: hidden;\n            width: 0;\n            height: 0;\n          }\n\n          :host(:focus-within) #sample simple-picker-option,\n          :host(:hover) #sample simple-picker-option {\n            --simple-picker-color: var(\n              --simple-picker-color-active,\n              var(--simple-picker-color, currentColor)\n            );\n          }\n\n          :host(:not([expanded])) #collapse simple-picker-option {\n            max-height: 0;\n            transition: max-height 1.5s;\n          }\n\n          @media screen and (max-width: 600px) {\n            :host {\n              position: static;\n            }\n\n            #collapse {\n              top: 0;\n              margin-top: 0;\n              position: relative;\n            }\n\n            .rows {\n              position: absolute;\n            }\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject7_891bc4301f2611eda0c389891c227ec8 || (_templateObject7_891bc4301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: var(--simple-picker-display, inline-flex);\n            align-items: center;\n            color: var(--simple-picker-color, currentColor);\n            font-family: var(--simple-picker-font-family, inherit);\n            font-size: var(--simple-picker-font-size, inherit);\n            --simple-picker-height: calc(\n              var(--simple-picker-option-size, 24px) +\n                var(--simple-picker-sample-padding, 2px) * 2 +\n                var(--simple-picker-border-width, 1px) * 2\n            );\n            min-height: var(--simple-picker-height);\n            max-height: var(--simple-picker-height);\n          }\n\n          :host([block-label]) {\n            display: block;\n            margin: 0 0 15px;\n            max-height: unset;\n          }\n\n          :host([disabled]) {\n            --simple-picker-color: var(--simple-picker-color-disabled, #888);\n            --simple-picker-background-color: var(\n              --simple-picker-background-color-disabled,\n              #e8e8e8\n            );\n            cursor: not-allowed;\n            pointer-events: none;\n          }\n\n          *[disabled] {\n            cursor: not-allowed;\n            pointer-events: none !important;\n          }\n\n          :host([hidden]) {\n            display: none;\n          }\n\n          div {\n            margin: unset;\n            padding: unset;\n          }\n\n          label:not([hidden]) {\n            display: flex;\n            align-items: center;\n            padding-right: 5px;\n            font-family: var(--simple-picker-font-family, inherit);\n            color: var(\n              --simple-picker-label-color,\n              var(--simple-picker-color, currentColor)\n            );\n          }\n\n          :host([block-label]) label:not([hidden]) {\n            display: block;\n            padding-right: 0px;\n            color: var(\n              --simple-picker-float-label-color,\n              var(--simple-picker-color-disabled, #888)\n            );\n            transition: all 0.5s;\n            max-height: unset;\n          }\n\n          :host([block-label]:focus-within) label,\n          :host([block-label]:hover) label {\n            color: var(\n              --simple-picker-float-label-active-color,\n              var(--simple-picker-color, currentColor)\n            );\n            transition: all 0.5s;\n          }\n\n          #sample,\n          .rows {\n            margin: 0;\n            padding: 0;\n          }\n\n          #listbox {\n            cursor: pointer;\n            position: relative;\n            flex: 1 0 auto;\n            min-height: var(--simple-picker-height);\n            max-height: var(--simple-picker-height);\n          }\n\n          #sample {\n            display: flex;\n            flex: 1 0 auto;\n            justify-content: space-between;\n            align-items: center;\n            min-height: calc(\n              var(\n                  --simple-picker-height - 2 *\n                    var(--simple-picker-sample-padding, 2px)\n                ) - 2 * var(--simple-picker-border-width, 1px)\n            );\n            max-height: calc(\n              var(\n                  --simple-picker-height - 2 *\n                    var(--simple-picker-sample-padding, 2px)\n                ) - 2 * var(--simple-picker-border-width, 1px)\n            );\n            padding: var(--simple-picker-sample-padding, 2px);\n            border-radius: var(--simple-picker-border-radius, 2px);\n            color: var(--simple-picker-sample-color, currentColor);\n            background-color: var(--simple-picker-background-color, #f0f0f0);\n            border-width: var(--simple-picker-border-width, 1px);\n            border-style: var(--simple-picker-border-style, solid);\n            border-color: var(\n              --simple-picker-border-color,\n              var(--simple-picker-color-disabled, #888)\n            );\n          }\n\n          :host([hide-sample]) #sample {\n            width: var(--simple-picker-option-size);\n            overflow: visible;\n          }\n\n          :host(:not([disabled]):focus-within) #sample {\n            border-width: var(\n              --simple-picker-focus-border-width,\n              var(--simple-picker-border-width, 1px)\n            );\n            border-style: var(\n              --simple-picker-focus-border-style,\n              var(--simple-picker-border-style, solid)\n            );\n            border-color: var(\n              --simple-picker-focus-border-color,\n              var(\n                --simple-picker-border-color,\n                var(--simple-picker-color-disabled, #888)\n              )\n            );\n            transition: all 0.5s;\n          }\n\n          :host(:not([disabled]):focus-within) #listbox {\n            border-width: var(\n              --simple-picker-listbox-border-width,\n              var(--simple-picker-border-width, 1px)\n            );\n            border-style: var(\n              --simple-picker-listbox-border-width,\n              var(--simple-picker-border-style, solid)\n            );\n            border-color: var(\n              --simple-picker-listbox-border-width,\n              var(\n                --simple-picker-border-color,\n                var(--simple-picker-color-disabled, #888)\n              )\n            );\n          }\n\n          :host(:not([disabled])) #listbox:focus-within,\n          :host(:not([disabled]):focus-within) #listbox {\n            outline: var(--simple-picker-listbox-outline, unset);\n          }\n\n          #icon {\n            width: var(--simple-picker-icon-size, 16px);\n            height: var(--simple-picker-icon-size, 16px);\n            --simple-icon-width: var(--simple-picker-icon-size, 16px);\n            --simple-icon-height: var(--simple-picker-icon-size, 16px);\n            transform: var(--simple-picker-icon-transform, rotate(0deg));\n            transition: transform 0.25s;\n          }\n\n          :host([hide-option-labels]) #icon {\n            margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n          }\n\n          :host([expanded]) #icon {\n            transform: var(\n              --simple-picker-expanded-icon-transform,\n              rotate(0deg)\n            );\n            transition: transform 0.25s;\n          }\n\n          #collapse {\n            display: none;\n            width: 100%;\n            position: absolute;\n            top: var(--simple-picker-options-top);\n            z-index: 2;\n            transition: z-index 0s;\n          }\n\n          :host([expanded]:not([disabled])) #collapse {\n            display: block;\n            position: unset;\n            background-color: var(\n              --simple-picker-options-background-color,\n              #fff\n            );\n          }\n\n          .rows {\n            display: block;\n            position: absolute;\n            z-index: 1000;\n            top: calc(\n              var(--simple-picker-option-size, 24px) + 2 *\n                var(--simple-picker-options-border-width)\n            );\n            border-width: var(\n              --simple-picker-options-border-width,\n              var(--simple-picker-border-width, 1px)\n            );\n            border-style: var(\n              --simple-picker-options-border-style,\n              var(--simple-picker-border-style, solid)\n            );\n            border-color: var(\n              --simple-picker-options-border-color,\n              var(\n                --simple-picker-border-color,\n                var(--simple-picker-color-disabled, #888)\n              )\n            );\n            background-color: var(\n              --simple-picker-options-background-color,\n              #fff\n            );\n            max-height: var(--simple-picker-options-max-height, 250px);\n            overflow-y: auto;\n            border: var(--simple-picker-options-border);\n            transition: z-index 0s;\n          }\n\n          .rows:focus-within {\n            border: var(\n              --simple-picker-options-focus-border,\n              var(--simple-picker-options-border)\n            );\n          }\n\n          :host([align-right]) #collapse .rows {\n            left: unset;\n            right: calc(\n              var(\n                  --simple-picker-options-border-width,\n                  var(--simple-picker-border-width, 1px)\n                ) * 2\n            );\n          }\n\n          :host([justify]) #collapse .rows {\n            left: 0px;\n            right: 0px;\n          }\n\n          .row {\n            display: flex;\n            align-items: stretch;\n            justify-content: space-between;\n          }\n\n          simple-picker-option {\n            z-index: 1;\n            flex: 1 1 auto;\n            justify-content: flex-start;\n            max-height: unset;\n            min-height: var(--simple-picker-option-size, 24px);\n            min-width: var(--simple-picker-option-size, 24px);\n            line-height: var(--simple-picker-option-size, 24px);\n            color: var(--simple-picker-color, currentColor);\n            background-color: var(\n              --simple-picker-options-background-color,\n              #fff\n            );\n            transition: max-height 2s;\n            transition: z-index 0s;\n          }\n\n          simple-picker-option[selected] {\n            z-index: 50;\n            color: var(--simple-picker-color, currentColor);\n            background-color: var(\n              --simple-picker-option-selected-background-color,\n              var(--simple-picker-options-background-color, #fff)\n            );\n          }\n\n          simple-picker-option[active] {\n            z-index: 100;\n            cursor: pointer;\n            color: var(--simple-picker-color, currentColor);\n            background-color: var(\n              --simple-picker-option-active-background-color,\n              #aaddff\n            );\n          }\n\n          #sample simple-picker-option {\n            color: var(--simple-picker-color, currentColor);\n            background-color: var(\n              --simple-picker-sample-background-color,\n              transparent\n            );\n            --simple-picker-option-padding: var(\n                --simple-picker-sample-padding,\n                2px\n              )\n              0;\n            border: none;\n          }\n\n          :host([hide-sample]) #sample simple-picker-option {\n            position: absolute;\n            left: -9999px;\n            overflow: hidden;\n            width: 0;\n            height: 0;\n          }\n\n          :host(:focus-within) #sample simple-picker-option,\n          :host(:hover) #sample simple-picker-option {\n            --simple-picker-color: var(\n              --simple-picker-color-active,\n              var(--simple-picker-color, currentColor)\n            );\n          }\n\n          :host(:not([expanded])) #collapse simple-picker-option {\n            max-height: 0;\n            transition: max-height 1.5s;\n          }\n\n          @media screen and (max-width: 600px) {\n            :host {\n              position: static;\n            }\n\n            #collapse {\n              top: 0;\n              margin-top: 0;\n              position: relative;\n            }\n\n            .rows {\n              position: absolute;\n            }\n          }\n        "])))];
         }
       }, {
         key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-popover-manager.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-popover-manager.dev.js
index 9e01e2caaad..b039cd3be73 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-popover-manager.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-popover-manager.dev.js
@@ -23,20 +23,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_f2db01901f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c9d0dc401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        simple-popover {\n          font-family: var(--simple-tour-font-family, unset);\n          font-size: var(--simple-tour-font-size, 14px);\n          max-width: var(--simple-popover-manager-max-width, 200px);\n          min-width: var(--simple-popover-manager-min-width, 200px);\n          display: flex;\n          --simple-popover-padding: 0;\n          --simple-icon-button-border: 1px solid\n            var(--simple-tour-border-color, #ddd);\n          --simple-icon-button-border-radius: 3px;\n        }\n        simple-popover[hidden] {\n          display: none !important;\n        }\n        .heading {\n          font-size: var(--simple-tour-titlebar-font-size, 14px);\n          flex: 0 0 auto;\n          background-color: var(\n            --simple-tour-titlebar-background-color,\n            #f0f4f8\n          );\n          border-bottom: 1px solid var(--simple-tour-border-color, #ddd);\n          line-height: 130%;\n          padding: var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-lg, 10px);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          position: sticky;\n          top: 0;\n        }\n        .body {\n          flex: 1 1 auto;\n          padding: var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-lg, 10px);\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        .nav {\n          flex: 0 0 auto;\n          margin: 0;\n          padding: 0;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          position: sticky;\n          bottom: 0;\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        ::slotted(.title) {\n          font-size: var(--simple-tour-titlebar-font-size, 14px);\n          margin: 0 calc(2 * var(--simple-tour-padding-sm, 2px)) 0 0;\n          line-height: 100%;\n        }\n        ::slotted(.subheading) {\n          font-size: var(--simple-tour-subheading-font-size, 16px);\n        }\n        ::slotted([slot="body"]) {\n          margin: var(--simple-tour-padding-sm, 2px) 0;\n        }\n        ::slotted(simple-icon-button-lite) {\n          flex: 1 1 auto;\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        ::slotted(simple-icon-button-lite[slot="heading"]) {\n          flex: 0 0 auto;\n        }\n        ::slotted(simple-icon-button-lite:focus-within),\n        ::slotted(simple-icon-button-lite:hover) {\n          --simple-icon-button-border: 1px solid #000;\n        }\n      ']);
 
-  _templateObject2_f2db01901f0511ed8cc3e9a95995ad69 = function _templateObject2_f2db01901f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c9d0dc401f2611eda0c389891c227ec8 = function _templateObject2_c9d0dc401f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f2db01901f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9d0dc401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <simple-popover\n        auto\n        part="simple-popover"\n        ?hidden="', '"\n        position="', '"\n      >\n        <div class="heading" part="simple-popover-heading">\n          <slot name="heading"></slot>\n        </div>\n        <div class="body" part="simple-popover-body">\n          <slot name="body"></slot>\n        </div>\n        <div class="nav" part="simple-popover-nav">\n          <slot name="nav"></slot>\n        </div>\n      </simple-popover>\n    ']);
 
-  _templateObject_f2db01901f0511ed8cc3e9a95995ad69 = function _templateObject_f2db01901f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9d0dc401f2611eda0c389891c227ec8 = function _templateObject_c9d0dc401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -145,7 +145,7 @@ var SimplePopoverManager = /*#__PURE__*/function (_LitElement) {
   _createClass(SimplePopoverManager, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_f2db01901f0511ed8cc3e9a95995ad69(), !this.opened, this.position);
+      return (0, _litElement.html)(_templateObject_c9d0dc401f2611eda0c389891c227ec8(), !this.opened, this.position);
     }
   }, {
     key: "updated",
@@ -237,7 +237,7 @@ var SimplePopoverManager = /*#__PURE__*/function (_LitElement) {
   }], [{
     key: "styles",
     get: function get() {
-      return [(0, _litElement.css)(_templateObject2_f2db01901f0511ed8cc3e9a95995ad69())];
+      return [(0, _litElement.css)(_templateObject2_c9d0dc401f2611eda0c389891c227ec8())];
     }
   }, {
     key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-tour.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-tour.dev.js
index 248971e75ba..77656284934 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-tour.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-tour.dev.js
@@ -33,20 +33,20 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_f2ddc0b01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c9d34d401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["", '\n          <h2 class="subheading" slot="body">\n            ', "\n          </h2>\n          ", "", ""]);
 
-  _templateObject2_f2ddc0b01f0511ed8cc3e9a95995ad69 = function _templateObject2_f2ddc0b01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c9d34d401f2611eda0c389891c227ec8 = function _templateObject2_c9d34d401f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f2ddc0b01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9d34d401f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<h1 class="title" slot="heading">\n        ', ',\n        <span class="xofy"\n          >', "/", '</span\n        >\n      </h1>\n      <simple-icon-button-lite\n        id="close"\n        slot="heading"\n        @click="', '"\n        label="Stop Tour"\n        icon="close"\n      >\n      </simple-icon-button-lite>\n      <simple-icon-button-lite\n        id="prev"\n        slot="nav"\n        @click="', '"\n        ?disabled="', '"\n        label="Prev"\n        icon="arrow-back"\n        show-text-label\n      >\n      </simple-icon-button-lite>\n      <simple-tooltip for="prev" position="top" slot="nav">\n        Previous Item\n      </simple-tooltip>\n      <simple-icon-button-lite\n        id="next"\n        slot="nav"\n        @click="', '"\n        ?disabled="', '"\n        label="Next"\n        icon="arrow-forward"\n        show-text-label\n      >\n      </simple-icon-button-lite>\n      <simple-tooltip for="close" slot="body"> Stop Tour </simple-tooltip>\n      <simple-tooltip for="next" position="top" slot="nav">\n        Next Item\n      </simple-tooltip>']);
 
-  _templateObject_f2ddc0b01f0511ed8cc3e9a95995ad69 = function _templateObject_f2ddc0b01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9d34d401f2611eda0c389891c227ec8 = function _templateObject_c9d34d401f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -288,7 +288,7 @@ var SimpleTour = /*#__PURE__*/function (_LitElement) {
   }, {
     key: "tourButtons",
     value: function tourButtons() {
-      return (0, _litElement.html)(_templateObject_f2ddc0b01f0511ed8cc3e9a95995ad69(), this.tourInfo[this.active].name, this.stop + 1, this.stacks[this.active].length, this.stopTour.bind(this), this.prevStop.bind(this), !this.hasPrev(), this.nextStop.bind(this), !this.hasNext());
+      return (0, _litElement.html)(_templateObject_c9d34d401f2611eda0c389891c227ec8(), this.tourInfo[this.active].name, this.stop + 1, this.stacks[this.active].length, this.stopTour.bind(this), this.prevStop.bind(this), !this.hasPrev(), this.nextStop.bind(this), !this.hasNext());
     }
     /**
      * Simple utility to do nice scrolling or only scroll if we can't see it
@@ -337,7 +337,7 @@ var SimpleTour = /*#__PURE__*/function (_LitElement) {
 
         if (propName == "stop" && _this3.stop != -1 || propName == "active" && _this3.active) {
           (0, _render.render)(document.createElement("div"), window.SimplePopoverManager.requestAvailability());
-          var content = (0, _litElement.html)(_templateObject2_f2ddc0b01f0511ed8cc3e9a95995ad69(), _this3.tourButtons(), (0, _unsafeHtml.unsafeHTML)("<span>" + _this3.stacks[_this3.active][_this3.stop].title + "</span>"), (0, _unsafeHtml.unsafeHTML)('<p slot="body">' + _this3.stacks[_this3.active][_this3.stop].description + "</p>"), _this3.tourInfo[_this3.active].style ? (0, _unsafeHtml.unsafeHTML)("<style>" + _this3.tourInfo[_this3.active].style + "</style>") : "");
+          var content = (0, _litElement.html)(_templateObject2_c9d34d401f2611eda0c389891c227ec8(), _this3.tourButtons(), (0, _unsafeHtml.unsafeHTML)("<span>" + _this3.stacks[_this3.active][_this3.stop].title + "</span>"), (0, _unsafeHtml.unsafeHTML)('<p slot="body">' + _this3.stacks[_this3.active][_this3.stop].description + "</p>"), _this3.tourInfo[_this3.active].style ? (0, _unsafeHtml.unsafeHTML)("<style>" + _this3.tourInfo[_this3.active].style + "</style>") : "");
           (0, _render.render)(content, window.SimplePopoverManager.requestAvailability());
           window.SimplePopoverManager.requestAvailability().setPopover(_this3, _this3.stacks[_this3.active][_this3.stop].target, true, _this3.orientation, _this3.active);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-popover-manager.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-popover-manager.js
index 9ab6f6392ee..f17294a78ec 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-popover-manager.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-popover-manager.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../simple-popover.js"], function (_
   });
   _exports.SimplePopoverManager = void 0;
 
-  var _templateObject_e6440b701f0511ed8cc3e9a95995ad69, _templateObject2_e6440b701f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc5e53301f2611eda0c389891c227ec8, _templateObject2_bc5e53301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -34,7 +34,7 @@ define(["exports", "../../../lit/index.js", "../simple-popover.js"], function (_
     babelHelpers.createClass(SimplePopoverManager, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e6440b701f0511ed8cc3e9a95995ad69 || (_templateObject_e6440b701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-popover\n        auto\n        part=\"simple-popover\"\n        ?hidden=\"", "\"\n        position=\"", "\"\n      >\n        <div class=\"heading\" part=\"simple-popover-heading\">\n          <slot name=\"heading\"></slot>\n        </div>\n        <div class=\"body\" part=\"simple-popover-body\">\n          <slot name=\"body\"></slot>\n        </div>\n        <div class=\"nav\" part=\"simple-popover-nav\">\n          <slot name=\"nav\"></slot>\n        </div>\n      </simple-popover>\n    "])), !this.opened, this.position);
+        return (0, _index.html)(_templateObject_bc5e53301f2611eda0c389891c227ec8 || (_templateObject_bc5e53301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-popover\n        auto\n        part=\"simple-popover\"\n        ?hidden=\"", "\"\n        position=\"", "\"\n      >\n        <div class=\"heading\" part=\"simple-popover-heading\">\n          <slot name=\"heading\"></slot>\n        </div>\n        <div class=\"body\" part=\"simple-popover-body\">\n          <slot name=\"body\"></slot>\n        </div>\n        <div class=\"nav\" part=\"simple-popover-nav\">\n          <slot name=\"nav\"></slot>\n        </div>\n      </simple-popover>\n    "])), !this.opened, this.position);
       }
     }, {
       key: "updated",
@@ -127,7 +127,7 @@ define(["exports", "../../../lit/index.js", "../simple-popover.js"], function (_
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_e6440b701f0511ed8cc3e9a95995ad69 || (_templateObject2_e6440b701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        simple-popover {\n          font-family: var(--simple-tour-font-family, unset);\n          font-size: var(--simple-tour-font-size, 14px);\n          max-width: var(--simple-popover-manager-max-width, 200px);\n          min-width: var(--simple-popover-manager-min-width, 200px);\n          display: flex;\n          --simple-popover-padding: 0;\n          --simple-icon-button-border: 1px solid\n            var(--simple-tour-border-color, #ddd);\n          --simple-icon-button-border-radius: 3px;\n        }\n        simple-popover[hidden] {\n          display: none !important;\n        }\n        .heading {\n          font-size: var(--simple-tour-titlebar-font-size, 14px);\n          flex: 0 0 auto;\n          background-color: var(\n            --simple-tour-titlebar-background-color,\n            #f0f4f8\n          );\n          border-bottom: 1px solid var(--simple-tour-border-color, #ddd);\n          line-height: 130%;\n          padding: var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-lg, 10px);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          position: sticky;\n          top: 0;\n        }\n        .body {\n          flex: 1 1 auto;\n          padding: var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-lg, 10px);\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        .nav {\n          flex: 0 0 auto;\n          margin: 0;\n          padding: 0;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          position: sticky;\n          bottom: 0;\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        ::slotted(.title) {\n          font-size: var(--simple-tour-titlebar-font-size, 14px);\n          margin: 0 calc(2 * var(--simple-tour-padding-sm, 2px)) 0 0;\n          line-height: 100%;\n        }\n        ::slotted(.subheading) {\n          font-size: var(--simple-tour-subheading-font-size, 16px);\n        }\n        ::slotted([slot=\"body\"]) {\n          margin: var(--simple-tour-padding-sm, 2px) 0;\n        }\n        ::slotted(simple-icon-button-lite) {\n          flex: 1 1 auto;\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        ::slotted(simple-icon-button-lite[slot=\"heading\"]) {\n          flex: 0 0 auto;\n        }\n        ::slotted(simple-icon-button-lite:focus-within),\n        ::slotted(simple-icon-button-lite:hover) {\n          --simple-icon-button-border: 1px solid #000;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bc5e53301f2611eda0c389891c227ec8 || (_templateObject2_bc5e53301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        simple-popover {\n          font-family: var(--simple-tour-font-family, unset);\n          font-size: var(--simple-tour-font-size, 14px);\n          max-width: var(--simple-popover-manager-max-width, 200px);\n          min-width: var(--simple-popover-manager-min-width, 200px);\n          display: flex;\n          --simple-popover-padding: 0;\n          --simple-icon-button-border: 1px solid\n            var(--simple-tour-border-color, #ddd);\n          --simple-icon-button-border-radius: 3px;\n        }\n        simple-popover[hidden] {\n          display: none !important;\n        }\n        .heading {\n          font-size: var(--simple-tour-titlebar-font-size, 14px);\n          flex: 0 0 auto;\n          background-color: var(\n            --simple-tour-titlebar-background-color,\n            #f0f4f8\n          );\n          border-bottom: 1px solid var(--simple-tour-border-color, #ddd);\n          line-height: 130%;\n          padding: var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-lg, 10px);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          position: sticky;\n          top: 0;\n        }\n        .body {\n          flex: 1 1 auto;\n          padding: var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-lg, 10px);\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        .nav {\n          flex: 0 0 auto;\n          margin: 0;\n          padding: 0;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          position: sticky;\n          bottom: 0;\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        ::slotted(.title) {\n          font-size: var(--simple-tour-titlebar-font-size, 14px);\n          margin: 0 calc(2 * var(--simple-tour-padding-sm, 2px)) 0 0;\n          line-height: 100%;\n        }\n        ::slotted(.subheading) {\n          font-size: var(--simple-tour-subheading-font-size, 16px);\n        }\n        ::slotted([slot=\"body\"]) {\n          margin: var(--simple-tour-padding-sm, 2px) 0;\n        }\n        ::slotted(simple-icon-button-lite) {\n          flex: 1 1 auto;\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        ::slotted(simple-icon-button-lite[slot=\"heading\"]) {\n          flex: 0 0 auto;\n        }\n        ::slotted(simple-icon-button-lite:focus-within),\n        ::slotted(simple-icon-button-lite:hover) {\n          --simple-icon-button-border: 1px solid #000;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-popover-selection.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-popover-selection.js
index 376aeb0159d..db335c7f328 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-popover-selection.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-popover-selection.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../../lit/directives/unsafe-html
   });
   _exports.SimplePopoverSelection = void 0;
 
-  var _templateObject_e646f1a01f0511ed8cc3e9a95995ad69, _templateObject2_e646f1a01f0511ed8cc3e9a95995ad69, _templateObject3_e646f1a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc61d5a01f2611eda0c389891c227ec8, _templateObject2_bc61d5a01f2611eda0c389891c227ec8, _templateObject3_bc61d5a01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -66,9 +66,9 @@ define(["exports", "../../../lit/index.js", "../../../lit/directives/unsafe-html
             var styleData = this.querySelector('[slot="style"]').cloneNode(true);
             var style = document.createElement("style");
             style.innerHTML = styleData.innerHTML;
-            content = (0, _index.html)(_templateObject_e646f1a01f0511ed8cc3e9a95995ad69 || (_templateObject_e646f1a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "", ""])), (0, _unsafeHtml.unsafeHTML)(div.innerHTML), (0, _unsafeHtml.unsafeHTML)(style.outerHTML));
+            content = (0, _index.html)(_templateObject_bc61d5a01f2611eda0c389891c227ec8 || (_templateObject_bc61d5a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "", ""])), (0, _unsafeHtml.unsafeHTML)(div.innerHTML), (0, _unsafeHtml.unsafeHTML)(style.outerHTML));
           } else {
-            content = (0, _index.html)(_templateObject2_e646f1a01f0511ed8cc3e9a95995ad69 || (_templateObject2_e646f1a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), (0, _unsafeHtml.unsafeHTML)(div.innerHTML));
+            content = (0, _index.html)(_templateObject2_bc61d5a01f2611eda0c389891c227ec8 || (_templateObject2_bc61d5a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), (0, _unsafeHtml.unsafeHTML)(div.innerHTML));
           }
 
           (0, _index.render)(content, window.SimplePopoverManager.requestAvailability()); // delay for render
@@ -142,7 +142,7 @@ define(["exports", "../../../lit/index.js", "../../../lit/directives/unsafe-html
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject3_e646f1a01f0511ed8cc3e9a95995ad69 || (_templateObject3_e646f1a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot name=\"button\"></slot>"])));
+        return (0, _index.html)(_templateObject3_bc61d5a01f2611eda0c389891c227ec8 || (_templateObject3_bc61d5a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot name=\"button\"></slot>"])));
       }
     }], [{
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-tour.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-tour.js
index 76940624277..29f2edd982f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-tour.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/lib/simple-tour.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../../lit/directives/unsafe-html
   });
   _exports.TourStop = _exports.SimpleTourManager = _exports.SimpleTour = void 0;
 
-  var _templateObject_e64c6fe01f0511ed8cc3e9a95995ad69, _templateObject2_e64c6fe01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc6753e01f2611eda0c389891c227ec8, _templateObject2_bc6753e01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -167,7 +167,7 @@ define(["exports", "../../../lit/index.js", "../../../lit/directives/unsafe-html
     }, {
       key: "tourButtons",
       value: function tourButtons() {
-        return (0, _index.html)(_templateObject_e64c6fe01f0511ed8cc3e9a95995ad69 || (_templateObject_e64c6fe01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<h1 class=\"title\" slot=\"heading\">\n        ", ",\n        <span class=\"xofy\"\n          >", "/", "</span\n        >\n      </h1>\n      <simple-icon-button-lite\n        id=\"close\"\n        slot=\"heading\"\n        @click=\"", "\"\n        label=\"Stop Tour\"\n        icon=\"close\"\n      >\n      </simple-icon-button-lite>\n      <simple-icon-button-lite\n        id=\"prev\"\n        slot=\"nav\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n        label=\"Prev\"\n        title=\"Prev\"\n        icon=\"arrow-back\"\n        show-text-label\n      >\n      </simple-icon-button-lite>\n      <simple-icon-button-lite\n        id=\"next\"\n        slot=\"nav\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n        title=\"Next\"\n        label=\"Next\"\n        icon=\"arrow-forward\"\n        show-text-label\n      >\n      </simple-icon-button-lite>"])), this.tourInfo[this.active].name, this.stop + 1, this.stacks[this.active].length, this.stopTour.bind(this), this.prevStop.bind(this), !this.hasPrev(), this.nextStop.bind(this), !this.hasNext());
+        return (0, _index.html)(_templateObject_bc6753e01f2611eda0c389891c227ec8 || (_templateObject_bc6753e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<h1 class=\"title\" slot=\"heading\">\n        ", ",\n        <span class=\"xofy\"\n          >", "/", "</span\n        >\n      </h1>\n      <simple-icon-button-lite\n        id=\"close\"\n        slot=\"heading\"\n        @click=\"", "\"\n        label=\"Stop Tour\"\n        icon=\"close\"\n      >\n      </simple-icon-button-lite>\n      <simple-icon-button-lite\n        id=\"prev\"\n        slot=\"nav\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n        label=\"Prev\"\n        title=\"Prev\"\n        icon=\"arrow-back\"\n        show-text-label\n      >\n      </simple-icon-button-lite>\n      <simple-icon-button-lite\n        id=\"next\"\n        slot=\"nav\"\n        @click=\"", "\"\n        ?disabled=\"", "\"\n        title=\"Next\"\n        label=\"Next\"\n        icon=\"arrow-forward\"\n        show-text-label\n      >\n      </simple-icon-button-lite>"])), this.tourInfo[this.active].name, this.stop + 1, this.stacks[this.active].length, this.stopTour.bind(this), this.prevStop.bind(this), !this.hasPrev(), this.nextStop.bind(this), !this.hasNext());
       }
       /**
        * Simple utility to do nice scrolling or only scroll if we can't see it
@@ -232,7 +232,7 @@ define(["exports", "../../../lit/index.js", "../../../lit/directives/unsafe-html
               description = el.querySelector("[data-stop-content]").innerHTML ? el.querySelector("[data-stop-content]").innerHTML : "";
             }
 
-            var content = (0, _index.html)(_templateObject2_e64c6fe01f0511ed8cc3e9a95995ad69 || (_templateObject2_e64c6fe01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", "\n          <h2 class=\"subheading\" slot=\"body\">\n            ", "\n          </h2>\n          ", "", ""])), _this3.tourButtons(), (0, _unsafeHtml.unsafeHTML)("<span>" + title + "</span>"), (0, _unsafeHtml.unsafeHTML)('<p slot="body">' + description + "</p>"), _this3.tourInfo[_this3.active].style ? (0, _unsafeHtml.unsafeHTML)("<style>" + _this3.tourInfo[_this3.active].style + "</style>") : "");
+            var content = (0, _index.html)(_templateObject2_bc6753e01f2611eda0c389891c227ec8 || (_templateObject2_bc6753e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", "\n          <h2 class=\"subheading\" slot=\"body\">\n            ", "\n          </h2>\n          ", "", ""])), _this3.tourButtons(), (0, _unsafeHtml.unsafeHTML)("<span>" + title + "</span>"), (0, _unsafeHtml.unsafeHTML)('<p slot="body">' + description + "</p>"), _this3.tourInfo[_this3.active].style ? (0, _unsafeHtml.unsafeHTML)("<style>" + _this3.tourInfo[_this3.active].style + "</style>") : "");
             (0, _index.render)(content, window.SimplePopoverManager.requestAvailability());
             window.SimplePopoverManager.requestAvailability().setPopover(_this3, _this3.stacks[_this3.active][_this3.stop].target, true, _this3.orientation, _this3.active);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/simple-popover.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/simple-popover.js
index e952f5edfa5..5af6775013d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/simple-popover.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-popover/simple-popover.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../absolute-position-behavior/absolute
   });
   _exports.SimplePopover = void 0;
 
-  var _templateObject_aed670601f0511ed8cc3e9a95995ad69, _templateObject2_aed670601f0511ed8cc3e9a95995ad69;
+  var _templateObject_891eaa601f2611eda0c389891c227ec8, _templateObject2_891eaa601f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -62,7 +62,7 @@ define(["exports", "../../lit/index.js", "../absolute-position-behavior/absolute
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_aed670601f0511ed8cc3e9a95995ad69 || (_templateObject_aed670601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div>\n      <div id=\"content\" role=\"alertdialog\">\n        <slot></slot>\n      </div>\n      <div id=\"pointer-outer\">\n        <div id=\"pointer\" .style=", "></div>\n      </div>\n    </div>"])), this._getMargins(this.__positions));
+        return (0, _index.html)(_templateObject_891eaa601f2611eda0c389891c227ec8 || (_templateObject_891eaa601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div>\n      <div id=\"content\" role=\"alertdialog\">\n        <slot></slot>\n      </div>\n      <div id=\"pointer-outer\">\n        <div id=\"pointer\" .style=", "></div>\n      </div>\n    </div>"])), this._getMargins(this.__positions));
       } // haxProperty definition
 
     }, {
@@ -94,7 +94,7 @@ define(["exports", "../../lit/index.js", "../absolute-position-behavior/absolute
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimplePopover), "styles", this)), [(0, _index.css)(_templateObject2_aed670601f0511ed8cc3e9a95995ad69 || (_templateObject2_aed670601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host > div {\n          display: flex;\n          flex-direction: column-reverse;\n          justify-content: stretch;\n          z-index: 1;\n        }\n\n        :host([position=\"left\"]) > div {\n          justify-content: flex-start;\n          flex-direction: row;\n        }\n\n        :host([position=\"right\"]) > div {\n          justify-content: flex-end;\n          flex-direction: row-reverse;\n        }\n\n        :host([position=\"top\"]) > div {\n          flex-direction: column;\n        }\n\n        :host > div > * {\n          width: 100%;\n        }\n\n        :host([position=\"left\"]) > div > *,\n        :host([position=\"right\"]) > div > * {\n          width: unset;\n        }\n\n        :host {\n          pointer-events: none;\n        }\n\n        #content {\n          margin: 0;\n          pointer-events: all;\n          padding: var(--simple-popover-padding, 10px);\n          color: var(--simple-popover-color, #222);\n          background-color: var(--simple-popover-background-color, white);\n          border: var(\n            --simple-popover-border,\n            1px solid var(--simple-popover-border-color, #bbb)\n          );\n          border-radius: var(--simple-popover-border-radius, 3px);\n          box-shadow: var(\n            --simple-popover-box-shadow,\n            rgba(60, 64, 67, 0.3) 0px 4px 8px 3px\n          );\n          min-height: var(--simple-popover-min-height, 20px);\n          max-height: var(--simple-popover-max-height, 200px);\n          scroll-behavior: smooth;\n        }\n\n        #pointer-outer {\n          margin: -1px;\n        }\n\n        #pointer {\n          width: 20px;\n          height: 20px;\n          position: relative;\n          overflow: hidden;\n          flex: 0 0 20px;\n        }\n\n        #pointer:after {\n          content: \"\";\n          position: absolute;\n          width: 10px;\n          height: 10px;\n          background-color: var(--simple-popover-background-color, white);\n          border: 1px solid var(--simple-popover-border-color, #bbb);\n          transform: rotate(45deg);\n          top: 15px;\n          left: 5px;\n        }\n\n        :host([position=\"top\"]) #pointer:after {\n          top: -5px;\n          left: 5px;\n        }\n\n        :host([position=\"right\"]) #pointer:after {\n          top: 5px;\n          left: 15px;\n        }\n\n        :host([position=\"left\"]) #pointer:after {\n          top: 5px;\n          left: -5px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimplePopover), "styles", this)), [(0, _index.css)(_templateObject2_891eaa601f2611eda0c389891c227ec8 || (_templateObject2_891eaa601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host > div {\n          display: flex;\n          flex-direction: column-reverse;\n          justify-content: stretch;\n          z-index: 1;\n        }\n\n        :host([position=\"left\"]) > div {\n          justify-content: flex-start;\n          flex-direction: row;\n        }\n\n        :host([position=\"right\"]) > div {\n          justify-content: flex-end;\n          flex-direction: row-reverse;\n        }\n\n        :host([position=\"top\"]) > div {\n          flex-direction: column;\n        }\n\n        :host > div > * {\n          width: 100%;\n        }\n\n        :host([position=\"left\"]) > div > *,\n        :host([position=\"right\"]) > div > * {\n          width: unset;\n        }\n\n        :host {\n          pointer-events: none;\n        }\n\n        #content {\n          margin: 0;\n          pointer-events: all;\n          padding: var(--simple-popover-padding, 10px);\n          color: var(--simple-popover-color, #222);\n          background-color: var(--simple-popover-background-color, white);\n          border: var(\n            --simple-popover-border,\n            1px solid var(--simple-popover-border-color, #bbb)\n          );\n          border-radius: var(--simple-popover-border-radius, 3px);\n          box-shadow: var(\n            --simple-popover-box-shadow,\n            rgba(60, 64, 67, 0.3) 0px 4px 8px 3px\n          );\n          min-height: var(--simple-popover-min-height, 20px);\n          max-height: var(--simple-popover-max-height, 200px);\n          scroll-behavior: smooth;\n        }\n\n        #pointer-outer {\n          margin: -1px;\n        }\n\n        #pointer {\n          width: 20px;\n          height: 20px;\n          position: relative;\n          overflow: hidden;\n          flex: 0 0 20px;\n        }\n\n        #pointer:after {\n          content: \"\";\n          position: absolute;\n          width: 10px;\n          height: 10px;\n          background-color: var(--simple-popover-background-color, white);\n          border: 1px solid var(--simple-popover-border-color, #bbb);\n          transform: rotate(45deg);\n          top: 15px;\n          left: 5px;\n        }\n\n        :host([position=\"top\"]) #pointer:after {\n          top: -5px;\n          left: 5px;\n        }\n\n        :host([position=\"right\"]) #pointer:after {\n          top: 5px;\n          left: 15px;\n        }\n\n        :host([position=\"left\"]) #pointer:after {\n          top: 5px;\n          left: -5px;\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-range-input/simple-range-input.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-range-input/simple-range-input.js
index 79a018a5592..3bc939fd7ba 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-range-input/simple-range-input.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-range-input/simple-range-input.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
   });
   _exports.SimpleRangeInput = void 0;
 
-  var _templateObject_aedc63d01f0511ed8cc3e9a95995ad69, _templateObject2_aedc63d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_892401901f2611eda0c389891c227ec8, _templateObject2_892401901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -72,7 +72,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
     babelHelpers.createClass(SimpleRangeInput, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_aedc63d01f0511ed8cc3e9a95995ad69 || (_templateObject_aedc63d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<input\n        @input=\"", "\"\n        @changed=\"", "\"\n        ?disabled=\"", "\"\n        type=\"range\"\n        min=\"", "\"\n        step=\"", "\"\n        max=\"", "\"\n        value=\"", "\"\n        aria-labelledby=\"label\"\n        title=\"", "\"\n      /><label id=\"label\">", "</label>"])), this._inputChanged, this._valueChanged, this.disabled, this.min, this.step, this.max, this.value, this.label, this.label);
+        return (0, _index.html)(_templateObject_892401901f2611eda0c389891c227ec8 || (_templateObject_892401901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<input\n        @input=\"", "\"\n        @changed=\"", "\"\n        ?disabled=\"", "\"\n        type=\"range\"\n        min=\"", "\"\n        step=\"", "\"\n        max=\"", "\"\n        value=\"", "\"\n        aria-labelledby=\"label\"\n        title=\"", "\"\n      /><label id=\"label\">", "</label>"])), this._inputChanged, this._valueChanged, this.disabled, this.min, this.step, this.max, this.value, this.label, this.label);
       }
     }, {
       key: "_inputChanged",
@@ -176,7 +176,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js"], f
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleRangeInput), "styles", this)), [(0, _index.css)(_templateObject2_aedc63d01f0511ed8cc3e9a95995ad69 || (_templateObject2_aedc63d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n          min-height: var(--simple-range-input-track-height, 10px);\n          height: var(--simple-range-input-pin-height, 20px);\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        input[type=\"range\"] {\n          -webkit-appearance: none;\n          margin: 0;\n          padding: 0;\n          width: 100%;\n        }\n        input[type=\"range\"]:focus {\n          outline: none;\n        }\n        input[type=\"range\"]::-webkit-slider-runnable-track {\n          width: 100%;\n          height: var(--simple-range-input-track-height, 10px);\n          cursor: pointer;\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n          border-radius: var(--simple-range-input-track-border-radius, 2px);\n          border: var(--simple-range-input-border, 0px solid #000000);\n        }\n        input[type=\"range\"]::-webkit-slider-thumb {\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n          border: var(--simple-range-input-border, 0px solid #000000);\n          height: var(--simple-range-input-pin-height, 20px);\n          width: var(\n            --simple-range-input-pin-width,\n            var(--simple-range-input-pin-height, 20px)\n          );\n          border-radius: var(--simple-range-input-border-radius, 50%);\n          background: var(\n            --simple-range-input-color,\n            var(--simple-colors-default-theme-accent-8, grey)\n          );\n          cursor: pointer;\n          margin: calc(\n              0.5 *\n                (\n                  var(--simple-range-input-track-height, 10px) -\n                    var(--simple-range-input-pin-height, 20px)\n                )\n            )\n            0;\n          -webkit-appearance: none;\n        }\n        input[type=\"range\"]:focus::-webkit-slider-runnable-track {\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n        }\n        input[type=\"range\"]::-moz-range-track {\n          width: 100%;\n          height: var(--simple-range-input-track-height, 10px);\n          cursor: pointer;\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n          border-radius: var(--simple-range-input-track-border-radius, 2px);\n          border: var(--simple-range-input-border, 0px solid #000000);\n        }\n        input[type=\"range\"]::-moz-range-thumb {\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n          border: var(--simple-range-input-border, 0px solid #000000);\n          height: var(--simple-range-input-pin-height, 20px);\n          width: var(\n            --simple-range-input-pin-width,\n            var(--simple-range-input-pin-height, 20px)\n          );\n          border-radius: var(--simple-range-input-border-radius, 50%);\n          background: var(\n            --simple-range-input-color,\n            var(--simple-colors-default-theme-accent-8, grey)\n          );\n          cursor: pointer;\n          margin: calc(\n              0.5 *\n                (\n                  var(--simple-range-input-track-height, 10px) -\n                    var(--simple-range-input-pin-height, 20px)\n                )\n            )\n            0;\n        }\n        input[type=\"range\"]::-ms-track {\n          width: 100%;\n          height: var(--simple-range-input-track-height, 10px);\n          cursor: pointer;\n          background: transparent;\n          border-color: transparent;\n          border-width: var(--simple-range-input-pin-height, 20px) 0;\n          color: transparent;\n        }\n        input[type=\"range\"]::-ms-fill-lower {\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n          border: var(--simple-range-input-border, 0px solid #000000);\n          border-radius: var(--simple-range-input-track-border-radius, 2px);\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n        }\n        input[type=\"range\"]::-ms-fill-upper {\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n          border: var(--simple-range-input-border, 0px solid #000000);\n          border-radius: var(--simple-range-input-track-border-radius, 2px);\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n        }\n        input[type=\"range\"]::-ms-thumb {\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n          border: var(--simple-range-input-border, 0px solid #000000);\n          height: var(--simple-range-input-pin-height, 20px);\n          width: var(\n            --simple-range-input-pin-width,\n            var(--simple-range-input-pin-height, 20px)\n          );\n          border-radius: var(--simple-range-input-border-radius, 50%);\n          background: var(\n            --simple-range-input-color,\n            var(--simple-colors-default-theme-accent-8, grey)\n          );\n          cursor: pointer;\n          margin: calc(\n              0.5 *\n                (\n                  var(--simple-range-input-track-height, 10px) -\n                    var(--simple-range-input-pin-height, 20px)\n                )\n            )\n            0;\n        }\n        input[type=\"range\"]:focus::-ms-fill-lower {\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n        }\n        input[type=\"range\"]:focus::-ms-fill-upper {\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n        }\n        #label {\n          position: absolute;\n          left: -10000px;\n          top: auto;\n          width: 1px;\n          height: 1px;\n          overflow: hidden;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleRangeInput), "styles", this)), [(0, _index.css)(_templateObject2_892401901f2611eda0c389891c227ec8 || (_templateObject2_892401901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n          min-height: var(--simple-range-input-track-height, 10px);\n          height: var(--simple-range-input-pin-height, 20px);\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        input[type=\"range\"] {\n          -webkit-appearance: none;\n          margin: 0;\n          padding: 0;\n          width: 100%;\n        }\n        input[type=\"range\"]:focus {\n          outline: none;\n        }\n        input[type=\"range\"]::-webkit-slider-runnable-track {\n          width: 100%;\n          height: var(--simple-range-input-track-height, 10px);\n          cursor: pointer;\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n          border-radius: var(--simple-range-input-track-border-radius, 2px);\n          border: var(--simple-range-input-border, 0px solid #000000);\n        }\n        input[type=\"range\"]::-webkit-slider-thumb {\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n          border: var(--simple-range-input-border, 0px solid #000000);\n          height: var(--simple-range-input-pin-height, 20px);\n          width: var(\n            --simple-range-input-pin-width,\n            var(--simple-range-input-pin-height, 20px)\n          );\n          border-radius: var(--simple-range-input-border-radius, 50%);\n          background: var(\n            --simple-range-input-color,\n            var(--simple-colors-default-theme-accent-8, grey)\n          );\n          cursor: pointer;\n          margin: calc(\n              0.5 *\n                (\n                  var(--simple-range-input-track-height, 10px) -\n                    var(--simple-range-input-pin-height, 20px)\n                )\n            )\n            0;\n          -webkit-appearance: none;\n        }\n        input[type=\"range\"]:focus::-webkit-slider-runnable-track {\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n        }\n        input[type=\"range\"]::-moz-range-track {\n          width: 100%;\n          height: var(--simple-range-input-track-height, 10px);\n          cursor: pointer;\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n          border-radius: var(--simple-range-input-track-border-radius, 2px);\n          border: var(--simple-range-input-border, 0px solid #000000);\n        }\n        input[type=\"range\"]::-moz-range-thumb {\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n          border: var(--simple-range-input-border, 0px solid #000000);\n          height: var(--simple-range-input-pin-height, 20px);\n          width: var(\n            --simple-range-input-pin-width,\n            var(--simple-range-input-pin-height, 20px)\n          );\n          border-radius: var(--simple-range-input-border-radius, 50%);\n          background: var(\n            --simple-range-input-color,\n            var(--simple-colors-default-theme-accent-8, grey)\n          );\n          cursor: pointer;\n          margin: calc(\n              0.5 *\n                (\n                  var(--simple-range-input-track-height, 10px) -\n                    var(--simple-range-input-pin-height, 20px)\n                )\n            )\n            0;\n        }\n        input[type=\"range\"]::-ms-track {\n          width: 100%;\n          height: var(--simple-range-input-track-height, 10px);\n          cursor: pointer;\n          background: transparent;\n          border-color: transparent;\n          border-width: var(--simple-range-input-pin-height, 20px) 0;\n          color: transparent;\n        }\n        input[type=\"range\"]::-ms-fill-lower {\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n          border: var(--simple-range-input-border, 0px solid #000000);\n          border-radius: var(--simple-range-input-track-border-radius, 2px);\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n        }\n        input[type=\"range\"]::-ms-fill-upper {\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n          border: var(--simple-range-input-border, 0px solid #000000);\n          border-radius: var(--simple-range-input-track-border-radius, 2px);\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n        }\n        input[type=\"range\"]::-ms-thumb {\n          box-shadow: var(\n            --simple-range-input-box-shadow,\n            0px 0px 0px #000000,\n            0px 0px 0px #0d0d0d\n          );\n          border: var(--simple-range-input-border, 0px solid #000000);\n          height: var(--simple-range-input-pin-height, 20px);\n          width: var(\n            --simple-range-input-pin-width,\n            var(--simple-range-input-pin-height, 20px)\n          );\n          border-radius: var(--simple-range-input-border-radius, 50%);\n          background: var(\n            --simple-range-input-color,\n            var(--simple-colors-default-theme-accent-8, grey)\n          );\n          cursor: pointer;\n          margin: calc(\n              0.5 *\n                (\n                  var(--simple-range-input-track-height, 10px) -\n                    var(--simple-range-input-pin-height, 20px)\n                )\n            )\n            0;\n        }\n        input[type=\"range\"]:focus::-ms-fill-lower {\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n        }\n        input[type=\"range\"]:focus::-ms-fill-upper {\n          background: var(\n            --simple-range-input-bg,\n            var(--simple-colors-default-theme-accent-2, black)\n          );\n        }\n        #label {\n          position: absolute;\n          left: -10000px;\n          top: auto;\n          width: 1px;\n          height: 1px;\n          overflow: hidden;\n        }\n      "])))]);
       }
     }]);
     return SimpleRangeInput;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/lib/simple-search-content.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/lib/simple-search-content.js
index a8281d64bdf..d15261f09be 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/lib/simple-search-content.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/lib/simple-search-content.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.SimpleSearchContent = void 0;
 
-  var _templateObject_e64df6801f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc68b3701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -73,7 +73,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e64df6801f0511ed8cc3e9a95995ad69 || (_templateObject_e64df6801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+        return (0, _index.html)(_templateObject_bc68b3701f2611eda0c389891c227ec8 || (_templateObject_bc68b3701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
       }
     }], [{
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/lib/simple-search-match.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/lib/simple-search-match.js
index a10f34adc56..70e95b5402a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/lib/simple-search-match.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/lib/simple-search-match.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
   });
   _exports.SimpleSearchMatch = void 0;
 
-  var _templateObject_e64fa4301f0511ed8cc3e9a95995ad69, _templateObject2_e64fa4301f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc6a3a101f2611eda0c389891c227ec8, _templateObject2_bc6a3a101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -53,7 +53,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
     babelHelpers.createClass(SimpleSearchMatch, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e64fa4301f0511ed8cc3e9a95995ad69 || (_templateObject_e64fa4301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
+        return (0, _index.html)(_templateObject_bc6a3a101f2611eda0c389891c227ec8 || (_templateObject_bc6a3a101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <slot></slot> "])));
       }
     }], [{
       key: "tag",
@@ -75,7 +75,7 @@ define(["exports", "../../../lit/index.js"], function (_exports, _index) {
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_e64fa4301f0511ed8cc3e9a95995ad69 || (_templateObject2_e64fa4301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin-right: 4px;\n          font-family: var(--simple-search-match-font-family, unset);\n          color: var(--simple-search-match-text-color, #000);\n          background-color: var(--simple-search-match-bg-color, #f0f0f0);\n          border: var(--simple-search-match-border, 1px solid);\n          border-color: var(--simple-search-match-border-color, #ddd);\n          padding: var(--simple-search-match-padding, 0.16px 0px 0.16px 4px);\n          border-radius: var(--simple-search-match-border-radius, 0.16px);\n          font-weight: var(--simple-search-match-font-weight, bold);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bc6a3a101f2611eda0c389891c227ec8 || (_templateObject2_bc6a3a101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          margin-right: 4px;\n          font-family: var(--simple-search-match-font-family, unset);\n          color: var(--simple-search-match-text-color, #000);\n          background-color: var(--simple-search-match-bg-color, #f0f0f0);\n          border: var(--simple-search-match-border, 1px solid);\n          border-color: var(--simple-search-match-border-color, #ddd);\n          padding: var(--simple-search-match-padding, 0.16px 0px 0.16px 4px);\n          border-radius: var(--simple-search-match-border-radius, 0.16px);\n          font-weight: var(--simple-search-match-font-weight, bold);\n        }\n      "])))];
       }
     }]);
     return SimpleSearchMatch;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/simple-search.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/simple-search.js
index 283aaa8a7ca..5d781699f61 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/simple-search.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-search/simple-search.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-fields/lib/simple-fields-fie
   });
   _exports.SimpleSearch = void 0;
 
-  var _templateObject_aee230301f0511ed8cc3e9a95995ad69, _templateObject2_aee230301f0511ed8cc3e9a95995ad69;
+  var _templateObject_8928e3901f2611eda0c389891c227ec8, _templateObject2_8928e3901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -80,7 +80,7 @@ define(["exports", "../../lit/index.js", "../simple-fields/lib/simple-fields-fie
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_aee230301f0511ed8cc3e9a95995ad69 || (_templateObject_aee230301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-fields-field\n        id=\"input\"\n        label=\"", "\"\n        ?inline=\"", "\"\n        @value-changed=\"", "\"\n      >\n        <simple-icon-lite\n          icon=\"", "\"\n          slot=\"", "\"\n        ></simple-icon-lite>\n      </simple-fields-field>\n      <div id=\"xofy\" ?shrink-hide=\"", "\">\n        ", "\n      </div>\n      <div id=\"searchnav\" ?shrink-hide=\"", "\">\n        <button\n          id=\"prev\"\n          aria-label=\"", "\"\n          role=\"button\"\n          controls=\"", "\"\n          tabindex=\"0\"\n          ?disabled=\"", "\"\n          @click=\"", "\"\n        >\n          <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n        </button>\n        <simple-tooltip for=\"prev\">", "</simple-tooltip>\n        <button\n          id=\"next\"\n          aria-label=\"", "\"\n          role=\"button\"\n          controls=\"", "\"\n          tabindex=\"0\"\n          ?disabled=\"", "\"\n          @click=\"", "\"\n        >\n          <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n        </button>\n        <simple-tooltip for=\"next\">", "</simple-tooltip>\n      </div>"])), this.searchInputLabel, this.inline || this.noLabelFloat, this._handleChange, this.searchInputIcon, this.inline ? "label-prefix" : "prefix", this._hasNoSearch(this.searchTerms), this._getResultsSpan(this.resultPointer, this.resultCount), this._hasNoSearch(this.searchTerms), this.prevButtonLabel, this.controls, this.__hidePrev, this._navigateResults, this.prevButtonIcon, this.prevButtonLabel, this.nextButtonLabel, this.controls, this.__hideNext, this._navigateResults, this.nextButtonIcon, this.nextButtonLabel);
+        return (0, _index.html)(_templateObject_8928e3901f2611eda0c389891c227ec8 || (_templateObject_8928e3901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-fields-field\n        id=\"input\"\n        label=\"", "\"\n        ?inline=\"", "\"\n        @value-changed=\"", "\"\n      >\n        <simple-icon-lite\n          icon=\"", "\"\n          slot=\"", "\"\n        ></simple-icon-lite>\n      </simple-fields-field>\n      <div id=\"xofy\" ?shrink-hide=\"", "\">\n        ", "\n      </div>\n      <div id=\"searchnav\" ?shrink-hide=\"", "\">\n        <button\n          id=\"prev\"\n          aria-label=\"", "\"\n          role=\"button\"\n          controls=\"", "\"\n          tabindex=\"0\"\n          ?disabled=\"", "\"\n          @click=\"", "\"\n        >\n          <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n        </button>\n        <simple-tooltip for=\"prev\">", "</simple-tooltip>\n        <button\n          id=\"next\"\n          aria-label=\"", "\"\n          role=\"button\"\n          controls=\"", "\"\n          tabindex=\"0\"\n          ?disabled=\"", "\"\n          @click=\"", "\"\n        >\n          <simple-icon-lite icon=\"", "\"></simple-icon-lite>\n        </button>\n        <simple-tooltip for=\"next\">", "</simple-tooltip>\n      </div>"])), this.searchInputLabel, this.inline || this.noLabelFloat, this._handleChange, this.searchInputIcon, this.inline ? "label-prefix" : "prefix", this._hasNoSearch(this.searchTerms), this._getResultsSpan(this.resultPointer, this.resultCount), this._hasNoSearch(this.searchTerms), this.prevButtonLabel, this.controls, this.__hidePrev, this._navigateResults, this.prevButtonIcon, this.prevButtonLabel, this.nextButtonLabel, this.controls, this.__hideNext, this._navigateResults, this.nextButtonIcon, this.nextButtonLabel);
       } // properties available to the custom element for data binding
 
     }, {
@@ -284,7 +284,7 @@ define(["exports", "../../lit/index.js", "../simple-fields/lib/simple-fields-fie
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_aee230301f0511ed8cc3e9a95995ad69 || (_templateObject2_aee230301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          width: 100%;\n          background-color: var(\n            --simple-search-input-background-color,\n            transparent\n          );\n        }\n\n        #input {\n          flex-grow: 2;\n          margin-right: 4px;\n          padding: var(--simple-search-padding, unset);\n          margin: var(--simple-search-margin, unset);\n          color: var(--simple-search-input-text-color, #000);\n          --simple-fields-color: var(--simple-search-input-text-color, #000);\n          --simple-fields-container-color: var(\n            --simple-search-input-placeholder-color,\n            #222\n          );\n          --simple-fields-background-color: var(\n            --simple-fields-input-background-color,\n            transparent\n          );\n          --simple-icon-color: var(\n            --simple-search-input-placeholder-color,\n            #222\n          );\n        }\n\n        #xofy {\n          margin: 8px;\n        }\n\n        button {\n          margin: 8px 0 8px;\n          border-style: solid;\n          border-width: 1px;\n          border-color: var(--simple-search-button-border-color, #ccc);\n          color: var(--simple-search-button-color, #111);\n          background-color: var(--simple-search-button-bg-color, #eee);\n          border-color: var(--simple-search-button-border-color, #ccc);\n        }\n\n        button:not([disabled]):focus,\n        button:not([disabled]):hover {\n          cursor: pointer;\n          color: var(--simple-search-button-hover-color, #000);\n          background-color: var(--simple-search-button-hover-bg-color, #fff);\n          border-color: var(--simple-search-button-hover-border-color, #ddd);\n        }\n\n        button[disabled] {\n          cursor: not-allowed;\n          color: var(--simple-search-button-disabled-color, #999);\n          background-color: var(--simple-search-button-disabled-bg-color, #eee);\n          border-color: var(--simple-search-button-disabled-border-color, #ccc);\n        }\n\n        button:not([controls]) {\n          display: none;\n        }\n\n        #searchnav {\n          flex: 1 0 auto;\n        }\n\n        #searchnav button {\n          display: inline;\n          flex: 1 0 auto;\n        }\n\n        *[shrink-hide] {\n          display: none;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8928e3901f2611eda0c389891c227ec8 || (_templateObject2_8928e3901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          width: 100%;\n          background-color: var(\n            --simple-search-input-background-color,\n            transparent\n          );\n        }\n\n        #input {\n          flex-grow: 2;\n          margin-right: 4px;\n          padding: var(--simple-search-padding, unset);\n          margin: var(--simple-search-margin, unset);\n          color: var(--simple-search-input-text-color, #000);\n          --simple-fields-color: var(--simple-search-input-text-color, #000);\n          --simple-fields-container-color: var(\n            --simple-search-input-placeholder-color,\n            #222\n          );\n          --simple-fields-background-color: var(\n            --simple-fields-input-background-color,\n            transparent\n          );\n          --simple-icon-color: var(\n            --simple-search-input-placeholder-color,\n            #222\n          );\n        }\n\n        #xofy {\n          margin: 8px;\n        }\n\n        button {\n          margin: 8px 0 8px;\n          border-style: solid;\n          border-width: 1px;\n          border-color: var(--simple-search-button-border-color, #ccc);\n          color: var(--simple-search-button-color, #111);\n          background-color: var(--simple-search-button-bg-color, #eee);\n          border-color: var(--simple-search-button-border-color, #ccc);\n        }\n\n        button:not([disabled]):focus,\n        button:not([disabled]):hover {\n          cursor: pointer;\n          color: var(--simple-search-button-hover-color, #000);\n          background-color: var(--simple-search-button-hover-bg-color, #fff);\n          border-color: var(--simple-search-button-hover-border-color, #ddd);\n        }\n\n        button[disabled] {\n          cursor: not-allowed;\n          color: var(--simple-search-button-disabled-color, #999);\n          background-color: var(--simple-search-button-disabled-bg-color, #eee);\n          border-color: var(--simple-search-button-disabled-border-color, #ccc);\n        }\n\n        button:not([controls]) {\n          display: none;\n        }\n\n        #searchnav {\n          flex: 1 0 auto;\n        }\n\n        #searchnav button {\n          display: inline;\n          flex: 1 0 auto;\n        }\n\n        *[shrink-hide] {\n          display: none;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-timer/simple-timer.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-timer/simple-timer.js
index 6547cde4594..b8cba16b52d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-timer/simple-timer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-timer/simple-timer.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
   });
   _exports.SimpleTimer = void 0;
 
-  var _templateObject_aee47a201f0511ed8cc3e9a95995ad69;
+  var _templateObject_892bc9c01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -106,7 +106,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_aee47a201f0511ed8cc3e9a95995ad69 || (_templateObject_aee47a201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      [[_formattedTime]]\n    "])));
+        return (0, _polymerElement.html)(_templateObject_892bc9c01f2611eda0c389891c227ec8 || (_templateObject_892bc9c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      [[_formattedTime]]\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toast/lib/simple-toast-el.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toast/lib/simple-toast-el.js
index 9f8ab985f7c..c915560e462 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toast/lib/simple-toast-el.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toast/lib/simple-toast-el.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
   });
   _exports.SimpleToastEl = void 0;
 
-  var _templateObject_e652d8801f0511ed8cc3e9a95995ad69, _templateObject2_e652d8801f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc6d6e601f2611eda0c389891c227ec8, _templateObject2_bc6d6e601f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -69,7 +69,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e652d8801f0511ed8cc3e9a95995ad69 || (_templateObject_e652d8801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span><span>", "</span><slot></slot></span>"])), this.text);
+        return (0, _index.html)(_templateObject_bc6d6e601f2611eda0c389891c227ec8 || (_templateObject_bc6d6e601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span><span>", "</span><slot></slot></span>"])), this.text);
       } // To read out loud the toast
 
     }, {
@@ -101,7 +101,7 @@ define(["exports", "../../../lit/index.js", "../../simple-colors/simple-colors.j
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToastEl), "styles", this)), [(0, _index.css)(_templateObject2_e652d8801f0511ed8cc3e9a95995ad69 || (_templateObject2_e652d8801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n          justify-content: center;\n          position: fixed;\n          min-width: 100px;\n          text-align: center;\n          color: var(--simple-colors-default-theme-accent-1, white);\n          background-color: var(--simple-colors-default-theme-accent-12, black);\n          border-radius: var(--simple-toast-border-radius, 2px);\n          border: var(--simple-toast-border, none);\n          font-size: var(--simple-toast-font-size, 1em);\n          font-family: var(--simple-toast-font-family, sans-serif);\n        }\n        :host(.show) {\n          display: flex;\n        }\n        @-webkit-keyframes fadein {\n          from {\n            bottom: 0;\n            opacity: 0;\n          }\n          to {\n            bottom: var(--simple-toast-bottom, 40px);\n            opacity: 1;\n          }\n        }\n        @keyframes fadein {\n          from {\n            bottom: 0;\n            opacity: 0;\n          }\n          to {\n            bottom: var(--simple-toast-bottom, 40px);\n            opacity: 1;\n          }\n        }\n        @-webkit-keyframes fadeout {\n          from {\n            bottom: var(--simple-toast-bottom, 40px);\n            opacity: 1;\n          }\n          to {\n            bottom: 0;\n            opacity: 0;\n          }\n        }\n        @keyframes fadeout {\n          from {\n            bottom: var(--simple-toast-bottom, 40px);\n            opacity: 1;\n          }\n          to {\n            bottom: 0;\n            opacity: 0;\n          }\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToastEl), "styles", this)), [(0, _index.css)(_templateObject2_bc6d6e601f2611eda0c389891c227ec8 || (_templateObject2_bc6d6e601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n          justify-content: center;\n          position: fixed;\n          min-width: 100px;\n          text-align: center;\n          color: var(--simple-colors-default-theme-accent-1, white);\n          background-color: var(--simple-colors-default-theme-accent-12, black);\n          border-radius: var(--simple-toast-border-radius, 2px);\n          border: var(--simple-toast-border, none);\n          font-size: var(--simple-toast-font-size, 1em);\n          font-family: var(--simple-toast-font-family, sans-serif);\n        }\n        :host(.show) {\n          display: flex;\n        }\n        @-webkit-keyframes fadein {\n          from {\n            bottom: 0;\n            opacity: 0;\n          }\n          to {\n            bottom: var(--simple-toast-bottom, 40px);\n            opacity: 1;\n          }\n        }\n        @keyframes fadein {\n          from {\n            bottom: 0;\n            opacity: 0;\n          }\n          to {\n            bottom: var(--simple-toast-bottom, 40px);\n            opacity: 1;\n          }\n        }\n        @-webkit-keyframes fadeout {\n          from {\n            bottom: var(--simple-toast-bottom, 40px);\n            opacity: 1;\n          }\n          to {\n            bottom: 0;\n            opacity: 0;\n          }\n        }\n        @keyframes fadeout {\n          from {\n            bottom: var(--simple-toast-bottom, 40px);\n            opacity: 1;\n          }\n          to {\n            bottom: 0;\n            opacity: 0;\n          }\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toast/simple-toast.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toast/simple-toast.js
index 1ce9e2b020e..8fb09271935 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toast/simple-toast.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toast/simple-toast.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
   });
   _exports.SimpleToastStore = _exports.SimpleToast = void 0;
 
-  var _templateObject_aee90e001f0511ed8cc3e9a95995ad69, _templateObject2_aee90e001f0511ed8cc3e9a95995ad69;
+  var _templateObject_892fe8701f2611eda0c389891c227ec8, _templateObject2_892fe8701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -64,7 +64,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_aee90e001f0511ed8cc3e9a95995ad69 || (_templateObject_aee90e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-toast-el\n      id=\"toast\"\n      accent-color=\"", "\"\n      ?dark=\"", "\"\n      text=\"", "\"\n      duration=\"", "\"\n      ?opened=\"", "\"\n      @opened-changed=\"", "\"\n      .class=\"", "\"\n    >\n      <slot></slot>\n      <button .hidden=\"", "\" @click=\"", "\">\n        ", "\n      </button>\n    </simple-toast-el>"])), this.accentColor, this.dark, this.text, this.duration, this.opened, this.openedChanged, this.classStyle, !this.closeButton, this.hide, this.closeText);
+        return (0, _index.html)(_templateObject_892fe8701f2611eda0c389891c227ec8 || (_templateObject_892fe8701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-toast-el\n      id=\"toast\"\n      accent-color=\"", "\"\n      ?dark=\"", "\"\n      text=\"", "\"\n      duration=\"", "\"\n      ?opened=\"", "\"\n      @opened-changed=\"", "\"\n      .class=\"", "\"\n    >\n      <slot></slot>\n      <button .hidden=\"", "\" @click=\"", "\">\n        ", "\n      </button>\n    </simple-toast-el>"])), this.accentColor, this.dark, this.text, this.duration, this.opened, this.openedChanged, this.classStyle, !this.closeButton, this.hide, this.closeText);
       } // properties available to the custom element for data binding
 
     }, {
@@ -188,7 +188,7 @@ define(["exports", "../../lit/index.js", "../simple-colors/simple-colors.js", ".
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToast), "styles", this)), [(0, _index.css)(_templateObject2_aee90e001f0511ed8cc3e9a95995ad69 || (_templateObject2_aee90e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        simple-toast-el {\n          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n          width: var(--simple-toast-width, auto);\n          color: var(\n            --simple-toast-color,\n            var(--simple-colors-default-theme-accent-1, white)\n          );\n          background-color: var(\n            --simple-toast-bg,\n            var(--simple-colors-default-theme-accent-12, black)\n          );\n          top: var(--simple-toast-top);\n          margin: var(--simple-toast-margin, 8px);\n          padding: var(--simple-toast-padding, 16px);\n          left: var(--simple-toast-left, 36px);\n          bottom: var(--simple-toast-bottom, 36px);\n          right: var(--simple-toast-right);\n          border: var(--simple-toast-border);\n          z-index: var(--simple-toast-z-index, 1000);\n          font-size: var(--simple-toast-font-size);\n        }\n\n        button {\n          margin-left: 8px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToast), "styles", this)), [(0, _index.css)(_templateObject2_892fe8701f2611eda0c389891c227ec8 || (_templateObject2_892fe8701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        simple-toast-el {\n          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n          width: var(--simple-toast-width, auto);\n          color: var(\n            --simple-toast-color,\n            var(--simple-colors-default-theme-accent-1, white)\n          );\n          background-color: var(\n            --simple-toast-bg,\n            var(--simple-colors-default-theme-accent-12, black)\n          );\n          top: var(--simple-toast-top);\n          margin: var(--simple-toast-margin, 8px);\n          padding: var(--simple-toast-padding, 16px);\n          left: var(--simple-toast-left, 36px);\n          bottom: var(--simple-toast-bottom, 36px);\n          right: var(--simple-toast-right);\n          border: var(--simple-toast-border);\n          z-index: var(--simple-toast-z-index, 1000);\n          font-size: var(--simple-toast-font-size);\n        }\n\n        button {\n          margin-left: 8px;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-button-grid.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-button-grid.dev.js
index db993a31334..3fa620f7eb5 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-button-grid.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-button-grid.dev.js
@@ -72,20 +72,20 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject2_f2e0f5001f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c9d60c601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host {\n            padding: 0;\n            margin: 0;\n            max-width: 100%;\n            display: flex;\n            overflow: hidden;\n            flex-direction: column;\n            align-items: stretch;\n            overflow: hidden !important;\n            --simple-button-grid-cols: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            transition: all 0.5s;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n          }\n          #grid {\n            flex: 1 1 auto;\n            max-width: 100%;\n            overflow: auto;\n          }\n\n          #buttons {\n            flex: 0 1 100%;\n            max-width: 100%;\n            display: flex;\n            flex-wrap: wrap;\n            --simple-toolbar-button-flex: var(\n              --simple-toolbar-button-grid-flex,\n              1 1 100%\n            );\n          }\n          #buttons {\n            display: grid;\n            overflow: visible;\n            grid-gap: var(--simple-button-grid-margin, 4px);\n            grid-template-columns: repeat(\n              auto-fill,\n              minmax(\n                calc(\n                  var(--simple-button-grid-cols) - 2 *\n                    var(--simple-button-grid-margin, 4px)\n                ),\n                1fr\n              )\n            );\n          }\n          :host([collapsed]:not([always-expanded]))\n            ::slotted(*[collapse-hide]) {\n            display: none !important;\n          }\n        "]);
 
-  _templateObject2_f2e0f5001f0511ed8cc3e9a95995ad69 = function _templateObject2_f2e0f5001f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c9d60c601f2611eda0c389891c227ec8 = function _templateObject2_c9d60c601f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f2e0f5001f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9d60c601f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <div id="grid">\n          <div\n            id="buttons"\n            class="', '"\n            style="', '"\n            part="buttons"\n          >\n            <slot></slot>\n            ', "\n          </div>\n        </div>\n      "]);
 
-  _templateObject_f2e0f5001f0511ed8cc3e9a95995ad69 = function _templateObject_f2e0f5001f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9d60c601f2611eda0c389891c227ec8 = function _templateObject_c9d60c601f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -306,12 +306,12 @@ var SimpleButtonGridBehaviors = function SimpleButtonGridBehaviors(SuperClass) {
     }, {
       key: "toolbarTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject_f2e0f5001f0511ed8cc3e9a95995ad69(), !this.alwaysExpanded && this.collapsed ? "collapsed" : "", this.gridStyles, this.alwaysExpanded ? "" : this.moreButton);
+        return (0, _litElement.html)(_templateObject_c9d60c601f2611eda0c389891c227ec8(), !this.alwaysExpanded && this.collapsed ? "collapsed" : "", this.gridStyles, this.alwaysExpanded ? "" : this.moreButton);
       }
     }], [{
       key: "baseStyles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_f2e0f5001f0511ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject2_c9d60c601f2611eda0c389891c227ec8())];
       } // properties available to custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-button.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-button.dev.js
index 13ceab151c8..554ccb0cae2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-button.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-button.dev.js
@@ -49,120 +49,120 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject12_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject12_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n          button[part="button"] {\n            color: var(--simple-toolbar-button-color);\n            border-color: var(\n              --simple-toolbar-button-border-color,\n              var(--simple-toolbar-border-color, transparent)\n            );\n            background-color: var(--simple-toolbar-button-bg, transparent);\n            opacity: var(--simple-toolbar-button-opacity, 1);\n            border-width: var(\n              --simple-toolbar-button-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n            border-radius: var(--simple-toolbar-border-radius, 3px);\n            border-style: solid;\n            text-transform: unset;\n          }\n          button[part="button"][aria-pressed="true"] {\n            color: var(--simple-toolbar-button-toggled-color);\n            border-color: var(--simple-toolbar-button-toggled-border-color);\n            background-color: var(--simple-toolbar-button-toggled-bg);\n            opacity: var(--simple-toolbar-button-toggled-opacity, 0.8);\n          }\n          button[part="button"]:focus,\n          button[part="button"]:hover {\n            color: var(--simple-toolbar-button-hover-color);\n            background-color: var(--simple-toolbar-button-hover-bg);\n            border-color: var(--simple-toolbar-button-hover-border-color);\n            opacity: var(--simple-toolbar-button-hover-opacity, 0.8);\n          }\n          button[part="button"][disabled] {\n            cursor: not-allowed;\n            color: var(--simple-toolbar-button-disabled-color, unset);\n            background-color: var(--simple-toolbar-button-disabled-bg, unset);\n            border-color: var(\n              --simple-toolbar-button-disabled-border-color,\n              unset\n            );\n            opacity: var(--simple-toolbar-button-disabled-opacity, 0.5);\n          }\n        ']);
 
-  _templateObject12_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject12_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject12_c9db15701f2611eda0c389891c227ec8 = function _templateObject12_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject11_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject11_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n          :host {\n            font-family: sans-serif;\n            font-size: 13px;\n            flex: 0 1 auto;\n            min-width: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            z-index: 1;\n          }\n          :host(:hover),\n          :host(:focus), \n          :host(:focus-within) {\n            z-index: 2;\n          }\n          button[part="button"] {\n            font-family: inherit;\n            font-size: inherit;\n            min-width: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            min-height: var(--simple-toolbar-button-height, 24px);\n            padding: var(--simple-toolbar-button-padding, 1px);\n            flex: var(--simple-toolbar-button-flex, 0 0 auto);\n            transition: all 0.5s;\n            align-items: var(--simple-toolbar-button-align, center);\n            justify-content: var(--simple-toolbar-button-justify, center);\n          }\n\n          :host([icon-position="top"]) button[part="button"] {\n            flex-direction: column;\n          }\n          :host([icon-position="bottom"]) button[part="button"] {\n            flex-direction: column-reverse;\n          }\n          :host([icon-position="right"]) button[part="button"] {\n            flex-direction: row-reverse;\n          }\n          :host([align-vertical="top"][icon-position="left"])\n            button[part="button"],\n          :host([align-vertical="top"][icon-position="right"])\n            button[part="button"],\n          :host([align-horizontal="left"][icon-position="top"])\n            button[part="button"],\n          :host([align-horizontal="left"][icon-position="bottom"])\n            button[part="button"] {\n            align-items: flex-start;\n          }\n          :host([align-vertical="bottom"][icon-position="left"])\n            button[part="button"],\n          :host([align-vertical="bottom"][icon-position="right"])\n            button[part="button"],\n          :host([align-horizontal="right"][icon-position="top"])\n            button[part="button"],\n          :host([align-horizontal="right"][icon-position="bottom"]) {\n            align-items: flex-end;\n          }\n          :host([align-horizontal="left"][icon-position="left"])\n            button[part="button"],\n          :host([align-horizontal="left"][icon-position="right"])\n            button[part="button"],\n          :host([align-vertical="top"][icon-position="top"])\n            button[part="button"],\n          :host([align-vertical="top"][icon-position="bottom"]) {\n            justify-content: flex-start;\n          }\n          :host([align-horizontal="right"][icon-position="left"])\n            button[part="button"],\n          :host([align-horizontal="right"][icon-position="right"])\n            button[part="button"],\n          :host([align-vertical="bottom"][icon-position="top"])\n            button[part="button"],\n          :host([align-vertical="bottom"][icon-position="bottom"]) {\n            justify-content: flex-end;\n          }\n        ']);
 
-  _templateObject11_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject11_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject11_c9db15701f2611eda0c389891c227ec8 = function _templateObject11_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject10_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject10_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n          :host {\n            display: inline-flex;\n            white-space: nowrap;\n            transition: all 0.5s;\n            z-index: 1;\n          }\n          :host(:hover),\n          :host(:focus-wthin) {\n            z-index: var(--simple-toolbar-focus-z-index, 100) !important;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n            overflow: hidden;\n          }\n          :host([disabled]) {\n            pointer-events: none;\n          }\n          button[part="button"] {\n            display: flex;\n            margin: 0;\n            white-space: nowrap;\n            width: 100%;\n            height: 100%;\n          }\n        ']);
 
-  _templateObject10_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject10_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject10_c9db15701f2611eda0c389891c227ec8 = function _templateObject10_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject9_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject9_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          simple-tooltip {\n            z-index: -1;\n          }\n          :host(:hover) simple-tooltip,\n          :host(:focus-within) simple-tooltip {\n            z-index: var(--simple-toolbar-button-z-index, 2);\n          }\n        "]);
 
-  _templateObject9_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject9_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject9_c9db15701f2611eda0c389891c227ec8 = function _templateObject9_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject8_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject8_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          #icon:not([icon]) {\n            display: none;\n          }\n          #icon[icon] {\n            width: var(\n              --simple-toolbar-button-width,\n              var(--simple-toolbar-button-height, 24px)\n            );\n            height: var(--simple-toolbar-button-height, 24px);\n            flex: 0 0 auto;\n          }\n        "]);
 
-  _templateObject8_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject8_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject8_c9db15701f2611eda0c389891c227ec8 = function _templateObject8_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject7_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject7_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          #label {\n            padding: 0 var(--simple-toolbar-button-label-padding, 2px);\n            white-space: var(--simple-toolbar-button-label-white-space, normal);\n          }\n          .offscreen {\n            position: absolute;\n            left: -999999px;\n            top: 0;\n            height: 0;\n            width: 0;\n            overflow: hidden;\n          }\n        "]);
 
-  _templateObject7_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject7_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject7_c9db15701f2611eda0c389891c227ec8 = function _templateObject7_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject6_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject6_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <button\n              id="button"\n              class="simple-toolbar-button"\n              ?disabled="', '"\n              ?controls="', '"\n              @click="', '"\n              @keypress="', '"\n              tabindex="0"\n              part="button"\n            >\n              ', " ", "\n            </button>\n            ", ""]);
 
-  _templateObject6_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject6_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject6_c9db15701f2611eda0c389891c227ec8 = function _templateObject6_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject5_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject5_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral([' <button\n              id="button"\n              aria-pressed="', '"\n              class="simple-toolbar-button"\n              ?disabled="', '"\n              ?controls="', '"\n              @click="', '"\n              @keypress="', '"\n              tabindex="0"\n              part="button"\n            >\n              ', " ", "\n            </button>\n            ", ""]);
 
-  _templateObject5_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject5_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject5_c9db15701f2611eda0c389891c227ec8 = function _templateObject5_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject4_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<simple-tooltip\n            id="tooltip"\n            for="button"\n            position="', '"\n            part="tooltip"\n            fit-to-visible-bounds\n            >', "</simple-tooltip\n          >"]);
 
-  _templateObject4_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject4_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c9db15701f2611eda0c389891c227ec8 = function _templateObject4_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<span\n            id="label"\n            class="', '"\n            part="label"\n            >', "</span\n          >"]);
 
-  _templateObject3_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject3_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c9db15701f2611eda0c389891c227ec8 = function _templateObject3_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject2_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['<simple-icon-lite\n            id="icon"\n            aria-hidden="true"\n            icon="', '"\n            part="icon"\n          ></simple-icon-lite>']);
 
-  _templateObject2_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject2_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c9db15701f2611eda0c389891c227ec8 = function _templateObject2_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f2e5fe101f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9db15701f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["", ""]);
 
-  _templateObject_f2e5fe101f0511ed8cc3e9a95995ad69 = function _templateObject_f2e5fe101f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9db15701f2611eda0c389891c227ec8 = function _templateObject_c9db15701f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -723,7 +723,7 @@ var SimpleToolbarButtonBehaviors = function SimpleToolbarButtonBehaviors(SuperCl
     }, {
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_f2e5fe101f0511ed8cc3e9a95995ad69(), this.buttonTemplate);
+        return (0, _litElement.html)(_templateObject_c9db15701f2611eda0c389891c227ec8(), this.buttonTemplate);
       }
       /**
        * styles for offscreen elements
@@ -838,7 +838,7 @@ var SimpleToolbarButtonBehaviors = function SimpleToolbarButtonBehaviors(SuperCl
     }, {
       key: "iconTemplate",
       get: function get() {
-        return !this.hasIcon ? "" : (0, _litElement.html)(_templateObject2_f2e5fe101f0511ed8cc3e9a95995ad69(), this.currentIcon);
+        return !this.hasIcon ? "" : (0, _litElement.html)(_templateObject2_c9db15701f2611eda0c389891c227ec8(), this.currentIcon);
       }
       /**
        * template for button label
@@ -849,7 +849,7 @@ var SimpleToolbarButtonBehaviors = function SimpleToolbarButtonBehaviors(SuperCl
     }, {
       key: "labelTemplate",
       get: function get() {
-        return !this.hasLabel ? "" : (0, _litElement.html)(_templateObject3_f2e5fe101f0511ed8cc3e9a95995ad69(), this.labelVisible ? "" : "offscreen", this.currentLabel);
+        return !this.hasLabel ? "" : (0, _litElement.html)(_templateObject3_c9db15701f2611eda0c389891c227ec8(), this.labelVisible ? "" : "offscreen", this.currentLabel);
       }
       /**
        * template for button tooltip
@@ -860,7 +860,7 @@ var SimpleToolbarButtonBehaviors = function SimpleToolbarButtonBehaviors(SuperCl
     }, {
       key: "tooltipTemplate",
       get: function get() {
-        return !this.tooltipVisible ? "" : (0, _litElement.html)(_templateObject4_f2e5fe101f0511ed8cc3e9a95995ad69(), this.tooltipDirection || "bottom", this.currentTooltip || this.currentLabel);
+        return !this.tooltipVisible ? "" : (0, _litElement.html)(_templateObject4_c9db15701f2611eda0c389891c227ec8(), this.tooltipDirection || "bottom", this.currentTooltip || this.currentLabel);
       }
       /**
        * template for button, based on whether or not the button toggles
@@ -871,12 +871,12 @@ var SimpleToolbarButtonBehaviors = function SimpleToolbarButtonBehaviors(SuperCl
     }, {
       key: "buttonTemplate",
       get: function get() {
-        return this.toggles ? (0, _litElement.html)(_templateObject5_f2e5fe101f0511ed8cc3e9a95995ad69(), this.isToggled ? "true" : "false", this.disabled, this.controls, this._handleClick, this._handleKeys, this.iconTemplate, this.labelTemplate, this.tooltipTemplate) : (0, _litElement.html)(_templateObject6_f2e5fe101f0511ed8cc3e9a95995ad69(), this.disabled, this.controls, this._handleClick, this._handleKeys, this.iconTemplate, this.labelTemplate, this.tooltipTemplate);
+        return this.toggles ? (0, _litElement.html)(_templateObject5_c9db15701f2611eda0c389891c227ec8(), this.isToggled ? "true" : "false", this.disabled, this.controls, this._handleClick, this._handleKeys, this.iconTemplate, this.labelTemplate, this.tooltipTemplate) : (0, _litElement.html)(_templateObject6_c9db15701f2611eda0c389891c227ec8(), this.disabled, this.controls, this._handleClick, this._handleKeys, this.iconTemplate, this.labelTemplate, this.tooltipTemplate);
       }
     }], [{
       key: "labelStyles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject7_f2e5fe101f0511ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject7_c9db15701f2611eda0c389891c227ec8())];
       }
       /**
        * styles for button icon
@@ -888,7 +888,7 @@ var SimpleToolbarButtonBehaviors = function SimpleToolbarButtonBehaviors(SuperCl
     }, {
       key: "iconStyles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject8_f2e5fe101f0511ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject8_c9db15701f2611eda0c389891c227ec8())];
       }
       /**
        * styles for button tooltip
@@ -900,7 +900,7 @@ var SimpleToolbarButtonBehaviors = function SimpleToolbarButtonBehaviors(SuperCl
     }, {
       key: "tooltipStyles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject9_f2e5fe101f0511ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject9_c9db15701f2611eda0c389891c227ec8())];
       }
       /**
        * these styles are essential to how the button works
@@ -912,7 +912,7 @@ var SimpleToolbarButtonBehaviors = function SimpleToolbarButtonBehaviors(SuperCl
     }, {
       key: "simpleButtonCoreStyles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject10_f2e5fe101f0511ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject10_c9db15701f2611eda0c389891c227ec8())];
       }
       /**
        * these styles can be extended and overridden if button layout needs to change
@@ -924,7 +924,7 @@ var SimpleToolbarButtonBehaviors = function SimpleToolbarButtonBehaviors(SuperCl
     }, {
       key: "simpleButtonLayoutStyles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject11_f2e5fe101f0511ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject11_c9db15701f2611eda0c389891c227ec8())];
       }
       /**
        * these styles can be extended and overridden if button colors need to change
@@ -936,7 +936,7 @@ var SimpleToolbarButtonBehaviors = function SimpleToolbarButtonBehaviors(SuperCl
     }, {
       key: "simpleButtonThemeStyles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject12_f2e5fe101f0511ed8cc3e9a95995ad69())];
+        return [(0, _litElement.css)(_templateObject12_c9db15701f2611eda0c389891c227ec8())];
       }
       /**
        * aggregates separate styles
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu-item.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu-item.dev.js
index 0e3b7320425..4b3410f41b9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu-item.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu-item.dev.js
@@ -23,10 +23,10 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-function _templateObject2_f2e75da01f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c9dc75001f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host {\n          --simple-toolbar-button-min-width: 100% !important;\n        }\n        ::slotted(*) {\n          --simple-toolbar-border-radius: 0px;\n          display: flex;\n        }\n      "]);
 
-  _templateObject2_f2e75da01f0511ed8cc3e9a95995ad69 = function _templateObject2_f2e75da01f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c9dc75001f2611eda0c389891c227ec8 = function _templateObject2_c9dc75001f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -55,10 +55,10 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject_f2e75da01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9dc75001f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);
 
-  _templateObject_f2e75da01f0511ed8cc3e9a95995ad69 = function _templateObject_f2e75da01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9dc75001f2611eda0c389891c227ec8 = function _templateObject_c9dc75001f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -200,12 +200,12 @@ var SimpleToolbarMenuItem = /*#__PURE__*/function (_A11yMenuButtonItemBe) {
   _createClass(SimpleToolbarMenuItem, [{
     key: "render",
     value: function render() {
-      return (0, _litElement.html)(_templateObject_f2e75da01f0511ed8cc3e9a95995ad69());
+      return (0, _litElement.html)(_templateObject_c9dc75001f2611eda0c389891c227ec8());
     }
   }], [{
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleToolbarMenuItem), "styles", this)), [(0, _litElement.css)(_templateObject2_f2e75da01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleToolbarMenuItem), "styles", this)), [(0, _litElement.css)(_templateObject2_c9dc75001f2611eda0c389891c227ec8())]);
     }
   }, {
     key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu.dev.js
index 2c701a53e2c..5c0cfe6a791 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu.dev.js
@@ -76,30 +76,30 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject5_f2eab9001f0511ed8cc3e9a95995ad69() {
+function _templateObject5_c9df0d101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          :host([expanded]) absolute-position-behavior {\n            border-style: solid;\n            border-width: var(\n              --simple-toolbar-button-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n            border-color: var(\n              --simple-toolbar-button-border-color,\n              var(--simple-toolbar-border-color, inherit)\n            );\n            background-color: var(--simple-toolbar-button-bg, white);\n            box-shadow: var(--simple-toolbar-menu-list-box-shadow, unset);\n          }\n        "]);
 
-  _templateObject5_f2eab9001f0511ed8cc3e9a95995ad69 = function _templateObject5_f2eab9001f0511ed8cc3e9a95995ad69() {
+  _templateObject5_c9df0d101f2611eda0c389891c227ec8 = function _templateObject5_c9df0d101f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject4_f2eab9001f0511ed8cc3e9a95995ad69() {
+function _templateObject4_c9df0d101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          #menu {\n            width: var(--simple-toolbar-button-width);\n            min-width: var(--simple-toolbar-button-min-width);\n          }\n        "]);
 
-  _templateObject4_f2eab9001f0511ed8cc3e9a95995ad69 = function _templateObject4_f2eab9001f0511ed8cc3e9a95995ad69() {
+  _templateObject4_c9df0d101f2611eda0c389891c227ec8 = function _templateObject4_c9df0d101f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject3_f2eab9001f0511ed8cc3e9a95995ad69() {
+function _templateObject3_c9df0d101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n          #menubutton {\n            display: flex;\n            flex-wrap: none;\n            align-items: center;\n            min-width: 42px;\n          }\n          .label {\n            padding: 0 5px;\n          }\n          #dropdownicon {\n            --simple-icon-height: 18px;\n            --simple-icon-width: 18px;\n            margin-left: -2px;\n          }\n        "]);
 
-  _templateObject3_f2eab9001f0511ed8cc3e9a95995ad69 = function _templateObject3_f2eab9001f0511ed8cc3e9a95995ad69() {
+  _templateObject3_c9df0d101f2611eda0c389891c227ec8 = function _templateObject3_c9df0d101f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -128,20 +128,20 @@ function _arrayWithoutHoles(arr) {
   }
 }
 
-function _templateObject2_f2eab9001f0511ed8cc3e9a95995ad69() {
+function _templateObject2_c9df0d101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["<slot></slot>"]);
 
-  _templateObject2_f2eab9001f0511ed8cc3e9a95995ad69 = function _templateObject2_f2eab9001f0511ed8cc3e9a95995ad69() {
+  _templateObject2_c9df0d101f2611eda0c389891c227ec8 = function _templateObject2_c9df0d101f2611eda0c389891c227ec8() {
     return data;
   };
 
   return data;
 }
 
-function _templateObject_f2eab9001f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9df0d101f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(['\n        <button\n          id="menubutton"\n          aria-haspopup="true"\n          aria-controls="menu"\n          aria-expanded="', '"\n          part="button"\n        >\n          ', " ", '\n          <simple-icon-lite\n            id="dropdownicon"\n            icon="arrow-drop-down"\n            aria-hidden="true"\n            part="dropdown-icon"\n          ></simple-icon-lite>\n        </button>\n      ']);
 
-  _templateObject_f2eab9001f0511ed8cc3e9a95995ad69 = function _templateObject_f2eab9001f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9df0d101f2611eda0c389891c227ec8 = function _templateObject_c9df0d101f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -286,7 +286,7 @@ var SimpleToolbarMenuBehaviors = function SimpleToolbarMenuBehaviors(SuperClass)
     _createClass(_class, [{
       key: "buttonTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject_f2eab9001f0511ed8cc3e9a95995ad69(), this.expanded ? "true" : "false", this.iconTemplate, this.labelTemplate);
+        return (0, _litElement.html)(_templateObject_c9df0d101f2611eda0c389891c227ec8(), this.expanded ? "true" : "false", this.iconTemplate, this.labelTemplate);
       }
       /**
        * template for slotted list items
@@ -297,22 +297,22 @@ var SimpleToolbarMenuBehaviors = function SimpleToolbarMenuBehaviors(SuperClass)
     }, {
       key: "listItemTemplate",
       get: function get() {
-        return (0, _litElement.html)(_templateObject2_f2eab9001f0511ed8cc3e9a95995ad69());
+        return (0, _litElement.html)(_templateObject2_c9df0d101f2611eda0c389891c227ec8());
       }
     }], [{
       key: "simpleButtonCoreStyles",
       get: function get() {
-        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "simpleButtonCoreStyles", this)), [(0, _litElement.css)(_templateObject3_f2eab9001f0511ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "simpleButtonCoreStyles", this)), [(0, _litElement.css)(_templateObject3_c9df0d101f2611eda0c389891c227ec8())]);
       }
     }, {
       key: "simpleButtonLayoutStyles",
       get: function get() {
-        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "simpleButtonLayoutStyles", this)), [(0, _litElement.css)(_templateObject4_f2eab9001f0511ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "simpleButtonLayoutStyles", this)), [(0, _litElement.css)(_templateObject4_c9df0d101f2611eda0c389891c227ec8())]);
       }
     }, {
       key: "simpleButtonThemeStyles",
       get: function get() {
-        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "simpleButtonThemeStyles", this)), [(0, _litElement.css)(_templateObject5_f2eab9001f0511ed8cc3e9a95995ad69())]);
+        return [].concat(_toConsumableArray(_get(_getPrototypeOf(_class), "simpleButtonThemeStyles", this)), [(0, _litElement.css)(_templateObject5_c9df0d101f2611eda0c389891c227ec8())]);
       }
     }, {
       key: "styles",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-more-button.dev.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-more-button.dev.js
index f7efe12a000..3ee878fc093 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-more-button.dev.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-more-button.dev.js
@@ -72,10 +72,10 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _templateObject_f2ec66b01f0511ed8cc3e9a95995ad69() {
+function _templateObject_c9e0bac01f2611eda0c389891c227ec8() {
   var data = _taggedTemplateLiteral(["\n        :host([hidden]) {\n          display: none !important;\n        }\n      "]);
 
-  _templateObject_f2ec66b01f0511ed8cc3e9a95995ad69 = function _templateObject_f2ec66b01f0511ed8cc3e9a95995ad69() {
+  _templateObject_c9e0bac01f2611eda0c389891c227ec8 = function _templateObject_c9e0bac01f2611eda0c389891c227ec8() {
     return data;
   };
 
@@ -242,7 +242,7 @@ var SimpleToolbarMoreButton = /*#__PURE__*/function (_SimpleToolbarButtonB) {
   }, {
     key: "styles",
     get: function get() {
-      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleToolbarMoreButton), "styles", this)), [(0, _litElement.css)(_templateObject_f2ec66b01f0511ed8cc3e9a95995ad69())]);
+      return [].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleToolbarMoreButton), "styles", this)), [(0, _litElement.css)(_templateObject_c9e0bac01f2611eda0c389891c227ec8())]);
     }
   }]);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js
index e280d07ba34..7110be10109 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../simple-toolbar.js"], function (_
   });
   _exports.SimpleButtonGridBehaviors = _exports.SimpleButtonGrid = void 0;
 
-  var _templateObject_e655beb01f0511ed8cc3e9a95995ad69, _templateObject2_e655beb01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc702d801f2611eda0c389891c227ec8, _templateObject2_bc702d801f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -61,7 +61,7 @@ define(["exports", "../../../lit/index.js", "../simple-toolbar.js"], function (_
       }, {
         key: "toolbarTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject_e655beb01f0511ed8cc3e9a95995ad69 || (_templateObject_e655beb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"grid\">\n          <div\n            id=\"buttons\"\n            class=\"", "\"\n            style=\"", "\"\n            part=\"buttons\"\n          >\n            <slot></slot>\n            ", "\n          </div>\n        </div>\n      "])), !this.alwaysExpanded && this.collapsed ? "collapsed" : "", this.gridStyles, this.alwaysExpanded ? "" : this.moreButton);
+          return (0, _index.html)(_templateObject_bc702d801f2611eda0c389891c227ec8 || (_templateObject_bc702d801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div id=\"grid\">\n          <div\n            id=\"buttons\"\n            class=\"", "\"\n            style=\"", "\"\n            part=\"buttons\"\n          >\n            <slot></slot>\n            ", "\n          </div>\n        </div>\n      "])), !this.alwaysExpanded && this.collapsed ? "collapsed" : "", this.gridStyles, this.alwaysExpanded ? "" : this.moreButton);
         }
       }, {
         key: "_bottom",
@@ -108,7 +108,7 @@ define(["exports", "../../../lit/index.js", "../simple-toolbar.js"], function (_
       }], [{
         key: "baseStyles",
         get: function get() {
-          return [(0, _index.css)(_templateObject2_e655beb01f0511ed8cc3e9a95995ad69 || (_templateObject2_e655beb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            padding: 0;\n            margin: 0;\n            max-width: 100%;\n            display: flex;\n            overflow: hidden;\n            flex-direction: column;\n            align-items: stretch;\n            overflow: hidden !important;\n            --simple-button-grid-cols: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            transition: all 0.5s;\n            transition: z-index 0s;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n          }\n          #grid {\n            flex: 1 1 auto;\n            max-width: 100%;\n            overflow: auto;\n          }\n\n          #buttons {\n            flex: 0 1 100%;\n            max-width: 100%;\n            display: flex;\n            flex-wrap: wrap;\n            --simple-toolbar-button-flex: var(\n              --simple-toolbar-button-grid-flex,\n              1 1 100%\n            );\n          }\n          #buttons {\n            display: grid;\n            overflow: visible;\n            grid-gap: var(--simple-button-grid-margin, 4px);\n            grid-template-columns: repeat(\n              auto-fill,\n              minmax(\n                calc(\n                  var(--simple-button-grid-cols) - 2 *\n                    var(--simple-button-grid-margin, 4px)\n                ),\n                1fr\n              )\n            );\n          }\n          :host([collapsed]:not([always-expanded]))\n            ::slotted(*[collapse-hide]) {\n            display: none !important;\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject2_bc702d801f2611eda0c389891c227ec8 || (_templateObject2_bc702d801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            padding: 0;\n            margin: 0;\n            max-width: 100%;\n            display: flex;\n            overflow: hidden;\n            flex-direction: column;\n            align-items: stretch;\n            overflow: hidden !important;\n            --simple-button-grid-cols: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            transition: all 0.5s;\n            transition: z-index 0s;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n          }\n          #grid {\n            flex: 1 1 auto;\n            max-width: 100%;\n            overflow: auto;\n          }\n\n          #buttons {\n            flex: 0 1 100%;\n            max-width: 100%;\n            display: flex;\n            flex-wrap: wrap;\n            --simple-toolbar-button-flex: var(\n              --simple-toolbar-button-grid-flex,\n              1 1 100%\n            );\n          }\n          #buttons {\n            display: grid;\n            overflow: visible;\n            grid-gap: var(--simple-button-grid-margin, 4px);\n            grid-template-columns: repeat(\n              auto-fill,\n              minmax(\n                calc(\n                  var(--simple-button-grid-cols) - 2 *\n                    var(--simple-button-grid-margin, 4px)\n                ),\n                1fr\n              )\n            );\n          }\n          :host([collapsed]:not([always-expanded]))\n            ::slotted(*[collapse-hide]) {\n            display: none !important;\n          }\n        "])))];
         } // properties available to custom element for data binding
 
       }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button-group.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button-group.js
index 2ea505b6715..aa59e0b64d4 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button-group.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button-group.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../radio-behaviors/radio-behavio
   });
   _exports.SimpleToolbarButtonGroup = void 0;
 
-  var _templateObject_e6587dd01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc7250601f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -62,7 +62,7 @@ define(["exports", "../../../lit/index.js", "../../radio-behaviors/radio-behavio
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e6587dd01f0511ed8cc3e9a95995ad69 || (_templateObject_e6587dd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
+        return (0, _index.html)(_templateObject_bc7250601f2611eda0c389891c227ec8 || (_templateObject_bc7250601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
       }
       /**
        * allows no item to be selected
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js
index a090a11397a..bb3a05dbe52 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
   });
   _exports.SimpleToolbarGlobalProperties = _exports.SimpleToolbarButtonBehaviors = _exports.SimpleToolbarButton = void 0;
 
-  var _templateObject_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject2_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject3_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject4_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject5_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject6_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject7_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject8_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject9_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject10_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject11_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject12_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject13_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject14_e65fa9c01f0511ed8cc3e9a95995ad69, _templateObject15_e65fa9c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc792e301f2611eda0c389891c227ec8, _templateObject2_bc792e301f2611eda0c389891c227ec8, _templateObject3_bc792e301f2611eda0c389891c227ec8, _templateObject4_bc792e301f2611eda0c389891c227ec8, _templateObject5_bc792e301f2611eda0c389891c227ec8, _templateObject6_bc792e301f2611eda0c389891c227ec8, _templateObject7_bc792e301f2611eda0c389891c227ec8, _templateObject8_bc792e301f2611eda0c389891c227ec8, _templateObject9_bc792e301f2611eda0c389891c227ec8, _templateObject10_bc792e301f2611eda0c389891c227ec8, _templateObject11_bc792e301f2611eda0c389891c227ec8, _templateObject12_bc792e301f2611eda0c389891c227ec8, _templateObject13_bc792e301f2611eda0c389891c227ec8, _templateObject14_bc792e301f2611eda0c389891c227ec8, _templateObject15_bc792e301f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -455,7 +455,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       }, {
         key: "iconTemplate",
         get: function get() {
-          return !this.hasIcon ? "" : (0, _index.html)(_templateObject_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n            id=\"icon\"\n            aria-hidden=\"true\"\n            icon=\"", "\"\n            part=\"icon\"\n          ></simple-icon-lite>"])), this.currentIcon);
+          return !this.hasIcon ? "" : (0, _index.html)(_templateObject_bc792e301f2611eda0c389891c227ec8 || (_templateObject_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-lite\n            id=\"icon\"\n            aria-hidden=\"true\"\n            icon=\"", "\"\n            part=\"icon\"\n          ></simple-icon-lite>"])), this.currentIcon);
         }
         /**
          * template for button label
@@ -466,7 +466,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       }, {
         key: "labelTemplate",
         get: function get() {
-          return !this.hasLabel ? "" : (0, _index.html)(_templateObject2_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject2_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<span\n            id=\"label\"\n            class=\"", "\"\n            part=\"label\"\n            >", "</span\n          >"])), this.labelVisible ? "" : "offscreen", this.currentLabel);
+          return !this.hasLabel ? "" : (0, _index.html)(_templateObject2_bc792e301f2611eda0c389891c227ec8 || (_templateObject2_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<span\n            id=\"label\"\n            class=\"", "\"\n            part=\"label\"\n            >", "</span\n          >"])), this.labelVisible ? "" : "offscreen", this.currentLabel);
         }
         /**
          * template for button tooltip
@@ -477,7 +477,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       }, {
         key: "tooltipTemplate",
         get: function get() {
-          return !this.tooltipVisible ? "" : (0, _index.html)(_templateObject3_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject3_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-tooltip\n            id=\"tooltip\"\n            for=\"button\"\n            position=\"", "\"\n            part=\"tooltip\"\n            fit-to-visible-bounds\n            >", "</simple-tooltip\n          >"])), this.tooltipDirection || "bottom", this.currentTooltip || this.currentLabel);
+          return !this.tooltipVisible ? "" : (0, _index.html)(_templateObject3_bc792e301f2611eda0c389891c227ec8 || (_templateObject3_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-tooltip\n            id=\"tooltip\"\n            for=\"button\"\n            position=\"", "\"\n            part=\"tooltip\"\n            fit-to-visible-bounds\n            >", "</simple-tooltip\n          >"])), this.tooltipDirection || "bottom", this.currentTooltip || this.currentLabel);
         }
         /**
          * template for inner part of button (label and icon) in order specified
@@ -488,7 +488,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       }, {
         key: "buttonInnerTemplate",
         get: function get() {
-          return this.iconPosition === "right" || this.iconPosition === "bottom" ? (0, _index.html)(_templateObject4_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject4_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", " ", ""])), this.labelTemplate, this.iconTemplate) : (0, _index.html)(_templateObject5_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject5_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", " ", ""])), this.iconTemplate, this.labelTemplate);
+          return this.iconPosition === "right" || this.iconPosition === "bottom" ? (0, _index.html)(_templateObject4_bc792e301f2611eda0c389891c227ec8 || (_templateObject4_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", " ", ""])), this.labelTemplate, this.iconTemplate) : (0, _index.html)(_templateObject5_bc792e301f2611eda0c389891c227ec8 || (_templateObject5_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", " ", ""])), this.iconTemplate, this.labelTemplate);
         }
         /**
          * template for button, based on whether or not the button toggles
@@ -499,12 +499,12 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       }, {
         key: "buttonTemplate",
         get: function get() {
-          return this.radio ? (0, _index.html)(_templateObject6_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject6_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              aria-checked=\"", "\"\n              aria-describedby=\"", "\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keypress=\"", "\"\n              @keydown=\"", "\"\n              @blur=\"", "\"\n              @focus=\"", "\"\n              part=\"button\"\n              role=\"radio\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), this.isToggled ? "true" : "false", !!this.describedby && this.describedby !== "" ? this.describedby : undefined, this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleKeydown, this._handleBlur, this._handleFocus, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate) : this.toggles ? (0, _index.html)(_templateObject7_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject7_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              aria-pressed=\"", "\"\n              aria-describedby=\"", "\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keypress=\"", "\"\n              @blur=\"", "\"\n              @focus=\"", "\"\n              part=\"button\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), this.isToggled ? "true" : "false", !!this.describedby && this.describedby !== "" ? this.describedby : undefined, this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleBlur, this._handleFocus, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate) : (0, _index.html)(_templateObject8_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject8_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              aria-describedby=\"", "\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keypress=\"", "\"\n              @blur=\"", "\"\n              @focus=\"", "\"\n              part=\"button\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), !!this.describedby && this.describedby !== "" ? this.describedby : undefined, this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleBlur, this._handleFocus, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate);
+          return this.radio ? (0, _index.html)(_templateObject6_bc792e301f2611eda0c389891c227ec8 || (_templateObject6_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              aria-checked=\"", "\"\n              aria-describedby=\"", "\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keypress=\"", "\"\n              @keydown=\"", "\"\n              @blur=\"", "\"\n              @focus=\"", "\"\n              part=\"button\"\n              role=\"radio\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), this.isToggled ? "true" : "false", !!this.describedby && this.describedby !== "" ? this.describedby : undefined, this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleKeydown, this._handleBlur, this._handleFocus, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate) : this.toggles ? (0, _index.html)(_templateObject7_bc792e301f2611eda0c389891c227ec8 || (_templateObject7_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              aria-pressed=\"", "\"\n              aria-describedby=\"", "\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keypress=\"", "\"\n              @blur=\"", "\"\n              @focus=\"", "\"\n              part=\"button\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), this.isToggled ? "true" : "false", !!this.describedby && this.describedby !== "" ? this.describedby : undefined, this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleBlur, this._handleFocus, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate) : (0, _index.html)(_templateObject8_bc792e301f2611eda0c389891c227ec8 || (_templateObject8_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <button\n              id=\"button\"\n              aria-describedby=\"", "\"\n              class=\"simple-toolbar-button\"\n              ?disabled=\"", "\"\n              ?controls=\"", "\"\n              @click=\"", "\"\n              @keypress=\"", "\"\n              @blur=\"", "\"\n              @focus=\"", "\"\n              part=\"button\"\n              tabindex=\"", "\"\n            >\n              ", "\n            </button>\n            ", ""])), !!this.describedby && this.describedby !== "" ? this.describedby : undefined, this.disabled, this.controls, this._handleClick, this._handleKeys, this._handleBlur, this._handleFocus, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate);
         }
       }, {
         key: "render",
         value: function render() {
-          return (0, _index.html)(_templateObject9_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject9_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), this.buttonTemplate);
+          return (0, _index.html)(_templateObject9_bc792e301f2611eda0c389891c227ec8 || (_templateObject9_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), this.buttonTemplate);
         }
         /**
          * styles for offscreen elements
@@ -591,7 +591,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       }, {
         key: "labelStyles",
         get: function get() {
-          return [(0, _index.css)(_templateObject10_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject10_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          #label {\n            padding: 0 var(--simple-toolbar-button-label-padding, 2px);\n            white-space: var(--simple-toolbar-button-label-white-space, normal);\n          }\n          .offscreen {\n            position: absolute;\n            left: -999999px;\n            top: 0;\n            height: 0;\n            width: 0;\n            overflow: hidden;\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject10_bc792e301f2611eda0c389891c227ec8 || (_templateObject10_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          #label {\n            padding: 0 var(--simple-toolbar-button-label-padding, 2px);\n            white-space: var(--simple-toolbar-button-label-white-space, normal);\n          }\n          .offscreen {\n            position: absolute;\n            left: -999999px;\n            top: 0;\n            height: 0;\n            width: 0;\n            overflow: hidden;\n          }\n        "])))];
         }
         /**
          * styles for button icon
@@ -603,7 +603,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       }, {
         key: "iconStyles",
         get: function get() {
-          return [(0, _index.css)(_templateObject11_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject11_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          #icon:not([icon]) {\n            display: none;\n          }\n          #icon[icon] {\n            width: var(\n              --simple-toolbar-button-width,\n              var(--simple-toolbar-button-height, 24px)\n            );\n            height: var(--simple-toolbar-button-height, 24px);\n            flex: 0 0 auto;\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject11_bc792e301f2611eda0c389891c227ec8 || (_templateObject11_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          #icon:not([icon]) {\n            display: none;\n          }\n          #icon[icon] {\n            width: var(\n              --simple-toolbar-button-width,\n              var(--simple-toolbar-button-height, 24px)\n            );\n            height: var(--simple-toolbar-button-height, 24px);\n            flex: 0 0 auto;\n          }\n        "])))];
         }
         /**
          * styles for button tooltip
@@ -615,7 +615,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       }, {
         key: "tooltipStyles",
         get: function get() {
-          return [(0, _index.css)(_templateObject12_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject12_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          simple-tooltip {\n            z-index: -1;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--simple-toolbar-button-z-index, 2);\n          }\n          :host(:hover) simple-tooltip,\n          :host(:focus-within) simple-tooltip {\n            z-index: var(--simple-toolbar-button-z-index, 2);\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject12_bc792e301f2611eda0c389891c227ec8 || (_templateObject12_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          simple-tooltip {\n            z-index: -1;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--simple-toolbar-button-z-index, 2);\n          }\n          :host(:hover) simple-tooltip,\n          :host(:focus-within) simple-tooltip {\n            z-index: var(--simple-toolbar-button-z-index, 2);\n          }\n        "])))];
         }
         /**
          * these styles are essential to how the button works
@@ -627,7 +627,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       }, {
         key: "simpleButtonCoreStyles",
         get: function get() {
-          return [(0, _index.css)(_templateObject13_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject13_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: inline-flex;\n            white-space: nowrap;\n            transition: all 0.5s;\n            z-index: 1;\n            transition: z-index 0s;\n          }\n          :host(:hover),\n          :host(:focus-wthin) {\n            z-index: var(--simple-toolbar-focus-z-index, 100) !important;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n            overflow: hidden;\n          }\n          :host([disabled]) {\n            pointer-events: none;\n          }\n          *[part=\"button\"] {\n            display: flex;\n            margin: 0;\n            white-space: nowrap;\n            width: 100%;\n            height: 100%;\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject13_bc792e301f2611eda0c389891c227ec8 || (_templateObject13_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            display: inline-flex;\n            white-space: nowrap;\n            transition: all 0.5s;\n            z-index: 1;\n            transition: z-index 0s;\n          }\n          :host(:hover),\n          :host(:focus-wthin) {\n            z-index: var(--simple-toolbar-focus-z-index, 100) !important;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n            overflow: hidden;\n          }\n          :host([disabled]) {\n            pointer-events: none;\n          }\n          *[part=\"button\"] {\n            display: flex;\n            margin: 0;\n            white-space: nowrap;\n            width: 100%;\n            height: 100%;\n          }\n        "])))];
         }
         /**
          * these styles can be extended and overridden if button layout needs to change
@@ -639,7 +639,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       }, {
         key: "simpleButtonLayoutStyles",
         get: function get() {
-          return [(0, _index.css)(_templateObject14_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject14_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            font-family: sans-serif;\n            font-size: 13px;\n            flex: 0 1 auto;\n            min-width: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            z-index: 1;\n          }\n          :host(:hover) {\n            z-index: 2;\n          }\n          :host(:focus-within),\n          :host(:focus) {\n            z-index: 3;\n          }\n          *[part=\"button\"] {\n            font-family: inherit;\n            font-size: inherit;\n            min-width: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            min-height: var(--simple-toolbar-button-height, 24px);\n            padding: var(--simple-toolbar-button-padding, 1px);\n            flex: var(--simple-toolbar-button-flex, 0 0 auto);\n            transition: all 0.5s;\n            align-items: var(--simple-toolbar-button-align, center);\n            justify-content: var(--simple-toolbar-button-justify, center);\n          }\n          :host([icon-position=\"top\"]) *[part=\"button\"],\n          :host([icon-position=\"bottom\"]) *[part=\"button\"] {\n            flex-direction: column;\n          }\n          :host([align-vertical=\"top\"][icon-position=\"left\"]) *[part=\"button\"],\n          :host([align-vertical=\"top\"][icon-position=\"right\"]) *[part=\"button\"],\n          :host([align-horizontal=\"left\"][icon-position=\"top\"])\n            *[part=\"button\"],\n          :host([align-horizontal=\"left\"][icon-position=\"bottom\"])\n            *[part=\"button\"] {\n            align-items: flex-start;\n          }\n          :host([align-vertical=\"bottom\"][icon-position=\"left\"])\n            *[part=\"button\"],\n          :host([align-vertical=\"bottom\"][icon-position=\"right\"])\n            *[part=\"button\"],\n          :host([align-horizontal=\"right\"][icon-position=\"top\"])\n            *[part=\"button\"],\n          :host([align-horizontal=\"right\"][icon-position=\"bottom\"])\n            *[part=\"button\"] {\n            align-items: flex-end;\n          }\n          :host([align-horizontal=\"left\"][icon-position=\"left\"])\n            *[part=\"button\"],\n          :host([align-horizontal=\"left\"][icon-position=\"right\"])\n            *[part=\"button\"],\n          :host([align-vertical=\"top\"][icon-position=\"top\"]) *[part=\"button\"],\n          :host([align-vertical=\"top\"][icon-position=\"bottom\"])\n            *[part=\"button\"] {\n            justify-content: flex-start;\n          }\n          :host([align-horizontal=\"right\"][icon-position=\"left\"])\n            *[part=\"button\"],\n          :host([align-horizontal=\"right\"][icon-position=\"right\"])\n            *[part=\"button\"],\n          :host([align-vertical=\"bottom\"][icon-position=\"top\"])\n            *[part=\"button\"],\n          :host([align-vertical=\"bottom\"][icon-position=\"bottom\"])\n            *[part=\"button\"] {\n            justify-content: flex-end;\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject14_bc792e301f2611eda0c389891c227ec8 || (_templateObject14_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            font-family: sans-serif;\n            font-size: 13px;\n            flex: 0 1 auto;\n            min-width: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            z-index: 1;\n          }\n          :host(:hover) {\n            z-index: 2;\n          }\n          :host(:focus-within),\n          :host(:focus) {\n            z-index: 3;\n          }\n          *[part=\"button\"] {\n            font-family: inherit;\n            font-size: inherit;\n            min-width: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            min-height: var(--simple-toolbar-button-height, 24px);\n            padding: var(--simple-toolbar-button-padding, 1px);\n            flex: var(--simple-toolbar-button-flex, 0 0 auto);\n            transition: all 0.5s;\n            align-items: var(--simple-toolbar-button-align, center);\n            justify-content: var(--simple-toolbar-button-justify, center);\n          }\n          :host([icon-position=\"top\"]) *[part=\"button\"],\n          :host([icon-position=\"bottom\"]) *[part=\"button\"] {\n            flex-direction: column;\n          }\n          :host([align-vertical=\"top\"][icon-position=\"left\"]) *[part=\"button\"],\n          :host([align-vertical=\"top\"][icon-position=\"right\"]) *[part=\"button\"],\n          :host([align-horizontal=\"left\"][icon-position=\"top\"])\n            *[part=\"button\"],\n          :host([align-horizontal=\"left\"][icon-position=\"bottom\"])\n            *[part=\"button\"] {\n            align-items: flex-start;\n          }\n          :host([align-vertical=\"bottom\"][icon-position=\"left\"])\n            *[part=\"button\"],\n          :host([align-vertical=\"bottom\"][icon-position=\"right\"])\n            *[part=\"button\"],\n          :host([align-horizontal=\"right\"][icon-position=\"top\"])\n            *[part=\"button\"],\n          :host([align-horizontal=\"right\"][icon-position=\"bottom\"])\n            *[part=\"button\"] {\n            align-items: flex-end;\n          }\n          :host([align-horizontal=\"left\"][icon-position=\"left\"])\n            *[part=\"button\"],\n          :host([align-horizontal=\"left\"][icon-position=\"right\"])\n            *[part=\"button\"],\n          :host([align-vertical=\"top\"][icon-position=\"top\"]) *[part=\"button\"],\n          :host([align-vertical=\"top\"][icon-position=\"bottom\"])\n            *[part=\"button\"] {\n            justify-content: flex-start;\n          }\n          :host([align-horizontal=\"right\"][icon-position=\"left\"])\n            *[part=\"button\"],\n          :host([align-horizontal=\"right\"][icon-position=\"right\"])\n            *[part=\"button\"],\n          :host([align-vertical=\"bottom\"][icon-position=\"top\"])\n            *[part=\"button\"],\n          :host([align-vertical=\"bottom\"][icon-position=\"bottom\"])\n            *[part=\"button\"] {\n            justify-content: flex-end;\n          }\n        "])))];
         }
         /**
          * these styles can be extended and overridden if button colors need to change
@@ -651,7 +651,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
       }, {
         key: "simpleButtonThemeStyles",
         get: function get() {
-          return [(0, _index.css)(_templateObject15_e65fa9c01f0511ed8cc3e9a95995ad69 || (_templateObject15_e65fa9c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          *[part=\"button\"] {\n            color: var(--simple-toolbar-button-color);\n            border-color: var(\n              --simple-toolbar-button-border-color,\n              var(--simple-toolbar-border-color, transparent)\n            );\n            background-color: var(--simple-toolbar-button-bg, transparent);\n            opacity: var(--simple-toolbar-button-opacity, 1);\n            border-width: var(\n              --simple-toolbar-button-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n            border-radius: var(--simple-toolbar-border-radius, 3px);\n            border-style: solid;\n            text-transform: unset;\n          }\n          :host([radio]) *[part=\"button\"] {\n            border-radius: var(--simple-toolbar-radio-border-radius, 0px);\n          }\n          :host([radio]:last-of-type) *[part=\"button\"] {\n            border-top-right-radius: var(--simple-toolbar-border-radius, 3px);\n            border-bottom-right-radius: var(\n              --simple-toolbar-border-radius,\n              3px\n            );\n          }\n          :host([radio]:first-of-type) *[part=\"button\"] {\n            border-top-left-radius: var(--simple-toolbar-border-radius, 3px);\n            border-bottom-left-radius: var(--simple-toolbar-border-radius, 3px);\n          }\n          *[part=\"button\"][aria-checked=\"true\"],\n          *[part=\"button\"][aria-pressed=\"true\"] {\n            color: var(--simple-toolbar-button-toggled-color);\n            border-color: var(--simple-toolbar-button-toggled-border-color);\n            background-color: var(--simple-toolbar-button-toggled-bg);\n            opacity: var(--simple-toolbar-button-toggled-opacity, 0.8);\n          }\n          *[part=\"button\"]:focus,\n          *[part=\"button\"]:hover {\n            color: var(--simple-toolbar-button-hover-color);\n            background-color: var(--simple-toolbar-button-hover-bg);\n            border-color: var(--simple-toolbar-button-hover-border-color);\n            opacity: var(--simple-toolbar-button-hover-opacity, 0.8);\n          }\n          *[part=\"button\"][disabled] {\n            cursor: not-allowed;\n            color: var(--simple-toolbar-button-disabled-color, unset);\n            background-color: var(--simple-toolbar-button-disabled-bg, unset);\n            border-color: var(\n              --simple-toolbar-button-disabled-border-color,\n              unset\n            );\n            opacity: var(--simple-toolbar-button-disabled-opacity, 0.5);\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject15_bc792e301f2611eda0c389891c227ec8 || (_templateObject15_bc792e301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          *[part=\"button\"] {\n            color: var(--simple-toolbar-button-color);\n            border-color: var(\n              --simple-toolbar-button-border-color,\n              var(--simple-toolbar-border-color, transparent)\n            );\n            background-color: var(--simple-toolbar-button-bg, transparent);\n            opacity: var(--simple-toolbar-button-opacity, 1);\n            border-width: var(\n              --simple-toolbar-button-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n            border-radius: var(--simple-toolbar-border-radius, 3px);\n            border-style: solid;\n            text-transform: unset;\n          }\n          :host([radio]) *[part=\"button\"] {\n            border-radius: var(--simple-toolbar-radio-border-radius, 0px);\n          }\n          :host([radio]:last-of-type) *[part=\"button\"] {\n            border-top-right-radius: var(--simple-toolbar-border-radius, 3px);\n            border-bottom-right-radius: var(\n              --simple-toolbar-border-radius,\n              3px\n            );\n          }\n          :host([radio]:first-of-type) *[part=\"button\"] {\n            border-top-left-radius: var(--simple-toolbar-border-radius, 3px);\n            border-bottom-left-radius: var(--simple-toolbar-border-radius, 3px);\n          }\n          *[part=\"button\"][aria-checked=\"true\"],\n          *[part=\"button\"][aria-pressed=\"true\"] {\n            color: var(--simple-toolbar-button-toggled-color);\n            border-color: var(--simple-toolbar-button-toggled-border-color);\n            background-color: var(--simple-toolbar-button-toggled-bg);\n            opacity: var(--simple-toolbar-button-toggled-opacity, 0.8);\n          }\n          *[part=\"button\"]:focus,\n          *[part=\"button\"]:hover {\n            color: var(--simple-toolbar-button-hover-color);\n            background-color: var(--simple-toolbar-button-hover-bg);\n            border-color: var(--simple-toolbar-button-hover-border-color);\n            opacity: var(--simple-toolbar-button-hover-opacity, 0.8);\n          }\n          *[part=\"button\"][disabled] {\n            cursor: not-allowed;\n            color: var(--simple-toolbar-button-disabled-color, unset);\n            background-color: var(--simple-toolbar-button-disabled-bg, unset);\n            border-color: var(\n              --simple-toolbar-button-disabled-border-color,\n              unset\n            );\n            opacity: var(--simple-toolbar-button-disabled-opacity, 0.5);\n          }\n        "])))];
         }
         /**
          * aggregates separate styles
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-field.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-field.js
index 3b16994ab43..953ea98442a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-field.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-field.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-toolbar-button.js"], funct
   });
   _exports.SimpleToolbarField = void 0;
 
-  var _templateObject_e6628ff01f0511ed8cc3e9a95995ad69, _templateObject2_e6628ff01f0511ed8cc3e9a95995ad69, _templateObject3_e6628ff01f0511ed8cc3e9a95995ad69, _templateObject4_e6628ff01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc7c89901f2611eda0c389891c227ec8, _templateObject2_bc7c89901f2611eda0c389891c227ec8, _templateObject3_bc7c89901f2611eda0c389891c227ec8, _templateObject4_bc7c89901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -58,7 +58,7 @@ define(["exports", "../../../lit/index.js", "./simple-toolbar-button.js"], funct
        * @readonly
        */
       function get() {
-        return this.fullDisplay ? (0, _index.html)(_templateObject_e6628ff01f0511ed8cc3e9a95995ad69 || (_templateObject_e6628ff01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div\n            id=\"button\"\n            class=\"simple-toolbar-button\"\n            ?disabled=\"", "\"\n            part=\"button\"\n          >\n            ", "\n            <slot></slot>\n          </div>\n          ", ""])), this.disabled, this.buttonInnerTemplate, this.tooltipFullDisplayTemplate) : (0, _index.html)(_templateObject2_e6628ff01f0511ed8cc3e9a95995ad69 || (_templateObject2_e6628ff01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div\n            id=\"button\"\n            class=\"simple-toolbar-button\"\n            ?disabled=\"", "\"\n            part=\"button\"\n          >\n            ", "\n            <span part=\"field\">\n              <slot></slot>\n            </span>\n          </div>\n          ", ""])), this.disabled, this.buttonInnerTemplate, this.tooltipTemplate);
+        return this.fullDisplay ? (0, _index.html)(_templateObject_bc7c89901f2611eda0c389891c227ec8 || (_templateObject_bc7c89901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div\n            id=\"button\"\n            class=\"simple-toolbar-button\"\n            ?disabled=\"", "\"\n            part=\"button\"\n          >\n            ", "\n            <slot></slot>\n          </div>\n          ", ""])), this.disabled, this.buttonInnerTemplate, this.tooltipFullDisplayTemplate) : (0, _index.html)(_templateObject2_bc7c89901f2611eda0c389891c227ec8 || (_templateObject2_bc7c89901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div\n            id=\"button\"\n            class=\"simple-toolbar-button\"\n            ?disabled=\"", "\"\n            part=\"button\"\n          >\n            ", "\n            <span part=\"field\">\n              <slot></slot>\n            </span>\n          </div>\n          ", ""])), this.disabled, this.buttonInnerTemplate, this.tooltipTemplate);
       }
       /**
        * template for button tooltip
@@ -69,7 +69,7 @@ define(["exports", "../../../lit/index.js", "./simple-toolbar-button.js"], funct
     }, {
       key: "tooltipFullDisplayTemplate",
       get: function get() {
-        return !this.tooltipVisible ? "" : (0, _index.html)(_templateObject3_e6628ff01f0511ed8cc3e9a95995ad69 || (_templateObject3_e6628ff01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-tooltip\n          id=\"tooltip\"\n          for=\"", "\"\n          offset=\"5\"\n          position=\"right\"\n          part=\"tooltip\"\n          fit-to-visible-bounds\n          >", "</simple-tooltip\n        >"])), !this.hasIcon ? "label" : "icon", this.currentTooltip || this.currentLabel);
+        return !this.tooltipVisible ? "" : (0, _index.html)(_templateObject3_bc7c89901f2611eda0c389891c227ec8 || (_templateObject3_bc7c89901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-tooltip\n          id=\"tooltip\"\n          for=\"", "\"\n          offset=\"5\"\n          position=\"right\"\n          part=\"tooltip\"\n          fit-to-visible-bounds\n          >", "</simple-tooltip\n        >"])), !this.hasIcon ? "label" : "icon", this.currentTooltip || this.currentLabel);
       }
     }, {
       key: "focusableElement",
@@ -131,7 +131,7 @@ define(["exports", "../../../lit/index.js", "./simple-toolbar-button.js"], funct
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToolbarField), "styles", this)), [(0, _index.css)(_templateObject4_e6628ff01f0511ed8cc3e9a95995ad69 || (_templateObject4_e6628ff01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([full-display]) {\n          min-width: 100px;\n          display: block;\n          padding-right: 3px;\n          overflow: visible;\n        }\n        *[part=\"button\"] {\n          height: auto;\n          width: auto;\n          align-self: stretch;\n          flex: 1 1 auto;\n        }\n        *[part=\"button\"]:hover {\n          opacity: 1;\n        }\n        *[part=\"button\"]:hover > *:not([part=\"field\"]) {\n          opacity: var(--simple-toolbar-button-hover-opacity, 0.8);\n        }\n        :host([full-display]) *[part=\"button\"] {\n          border-width: 0;\n        }\n        :host(:focus-within) *[part=\"button\"] {\n          color: var(--simple-toolbar-button-hover-color);\n          background-color: var(--simple-toolbar-button-hover-bg);\n          border-color: var(--simple-toolbar-button-hover-border-color);\n          opacity: var(--simple-toolbar-button-hover-opacity, 0.8);\n        }\n        *[part=\"field\"] {\n          width: 0;\n          height: 0;\n          flex: 0 0 0px;\n          display: flex;\n          align-items: center;\n          overflow: visible;\n        }\n        :host([icon-position=\"top\"]) *[part=\"field\"],\n        :host([icon-position=\"bottom\"]) *[part=\"field\"] {\n          flex-direction: column;\n        }\n        :host([align-horizontal=\"left\"]) *[part=\"field\"] {\n          align-items: flex-start;\n        }\n        :host([align-horizontal=\"right\"]) *[part=\"field\"] {\n          align-items: flex-end;\n        }\n        ::slotted(*) {\n          width: 10px;\n          flex: 1 1 auto;\n        }\n        :host(:not([full-display])) ::slotted(*) {\n          flex: 0 0 auto;\n          width: 0px;\n          opacity: 0;\n          padding: 0;\n          transition: width ease-in-out 0.5s, opacity 0.5s ease-in-out 0s;\n        }\n        :host([is-current-item]:not([full-display])) ::slotted(:focus) {\n          width: 100px;\n          opacity: 1;\n          padding: unset;\n          transition: width ease-in-out 0.5s;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToolbarField), "styles", this)), [(0, _index.css)(_templateObject4_bc7c89901f2611eda0c389891c227ec8 || (_templateObject4_bc7c89901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([full-display]) {\n          min-width: 100px;\n          display: block;\n          padding-right: 3px;\n          overflow: visible;\n        }\n        *[part=\"button\"] {\n          height: auto;\n          width: auto;\n          align-self: stretch;\n          flex: 1 1 auto;\n        }\n        *[part=\"button\"]:hover {\n          opacity: 1;\n        }\n        *[part=\"button\"]:hover > *:not([part=\"field\"]) {\n          opacity: var(--simple-toolbar-button-hover-opacity, 0.8);\n        }\n        :host([full-display]) *[part=\"button\"] {\n          border-width: 0;\n        }\n        :host(:focus-within) *[part=\"button\"] {\n          color: var(--simple-toolbar-button-hover-color);\n          background-color: var(--simple-toolbar-button-hover-bg);\n          border-color: var(--simple-toolbar-button-hover-border-color);\n          opacity: var(--simple-toolbar-button-hover-opacity, 0.8);\n        }\n        *[part=\"field\"] {\n          width: 0;\n          height: 0;\n          flex: 0 0 0px;\n          display: flex;\n          align-items: center;\n          overflow: visible;\n        }\n        :host([icon-position=\"top\"]) *[part=\"field\"],\n        :host([icon-position=\"bottom\"]) *[part=\"field\"] {\n          flex-direction: column;\n        }\n        :host([align-horizontal=\"left\"]) *[part=\"field\"] {\n          align-items: flex-start;\n        }\n        :host([align-horizontal=\"right\"]) *[part=\"field\"] {\n          align-items: flex-end;\n        }\n        ::slotted(*) {\n          width: 10px;\n          flex: 1 1 auto;\n        }\n        :host(:not([full-display])) ::slotted(*) {\n          flex: 0 0 auto;\n          width: 0px;\n          opacity: 0;\n          padding: 0;\n          transition: width ease-in-out 0.5s, opacity 0.5s ease-in-out 0s;\n        }\n        :host([is-current-item]:not([full-display])) ::slotted(:focus) {\n          width: 100px;\n          opacity: 1;\n          padding: unset;\n          transition: width ease-in-out 0.5s;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js
index 92e85f1a176..b80808b1bb9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../a11y-menu-button/lib/a11y-men
   });
   _exports.SimpleToolbarMenuItem = void 0;
 
-  var _templateObject_e663ef801f0511ed8cc3e9a95995ad69, _templateObject2_e663ef801f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc7dc2101f2611eda0c389891c227ec8, _templateObject2_bc7dc2101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -36,7 +36,7 @@ define(["exports", "../../../lit/index.js", "../../a11y-menu-button/lib/a11y-men
     babelHelpers.createClass(SimpleToolbarMenuItem, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e663ef801f0511ed8cc3e9a95995ad69 || (_templateObject_e663ef801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <li role=\"none\">\n        <slot></slot>\n      </li>\n    "])));
+        return (0, _index.html)(_templateObject_bc7dc2101f2611eda0c389891c227ec8 || (_templateObject_bc7dc2101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <li role=\"none\">\n        <slot></slot>\n      </li>\n    "])));
       }
     }, {
       key: "menuItem",
@@ -52,7 +52,7 @@ define(["exports", "../../../lit/index.js", "../../a11y-menu-button/lib/a11y-men
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToolbarMenuItem), "styles", this)), [(0, _index.css)(_templateObject2_e663ef801f0511ed8cc3e9a95995ad69 || (_templateObject2_e663ef801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --simple-toolbar-button-min-width: 100% !important;\n        }\n        ::slotted(*) {\n          --simple-toolbar-border-radius: 0px;\n          display: flex;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToolbarMenuItem), "styles", this)), [(0, _index.css)(_templateObject2_bc7dc2101f2611eda0c389891c227ec8 || (_templateObject2_bc7dc2101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --simple-toolbar-button-min-width: 100% !important;\n        }\n        ::slotted(*) {\n          --simple-toolbar-border-radius: 0px;\n          display: flex;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu.js
index c36e19593fb..94c6e30cb8c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../a11y-menu-button/a11y-menu-bu
   });
   _exports.SimpleToolbarMenuBehaviors = _exports.SimpleToolbarMenu = void 0;
 
-  var _templateObject_e66835401f0511ed8cc3e9a95995ad69, _templateObject2_e66835401f0511ed8cc3e9a95995ad69, _templateObject3_e66835401f0511ed8cc3e9a95995ad69, _templateObject4_e66835401f0511ed8cc3e9a95995ad69, _templateObject5_e66835401f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc8207d01f2611eda0c389891c227ec8, _templateObject2_bc8207d01f2611eda0c389891c227ec8, _templateObject3_bc8207d01f2611eda0c389891c227ec8, _templateObject4_bc8207d01f2611eda0c389891c227ec8, _templateObject5_bc8207d01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -60,7 +60,7 @@ define(["exports", "../../../lit/index.js", "../../a11y-menu-button/a11y-menu-bu
          * @readonly
          */
         function get() {
-          return (0, _index.html)(_templateObject_e66835401f0511ed8cc3e9a95995ad69 || (_templateObject_e66835401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <button\n          id=\"menubutton\"\n          aria-haspopup=\"true\"\n          aria-controls=\"menu\"\n          ?disabled=\"", "\"\n          aria-expanded=\"", "\"\n          @blur=\"", "\"\n          part=\"button\"\n          tabindex=\"", "\"\n        >\n          ", "\n          <simple-icon-lite\n            id=\"dropdownicon\"\n            icon=\"arrow-drop-down\"\n            aria-hidden=\"true\"\n            part=\"dropdown-icon\"\n          ></simple-icon-lite>\n        </button>\n        ", "\n      "])), this.disabled, this.expanded ? "true" : "false", this._handleBlur, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate);
+          return (0, _index.html)(_templateObject_bc8207d01f2611eda0c389891c227ec8 || (_templateObject_bc8207d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <button\n          id=\"menubutton\"\n          aria-haspopup=\"true\"\n          aria-controls=\"menu\"\n          ?disabled=\"", "\"\n          aria-expanded=\"", "\"\n          @blur=\"", "\"\n          part=\"button\"\n          tabindex=\"", "\"\n        >\n          ", "\n          <simple-icon-lite\n            id=\"dropdownicon\"\n            icon=\"arrow-drop-down\"\n            aria-hidden=\"true\"\n            part=\"dropdown-icon\"\n          ></simple-icon-lite>\n        </button>\n        ", "\n      "])), this.disabled, this.expanded ? "true" : "false", this._handleBlur, this.isCurrentItem ? 1 : -1, this.buttonInnerTemplate, this.tooltipTemplate);
         }
       }, {
         key: "buttonInnerTemplate",
@@ -76,7 +76,7 @@ define(["exports", "../../../lit/index.js", "../../a11y-menu-button/a11y-menu-bu
       }, {
         key: "tooltipTemplate",
         get: function get() {
-          return !this.tooltipVisible ? "" : (0, _index.html)(_templateObject2_e66835401f0511ed8cc3e9a95995ad69 || (_templateObject2_e66835401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-tooltip\n            id=\"tooltip\"\n            for=\"menubutton\"\n            position=\"", "\"\n            part=\"tooltip\"\n            fit-to-visible-bounds\n            >", "</simple-tooltip\n          >"])), this.tooltipDirection || "top", this.currentTooltip || this.currentLabel);
+          return !this.tooltipVisible ? "" : (0, _index.html)(_templateObject2_bc8207d01f2611eda0c389891c227ec8 || (_templateObject2_bc8207d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-tooltip\n            id=\"tooltip\"\n            for=\"menubutton\"\n            position=\"", "\"\n            part=\"tooltip\"\n            fit-to-visible-bounds\n            >", "</simple-tooltip\n          >"])), this.tooltipDirection || "top", this.currentTooltip || this.currentLabel);
         }
       }, {
         key: "focusableElement",
@@ -180,12 +180,12 @@ define(["exports", "../../../lit/index.js", "../../a11y-menu-button/a11y-menu-bu
       }], [{
         key: "simpleButtonCoreStyles",
         get: function get() {
-          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "simpleButtonCoreStyles", this)), [(0, _index.css)(_templateObject3_e66835401f0511ed8cc3e9a95995ad69 || (_templateObject3_e66835401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            --icon-offset-left: 12px;\n          }\n          #menubutton {\n            display: flex;\n            flex-wrap: none;\n            align-items: center;\n            min-width: calc(42px - var(--icon-offset-left));\n            padding-right: var(--icon-offset-left);\n          }\n          #dropdownicon {\n            --simple-icon-height: 18px;\n            --simple-icon-width: 18px;\n            position: absolute;\n            right: 2px;\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "simpleButtonCoreStyles", this)), [(0, _index.css)(_templateObject3_bc8207d01f2611eda0c389891c227ec8 || (_templateObject3_bc8207d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            --icon-offset-left: 12px;\n          }\n          #menubutton {\n            display: flex;\n            flex-wrap: none;\n            align-items: center;\n            min-width: calc(42px - var(--icon-offset-left));\n            padding-right: var(--icon-offset-left);\n          }\n          #dropdownicon {\n            --simple-icon-height: 18px;\n            --simple-icon-width: 18px;\n            position: absolute;\n            right: 2px;\n          }\n        "])))]);
         }
       }, {
         key: "simpleButtonLayoutStyles",
         get: function get() {
-          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "simpleButtonLayoutStyles", this)), [(0, _index.css)(_templateObject4_e66835401f0511ed8cc3e9a95995ad69 || (_templateObject4_e66835401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          #menu {\n            width: var(--simple-toolbar-button-width);\n            min-width: var(--simple-toolbar-button-min-width);\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "simpleButtonLayoutStyles", this)), [(0, _index.css)(_templateObject4_bc8207d01f2611eda0c389891c227ec8 || (_templateObject4_bc8207d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          #menu {\n            width: var(--simple-toolbar-button-width);\n            min-width: var(--simple-toolbar-button-min-width);\n          }\n        "])))]);
         }
         /**
          * styles that provide theming button
@@ -197,7 +197,7 @@ define(["exports", "../../../lit/index.js", "../../a11y-menu-button/a11y-menu-bu
       }, {
         key: "simpleButtonThemeStyles",
         get: function get() {
-          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "simpleButtonThemeStyles", this)), [(0, _index.css)(_templateObject5_e66835401f0511ed8cc3e9a95995ad69 || (_templateObject5_e66835401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host([expanded]) absolute-position-behavior {\n            border-style: solid;\n            border-width: var(\n              --simple-toolbar-button-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n            border-color: var(\n              --simple-toolbar-button-border-color,\n              var(--simple-toolbar-border-color, inherit)\n            );\n            background-color: var(--simple-toolbar-button-bg, white);\n            box-shadow: var(--simple-toolbar-menu-list-box-shadow, unset);\n          }\n        "])))]);
+          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "simpleButtonThemeStyles", this)), [(0, _index.css)(_templateObject5_bc8207d01f2611eda0c389891c227ec8 || (_templateObject5_bc8207d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host([expanded]) absolute-position-behavior {\n            border-style: solid;\n            border-width: var(\n              --simple-toolbar-button-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n            border-color: var(\n              --simple-toolbar-button-border-color,\n              var(--simple-toolbar-border-color, inherit)\n            );\n            background-color: var(--simple-toolbar-button-bg, white);\n            box-shadow: var(--simple-toolbar-menu-list-box-shadow, unset);\n          }\n        "])))]);
         }
       }, {
         key: "styles",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-more-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-more-button.js
index 2df0f9f96ed..d254376ca41 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-more-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-more-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "./simple-toolbar-button.js"], funct
   });
   _exports.SimpleToolbarMoreButton = void 0;
 
-  var _templateObject_e66a31101f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc83dc901f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -79,7 +79,7 @@ define(["exports", "../../../lit/index.js", "./simple-toolbar-button.js"], funct
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToolbarMoreButton), "styles", this)), [(0, _index.css)(_templateObject_e66a31101f0511ed8cc3e9a95995ad69 || (_templateObject_e66a31101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]) {\n          display: none !important;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToolbarMoreButton), "styles", this)), [(0, _index.css)(_templateObject_bc83dc901f2611eda0c389891c227ec8 || (_templateObject_bc83dc901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]) {\n          display: none !important;\n        }\n      "])))]);
       }
     }]);
     return SimpleToolbarMoreButton;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/simple-toolbar.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/simple-toolbar.js
index fe8cc6f0ee9..ca41fb18bbf 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/simple-toolbar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-toolbar/simple-toolbar.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "./lib/simple-toolbar-more-button.js",
   });
   _exports.SimpleToolbarBehaviors = _exports.SimpleToolbar = void 0;
 
-  var _templateObject_aef40a801f0511ed8cc3e9a95995ad69, _templateObject2_aef40a801f0511ed8cc3e9a95995ad69, _templateObject3_aef40a801f0511ed8cc3e9a95995ad69, _templateObject4_aef40a801f0511ed8cc3e9a95995ad69;
+  var _templateObject_893b33101f2611eda0c389891c227ec8, _templateObject2_893b33101f2611eda0c389891c227ec8, _templateObject3_893b33101f2611eda0c389891c227ec8, _templateObject4_893b33101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -131,7 +131,7 @@ define(["exports", "../../lit/index.js", "./lib/simple-toolbar-more-button.js",
         get: function get() {
           var _this2 = this;
 
-          return (0, _index.html)(_templateObject_aef40a801f0511ed8cc3e9a95995ad69 || (_templateObject_aef40a801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-toolbar-more-button\n        id=\"morebutton\"\n        align-horizontal=\"", "\"\n        align-vertical=\"", "\"\n        aria-controls=\"buttons\"\n        class=\"button\"\n        @click=\"", "\"\n        ?disabled=", "\n        @toggle=\"", "\"\n        ?hidden=", "\n        icon=\"", "\"\n        icon-position=\"", "\"\n        label=\"", "\"\n        shortcut=\"", "\"\n        ?show-text-label=\"", "\"\n        ?toggled=\"", "\"\n        toggled-icon=\"", "\"\n        toggled-label=\"", "\"\n        toggled-tooltip=\"", "\"\n        tooltip-direction=\"", "\"\n        part=\"morebutton\"\n      >\n      </simple-toolbar-more-button>"])), this.alignHorizontal, this.alignVertical, function (e) {
+          return (0, _index.html)(_templateObject_893b33101f2611eda0c389891c227ec8 || (_templateObject_893b33101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-toolbar-more-button\n        id=\"morebutton\"\n        align-horizontal=\"", "\"\n        align-vertical=\"", "\"\n        aria-controls=\"buttons\"\n        class=\"button\"\n        @click=\"", "\"\n        ?disabled=", "\n        @toggle=\"", "\"\n        ?hidden=", "\n        icon=\"", "\"\n        icon-position=\"", "\"\n        label=\"", "\"\n        shortcut=\"", "\"\n        ?show-text-label=\"", "\"\n        ?toggled=\"", "\"\n        toggled-icon=\"", "\"\n        toggled-label=\"", "\"\n        toggled-tooltip=\"", "\"\n        tooltip-direction=\"", "\"\n        part=\"morebutton\"\n      >\n      </simple-toolbar-more-button>"])), this.alignHorizontal, this.alignVertical, function (e) {
             return _this2.collapsed = !_this2.collapsed;
           }, this.collapseDisabled, function (e) {
             return _this2.collapsed = !_this2.collapsed;
@@ -147,7 +147,7 @@ define(["exports", "../../lit/index.js", "./lib/simple-toolbar-more-button.js",
       }, {
         key: "toolbarTemplate",
         get: function get() {
-          return (0, _index.html)(_templateObject2_aef40a801f0511ed8cc3e9a95995ad69 || (_templateObject2_aef40a801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          id=\"buttons\"\n          class=\"", "\"\n          part=\"buttons\"\n        >\n          <slot></slot>\n        </div>\n        ", "\n      "])), !this.alwaysExpanded && this.collapsed ? "collapsed" : "", this.alwaysExpanded ? "" : this.moreButton);
+          return (0, _index.html)(_templateObject2_893b33101f2611eda0c389891c227ec8 || (_templateObject2_893b33101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        <div\n          id=\"buttons\"\n          class=\"", "\"\n          part=\"buttons\"\n        >\n          <slot></slot>\n        </div>\n        ", "\n      "])), !this.alwaysExpanded && this.collapsed ? "collapsed" : "", this.alwaysExpanded ? "" : this.moreButton);
         }
       }, {
         key: "connectedCallback",
@@ -770,13 +770,13 @@ define(["exports", "../../lit/index.js", "./lib/simple-toolbar-more-button.js",
       }], [{
         key: "stickyStyles",
         get: function get() {
-          return [(0, _index.css)(_templateObject3_aef40a801f0511ed8cc3e9a95995ad69 || (_templateObject3_aef40a801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host([sticky]) {\n            position: sticky;\n            top: 0;\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject3_893b33101f2611eda0c389891c227ec8 || (_templateObject3_893b33101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host([sticky]) {\n            position: sticky;\n            top: 0;\n          }\n        "])))];
         } // render function for styles
 
       }, {
         key: "baseStyles",
         get: function get() {
-          return [(0, _index.css)(_templateObject4_aef40a801f0511ed8cc3e9a95995ad69 || (_templateObject4_aef40a801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            position: relative;\n            display: flex;\n            align-items: flex-start;\n            opacity: 1;\n            z-index: 2;\n            margin: 0;\n            justify-content: space-between;\n            background-color: var(--simple-toolbar-bg);\n            font-size: inherit;\n            margin: 0;\n            padding: 0;\n            transition: all 0.5s;\n            transition: z-index 0s;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n          }\n          :host([disabled]) {\n            opacity: 0.6;\n            pointer-events: none;\n          }\n          :host(:focus-within) {\n            border: 1px solid\n              var(\n                --simple-toolbar-hover-border-color,\n                var(--simple-toolbar-button-hover-border-color)\n              );\n          }\n          #buttons {\n            flex-wrap: wrap;\n            display: flex;\n            justify-content: flex-start;\n            flex: 1 1 auto;\n            overflow-y: visible;\n          }\n          #morebutton {\n            flex: 0 0 auto;\n          }\n          ::slotted(.group) {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-evenly;\n            align-items: stretch;\n            margin: 0;\n            flex: 0 1 auto;\n            overflow-y: visible;\n            border-width: 0px;\n            border-style: solid;\n            padding: var(--simple-toolbar-group-padding, 0 3px);\n            border-color: var(\n              --simple-toolbar-border-color,\n              var(--simple-toolbar-group-border-color, transparent)\n            );\n          }\n          ::slotted(.group:not(:last-child)) {\n            border-right-width: var(\n              --simple-toolbar-group-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n          }\n          ::slotted(*:hover),\n          ::slotted(*:focus-wthin) {\n            z-index: var(--simple-toolbar-focus-z-index, 100);\n            transition: z-index 0s;\n          }\n          :host([collapsed]:not([always-expanded]))\n            ::slotted(*[collapse-hide]) {\n            display: none !important;\n          }\n        "])))];
+          return [(0, _index.css)(_templateObject4_893b33101f2611eda0c389891c227ec8 || (_templateObject4_893b33101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          :host {\n            position: relative;\n            display: flex;\n            align-items: flex-start;\n            opacity: 1;\n            z-index: 2;\n            margin: 0;\n            justify-content: space-between;\n            background-color: var(--simple-toolbar-bg);\n            font-size: inherit;\n            margin: 0;\n            padding: 0;\n            transition: all 0.5s;\n            transition: z-index 0s;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n          }\n          :host([disabled]) {\n            opacity: 0.6;\n            pointer-events: none;\n          }\n          :host(:focus-within) {\n            border: 1px solid\n              var(\n                --simple-toolbar-hover-border-color,\n                var(--simple-toolbar-button-hover-border-color)\n              );\n          }\n          #buttons {\n            flex-wrap: wrap;\n            display: flex;\n            justify-content: flex-start;\n            flex: 1 1 auto;\n            overflow-y: visible;\n          }\n          #morebutton {\n            flex: 0 0 auto;\n          }\n          ::slotted(.group) {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-evenly;\n            align-items: stretch;\n            margin: 0;\n            flex: 0 1 auto;\n            overflow-y: visible;\n            border-width: 0px;\n            border-style: solid;\n            padding: var(--simple-toolbar-group-padding, 0 3px);\n            border-color: var(\n              --simple-toolbar-border-color,\n              var(--simple-toolbar-group-border-color, transparent)\n            );\n          }\n          ::slotted(.group:not(:last-child)) {\n            border-right-width: var(\n              --simple-toolbar-group-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n          }\n          ::slotted(*:hover),\n          ::slotted(*:focus-wthin) {\n            z-index: var(--simple-toolbar-focus-z-index, 100);\n            transition: z-index 0s;\n          }\n          :host([collapsed]:not([always-expanded]))\n            ::slotted(*[collapse-hide]) {\n            display: none !important;\n          }\n        "])))];
         }
       }, {
         key: "styles",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-tooltip/simple-tooltip.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-tooltip/simple-tooltip.js
index 3393945fef7..64df439e39a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-tooltip/simple-tooltip.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-tooltip/simple-tooltip.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.SimpleTooltip = void 0;
 
-  var _templateObject_aefb5d801f0511ed8cc3e9a95995ad69, _templateObject2_aefb5d801f0511ed8cc3e9a95995ad69;
+  var _templateObject_894210e01f2611eda0c389891c227ec8, _templateObject2_894210e01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -87,7 +87,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_aefb5d801f0511ed8cc3e9a95995ad69 || (_templateObject_aefb5d801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div\n      id=\"tooltip\"\n      class=\"hidden\"\n      @animationend=\"", "\"\n    >\n      <slot></slot>\n    </div>"])), this._onAnimationEnd);
+        return (0, _index.html)(_templateObject_894210e01f2611eda0c389891c227ec8 || (_templateObject_894210e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div\n      id=\"tooltip\"\n      class=\"hidden\"\n      @animationend=\"", "\"\n    >\n      <slot></slot>\n    </div>"])), this._onAnimationEnd);
       } // properties available to the custom element for data binding
 
     }, {
@@ -431,7 +431,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_aefb5d801f0511ed8cc3e9a95995ad69 || (_templateObject2_aefb5d801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: absolute;\n          outline: none;\n          z-index: 1002;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          -webkit-user-select: none;\n          user-select: none;\n          cursor: default;\n        }\n\n        #tooltip {\n          display: block;\n          outline: none;\n          font-size: var(--simple-tooltip-font-size, 10px);\n          line-height: 1;\n          background-color: var(--simple-tooltip-background, #616161);\n          color: var(--simple-tooltip-text-color, white);\n          padding: 8px;\n          border-radius: var(--simple-tooltip-border-radius, 2px);\n          width: var(--simple-tooltip-width);\n        }\n\n        @keyframes keyFrameScaleUp {\n          0% {\n            transform: scale(0);\n          }\n\n          100% {\n            transform: scale(1);\n          }\n        }\n\n        @keyframes keyFrameScaleDown {\n          0% {\n            transform: scale(1);\n          }\n\n          100% {\n            transform: scale(0);\n          }\n        }\n\n        @keyframes keyFrameFadeInOpacity {\n          0% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: var(--simple-tooltip-opacity, 0.9);\n          }\n        }\n\n        @keyframes keyFrameFadeOutOpacity {\n          0% {\n            opacity: var(--simple-tooltip-opacity, 0.9);\n          }\n\n          100% {\n            opacity: 0;\n          }\n        }\n\n        @keyframes keyFrameSlideDownIn {\n          0% {\n            transform: translateY(-2000px);\n            opacity: 0;\n          }\n\n          10% {\n            opacity: 0.2;\n          }\n\n          100% {\n            transform: translateY(0);\n            opacity: var(--simple-tooltip-opacity, 0.9);\n          }\n        }\n\n        @keyframes keyFrameSlideDownOut {\n          0% {\n            transform: translateY(0);\n            opacity: var(--simple-tooltip-opacity, 0.9);\n          }\n\n          10% {\n            opacity: 0.2;\n          }\n\n          100% {\n            transform: translateY(-2000px);\n            opacity: 0;\n          }\n        }\n\n        .fade-in-animation {\n          opacity: 0;\n          animation-delay: var(--simple-tooltip-delay-in, 500ms);\n          animation-name: keyFrameFadeInOpacity;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-in;\n          animation-duration: var(--simple-tooltip-duration-in, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .fade-out-animation {\n          opacity: var(--simple-tooltip-opacity, 0.9);\n          animation-delay: var(--simple-tooltip-delay-out, 0ms);\n          animation-name: keyFrameFadeOutOpacity;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-in;\n          animation-duration: var(--simple-tooltip-duration-out, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .scale-up-animation {\n          transform: scale(0);\n          opacity: var(--simple-tooltip-opacity, 0.9);\n          animation-delay: var(--simple-tooltip-delay-in, 500ms);\n          animation-name: keyFrameScaleUp;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-in;\n          animation-duration: var(--simple-tooltip-duration-in, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .scale-down-animation {\n          transform: scale(1);\n          opacity: var(--simple-tooltip-opacity, 0.9);\n          animation-delay: var(--simple-tooltip-delay-out, 500ms);\n          animation-name: keyFrameScaleDown;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-in;\n          animation-duration: var(--simple-tooltip-duration-out, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .slide-down-animation {\n          transform: translateY(-2000px);\n          opacity: 0;\n          animation-delay: var(--simple-tooltip-delay-out, 500ms);\n          animation-name: keyFrameSlideDownIn;\n          animation-iteration-count: 1;\n          animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n          animation-duration: var(--simple-tooltip-duration-out, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .slide-down-animation-out {\n          transform: translateY(0);\n          opacity: var(--simple-tooltip-opacity, 0.9);\n          animation-delay: var(--simple-tooltip-delay-out, 500ms);\n          animation-name: keyFrameSlideDownOut;\n          animation-iteration-count: 1;\n          animation-timing-function: cubic-bezier(0.4, 0, 1, 1);\n          animation-duration: var(--simple-tooltip-duration-out, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .cancel-animation {\n          animation-delay: -30s !important;\n        }\n\n        .hidden {\n          position: absolute;\n          left: -10000px;\n          top: auto;\n          width: 1px;\n          height: 1px;\n          overflow: hidden;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_894210e01f2611eda0c389891c227ec8 || (_templateObject2_894210e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: absolute;\n          outline: none;\n          z-index: 1002;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          -webkit-user-select: none;\n          user-select: none;\n          cursor: default;\n        }\n\n        #tooltip {\n          display: block;\n          outline: none;\n          font-size: var(--simple-tooltip-font-size, 10px);\n          line-height: 1;\n          background-color: var(--simple-tooltip-background, #616161);\n          color: var(--simple-tooltip-text-color, white);\n          padding: 8px;\n          border-radius: var(--simple-tooltip-border-radius, 2px);\n          width: var(--simple-tooltip-width);\n        }\n\n        @keyframes keyFrameScaleUp {\n          0% {\n            transform: scale(0);\n          }\n\n          100% {\n            transform: scale(1);\n          }\n        }\n\n        @keyframes keyFrameScaleDown {\n          0% {\n            transform: scale(1);\n          }\n\n          100% {\n            transform: scale(0);\n          }\n        }\n\n        @keyframes keyFrameFadeInOpacity {\n          0% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: var(--simple-tooltip-opacity, 0.9);\n          }\n        }\n\n        @keyframes keyFrameFadeOutOpacity {\n          0% {\n            opacity: var(--simple-tooltip-opacity, 0.9);\n          }\n\n          100% {\n            opacity: 0;\n          }\n        }\n\n        @keyframes keyFrameSlideDownIn {\n          0% {\n            transform: translateY(-2000px);\n            opacity: 0;\n          }\n\n          10% {\n            opacity: 0.2;\n          }\n\n          100% {\n            transform: translateY(0);\n            opacity: var(--simple-tooltip-opacity, 0.9);\n          }\n        }\n\n        @keyframes keyFrameSlideDownOut {\n          0% {\n            transform: translateY(0);\n            opacity: var(--simple-tooltip-opacity, 0.9);\n          }\n\n          10% {\n            opacity: 0.2;\n          }\n\n          100% {\n            transform: translateY(-2000px);\n            opacity: 0;\n          }\n        }\n\n        .fade-in-animation {\n          opacity: 0;\n          animation-delay: var(--simple-tooltip-delay-in, 500ms);\n          animation-name: keyFrameFadeInOpacity;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-in;\n          animation-duration: var(--simple-tooltip-duration-in, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .fade-out-animation {\n          opacity: var(--simple-tooltip-opacity, 0.9);\n          animation-delay: var(--simple-tooltip-delay-out, 0ms);\n          animation-name: keyFrameFadeOutOpacity;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-in;\n          animation-duration: var(--simple-tooltip-duration-out, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .scale-up-animation {\n          transform: scale(0);\n          opacity: var(--simple-tooltip-opacity, 0.9);\n          animation-delay: var(--simple-tooltip-delay-in, 500ms);\n          animation-name: keyFrameScaleUp;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-in;\n          animation-duration: var(--simple-tooltip-duration-in, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .scale-down-animation {\n          transform: scale(1);\n          opacity: var(--simple-tooltip-opacity, 0.9);\n          animation-delay: var(--simple-tooltip-delay-out, 500ms);\n          animation-name: keyFrameScaleDown;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-in;\n          animation-duration: var(--simple-tooltip-duration-out, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .slide-down-animation {\n          transform: translateY(-2000px);\n          opacity: 0;\n          animation-delay: var(--simple-tooltip-delay-out, 500ms);\n          animation-name: keyFrameSlideDownIn;\n          animation-iteration-count: 1;\n          animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n          animation-duration: var(--simple-tooltip-duration-out, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .slide-down-animation-out {\n          transform: translateY(0);\n          opacity: var(--simple-tooltip-opacity, 0.9);\n          animation-delay: var(--simple-tooltip-delay-out, 500ms);\n          animation-name: keyFrameSlideDownOut;\n          animation-iteration-count: 1;\n          animation-timing-function: cubic-bezier(0.4, 0, 1, 1);\n          animation-duration: var(--simple-tooltip-duration-out, 500ms);\n          animation-fill-mode: forwards;\n        }\n\n        .cancel-animation {\n          animation-delay: -30s !important;\n        }\n\n        .hidden {\n          position: absolute;\n          left: -10000px;\n          top: auto;\n          width: 1px;\n          height: 1px;\n          overflow: hidden;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-wc/simple-wc.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-wc/simple-wc.js
index fd78991c984..a6bcfadc19e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-wc/simple-wc.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-wc/simple-wc.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
   _exports.createSWC = createSWC;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_af019f101f0511ed8cc3e9a95995ad69;
+  var _templateObject_89478f201f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -211,7 +211,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
       }, {
         key: "styles",
         get: function get() {
-          return [(0, _index.css)(_templateObject_af019f101f0511ed8cc3e9a95995ad69 || (_templateObject_af019f101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          /* this style helps ease FOUC w/ dynamic imports */\n          :host *:not(:defined) {\n            display: none;\n          }\n        "]))), swc.css(this, _index.css)];
+          return [(0, _index.css)(_templateObject_89478f201f2611eda0c389891c227ec8 || (_templateObject_89478f201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          /* this style helps ease FOUC w/ dynamic imports */\n          :host *:not(:defined) {\n            display: none;\n          }\n        "]))), swc.css(this, _index.css)];
         }
         /**
          * LitElement / popular convention
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/social-media-icons/lib/social-media-iconset.js b/build/es5-amd/node_modules/@lrnwebcomponents/social-media-icons/lib/social-media-iconset.js
index 85cf38ab6e8..5acce12a06e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/social-media-icons/lib/social-media-iconset.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/social-media-icons/lib/social-media-iconset.js
@@ -1,8 +1,8 @@
 define(["../../../@polymer/iron-icon/iron-icon.js", "../../../@polymer/iron-iconset-svg/iron-iconset-svg.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_e66a7f301f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc842ab01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_e66a7f301f0511ed8cc3e9a95995ad69 || (_templateObject_e66a7f301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg size=\"32\" name=\"social-media\">\n    <!-- Dribbble -->\n    <svg>\n      <defs>\n        <g id=\"dribbble\">\n          <path\n            d=\"M16,32C7.2,32,0,24.8,0,16C0,7.2,7.2,0,16,0c8.8,0,16,7.2,16,16C32,24.8,24.8,32,16,32L16,32z M29.5,18.2 C29,18,25.3,16.9,21,17.6c1.8,4.9,2.5,8.9,2.7,9.7C26.7,25.3,28.9,22,29.5,18.2L29.5,18.2z M21.3,28.6c-0.2-1.2-1-5.4-2.9-10.4 c0,0-0.1,0-0.1,0c-7.7,2.7-10.5,8-10.7,8.5c 2.3,1.8,5.2,2.9,8.4,2.9C17.9,29.7,19.7,29.3,21.3,28.6L21.3,28.6z M5.8,25.2 c0.3-0.5,4.1-6.7,11.1-9c0.2-0.1,0.4-0.1,0.5-0.2c-0.3-0.8-0.7-1.6-1.1-2.3c-6.8,2-13.4,2-14,1.9c0,0.1,0,0.3,0,0.4 C2.3,19.5,3.7,22.7,5.8,25.2L5.8,25.2z M2.6,13.2c0.6,0,6.2,0,12.6-1.7c-2.3-4-4.7-7.4-5.1-7.9C6.4,5.5,3.5,9,2.6,13.2L2.6,13.2z M12.8,2.7c0.4,0.5,2.9,3.9,5.1,8c4.9-1.8,6.9-4.6,7.2-4.9c-2.4-2.1-5.6-3.4-9.1-3.4C14.9,2.4,13.8,2.5,12.8,2.7L12.8,2.7z M26.6,7.4c-0.3,0.4-2.6,3.3-7.6,5.4c0.3,0.7,0.6,1.3,0.9,2c0.1,0.2,0.2,0.5,0.3,0.7c4.5-0.6,9.1,0.3,9.5,0.4 C29.6,12.7,28.5,9.7,26.6,7.4L26.6,7.4z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Facebook -->\n    <svg>\n      <defs>\n        <g id=\"facebook\">\n          <path\n            d=\"M30.2,0H1.8C0.8,0,0,0.8,0,1.8v28.5c0,1,0.8,1.8,1.8,1.8h15.3V19.6h-4.2v-4.8h4.2v-3.6 c0-4.1,2.5-6.4,6.2-6.4C25.1,4.8,26.6,5,27,5v4.3l-2.6,0c-2,0-2.4,1-2.4,2.4v3.1h4.8l-0.6,4.8h-4.2V32h8.2c1,0,1.8-0.8,1.8-1.8V1.8 C32,0.8,31.2,0,30.2,0z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Github -->\n    <svg>\n      <defs>\n        <g id=\"github\">\n          <path\n            d=\"M16,0.4c-8.8,0-16,7.2-16,16c0,7.1,4.6,13.1,10.9,15.2 c0.8,0.1,1.1-0.3,1.1-0.8c0-0.4,0-1.4,0-2.7c-4.5,1-5.4-2.1-5.4-2.1c-0.7-1.8-1.8-2.3-1.8-2.3c-1.5-1,0.1-1,0.1-1 c1.6,0.1,2.5,1.6,2.5,1.6c1.4,2.4,3.7,1.7,4.7,1.3c0.1-1,0.6-1.7,1-2.1c-3.6-0.4-7.3-1.8-7.3-7.9c0-1.7,0.6-3.2,1.6-4.3 c-0.2-0.4-0.7-2,0.2-4.2c0,0,1.3-0.4,4.4,1.6c1.3-0.4,2.6-0.5,4-0.5c1.4,0,2.7,0.2,4,0.5C23.1,6.6,24.4,7,24.4,7 c0.9,2.2,0.3,3.8,0.2,4.2c1,1.1,1.6,2.5,1.6,4.3c0,6.1-3.7,7.5-7.3,7.9c0.6,0.5,1.1,1.5,1.1,3c0,2.1,0,3.9,0,4.4 c0,0.4,0.3,0.9,1.1,0.8C27.4,29.5,32,23.5,32,16.4C32,7.6,24.8,0.4,16,0.4z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- GooglePlus -->\n    <svg>\n      <defs>\n        <g id=\"googleplus\">\n          <path\n            d=\"M32,14.7h-3.3v-3.3H26v3.3h-3.3v2.7H26v3.3h2.7v-3.3H32 M10.7,14v4.2h5.8c-0.4,2.5-2.6,4.3-5.8,4.3c-3.5,0-6.4-3-6.4-6.5 s2.9-6.5,6.4-6.5c1.6,0,3,0.5,4.1,1.6v0l3-3c-1.8-1.7-4.3-2.8-7.1-2.8C4.8,5.3,0,10.1,0,16s4.8,10.7,10.7,10.7 c6.2,0,10.2-4.3,10.2-10.4c0-0.8-0.1-1.5-0.2-2.2C20.7,14,10.7,14,10.7,14z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Instagram -->\n    <svg>\n      <defs>\n        <g id=\"instagram\">\n          <path\n            d=\"M28.2,0H3.8C1.7,0,0,1.7,0,3.8v24.4C0,30.3,1.7,32,3.8,32h24.4c2.1,0,3.8-1.7,3.8-3.8V3.8 C32,1.7,30.3,0,28.2,0z M22.2,4.5c0-0.5,0.4-0.9,0.9-0.9h4.3c0.5,0,0.9,0.4,0.9,0.9v4.3c0,0.5-0.4,0.9-0.9,0.9h-4.3 c-0.5,0-0.9-0.4-0.9-0.9V4.5z M16,9.9c3.4,0,6.2,2.7,6.2,6.1c0,3.4-2.8,6.1-6.2,6.1c-3.4,0-6.2-2.7-6.2-6.1 C9.9,12.6,12.6,9.9,16,9.9z M28.4,27.4c0,0.5-0.4,0.9-0.9,0.9h-23c-0.5,0-0.9-0.4-0.9-0.9V13.5h3c-0.2,0.8-0.3,1.7-0.3,2.6 c0,5.4,4.4,9.7,9.7,9.7c5.4,0,9.7-4.4,9.7-9.7c0-0.9-0.1-1.7-0.3-2.6h3V27.4z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- lastfm -->\n    <svg>\n      <defs>\n        <g id=\"lastfm\">\n          <path\n            d=\"M14.1,22.9l-1.2-3.2c0,0-1.9,2.1-4.8,2.1c-2.5,0-4.3-2.2-4.3-5.7c0-4.5,2.3-6.1,4.5-6.1 c3.2,0,4.3,2.1,5.1,4.8l1.2,3.7c1.2,3.6,3.4,6.4,9.7,6.4c4.5,0,7.6-1.4,7.6-5.1c0-3-1.7-4.5-4.8-5.2l-2.3-0.5 c-1.6-0.4-2.1-1-2.1-2.1c0-1.2,1-2,2.6-2c1.8,0,2.7,0.7,2.9,2.2l3.7-0.4c-0.3-3.3-2.6-4.7-6.3-4.7c-3.3,0-6.5,1.2-6.5,5.2 c0,2.5,1.2,4.1,4.3,4.8l2.5,0.6c1.9,0.4,2.5,1.2,2.5,2.3c0,1.4-1.3,1.9-3.8,1.9c-3.7,0-5.2-1.9-6.1-4.6l-1.2-3.7 c-1.5-4.8-4-6.5-8.9-6.5C2.9,7.1,0,10.5,0,16.3c0,5.6,2.9,8.6,8,8.6C12.1,24.9,14.1,22.9,14.1,22.9L14.1,22.9z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- LinkedIn -->\n    <svg>\n      <defs>\n        <g id=\"linkedin\">\n          <path\n            d=\"M29.6,0H2.4C1.1,0,0,1,0,2.3v27.4C0,31,1.1,32,2.4,32h27.3c1.3,0,2.4-1,2.4-2.3V2.3C32,1,30.9,0,29.6,0z M9.5,27.3H4.7V12h4.7V27.3z M7.1,9.9c-1.5,0-2.8-1.2-2.8-2.8c0-1.5,1.2-2.8,2.8-2.8c1.5,0,2.8,1.2,2.8,2.8 C9.9,8.7,8.6,9.9,7.1,9.9z M27.3,27.3h-4.7v-7.4c0-1.8,0-4-2.5-4c-2.5,0-2.8,1.9-2.8,3.9v7.6h-4.7V12H17v2.1h0.1 c0.6-1.2,2.2-2.5,4.5-2.5c4.8,0,5.7,3.2,5.7,7.3V27.3z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Medium -->\n    <svg>\n      <defs>\n        <g id=\"medium\">\n          <path\n            d=\"M32,7.1h-1.3c-0.5,0-1.1,0.7-1.1,1.1v15.7c0,0.4,0.7,1,1.1,1H32v3.7H20.5v-3.7h2.4V8.4h-0.1l-5.6,20.3h-4.3 L7.3,8.4H7.2v16.5h2.4v3.7H0v-3.7h1.2c0.5,0,1.2-0.6,1.2-1V8.2c0-0.4-0.7-1.1-1.2-1.1H0V3.3h12L15.9,18h0.1l4-14.7h12V7.1z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Quora -->\n    <svg>\n      <defs>\n        <g id=\"quora\">\n          <path\n            d=\"M23.2,26.6C23.2,26.6,23.2,26.5,23.2,26.6c4-2.5,6.7-7,6.7-12.4C29.9,3.7,23.1,0,16,0 C9.4,0,2.1,5.2,2.1,14.3c0,10.4,6.8,14.3,13.8,14.3c1.1,0,2.2-0.1,3.2-0.4c0,0,0,0,0,0c2.8,5,6.9,3.8,8,3.4c0,0-0.1-0.9-0.4-2.5 C24.8,29,23.9,28,23.2,26.6z M17.8,24.9c-0.6,0.2-1.3,0.2-1.9,0.2c-3.3,0-7.2-1.4-7.2-10.3c0-8.9,4.1-11.3,7.4-11.3 c3.3,0,7.1,2.1,7.1,11c0,4-0.8,6.6-2,8.2c0,0,0,0,0,0c-2.7-3.5-6.3-2.7-7.1-2.3c0,0,0.1,0.8,0.3,2.3 C16.3,22.6,17.2,23.6,17.8,24.9C17.8,24.8,17.8,24.9,17.8,24.9z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Pinterest -->\n    <svg>\n      <defs>\n        <g id=\"pinterest\">\n          <path\n            d=\"M16,0C7.2,0,0,7.2,0,16c0,6.8,4.2,12.6,10.2,14.9c-0.1-1.3-0.3-3.2,0.1-4.6c0.3-1.2,1.9-8,1.9-8 s-0.5-1-0.5-2.4c0-2.2,1.3-3.9,2.9-3.9c1.4,0,2,1,2,2.3c0,1.4-0.9,3.4-1.3,5.3c-0.4,1.6,0.8,2.9,2.4,2.9c2.8,0,5-3,5-7.3 c0-3.8-2.8-6.5-6.7-6.5c-4.6,0-7.2,3.4-7.2,6.9c0,1.4,0.5,2.8,1.2,3.7c0.1,0.2,0.1,0.3,0.1,0.5c-0.1,0.5-0.4,1.6-0.4,1.8 C9.5,21.9,9.3,22,9,21.8c-2-0.9-3.2-3.9-3.2-6.2c0-5,3.7-9.7,10.6-9.7c5.6,0,9.9,4,9.9,9.2c0,5.5-3.5,10-8.3,10 c-1.6,0-3.1-0.8-3.7-1.8c0,0-0.8,3.1-1,3.8c-0.4,1.4-1.3,3.1-2,4.2c1.5,0.5,3.1,0.7,4.7,0.7c8.8,0,16-7.2,16-16 C32,7.2,24.8,0,16,0z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Skype -->\n    <svg>\n      <defs>\n        <g id=\"skype\">\n          <path\n            d=\"M30.9,18.7c0.2-0.9,0.3-1.8,0.3-2.7c0-2-0.4-4-1.2-5.9c-0.8-1.8-1.8-3.4-3.2-4.8c-1.4-1.4-3-2.5-4.8-3.2 C20,1.2,18,0.8,16,0.8c-1,0-1.9,0.1-2.9,0.3c0,0,0,0,0,0c-1.3-0.7-2.7-1-4.2-1C6.6,0,4.3,1,2.6,2.7C0.9,4.3,0,6.6,0,9 c0,1.5,0.4,3,1.1,4.3c-0.1,0.9-0.2,1.7-0.2,2.6c0,2,0.4,4,1.2,5.9c0.8,1.8,1.8,3.4,3.2,4.8c1.4,1.4,3,2.5,4.8,3.2 C12,30.6,14,31,16,31c0.9,0,1.8-0.1,2.6-0.2c1.3,0.8,2.9,1.2,4.4,1.2c2.4,0,4.6-0.9,6.3-2.6c1.7-1.7,2.6-3.9,2.6-6.3 C32,21.5,31.6,20,30.9,18.7z M16.1,25.2c-5.4,0-7.8-2.6-7.8-4.6c0-1,0.7-1.7,1.8-1.7c2.3,0,1.7,3.3,6,3.3c2.2,0,3.4-1.2,3.4-2.4 c0-0.7-0.4-1.5-1.8-1.9l-4.8-1.2c-3.8-1-4.5-3-4.5-5c0-4.1,3.8-5.6,7.4-5.6c3.3,0,7.2,1.8,7.2,4.3c0,1-0.9,1.6-1.9,1.6 c-2,0-1.6-2.7-5.5-2.7c-2,0-3,0.9-3,2.2c0,1.3,1.5,1.7,2.9,2l3.5,0.8c3.9,0.9,4.9,3.1,4.9,5.3C23.7,22.7,21.2,25.2,16.1,25.2z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Spotify -->\n    <svg>\n      <defs>\n        <g id=\"spotify\">\n          <path\n            d=\"M16,0C7.2,0,0,7.2,0,16s7.2,16,16,16c8.8,0,16-7.2,16-16 S24.8,0,16,0z M13.7,8.4c4.7,0,9.6,1,13.3,3.1c0.5,0.3,0.8,0.7,0.8,1.5c0,0.9-0.7,1.5-1.5,1.5c-0.3,0-0.5-0.1-0.8-0.2 c-2.9-1.7-7.4-2.7-11.7-2.7c-2.2,0-4.4,0.2-6.4,0.8c-0.2,0.1-0.5,0.2-0.8,0.2c-0.9,0-1.5-0.7-1.5-1.5c0-0.9,0.5-1.4,1.1-1.5 C8.3,8.7,10.9,8.4,13.7,8.4z M13.3,13.8c4.2,0,8.2,1,11.4,2.9c0.5,0.3,0.7,0.7,0.7,1.3c0,0.7-0.6,1.3-1.2,1.3 c-0.3,0-0.6-0.1-0.8-0.3c-2.6-1.5-6.2-2.6-10.2-2.6c-2,0-3.8,0.3-5.2,0.7c-0.3,0.1-0.5,0.2-0.8,0.2c-0.7,0-1.2-0.6-1.2-1.3 c0-0.7,0.3-1.1,1-1.3C8.8,14.2,10.7,13.8,13.3,13.8z M13.5,19.1c3.5,0,6.6,0.8,9.3,2.4c0.4,0.2,0.6,0.5,0.6,1.1c0,0.6-0.5,1-1,1 c-0.3,0-0.4-0.1-0.7-0.2c-2.3-1.4-5.2-2.1-8.3-2.1c-1.7,0-3.4,0.2-5,0.6c-0.3,0.1-0.6,0.2-0.8,0.2c-0.6,0-1-0.5-1-1 c0-0.7,0.4-1,0.9-1.1C9.5,19.3,11.5,19.1,13.5,19.1z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- StumbleUpon -->\n    <svg>\n      <defs>\n        <g id=\"stumbleupon\">\n          <path\n            d=\"M16,0C7.2,0,0,7.2,0,16c0,8.8,7.2,16,16,16c8.8,0,16-7.2,16-16C32,7.2,24.8,0,16,0z M15.8,12.1 c-0.5,0-1,0.4-1,1l0,5.8c0,2.2-1.8,4-4.1,4c-2.3,0-4.1-1.8-4.1-4.1c0,0,0-2.5,0-2.5h3.1v2.5c0,0.5,0.4,1,1,1s1-0.4,1-1v-5.9 c0.1-2.2,1.9-3.9,4.1-3.9c2.2,0,4,1.8,4.1,4v1.3L18,14.8l-1.3-0.6v-1.1C16.8,12.6,16.4,12.1,15.8,12.1z M25,18.9 c0,2.3-1.8,4.1-4.1,4.1c-2.2,0-4.1-1.8-4.1-4.1v-2.6l1.3,0.6l1.9-0.6V19c0,0.5,0.4,1,1,1s1-0.4,1-1v-2.6H25 C25,16.3,25,18.8,25,18.9z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Tumblr -->\n    <svg>\n      <defs>\n        <g id=\"tumblr\">\n          <path\n            d=\"M23.7,25.6c-0.6,0.3-1.7,0.5-2.6,0.6C18.5,26.2,18,24.3,18,23V13h6.4V8.2H18V0c0,0-4.6,0-4.7,0 c-0.1,0-0.2,0.1-0.2,0.2c-0.3,2.5-1.4,6.9-6.3,8.6V13H10v10.5c0,3.6,2.6,8.7,9.6,8.5c2.4,0,5-1,5.5-1.9L23.7,25.6z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Twitter -->\n    <svg>\n      <defs>\n        <g id=\"twitter\">\n          <path\n            d=\"M32,6.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6C25.7,3.8,24,3,22.2,3 c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5C10.3,10.8,5.5,8.2,2.2,4.2c-0.6,1-0.9,2.1-0.9,3.3c0,2.3,1.2,4.3,2.9,5.5 c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1C2.9,27.9,6.4,29,10.1,29c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C30,8.5,31.1,7.4,32,6.1z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- YouTube -->\n    <svg>\n      <defs>\n        <g id=\"youtube\">\n          <path\n            d=\"M31.7,9.6c0,0-0.3-2.2-1.3-3.2c-1.2-1.3-2.6-1.3-3.2-1.4C22.7,4.7,16,4.7,16,4.7h0c0,0-6.7,0-11.2,0.3 c-0.6,0.1-2,0.1-3.2,1.4c-1,1-1.3,3.2-1.3,3.2S0,12.2,0,14.8v2.4c0,2.6,0.3,5.2,0.3,5.2s0.3,2.2,1.3,3.2c1.2,1.3,2.8,1.2,3.5,1.4 C7.7,27.2,16,27.3,16,27.3s6.7,0,11.2-0.3c0.6-0.1,2-0.1,3.2-1.4c1-1,1.3-3.2,1.3-3.2s0.3-2.6,0.3-5.2v-2.4 C32,12.2,31.7,9.6,31.7,9.6z M12.7,20.2l0-9l8.6,4.5L12.7,20.2z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Vimeo -->\n    <svg>\n      <defs>\n        <g id=\"vimeo\">\n          <path\n            d=\"M32,8.5c-0.1,3.1-2.3,7.4-6.5,12.8c-4.4,5.7-8,8.5-11,8.5c-1.9,0-3.4-1.7-4.7-5.2c-0.9-3.2-1.7-6.3-2.6-9.5 c-1-3.4-2-5.2-3.1-5.2c-0.2,0-1.1,0.5-2.5,1.5L0,9.6c1.6-1.4,3.1-2.8,4.7-4.2c2.1-1.8,3.7-2.8,4.7-2.9c2.5-0.2,4,1.5,4.6,5.1 c0.6,3.9,1.1,6.4,1.3,7.3c0.7,3.3,1.5,4.9,2.4,4.9c0.7,0,1.7-1.1,3-3.2c1.3-2.1,2.1-3.7,2.2-4.8c0.2-1.8-0.5-2.7-2.2-2.7 c-0.8,0-1.6,0.2-2.4,0.5c1.6-5.2,4.6-7.7,9-7.5C30.6,2.2,32.2,4.4,32,8.5z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Vine -->\n    <svg>\n      <defs>\n        <g id=\"vine\">\n          <path\n            d=\"M30,15.9c-0.8,0.2-1.6,0.3-2.3,0.3c-4,0-7.1-2.8-7.1-7.7c0-2.4,0.9-3.7,2.2-3.7c1.3,0,2.1,1.1,2.1,3.4 c0,1.3-0.3,2.7-0.6,3.6c0,0,1.2,2.2,4.6,1.5c0.7-1.6,1.1-3.7,1.1-5.5C30,2.9,27.5,0,22.9,0c-4.7,0-7.5,3.6-7.5,8.4 c0,4.7,2.2,8.8,5.9,10.6c-1.5,3.1-3.5,5.8-5.5,7.8c-3.7-4.5-7-10.4-8.4-22H2c2.5,19.3,10,25.5,12,26.7c1.1,0.7,2.1,0.6,3.1,0.1 c1.6-0.9,6.4-5.7,9.1-11.4c1.1,0,2.5-0.1,3.8-0.4V15.9z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n  </iron-iconset-svg>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_bc842ab01f2611eda0c389891c227ec8 || (_templateObject_bc842ab01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg size=\"32\" name=\"social-media\">\n    <!-- Dribbble -->\n    <svg>\n      <defs>\n        <g id=\"dribbble\">\n          <path\n            d=\"M16,32C7.2,32,0,24.8,0,16C0,7.2,7.2,0,16,0c8.8,0,16,7.2,16,16C32,24.8,24.8,32,16,32L16,32z M29.5,18.2 C29,18,25.3,16.9,21,17.6c1.8,4.9,2.5,8.9,2.7,9.7C26.7,25.3,28.9,22,29.5,18.2L29.5,18.2z M21.3,28.6c-0.2-1.2-1-5.4-2.9-10.4 c0,0-0.1,0-0.1,0c-7.7,2.7-10.5,8-10.7,8.5c 2.3,1.8,5.2,2.9,8.4,2.9C17.9,29.7,19.7,29.3,21.3,28.6L21.3,28.6z M5.8,25.2 c0.3-0.5,4.1-6.7,11.1-9c0.2-0.1,0.4-0.1,0.5-0.2c-0.3-0.8-0.7-1.6-1.1-2.3c-6.8,2-13.4,2-14,1.9c0,0.1,0,0.3,0,0.4 C2.3,19.5,3.7,22.7,5.8,25.2L5.8,25.2z M2.6,13.2c0.6,0,6.2,0,12.6-1.7c-2.3-4-4.7-7.4-5.1-7.9C6.4,5.5,3.5,9,2.6,13.2L2.6,13.2z M12.8,2.7c0.4,0.5,2.9,3.9,5.1,8c4.9-1.8,6.9-4.6,7.2-4.9c-2.4-2.1-5.6-3.4-9.1-3.4C14.9,2.4,13.8,2.5,12.8,2.7L12.8,2.7z M26.6,7.4c-0.3,0.4-2.6,3.3-7.6,5.4c0.3,0.7,0.6,1.3,0.9,2c0.1,0.2,0.2,0.5,0.3,0.7c4.5-0.6,9.1,0.3,9.5,0.4 C29.6,12.7,28.5,9.7,26.6,7.4L26.6,7.4z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Facebook -->\n    <svg>\n      <defs>\n        <g id=\"facebook\">\n          <path\n            d=\"M30.2,0H1.8C0.8,0,0,0.8,0,1.8v28.5c0,1,0.8,1.8,1.8,1.8h15.3V19.6h-4.2v-4.8h4.2v-3.6 c0-4.1,2.5-6.4,6.2-6.4C25.1,4.8,26.6,5,27,5v4.3l-2.6,0c-2,0-2.4,1-2.4,2.4v3.1h4.8l-0.6,4.8h-4.2V32h8.2c1,0,1.8-0.8,1.8-1.8V1.8 C32,0.8,31.2,0,30.2,0z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Github -->\n    <svg>\n      <defs>\n        <g id=\"github\">\n          <path\n            d=\"M16,0.4c-8.8,0-16,7.2-16,16c0,7.1,4.6,13.1,10.9,15.2 c0.8,0.1,1.1-0.3,1.1-0.8c0-0.4,0-1.4,0-2.7c-4.5,1-5.4-2.1-5.4-2.1c-0.7-1.8-1.8-2.3-1.8-2.3c-1.5-1,0.1-1,0.1-1 c1.6,0.1,2.5,1.6,2.5,1.6c1.4,2.4,3.7,1.7,4.7,1.3c0.1-1,0.6-1.7,1-2.1c-3.6-0.4-7.3-1.8-7.3-7.9c0-1.7,0.6-3.2,1.6-4.3 c-0.2-0.4-0.7-2,0.2-4.2c0,0,1.3-0.4,4.4,1.6c1.3-0.4,2.6-0.5,4-0.5c1.4,0,2.7,0.2,4,0.5C23.1,6.6,24.4,7,24.4,7 c0.9,2.2,0.3,3.8,0.2,4.2c1,1.1,1.6,2.5,1.6,4.3c0,6.1-3.7,7.5-7.3,7.9c0.6,0.5,1.1,1.5,1.1,3c0,2.1,0,3.9,0,4.4 c0,0.4,0.3,0.9,1.1,0.8C27.4,29.5,32,23.5,32,16.4C32,7.6,24.8,0.4,16,0.4z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- GooglePlus -->\n    <svg>\n      <defs>\n        <g id=\"googleplus\">\n          <path\n            d=\"M32,14.7h-3.3v-3.3H26v3.3h-3.3v2.7H26v3.3h2.7v-3.3H32 M10.7,14v4.2h5.8c-0.4,2.5-2.6,4.3-5.8,4.3c-3.5,0-6.4-3-6.4-6.5 s2.9-6.5,6.4-6.5c1.6,0,3,0.5,4.1,1.6v0l3-3c-1.8-1.7-4.3-2.8-7.1-2.8C4.8,5.3,0,10.1,0,16s4.8,10.7,10.7,10.7 c6.2,0,10.2-4.3,10.2-10.4c0-0.8-0.1-1.5-0.2-2.2C20.7,14,10.7,14,10.7,14z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Instagram -->\n    <svg>\n      <defs>\n        <g id=\"instagram\">\n          <path\n            d=\"M28.2,0H3.8C1.7,0,0,1.7,0,3.8v24.4C0,30.3,1.7,32,3.8,32h24.4c2.1,0,3.8-1.7,3.8-3.8V3.8 C32,1.7,30.3,0,28.2,0z M22.2,4.5c0-0.5,0.4-0.9,0.9-0.9h4.3c0.5,0,0.9,0.4,0.9,0.9v4.3c0,0.5-0.4,0.9-0.9,0.9h-4.3 c-0.5,0-0.9-0.4-0.9-0.9V4.5z M16,9.9c3.4,0,6.2,2.7,6.2,6.1c0,3.4-2.8,6.1-6.2,6.1c-3.4,0-6.2-2.7-6.2-6.1 C9.9,12.6,12.6,9.9,16,9.9z M28.4,27.4c0,0.5-0.4,0.9-0.9,0.9h-23c-0.5,0-0.9-0.4-0.9-0.9V13.5h3c-0.2,0.8-0.3,1.7-0.3,2.6 c0,5.4,4.4,9.7,9.7,9.7c5.4,0,9.7-4.4,9.7-9.7c0-0.9-0.1-1.7-0.3-2.6h3V27.4z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- lastfm -->\n    <svg>\n      <defs>\n        <g id=\"lastfm\">\n          <path\n            d=\"M14.1,22.9l-1.2-3.2c0,0-1.9,2.1-4.8,2.1c-2.5,0-4.3-2.2-4.3-5.7c0-4.5,2.3-6.1,4.5-6.1 c3.2,0,4.3,2.1,5.1,4.8l1.2,3.7c1.2,3.6,3.4,6.4,9.7,6.4c4.5,0,7.6-1.4,7.6-5.1c0-3-1.7-4.5-4.8-5.2l-2.3-0.5 c-1.6-0.4-2.1-1-2.1-2.1c0-1.2,1-2,2.6-2c1.8,0,2.7,0.7,2.9,2.2l3.7-0.4c-0.3-3.3-2.6-4.7-6.3-4.7c-3.3,0-6.5,1.2-6.5,5.2 c0,2.5,1.2,4.1,4.3,4.8l2.5,0.6c1.9,0.4,2.5,1.2,2.5,2.3c0,1.4-1.3,1.9-3.8,1.9c-3.7,0-5.2-1.9-6.1-4.6l-1.2-3.7 c-1.5-4.8-4-6.5-8.9-6.5C2.9,7.1,0,10.5,0,16.3c0,5.6,2.9,8.6,8,8.6C12.1,24.9,14.1,22.9,14.1,22.9L14.1,22.9z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- LinkedIn -->\n    <svg>\n      <defs>\n        <g id=\"linkedin\">\n          <path\n            d=\"M29.6,0H2.4C1.1,0,0,1,0,2.3v27.4C0,31,1.1,32,2.4,32h27.3c1.3,0,2.4-1,2.4-2.3V2.3C32,1,30.9,0,29.6,0z M9.5,27.3H4.7V12h4.7V27.3z M7.1,9.9c-1.5,0-2.8-1.2-2.8-2.8c0-1.5,1.2-2.8,2.8-2.8c1.5,0,2.8,1.2,2.8,2.8 C9.9,8.7,8.6,9.9,7.1,9.9z M27.3,27.3h-4.7v-7.4c0-1.8,0-4-2.5-4c-2.5,0-2.8,1.9-2.8,3.9v7.6h-4.7V12H17v2.1h0.1 c0.6-1.2,2.2-2.5,4.5-2.5c4.8,0,5.7,3.2,5.7,7.3V27.3z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Medium -->\n    <svg>\n      <defs>\n        <g id=\"medium\">\n          <path\n            d=\"M32,7.1h-1.3c-0.5,0-1.1,0.7-1.1,1.1v15.7c0,0.4,0.7,1,1.1,1H32v3.7H20.5v-3.7h2.4V8.4h-0.1l-5.6,20.3h-4.3 L7.3,8.4H7.2v16.5h2.4v3.7H0v-3.7h1.2c0.5,0,1.2-0.6,1.2-1V8.2c0-0.4-0.7-1.1-1.2-1.1H0V3.3h12L15.9,18h0.1l4-14.7h12V7.1z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Quora -->\n    <svg>\n      <defs>\n        <g id=\"quora\">\n          <path\n            d=\"M23.2,26.6C23.2,26.6,23.2,26.5,23.2,26.6c4-2.5,6.7-7,6.7-12.4C29.9,3.7,23.1,0,16,0 C9.4,0,2.1,5.2,2.1,14.3c0,10.4,6.8,14.3,13.8,14.3c1.1,0,2.2-0.1,3.2-0.4c0,0,0,0,0,0c2.8,5,6.9,3.8,8,3.4c0,0-0.1-0.9-0.4-2.5 C24.8,29,23.9,28,23.2,26.6z M17.8,24.9c-0.6,0.2-1.3,0.2-1.9,0.2c-3.3,0-7.2-1.4-7.2-10.3c0-8.9,4.1-11.3,7.4-11.3 c3.3,0,7.1,2.1,7.1,11c0,4-0.8,6.6-2,8.2c0,0,0,0,0,0c-2.7-3.5-6.3-2.7-7.1-2.3c0,0,0.1,0.8,0.3,2.3 C16.3,22.6,17.2,23.6,17.8,24.9C17.8,24.8,17.8,24.9,17.8,24.9z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Pinterest -->\n    <svg>\n      <defs>\n        <g id=\"pinterest\">\n          <path\n            d=\"M16,0C7.2,0,0,7.2,0,16c0,6.8,4.2,12.6,10.2,14.9c-0.1-1.3-0.3-3.2,0.1-4.6c0.3-1.2,1.9-8,1.9-8 s-0.5-1-0.5-2.4c0-2.2,1.3-3.9,2.9-3.9c1.4,0,2,1,2,2.3c0,1.4-0.9,3.4-1.3,5.3c-0.4,1.6,0.8,2.9,2.4,2.9c2.8,0,5-3,5-7.3 c0-3.8-2.8-6.5-6.7-6.5c-4.6,0-7.2,3.4-7.2,6.9c0,1.4,0.5,2.8,1.2,3.7c0.1,0.2,0.1,0.3,0.1,0.5c-0.1,0.5-0.4,1.6-0.4,1.8 C9.5,21.9,9.3,22,9,21.8c-2-0.9-3.2-3.9-3.2-6.2c0-5,3.7-9.7,10.6-9.7c5.6,0,9.9,4,9.9,9.2c0,5.5-3.5,10-8.3,10 c-1.6,0-3.1-0.8-3.7-1.8c0,0-0.8,3.1-1,3.8c-0.4,1.4-1.3,3.1-2,4.2c1.5,0.5,3.1,0.7,4.7,0.7c8.8,0,16-7.2,16-16 C32,7.2,24.8,0,16,0z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Skype -->\n    <svg>\n      <defs>\n        <g id=\"skype\">\n          <path\n            d=\"M30.9,18.7c0.2-0.9,0.3-1.8,0.3-2.7c0-2-0.4-4-1.2-5.9c-0.8-1.8-1.8-3.4-3.2-4.8c-1.4-1.4-3-2.5-4.8-3.2 C20,1.2,18,0.8,16,0.8c-1,0-1.9,0.1-2.9,0.3c0,0,0,0,0,0c-1.3-0.7-2.7-1-4.2-1C6.6,0,4.3,1,2.6,2.7C0.9,4.3,0,6.6,0,9 c0,1.5,0.4,3,1.1,4.3c-0.1,0.9-0.2,1.7-0.2,2.6c0,2,0.4,4,1.2,5.9c0.8,1.8,1.8,3.4,3.2,4.8c1.4,1.4,3,2.5,4.8,3.2 C12,30.6,14,31,16,31c0.9,0,1.8-0.1,2.6-0.2c1.3,0.8,2.9,1.2,4.4,1.2c2.4,0,4.6-0.9,6.3-2.6c1.7-1.7,2.6-3.9,2.6-6.3 C32,21.5,31.6,20,30.9,18.7z M16.1,25.2c-5.4,0-7.8-2.6-7.8-4.6c0-1,0.7-1.7,1.8-1.7c2.3,0,1.7,3.3,6,3.3c2.2,0,3.4-1.2,3.4-2.4 c0-0.7-0.4-1.5-1.8-1.9l-4.8-1.2c-3.8-1-4.5-3-4.5-5c0-4.1,3.8-5.6,7.4-5.6c3.3,0,7.2,1.8,7.2,4.3c0,1-0.9,1.6-1.9,1.6 c-2,0-1.6-2.7-5.5-2.7c-2,0-3,0.9-3,2.2c0,1.3,1.5,1.7,2.9,2l3.5,0.8c3.9,0.9,4.9,3.1,4.9,5.3C23.7,22.7,21.2,25.2,16.1,25.2z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Spotify -->\n    <svg>\n      <defs>\n        <g id=\"spotify\">\n          <path\n            d=\"M16,0C7.2,0,0,7.2,0,16s7.2,16,16,16c8.8,0,16-7.2,16-16 S24.8,0,16,0z M13.7,8.4c4.7,0,9.6,1,13.3,3.1c0.5,0.3,0.8,0.7,0.8,1.5c0,0.9-0.7,1.5-1.5,1.5c-0.3,0-0.5-0.1-0.8-0.2 c-2.9-1.7-7.4-2.7-11.7-2.7c-2.2,0-4.4,0.2-6.4,0.8c-0.2,0.1-0.5,0.2-0.8,0.2c-0.9,0-1.5-0.7-1.5-1.5c0-0.9,0.5-1.4,1.1-1.5 C8.3,8.7,10.9,8.4,13.7,8.4z M13.3,13.8c4.2,0,8.2,1,11.4,2.9c0.5,0.3,0.7,0.7,0.7,1.3c0,0.7-0.6,1.3-1.2,1.3 c-0.3,0-0.6-0.1-0.8-0.3c-2.6-1.5-6.2-2.6-10.2-2.6c-2,0-3.8,0.3-5.2,0.7c-0.3,0.1-0.5,0.2-0.8,0.2c-0.7,0-1.2-0.6-1.2-1.3 c0-0.7,0.3-1.1,1-1.3C8.8,14.2,10.7,13.8,13.3,13.8z M13.5,19.1c3.5,0,6.6,0.8,9.3,2.4c0.4,0.2,0.6,0.5,0.6,1.1c0,0.6-0.5,1-1,1 c-0.3,0-0.4-0.1-0.7-0.2c-2.3-1.4-5.2-2.1-8.3-2.1c-1.7,0-3.4,0.2-5,0.6c-0.3,0.1-0.6,0.2-0.8,0.2c-0.6,0-1-0.5-1-1 c0-0.7,0.4-1,0.9-1.1C9.5,19.3,11.5,19.1,13.5,19.1z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- StumbleUpon -->\n    <svg>\n      <defs>\n        <g id=\"stumbleupon\">\n          <path\n            d=\"M16,0C7.2,0,0,7.2,0,16c0,8.8,7.2,16,16,16c8.8,0,16-7.2,16-16C32,7.2,24.8,0,16,0z M15.8,12.1 c-0.5,0-1,0.4-1,1l0,5.8c0,2.2-1.8,4-4.1,4c-2.3,0-4.1-1.8-4.1-4.1c0,0,0-2.5,0-2.5h3.1v2.5c0,0.5,0.4,1,1,1s1-0.4,1-1v-5.9 c0.1-2.2,1.9-3.9,4.1-3.9c2.2,0,4,1.8,4.1,4v1.3L18,14.8l-1.3-0.6v-1.1C16.8,12.6,16.4,12.1,15.8,12.1z M25,18.9 c0,2.3-1.8,4.1-4.1,4.1c-2.2,0-4.1-1.8-4.1-4.1v-2.6l1.3,0.6l1.9-0.6V19c0,0.5,0.4,1,1,1s1-0.4,1-1v-2.6H25 C25,16.3,25,18.8,25,18.9z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Tumblr -->\n    <svg>\n      <defs>\n        <g id=\"tumblr\">\n          <path\n            d=\"M23.7,25.6c-0.6,0.3-1.7,0.5-2.6,0.6C18.5,26.2,18,24.3,18,23V13h6.4V8.2H18V0c0,0-4.6,0-4.7,0 c-0.1,0-0.2,0.1-0.2,0.2c-0.3,2.5-1.4,6.9-6.3,8.6V13H10v10.5c0,3.6,2.6,8.7,9.6,8.5c2.4,0,5-1,5.5-1.9L23.7,25.6z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Twitter -->\n    <svg>\n      <defs>\n        <g id=\"twitter\">\n          <path\n            d=\"M32,6.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6C25.7,3.8,24,3,22.2,3 c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5C10.3,10.8,5.5,8.2,2.2,4.2c-0.6,1-0.9,2.1-0.9,3.3c0,2.3,1.2,4.3,2.9,5.5 c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1C2.9,27.9,6.4,29,10.1,29c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C30,8.5,31.1,7.4,32,6.1z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- YouTube -->\n    <svg>\n      <defs>\n        <g id=\"youtube\">\n          <path\n            d=\"M31.7,9.6c0,0-0.3-2.2-1.3-3.2c-1.2-1.3-2.6-1.3-3.2-1.4C22.7,4.7,16,4.7,16,4.7h0c0,0-6.7,0-11.2,0.3 c-0.6,0.1-2,0.1-3.2,1.4c-1,1-1.3,3.2-1.3,3.2S0,12.2,0,14.8v2.4c0,2.6,0.3,5.2,0.3,5.2s0.3,2.2,1.3,3.2c1.2,1.3,2.8,1.2,3.5,1.4 C7.7,27.2,16,27.3,16,27.3s6.7,0,11.2-0.3c0.6-0.1,2-0.1,3.2-1.4c1-1,1.3-3.2,1.3-3.2s0.3-2.6,0.3-5.2v-2.4 C32,12.2,31.7,9.6,31.7,9.6z M12.7,20.2l0-9l8.6,4.5L12.7,20.2z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Vimeo -->\n    <svg>\n      <defs>\n        <g id=\"vimeo\">\n          <path\n            d=\"M32,8.5c-0.1,3.1-2.3,7.4-6.5,12.8c-4.4,5.7-8,8.5-11,8.5c-1.9,0-3.4-1.7-4.7-5.2c-0.9-3.2-1.7-6.3-2.6-9.5 c-1-3.4-2-5.2-3.1-5.2c-0.2,0-1.1,0.5-2.5,1.5L0,9.6c1.6-1.4,3.1-2.8,4.7-4.2c2.1-1.8,3.7-2.8,4.7-2.9c2.5-0.2,4,1.5,4.6,5.1 c0.6,3.9,1.1,6.4,1.3,7.3c0.7,3.3,1.5,4.9,2.4,4.9c0.7,0,1.7-1.1,3-3.2c1.3-2.1,2.1-3.7,2.2-4.8c0.2-1.8-0.5-2.7-2.2-2.7 c-0.8,0-1.6,0.2-2.4,0.5c1.6-5.2,4.6-7.7,9-7.5C30.6,2.2,32.2,4.4,32,8.5z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n\n    <!-- Vine -->\n    <svg>\n      <defs>\n        <g id=\"vine\">\n          <path\n            d=\"M30,15.9c-0.8,0.2-1.6,0.3-2.3,0.3c-4,0-7.1-2.8-7.1-7.7c0-2.4,0.9-3.7,2.2-3.7c1.3,0,2.1,1.1,2.1,3.4 c0,1.3-0.3,2.7-0.6,3.6c0,0,1.2,2.2,4.6,1.5c0.7-1.6,1.1-3.7,1.1-5.5C30,2.9,27.5,0,22.9,0c-4.7,0-7.5,3.6-7.5,8.4 c0,4.7,2.2,8.8,5.9,10.6c-1.5,3.1-3.5,5.8-5.5,7.8c-3.7-4.5-7-10.4-8.4-22H2c2.5,19.3,10,25.5,12,26.7c1.1,0.7,2.1,0.6,3.1,0.1 c1.6-0.9,6.4-5.7,9.1-11.4c1.1,0,2.5-0.1,3.8-0.4V15.9z\"\n          ></path>\n        </g>\n      </defs>\n    </svg>\n  </iron-iconset-svg>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/social-share-link/social-share-link.js b/build/es5-amd/node_modules/@lrnwebcomponents/social-share-link/social-share-link.js
index d9e9e87927d..29bb057a891 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/social-share-link/social-share-link.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/social-share-link/social-share-link.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
   });
   _exports.SocialShareLink = void 0;
 
-  var _templateObject_af1d16501f0511ed8cc3e9a95995ad69, _templateObject2_af1d16501f0511ed8cc3e9a95995ad69;
+  var _templateObject_895ff9201f2611eda0c389891c227ec8, _templateObject2_895ff9201f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -46,7 +46,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_af1d16501f0511ed8cc3e9a95995ad69 || (_templateObject_af1d16501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <a\n      href=\"", "\"\n      ?disabled=\"", "\"\n      class=\"", "\"\n      rel=\"noopener noreferrer\"\n      target=\"_blank\"\n    >\n      <simple-icon\n        dark\n        contrast=\"4\"\n        aria-hidden=\"true\"\n        icon=\"", "\"\n        ?hidden=\"", "\"\n      ></simple-icon>\n      <span class=\"linktext\">", "</span>\n    </a>"])), this.__href, !this.__href, this.mode, this.__icon, !this.__showIcon, this.__linkText);
+        return (0, _index.html)(_templateObject_895ff9201f2611eda0c389891c227ec8 || (_templateObject_895ff9201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <a\n      href=\"", "\"\n      ?disabled=\"", "\"\n      class=\"", "\"\n      rel=\"noopener noreferrer\"\n      target=\"_blank\"\n    >\n      <simple-icon\n        dark\n        contrast=\"4\"\n        aria-hidden=\"true\"\n        icon=\"", "\"\n        ?hidden=\"", "\"\n      ></simple-icon>\n      <span class=\"linktext\">", "</span>\n    </a>"])), this.__href, !this.__href, this.mode, this.__icon, !this.__showIcon, this.__linkText);
       } // properties available to the custom element for data binding
 
     }, {
@@ -139,7 +139,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/simple-icon.js", "../si
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_af1d16501f0511ed8cc3e9a95995ad69 || (_templateObject2_af1d16501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host a {\n          display: inline-flex;\n          align-items: center;\n          color: var(--social-share-link-color, inherit);\n          transition: all 0.5s;\n          margin: 5px;\n          padding: var(--social-share-button-padding, 0px);\n          border-radius: var(--social-share-button-border-radius, 0px);\n        }\n\n        :host a:visited {\n          color: var(--social-share-visited-link-color, inherit);\n        }\n\n        :host a:focus,\n        :host a:hover {\n          color: var(--social-share-link-hover-color, inherit);\n        }\n\n        :host([disabled]) a,\n        :host([disabled]) a:focus,\n        :host([disabled]) a:hover,\n        :host([disabled]) a:visited {\n          color: var(--social-share-disabled-link-color, #ddd);\n        }\n\n        :host([button-style]) a {\n          padding: var(--social-share-button-padding, 5px 10px);\n          border-radius: var(--social-share-button-border-radius, 3px);\n          color: var(--social-share-button-color, white);\n          background-color: var(--social-share-button-bg, #0066ff);\n          text-decoration: none;\n          transition: all 0.5s;\n        }\n\n        :host([button-style]) a:visited {\n          color: var(--social-share-visited-button-color, white);\n        }\n\n        :host([button-style]) a:focus,\n        :host([button-style]) a:hover {\n          color: var(--social-share-button-hover-color, white);\n          background-color: var(--social-share-button-hover-bg, #0044ee);\n        }\n\n        :host([button-style][disabled]) a,\n        :host([button-style][disabled]) a:focus,\n        :host([button-style][disabled]) a:hover,\n        :host([button-style][disabled]) a:visited {\n          color: var(--social-share-disabled-button-color, #ddd);\n          background-color: var(--social-share-disabled-button-bg, #666);\n        }\n\n        :host simple-icon {\n          margin-right: 5px;\n        }\n\n        :host a.text-only simple-icon {\n          display: none;\n        }\n\n        :host a.icon-only .linktext {\n          position: absolute;\n          left: -999999px;\n          top: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n\n        :host a.icon-only simple-icon {\n          margin-right: 0;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_895ff9201f2611eda0c389891c227ec8 || (_templateObject2_895ff9201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host a {\n          display: inline-flex;\n          align-items: center;\n          color: var(--social-share-link-color, inherit);\n          transition: all 0.5s;\n          margin: 5px;\n          padding: var(--social-share-button-padding, 0px);\n          border-radius: var(--social-share-button-border-radius, 0px);\n        }\n\n        :host a:visited {\n          color: var(--social-share-visited-link-color, inherit);\n        }\n\n        :host a:focus,\n        :host a:hover {\n          color: var(--social-share-link-hover-color, inherit);\n        }\n\n        :host([disabled]) a,\n        :host([disabled]) a:focus,\n        :host([disabled]) a:hover,\n        :host([disabled]) a:visited {\n          color: var(--social-share-disabled-link-color, #ddd);\n        }\n\n        :host([button-style]) a {\n          padding: var(--social-share-button-padding, 5px 10px);\n          border-radius: var(--social-share-button-border-radius, 3px);\n          color: var(--social-share-button-color, white);\n          background-color: var(--social-share-button-bg, #0066ff);\n          text-decoration: none;\n          transition: all 0.5s;\n        }\n\n        :host([button-style]) a:visited {\n          color: var(--social-share-visited-button-color, white);\n        }\n\n        :host([button-style]) a:focus,\n        :host([button-style]) a:hover {\n          color: var(--social-share-button-hover-color, white);\n          background-color: var(--social-share-button-hover-bg, #0044ee);\n        }\n\n        :host([button-style][disabled]) a,\n        :host([button-style][disabled]) a:focus,\n        :host([button-style][disabled]) a:hover,\n        :host([button-style][disabled]) a:visited {\n          color: var(--social-share-disabled-button-color, #ddd);\n          background-color: var(--social-share-disabled-button-bg, #666);\n        }\n\n        :host simple-icon {\n          margin-right: 5px;\n        }\n\n        :host a.text-only simple-icon {\n          display: none;\n        }\n\n        :host a.icon-only .linktext {\n          position: absolute;\n          left: -999999px;\n          top: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n\n        :host a.icon-only simple-icon {\n          margin-right: 0;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/sorting-question/sorting-question.js b/build/es5-amd/node_modules/@lrnwebcomponents/sorting-question/sorting-question.js
index 420b4980170..0912b31bc4f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/sorting-question/sorting-question.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/sorting-question/sorting-question.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.SortingQuestion = void 0;
 
-  var _templateObject_af1f87501f0511ed8cc3e9a95995ad69, _templateObject2_af1f87501f0511ed8cc3e9a95995ad69;
+  var _templateObject_8961a6d01f2611eda0c389891c227ec8, _templateObject2_8961a6d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -42,7 +42,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_af1f87501f0511ed8cc3e9a95995ad69 || (_templateObject_af1f87501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
+        return (0, _index.html)(_templateObject_8961a6d01f2611eda0c389891c227ec8 || (_templateObject_8961a6d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
       }
       /**
        * Convention we use
@@ -107,7 +107,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(SortingQuestion), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_af1f87501f0511ed8cc3e9a95995ad69 || (_templateObject2_af1f87501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_8961a6d01f2611eda0c389891c227ec8 || (_templateObject2_8961a6d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/star-rating/star-rating.js b/build/es5-amd/node_modules/@lrnwebcomponents/star-rating/star-rating.js
index 1ddc59ad704..432556c1b8d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/star-rating/star-rating.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/star-rating/star-rating.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/lib/simple-icon-button.
   });
   _exports.StarRating = void 0;
 
-  var _templateObject_af2309c01f0511ed8cc3e9a95995ad69, _templateObject2_af2309c01f0511ed8cc3e9a95995ad69, _templateObject3_af2309c01f0511ed8cc3e9a95995ad69, _templateObject4_af2309c01f0511ed8cc3e9a95995ad69, _templateObject5_af2309c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_89659e701f2611eda0c389891c227ec8, _templateObject2_89659e701f2611eda0c389891c227ec8, _templateObject3_89659e701f2611eda0c389891c227ec8, _templateObject4_89659e701f2611eda0c389891c227ec8, _templateObject5_89659e701f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -47,13 +47,13 @@ define(["exports", "../../lit/index.js", "../simple-icon/lib/simple-icon-button.
     babelHelpers.createClass(StarRating, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_af2309c01f0511ed8cc3e9a95995ad69 || (_templateObject_af2309c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <div class=\"stars\">\n          ", "\n        </div>\n        <div class=\"rating\">\n          ", " (", "/", ")\n        </div>\n      </div>\n    "])), this.renderStar(this.numStars, this.interactive), this._calPercent, this.score, this.possible);
+        return (0, _index.html)(_templateObject_89659e701f2611eda0c389891c227ec8 || (_templateObject_89659e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <div class=\"stars\">\n          ", "\n        </div>\n        <div class=\"rating\">\n          ", " (", "/", ")\n        </div>\n      </div>\n    "])), this.renderStar(this.numStars, this.interactive), this._calPercent, this.score, this.possible);
       }
     }, {
       key: "renderStar",
       value: function renderStar(amount, interactive) {
         if (amount === 0) {
-          return (0, _index.html)(_templateObject2_af2309c01f0511ed8cc3e9a95995ad69 || (_templateObject2_af2309c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""])));
+          return (0, _index.html)(_templateObject2_89659e701f2611eda0c389891c227ec8 || (_templateObject2_89659e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""])));
         }
 
         var count = 0;
@@ -70,9 +70,9 @@ define(["exports", "../../lit/index.js", "../simple-icon/lib/simple-icon-button.
 
 
           if (interactive) {
-            content.push((0, _index.html)(_templateObject3_af2309c01f0511ed8cc3e9a95995ad69 || (_templateObject3_af2309c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button\n            @click=\"", "\"\n            icon=\"", "\"\n            accent-color=\"", "\"\n            ?dark=\"", "\"\n            contrast=\"", "\"\n            class=\"star\"\n            data-value=\"", "\"\n          ></simple-icon-button>"])), this.interactiveEvent, icon, this.accentColor, this.dark, this.contrast, Number(count + 1)));
+            content.push((0, _index.html)(_templateObject3_89659e701f2611eda0c389891c227ec8 || (_templateObject3_89659e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon-button\n            @click=\"", "\"\n            icon=\"", "\"\n            accent-color=\"", "\"\n            ?dark=\"", "\"\n            contrast=\"", "\"\n            class=\"star\"\n            data-value=\"", "\"\n          ></simple-icon-button>"])), this.interactiveEvent, icon, this.accentColor, this.dark, this.contrast, Number(count + 1)));
           } else {
-            content.push((0, _index.html)(_templateObject4_af2309c01f0511ed8cc3e9a95995ad69 || (_templateObject4_af2309c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n            icon=\"", "\"\n            accent-color=\"", "\"\n            ?dark=\"", "\"\n            contrast=\"", "\"\n            class=\"star\"\n          ></simple-icon>"])), icon, this.accentColor, this.dark, this.contrast));
+            content.push((0, _index.html)(_templateObject4_89659e701f2611eda0c389891c227ec8 || (_templateObject4_89659e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<simple-icon\n            icon=\"", "\"\n            accent-color=\"", "\"\n            ?dark=\"", "\"\n            contrast=\"", "\"\n            class=\"star\"\n          ></simple-icon>"])), icon, this.accentColor, this.dark, this.contrast));
           }
 
           count++;
@@ -123,7 +123,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/lib/simple-icon-button.
     }, {
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(StarRating), "styles", this)), [(0, _index.css)(_templateObject5_af2309c01f0511ed8cc3e9a95995ad69 || (_templateObject5_af2309c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 12px;\n          font-weight: normal;\n          --star-rating-padding-left: 12px;\n          --star-rating-margin: 0;\n          --star-rating-size: 24px;\n        }\n        .wrapper {\n          display: inline-flex;\n        }\n        .stars {\n          background-color: var(\n            --star-rating-background-color,\n            var(--simple-colors-default-theme-grey-9)\n          );\n        }\n        simple-icon,\n        simple-icon-button {\n          --simple-icon-color: var(\n            --star-rating-color,\n            var(--simple-colors-default-theme-accent-7)\n          );\n          --simple-icon-height: var(--star-rating-size, 24px);\n          --simple-icon-width: var(--star-rating-size, 24px);\n        }\n        .rating {\n          padding-left: var(--star-rating-padding-left);\n          margin: var(--star-rating-margin);\n          line-height: var(--star-rating-size, 24px);\n          vertical-align: center;\n        }\n        :host(:not([interactive])) simple-icon-button::part(button) {\n          cursor: unset;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(StarRating), "styles", this)), [(0, _index.css)(_templateObject5_89659e701f2611eda0c389891c227ec8 || (_templateObject5_89659e701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 12px;\n          font-weight: normal;\n          --star-rating-padding-left: 12px;\n          --star-rating-margin: 0;\n          --star-rating-size: 24px;\n        }\n        .wrapper {\n          display: inline-flex;\n        }\n        .stars {\n          background-color: var(\n            --star-rating-background-color,\n            var(--simple-colors-default-theme-grey-9)\n          );\n        }\n        simple-icon,\n        simple-icon-button {\n          --simple-icon-color: var(\n            --star-rating-color,\n            var(--simple-colors-default-theme-accent-7)\n          );\n          --simple-icon-height: var(--star-rating-size, 24px);\n          --simple-icon-width: var(--star-rating-size, 24px);\n        }\n        .rating {\n          padding-left: var(--star-rating-padding-left);\n          margin: var(--star-rating-margin);\n          line-height: var(--star-rating-size, 24px);\n          vertical-align: center;\n        }\n        :host(:not([interactive])) simple-icon-button::part(button) {\n          cursor: unset;\n        }\n      "])))]);
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/stop-note/stop-note.js b/build/es5-amd/node_modules/@lrnwebcomponents/stop-note/stop-note.js
index bee4a1f3748..3ec18a640ba 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/stop-note/stop-note.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/stop-note/stop-note.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../utils/lib/remoteLinkBehavio
   _exports.StopNote = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_af2839e01f0511ed8cc3e9a95995ad69, _templateObject2_af2839e01f0511ed8cc3e9a95995ad69, _templateObject3_af2839e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_896a32501f2611eda0c389891c227ec8, _templateObject2_896a32501f2611eda0c389891c227ec8, _templateObject3_896a32501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -60,7 +60,7 @@ define(["exports", "meta", "../../lit/index.js", "../utils/lib/remoteLinkBehavio
     babelHelpers.createClass(StopNote, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_af2839e01f0511ed8cc3e9a95995ad69 || (_templateObject_af2839e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"container\">\n        <div class=\"svg_wrap\">\n          <div class=\"svg\">\n            <simple-icon icon=\"", "\" no-colorize></simple-icon>\n          </div>\n        </div>\n        <div class=\"message_wrap\">\n          <div class=\"main_message\" id=\"title\">", "</div>\n          <div class=\"secondary_message\">\n            <slot></slot>\n            <slot name=\"message\"></slot>\n          </div>\n          ", "\n        </div>\n      </div>\n    "])), this.icon, this.title, this.url ? (0, _index.html)(_templateObject2_af2839e01f0511ed8cc3e9a95995ad69 || (_templateObject2_af2839e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"link\">\n                  <a href=\"", "\" id=\"link\">\n                    ", " &gt;\n                  </a>\n                </div>\n              "])), this.url, this.t.moreInformation) : "");
+        return (0, _index.html)(_templateObject_896a32501f2611eda0c389891c227ec8 || (_templateObject_896a32501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"container\">\n        <div class=\"svg_wrap\">\n          <div class=\"svg\">\n            <simple-icon icon=\"", "\" no-colorize></simple-icon>\n          </div>\n        </div>\n        <div class=\"message_wrap\">\n          <div class=\"main_message\" id=\"title\">", "</div>\n          <div class=\"secondary_message\">\n            <slot></slot>\n            <slot name=\"message\"></slot>\n          </div>\n          ", "\n        </div>\n      </div>\n    "])), this.icon, this.title, this.url ? (0, _index.html)(_templateObject2_896a32501f2611eda0c389891c227ec8 || (_templateObject2_896a32501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"link\">\n                  <a href=\"", "\" id=\"link\">\n                    ", " &gt;\n                  </a>\n                </div>\n              "])), this.url, this.t.moreInformation) : "");
       }
     }, {
       key: "updated",
@@ -161,7 +161,7 @@ define(["exports", "meta", "../../lit/index.js", "../utils/lib/remoteLinkBehavio
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject3_af2839e01f0511ed8cc3e9a95995ad69 || (_templateObject3_af2839e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: auto;\n          --background-color: #f7f7f7;\n          --accent-color: #d32f2f;\n          margin-bottom: 20px;\n        }\n\n        simple-icon {\n          --simple-icon-height: 100px;\n          --simple-icon-width: 100px;\n        }\n\n        :host([icon=\"stopnoteicons:stop-icon\"]) {\n          --accent-color: #d8261c;\n        }\n\n        :host([icon=\"stopnoteicons:warning-icon\"]) {\n          --accent-color: #ffeb3b;\n        }\n\n        :host([icon=\"stopnoteicons:confirm-icon\"]) {\n          --accent-color: #81c784;\n        }\n\n        :host([icon=\"stopnoteicons:book-icon\"]) {\n          --accent-color: #21a3db;\n        }\n\n        .container {\n          display: flex;\n          width: auto;\n        }\n\n        .message_wrap {\n          border-right: 7px solid var(--accent-color);\n          padding: 10px 25px;\n          flex: 1 1 auto;\n          background-color: var(--background-color);\n        }\n\n        .main_message {\n          font-size: 32px;\n          margin-top: 10px;\n        }\n\n        .secondary_message {\n          margin-top: 5px;\n          font-size: 19.2px;\n          width: 100%;\n        }\n\n        .link a {\n          margin-top: 5px;\n          font-size: 19.2px;\n          float: left;\n          clear: left;\n          text-decoration: none;\n        }\n\n        .svg {\n          display: flex;\n          justify-content: center;\n        }\n\n        .svg_wrap {\n          background-color: var(--accent-color);\n          padding: 5px;\n          width: auto;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_896a32501f2611eda0c389891c227ec8 || (_templateObject3_896a32501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: auto;\n          --background-color: #f7f7f7;\n          --accent-color: #d32f2f;\n          margin-bottom: 20px;\n        }\n\n        simple-icon {\n          --simple-icon-height: 100px;\n          --simple-icon-width: 100px;\n        }\n\n        :host([icon=\"stopnoteicons:stop-icon\"]) {\n          --accent-color: #d8261c;\n        }\n\n        :host([icon=\"stopnoteicons:warning-icon\"]) {\n          --accent-color: #ffeb3b;\n        }\n\n        :host([icon=\"stopnoteicons:confirm-icon\"]) {\n          --accent-color: #81c784;\n        }\n\n        :host([icon=\"stopnoteicons:book-icon\"]) {\n          --accent-color: #21a3db;\n        }\n\n        .container {\n          display: flex;\n          width: auto;\n        }\n\n        .message_wrap {\n          border-right: 7px solid var(--accent-color);\n          padding: 10px 25px;\n          flex: 1 1 auto;\n          background-color: var(--background-color);\n        }\n\n        .main_message {\n          font-size: 32px;\n          margin-top: 10px;\n        }\n\n        .secondary_message {\n          margin-top: 5px;\n          font-size: 19.2px;\n          width: 100%;\n        }\n\n        .link a {\n          margin-top: 5px;\n          font-size: 19.2px;\n          float: left;\n          clear: left;\n          text-decoration: none;\n        }\n\n        .svg {\n          display: flex;\n          justify-content: center;\n        }\n\n        .svg_wrap {\n          background-color: var(--accent-color);\n          padding: 5px;\n          width: auto;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/tab-list/tab-list.js b/build/es5-amd/node_modules/@lrnwebcomponents/tab-list/tab-list.js
index bd0dee7b172..554e91c4ac6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/tab-list/tab-list.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/tab-list/tab-list.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../a11y-tabs/a11y-tabs.js", "../a11y-t
   });
   _exports.TabList = void 0;
 
-  var _templateObject_9e157fa01f0511ed8cc3e9a95995ad69, _templateObject2_9e157fa01f0511ed8cc3e9a95995ad69, _templateObject3_9e157fa01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7916d0701f2611eda0c389891c227ec8, _templateObject2_7916d0701f2611eda0c389891c227ec8, _templateObject3_7916d0701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -35,8 +35,8 @@ define(["exports", "../../lit/index.js", "../a11y-tabs/a11y-tabs.js", "../a11y-t
     babelHelpers.createClass(TabList, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9e157fa01f0511ed8cc3e9a95995ad69 || (_templateObject_9e157fa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <a11y-tabs>\n        ", "\n      </a11y-tabs>\n    "])), this.tabs.map(function (tab) {
-          return (0, _index.html)(_templateObject2_9e157fa01f0511ed8cc3e9a95995ad69 || (_templateObject2_9e157fa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <a11y-tab label=\"", "\">\n              <a\n                target=\"_blank\"\n                href=\"", "\"\n                tabindex=\"-1\"\n                rel=\"noopener noreferrer\"\n              >\n                <button raised>", "</button>\n              </a>\n            </a11y-tab>\n          "])), tab.label, tab.link, tab.label);
+        return (0, _index.html)(_templateObject_7916d0701f2611eda0c389891c227ec8 || (_templateObject_7916d0701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <a11y-tabs>\n        ", "\n      </a11y-tabs>\n    "])), this.tabs.map(function (tab) {
+          return (0, _index.html)(_templateObject2_7916d0701f2611eda0c389891c227ec8 || (_templateObject2_7916d0701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <a11y-tab label=\"", "\">\n              <a\n                target=\"_blank\"\n                href=\"", "\"\n                tabindex=\"-1\"\n                rel=\"noopener noreferrer\"\n              >\n                <button raised>", "</button>\n              </a>\n            </a11y-tab>\n          "])), tab.label, tab.link, tab.label);
         }));
       }
     }, {
@@ -59,7 +59,7 @@ define(["exports", "../../lit/index.js", "../a11y-tabs/a11y-tabs.js", "../a11y-t
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject3_9e157fa01f0511ed8cc3e9a95995ad69 || (_templateObject3_9e157fa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 0 auto;\n          list-style: none;\n          display: block;\n          padding: 16px;\n          border-bottom: 1px solid black;\n        }\n        a11y-tabs {\n          align-items: center;\n          justify-items: center;\n        }\n        a11y-tab a {\n          text-decoration: none;\n          flex: unset;\n          height: unset;\n          width: 100%;\n          text-align: center;\n        }\n        button {\n          text-transform: unset;\n          width: 100%;\n          display: block;\n          min-width: unset;\n          margin: 0;\n          text-overflow: ellipsis;\n          overflow: hidden;\n        }\n        @media screen and (max-width: 600px) {\n          a11y-tab {\n            display: block;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_7916d0701f2611eda0c389891c227ec8 || (_templateObject3_7916d0701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 0 auto;\n          list-style: none;\n          display: block;\n          padding: 16px;\n          border-bottom: 1px solid black;\n        }\n        a11y-tabs {\n          align-items: center;\n          justify-items: center;\n        }\n        a11y-tab a {\n          text-decoration: none;\n          flex: unset;\n          height: unset;\n          width: 100%;\n          text-align: center;\n        }\n        button {\n          text-transform: unset;\n          width: 100%;\n          display: block;\n          min-width: unset;\n          margin: 0;\n          text-overflow: ellipsis;\n          overflow: hidden;\n        }\n        @media screen and (max-width: 600px) {\n          a11y-tab {\n            display: block;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/task-list/task-list.js b/build/es5-amd/node_modules/@lrnwebcomponents/task-list/task-list.js
index e065171967b..78368702ce9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/task-list/task-list.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/task-list/task-list.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
   });
   _exports.TaskList = void 0;
 
-  var _templateObject_9e1afde01f0511ed8cc3e9a95995ad69, _templateObject2_9e1afde01f0511ed8cc3e9a95995ad69, _templateObject3_9e1afde01f0511ed8cc3e9a95995ad69, _templateObject4_9e1afde01f0511ed8cc3e9a95995ad69, _templateObject5_9e1afde01f0511ed8cc3e9a95995ad69;
+  var _templateObject_791c4eb01f2611eda0c389891c227ec8, _templateObject2_791c4eb01f2611eda0c389891c227ec8, _templateObject3_791c4eb01f2611eda0c389891c227ec8, _templateObject4_791c4eb01f2611eda0c389891c227ec8, _templateObject5_791c4eb01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -56,8 +56,8 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
     babelHelpers.createClass(TaskList, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9e1afde01f0511ed8cc3e9a95995ad69 || (_templateObject_9e1afde01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"wrapper\">\n        <h3 id=\"name\" property=\"oer:name\" ?contenteditable=\"", "\">\n          ", "\n        </h3>\n        <ol ?contenteditable=\"", "\" id=\"tasks\">\n          ", "\n        </ol>\n      </div>\n    "])), this.editMode, this.name, this.editMode, this.tasks.map(function (task) {
-          return (0, _index.html)(_templateObject2_9e1afde01f0511ed8cc3e9a95995ad69 || (_templateObject2_9e1afde01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n              <li>\n                ", "\n              </li>\n            "])), task.link ? (0, _index.html)(_templateObject3_9e1afde01f0511ed8cc3e9a95995ad69 || (_templateObject3_9e1afde01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                      <a href=\"", "\" property=\"oer:task\"\n                        >", "</a\n                      >\n                    "])), task.link, task.name) : (0, _index.html)(_templateObject4_9e1afde01f0511ed8cc3e9a95995ad69 || (_templateObject4_9e1afde01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <span property=\"oer:task\">", "</span> "])), task.name));
+        return (0, _index.html)(_templateObject_791c4eb01f2611eda0c389891c227ec8 || (_templateObject_791c4eb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"wrapper\">\n        <h3 id=\"name\" property=\"oer:name\" ?contenteditable=\"", "\">\n          ", "\n        </h3>\n        <ol ?contenteditable=\"", "\" id=\"tasks\">\n          ", "\n        </ol>\n      </div>\n    "])), this.editMode, this.name, this.editMode, this.tasks.map(function (task) {
+          return (0, _index.html)(_templateObject2_791c4eb01f2611eda0c389891c227ec8 || (_templateObject2_791c4eb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n              <li>\n                ", "\n              </li>\n            "])), task.link ? (0, _index.html)(_templateObject3_791c4eb01f2611eda0c389891c227ec8 || (_templateObject3_791c4eb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                      <a href=\"", "\" property=\"oer:task\"\n                        >", "</a\n                      >\n                    "])), task.link, task.name) : (0, _index.html)(_templateObject4_791c4eb01f2611eda0c389891c227ec8 || (_templateObject4_791c4eb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <span property=\"oer:task\">", "</span> "])), task.name));
         }));
       }
       /**
@@ -231,7 +231,7 @@ define(["exports", "../../lit/index.js", "../schema-behaviors/schema-behaviors.j
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject5_9e1afde01f0511ed8cc3e9a95995ad69 || (_templateObject5_9e1afde01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          border: var(--task-list-border, 1px solid #eeeeee);\n          font-size: var(--task-list-font-size, 18px);\n          padding: var(--task-list-padding, 16px);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject5_791c4eb01f2611eda0c389891c227ec8 || (_templateObject5_791c4eb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          border: var(--task-list-border, 1px solid #eeeeee);\n          font-size: var(--task-list-font-size, 18px);\n          padding: var(--task-list-padding, 16px);\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/team-member/team-member.js b/build/es5-amd/node_modules/@lrnwebcomponents/team-member/team-member.js
index 5438f2ea2db..a877fd2fa34 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/team-member/team-member.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/team-member/team-member.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../schema-behav
   });
   _exports.TeamMember = void 0;
 
-  var _templateObject_af2af9001f0511ed8cc3e9a95995ad69;
+  var _templateObject_896cca601f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -35,7 +35,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../schema-behav
     babelHelpers.createClass(TeamMember, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_af2af9001f0511ed8cc3e9a95995ad69 || (_templateObject_af2af9001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --team-member-circle: #1e407d;\n          --team-member-border: white;\n        }\n        .team-member {\n          text-align: center;\n          padding: 8px;\n        }\n        img.image {\n          background-color: var(--team-member-color);\n          height: 165px;\n          width: 165px;\n          margin: 0 auto;\n          border: 7px solid var(--team-member-border);\n          border-radius: 50%;\n        }\n        .name {\n          text-transform: none;\n          font-size: 16px;\n        }\n        .line1 {\n          font-size: 12px;\n          margin: 0;\n          padding: 4px 0;\n          line-height: 22px;\n        }\n        .line2 {\n          font-size: 12px;\n          margin: 0;\n          padding: 4px 0;\n          line-height: 18px;\n        }\n        .social {\n          display: inline-block;\n          padding-left: 5px;\n          padding-right: 5px;\n        }\n        simple-icon {\n          color: var(--team-member-color);\n        }\n      </style>\n      <div class=\"team-member\">\n        <img class=\"image\" src=\"[[image]]\" loading=\"lazy\" alt=\"\" />\n        <div class=\"name\">[[fullName]]</div>\n        <div hidden$=\"[[!firstLine]]\" class=\"line1\">[[firstLine]]</div>\n        <div hidden$=\"[[!secondLine]]\" class=\"line2\">[[secondLine]]</div>\n        <div class=\"social\">\n          <a tabindex=\"-1\" href$=\"[[dribble]]\" hidden$=\"[[!dribble]]\"\n            ><simple-icon icon=\"mdi-social:dribble\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[facebook]]\" hidden$=\"[[!facebook]]\"\n            ><simple-icon icon=\"mdi-social:facebook-box\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[github]]\" hidden$=\"[[!github]]\"\n            ><simple-icon icon=\"mdi-social:github-circle\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[google]]\" hidden$=\"[[!google]]\"\n            ><simple-icon icon=\"mdi-social:google-plus\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[instagram]]\" hidden$=\"[[!instagram]]\"\n            ><simple-icon icon=\"mdi-social:instagram\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[linkedin]]\" hidden$=\"[[!linkedin]]\"\n            ><simple-icon icon=\"mdi-social:linkedin\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[pinterest]]\" hidden$=\"[[!pinterest]]\"\n            ><simple-icon icon=\"mdi-social:pinterest\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[tumblr]]\" hidden$=\"[[!tumblr]]\"\n            ><simple-icon icon=\"mdi-social:tumblr\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[twitch]]\" hidden$=\"[[!twitch]]\"\n            ><simple-icon icon=\"mdi-social:twitch\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[twitter]]\" hidden$=\"[[!twitter]]\"\n            ><simple-icon icon=\"mdi-social:twitter\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[whatsapp]]\" hidden$=\"[[!whatsapp]]\"\n            ><simple-icon icon=\"mdi-social:whatsapp\"></simple-icon\n          ></a>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_896cca601f2611eda0c389891c227ec8 || (_templateObject_896cca601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --team-member-circle: #1e407d;\n          --team-member-border: white;\n        }\n        .team-member {\n          text-align: center;\n          padding: 8px;\n        }\n        img.image {\n          background-color: var(--team-member-color);\n          height: 165px;\n          width: 165px;\n          margin: 0 auto;\n          border: 7px solid var(--team-member-border);\n          border-radius: 50%;\n        }\n        .name {\n          text-transform: none;\n          font-size: 16px;\n        }\n        .line1 {\n          font-size: 12px;\n          margin: 0;\n          padding: 4px 0;\n          line-height: 22px;\n        }\n        .line2 {\n          font-size: 12px;\n          margin: 0;\n          padding: 4px 0;\n          line-height: 18px;\n        }\n        .social {\n          display: inline-block;\n          padding-left: 5px;\n          padding-right: 5px;\n        }\n        simple-icon {\n          color: var(--team-member-color);\n        }\n      </style>\n      <div class=\"team-member\">\n        <img class=\"image\" src=\"[[image]]\" loading=\"lazy\" alt=\"\" />\n        <div class=\"name\">[[fullName]]</div>\n        <div hidden$=\"[[!firstLine]]\" class=\"line1\">[[firstLine]]</div>\n        <div hidden$=\"[[!secondLine]]\" class=\"line2\">[[secondLine]]</div>\n        <div class=\"social\">\n          <a tabindex=\"-1\" href$=\"[[dribble]]\" hidden$=\"[[!dribble]]\"\n            ><simple-icon icon=\"mdi-social:dribble\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[facebook]]\" hidden$=\"[[!facebook]]\"\n            ><simple-icon icon=\"mdi-social:facebook-box\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[github]]\" hidden$=\"[[!github]]\"\n            ><simple-icon icon=\"mdi-social:github-circle\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[google]]\" hidden$=\"[[!google]]\"\n            ><simple-icon icon=\"mdi-social:google-plus\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[instagram]]\" hidden$=\"[[!instagram]]\"\n            ><simple-icon icon=\"mdi-social:instagram\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[linkedin]]\" hidden$=\"[[!linkedin]]\"\n            ><simple-icon icon=\"mdi-social:linkedin\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[pinterest]]\" hidden$=\"[[!pinterest]]\"\n            ><simple-icon icon=\"mdi-social:pinterest\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[tumblr]]\" hidden$=\"[[!tumblr]]\"\n            ><simple-icon icon=\"mdi-social:tumblr\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[twitch]]\" hidden$=\"[[!twitch]]\"\n            ><simple-icon icon=\"mdi-social:twitch\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[twitter]]\" hidden$=\"[[!twitter]]\"\n            ><simple-icon icon=\"mdi-social:twitter\"></simple-icon\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[whatsapp]]\" hidden$=\"[[!whatsapp]]\"\n            ><simple-icon icon=\"mdi-social:whatsapp\"></simple-icon\n          ></a>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/they-live/they-live.js b/build/es5-amd/node_modules/@lrnwebcomponents/they-live/they-live.js
index 63024c2ea14..1bcd083cbb7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/they-live/they-live.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/they-live/they-live.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.TheyLive = void 0;
 
-  var _templateObject_af2d91101f0511ed8cc3e9a95995ad69, _templateObject2_af2d91101f0511ed8cc3e9a95995ad69;
+  var _templateObject_896f14501f2611eda0c389891c227ec8, _templateObject2_896f14501f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -48,7 +48,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_af2d91101f0511ed8cc3e9a95995ad69 || (_templateObject_af2d91101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div class=\"content\">\n      <div class=\"truth\">", "</div>\n      <slot></slot>\n    </div>"])), this.truth);
+        return (0, _index.html)(_templateObject_896f14501f2611eda0c389891c227ec8 || (_templateObject_896f14501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div class=\"content\">\n      <div class=\"truth\">", "</div>\n      <slot></slot>\n    </div>"])), this.truth);
       } // properties available to the custom element for data binding
 
     }, {
@@ -91,7 +91,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
        * Register CSS styles
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_af2d91101f0511ed8cc3e9a95995ad69 || (_templateObject2_af2d91101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        .truth {\n          font-size: 5.5vw;\n          word-break: break-all;\n          line-height: 5.5vw;\n          position: absolute;\n          margin: 0 auto;\n          text-align: center;\n          display: flex;\n          visibility: hidden;\n          opacity: 0;\n          transition: 0.3s all linear;\n          z-index: 2;\n          text-align: center;\n        }\n        :host(:focus),\n        :host(:hover) {\n          background-color: grey;\n        }\n        :host(:focus) .content ::slotted(*),\n        :host(:hover) .content ::slotted(*) {\n          visibility: hidden;\n        }\n        :host(:focus) .truth,\n        :host(:hover) .truth {\n          visibility: visible;\n          opacity: 1;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_896f14501f2611eda0c389891c227ec8 || (_templateObject2_896f14501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        .truth {\n          font-size: 5.5vw;\n          word-break: break-all;\n          line-height: 5.5vw;\n          position: absolute;\n          margin: 0 auto;\n          text-align: center;\n          display: flex;\n          visibility: hidden;\n          opacity: 0;\n          transition: 0.3s all linear;\n          z-index: 2;\n          text-align: center;\n        }\n        :host(:focus),\n        :host(:hover) {\n          background-color: grey;\n        }\n        :host(:focus) .content ::slotted(*),\n        :host(:hover) .content ::slotted(*) {\n          visibility: hidden;\n        }\n        :host(:focus) .truth,\n        :host(:hover) .truth {\n          visibility: visible;\n          opacity: 1;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/threaded-discussion/lib/threaded-discussion-form.js b/build/es5-amd/node_modules/@lrnwebcomponents/threaded-discussion/lib/threaded-discussion-form.js
index d805fbb02b8..1df785264ea 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/threaded-discussion/lib/threaded-discussion-form.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/threaded-discussion/lib/threaded-discussion-form.js
@@ -6,7 +6,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
   });
   _exports.ThreadedDiscussionForm = void 0;
 
-  var _templateObject_e67a5db01f0511ed8cc3e9a95995ad69, _templateObject2_e67a5db01f0511ed8cc3e9a95995ad69;
+  var _templateObject_bc94f3901f2611eda0c389891c227ec8, _templateObject2_bc94f3901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -73,7 +73,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     babelHelpers.createClass(ThreadedDiscussionForm, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_e67a5db01f0511ed8cc3e9a95995ad69 || (_templateObject_e67a5db01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <form \n        action=\"", "\"\n        ?hidden=", "\n        class=\"", "\"\n        @submit=\"", "\">\n        <label for=\"", "\">", "</label>\n        <textarea\n          id=\"", "\"\n          name=\"", "\"\n          aria-describedby=\"", "\"\n        ></textarea>\n        <button type=\"submit\">\n          ", "\n          <simple-icon-lite  \n            aria-hidden=\"true\" \n            ?hidden=\"", "\"\n            icon=\"", "\"></simple-icon-lite>\n        </button>\n      </div>\n    "])), this.submit, this.hidden || this.disabled, this.thread ? "reply-form" : "comment-form", this._handleSubmit, this.field, this.textareaLabel, this.field, this.field, this.thread, this.buttonLabel, !this.icon, this.icon);
+        return (0, _index.html)(_templateObject_bc94f3901f2611eda0c389891c227ec8 || (_templateObject_bc94f3901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <form \n        action=\"", "\"\n        ?hidden=", "\n        class=\"", "\"\n        @submit=\"", "\">\n        <label for=\"", "\">", "</label>\n        <textarea\n          id=\"", "\"\n          name=\"", "\"\n          aria-describedby=\"", "\"\n        ></textarea>\n        <button type=\"submit\">\n          ", "\n          <simple-icon-lite  \n            aria-hidden=\"true\" \n            ?hidden=\"", "\"\n            icon=\"", "\"></simple-icon-lite>\n        </button>\n      </div>\n    "])), this.submit, this.hidden || this.disabled, this.thread ? "reply-form" : "comment-form", this._handleSubmit, this.field, this.textareaLabel, this.field, this.field, this.thread, this.buttonLabel, !this.icon, this.icon);
       }
     }, {
       key: "_handleSubmit",
@@ -103,7 +103,7 @@ define(["exports", "../../../lit/index.js", "../../simple-icon/lib/simple-icon-l
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_e67a5db01f0511ed8cc3e9a95995ad69 || (_templateObject2_e67a5db01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: 100%;\n          transition: all 0.5s ease-in-out;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        label {\n          flex: 0 0 0%;\n          margin: 0;\n          padding: 0;\n          position: absolute;\n          left: -99999px;\n          width: 0;\n          height: 0;\n          overflow: hidden;\n        }\n        textarea {\n          flex: 1 1 100%;\n          height: var(--threaded-discussion-textarea-Height, 16px);\n          opacity: var(--threaded-discussion-textarea-Opacity, 0);\n          width: calc(\n            100% - 2 * var(--threaded-discussion-comment-Padding, 10px)\n          );\n          padding: var(--threaded-discussion-comment-Padding, 10px);\n          margin: 1px;\n          border: none;\n          resize: none;\n          transition: all 0.5s ease-in-out;\n          color: var(\n            --threaded-discussion-textarea-Color,\n            var(--threaded-discussion-Color, #4b4b4b)\n          );\n          line-height: var(\n            --threaded-discussion-textarea-LineHeight,\n            var(--threaded-discussion-LineHeight, 160%)\n          );\n          font-weight: var(--threaded-discussion-textarea-FontWeight);\n          font-size: var(\n            --threaded-discussion-textarea-FontSize,\n            var(--threaded-discussion-FontSize, 14px)\n          );\n          font-family: var(\n            --threaded-discussion-textarea-FontFamily,\n            var(--threaded-discussion-FontFamily)\n          );\n        }\n        textarea:focus,\n        :host:focus-within textarea {\n          height: var(--threaded-discussion-textarea-focus-Height, 100px);\n          opacity: var(--threaded-discussion-textarea-focus-Opacity, 1);\n        }\n        form {\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-end;\n        }\n        .reply-form {\n          margin: 1px;\n        }\n        button {\n          flex: 0 0 auto;\n          text-align: center;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          margin: 1px;\n          min-height: 24px;\n          color: var(--threaded-discussion-comment-button-Color, #fff);\n          font-weight: var(--threaded-discussion-button-FontWeight);\n          font-size: var(\n            --threaded-discussion-button-FontSize,\n            var(--threaded-discussion-FontSize, 14px)\n          );\n          font-family: var(--threaded-discussion-button-FontFamily);\n          border-radius: var(--threaded-discussion-button-BorderRadius, 3px);\n        }\n        .reply-form button {\n          color: var(--threaded-discussion-reply-button-Color, #4b4b4b);\n          background-color: var(\n            --threaded-discussion-reply-button-BackgroundColor,\n            #fff\n          );\n          border: 1px solid\n            var(--threaded-discussion-reply-button-BorderColor, #4b4b4b);\n        }\n        .reply-form button:focus,\n        .reply-form button:hover {\n          color: var(--threaded-discussion-reply-button-focus-Color, #222);\n          background-color: var(\n            --threaded-discussion-reply-button-focus-BackgroundColor,\n            #fff\n          );\n          border: 1px solid\n            var(--threaded-discussion-reply-button-focus-BorderColor, #222);\n        }\n        .comment-form button {\n          font-weight: var(--threaded-discussion-comment-button-FontWeight);\n          font-size: var(--threaded-discussion-comment-button-FontSize);\n          font-family: var(--threaded-discussion-button-FontFamily);\n          color: var(--threaded-discussion-comment-button-Color, #fff);\n          background-color: var(\n            --threaded-discussion-comment-button-BackgroundColor,\n            #4b4b4b\n          );\n          border: 1px solid\n            var(--threaded-discussion-comment-button-BorderColor, #4b4b4b);\n        }\n        .comment-form button:focus,\n        .comment-form button:hover {\n          color: var(--threaded-discussion-comment-button-focus-Color, #fff);\n          background-color: var(\n            --threaded-discussion-comment-button-focus-BackgroundColor,\n            #222\n          );\n          border: 1px solid\n            var(--threaded-discussion-comment-button-focus-BorderColor, #222);\n        }\n        button simple-icon-lite {\n          margin-left: 5px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_bc94f3901f2611eda0c389891c227ec8 || (_templateObject2_bc94f3901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: 100%;\n          transition: all 0.5s ease-in-out;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        label {\n          flex: 0 0 0%;\n          margin: 0;\n          padding: 0;\n          position: absolute;\n          left: -99999px;\n          width: 0;\n          height: 0;\n          overflow: hidden;\n        }\n        textarea {\n          flex: 1 1 100%;\n          height: var(--threaded-discussion-textarea-Height, 16px);\n          opacity: var(--threaded-discussion-textarea-Opacity, 0);\n          width: calc(\n            100% - 2 * var(--threaded-discussion-comment-Padding, 10px)\n          );\n          padding: var(--threaded-discussion-comment-Padding, 10px);\n          margin: 1px;\n          border: none;\n          resize: none;\n          transition: all 0.5s ease-in-out;\n          color: var(\n            --threaded-discussion-textarea-Color,\n            var(--threaded-discussion-Color, #4b4b4b)\n          );\n          line-height: var(\n            --threaded-discussion-textarea-LineHeight,\n            var(--threaded-discussion-LineHeight, 160%)\n          );\n          font-weight: var(--threaded-discussion-textarea-FontWeight);\n          font-size: var(\n            --threaded-discussion-textarea-FontSize,\n            var(--threaded-discussion-FontSize, 14px)\n          );\n          font-family: var(\n            --threaded-discussion-textarea-FontFamily,\n            var(--threaded-discussion-FontFamily)\n          );\n        }\n        textarea:focus,\n        :host:focus-within textarea {\n          height: var(--threaded-discussion-textarea-focus-Height, 100px);\n          opacity: var(--threaded-discussion-textarea-focus-Opacity, 1);\n        }\n        form {\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-end;\n        }\n        .reply-form {\n          margin: 1px;\n        }\n        button {\n          flex: 0 0 auto;\n          text-align: center;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          margin: 1px;\n          min-height: 24px;\n          color: var(--threaded-discussion-comment-button-Color, #fff);\n          font-weight: var(--threaded-discussion-button-FontWeight);\n          font-size: var(\n            --threaded-discussion-button-FontSize,\n            var(--threaded-discussion-FontSize, 14px)\n          );\n          font-family: var(--threaded-discussion-button-FontFamily);\n          border-radius: var(--threaded-discussion-button-BorderRadius, 3px);\n        }\n        .reply-form button {\n          color: var(--threaded-discussion-reply-button-Color, #4b4b4b);\n          background-color: var(\n            --threaded-discussion-reply-button-BackgroundColor,\n            #fff\n          );\n          border: 1px solid\n            var(--threaded-discussion-reply-button-BorderColor, #4b4b4b);\n        }\n        .reply-form button:focus,\n        .reply-form button:hover {\n          color: var(--threaded-discussion-reply-button-focus-Color, #222);\n          background-color: var(\n            --threaded-discussion-reply-button-focus-BackgroundColor,\n            #fff\n          );\n          border: 1px solid\n            var(--threaded-discussion-reply-button-focus-BorderColor, #222);\n        }\n        .comment-form button {\n          font-weight: var(--threaded-discussion-comment-button-FontWeight);\n          font-size: var(--threaded-discussion-comment-button-FontSize);\n          font-family: var(--threaded-discussion-button-FontFamily);\n          color: var(--threaded-discussion-comment-button-Color, #fff);\n          background-color: var(\n            --threaded-discussion-comment-button-BackgroundColor,\n            #4b4b4b\n          );\n          border: 1px solid\n            var(--threaded-discussion-comment-button-BorderColor, #4b4b4b);\n        }\n        .comment-form button:focus,\n        .comment-form button:hover {\n          color: var(--threaded-discussion-comment-button-focus-Color, #fff);\n          background-color: var(\n            --threaded-discussion-comment-button-focus-BackgroundColor,\n            #222\n          );\n          border: 1px solid\n            var(--threaded-discussion-comment-button-focus-BorderColor, #222);\n        }\n        button simple-icon-lite {\n          margin-left: 5px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/threaded-discussion/threaded-discussion.js b/build/es5-amd/node_modules/@lrnwebcomponents/threaded-discussion/threaded-discussion.js
index 7ef06b13b93..6374c784132 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/threaded-discussion/threaded-discussion.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/threaded-discussion/threaded-discussion.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js", "../../@github/time-elements
   _exports.ThreadedDiscussion = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_af3d96a01f0511ed8cc3e9a95995ad69, _templateObject2_af3d96a01f0511ed8cc3e9a95995ad69, _templateObject3_af3d96a01f0511ed8cc3e9a95995ad69, _templateObject4_af3d96a01f0511ed8cc3e9a95995ad69, _templateObject5_af3d96a01f0511ed8cc3e9a95995ad69, _templateObject6_af3d96a01f0511ed8cc3e9a95995ad69, _templateObject7_af3d96a01f0511ed8cc3e9a95995ad69, _templateObject8_af3d96a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_897e56901f2611eda0c389891c227ec8, _templateObject2_897e56901f2611eda0c389891c227ec8, _templateObject3_897e56901f2611eda0c389891c227ec8, _templateObject4_897e56901f2611eda0c389891c227ec8, _templateObject5_897e56901f2611eda0c389891c227ec8, _templateObject6_897e56901f2611eda0c389891c227ec8, _templateObject7_897e56901f2611eda0c389891c227ec8, _templateObject8_897e56901f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -91,15 +91,15 @@ define(["exports", "require", "../../lit/index.js", "../../@github/time-elements
     babelHelpers.createClass(ThreadedDiscussion, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_af3d96a01f0511ed8cc3e9a95995ad69 || (_templateObject_af3d96a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <slot name=\"before-discussion\"></slot>\n      ", "\n      <div id=\"new-thread\">\n        <slot name=\"before-new-thread\"></slot>\n        <threaded-discussion-form\n          button-label=\"", "\"\n          class=\"comment-form\"\n          @comment-demo=\"", "\"\n          @comment-submitted=\"", "\"\n          ?demo=\"", "\"\n          field=\"", "\"\n          .icon=\"", "\"\n          ?hidden=\"", "\"\n          ?disabled=\"", "\"\n          .submit=\"", "\"\n          textarea-label=\"", "\"\n        >\n        </threaded-discussion-form>\n        <slot name=\"after-new-thread\"></slot>\n      </div>\n      ", "\n      <slot name=\"after-discussion\"></slot>\n    "])), this.latest ? "" : this.threads, this.commentButtonLabel || "Submit", this._handleDemo, this._handleSubmit, this.demo, this.map.body || "body", this.commentIcon, this.hidden, this.disabled, this._getPath(this.submit, this.params), this.commentTextareaLabel || "Enter comment", !this.latest ? "" : this.threads);
+        return (0, _index.html)(_templateObject_897e56901f2611eda0c389891c227ec8 || (_templateObject_897e56901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <slot name=\"before-discussion\"></slot>\n      ", "\n      <div id=\"new-thread\">\n        <slot name=\"before-new-thread\"></slot>\n        <threaded-discussion-form\n          button-label=\"", "\"\n          class=\"comment-form\"\n          @comment-demo=\"", "\"\n          @comment-submitted=\"", "\"\n          ?demo=\"", "\"\n          field=\"", "\"\n          .icon=\"", "\"\n          ?hidden=\"", "\"\n          ?disabled=\"", "\"\n          .submit=\"", "\"\n          textarea-label=\"", "\"\n        >\n        </threaded-discussion-form>\n        <slot name=\"after-new-thread\"></slot>\n      </div>\n      ", "\n      <slot name=\"after-discussion\"></slot>\n    "])), this.latest ? "" : this.threads, this.commentButtonLabel || "Submit", this._handleDemo, this._handleSubmit, this.demo, this.map.body || "body", this.commentIcon, this.hidden, this.disabled, this._getPath(this.submit, this.params), this.commentTextareaLabel || "Enter comment", !this.latest ? "" : this.threads);
       }
     }, {
       key: "threads",
       get: function get() {
         var _this2 = this;
 
-        return (0, _index.html)(_templateObject2_af3d96a01f0511ed8cc3e9a95995ad69 || (_templateObject2_af3d96a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"threads\">\n        <div class=\"thread\" ?hidden=\"", "\">\n          ", "\n        </div>\n        ", "\n      </div>\n    "])), !this.__loading, this.loadingText, this.sortData(this.__data).map(function (thread) {
-          return (0, _index.html)(_templateObject3_af3d96a01f0511ed8cc3e9a95995ad69 || (_templateObject3_af3d96a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"thread\">\n              ", "\n              ", "\n              <threaded-discussion-form\n                button-label=\"", "\"\n                class=\"reply-form\"\n                @comment-demo=\"", "\"\n                @comment-submitted=\"", "\"\n                ?demo=\"", "\"\n                field=\"", "\"\n                ?disabled=\"", "\"\n                ?hidden=\"", "\"\n                .icon=\"", "\"\n                .submit=\"", "\"\n                textarea-label=\"", "\"\n                .thread=\"", "\"\n              >\n              </threaded-discussion-form>\n            </div>\n          "])), _this2.getComment(thread), (thread.replies || []).map(function (reply) {
+        return (0, _index.html)(_templateObject2_897e56901f2611eda0c389891c227ec8 || (_templateObject2_897e56901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"threads\">\n        <div class=\"thread\" ?hidden=\"", "\">\n          ", "\n        </div>\n        ", "\n      </div>\n    "])), !this.__loading, this.loadingText, this.sortData(this.__data).map(function (thread) {
+          return (0, _index.html)(_templateObject3_897e56901f2611eda0c389891c227ec8 || (_templateObject3_897e56901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"thread\">\n              ", "\n              ", "\n              <threaded-discussion-form\n                button-label=\"", "\"\n                class=\"reply-form\"\n                @comment-demo=\"", "\"\n                @comment-submitted=\"", "\"\n                ?demo=\"", "\"\n                field=\"", "\"\n                ?disabled=\"", "\"\n                ?hidden=\"", "\"\n                .icon=\"", "\"\n                .submit=\"", "\"\n                textarea-label=\"", "\"\n                .thread=\"", "\"\n              >\n              </threaded-discussion-form>\n            </div>\n          "])), _this2.getComment(thread), (thread.replies || []).map(function (reply) {
             return _this2.getComment(reply, thread.id);
           }), _this2.replyButtonLabel || "Reply", _this2._handleDemo, _this2._handleSubmit, _this2.demo, _this2.map.replyBody || _this2.map.body || "body", _this2.disabled, _this2.hidden, _this2.replyIcon, _this2._getPath(_this2.submit, _this2._getThreadParams(thread.id)), _this2.replyTextareaLabel || "Enter reply", thread.id);
         }));
@@ -107,8 +107,8 @@ define(["exports", "require", "../../lit/index.js", "../../@github/time-elements
     }, {
       key: "getComment",
       value: function getComment(comment, thread) {
-        return (0, _index.html)(_templateObject4_af3d96a01f0511ed8cc3e9a95995ad69 || (_templateObject4_af3d96a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        aria-describedby=\"", "\"\n        class=\"comment ", "\"\n        id=\"comment-", "\"\n      >\n        <div class=\"comment-header\">\n          <lrndesign-avatar\n            .accent-color=\"", "\"\n            .label=\"", " ", "\"\n            .src=\"", "\"\n            two-chars\n          >\n          </lrndesign-avatar>\n          <div>\n            <p class=\"comment-name\">", " ", "</p>\n            <p class=\"comment-date\">\n              ", "\n            </p>\n          </div>\n        </div>\n        <div class=\"comment-body\">\n          ", "\n        </div>\n      </div>\n    "])), thread || "", thread ? "comment-reply" : "", comment.id, comment.color, comment.firstName, comment.lastName, comment.avatar, comment.firstName, comment.lastName, this.relativeDates ? (0, _index.html)(_templateObject5_af3d96a01f0511ed8cc3e9a95995ad69 || (_templateObject5_af3d96a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <relative-time .datetime=\"", "\">\n                      ", "\n                    </relative-time>\n                  "])), comment.date, this._getDate(comment.date)) : (0, _index.html)(_templateObject6_af3d96a01f0511ed8cc3e9a95995ad69 || (_templateObject6_af3d96a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                    <local-time\n                      month=\"", "\"\n                      day=\"", "\"\n                      year=\"", "\"\n                      hour=\"", "\"\n                      minute=\"", "\"\n                      second=\"", "\"\n                      time-zone-name=\"short\"\n                      .datetime=\"", "\"\n                    >\n                      ", "\n                    </local-time>\n                  "])), this.dateFormat && this.dateFormat.month ? this.dateFormat.month : "long", this.dateFormat && this.dateFormat.day ? this.dateFormat.day : "numeric", this.dateFormat && this.dateFormat.year ? this.dateFormat.year : "numeric", this.dateFormat && this.dateFormat.hour ? this.dateFormat.hour : "2-digit", this.dateFormat && this.dateFormat.minute ? this.dateFormat.minute : "2-digit", this.dateFormat && this.dateFormat.second ? this.dateFormat.second : "2-digit", comment.date, this._getDate(comment.date)), (comment.body || "").split(/[\r\n]+/).map(function (p) {
-          return (0, _index.html)(_templateObject7_af3d96a01f0511ed8cc3e9a95995ad69 || (_templateObject7_af3d96a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <p>", "</p> "])), p);
+        return (0, _index.html)(_templateObject4_897e56901f2611eda0c389891c227ec8 || (_templateObject4_897e56901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        aria-describedby=\"", "\"\n        class=\"comment ", "\"\n        id=\"comment-", "\"\n      >\n        <div class=\"comment-header\">\n          <lrndesign-avatar\n            .accent-color=\"", "\"\n            .label=\"", " ", "\"\n            .src=\"", "\"\n            two-chars\n          >\n          </lrndesign-avatar>\n          <div>\n            <p class=\"comment-name\">", " ", "</p>\n            <p class=\"comment-date\">\n              ", "\n            </p>\n          </div>\n        </div>\n        <div class=\"comment-body\">\n          ", "\n        </div>\n      </div>\n    "])), thread || "", thread ? "comment-reply" : "", comment.id, comment.color, comment.firstName, comment.lastName, comment.avatar, comment.firstName, comment.lastName, this.relativeDates ? (0, _index.html)(_templateObject5_897e56901f2611eda0c389891c227ec8 || (_templateObject5_897e56901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <relative-time .datetime=\"", "\">\n                      ", "\n                    </relative-time>\n                  "])), comment.date, this._getDate(comment.date)) : (0, _index.html)(_templateObject6_897e56901f2611eda0c389891c227ec8 || (_templateObject6_897e56901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                    <local-time\n                      month=\"", "\"\n                      day=\"", "\"\n                      year=\"", "\"\n                      hour=\"", "\"\n                      minute=\"", "\"\n                      second=\"", "\"\n                      time-zone-name=\"short\"\n                      .datetime=\"", "\"\n                    >\n                      ", "\n                    </local-time>\n                  "])), this.dateFormat && this.dateFormat.month ? this.dateFormat.month : "long", this.dateFormat && this.dateFormat.day ? this.dateFormat.day : "numeric", this.dateFormat && this.dateFormat.year ? this.dateFormat.year : "numeric", this.dateFormat && this.dateFormat.hour ? this.dateFormat.hour : "2-digit", this.dateFormat && this.dateFormat.minute ? this.dateFormat.minute : "2-digit", this.dateFormat && this.dateFormat.second ? this.dateFormat.second : "2-digit", comment.date, this._getDate(comment.date)), (comment.body || "").split(/[\r\n]+/).map(function (p) {
+          return (0, _index.html)(_templateObject7_897e56901f2611eda0c389891c227ec8 || (_templateObject7_897e56901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <p>", "</p> "])), p);
         }));
       }
     }, {
@@ -381,7 +381,7 @@ define(["exports", "require", "../../lit/index.js", "../../@github/time-elements
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject8_af3d96a01f0511ed8cc3e9a95995ad69 || (_templateObject8_af3d96a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: var(--threaded-discussion-FontSize, 14px);\n          line-height: var(--threaded-discussion-LineHeight, 160%);\n          color: var(--threaded-discussion-Color, #95989a);\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #threads {\n          background-color: var(\n            --threaded-discussion-threads-BackgroundColor,\n            #eaeaea\n          );\n          padding: 1px;\n          width: calc(100% - 2px);\n          margin: var(--threaded-discussion-threads-Margin, 0);\n        }\n        #new-thread {\n          background-color: var(\n            --threaded-discussion-new-thread-BackgroundColor,\n            var(--threaded-discussion-threads-BackgroundColor, #eaeaea)\n          );\n          padding: 2px 1px;\n          width: calc(100% - 2px);\n          margin: var(\n            --threaded-discussion-new-thread-Margin,\n            var(--threaded-discussion-threads-Margin, 0)\n          );\n        }\n        .thread:focus-within,\n        #new-thread:focus-within {\n          border-left: var(\n            --threaded-discussion-thread-focus-BorderLeft,\n            4px solid blue\n          );\n        }\n        #new-thread:focus-within {\n          border-left: var(--threaded-discussion-new-thread-focus-BorderLeft);\n        }\n        .thread > *,\n        #new-thread > * {\n          background-color: var(\n            --threaded-discussion-comment-BackgroundColor,\n            #fff\n          );\n        }\n        .comment {\n          margin: 1px 1px 0;\n          padding: var(--threaded-discussion-comment-Padding, 10px) 0;\n        }\n        .reply-form {\n          margin: 0;\n          width: calc(\n            100% -\n              var(\n                --threaded-discussion-reply-indent,\n                calc(2 * var(--threaded-discussion-comment-Padding, 10px))\n              )\n          );\n        }\n        .reply-form,\n        .comment-reply {\n          margin-left: var(\n            --threaded-discussion-reply-indent,\n            calc(2 * var(--threaded-discussion-comment-Padding, 10px))\n          );\n        }\n        .comment-header {\n          display: flex;\n          align-items: stretch;\n          justify-content: space-between;\n          margin-bottom: var(--threaded-discussion-comment-Padding, 10px);\n        }\n        .comment-header,\n        .comment-body {\n          padding: 0 var(--threaded-discussion-comment-Padding, 10px);\n        }\n        lrndesign-avatar {\n          margin-right: var(--threaded-discussion-comment-Padding, 10px);\n        }\n        .comment-header > div {\n          display: flex;\n          flex-direction: column;\n          justify-content: space-evenly;\n          align-items: flex-start;\n          flex: 1 1 auto;\n        }\n        .comment-name {\n          margin: 0;\n          font-size: var(\n            --threaded-discussion-name-FontSize,\n            calc(1.1 * var(--threaded-discussion-FontSize, 14px))\n          );\n          font-weight: var(--threaded-discussion-name-FontWeight, bold);\n          font-family: var(--threaded-discussion-name-FontFamily);\n          color: var(--threaded-discussion-name-Color, #4b4b4b);\n        }\n        .comment-date {\n          margin: 0;\n          font-size: var(\n            --threaded-discussion-date-FontSize,\n            calc(0.8 * var(--threaded-discussion-FontSize, 14px))\n          );\n          font-weight: var(--threaded-discussion-date-FontWeight, normal);\n          font-family: var(--threaded-discussion-date-FontFamily);\n          color: var(\n            --threaded-discussion-date-Color,\n            var(--threaded-discussion-Color, #95989a)\n          );\n        }\n        .comment-body {\n          font-size: var(--threaded-discussion-FontSize, 14px);\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject8_897e56901f2611eda0c389891c227ec8 || (_templateObject8_897e56901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: var(--threaded-discussion-FontSize, 14px);\n          line-height: var(--threaded-discussion-LineHeight, 160%);\n          color: var(--threaded-discussion-Color, #95989a);\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #threads {\n          background-color: var(\n            --threaded-discussion-threads-BackgroundColor,\n            #eaeaea\n          );\n          padding: 1px;\n          width: calc(100% - 2px);\n          margin: var(--threaded-discussion-threads-Margin, 0);\n        }\n        #new-thread {\n          background-color: var(\n            --threaded-discussion-new-thread-BackgroundColor,\n            var(--threaded-discussion-threads-BackgroundColor, #eaeaea)\n          );\n          padding: 2px 1px;\n          width: calc(100% - 2px);\n          margin: var(\n            --threaded-discussion-new-thread-Margin,\n            var(--threaded-discussion-threads-Margin, 0)\n          );\n        }\n        .thread:focus-within,\n        #new-thread:focus-within {\n          border-left: var(\n            --threaded-discussion-thread-focus-BorderLeft,\n            4px solid blue\n          );\n        }\n        #new-thread:focus-within {\n          border-left: var(--threaded-discussion-new-thread-focus-BorderLeft);\n        }\n        .thread > *,\n        #new-thread > * {\n          background-color: var(\n            --threaded-discussion-comment-BackgroundColor,\n            #fff\n          );\n        }\n        .comment {\n          margin: 1px 1px 0;\n          padding: var(--threaded-discussion-comment-Padding, 10px) 0;\n        }\n        .reply-form {\n          margin: 0;\n          width: calc(\n            100% -\n              var(\n                --threaded-discussion-reply-indent,\n                calc(2 * var(--threaded-discussion-comment-Padding, 10px))\n              )\n          );\n        }\n        .reply-form,\n        .comment-reply {\n          margin-left: var(\n            --threaded-discussion-reply-indent,\n            calc(2 * var(--threaded-discussion-comment-Padding, 10px))\n          );\n        }\n        .comment-header {\n          display: flex;\n          align-items: stretch;\n          justify-content: space-between;\n          margin-bottom: var(--threaded-discussion-comment-Padding, 10px);\n        }\n        .comment-header,\n        .comment-body {\n          padding: 0 var(--threaded-discussion-comment-Padding, 10px);\n        }\n        lrndesign-avatar {\n          margin-right: var(--threaded-discussion-comment-Padding, 10px);\n        }\n        .comment-header > div {\n          display: flex;\n          flex-direction: column;\n          justify-content: space-evenly;\n          align-items: flex-start;\n          flex: 1 1 auto;\n        }\n        .comment-name {\n          margin: 0;\n          font-size: var(\n            --threaded-discussion-name-FontSize,\n            calc(1.1 * var(--threaded-discussion-FontSize, 14px))\n          );\n          font-weight: var(--threaded-discussion-name-FontWeight, bold);\n          font-family: var(--threaded-discussion-name-FontFamily);\n          color: var(--threaded-discussion-name-Color, #4b4b4b);\n        }\n        .comment-date {\n          margin: 0;\n          font-size: var(\n            --threaded-discussion-date-FontSize,\n            calc(0.8 * var(--threaded-discussion-FontSize, 14px))\n          );\n          font-weight: var(--threaded-discussion-date-FontWeight, normal);\n          font-family: var(--threaded-discussion-date-FontFamily);\n          color: var(\n            --threaded-discussion-date-Color,\n            var(--threaded-discussion-Color, #95989a)\n          );\n        }\n        .comment-body {\n          font-size: var(--threaded-discussion-FontSize, 14px);\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/to-do/to-do.js b/build/es5-amd/node_modules/@lrnwebcomponents/to-do/to-do.js
index 9532962d12f..77da27193e1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/to-do/to-do.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/to-do/to-do.js
@@ -6,7 +6,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../schema-behav
   });
   _exports.ToDo = void 0;
 
-  var _templateObject_9e1d95f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_791f0dd01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -64,7 +64,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../schema-behav
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9e1d95f01f0511ed8cc3e9a95995ad69 || (_templateObject_9e1d95f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        :host([hide-form]) ul {\n          border: 1px solid black;\n        }\n        div.card {\n          width: 100%;\n          padding: 8px;\n        }\n        .task-list-wrapper {\n          width: 100%;\n          height: 100%;\n          border: 2px solid black;\n          list-style: none;\n          padding: 0;\n        }\n        .task-list-wrapper li {\n          padding: 8px;\n        }\n        .task-list-wrapper li:nth-child(even) {\n          background-color: #f5f5f5;\n        }\n        .task-list-wrapper li:nth-child(odd) {\n          background-color: #e5e5e5;\n        }\n        .task-list-wrapper li:hover {\n          background-color: #ffffff;\n        }\n        .task-list-wrapper li:active {\n          background-color: #ffffff;\n        }\n        .task-list-wrapper li:focus {\n          background-color: #ffffff;\n        }\n        h3 {\n          margin: 4px;\n          padding: 0;\n          font-size: 20px;\n        }\n      </style>\n      <div class=\"card\">\n        <h3>[[name]]</h3>\n        <div class=\"card-content\">\n          <div hidden$=\"[[hideForm]]\">\n            <simple-fields-field\n              label=\"Task to accomplish\"\n              id=\"itemtext\"\n            ></simple-fields-field>\n            <button raised=\"\" id=\"itembutton\" on-click=\"_addItemToList\">\n              Add item\n            </button>\n          </div>\n          <ul class=\"task-list-wrapper\">\n            <template is=\"dom-repeat\" items=\"[[items]]\" as=\"item\">\n              <li data-item-id$=\"[[item.id]]\">\n                <simple-fields-field\n                  type=\"checkbox\"\n                  value=\"{{item.value}}\"\n                  disabled=\"[[item.disabled]]\"\n                  label=\"[[item.label]]\"\n                ></simple-fields-field>\n              </li>\n            </template>\n          </ul>\n        </div>\n      </div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_791f0dd01f2611eda0c389891c227ec8 || (_templateObject_791f0dd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        :host([hide-form]) ul {\n          border: 1px solid black;\n        }\n        div.card {\n          width: 100%;\n          padding: 8px;\n        }\n        .task-list-wrapper {\n          width: 100%;\n          height: 100%;\n          border: 2px solid black;\n          list-style: none;\n          padding: 0;\n        }\n        .task-list-wrapper li {\n          padding: 8px;\n        }\n        .task-list-wrapper li:nth-child(even) {\n          background-color: #f5f5f5;\n        }\n        .task-list-wrapper li:nth-child(odd) {\n          background-color: #e5e5e5;\n        }\n        .task-list-wrapper li:hover {\n          background-color: #ffffff;\n        }\n        .task-list-wrapper li:active {\n          background-color: #ffffff;\n        }\n        .task-list-wrapper li:focus {\n          background-color: #ffffff;\n        }\n        h3 {\n          margin: 4px;\n          padding: 0;\n          font-size: 20px;\n        }\n      </style>\n      <div class=\"card\">\n        <h3>[[name]]</h3>\n        <div class=\"card-content\">\n          <div hidden$=\"[[hideForm]]\">\n            <simple-fields-field\n              label=\"Task to accomplish\"\n              id=\"itemtext\"\n            ></simple-fields-field>\n            <button raised=\"\" id=\"itembutton\" on-click=\"_addItemToList\">\n              Add item\n            </button>\n          </div>\n          <ul class=\"task-list-wrapper\">\n            <template is=\"dom-repeat\" items=\"[[items]]\" as=\"item\">\n              <li data-item-id$=\"[[item.id]]\">\n                <simple-fields-field\n                  type=\"checkbox\"\n                  value=\"{{item.value}}\"\n                  disabled=\"[[item.disabled]]\"\n                  label=\"[[item.label]]\"\n                ></simple-fields-field>\n              </li>\n            </template>\n          </ul>\n        </div>\n      </div>\n    "])));
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/top-alert/top-alert.js b/build/es5-amd/node_modules/@lrnwebcomponents/top-alert/top-alert.js
index 1e3f621a9ea..cc112eb550c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/top-alert/top-alert.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/top-alert/top-alert.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/lib/simple-icon-lite.js
   });
   _exports.TopAlert = void 0;
 
-  var _templateObject_9e1f91c01f0511ed8cc3e9a95995ad69, _templateObject2_9e1f91c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7920e2901f2611eda0c389891c227ec8, _templateObject2_7920e2901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -41,7 +41,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/lib/simple-icon-lite.js
     babelHelpers.createClass(TopAlert, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9e1f91c01f0511ed8cc3e9a95995ad69 || (_templateObject_9e1f91c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        class=\"alert full non-emergency\"\n        role=\"dialog\"\n        aria-labelledby=\"alert-dialog-title\"\n        aria-describedby=\"alert-dialog-description\"\n      >\n        <div id=\"alert-dialog-title\" class=\"sr-only\">Alert message</div>\n        <p id=\"alert-dialog-description\" class=\"sr-only\">\n          This dialog contains an alert message for the Penn State community.\n        </p>\n        <div class=\"container\">\n          <!--  The following div for the date is optional. -->\n          <div class=\"date\">\n            <slot name=\"date\"></slot>\n          </div>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"left-angle\"\n            viewBox=\"0 0 51.625 132.493\"\n          >\n            <path\n              id=\"Path_4283\"\n              data-name=\"Path 4283\"\n              d=\"M-13525.965,2373.5V2241.005h-51.625l31.835,82.837-22.107,21.054h30.465Z\"\n              transform=\"translate(13577.59 -2241.005)\"\n              class=\"left-angle\"\n            ></path>\n          </svg>\n          <div class=\"alert-message\">\n            <simple-icon-lite\n              icon=\"", "\"\n              class=\"alert-icon\"\n            ></simple-icon-lite>\n            <slot></slot>\n          </div>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"right-angle\"\n            viewBox=\"0 0 51.617 132.499\"\n          >\n            <path\n              id=\"Path_4279\"\n              data-name=\"Path 4279\"\n              d=\"M-13342.965,2541.5h-51.617V2409Z\"\n              transform=\"translate(13394.582 -2409)\"\n            ></path>\n          </svg>\n          <div class=\"minimize-alert\">\n            <button id=\"btn\"><span></span>Close</button>\n          </div>\n        </div>\n      </div>\n      <div class=\"alert min non-emergency\">\n        <div class=\"container\">\n          <button id=\"btn2\" class=\"expand-alert\" tabindex=\"1\">\n            <simple-icon-lite\n              icon=\"", "\"\n              class=\"alert-icon\"\n            ></simple-icon-lite>\n            ", "\n            <simple-icon-lite icon=\"icons:expand-more\"></simple-icon-lite>\n          </button>\n        </div>\n      </div>\n    "])), this.icon, this.icon, this.minLabel);
+        return (0, _index.html)(_templateObject_7920e2901f2611eda0c389891c227ec8 || (_templateObject_7920e2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        class=\"alert full non-emergency\"\n        role=\"dialog\"\n        aria-labelledby=\"alert-dialog-title\"\n        aria-describedby=\"alert-dialog-description\"\n      >\n        <div id=\"alert-dialog-title\" class=\"sr-only\">Alert message</div>\n        <p id=\"alert-dialog-description\" class=\"sr-only\">\n          This dialog contains an alert message for the Penn State community.\n        </p>\n        <div class=\"container\">\n          <!--  The following div for the date is optional. -->\n          <div class=\"date\">\n            <slot name=\"date\"></slot>\n          </div>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"left-angle\"\n            viewBox=\"0 0 51.625 132.493\"\n          >\n            <path\n              id=\"Path_4283\"\n              data-name=\"Path 4283\"\n              d=\"M-13525.965,2373.5V2241.005h-51.625l31.835,82.837-22.107,21.054h30.465Z\"\n              transform=\"translate(13577.59 -2241.005)\"\n              class=\"left-angle\"\n            ></path>\n          </svg>\n          <div class=\"alert-message\">\n            <simple-icon-lite\n              icon=\"", "\"\n              class=\"alert-icon\"\n            ></simple-icon-lite>\n            <slot></slot>\n          </div>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"right-angle\"\n            viewBox=\"0 0 51.617 132.499\"\n          >\n            <path\n              id=\"Path_4279\"\n              data-name=\"Path 4279\"\n              d=\"M-13342.965,2541.5h-51.617V2409Z\"\n              transform=\"translate(13394.582 -2409)\"\n            ></path>\n          </svg>\n          <div class=\"minimize-alert\">\n            <button id=\"btn\"><span></span>Close</button>\n          </div>\n        </div>\n      </div>\n      <div class=\"alert min non-emergency\">\n        <div class=\"container\">\n          <button id=\"btn2\" class=\"expand-alert\" tabindex=\"1\">\n            <simple-icon-lite\n              icon=\"", "\"\n              class=\"alert-icon\"\n            ></simple-icon-lite>\n            ", "\n            <simple-icon-lite icon=\"icons:expand-more\"></simple-icon-lite>\n          </button>\n        </div>\n      </div>\n    "])), this.icon, this.icon, this.minLabel);
       }
     }, {
       key: "firstUpdated",
@@ -61,7 +61,7 @@ define(["exports", "../../lit/index.js", "../simple-icon/lib/simple-icon-lite.js
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_9e1f91c01f0511ed8cc3e9a95995ad69 || (_templateObject2_9e1f91c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: fixed;\n          width: 100%;\n          top: 0;\n          z-index: 100;\n          height: auto;\n          display: block;\n          background-color: #001e44;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        .alert .container {\n          max-width: 576px;\n          margin: 0 auto;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n        }\n        .container {\n          max-width: 1440px;\n          margin: 0 auto;\n        }\n        .non-emergency {\n          background-color: #cfeceb;\n          color: #000321;\n        }\n        :host([hide-alert]) .alert.full,\n        :host(:not([hide-alert])) .alert.min {\n          display: none;\n          -webkit-transition: 0.5s;\n          transition: 0.5s;\n        }\n        :host([hide-alert]) .alert.min {\n          display: block;\n        }\n        .alert.min {\n          text-align: center;\n          display: block;\n          -webkit-transition: 0.5s;\n          transition: 0.5s;\n          -webkit-transition-delay: 0.5s;\n          transition-delay: 0.5s;\n          font-size: 1.25rem;\n          font-weight: 700;\n        }\n        .min.non-emergency {\n          background-color: #cfeceb;\n        }\n        .non-emergency {\n          background-color: #cfeceb;\n          color: #000321;\n        }\n        .alert {\n          position: relative;\n          -webkit-transition: 0.5s;\n          transition: 0.5s;\n          overflow: hidden;\n        }\n        .alert {\n          position: relative;\n          -webkit-transition: 0.5s;\n          transition: 0.5s;\n          overflow: hidden;\n        }\n        .non-emergency .left-angle,\n        .non-emergency .right-angle {\n          fill: #fff;\n        }\n        .alert .container {\n          position: relative;\n        }\n        .alert p {\n          font-size: 1rem;\n          line-height: 1.125rem;\n          font-weight: 700;\n          letter-spacing: 0.03rem;\n        }\n        svg {\n          display: none !important;\n          line-height: 1.15;\n        }\n\n        .sr-only {\n          opacity: 0;\n          position: absolute;\n          clip: rect(1px 1px 1px 1px);\n          clip: rect(1px, 1px, 1px, 1px);\n        }\n        .non-emergency .alert-message {\n          background-color: #fff;\n        }\n        .alert-message {\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-box-align: center;\n          -ms-flex-align: center;\n          align-items: center;\n          -webkit-box-pack: center;\n          -ms-flex-pack: center;\n          justify-content: center;\n          float: left;\n          -webkit-box-ordinal-group: 4;\n          -ms-flex-order: 3;\n          order: 3;\n          -webkit-box-flex: 0;\n          -ms-flex: 0 100%;\n          flex: 0 100%;\n        }\n        .non-emergency .alert-icon {\n          stroke: #000321;\n        }\n        @media screen and (min-width: 600px) {\n          .alert .date {\n            -webkit-box-flex: 0;\n            -ms-flex: 0 69%;\n            flex: 0 69%;\n          }\n          .alert .date {\n            float: left;\n            padding: 14px 33px 14px 24px;\n            text-transform: uppercase;\n            -webkit-box-ordinal-group: 2;\n            -ms-flex-order: 1;\n            order: 1;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 50%;\n            flex: 0 50%;\n          }\n        }\n\n        .non-emergency .alert-message {\n          background-color: #fff;\n        }\n\n        .alert .container {\n          position: relative;\n        }\n        @media (min-width: 768px) {\n          .alert .container {\n            max-width: 768px;\n            justify-items: flex-start;\n            -webkit-box-orient: horizontal;\n            -webkit-box-direction: normal;\n            -ms-flex-direction: row;\n            flex-direction: row;\n          }\n        }\n        .alert .container {\n          max-width: 576px;\n          margin: 0 auto;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n        }\n        .container {\n          max-width: 1440px;\n          margin: 0 auto;\n        }\n\n        @media (min-width: 1080px) {\n          .right-angle {\n            -webkit-box-ordinal-group: 5;\n            -ms-flex-order: 4;\n            order: 4;\n          }\n        }\n        @media (min-width: 768px) {\n          .right-angle {\n            -webkit-box-ordinal-group: 6;\n            -ms-flex-order: 5;\n            order: 5;\n          }\n        }\n        @media (min-width: 1080px) {\n          .left-angle,\n          .right-angle {\n            -webkit-box-flex: 0;\n            -ms-flex: 0 5.6%;\n            flex: 0 5.6%;\n          }\n        }\n        @media (min-width: 768px) {\n          .left-angle,\n          .right-angle {\n            display: inline-block;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 9.15%;\n            flex: 0 9.15%;\n          }\n        }\n        .left-angle,\n        .right-angle {\n          display: none;\n        }\n\n        @media (min-width: 768px) {\n          .alert-message {\n            -webkit-box-pack: normal;\n            -ms-flex-pack: normal;\n            justify-content: normal;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 81.5%;\n            flex: 0 81.5%;\n            height: auto;\n          }\n        }\n        .alert-message {\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-box-align: center;\n          -ms-flex-align: center;\n          align-items: center;\n          -webkit-box-pack: center;\n          -ms-flex-pack: center;\n          justify-content: center;\n          float: left;\n          -webkit-box-ordinal-group: 4;\n          -ms-flex-order: 3;\n          order: 3;\n          -webkit-box-flex: 0;\n          -ms-flex: 0 100%;\n          flex: 0 100%;\n        }\n\n        .alert-icon {\n          width: 3rem;\n          height: 3rem;\n          position: relative;\n          top: -1rem;\n          left: -7px;\n        }\n        @media (min-width: 768px) {\n          .alert-icon {\n            width: 4rem;\n            height: 4rem;\n            padding: 0 0.5rem 0 2rem;\n          }\n          .alert .container {\n            max-width: 768px;\n            justify-items: flex-start;\n            -webkit-box-orient: horizontal;\n            -webkit-box-direction: normal;\n            -ms-flex-direction: row;\n            flex-direction: row;\n          }\n          .left-angle {\n            -webkit-box-ordinal-group: 4;\n            -ms-flex-order: 3;\n            order: 3;\n          }\n          .alert .date {\n            padding: 14px 0 14px 32px;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 81%;\n            flex: 0 81%;\n          }\n          .left-angle,\n          .right-angle {\n            display: inline-block;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 9.15%;\n            flex: 0 9.15%;\n          }\n          .right-angle {\n            -webkit-box-ordinal-group: 6;\n            -ms-flex-order: 5;\n            order: 5;\n          }\n          .alert-message ::slotted(p) {\n            font-style: italic;\n            width: 76%;\n            font-size: 1.0625rem;\n            line-height: 1.1875rem;\n            padding: 1.75rem 0;\n            font-size: 1rem;\n            line-height: 1.125rem;\n            font-weight: 700;\n            letter-spacing: 0.03rem;\n            margin: 0;\n            padding: 0;\n          }\n          .minimize-alert button {\n            right: 3.75rem;\n          }\n        }\n        .alert-message ::slotted(p) {\n          color: #000321;\n          font-size: 1.125rem;\n          line-height: 1.25rem;\n          padding: 0;\n        }\n        @media (min-width: 1080px) {\n          .minimize-alert button {\n            right: 1rem;\n            padding-bottom: 0;\n          }\n          .minimize-alert {\n            -webkit-box-ordinal-group: 6;\n            -ms-flex-order: 5;\n            order: 5;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 9%;\n            flex: 0 9%;\n          }\n        }\n        .minimize-alert button span {\n          display: inline-block;\n          right: 34px;\n          width: 16px;\n          height: 19px;\n          vertical-align: middle;\n          z-index: inherit;\n          padding-right: 0.5rem;\n        }\n        .non-emergency .minimize-alert button > span::after,\n        .non-emergency .minimize-alert button > span::before {\n          background-color: #001e44;\n        }\n        .minimize-alert button > span::before {\n          display: block;\n          -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n        .minimize-alert button > span::after {\n          display: block;\n          -webkit-transform: rotate(135deg);\n          transform: rotate(135deg);\n        }\n        .minimize-alert button > span::after,\n        .minimize-alert button > span::before {\n          display: block;\n          position: absolute;\n          left: 15px;\n          content: \" \";\n          height: 16px;\n          width: 3px;\n          background-color: #fff;\n        }\n        .minimize-alert button {\n          float: right;\n          position: relative;\n          display: block;\n          top: 0;\n          right: 1rem;\n          border: none;\n          background-color: transparent;\n          cursor: pointer;\n          text-transform: uppercase;\n          padding-top: 2rem;\n          padding-bottom: 14px;\n          font-size: 1rem;\n          line-height: 1.125rem;\n          font-weight: 700;\n          letter-spacing: 0.03rem;\n          -webkit-appearance: button;\n          text-transform: none;\n          font-family: inherit;\n          font-size: 100%;\n          line-height: 1.15;\n          margin: 0;\n          overflow: visible;\n        }\n        .alert.min .container {\n          height: 3.375rem;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-box-pack: center;\n          -ms-flex-pack: center;\n          justify-content: center;\n        }\n        .alert.min .expand-alert {\n          border: none;\n          background-color: transparent;\n          cursor: pointer;\n          text-transform: uppercase;\n          font-weight: 700;\n          font-style: italic;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-box-pack: center;\n          -ms-flex-pack: center;\n          justify-content: center;\n          -webkit-box-align: center;\n          -ms-flex-align: center;\n          align-items: center;\n        }\n        .alert.min .alert-icon {\n          width: 1.75rem;\n          height: 1.75rem;\n          padding: 0 0 0 2rem;\n          top: 0;\n          left: -0.75rem;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_7920e2901f2611eda0c389891c227ec8 || (_templateObject2_7920e2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: fixed;\n          width: 100%;\n          top: 0;\n          z-index: 100;\n          height: auto;\n          display: block;\n          background-color: #001e44;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        .alert .container {\n          max-width: 576px;\n          margin: 0 auto;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n        }\n        .container {\n          max-width: 1440px;\n          margin: 0 auto;\n        }\n        .non-emergency {\n          background-color: #cfeceb;\n          color: #000321;\n        }\n        :host([hide-alert]) .alert.full,\n        :host(:not([hide-alert])) .alert.min {\n          display: none;\n          -webkit-transition: 0.5s;\n          transition: 0.5s;\n        }\n        :host([hide-alert]) .alert.min {\n          display: block;\n        }\n        .alert.min {\n          text-align: center;\n          display: block;\n          -webkit-transition: 0.5s;\n          transition: 0.5s;\n          -webkit-transition-delay: 0.5s;\n          transition-delay: 0.5s;\n          font-size: 1.25rem;\n          font-weight: 700;\n        }\n        .min.non-emergency {\n          background-color: #cfeceb;\n        }\n        .non-emergency {\n          background-color: #cfeceb;\n          color: #000321;\n        }\n        .alert {\n          position: relative;\n          -webkit-transition: 0.5s;\n          transition: 0.5s;\n          overflow: hidden;\n        }\n        .alert {\n          position: relative;\n          -webkit-transition: 0.5s;\n          transition: 0.5s;\n          overflow: hidden;\n        }\n        .non-emergency .left-angle,\n        .non-emergency .right-angle {\n          fill: #fff;\n        }\n        .alert .container {\n          position: relative;\n        }\n        .alert p {\n          font-size: 1rem;\n          line-height: 1.125rem;\n          font-weight: 700;\n          letter-spacing: 0.03rem;\n        }\n        svg {\n          display: none !important;\n          line-height: 1.15;\n        }\n\n        .sr-only {\n          opacity: 0;\n          position: absolute;\n          clip: rect(1px 1px 1px 1px);\n          clip: rect(1px, 1px, 1px, 1px);\n        }\n        .non-emergency .alert-message {\n          background-color: #fff;\n        }\n        .alert-message {\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-box-align: center;\n          -ms-flex-align: center;\n          align-items: center;\n          -webkit-box-pack: center;\n          -ms-flex-pack: center;\n          justify-content: center;\n          float: left;\n          -webkit-box-ordinal-group: 4;\n          -ms-flex-order: 3;\n          order: 3;\n          -webkit-box-flex: 0;\n          -ms-flex: 0 100%;\n          flex: 0 100%;\n        }\n        .non-emergency .alert-icon {\n          stroke: #000321;\n        }\n        @media screen and (min-width: 600px) {\n          .alert .date {\n            -webkit-box-flex: 0;\n            -ms-flex: 0 69%;\n            flex: 0 69%;\n          }\n          .alert .date {\n            float: left;\n            padding: 14px 33px 14px 24px;\n            text-transform: uppercase;\n            -webkit-box-ordinal-group: 2;\n            -ms-flex-order: 1;\n            order: 1;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 50%;\n            flex: 0 50%;\n          }\n        }\n\n        .non-emergency .alert-message {\n          background-color: #fff;\n        }\n\n        .alert .container {\n          position: relative;\n        }\n        @media (min-width: 768px) {\n          .alert .container {\n            max-width: 768px;\n            justify-items: flex-start;\n            -webkit-box-orient: horizontal;\n            -webkit-box-direction: normal;\n            -ms-flex-direction: row;\n            flex-direction: row;\n          }\n        }\n        .alert .container {\n          max-width: 576px;\n          margin: 0 auto;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n        }\n        .container {\n          max-width: 1440px;\n          margin: 0 auto;\n        }\n\n        @media (min-width: 1080px) {\n          .right-angle {\n            -webkit-box-ordinal-group: 5;\n            -ms-flex-order: 4;\n            order: 4;\n          }\n        }\n        @media (min-width: 768px) {\n          .right-angle {\n            -webkit-box-ordinal-group: 6;\n            -ms-flex-order: 5;\n            order: 5;\n          }\n        }\n        @media (min-width: 1080px) {\n          .left-angle,\n          .right-angle {\n            -webkit-box-flex: 0;\n            -ms-flex: 0 5.6%;\n            flex: 0 5.6%;\n          }\n        }\n        @media (min-width: 768px) {\n          .left-angle,\n          .right-angle {\n            display: inline-block;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 9.15%;\n            flex: 0 9.15%;\n          }\n        }\n        .left-angle,\n        .right-angle {\n          display: none;\n        }\n\n        @media (min-width: 768px) {\n          .alert-message {\n            -webkit-box-pack: normal;\n            -ms-flex-pack: normal;\n            justify-content: normal;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 81.5%;\n            flex: 0 81.5%;\n            height: auto;\n          }\n        }\n        .alert-message {\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-box-align: center;\n          -ms-flex-align: center;\n          align-items: center;\n          -webkit-box-pack: center;\n          -ms-flex-pack: center;\n          justify-content: center;\n          float: left;\n          -webkit-box-ordinal-group: 4;\n          -ms-flex-order: 3;\n          order: 3;\n          -webkit-box-flex: 0;\n          -ms-flex: 0 100%;\n          flex: 0 100%;\n        }\n\n        .alert-icon {\n          width: 3rem;\n          height: 3rem;\n          position: relative;\n          top: -1rem;\n          left: -7px;\n        }\n        @media (min-width: 768px) {\n          .alert-icon {\n            width: 4rem;\n            height: 4rem;\n            padding: 0 0.5rem 0 2rem;\n          }\n          .alert .container {\n            max-width: 768px;\n            justify-items: flex-start;\n            -webkit-box-orient: horizontal;\n            -webkit-box-direction: normal;\n            -ms-flex-direction: row;\n            flex-direction: row;\n          }\n          .left-angle {\n            -webkit-box-ordinal-group: 4;\n            -ms-flex-order: 3;\n            order: 3;\n          }\n          .alert .date {\n            padding: 14px 0 14px 32px;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 81%;\n            flex: 0 81%;\n          }\n          .left-angle,\n          .right-angle {\n            display: inline-block;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 9.15%;\n            flex: 0 9.15%;\n          }\n          .right-angle {\n            -webkit-box-ordinal-group: 6;\n            -ms-flex-order: 5;\n            order: 5;\n          }\n          .alert-message ::slotted(p) {\n            font-style: italic;\n            width: 76%;\n            font-size: 1.0625rem;\n            line-height: 1.1875rem;\n            padding: 1.75rem 0;\n            font-size: 1rem;\n            line-height: 1.125rem;\n            font-weight: 700;\n            letter-spacing: 0.03rem;\n            margin: 0;\n            padding: 0;\n          }\n          .minimize-alert button {\n            right: 3.75rem;\n          }\n        }\n        .alert-message ::slotted(p) {\n          color: #000321;\n          font-size: 1.125rem;\n          line-height: 1.25rem;\n          padding: 0;\n        }\n        @media (min-width: 1080px) {\n          .minimize-alert button {\n            right: 1rem;\n            padding-bottom: 0;\n          }\n          .minimize-alert {\n            -webkit-box-ordinal-group: 6;\n            -ms-flex-order: 5;\n            order: 5;\n            -webkit-box-flex: 0;\n            -ms-flex: 0 9%;\n            flex: 0 9%;\n          }\n        }\n        .minimize-alert button span {\n          display: inline-block;\n          right: 34px;\n          width: 16px;\n          height: 19px;\n          vertical-align: middle;\n          z-index: inherit;\n          padding-right: 0.5rem;\n        }\n        .non-emergency .minimize-alert button > span::after,\n        .non-emergency .minimize-alert button > span::before {\n          background-color: #001e44;\n        }\n        .minimize-alert button > span::before {\n          display: block;\n          -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n        .minimize-alert button > span::after {\n          display: block;\n          -webkit-transform: rotate(135deg);\n          transform: rotate(135deg);\n        }\n        .minimize-alert button > span::after,\n        .minimize-alert button > span::before {\n          display: block;\n          position: absolute;\n          left: 15px;\n          content: \" \";\n          height: 16px;\n          width: 3px;\n          background-color: #fff;\n        }\n        .minimize-alert button {\n          float: right;\n          position: relative;\n          display: block;\n          top: 0;\n          right: 1rem;\n          border: none;\n          background-color: transparent;\n          cursor: pointer;\n          text-transform: uppercase;\n          padding-top: 2rem;\n          padding-bottom: 14px;\n          font-size: 1rem;\n          line-height: 1.125rem;\n          font-weight: 700;\n          letter-spacing: 0.03rem;\n          -webkit-appearance: button;\n          text-transform: none;\n          font-family: inherit;\n          font-size: 100%;\n          line-height: 1.15;\n          margin: 0;\n          overflow: visible;\n        }\n        .alert.min .container {\n          height: 3.375rem;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-box-pack: center;\n          -ms-flex-pack: center;\n          justify-content: center;\n        }\n        .alert.min .expand-alert {\n          border: none;\n          background-color: transparent;\n          cursor: pointer;\n          text-transform: uppercase;\n          font-weight: 700;\n          font-style: italic;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-box-pack: center;\n          -ms-flex-pack: center;\n          justify-content: center;\n          -webkit-box-align: center;\n          -ms-flex-align: center;\n          align-items: center;\n        }\n        .alert.min .alert-icon {\n          width: 1.75rem;\n          height: 1.75rem;\n          padding: 0 0 0 2rem;\n          top: 0;\n          left: -0.75rem;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/topic-heading/topic-heading.js b/build/es5-amd/node_modules/@lrnwebcomponents/topic-heading/topic-heading.js
index 855b4e7c44b..647fcb72483 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/topic-heading/topic-heading.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/topic-heading/topic-heading.js
@@ -7,7 +7,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
   _exports.TopicHeading = void 0;
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_af4893201f0511ed8cc3e9a95995ad69, _templateObject2_af4893201f0511ed8cc3e9a95995ad69, _templateObject3_af4893201f0511ed8cc3e9a95995ad69, _templateObject4_af4893201f0511ed8cc3e9a95995ad69;
+  var _templateObject_8989a1301f2611eda0c389891c227ec8, _templateObject2_8989a1301f2611eda0c389891c227ec8, _templateObject3_8989a1301f2611eda0c389891c227ec8, _templateObject4_8989a1301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -49,7 +49,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_af4893201f0511ed8cc3e9a95995ad69 || (_templateObject_af4893201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", "\n    ", ""])), this.icon ? (0, _index.html)(_templateObject2_af4893201f0511ed8cc3e9a95995ad69 || (_templateObject2_af4893201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <simple-icon icon=\"", "\"></simple-icon> "])), this.icon) : "", this.title ? (0, _index.html)(_templateObject3_af4893201f0511ed8cc3e9a95995ad69 || (_templateObject3_af4893201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <relative-heading text=\"", "\"\n            >", "</relative-heading\n          >\n        "])), this.title, this.title) : "");
+        return (0, _index.html)(_templateObject_8989a1301f2611eda0c389891c227ec8 || (_templateObject_8989a1301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", "\n    ", ""])), this.icon ? (0, _index.html)(_templateObject2_8989a1301f2611eda0c389891c227ec8 || (_templateObject2_8989a1301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <simple-icon icon=\"", "\"></simple-icon> "])), this.icon) : "", this.title ? (0, _index.html)(_templateObject3_8989a1301f2611eda0c389891c227ec8 || (_templateObject3_8989a1301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <relative-heading text=\"", "\"\n            >", "</relative-heading\n          >\n        "])), this.title, this.title) : "");
       } // haxProperty definition
 
     }, {
@@ -76,7 +76,7 @@ define(["exports", "require", "../../lit/index.js"], function (_exports, _requir
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject4_af4893201f0511ed8cc3e9a95995ad69 || (_templateObject4_af4893201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        relative-heading {\n          color: var(--topic-heading-text-color);\n          display: inline-flex;\n        }\n\n        simple-icon {\n          color: var(--topic-heading-icon-color);\n          display: inline-flex;\n          font-size: 16px;\n          --simple-icon-height: 32px;\n          --simple-icon-width: 32px;\n          padding: 16px;\n          line-height: 16px;\n          vertical-align: bottom;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject4_8989a1301f2611eda0c389891c227ec8 || (_templateObject4_8989a1301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        relative-heading {\n          color: var(--topic-heading-text-color);\n          display: inline-flex;\n        }\n\n        simple-icon {\n          color: var(--topic-heading-icon-color);\n          display: inline-flex;\n          font-size: 16px;\n          --simple-icon-height: 32px;\n          --simple-icon-width: 32px;\n          padding: 16px;\n          line-height: 16px;\n          vertical-align: bottom;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/trading-card/trading-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/trading-card/trading-card.js
index ace861249cf..be7a0f5db60 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/trading-card/trading-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/trading-card/trading-card.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.TradingCard = void 0;
 
-  var _templateObject_af4a67e01f0511ed8cc3e9a95995ad69, _templateObject2_af4a67e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_898b9d001f2611eda0c389891c227ec8, _templateObject2_898b9d001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -42,7 +42,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_af4a67e01f0511ed8cc3e9a95995ad69 || (_templateObject_af4a67e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
+        return (0, _index.html)(_templateObject_898b9d001f2611eda0c389891c227ec8 || (_templateObject_898b9d001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <slot></slot>\n      </div>\n    "])));
       }
       /**
        * Convention we use
@@ -107,7 +107,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(TradingCard), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_af4a67e01f0511ed8cc3e9a95995ad69 || (_templateObject2_af4a67e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject2_898b9d001f2611eda0c389891c227ec8 || (_templateObject2_898b9d001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/twitter-embed/twitter-embed.js b/build/es5-amd/node_modules/@lrnwebcomponents/twitter-embed/twitter-embed.js
index 046312b427f..61283747bb2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/twitter-embed/twitter-embed.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/twitter-embed/twitter-embed.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _ind
   _exports.TwitterEmbed = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_af4dea501f0511ed8cc3e9a95995ad69;
+  var _templateObject_898e83301f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -147,7 +147,7 @@ define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _ind
     }, {
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_af4dea501f0511ed8cc3e9a95995ad69 || (_templateObject_af4dea501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        @click=\"", "\"\n        class=\"twitter-tweet twitter-tweet-rendered\"\n        style=\"display: flex; max-width: ", "; width: 100%; margin-top: 10px; margin-bottom: 10px; pointer-events:", "\"\n      >\n        <iframe\n          .sandbox=\"allow-same-origin allow-scripts ", "\"\n          scrolling=\"no\"\n          frameborder=\"0\"\n          loading=\"lazy\"\n          allowtransparency=\"true\"\n          allowfullscreen\n          style=\"position: static; visibility: visible; width: ", "; height: 498px; display: block; flex-grow: 1;\"\n          title=\"Twitter Tweet\"\n          src=\"https://platform.twitter.com/embed/index.html?dnt=true&amp;frame=false&amp;hideCard=false&amp;hideThread=false&amp;id=", "&amp;lang=", "&amp;theme=", "&amp;widgetsVersion=223fc1c4%3A1596143124634&amp;width=", "\"\n          data-tweet-id=\"", "\"\n        >\n        </iframe>\n      </div>\n    "])), this._clickPrevent, this.dataWidth, this._haxstate ? "none" : "inherit", this.allowPopups, this.dataWidth, this.tweetId, this.lang, this.dataTheme, this.dataWidth, this.tweetId);
+        return (0, _index.html)(_templateObject_898e83301f2611eda0c389891c227ec8 || (_templateObject_898e83301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <div\n        @click=\"", "\"\n        class=\"twitter-tweet twitter-tweet-rendered\"\n        style=\"display: flex; max-width: ", "; width: 100%; margin-top: 10px; margin-bottom: 10px; pointer-events:", "\"\n      >\n        <iframe\n          .sandbox=\"allow-same-origin allow-scripts ", "\"\n          scrolling=\"no\"\n          frameborder=\"0\"\n          loading=\"lazy\"\n          allowtransparency=\"true\"\n          allowfullscreen\n          style=\"position: static; visibility: visible; width: ", "; height: 498px; display: block; flex-grow: 1;\"\n          title=\"Twitter Tweet\"\n          src=\"https://platform.twitter.com/embed/index.html?dnt=true&amp;frame=false&amp;hideCard=false&amp;hideThread=false&amp;id=", "&amp;lang=", "&amp;theme=", "&amp;widgetsVersion=223fc1c4%3A1596143124634&amp;width=", "\"\n          data-tweet-id=\"", "\"\n        >\n        </iframe>\n      </div>\n    "])), this._clickPrevent, this.dataWidth, this._haxstate ? "none" : "inherit", this.allowPopups, this.dataWidth, this.tweetId, this.lang, this.dataTheme, this.dataWidth, this.tweetId);
       }
     }], [{
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/type-writer/type-writer.js b/build/es5-amd/node_modules/@lrnwebcomponents/type-writer/type-writer.js
index d5ea6172653..5f68e352886 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/type-writer/type-writer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/type-writer/type-writer.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../intersection-element/lib/Intersecti
   });
   _exports.TypeWriter = void 0;
 
-  var _templateObject_af516cc01f0511ed8cc3e9a95995ad69, _templateObject2_af516cc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_89927ad01f2611eda0c389891c227ec8, _templateObject2_89927ad01f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -49,7 +49,7 @@ define(["exports", "../../lit/index.js", "../intersection-element/lib/Intersecti
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_af516cc01f0511ed8cc3e9a95995ad69 || (_templateObject_af516cc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <span id=\"text\"></span><span id=\"cursor\">|</span>"])));
+        return (0, _index.html)(_templateObject_89927ad01f2611eda0c389891c227ec8 || (_templateObject_89927ad01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <span id=\"text\"></span><span id=\"cursor\">|</span>"])));
       } // haxProperty definition
 
     }, {
@@ -136,7 +136,7 @@ define(["exports", "../../lit/index.js", "../intersection-element/lib/Intersecti
       key: "styles",
       get: //styles function
       function get() {
-        return [(0, _index.css)(_templateObject2_af516cc01f0511ed8cc3e9a95995ad69 || (_templateObject2_af516cc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          margin: 0px 0.1em;\n        }\n\n        @keyframes flickerAnimation {\n          0% {\n            opacity: 1;\n          }\n\n          50% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n        @-o-keyframes flickerAnimation {\n          0% {\n            opacity: 1;\n          }\n\n          50% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n        @-moz-keyframes flickerAnimation {\n          0% {\n            opacity: 1;\n          }\n\n          50% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n        @-webkit-keyframes flickerAnimation {\n          0% {\n            opacity: 1;\n          }\n\n          50% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n\n        #cursor {\n          display: none;\n          opacity: 0;\n        }\n\n        :host([typing]) #cursor {\n          display: inline;\n          -webkit-animation: flickerAnimation 1s infinite;\n          -moz-animation: flickerAnimation 1s infinite;\n          -o-animation: flickerAnimation 1s infinite;\n          animation: flickerAnimation 1s infinite;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_89927ad01f2611eda0c389891c227ec8 || (_templateObject2_89927ad01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          margin: 0px 0.1em;\n        }\n\n        @keyframes flickerAnimation {\n          0% {\n            opacity: 1;\n          }\n\n          50% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n        @-o-keyframes flickerAnimation {\n          0% {\n            opacity: 1;\n          }\n\n          50% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n        @-moz-keyframes flickerAnimation {\n          0% {\n            opacity: 1;\n          }\n\n          50% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n        @-webkit-keyframes flickerAnimation {\n          0% {\n            opacity: 1;\n          }\n\n          50% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n\n        #cursor {\n          display: none;\n          opacity: 0;\n        }\n\n        :host([typing]) #cursor {\n          display: inline;\n          -webkit-animation: flickerAnimation 1s infinite;\n          -moz-animation: flickerAnimation 1s infinite;\n          -o-animation: flickerAnimation 1s infinite;\n          animation: flickerAnimation 1s infinite;\n        }\n      "])))];
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/undo-manager/undo-manager.js b/build/es5-amd/node_modules/@lrnwebcomponents/undo-manager/undo-manager.js
index ca92ad65b3f..417259a7320 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/undo-manager/undo-manager.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/undo-manager/undo-manager.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
   });
   _exports.UndoManagerCommand = _exports.UndoManagerBehaviors = _exports.UndoManager = _exports.Undo = void 0;
 
-  var _templateObject_af5787401f0511ed8cc3e9a95995ad69;
+  var _templateObject_8997f9101f2611eda0c389891c227ec8;
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -280,7 +280,7 @@ define(["exports", "../../lit/index.js"], function (_exports, _index) {
        * LitElement render
        */
       function render() {
-        return (0, _index.html)(_templateObject_af5787401f0511ed8cc3e9a95995ad69 || (_templateObject_af5787401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
+        return (0, _index.html)(_templateObject_8997f9101f2611eda0c389891c227ec8 || (_templateObject_8997f9101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
       }
     }], [{
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/video-player/video-player.js b/build/es5-amd/node_modules/@lrnwebcomponents/video-player/video-player.js
index 14460b2200e..0ea304f168a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/video-player/video-player.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/video-player/video-player.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
   _exports.VideoPlayer = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_afa029001f0511ed8cc3e9a95995ad69, _templateObject2_afa029001f0511ed8cc3e9a95995ad69, _templateObject3_afa029001f0511ed8cc3e9a95995ad69, _templateObject4_afa029001f0511ed8cc3e9a95995ad69, _templateObject5_afa029001f0511ed8cc3e9a95995ad69, _templateObject6_afa029001f0511ed8cc3e9a95995ad69, _templateObject7_afa029001f0511ed8cc3e9a95995ad69, _templateObject8_afa029001f0511ed8cc3e9a95995ad69, _templateObject9_afa029001f0511ed8cc3e9a95995ad69, _templateObject10_afa029001f0511ed8cc3e9a95995ad69, _templateObject11_afa029001f0511ed8cc3e9a95995ad69;
+  var _templateObject_89dace701f2611eda0c389891c227ec8, _templateObject2_89dace701f2611eda0c389891c227ec8, _templateObject3_89dace701f2611eda0c389891c227ec8, _templateObject4_89dace701f2611eda0c389891c227ec8, _templateObject5_89dace701f2611eda0c389891c227ec8, _templateObject6_89dace701f2611eda0c389891c227ec8, _templateObject7_89dace701f2611eda0c389891c227ec8, _templateObject8_89dace701f2611eda0c389891c227ec8, _templateObject9_89dace701f2611eda0c389891c227ec8, _templateObject10_89dace701f2611eda0c389891c227ec8, _templateObject11_89dace701f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -85,7 +85,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
       key: "render",
       value: // render function
       function render() {
-        return (0, _index.html)(_templateObject_afa029001f0511ed8cc3e9a95995ad69 || (_templateObject_afa029001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.elementVisible ? (0, _index.html)(_templateObject2_afa029001f0511ed8cc3e9a95995ad69 || (_templateObject2_afa029001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["", ""])), !this.isA11yMedia ? (0, _index.html)(_templateObject3_afa029001f0511ed8cc3e9a95995ad69 || (_templateObject3_afa029001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <div\n                class=\"responsive-video-container\"\n                .lang=\"", "\"\n              >\n                ", "\n                ", "\n              </div>\n              <div id=\"videocaption\" class=\"video-caption\">\n                <p>\n                  ", "\n                  <span class=\"media-type print-only\"\n                    >(", ")</span\n                  >\n                </p>\n                <slot name=\"caption\"></slot>\n              </div>\n              <slot hidden></slot>"])), this.lang || undefined, this.sandboxed ? (0, _index.html)(_templateObject4_afa029001f0511ed8cc3e9a95995ad69 || (_templateObject4_afa029001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject5_afa029001f0511ed8cc3e9a95995ad69 || (_templateObject5_afa029001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <webview\n                      resource=\"", "-video\"\n                      .src=\"", "\"\n                      .width=\"", "\"\n                      .height=\"", "\"\n                      frameborder=\"0\"\n                    >\n                    </webview>"])), this.schemaResourceID, this.sourceData && this.sourceData[0] && this.sourceData[0].src || undefined, this.width || undefined, this.height || undefined), !(!this.sandboxed && this.iframed) ? (0, _index.html)(_templateObject6_afa029001f0511ed8cc3e9a95995ad69 || (_templateObject6_afa029001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject7_afa029001f0511ed8cc3e9a95995ad69 || (_templateObject7_afa029001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                      <iframe\n                        loading=\"lazy\"\n                        resource=\"", "-video\"\n                        .src=\"", "\"\n                        width=\"", "\"\n                        height=\"", "\"\n                        frameborder=\"0\"\n                        webkitallowfullscreen=\"\"\n                        mozallowfullscreen=\"\"\n                        allowfullscreen=\"\"\n                      ></iframe>\n                    "])), this.schemaResourceID, this.sourceData && this.sourceData[0] && this.sourceData[0].src || undefined, this.width, this.height), this.mediaTitle, this.t.embeddedMedia) : (0, _index.html)(_templateObject8_afa029001f0511ed8cc3e9a95995ad69 || (_templateObject8_afa029001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <a11y-media-player\n                accent-color=\"", "\"\n                ?audio-only=\"", "\"\n                ?dark=\"", "\"\n                ?dark-transcript=\"", "\"\n                ?disable-interactive=\"", "\"\n                ?hide-timestamps=\"", "\"\n                ?hide-transcript=\"", "\"\n                ?hide-youtube-link=\"", "\"\n                id=\"", "\"\n                lang=\"", "\"\n                ?learning-mode=\"", "\"\n                ?linkable=\"", "\"\n                preload=\"", "\"\n                media-title=\"", "\"\n                .sources=\"", "\"\n                ?stand-alone=\"", "\"\n                sticky-corner=\"", "\"\n                .thumbnail-src=\"", "\"\n                .tracks=\"", "\"\n                .crossorigin=\"", "\"\n                .width=\"", "\"\n                .height=\"", "\"\n                .youtubeId=\"", "\"\n              >\n              </a11y-media-player\n              ><slot hidden></slot>"])), this.accentColor, this.audioOnly, this.dark, this.darkTranscript, this.disableInteractive, this.hideTimestamps, this.hideTranscript, this.hideYoutubeLink, this.playerId, this.lang || "en", this.learningMode, this.linkable, this.preload || "metadata", this.mediaTitle || "", this.sourceProperties, this.standAlone, this.stickyCorner || "top-right", this.thumbnailSrc, this.trackProperties, this.crossorigin || "anonymous", this.width, this.height, this.youtubeId || undefined)) : "");
+        return (0, _index.html)(_templateObject_89dace701f2611eda0c389891c227ec8 || (_templateObject_89dace701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.elementVisible ? (0, _index.html)(_templateObject2_89dace701f2611eda0c389891c227ec8 || (_templateObject2_89dace701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["", ""])), !this.isA11yMedia ? (0, _index.html)(_templateObject3_89dace701f2611eda0c389891c227ec8 || (_templateObject3_89dace701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <div\n                class=\"responsive-video-container\"\n                .lang=\"", "\"\n              >\n                ", "\n                ", "\n              </div>\n              <div id=\"videocaption\" class=\"video-caption\">\n                <p>\n                  ", "\n                  <span class=\"media-type print-only\"\n                    >(", ")</span\n                  >\n                </p>\n                <slot name=\"caption\"></slot>\n              </div>\n              <slot hidden></slot>"])), this.lang || undefined, this.sandboxed ? (0, _index.html)(_templateObject4_89dace701f2611eda0c389891c227ec8 || (_templateObject4_89dace701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject5_89dace701f2611eda0c389891c227ec8 || (_templateObject5_89dace701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <webview\n                      resource=\"", "-video\"\n                      .src=\"", "\"\n                      .width=\"", "\"\n                      .height=\"", "\"\n                      frameborder=\"0\"\n                    >\n                    </webview>"])), this.schemaResourceID, this.sourceData && this.sourceData[0] && this.sourceData[0].src || undefined, this.width || undefined, this.height || undefined), !(!this.sandboxed && this.iframed) ? (0, _index.html)(_templateObject6_89dace701f2611eda0c389891c227ec8 || (_templateObject6_89dace701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([""]))) : (0, _index.html)(_templateObject7_89dace701f2611eda0c389891c227ec8 || (_templateObject7_89dace701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                      <iframe\n                        loading=\"lazy\"\n                        resource=\"", "-video\"\n                        .src=\"", "\"\n                        width=\"", "\"\n                        height=\"", "\"\n                        frameborder=\"0\"\n                        webkitallowfullscreen=\"\"\n                        mozallowfullscreen=\"\"\n                        allowfullscreen=\"\"\n                      ></iframe>\n                    "])), this.schemaResourceID, this.sourceData && this.sourceData[0] && this.sourceData[0].src || undefined, this.width, this.height), this.mediaTitle, this.t.embeddedMedia) : (0, _index.html)(_templateObject8_89dace701f2611eda0c389891c227ec8 || (_templateObject8_89dace701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <a11y-media-player\n                accent-color=\"", "\"\n                ?audio-only=\"", "\"\n                ?dark=\"", "\"\n                ?dark-transcript=\"", "\"\n                ?disable-interactive=\"", "\"\n                ?hide-timestamps=\"", "\"\n                ?hide-transcript=\"", "\"\n                ?hide-youtube-link=\"", "\"\n                id=\"", "\"\n                lang=\"", "\"\n                ?learning-mode=\"", "\"\n                ?linkable=\"", "\"\n                preload=\"", "\"\n                media-title=\"", "\"\n                .sources=\"", "\"\n                ?stand-alone=\"", "\"\n                sticky-corner=\"", "\"\n                .thumbnail-src=\"", "\"\n                .tracks=\"", "\"\n                .crossorigin=\"", "\"\n                .width=\"", "\"\n                .height=\"", "\"\n                .youtubeId=\"", "\"\n              >\n              </a11y-media-player\n              ><slot hidden></slot>"])), this.accentColor, this.audioOnly, this.dark, this.darkTranscript, this.disableInteractive, this.hideTimestamps, this.hideTranscript, this.hideYoutubeLink, this.playerId, this.lang || "en", this.learningMode, this.linkable, this.preload || "metadata", this.mediaTitle || "", this.sourceProperties, this.standAlone, this.stickyCorner || "top-right", this.thumbnailSrc, this.trackProperties, this.crossorigin || "anonymous", this.width, this.height, this.youtubeId || undefined)) : "");
       } // haxProperty definition
 
     }, {
@@ -103,10 +103,10 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
     }, {
       key: "html5",
       get: function get() {
-        return (0, _index.html)(_templateObject9_afa029001f0511ed8cc3e9a95995ad69 || (_templateObject9_afa029001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      ", "\n    "])), this.sourceData.filter(function (item) {
+        return (0, _index.html)(_templateObject9_89dace701f2611eda0c389891c227ec8 || (_templateObject9_89dace701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      ", "\n    "])), this.sourceData.filter(function (item) {
           return item.type !== "youtube";
         }).map(function (sd) {
-          (0, _index.html)(_templateObject10_afa029001f0511ed8cc3e9a95995ad69 || (_templateObject10_afa029001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n            <source\n              .src=\"", "\"\n              .type=\"", "\"\n            />\n          "])), sd.src || undefined, sd.type || undefined);
+          (0, _index.html)(_templateObject10_89dace701f2611eda0c389891c227ec8 || (_templateObject10_89dace701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n            <source\n              .src=\"", "\"\n              .type=\"", "\"\n            />\n          "])), sd.src || undefined, sd.type || undefined);
         }), this.trackData.map(function (track) {
           "<track\n          .src=\"".concat(track.src || undefined, "\"\n          .kind=\"").concat(track.kind || undefined, "\"\n          .label=\"").concat(track.label || undefined, "\"\n          .srclang=\"").concat(track.lang || undefined, "\"\n        />");
         }));
@@ -448,7 +448,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-colors/simple-colors
       key: "styles",
       get: //styles function
       function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(VideoPlayer), "styles", this)), [(0, _index.css)(_templateObject11_afa029001f0511ed8cc3e9a95995ad69 || (_templateObject11_afa029001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 0 0 15px;\n          line-height: 16px !important;\n          font-size: 16px !important;\n        }\n\n        .video-caption {\n          font-style: italic;\n          margin: 0;\n          padding: 8px;\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(VideoPlayer), "styles", this)), [(0, _index.css)(_templateObject11_89dace701f2611eda0c389891c227ec8 || (_templateObject11_89dace701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 0 0 15px;\n          line-height: 16px !important;\n          font-size: 16px !important;\n        }\n\n        .video-caption {\n          font-style: italic;\n          margin: 0;\n          padding: 8px;\n        }\n      "])))]);
       }
     }, {
       key: "haxProperties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/vocab-term/vocab-term.js b/build/es5-amd/node_modules/@lrnwebcomponents/vocab-term/vocab-term.js
index 5cb130bd387..45f282ba2f8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/vocab-term/vocab-term.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/vocab-term/vocab-term.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-popover/simple-popov
   _exports.VocabTerm = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_afa66a901f0511ed8cc3e9a95995ad69, _templateObject2_afa66a901f0511ed8cc3e9a95995ad69, _templateObject3_afa66a901f0511ed8cc3e9a95995ad69, _templateObject4_afa66a901f0511ed8cc3e9a95995ad69, _templateObject5_afa66a901f0511ed8cc3e9a95995ad69, _templateObject6_afa66a901f0511ed8cc3e9a95995ad69, _templateObject7_afa66a901f0511ed8cc3e9a95995ad69, _templateObject8_afa66a901f0511ed8cc3e9a95995ad69;
+  var _templateObject_89dfd7801f2611eda0c389891c227ec8, _templateObject2_89dfd7801f2611eda0c389891c227ec8, _templateObject3_89dfd7801f2611eda0c389891c227ec8, _templateObject4_89dfd7801f2611eda0c389891c227ec8, _templateObject5_89dfd7801f2611eda0c389891c227ec8, _templateObject6_89dfd7801f2611eda0c389891c227ec8, _templateObject7_89dfd7801f2611eda0c389891c227ec8, _templateObject8_89dfd7801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -69,10 +69,10 @@ define(["exports", "meta", "../../lit/index.js", "../simple-popover/simple-popov
        * LitElement render callback
        */
       function render() {
-        return (0, _index.html)(_templateObject_afa66a901f0511ed8cc3e9a95995ad69 || (_templateObject_afa66a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ""])), !this.popoverMode ? (0, _index.html)(_templateObject2_afa66a901f0511ed8cc3e9a95995ad69 || (_templateObject2_afa66a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <div>\n            <div part=\"term\">\n              <summary id=\"summary\">", "</summary>\n            </div>\n            <simple-modal-template title=\"", "\">\n              <p slot=\"content\">", "</p>\n              ", "\n            </simple-modal-template>\n          </div>\n        "])), this.term, this.term ? this.term : '', this.information, this.links && this.links.length > 0 && this.links.map ? (0, _index.html)(_templateObject3_afa66a901f0511ed8cc3e9a95995ad69 || (_templateObject3_afa66a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <ul slot=\"content\">\n                    ", "\n                  </ul>"])), this.links.map(function (el) {
-          return (0, _index.html)(_templateObject4_afa66a901f0511ed8cc3e9a95995ad69 || (_templateObject4_afa66a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <li><a href=\"", "\" target=\"_blank\" rel=\"noopener noreferrer\">", "</a></li>\n                      "])), el.href, el.title);
-        })) : "") : (0, _index.html)(_templateObject5_afa66a901f0511ed8cc3e9a95995ad69 || (_templateObject5_afa66a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n          <details>\n            <summary id=\"summary\">", "</summary>\n            <div part=\"information\">\n              <simple-popover for=\"summary\" position=\"top\" auto>\n                <p>", "</p>\n                <div part=\"links\">\n                  ", "\n                </div>\n              </simple-popover>\n            </div>\n          </details>\n        "])), this.term, this.information, this.links && this.links.length > 0 && this.links.map ? (0, _index.html)(_templateObject6_afa66a901f0511ed8cc3e9a95995ad69 || (_templateObject6_afa66a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                        <ul>\n                          ", "\n                        </ul>\n                      "])), this.links.map(function (el) {
-          return (0, _index.html)(_templateObject7_afa66a901f0511ed8cc3e9a95995ad69 || (_templateObject7_afa66a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n                              <li><a href=\"", "\" target=\"_blank\" rel=\"noopener noreferrer\">", "</a></li>\n                            "])), el.href, el.title);
+        return (0, _index.html)(_templateObject_89dfd7801f2611eda0c389891c227ec8 || (_templateObject_89dfd7801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ""])), !this.popoverMode ? (0, _index.html)(_templateObject2_89dfd7801f2611eda0c389891c227ec8 || (_templateObject2_89dfd7801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <div>\n            <div part=\"term\">\n              <summary id=\"summary\">", "</summary>\n            </div>\n            <simple-modal-template title=\"", "\">\n              <p slot=\"content\">", "</p>\n              ", "\n            </simple-modal-template>\n          </div>\n        "])), this.term, this.term ? this.term : '', this.information, this.links && this.links.length > 0 && this.links.map ? (0, _index.html)(_templateObject3_89dfd7801f2611eda0c389891c227ec8 || (_templateObject3_89dfd7801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <ul slot=\"content\">\n                    ", "\n                  </ul>"])), this.links.map(function (el) {
+          return (0, _index.html)(_templateObject4_89dfd7801f2611eda0c389891c227ec8 || (_templateObject4_89dfd7801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <li><a href=\"", "\" target=\"_blank\" rel=\"noopener noreferrer\">", "</a></li>\n                      "])), el.href, el.title);
+        })) : "") : (0, _index.html)(_templateObject5_89dfd7801f2611eda0c389891c227ec8 || (_templateObject5_89dfd7801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n          <details>\n            <summary id=\"summary\">", "</summary>\n            <div part=\"information\">\n              <simple-popover for=\"summary\" position=\"top\" auto>\n                <p>", "</p>\n                <div part=\"links\">\n                  ", "\n                </div>\n              </simple-popover>\n            </div>\n          </details>\n        "])), this.term, this.information, this.links && this.links.length > 0 && this.links.map ? (0, _index.html)(_templateObject6_89dfd7801f2611eda0c389891c227ec8 || (_templateObject6_89dfd7801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                        <ul>\n                          ", "\n                        </ul>\n                      "])), this.links.map(function (el) {
+          return (0, _index.html)(_templateObject7_89dfd7801f2611eda0c389891c227ec8 || (_templateObject7_89dfd7801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n                              <li><a href=\"", "\" target=\"_blank\" rel=\"noopener noreferrer\">", "</a></li>\n                            "])), el.href, el.title);
         })) : ""));
       }
       /**
@@ -234,7 +234,7 @@ define(["exports", "meta", "../../lit/index.js", "../simple-popover/simple-popov
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(VocabTerm), "styles", this);
         }
 
-        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject8_afa66a901f0511ed8cc3e9a95995ad69 || (_templateObject8_afa66a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        simple-modal-template {\n          --simple-modal-resize: both;\n          --simple-modal-width: 300px;\n          --simple-modal-height: 300px;\n          --simple-modal-min-width: 300px;\n          --simple-modal-min-height: 300px;\n        }\n        summary {\n          list-style: none;\n          border-bottom: var(--vocab-term-border-bottom, 1px dashed gray);\n          color: var(--vocab-term-color, black);\n        }\n      "])))]);
+        return [].concat(babelHelpers.toConsumableArray(styles), [(0, _index.css)(_templateObject8_89dfd7801f2611eda0c389891c227ec8 || (_templateObject8_89dfd7801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        simple-modal-template {\n          --simple-modal-resize: both;\n          --simple-modal-width: 300px;\n          --simple-modal-height: 300px;\n          --simple-modal-min-width: 300px;\n          --simple-modal-min-height: 300px;\n        }\n        summary {\n          list-style: none;\n          border-bottom: var(--vocab-term-border-bottom, 1px dashed gray);\n          color: var(--vocab-term-color, black);\n        }\n      "])))]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/voice-recorder/voice-recorder.js b/build/es5-amd/node_modules/@lrnwebcomponents/voice-recorder/voice-recorder.js
index 703fdc07ca1..e721e4dc496 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/voice-recorder/voice-recorder.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/voice-recorder/voice-recorder.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "./lib/vmsg-fork.js", "../simpl
   _exports.VoiceRecorder = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_afaa14101f0511ed8cc3e9a95995ad69, _templateObject2_afaa14101f0511ed8cc3e9a95995ad69;
+  var _templateObject_89e248801f2611eda0c389891c227ec8, _templateObject2_89e248801f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -47,7 +47,7 @@ define(["exports", "meta", "../../lit/index.js", "./lib/vmsg-fork.js", "../simpl
     babelHelpers.createClass(VoiceRecorder, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_afaa14101f0511ed8cc3e9a95995ad69 || (_templateObject_afaa14101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <button @click=\"", "\">\n        <simple-icon icon=\"", "\"></simple-icon>", "\n      </button>\n      <slot></slot>\n    "])), this.recordState, this.iconState, this.textState);
+        return (0, _index.html)(_templateObject_89e248801f2611eda0c389891c227ec8 || (_templateObject_89e248801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <button @click=\"", "\">\n        <simple-icon icon=\"", "\"></simple-icon>", "\n      </button>\n      <slot></slot>\n    "])), this.recordState, this.iconState, this.textState);
       }
     }, {
       key: "recordState",
@@ -106,7 +106,7 @@ define(["exports", "meta", "../../lit/index.js", "./lib/vmsg-fork.js", "../simpl
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_afaa14101f0511ed8cc3e9a95995ad69 || (_templateObject2_afaa14101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_89e248801f2611eda0c389891c227ec8 || (_templateObject2_89e248801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n      "])))];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/wave-player/wave-player.js b/build/es5-amd/node_modules/@lrnwebcomponents/wave-player/wave-player.js
index 016d83f82ed..7149ad87555 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/wave-player/wave-player.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/wave-player/wave-player.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_9e2732e01f0511ed8cc3e9a95995ad69, _templateObject2_9e2732e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_79291ff01f2611eda0c389891c227ec8, _templateObject2_79291ff01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -63,7 +63,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
     babelHelpers.createClass(WavePlayer, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_9e2732e01f0511ed8cc3e9a95995ad69 || (_templateObject_9e2732e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button\n        id=\"playbutton\"\n        class=\"circleAnimation fab\"\n        disabled=\"\"\n        icon=\"av:play-arrow\"\n        @click=\"", "\"\n      ></simple-icon-button>\n      <paper-material id=\"controls\" class=\"controls hidden\" elevation=\"2\">\n        <simple-icon-button\n          class=\"centred middle\"\n          style=\"color: white;\"\n          icon=\"av:pause\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"replay\"\n          class=\"centred\"\n          style=\"color: white;\"\n          icon=\"av:replay-30\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"mute\"\n          class=\"centred\"\n          style=\"color: white;\"\n          icon=\"av:volume-up\"\n          @click=\"", "\"\n        ></simple-icon-button>\n      </paper-material>\n      <div id=\"container\" class=\"waveContainer\" elevation=\"0\"></div>\n      <div id=\"albuminfo\" class=\"albuminfo\">\n        <img loading=\"lazy\" class=\"coverart\" src=\"", "\" />\n        <span class=\"title\">", "</span>\n        <span class=\"subtitle\">", "</span>\n      </div>\n    "])), this.togglePlay, this.togglePlay, this.throwBack, this.toggleMute, this.coverart, this.title, this.subtitle);
+        return (0, _index.html)(_templateObject_79291ff01f2611eda0c389891c227ec8 || (_templateObject_79291ff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <simple-icon-button\n        id=\"playbutton\"\n        class=\"circleAnimation fab\"\n        disabled=\"\"\n        icon=\"av:play-arrow\"\n        @click=\"", "\"\n      ></simple-icon-button>\n      <paper-material id=\"controls\" class=\"controls hidden\" elevation=\"2\">\n        <simple-icon-button\n          class=\"centred middle\"\n          style=\"color: white;\"\n          icon=\"av:pause\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"replay\"\n          class=\"centred\"\n          style=\"color: white;\"\n          icon=\"av:replay-30\"\n          @click=\"", "\"\n        ></simple-icon-button>\n        <simple-icon-button\n          id=\"mute\"\n          class=\"centred\"\n          style=\"color: white;\"\n          icon=\"av:volume-up\"\n          @click=\"", "\"\n        ></simple-icon-button>\n      </paper-material>\n      <div id=\"container\" class=\"waveContainer\" elevation=\"0\"></div>\n      <div id=\"albuminfo\" class=\"albuminfo\">\n        <img loading=\"lazy\" class=\"coverart\" src=\"", "\" />\n        <span class=\"title\">", "</span>\n        <span class=\"subtitle\">", "</span>\n      </div>\n    "])), this.togglePlay, this.togglePlay, this.throwBack, this.toggleMute, this.coverart, this.title, this.subtitle);
       }
     }, {
       key: "updated",
@@ -313,7 +313,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../schema-behaviors
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_9e2732e01f0511ed8cc3e9a95995ad69 || (_templateObject2_9e2732e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          height: 150px;\n          background-color: var(--dark-primary-color);\n          display: block;\n        }\n\n        simple-icon-button {\n          position: absolute;\n        }\n\n        .title,\n        .subtitle {\n          transition: all 0.5s ease;\n          padding: 10px 10px 10px 0;\n          left: 160px;\n          position: absolute;\n        }\n\n        .subtitle {\n          bottom: 0;\n        }\n\n        .controls {\n          height: 50px;\n          width: 100%;\n          top: 0;\n          background: var(--accent-color);\n          z-index: 20;\n        }\n\n        simple-icon-button.fab {\n          transition: all 0.5s ease;\n          top: -25px;\n          z-index: 25;\n          border-radius: 0;\n        }\n\n        .albuminfo {\n          position: relative;\n          transition: all 0.5s ease;\n          top: -156px;\n          margin-bottom: -150px;\n          z-index: 20;\n          height: 150px;\n          background-color: rgba(0, 0, 0, 0.4);\n          color: #fff;\n          font-family: Roboto, sans-serif;\n        }\n\n        .albuminfoActive {\n          top: -25;\n          height: 25px;\n          width: 100%;\n          margin-bottom: -19px;\n        }\n\n        .waveContainer {\n          top: -31px;\n          transition: all 0.5s ease;\n          background-color: var(--dark-primary-color);\n          transform: scaleY(1.5);\n        }\n\n        .circleAnimation {\n          border-radius: 50%;\n          overflow: auto;\n          -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);\n          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);\n        }\n\n        .circleAnimation:active {\n          -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);\n          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);\n        }\n\n        .playActive {\n          top: 0;\n          width: 100%;\n          height: 50px;\n        }\n\n        .waveActive {\n          top: 0px;\n          transform: scaleY(1);\n        }\n\n        .centred,\n        .titleActive {\n          transform: scaleY(0);\n        }\n\n        .titleActive {\n          opacity: 0;\n        }\n\n        #playbutton {\n          transition: all 0.5s ease;\n        }\n\n        .coverart {\n          transition: all 0.5s ease;\n          width: 150px;\n          height: 150px;\n        }\n\n        .title {\n          font-size: 24px;\n        }\n\n        .coverartActive {\n          width: 25px;\n          height: 25px;\n        }\n\n        .nameActive {\n          font-size: 19px;\n          padding: 3px 3px 3px 0;\n          left: 30px;\n        }\n\n        .centred {\n          top: calc(50% - 20px);\n          left: calc(50% - 20px);\n          transition: all 0.3s ease;\n        }\n\n        .left,\n        .middle,\n        .right {\n          transform: scale(1);\n        }\n\n        .left {\n          left: calc(25% - 20px);\n        }\n\n        .right {\n          left: calc(75% - 20px);\n        }\n        .hidden {\n          display: none;\n        }\n        @media only screen and (max-width: 500px) {\n          .albuminfo {\n            width: 100%;\n          }\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_79291ff01f2611eda0c389891c227ec8 || (_templateObject2_79291ff01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          height: 150px;\n          background-color: var(--dark-primary-color);\n          display: block;\n        }\n\n        simple-icon-button {\n          position: absolute;\n        }\n\n        .title,\n        .subtitle {\n          transition: all 0.5s ease;\n          padding: 10px 10px 10px 0;\n          left: 160px;\n          position: absolute;\n        }\n\n        .subtitle {\n          bottom: 0;\n        }\n\n        .controls {\n          height: 50px;\n          width: 100%;\n          top: 0;\n          background: var(--accent-color);\n          z-index: 20;\n        }\n\n        simple-icon-button.fab {\n          transition: all 0.5s ease;\n          top: -25px;\n          z-index: 25;\n          border-radius: 0;\n        }\n\n        .albuminfo {\n          position: relative;\n          transition: all 0.5s ease;\n          top: -156px;\n          margin-bottom: -150px;\n          z-index: 20;\n          height: 150px;\n          background-color: rgba(0, 0, 0, 0.4);\n          color: #fff;\n          font-family: Roboto, sans-serif;\n        }\n\n        .albuminfoActive {\n          top: -25;\n          height: 25px;\n          width: 100%;\n          margin-bottom: -19px;\n        }\n\n        .waveContainer {\n          top: -31px;\n          transition: all 0.5s ease;\n          background-color: var(--dark-primary-color);\n          transform: scaleY(1.5);\n        }\n\n        .circleAnimation {\n          border-radius: 50%;\n          overflow: auto;\n          -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);\n          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);\n        }\n\n        .circleAnimation:active {\n          -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);\n          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);\n        }\n\n        .playActive {\n          top: 0;\n          width: 100%;\n          height: 50px;\n        }\n\n        .waveActive {\n          top: 0px;\n          transform: scaleY(1);\n        }\n\n        .centred,\n        .titleActive {\n          transform: scaleY(0);\n        }\n\n        .titleActive {\n          opacity: 0;\n        }\n\n        #playbutton {\n          transition: all 0.5s ease;\n        }\n\n        .coverart {\n          transition: all 0.5s ease;\n          width: 150px;\n          height: 150px;\n        }\n\n        .title {\n          font-size: 24px;\n        }\n\n        .coverartActive {\n          width: 25px;\n          height: 25px;\n        }\n\n        .nameActive {\n          font-size: 19px;\n          padding: 3px 3px 3px 0;\n          left: 30px;\n        }\n\n        .centred {\n          top: calc(50% - 20px);\n          left: calc(50% - 20px);\n          transition: all 0.3s ease;\n        }\n\n        .left,\n        .middle,\n        .right {\n          transform: scale(1);\n        }\n\n        .left {\n          left: calc(25% - 20px);\n        }\n\n        .right {\n          left: calc(75% - 20px);\n        }\n        .hidden {\n          display: none;\n        }\n        @media only screen and (max-width: 500px) {\n          .albuminfo {\n            width: 100%;\n          }\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/wikipedia-query/wikipedia-query.js b/build/es5-amd/node_modules/@lrnwebcomponents/wikipedia-query/wikipedia-query.js
index 258ce7d6a2c..259551a5d4c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/wikipedia-query/wikipedia-query.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/wikipedia-query/wikipedia-query.js
@@ -8,7 +8,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../intersection-ele
   meta = _interopRequireWildcard(meta);
   _require = _interopRequireWildcard(_require);
 
-  var _templateObject_afbf97e01f0511ed8cc3e9a95995ad69, _templateObject2_afbf97e01f0511ed8cc3e9a95995ad69, _templateObject3_afbf97e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_89f470f01f2611eda0c389891c227ec8, _templateObject2_89f470f01f2611eda0c389891c227ec8, _templateObject3_89f470f01f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -59,7 +59,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../intersection-ele
       key: "render",
       value: // LitElement render function
       function render() {
-        return (0, _index.html)(_templateObject_afbf97e01f0511ed8cc3e9a95995ad69 || (_templateObject_afbf97e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.elementVisible ? (0, _index.html)(_templateObject2_afbf97e01f0511ed8cc3e9a95995ad69 || (_templateObject2_afbf97e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral([" <h3 .hidden=\"", "\" part=\"heading-3\">\n            ", "\n          </h3>\n          <div id=\"result\"></div>\n          <citation-element\n            creator=\"{Wikipedia contributors}\"\n            scope=\"sibling\"\n            license=\"by-sa\"\n            title=\"", " --- {Wikipedia}{,} The Free Encyclopedia\"\n            source=\"https://", ".wikipedia.org/w/index.php?title=", "\"\n            date=\"", "\"\n          ></citation-element>"])), this.hideTitle, this._title, this.search, this.language, this.search, this.__now) : "");
+        return (0, _index.html)(_templateObject_89f470f01f2611eda0c389891c227ec8 || (_templateObject_89f470f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" ", ""])), this.elementVisible ? (0, _index.html)(_templateObject2_89f470f01f2611eda0c389891c227ec8 || (_templateObject2_89f470f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral([" <h3 .hidden=\"", "\" part=\"heading-3\">\n            ", "\n          </h3>\n          <div id=\"result\"></div>\n          <citation-element\n            creator=\"{Wikipedia contributors}\"\n            scope=\"sibling\"\n            license=\"by-sa\"\n            title=\"", " --- {Wikipedia}{,} The Free Encyclopedia\"\n            source=\"https://", ".wikipedia.org/w/index.php?title=", "\"\n            date=\"", "\"\n          ></citation-element>"])), this.hideTitle, this._title, this.search, this.language, this.search, this.__now) : "");
       }
     }, {
       key: "updateArticle",
@@ -257,7 +257,7 @@ define(["exports", "meta", "require", "../../lit/index.js", "../intersection-ele
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject3_afbf97e01f0511ed8cc3e9a95995ad69 || (_templateObject3_afbf97e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --wikipedia-query-body-height: 160px;\n          --wikipedia-query-background-color: #f8f8f8;\n        }\n        :host [hidden] {\n          display: none;\n        }\n        #result {\n          height: var(--wikipedia-query-body-height);\n          overflow: scroll;\n          border: 1px grey solid;\n          padding: 8px 16px;\n        }\n        citation-element {\n          background-color: var(--wikipedia-query-background-color);\n          padding: 16px 8px;\n          font-size: 12px;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject3_89f470f01f2611eda0c389891c227ec8 || (_templateObject3_89f470f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --wikipedia-query-body-height: 160px;\n          --wikipedia-query-background-color: #f8f8f8;\n        }\n        :host [hidden] {\n          display: none;\n        }\n        #result {\n          height: var(--wikipedia-query-body-height);\n          overflow: scroll;\n          border: 1px grey solid;\n          padding: 8px 16px;\n        }\n        citation-element {\n          background-color: var(--wikipedia-query-background-color);\n          padding: 16px 8px;\n          font-size: 12px;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/word-count/word-count.js b/build/es5-amd/node_modules/@lrnwebcomponents/word-count/word-count.js
index 9f7006dd3aa..a3aef5b9b55 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/word-count/word-count.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/word-count/word-count.js
@@ -7,7 +7,7 @@ define(["exports", "meta", "../../lit/index.js", "../i18n-manager/lib/I18NMixin.
   _exports.WordCount = void 0;
   meta = _interopRequireWildcard(meta);
 
-  var _templateObject_afc42bc01f0511ed8cc3e9a95995ad69, _templateObject2_afc42bc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_89f7cc501f2611eda0c389891c227ec8, _templateObject2_89f7cc501f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -55,7 +55,7 @@ define(["exports", "meta", "../../lit/index.js", "../i18n-manager/lib/I18NMixin.
     babelHelpers.createClass(WordCount, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_afc42bc01f0511ed8cc3e9a95995ad69 || (_templateObject_afc42bc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n      <div class=\"screen-reader-text\">", ": ", "</div>\n    "])), this.wordsPrefix, this.words);
+        return (0, _index.html)(_templateObject_89f7cc501f2611eda0c389891c227ec8 || (_templateObject_89f7cc501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n      <div class=\"screen-reader-text\">", ": ", "</div>\n    "])), this.wordsPrefix, this.words);
       }
     }, {
       key: "connectedCallback",
@@ -114,7 +114,7 @@ define(["exports", "meta", "../../lit/index.js", "../i18n-manager/lib/I18NMixin.
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _index.css)(_templateObject2_afc42bc01f0511ed8cc3e9a95995ad69 || (_templateObject2_afc42bc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host:after {\n          content: attr(words-text);\n          position: var(--word-count-position, relative);\n          display: var(--word-count-display, flex);\n          flex-direction: var(--word-count-flex-direction, row-reverse);\n          margin: var(--word-count-margin, 12px);\n          font-size: var(--word-count-font-size, 10px);\n          transition: var(--word-count-transition, 0.3s font-size, color ease);\n          line-height: var(--word-count-line-height, 16px);\n          color: var(--word-count-color, #888888);\n        }\n        :host(:hover):after,\n        :host(:focus):after,\n        :host(:active):after {\n          font-size: var(--word-count-font-size-hover, 12px);\n          font-weight: var(--word-count-font-weight-hover, bold);\n          color: var(--word-count-color-hover, #000000);\n        }\n        .screen-reader-text {\n          border: 0;\n          clip: rect(1px, 1px, 1px, 1px);\n          clip-path: inset(50%);\n          height: 1px;\n          margin: -1px;\n          width: 1px;\n          overflow: hidden;\n          position: absolute !important;\n          word-wrap: normal !important;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_89f7cc501f2611eda0c389891c227ec8 || (_templateObject2_89f7cc501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host:after {\n          content: attr(words-text);\n          position: var(--word-count-position, relative);\n          display: var(--word-count-display, flex);\n          flex-direction: var(--word-count-flex-direction, row-reverse);\n          margin: var(--word-count-margin, 12px);\n          font-size: var(--word-count-font-size, 10px);\n          transition: var(--word-count-transition, 0.3s font-size, color ease);\n          line-height: var(--word-count-line-height, 16px);\n          color: var(--word-count-color, #888888);\n        }\n        :host(:hover):after,\n        :host(:focus):after,\n        :host(:active):after {\n          font-size: var(--word-count-font-size-hover, 12px);\n          font-weight: var(--word-count-font-weight-hover, bold);\n          color: var(--word-count-color-hover, #000000);\n        }\n        .screen-reader-text {\n          border: 0;\n          clip: rect(1px, 1px, 1px, 1px);\n          clip-path: inset(50%);\n          height: 1px;\n          margin: -1px;\n          width: 1px;\n          overflow: hidden;\n          position: absolute !important;\n          word-wrap: normal !important;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js b/build/es5-amd/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js
index 4f037e60c08..457a70b2339 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js
@@ -6,7 +6,7 @@ define(["exports", "../../lit/index.js", "../cms-hax/cms-hax.js", "../hax-body/l
   });
   _exports.WysiwygHax = void 0;
 
-  var _templateObject_afd087d01f0511ed8cc3e9a95995ad69, _templateObject2_afd087d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_8a027ab01f2611eda0c389891c227ec8, _templateObject2_8a027ab01f2611eda0c389891c227ec8;
 
   function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && babelHelpers.instanceof(outerFn.prototype, Generator) ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == babelHelpers.typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
@@ -51,7 +51,7 @@ define(["exports", "../../lit/index.js", "../cms-hax/cms-hax.js", "../hax-body/l
     babelHelpers.createClass(WysiwygHax, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_afd087d01f0511ed8cc3e9a95995ad69 || (_templateObject_afd087d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <textarea\n        class=\"", "\"\n        id=\"", "\"\n        name=\"", "\"\n        hidden=\"\"\n      >\n      ", "\n      </textarea\n      >\n      <cms-hax\n        hide-message=\"\"\n        redirect-location=\"", "\"\n        update-page-data=\"", "\"\n        .end-point=\"", "\"\n        app-store-connection=\"", "\"\n        offset-margin=\"", "\"\n        .allowed-tags=\"", "\"\n        ?open-default=\"", "\"\n        ?sync-body=\"", "\"\n        ?hide-panel-ops=\"", "\"\n        ?hide-preferences-button=\"", "\"\n        element-align=\"", "\"\n      >\n      </cms-hax>\n    "])), this.fieldClass, this.fieldId, this.fieldName, this.bodyValue, this.redirectLocation, this.updatePageData, this.endPoint, this.appStoreConnection, this.offsetMargin, this.allowedTags, this.openDefault, this.syncBody, this.hidePanelOps, this.hidePreferencesButton, this.elementAlign);
+        return (0, _index.html)(_templateObject_8a027ab01f2611eda0c389891c227ec8 || (_templateObject_8a027ab01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <textarea\n        class=\"", "\"\n        id=\"", "\"\n        name=\"", "\"\n        hidden=\"\"\n      >\n      ", "\n      </textarea\n      >\n      <cms-hax\n        hide-message=\"\"\n        redirect-location=\"", "\"\n        update-page-data=\"", "\"\n        .end-point=\"", "\"\n        app-store-connection=\"", "\"\n        offset-margin=\"", "\"\n        .allowed-tags=\"", "\"\n        ?open-default=\"", "\"\n        ?sync-body=\"", "\"\n        ?hide-panel-ops=\"", "\"\n        ?hide-preferences-button=\"", "\"\n        element-align=\"", "\"\n      >\n      </cms-hax>\n    "])), this.fieldClass, this.fieldId, this.fieldName, this.bodyValue, this.redirectLocation, this.updatePageData, this.endPoint, this.appStoreConnection, this.offsetMargin, this.allowedTags, this.openDefault, this.syncBody, this.hidePanelOps, this.hidePreferencesButton, this.elementAlign);
       }
     }, {
       key: "updated",
@@ -180,7 +180,7 @@ define(["exports", "../../lit/index.js", "../cms-hax/cms-hax.js", "../hax-body/l
        * LitElement constructable styles enhancement
        */
       function get() {
-        return [(0, _index.css)(_templateObject2_afd087d01f0511ed8cc3e9a95995ad69 || (_templateObject2_afd087d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
+        return [(0, _index.css)(_templateObject2_8a027ab01f2611eda0c389891c227ec8 || (_templateObject2_8a027ab01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "])))];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/app-box/app-box.js b/build/es5-amd/node_modules/@polymer/app-layout/app-box/app-box.js
index 8827fcdc941..31d3745eca7 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/app-box/app-box.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/app-box/app-box.js
@@ -1,7 +1,7 @@
 define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-layout.js", "../../iron-resizable-behavior/iron-resizable-behavior.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../app-scroll-effects/app-scroll-effects-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _ironResizableBehavior, _polymerFn, _htmlTag, _appScrollEffectsBehavior) {
   "use strict";
 
-  var _templateObject_ad4374501f0511ed8cc3e9a95995ad69;
+  var _templateObject_87b41de01f2611eda0c389891c227ec8;
 
   /**
   app-box is a container element that can have scroll effects - visual effects
@@ -81,7 +81,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-lay
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_ad4374501f0511ed8cc3e9a95995ad69 || (_templateObject_ad4374501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: relative;\n        display: block;\n      }\n\n      #background {\n        @apply --layout-fit;\n        overflow: hidden;\n        height: 100%;\n      }\n\n      #backgroundFrontLayer {\n        min-height: 100%;\n        pointer-events: none;\n        background-size: cover;\n        @apply --app-box-background-front-layer;\n      }\n\n      #contentContainer {\n        position: relative;\n        width: 100%;\n        height: 100%;\n      }\n\n      :host([disabled]),\n      :host([disabled]) #backgroundFrontLayer {\n        transition: none !important;\n      }\n    </style>\n\n    <div id=\"background\">\n      <div id=\"backgroundFrontLayer\">\n        <slot name=\"background\"></slot>\n      </div>\n    </div>\n    <div id=\"contentContainer\">\n      <slot></slot>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_87b41de01f2611eda0c389891c227ec8 || (_templateObject_87b41de01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: relative;\n        display: block;\n      }\n\n      #background {\n        @apply --layout-fit;\n        overflow: hidden;\n        height: 100%;\n      }\n\n      #backgroundFrontLayer {\n        min-height: 100%;\n        pointer-events: none;\n        background-size: cover;\n        @apply --app-box-background-front-layer;\n      }\n\n      #contentContainer {\n        position: relative;\n        width: 100%;\n        height: 100%;\n      }\n\n      :host([disabled]),\n      :host([disabled]) #backgroundFrontLayer {\n        transition: none !important;\n      }\n    </style>\n\n    <div id=\"background\">\n      <div id=\"backgroundFrontLayer\">\n        <slot name=\"background\"></slot>\n      </div>\n    </div>\n    <div id=\"contentContainer\">\n      <slot></slot>\n    </div>\n"]))),
     is: 'app-box',
     behaviors: [_appScrollEffectsBehavior.AppScrollEffectsBehavior, _ironResizableBehavior.IronResizableBehavior],
     listeners: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/app-drawer-layout/app-drawer-layout.js b/build/es5-amd/node_modules/@polymer/app-layout/app-drawer-layout/app-drawer-layout.js
index 665a5a7a408..a9428ab1314 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/app-drawer-layout/app-drawer-layout.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/app-drawer-layout/app-drawer-layout.js
@@ -1,7 +1,7 @@
 define(["../../polymer/polymer-legacy.js", "../../iron-media-query/iron-media-query.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/legacy/polymer.dom.js", "../../polymer/lib/utils/html-tag.js", "../../polymer/lib/utils/render-status.js", "../app-layout-behavior/app-layout-behavior.js"], function (_polymerLegacy, _ironMediaQuery, _polymerFn, _polymerDom, _htmlTag, _renderStatus, _appLayoutBehavior) {
   "use strict";
 
-  var _templateObject_982f7d201f0511ed8cc3e9a95995ad69;
+  var _templateObject_72fa2d901f2611eda0c389891c227ec8;
 
   /**
   app-drawer-layout is a wrapper element that positions an app-drawer and other
@@ -125,7 +125,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-media-query/iron-media-qu
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_982f7d201f0511ed8cc3e9a95995ad69 || (_templateObject_982f7d201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        /**\n         * Force app-drawer-layout to have its own stacking context so that its parent can\n         * control the stacking of it relative to other elements.\n         */\n        position: relative;\n        z-index: 0;\n      }\n\n      :host ::slotted([slot=drawer]) {\n        z-index: 1;\n      }\n\n      :host([fullbleed]) {\n        @apply --layout-fit;\n      }\n\n      #contentContainer {\n        /* Create a stacking context here so that all children appear below the header. */\n        position: relative;\n        z-index: 0;\n        height: 100%;\n        transition: var(--app-drawer-layout-content-transition, none);\n      }\n\n      #contentContainer[drawer-position=left] {\n        margin-left: var(--app-drawer-width, 256px);\n      }\n\n      #contentContainer[drawer-position=right] {\n        margin-right: var(--app-drawer-width, 256px);\n      }\n    </style>\n\n    <slot id=\"drawerSlot\" name=\"drawer\"></slot>\n\n    <div id=\"contentContainer\" drawer-position$=\"[[_drawerPosition]]\">\n      <slot></slot>\n    </div>\n\n    <iron-media-query query=\"[[_computeMediaQuery(forceNarrow, responsiveWidth)]]\" on-query-matches-changed=\"_onQueryMatchesChanged\"></iron-media-query>\n"], ["\n    <style>\n      :host {\n        display: block;\n        /**\n         * Force app-drawer-layout to have its own stacking context so that its parent can\n         * control the stacking of it relative to other elements.\n         */\n        position: relative;\n        z-index: 0;\n      }\n\n      :host ::slotted([slot=drawer]) {\n        z-index: 1;\n      }\n\n      :host([fullbleed]) {\n        @apply --layout-fit;\n      }\n\n      #contentContainer {\n        /* Create a stacking context here so that all children appear below the header. */\n        position: relative;\n        z-index: 0;\n        height: 100%;\n        transition: var(--app-drawer-layout-content-transition, none);\n      }\n\n      #contentContainer[drawer-position=left] {\n        margin-left: var(--app-drawer-width, 256px);\n      }\n\n      #contentContainer[drawer-position=right] {\n        margin-right: var(--app-drawer-width, 256px);\n      }\n    </style>\n\n    <slot id=\"drawerSlot\" name=\"drawer\"></slot>\n\n    <div id=\"contentContainer\" drawer-position\\$=\"[[_drawerPosition]]\">\n      <slot></slot>\n    </div>\n\n    <iron-media-query query=\"[[_computeMediaQuery(forceNarrow, responsiveWidth)]]\" on-query-matches-changed=\"_onQueryMatchesChanged\"></iron-media-query>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_72fa2d901f2611eda0c389891c227ec8 || (_templateObject_72fa2d901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        /**\n         * Force app-drawer-layout to have its own stacking context so that its parent can\n         * control the stacking of it relative to other elements.\n         */\n        position: relative;\n        z-index: 0;\n      }\n\n      :host ::slotted([slot=drawer]) {\n        z-index: 1;\n      }\n\n      :host([fullbleed]) {\n        @apply --layout-fit;\n      }\n\n      #contentContainer {\n        /* Create a stacking context here so that all children appear below the header. */\n        position: relative;\n        z-index: 0;\n        height: 100%;\n        transition: var(--app-drawer-layout-content-transition, none);\n      }\n\n      #contentContainer[drawer-position=left] {\n        margin-left: var(--app-drawer-width, 256px);\n      }\n\n      #contentContainer[drawer-position=right] {\n        margin-right: var(--app-drawer-width, 256px);\n      }\n    </style>\n\n    <slot id=\"drawerSlot\" name=\"drawer\"></slot>\n\n    <div id=\"contentContainer\" drawer-position$=\"[[_drawerPosition]]\">\n      <slot></slot>\n    </div>\n\n    <iron-media-query query=\"[[_computeMediaQuery(forceNarrow, responsiveWidth)]]\" on-query-matches-changed=\"_onQueryMatchesChanged\"></iron-media-query>\n"], ["\n    <style>\n      :host {\n        display: block;\n        /**\n         * Force app-drawer-layout to have its own stacking context so that its parent can\n         * control the stacking of it relative to other elements.\n         */\n        position: relative;\n        z-index: 0;\n      }\n\n      :host ::slotted([slot=drawer]) {\n        z-index: 1;\n      }\n\n      :host([fullbleed]) {\n        @apply --layout-fit;\n      }\n\n      #contentContainer {\n        /* Create a stacking context here so that all children appear below the header. */\n        position: relative;\n        z-index: 0;\n        height: 100%;\n        transition: var(--app-drawer-layout-content-transition, none);\n      }\n\n      #contentContainer[drawer-position=left] {\n        margin-left: var(--app-drawer-width, 256px);\n      }\n\n      #contentContainer[drawer-position=right] {\n        margin-right: var(--app-drawer-width, 256px);\n      }\n    </style>\n\n    <slot id=\"drawerSlot\" name=\"drawer\"></slot>\n\n    <div id=\"contentContainer\" drawer-position\\$=\"[[_drawerPosition]]\">\n      <slot></slot>\n    </div>\n\n    <iron-media-query query=\"[[_computeMediaQuery(forceNarrow, responsiveWidth)]]\" on-query-matches-changed=\"_onQueryMatchesChanged\"></iron-media-query>\n"]))),
     is: 'app-drawer-layout',
     behaviors: [_appLayoutBehavior.AppLayoutBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/app-drawer/app-drawer.js b/build/es5-amd/node_modules/@polymer/app-layout/app-drawer/app-drawer.js
index b32b82137fc..eaa619d7d64 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/app-drawer/app-drawer.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/app-drawer/app-drawer.js
@@ -1,7 +1,7 @@
 define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-layout.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/legacy/polymer.dom.js", "../../polymer/lib/utils/html-tag.js", "../../polymer/lib/utils/render-status.js"], function (_polymerLegacy, _ironFlexLayout, _polymerFn, _polymerDom, _htmlTag, _renderStatus) {
   "use strict";
 
-  var _templateObject_982df6801f0511ed8cc3e9a95995ad69;
+  var _templateObject_72f7bc901f2611eda0c389891c227ec8;
 
   /**
   app-drawer is a navigation drawer that can slide in from the left or right.
@@ -55,7 +55,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-lay
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_982df6801f0511ed8cc3e9a95995ad69 || (_templateObject_982df6801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: fixed;\n        top: -120px;\n        right: 0;\n        bottom: -120px;\n        left: 0;\n\n        visibility: hidden;\n\n        transition-property: visibility;\n      }\n\n      :host([opened]) {\n        visibility: visible;\n      }\n\n      :host([persistent]) {\n        width: var(--app-drawer-width, 256px);\n      }\n\n      :host([persistent][position=left]) {\n        right: auto;\n      }\n\n      :host([persistent][position=right]) {\n        left: auto;\n      }\n\n      #contentContainer {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n\n        width: var(--app-drawer-width, 256px);\n        padding: var(--app-drawer-content-padding, 120px 0);\n\n        transition-property: -webkit-transform;\n        transition-property: transform;\n        -webkit-transform: translate3d(-100%, 0, 0);\n        transform: translate3d(-100%, 0, 0);\n\n        background-color: #FFF;\n\n        @apply --app-drawer-content-container;\n      }\n\n      #contentContainer[persistent] {\n        width: 100%;\n      }\n\n      #contentContainer[position=right] {\n        right: 0;\n        left: auto;\n\n        -webkit-transform: translate3d(100%, 0, 0);\n        transform: translate3d(100%, 0, 0);\n      }\n\n      #contentContainer[swipe-open]::after {\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        left: 100%;\n\n        visibility: visible;\n\n        width: 20px;\n\n        content: '';\n      }\n\n      #contentContainer[swipe-open][position=right]::after {\n        right: 100%;\n        left: auto;\n      }\n\n      #contentContainer[opened] {\n        -webkit-transform: translate3d(0, 0, 0);\n        transform: translate3d(0, 0, 0);\n      }\n\n      #scrim {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        transition-property: opacity;\n        -webkit-transform: translateZ(0);\n        transform:  translateZ(0);\n\n        opacity: 0;\n        background: var(--app-drawer-scrim-background, rgba(0, 0, 0, 0.5));\n      }\n\n      #scrim.visible {\n        opacity: 1;\n      }\n\n      :host([no-transition]) #contentContainer {\n        transition-property: none;\n      }\n    </style>\n\n    <div id=\"scrim\" on-click=\"close\"></div>\n\n    <!-- HACK(keanulee): Bind attributes here (in addition to :host) for styling to workaround Safari\n    bug. https://bugs.webkit.org/show_bug.cgi?id=170762 -->\n    <div id=\"contentContainer\" opened$=\"[[opened]]\" persistent$=\"[[persistent]]\" position$=\"[[position]]\" swipe-open$=\"[[swipeOpen]]\">\n      <slot></slot>\n    </div>\n"], ["\n    <style>\n      :host {\n        position: fixed;\n        top: -120px;\n        right: 0;\n        bottom: -120px;\n        left: 0;\n\n        visibility: hidden;\n\n        transition-property: visibility;\n      }\n\n      :host([opened]) {\n        visibility: visible;\n      }\n\n      :host([persistent]) {\n        width: var(--app-drawer-width, 256px);\n      }\n\n      :host([persistent][position=left]) {\n        right: auto;\n      }\n\n      :host([persistent][position=right]) {\n        left: auto;\n      }\n\n      #contentContainer {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n\n        width: var(--app-drawer-width, 256px);\n        padding: var(--app-drawer-content-padding, 120px 0);\n\n        transition-property: -webkit-transform;\n        transition-property: transform;\n        -webkit-transform: translate3d(-100%, 0, 0);\n        transform: translate3d(-100%, 0, 0);\n\n        background-color: #FFF;\n\n        @apply --app-drawer-content-container;\n      }\n\n      #contentContainer[persistent] {\n        width: 100%;\n      }\n\n      #contentContainer[position=right] {\n        right: 0;\n        left: auto;\n\n        -webkit-transform: translate3d(100%, 0, 0);\n        transform: translate3d(100%, 0, 0);\n      }\n\n      #contentContainer[swipe-open]::after {\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        left: 100%;\n\n        visibility: visible;\n\n        width: 20px;\n\n        content: '';\n      }\n\n      #contentContainer[swipe-open][position=right]::after {\n        right: 100%;\n        left: auto;\n      }\n\n      #contentContainer[opened] {\n        -webkit-transform: translate3d(0, 0, 0);\n        transform: translate3d(0, 0, 0);\n      }\n\n      #scrim {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        transition-property: opacity;\n        -webkit-transform: translateZ(0);\n        transform:  translateZ(0);\n\n        opacity: 0;\n        background: var(--app-drawer-scrim-background, rgba(0, 0, 0, 0.5));\n      }\n\n      #scrim.visible {\n        opacity: 1;\n      }\n\n      :host([no-transition]) #contentContainer {\n        transition-property: none;\n      }\n    </style>\n\n    <div id=\"scrim\" on-click=\"close\"></div>\n\n    <!-- HACK(keanulee): Bind attributes here (in addition to :host) for styling to workaround Safari\n    bug. https://bugs.webkit.org/show_bug.cgi?id=170762 -->\n    <div id=\"contentContainer\" opened\\$=\"[[opened]]\" persistent\\$=\"[[persistent]]\" position\\$=\"[[position]]\" swipe-open\\$=\"[[swipeOpen]]\">\n      <slot></slot>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_72f7bc901f2611eda0c389891c227ec8 || (_templateObject_72f7bc901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: fixed;\n        top: -120px;\n        right: 0;\n        bottom: -120px;\n        left: 0;\n\n        visibility: hidden;\n\n        transition-property: visibility;\n      }\n\n      :host([opened]) {\n        visibility: visible;\n      }\n\n      :host([persistent]) {\n        width: var(--app-drawer-width, 256px);\n      }\n\n      :host([persistent][position=left]) {\n        right: auto;\n      }\n\n      :host([persistent][position=right]) {\n        left: auto;\n      }\n\n      #contentContainer {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n\n        width: var(--app-drawer-width, 256px);\n        padding: var(--app-drawer-content-padding, 120px 0);\n\n        transition-property: -webkit-transform;\n        transition-property: transform;\n        -webkit-transform: translate3d(-100%, 0, 0);\n        transform: translate3d(-100%, 0, 0);\n\n        background-color: #FFF;\n\n        @apply --app-drawer-content-container;\n      }\n\n      #contentContainer[persistent] {\n        width: 100%;\n      }\n\n      #contentContainer[position=right] {\n        right: 0;\n        left: auto;\n\n        -webkit-transform: translate3d(100%, 0, 0);\n        transform: translate3d(100%, 0, 0);\n      }\n\n      #contentContainer[swipe-open]::after {\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        left: 100%;\n\n        visibility: visible;\n\n        width: 20px;\n\n        content: '';\n      }\n\n      #contentContainer[swipe-open][position=right]::after {\n        right: 100%;\n        left: auto;\n      }\n\n      #contentContainer[opened] {\n        -webkit-transform: translate3d(0, 0, 0);\n        transform: translate3d(0, 0, 0);\n      }\n\n      #scrim {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        transition-property: opacity;\n        -webkit-transform: translateZ(0);\n        transform:  translateZ(0);\n\n        opacity: 0;\n        background: var(--app-drawer-scrim-background, rgba(0, 0, 0, 0.5));\n      }\n\n      #scrim.visible {\n        opacity: 1;\n      }\n\n      :host([no-transition]) #contentContainer {\n        transition-property: none;\n      }\n    </style>\n\n    <div id=\"scrim\" on-click=\"close\"></div>\n\n    <!-- HACK(keanulee): Bind attributes here (in addition to :host) for styling to workaround Safari\n    bug. https://bugs.webkit.org/show_bug.cgi?id=170762 -->\n    <div id=\"contentContainer\" opened$=\"[[opened]]\" persistent$=\"[[persistent]]\" position$=\"[[position]]\" swipe-open$=\"[[swipeOpen]]\">\n      <slot></slot>\n    </div>\n"], ["\n    <style>\n      :host {\n        position: fixed;\n        top: -120px;\n        right: 0;\n        bottom: -120px;\n        left: 0;\n\n        visibility: hidden;\n\n        transition-property: visibility;\n      }\n\n      :host([opened]) {\n        visibility: visible;\n      }\n\n      :host([persistent]) {\n        width: var(--app-drawer-width, 256px);\n      }\n\n      :host([persistent][position=left]) {\n        right: auto;\n      }\n\n      :host([persistent][position=right]) {\n        left: auto;\n      }\n\n      #contentContainer {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n\n        width: var(--app-drawer-width, 256px);\n        padding: var(--app-drawer-content-padding, 120px 0);\n\n        transition-property: -webkit-transform;\n        transition-property: transform;\n        -webkit-transform: translate3d(-100%, 0, 0);\n        transform: translate3d(-100%, 0, 0);\n\n        background-color: #FFF;\n\n        @apply --app-drawer-content-container;\n      }\n\n      #contentContainer[persistent] {\n        width: 100%;\n      }\n\n      #contentContainer[position=right] {\n        right: 0;\n        left: auto;\n\n        -webkit-transform: translate3d(100%, 0, 0);\n        transform: translate3d(100%, 0, 0);\n      }\n\n      #contentContainer[swipe-open]::after {\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        left: 100%;\n\n        visibility: visible;\n\n        width: 20px;\n\n        content: '';\n      }\n\n      #contentContainer[swipe-open][position=right]::after {\n        right: 100%;\n        left: auto;\n      }\n\n      #contentContainer[opened] {\n        -webkit-transform: translate3d(0, 0, 0);\n        transform: translate3d(0, 0, 0);\n      }\n\n      #scrim {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        transition-property: opacity;\n        -webkit-transform: translateZ(0);\n        transform:  translateZ(0);\n\n        opacity: 0;\n        background: var(--app-drawer-scrim-background, rgba(0, 0, 0, 0.5));\n      }\n\n      #scrim.visible {\n        opacity: 1;\n      }\n\n      :host([no-transition]) #contentContainer {\n        transition-property: none;\n      }\n    </style>\n\n    <div id=\"scrim\" on-click=\"close\"></div>\n\n    <!-- HACK(keanulee): Bind attributes here (in addition to :host) for styling to workaround Safari\n    bug. https://bugs.webkit.org/show_bug.cgi?id=170762 -->\n    <div id=\"contentContainer\" opened\\$=\"[[opened]]\" persistent\\$=\"[[persistent]]\" position\\$=\"[[position]]\" swipe-open\\$=\"[[swipeOpen]]\">\n      <slot></slot>\n    </div>\n"]))),
     is: 'app-drawer',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/app-header-layout/app-header-layout.js b/build/es5-amd/node_modules/@polymer/app-layout/app-header-layout/app-header-layout.js
index c373f3740e2..a8d4c0317b8 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/app-header-layout/app-header-layout.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/app-header-layout/app-header-layout.js
@@ -1,7 +1,7 @@
 define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-layout.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/legacy/polymer.dom.js", "../../polymer/lib/utils/html-tag.js", "../app-layout-behavior/app-layout-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _polymerFn, _polymerDom, _htmlTag, _appLayoutBehavior) {
   "use strict";
 
-  var _templateObject_ad3606d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_87a8d3401f2611eda0c389891c227ec8;
 
   /**
   app-header-layout is a wrapper element that positions an app-header and other
@@ -55,7 +55,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-lay
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_ad3606d01f0511ed8cc3e9a95995ad69 || (_templateObject_ad3606d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        /**\n         * Force app-header-layout to have its own stacking context so that its parent can\n         * control the stacking of it relative to other elements (e.g. app-drawer-layout).\n         * This could be done using `isolation: isolate`, but that's not well supported\n         * across browsers.\n         */\n        position: relative;\n        z-index: 0;\n      }\n\n      #wrapper ::slotted([slot=header]) {\n        @apply --layout-fixed-top;\n        z-index: 1;\n      }\n\n      #wrapper.initializing ::slotted([slot=header]) {\n        position: relative;\n      }\n\n      :host([has-scrolling-region]) {\n        height: 100%;\n      }\n\n      :host([has-scrolling-region]) #wrapper ::slotted([slot=header]) {\n        position: absolute;\n      }\n\n      :host([has-scrolling-region]) #wrapper.initializing ::slotted([slot=header]) {\n        position: relative;\n      }\n\n      :host([has-scrolling-region]) #wrapper #contentContainer {\n        @apply --layout-fit;\n        overflow-y: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      :host([has-scrolling-region]) #wrapper.initializing #contentContainer {\n        position: relative;\n      }\n\n      :host([fullbleed]) {\n        @apply --layout-vertical;\n        @apply --layout-fit;\n      }\n\n      :host([fullbleed]) #wrapper,\n      :host([fullbleed]) #wrapper #contentContainer {\n        @apply --layout-vertical;\n        @apply --layout-flex;\n      }\n\n      #contentContainer {\n        /* Create a stacking context here so that all children appear below the header. */\n        position: relative;\n        z-index: 0;\n      }\n\n      @media print {\n        :host([has-scrolling-region]) #wrapper #contentContainer {\n          overflow-y: visible;\n        }\n      }\n\n    </style>\n\n    <div id=\"wrapper\" class=\"initializing\">\n      <slot id=\"headerSlot\" name=\"header\"></slot>\n\n      <div id=\"contentContainer\">\n        <slot></slot>\n      </div>\n    </div>\n"], ["\n    <style>\n      :host {\n        display: block;\n        /**\n         * Force app-header-layout to have its own stacking context so that its parent can\n         * control the stacking of it relative to other elements (e.g. app-drawer-layout).\n         * This could be done using \\`isolation: isolate\\`, but that's not well supported\n         * across browsers.\n         */\n        position: relative;\n        z-index: 0;\n      }\n\n      #wrapper ::slotted([slot=header]) {\n        @apply --layout-fixed-top;\n        z-index: 1;\n      }\n\n      #wrapper.initializing ::slotted([slot=header]) {\n        position: relative;\n      }\n\n      :host([has-scrolling-region]) {\n        height: 100%;\n      }\n\n      :host([has-scrolling-region]) #wrapper ::slotted([slot=header]) {\n        position: absolute;\n      }\n\n      :host([has-scrolling-region]) #wrapper.initializing ::slotted([slot=header]) {\n        position: relative;\n      }\n\n      :host([has-scrolling-region]) #wrapper #contentContainer {\n        @apply --layout-fit;\n        overflow-y: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      :host([has-scrolling-region]) #wrapper.initializing #contentContainer {\n        position: relative;\n      }\n\n      :host([fullbleed]) {\n        @apply --layout-vertical;\n        @apply --layout-fit;\n      }\n\n      :host([fullbleed]) #wrapper,\n      :host([fullbleed]) #wrapper #contentContainer {\n        @apply --layout-vertical;\n        @apply --layout-flex;\n      }\n\n      #contentContainer {\n        /* Create a stacking context here so that all children appear below the header. */\n        position: relative;\n        z-index: 0;\n      }\n\n      @media print {\n        :host([has-scrolling-region]) #wrapper #contentContainer {\n          overflow-y: visible;\n        }\n      }\n\n    </style>\n\n    <div id=\"wrapper\" class=\"initializing\">\n      <slot id=\"headerSlot\" name=\"header\"></slot>\n\n      <div id=\"contentContainer\">\n        <slot></slot>\n      </div>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_87a8d3401f2611eda0c389891c227ec8 || (_templateObject_87a8d3401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        /**\n         * Force app-header-layout to have its own stacking context so that its parent can\n         * control the stacking of it relative to other elements (e.g. app-drawer-layout).\n         * This could be done using `isolation: isolate`, but that's not well supported\n         * across browsers.\n         */\n        position: relative;\n        z-index: 0;\n      }\n\n      #wrapper ::slotted([slot=header]) {\n        @apply --layout-fixed-top;\n        z-index: 1;\n      }\n\n      #wrapper.initializing ::slotted([slot=header]) {\n        position: relative;\n      }\n\n      :host([has-scrolling-region]) {\n        height: 100%;\n      }\n\n      :host([has-scrolling-region]) #wrapper ::slotted([slot=header]) {\n        position: absolute;\n      }\n\n      :host([has-scrolling-region]) #wrapper.initializing ::slotted([slot=header]) {\n        position: relative;\n      }\n\n      :host([has-scrolling-region]) #wrapper #contentContainer {\n        @apply --layout-fit;\n        overflow-y: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      :host([has-scrolling-region]) #wrapper.initializing #contentContainer {\n        position: relative;\n      }\n\n      :host([fullbleed]) {\n        @apply --layout-vertical;\n        @apply --layout-fit;\n      }\n\n      :host([fullbleed]) #wrapper,\n      :host([fullbleed]) #wrapper #contentContainer {\n        @apply --layout-vertical;\n        @apply --layout-flex;\n      }\n\n      #contentContainer {\n        /* Create a stacking context here so that all children appear below the header. */\n        position: relative;\n        z-index: 0;\n      }\n\n      @media print {\n        :host([has-scrolling-region]) #wrapper #contentContainer {\n          overflow-y: visible;\n        }\n      }\n\n    </style>\n\n    <div id=\"wrapper\" class=\"initializing\">\n      <slot id=\"headerSlot\" name=\"header\"></slot>\n\n      <div id=\"contentContainer\">\n        <slot></slot>\n      </div>\n    </div>\n"], ["\n    <style>\n      :host {\n        display: block;\n        /**\n         * Force app-header-layout to have its own stacking context so that its parent can\n         * control the stacking of it relative to other elements (e.g. app-drawer-layout).\n         * This could be done using \\`isolation: isolate\\`, but that's not well supported\n         * across browsers.\n         */\n        position: relative;\n        z-index: 0;\n      }\n\n      #wrapper ::slotted([slot=header]) {\n        @apply --layout-fixed-top;\n        z-index: 1;\n      }\n\n      #wrapper.initializing ::slotted([slot=header]) {\n        position: relative;\n      }\n\n      :host([has-scrolling-region]) {\n        height: 100%;\n      }\n\n      :host([has-scrolling-region]) #wrapper ::slotted([slot=header]) {\n        position: absolute;\n      }\n\n      :host([has-scrolling-region]) #wrapper.initializing ::slotted([slot=header]) {\n        position: relative;\n      }\n\n      :host([has-scrolling-region]) #wrapper #contentContainer {\n        @apply --layout-fit;\n        overflow-y: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      :host([has-scrolling-region]) #wrapper.initializing #contentContainer {\n        position: relative;\n      }\n\n      :host([fullbleed]) {\n        @apply --layout-vertical;\n        @apply --layout-fit;\n      }\n\n      :host([fullbleed]) #wrapper,\n      :host([fullbleed]) #wrapper #contentContainer {\n        @apply --layout-vertical;\n        @apply --layout-flex;\n      }\n\n      #contentContainer {\n        /* Create a stacking context here so that all children appear below the header. */\n        position: relative;\n        z-index: 0;\n      }\n\n      @media print {\n        :host([has-scrolling-region]) #wrapper #contentContainer {\n          overflow-y: visible;\n        }\n      }\n\n    </style>\n\n    <div id=\"wrapper\" class=\"initializing\">\n      <slot id=\"headerSlot\" name=\"header\"></slot>\n\n      <div id=\"contentContainer\">\n        <slot></slot>\n      </div>\n    </div>\n"]))),
     is: 'app-header-layout',
     behaviors: [_appLayoutBehavior.AppLayoutBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/app-header/app-header.js b/build/es5-amd/node_modules/@polymer/app-layout/app-header/app-header.js
index 2fdb221e5fa..2f722d14c8b 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/app-header/app-header.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/app-header/app-header.js
@@ -1,7 +1,7 @@
 define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-layout.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/legacy/polymer.dom.js", "../../polymer/lib/utils/html-tag.js", "../app-layout-behavior/app-layout-behavior.js", "../app-scroll-effects/app-scroll-effects-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _polymerFn, _polymerDom, _htmlTag, _appLayoutBehavior, _appScrollEffectsBehavior) {
   "use strict";
 
-  var _templateObject_9c51fdb01f0511ed8cc3e9a95995ad69;
+  var _templateObject_77c4d5001f2611eda0c389891c227ec8;
 
   /**
   app-header is container element for app-toolbars at the top of the screen that
@@ -226,7 +226,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-lay
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_9c51fdb01f0511ed8cc3e9a95995ad69 || (_templateObject_9c51fdb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: relative;\n        display: block;\n        transition-timing-function: linear;\n        transition-property: -webkit-transform;\n        transition-property: transform;\n      }\n\n      :host::before {\n        position: absolute;\n        right: 0px;\n        bottom: -5px;\n        left: 0px;\n        width: 100%;\n        height: 5px;\n        content: \"\";\n        transition: opacity 0.4s;\n        pointer-events: none;\n        opacity: 0;\n        box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);\n        will-change: opacity;\n        @apply --app-header-shadow;\n      }\n\n      :host([shadow])::before {\n        opacity: 1;\n      }\n\n      #background {\n        @apply --layout-fit;\n        overflow: hidden;\n      }\n\n      #backgroundFrontLayer,\n      #backgroundRearLayer {\n        @apply --layout-fit;\n        height: 100%;\n        pointer-events: none;\n        background-size: cover;\n      }\n\n      #backgroundFrontLayer {\n        @apply --app-header-background-front-layer;\n      }\n\n      #backgroundRearLayer {\n        opacity: 0;\n        @apply --app-header-background-rear-layer;\n      }\n\n      #contentContainer {\n        position: relative;\n        width: 100%;\n        height: 100%;\n      }\n\n      :host([disabled]),\n      :host([disabled])::after,\n      :host([disabled]) #backgroundFrontLayer,\n      :host([disabled]) #backgroundRearLayer,\n      /* Silent scrolling should not run CSS transitions */\n      :host([silent-scroll]),\n      :host([silent-scroll])::after,\n      :host([silent-scroll]) #backgroundFrontLayer,\n      :host([silent-scroll]) #backgroundRearLayer {\n        transition: none !important;\n      }\n\n      :host([disabled]) ::slotted(app-toolbar:first-of-type),\n      :host([disabled]) ::slotted([sticky]),\n      /* Silent scrolling should not run CSS transitions */\n      :host([silent-scroll]) ::slotted(app-toolbar:first-of-type),\n      :host([silent-scroll]) ::slotted([sticky]) {\n        transition: none !important;\n      }\n\n    </style>\n    <div id=\"contentContainer\">\n      <slot id=\"slot\"></slot>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_77c4d5001f2611eda0c389891c227ec8 || (_templateObject_77c4d5001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: relative;\n        display: block;\n        transition-timing-function: linear;\n        transition-property: -webkit-transform;\n        transition-property: transform;\n      }\n\n      :host::before {\n        position: absolute;\n        right: 0px;\n        bottom: -5px;\n        left: 0px;\n        width: 100%;\n        height: 5px;\n        content: \"\";\n        transition: opacity 0.4s;\n        pointer-events: none;\n        opacity: 0;\n        box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);\n        will-change: opacity;\n        @apply --app-header-shadow;\n      }\n\n      :host([shadow])::before {\n        opacity: 1;\n      }\n\n      #background {\n        @apply --layout-fit;\n        overflow: hidden;\n      }\n\n      #backgroundFrontLayer,\n      #backgroundRearLayer {\n        @apply --layout-fit;\n        height: 100%;\n        pointer-events: none;\n        background-size: cover;\n      }\n\n      #backgroundFrontLayer {\n        @apply --app-header-background-front-layer;\n      }\n\n      #backgroundRearLayer {\n        opacity: 0;\n        @apply --app-header-background-rear-layer;\n      }\n\n      #contentContainer {\n        position: relative;\n        width: 100%;\n        height: 100%;\n      }\n\n      :host([disabled]),\n      :host([disabled])::after,\n      :host([disabled]) #backgroundFrontLayer,\n      :host([disabled]) #backgroundRearLayer,\n      /* Silent scrolling should not run CSS transitions */\n      :host([silent-scroll]),\n      :host([silent-scroll])::after,\n      :host([silent-scroll]) #backgroundFrontLayer,\n      :host([silent-scroll]) #backgroundRearLayer {\n        transition: none !important;\n      }\n\n      :host([disabled]) ::slotted(app-toolbar:first-of-type),\n      :host([disabled]) ::slotted([sticky]),\n      /* Silent scrolling should not run CSS transitions */\n      :host([silent-scroll]) ::slotted(app-toolbar:first-of-type),\n      :host([silent-scroll]) ::slotted([sticky]) {\n        transition: none !important;\n      }\n\n    </style>\n    <div id=\"contentContainer\">\n      <slot id=\"slot\"></slot>\n    </div>\n"]))),
     is: 'app-header',
     behaviors: [_appScrollEffectsBehavior.AppScrollEffectsBehavior, _appLayoutBehavior.AppLayoutBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/app-scroll-effects/test/x-container.js b/build/es5-amd/node_modules/@polymer/app-layout/app-scroll-effects/test/x-container.js
index 5121320b667..1b8457f293d 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/app-scroll-effects/test/x-container.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/app-scroll-effects/test/x-container.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../app-scroll-effects-behavior.js"], function (_polymerLegacy, _polymerFn, _htmlTag, _appScrollEffectsBehavior) {
   "use strict";
 
-  var _templateObject_988ae3901f0511ed8cc3e9a95995ad69;
+  var _templateObject_73a22d601f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_988ae3901f0511ed8cc3e9a95995ad69 || (_templateObject_988ae3901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: relative;\n        display: block;\n      }\n\n      #background,\n      #backgroundFrontLayer,\n      #backgroundRearLayer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n      }\n\n      #backgroundFrontLayer {\n        bottom: -200px;\n      }\n\n      #mainTitle, #condensedTitle {\n        display: block;\n        overflow: hidden;\n        margin: 0;\n        padding: 0;\n        position: absolute;\n      }\n\n      #mainTitle {\n        height: 18px;\n        top: 0;\n        left: 0;\n      }\n\n      #condensedTitle {\n        height: 37px;\n        top: 100px;\n        left: 100px;\n      }\n\n    </style>\n\n    <div id=\"background\"></div>\n    <div id=\"backgroundFrontLayer\"></div>\n    <div id=\"backgroundRearLayer\"></div>\n    <h4 id=\"mainTitle\">Title</h4>\n    <h1 id=\"condensedTitle\">Condensed title</h1>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_73a22d601f2611eda0c389891c227ec8 || (_templateObject_73a22d601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: relative;\n        display: block;\n      }\n\n      #background,\n      #backgroundFrontLayer,\n      #backgroundRearLayer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n      }\n\n      #backgroundFrontLayer {\n        bottom: -200px;\n      }\n\n      #mainTitle, #condensedTitle {\n        display: block;\n        overflow: hidden;\n        margin: 0;\n        padding: 0;\n        position: absolute;\n      }\n\n      #mainTitle {\n        height: 18px;\n        top: 0;\n        left: 0;\n      }\n\n      #condensedTitle {\n        height: 37px;\n        top: 100px;\n        left: 100px;\n      }\n\n    </style>\n\n    <div id=\"background\"></div>\n    <div id=\"backgroundFrontLayer\"></div>\n    <div id=\"backgroundRearLayer\"></div>\n    <h4 id=\"mainTitle\">Title</h4>\n    <h1 id=\"condensedTitle\">Condensed title</h1>\n"]))),
     is: 'x-container',
     behaviors: [_appScrollEffectsBehavior.AppScrollEffectsBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/app-toolbar/app-toolbar.js b/build/es5-amd/node_modules/@polymer/app-layout/app-toolbar/app-toolbar.js
index 2b61243dfa9..71df605cbc3 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/app-toolbar/app-toolbar.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/app-toolbar/app-toolbar.js
@@ -1,7 +1,7 @@
 define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-layout.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9dbead101f0511ed8cc3e9a95995ad69;
+  var _templateObject_78d078a01f2611eda0c389891c227ec8;
 
   /**
   app-toolbar is a horizontal toolbar containing items that can be used for
@@ -51,7 +51,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-lay
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_9dbead101f0511ed8cc3e9a95995ad69 || (_templateObject_9dbead101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        position: relative;\n        height: 64px;\n        padding: 0 16px;\n        pointer-events: none;\n        font-size: var(--app-toolbar-font-size, 20px);\n      }\n\n      :host ::slotted(*) {\n        pointer-events: auto;\n      }\n\n      :host ::slotted(paper-icon-button) {\n        /* paper-icon-button/issues/33 */\n        font-size: 0;\n      }\n\n      :host ::slotted([main-title]),\n      :host ::slotted([condensed-title]) {\n        pointer-events: none;\n        @apply --layout-flex;\n      }\n\n      :host ::slotted([bottom-item]) {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n\n      :host ::slotted([top-item]) {\n        position: absolute;\n        top: 0;\n        right: 0;\n        left: 0;\n      }\n\n      :host ::slotted([spacer]) {\n        margin-left: 64px;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_78d078a01f2611eda0c389891c227ec8 || (_templateObject_78d078a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        position: relative;\n        height: 64px;\n        padding: 0 16px;\n        pointer-events: none;\n        font-size: var(--app-toolbar-font-size, 20px);\n      }\n\n      :host ::slotted(*) {\n        pointer-events: auto;\n      }\n\n      :host ::slotted(paper-icon-button) {\n        /* paper-icon-button/issues/33 */\n        font-size: 0;\n      }\n\n      :host ::slotted([main-title]),\n      :host ::slotted([condensed-title]) {\n        pointer-events: none;\n        @apply --layout-flex;\n      }\n\n      :host ::slotted([bottom-item]) {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n\n      :host ::slotted([top-item]) {\n        position: absolute;\n        top: 0;\n        right: 0;\n        left: 0;\n      }\n\n      :host ::slotted([spacer]) {\n        margin-left: 64px;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
     is: 'app-toolbar'
   });
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/patterns/transform-navigation/x-app.js b/build/es5-amd/node_modules/@polymer/app-layout/patterns/transform-navigation/x-app.js
index 39405023de9..f636d1a35b2 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/patterns/transform-navigation/x-app.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/patterns/transform-navigation/x-app.js
@@ -1,10 +1,10 @@
 define(["../../app-drawer-layout/app-drawer-layout.js", "../../app-drawer/app-drawer.js", "../../app-header/app-header.js", "../../app-header-layout/app-header-layout.js", "../../app-toolbar/app-toolbar.js", "../../../iron-flex-layout/iron-flex-layout.js", "../../../iron-icons/iron-icons.js", "../../../iron-media-query/iron-media-query.js", "../../../paper-icon-button/paper-icon-button.js", "../../../paper-item/paper-item.js", "../../../paper-listbox/paper-listbox.js", "../../../paper-tabs/paper-tabs.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_appDrawerLayout, _appDrawer, _appHeader, _appHeaderLayout, _appToolbar, _ironFlexLayout, _ironIcons, _ironMediaQuery, _paperIconButton, _paperItem, _paperListbox, _paperTabs, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_988f9e801f0511ed8cc3e9a95995ad69;
+  var _templateObject_73a588c01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_988f9e801f0511ed8cc3e9a95995ad69 || (_templateObject_988f9e801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      app-toolbar {\n        background-color: #dcdcdc;\n      }\n\n      .main-header {\n        box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.4);\n      }\n\n      paper-tabs {\n        --paper-tabs-selection-bar-color: black;\n        height: 100%;\n        max-width: 640px;\n      }\n\n      paper-tab {\n        --paper-tab-ink: #aaa;\n        text-transform: uppercase;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n\n    </style>\n\n    <app-drawer-layout force-narrow>\n\n      <app-drawer id=\"drawer\" slot=\"drawer\">\n\n        <app-toolbar></app-toolbar>\n\n        <!-- Nav on mobile: side nav menu -->\n        <paper-listbox selected=\"{{selected}}\" attr-for-selected=\"name\">\n          <template is=\"dom-repeat\" items=\"{{items}}\">\n            <paper-item name$=\"{{item}}\">{{item}}</paper-item>\n          </template>\n        </paper-listbox>\n\n      </app-drawer>\n\n      <app-header-layout>\n        <app-header class=\"main-header\" slot=\"header\">\n\n          <app-toolbar>\n            <paper-icon-button class=\"menu-button\" icon=\"menu\" drawer-toggle hidden$=\"{{wideLayout}}\"></paper-icon-button>\n          </app-toolbar>\n\n          <app-toolbar class=\"tabs-bar\" hidden$=\"{{!wideLayout}}\">\n            <!-- Nav on desktop: tabs -->\n            <paper-tabs selected=\"{{selected}}\" attr-for-selected=\"name\">\n              <template is=\"dom-repeat\" items=\"{{items}}\">\n                <paper-tab name$=\"{{item}}\">{{item}}</paper-tab>\n              </template>\n            </paper-tabs>\n          </app-toolbar>\n\n        </app-header>\n      </app-header-layout>\n\n    </app-drawer-layout>\n\n    <iron-media-query query=\"min-width: 600px\" query-matches=\"{{wideLayout}}\"></iron-media-query>\n"], ["\n    <style>\n\n      app-toolbar {\n        background-color: #dcdcdc;\n      }\n\n      .main-header {\n        box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.4);\n      }\n\n      paper-tabs {\n        --paper-tabs-selection-bar-color: black;\n        height: 100%;\n        max-width: 640px;\n      }\n\n      paper-tab {\n        --paper-tab-ink: #aaa;\n        text-transform: uppercase;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n\n    </style>\n\n    <app-drawer-layout force-narrow>\n\n      <app-drawer id=\"drawer\" slot=\"drawer\">\n\n        <app-toolbar></app-toolbar>\n\n        <!-- Nav on mobile: side nav menu -->\n        <paper-listbox selected=\"{{selected}}\" attr-for-selected=\"name\">\n          <template is=\"dom-repeat\" items=\"{{items}}\">\n            <paper-item name\\$=\"{{item}}\">{{item}}</paper-item>\n          </template>\n        </paper-listbox>\n\n      </app-drawer>\n\n      <app-header-layout>\n        <app-header class=\"main-header\" slot=\"header\">\n\n          <app-toolbar>\n            <paper-icon-button class=\"menu-button\" icon=\"menu\" drawer-toggle hidden\\$=\"{{wideLayout}}\"></paper-icon-button>\n          </app-toolbar>\n\n          <app-toolbar class=\"tabs-bar\" hidden\\$=\"{{!wideLayout}}\">\n            <!-- Nav on desktop: tabs -->\n            <paper-tabs selected=\"{{selected}}\" attr-for-selected=\"name\">\n              <template is=\"dom-repeat\" items=\"{{items}}\">\n                <paper-tab name\\$=\"{{item}}\">{{item}}</paper-tab>\n              </template>\n            </paper-tabs>\n          </app-toolbar>\n\n        </app-header>\n      </app-header-layout>\n\n    </app-drawer-layout>\n\n    <iron-media-query query=\"min-width: 600px\" query-matches=\"{{wideLayout}}\"></iron-media-query>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_73a588c01f2611eda0c389891c227ec8 || (_templateObject_73a588c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      app-toolbar {\n        background-color: #dcdcdc;\n      }\n\n      .main-header {\n        box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.4);\n      }\n\n      paper-tabs {\n        --paper-tabs-selection-bar-color: black;\n        height: 100%;\n        max-width: 640px;\n      }\n\n      paper-tab {\n        --paper-tab-ink: #aaa;\n        text-transform: uppercase;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n\n    </style>\n\n    <app-drawer-layout force-narrow>\n\n      <app-drawer id=\"drawer\" slot=\"drawer\">\n\n        <app-toolbar></app-toolbar>\n\n        <!-- Nav on mobile: side nav menu -->\n        <paper-listbox selected=\"{{selected}}\" attr-for-selected=\"name\">\n          <template is=\"dom-repeat\" items=\"{{items}}\">\n            <paper-item name$=\"{{item}}\">{{item}}</paper-item>\n          </template>\n        </paper-listbox>\n\n      </app-drawer>\n\n      <app-header-layout>\n        <app-header class=\"main-header\" slot=\"header\">\n\n          <app-toolbar>\n            <paper-icon-button class=\"menu-button\" icon=\"menu\" drawer-toggle hidden$=\"{{wideLayout}}\"></paper-icon-button>\n          </app-toolbar>\n\n          <app-toolbar class=\"tabs-bar\" hidden$=\"{{!wideLayout}}\">\n            <!-- Nav on desktop: tabs -->\n            <paper-tabs selected=\"{{selected}}\" attr-for-selected=\"name\">\n              <template is=\"dom-repeat\" items=\"{{items}}\">\n                <paper-tab name$=\"{{item}}\">{{item}}</paper-tab>\n              </template>\n            </paper-tabs>\n          </app-toolbar>\n\n        </app-header>\n      </app-header-layout>\n\n    </app-drawer-layout>\n\n    <iron-media-query query=\"min-width: 600px\" query-matches=\"{{wideLayout}}\"></iron-media-query>\n"], ["\n    <style>\n\n      app-toolbar {\n        background-color: #dcdcdc;\n      }\n\n      .main-header {\n        box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.4);\n      }\n\n      paper-tabs {\n        --paper-tabs-selection-bar-color: black;\n        height: 100%;\n        max-width: 640px;\n      }\n\n      paper-tab {\n        --paper-tab-ink: #aaa;\n        text-transform: uppercase;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n\n    </style>\n\n    <app-drawer-layout force-narrow>\n\n      <app-drawer id=\"drawer\" slot=\"drawer\">\n\n        <app-toolbar></app-toolbar>\n\n        <!-- Nav on mobile: side nav menu -->\n        <paper-listbox selected=\"{{selected}}\" attr-for-selected=\"name\">\n          <template is=\"dom-repeat\" items=\"{{items}}\">\n            <paper-item name\\$=\"{{item}}\">{{item}}</paper-item>\n          </template>\n        </paper-listbox>\n\n      </app-drawer>\n\n      <app-header-layout>\n        <app-header class=\"main-header\" slot=\"header\">\n\n          <app-toolbar>\n            <paper-icon-button class=\"menu-button\" icon=\"menu\" drawer-toggle hidden\\$=\"{{wideLayout}}\"></paper-icon-button>\n          </app-toolbar>\n\n          <app-toolbar class=\"tabs-bar\" hidden\\$=\"{{!wideLayout}}\">\n            <!-- Nav on desktop: tabs -->\n            <paper-tabs selected=\"{{selected}}\" attr-for-selected=\"name\">\n              <template is=\"dom-repeat\" items=\"{{items}}\">\n                <paper-tab name\\$=\"{{item}}\">{{item}}</paper-tab>\n              </template>\n            </paper-tabs>\n          </app-toolbar>\n\n        </app-header>\n      </app-header-layout>\n\n    </app-drawer-layout>\n\n    <iron-media-query query=\"min-width: 600px\" query-matches=\"{{wideLayout}}\"></iron-media-query>\n"]))),
     is: 'x-app',
     properties: {
       selected: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/getting-started/x-app.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/getting-started/x-app.js
index 9554d6be37b..e41a36302b1 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/getting-started/x-app.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/getting-started/x-app.js
@@ -1,10 +1,10 @@
 define(["../../../iron-icons/iron-icons.js", "../../../paper-icon-button/paper-icon-button.js", "../../app-drawer-layout/app-drawer-layout.js", "../../app-drawer/app-drawer.js", "../../app-scroll-effects/app-scroll-effects.js", "../../app-header/app-header.js", "../../app-header-layout/app-header-layout.js", "../../app-toolbar/app-toolbar.js", "../../demo/sample-content.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_ironIcons, _paperIconButton, _appDrawerLayout, _appDrawer, _appScrollEffects, _appHeader, _appHeaderLayout, _appToolbar, _sampleContent, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_98c973301f0511ed8cc3e9a95995ad69;
+  var _templateObject_73e8ac401f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_98c973301f0511ed8cc3e9a95995ad69 || (_templateObject_98c973301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      app-header {\n        background-color: #00897B;\n        color: #fff;\n      }\n\n      paper-icon-button {\n        --paper-icon-button-ink-color: white;\n      }\n\n      app-drawer-layout:not([narrow]) [drawer-toggle] {\n        display: none;\n      }\n\n    </style>\n\n    <app-drawer-layout>\n\n      <app-drawer slot=\"drawer\">\n        <app-toolbar>Getting Started</app-toolbar>\n      </app-drawer>\n\n      <app-header-layout>\n\n        <app-header slot=\"header\" reveals effects=\"waterfall\">\n          <app-toolbar>\n            <paper-icon-button icon=\"menu\" drawer-toggle></paper-icon-button>\n            <div main-title>Title</div>\n          </app-toolbar>\n        </app-header>\n\n        <sample-content size=\"100\"></sample-content>\n\n      </app-header-layout>\n\n    </app-drawer-layout>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_73e8ac401f2611eda0c389891c227ec8 || (_templateObject_73e8ac401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      app-header {\n        background-color: #00897B;\n        color: #fff;\n      }\n\n      paper-icon-button {\n        --paper-icon-button-ink-color: white;\n      }\n\n      app-drawer-layout:not([narrow]) [drawer-toggle] {\n        display: none;\n      }\n\n    </style>\n\n    <app-drawer-layout>\n\n      <app-drawer slot=\"drawer\">\n        <app-toolbar>Getting Started</app-toolbar>\n      </app-drawer>\n\n      <app-header-layout>\n\n        <app-header slot=\"header\" reveals effects=\"waterfall\">\n          <app-toolbar>\n            <paper-icon-button icon=\"menu\" drawer-toggle></paper-icon-button>\n            <div main-title>Title</div>\n          </app-toolbar>\n        </app-header>\n\n        <sample-content size=\"100\"></sample-content>\n\n      </app-header-layout>\n\n    </app-drawer-layout>\n"]))),
     is: 'x-app'
   });
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/landing-page/x-app.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/landing-page/x-app.js
index e61b099a92e..a799faff89b 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/landing-page/x-app.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/landing-page/x-app.js
@@ -1,10 +1,10 @@
 define(["../../../iron-flex-layout/iron-flex-layout.js", "../../../iron-icons/iron-icons.js", "../../../paper-icon-button/paper-icon-button.js", "../../app-scroll-effects/app-scroll-effects.js", "../../app-header/app-header.js", "../../app-header-layout/app-header-layout.js", "../../app-toolbar/app-toolbar.js", "../../demo/sample-content.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_ironFlexLayout, _ironIcons, _paperIconButton, _appScrollEffects, _appHeader, _appHeaderLayout, _appToolbar, _sampleContent, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_98cdb8f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_73ec7cd01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_98cdb8f01f0511ed8cc3e9a95995ad69 || (_templateObject_98cdb8f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      a {\n        text-decoration: none;\n        font-size: inherit;\n        color: inherit;\n      }\n\n      .toolbar {\n        @apply --layout-horizontal;\n        @apply --layout-end-justified;\n        background-color: rgba(255, 255, 255, 0.95);\n      }\n\n      .tabs {\n        height: 100%;\n        @apply --layout-horizontal;\n      }\n\n      .tabs > a {\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n        margin: 12px 16px 12px;\n        border-bottom: 1px solid #222;\n      }\n\n      header {\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n        height: calc(100vh - 64px);\n        padding: 0 16px;\n        background-image: url('//app-layout-assets.appspot.com/assets/landing-page/glass_explorer_food_2.png');\n        background-repeat: no-repeat;\n        background-size: cover;\n        color: white;\n        text-align: center;\n      }\n\n      header > h2 {\n        font-size: 56px;\n        font-weight: 300;\n        margin: 0;\n      }\n\n      header > p {\n        font-size: 32px;\n      }\n\n      section {\n        padding: 88px 16px;\n      }\n\n      .container {\n        @apply --layout-horizontal;\n        max-width: 800px;\n        margin: 0 auto;\n      }\n\n      .container > * {\n        @apply --layout-flex;\n      }\n\n      .container img {\n        max-width: 100%;\n        max-height: 100%;\n      }\n\n      .container h3 {\n        font-size: 32px;\n        font-weight: 300;\n        margin: 24px 0;\n      }\n\n      .container p {\n        line-height: 1.5;\n      }\n\n      @media (max-width: 600px) {\n        .container {\n          @apply --layout-vertical;\n        }\n      }\n\n    </style>\n\n    <app-header-layout>\n\n      <app-header reveals effects=\"waterfall\" slot=\"header\">\n\n        <app-toolbar class=\"toolbar\">\n          <div class=\"tabs\">\n            <a href=\"#about\">About</a>\n            <a href=\"#services\">Services</a>\n            <a href=\"#contact\">Contact</a>\n          </div>\n        </app-toolbar>\n\n      </app-header>\n\n      <header>\n        <h2>Welcome To Our Landing Page</h2>\n        <p>Made with App Layout Elements</p>\n      </header>\n\n      <section id=\"about\">\n        <div class=\"container\">\n          <div>\n            <img src=\"//app-layout-assets.appspot.com/assets/landing-page/berries.jpg\">\n          </div>\n          <div>\n            <h3>About</h3>\n            <p>Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea. Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.</p>\n            <p>Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no. Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no.</p>\n          </div>\n        </div>\n      </section>\n\n      <section id=\"services\">\n        <div class=\"container\">\n          <div>\n            <img src=\"//app-layout-assets.appspot.com/assets/landing-page/tomato.jpg\">\n          </div>\n          <div>\n            <h3>Services</h3>\n            <p>Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea. Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.</p>\n            <p>Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no. Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no.</p>\n          </div>\n        </div>\n      </section>\n\n      <section id=\"contact\">\n        <div class=\"container\">\n          <div>\n            <img src=\"//app-layout-assets.appspot.com/assets/landing-page/red-onion.jpg\">\n          </div>\n          <div>\n            <h3>Contact</h3>\n            <p>Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea. Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.</p>\n            <p>Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no. Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no.</p>\n          </div>\n        </div>\n      </section>\n\n    </app-header-layout>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_73ec7cd01f2611eda0c389891c227ec8 || (_templateObject_73ec7cd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      a {\n        text-decoration: none;\n        font-size: inherit;\n        color: inherit;\n      }\n\n      .toolbar {\n        @apply --layout-horizontal;\n        @apply --layout-end-justified;\n        background-color: rgba(255, 255, 255, 0.95);\n      }\n\n      .tabs {\n        height: 100%;\n        @apply --layout-horizontal;\n      }\n\n      .tabs > a {\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n        margin: 12px 16px 12px;\n        border-bottom: 1px solid #222;\n      }\n\n      header {\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n        height: calc(100vh - 64px);\n        padding: 0 16px;\n        background-image: url('//app-layout-assets.appspot.com/assets/landing-page/glass_explorer_food_2.png');\n        background-repeat: no-repeat;\n        background-size: cover;\n        color: white;\n        text-align: center;\n      }\n\n      header > h2 {\n        font-size: 56px;\n        font-weight: 300;\n        margin: 0;\n      }\n\n      header > p {\n        font-size: 32px;\n      }\n\n      section {\n        padding: 88px 16px;\n      }\n\n      .container {\n        @apply --layout-horizontal;\n        max-width: 800px;\n        margin: 0 auto;\n      }\n\n      .container > * {\n        @apply --layout-flex;\n      }\n\n      .container img {\n        max-width: 100%;\n        max-height: 100%;\n      }\n\n      .container h3 {\n        font-size: 32px;\n        font-weight: 300;\n        margin: 24px 0;\n      }\n\n      .container p {\n        line-height: 1.5;\n      }\n\n      @media (max-width: 600px) {\n        .container {\n          @apply --layout-vertical;\n        }\n      }\n\n    </style>\n\n    <app-header-layout>\n\n      <app-header reveals effects=\"waterfall\" slot=\"header\">\n\n        <app-toolbar class=\"toolbar\">\n          <div class=\"tabs\">\n            <a href=\"#about\">About</a>\n            <a href=\"#services\">Services</a>\n            <a href=\"#contact\">Contact</a>\n          </div>\n        </app-toolbar>\n\n      </app-header>\n\n      <header>\n        <h2>Welcome To Our Landing Page</h2>\n        <p>Made with App Layout Elements</p>\n      </header>\n\n      <section id=\"about\">\n        <div class=\"container\">\n          <div>\n            <img src=\"//app-layout-assets.appspot.com/assets/landing-page/berries.jpg\">\n          </div>\n          <div>\n            <h3>About</h3>\n            <p>Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea. Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.</p>\n            <p>Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no. Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no.</p>\n          </div>\n        </div>\n      </section>\n\n      <section id=\"services\">\n        <div class=\"container\">\n          <div>\n            <img src=\"//app-layout-assets.appspot.com/assets/landing-page/tomato.jpg\">\n          </div>\n          <div>\n            <h3>Services</h3>\n            <p>Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea. Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.</p>\n            <p>Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no. Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no.</p>\n          </div>\n        </div>\n      </section>\n\n      <section id=\"contact\">\n        <div class=\"container\">\n          <div>\n            <img src=\"//app-layout-assets.appspot.com/assets/landing-page/red-onion.jpg\">\n          </div>\n          <div>\n            <h3>Contact</h3>\n            <p>Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea. Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.</p>\n            <p>Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no. Convenire definiebas scriptorem eu cum. Sit dolor dicunt consectetuer no.</p>\n          </div>\n        </div>\n      </section>\n\n    </app-header-layout>\n"]))),
     is: 'x-app'
   });
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-app.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-app.js
index 431d8d87220..7e99dd8dd95 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-app.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-app.js
@@ -1,10 +1,10 @@
 define(["../../../../app-route/app-location.js", "../../../../app-route/app-route.js", "../../../../iron-flex-layout/iron-flex-layout.js", "../../../../iron-pages/iron-pages.js", "../../../../iron-selector/iron-selector.js", "../../../../paper-icon-button/paper-icon-button.js", "../../../../paper-item/paper-item.js", "../../../../paper-listbox/paper-listbox.js", "../../../app-drawer-layout/app-drawer-layout.js", "../../../app-drawer/app-drawer.js", "../../../app-header-layout/app-header-layout.js", "../../../app-header/app-header.js", "../../../app-toolbar/app-toolbar.js", "./recipe-detail.js", "./recipe-list.js", "./app-icons.js", "../../../helpers/helpers.js", "../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_appLocation, _appRoute, _ironFlexLayout, _ironPages, _ironSelector, _paperIconButton, _paperItem, _paperListbox, _appDrawerLayout, _appDrawer, _appHeaderLayout, _appHeader, _appToolbar, _recipeDetail, _recipeList, _appIcons, _helpers, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bad32301f0511ed8cc3e9a95995ad69;
+  var _templateObject_771693a01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9bad32301f0511ed8cc3e9a95995ad69 || (_templateObject_9bad32301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n    :host {\n      --paper-font-common-base: {\n        font-family: Raleway, sans-serif;\n      };\n    }\n\n    app-drawer-layout:not([narrow]) [drawer-toggle] {\n      display: none;\n    }\n\n    .avatar-container {\n      position: relative;\n      border: 2px solid #00AA8D;\n      border-radius: 50%;\n      height: 90px;\n      padding: 2px;\n      width: 90px;\n      margin: 20px auto;\n    }\n\n    .avatar-container .image {\n      background-image: url('//app-layout-assets.appspot.com/assets/pesto/avatar.jpg');\n      background-size: contain;\n      border-radius: 50%;\n      height: 100%;\n      width: 100%;\n    }\n\n    .contact-info {\n      margin: 0 20px;\n      padding-bottom: 20px;\n      border-bottom: 1px solid #CCC;\n      text-align: center;\n    }\n\n    .contact-info .name {\n      font-weight: bold;\n    }\n\n    .contact-info .email {\n      color: #999;\n    }\n\n    paper-item {\n      height: 54px;\n    }\n\n    paper-item > a {\n      width: 100%;\n      height: 100%;\n      line-height: 54px;\n      text-align: center;\n      text-decoration: none;\n      color: black;\n    }\n\n    paper-icon-button {\n      --paper-icon-button-ink-color: white;\n    }\n    </style>\n\n    <app-location route=\"{{_route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{_route}}\" pattern=\"/:page\" data=\"{{_pageData}}\" tail=\"{{_subRoute}}\"></app-route>\n    <app-route route=\"{{_subRoute}}\" pattern=\"/:id\" data=\"{{_idData}}\"></app-route>\n\n    <app-drawer-layout responsive-width=\"1280px\">\n\n      <!-- nav panel -->\n      <app-drawer id=\"drawer\" swipe-open slot=\"drawer\">\n        <app-header-layout has-scrolling-region>\n\n          <app-header fixed slot=\"header\">\n            <div class=\"avatar-container\">\n              <div class=\"image\"></div>\n            </div>\n            <div class=\"contact-info\">\n              <div class=\"name\">Jonathan</div>\n              <div class=\"email\">heyfromjonathan@gmail.com</div>\n            </div>\n          </app-header>\n\n          <!-- nav menu -->\n          <!-- Two way binding to the selected property has been removed due to polymer/issues/4405 -->\n          <paper-listbox selected=\"[[_pageData.page]]\" attr-for-selected=\"name\" on-iron-activate=\"_drawerSelected\">\n            <paper-item name=\"home\">\n              <a href=\"#/home\" name=\"name\">Home</a>\n            </paper-item>\n            <paper-item name=\"favorites\">\n              <a href=\"#/favorites\" name=\"name\">Favorites</a>\n            </paper-item>\n            <paper-item name=\"saved\">\n              <a href=\"#/saved\" name=\"name\">Saved</a>\n            </paper-item>\n            <paper-item name=\"trending\">\n              <a href=\"#/trending\" name=\"name\">Trending</a>\n            </paper-item>\n          </paper-listbox>\n        </app-header-layout>\n      </app-drawer>\n\n      <!-- list/detail pages -->\n      <iron-pages selected=\"[[_selectedPage]]\" attr-for-selected=\"name\">\n\n        <recipe-list name=\"home\" recipes=\"[[recipes]]\">\n          <paper-icon-button icon=\"app:menu\" drawer-toggle slot=\"drawer-toggle\"></paper-icon-button>\n        </recipe-list>\n\n        <recipe-list name=\"favorites\">\n          <paper-icon-button icon=\"app:menu\" drawer-toggle slot=\"drawer-toggle\"></paper-icon-button>\n        </recipe-list>\n\n        <recipe-list name=\"saved\">\n          <paper-icon-button icon=\"app:menu\" drawer-toggle slot=\"drawer-toggle\"></paper-icon-button>\n        </recipe-list>\n\n        <recipe-list name=\"trending\">\n          <paper-icon-button icon=\"app:menu\" drawer-toggle slot=\"drawer-toggle\"></paper-icon-button>\n        </recipe-list>\n\n        <recipe-detail id=\"detailView\" name=\"detail\" recipe=\"[[_getRecipe(recipes, _idData.id)]]\"></recipe-detail>\n\n      </iron-pages>\n\n    </app-drawer-layout>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_771693a01f2611eda0c389891c227ec8 || (_templateObject_771693a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n    :host {\n      --paper-font-common-base: {\n        font-family: Raleway, sans-serif;\n      };\n    }\n\n    app-drawer-layout:not([narrow]) [drawer-toggle] {\n      display: none;\n    }\n\n    .avatar-container {\n      position: relative;\n      border: 2px solid #00AA8D;\n      border-radius: 50%;\n      height: 90px;\n      padding: 2px;\n      width: 90px;\n      margin: 20px auto;\n    }\n\n    .avatar-container .image {\n      background-image: url('//app-layout-assets.appspot.com/assets/pesto/avatar.jpg');\n      background-size: contain;\n      border-radius: 50%;\n      height: 100%;\n      width: 100%;\n    }\n\n    .contact-info {\n      margin: 0 20px;\n      padding-bottom: 20px;\n      border-bottom: 1px solid #CCC;\n      text-align: center;\n    }\n\n    .contact-info .name {\n      font-weight: bold;\n    }\n\n    .contact-info .email {\n      color: #999;\n    }\n\n    paper-item {\n      height: 54px;\n    }\n\n    paper-item > a {\n      width: 100%;\n      height: 100%;\n      line-height: 54px;\n      text-align: center;\n      text-decoration: none;\n      color: black;\n    }\n\n    paper-icon-button {\n      --paper-icon-button-ink-color: white;\n    }\n    </style>\n\n    <app-location route=\"{{_route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{_route}}\" pattern=\"/:page\" data=\"{{_pageData}}\" tail=\"{{_subRoute}}\"></app-route>\n    <app-route route=\"{{_subRoute}}\" pattern=\"/:id\" data=\"{{_idData}}\"></app-route>\n\n    <app-drawer-layout responsive-width=\"1280px\">\n\n      <!-- nav panel -->\n      <app-drawer id=\"drawer\" swipe-open slot=\"drawer\">\n        <app-header-layout has-scrolling-region>\n\n          <app-header fixed slot=\"header\">\n            <div class=\"avatar-container\">\n              <div class=\"image\"></div>\n            </div>\n            <div class=\"contact-info\">\n              <div class=\"name\">Jonathan</div>\n              <div class=\"email\">heyfromjonathan@gmail.com</div>\n            </div>\n          </app-header>\n\n          <!-- nav menu -->\n          <!-- Two way binding to the selected property has been removed due to polymer/issues/4405 -->\n          <paper-listbox selected=\"[[_pageData.page]]\" attr-for-selected=\"name\" on-iron-activate=\"_drawerSelected\">\n            <paper-item name=\"home\">\n              <a href=\"#/home\" name=\"name\">Home</a>\n            </paper-item>\n            <paper-item name=\"favorites\">\n              <a href=\"#/favorites\" name=\"name\">Favorites</a>\n            </paper-item>\n            <paper-item name=\"saved\">\n              <a href=\"#/saved\" name=\"name\">Saved</a>\n            </paper-item>\n            <paper-item name=\"trending\">\n              <a href=\"#/trending\" name=\"name\">Trending</a>\n            </paper-item>\n          </paper-listbox>\n        </app-header-layout>\n      </app-drawer>\n\n      <!-- list/detail pages -->\n      <iron-pages selected=\"[[_selectedPage]]\" attr-for-selected=\"name\">\n\n        <recipe-list name=\"home\" recipes=\"[[recipes]]\">\n          <paper-icon-button icon=\"app:menu\" drawer-toggle slot=\"drawer-toggle\"></paper-icon-button>\n        </recipe-list>\n\n        <recipe-list name=\"favorites\">\n          <paper-icon-button icon=\"app:menu\" drawer-toggle slot=\"drawer-toggle\"></paper-icon-button>\n        </recipe-list>\n\n        <recipe-list name=\"saved\">\n          <paper-icon-button icon=\"app:menu\" drawer-toggle slot=\"drawer-toggle\"></paper-icon-button>\n        </recipe-list>\n\n        <recipe-list name=\"trending\">\n          <paper-icon-button icon=\"app:menu\" drawer-toggle slot=\"drawer-toggle\"></paper-icon-button>\n        </recipe-list>\n\n        <recipe-detail id=\"detailView\" name=\"detail\" recipe=\"[[_getRecipe(recipes, _idData.id)]]\"></recipe-detail>\n\n      </iron-pages>\n\n    </app-drawer-layout>\n"]))),
     is: 'recipe-app',
     properties: {
       recipes: Object,
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-detail.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-detail.js
index 429f22ece60..4f855067f6d 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-detail.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-detail.js
@@ -1,10 +1,10 @@
 define(["../../../../iron-flex-layout/iron-flex-layout.js", "../../../../iron-icon/iron-icon.js", "../../../../paper-card/paper-card.js", "../../../../paper-fab/paper-fab.js", "../../../../paper-listbox/paper-listbox.js", "../../../../paper-icon-button/paper-icon-button.js", "../../../../paper-item/paper-icon-item.js", "../../../../paper-menu-button/paper-menu-button.js", "../../../app-header-layout/app-header-layout.js", "../../../app-header/app-header.js", "../../../app-scroll-effects/app-scroll-effects.js", "../../../app-toolbar/app-toolbar.js", "../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_ironFlexLayout, _ironIcon, _paperCard, _paperFab, _paperListbox, _paperIconButton, _paperIconItem, _paperMenuButton, _appHeaderLayout, _appHeader, _appScrollEffects, _appToolbar, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bb0dbb01f0511ed8cc3e9a95995ad69;
+  var _templateObject_773762101f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9bb0dbb01f0511ed8cc3e9a95995ad69 || (_templateObject_9bb0dbb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n    :host {\n      display: block;\n      background-attachment: fixed;\n      background-size: 100% auto;\n      background-repeat: no-repeat;\n    }\n\n    #header {\n      color: white;\n\n      --app-header-background-rear-layer: {\n        background-color: #00AA8D;\n      };\n    }\n\n    paper-icon-button {\n      color: white;\n      --paper-icon-button-ink-color: white;\n    }\n\n    .card-container {\n      position: relative;\n      width: 720px;\n      margin: 300px auto 40px;\n    }\n\n    paper-fab {\n      position: absolute;\n      top: -28px;\n      right: 40px;\n\n      --paper-fab-background: #EF5458;\n      --paper-fab-keyboard-focus-background: #DF4448;\n    }\n\n    paper-card {\n      padding: 16px 0 16px 100px;\n      width: 100%;\n      sizing: border-box;\n    }\n\n    paper-card p {\n      margin: 12px 0;\n      color: #999;\n    }\n\n    h4 {\n      margin: 60px 0 12px;\n    }\n\n    .ingredient-item {\n      margin: 20px 0;\n      @apply --layout-horizontal;\n    }\n\n    .ingredient-amount {\n      margin-left: -80px;\n      width: 60px;\n      padding-right: 20px;\n      color: rgb(33, 169, 143);\n      text-align: right;\n    }\n\n    .ingredient-name {\n      @apply --layout-flex;\n    }\n\n    @media (max-width: 720px) {\n\n      .card-container {\n        width: 100%;\n        margin: 150px 0 0;\n      }\n\n    }\n\n    </style>\n\n    <!-- main panel -->\n    <app-header-layout>\n\n      <app-header id=\"header\" effects=\"waterfall fade-background\" reveals slot=\"header\">\n\n        <!-- top toolbar -->\n        <app-toolbar>\n          <!-- back button -->\n          <a href=\"#/home\" tabindex=\"-1\">\n            <paper-icon-button icon=\"app:arrow-back\"></paper-icon-button>\n          </a>\n\n          <div main-title></div>\n\n          <paper-menu-button horizontal-align=\"right\">\n            <paper-icon-button icon=\"app:more-vert\" slot=\"dropdown-trigger\" alt=\"menu\"></paper-icon-button>\n            <paper-listbox slot=\"dropdown-content\">\n              <paper-icon-item>\n                <iron-icon icon=\"app:share\" slot=\"item-icon\"></iron-icon>\n                Tweet recipe\n              </paper-icon-item>\n              <paper-icon-item>\n                <iron-icon icon=\"app:email\" slot=\"item-icon\"></iron-icon>\n                Email recipe\n              </paper-icon-item>\n              <paper-icon-item>\n                <iron-icon icon=\"app:textsms\" slot=\"item-icon\"></iron-icon>\n                Message recipe\n              </paper-icon-item>\n              <paper-icon-item>\n                <iron-icon icon=\"app:group\" slot=\"item-icon\"></iron-icon>\n                Share on Facebook\n              </paper-icon-item>\n            </paper-listbox>\n          </paper-menu-button>\n        </app-toolbar>\n\n      </app-header>\n\n      <div class=\"card-container\">\n\n        <paper-card heading=\"{{recipe.name}}\">\n          <div class=\"card-content\">\n\n            <p>{{recipe.description}}</p>\n\n            <h4>Ingredients</h4>\n\n            <template is=\"dom-repeat\" items=\"{{recipe.ingredients}}\">\n              <div class=\"ingredient-item\">\n                <div class=\"ingredient-amount\">{{item.amount}}</div>\n                <div class=\"ingredient-name\">{{item.description}}</div>\n              </div>\n            </template>\n\n            <h4>Steps</h4>\n\n            <template is=\"dom-repeat\" items=\"{{recipe.steps}}\">\n              <div class=\"ingredient-item\">\n                <div class=\"ingredient-amount\">{{item.duration}}</div>\n                <div class=\"ingredient-name\">{{item.description}}</div>\n              </div>\n            </template>\n\n          </div>\n        </paper-card>\n\n        <paper-fab icon=\"{{__computeFavIcon(__favorite)}}\" on-tap=\"__toggleFavorite\"></paper-fab>\n      </div>\n\n    </app-header-layout>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_773762101f2611eda0c389891c227ec8 || (_templateObject_773762101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n    :host {\n      display: block;\n      background-attachment: fixed;\n      background-size: 100% auto;\n      background-repeat: no-repeat;\n    }\n\n    #header {\n      color: white;\n\n      --app-header-background-rear-layer: {\n        background-color: #00AA8D;\n      };\n    }\n\n    paper-icon-button {\n      color: white;\n      --paper-icon-button-ink-color: white;\n    }\n\n    .card-container {\n      position: relative;\n      width: 720px;\n      margin: 300px auto 40px;\n    }\n\n    paper-fab {\n      position: absolute;\n      top: -28px;\n      right: 40px;\n\n      --paper-fab-background: #EF5458;\n      --paper-fab-keyboard-focus-background: #DF4448;\n    }\n\n    paper-card {\n      padding: 16px 0 16px 100px;\n      width: 100%;\n      sizing: border-box;\n    }\n\n    paper-card p {\n      margin: 12px 0;\n      color: #999;\n    }\n\n    h4 {\n      margin: 60px 0 12px;\n    }\n\n    .ingredient-item {\n      margin: 20px 0;\n      @apply --layout-horizontal;\n    }\n\n    .ingredient-amount {\n      margin-left: -80px;\n      width: 60px;\n      padding-right: 20px;\n      color: rgb(33, 169, 143);\n      text-align: right;\n    }\n\n    .ingredient-name {\n      @apply --layout-flex;\n    }\n\n    @media (max-width: 720px) {\n\n      .card-container {\n        width: 100%;\n        margin: 150px 0 0;\n      }\n\n    }\n\n    </style>\n\n    <!-- main panel -->\n    <app-header-layout>\n\n      <app-header id=\"header\" effects=\"waterfall fade-background\" reveals slot=\"header\">\n\n        <!-- top toolbar -->\n        <app-toolbar>\n          <!-- back button -->\n          <a href=\"#/home\" tabindex=\"-1\">\n            <paper-icon-button icon=\"app:arrow-back\"></paper-icon-button>\n          </a>\n\n          <div main-title></div>\n\n          <paper-menu-button horizontal-align=\"right\">\n            <paper-icon-button icon=\"app:more-vert\" slot=\"dropdown-trigger\" alt=\"menu\"></paper-icon-button>\n            <paper-listbox slot=\"dropdown-content\">\n              <paper-icon-item>\n                <iron-icon icon=\"app:share\" slot=\"item-icon\"></iron-icon>\n                Tweet recipe\n              </paper-icon-item>\n              <paper-icon-item>\n                <iron-icon icon=\"app:email\" slot=\"item-icon\"></iron-icon>\n                Email recipe\n              </paper-icon-item>\n              <paper-icon-item>\n                <iron-icon icon=\"app:textsms\" slot=\"item-icon\"></iron-icon>\n                Message recipe\n              </paper-icon-item>\n              <paper-icon-item>\n                <iron-icon icon=\"app:group\" slot=\"item-icon\"></iron-icon>\n                Share on Facebook\n              </paper-icon-item>\n            </paper-listbox>\n          </paper-menu-button>\n        </app-toolbar>\n\n      </app-header>\n\n      <div class=\"card-container\">\n\n        <paper-card heading=\"{{recipe.name}}\">\n          <div class=\"card-content\">\n\n            <p>{{recipe.description}}</p>\n\n            <h4>Ingredients</h4>\n\n            <template is=\"dom-repeat\" items=\"{{recipe.ingredients}}\">\n              <div class=\"ingredient-item\">\n                <div class=\"ingredient-amount\">{{item.amount}}</div>\n                <div class=\"ingredient-name\">{{item.description}}</div>\n              </div>\n            </template>\n\n            <h4>Steps</h4>\n\n            <template is=\"dom-repeat\" items=\"{{recipe.steps}}\">\n              <div class=\"ingredient-item\">\n                <div class=\"ingredient-amount\">{{item.duration}}</div>\n                <div class=\"ingredient-name\">{{item.description}}</div>\n              </div>\n            </template>\n\n          </div>\n        </paper-card>\n\n        <paper-fab icon=\"{{__computeFavIcon(__favorite)}}\" on-tap=\"__toggleFavorite\"></paper-fab>\n      </div>\n\n    </app-header-layout>\n"]))),
     is: 'recipe-detail',
     properties: {
       recipe: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-list.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-list.js
index ddb1dcdab20..be922a11d1f 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-list.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/pesto/src/recipe-list.js
@@ -1,10 +1,10 @@
 define(["../../../../paper-card/paper-card.js", "../../../../paper-fab/paper-fab.js", "../../../app-header-layout/app-header-layout.js", "../../../app-header/app-header.js", "../../../app-scroll-effects/app-scroll-effects.js", "../../../app-toolbar/app-toolbar.js", "../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_paperCard, _paperFab, _appHeaderLayout, _appHeader, _appScrollEffects, _appToolbar, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bb485301f0511ed8cc3e9a95995ad69;
+  var _templateObject_7739fa201f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9bb485301f0511ed8cc3e9a95995ad69 || (_templateObject_9bb485301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n    app-header {\n      color: #fff;\n      background-color: #00AA8D;\n    }\n\n    app-toolbar {\n      height: 120px;\n    }\n\n    [condensed-title] {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background-image: url('//app-layout-assets.appspot.com/assets/pesto/logo_m.png');\n      background-repeat: no-repeat;\n      background-position: center center;\n      background-size: 90px;\n\n      /* The difference in font size is used to calculate the scale of the title in the transition. */\n      font-size: 16px;\n    }\n\n    [main-title] {\n      position: absolute;\n      top: -120px;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background-image: url('//app-layout-assets.appspot.com/assets/pesto/logo_l.png');\n      background-repeat: no-repeat;\n      background-position: center center;\n      background-size: 240px;\n      -webkit-transform-origin: center top !important;\n      transform-origin: center top !important;\n\n      /* The difference in font size is used to calculate the scale of the title in the transition. */\n      font-size: 32px;\n    }\n\n    .content {\n      display: block;\n      position: relative;\n      max-width: 1000px;\n      margin: 5px auto;\n    }\n\n    .card-container {\n      display: inline-block;\n      width: 33.33%;\n      color: black;\n      text-decoration: none;\n    }\n\n    paper-card {\n      display: block;\n      margin: 5px;\n\n      --paper-card-header-image: {\n        height: 200px;\n      }\n    }\n\n    paper-card h2 {\n      margin: 4px;\n      font-weight: normal;\n    }\n\n    paper-card p {\n      margin: 4px;\n      color: #999;\n    }\n\n    paper-fab {\n      position: fixed;\n      right: 24px;\n      bottom: 24px;\n\n      --paper-fab-background: #EF5458;\n      --paper-fab-keyboard-focus-background: #DF4448;\n    }\n\n    @media (max-width: 960px) {\n      .content {\n        max-width: 800px;\n      }\n\n      .card-container {\n        width: 50%;\n      }\n    }\n\n    @media (max-width: 719px) {\n      app-toolbar {\n        height: 60px;\n      }\n\n      [condensed-title] {\n        background-image: url('//app-layout-assets.appspot.com/assets/pesto/logo_s.png');\n        background-size: 60px;\n      }\n\n      [main-title] {\n        top: -60px;\n        background-image: url('//app-layout-assets.appspot.com/assets/pesto/logo_m.png');\n        background-size: 90px;\n      }\n\n      .content {\n        max-width: 400px;\n      }\n\n      .card-container {\n        width: 100%;\n      }\n    }\n\n    </style>\n\n    <!-- main panel -->\n    <app-header-layout>\n\n      <app-header effects=\"resize-title\" condenses fixed shadow slot=\"header\">\n        <app-toolbar class=\"top-toolbar\">\n          <slot name=\"drawer-toggle\"></slot>\n          <div condensed-title></div>\n        </app-toolbar>\n        <app-toolbar class=\"bottom-toolbar\">\n          <div main-title></div>\n        </app-toolbar>\n      </app-header>\n\n      <div class=\"content\">\n        <template is=\"dom-repeat\" items=\"{{recipes}}\"><!-- No empty text node\n        --><a href=\"#/detail/{{item.id}}\" class=\"card-container\">\n            <paper-card image=\"{{item.imageUrl}}\">\n              <div class=\"card-content\">\n                <h2>{{item.name}}</h2>\n                <p>By <span>{{item.author}}</span></p>\n              </div>\n            </paper-card>\n          </a><!-- No empty text node\n      --></template>\n      </div>\n\n    </app-header-layout>\n\n    <paper-fab icon=\"app:create\"></paper-fab>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7739fa201f2611eda0c389891c227ec8 || (_templateObject_7739fa201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n    app-header {\n      color: #fff;\n      background-color: #00AA8D;\n    }\n\n    app-toolbar {\n      height: 120px;\n    }\n\n    [condensed-title] {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background-image: url('//app-layout-assets.appspot.com/assets/pesto/logo_m.png');\n      background-repeat: no-repeat;\n      background-position: center center;\n      background-size: 90px;\n\n      /* The difference in font size is used to calculate the scale of the title in the transition. */\n      font-size: 16px;\n    }\n\n    [main-title] {\n      position: absolute;\n      top: -120px;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background-image: url('//app-layout-assets.appspot.com/assets/pesto/logo_l.png');\n      background-repeat: no-repeat;\n      background-position: center center;\n      background-size: 240px;\n      -webkit-transform-origin: center top !important;\n      transform-origin: center top !important;\n\n      /* The difference in font size is used to calculate the scale of the title in the transition. */\n      font-size: 32px;\n    }\n\n    .content {\n      display: block;\n      position: relative;\n      max-width: 1000px;\n      margin: 5px auto;\n    }\n\n    .card-container {\n      display: inline-block;\n      width: 33.33%;\n      color: black;\n      text-decoration: none;\n    }\n\n    paper-card {\n      display: block;\n      margin: 5px;\n\n      --paper-card-header-image: {\n        height: 200px;\n      }\n    }\n\n    paper-card h2 {\n      margin: 4px;\n      font-weight: normal;\n    }\n\n    paper-card p {\n      margin: 4px;\n      color: #999;\n    }\n\n    paper-fab {\n      position: fixed;\n      right: 24px;\n      bottom: 24px;\n\n      --paper-fab-background: #EF5458;\n      --paper-fab-keyboard-focus-background: #DF4448;\n    }\n\n    @media (max-width: 960px) {\n      .content {\n        max-width: 800px;\n      }\n\n      .card-container {\n        width: 50%;\n      }\n    }\n\n    @media (max-width: 719px) {\n      app-toolbar {\n        height: 60px;\n      }\n\n      [condensed-title] {\n        background-image: url('//app-layout-assets.appspot.com/assets/pesto/logo_s.png');\n        background-size: 60px;\n      }\n\n      [main-title] {\n        top: -60px;\n        background-image: url('//app-layout-assets.appspot.com/assets/pesto/logo_m.png');\n        background-size: 90px;\n      }\n\n      .content {\n        max-width: 400px;\n      }\n\n      .card-container {\n        width: 100%;\n      }\n    }\n\n    </style>\n\n    <!-- main panel -->\n    <app-header-layout>\n\n      <app-header effects=\"resize-title\" condenses fixed shadow slot=\"header\">\n        <app-toolbar class=\"top-toolbar\">\n          <slot name=\"drawer-toggle\"></slot>\n          <div condensed-title></div>\n        </app-toolbar>\n        <app-toolbar class=\"bottom-toolbar\">\n          <div main-title></div>\n        </app-toolbar>\n      </app-header>\n\n      <div class=\"content\">\n        <template is=\"dom-repeat\" items=\"{{recipes}}\"><!-- No empty text node\n        --><a href=\"#/detail/{{item.id}}\" class=\"card-container\">\n            <paper-card image=\"{{item.imageUrl}}\">\n              <div class=\"card-content\">\n                <h2>{{item.name}}</h2>\n                <p>By <span>{{item.author}}</span></p>\n              </div>\n            </paper-card>\n          </a><!-- No empty text node\n      --></template>\n      </div>\n\n    </app-header-layout>\n\n    <paper-fab icon=\"app:create\"></paper-fab>\n"]))),
     is: 'recipe-list',
     properties: {
       recipes: Object
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/article-detail.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/article-detail.js
index d6c2172ff8e..0e6db142938 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/article-detail.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/article-detail.js
@@ -1,10 +1,10 @@
 define(["../../../../paper-fab/paper-fab.js", "./app-icons.js", "../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_paperFab, _appIcons, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bf29fa01f0511ed8cc3e9a95995ad69;
+  var _templateObject_76ca48601f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9bf29fa01f0511ed8cc3e9a95995ad69 || (_templateObject_9bf29fa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        display: block;\n      }\n\n      .image {\n        height: 240px;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: contain;\n      }\n\n      .header {\n        position: relative;\n        padding: 24px 0;\n        text-align: center;\n        font-size: 14px;\n        letter-spacing: 1px;\n        color: #999;\n      }\n\n      .title {\n        padding: 16px 0;\n        font-size: 30px;\n        font-weight: 600;\n      }\n\n      paper-fab {\n        position: absolute;\n        top: -28px;;\n        right: 40px;\n        background-color: var(--app-primary-color);\n      }\n\n      .main {\n        padding: 24px 80px;\n        border-top: 1px solid #ddd;\n        font-size: 18px;\n        line-height: 32px;\n        letter-spacing: 1px;\n      }\n\n      h3 {\n        font-size: 24px;\n        font-weight: 400;\n        line-height: 32px;\n      }\n\n      /* narrow layout */\n      @media (max-width: 808px) {\n\n        .main {\n          padding: 24px;\n        }\n\n        /* position fab to the bottom right corner of the screen */\n        paper-fab {\n          position: fixed;\n          top: auto;\n          right: 24px;\n          bottom: 24px;\n        }\n\n      }\n\n    </style>\n\n    <div class=\"image\" style$=\"background-color: [[article.primaryColor]]; background-image: url('[[article.image]]')\"></div>\n\n    <div class=\"header\">\n      <div>[[article.author]]</div>\n      <div class=\"title\" style$=\"color: [[article.secondaryColor]];\">[[article.title]]</div>\n      <div>[[article.date]]</div>\n      <paper-fab icon=\"app:googleplus-reshare\"></paper-fab>\n    </div>\n\n    <section class=\"main\">\n      <h3>{{article.desc}}</h3>\n      <p>{{article.content}}</p>\n    </section>\n"], ["\n    <style>\n\n      :host {\n        display: block;\n      }\n\n      .image {\n        height: 240px;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: contain;\n      }\n\n      .header {\n        position: relative;\n        padding: 24px 0;\n        text-align: center;\n        font-size: 14px;\n        letter-spacing: 1px;\n        color: #999;\n      }\n\n      .title {\n        padding: 16px 0;\n        font-size: 30px;\n        font-weight: 600;\n      }\n\n      paper-fab {\n        position: absolute;\n        top: -28px;;\n        right: 40px;\n        background-color: var(--app-primary-color);\n      }\n\n      .main {\n        padding: 24px 80px;\n        border-top: 1px solid #ddd;\n        font-size: 18px;\n        line-height: 32px;\n        letter-spacing: 1px;\n      }\n\n      h3 {\n        font-size: 24px;\n        font-weight: 400;\n        line-height: 32px;\n      }\n\n      /* narrow layout */\n      @media (max-width: 808px) {\n\n        .main {\n          padding: 24px;\n        }\n\n        /* position fab to the bottom right corner of the screen */\n        paper-fab {\n          position: fixed;\n          top: auto;\n          right: 24px;\n          bottom: 24px;\n        }\n\n      }\n\n    </style>\n\n    <div class=\"image\" style\\$=\"background-color: [[article.primaryColor]]; background-image: url('[[article.image]]')\"></div>\n\n    <div class=\"header\">\n      <div>[[article.author]]</div>\n      <div class=\"title\" style\\$=\"color: [[article.secondaryColor]];\">[[article.title]]</div>\n      <div>[[article.date]]</div>\n      <paper-fab icon=\"app:googleplus-reshare\"></paper-fab>\n    </div>\n\n    <section class=\"main\">\n      <h3>{{article.desc}}</h3>\n      <p>{{article.content}}</p>\n    </section>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_76ca48601f2611eda0c389891c227ec8 || (_templateObject_76ca48601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        display: block;\n      }\n\n      .image {\n        height: 240px;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: contain;\n      }\n\n      .header {\n        position: relative;\n        padding: 24px 0;\n        text-align: center;\n        font-size: 14px;\n        letter-spacing: 1px;\n        color: #999;\n      }\n\n      .title {\n        padding: 16px 0;\n        font-size: 30px;\n        font-weight: 600;\n      }\n\n      paper-fab {\n        position: absolute;\n        top: -28px;;\n        right: 40px;\n        background-color: var(--app-primary-color);\n      }\n\n      .main {\n        padding: 24px 80px;\n        border-top: 1px solid #ddd;\n        font-size: 18px;\n        line-height: 32px;\n        letter-spacing: 1px;\n      }\n\n      h3 {\n        font-size: 24px;\n        font-weight: 400;\n        line-height: 32px;\n      }\n\n      /* narrow layout */\n      @media (max-width: 808px) {\n\n        .main {\n          padding: 24px;\n        }\n\n        /* position fab to the bottom right corner of the screen */\n        paper-fab {\n          position: fixed;\n          top: auto;\n          right: 24px;\n          bottom: 24px;\n        }\n\n      }\n\n    </style>\n\n    <div class=\"image\" style$=\"background-color: [[article.primaryColor]]; background-image: url('[[article.image]]')\"></div>\n\n    <div class=\"header\">\n      <div>[[article.author]]</div>\n      <div class=\"title\" style$=\"color: [[article.secondaryColor]];\">[[article.title]]</div>\n      <div>[[article.date]]</div>\n      <paper-fab icon=\"app:googleplus-reshare\"></paper-fab>\n    </div>\n\n    <section class=\"main\">\n      <h3>{{article.desc}}</h3>\n      <p>{{article.content}}</p>\n    </section>\n"], ["\n    <style>\n\n      :host {\n        display: block;\n      }\n\n      .image {\n        height: 240px;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: contain;\n      }\n\n      .header {\n        position: relative;\n        padding: 24px 0;\n        text-align: center;\n        font-size: 14px;\n        letter-spacing: 1px;\n        color: #999;\n      }\n\n      .title {\n        padding: 16px 0;\n        font-size: 30px;\n        font-weight: 600;\n      }\n\n      paper-fab {\n        position: absolute;\n        top: -28px;;\n        right: 40px;\n        background-color: var(--app-primary-color);\n      }\n\n      .main {\n        padding: 24px 80px;\n        border-top: 1px solid #ddd;\n        font-size: 18px;\n        line-height: 32px;\n        letter-spacing: 1px;\n      }\n\n      h3 {\n        font-size: 24px;\n        font-weight: 400;\n        line-height: 32px;\n      }\n\n      /* narrow layout */\n      @media (max-width: 808px) {\n\n        .main {\n          padding: 24px;\n        }\n\n        /* position fab to the bottom right corner of the screen */\n        paper-fab {\n          position: fixed;\n          top: auto;\n          right: 24px;\n          bottom: 24px;\n        }\n\n      }\n\n    </style>\n\n    <div class=\"image\" style\\$=\"background-color: [[article.primaryColor]]; background-image: url('[[article.image]]')\"></div>\n\n    <div class=\"header\">\n      <div>[[article.author]]</div>\n      <div class=\"title\" style\\$=\"color: [[article.secondaryColor]];\">[[article.title]]</div>\n      <div>[[article.date]]</div>\n      <paper-fab icon=\"app:googleplus-reshare\"></paper-fab>\n    </div>\n\n    <section class=\"main\">\n      <h3>{{article.desc}}</h3>\n      <p>{{article.content}}</p>\n    </section>\n"]))),
     is: 'article-detail',
     properties: {
       article: Object
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/article-headline.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/article-headline.js
index 23449b0c424..f0e8c26852e 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/article-headline.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/article-headline.js
@@ -1,10 +1,10 @@
 define(["../../../../iron-flex-layout/iron-flex-layout.js", "../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_ironFlexLayout, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bf893101f0511ed8cc3e9a95995ad69;
+  var _templateObject_76cb80e01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9bf893101f0511ed8cc3e9a95995ad69 || (_templateObject_9bf893101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        font-size: 22px;\n        line-height: 32px;\n      }\n\n      a {\n        @apply --layout-vertical;\n        height: 100%;\n        text-decoration: none;\n      }\n\n      .image {\n        @apply --layout-flex;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: contain;\n      }\n\n      .title {\n        height: 56px;\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        padding: 0 8px;\n        text-align: center;\n        letter-spacing: 0.8px;\n        color: #fff;\n      }\n\n    </style>\n\n    <a href$=\"[[href]]\">\n      <div class=\"image\" style$=\"background-color: [[article.primaryColor]]; background-image: url('[[article.image]]');\"></div>\n      <div class=\"title\" style$=\"background-color: [[article.secondaryColor]];\">[[article.title]]</div>\n    </a>\n"], ["\n    <style>\n\n      :host {\n        font-size: 22px;\n        line-height: 32px;\n      }\n\n      a {\n        @apply --layout-vertical;\n        height: 100%;\n        text-decoration: none;\n      }\n\n      .image {\n        @apply --layout-flex;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: contain;\n      }\n\n      .title {\n        height: 56px;\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        padding: 0 8px;\n        text-align: center;\n        letter-spacing: 0.8px;\n        color: #fff;\n      }\n\n    </style>\n\n    <a href\\$=\"[[href]]\">\n      <div class=\"image\" style\\$=\"background-color: [[article.primaryColor]]; background-image: url('[[article.image]]');\"></div>\n      <div class=\"title\" style\\$=\"background-color: [[article.secondaryColor]];\">[[article.title]]</div>\n    </a>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_76cb80e01f2611eda0c389891c227ec8 || (_templateObject_76cb80e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        font-size: 22px;\n        line-height: 32px;\n      }\n\n      a {\n        @apply --layout-vertical;\n        height: 100%;\n        text-decoration: none;\n      }\n\n      .image {\n        @apply --layout-flex;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: contain;\n      }\n\n      .title {\n        height: 56px;\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        padding: 0 8px;\n        text-align: center;\n        letter-spacing: 0.8px;\n        color: #fff;\n      }\n\n    </style>\n\n    <a href$=\"[[href]]\">\n      <div class=\"image\" style$=\"background-color: [[article.primaryColor]]; background-image: url('[[article.image]]');\"></div>\n      <div class=\"title\" style$=\"background-color: [[article.secondaryColor]];\">[[article.title]]</div>\n    </a>\n"], ["\n    <style>\n\n      :host {\n        font-size: 22px;\n        line-height: 32px;\n      }\n\n      a {\n        @apply --layout-vertical;\n        height: 100%;\n        text-decoration: none;\n      }\n\n      .image {\n        @apply --layout-flex;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: contain;\n      }\n\n      .title {\n        height: 56px;\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        padding: 0 8px;\n        text-align: center;\n        letter-spacing: 0.8px;\n        color: #fff;\n      }\n\n    </style>\n\n    <a href\\$=\"[[href]]\">\n      <div class=\"image\" style\\$=\"background-color: [[article.primaryColor]]; background-image: url('[[article.image]]');\"></div>\n      <div class=\"title\" style\\$=\"background-color: [[article.secondaryColor]];\">[[article.title]]</div>\n    </a>\n"]))),
     is: 'article-headline',
     properties: {
       article: Object,
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/blog-app.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/blog-app.js
index 4644ac5a2bf..1ede45d5da3 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/blog-app.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/blog-app.js
@@ -1,10 +1,10 @@
 define(["../../../../app-route/app-location.js", "../../../../app-route/app-route.js", "../../../../iron-flex-layout/iron-flex-layout.js", "../../../../iron-pages/iron-pages.js", "../../../../iron-selector/iron-selector.js", "../../../../paper-fab/paper-fab.js", "../../../../paper-icon-button/paper-icon-button.js", "../../../../paper-styles/shadow.js", "../../../app-drawer-layout/app-drawer-layout.js", "../../../app-drawer/app-drawer.js", "../../../app-scroll-effects/app-scroll-effects.js", "../../../app-header/app-header.js", "../../../app-header-layout/app-header-layout.js", "../../../app-toolbar/app-toolbar.js", "./app-icons.js", "./article-headline.js", "./article-detail.js", "./two-columns-grid.js", "../../../helpers/helpers.js", "../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_appLocation, _appRoute, _ironFlexLayout, _ironPages, _ironSelector, _paperFab, _paperIconButton, _shadow, _appDrawerLayout, _appDrawer, _appScrollEffects, _appHeader, _appHeaderLayout, _appToolbar, _appIcons, _articleHeadline, _articleDetail, _twoColumnsGrid, _helpers, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bf7cfc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_76cf2a601f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9bf7cfc01f0511ed8cc3e9a95995ad69 || (_templateObject_9bf7cfc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        --app-primary-color: #404040;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: var(--app-primary-color);\n          overflow-x: hidden;\n        };\n      }\n\n      app-drawer app-header {\n        background-color: var(--app-primary-color);\n      }\n\n      .nav-menu {\n        background-color: var(--app-primary-color);\n        color: #fff;\n      }\n\n      a {\n        text-decoration: none;\n        color: inherit;\n        font-size: inherit;\n      }\n\n      .nav-menu > a {\n        display: block;\n        padding: 12px 16px;\n        font-size: 20px;\n        font-weight: 500;\n      }\n\n      .nav-menu > a.iron-selected {\n        background-color: #888;\n      }\n\n      .main-header {\n        border-bottom: 1px solid #ddd;\n        background-color: #fff;\n        color: #444;\n      }\n\n      .title-toolbar {\n        @apply --layout-center-center;\n        box-sizing: border-box;\n      }\n\n      .nav-title-toolbar {\n        color: #fff;\n        width: 100vw;\n      }\n\n      .main-title-toolbar {\n        width: 100%;\n      }\n\n      .title {\n        padding-bottom: 40px;\n        font-size: 60px;\n        font-weight: 800;\n      }\n\n      .category-page {\n        min-height: 100vh;\n      }\n\n      article-headline {\n        @apply --shadow-transition;\n        @apply --shadow-elevation-2dp;\n        cursor: pointer;\n      }\n\n      article-detail {\n        max-width: 736px;\n        margin: 64px auto;\n        background-color: #fff;\n        @apply --shadow-elevation-2dp;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      @media (max-width: 580px) {\n\n        /* make title smaller to fit on screen */\n        .title {\n          font-size: 40px;\n          padding-bottom: 16px;\n        }\n\n      }\n\n      /* narrow layout */\n      @media (max-width: 808px) {\n\n        article-detail {\n          max-width: none;\n          margin: 0;\n        }\n\n      }\n\n    </style>\n\n    <!-- setup routes -->\n    <app-location route=\"{{route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{route}}\" pattern=\"/:category\" data=\"{{categoryData}}\" tail=\"{{subRoute}}\"></app-route>\n    <app-route route=\"{{subRoute}}\" pattern=\"/:page\" data=\"{{pageData}}\" tail=\"{{subsubRoute}}\"></app-route>\n    <app-route route=\"{{subsubRoute}}\" pattern=\"/:id\" data=\"{{idData}}\"></app-route>\n\n    <app-drawer-layout drawer-width=\"288px\" responsive-width=\"1280px\" narrow=\"{{narrow}}\">\n\n      <!-- nav panel -->\n      <app-drawer id=\"drawer\" slot=\"drawer\">\n        <app-header-layout has-scrolling-region>\n\n          <app-header fixed slot=\"header\">\n\n            <!-- top toolbar -->\n            <app-toolbar></app-toolbar>\n\n            <!-- bottom toolbar -->\n            <app-toolbar class=\"title-toolbar nav-title-toolbar\">\n              <div class=\"title\">ZUPERK\xDCLBLOG</div>\n            </app-toolbar>\n\n          </app-header>\n\n          <!-- nav menu -->\n          <iron-selector class=\"nav-menu\" selected=\"[[categoryData.category]]\" attr-for-selected=\"name\" on-iron-activate=\"_drawerSelected\">\n            <template is=\"dom-repeat\" items=\"[[articles]]\">\n              <a name=\"[[item.name]]\" href=\"#/[[item.name]]/list\">{{item.title}}</a>\n            </template>\n          </iron-selector>\n\n        </app-header-layout>\n      </app-drawer>\n\n      <!-- main panel -->\n      <app-header-layout>\n\n        <app-header fixed effects=\"waterfall\" class=\"main-header\" slot=\"header\">\n\n          <!-- top toolbar -->\n          <app-toolbar>\n            <!-- menu button -->\n            <paper-icon-button drawer-toggle icon=\"app:menu\" hidden$=\"[[_shouldHideMenuButton(pageData.page, narrow)]]\"></paper-icon-button>\n\n            <!-- back button -->\n            <a href=\"#/[[categoryData.category]]/list\" hidden$=\"[[_equal(pageData.page, 'list')]]\">\n              <paper-icon-button icon=\"app:arrow-back\"></paper-icon-button>\n            </a>\n          </app-toolbar>\n\n          <!-- bottom toolbar -->\n          <app-toolbar class=\"title-toolbar main-title-toolbar\">\n            <div class=\"title\">ZUPERK\xDCLBLOG</div>\n          </app-toolbar>\n\n        </app-header>\n\n        <!-- list/detail pages -->\n        <iron-pages selected=\"[[pageData.page]]\" attr-for-selected=\"name\">\n\n          <!-- list page -->\n          <iron-pages name=\"list\" selected=\"[[categoryData.category]]\" attr-for-selected=\"name\">\n\n            <template is=\"dom-repeat\" items=\"[[articles]]\" as=\"category\">\n              <section class=\"category-page\" name=\"[[category.name]]\">\n                <!-- 2-columns grid -->\n                <two-columns-grid column-width=\"396\" gutter=\"4\">\n                  <template is=\"dom-repeat\" items=\"[[category.items]]\" as=\"article\">\n                    <article-headline href=\"#/[[category.name]]/detail/[[article.id]]\" article=\"[[article]]\"></article-headline>\n                  </template>\n                </two-columns-grid>\n              </section>\n            </template>\n\n          </iron-pages>\n\n          <!-- detail page -->\n          <article-detail name=\"detail\" article=\"[[article]]\"></article-detail>\n        </iron-pages>\n\n      </app-header-layout>\n\n    </app-drawer-layout>\n"], ["\n    <style>\n\n      :host {\n        --app-primary-color: #404040;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: var(--app-primary-color);\n          overflow-x: hidden;\n        };\n      }\n\n      app-drawer app-header {\n        background-color: var(--app-primary-color);\n      }\n\n      .nav-menu {\n        background-color: var(--app-primary-color);\n        color: #fff;\n      }\n\n      a {\n        text-decoration: none;\n        color: inherit;\n        font-size: inherit;\n      }\n\n      .nav-menu > a {\n        display: block;\n        padding: 12px 16px;\n        font-size: 20px;\n        font-weight: 500;\n      }\n\n      .nav-menu > a.iron-selected {\n        background-color: #888;\n      }\n\n      .main-header {\n        border-bottom: 1px solid #ddd;\n        background-color: #fff;\n        color: #444;\n      }\n\n      .title-toolbar {\n        @apply --layout-center-center;\n        box-sizing: border-box;\n      }\n\n      .nav-title-toolbar {\n        color: #fff;\n        width: 100vw;\n      }\n\n      .main-title-toolbar {\n        width: 100%;\n      }\n\n      .title {\n        padding-bottom: 40px;\n        font-size: 60px;\n        font-weight: 800;\n      }\n\n      .category-page {\n        min-height: 100vh;\n      }\n\n      article-headline {\n        @apply --shadow-transition;\n        @apply --shadow-elevation-2dp;\n        cursor: pointer;\n      }\n\n      article-detail {\n        max-width: 736px;\n        margin: 64px auto;\n        background-color: #fff;\n        @apply --shadow-elevation-2dp;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      @media (max-width: 580px) {\n\n        /* make title smaller to fit on screen */\n        .title {\n          font-size: 40px;\n          padding-bottom: 16px;\n        }\n\n      }\n\n      /* narrow layout */\n      @media (max-width: 808px) {\n\n        article-detail {\n          max-width: none;\n          margin: 0;\n        }\n\n      }\n\n    </style>\n\n    <!-- setup routes -->\n    <app-location route=\"{{route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{route}}\" pattern=\"/:category\" data=\"{{categoryData}}\" tail=\"{{subRoute}}\"></app-route>\n    <app-route route=\"{{subRoute}}\" pattern=\"/:page\" data=\"{{pageData}}\" tail=\"{{subsubRoute}}\"></app-route>\n    <app-route route=\"{{subsubRoute}}\" pattern=\"/:id\" data=\"{{idData}}\"></app-route>\n\n    <app-drawer-layout drawer-width=\"288px\" responsive-width=\"1280px\" narrow=\"{{narrow}}\">\n\n      <!-- nav panel -->\n      <app-drawer id=\"drawer\" slot=\"drawer\">\n        <app-header-layout has-scrolling-region>\n\n          <app-header fixed slot=\"header\">\n\n            <!-- top toolbar -->\n            <app-toolbar></app-toolbar>\n\n            <!-- bottom toolbar -->\n            <app-toolbar class=\"title-toolbar nav-title-toolbar\">\n              <div class=\"title\">ZUPERK\xDCLBLOG</div>\n            </app-toolbar>\n\n          </app-header>\n\n          <!-- nav menu -->\n          <iron-selector class=\"nav-menu\" selected=\"[[categoryData.category]]\" attr-for-selected=\"name\" on-iron-activate=\"_drawerSelected\">\n            <template is=\"dom-repeat\" items=\"[[articles]]\">\n              <a name=\"[[item.name]]\" href=\"#/[[item.name]]/list\">{{item.title}}</a>\n            </template>\n          </iron-selector>\n\n        </app-header-layout>\n      </app-drawer>\n\n      <!-- main panel -->\n      <app-header-layout>\n\n        <app-header fixed effects=\"waterfall\" class=\"main-header\" slot=\"header\">\n\n          <!-- top toolbar -->\n          <app-toolbar>\n            <!-- menu button -->\n            <paper-icon-button drawer-toggle icon=\"app:menu\" hidden\\$=\"[[_shouldHideMenuButton(pageData.page, narrow)]]\"></paper-icon-button>\n\n            <!-- back button -->\n            <a href=\"#/[[categoryData.category]]/list\" hidden\\$=\"[[_equal(pageData.page, 'list')]]\">\n              <paper-icon-button icon=\"app:arrow-back\"></paper-icon-button>\n            </a>\n          </app-toolbar>\n\n          <!-- bottom toolbar -->\n          <app-toolbar class=\"title-toolbar main-title-toolbar\">\n            <div class=\"title\">ZUPERK\xDCLBLOG</div>\n          </app-toolbar>\n\n        </app-header>\n\n        <!-- list/detail pages -->\n        <iron-pages selected=\"[[pageData.page]]\" attr-for-selected=\"name\">\n\n          <!-- list page -->\n          <iron-pages name=\"list\" selected=\"[[categoryData.category]]\" attr-for-selected=\"name\">\n\n            <template is=\"dom-repeat\" items=\"[[articles]]\" as=\"category\">\n              <section class=\"category-page\" name=\"[[category.name]]\">\n                <!-- 2-columns grid -->\n                <two-columns-grid column-width=\"396\" gutter=\"4\">\n                  <template is=\"dom-repeat\" items=\"[[category.items]]\" as=\"article\">\n                    <article-headline href=\"#/[[category.name]]/detail/[[article.id]]\" article=\"[[article]]\"></article-headline>\n                  </template>\n                </two-columns-grid>\n              </section>\n            </template>\n\n          </iron-pages>\n\n          <!-- detail page -->\n          <article-detail name=\"detail\" article=\"[[article]]\"></article-detail>\n        </iron-pages>\n\n      </app-header-layout>\n\n    </app-drawer-layout>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_76cf2a601f2611eda0c389891c227ec8 || (_templateObject_76cf2a601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        --app-primary-color: #404040;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: var(--app-primary-color);\n          overflow-x: hidden;\n        };\n      }\n\n      app-drawer app-header {\n        background-color: var(--app-primary-color);\n      }\n\n      .nav-menu {\n        background-color: var(--app-primary-color);\n        color: #fff;\n      }\n\n      a {\n        text-decoration: none;\n        color: inherit;\n        font-size: inherit;\n      }\n\n      .nav-menu > a {\n        display: block;\n        padding: 12px 16px;\n        font-size: 20px;\n        font-weight: 500;\n      }\n\n      .nav-menu > a.iron-selected {\n        background-color: #888;\n      }\n\n      .main-header {\n        border-bottom: 1px solid #ddd;\n        background-color: #fff;\n        color: #444;\n      }\n\n      .title-toolbar {\n        @apply --layout-center-center;\n        box-sizing: border-box;\n      }\n\n      .nav-title-toolbar {\n        color: #fff;\n        width: 100vw;\n      }\n\n      .main-title-toolbar {\n        width: 100%;\n      }\n\n      .title {\n        padding-bottom: 40px;\n        font-size: 60px;\n        font-weight: 800;\n      }\n\n      .category-page {\n        min-height: 100vh;\n      }\n\n      article-headline {\n        @apply --shadow-transition;\n        @apply --shadow-elevation-2dp;\n        cursor: pointer;\n      }\n\n      article-detail {\n        max-width: 736px;\n        margin: 64px auto;\n        background-color: #fff;\n        @apply --shadow-elevation-2dp;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      @media (max-width: 580px) {\n\n        /* make title smaller to fit on screen */\n        .title {\n          font-size: 40px;\n          padding-bottom: 16px;\n        }\n\n      }\n\n      /* narrow layout */\n      @media (max-width: 808px) {\n\n        article-detail {\n          max-width: none;\n          margin: 0;\n        }\n\n      }\n\n    </style>\n\n    <!-- setup routes -->\n    <app-location route=\"{{route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{route}}\" pattern=\"/:category\" data=\"{{categoryData}}\" tail=\"{{subRoute}}\"></app-route>\n    <app-route route=\"{{subRoute}}\" pattern=\"/:page\" data=\"{{pageData}}\" tail=\"{{subsubRoute}}\"></app-route>\n    <app-route route=\"{{subsubRoute}}\" pattern=\"/:id\" data=\"{{idData}}\"></app-route>\n\n    <app-drawer-layout drawer-width=\"288px\" responsive-width=\"1280px\" narrow=\"{{narrow}}\">\n\n      <!-- nav panel -->\n      <app-drawer id=\"drawer\" slot=\"drawer\">\n        <app-header-layout has-scrolling-region>\n\n          <app-header fixed slot=\"header\">\n\n            <!-- top toolbar -->\n            <app-toolbar></app-toolbar>\n\n            <!-- bottom toolbar -->\n            <app-toolbar class=\"title-toolbar nav-title-toolbar\">\n              <div class=\"title\">ZUPERK\xDCLBLOG</div>\n            </app-toolbar>\n\n          </app-header>\n\n          <!-- nav menu -->\n          <iron-selector class=\"nav-menu\" selected=\"[[categoryData.category]]\" attr-for-selected=\"name\" on-iron-activate=\"_drawerSelected\">\n            <template is=\"dom-repeat\" items=\"[[articles]]\">\n              <a name=\"[[item.name]]\" href=\"#/[[item.name]]/list\">{{item.title}}</a>\n            </template>\n          </iron-selector>\n\n        </app-header-layout>\n      </app-drawer>\n\n      <!-- main panel -->\n      <app-header-layout>\n\n        <app-header fixed effects=\"waterfall\" class=\"main-header\" slot=\"header\">\n\n          <!-- top toolbar -->\n          <app-toolbar>\n            <!-- menu button -->\n            <paper-icon-button drawer-toggle icon=\"app:menu\" hidden$=\"[[_shouldHideMenuButton(pageData.page, narrow)]]\"></paper-icon-button>\n\n            <!-- back button -->\n            <a href=\"#/[[categoryData.category]]/list\" hidden$=\"[[_equal(pageData.page, 'list')]]\">\n              <paper-icon-button icon=\"app:arrow-back\"></paper-icon-button>\n            </a>\n          </app-toolbar>\n\n          <!-- bottom toolbar -->\n          <app-toolbar class=\"title-toolbar main-title-toolbar\">\n            <div class=\"title\">ZUPERK\xDCLBLOG</div>\n          </app-toolbar>\n\n        </app-header>\n\n        <!-- list/detail pages -->\n        <iron-pages selected=\"[[pageData.page]]\" attr-for-selected=\"name\">\n\n          <!-- list page -->\n          <iron-pages name=\"list\" selected=\"[[categoryData.category]]\" attr-for-selected=\"name\">\n\n            <template is=\"dom-repeat\" items=\"[[articles]]\" as=\"category\">\n              <section class=\"category-page\" name=\"[[category.name]]\">\n                <!-- 2-columns grid -->\n                <two-columns-grid column-width=\"396\" gutter=\"4\">\n                  <template is=\"dom-repeat\" items=\"[[category.items]]\" as=\"article\">\n                    <article-headline href=\"#/[[category.name]]/detail/[[article.id]]\" article=\"[[article]]\"></article-headline>\n                  </template>\n                </two-columns-grid>\n              </section>\n            </template>\n\n          </iron-pages>\n\n          <!-- detail page -->\n          <article-detail name=\"detail\" article=\"[[article]]\"></article-detail>\n        </iron-pages>\n\n      </app-header-layout>\n\n    </app-drawer-layout>\n"], ["\n    <style>\n\n      :host {\n        --app-primary-color: #404040;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: var(--app-primary-color);\n          overflow-x: hidden;\n        };\n      }\n\n      app-drawer app-header {\n        background-color: var(--app-primary-color);\n      }\n\n      .nav-menu {\n        background-color: var(--app-primary-color);\n        color: #fff;\n      }\n\n      a {\n        text-decoration: none;\n        color: inherit;\n        font-size: inherit;\n      }\n\n      .nav-menu > a {\n        display: block;\n        padding: 12px 16px;\n        font-size: 20px;\n        font-weight: 500;\n      }\n\n      .nav-menu > a.iron-selected {\n        background-color: #888;\n      }\n\n      .main-header {\n        border-bottom: 1px solid #ddd;\n        background-color: #fff;\n        color: #444;\n      }\n\n      .title-toolbar {\n        @apply --layout-center-center;\n        box-sizing: border-box;\n      }\n\n      .nav-title-toolbar {\n        color: #fff;\n        width: 100vw;\n      }\n\n      .main-title-toolbar {\n        width: 100%;\n      }\n\n      .title {\n        padding-bottom: 40px;\n        font-size: 60px;\n        font-weight: 800;\n      }\n\n      .category-page {\n        min-height: 100vh;\n      }\n\n      article-headline {\n        @apply --shadow-transition;\n        @apply --shadow-elevation-2dp;\n        cursor: pointer;\n      }\n\n      article-detail {\n        max-width: 736px;\n        margin: 64px auto;\n        background-color: #fff;\n        @apply --shadow-elevation-2dp;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      @media (max-width: 580px) {\n\n        /* make title smaller to fit on screen */\n        .title {\n          font-size: 40px;\n          padding-bottom: 16px;\n        }\n\n      }\n\n      /* narrow layout */\n      @media (max-width: 808px) {\n\n        article-detail {\n          max-width: none;\n          margin: 0;\n        }\n\n      }\n\n    </style>\n\n    <!-- setup routes -->\n    <app-location route=\"{{route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{route}}\" pattern=\"/:category\" data=\"{{categoryData}}\" tail=\"{{subRoute}}\"></app-route>\n    <app-route route=\"{{subRoute}}\" pattern=\"/:page\" data=\"{{pageData}}\" tail=\"{{subsubRoute}}\"></app-route>\n    <app-route route=\"{{subsubRoute}}\" pattern=\"/:id\" data=\"{{idData}}\"></app-route>\n\n    <app-drawer-layout drawer-width=\"288px\" responsive-width=\"1280px\" narrow=\"{{narrow}}\">\n\n      <!-- nav panel -->\n      <app-drawer id=\"drawer\" slot=\"drawer\">\n        <app-header-layout has-scrolling-region>\n\n          <app-header fixed slot=\"header\">\n\n            <!-- top toolbar -->\n            <app-toolbar></app-toolbar>\n\n            <!-- bottom toolbar -->\n            <app-toolbar class=\"title-toolbar nav-title-toolbar\">\n              <div class=\"title\">ZUPERK\xDCLBLOG</div>\n            </app-toolbar>\n\n          </app-header>\n\n          <!-- nav menu -->\n          <iron-selector class=\"nav-menu\" selected=\"[[categoryData.category]]\" attr-for-selected=\"name\" on-iron-activate=\"_drawerSelected\">\n            <template is=\"dom-repeat\" items=\"[[articles]]\">\n              <a name=\"[[item.name]]\" href=\"#/[[item.name]]/list\">{{item.title}}</a>\n            </template>\n          </iron-selector>\n\n        </app-header-layout>\n      </app-drawer>\n\n      <!-- main panel -->\n      <app-header-layout>\n\n        <app-header fixed effects=\"waterfall\" class=\"main-header\" slot=\"header\">\n\n          <!-- top toolbar -->\n          <app-toolbar>\n            <!-- menu button -->\n            <paper-icon-button drawer-toggle icon=\"app:menu\" hidden\\$=\"[[_shouldHideMenuButton(pageData.page, narrow)]]\"></paper-icon-button>\n\n            <!-- back button -->\n            <a href=\"#/[[categoryData.category]]/list\" hidden\\$=\"[[_equal(pageData.page, 'list')]]\">\n              <paper-icon-button icon=\"app:arrow-back\"></paper-icon-button>\n            </a>\n          </app-toolbar>\n\n          <!-- bottom toolbar -->\n          <app-toolbar class=\"title-toolbar main-title-toolbar\">\n            <div class=\"title\">ZUPERK\xDCLBLOG</div>\n          </app-toolbar>\n\n        </app-header>\n\n        <!-- list/detail pages -->\n        <iron-pages selected=\"[[pageData.page]]\" attr-for-selected=\"name\">\n\n          <!-- list page -->\n          <iron-pages name=\"list\" selected=\"[[categoryData.category]]\" attr-for-selected=\"name\">\n\n            <template is=\"dom-repeat\" items=\"[[articles]]\" as=\"category\">\n              <section class=\"category-page\" name=\"[[category.name]]\">\n                <!-- 2-columns grid -->\n                <two-columns-grid column-width=\"396\" gutter=\"4\">\n                  <template is=\"dom-repeat\" items=\"[[category.items]]\" as=\"article\">\n                    <article-headline href=\"#/[[category.name]]/detail/[[article.id]]\" article=\"[[article]]\"></article-headline>\n                  </template>\n                </two-columns-grid>\n              </section>\n            </template>\n\n          </iron-pages>\n\n          <!-- detail page -->\n          <article-detail name=\"detail\" article=\"[[article]]\"></article-detail>\n        </iron-pages>\n\n      </app-header-layout>\n\n    </app-drawer-layout>\n"]))),
     is: 'blog-app',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/two-columns-grid.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/two-columns-grid.js
index c069dd73a79..849964730a9 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/two-columns-grid.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/publishing/src/two-columns-grid.js
@@ -1,7 +1,7 @@
 define(["../../../../iron-flex-layout/iron-flex-layout.js", "../../../../iron-media-query/iron-media-query.js", "../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_ironFlexLayout, _ironMediaQuery, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bfa40c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_76d062e01f2611eda0c389891c227ec8;
 
   /*
   This is a simple adaptive 2-columns grid. The first and every 4th item have
@@ -19,7 +19,7 @@ define(["../../../../iron-flex-layout/iron-flex-layout.js", "../../../../iron-me
   
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9bfa40c01f0511ed8cc3e9a95995ad69 || (_templateObject_9bfa40c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n        max-width: calc(2 * var(--grid-column-width) + 4 * var(--grid-gutter));\n        margin: var(--grid-gutter) auto;\n        /* item has width/height ratio 4:3 */\n        --grid-item-height: calc(3 * var(--grid-column-width) / 4);\n      }\n\n      :host > ::slotted(*) {\n        @apply --layout-flex-none;\n        width: var(--grid-column-width);\n        height: var(--grid-item-height);\n        margin: var(--grid-gutter);\n        box-sizing: border-box;\n      }\n\n      /* https://github.com/webcomponents/shadycss/issues/15 */\n      :host > ::slotted(*:nth-of-type(3n-2)) {\n        width: calc(100% - 2 * var(--grid-gutter));\n        /* large item has widht/height ratio 2:1 */\n        height: calc(var(--grid-column-width)  + 2 * var(--grid-gutter));\n      }\n\n      :host([narrow-layout]) {\n        max-width: none;\n        margin: 0 var(--grid-gutter);\n      }\n\n      :host([narrow-layout]) > ::slotted(*) {\n        width: 100% !important;\n        height: var(--grid-item-height) !important;\n        margin: var(--grid-gutter) 0;\n      }\n\n      iron-media-query {\n        display: none;\n      }\n\n    </style>\n\n    <slot></slot>\n\n    <iron-media-query query=\"[[query]]\" query-matches=\"{{narrowLayout}}\"></iron-media-query>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_76d062e01f2611eda0c389891c227ec8 || (_templateObject_76d062e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n        max-width: calc(2 * var(--grid-column-width) + 4 * var(--grid-gutter));\n        margin: var(--grid-gutter) auto;\n        /* item has width/height ratio 4:3 */\n        --grid-item-height: calc(3 * var(--grid-column-width) / 4);\n      }\n\n      :host > ::slotted(*) {\n        @apply --layout-flex-none;\n        width: var(--grid-column-width);\n        height: var(--grid-item-height);\n        margin: var(--grid-gutter);\n        box-sizing: border-box;\n      }\n\n      /* https://github.com/webcomponents/shadycss/issues/15 */\n      :host > ::slotted(*:nth-of-type(3n-2)) {\n        width: calc(100% - 2 * var(--grid-gutter));\n        /* large item has widht/height ratio 2:1 */\n        height: calc(var(--grid-column-width)  + 2 * var(--grid-gutter));\n      }\n\n      :host([narrow-layout]) {\n        max-width: none;\n        margin: 0 var(--grid-gutter);\n      }\n\n      :host([narrow-layout]) > ::slotted(*) {\n        width: 100% !important;\n        height: var(--grid-item-height) !important;\n        margin: var(--grid-gutter) 0;\n      }\n\n      iron-media-query {\n        display: none;\n      }\n\n    </style>\n\n    <slot></slot>\n\n    <iron-media-query query=\"[[query]]\" query-matches=\"{{narrowLayout}}\"></iron-media-query>\n"]))),
     is: 'two-columns-grid',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-app.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-app.js
index d6d9eeec4d8..8f67583fb7c 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-app.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-app.js
@@ -1,10 +1,10 @@
 define(["../../../../app-route/app-location.js", "../../../../app-route/app-route.js", "../../../../iron-flex-layout/iron-flex-layout.js", "../../../../iron-media-query/iron-media-query.js", "../../../../paper-icon-button/paper-icon-button.js", "../../../../paper-tabs/paper-tabs.js", "../../../../iron-icons/iron-icons.js", "../../../../iron-pages/iron-pages.js", "../../../app-layout.js", "../../../app-scroll-effects/app-scroll-effects.js", "./shrine-list.js", "./shrine-detail.js", "../../../helpers/helpers.js", "../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_appLocation, _appRoute, _ironFlexLayout, _ironMediaQuery, _paperIconButton, _paperTabs, _ironIcons, _ironPages, _appLayout, _appScrollEffects, _shrineList, _shrineDetail, _helpers, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bfc3c901f0511ed8cc3e9a95995ad69;
+  var _templateObject_770c5a701f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9bfc3c901f0511ed8cc3e9a95995ad69 || (_templateObject_9bfc3c901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      app-header {\n        background-color: rgba(255, 255, 255, 0.95);\n        --app-header-shadow: {\n          box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.2);\n          height: 10px;\n          bottom: -10px;\n        };\n      }\n\n      app-header:not([shadow]) {\n        border-bottom: 1px solid #ddd;\n      }\n\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: #f3f3f3;\n        };\n      }\n\n      #mainToolbar {\n        height: 110px;\n      }\n\n      paper-icon-button {\n        color: #000;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .navItem {\n        @apply --layout-self-start;\n        margin-top: 13px;\n        width: 88px;\n      }\n\n      .spacer {\n        @apply --layout;\n        @apply --layout-flex-auto;\n        @apply --layout-center-center;\n      }\n\n      .logo {\n        width: 120px;\n        height: 40px;\n        background-size: 100% 100%;\n      }\n\n      .leftItem [icon] {\n        display: none;\n      }\n\n\n      shrine-detail {\n        height: calc(100vh - 65px);\n      }\n\n      :host([page=detail]) #mainToolbar {\n        height: 64px;\n      }\n\n      :host([page=detail]) paper-tabs {\n        display: none;\n      }\n\n      :host([page=detail]) .leftItem [icon=arrow-back] {\n        display: block;\n      }\n\n      :host([page=detail]) .leftItem [icon=menu] {\n        display: none;\n      }\n\n      paper-tabs {\n        --paper-tabs-selection-bar-color: #31f0ef;\n        margin-left: -55px;\n        color: #31f0ef;\n        font-size: 13px;\n      }\n\n      paper-tab {\n        @apply --layout-flex-none;\n        padding: 0;\n        --paper-tab-ink: #31f0ef;\n      }\n\n      paper-tab a {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        text-decoration: none;\n        text-transform: uppercase;\n        color: #7c7c7c;\n        font-weight: 500;\n        padding: 0 20px;\n        height: 100%;\n      }\n\n      .list {\n        margin-left: 20px;\n        margin-right: 20px;\n      }\n\n      .list a {\n        display: block;\n        line-height: 40px;\n        text-decoration: none;\n        text-transform: uppercase;\n        color: #7c7c7c;\n      }\n\n      .list a.active {\n        color: black;\n        font-weight: bold;\n      }\n\n      .profileBar {\n        margin-bottom: 40px;\n      }\n\n      .profilePic {\n        border-radius: 50% 50%;\n      }\n\n      .profileName {\n        @apply --layout-flex;\n        margin-left: 20px;\n        font-size: 14px;\n        font-weight: 500;\n        color: #0a3142;\n      }\n\n      [icon=settings] {\n        width: 35px;\n        height: 35px;\n        color: #0a3142;\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        .logo {\n          width: 89px;\n          height: 17px;\n        }\n\n        #mainToolbar {\n          height: 64px;\n        }\n\n        shrine-detail {\n          height: auto;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .leftItem [icon=menu] {\n          display: block;\n        }\n\n        paper-tabs {\n          display: none;\n        }\n      }\n\n    </style>\n\n    <app-location route=\"{{route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{route}}\" pattern=\":section\" data=\"{{sectionData}}\" tail=\"{{subRoute}}\"></app-route>\n    <app-route route=\"{{subRoute}}\" pattern=\"/:id\" data=\"{{idData}}\" active=\"{{onDetailPage}}\"></app-route>\n\n    <iron-media-query query=\"max-width: 400px\" query-matches=\"{{smallScreen}}\"></iron-media-query>\n\n    <app-drawer-layout drawer-width=\"288px\" force-narrow>\n      <!-- navigation drawer for small screen sizes -->\n      <app-drawer slot=\"drawer\" id=\"drawer\" swipe-open=\"[[smallScreen]]\">\n        <template is=\"dom-if\" if=\"[[smallScreen]]\">\n          <app-toolbar class=\"profileBar\">\n            <img class=\"profilePic\" src=\"//app-layout-assets.appspot.com/assets/shrine/profile_pic.jpg\" width=\"30\" height=\"30\">\n            <div class=\"profileName\">Stella</div>\n            <paper-icon-button icon=\"settings\" aria-label=\"Settings\"></paper-icon-button>\n          </app-toolbar>\n          <div class=\"list\">\n            <template is=\"dom-repeat\" items=\"[[sections]]\" as=\"section\" initial-count=\"1\">\n              <a href=\"#[[section]]\" class$=\"[[_getSectionClass(index, selectedTab)]]\">[[section]]</a>\n            </template>\n          </div>\n        </template>\n      </app-drawer>\n\n      <app-header-layout id=\"headerLayout\">\n        <!-- main header -->\n        <app-header slot=\"header\" effects=\"waterfall\" fixed=\"[[smallScreen]]\" condenses=\"[[!smallScreen]]\" reveals=\"[[!smallScreen]]\">\n          <app-toolbar id=\"mainToolbar\">\n            <div class=\"navItem leftItem\">\n              <paper-icon-button icon=\"menu\" drawer-toggle alt=\"Toogle navigation menu\"></paper-icon-button>\n              <a href=\"#[[sectionData.section]]\" tabindex=\"-1\"><paper-icon-button icon=\"arrow-back\" alt=\"Back to the home\"></paper-icon-button></a>\n            </div>\n            <div class=\"spacer\">\n              <img src=\"//app-layout-assets.appspot.com/assets/shrine/shrine_logo.svg\" class=\"logo\" alt=\"SHRINE\">\n            </div>\n            <div class=\"navItem\">\n              <paper-icon-button icon=\"shopping-cart\" aria-label=\"Shopping cart\"></paper-icon-button>\n              <paper-icon-button icon=\"more-vert\" aria-label=\"More options\"></paper-icon-button>\n            </div>\n          </app-toolbar>\n          <template is=\"dom-if\" if=\"[[_shouldShowTabs(onDetailPage, smallScreen)]]\">\n            <paper-tabs selected=\"[[selectedTab]]\" scrollable sticky$=\"[[_shouldShowTabs(onDetailPage, smallScreen)]]\">\n              <template is=\"dom-repeat\" items=\"[[sections]]\" as=\"section\">\n                <paper-tab>\n                  <a href=\"#[[section]]\">[[section]]</a>\n                </paper-tab>\n              </template>\n            </paper-tabs>\n          </template>\n        </app-header>\n\n        <iron-pages selected=\"[[page]]\" attr-for-selected=\"name\">\n          <!-- detail of item -->\n          <template is=\"dom-if\" if=\"[[_equal(page, 'detail')]]\">\n            <shrine-detail name=\"detail\" section=\"[[sectionData.section]]\" related-items=\"[[items]]\" item=\"[[_getDetailItem(items, idData.id)]]\">\n            </shrine-detail>\n          </template>\n          <!-- list of items -->\n          <template is=\"dom-if\" if=\"[[_equal(page, 'list')]]\">\n            <shrine-list name=\"list\" section=\"[[sectionData.section]]\" items=\"[[_getItemsCopy(items, sectionData.section)]]\" featured-item=\"[[_getFeaturedItem(featuredItems, sectionData.section)]]\">\n            </shrine-list>\n          </template>\n        </iron-pages>\n\n      </app-header-layout>\n    </app-drawer-layout>\n"], ["\n    <style>\n\n      :host {\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      app-header {\n        background-color: rgba(255, 255, 255, 0.95);\n        --app-header-shadow: {\n          box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.2);\n          height: 10px;\n          bottom: -10px;\n        };\n      }\n\n      app-header:not([shadow]) {\n        border-bottom: 1px solid #ddd;\n      }\n\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: #f3f3f3;\n        };\n      }\n\n      #mainToolbar {\n        height: 110px;\n      }\n\n      paper-icon-button {\n        color: #000;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .navItem {\n        @apply --layout-self-start;\n        margin-top: 13px;\n        width: 88px;\n      }\n\n      .spacer {\n        @apply --layout;\n        @apply --layout-flex-auto;\n        @apply --layout-center-center;\n      }\n\n      .logo {\n        width: 120px;\n        height: 40px;\n        background-size: 100% 100%;\n      }\n\n      .leftItem [icon] {\n        display: none;\n      }\n\n\n      shrine-detail {\n        height: calc(100vh - 65px);\n      }\n\n      :host([page=detail]) #mainToolbar {\n        height: 64px;\n      }\n\n      :host([page=detail]) paper-tabs {\n        display: none;\n      }\n\n      :host([page=detail]) .leftItem [icon=arrow-back] {\n        display: block;\n      }\n\n      :host([page=detail]) .leftItem [icon=menu] {\n        display: none;\n      }\n\n      paper-tabs {\n        --paper-tabs-selection-bar-color: #31f0ef;\n        margin-left: -55px;\n        color: #31f0ef;\n        font-size: 13px;\n      }\n\n      paper-tab {\n        @apply --layout-flex-none;\n        padding: 0;\n        --paper-tab-ink: #31f0ef;\n      }\n\n      paper-tab a {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        text-decoration: none;\n        text-transform: uppercase;\n        color: #7c7c7c;\n        font-weight: 500;\n        padding: 0 20px;\n        height: 100%;\n      }\n\n      .list {\n        margin-left: 20px;\n        margin-right: 20px;\n      }\n\n      .list a {\n        display: block;\n        line-height: 40px;\n        text-decoration: none;\n        text-transform: uppercase;\n        color: #7c7c7c;\n      }\n\n      .list a.active {\n        color: black;\n        font-weight: bold;\n      }\n\n      .profileBar {\n        margin-bottom: 40px;\n      }\n\n      .profilePic {\n        border-radius: 50% 50%;\n      }\n\n      .profileName {\n        @apply --layout-flex;\n        margin-left: 20px;\n        font-size: 14px;\n        font-weight: 500;\n        color: #0a3142;\n      }\n\n      [icon=settings] {\n        width: 35px;\n        height: 35px;\n        color: #0a3142;\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        .logo {\n          width: 89px;\n          height: 17px;\n        }\n\n        #mainToolbar {\n          height: 64px;\n        }\n\n        shrine-detail {\n          height: auto;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .leftItem [icon=menu] {\n          display: block;\n        }\n\n        paper-tabs {\n          display: none;\n        }\n      }\n\n    </style>\n\n    <app-location route=\"{{route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{route}}\" pattern=\":section\" data=\"{{sectionData}}\" tail=\"{{subRoute}}\"></app-route>\n    <app-route route=\"{{subRoute}}\" pattern=\"/:id\" data=\"{{idData}}\" active=\"{{onDetailPage}}\"></app-route>\n\n    <iron-media-query query=\"max-width: 400px\" query-matches=\"{{smallScreen}}\"></iron-media-query>\n\n    <app-drawer-layout drawer-width=\"288px\" force-narrow>\n      <!-- navigation drawer for small screen sizes -->\n      <app-drawer slot=\"drawer\" id=\"drawer\" swipe-open=\"[[smallScreen]]\">\n        <template is=\"dom-if\" if=\"[[smallScreen]]\">\n          <app-toolbar class=\"profileBar\">\n            <img class=\"profilePic\" src=\"//app-layout-assets.appspot.com/assets/shrine/profile_pic.jpg\" width=\"30\" height=\"30\">\n            <div class=\"profileName\">Stella</div>\n            <paper-icon-button icon=\"settings\" aria-label=\"Settings\"></paper-icon-button>\n          </app-toolbar>\n          <div class=\"list\">\n            <template is=\"dom-repeat\" items=\"[[sections]]\" as=\"section\" initial-count=\"1\">\n              <a href=\"#[[section]]\" class\\$=\"[[_getSectionClass(index, selectedTab)]]\">[[section]]</a>\n            </template>\n          </div>\n        </template>\n      </app-drawer>\n\n      <app-header-layout id=\"headerLayout\">\n        <!-- main header -->\n        <app-header slot=\"header\" effects=\"waterfall\" fixed=\"[[smallScreen]]\" condenses=\"[[!smallScreen]]\" reveals=\"[[!smallScreen]]\">\n          <app-toolbar id=\"mainToolbar\">\n            <div class=\"navItem leftItem\">\n              <paper-icon-button icon=\"menu\" drawer-toggle alt=\"Toogle navigation menu\"></paper-icon-button>\n              <a href=\"#[[sectionData.section]]\" tabindex=\"-1\"><paper-icon-button icon=\"arrow-back\" alt=\"Back to the home\"></paper-icon-button></a>\n            </div>\n            <div class=\"spacer\">\n              <img src=\"//app-layout-assets.appspot.com/assets/shrine/shrine_logo.svg\" class=\"logo\" alt=\"SHRINE\">\n            </div>\n            <div class=\"navItem\">\n              <paper-icon-button icon=\"shopping-cart\" aria-label=\"Shopping cart\"></paper-icon-button>\n              <paper-icon-button icon=\"more-vert\" aria-label=\"More options\"></paper-icon-button>\n            </div>\n          </app-toolbar>\n          <template is=\"dom-if\" if=\"[[_shouldShowTabs(onDetailPage, smallScreen)]]\">\n            <paper-tabs selected=\"[[selectedTab]]\" scrollable sticky\\$=\"[[_shouldShowTabs(onDetailPage, smallScreen)]]\">\n              <template is=\"dom-repeat\" items=\"[[sections]]\" as=\"section\">\n                <paper-tab>\n                  <a href=\"#[[section]]\">[[section]]</a>\n                </paper-tab>\n              </template>\n            </paper-tabs>\n          </template>\n        </app-header>\n\n        <iron-pages selected=\"[[page]]\" attr-for-selected=\"name\">\n          <!-- detail of item -->\n          <template is=\"dom-if\" if=\"[[_equal(page, 'detail')]]\">\n            <shrine-detail name=\"detail\" section=\"[[sectionData.section]]\" related-items=\"[[items]]\" item=\"[[_getDetailItem(items, idData.id)]]\">\n            </shrine-detail>\n          </template>\n          <!-- list of items -->\n          <template is=\"dom-if\" if=\"[[_equal(page, 'list')]]\">\n            <shrine-list name=\"list\" section=\"[[sectionData.section]]\" items=\"[[_getItemsCopy(items, sectionData.section)]]\" featured-item=\"[[_getFeaturedItem(featuredItems, sectionData.section)]]\">\n            </shrine-list>\n          </template>\n        </iron-pages>\n\n      </app-header-layout>\n    </app-drawer-layout>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_770c5a701f2611eda0c389891c227ec8 || (_templateObject_770c5a701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      app-header {\n        background-color: rgba(255, 255, 255, 0.95);\n        --app-header-shadow: {\n          box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.2);\n          height: 10px;\n          bottom: -10px;\n        };\n      }\n\n      app-header:not([shadow]) {\n        border-bottom: 1px solid #ddd;\n      }\n\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: #f3f3f3;\n        };\n      }\n\n      #mainToolbar {\n        height: 110px;\n      }\n\n      paper-icon-button {\n        color: #000;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .navItem {\n        @apply --layout-self-start;\n        margin-top: 13px;\n        width: 88px;\n      }\n\n      .spacer {\n        @apply --layout;\n        @apply --layout-flex-auto;\n        @apply --layout-center-center;\n      }\n\n      .logo {\n        width: 120px;\n        height: 40px;\n        background-size: 100% 100%;\n      }\n\n      .leftItem [icon] {\n        display: none;\n      }\n\n\n      shrine-detail {\n        height: calc(100vh - 65px);\n      }\n\n      :host([page=detail]) #mainToolbar {\n        height: 64px;\n      }\n\n      :host([page=detail]) paper-tabs {\n        display: none;\n      }\n\n      :host([page=detail]) .leftItem [icon=arrow-back] {\n        display: block;\n      }\n\n      :host([page=detail]) .leftItem [icon=menu] {\n        display: none;\n      }\n\n      paper-tabs {\n        --paper-tabs-selection-bar-color: #31f0ef;\n        margin-left: -55px;\n        color: #31f0ef;\n        font-size: 13px;\n      }\n\n      paper-tab {\n        @apply --layout-flex-none;\n        padding: 0;\n        --paper-tab-ink: #31f0ef;\n      }\n\n      paper-tab a {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        text-decoration: none;\n        text-transform: uppercase;\n        color: #7c7c7c;\n        font-weight: 500;\n        padding: 0 20px;\n        height: 100%;\n      }\n\n      .list {\n        margin-left: 20px;\n        margin-right: 20px;\n      }\n\n      .list a {\n        display: block;\n        line-height: 40px;\n        text-decoration: none;\n        text-transform: uppercase;\n        color: #7c7c7c;\n      }\n\n      .list a.active {\n        color: black;\n        font-weight: bold;\n      }\n\n      .profileBar {\n        margin-bottom: 40px;\n      }\n\n      .profilePic {\n        border-radius: 50% 50%;\n      }\n\n      .profileName {\n        @apply --layout-flex;\n        margin-left: 20px;\n        font-size: 14px;\n        font-weight: 500;\n        color: #0a3142;\n      }\n\n      [icon=settings] {\n        width: 35px;\n        height: 35px;\n        color: #0a3142;\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        .logo {\n          width: 89px;\n          height: 17px;\n        }\n\n        #mainToolbar {\n          height: 64px;\n        }\n\n        shrine-detail {\n          height: auto;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .leftItem [icon=menu] {\n          display: block;\n        }\n\n        paper-tabs {\n          display: none;\n        }\n      }\n\n    </style>\n\n    <app-location route=\"{{route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{route}}\" pattern=\":section\" data=\"{{sectionData}}\" tail=\"{{subRoute}}\"></app-route>\n    <app-route route=\"{{subRoute}}\" pattern=\"/:id\" data=\"{{idData}}\" active=\"{{onDetailPage}}\"></app-route>\n\n    <iron-media-query query=\"max-width: 400px\" query-matches=\"{{smallScreen}}\"></iron-media-query>\n\n    <app-drawer-layout drawer-width=\"288px\" force-narrow>\n      <!-- navigation drawer for small screen sizes -->\n      <app-drawer slot=\"drawer\" id=\"drawer\" swipe-open=\"[[smallScreen]]\">\n        <template is=\"dom-if\" if=\"[[smallScreen]]\">\n          <app-toolbar class=\"profileBar\">\n            <img class=\"profilePic\" src=\"//app-layout-assets.appspot.com/assets/shrine/profile_pic.jpg\" width=\"30\" height=\"30\">\n            <div class=\"profileName\">Stella</div>\n            <paper-icon-button icon=\"settings\" aria-label=\"Settings\"></paper-icon-button>\n          </app-toolbar>\n          <div class=\"list\">\n            <template is=\"dom-repeat\" items=\"[[sections]]\" as=\"section\" initial-count=\"1\">\n              <a href=\"#[[section]]\" class$=\"[[_getSectionClass(index, selectedTab)]]\">[[section]]</a>\n            </template>\n          </div>\n        </template>\n      </app-drawer>\n\n      <app-header-layout id=\"headerLayout\">\n        <!-- main header -->\n        <app-header slot=\"header\" effects=\"waterfall\" fixed=\"[[smallScreen]]\" condenses=\"[[!smallScreen]]\" reveals=\"[[!smallScreen]]\">\n          <app-toolbar id=\"mainToolbar\">\n            <div class=\"navItem leftItem\">\n              <paper-icon-button icon=\"menu\" drawer-toggle alt=\"Toogle navigation menu\"></paper-icon-button>\n              <a href=\"#[[sectionData.section]]\" tabindex=\"-1\"><paper-icon-button icon=\"arrow-back\" alt=\"Back to the home\"></paper-icon-button></a>\n            </div>\n            <div class=\"spacer\">\n              <img src=\"//app-layout-assets.appspot.com/assets/shrine/shrine_logo.svg\" class=\"logo\" alt=\"SHRINE\">\n            </div>\n            <div class=\"navItem\">\n              <paper-icon-button icon=\"shopping-cart\" aria-label=\"Shopping cart\"></paper-icon-button>\n              <paper-icon-button icon=\"more-vert\" aria-label=\"More options\"></paper-icon-button>\n            </div>\n          </app-toolbar>\n          <template is=\"dom-if\" if=\"[[_shouldShowTabs(onDetailPage, smallScreen)]]\">\n            <paper-tabs selected=\"[[selectedTab]]\" scrollable sticky$=\"[[_shouldShowTabs(onDetailPage, smallScreen)]]\">\n              <template is=\"dom-repeat\" items=\"[[sections]]\" as=\"section\">\n                <paper-tab>\n                  <a href=\"#[[section]]\">[[section]]</a>\n                </paper-tab>\n              </template>\n            </paper-tabs>\n          </template>\n        </app-header>\n\n        <iron-pages selected=\"[[page]]\" attr-for-selected=\"name\">\n          <!-- detail of item -->\n          <template is=\"dom-if\" if=\"[[_equal(page, 'detail')]]\">\n            <shrine-detail name=\"detail\" section=\"[[sectionData.section]]\" related-items=\"[[items]]\" item=\"[[_getDetailItem(items, idData.id)]]\">\n            </shrine-detail>\n          </template>\n          <!-- list of items -->\n          <template is=\"dom-if\" if=\"[[_equal(page, 'list')]]\">\n            <shrine-list name=\"list\" section=\"[[sectionData.section]]\" items=\"[[_getItemsCopy(items, sectionData.section)]]\" featured-item=\"[[_getFeaturedItem(featuredItems, sectionData.section)]]\">\n            </shrine-list>\n          </template>\n        </iron-pages>\n\n      </app-header-layout>\n    </app-drawer-layout>\n"], ["\n    <style>\n\n      :host {\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      app-header {\n        background-color: rgba(255, 255, 255, 0.95);\n        --app-header-shadow: {\n          box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.2);\n          height: 10px;\n          bottom: -10px;\n        };\n      }\n\n      app-header:not([shadow]) {\n        border-bottom: 1px solid #ddd;\n      }\n\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: #f3f3f3;\n        };\n      }\n\n      #mainToolbar {\n        height: 110px;\n      }\n\n      paper-icon-button {\n        color: #000;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .navItem {\n        @apply --layout-self-start;\n        margin-top: 13px;\n        width: 88px;\n      }\n\n      .spacer {\n        @apply --layout;\n        @apply --layout-flex-auto;\n        @apply --layout-center-center;\n      }\n\n      .logo {\n        width: 120px;\n        height: 40px;\n        background-size: 100% 100%;\n      }\n\n      .leftItem [icon] {\n        display: none;\n      }\n\n\n      shrine-detail {\n        height: calc(100vh - 65px);\n      }\n\n      :host([page=detail]) #mainToolbar {\n        height: 64px;\n      }\n\n      :host([page=detail]) paper-tabs {\n        display: none;\n      }\n\n      :host([page=detail]) .leftItem [icon=arrow-back] {\n        display: block;\n      }\n\n      :host([page=detail]) .leftItem [icon=menu] {\n        display: none;\n      }\n\n      paper-tabs {\n        --paper-tabs-selection-bar-color: #31f0ef;\n        margin-left: -55px;\n        color: #31f0ef;\n        font-size: 13px;\n      }\n\n      paper-tab {\n        @apply --layout-flex-none;\n        padding: 0;\n        --paper-tab-ink: #31f0ef;\n      }\n\n      paper-tab a {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        text-decoration: none;\n        text-transform: uppercase;\n        color: #7c7c7c;\n        font-weight: 500;\n        padding: 0 20px;\n        height: 100%;\n      }\n\n      .list {\n        margin-left: 20px;\n        margin-right: 20px;\n      }\n\n      .list a {\n        display: block;\n        line-height: 40px;\n        text-decoration: none;\n        text-transform: uppercase;\n        color: #7c7c7c;\n      }\n\n      .list a.active {\n        color: black;\n        font-weight: bold;\n      }\n\n      .profileBar {\n        margin-bottom: 40px;\n      }\n\n      .profilePic {\n        border-radius: 50% 50%;\n      }\n\n      .profileName {\n        @apply --layout-flex;\n        margin-left: 20px;\n        font-size: 14px;\n        font-weight: 500;\n        color: #0a3142;\n      }\n\n      [icon=settings] {\n        width: 35px;\n        height: 35px;\n        color: #0a3142;\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        .logo {\n          width: 89px;\n          height: 17px;\n        }\n\n        #mainToolbar {\n          height: 64px;\n        }\n\n        shrine-detail {\n          height: auto;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .leftItem [icon=menu] {\n          display: block;\n        }\n\n        paper-tabs {\n          display: none;\n        }\n      }\n\n    </style>\n\n    <app-location route=\"{{route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{route}}\" pattern=\":section\" data=\"{{sectionData}}\" tail=\"{{subRoute}}\"></app-route>\n    <app-route route=\"{{subRoute}}\" pattern=\"/:id\" data=\"{{idData}}\" active=\"{{onDetailPage}}\"></app-route>\n\n    <iron-media-query query=\"max-width: 400px\" query-matches=\"{{smallScreen}}\"></iron-media-query>\n\n    <app-drawer-layout drawer-width=\"288px\" force-narrow>\n      <!-- navigation drawer for small screen sizes -->\n      <app-drawer slot=\"drawer\" id=\"drawer\" swipe-open=\"[[smallScreen]]\">\n        <template is=\"dom-if\" if=\"[[smallScreen]]\">\n          <app-toolbar class=\"profileBar\">\n            <img class=\"profilePic\" src=\"//app-layout-assets.appspot.com/assets/shrine/profile_pic.jpg\" width=\"30\" height=\"30\">\n            <div class=\"profileName\">Stella</div>\n            <paper-icon-button icon=\"settings\" aria-label=\"Settings\"></paper-icon-button>\n          </app-toolbar>\n          <div class=\"list\">\n            <template is=\"dom-repeat\" items=\"[[sections]]\" as=\"section\" initial-count=\"1\">\n              <a href=\"#[[section]]\" class\\$=\"[[_getSectionClass(index, selectedTab)]]\">[[section]]</a>\n            </template>\n          </div>\n        </template>\n      </app-drawer>\n\n      <app-header-layout id=\"headerLayout\">\n        <!-- main header -->\n        <app-header slot=\"header\" effects=\"waterfall\" fixed=\"[[smallScreen]]\" condenses=\"[[!smallScreen]]\" reveals=\"[[!smallScreen]]\">\n          <app-toolbar id=\"mainToolbar\">\n            <div class=\"navItem leftItem\">\n              <paper-icon-button icon=\"menu\" drawer-toggle alt=\"Toogle navigation menu\"></paper-icon-button>\n              <a href=\"#[[sectionData.section]]\" tabindex=\"-1\"><paper-icon-button icon=\"arrow-back\" alt=\"Back to the home\"></paper-icon-button></a>\n            </div>\n            <div class=\"spacer\">\n              <img src=\"//app-layout-assets.appspot.com/assets/shrine/shrine_logo.svg\" class=\"logo\" alt=\"SHRINE\">\n            </div>\n            <div class=\"navItem\">\n              <paper-icon-button icon=\"shopping-cart\" aria-label=\"Shopping cart\"></paper-icon-button>\n              <paper-icon-button icon=\"more-vert\" aria-label=\"More options\"></paper-icon-button>\n            </div>\n          </app-toolbar>\n          <template is=\"dom-if\" if=\"[[_shouldShowTabs(onDetailPage, smallScreen)]]\">\n            <paper-tabs selected=\"[[selectedTab]]\" scrollable sticky\\$=\"[[_shouldShowTabs(onDetailPage, smallScreen)]]\">\n              <template is=\"dom-repeat\" items=\"[[sections]]\" as=\"section\">\n                <paper-tab>\n                  <a href=\"#[[section]]\">[[section]]</a>\n                </paper-tab>\n              </template>\n            </paper-tabs>\n          </template>\n        </app-header>\n\n        <iron-pages selected=\"[[page]]\" attr-for-selected=\"name\">\n          <!-- detail of item -->\n          <template is=\"dom-if\" if=\"[[_equal(page, 'detail')]]\">\n            <shrine-detail name=\"detail\" section=\"[[sectionData.section]]\" related-items=\"[[items]]\" item=\"[[_getDetailItem(items, idData.id)]]\">\n            </shrine-detail>\n          </template>\n          <!-- list of items -->\n          <template is=\"dom-if\" if=\"[[_equal(page, 'list')]]\">\n            <shrine-list name=\"list\" section=\"[[sectionData.section]]\" items=\"[[_getItemsCopy(items, sectionData.section)]]\" featured-item=\"[[_getFeaturedItem(featuredItems, sectionData.section)]]\">\n            </shrine-list>\n          </template>\n        </iron-pages>\n\n      </app-header-layout>\n    </app-drawer-layout>\n"]))),
     is: 'shrine-app',
     properties: {
       sections: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-detail.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-detail.js
index cbea22c6d02..74ed92dca05 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-detail.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-detail.js
@@ -1,10 +1,10 @@
 define(["../../../../iron-flex-layout/iron-flex-layout.js", "../../../../paper-icon-button/paper-icon-button.js", "../../../../paper-fab/paper-fab.js", "../../../../iron-icons/iron-icons.js", "./shrine-simple-item.js", "../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_ironFlexLayout, _paperIconButton, _paperFab, _ironIcons, _shrineSimpleItem, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bfdc3301f0511ed8cc3e9a95995ad69;
+  var _templateObject_770d92f01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9bfdc3301f0511ed8cc3e9a95995ad69 || (_templateObject_9bfdc3301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      .items {\n        -webkit-flex: 1 1 35%;\n        flex: 1 1 35%;\n        width: 35%;\n        overflow-y: auto;\n        background-color: #f3f3f3;\n        padding-left: 10px;\n        padding-right: 10px;\n        box-sizing: border-box;\n      }\n\n      .itemsGrid {\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n        @apply --layout-center-justified;\n        margin-top: 10px;\n      }\n\n      .itemsGrid > .item {\n        -webkit-flex: 1 calc(50% - 20px);\n        flex: 1 calc(50% - 20px);\n        max-width: calc(50% - 20px);\n        height: 15vmax;\n        min-height: 100px;\n        margin: 10px;\n        text-decoration: none;\n        background-color: white;\n      }\n\n      .detailSection {\n        @apply --layout;\n        width: 65%;\n        -webkit-flex: 1 1 65%;\n        flex: 1 1 65%;\n      }\n\n      .detailGrid {\n        width: 100%;\n        padding: 128px 0 64px;\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n        @apply --layout-center-justified;\n      }\n\n      .image {\n        width: 40vmin;\n        position: relative;\n      }\n\n      .image img {\n        max-height: 100%;\n        max-width: 100%;\n        width: auto;\n      }\n\n      .content {\n        width: 400px;\n      }\n\n      .store {\n        margin-top: 30px;\n        border-top: 1px solid #ddd;\n      }\n\n      .store h3 {\n        font-size: 13px;\n        font-weight: 500;\n      }\n\n      .info {\n        color: rgba(255, 223, 223, 1);\n        position: absolute;\n        top: 0;\n        right: 0;\n      }\n\n      .quantitySelector {\n        position: relative;\n        display: inline-block;\n      }\n\n      .quantitySelector::after {\n        display: block;\n        content: '\\25BC';\n        position: absolute;\n        top: calc(50% - 8px);\n        right: 10px;\n        speak: none;\n        -webkit-transform: scaleY(.6) scaleX(1);\n        transform: scaleY(.6) scaleX(1);\n        color: #666;\n        pointer-events: none;\n      }\n\n      .quantitySelector select {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        padding: 10px 20px;\n        border: 1px solid rgba(0, 0, 0, .2);\n        background-color: white;\n        border-radius: 0;\n        position: relative;\n        min-width: 180px;\n        font-size: 20px;\n      }\n\n      .quantitySelector select:focus {\n        outline: 0;\n        border-color: rgba(0, 0, 0, .5);\n      }\n\n      h1 {\n        font-family: 'Abril Fatface', cursive;\n        font-size: 2.5em;\n        font-weight: 300;\n        color: #0a3142;\n      }\n\n      p {\n        font-size: 13px;\n        font-weight: 300;\n        line-height: 20px;\n        color: #333;\n      }\n\n      paper-fab {\n        --paper-fab-background: #31f0ef;\n        --paper-fab-keyboard-focus-background: #21e0df;\n        color: #0a3142;\n        display: -webkit-inline-flex;\n        display: inline-flex;\n        margin-left: 20px;\n        --paper-fab-iron-icon: {\n          width: 20px;\n          height: 20px;\n        };\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        :host {\n          @apply --layout-center;\n          @apply --layout-vertical-reverse;\n        }\n\n        .items {\n          @apply --layout-flex-none;\n          width: 100vw;\n        }\n\n        .itemsGrid > .item {\n          -webkit-flex: 1 calc(33% - 20px);\n          flex: 1 calc(33% - 20px);\n          max-width: calc(33% - 20px);\n          height: 40vmin;\n        }\n\n        .detailSection {\n          @apply --layout-flex-none;\n          width: 90vw;\n          margin-left: 10px;\n          margin-right: 10px;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .detailSection {\n          @apply --layout-flex-none;\n        }\n\n        .itemsGrid > .item {\n          -webkit-flex: 1 calc(50% - 20px);\n          flex: 1 calc(50% - 20px);\n          max-width: calc(50% - 20px);\n        }\n\n        h1 {\n          text-align: center;\n        }\n\n        .detailGrid {\n          width: 100%;\n          padding: 32px 0 64px;\n        }\n      }\n\n    </style>\n\n    <div class=\"items\">\n      <div class=\"itemsGrid\">\n        <template is=\"dom-repeat\" items=\"[[relatedItems]]\">\n          <a href$=\"#[[section]]/[[item.id]]\" title$=\"[[item.title]]\" class=\"item\">\n            <shrine-simple-item item=\"[[item]]\"></shrine-simple-item>\n          </a>\n        </template>\n      </div>\n    </div>\n\n    <div class=\"detailSection\">\n      <div class=\"detailGrid\">\n        <div class=\"image\">\n          <img id=\"img\">\n          <div class=\"info\">\n            <paper-icon-button icon=\"info-outline\" aria-label=\"More information about the item\"></paper-icon-button>\n          </div>\n        </div>\n    \n        <div class=\"content\">\n          <h1>[[item.title]]</h1>\n          <p>[[item.description]]</p>\n          <div class=\"quantitySelector\">\n            <select aria-label=\"Change number of items\">\n              <option value=\"1\">Quantity 1</option>\n              <option value=\"2\">Quantity 2</option>\n              <option value=\"3\">Quantity 3</option>\n              <option value=\"4\">Quantity 4</option>\n              <option value=\"5\">Quantity 5</option>\n            </select>\n          </div>\n          <paper-fab mini icon=\"add-shopping-cart\" aria-label=\"add to the shopping cart\"></paper-fab>\n          <div class=\"store\">\n            <h3>[[item.storeName]]</h3>\n            <p>[[item.storeDescription]]</p>\n          </div>\n        </div>\n      </div>\n    </div>\n"], ["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      .items {\n        -webkit-flex: 1 1 35%;\n        flex: 1 1 35%;\n        width: 35%;\n        overflow-y: auto;\n        background-color: #f3f3f3;\n        padding-left: 10px;\n        padding-right: 10px;\n        box-sizing: border-box;\n      }\n\n      .itemsGrid {\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n        @apply --layout-center-justified;\n        margin-top: 10px;\n      }\n\n      .itemsGrid > .item {\n        -webkit-flex: 1 calc(50% - 20px);\n        flex: 1 calc(50% - 20px);\n        max-width: calc(50% - 20px);\n        height: 15vmax;\n        min-height: 100px;\n        margin: 10px;\n        text-decoration: none;\n        background-color: white;\n      }\n\n      .detailSection {\n        @apply --layout;\n        width: 65%;\n        -webkit-flex: 1 1 65%;\n        flex: 1 1 65%;\n      }\n\n      .detailGrid {\n        width: 100%;\n        padding: 128px 0 64px;\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n        @apply --layout-center-justified;\n      }\n\n      .image {\n        width: 40vmin;\n        position: relative;\n      }\n\n      .image img {\n        max-height: 100%;\n        max-width: 100%;\n        width: auto;\n      }\n\n      .content {\n        width: 400px;\n      }\n\n      .store {\n        margin-top: 30px;\n        border-top: 1px solid #ddd;\n      }\n\n      .store h3 {\n        font-size: 13px;\n        font-weight: 500;\n      }\n\n      .info {\n        color: rgba(255, 223, 223, 1);\n        position: absolute;\n        top: 0;\n        right: 0;\n      }\n\n      .quantitySelector {\n        position: relative;\n        display: inline-block;\n      }\n\n      .quantitySelector::after {\n        display: block;\n        content: '\\\\25BC';\n        position: absolute;\n        top: calc(50% - 8px);\n        right: 10px;\n        speak: none;\n        -webkit-transform: scaleY(.6) scaleX(1);\n        transform: scaleY(.6) scaleX(1);\n        color: #666;\n        pointer-events: none;\n      }\n\n      .quantitySelector select {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        padding: 10px 20px;\n        border: 1px solid rgba(0, 0, 0, .2);\n        background-color: white;\n        border-radius: 0;\n        position: relative;\n        min-width: 180px;\n        font-size: 20px;\n      }\n\n      .quantitySelector select:focus {\n        outline: 0;\n        border-color: rgba(0, 0, 0, .5);\n      }\n\n      h1 {\n        font-family: 'Abril Fatface', cursive;\n        font-size: 2.5em;\n        font-weight: 300;\n        color: #0a3142;\n      }\n\n      p {\n        font-size: 13px;\n        font-weight: 300;\n        line-height: 20px;\n        color: #333;\n      }\n\n      paper-fab {\n        --paper-fab-background: #31f0ef;\n        --paper-fab-keyboard-focus-background: #21e0df;\n        color: #0a3142;\n        display: -webkit-inline-flex;\n        display: inline-flex;\n        margin-left: 20px;\n        --paper-fab-iron-icon: {\n          width: 20px;\n          height: 20px;\n        };\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        :host {\n          @apply --layout-center;\n          @apply --layout-vertical-reverse;\n        }\n\n        .items {\n          @apply --layout-flex-none;\n          width: 100vw;\n        }\n\n        .itemsGrid > .item {\n          -webkit-flex: 1 calc(33% - 20px);\n          flex: 1 calc(33% - 20px);\n          max-width: calc(33% - 20px);\n          height: 40vmin;\n        }\n\n        .detailSection {\n          @apply --layout-flex-none;\n          width: 90vw;\n          margin-left: 10px;\n          margin-right: 10px;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .detailSection {\n          @apply --layout-flex-none;\n        }\n\n        .itemsGrid > .item {\n          -webkit-flex: 1 calc(50% - 20px);\n          flex: 1 calc(50% - 20px);\n          max-width: calc(50% - 20px);\n        }\n\n        h1 {\n          text-align: center;\n        }\n\n        .detailGrid {\n          width: 100%;\n          padding: 32px 0 64px;\n        }\n      }\n\n    </style>\n\n    <div class=\"items\">\n      <div class=\"itemsGrid\">\n        <template is=\"dom-repeat\" items=\"[[relatedItems]]\">\n          <a href\\$=\"#[[section]]/[[item.id]]\" title\\$=\"[[item.title]]\" class=\"item\">\n            <shrine-simple-item item=\"[[item]]\"></shrine-simple-item>\n          </a>\n        </template>\n      </div>\n    </div>\n\n    <div class=\"detailSection\">\n      <div class=\"detailGrid\">\n        <div class=\"image\">\n          <img id=\"img\">\n          <div class=\"info\">\n            <paper-icon-button icon=\"info-outline\" aria-label=\"More information about the item\"></paper-icon-button>\n          </div>\n        </div>\n    \n        <div class=\"content\">\n          <h1>[[item.title]]</h1>\n          <p>[[item.description]]</p>\n          <div class=\"quantitySelector\">\n            <select aria-label=\"Change number of items\">\n              <option value=\"1\">Quantity 1</option>\n              <option value=\"2\">Quantity 2</option>\n              <option value=\"3\">Quantity 3</option>\n              <option value=\"4\">Quantity 4</option>\n              <option value=\"5\">Quantity 5</option>\n            </select>\n          </div>\n          <paper-fab mini icon=\"add-shopping-cart\" aria-label=\"add to the shopping cart\"></paper-fab>\n          <div class=\"store\">\n            <h3>[[item.storeName]]</h3>\n            <p>[[item.storeDescription]]</p>\n          </div>\n        </div>\n      </div>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_770d92f01f2611eda0c389891c227ec8 || (_templateObject_770d92f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      .items {\n        -webkit-flex: 1 1 35%;\n        flex: 1 1 35%;\n        width: 35%;\n        overflow-y: auto;\n        background-color: #f3f3f3;\n        padding-left: 10px;\n        padding-right: 10px;\n        box-sizing: border-box;\n      }\n\n      .itemsGrid {\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n        @apply --layout-center-justified;\n        margin-top: 10px;\n      }\n\n      .itemsGrid > .item {\n        -webkit-flex: 1 calc(50% - 20px);\n        flex: 1 calc(50% - 20px);\n        max-width: calc(50% - 20px);\n        height: 15vmax;\n        min-height: 100px;\n        margin: 10px;\n        text-decoration: none;\n        background-color: white;\n      }\n\n      .detailSection {\n        @apply --layout;\n        width: 65%;\n        -webkit-flex: 1 1 65%;\n        flex: 1 1 65%;\n      }\n\n      .detailGrid {\n        width: 100%;\n        padding: 128px 0 64px;\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n        @apply --layout-center-justified;\n      }\n\n      .image {\n        width: 40vmin;\n        position: relative;\n      }\n\n      .image img {\n        max-height: 100%;\n        max-width: 100%;\n        width: auto;\n      }\n\n      .content {\n        width: 400px;\n      }\n\n      .store {\n        margin-top: 30px;\n        border-top: 1px solid #ddd;\n      }\n\n      .store h3 {\n        font-size: 13px;\n        font-weight: 500;\n      }\n\n      .info {\n        color: rgba(255, 223, 223, 1);\n        position: absolute;\n        top: 0;\n        right: 0;\n      }\n\n      .quantitySelector {\n        position: relative;\n        display: inline-block;\n      }\n\n      .quantitySelector::after {\n        display: block;\n        content: '\\25BC';\n        position: absolute;\n        top: calc(50% - 8px);\n        right: 10px;\n        speak: none;\n        -webkit-transform: scaleY(.6) scaleX(1);\n        transform: scaleY(.6) scaleX(1);\n        color: #666;\n        pointer-events: none;\n      }\n\n      .quantitySelector select {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        padding: 10px 20px;\n        border: 1px solid rgba(0, 0, 0, .2);\n        background-color: white;\n        border-radius: 0;\n        position: relative;\n        min-width: 180px;\n        font-size: 20px;\n      }\n\n      .quantitySelector select:focus {\n        outline: 0;\n        border-color: rgba(0, 0, 0, .5);\n      }\n\n      h1 {\n        font-family: 'Abril Fatface', cursive;\n        font-size: 2.5em;\n        font-weight: 300;\n        color: #0a3142;\n      }\n\n      p {\n        font-size: 13px;\n        font-weight: 300;\n        line-height: 20px;\n        color: #333;\n      }\n\n      paper-fab {\n        --paper-fab-background: #31f0ef;\n        --paper-fab-keyboard-focus-background: #21e0df;\n        color: #0a3142;\n        display: -webkit-inline-flex;\n        display: inline-flex;\n        margin-left: 20px;\n        --paper-fab-iron-icon: {\n          width: 20px;\n          height: 20px;\n        };\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        :host {\n          @apply --layout-center;\n          @apply --layout-vertical-reverse;\n        }\n\n        .items {\n          @apply --layout-flex-none;\n          width: 100vw;\n        }\n\n        .itemsGrid > .item {\n          -webkit-flex: 1 calc(33% - 20px);\n          flex: 1 calc(33% - 20px);\n          max-width: calc(33% - 20px);\n          height: 40vmin;\n        }\n\n        .detailSection {\n          @apply --layout-flex-none;\n          width: 90vw;\n          margin-left: 10px;\n          margin-right: 10px;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .detailSection {\n          @apply --layout-flex-none;\n        }\n\n        .itemsGrid > .item {\n          -webkit-flex: 1 calc(50% - 20px);\n          flex: 1 calc(50% - 20px);\n          max-width: calc(50% - 20px);\n        }\n\n        h1 {\n          text-align: center;\n        }\n\n        .detailGrid {\n          width: 100%;\n          padding: 32px 0 64px;\n        }\n      }\n\n    </style>\n\n    <div class=\"items\">\n      <div class=\"itemsGrid\">\n        <template is=\"dom-repeat\" items=\"[[relatedItems]]\">\n          <a href$=\"#[[section]]/[[item.id]]\" title$=\"[[item.title]]\" class=\"item\">\n            <shrine-simple-item item=\"[[item]]\"></shrine-simple-item>\n          </a>\n        </template>\n      </div>\n    </div>\n\n    <div class=\"detailSection\">\n      <div class=\"detailGrid\">\n        <div class=\"image\">\n          <img id=\"img\">\n          <div class=\"info\">\n            <paper-icon-button icon=\"info-outline\" aria-label=\"More information about the item\"></paper-icon-button>\n          </div>\n        </div>\n    \n        <div class=\"content\">\n          <h1>[[item.title]]</h1>\n          <p>[[item.description]]</p>\n          <div class=\"quantitySelector\">\n            <select aria-label=\"Change number of items\">\n              <option value=\"1\">Quantity 1</option>\n              <option value=\"2\">Quantity 2</option>\n              <option value=\"3\">Quantity 3</option>\n              <option value=\"4\">Quantity 4</option>\n              <option value=\"5\">Quantity 5</option>\n            </select>\n          </div>\n          <paper-fab mini icon=\"add-shopping-cart\" aria-label=\"add to the shopping cart\"></paper-fab>\n          <div class=\"store\">\n            <h3>[[item.storeName]]</h3>\n            <p>[[item.storeDescription]]</p>\n          </div>\n        </div>\n      </div>\n    </div>\n"], ["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      .items {\n        -webkit-flex: 1 1 35%;\n        flex: 1 1 35%;\n        width: 35%;\n        overflow-y: auto;\n        background-color: #f3f3f3;\n        padding-left: 10px;\n        padding-right: 10px;\n        box-sizing: border-box;\n      }\n\n      .itemsGrid {\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n        @apply --layout-center-justified;\n        margin-top: 10px;\n      }\n\n      .itemsGrid > .item {\n        -webkit-flex: 1 calc(50% - 20px);\n        flex: 1 calc(50% - 20px);\n        max-width: calc(50% - 20px);\n        height: 15vmax;\n        min-height: 100px;\n        margin: 10px;\n        text-decoration: none;\n        background-color: white;\n      }\n\n      .detailSection {\n        @apply --layout;\n        width: 65%;\n        -webkit-flex: 1 1 65%;\n        flex: 1 1 65%;\n      }\n\n      .detailGrid {\n        width: 100%;\n        padding: 128px 0 64px;\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n        @apply --layout-center-justified;\n      }\n\n      .image {\n        width: 40vmin;\n        position: relative;\n      }\n\n      .image img {\n        max-height: 100%;\n        max-width: 100%;\n        width: auto;\n      }\n\n      .content {\n        width: 400px;\n      }\n\n      .store {\n        margin-top: 30px;\n        border-top: 1px solid #ddd;\n      }\n\n      .store h3 {\n        font-size: 13px;\n        font-weight: 500;\n      }\n\n      .info {\n        color: rgba(255, 223, 223, 1);\n        position: absolute;\n        top: 0;\n        right: 0;\n      }\n\n      .quantitySelector {\n        position: relative;\n        display: inline-block;\n      }\n\n      .quantitySelector::after {\n        display: block;\n        content: '\\\\25BC';\n        position: absolute;\n        top: calc(50% - 8px);\n        right: 10px;\n        speak: none;\n        -webkit-transform: scaleY(.6) scaleX(1);\n        transform: scaleY(.6) scaleX(1);\n        color: #666;\n        pointer-events: none;\n      }\n\n      .quantitySelector select {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        padding: 10px 20px;\n        border: 1px solid rgba(0, 0, 0, .2);\n        background-color: white;\n        border-radius: 0;\n        position: relative;\n        min-width: 180px;\n        font-size: 20px;\n      }\n\n      .quantitySelector select:focus {\n        outline: 0;\n        border-color: rgba(0, 0, 0, .5);\n      }\n\n      h1 {\n        font-family: 'Abril Fatface', cursive;\n        font-size: 2.5em;\n        font-weight: 300;\n        color: #0a3142;\n      }\n\n      p {\n        font-size: 13px;\n        font-weight: 300;\n        line-height: 20px;\n        color: #333;\n      }\n\n      paper-fab {\n        --paper-fab-background: #31f0ef;\n        --paper-fab-keyboard-focus-background: #21e0df;\n        color: #0a3142;\n        display: -webkit-inline-flex;\n        display: inline-flex;\n        margin-left: 20px;\n        --paper-fab-iron-icon: {\n          width: 20px;\n          height: 20px;\n        };\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        :host {\n          @apply --layout-center;\n          @apply --layout-vertical-reverse;\n        }\n\n        .items {\n          @apply --layout-flex-none;\n          width: 100vw;\n        }\n\n        .itemsGrid > .item {\n          -webkit-flex: 1 calc(33% - 20px);\n          flex: 1 calc(33% - 20px);\n          max-width: calc(33% - 20px);\n          height: 40vmin;\n        }\n\n        .detailSection {\n          @apply --layout-flex-none;\n          width: 90vw;\n          margin-left: 10px;\n          margin-right: 10px;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .detailSection {\n          @apply --layout-flex-none;\n        }\n\n        .itemsGrid > .item {\n          -webkit-flex: 1 calc(50% - 20px);\n          flex: 1 calc(50% - 20px);\n          max-width: calc(50% - 20px);\n        }\n\n        h1 {\n          text-align: center;\n        }\n\n        .detailGrid {\n          width: 100%;\n          padding: 32px 0 64px;\n        }\n      }\n\n    </style>\n\n    <div class=\"items\">\n      <div class=\"itemsGrid\">\n        <template is=\"dom-repeat\" items=\"[[relatedItems]]\">\n          <a href\\$=\"#[[section]]/[[item.id]]\" title\\$=\"[[item.title]]\" class=\"item\">\n            <shrine-simple-item item=\"[[item]]\"></shrine-simple-item>\n          </a>\n        </template>\n      </div>\n    </div>\n\n    <div class=\"detailSection\">\n      <div class=\"detailGrid\">\n        <div class=\"image\">\n          <img id=\"img\">\n          <div class=\"info\">\n            <paper-icon-button icon=\"info-outline\" aria-label=\"More information about the item\"></paper-icon-button>\n          </div>\n        </div>\n    \n        <div class=\"content\">\n          <h1>[[item.title]]</h1>\n          <p>[[item.description]]</p>\n          <div class=\"quantitySelector\">\n            <select aria-label=\"Change number of items\">\n              <option value=\"1\">Quantity 1</option>\n              <option value=\"2\">Quantity 2</option>\n              <option value=\"3\">Quantity 3</option>\n              <option value=\"4\">Quantity 4</option>\n              <option value=\"5\">Quantity 5</option>\n            </select>\n          </div>\n          <paper-fab mini icon=\"add-shopping-cart\" aria-label=\"add to the shopping cart\"></paper-fab>\n          <div class=\"store\">\n            <h3>[[item.storeName]]</h3>\n            <p>[[item.storeDescription]]</p>\n          </div>\n        </div>\n      </div>\n    </div>\n"]))),
     is: 'shrine-detail',
     properties: {
       item: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-featured-item.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-featured-item.js
index d5468482e42..04b2c81c9e3 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-featured-item.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-featured-item.js
@@ -1,10 +1,10 @@
 define(["../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bff97f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_770e56401f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9bff97f01f0511ed8cc3e9a95995ad69 || (_templateObject_9bff97f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        display: block;\n        background-color: white;\n        height: 500px;\n        overflow: hidden;\n        position: relative;\n        visibility: hidden;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      .price {\n        position: absolute;\n        right: 0;\n        top: 0;\n        background-color: #fee0e0;\n        height: 50px;\n        line-height: 50px;\n        font-size: 20px;\n        padding-left: 30px;\n        padding-right: 30px;\n      }\n\n      .pic {\n        position: relative;\n        width: 40%;\n      }\n\n      .pic img {\n        width: 100%;\n      }\n\n      .detail {\n        position: absolute;\n        top: 0;\n        right: 20px;\n        width: 40em;\n        max-width: 60%;\n      }\n\n      h1 {\n        font-family: 'Abril Fatface', cursive;\n        font-size: 6em;\n        font-weight: 300;\n        color: #0a3142;\n        margin: 0;\n        line-height: 1em;\n        margin-top: 60px;\n        margin-bottom: 60px;\n        display: block;\n        text-decoration: none;\n        border-bottom: 1px solid transparent;\n      }\n\n      .desc {\n        position: relative;\n        max-width: 300px;\n        float: right;\n      }\n\n      .desc::before {\n        background-color: #31f0ef;\n        content: \"\";\n        height: 6px;\n        left: 0;\n        line-height: 21px;\n        position: absolute;\n        top: -6px;\n        width: 100px;\n      }\n\n      .desc p {\n        margin-bottom: 30px;\n        font-size: 14px;\n        color: #333;\n        font-weight: 300;\n      }\n\n      .desc .author {\n        font-size: 11px;\n        line-height: 30px;\n        color: #000;\n      }\n\n      .desc .author img {\n        width: 30px;\n        height: 30px;\n        border-radius: 50% 50%;\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 10px;\n        border: 2px solid white;\n      }\n\n      @media (max-width: 1200px) {\n        :host {\n          height: 420px;\n        }\n\n        h1 {\n          font-size: 4em;\n          margin-top: 60px;\n          margin-bottom: 60px;\n        }\n      }\n\n      @media (max-width: 640px) {\n        h1 {\n          font-size: 3em;\n          margin-top: 60px;\n          margin-bottom: 60px;\n        }\n      }\n\n      @media (max-width: 400px) {\n        :host {\n          height: 260px;\n        }\n\n        h1 {\n          font-size: 2em;\n          margin-top: 40px;\n          margin-bottom: 40px;\n        }\n\n        .detail {\n          width: 60%;\n          right: 0;\n        }\n\n        .desc p {\n          font-size: 11px;\n        }\n\n        .price {\n          height: 30px;\n          line-height: 30px;\n          padding-left: 20px;\n          padding-right: 20px;\n          font-size: 15px;\n        }\n\n        .desc::before {\n          height: 3px;\n          top: -3px;\n        }\n      }\n\n    </style>\n\n    <div class=\"price\">[[item.price]]</div>\n    <div class=\"pic\">\n      <img id=\"img\">\n    </div>\n    <div class=\"detail\">\n      <h1>[[item.title]]</h1>\n      <div class=\"desc\">\n        <p>[[item.quote]]</p>\n        <div class=\"author\">\n          <img src=\"[[item.storeAvatarUrl]]\">\n          [[item.storeName]]\n        </div>\n      </div>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_770e56401f2611eda0c389891c227ec8 || (_templateObject_770e56401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        display: block;\n        background-color: white;\n        height: 500px;\n        overflow: hidden;\n        position: relative;\n        visibility: hidden;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      .price {\n        position: absolute;\n        right: 0;\n        top: 0;\n        background-color: #fee0e0;\n        height: 50px;\n        line-height: 50px;\n        font-size: 20px;\n        padding-left: 30px;\n        padding-right: 30px;\n      }\n\n      .pic {\n        position: relative;\n        width: 40%;\n      }\n\n      .pic img {\n        width: 100%;\n      }\n\n      .detail {\n        position: absolute;\n        top: 0;\n        right: 20px;\n        width: 40em;\n        max-width: 60%;\n      }\n\n      h1 {\n        font-family: 'Abril Fatface', cursive;\n        font-size: 6em;\n        font-weight: 300;\n        color: #0a3142;\n        margin: 0;\n        line-height: 1em;\n        margin-top: 60px;\n        margin-bottom: 60px;\n        display: block;\n        text-decoration: none;\n        border-bottom: 1px solid transparent;\n      }\n\n      .desc {\n        position: relative;\n        max-width: 300px;\n        float: right;\n      }\n\n      .desc::before {\n        background-color: #31f0ef;\n        content: \"\";\n        height: 6px;\n        left: 0;\n        line-height: 21px;\n        position: absolute;\n        top: -6px;\n        width: 100px;\n      }\n\n      .desc p {\n        margin-bottom: 30px;\n        font-size: 14px;\n        color: #333;\n        font-weight: 300;\n      }\n\n      .desc .author {\n        font-size: 11px;\n        line-height: 30px;\n        color: #000;\n      }\n\n      .desc .author img {\n        width: 30px;\n        height: 30px;\n        border-radius: 50% 50%;\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 10px;\n        border: 2px solid white;\n      }\n\n      @media (max-width: 1200px) {\n        :host {\n          height: 420px;\n        }\n\n        h1 {\n          font-size: 4em;\n          margin-top: 60px;\n          margin-bottom: 60px;\n        }\n      }\n\n      @media (max-width: 640px) {\n        h1 {\n          font-size: 3em;\n          margin-top: 60px;\n          margin-bottom: 60px;\n        }\n      }\n\n      @media (max-width: 400px) {\n        :host {\n          height: 260px;\n        }\n\n        h1 {\n          font-size: 2em;\n          margin-top: 40px;\n          margin-bottom: 40px;\n        }\n\n        .detail {\n          width: 60%;\n          right: 0;\n        }\n\n        .desc p {\n          font-size: 11px;\n        }\n\n        .price {\n          height: 30px;\n          line-height: 30px;\n          padding-left: 20px;\n          padding-right: 20px;\n          font-size: 15px;\n        }\n\n        .desc::before {\n          height: 3px;\n          top: -3px;\n        }\n      }\n\n    </style>\n\n    <div class=\"price\">[[item.price]]</div>\n    <div class=\"pic\">\n      <img id=\"img\">\n    </div>\n    <div class=\"detail\">\n      <h1>[[item.title]]</h1>\n      <div class=\"desc\">\n        <p>[[item.quote]]</p>\n        <div class=\"author\">\n          <img src=\"[[item.storeAvatarUrl]]\">\n          [[item.storeName]]\n        </div>\n      </div>\n    </div>\n"]))),
     is: 'shrine-featured-item',
     properties: {
       item: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-item.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-item.js
index de07eac20ac..d71e162ffe4 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-item.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-item.js
@@ -1,10 +1,10 @@
 define(["../../../../iron-icons/iron-icons.js", "../../../../iron-icon/iron-icon.js", "../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_ironIcons, _ironIcon, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9c0f9d801f0511ed8cc3e9a95995ad69;
+  var _templateObject_771163801f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9c0f9d801f0511ed8cc3e9a95995ad69 || (_templateObject_9c0f9d801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n        position: relative;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .pic {\n        width: 50%;\n        height: 50%;\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        transition: opacity 0.5s;\n        margin-top: 40px;\n      }\n\n      .link {\n        transition: opacity 0.5s;\n        font-family: 'Abril Fatface', cursive;\n        font-size: 2em;\n        color: #0a3142;\n      }\n\n      .price {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        font-size: 1em;\n        color: #111;\n        font-weight: bold;\n      }\n\n      .author {\n        font-size: 11px;\n        color: #000;\n        line-height: 5em;\n      }\n\n      .author img {\n        width: 30px;\n        height: 30px;\n        border-radius: 50% 50%;\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 10px;\n      }\n\n      .icons {\n        position: absolute;\n        top: 12px;\n        left: 12px;\n        transition: opacity 0.5s;\n      }\n\n      iron-icon {\n        width: 20px;\n        height: 20px;\n        color: #666;\n        margin: 5px;\n      }\n\n      :host::after {\n        content: \"\";\n        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        opacity: 0;\n        transition: opacity 0.5s;\n        pointer-events: none;\n        /* create a layer to only invalidate this layer for :hover */\n        transform: translateZ(0);\n      }\n\n      :host:hover::after {\n        opacity: 1;\n      }\n\n    </style>\n\n    <div class=\"pic\" style$=\"background-image: url([[item.imageUrl]]);\"></div>\n    <h2 class=\"link\">[[item.title]]</h2>\n    <span class=\"price\">[[item.price]]</span>\n\n    <div class=\"author\">\n      <img src=\"[[item.storeAvatarUrl]]\">\n      [[item.storeName]]\n    </div>\n"], ["\n    <style>\n\n      :host {\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n        position: relative;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .pic {\n        width: 50%;\n        height: 50%;\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        transition: opacity 0.5s;\n        margin-top: 40px;\n      }\n\n      .link {\n        transition: opacity 0.5s;\n        font-family: 'Abril Fatface', cursive;\n        font-size: 2em;\n        color: #0a3142;\n      }\n\n      .price {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        font-size: 1em;\n        color: #111;\n        font-weight: bold;\n      }\n\n      .author {\n        font-size: 11px;\n        color: #000;\n        line-height: 5em;\n      }\n\n      .author img {\n        width: 30px;\n        height: 30px;\n        border-radius: 50% 50%;\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 10px;\n      }\n\n      .icons {\n        position: absolute;\n        top: 12px;\n        left: 12px;\n        transition: opacity 0.5s;\n      }\n\n      iron-icon {\n        width: 20px;\n        height: 20px;\n        color: #666;\n        margin: 5px;\n      }\n\n      :host::after {\n        content: \"\";\n        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        opacity: 0;\n        transition: opacity 0.5s;\n        pointer-events: none;\n        /* create a layer to only invalidate this layer for :hover */\n        transform: translateZ(0);\n      }\n\n      :host:hover::after {\n        opacity: 1;\n      }\n\n    </style>\n\n    <div class=\"pic\" style\\$=\"background-image: url([[item.imageUrl]]);\"></div>\n    <h2 class=\"link\">[[item.title]]</h2>\n    <span class=\"price\">[[item.price]]</span>\n\n    <div class=\"author\">\n      <img src=\"[[item.storeAvatarUrl]]\">\n      [[item.storeName]]\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_771163801f2611eda0c389891c227ec8 || (_templateObject_771163801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n        position: relative;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .pic {\n        width: 50%;\n        height: 50%;\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        transition: opacity 0.5s;\n        margin-top: 40px;\n      }\n\n      .link {\n        transition: opacity 0.5s;\n        font-family: 'Abril Fatface', cursive;\n        font-size: 2em;\n        color: #0a3142;\n      }\n\n      .price {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        font-size: 1em;\n        color: #111;\n        font-weight: bold;\n      }\n\n      .author {\n        font-size: 11px;\n        color: #000;\n        line-height: 5em;\n      }\n\n      .author img {\n        width: 30px;\n        height: 30px;\n        border-radius: 50% 50%;\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 10px;\n      }\n\n      .icons {\n        position: absolute;\n        top: 12px;\n        left: 12px;\n        transition: opacity 0.5s;\n      }\n\n      iron-icon {\n        width: 20px;\n        height: 20px;\n        color: #666;\n        margin: 5px;\n      }\n\n      :host::after {\n        content: \"\";\n        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        opacity: 0;\n        transition: opacity 0.5s;\n        pointer-events: none;\n        /* create a layer to only invalidate this layer for :hover */\n        transform: translateZ(0);\n      }\n\n      :host:hover::after {\n        opacity: 1;\n      }\n\n    </style>\n\n    <div class=\"pic\" style$=\"background-image: url([[item.imageUrl]]);\"></div>\n    <h2 class=\"link\">[[item.title]]</h2>\n    <span class=\"price\">[[item.price]]</span>\n\n    <div class=\"author\">\n      <img src=\"[[item.storeAvatarUrl]]\">\n      [[item.storeName]]\n    </div>\n"], ["\n    <style>\n\n      :host {\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n        position: relative;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .pic {\n        width: 50%;\n        height: 50%;\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        transition: opacity 0.5s;\n        margin-top: 40px;\n      }\n\n      .link {\n        transition: opacity 0.5s;\n        font-family: 'Abril Fatface', cursive;\n        font-size: 2em;\n        color: #0a3142;\n      }\n\n      .price {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        font-size: 1em;\n        color: #111;\n        font-weight: bold;\n      }\n\n      .author {\n        font-size: 11px;\n        color: #000;\n        line-height: 5em;\n      }\n\n      .author img {\n        width: 30px;\n        height: 30px;\n        border-radius: 50% 50%;\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 10px;\n      }\n\n      .icons {\n        position: absolute;\n        top: 12px;\n        left: 12px;\n        transition: opacity 0.5s;\n      }\n\n      iron-icon {\n        width: 20px;\n        height: 20px;\n        color: #666;\n        margin: 5px;\n      }\n\n      :host::after {\n        content: \"\";\n        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        opacity: 0;\n        transition: opacity 0.5s;\n        pointer-events: none;\n        /* create a layer to only invalidate this layer for :hover */\n        transform: translateZ(0);\n      }\n\n      :host:hover::after {\n        opacity: 1;\n      }\n\n    </style>\n\n    <div class=\"pic\" style\\$=\"background-image: url([[item.imageUrl]]);\"></div>\n    <h2 class=\"link\">[[item.title]]</h2>\n    <span class=\"price\">[[item.price]]</span>\n\n    <div class=\"author\">\n      <img src=\"[[item.storeAvatarUrl]]\">\n      [[item.storeName]]\n    </div>\n"]))),
     is: 'shrine-item',
     properties: {
       item: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-list.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-list.js
index 13504cce488..fa705569ce6 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-list.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-list.js
@@ -1,10 +1,10 @@
 define(["./shrine-item.js", "./shrine-featured-item.js", "../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_shrineItem, _shrineFeaturedItem, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9c1e91a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_77129c001f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9c1e91a01f0511ed8cc3e9a95995ad69 || (_templateObject_9c1e91a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        display: block;\n        background-color: #f3f3f3;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      .grid {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-wrap;\n        margin-top: 10px;\n      }\n\n      .grid > .item {\n        -webkit-flex: 1 calc(33% - 20px);\n        flex: 1 calc(33% - 20px);\n        max-width: calc(33% - 20px);\n        height: 30vmax;\n        min-height: 250px;\n        margin: 10px;\n        text-decoration: none;\n        background-color: white;\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        .grid {\n          padding-left: 10px;\n          padding-right: 10px;\n          font-size: 0.7em;\n        }\n\n        .grid > .item {\n          -webkit-flex: 1 calc(50% - 20px);\n          flex: 1 calc(50% - 20px);\n          max-width: calc(50% - 20px);\n          margin: 10px;\n          text-decoration: none;\n          background-color: white;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .grid {\n          padding-left: 10px;\n          padding-right: 10px;\n        }\n\n        .grid > .item {\n          -webkit-flex: 1 calc(100% - 10px);\n          flex: 1 calc(1000% - 10px);\n          max-width: calc(100% - 10px);\n          margin: 5px;\n          text-decoration: none;\n          background-color: white;\n        }\n      }\n\n    </style>\n\n    <shrine-featured-item item=\"[[featuredItem]]\"></shrine-featured-item>\n\n    <div class=\"grid\">\n      <template is=\"dom-repeat\" items=\"[[items]]\" sort=\"_sortItems\" initial-count=\"1\">\n        <a href$=\"#[[section]]/[[item.id]]\" class=\"item\" aria-label$=\"More information about [[item.title]]\">\n          <shrine-item item=\"[[item]]\"></shrine-item>\n        </a>\n      </template>\n    </div>\n"], ["\n    <style>\n\n      :host {\n        display: block;\n        background-color: #f3f3f3;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      .grid {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-wrap;\n        margin-top: 10px;\n      }\n\n      .grid > .item {\n        -webkit-flex: 1 calc(33% - 20px);\n        flex: 1 calc(33% - 20px);\n        max-width: calc(33% - 20px);\n        height: 30vmax;\n        min-height: 250px;\n        margin: 10px;\n        text-decoration: none;\n        background-color: white;\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        .grid {\n          padding-left: 10px;\n          padding-right: 10px;\n          font-size: 0.7em;\n        }\n\n        .grid > .item {\n          -webkit-flex: 1 calc(50% - 20px);\n          flex: 1 calc(50% - 20px);\n          max-width: calc(50% - 20px);\n          margin: 10px;\n          text-decoration: none;\n          background-color: white;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .grid {\n          padding-left: 10px;\n          padding-right: 10px;\n        }\n\n        .grid > .item {\n          -webkit-flex: 1 calc(100% - 10px);\n          flex: 1 calc(1000% - 10px);\n          max-width: calc(100% - 10px);\n          margin: 5px;\n          text-decoration: none;\n          background-color: white;\n        }\n      }\n\n    </style>\n\n    <shrine-featured-item item=\"[[featuredItem]]\"></shrine-featured-item>\n\n    <div class=\"grid\">\n      <template is=\"dom-repeat\" items=\"[[items]]\" sort=\"_sortItems\" initial-count=\"1\">\n        <a href\\$=\"#[[section]]/[[item.id]]\" class=\"item\" aria-label\\$=\"More information about [[item.title]]\">\n          <shrine-item item=\"[[item]]\"></shrine-item>\n        </a>\n      </template>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_77129c001f2611eda0c389891c227ec8 || (_templateObject_77129c001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        display: block;\n        background-color: #f3f3f3;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      .grid {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-wrap;\n        margin-top: 10px;\n      }\n\n      .grid > .item {\n        -webkit-flex: 1 calc(33% - 20px);\n        flex: 1 calc(33% - 20px);\n        max-width: calc(33% - 20px);\n        height: 30vmax;\n        min-height: 250px;\n        margin: 10px;\n        text-decoration: none;\n        background-color: white;\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        .grid {\n          padding-left: 10px;\n          padding-right: 10px;\n          font-size: 0.7em;\n        }\n\n        .grid > .item {\n          -webkit-flex: 1 calc(50% - 20px);\n          flex: 1 calc(50% - 20px);\n          max-width: calc(50% - 20px);\n          margin: 10px;\n          text-decoration: none;\n          background-color: white;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .grid {\n          padding-left: 10px;\n          padding-right: 10px;\n        }\n\n        .grid > .item {\n          -webkit-flex: 1 calc(100% - 10px);\n          flex: 1 calc(1000% - 10px);\n          max-width: calc(100% - 10px);\n          margin: 5px;\n          text-decoration: none;\n          background-color: white;\n        }\n      }\n\n    </style>\n\n    <shrine-featured-item item=\"[[featuredItem]]\"></shrine-featured-item>\n\n    <div class=\"grid\">\n      <template is=\"dom-repeat\" items=\"[[items]]\" sort=\"_sortItems\" initial-count=\"1\">\n        <a href$=\"#[[section]]/[[item.id]]\" class=\"item\" aria-label$=\"More information about [[item.title]]\">\n          <shrine-item item=\"[[item]]\"></shrine-item>\n        </a>\n      </template>\n    </div>\n"], ["\n    <style>\n\n      :host {\n        display: block;\n        background-color: #f3f3f3;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      .grid {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-wrap;\n        margin-top: 10px;\n      }\n\n      .grid > .item {\n        -webkit-flex: 1 calc(33% - 20px);\n        flex: 1 calc(33% - 20px);\n        max-width: calc(33% - 20px);\n        height: 30vmax;\n        min-height: 250px;\n        margin: 10px;\n        text-decoration: none;\n        background-color: white;\n      }\n\n      /**\n       * Desktop small, tablet\n       */\n      @media (max-width: 1200px) {\n        .grid {\n          padding-left: 10px;\n          padding-right: 10px;\n          font-size: 0.7em;\n        }\n\n        .grid > .item {\n          -webkit-flex: 1 calc(50% - 20px);\n          flex: 1 calc(50% - 20px);\n          max-width: calc(50% - 20px);\n          margin: 10px;\n          text-decoration: none;\n          background-color: white;\n        }\n      }\n\n      /**\n       * Phone\n       */\n      @media (max-width: 400px) {\n        .grid {\n          padding-left: 10px;\n          padding-right: 10px;\n        }\n\n        .grid > .item {\n          -webkit-flex: 1 calc(100% - 10px);\n          flex: 1 calc(1000% - 10px);\n          max-width: calc(100% - 10px);\n          margin: 5px;\n          text-decoration: none;\n          background-color: white;\n        }\n      }\n\n    </style>\n\n    <shrine-featured-item item=\"[[featuredItem]]\"></shrine-featured-item>\n\n    <div class=\"grid\">\n      <template is=\"dom-repeat\" items=\"[[items]]\" sort=\"_sortItems\" initial-count=\"1\">\n        <a href\\$=\"#[[section]]/[[item.id]]\" class=\"item\" aria-label\\$=\"More information about [[item.title]]\">\n          <shrine-item item=\"[[item]]\"></shrine-item>\n        </a>\n      </template>\n    </div>\n"]))),
     is: 'shrine-list',
     properties: {
       items: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-simple-item.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-simple-item.js
index 2192512a969..1e4c010df6f 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-simple-item.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/shrine/src/shrine-simple-item.js
@@ -1,10 +1,10 @@
 define(["../../../../polymer/lib/legacy/polymer-fn.js", "../../../../polymer/lib/utils/html-tag.js"], function (_polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9c219ee01f0511ed8cc3e9a95995ad69;
+  var _templateObject_771386601f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9c219ee01f0511ed8cc3e9a95995ad69 || (_templateObject_9c219ee01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-wrap;\n        position: relative;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .pic {\n        width: 80%;\n        height: 80%;\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        transition: opacity 0.5s;\n      }\n\n      :host::after {\n        content: \"\";\n        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        opacity: 0;\n        transition: opacity 0.5s;\n        pointer-events: none;\n        /* create a layer to only invalidate this layer for :hover */\n        transform: translateZ(0);\n      }\n\n      :host:hover::after {\n        opacity: 1;\n      }\n\n    </style>\n\n    <div class=\"pic\" style$=\"background-image: url([[item.imageUrl]]);\"></div>\n"], ["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-wrap;\n        position: relative;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .pic {\n        width: 80%;\n        height: 80%;\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        transition: opacity 0.5s;\n      }\n\n      :host::after {\n        content: \"\";\n        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        opacity: 0;\n        transition: opacity 0.5s;\n        pointer-events: none;\n        /* create a layer to only invalidate this layer for :hover */\n        transform: translateZ(0);\n      }\n\n      :host:hover::after {\n        opacity: 1;\n      }\n\n    </style>\n\n    <div class=\"pic\" style\\$=\"background-image: url([[item.imageUrl]]);\"></div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_771386601f2611eda0c389891c227ec8 || (_templateObject_771386601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-wrap;\n        position: relative;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .pic {\n        width: 80%;\n        height: 80%;\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        transition: opacity 0.5s;\n      }\n\n      :host::after {\n        content: \"\";\n        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        opacity: 0;\n        transition: opacity 0.5s;\n        pointer-events: none;\n        /* create a layer to only invalidate this layer for :hover */\n        transform: translateZ(0);\n      }\n\n      :host:hover::after {\n        opacity: 1;\n      }\n\n    </style>\n\n    <div class=\"pic\" style$=\"background-image: url([[item.imageUrl]]);\"></div>\n"], ["\n    <style>\n\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-wrap;\n        position: relative;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        --paper-icon-button-ink-color: #31f0ef;\n      }\n\n      .pic {\n        width: 80%;\n        height: 80%;\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        transition: opacity 0.5s;\n      }\n\n      :host::after {\n        content: \"\";\n        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        opacity: 0;\n        transition: opacity 0.5s;\n        pointer-events: none;\n        /* create a layer to only invalidate this layer for :hover */\n        transform: translateZ(0);\n      }\n\n      :host:hover::after {\n        opacity: 1;\n      }\n\n    </style>\n\n    <div class=\"pic\" style\\$=\"background-image: url([[item.imageUrl]]);\"></div>\n"]))),
     is: 'shrine-simple-item',
     properties: {
       item: {
diff --git a/build/es5-amd/node_modules/@polymer/app-layout/templates/test-drive/test-app.js b/build/es5-amd/node_modules/@polymer/app-layout/templates/test-drive/test-app.js
index 8b41c5e029d..2476452c900 100644
--- a/build/es5-amd/node_modules/@polymer/app-layout/templates/test-drive/test-app.js
+++ b/build/es5-amd/node_modules/@polymer/app-layout/templates/test-drive/test-app.js
@@ -1,14 +1,14 @@
 define(["../../../iron-iconset-svg/iron-iconset-svg.js", "../../../paper-icon-button/paper-icon-button.js", "../../../paper-checkbox/paper-checkbox.js", "../../app-drawer-layout/app-drawer-layout.js", "../../app-drawer/app-drawer.js", "../../app-header-layout/app-header-layout.js", "../../app-header/app-header.js", "../../app-scroll-effects/app-scroll-effects.js", "../../app-toolbar/app-toolbar.js", "../../demo/sample-content.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_ironIconsetSvg, _paperIconButton, _paperCheckbox, _appDrawerLayout, _appDrawer, _appHeaderLayout, _appHeader, _appScrollEffects, _appToolbar, _sampleContent, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_98dcfb301f0511ed8cc3e9a95995ad69;
+  var _templateObject_73f1acf01f2611eda0c389891c227ec8;
 
   var $_documentContainer = document.createElement('template');
   $_documentContainer.setAttribute('style', 'display: none;');
   $_documentContainer.innerHTML = "<iron-iconset-svg name=\"app\" size=\"24\">\n<svg><defs>\n<g id=\"menu\"><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>";
   document.head.appendChild($_documentContainer.content);
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_98dcfb301f0511ed8cc3e9a95995ad69 || (_templateObject_98dcfb301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n    app-drawer-layout:not([narrow]) [drawer-toggle] {\n      display: none;\n    }\n\n    app-drawer section {\n      height: 100%;\n      overflow-y: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    app-drawer h2 {\n      margin: 8px 0 0;\n      padding: 18px;\n      font-size: 18px;\n    }\n\n    app-drawer paper-checkbox {\n      display: block;\n      padding: 18px;\n    }\n\n    app-header {\n      color: #fff;\n      background-color: #C62828;\n      --app-header-background-front-layer: {\n        background-image: url(https://app-layout-assets.appspot.com/assets/test-drive.jpg);\n        background-position: 50% 10%;\n      };\n    }\n\n    [main-title] {\n      font-size: 2em;\n    }\n\n    </style>\n\n    <app-drawer-layout>\n\n      <app-drawer swipe-open slot=\"drawer\">\n        <section>\n          <h2>app-header Properties</h2>\n          <paper-checkbox checked=\"{{condenses}}\">\n            condenses\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{fixed}}\">\n            fixed\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{reveals}}\">\n            reveals\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{shadow}}\">\n            shadow\n          </paper-checkbox>\n\n          <h2>app-header Effects</h2>\n          <paper-checkbox checked=\"{{blendBackground}}\">\n            blend-background\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{fadeBackground}}\">\n            fade-background\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{parallaxBackground}}\">\n            parallax-background\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{resizeSnappedTitle}}\">\n            resize-snapped-title\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{resizeTitle}}\">\n            resize-title\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{waterfall}}\">\n            waterfall\n          </paper-checkbox>\n        </section>\n      </app-drawer>\n\n      <app-header-layout>\n\n        <app-header condenses=\"[[condenses]]\" fixed=\"[[fixed]]\" reveals=\"[[reveals]]\" shadow=\"[[shadow]]\" effects=\"[[_computeEffects(blendBackground, fadeBackground, parallaxBackground, resizeSnappedTitle, resizeTitle, waterfall)]]\" slot=\"header\">\n\n          <app-toolbar>\n            <paper-icon-button icon=\"app:menu\" drawer-toggle></paper-icon-button>\n            <div condensed-title>Test Drive app-header</div>\n          </app-toolbar>\n\n          <app-toolbar></app-toolbar>\n\n          <app-toolbar>\n            <div main-title spacer>Test Drive</div>\n          </app-toolbar>\n\n        </app-header>\n\n        <sample-content size=\"100\"></sample-content>\n\n      </app-header-layout>\n\n    </app-drawer-layout>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_73f1acf01f2611eda0c389891c227ec8 || (_templateObject_73f1acf01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n    app-drawer-layout:not([narrow]) [drawer-toggle] {\n      display: none;\n    }\n\n    app-drawer section {\n      height: 100%;\n      overflow-y: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    app-drawer h2 {\n      margin: 8px 0 0;\n      padding: 18px;\n      font-size: 18px;\n    }\n\n    app-drawer paper-checkbox {\n      display: block;\n      padding: 18px;\n    }\n\n    app-header {\n      color: #fff;\n      background-color: #C62828;\n      --app-header-background-front-layer: {\n        background-image: url(https://app-layout-assets.appspot.com/assets/test-drive.jpg);\n        background-position: 50% 10%;\n      };\n    }\n\n    [main-title] {\n      font-size: 2em;\n    }\n\n    </style>\n\n    <app-drawer-layout>\n\n      <app-drawer swipe-open slot=\"drawer\">\n        <section>\n          <h2>app-header Properties</h2>\n          <paper-checkbox checked=\"{{condenses}}\">\n            condenses\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{fixed}}\">\n            fixed\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{reveals}}\">\n            reveals\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{shadow}}\">\n            shadow\n          </paper-checkbox>\n\n          <h2>app-header Effects</h2>\n          <paper-checkbox checked=\"{{blendBackground}}\">\n            blend-background\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{fadeBackground}}\">\n            fade-background\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{parallaxBackground}}\">\n            parallax-background\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{resizeSnappedTitle}}\">\n            resize-snapped-title\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{resizeTitle}}\">\n            resize-title\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{waterfall}}\">\n            waterfall\n          </paper-checkbox>\n        </section>\n      </app-drawer>\n\n      <app-header-layout>\n\n        <app-header condenses=\"[[condenses]]\" fixed=\"[[fixed]]\" reveals=\"[[reveals]]\" shadow=\"[[shadow]]\" effects=\"[[_computeEffects(blendBackground, fadeBackground, parallaxBackground, resizeSnappedTitle, resizeTitle, waterfall)]]\" slot=\"header\">\n\n          <app-toolbar>\n            <paper-icon-button icon=\"app:menu\" drawer-toggle></paper-icon-button>\n            <div condensed-title>Test Drive app-header</div>\n          </app-toolbar>\n\n          <app-toolbar></app-toolbar>\n\n          <app-toolbar>\n            <div main-title spacer>Test Drive</div>\n          </app-toolbar>\n\n        </app-header>\n\n        <sample-content size=\"100\"></sample-content>\n\n      </app-header-layout>\n\n    </app-drawer-layout>\n"]))),
     is: 'test-app',
     properties: {
       condenses: {
diff --git a/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/common-styles.js b/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/common-styles.js
index 9fd8766a623..e2848ac2935 100644
--- a/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/common-styles.js
+++ b/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/common-styles.js
@@ -1,9 +1,9 @@
 define(["../../polymer/polymer-legacy.js", "../../paper-styles/shadow.js", "../../paper-styles/typography.js", "../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _shadow, _typography, _htmlTag) {
   "use strict";
 
-  var _templateObject_9502ce401f0511ed8cc3e9a95995ad69;
+  var _templateObject_706578f01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9502ce401f0511ed8cc3e9a95995ad69 || (_templateObject_9502ce401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"common-styles\">\n  <template>\n    <style>\n      :host {\n        @apply --shadow-none;\n        @apply --paper-font-common-base;\n        display: block;\n        max-width: 600px;\n        margin: 40px auto;\n      }\n\n      .snippet {\n        @apply --shadow-elevation-2dp;\n      }\n\n      .code-container {\n        background-color: #f5f5f5;\n        padding: 20px;\n      }\n\n      .demo {\n        border-bottom: 1px solid #e0e0e0;\n        background-color: white;\n        padding: 20px;\n      }\n\n      paper-toggle-button {\n        display: inline-block;\n      }\n\n      .lang {\n        text-align: center;\n        font-size: 20px;\n      }\n\n      code {\n        display: block;\n      }\n\n      .demo div {\n        @apply --paper-font-body1;\n        line-height: 1.5;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var template = (0, _htmlTag.html)(_templateObject_706578f01f2611eda0c389891c227ec8 || (_templateObject_706578f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"common-styles\">\n  <template>\n    <style>\n      :host {\n        @apply --shadow-none;\n        @apply --paper-font-common-base;\n        display: block;\n        max-width: 600px;\n        margin: 40px auto;\n      }\n\n      .snippet {\n        @apply --shadow-elevation-2dp;\n      }\n\n      .code-container {\n        background-color: #f5f5f5;\n        padding: 20px;\n      }\n\n      .demo {\n        border-bottom: 1px solid #e0e0e0;\n        background-color: white;\n        padding: 20px;\n      }\n\n      paper-toggle-button {\n        display: inline-block;\n      }\n\n      .lang {\n        text-align: center;\n        font-size: 20px;\n      }\n\n      code {\n        display: block;\n      }\n\n      .demo div {\n        @apply --paper-font-body1;\n        line-height: 1.5;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/x-local-translate.js b/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/x-local-translate.js
index 58215585cd1..8791962b465 100644
--- a/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/x-local-translate.js
+++ b/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/x-local-translate.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../paper-toggle-button/paper-toggle-button.js", "./common-styles.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../app-localize-behavior.js"], function (_polymerLegacy, _paperToggleButton, _commonStyles, _polymerFn, _htmlTag, _appLocalizeBehavior) {
   "use strict";
 
-  var _templateObject_950789301f0511ed8cc3e9a95995ad69;
+  var _templateObject_706949801f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_950789301f0511ed8cc3e9a95995ad69 || (_templateObject_950789301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"common-styles\"></style>\n\n    <div class=\"lang\">\n      <span title=\"english\">\uD83C\uDDEC\uD83C\uDDE7 EN</span>\n      <paper-toggle-button on-change=\"_toggle\" id=\"switch\"></paper-toggle-button>\n      <span title=\"french\">FR \uD83C\uDDEB\uD83C\uDDF7</span>\n    </div>\n\n    <h4>This demo's resources are loaded statically, not from an external file.</h4>\n\n    <div class=\"snippet\">\n      <div class=\"demo\">\n        <div>{{localize('greeting')}}</div>\n      </div>\n      <div class=\"code-container\">\n        <code>localize('greeting')</code>\n      </div>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_706949801f2611eda0c389891c227ec8 || (_templateObject_706949801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"common-styles\"></style>\n\n    <div class=\"lang\">\n      <span title=\"english\">\uD83C\uDDEC\uD83C\uDDE7 EN</span>\n      <paper-toggle-button on-change=\"_toggle\" id=\"switch\"></paper-toggle-button>\n      <span title=\"french\">FR \uD83C\uDDEB\uD83C\uDDF7</span>\n    </div>\n\n    <h4>This demo's resources are loaded statically, not from an external file.</h4>\n\n    <div class=\"snippet\">\n      <div class=\"demo\">\n        <div>{{localize('greeting')}}</div>\n      </div>\n      <div class=\"code-container\">\n        <code>localize('greeting')</code>\n      </div>\n    </div>\n"]))),
     is: 'x-local-translate',
     behaviors: [_appLocalizeBehavior.AppLocalizeBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/x-translate.js b/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/x-translate.js
index 848aa3c029f..c80ce6d3c26 100644
--- a/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/x-translate.js
+++ b/build/es5-amd/node_modules/@polymer/app-localize-behavior/demo/x-translate.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../paper-toggle-button/paper-toggle-button.js", "./common-styles.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../app-localize-behavior.js"], function (_polymerLegacy, _paperToggleButton, _commonStyles, _polymerFn, _htmlTag, _appLocalizeBehavior) {
   "use strict";
 
-  var _templateObject_950ba7e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_706ccbf01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_950ba7e01f0511ed8cc3e9a95995ad69 || (_templateObject_950ba7e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"common-styles\"></style>\n\n    <div class=\"lang\">\n      <span title=\"english\">\uD83C\uDDEC\uD83C\uDDE7 EN</span>\n      <paper-toggle-button on-change=\"_toggle\" id=\"switch\"></paper-toggle-button>\n      <span title=\"french\">FR \uD83C\uDDEB\uD83C\uDDF7</span>\n    </div>\n\n    <h4>{{localize('header_1')}}</h4>\n    <div class=\"snippet\">\n      <div class=\"demo\">\n        <div>{{localize('greeting')}}</div>\n        <div>{{localize('missing')}}</div>\n        <div>{{localize('intro', 'name', 'Batman')}}</div>\n        <div>{{localize('cats', 'numCats', 10000, 'pctBlack', 0.42)}}</div>\n        <div>{{localize('sale', 'start', 150, 'time', 15, 'price', 10)}}</div>\n      </div>\n      <div class=\"code-container\">\n        <code>localize('greeting')</code>\n        <code>localize('intro', 'name', 'Batman')</code>\n        <code>localize('cats', 'numCats', 10000, 'pctBlack', 0.42)</code>\n        <!-- Dates need to be a valid JavaScript object. For an example, we\n          are passing a number of milliseconds from the epoch -->\n        <code>localize('sale', 'start', 150, 'time', 15, 'price', 10)</code>\n      </div>\n    </div>\n\n    <h4>{{localize('header_2')}}</h4>\n    <div class=\"snippet\">\n      <div class=\"demo\">\n        <div>{{localize('fruit', 'num', 0)}} / {{localize('fruit', 'num', 1)}}/ {{localize('fruit', 'num', 3)}}</div>\n        <div>{{localize('bananas', 'name', 'Robin', 'gender', 'male', 'num', 1)}}</div>\n        <div>{{localize('bananas', 'name', 'Robin', 'gender', 'female', 'num', 0)}}</div>\n        <div>{{localize('bananas', 'name', 'Robin', 'gender', 'other', 'num', 4)}}</div>\n      </div>\n      <div class=\"code-container\">\n        <code>localize('fruit', 'num', 0) / localize('fruit', 'num', 1) / localize('fruit', 'num', 3)</code>\n        <code>localize('bananas', 'name', 'Robin', 'gender', 'male', 'num', 1)</code>\n        <code>localize('bananas', 'name', 'Robin', 'gender', 'female', 'num', 0)</code>\n        <code>localize('bananas', 'name', 'Robin', 'gender', 'other', 'num', 4)</code>\n      </div>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_706ccbf01f2611eda0c389891c227ec8 || (_templateObject_706ccbf01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"common-styles\"></style>\n\n    <div class=\"lang\">\n      <span title=\"english\">\uD83C\uDDEC\uD83C\uDDE7 EN</span>\n      <paper-toggle-button on-change=\"_toggle\" id=\"switch\"></paper-toggle-button>\n      <span title=\"french\">FR \uD83C\uDDEB\uD83C\uDDF7</span>\n    </div>\n\n    <h4>{{localize('header_1')}}</h4>\n    <div class=\"snippet\">\n      <div class=\"demo\">\n        <div>{{localize('greeting')}}</div>\n        <div>{{localize('missing')}}</div>\n        <div>{{localize('intro', 'name', 'Batman')}}</div>\n        <div>{{localize('cats', 'numCats', 10000, 'pctBlack', 0.42)}}</div>\n        <div>{{localize('sale', 'start', 150, 'time', 15, 'price', 10)}}</div>\n      </div>\n      <div class=\"code-container\">\n        <code>localize('greeting')</code>\n        <code>localize('intro', 'name', 'Batman')</code>\n        <code>localize('cats', 'numCats', 10000, 'pctBlack', 0.42)</code>\n        <!-- Dates need to be a valid JavaScript object. For an example, we\n          are passing a number of milliseconds from the epoch -->\n        <code>localize('sale', 'start', 150, 'time', 15, 'price', 10)</code>\n      </div>\n    </div>\n\n    <h4>{{localize('header_2')}}</h4>\n    <div class=\"snippet\">\n      <div class=\"demo\">\n        <div>{{localize('fruit', 'num', 0)}} / {{localize('fruit', 'num', 1)}}/ {{localize('fruit', 'num', 3)}}</div>\n        <div>{{localize('bananas', 'name', 'Robin', 'gender', 'male', 'num', 1)}}</div>\n        <div>{{localize('bananas', 'name', 'Robin', 'gender', 'female', 'num', 0)}}</div>\n        <div>{{localize('bananas', 'name', 'Robin', 'gender', 'other', 'num', 4)}}</div>\n      </div>\n      <div class=\"code-container\">\n        <code>localize('fruit', 'num', 0) / localize('fruit', 'num', 1) / localize('fruit', 'num', 3)</code>\n        <code>localize('bananas', 'name', 'Robin', 'gender', 'male', 'num', 1)</code>\n        <code>localize('bananas', 'name', 'Robin', 'gender', 'female', 'num', 0)</code>\n        <code>localize('bananas', 'name', 'Robin', 'gender', 'other', 'num', 4)</code>\n      </div>\n    </div>\n"]))),
     is: 'x-translate',
     behaviors: [_appLocalizeBehavior.AppLocalizeBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/app-route/app-location.js b/build/es5-amd/node_modules/@polymer/app-route/app-location.js
index 0747c63f510..13e7a9bc628 100644
--- a/build/es5-amd/node_modules/@polymer/app-route/app-location.js
+++ b/build/es5-amd/node_modules/@polymer/app-route/app-location.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-location/iron-location.js", "../iron-location/iron-query-params.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./app-route-converter-behavior.js"], function (_polymerLegacy, _ironLocation, _ironQueryParams, _polymerFn, _htmlTag, _appRouteConverterBehavior) {
   "use strict";
 
-  var _templateObject_a48ac9d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7f323ad01f2611eda0c389891c227ec8;
 
   /**
   `app-location` is an element that provides synchronization between the
@@ -56,7 +56,7 @@ define(["../polymer/polymer-legacy.js", "../iron-location/iron-location.js", "..
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_a48ac9d01f0511ed8cc3e9a95995ad69 || (_templateObject_a48ac9d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <iron-query-params params-string=\"{{__query}}\" params-object=\"{{queryParams}}\">\n    </iron-query-params>\n    <iron-location path=\"{{__path}}\" query=\"{{__query}}\" hash=\"{{__hash}}\" url-space-regex=\"[[urlSpaceRegex]]\" dwell-time=\"[[dwellTime]]\">\n    </iron-location>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_7f323ad01f2611eda0c389891c227ec8 || (_templateObject_7f323ad01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <iron-query-params params-string=\"{{__query}}\" params-object=\"{{queryParams}}\">\n    </iron-query-params>\n    <iron-location path=\"{{__path}}\" query=\"{{__query}}\" hash=\"{{__hash}}\" url-space-regex=\"[[urlSpaceRegex]]\" dwell-time=\"[[dwellTime]]\">\n    </iron-location>\n  "]))),
     is: 'app-location',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-image-page.js b/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-image-page.js
index 705aaf4663a..c9a0159fb1e 100644
--- a/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-image-page.js
+++ b/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-image-page.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../iron-ajax/iron-ajax.js", "../../../paper-spinner/paper-spinner.js", "../../app-route.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironAjax, _paperSpinner, _appRoute, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_98df45201f0511ed8cc3e9a95995ad69;
+  var _templateObject_74002be01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_98df45201f0511ed8cc3e9a95995ad69 || (_templateObject_98df45201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      paper-spinner {\n        display: block;\n      }\n      .tags span {\n        display: inline-block;\n        padding-right: 10px;\n        font-size: 110%;\n      }\n      .tags span::after {\n        content: ', ';\n      }\n      .tags span:last-of-type::after {\n        content: '';\n      }\n    </style>\n    <app-route route=\"{{route}}\" pattern=\"/:farm/:server/:id/:secret\" data=\"{{data}}\">\n    </app-route>\n    <img src=\"{{_computeSrc(data)}}\">\n    <iron-ajax auto url=\"https://www.flickr.com/services/rest/\" handle-as=\"json\" params=\"{{params}}\" last-response=\"{{metadata}}\" last-error=\"{{error}}\" loading=\"{{loading}}\">\n    </iron-ajax>\n    <paper-spinner active=\"{{loading}}\"></paper-spinner>\n    <div>\n      <h1>{{metadata.photo.title._content}}</h1>\n      <div class=\"tags\">\n      <template is=\"dom-repeat\" items=\"{{metadata.photo.tags.tag}}\">\n        <span>{{item.raw}}</span>\n      </template>\n      </div>\n      <div>\n        <ul>\n          <template is=\"dom-repeat\" items=\"{{metadata.photo.urls.url}}\">\n            <li>\n              <a target=\"_blank\" href=\"{{item._content}}\">\n                {{item._content}}\n              </a>\n            </li>\n          </template>\n        </ul>\n      </div>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_74002be01f2611eda0c389891c227ec8 || (_templateObject_74002be01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      paper-spinner {\n        display: block;\n      }\n      .tags span {\n        display: inline-block;\n        padding-right: 10px;\n        font-size: 110%;\n      }\n      .tags span::after {\n        content: ', ';\n      }\n      .tags span:last-of-type::after {\n        content: '';\n      }\n    </style>\n    <app-route route=\"{{route}}\" pattern=\"/:farm/:server/:id/:secret\" data=\"{{data}}\">\n    </app-route>\n    <img src=\"{{_computeSrc(data)}}\">\n    <iron-ajax auto url=\"https://www.flickr.com/services/rest/\" handle-as=\"json\" params=\"{{params}}\" last-response=\"{{metadata}}\" last-error=\"{{error}}\" loading=\"{{loading}}\">\n    </iron-ajax>\n    <paper-spinner active=\"{{loading}}\"></paper-spinner>\n    <div>\n      <h1>{{metadata.photo.title._content}}</h1>\n      <div class=\"tags\">\n      <template is=\"dom-repeat\" items=\"{{metadata.photo.tags.tag}}\">\n        <span>{{item.raw}}</span>\n      </template>\n      </div>\n      <div>\n        <ul>\n          <template is=\"dom-repeat\" items=\"{{metadata.photo.urls.url}}\">\n            <li>\n              <a target=\"_blank\" href=\"{{item._content}}\">\n                {{item._content}}\n              </a>\n            </li>\n          </template>\n        </ul>\n      </div>\n    </div>\n"]))),
     is: 'flickr-image-page',
     properties: {
       apiKey: {
diff --git a/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-search-demo.js b/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-search-demo.js
index cf87d5a8939..b43898b7696 100644
--- a/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-search-demo.js
+++ b/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-search-demo.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../iron-pages/iron-pages.js", "../../app-location.js", "../../app-route.js", "./flickr-search-page.js", "./flickr-image-page.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironPages, _appLocation, _appRoute, _flickrSearchPage, _flickrImagePage, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_98e204401f0511ed8cc3e9a95995ad69;
+  var _templateObject_740227b01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_98e204401f0511ed8cc3e9a95995ad69 || (_templateObject_98e204401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      a {\n        text-decoration: none;\n        color: inherit;\n      }\n      a:hover {\n        text-decoration: underline;\n      }\n    </style>\n    <app-location route=\"{{route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{route}}\" pattern=\"/:page\" data=\"{{data}}\">\n    </app-route>\n    <app-route route=\"{{route}}\" pattern=\"/search\" tail=\"{{searchRoute}}\">\n    </app-route>\n    <app-route route=\"{{route}}\" pattern=\"/image\" tail=\"{{imageRoute}}\">\n    </app-route>\n\n    <h1><a href=\"#/search/\">Public Domain Image Search</a></h1>\n\n    <iron-pages attr-for-selected=\"id\" selected=\"{{data.page}}\" selected-attribute=\"selected\">\n      <flickr-search-page id=\"search\" api-key=\"{{apiKey}}\" route=\"{{searchRoute}}\">\n      </flickr-search-page>\n      <flickr-image-page id=\"image\" api-key=\"{{apiKey}}\" route=\"{{imageRoute}}\">\n      </flickr-image-page>\n    </iron-pages>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_740227b01f2611eda0c389891c227ec8 || (_templateObject_740227b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      a {\n        text-decoration: none;\n        color: inherit;\n      }\n      a:hover {\n        text-decoration: underline;\n      }\n    </style>\n    <app-location route=\"{{route}}\" use-hash-as-path></app-location>\n    <app-route route=\"{{route}}\" pattern=\"/:page\" data=\"{{data}}\">\n    </app-route>\n    <app-route route=\"{{route}}\" pattern=\"/search\" tail=\"{{searchRoute}}\">\n    </app-route>\n    <app-route route=\"{{route}}\" pattern=\"/image\" tail=\"{{imageRoute}}\">\n    </app-route>\n\n    <h1><a href=\"#/search/\">Public Domain Image Search</a></h1>\n\n    <iron-pages attr-for-selected=\"id\" selected=\"{{data.page}}\" selected-attribute=\"selected\">\n      <flickr-search-page id=\"search\" api-key=\"{{apiKey}}\" route=\"{{searchRoute}}\">\n      </flickr-search-page>\n      <flickr-image-page id=\"image\" api-key=\"{{apiKey}}\" route=\"{{imageRoute}}\">\n      </flickr-image-page>\n    </iron-pages>\n  "]))),
     is: 'flickr-search-demo',
     properties: {
       apiKey: {
diff --git a/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-search-page.js b/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-search-page.js
index c857917d79c..56f2e4c20a3 100644
--- a/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-search-page.js
+++ b/build/es5-amd/node_modules/@polymer/app-route/demo/data-loading-demo/flickr-search-page.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../paper-spinner/paper-spinner.js", "../../../paper-input/paper-input.js", "../../app-route.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _paperSpinner, _paperInput, _appRoute, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_98e5adc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_740534f01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_98e5adc01f0511ed8cc3e9a95995ad69 || (_templateObject_98e5adc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      paper-spinner {\n        display: block;\n      }\n      img {\n        max-width: 200px;\n        max-height: 200px;\n      }\n    </style>\n    <app-route pattern=\"/\" route=\"{{route}}\" query-params=\"{{queryParams}}\" active=\"{{active}}\">\n    </app-route>\n    <paper-input autofocus label=\"Search the public domain on Flickr\" value=\"{{queryParams.search}}\">\n    </paper-input>\n\n    <iron-ajax auto url=\"https://www.flickr.com/services/rest/\" handle-as=\"json\" debounce-duration=\"300\" params=\"{{params}}\" last-response=\"{{response}}\" last-error=\"{{error}}\" loading=\"{{loading}}\">\n    </iron-ajax>\n    <paper-spinner active=\"{{loading}}\"></paper-spinner>\n    <template is=\"dom-repeat\" items=\"{{response.photos.photo}}\" as=\"photo\">\n      <a href=\"{{_computeLink(photo)}}\">\n        <img src=\"{{_computeSrc(photo)}}\">\n      </a>\n    </template>\n    <template is=\"dom-if\" if=\"{{error}}\">\n      <span>{{error.statusCode}}</span> Error:\n      <pre>{{error.response}}</pre>\n    </template>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_740534f01f2611eda0c389891c227ec8 || (_templateObject_740534f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      paper-spinner {\n        display: block;\n      }\n      img {\n        max-width: 200px;\n        max-height: 200px;\n      }\n    </style>\n    <app-route pattern=\"/\" route=\"{{route}}\" query-params=\"{{queryParams}}\" active=\"{{active}}\">\n    </app-route>\n    <paper-input autofocus label=\"Search the public domain on Flickr\" value=\"{{queryParams.search}}\">\n    </paper-input>\n\n    <iron-ajax auto url=\"https://www.flickr.com/services/rest/\" handle-as=\"json\" debounce-duration=\"300\" params=\"{{params}}\" last-response=\"{{response}}\" last-error=\"{{error}}\" loading=\"{{loading}}\">\n    </iron-ajax>\n    <paper-spinner active=\"{{loading}}\"></paper-spinner>\n    <template is=\"dom-repeat\" items=\"{{response.photos.photo}}\" as=\"photo\">\n      <a href=\"{{_computeLink(photo)}}\">\n        <img src=\"{{_computeSrc(photo)}}\">\n      </a>\n    </template>\n    <template is=\"dom-if\" if=\"{{error}}\">\n      <span>{{error.statusCode}}</span> Error:\n      <pre>{{error.response}}</pre>\n    </template>\n"]))),
     is: 'flickr-search-page',
     properties: {
       apiKey: {
diff --git a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/google-youtube.js b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/google-youtube.js
index af2a1ac65af..7bb603e4c80 100644
--- a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/google-youtube.js
+++ b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/google-youtube.js
@@ -1,7 +1,7 @@
 define(["../../../polymer/polymer-element.js"], function (_polymerElement) {
   "use strict";
 
-  var _templateObject_98ecd9b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_740b28601f2611eda0c389891c227ec8;
 
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -140,7 +140,7 @@ define(["../../../polymer/polymer-element.js"], function (_polymerElement) {
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_98ecd9b01f0511ed8cc3e9a95995ad69 || (_templateObject_98ecd9b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        #container {\n          width: 100%;\n          height: 100%;\n          max-width: 100%;\n          max-height: 100%;\n        }\n\n        #iframe {\n          width: 100%;\n          height: 100%;\n        }\n      </style>\n      <div id=\"container\"></div>\n    "])));
+        return (0, _polymerElement.html)(_templateObject_740b28601f2611eda0c389891c227ec8 || (_templateObject_740b28601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        #container {\n          width: 100%;\n          height: 100%;\n          max-width: 100%;\n          max-height: 100%;\n        }\n\n        #iframe {\n          width: 100%;\n          height: 100%;\n        }\n      </style>\n      <div id=\"container\"></div>\n    "])));
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/route-info.js b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/route-info.js
index 950deda440c..93da63171c6 100644
--- a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/route-info.js
+++ b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/route-info.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_98f3de901f0511ed8cc3e9a95995ad69;
+  var _templateObject_740fe3501f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_98f3de901f0511ed8cc3e9a95995ad69 || (_templateObject_98f3de901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        font-style: italic;\n        font-size: 0.85em;\n        font-weight: 200;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        color: #fff;\n      }\n    </style>\n    <span>Route prefix: {{route.prefix}} \xB7 Route path: {{route.path}} \xB7 Query params: {{_stringifyQueryParams(route.__queryParams.*)}}</span>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_740fe3501f2611eda0c389891c227ec8 || (_templateObject_740fe3501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        font-style: italic;\n        font-size: 0.85em;\n        font-weight: 200;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        color: #fff;\n      }\n    </style>\n    <span>Route prefix: {{route.prefix}} \xB7 Route path: {{route.path}} \xB7 Query params: {{_stringifyQueryParams(route.__queryParams.*)}}</span>\n"]))),
     is: 'route-info',
     properties: {
       route: {
diff --git a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/search-results.js b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/search-results.js
index 3304baab959..2c10c3bf943 100644
--- a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/search-results.js
+++ b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/search-results.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../paper-card/paper-card.js", "../../../iron-flex-layout/iron-flex-layout.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _paperCard, _ironFlexLayout, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_993a84801f0511ed8cc3e9a95995ad69;
+  var _templateObject_745d18f01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_993a84801f0511ed8cc3e9a95995ad69 || (_templateObject_993a84801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-wrap;\n      }\n\n      a {\n        color: black;\n        text-decoration: none;\n      }\n\n      paper-card {\n        width: 300px;\n        margin: 1em 0.5em 0em;\n        font-size: 14px;\n      }\n\n      .card-content {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    </style>\n    <template is=\"dom-repeat\" items=\"{{items}}\" as=\"video\">\n      <!-- The '#' is included because the use-hash-as-path property is\n      set to true in the app-location -->\n      <a href=\"./#/video/{{video.id}}\">\n        <paper-card image=\"{{video.thumbnail}}\">\n          <div class=\"card-content\">\n            {{video.title}}\n          </div>\n        </paper-card>\n      </a>\n    </template>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_745d18f01f2611eda0c389891c227ec8 || (_templateObject_745d18f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-wrap;\n      }\n\n      a {\n        color: black;\n        text-decoration: none;\n      }\n\n      paper-card {\n        width: 300px;\n        margin: 1em 0.5em 0em;\n        font-size: 14px;\n      }\n\n      .card-content {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    </style>\n    <template is=\"dom-repeat\" items=\"{{items}}\" as=\"video\">\n      <!-- The '#' is included because the use-hash-as-path property is\n      set to true in the app-location -->\n      <a href=\"./#/video/{{video.id}}\">\n        <paper-card image=\"{{video.thumbnail}}\">\n          <div class=\"card-content\">\n            {{video.title}}\n          </div>\n        </paper-card>\n      </a>\n    </template>\n"]))),
     is: 'search-results',
     properties: {
       items: {
diff --git a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/video-viewer.js b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/video-viewer.js
index 8ef18af332b..b3483c1a79d 100644
--- a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/video-viewer.js
+++ b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/video-viewer.js
@@ -1,10 +1,10 @@
 define(["../../../iron-flex-layout/iron-flex-layout.js", "../../../polymer/polymer-legacy.js", "../../../paper-styles/color.js", "../../../paper-input/paper-input.js", "../../../paper-toggle-button/paper-toggle-button.js", "../../app-route.js", "./youtube-lite.js", "./route-info.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_ironFlexLayout, _polymerLegacy, _color, _paperInput, _paperToggleButton, _appRoute, _youtubeLite, _routeInfo, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_99477cd01f0511ed8cc3e9a95995ad69;
+  var _templateObject_745ddc401f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_99477cd01f0511ed8cc3e9a95995ad69 || (_templateObject_99477cd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        height: calc(100vh - 60px);\n        --primary-color: var(--paper-red-500);\n        --primary-text-color: #fff;\n        --paper-toggle-button-unchecked-bar-color: #888;\n      }\n\n      paper-input {\n        width: 100px;\n      }\n\n      #controls {\n        color: #fff;\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n        height: 30%;\n      }\n\n      #controls > div {\n        @apply --layout-horizontal;\n        padding-bottom: 1em;\n      }\n\n      #state {\n        margin-left: 16px;\n      }\n\n      #player {\n        height: 70%;\n      }\n    </style>\n\n    <!-- This app-route consumes the route which was provided by the tail of\n    a app-route in the host of this element. This means that the parent that\n    provides this route decides where this element lives in the URL space. In\n    this case, the parent, which uses hashes, matches #/video and hence this\n    element lives in <App serving point>?queryParams#/video/:vid -->\n    <app-route\n        route=\"{{route}}\"\n        pattern=\"/:vid\"\n        data=\"{{data}}\"\n        query-params=\"{{queryParams}}\">\n    </app-route>\n\n    <!-- You can bind any element's state into the URL by binding their\n    properties into the queryParams object. youtube-lite doesn't have any code\n    that's even aware of routing or the URL. -->\n    <youtube-lite\n        id=\"player\"\n        video-id=\"{{data.vid}}\"\n        state=\"{{queryParams.state}}\"\n        current-time=\"{{queryParams.time}}\"\n        start-time=\"{{queryParams.time}}\">\n    </youtube-lite>\n\n    <div id=\"controls\">\n      <div>\n        <paper-input\n            id=\"time\"\n            type=\"number\"\n            on-focus=\"pause\"\n            label=\"Time\"\n            value=\"{{queryParams.time}}\">\n        </paper-input>\n        <paper-toggle-button id=\"state\" active=\"{{playing}}\">[[queryParams.state]]</paper-toggle-button>\n      </div>\n      <route-info route=\"[[route]]\"></route-info>\n    </div>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_745ddc401f2611eda0c389891c227ec8 || (_templateObject_745ddc401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        height: calc(100vh - 60px);\n        --primary-color: var(--paper-red-500);\n        --primary-text-color: #fff;\n        --paper-toggle-button-unchecked-bar-color: #888;\n      }\n\n      paper-input {\n        width: 100px;\n      }\n\n      #controls {\n        color: #fff;\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n        height: 30%;\n      }\n\n      #controls > div {\n        @apply --layout-horizontal;\n        padding-bottom: 1em;\n      }\n\n      #state {\n        margin-left: 16px;\n      }\n\n      #player {\n        height: 70%;\n      }\n    </style>\n\n    <!-- This app-route consumes the route which was provided by the tail of\n    a app-route in the host of this element. This means that the parent that\n    provides this route decides where this element lives in the URL space. In\n    this case, the parent, which uses hashes, matches #/video and hence this\n    element lives in <App serving point>?queryParams#/video/:vid -->\n    <app-route\n        route=\"{{route}}\"\n        pattern=\"/:vid\"\n        data=\"{{data}}\"\n        query-params=\"{{queryParams}}\">\n    </app-route>\n\n    <!-- You can bind any element's state into the URL by binding their\n    properties into the queryParams object. youtube-lite doesn't have any code\n    that's even aware of routing or the URL. -->\n    <youtube-lite\n        id=\"player\"\n        video-id=\"{{data.vid}}\"\n        state=\"{{queryParams.state}}\"\n        current-time=\"{{queryParams.time}}\"\n        start-time=\"{{queryParams.time}}\">\n    </youtube-lite>\n\n    <div id=\"controls\">\n      <div>\n        <paper-input\n            id=\"time\"\n            type=\"number\"\n            on-focus=\"pause\"\n            label=\"Time\"\n            value=\"{{queryParams.time}}\">\n        </paper-input>\n        <paper-toggle-button id=\"state\" active=\"{{playing}}\">[[queryParams.state]]</paper-toggle-button>\n      </div>\n      <route-info route=\"[[route]]\"></route-info>\n    </div>\n  "]))),
     is: 'video-viewer',
     properties: {
       route: {
diff --git a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-lite.js b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-lite.js
index d7b2c1be1f9..7e02d50ab84 100644
--- a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-lite.js
+++ b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-lite.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "./google-youtube.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _googleYoutube, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_994aff401f0511ed8cc3e9a95995ad69;
+  var _templateObject_7465f2901f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_994aff401f0511ed8cc3e9a95995ad69 || (_templateObject_994aff401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        width: 100%;\n      }\n\n      google-youtube {\n        height: 100%;\n      }\n    </style>\n\n    <google-youtube\n        id=\"player\"\n        video-id=\"{{videoId}}\"\n        state=\"{{__state}}\"\n        current-time=\"{{__currentTime}}\">\n    </google-youtube>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_7465f2901f2611eda0c389891c227ec8 || (_templateObject_7465f2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        width: 100%;\n      }\n\n      google-youtube {\n        height: 100%;\n      }\n    </style>\n\n    <google-youtube\n        id=\"player\"\n        video-id=\"{{videoId}}\"\n        state=\"{{__state}}\"\n        current-time=\"{{__currentTime}}\">\n    </google-youtube>\n  "]))),
     is: 'youtube-lite',
     properties: {
       videoId: {
diff --git a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-search.js b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-search.js
index 237af56f246..1e44f6651c7 100644
--- a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-search.js
+++ b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-search.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../paper-input/paper-input.js", "../../../iron-ajax/iron-ajax.js", "../../app-route.js", "./route-info.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _paperInput, _ironAjax, _appRoute, _routeInfo, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_994d49301f0511ed8cc3e9a95995ad69;
+  var _templateObject_7474bfa01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_994d49301f0511ed8cc3e9a95995ad69 || (_templateObject_994d49301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        --primary-color: #fff;\n        --paper-input-container-color: #fff;\n        --paper-input-container-input-color: #fff;\n        display: block;\n        position: relative;\n        padding: 1em;\n      }\n\n      route-info {\n        color: #fff;\n      }\n    </style>\n\n    <!-- This app-route consumes the route which was provided by the tail of\n    a app-route in the host of this element -->\n    <app-route route=\"{{route}}\" pattern=\"/:searchQuery\" data=\"{{data}}\">\n    </app-route>\n\n    <paper-input label=\"Search Youtube\" value=\"{{data.searchQuery}}\"></paper-input>\n\n    <route-info route=\"[[route]]\"></route-info>\n\n    <iron-ajax auto id=\"youtubeSearch\" url=\"https://www.googleapis.com/youtube/v3/search\" params=\"{{params}}\" last-response=\"{{videoData}}\">\n    </iron-ajax>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7474bfa01f2611eda0c389891c227ec8 || (_templateObject_7474bfa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        --primary-color: #fff;\n        --paper-input-container-color: #fff;\n        --paper-input-container-input-color: #fff;\n        display: block;\n        position: relative;\n        padding: 1em;\n      }\n\n      route-info {\n        color: #fff;\n      }\n    </style>\n\n    <!-- This app-route consumes the route which was provided by the tail of\n    a app-route in the host of this element -->\n    <app-route route=\"{{route}}\" pattern=\"/:searchQuery\" data=\"{{data}}\">\n    </app-route>\n\n    <paper-input label=\"Search Youtube\" value=\"{{data.searchQuery}}\"></paper-input>\n\n    <route-info route=\"[[route]]\"></route-info>\n\n    <iron-ajax auto id=\"youtubeSearch\" url=\"https://www.googleapis.com/youtube/v3/search\" params=\"{{params}}\" last-response=\"{{videoData}}\">\n    </iron-ajax>\n"]))),
     is: 'youtube-search',
     properties: {
       route: {
diff --git a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-toolbar.js b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-toolbar.js
index c074e81a3d4..a8784ce6fc0 100644
--- a/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-toolbar.js
+++ b/build/es5-amd/node_modules/@polymer/app-route/demo/youtube-demo/youtube-toolbar.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../paper-styles/shadow.js", "../../../paper-icon-button/paper-icon-button.js", "../../../iron-icons/iron-icons.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _shadow, _paperIconButton, _ironIcons, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_995056701f0511ed8cc3e9a95995ad69;
+  var _templateObject_7477cce01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_995056701f0511ed8cc3e9a95995ad69 || (_templateObject_995056701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        --paper-icon-button-ink-color: #fff;\n        --iron-icon-fill-color: #fff;\n      }\n\n      :host([collapsed]) #background {\n        transform: scaleY(calc(60/230));\n      }\n\n      :host([collapsed]) #youtube-logo {\n        transform: scale(calc(60/230)) translateY(-195px);\n      }\n\n      :host([collapsed]) #back {\n        transform: translateX(0);\n      }\n\n      :host([collapsed]) #content {\n        opacity: 0;\n        transition-delay: 0s;\n        transform: translateY(-10px);\n      }\n\n      #background {\n        height: 230px;\n        background-image: linear-gradient(#E7291A, #C21616);\n        @apply --shadow-elevation-2dp;\n        transform-origin: 0 0;\n        transition: transform 0.3s;\n        transform: scaleY(1);\n      }\n\n      #youtube-logo {\n        display: block;\n        position: absolute;\n        margin: auto;\n        top: 30px;\n\n        left: calc(50% - 75px);\n\n        width: 150px;\n        height: calc(150px / 1.45);\n        background-image: radial-gradient(transparent 50%, #fff 50%);\n        border-radius: 9% / 13%;\n        transition: transform 0.3s;\n      }\n\n      #youtube-logo:before,\n      #youtube-logo:after {\n        content: '';\n        display: block;\n        position: absolute;\n        background-color: #fff;\n        width: 90%;\n        height: 14%;\n        left: 5%;\n        border-radius: 100% / 90%;\n      }\n\n      #youtube-logo:before {\n        top: -3.7%;\n      }\n\n      #youtube-logo:after {\n        bottom: -3.7%;\n      }\n\n      #youtube-logo > .lr-edge {\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n      }\n\n      #youtube-logo > .lr-edge:before,\n      #youtube-logo > .lr-edge:after {\n        content: '';\n        display: block;\n        position: absolute;\n        background-color: #fff;\n        width: 10%;\n        height: 90%;\n        top: 5%;\n\n        border-radius: 100% / 90%;\n      }\n\n      #youtube-logo > .lr-edge:before {\n        left: -2.5%;\n      }\n\n      #youtube-logo > .lr-edge:after {\n        right: -2.5%;\n      }\n\n      #youtube-logo > .play-icon {\n        display: block;\n        position: absolute;\n        width: 80%;\n        height: 80%;\n        top: 10%;\n        left: 10%;\n        overflow: hidden;\n        background-image:\n          linear-gradient(90deg, #fff 38%, transparent 38%),\n          linear-gradient(35deg, transparent 57%, rgba(0, 0, 0, 0.3) 57%);\n      }\n\n      #youtube-logo > .play-icon:before,\n      #youtube-logo > .play-icon:after {\n        content: '';\n        display: block;\n        position: absolute;\n        width: 200%;\n        height: 65%;\n        background-color: #fff;\n      }\n\n      #youtube-logo > .play-icon:before {\n        transform-origin: top left;\n        top: -80%;\n        transform: rotate(29deg);\n      }\n\n      #youtube-logo > .play-icon:after {\n        transform-origin: bottom left;\n        bottom: -80%;\n        transform: rotate(-29deg);\n      }\n\n      #content {\n        display: block;\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        transition: transform 0.15s, opacity 0.15s;\n        transition-delay: 0.2s;\n      }\n\n      #back {\n        position: absolute;\n        top: 10px;\n        transform: translateX(-64px);\n        transition: transform 0.3s;\n      }\n    </style>\n    <div id=\"background\"></div>\n    <div id=\"youtube-logo\">\n      <div class=\"lr-edge\"></div>\n      <div class=\"play-icon\"></div>\n    </div>\n    <div id=\"content\">\n      <slot></slot>\n    </div>\n    <a id=\"back\" href=\"./#/search/\"><paper-icon-button icon=\"icons:arrow-back\"></paper-icon-button></a>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_7477cce01f2611eda0c389891c227ec8 || (_templateObject_7477cce01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        --paper-icon-button-ink-color: #fff;\n        --iron-icon-fill-color: #fff;\n      }\n\n      :host([collapsed]) #background {\n        transform: scaleY(calc(60/230));\n      }\n\n      :host([collapsed]) #youtube-logo {\n        transform: scale(calc(60/230)) translateY(-195px);\n      }\n\n      :host([collapsed]) #back {\n        transform: translateX(0);\n      }\n\n      :host([collapsed]) #content {\n        opacity: 0;\n        transition-delay: 0s;\n        transform: translateY(-10px);\n      }\n\n      #background {\n        height: 230px;\n        background-image: linear-gradient(#E7291A, #C21616);\n        @apply --shadow-elevation-2dp;\n        transform-origin: 0 0;\n        transition: transform 0.3s;\n        transform: scaleY(1);\n      }\n\n      #youtube-logo {\n        display: block;\n        position: absolute;\n        margin: auto;\n        top: 30px;\n\n        left: calc(50% - 75px);\n\n        width: 150px;\n        height: calc(150px / 1.45);\n        background-image: radial-gradient(transparent 50%, #fff 50%);\n        border-radius: 9% / 13%;\n        transition: transform 0.3s;\n      }\n\n      #youtube-logo:before,\n      #youtube-logo:after {\n        content: '';\n        display: block;\n        position: absolute;\n        background-color: #fff;\n        width: 90%;\n        height: 14%;\n        left: 5%;\n        border-radius: 100% / 90%;\n      }\n\n      #youtube-logo:before {\n        top: -3.7%;\n      }\n\n      #youtube-logo:after {\n        bottom: -3.7%;\n      }\n\n      #youtube-logo > .lr-edge {\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n      }\n\n      #youtube-logo > .lr-edge:before,\n      #youtube-logo > .lr-edge:after {\n        content: '';\n        display: block;\n        position: absolute;\n        background-color: #fff;\n        width: 10%;\n        height: 90%;\n        top: 5%;\n\n        border-radius: 100% / 90%;\n      }\n\n      #youtube-logo > .lr-edge:before {\n        left: -2.5%;\n      }\n\n      #youtube-logo > .lr-edge:after {\n        right: -2.5%;\n      }\n\n      #youtube-logo > .play-icon {\n        display: block;\n        position: absolute;\n        width: 80%;\n        height: 80%;\n        top: 10%;\n        left: 10%;\n        overflow: hidden;\n        background-image:\n          linear-gradient(90deg, #fff 38%, transparent 38%),\n          linear-gradient(35deg, transparent 57%, rgba(0, 0, 0, 0.3) 57%);\n      }\n\n      #youtube-logo > .play-icon:before,\n      #youtube-logo > .play-icon:after {\n        content: '';\n        display: block;\n        position: absolute;\n        width: 200%;\n        height: 65%;\n        background-color: #fff;\n      }\n\n      #youtube-logo > .play-icon:before {\n        transform-origin: top left;\n        top: -80%;\n        transform: rotate(29deg);\n      }\n\n      #youtube-logo > .play-icon:after {\n        transform-origin: bottom left;\n        bottom: -80%;\n        transform: rotate(-29deg);\n      }\n\n      #content {\n        display: block;\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        transition: transform 0.15s, opacity 0.15s;\n        transition-delay: 0.2s;\n      }\n\n      #back {\n        position: absolute;\n        top: 10px;\n        transform: translateX(-64px);\n        transition: transform 0.3s;\n      }\n    </style>\n    <div id=\"background\"></div>\n    <div id=\"youtube-logo\">\n      <div class=\"lr-edge\"></div>\n      <div class=\"play-icon\"></div>\n    </div>\n    <div id=\"content\">\n      <slot></slot>\n    </div>\n    <a id=\"back\" href=\"./#/search/\"><paper-icon-button icon=\"icons:arrow-back\"></paper-icon-button></a>\n  "]))),
     is: 'youtube-toolbar'
   });
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-a11y-announcer/demo/x-announces.js b/build/es5-amd/node_modules/@polymer/iron-a11y-announcer/demo/x-announces.js
index e62e162bf7f..e966a11abf6 100644
--- a/build/es5-amd/node_modules/@polymer/iron-a11y-announcer/demo/x-announces.js
+++ b/build/es5-amd/node_modules/@polymer/iron-a11y-announcer/demo/x-announces.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../paper-button/paper-button.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../iron-a11y-announcer.js"], function (_polymerLegacy, _paperButton, _polymerFn, _htmlTag, _ironA11yAnnouncer) {
   "use strict";
 
-  var _templateObject_9522d9601f0511ed8cc3e9a95995ad69;
+  var _templateObject_7086e3a01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9522d9601f0511ed8cc3e9a95995ad69 || (_templateObject_9522d9601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        padding: 1em 0;\n        font-family: inherit;\n      }\n    </style>\n\n    <span>[[message]]</span>\n    <paper-button raised on-tap=\"_onTapAnnounce\">Announce</paper-button>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_7086e3a01f2611eda0c389891c227ec8 || (_templateObject_7086e3a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        padding: 1em 0;\n        font-family: inherit;\n      }\n    </style>\n\n    <span>[[message]]</span>\n    <paper-button raised on-tap=\"_onTapAnnounce\">Announce</paper-button>\n  "]))),
     is: 'x-announces',
     hostAttributes: {
       'aria-hidden': 'true'
diff --git a/build/es5-amd/node_modules/@polymer/iron-a11y-announcer/iron-a11y-announcer.js b/build/es5-amd/node_modules/@polymer/iron-a11y-announcer/iron-a11y-announcer.js
index 72368a088f6..ccc07d0fc87 100644
--- a/build/es5-amd/node_modules/@polymer/iron-a11y-announcer/iron-a11y-announcer.js
+++ b/build/es5-amd/node_modules/@polymer/iron-a11y-announcer/iron-a11y-announcer.js
@@ -6,7 +6,7 @@ define(["exports", "../polymer/polymer-legacy.js", "../polymer/lib/legacy/polyme
   });
   _exports.IronA11yAnnouncer = void 0;
 
-  var _templateObject_9b7559501f0511ed8cc3e9a95995ad69;
+  var _templateObject_7697c6b01f2611eda0c389891c227ec8;
 
   /**
   `iron-a11y-announcer` is a singleton element that is intended to add a11y
@@ -42,7 +42,7 @@ define(["exports", "../polymer/polymer-legacy.js", "../polymer/lib/legacy/polyme
   */
   var IronA11yAnnouncer = (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_9b7559501f0511ed8cc3e9a95995ad69 || (_templateObject_9b7559501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: fixed;\n        clip: rect(0px,0px,0px,0px);\n      }\n    </style>\n    <div aria-live$=\"[[mode]]\">[[_text]]</div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7697c6b01f2611eda0c389891c227ec8 || (_templateObject_7697c6b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: fixed;\n        clip: rect(0px,0px,0px,0px);\n      }\n    </style>\n    <div aria-live$=\"[[mode]]\">[[_text]]</div>\n"]))),
     is: 'iron-a11y-announcer',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/iron-a11y-keys-behavior/demo/x-key-aware.js b/build/es5-amd/node_modules/@polymer/iron-a11y-keys-behavior/demo/x-key-aware.js
index 327083e938f..e8ce4a60d04 100644
--- a/build/es5-amd/node_modules/@polymer/iron-a11y-keys-behavior/demo/x-key-aware.js
+++ b/build/es5-amd/node_modules/@polymer/iron-a11y-keys-behavior/demo/x-key-aware.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../iron-a11y-keys-behavior.js"], function (_polymerLegacy, _polymerFn, _htmlTag, _ironA11yKeysBehavior) {
   "use strict";
 
-  var _templateObject_95337b301f0511ed8cc3e9a95995ad69;
+  var _templateObject_708d4c401f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_95337b301f0511ed8cc3e9a95995ad69 || (_templateObject_95337b301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      pre {\n        color: #3367d6;\n      }\n\n      .keys {\n        line-height: 25px;\n      }\n\n      .keys span {\n        cursor: default;\n        background-color: #f5f5f5;\n        border: 1px solid #e0e0e0;\n        padding: 1px 5px;\n        border-radius: 5px;\n      }\n    </style>\n\n    <h4>Press any of these keys</h4>\n    <input type=\"checkbox\" checked=\"{{preventDefault::change}}\"> prevent default = {{preventDefault}}\n    <p class=\"keys\">\n      <template is=\"dom-repeat\" items=\"[[boundKeys]]\">\n        <span>{{item}}</span>\n      </template>\n    </p>\n    <pre>[[pressed]]</pre>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_708d4c401f2611eda0c389891c227ec8 || (_templateObject_708d4c401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      pre {\n        color: #3367d6;\n      }\n\n      .keys {\n        line-height: 25px;\n      }\n\n      .keys span {\n        cursor: default;\n        background-color: #f5f5f5;\n        border: 1px solid #e0e0e0;\n        padding: 1px 5px;\n        border-radius: 5px;\n      }\n    </style>\n\n    <h4>Press any of these keys</h4>\n    <input type=\"checkbox\" checked=\"{{preventDefault::change}}\"> prevent default = {{preventDefault}}\n    <p class=\"keys\">\n      <template is=\"dom-repeat\" items=\"[[boundKeys]]\">\n        <span>{{item}}</span>\n      </template>\n    </p>\n    <pre>[[pressed]]</pre>\n"]))),
     is: 'x-key-aware',
     behaviors: [_ironA11yKeysBehavior.IronA11yKeysBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-a11y-keys/demo/x-key-aware.js b/build/es5-amd/node_modules/@polymer/iron-a11y-keys/demo/x-key-aware.js
index 45b1b89b256..de681194c0d 100644
--- a/build/es5-amd/node_modules/@polymer/iron-a11y-keys/demo/x-key-aware.js
+++ b/build/es5-amd/node_modules/@polymer/iron-a11y-keys/demo/x-key-aware.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../iron-a11y-keys.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironA11yKeys, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9529b7301f0511ed8cc3e9a95995ad69;
+  var _templateObject_7089c9d01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9529b7301f0511ed8cc3e9a95995ad69 || (_templateObject_9529b7301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      pre {\n        color: #3367d6;\n      }\n\n      .keys {\n        line-height: 25px;\n      }\n\n      .keys span {\n        cursor: default;\n        background-color: #f5f5f5;\n        border: 1px solid #e0e0e0;\n        padding: 1px 5px;\n        border-radius: 5px;\n      }\n    </style>\n\n    <h4>Press any of these keys</h4>\n    <span class=\"keys\">\n      <template is=\"dom-repeat\" items=\"[[boundKeys]]\">\n        <span>{{item}}</span>\n      </template>\n    </span>\n    <iron-a11y-keys id=\"keys\" keys=\"* pageup pagedown left right down up shift+a alt+a home end space enter\" target=\"[[target]]\" on-keys-pressed=\"_updatePressed\">\n    </iron-a11y-keys>\n    <pre id=\"output\">[[pressed]]</pre>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7089c9d01f2611eda0c389891c227ec8 || (_templateObject_7089c9d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      pre {\n        color: #3367d6;\n      }\n\n      .keys {\n        line-height: 25px;\n      }\n\n      .keys span {\n        cursor: default;\n        background-color: #f5f5f5;\n        border: 1px solid #e0e0e0;\n        padding: 1px 5px;\n        border-radius: 5px;\n      }\n    </style>\n\n    <h4>Press any of these keys</h4>\n    <span class=\"keys\">\n      <template is=\"dom-repeat\" items=\"[[boundKeys]]\">\n        <span>{{item}}</span>\n      </template>\n    </span>\n    <iron-a11y-keys id=\"keys\" keys=\"* pageup pagedown left right down up shift+a alt+a home end space enter\" target=\"[[target]]\" on-keys-pressed=\"_updatePressed\">\n    </iron-a11y-keys>\n    <pre id=\"output\">[[pressed]]</pre>\n"]))),
     is: 'x-key-aware',
     properties: {
       pressed: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js b/build/es5-amd/node_modules/@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js
index 5a9f6810c4c..68b222a3a6a 100644
--- a/build/es5-amd/node_modules/@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js
+++ b/build/es5-amd/node_modules/@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../iron-behaviors/iron-control-state.js", "../iron-validatable-behavior/iron-validatable-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _ironControlState, _ironValidatableBehavior, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_9baf2e001f0511ed8cc3e9a95995ad69;
+  var _templateObject_76cda3c01f2611eda0c389891c227ec8;
 
   /**
   `iron-autogrow-textarea` is an element containing a textarea that grows in
@@ -25,7 +25,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_9baf2e001f0511ed8cc3e9a95995ad69 || (_templateObject_9baf2e001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        width: 400px;\n        border: 1px solid;\n        padding: 2px;\n        -moz-appearance: textarea;\n        -webkit-appearance: textarea;\n        overflow: hidden;\n      }\n\n      .mirror-text {\n        visibility: hidden;\n        word-wrap: break-word;\n        @apply --iron-autogrow-textarea;\n      }\n\n      .fit {\n        @apply --layout-fit;\n      }\n\n      textarea {\n        position: relative;\n        outline: none;\n        border: none;\n        resize: none;\n        background: inherit;\n        color: inherit;\n        /* see comments in template */\n        width: 100%;\n        height: 100%;\n        font-size: inherit;\n        font-family: inherit;\n        line-height: inherit;\n        text-align: inherit;\n        @apply --iron-autogrow-textarea;\n      }\n\n      textarea::-webkit-input-placeholder {\n        @apply --iron-autogrow-textarea-placeholder;\n      }\n\n      textarea:-moz-placeholder {\n        @apply --iron-autogrow-textarea-placeholder;\n      }\n\n      textarea::-moz-placeholder {\n        @apply --iron-autogrow-textarea-placeholder;\n      }\n\n      textarea:-ms-input-placeholder {\n        @apply --iron-autogrow-textarea-placeholder;\n      }\n    </style>\n\n    <!-- the mirror sizes the input/textarea so it grows with typing -->\n    <!-- use &#160; instead &nbsp; of to allow this element to be used in XHTML -->\n    <div id=\"mirror\" class=\"mirror-text\" aria-hidden=\"true\">&nbsp;</div>\n\n    <!-- size the input/textarea with a div, because the textarea has intrinsic size in ff -->\n    <div class=\"textarea-container fit\">\n      <textarea id=\"textarea\" name$=\"[[name]]\" aria-label$=\"[[label]]\" autocomplete$=\"[[autocomplete]]\" autofocus$=\"[[autofocus]]\" autocapitalize$=\"[[autocapitalize]]\" inputmode$=\"[[inputmode]]\" placeholder$=\"[[placeholder]]\" readonly$=\"[[readonly]]\" required$=\"[[required]]\" disabled$=\"[[disabled]]\" rows$=\"[[rows]]\" minlength$=\"[[minlength]]\" maxlength$=\"[[maxlength]]\"></textarea>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_76cda3c01f2611eda0c389891c227ec8 || (_templateObject_76cda3c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        width: 400px;\n        border: 1px solid;\n        padding: 2px;\n        -moz-appearance: textarea;\n        -webkit-appearance: textarea;\n        overflow: hidden;\n      }\n\n      .mirror-text {\n        visibility: hidden;\n        word-wrap: break-word;\n        @apply --iron-autogrow-textarea;\n      }\n\n      .fit {\n        @apply --layout-fit;\n      }\n\n      textarea {\n        position: relative;\n        outline: none;\n        border: none;\n        resize: none;\n        background: inherit;\n        color: inherit;\n        /* see comments in template */\n        width: 100%;\n        height: 100%;\n        font-size: inherit;\n        font-family: inherit;\n        line-height: inherit;\n        text-align: inherit;\n        @apply --iron-autogrow-textarea;\n      }\n\n      textarea::-webkit-input-placeholder {\n        @apply --iron-autogrow-textarea-placeholder;\n      }\n\n      textarea:-moz-placeholder {\n        @apply --iron-autogrow-textarea-placeholder;\n      }\n\n      textarea::-moz-placeholder {\n        @apply --iron-autogrow-textarea-placeholder;\n      }\n\n      textarea:-ms-input-placeholder {\n        @apply --iron-autogrow-textarea-placeholder;\n      }\n    </style>\n\n    <!-- the mirror sizes the input/textarea so it grows with typing -->\n    <!-- use &#160; instead &nbsp; of to allow this element to be used in XHTML -->\n    <div id=\"mirror\" class=\"mirror-text\" aria-hidden=\"true\">&nbsp;</div>\n\n    <!-- size the input/textarea with a div, because the textarea has intrinsic size in ff -->\n    <div class=\"textarea-container fit\">\n      <textarea id=\"textarea\" name$=\"[[name]]\" aria-label$=\"[[label]]\" autocomplete$=\"[[autocomplete]]\" autofocus$=\"[[autofocus]]\" autocapitalize$=\"[[autocapitalize]]\" inputmode$=\"[[inputmode]]\" placeholder$=\"[[placeholder]]\" readonly$=\"[[readonly]]\" required$=\"[[required]]\" disabled$=\"[[disabled]]\" rows$=\"[[rows]]\" minlength$=\"[[minlength]]\" maxlength$=\"[[maxlength]]\"></textarea>\n    </div>\n"]))),
     is: 'iron-autogrow-textarea',
     behaviors: [_ironValidatableBehavior.IronValidatableBehavior, _ironControlState.IronControlState],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-behaviors/demo/simple-button.js b/build/es5-amd/node_modules/@polymer/iron-behaviors/demo/simple-button.js
index fe082a1527a..e5a41809ea8 100644
--- a/build/es5-amd/node_modules/@polymer/iron-behaviors/demo/simple-button.js
+++ b/build/es5-amd/node_modules/@polymer/iron-behaviors/demo/simple-button.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../iron-button-state.js", "../iron-control-state.js"], function (_polymerLegacy, _polymerFn, _htmlTag, _ironButtonState, _ironControlState) {
   "use strict";
 
-  var _templateObject_95354ff01f0511ed8cc3e9a95995ad69;
+  var _templateObject_708fe4501f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_95354ff01f0511ed8cc3e9a95995ad69 || (_templateObject_95354ff01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        background-color: #4285F4;\n        color: #fff;\n        min-height: 8px;\n        min-width: 8px;\n        padding: 16px;\n        text-transform: uppercase;\n        border-radius: 3px;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        cursor: pointer;\n      }\n\n      :host([disabled]) {\n        opacity: 0.3;\n        pointer-events: none;\n      }\n\n      :host([active]),\n      :host([pressed]) {\n        background-color: #3367D6;\n        box-shadow: inset 0 3px 5px rgba(0,0,0,.2);\n      }\n\n      :host([focused]) {\n        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n                    0  6px 30px 5px rgba(0, 0, 0, 0.12),\n                    0  8px 10px -5px rgba(0, 0, 0, 0.4);\n      }\n    </style>\n\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_708fe4501f2611eda0c389891c227ec8 || (_templateObject_708fe4501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        background-color: #4285F4;\n        color: #fff;\n        min-height: 8px;\n        min-width: 8px;\n        padding: 16px;\n        text-transform: uppercase;\n        border-radius: 3px;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        cursor: pointer;\n      }\n\n      :host([disabled]) {\n        opacity: 0.3;\n        pointer-events: none;\n      }\n\n      :host([active]),\n      :host([pressed]) {\n        background-color: #3367D6;\n        box-shadow: inset 0 3px 5px rgba(0,0,0,.2);\n      }\n\n      :host([focused]) {\n        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n                    0  6px 30px 5px rgba(0, 0, 0, 0.12),\n                    0  8px 10px -5px rgba(0, 0, 0, 0.4);\n      }\n    </style>\n\n    <slot></slot>\n"]))),
     is: 'simple-button',
     behaviors: [_ironControlState.IronControlState, _ironButtonState.IronButtonState],
     hostAttributes: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-checked-element-behavior/demo/simple-checkbox.js b/build/es5-amd/node_modules/@polymer/iron-checked-element-behavior/demo/simple-checkbox.js
index a37639ad800..18661b6dd38 100644
--- a/build/es5-amd/node_modules/@polymer/iron-checked-element-behavior/demo/simple-checkbox.js
+++ b/build/es5-amd/node_modules/@polymer/iron-checked-element-behavior/demo/simple-checkbox.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../paper-button/paper-button.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../iron-checked-element-behavior.js"], function (_polymerLegacy, _paperButton, _polymerFn, _htmlTag, _ironCheckedElementBehavior) {
   "use strict";
 
-  var _templateObject_953c54d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7097d3901f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_953c54d01f0511ed8cc3e9a95995ad69 || (_templateObject_953c54d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      :host([invalid]) span {\n        color: red;\n      }\n\n      #labelText {\n        display: inline-block;\n        width: 100px;\n      }\n    </style>\n\n    <input type=\"checkbox\" id=\"checkbox\" on-tap=\"_onCheckTap\">\n    <span id=\"labelText\">{{label}}</span>\n    <paper-button raised on-click=\"_onClick\">validate</paper-button>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7097d3901f2611eda0c389891c227ec8 || (_templateObject_7097d3901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      :host([invalid]) span {\n        color: red;\n      }\n\n      #labelText {\n        display: inline-block;\n        width: 100px;\n      }\n    </style>\n\n    <input type=\"checkbox\" id=\"checkbox\" on-tap=\"_onCheckTap\">\n    <span id=\"labelText\">{{label}}</span>\n    <paper-button raised on-click=\"_onClick\">validate</paper-button>\n"]))),
     is: 'simple-checkbox',
     behaviors: [_ironCheckedElementBehavior.IronCheckedElementBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-component-page/iron-component-page.js b/build/es5-amd/node_modules/@polymer/iron-component-page/iron-component-page.js
index a28606da4f0..a19d23db423 100644
--- a/build/es5-amd/node_modules/@polymer/iron-component-page/iron-component-page.js
+++ b/build/es5-amd/node_modules/@polymer/iron-component-page/iron-component-page.js
@@ -1,10 +1,10 @@
 define(["../polymer/polymer-legacy.js", "../app-layout/app-drawer-layout/app-drawer-layout.js", "../app-layout/app-drawer/app-drawer.js", "../app-layout/app-header-layout/app-header-layout.js", "../app-layout/app-header/app-header.js", "../app-layout/app-toolbar/app-toolbar.js", "../iron-ajax/iron-ajax.js", "../iron-doc-viewer/default-theme.js", "../iron-doc-viewer/iron-doc-nav.js", "../iron-doc-viewer/iron-doc-viewer.js", "../iron-icons/iron-icons.js", "../paper-icon-button/paper-icon-button.js", "../paper-styles/color.js", "../paper-styles/typography.js", "../paper-toast/paper-toast.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _appDrawerLayout, _appDrawer, _appHeaderLayout, _appHeader, _appToolbar, _ironAjax, _defaultTheme, _ironDocNav, _ironDocViewer, _ironIcons, _paperIconButton, _color, _typography, _paperToast, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_8d258fa01f0511ed8cc3e9a95995ad69;
+  var _templateObject_6962e2e01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d258fa01f0511ed8cc3e9a95995ad69 || (_templateObject_8d258fa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-default-theme\">\n      :host {\n        --app-drawer-width: 300px;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      app-header {\n        @apply --paper-font-headline;\n        color: white;\n        background-color: var(--iron-component-page-header-color,\n                              var(--iron-doc-accent-color, #5a5a5a));\n      }\n\n      [drawer-toggle] {\n        flex-shrink: 0;\n      }\n\n      [condensed-title] {\n        white-space: nowrap;\n      }\n\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: #fbfbfb;\n        }\n        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);\n      }\n\n      iron-doc-nav {\n        height: 100%;\n        overflow-y: auto;\n        overflow-x: hidden;\n      }\n\n      iron-doc-viewer {\n        height: 100%;\n        --iron-doc-title: {\n          display: none;\n        }\n      }\n\n      iron-doc-viewer:not([demo]) {\n        padding: 5px 20px 20px 20px;\n        max-width: 56em;\n      }\n\n      #error-toast {\n        background-color: var(--paper-red-600);\n      }\n    </style>\n\n    <iron-ajax auto url=\"[[descriptorUrl]]\" handle-as=\"json\" last-response=\"{{_descriptor}}\" loading=\"{{_loading}}\" last-error=\"{{_descriptorError}}\">\n    </iron-ajax>\n\n    <paper-toast id=\"loading-toast\" opened=\"[[_loading]]\" duration=\"0\">\n      Loading descriptor ...\n    </paper-toast>\n\n    <paper-toast id=\"error-toast\" opened=\"[[_descriptorError]]\" duration=\"0\">\n      Could not load descriptor \"[[descriptorUrl]]\". <br> [[_descriptorError.error]]\n    </paper-toast>\n\n    <app-drawer-layout fullbleed narrow=\"{{_narrow}}\">\n\n      <app-drawer id=\"drawer\" slot=\"drawer\" swipe-open>\n        <iron-doc-nav descriptor=\"[[_descriptor]]\" base-href=\"[[baseHref]]\" path=\"[[_path]]\" on-select=\"_onNavSelect\">\n        </iron-doc-nav>\n      </app-drawer>\n\n      <app-header-layout has-scrolling-region>\n        <app-header slot=\"header\" fixed>\n          <app-toolbar>\n            <paper-icon-button icon=\"menu\" drawer-toggle hidden$=\"[[!_narrow]]\">\n            </paper-icon-button>\n\n            <div>[[_title]]</div>\n          </app-toolbar>\n        </app-header>\n\n        <iron-doc-viewer id=\"viewer\" descriptor=\"[[_descriptor]]\" root-namespace=\"[[rootNamespace]]\" base-href=\"[[baseHref]]\" demo-src-prefix=\"[[demoSrcPrefix]]\" title=\"{{_title}}\" path=\"{{_path}}\" on-view-changed=\"_onViewChanged\">\n        </iron-doc-viewer>\n\n      </app-header-layout>\n    </app-drawer-layout>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6962e2e01f2611eda0c389891c227ec8 || (_templateObject_6962e2e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-default-theme\">\n      :host {\n        --app-drawer-width: 300px;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      app-header {\n        @apply --paper-font-headline;\n        color: white;\n        background-color: var(--iron-component-page-header-color,\n                              var(--iron-doc-accent-color, #5a5a5a));\n      }\n\n      [drawer-toggle] {\n        flex-shrink: 0;\n      }\n\n      [condensed-title] {\n        white-space: nowrap;\n      }\n\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: #fbfbfb;\n        }\n        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);\n      }\n\n      iron-doc-nav {\n        height: 100%;\n        overflow-y: auto;\n        overflow-x: hidden;\n      }\n\n      iron-doc-viewer {\n        height: 100%;\n        --iron-doc-title: {\n          display: none;\n        }\n      }\n\n      iron-doc-viewer:not([demo]) {\n        padding: 5px 20px 20px 20px;\n        max-width: 56em;\n      }\n\n      #error-toast {\n        background-color: var(--paper-red-600);\n      }\n    </style>\n\n    <iron-ajax auto url=\"[[descriptorUrl]]\" handle-as=\"json\" last-response=\"{{_descriptor}}\" loading=\"{{_loading}}\" last-error=\"{{_descriptorError}}\">\n    </iron-ajax>\n\n    <paper-toast id=\"loading-toast\" opened=\"[[_loading]]\" duration=\"0\">\n      Loading descriptor ...\n    </paper-toast>\n\n    <paper-toast id=\"error-toast\" opened=\"[[_descriptorError]]\" duration=\"0\">\n      Could not load descriptor \"[[descriptorUrl]]\". <br> [[_descriptorError.error]]\n    </paper-toast>\n\n    <app-drawer-layout fullbleed narrow=\"{{_narrow}}\">\n\n      <app-drawer id=\"drawer\" slot=\"drawer\" swipe-open>\n        <iron-doc-nav descriptor=\"[[_descriptor]]\" base-href=\"[[baseHref]]\" path=\"[[_path]]\" on-select=\"_onNavSelect\">\n        </iron-doc-nav>\n      </app-drawer>\n\n      <app-header-layout has-scrolling-region>\n        <app-header slot=\"header\" fixed>\n          <app-toolbar>\n            <paper-icon-button icon=\"menu\" drawer-toggle hidden$=\"[[!_narrow]]\">\n            </paper-icon-button>\n\n            <div>[[_title]]</div>\n          </app-toolbar>\n        </app-header>\n\n        <iron-doc-viewer id=\"viewer\" descriptor=\"[[_descriptor]]\" root-namespace=\"[[rootNamespace]]\" base-href=\"[[baseHref]]\" demo-src-prefix=\"[[demoSrcPrefix]]\" title=\"{{_title}}\" path=\"{{_path}}\" on-view-changed=\"_onViewChanged\">\n        </iron-doc-viewer>\n\n      </app-header-layout>\n    </app-drawer-layout>\n"]))),
     is: 'iron-component-page',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo-pages-shared-styles.js b/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo-pages-shared-styles.js
index 587b0cf3c84..5b0f4fbab09 100644
--- a/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo-pages-shared-styles.js
+++ b/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo-pages-shared-styles.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../font-roboto/roboto.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _roboto, _htmlTag) {
   "use strict";
 
-  var _templateObject_8d2d57d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_696aab101f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_8d2d57d01f0511ed8cc3e9a95995ad69 || (_templateObject_8d2d57d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"demo-pages-shared-styles\">\n  <template>\n    <style>\n      body {\n        font-family: 'Roboto', 'Noto', sans-serif;\n        font-size: 14px;\n        margin: 0;\n        padding: 24px;\n        background-color: #fafafa;\n      }\n\n      .horizontal-section-container {\n        @apply --layout-horizontal;\n        @apply --layout-center-justified;\n        @apply --layout-wrap;\n      }\n\n      .vertical-section-container {\n        @apply --layout-vertical;\n        @apply --center-justified;\n      }\n\n      .centered {\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      demo-snippet.centered-demo {\n        --demo-snippet-demo: {\n          @apply --layout-horizontal;\n          @apply --layout-wrap;\n          @apply --layout-center-justified;\n        };\n      }\n    </style>\n  </template>\n</dom-module>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_696aab101f2611eda0c389891c227ec8 || (_templateObject_696aab101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"demo-pages-shared-styles\">\n  <template>\n    <style>\n      body {\n        font-family: 'Roboto', 'Noto', sans-serif;\n        font-size: 14px;\n        margin: 0;\n        padding: 24px;\n        background-color: #fafafa;\n      }\n\n      .horizontal-section-container {\n        @apply --layout-horizontal;\n        @apply --layout-center-justified;\n        @apply --layout-wrap;\n      }\n\n      .vertical-section-container {\n        @apply --layout-vertical;\n        @apply --center-justified;\n      }\n\n      .centered {\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      demo-snippet.centered-demo {\n        --demo-snippet-demo: {\n          @apply --layout-horizontal;\n          @apply --layout-wrap;\n          @apply --layout-center-justified;\n        };\n      }\n    </style>\n  </template>\n</dom-module>\n"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo-snippet.js b/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo-snippet.js
index 61b36c6c23c..a3f7393ab7e 100644
--- a/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo-snippet.js
+++ b/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo-snippet.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "../prism-element/prism-highlighter.js", "../prism-element/prism-theme-default.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _markedElement, _prismHighlighter, _prismThemeDefault, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_8d3a77301f0511ed8cc3e9a95995ad69;
+  var _templateObject_6976b9001f2611eda0c389891c227ec8;
 
   /**
   `demo-snippet` is a helper element that displays the source of a code snippet
@@ -39,7 +39,7 @@ define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d3a77301f0511ed8cc3e9a95995ad69 || (_templateObject_8d3a77301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"prism-theme-default\">\n      :host {\n        display: block;\n\n        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n                    0 1px 5px 0 rgba(0, 0, 0, 0.12),\n                    0 3px 1px -2px rgba(0, 0, 0, 0.2);\n        margin-bottom: 40px;\n        @apply --demo-snippet;\n      }\n\n      .demo {\n        display: block;\n        border-bottom: 1px solid #e0e0e0;\n        background-color: white;\n        margin: 0;\n        padding: 20px;\n        @apply --demo-snippet-demo;\n      }\n\n      .code-container {\n        margin: 0;\n        background-color: #f5f5f5;\n        font-size: 13px;\n        overflow: auto;\n        position: relative;\n        padding: 0 20px;\n        @apply --demo-snippet-code;\n      }\n\n      .code {\n        padding: 20px;\n        margin: 0;\n        background-color: var(--google-grey-100);\n        font-size: 13px;\n        overflow: auto;\n        @apply --demo-snippet-code;\n      }\n      .code > pre {\n        margin: 0;\n        padding: 0 0 10px 0;\n      }\n\n      button {\n        position: absolute;\n        top: 0;\n        right: 0px;\n        text-transform: uppercase;\n        border: none;\n        cursor: pointer;\n        background: #e0e0e0;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <div class=\"demo\">\n      <slot id=\"content\"></slot>\n    </div>\n\n    <div class=\"code-container\">\n      <marked-element markdown=\"[[_markdown]]\" id=\"marked\">\n         <div class=\"code\" slot=\"markdown-html\" id=\"code\"></div>\n      </marked-element>\n      <button id=\"copyButton\" title=\"copy to clipboard\" on-tap=\"_copyToClipboard\">Copy</button>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6976b9001f2611eda0c389891c227ec8 || (_templateObject_6976b9001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"prism-theme-default\">\n      :host {\n        display: block;\n\n        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n                    0 1px 5px 0 rgba(0, 0, 0, 0.12),\n                    0 3px 1px -2px rgba(0, 0, 0, 0.2);\n        margin-bottom: 40px;\n        @apply --demo-snippet;\n      }\n\n      .demo {\n        display: block;\n        border-bottom: 1px solid #e0e0e0;\n        background-color: white;\n        margin: 0;\n        padding: 20px;\n        @apply --demo-snippet-demo;\n      }\n\n      .code-container {\n        margin: 0;\n        background-color: #f5f5f5;\n        font-size: 13px;\n        overflow: auto;\n        position: relative;\n        padding: 0 20px;\n        @apply --demo-snippet-code;\n      }\n\n      .code {\n        padding: 20px;\n        margin: 0;\n        background-color: var(--google-grey-100);\n        font-size: 13px;\n        overflow: auto;\n        @apply --demo-snippet-code;\n      }\n      .code > pre {\n        margin: 0;\n        padding: 0 0 10px 0;\n      }\n\n      button {\n        position: absolute;\n        top: 0;\n        right: 0px;\n        text-transform: uppercase;\n        border: none;\n        cursor: pointer;\n        background: #e0e0e0;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <div class=\"demo\">\n      <slot id=\"content\"></slot>\n    </div>\n\n    <div class=\"code-container\">\n      <marked-element markdown=\"[[_markdown]]\" id=\"marked\">\n         <div class=\"code\" slot=\"markdown-html\" id=\"code\"></div>\n      </marked-element>\n      <button id=\"copyButton\" title=\"copy to clipboard\" on-tap=\"_copyToClipboard\">Copy</button>\n    </div>\n"]))),
     is: 'demo-snippet',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo/simple-button.js b/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo/simple-button.js
index ac1eeb7bd58..24fd547fccb 100644
--- a/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo/simple-button.js
+++ b/build/es5-amd/node_modules/@polymer/iron-demo-helpers/demo/simple-button.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_954926101f0511ed8cc3e9a95995ad69;
+  var _templateObject_709e3c301f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_954926101f0511ed8cc3e9a95995ad69 || (_templateObject_954926101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        padding: 5px 10px;\n        background: var(--button-background, white);\n        line-height: 1.2;\n        border: 2px solid var(--button-border, #ccc);\n        border-radius: 3px;\n      }\n    </style>\n    <div>[[value]]</div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_709e3c301f2611eda0c389891c227ec8 || (_templateObject_709e3c301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        padding: 5px 10px;\n        background: var(--button-background, white);\n        line-height: 1.2;\n        border: 2px solid var(--button-border, #ccc);\n        border-radius: 3px;\n      }\n    </style>\n    <div>[[value]]</div>\n"]))),
     is: 'simple-button',
     properties: {
       value: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-demo-helpers/url-bar.js b/build/es5-amd/node_modules/@polymer/iron-demo-helpers/url-bar.js
index 521d240826d..24a6b34e86b 100644
--- a/build/es5-amd/node_modules/@polymer/iron-demo-helpers/url-bar.js
+++ b/build/es5-amd/node_modules/@polymer/iron-demo-helpers/url-bar.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-location/iron-location.js", "../font-roboto/roboto.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironLocation, _roboto, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_8d4350d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_697e5a201f2611eda0c389891c227ec8;
 
   /**
   `url-bar` is a helper element that displays a simple read-only URL bar if
@@ -22,7 +22,7 @@ define(["../polymer/polymer-legacy.js", "../iron-location/iron-location.js", "..
   @demo demo/url-bar.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d4350d01f0511ed8cc3e9a95995ad69 || (_templateObject_8d4350d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        margin: 0px;\n        padding: 15px 35px;\n        border-bottom: 2px solid gray;\n        height: 1.5em;\n        display: none;\n        overflow-x: auto;\n        overflow-y: hidden;\n        background-color: white;\n        @apply --url-bar;\n      }\n      :host([in-iframe]) {\n        /* This element only wants to be displayed if it's in an iframe. */\n        display: block;\n      }\n\n      label {\n        font-family: 'Roboto', 'Noto', sans-serif;\n        -webkit-font-smoothing: antialiased;\n        /* for backwards compat */\n        @apply --paper-font-common-base;\n        display: inline-block;\n        padding-right: 25px;\n      }\n\n      span {\n        font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;\n        -webkit-font-smoothing: antialiased;\n        /* for backwards compat */\n        @apply --paper-font-common-code;\n        white-space: pre;\n      }\n\n      .layout.horizontal {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: row;\n        -webkit-flex-direction: row;\n        flex-direction: row;\n      }\n    </style>\n\n    <iron-location path=\"{{path}}\" query=\"{{query}}\" hash=\"{{hash}}\">\n    </iron-location>\n    <div class=\"layout horizontal\">\n      <label>URL</label><span>{{url}}</span>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_697e5a201f2611eda0c389891c227ec8 || (_templateObject_697e5a201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        margin: 0px;\n        padding: 15px 35px;\n        border-bottom: 2px solid gray;\n        height: 1.5em;\n        display: none;\n        overflow-x: auto;\n        overflow-y: hidden;\n        background-color: white;\n        @apply --url-bar;\n      }\n      :host([in-iframe]) {\n        /* This element only wants to be displayed if it's in an iframe. */\n        display: block;\n      }\n\n      label {\n        font-family: 'Roboto', 'Noto', sans-serif;\n        -webkit-font-smoothing: antialiased;\n        /* for backwards compat */\n        @apply --paper-font-common-base;\n        display: inline-block;\n        padding-right: 25px;\n      }\n\n      span {\n        font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;\n        -webkit-font-smoothing: antialiased;\n        /* for backwards compat */\n        @apply --paper-font-common-code;\n        white-space: pre;\n      }\n\n      .layout.horizontal {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: row;\n        -webkit-flex-direction: row;\n        flex-direction: row;\n      }\n    </style>\n\n    <iron-location path=\"{{path}}\" query=\"{{query}}\" hash=\"{{hash}}\">\n    </iron-location>\n    <div class=\"layout horizontal\">\n      <label>URL</label><span>{{url}}</span>\n    </div>\n"]))),
     is: 'url-bar',
     properties: {
       url: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-api.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-api.js
index bd34fd3a8c9..dffeb1a4d2a 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-api.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-api.js
@@ -1,10 +1,10 @@
 define(["../polymer/polymer-legacy.js", "./iron-doc-function.js", "./iron-doc-hide-bar.js", "./iron-doc-property.js", "./iron-doc-viewer-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./iron-doc-viewer-behavior.js"], function (_polymerLegacy, _ironDocFunction, _ironDocHideBar, _ironDocProperty, _ironDocViewerStyles, _polymerFn, _htmlTag, _ironDocViewerBehavior) {
   "use strict";
 
-  var _templateObject_8d68b3201f0511ed8cc3e9a95995ad69;
+  var _templateObject_698dea801f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d68b3201f0511ed8cc3e9a95995ad69 || (_templateObject_8d68b3201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles\">\n      .checkbox {\n        margin-left: 16px;\n        cursor: pointer;\n        display: flex;\n      }\n\n      .checkbox input {\n        width: 18px;\n        height: 18px;\n      }\n    </style>\n\n    <section anchor-id$=\"[[fragmentPrefix]]properties\" hidden$=\"[[!_anyVisible(descriptor.properties)]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]properties\" class=\"deeplink\">Properties</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.properties)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]property-[[item.name]]\">\n        </iron-doc-property>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.properties)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedProperties]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.properties)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]property-[[item.name]]\">\n            </iron-doc-property>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedProperties}}\">\n          [[_protectedCount(descriptor.properties)]] protected properties\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n\n    <section id=\"methods\" anchor-id$=\"[[fragmentPrefix]]methods\" hidden$=\"[[!_hasMethods]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]methods\" class=\"deeplink\">Methods</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.staticMethods)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function descriptor=\"[[item]]\" static anchor-id=\"[[fragmentPrefix]]staticmethod-[[item.name]]\">\n        </iron-doc-function>\n      </template>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.methods)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n        </iron-doc-function>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.methods, _staticMethods)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedMethods]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.staticMethods)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-function descriptor=\"[[item]]\" static anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n            </iron-doc-function>\n          </template>\n\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.methods)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-function descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n            </iron-doc-function>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedMethods}}\">\n          [[_protectedCount(descriptor.methods, _staticMethods)]]\n          protected methods\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]events\" hidden$=\"[[!_anyVisible(descriptor.events)]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]events\" class=\"deeplink\">Events</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.events)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]event-[[item.name]]\">\n        </iron-doc-property>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.events)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedEvents]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.events)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]event-[[item.name]]\">\n            </iron-doc-property>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedEvents}}\">\n          [[_protectedCount(descriptor.events)]] protected events\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n"], ["\n    <style include=\"iron-doc-viewer-styles\">\n      .checkbox {\n        margin-left: 16px;\n        cursor: pointer;\n        display: flex;\n      }\n\n      .checkbox input {\n        width: 18px;\n        height: 18px;\n      }\n    </style>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]properties\" hidden\\$=\"[[!_anyVisible(descriptor.properties)]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]properties\" class=\"deeplink\">Properties</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.properties)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]property-[[item.name]]\">\n        </iron-doc-property>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.properties)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedProperties]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.properties)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]property-[[item.name]]\">\n            </iron-doc-property>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedProperties}}\">\n          [[_protectedCount(descriptor.properties)]] protected properties\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n\n    <section id=\"methods\" anchor-id\\$=\"[[fragmentPrefix]]methods\" hidden\\$=\"[[!_hasMethods]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]methods\" class=\"deeplink\">Methods</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.staticMethods)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function descriptor=\"[[item]]\" static anchor-id=\"[[fragmentPrefix]]staticmethod-[[item.name]]\">\n        </iron-doc-function>\n      </template>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.methods)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n        </iron-doc-function>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.methods, _staticMethods)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedMethods]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.staticMethods)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-function descriptor=\"[[item]]\" static anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n            </iron-doc-function>\n          </template>\n\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.methods)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-function descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n            </iron-doc-function>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedMethods}}\">\n          [[_protectedCount(descriptor.methods, _staticMethods)]]\n          protected methods\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]events\" hidden\\$=\"[[!_anyVisible(descriptor.events)]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]events\" class=\"deeplink\">Events</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.events)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]event-[[item.name]]\">\n        </iron-doc-property>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.events)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedEvents]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.events)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]event-[[item.name]]\">\n            </iron-doc-property>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedEvents}}\">\n          [[_protectedCount(descriptor.events)]] protected events\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_698dea801f2611eda0c389891c227ec8 || (_templateObject_698dea801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles\">\n      .checkbox {\n        margin-left: 16px;\n        cursor: pointer;\n        display: flex;\n      }\n\n      .checkbox input {\n        width: 18px;\n        height: 18px;\n      }\n    </style>\n\n    <section anchor-id$=\"[[fragmentPrefix]]properties\" hidden$=\"[[!_anyVisible(descriptor.properties)]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]properties\" class=\"deeplink\">Properties</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.properties)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]property-[[item.name]]\">\n        </iron-doc-property>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.properties)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedProperties]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.properties)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]property-[[item.name]]\">\n            </iron-doc-property>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedProperties}}\">\n          [[_protectedCount(descriptor.properties)]] protected properties\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n\n    <section id=\"methods\" anchor-id$=\"[[fragmentPrefix]]methods\" hidden$=\"[[!_hasMethods]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]methods\" class=\"deeplink\">Methods</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.staticMethods)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function descriptor=\"[[item]]\" static anchor-id=\"[[fragmentPrefix]]staticmethod-[[item.name]]\">\n        </iron-doc-function>\n      </template>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.methods)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n        </iron-doc-function>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.methods, _staticMethods)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedMethods]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.staticMethods)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-function descriptor=\"[[item]]\" static anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n            </iron-doc-function>\n          </template>\n\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.methods)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-function descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n            </iron-doc-function>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedMethods}}\">\n          [[_protectedCount(descriptor.methods, _staticMethods)]]\n          protected methods\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]events\" hidden$=\"[[!_anyVisible(descriptor.events)]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]events\" class=\"deeplink\">Events</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.events)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]event-[[item.name]]\">\n        </iron-doc-property>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.events)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedEvents]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.events)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]event-[[item.name]]\">\n            </iron-doc-property>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedEvents}}\">\n          [[_protectedCount(descriptor.events)]] protected events\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n"], ["\n    <style include=\"iron-doc-viewer-styles\">\n      .checkbox {\n        margin-left: 16px;\n        cursor: pointer;\n        display: flex;\n      }\n\n      .checkbox input {\n        width: 18px;\n        height: 18px;\n      }\n    </style>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]properties\" hidden\\$=\"[[!_anyVisible(descriptor.properties)]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]properties\" class=\"deeplink\">Properties</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.properties)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]property-[[item.name]]\">\n        </iron-doc-property>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.properties)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedProperties]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.properties)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]property-[[item.name]]\">\n            </iron-doc-property>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedProperties}}\">\n          [[_protectedCount(descriptor.properties)]] protected properties\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n\n    <section id=\"methods\" anchor-id\\$=\"[[fragmentPrefix]]methods\" hidden\\$=\"[[!_hasMethods]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]methods\" class=\"deeplink\">Methods</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.staticMethods)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function descriptor=\"[[item]]\" static anchor-id=\"[[fragmentPrefix]]staticmethod-[[item.name]]\">\n        </iron-doc-function>\n      </template>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.methods)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n        </iron-doc-function>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.methods, _staticMethods)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedMethods]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.staticMethods)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-function descriptor=\"[[item]]\" static anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n            </iron-doc-function>\n          </template>\n\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.methods)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-function descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]method-[[item.name]]\">\n            </iron-doc-function>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedMethods}}\">\n          [[_protectedCount(descriptor.methods, _staticMethods)]]\n          protected methods\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]events\" hidden\\$=\"[[!_anyVisible(descriptor.events)]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]events\" class=\"deeplink\">Events</a>\n      </h2>\n\n      <template is=\"dom-repeat\" items=\"[[_public(descriptor.events)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]event-[[item.name]]\">\n        </iron-doc-property>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[_protectedCount(descriptor.events)]]\">\n        <template is=\"dom-if\" if=\"[[_showProtectedEvents]]\">\n          <template is=\"dom-repeat\" items=\"[[_protected(descriptor.events)]]\" sort=\"_compareDescriptors\">\n            <iron-doc-property descriptor=\"[[item]]\" anchor-id=\"[[fragmentPrefix]]event-[[item.name]]\">\n            </iron-doc-property>\n          </template>\n        </template>\n\n        <iron-doc-hide-bar visible=\"{{_showProtectedEvents}}\">\n          [[_protectedCount(descriptor.events)]] protected events\n        </iron-doc-hide-bar>\n      </template>\n    </section>\n"]))),
     is: 'iron-doc-api',
     behaviors: [_ironDocViewerBehavior.IronDocViewerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-behavior.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-behavior.js
index 926ee46cf13..3dc2e3d0992 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-behavior.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-behavior.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "../prism-element/prism-highlighter.js", "../prism-element/prism-theme-default.js", "./iron-doc-api.js", "./iron-doc-function.js", "./iron-doc-property.js", "./iron-doc-viewer-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./iron-doc-viewer-behavior.js"], function (_polymerLegacy, _markedElement, _prismHighlighter, _prismThemeDefault, _ironDocApi, _ironDocFunction, _ironDocProperty, _ironDocViewerStyles, _polymerFn, _htmlTag, _ironDocViewerBehavior) {
   "use strict";
 
-  var _templateObject_8d7165b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_69990e101f2611eda0c389891c227ec8;
 
   /*
   `iron-doc-behavior` renders documentation about a Polymer 1.x behavior from a
@@ -9,7 +9,7 @@ define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "
   [Polymer Analyzer](https://github.com/Polymer/polymer-analyzer).
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d7165b01f0511ed8cc3e9a95995ad69 || (_templateObject_8d7165b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>Behavior [[descriptor.name]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden$=\"[[!descriptor.mixins]]\">Mixins:\n      <span>\n        <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\"><!--\n       --><span hidden$=\"[[!index]]\">, </span>\n          <a class=\"name deeplink mixin\" href$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a><!--\n     --></template>\n      </span>\n    </div>\n\n    <section id=\"description\" hidden$=\"[[!descriptor.description]]\" anchor-id$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>Behavior [[descriptor.name]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden\\$=\"[[!descriptor.mixins]]\">Mixins:\n      <span>\n        <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\"><!--\n       --><span hidden\\$=\"[[!index]]\">, </span>\n          <a class=\"name deeplink mixin\" href\\$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a><!--\n     --></template>\n      </span>\n    </div>\n\n    <section id=\"description\" hidden\\$=\"[[!descriptor.description]]\" anchor-id\\$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_69990e101f2611eda0c389891c227ec8 || (_templateObject_69990e101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>Behavior [[descriptor.name]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden$=\"[[!descriptor.mixins]]\">Mixins:\n      <span>\n        <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\"><!--\n       --><span hidden$=\"[[!index]]\">, </span>\n          <a class=\"name deeplink mixin\" href$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a><!--\n     --></template>\n      </span>\n    </div>\n\n    <section id=\"description\" hidden$=\"[[!descriptor.description]]\" anchor-id$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>Behavior [[descriptor.name]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden\\$=\"[[!descriptor.mixins]]\">Mixins:\n      <span>\n        <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\"><!--\n       --><span hidden\\$=\"[[!index]]\">, </span>\n          <a class=\"name deeplink mixin\" href\\$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a><!--\n     --></template>\n      </span>\n    </div>\n\n    <section id=\"description\" hidden\\$=\"[[!descriptor.description]]\" anchor-id\\$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"]))),
     is: 'iron-doc-behavior',
     behaviors: [_ironDocViewerBehavior.IronDocViewerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-class.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-class.js
index 080fbd57cd6..3de01747408 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-class.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-class.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "../prism-element/prism-highlighter.js", "../prism-element/prism-theme-default.js", "./iron-doc-api.js", "./iron-doc-viewer-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./iron-doc-viewer-behavior.js"], function (_polymerLegacy, _markedElement, _prismHighlighter, _prismThemeDefault, _ironDocApi, _ironDocViewerStyles, _polymerFn, _htmlTag, _ironDocViewerBehavior) {
   "use strict";
 
-  var _templateObject_8d7954f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_699f28901f2611eda0c389891c227ec8;
 
   /*
   `iron-doc-class` renders documentation about a JavaScript class from a JSON
@@ -9,7 +9,7 @@ define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "
   [Polymer Analyzer](https://github.com/Polymer/polymer-analyzer).
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d7954f01f0511ed8cc3e9a95995ad69 || (_templateObject_8d7954f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden$=\"[[!descriptor.mixins]]\">Mixins:\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\">[[item]]</template>\n    </div>\n\n    <section id=\"description\" hidden$=\"[[!descriptor.description]]\" anchor-id$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden\\$=\"[[!descriptor.mixins]]\">Mixins:\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\">[[item]]</template>\n    </div>\n\n    <section id=\"description\" hidden\\$=\"[[!descriptor.description]]\" anchor-id\\$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_699f28901f2611eda0c389891c227ec8 || (_templateObject_699f28901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden$=\"[[!descriptor.mixins]]\">Mixins:\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\">[[item]]</template>\n    </div>\n\n    <section id=\"description\" hidden$=\"[[!descriptor.description]]\" anchor-id$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden\\$=\"[[!descriptor.mixins]]\">Mixins:\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\">[[item]]</template>\n    </div>\n\n    <section id=\"description\" hidden\\$=\"[[!descriptor.description]]\" anchor-id\\$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"]))),
     is: 'iron-doc-class',
     behaviors: [_ironDocViewerBehavior.IronDocViewerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-demo.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-demo.js
index e0de0867d8f..9ee7a447b47 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-demo.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-demo.js
@@ -1,10 +1,10 @@
 define(["../polymer/polymer-legacy.js", "./iron-doc-viewer-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironDocViewerStyles, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_8d816b401f0511ed8cc3e9a95995ad69;
+  var _templateObject_69a654801f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d816b401f0511ed8cc3e9a95995ad69 || (_templateObject_8d816b401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        display: flex;\n      }\n\n      iframe {\n        flex-grow: 1;\n        height: 100%;\n        border: none;\n      }\n    </style>\n\n    <h1>[[title]]</h1>\n\n    <iframe src$=\"[[srcPrefix]][[demo.url]]\"></iframe>\n"], ["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        display: flex;\n      }\n\n      iframe {\n        flex-grow: 1;\n        height: 100%;\n        border: none;\n      }\n    </style>\n\n    <h1>[[title]]</h1>\n\n    <iframe src\\$=\"[[srcPrefix]][[demo.url]]\"></iframe>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_69a654801f2611eda0c389891c227ec8 || (_templateObject_69a654801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        display: flex;\n      }\n\n      iframe {\n        flex-grow: 1;\n        height: 100%;\n        border: none;\n      }\n    </style>\n\n    <h1>[[title]]</h1>\n\n    <iframe src$=\"[[srcPrefix]][[demo.url]]\"></iframe>\n"], ["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        display: flex;\n      }\n\n      iframe {\n        flex-grow: 1;\n        height: 100%;\n        border: none;\n      }\n    </style>\n\n    <h1>[[title]]</h1>\n\n    <iframe src\\$=\"[[srcPrefix]][[demo.url]]\"></iframe>\n"]))),
     is: 'iron-doc-demo',
     properties: {
       demo: Object,
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-element.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-element.js
index 05c1b1c3220..68c70075255 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-element.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-element.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "../prism-element/prism-highlighter.js", "../prism-element/prism-theme-default.js", "./iron-doc-api.js", "./iron-doc-viewer-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./iron-doc-viewer-behavior.js"], function (_polymerLegacy, _markedElement, _prismHighlighter, _prismThemeDefault, _ironDocApi, _ironDocViewerStyles, _polymerFn, _htmlTag, _ironDocViewerBehavior) {
   "use strict";
 
-  var _templateObject_8d8b08301f0511ed8cc3e9a95995ad69;
+  var _templateObject_69ac6f001f2611eda0c389891c227ec8;
 
   /*
   `iron-doc-element` renders documentation about a custom element from a JSON
@@ -9,7 +9,7 @@ define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "
   [Polymer Analyzer](https://github.com/Polymer/polymer-analyzer).
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d8b08301f0511ed8cc3e9a95995ad69 || (_templateObject_8d8b08301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>\n      <code>\n        class <span class=\"name\">[[descriptor.name]]</span>\n        extends\n        <a class=\"name deeplink\" target$=\"[[_superclassTarget(descriptor.superclass)]]\" href$=\"[[_superclassUrl(descriptor.superclass)]]\">[[descriptor.superclass]]</a>\n        <span hidden$=\"[[!descriptor.mixins]]\"> with\n          <span>\n            <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n              <a class=\"name deeplink mixin\" href$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a>\n            </template>\n          </span>\n        </span>\n      </code>\n    </div>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n    <div hidden$=\"[[!descriptor.behaviors]]\">Behaviors:\n      <template is=\"dom-repeat\" items=\"[[descriptor.behaviors]]\" sort=\"_compareDescriptors\">\n        <a class=\"name deeplink\" href$=\"[[baseHref]]/behaviors/[[item]]\">[[item]]</a>\n      </template>\n    </div>\n\n    <section id=\"description\" hidden$=\"[[!descriptor.description]]\" anchor-id$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>\n      <code>\n        class <span class=\"name\">[[descriptor.name]]</span>\n        extends\n        <a class=\"name deeplink\" target\\$=\"[[_superclassTarget(descriptor.superclass)]]\" href\\$=\"[[_superclassUrl(descriptor.superclass)]]\">[[descriptor.superclass]]</a>\n        <span hidden\\$=\"[[!descriptor.mixins]]\"> with\n          <span>\n            <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n              <a class=\"name deeplink mixin\" href\\$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a>\n            </template>\n          </span>\n        </span>\n      </code>\n    </div>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n    <div hidden\\$=\"[[!descriptor.behaviors]]\">Behaviors:\n      <template is=\"dom-repeat\" items=\"[[descriptor.behaviors]]\" sort=\"_compareDescriptors\">\n        <a class=\"name deeplink\" href\\$=\"[[baseHref]]/behaviors/[[item]]\">[[item]]</a>\n      </template>\n    </div>\n\n    <section id=\"description\" hidden\\$=\"[[!descriptor.description]]\" anchor-id\\$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_69ac6f001f2611eda0c389891c227ec8 || (_templateObject_69ac6f001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>\n      <code>\n        class <span class=\"name\">[[descriptor.name]]</span>\n        extends\n        <a class=\"name deeplink\" target$=\"[[_superclassTarget(descriptor.superclass)]]\" href$=\"[[_superclassUrl(descriptor.superclass)]]\">[[descriptor.superclass]]</a>\n        <span hidden$=\"[[!descriptor.mixins]]\"> with\n          <span>\n            <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n              <a class=\"name deeplink mixin\" href$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a>\n            </template>\n          </span>\n        </span>\n      </code>\n    </div>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n    <div hidden$=\"[[!descriptor.behaviors]]\">Behaviors:\n      <template is=\"dom-repeat\" items=\"[[descriptor.behaviors]]\" sort=\"_compareDescriptors\">\n        <a class=\"name deeplink\" href$=\"[[baseHref]]/behaviors/[[item]]\">[[item]]</a>\n      </template>\n    </div>\n\n    <section id=\"description\" hidden$=\"[[!descriptor.description]]\" anchor-id$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>\n      <code>\n        class <span class=\"name\">[[descriptor.name]]</span>\n        extends\n        <a class=\"name deeplink\" target\\$=\"[[_superclassTarget(descriptor.superclass)]]\" href\\$=\"[[_superclassUrl(descriptor.superclass)]]\">[[descriptor.superclass]]</a>\n        <span hidden\\$=\"[[!descriptor.mixins]]\"> with\n          <span>\n            <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n              <a class=\"name deeplink mixin\" href\\$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a>\n            </template>\n          </span>\n        </span>\n      </code>\n    </div>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n    <div hidden\\$=\"[[!descriptor.behaviors]]\">Behaviors:\n      <template is=\"dom-repeat\" items=\"[[descriptor.behaviors]]\" sort=\"_compareDescriptors\">\n        <a class=\"name deeplink\" href\\$=\"[[baseHref]]/behaviors/[[item]]\">[[item]]</a>\n      </template>\n    </div>\n\n    <section id=\"description\" hidden\\$=\"[[!descriptor.description]]\" anchor-id\\$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"]))),
     is: 'iron-doc-element',
     behaviors: [_ironDocViewerBehavior.IronDocViewerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-function.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-function.js
index 9b510a1862f..4f1b02e2825 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-function.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-function.js
@@ -1,13 +1,13 @@
 define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "./iron-doc-viewer-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _markedElement, _ironDocViewerStyles, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_8d93e1d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_69b45e401f2611eda0c389891c227ec8;
 
   /**
    * Renders documentation describing a function or method.
    */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d93e1d01f0511ed8cc3e9a95995ad69 || (_templateObject_8d93e1d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles\"></style>\n    <style>\n      :host {\n        display: block;\n      }\n\n      .paramName {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      .paramType, .returnType {\n        color: #666;\n      }\n\n      #paramList .paramName {\n        color: #666;\n        margin-right: 5px;\n      }\n\n      #paramList marked-element,\n      #paramList .markdown-html,\n      #paramList .markdown-html p {\n        display: inline-block;\n        margin: 0;\n      }\n\n      .static {\n        color: #666;\n      }\n\n      .privacy {\n        color: #666;\n      }\n\n      .import-path {\n        padding-left: 25px;\n      }\n    </style>\n\n    <code id=\"signature\">\n      <span class=\"privacy\">[[_privacy]]</span>\n      <span class=\"static\" hidden$=\"[[!static]]\">static</span>\n\n      <a href$=\"#[[anchorId]]\" id=\"funcName\" class=\"name deeplink\">\n        [[descriptor.name]]<!--\n   --></a><!--\n   -->(<span class=\"funcParams\"><!--\n     --><template is=\"dom-repeat\" items=\"[[descriptor.params]]\" as=\"p\"><!--\n       --><span hidden$=\"[[!index]]\">, </span><!--\n       --><span class=\"paramName\">[[p.name]]</span><!--\n       --><span hidden$=\"[[!p.type]]\">:\n            <span class=\"paramType\">[[p.type]]</span><!--\n       --></span><!--\n     --></template><!--\n   --></span>)<!--\n   --><span hidden$=\"[[!descriptor.return]]\">:\n        <span class=\"returnType\">[[descriptor.return.type]]</span>\n      </span>\n    </code>\n\n    <p hidden$=\"[[!descriptor.inheritedFrom]]\" class=\"inheritedFrom\">\n      Inherited from <code>[[descriptor.inheritedFrom]]</code>\n    </p>\n\n    <div class=\"import-path\" hidden$=\"[[!addImportPath]]\">Requires import: <code>[[descriptor.sourceRange.file]]</code></div>\n\n    <marked-element sanitize markdown=\"[[descriptor.description]]\" hidden$=\"[[!descriptor.description]]\">\n      <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n    </marked-element>\n\n    <ul id=\"paramList\" hidden$=\"[[!_showParamList]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.params]]\">\n        <li>\n          <code class=\"paramName\">[[item.name]]</code>\n          <marked-element sanitize markdown=\"[[item.description]]\" hidden$=\"[[!item.description]]\">\n           <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n         </marked-element>\n        </li>\n      </template>\n    </ul>\n"], ["\n    <style include=\"iron-doc-viewer-styles\"></style>\n    <style>\n      :host {\n        display: block;\n      }\n\n      .paramName {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      .paramType, .returnType {\n        color: #666;\n      }\n\n      #paramList .paramName {\n        color: #666;\n        margin-right: 5px;\n      }\n\n      #paramList marked-element,\n      #paramList .markdown-html,\n      #paramList .markdown-html p {\n        display: inline-block;\n        margin: 0;\n      }\n\n      .static {\n        color: #666;\n      }\n\n      .privacy {\n        color: #666;\n      }\n\n      .import-path {\n        padding-left: 25px;\n      }\n    </style>\n\n    <code id=\"signature\">\n      <span class=\"privacy\">[[_privacy]]</span>\n      <span class=\"static\" hidden\\$=\"[[!static]]\">static</span>\n\n      <a href\\$=\"#[[anchorId]]\" id=\"funcName\" class=\"name deeplink\">\n        [[descriptor.name]]<!--\n   --></a><!--\n   -->(<span class=\"funcParams\"><!--\n     --><template is=\"dom-repeat\" items=\"[[descriptor.params]]\" as=\"p\"><!--\n       --><span hidden\\$=\"[[!index]]\">, </span><!--\n       --><span class=\"paramName\">[[p.name]]</span><!--\n       --><span hidden\\$=\"[[!p.type]]\">:\n            <span class=\"paramType\">[[p.type]]</span><!--\n       --></span><!--\n     --></template><!--\n   --></span>)<!--\n   --><span hidden\\$=\"[[!descriptor.return]]\">:\n        <span class=\"returnType\">[[descriptor.return.type]]</span>\n      </span>\n    </code>\n\n    <p hidden\\$=\"[[!descriptor.inheritedFrom]]\" class=\"inheritedFrom\">\n      Inherited from <code>[[descriptor.inheritedFrom]]</code>\n    </p>\n\n    <div class=\"import-path\" hidden\\$=\"[[!addImportPath]]\">Requires import: <code>[[descriptor.sourceRange.file]]</code></div>\n\n    <marked-element sanitize markdown=\"[[descriptor.description]]\" hidden\\$=\"[[!descriptor.description]]\">\n      <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n    </marked-element>\n\n    <ul id=\"paramList\" hidden\\$=\"[[!_showParamList]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.params]]\">\n        <li>\n          <code class=\"paramName\">[[item.name]]</code>\n          <marked-element sanitize markdown=\"[[item.description]]\" hidden\\$=\"[[!item.description]]\">\n           <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n         </marked-element>\n        </li>\n      </template>\n    </ul>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_69b45e401f2611eda0c389891c227ec8 || (_templateObject_69b45e401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles\"></style>\n    <style>\n      :host {\n        display: block;\n      }\n\n      .paramName {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      .paramType, .returnType {\n        color: #666;\n      }\n\n      #paramList .paramName {\n        color: #666;\n        margin-right: 5px;\n      }\n\n      #paramList marked-element,\n      #paramList .markdown-html,\n      #paramList .markdown-html p {\n        display: inline-block;\n        margin: 0;\n      }\n\n      .static {\n        color: #666;\n      }\n\n      .privacy {\n        color: #666;\n      }\n\n      .import-path {\n        padding-left: 25px;\n      }\n    </style>\n\n    <code id=\"signature\">\n      <span class=\"privacy\">[[_privacy]]</span>\n      <span class=\"static\" hidden$=\"[[!static]]\">static</span>\n\n      <a href$=\"#[[anchorId]]\" id=\"funcName\" class=\"name deeplink\">\n        [[descriptor.name]]<!--\n   --></a><!--\n   -->(<span class=\"funcParams\"><!--\n     --><template is=\"dom-repeat\" items=\"[[descriptor.params]]\" as=\"p\"><!--\n       --><span hidden$=\"[[!index]]\">, </span><!--\n       --><span class=\"paramName\">[[p.name]]</span><!--\n       --><span hidden$=\"[[!p.type]]\">:\n            <span class=\"paramType\">[[p.type]]</span><!--\n       --></span><!--\n     --></template><!--\n   --></span>)<!--\n   --><span hidden$=\"[[!descriptor.return]]\">:\n        <span class=\"returnType\">[[descriptor.return.type]]</span>\n      </span>\n    </code>\n\n    <p hidden$=\"[[!descriptor.inheritedFrom]]\" class=\"inheritedFrom\">\n      Inherited from <code>[[descriptor.inheritedFrom]]</code>\n    </p>\n\n    <div class=\"import-path\" hidden$=\"[[!addImportPath]]\">Requires import: <code>[[descriptor.sourceRange.file]]</code></div>\n\n    <marked-element sanitize markdown=\"[[descriptor.description]]\" hidden$=\"[[!descriptor.description]]\">\n      <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n    </marked-element>\n\n    <ul id=\"paramList\" hidden$=\"[[!_showParamList]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.params]]\">\n        <li>\n          <code class=\"paramName\">[[item.name]]</code>\n          <marked-element sanitize markdown=\"[[item.description]]\" hidden$=\"[[!item.description]]\">\n           <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n         </marked-element>\n        </li>\n      </template>\n    </ul>\n"], ["\n    <style include=\"iron-doc-viewer-styles\"></style>\n    <style>\n      :host {\n        display: block;\n      }\n\n      .paramName {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      .paramType, .returnType {\n        color: #666;\n      }\n\n      #paramList .paramName {\n        color: #666;\n        margin-right: 5px;\n      }\n\n      #paramList marked-element,\n      #paramList .markdown-html,\n      #paramList .markdown-html p {\n        display: inline-block;\n        margin: 0;\n      }\n\n      .static {\n        color: #666;\n      }\n\n      .privacy {\n        color: #666;\n      }\n\n      .import-path {\n        padding-left: 25px;\n      }\n    </style>\n\n    <code id=\"signature\">\n      <span class=\"privacy\">[[_privacy]]</span>\n      <span class=\"static\" hidden\\$=\"[[!static]]\">static</span>\n\n      <a href\\$=\"#[[anchorId]]\" id=\"funcName\" class=\"name deeplink\">\n        [[descriptor.name]]<!--\n   --></a><!--\n   -->(<span class=\"funcParams\"><!--\n     --><template is=\"dom-repeat\" items=\"[[descriptor.params]]\" as=\"p\"><!--\n       --><span hidden\\$=\"[[!index]]\">, </span><!--\n       --><span class=\"paramName\">[[p.name]]</span><!--\n       --><span hidden\\$=\"[[!p.type]]\">:\n            <span class=\"paramType\">[[p.type]]</span><!--\n       --></span><!--\n     --></template><!--\n   --></span>)<!--\n   --><span hidden\\$=\"[[!descriptor.return]]\">:\n        <span class=\"returnType\">[[descriptor.return.type]]</span>\n      </span>\n    </code>\n\n    <p hidden\\$=\"[[!descriptor.inheritedFrom]]\" class=\"inheritedFrom\">\n      Inherited from <code>[[descriptor.inheritedFrom]]</code>\n    </p>\n\n    <div class=\"import-path\" hidden\\$=\"[[!addImportPath]]\">Requires import: <code>[[descriptor.sourceRange.file]]</code></div>\n\n    <marked-element sanitize markdown=\"[[descriptor.description]]\" hidden\\$=\"[[!descriptor.description]]\">\n      <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n    </marked-element>\n\n    <ul id=\"paramList\" hidden\\$=\"[[!_showParamList]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.params]]\">\n        <li>\n          <code class=\"paramName\">[[item.name]]</code>\n          <marked-element sanitize markdown=\"[[item.description]]\" hidden\\$=\"[[!item.description]]\">\n           <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n         </marked-element>\n        </li>\n      </template>\n    </ul>\n"]))),
     is: 'iron-doc-function',
     properties: {
       anchorId: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-hide-bar.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-hide-bar.js
index 219d8e02447..f4f5fbb4d92 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-hide-bar.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-hide-bar.js
@@ -1,10 +1,10 @@
 define(["../polymer/polymer-legacy.js", "./iron-doc-viewer-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironDocViewerStyles, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_8d97d9701f0511ed8cc3e9a95995ad69;
+  var _templateObject_69bdad101f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d97d9701f0511ed8cc3e9a95995ad69 || (_templateObject_8d97d9701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        padding: 16px;\n      }\n\n      a {\n        background-color: #eee;\n        display: block;\n        padding: 15px;\n        border-radius: 5px;\n        text-align: center;\n        text-decoration: none;\n        color: #1565c0;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal);\n      }\n    </style>\n\n    <a href on-tap=\"_toggle\">\n      <span hidden$=\"[[visible]]\">Show</span>\n      <span hidden$=\"[[!visible]]\">Hide</span>\n      <span><slot></slot></span>\n    </a>\n"], ["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        padding: 16px;\n      }\n\n      a {\n        background-color: #eee;\n        display: block;\n        padding: 15px;\n        border-radius: 5px;\n        text-align: center;\n        text-decoration: none;\n        color: #1565c0;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal);\n      }\n    </style>\n\n    <a href on-tap=\"_toggle\">\n      <span hidden\\$=\"[[visible]]\">Show</span>\n      <span hidden\\$=\"[[!visible]]\">Hide</span>\n      <span><slot></slot></span>\n    </a>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_69bdad101f2611eda0c389891c227ec8 || (_templateObject_69bdad101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        padding: 16px;\n      }\n\n      a {\n        background-color: #eee;\n        display: block;\n        padding: 15px;\n        border-radius: 5px;\n        text-align: center;\n        text-decoration: none;\n        color: #1565c0;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal);\n      }\n    </style>\n\n    <a href on-tap=\"_toggle\">\n      <span hidden$=\"[[visible]]\">Show</span>\n      <span hidden$=\"[[!visible]]\">Hide</span>\n      <span><slot></slot></span>\n    </a>\n"], ["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        padding: 16px;\n      }\n\n      a {\n        background-color: #eee;\n        display: block;\n        padding: 15px;\n        border-radius: 5px;\n        text-align: center;\n        text-decoration: none;\n        color: #1565c0;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal);\n      }\n    </style>\n\n    <a href on-tap=\"_toggle\">\n      <span hidden\\$=\"[[visible]]\">Show</span>\n      <span hidden\\$=\"[[!visible]]\">Hide</span>\n      <span><slot></slot></span>\n    </a>\n"]))),
     is: 'iron-doc-hide-bar',
     properties: {
       visible: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-mixin.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-mixin.js
index ad6347fede6..207389768dd 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-mixin.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-mixin.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "../prism-element/prism-highlighter.js", "../prism-element/prism-theme-default.js", "./iron-doc-api.js", "./iron-doc-viewer-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./iron-doc-viewer-behavior.js"], function (_polymerLegacy, _markedElement, _prismHighlighter, _prismThemeDefault, _ironDocApi, _ironDocViewerStyles, _polymerFn, _htmlTag, _ironDocViewerBehavior) {
   "use strict";
 
-  var _templateObject_8d9c46401f0511ed8cc3e9a95995ad69;
+  var _templateObject_69c65fa01f2611eda0c389891c227ec8;
 
   /*
   `iron-doc-element` renders documentation about a JavaScript mixin from a JSON
@@ -9,7 +9,7 @@ define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "
   [Polymer Analyzer](https://github.com/Polymer/polymer-analyzer).
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d9c46401f0511ed8cc3e9a95995ad69 || (_templateObject_8d9c46401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden$=\"[[!descriptor.mixins]]\">Mixins:\n      <span>\n        <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\"><!--\n       --><span hidden$=\"[[!index]]\">, </span>\n          <a class=\"name deeplink mixin\" href$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a><!--\n     --></template>\n      </span>\n    </div>\n\n    <section id=\"description\" hidden$=\"[[!descriptor.description]]\" anchor-id$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden\\$=\"[[!descriptor.mixins]]\">Mixins:\n      <span>\n        <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\"><!--\n       --><span hidden\\$=\"[[!index]]\">, </span>\n          <a class=\"name deeplink mixin\" href\\$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a><!--\n     --></template>\n      </span>\n    </div>\n\n    <section id=\"description\" hidden\\$=\"[[!descriptor.description]]\" anchor-id\\$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_69c65fa01f2611eda0c389891c227ec8 || (_templateObject_69c65fa01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden$=\"[[!descriptor.mixins]]\">Mixins:\n      <span>\n        <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\"><!--\n       --><span hidden$=\"[[!index]]\">, </span>\n          <a class=\"name deeplink mixin\" href$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a><!--\n     --></template>\n      </span>\n    </div>\n\n    <section id=\"description\" hidden$=\"[[!descriptor.description]]\" anchor-id$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <div>Path: <code>[[descriptor.path]]</code></div>\n\n    <div hidden\\$=\"[[!descriptor.mixins]]\">Mixins:\n      <span>\n        <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\"><!--\n       --><span hidden\\$=\"[[!index]]\">, </span>\n          <a class=\"name deeplink mixin\" href\\$=\"[[baseHref]]/mixins/[[item]]\">[[item]]</a><!--\n     --></template>\n      </span>\n    </div>\n\n    <section id=\"description\" hidden\\$=\"[[!descriptor.description]]\" anchor-id\\$=\"[[fragmentPrefix]]description\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <iron-doc-api descriptor=\"[[descriptor]]\" fragment-prefix=\"[[fragmentPrefix]]\">\n    </iron-doc-api>\n"]))),
     is: 'iron-doc-mixin',
     behaviors: [_ironDocViewerBehavior.IronDocViewerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-module.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-module.js
index beb483b81be..36ecd981429 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-module.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-module.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "../prism-element/prism-highlighter.js", "../prism-element/prism-theme-default.js", "./iron-doc-behavior.js", "./iron-doc-element.js", "./iron-doc-class.js", "./iron-doc-function.js", "./iron-doc-mixin.js", "./iron-doc-summary.js", "./iron-doc-viewer-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./iron-doc-viewer-behavior.js"], function (_polymerLegacy, _markedElement, _prismHighlighter, _prismThemeDefault, _ironDocBehavior, _ironDocElement, _ironDocClass, _ironDocFunction, _ironDocMixin, _ironDocSummary, _ironDocViewerStyles, _polymerFn, _htmlTag, _ironDocViewerBehavior) {
   "use strict";
 
-  var _templateObject_8d9df3f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_69cb1a901f2611eda0c389891c227ec8;
 
   /**
    * `iron-doc-module` renders documentation about a JavaScript Module from a
@@ -12,7 +12,7 @@ define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "
    * down to contain only the exported contents of a single module.
    */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8d9df3f01f0511ed8cc3e9a95995ad69 || (_templateObject_8d9df3f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <template is=\"dom-if\" if=\"[[moduleSpecifier]]\">\n      <code>import {} from '[[moduleSpecifier]]';</code>\n    </template>\n\n    <h1>[[title]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <section id=\"description\" anchor-id$=\"[[fragmentPrefix]]description\" hidden$=\"[[!descriptor.description]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]elements\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'elements')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.elements]]\" sort=\"_compareDescriptors\">\n        <iron-doc-element descriptor=\"[[item]]\" anchor-id$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        </iron-doc-element>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]classes\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'classes')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.classes]]\" sort=\"_compareDescriptors\">\n        <iron-doc-class descriptor=\"{{item}}\" anchor-id$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        \n      </iron-doc-class></template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]mixins\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'mixins')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n        <iron-doc-mixin descriptor=\"[[item]]\" anchor-id$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        </iron-doc-mixin>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]behaviors\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'behaviors')]]\">\n      <template is=\"dom-repeat\" items=\"[[_getPolymerBehaviors(descriptor)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-behavior descriptor=\"[[item]]\" anchor-id$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        \n      </iron-doc-behavior></template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]functions\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'functions')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]functions\" class=\"deeplink\">\n          Exported Functions\n        </a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.functions]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function anchor-id$=\"[[fragmentPrefix]][[item.name]]\" descriptor=\"[[item]]\">\n        </iron-doc-function>\n      </template>\n    </section>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <template is=\"dom-if\" if=\"[[moduleSpecifier]]\">\n      <code>import {} from '[[moduleSpecifier]]';</code>\n    </template>\n\n    <h1>[[title]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <section id=\"description\" anchor-id\\$=\"[[fragmentPrefix]]description\" hidden\\$=\"[[!descriptor.description]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]elements\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'elements')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.elements]]\" sort=\"_compareDescriptors\">\n        <iron-doc-element descriptor=\"[[item]]\" anchor-id\\$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        </iron-doc-element>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]classes\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'classes')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.classes]]\" sort=\"_compareDescriptors\">\n        <iron-doc-class descriptor=\"{{item}}\" anchor-id\\$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        \n      </iron-doc-class></template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]mixins\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'mixins')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n        <iron-doc-mixin descriptor=\"[[item]]\" anchor-id\\$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        </iron-doc-mixin>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]behaviors\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'behaviors')]]\">\n      <template is=\"dom-repeat\" items=\"[[_getPolymerBehaviors(descriptor)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-behavior descriptor=\"[[item]]\" anchor-id\\$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        \n      </iron-doc-behavior></template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]functions\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'functions')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]functions\" class=\"deeplink\">\n          Exported Functions\n        </a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.functions]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function anchor-id\\$=\"[[fragmentPrefix]][[item.name]]\" descriptor=\"[[item]]\">\n        </iron-doc-function>\n      </template>\n    </section>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_69cb1a901f2611eda0c389891c227ec8 || (_templateObject_69cb1a901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <template is=\"dom-if\" if=\"[[moduleSpecifier]]\">\n      <code>import {} from '[[moduleSpecifier]]';</code>\n    </template>\n\n    <h1>[[title]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <section id=\"description\" anchor-id$=\"[[fragmentPrefix]]description\" hidden$=\"[[!descriptor.description]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]elements\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'elements')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.elements]]\" sort=\"_compareDescriptors\">\n        <iron-doc-element descriptor=\"[[item]]\" anchor-id$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        </iron-doc-element>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]classes\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'classes')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.classes]]\" sort=\"_compareDescriptors\">\n        <iron-doc-class descriptor=\"{{item}}\" anchor-id$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        \n      </iron-doc-class></template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]mixins\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'mixins')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n        <iron-doc-mixin descriptor=\"[[item]]\" anchor-id$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        </iron-doc-mixin>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]behaviors\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'behaviors')]]\">\n      <template is=\"dom-repeat\" items=\"[[_getPolymerBehaviors(descriptor)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-behavior descriptor=\"[[item]]\" anchor-id$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        \n      </iron-doc-behavior></template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]functions\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'functions')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]functions\" class=\"deeplink\">\n          Exported Functions\n        </a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.functions]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function anchor-id$=\"[[fragmentPrefix]][[item.name]]\" descriptor=\"[[item]]\">\n        </iron-doc-function>\n      </template>\n    </section>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <template is=\"dom-if\" if=\"[[moduleSpecifier]]\">\n      <code>import {} from '[[moduleSpecifier]]';</code>\n    </template>\n\n    <h1>[[title]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <section id=\"description\" anchor-id\\$=\"[[fragmentPrefix]]description\" hidden\\$=\"[[!descriptor.description]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]elements\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'elements')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.elements]]\" sort=\"_compareDescriptors\">\n        <iron-doc-element descriptor=\"[[item]]\" anchor-id\\$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        </iron-doc-element>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]classes\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'classes')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.classes]]\" sort=\"_compareDescriptors\">\n        <iron-doc-class descriptor=\"{{item}}\" anchor-id\\$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        \n      </iron-doc-class></template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]mixins\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'mixins')]]\">\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n        <iron-doc-mixin descriptor=\"[[item]]\" anchor-id\\$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        </iron-doc-mixin>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]behaviors\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'behaviors')]]\">\n      <template is=\"dom-repeat\" items=\"[[_getPolymerBehaviors(descriptor)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-behavior descriptor=\"[[item]]\" anchor-id\\$=\"[[fragmentPrefix]][[item.name]]\" fragment-prefix=\"[[fragmentPrefix]][[item.name]]-\">\n        \n      </iron-doc-behavior></template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]functions\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'functions')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]functions\" class=\"deeplink\">\n          Exported Functions\n        </a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.functions]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function anchor-id\\$=\"[[fragmentPrefix]][[item.name]]\" descriptor=\"[[item]]\">\n        </iron-doc-function>\n      </template>\n    </section>\n"]))),
     is: 'iron-doc-module',
     behaviors: [_ironDocViewerBehavior.IronDocViewerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-namespace.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-namespace.js
index 7553d08294d..204a544f70c 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-namespace.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-namespace.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "../prism-element/prism-highlighter.js", "../prism-element/prism-theme-default.js", "./iron-doc-function.js", "./iron-doc-summary.js", "./iron-doc-viewer-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./iron-doc-viewer-behavior.js"], function (_polymerLegacy, _markedElement, _prismHighlighter, _prismThemeDefault, _ironDocFunction, _ironDocSummary, _ironDocViewerStyles, _polymerFn, _htmlTag, _ironDocViewerBehavior) {
   "use strict";
 
-  var _templateObject_8dace8101f0511ed8cc3e9a95995ad69;
+  var _templateObject_69cf87601f2611eda0c389891c227ec8;
 
   /*
   `iron-doc-namespace` renders documentation about a JavaScript namespace from a
@@ -9,7 +9,7 @@ define(["../polymer/polymer-legacy.js", "../marked-element/marked-element.js", "
   [Polymer Analyzer](https://github.com/Polymer/polymer-analyzer).
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8dace8101f0511ed8cc3e9a95995ad69 || (_templateObject_8dace8101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <section id=\"description\" anchor-id$=\"[[fragmentPrefix]]description\" hidden$=\"[[!descriptor.description]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]elements\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'elements')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]elements\" class=\"deeplink\">Elements</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.elements]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[_getElementName(item)]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/elements/[[_getElementId(item)]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]classes\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'classes')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]classes\" class=\"deeplink\">Classes</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.classes]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/classes/[[_getElementId(item)]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]mixins\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'mixins')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]mixins\" class=\"deeplink\">Mixins</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/mixins/[[item.name]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]behaviors\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'behaviors')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]behaviors\" class=\"deeplink\">Behaviors</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[_getPolymerBehaviors(descriptor)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/behaviors/[[item.name]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]functions\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'functions')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]functions\" class=\"deeplink\">Functions</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.functions]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function add-import-path anchor-id=\"[[fragmentPrefix]]function-[[item.name]]\" descriptor=\"[[item]]\">\n        </iron-doc-function>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]namespaces\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'namespaces')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]namespaces\" class=\"deeplink\">Namespaces</a>\n      </h2>\n      <div hidden$=\"[[!descriptor.namespaces.length]]\">\n        <template is=\"dom-repeat\" items=\"[[descriptor.namespaces]]\" sort=\"_compareDescriptors\">\n          <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/namespaces/[[item.name]]\">\n          </iron-doc-summary>\n        </template>\n      </div>\n    </section>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <section id=\"description\" anchor-id\\$=\"[[fragmentPrefix]]description\" hidden\\$=\"[[!descriptor.description]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]elements\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'elements')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]elements\" class=\"deeplink\">Elements</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.elements]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[_getElementName(item)]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/elements/[[_getElementId(item)]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]classes\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'classes')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]classes\" class=\"deeplink\">Classes</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.classes]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/classes/[[_getElementId(item)]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]mixins\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'mixins')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]mixins\" class=\"deeplink\">Mixins</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/mixins/[[item.name]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]behaviors\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'behaviors')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]behaviors\" class=\"deeplink\">Behaviors</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[_getPolymerBehaviors(descriptor)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/behaviors/[[item.name]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]functions\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'functions')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]functions\" class=\"deeplink\">Functions</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.functions]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function add-import-path anchor-id=\"[[fragmentPrefix]]function-[[item.name]]\" descriptor=\"[[item]]\">\n        </iron-doc-function>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]namespaces\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'namespaces')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]namespaces\" class=\"deeplink\">Namespaces</a>\n      </h2>\n      <div hidden\\$=\"[[!descriptor.namespaces.length]]\">\n        <template is=\"dom-repeat\" items=\"[[descriptor.namespaces]]\" sort=\"_compareDescriptors\">\n          <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/namespaces/[[item.name]]\">\n          </iron-doc-summary>\n        </template>\n      </div>\n    </section>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_69cf87601f2611eda0c389891c227ec8 || (_templateObject_69cf87601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <section id=\"description\" anchor-id$=\"[[fragmentPrefix]]description\" hidden$=\"[[!descriptor.description]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]elements\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'elements')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]elements\" class=\"deeplink\">Elements</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.elements]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[_getElementName(item)]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/elements/[[_getElementId(item)]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]classes\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'classes')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]classes\" class=\"deeplink\">Classes</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.classes]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/classes/[[_getElementId(item)]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]mixins\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'mixins')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]mixins\" class=\"deeplink\">Mixins</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/mixins/[[item.name]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]behaviors\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'behaviors')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]behaviors\" class=\"deeplink\">Behaviors</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[_getPolymerBehaviors(descriptor)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/behaviors/[[item.name]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]functions\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'functions')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]functions\" class=\"deeplink\">Functions</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.functions]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function add-import-path anchor-id=\"[[fragmentPrefix]]function-[[item.name]]\" descriptor=\"[[item]]\">\n        </iron-doc-function>\n      </template>\n    </section>\n\n    <section anchor-id$=\"[[fragmentPrefix]]namespaces\" hidden$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'namespaces')]]\">\n      <h2>\n        <a href$=\"#[[fragmentPrefix]]namespaces\" class=\"deeplink\">Namespaces</a>\n      </h2>\n      <div hidden$=\"[[!descriptor.namespaces.length]]\">\n        <template is=\"dom-repeat\" items=\"[[descriptor.namespaces]]\" sort=\"_compareDescriptors\">\n          <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/namespaces/[[item.name]]\">\n          </iron-doc-summary>\n        </template>\n      </div>\n    </section>\n"], ["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      :host {\n        @apply --iron-doc-docs;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n\n    <h1>[[title]]</h1>\n    <p hidden\\$=\"[[!descriptor.summary]]\">[[descriptor.summary]]</p>\n\n    <section id=\"description\" anchor-id\\$=\"[[fragmentPrefix]]description\" hidden\\$=\"[[!descriptor.description]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]description\" class=\"deeplink\">Description</a>\n      </h2>\n      <marked-element sanitize markdown=\"[[descriptor.description]]\">\n        <div slot=\"markdown-html\" class=\"markdown-html\"></div>\n      </marked-element>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]elements\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'elements')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]elements\" class=\"deeplink\">Elements</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.elements]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[_getElementName(item)]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/elements/[[_getElementId(item)]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]classes\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'classes')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]classes\" class=\"deeplink\">Classes</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.classes]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/classes/[[_getElementId(item)]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]mixins\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'mixins')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]mixins\" class=\"deeplink\">Mixins</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.mixins]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/mixins/[[item.name]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]behaviors\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'behaviors')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]behaviors\" class=\"deeplink\">Behaviors</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[_getPolymerBehaviors(descriptor)]]\" sort=\"_compareDescriptors\">\n        <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/behaviors/[[item.name]]\">\n        </iron-doc-summary>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]functions\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'functions')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]functions\" class=\"deeplink\">Functions</a>\n      </h2>\n      <template is=\"dom-repeat\" items=\"[[descriptor.functions]]\" sort=\"_compareDescriptors\">\n        <iron-doc-function add-import-path anchor-id=\"[[fragmentPrefix]]function-[[item.name]]\" descriptor=\"[[item]]\">\n        </iron-doc-function>\n      </template>\n    </section>\n\n    <section anchor-id\\$=\"[[fragmentPrefix]]namespaces\" hidden\\$=\"[[_noneToShow(_showProtected,_showInherited,descriptor,'namespaces')]]\">\n      <h2>\n        <a href\\$=\"#[[fragmentPrefix]]namespaces\" class=\"deeplink\">Namespaces</a>\n      </h2>\n      <div hidden\\$=\"[[!descriptor.namespaces.length]]\">\n        <template is=\"dom-repeat\" items=\"[[descriptor.namespaces]]\" sort=\"_compareDescriptors\">\n          <iron-doc-summary name=\"[[item.name]]\" description=\"[[item.summary]]\" href=\"[[baseHref]]/namespaces/[[item.name]]\">\n          </iron-doc-summary>\n        </template>\n      </div>\n    </section>\n"]))),
     is: 'iron-doc-namespace',
     behaviors: [_ironDocViewerBehavior.IronDocViewerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-nav.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-nav.js
index 4dfacc5857b..0c3505f9999 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-nav.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-nav.js
@@ -1,10 +1,10 @@
 define(["../polymer/polymer-legacy.js", "./iron-doc-viewer-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironDocViewerStyles, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_8dbc9f801f0511ed8cc3e9a95995ad69;
+  var _templateObject_69d21f701f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8dbc9f801f0511ed8cc3e9a95995ad69 || (_templateObject_8dbc9f801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        display: block;\n      }\n\n      section {\n        @apply --iron-doc-font-body;\n        border-bottom: 1px solid #e0e0e0;\n      }\n\n      h3 {\n        @apply --paper-font-subhead;\n        color: #717171;\n        padding: 0 24px;\n      }\n\n      ul {\n        list-style: none;\n        padding: 0;\n      }\n\n      li {\n        line-height: 30px;\n      }\n\n      a {\n        color: #333;\n        padding: 0 24px;\n        display: block;\n        text-decoration: none;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal) !important;\n      }\n\n      a[selected] {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      .tray {\n        transition: height 180ms linear, opacity 180ms linear;\n        box-sizing: border-box;\n        overflow: hidden;\n      }\n\n      .tray:not([expanded]) {\n        height: 0 !important;\n        opacity: 0;\n        visibility: hidden; /** Prevent keyboard etc. focus. */\n      }\n\n      .tray[expanded] {\n        opacity: 1;\n        visibility: visible;\n      }\n\n      .tray ul {\n        padding: 10px 0;\n        margin: 10px 0;\n        white-space: nowrap;\n        background-color: #eee;\n        border-top: 1px solid #dedede;\n        border-bottom: 1px solid white;\n      }\n\n      .tray a {\n        padding-left: 35px;\n        color: #333;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"[[_sections]]\" as=\"section\">\n      <section hidden$=\"[[!section.items.length]]\">\n        <h3>[[section.heading]]</h3>\n        <ul>\n          <template is=\"dom-repeat\" items=\"[[section.items]]\">\n            <li>\n              <a href=\"[[baseHref]][[item.path]]\" title$=\"[[item.name]]\" on-tap=\"_select\" selected$=\"[[_isSelected(item.path, path)]]\">\n                [[item.name]]\n              </a>\n\n              <div class=\"tray\" expanded$=\"[[_isExpanded(item, path)]]\">\n                <ul>\n                  <template is=\"dom-repeat\" items=\"[[item.demos]]\" as=\"demo\">\n                    <li>\n                      <a href=\"[[baseHref]][[demo.path]]\" title$=\"[[demo.description]]\" on-tap=\"_select\" selected$=\"[[_isSelected(demo.path, path)]]\">\n                        [[demo.description]]\n                      </a>\n                    </li>\n                  </template>\n                </ul>\n              </div>\n            </li>\n          </template>\n        </ul>\n      </section>\n    </template>\n"], ["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        display: block;\n      }\n\n      section {\n        @apply --iron-doc-font-body;\n        border-bottom: 1px solid #e0e0e0;\n      }\n\n      h3 {\n        @apply --paper-font-subhead;\n        color: #717171;\n        padding: 0 24px;\n      }\n\n      ul {\n        list-style: none;\n        padding: 0;\n      }\n\n      li {\n        line-height: 30px;\n      }\n\n      a {\n        color: #333;\n        padding: 0 24px;\n        display: block;\n        text-decoration: none;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal) !important;\n      }\n\n      a[selected] {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      .tray {\n        transition: height 180ms linear, opacity 180ms linear;\n        box-sizing: border-box;\n        overflow: hidden;\n      }\n\n      .tray:not([expanded]) {\n        height: 0 !important;\n        opacity: 0;\n        visibility: hidden; /** Prevent keyboard etc. focus. */\n      }\n\n      .tray[expanded] {\n        opacity: 1;\n        visibility: visible;\n      }\n\n      .tray ul {\n        padding: 10px 0;\n        margin: 10px 0;\n        white-space: nowrap;\n        background-color: #eee;\n        border-top: 1px solid #dedede;\n        border-bottom: 1px solid white;\n      }\n\n      .tray a {\n        padding-left: 35px;\n        color: #333;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"[[_sections]]\" as=\"section\">\n      <section hidden\\$=\"[[!section.items.length]]\">\n        <h3>[[section.heading]]</h3>\n        <ul>\n          <template is=\"dom-repeat\" items=\"[[section.items]]\">\n            <li>\n              <a href=\"[[baseHref]][[item.path]]\" title\\$=\"[[item.name]]\" on-tap=\"_select\" selected\\$=\"[[_isSelected(item.path, path)]]\">\n                [[item.name]]\n              </a>\n\n              <div class=\"tray\" expanded\\$=\"[[_isExpanded(item, path)]]\">\n                <ul>\n                  <template is=\"dom-repeat\" items=\"[[item.demos]]\" as=\"demo\">\n                    <li>\n                      <a href=\"[[baseHref]][[demo.path]]\" title\\$=\"[[demo.description]]\" on-tap=\"_select\" selected\\$=\"[[_isSelected(demo.path, path)]]\">\n                        [[demo.description]]\n                      </a>\n                    </li>\n                  </template>\n                </ul>\n              </div>\n            </li>\n          </template>\n        </ul>\n      </section>\n    </template>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_69d21f701f2611eda0c389891c227ec8 || (_templateObject_69d21f701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        display: block;\n      }\n\n      section {\n        @apply --iron-doc-font-body;\n        border-bottom: 1px solid #e0e0e0;\n      }\n\n      h3 {\n        @apply --paper-font-subhead;\n        color: #717171;\n        padding: 0 24px;\n      }\n\n      ul {\n        list-style: none;\n        padding: 0;\n      }\n\n      li {\n        line-height: 30px;\n      }\n\n      a {\n        color: #333;\n        padding: 0 24px;\n        display: block;\n        text-decoration: none;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal) !important;\n      }\n\n      a[selected] {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      .tray {\n        transition: height 180ms linear, opacity 180ms linear;\n        box-sizing: border-box;\n        overflow: hidden;\n      }\n\n      .tray:not([expanded]) {\n        height: 0 !important;\n        opacity: 0;\n        visibility: hidden; /** Prevent keyboard etc. focus. */\n      }\n\n      .tray[expanded] {\n        opacity: 1;\n        visibility: visible;\n      }\n\n      .tray ul {\n        padding: 10px 0;\n        margin: 10px 0;\n        white-space: nowrap;\n        background-color: #eee;\n        border-top: 1px solid #dedede;\n        border-bottom: 1px solid white;\n      }\n\n      .tray a {\n        padding-left: 35px;\n        color: #333;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"[[_sections]]\" as=\"section\">\n      <section hidden$=\"[[!section.items.length]]\">\n        <h3>[[section.heading]]</h3>\n        <ul>\n          <template is=\"dom-repeat\" items=\"[[section.items]]\">\n            <li>\n              <a href=\"[[baseHref]][[item.path]]\" title$=\"[[item.name]]\" on-tap=\"_select\" selected$=\"[[_isSelected(item.path, path)]]\">\n                [[item.name]]\n              </a>\n\n              <div class=\"tray\" expanded$=\"[[_isExpanded(item, path)]]\">\n                <ul>\n                  <template is=\"dom-repeat\" items=\"[[item.demos]]\" as=\"demo\">\n                    <li>\n                      <a href=\"[[baseHref]][[demo.path]]\" title$=\"[[demo.description]]\" on-tap=\"_select\" selected$=\"[[_isSelected(demo.path, path)]]\">\n                        [[demo.description]]\n                      </a>\n                    </li>\n                  </template>\n                </ul>\n              </div>\n            </li>\n          </template>\n        </ul>\n      </section>\n    </template>\n"], ["\n    <style include=\"iron-doc-viewer-styles\">\n      :host {\n        display: block;\n      }\n\n      section {\n        @apply --iron-doc-font-body;\n        border-bottom: 1px solid #e0e0e0;\n      }\n\n      h3 {\n        @apply --paper-font-subhead;\n        color: #717171;\n        padding: 0 24px;\n      }\n\n      ul {\n        list-style: none;\n        padding: 0;\n      }\n\n      li {\n        line-height: 30px;\n      }\n\n      a {\n        color: #333;\n        padding: 0 24px;\n        display: block;\n        text-decoration: none;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal) !important;\n      }\n\n      a[selected] {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      .tray {\n        transition: height 180ms linear, opacity 180ms linear;\n        box-sizing: border-box;\n        overflow: hidden;\n      }\n\n      .tray:not([expanded]) {\n        height: 0 !important;\n        opacity: 0;\n        visibility: hidden; /** Prevent keyboard etc. focus. */\n      }\n\n      .tray[expanded] {\n        opacity: 1;\n        visibility: visible;\n      }\n\n      .tray ul {\n        padding: 10px 0;\n        margin: 10px 0;\n        white-space: nowrap;\n        background-color: #eee;\n        border-top: 1px solid #dedede;\n        border-bottom: 1px solid white;\n      }\n\n      .tray a {\n        padding-left: 35px;\n        color: #333;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"[[_sections]]\" as=\"section\">\n      <section hidden\\$=\"[[!section.items.length]]\">\n        <h3>[[section.heading]]</h3>\n        <ul>\n          <template is=\"dom-repeat\" items=\"[[section.items]]\">\n            <li>\n              <a href=\"[[baseHref]][[item.path]]\" title\\$=\"[[item.name]]\" on-tap=\"_select\" selected\\$=\"[[_isSelected(item.path, path)]]\">\n                [[item.name]]\n              </a>\n\n              <div class=\"tray\" expanded\\$=\"[[_isExpanded(item, path)]]\">\n                <ul>\n                  <template is=\"dom-repeat\" items=\"[[item.demos]]\" as=\"demo\">\n                    <li>\n                      <a href=\"[[baseHref]][[demo.path]]\" title\\$=\"[[demo.description]]\" on-tap=\"_select\" selected\\$=\"[[_isSelected(demo.path, path)]]\">\n                        [[demo.description]]\n                      </a>\n                    </li>\n                  </template>\n                </ul>\n              </div>\n            </li>\n          </template>\n        </ul>\n      </section>\n    </template>\n"]))),
     is: 'iron-doc-nav',
     properties: {
       descriptor: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-summary.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-summary.js
index 665b084c5d4..0b38d6d4d7d 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-summary.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-summary.js
@@ -1,10 +1,10 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_8dcf64301f0511ed8cc3e9a95995ad69;
+  var _templateObject_69ec37201f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8dcf64301f0511ed8cc3e9a95995ad69 || (_templateObject_8dcf64301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        box-sizing: border-box;\n        display: block;\n        padding: 16px 24px;\n      }\n\n      .name {\n        @apply --iron-doc-font-code;\n        font-weight: bold;\n\n        overflow: hidden;\n        text-overflow: ellipsis;\n        height: 20px;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      a {\n        color: currentcolor;\n        text-decoration: none;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      #description {\n        margin-top: 6px;\n      }\n    </style>\n\n    <div class=\"name\">\n      <a href$=\"[[href]]\">{{name}}</a>\n    </div>\n    <div id=\"description\" hidden$=\"[[!description]]\">\n      [[description]]\n    </div>\n"], ["\n    <style>\n      :host {\n        box-sizing: border-box;\n        display: block;\n        padding: 16px 24px;\n      }\n\n      .name {\n        @apply --iron-doc-font-code;\n        font-weight: bold;\n\n        overflow: hidden;\n        text-overflow: ellipsis;\n        height: 20px;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      a {\n        color: currentcolor;\n        text-decoration: none;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      #description {\n        margin-top: 6px;\n      }\n    </style>\n\n    <div class=\"name\">\n      <a href\\$=\"[[href]]\">{{name}}</a>\n    </div>\n    <div id=\"description\" hidden\\$=\"[[!description]]\">\n      [[description]]\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_69ec37201f2611eda0c389891c227ec8 || (_templateObject_69ec37201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        box-sizing: border-box;\n        display: block;\n        padding: 16px 24px;\n      }\n\n      .name {\n        @apply --iron-doc-font-code;\n        font-weight: bold;\n\n        overflow: hidden;\n        text-overflow: ellipsis;\n        height: 20px;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      a {\n        color: currentcolor;\n        text-decoration: none;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      #description {\n        margin-top: 6px;\n      }\n    </style>\n\n    <div class=\"name\">\n      <a href$=\"[[href]]\">{{name}}</a>\n    </div>\n    <div id=\"description\" hidden$=\"[[!description]]\">\n      [[description]]\n    </div>\n"], ["\n    <style>\n      :host {\n        box-sizing: border-box;\n        display: block;\n        padding: 16px 24px;\n      }\n\n      .name {\n        @apply --iron-doc-font-code;\n        font-weight: bold;\n\n        overflow: hidden;\n        text-overflow: ellipsis;\n        height: 20px;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      a {\n        color: currentcolor;\n        text-decoration: none;\n      }\n\n      a:hover {\n        color: var(--iron-doc-accent-color-internal);\n      }\n\n      #description {\n        margin-top: 6px;\n      }\n    </style>\n\n    <div class=\"name\">\n      <a href\\$=\"[[href]]\">{{name}}</a>\n    </div>\n    <div id=\"description\" hidden\\$=\"[[!description]]\">\n      [[description]]\n    </div>\n"]))),
     is: 'iron-doc-summary',
     properties: {
       name: String,
diff --git a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-viewer.js b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-viewer.js
index 06c5751da64..1745dca328a 100644
--- a/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-viewer.js
+++ b/build/es5-amd/node_modules/@polymer/iron-doc-viewer/iron-doc-viewer.js
@@ -1,7 +1,7 @@
 define(["../iron-location/iron-location.js", "../marked-element/marked-element.js", "../polymer/polymer-legacy.js", "../prism-element/prism-highlighter.js", "../prism-element/prism-theme-default.js", "./iron-doc-behavior.js", "./iron-doc-class.js", "./iron-doc-demo.js", "./iron-doc-element.js", "./iron-doc-mixin.js", "./iron-doc-namespace.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_ironLocation, _markedElement, _polymerLegacy, _prismHighlighter, _prismThemeDefault, _ironDocBehavior, _ironDocClass, _ironDocDemo, _ironDocElement, _ironDocMixin, _ironDocNamespace, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_8e1483801f0511ed8cc3e9a95995ad69;
+  var _templateObject_6a13bc501f2611eda0c389891c227ec8;
 
   /*
   `iron-doc-viewer` renders documentation about elements, mixins, classes, and
@@ -37,7 +37,7 @@ define(["../iron-location/iron-location.js", "../marked-element/marked-element.j
   `--iron-doc-font-body` | Mixin applied to non-code text. | `{}`
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8e1483801f0511ed8cc3e9a95995ad69 || (_templateObject_8e1483801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      iron-doc-demo {\n        height: 100%;\n      }\n    </style>\n\n    <iron-location path=\"{{_urlPath}}\" hash=\"{{_urlHash}}\"></iron-location>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'demos')]]\" restamp>\n      <iron-doc-demo class=\"active\" demo=\"[[_demo]]\" src-prefix=\"[[demoSrcPrefix]]\" title=\"{{title}}\">\n      </iron-doc-demo>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'namespaces')]]\" restamp>\n      <iron-doc-namespace class=\"active\" descriptor=\"[[_currentDescriptor]]\" fragment-prefix=\"[[_fragmentPrefix]]\" title=\"{{title}}\" base-href=\"[[baseHref]]\">\n      </iron-doc-namespace>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'elements')]]\" restamp>\n      <iron-doc-element class=\"active\" descriptor=\"[[_currentDescriptor]]\" fragment-prefix=\"[[_fragmentPrefix]]\" title=\"{{title}}\" base-href=\"[[baseHref]]\">\n      </iron-doc-element>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'mixins')]]\" restamp>\n      <iron-doc-mixin class=\"active\" descriptor=\"[[_currentDescriptor]]\" fragment-prefix=\"[[_fragmentPrefix]]\" title=\"{{title}}\" base-href=\"[[baseHref]]\">\n      </iron-doc-mixin>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'behaviors')]]\" restamp>\n      <iron-doc-behavior class=\"active\" descriptor=\"[[_currentDescriptor]]\" fragment-prefix=\"[[_fragmentPrefix]]\" title=\"{{title}}\" base-href=\"[[baseHref]]\">\n      </iron-doc-behavior>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'classes')]]\" restamp>\n      <iron-doc-class class=\"active\" descriptor=\"[[_currentDescriptor]]\" fragment-prefix=\"[[_fragmentPrefix]]\" title=\"{{title}}\" base-href=\"[[baseHref]]\">\n      </iron-doc-class>\n    </template>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6a13bc501f2611eda0c389891c227ec8 || (_templateObject_6a13bc501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"iron-doc-viewer-styles prism-theme-default\">\n      iron-doc-demo {\n        height: 100%;\n      }\n    </style>\n\n    <iron-location path=\"{{_urlPath}}\" hash=\"{{_urlHash}}\"></iron-location>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'demos')]]\" restamp>\n      <iron-doc-demo class=\"active\" demo=\"[[_demo]]\" src-prefix=\"[[demoSrcPrefix]]\" title=\"{{title}}\">\n      </iron-doc-demo>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'namespaces')]]\" restamp>\n      <iron-doc-namespace class=\"active\" descriptor=\"[[_currentDescriptor]]\" fragment-prefix=\"[[_fragmentPrefix]]\" title=\"{{title}}\" base-href=\"[[baseHref]]\">\n      </iron-doc-namespace>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'elements')]]\" restamp>\n      <iron-doc-element class=\"active\" descriptor=\"[[_currentDescriptor]]\" fragment-prefix=\"[[_fragmentPrefix]]\" title=\"{{title}}\" base-href=\"[[baseHref]]\">\n      </iron-doc-element>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'mixins')]]\" restamp>\n      <iron-doc-mixin class=\"active\" descriptor=\"[[_currentDescriptor]]\" fragment-prefix=\"[[_fragmentPrefix]]\" title=\"{{title}}\" base-href=\"[[baseHref]]\">\n      </iron-doc-mixin>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'behaviors')]]\" restamp>\n      <iron-doc-behavior class=\"active\" descriptor=\"[[_currentDescriptor]]\" fragment-prefix=\"[[_fragmentPrefix]]\" title=\"{{title}}\" base-href=\"[[baseHref]]\">\n      </iron-doc-behavior>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[_equal(_descriptorType,'classes')]]\" restamp>\n      <iron-doc-class class=\"active\" descriptor=\"[[_currentDescriptor]]\" fragment-prefix=\"[[_fragmentPrefix]]\" title=\"{{title}}\" base-href=\"[[baseHref]]\">\n      </iron-doc-class>\n    </template>\n"]))),
     is: 'iron-doc-viewer',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/iron-dropdown/demo/x-select.js b/build/es5-amd/node_modules/@polymer/iron-dropdown/demo/x-select.js
index a5bbb9f708c..87dca4d90c3 100644
--- a/build/es5-amd/node_modules/@polymer/iron-dropdown/demo/x-select.js
+++ b/build/es5-amd/node_modules/@polymer/iron-dropdown/demo/x-select.js
@@ -1,10 +1,10 @@
 define(["../iron-dropdown.js", "./grow-height-animation.js", "../../neon-animation/animations/fade-in-animation.js", "../../neon-animation/animations/fade-out-animation.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js"], function (_ironDropdown, _growHeightAnimation, _fadeInAnimation, _fadeOutAnimation, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9555f7501f0511ed8cc3e9a95995ad69;
+  var _templateObject_70ae8fe01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9555f7501f0511ed8cc3e9a95995ad69 || (_templateObject_9555f7501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        margin: 1em;\n      }\n    </style>\n    <div on-tap=\"open\">\n      <slot name=\"dropdown-trigger\"></slot>\n    </div>\n    <iron-dropdown id=\"dropdown\" vertical-align=\"[[verticalAlign]]\" horizontal-align=\"[[horizontalAlign]]\" disabled=\"[[disabled]]\" scroll-action=\"[[scrollAction]]\" open-animation-config=\"[[openAnimationConfig]]\" close-animation-config=\"[[closeAnimationConfig]]\">\n      <slot name=\"dropdown-content\" slot=\"dropdown-content\"></slot>\n    </iron-dropdown>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_70ae8fe01f2611eda0c389891c227ec8 || (_templateObject_70ae8fe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        margin: 1em;\n      }\n    </style>\n    <div on-tap=\"open\">\n      <slot name=\"dropdown-trigger\"></slot>\n    </div>\n    <iron-dropdown id=\"dropdown\" vertical-align=\"[[verticalAlign]]\" horizontal-align=\"[[horizontalAlign]]\" disabled=\"[[disabled]]\" scroll-action=\"[[scrollAction]]\" open-animation-config=\"[[openAnimationConfig]]\" close-animation-config=\"[[closeAnimationConfig]]\">\n      <slot name=\"dropdown-content\" slot=\"dropdown-content\"></slot>\n    </iron-dropdown>\n"]))),
     is: 'x-select',
     properties: {
       verticalAlign: String,
diff --git a/build/es5-amd/node_modules/@polymer/iron-dropdown/iron-dropdown.js b/build/es5-amd/node_modules/@polymer/iron-dropdown/iron-dropdown.js
index e30836b30e8..2aeb5b9ec8b 100644
--- a/build/es5-amd/node_modules/@polymer/iron-dropdown/iron-dropdown.js
+++ b/build/es5-amd/node_modules/@polymer/iron-dropdown/iron-dropdown.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-keys-behavior.js", "../iron-behaviors/iron-control-state.js", "../iron-overlay-behavior/iron-overlay-behavior.js", "../neon-animation/neon-animation-runner-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironA11yKeysBehavior, _ironControlState, _ironOverlayBehavior, _neonAnimationRunnerBehavior, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_9b072e301f0511ed8cc3e9a95995ad69;
+  var _templateObject_7661c2901f2611eda0c389891c227ec8;
 
   /**
   `<iron-dropdown>` is a generalized element that is useful when you have
@@ -29,7 +29,7 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-ke
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9b072e301f0511ed8cc3e9a95995ad69 || (_templateObject_9b072e301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: fixed;\n      }\n\n      #contentWrapper ::slotted(*) {\n        overflow: auto;\n      }\n\n      #contentWrapper.animating ::slotted(*) {\n        overflow: hidden;\n        pointer-events: none;\n      }\n    </style>\n\n    <div id=\"contentWrapper\">\n      <slot id=\"content\" name=\"dropdown-content\"></slot>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7661c2901f2611eda0c389891c227ec8 || (_templateObject_7661c2901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: fixed;\n      }\n\n      #contentWrapper ::slotted(*) {\n        overflow: auto;\n      }\n\n      #contentWrapper.animating ::slotted(*) {\n        overflow: hidden;\n        pointer-events: none;\n      }\n    </style>\n\n    <div id=\"contentWrapper\">\n      <slot id=\"content\" name=\"dropdown-content\"></slot>\n    </div>\n"]))),
     is: 'iron-dropdown',
     behaviors: [_ironControlState.IronControlState, _ironA11yKeysBehavior.IronA11yKeysBehavior, _ironOverlayBehavior.IronOverlayBehavior, _neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-fit-behavior/demo/simple-fit.js b/build/es5-amd/node_modules/@polymer/iron-fit-behavior/demo/simple-fit.js
index ef8274046b4..35782a722d3 100644
--- a/build/es5-amd/node_modules/@polymer/iron-fit-behavior/demo/simple-fit.js
+++ b/build/es5-amd/node_modules/@polymer/iron-fit-behavior/demo/simple-fit.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../paper-styles/color.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../iron-fit-behavior.js"], function (_polymerLegacy, _color, _polymerFn, _htmlTag, _ironFitBehavior) {
   "use strict";
 
-  var _templateObject_9559c7e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_70b631001f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9559c7e01f0511ed8cc3e9a95995ad69 || (_templateObject_9559c7e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        background-color: var(--paper-light-blue-500);\n        color: white;\n        text-align: center;\n      }\n    </style>\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_70b631001f2611eda0c389891c227ec8 || (_templateObject_70b631001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        background-color: var(--paper-light-blue-500);\n        color: white;\n        text-align: center;\n      }\n    </style>\n    <slot></slot>\n"]))),
     is: 'simple-fit',
     behaviors: [_ironFitBehavior.IronFitBehavior]
   });
diff --git a/build/es5-amd/node_modules/@polymer/iron-flex-layout/iron-flex-layout-classes.js b/build/es5-amd/node_modules/@polymer/iron-flex-layout/iron-flex-layout-classes.js
index 6e076739725..a3e7bd4fd4d 100644
--- a/build/es5-amd/node_modules/@polymer/iron-flex-layout/iron-flex-layout-classes.js
+++ b/build/es5-amd/node_modules/@polymer/iron-flex-layout/iron-flex-layout-classes.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _htmlTag) {
   "use strict";
 
-  var _templateObject_a4500ac01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7efcd2f01f2611eda0c389891c227ec8;
 
   /*
   A set of layout classes that let you specify layout properties directly in
@@ -29,7 +29,7 @@ define(["../polymer/polymer-legacy.js", "../polymer/lib/utils/html-tag.js"], fun
    - iron-flex-factors
    - iron-positioning
   */
-  var template = (0, _htmlTag.html)(_templateObject_a4500ac01f0511ed8cc3e9a95995ad69 || (_templateObject_a4500ac01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n/* Most common used flex styles*/\n<dom-module id=\"iron-flex\">\n  <template>\n    <style>\n      .layout.horizontal,\n      .layout.vertical {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n      }\n\n      .layout.inline {\n        display: -ms-inline-flexbox;\n        display: -webkit-inline-flex;\n        display: inline-flex;\n      }\n\n      .layout.horizontal {\n        -ms-flex-direction: row;\n        -webkit-flex-direction: row;\n        flex-direction: row;\n      }\n\n      .layout.vertical {\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n      }\n\n      .layout.wrap {\n        -ms-flex-wrap: wrap;\n        -webkit-flex-wrap: wrap;\n        flex-wrap: wrap;\n      }\n\n      .layout.no-wrap {\n        -ms-flex-wrap: nowrap;\n        -webkit-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n      }\n\n      .layout.center,\n      .layout.center-center {\n        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n      }\n\n      .layout.center-justified,\n      .layout.center-center {\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n      }\n\n      .flex {\n        -ms-flex: 1 1 0.000000001px;\n        -webkit-flex: 1;\n        flex: 1;\n        -webkit-flex-basis: 0.000000001px;\n        flex-basis: 0.000000001px;\n      }\n\n      .flex-auto {\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n      }\n\n      .flex-none {\n        -ms-flex: none;\n        -webkit-flex: none;\n        flex: none;\n      }\n    </style>\n  </template>\n</dom-module>\n/* Basic flexbox reverse styles */\n<dom-module id=\"iron-flex-reverse\">\n  <template>\n    <style>\n      .layout.horizontal-reverse,\n      .layout.vertical-reverse {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n      }\n\n      .layout.horizontal-reverse {\n        -ms-flex-direction: row-reverse;\n        -webkit-flex-direction: row-reverse;\n        flex-direction: row-reverse;\n      }\n\n      .layout.vertical-reverse {\n        -ms-flex-direction: column-reverse;\n        -webkit-flex-direction: column-reverse;\n        flex-direction: column-reverse;\n      }\n\n      .layout.wrap-reverse {\n        -ms-flex-wrap: wrap-reverse;\n        -webkit-flex-wrap: wrap-reverse;\n        flex-wrap: wrap-reverse;\n      }\n    </style>\n  </template>\n</dom-module>\n/* Flexbox alignment */\n<dom-module id=\"iron-flex-alignment\">\n  <template>\n    <style>\n      /**\n       * Alignment in cross axis.\n       */\n      .layout.start {\n        -ms-flex-align: start;\n        -webkit-align-items: flex-start;\n        align-items: flex-start;\n      }\n\n      .layout.center,\n      .layout.center-center {\n        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n      }\n\n      .layout.end {\n        -ms-flex-align: end;\n        -webkit-align-items: flex-end;\n        align-items: flex-end;\n      }\n\n      .layout.baseline {\n        -ms-flex-align: baseline;\n        -webkit-align-items: baseline;\n        align-items: baseline;\n      }\n\n      /**\n       * Alignment in main axis.\n       */\n      .layout.start-justified {\n        -ms-flex-pack: start;\n        -webkit-justify-content: flex-start;\n        justify-content: flex-start;\n      }\n\n      .layout.center-justified,\n      .layout.center-center {\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n      }\n\n      .layout.end-justified {\n        -ms-flex-pack: end;\n        -webkit-justify-content: flex-end;\n        justify-content: flex-end;\n      }\n\n      .layout.around-justified {\n        -ms-flex-pack: distribute;\n        -webkit-justify-content: space-around;\n        justify-content: space-around;\n      }\n\n      .layout.justified {\n        -ms-flex-pack: justify;\n        -webkit-justify-content: space-between;\n        justify-content: space-between;\n      }\n\n      /**\n       * Self alignment.\n       */\n      .self-start {\n        -ms-align-self: flex-start;\n        -webkit-align-self: flex-start;\n        align-self: flex-start;\n      }\n\n      .self-center {\n        -ms-align-self: center;\n        -webkit-align-self: center;\n        align-self: center;\n      }\n\n      .self-end {\n        -ms-align-self: flex-end;\n        -webkit-align-self: flex-end;\n        align-self: flex-end;\n      }\n\n      .self-stretch {\n        -ms-align-self: stretch;\n        -webkit-align-self: stretch;\n        align-self: stretch;\n      }\n\n      .self-baseline {\n        -ms-align-self: baseline;\n        -webkit-align-self: baseline;\n        align-self: baseline;\n      }\n\n      /**\n       * multi-line alignment in main axis.\n       */\n      .layout.start-aligned {\n        -ms-flex-line-pack: start;  /* IE10 */\n        -ms-align-content: flex-start;\n        -webkit-align-content: flex-start;\n        align-content: flex-start;\n      }\n\n      .layout.end-aligned {\n        -ms-flex-line-pack: end;  /* IE10 */\n        -ms-align-content: flex-end;\n        -webkit-align-content: flex-end;\n        align-content: flex-end;\n      }\n\n      .layout.center-aligned {\n        -ms-flex-line-pack: center;  /* IE10 */\n        -ms-align-content: center;\n        -webkit-align-content: center;\n        align-content: center;\n      }\n\n      .layout.between-aligned {\n        -ms-flex-line-pack: justify;  /* IE10 */\n        -ms-align-content: space-between;\n        -webkit-align-content: space-between;\n        align-content: space-between;\n      }\n\n      .layout.around-aligned {\n        -ms-flex-line-pack: distribute;  /* IE10 */\n        -ms-align-content: space-around;\n        -webkit-align-content: space-around;\n        align-content: space-around;\n      }\n    </style>\n  </template>\n</dom-module>\n/* Non-flexbox positioning helper styles */\n<dom-module id=\"iron-flex-factors\">\n  <template>\n    <style>\n      .flex,\n      .flex-1 {\n        -ms-flex: 1 1 0.000000001px;\n        -webkit-flex: 1;\n        flex: 1;\n        -webkit-flex-basis: 0.000000001px;\n        flex-basis: 0.000000001px;\n      }\n\n      .flex-2 {\n        -ms-flex: 2;\n        -webkit-flex: 2;\n        flex: 2;\n      }\n\n      .flex-3 {\n        -ms-flex: 3;\n        -webkit-flex: 3;\n        flex: 3;\n      }\n\n      .flex-4 {\n        -ms-flex: 4;\n        -webkit-flex: 4;\n        flex: 4;\n      }\n\n      .flex-5 {\n        -ms-flex: 5;\n        -webkit-flex: 5;\n        flex: 5;\n      }\n\n      .flex-6 {\n        -ms-flex: 6;\n        -webkit-flex: 6;\n        flex: 6;\n      }\n\n      .flex-7 {\n        -ms-flex: 7;\n        -webkit-flex: 7;\n        flex: 7;\n      }\n\n      .flex-8 {\n        -ms-flex: 8;\n        -webkit-flex: 8;\n        flex: 8;\n      }\n\n      .flex-9 {\n        -ms-flex: 9;\n        -webkit-flex: 9;\n        flex: 9;\n      }\n\n      .flex-10 {\n        -ms-flex: 10;\n        -webkit-flex: 10;\n        flex: 10;\n      }\n\n      .flex-11 {\n        -ms-flex: 11;\n        -webkit-flex: 11;\n        flex: 11;\n      }\n\n      .flex-12 {\n        -ms-flex: 12;\n        -webkit-flex: 12;\n        flex: 12;\n      }\n    </style>\n  </template>\n</dom-module>\n<dom-module id=\"iron-positioning\">\n  <template>\n    <style>\n      .block {\n        display: block;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n\n      .invisible {\n        visibility: hidden !important;\n      }\n\n      .relative {\n        position: relative;\n      }\n\n      .fit {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n\n      body.fullbleed {\n        margin: 0;\n        height: 100vh;\n      }\n\n      .scroll {\n        -webkit-overflow-scrolling: touch;\n        overflow: auto;\n      }\n\n      /* fixed position */\n      .fixed-bottom,\n      .fixed-left,\n      .fixed-right,\n      .fixed-top {\n        position: fixed;\n      }\n\n      .fixed-top {\n        top: 0;\n        left: 0;\n        right: 0;\n      }\n\n      .fixed-right {\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n\n      .fixed-bottom {\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n\n      .fixed-left {\n        top: 0;\n        bottom: 0;\n        left: 0;\n      }\n    </style>\n  </template>\n</dom-module>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_7efcd2f01f2611eda0c389891c227ec8 || (_templateObject_7efcd2f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n/* Most common used flex styles*/\n<dom-module id=\"iron-flex\">\n  <template>\n    <style>\n      .layout.horizontal,\n      .layout.vertical {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n      }\n\n      .layout.inline {\n        display: -ms-inline-flexbox;\n        display: -webkit-inline-flex;\n        display: inline-flex;\n      }\n\n      .layout.horizontal {\n        -ms-flex-direction: row;\n        -webkit-flex-direction: row;\n        flex-direction: row;\n      }\n\n      .layout.vertical {\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n      }\n\n      .layout.wrap {\n        -ms-flex-wrap: wrap;\n        -webkit-flex-wrap: wrap;\n        flex-wrap: wrap;\n      }\n\n      .layout.no-wrap {\n        -ms-flex-wrap: nowrap;\n        -webkit-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n      }\n\n      .layout.center,\n      .layout.center-center {\n        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n      }\n\n      .layout.center-justified,\n      .layout.center-center {\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n      }\n\n      .flex {\n        -ms-flex: 1 1 0.000000001px;\n        -webkit-flex: 1;\n        flex: 1;\n        -webkit-flex-basis: 0.000000001px;\n        flex-basis: 0.000000001px;\n      }\n\n      .flex-auto {\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n      }\n\n      .flex-none {\n        -ms-flex: none;\n        -webkit-flex: none;\n        flex: none;\n      }\n    </style>\n  </template>\n</dom-module>\n/* Basic flexbox reverse styles */\n<dom-module id=\"iron-flex-reverse\">\n  <template>\n    <style>\n      .layout.horizontal-reverse,\n      .layout.vertical-reverse {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n      }\n\n      .layout.horizontal-reverse {\n        -ms-flex-direction: row-reverse;\n        -webkit-flex-direction: row-reverse;\n        flex-direction: row-reverse;\n      }\n\n      .layout.vertical-reverse {\n        -ms-flex-direction: column-reverse;\n        -webkit-flex-direction: column-reverse;\n        flex-direction: column-reverse;\n      }\n\n      .layout.wrap-reverse {\n        -ms-flex-wrap: wrap-reverse;\n        -webkit-flex-wrap: wrap-reverse;\n        flex-wrap: wrap-reverse;\n      }\n    </style>\n  </template>\n</dom-module>\n/* Flexbox alignment */\n<dom-module id=\"iron-flex-alignment\">\n  <template>\n    <style>\n      /**\n       * Alignment in cross axis.\n       */\n      .layout.start {\n        -ms-flex-align: start;\n        -webkit-align-items: flex-start;\n        align-items: flex-start;\n      }\n\n      .layout.center,\n      .layout.center-center {\n        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n      }\n\n      .layout.end {\n        -ms-flex-align: end;\n        -webkit-align-items: flex-end;\n        align-items: flex-end;\n      }\n\n      .layout.baseline {\n        -ms-flex-align: baseline;\n        -webkit-align-items: baseline;\n        align-items: baseline;\n      }\n\n      /**\n       * Alignment in main axis.\n       */\n      .layout.start-justified {\n        -ms-flex-pack: start;\n        -webkit-justify-content: flex-start;\n        justify-content: flex-start;\n      }\n\n      .layout.center-justified,\n      .layout.center-center {\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n      }\n\n      .layout.end-justified {\n        -ms-flex-pack: end;\n        -webkit-justify-content: flex-end;\n        justify-content: flex-end;\n      }\n\n      .layout.around-justified {\n        -ms-flex-pack: distribute;\n        -webkit-justify-content: space-around;\n        justify-content: space-around;\n      }\n\n      .layout.justified {\n        -ms-flex-pack: justify;\n        -webkit-justify-content: space-between;\n        justify-content: space-between;\n      }\n\n      /**\n       * Self alignment.\n       */\n      .self-start {\n        -ms-align-self: flex-start;\n        -webkit-align-self: flex-start;\n        align-self: flex-start;\n      }\n\n      .self-center {\n        -ms-align-self: center;\n        -webkit-align-self: center;\n        align-self: center;\n      }\n\n      .self-end {\n        -ms-align-self: flex-end;\n        -webkit-align-self: flex-end;\n        align-self: flex-end;\n      }\n\n      .self-stretch {\n        -ms-align-self: stretch;\n        -webkit-align-self: stretch;\n        align-self: stretch;\n      }\n\n      .self-baseline {\n        -ms-align-self: baseline;\n        -webkit-align-self: baseline;\n        align-self: baseline;\n      }\n\n      /**\n       * multi-line alignment in main axis.\n       */\n      .layout.start-aligned {\n        -ms-flex-line-pack: start;  /* IE10 */\n        -ms-align-content: flex-start;\n        -webkit-align-content: flex-start;\n        align-content: flex-start;\n      }\n\n      .layout.end-aligned {\n        -ms-flex-line-pack: end;  /* IE10 */\n        -ms-align-content: flex-end;\n        -webkit-align-content: flex-end;\n        align-content: flex-end;\n      }\n\n      .layout.center-aligned {\n        -ms-flex-line-pack: center;  /* IE10 */\n        -ms-align-content: center;\n        -webkit-align-content: center;\n        align-content: center;\n      }\n\n      .layout.between-aligned {\n        -ms-flex-line-pack: justify;  /* IE10 */\n        -ms-align-content: space-between;\n        -webkit-align-content: space-between;\n        align-content: space-between;\n      }\n\n      .layout.around-aligned {\n        -ms-flex-line-pack: distribute;  /* IE10 */\n        -ms-align-content: space-around;\n        -webkit-align-content: space-around;\n        align-content: space-around;\n      }\n    </style>\n  </template>\n</dom-module>\n/* Non-flexbox positioning helper styles */\n<dom-module id=\"iron-flex-factors\">\n  <template>\n    <style>\n      .flex,\n      .flex-1 {\n        -ms-flex: 1 1 0.000000001px;\n        -webkit-flex: 1;\n        flex: 1;\n        -webkit-flex-basis: 0.000000001px;\n        flex-basis: 0.000000001px;\n      }\n\n      .flex-2 {\n        -ms-flex: 2;\n        -webkit-flex: 2;\n        flex: 2;\n      }\n\n      .flex-3 {\n        -ms-flex: 3;\n        -webkit-flex: 3;\n        flex: 3;\n      }\n\n      .flex-4 {\n        -ms-flex: 4;\n        -webkit-flex: 4;\n        flex: 4;\n      }\n\n      .flex-5 {\n        -ms-flex: 5;\n        -webkit-flex: 5;\n        flex: 5;\n      }\n\n      .flex-6 {\n        -ms-flex: 6;\n        -webkit-flex: 6;\n        flex: 6;\n      }\n\n      .flex-7 {\n        -ms-flex: 7;\n        -webkit-flex: 7;\n        flex: 7;\n      }\n\n      .flex-8 {\n        -ms-flex: 8;\n        -webkit-flex: 8;\n        flex: 8;\n      }\n\n      .flex-9 {\n        -ms-flex: 9;\n        -webkit-flex: 9;\n        flex: 9;\n      }\n\n      .flex-10 {\n        -ms-flex: 10;\n        -webkit-flex: 10;\n        flex: 10;\n      }\n\n      .flex-11 {\n        -ms-flex: 11;\n        -webkit-flex: 11;\n        flex: 11;\n      }\n\n      .flex-12 {\n        -ms-flex: 12;\n        -webkit-flex: 12;\n        flex: 12;\n      }\n    </style>\n  </template>\n</dom-module>\n<dom-module id=\"iron-positioning\">\n  <template>\n    <style>\n      .block {\n        display: block;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n\n      .invisible {\n        visibility: hidden !important;\n      }\n\n      .relative {\n        position: relative;\n      }\n\n      .fit {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n\n      body.fullbleed {\n        margin: 0;\n        height: 100vh;\n      }\n\n      .scroll {\n        -webkit-overflow-scrolling: touch;\n        overflow: auto;\n      }\n\n      /* fixed position */\n      .fixed-bottom,\n      .fixed-left,\n      .fixed-right,\n      .fixed-top {\n        position: fixed;\n      }\n\n      .fixed-top {\n        top: 0;\n        left: 0;\n        right: 0;\n      }\n\n      .fixed-right {\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n\n      .fixed-bottom {\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n\n      .fixed-left {\n        top: 0;\n        bottom: 0;\n        left: 0;\n      }\n    </style>\n  </template>\n</dom-module>\n"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-flex-layout/iron-flex-layout.js b/build/es5-amd/node_modules/@polymer/iron-flex-layout/iron-flex-layout.js
index 3f2f1af39f5..146d33df594 100644
--- a/build/es5-amd/node_modules/@polymer/iron-flex-layout/iron-flex-layout.js
+++ b/build/es5-amd/node_modules/@polymer/iron-flex-layout/iron-flex-layout.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _htmlTag) {
   "use strict";
 
-  var _templateObject_9b7cfa701f0511ed8cc3e9a95995ad69;
+  var _templateObject_769f67d01f2611eda0c389891c227ec8;
 
   /**
   The `<iron-flex-layout>` component provides simple ways to use
@@ -65,7 +65,7 @@ define(["../polymer/polymer-legacy.js", "../polymer/lib/utils/html-tag.js"], fun
   @pseudoElement iron-flex-layout
   @demo demo/index.html
   */
-  var template = (0, _htmlTag.html)(_templateObject_9b7cfa701f0511ed8cc3e9a95995ad69 || (_templateObject_9b7cfa701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<custom-style>\n  <style is=\"custom-style\">\n    [hidden] {\n      display: none !important;\n    }\n  </style>\n</custom-style>\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n\n      --layout: {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n      };\n\n      --layout-inline: {\n        display: -ms-inline-flexbox;\n        display: -webkit-inline-flex;\n        display: inline-flex;\n      };\n\n      --layout-horizontal: {\n        @apply --layout;\n\n        -ms-flex-direction: row;\n        -webkit-flex-direction: row;\n        flex-direction: row;\n      };\n\n      --layout-horizontal-reverse: {\n        @apply --layout;\n\n        -ms-flex-direction: row-reverse;\n        -webkit-flex-direction: row-reverse;\n        flex-direction: row-reverse;\n      };\n\n      --layout-vertical: {\n        @apply --layout;\n\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n      };\n\n      --layout-vertical-reverse: {\n        @apply --layout;\n\n        -ms-flex-direction: column-reverse;\n        -webkit-flex-direction: column-reverse;\n        flex-direction: column-reverse;\n      };\n\n      --layout-wrap: {\n        -ms-flex-wrap: wrap;\n        -webkit-flex-wrap: wrap;\n        flex-wrap: wrap;\n      };\n\n      --layout-wrap-reverse: {\n        -ms-flex-wrap: wrap-reverse;\n        -webkit-flex-wrap: wrap-reverse;\n        flex-wrap: wrap-reverse;\n      };\n\n      --layout-flex-auto: {\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n      };\n\n      --layout-flex-none: {\n        -ms-flex: none;\n        -webkit-flex: none;\n        flex: none;\n      };\n\n      --layout-flex: {\n        -ms-flex: 1 1 0.000000001px;\n        -webkit-flex: 1;\n        flex: 1;\n        -webkit-flex-basis: 0.000000001px;\n        flex-basis: 0.000000001px;\n      };\n\n      --layout-flex-2: {\n        -ms-flex: 2;\n        -webkit-flex: 2;\n        flex: 2;\n      };\n\n      --layout-flex-3: {\n        -ms-flex: 3;\n        -webkit-flex: 3;\n        flex: 3;\n      };\n\n      --layout-flex-4: {\n        -ms-flex: 4;\n        -webkit-flex: 4;\n        flex: 4;\n      };\n\n      --layout-flex-5: {\n        -ms-flex: 5;\n        -webkit-flex: 5;\n        flex: 5;\n      };\n\n      --layout-flex-6: {\n        -ms-flex: 6;\n        -webkit-flex: 6;\n        flex: 6;\n      };\n\n      --layout-flex-7: {\n        -ms-flex: 7;\n        -webkit-flex: 7;\n        flex: 7;\n      };\n\n      --layout-flex-8: {\n        -ms-flex: 8;\n        -webkit-flex: 8;\n        flex: 8;\n      };\n\n      --layout-flex-9: {\n        -ms-flex: 9;\n        -webkit-flex: 9;\n        flex: 9;\n      };\n\n      --layout-flex-10: {\n        -ms-flex: 10;\n        -webkit-flex: 10;\n        flex: 10;\n      };\n\n      --layout-flex-11: {\n        -ms-flex: 11;\n        -webkit-flex: 11;\n        flex: 11;\n      };\n\n      --layout-flex-12: {\n        -ms-flex: 12;\n        -webkit-flex: 12;\n        flex: 12;\n      };\n\n      /* alignment in cross axis */\n\n      --layout-start: {\n        -ms-flex-align: start;\n        -webkit-align-items: flex-start;\n        align-items: flex-start;\n      };\n\n      --layout-center: {\n        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n      };\n\n      --layout-end: {\n        -ms-flex-align: end;\n        -webkit-align-items: flex-end;\n        align-items: flex-end;\n      };\n\n      --layout-baseline: {\n        -ms-flex-align: baseline;\n        -webkit-align-items: baseline;\n        align-items: baseline;\n      };\n\n      /* alignment in main axis */\n\n      --layout-start-justified: {\n        -ms-flex-pack: start;\n        -webkit-justify-content: flex-start;\n        justify-content: flex-start;\n      };\n\n      --layout-center-justified: {\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n      };\n\n      --layout-end-justified: {\n        -ms-flex-pack: end;\n        -webkit-justify-content: flex-end;\n        justify-content: flex-end;\n      };\n\n      --layout-around-justified: {\n        -ms-flex-pack: distribute;\n        -webkit-justify-content: space-around;\n        justify-content: space-around;\n      };\n\n      --layout-justified: {\n        -ms-flex-pack: justify;\n        -webkit-justify-content: space-between;\n        justify-content: space-between;\n      };\n\n      --layout-center-center: {\n        @apply --layout-center;\n        @apply --layout-center-justified;\n      };\n\n      /* self alignment */\n\n      --layout-self-start: {\n        -ms-align-self: flex-start;\n        -webkit-align-self: flex-start;\n        align-self: flex-start;\n      };\n\n      --layout-self-center: {\n        -ms-align-self: center;\n        -webkit-align-self: center;\n        align-self: center;\n      };\n\n      --layout-self-end: {\n        -ms-align-self: flex-end;\n        -webkit-align-self: flex-end;\n        align-self: flex-end;\n      };\n\n      --layout-self-stretch: {\n        -ms-align-self: stretch;\n        -webkit-align-self: stretch;\n        align-self: stretch;\n      };\n\n      --layout-self-baseline: {\n        -ms-align-self: baseline;\n        -webkit-align-self: baseline;\n        align-self: baseline;\n      };\n\n      /* multi-line alignment in main axis */\n\n      --layout-start-aligned: {\n        -ms-flex-line-pack: start;  /* IE10 */\n        -ms-align-content: flex-start;\n        -webkit-align-content: flex-start;\n        align-content: flex-start;\n      };\n\n      --layout-end-aligned: {\n        -ms-flex-line-pack: end;  /* IE10 */\n        -ms-align-content: flex-end;\n        -webkit-align-content: flex-end;\n        align-content: flex-end;\n      };\n\n      --layout-center-aligned: {\n        -ms-flex-line-pack: center;  /* IE10 */\n        -ms-align-content: center;\n        -webkit-align-content: center;\n        align-content: center;\n      };\n\n      --layout-between-aligned: {\n        -ms-flex-line-pack: justify;  /* IE10 */\n        -ms-align-content: space-between;\n        -webkit-align-content: space-between;\n        align-content: space-between;\n      };\n\n      --layout-around-aligned: {\n        -ms-flex-line-pack: distribute;  /* IE10 */\n        -ms-align-content: space-around;\n        -webkit-align-content: space-around;\n        align-content: space-around;\n      };\n\n      /*******************************\n                Other Layout\n      *******************************/\n\n      --layout-block: {\n        display: block;\n      };\n\n      --layout-invisible: {\n        visibility: hidden !important;\n      };\n\n      --layout-relative: {\n        position: relative;\n      };\n\n      --layout-fit: {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      };\n\n      --layout-scroll: {\n        -webkit-overflow-scrolling: touch;\n        overflow: auto;\n      };\n\n      --layout-fullbleed: {\n        margin: 0;\n        height: 100vh;\n      };\n\n      /* fixed position */\n\n      --layout-fixed-top: {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n      };\n\n      --layout-fixed-right: {\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      };\n\n      --layout-fixed-bottom: {\n        position: fixed;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      };\n\n      --layout-fixed-left: {\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        left: 0;\n      };\n\n    }\n  </style>\n</custom-style>"])));
+  var template = (0, _htmlTag.html)(_templateObject_769f67d01f2611eda0c389891c227ec8 || (_templateObject_769f67d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<custom-style>\n  <style is=\"custom-style\">\n    [hidden] {\n      display: none !important;\n    }\n  </style>\n</custom-style>\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n\n      --layout: {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n      };\n\n      --layout-inline: {\n        display: -ms-inline-flexbox;\n        display: -webkit-inline-flex;\n        display: inline-flex;\n      };\n\n      --layout-horizontal: {\n        @apply --layout;\n\n        -ms-flex-direction: row;\n        -webkit-flex-direction: row;\n        flex-direction: row;\n      };\n\n      --layout-horizontal-reverse: {\n        @apply --layout;\n\n        -ms-flex-direction: row-reverse;\n        -webkit-flex-direction: row-reverse;\n        flex-direction: row-reverse;\n      };\n\n      --layout-vertical: {\n        @apply --layout;\n\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n      };\n\n      --layout-vertical-reverse: {\n        @apply --layout;\n\n        -ms-flex-direction: column-reverse;\n        -webkit-flex-direction: column-reverse;\n        flex-direction: column-reverse;\n      };\n\n      --layout-wrap: {\n        -ms-flex-wrap: wrap;\n        -webkit-flex-wrap: wrap;\n        flex-wrap: wrap;\n      };\n\n      --layout-wrap-reverse: {\n        -ms-flex-wrap: wrap-reverse;\n        -webkit-flex-wrap: wrap-reverse;\n        flex-wrap: wrap-reverse;\n      };\n\n      --layout-flex-auto: {\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n      };\n\n      --layout-flex-none: {\n        -ms-flex: none;\n        -webkit-flex: none;\n        flex: none;\n      };\n\n      --layout-flex: {\n        -ms-flex: 1 1 0.000000001px;\n        -webkit-flex: 1;\n        flex: 1;\n        -webkit-flex-basis: 0.000000001px;\n        flex-basis: 0.000000001px;\n      };\n\n      --layout-flex-2: {\n        -ms-flex: 2;\n        -webkit-flex: 2;\n        flex: 2;\n      };\n\n      --layout-flex-3: {\n        -ms-flex: 3;\n        -webkit-flex: 3;\n        flex: 3;\n      };\n\n      --layout-flex-4: {\n        -ms-flex: 4;\n        -webkit-flex: 4;\n        flex: 4;\n      };\n\n      --layout-flex-5: {\n        -ms-flex: 5;\n        -webkit-flex: 5;\n        flex: 5;\n      };\n\n      --layout-flex-6: {\n        -ms-flex: 6;\n        -webkit-flex: 6;\n        flex: 6;\n      };\n\n      --layout-flex-7: {\n        -ms-flex: 7;\n        -webkit-flex: 7;\n        flex: 7;\n      };\n\n      --layout-flex-8: {\n        -ms-flex: 8;\n        -webkit-flex: 8;\n        flex: 8;\n      };\n\n      --layout-flex-9: {\n        -ms-flex: 9;\n        -webkit-flex: 9;\n        flex: 9;\n      };\n\n      --layout-flex-10: {\n        -ms-flex: 10;\n        -webkit-flex: 10;\n        flex: 10;\n      };\n\n      --layout-flex-11: {\n        -ms-flex: 11;\n        -webkit-flex: 11;\n        flex: 11;\n      };\n\n      --layout-flex-12: {\n        -ms-flex: 12;\n        -webkit-flex: 12;\n        flex: 12;\n      };\n\n      /* alignment in cross axis */\n\n      --layout-start: {\n        -ms-flex-align: start;\n        -webkit-align-items: flex-start;\n        align-items: flex-start;\n      };\n\n      --layout-center: {\n        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n      };\n\n      --layout-end: {\n        -ms-flex-align: end;\n        -webkit-align-items: flex-end;\n        align-items: flex-end;\n      };\n\n      --layout-baseline: {\n        -ms-flex-align: baseline;\n        -webkit-align-items: baseline;\n        align-items: baseline;\n      };\n\n      /* alignment in main axis */\n\n      --layout-start-justified: {\n        -ms-flex-pack: start;\n        -webkit-justify-content: flex-start;\n        justify-content: flex-start;\n      };\n\n      --layout-center-justified: {\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n      };\n\n      --layout-end-justified: {\n        -ms-flex-pack: end;\n        -webkit-justify-content: flex-end;\n        justify-content: flex-end;\n      };\n\n      --layout-around-justified: {\n        -ms-flex-pack: distribute;\n        -webkit-justify-content: space-around;\n        justify-content: space-around;\n      };\n\n      --layout-justified: {\n        -ms-flex-pack: justify;\n        -webkit-justify-content: space-between;\n        justify-content: space-between;\n      };\n\n      --layout-center-center: {\n        @apply --layout-center;\n        @apply --layout-center-justified;\n      };\n\n      /* self alignment */\n\n      --layout-self-start: {\n        -ms-align-self: flex-start;\n        -webkit-align-self: flex-start;\n        align-self: flex-start;\n      };\n\n      --layout-self-center: {\n        -ms-align-self: center;\n        -webkit-align-self: center;\n        align-self: center;\n      };\n\n      --layout-self-end: {\n        -ms-align-self: flex-end;\n        -webkit-align-self: flex-end;\n        align-self: flex-end;\n      };\n\n      --layout-self-stretch: {\n        -ms-align-self: stretch;\n        -webkit-align-self: stretch;\n        align-self: stretch;\n      };\n\n      --layout-self-baseline: {\n        -ms-align-self: baseline;\n        -webkit-align-self: baseline;\n        align-self: baseline;\n      };\n\n      /* multi-line alignment in main axis */\n\n      --layout-start-aligned: {\n        -ms-flex-line-pack: start;  /* IE10 */\n        -ms-align-content: flex-start;\n        -webkit-align-content: flex-start;\n        align-content: flex-start;\n      };\n\n      --layout-end-aligned: {\n        -ms-flex-line-pack: end;  /* IE10 */\n        -ms-align-content: flex-end;\n        -webkit-align-content: flex-end;\n        align-content: flex-end;\n      };\n\n      --layout-center-aligned: {\n        -ms-flex-line-pack: center;  /* IE10 */\n        -ms-align-content: center;\n        -webkit-align-content: center;\n        align-content: center;\n      };\n\n      --layout-between-aligned: {\n        -ms-flex-line-pack: justify;  /* IE10 */\n        -ms-align-content: space-between;\n        -webkit-align-content: space-between;\n        align-content: space-between;\n      };\n\n      --layout-around-aligned: {\n        -ms-flex-line-pack: distribute;  /* IE10 */\n        -ms-align-content: space-around;\n        -webkit-align-content: space-around;\n        align-content: space-around;\n      };\n\n      /*******************************\n                Other Layout\n      *******************************/\n\n      --layout-block: {\n        display: block;\n      };\n\n      --layout-invisible: {\n        visibility: hidden !important;\n      };\n\n      --layout-relative: {\n        position: relative;\n      };\n\n      --layout-fit: {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      };\n\n      --layout-scroll: {\n        -webkit-overflow-scrolling: touch;\n        overflow: auto;\n      };\n\n      --layout-fullbleed: {\n        margin: 0;\n        height: 100vh;\n      };\n\n      /* fixed position */\n\n      --layout-fixed-top: {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n      };\n\n      --layout-fixed-right: {\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      };\n\n      --layout-fixed-bottom: {\n        position: fixed;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      };\n\n      --layout-fixed-left: {\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        left: 0;\n      };\n\n    }\n  </style>\n</custom-style>"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
   var style = document.createElement('style');
diff --git a/build/es5-amd/node_modules/@polymer/iron-icon/iron-icon.js b/build/es5-amd/node_modules/@polymer/iron-icon/iron-icon.js
index f52d1fc5adc..26aaa66a1be 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icon/iron-icon.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icon/iron-icon.js
@@ -1,7 +1,7 @@
 define(["../iron-flex-layout/iron-flex-layout.js", "../iron-meta/iron-meta.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js", "../polymer/polymer-legacy.js"], function (_ironFlexLayout, _ironMeta, _polymerFn, _polymerDom, _htmlTag, _polymerLegacy) {
   "use strict";
 
-  var _templateObject_9b7f92801f0511ed8cc3e9a95995ad69;
+  var _templateObject_76a1d8d01f2611eda0c389891c227ec8;
 
   /**
   
@@ -73,7 +73,7 @@ define(["../iron-flex-layout/iron-flex-layout.js", "../iron-meta/iron-meta.js",
   @homepage polymer.github.io
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9b7f92801f0511ed8cc3e9a95995ad69 || (_templateObject_9b7f92801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-inline;\n        @apply --layout-center-center;\n        position: relative;\n\n        vertical-align: middle;\n\n        fill: var(--iron-icon-fill-color, currentcolor);\n        stroke: var(--iron-icon-stroke-color, none);\n\n        width: var(--iron-icon-width, 24px);\n        height: var(--iron-icon-height, 24px);\n        @apply --iron-icon;\n      }\n\n      :host([hidden]) {\n        display: none;\n      }\n    </style>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_76a1d8d01f2611eda0c389891c227ec8 || (_templateObject_76a1d8d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-inline;\n        @apply --layout-center-center;\n        position: relative;\n\n        vertical-align: middle;\n\n        fill: var(--iron-icon-fill-color, currentcolor);\n        stroke: var(--iron-icon-stroke-color, none);\n\n        width: var(--iron-icon-width, 24px);\n        height: var(--iron-icon-height, 24px);\n        @apply --iron-icon;\n      }\n\n      :host([hidden]) {\n        display: none;\n      }\n    </style>\n"]))),
     is: 'iron-icon',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/iron-icons/av-icons.js b/build/es5-amd/node_modules/@polymer/iron-icons/av-icons.js
index e0e76ae0734..5c4f8d4d40b 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icons/av-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icons/av-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_911826901f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d0ab5301f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_911826901f0511ed8cc3e9a95995ad69 || (_templateObject_911826901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"av\" size=\"24\">\n<svg><defs>\n<g id=\"add-to-queue\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2zm0 14H3V5h18v12zm-5-7v2h-3v3h-2v-3H8v-2h3V7h2v3h3z\"></path></g>\n<g id=\"airplay\"><path d=\"M6 22h12l-6-6zM21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4v-2H3V5h18v12h-4v2h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"album\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 14.5c-2.49 0-4.5-2.01-4.5-4.5S9.51 7.5 12 7.5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5zm0-5.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z\"></path></g>\n<g id=\"art-track\"><path d=\"M22 13h-8v-2h8v2zm0-6h-8v2h8V7zm-8 10h8v-2h-8v2zm-2-8v6c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V9c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2zm-1.5 6l-2.25-3-1.75 2.26-1.25-1.51L3.5 15h7z\"></path></g>\n<g id=\"av-timer\"><path d=\"M11 17c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1zm0-14v4h2V5.08c3.39.49 6 3.39 6 6.92 0 3.87-3.13 7-7 7s-7-3.13-7-7c0-1.68.59-3.22 1.58-4.42L12 13l1.41-1.41-6.8-6.8v.02C4.42 6.45 3 9.05 3 12c0 4.97 4.02 9 9 9 4.97 0 9-4.03 9-9s-4.03-9-9-9h-1zm7 9c0-.55-.45-1-1-1s-1 .45-1 1 .45 1 1 1 1-.45 1-1zM6 12c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1z\"></path></g>\n<g id=\"branding-watermark\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16h-9v-6h9v6z\"></path></g>\n<g id=\"call-to-action\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3v-3h18v3z\"></path></g>\n<g id=\"closed-caption\"><path d=\"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 7H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1z\"></path></g>\n<g id=\"equalizer\"><path d=\"M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z\"></path></g>\n<g id=\"explicit\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h4v2h-4v2h4v2H9V7h6v2z\"></path></g>\n<g id=\"fast-forward\"><path d=\"M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z\"></path></g>\n<g id=\"fast-rewind\"><path d=\"M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z\"></path></g>\n<g id=\"featured-play-list\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 8H3V9h9v2zm0-4H3V5h9v2z\"></path></g>\n<g id=\"featured-video\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 9H3V5h9v7z\"></path></g>\n<g id=\"fiber-dvr\"><path d=\"M17.5 10.5h2v1h-2zm-13 0h2v3h-2zM21 3H3c-1.11 0-2 .89-2 2v14c0 1.1.89 2 2 2h18c1.11 0 2-.9 2-2V5c0-1.11-.89-2-2-2zM8 13.5c0 .85-.65 1.5-1.5 1.5H3V9h3.5c.85 0 1.5.65 1.5 1.5v3zm4.62 1.5h-1.5L9.37 9h1.5l1 3.43 1-3.43h1.5l-1.75 6zM21 11.5c0 .6-.4 1.15-.9 1.4L21 15h-1.5l-.85-2H17.5v2H16V9h3.5c.85 0 1.5.65 1.5 1.5v1z\"></path></g>\n<g id=\"fiber-manual-record\"><circle cx=\"12\" cy=\"12\" r=\"8\"></circle></g>\n<g id=\"fiber-new\"><path d=\"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zM8.5 15H7.3l-2.55-3.5V15H3.5V9h1.25l2.5 3.5V9H8.5v6zm5-4.74H11v1.12h2.5v1.26H11v1.11h2.5V15h-4V9h4v1.26zm7 3.74c0 .55-.45 1-1 1h-4c-.55 0-1-.45-1-1V9h1.25v4.51h1.13V9.99h1.25v3.51h1.12V9h1.25v5z\"></path></g>\n<g id=\"fiber-pin\"><path d=\"M5.5 10.5h2v1h-2zM20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zM9 11.5c0 .85-.65 1.5-1.5 1.5h-2v2H4V9h3.5c.85 0 1.5.65 1.5 1.5v1zm3.5 3.5H11V9h1.5v6zm7.5 0h-1.2l-2.55-3.5V15H15V9h1.25l2.5 3.5V9H20v6z\"></path></g>\n<g id=\"fiber-smart-record\"><g><circle cx=\"9\" cy=\"12\" r=\"8\"></circle><path d=\"M17 4.26v2.09c2.33.82 4 3.04 4 5.65s-1.67 4.83-4 5.65v2.09c3.45-.89 6-4.01 6-7.74s-2.55-6.85-6-7.74z\"></path></g></g>\n<g id=\"forward-10\"><path d=\"M4 13c0 4.4 3.6 8 8 8s8-3.6 8-8h-2c0 3.3-2.7 6-6 6s-6-2.7-6-6 2.7-6 6-6v4l5-5-5-5v4c-4.4 0-8 3.6-8 8zm6.8 3H10v-3.3L9 13v-.7l1.8-.6h.1V16zm4.3-1.8c0 .3 0 .6-.1.8l-.3.6s-.3.3-.5.3-.4.1-.6.1-.4 0-.6-.1-.3-.2-.5-.3-.2-.3-.3-.6-.1-.5-.1-.8v-.7c0-.3 0-.6.1-.8l.3-.6s.3-.3.5-.3.4-.1.6-.1.4 0 .6.1.3.2.5.3.2.3.3.6.1.5.1.8v.7zm-.8-.8v-.5s-.1-.2-.1-.3-.1-.1-.2-.2-.2-.1-.3-.1-.2 0-.3.1l-.2.2s-.1.2-.1.3v2s.1.2.1.3.1.1.2.2.2.1.3.1.2 0 .3-.1l.2-.2s.1-.2.1-.3v-1.5z\"></path></g>\n<g id=\"forward-30\"><path d=\"M9.6 13.5h.4c.2 0 .4-.1.5-.2s.2-.2.2-.4v-.2s-.1-.1-.1-.2-.1-.1-.2-.1h-.5s-.1.1-.2.1-.1.1-.1.2v.2h-1c0-.2 0-.3.1-.5s.2-.3.3-.4.3-.2.4-.2.4-.1.5-.1c.2 0 .4 0 .6.1s.3.1.5.2.2.2.3.4.1.3.1.5v.3s-.1.2-.1.3-.1.2-.2.2-.2.1-.3.2c.2.1.4.2.5.4s.2.4.2.6c0 .2 0 .4-.1.5s-.2.3-.3.4-.3.2-.5.2-.4.1-.6.1c-.2 0-.4 0-.5-.1s-.3-.1-.5-.2-.2-.2-.3-.4-.1-.4-.1-.6h.8v.2s.1.1.1.2.1.1.2.1h.5s.1-.1.2-.1.1-.1.1-.2v-.5s-.1-.1-.1-.2-.1-.1-.2-.1h-.6v-.7zm5.7.7c0 .3 0 .6-.1.8l-.3.6s-.3.3-.5.3-.4.1-.6.1-.4 0-.6-.1-.3-.2-.5-.3-.2-.3-.3-.6-.1-.5-.1-.8v-.7c0-.3 0-.6.1-.8l.3-.6s.3-.3.5-.3.4-.1.6-.1.4 0 .6.1.3.2.5.3.2.3.3.6.1.5.1.8v.7zm-.9-.8v-.5s-.1-.2-.1-.3-.1-.1-.2-.2-.2-.1-.3-.1-.2 0-.3.1l-.2.2s-.1.2-.1.3v2s.1.2.1.3.1.1.2.2.2.1.3.1.2 0 .3-.1l.2-.2s.1-.2.1-.3v-1.5zM4 13c0 4.4 3.6 8 8 8s8-3.6 8-8h-2c0 3.3-2.7 6-6 6s-6-2.7-6-6 2.7-6 6-6v4l5-5-5-5v4c-4.4 0-8 3.6-8 8z\"></path></g>\n<g id=\"forward-5\"><path d=\"M4 13c0 4.4 3.6 8 8 8s8-3.6 8-8h-2c0 3.3-2.7 6-6 6s-6-2.7-6-6 2.7-6 6-6v4l5-5-5-5v4c-4.4 0-8 3.6-8 8zm6.7.9l.2-2.2h2.4v.7h-1.7l-.1.9s.1 0 .1-.1.1 0 .1-.1.1 0 .2 0h.2c.2 0 .4 0 .5.1s.3.2.4.3.2.3.3.5.1.4.1.6c0 .2 0 .4-.1.5s-.1.3-.3.5-.3.2-.5.3-.4.1-.6.1c-.2 0-.4 0-.5-.1s-.3-.1-.5-.2-.2-.2-.3-.4-.1-.3-.1-.5h.8c0 .2.1.3.2.4s.2.1.4.1c.1 0 .2 0 .3-.1l.2-.2s.1-.2.1-.3v-.6l-.1-.2-.2-.2s-.2-.1-.3-.1h-.2s-.1 0-.2.1-.1 0-.1.1-.1.1-.1.1h-.6z\"></path></g>\n<g id=\"games\"><path d=\"M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z\"></path></g>\n<g id=\"hd\"><path d=\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8 12H9.5v-2h-2v2H6V9h1.5v2.5h2V9H11v6zm2-6h4c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1h-4V9zm1.5 4.5h2v-3h-2v3z\"></path></g>\n<g id=\"hearing\"><path d=\"M17 20c-.29 0-.56-.06-.76-.15-.71-.37-1.21-.88-1.71-2.38-.51-1.56-1.47-2.29-2.39-3-.79-.61-1.61-1.24-2.32-2.53C9.29 10.98 9 9.93 9 9c0-2.8 2.2-5 5-5s5 2.2 5 5h2c0-3.93-3.07-7-7-7S7 5.07 7 9c0 1.26.38 2.65 1.07 3.9.91 1.65 1.98 2.48 2.85 3.15.81.62 1.39 1.07 1.71 2.05.6 1.82 1.37 2.84 2.73 3.55.51.23 1.07.35 1.64.35 2.21 0 4-1.79 4-4h-2c0 1.1-.9 2-2 2zM7.64 2.64L6.22 1.22C4.23 3.21 3 5.96 3 9s1.23 5.79 3.22 7.78l1.41-1.41C6.01 13.74 5 11.49 5 9s1.01-4.74 2.64-6.36zM11.5 9c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5-1.12-2.5-2.5-2.5-2.5 1.12-2.5 2.5z\"></path></g>\n<g id=\"high-quality\"><path d=\"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 11H9.5v-2h-2v2H6V9h1.5v2.5h2V9H11v6zm7-1c0 .55-.45 1-1 1h-.75v1.5h-1.5V15H14c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v4zm-3.5-.5h2v-3h-2v3z\"></path></g>\n<g id=\"library-add\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9h-4v4h-2v-4H9V9h4V5h2v4h4v2z\"></path></g>\n<g id=\"library-books\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z\"></path></g>\n<g id=\"library-music\"><path d=\"M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 5h-3v5.5c0 1.38-1.12 2.5-2.5 2.5S10 13.88 10 12.5s1.12-2.5 2.5-2.5c.57 0 1.08.19 1.5.51V5h4v2zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6z\"></path></g>\n<g id=\"loop\"><path d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\"></path></g>\n<g id=\"mic\"><path d=\"M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z\"></path></g>\n<g id=\"mic-none\"><path d=\"M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1.2-9.1c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2l-.01 6.2c0 .66-.53 1.2-1.19 1.2-.66 0-1.2-.54-1.2-1.2V4.9zm6.5 6.1c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z\"></path></g>\n<g id=\"mic-off\"><path d=\"M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z\"></path></g>\n<g id=\"movie\"><path d=\"M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4z\"></path></g>\n<g id=\"music-video\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM8 15c0-1.66 1.34-3 3-3 .35 0 .69.07 1 .18V6h5v2h-3v7.03c-.02 1.64-1.35 2.97-3 2.97-1.66 0-3-1.34-3-3z\"></path></g>\n<g id=\"new-releases\"><path d=\"M23 12l-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12zm-10 5h-2v-2h2v2zm0-4h-2V7h2v6z\"></path></g>\n<g id=\"not-interested\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8 0-1.85.63-3.55 1.69-4.9L16.9 18.31C15.55 19.37 13.85 20 12 20zm6.31-3.1L7.1 5.69C8.45 4.63 10.15 4 12 4c4.42 0 8 3.58 8 8 0 1.85-.63 3.55-1.69 4.9z\"></path></g>\n<g id=\"note\"><path d=\"M22 10l-6-6H4c-1.1 0-2 .9-2 2v12.01c0 1.1.9 1.99 2 1.99l16-.01c1.1 0 2-.89 2-1.99v-8zm-7-4.5l5.5 5.5H15V5.5z\"></path></g>\n<g id=\"pause\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"></path></g>\n<g id=\"pause-circle-filled\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z\"></path></g>\n<g id=\"pause-circle-outline\"><path d=\"M9 16h2V8H9v8zm3-14C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-4h2V8h-2v8z\"></path></g>\n<g id=\"play-arrow\"><path d=\"M8 5v14l11-7z\"></path></g>\n<g id=\"play-circle-filled\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z\"></path></g>\n<g id=\"play-circle-outline\"><path d=\"M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"playlist-add\"><path d=\"M14 10H2v2h12v-2zm0-4H2v2h12V6zm4 8v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM2 16h8v-2H2v2z\"></path></g>\n<g id=\"playlist-add-check\"><path d=\"M14 10H2v2h12v-2zm0-4H2v2h12V6zM2 16h8v-2H2v2zm19.5-4.5L23 13l-6.99 7-4.51-4.5L13 14l3.01 3 5.49-5.5z\"></path></g>\n<g id=\"playlist-play\"><path d=\"M19 9H2v2h17V9zm0-4H2v2h17V5zM2 15h13v-2H2v2zm15-2v6l5-3-5-3z\"></path></g>\n<g id=\"queue\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9h-4v4h-2v-4H9V9h4V5h2v4h4v2z\"></path></g>\n<g id=\"queue-music\"><path d=\"M15 6H3v2h12V6zm0 4H3v2h12v-2zM3 16h8v-2H3v2zM17 6v8.18c-.31-.11-.65-.18-1-.18-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3V8h3V6h-5z\"></path></g>\n<g id=\"queue-play-next\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h2v-2H3V5h18v8h2V5c0-1.11-.9-2-2-2zm-8 7V7h-2v3H8v2h3v3h2v-3h3v-2h-3zm11 8l-4.5 4.5L18 21l3-3-3-3 1.5-1.5L24 18z\"></path></g>\n<g id=\"radio\"><path d=\"M3.24 6.15C2.51 6.43 2 7.17 2 8v12c0 1.1.89 2 2 2h16c1.11 0 2-.9 2-2V8c0-1.11-.89-2-2-2H8.3l8.26-3.34L15.88 1 3.24 6.15zM7 20c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm13-8h-2v-2h-2v2H4V8h16v4z\"></path></g>\n<g id=\"recent-actors\"><path d=\"M21 5v14h2V5h-2zm-4 14h2V5h-2v14zM14 5H2c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zM8 7.75c1.24 0 2.25 1.01 2.25 2.25S9.24 12.25 8 12.25 5.75 11.24 5.75 10 6.76 7.75 8 7.75zM12.5 17h-9v-.75c0-1.5 3-2.25 4.5-2.25s4.5.75 4.5 2.25V17z\"></path></g>\n<g id=\"remove-from-queue\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2zm0 14H3V5h18v12zm-5-7v2H8v-2h8z\"></path></g>\n<g id=\"repeat\"><path d=\"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z\"></path></g>\n<g id=\"repeat-one\"><path d=\"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4zm-4-2V9h-1l-2 1v1h1.5v4H13z\"></path></g>\n<g id=\"replay\"><path d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"></path></g>\n<g id=\"replay-10\"><path d=\"M12 5V1L7 6l5 5V7c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6H4c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8zm-1.1 11H10v-3.3L9 13v-.7l1.8-.6h.1V16zm4.3-1.8c0 .3 0 .6-.1.8l-.3.6s-.3.3-.5.3-.4.1-.6.1-.4 0-.6-.1-.3-.2-.5-.3-.2-.3-.3-.6-.1-.5-.1-.8v-.7c0-.3 0-.6.1-.8l.3-.6s.3-.3.5-.3.4-.1.6-.1.4 0 .6.1c.2.1.3.2.5.3s.2.3.3.6.1.5.1.8v.7zm-.9-.8v-.5s-.1-.2-.1-.3-.1-.1-.2-.2-.2-.1-.3-.1-.2 0-.3.1l-.2.2s-.1.2-.1.3v2s.1.2.1.3.1.1.2.2.2.1.3.1.2 0 .3-.1l.2-.2s.1-.2.1-.3v-1.5z\"></path></g>\n<g id=\"replay-30\"><path d=\"M12 5V1L7 6l5 5V7c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6H4c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8zm-2.4 8.5h.4c.2 0 .4-.1.5-.2s.2-.2.2-.4v-.2s-.1-.1-.1-.2-.1-.1-.2-.1h-.5s-.1.1-.2.1-.1.1-.1.2v.2h-1c0-.2 0-.3.1-.5s.2-.3.3-.4.3-.2.4-.2.4-.1.5-.1c.2 0 .4 0 .6.1s.3.1.5.2.2.2.3.4.1.3.1.5v.3s-.1.2-.1.3-.1.2-.2.2-.2.1-.3.2c.2.1.4.2.5.4s.2.4.2.6c0 .2 0 .4-.1.5s-.2.3-.3.4-.3.2-.5.2-.4.1-.6.1c-.2 0-.4 0-.5-.1s-.3-.1-.5-.2-.2-.2-.3-.4-.1-.4-.1-.6h.8v.2s.1.1.1.2.1.1.2.1h.5s.1-.1.2-.1.1-.1.1-.2v-.5s-.1-.1-.1-.2-.1-.1-.2-.1h-.6v-.7zm5.7.7c0 .3 0 .6-.1.8l-.3.6s-.3.3-.5.3-.4.1-.6.1-.4 0-.6-.1-.3-.2-.5-.3-.2-.3-.3-.6-.1-.5-.1-.8v-.7c0-.3 0-.6.1-.8l.3-.6s.3-.3.5-.3.4-.1.6-.1.4 0 .6.1.3.2.5.3.2.3.3.6.1.5.1.8v.7zm-.8-.8v-.5c0-.1-.1-.2-.1-.3s-.1-.1-.2-.2-.2-.1-.3-.1-.2 0-.3.1l-.2.2s-.1.2-.1.3v2s.1.2.1.3.1.1.2.2.2.1.3.1.2 0 .3-.1l.2-.2s.1-.2.1-.3v-1.5z\"></path></g>\n<g id=\"replay-5\"><path d=\"M12 5V1L7 6l5 5V7c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6H4c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8zm-1.3 8.9l.2-2.2h2.4v.7h-1.7l-.1.9s.1 0 .1-.1.1 0 .1-.1.1 0 .2 0h.2c.2 0 .4 0 .5.1s.3.2.4.3.2.3.3.5.1.4.1.6c0 .2 0 .4-.1.5s-.1.3-.3.5-.3.2-.4.3-.4.1-.6.1c-.2 0-.4 0-.5-.1s-.3-.1-.5-.2-.2-.2-.3-.4-.1-.3-.1-.5h.8c0 .2.1.3.2.4s.2.1.4.1c.1 0 .2 0 .3-.1l.2-.2s.1-.2.1-.3v-.6l-.1-.2-.2-.2s-.2-.1-.3-.1h-.2s-.1 0-.2.1-.1 0-.1.1-.1.1-.1.1h-.7z\"></path></g>\n<g id=\"shuffle\"><path d=\"M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z\"></path></g>\n<g id=\"skip-next\"><path d=\"M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z\"></path></g>\n<g id=\"skip-previous\"><path d=\"M6 6h2v12H6zm3.5 6l8.5 6V6z\"></path></g>\n<g id=\"slow-motion-video\"><path d=\"M13.05 9.79L10 7.5v9l3.05-2.29L16 12zm0 0L10 7.5v9l3.05-2.29L16 12zm0 0L10 7.5v9l3.05-2.29L16 12zM11 4.07V2.05c-2.01.2-3.84 1-5.32 2.21L7.1 5.69c1.11-.86 2.44-1.44 3.9-1.62zM5.69 7.1L4.26 5.68C3.05 7.16 2.25 8.99 2.05 11h2.02c.18-1.46.76-2.79 1.62-3.9zM4.07 13H2.05c.2 2.01 1 3.84 2.21 5.32l1.43-1.43c-.86-1.1-1.44-2.43-1.62-3.89zm1.61 6.74C7.16 20.95 9 21.75 11 21.95v-2.02c-1.46-.18-2.79-.76-3.9-1.62l-1.42 1.43zM22 12c0 5.16-3.92 9.42-8.95 9.95v-2.02C16.97 19.41 20 16.05 20 12s-3.03-7.41-6.95-7.93V2.05C18.08 2.58 22 6.84 22 12z\"></path></g>\n<g id=\"snooze\"><path d=\"M7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm-3-9h3.63L9 15.2V17h6v-2h-3.63L15 10.8V9H9v2z\"></path></g>\n<g id=\"sort-by-alpha\"><path d=\"M14.94 4.66h-4.72l2.36-2.36zm-4.69 14.71h4.66l-2.33 2.33zM6.1 6.27L1.6 17.73h1.84l.92-2.45h5.11l.92 2.45h1.84L7.74 6.27H6.1zm-1.13 7.37l1.94-5.18 1.94 5.18H4.97zm10.76 2.5h6.12v1.59h-8.53v-1.29l5.92-8.56h-5.88v-1.6h8.3v1.26l-5.93 8.6z\"></path></g>\n<g id=\"stop\"><path d=\"M6 6h12v12H6z\"></path></g>\n<g id=\"subscriptions\"><path d=\"M20 8H4V6h16v2zm-2-6H6v2h12V2zm4 10v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h16c1.1 0 2 .9 2 2zm-6 4l-6-3.27v6.53L16 16z\"></path></g>\n<g id=\"subtitles\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM4 12h4v2H4v-2zm10 6H4v-2h10v2zm6 0h-4v-2h4v2zm0-4H10v-2h10v2z\"></path></g>\n<g id=\"surround-sound\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.76 16.24l-1.41 1.41C4.78 16.1 4 14.05 4 12c0-2.05.78-4.1 2.34-5.66l1.41 1.41C6.59 8.93 6 10.46 6 12s.59 3.07 1.76 4.24zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm5.66 1.66l-1.41-1.41C17.41 15.07 18 13.54 18 12s-.59-3.07-1.76-4.24l1.41-1.41C19.22 7.9 20 9.95 20 12c0 2.05-.78 4.1-2.34 5.66zM12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"video-call\"><path d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4zM14 13h-3v3H9v-3H6v-2h3V8h2v3h3v2z\"></path></g>\n<g id=\"video-label\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 13H3V5h18v11z\"></path></g>\n<g id=\"video-library\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8 12.5v-9l6 4.5-6 4.5z\"></path></g>\n<g id=\"videocam\"><path d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z\"></path></g>\n<g id=\"videocam-off\"><path d=\"M21 6.5l-4 4V7c0-.55-.45-1-1-1H9.82L21 17.18V6.5zM3.27 2L2 3.27 4.73 6H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.21 0 .39-.08.54-.18L19.73 21 21 19.73 3.27 2z\"></path></g>\n<g id=\"volume-down\"><path d=\"M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z\"></path></g>\n<g id=\"volume-mute\"><path d=\"M7 9v6h4l5 5V4l-5 5H7z\"></path></g>\n<g id=\"volume-off\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"></path></g>\n<g id=\"volume-up\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"></path></g>\n<g id=\"web\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z\"></path></g>\n<g id=\"web-asset\"><path d=\"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm0 14H5V8h14v10z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d0ab5301f2611eda0c389891c227ec8 || (_templateObject_6d0ab5301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"av\" size=\"24\">\n<svg><defs>\n<g id=\"add-to-queue\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2zm0 14H3V5h18v12zm-5-7v2h-3v3h-2v-3H8v-2h3V7h2v3h3z\"></path></g>\n<g id=\"airplay\"><path d=\"M6 22h12l-6-6zM21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4v-2H3V5h18v12h-4v2h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"album\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 14.5c-2.49 0-4.5-2.01-4.5-4.5S9.51 7.5 12 7.5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5zm0-5.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z\"></path></g>\n<g id=\"art-track\"><path d=\"M22 13h-8v-2h8v2zm0-6h-8v2h8V7zm-8 10h8v-2h-8v2zm-2-8v6c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V9c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2zm-1.5 6l-2.25-3-1.75 2.26-1.25-1.51L3.5 15h7z\"></path></g>\n<g id=\"av-timer\"><path d=\"M11 17c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1zm0-14v4h2V5.08c3.39.49 6 3.39 6 6.92 0 3.87-3.13 7-7 7s-7-3.13-7-7c0-1.68.59-3.22 1.58-4.42L12 13l1.41-1.41-6.8-6.8v.02C4.42 6.45 3 9.05 3 12c0 4.97 4.02 9 9 9 4.97 0 9-4.03 9-9s-4.03-9-9-9h-1zm7 9c0-.55-.45-1-1-1s-1 .45-1 1 .45 1 1 1 1-.45 1-1zM6 12c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1z\"></path></g>\n<g id=\"branding-watermark\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16h-9v-6h9v6z\"></path></g>\n<g id=\"call-to-action\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3v-3h18v3z\"></path></g>\n<g id=\"closed-caption\"><path d=\"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 7H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1z\"></path></g>\n<g id=\"equalizer\"><path d=\"M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z\"></path></g>\n<g id=\"explicit\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h4v2h-4v2h4v2H9V7h6v2z\"></path></g>\n<g id=\"fast-forward\"><path d=\"M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z\"></path></g>\n<g id=\"fast-rewind\"><path d=\"M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z\"></path></g>\n<g id=\"featured-play-list\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 8H3V9h9v2zm0-4H3V5h9v2z\"></path></g>\n<g id=\"featured-video\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 9H3V5h9v7z\"></path></g>\n<g id=\"fiber-dvr\"><path d=\"M17.5 10.5h2v1h-2zm-13 0h2v3h-2zM21 3H3c-1.11 0-2 .89-2 2v14c0 1.1.89 2 2 2h18c1.11 0 2-.9 2-2V5c0-1.11-.89-2-2-2zM8 13.5c0 .85-.65 1.5-1.5 1.5H3V9h3.5c.85 0 1.5.65 1.5 1.5v3zm4.62 1.5h-1.5L9.37 9h1.5l1 3.43 1-3.43h1.5l-1.75 6zM21 11.5c0 .6-.4 1.15-.9 1.4L21 15h-1.5l-.85-2H17.5v2H16V9h3.5c.85 0 1.5.65 1.5 1.5v1z\"></path></g>\n<g id=\"fiber-manual-record\"><circle cx=\"12\" cy=\"12\" r=\"8\"></circle></g>\n<g id=\"fiber-new\"><path d=\"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zM8.5 15H7.3l-2.55-3.5V15H3.5V9h1.25l2.5 3.5V9H8.5v6zm5-4.74H11v1.12h2.5v1.26H11v1.11h2.5V15h-4V9h4v1.26zm7 3.74c0 .55-.45 1-1 1h-4c-.55 0-1-.45-1-1V9h1.25v4.51h1.13V9.99h1.25v3.51h1.12V9h1.25v5z\"></path></g>\n<g id=\"fiber-pin\"><path d=\"M5.5 10.5h2v1h-2zM20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zM9 11.5c0 .85-.65 1.5-1.5 1.5h-2v2H4V9h3.5c.85 0 1.5.65 1.5 1.5v1zm3.5 3.5H11V9h1.5v6zm7.5 0h-1.2l-2.55-3.5V15H15V9h1.25l2.5 3.5V9H20v6z\"></path></g>\n<g id=\"fiber-smart-record\"><g><circle cx=\"9\" cy=\"12\" r=\"8\"></circle><path d=\"M17 4.26v2.09c2.33.82 4 3.04 4 5.65s-1.67 4.83-4 5.65v2.09c3.45-.89 6-4.01 6-7.74s-2.55-6.85-6-7.74z\"></path></g></g>\n<g id=\"forward-10\"><path d=\"M4 13c0 4.4 3.6 8 8 8s8-3.6 8-8h-2c0 3.3-2.7 6-6 6s-6-2.7-6-6 2.7-6 6-6v4l5-5-5-5v4c-4.4 0-8 3.6-8 8zm6.8 3H10v-3.3L9 13v-.7l1.8-.6h.1V16zm4.3-1.8c0 .3 0 .6-.1.8l-.3.6s-.3.3-.5.3-.4.1-.6.1-.4 0-.6-.1-.3-.2-.5-.3-.2-.3-.3-.6-.1-.5-.1-.8v-.7c0-.3 0-.6.1-.8l.3-.6s.3-.3.5-.3.4-.1.6-.1.4 0 .6.1.3.2.5.3.2.3.3.6.1.5.1.8v.7zm-.8-.8v-.5s-.1-.2-.1-.3-.1-.1-.2-.2-.2-.1-.3-.1-.2 0-.3.1l-.2.2s-.1.2-.1.3v2s.1.2.1.3.1.1.2.2.2.1.3.1.2 0 .3-.1l.2-.2s.1-.2.1-.3v-1.5z\"></path></g>\n<g id=\"forward-30\"><path d=\"M9.6 13.5h.4c.2 0 .4-.1.5-.2s.2-.2.2-.4v-.2s-.1-.1-.1-.2-.1-.1-.2-.1h-.5s-.1.1-.2.1-.1.1-.1.2v.2h-1c0-.2 0-.3.1-.5s.2-.3.3-.4.3-.2.4-.2.4-.1.5-.1c.2 0 .4 0 .6.1s.3.1.5.2.2.2.3.4.1.3.1.5v.3s-.1.2-.1.3-.1.2-.2.2-.2.1-.3.2c.2.1.4.2.5.4s.2.4.2.6c0 .2 0 .4-.1.5s-.2.3-.3.4-.3.2-.5.2-.4.1-.6.1c-.2 0-.4 0-.5-.1s-.3-.1-.5-.2-.2-.2-.3-.4-.1-.4-.1-.6h.8v.2s.1.1.1.2.1.1.2.1h.5s.1-.1.2-.1.1-.1.1-.2v-.5s-.1-.1-.1-.2-.1-.1-.2-.1h-.6v-.7zm5.7.7c0 .3 0 .6-.1.8l-.3.6s-.3.3-.5.3-.4.1-.6.1-.4 0-.6-.1-.3-.2-.5-.3-.2-.3-.3-.6-.1-.5-.1-.8v-.7c0-.3 0-.6.1-.8l.3-.6s.3-.3.5-.3.4-.1.6-.1.4 0 .6.1.3.2.5.3.2.3.3.6.1.5.1.8v.7zm-.9-.8v-.5s-.1-.2-.1-.3-.1-.1-.2-.2-.2-.1-.3-.1-.2 0-.3.1l-.2.2s-.1.2-.1.3v2s.1.2.1.3.1.1.2.2.2.1.3.1.2 0 .3-.1l.2-.2s.1-.2.1-.3v-1.5zM4 13c0 4.4 3.6 8 8 8s8-3.6 8-8h-2c0 3.3-2.7 6-6 6s-6-2.7-6-6 2.7-6 6-6v4l5-5-5-5v4c-4.4 0-8 3.6-8 8z\"></path></g>\n<g id=\"forward-5\"><path d=\"M4 13c0 4.4 3.6 8 8 8s8-3.6 8-8h-2c0 3.3-2.7 6-6 6s-6-2.7-6-6 2.7-6 6-6v4l5-5-5-5v4c-4.4 0-8 3.6-8 8zm6.7.9l.2-2.2h2.4v.7h-1.7l-.1.9s.1 0 .1-.1.1 0 .1-.1.1 0 .2 0h.2c.2 0 .4 0 .5.1s.3.2.4.3.2.3.3.5.1.4.1.6c0 .2 0 .4-.1.5s-.1.3-.3.5-.3.2-.5.3-.4.1-.6.1c-.2 0-.4 0-.5-.1s-.3-.1-.5-.2-.2-.2-.3-.4-.1-.3-.1-.5h.8c0 .2.1.3.2.4s.2.1.4.1c.1 0 .2 0 .3-.1l.2-.2s.1-.2.1-.3v-.6l-.1-.2-.2-.2s-.2-.1-.3-.1h-.2s-.1 0-.2.1-.1 0-.1.1-.1.1-.1.1h-.6z\"></path></g>\n<g id=\"games\"><path d=\"M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z\"></path></g>\n<g id=\"hd\"><path d=\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8 12H9.5v-2h-2v2H6V9h1.5v2.5h2V9H11v6zm2-6h4c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1h-4V9zm1.5 4.5h2v-3h-2v3z\"></path></g>\n<g id=\"hearing\"><path d=\"M17 20c-.29 0-.56-.06-.76-.15-.71-.37-1.21-.88-1.71-2.38-.51-1.56-1.47-2.29-2.39-3-.79-.61-1.61-1.24-2.32-2.53C9.29 10.98 9 9.93 9 9c0-2.8 2.2-5 5-5s5 2.2 5 5h2c0-3.93-3.07-7-7-7S7 5.07 7 9c0 1.26.38 2.65 1.07 3.9.91 1.65 1.98 2.48 2.85 3.15.81.62 1.39 1.07 1.71 2.05.6 1.82 1.37 2.84 2.73 3.55.51.23 1.07.35 1.64.35 2.21 0 4-1.79 4-4h-2c0 1.1-.9 2-2 2zM7.64 2.64L6.22 1.22C4.23 3.21 3 5.96 3 9s1.23 5.79 3.22 7.78l1.41-1.41C6.01 13.74 5 11.49 5 9s1.01-4.74 2.64-6.36zM11.5 9c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5-1.12-2.5-2.5-2.5-2.5 1.12-2.5 2.5z\"></path></g>\n<g id=\"high-quality\"><path d=\"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 11H9.5v-2h-2v2H6V9h1.5v2.5h2V9H11v6zm7-1c0 .55-.45 1-1 1h-.75v1.5h-1.5V15H14c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v4zm-3.5-.5h2v-3h-2v3z\"></path></g>\n<g id=\"library-add\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9h-4v4h-2v-4H9V9h4V5h2v4h4v2z\"></path></g>\n<g id=\"library-books\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z\"></path></g>\n<g id=\"library-music\"><path d=\"M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 5h-3v5.5c0 1.38-1.12 2.5-2.5 2.5S10 13.88 10 12.5s1.12-2.5 2.5-2.5c.57 0 1.08.19 1.5.51V5h4v2zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6z\"></path></g>\n<g id=\"loop\"><path d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\"></path></g>\n<g id=\"mic\"><path d=\"M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z\"></path></g>\n<g id=\"mic-none\"><path d=\"M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1.2-9.1c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2l-.01 6.2c0 .66-.53 1.2-1.19 1.2-.66 0-1.2-.54-1.2-1.2V4.9zm6.5 6.1c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z\"></path></g>\n<g id=\"mic-off\"><path d=\"M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z\"></path></g>\n<g id=\"movie\"><path d=\"M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4z\"></path></g>\n<g id=\"music-video\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM8 15c0-1.66 1.34-3 3-3 .35 0 .69.07 1 .18V6h5v2h-3v7.03c-.02 1.64-1.35 2.97-3 2.97-1.66 0-3-1.34-3-3z\"></path></g>\n<g id=\"new-releases\"><path d=\"M23 12l-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12zm-10 5h-2v-2h2v2zm0-4h-2V7h2v6z\"></path></g>\n<g id=\"not-interested\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8 0-1.85.63-3.55 1.69-4.9L16.9 18.31C15.55 19.37 13.85 20 12 20zm6.31-3.1L7.1 5.69C8.45 4.63 10.15 4 12 4c4.42 0 8 3.58 8 8 0 1.85-.63 3.55-1.69 4.9z\"></path></g>\n<g id=\"note\"><path d=\"M22 10l-6-6H4c-1.1 0-2 .9-2 2v12.01c0 1.1.9 1.99 2 1.99l16-.01c1.1 0 2-.89 2-1.99v-8zm-7-4.5l5.5 5.5H15V5.5z\"></path></g>\n<g id=\"pause\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"></path></g>\n<g id=\"pause-circle-filled\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z\"></path></g>\n<g id=\"pause-circle-outline\"><path d=\"M9 16h2V8H9v8zm3-14C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-4h2V8h-2v8z\"></path></g>\n<g id=\"play-arrow\"><path d=\"M8 5v14l11-7z\"></path></g>\n<g id=\"play-circle-filled\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z\"></path></g>\n<g id=\"play-circle-outline\"><path d=\"M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"playlist-add\"><path d=\"M14 10H2v2h12v-2zm0-4H2v2h12V6zm4 8v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM2 16h8v-2H2v2z\"></path></g>\n<g id=\"playlist-add-check\"><path d=\"M14 10H2v2h12v-2zm0-4H2v2h12V6zM2 16h8v-2H2v2zm19.5-4.5L23 13l-6.99 7-4.51-4.5L13 14l3.01 3 5.49-5.5z\"></path></g>\n<g id=\"playlist-play\"><path d=\"M19 9H2v2h17V9zm0-4H2v2h17V5zM2 15h13v-2H2v2zm15-2v6l5-3-5-3z\"></path></g>\n<g id=\"queue\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9h-4v4h-2v-4H9V9h4V5h2v4h4v2z\"></path></g>\n<g id=\"queue-music\"><path d=\"M15 6H3v2h12V6zm0 4H3v2h12v-2zM3 16h8v-2H3v2zM17 6v8.18c-.31-.11-.65-.18-1-.18-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3V8h3V6h-5z\"></path></g>\n<g id=\"queue-play-next\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h2v-2H3V5h18v8h2V5c0-1.11-.9-2-2-2zm-8 7V7h-2v3H8v2h3v3h2v-3h3v-2h-3zm11 8l-4.5 4.5L18 21l3-3-3-3 1.5-1.5L24 18z\"></path></g>\n<g id=\"radio\"><path d=\"M3.24 6.15C2.51 6.43 2 7.17 2 8v12c0 1.1.89 2 2 2h16c1.11 0 2-.9 2-2V8c0-1.11-.89-2-2-2H8.3l8.26-3.34L15.88 1 3.24 6.15zM7 20c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm13-8h-2v-2h-2v2H4V8h16v4z\"></path></g>\n<g id=\"recent-actors\"><path d=\"M21 5v14h2V5h-2zm-4 14h2V5h-2v14zM14 5H2c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zM8 7.75c1.24 0 2.25 1.01 2.25 2.25S9.24 12.25 8 12.25 5.75 11.24 5.75 10 6.76 7.75 8 7.75zM12.5 17h-9v-.75c0-1.5 3-2.25 4.5-2.25s4.5.75 4.5 2.25V17z\"></path></g>\n<g id=\"remove-from-queue\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2zm0 14H3V5h18v12zm-5-7v2H8v-2h8z\"></path></g>\n<g id=\"repeat\"><path d=\"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z\"></path></g>\n<g id=\"repeat-one\"><path d=\"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4zm-4-2V9h-1l-2 1v1h1.5v4H13z\"></path></g>\n<g id=\"replay\"><path d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"></path></g>\n<g id=\"replay-10\"><path d=\"M12 5V1L7 6l5 5V7c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6H4c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8zm-1.1 11H10v-3.3L9 13v-.7l1.8-.6h.1V16zm4.3-1.8c0 .3 0 .6-.1.8l-.3.6s-.3.3-.5.3-.4.1-.6.1-.4 0-.6-.1-.3-.2-.5-.3-.2-.3-.3-.6-.1-.5-.1-.8v-.7c0-.3 0-.6.1-.8l.3-.6s.3-.3.5-.3.4-.1.6-.1.4 0 .6.1c.2.1.3.2.5.3s.2.3.3.6.1.5.1.8v.7zm-.9-.8v-.5s-.1-.2-.1-.3-.1-.1-.2-.2-.2-.1-.3-.1-.2 0-.3.1l-.2.2s-.1.2-.1.3v2s.1.2.1.3.1.1.2.2.2.1.3.1.2 0 .3-.1l.2-.2s.1-.2.1-.3v-1.5z\"></path></g>\n<g id=\"replay-30\"><path d=\"M12 5V1L7 6l5 5V7c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6H4c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8zm-2.4 8.5h.4c.2 0 .4-.1.5-.2s.2-.2.2-.4v-.2s-.1-.1-.1-.2-.1-.1-.2-.1h-.5s-.1.1-.2.1-.1.1-.1.2v.2h-1c0-.2 0-.3.1-.5s.2-.3.3-.4.3-.2.4-.2.4-.1.5-.1c.2 0 .4 0 .6.1s.3.1.5.2.2.2.3.4.1.3.1.5v.3s-.1.2-.1.3-.1.2-.2.2-.2.1-.3.2c.2.1.4.2.5.4s.2.4.2.6c0 .2 0 .4-.1.5s-.2.3-.3.4-.3.2-.5.2-.4.1-.6.1c-.2 0-.4 0-.5-.1s-.3-.1-.5-.2-.2-.2-.3-.4-.1-.4-.1-.6h.8v.2s.1.1.1.2.1.1.2.1h.5s.1-.1.2-.1.1-.1.1-.2v-.5s-.1-.1-.1-.2-.1-.1-.2-.1h-.6v-.7zm5.7.7c0 .3 0 .6-.1.8l-.3.6s-.3.3-.5.3-.4.1-.6.1-.4 0-.6-.1-.3-.2-.5-.3-.2-.3-.3-.6-.1-.5-.1-.8v-.7c0-.3 0-.6.1-.8l.3-.6s.3-.3.5-.3.4-.1.6-.1.4 0 .6.1.3.2.5.3.2.3.3.6.1.5.1.8v.7zm-.8-.8v-.5c0-.1-.1-.2-.1-.3s-.1-.1-.2-.2-.2-.1-.3-.1-.2 0-.3.1l-.2.2s-.1.2-.1.3v2s.1.2.1.3.1.1.2.2.2.1.3.1.2 0 .3-.1l.2-.2s.1-.2.1-.3v-1.5z\"></path></g>\n<g id=\"replay-5\"><path d=\"M12 5V1L7 6l5 5V7c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6H4c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8zm-1.3 8.9l.2-2.2h2.4v.7h-1.7l-.1.9s.1 0 .1-.1.1 0 .1-.1.1 0 .2 0h.2c.2 0 .4 0 .5.1s.3.2.4.3.2.3.3.5.1.4.1.6c0 .2 0 .4-.1.5s-.1.3-.3.5-.3.2-.4.3-.4.1-.6.1c-.2 0-.4 0-.5-.1s-.3-.1-.5-.2-.2-.2-.3-.4-.1-.3-.1-.5h.8c0 .2.1.3.2.4s.2.1.4.1c.1 0 .2 0 .3-.1l.2-.2s.1-.2.1-.3v-.6l-.1-.2-.2-.2s-.2-.1-.3-.1h-.2s-.1 0-.2.1-.1 0-.1.1-.1.1-.1.1h-.7z\"></path></g>\n<g id=\"shuffle\"><path d=\"M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z\"></path></g>\n<g id=\"skip-next\"><path d=\"M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z\"></path></g>\n<g id=\"skip-previous\"><path d=\"M6 6h2v12H6zm3.5 6l8.5 6V6z\"></path></g>\n<g id=\"slow-motion-video\"><path d=\"M13.05 9.79L10 7.5v9l3.05-2.29L16 12zm0 0L10 7.5v9l3.05-2.29L16 12zm0 0L10 7.5v9l3.05-2.29L16 12zM11 4.07V2.05c-2.01.2-3.84 1-5.32 2.21L7.1 5.69c1.11-.86 2.44-1.44 3.9-1.62zM5.69 7.1L4.26 5.68C3.05 7.16 2.25 8.99 2.05 11h2.02c.18-1.46.76-2.79 1.62-3.9zM4.07 13H2.05c.2 2.01 1 3.84 2.21 5.32l1.43-1.43c-.86-1.1-1.44-2.43-1.62-3.89zm1.61 6.74C7.16 20.95 9 21.75 11 21.95v-2.02c-1.46-.18-2.79-.76-3.9-1.62l-1.42 1.43zM22 12c0 5.16-3.92 9.42-8.95 9.95v-2.02C16.97 19.41 20 16.05 20 12s-3.03-7.41-6.95-7.93V2.05C18.08 2.58 22 6.84 22 12z\"></path></g>\n<g id=\"snooze\"><path d=\"M7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm-3-9h3.63L9 15.2V17h6v-2h-3.63L15 10.8V9H9v2z\"></path></g>\n<g id=\"sort-by-alpha\"><path d=\"M14.94 4.66h-4.72l2.36-2.36zm-4.69 14.71h4.66l-2.33 2.33zM6.1 6.27L1.6 17.73h1.84l.92-2.45h5.11l.92 2.45h1.84L7.74 6.27H6.1zm-1.13 7.37l1.94-5.18 1.94 5.18H4.97zm10.76 2.5h6.12v1.59h-8.53v-1.29l5.92-8.56h-5.88v-1.6h8.3v1.26l-5.93 8.6z\"></path></g>\n<g id=\"stop\"><path d=\"M6 6h12v12H6z\"></path></g>\n<g id=\"subscriptions\"><path d=\"M20 8H4V6h16v2zm-2-6H6v2h12V2zm4 10v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h16c1.1 0 2 .9 2 2zm-6 4l-6-3.27v6.53L16 16z\"></path></g>\n<g id=\"subtitles\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM4 12h4v2H4v-2zm10 6H4v-2h10v2zm6 0h-4v-2h4v2zm0-4H10v-2h10v2z\"></path></g>\n<g id=\"surround-sound\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.76 16.24l-1.41 1.41C4.78 16.1 4 14.05 4 12c0-2.05.78-4.1 2.34-5.66l1.41 1.41C6.59 8.93 6 10.46 6 12s.59 3.07 1.76 4.24zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm5.66 1.66l-1.41-1.41C17.41 15.07 18 13.54 18 12s-.59-3.07-1.76-4.24l1.41-1.41C19.22 7.9 20 9.95 20 12c0 2.05-.78 4.1-2.34 5.66zM12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"video-call\"><path d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4zM14 13h-3v3H9v-3H6v-2h3V8h2v3h3v2z\"></path></g>\n<g id=\"video-label\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 13H3V5h18v11z\"></path></g>\n<g id=\"video-library\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8 12.5v-9l6 4.5-6 4.5z\"></path></g>\n<g id=\"videocam\"><path d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z\"></path></g>\n<g id=\"videocam-off\"><path d=\"M21 6.5l-4 4V7c0-.55-.45-1-1-1H9.82L21 17.18V6.5zM3.27 2L2 3.27 4.73 6H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.21 0 .39-.08.54-.18L19.73 21 21 19.73 3.27 2z\"></path></g>\n<g id=\"volume-down\"><path d=\"M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z\"></path></g>\n<g id=\"volume-mute\"><path d=\"M7 9v6h4l5 5V4l-5 5H7z\"></path></g>\n<g id=\"volume-off\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"></path></g>\n<g id=\"volume-up\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"></path></g>\n<g id=\"web\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z\"></path></g>\n<g id=\"web-asset\"><path d=\"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm0 14H5V8h14v10z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-icons/communication-icons.js b/build/es5-amd/node_modules/@polymer/iron-icons/communication-icons.js
index 1f6655c1de5..a3786ac072e 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icons/communication-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icons/communication-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_911b0cc01f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d0e10901f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_911b0cc01f0511ed8cc3e9a95995ad69 || (_templateObject_911b0cc01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"communication\" size=\"24\">\n<svg><defs>\n<g id=\"business\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"></path></g>\n<g id=\"call\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"></path></g>\n<g id=\"call-end\"><path d=\"M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08c-.18-.17-.29-.42-.29-.7 0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28-.79-.74-1.69-1.36-2.67-1.85-.33-.16-.56-.5-.56-.9v-3.1C15.15 9.25 13.6 9 12 9z\"></path></g>\n<g id=\"call-made\"><path d=\"M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5z\"></path></g>\n<g id=\"call-merge\"><path d=\"M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z\"></path></g>\n<g id=\"call-missed\"><path d=\"M19.59 7L12 14.59 6.41 9H11V7H3v8h2v-4.59l7 7 9-9z\"></path></g>\n<g id=\"call-missed-outgoing\"><path d=\"M3 8.41l9 9 7-7V15h2V7h-8v2h4.59L12 14.59 4.41 7 3 8.41z\"></path></g>\n<g id=\"call-received\"><path d=\"M20 5.41L18.59 4 7 15.59V9H5v10h10v-2H8.41z\"></path></g>\n<g id=\"call-split\"><path d=\"M14 4l2.29 2.29-2.88 2.88 1.42 1.42 2.88-2.88L20 10V4zm-4 0H4v6l2.29-2.29 4.71 4.7V20h2v-8.41l-5.29-5.3z\"></path></g>\n<g id=\"chat\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z\"></path></g>\n<g id=\"chat-bubble\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"chat-bubble-outline\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\"></path></g>\n<g id=\"clear-all\"><path d=\"M5 13h14v-2H5v2zm-2 4h14v-2H3v2zM7 7v2h14V7H7z\"></path></g>\n<g id=\"comment\"><path d=\"M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"></path></g>\n<g id=\"contact-mail\"><path d=\"M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z\"></path></g>\n<g id=\"contact-phone\"><path d=\"M22 3H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm3.85-4h1.64L21 16l-1.99 1.99c-1.31-.98-2.28-2.38-2.73-3.99-.18-.64-.28-1.31-.28-2s.1-1.36.28-2c.45-1.62 1.42-3.01 2.73-3.99L21 8l-1.51 2h-1.64c-.22.63-.35 1.3-.35 2s.13 1.37.35 2z\"></path></g>\n<g id=\"contacts\"><path d=\"M20 0H4v2h16V0zM4 24h16v-2H4v2zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 2.75c1.24 0 2.25 1.01 2.25 2.25s-1.01 2.25-2.25 2.25S9.75 10.24 9.75 9 10.76 6.75 12 6.75zM17 17H7v-1.5c0-1.67 3.33-2.5 5-2.5s5 .83 5 2.5V17z\"></path></g>\n<g id=\"dialer-sip\"><path d=\"M17 3h-1v5h1V3zm-2 2h-2V4h2V3h-3v3h2v1h-2v1h3V5zm3-2v5h1V6h2V3h-3zm2 2h-1V4h1v1zm0 10.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.01.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.27-.26.35-.65.24-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"dialpad\"><path d=\"M12 19c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM6 1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12-8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-6 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"email\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"></path></g>\n<g id=\"forum\"><path d=\"M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z\"></path></g>\n<g id=\"import-contacts\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z\"></path></g>\n<g id=\"import-export\"><path d=\"M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z\"></path></g>\n<g id=\"invert-colors-off\"><path d=\"M20.65 20.87l-2.35-2.35-6.3-6.29-3.56-3.57-1.42-1.41L4.27 4.5 3 5.77l2.78 2.78c-2.55 3.14-2.36 7.76.56 10.69C7.9 20.8 9.95 21.58 12 21.58c1.79 0 3.57-.59 5.03-1.78l2.7 2.7L21 21.23l-.35-.36zM12 19.59c-1.6 0-3.11-.62-4.24-1.76C6.62 16.69 6 15.19 6 13.59c0-1.32.43-2.57 1.21-3.6L12 14.77v4.82zM12 5.1v4.58l7.25 7.26c1.37-2.96.84-6.57-1.6-9.01L12 2.27l-3.7 3.7 1.41 1.41L12 5.1z\"></path></g>\n<g id=\"live-help\"><path d=\"M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-6 16h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 11.9 13 12.5 13 14h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\"></path></g>\n<g id=\"location-off\"><path d=\"M12 6.5c1.38 0 2.5 1.12 2.5 2.5 0 .74-.33 1.39-.83 1.85l3.63 3.63c.98-1.86 1.7-3.8 1.7-5.48 0-3.87-3.13-7-7-7-1.98 0-3.76.83-5.04 2.15l3.19 3.19c.46-.52 1.11-.84 1.85-.84zm4.37 9.6l-4.63-4.63-.11-.11L3.27 3 2 4.27l3.18 3.18C5.07 7.95 5 8.47 5 9c0 5.25 7 13 7 13s1.67-1.85 3.38-4.35L18.73 21 20 19.73l-3.63-3.63z\"></path></g>\n<g id=\"location-on\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></g>\n<g id=\"mail-outline\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z\"></path></g>\n<g id=\"message\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"></path></g>\n<g id=\"no-sim\"><path d=\"M18.99 5c0-1.1-.89-2-1.99-2h-7L7.66 5.34 19 16.68 18.99 5zM3.65 3.88L2.38 5.15 5 7.77V19c0 1.1.9 2 2 2h10.01c.35 0 .67-.1.96-.26l1.88 1.88 1.27-1.27L3.65 3.88z\"></path></g>\n<g id=\"phone\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"></path></g>\n<g id=\"phonelink-erase\"><path d=\"M13 8.2l-1-1-4 4-4-4-1 1 4 4-4 4 1 1 4-4 4 4 1-1-4-4 4-4zM19 1H9c-1.1 0-2 .9-2 2v3h2V4h10v16H9v-2H7v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"phonelink-lock\"><path d=\"M19 1H9c-1.1 0-2 .9-2 2v3h2V4h10v16H9v-2H7v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm-8.2 10V9.5C10.8 8.1 9.4 7 8 7S5.2 8.1 5.2 9.5V11c-.6 0-1.2.6-1.2 1.2v3.5c0 .7.6 1.3 1.2 1.3h5.5c.7 0 1.3-.6 1.3-1.2v-3.5c0-.7-.6-1.3-1.2-1.3zm-1.3 0h-3V9.5c0-.8.7-1.3 1.5-1.3s1.5.5 1.5 1.3V11z\"></path></g>\n<g id=\"phonelink-ring\"><path d=\"M20.1 7.7l-1 1c1.8 1.8 1.8 4.6 0 6.5l1 1c2.5-2.3 2.5-6.1 0-8.5zM18 9.8l-1 1c.5.7.5 1.6 0 2.3l1 1c1.2-1.2 1.2-3 0-4.3zM14 1H4c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 19H4V4h10v16z\"></path></g>\n<g id=\"phonelink-setup\"><path d=\"M11.8 12.5v-1l1.1-.8c.1-.1.1-.2.1-.3l-1-1.7c-.1-.1-.2-.2-.3-.1l-1.3.4c-.3-.2-.6-.4-.9-.5l-.2-1.3c0-.1-.1-.2-.3-.2H7c-.1 0-.2.1-.3.2l-.2 1.3c-.3.1-.6.3-.9.5l-1.3-.5c-.1 0-.2 0-.3.1l-1 1.7c-.1.1 0 .2.1.3l1.1.8v1l-1.1.8c-.1.2-.1.3-.1.4l1 1.7c.1.1.2.2.3.1l1.4-.4c.3.2.6.4.9.5l.2 1.3c-.1.1.1.2.2.2h2c.1 0 .2-.1.3-.2l.2-1.3c.3-.1.6-.3.9-.5l1.3.5c.1 0 .2 0 .3-.1l1-1.7c.1-.1 0-.2-.1-.3l-1.1-.9zM8 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM19 1H9c-1.1 0-2 .9-2 2v3h2V4h10v16H9v-2H7v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"portable-wifi-off\"><path d=\"M17.56 14.24c.28-.69.44-1.45.44-2.24 0-3.31-2.69-6-6-6-.79 0-1.55.16-2.24.44l1.62 1.62c.2-.03.41-.06.62-.06 2.21 0 4 1.79 4 4 0 .21-.02.42-.05.63l1.61 1.61zM12 4c4.42 0 8 3.58 8 8 0 1.35-.35 2.62-.95 3.74l1.47 1.47C21.46 15.69 22 13.91 22 12c0-5.52-4.48-10-10-10-1.91 0-3.69.55-5.21 1.47l1.46 1.46C9.37 4.34 10.65 4 12 4zM3.27 2.5L2 3.77l2.1 2.1C2.79 7.57 2 9.69 2 12c0 3.7 2.01 6.92 4.99 8.65l1-1.73C5.61 17.53 4 14.96 4 12c0-1.76.57-3.38 1.53-4.69l1.43 1.44C6.36 9.68 6 10.8 6 12c0 2.22 1.21 4.15 3 5.19l1-1.74c-1.19-.7-2-1.97-2-3.45 0-.65.17-1.25.44-1.79l1.58 1.58L10 12c0 1.1.9 2 2 2l.21-.02.01.01 7.51 7.51L21 20.23 4.27 3.5l-1-1z\"></path></g>\n<g id=\"present-to-all\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v14c0 1.11.89 2 2 2h18c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 16.02H3V4.98h18v14.04zM10 12H8l4-4 4 4h-2v4h-4v-4z\"></path></g>\n<g id=\"ring-volume\"><path d=\"M23.71 16.67C20.66 13.78 16.54 12 12 12 7.46 12 3.34 13.78.29 16.67c-.18.18-.29.43-.29.71 0 .28.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73s3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.66 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71 0-.27-.11-.52-.29-.7zM21.16 6.26l-1.41-1.41-3.56 3.55 1.41 1.41s3.45-3.52 3.56-3.55zM13 2h-2v5h2V2zM6.4 9.81L7.81 8.4 4.26 4.84 2.84 6.26c.11.03 3.56 3.55 3.56 3.55z\"></path></g>\n<g id=\"rss-feed\"><circle cx=\"6.18\" cy=\"17.82\" r=\"2.18\"></circle><path d=\"M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z\"></path></g>\n<g id=\"screen-share\"><path d=\"M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zm-7-3.53v-2.19c-2.78 0-4.61.85-6 2.72.56-2.67 2.11-5.33 6-5.87V7l4 3.73-4 3.74z\"></path></g>\n<g id=\"speaker-phone\"><path d=\"M7 7.07L8.43 8.5c.91-.91 2.18-1.48 3.57-1.48s2.66.57 3.57 1.48L17 7.07C15.72 5.79 13.95 5 12 5s-3.72.79-5 2.07zM12 1C8.98 1 6.24 2.23 4.25 4.21l1.41 1.41C7.28 4 9.53 3 12 3s4.72 1 6.34 2.62l1.41-1.41C17.76 2.23 15.02 1 12 1zm2.86 9.01L9.14 10C8.51 10 8 10.51 8 11.14v9.71c0 .63.51 1.14 1.14 1.14h5.71c.63 0 1.14-.51 1.14-1.14v-9.71c.01-.63-.5-1.13-1.13-1.13zM15 20H9v-8h6v8z\"></path></g>\n<g id=\"stay-current-landscape\"><path d=\"M1.01 7L1 17c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2H3c-1.1 0-1.99.9-1.99 2zM19 7v10H5V7h14z\"></path></g>\n<g id=\"stay-current-portrait\"><path d=\"M17 1.01L7 1c-1.1 0-1.99.9-1.99 2v18c0 1.1.89 2 1.99 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z\"></path></g>\n<g id=\"stay-primary-landscape\"><path d=\"M1.01 7L1 17c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2H3c-1.1 0-1.99.9-1.99 2zM19 7v10H5V7h14z\"></path></g>\n<g id=\"stay-primary-portrait\"><path d=\"M17 1.01L7 1c-1.1 0-1.99.9-1.99 2v18c0 1.1.89 2 1.99 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z\"></path></g>\n<g id=\"stop-screen-share\"><path d=\"M21.22 18.02l2 2H24v-2h-2.78zm.77-2l.01-10c0-1.11-.9-2-2-2H7.22l5.23 5.23c.18-.04.36-.07.55-.1V7.02l4 3.73-1.58 1.47 5.54 5.54c.61-.33 1.03-.99 1.03-1.74zM2.39 1.73L1.11 3l1.54 1.54c-.4.36-.65.89-.65 1.48v10c0 1.1.89 2 2 2H0v2h18.13l2.71 2.71 1.27-1.27L2.39 1.73zM7 15.02c.31-1.48.92-2.95 2.07-4.06l1.59 1.59c-1.54.38-2.7 1.18-3.66 2.47z\"></path></g>\n<g id=\"swap-calls\"><path d=\"M18 4l-4 4h3v7c0 1.1-.9 2-2 2s-2-.9-2-2V8c0-2.21-1.79-4-4-4S5 5.79 5 8v7H2l4 4 4-4H7V8c0-1.1.9-2 2-2s2 .9 2 2v7c0 2.21 1.79 4 4 4s4-1.79 4-4V8h3l-4-4z\"></path></g>\n<g id=\"textsms\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"></path></g>\n<g id=\"voicemail\"><path d=\"M18.5 6C15.46 6 13 8.46 13 11.5c0 1.33.47 2.55 1.26 3.5H9.74c.79-.95 1.26-2.17 1.26-3.5C11 8.46 8.54 6 5.5 6S0 8.46 0 11.5 2.46 17 5.5 17h13c3.04 0 5.5-2.46 5.5-5.5S21.54 6 18.5 6zm-13 9C3.57 15 2 13.43 2 11.5S3.57 8 5.5 8 9 9.57 9 11.5 7.43 15 5.5 15zm13 0c-1.93 0-3.5-1.57-3.5-3.5S16.57 8 18.5 8 22 9.57 22 11.5 20.43 15 18.5 15z\"></path></g>\n<g id=\"vpn-key\"><path d=\"M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d0e10901f2611eda0c389891c227ec8 || (_templateObject_6d0e10901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"communication\" size=\"24\">\n<svg><defs>\n<g id=\"business\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"></path></g>\n<g id=\"call\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"></path></g>\n<g id=\"call-end\"><path d=\"M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08c-.18-.17-.29-.42-.29-.7 0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28-.79-.74-1.69-1.36-2.67-1.85-.33-.16-.56-.5-.56-.9v-3.1C15.15 9.25 13.6 9 12 9z\"></path></g>\n<g id=\"call-made\"><path d=\"M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5z\"></path></g>\n<g id=\"call-merge\"><path d=\"M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z\"></path></g>\n<g id=\"call-missed\"><path d=\"M19.59 7L12 14.59 6.41 9H11V7H3v8h2v-4.59l7 7 9-9z\"></path></g>\n<g id=\"call-missed-outgoing\"><path d=\"M3 8.41l9 9 7-7V15h2V7h-8v2h4.59L12 14.59 4.41 7 3 8.41z\"></path></g>\n<g id=\"call-received\"><path d=\"M20 5.41L18.59 4 7 15.59V9H5v10h10v-2H8.41z\"></path></g>\n<g id=\"call-split\"><path d=\"M14 4l2.29 2.29-2.88 2.88 1.42 1.42 2.88-2.88L20 10V4zm-4 0H4v6l2.29-2.29 4.71 4.7V20h2v-8.41l-5.29-5.3z\"></path></g>\n<g id=\"chat\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z\"></path></g>\n<g id=\"chat-bubble\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"chat-bubble-outline\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\"></path></g>\n<g id=\"clear-all\"><path d=\"M5 13h14v-2H5v2zm-2 4h14v-2H3v2zM7 7v2h14V7H7z\"></path></g>\n<g id=\"comment\"><path d=\"M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"></path></g>\n<g id=\"contact-mail\"><path d=\"M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z\"></path></g>\n<g id=\"contact-phone\"><path d=\"M22 3H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm3.85-4h1.64L21 16l-1.99 1.99c-1.31-.98-2.28-2.38-2.73-3.99-.18-.64-.28-1.31-.28-2s.1-1.36.28-2c.45-1.62 1.42-3.01 2.73-3.99L21 8l-1.51 2h-1.64c-.22.63-.35 1.3-.35 2s.13 1.37.35 2z\"></path></g>\n<g id=\"contacts\"><path d=\"M20 0H4v2h16V0zM4 24h16v-2H4v2zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 2.75c1.24 0 2.25 1.01 2.25 2.25s-1.01 2.25-2.25 2.25S9.75 10.24 9.75 9 10.76 6.75 12 6.75zM17 17H7v-1.5c0-1.67 3.33-2.5 5-2.5s5 .83 5 2.5V17z\"></path></g>\n<g id=\"dialer-sip\"><path d=\"M17 3h-1v5h1V3zm-2 2h-2V4h2V3h-3v3h2v1h-2v1h3V5zm3-2v5h1V6h2V3h-3zm2 2h-1V4h1v1zm0 10.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.01.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.27-.26.35-.65.24-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"dialpad\"><path d=\"M12 19c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM6 1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12-8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-6 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"email\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"></path></g>\n<g id=\"forum\"><path d=\"M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z\"></path></g>\n<g id=\"import-contacts\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z\"></path></g>\n<g id=\"import-export\"><path d=\"M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z\"></path></g>\n<g id=\"invert-colors-off\"><path d=\"M20.65 20.87l-2.35-2.35-6.3-6.29-3.56-3.57-1.42-1.41L4.27 4.5 3 5.77l2.78 2.78c-2.55 3.14-2.36 7.76.56 10.69C7.9 20.8 9.95 21.58 12 21.58c1.79 0 3.57-.59 5.03-1.78l2.7 2.7L21 21.23l-.35-.36zM12 19.59c-1.6 0-3.11-.62-4.24-1.76C6.62 16.69 6 15.19 6 13.59c0-1.32.43-2.57 1.21-3.6L12 14.77v4.82zM12 5.1v4.58l7.25 7.26c1.37-2.96.84-6.57-1.6-9.01L12 2.27l-3.7 3.7 1.41 1.41L12 5.1z\"></path></g>\n<g id=\"live-help\"><path d=\"M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-6 16h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 11.9 13 12.5 13 14h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\"></path></g>\n<g id=\"location-off\"><path d=\"M12 6.5c1.38 0 2.5 1.12 2.5 2.5 0 .74-.33 1.39-.83 1.85l3.63 3.63c.98-1.86 1.7-3.8 1.7-5.48 0-3.87-3.13-7-7-7-1.98 0-3.76.83-5.04 2.15l3.19 3.19c.46-.52 1.11-.84 1.85-.84zm4.37 9.6l-4.63-4.63-.11-.11L3.27 3 2 4.27l3.18 3.18C5.07 7.95 5 8.47 5 9c0 5.25 7 13 7 13s1.67-1.85 3.38-4.35L18.73 21 20 19.73l-3.63-3.63z\"></path></g>\n<g id=\"location-on\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></g>\n<g id=\"mail-outline\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z\"></path></g>\n<g id=\"message\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"></path></g>\n<g id=\"no-sim\"><path d=\"M18.99 5c0-1.1-.89-2-1.99-2h-7L7.66 5.34 19 16.68 18.99 5zM3.65 3.88L2.38 5.15 5 7.77V19c0 1.1.9 2 2 2h10.01c.35 0 .67-.1.96-.26l1.88 1.88 1.27-1.27L3.65 3.88z\"></path></g>\n<g id=\"phone\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"></path></g>\n<g id=\"phonelink-erase\"><path d=\"M13 8.2l-1-1-4 4-4-4-1 1 4 4-4 4 1 1 4-4 4 4 1-1-4-4 4-4zM19 1H9c-1.1 0-2 .9-2 2v3h2V4h10v16H9v-2H7v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"phonelink-lock\"><path d=\"M19 1H9c-1.1 0-2 .9-2 2v3h2V4h10v16H9v-2H7v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm-8.2 10V9.5C10.8 8.1 9.4 7 8 7S5.2 8.1 5.2 9.5V11c-.6 0-1.2.6-1.2 1.2v3.5c0 .7.6 1.3 1.2 1.3h5.5c.7 0 1.3-.6 1.3-1.2v-3.5c0-.7-.6-1.3-1.2-1.3zm-1.3 0h-3V9.5c0-.8.7-1.3 1.5-1.3s1.5.5 1.5 1.3V11z\"></path></g>\n<g id=\"phonelink-ring\"><path d=\"M20.1 7.7l-1 1c1.8 1.8 1.8 4.6 0 6.5l1 1c2.5-2.3 2.5-6.1 0-8.5zM18 9.8l-1 1c.5.7.5 1.6 0 2.3l1 1c1.2-1.2 1.2-3 0-4.3zM14 1H4c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 19H4V4h10v16z\"></path></g>\n<g id=\"phonelink-setup\"><path d=\"M11.8 12.5v-1l1.1-.8c.1-.1.1-.2.1-.3l-1-1.7c-.1-.1-.2-.2-.3-.1l-1.3.4c-.3-.2-.6-.4-.9-.5l-.2-1.3c0-.1-.1-.2-.3-.2H7c-.1 0-.2.1-.3.2l-.2 1.3c-.3.1-.6.3-.9.5l-1.3-.5c-.1 0-.2 0-.3.1l-1 1.7c-.1.1 0 .2.1.3l1.1.8v1l-1.1.8c-.1.2-.1.3-.1.4l1 1.7c.1.1.2.2.3.1l1.4-.4c.3.2.6.4.9.5l.2 1.3c-.1.1.1.2.2.2h2c.1 0 .2-.1.3-.2l.2-1.3c.3-.1.6-.3.9-.5l1.3.5c.1 0 .2 0 .3-.1l1-1.7c.1-.1 0-.2-.1-.3l-1.1-.9zM8 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM19 1H9c-1.1 0-2 .9-2 2v3h2V4h10v16H9v-2H7v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"portable-wifi-off\"><path d=\"M17.56 14.24c.28-.69.44-1.45.44-2.24 0-3.31-2.69-6-6-6-.79 0-1.55.16-2.24.44l1.62 1.62c.2-.03.41-.06.62-.06 2.21 0 4 1.79 4 4 0 .21-.02.42-.05.63l1.61 1.61zM12 4c4.42 0 8 3.58 8 8 0 1.35-.35 2.62-.95 3.74l1.47 1.47C21.46 15.69 22 13.91 22 12c0-5.52-4.48-10-10-10-1.91 0-3.69.55-5.21 1.47l1.46 1.46C9.37 4.34 10.65 4 12 4zM3.27 2.5L2 3.77l2.1 2.1C2.79 7.57 2 9.69 2 12c0 3.7 2.01 6.92 4.99 8.65l1-1.73C5.61 17.53 4 14.96 4 12c0-1.76.57-3.38 1.53-4.69l1.43 1.44C6.36 9.68 6 10.8 6 12c0 2.22 1.21 4.15 3 5.19l1-1.74c-1.19-.7-2-1.97-2-3.45 0-.65.17-1.25.44-1.79l1.58 1.58L10 12c0 1.1.9 2 2 2l.21-.02.01.01 7.51 7.51L21 20.23 4.27 3.5l-1-1z\"></path></g>\n<g id=\"present-to-all\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v14c0 1.11.89 2 2 2h18c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 16.02H3V4.98h18v14.04zM10 12H8l4-4 4 4h-2v4h-4v-4z\"></path></g>\n<g id=\"ring-volume\"><path d=\"M23.71 16.67C20.66 13.78 16.54 12 12 12 7.46 12 3.34 13.78.29 16.67c-.18.18-.29.43-.29.71 0 .28.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73s3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.66 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71 0-.27-.11-.52-.29-.7zM21.16 6.26l-1.41-1.41-3.56 3.55 1.41 1.41s3.45-3.52 3.56-3.55zM13 2h-2v5h2V2zM6.4 9.81L7.81 8.4 4.26 4.84 2.84 6.26c.11.03 3.56 3.55 3.56 3.55z\"></path></g>\n<g id=\"rss-feed\"><circle cx=\"6.18\" cy=\"17.82\" r=\"2.18\"></circle><path d=\"M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z\"></path></g>\n<g id=\"screen-share\"><path d=\"M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zm-7-3.53v-2.19c-2.78 0-4.61.85-6 2.72.56-2.67 2.11-5.33 6-5.87V7l4 3.73-4 3.74z\"></path></g>\n<g id=\"speaker-phone\"><path d=\"M7 7.07L8.43 8.5c.91-.91 2.18-1.48 3.57-1.48s2.66.57 3.57 1.48L17 7.07C15.72 5.79 13.95 5 12 5s-3.72.79-5 2.07zM12 1C8.98 1 6.24 2.23 4.25 4.21l1.41 1.41C7.28 4 9.53 3 12 3s4.72 1 6.34 2.62l1.41-1.41C17.76 2.23 15.02 1 12 1zm2.86 9.01L9.14 10C8.51 10 8 10.51 8 11.14v9.71c0 .63.51 1.14 1.14 1.14h5.71c.63 0 1.14-.51 1.14-1.14v-9.71c.01-.63-.5-1.13-1.13-1.13zM15 20H9v-8h6v8z\"></path></g>\n<g id=\"stay-current-landscape\"><path d=\"M1.01 7L1 17c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2H3c-1.1 0-1.99.9-1.99 2zM19 7v10H5V7h14z\"></path></g>\n<g id=\"stay-current-portrait\"><path d=\"M17 1.01L7 1c-1.1 0-1.99.9-1.99 2v18c0 1.1.89 2 1.99 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z\"></path></g>\n<g id=\"stay-primary-landscape\"><path d=\"M1.01 7L1 17c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2H3c-1.1 0-1.99.9-1.99 2zM19 7v10H5V7h14z\"></path></g>\n<g id=\"stay-primary-portrait\"><path d=\"M17 1.01L7 1c-1.1 0-1.99.9-1.99 2v18c0 1.1.89 2 1.99 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z\"></path></g>\n<g id=\"stop-screen-share\"><path d=\"M21.22 18.02l2 2H24v-2h-2.78zm.77-2l.01-10c0-1.11-.9-2-2-2H7.22l5.23 5.23c.18-.04.36-.07.55-.1V7.02l4 3.73-1.58 1.47 5.54 5.54c.61-.33 1.03-.99 1.03-1.74zM2.39 1.73L1.11 3l1.54 1.54c-.4.36-.65.89-.65 1.48v10c0 1.1.89 2 2 2H0v2h18.13l2.71 2.71 1.27-1.27L2.39 1.73zM7 15.02c.31-1.48.92-2.95 2.07-4.06l1.59 1.59c-1.54.38-2.7 1.18-3.66 2.47z\"></path></g>\n<g id=\"swap-calls\"><path d=\"M18 4l-4 4h3v7c0 1.1-.9 2-2 2s-2-.9-2-2V8c0-2.21-1.79-4-4-4S5 5.79 5 8v7H2l4 4 4-4H7V8c0-1.1.9-2 2-2s2 .9 2 2v7c0 2.21 1.79 4 4 4s4-1.79 4-4V8h3l-4-4z\"></path></g>\n<g id=\"textsms\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"></path></g>\n<g id=\"voicemail\"><path d=\"M18.5 6C15.46 6 13 8.46 13 11.5c0 1.33.47 2.55 1.26 3.5H9.74c.79-.95 1.26-2.17 1.26-3.5C11 8.46 8.54 6 5.5 6S0 8.46 0 11.5 2.46 17 5.5 17h13c3.04 0 5.5-2.46 5.5-5.5S21.54 6 18.5 6zm-13 9C3.57 15 2 13.43 2 11.5S3.57 8 5.5 8 9 9.57 9 11.5 7.43 15 5.5 15zm13 0c-1.93 0-3.5-1.57-3.5-3.5S16.57 8 18.5 8 22 9.57 22 11.5 20.43 15 18.5 15z\"></path></g>\n<g id=\"vpn-key\"><path d=\"M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-icons/device-icons.js b/build/es5-amd/node_modules/@polymer/iron-icons/device-icons.js
index f1352507b51..6cbc10194d9 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icons/device-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icons/device-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_911e41101f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d0f97301f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_911e41101f0511ed8cc3e9a95995ad69 || (_templateObject_911e41101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"device\" size=\"24\">\n<svg><defs>\n<g id=\"access-alarm\"><path d=\"M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"access-alarms\"><path d=\"M22 5.7l-4.6-3.9-1.3 1.5 4.6 3.9L22 5.7zM7.9 3.4L6.6 1.9 2 5.7l1.3 1.5 4.6-3.8zM12.5 8H11v6l4.7 2.9.8-1.2-4-2.4V8zM12 4c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7z\"></path></g>\n<g id=\"access-time\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"></path></g>\n<g id=\"add-alarm\"><path d=\"M7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm1-11h-2v3H8v2h3v3h2v-3h3v-2h-3V9z\"></path></g>\n<g id=\"airplanemode-active\"><path d=\"M10.18 9\"></path><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"></path></g>\n<g id=\"airplanemode-inactive\"><path d=\"M13 9V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5v3.68l7.83 7.83L21 16v-2l-8-5zM3 5.27l4.99 4.99L2 14v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-3.73L18.73 21 20 19.73 4.27 4 3 5.27z\"></path></g>\n<g id=\"battery-20\"><path d=\"M7 17v3.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V17H7z\"></path><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V17h10V5.33z\"></path></g>\n<g id=\"battery-30\"><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V15h10V5.33z\"></path><path d=\"M7 15v5.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V15H7z\"></path></g>\n<g id=\"battery-50\"><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V13h10V5.33z\"></path><path d=\"M7 13v7.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V13H7z\"></path></g>\n<g id=\"battery-60\"><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V11h10V5.33z\"></path><path d=\"M7 11v9.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V11H7z\"></path></g>\n<g id=\"battery-80\"><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V9h10V5.33z\"></path><path d=\"M7 9v11.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V9H7z\"></path></g>\n<g id=\"battery-90\"><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V8h10V5.33z\"></path><path d=\"M7 8v12.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V8H7z\"></path></g>\n<g id=\"battery-alert\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zM13 18h-2v-2h2v2zm0-4h-2V9h2v5z\"></path></g>\n<g id=\"battery-charging-20\"><path d=\"M11 20v-3H7v3.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V17h-4.4L11 20z\"></path><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V17h4v-2.5H9L13 7v5.5h2L12.6 17H17V5.33C17 4.6 16.4 4 15.67 4z\"></path></g>\n<g id=\"battery-charging-30\"><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v9.17h2L13 7v5.5h2l-1.07 2H17V5.33C17 4.6 16.4 4 15.67 4z\"></path><path d=\"M11 20v-5.5H7v6.17C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V14.5h-3.07L11 20z\"></path></g>\n<g id=\"battery-charging-50\"><path d=\"M14.47 13.5L11 20v-5.5H9l.53-1H7v7.17C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V13.5h-2.53z\"></path><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v8.17h2.53L13 7v5.5h2l-.53 1H17V5.33C17 4.6 16.4 4 15.67 4z\"></path></g>\n<g id=\"battery-charging-60\"><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V11h3.87L13 7v4h4V5.33C17 4.6 16.4 4 15.67 4z\"></path><path d=\"M13 12.5h2L11 20v-5.5H9l1.87-3.5H7v9.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V11h-4v1.5z\"></path></g>\n<g id=\"battery-charging-80\"><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V9h4.93L13 7v2h4V5.33C17 4.6 16.4 4 15.67 4z\"></path><path d=\"M13 12.5h2L11 20v-5.5H9L11.93 9H7v11.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V9h-4v3.5z\"></path></g>\n<g id=\"battery-charging-90\"><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V8h5.47L13 7v1h4V5.33C17 4.6 16.4 4 15.67 4z\"></path><path d=\"M13 12.5h2L11 20v-5.5H9L12.47 8H7v12.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V8h-4v4.5z\"></path></g>\n<g id=\"battery-charging-full\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zM11 20v-5.5H9L13 7v5.5h2L11 20z\"></path></g>\n<g id=\"battery-full\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4z\"></path></g>\n<g id=\"battery-std\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4z\"></path></g>\n<g id=\"battery-unknown\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zm-2.72 13.95h-1.9v-1.9h1.9v1.9zm1.35-5.26s-.38.42-.67.71c-.48.48-.83 1.15-.83 1.6h-1.6c0-.83.46-1.52.93-2l.93-.94c.27-.27.44-.65.44-1.06 0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5H9c0-1.66 1.34-3 3-3s3 1.34 3 3c0 .66-.27 1.26-.7 1.69z\"></path></g>\n<g id=\"bluetooth\"><path d=\"M17.71 7.71L12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM13 5.83l1.88 1.88L13 9.59V5.83zm1.88 10.46L13 18.17v-3.76l1.88 1.88z\"></path></g>\n<g id=\"bluetooth-connected\"><path d=\"M7 12l-2-2-2 2 2 2 2-2zm10.71-4.29L12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM13 5.83l1.88 1.88L13 9.59V5.83zm1.88 10.46L13 18.17v-3.76l1.88 1.88zM19 10l-2 2 2 2 2-2-2-2z\"></path></g>\n<g id=\"bluetooth-disabled\"><path d=\"M13 5.83l1.88 1.88-1.6 1.6 1.41 1.41 3.02-3.02L12 2h-1v5.03l2 2v-3.2zM5.41 4L4 5.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l4.29-4.29 2.3 2.29L20 18.59 5.41 4zM13 18.17v-3.76l1.88 1.88L13 18.17z\"></path></g>\n<g id=\"bluetooth-searching\"><path d=\"M14.24 12.01l2.32 2.32c.28-.72.44-1.51.44-2.33 0-.82-.16-1.59-.43-2.31l-2.33 2.32zm5.29-5.3l-1.26 1.26c.63 1.21.98 2.57.98 4.02s-.36 2.82-.98 4.02l1.2 1.2c.97-1.54 1.54-3.36 1.54-5.31-.01-1.89-.55-3.67-1.48-5.19zm-3.82 1L10 2H9v7.59L4.41 5 3 6.41 8.59 12 3 17.59 4.41 19 9 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM11 5.83l1.88 1.88L11 9.59V5.83zm1.88 10.46L11 18.17v-3.76l1.88 1.88z\"></path></g>\n<g id=\"brightness-auto\"><path d=\"M10.85 12.65h2.3L12 9l-1.15 3.65zM20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM14.3 16l-.7-2h-3.2l-.7 2H7.8L11 7h2l3.2 9h-1.9z\"></path></g>\n<g id=\"brightness-high\"><path d=\"M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zm0-10c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z\"></path></g>\n<g id=\"brightness-low\"><path d=\"M20 15.31L23.31 12 20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z\"></path></g>\n<g id=\"brightness-medium\"><path d=\"M20 15.31L23.31 12 20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69zM12 18V6c3.31 0 6 2.69 6 6s-2.69 6-6 6z\"></path></g>\n<g id=\"data-usage\"><path d=\"M13 2.05v3.03c3.39.49 6 3.39 6 6.92 0 .9-.18 1.75-.48 2.54l2.6 1.53c.56-1.24.88-2.62.88-4.07 0-5.18-3.95-9.45-9-9.95zM12 19c-3.87 0-7-3.13-7-7 0-3.53 2.61-6.43 6-6.92V2.05c-5.06.5-9 4.76-9 9.95 0 5.52 4.47 10 9.99 10 3.31 0 6.24-1.61 8.06-4.09l-2.6-1.53C16.17 17.98 14.21 19 12 19z\"></path></g>\n<g id=\"developer-mode\"><path d=\"M7 5h10v2h2V3c0-1.1-.9-1.99-2-1.99L7 1c-1.1 0-2 .9-2 2v4h2V5zm8.41 11.59L20 12l-4.59-4.59L14 8.83 17.17 12 14 15.17l1.41 1.42zM10 15.17L6.83 12 10 8.83 8.59 7.41 4 12l4.59 4.59L10 15.17zM17 19H7v-2H5v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4h-2v2z\"></path></g>\n<g id=\"devices\"><path d=\"M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z\"></path></g>\n<g id=\"dvr\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12zm-2-9H8v2h11V8zm0 4H8v2h11v-2zM7 8H5v2h2V8zm0 4H5v2h2v-2z\"></path></g>\n<g id=\"gps-fixed\"><path d=\"M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"gps-not-fixed\"><path d=\"M20.94 11c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"gps-off\"><path d=\"M20.94 11c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06c-1.13.12-2.19.46-3.16.97l1.5 1.5C10.16 5.19 11.06 5 12 5c3.87 0 7 3.13 7 7 0 .94-.19 1.84-.52 2.65l1.5 1.5c.5-.96.84-2.02.97-3.15H23v-2h-2.06zM3 4.27l2.04 2.04C3.97 7.62 3.25 9.23 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c1.77-.2 3.38-.91 4.69-1.98L19.73 21 21 19.73 4.27 3 3 4.27zm13.27 13.27C15.09 18.45 13.61 19 12 19c-3.87 0-7-3.13-7-7 0-1.61.55-3.09 1.46-4.27l9.81 9.81z\"></path></g>\n<g id=\"graphic-eq\"><path d=\"M7 18h2V6H7v12zm4 4h2V2h-2v20zm-8-8h2v-4H3v4zm12 4h2V6h-2v12zm4-8v4h2v-4h-2z\"></path></g>\n<g id=\"location-disabled\"><path d=\"M20.94 11c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06c-1.13.12-2.19.46-3.16.97l1.5 1.5C10.16 5.19 11.06 5 12 5c3.87 0 7 3.13 7 7 0 .94-.19 1.84-.52 2.65l1.5 1.5c.5-.96.84-2.02.97-3.15H23v-2h-2.06zM3 4.27l2.04 2.04C3.97 7.62 3.25 9.23 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c1.77-.2 3.38-.91 4.69-1.98L19.73 21 21 19.73 4.27 3 3 4.27zm13.27 13.27C15.09 18.45 13.61 19 12 19c-3.87 0-7-3.13-7-7 0-1.61.55-3.09 1.46-4.27l9.81 9.81z\"></path></g>\n<g id=\"location-searching\"><path d=\"M20.94 11c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"network-cell\"><path fill-opacity=\".3\" d=\"M2 22h20V2z\"></path><path d=\"M17 7L2 22h15z\"></path></g>\n<g id=\"network-wifi\"><path fill-opacity=\".3\" d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path><path d=\"M3.53 10.95l8.46 10.54.01.01.01-.01 8.46-10.54C20.04 10.62 16.81 8 12 8c-4.81 0-8.04 2.62-8.47 2.95z\"></path></g>\n<g id=\"nfc\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 18H4V4h16v16zM18 6h-5c-1.1 0-2 .9-2 2v2.28c-.6.35-1 .98-1 1.72 0 1.1.9 2 2 2s2-.9 2-2c0-.74-.4-1.38-1-1.72V8h3v8H8V8h2V6H6v12h12V6z\"></path></g>\n<g id=\"screen-lock-landscape\"><path d=\"M21 5H3c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-2 12H5V7h14v10zm-9-1h4c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1v-1c0-1.11-.9-2-2-2-1.11 0-2 .9-2 2v1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm.8-6c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2v1h-2.4v-1z\"></path></g>\n<g id=\"screen-lock-portrait\"><path d=\"M10 16h4c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1v-1c0-1.11-.9-2-2-2-1.11 0-2 .9-2 2v1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm.8-6c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2v1h-2.4v-1zM17 1H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 18H7V5h10v14z\"></path></g>\n<g id=\"screen-lock-rotation\"><path d=\"M23.25 12.77l-2.57-2.57-1.41 1.41 2.22 2.22-5.66 5.66L4.51 8.17l5.66-5.66 2.1 2.1 1.41-1.41L11.23.75c-.59-.59-1.54-.59-2.12 0L2.75 7.11c-.59.59-.59 1.54 0 2.12l12.02 12.02c.59.59 1.54.59 2.12 0l6.36-6.36c.59-.59.59-1.54 0-2.12zM8.47 20.48C5.2 18.94 2.86 15.76 2.5 12H1c.51 6.16 5.66 11 11.95 11l.66-.03-3.81-3.82-1.33 1.33zM16 9h5c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1v-.5C21 1.12 19.88 0 18.5 0S16 1.12 16 2.5V3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zm.8-6.5c0-.94.76-1.7 1.7-1.7s1.7.76 1.7 1.7V3h-3.4v-.5z\"></path></g>\n<g id=\"screen-rotation\"><path d=\"M16.48 2.52c3.27 1.55 5.61 4.72 5.97 8.48h1.5C23.44 4.84 18.29 0 12 0l-.66.03 3.81 3.81 1.33-1.32zm-6.25-.77c-.59-.59-1.54-.59-2.12 0L1.75 8.11c-.59.59-.59 1.54 0 2.12l12.02 12.02c.59.59 1.54.59 2.12 0l6.36-6.36c.59-.59.59-1.54 0-2.12L10.23 1.75zm4.6 19.44L2.81 9.17l6.36-6.36 12.02 12.02-6.36 6.36zm-7.31.29C4.25 19.94 1.91 16.76 1.55 13H.05C.56 19.16 5.71 24 12 24l.66-.03-3.81-3.81-1.33 1.32z\"></path></g>\n<g id=\"sd-storage\"><path d=\"M18 2h-8L4.02 8 4 20c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-6 6h-2V4h2v4zm3 0h-2V4h2v4zm3 0h-2V4h2v4z\"></path></g>\n<g id=\"settings-system-daydream\"><path d=\"M9 16h6.5c1.38 0 2.5-1.12 2.5-2.5S16.88 11 15.5 11h-.05c-.24-1.69-1.69-3-3.45-3-1.4 0-2.6.83-3.16 2.02h-.16C7.17 10.18 6 11.45 6 13c0 1.66 1.34 3 3 3zM21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z\"></path></g>\n<g id=\"signal-cellular-0-bar\"><path fill-opacity=\".3\" d=\"M2 22h20V2z\"></path></g>\n<g id=\"signal-cellular-1-bar\"><path fill-opacity=\".3\" d=\"M2 22h20V2z\"></path><path d=\"M12 12L2 22h10z\"></path></g>\n<g id=\"signal-cellular-2-bar\"><path fill-opacity=\".3\" d=\"M2 22h20V2z\"></path><path d=\"M14 10L2 22h12z\"></path></g>\n<g id=\"signal-cellular-3-bar\"><path fill-opacity=\".3\" d=\"M2 22h20V2z\"></path><path d=\"M17 7L2 22h15z\"></path></g>\n<g id=\"signal-cellular-4-bar\"><path d=\"M2 22h20V2z\"></path></g>\n<g id=\"signal-cellular-connected-no-internet-0-bar\"><path fill-opacity=\".3\" d=\"M22 8V2L2 22h16V8z\"></path><path d=\"M20 22h2v-2h-2v2zm0-12v8h2v-8h-2z\"></path></g>\n<g id=\"signal-cellular-connected-no-internet-1-bar\"><path fill-opacity=\".3\" d=\"M22 8V2L2 22h16V8z\"></path><path d=\"M20 10v8h2v-8h-2zm-8 12V12L2 22h10zm8 0h2v-2h-2v2z\"></path></g>\n<g id=\"signal-cellular-connected-no-internet-2-bar\"><path fill-opacity=\".3\" d=\"M22 8V2L2 22h16V8z\"></path><path d=\"M14 22V10L2 22h12zm6-12v8h2v-8h-2zm0 12h2v-2h-2v2z\"></path></g>\n<g id=\"signal-cellular-connected-no-internet-3-bar\"><path fill-opacity=\".3\" d=\"M22 8V2L2 22h16V8z\"></path><path d=\"M17 22V7L2 22h15zm3-12v8h2v-8h-2zm0 12h2v-2h-2v2z\"></path></g>\n<g id=\"signal-cellular-connected-no-internet-4-bar\"><path d=\"M20 18h2v-8h-2v8zm0 4h2v-2h-2v2zM2 22h16V8h4V2L2 22z\"></path></g>\n<g id=\"signal-cellular-no-sim\"><path d=\"M18.99 5c0-1.1-.89-2-1.99-2h-7L7.66 5.34 19 16.68 18.99 5zM3.65 3.88L2.38 5.15 5 7.77V19c0 1.1.9 2 2 2h10.01c.35 0 .67-.1.96-.26l1.88 1.88 1.27-1.27L3.65 3.88z\"></path></g>\n<g id=\"signal-cellular-null\"><path d=\"M20 6.83V20H6.83L20 6.83M22 2L2 22h20V2z\"></path></g>\n<g id=\"signal-cellular-off\"><path d=\"M21 1l-8.59 8.59L21 18.18V1zM4.77 4.5L3.5 5.77l6.36 6.36L1 21h17.73l2 2L22 21.73 4.77 4.5z\"></path></g>\n<g id=\"signal-wifi-0-bar\"><path fill-opacity=\".3\" d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path></g>\n<g id=\"signal-wifi-1-bar\"><path fill-opacity=\".3\" d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path><path d=\"M6.67 14.86L12 21.49v.01l.01-.01 5.33-6.63C17.06 14.65 15.03 13 12 13s-5.06 1.65-5.33 1.86z\"></path></g>\n<g id=\"signal-wifi-1-bar-lock\"><path d=\"M23 16v-1.5c0-1.4-1.1-2.5-2.5-2.5S18 13.1 18 14.5V16c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h5c.5 0 1-.5 1-1v-4c0-.5-.5-1-1-1zm-1 0h-3v-1.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V16z\"></path><path d=\"M15.5 14.5c0-2.8 2.2-5 5-5 .4 0 .7 0 1 .1L23.6 7c-.4-.3-4.9-4-11.6-4C5.3 3 .8 6.7.4 7L12 21.5l3.5-4.3v-2.7z\" opacity=\".3\"></path><path d=\"M6.7 14.9l5.3 6.6 3.5-4.3v-2.6c0-.2 0-.5.1-.7-.9-.5-2.2-.9-3.6-.9-3 0-5.1 1.7-5.3 1.9z\"></path></g>\n<g id=\"signal-wifi-2-bar\"><path fill-opacity=\".3\" d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path><path d=\"M4.79 12.52l7.2 8.98H12l.01-.01 7.2-8.98C18.85 12.24 16.1 10 12 10s-6.85 2.24-7.21 2.52z\"></path></g>\n<g id=\"signal-wifi-2-bar-lock\"><path d=\"M23 16v-1.5c0-1.4-1.1-2.5-2.5-2.5S18 13.1 18 14.5V16c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h5c.5 0 1-.5 1-1v-4c0-.5-.5-1-1-1zm-1 0h-3v-1.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V16z\"></path><path d=\"M15.5 14.5c0-2.8 2.2-5 5-5 .4 0 .7 0 1 .1L23.6 7c-.4-.3-4.9-4-11.6-4C5.3 3 .8 6.7.4 7L12 21.5l3.5-4.3v-2.7z\" opacity=\".3\"></path><path d=\"M4.8 12.5l7.2 9 3.5-4.4v-2.6c0-1.3.5-2.5 1.4-3.4C15.6 10.5 14 10 12 10c-4.1 0-6.8 2.2-7.2 2.5z\"></path></g>\n<g id=\"signal-wifi-3-bar\"><path fill-opacity=\".3\" d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path><path d=\"M3.53 10.95l8.46 10.54.01.01.01-.01 8.46-10.54C20.04 10.62 16.81 8 12 8c-4.81 0-8.04 2.62-8.47 2.95z\"></path></g>\n<g id=\"signal-wifi-3-bar-lock\"><path opacity=\".3\" d=\"M12 3C5.3 3 .8 6.7.4 7l3.2 3.9L12 21.5l3.5-4.3v-2.6c0-2.2 1.4-4 3.3-4.7.3-.1.5-.2.8-.2.3-.1.6-.1.9-.1.4 0 .7 0 1 .1L23.6 7c-.4-.3-4.9-4-11.6-4z\"></path><path d=\"M23 16v-1.5c0-1.4-1.1-2.5-2.5-2.5S18 13.1 18 14.5V16c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h5c.5 0 1-.5 1-1v-4c0-.5-.5-1-1-1zm-1 0h-3v-1.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V16zm-10 5.5l3.5-4.3v-2.6c0-2.2 1.4-4 3.3-4.7C17.3 9 14.9 8 12 8c-4.8 0-8 2.6-8.5 2.9\"></path></g>\n<g id=\"signal-wifi-4-bar\"><path d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path></g>\n<g id=\"signal-wifi-4-bar-lock\"><path d=\"M23 16v-1.5c0-1.4-1.1-2.5-2.5-2.5S18 13.1 18 14.5V16c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h5c.5 0 1-.5 1-1v-4c0-.5-.5-1-1-1zm-1 0h-3v-1.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V16zm-6.5-1.5c0-2.8 2.2-5 5-5 .4 0 .7 0 1 .1L23.6 7c-.4-.3-4.9-4-11.6-4C5.3 3 .8 6.7.4 7L12 21.5l3.5-4.4v-2.6z\"></path></g>\n<g id=\"signal-wifi-off\"><path d=\"M23.64 7c-.45-.34-4.93-4-11.64-4-1.5 0-2.89.19-4.15.48L18.18 13.8 23.64 7zm-6.6 8.22L3.27 1.44 2 2.72l2.05 2.06C1.91 5.76.59 6.82.36 7l11.63 14.49.01.01.01-.01 3.9-4.86 3.32 3.32 1.27-1.27-3.46-3.46z\"></path></g>\n<g id=\"storage\"><path d=\"M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z\"></path></g>\n<g id=\"usb\"><path d=\"M15 7v4h1v2h-3V5h2l-3-4-3 4h2v8H8v-2.07c.7-.37 1.2-1.08 1.2-1.93 0-1.21-.99-2.2-2.2-2.2-1.21 0-2.2.99-2.2 2.2 0 .85.5 1.56 1.2 1.93V13c0 1.11.89 2 2 2h3v3.05c-.71.37-1.2 1.1-1.2 1.95 0 1.22.99 2.2 2.2 2.2 1.21 0 2.2-.98 2.2-2.2 0-.85-.49-1.58-1.2-1.95V15h3c1.11 0 2-.89 2-2v-2h1V7h-4z\"></path></g>\n<g id=\"wallpaper\"><path d=\"M4 4h7V2H4c-1.1 0-2 .9-2 2v7h2V4zm6 9l-4 5h12l-3-4-2.03 2.71L10 13zm7-4.5c0-.83-.67-1.5-1.5-1.5S14 7.67 14 8.5s.67 1.5 1.5 1.5S17 9.33 17 8.5zM20 2h-7v2h7v7h2V4c0-1.1-.9-2-2-2zm0 18h-7v2h7c1.1 0 2-.9 2-2v-7h-2v7zM4 13H2v7c0 1.1.9 2 2 2h7v-2H4v-7z\"></path></g>\n<g id=\"widgets\"><path d=\"M13 13v8h8v-8h-8zM3 21h8v-8H3v8zM3 3v8h8V3H3zm13.66-1.31L11 7.34 16.66 13l5.66-5.66-5.66-5.65z\"></path></g>\n<g id=\"wifi-lock\"><path d=\"M20.5 9.5c.28 0 .55.04.81.08L24 6c-3.34-2.51-7.5-4-12-4S3.34 3.49 0 6l12 16 3.5-4.67V14.5c0-2.76 2.24-5 5-5zM23 16v-1.5c0-1.38-1.12-2.5-2.5-2.5S18 13.12 18 14.5V16c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h5c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1zm-1 0h-3v-1.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V16z\"></path></g>\n<g id=\"wifi-tethering\"><path d=\"M12 11c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 2c0-3.31-2.69-6-6-6s-6 2.69-6 6c0 2.22 1.21 4.15 3 5.19l1-1.74c-1.19-.7-2-1.97-2-3.45 0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.48-.81 2.75-2 3.45l1 1.74c1.79-1.04 3-2.97 3-5.19zM12 3C6.48 3 2 7.48 2 13c0 3.7 2.01 6.92 4.99 8.65l1-1.73C5.61 18.53 4 15.96 4 13c0-4.42 3.58-8 8-8s8 3.58 8 8c0 2.96-1.61 5.53-4 6.92l1 1.73c2.99-1.73 5-4.95 5-8.65 0-5.52-4.48-10-10-10z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d0f97301f2611eda0c389891c227ec8 || (_templateObject_6d0f97301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"device\" size=\"24\">\n<svg><defs>\n<g id=\"access-alarm\"><path d=\"M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"access-alarms\"><path d=\"M22 5.7l-4.6-3.9-1.3 1.5 4.6 3.9L22 5.7zM7.9 3.4L6.6 1.9 2 5.7l1.3 1.5 4.6-3.8zM12.5 8H11v6l4.7 2.9.8-1.2-4-2.4V8zM12 4c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7z\"></path></g>\n<g id=\"access-time\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"></path></g>\n<g id=\"add-alarm\"><path d=\"M7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm1-11h-2v3H8v2h3v3h2v-3h3v-2h-3V9z\"></path></g>\n<g id=\"airplanemode-active\"><path d=\"M10.18 9\"></path><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"></path></g>\n<g id=\"airplanemode-inactive\"><path d=\"M13 9V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5v3.68l7.83 7.83L21 16v-2l-8-5zM3 5.27l4.99 4.99L2 14v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-3.73L18.73 21 20 19.73 4.27 4 3 5.27z\"></path></g>\n<g id=\"battery-20\"><path d=\"M7 17v3.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V17H7z\"></path><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V17h10V5.33z\"></path></g>\n<g id=\"battery-30\"><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V15h10V5.33z\"></path><path d=\"M7 15v5.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V15H7z\"></path></g>\n<g id=\"battery-50\"><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V13h10V5.33z\"></path><path d=\"M7 13v7.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V13H7z\"></path></g>\n<g id=\"battery-60\"><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V11h10V5.33z\"></path><path d=\"M7 11v9.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V11H7z\"></path></g>\n<g id=\"battery-80\"><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V9h10V5.33z\"></path><path d=\"M7 9v11.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V9H7z\"></path></g>\n<g id=\"battery-90\"><path fill-opacity=\".3\" d=\"M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V8h10V5.33z\"></path><path d=\"M7 8v12.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V8H7z\"></path></g>\n<g id=\"battery-alert\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zM13 18h-2v-2h2v2zm0-4h-2V9h2v5z\"></path></g>\n<g id=\"battery-charging-20\"><path d=\"M11 20v-3H7v3.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V17h-4.4L11 20z\"></path><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V17h4v-2.5H9L13 7v5.5h2L12.6 17H17V5.33C17 4.6 16.4 4 15.67 4z\"></path></g>\n<g id=\"battery-charging-30\"><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v9.17h2L13 7v5.5h2l-1.07 2H17V5.33C17 4.6 16.4 4 15.67 4z\"></path><path d=\"M11 20v-5.5H7v6.17C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V14.5h-3.07L11 20z\"></path></g>\n<g id=\"battery-charging-50\"><path d=\"M14.47 13.5L11 20v-5.5H9l.53-1H7v7.17C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V13.5h-2.53z\"></path><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v8.17h2.53L13 7v5.5h2l-.53 1H17V5.33C17 4.6 16.4 4 15.67 4z\"></path></g>\n<g id=\"battery-charging-60\"><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V11h3.87L13 7v4h4V5.33C17 4.6 16.4 4 15.67 4z\"></path><path d=\"M13 12.5h2L11 20v-5.5H9l1.87-3.5H7v9.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V11h-4v1.5z\"></path></g>\n<g id=\"battery-charging-80\"><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V9h4.93L13 7v2h4V5.33C17 4.6 16.4 4 15.67 4z\"></path><path d=\"M13 12.5h2L11 20v-5.5H9L11.93 9H7v11.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V9h-4v3.5z\"></path></g>\n<g id=\"battery-charging-90\"><path fill-opacity=\".3\" d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V8h5.47L13 7v1h4V5.33C17 4.6 16.4 4 15.67 4z\"></path><path d=\"M13 12.5h2L11 20v-5.5H9L12.47 8H7v12.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V8h-4v4.5z\"></path></g>\n<g id=\"battery-charging-full\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zM11 20v-5.5H9L13 7v5.5h2L11 20z\"></path></g>\n<g id=\"battery-full\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4z\"></path></g>\n<g id=\"battery-std\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4z\"></path></g>\n<g id=\"battery-unknown\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zm-2.72 13.95h-1.9v-1.9h1.9v1.9zm1.35-5.26s-.38.42-.67.71c-.48.48-.83 1.15-.83 1.6h-1.6c0-.83.46-1.52.93-2l.93-.94c.27-.27.44-.65.44-1.06 0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5H9c0-1.66 1.34-3 3-3s3 1.34 3 3c0 .66-.27 1.26-.7 1.69z\"></path></g>\n<g id=\"bluetooth\"><path d=\"M17.71 7.71L12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM13 5.83l1.88 1.88L13 9.59V5.83zm1.88 10.46L13 18.17v-3.76l1.88 1.88z\"></path></g>\n<g id=\"bluetooth-connected\"><path d=\"M7 12l-2-2-2 2 2 2 2-2zm10.71-4.29L12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM13 5.83l1.88 1.88L13 9.59V5.83zm1.88 10.46L13 18.17v-3.76l1.88 1.88zM19 10l-2 2 2 2 2-2-2-2z\"></path></g>\n<g id=\"bluetooth-disabled\"><path d=\"M13 5.83l1.88 1.88-1.6 1.6 1.41 1.41 3.02-3.02L12 2h-1v5.03l2 2v-3.2zM5.41 4L4 5.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l4.29-4.29 2.3 2.29L20 18.59 5.41 4zM13 18.17v-3.76l1.88 1.88L13 18.17z\"></path></g>\n<g id=\"bluetooth-searching\"><path d=\"M14.24 12.01l2.32 2.32c.28-.72.44-1.51.44-2.33 0-.82-.16-1.59-.43-2.31l-2.33 2.32zm5.29-5.3l-1.26 1.26c.63 1.21.98 2.57.98 4.02s-.36 2.82-.98 4.02l1.2 1.2c.97-1.54 1.54-3.36 1.54-5.31-.01-1.89-.55-3.67-1.48-5.19zm-3.82 1L10 2H9v7.59L4.41 5 3 6.41 8.59 12 3 17.59 4.41 19 9 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM11 5.83l1.88 1.88L11 9.59V5.83zm1.88 10.46L11 18.17v-3.76l1.88 1.88z\"></path></g>\n<g id=\"brightness-auto\"><path d=\"M10.85 12.65h2.3L12 9l-1.15 3.65zM20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM14.3 16l-.7-2h-3.2l-.7 2H7.8L11 7h2l3.2 9h-1.9z\"></path></g>\n<g id=\"brightness-high\"><path d=\"M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zm0-10c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z\"></path></g>\n<g id=\"brightness-low\"><path d=\"M20 15.31L23.31 12 20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z\"></path></g>\n<g id=\"brightness-medium\"><path d=\"M20 15.31L23.31 12 20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69zM12 18V6c3.31 0 6 2.69 6 6s-2.69 6-6 6z\"></path></g>\n<g id=\"data-usage\"><path d=\"M13 2.05v3.03c3.39.49 6 3.39 6 6.92 0 .9-.18 1.75-.48 2.54l2.6 1.53c.56-1.24.88-2.62.88-4.07 0-5.18-3.95-9.45-9-9.95zM12 19c-3.87 0-7-3.13-7-7 0-3.53 2.61-6.43 6-6.92V2.05c-5.06.5-9 4.76-9 9.95 0 5.52 4.47 10 9.99 10 3.31 0 6.24-1.61 8.06-4.09l-2.6-1.53C16.17 17.98 14.21 19 12 19z\"></path></g>\n<g id=\"developer-mode\"><path d=\"M7 5h10v2h2V3c0-1.1-.9-1.99-2-1.99L7 1c-1.1 0-2 .9-2 2v4h2V5zm8.41 11.59L20 12l-4.59-4.59L14 8.83 17.17 12 14 15.17l1.41 1.42zM10 15.17L6.83 12 10 8.83 8.59 7.41 4 12l4.59 4.59L10 15.17zM17 19H7v-2H5v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4h-2v2z\"></path></g>\n<g id=\"devices\"><path d=\"M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z\"></path></g>\n<g id=\"dvr\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12zm-2-9H8v2h11V8zm0 4H8v2h11v-2zM7 8H5v2h2V8zm0 4H5v2h2v-2z\"></path></g>\n<g id=\"gps-fixed\"><path d=\"M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"gps-not-fixed\"><path d=\"M20.94 11c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"gps-off\"><path d=\"M20.94 11c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06c-1.13.12-2.19.46-3.16.97l1.5 1.5C10.16 5.19 11.06 5 12 5c3.87 0 7 3.13 7 7 0 .94-.19 1.84-.52 2.65l1.5 1.5c.5-.96.84-2.02.97-3.15H23v-2h-2.06zM3 4.27l2.04 2.04C3.97 7.62 3.25 9.23 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c1.77-.2 3.38-.91 4.69-1.98L19.73 21 21 19.73 4.27 3 3 4.27zm13.27 13.27C15.09 18.45 13.61 19 12 19c-3.87 0-7-3.13-7-7 0-1.61.55-3.09 1.46-4.27l9.81 9.81z\"></path></g>\n<g id=\"graphic-eq\"><path d=\"M7 18h2V6H7v12zm4 4h2V2h-2v20zm-8-8h2v-4H3v4zm12 4h2V6h-2v12zm4-8v4h2v-4h-2z\"></path></g>\n<g id=\"location-disabled\"><path d=\"M20.94 11c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06c-1.13.12-2.19.46-3.16.97l1.5 1.5C10.16 5.19 11.06 5 12 5c3.87 0 7 3.13 7 7 0 .94-.19 1.84-.52 2.65l1.5 1.5c.5-.96.84-2.02.97-3.15H23v-2h-2.06zM3 4.27l2.04 2.04C3.97 7.62 3.25 9.23 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c1.77-.2 3.38-.91 4.69-1.98L19.73 21 21 19.73 4.27 3 3 4.27zm13.27 13.27C15.09 18.45 13.61 19 12 19c-3.87 0-7-3.13-7-7 0-1.61.55-3.09 1.46-4.27l9.81 9.81z\"></path></g>\n<g id=\"location-searching\"><path d=\"M20.94 11c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"network-cell\"><path fill-opacity=\".3\" d=\"M2 22h20V2z\"></path><path d=\"M17 7L2 22h15z\"></path></g>\n<g id=\"network-wifi\"><path fill-opacity=\".3\" d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path><path d=\"M3.53 10.95l8.46 10.54.01.01.01-.01 8.46-10.54C20.04 10.62 16.81 8 12 8c-4.81 0-8.04 2.62-8.47 2.95z\"></path></g>\n<g id=\"nfc\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 18H4V4h16v16zM18 6h-5c-1.1 0-2 .9-2 2v2.28c-.6.35-1 .98-1 1.72 0 1.1.9 2 2 2s2-.9 2-2c0-.74-.4-1.38-1-1.72V8h3v8H8V8h2V6H6v12h12V6z\"></path></g>\n<g id=\"screen-lock-landscape\"><path d=\"M21 5H3c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-2 12H5V7h14v10zm-9-1h4c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1v-1c0-1.11-.9-2-2-2-1.11 0-2 .9-2 2v1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm.8-6c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2v1h-2.4v-1z\"></path></g>\n<g id=\"screen-lock-portrait\"><path d=\"M10 16h4c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1v-1c0-1.11-.9-2-2-2-1.11 0-2 .9-2 2v1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm.8-6c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2v1h-2.4v-1zM17 1H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 18H7V5h10v14z\"></path></g>\n<g id=\"screen-lock-rotation\"><path d=\"M23.25 12.77l-2.57-2.57-1.41 1.41 2.22 2.22-5.66 5.66L4.51 8.17l5.66-5.66 2.1 2.1 1.41-1.41L11.23.75c-.59-.59-1.54-.59-2.12 0L2.75 7.11c-.59.59-.59 1.54 0 2.12l12.02 12.02c.59.59 1.54.59 2.12 0l6.36-6.36c.59-.59.59-1.54 0-2.12zM8.47 20.48C5.2 18.94 2.86 15.76 2.5 12H1c.51 6.16 5.66 11 11.95 11l.66-.03-3.81-3.82-1.33 1.33zM16 9h5c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1v-.5C21 1.12 19.88 0 18.5 0S16 1.12 16 2.5V3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zm.8-6.5c0-.94.76-1.7 1.7-1.7s1.7.76 1.7 1.7V3h-3.4v-.5z\"></path></g>\n<g id=\"screen-rotation\"><path d=\"M16.48 2.52c3.27 1.55 5.61 4.72 5.97 8.48h1.5C23.44 4.84 18.29 0 12 0l-.66.03 3.81 3.81 1.33-1.32zm-6.25-.77c-.59-.59-1.54-.59-2.12 0L1.75 8.11c-.59.59-.59 1.54 0 2.12l12.02 12.02c.59.59 1.54.59 2.12 0l6.36-6.36c.59-.59.59-1.54 0-2.12L10.23 1.75zm4.6 19.44L2.81 9.17l6.36-6.36 12.02 12.02-6.36 6.36zm-7.31.29C4.25 19.94 1.91 16.76 1.55 13H.05C.56 19.16 5.71 24 12 24l.66-.03-3.81-3.81-1.33 1.32z\"></path></g>\n<g id=\"sd-storage\"><path d=\"M18 2h-8L4.02 8 4 20c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-6 6h-2V4h2v4zm3 0h-2V4h2v4zm3 0h-2V4h2v4z\"></path></g>\n<g id=\"settings-system-daydream\"><path d=\"M9 16h6.5c1.38 0 2.5-1.12 2.5-2.5S16.88 11 15.5 11h-.05c-.24-1.69-1.69-3-3.45-3-1.4 0-2.6.83-3.16 2.02h-.16C7.17 10.18 6 11.45 6 13c0 1.66 1.34 3 3 3zM21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z\"></path></g>\n<g id=\"signal-cellular-0-bar\"><path fill-opacity=\".3\" d=\"M2 22h20V2z\"></path></g>\n<g id=\"signal-cellular-1-bar\"><path fill-opacity=\".3\" d=\"M2 22h20V2z\"></path><path d=\"M12 12L2 22h10z\"></path></g>\n<g id=\"signal-cellular-2-bar\"><path fill-opacity=\".3\" d=\"M2 22h20V2z\"></path><path d=\"M14 10L2 22h12z\"></path></g>\n<g id=\"signal-cellular-3-bar\"><path fill-opacity=\".3\" d=\"M2 22h20V2z\"></path><path d=\"M17 7L2 22h15z\"></path></g>\n<g id=\"signal-cellular-4-bar\"><path d=\"M2 22h20V2z\"></path></g>\n<g id=\"signal-cellular-connected-no-internet-0-bar\"><path fill-opacity=\".3\" d=\"M22 8V2L2 22h16V8z\"></path><path d=\"M20 22h2v-2h-2v2zm0-12v8h2v-8h-2z\"></path></g>\n<g id=\"signal-cellular-connected-no-internet-1-bar\"><path fill-opacity=\".3\" d=\"M22 8V2L2 22h16V8z\"></path><path d=\"M20 10v8h2v-8h-2zm-8 12V12L2 22h10zm8 0h2v-2h-2v2z\"></path></g>\n<g id=\"signal-cellular-connected-no-internet-2-bar\"><path fill-opacity=\".3\" d=\"M22 8V2L2 22h16V8z\"></path><path d=\"M14 22V10L2 22h12zm6-12v8h2v-8h-2zm0 12h2v-2h-2v2z\"></path></g>\n<g id=\"signal-cellular-connected-no-internet-3-bar\"><path fill-opacity=\".3\" d=\"M22 8V2L2 22h16V8z\"></path><path d=\"M17 22V7L2 22h15zm3-12v8h2v-8h-2zm0 12h2v-2h-2v2z\"></path></g>\n<g id=\"signal-cellular-connected-no-internet-4-bar\"><path d=\"M20 18h2v-8h-2v8zm0 4h2v-2h-2v2zM2 22h16V8h4V2L2 22z\"></path></g>\n<g id=\"signal-cellular-no-sim\"><path d=\"M18.99 5c0-1.1-.89-2-1.99-2h-7L7.66 5.34 19 16.68 18.99 5zM3.65 3.88L2.38 5.15 5 7.77V19c0 1.1.9 2 2 2h10.01c.35 0 .67-.1.96-.26l1.88 1.88 1.27-1.27L3.65 3.88z\"></path></g>\n<g id=\"signal-cellular-null\"><path d=\"M20 6.83V20H6.83L20 6.83M22 2L2 22h20V2z\"></path></g>\n<g id=\"signal-cellular-off\"><path d=\"M21 1l-8.59 8.59L21 18.18V1zM4.77 4.5L3.5 5.77l6.36 6.36L1 21h17.73l2 2L22 21.73 4.77 4.5z\"></path></g>\n<g id=\"signal-wifi-0-bar\"><path fill-opacity=\".3\" d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path></g>\n<g id=\"signal-wifi-1-bar\"><path fill-opacity=\".3\" d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path><path d=\"M6.67 14.86L12 21.49v.01l.01-.01 5.33-6.63C17.06 14.65 15.03 13 12 13s-5.06 1.65-5.33 1.86z\"></path></g>\n<g id=\"signal-wifi-1-bar-lock\"><path d=\"M23 16v-1.5c0-1.4-1.1-2.5-2.5-2.5S18 13.1 18 14.5V16c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h5c.5 0 1-.5 1-1v-4c0-.5-.5-1-1-1zm-1 0h-3v-1.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V16z\"></path><path d=\"M15.5 14.5c0-2.8 2.2-5 5-5 .4 0 .7 0 1 .1L23.6 7c-.4-.3-4.9-4-11.6-4C5.3 3 .8 6.7.4 7L12 21.5l3.5-4.3v-2.7z\" opacity=\".3\"></path><path d=\"M6.7 14.9l5.3 6.6 3.5-4.3v-2.6c0-.2 0-.5.1-.7-.9-.5-2.2-.9-3.6-.9-3 0-5.1 1.7-5.3 1.9z\"></path></g>\n<g id=\"signal-wifi-2-bar\"><path fill-opacity=\".3\" d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path><path d=\"M4.79 12.52l7.2 8.98H12l.01-.01 7.2-8.98C18.85 12.24 16.1 10 12 10s-6.85 2.24-7.21 2.52z\"></path></g>\n<g id=\"signal-wifi-2-bar-lock\"><path d=\"M23 16v-1.5c0-1.4-1.1-2.5-2.5-2.5S18 13.1 18 14.5V16c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h5c.5 0 1-.5 1-1v-4c0-.5-.5-1-1-1zm-1 0h-3v-1.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V16z\"></path><path d=\"M15.5 14.5c0-2.8 2.2-5 5-5 .4 0 .7 0 1 .1L23.6 7c-.4-.3-4.9-4-11.6-4C5.3 3 .8 6.7.4 7L12 21.5l3.5-4.3v-2.7z\" opacity=\".3\"></path><path d=\"M4.8 12.5l7.2 9 3.5-4.4v-2.6c0-1.3.5-2.5 1.4-3.4C15.6 10.5 14 10 12 10c-4.1 0-6.8 2.2-7.2 2.5z\"></path></g>\n<g id=\"signal-wifi-3-bar\"><path fill-opacity=\".3\" d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path><path d=\"M3.53 10.95l8.46 10.54.01.01.01-.01 8.46-10.54C20.04 10.62 16.81 8 12 8c-4.81 0-8.04 2.62-8.47 2.95z\"></path></g>\n<g id=\"signal-wifi-3-bar-lock\"><path opacity=\".3\" d=\"M12 3C5.3 3 .8 6.7.4 7l3.2 3.9L12 21.5l3.5-4.3v-2.6c0-2.2 1.4-4 3.3-4.7.3-.1.5-.2.8-.2.3-.1.6-.1.9-.1.4 0 .7 0 1 .1L23.6 7c-.4-.3-4.9-4-11.6-4z\"></path><path d=\"M23 16v-1.5c0-1.4-1.1-2.5-2.5-2.5S18 13.1 18 14.5V16c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h5c.5 0 1-.5 1-1v-4c0-.5-.5-1-1-1zm-1 0h-3v-1.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V16zm-10 5.5l3.5-4.3v-2.6c0-2.2 1.4-4 3.3-4.7C17.3 9 14.9 8 12 8c-4.8 0-8 2.6-8.5 2.9\"></path></g>\n<g id=\"signal-wifi-4-bar\"><path d=\"M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z\"></path></g>\n<g id=\"signal-wifi-4-bar-lock\"><path d=\"M23 16v-1.5c0-1.4-1.1-2.5-2.5-2.5S18 13.1 18 14.5V16c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h5c.5 0 1-.5 1-1v-4c0-.5-.5-1-1-1zm-1 0h-3v-1.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V16zm-6.5-1.5c0-2.8 2.2-5 5-5 .4 0 .7 0 1 .1L23.6 7c-.4-.3-4.9-4-11.6-4C5.3 3 .8 6.7.4 7L12 21.5l3.5-4.4v-2.6z\"></path></g>\n<g id=\"signal-wifi-off\"><path d=\"M23.64 7c-.45-.34-4.93-4-11.64-4-1.5 0-2.89.19-4.15.48L18.18 13.8 23.64 7zm-6.6 8.22L3.27 1.44 2 2.72l2.05 2.06C1.91 5.76.59 6.82.36 7l11.63 14.49.01.01.01-.01 3.9-4.86 3.32 3.32 1.27-1.27-3.46-3.46z\"></path></g>\n<g id=\"storage\"><path d=\"M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z\"></path></g>\n<g id=\"usb\"><path d=\"M15 7v4h1v2h-3V5h2l-3-4-3 4h2v8H8v-2.07c.7-.37 1.2-1.08 1.2-1.93 0-1.21-.99-2.2-2.2-2.2-1.21 0-2.2.99-2.2 2.2 0 .85.5 1.56 1.2 1.93V13c0 1.11.89 2 2 2h3v3.05c-.71.37-1.2 1.1-1.2 1.95 0 1.22.99 2.2 2.2 2.2 1.21 0 2.2-.98 2.2-2.2 0-.85-.49-1.58-1.2-1.95V15h3c1.11 0 2-.89 2-2v-2h1V7h-4z\"></path></g>\n<g id=\"wallpaper\"><path d=\"M4 4h7V2H4c-1.1 0-2 .9-2 2v7h2V4zm6 9l-4 5h12l-3-4-2.03 2.71L10 13zm7-4.5c0-.83-.67-1.5-1.5-1.5S14 7.67 14 8.5s.67 1.5 1.5 1.5S17 9.33 17 8.5zM20 2h-7v2h7v7h2V4c0-1.1-.9-2-2-2zm0 18h-7v2h7c1.1 0 2-.9 2-2v-7h-2v7zM4 13H2v7c0 1.1.9 2 2 2h7v-2H4v-7z\"></path></g>\n<g id=\"widgets\"><path d=\"M13 13v8h8v-8h-8zM3 21h8v-8H3v8zM3 3v8h8V3H3zm13.66-1.31L11 7.34 16.66 13l5.66-5.66-5.66-5.65z\"></path></g>\n<g id=\"wifi-lock\"><path d=\"M20.5 9.5c.28 0 .55.04.81.08L24 6c-3.34-2.51-7.5-4-12-4S3.34 3.49 0 6l12 16 3.5-4.67V14.5c0-2.76 2.24-5 5-5zM23 16v-1.5c0-1.38-1.12-2.5-2.5-2.5S18 13.12 18 14.5V16c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h5c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1zm-1 0h-3v-1.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V16z\"></path></g>\n<g id=\"wifi-tethering\"><path d=\"M12 11c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 2c0-3.31-2.69-6-6-6s-6 2.69-6 6c0 2.22 1.21 4.15 3 5.19l1-1.74c-1.19-.7-2-1.97-2-3.45 0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.48-.81 2.75-2 3.45l1 1.74c1.79-1.04 3-2.97 3-5.19zM12 3C6.48 3 2 7.48 2 13c0 3.7 2.01 6.92 4.99 8.65l1-1.73C5.61 18.53 4 15.96 4 13c0-4.42 3.58-8 8-8s8 3.58 8 8c0 2.96-1.61 5.53-4 6.92l1 1.73c2.99-1.73 5-4.95 5-8.65 0-5.52-4.48-10-10-10z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-icons/editor-icons.js b/build/es5-amd/node_modules/@polymer/iron-icons/editor-icons.js
index 48902d9c864..5d0319736ac 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icons/editor-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icons/editor-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_91219c701f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d164df01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_91219c701f0511ed8cc3e9a95995ad69 || (_templateObject_91219c701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"editor\" size=\"24\">\n<svg><defs>\n<g id=\"attach-file\"><path d=\"M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z\"></path></g>\n<g id=\"attach-money\"><path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"></path></g>\n<g id=\"border-all\"><path d=\"M3 3v18h18V3H3zm8 16H5v-6h6v6zm0-8H5V5h6v6zm8 8h-6v-6h6v6zm0-8h-6V5h6v6z\"></path></g>\n<g id=\"border-bottom\"><path d=\"M9 11H7v2h2v-2zm4 4h-2v2h2v-2zM9 3H7v2h2V3zm4 8h-2v2h2v-2zM5 3H3v2h2V3zm8 4h-2v2h2V7zm4 4h-2v2h2v-2zm-4-8h-2v2h2V3zm4 0h-2v2h2V3zm2 10h2v-2h-2v2zm0 4h2v-2h-2v2zM5 7H3v2h2V7zm14-4v2h2V3h-2zm0 6h2V7h-2v2zM5 11H3v2h2v-2zM3 21h18v-2H3v2zm2-6H3v2h2v-2z\"></path></g>\n<g id=\"border-clear\"><path d=\"M7 5h2V3H7v2zm0 8h2v-2H7v2zm0 8h2v-2H7v2zm4-4h2v-2h-2v2zm0 4h2v-2h-2v2zm-8 0h2v-2H3v2zm0-4h2v-2H3v2zm0-4h2v-2H3v2zm0-4h2V7H3v2zm0-4h2V3H3v2zm8 8h2v-2h-2v2zm8 4h2v-2h-2v2zm0-4h2v-2h-2v2zm0 8h2v-2h-2v2zm0-12h2V7h-2v2zm-8 0h2V7h-2v2zm8-6v2h2V3h-2zm-8 2h2V3h-2v2zm4 16h2v-2h-2v2zm0-8h2v-2h-2v2zm0-8h2V3h-2v2z\"></path></g>\n<g id=\"border-color\"><path d=\"M17.75 7L14 3.25l-10 10V17h3.75l10-10zm2.96-2.96c.39-.39.39-1.02 0-1.41L18.37.29c-.39-.39-1.02-.39-1.41 0L15 2.25 18.75 6l1.96-1.96z\"></path><path fill-opacity=\".36\" d=\"M0 20h24v4H0z\"></path></g>\n<g id=\"border-horizontal\"><path d=\"M3 21h2v-2H3v2zM5 7H3v2h2V7zM3 17h2v-2H3v2zm4 4h2v-2H7v2zM5 3H3v2h2V3zm4 0H7v2h2V3zm8 0h-2v2h2V3zm-4 4h-2v2h2V7zm0-4h-2v2h2V3zm6 14h2v-2h-2v2zm-8 4h2v-2h-2v2zm-8-8h18v-2H3v2zM19 3v2h2V3h-2zm0 6h2V7h-2v2zm-8 8h2v-2h-2v2zm4 4h2v-2h-2v2zm4 0h2v-2h-2v2z\"></path></g>\n<g id=\"border-inner\"><path d=\"M3 21h2v-2H3v2zm4 0h2v-2H7v2zM5 7H3v2h2V7zM3 17h2v-2H3v2zM9 3H7v2h2V3zM5 3H3v2h2V3zm12 0h-2v2h2V3zm2 6h2V7h-2v2zm0-6v2h2V3h-2zm-4 18h2v-2h-2v2zM13 3h-2v8H3v2h8v8h2v-8h8v-2h-8V3zm6 18h2v-2h-2v2zm0-4h2v-2h-2v2z\"></path></g>\n<g id=\"border-left\"><path d=\"M11 21h2v-2h-2v2zm0-4h2v-2h-2v2zm0-12h2V3h-2v2zm0 4h2V7h-2v2zm0 4h2v-2h-2v2zm-4 8h2v-2H7v2zM7 5h2V3H7v2zm0 8h2v-2H7v2zm-4 8h2V3H3v18zM19 9h2V7h-2v2zm-4 12h2v-2h-2v2zm4-4h2v-2h-2v2zm0-14v2h2V3h-2zm0 10h2v-2h-2v2zm0 8h2v-2h-2v2zm-4-8h2v-2h-2v2zm0-8h2V3h-2v2z\"></path></g>\n<g id=\"border-outer\"><path d=\"M13 7h-2v2h2V7zm0 4h-2v2h2v-2zm4 0h-2v2h2v-2zM3 3v18h18V3H3zm16 16H5V5h14v14zm-6-4h-2v2h2v-2zm-4-4H7v2h2v-2z\"></path></g>\n<g id=\"border-right\"><path d=\"M7 21h2v-2H7v2zM3 5h2V3H3v2zm4 0h2V3H7v2zm0 8h2v-2H7v2zm-4 8h2v-2H3v2zm8 0h2v-2h-2v2zm-8-8h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm8 8h2v-2h-2v2zm4-4h2v-2h-2v2zm4-10v18h2V3h-2zm-4 18h2v-2h-2v2zm0-16h2V3h-2v2zm-4 8h2v-2h-2v2zm0-8h2V3h-2v2zm0 4h2V7h-2v2z\"></path></g>\n<g id=\"border-style\"><path d=\"M15 21h2v-2h-2v2zm4 0h2v-2h-2v2zM7 21h2v-2H7v2zm4 0h2v-2h-2v2zm8-4h2v-2h-2v2zm0-4h2v-2h-2v2zM3 3v18h2V5h16V3H3zm16 6h2V7h-2v2z\"></path></g>\n<g id=\"border-top\"><path d=\"M7 21h2v-2H7v2zm0-8h2v-2H7v2zm4 0h2v-2h-2v2zm0 8h2v-2h-2v2zm-8-4h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2v-2H3v2zm0-4h2V7H3v2zm8 8h2v-2h-2v2zm8-8h2V7h-2v2zm0 4h2v-2h-2v2zM3 3v2h18V3H3zm16 14h2v-2h-2v2zm-4 4h2v-2h-2v2zM11 9h2V7h-2v2zm8 12h2v-2h-2v2zm-4-8h2v-2h-2v2z\"></path></g>\n<g id=\"border-vertical\"><path d=\"M3 9h2V7H3v2zm0-4h2V3H3v2zm4 16h2v-2H7v2zm0-8h2v-2H7v2zm-4 0h2v-2H3v2zm0 8h2v-2H3v2zm0-4h2v-2H3v2zM7 5h2V3H7v2zm12 12h2v-2h-2v2zm-8 4h2V3h-2v18zm8 0h2v-2h-2v2zm0-8h2v-2h-2v2zm0-10v2h2V3h-2zm0 6h2V7h-2v2zm-4-4h2V3h-2v2zm0 16h2v-2h-2v2zm0-8h2v-2h-2v2z\"></path></g>\n<g id=\"bubble-chart\"><circle cx=\"7.2\" cy=\"14.4\" r=\"3.2\"></circle><circle cx=\"14.8\" cy=\"18\" r=\"2\"></circle><circle cx=\"15.2\" cy=\"8.8\" r=\"4.8\"></circle></g>\n<g id=\"drag-handle\"><path d=\"M20 9H4v2h16V9zM4 15h16v-2H4v2z\"></path></g>\n<g id=\"format-align-center\"><path d=\"M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z\"></path></g>\n<g id=\"format-align-justify\"><path d=\"M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z\"></path></g>\n<g id=\"format-align-left\"><path d=\"M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z\"></path></g>\n<g id=\"format-align-right\"><path d=\"M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z\"></path></g>\n<g id=\"format-bold\"><path d=\"M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"format-clear\"><path d=\"M3.27 5L2 6.27l6.97 6.97L6.5 19h3l1.57-3.66L16.73 21 18 19.73 3.55 5.27 3.27 5zM6 5v.18L8.82 8h2.4l-.72 1.68 2.1 2.1L14.21 8H20V5H6z\"></path></g>\n<g id=\"format-color-fill\"><path d=\"M16.56 8.94L7.62 0 6.21 1.41l2.38 2.38-5.15 5.15c-.59.59-.59 1.54 0 2.12l5.5 5.5c.29.29.68.44 1.06.44s.77-.15 1.06-.44l5.5-5.5c.59-.58.59-1.53 0-2.12zM5.21 10L10 5.21 14.79 10H5.21zM19 11.5s-2 2.17-2 3.5c0 1.1.9 2 2 2s2-.9 2-2c0-1.33-2-3.5-2-3.5z\"></path><path fill-opacity=\".36\" d=\"M0 20h24v4H0z\"></path></g>\n<g id=\"format-color-reset\"><path d=\"M18 14c0-4-6-10.8-6-10.8s-1.33 1.51-2.73 3.52l8.59 8.59c.09-.42.14-.86.14-1.31zm-.88 3.12L12.5 12.5 5.27 5.27 4 6.55l3.32 3.32C6.55 11.32 6 12.79 6 14c0 3.31 2.69 6 6 6 1.52 0 2.9-.57 3.96-1.5l2.63 2.63 1.27-1.27-2.74-2.74z\"></path></g>\n<g id=\"format-color-text\"><path fill-opacity=\".36\" d=\"M0 20h24v4H0z\"></path><path d=\"M11 3L5.5 17h2.25l1.12-3h6.25l1.12 3h2.25L13 3h-2zm-1.38 9L12 5.67 14.38 12H9.62z\"></path></g>\n<g id=\"format-indent-decrease\"><path d=\"M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z\"></path></g>\n<g id=\"format-indent-increase\"><path d=\"M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z\"></path></g>\n<g id=\"format-italic\"><path d=\"M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z\"></path></g>\n<g id=\"format-line-spacing\"><path d=\"M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm4-2v2h12V5H10zm0 14h12v-2H10v2zm0-6h12v-2H10v2z\"></path></g>\n<g id=\"format-list-bulleted\"><path d=\"M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z\"></path></g>\n<g id=\"format-list-numbered\"><path d=\"M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z\"></path></g>\n<g id=\"format-paint\"><path d=\"M18 4V3c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6h1v4H9v11c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-9h8V4h-3z\"></path></g>\n<g id=\"format-quote\"><path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"></path></g>\n<g id=\"format-shapes\"><path d=\"M23 7V1h-6v2H7V1H1v6h2v10H1v6h6v-2h10v2h6v-6h-2V7h2zM3 3h2v2H3V3zm2 18H3v-2h2v2zm12-2H7v-2H5V7h2V5h10v2h2v10h-2v2zm4 2h-2v-2h2v2zM19 5V3h2v2h-2zm-5.27 9h-3.49l-.73 2H7.89l3.4-9h1.4l3.41 9h-1.63l-.74-2zm-3.04-1.26h2.61L12 8.91l-1.31 3.83z\"></path></g>\n<g id=\"format-size\"><path d=\"M9 4v3h5v12h3V7h5V4H9zm-6 8h3v7h3v-7h3V9H3v3z\"></path></g>\n<g id=\"format-strikethrough\"><path d=\"M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z\"></path></g>\n<g id=\"format-textdirection-l-to-r\"><path d=\"M9 10v5h2V4h2v11h2V4h2V2H9C6.79 2 5 3.79 5 6s1.79 4 4 4zm12 8l-4-4v3H5v2h12v3l4-4z\"></path></g>\n<g id=\"format-textdirection-r-to-l\"><path d=\"M10 10v5h2V4h2v11h2V4h2V2h-8C7.79 2 6 3.79 6 6s1.79 4 4 4zm-2 7v-3l-4 4 4 4v-3h12v-2H8z\"></path></g>\n<g id=\"format-underlined\"><path d=\"M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z\"></path></g>\n<g id=\"functions\"><path d=\"M18 4H6v2l6.5 6L6 18v2h12v-3h-7l5-5-5-5h7z\"></path></g>\n<g id=\"highlight\"><path d=\"M6 14l3 3v5h6v-5l3-3V9H6zm5-12h2v3h-2zM3.5 5.875L4.914 4.46l2.12 2.122L5.62 7.997zm13.46.71l2.123-2.12 1.414 1.414L18.375 8z\"></path></g>\n<g id=\"insert-chart\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"></path></g>\n<g id=\"insert-comment\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"></path></g>\n<g id=\"insert-drive-file\"><path d=\"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z\"></path></g>\n<g id=\"insert-emoticon\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\"></path></g>\n<g id=\"insert-invitation\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"></path></g>\n<g id=\"insert-link\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"></path></g>\n<g id=\"insert-photo\"><path d=\"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z\"></path></g>\n<g id=\"linear-scale\"><path d=\"M19.5 9.5c-1.03 0-1.9.62-2.29 1.5h-2.92c-.39-.88-1.26-1.5-2.29-1.5s-1.9.62-2.29 1.5H6.79c-.39-.88-1.26-1.5-2.29-1.5C3.12 9.5 2 10.62 2 12s1.12 2.5 2.5 2.5c1.03 0 1.9-.62 2.29-1.5h2.92c.39.88 1.26 1.5 2.29 1.5s1.9-.62 2.29-1.5h2.92c.39.88 1.26 1.5 2.29 1.5 1.38 0 2.5-1.12 2.5-2.5s-1.12-2.5-2.5-2.5z\"></path></g>\n<g id=\"merge-type\"><path d=\"M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z\"></path></g>\n<g id=\"mode-comment\"><path d=\"M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z\"></path></g>\n<g id=\"mode-edit\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path></g>\n<g id=\"monetization-on\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z\"></path></g>\n<g id=\"money-off\"><path d=\"M12.5 6.9c1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-.53.12-1.03.3-1.48.54l1.47 1.47c.41-.17.91-.27 1.51-.27zM5.33 4.06L4.06 5.33 7.5 8.77c0 2.08 1.56 3.21 3.91 3.91l3.51 3.51c-.34.48-1.05.91-2.42.91-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c.96-.18 1.82-.55 2.45-1.12l2.22 2.22 1.27-1.27L5.33 4.06z\"></path></g>\n<g id=\"multiline-chart\"><path d=\"M22 6.92l-1.41-1.41-2.85 3.21C15.68 6.4 12.83 5 9.61 5 6.72 5 4.07 6.16 2 8l1.42 1.42C5.12 7.93 7.27 7 9.61 7c2.74 0 5.09 1.26 6.77 3.24l-2.88 3.24-4-4L2 16.99l1.5 1.5 6-6.01 4 4 4.05-4.55c.75 1.35 1.25 2.9 1.44 4.55H21c-.22-2.3-.95-4.39-2.04-6.14L22 6.92z\"></path></g>\n<g id=\"pie-chart\"><path d=\"M11 2v20c-5.07-.5-9-4.79-9-10s3.93-9.5 9-10zm2.03 0v8.99H22c-.47-4.74-4.24-8.52-8.97-8.99zm0 11.01V22c4.74-.47 8.5-4.25 8.97-8.99h-8.97z\"></path></g>\n<g id=\"pie-chart-outlined\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 2.07c3.61.45 6.48 3.33 6.93 6.93H13V4.07zM4 12c0-4.06 3.07-7.44 7-7.93v15.87c-3.93-.5-7-3.88-7-7.94zm9 7.93V13h6.93c-.45 3.61-3.32 6.48-6.93 6.93z\"></path></g>\n<g id=\"publish\"><path d=\"M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z\"></path></g>\n<g id=\"short-text\"><path d=\"M4 9h16v2H4zm0 4h10v2H4z\"></path></g>\n<g id=\"show-chart\"><path d=\"M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z\"></path></g>\n<g id=\"space-bar\"><path d=\"M18 9v4H6V9H4v6h16V9z\"></path></g>\n<g id=\"strikethrough-s\"><path d=\"M7.24 8.75c-.26-.48-.39-1.03-.39-1.67 0-.61.13-1.16.4-1.67.26-.5.63-.93 1.11-1.29.48-.35 1.05-.63 1.7-.83.66-.19 1.39-.29 2.18-.29.81 0 1.54.11 2.21.34.66.22 1.23.54 1.69.94.47.4.83.88 1.08 1.43.25.55.38 1.15.38 1.81h-3.01c0-.31-.05-.59-.15-.85-.09-.27-.24-.49-.44-.68-.2-.19-.45-.33-.75-.44-.3-.1-.66-.16-1.06-.16-.39 0-.74.04-1.03.13-.29.09-.53.21-.72.36-.19.16-.34.34-.44.55-.1.21-.15.43-.15.66 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.05-.08-.11-.17-.15-.25zM21 12v-2H3v2h9.62c.18.07.4.14.55.2.37.17.66.34.87.51.21.17.35.36.43.57.07.2.11.43.11.69 0 .23-.05.45-.14.66-.09.2-.23.38-.42.53-.19.15-.42.26-.71.35-.29.08-.63.13-1.01.13-.43 0-.83-.04-1.18-.13s-.66-.23-.91-.42c-.25-.19-.45-.44-.59-.75-.14-.31-.25-.76-.25-1.21H6.4c0 .55.08 1.13.24 1.58.16.45.37.85.65 1.21.28.35.6.66.98.92.37.26.78.48 1.22.65.44.17.9.3 1.38.39.48.08.96.13 1.44.13.8 0 1.53-.09 2.18-.28s1.21-.45 1.67-.79c.46-.34.82-.77 1.07-1.27s.38-1.07.38-1.71c0-.6-.1-1.14-.31-1.61-.05-.11-.11-.23-.17-.33H21z\"></path></g>\n<g id=\"text-fields\"><path d=\"M2.5 4v3h5v12h3V7h5V4h-13zm19 5h-9v3h3v7h3v-7h3V9z\"></path></g>\n<g id=\"title\"><path d=\"M5 4v3h5.5v12h3V7H19V4z\"></path></g>\n<g id=\"vertical-align-bottom\"><path d=\"M16 13h-3V3h-2v10H8l4 4 4-4zM4 19v2h16v-2H4z\"></path></g>\n<g id=\"vertical-align-center\"><path d=\"M8 19h3v4h2v-4h3l-4-4-4 4zm8-14h-3V1h-2v4H8l4 4 4-4zM4 11v2h16v-2H4z\"></path></g>\n<g id=\"vertical-align-top\"><path d=\"M8 11h3v10h2V11h3l-4-4-4 4zM4 3v2h16V3H4z\"></path></g>\n<g id=\"wrap-text\"><path d=\"M4 19h6v-2H4v2zM20 5H4v2h16V5zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3 3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d164df01f2611eda0c389891c227ec8 || (_templateObject_6d164df01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"editor\" size=\"24\">\n<svg><defs>\n<g id=\"attach-file\"><path d=\"M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z\"></path></g>\n<g id=\"attach-money\"><path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"></path></g>\n<g id=\"border-all\"><path d=\"M3 3v18h18V3H3zm8 16H5v-6h6v6zm0-8H5V5h6v6zm8 8h-6v-6h6v6zm0-8h-6V5h6v6z\"></path></g>\n<g id=\"border-bottom\"><path d=\"M9 11H7v2h2v-2zm4 4h-2v2h2v-2zM9 3H7v2h2V3zm4 8h-2v2h2v-2zM5 3H3v2h2V3zm8 4h-2v2h2V7zm4 4h-2v2h2v-2zm-4-8h-2v2h2V3zm4 0h-2v2h2V3zm2 10h2v-2h-2v2zm0 4h2v-2h-2v2zM5 7H3v2h2V7zm14-4v2h2V3h-2zm0 6h2V7h-2v2zM5 11H3v2h2v-2zM3 21h18v-2H3v2zm2-6H3v2h2v-2z\"></path></g>\n<g id=\"border-clear\"><path d=\"M7 5h2V3H7v2zm0 8h2v-2H7v2zm0 8h2v-2H7v2zm4-4h2v-2h-2v2zm0 4h2v-2h-2v2zm-8 0h2v-2H3v2zm0-4h2v-2H3v2zm0-4h2v-2H3v2zm0-4h2V7H3v2zm0-4h2V3H3v2zm8 8h2v-2h-2v2zm8 4h2v-2h-2v2zm0-4h2v-2h-2v2zm0 8h2v-2h-2v2zm0-12h2V7h-2v2zm-8 0h2V7h-2v2zm8-6v2h2V3h-2zm-8 2h2V3h-2v2zm4 16h2v-2h-2v2zm0-8h2v-2h-2v2zm0-8h2V3h-2v2z\"></path></g>\n<g id=\"border-color\"><path d=\"M17.75 7L14 3.25l-10 10V17h3.75l10-10zm2.96-2.96c.39-.39.39-1.02 0-1.41L18.37.29c-.39-.39-1.02-.39-1.41 0L15 2.25 18.75 6l1.96-1.96z\"></path><path fill-opacity=\".36\" d=\"M0 20h24v4H0z\"></path></g>\n<g id=\"border-horizontal\"><path d=\"M3 21h2v-2H3v2zM5 7H3v2h2V7zM3 17h2v-2H3v2zm4 4h2v-2H7v2zM5 3H3v2h2V3zm4 0H7v2h2V3zm8 0h-2v2h2V3zm-4 4h-2v2h2V7zm0-4h-2v2h2V3zm6 14h2v-2h-2v2zm-8 4h2v-2h-2v2zm-8-8h18v-2H3v2zM19 3v2h2V3h-2zm0 6h2V7h-2v2zm-8 8h2v-2h-2v2zm4 4h2v-2h-2v2zm4 0h2v-2h-2v2z\"></path></g>\n<g id=\"border-inner\"><path d=\"M3 21h2v-2H3v2zm4 0h2v-2H7v2zM5 7H3v2h2V7zM3 17h2v-2H3v2zM9 3H7v2h2V3zM5 3H3v2h2V3zm12 0h-2v2h2V3zm2 6h2V7h-2v2zm0-6v2h2V3h-2zm-4 18h2v-2h-2v2zM13 3h-2v8H3v2h8v8h2v-8h8v-2h-8V3zm6 18h2v-2h-2v2zm0-4h2v-2h-2v2z\"></path></g>\n<g id=\"border-left\"><path d=\"M11 21h2v-2h-2v2zm0-4h2v-2h-2v2zm0-12h2V3h-2v2zm0 4h2V7h-2v2zm0 4h2v-2h-2v2zm-4 8h2v-2H7v2zM7 5h2V3H7v2zm0 8h2v-2H7v2zm-4 8h2V3H3v18zM19 9h2V7h-2v2zm-4 12h2v-2h-2v2zm4-4h2v-2h-2v2zm0-14v2h2V3h-2zm0 10h2v-2h-2v2zm0 8h2v-2h-2v2zm-4-8h2v-2h-2v2zm0-8h2V3h-2v2z\"></path></g>\n<g id=\"border-outer\"><path d=\"M13 7h-2v2h2V7zm0 4h-2v2h2v-2zm4 0h-2v2h2v-2zM3 3v18h18V3H3zm16 16H5V5h14v14zm-6-4h-2v2h2v-2zm-4-4H7v2h2v-2z\"></path></g>\n<g id=\"border-right\"><path d=\"M7 21h2v-2H7v2zM3 5h2V3H3v2zm4 0h2V3H7v2zm0 8h2v-2H7v2zm-4 8h2v-2H3v2zm8 0h2v-2h-2v2zm-8-8h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm8 8h2v-2h-2v2zm4-4h2v-2h-2v2zm4-10v18h2V3h-2zm-4 18h2v-2h-2v2zm0-16h2V3h-2v2zm-4 8h2v-2h-2v2zm0-8h2V3h-2v2zm0 4h2V7h-2v2z\"></path></g>\n<g id=\"border-style\"><path d=\"M15 21h2v-2h-2v2zm4 0h2v-2h-2v2zM7 21h2v-2H7v2zm4 0h2v-2h-2v2zm8-4h2v-2h-2v2zm0-4h2v-2h-2v2zM3 3v18h2V5h16V3H3zm16 6h2V7h-2v2z\"></path></g>\n<g id=\"border-top\"><path d=\"M7 21h2v-2H7v2zm0-8h2v-2H7v2zm4 0h2v-2h-2v2zm0 8h2v-2h-2v2zm-8-4h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2v-2H3v2zm0-4h2V7H3v2zm8 8h2v-2h-2v2zm8-8h2V7h-2v2zm0 4h2v-2h-2v2zM3 3v2h18V3H3zm16 14h2v-2h-2v2zm-4 4h2v-2h-2v2zM11 9h2V7h-2v2zm8 12h2v-2h-2v2zm-4-8h2v-2h-2v2z\"></path></g>\n<g id=\"border-vertical\"><path d=\"M3 9h2V7H3v2zm0-4h2V3H3v2zm4 16h2v-2H7v2zm0-8h2v-2H7v2zm-4 0h2v-2H3v2zm0 8h2v-2H3v2zm0-4h2v-2H3v2zM7 5h2V3H7v2zm12 12h2v-2h-2v2zm-8 4h2V3h-2v18zm8 0h2v-2h-2v2zm0-8h2v-2h-2v2zm0-10v2h2V3h-2zm0 6h2V7h-2v2zm-4-4h2V3h-2v2zm0 16h2v-2h-2v2zm0-8h2v-2h-2v2z\"></path></g>\n<g id=\"bubble-chart\"><circle cx=\"7.2\" cy=\"14.4\" r=\"3.2\"></circle><circle cx=\"14.8\" cy=\"18\" r=\"2\"></circle><circle cx=\"15.2\" cy=\"8.8\" r=\"4.8\"></circle></g>\n<g id=\"drag-handle\"><path d=\"M20 9H4v2h16V9zM4 15h16v-2H4v2z\"></path></g>\n<g id=\"format-align-center\"><path d=\"M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z\"></path></g>\n<g id=\"format-align-justify\"><path d=\"M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z\"></path></g>\n<g id=\"format-align-left\"><path d=\"M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z\"></path></g>\n<g id=\"format-align-right\"><path d=\"M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z\"></path></g>\n<g id=\"format-bold\"><path d=\"M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"format-clear\"><path d=\"M3.27 5L2 6.27l6.97 6.97L6.5 19h3l1.57-3.66L16.73 21 18 19.73 3.55 5.27 3.27 5zM6 5v.18L8.82 8h2.4l-.72 1.68 2.1 2.1L14.21 8H20V5H6z\"></path></g>\n<g id=\"format-color-fill\"><path d=\"M16.56 8.94L7.62 0 6.21 1.41l2.38 2.38-5.15 5.15c-.59.59-.59 1.54 0 2.12l5.5 5.5c.29.29.68.44 1.06.44s.77-.15 1.06-.44l5.5-5.5c.59-.58.59-1.53 0-2.12zM5.21 10L10 5.21 14.79 10H5.21zM19 11.5s-2 2.17-2 3.5c0 1.1.9 2 2 2s2-.9 2-2c0-1.33-2-3.5-2-3.5z\"></path><path fill-opacity=\".36\" d=\"M0 20h24v4H0z\"></path></g>\n<g id=\"format-color-reset\"><path d=\"M18 14c0-4-6-10.8-6-10.8s-1.33 1.51-2.73 3.52l8.59 8.59c.09-.42.14-.86.14-1.31zm-.88 3.12L12.5 12.5 5.27 5.27 4 6.55l3.32 3.32C6.55 11.32 6 12.79 6 14c0 3.31 2.69 6 6 6 1.52 0 2.9-.57 3.96-1.5l2.63 2.63 1.27-1.27-2.74-2.74z\"></path></g>\n<g id=\"format-color-text\"><path fill-opacity=\".36\" d=\"M0 20h24v4H0z\"></path><path d=\"M11 3L5.5 17h2.25l1.12-3h6.25l1.12 3h2.25L13 3h-2zm-1.38 9L12 5.67 14.38 12H9.62z\"></path></g>\n<g id=\"format-indent-decrease\"><path d=\"M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z\"></path></g>\n<g id=\"format-indent-increase\"><path d=\"M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z\"></path></g>\n<g id=\"format-italic\"><path d=\"M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z\"></path></g>\n<g id=\"format-line-spacing\"><path d=\"M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm4-2v2h12V5H10zm0 14h12v-2H10v2zm0-6h12v-2H10v2z\"></path></g>\n<g id=\"format-list-bulleted\"><path d=\"M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z\"></path></g>\n<g id=\"format-list-numbered\"><path d=\"M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z\"></path></g>\n<g id=\"format-paint\"><path d=\"M18 4V3c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6h1v4H9v11c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-9h8V4h-3z\"></path></g>\n<g id=\"format-quote\"><path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"></path></g>\n<g id=\"format-shapes\"><path d=\"M23 7V1h-6v2H7V1H1v6h2v10H1v6h6v-2h10v2h6v-6h-2V7h2zM3 3h2v2H3V3zm2 18H3v-2h2v2zm12-2H7v-2H5V7h2V5h10v2h2v10h-2v2zm4 2h-2v-2h2v2zM19 5V3h2v2h-2zm-5.27 9h-3.49l-.73 2H7.89l3.4-9h1.4l3.41 9h-1.63l-.74-2zm-3.04-1.26h2.61L12 8.91l-1.31 3.83z\"></path></g>\n<g id=\"format-size\"><path d=\"M9 4v3h5v12h3V7h5V4H9zm-6 8h3v7h3v-7h3V9H3v3z\"></path></g>\n<g id=\"format-strikethrough\"><path d=\"M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z\"></path></g>\n<g id=\"format-textdirection-l-to-r\"><path d=\"M9 10v5h2V4h2v11h2V4h2V2H9C6.79 2 5 3.79 5 6s1.79 4 4 4zm12 8l-4-4v3H5v2h12v3l4-4z\"></path></g>\n<g id=\"format-textdirection-r-to-l\"><path d=\"M10 10v5h2V4h2v11h2V4h2V2h-8C7.79 2 6 3.79 6 6s1.79 4 4 4zm-2 7v-3l-4 4 4 4v-3h12v-2H8z\"></path></g>\n<g id=\"format-underlined\"><path d=\"M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z\"></path></g>\n<g id=\"functions\"><path d=\"M18 4H6v2l6.5 6L6 18v2h12v-3h-7l5-5-5-5h7z\"></path></g>\n<g id=\"highlight\"><path d=\"M6 14l3 3v5h6v-5l3-3V9H6zm5-12h2v3h-2zM3.5 5.875L4.914 4.46l2.12 2.122L5.62 7.997zm13.46.71l2.123-2.12 1.414 1.414L18.375 8z\"></path></g>\n<g id=\"insert-chart\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"></path></g>\n<g id=\"insert-comment\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"></path></g>\n<g id=\"insert-drive-file\"><path d=\"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z\"></path></g>\n<g id=\"insert-emoticon\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\"></path></g>\n<g id=\"insert-invitation\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"></path></g>\n<g id=\"insert-link\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"></path></g>\n<g id=\"insert-photo\"><path d=\"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z\"></path></g>\n<g id=\"linear-scale\"><path d=\"M19.5 9.5c-1.03 0-1.9.62-2.29 1.5h-2.92c-.39-.88-1.26-1.5-2.29-1.5s-1.9.62-2.29 1.5H6.79c-.39-.88-1.26-1.5-2.29-1.5C3.12 9.5 2 10.62 2 12s1.12 2.5 2.5 2.5c1.03 0 1.9-.62 2.29-1.5h2.92c.39.88 1.26 1.5 2.29 1.5s1.9-.62 2.29-1.5h2.92c.39.88 1.26 1.5 2.29 1.5 1.38 0 2.5-1.12 2.5-2.5s-1.12-2.5-2.5-2.5z\"></path></g>\n<g id=\"merge-type\"><path d=\"M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z\"></path></g>\n<g id=\"mode-comment\"><path d=\"M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z\"></path></g>\n<g id=\"mode-edit\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path></g>\n<g id=\"monetization-on\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z\"></path></g>\n<g id=\"money-off\"><path d=\"M12.5 6.9c1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-.53.12-1.03.3-1.48.54l1.47 1.47c.41-.17.91-.27 1.51-.27zM5.33 4.06L4.06 5.33 7.5 8.77c0 2.08 1.56 3.21 3.91 3.91l3.51 3.51c-.34.48-1.05.91-2.42.91-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c.96-.18 1.82-.55 2.45-1.12l2.22 2.22 1.27-1.27L5.33 4.06z\"></path></g>\n<g id=\"multiline-chart\"><path d=\"M22 6.92l-1.41-1.41-2.85 3.21C15.68 6.4 12.83 5 9.61 5 6.72 5 4.07 6.16 2 8l1.42 1.42C5.12 7.93 7.27 7 9.61 7c2.74 0 5.09 1.26 6.77 3.24l-2.88 3.24-4-4L2 16.99l1.5 1.5 6-6.01 4 4 4.05-4.55c.75 1.35 1.25 2.9 1.44 4.55H21c-.22-2.3-.95-4.39-2.04-6.14L22 6.92z\"></path></g>\n<g id=\"pie-chart\"><path d=\"M11 2v20c-5.07-.5-9-4.79-9-10s3.93-9.5 9-10zm2.03 0v8.99H22c-.47-4.74-4.24-8.52-8.97-8.99zm0 11.01V22c4.74-.47 8.5-4.25 8.97-8.99h-8.97z\"></path></g>\n<g id=\"pie-chart-outlined\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 2.07c3.61.45 6.48 3.33 6.93 6.93H13V4.07zM4 12c0-4.06 3.07-7.44 7-7.93v15.87c-3.93-.5-7-3.88-7-7.94zm9 7.93V13h6.93c-.45 3.61-3.32 6.48-6.93 6.93z\"></path></g>\n<g id=\"publish\"><path d=\"M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z\"></path></g>\n<g id=\"short-text\"><path d=\"M4 9h16v2H4zm0 4h10v2H4z\"></path></g>\n<g id=\"show-chart\"><path d=\"M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z\"></path></g>\n<g id=\"space-bar\"><path d=\"M18 9v4H6V9H4v6h16V9z\"></path></g>\n<g id=\"strikethrough-s\"><path d=\"M7.24 8.75c-.26-.48-.39-1.03-.39-1.67 0-.61.13-1.16.4-1.67.26-.5.63-.93 1.11-1.29.48-.35 1.05-.63 1.7-.83.66-.19 1.39-.29 2.18-.29.81 0 1.54.11 2.21.34.66.22 1.23.54 1.69.94.47.4.83.88 1.08 1.43.25.55.38 1.15.38 1.81h-3.01c0-.31-.05-.59-.15-.85-.09-.27-.24-.49-.44-.68-.2-.19-.45-.33-.75-.44-.3-.1-.66-.16-1.06-.16-.39 0-.74.04-1.03.13-.29.09-.53.21-.72.36-.19.16-.34.34-.44.55-.1.21-.15.43-.15.66 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.05-.08-.11-.17-.15-.25zM21 12v-2H3v2h9.62c.18.07.4.14.55.2.37.17.66.34.87.51.21.17.35.36.43.57.07.2.11.43.11.69 0 .23-.05.45-.14.66-.09.2-.23.38-.42.53-.19.15-.42.26-.71.35-.29.08-.63.13-1.01.13-.43 0-.83-.04-1.18-.13s-.66-.23-.91-.42c-.25-.19-.45-.44-.59-.75-.14-.31-.25-.76-.25-1.21H6.4c0 .55.08 1.13.24 1.58.16.45.37.85.65 1.21.28.35.6.66.98.92.37.26.78.48 1.22.65.44.17.9.3 1.38.39.48.08.96.13 1.44.13.8 0 1.53-.09 2.18-.28s1.21-.45 1.67-.79c.46-.34.82-.77 1.07-1.27s.38-1.07.38-1.71c0-.6-.1-1.14-.31-1.61-.05-.11-.11-.23-.17-.33H21z\"></path></g>\n<g id=\"text-fields\"><path d=\"M2.5 4v3h5v12h3V7h5V4h-13zm19 5h-9v3h3v7h3v-7h3V9z\"></path></g>\n<g id=\"title\"><path d=\"M5 4v3h5.5v12h3V7H19V4z\"></path></g>\n<g id=\"vertical-align-bottom\"><path d=\"M16 13h-3V3h-2v10H8l4 4 4-4zM4 19v2h16v-2H4z\"></path></g>\n<g id=\"vertical-align-center\"><path d=\"M8 19h3v4h2v-4h3l-4-4-4 4zm8-14h-3V1h-2v4H8l4 4 4-4zM4 11v2h16v-2H4z\"></path></g>\n<g id=\"vertical-align-top\"><path d=\"M8 11h3v10h2V11h3l-4-4-4 4zM4 3v2h16V3H4z\"></path></g>\n<g id=\"wrap-text\"><path d=\"M4 19h6v-2H4v2zM20 5H4v2h16V5zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3 3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-icons/hardware-icons.js b/build/es5-amd/node_modules/@polymer/iron-icons/hardware-icons.js
index 123a50ce094..319fa5a9be1 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icons/hardware-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icons/hardware-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_9123bf501f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d19f7701f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9123bf501f0511ed8cc3e9a95995ad69 || (_templateObject_9123bf501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"hardware\" size=\"24\">\n<svg><defs>\n<g id=\"cast\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v3h2V5h18v14h-7v2h7c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm0-4v2c4.97 0 9 4.03 9 9h2c0-6.08-4.93-11-11-11z\"></path></g>\n<g id=\"cast-connected\"><path d=\"M1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm18-7H5v1.63c3.96 1.28 7.09 4.41 8.37 8.37H19V7zM1 10v2c4.97 0 9 4.03 9 9h2c0-6.08-4.93-11-11-11zm20-7H3c-1.1 0-2 .9-2 2v3h2V5h18v14h-7v2h7c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"computer\"><path d=\"M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z\"></path></g>\n<g id=\"desktop-mac\"><path d=\"M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7l-2 3v1h8v-1l-2-3h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 12H3V4h18v10z\"></path></g>\n<g id=\"desktop-windows\"><path d=\"M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z\"></path></g>\n<g id=\"developer-board\"><path d=\"M22 9V7h-2V5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-2h2v-2h-2v-2h2v-2h-2V9h2zm-4 10H4V5h14v14zM6 13h5v4H6zm6-6h4v3h-4zM6 7h5v5H6zm6 4h4v6h-4z\"></path></g>\n<g id=\"device-hub\"><path d=\"M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z\"></path></g>\n<g id=\"devices-other\"><path d=\"M3 6h18V4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4v-2H3V6zm10 6H9v1.78c-.61.55-1 1.33-1 2.22s.39 1.67 1 2.22V20h4v-1.78c.61-.55 1-1.34 1-2.22s-.39-1.67-1-2.22V12zm-2 5.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM22 8h-6c-.5 0-1 .5-1 1v10c0 .5.5 1 1 1h6c.5 0 1-.5 1-1V9c0-.5-.5-1-1-1zm-1 10h-4v-8h4v8z\"></path></g>\n<g id=\"dock\"><path d=\"M8 23h8v-2H8v2zm8-21.99L8 1c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM16 15H8V5h8v10z\"></path></g>\n<g id=\"gamepad\"><path d=\"M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z\"></path></g>\n<g id=\"headset\"><path d=\"M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z\"></path></g>\n<g id=\"headset-mic\"><path d=\"M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h4v1h-7v2h6c1.66 0 3-1.34 3-3V10c0-4.97-4.03-9-9-9z\"></path></g>\n<g id=\"keyboard\"><path d=\"M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z\"></path></g>\n<g id=\"keyboard-arrow-down\"><path d=\"M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z\"></path></g>\n<g id=\"keyboard-arrow-left\"><path d=\"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z\"></path></g>\n<g id=\"keyboard-arrow-right\"><path d=\"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z\"></path></g>\n<g id=\"keyboard-arrow-up\"><path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"></path></g>\n<g id=\"keyboard-backspace\"><path d=\"M21 11H6.83l3.58-3.59L9 6l-6 6 6 6 1.41-1.41L6.83 13H21z\"></path></g>\n<g id=\"keyboard-capslock\"><path d=\"M12 8.41L16.59 13 18 11.59l-6-6-6 6L7.41 13 12 8.41zM6 18h12v-2H6v2z\"></path></g>\n<g id=\"keyboard-hide\"><path d=\"M20 3H4c-1.1 0-1.99.9-1.99 2L2 15c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 3h2v2h-2V6zm0 3h2v2h-2V9zM8 6h2v2H8V6zm0 3h2v2H8V9zm-1 2H5V9h2v2zm0-3H5V6h2v2zm9 7H8v-2h8v2zm0-4h-2V9h2v2zm0-3h-2V6h2v2zm3 3h-2V9h2v2zm0-3h-2V6h2v2zm-7 15l4-4H8l4 4z\"></path></g>\n<g id=\"keyboard-return\"><path d=\"M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.41L5.83 13H21V7z\"></path></g>\n<g id=\"keyboard-tab\"><path d=\"M11.59 7.41L15.17 11H1v2h14.17l-3.59 3.59L13 18l6-6-6-6-1.41 1.41zM20 6v12h2V6h-2z\"></path></g>\n<g id=\"keyboard-voice\"><path d=\"M12 15c1.66 0 2.99-1.34 2.99-3L15 6c0-1.66-1.34-3-3-3S9 4.34 9 6v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 15 6.7 12H5c0 3.42 2.72 6.23 6 6.72V22h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z\"></path></g>\n<g id=\"laptop\"><path d=\"M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z\"></path></g>\n<g id=\"laptop-chromebook\"><path d=\"M22 18V3H2v15H0v2h24v-2h-2zm-8 0h-4v-1h4v1zm6-3H4V5h16v10z\"></path></g>\n<g id=\"laptop-mac\"><path d=\"M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z\"></path></g>\n<g id=\"laptop-windows\"><path d=\"M20 18v-1c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2v1H0v2h24v-2h-4zM4 5h16v10H4V5z\"></path></g>\n<g id=\"memory\"><path d=\"M15 9H9v6h6V9zm-2 4h-2v-2h2v2zm8-2V9h-2V7c0-1.1-.9-2-2-2h-2V3h-2v2h-2V3H9v2H7c-1.1 0-2 .9-2 2v2H3v2h2v2H3v2h2v2c0 1.1.9 2 2 2h2v2h2v-2h2v2h2v-2h2c1.1 0 2-.9 2-2v-2h2v-2h-2v-2h2zm-4 6H7V7h10v10z\"></path></g>\n<g id=\"mouse\"><path d=\"M13 1.07V9h7c0-4.08-3.05-7.44-7-7.93zM4 15c0 4.42 3.58 8 8 8s8-3.58 8-8v-4H4v4zm7-13.93C7.05 1.56 4 4.92 4 9h7V1.07z\"></path></g>\n<g id=\"phone-android\"><path d=\"M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2 20h-4v-1h4v1zm3.25-3H6.75V4h10.5v14z\"></path></g>\n<g id=\"phone-iphone\"><path d=\"M15.5 1h-8C6.12 1 5 2.12 5 3.5v17C5 21.88 6.12 23 7.5 23h8c1.38 0 2.5-1.12 2.5-2.5v-17C18 2.12 16.88 1 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z\"></path></g>\n<g id=\"phonelink\"><path d=\"M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z\"></path></g>\n<g id=\"phonelink-off\"><path d=\"M22 6V4H6.82l2 2H22zM1.92 1.65L.65 2.92l1.82 1.82C2.18 5.08 2 5.52 2 6v11H0v3h17.73l2.35 2.35 1.27-1.27L3.89 3.62 1.92 1.65zM4 6.27L14.73 17H4V6.27zM23 8h-6c-.55 0-1 .45-1 1v4.18l2 2V10h4v7h-2.18l3 3H23c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"power-input\"><path d=\"M2 9v2h19V9H2zm0 6h5v-2H2v2zm7 0h5v-2H9v2zm7 0h5v-2h-5v2z\"></path></g>\n<g id=\"router\"><path d=\"M20.2 5.9l.8-.8C19.6 3.7 17.8 3 16 3s-3.6.7-5 2.1l.8.8C13 4.8 14.5 4.2 16 4.2s3 .6 4.2 1.7zm-.9.8c-.9-.9-2.1-1.4-3.3-1.4s-2.4.5-3.3 1.4l.8.8c.7-.7 1.6-1 2.5-1 .9 0 1.8.3 2.5 1l.8-.8zM19 13h-2V9h-2v4H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2zM8 18H6v-2h2v2zm3.5 0h-2v-2h2v2zm3.5 0h-2v-2h2v2z\"></path></g>\n<g id=\"scanner\"><path d=\"M19.8 10.7L4.2 5l-.7 1.9L17.6 12H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-5.5c0-.8-.5-1.6-1.2-1.8zM7 17H5v-2h2v2zm12 0H9v-2h10v2z\"></path></g>\n<g id=\"security\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"></path></g>\n<g id=\"sim-card\"><path d=\"M19.99 4c0-1.1-.89-2-1.99-2h-8L4 8v12c0 1.1.9 2 2 2h12.01c1.1 0 1.99-.9 1.99-2l-.01-16zM9 19H7v-2h2v2zm8 0h-2v-2h2v2zm-8-4H7v-4h2v4zm4 4h-2v-4h2v4zm0-6h-2v-2h2v2zm4 2h-2v-4h2v4z\"></path></g>\n<g id=\"smartphone\"><path d=\"M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z\"></path></g>\n<g id=\"speaker\"><path d=\"M17 2H7c-1.1 0-2 .9-2 2v16c0 1.1.9 1.99 2 1.99L17 22c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5 2c1.1 0 2 .9 2 2s-.9 2-2 2c-1.11 0-2-.9-2-2s.89-2 2-2zm0 16c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"></path></g>\n<g id=\"speaker-group\"><path d=\"M18.2 1H9.8C8.81 1 8 1.81 8 2.8v14.4c0 .99.81 1.79 1.8 1.79l8.4.01c.99 0 1.8-.81 1.8-1.8V2.8c0-.99-.81-1.8-1.8-1.8zM14 3c1.1 0 2 .89 2 2s-.9 2-2 2-2-.89-2-2 .9-2 2-2zm0 13.5c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"></path><circle cx=\"14\" cy=\"12.5\" r=\"2.5\"></circle><path d=\"M6 5H4v16c0 1.1.89 2 2 2h10v-2H6V5z\"></path></g>\n<g id=\"tablet\"><path d=\"M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 1.99-.9 1.99-2L23 6c0-1.1-.9-2-2-2zm-2 14H5V6h14v12z\"></path></g>\n<g id=\"tablet-android\"><path d=\"M18 0H6C4.34 0 3 1.34 3 3v18c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3V3c0-1.66-1.34-3-3-3zm-4 22h-4v-1h4v1zm5.25-3H4.75V3h14.5v16z\"></path></g>\n<g id=\"tablet-mac\"><path d=\"M18.5 0h-14C3.12 0 2 1.12 2 2.5v19C2 22.88 3.12 24 4.5 24h14c1.38 0 2.5-1.12 2.5-2.5v-19C21 1.12 19.88 0 18.5 0zm-7 23c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm7.5-4H4V3h15v16z\"></path></g>\n<g id=\"toys\"><path d=\"M12 12c0-3 2.5-5.5 5.5-5.5S23 9 23 12H12zm0 0c0 3-2.5 5.5-5.5 5.5S1 15 1 12h11zm0 0c-3 0-5.5-2.5-5.5-5.5S9 1 12 1v11zm0 0c3 0 5.5 2.5 5.5 5.5S15 23 12 23V12z\"></path></g>\n<g id=\"tv\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z\"></path></g>\n<g id=\"videogame-asset\"><path d=\"M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"watch\"><path d=\"M20 12c0-2.54-1.19-4.81-3.04-6.27L16 0H8l-.95 5.73C5.19 7.19 4 9.45 4 12s1.19 4.81 3.05 6.27L8 24h8l.96-5.73C18.81 16.81 20 14.54 20 12zM6 12c0-3.31 2.69-6 6-6s6 2.69 6 6-2.69 6-6 6-6-2.69-6-6z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d19f7701f2611eda0c389891c227ec8 || (_templateObject_6d19f7701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"hardware\" size=\"24\">\n<svg><defs>\n<g id=\"cast\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v3h2V5h18v14h-7v2h7c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm0-4v2c4.97 0 9 4.03 9 9h2c0-6.08-4.93-11-11-11z\"></path></g>\n<g id=\"cast-connected\"><path d=\"M1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm18-7H5v1.63c3.96 1.28 7.09 4.41 8.37 8.37H19V7zM1 10v2c4.97 0 9 4.03 9 9h2c0-6.08-4.93-11-11-11zm20-7H3c-1.1 0-2 .9-2 2v3h2V5h18v14h-7v2h7c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"computer\"><path d=\"M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z\"></path></g>\n<g id=\"desktop-mac\"><path d=\"M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7l-2 3v1h8v-1l-2-3h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 12H3V4h18v10z\"></path></g>\n<g id=\"desktop-windows\"><path d=\"M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z\"></path></g>\n<g id=\"developer-board\"><path d=\"M22 9V7h-2V5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-2h2v-2h-2v-2h2v-2h-2V9h2zm-4 10H4V5h14v14zM6 13h5v4H6zm6-6h4v3h-4zM6 7h5v5H6zm6 4h4v6h-4z\"></path></g>\n<g id=\"device-hub\"><path d=\"M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z\"></path></g>\n<g id=\"devices-other\"><path d=\"M3 6h18V4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4v-2H3V6zm10 6H9v1.78c-.61.55-1 1.33-1 2.22s.39 1.67 1 2.22V20h4v-1.78c.61-.55 1-1.34 1-2.22s-.39-1.67-1-2.22V12zm-2 5.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM22 8h-6c-.5 0-1 .5-1 1v10c0 .5.5 1 1 1h6c.5 0 1-.5 1-1V9c0-.5-.5-1-1-1zm-1 10h-4v-8h4v8z\"></path></g>\n<g id=\"dock\"><path d=\"M8 23h8v-2H8v2zm8-21.99L8 1c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM16 15H8V5h8v10z\"></path></g>\n<g id=\"gamepad\"><path d=\"M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z\"></path></g>\n<g id=\"headset\"><path d=\"M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z\"></path></g>\n<g id=\"headset-mic\"><path d=\"M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h4v1h-7v2h6c1.66 0 3-1.34 3-3V10c0-4.97-4.03-9-9-9z\"></path></g>\n<g id=\"keyboard\"><path d=\"M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z\"></path></g>\n<g id=\"keyboard-arrow-down\"><path d=\"M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z\"></path></g>\n<g id=\"keyboard-arrow-left\"><path d=\"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z\"></path></g>\n<g id=\"keyboard-arrow-right\"><path d=\"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z\"></path></g>\n<g id=\"keyboard-arrow-up\"><path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"></path></g>\n<g id=\"keyboard-backspace\"><path d=\"M21 11H6.83l3.58-3.59L9 6l-6 6 6 6 1.41-1.41L6.83 13H21z\"></path></g>\n<g id=\"keyboard-capslock\"><path d=\"M12 8.41L16.59 13 18 11.59l-6-6-6 6L7.41 13 12 8.41zM6 18h12v-2H6v2z\"></path></g>\n<g id=\"keyboard-hide\"><path d=\"M20 3H4c-1.1 0-1.99.9-1.99 2L2 15c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 3h2v2h-2V6zm0 3h2v2h-2V9zM8 6h2v2H8V6zm0 3h2v2H8V9zm-1 2H5V9h2v2zm0-3H5V6h2v2zm9 7H8v-2h8v2zm0-4h-2V9h2v2zm0-3h-2V6h2v2zm3 3h-2V9h2v2zm0-3h-2V6h2v2zm-7 15l4-4H8l4 4z\"></path></g>\n<g id=\"keyboard-return\"><path d=\"M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.41L5.83 13H21V7z\"></path></g>\n<g id=\"keyboard-tab\"><path d=\"M11.59 7.41L15.17 11H1v2h14.17l-3.59 3.59L13 18l6-6-6-6-1.41 1.41zM20 6v12h2V6h-2z\"></path></g>\n<g id=\"keyboard-voice\"><path d=\"M12 15c1.66 0 2.99-1.34 2.99-3L15 6c0-1.66-1.34-3-3-3S9 4.34 9 6v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 15 6.7 12H5c0 3.42 2.72 6.23 6 6.72V22h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z\"></path></g>\n<g id=\"laptop\"><path d=\"M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z\"></path></g>\n<g id=\"laptop-chromebook\"><path d=\"M22 18V3H2v15H0v2h24v-2h-2zm-8 0h-4v-1h4v1zm6-3H4V5h16v10z\"></path></g>\n<g id=\"laptop-mac\"><path d=\"M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z\"></path></g>\n<g id=\"laptop-windows\"><path d=\"M20 18v-1c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2v1H0v2h24v-2h-4zM4 5h16v10H4V5z\"></path></g>\n<g id=\"memory\"><path d=\"M15 9H9v6h6V9zm-2 4h-2v-2h2v2zm8-2V9h-2V7c0-1.1-.9-2-2-2h-2V3h-2v2h-2V3H9v2H7c-1.1 0-2 .9-2 2v2H3v2h2v2H3v2h2v2c0 1.1.9 2 2 2h2v2h2v-2h2v2h2v-2h2c1.1 0 2-.9 2-2v-2h2v-2h-2v-2h2zm-4 6H7V7h10v10z\"></path></g>\n<g id=\"mouse\"><path d=\"M13 1.07V9h7c0-4.08-3.05-7.44-7-7.93zM4 15c0 4.42 3.58 8 8 8s8-3.58 8-8v-4H4v4zm7-13.93C7.05 1.56 4 4.92 4 9h7V1.07z\"></path></g>\n<g id=\"phone-android\"><path d=\"M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2 20h-4v-1h4v1zm3.25-3H6.75V4h10.5v14z\"></path></g>\n<g id=\"phone-iphone\"><path d=\"M15.5 1h-8C6.12 1 5 2.12 5 3.5v17C5 21.88 6.12 23 7.5 23h8c1.38 0 2.5-1.12 2.5-2.5v-17C18 2.12 16.88 1 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z\"></path></g>\n<g id=\"phonelink\"><path d=\"M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z\"></path></g>\n<g id=\"phonelink-off\"><path d=\"M22 6V4H6.82l2 2H22zM1.92 1.65L.65 2.92l1.82 1.82C2.18 5.08 2 5.52 2 6v11H0v3h17.73l2.35 2.35 1.27-1.27L3.89 3.62 1.92 1.65zM4 6.27L14.73 17H4V6.27zM23 8h-6c-.55 0-1 .45-1 1v4.18l2 2V10h4v7h-2.18l3 3H23c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"power-input\"><path d=\"M2 9v2h19V9H2zm0 6h5v-2H2v2zm7 0h5v-2H9v2zm7 0h5v-2h-5v2z\"></path></g>\n<g id=\"router\"><path d=\"M20.2 5.9l.8-.8C19.6 3.7 17.8 3 16 3s-3.6.7-5 2.1l.8.8C13 4.8 14.5 4.2 16 4.2s3 .6 4.2 1.7zm-.9.8c-.9-.9-2.1-1.4-3.3-1.4s-2.4.5-3.3 1.4l.8.8c.7-.7 1.6-1 2.5-1 .9 0 1.8.3 2.5 1l.8-.8zM19 13h-2V9h-2v4H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2zM8 18H6v-2h2v2zm3.5 0h-2v-2h2v2zm3.5 0h-2v-2h2v2z\"></path></g>\n<g id=\"scanner\"><path d=\"M19.8 10.7L4.2 5l-.7 1.9L17.6 12H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-5.5c0-.8-.5-1.6-1.2-1.8zM7 17H5v-2h2v2zm12 0H9v-2h10v2z\"></path></g>\n<g id=\"security\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"></path></g>\n<g id=\"sim-card\"><path d=\"M19.99 4c0-1.1-.89-2-1.99-2h-8L4 8v12c0 1.1.9 2 2 2h12.01c1.1 0 1.99-.9 1.99-2l-.01-16zM9 19H7v-2h2v2zm8 0h-2v-2h2v2zm-8-4H7v-4h2v4zm4 4h-2v-4h2v4zm0-6h-2v-2h2v2zm4 2h-2v-4h2v4z\"></path></g>\n<g id=\"smartphone\"><path d=\"M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z\"></path></g>\n<g id=\"speaker\"><path d=\"M17 2H7c-1.1 0-2 .9-2 2v16c0 1.1.9 1.99 2 1.99L17 22c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5 2c1.1 0 2 .9 2 2s-.9 2-2 2c-1.11 0-2-.9-2-2s.89-2 2-2zm0 16c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"></path></g>\n<g id=\"speaker-group\"><path d=\"M18.2 1H9.8C8.81 1 8 1.81 8 2.8v14.4c0 .99.81 1.79 1.8 1.79l8.4.01c.99 0 1.8-.81 1.8-1.8V2.8c0-.99-.81-1.8-1.8-1.8zM14 3c1.1 0 2 .89 2 2s-.9 2-2 2-2-.89-2-2 .9-2 2-2zm0 13.5c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"></path><circle cx=\"14\" cy=\"12.5\" r=\"2.5\"></circle><path d=\"M6 5H4v16c0 1.1.89 2 2 2h10v-2H6V5z\"></path></g>\n<g id=\"tablet\"><path d=\"M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 1.99-.9 1.99-2L23 6c0-1.1-.9-2-2-2zm-2 14H5V6h14v12z\"></path></g>\n<g id=\"tablet-android\"><path d=\"M18 0H6C4.34 0 3 1.34 3 3v18c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3V3c0-1.66-1.34-3-3-3zm-4 22h-4v-1h4v1zm5.25-3H4.75V3h14.5v16z\"></path></g>\n<g id=\"tablet-mac\"><path d=\"M18.5 0h-14C3.12 0 2 1.12 2 2.5v19C2 22.88 3.12 24 4.5 24h14c1.38 0 2.5-1.12 2.5-2.5v-19C21 1.12 19.88 0 18.5 0zm-7 23c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm7.5-4H4V3h15v16z\"></path></g>\n<g id=\"toys\"><path d=\"M12 12c0-3 2.5-5.5 5.5-5.5S23 9 23 12H12zm0 0c0 3-2.5 5.5-5.5 5.5S1 15 1 12h11zm0 0c-3 0-5.5-2.5-5.5-5.5S9 1 12 1v11zm0 0c3 0 5.5 2.5 5.5 5.5S15 23 12 23V12z\"></path></g>\n<g id=\"tv\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z\"></path></g>\n<g id=\"videogame-asset\"><path d=\"M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"watch\"><path d=\"M20 12c0-2.54-1.19-4.81-3.04-6.27L16 0H8l-.95 5.73C5.19 7.19 4 9.45 4 12s1.19 4.81 3.05 6.27L8 24h8l.96-5.73C18.81 16.81 20 14.54 20 12zM6 12c0-3.31 2.69-6 6-6s6 2.69 6 6-2.69 6-6 6-6-2.69-6-6z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-icons/image-icons.js b/build/es5-amd/node_modules/@polymer/iron-icons/image-icons.js
index 08934369098..6e0e0578b30 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icons/image-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icons/image-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_9126a5801f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d1d2bc01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9126a5801f0511ed8cc3e9a95995ad69 || (_templateObject_9126a5801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"image\" size=\"24\">\n<svg><defs>\n<g id=\"add-a-photo\"><path d=\"M3 4V1h2v3h3v2H5v3H3V6H0V4h3zm3 6V7h3V4h7l1.83 2H21c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V10h3zm7 9c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-3.2-5c0 1.77 1.43 3.2 3.2 3.2s3.2-1.43 3.2-3.2-1.43-3.2-3.2-3.2-3.2 1.43-3.2 3.2z\"></path></g>\n<g id=\"add-to-photos\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9h-4v4h-2v-4H9V9h4V5h2v4h4v2z\"></path></g>\n<g id=\"adjust\"><path d=\"M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3-8c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3z\"></path></g>\n<g id=\"assistant\"><path d=\"M19 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5.12 10.88L12 17l-1.88-4.12L6 11l4.12-1.88L12 5l1.88 4.12L18 11l-4.12 1.88z\"></path></g>\n<g id=\"assistant-photo\"><path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"></path></g>\n<g id=\"audiotrack\"><path d=\"M12 3v9.28c-.47-.17-.97-.28-1.5-.28C8.01 12 6 14.01 6 16.5S8.01 21 10.5 21c2.31 0 4.2-1.75 4.45-4H15V6h4V3h-7z\"></path></g>\n<g id=\"blur-circular\"><path d=\"M10 9c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM7 9.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm3 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-3-3c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm3-6c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 9c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-1.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm3 6c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-4c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm2-3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-3.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z\"></path></g>\n<g id=\"blur-linear\"><path d=\"M5 17.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM9 13c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zM3 21h18v-2H3v2zM5 9.5c.83 0 1.5-.67 1.5-1.5S5.83 6.5 5 6.5 3.5 7.17 3.5 8 4.17 9.5 5 9.5zm0 4c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM9 17c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm8-.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM3 3v2h18V3H3zm14 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm0 4c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM13 9c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1z\"></path></g>\n<g id=\"blur-off\"><path d=\"M14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm-.2 4.48l.2.02c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5l.02.2c.09.67.61 1.19 1.28 1.28zM14 3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-4 0c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm11 7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm8 8c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm-4 13.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM2.5 5.27l3.78 3.78L6 9c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.03-.19-.06-.28l2.81 2.81c-.71.11-1.25.73-1.25 1.47 0 .83.67 1.5 1.5 1.5.74 0 1.36-.54 1.47-1.25l2.81 2.81c-.09-.03-.18-.06-.28-.06-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.03-.19-.06-.28l3.78 3.78L20 20.23 3.77 4 2.5 5.27zM10 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm11-3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM3 9.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 11c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3-3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5z\"></path></g>\n<g id=\"blur-on\"><path d=\"M6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3 .5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm15 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-11 10c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-17c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 5.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm8 .5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm3 8.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-4-12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0 8.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm4-4.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-4c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z\"></path></g>\n<g id=\"brightness-1\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle></g>\n<g id=\"brightness-2\"><path d=\"M10 2c-1.82 0-3.53.5-5 1.35C7.99 5.08 10 8.3 10 12s-2.01 6.92-5 8.65C6.47 21.5 8.18 22 10 22c5.52 0 10-4.48 10-10S15.52 2 10 2z\"></path></g>\n<g id=\"brightness-3\"><path d=\"M9 2c-1.05 0-2.05.16-3 .46 4.06 1.27 7 5.06 7 9.54 0 4.48-2.94 8.27-7 9.54.95.3 1.95.46 3 .46 5.52 0 10-4.48 10-10S14.52 2 9 2z\"></path></g>\n<g id=\"brightness-4\"><path d=\"M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6c3.31 0 6 2.69 6 6s-2.69 6-6 6z\"></path></g>\n<g id=\"brightness-5\"><path d=\"M20 15.31L23.31 12 20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z\"></path></g>\n<g id=\"brightness-6\"><path d=\"M20 15.31L23.31 12 20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69zM12 18V6c3.31 0 6 2.69 6 6s-2.69 6-6 6z\"></path></g>\n<g id=\"brightness-7\"><path d=\"M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zm0-10c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z\"></path></g>\n<g id=\"broken-image\"><path d=\"M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4 4-3.99z\"></path></g>\n<g id=\"brush\"><path d=\"M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37l-1.34-1.34c-.39-.39-1.02-.39-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z\"></path></g>\n<g id=\"burst-mode\"><path d=\"M1 5h2v14H1zm4 0h2v14H5zm17 0H10c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zM11 17l2.5-3.15L15.29 16l2.5-3.22L21 17H11z\"></path></g>\n<g id=\"camera\"><path d=\"M9.4 10.5l4.77-8.26C13.47 2.09 12.75 2 12 2c-2.4 0-4.6.85-6.32 2.25l3.66 6.35.06-.1zM21.54 9c-.92-2.92-3.15-5.26-6-6.34L11.88 9h9.66zm.26 1h-7.49l.29.5 4.76 8.25C21 16.97 22 14.61 22 12c0-.69-.07-1.35-.2-2zM8.54 12l-3.9-6.75C3.01 7.03 2 9.39 2 12c0 .69.07 1.35.2 2h7.49l-1.15-2zm-6.08 3c.92 2.92 3.15 5.26 6 6.34L12.12 15H2.46zm11.27 0l-3.9 6.76c.7.15 1.42.24 2.17.24 2.4 0 4.6-.85 6.32-2.25l-3.66-6.35-.93 1.6z\"></path></g>\n<g id=\"camera-alt\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"></circle><path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"></path></g>\n<g id=\"camera-front\"><path d=\"M10 20H5v2h5v2l3-3-3-3v2zm4 0v2h5v-2h-5zM12 8c1.1 0 2-.9 2-2s-.9-2-2-2-1.99.9-1.99 2S10.9 8 12 8zm5-8H7C5.9 0 5 .9 5 2v14c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM7 2h10v10.5c0-1.67-3.33-2.5-5-2.5s-5 .83-5 2.5V2z\"></path></g>\n<g id=\"camera-rear\"><path d=\"M10 20H5v2h5v2l3-3-3-3v2zm4 0v2h5v-2h-5zm3-20H7C5.9 0 5 .9 5 2v14c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm-5 6c-1.11 0-2-.9-2-2s.89-2 1.99-2 2 .9 2 2C14 5.1 13.1 6 12 6z\"></path></g>\n<g id=\"camera-roll\"><path d=\"M14 5c0-1.1-.9-2-2-2h-1V2c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v15c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2h8V5h-8zm-2 13h-2v-2h2v2zm0-9h-2V7h2v2zm4 9h-2v-2h2v2zm0-9h-2V7h2v2zm4 9h-2v-2h2v2zm0-9h-2V7h2v2z\"></path></g>\n<g id=\"center-focus-strong\"><path d=\"M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-7 7H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4z\"></path></g>\n<g id=\"center-focus-weak\"><path d=\"M5 15H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"collections\"><path d=\"M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4l2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z\"></path></g>\n<g id=\"collections-bookmark\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 10l-2.5-1.5L15 12V4h5v8z\"></path></g>\n<g id=\"color-lens\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"colorize\"><path d=\"M20.71 5.63l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-3.12 3.12-1.93-1.91-1.41 1.41 1.42 1.42L3 16.25V21h4.75l8.92-8.92 1.42 1.42 1.41-1.41-1.92-1.92 3.12-3.12c.4-.4.4-1.03.01-1.42zM6.92 19L5 17.08l8.06-8.06 1.92 1.92L6.92 19z\"></path></g>\n<g id=\"compare\"><path d=\"M10 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2V1h-2v2zm0 15H5l5-6v6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"control-point\"><path d=\"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"control-point-duplicate\"><path d=\"M16 8h-2v3h-3v2h3v3h2v-3h3v-2h-3zM2 12c0-2.79 1.64-5.2 4.01-6.32V3.52C2.52 4.76 0 8.09 0 12s2.52 7.24 6.01 8.48v-2.16C3.64 17.2 2 14.79 2 12zm13-9c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9zm0 16c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7z\"></path></g>\n<g id=\"crop\"><path d=\"M17 15h2V7c0-1.1-.9-2-2-2H9v2h8v8zM7 17V1H5v4H1v2h4v10c0 1.1.9 2 2 2h10v4h2v-4h4v-2H7z\"></path></g>\n<g id=\"crop-16-9\"><path d=\"M19 6H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H5V8h14v8z\"></path></g>\n<g id=\"crop-3-2\"><path d=\"M19 4H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H5V6h14v12z\"></path></g>\n<g id=\"crop-5-4\"><path d=\"M19 5H5c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H5V7h14v10z\"></path></g>\n<g id=\"crop-7-5\"><path d=\"M19 7H5c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm0 8H5V9h14v6z\"></path></g>\n<g id=\"crop-din\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z\"></path></g>\n<g id=\"crop-free\"><path d=\"M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2 2h4v-2H5v-4zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"crop-landscape\"><path d=\"M19 5H5c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H5V7h14v10z\"></path></g>\n<g id=\"crop-original\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5.04-6.71l-2.75 3.54-1.96-2.36L6.5 17h11l-3.54-4.71z\"></path></g>\n<g id=\"crop-portrait\"><path d=\"M17 3H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H7V5h10v14z\"></path></g>\n<g id=\"crop-rotate\"><path d=\"M7.47 21.49C4.2 19.93 1.86 16.76 1.5 13H0c.51 6.16 5.66 11 11.95 11 .23 0 .44-.02.66-.03L8.8 20.15l-1.33 1.34zM12.05 0c-.23 0-.44.02-.66.04l3.81 3.81 1.33-1.33C19.8 4.07 22.14 7.24 22.5 11H24c-.51-6.16-5.66-11-11.95-11zM16 14h2V8c0-1.11-.9-2-2-2h-6v2h6v6zm-8 2V4H6v2H4v2h2v8c0 1.1.89 2 2 2h8v2h2v-2h2v-2H8z\"></path></g>\n<g id=\"crop-square\"><path d=\"M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H6V6h12v12z\"></path></g>\n<g id=\"dehaze\"><path d=\"M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z\"></path></g>\n<g id=\"details\"><path d=\"M3 4l9 16 9-16H3zm3.38 2h11.25L12 16 6.38 6z\"></path></g>\n<g id=\"edit\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path></g>\n<g id=\"exposure\"><path d=\"M15 17v2h2v-2h2v-2h-2v-2h-2v2h-2v2h2zm5-15H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM5 5h6v2H5V5zm15 15H4L20 4v16z\"></path></g>\n<g id=\"exposure-neg-1\"><path d=\"M4 11v2h8v-2H4zm15 7h-2V7.38L14 8.4V6.7L18.7 5h.3v13z\"></path></g>\n<g id=\"exposure-neg-2\"><path d=\"M15.05 16.29l2.86-3.07c.38-.39.72-.79 1.04-1.18.32-.39.59-.78.82-1.17.23-.39.41-.78.54-1.17s.19-.79.19-1.18c0-.53-.09-1.02-.27-1.46-.18-.44-.44-.81-.78-1.11-.34-.31-.77-.54-1.26-.71-.51-.16-1.08-.24-1.72-.24-.69 0-1.31.11-1.85.32-.54.21-1 .51-1.36.88-.37.37-.65.8-.84 1.3-.18.47-.27.97-.28 1.5h2.14c.01-.31.05-.6.13-.87.09-.29.23-.54.4-.75.18-.21.41-.37.68-.49.27-.12.6-.18.96-.18.31 0 .58.05.81.15.23.1.43.25.59.43.16.18.28.4.37.65.08.25.13.52.13.81 0 .22-.03.43-.08.65-.06.22-.15.45-.29.7-.14.25-.32.53-.56.83-.23.3-.52.65-.88 1.03l-4.17 4.55V18H21v-1.71h-5.95zM2 11v2h8v-2H2z\"></path></g>\n<g id=\"exposure-plus-1\"><path d=\"M10 7H8v4H4v2h4v4h2v-4h4v-2h-4V7zm10 11h-2V7.38L15 8.4V6.7L19.7 5h.3v13z\"></path></g>\n<g id=\"exposure-plus-2\"><path d=\"M16.05 16.29l2.86-3.07c.38-.39.72-.79 1.04-1.18.32-.39.59-.78.82-1.17.23-.39.41-.78.54-1.17.13-.39.19-.79.19-1.18 0-.53-.09-1.02-.27-1.46-.18-.44-.44-.81-.78-1.11-.34-.31-.77-.54-1.26-.71-.51-.16-1.08-.24-1.72-.24-.69 0-1.31.11-1.85.32-.54.21-1 .51-1.36.88-.37.37-.65.8-.84 1.3-.18.47-.27.97-.28 1.5h2.14c.01-.31.05-.6.13-.87.09-.29.23-.54.4-.75.18-.21.41-.37.68-.49.27-.12.6-.18.96-.18.31 0 .58.05.81.15.23.1.43.25.59.43.16.18.28.4.37.65.08.25.13.52.13.81 0 .22-.03.43-.08.65-.06.22-.15.45-.29.7-.14.25-.32.53-.56.83-.23.3-.52.65-.88 1.03l-4.17 4.55V18H22v-1.71h-5.95zM8 7H6v4H2v2h4v4h2v-4h4v-2H8V7z\"></path></g>\n<g id=\"exposure-zero\"><path d=\"M16.14 12.5c0 1-.1 1.85-.3 2.55-.2.7-.48 1.27-.83 1.7-.36.44-.79.75-1.3.95-.51.2-1.07.3-1.7.3-.62 0-1.18-.1-1.69-.3-.51-.2-.95-.51-1.31-.95-.36-.44-.65-1.01-.85-1.7-.2-.7-.3-1.55-.3-2.55v-2.04c0-1 .1-1.85.3-2.55.2-.7.48-1.26.84-1.69.36-.43.8-.74 1.31-.93C10.81 5.1 11.38 5 12 5c.63 0 1.19.1 1.7.29.51.19.95.5 1.31.93.36.43.64.99.84 1.69.2.7.3 1.54.3 2.55v2.04zm-2.11-2.36c0-.64-.05-1.18-.13-1.62-.09-.44-.22-.79-.4-1.06-.17-.27-.39-.46-.64-.58-.25-.13-.54-.19-.86-.19-.32 0-.61.06-.86.18s-.47.31-.64.58c-.17.27-.31.62-.4 1.06s-.13.98-.13 1.62v2.67c0 .64.05 1.18.14 1.62.09.45.23.81.4 1.09s.39.48.64.61.54.19.87.19c.33 0 .62-.06.87-.19s.46-.33.63-.61c.17-.28.3-.64.39-1.09.09-.45.13-.99.13-1.62v-2.66z\"></path></g>\n<g id=\"filter\"><path d=\"M15.96 10.29l-2.75 3.54-1.96-2.36L8.5 15h11l-3.54-4.71zM3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z\"></path></g>\n<g id=\"filter-1\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm11 10h2V5h-4v2h2v8zm7-14H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z\"></path></g>\n<g id=\"filter-2\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zm-4-4h-4v-2h2c1.1 0 2-.89 2-2V7c0-1.11-.9-2-2-2h-4v2h4v2h-2c-1.1 0-2 .89-2 2v4h6v-2z\"></path></g>\n<g id=\"filter-3\"><path d=\"M21 1H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zM3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm14 8v-1.5c0-.83-.67-1.5-1.5-1.5.83 0 1.5-.67 1.5-1.5V7c0-1.11-.9-2-2-2h-4v2h4v2h-2v2h2v2h-4v2h4c1.1 0 2-.89 2-2z\"></path></g>\n<g id=\"filter-4\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm12 10h2V5h-2v4h-2V5h-2v6h4v4zm6-14H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z\"></path></g>\n<g id=\"filter-5\"><path d=\"M21 1H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zM3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm14 8v-2c0-1.11-.9-2-2-2h-2V7h4V5h-6v6h4v2h-4v2h4c1.1 0 2-.89 2-2z\"></path></g>\n<g id=\"filter-6\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zm-8-2h2c1.1 0 2-.89 2-2v-2c0-1.11-.9-2-2-2h-2V7h4V5h-4c-1.1 0-2 .89-2 2v6c0 1.11.9 2 2 2zm0-4h2v2h-2v-2z\"></path></g>\n<g id=\"filter-7\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zm-8-2l4-8V5h-6v2h4l-4 8h2z\"></path></g>\n<g id=\"filter-8\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zm-8-2h2c1.1 0 2-.89 2-2v-1.5c0-.83-.67-1.5-1.5-1.5.83 0 1.5-.67 1.5-1.5V7c0-1.11-.9-2-2-2h-2c-1.1 0-2 .89-2 2v1.5c0 .83.67 1.5 1.5 1.5-.83 0-1.5.67-1.5 1.5V13c0 1.11.9 2 2 2zm0-8h2v2h-2V7zm0 4h2v2h-2v-2z\"></path></g>\n<g id=\"filter-9\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zM15 5h-2c-1.1 0-2 .89-2 2v2c0 1.11.9 2 2 2h2v2h-4v2h4c1.1 0 2-.89 2-2V7c0-1.11-.9-2-2-2zm0 4h-2V7h2v2z\"></path></g>\n<g id=\"filter-9-plus\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm11 7V8c0-1.11-.9-2-2-2h-1c-1.1 0-2 .89-2 2v1c0 1.11.9 2 2 2h1v1H9v2h3c1.1 0 2-.89 2-2zm-3-3V8h1v1h-1zm10-8H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 8h-2V7h-2v2h-2v2h2v2h2v-2h2v6H7V3h14v6z\"></path></g>\n<g id=\"filter-b-and-w\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16l-7-8v8H5l7-8V5h7v14z\"></path></g>\n<g id=\"filter-center-focus\"><path d=\"M5 15H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zM12 9c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"></path></g>\n<g id=\"filter-drama\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.61 5.64 5.36 8.04 2.35 8.36 0 10.9 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4h2c0-2.76-1.86-5.08-4.4-5.78C8.61 6.88 10.2 6 12 6c3.03 0 5.5 2.47 5.5 5.5v.5H19c1.65 0 3 1.35 3 3s-1.35 3-3 3z\"></path></g>\n<g id=\"filter-frames\"><path d=\"M20 4h-4l-4-4-4 4H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H4V6h4.52l3.52-3.5L15.52 6H20v14zM18 8H6v10h12\"></path></g>\n<g id=\"filter-hdr\"><path d=\"M14 6l-3.75 5 2.85 3.8-1.6 1.2C9.81 13.75 7 10 7 10l-6 8h22L14 6z\"></path></g>\n<g id=\"filter-none\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z\"></path></g>\n<g id=\"filter-tilt-shift\"><path d=\"M11 4.07V2.05c-2.01.2-3.84 1-5.32 2.21L7.1 5.69c1.11-.86 2.44-1.44 3.9-1.62zm7.32.19C16.84 3.05 15.01 2.25 13 2.05v2.02c1.46.18 2.79.76 3.9 1.62l1.42-1.43zM19.93 11h2.02c-.2-2.01-1-3.84-2.21-5.32L18.31 7.1c.86 1.11 1.44 2.44 1.62 3.9zM5.69 7.1L4.26 5.68C3.05 7.16 2.25 8.99 2.05 11h2.02c.18-1.46.76-2.79 1.62-3.9zM4.07 13H2.05c.2 2.01 1 3.84 2.21 5.32l1.43-1.43c-.86-1.1-1.44-2.43-1.62-3.89zM15 12c0-1.66-1.34-3-3-3s-3 1.34-3 3 1.34 3 3 3 3-1.34 3-3zm3.31 4.9l1.43 1.43c1.21-1.48 2.01-3.32 2.21-5.32h-2.02c-.18 1.45-.76 2.78-1.62 3.89zM13 19.93v2.02c2.01-.2 3.84-1 5.32-2.21l-1.43-1.43c-1.1.86-2.43 1.44-3.89 1.62zm-7.32-.19C7.16 20.95 9 21.75 11 21.95v-2.02c-1.46-.18-2.79-.76-3.9-1.62l-1.42 1.43z\"></path></g>\n<g id=\"filter-vintage\"><path d=\"M18.7 12.4c-.28-.16-.57-.29-.86-.4.29-.11.58-.24.86-.4 1.92-1.11 2.99-3.12 3-5.19-1.79-1.03-4.07-1.11-6 0-.28.16-.54.35-.78.54.05-.31.08-.63.08-.95 0-2.22-1.21-4.15-3-5.19C10.21 1.85 9 3.78 9 6c0 .32.03.64.08.95-.24-.2-.5-.39-.78-.55-1.92-1.11-4.2-1.03-6 0 0 2.07 1.07 4.08 3 5.19.28.16.57.29.86.4-.29.11-.58.24-.86.4-1.92 1.11-2.99 3.12-3 5.19 1.79 1.03 4.07 1.11 6 0 .28-.16.54-.35.78-.54-.05.32-.08.64-.08.96 0 2.22 1.21 4.15 3 5.19 1.79-1.04 3-2.97 3-5.19 0-.32-.03-.64-.08-.95.24.2.5.38.78.54 1.92 1.11 4.2 1.03 6 0-.01-2.07-1.08-4.08-3-5.19zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"></path></g>\n<g id=\"flare\"><path d=\"M7 11H1v2h6v-2zm2.17-3.24L7.05 5.64 5.64 7.05l2.12 2.12 1.41-1.41zM13 1h-2v6h2V1zm5.36 6.05l-1.41-1.41-2.12 2.12 1.41 1.41 2.12-2.12zM17 11v2h6v-2h-6zm-5-2c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zm2.83 7.24l2.12 2.12 1.41-1.41-2.12-2.12-1.41 1.41zm-9.19.71l1.41 1.41 2.12-2.12-1.41-1.41-2.12 2.12zM11 23h2v-6h-2v6z\"></path></g>\n<g id=\"flash-auto\"><path d=\"M3 2v12h3v9l7-12H9l4-9H3zm16 0h-2l-3.2 9h1.9l.7-2h3.2l.7 2h1.9L19 2zm-2.15 5.65L18 4l1.15 3.65h-2.3z\"></path></g>\n<g id=\"flash-off\"><path d=\"M3.27 3L2 4.27l5 5V13h3v9l3.58-6.14L17.73 20 19 18.73 3.27 3zM17 10h-4l4-8H7v2.18l8.46 8.46L17 10z\"></path></g>\n<g id=\"flash-on\"><path d=\"M7 2v11h3v9l7-12h-4l4-8z\"></path></g>\n<g id=\"flip\"><path d=\"M15 21h2v-2h-2v2zm4-12h2V7h-2v2zM3 5v14c0 1.1.9 2 2 2h4v-2H5V5h4V3H5c-1.1 0-2 .9-2 2zm16-2v2h2c0-1.1-.9-2-2-2zm-8 20h2V1h-2v22zm8-6h2v-2h-2v2zM15 5h2V3h-2v2zm4 8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2z\"></path></g>\n<g id=\"gradient\"><path d=\"M11 9h2v2h-2zm-2 2h2v2H9zm4 0h2v2h-2zm2-2h2v2h-2zM7 9h2v2H7zm12-6H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 18H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm2-7h-2v2h2v2h-2v-2h-2v2h-2v-2h-2v2H9v-2H7v2H5v-2h2v-2H5V5h14v6z\"></path></g>\n<g id=\"grain\"><path d=\"M10 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM6 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12-8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-4 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm4-4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-4-4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-4-4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"grid-off\"><path d=\"M8 4v1.45l2 2V4h4v4h-3.45l2 2H14v1.45l2 2V10h4v4h-3.45l2 2H20v1.45l2 2V4c0-1.1-.9-2-2-2H4.55l2 2H8zm8 0h4v4h-4V4zM1.27 1.27L0 2.55l2 2V20c0 1.1.9 2 2 2h15.46l2 2 1.27-1.27L1.27 1.27zM10 12.55L11.45 14H10v-1.45zm-6-6L5.45 8H4V6.55zM8 20H4v-4h4v4zm0-6H4v-4h3.45l.55.55V14zm6 6h-4v-4h3.45l.55.54V20zm2 0v-1.46L17.46 20H16z\"></path></g>\n<g id=\"grid-on\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z\"></path></g>\n<g id=\"hdr-off\"><path d=\"M17.5 15v-2h1.1l.9 2H21l-.9-2.1c.5-.2.9-.8.9-1.4v-1c0-.8-.7-1.5-1.5-1.5H16v4.9l1.1 1.1h.4zm0-4.5h2v1h-2v-1zm-4.5 0v.4l1.5 1.5v-1.9c0-.8-.7-1.5-1.5-1.5h-1.9l1.5 1.5h.4zm-3.5-1l-7-7-1.1 1L6.9 9h-.4v2h-2V9H3v6h1.5v-2.5h2V15H8v-4.9l1.5 1.5V15h3.4l7.6 7.6 1.1-1.1-12.1-12z\"></path></g>\n<g id=\"hdr-on\"><path d=\"M21 11.5v-1c0-.8-.7-1.5-1.5-1.5H16v6h1.5v-2h1.1l.9 2H21l-.9-2.1c.5-.3.9-.8.9-1.4zm-1.5 0h-2v-1h2v1zm-13-.5h-2V9H3v6h1.5v-2.5h2V15H8V9H6.5v2zM13 9H9.5v6H13c.8 0 1.5-.7 1.5-1.5v-3c0-.8-.7-1.5-1.5-1.5zm0 4.5h-2v-3h2v3z\"></path></g>\n<g id=\"hdr-strong\"><path d=\"M17 6c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zM5 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"hdr-weak\"><path d=\"M5 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm12-2c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"></path></g>\n<g id=\"healing\"><path d=\"M17.73 12.02l3.98-3.98c.39-.39.39-1.02 0-1.41l-4.34-4.34c-.39-.39-1.02-.39-1.41 0l-3.98 3.98L8 2.29C7.8 2.1 7.55 2 7.29 2c-.25 0-.51.1-.7.29L2.25 6.63c-.39.39-.39 1.02 0 1.41l3.98 3.98L2.25 16c-.39.39-.39 1.02 0 1.41l4.34 4.34c.39.39 1.02.39 1.41 0l3.98-3.98 3.98 3.98c.2.2.45.29.71.29.26 0 .51-.1.71-.29l4.34-4.34c.39-.39.39-1.02 0-1.41l-3.99-3.98zM12 9c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-4.71 1.96L3.66 7.34l3.63-3.63 3.62 3.62-3.62 3.63zM10 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm2 2c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm2-4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2.66 9.34l-3.63-3.62 3.63-3.63 3.62 3.62-3.62 3.63z\"></path></g>\n<g id=\"image\"><path d=\"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z\"></path></g>\n<g id=\"image-aspect-ratio\"><path d=\"M16 10h-2v2h2v-2zm0 4h-2v2h2v-2zm-8-4H6v2h2v-2zm4 0h-2v2h2v-2zm8-6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z\"></path></g>\n<g id=\"iso\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5.5 7.5h2v-2H9v2h2V9H9v2H7.5V9h-2V7.5zM19 19H5L19 5v14zm-2-2v-1.5h-5V17h5z\"></path></g>\n<g id=\"landscape\"><path d=\"M14 6l-3.75 5 2.85 3.8-1.6 1.2C9.81 13.75 7 10 7 10l-6 8h22L14 6z\"></path></g>\n<g id=\"leak-add\"><path d=\"M6 3H3v3c1.66 0 3-1.34 3-3zm8 0h-2c0 4.97-4.03 9-9 9v2c6.08 0 11-4.93 11-11zm-4 0H8c0 2.76-2.24 5-5 5v2c3.87 0 7-3.13 7-7zm0 18h2c0-4.97 4.03-9 9-9v-2c-6.07 0-11 4.93-11 11zm8 0h3v-3c-1.66 0-3 1.34-3 3zm-4 0h2c0-2.76 2.24-5 5-5v-2c-3.87 0-7 3.13-7 7z\"></path></g>\n<g id=\"leak-remove\"><path d=\"M10 3H8c0 .37-.04.72-.12 1.06l1.59 1.59C9.81 4.84 10 3.94 10 3zM3 4.27l2.84 2.84C5.03 7.67 4.06 8 3 8v2c1.61 0 3.09-.55 4.27-1.46L8.7 9.97C7.14 11.24 5.16 12 3 12v2c2.71 0 5.19-.99 7.11-2.62l2.5 2.5C10.99 15.81 10 18.29 10 21h2c0-2.16.76-4.14 2.03-5.69l1.43 1.43C14.55 17.91 14 19.39 14 21h2c0-1.06.33-2.03.89-2.84L19.73 21 21 19.73 4.27 3 3 4.27zM14 3h-2c0 1.5-.37 2.91-1.02 4.16l1.46 1.46C13.42 6.98 14 5.06 14 3zm5.94 13.12c.34-.08.69-.12 1.06-.12v-2c-.94 0-1.84.19-2.66.52l1.6 1.6zm-4.56-4.56l1.46 1.46C18.09 12.37 19.5 12 21 12v-2c-2.06 0-3.98.58-5.62 1.56z\"></path></g>\n<g id=\"lens\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"></path></g>\n<g id=\"linked-camera\"><circle cx=\"12\" cy=\"14\" r=\"3.2\"></circle><path d=\"M16 3.33c2.58 0 4.67 2.09 4.67 4.67H22c0-3.31-2.69-6-6-6v1.33M16 6c1.11 0 2 .89 2 2h1.33c0-1.84-1.49-3.33-3.33-3.33V6\"></path><path d=\"M17 9c0-1.11-.89-2-2-2V4H9L7.17 6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9h-5zm-5 10c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"></path></g>\n<g id=\"looks\"><path d=\"M12 10c-3.86 0-7 3.14-7 7h2c0-2.76 2.24-5 5-5s5 2.24 5 5h2c0-3.86-3.14-7-7-7zm0-4C5.93 6 1 10.93 1 17h2c0-4.96 4.04-9 9-9s9 4.04 9 9h2c0-6.07-4.93-11-11-11z\"></path></g>\n<g id=\"looks-3\"><path d=\"M19.01 3h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15c0 1.11-.9 2-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4c1.1 0 2 .89 2 2v1.5z\"></path></g>\n<g id=\"looks-4\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 14h-2v-4H9V7h2v4h2V7h2v10z\"></path></g>\n<g id=\"looks-5\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2c1.1 0 2 .89 2 2v2c0 1.11-.9 2-2 2H9v-2h4v-2H9V7h6v2z\"></path></g>\n<g id=\"looks-6\"><path d=\"M11 15h2v-2h-2v2zm8-12H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2c1.1 0 2 .89 2 2v2c0 1.11-.9 2-2 2h-2c-1.1 0-2-.89-2-2V9c0-1.11.9-2 2-2h4v2z\"></path></g>\n<g id=\"looks-one\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z\"></path></g>\n<g id=\"looks-two\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8c0 1.11-.9 2-2 2h-2v2h4v2H9v-4c0-1.11.9-2 2-2h2V9H9V7h4c1.1 0 2 .89 2 2v2z\"></path></g>\n<g id=\"loupe\"><path d=\"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.49 2 2 6.49 2 12s4.49 10 10 10h8c1.1 0 2-.9 2-2v-8c0-5.51-4.49-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"monochrome-photos\"><path d=\"M20 5h-3.2L15 3H9L7.2 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 14h-8v-1c-2.8 0-5-2.2-5-5s2.2-5 5-5V7h8v12zm-3-6c0-2.8-2.2-5-5-5v1.8c1.8 0 3.2 1.4 3.2 3.2s-1.4 3.2-3.2 3.2V18c2.8 0 5-2.2 5-5zm-8.2 0c0 1.8 1.4 3.2 3.2 3.2V9.8c-1.8 0-3.2 1.4-3.2 3.2z\"></path></g>\n<g id=\"movie-creation\"><path d=\"M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4z\"></path></g>\n<g id=\"movie-filter\"><path d=\"M18 4l2 3h-3l-2-3h-2l2 3h-3l-2-3H8l2 3H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4zm-6.75 11.25L10 18l-1.25-2.75L6 14l2.75-1.25L10 10l1.25 2.75L14 14l-2.75 1.25zm5.69-3.31L16 14l-.94-2.06L13 11l2.06-.94L16 8l.94 2.06L19 11l-2.06.94z\"></path></g>\n<g id=\"music-note\"><path d=\"M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z\"></path></g>\n<g id=\"nature\"><path d=\"M13 16.12c3.47-.41 6.17-3.36 6.17-6.95 0-3.87-3.13-7-7-7s-7 3.13-7 7c0 3.47 2.52 6.34 5.83 6.89V20H5v2h14v-2h-6v-3.88z\"></path></g>\n<g id=\"nature-people\"><path d=\"M22.17 9.17c0-3.87-3.13-7-7-7s-7 3.13-7 7c0 3.47 2.52 6.34 5.83 6.89V20H6v-3h1v-4c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v4h1v5h16v-2h-3v-3.88c3.47-.41 6.17-3.36 6.17-6.95zM4.5 11c.83 0 1.5-.67 1.5-1.5S5.33 8 4.5 8 3 8.67 3 9.5 3.67 11 4.5 11z\"></path></g>\n<g id=\"navigate-before\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path></g>\n<g id=\"navigate-next\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path></g>\n<g id=\"palette\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"panorama\"><path d=\"M23 18V6c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zM8.5 12.5l2.5 3.01L14.5 11l4.5 6H5l3.5-4.5z\"></path></g>\n<g id=\"panorama-fish-eye\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"panorama-horizontal\"><path d=\"M20 6.54v10.91c-2.6-.77-5.28-1.16-8-1.16-2.72 0-5.4.39-8 1.16V6.54c2.6.77 5.28 1.16 8 1.16 2.72.01 5.4-.38 8-1.16M21.43 4c-.1 0-.2.02-.31.06C18.18 5.16 15.09 5.7 12 5.7c-3.09 0-6.18-.55-9.12-1.64-.11-.04-.22-.06-.31-.06-.34 0-.57.23-.57.63v14.75c0 .39.23.62.57.62.1 0 .2-.02.31-.06 2.94-1.1 6.03-1.64 9.12-1.64 3.09 0 6.18.55 9.12 1.64.11.04.21.06.31.06.33 0 .57-.23.57-.63V4.63c0-.4-.24-.63-.57-.63z\"></path></g>\n<g id=\"panorama-vertical\"><path d=\"M19.94 21.12c-1.1-2.94-1.64-6.03-1.64-9.12 0-3.09.55-6.18 1.64-9.12.04-.11.06-.22.06-.31 0-.34-.23-.57-.63-.57H4.63c-.4 0-.63.23-.63.57 0 .1.02.2.06.31C5.16 5.82 5.71 8.91 5.71 12c0 3.09-.55 6.18-1.64 9.12-.05.11-.07.22-.07.31 0 .33.23.57.63.57h14.75c.39 0 .63-.24.63-.57-.01-.1-.03-.2-.07-.31zM6.54 20c.77-2.6 1.16-5.28 1.16-8 0-2.72-.39-5.4-1.16-8h10.91c-.77 2.6-1.16 5.28-1.16 8 0 2.72.39 5.4 1.16 8H6.54z\"></path></g>\n<g id=\"panorama-wide-angle\"><path d=\"M12 6c2.45 0 4.71.2 7.29.64.47 1.78.71 3.58.71 5.36 0 1.78-.24 3.58-.71 5.36-2.58.44-4.84.64-7.29.64s-4.71-.2-7.29-.64C4.24 15.58 4 13.78 4 12c0-1.78.24-3.58.71-5.36C7.29 6.2 9.55 6 12 6m0-2c-2.73 0-5.22.24-7.95.72l-.93.16-.25.9C2.29 7.85 2 9.93 2 12s.29 4.15.87 6.22l.25.89.93.16c2.73.49 5.22.73 7.95.73s5.22-.24 7.95-.72l.93-.16.25-.89c.58-2.08.87-4.16.87-6.23s-.29-4.15-.87-6.22l-.25-.89-.93-.16C17.22 4.24 14.73 4 12 4z\"></path></g>\n<g id=\"photo\"><path d=\"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z\"></path></g>\n<g id=\"photo-album\"><path d=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4zm0 15l3-3.86 2.14 2.58 3-3.86L18 19H6z\"></path></g>\n<g id=\"photo-camera\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"></circle><path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"></path></g>\n<g id=\"photo-filter\"><path d=\"M19.02 10v9H5V5h9V3H5.02c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-9h-2zM17 10l.94-2.06L20 7l-2.06-.94L17 4l-.94 2.06L14 7l2.06.94zm-3.75.75L12 8l-1.25 2.75L8 12l2.75 1.25L12 16l1.25-2.75L16 12z\"></path></g>\n<g id=\"photo-library\"><path d=\"M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4l2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z\"></path></g>\n<g id=\"photo-size-select-actual\"><path d=\"M21 3H3C2 3 1 4 1 5v14c0 1.1.9 2 2 2h18c1 0 2-1 2-2V5c0-1-1-2-2-2zM5 17l3.5-4.5 2.5 3.01L14.5 11l4.5 6H5z\"></path></g>\n<g id=\"photo-size-select-large\"><path d=\"M21 15h2v2h-2v-2zm0-4h2v2h-2v-2zm2 8h-2v2c1 0 2-1 2-2zM13 3h2v2h-2V3zm8 4h2v2h-2V7zm0-4v2h2c0-1-1-2-2-2zM1 7h2v2H1V7zm16-4h2v2h-2V3zm0 16h2v2h-2v-2zM3 3C2 3 1 4 1 5h2V3zm6 0h2v2H9V3zM5 3h2v2H5V3zm-4 8v8c0 1.1.9 2 2 2h12V11H1zm2 8l2.5-3.21 1.79 2.15 2.5-3.22L13 19H3z\"></path></g>\n<g id=\"photo-size-select-small\"><path d=\"M23 15h-2v2h2v-2zm0-4h-2v2h2v-2zm0 8h-2v2c1 0 2-1 2-2zM15 3h-2v2h2V3zm8 4h-2v2h2V7zm-2-4v2h2c0-1-1-2-2-2zM3 21h8v-6H1v4c0 1.1.9 2 2 2zM3 7H1v2h2V7zm12 12h-2v2h2v-2zm4-16h-2v2h2V3zm0 16h-2v2h2v-2zM3 3C2 3 1 4 1 5h2V3zm0 8H1v2h2v-2zm8-8H9v2h2V3zM7 3H5v2h2V3z\"></path></g>\n<g id=\"picture-as-pdf\"><path d=\"M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5.5h1v-3h-1v3z\"></path></g>\n<g id=\"portrait\"><path d=\"M12 12.25c1.24 0 2.25-1.01 2.25-2.25S13.24 7.75 12 7.75 9.75 8.76 9.75 10s1.01 2.25 2.25 2.25zm4.5 4c0-1.5-3-2.25-4.5-2.25s-4.5.75-4.5 2.25V17h9v-.75zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z\"></path></g>\n<g id=\"remove-red-eye\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"></path></g>\n<g id=\"rotate-90-degrees-ccw\"><path d=\"M7.34 6.41L.86 12.9l6.49 6.48 6.49-6.48-6.5-6.49zM3.69 12.9l3.66-3.66L11 12.9l-3.66 3.66-3.65-3.66zm15.67-6.26C17.61 4.88 15.3 4 13 4V.76L8.76 5 13 9.24V6c1.79 0 3.58.68 4.95 2.05 2.73 2.73 2.73 7.17 0 9.9C16.58 19.32 14.79 20 13 20c-.97 0-1.94-.21-2.84-.61l-1.49 1.49C10.02 21.62 11.51 22 13 22c2.3 0 4.61-.88 6.36-2.64 3.52-3.51 3.52-9.21 0-12.72z\"></path></g>\n<g id=\"rotate-left\"><path d=\"M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z\"></path></g>\n<g id=\"rotate-right\"><path d=\"M15.55 5.55L11 1v3.07C7.06 4.56 4 7.92 4 12s3.05 7.44 7 7.93v-2.02c-2.84-.48-5-2.94-5-5.91s2.16-5.43 5-5.91V10l4.55-4.45zM19.93 11c-.17-1.39-.72-2.73-1.62-3.89l-1.42 1.42c.54.75.88 1.6 1.02 2.47h2.02zM13 17.9v2.02c1.39-.17 2.74-.71 3.9-1.61l-1.44-1.44c-.75.54-1.59.89-2.46 1.03zm3.89-2.42l1.42 1.41c.9-1.16 1.45-2.5 1.62-3.89h-2.02c-.14.87-.48 1.72-1.02 2.48z\"></path></g>\n<g id=\"slideshow\"><path d=\"M10 8v8l5-4-5-4zm9-5H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z\"></path></g>\n<g id=\"straighten\"><path d=\"M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z\"></path></g>\n<g id=\"style\"><path d=\"M2.53 19.65l1.34.56v-9.03l-2.43 5.86c-.41 1.02.08 2.19 1.09 2.61zm19.5-3.7L17.07 3.98c-.31-.75-1.04-1.21-1.81-1.23-.26 0-.53.04-.79.15L7.1 5.95c-.75.31-1.21 1.03-1.23 1.8-.01.27.04.54.15.8l4.96 11.97c.31.76 1.05 1.22 1.83 1.23.26 0 .52-.05.77-.15l7.36-3.05c1.02-.42 1.51-1.59 1.09-2.6zM7.88 8.75c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-2 11c0 1.1.9 2 2 2h1.45l-3.45-8.34v6.34z\"></path></g>\n<g id=\"switch-camera\"><path d=\"M20 4h-3.17L15 2H9L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 11.5V13H9v2.5L5.5 12 9 8.5V11h6V8.5l3.5 3.5-3.5 3.5z\"></path></g>\n<g id=\"switch-video\"><path d=\"M18 9.5V6c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-3.5l4 4v-13l-4 4zm-5 6V13H7v2.5L3.5 12 7 8.5V11h6V8.5l3.5 3.5-3.5 3.5z\"></path></g>\n<g id=\"tag-faces\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\"></path></g>\n<g id=\"texture\"><path d=\"M19.51 3.08L3.08 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L20.93 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.88 3L3 11.88v2.83L14.71 3h-2.83zM5 3c-1.1 0-2 .9-2 2v2l4-4H5zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83L21 12.12V9.29L9.29 21z\"></path></g>\n<g id=\"timelapse\"><path d=\"M16.24 7.76C15.07 6.59 13.54 6 12 6v6l-4.24 4.24c2.34 2.34 6.14 2.34 8.49 0 2.34-2.34 2.34-6.14-.01-8.48zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></g>\n<g id=\"timer\"><path d=\"M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"timer-10\"><path d=\"M0 7.72V9.4l3-1V18h2V6h-.25L0 7.72zm23.78 6.65c-.14-.28-.35-.53-.63-.74-.28-.21-.61-.39-1.01-.53s-.85-.27-1.35-.38c-.35-.07-.64-.15-.87-.23-.23-.08-.41-.16-.55-.25-.14-.09-.23-.19-.28-.3-.05-.11-.08-.24-.08-.39 0-.14.03-.28.09-.41.06-.13.15-.25.27-.34.12-.1.27-.18.45-.24s.4-.09.64-.09c.25 0 .47.04.66.11.19.07.35.17.48.29.13.12.22.26.29.42.06.16.1.32.1.49h1.95c0-.39-.08-.75-.24-1.09-.16-.34-.39-.63-.69-.88-.3-.25-.66-.44-1.09-.59C21.49 9.07 21 9 20.46 9c-.51 0-.98.07-1.39.21-.41.14-.77.33-1.06.57-.29.24-.51.52-.67.84-.16.32-.23.65-.23 1.01s.08.69.23.96c.15.28.36.52.64.73.27.21.6.38.98.53.38.14.81.26 1.27.36.39.08.71.17.95.26s.43.19.57.29c.13.1.22.22.27.34.05.12.07.25.07.39 0 .32-.13.57-.4.77-.27.2-.66.29-1.17.29-.22 0-.43-.02-.64-.08-.21-.05-.4-.13-.56-.24-.17-.11-.3-.26-.41-.44-.11-.18-.17-.41-.18-.67h-1.89c0 .36.08.71.24 1.05.16.34.39.65.7.93.31.27.69.49 1.15.66.46.17.98.25 1.58.25.53 0 1.01-.06 1.44-.19.43-.13.8-.31 1.11-.54.31-.23.54-.51.71-.83.17-.32.25-.67.25-1.06-.02-.4-.09-.74-.24-1.02zm-9.96-7.32c-.34-.4-.75-.7-1.23-.88-.47-.18-1.01-.27-1.59-.27-.58 0-1.11.09-1.59.27-.48.18-.89.47-1.23.88-.34.41-.6.93-.79 1.59-.18.65-.28 1.45-.28 2.39v1.92c0 .94.09 1.74.28 2.39.19.66.45 1.19.8 1.6.34.41.75.71 1.23.89.48.18 1.01.28 1.59.28.59 0 1.12-.09 1.59-.28.48-.18.88-.48 1.22-.89.34-.41.6-.94.78-1.6.18-.65.28-1.45.28-2.39v-1.92c0-.94-.09-1.74-.28-2.39-.18-.66-.44-1.19-.78-1.59zm-.92 6.17c0 .6-.04 1.11-.12 1.53-.08.42-.2.76-.36 1.02-.16.26-.36.45-.59.57-.23.12-.51.18-.82.18-.3 0-.58-.06-.82-.18s-.44-.31-.6-.57c-.16-.26-.29-.6-.38-1.02-.09-.42-.13-.93-.13-1.53v-2.5c0-.6.04-1.11.13-1.52.09-.41.21-.74.38-1 .16-.25.36-.43.6-.55.24-.11.51-.17.81-.17.31 0 .58.06.81.17.24.11.44.29.6.55.16.25.29.58.37.99.08.41.13.92.13 1.52v2.51z\"></path></g>\n<g id=\"timer-3\"><path d=\"M11.61 12.97c-.16-.24-.36-.46-.62-.65-.25-.19-.56-.35-.93-.48.3-.14.57-.3.8-.5.23-.2.42-.41.57-.64.15-.23.27-.46.34-.71.08-.24.11-.49.11-.73 0-.55-.09-1.04-.28-1.46-.18-.42-.44-.77-.78-1.06-.33-.28-.73-.5-1.2-.64-.45-.13-.97-.2-1.53-.2-.55 0-1.06.08-1.52.24-.47.17-.87.4-1.2.69-.33.29-.6.63-.78 1.03-.2.39-.29.83-.29 1.29h1.98c0-.26.05-.49.14-.69.09-.2.22-.38.38-.52.17-.14.36-.25.58-.33.22-.08.46-.12.73-.12.61 0 1.06.16 1.36.47.3.31.44.75.44 1.32 0 .27-.04.52-.12.74-.08.22-.21.41-.38.57-.17.16-.38.28-.63.37-.25.09-.55.13-.89.13H6.72v1.57H7.9c.34 0 .64.04.91.11.27.08.5.19.69.35.19.16.34.36.44.61.1.24.16.54.16.87 0 .62-.18 1.09-.53 1.42-.35.33-.84.49-1.45.49-.29 0-.56-.04-.8-.13-.24-.08-.44-.2-.61-.36-.17-.16-.3-.34-.39-.56-.09-.22-.14-.46-.14-.72H4.19c0 .55.11 1.03.32 1.45.21.42.5.77.86 1.05s.77.49 1.24.63.96.21 1.48.21c.57 0 1.09-.08 1.58-.23.49-.15.91-.38 1.26-.68.36-.3.64-.66.84-1.1.2-.43.3-.93.3-1.48 0-.29-.04-.58-.11-.86-.08-.25-.19-.51-.35-.76zm9.26 1.4c-.14-.28-.35-.53-.63-.74-.28-.21-.61-.39-1.01-.53s-.85-.27-1.35-.38c-.35-.07-.64-.15-.87-.23-.23-.08-.41-.16-.55-.25-.14-.09-.23-.19-.28-.3-.05-.11-.08-.24-.08-.39s.03-.28.09-.41c.06-.13.15-.25.27-.34.12-.1.27-.18.45-.24s.4-.09.64-.09c.25 0 .47.04.66.11.19.07.35.17.48.29.13.12.22.26.29.42.06.16.1.32.1.49h1.95c0-.39-.08-.75-.24-1.09-.16-.34-.39-.63-.69-.88-.3-.25-.66-.44-1.09-.59-.43-.15-.92-.22-1.46-.22-.51 0-.98.07-1.39.21-.41.14-.77.33-1.06.57-.29.24-.51.52-.67.84-.16.32-.23.65-.23 1.01s.08.68.23.96c.15.28.37.52.64.73.27.21.6.38.98.53.38.14.81.26 1.27.36.39.08.71.17.95.26s.43.19.57.29c.13.1.22.22.27.34.05.12.07.25.07.39 0 .32-.13.57-.4.77-.27.2-.66.29-1.17.29-.22 0-.43-.02-.64-.08-.21-.05-.4-.13-.56-.24-.17-.11-.3-.26-.41-.44-.11-.18-.17-.41-.18-.67h-1.89c0 .36.08.71.24 1.05.16.34.39.65.7.93.31.27.69.49 1.15.66.46.17.98.25 1.58.25.53 0 1.01-.06 1.44-.19.43-.13.8-.31 1.11-.54.31-.23.54-.51.71-.83.17-.32.25-.67.25-1.06-.02-.4-.09-.74-.24-1.02z\"></path></g>\n<g id=\"timer-off\"><path d=\"M19.04 4.55l-1.42 1.42C16.07 4.74 14.12 4 12 4c-1.83 0-3.53.55-4.95 1.48l1.46 1.46C9.53 6.35 10.73 6 12 6c3.87 0 7 3.13 7 7 0 1.27-.35 2.47-.94 3.49l1.45 1.45C20.45 16.53 21 14.83 21 13c0-2.12-.74-4.07-1.97-5.61l1.42-1.42-1.41-1.42zM15 1H9v2h6V1zm-4 8.44l2 2V8h-2v1.44zM3.02 4L1.75 5.27 4.5 8.03C3.55 9.45 3 11.16 3 13c0 4.97 4.02 9 9 9 1.84 0 3.55-.55 4.98-1.5l2.5 2.5 1.27-1.27-7.71-7.71L3.02 4zM12 20c-3.87 0-7-3.13-7-7 0-1.28.35-2.48.95-3.52l9.56 9.56c-1.03.61-2.23.96-3.51.96z\"></path></g>\n<g id=\"tonality\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93s3.05-7.44 7-7.93v15.86zm2-15.86c1.03.13 2 .45 2.87.93H13v-.93zM13 7h5.24c.25.31.48.65.68 1H13V7zm0 3h6.74c.08.33.15.66.19 1H13v-1zm0 9.93V19h2.87c-.87.48-1.84.8-2.87.93zM18.24 17H13v-1h5.92c-.2.35-.43.69-.68 1zm1.5-3H13v-1h6.93c-.04.34-.11.67-.19 1z\"></path></g>\n<g id=\"transform\"><path d=\"M22 18v-2H8V4h2L7 1 4 4h2v2H2v2h4v8c0 1.1.9 2 2 2h8v2h-2l3 3 3-3h-2v-2h4zM10 8h6v6h2V8c0-1.1-.9-2-2-2h-6v2z\"></path></g>\n<g id=\"tune\"><path d=\"M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z\"></path></g>\n<g id=\"view-comfy\"><path d=\"M3 9h4V5H3v4zm0 5h4v-4H3v4zm5 0h4v-4H8v4zm5 0h4v-4h-4v4zM8 9h4V5H8v4zm5-4v4h4V5h-4zm5 9h4v-4h-4v4zM3 19h4v-4H3v4zm5 0h4v-4H8v4zm5 0h4v-4h-4v4zm5 0h4v-4h-4v4zm0-14v4h4V5h-4z\"></path></g>\n<g id=\"view-compact\"><path d=\"M3 19h6v-7H3v7zm7 0h12v-7H10v7zM3 5v6h19V5H3z\"></path></g>\n<g id=\"vignette\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 15c-4.42 0-8-2.69-8-6s3.58-6 8-6 8 2.69 8 6-3.58 6-8 6z\"></path></g>\n<g id=\"wb-auto\"><path d=\"M6.85 12.65h2.3L8 9l-1.15 3.65zM22 7l-1.2 6.29L19.3 7h-1.6l-1.49 6.29L15 7h-.76C12.77 5.17 10.53 4 8 4c-4.42 0-8 3.58-8 8s3.58 8 8 8c3.13 0 5.84-1.81 7.15-4.43l.1.43H17l1.5-6.1L20 16h1.75l2.05-9H22zm-11.7 9l-.7-2H6.4l-.7 2H3.8L7 7h2l3.2 9h-1.9z\"></path></g>\n<g id=\"wb-cloudy\"><path d=\"M19.36 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.64-4.96z\"></path></g>\n<g id=\"wb-incandescent\"><path d=\"M3.55 18.54l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8zM11 22.45h2V19.5h-2v2.95zM4 10.5H1v2h3v-2zm11-4.19V1.5H9v4.81C7.21 7.35 6 9.28 6 11.5c0 3.31 2.69 6 6 6s6-2.69 6-6c0-2.22-1.21-4.15-3-5.19zm5 4.19v2h3v-2h-3zm-2.76 7.66l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4z\"></path></g>\n<g id=\"wb-iridescent\"><path d=\"M5 14.5h14v-6H5v6zM11 .55V3.5h2V.55h-2zm8.04 2.5l-1.79 1.79 1.41 1.41 1.8-1.79-1.42-1.41zM13 22.45V19.5h-2v2.95h2zm7.45-3.91l-1.8-1.79-1.41 1.41 1.79 1.8 1.42-1.42zM3.55 4.46l1.79 1.79 1.41-1.41-1.79-1.79-1.41 1.41zm1.41 15.49l1.79-1.8-1.41-1.41-1.79 1.79 1.41 1.42z\"></path></g>\n<g id=\"wb-sunny\"><path d=\"M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d1d2bc01f2611eda0c389891c227ec8 || (_templateObject_6d1d2bc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"image\" size=\"24\">\n<svg><defs>\n<g id=\"add-a-photo\"><path d=\"M3 4V1h2v3h3v2H5v3H3V6H0V4h3zm3 6V7h3V4h7l1.83 2H21c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V10h3zm7 9c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-3.2-5c0 1.77 1.43 3.2 3.2 3.2s3.2-1.43 3.2-3.2-1.43-3.2-3.2-3.2-3.2 1.43-3.2 3.2z\"></path></g>\n<g id=\"add-to-photos\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9h-4v4h-2v-4H9V9h4V5h2v4h4v2z\"></path></g>\n<g id=\"adjust\"><path d=\"M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3-8c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3z\"></path></g>\n<g id=\"assistant\"><path d=\"M19 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5.12 10.88L12 17l-1.88-4.12L6 11l4.12-1.88L12 5l1.88 4.12L18 11l-4.12 1.88z\"></path></g>\n<g id=\"assistant-photo\"><path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"></path></g>\n<g id=\"audiotrack\"><path d=\"M12 3v9.28c-.47-.17-.97-.28-1.5-.28C8.01 12 6 14.01 6 16.5S8.01 21 10.5 21c2.31 0 4.2-1.75 4.45-4H15V6h4V3h-7z\"></path></g>\n<g id=\"blur-circular\"><path d=\"M10 9c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM7 9.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm3 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-3-3c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm3-6c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 9c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-1.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm3 6c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-4c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm2-3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-3.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z\"></path></g>\n<g id=\"blur-linear\"><path d=\"M5 17.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM9 13c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zM3 21h18v-2H3v2zM5 9.5c.83 0 1.5-.67 1.5-1.5S5.83 6.5 5 6.5 3.5 7.17 3.5 8 4.17 9.5 5 9.5zm0 4c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM9 17c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm8-.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM3 3v2h18V3H3zm14 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm0 4c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM13 9c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1z\"></path></g>\n<g id=\"blur-off\"><path d=\"M14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm-.2 4.48l.2.02c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5l.02.2c.09.67.61 1.19 1.28 1.28zM14 3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-4 0c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm11 7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm8 8c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm-4 13.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM2.5 5.27l3.78 3.78L6 9c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.03-.19-.06-.28l2.81 2.81c-.71.11-1.25.73-1.25 1.47 0 .83.67 1.5 1.5 1.5.74 0 1.36-.54 1.47-1.25l2.81 2.81c-.09-.03-.18-.06-.28-.06-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.03-.19-.06-.28l3.78 3.78L20 20.23 3.77 4 2.5 5.27zM10 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm11-3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM3 9.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 11c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3-3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5z\"></path></g>\n<g id=\"blur-on\"><path d=\"M6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3 .5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm15 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-11 10c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-17c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 5.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm8 .5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm3 8.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-4-12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0 8.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm4-4.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-4c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z\"></path></g>\n<g id=\"brightness-1\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle></g>\n<g id=\"brightness-2\"><path d=\"M10 2c-1.82 0-3.53.5-5 1.35C7.99 5.08 10 8.3 10 12s-2.01 6.92-5 8.65C6.47 21.5 8.18 22 10 22c5.52 0 10-4.48 10-10S15.52 2 10 2z\"></path></g>\n<g id=\"brightness-3\"><path d=\"M9 2c-1.05 0-2.05.16-3 .46 4.06 1.27 7 5.06 7 9.54 0 4.48-2.94 8.27-7 9.54.95.3 1.95.46 3 .46 5.52 0 10-4.48 10-10S14.52 2 9 2z\"></path></g>\n<g id=\"brightness-4\"><path d=\"M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6c3.31 0 6 2.69 6 6s-2.69 6-6 6z\"></path></g>\n<g id=\"brightness-5\"><path d=\"M20 15.31L23.31 12 20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z\"></path></g>\n<g id=\"brightness-6\"><path d=\"M20 15.31L23.31 12 20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69zM12 18V6c3.31 0 6 2.69 6 6s-2.69 6-6 6z\"></path></g>\n<g id=\"brightness-7\"><path d=\"M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zm0-10c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z\"></path></g>\n<g id=\"broken-image\"><path d=\"M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4 4-3.99z\"></path></g>\n<g id=\"brush\"><path d=\"M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37l-1.34-1.34c-.39-.39-1.02-.39-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z\"></path></g>\n<g id=\"burst-mode\"><path d=\"M1 5h2v14H1zm4 0h2v14H5zm17 0H10c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zM11 17l2.5-3.15L15.29 16l2.5-3.22L21 17H11z\"></path></g>\n<g id=\"camera\"><path d=\"M9.4 10.5l4.77-8.26C13.47 2.09 12.75 2 12 2c-2.4 0-4.6.85-6.32 2.25l3.66 6.35.06-.1zM21.54 9c-.92-2.92-3.15-5.26-6-6.34L11.88 9h9.66zm.26 1h-7.49l.29.5 4.76 8.25C21 16.97 22 14.61 22 12c0-.69-.07-1.35-.2-2zM8.54 12l-3.9-6.75C3.01 7.03 2 9.39 2 12c0 .69.07 1.35.2 2h7.49l-1.15-2zm-6.08 3c.92 2.92 3.15 5.26 6 6.34L12.12 15H2.46zm11.27 0l-3.9 6.76c.7.15 1.42.24 2.17.24 2.4 0 4.6-.85 6.32-2.25l-3.66-6.35-.93 1.6z\"></path></g>\n<g id=\"camera-alt\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"></circle><path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"></path></g>\n<g id=\"camera-front\"><path d=\"M10 20H5v2h5v2l3-3-3-3v2zm4 0v2h5v-2h-5zM12 8c1.1 0 2-.9 2-2s-.9-2-2-2-1.99.9-1.99 2S10.9 8 12 8zm5-8H7C5.9 0 5 .9 5 2v14c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM7 2h10v10.5c0-1.67-3.33-2.5-5-2.5s-5 .83-5 2.5V2z\"></path></g>\n<g id=\"camera-rear\"><path d=\"M10 20H5v2h5v2l3-3-3-3v2zm4 0v2h5v-2h-5zm3-20H7C5.9 0 5 .9 5 2v14c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm-5 6c-1.11 0-2-.9-2-2s.89-2 1.99-2 2 .9 2 2C14 5.1 13.1 6 12 6z\"></path></g>\n<g id=\"camera-roll\"><path d=\"M14 5c0-1.1-.9-2-2-2h-1V2c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v15c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2h8V5h-8zm-2 13h-2v-2h2v2zm0-9h-2V7h2v2zm4 9h-2v-2h2v2zm0-9h-2V7h2v2zm4 9h-2v-2h2v2zm0-9h-2V7h2v2z\"></path></g>\n<g id=\"center-focus-strong\"><path d=\"M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-7 7H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4z\"></path></g>\n<g id=\"center-focus-weak\"><path d=\"M5 15H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"collections\"><path d=\"M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4l2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z\"></path></g>\n<g id=\"collections-bookmark\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 10l-2.5-1.5L15 12V4h5v8z\"></path></g>\n<g id=\"color-lens\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"colorize\"><path d=\"M20.71 5.63l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-3.12 3.12-1.93-1.91-1.41 1.41 1.42 1.42L3 16.25V21h4.75l8.92-8.92 1.42 1.42 1.41-1.41-1.92-1.92 3.12-3.12c.4-.4.4-1.03.01-1.42zM6.92 19L5 17.08l8.06-8.06 1.92 1.92L6.92 19z\"></path></g>\n<g id=\"compare\"><path d=\"M10 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2V1h-2v2zm0 15H5l5-6v6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"control-point\"><path d=\"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"control-point-duplicate\"><path d=\"M16 8h-2v3h-3v2h3v3h2v-3h3v-2h-3zM2 12c0-2.79 1.64-5.2 4.01-6.32V3.52C2.52 4.76 0 8.09 0 12s2.52 7.24 6.01 8.48v-2.16C3.64 17.2 2 14.79 2 12zm13-9c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9zm0 16c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7z\"></path></g>\n<g id=\"crop\"><path d=\"M17 15h2V7c0-1.1-.9-2-2-2H9v2h8v8zM7 17V1H5v4H1v2h4v10c0 1.1.9 2 2 2h10v4h2v-4h4v-2H7z\"></path></g>\n<g id=\"crop-16-9\"><path d=\"M19 6H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H5V8h14v8z\"></path></g>\n<g id=\"crop-3-2\"><path d=\"M19 4H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H5V6h14v12z\"></path></g>\n<g id=\"crop-5-4\"><path d=\"M19 5H5c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H5V7h14v10z\"></path></g>\n<g id=\"crop-7-5\"><path d=\"M19 7H5c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm0 8H5V9h14v6z\"></path></g>\n<g id=\"crop-din\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z\"></path></g>\n<g id=\"crop-free\"><path d=\"M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2 2h4v-2H5v-4zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"crop-landscape\"><path d=\"M19 5H5c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H5V7h14v10z\"></path></g>\n<g id=\"crop-original\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5.04-6.71l-2.75 3.54-1.96-2.36L6.5 17h11l-3.54-4.71z\"></path></g>\n<g id=\"crop-portrait\"><path d=\"M17 3H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H7V5h10v14z\"></path></g>\n<g id=\"crop-rotate\"><path d=\"M7.47 21.49C4.2 19.93 1.86 16.76 1.5 13H0c.51 6.16 5.66 11 11.95 11 .23 0 .44-.02.66-.03L8.8 20.15l-1.33 1.34zM12.05 0c-.23 0-.44.02-.66.04l3.81 3.81 1.33-1.33C19.8 4.07 22.14 7.24 22.5 11H24c-.51-6.16-5.66-11-11.95-11zM16 14h2V8c0-1.11-.9-2-2-2h-6v2h6v6zm-8 2V4H6v2H4v2h2v8c0 1.1.89 2 2 2h8v2h2v-2h2v-2H8z\"></path></g>\n<g id=\"crop-square\"><path d=\"M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H6V6h12v12z\"></path></g>\n<g id=\"dehaze\"><path d=\"M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z\"></path></g>\n<g id=\"details\"><path d=\"M3 4l9 16 9-16H3zm3.38 2h11.25L12 16 6.38 6z\"></path></g>\n<g id=\"edit\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path></g>\n<g id=\"exposure\"><path d=\"M15 17v2h2v-2h2v-2h-2v-2h-2v2h-2v2h2zm5-15H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM5 5h6v2H5V5zm15 15H4L20 4v16z\"></path></g>\n<g id=\"exposure-neg-1\"><path d=\"M4 11v2h8v-2H4zm15 7h-2V7.38L14 8.4V6.7L18.7 5h.3v13z\"></path></g>\n<g id=\"exposure-neg-2\"><path d=\"M15.05 16.29l2.86-3.07c.38-.39.72-.79 1.04-1.18.32-.39.59-.78.82-1.17.23-.39.41-.78.54-1.17s.19-.79.19-1.18c0-.53-.09-1.02-.27-1.46-.18-.44-.44-.81-.78-1.11-.34-.31-.77-.54-1.26-.71-.51-.16-1.08-.24-1.72-.24-.69 0-1.31.11-1.85.32-.54.21-1 .51-1.36.88-.37.37-.65.8-.84 1.3-.18.47-.27.97-.28 1.5h2.14c.01-.31.05-.6.13-.87.09-.29.23-.54.4-.75.18-.21.41-.37.68-.49.27-.12.6-.18.96-.18.31 0 .58.05.81.15.23.1.43.25.59.43.16.18.28.4.37.65.08.25.13.52.13.81 0 .22-.03.43-.08.65-.06.22-.15.45-.29.7-.14.25-.32.53-.56.83-.23.3-.52.65-.88 1.03l-4.17 4.55V18H21v-1.71h-5.95zM2 11v2h8v-2H2z\"></path></g>\n<g id=\"exposure-plus-1\"><path d=\"M10 7H8v4H4v2h4v4h2v-4h4v-2h-4V7zm10 11h-2V7.38L15 8.4V6.7L19.7 5h.3v13z\"></path></g>\n<g id=\"exposure-plus-2\"><path d=\"M16.05 16.29l2.86-3.07c.38-.39.72-.79 1.04-1.18.32-.39.59-.78.82-1.17.23-.39.41-.78.54-1.17.13-.39.19-.79.19-1.18 0-.53-.09-1.02-.27-1.46-.18-.44-.44-.81-.78-1.11-.34-.31-.77-.54-1.26-.71-.51-.16-1.08-.24-1.72-.24-.69 0-1.31.11-1.85.32-.54.21-1 .51-1.36.88-.37.37-.65.8-.84 1.3-.18.47-.27.97-.28 1.5h2.14c.01-.31.05-.6.13-.87.09-.29.23-.54.4-.75.18-.21.41-.37.68-.49.27-.12.6-.18.96-.18.31 0 .58.05.81.15.23.1.43.25.59.43.16.18.28.4.37.65.08.25.13.52.13.81 0 .22-.03.43-.08.65-.06.22-.15.45-.29.7-.14.25-.32.53-.56.83-.23.3-.52.65-.88 1.03l-4.17 4.55V18H22v-1.71h-5.95zM8 7H6v4H2v2h4v4h2v-4h4v-2H8V7z\"></path></g>\n<g id=\"exposure-zero\"><path d=\"M16.14 12.5c0 1-.1 1.85-.3 2.55-.2.7-.48 1.27-.83 1.7-.36.44-.79.75-1.3.95-.51.2-1.07.3-1.7.3-.62 0-1.18-.1-1.69-.3-.51-.2-.95-.51-1.31-.95-.36-.44-.65-1.01-.85-1.7-.2-.7-.3-1.55-.3-2.55v-2.04c0-1 .1-1.85.3-2.55.2-.7.48-1.26.84-1.69.36-.43.8-.74 1.31-.93C10.81 5.1 11.38 5 12 5c.63 0 1.19.1 1.7.29.51.19.95.5 1.31.93.36.43.64.99.84 1.69.2.7.3 1.54.3 2.55v2.04zm-2.11-2.36c0-.64-.05-1.18-.13-1.62-.09-.44-.22-.79-.4-1.06-.17-.27-.39-.46-.64-.58-.25-.13-.54-.19-.86-.19-.32 0-.61.06-.86.18s-.47.31-.64.58c-.17.27-.31.62-.4 1.06s-.13.98-.13 1.62v2.67c0 .64.05 1.18.14 1.62.09.45.23.81.4 1.09s.39.48.64.61.54.19.87.19c.33 0 .62-.06.87-.19s.46-.33.63-.61c.17-.28.3-.64.39-1.09.09-.45.13-.99.13-1.62v-2.66z\"></path></g>\n<g id=\"filter\"><path d=\"M15.96 10.29l-2.75 3.54-1.96-2.36L8.5 15h11l-3.54-4.71zM3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z\"></path></g>\n<g id=\"filter-1\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm11 10h2V5h-4v2h2v8zm7-14H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z\"></path></g>\n<g id=\"filter-2\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zm-4-4h-4v-2h2c1.1 0 2-.89 2-2V7c0-1.11-.9-2-2-2h-4v2h4v2h-2c-1.1 0-2 .89-2 2v4h6v-2z\"></path></g>\n<g id=\"filter-3\"><path d=\"M21 1H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zM3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm14 8v-1.5c0-.83-.67-1.5-1.5-1.5.83 0 1.5-.67 1.5-1.5V7c0-1.11-.9-2-2-2h-4v2h4v2h-2v2h2v2h-4v2h4c1.1 0 2-.89 2-2z\"></path></g>\n<g id=\"filter-4\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm12 10h2V5h-2v4h-2V5h-2v6h4v4zm6-14H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z\"></path></g>\n<g id=\"filter-5\"><path d=\"M21 1H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zM3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm14 8v-2c0-1.11-.9-2-2-2h-2V7h4V5h-6v6h4v2h-4v2h4c1.1 0 2-.89 2-2z\"></path></g>\n<g id=\"filter-6\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zm-8-2h2c1.1 0 2-.89 2-2v-2c0-1.11-.9-2-2-2h-2V7h4V5h-4c-1.1 0-2 .89-2 2v6c0 1.11.9 2 2 2zm0-4h2v2h-2v-2z\"></path></g>\n<g id=\"filter-7\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zm-8-2l4-8V5h-6v2h4l-4 8h2z\"></path></g>\n<g id=\"filter-8\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zm-8-2h2c1.1 0 2-.89 2-2v-1.5c0-.83-.67-1.5-1.5-1.5.83 0 1.5-.67 1.5-1.5V7c0-1.11-.9-2-2-2h-2c-1.1 0-2 .89-2 2v1.5c0 .83.67 1.5 1.5 1.5-.83 0-1.5.67-1.5 1.5V13c0 1.11.9 2 2 2zm0-8h2v2h-2V7zm0 4h2v2h-2v-2z\"></path></g>\n<g id=\"filter-9\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zM15 5h-2c-1.1 0-2 .89-2 2v2c0 1.11.9 2 2 2h2v2h-4v2h4c1.1 0 2-.89 2-2V7c0-1.11-.9-2-2-2zm0 4h-2V7h2v2z\"></path></g>\n<g id=\"filter-9-plus\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm11 7V8c0-1.11-.9-2-2-2h-1c-1.1 0-2 .89-2 2v1c0 1.11.9 2 2 2h1v1H9v2h3c1.1 0 2-.89 2-2zm-3-3V8h1v1h-1zm10-8H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 8h-2V7h-2v2h-2v2h2v2h2v-2h2v6H7V3h14v6z\"></path></g>\n<g id=\"filter-b-and-w\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16l-7-8v8H5l7-8V5h7v14z\"></path></g>\n<g id=\"filter-center-focus\"><path d=\"M5 15H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zM12 9c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"></path></g>\n<g id=\"filter-drama\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.61 5.64 5.36 8.04 2.35 8.36 0 10.9 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4h2c0-2.76-1.86-5.08-4.4-5.78C8.61 6.88 10.2 6 12 6c3.03 0 5.5 2.47 5.5 5.5v.5H19c1.65 0 3 1.35 3 3s-1.35 3-3 3z\"></path></g>\n<g id=\"filter-frames\"><path d=\"M20 4h-4l-4-4-4 4H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H4V6h4.52l3.52-3.5L15.52 6H20v14zM18 8H6v10h12\"></path></g>\n<g id=\"filter-hdr\"><path d=\"M14 6l-3.75 5 2.85 3.8-1.6 1.2C9.81 13.75 7 10 7 10l-6 8h22L14 6z\"></path></g>\n<g id=\"filter-none\"><path d=\"M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z\"></path></g>\n<g id=\"filter-tilt-shift\"><path d=\"M11 4.07V2.05c-2.01.2-3.84 1-5.32 2.21L7.1 5.69c1.11-.86 2.44-1.44 3.9-1.62zm7.32.19C16.84 3.05 15.01 2.25 13 2.05v2.02c1.46.18 2.79.76 3.9 1.62l1.42-1.43zM19.93 11h2.02c-.2-2.01-1-3.84-2.21-5.32L18.31 7.1c.86 1.11 1.44 2.44 1.62 3.9zM5.69 7.1L4.26 5.68C3.05 7.16 2.25 8.99 2.05 11h2.02c.18-1.46.76-2.79 1.62-3.9zM4.07 13H2.05c.2 2.01 1 3.84 2.21 5.32l1.43-1.43c-.86-1.1-1.44-2.43-1.62-3.89zM15 12c0-1.66-1.34-3-3-3s-3 1.34-3 3 1.34 3 3 3 3-1.34 3-3zm3.31 4.9l1.43 1.43c1.21-1.48 2.01-3.32 2.21-5.32h-2.02c-.18 1.45-.76 2.78-1.62 3.89zM13 19.93v2.02c2.01-.2 3.84-1 5.32-2.21l-1.43-1.43c-1.1.86-2.43 1.44-3.89 1.62zm-7.32-.19C7.16 20.95 9 21.75 11 21.95v-2.02c-1.46-.18-2.79-.76-3.9-1.62l-1.42 1.43z\"></path></g>\n<g id=\"filter-vintage\"><path d=\"M18.7 12.4c-.28-.16-.57-.29-.86-.4.29-.11.58-.24.86-.4 1.92-1.11 2.99-3.12 3-5.19-1.79-1.03-4.07-1.11-6 0-.28.16-.54.35-.78.54.05-.31.08-.63.08-.95 0-2.22-1.21-4.15-3-5.19C10.21 1.85 9 3.78 9 6c0 .32.03.64.08.95-.24-.2-.5-.39-.78-.55-1.92-1.11-4.2-1.03-6 0 0 2.07 1.07 4.08 3 5.19.28.16.57.29.86.4-.29.11-.58.24-.86.4-1.92 1.11-2.99 3.12-3 5.19 1.79 1.03 4.07 1.11 6 0 .28-.16.54-.35.78-.54-.05.32-.08.64-.08.96 0 2.22 1.21 4.15 3 5.19 1.79-1.04 3-2.97 3-5.19 0-.32-.03-.64-.08-.95.24.2.5.38.78.54 1.92 1.11 4.2 1.03 6 0-.01-2.07-1.08-4.08-3-5.19zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"></path></g>\n<g id=\"flare\"><path d=\"M7 11H1v2h6v-2zm2.17-3.24L7.05 5.64 5.64 7.05l2.12 2.12 1.41-1.41zM13 1h-2v6h2V1zm5.36 6.05l-1.41-1.41-2.12 2.12 1.41 1.41 2.12-2.12zM17 11v2h6v-2h-6zm-5-2c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zm2.83 7.24l2.12 2.12 1.41-1.41-2.12-2.12-1.41 1.41zm-9.19.71l1.41 1.41 2.12-2.12-1.41-1.41-2.12 2.12zM11 23h2v-6h-2v6z\"></path></g>\n<g id=\"flash-auto\"><path d=\"M3 2v12h3v9l7-12H9l4-9H3zm16 0h-2l-3.2 9h1.9l.7-2h3.2l.7 2h1.9L19 2zm-2.15 5.65L18 4l1.15 3.65h-2.3z\"></path></g>\n<g id=\"flash-off\"><path d=\"M3.27 3L2 4.27l5 5V13h3v9l3.58-6.14L17.73 20 19 18.73 3.27 3zM17 10h-4l4-8H7v2.18l8.46 8.46L17 10z\"></path></g>\n<g id=\"flash-on\"><path d=\"M7 2v11h3v9l7-12h-4l4-8z\"></path></g>\n<g id=\"flip\"><path d=\"M15 21h2v-2h-2v2zm4-12h2V7h-2v2zM3 5v14c0 1.1.9 2 2 2h4v-2H5V5h4V3H5c-1.1 0-2 .9-2 2zm16-2v2h2c0-1.1-.9-2-2-2zm-8 20h2V1h-2v22zm8-6h2v-2h-2v2zM15 5h2V3h-2v2zm4 8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2z\"></path></g>\n<g id=\"gradient\"><path d=\"M11 9h2v2h-2zm-2 2h2v2H9zm4 0h2v2h-2zm2-2h2v2h-2zM7 9h2v2H7zm12-6H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 18H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm2-7h-2v2h2v2h-2v-2h-2v2h-2v-2h-2v2H9v-2H7v2H5v-2h2v-2H5V5h14v6z\"></path></g>\n<g id=\"grain\"><path d=\"M10 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM6 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12-8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-4 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm4-4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-4-4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-4-4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"grid-off\"><path d=\"M8 4v1.45l2 2V4h4v4h-3.45l2 2H14v1.45l2 2V10h4v4h-3.45l2 2H20v1.45l2 2V4c0-1.1-.9-2-2-2H4.55l2 2H8zm8 0h4v4h-4V4zM1.27 1.27L0 2.55l2 2V20c0 1.1.9 2 2 2h15.46l2 2 1.27-1.27L1.27 1.27zM10 12.55L11.45 14H10v-1.45zm-6-6L5.45 8H4V6.55zM8 20H4v-4h4v4zm0-6H4v-4h3.45l.55.55V14zm6 6h-4v-4h3.45l.55.54V20zm2 0v-1.46L17.46 20H16z\"></path></g>\n<g id=\"grid-on\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z\"></path></g>\n<g id=\"hdr-off\"><path d=\"M17.5 15v-2h1.1l.9 2H21l-.9-2.1c.5-.2.9-.8.9-1.4v-1c0-.8-.7-1.5-1.5-1.5H16v4.9l1.1 1.1h.4zm0-4.5h2v1h-2v-1zm-4.5 0v.4l1.5 1.5v-1.9c0-.8-.7-1.5-1.5-1.5h-1.9l1.5 1.5h.4zm-3.5-1l-7-7-1.1 1L6.9 9h-.4v2h-2V9H3v6h1.5v-2.5h2V15H8v-4.9l1.5 1.5V15h3.4l7.6 7.6 1.1-1.1-12.1-12z\"></path></g>\n<g id=\"hdr-on\"><path d=\"M21 11.5v-1c0-.8-.7-1.5-1.5-1.5H16v6h1.5v-2h1.1l.9 2H21l-.9-2.1c.5-.3.9-.8.9-1.4zm-1.5 0h-2v-1h2v1zm-13-.5h-2V9H3v6h1.5v-2.5h2V15H8V9H6.5v2zM13 9H9.5v6H13c.8 0 1.5-.7 1.5-1.5v-3c0-.8-.7-1.5-1.5-1.5zm0 4.5h-2v-3h2v3z\"></path></g>\n<g id=\"hdr-strong\"><path d=\"M17 6c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zM5 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"hdr-weak\"><path d=\"M5 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm12-2c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"></path></g>\n<g id=\"healing\"><path d=\"M17.73 12.02l3.98-3.98c.39-.39.39-1.02 0-1.41l-4.34-4.34c-.39-.39-1.02-.39-1.41 0l-3.98 3.98L8 2.29C7.8 2.1 7.55 2 7.29 2c-.25 0-.51.1-.7.29L2.25 6.63c-.39.39-.39 1.02 0 1.41l3.98 3.98L2.25 16c-.39.39-.39 1.02 0 1.41l4.34 4.34c.39.39 1.02.39 1.41 0l3.98-3.98 3.98 3.98c.2.2.45.29.71.29.26 0 .51-.1.71-.29l4.34-4.34c.39-.39.39-1.02 0-1.41l-3.99-3.98zM12 9c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-4.71 1.96L3.66 7.34l3.63-3.63 3.62 3.62-3.62 3.63zM10 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm2 2c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm2-4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2.66 9.34l-3.63-3.62 3.63-3.63 3.62 3.62-3.62 3.63z\"></path></g>\n<g id=\"image\"><path d=\"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z\"></path></g>\n<g id=\"image-aspect-ratio\"><path d=\"M16 10h-2v2h2v-2zm0 4h-2v2h2v-2zm-8-4H6v2h2v-2zm4 0h-2v2h2v-2zm8-6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z\"></path></g>\n<g id=\"iso\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5.5 7.5h2v-2H9v2h2V9H9v2H7.5V9h-2V7.5zM19 19H5L19 5v14zm-2-2v-1.5h-5V17h5z\"></path></g>\n<g id=\"landscape\"><path d=\"M14 6l-3.75 5 2.85 3.8-1.6 1.2C9.81 13.75 7 10 7 10l-6 8h22L14 6z\"></path></g>\n<g id=\"leak-add\"><path d=\"M6 3H3v3c1.66 0 3-1.34 3-3zm8 0h-2c0 4.97-4.03 9-9 9v2c6.08 0 11-4.93 11-11zm-4 0H8c0 2.76-2.24 5-5 5v2c3.87 0 7-3.13 7-7zm0 18h2c0-4.97 4.03-9 9-9v-2c-6.07 0-11 4.93-11 11zm8 0h3v-3c-1.66 0-3 1.34-3 3zm-4 0h2c0-2.76 2.24-5 5-5v-2c-3.87 0-7 3.13-7 7z\"></path></g>\n<g id=\"leak-remove\"><path d=\"M10 3H8c0 .37-.04.72-.12 1.06l1.59 1.59C9.81 4.84 10 3.94 10 3zM3 4.27l2.84 2.84C5.03 7.67 4.06 8 3 8v2c1.61 0 3.09-.55 4.27-1.46L8.7 9.97C7.14 11.24 5.16 12 3 12v2c2.71 0 5.19-.99 7.11-2.62l2.5 2.5C10.99 15.81 10 18.29 10 21h2c0-2.16.76-4.14 2.03-5.69l1.43 1.43C14.55 17.91 14 19.39 14 21h2c0-1.06.33-2.03.89-2.84L19.73 21 21 19.73 4.27 3 3 4.27zM14 3h-2c0 1.5-.37 2.91-1.02 4.16l1.46 1.46C13.42 6.98 14 5.06 14 3zm5.94 13.12c.34-.08.69-.12 1.06-.12v-2c-.94 0-1.84.19-2.66.52l1.6 1.6zm-4.56-4.56l1.46 1.46C18.09 12.37 19.5 12 21 12v-2c-2.06 0-3.98.58-5.62 1.56z\"></path></g>\n<g id=\"lens\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"></path></g>\n<g id=\"linked-camera\"><circle cx=\"12\" cy=\"14\" r=\"3.2\"></circle><path d=\"M16 3.33c2.58 0 4.67 2.09 4.67 4.67H22c0-3.31-2.69-6-6-6v1.33M16 6c1.11 0 2 .89 2 2h1.33c0-1.84-1.49-3.33-3.33-3.33V6\"></path><path d=\"M17 9c0-1.11-.89-2-2-2V4H9L7.17 6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9h-5zm-5 10c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"></path></g>\n<g id=\"looks\"><path d=\"M12 10c-3.86 0-7 3.14-7 7h2c0-2.76 2.24-5 5-5s5 2.24 5 5h2c0-3.86-3.14-7-7-7zm0-4C5.93 6 1 10.93 1 17h2c0-4.96 4.04-9 9-9s9 4.04 9 9h2c0-6.07-4.93-11-11-11z\"></path></g>\n<g id=\"looks-3\"><path d=\"M19.01 3h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15c0 1.11-.9 2-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4c1.1 0 2 .89 2 2v1.5z\"></path></g>\n<g id=\"looks-4\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 14h-2v-4H9V7h2v4h2V7h2v10z\"></path></g>\n<g id=\"looks-5\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2c1.1 0 2 .89 2 2v2c0 1.11-.9 2-2 2H9v-2h4v-2H9V7h6v2z\"></path></g>\n<g id=\"looks-6\"><path d=\"M11 15h2v-2h-2v2zm8-12H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2c1.1 0 2 .89 2 2v2c0 1.11-.9 2-2 2h-2c-1.1 0-2-.89-2-2V9c0-1.11.9-2 2-2h4v2z\"></path></g>\n<g id=\"looks-one\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z\"></path></g>\n<g id=\"looks-two\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8c0 1.11-.9 2-2 2h-2v2h4v2H9v-4c0-1.11.9-2 2-2h2V9H9V7h4c1.1 0 2 .89 2 2v2z\"></path></g>\n<g id=\"loupe\"><path d=\"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.49 2 2 6.49 2 12s4.49 10 10 10h8c1.1 0 2-.9 2-2v-8c0-5.51-4.49-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"monochrome-photos\"><path d=\"M20 5h-3.2L15 3H9L7.2 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 14h-8v-1c-2.8 0-5-2.2-5-5s2.2-5 5-5V7h8v12zm-3-6c0-2.8-2.2-5-5-5v1.8c1.8 0 3.2 1.4 3.2 3.2s-1.4 3.2-3.2 3.2V18c2.8 0 5-2.2 5-5zm-8.2 0c0 1.8 1.4 3.2 3.2 3.2V9.8c-1.8 0-3.2 1.4-3.2 3.2z\"></path></g>\n<g id=\"movie-creation\"><path d=\"M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4z\"></path></g>\n<g id=\"movie-filter\"><path d=\"M18 4l2 3h-3l-2-3h-2l2 3h-3l-2-3H8l2 3H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4zm-6.75 11.25L10 18l-1.25-2.75L6 14l2.75-1.25L10 10l1.25 2.75L14 14l-2.75 1.25zm5.69-3.31L16 14l-.94-2.06L13 11l2.06-.94L16 8l.94 2.06L19 11l-2.06.94z\"></path></g>\n<g id=\"music-note\"><path d=\"M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z\"></path></g>\n<g id=\"nature\"><path d=\"M13 16.12c3.47-.41 6.17-3.36 6.17-6.95 0-3.87-3.13-7-7-7s-7 3.13-7 7c0 3.47 2.52 6.34 5.83 6.89V20H5v2h14v-2h-6v-3.88z\"></path></g>\n<g id=\"nature-people\"><path d=\"M22.17 9.17c0-3.87-3.13-7-7-7s-7 3.13-7 7c0 3.47 2.52 6.34 5.83 6.89V20H6v-3h1v-4c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v4h1v5h16v-2h-3v-3.88c3.47-.41 6.17-3.36 6.17-6.95zM4.5 11c.83 0 1.5-.67 1.5-1.5S5.33 8 4.5 8 3 8.67 3 9.5 3.67 11 4.5 11z\"></path></g>\n<g id=\"navigate-before\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path></g>\n<g id=\"navigate-next\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path></g>\n<g id=\"palette\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"panorama\"><path d=\"M23 18V6c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zM8.5 12.5l2.5 3.01L14.5 11l4.5 6H5l3.5-4.5z\"></path></g>\n<g id=\"panorama-fish-eye\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"panorama-horizontal\"><path d=\"M20 6.54v10.91c-2.6-.77-5.28-1.16-8-1.16-2.72 0-5.4.39-8 1.16V6.54c2.6.77 5.28 1.16 8 1.16 2.72.01 5.4-.38 8-1.16M21.43 4c-.1 0-.2.02-.31.06C18.18 5.16 15.09 5.7 12 5.7c-3.09 0-6.18-.55-9.12-1.64-.11-.04-.22-.06-.31-.06-.34 0-.57.23-.57.63v14.75c0 .39.23.62.57.62.1 0 .2-.02.31-.06 2.94-1.1 6.03-1.64 9.12-1.64 3.09 0 6.18.55 9.12 1.64.11.04.21.06.31.06.33 0 .57-.23.57-.63V4.63c0-.4-.24-.63-.57-.63z\"></path></g>\n<g id=\"panorama-vertical\"><path d=\"M19.94 21.12c-1.1-2.94-1.64-6.03-1.64-9.12 0-3.09.55-6.18 1.64-9.12.04-.11.06-.22.06-.31 0-.34-.23-.57-.63-.57H4.63c-.4 0-.63.23-.63.57 0 .1.02.2.06.31C5.16 5.82 5.71 8.91 5.71 12c0 3.09-.55 6.18-1.64 9.12-.05.11-.07.22-.07.31 0 .33.23.57.63.57h14.75c.39 0 .63-.24.63-.57-.01-.1-.03-.2-.07-.31zM6.54 20c.77-2.6 1.16-5.28 1.16-8 0-2.72-.39-5.4-1.16-8h10.91c-.77 2.6-1.16 5.28-1.16 8 0 2.72.39 5.4 1.16 8H6.54z\"></path></g>\n<g id=\"panorama-wide-angle\"><path d=\"M12 6c2.45 0 4.71.2 7.29.64.47 1.78.71 3.58.71 5.36 0 1.78-.24 3.58-.71 5.36-2.58.44-4.84.64-7.29.64s-4.71-.2-7.29-.64C4.24 15.58 4 13.78 4 12c0-1.78.24-3.58.71-5.36C7.29 6.2 9.55 6 12 6m0-2c-2.73 0-5.22.24-7.95.72l-.93.16-.25.9C2.29 7.85 2 9.93 2 12s.29 4.15.87 6.22l.25.89.93.16c2.73.49 5.22.73 7.95.73s5.22-.24 7.95-.72l.93-.16.25-.89c.58-2.08.87-4.16.87-6.23s-.29-4.15-.87-6.22l-.25-.89-.93-.16C17.22 4.24 14.73 4 12 4z\"></path></g>\n<g id=\"photo\"><path d=\"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z\"></path></g>\n<g id=\"photo-album\"><path d=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4zm0 15l3-3.86 2.14 2.58 3-3.86L18 19H6z\"></path></g>\n<g id=\"photo-camera\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"></circle><path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"></path></g>\n<g id=\"photo-filter\"><path d=\"M19.02 10v9H5V5h9V3H5.02c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-9h-2zM17 10l.94-2.06L20 7l-2.06-.94L17 4l-.94 2.06L14 7l2.06.94zm-3.75.75L12 8l-1.25 2.75L8 12l2.75 1.25L12 16l1.25-2.75L16 12z\"></path></g>\n<g id=\"photo-library\"><path d=\"M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4l2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z\"></path></g>\n<g id=\"photo-size-select-actual\"><path d=\"M21 3H3C2 3 1 4 1 5v14c0 1.1.9 2 2 2h18c1 0 2-1 2-2V5c0-1-1-2-2-2zM5 17l3.5-4.5 2.5 3.01L14.5 11l4.5 6H5z\"></path></g>\n<g id=\"photo-size-select-large\"><path d=\"M21 15h2v2h-2v-2zm0-4h2v2h-2v-2zm2 8h-2v2c1 0 2-1 2-2zM13 3h2v2h-2V3zm8 4h2v2h-2V7zm0-4v2h2c0-1-1-2-2-2zM1 7h2v2H1V7zm16-4h2v2h-2V3zm0 16h2v2h-2v-2zM3 3C2 3 1 4 1 5h2V3zm6 0h2v2H9V3zM5 3h2v2H5V3zm-4 8v8c0 1.1.9 2 2 2h12V11H1zm2 8l2.5-3.21 1.79 2.15 2.5-3.22L13 19H3z\"></path></g>\n<g id=\"photo-size-select-small\"><path d=\"M23 15h-2v2h2v-2zm0-4h-2v2h2v-2zm0 8h-2v2c1 0 2-1 2-2zM15 3h-2v2h2V3zm8 4h-2v2h2V7zm-2-4v2h2c0-1-1-2-2-2zM3 21h8v-6H1v4c0 1.1.9 2 2 2zM3 7H1v2h2V7zm12 12h-2v2h2v-2zm4-16h-2v2h2V3zm0 16h-2v2h2v-2zM3 3C2 3 1 4 1 5h2V3zm0 8H1v2h2v-2zm8-8H9v2h2V3zM7 3H5v2h2V3z\"></path></g>\n<g id=\"picture-as-pdf\"><path d=\"M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5.5h1v-3h-1v3z\"></path></g>\n<g id=\"portrait\"><path d=\"M12 12.25c1.24 0 2.25-1.01 2.25-2.25S13.24 7.75 12 7.75 9.75 8.76 9.75 10s1.01 2.25 2.25 2.25zm4.5 4c0-1.5-3-2.25-4.5-2.25s-4.5.75-4.5 2.25V17h9v-.75zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z\"></path></g>\n<g id=\"remove-red-eye\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"></path></g>\n<g id=\"rotate-90-degrees-ccw\"><path d=\"M7.34 6.41L.86 12.9l6.49 6.48 6.49-6.48-6.5-6.49zM3.69 12.9l3.66-3.66L11 12.9l-3.66 3.66-3.65-3.66zm15.67-6.26C17.61 4.88 15.3 4 13 4V.76L8.76 5 13 9.24V6c1.79 0 3.58.68 4.95 2.05 2.73 2.73 2.73 7.17 0 9.9C16.58 19.32 14.79 20 13 20c-.97 0-1.94-.21-2.84-.61l-1.49 1.49C10.02 21.62 11.51 22 13 22c2.3 0 4.61-.88 6.36-2.64 3.52-3.51 3.52-9.21 0-12.72z\"></path></g>\n<g id=\"rotate-left\"><path d=\"M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z\"></path></g>\n<g id=\"rotate-right\"><path d=\"M15.55 5.55L11 1v3.07C7.06 4.56 4 7.92 4 12s3.05 7.44 7 7.93v-2.02c-2.84-.48-5-2.94-5-5.91s2.16-5.43 5-5.91V10l4.55-4.45zM19.93 11c-.17-1.39-.72-2.73-1.62-3.89l-1.42 1.42c.54.75.88 1.6 1.02 2.47h2.02zM13 17.9v2.02c1.39-.17 2.74-.71 3.9-1.61l-1.44-1.44c-.75.54-1.59.89-2.46 1.03zm3.89-2.42l1.42 1.41c.9-1.16 1.45-2.5 1.62-3.89h-2.02c-.14.87-.48 1.72-1.02 2.48z\"></path></g>\n<g id=\"slideshow\"><path d=\"M10 8v8l5-4-5-4zm9-5H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z\"></path></g>\n<g id=\"straighten\"><path d=\"M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z\"></path></g>\n<g id=\"style\"><path d=\"M2.53 19.65l1.34.56v-9.03l-2.43 5.86c-.41 1.02.08 2.19 1.09 2.61zm19.5-3.7L17.07 3.98c-.31-.75-1.04-1.21-1.81-1.23-.26 0-.53.04-.79.15L7.1 5.95c-.75.31-1.21 1.03-1.23 1.8-.01.27.04.54.15.8l4.96 11.97c.31.76 1.05 1.22 1.83 1.23.26 0 .52-.05.77-.15l7.36-3.05c1.02-.42 1.51-1.59 1.09-2.6zM7.88 8.75c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-2 11c0 1.1.9 2 2 2h1.45l-3.45-8.34v6.34z\"></path></g>\n<g id=\"switch-camera\"><path d=\"M20 4h-3.17L15 2H9L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 11.5V13H9v2.5L5.5 12 9 8.5V11h6V8.5l3.5 3.5-3.5 3.5z\"></path></g>\n<g id=\"switch-video\"><path d=\"M18 9.5V6c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-3.5l4 4v-13l-4 4zm-5 6V13H7v2.5L3.5 12 7 8.5V11h6V8.5l3.5 3.5-3.5 3.5z\"></path></g>\n<g id=\"tag-faces\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\"></path></g>\n<g id=\"texture\"><path d=\"M19.51 3.08L3.08 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L20.93 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.88 3L3 11.88v2.83L14.71 3h-2.83zM5 3c-1.1 0-2 .9-2 2v2l4-4H5zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83L21 12.12V9.29L9.29 21z\"></path></g>\n<g id=\"timelapse\"><path d=\"M16.24 7.76C15.07 6.59 13.54 6 12 6v6l-4.24 4.24c2.34 2.34 6.14 2.34 8.49 0 2.34-2.34 2.34-6.14-.01-8.48zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></g>\n<g id=\"timer\"><path d=\"M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"timer-10\"><path d=\"M0 7.72V9.4l3-1V18h2V6h-.25L0 7.72zm23.78 6.65c-.14-.28-.35-.53-.63-.74-.28-.21-.61-.39-1.01-.53s-.85-.27-1.35-.38c-.35-.07-.64-.15-.87-.23-.23-.08-.41-.16-.55-.25-.14-.09-.23-.19-.28-.3-.05-.11-.08-.24-.08-.39 0-.14.03-.28.09-.41.06-.13.15-.25.27-.34.12-.1.27-.18.45-.24s.4-.09.64-.09c.25 0 .47.04.66.11.19.07.35.17.48.29.13.12.22.26.29.42.06.16.1.32.1.49h1.95c0-.39-.08-.75-.24-1.09-.16-.34-.39-.63-.69-.88-.3-.25-.66-.44-1.09-.59C21.49 9.07 21 9 20.46 9c-.51 0-.98.07-1.39.21-.41.14-.77.33-1.06.57-.29.24-.51.52-.67.84-.16.32-.23.65-.23 1.01s.08.69.23.96c.15.28.36.52.64.73.27.21.6.38.98.53.38.14.81.26 1.27.36.39.08.71.17.95.26s.43.19.57.29c.13.1.22.22.27.34.05.12.07.25.07.39 0 .32-.13.57-.4.77-.27.2-.66.29-1.17.29-.22 0-.43-.02-.64-.08-.21-.05-.4-.13-.56-.24-.17-.11-.3-.26-.41-.44-.11-.18-.17-.41-.18-.67h-1.89c0 .36.08.71.24 1.05.16.34.39.65.7.93.31.27.69.49 1.15.66.46.17.98.25 1.58.25.53 0 1.01-.06 1.44-.19.43-.13.8-.31 1.11-.54.31-.23.54-.51.71-.83.17-.32.25-.67.25-1.06-.02-.4-.09-.74-.24-1.02zm-9.96-7.32c-.34-.4-.75-.7-1.23-.88-.47-.18-1.01-.27-1.59-.27-.58 0-1.11.09-1.59.27-.48.18-.89.47-1.23.88-.34.41-.6.93-.79 1.59-.18.65-.28 1.45-.28 2.39v1.92c0 .94.09 1.74.28 2.39.19.66.45 1.19.8 1.6.34.41.75.71 1.23.89.48.18 1.01.28 1.59.28.59 0 1.12-.09 1.59-.28.48-.18.88-.48 1.22-.89.34-.41.6-.94.78-1.6.18-.65.28-1.45.28-2.39v-1.92c0-.94-.09-1.74-.28-2.39-.18-.66-.44-1.19-.78-1.59zm-.92 6.17c0 .6-.04 1.11-.12 1.53-.08.42-.2.76-.36 1.02-.16.26-.36.45-.59.57-.23.12-.51.18-.82.18-.3 0-.58-.06-.82-.18s-.44-.31-.6-.57c-.16-.26-.29-.6-.38-1.02-.09-.42-.13-.93-.13-1.53v-2.5c0-.6.04-1.11.13-1.52.09-.41.21-.74.38-1 .16-.25.36-.43.6-.55.24-.11.51-.17.81-.17.31 0 .58.06.81.17.24.11.44.29.6.55.16.25.29.58.37.99.08.41.13.92.13 1.52v2.51z\"></path></g>\n<g id=\"timer-3\"><path d=\"M11.61 12.97c-.16-.24-.36-.46-.62-.65-.25-.19-.56-.35-.93-.48.3-.14.57-.3.8-.5.23-.2.42-.41.57-.64.15-.23.27-.46.34-.71.08-.24.11-.49.11-.73 0-.55-.09-1.04-.28-1.46-.18-.42-.44-.77-.78-1.06-.33-.28-.73-.5-1.2-.64-.45-.13-.97-.2-1.53-.2-.55 0-1.06.08-1.52.24-.47.17-.87.4-1.2.69-.33.29-.6.63-.78 1.03-.2.39-.29.83-.29 1.29h1.98c0-.26.05-.49.14-.69.09-.2.22-.38.38-.52.17-.14.36-.25.58-.33.22-.08.46-.12.73-.12.61 0 1.06.16 1.36.47.3.31.44.75.44 1.32 0 .27-.04.52-.12.74-.08.22-.21.41-.38.57-.17.16-.38.28-.63.37-.25.09-.55.13-.89.13H6.72v1.57H7.9c.34 0 .64.04.91.11.27.08.5.19.69.35.19.16.34.36.44.61.1.24.16.54.16.87 0 .62-.18 1.09-.53 1.42-.35.33-.84.49-1.45.49-.29 0-.56-.04-.8-.13-.24-.08-.44-.2-.61-.36-.17-.16-.3-.34-.39-.56-.09-.22-.14-.46-.14-.72H4.19c0 .55.11 1.03.32 1.45.21.42.5.77.86 1.05s.77.49 1.24.63.96.21 1.48.21c.57 0 1.09-.08 1.58-.23.49-.15.91-.38 1.26-.68.36-.3.64-.66.84-1.1.2-.43.3-.93.3-1.48 0-.29-.04-.58-.11-.86-.08-.25-.19-.51-.35-.76zm9.26 1.4c-.14-.28-.35-.53-.63-.74-.28-.21-.61-.39-1.01-.53s-.85-.27-1.35-.38c-.35-.07-.64-.15-.87-.23-.23-.08-.41-.16-.55-.25-.14-.09-.23-.19-.28-.3-.05-.11-.08-.24-.08-.39s.03-.28.09-.41c.06-.13.15-.25.27-.34.12-.1.27-.18.45-.24s.4-.09.64-.09c.25 0 .47.04.66.11.19.07.35.17.48.29.13.12.22.26.29.42.06.16.1.32.1.49h1.95c0-.39-.08-.75-.24-1.09-.16-.34-.39-.63-.69-.88-.3-.25-.66-.44-1.09-.59-.43-.15-.92-.22-1.46-.22-.51 0-.98.07-1.39.21-.41.14-.77.33-1.06.57-.29.24-.51.52-.67.84-.16.32-.23.65-.23 1.01s.08.68.23.96c.15.28.37.52.64.73.27.21.6.38.98.53.38.14.81.26 1.27.36.39.08.71.17.95.26s.43.19.57.29c.13.1.22.22.27.34.05.12.07.25.07.39 0 .32-.13.57-.4.77-.27.2-.66.29-1.17.29-.22 0-.43-.02-.64-.08-.21-.05-.4-.13-.56-.24-.17-.11-.3-.26-.41-.44-.11-.18-.17-.41-.18-.67h-1.89c0 .36.08.71.24 1.05.16.34.39.65.7.93.31.27.69.49 1.15.66.46.17.98.25 1.58.25.53 0 1.01-.06 1.44-.19.43-.13.8-.31 1.11-.54.31-.23.54-.51.71-.83.17-.32.25-.67.25-1.06-.02-.4-.09-.74-.24-1.02z\"></path></g>\n<g id=\"timer-off\"><path d=\"M19.04 4.55l-1.42 1.42C16.07 4.74 14.12 4 12 4c-1.83 0-3.53.55-4.95 1.48l1.46 1.46C9.53 6.35 10.73 6 12 6c3.87 0 7 3.13 7 7 0 1.27-.35 2.47-.94 3.49l1.45 1.45C20.45 16.53 21 14.83 21 13c0-2.12-.74-4.07-1.97-5.61l1.42-1.42-1.41-1.42zM15 1H9v2h6V1zm-4 8.44l2 2V8h-2v1.44zM3.02 4L1.75 5.27 4.5 8.03C3.55 9.45 3 11.16 3 13c0 4.97 4.02 9 9 9 1.84 0 3.55-.55 4.98-1.5l2.5 2.5 1.27-1.27-7.71-7.71L3.02 4zM12 20c-3.87 0-7-3.13-7-7 0-1.28.35-2.48.95-3.52l9.56 9.56c-1.03.61-2.23.96-3.51.96z\"></path></g>\n<g id=\"tonality\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93s3.05-7.44 7-7.93v15.86zm2-15.86c1.03.13 2 .45 2.87.93H13v-.93zM13 7h5.24c.25.31.48.65.68 1H13V7zm0 3h6.74c.08.33.15.66.19 1H13v-1zm0 9.93V19h2.87c-.87.48-1.84.8-2.87.93zM18.24 17H13v-1h5.92c-.2.35-.43.69-.68 1zm1.5-3H13v-1h6.93c-.04.34-.11.67-.19 1z\"></path></g>\n<g id=\"transform\"><path d=\"M22 18v-2H8V4h2L7 1 4 4h2v2H2v2h4v8c0 1.1.9 2 2 2h8v2h-2l3 3 3-3h-2v-2h4zM10 8h6v6h2V8c0-1.1-.9-2-2-2h-6v2z\"></path></g>\n<g id=\"tune\"><path d=\"M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z\"></path></g>\n<g id=\"view-comfy\"><path d=\"M3 9h4V5H3v4zm0 5h4v-4H3v4zm5 0h4v-4H8v4zm5 0h4v-4h-4v4zM8 9h4V5H8v4zm5-4v4h4V5h-4zm5 9h4v-4h-4v4zM3 19h4v-4H3v4zm5 0h4v-4H8v4zm5 0h4v-4h-4v4zm5 0h4v-4h-4v4zm0-14v4h4V5h-4z\"></path></g>\n<g id=\"view-compact\"><path d=\"M3 19h6v-7H3v7zm7 0h12v-7H10v7zM3 5v6h19V5H3z\"></path></g>\n<g id=\"vignette\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 15c-4.42 0-8-2.69-8-6s3.58-6 8-6 8 2.69 8 6-3.58 6-8 6z\"></path></g>\n<g id=\"wb-auto\"><path d=\"M6.85 12.65h2.3L8 9l-1.15 3.65zM22 7l-1.2 6.29L19.3 7h-1.6l-1.49 6.29L15 7h-.76C12.77 5.17 10.53 4 8 4c-4.42 0-8 3.58-8 8s3.58 8 8 8c3.13 0 5.84-1.81 7.15-4.43l.1.43H17l1.5-6.1L20 16h1.75l2.05-9H22zm-11.7 9l-.7-2H6.4l-.7 2H3.8L7 7h2l3.2 9h-1.9z\"></path></g>\n<g id=\"wb-cloudy\"><path d=\"M19.36 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.64-4.96z\"></path></g>\n<g id=\"wb-incandescent\"><path d=\"M3.55 18.54l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8zM11 22.45h2V19.5h-2v2.95zM4 10.5H1v2h3v-2zm11-4.19V1.5H9v4.81C7.21 7.35 6 9.28 6 11.5c0 3.31 2.69 6 6 6s6-2.69 6-6c0-2.22-1.21-4.15-3-5.19zm5 4.19v2h3v-2h-3zm-2.76 7.66l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4z\"></path></g>\n<g id=\"wb-iridescent\"><path d=\"M5 14.5h14v-6H5v6zM11 .55V3.5h2V.55h-2zm8.04 2.5l-1.79 1.79 1.41 1.41 1.8-1.79-1.42-1.41zM13 22.45V19.5h-2v2.95h2zm7.45-3.91l-1.8-1.79-1.41 1.41 1.79 1.8 1.42-1.42zM3.55 4.46l1.79 1.79 1.41-1.41-1.79-1.79-1.41 1.41zm1.41 15.49l1.79-1.8-1.41-1.41-1.79 1.79 1.41 1.42z\"></path></g>\n<g id=\"wb-sunny\"><path d=\"M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-icons/iron-icons.js b/build/es5-amd/node_modules/@polymer/iron-icons/iron-icons.js
index e6e2c417375..43c48e7e370 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icons/iron-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icons/iron-icons.js
@@ -1,7 +1,7 @@
 define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_910f9b101f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d0250c01f2611eda0c389891c227ec8;
 
   /**
   
@@ -37,6 +37,6 @@ define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js",
   @pseudoElement iron-icons
   @demo demo/index.html
   */
-  var template = (0, _htmlTag.html)(_templateObject_910f9b101f0511ed8cc3e9a95995ad69 || (_templateObject_910f9b101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"icons\" size=\"24\">\n<svg><defs>\n<g id=\"3d-rotation\"><path d=\"M7.52 21.48C4.25 19.94 1.91 16.76 1.55 13H.05C.56 19.16 5.71 24 12 24l.66-.03-3.81-3.81-1.33 1.32zm.89-6.52c-.19 0-.37-.03-.52-.08-.16-.06-.29-.13-.4-.24-.11-.1-.2-.22-.26-.37-.06-.14-.09-.3-.09-.47h-1.3c0 .36.07.68.21.95.14.27.33.5.56.69.24.18.51.32.82.41.3.1.62.15.96.15.37 0 .72-.05 1.03-.15.32-.1.6-.25.83-.44s.42-.43.55-.72c.13-.29.2-.61.2-.97 0-.19-.02-.38-.07-.56-.05-.18-.12-.35-.23-.51-.1-.16-.24-.3-.4-.43-.17-.13-.37-.23-.61-.31.2-.09.37-.2.52-.33.15-.13.27-.27.37-.42.1-.15.17-.3.22-.46.05-.16.07-.32.07-.48 0-.36-.06-.68-.18-.96-.12-.28-.29-.51-.51-.69-.2-.19-.47-.33-.77-.43C9.1 8.05 8.76 8 8.39 8c-.36 0-.69.05-1 .16-.3.11-.57.26-.79.45-.21.19-.38.41-.51.67-.12.26-.18.54-.18.85h1.3c0-.17.03-.32.09-.45s.14-.25.25-.34c.11-.09.23-.17.38-.22.15-.05.3-.08.48-.08.4 0 .7.1.89.31.19.2.29.49.29.86 0 .18-.03.34-.08.49-.05.15-.14.27-.25.37-.11.1-.25.18-.41.24-.16.06-.36.09-.58.09H7.5v1.03h.77c.22 0 .42.02.6.07s.33.13.45.23c.12.11.22.24.29.4.07.16.1.35.1.57 0 .41-.12.72-.35.93-.23.23-.55.33-.95.33zm8.55-5.92c-.32-.33-.7-.59-1.14-.77-.43-.18-.92-.27-1.46-.27H12v8h2.3c.55 0 1.06-.09 1.51-.27.45-.18.84-.43 1.16-.76.32-.33.57-.73.74-1.19.17-.47.26-.99.26-1.57v-.4c0-.58-.09-1.1-.26-1.57-.18-.47-.43-.87-.75-1.2zm-.39 3.16c0 .42-.05.79-.14 1.13-.1.33-.24.62-.43.85-.19.23-.43.41-.71.53-.29.12-.62.18-.99.18h-.91V9.12h.97c.72 0 1.27.23 1.64.69.38.46.57 1.12.57 1.99v.4zM12 0l-.66.03 3.81 3.81 1.33-1.33c3.27 1.55 5.61 4.72 5.96 8.48h1.5C23.44 4.84 18.29 0 12 0z\"></path></g>\n<g id=\"accessibility\"><path d=\"M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z\"></path></g>\n<g id=\"accessible\"><circle cx=\"12\" cy=\"4\" r=\"2\"></circle><path d=\"M19 13v-2c-1.54.02-3.09-.75-4.07-1.83l-1.29-1.43c-.17-.19-.38-.34-.61-.45-.01 0-.01-.01-.02-.01H13c-.35-.2-.75-.3-1.19-.26C10.76 7.11 10 8.04 10 9.09V15c0 1.1.9 2 2 2h5v5h2v-5.5c0-1.1-.9-2-2-2h-3v-3.45c1.29 1.07 3.25 1.94 5 1.95zm-6.17 5c-.41 1.16-1.52 2-2.83 2-1.66 0-3-1.34-3-3 0-1.31.84-2.41 2-2.83V12.1c-2.28.46-4 2.48-4 4.9 0 2.76 2.24 5 5 5 2.42 0 4.44-1.72 4.9-4h-2.07z\"></path></g>\n<g id=\"account-balance\"><path d=\"M4 10v7h3v-7H4zm6 0v7h3v-7h-3zM2 22h19v-3H2v3zm14-12v7h3v-7h-3zm-4.5-9L2 6v2h19V6l-9.5-5z\"></path></g>\n<g id=\"account-balance-wallet\"><path d=\"M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"account-box\"><path d=\"M3 5v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2zm12 4c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3zm-9 8c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6v-1z\"></path></g>\n<g id=\"account-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"></path></g>\n<g id=\"add\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"></path></g>\n<g id=\"add-alert\"><path d=\"M10.01 21.01c0 1.1.89 1.99 1.99 1.99s1.99-.89 1.99-1.99h-3.98zm8.87-4.19V11c0-3.25-2.25-5.97-5.29-6.69v-.72C13.59 2.71 12.88 2 12 2s-1.59.71-1.59 1.59v.72C7.37 5.03 5.12 7.75 5.12 11v5.82L3 18.94V20h18v-1.06l-2.12-2.12zM16 13.01h-3v3h-2v-3H8V11h3V8h2v3h3v2.01z\"></path></g>\n<g id=\"add-box\"><path d=\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z\"></path></g>\n<g id=\"add-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z\"></path></g>\n<g id=\"add-circle-outline\"><path d=\"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"add-shopping-cart\"><path d=\"M11 9h2V6h3V4h-3V1h-2v3H8v2h3v3zm-4 9c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zm-9.83-3.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.86-7.01L19.42 4h-.01l-1.1 2-2.76 5H8.53l-.13-.27L6.16 6l-.95-2-.94-2H1v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.13 0-.25-.11-.25-.25z\"></path></g>\n<g id=\"alarm\"><path d=\"M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"alarm-add\"><path d=\"M7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm1-11h-2v3H8v2h3v3h2v-3h3v-2h-3V9z\"></path></g>\n<g id=\"alarm-off\"><path d=\"M12 6c3.87 0 7 3.13 7 7 0 .84-.16 1.65-.43 2.4l1.52 1.52c.58-1.19.91-2.51.91-3.92 0-4.97-4.03-9-9-9-1.41 0-2.73.33-3.92.91L9.6 6.43C10.35 6.16 11.16 6 12 6zm10-.28l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM2.92 2.29L1.65 3.57 2.98 4.9l-1.11.93 1.42 1.42 1.11-.94.8.8C3.83 8.69 3 10.75 3 13c0 4.97 4.02 9 9 9 2.25 0 4.31-.83 5.89-2.2l2.2 2.2 1.27-1.27L3.89 3.27l-.97-.98zm13.55 16.1C15.26 19.39 13.7 20 12 20c-3.87 0-7-3.13-7-7 0-1.7.61-3.26 1.61-4.47l9.86 9.86zM8.02 3.28L6.6 1.86l-.86.71 1.42 1.42.86-.71z\"></path></g>\n<g id=\"alarm-on\"><path d=\"M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm-1.46-5.47L8.41 12.4l-1.06 1.06 3.18 3.18 6-6-1.06-1.06-4.93 4.95z\"></path></g>\n<g id=\"all-out\"><path d=\"M16.21 4.16l4 4v-4zm4 12l-4 4h4zm-12 4l-4-4v4zm-4-12l4-4h-4zm12.95-.95c-2.73-2.73-7.17-2.73-9.9 0s-2.73 7.17 0 9.9 7.17 2.73 9.9 0 2.73-7.16 0-9.9zm-1.1 8.8c-2.13 2.13-5.57 2.13-7.7 0s-2.13-5.57 0-7.7 5.57-2.13 7.7 0 2.13 5.57 0 7.7z\"></path></g>\n<g id=\"android\"><path d=\"M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v10zM3.5 8C2.67 8 2 8.67 2 9.5v7c0 .83.67 1.5 1.5 1.5S5 17.33 5 16.5v-7C5 8.67 4.33 8 3.5 8zm17 0c-.83 0-1.5.67-1.5 1.5v7c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-7c0-.83-.67-1.5-1.5-1.5zm-4.97-5.84l1.3-1.3c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l-1.48 1.48C13.85 1.23 12.95 1 12 1c-.96 0-1.86.23-2.66.63L7.85.15c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l1.31 1.31C6.97 3.26 6 5.01 6 7h12c0-1.99-.97-3.75-2.47-4.84zM10 5H9V4h1v1zm5 0h-1V4h1v1z\"></path></g>\n<g id=\"announcement\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 9h-2V5h2v6zm0 4h-2v-2h2v2z\"></path></g>\n<g id=\"apps\"><path d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"></path></g>\n<g id=\"archive\"><path d=\"M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zM12 17.5L6.5 12H10v-2h4v2h3.5L12 17.5zM5.12 5l.81-1h12l.94 1H5.12z\"></path></g>\n<g id=\"arrow-back\"><path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\"></path></g>\n<g id=\"arrow-downward\"><path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\"></path></g>\n<g id=\"arrow-drop-down\"><path d=\"M7 10l5 5 5-5z\"></path></g>\n<g id=\"arrow-drop-down-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 12l-4-4h8l-4 4z\"></path></g>\n<g id=\"arrow-drop-up\"><path d=\"M7 14l5-5 5 5z\"></path></g>\n<g id=\"arrow-forward\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"></path></g>\n<g id=\"arrow-upward\"><path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\"></path></g>\n<g id=\"aspect-ratio\"><path d=\"M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z\"></path></g>\n<g id=\"assessment\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"></path></g>\n<g id=\"assignment\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"></path></g>\n<g id=\"assignment-ind\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z\"></path></g>\n<g id=\"assignment-late\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-6 15h-2v-2h2v2zm0-4h-2V8h2v6zm-1-9c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z\"></path></g>\n<g id=\"assignment-return\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm4 12h-4v3l-5-5 5-5v3h4v4z\"></path></g>\n<g id=\"assignment-returned\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 15l-5-5h3V9h4v4h3l-5 5z\"></path></g>\n<g id=\"assignment-turned-in\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-2 14l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"></path></g>\n<g id=\"attachment\"><path d=\"M2 12.5C2 9.46 4.46 7 7.5 7H18c2.21 0 4 1.79 4 4s-1.79 4-4 4H9.5C8.12 15 7 13.88 7 12.5S8.12 10 9.5 10H17v2H9.41c-.55 0-.55 1 0 1H18c1.1 0 2-.9 2-2s-.9-2-2-2H7.5C5.57 9 4 10.57 4 12.5S5.57 16 7.5 16H17v2H7.5C4.46 18 2 15.54 2 12.5z\"></path></g>\n<g id=\"autorenew\"><path d=\"M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z\"></path></g>\n<g id=\"backspace\"><path d=\"M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 12.59L17.59 17 14 13.41 10.41 17 9 15.59 12.59 12 9 8.41 10.41 7 14 10.59 17.59 7 19 8.41 15.41 12 19 15.59z\"></path></g>\n<g id=\"backup\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z\"></path></g>\n<g id=\"block\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z\"></path></g>\n<g id=\"book\"><path d=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z\"></path></g>\n<g id=\"bookmark\"><path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"bookmark-border\"><path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15l-5-2.18L7 18V5h10v13z\"></path></g>\n<g id=\"bug-report\"><path d=\"M20 8h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5c-.49 0-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v2z\"></path></g>\n<g id=\"build\"><path d=\"M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z\"></path></g>\n<g id=\"cached\"><path d=\"M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z\"></path></g>\n<g id=\"camera-enhance\"><path d=\"M9 3L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2h-3.17L15 3H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-1l1.25-2.75L16 13l-2.75-1.25L12 9l-1.25 2.75L8 13l2.75 1.25z\"></path></g>\n<g id=\"cancel\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"></path></g>\n<g id=\"card-giftcard\"><path d=\"M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z\"></path></g>\n<g id=\"card-membership\"><path d=\"M20 2H4c-1.11 0-2 .89-2 2v11c0 1.11.89 2 2 2h4v5l4-2 4 2v-5h4c1.11 0 2-.89 2-2V4c0-1.11-.89-2-2-2zm0 13H4v-2h16v2zm0-5H4V4h16v6z\"></path></g>\n<g id=\"card-travel\"><path d=\"M20 6h-3V4c0-1.11-.89-2-2-2H9c-1.11 0-2 .89-2 2v2H4c-1.11 0-2 .89-2 2v11c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zM9 4h6v2H9V4zm11 15H4v-2h16v2zm0-5H4V8h3v2h2V8h6v2h2V8h3v6z\"></path></g>\n<g id=\"change-history\"><path d=\"M12 7.77L18.39 18H5.61L12 7.77M12 4L2 20h20L12 4z\"></path></g>\n<g id=\"check\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"></path></g>\n<g id=\"check-box\"><path d=\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"></path></g>\n<g id=\"check-box-outline-blank\"><path d=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"check-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"></path></g>\n<g id=\"chevron-left\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path></g>\n<g id=\"chevron-right\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path></g>\n<g id=\"chrome-reader-mode\"><path d=\"M13 12h7v1.5h-7zm0-2.5h7V11h-7zm0 5h7V16h-7zM21 4H3c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 15h-9V6h9v13z\"></path></g>\n<g id=\"class\"><path d=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z\"></path></g>\n<g id=\"clear\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path></g>\n<g id=\"close\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path></g>\n<g id=\"cloud\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z\"></path></g>\n<g id=\"cloud-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.5 14H8c-1.66 0-3-1.34-3-3s1.34-3 3-3l.14.01C8.58 8.28 10.13 7 12 7c2.21 0 4 1.79 4 4h.5c1.38 0 2.5 1.12 2.5 2.5S17.88 16 16.5 16z\"></path></g>\n<g id=\"cloud-done\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM10 17l-3.5-3.5 1.41-1.41L10 14.17 15.18 9l1.41 1.41L10 17z\"></path></g>\n<g id=\"cloud-download\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z\"></path></g>\n<g id=\"cloud-off\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4c-1.48 0-2.85.43-4.01 1.17l1.46 1.46C10.21 6.23 11.08 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19c1.66 0 3 1.34 3 3 0 1.13-.64 2.11-1.56 2.62l1.45 1.45C23.16 18.16 24 16.68 24 15c0-2.64-2.05-4.78-4.65-4.96zM3 5.27l2.75 2.74C2.56 8.15 0 10.77 0 14c0 3.31 2.69 6 6 6h11.73l2 2L21 20.73 4.27 4 3 5.27zM7.73 10l8 8H6c-2.21 0-4-1.79-4-4s1.79-4 4-4h1.73z\"></path></g>\n<g id=\"cloud-queue\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4s1.79-4 4-4h.71C7.37 7.69 9.48 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19c1.66 0 3 1.34 3 3s-1.34 3-3 3z\"></path></g>\n<g id=\"cloud-upload\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z\"></path></g>\n<g id=\"code\"><path d=\"M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z\"></path></g>\n<g id=\"compare-arrows\"><path d=\"M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z\"></path></g>\n<g id=\"content-copy\"><path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\"></path></g>\n<g id=\"content-cut\"><path d=\"M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3z\"></path></g>\n<g id=\"content-paste\"><path d=\"M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z\"></path></g>\n<g id=\"copyright\"><path d=\"M10.08 10.86c.05-.33.16-.62.3-.87s.34-.46.59-.62c.24-.15.54-.22.91-.23.23.01.44.05.63.13.2.09.38.21.52.36s.25.33.34.53.13.42.14.64h1.79c-.02-.47-.11-.9-.28-1.29s-.4-.73-.7-1.01-.66-.5-1.08-.66-.88-.23-1.39-.23c-.65 0-1.22.11-1.7.34s-.88.53-1.2.92-.56.84-.71 1.36S8 11.29 8 11.87v.27c0 .58.08 1.12.23 1.64s.39.97.71 1.35.72.69 1.2.91 1.05.34 1.7.34c.47 0 .91-.08 1.32-.23s.77-.36 1.08-.63.56-.58.74-.94.29-.74.3-1.15h-1.79c-.01.21-.06.4-.15.58s-.21.33-.36.46-.32.23-.52.3c-.19.07-.39.09-.6.1-.36-.01-.66-.08-.89-.23-.25-.16-.45-.37-.59-.62s-.25-.55-.3-.88-.08-.67-.08-1v-.27c0-.35.03-.68.08-1.01zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"create\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path></g>\n<g id=\"create-new-folder\"><path d=\"M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-1 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z\"></path></g>\n<g id=\"credit-card\"><path d=\"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z\"></path></g>\n<g id=\"dashboard\"><path d=\"M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z\"></path></g>\n<g id=\"date-range\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"></path></g>\n<g id=\"delete\"><path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\"></path></g>\n<g id=\"delete-forever\"><path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z\"></path></g>\n<g id=\"delete-sweep\"><path d=\"M15 16h4v2h-4zm0-8h7v2h-7zm0 4h6v2h-6zM3 18c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V8H3v10zM14 5h-3l-1-1H6L5 5H2v2h12z\"></path></g>\n<g id=\"description\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"></path></g>\n<g id=\"dns\"><path d=\"M20 13H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zM7 19c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM20 3H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zM7 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"done\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"></path></g>\n<g id=\"done-all\"><path d=\"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z\"></path></g>\n<g id=\"donut-large\"><path d=\"M11 5.08V2c-5 .5-9 4.81-9 10s4 9.5 9 10v-3.08c-3-.48-6-3.4-6-6.92s3-6.44 6-6.92zM18.97 11H22c-.47-5-4-8.53-9-9v3.08C16 5.51 18.54 8 18.97 11zM13 18.92V22c5-.47 8.53-4 9-9h-3.03c-.43 3-2.97 5.49-5.97 5.92z\"></path></g>\n<g id=\"donut-small\"><path d=\"M11 9.16V2c-5 .5-9 4.79-9 10s4 9.5 9 10v-7.16c-1-.41-2-1.52-2-2.84s1-2.43 2-2.84zM14.86 11H22c-.48-4.75-4-8.53-9-9v7.16c1 .3 1.52.98 1.86 1.84zM13 14.84V22c5-.47 8.52-4.25 9-9h-7.14c-.34.86-.86 1.54-1.86 1.84z\"></path></g>\n<g id=\"drafts\"><path d=\"M21.99 8c0-.72-.37-1.35-.94-1.7L12 1 2.95 6.3C2.38 6.65 2 7.28 2 8v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2l-.01-10zM12 13L3.74 7.84 12 3l8.26 4.84L12 13z\"></path></g>\n<g id=\"eject\"><path d=\"M5 17h14v2H5zm7-12L5.33 15h13.34z\"></path></g>\n<g id=\"error\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"></path></g>\n<g id=\"error-outline\"><path d=\"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></g>\n<g id=\"euro-symbol\"><path d=\"M15 18.5c-2.51 0-4.68-1.42-5.76-3.5H15v-2H8.58c-.05-.33-.08-.66-.08-1s.03-.67.08-1H15V9H9.24C10.32 6.92 12.5 5.5 15 5.5c1.61 0 3.09.59 4.23 1.57L21 5.3C19.41 3.87 17.3 3 15 3c-3.92 0-7.24 2.51-8.48 6H3v2h3.06c-.04.33-.06.66-.06 1 0 .34.02.67.06 1H3v2h3.52c1.24 3.49 4.56 6 8.48 6 2.31 0 4.41-.87 6-2.3l-1.78-1.77c-1.13.98-2.6 1.57-4.22 1.57z\"></path></g>\n<g id=\"event\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"></path></g>\n<g id=\"event-seat\"><path d=\"M4 18v3h3v-3h10v3h3v-6H4zm15-8h3v3h-3zM2 10h3v3H2zm15 3H7V5c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v8z\"></path></g>\n<g id=\"exit-to-app\"><path d=\"M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"expand-less\"><path d=\"M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z\"></path></g>\n<g id=\"expand-more\"><path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"></path></g>\n<g id=\"explore\"><path d=\"M12 10.9c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1c.61 0 1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm2.19 12.19L6 18l3.81-8.19L18 6l-3.81 8.19z\"></path></g>\n<g id=\"extension\"><path d=\"M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z\"></path></g>\n<g id=\"face\"><path d=\"M9 11.75c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zm6 0c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8 0-.29.02-.58.05-.86 2.36-1.05 4.23-2.98 5.21-5.37C11.07 8.33 14.05 10 17.42 10c.78 0 1.53-.09 2.25-.26.21.71.33 1.47.33 2.26 0 4.41-3.59 8-8 8z\"></path></g>\n<g id=\"favorite\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"></path></g>\n<g id=\"favorite-border\"><path d=\"M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z\"></path></g>\n<g id=\"feedback\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z\"></path></g>\n<g id=\"file-download\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"></path></g>\n<g id=\"file-upload\"><path d=\"M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z\"></path></g>\n<g id=\"filter-list\"><path d=\"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z\"></path></g>\n<g id=\"find-in-page\"><path d=\"M20 19.59V8l-6-6H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c.45 0 .85-.15 1.19-.4l-4.43-4.43c-.8.52-1.74.83-2.76.83-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75L20 19.59zM9 13c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3z\"></path></g>\n<g id=\"find-replace\"><path d=\"M11 6c1.38 0 2.63.56 3.54 1.46L12 10h6V4l-2.05 2.05C14.68 4.78 12.93 4 11 4c-3.53 0-6.43 2.61-6.92 6H6.1c.46-2.28 2.48-4 4.9-4zm5.64 9.14c.66-.9 1.12-1.97 1.28-3.14H15.9c-.46 2.28-2.48 4-4.9 4-1.38 0-2.63-.56-3.54-1.46L10 12H4v6l2.05-2.05C7.32 17.22 9.07 18 11 18c1.55 0 2.98-.51 4.14-1.36L20 21.49 21.49 20l-4.85-4.86z\"></path></g>\n<g id=\"fingerprint\"><path d=\"M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2-.13-.24-.04-.55.2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67-.09.18-.26.28-.44.28zM3.5 9.72c-.1 0-.2-.03-.29-.09-.23-.16-.28-.47-.12-.7.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25.16.22.11.54-.12.7-.23.16-.54.11-.7-.12-.9-1.26-2.04-2.25-3.39-2.94-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21zm6.25 12.07c-.13 0-.26-.05-.35-.15-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57 0-4.66 1.97-4.66 4.39 0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15zm7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12zM14.91 22c-.04 0-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1-1.4-1.39-2.17-3.24-2.17-5.22 0-1.62 1.38-2.94 3.08-2.94 1.7 0 3.08 1.32 3.08 2.94 0 1.07.93 1.94 2.08 1.94s2.08-.87 2.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84 0-5.44 1.58-6.61 4.03-.39.81-.59 1.76-.59 2.8 0 .78.07 2.01.67 3.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29-.49-1.31-.73-2.61-.73-3.96 0-1.2.23-2.29.68-3.24 1.33-2.79 4.28-4.6 7.51-4.6 4.55 0 8.25 3.51 8.25 7.83 0 1.62-1.38 2.94-3.08 2.94s-3.08-1.32-3.08-2.94c0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08 1.94c0 1.71.66 3.31 1.87 4.51.95.94 1.86 1.46 3.27 1.85.27.07.42.35.35.61-.05.23-.26.38-.47.38z\"></path></g>\n<g id=\"first-page\"><path d=\"M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z\"></path></g>\n<g id=\"flag\"><path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"></path></g>\n<g id=\"flight-land\"><path d=\"M2.5 19h19v2h-19zm7.18-5.73l4.35 1.16 5.31 1.42c.8.21 1.62-.26 1.84-1.06.21-.8-.26-1.62-1.06-1.84l-5.31-1.42-2.76-9.02L10.12 2v8.28L5.15 8.95l-.93-2.32-1.45-.39v5.17l1.6.43 5.31 1.43z\"></path></g>\n<g id=\"flight-takeoff\"><path d=\"M2.5 19h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92 10l-6.9-6.43-1.93.51 4.14 7.17-4.97 1.33-1.97-1.54-1.45.39 1.82 3.16.77 1.33 1.6-.43 5.31-1.42 4.35-1.16L21 11.49c.81-.23 1.28-1.05 1.07-1.85z\"></path></g>\n<g id=\"flip-to-back\"><path d=\"M9 7H7v2h2V7zm0 4H7v2h2v-2zm0-8c-1.11 0-2 .9-2 2h2V3zm4 12h-2v2h2v-2zm6-12v2h2c0-1.1-.9-2-2-2zm-6 0h-2v2h2V3zM9 17v-2H7c0 1.1.89 2 2 2zm10-4h2v-2h-2v2zm0-4h2V7h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zM5 7H3v12c0 1.1.89 2 2 2h12v-2H5V7zm10-2h2V3h-2v2zm0 12h2v-2h-2v2z\"></path></g>\n<g id=\"flip-to-front\"><path d=\"M3 13h2v-2H3v2zm0 4h2v-2H3v2zm2 4v-2H3c0 1.1.89 2 2 2zM3 9h2V7H3v2zm12 12h2v-2h-2v2zm4-18H9c-1.11 0-2 .9-2 2v10c0 1.1.89 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12H9V5h10v10zm-8 6h2v-2h-2v2zm-4 0h2v-2H7v2z\"></path></g>\n<g id=\"folder\"><path d=\"M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z\"></path></g>\n<g id=\"folder-open\"><path d=\"M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z\"></path></g>\n<g id=\"folder-shared\"><path d=\"M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-5 3c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm4 8h-8v-1c0-1.33 2.67-2 4-2s4 .67 4 2v1z\"></path></g>\n<g id=\"font-download\"><path d=\"M9.93 13.5h4.14L12 7.98zM20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.12 3H5.96l5.11-13h1.86l5.11 13h-2.09z\"></path></g>\n<g id=\"forward\"><path d=\"M12 8V4l8 8-8 8v-4H4V8z\"></path></g>\n<g id=\"fullscreen\"><path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"></path></g>\n<g id=\"fullscreen-exit\"><path d=\"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z\"></path></g>\n<g id=\"g-translate\"><path d=\"M20 5h-9.12L10 2H4c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h7l1 3h8c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zM7.17 14.59c-2.25 0-4.09-1.83-4.09-4.09s1.83-4.09 4.09-4.09c1.04 0 1.99.37 2.74 1.07l.07.06-1.23 1.18-.06-.05c-.29-.27-.78-.59-1.52-.59-1.31 0-2.38 1.09-2.38 2.42s1.07 2.42 2.38 2.42c1.37 0 1.96-.87 2.12-1.46H7.08V9.91h3.95l.01.07c.04.21.05.4.05.61 0 2.35-1.61 4-3.92 4zm6.03-1.71c.33.6.74 1.18 1.19 1.7l-.54.53-.65-2.23zm.77-.76h-.99l-.31-1.04h3.99s-.34 1.31-1.56 2.74c-.52-.62-.89-1.23-1.13-1.7zM21 20c0 .55-.45 1-1 1h-7l2-2-.81-2.77.92-.92L17.79 18l.73-.73-2.71-2.68c.9-1.03 1.6-2.25 1.92-3.51H19v-1.04h-3.64V9h-1.04v1.04h-1.96L11.18 6H20c.55 0 1 .45 1 1v13z\"></path></g>\n<g id=\"gavel\"><path d=\"M1 21h12v2H1zM5.245 8.07l2.83-2.827 14.14 14.142-2.828 2.828zM12.317 1l5.657 5.656-2.83 2.83-5.654-5.66zM3.825 9.485l5.657 5.657-2.828 2.828-5.657-5.657z\"></path></g>\n<g id=\"gesture\"><path d=\"M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z\"></path></g>\n<g id=\"get-app\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"></path></g>\n<g id=\"gif\"><path d=\"M11.5 9H13v6h-1.5zM9 9H6c-.6 0-1 .5-1 1v4c0 .5.4 1 1 1h3c.6 0 1-.5 1-1v-2H8.5v1.5h-2v-3H10V10c0-.5-.4-1-1-1zm10 1.5V9h-4.5v6H16v-2h2v-1.5h-2v-1z\"></path></g>\n<g id=\"grade\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"></path></g>\n<g id=\"group-work\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM8 17.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5zM9.5 8c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5S9.5 9.38 9.5 8zm6.5 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></g>\n<g id=\"help\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\"></path></g>\n<g id=\"help-outline\"><path d=\"M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z\"></path></g>\n<g id=\"highlight-off\"><path d=\"M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"history\"><path d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"></path></g>\n<g id=\"home\"><path d=\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"></path></g>\n<g id=\"hourglass-empty\"><path d=\"M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z\"></path></g>\n<g id=\"hourglass-full\"><path d=\"M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6z\"></path></g>\n<g id=\"http\"><path d=\"M4.5 11h-2V9H1v6h1.5v-2.5h2V15H6V9H4.5v2zm2.5-.5h1.5V15H10v-4.5h1.5V9H7v1.5zm5.5 0H14V15h1.5v-4.5H17V9h-4.5v1.5zm9-1.5H18v6h1.5v-2h2c.8 0 1.5-.7 1.5-1.5v-1c0-.8-.7-1.5-1.5-1.5zm0 2.5h-2v-1h2v1z\"></path></g>\n<g id=\"https\"><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"></path></g>\n<g id=\"important-devices\"><path d=\"M23 11.01L18 11c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h5c.55 0 1-.45 1-1v-9c0-.55-.45-.99-1-.99zM23 20h-5v-7h5v7zM20 2H2C.89 2 0 2.89 0 4v12c0 1.1.89 2 2 2h7v2H7v2h8v-2h-2v-2h2v-2H2V4h18v5h2V4c0-1.11-.9-2-2-2zm-8.03 7L11 6l-.97 3H7l2.47 1.76-.94 2.91 2.47-1.8 2.47 1.8-.94-2.91L15 9h-3.03z\"></path></g>\n<g id=\"inbox\"><path d=\"M19 3H4.99c-1.11 0-1.98.89-1.98 2L3 19c0 1.1.88 2 1.99 2H19c1.1 0 2-.9 2-2V5c0-1.11-.9-2-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H4.99V5H19v10z\"></path></g>\n<g id=\"indeterminate-check-box\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\"></path></g>\n<g id=\"info\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"></path></g>\n<g id=\"info-outline\"><path d=\"M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z\"></path></g>\n<g id=\"input\"><path d=\"M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 16l4-4-4-4v3H1v2h10v3z\"></path></g>\n<g id=\"invert-colors\"><path d=\"M17.66 7.93L12 2.27 6.34 7.93c-3.12 3.12-3.12 8.19 0 11.31C7.9 20.8 9.95 21.58 12 21.58c2.05 0 4.1-.78 5.66-2.34 3.12-3.12 3.12-8.19 0-11.31zM12 19.59c-1.6 0-3.11-.62-4.24-1.76C6.62 16.69 6 15.19 6 13.59s.62-3.11 1.76-4.24L12 5.1v14.49z\"></path></g>\n<g id=\"label\"><path d=\"M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z\"></path></g>\n<g id=\"label-outline\"><path d=\"M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16zM16 17H5V7h11l3.55 5L16 17z\"></path></g>\n<g id=\"language\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z\"></path></g>\n<g id=\"last-page\"><path d=\"M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z\"></path></g>\n<g id=\"launch\"><path d=\"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"></path></g>\n<g id=\"lightbulb-outline\"><path d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z\"></path></g>\n<g id=\"line-style\"><path d=\"M3 16h5v-2H3v2zm6.5 0h5v-2h-5v2zm6.5 0h5v-2h-5v2zM3 20h2v-2H3v2zm4 0h2v-2H7v2zm4 0h2v-2h-2v2zm4 0h2v-2h-2v2zm4 0h2v-2h-2v2zM3 12h8v-2H3v2zm10 0h8v-2h-8v2zM3 4v4h18V4H3z\"></path></g>\n<g id=\"line-weight\"><path d=\"M3 17h18v-2H3v2zm0 3h18v-1H3v1zm0-7h18v-3H3v3zm0-9v4h18V4H3z\"></path></g>\n<g id=\"link\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"></path></g>\n<g id=\"list\"><path d=\"M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z\"></path></g>\n<g id=\"lock\"><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"></path></g>\n<g id=\"lock-open\"><path d=\"M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h1.9c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10z\"></path></g>\n<g id=\"lock-outline\"><path d=\"M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM8.9 6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2H8.9V6zM18 20H6V10h12v10z\"></path></g>\n<g id=\"low-priority\"><path d=\"M14 5h8v2h-8zm0 5.5h8v2h-8zm0 5.5h8v2h-8zM2 11.5C2 15.08 4.92 18 8.5 18H9v2l3-3-3-3v2h-.5C6.02 16 4 13.98 4 11.5S6.02 7 8.5 7H12V5H8.5C4.92 5 2 7.92 2 11.5z\"></path></g>\n<g id=\"loyalty\"><path d=\"M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7zm11.77 8.27L13 19.54l-4.27-4.27C8.28 14.81 8 14.19 8 13.5c0-1.38 1.12-2.5 2.5-2.5.69 0 1.32.28 1.77.74l.73.72.73-.73c.45-.45 1.08-.73 1.77-.73 1.38 0 2.5 1.12 2.5 2.5 0 .69-.28 1.32-.73 1.77z\"></path></g>\n<g id=\"mail\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"></path></g>\n<g id=\"markunread\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"></path></g>\n<g id=\"markunread-mailbox\"><path d=\"M20 6H10v6H8V4h6V0H6v6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"menu\"><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"></path></g>\n<g id=\"more-horiz\"><path d=\"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"more-vert\"><path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"motorcycle\"><path d=\"M19.44 9.03L15.41 5H11v2h3.59l2 2H5c-2.8 0-5 2.2-5 5s2.2 5 5 5c2.46 0 4.45-1.69 4.9-4h1.65l2.77-2.77c-.21.54-.32 1.14-.32 1.77 0 2.8 2.2 5 5 5s5-2.2 5-5c0-2.65-1.97-4.77-4.56-4.97zM7.82 15C7.4 16.15 6.28 17 5 17c-1.63 0-3-1.37-3-3s1.37-3 3-3c1.28 0 2.4.85 2.82 2H5v2h2.82zM19 17c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z\"></path></g>\n<g id=\"move-to-inbox\"><path d=\"M19 3H4.99c-1.11 0-1.98.9-1.98 2L3 19c0 1.1.88 2 1.99 2H19c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H4.99V5H19v10zm-3-5h-2V7h-4v3H8l4 4 4-4z\"></path></g>\n<g id=\"next-week\"><path d=\"M20 7h-4V5c0-.55-.22-1.05-.59-1.41C15.05 3.22 14.55 3 14 3h-4c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zM10 5h4v2h-4V5zm1 13.5l-1-1 3-3-3-3 1-1 4 4-4 4z\"></path></g>\n<g id=\"note-add\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z\"></path></g>\n<g id=\"offline-pin\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm5 16H7v-2h10v2zm-6.7-4L7 10.7l1.4-1.4 1.9 1.9 5.3-5.3L17 7.3 10.3 14z\"></path></g>\n<g id=\"opacity\"><path d=\"M17.66 8L12 2.35 6.34 8C4.78 9.56 4 11.64 4 13.64s.78 4.11 2.34 5.67 3.61 2.35 5.66 2.35 4.1-.79 5.66-2.35S20 15.64 20 13.64 19.22 9.56 17.66 8zM6 14c.01-2 .62-3.27 1.76-4.4L12 5.27l4.24 4.38C17.38 10.77 17.99 12 18 14H6z\"></path></g>\n<g id=\"open-in-browser\"><path d=\"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h4v-2H5V8h14v10h-4v2h4c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm-7 6l-4 4h3v6h2v-6h3l-4-4z\"></path></g>\n<g id=\"open-in-new\"><path d=\"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"></path></g>\n<g id=\"open-with\"><path d=\"M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z\"></path></g>\n<g id=\"pageview\"><path d=\"M11.5 9C10.12 9 9 10.12 9 11.5s1.12 2.5 2.5 2.5 2.5-1.12 2.5-2.5S12.88 9 11.5 9zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-3.21 14.21l-2.91-2.91c-.69.44-1.51.7-2.39.7C9.01 16 7 13.99 7 11.5S9.01 7 11.5 7 16 9.01 16 11.5c0 .88-.26 1.69-.7 2.39l2.91 2.9-1.42 1.42z\"></path></g>\n<g id=\"pan-tool\"><path d=\"M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z\"></path></g>\n<g id=\"payment\"><path d=\"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z\"></path></g>\n<g id=\"perm-camera-mic\"><path d=\"M20 5h-3.17L15 3H9L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v-2.09c-2.83-.48-5-2.94-5-5.91h2c0 2.21 1.79 4 4 4s4-1.79 4-4h2c0 2.97-2.17 5.43-5 5.91V21h7c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-6 8c0 1.1-.9 2-2 2s-2-.9-2-2V9c0-1.1.9-2 2-2s2 .9 2 2v4z\"></path></g>\n<g id=\"perm-contact-calendar\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1z\"></path></g>\n<g id=\"perm-data-setting\"><path d=\"M18.99 11.5c.34 0 .67.03 1 .07L20 0 0 20h11.56c-.04-.33-.07-.66-.07-1 0-4.14 3.36-7.5 7.5-7.5zm3.71 7.99c.02-.16.04-.32.04-.49 0-.17-.01-.33-.04-.49l1.06-.83c.09-.08.12-.21.06-.32l-1-1.73c-.06-.11-.19-.15-.31-.11l-1.24.5c-.26-.2-.54-.37-.85-.49l-.19-1.32c-.01-.12-.12-.21-.24-.21h-2c-.12 0-.23.09-.25.21l-.19 1.32c-.3.13-.59.29-.85.49l-1.24-.5c-.11-.04-.24 0-.31.11l-1 1.73c-.06.11-.04.24.06.32l1.06.83c-.02.16-.03.32-.03.49 0 .17.01.33.03.49l-1.06.83c-.09.08-.12.21-.06.32l1 1.73c.06.11.19.15.31.11l1.24-.5c.26.2.54.37.85.49l.19 1.32c.02.12.12.21.25.21h2c.12 0 .23-.09.25-.21l.19-1.32c.3-.13.59-.29.84-.49l1.25.5c.11.04.24 0 .31-.11l1-1.73c.06-.11.03-.24-.06-.32l-1.07-.83zm-3.71 1.01c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"perm-device-information\"><path d=\"M13 7h-2v2h2V7zm0 4h-2v6h2v-6zm4-9.99L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z\"></path></g>\n<g id=\"perm-identity\"><path d=\"M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"></path></g>\n<g id=\"perm-media\"><path d=\"M2 6H0v5h.01L0 20c0 1.1.9 2 2 2h18v-2H2V6zm20-2h-8l-2-2H6c-1.1 0-1.99.9-1.99 2L4 16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7 15l4.5-6 3.5 4.51 2.5-3.01L21 15H7z\"></path></g>\n<g id=\"perm-phone-msg\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.58l2.2-2.21c.28-.27.36-.66.25-1.01C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM12 3v10l3-3h6V3h-9z\"></path></g>\n<g id=\"perm-scan-wifi\"><path d=\"M12 3C6.95 3 3.15 4.85 0 7.23L12 22 24 7.25C20.85 4.87 17.05 3 12 3zm1 13h-2v-6h2v6zm-2-8V6h2v2h-2z\"></path></g>\n<g id=\"pets\"><circle cx=\"4.5\" cy=\"9.5\" r=\"2.5\"></circle><circle cx=\"9\" cy=\"5.5\" r=\"2.5\"></circle><circle cx=\"15\" cy=\"5.5\" r=\"2.5\"></circle><circle cx=\"19.5\" cy=\"9.5\" r=\"2.5\"></circle><path d=\"M17.34 14.86c-.87-1.02-1.6-1.89-2.48-2.91-.46-.54-1.05-1.08-1.75-1.32-.11-.04-.22-.07-.33-.09-.25-.04-.52-.04-.78-.04s-.53 0-.79.05c-.11.02-.22.05-.33.09-.7.24-1.28.78-1.75 1.32-.87 1.02-1.6 1.89-2.48 2.91-1.31 1.31-2.92 2.76-2.62 4.79.29 1.02 1.02 2.03 2.33 2.32.73.15 3.06-.44 5.54-.44h.18c2.48 0 4.81.58 5.54.44 1.31-.29 2.04-1.31 2.33-2.32.31-2.04-1.3-3.49-2.61-4.8z\"></path></g>\n<g id=\"picture-in-picture\"><path d=\"M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98V5c0-1.1-.9-2-2-2zm0 16.01H3V4.98h18v14.03z\"></path></g>\n<g id=\"picture-in-picture-alt\"><path d=\"M19 11h-8v6h8v-6zm4 8V4.98C23 3.88 22.1 3 21 3H3c-1.1 0-2 .88-2 1.98V19c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zm-2 .02H3V4.97h18v14.05z\"></path></g>\n<g id=\"play-for-work\"><path d=\"M11 5v5.59H7.5l4.5 4.5 4.5-4.5H13V5h-2zm-5 9c0 3.31 2.69 6 6 6s6-2.69 6-6h-2c0 2.21-1.79 4-4 4s-4-1.79-4-4H6z\"></path></g>\n<g id=\"polymer\"><path d=\"M19 4h-4L7.11 16.63 4.5 12 9 4H5L.5 12 5 20h4l7.89-12.63L19.5 12 15 20h4l4.5-8z\"></path></g>\n<g id=\"power-settings-new\"><path d=\"M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6.83z\"></path></g>\n<g id=\"pregnant-woman\"><path d=\"M9 4c0-1.11.89-2 2-2s2 .89 2 2-.89 2-2 2-2-.89-2-2zm7 9c-.01-1.34-.83-2.51-2-3 0-1.66-1.34-3-3-3s-3 1.34-3 3v7h2v5h3v-5h3v-4z\"></path></g>\n<g id=\"print\"><path d=\"M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z\"></path></g>\n<g id=\"query-builder\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"></path></g>\n<g id=\"question-answer\"><path d=\"M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z\"></path></g>\n<g id=\"radio-button-checked\"><path d=\"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></g>\n<g id=\"radio-button-unchecked\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></g>\n<g id=\"receipt\"><path d=\"M18 17H6v-2h12v2zm0-4H6v-2h12v2zm0-4H6V7h12v2zM3 22l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20z\"></path></g>\n<g id=\"record-voice-over\"><circle cx=\"9\" cy=\"9\" r=\"4\"></circle><path d=\"M9 15c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm7.76-9.64l-1.68 1.69c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14z\"></path></g>\n<g id=\"redeem\"><path d=\"M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z\"></path></g>\n<g id=\"redo\"><path d=\"M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z\"></path></g>\n<g id=\"refresh\"><path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\"></path></g>\n<g id=\"remove\"><path d=\"M19 13H5v-2h14v2z\"></path></g>\n<g id=\"remove-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z\"></path></g>\n<g id=\"remove-circle-outline\"><path d=\"M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"remove-shopping-cart\"><path d=\"M22.73 22.73L2.77 2.77 2 2l-.73-.73L0 2.54l4.39 4.39 2.21 4.66-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h7.46l1.38 1.38c-.5.36-.83.95-.83 1.62 0 1.1.89 2 1.99 2 .67 0 1.26-.33 1.62-.84L21.46 24l1.27-1.27zM7.42 15c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h2.36l2 2H7.42zm8.13-2c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H6.54l9.01 9zM7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"reorder\"><path d=\"M3 15h18v-2H3v2zm0 4h18v-2H3v2zm0-8h18V9H3v2zm0-6v2h18V5H3z\"></path></g>\n<g id=\"reply\"><path d=\"M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z\"></path></g>\n<g id=\"reply-all\"><path d=\"M7 8V5l-7 7 7 7v-3l-4-4 4-4zm6 1V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z\"></path></g>\n<g id=\"report\"><path d=\"M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM12 17.3c-.72 0-1.3-.58-1.3-1.3 0-.72.58-1.3 1.3-1.3.72 0 1.3.58 1.3 1.3 0 .72-.58 1.3-1.3 1.3zm1-4.3h-2V7h2v6z\"></path></g>\n<g id=\"report-problem\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"></path></g>\n<g id=\"restore\"><path d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"></path></g>\n<g id=\"restore-page\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm-2 16c-2.05 0-3.81-1.24-4.58-3h1.71c.63.9 1.68 1.5 2.87 1.5 1.93 0 3.5-1.57 3.5-3.5S13.93 9.5 12 9.5c-1.35 0-2.52.78-3.1 1.9l1.6 1.6h-4V9l1.3 1.3C8.69 8.92 10.23 8 12 8c2.76 0 5 2.24 5 5s-2.24 5-5 5z\"></path></g>\n<g id=\"room\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></g>\n<g id=\"rounded-corner\"><path d=\"M19 19h2v2h-2v-2zm0-2h2v-2h-2v2zM3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm0-4h2V3H3v2zm4 0h2V3H7v2zm8 16h2v-2h-2v2zm-4 0h2v-2h-2v2zm4 0h2v-2h-2v2zm-8 0h2v-2H7v2zm-4 0h2v-2H3v2zM21 8c0-2.76-2.24-5-5-5h-5v2h5c1.65 0 3 1.35 3 3v5h2V8z\"></path></g>\n<g id=\"rowing\"><path d=\"M8.5 14.5L4 19l1.5 1.5L9 17h2l-2.5-2.5zM15 1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 20.01L18 24l-2.99-3.01V19.5l-7.1-7.09c-.31.05-.61.07-.91.07v-2.16c1.66.03 3.61-.87 4.67-2.04l1.4-1.55c.19-.21.43-.38.69-.5.29-.14.62-.23.96-.23h.03C15.99 6.01 17 7.02 17 8.26v5.75c0 .84-.35 1.61-.92 2.16l-3.58-3.58v-2.27c-.63.52-1.43 1.02-2.29 1.39L16.5 18H18l3 3.01z\"></path></g>\n<g id=\"save\"><path d=\"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z\"></path></g>\n<g id=\"schedule\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"></path></g>\n<g id=\"search\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"></path></g>\n<g id=\"select-all\"><path d=\"M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm2-8h6v6H9V9z\"></path></g>\n<g id=\"send\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"></path></g>\n<g id=\"settings\"><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"></path></g>\n<g id=\"settings-applications\"><path d=\"M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm7-7H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-1.75 9c0 .23-.02.46-.05.68l1.48 1.16c.13.11.17.3.08.45l-1.4 2.42c-.09.15-.27.21-.43.15l-1.74-.7c-.36.28-.76.51-1.18.69l-.26 1.85c-.03.17-.18.3-.35.3h-2.8c-.17 0-.32-.13-.35-.29l-.26-1.85c-.43-.18-.82-.41-1.18-.69l-1.74.7c-.16.06-.34 0-.43-.15l-1.4-2.42c-.09-.15-.05-.34.08-.45l1.48-1.16c-.03-.23-.05-.46-.05-.69 0-.23.02-.46.05-.68l-1.48-1.16c-.13-.11-.17-.3-.08-.45l1.4-2.42c.09-.15.27-.21.43-.15l1.74.7c.36-.28.76-.51 1.18-.69l.26-1.85c.03-.17.18-.3.35-.3h2.8c.17 0 .32.13.35.29l.26 1.85c.43.18.82.41 1.18.69l1.74-.7c.16-.06.34 0 .43.15l1.4 2.42c.09.15.05.34-.08.45l-1.48 1.16c.03.23.05.46.05.69z\"></path></g>\n<g id=\"settings-backup-restore\"><path d=\"M14 12c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2zm-2-9c-4.97 0-9 4.03-9 9H0l4 4 4-4H5c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.51 0-2.91-.49-4.06-1.3l-1.42 1.44C8.04 20.3 9.94 21 12 21c4.97 0 9-4.03 9-9s-4.03-9-9-9z\"></path></g>\n<g id=\"settings-bluetooth\"><path d=\"M11 24h2v-2h-2v2zm-4 0h2v-2H7v2zm8 0h2v-2h-2v2zm2.71-18.29L12 0h-1v7.59L6.41 3 5 4.41 10.59 10 5 15.59 6.41 17 11 12.41V20h1l5.71-5.71-4.3-4.29 4.3-4.29zM13 3.83l1.88 1.88L13 7.59V3.83zm1.88 10.46L13 16.17v-3.76l1.88 1.88z\"></path></g>\n<g id=\"settings-brightness\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02zM8 16h2.5l1.5 1.5 1.5-1.5H16v-2.5l1.5-1.5-1.5-1.5V8h-2.5L12 6.5 10.5 8H8v2.5L6.5 12 8 13.5V16zm4-7c1.66 0 3 1.34 3 3s-1.34 3-3 3V9z\"></path></g>\n<g id=\"settings-cell\"><path d=\"M7 24h2v-2H7v2zm4 0h2v-2h-2v2zm4 0h2v-2h-2v2zM16 .01L8 0C6.9 0 6 .9 6 2v16c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V2c0-1.1-.9-1.99-2-1.99zM16 16H8V4h8v12z\"></path></g>\n<g id=\"settings-ethernet\"><path d=\"M7.77 6.76L6.23 5.48.82 12l5.41 6.52 1.54-1.28L3.42 12l4.35-5.24zM7 13h2v-2H7v2zm10-2h-2v2h2v-2zm-6 2h2v-2h-2v2zm6.77-7.52l-1.54 1.28L20.58 12l-4.35 5.24 1.54 1.28L23.18 12l-5.41-6.52z\"></path></g>\n<g id=\"settings-input-antenna\"><path d=\"M12 5c-3.87 0-7 3.13-7 7h2c0-2.76 2.24-5 5-5s5 2.24 5 5h2c0-3.87-3.13-7-7-7zm1 9.29c.88-.39 1.5-1.26 1.5-2.29 0-1.38-1.12-2.5-2.5-2.5S9.5 10.62 9.5 12c0 1.02.62 1.9 1.5 2.29v3.3L7.59 21 9 22.41l3-3 3 3L16.41 21 13 17.59v-3.3zM12 1C5.93 1 1 5.93 1 12h2c0-4.97 4.03-9 9-9s9 4.03 9 9h2c0-6.07-4.93-11-11-11z\"></path></g>\n<g id=\"settings-input-component\"><path d=\"M5 2c0-.55-.45-1-1-1s-1 .45-1 1v4H1v6h6V6H5V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2H9v2zm-8 0c0 1.3.84 2.4 2 2.82V23h2v-4.18C6.16 18.4 7 17.3 7 16v-2H1v2zM21 6V2c0-.55-.45-1-1-1s-1 .45-1 1v4h-2v6h6V6h-2zm-8-4c0-.55-.45-1-1-1s-1 .45-1 1v4H9v6h6V6h-2V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2h-6v2z\"></path></g>\n<g id=\"settings-input-composite\"><path d=\"M5 2c0-.55-.45-1-1-1s-1 .45-1 1v4H1v6h6V6H5V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2H9v2zm-8 0c0 1.3.84 2.4 2 2.82V23h2v-4.18C6.16 18.4 7 17.3 7 16v-2H1v2zM21 6V2c0-.55-.45-1-1-1s-1 .45-1 1v4h-2v6h6V6h-2zm-8-4c0-.55-.45-1-1-1s-1 .45-1 1v4H9v6h6V6h-2V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2h-6v2z\"></path></g>\n<g id=\"settings-input-hdmi\"><path d=\"M18 7V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v3H5v6l3 6v3h8v-3l3-6V7h-1zM8 4h8v3h-2V5h-1v2h-2V5h-1v2H8V4z\"></path></g>\n<g id=\"settings-input-svideo\"><path d=\"M8 11.5c0-.83-.67-1.5-1.5-1.5S5 10.67 5 11.5 5.67 13 6.5 13 8 12.33 8 11.5zm7-5c0-.83-.67-1.5-1.5-1.5h-3C9.67 5 9 5.67 9 6.5S9.67 8 10.5 8h3c.83 0 1.5-.67 1.5-1.5zM8.5 15c-.83 0-1.5.67-1.5 1.5S7.67 18 8.5 18s1.5-.67 1.5-1.5S9.33 15 8.5 15zM12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm5.5-11c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm-2 5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z\"></path></g>\n<g id=\"settings-overscan\"><path d=\"M12.01 5.5L10 8h4l-1.99-2.5zM18 10v4l2.5-1.99L18 10zM6 10l-2.5 2.01L6 14v-4zm8 6h-4l2.01 2.5L14 16zm7-13H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z\"></path></g>\n<g id=\"settings-phone\"><path d=\"M13 9h-2v2h2V9zm4 0h-2v2h2V9zm3 6.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.58l2.2-2.21c.28-.27.36-.66.25-1.01C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM19 9v2h2V9h-2z\"></path></g>\n<g id=\"settings-power\"><path d=\"M7 24h2v-2H7v2zm4 0h2v-2h-2v2zm2-22h-2v10h2V2zm3.56 2.44l-1.45 1.45C16.84 6.94 18 8.83 18 11c0 3.31-2.69 6-6 6s-6-2.69-6-6c0-2.17 1.16-4.06 2.88-5.12L7.44 4.44C5.36 5.88 4 8.28 4 11c0 4.42 3.58 8 8 8s8-3.58 8-8c0-2.72-1.36-5.12-3.44-6.56zM15 24h2v-2h-2v2z\"></path></g>\n<g id=\"settings-remote\"><path d=\"M15 9H9c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V10c0-.55-.45-1-1-1zm-3 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM7.05 6.05l1.41 1.41C9.37 6.56 10.62 6 12 6s2.63.56 3.54 1.46l1.41-1.41C15.68 4.78 13.93 4 12 4s-3.68.78-4.95 2.05zM12 0C8.96 0 6.21 1.23 4.22 3.22l1.41 1.41C7.26 3.01 9.51 2 12 2s4.74 1.01 6.36 2.64l1.41-1.41C17.79 1.23 15.04 0 12 0z\"></path></g>\n<g id=\"settings-voice\"><path d=\"M7 24h2v-2H7v2zm5-11c1.66 0 2.99-1.34 2.99-3L15 4c0-1.66-1.34-3-3-3S9 2.34 9 4v6c0 1.66 1.34 3 3 3zm-1 11h2v-2h-2v2zm4 0h2v-2h-2v2zm4-14h-1.7c0 3-2.54 5.1-5.3 5.1S6.7 13 6.7 10H5c0 3.41 2.72 6.23 6 6.72V20h2v-3.28c3.28-.49 6-3.31 6-6.72z\"></path></g>\n<g id=\"shop\"><path d=\"M16 6V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H2v13c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6h-6zm-6-2h4v2h-4V4zM9 18V9l7.5 4L9 18z\"></path></g>\n<g id=\"shop-two\"><path d=\"M3 9H1v11c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2H3V9zm15-4V3c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H5v11c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2V5h-5zm-6-2h4v2h-4V3zm0 12V8l5.5 3-5.5 4z\"></path></g>\n<g id=\"shopping-basket\"><path d=\"M17.21 9l-4.38-6.56c-.19-.28-.51-.42-.83-.42-.32 0-.64.14-.83.43L6.79 9H2c-.55 0-1 .45-1 1 0 .09.01.18.04.27l2.54 9.27c.23.84 1 1.46 1.92 1.46h13c.92 0 1.69-.62 1.93-1.46l2.54-9.27L23 10c0-.55-.45-1-1-1h-4.79zM9 9l3-4.4L15 9H9zm3 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"shopping-cart\"><path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"sort\"><path d=\"M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z\"></path></g>\n<g id=\"speaker-notes\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 14H6v-2h2v2zm0-3H6V9h2v2zm0-3H6V6h2v2zm7 6h-5v-2h5v2zm3-3h-8V9h8v2zm0-3h-8V6h8v2z\"></path></g>\n<g id=\"speaker-notes-off\"><path d=\"M10.54 11l-.54-.54L7.54 8 6 6.46 2.38 2.84 1.27 1.73 0 3l2.01 2.01L2 22l4-4h9l5.73 5.73L22 22.46 17.54 18l-7-7zM8 14H6v-2h2v2zm-2-3V9l2 2H6zm14-9H4.08L10 7.92V6h8v2h-7.92l1 1H18v2h-4.92l6.99 6.99C21.14 17.95 22 17.08 22 16V4c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"spellcheck\"><path d=\"M12.45 16h2.09L9.43 3H7.57L2.46 16h2.09l1.12-3h5.64l1.14 3zm-6.02-5L8.5 5.48 10.57 11H6.43zm15.16.59l-8.09 8.09L9.83 16l-1.41 1.41 5.09 5.09L23 13l-1.41-1.41z\"></path></g>\n<g id=\"star\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"></path></g>\n<g id=\"star-border\"><path d=\"M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z\"></path></g>\n<g id=\"star-half\"><path d=\"M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z\"></path></g>\n<g id=\"stars\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm4.24 16L12 15.45 7.77 18l1.12-4.81-3.73-3.23 4.92-.42L12 5l1.92 4.53 4.92.42-3.73 3.23L16.23 18z\"></path></g>\n<g id=\"store\"><path d=\"M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z\"></path></g>\n<g id=\"subdirectory-arrow-left\"><path d=\"M11 9l1.42 1.42L8.83 14H18V4h2v12H8.83l3.59 3.58L11 21l-6-6 6-6z\"></path></g>\n<g id=\"subdirectory-arrow-right\"><path d=\"M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z\"></path></g>\n<g id=\"subject\"><path d=\"M14 17H4v2h10v-2zm6-8H4v2h16V9zM4 15h16v-2H4v2zM4 5v2h16V5H4z\"></path></g>\n<g id=\"supervisor-account\"><path d=\"M16.5 12c1.38 0 2.49-1.12 2.49-2.5S17.88 7 16.5 7C15.12 7 14 8.12 14 9.5s1.12 2.5 2.5 2.5zM9 11c1.66 0 2.99-1.34 2.99-3S10.66 5 9 5C7.34 5 6 6.34 6 8s1.34 3 3 3zm7.5 3c-1.83 0-5.5.92-5.5 2.75V19h11v-2.25c0-1.83-3.67-2.75-5.5-2.75zM9 13c-2.33 0-7 1.17-7 3.5V19h7v-2.25c0-.85.33-2.34 2.37-3.47C10.5 13.1 9.66 13 9 13z\"></path></g>\n<g id=\"swap-horiz\"><path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"></path></g>\n<g id=\"swap-vert\"><path d=\"M16 17.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3V14h2V6.99h3L9 3z\"></path></g>\n<g id=\"swap-vertical-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM6.5 9L10 5.5 13.5 9H11v4H9V9H6.5zm11 6L14 18.5 10.5 15H13v-4h2v4h2.5z\"></path></g>\n<g id=\"system-update-alt\"><path d=\"M12 16.5l4-4h-3v-9h-2v9H8l4 4zm9-13h-6v1.99h6v14.03H3V5.49h6V3.5H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"tab\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h10v4h8v10z\"></path></g>\n<g id=\"tab-unselected\"><path d=\"M1 9h2V7H1v2zm0 4h2v-2H1v2zm0-8h2V3c-1.1 0-2 .9-2 2zm8 16h2v-2H9v2zm-8-4h2v-2H1v2zm2 4v-2H1c0 1.1.9 2 2 2zM21 3h-8v6h10V5c0-1.1-.9-2-2-2zm0 14h2v-2h-2v2zM9 5h2V3H9v2zM5 21h2v-2H5v2zM5 5h2V3H5v2zm16 16c1.1 0 2-.9 2-2h-2v2zm0-8h2v-2h-2v2zm-8 8h2v-2h-2v2zm4 0h2v-2h-2v2z\"></path></g>\n<g id=\"text-format\"><path d=\"M5 17v2h14v-2H5zm4.5-4.2h5l.9 2.2h2.1L12.75 4h-1.5L6.5 15h2.1l.9-2.2zM12 5.98L13.87 11h-3.74L12 5.98z\"></path></g>\n<g id=\"theaters\"><path d=\"M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z\"></path></g>\n<g id=\"thumb-down\"><path d=\"M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v1.91l.01.01L1 14c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z\"></path></g>\n<g id=\"thumb-up\"><path d=\"M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1.91l-.01-.01L23 10z\"></path></g>\n<g id=\"thumbs-up-down\"><path d=\"M12 6c0-.55-.45-1-1-1H5.82l.66-3.18.02-.23c0-.31-.13-.59-.33-.8L5.38 0 .44 4.94C.17 5.21 0 5.59 0 6v6.5c0 .83.67 1.5 1.5 1.5h6.75c.62 0 1.15-.38 1.38-.91l2.26-5.29c.07-.17.11-.36.11-.55V6zm10.5 4h-6.75c-.62 0-1.15.38-1.38.91l-2.26 5.29c-.07.17-.11.36-.11.55V18c0 .55.45 1 1 1h5.18l-.66 3.18-.02.24c0 .31.13.59.33.8l.79.78 4.94-4.94c.27-.27.44-.65.44-1.06v-6.5c0-.83-.67-1.5-1.5-1.5z\"></path></g>\n<g id=\"timeline\"><path d=\"M23 8c0 1.1-.9 2-2 2-.18 0-.35-.02-.51-.07l-3.56 3.55c.05.16.07.34.07.52 0 1.1-.9 2-2 2s-2-.9-2-2c0-.18.02-.36.07-.52l-2.55-2.55c-.16.05-.34.07-.52.07s-.36-.02-.52-.07l-4.55 4.56c.05.16.07.33.07.51 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.18 0 .35.02.51.07l4.56-4.55C8.02 9.36 8 9.18 8 9c0-1.1.9-2 2-2s2 .9 2 2c0 .18-.02.36-.07.52l2.55 2.55c.16-.05.34-.07.52-.07s.36.02.52.07l3.55-3.56C19.02 8.35 19 8.18 19 8c0-1.1.9-2 2-2s2 .9 2 2z\"></path></g>\n<g id=\"toc\"><path d=\"M3 9h14V7H3v2zm0 4h14v-2H3v2zm0 4h14v-2H3v2zm16 0h2v-2h-2v2zm0-10v2h2V7h-2zm0 6h2v-2h-2v2z\"></path></g>\n<g id=\"today\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"></path></g>\n<g id=\"toll\"><path d=\"M15 4c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zM3 12c0-2.61 1.67-4.83 4-5.65V4.26C3.55 5.15 1 8.27 1 12s2.55 6.85 6 7.74v-2.09c-2.33-.82-4-3.04-4-5.65z\"></path></g>\n<g id=\"touch-app\"><path d=\"M9 11.24V7.5C9 6.12 10.12 5 11.5 5S14 6.12 14 7.5v3.74c1.21-.81 2-2.18 2-3.74C16 5.01 13.99 3 11.5 3S7 5.01 7 7.5c0 1.56.79 2.93 2 3.74zm9.84 4.63l-4.54-2.26c-.17-.07-.35-.11-.54-.11H13v-6c0-.83-.67-1.5-1.5-1.5S10 6.67 10 7.5v10.74l-3.43-.72c-.08-.01-.15-.03-.24-.03-.31 0-.59.13-.79.33l-.79.8 4.94 4.94c.27.27.65.44 1.06.44h6.79c.75 0 1.33-.55 1.44-1.28l.75-5.27c.01-.07.02-.14.02-.2 0-.62-.38-1.16-.91-1.38z\"></path></g>\n<g id=\"track-changes\"><path d=\"M19.07 4.93l-1.41 1.41C19.1 7.79 20 9.79 20 12c0 4.42-3.58 8-8 8s-8-3.58-8-8c0-4.08 3.05-7.44 7-7.93v2.02C8.16 6.57 6 9.03 6 12c0 3.31 2.69 6 6 6s6-2.69 6-6c0-1.66-.67-3.16-1.76-4.24l-1.41 1.41C15.55 9.9 16 10.9 16 12c0 2.21-1.79 4-4 4s-4-1.79-4-4c0-1.86 1.28-3.41 3-3.86v2.14c-.6.35-1 .98-1 1.72 0 1.1.9 2 2 2s2-.9 2-2c0-.74-.4-1.38-1-1.72V2h-1C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10c0-2.76-1.12-5.26-2.93-7.07z\"></path></g>\n<g id=\"translate\"><path d=\"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z\"></path></g>\n<g id=\"trending-down\"><path d=\"M16 18l2.29-2.29-4.88-4.88-4 4L2 7.41 3.41 6l6 6 4-4 6.3 6.29L22 12v6z\"></path></g>\n<g id=\"trending-flat\"><path d=\"M22 12l-4-4v3H3v2h15v3z\"></path></g>\n<g id=\"trending-up\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"></path></g>\n<g id=\"turned-in\"><path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"turned-in-not\"><path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15l-5-2.18L7 18V5h10v13z\"></path></g>\n<g id=\"unarchive\"><path d=\"M20.55 5.22l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.15.55L3.46 5.22C3.17 5.57 3 6.01 3 6.5V19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.49-.17-.93-.45-1.28zM12 9.5l5.5 5.5H14v2h-4v-2H6.5L12 9.5zM5.12 5l.82-1h12l.93 1H5.12z\"></path></g>\n<g id=\"undo\"><path d=\"M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z\"></path></g>\n<g id=\"unfold-less\"><path d=\"M7.41 18.59L8.83 20 12 16.83 15.17 20l1.41-1.41L12 14l-4.59 4.59zm9.18-13.18L15.17 4 12 7.17 8.83 4 7.41 5.41 12 10l4.59-4.59z\"></path></g>\n<g id=\"unfold-more\"><path d=\"M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z\"></path></g>\n<g id=\"update\"><path d=\"M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1-2.73 2.71-2.73 7.08 0 9.79 2.73 2.71 7.15 2.71 9.88 0C18.32 15.65 19 14.08 19 12.1h2c0 1.98-.88 4.55-2.64 6.29-3.51 3.48-9.21 3.48-12.72 0-3.5-3.47-3.53-9.11-.02-12.58 3.51-3.47 9.14-3.47 12.65 0L21 3v7.12zM12.5 8v4.25l3.5 2.08-.72 1.21L11 13V8h1.5z\"></path></g>\n<g id=\"verified-user\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"></path></g>\n<g id=\"view-agenda\"><path d=\"M20 13H3c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h17c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zm0-10H3c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h17c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"view-array\"><path d=\"M4 18h3V5H4v13zM18 5v13h3V5h-3zM8 18h9V5H8v13z\"></path></g>\n<g id=\"view-carousel\"><path d=\"M7 19h10V4H7v15zm-5-2h4V6H2v11zM18 6v11h4V6h-4z\"></path></g>\n<g id=\"view-column\"><path d=\"M10 18h5V5h-5v13zm-6 0h5V5H4v13zM16 5v13h5V5h-5z\"></path></g>\n<g id=\"view-day\"><path d=\"M2 21h19v-3H2v3zM20 8H3c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h17c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zM2 3v3h19V3H2z\"></path></g>\n<g id=\"view-headline\"><path d=\"M4 15h16v-2H4v2zm0 4h16v-2H4v2zm0-8h16V9H4v2zm0-6v2h16V5H4z\"></path></g>\n<g id=\"view-list\"><path d=\"M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z\"></path></g>\n<g id=\"view-module\"><path d=\"M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z\"></path></g>\n<g id=\"view-quilt\"><path d=\"M10 18h5v-6h-5v6zm-6 0h5V5H4v13zm12 0h5v-6h-5v6zM10 5v6h11V5H10z\"></path></g>\n<g id=\"view-stream\"><path d=\"M4 18h17v-6H4v6zM4 5v6h17V5H4z\"></path></g>\n<g id=\"view-week\"><path d=\"M6 5H3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zm14 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zm-7 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"visibility\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"></path></g>\n<g id=\"visibility-off\"><path d=\"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z\"></path></g>\n<g id=\"warning\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"></path></g>\n<g id=\"watch-later\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z\"></path></g>\n<g id=\"weekend\"><path d=\"M21 10c-1.1 0-2 .9-2 2v3H5v-3c0-1.1-.9-2-2-2s-2 .9-2 2v5c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-5c0-1.1-.9-2-2-2zm-3-5H6c-1.1 0-2 .9-2 2v2.15c1.16.41 2 1.51 2 2.82V14h12v-2.03c0-1.3.84-2.4 2-2.82V7c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"work\"><path d=\"M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z\"></path></g>\n<g id=\"youtube-searched-for\"><path d=\"M17.01 14h-.8l-.27-.27c.98-1.14 1.57-2.61 1.57-4.23 0-3.59-2.91-6.5-6.5-6.5s-6.5 3-6.5 6.5H2l3.84 4 4.16-4H6.51C6.51 7 8.53 5 11.01 5s4.5 2.01 4.5 4.5c0 2.48-2.02 4.5-4.5 4.5-.65 0-1.26-.14-1.82-.38L7.71 15.1c.97.57 2.09.9 3.3.9 1.61 0 3.08-.59 4.22-1.57l.27.27v.79l5.01 4.99L22 19l-4.99-5z\"></path></g>\n<g id=\"zoom-in\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm2.5-4h-2v2H9v-2H7V9h2V7h1v2h2v1z\"></path></g>\n<g id=\"zoom-out\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d0250c01f2611eda0c389891c227ec8 || (_templateObject_6d0250c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"icons\" size=\"24\">\n<svg><defs>\n<g id=\"3d-rotation\"><path d=\"M7.52 21.48C4.25 19.94 1.91 16.76 1.55 13H.05C.56 19.16 5.71 24 12 24l.66-.03-3.81-3.81-1.33 1.32zm.89-6.52c-.19 0-.37-.03-.52-.08-.16-.06-.29-.13-.4-.24-.11-.1-.2-.22-.26-.37-.06-.14-.09-.3-.09-.47h-1.3c0 .36.07.68.21.95.14.27.33.5.56.69.24.18.51.32.82.41.3.1.62.15.96.15.37 0 .72-.05 1.03-.15.32-.1.6-.25.83-.44s.42-.43.55-.72c.13-.29.2-.61.2-.97 0-.19-.02-.38-.07-.56-.05-.18-.12-.35-.23-.51-.1-.16-.24-.3-.4-.43-.17-.13-.37-.23-.61-.31.2-.09.37-.2.52-.33.15-.13.27-.27.37-.42.1-.15.17-.3.22-.46.05-.16.07-.32.07-.48 0-.36-.06-.68-.18-.96-.12-.28-.29-.51-.51-.69-.2-.19-.47-.33-.77-.43C9.1 8.05 8.76 8 8.39 8c-.36 0-.69.05-1 .16-.3.11-.57.26-.79.45-.21.19-.38.41-.51.67-.12.26-.18.54-.18.85h1.3c0-.17.03-.32.09-.45s.14-.25.25-.34c.11-.09.23-.17.38-.22.15-.05.3-.08.48-.08.4 0 .7.1.89.31.19.2.29.49.29.86 0 .18-.03.34-.08.49-.05.15-.14.27-.25.37-.11.1-.25.18-.41.24-.16.06-.36.09-.58.09H7.5v1.03h.77c.22 0 .42.02.6.07s.33.13.45.23c.12.11.22.24.29.4.07.16.1.35.1.57 0 .41-.12.72-.35.93-.23.23-.55.33-.95.33zm8.55-5.92c-.32-.33-.7-.59-1.14-.77-.43-.18-.92-.27-1.46-.27H12v8h2.3c.55 0 1.06-.09 1.51-.27.45-.18.84-.43 1.16-.76.32-.33.57-.73.74-1.19.17-.47.26-.99.26-1.57v-.4c0-.58-.09-1.1-.26-1.57-.18-.47-.43-.87-.75-1.2zm-.39 3.16c0 .42-.05.79-.14 1.13-.1.33-.24.62-.43.85-.19.23-.43.41-.71.53-.29.12-.62.18-.99.18h-.91V9.12h.97c.72 0 1.27.23 1.64.69.38.46.57 1.12.57 1.99v.4zM12 0l-.66.03 3.81 3.81 1.33-1.33c3.27 1.55 5.61 4.72 5.96 8.48h1.5C23.44 4.84 18.29 0 12 0z\"></path></g>\n<g id=\"accessibility\"><path d=\"M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z\"></path></g>\n<g id=\"accessible\"><circle cx=\"12\" cy=\"4\" r=\"2\"></circle><path d=\"M19 13v-2c-1.54.02-3.09-.75-4.07-1.83l-1.29-1.43c-.17-.19-.38-.34-.61-.45-.01 0-.01-.01-.02-.01H13c-.35-.2-.75-.3-1.19-.26C10.76 7.11 10 8.04 10 9.09V15c0 1.1.9 2 2 2h5v5h2v-5.5c0-1.1-.9-2-2-2h-3v-3.45c1.29 1.07 3.25 1.94 5 1.95zm-6.17 5c-.41 1.16-1.52 2-2.83 2-1.66 0-3-1.34-3-3 0-1.31.84-2.41 2-2.83V12.1c-2.28.46-4 2.48-4 4.9 0 2.76 2.24 5 5 5 2.42 0 4.44-1.72 4.9-4h-2.07z\"></path></g>\n<g id=\"account-balance\"><path d=\"M4 10v7h3v-7H4zm6 0v7h3v-7h-3zM2 22h19v-3H2v3zm14-12v7h3v-7h-3zm-4.5-9L2 6v2h19V6l-9.5-5z\"></path></g>\n<g id=\"account-balance-wallet\"><path d=\"M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"account-box\"><path d=\"M3 5v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2zm12 4c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3zm-9 8c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6v-1z\"></path></g>\n<g id=\"account-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"></path></g>\n<g id=\"add\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"></path></g>\n<g id=\"add-alert\"><path d=\"M10.01 21.01c0 1.1.89 1.99 1.99 1.99s1.99-.89 1.99-1.99h-3.98zm8.87-4.19V11c0-3.25-2.25-5.97-5.29-6.69v-.72C13.59 2.71 12.88 2 12 2s-1.59.71-1.59 1.59v.72C7.37 5.03 5.12 7.75 5.12 11v5.82L3 18.94V20h18v-1.06l-2.12-2.12zM16 13.01h-3v3h-2v-3H8V11h3V8h2v3h3v2.01z\"></path></g>\n<g id=\"add-box\"><path d=\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z\"></path></g>\n<g id=\"add-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z\"></path></g>\n<g id=\"add-circle-outline\"><path d=\"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"add-shopping-cart\"><path d=\"M11 9h2V6h3V4h-3V1h-2v3H8v2h3v3zm-4 9c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zm-9.83-3.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.86-7.01L19.42 4h-.01l-1.1 2-2.76 5H8.53l-.13-.27L6.16 6l-.95-2-.94-2H1v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.13 0-.25-.11-.25-.25z\"></path></g>\n<g id=\"alarm\"><path d=\"M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"alarm-add\"><path d=\"M7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm1-11h-2v3H8v2h3v3h2v-3h3v-2h-3V9z\"></path></g>\n<g id=\"alarm-off\"><path d=\"M12 6c3.87 0 7 3.13 7 7 0 .84-.16 1.65-.43 2.4l1.52 1.52c.58-1.19.91-2.51.91-3.92 0-4.97-4.03-9-9-9-1.41 0-2.73.33-3.92.91L9.6 6.43C10.35 6.16 11.16 6 12 6zm10-.28l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM2.92 2.29L1.65 3.57 2.98 4.9l-1.11.93 1.42 1.42 1.11-.94.8.8C3.83 8.69 3 10.75 3 13c0 4.97 4.02 9 9 9 2.25 0 4.31-.83 5.89-2.2l2.2 2.2 1.27-1.27L3.89 3.27l-.97-.98zm13.55 16.1C15.26 19.39 13.7 20 12 20c-3.87 0-7-3.13-7-7 0-1.7.61-3.26 1.61-4.47l9.86 9.86zM8.02 3.28L6.6 1.86l-.86.71 1.42 1.42.86-.71z\"></path></g>\n<g id=\"alarm-on\"><path d=\"M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm-1.46-5.47L8.41 12.4l-1.06 1.06 3.18 3.18 6-6-1.06-1.06-4.93 4.95z\"></path></g>\n<g id=\"all-out\"><path d=\"M16.21 4.16l4 4v-4zm4 12l-4 4h4zm-12 4l-4-4v4zm-4-12l4-4h-4zm12.95-.95c-2.73-2.73-7.17-2.73-9.9 0s-2.73 7.17 0 9.9 7.17 2.73 9.9 0 2.73-7.16 0-9.9zm-1.1 8.8c-2.13 2.13-5.57 2.13-7.7 0s-2.13-5.57 0-7.7 5.57-2.13 7.7 0 2.13 5.57 0 7.7z\"></path></g>\n<g id=\"android\"><path d=\"M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v10zM3.5 8C2.67 8 2 8.67 2 9.5v7c0 .83.67 1.5 1.5 1.5S5 17.33 5 16.5v-7C5 8.67 4.33 8 3.5 8zm17 0c-.83 0-1.5.67-1.5 1.5v7c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-7c0-.83-.67-1.5-1.5-1.5zm-4.97-5.84l1.3-1.3c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l-1.48 1.48C13.85 1.23 12.95 1 12 1c-.96 0-1.86.23-2.66.63L7.85.15c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l1.31 1.31C6.97 3.26 6 5.01 6 7h12c0-1.99-.97-3.75-2.47-4.84zM10 5H9V4h1v1zm5 0h-1V4h1v1z\"></path></g>\n<g id=\"announcement\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 9h-2V5h2v6zm0 4h-2v-2h2v2z\"></path></g>\n<g id=\"apps\"><path d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"></path></g>\n<g id=\"archive\"><path d=\"M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zM12 17.5L6.5 12H10v-2h4v2h3.5L12 17.5zM5.12 5l.81-1h12l.94 1H5.12z\"></path></g>\n<g id=\"arrow-back\"><path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\"></path></g>\n<g id=\"arrow-downward\"><path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\"></path></g>\n<g id=\"arrow-drop-down\"><path d=\"M7 10l5 5 5-5z\"></path></g>\n<g id=\"arrow-drop-down-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 12l-4-4h8l-4 4z\"></path></g>\n<g id=\"arrow-drop-up\"><path d=\"M7 14l5-5 5 5z\"></path></g>\n<g id=\"arrow-forward\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"></path></g>\n<g id=\"arrow-upward\"><path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\"></path></g>\n<g id=\"aspect-ratio\"><path d=\"M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z\"></path></g>\n<g id=\"assessment\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"></path></g>\n<g id=\"assignment\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"></path></g>\n<g id=\"assignment-ind\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z\"></path></g>\n<g id=\"assignment-late\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-6 15h-2v-2h2v2zm0-4h-2V8h2v6zm-1-9c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z\"></path></g>\n<g id=\"assignment-return\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm4 12h-4v3l-5-5 5-5v3h4v4z\"></path></g>\n<g id=\"assignment-returned\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 15l-5-5h3V9h4v4h3l-5 5z\"></path></g>\n<g id=\"assignment-turned-in\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-2 14l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"></path></g>\n<g id=\"attachment\"><path d=\"M2 12.5C2 9.46 4.46 7 7.5 7H18c2.21 0 4 1.79 4 4s-1.79 4-4 4H9.5C8.12 15 7 13.88 7 12.5S8.12 10 9.5 10H17v2H9.41c-.55 0-.55 1 0 1H18c1.1 0 2-.9 2-2s-.9-2-2-2H7.5C5.57 9 4 10.57 4 12.5S5.57 16 7.5 16H17v2H7.5C4.46 18 2 15.54 2 12.5z\"></path></g>\n<g id=\"autorenew\"><path d=\"M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z\"></path></g>\n<g id=\"backspace\"><path d=\"M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 12.59L17.59 17 14 13.41 10.41 17 9 15.59 12.59 12 9 8.41 10.41 7 14 10.59 17.59 7 19 8.41 15.41 12 19 15.59z\"></path></g>\n<g id=\"backup\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z\"></path></g>\n<g id=\"block\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z\"></path></g>\n<g id=\"book\"><path d=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z\"></path></g>\n<g id=\"bookmark\"><path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"bookmark-border\"><path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15l-5-2.18L7 18V5h10v13z\"></path></g>\n<g id=\"bug-report\"><path d=\"M20 8h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5c-.49 0-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v2z\"></path></g>\n<g id=\"build\"><path d=\"M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z\"></path></g>\n<g id=\"cached\"><path d=\"M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z\"></path></g>\n<g id=\"camera-enhance\"><path d=\"M9 3L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2h-3.17L15 3H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-1l1.25-2.75L16 13l-2.75-1.25L12 9l-1.25 2.75L8 13l2.75 1.25z\"></path></g>\n<g id=\"cancel\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"></path></g>\n<g id=\"card-giftcard\"><path d=\"M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z\"></path></g>\n<g id=\"card-membership\"><path d=\"M20 2H4c-1.11 0-2 .89-2 2v11c0 1.11.89 2 2 2h4v5l4-2 4 2v-5h4c1.11 0 2-.89 2-2V4c0-1.11-.89-2-2-2zm0 13H4v-2h16v2zm0-5H4V4h16v6z\"></path></g>\n<g id=\"card-travel\"><path d=\"M20 6h-3V4c0-1.11-.89-2-2-2H9c-1.11 0-2 .89-2 2v2H4c-1.11 0-2 .89-2 2v11c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zM9 4h6v2H9V4zm11 15H4v-2h16v2zm0-5H4V8h3v2h2V8h6v2h2V8h3v6z\"></path></g>\n<g id=\"change-history\"><path d=\"M12 7.77L18.39 18H5.61L12 7.77M12 4L2 20h20L12 4z\"></path></g>\n<g id=\"check\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"></path></g>\n<g id=\"check-box\"><path d=\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"></path></g>\n<g id=\"check-box-outline-blank\"><path d=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"check-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"></path></g>\n<g id=\"chevron-left\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path></g>\n<g id=\"chevron-right\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path></g>\n<g id=\"chrome-reader-mode\"><path d=\"M13 12h7v1.5h-7zm0-2.5h7V11h-7zm0 5h7V16h-7zM21 4H3c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 15h-9V6h9v13z\"></path></g>\n<g id=\"class\"><path d=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z\"></path></g>\n<g id=\"clear\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path></g>\n<g id=\"close\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path></g>\n<g id=\"cloud\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z\"></path></g>\n<g id=\"cloud-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.5 14H8c-1.66 0-3-1.34-3-3s1.34-3 3-3l.14.01C8.58 8.28 10.13 7 12 7c2.21 0 4 1.79 4 4h.5c1.38 0 2.5 1.12 2.5 2.5S17.88 16 16.5 16z\"></path></g>\n<g id=\"cloud-done\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM10 17l-3.5-3.5 1.41-1.41L10 14.17 15.18 9l1.41 1.41L10 17z\"></path></g>\n<g id=\"cloud-download\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z\"></path></g>\n<g id=\"cloud-off\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4c-1.48 0-2.85.43-4.01 1.17l1.46 1.46C10.21 6.23 11.08 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19c1.66 0 3 1.34 3 3 0 1.13-.64 2.11-1.56 2.62l1.45 1.45C23.16 18.16 24 16.68 24 15c0-2.64-2.05-4.78-4.65-4.96zM3 5.27l2.75 2.74C2.56 8.15 0 10.77 0 14c0 3.31 2.69 6 6 6h11.73l2 2L21 20.73 4.27 4 3 5.27zM7.73 10l8 8H6c-2.21 0-4-1.79-4-4s1.79-4 4-4h1.73z\"></path></g>\n<g id=\"cloud-queue\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4s1.79-4 4-4h.71C7.37 7.69 9.48 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19c1.66 0 3 1.34 3 3s-1.34 3-3 3z\"></path></g>\n<g id=\"cloud-upload\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z\"></path></g>\n<g id=\"code\"><path d=\"M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z\"></path></g>\n<g id=\"compare-arrows\"><path d=\"M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z\"></path></g>\n<g id=\"content-copy\"><path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\"></path></g>\n<g id=\"content-cut\"><path d=\"M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3z\"></path></g>\n<g id=\"content-paste\"><path d=\"M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z\"></path></g>\n<g id=\"copyright\"><path d=\"M10.08 10.86c.05-.33.16-.62.3-.87s.34-.46.59-.62c.24-.15.54-.22.91-.23.23.01.44.05.63.13.2.09.38.21.52.36s.25.33.34.53.13.42.14.64h1.79c-.02-.47-.11-.9-.28-1.29s-.4-.73-.7-1.01-.66-.5-1.08-.66-.88-.23-1.39-.23c-.65 0-1.22.11-1.7.34s-.88.53-1.2.92-.56.84-.71 1.36S8 11.29 8 11.87v.27c0 .58.08 1.12.23 1.64s.39.97.71 1.35.72.69 1.2.91 1.05.34 1.7.34c.47 0 .91-.08 1.32-.23s.77-.36 1.08-.63.56-.58.74-.94.29-.74.3-1.15h-1.79c-.01.21-.06.4-.15.58s-.21.33-.36.46-.32.23-.52.3c-.19.07-.39.09-.6.1-.36-.01-.66-.08-.89-.23-.25-.16-.45-.37-.59-.62s-.25-.55-.3-.88-.08-.67-.08-1v-.27c0-.35.03-.68.08-1.01zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"create\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path></g>\n<g id=\"create-new-folder\"><path d=\"M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-1 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z\"></path></g>\n<g id=\"credit-card\"><path d=\"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z\"></path></g>\n<g id=\"dashboard\"><path d=\"M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z\"></path></g>\n<g id=\"date-range\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"></path></g>\n<g id=\"delete\"><path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\"></path></g>\n<g id=\"delete-forever\"><path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z\"></path></g>\n<g id=\"delete-sweep\"><path d=\"M15 16h4v2h-4zm0-8h7v2h-7zm0 4h6v2h-6zM3 18c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V8H3v10zM14 5h-3l-1-1H6L5 5H2v2h12z\"></path></g>\n<g id=\"description\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"></path></g>\n<g id=\"dns\"><path d=\"M20 13H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zM7 19c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM20 3H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zM7 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"done\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"></path></g>\n<g id=\"done-all\"><path d=\"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z\"></path></g>\n<g id=\"donut-large\"><path d=\"M11 5.08V2c-5 .5-9 4.81-9 10s4 9.5 9 10v-3.08c-3-.48-6-3.4-6-6.92s3-6.44 6-6.92zM18.97 11H22c-.47-5-4-8.53-9-9v3.08C16 5.51 18.54 8 18.97 11zM13 18.92V22c5-.47 8.53-4 9-9h-3.03c-.43 3-2.97 5.49-5.97 5.92z\"></path></g>\n<g id=\"donut-small\"><path d=\"M11 9.16V2c-5 .5-9 4.79-9 10s4 9.5 9 10v-7.16c-1-.41-2-1.52-2-2.84s1-2.43 2-2.84zM14.86 11H22c-.48-4.75-4-8.53-9-9v7.16c1 .3 1.52.98 1.86 1.84zM13 14.84V22c5-.47 8.52-4.25 9-9h-7.14c-.34.86-.86 1.54-1.86 1.84z\"></path></g>\n<g id=\"drafts\"><path d=\"M21.99 8c0-.72-.37-1.35-.94-1.7L12 1 2.95 6.3C2.38 6.65 2 7.28 2 8v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2l-.01-10zM12 13L3.74 7.84 12 3l8.26 4.84L12 13z\"></path></g>\n<g id=\"eject\"><path d=\"M5 17h14v2H5zm7-12L5.33 15h13.34z\"></path></g>\n<g id=\"error\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"></path></g>\n<g id=\"error-outline\"><path d=\"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></g>\n<g id=\"euro-symbol\"><path d=\"M15 18.5c-2.51 0-4.68-1.42-5.76-3.5H15v-2H8.58c-.05-.33-.08-.66-.08-1s.03-.67.08-1H15V9H9.24C10.32 6.92 12.5 5.5 15 5.5c1.61 0 3.09.59 4.23 1.57L21 5.3C19.41 3.87 17.3 3 15 3c-3.92 0-7.24 2.51-8.48 6H3v2h3.06c-.04.33-.06.66-.06 1 0 .34.02.67.06 1H3v2h3.52c1.24 3.49 4.56 6 8.48 6 2.31 0 4.41-.87 6-2.3l-1.78-1.77c-1.13.98-2.6 1.57-4.22 1.57z\"></path></g>\n<g id=\"event\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"></path></g>\n<g id=\"event-seat\"><path d=\"M4 18v3h3v-3h10v3h3v-6H4zm15-8h3v3h-3zM2 10h3v3H2zm15 3H7V5c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v8z\"></path></g>\n<g id=\"exit-to-app\"><path d=\"M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"expand-less\"><path d=\"M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z\"></path></g>\n<g id=\"expand-more\"><path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"></path></g>\n<g id=\"explore\"><path d=\"M12 10.9c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1c.61 0 1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm2.19 12.19L6 18l3.81-8.19L18 6l-3.81 8.19z\"></path></g>\n<g id=\"extension\"><path d=\"M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z\"></path></g>\n<g id=\"face\"><path d=\"M9 11.75c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zm6 0c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8 0-.29.02-.58.05-.86 2.36-1.05 4.23-2.98 5.21-5.37C11.07 8.33 14.05 10 17.42 10c.78 0 1.53-.09 2.25-.26.21.71.33 1.47.33 2.26 0 4.41-3.59 8-8 8z\"></path></g>\n<g id=\"favorite\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"></path></g>\n<g id=\"favorite-border\"><path d=\"M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z\"></path></g>\n<g id=\"feedback\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z\"></path></g>\n<g id=\"file-download\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"></path></g>\n<g id=\"file-upload\"><path d=\"M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z\"></path></g>\n<g id=\"filter-list\"><path d=\"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z\"></path></g>\n<g id=\"find-in-page\"><path d=\"M20 19.59V8l-6-6H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c.45 0 .85-.15 1.19-.4l-4.43-4.43c-.8.52-1.74.83-2.76.83-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75L20 19.59zM9 13c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3z\"></path></g>\n<g id=\"find-replace\"><path d=\"M11 6c1.38 0 2.63.56 3.54 1.46L12 10h6V4l-2.05 2.05C14.68 4.78 12.93 4 11 4c-3.53 0-6.43 2.61-6.92 6H6.1c.46-2.28 2.48-4 4.9-4zm5.64 9.14c.66-.9 1.12-1.97 1.28-3.14H15.9c-.46 2.28-2.48 4-4.9 4-1.38 0-2.63-.56-3.54-1.46L10 12H4v6l2.05-2.05C7.32 17.22 9.07 18 11 18c1.55 0 2.98-.51 4.14-1.36L20 21.49 21.49 20l-4.85-4.86z\"></path></g>\n<g id=\"fingerprint\"><path d=\"M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2-.13-.24-.04-.55.2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67-.09.18-.26.28-.44.28zM3.5 9.72c-.1 0-.2-.03-.29-.09-.23-.16-.28-.47-.12-.7.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25.16.22.11.54-.12.7-.23.16-.54.11-.7-.12-.9-1.26-2.04-2.25-3.39-2.94-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21zm6.25 12.07c-.13 0-.26-.05-.35-.15-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57 0-4.66 1.97-4.66 4.39 0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15zm7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12zM14.91 22c-.04 0-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1-1.4-1.39-2.17-3.24-2.17-5.22 0-1.62 1.38-2.94 3.08-2.94 1.7 0 3.08 1.32 3.08 2.94 0 1.07.93 1.94 2.08 1.94s2.08-.87 2.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84 0-5.44 1.58-6.61 4.03-.39.81-.59 1.76-.59 2.8 0 .78.07 2.01.67 3.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29-.49-1.31-.73-2.61-.73-3.96 0-1.2.23-2.29.68-3.24 1.33-2.79 4.28-4.6 7.51-4.6 4.55 0 8.25 3.51 8.25 7.83 0 1.62-1.38 2.94-3.08 2.94s-3.08-1.32-3.08-2.94c0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08 1.94c0 1.71.66 3.31 1.87 4.51.95.94 1.86 1.46 3.27 1.85.27.07.42.35.35.61-.05.23-.26.38-.47.38z\"></path></g>\n<g id=\"first-page\"><path d=\"M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z\"></path></g>\n<g id=\"flag\"><path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"></path></g>\n<g id=\"flight-land\"><path d=\"M2.5 19h19v2h-19zm7.18-5.73l4.35 1.16 5.31 1.42c.8.21 1.62-.26 1.84-1.06.21-.8-.26-1.62-1.06-1.84l-5.31-1.42-2.76-9.02L10.12 2v8.28L5.15 8.95l-.93-2.32-1.45-.39v5.17l1.6.43 5.31 1.43z\"></path></g>\n<g id=\"flight-takeoff\"><path d=\"M2.5 19h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92 10l-6.9-6.43-1.93.51 4.14 7.17-4.97 1.33-1.97-1.54-1.45.39 1.82 3.16.77 1.33 1.6-.43 5.31-1.42 4.35-1.16L21 11.49c.81-.23 1.28-1.05 1.07-1.85z\"></path></g>\n<g id=\"flip-to-back\"><path d=\"M9 7H7v2h2V7zm0 4H7v2h2v-2zm0-8c-1.11 0-2 .9-2 2h2V3zm4 12h-2v2h2v-2zm6-12v2h2c0-1.1-.9-2-2-2zm-6 0h-2v2h2V3zM9 17v-2H7c0 1.1.89 2 2 2zm10-4h2v-2h-2v2zm0-4h2V7h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zM5 7H3v12c0 1.1.89 2 2 2h12v-2H5V7zm10-2h2V3h-2v2zm0 12h2v-2h-2v2z\"></path></g>\n<g id=\"flip-to-front\"><path d=\"M3 13h2v-2H3v2zm0 4h2v-2H3v2zm2 4v-2H3c0 1.1.89 2 2 2zM3 9h2V7H3v2zm12 12h2v-2h-2v2zm4-18H9c-1.11 0-2 .9-2 2v10c0 1.1.89 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12H9V5h10v10zm-8 6h2v-2h-2v2zm-4 0h2v-2H7v2z\"></path></g>\n<g id=\"folder\"><path d=\"M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z\"></path></g>\n<g id=\"folder-open\"><path d=\"M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z\"></path></g>\n<g id=\"folder-shared\"><path d=\"M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-5 3c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm4 8h-8v-1c0-1.33 2.67-2 4-2s4 .67 4 2v1z\"></path></g>\n<g id=\"font-download\"><path d=\"M9.93 13.5h4.14L12 7.98zM20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.12 3H5.96l5.11-13h1.86l5.11 13h-2.09z\"></path></g>\n<g id=\"forward\"><path d=\"M12 8V4l8 8-8 8v-4H4V8z\"></path></g>\n<g id=\"fullscreen\"><path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"></path></g>\n<g id=\"fullscreen-exit\"><path d=\"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z\"></path></g>\n<g id=\"g-translate\"><path d=\"M20 5h-9.12L10 2H4c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h7l1 3h8c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zM7.17 14.59c-2.25 0-4.09-1.83-4.09-4.09s1.83-4.09 4.09-4.09c1.04 0 1.99.37 2.74 1.07l.07.06-1.23 1.18-.06-.05c-.29-.27-.78-.59-1.52-.59-1.31 0-2.38 1.09-2.38 2.42s1.07 2.42 2.38 2.42c1.37 0 1.96-.87 2.12-1.46H7.08V9.91h3.95l.01.07c.04.21.05.4.05.61 0 2.35-1.61 4-3.92 4zm6.03-1.71c.33.6.74 1.18 1.19 1.7l-.54.53-.65-2.23zm.77-.76h-.99l-.31-1.04h3.99s-.34 1.31-1.56 2.74c-.52-.62-.89-1.23-1.13-1.7zM21 20c0 .55-.45 1-1 1h-7l2-2-.81-2.77.92-.92L17.79 18l.73-.73-2.71-2.68c.9-1.03 1.6-2.25 1.92-3.51H19v-1.04h-3.64V9h-1.04v1.04h-1.96L11.18 6H20c.55 0 1 .45 1 1v13z\"></path></g>\n<g id=\"gavel\"><path d=\"M1 21h12v2H1zM5.245 8.07l2.83-2.827 14.14 14.142-2.828 2.828zM12.317 1l5.657 5.656-2.83 2.83-5.654-5.66zM3.825 9.485l5.657 5.657-2.828 2.828-5.657-5.657z\"></path></g>\n<g id=\"gesture\"><path d=\"M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z\"></path></g>\n<g id=\"get-app\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"></path></g>\n<g id=\"gif\"><path d=\"M11.5 9H13v6h-1.5zM9 9H6c-.6 0-1 .5-1 1v4c0 .5.4 1 1 1h3c.6 0 1-.5 1-1v-2H8.5v1.5h-2v-3H10V10c0-.5-.4-1-1-1zm10 1.5V9h-4.5v6H16v-2h2v-1.5h-2v-1z\"></path></g>\n<g id=\"grade\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"></path></g>\n<g id=\"group-work\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM8 17.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5zM9.5 8c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5S9.5 9.38 9.5 8zm6.5 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></g>\n<g id=\"help\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\"></path></g>\n<g id=\"help-outline\"><path d=\"M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z\"></path></g>\n<g id=\"highlight-off\"><path d=\"M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"history\"><path d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"></path></g>\n<g id=\"home\"><path d=\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"></path></g>\n<g id=\"hourglass-empty\"><path d=\"M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z\"></path></g>\n<g id=\"hourglass-full\"><path d=\"M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6z\"></path></g>\n<g id=\"http\"><path d=\"M4.5 11h-2V9H1v6h1.5v-2.5h2V15H6V9H4.5v2zm2.5-.5h1.5V15H10v-4.5h1.5V9H7v1.5zm5.5 0H14V15h1.5v-4.5H17V9h-4.5v1.5zm9-1.5H18v6h1.5v-2h2c.8 0 1.5-.7 1.5-1.5v-1c0-.8-.7-1.5-1.5-1.5zm0 2.5h-2v-1h2v1z\"></path></g>\n<g id=\"https\"><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"></path></g>\n<g id=\"important-devices\"><path d=\"M23 11.01L18 11c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h5c.55 0 1-.45 1-1v-9c0-.55-.45-.99-1-.99zM23 20h-5v-7h5v7zM20 2H2C.89 2 0 2.89 0 4v12c0 1.1.89 2 2 2h7v2H7v2h8v-2h-2v-2h2v-2H2V4h18v5h2V4c0-1.11-.9-2-2-2zm-8.03 7L11 6l-.97 3H7l2.47 1.76-.94 2.91 2.47-1.8 2.47 1.8-.94-2.91L15 9h-3.03z\"></path></g>\n<g id=\"inbox\"><path d=\"M19 3H4.99c-1.11 0-1.98.89-1.98 2L3 19c0 1.1.88 2 1.99 2H19c1.1 0 2-.9 2-2V5c0-1.11-.9-2-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H4.99V5H19v10z\"></path></g>\n<g id=\"indeterminate-check-box\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\"></path></g>\n<g id=\"info\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"></path></g>\n<g id=\"info-outline\"><path d=\"M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z\"></path></g>\n<g id=\"input\"><path d=\"M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 16l4-4-4-4v3H1v2h10v3z\"></path></g>\n<g id=\"invert-colors\"><path d=\"M17.66 7.93L12 2.27 6.34 7.93c-3.12 3.12-3.12 8.19 0 11.31C7.9 20.8 9.95 21.58 12 21.58c2.05 0 4.1-.78 5.66-2.34 3.12-3.12 3.12-8.19 0-11.31zM12 19.59c-1.6 0-3.11-.62-4.24-1.76C6.62 16.69 6 15.19 6 13.59s.62-3.11 1.76-4.24L12 5.1v14.49z\"></path></g>\n<g id=\"label\"><path d=\"M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z\"></path></g>\n<g id=\"label-outline\"><path d=\"M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16zM16 17H5V7h11l3.55 5L16 17z\"></path></g>\n<g id=\"language\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z\"></path></g>\n<g id=\"last-page\"><path d=\"M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z\"></path></g>\n<g id=\"launch\"><path d=\"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"></path></g>\n<g id=\"lightbulb-outline\"><path d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z\"></path></g>\n<g id=\"line-style\"><path d=\"M3 16h5v-2H3v2zm6.5 0h5v-2h-5v2zm6.5 0h5v-2h-5v2zM3 20h2v-2H3v2zm4 0h2v-2H7v2zm4 0h2v-2h-2v2zm4 0h2v-2h-2v2zm4 0h2v-2h-2v2zM3 12h8v-2H3v2zm10 0h8v-2h-8v2zM3 4v4h18V4H3z\"></path></g>\n<g id=\"line-weight\"><path d=\"M3 17h18v-2H3v2zm0 3h18v-1H3v1zm0-7h18v-3H3v3zm0-9v4h18V4H3z\"></path></g>\n<g id=\"link\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"></path></g>\n<g id=\"list\"><path d=\"M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z\"></path></g>\n<g id=\"lock\"><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"></path></g>\n<g id=\"lock-open\"><path d=\"M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h1.9c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10z\"></path></g>\n<g id=\"lock-outline\"><path d=\"M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM8.9 6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2H8.9V6zM18 20H6V10h12v10z\"></path></g>\n<g id=\"low-priority\"><path d=\"M14 5h8v2h-8zm0 5.5h8v2h-8zm0 5.5h8v2h-8zM2 11.5C2 15.08 4.92 18 8.5 18H9v2l3-3-3-3v2h-.5C6.02 16 4 13.98 4 11.5S6.02 7 8.5 7H12V5H8.5C4.92 5 2 7.92 2 11.5z\"></path></g>\n<g id=\"loyalty\"><path d=\"M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7zm11.77 8.27L13 19.54l-4.27-4.27C8.28 14.81 8 14.19 8 13.5c0-1.38 1.12-2.5 2.5-2.5.69 0 1.32.28 1.77.74l.73.72.73-.73c.45-.45 1.08-.73 1.77-.73 1.38 0 2.5 1.12 2.5 2.5 0 .69-.28 1.32-.73 1.77z\"></path></g>\n<g id=\"mail\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"></path></g>\n<g id=\"markunread\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"></path></g>\n<g id=\"markunread-mailbox\"><path d=\"M20 6H10v6H8V4h6V0H6v6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"menu\"><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"></path></g>\n<g id=\"more-horiz\"><path d=\"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"more-vert\"><path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"motorcycle\"><path d=\"M19.44 9.03L15.41 5H11v2h3.59l2 2H5c-2.8 0-5 2.2-5 5s2.2 5 5 5c2.46 0 4.45-1.69 4.9-4h1.65l2.77-2.77c-.21.54-.32 1.14-.32 1.77 0 2.8 2.2 5 5 5s5-2.2 5-5c0-2.65-1.97-4.77-4.56-4.97zM7.82 15C7.4 16.15 6.28 17 5 17c-1.63 0-3-1.37-3-3s1.37-3 3-3c1.28 0 2.4.85 2.82 2H5v2h2.82zM19 17c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z\"></path></g>\n<g id=\"move-to-inbox\"><path d=\"M19 3H4.99c-1.11 0-1.98.9-1.98 2L3 19c0 1.1.88 2 1.99 2H19c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H4.99V5H19v10zm-3-5h-2V7h-4v3H8l4 4 4-4z\"></path></g>\n<g id=\"next-week\"><path d=\"M20 7h-4V5c0-.55-.22-1.05-.59-1.41C15.05 3.22 14.55 3 14 3h-4c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zM10 5h4v2h-4V5zm1 13.5l-1-1 3-3-3-3 1-1 4 4-4 4z\"></path></g>\n<g id=\"note-add\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z\"></path></g>\n<g id=\"offline-pin\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm5 16H7v-2h10v2zm-6.7-4L7 10.7l1.4-1.4 1.9 1.9 5.3-5.3L17 7.3 10.3 14z\"></path></g>\n<g id=\"opacity\"><path d=\"M17.66 8L12 2.35 6.34 8C4.78 9.56 4 11.64 4 13.64s.78 4.11 2.34 5.67 3.61 2.35 5.66 2.35 4.1-.79 5.66-2.35S20 15.64 20 13.64 19.22 9.56 17.66 8zM6 14c.01-2 .62-3.27 1.76-4.4L12 5.27l4.24 4.38C17.38 10.77 17.99 12 18 14H6z\"></path></g>\n<g id=\"open-in-browser\"><path d=\"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h4v-2H5V8h14v10h-4v2h4c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm-7 6l-4 4h3v6h2v-6h3l-4-4z\"></path></g>\n<g id=\"open-in-new\"><path d=\"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"></path></g>\n<g id=\"open-with\"><path d=\"M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z\"></path></g>\n<g id=\"pageview\"><path d=\"M11.5 9C10.12 9 9 10.12 9 11.5s1.12 2.5 2.5 2.5 2.5-1.12 2.5-2.5S12.88 9 11.5 9zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-3.21 14.21l-2.91-2.91c-.69.44-1.51.7-2.39.7C9.01 16 7 13.99 7 11.5S9.01 7 11.5 7 16 9.01 16 11.5c0 .88-.26 1.69-.7 2.39l2.91 2.9-1.42 1.42z\"></path></g>\n<g id=\"pan-tool\"><path d=\"M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z\"></path></g>\n<g id=\"payment\"><path d=\"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z\"></path></g>\n<g id=\"perm-camera-mic\"><path d=\"M20 5h-3.17L15 3H9L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v-2.09c-2.83-.48-5-2.94-5-5.91h2c0 2.21 1.79 4 4 4s4-1.79 4-4h2c0 2.97-2.17 5.43-5 5.91V21h7c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-6 8c0 1.1-.9 2-2 2s-2-.9-2-2V9c0-1.1.9-2 2-2s2 .9 2 2v4z\"></path></g>\n<g id=\"perm-contact-calendar\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1z\"></path></g>\n<g id=\"perm-data-setting\"><path d=\"M18.99 11.5c.34 0 .67.03 1 .07L20 0 0 20h11.56c-.04-.33-.07-.66-.07-1 0-4.14 3.36-7.5 7.5-7.5zm3.71 7.99c.02-.16.04-.32.04-.49 0-.17-.01-.33-.04-.49l1.06-.83c.09-.08.12-.21.06-.32l-1-1.73c-.06-.11-.19-.15-.31-.11l-1.24.5c-.26-.2-.54-.37-.85-.49l-.19-1.32c-.01-.12-.12-.21-.24-.21h-2c-.12 0-.23.09-.25.21l-.19 1.32c-.3.13-.59.29-.85.49l-1.24-.5c-.11-.04-.24 0-.31.11l-1 1.73c-.06.11-.04.24.06.32l1.06.83c-.02.16-.03.32-.03.49 0 .17.01.33.03.49l-1.06.83c-.09.08-.12.21-.06.32l1 1.73c.06.11.19.15.31.11l1.24-.5c.26.2.54.37.85.49l.19 1.32c.02.12.12.21.25.21h2c.12 0 .23-.09.25-.21l.19-1.32c.3-.13.59-.29.84-.49l1.25.5c.11.04.24 0 .31-.11l1-1.73c.06-.11.03-.24-.06-.32l-1.07-.83zm-3.71 1.01c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"perm-device-information\"><path d=\"M13 7h-2v2h2V7zm0 4h-2v6h2v-6zm4-9.99L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z\"></path></g>\n<g id=\"perm-identity\"><path d=\"M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"></path></g>\n<g id=\"perm-media\"><path d=\"M2 6H0v5h.01L0 20c0 1.1.9 2 2 2h18v-2H2V6zm20-2h-8l-2-2H6c-1.1 0-1.99.9-1.99 2L4 16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7 15l4.5-6 3.5 4.51 2.5-3.01L21 15H7z\"></path></g>\n<g id=\"perm-phone-msg\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.58l2.2-2.21c.28-.27.36-.66.25-1.01C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM12 3v10l3-3h6V3h-9z\"></path></g>\n<g id=\"perm-scan-wifi\"><path d=\"M12 3C6.95 3 3.15 4.85 0 7.23L12 22 24 7.25C20.85 4.87 17.05 3 12 3zm1 13h-2v-6h2v6zm-2-8V6h2v2h-2z\"></path></g>\n<g id=\"pets\"><circle cx=\"4.5\" cy=\"9.5\" r=\"2.5\"></circle><circle cx=\"9\" cy=\"5.5\" r=\"2.5\"></circle><circle cx=\"15\" cy=\"5.5\" r=\"2.5\"></circle><circle cx=\"19.5\" cy=\"9.5\" r=\"2.5\"></circle><path d=\"M17.34 14.86c-.87-1.02-1.6-1.89-2.48-2.91-.46-.54-1.05-1.08-1.75-1.32-.11-.04-.22-.07-.33-.09-.25-.04-.52-.04-.78-.04s-.53 0-.79.05c-.11.02-.22.05-.33.09-.7.24-1.28.78-1.75 1.32-.87 1.02-1.6 1.89-2.48 2.91-1.31 1.31-2.92 2.76-2.62 4.79.29 1.02 1.02 2.03 2.33 2.32.73.15 3.06-.44 5.54-.44h.18c2.48 0 4.81.58 5.54.44 1.31-.29 2.04-1.31 2.33-2.32.31-2.04-1.3-3.49-2.61-4.8z\"></path></g>\n<g id=\"picture-in-picture\"><path d=\"M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98V5c0-1.1-.9-2-2-2zm0 16.01H3V4.98h18v14.03z\"></path></g>\n<g id=\"picture-in-picture-alt\"><path d=\"M19 11h-8v6h8v-6zm4 8V4.98C23 3.88 22.1 3 21 3H3c-1.1 0-2 .88-2 1.98V19c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zm-2 .02H3V4.97h18v14.05z\"></path></g>\n<g id=\"play-for-work\"><path d=\"M11 5v5.59H7.5l4.5 4.5 4.5-4.5H13V5h-2zm-5 9c0 3.31 2.69 6 6 6s6-2.69 6-6h-2c0 2.21-1.79 4-4 4s-4-1.79-4-4H6z\"></path></g>\n<g id=\"polymer\"><path d=\"M19 4h-4L7.11 16.63 4.5 12 9 4H5L.5 12 5 20h4l7.89-12.63L19.5 12 15 20h4l4.5-8z\"></path></g>\n<g id=\"power-settings-new\"><path d=\"M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6.83z\"></path></g>\n<g id=\"pregnant-woman\"><path d=\"M9 4c0-1.11.89-2 2-2s2 .89 2 2-.89 2-2 2-2-.89-2-2zm7 9c-.01-1.34-.83-2.51-2-3 0-1.66-1.34-3-3-3s-3 1.34-3 3v7h2v5h3v-5h3v-4z\"></path></g>\n<g id=\"print\"><path d=\"M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z\"></path></g>\n<g id=\"query-builder\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"></path></g>\n<g id=\"question-answer\"><path d=\"M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z\"></path></g>\n<g id=\"radio-button-checked\"><path d=\"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></g>\n<g id=\"radio-button-unchecked\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></g>\n<g id=\"receipt\"><path d=\"M18 17H6v-2h12v2zm0-4H6v-2h12v2zm0-4H6V7h12v2zM3 22l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20z\"></path></g>\n<g id=\"record-voice-over\"><circle cx=\"9\" cy=\"9\" r=\"4\"></circle><path d=\"M9 15c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm7.76-9.64l-1.68 1.69c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14z\"></path></g>\n<g id=\"redeem\"><path d=\"M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z\"></path></g>\n<g id=\"redo\"><path d=\"M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z\"></path></g>\n<g id=\"refresh\"><path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\"></path></g>\n<g id=\"remove\"><path d=\"M19 13H5v-2h14v2z\"></path></g>\n<g id=\"remove-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z\"></path></g>\n<g id=\"remove-circle-outline\"><path d=\"M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"></path></g>\n<g id=\"remove-shopping-cart\"><path d=\"M22.73 22.73L2.77 2.77 2 2l-.73-.73L0 2.54l4.39 4.39 2.21 4.66-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h7.46l1.38 1.38c-.5.36-.83.95-.83 1.62 0 1.1.89 2 1.99 2 .67 0 1.26-.33 1.62-.84L21.46 24l1.27-1.27zM7.42 15c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h2.36l2 2H7.42zm8.13-2c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H6.54l9.01 9zM7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"reorder\"><path d=\"M3 15h18v-2H3v2zm0 4h18v-2H3v2zm0-8h18V9H3v2zm0-6v2h18V5H3z\"></path></g>\n<g id=\"reply\"><path d=\"M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z\"></path></g>\n<g id=\"reply-all\"><path d=\"M7 8V5l-7 7 7 7v-3l-4-4 4-4zm6 1V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z\"></path></g>\n<g id=\"report\"><path d=\"M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM12 17.3c-.72 0-1.3-.58-1.3-1.3 0-.72.58-1.3 1.3-1.3.72 0 1.3.58 1.3 1.3 0 .72-.58 1.3-1.3 1.3zm1-4.3h-2V7h2v6z\"></path></g>\n<g id=\"report-problem\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"></path></g>\n<g id=\"restore\"><path d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"></path></g>\n<g id=\"restore-page\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm-2 16c-2.05 0-3.81-1.24-4.58-3h1.71c.63.9 1.68 1.5 2.87 1.5 1.93 0 3.5-1.57 3.5-3.5S13.93 9.5 12 9.5c-1.35 0-2.52.78-3.1 1.9l1.6 1.6h-4V9l1.3 1.3C8.69 8.92 10.23 8 12 8c2.76 0 5 2.24 5 5s-2.24 5-5 5z\"></path></g>\n<g id=\"room\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></g>\n<g id=\"rounded-corner\"><path d=\"M19 19h2v2h-2v-2zm0-2h2v-2h-2v2zM3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm0-4h2V3H3v2zm4 0h2V3H7v2zm8 16h2v-2h-2v2zm-4 0h2v-2h-2v2zm4 0h2v-2h-2v2zm-8 0h2v-2H7v2zm-4 0h2v-2H3v2zM21 8c0-2.76-2.24-5-5-5h-5v2h5c1.65 0 3 1.35 3 3v5h2V8z\"></path></g>\n<g id=\"rowing\"><path d=\"M8.5 14.5L4 19l1.5 1.5L9 17h2l-2.5-2.5zM15 1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 20.01L18 24l-2.99-3.01V19.5l-7.1-7.09c-.31.05-.61.07-.91.07v-2.16c1.66.03 3.61-.87 4.67-2.04l1.4-1.55c.19-.21.43-.38.69-.5.29-.14.62-.23.96-.23h.03C15.99 6.01 17 7.02 17 8.26v5.75c0 .84-.35 1.61-.92 2.16l-3.58-3.58v-2.27c-.63.52-1.43 1.02-2.29 1.39L16.5 18H18l3 3.01z\"></path></g>\n<g id=\"save\"><path d=\"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z\"></path></g>\n<g id=\"schedule\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"></path></g>\n<g id=\"search\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"></path></g>\n<g id=\"select-all\"><path d=\"M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm2-8h6v6H9V9z\"></path></g>\n<g id=\"send\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"></path></g>\n<g id=\"settings\"><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"></path></g>\n<g id=\"settings-applications\"><path d=\"M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm7-7H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-1.75 9c0 .23-.02.46-.05.68l1.48 1.16c.13.11.17.3.08.45l-1.4 2.42c-.09.15-.27.21-.43.15l-1.74-.7c-.36.28-.76.51-1.18.69l-.26 1.85c-.03.17-.18.3-.35.3h-2.8c-.17 0-.32-.13-.35-.29l-.26-1.85c-.43-.18-.82-.41-1.18-.69l-1.74.7c-.16.06-.34 0-.43-.15l-1.4-2.42c-.09-.15-.05-.34.08-.45l1.48-1.16c-.03-.23-.05-.46-.05-.69 0-.23.02-.46.05-.68l-1.48-1.16c-.13-.11-.17-.3-.08-.45l1.4-2.42c.09-.15.27-.21.43-.15l1.74.7c.36-.28.76-.51 1.18-.69l.26-1.85c.03-.17.18-.3.35-.3h2.8c.17 0 .32.13.35.29l.26 1.85c.43.18.82.41 1.18.69l1.74-.7c.16-.06.34 0 .43.15l1.4 2.42c.09.15.05.34-.08.45l-1.48 1.16c.03.23.05.46.05.69z\"></path></g>\n<g id=\"settings-backup-restore\"><path d=\"M14 12c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2zm-2-9c-4.97 0-9 4.03-9 9H0l4 4 4-4H5c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.51 0-2.91-.49-4.06-1.3l-1.42 1.44C8.04 20.3 9.94 21 12 21c4.97 0 9-4.03 9-9s-4.03-9-9-9z\"></path></g>\n<g id=\"settings-bluetooth\"><path d=\"M11 24h2v-2h-2v2zm-4 0h2v-2H7v2zm8 0h2v-2h-2v2zm2.71-18.29L12 0h-1v7.59L6.41 3 5 4.41 10.59 10 5 15.59 6.41 17 11 12.41V20h1l5.71-5.71-4.3-4.29 4.3-4.29zM13 3.83l1.88 1.88L13 7.59V3.83zm1.88 10.46L13 16.17v-3.76l1.88 1.88z\"></path></g>\n<g id=\"settings-brightness\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02zM8 16h2.5l1.5 1.5 1.5-1.5H16v-2.5l1.5-1.5-1.5-1.5V8h-2.5L12 6.5 10.5 8H8v2.5L6.5 12 8 13.5V16zm4-7c1.66 0 3 1.34 3 3s-1.34 3-3 3V9z\"></path></g>\n<g id=\"settings-cell\"><path d=\"M7 24h2v-2H7v2zm4 0h2v-2h-2v2zm4 0h2v-2h-2v2zM16 .01L8 0C6.9 0 6 .9 6 2v16c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V2c0-1.1-.9-1.99-2-1.99zM16 16H8V4h8v12z\"></path></g>\n<g id=\"settings-ethernet\"><path d=\"M7.77 6.76L6.23 5.48.82 12l5.41 6.52 1.54-1.28L3.42 12l4.35-5.24zM7 13h2v-2H7v2zm10-2h-2v2h2v-2zm-6 2h2v-2h-2v2zm6.77-7.52l-1.54 1.28L20.58 12l-4.35 5.24 1.54 1.28L23.18 12l-5.41-6.52z\"></path></g>\n<g id=\"settings-input-antenna\"><path d=\"M12 5c-3.87 0-7 3.13-7 7h2c0-2.76 2.24-5 5-5s5 2.24 5 5h2c0-3.87-3.13-7-7-7zm1 9.29c.88-.39 1.5-1.26 1.5-2.29 0-1.38-1.12-2.5-2.5-2.5S9.5 10.62 9.5 12c0 1.02.62 1.9 1.5 2.29v3.3L7.59 21 9 22.41l3-3 3 3L16.41 21 13 17.59v-3.3zM12 1C5.93 1 1 5.93 1 12h2c0-4.97 4.03-9 9-9s9 4.03 9 9h2c0-6.07-4.93-11-11-11z\"></path></g>\n<g id=\"settings-input-component\"><path d=\"M5 2c0-.55-.45-1-1-1s-1 .45-1 1v4H1v6h6V6H5V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2H9v2zm-8 0c0 1.3.84 2.4 2 2.82V23h2v-4.18C6.16 18.4 7 17.3 7 16v-2H1v2zM21 6V2c0-.55-.45-1-1-1s-1 .45-1 1v4h-2v6h6V6h-2zm-8-4c0-.55-.45-1-1-1s-1 .45-1 1v4H9v6h6V6h-2V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2h-6v2z\"></path></g>\n<g id=\"settings-input-composite\"><path d=\"M5 2c0-.55-.45-1-1-1s-1 .45-1 1v4H1v6h6V6H5V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2H9v2zm-8 0c0 1.3.84 2.4 2 2.82V23h2v-4.18C6.16 18.4 7 17.3 7 16v-2H1v2zM21 6V2c0-.55-.45-1-1-1s-1 .45-1 1v4h-2v6h6V6h-2zm-8-4c0-.55-.45-1-1-1s-1 .45-1 1v4H9v6h6V6h-2V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2h-6v2z\"></path></g>\n<g id=\"settings-input-hdmi\"><path d=\"M18 7V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v3H5v6l3 6v3h8v-3l3-6V7h-1zM8 4h8v3h-2V5h-1v2h-2V5h-1v2H8V4z\"></path></g>\n<g id=\"settings-input-svideo\"><path d=\"M8 11.5c0-.83-.67-1.5-1.5-1.5S5 10.67 5 11.5 5.67 13 6.5 13 8 12.33 8 11.5zm7-5c0-.83-.67-1.5-1.5-1.5h-3C9.67 5 9 5.67 9 6.5S9.67 8 10.5 8h3c.83 0 1.5-.67 1.5-1.5zM8.5 15c-.83 0-1.5.67-1.5 1.5S7.67 18 8.5 18s1.5-.67 1.5-1.5S9.33 15 8.5 15zM12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm5.5-11c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm-2 5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z\"></path></g>\n<g id=\"settings-overscan\"><path d=\"M12.01 5.5L10 8h4l-1.99-2.5zM18 10v4l2.5-1.99L18 10zM6 10l-2.5 2.01L6 14v-4zm8 6h-4l2.01 2.5L14 16zm7-13H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z\"></path></g>\n<g id=\"settings-phone\"><path d=\"M13 9h-2v2h2V9zm4 0h-2v2h2V9zm3 6.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.58l2.2-2.21c.28-.27.36-.66.25-1.01C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM19 9v2h2V9h-2z\"></path></g>\n<g id=\"settings-power\"><path d=\"M7 24h2v-2H7v2zm4 0h2v-2h-2v2zm2-22h-2v10h2V2zm3.56 2.44l-1.45 1.45C16.84 6.94 18 8.83 18 11c0 3.31-2.69 6-6 6s-6-2.69-6-6c0-2.17 1.16-4.06 2.88-5.12L7.44 4.44C5.36 5.88 4 8.28 4 11c0 4.42 3.58 8 8 8s8-3.58 8-8c0-2.72-1.36-5.12-3.44-6.56zM15 24h2v-2h-2v2z\"></path></g>\n<g id=\"settings-remote\"><path d=\"M15 9H9c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V10c0-.55-.45-1-1-1zm-3 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM7.05 6.05l1.41 1.41C9.37 6.56 10.62 6 12 6s2.63.56 3.54 1.46l1.41-1.41C15.68 4.78 13.93 4 12 4s-3.68.78-4.95 2.05zM12 0C8.96 0 6.21 1.23 4.22 3.22l1.41 1.41C7.26 3.01 9.51 2 12 2s4.74 1.01 6.36 2.64l1.41-1.41C17.79 1.23 15.04 0 12 0z\"></path></g>\n<g id=\"settings-voice\"><path d=\"M7 24h2v-2H7v2zm5-11c1.66 0 2.99-1.34 2.99-3L15 4c0-1.66-1.34-3-3-3S9 2.34 9 4v6c0 1.66 1.34 3 3 3zm-1 11h2v-2h-2v2zm4 0h2v-2h-2v2zm4-14h-1.7c0 3-2.54 5.1-5.3 5.1S6.7 13 6.7 10H5c0 3.41 2.72 6.23 6 6.72V20h2v-3.28c3.28-.49 6-3.31 6-6.72z\"></path></g>\n<g id=\"shop\"><path d=\"M16 6V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H2v13c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6h-6zm-6-2h4v2h-4V4zM9 18V9l7.5 4L9 18z\"></path></g>\n<g id=\"shop-two\"><path d=\"M3 9H1v11c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2H3V9zm15-4V3c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H5v11c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2V5h-5zm-6-2h4v2h-4V3zm0 12V8l5.5 3-5.5 4z\"></path></g>\n<g id=\"shopping-basket\"><path d=\"M17.21 9l-4.38-6.56c-.19-.28-.51-.42-.83-.42-.32 0-.64.14-.83.43L6.79 9H2c-.55 0-1 .45-1 1 0 .09.01.18.04.27l2.54 9.27c.23.84 1 1.46 1.92 1.46h13c.92 0 1.69-.62 1.93-1.46l2.54-9.27L23 10c0-.55-.45-1-1-1h-4.79zM9 9l3-4.4L15 9H9zm3 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"shopping-cart\"><path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"sort\"><path d=\"M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z\"></path></g>\n<g id=\"speaker-notes\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 14H6v-2h2v2zm0-3H6V9h2v2zm0-3H6V6h2v2zm7 6h-5v-2h5v2zm3-3h-8V9h8v2zm0-3h-8V6h8v2z\"></path></g>\n<g id=\"speaker-notes-off\"><path d=\"M10.54 11l-.54-.54L7.54 8 6 6.46 2.38 2.84 1.27 1.73 0 3l2.01 2.01L2 22l4-4h9l5.73 5.73L22 22.46 17.54 18l-7-7zM8 14H6v-2h2v2zm-2-3V9l2 2H6zm14-9H4.08L10 7.92V6h8v2h-7.92l1 1H18v2h-4.92l6.99 6.99C21.14 17.95 22 17.08 22 16V4c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"spellcheck\"><path d=\"M12.45 16h2.09L9.43 3H7.57L2.46 16h2.09l1.12-3h5.64l1.14 3zm-6.02-5L8.5 5.48 10.57 11H6.43zm15.16.59l-8.09 8.09L9.83 16l-1.41 1.41 5.09 5.09L23 13l-1.41-1.41z\"></path></g>\n<g id=\"star\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"></path></g>\n<g id=\"star-border\"><path d=\"M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z\"></path></g>\n<g id=\"star-half\"><path d=\"M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z\"></path></g>\n<g id=\"stars\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm4.24 16L12 15.45 7.77 18l1.12-4.81-3.73-3.23 4.92-.42L12 5l1.92 4.53 4.92.42-3.73 3.23L16.23 18z\"></path></g>\n<g id=\"store\"><path d=\"M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z\"></path></g>\n<g id=\"subdirectory-arrow-left\"><path d=\"M11 9l1.42 1.42L8.83 14H18V4h2v12H8.83l3.59 3.58L11 21l-6-6 6-6z\"></path></g>\n<g id=\"subdirectory-arrow-right\"><path d=\"M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z\"></path></g>\n<g id=\"subject\"><path d=\"M14 17H4v2h10v-2zm6-8H4v2h16V9zM4 15h16v-2H4v2zM4 5v2h16V5H4z\"></path></g>\n<g id=\"supervisor-account\"><path d=\"M16.5 12c1.38 0 2.49-1.12 2.49-2.5S17.88 7 16.5 7C15.12 7 14 8.12 14 9.5s1.12 2.5 2.5 2.5zM9 11c1.66 0 2.99-1.34 2.99-3S10.66 5 9 5C7.34 5 6 6.34 6 8s1.34 3 3 3zm7.5 3c-1.83 0-5.5.92-5.5 2.75V19h11v-2.25c0-1.83-3.67-2.75-5.5-2.75zM9 13c-2.33 0-7 1.17-7 3.5V19h7v-2.25c0-.85.33-2.34 2.37-3.47C10.5 13.1 9.66 13 9 13z\"></path></g>\n<g id=\"swap-horiz\"><path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"></path></g>\n<g id=\"swap-vert\"><path d=\"M16 17.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3V14h2V6.99h3L9 3z\"></path></g>\n<g id=\"swap-vertical-circle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM6.5 9L10 5.5 13.5 9H11v4H9V9H6.5zm11 6L14 18.5 10.5 15H13v-4h2v4h2.5z\"></path></g>\n<g id=\"system-update-alt\"><path d=\"M12 16.5l4-4h-3v-9h-2v9H8l4 4zm9-13h-6v1.99h6v14.03H3V5.49h6V3.5H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"tab\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h10v4h8v10z\"></path></g>\n<g id=\"tab-unselected\"><path d=\"M1 9h2V7H1v2zm0 4h2v-2H1v2zm0-8h2V3c-1.1 0-2 .9-2 2zm8 16h2v-2H9v2zm-8-4h2v-2H1v2zm2 4v-2H1c0 1.1.9 2 2 2zM21 3h-8v6h10V5c0-1.1-.9-2-2-2zm0 14h2v-2h-2v2zM9 5h2V3H9v2zM5 21h2v-2H5v2zM5 5h2V3H5v2zm16 16c1.1 0 2-.9 2-2h-2v2zm0-8h2v-2h-2v2zm-8 8h2v-2h-2v2zm4 0h2v-2h-2v2z\"></path></g>\n<g id=\"text-format\"><path d=\"M5 17v2h14v-2H5zm4.5-4.2h5l.9 2.2h2.1L12.75 4h-1.5L6.5 15h2.1l.9-2.2zM12 5.98L13.87 11h-3.74L12 5.98z\"></path></g>\n<g id=\"theaters\"><path d=\"M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z\"></path></g>\n<g id=\"thumb-down\"><path d=\"M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v1.91l.01.01L1 14c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z\"></path></g>\n<g id=\"thumb-up\"><path d=\"M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1.91l-.01-.01L23 10z\"></path></g>\n<g id=\"thumbs-up-down\"><path d=\"M12 6c0-.55-.45-1-1-1H5.82l.66-3.18.02-.23c0-.31-.13-.59-.33-.8L5.38 0 .44 4.94C.17 5.21 0 5.59 0 6v6.5c0 .83.67 1.5 1.5 1.5h6.75c.62 0 1.15-.38 1.38-.91l2.26-5.29c.07-.17.11-.36.11-.55V6zm10.5 4h-6.75c-.62 0-1.15.38-1.38.91l-2.26 5.29c-.07.17-.11.36-.11.55V18c0 .55.45 1 1 1h5.18l-.66 3.18-.02.24c0 .31.13.59.33.8l.79.78 4.94-4.94c.27-.27.44-.65.44-1.06v-6.5c0-.83-.67-1.5-1.5-1.5z\"></path></g>\n<g id=\"timeline\"><path d=\"M23 8c0 1.1-.9 2-2 2-.18 0-.35-.02-.51-.07l-3.56 3.55c.05.16.07.34.07.52 0 1.1-.9 2-2 2s-2-.9-2-2c0-.18.02-.36.07-.52l-2.55-2.55c-.16.05-.34.07-.52.07s-.36-.02-.52-.07l-4.55 4.56c.05.16.07.33.07.51 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.18 0 .35.02.51.07l4.56-4.55C8.02 9.36 8 9.18 8 9c0-1.1.9-2 2-2s2 .9 2 2c0 .18-.02.36-.07.52l2.55 2.55c.16-.05.34-.07.52-.07s.36.02.52.07l3.55-3.56C19.02 8.35 19 8.18 19 8c0-1.1.9-2 2-2s2 .9 2 2z\"></path></g>\n<g id=\"toc\"><path d=\"M3 9h14V7H3v2zm0 4h14v-2H3v2zm0 4h14v-2H3v2zm16 0h2v-2h-2v2zm0-10v2h2V7h-2zm0 6h2v-2h-2v2z\"></path></g>\n<g id=\"today\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"></path></g>\n<g id=\"toll\"><path d=\"M15 4c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zM3 12c0-2.61 1.67-4.83 4-5.65V4.26C3.55 5.15 1 8.27 1 12s2.55 6.85 6 7.74v-2.09c-2.33-.82-4-3.04-4-5.65z\"></path></g>\n<g id=\"touch-app\"><path d=\"M9 11.24V7.5C9 6.12 10.12 5 11.5 5S14 6.12 14 7.5v3.74c1.21-.81 2-2.18 2-3.74C16 5.01 13.99 3 11.5 3S7 5.01 7 7.5c0 1.56.79 2.93 2 3.74zm9.84 4.63l-4.54-2.26c-.17-.07-.35-.11-.54-.11H13v-6c0-.83-.67-1.5-1.5-1.5S10 6.67 10 7.5v10.74l-3.43-.72c-.08-.01-.15-.03-.24-.03-.31 0-.59.13-.79.33l-.79.8 4.94 4.94c.27.27.65.44 1.06.44h6.79c.75 0 1.33-.55 1.44-1.28l.75-5.27c.01-.07.02-.14.02-.2 0-.62-.38-1.16-.91-1.38z\"></path></g>\n<g id=\"track-changes\"><path d=\"M19.07 4.93l-1.41 1.41C19.1 7.79 20 9.79 20 12c0 4.42-3.58 8-8 8s-8-3.58-8-8c0-4.08 3.05-7.44 7-7.93v2.02C8.16 6.57 6 9.03 6 12c0 3.31 2.69 6 6 6s6-2.69 6-6c0-1.66-.67-3.16-1.76-4.24l-1.41 1.41C15.55 9.9 16 10.9 16 12c0 2.21-1.79 4-4 4s-4-1.79-4-4c0-1.86 1.28-3.41 3-3.86v2.14c-.6.35-1 .98-1 1.72 0 1.1.9 2 2 2s2-.9 2-2c0-.74-.4-1.38-1-1.72V2h-1C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10c0-2.76-1.12-5.26-2.93-7.07z\"></path></g>\n<g id=\"translate\"><path d=\"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z\"></path></g>\n<g id=\"trending-down\"><path d=\"M16 18l2.29-2.29-4.88-4.88-4 4L2 7.41 3.41 6l6 6 4-4 6.3 6.29L22 12v6z\"></path></g>\n<g id=\"trending-flat\"><path d=\"M22 12l-4-4v3H3v2h15v3z\"></path></g>\n<g id=\"trending-up\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"></path></g>\n<g id=\"turned-in\"><path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"turned-in-not\"><path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15l-5-2.18L7 18V5h10v13z\"></path></g>\n<g id=\"unarchive\"><path d=\"M20.55 5.22l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.15.55L3.46 5.22C3.17 5.57 3 6.01 3 6.5V19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.49-.17-.93-.45-1.28zM12 9.5l5.5 5.5H14v2h-4v-2H6.5L12 9.5zM5.12 5l.82-1h12l.93 1H5.12z\"></path></g>\n<g id=\"undo\"><path d=\"M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z\"></path></g>\n<g id=\"unfold-less\"><path d=\"M7.41 18.59L8.83 20 12 16.83 15.17 20l1.41-1.41L12 14l-4.59 4.59zm9.18-13.18L15.17 4 12 7.17 8.83 4 7.41 5.41 12 10l4.59-4.59z\"></path></g>\n<g id=\"unfold-more\"><path d=\"M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z\"></path></g>\n<g id=\"update\"><path d=\"M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1-2.73 2.71-2.73 7.08 0 9.79 2.73 2.71 7.15 2.71 9.88 0C18.32 15.65 19 14.08 19 12.1h2c0 1.98-.88 4.55-2.64 6.29-3.51 3.48-9.21 3.48-12.72 0-3.5-3.47-3.53-9.11-.02-12.58 3.51-3.47 9.14-3.47 12.65 0L21 3v7.12zM12.5 8v4.25l3.5 2.08-.72 1.21L11 13V8h1.5z\"></path></g>\n<g id=\"verified-user\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"></path></g>\n<g id=\"view-agenda\"><path d=\"M20 13H3c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h17c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zm0-10H3c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h17c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"view-array\"><path d=\"M4 18h3V5H4v13zM18 5v13h3V5h-3zM8 18h9V5H8v13z\"></path></g>\n<g id=\"view-carousel\"><path d=\"M7 19h10V4H7v15zm-5-2h4V6H2v11zM18 6v11h4V6h-4z\"></path></g>\n<g id=\"view-column\"><path d=\"M10 18h5V5h-5v13zm-6 0h5V5H4v13zM16 5v13h5V5h-5z\"></path></g>\n<g id=\"view-day\"><path d=\"M2 21h19v-3H2v3zM20 8H3c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h17c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zM2 3v3h19V3H2z\"></path></g>\n<g id=\"view-headline\"><path d=\"M4 15h16v-2H4v2zm0 4h16v-2H4v2zm0-8h16V9H4v2zm0-6v2h16V5H4z\"></path></g>\n<g id=\"view-list\"><path d=\"M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z\"></path></g>\n<g id=\"view-module\"><path d=\"M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z\"></path></g>\n<g id=\"view-quilt\"><path d=\"M10 18h5v-6h-5v6zm-6 0h5V5H4v13zm12 0h5v-6h-5v6zM10 5v6h11V5H10z\"></path></g>\n<g id=\"view-stream\"><path d=\"M4 18h17v-6H4v6zM4 5v6h17V5H4z\"></path></g>\n<g id=\"view-week\"><path d=\"M6 5H3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zm14 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zm-7 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"visibility\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"></path></g>\n<g id=\"visibility-off\"><path d=\"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z\"></path></g>\n<g id=\"warning\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"></path></g>\n<g id=\"watch-later\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z\"></path></g>\n<g id=\"weekend\"><path d=\"M21 10c-1.1 0-2 .9-2 2v3H5v-3c0-1.1-.9-2-2-2s-2 .9-2 2v5c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-5c0-1.1-.9-2-2-2zm-3-5H6c-1.1 0-2 .9-2 2v2.15c1.16.41 2 1.51 2 2.82V14h12v-2.03c0-1.3.84-2.4 2-2.82V7c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"work\"><path d=\"M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z\"></path></g>\n<g id=\"youtube-searched-for\"><path d=\"M17.01 14h-.8l-.27-.27c.98-1.14 1.57-2.61 1.57-4.23 0-3.59-2.91-6.5-6.5-6.5s-6.5 3-6.5 6.5H2l3.84 4 4.16-4H6.51C6.51 7 8.53 5 11.01 5s4.5 2.01 4.5 4.5c0 2.48-2.02 4.5-4.5 4.5-.65 0-1.26-.14-1.82-.38L7.71 15.1c.97.57 2.09.9 3.3.9 1.61 0 3.08-.59 4.22-1.57l.27.27v.79l5.01 4.99L22 19l-4.99-5z\"></path></g>\n<g id=\"zoom-in\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm2.5-4h-2v2H9v-2H7V9h2V7h1v2h2v1z\"></path></g>\n<g id=\"zoom-out\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-icons/maps-icons.js b/build/es5-amd/node_modules/@polymer/iron-icons/maps-icons.js
index ce3dcee4583..c71d732bc93 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icons/maps-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icons/maps-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_912ac4301f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d2198901f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_912ac4301f0511ed8cc3e9a95995ad69 || (_templateObject_912ac4301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"maps\" size=\"24\">\n<svg><defs>\n<g id=\"add-location\"><path d=\"M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm4 8h-3v3h-2v-3H8V8h3V5h2v3h3v2z\"></path></g>\n<g id=\"beenhere\"><path d=\"M19 1H5c-1.1 0-1.99.9-1.99 2L3 15.93c0 .69.35 1.3.88 1.66L12 23l8.11-5.41c.53-.36.88-.97.88-1.66L21 3c0-1.1-.9-2-2-2zm-9 15l-5-5 1.41-1.41L10 13.17l7.59-7.59L19 7l-9 9z\"></path></g>\n<g id=\"directions\"><path d=\"M21.71 11.29l-9-9c-.39-.39-1.02-.39-1.41 0l-9 9c-.39.39-.39 1.02 0 1.41l9 9c.39.39 1.02.39 1.41 0l9-9c.39-.38.39-1.01 0-1.41zM14 14.5V12h-4v3H8v-4c0-.55.45-1 1-1h5V7.5l3.5 3.5-3.5 3.5z\"></path></g>\n<g id=\"directions-bike\"><path d=\"M15.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm5.8-10l2.4-2.4.8.8c1.3 1.3 3 2.1 5.1 2.1V9c-1.5 0-2.7-.6-3.6-1.5l-1.9-1.9c-.5-.4-1-.6-1.6-.6s-1.1.2-1.4.6L7.8 8.4c-.4.4-.6.9-.6 1.4 0 .6.2 1.1.6 1.4L11 14v5h2v-6.2l-2.2-2.3zM19 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z\"></path></g>\n<g id=\"directions-boat\"><path d=\"M20 21c-1.39 0-2.78-.47-4-1.32-2.44 1.71-5.56 1.71-8 0C6.78 20.53 5.39 21 4 21H2v2h2c1.38 0 2.74-.35 4-.99 2.52 1.29 5.48 1.29 8 0 1.26.65 2.62.99 4 .99h2v-2h-2zM3.95 19H4c1.6 0 3.02-.88 4-2 .98 1.12 2.4 2 4 2s3.02-.88 4-2c.98 1.12 2.4 2 4 2h.05l1.89-6.68c.08-.26.06-.54-.06-.78s-.34-.42-.6-.5L20 10.62V6c0-1.1-.9-2-2-2h-3V1H9v3H6c-1.1 0-2 .9-2 2v4.62l-1.29.42c-.26.08-.48.26-.6.5s-.15.52-.06.78L3.95 19zM6 6h12v3.97L12 8 6 9.97V6z\"></path></g>\n<g id=\"directions-bus\"><path d=\"M4 16c0 .88.39 1.67 1 2.22V20c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h8v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1.78c.61-.55 1-1.34 1-2.22V6c0-3.5-3.58-4-8-4s-8 .5-8 4v10zm3.5 1c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm9 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6H6V6h12v5z\"></path></g>\n<g id=\"directions-car\"><path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z\"></path></g>\n<g id=\"directions-railway\"><path d=\"M4 15.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V5c0-3.5-3.58-4-8-4s-8 .5-8 4v10.5zm8 1.5c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-7H6V5h12v5z\"></path></g>\n<g id=\"directions-run\"><path d=\"M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z\"></path></g>\n<g id=\"directions-subway\"><path d=\"M12 2c-4.42 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-6H6V6h5v5zm5.5 6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6h-5V6h5v5z\"></path></g>\n<g id=\"directions-transit\"><path d=\"M12 2c-4.42 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-6H6V6h5v5zm5.5 6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6h-5V6h5v5z\"></path></g>\n<g id=\"directions-walk\"><path d=\"M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7\"></path></g>\n<g id=\"edit-location\"><path d=\"M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm-1.56 10H9v-1.44l3.35-3.34 1.43 1.43L10.44 12zm4.45-4.45l-.7.7-1.44-1.44.7-.7c.15-.15.39-.15.54 0l.9.9c.15.15.15.39 0 .54z\"></path></g>\n<g id=\"ev-station\"><path d=\"M19.77 7.23l.01-.01-3.72-3.72L15 4.56l2.11 2.11c-.94.36-1.61 1.26-1.61 2.33 0 1.38 1.12 2.5 2.5 2.5.36 0 .69-.08 1-.21v7.21c0 .55-.45 1-1 1s-1-.45-1-1V14c0-1.1-.9-2-2-2h-1V5c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v16h10v-7.5h1.5v5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V9c0-.69-.28-1.32-.73-1.77zM18 10c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zM8 18v-4.5H6L10 6v5h2l-4 7z\"></path></g>\n<g id=\"flight\"><path d=\"M10.18 9\"></path><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"></path></g>\n<g id=\"hotel\"><path d=\"M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z\"></path></g>\n<g id=\"layers\"><path d=\"M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z\"></path></g>\n<g id=\"layers-clear\"><path d=\"M19.81 14.99l1.19-.92-1.43-1.43-1.19.92 1.43 1.43zm-.45-4.72L21 9l-9-7-2.91 2.27 7.87 7.88 2.4-1.88zM3.27 1L2 2.27l4.22 4.22L3 9l1.63 1.27L12 16l2.1-1.63 1.43 1.43L12 18.54l-7.37-5.73L3 14.07l9 7 4.95-3.85L20.73 21 22 19.73 3.27 1z\"></path></g>\n<g id=\"local-activity\"><path d=\"M20 12c0-1.1.9-2 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-1.99.9-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2zm-4.42 4.8L12 14.5l-3.58 2.3 1.08-4.12-3.29-2.69 4.24-.25L12 5.8l1.54 3.95 4.24.25-3.29 2.69 1.09 4.11z\"></path></g>\n<g id=\"local-airport\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"></path></g>\n<g id=\"local-atm\"><path d=\"M11 17h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4V8h-2V7h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1zm9-13H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4V6h16v12z\"></path></g>\n<g id=\"local-bar\"><path d=\"M21 5V3H3v2l8 9v5H6v2h12v-2h-5v-5l8-9zM7.43 7L5.66 5h12.69l-1.78 2H7.43z\"></path></g>\n<g id=\"local-cafe\"><path d=\"M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3zM2 21h18v-2H2v2z\"></path></g>\n<g id=\"local-car-wash\"><path d=\"M17 5c.83 0 1.5-.67 1.5-1.5 0-1-1.5-2.7-1.5-2.7s-1.5 1.7-1.5 2.7c0 .83.67 1.5 1.5 1.5zm-5 0c.83 0 1.5-.67 1.5-1.5 0-1-1.5-2.7-1.5-2.7s-1.5 1.7-1.5 2.7c0 .83.67 1.5 1.5 1.5zM7 5c.83 0 1.5-.67 1.5-1.5C8.5 2.5 7 .8 7 .8S5.5 2.5 5.5 3.5C5.5 4.33 6.17 5 7 5zm11.92 3.01C18.72 7.42 18.16 7 17.5 7h-11c-.66 0-1.21.42-1.42 1.01L3 14v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 18c-.83 0-1.5-.67-1.5-1.5S5.67 15 6.5 15s1.5.67 1.5 1.5S7.33 18 6.5 18zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 13l1.5-4.5h11L19 13H5z\"></path></g>\n<g id=\"local-convenience-store\"><path d=\"M19 7V4H5v3H2v13h8v-4h4v4h8V7h-3zm-8 3H9v1h2v1H8V9h2V8H8V7h3v3zm5 2h-1v-2h-2V7h1v2h1V7h1v5z\"></path></g>\n<g id=\"local-dining\"><path d=\"M8.1 13.34l2.83-2.83L3.91 3.5c-1.56 1.56-1.56 4.09 0 5.66l4.19 4.18zm6.78-1.81c1.53.71 3.68.21 5.27-1.38 1.91-1.91 2.28-4.65.81-6.12-1.46-1.46-4.2-1.1-6.12.81-1.59 1.59-2.09 3.74-1.38 5.27L3.7 19.87l1.41 1.41L12 14.41l6.88 6.88 1.41-1.41L13.41 13l1.47-1.47z\"></path></g>\n<g id=\"local-drink\"><path d=\"M3 2l2.01 18.23C5.13 21.23 5.97 22 7 22h10c1.03 0 1.87-.77 1.99-1.77L21 2H3zm9 17c-1.66 0-3-1.34-3-3 0-2 3-5.4 3-5.4s3 3.4 3 5.4c0 1.66-1.34 3-3 3zm6.33-11H5.67l-.44-4h13.53l-.43 4z\"></path></g>\n<g id=\"local-florist\"><path d=\"M12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zM5.6 10.25c0 1.38 1.12 2.5 2.5 2.5.53 0 1.01-.16 1.42-.44l-.02.19c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5l-.02-.19c.4.28.89.44 1.42.44 1.38 0 2.5-1.12 2.5-2.5 0-1-.59-1.85-1.43-2.25.84-.4 1.43-1.25 1.43-2.25 0-1.38-1.12-2.5-2.5-2.5-.53 0-1.01.16-1.42.44l.02-.19C14.5 2.12 13.38 1 12 1S9.5 2.12 9.5 3.5l.02.19c-.4-.28-.89-.44-1.42-.44-1.38 0-2.5 1.12-2.5 2.5 0 1 .59 1.85 1.43 2.25-.84.4-1.43 1.25-1.43 2.25zM12 5.5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5S9.5 9.38 9.5 8s1.12-2.5 2.5-2.5zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9z\"></path></g>\n<g id=\"local-gas-station\"><path d=\"M19.77 7.23l.01-.01-3.72-3.72L15 4.56l2.11 2.11c-.94.36-1.61 1.26-1.61 2.33 0 1.38 1.12 2.5 2.5 2.5.36 0 .69-.08 1-.21v7.21c0 .55-.45 1-1 1s-1-.45-1-1V14c0-1.1-.9-2-2-2h-1V5c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v16h10v-7.5h1.5v5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V9c0-.69-.28-1.32-.73-1.77zM12 10H6V5h6v5zm6 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z\"></path></g>\n<g id=\"local-grocery-store\"><path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"local-hospital\"><path d=\"M19 3H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 11h-4v4h-4v-4H6v-4h4V6h4v4h4v4z\"></path></g>\n<g id=\"local-hotel\"><path d=\"M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z\"></path></g>\n<g id=\"local-laundry-service\"><path d=\"M9.17 16.83c1.56 1.56 4.1 1.56 5.66 0 1.56-1.56 1.56-4.1 0-5.66l-5.66 5.66zM18 2.01L6 2c-1.11 0-2 .89-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V4c0-1.11-.89-1.99-2-1.99zM10 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM7 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 16c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z\"></path></g>\n<g id=\"local-library\"><path d=\"M12 11.55C9.64 9.35 6.48 8 3 8v11c3.48 0 6.64 1.35 9 3.55 2.36-2.19 5.52-3.55 9-3.55V8c-3.48 0-6.64 1.35-9 3.55zM12 8c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z\"></path></g>\n<g id=\"local-mall\"><path d=\"M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm0 10c-2.76 0-5-2.24-5-5h2c0 1.66 1.34 3 3 3s3-1.34 3-3h2c0 2.76-2.24 5-5 5z\"></path></g>\n<g id=\"local-movies\"><path d=\"M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z\"></path></g>\n<g id=\"local-offer\"><path d=\"M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z\"></path></g>\n<g id=\"local-parking\"><path d=\"M13 3H6v18h4v-6h3c3.31 0 6-2.69 6-6s-2.69-6-6-6zm.2 8H10V7h3.2c1.1 0 2 .9 2 2s-.9 2-2 2z\"></path></g>\n<g id=\"local-pharmacy\"><path d=\"M21 5h-2.64l1.14-3.14L17.15 1l-1.46 4H3v2l2 6-2 6v2h18v-2l-2-6 2-6V5zm-5 9h-3v3h-2v-3H8v-2h3V9h2v3h3v2z\"></path></g>\n<g id=\"local-phone\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"></path></g>\n<g id=\"local-pizza\"><path d=\"M12 2C8.43 2 5.23 3.54 3.01 6L12 22l8.99-16C18.78 3.55 15.57 2 12 2zM7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm5 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"local-play\"><path d=\"M20 12c0-1.1.9-2 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-1.99.9-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2zm-4.42 4.8L12 14.5l-3.58 2.3 1.08-4.12-3.29-2.69 4.24-.25L12 5.8l1.54 3.95 4.24.25-3.29 2.69 1.09 4.11z\"></path></g>\n<g id=\"local-post-office\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"></path></g>\n<g id=\"local-printshop\"><path d=\"M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z\"></path></g>\n<g id=\"local-see\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"></circle><path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"></path></g>\n<g id=\"local-shipping\"><path d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"local-taxi\"><path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5H15V3H9v2H6.5c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z\"></path></g>\n<g id=\"map\"><path d=\"M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z\"></path></g>\n<g id=\"my-location\"><path d=\"M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"navigation\"><path d=\"M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z\"></path></g>\n<g id=\"near-me\"><path d=\"M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z\"></path></g>\n<g id=\"person-pin\"><path d=\"M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 3.3c1.49 0 2.7 1.21 2.7 2.7 0 1.49-1.21 2.7-2.7 2.7-1.49 0-2.7-1.21-2.7-2.7 0-1.49 1.21-2.7 2.7-2.7zM18 16H6v-.9c0-2 4-3.1 6-3.1s6 1.1 6 3.1v.9z\"></path></g>\n<g id=\"person-pin-circle\"><path d=\"M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm0 2c1.1 0 2 .9 2 2 0 1.11-.9 2-2 2s-2-.89-2-2c0-1.1.9-2 2-2zm0 10c-1.67 0-3.14-.85-4-2.15.02-1.32 2.67-2.05 4-2.05s3.98.73 4 2.05c-.86 1.3-2.33 2.15-4 2.15z\"></path></g>\n<g id=\"pin-drop\"><path d=\"M18 8c0-3.31-2.69-6-6-6S6 4.69 6 8c0 4.5 6 11 6 11s6-6.5 6-11zm-8 0c0-1.1.9-2 2-2s2 .9 2 2-.89 2-2 2c-1.1 0-2-.9-2-2zM5 20v2h14v-2H5z\"></path></g>\n<g id=\"place\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></g>\n<g id=\"rate-review\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 14v-2.47l6.88-6.88c.2-.2.51-.2.71 0l1.77 1.77c.2.2.2.51 0 .71L8.47 14H6zm12 0h-7.5l2-2H18v2z\"></path></g>\n<g id=\"restaurant\"><path d=\"M11 9H9V2H7v7H5V2H3v7c0 2.12 1.66 3.84 3.75 3.97V22h2.5v-9.03C11.34 12.84 13 11.12 13 9V2h-2v7zm5-3v8h2.5v8H21V2c-2.76 0-5 2.24-5 4z\"></path></g>\n<g id=\"restaurant-menu\"><path d=\"M8.1 13.34l2.83-2.83L3.91 3.5c-1.56 1.56-1.56 4.09 0 5.66l4.19 4.18zm6.78-1.81c1.53.71 3.68.21 5.27-1.38 1.91-1.91 2.28-4.65.81-6.12-1.46-1.46-4.2-1.1-6.12.81-1.59 1.59-2.09 3.74-1.38 5.27L3.7 19.87l1.41 1.41L12 14.41l6.88 6.88 1.41-1.41L13.41 13l1.47-1.47z\"></path></g>\n<g id=\"satellite\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.99h3C8 6.65 6.66 8 5 8V4.99zM5 12v-2c2.76 0 5-2.25 5-5.01h2C12 8.86 8.87 12 5 12zm0 6l3.5-4.5 2.5 3.01L14.5 12l4.5 6H5z\"></path></g>\n<g id=\"store-mall-directory\"><path d=\"M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z\"></path></g>\n<g id=\"streetview\"><path d=\"M12.56 14.33c-.34.27-.56.7-.56 1.17V21h7c1.1 0 2-.9 2-2v-5.98c-.94-.33-1.95-.52-3-.52-2.03 0-3.93.7-5.44 1.83z\"></path><circle cx=\"18\" cy=\"6\" r=\"5\"></circle><path d=\"M11.5 6c0-1.08.27-2.1.74-3H5c-1.1 0-2 .9-2 2v14c0 .55.23 1.05.59 1.41l9.82-9.82C12.23 9.42 11.5 7.8 11.5 6z\"></path></g>\n<g id=\"subway\"><circle cx=\"15.5\" cy=\"16\" r=\"1\"></circle><circle cx=\"8.5\" cy=\"16\" r=\"1\"></circle><path d=\"M7.01 9h10v5h-10zM17.8 2.8C16 2.09 13.86 2 12 2c-1.86 0-4 .09-5.8.8C3.53 3.84 2 6.05 2 8.86V22h20V8.86c0-2.81-1.53-5.02-4.2-6.06zm.2 13.08c0 1.45-1.18 2.62-2.63 2.62l1.13 1.12V20H15l-1.5-1.5h-2.83L9.17 20H7.5v-.38l1.12-1.12C7.18 18.5 6 17.32 6 15.88V9c0-2.63 3-3 6-3 3.32 0 6 .38 6 3v6.88z\"></path></g>\n<g id=\"terrain\"><path d=\"M14 6l-3.75 5 2.85 3.8-1.6 1.2C9.81 13.75 7 10 7 10l-6 8h22L14 6z\"></path></g>\n<g id=\"traffic\"><path d=\"M20 10h-3V8.86c1.72-.45 3-2 3-3.86h-3V4c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v1H4c0 1.86 1.28 3.41 3 3.86V10H4c0 1.86 1.28 3.41 3 3.86V15H4c0 1.86 1.28 3.41 3 3.86V20c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-1.14c1.72-.45 3-2 3-3.86h-3v-1.14c1.72-.45 3-2 3-3.86zm-8 9c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2 0-1.11.89-2 2-2 1.1 0 2 .89 2 2 0 1.1-.89 2-2 2z\"></path></g>\n<g id=\"train\"><path d=\"M12 2c-4 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h2.23l2-2H14l2 2h2v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-7H6V6h5v4zm2 0V6h5v4h-5zm3.5 7c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"tram\"><path d=\"M19 16.94V8.5c0-2.79-2.61-3.4-6.01-3.49l.76-1.51H17V2H7v1.5h4.75l-.76 1.52C7.86 5.11 5 5.73 5 8.5v8.44c0 1.45 1.19 2.66 2.59 2.97L6 21.5v.5h2.23l2-2H14l2 2h2v-.5L16.5 20h-.08c1.69 0 2.58-1.37 2.58-3.06zm-7 1.56c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5-4.5H7V9h10v5z\"></path></g>\n<g id=\"transfer-within-a-station\"><path d=\"M16.49 15.5v-1.75L14 16.25l2.49 2.5V17H22v-1.5zm3.02 4.25H14v1.5h5.51V23L22 20.5 19.51 18zM9.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5.75 8.9L3 23h2.1l1.75-8L9 17v6h2v-7.55L8.95 13.4l.6-3C10.85 12 12.8 13 15 13v-2c-1.85 0-3.45-1-4.35-2.45l-.95-1.6C9.35 6.35 8.7 6 8 6c-.25 0-.5.05-.75.15L2 8.3V13h2V9.65l1.75-.75\"></path></g>\n<g id=\"zoom-out-map\"><path d=\"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d2198901f2611eda0c389891c227ec8 || (_templateObject_6d2198901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"maps\" size=\"24\">\n<svg><defs>\n<g id=\"add-location\"><path d=\"M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm4 8h-3v3h-2v-3H8V8h3V5h2v3h3v2z\"></path></g>\n<g id=\"beenhere\"><path d=\"M19 1H5c-1.1 0-1.99.9-1.99 2L3 15.93c0 .69.35 1.3.88 1.66L12 23l8.11-5.41c.53-.36.88-.97.88-1.66L21 3c0-1.1-.9-2-2-2zm-9 15l-5-5 1.41-1.41L10 13.17l7.59-7.59L19 7l-9 9z\"></path></g>\n<g id=\"directions\"><path d=\"M21.71 11.29l-9-9c-.39-.39-1.02-.39-1.41 0l-9 9c-.39.39-.39 1.02 0 1.41l9 9c.39.39 1.02.39 1.41 0l9-9c.39-.38.39-1.01 0-1.41zM14 14.5V12h-4v3H8v-4c0-.55.45-1 1-1h5V7.5l3.5 3.5-3.5 3.5z\"></path></g>\n<g id=\"directions-bike\"><path d=\"M15.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm5.8-10l2.4-2.4.8.8c1.3 1.3 3 2.1 5.1 2.1V9c-1.5 0-2.7-.6-3.6-1.5l-1.9-1.9c-.5-.4-1-.6-1.6-.6s-1.1.2-1.4.6L7.8 8.4c-.4.4-.6.9-.6 1.4 0 .6.2 1.1.6 1.4L11 14v5h2v-6.2l-2.2-2.3zM19 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z\"></path></g>\n<g id=\"directions-boat\"><path d=\"M20 21c-1.39 0-2.78-.47-4-1.32-2.44 1.71-5.56 1.71-8 0C6.78 20.53 5.39 21 4 21H2v2h2c1.38 0 2.74-.35 4-.99 2.52 1.29 5.48 1.29 8 0 1.26.65 2.62.99 4 .99h2v-2h-2zM3.95 19H4c1.6 0 3.02-.88 4-2 .98 1.12 2.4 2 4 2s3.02-.88 4-2c.98 1.12 2.4 2 4 2h.05l1.89-6.68c.08-.26.06-.54-.06-.78s-.34-.42-.6-.5L20 10.62V6c0-1.1-.9-2-2-2h-3V1H9v3H6c-1.1 0-2 .9-2 2v4.62l-1.29.42c-.26.08-.48.26-.6.5s-.15.52-.06.78L3.95 19zM6 6h12v3.97L12 8 6 9.97V6z\"></path></g>\n<g id=\"directions-bus\"><path d=\"M4 16c0 .88.39 1.67 1 2.22V20c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h8v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1.78c.61-.55 1-1.34 1-2.22V6c0-3.5-3.58-4-8-4s-8 .5-8 4v10zm3.5 1c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm9 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6H6V6h12v5z\"></path></g>\n<g id=\"directions-car\"><path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z\"></path></g>\n<g id=\"directions-railway\"><path d=\"M4 15.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V5c0-3.5-3.58-4-8-4s-8 .5-8 4v10.5zm8 1.5c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-7H6V5h12v5z\"></path></g>\n<g id=\"directions-run\"><path d=\"M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z\"></path></g>\n<g id=\"directions-subway\"><path d=\"M12 2c-4.42 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-6H6V6h5v5zm5.5 6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6h-5V6h5v5z\"></path></g>\n<g id=\"directions-transit\"><path d=\"M12 2c-4.42 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-6H6V6h5v5zm5.5 6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6h-5V6h5v5z\"></path></g>\n<g id=\"directions-walk\"><path d=\"M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7\"></path></g>\n<g id=\"edit-location\"><path d=\"M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm-1.56 10H9v-1.44l3.35-3.34 1.43 1.43L10.44 12zm4.45-4.45l-.7.7-1.44-1.44.7-.7c.15-.15.39-.15.54 0l.9.9c.15.15.15.39 0 .54z\"></path></g>\n<g id=\"ev-station\"><path d=\"M19.77 7.23l.01-.01-3.72-3.72L15 4.56l2.11 2.11c-.94.36-1.61 1.26-1.61 2.33 0 1.38 1.12 2.5 2.5 2.5.36 0 .69-.08 1-.21v7.21c0 .55-.45 1-1 1s-1-.45-1-1V14c0-1.1-.9-2-2-2h-1V5c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v16h10v-7.5h1.5v5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V9c0-.69-.28-1.32-.73-1.77zM18 10c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zM8 18v-4.5H6L10 6v5h2l-4 7z\"></path></g>\n<g id=\"flight\"><path d=\"M10.18 9\"></path><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"></path></g>\n<g id=\"hotel\"><path d=\"M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z\"></path></g>\n<g id=\"layers\"><path d=\"M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z\"></path></g>\n<g id=\"layers-clear\"><path d=\"M19.81 14.99l1.19-.92-1.43-1.43-1.19.92 1.43 1.43zm-.45-4.72L21 9l-9-7-2.91 2.27 7.87 7.88 2.4-1.88zM3.27 1L2 2.27l4.22 4.22L3 9l1.63 1.27L12 16l2.1-1.63 1.43 1.43L12 18.54l-7.37-5.73L3 14.07l9 7 4.95-3.85L20.73 21 22 19.73 3.27 1z\"></path></g>\n<g id=\"local-activity\"><path d=\"M20 12c0-1.1.9-2 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-1.99.9-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2zm-4.42 4.8L12 14.5l-3.58 2.3 1.08-4.12-3.29-2.69 4.24-.25L12 5.8l1.54 3.95 4.24.25-3.29 2.69 1.09 4.11z\"></path></g>\n<g id=\"local-airport\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"></path></g>\n<g id=\"local-atm\"><path d=\"M11 17h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4V8h-2V7h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1zm9-13H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4V6h16v12z\"></path></g>\n<g id=\"local-bar\"><path d=\"M21 5V3H3v2l8 9v5H6v2h12v-2h-5v-5l8-9zM7.43 7L5.66 5h12.69l-1.78 2H7.43z\"></path></g>\n<g id=\"local-cafe\"><path d=\"M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3zM2 21h18v-2H2v2z\"></path></g>\n<g id=\"local-car-wash\"><path d=\"M17 5c.83 0 1.5-.67 1.5-1.5 0-1-1.5-2.7-1.5-2.7s-1.5 1.7-1.5 2.7c0 .83.67 1.5 1.5 1.5zm-5 0c.83 0 1.5-.67 1.5-1.5 0-1-1.5-2.7-1.5-2.7s-1.5 1.7-1.5 2.7c0 .83.67 1.5 1.5 1.5zM7 5c.83 0 1.5-.67 1.5-1.5C8.5 2.5 7 .8 7 .8S5.5 2.5 5.5 3.5C5.5 4.33 6.17 5 7 5zm11.92 3.01C18.72 7.42 18.16 7 17.5 7h-11c-.66 0-1.21.42-1.42 1.01L3 14v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 18c-.83 0-1.5-.67-1.5-1.5S5.67 15 6.5 15s1.5.67 1.5 1.5S7.33 18 6.5 18zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 13l1.5-4.5h11L19 13H5z\"></path></g>\n<g id=\"local-convenience-store\"><path d=\"M19 7V4H5v3H2v13h8v-4h4v4h8V7h-3zm-8 3H9v1h2v1H8V9h2V8H8V7h3v3zm5 2h-1v-2h-2V7h1v2h1V7h1v5z\"></path></g>\n<g id=\"local-dining\"><path d=\"M8.1 13.34l2.83-2.83L3.91 3.5c-1.56 1.56-1.56 4.09 0 5.66l4.19 4.18zm6.78-1.81c1.53.71 3.68.21 5.27-1.38 1.91-1.91 2.28-4.65.81-6.12-1.46-1.46-4.2-1.1-6.12.81-1.59 1.59-2.09 3.74-1.38 5.27L3.7 19.87l1.41 1.41L12 14.41l6.88 6.88 1.41-1.41L13.41 13l1.47-1.47z\"></path></g>\n<g id=\"local-drink\"><path d=\"M3 2l2.01 18.23C5.13 21.23 5.97 22 7 22h10c1.03 0 1.87-.77 1.99-1.77L21 2H3zm9 17c-1.66 0-3-1.34-3-3 0-2 3-5.4 3-5.4s3 3.4 3 5.4c0 1.66-1.34 3-3 3zm6.33-11H5.67l-.44-4h13.53l-.43 4z\"></path></g>\n<g id=\"local-florist\"><path d=\"M12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zM5.6 10.25c0 1.38 1.12 2.5 2.5 2.5.53 0 1.01-.16 1.42-.44l-.02.19c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5l-.02-.19c.4.28.89.44 1.42.44 1.38 0 2.5-1.12 2.5-2.5 0-1-.59-1.85-1.43-2.25.84-.4 1.43-1.25 1.43-2.25 0-1.38-1.12-2.5-2.5-2.5-.53 0-1.01.16-1.42.44l.02-.19C14.5 2.12 13.38 1 12 1S9.5 2.12 9.5 3.5l.02.19c-.4-.28-.89-.44-1.42-.44-1.38 0-2.5 1.12-2.5 2.5 0 1 .59 1.85 1.43 2.25-.84.4-1.43 1.25-1.43 2.25zM12 5.5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5S9.5 9.38 9.5 8s1.12-2.5 2.5-2.5zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9z\"></path></g>\n<g id=\"local-gas-station\"><path d=\"M19.77 7.23l.01-.01-3.72-3.72L15 4.56l2.11 2.11c-.94.36-1.61 1.26-1.61 2.33 0 1.38 1.12 2.5 2.5 2.5.36 0 .69-.08 1-.21v7.21c0 .55-.45 1-1 1s-1-.45-1-1V14c0-1.1-.9-2-2-2h-1V5c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v16h10v-7.5h1.5v5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V9c0-.69-.28-1.32-.73-1.77zM12 10H6V5h6v5zm6 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z\"></path></g>\n<g id=\"local-grocery-store\"><path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"></path></g>\n<g id=\"local-hospital\"><path d=\"M19 3H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 11h-4v4h-4v-4H6v-4h4V6h4v4h4v4z\"></path></g>\n<g id=\"local-hotel\"><path d=\"M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z\"></path></g>\n<g id=\"local-laundry-service\"><path d=\"M9.17 16.83c1.56 1.56 4.1 1.56 5.66 0 1.56-1.56 1.56-4.1 0-5.66l-5.66 5.66zM18 2.01L6 2c-1.11 0-2 .89-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V4c0-1.11-.89-1.99-2-1.99zM10 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM7 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 16c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z\"></path></g>\n<g id=\"local-library\"><path d=\"M12 11.55C9.64 9.35 6.48 8 3 8v11c3.48 0 6.64 1.35 9 3.55 2.36-2.19 5.52-3.55 9-3.55V8c-3.48 0-6.64 1.35-9 3.55zM12 8c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z\"></path></g>\n<g id=\"local-mall\"><path d=\"M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm0 10c-2.76 0-5-2.24-5-5h2c0 1.66 1.34 3 3 3s3-1.34 3-3h2c0 2.76-2.24 5-5 5z\"></path></g>\n<g id=\"local-movies\"><path d=\"M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z\"></path></g>\n<g id=\"local-offer\"><path d=\"M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z\"></path></g>\n<g id=\"local-parking\"><path d=\"M13 3H6v18h4v-6h3c3.31 0 6-2.69 6-6s-2.69-6-6-6zm.2 8H10V7h3.2c1.1 0 2 .9 2 2s-.9 2-2 2z\"></path></g>\n<g id=\"local-pharmacy\"><path d=\"M21 5h-2.64l1.14-3.14L17.15 1l-1.46 4H3v2l2 6-2 6v2h18v-2l-2-6 2-6V5zm-5 9h-3v3h-2v-3H8v-2h3V9h2v3h3v2z\"></path></g>\n<g id=\"local-phone\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"></path></g>\n<g id=\"local-pizza\"><path d=\"M12 2C8.43 2 5.23 3.54 3.01 6L12 22l8.99-16C18.78 3.55 15.57 2 12 2zM7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm5 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"local-play\"><path d=\"M20 12c0-1.1.9-2 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-1.99.9-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2zm-4.42 4.8L12 14.5l-3.58 2.3 1.08-4.12-3.29-2.69 4.24-.25L12 5.8l1.54 3.95 4.24.25-3.29 2.69 1.09 4.11z\"></path></g>\n<g id=\"local-post-office\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"></path></g>\n<g id=\"local-printshop\"><path d=\"M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z\"></path></g>\n<g id=\"local-see\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"></circle><path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"></path></g>\n<g id=\"local-shipping\"><path d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"local-taxi\"><path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5H15V3H9v2H6.5c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z\"></path></g>\n<g id=\"map\"><path d=\"M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z\"></path></g>\n<g id=\"my-location\"><path d=\"M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"></path></g>\n<g id=\"navigation\"><path d=\"M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z\"></path></g>\n<g id=\"near-me\"><path d=\"M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z\"></path></g>\n<g id=\"person-pin\"><path d=\"M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 3.3c1.49 0 2.7 1.21 2.7 2.7 0 1.49-1.21 2.7-2.7 2.7-1.49 0-2.7-1.21-2.7-2.7 0-1.49 1.21-2.7 2.7-2.7zM18 16H6v-.9c0-2 4-3.1 6-3.1s6 1.1 6 3.1v.9z\"></path></g>\n<g id=\"person-pin-circle\"><path d=\"M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm0 2c1.1 0 2 .9 2 2 0 1.11-.9 2-2 2s-2-.89-2-2c0-1.1.9-2 2-2zm0 10c-1.67 0-3.14-.85-4-2.15.02-1.32 2.67-2.05 4-2.05s3.98.73 4 2.05c-.86 1.3-2.33 2.15-4 2.15z\"></path></g>\n<g id=\"pin-drop\"><path d=\"M18 8c0-3.31-2.69-6-6-6S6 4.69 6 8c0 4.5 6 11 6 11s6-6.5 6-11zm-8 0c0-1.1.9-2 2-2s2 .9 2 2-.89 2-2 2c-1.1 0-2-.9-2-2zM5 20v2h14v-2H5z\"></path></g>\n<g id=\"place\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></g>\n<g id=\"rate-review\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 14v-2.47l6.88-6.88c.2-.2.51-.2.71 0l1.77 1.77c.2.2.2.51 0 .71L8.47 14H6zm12 0h-7.5l2-2H18v2z\"></path></g>\n<g id=\"restaurant\"><path d=\"M11 9H9V2H7v7H5V2H3v7c0 2.12 1.66 3.84 3.75 3.97V22h2.5v-9.03C11.34 12.84 13 11.12 13 9V2h-2v7zm5-3v8h2.5v8H21V2c-2.76 0-5 2.24-5 4z\"></path></g>\n<g id=\"restaurant-menu\"><path d=\"M8.1 13.34l2.83-2.83L3.91 3.5c-1.56 1.56-1.56 4.09 0 5.66l4.19 4.18zm6.78-1.81c1.53.71 3.68.21 5.27-1.38 1.91-1.91 2.28-4.65.81-6.12-1.46-1.46-4.2-1.1-6.12.81-1.59 1.59-2.09 3.74-1.38 5.27L3.7 19.87l1.41 1.41L12 14.41l6.88 6.88 1.41-1.41L13.41 13l1.47-1.47z\"></path></g>\n<g id=\"satellite\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.99h3C8 6.65 6.66 8 5 8V4.99zM5 12v-2c2.76 0 5-2.25 5-5.01h2C12 8.86 8.87 12 5 12zm0 6l3.5-4.5 2.5 3.01L14.5 12l4.5 6H5z\"></path></g>\n<g id=\"store-mall-directory\"><path d=\"M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z\"></path></g>\n<g id=\"streetview\"><path d=\"M12.56 14.33c-.34.27-.56.7-.56 1.17V21h7c1.1 0 2-.9 2-2v-5.98c-.94-.33-1.95-.52-3-.52-2.03 0-3.93.7-5.44 1.83z\"></path><circle cx=\"18\" cy=\"6\" r=\"5\"></circle><path d=\"M11.5 6c0-1.08.27-2.1.74-3H5c-1.1 0-2 .9-2 2v14c0 .55.23 1.05.59 1.41l9.82-9.82C12.23 9.42 11.5 7.8 11.5 6z\"></path></g>\n<g id=\"subway\"><circle cx=\"15.5\" cy=\"16\" r=\"1\"></circle><circle cx=\"8.5\" cy=\"16\" r=\"1\"></circle><path d=\"M7.01 9h10v5h-10zM17.8 2.8C16 2.09 13.86 2 12 2c-1.86 0-4 .09-5.8.8C3.53 3.84 2 6.05 2 8.86V22h20V8.86c0-2.81-1.53-5.02-4.2-6.06zm.2 13.08c0 1.45-1.18 2.62-2.63 2.62l1.13 1.12V20H15l-1.5-1.5h-2.83L9.17 20H7.5v-.38l1.12-1.12C7.18 18.5 6 17.32 6 15.88V9c0-2.63 3-3 6-3 3.32 0 6 .38 6 3v6.88z\"></path></g>\n<g id=\"terrain\"><path d=\"M14 6l-3.75 5 2.85 3.8-1.6 1.2C9.81 13.75 7 10 7 10l-6 8h22L14 6z\"></path></g>\n<g id=\"traffic\"><path d=\"M20 10h-3V8.86c1.72-.45 3-2 3-3.86h-3V4c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v1H4c0 1.86 1.28 3.41 3 3.86V10H4c0 1.86 1.28 3.41 3 3.86V15H4c0 1.86 1.28 3.41 3 3.86V20c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-1.14c1.72-.45 3-2 3-3.86h-3v-1.14c1.72-.45 3-2 3-3.86zm-8 9c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2 0-1.11.89-2 2-2 1.1 0 2 .89 2 2 0 1.1-.89 2-2 2z\"></path></g>\n<g id=\"train\"><path d=\"M12 2c-4 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h2.23l2-2H14l2 2h2v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-7H6V6h5v4zm2 0V6h5v4h-5zm3.5 7c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"tram\"><path d=\"M19 16.94V8.5c0-2.79-2.61-3.4-6.01-3.49l.76-1.51H17V2H7v1.5h4.75l-.76 1.52C7.86 5.11 5 5.73 5 8.5v8.44c0 1.45 1.19 2.66 2.59 2.97L6 21.5v.5h2.23l2-2H14l2 2h2v-.5L16.5 20h-.08c1.69 0 2.58-1.37 2.58-3.06zm-7 1.56c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5-4.5H7V9h10v5z\"></path></g>\n<g id=\"transfer-within-a-station\"><path d=\"M16.49 15.5v-1.75L14 16.25l2.49 2.5V17H22v-1.5zm3.02 4.25H14v1.5h5.51V23L22 20.5 19.51 18zM9.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5.75 8.9L3 23h2.1l1.75-8L9 17v6h2v-7.55L8.95 13.4l.6-3C10.85 12 12.8 13 15 13v-2c-1.85 0-3.45-1-4.35-2.45l-.95-1.6C9.35 6.35 8.7 6 8 6c-.25 0-.5.05-.75.15L2 8.3V13h2V9.65l1.75-.75\"></path></g>\n<g id=\"zoom-out-map\"><path d=\"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-icons/notification-icons.js b/build/es5-amd/node_modules/@polymer/iron-icons/notification-icons.js
index 32fb9c2cd38..b70d809818b 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icons/notification-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icons/notification-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_912df8801f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d251b001f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_912df8801f0511ed8cc3e9a95995ad69 || (_templateObject_912df8801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"notification\" size=\"24\">\n<svg><defs>\n<g id=\"adb\"><path d=\"M5 16c0 3.87 3.13 7 7 7s7-3.13 7-7v-4H5v4zM16.12 4.37l2.1-2.1-.82-.83-2.3 2.31C14.16 3.28 13.12 3 12 3s-2.16.28-3.09.75L6.6 1.44l-.82.83 2.1 2.1C6.14 5.64 5 7.68 5 10v1h14v-1c0-2.32-1.14-4.36-2.88-5.63zM9 9c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm6 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z\"></path></g>\n<g id=\"airline-seat-flat\"><path d=\"M22 11v2H9V7h9c2.21 0 4 1.79 4 4zM2 14v2h6v2h8v-2h6v-2H2zm5.14-1.9c1.16-1.19 1.14-3.08-.04-4.24-1.19-1.16-3.08-1.14-4.24.04-1.16 1.19-1.14 3.08.04 4.24 1.19 1.16 3.08 1.14 4.24-.04z\"></path></g>\n<g id=\"airline-seat-flat-angled\"><path d=\"M22.25 14.29l-.69 1.89L9.2 11.71l2.08-5.66 8.56 3.09c2.1.76 3.18 3.06 2.41 5.15zM1.5 12.14L8 14.48V19h8v-1.63L20.52 19l.69-1.89-19.02-6.86-.69 1.89zm5.8-1.94c1.49-.72 2.12-2.51 1.41-4C7.99 4.71 6.2 4.08 4.7 4.8c-1.49.71-2.12 2.5-1.4 4 .71 1.49 2.5 2.12 4 1.4z\"></path></g>\n<g id=\"airline-seat-individual-suite\"><path d=\"M7 13c1.65 0 3-1.35 3-3S8.65 7 7 7s-3 1.35-3 3 1.35 3 3 3zm12-6h-8v7H3V7H1v10h22v-6c0-2.21-1.79-4-4-4z\"></path></g>\n<g id=\"airline-seat-legroom-extra\"><path d=\"M4 12V3H2v9c0 2.76 2.24 5 5 5h6v-2H7c-1.66 0-3-1.34-3-3zm18.83 5.24c-.38-.72-1.29-.97-2.03-.63l-1.09.5-3.41-6.98c-.34-.68-1.03-1.12-1.79-1.12L11 9V3H5v8c0 1.66 1.34 3 3 3h7l3.41 7 3.72-1.7c.77-.36 1.1-1.3.7-2.06z\"></path></g>\n<g id=\"airline-seat-legroom-normal\"><path d=\"M5 12V3H3v9c0 2.76 2.24 5 5 5h6v-2H8c-1.66 0-3-1.34-3-3zm15.5 6H19v-7c0-1.1-.9-2-2-2h-5V3H6v8c0 1.65 1.35 3 3 3h7v7h4.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5z\"></path></g>\n<g id=\"airline-seat-legroom-reduced\"><path d=\"M19.97 19.2c.18.96-.55 1.8-1.47 1.8H14v-3l1-4H9c-1.65 0-3-1.35-3-3V3h6v6h5c1.1 0 2 .9 2 2l-2 7h1.44c.73 0 1.39.49 1.53 1.2zM5 12V3H3v9c0 2.76 2.24 5 5 5h4v-2H8c-1.66 0-3-1.34-3-3z\"></path></g>\n<g id=\"airline-seat-recline-extra\"><path d=\"M5.35 5.64c-.9-.64-1.12-1.88-.49-2.79.63-.9 1.88-1.12 2.79-.49.9.64 1.12 1.88.49 2.79-.64.9-1.88 1.12-2.79.49zM16 19H8.93c-1.48 0-2.74-1.08-2.96-2.54L4 7H2l1.99 9.76C4.37 19.2 6.47 21 8.94 21H16v-2zm.23-4h-4.88l-1.03-4.1c1.58.89 3.28 1.54 5.15 1.22V9.99c-1.63.31-3.44-.27-4.69-1.25L9.14 7.47c-.23-.18-.49-.3-.76-.38-.32-.09-.66-.12-.99-.06h-.02c-1.23.22-2.05 1.39-1.84 2.61l1.35 5.92C7.16 16.98 8.39 18 9.83 18h6.85l3.82 3 1.5-1.5-5.77-4.5z\"></path></g>\n<g id=\"airline-seat-recline-normal\"><path d=\"M7.59 5.41c-.78-.78-.78-2.05 0-2.83.78-.78 2.05-.78 2.83 0 .78.78.78 2.05 0 2.83-.79.79-2.05.79-2.83 0zM6 16V7H4v9c0 2.76 2.24 5 5 5h6v-2H9c-1.66 0-3-1.34-3-3zm14 4.07L14.93 15H11.5v-3.68c1.4 1.15 3.6 2.16 5.5 2.16v-2.16c-1.66.02-3.61-.87-4.67-2.04l-1.4-1.55c-.19-.21-.43-.38-.69-.5-.29-.14-.62-.23-.96-.23h-.03C8.01 7 7 8.01 7 9.25V15c0 1.66 1.34 3 3 3h5.07l3.5 3.5L20 20.07z\"></path></g>\n<g id=\"bluetooth-audio\"><path d=\"M14.24 12.01l2.32 2.32c.28-.72.44-1.51.44-2.33 0-.82-.16-1.59-.43-2.31l-2.33 2.32zm5.29-5.3l-1.26 1.26c.63 1.21.98 2.57.98 4.02s-.36 2.82-.98 4.02l1.2 1.2c.97-1.54 1.54-3.36 1.54-5.31-.01-1.89-.55-3.67-1.48-5.19zm-3.82 1L10 2H9v7.59L4.41 5 3 6.41 8.59 12 3 17.59 4.41 19 9 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM11 5.83l1.88 1.88L11 9.59V5.83zm1.88 10.46L11 18.17v-3.76l1.88 1.88z\"></path></g>\n<g id=\"confirmation-number\"><path d=\"M22 10V6c0-1.11-.9-2-2-2H4c-1.1 0-1.99.89-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2s.9-2 2-2zm-9 7.5h-2v-2h2v2zm0-4.5h-2v-2h2v2zm0-4.5h-2v-2h2v2z\"></path></g>\n<g id=\"disc-full\"><path d=\"M20 16h2v-2h-2v2zm0-9v5h2V7h-2zM10 4c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm0 10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"do-not-disturb\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8 0-1.85.63-3.55 1.69-4.9L16.9 18.31C15.55 19.37 13.85 20 12 20zm6.31-3.1L7.1 5.69C8.45 4.63 10.15 4 12 4c4.42 0 8 3.58 8 8 0 1.85-.63 3.55-1.69 4.9z\"></path></g>\n<g id=\"do-not-disturb-alt\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM4 12c0-4.4 3.6-8 8-8 1.8 0 3.5.6 4.9 1.7L5.7 16.9C4.6 15.5 4 13.8 4 12zm8 8c-1.8 0-3.5-.6-4.9-1.7L18.3 7.1C19.4 8.5 20 10.2 20 12c0 4.4-3.6 8-8 8z\"></path></g>\n<g id=\"do-not-disturb-off\"><path d=\"M17 11v2h-1.46l4.68 4.68C21.34 16.07 22 14.11 22 12c0-5.52-4.48-10-10-10-2.11 0-4.07.66-5.68 1.78L13.54 11H17zM2.27 2.27L1 3.54l2.78 2.78C2.66 7.93 2 9.89 2 12c0 5.52 4.48 10 10 10 2.11 0 4.07-.66 5.68-1.78L20.46 23l1.27-1.27L11 11 2.27 2.27zM7 13v-2h1.46l2 2H7z\"></path></g>\n<g id=\"do-not-disturb-on\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z\"></path></g>\n<g id=\"drive-eta\"><path d=\"M18.92 5.01C18.72 4.42 18.16 4 17.5 4h-11c-.66 0-1.21.42-1.42 1.01L3 11v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 15c-.83 0-1.5-.67-1.5-1.5S5.67 12 6.5 12s1.5.67 1.5 1.5S7.33 15 6.5 15zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 10l1.5-4.5h11L19 10H5z\"></path></g>\n<g id=\"enhanced-encryption\"><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM8.9 6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2H8.9V6zM16 16h-3v3h-2v-3H8v-2h3v-3h2v3h3v2z\"></path></g>\n<g id=\"event-available\"><path d=\"M16.53 11.06L15.47 10l-4.88 4.88-2.12-2.12-1.06 1.06L10.59 17l5.94-5.94zM19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z\"></path></g>\n<g id=\"event-busy\"><path d=\"M9.31 17l2.44-2.44L14.19 17l1.06-1.06-2.44-2.44 2.44-2.44L14.19 10l-2.44 2.44L9.31 10l-1.06 1.06 2.44 2.44-2.44 2.44L9.31 17zM19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z\"></path></g>\n<g id=\"event-note\"><path d=\"M17 10H7v2h10v-2zm2-7h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zm-5-5H7v2h7v-2z\"></path></g>\n<g id=\"folder-special\"><path d=\"M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-2.06 11L15 15.28 12.06 17l.78-3.33-2.59-2.24 3.41-.29L15 8l1.34 3.14 3.41.29-2.59 2.24.78 3.33z\"></path></g>\n<g id=\"live-tv\"><path d=\"M21 6h-7.59l3.29-3.29L16 2l-4 4-4-4-.71.71L10.59 6H3c-1.1 0-2 .89-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.11-.9-2-2-2zm0 14H3V8h18v12zM9 10v8l7-4z\"></path></g>\n<g id=\"mms\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM5 14l3.5-4.5 2.5 3.01L14.5 8l4.5 6H5z\"></path></g>\n<g id=\"more\"><path d=\"M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.97.89 1.66.89H22c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"network-check\"><path d=\"M15.9 5c-.17 0-.32.09-.41.23l-.07.15-5.18 11.65c-.16.29-.26.61-.26.96 0 1.11.9 2.01 2.01 2.01.96 0 1.77-.68 1.96-1.59l.01-.03L16.4 5.5c0-.28-.22-.5-.5-.5zM1 9l2 2c2.88-2.88 6.79-4.08 10.53-3.62l1.19-2.68C9.89 3.84 4.74 5.27 1 9zm20 2l2-2c-1.64-1.64-3.55-2.82-5.59-3.57l-.53 2.82c1.5.62 2.9 1.53 4.12 2.75zm-4 4l2-2c-.8-.8-1.7-1.42-2.66-1.89l-.55 2.92c.42.27.83.59 1.21.97zM5 13l2 2c1.13-1.13 2.56-1.79 4.03-2l1.28-2.88c-2.63-.08-5.3.87-7.31 2.88z\"></path></g>\n<g id=\"network-locked\"><path d=\"M19.5 10c.17 0 .33.03.5.05V1L1 20h13v-3c0-.89.39-1.68 1-2.23v-.27c0-2.48 2.02-4.5 4.5-4.5zm2.5 6v-1.5c0-1.38-1.12-2.5-2.5-2.5S17 13.12 17 14.5V16c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h5c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1zm-1 0h-3v-1.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V16z\"></path></g>\n<g id=\"no-encryption\"><path d=\"M21 21.78L4.22 5 3 6.22l2.04 2.04C4.42 8.6 4 9.25 4 10v10c0 1.1.9 2 2 2h12c.23 0 .45-.05.66-.12L19.78 23 21 21.78zM8.9 6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2H9.66L20 18.34V10c0-1.1-.9-2-2-2h-1V6c0-2.76-2.24-5-5-5-2.56 0-4.64 1.93-4.94 4.4L8.9 7.24V6z\"></path></g>\n<g id=\"ondemand-video\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2zm0 14H3V5h18v12zm-5-6l-7 4V7z\"></path></g>\n<g id=\"personal-video\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2zm0 14H3V5h18v12z\"></path></g>\n<g id=\"phone-bluetooth-speaker\"><path d=\"M14.71 9.5L17 7.21V11h.5l2.85-2.85L18.21 6l2.15-2.15L17.5 1H17v3.79L14.71 2.5l-.71.71L16.79 6 14 8.79l.71.71zM18 2.91l.94.94-.94.94V2.91zm0 4.3l.94.94-.94.94V7.21zm2 8.29c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"phone-forwarded\"><path d=\"M18 11l5-5-5-5v3h-4v4h4v3zm2 4.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"phone-in-talk\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM19 12h2c0-4.97-4.03-9-9-9v2c3.87 0 7 3.13 7 7zm-4 0h2c0-2.76-2.24-5-5-5v2c1.66 0 3 1.34 3 3z\"></path></g>\n<g id=\"phone-locked\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM20 4v-.5C20 2.12 18.88 1 17.5 1S15 2.12 15 3.5V4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h5c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zm-.8 0h-3.4v-.5c0-.94.76-1.7 1.7-1.7s1.7.76 1.7 1.7V4z\"></path></g>\n<g id=\"phone-missed\"><path d=\"M6.5 5.5L12 11l7-7-1-1-6 6-4.5-4.5H11V3H5v6h1.5V5.5zm17.21 11.17C20.66 13.78 16.54 12 12 12 7.46 12 3.34 13.78.29 16.67c-.18.18-.29.43-.29.71s.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73 1.6 0 3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.67 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.12-.52-.3-.7z\"></path></g>\n<g id=\"phone-paused\"><path d=\"M17 3h-2v7h2V3zm3 12.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM19 3v7h2V3h-2z\"></path></g>\n<g id=\"power\"><path d=\"M16.01 7L16 3h-2v4h-4V3H8v4h-.01C7 6.99 6 7.99 6 8.99v5.49L9.5 18v3h5v-3l3.5-3.51v-5.5c0-1-1-2-1.99-1.99z\"></path></g>\n<g id=\"priority-high\"><circle cx=\"12\" cy=\"19\" r=\"2\"></circle><path d=\"M10 3h4v12h-4z\"></path></g>\n<g id=\"rv-hookup\"><path d=\"M20 17v-6c0-1.1-.9-2-2-2H7V7l-3 3 3 3v-2h4v3H4v3c0 1.1.9 2 2 2h2c0 1.66 1.34 3 3 3s3-1.34 3-3h8v-2h-2zm-9 3c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm7-6h-4v-3h4v3zM17 2v2H9v2h8v2l3-3z\"></path></g>\n<g id=\"sd-card\"><path d=\"M18 2h-8L4.02 8 4 20c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-6 6h-2V4h2v4zm3 0h-2V4h2v4zm3 0h-2V4h2v4z\"></path></g>\n<g id=\"sim-card-alert\"><path d=\"M18 2h-8L4.02 8 4 20c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5 15h-2v-2h2v2zm0-4h-2V8h2v5z\"></path></g>\n<g id=\"sms\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"></path></g>\n<g id=\"sms-failed\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z\"></path></g>\n<g id=\"sync\"><path d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\"></path></g>\n<g id=\"sync-disabled\"><path d=\"M10 6.35V4.26c-.8.21-1.55.54-2.23.96l1.46 1.46c.25-.12.5-.24.77-.33zm-7.14-.94l2.36 2.36C4.45 8.99 4 10.44 4 12c0 2.21.91 4.2 2.36 5.64L4 20h6v-6l-2.24 2.24C6.68 15.15 6 13.66 6 12c0-1 .25-1.94.68-2.77l8.08 8.08c-.25.13-.5.25-.77.34v2.09c.8-.21 1.55-.54 2.23-.96l2.36 2.36 1.27-1.27L4.14 4.14 2.86 5.41zM20 4h-6v6l2.24-2.24C17.32 8.85 18 10.34 18 12c0 1-.25 1.94-.68 2.77l1.46 1.46C19.55 15.01 20 13.56 20 12c0-2.21-.91-4.2-2.36-5.64L20 4z\"></path></g>\n<g id=\"sync-problem\"><path d=\"M3 12c0 2.21.91 4.2 2.36 5.64L3 20h6v-6l-2.24 2.24C5.68 15.15 5 13.66 5 12c0-2.61 1.67-4.83 4-5.65V4.26C5.55 5.15 3 8.27 3 12zm8 5h2v-2h-2v2zM21 4h-6v6l2.24-2.24C18.32 8.85 19 10.34 19 12c0 2.61-1.67 4.83-4 5.65v2.09c3.45-.89 6-4.01 6-7.74 0-2.21-.91-4.2-2.36-5.64L21 4zm-10 9h2V7h-2v6z\"></path></g>\n<g id=\"system-update\"><path d=\"M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14zm-1-6h-3V8h-2v5H8l4 4 4-4z\"></path></g>\n<g id=\"tap-and-play\"><path d=\"M2 16v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm0 4v3h3c0-1.66-1.34-3-3-3zm0-8v2c4.97 0 9 4.03 9 9h2c0-6.08-4.92-11-11-11zM17 1.01L7 1c-1.1 0-2 .9-2 2v7.37c.69.16 1.36.37 2 .64V5h10v13h-3.03c.52 1.25.84 2.59.95 4H17c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99z\"></path></g>\n<g id=\"time-to-leave\"><path d=\"M18.92 5.01C18.72 4.42 18.16 4 17.5 4h-11c-.66 0-1.21.42-1.42 1.01L3 11v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 15c-.83 0-1.5-.67-1.5-1.5S5.67 12 6.5 12s1.5.67 1.5 1.5S7.33 15 6.5 15zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 10l1.5-4.5h11L19 10H5z\"></path></g>\n<g id=\"vibration\"><path d=\"M0 15h2V9H0v6zm3 2h2V7H3v10zm19-8v6h2V9h-2zm-3 8h2V7h-2v10zM16.5 3h-9C6.67 3 6 3.67 6 4.5v15c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-15c0-.83-.67-1.5-1.5-1.5zM16 19H8V5h8v14z\"></path></g>\n<g id=\"voice-chat\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12l-4-3.2V14H6V6h8v3.2L18 6v8z\"></path></g>\n<g id=\"vpn-lock\"><path d=\"M22 4v-.5C22 2.12 20.88 1 19.5 1S17 2.12 17 3.5V4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h5c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zm-.8 0h-3.4v-.5c0-.94.76-1.7 1.7-1.7s1.7.76 1.7 1.7V4zm-2.28 8c.04.33.08.66.08 1 0 2.08-.8 3.97-2.1 5.39-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H7v-2h2c.55 0 1-.45 1-1V8h2c1.1 0 2-.9 2-2V3.46c-.95-.3-1.95-.46-3-.46C5.48 3 1 7.48 1 13s4.48 10 10 10 10-4.48 10-10c0-.34-.02-.67-.05-1h-2.03zM10 20.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L8 16v1c0 1.1.9 2 2 2v1.93z\"></path></g>\n<g id=\"wc\"><path d=\"M5.5 22v-7.5H4V9c0-1.1.9-2 2-2h3c1.1 0 2 .9 2 2v5.5H9.5V22h-4zM18 22v-6h3l-2.54-7.63C18.18 7.55 17.42 7 16.56 7h-.12c-.86 0-1.63.55-1.9 1.37L12 16h3v6h3zM7.5 6c1.11 0 2-.89 2-2s-.89-2-2-2-2 .89-2 2 .89 2 2 2zm9 0c1.11 0 2-.89 2-2s-.89-2-2-2-2 .89-2 2 .89 2 2 2z\"></path></g>\n<g id=\"wifi\"><path d=\"M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d251b001f2611eda0c389891c227ec8 || (_templateObject_6d251b001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"notification\" size=\"24\">\n<svg><defs>\n<g id=\"adb\"><path d=\"M5 16c0 3.87 3.13 7 7 7s7-3.13 7-7v-4H5v4zM16.12 4.37l2.1-2.1-.82-.83-2.3 2.31C14.16 3.28 13.12 3 12 3s-2.16.28-3.09.75L6.6 1.44l-.82.83 2.1 2.1C6.14 5.64 5 7.68 5 10v1h14v-1c0-2.32-1.14-4.36-2.88-5.63zM9 9c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm6 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z\"></path></g>\n<g id=\"airline-seat-flat\"><path d=\"M22 11v2H9V7h9c2.21 0 4 1.79 4 4zM2 14v2h6v2h8v-2h6v-2H2zm5.14-1.9c1.16-1.19 1.14-3.08-.04-4.24-1.19-1.16-3.08-1.14-4.24.04-1.16 1.19-1.14 3.08.04 4.24 1.19 1.16 3.08 1.14 4.24-.04z\"></path></g>\n<g id=\"airline-seat-flat-angled\"><path d=\"M22.25 14.29l-.69 1.89L9.2 11.71l2.08-5.66 8.56 3.09c2.1.76 3.18 3.06 2.41 5.15zM1.5 12.14L8 14.48V19h8v-1.63L20.52 19l.69-1.89-19.02-6.86-.69 1.89zm5.8-1.94c1.49-.72 2.12-2.51 1.41-4C7.99 4.71 6.2 4.08 4.7 4.8c-1.49.71-2.12 2.5-1.4 4 .71 1.49 2.5 2.12 4 1.4z\"></path></g>\n<g id=\"airline-seat-individual-suite\"><path d=\"M7 13c1.65 0 3-1.35 3-3S8.65 7 7 7s-3 1.35-3 3 1.35 3 3 3zm12-6h-8v7H3V7H1v10h22v-6c0-2.21-1.79-4-4-4z\"></path></g>\n<g id=\"airline-seat-legroom-extra\"><path d=\"M4 12V3H2v9c0 2.76 2.24 5 5 5h6v-2H7c-1.66 0-3-1.34-3-3zm18.83 5.24c-.38-.72-1.29-.97-2.03-.63l-1.09.5-3.41-6.98c-.34-.68-1.03-1.12-1.79-1.12L11 9V3H5v8c0 1.66 1.34 3 3 3h7l3.41 7 3.72-1.7c.77-.36 1.1-1.3.7-2.06z\"></path></g>\n<g id=\"airline-seat-legroom-normal\"><path d=\"M5 12V3H3v9c0 2.76 2.24 5 5 5h6v-2H8c-1.66 0-3-1.34-3-3zm15.5 6H19v-7c0-1.1-.9-2-2-2h-5V3H6v8c0 1.65 1.35 3 3 3h7v7h4.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5z\"></path></g>\n<g id=\"airline-seat-legroom-reduced\"><path d=\"M19.97 19.2c.18.96-.55 1.8-1.47 1.8H14v-3l1-4H9c-1.65 0-3-1.35-3-3V3h6v6h5c1.1 0 2 .9 2 2l-2 7h1.44c.73 0 1.39.49 1.53 1.2zM5 12V3H3v9c0 2.76 2.24 5 5 5h4v-2H8c-1.66 0-3-1.34-3-3z\"></path></g>\n<g id=\"airline-seat-recline-extra\"><path d=\"M5.35 5.64c-.9-.64-1.12-1.88-.49-2.79.63-.9 1.88-1.12 2.79-.49.9.64 1.12 1.88.49 2.79-.64.9-1.88 1.12-2.79.49zM16 19H8.93c-1.48 0-2.74-1.08-2.96-2.54L4 7H2l1.99 9.76C4.37 19.2 6.47 21 8.94 21H16v-2zm.23-4h-4.88l-1.03-4.1c1.58.89 3.28 1.54 5.15 1.22V9.99c-1.63.31-3.44-.27-4.69-1.25L9.14 7.47c-.23-.18-.49-.3-.76-.38-.32-.09-.66-.12-.99-.06h-.02c-1.23.22-2.05 1.39-1.84 2.61l1.35 5.92C7.16 16.98 8.39 18 9.83 18h6.85l3.82 3 1.5-1.5-5.77-4.5z\"></path></g>\n<g id=\"airline-seat-recline-normal\"><path d=\"M7.59 5.41c-.78-.78-.78-2.05 0-2.83.78-.78 2.05-.78 2.83 0 .78.78.78 2.05 0 2.83-.79.79-2.05.79-2.83 0zM6 16V7H4v9c0 2.76 2.24 5 5 5h6v-2H9c-1.66 0-3-1.34-3-3zm14 4.07L14.93 15H11.5v-3.68c1.4 1.15 3.6 2.16 5.5 2.16v-2.16c-1.66.02-3.61-.87-4.67-2.04l-1.4-1.55c-.19-.21-.43-.38-.69-.5-.29-.14-.62-.23-.96-.23h-.03C8.01 7 7 8.01 7 9.25V15c0 1.66 1.34 3 3 3h5.07l3.5 3.5L20 20.07z\"></path></g>\n<g id=\"bluetooth-audio\"><path d=\"M14.24 12.01l2.32 2.32c.28-.72.44-1.51.44-2.33 0-.82-.16-1.59-.43-2.31l-2.33 2.32zm5.29-5.3l-1.26 1.26c.63 1.21.98 2.57.98 4.02s-.36 2.82-.98 4.02l1.2 1.2c.97-1.54 1.54-3.36 1.54-5.31-.01-1.89-.55-3.67-1.48-5.19zm-3.82 1L10 2H9v7.59L4.41 5 3 6.41 8.59 12 3 17.59 4.41 19 9 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM11 5.83l1.88 1.88L11 9.59V5.83zm1.88 10.46L11 18.17v-3.76l1.88 1.88z\"></path></g>\n<g id=\"confirmation-number\"><path d=\"M22 10V6c0-1.11-.9-2-2-2H4c-1.1 0-1.99.89-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2s.9-2 2-2zm-9 7.5h-2v-2h2v2zm0-4.5h-2v-2h2v2zm0-4.5h-2v-2h2v2z\"></path></g>\n<g id=\"disc-full\"><path d=\"M20 16h2v-2h-2v2zm0-9v5h2V7h-2zM10 4c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm0 10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"></path></g>\n<g id=\"do-not-disturb\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8 0-1.85.63-3.55 1.69-4.9L16.9 18.31C15.55 19.37 13.85 20 12 20zm6.31-3.1L7.1 5.69C8.45 4.63 10.15 4 12 4c4.42 0 8 3.58 8 8 0 1.85-.63 3.55-1.69 4.9z\"></path></g>\n<g id=\"do-not-disturb-alt\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM4 12c0-4.4 3.6-8 8-8 1.8 0 3.5.6 4.9 1.7L5.7 16.9C4.6 15.5 4 13.8 4 12zm8 8c-1.8 0-3.5-.6-4.9-1.7L18.3 7.1C19.4 8.5 20 10.2 20 12c0 4.4-3.6 8-8 8z\"></path></g>\n<g id=\"do-not-disturb-off\"><path d=\"M17 11v2h-1.46l4.68 4.68C21.34 16.07 22 14.11 22 12c0-5.52-4.48-10-10-10-2.11 0-4.07.66-5.68 1.78L13.54 11H17zM2.27 2.27L1 3.54l2.78 2.78C2.66 7.93 2 9.89 2 12c0 5.52 4.48 10 10 10 2.11 0 4.07-.66 5.68-1.78L20.46 23l1.27-1.27L11 11 2.27 2.27zM7 13v-2h1.46l2 2H7z\"></path></g>\n<g id=\"do-not-disturb-on\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z\"></path></g>\n<g id=\"drive-eta\"><path d=\"M18.92 5.01C18.72 4.42 18.16 4 17.5 4h-11c-.66 0-1.21.42-1.42 1.01L3 11v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 15c-.83 0-1.5-.67-1.5-1.5S5.67 12 6.5 12s1.5.67 1.5 1.5S7.33 15 6.5 15zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 10l1.5-4.5h11L19 10H5z\"></path></g>\n<g id=\"enhanced-encryption\"><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM8.9 6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2H8.9V6zM16 16h-3v3h-2v-3H8v-2h3v-3h2v3h3v2z\"></path></g>\n<g id=\"event-available\"><path d=\"M16.53 11.06L15.47 10l-4.88 4.88-2.12-2.12-1.06 1.06L10.59 17l5.94-5.94zM19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z\"></path></g>\n<g id=\"event-busy\"><path d=\"M9.31 17l2.44-2.44L14.19 17l1.06-1.06-2.44-2.44 2.44-2.44L14.19 10l-2.44 2.44L9.31 10l-1.06 1.06 2.44 2.44-2.44 2.44L9.31 17zM19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z\"></path></g>\n<g id=\"event-note\"><path d=\"M17 10H7v2h10v-2zm2-7h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zm-5-5H7v2h7v-2z\"></path></g>\n<g id=\"folder-special\"><path d=\"M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-2.06 11L15 15.28 12.06 17l.78-3.33-2.59-2.24 3.41-.29L15 8l1.34 3.14 3.41.29-2.59 2.24.78 3.33z\"></path></g>\n<g id=\"live-tv\"><path d=\"M21 6h-7.59l3.29-3.29L16 2l-4 4-4-4-.71.71L10.59 6H3c-1.1 0-2 .89-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.11-.9-2-2-2zm0 14H3V8h18v12zM9 10v8l7-4z\"></path></g>\n<g id=\"mms\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM5 14l3.5-4.5 2.5 3.01L14.5 8l4.5 6H5z\"></path></g>\n<g id=\"more\"><path d=\"M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.97.89 1.66.89H22c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"></path></g>\n<g id=\"network-check\"><path d=\"M15.9 5c-.17 0-.32.09-.41.23l-.07.15-5.18 11.65c-.16.29-.26.61-.26.96 0 1.11.9 2.01 2.01 2.01.96 0 1.77-.68 1.96-1.59l.01-.03L16.4 5.5c0-.28-.22-.5-.5-.5zM1 9l2 2c2.88-2.88 6.79-4.08 10.53-3.62l1.19-2.68C9.89 3.84 4.74 5.27 1 9zm20 2l2-2c-1.64-1.64-3.55-2.82-5.59-3.57l-.53 2.82c1.5.62 2.9 1.53 4.12 2.75zm-4 4l2-2c-.8-.8-1.7-1.42-2.66-1.89l-.55 2.92c.42.27.83.59 1.21.97zM5 13l2 2c1.13-1.13 2.56-1.79 4.03-2l1.28-2.88c-2.63-.08-5.3.87-7.31 2.88z\"></path></g>\n<g id=\"network-locked\"><path d=\"M19.5 10c.17 0 .33.03.5.05V1L1 20h13v-3c0-.89.39-1.68 1-2.23v-.27c0-2.48 2.02-4.5 4.5-4.5zm2.5 6v-1.5c0-1.38-1.12-2.5-2.5-2.5S17 13.12 17 14.5V16c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h5c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1zm-1 0h-3v-1.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V16z\"></path></g>\n<g id=\"no-encryption\"><path d=\"M21 21.78L4.22 5 3 6.22l2.04 2.04C4.42 8.6 4 9.25 4 10v10c0 1.1.9 2 2 2h12c.23 0 .45-.05.66-.12L19.78 23 21 21.78zM8.9 6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2H9.66L20 18.34V10c0-1.1-.9-2-2-2h-1V6c0-2.76-2.24-5-5-5-2.56 0-4.64 1.93-4.94 4.4L8.9 7.24V6z\"></path></g>\n<g id=\"ondemand-video\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2zm0 14H3V5h18v12zm-5-6l-7 4V7z\"></path></g>\n<g id=\"personal-video\"><path d=\"M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2zm0 14H3V5h18v12z\"></path></g>\n<g id=\"phone-bluetooth-speaker\"><path d=\"M14.71 9.5L17 7.21V11h.5l2.85-2.85L18.21 6l2.15-2.15L17.5 1H17v3.79L14.71 2.5l-.71.71L16.79 6 14 8.79l.71.71zM18 2.91l.94.94-.94.94V2.91zm0 4.3l.94.94-.94.94V7.21zm2 8.29c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"phone-forwarded\"><path d=\"M18 11l5-5-5-5v3h-4v4h4v3zm2 4.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"></path></g>\n<g id=\"phone-in-talk\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM19 12h2c0-4.97-4.03-9-9-9v2c3.87 0 7 3.13 7 7zm-4 0h2c0-2.76-2.24-5-5-5v2c1.66 0 3 1.34 3 3z\"></path></g>\n<g id=\"phone-locked\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM20 4v-.5C20 2.12 18.88 1 17.5 1S15 2.12 15 3.5V4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h5c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zm-.8 0h-3.4v-.5c0-.94.76-1.7 1.7-1.7s1.7.76 1.7 1.7V4z\"></path></g>\n<g id=\"phone-missed\"><path d=\"M6.5 5.5L12 11l7-7-1-1-6 6-4.5-4.5H11V3H5v6h1.5V5.5zm17.21 11.17C20.66 13.78 16.54 12 12 12 7.46 12 3.34 13.78.29 16.67c-.18.18-.29.43-.29.71s.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73 1.6 0 3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.67 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.12-.52-.3-.7z\"></path></g>\n<g id=\"phone-paused\"><path d=\"M17 3h-2v7h2V3zm3 12.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM19 3v7h2V3h-2z\"></path></g>\n<g id=\"power\"><path d=\"M16.01 7L16 3h-2v4h-4V3H8v4h-.01C7 6.99 6 7.99 6 8.99v5.49L9.5 18v3h5v-3l3.5-3.51v-5.5c0-1-1-2-1.99-1.99z\"></path></g>\n<g id=\"priority-high\"><circle cx=\"12\" cy=\"19\" r=\"2\"></circle><path d=\"M10 3h4v12h-4z\"></path></g>\n<g id=\"rv-hookup\"><path d=\"M20 17v-6c0-1.1-.9-2-2-2H7V7l-3 3 3 3v-2h4v3H4v3c0 1.1.9 2 2 2h2c0 1.66 1.34 3 3 3s3-1.34 3-3h8v-2h-2zm-9 3c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm7-6h-4v-3h4v3zM17 2v2H9v2h8v2l3-3z\"></path></g>\n<g id=\"sd-card\"><path d=\"M18 2h-8L4.02 8 4 20c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-6 6h-2V4h2v4zm3 0h-2V4h2v4zm3 0h-2V4h2v4z\"></path></g>\n<g id=\"sim-card-alert\"><path d=\"M18 2h-8L4.02 8 4 20c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5 15h-2v-2h2v2zm0-4h-2V8h2v5z\"></path></g>\n<g id=\"sms\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"></path></g>\n<g id=\"sms-failed\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z\"></path></g>\n<g id=\"sync\"><path d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\"></path></g>\n<g id=\"sync-disabled\"><path d=\"M10 6.35V4.26c-.8.21-1.55.54-2.23.96l1.46 1.46c.25-.12.5-.24.77-.33zm-7.14-.94l2.36 2.36C4.45 8.99 4 10.44 4 12c0 2.21.91 4.2 2.36 5.64L4 20h6v-6l-2.24 2.24C6.68 15.15 6 13.66 6 12c0-1 .25-1.94.68-2.77l8.08 8.08c-.25.13-.5.25-.77.34v2.09c.8-.21 1.55-.54 2.23-.96l2.36 2.36 1.27-1.27L4.14 4.14 2.86 5.41zM20 4h-6v6l2.24-2.24C17.32 8.85 18 10.34 18 12c0 1-.25 1.94-.68 2.77l1.46 1.46C19.55 15.01 20 13.56 20 12c0-2.21-.91-4.2-2.36-5.64L20 4z\"></path></g>\n<g id=\"sync-problem\"><path d=\"M3 12c0 2.21.91 4.2 2.36 5.64L3 20h6v-6l-2.24 2.24C5.68 15.15 5 13.66 5 12c0-2.61 1.67-4.83 4-5.65V4.26C5.55 5.15 3 8.27 3 12zm8 5h2v-2h-2v2zM21 4h-6v6l2.24-2.24C18.32 8.85 19 10.34 19 12c0 2.61-1.67 4.83-4 5.65v2.09c3.45-.89 6-4.01 6-7.74 0-2.21-.91-4.2-2.36-5.64L21 4zm-10 9h2V7h-2v6z\"></path></g>\n<g id=\"system-update\"><path d=\"M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14zm-1-6h-3V8h-2v5H8l4 4 4-4z\"></path></g>\n<g id=\"tap-and-play\"><path d=\"M2 16v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm0 4v3h3c0-1.66-1.34-3-3-3zm0-8v2c4.97 0 9 4.03 9 9h2c0-6.08-4.92-11-11-11zM17 1.01L7 1c-1.1 0-2 .9-2 2v7.37c.69.16 1.36.37 2 .64V5h10v13h-3.03c.52 1.25.84 2.59.95 4H17c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99z\"></path></g>\n<g id=\"time-to-leave\"><path d=\"M18.92 5.01C18.72 4.42 18.16 4 17.5 4h-11c-.66 0-1.21.42-1.42 1.01L3 11v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 15c-.83 0-1.5-.67-1.5-1.5S5.67 12 6.5 12s1.5.67 1.5 1.5S7.33 15 6.5 15zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 10l1.5-4.5h11L19 10H5z\"></path></g>\n<g id=\"vibration\"><path d=\"M0 15h2V9H0v6zm3 2h2V7H3v10zm19-8v6h2V9h-2zm-3 8h2V7h-2v10zM16.5 3h-9C6.67 3 6 3.67 6 4.5v15c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-15c0-.83-.67-1.5-1.5-1.5zM16 19H8V5h8v14z\"></path></g>\n<g id=\"voice-chat\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12l-4-3.2V14H6V6h8v3.2L18 6v8z\"></path></g>\n<g id=\"vpn-lock\"><path d=\"M22 4v-.5C22 2.12 20.88 1 19.5 1S17 2.12 17 3.5V4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h5c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zm-.8 0h-3.4v-.5c0-.94.76-1.7 1.7-1.7s1.7.76 1.7 1.7V4zm-2.28 8c.04.33.08.66.08 1 0 2.08-.8 3.97-2.1 5.39-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H7v-2h2c.55 0 1-.45 1-1V8h2c1.1 0 2-.9 2-2V3.46c-.95-.3-1.95-.46-3-.46C5.48 3 1 7.48 1 13s4.48 10 10 10 10-4.48 10-10c0-.34-.02-.67-.05-1h-2.03zM10 20.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L8 16v1c0 1.1.9 2 2 2v1.93z\"></path></g>\n<g id=\"wc\"><path d=\"M5.5 22v-7.5H4V9c0-1.1.9-2 2-2h3c1.1 0 2 .9 2 2v5.5H9.5V22h-4zM18 22v-6h3l-2.54-7.63C18.18 7.55 17.42 7 16.56 7h-.12c-.86 0-1.63.55-1.9 1.37L12 16h3v6h3zM7.5 6c1.11 0 2-.89 2-2s-.89-2-2-2-2 .89-2 2 .89 2 2 2zm9 0c1.11 0 2-.89 2-2s-.89-2-2-2-2 .89-2 2 .89 2 2 2z\"></path></g>\n<g id=\"wifi\"><path d=\"M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-icons/places-icons.js b/build/es5-amd/node_modules/@polymer/iron-icons/places-icons.js
index 52b9b45190b..f32cc58004e 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icons/places-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icons/places-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_913301901f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d2a99401f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_913301901f0511ed8cc3e9a95995ad69 || (_templateObject_913301901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"places\" size=\"24\">\n<svg><defs>\n<g id=\"ac-unit\"><path d=\"M22 11h-4.17l3.24-3.24-1.41-1.42L15 11h-2V9l4.66-4.66-1.42-1.41L13 6.17V2h-2v4.17L7.76 2.93 6.34 4.34 11 9v2H9L4.34 6.34 2.93 7.76 6.17 11H2v2h4.17l-3.24 3.24 1.41 1.42L9 13h2v2l-4.66 4.66 1.42 1.41L11 17.83V22h2v-4.17l3.24 3.24 1.42-1.41L13 15v-2h2l4.66 4.66 1.41-1.42L17.83 13H22z\"></path></g>\n<g id=\"airport-shuttle\"><path d=\"M17 5H3c-1.1 0-2 .89-2 2v9h2c0 1.65 1.34 3 3 3s3-1.35 3-3h5.5c0 1.65 1.34 3 3 3s3-1.35 3-3H23v-5l-6-6zM3 11V7h4v4H3zm3 6.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm7-6.5H9V7h4v4zm4.5 6.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM15 11V7h1l4 4h-5z\"></path></g>\n<g id=\"all-inclusive\"><path d=\"M18.6 6.62c-1.44 0-2.8.56-3.77 1.53L12 10.66 10.48 12h.01L7.8 14.39c-.64.64-1.49.99-2.4.99-1.87 0-3.39-1.51-3.39-3.38S3.53 8.62 5.4 8.62c.91 0 1.76.35 2.44 1.03l1.13 1 1.51-1.34L9.22 8.2C8.2 7.18 6.84 6.62 5.4 6.62 2.42 6.62 0 9.04 0 12s2.42 5.38 5.4 5.38c1.44 0 2.8-.56 3.77-1.53l2.83-2.5.01.01L13.52 12h-.01l2.69-2.39c.64-.64 1.49-.99 2.4-.99 1.87 0 3.39 1.51 3.39 3.38s-1.52 3.38-3.39 3.38c-.9 0-1.76-.35-2.44-1.03l-1.14-1.01-1.51 1.34 1.27 1.12c1.02 1.01 2.37 1.57 3.82 1.57 2.98 0 5.4-2.41 5.4-5.38s-2.42-5.37-5.4-5.37z\"></path></g>\n<g id=\"beach-access\"><path d=\"M13.127 14.56l1.43-1.43 6.44 6.443L19.57 21zm4.293-5.73l2.86-2.86c-3.95-3.95-10.35-3.96-14.3-.02 3.93-1.3 8.31-.25 11.44 2.88zM5.95 5.98c-3.94 3.95-3.93 10.35.02 14.3l2.86-2.86C5.7 14.29 4.65 9.91 5.95 5.98zm.02-.02l-.01.01c-.38 3.01 1.17 6.88 4.3 10.02l5.73-5.73c-3.13-3.13-7.01-4.68-10.02-4.3z\"></path></g>\n<g id=\"business-center\"><path d=\"M10 16v-1H3.01L3 19c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2v-4h-7v1h-4zm10-9h-4.01V5l-2-2h-4l-2 2v2H4c-1.1 0-2 .9-2 2v3c0 1.11.89 2 2 2h6v-2h4v2h6c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm-6 0h-4V5h4v2z\"></path></g>\n<g id=\"casino\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM7.5 18c-.83 0-1.5-.67-1.5-1.5S6.67 15 7.5 15s1.5.67 1.5 1.5S8.33 18 7.5 18zm0-9C6.67 9 6 8.33 6 7.5S6.67 6 7.5 6 9 6.67 9 7.5 8.33 9 7.5 9zm4.5 4.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4.5 4.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm0-9c-.83 0-1.5-.67-1.5-1.5S15.67 6 16.5 6s1.5.67 1.5 1.5S17.33 9 16.5 9z\"></path></g>\n<g id=\"child-care\"><circle cx=\"14.5\" cy=\"10.5\" r=\"1.25\"></circle><circle cx=\"9.5\" cy=\"10.5\" r=\"1.25\"></circle><path d=\"M22.94 12.66c.04-.21.06-.43.06-.66s-.02-.45-.06-.66c-.25-1.51-1.36-2.74-2.81-3.17-.53-1.12-1.28-2.1-2.19-2.91C16.36 3.85 14.28 3 12 3s-4.36.85-5.94 2.26c-.92.81-1.67 1.8-2.19 2.91-1.45.43-2.56 1.65-2.81 3.17-.04.21-.06.43-.06.66s.02.45.06.66c.25 1.51 1.36 2.74 2.81 3.17.52 1.11 1.27 2.09 2.17 2.89C7.62 20.14 9.71 21 12 21s4.38-.86 5.97-2.28c.9-.8 1.65-1.79 2.17-2.89 1.44-.43 2.55-1.65 2.8-3.17zM19 14c-.1 0-.19-.02-.29-.03-.2.67-.49 1.29-.86 1.86C16.6 17.74 14.45 19 12 19s-4.6-1.26-5.85-3.17c-.37-.57-.66-1.19-.86-1.86-.1.01-.19.03-.29.03-1.1 0-2-.9-2-2s.9-2 2-2c.1 0 .19.02.29.03.2-.67.49-1.29.86-1.86C7.4 6.26 9.55 5 12 5s4.6 1.26 5.85 3.17c.37.57.66 1.19.86 1.86.1-.01.19-.03.29-.03 1.1 0 2 .9 2 2s-.9 2-2 2zM7.5 14c.76 1.77 2.49 3 4.5 3s3.74-1.23 4.5-3h-9z\"></path></g>\n<g id=\"child-friendly\"><path d=\"M13 2v8h8c0-4.42-3.58-8-8-8zm6.32 13.89C20.37 14.54 21 12.84 21 11H6.44l-.95-2H2v2h2.22s1.89 4.07 2.12 4.42c-1.1.59-1.84 1.75-1.84 3.08C4.5 20.43 6.07 22 8 22c1.76 0 3.22-1.3 3.46-3h2.08c.24 1.7 1.7 3 3.46 3 1.93 0 3.5-1.57 3.5-3.5 0-1.04-.46-1.97-1.18-2.61zM8 20c-.83 0-1.5-.67-1.5-1.5S7.17 17 8 17s1.5.67 1.5 1.5S8.83 20 8 20zm9 0c-.83 0-1.5-.67-1.5-1.5S16.17 17 17 17s1.5.67 1.5 1.5S17.83 20 17 20z\"></path></g>\n<g id=\"fitness-center\"><path d=\"M20.57 14.86L22 13.43 20.57 12 17 15.57 8.43 7 12 3.43 10.57 2 9.14 3.43 7.71 2 5.57 4.14 4.14 2.71 2.71 4.14l1.43 1.43L2 7.71l1.43 1.43L2 10.57 3.43 12 7 8.43 15.57 17 12 20.57 13.43 22l1.43-1.43L16.29 22l2.14-2.14 1.43 1.43 1.43-1.43-1.43-1.43L22 16.29z\"></path></g>\n<g id=\"free-breakfast\"><path d=\"M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.9 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3zM4 19h16v2H4z\"></path></g>\n<g id=\"golf-course\"><circle cx=\"19.5\" cy=\"19.5\" r=\"1.5\"></circle><path d=\"M17 5.92L9 2v18H7v-1.73c-1.79.35-3 .99-3 1.73 0 1.1 2.69 2 6 2s6-.9 6-2c0-.99-2.16-1.81-5-1.97V8.98l6-3.06z\"></path></g>\n<g id=\"hot-tub\"><circle cx=\"7\" cy=\"6\" r=\"2\"></circle><path d=\"M11.15 12c-.31-.22-.59-.46-.82-.72l-1.4-1.55c-.19-.21-.43-.38-.69-.5-.29-.14-.62-.23-.96-.23h-.03C6.01 9 5 10.01 5 11.25V12H2v8c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-8H11.15zM7 20H5v-6h2v6zm4 0H9v-6h2v6zm4 0h-2v-6h2v6zm4 0h-2v-6h2v6zm-.35-14.14l-.07-.07c-.57-.62-.82-1.41-.67-2.2L18 3h-1.89l-.06.43c-.2 1.36.27 2.71 1.3 3.72l.07.06c.57.62.82 1.41.67 2.2l-.11.59h1.91l.06-.43c.21-1.36-.27-2.71-1.3-3.71zm-4 0l-.07-.07c-.57-.62-.82-1.41-.67-2.2L14 3h-1.89l-.06.43c-.2 1.36.27 2.71 1.3 3.72l.07.06c.57.62.82 1.41.67 2.2l-.11.59h1.91l.06-.43c.21-1.36-.27-2.71-1.3-3.71z\"></path></g>\n<g id=\"kitchen\"><path d=\"M18 2.01L6 2c-1.1 0-2 .89-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.11-.9-1.99-2-1.99zM18 20H6v-9.02h12V20zm0-11H6V4h12v5zM8 5h2v3H8zm0 7h2v5H8z\"></path></g>\n<g id=\"pool\"><path d=\"M22 21c-1.11 0-1.73-.37-2.18-.64-.37-.22-.6-.36-1.15-.36-.56 0-.78.13-1.15.36-.46.27-1.07.64-2.18.64s-1.73-.37-2.18-.64c-.37-.22-.6-.36-1.15-.36-.56 0-.78.13-1.15.36-.46.27-1.08.64-2.19.64-1.11 0-1.73-.37-2.18-.64-.37-.23-.6-.36-1.15-.36s-.78.13-1.15.36c-.46.27-1.08.64-2.19.64v-2c.56 0 .78-.13 1.15-.36.46-.27 1.08-.64 2.19-.64s1.73.37 2.18.64c.37.23.59.36 1.15.36.56 0 .78-.13 1.15-.36.46-.27 1.08-.64 2.19-.64 1.11 0 1.73.37 2.18.64.37.22.6.36 1.15.36s.78-.13 1.15-.36c.45-.27 1.07-.64 2.18-.64s1.73.37 2.18.64c.37.23.59.36 1.15.36v2zm0-4.5c-1.11 0-1.73-.37-2.18-.64-.37-.22-.6-.36-1.15-.36-.56 0-.78.13-1.15.36-.45.27-1.07.64-2.18.64s-1.73-.37-2.18-.64c-.37-.22-.6-.36-1.15-.36-.56 0-.78.13-1.15.36-.45.27-1.07.64-2.18.64s-1.73-.37-2.18-.64c-.37-.22-.6-.36-1.15-.36s-.78.13-1.15.36c-.47.27-1.09.64-2.2.64v-2c.56 0 .78-.13 1.15-.36.45-.27 1.07-.64 2.18-.64s1.73.37 2.18.64c.37.22.6.36 1.15.36.56 0 .78-.13 1.15-.36.45-.27 1.07-.64 2.18-.64s1.73.37 2.18.64c.37.22.6.36 1.15.36s.78-.13 1.15-.36c.45-.27 1.07-.64 2.18-.64s1.73.37 2.18.64c.37.22.6.36 1.15.36v2zM8.67 12c.56 0 .78-.13 1.15-.36.46-.27 1.08-.64 2.19-.64 1.11 0 1.73.37 2.18.64.37.22.6.36 1.15.36s.78-.13 1.15-.36c.12-.07.26-.15.41-.23L10.48 5C8.93 3.45 7.5 2.99 5 3v2.5c1.82-.01 2.89.39 4 1.5l1 1-3.25 3.25c.31.12.56.27.77.39.37.23.59.36 1.15.36z\"></path><circle cx=\"16.5\" cy=\"5.5\" r=\"2.5\"></circle></g>\n<g id=\"room-service\"><path d=\"M2 17h20v2H2zm11.84-9.21c.1-.24.16-.51.16-.79 0-1.1-.9-2-2-2s-2 .9-2 2c0 .28.06.55.16.79C6.25 8.6 3.27 11.93 3 16h18c-.27-4.07-3.25-7.4-7.16-8.21z\"></path></g>\n<g id=\"rv-hookup\"><path d=\"M20 17v-6c0-1.1-.9-2-2-2H7V7l-3 3 3 3v-2h4v3H4v3c0 1.1.9 2 2 2h2c0 1.66 1.34 3 3 3s3-1.34 3-3h8v-2h-2zm-9 3c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm7-6h-4v-3h4v3zM17 2v2H9v2h8v2l3-3z\"></path></g>\n<g id=\"smoke-free\"><path d=\"M2 6l6.99 7H2v3h9.99l7 7 1.26-1.25-17-17zm18.5 7H22v3h-1.5zM18 13h1.5v3H18zm.85-8.12c.62-.61 1-1.45 1-2.38h-1.5c0 1.02-.83 1.85-1.85 1.85v1.5c2.24 0 4 1.83 4 4.07V12H22V9.92c0-2.23-1.28-4.15-3.15-5.04zM14.5 8.7h1.53c1.05 0 1.97.74 1.97 2.05V12h1.5v-1.59c0-1.8-1.6-3.16-3.47-3.16H14.5c-1.02 0-1.85-.98-1.85-2s.83-1.75 1.85-1.75V2c-1.85 0-3.35 1.5-3.35 3.35s1.5 3.35 3.35 3.35zm2.5 7.23V13h-2.93z\"></path></g>\n<g id=\"smoking-rooms\"><path d=\"M2 16h15v3H2zm18.5 0H22v3h-1.5zM18 16h1.5v3H18zm.85-8.27c.62-.61 1-1.45 1-2.38C19.85 3.5 18.35 2 16.5 2v1.5c1.02 0 1.85.83 1.85 1.85S17.52 7.2 16.5 7.2v1.5c2.24 0 4 1.83 4 4.07V15H22v-2.24c0-2.22-1.28-4.14-3.15-5.03zm-2.82 2.47H14.5c-1.02 0-1.85-.98-1.85-2s.83-1.75 1.85-1.75v-1.5c-1.85 0-3.35 1.5-3.35 3.35s1.5 3.35 3.35 3.35h1.53c1.05 0 1.97.74 1.97 2.05V15h1.5v-1.64c0-1.81-1.6-3.16-3.47-3.16z\"></path></g>\n<g id=\"spa\"><path d=\"M8.55 12c-1.07-.71-2.25-1.27-3.53-1.61 1.28.34 2.46.9 3.53 1.61zm10.43-1.61c-1.29.34-2.49.91-3.57 1.64 1.08-.73 2.28-1.3 3.57-1.64z\"></path><path d=\"M15.49 9.63c-.18-2.79-1.31-5.51-3.43-7.63-2.14 2.14-3.32 4.86-3.55 7.63 1.28.68 2.46 1.56 3.49 2.63 1.03-1.06 2.21-1.94 3.49-2.63zm-6.5 2.65c-.14-.1-.3-.19-.45-.29.15.11.31.19.45.29zm6.42-.25c-.13.09-.27.16-.4.26.13-.1.27-.17.4-.26zM12 15.45C9.85 12.17 6.18 10 2 10c0 5.32 3.36 9.82 8.03 11.49.63.23 1.29.4 1.97.51.68-.12 1.33-.29 1.97-.51C18.64 19.82 22 15.32 22 10c-4.18 0-7.85 2.17-10 5.45z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d2a99401f2611eda0c389891c227ec8 || (_templateObject_6d2a99401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"places\" size=\"24\">\n<svg><defs>\n<g id=\"ac-unit\"><path d=\"M22 11h-4.17l3.24-3.24-1.41-1.42L15 11h-2V9l4.66-4.66-1.42-1.41L13 6.17V2h-2v4.17L7.76 2.93 6.34 4.34 11 9v2H9L4.34 6.34 2.93 7.76 6.17 11H2v2h4.17l-3.24 3.24 1.41 1.42L9 13h2v2l-4.66 4.66 1.42 1.41L11 17.83V22h2v-4.17l3.24 3.24 1.42-1.41L13 15v-2h2l4.66 4.66 1.41-1.42L17.83 13H22z\"></path></g>\n<g id=\"airport-shuttle\"><path d=\"M17 5H3c-1.1 0-2 .89-2 2v9h2c0 1.65 1.34 3 3 3s3-1.35 3-3h5.5c0 1.65 1.34 3 3 3s3-1.35 3-3H23v-5l-6-6zM3 11V7h4v4H3zm3 6.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm7-6.5H9V7h4v4zm4.5 6.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM15 11V7h1l4 4h-5z\"></path></g>\n<g id=\"all-inclusive\"><path d=\"M18.6 6.62c-1.44 0-2.8.56-3.77 1.53L12 10.66 10.48 12h.01L7.8 14.39c-.64.64-1.49.99-2.4.99-1.87 0-3.39-1.51-3.39-3.38S3.53 8.62 5.4 8.62c.91 0 1.76.35 2.44 1.03l1.13 1 1.51-1.34L9.22 8.2C8.2 7.18 6.84 6.62 5.4 6.62 2.42 6.62 0 9.04 0 12s2.42 5.38 5.4 5.38c1.44 0 2.8-.56 3.77-1.53l2.83-2.5.01.01L13.52 12h-.01l2.69-2.39c.64-.64 1.49-.99 2.4-.99 1.87 0 3.39 1.51 3.39 3.38s-1.52 3.38-3.39 3.38c-.9 0-1.76-.35-2.44-1.03l-1.14-1.01-1.51 1.34 1.27 1.12c1.02 1.01 2.37 1.57 3.82 1.57 2.98 0 5.4-2.41 5.4-5.38s-2.42-5.37-5.4-5.37z\"></path></g>\n<g id=\"beach-access\"><path d=\"M13.127 14.56l1.43-1.43 6.44 6.443L19.57 21zm4.293-5.73l2.86-2.86c-3.95-3.95-10.35-3.96-14.3-.02 3.93-1.3 8.31-.25 11.44 2.88zM5.95 5.98c-3.94 3.95-3.93 10.35.02 14.3l2.86-2.86C5.7 14.29 4.65 9.91 5.95 5.98zm.02-.02l-.01.01c-.38 3.01 1.17 6.88 4.3 10.02l5.73-5.73c-3.13-3.13-7.01-4.68-10.02-4.3z\"></path></g>\n<g id=\"business-center\"><path d=\"M10 16v-1H3.01L3 19c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2v-4h-7v1h-4zm10-9h-4.01V5l-2-2h-4l-2 2v2H4c-1.1 0-2 .9-2 2v3c0 1.11.89 2 2 2h6v-2h4v2h6c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm-6 0h-4V5h4v2z\"></path></g>\n<g id=\"casino\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM7.5 18c-.83 0-1.5-.67-1.5-1.5S6.67 15 7.5 15s1.5.67 1.5 1.5S8.33 18 7.5 18zm0-9C6.67 9 6 8.33 6 7.5S6.67 6 7.5 6 9 6.67 9 7.5 8.33 9 7.5 9zm4.5 4.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4.5 4.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm0-9c-.83 0-1.5-.67-1.5-1.5S15.67 6 16.5 6s1.5.67 1.5 1.5S17.33 9 16.5 9z\"></path></g>\n<g id=\"child-care\"><circle cx=\"14.5\" cy=\"10.5\" r=\"1.25\"></circle><circle cx=\"9.5\" cy=\"10.5\" r=\"1.25\"></circle><path d=\"M22.94 12.66c.04-.21.06-.43.06-.66s-.02-.45-.06-.66c-.25-1.51-1.36-2.74-2.81-3.17-.53-1.12-1.28-2.1-2.19-2.91C16.36 3.85 14.28 3 12 3s-4.36.85-5.94 2.26c-.92.81-1.67 1.8-2.19 2.91-1.45.43-2.56 1.65-2.81 3.17-.04.21-.06.43-.06.66s.02.45.06.66c.25 1.51 1.36 2.74 2.81 3.17.52 1.11 1.27 2.09 2.17 2.89C7.62 20.14 9.71 21 12 21s4.38-.86 5.97-2.28c.9-.8 1.65-1.79 2.17-2.89 1.44-.43 2.55-1.65 2.8-3.17zM19 14c-.1 0-.19-.02-.29-.03-.2.67-.49 1.29-.86 1.86C16.6 17.74 14.45 19 12 19s-4.6-1.26-5.85-3.17c-.37-.57-.66-1.19-.86-1.86-.1.01-.19.03-.29.03-1.1 0-2-.9-2-2s.9-2 2-2c.1 0 .19.02.29.03.2-.67.49-1.29.86-1.86C7.4 6.26 9.55 5 12 5s4.6 1.26 5.85 3.17c.37.57.66 1.19.86 1.86.1-.01.19-.03.29-.03 1.1 0 2 .9 2 2s-.9 2-2 2zM7.5 14c.76 1.77 2.49 3 4.5 3s3.74-1.23 4.5-3h-9z\"></path></g>\n<g id=\"child-friendly\"><path d=\"M13 2v8h8c0-4.42-3.58-8-8-8zm6.32 13.89C20.37 14.54 21 12.84 21 11H6.44l-.95-2H2v2h2.22s1.89 4.07 2.12 4.42c-1.1.59-1.84 1.75-1.84 3.08C4.5 20.43 6.07 22 8 22c1.76 0 3.22-1.3 3.46-3h2.08c.24 1.7 1.7 3 3.46 3 1.93 0 3.5-1.57 3.5-3.5 0-1.04-.46-1.97-1.18-2.61zM8 20c-.83 0-1.5-.67-1.5-1.5S7.17 17 8 17s1.5.67 1.5 1.5S8.83 20 8 20zm9 0c-.83 0-1.5-.67-1.5-1.5S16.17 17 17 17s1.5.67 1.5 1.5S17.83 20 17 20z\"></path></g>\n<g id=\"fitness-center\"><path d=\"M20.57 14.86L22 13.43 20.57 12 17 15.57 8.43 7 12 3.43 10.57 2 9.14 3.43 7.71 2 5.57 4.14 4.14 2.71 2.71 4.14l1.43 1.43L2 7.71l1.43 1.43L2 10.57 3.43 12 7 8.43 15.57 17 12 20.57 13.43 22l1.43-1.43L16.29 22l2.14-2.14 1.43 1.43 1.43-1.43-1.43-1.43L22 16.29z\"></path></g>\n<g id=\"free-breakfast\"><path d=\"M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.9 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3zM4 19h16v2H4z\"></path></g>\n<g id=\"golf-course\"><circle cx=\"19.5\" cy=\"19.5\" r=\"1.5\"></circle><path d=\"M17 5.92L9 2v18H7v-1.73c-1.79.35-3 .99-3 1.73 0 1.1 2.69 2 6 2s6-.9 6-2c0-.99-2.16-1.81-5-1.97V8.98l6-3.06z\"></path></g>\n<g id=\"hot-tub\"><circle cx=\"7\" cy=\"6\" r=\"2\"></circle><path d=\"M11.15 12c-.31-.22-.59-.46-.82-.72l-1.4-1.55c-.19-.21-.43-.38-.69-.5-.29-.14-.62-.23-.96-.23h-.03C6.01 9 5 10.01 5 11.25V12H2v8c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-8H11.15zM7 20H5v-6h2v6zm4 0H9v-6h2v6zm4 0h-2v-6h2v6zm4 0h-2v-6h2v6zm-.35-14.14l-.07-.07c-.57-.62-.82-1.41-.67-2.2L18 3h-1.89l-.06.43c-.2 1.36.27 2.71 1.3 3.72l.07.06c.57.62.82 1.41.67 2.2l-.11.59h1.91l.06-.43c.21-1.36-.27-2.71-1.3-3.71zm-4 0l-.07-.07c-.57-.62-.82-1.41-.67-2.2L14 3h-1.89l-.06.43c-.2 1.36.27 2.71 1.3 3.72l.07.06c.57.62.82 1.41.67 2.2l-.11.59h1.91l.06-.43c.21-1.36-.27-2.71-1.3-3.71z\"></path></g>\n<g id=\"kitchen\"><path d=\"M18 2.01L6 2c-1.1 0-2 .89-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.11-.9-1.99-2-1.99zM18 20H6v-9.02h12V20zm0-11H6V4h12v5zM8 5h2v3H8zm0 7h2v5H8z\"></path></g>\n<g id=\"pool\"><path d=\"M22 21c-1.11 0-1.73-.37-2.18-.64-.37-.22-.6-.36-1.15-.36-.56 0-.78.13-1.15.36-.46.27-1.07.64-2.18.64s-1.73-.37-2.18-.64c-.37-.22-.6-.36-1.15-.36-.56 0-.78.13-1.15.36-.46.27-1.08.64-2.19.64-1.11 0-1.73-.37-2.18-.64-.37-.23-.6-.36-1.15-.36s-.78.13-1.15.36c-.46.27-1.08.64-2.19.64v-2c.56 0 .78-.13 1.15-.36.46-.27 1.08-.64 2.19-.64s1.73.37 2.18.64c.37.23.59.36 1.15.36.56 0 .78-.13 1.15-.36.46-.27 1.08-.64 2.19-.64 1.11 0 1.73.37 2.18.64.37.22.6.36 1.15.36s.78-.13 1.15-.36c.45-.27 1.07-.64 2.18-.64s1.73.37 2.18.64c.37.23.59.36 1.15.36v2zm0-4.5c-1.11 0-1.73-.37-2.18-.64-.37-.22-.6-.36-1.15-.36-.56 0-.78.13-1.15.36-.45.27-1.07.64-2.18.64s-1.73-.37-2.18-.64c-.37-.22-.6-.36-1.15-.36-.56 0-.78.13-1.15.36-.45.27-1.07.64-2.18.64s-1.73-.37-2.18-.64c-.37-.22-.6-.36-1.15-.36s-.78.13-1.15.36c-.47.27-1.09.64-2.2.64v-2c.56 0 .78-.13 1.15-.36.45-.27 1.07-.64 2.18-.64s1.73.37 2.18.64c.37.22.6.36 1.15.36.56 0 .78-.13 1.15-.36.45-.27 1.07-.64 2.18-.64s1.73.37 2.18.64c.37.22.6.36 1.15.36s.78-.13 1.15-.36c.45-.27 1.07-.64 2.18-.64s1.73.37 2.18.64c.37.22.6.36 1.15.36v2zM8.67 12c.56 0 .78-.13 1.15-.36.46-.27 1.08-.64 2.19-.64 1.11 0 1.73.37 2.18.64.37.22.6.36 1.15.36s.78-.13 1.15-.36c.12-.07.26-.15.41-.23L10.48 5C8.93 3.45 7.5 2.99 5 3v2.5c1.82-.01 2.89.39 4 1.5l1 1-3.25 3.25c.31.12.56.27.77.39.37.23.59.36 1.15.36z\"></path><circle cx=\"16.5\" cy=\"5.5\" r=\"2.5\"></circle></g>\n<g id=\"room-service\"><path d=\"M2 17h20v2H2zm11.84-9.21c.1-.24.16-.51.16-.79 0-1.1-.9-2-2-2s-2 .9-2 2c0 .28.06.55.16.79C6.25 8.6 3.27 11.93 3 16h18c-.27-4.07-3.25-7.4-7.16-8.21z\"></path></g>\n<g id=\"rv-hookup\"><path d=\"M20 17v-6c0-1.1-.9-2-2-2H7V7l-3 3 3 3v-2h4v3H4v3c0 1.1.9 2 2 2h2c0 1.66 1.34 3 3 3s3-1.34 3-3h8v-2h-2zm-9 3c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm7-6h-4v-3h4v3zM17 2v2H9v2h8v2l3-3z\"></path></g>\n<g id=\"smoke-free\"><path d=\"M2 6l6.99 7H2v3h9.99l7 7 1.26-1.25-17-17zm18.5 7H22v3h-1.5zM18 13h1.5v3H18zm.85-8.12c.62-.61 1-1.45 1-2.38h-1.5c0 1.02-.83 1.85-1.85 1.85v1.5c2.24 0 4 1.83 4 4.07V12H22V9.92c0-2.23-1.28-4.15-3.15-5.04zM14.5 8.7h1.53c1.05 0 1.97.74 1.97 2.05V12h1.5v-1.59c0-1.8-1.6-3.16-3.47-3.16H14.5c-1.02 0-1.85-.98-1.85-2s.83-1.75 1.85-1.75V2c-1.85 0-3.35 1.5-3.35 3.35s1.5 3.35 3.35 3.35zm2.5 7.23V13h-2.93z\"></path></g>\n<g id=\"smoking-rooms\"><path d=\"M2 16h15v3H2zm18.5 0H22v3h-1.5zM18 16h1.5v3H18zm.85-8.27c.62-.61 1-1.45 1-2.38C19.85 3.5 18.35 2 16.5 2v1.5c1.02 0 1.85.83 1.85 1.85S17.52 7.2 16.5 7.2v1.5c2.24 0 4 1.83 4 4.07V15H22v-2.24c0-2.22-1.28-4.14-3.15-5.03zm-2.82 2.47H14.5c-1.02 0-1.85-.98-1.85-2s.83-1.75 1.85-1.75v-1.5c-1.85 0-3.35 1.5-3.35 3.35s1.5 3.35 3.35 3.35h1.53c1.05 0 1.97.74 1.97 2.05V15h1.5v-1.64c0-1.81-1.6-3.16-3.47-3.16z\"></path></g>\n<g id=\"spa\"><path d=\"M8.55 12c-1.07-.71-2.25-1.27-3.53-1.61 1.28.34 2.46.9 3.53 1.61zm10.43-1.61c-1.29.34-2.49.91-3.57 1.64 1.08-.73 2.28-1.3 3.57-1.64z\"></path><path d=\"M15.49 9.63c-.18-2.79-1.31-5.51-3.43-7.63-2.14 2.14-3.32 4.86-3.55 7.63 1.28.68 2.46 1.56 3.49 2.63 1.03-1.06 2.21-1.94 3.49-2.63zm-6.5 2.65c-.14-.1-.3-.19-.45-.29.15.11.31.19.45.29zm6.42-.25c-.13.09-.27.16-.4.26.13-.1.27-.17.4-.26zM12 15.45C9.85 12.17 6.18 10 2 10c0 5.32 3.36 9.82 8.03 11.49.63.23 1.29.4 1.97.51.68-.12 1.33-.29 1.97-.51C18.64 19.82 22 15.32 22 10c-4.18 0-7.85 2.17-10 5.45z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-icons/social-icons.js b/build/es5-amd/node_modules/@polymer/iron-icons/social-icons.js
index dda805e0db2..8dcb6642ac4 100644
--- a/build/es5-amd/node_modules/@polymer/iron-icons/social-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-icons/social-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-icon/iron-icon.js", "../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_913105c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d27da201f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_913105c01f0511ed8cc3e9a95995ad69 || (_templateObject_913105c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"social\" size=\"24\">\n<svg><defs>\n<g id=\"cake\"><path d=\"M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm4.6 9.99l-1.07-1.07-1.08 1.07c-1.3 1.3-3.58 1.31-4.89 0l-1.07-1.07-1.09 1.07C6.75 16.64 5.88 17 4.96 17c-.73 0-1.4-.23-1.96-.61V21c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-4.61c-.56.38-1.23.61-1.96.61-.92 0-1.79-.36-2.44-1.01zM18 9h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v1.54c0 1.08.88 1.96 1.96 1.96.52 0 1.02-.2 1.38-.57l2.14-2.13 2.13 2.13c.74.74 2.03.74 2.77 0l2.14-2.13 2.13 2.13c.37.37.86.57 1.38.57 1.08 0 1.96-.88 1.96-1.96V12C21 10.34 19.66 9 18 9z\"></path></g>\n<g id=\"domain\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"></path></g>\n<g id=\"group\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"></path></g>\n<g id=\"group-add\"><path d=\"M8 10H5V7H3v3H0v2h3v3h2v-3h3v-2zm10 1c1.66 0 2.99-1.34 2.99-3S19.66 5 18 5c-.32 0-.63.05-.91.14.57.81.9 1.79.9 2.86s-.34 2.04-.9 2.86c.28.09.59.14.91.14zm-5 0c1.66 0 2.99-1.34 2.99-3S14.66 5 13 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm6.62 2.16c.83.73 1.38 1.66 1.38 2.84v2h3v-2c0-1.54-2.37-2.49-4.38-2.84zM13 13c-2 0-6 1-6 3v2h12v-2c0-2-4-3-6-3z\"></path></g>\n<g id=\"location-city\"><path d=\"M15 11V5l-3-3-3 3v2H3v14h18V11h-6zm-8 8H5v-2h2v2zm0-4H5v-2h2v2zm0-4H5V9h2v2zm6 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V9h2v2zm0-4h-2V5h2v2zm6 12h-2v-2h2v2zm0-4h-2v-2h2v2z\"></path></g>\n<g id=\"mood\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\"></path></g>\n<g id=\"mood-bad\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 3c-2.33 0-4.31 1.46-5.11 3.5h10.22c-.8-2.04-2.78-3.5-5.11-3.5z\"></path></g>\n<g id=\"notifications\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z\"></path></g>\n<g id=\"notifications-active\"><path d=\"M7.58 4.08L6.15 2.65C3.75 4.48 2.17 7.3 2.03 10.5h2c.15-2.65 1.51-4.97 3.55-6.42zm12.39 6.42h2c-.15-3.2-1.73-6.02-4.12-7.85l-1.42 1.43c2.02 1.45 3.39 3.77 3.54 6.42zM18 11c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2v-5zm-6 11c.14 0 .27-.01.4-.04.65-.14 1.18-.58 1.44-1.18.1-.24.15-.5.15-.78h-4c.01 1.1.9 2 2.01 2z\"></path></g>\n<g id=\"notifications-none\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z\"></path></g>\n<g id=\"notifications-off\"><path d=\"M20 18.69L7.84 6.14 5.27 3.49 4 4.76l2.8 2.8v.01c-.52.99-.8 2.16-.8 3.42v5l-2 2v1h13.73l2 2L21 19.72l-1-1.03zM12 22c1.11 0 2-.89 2-2h-4c0 1.11.89 2 2 2zm6-7.32V11c0-3.08-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.15.03-.29.08-.42.12-.1.03-.2.07-.3.11h-.01c-.01 0-.01 0-.02.01-.23.09-.46.2-.68.31 0 0-.01 0-.01.01L18 14.68z\"></path></g>\n<g id=\"notifications-paused\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.93 6 11v5l-2 2v1h16v-1l-2-2zm-3.5-6.2l-2.8 3.4h2.8V15h-5v-1.8l2.8-3.4H9.5V8h5v1.8z\"></path></g>\n<g id=\"pages\"><path d=\"M3 5v6h5L7 7l4 1V3H5c-1.1 0-2 .9-2 2zm5 8H3v6c0 1.1.9 2 2 2h6v-5l-4 1 1-4zm9 4l-4-1v5h6c1.1 0 2-.9 2-2v-6h-5l1 4zm2-14h-6v5l4-1-1 4h5V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"party-mode\"><path d=\"M20 4h-3.17L15 2H9L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 3c1.63 0 3.06.79 3.98 2H12c-1.66 0-3 1.34-3 3 0 .35.07.69.18 1H7.1c-.06-.32-.1-.66-.1-1 0-2.76 2.24-5 5-5zm0 10c-1.63 0-3.06-.79-3.98-2H12c1.66 0 3-1.34 3-3 0-.35-.07-.69-.18-1h2.08c.07.32.1.66.1 1 0 2.76-2.24 5-5 5z\"></path></g>\n<g id=\"people\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"></path></g>\n<g id=\"people-outline\"><path d=\"M16.5 13c-1.2 0-3.07.34-4.5 1-1.43-.67-3.3-1-4.5-1C5.33 13 1 14.08 1 16.25V19h22v-2.75c0-2.17-4.33-3.25-6.5-3.25zm-4 4.5h-10v-1.25c0-.54 2.56-1.75 5-1.75s5 1.21 5 1.75v1.25zm9 0H14v-1.25c0-.46-.2-.86-.52-1.22.88-.3 1.96-.53 3.02-.53 2.44 0 5 1.21 5 1.75v1.25zM7.5 12c1.93 0 3.5-1.57 3.5-3.5S9.43 5 7.5 5 4 6.57 4 8.5 5.57 12 7.5 12zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 5.5c1.93 0 3.5-1.57 3.5-3.5S18.43 5 16.5 5 13 6.57 13 8.5s1.57 3.5 3.5 3.5zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z\"></path></g>\n<g id=\"person\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"></path></g>\n<g id=\"person-add\"><path d=\"M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"></path></g>\n<g id=\"person-outline\"><path d=\"M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"></path></g>\n<g id=\"plus-one\"><path d=\"M10 8H8v4H4v2h4v4h2v-4h4v-2h-4zm4.5-1.92V7.9l2.5-.5V18h2V5z\"></path></g>\n<g id=\"poll\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"></path></g>\n<g id=\"public\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"></path></g>\n<g id=\"school\"><path d=\"M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z\"></path></g>\n<g id=\"sentiment-dissatisfied\"><circle cx=\"15.5\" cy=\"9.5\" r=\"1.5\"></circle><circle cx=\"8.5\" cy=\"9.5\" r=\"1.5\"></circle><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-6c-2.33 0-4.32 1.45-5.12 3.5h1.67c.69-1.19 1.97-2 3.45-2s2.75.81 3.45 2h1.67c-.8-2.05-2.79-3.5-5.12-3.5z\"></path></g>\n<g id=\"sentiment-neutral\"><path d=\"M9 14h6v1.5H9z\"></path><circle cx=\"15.5\" cy=\"9.5\" r=\"1.5\"></circle><circle cx=\"8.5\" cy=\"9.5\" r=\"1.5\"></circle><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></g>\n<g id=\"sentiment-satisfied\"><circle cx=\"15.5\" cy=\"9.5\" r=\"1.5\"></circle><circle cx=\"8.5\" cy=\"9.5\" r=\"1.5\"></circle><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-4c-1.48 0-2.75-.81-3.45-2H6.88c.8 2.05 2.79 3.5 5.12 3.5s4.32-1.45 5.12-3.5h-1.67c-.7 1.19-1.97 2-3.45 2z\"></path></g>\n<g id=\"sentiment-very-dissatisfied\"><path d=\"M11.99 2C6.47 2 2 6.47 2 12s4.47 10 9.99 10S22 17.53 22 12 17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm4.18-12.24l-1.06 1.06-1.06-1.06L13 8.82l1.06 1.06L13 10.94 14.06 12l1.06-1.06L16.18 12l1.06-1.06-1.06-1.06 1.06-1.06zM7.82 12l1.06-1.06L9.94 12 11 10.94 9.94 9.88 11 8.82 9.94 7.76 8.88 8.82 7.82 7.76 6.76 8.82l1.06 1.06-1.06 1.06zM12 14c-2.33 0-4.31 1.46-5.11 3.5h10.22c-.8-2.04-2.78-3.5-5.11-3.5z\"></path></g>\n<g id=\"sentiment-very-satisfied\"><path d=\"M11.99 2C6.47 2 2 6.47 2 12s4.47 10 9.99 10S22 17.53 22 12 17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-10.06L14.06 11l1.06-1.06L16.18 11l1.06-1.06-2.12-2.12zm-4.12 0L9.94 11 11 9.94 8.88 7.82 6.76 9.94 7.82 11zM12 17.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\"></path></g>\n<g id=\"share\"><path d=\"M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z\"></path></g>\n<g id=\"whatshot\"><path d=\"M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d27da201f2611eda0c389891c227ec8 || (_templateObject_6d27da201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"social\" size=\"24\">\n<svg><defs>\n<g id=\"cake\"><path d=\"M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm4.6 9.99l-1.07-1.07-1.08 1.07c-1.3 1.3-3.58 1.31-4.89 0l-1.07-1.07-1.09 1.07C6.75 16.64 5.88 17 4.96 17c-.73 0-1.4-.23-1.96-.61V21c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-4.61c-.56.38-1.23.61-1.96.61-.92 0-1.79-.36-2.44-1.01zM18 9h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v1.54c0 1.08.88 1.96 1.96 1.96.52 0 1.02-.2 1.38-.57l2.14-2.13 2.13 2.13c.74.74 2.03.74 2.77 0l2.14-2.13 2.13 2.13c.37.37.86.57 1.38.57 1.08 0 1.96-.88 1.96-1.96V12C21 10.34 19.66 9 18 9z\"></path></g>\n<g id=\"domain\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"></path></g>\n<g id=\"group\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"></path></g>\n<g id=\"group-add\"><path d=\"M8 10H5V7H3v3H0v2h3v3h2v-3h3v-2zm10 1c1.66 0 2.99-1.34 2.99-3S19.66 5 18 5c-.32 0-.63.05-.91.14.57.81.9 1.79.9 2.86s-.34 2.04-.9 2.86c.28.09.59.14.91.14zm-5 0c1.66 0 2.99-1.34 2.99-3S14.66 5 13 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm6.62 2.16c.83.73 1.38 1.66 1.38 2.84v2h3v-2c0-1.54-2.37-2.49-4.38-2.84zM13 13c-2 0-6 1-6 3v2h12v-2c0-2-4-3-6-3z\"></path></g>\n<g id=\"location-city\"><path d=\"M15 11V5l-3-3-3 3v2H3v14h18V11h-6zm-8 8H5v-2h2v2zm0-4H5v-2h2v2zm0-4H5V9h2v2zm6 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V9h2v2zm0-4h-2V5h2v2zm6 12h-2v-2h2v2zm0-4h-2v-2h2v2z\"></path></g>\n<g id=\"mood\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\"></path></g>\n<g id=\"mood-bad\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 3c-2.33 0-4.31 1.46-5.11 3.5h10.22c-.8-2.04-2.78-3.5-5.11-3.5z\"></path></g>\n<g id=\"notifications\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z\"></path></g>\n<g id=\"notifications-active\"><path d=\"M7.58 4.08L6.15 2.65C3.75 4.48 2.17 7.3 2.03 10.5h2c.15-2.65 1.51-4.97 3.55-6.42zm12.39 6.42h2c-.15-3.2-1.73-6.02-4.12-7.85l-1.42 1.43c2.02 1.45 3.39 3.77 3.54 6.42zM18 11c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2v-5zm-6 11c.14 0 .27-.01.4-.04.65-.14 1.18-.58 1.44-1.18.1-.24.15-.5.15-.78h-4c.01 1.1.9 2 2.01 2z\"></path></g>\n<g id=\"notifications-none\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z\"></path></g>\n<g id=\"notifications-off\"><path d=\"M20 18.69L7.84 6.14 5.27 3.49 4 4.76l2.8 2.8v.01c-.52.99-.8 2.16-.8 3.42v5l-2 2v1h13.73l2 2L21 19.72l-1-1.03zM12 22c1.11 0 2-.89 2-2h-4c0 1.11.89 2 2 2zm6-7.32V11c0-3.08-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.15.03-.29.08-.42.12-.1.03-.2.07-.3.11h-.01c-.01 0-.01 0-.02.01-.23.09-.46.2-.68.31 0 0-.01 0-.01.01L18 14.68z\"></path></g>\n<g id=\"notifications-paused\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.93 6 11v5l-2 2v1h16v-1l-2-2zm-3.5-6.2l-2.8 3.4h2.8V15h-5v-1.8l2.8-3.4H9.5V8h5v1.8z\"></path></g>\n<g id=\"pages\"><path d=\"M3 5v6h5L7 7l4 1V3H5c-1.1 0-2 .9-2 2zm5 8H3v6c0 1.1.9 2 2 2h6v-5l-4 1 1-4zm9 4l-4-1v5h6c1.1 0 2-.9 2-2v-6h-5l1 4zm2-14h-6v5l4-1-1 4h5V5c0-1.1-.9-2-2-2z\"></path></g>\n<g id=\"party-mode\"><path d=\"M20 4h-3.17L15 2H9L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 3c1.63 0 3.06.79 3.98 2H12c-1.66 0-3 1.34-3 3 0 .35.07.69.18 1H7.1c-.06-.32-.1-.66-.1-1 0-2.76 2.24-5 5-5zm0 10c-1.63 0-3.06-.79-3.98-2H12c1.66 0 3-1.34 3-3 0-.35-.07-.69-.18-1h2.08c.07.32.1.66.1 1 0 2.76-2.24 5-5 5z\"></path></g>\n<g id=\"people\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"></path></g>\n<g id=\"people-outline\"><path d=\"M16.5 13c-1.2 0-3.07.34-4.5 1-1.43-.67-3.3-1-4.5-1C5.33 13 1 14.08 1 16.25V19h22v-2.75c0-2.17-4.33-3.25-6.5-3.25zm-4 4.5h-10v-1.25c0-.54 2.56-1.75 5-1.75s5 1.21 5 1.75v1.25zm9 0H14v-1.25c0-.46-.2-.86-.52-1.22.88-.3 1.96-.53 3.02-.53 2.44 0 5 1.21 5 1.75v1.25zM7.5 12c1.93 0 3.5-1.57 3.5-3.5S9.43 5 7.5 5 4 6.57 4 8.5 5.57 12 7.5 12zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 5.5c1.93 0 3.5-1.57 3.5-3.5S18.43 5 16.5 5 13 6.57 13 8.5s1.57 3.5 3.5 3.5zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z\"></path></g>\n<g id=\"person\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"></path></g>\n<g id=\"person-add\"><path d=\"M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"></path></g>\n<g id=\"person-outline\"><path d=\"M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"></path></g>\n<g id=\"plus-one\"><path d=\"M10 8H8v4H4v2h4v4h2v-4h4v-2h-4zm4.5-1.92V7.9l2.5-.5V18h2V5z\"></path></g>\n<g id=\"poll\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"></path></g>\n<g id=\"public\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"></path></g>\n<g id=\"school\"><path d=\"M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z\"></path></g>\n<g id=\"sentiment-dissatisfied\"><circle cx=\"15.5\" cy=\"9.5\" r=\"1.5\"></circle><circle cx=\"8.5\" cy=\"9.5\" r=\"1.5\"></circle><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-6c-2.33 0-4.32 1.45-5.12 3.5h1.67c.69-1.19 1.97-2 3.45-2s2.75.81 3.45 2h1.67c-.8-2.05-2.79-3.5-5.12-3.5z\"></path></g>\n<g id=\"sentiment-neutral\"><path d=\"M9 14h6v1.5H9z\"></path><circle cx=\"15.5\" cy=\"9.5\" r=\"1.5\"></circle><circle cx=\"8.5\" cy=\"9.5\" r=\"1.5\"></circle><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path></g>\n<g id=\"sentiment-satisfied\"><circle cx=\"15.5\" cy=\"9.5\" r=\"1.5\"></circle><circle cx=\"8.5\" cy=\"9.5\" r=\"1.5\"></circle><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-4c-1.48 0-2.75-.81-3.45-2H6.88c.8 2.05 2.79 3.5 5.12 3.5s4.32-1.45 5.12-3.5h-1.67c-.7 1.19-1.97 2-3.45 2z\"></path></g>\n<g id=\"sentiment-very-dissatisfied\"><path d=\"M11.99 2C6.47 2 2 6.47 2 12s4.47 10 9.99 10S22 17.53 22 12 17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm4.18-12.24l-1.06 1.06-1.06-1.06L13 8.82l1.06 1.06L13 10.94 14.06 12l1.06-1.06L16.18 12l1.06-1.06-1.06-1.06 1.06-1.06zM7.82 12l1.06-1.06L9.94 12 11 10.94 9.94 9.88 11 8.82 9.94 7.76 8.88 8.82 7.82 7.76 6.76 8.82l1.06 1.06-1.06 1.06zM12 14c-2.33 0-4.31 1.46-5.11 3.5h10.22c-.8-2.04-2.78-3.5-5.11-3.5z\"></path></g>\n<g id=\"sentiment-very-satisfied\"><path d=\"M11.99 2C6.47 2 2 6.47 2 12s4.47 10 9.99 10S22 17.53 22 12 17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-10.06L14.06 11l1.06-1.06L16.18 11l1.06-1.06-2.12-2.12zm-4.12 0L9.94 11 11 9.94 8.88 7.82 6.76 9.94 7.82 11zM12 17.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\"></path></g>\n<g id=\"share\"><path d=\"M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z\"></path></g>\n<g id=\"whatshot\"><path d=\"M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-iconset-svg/demo/svg-sample-icons.js b/build/es5-amd/node_modules/@polymer/iron-iconset-svg/demo/svg-sample-icons.js
index 087681a1abc..45bbdcfd02b 100644
--- a/build/es5-amd/node_modules/@polymer/iron-iconset-svg/demo/svg-sample-icons.js
+++ b/build/es5-amd/node_modules/@polymer/iron-iconset-svg/demo/svg-sample-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-iconset-svg.js", "../../polymer/lib/utils/html-tag.js"], function (_ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_9568e3101f0511ed8cc3e9a95995ad69;
+  var _templateObject_70c0b8501f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9568e3101f0511ed8cc3e9a95995ad69 || (_templateObject_9568e3101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"svg-sample-icons\" size=\"100\">\n  <svg>\n    <defs>\n    <g id=\"codepen\">\n      <path class=\"outer-ring\" d=\"M50,0C22.385,0,0,22.385,0,50c0,27.615,22.385,50,50,50c27.614,0,50-22.385,50-50C100,22.385,77.615,0,50,0z M50,91.789\n      C26.958,91.789,8.212,73.042,8.212,50C8.212,26.958,26.958,8.212,50,8.212c23.042,0,41.788,18.747,41.788,41.789\n      C91.788,73.042,73.042,91.789,50,91.789z\"></path>\n      <path class=\"inner-logo\" d=\"M80.893,40.234c-0.006-0.039-0.016-0.076-0.022-0.115c-0.013-0.075-0.027-0.15-0.046-0.223\n      c-0.012-0.044-0.028-0.086-0.042-0.128c-0.021-0.065-0.042-0.13-0.068-0.193c-0.018-0.044-0.039-0.088-0.059-0.13\n      c-0.028-0.06-0.057-0.119-0.09-0.175c-0.024-0.042-0.051-0.083-0.076-0.124c-0.036-0.055-0.073-0.109-0.112-0.161\n      c-0.029-0.039-0.06-0.078-0.091-0.115c-0.042-0.049-0.086-0.098-0.132-0.143c-0.035-0.036-0.069-0.072-0.106-0.104\n      c-0.049-0.044-0.099-0.086-0.15-0.127c-0.04-0.031-0.079-0.062-0.12-0.091c-0.016-0.01-0.029-0.023-0.044-0.033L51.474,19.531\n      c-0.893-0.595-2.055-0.595-2.947,0L20.267,38.371c-0.015,0.01-0.028,0.023-0.044,0.033c-0.042,0.029-0.081,0.06-0.12,0.091\n      c-0.052,0.041-0.102,0.083-0.15,0.127c-0.037,0.032-0.071,0.068-0.106,0.104c-0.046,0.045-0.09,0.094-0.132,0.143\n      c-0.031,0.038-0.062,0.077-0.092,0.115c-0.039,0.052-0.076,0.106-0.111,0.161c-0.027,0.041-0.052,0.082-0.076,0.124\n      c-0.033,0.057-0.062,0.115-0.09,0.175c-0.021,0.042-0.042,0.086-0.06,0.13c-0.026,0.063-0.047,0.128-0.068,0.193\n      c-0.014,0.042-0.029,0.084-0.042,0.128c-0.02,0.073-0.032,0.148-0.046,0.223c-0.006,0.039-0.016,0.076-0.021,0.115\n      c-0.016,0.114-0.024,0.229-0.024,0.346V59.42c0,0.117,0.009,0.233,0.024,0.348c0.005,0.038,0.015,0.077,0.021,0.114\n      c0.014,0.075,0.027,0.149,0.046,0.223c0.012,0.043,0.028,0.086,0.042,0.128c0.021,0.065,0.042,0.13,0.068,0.195\n      c0.018,0.044,0.039,0.086,0.06,0.129c0.028,0.06,0.058,0.118,0.09,0.177c0.024,0.041,0.049,0.082,0.076,0.122\n      c0.035,0.056,0.072,0.109,0.111,0.161c0.029,0.041,0.061,0.078,0.092,0.115c0.042,0.049,0.086,0.098,0.132,0.144\n      c0.035,0.036,0.069,0.071,0.106,0.104c0.048,0.044,0.099,0.086,0.15,0.127c0.039,0.031,0.078,0.062,0.12,0.091\n      c0.016,0.01,0.029,0.023,0.044,0.032l28.259,18.84c0.446,0.297,0.96,0.447,1.474,0.447c0.513,0,1.027-0.149,1.473-0.447\n      l28.259-18.84c0.015-0.009,0.028-0.022,0.044-0.032c0.042-0.029,0.081-0.06,0.12-0.091c0.051-0.041,0.102-0.083,0.15-0.127\n      c0.037-0.033,0.071-0.068,0.106-0.104c0.046-0.046,0.09-0.095,0.132-0.144c0.031-0.037,0.062-0.075,0.091-0.115\n      c0.04-0.052,0.076-0.105,0.112-0.161c0.025-0.041,0.051-0.081,0.076-0.122c0.033-0.059,0.062-0.117,0.09-0.177\n      c0.02-0.042,0.041-0.085,0.059-0.129c0.026-0.065,0.047-0.13,0.068-0.195c0.014-0.042,0.03-0.085,0.042-0.128\n      c0.02-0.074,0.033-0.148,0.046-0.223c0.006-0.037,0.016-0.076,0.022-0.114c0.014-0.115,0.023-0.231,0.023-0.348V40.581\n      C80.916,40.464,80.907,40.348,80.893,40.234z M52.657,26.707l20.817,13.877l-9.298,6.221l-11.519-7.706V26.707z M47.343,26.707\n      v12.393l-11.518,7.706l-9.299-6.221L47.343,26.707z M24.398,45.554L31.046,50l-6.648,4.446V45.554z M47.343,73.294L26.525,59.417\n      l9.299-6.219l11.518,7.704V73.294z M50,56.286L40.603,50L50,43.715L59.397,50L50,56.286z M52.657,73.294V60.902l11.519-7.704\n      l9.298,6.219L52.657,73.294z M75.602,54.447L68.955,50l6.647-4.446V54.447z\"></path>\n    </g>\n\n    <path id=\"twitter\" d=\"M100.001,17.942c-3.681,1.688-7.633,2.826-11.783,3.339\n    c4.236-2.624,7.49-6.779,9.021-11.73c-3.965,2.432-8.354,4.193-13.026,5.146C80.47,10.575,75.138,8,69.234,8\n    c-11.33,0-20.518,9.494-20.518,21.205c0,1.662,0.183,3.281,0.533,4.833c-17.052-0.884-32.168-9.326-42.288-22.155\n    c-1.767,3.133-2.778,6.773-2.778,10.659c0,7.357,3.622,13.849,9.127,17.65c-3.363-0.109-6.525-1.064-9.293-2.651\n    c-0.002,0.089-0.002,0.178-0.002,0.268c0,10.272,7.072,18.845,16.458,20.793c-1.721,0.484-3.534,0.744-5.405,0.744\n    c-1.322,0-2.606-0.134-3.859-0.379c2.609,8.424,10.187,14.555,19.166,14.726c-7.021,5.688-15.867,9.077-25.48,9.077\n    c-1.656,0-3.289-0.102-4.895-0.297C9.08,88.491,19.865,92,31.449,92c37.737,0,58.374-32.312,58.374-60.336\n    c0-0.92-0.02-1.834-0.059-2.743C93.771,25.929,97.251,22.195,100.001,17.942L100.001,17.942z\"></path>\n\n    <g id=\"youtube\">\n      <path class=\"youtube\" d=\"M98.77,27.492c-1.225-5.064-5.576-8.799-10.811-9.354C75.561,16.818,63.01,15.993,50.514,16\n      c-12.495-0.007-25.045,0.816-37.446,2.139c-5.235,0.557-9.583,4.289-10.806,9.354C0.522,34.704,0.5,42.574,0.5,50.001\n      c0,7.426,0,15.296,1.741,22.509c1.224,5.061,5.572,8.799,10.807,9.352c12.399,1.32,24.949,2.145,37.446,2.14\n      c12.494,0.005,25.047-0.817,37.443-2.14c5.234-0.555,9.586-4.291,10.81-9.352c1.741-7.213,1.753-15.083,1.753-22.509\n      S100.51,34.704,98.77,27.492 M67.549,52.203L43.977,64.391c-2.344,1.213-4.262,0.119-4.262-2.428V38.036\n      c0-2.548,1.917-3.644,4.262-2.429l23.572,12.188C69.896,49.008,69.896,50.992,67.549,52.203\"></path>\n    </g>\n\n    </defs>\n\n  </svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_70c0b8501f2611eda0c389891c227ec8 || (_templateObject_70c0b8501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"svg-sample-icons\" size=\"100\">\n  <svg>\n    <defs>\n    <g id=\"codepen\">\n      <path class=\"outer-ring\" d=\"M50,0C22.385,0,0,22.385,0,50c0,27.615,22.385,50,50,50c27.614,0,50-22.385,50-50C100,22.385,77.615,0,50,0z M50,91.789\n      C26.958,91.789,8.212,73.042,8.212,50C8.212,26.958,26.958,8.212,50,8.212c23.042,0,41.788,18.747,41.788,41.789\n      C91.788,73.042,73.042,91.789,50,91.789z\"></path>\n      <path class=\"inner-logo\" d=\"M80.893,40.234c-0.006-0.039-0.016-0.076-0.022-0.115c-0.013-0.075-0.027-0.15-0.046-0.223\n      c-0.012-0.044-0.028-0.086-0.042-0.128c-0.021-0.065-0.042-0.13-0.068-0.193c-0.018-0.044-0.039-0.088-0.059-0.13\n      c-0.028-0.06-0.057-0.119-0.09-0.175c-0.024-0.042-0.051-0.083-0.076-0.124c-0.036-0.055-0.073-0.109-0.112-0.161\n      c-0.029-0.039-0.06-0.078-0.091-0.115c-0.042-0.049-0.086-0.098-0.132-0.143c-0.035-0.036-0.069-0.072-0.106-0.104\n      c-0.049-0.044-0.099-0.086-0.15-0.127c-0.04-0.031-0.079-0.062-0.12-0.091c-0.016-0.01-0.029-0.023-0.044-0.033L51.474,19.531\n      c-0.893-0.595-2.055-0.595-2.947,0L20.267,38.371c-0.015,0.01-0.028,0.023-0.044,0.033c-0.042,0.029-0.081,0.06-0.12,0.091\n      c-0.052,0.041-0.102,0.083-0.15,0.127c-0.037,0.032-0.071,0.068-0.106,0.104c-0.046,0.045-0.09,0.094-0.132,0.143\n      c-0.031,0.038-0.062,0.077-0.092,0.115c-0.039,0.052-0.076,0.106-0.111,0.161c-0.027,0.041-0.052,0.082-0.076,0.124\n      c-0.033,0.057-0.062,0.115-0.09,0.175c-0.021,0.042-0.042,0.086-0.06,0.13c-0.026,0.063-0.047,0.128-0.068,0.193\n      c-0.014,0.042-0.029,0.084-0.042,0.128c-0.02,0.073-0.032,0.148-0.046,0.223c-0.006,0.039-0.016,0.076-0.021,0.115\n      c-0.016,0.114-0.024,0.229-0.024,0.346V59.42c0,0.117,0.009,0.233,0.024,0.348c0.005,0.038,0.015,0.077,0.021,0.114\n      c0.014,0.075,0.027,0.149,0.046,0.223c0.012,0.043,0.028,0.086,0.042,0.128c0.021,0.065,0.042,0.13,0.068,0.195\n      c0.018,0.044,0.039,0.086,0.06,0.129c0.028,0.06,0.058,0.118,0.09,0.177c0.024,0.041,0.049,0.082,0.076,0.122\n      c0.035,0.056,0.072,0.109,0.111,0.161c0.029,0.041,0.061,0.078,0.092,0.115c0.042,0.049,0.086,0.098,0.132,0.144\n      c0.035,0.036,0.069,0.071,0.106,0.104c0.048,0.044,0.099,0.086,0.15,0.127c0.039,0.031,0.078,0.062,0.12,0.091\n      c0.016,0.01,0.029,0.023,0.044,0.032l28.259,18.84c0.446,0.297,0.96,0.447,1.474,0.447c0.513,0,1.027-0.149,1.473-0.447\n      l28.259-18.84c0.015-0.009,0.028-0.022,0.044-0.032c0.042-0.029,0.081-0.06,0.12-0.091c0.051-0.041,0.102-0.083,0.15-0.127\n      c0.037-0.033,0.071-0.068,0.106-0.104c0.046-0.046,0.09-0.095,0.132-0.144c0.031-0.037,0.062-0.075,0.091-0.115\n      c0.04-0.052,0.076-0.105,0.112-0.161c0.025-0.041,0.051-0.081,0.076-0.122c0.033-0.059,0.062-0.117,0.09-0.177\n      c0.02-0.042,0.041-0.085,0.059-0.129c0.026-0.065,0.047-0.13,0.068-0.195c0.014-0.042,0.03-0.085,0.042-0.128\n      c0.02-0.074,0.033-0.148,0.046-0.223c0.006-0.037,0.016-0.076,0.022-0.114c0.014-0.115,0.023-0.231,0.023-0.348V40.581\n      C80.916,40.464,80.907,40.348,80.893,40.234z M52.657,26.707l20.817,13.877l-9.298,6.221l-11.519-7.706V26.707z M47.343,26.707\n      v12.393l-11.518,7.706l-9.299-6.221L47.343,26.707z M24.398,45.554L31.046,50l-6.648,4.446V45.554z M47.343,73.294L26.525,59.417\n      l9.299-6.219l11.518,7.704V73.294z M50,56.286L40.603,50L50,43.715L59.397,50L50,56.286z M52.657,73.294V60.902l11.519-7.704\n      l9.298,6.219L52.657,73.294z M75.602,54.447L68.955,50l6.647-4.446V54.447z\"></path>\n    </g>\n\n    <path id=\"twitter\" d=\"M100.001,17.942c-3.681,1.688-7.633,2.826-11.783,3.339\n    c4.236-2.624,7.49-6.779,9.021-11.73c-3.965,2.432-8.354,4.193-13.026,5.146C80.47,10.575,75.138,8,69.234,8\n    c-11.33,0-20.518,9.494-20.518,21.205c0,1.662,0.183,3.281,0.533,4.833c-17.052-0.884-32.168-9.326-42.288-22.155\n    c-1.767,3.133-2.778,6.773-2.778,10.659c0,7.357,3.622,13.849,9.127,17.65c-3.363-0.109-6.525-1.064-9.293-2.651\n    c-0.002,0.089-0.002,0.178-0.002,0.268c0,10.272,7.072,18.845,16.458,20.793c-1.721,0.484-3.534,0.744-5.405,0.744\n    c-1.322,0-2.606-0.134-3.859-0.379c2.609,8.424,10.187,14.555,19.166,14.726c-7.021,5.688-15.867,9.077-25.48,9.077\n    c-1.656,0-3.289-0.102-4.895-0.297C9.08,88.491,19.865,92,31.449,92c37.737,0,58.374-32.312,58.374-60.336\n    c0-0.92-0.02-1.834-0.059-2.743C93.771,25.929,97.251,22.195,100.001,17.942L100.001,17.942z\"></path>\n\n    <g id=\"youtube\">\n      <path class=\"youtube\" d=\"M98.77,27.492c-1.225-5.064-5.576-8.799-10.811-9.354C75.561,16.818,63.01,15.993,50.514,16\n      c-12.495-0.007-25.045,0.816-37.446,2.139c-5.235,0.557-9.583,4.289-10.806,9.354C0.522,34.704,0.5,42.574,0.5,50.001\n      c0,7.426,0,15.296,1.741,22.509c1.224,5.061,5.572,8.799,10.807,9.352c12.399,1.32,24.949,2.145,37.446,2.14\n      c12.494,0.005,25.047-0.817,37.443-2.14c5.234-0.555,9.586-4.291,10.81-9.352c1.741-7.213,1.753-15.083,1.753-22.509\n      S100.51,34.704,98.77,27.492 M67.549,52.203L43.977,64.391c-2.344,1.213-4.262,0.119-4.262-2.428V38.036\n      c0-2.548,1.917-3.644,4.262-2.429l23.572,12.188C69.896,49.008,69.896,50.992,67.549,52.203\"></path>\n    </g>\n\n    </defs>\n\n  </svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/iron-image/iron-image.js b/build/es5-amd/node_modules/@polymer/iron-image/iron-image.js
index b2abf0054d2..2358f38602a 100644
--- a/build/es5-amd/node_modules/@polymer/iron-image/iron-image.js
+++ b/build/es5-amd/node_modules/@polymer/iron-image/iron-image.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "../polymer/lib/utils/resolve-url.js"], function (_polymerLegacy, _polymerFn, _htmlTag, _resolveUrl) {
   "use strict";
 
-  var _templateObject_91be03801f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d9ce3101f2611eda0c389891c227ec8;
 
   /**
   `iron-image` is an element for displaying an image that provides useful sizing and
@@ -61,7 +61,7 @@ define(["../polymer/polymer-legacy.js", "../polymer/lib/legacy/polymer-fn.js", "
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_91be03801f0511ed8cc3e9a95995ad69 || (_templateObject_91be03801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        overflow: hidden;\n        position: relative;\n      }\n\n      #baseURIAnchor {\n        display: none;\n      }\n\n      #sizedImgDiv {\n        position: absolute;\n        top: 0px;\n        right: 0px;\n        bottom: 0px;\n        left: 0px;\n\n        display: none;\n      }\n\n      #img {\n        display: block;\n        width: var(--iron-image-width, auto);\n        height: var(--iron-image-height, auto);\n      }\n\n      :host([sizing]) #sizedImgDiv {\n        display: block;\n      }\n\n      :host([sizing]) #img {\n        display: none;\n      }\n\n      #placeholder {\n        position: absolute;\n        top: 0px;\n        right: 0px;\n        bottom: 0px;\n        left: 0px;\n\n        background-color: inherit;\n        opacity: 1;\n\n        @apply --iron-image-placeholder;\n      }\n\n      #placeholder.faded-out {\n        transition: opacity 0.5s linear;\n        opacity: 0;\n      }\n    </style>\n\n    <a id=\"baseURIAnchor\" href=\"#\"></a>\n    <div id=\"sizedImgDiv\" role=\"img\" hidden$=\"[[_computeImgDivHidden(sizing)]]\" aria-hidden$=\"[[_computeImgDivARIAHidden(alt)]]\" aria-label$=\"[[_computeImgDivARIALabel(alt, src)]]\"></div>\n    <img id=\"img\" alt$=\"[[alt]]\" hidden$=\"[[_computeImgHidden(sizing)]]\" crossorigin$=\"[[crossorigin]]\" on-load=\"_imgOnLoad\" on-error=\"_imgOnError\">\n    <div id=\"placeholder\" hidden$=\"[[_computePlaceholderHidden(preload, fade, loading, loaded)]]\" class$=\"[[_computePlaceholderClassName(preload, fade, loading, loaded)]]\"></div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6d9ce3101f2611eda0c389891c227ec8 || (_templateObject_6d9ce3101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        overflow: hidden;\n        position: relative;\n      }\n\n      #baseURIAnchor {\n        display: none;\n      }\n\n      #sizedImgDiv {\n        position: absolute;\n        top: 0px;\n        right: 0px;\n        bottom: 0px;\n        left: 0px;\n\n        display: none;\n      }\n\n      #img {\n        display: block;\n        width: var(--iron-image-width, auto);\n        height: var(--iron-image-height, auto);\n      }\n\n      :host([sizing]) #sizedImgDiv {\n        display: block;\n      }\n\n      :host([sizing]) #img {\n        display: none;\n      }\n\n      #placeholder {\n        position: absolute;\n        top: 0px;\n        right: 0px;\n        bottom: 0px;\n        left: 0px;\n\n        background-color: inherit;\n        opacity: 1;\n\n        @apply --iron-image-placeholder;\n      }\n\n      #placeholder.faded-out {\n        transition: opacity 0.5s linear;\n        opacity: 0;\n      }\n    </style>\n\n    <a id=\"baseURIAnchor\" href=\"#\"></a>\n    <div id=\"sizedImgDiv\" role=\"img\" hidden$=\"[[_computeImgDivHidden(sizing)]]\" aria-hidden$=\"[[_computeImgDivARIAHidden(alt)]]\" aria-label$=\"[[_computeImgDivARIALabel(alt, src)]]\"></div>\n    <img id=\"img\" alt$=\"[[alt]]\" hidden$=\"[[_computeImgHidden(sizing)]]\" crossorigin$=\"[[crossorigin]]\" on-load=\"_imgOnLoad\" on-error=\"_imgOnError\">\n    <div id=\"placeholder\" hidden$=\"[[_computePlaceholderHidden(preload, fade, loading, loaded)]]\" class$=\"[[_computePlaceholderClassName(preload, fade, loading, loaded)]]\"></div>\n"]))),
     is: 'iron-image',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/iron-input/iron-input.js b/build/es5-amd/node_modules/@polymer/iron-input/iron-input.js
index 9523729719f..409b19af79b 100644
--- a/build/es5-amd/node_modules/@polymer/iron-input/iron-input.js
+++ b/build/es5-amd/node_modules/@polymer/iron-input/iron-input.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-a11y-announcer/iron-a11y-announcer.js", "../iron-validatable-behavior/iron-validatable-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironA11yAnnouncer, _ironValidatableBehavior, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_9c2129b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_77565bc01f2611eda0c389891c227ec8;
 
   /**
   `<iron-input>` is a wrapper to a native `<input>` element, that adds two-way
@@ -86,7 +86,7 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-announcer/iron-a11y-announ
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9c2129b01f0511ed8cc3e9a95995ad69 || (_templateObject_9c2129b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n    </style>\n    <slot id=\"content\"></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_77565bc01f2611eda0c389891c227ec8 || (_templateObject_77565bc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n    </style>\n    <slot id=\"content\"></slot>\n"]))),
     is: 'iron-input',
     behaviors: [_ironValidatableBehavior.IronValidatableBehavior],
 
diff --git a/build/es5-amd/node_modules/@polymer/iron-list/iron-list.js b/build/es5-amd/node_modules/@polymer/iron-list/iron-list.js
index 124cb580b75..ce3f45eaff6 100644
--- a/build/es5-amd/node_modules/@polymer/iron-list/iron-list.js
+++ b/build/es5-amd/node_modules/@polymer/iron-list/iron-list.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-keys-behavior.js", "../iron-resizable-behavior/iron-resizable-behavior.js", "../iron-scroll-target-behavior/iron-scroll-target-behavior.js", "../polymer/lib/legacy/mutable-data-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/legacy/templatizer-behavior.js", "../polymer/lib/utils/async.js", "../polymer/lib/utils/debounce.js", "../polymer/lib/utils/flush.js", "../polymer/lib/utils/html-tag.js", "../polymer/lib/utils/path.js", "../polymer/lib/utils/templatize.js"], function (_polymerLegacy, _ironA11yKeysBehavior, _ironResizableBehavior, _ironScrollTargetBehavior, _mutableDataBehavior, _polymerFn, _polymerDom, _templatizerBehavior, _async, _debounce2, _flush, _htmlTag, _path, _templatize) {
   "use strict";
 
-  var _templateObject_97cbb2401f0511ed8cc3e9a95995ad69;
+  var _templateObject_728dd7301f2611eda0c389891c227ec8;
 
   var IOS = navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/);
   var IOS_TOUCH_SCROLLING = IOS && IOS[1] >= 8;
@@ -233,7 +233,7 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-ke
 
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_97cbb2401f0511ed8cc3e9a95995ad69 || (_templateObject_97cbb2401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      @media only screen and (-webkit-max-device-pixel-ratio: 1) {\n        :host {\n          will-change: transform;\n        }\n      }\n\n      #items {\n        @apply --iron-list-items-container;\n        position: relative;\n      }\n\n      :host(:not([grid])) #items > ::slotted(*) {\n        width: 100%;\n      }\n\n      #items > ::slotted(*) {\n        box-sizing: border-box;\n        margin: 0;\n        position: absolute;\n        top: 0;\n        will-change: transform;\n      }\n    </style>\n\n    <array-selector id=\"selector\" items=\"{{items}}\" selected=\"{{selectedItems}}\" selected-item=\"{{selectedItem}}\"></array-selector>\n\n    <div id=\"items\">\n      <slot></slot>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_728dd7301f2611eda0c389891c227ec8 || (_templateObject_728dd7301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      @media only screen and (-webkit-max-device-pixel-ratio: 1) {\n        :host {\n          will-change: transform;\n        }\n      }\n\n      #items {\n        @apply --iron-list-items-container;\n        position: relative;\n      }\n\n      :host(:not([grid])) #items > ::slotted(*) {\n        width: 100%;\n      }\n\n      #items > ::slotted(*) {\n        box-sizing: border-box;\n        margin: 0;\n        position: absolute;\n        top: 0;\n        will-change: transform;\n      }\n    </style>\n\n    <array-selector id=\"selector\" items=\"{{items}}\" selected=\"{{selectedItems}}\" selected-item=\"{{selectedItem}}\"></array-selector>\n\n    <div id=\"items\">\n      <slot></slot>\n    </div>\n"]))),
     is: 'iron-list',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/iron-menu-behavior/demo/simple-menu.js b/build/es5-amd/node_modules/@polymer/iron-menu-behavior/demo/simple-menu.js
index ebd1bff4c05..fb08fa82476 100644
--- a/build/es5-amd/node_modules/@polymer/iron-menu-behavior/demo/simple-menu.js
+++ b/build/es5-amd/node_modules/@polymer/iron-menu-behavior/demo/simple-menu.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../paper-styles/color.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../iron-menu-behavior.js"], function (_polymerLegacy, _color, _polymerFn, _htmlTag, _ironMenuBehavior) {
   "use strict";
 
-  var _templateObject_9584f6901f0511ed8cc3e9a95995ad69;
+  var _templateObject_70e57e601f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9584f6901f0511ed8cc3e9a95995ad69 || (_templateObject_9584f6901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host > ::slotted(*) {\n        display: block;\n      }\n\n      :host > ::slotted(.iron-selected) {\n        color: white;\n        background-color: var(--google-blue-500);\n      }\n    </style>\n\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_70e57e601f2611eda0c389891c227ec8 || (_templateObject_70e57e601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host > ::slotted(*) {\n        display: block;\n      }\n\n      :host > ::slotted(.iron-selected) {\n        color: white;\n        background-color: var(--google-blue-500);\n      }\n    </style>\n\n    <slot></slot>\n"]))),
     is: 'simple-menu',
     behaviors: [_ironMenuBehavior.IronMenuBehavior]
   });
diff --git a/build/es5-amd/node_modules/@polymer/iron-menu-behavior/demo/simple-menubar.js b/build/es5-amd/node_modules/@polymer/iron-menu-behavior/demo/simple-menubar.js
index d6015f32a69..2c7f080c902 100644
--- a/build/es5-amd/node_modules/@polymer/iron-menu-behavior/demo/simple-menubar.js
+++ b/build/es5-amd/node_modules/@polymer/iron-menu-behavior/demo/simple-menubar.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../paper-styles/color.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../iron-menubar-behavior.js"], function (_polymerLegacy, _color, _polymerFn, _htmlTag, _ironMenubarBehavior) {
   "use strict";
 
-  var _templateObject_9589d8901f0511ed8cc3e9a95995ad69;
+  var _templateObject_70e99d101f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9589d8901f0511ed8cc3e9a95995ad69 || (_templateObject_9589d8901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host > ::slotted(*) {\n        display: inline-block;\n      }\n\n      :host > ::slotted(.iron-selected) {\n        color: white;\n        background-color: var(--google-red-500);\n      }\n    </style>\n\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_70e99d101f2611eda0c389891c227ec8 || (_templateObject_70e99d101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host > ::slotted(*) {\n        display: inline-block;\n      }\n\n      :host > ::slotted(.iron-selected) {\n        color: white;\n        background-color: var(--google-red-500);\n      }\n    </style>\n\n    <slot></slot>\n"]))),
     is: 'simple-menubar',
     behaviors: [_ironMenubarBehavior.IronMenubarBehavior]
   });
diff --git a/build/es5-amd/node_modules/@polymer/iron-overlay-behavior/demo/simple-overlay.js b/build/es5-amd/node_modules/@polymer/iron-overlay-behavior/demo/simple-overlay.js
index f532311d2e8..6e73fe8bb6f 100644
--- a/build/es5-amd/node_modules/@polymer/iron-overlay-behavior/demo/simple-overlay.js
+++ b/build/es5-amd/node_modules/@polymer/iron-overlay-behavior/demo/simple-overlay.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../iron-overlay-behavior.js"], function (_polymerLegacy, _polymerFn, _htmlTag, _ironOverlayBehavior) {
   "use strict";
 
-  var _templateObject_958eba901f0511ed8cc3e9a95995ad69;
+  var _templateObject_70ee30f01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_958eba901f0511ed8cc3e9a95995ad69 || (_templateObject_958eba901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        background: white;\n        color: black;\n        padding: 24px;\n        box-shadow: rgba(0, 0, 0, 0.24) -2px 5px 12px 0px, rgba(0, 0, 0, 0.12) 0px 0px 12px 0px;\n      }\n    </style>\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_70ee30f01f2611eda0c389891c227ec8 || (_templateObject_70ee30f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        background: white;\n        color: black;\n        padding: 24px;\n        box-shadow: rgba(0, 0, 0, 0.24) -2px 5px 12px 0px, rgba(0, 0, 0, 0.12) 0px 0px 12px 0px;\n      }\n    </style>\n    <slot></slot>\n"]))),
     is: 'simple-overlay',
     behaviors: [_ironOverlayBehavior.IronOverlayBehavior]
   });
diff --git a/build/es5-amd/node_modules/@polymer/iron-overlay-behavior/iron-overlay-backdrop.js b/build/es5-amd/node_modules/@polymer/iron-overlay-behavior/iron-overlay-backdrop.js
index 8a9951e30bc..e7d5d939eb7 100644
--- a/build/es5-amd/node_modules/@polymer/iron-overlay-behavior/iron-overlay-backdrop.js
+++ b/build/es5-amd/node_modules/@polymer/iron-overlay-behavior/iron-overlay-backdrop.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_aa2b10c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_849886001f2611eda0c389891c227ec8;
 
   /*
   `iron-overlay-backdrop` is a backdrop used by `Polymer.IronOverlayBehavior`. It
@@ -20,7 +20,7 @@ define(["../polymer/polymer-legacy.js", "../polymer/lib/legacy/polymer-fn.js", "
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_aa2b10c01f0511ed8cc3e9a95995ad69 || (_templateObject_aa2b10c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: var(--iron-overlay-backdrop-background-color, #000);\n        opacity: 0;\n        transition: opacity 0.2s;\n        pointer-events: none;\n        @apply --iron-overlay-backdrop;\n      }\n\n      :host(.opened) {\n        opacity: var(--iron-overlay-backdrop-opacity, 0.6);\n        pointer-events: auto;\n        @apply --iron-overlay-backdrop-opened;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_849886001f2611eda0c389891c227ec8 || (_templateObject_849886001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: var(--iron-overlay-backdrop-background-color, #000);\n        opacity: 0;\n        transition: opacity 0.2s;\n        pointer-events: none;\n        @apply --iron-overlay-backdrop;\n      }\n\n      :host(.opened) {\n        opacity: var(--iron-overlay-backdrop-opacity, 0.6);\n        pointer-events: auto;\n        @apply --iron-overlay-backdrop-opened;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
     is: 'iron-overlay-backdrop',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/iron-pages/iron-pages.js b/build/es5-amd/node_modules/@polymer/iron-pages/iron-pages.js
index 383c20acc62..4fa169edf71 100644
--- a/build/es5-amd/node_modules/@polymer/iron-pages/iron-pages.js
+++ b/build/es5-amd/node_modules/@polymer/iron-pages/iron-pages.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-resizable-behavior/iron-resizable-behavior.js", "../iron-selector/iron-selectable.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironResizableBehavior, _ironSelectable, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_987bef701f0511ed8cc3e9a95995ad69;
+  var _templateObject_7396e2c01f2611eda0c389891c227ec8;
 
   /**
   `iron-pages` is used to select one of its children to show. One use is to cycle
@@ -26,7 +26,7 @@ define(["../polymer/polymer-legacy.js", "../iron-resizable-behavior/iron-resizab
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_987bef701f0511ed8cc3e9a95995ad69 || (_templateObject_987bef701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      :host > ::slotted(:not(slot):not(.iron-selected)) {\n        display: none !important;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7396e2c01f2611eda0c389891c227ec8 || (_templateObject_7396e2c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      :host > ::slotted(:not(slot):not(.iron-selected)) {\n        display: none !important;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
     is: 'iron-pages',
     behaviors: [_ironResizableBehavior.IronResizableBehavior, _ironSelectable.IronSelectableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-resizable-behavior/demo/src/x-app.js b/build/es5-amd/node_modules/@polymer/iron-resizable-behavior/demo/src/x-app.js
index b42c3706b61..9266f32a9c4 100644
--- a/build/es5-amd/node_modules/@polymer/iron-resizable-behavior/demo/src/x-app.js
+++ b/build/es5-amd/node_modules/@polymer/iron-resizable-behavior/demo/src/x-app.js
@@ -1,10 +1,10 @@
 define(["./x-puck.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../../iron-resizable-behavior.js"], function (_xPuck, _polymerFn, _htmlTag, _ironResizableBehavior) {
   "use strict";
 
-  var _templateObject_9953b1d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7479efc01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9953b1d01f0511ed8cc3e9a95995ad69 || (_templateObject_9953b1d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n    </style>\n    <x-puck></x-puck>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7479efc01f2611eda0c389891c227ec8 || (_templateObject_7479efc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n    </style>\n    <x-puck></x-puck>\n"]))),
     is: 'x-app',
     behaviors: [_ironResizableBehavior.IronResizableBehavior]
   });
diff --git a/build/es5-amd/node_modules/@polymer/iron-resizable-behavior/demo/src/x-puck.js b/build/es5-amd/node_modules/@polymer/iron-resizable-behavior/demo/src/x-puck.js
index 558e6ec1e57..a5d0c9f390d 100644
--- a/build/es5-amd/node_modules/@polymer/iron-resizable-behavior/demo/src/x-puck.js
+++ b/build/es5-amd/node_modules/@polymer/iron-resizable-behavior/demo/src/x-puck.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../../iron-resizable-behavior.js"], function (_polymerFn, _htmlTag, _ironResizableBehavior) {
   "use strict";
 
-  var _templateObject_9957f7901f0511ed8cc3e9a95995ad69;
+  var _templateObject_747d99401f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9957f7901f0511ed8cc3e9a95995ad69 || (_templateObject_9957f7901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        border: 3px solid lightblue;\n      }\n    </style>\n\n    <b>I'm a resize-aware, thirdifying puck at (<span>{{x}}</span> x <span>{{y}}</span>).</b>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_747d99401f2611eda0c389891c227ec8 || (_templateObject_747d99401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        border: 3px solid lightblue;\n      }\n    </style>\n\n    <b>I'm a resize-aware, thirdifying puck at (<span>{{x}}</span> x <span>{{y}}</span>).</b>\n  "]))),
     is: 'x-puck',
     behaviors: [_ironResizableBehavior.IronResizableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-scroll-target-behavior/demo/x-scrollable.js b/build/es5-amd/node_modules/@polymer/iron-scroll-target-behavior/demo/x-scrollable.js
index 6090334063f..f9ef1583599 100644
--- a/build/es5-amd/node_modules/@polymer/iron-scroll-target-behavior/demo/x-scrollable.js
+++ b/build/es5-amd/node_modules/@polymer/iron-scroll-target-behavior/demo/x-scrollable.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../iron-scroll-target-behavior.js"], function (_polymerLegacy, _polymerFn, _htmlTag, _ironScrollTargetBehavior) {
   "use strict";
 
-  var _templateObject_959179b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_70f07ae01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_959179b01f0511ed8cc3e9a95995ad69 || (_templateObject_959179b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        font: 14px arial;\n      }\n\n      .scrollState {\n        border-left: 1px solid #ccc;\n        border-right: 1px solid #ccc;\n        border-bottom: 1px solid #ccc;\n        font-weight: bold;\n        background-color: #eee;\n        position: fixed;\n        top: 0;\n        left: calc(50% - 100px);\n        padding: 10px;\n        width: 220px;\n        text-align: center;\n      }\n\n      .item {\n        border-bottom: 1px solid #ccc;\n        background-color: white;\n        padding: 20px;\n        width: 200%;\n      }\n\n    </style>\n    <div class=\"scrollState\">scrollTop: [[xScrollTop]] - scrollLeft: [[xScrollLeft]]</div>\n    <template is=\"dom-repeat\" items=\"[[_getItems(itemCount)]]\">\n      <div class=\"item\">[[index]]</div>\n    </template>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_70f07ae01f2611eda0c389891c227ec8 || (_templateObject_70f07ae01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        font: 14px arial;\n      }\n\n      .scrollState {\n        border-left: 1px solid #ccc;\n        border-right: 1px solid #ccc;\n        border-bottom: 1px solid #ccc;\n        font-weight: bold;\n        background-color: #eee;\n        position: fixed;\n        top: 0;\n        left: calc(50% - 100px);\n        padding: 10px;\n        width: 220px;\n        text-align: center;\n      }\n\n      .item {\n        border-bottom: 1px solid #ccc;\n        background-color: white;\n        padding: 20px;\n        width: 200%;\n      }\n\n    </style>\n    <div class=\"scrollState\">scrollTop: [[xScrollTop]] - scrollLeft: [[xScrollLeft]]</div>\n    <template is=\"dom-repeat\" items=\"[[_getItems(itemCount)]]\">\n      <div class=\"item\">[[index]]</div>\n    </template>\n"]))),
     is: 'x-scrollable',
     properties: {
       xScrollTop: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-scroll-threshold/iron-scroll-threshold.js b/build/es5-amd/node_modules/@polymer/iron-scroll-threshold/iron-scroll-threshold.js
index 5b815b5aaed..f29be2cb122 100644
--- a/build/es5-amd/node_modules/@polymer/iron-scroll-threshold/iron-scroll-threshold.js
+++ b/build/es5-amd/node_modules/@polymer/iron-scroll-threshold/iron-scroll-threshold.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-scroll-target-behavior/iron-scroll-target-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironScrollTargetBehavior, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_a53dc6201f0511ed8cc3e9a95995ad69;
+  var _templateObject_7fae48a01f2611eda0c389891c227ec8;
 
   /**
   `iron-scroll-threshold` is a utility element that listens for `scroll` events
@@ -69,7 +69,7 @@ define(["../polymer/polymer-legacy.js", "../iron-scroll-target-behavior/iron-scr
   @demo demo/document.html Document Element
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_a53dc6201f0511ed8cc3e9a95995ad69 || (_templateObject_a53dc6201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7fae48a01f2611eda0c389891c227ec8 || (_templateObject_7fae48a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
     is: 'iron-scroll-threshold',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/iron-swipeable-container/iron-swipeable-container.js b/build/es5-amd/node_modules/@polymer/iron-swipeable-container/iron-swipeable-container.js
index b2f4b6a551b..38b03ac5dbf 100644
--- a/build/es5-amd/node_modules/@polymer/iron-swipeable-container/iron-swipeable-container.js
+++ b/build/es5-amd/node_modules/@polymer/iron-swipeable-container/iron-swipeable-container.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_8ae27d701f0511ed8cc3e9a95995ad69;
+  var _templateObject_6734df501f2611eda0c389891c227ec8;
 
   /**
   `<iron-swipeable-container>` is a container that allows any of its nested
@@ -46,7 +46,7 @@ define(["../polymer/polymer-legacy.js", "../polymer/lib/legacy/polymer-fn.js", "
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_8ae27d701f0511ed8cc3e9a95995ad69 || (_templateObject_8ae27d701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <slot id=\"content\"></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6734df501f2611eda0c389891c227ec8 || (_templateObject_6734df501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <slot id=\"content\"></slot>\n"]))),
     is: 'iron-swipeable-container',
 
     /**
diff --git a/build/es5-amd/node_modules/@polymer/iron-validatable-behavior/demo/validatable-input.js b/build/es5-amd/node_modules/@polymer/iron-validatable-behavior/demo/validatable-input.js
index 2447c56fa58..8ce69fedc89 100644
--- a/build/es5-amd/node_modules/@polymer/iron-validatable-behavior/demo/validatable-input.js
+++ b/build/es5-amd/node_modules/@polymer/iron-validatable-behavior/demo/validatable-input.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../iron-validatable-behavior.js"], function (_polymerLegacy, _polymerFn, _htmlTag, _ironValidatableBehavior) {
   "use strict";
 
-  var _templateObject_95aaa7001f0511ed8cc3e9a95995ad69;
+  var _templateObject_7106e9101f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_95aaa7001f0511ed8cc3e9a95995ad69 || (_templateObject_95aaa7001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n      input {\n        padding: 0.4em;\n        font-size: 16px;\n        margin: 5px;\n        color: inherit;\n      }\n    </style>\n    <input id=\"input\">\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7106e9101f2611eda0c389891c227ec8 || (_templateObject_7106e9101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n      input {\n        padding: 0.4em;\n        font-size: 16px;\n        margin: 5px;\n        color: inherit;\n      }\n    </style>\n    <input id=\"input\">\n"]))),
     is: 'validatable-input',
     properties: {
       invalid: {
diff --git a/build/es5-amd/node_modules/@polymer/marked-element/marked-element.js b/build/es5-amd/node_modules/@polymer/marked-element/marked-element.js
index 42bf2340dff..47a924e2a9a 100644
--- a/build/es5-amd/node_modules/@polymer/marked-element/marked-element.js
+++ b/build/es5-amd/node_modules/@polymer/marked-element/marked-element.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "./marked-import.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _markedImport, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_9949c6c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_747757b01f2611eda0c389891c227ec8;
 
   /**
   Element wrapper for the [marked](https://github.com/chjj/marked) library.
@@ -81,7 +81,7 @@ define(["../polymer/polymer-legacy.js", "./marked-import.js", "../polymer/lib/le
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9949c6c01f0511ed8cc3e9a95995ad69 || (_templateObject_9949c6c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <slot name=\"markdown-html\">\n      <div id=\"content\"></div>\n    </slot>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_747757b01f2611eda0c389891c227ec8 || (_templateObject_747757b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <slot name=\"markdown-html\">\n      <div id=\"content\"></div>\n    </slot>\n  "]))),
     is: 'marked-element',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/card/x-card.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/card/x-card.js
index 1b7bd14e72c..14a4a67c467 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/card/x-card.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/card/x-card.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../iron-flex-layout/iron-flex-layout.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-shared-element-animatable-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _polymerFn, _htmlTag, _neonSharedElementAnimatableBehavior) {
   "use strict";
 
-  var _templateObject_998aa0501f0511ed8cc3e9a95995ad69;
+  var _templateObject_74a211301f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_998aa0501f0511ed8cc3e9a95995ad69 || (_templateObject_998aa0501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        overflow: hidden;\n      }\n      #placeholder {\n        opacity: 0;\n        background-color: grey;\n        @apply --layout-fit;\n      }\n    </style>\n\n    <div id=\"placeholder\"></div>\n    <div id=\"container\">\n      <slot name=\"div\"></slot>\n    </div>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74a211301f2611eda0c389891c227ec8 || (_templateObject_74a211301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        overflow: hidden;\n      }\n      #placeholder {\n        opacity: 0;\n        background-color: grey;\n        @apply --layout-fit;\n      }\n    </style>\n\n    <div id=\"placeholder\"></div>\n    <div id=\"container\">\n      <slot name=\"div\"></slot>\n    </div>\n  "]))),
     is: 'x-card',
     behaviors: [_neonSharedElementAnimatableBehavior.NeonSharedElementAnimatableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/card/x-cards-list.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/card/x-cards-list.js
index a6661b685d3..a00c7bd6a7e 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/card/x-cards-list.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/card/x-cards-list.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../iron-flex-layout/iron-flex-layout.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-shared-element-animatable-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _polymerFn, _htmlTag, _neonSharedElementAnimatableBehavior) {
   "use strict";
 
-  var _templateObject_9991a5301f0511ed8cc3e9a95995ad69;
+  var _templateObject_74a56c901f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9991a5301f0511ed8cc3e9a95995ad69 || (_templateObject_9991a5301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        overflow: hidden;\n      }\n\n      #placeholder {\n        opacity: 0;\n        background-color: grey;\n        @apply --layout-fit;\n      }\n    </style>\n\n    <div id=\"placeholder\"></div>\n    <div id=\"container\">\n      <slot name=\"div\"></slot>\n    </div>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74a56c901f2611eda0c389891c227ec8 || (_templateObject_74a56c901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        overflow: hidden;\n      }\n\n      #placeholder {\n        opacity: 0;\n        background-color: grey;\n        @apply --layout-fit;\n      }\n    </style>\n\n    <div id=\"placeholder\"></div>\n    <div id=\"container\">\n      <slot name=\"div\"></slot>\n    </div>\n  "]))),
     is: 'x-cards-list',
     behaviors: [_neonSharedElementAnimatableBehavior.NeonSharedElementAnimatableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/doc/my-animatable.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/doc/my-animatable.js
index 15c6fca0bff..3f65975e34c 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/doc/my-animatable.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/doc/my-animatable.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../animations/scale-down-animation.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-animation-runner-behavior.js"], function (_polymerLegacy, _scaleDownAnimation, _polymerFn, _htmlTag, _neonAnimationRunnerBehavior) {
   "use strict";
 
-  var _templateObject_9995eaf01f0511ed8cc3e9a95995ad69;
+  var _templateObject_74aa00701f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9995eaf01f0511ed8cc3e9a95995ad69 || (_templateObject_9995eaf01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        border-radius: 50%;\n        width: 300px;\n        height: 300px;\n        background: orange;\n      }\n    </style>\n    <slot></slot>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74aa00701f2611eda0c389891c227ec8 || (_templateObject_74aa00701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        border-radius: 50%;\n        width: 300px;\n        height: 300px;\n        background: orange;\n      }\n    </style>\n    <slot></slot>\n  "]))),
     is: 'my-animatable',
     behaviors: [_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/doc/my-dialog.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/doc/my-dialog.js
index f777a3cf72d..23962d6bb7b 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/doc/my-dialog.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/doc/my-dialog.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../paper-styles/shadow.js", "../../animations/scale-up-animation.js", "../../animations/fade-out-animation.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-animation-runner-behavior.js"], function (_polymerLegacy, _shadow, _scaleUpAnimation, _fadeOutAnimation, _polymerFn, _htmlTag, _neonAnimationRunnerBehavior) {
   "use strict";
 
-  var _templateObject_999b90401f0511ed8cc3e9a95995ad69;
+  var _templateObject_74b12c601f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_999b90401f0511ed8cc3e9a95995ad69 || (_templateObject_999b90401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n        padding: 16px;\n        background: white;\n        color: black;\n        margin: 0 auto;\n        z-index: 100;\n        position: absolute;\n        @apply --shadow-elevation-2dp;\n      }\n    </style>\n    <slot></slot>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74b12c601f2611eda0c389891c227ec8 || (_templateObject_74b12c601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n        padding: 16px;\n        background: white;\n        color: black;\n        margin: 0 auto;\n        z-index: 100;\n        position: absolute;\n        @apply --shadow-elevation-2dp;\n      }\n    </style>\n    <slot></slot>\n  "]))),
     is: 'my-dialog',
     behaviors: [_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/dropdown/animated-dropdown.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/dropdown/animated-dropdown.js
index 0a492f05083..7f6cf0806a5 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/dropdown/animated-dropdown.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/dropdown/animated-dropdown.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../paper-styles/shadow.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-animation-runner-behavior.js"], function (_polymerLegacy, _shadow, _polymerFn, _htmlTag, _neonAnimationRunnerBehavior) {
   "use strict";
 
-  var _templateObject_999d8c101f0511ed8cc3e9a95995ad69;
+  var _templateObject_74b60e601f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_999d8c101f0511ed8cc3e9a95995ad69 || (_templateObject_999d8c101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n        padding: 16px;\n        background: white;\n        color: black;\n\n        @apply --shadow-elevation-2dp;\n      }\n    </style>\n    <slot></slot>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74b60e601f2611eda0c389891c227ec8 || (_templateObject_74b60e601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n        padding: 16px;\n        background: white;\n        color: black;\n\n        @apply --shadow-elevation-2dp;\n      }\n    </style>\n    <slot></slot>\n  "]))),
     is: 'animated-dropdown',
     behaviors: [_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/grid/animated-grid.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/grid/animated-grid.js
index 2f88e744d98..062fe5604a5 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/grid/animated-grid.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/grid/animated-grid.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../paper-styles/typography.js", "../../../iron-flex-layout/iron-flex-layout.js", "../shared-styles.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/legacy/polymer.dom.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-shared-element-animatable-behavior.js"], function (_polymerLegacy, _typography, _ironFlexLayout, _sharedStyles, _polymerFn, _polymerDom, _htmlTag, _neonSharedElementAnimatableBehavior) {
   "use strict";
 
-  var _templateObject_99a0e7701f0511ed8cc3e9a95995ad69;
+  var _templateObject_74bb8ca01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_99a0e7701f0511ed8cc3e9a95995ad69 || (_templateObject_99a0e7701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"shared-styles\">\n\n      :host {\n        display: block;\n        background: #000;\n      }\n\n      .tile {\n        display: inline-block;\n        float: left;\n        vertical-align: top;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n\n        @apply --paper-font-title;\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n      }\n\n      .tile:nth-of-type(1) {\n        width: calc(100% / 3);\n        height: calc(100% / 3 * 2);\n      }\n\n      .tile:nth-of-type(4) {\n        width: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(5) {\n        width: calc(100% / 3);\n        height: calc(100% / 3 * 2);\n      }\n\n      .tile:nth-of-type(8) {\n        width: calc(100% / 3);\n        height: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(9) {\n        position: absolute;\n        top: calc(100% / 3 * 2);\n        left: 0;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(10) {\n        position: absolute;\n        top: calc(100% / 3 * 2);\n        left: calc(100% / 6);;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"[[config]]\">\n      <div item=\"[[item]]\" class$=\"[[_computeTileClass(item.color)]]\" on-click=\"_onClick\">\n        <span>[[item.value]]</span>\n      </div>\n    </template>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74bb8ca01f2611eda0c389891c227ec8 || (_templateObject_74bb8ca01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"shared-styles\">\n\n      :host {\n        display: block;\n        background: #000;\n      }\n\n      .tile {\n        display: inline-block;\n        float: left;\n        vertical-align: top;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n\n        @apply --paper-font-title;\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n      }\n\n      .tile:nth-of-type(1) {\n        width: calc(100% / 3);\n        height: calc(100% / 3 * 2);\n      }\n\n      .tile:nth-of-type(4) {\n        width: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(5) {\n        width: calc(100% / 3);\n        height: calc(100% / 3 * 2);\n      }\n\n      .tile:nth-of-type(8) {\n        width: calc(100% / 3);\n        height: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(9) {\n        position: absolute;\n        top: calc(100% / 3 * 2);\n        left: 0;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(10) {\n        position: absolute;\n        top: calc(100% / 3 * 2);\n        left: calc(100% / 6);;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"[[config]]\">\n      <div item=\"[[item]]\" class$=\"[[_computeTileClass(item.color)]]\" on-click=\"_onClick\">\n        <span>[[item.value]]</span>\n      </div>\n    </template>\n  "]))),
     is: 'animated-grid',
     behaviors: [_neonSharedElementAnimatableBehavior.NeonSharedElementAnimatableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/grid/fullsize-page-with-card.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/grid/fullsize-page-with-card.js
index b804c1fe8a1..d6cdcb44c4c 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/grid/fullsize-page-with-card.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/grid/fullsize-page-with-card.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../paper-styles/color.js", "../shared-styles.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-shared-element-animatable-behavior.js"], function (_polymerLegacy, _color, _sharedStyles, _polymerFn, _htmlTag, _neonSharedElementAnimatableBehavior) {
   "use strict";
 
-  var _templateObject_99a358701f0511ed8cc3e9a95995ad69;
+  var _templateObject_74bdfda01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_99a358701f0511ed8cc3e9a95995ad69 || (_templateObject_99a358701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"shared-styles\"></style>\n    <style>\n\n      :host {\n        display: block;\n      }\n\n      .fixed {\n        position: fixed;\n        top: 0;\n        left: 0;\n        height: 100vh;\n        width: 100vw;\n      }\n\n      .card {\n        position: relative;\n        margin: 15vh 15vw 0;\n        width: 70vw;\n        height: 70vh;\n      }\n\n    </style>\n\n    <div id=\"fixed\" class$=\"[[_computeFixedBackgroundClass(color)]]\"></div>\n    <div id=\"card\" class$=\"[[_computeCardClass(color)]]\"></div>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74bdfda01f2611eda0c389891c227ec8 || (_templateObject_74bdfda01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"shared-styles\"></style>\n    <style>\n\n      :host {\n        display: block;\n      }\n\n      .fixed {\n        position: fixed;\n        top: 0;\n        left: 0;\n        height: 100vh;\n        width: 100vw;\n      }\n\n      .card {\n        position: relative;\n        margin: 15vh 15vw 0;\n        width: 70vw;\n        height: 70vh;\n      }\n\n    </style>\n\n    <div id=\"fixed\" class$=\"[[_computeFixedBackgroundClass(color)]]\"></div>\n    <div id=\"card\" class$=\"[[_computeCardClass(color)]]\"></div>\n  "]))),
     is: 'fullsize-page-with-card',
     behaviors: [_neonSharedElementAnimatableBehavior.NeonSharedElementAnimatableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/full-view.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/full-view.js
index 207f8f548fe..a6e10f2130c 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/full-view.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/full-view.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../iron-flex-layout/iron-flex-layout.js", "../../../paper-styles/shadow.js", "../../../app-layout/app-toolbar/app-toolbar.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-animatable-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _shadow, _appToolbar, _polymerFn, _htmlTag, _neonAnimatableBehavior) {
   "use strict";
 
-  var _templateObject_99b2e8d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_74c10ae01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_99b2e8d01f0511ed8cc3e9a95995ad69 || (_templateObject_99b2e8d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-vertical;\n      }\n\n      .main {\n        background: white;\n        @apply --layout-flex;\n        @apply --layout-scroll;\n        @apply --shadow-elevation-8dp;\n      }\n\n      .image-container {\n        position: relative;\n        width: 100%;\n        padding-bottom: 100%;\n      }\n\n      .image {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        background: repeating-linear-gradient(\n          45deg,\n          #f5f5f5,\n          #f5f5f5 8px,\n          #e0e0e0 8px,\n          #e0e0e0 16px\n        );\n      }\n\n      app-toolbar {\n        color: white;\n        background-color: var(--google-blue-500);\n      }\n    </style>\n    <app-toolbar>\n      <paper-icon-button id=\"button\" icon=\"clear\" on-click=\"_onClearButtonClick\"></paper-icon-button>\n    </app-toolbar>\n\n    <div id=\"main\" class=\"main\">\n      <div class=\"image-container\">\n        <div class=\"image\">\n        </div>\n      </div>\n    </div>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74c10ae01f2611eda0c389891c227ec8 || (_templateObject_74c10ae01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-vertical;\n      }\n\n      .main {\n        background: white;\n        @apply --layout-flex;\n        @apply --layout-scroll;\n        @apply --shadow-elevation-8dp;\n      }\n\n      .image-container {\n        position: relative;\n        width: 100%;\n        padding-bottom: 100%;\n      }\n\n      .image {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        background: repeating-linear-gradient(\n          45deg,\n          #f5f5f5,\n          #f5f5f5 8px,\n          #e0e0e0 8px,\n          #e0e0e0 16px\n        );\n      }\n\n      app-toolbar {\n        color: white;\n        background-color: var(--google-blue-500);\n      }\n    </style>\n    <app-toolbar>\n      <paper-icon-button id=\"button\" icon=\"clear\" on-click=\"_onClearButtonClick\"></paper-icon-button>\n    </app-toolbar>\n\n    <div id=\"main\" class=\"main\">\n      <div class=\"image-container\">\n        <div class=\"image\">\n        </div>\n      </div>\n    </div>\n  "]))),
     is: 'full-view',
     behaviors: [_neonAnimatableBehavior.NeonAnimatableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/list-demo.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/list-demo.js
index 5a674305028..72e3bb0c831 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/list-demo.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/list-demo.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../neon-animated-pages.js", "../../neon-animations.js", "./list-view.js", "./full-view.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _neonAnimatedPages, _neonAnimations, _listView, _fullView, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_99bc37a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_74cfd7f01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_99bc37a01f0511ed8cc3e9a95995ad69 || (_templateObject_99bc37a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      neon-animated-pages {\n        height: 100%;\n      }\n    </style>\n    <neon-animated-pages id=\"pages\" selected=\"0\">\n      <list-view data=\"[[fileData]]\" on-item-click=\"_onItemClick\"></list-view>\n      <full-view on-close=\"_onClose\"></full-view>\n    </neon-animated-pages>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74cfd7f01f2611eda0c389891c227ec8 || (_templateObject_74cfd7f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      neon-animated-pages {\n        height: 100%;\n      }\n    </style>\n    <neon-animated-pages id=\"pages\" selected=\"0\">\n      <list-view data=\"[[fileData]]\" on-item-click=\"_onItemClick\"></list-view>\n      <full-view on-close=\"_onClose\"></full-view>\n    </neon-animated-pages>\n  "]))),
     is: 'list-demo',
     properties: {
       fileData: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/list-view.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/list-view.js
index 38b7e175e18..dadf25dca5d 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/list-view.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/list/list-view.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../iron-icons/iron-icons.js", "../../../iron-icon/iron-icon.js", "../../../iron-flex-layout/iron-flex-layout.js", "../../../paper-icon-button/paper-icon-button.js", "../../../paper-item/paper-item.js", "../../../paper-item/paper-item-body.js", "../../../app-layout/app-toolbar/app-toolbar.js", "../../../paper-styles/color.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/legacy/polymer.dom.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-animatable-behavior.js"], function (_polymerLegacy, _ironIcons, _ironIcon, _ironFlexLayout, _paperIconButton, _paperItem, _paperItemBody, _appToolbar, _color, _polymerFn, _polymerDom, _htmlTag, _neonAnimatableBehavior) {
   "use strict";
 
-  var _templateObject_99c119a01f0511ed8cc3e9a95995ad69;
+  var _templateObject_74d46bd01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_99c119a01f0511ed8cc3e9a95995ad69 || (_templateObject_99c119a01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-vertical;\n      }\n\n      .main {\n        @apply --layout-flex;\n        @apply --layout-scroll;\n      }\n\n      iron-icon {\n        color: var(--google-grey-500);\n      }\n\n      app-toolbar {\n        color: white;\n        background-color: var(--google-blue-500);\n      }\n    </style>\n    <app-toolbar>\n      <paper-icon-button id=\"button\" icon=\"arrow-back\"></paper-icon-button>\n    </app-toolbar>\n\n    <div class=\"main\">\n\n        <template is=\"dom-repeat\" items=\"[[data]]\">\n\n          <paper-item>\n            <paper-item-body two-line>\n              <div>[[item.fileName]]</div>\n              <div secondary>[[item.modifiedDate]]</div>\n            </paper-item-body>\n            <iron-icon icon=\"info\"></iron-icon>\n          </paper-item>\n\n        </template>\n\n    </div>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74d46bd01f2611eda0c389891c227ec8 || (_templateObject_74d46bd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-vertical;\n      }\n\n      .main {\n        @apply --layout-flex;\n        @apply --layout-scroll;\n      }\n\n      iron-icon {\n        color: var(--google-grey-500);\n      }\n\n      app-toolbar {\n        color: white;\n        background-color: var(--google-blue-500);\n      }\n    </style>\n    <app-toolbar>\n      <paper-icon-button id=\"button\" icon=\"arrow-back\"></paper-icon-button>\n    </app-toolbar>\n\n    <div class=\"main\">\n\n        <template is=\"dom-repeat\" items=\"[[data]]\">\n\n          <paper-item>\n            <paper-item-body two-line>\n              <div>[[item.fileName]]</div>\n              <div secondary>[[item.modifiedDate]]</div>\n            </paper-item-body>\n            <iron-icon icon=\"info\"></iron-icon>\n          </paper-item>\n\n        </template>\n\n    </div>\n  "]))),
     is: 'list-view',
     behaviors: [_neonAnimatableBehavior.NeonAnimatableBehavior],
     listeners: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/load/animated-grid.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/load/animated-grid.js
index 713de08b83a..dae109f546a 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/load/animated-grid.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/load/animated-grid.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../iron-flex-layout/iron-flex-layout.js", "../../../paper-styles/typography.js", "../../../paper-styles/color.js", "../shared-styles.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/legacy/polymer.dom.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-shared-element-animatable-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _typography, _color, _sharedStyles, _polymerFn, _polymerDom, _htmlTag, _neonSharedElementAnimatableBehavior) {
   "use strict";
 
-  var _templateObject_99c279301f0511ed8cc3e9a95995ad69;
+  var _templateObject_74e3ae101f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_99c279301f0511ed8cc3e9a95995ad69 || (_templateObject_99c279301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"shared-styles\">\n      :host {\n        display: block;\n        background: #000;\n      }\n\n      .tile {\n        display: inline-block;\n        float: left;\n        vertical-align: top;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n\n        @apply --paper-font-title;\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n      }\n\n      .tile:nth-of-type(1) {\n        width: calc(100% / 3);\n        height: calc(100% / 3 * 2);\n      }\n\n      .tile:nth-of-type(4) {\n        width: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(5) {\n        width: calc(100% / 3);\n        height: calc(100% / 3 * 2);\n      }\n\n      .tile:nth-of-type(8) {\n        width: calc(100% / 3);\n        height: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(9) {\n        position: absolute;\n        top: calc(100% / 3 * 2);\n        left: 0;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(10) {\n        position: absolute;\n        top: calc(100% / 3 * 2);\n        left: calc(100% / 6);;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"[[config]]\">\n      <div class$=\"[[_computeTileClass(item.color)]]\">\n        <span>[[item.value]]</span>\n      </div>\n    </template>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74e3ae101f2611eda0c389891c227ec8 || (_templateObject_74e3ae101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"shared-styles\">\n      :host {\n        display: block;\n        background: #000;\n      }\n\n      .tile {\n        display: inline-block;\n        float: left;\n        vertical-align: top;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n\n        @apply --paper-font-title;\n        @apply --layout-vertical;\n        @apply --layout-center-center;\n      }\n\n      .tile:nth-of-type(1) {\n        width: calc(100% / 3);\n        height: calc(100% / 3 * 2);\n      }\n\n      .tile:nth-of-type(4) {\n        width: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(5) {\n        width: calc(100% / 3);\n        height: calc(100% / 3 * 2);\n      }\n\n      .tile:nth-of-type(8) {\n        width: calc(100% / 3);\n        height: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(9) {\n        position: absolute;\n        top: calc(100% / 3 * 2);\n        left: 0;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n      }\n\n      .tile:nth-of-type(10) {\n        position: absolute;\n        top: calc(100% / 3 * 2);\n        left: calc(100% / 6);;\n        width: calc(100% / 6);\n        height: calc(100% / 3);\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"[[config]]\">\n      <div class$=\"[[_computeTileClass(item.color)]]\">\n        <span>[[item.value]]</span>\n      </div>\n    </template>\n  "]))),
     is: 'animated-grid',
     behaviors: [_neonSharedElementAnimatableBehavior.NeonSharedElementAnimatableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/load/full-page.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/load/full-page.js
index cfc5c5177f8..9ce9d1fb5cc 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/load/full-page.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/load/full-page.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../iron-flex-layout/iron-flex-layout.js", "../../../paper-styles/shadow.js", "./animated-grid.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-animatable-behavior.js", "../../neon-animation-runner-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _shadow, _animatedGrid, _polymerFn, _htmlTag, _neonAnimatableBehavior, _neonAnimationRunnerBehavior) {
   "use strict";
 
-  var _templateObject_99c5d4901f0511ed8cc3e9a95995ad69;
+  var _templateObject_74e4bf801f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_99c5d4901f0511ed8cc3e9a95995ad69 || (_templateObject_99c5d4901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        background: black;\n        visibility: hidden;\n        @apply --layout-vertical;\n      }\n\n      .toolbar {\n        background: #9c27b0;\n        height: 72px;\n        z-index: 1;\n        @apply --shadow-elevation-2dp;\n      }\n\n      animated-grid {\n        height: calc(100% - 72px);\n        @apply --layout-flex;\n      }\n    </style>\n\n    <div id=\"toolbar\" class=\"toolbar\"></div>\n    <animated-grid id=\"grid\"></animated-grid>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74e4bf801f2611eda0c389891c227ec8 || (_templateObject_74e4bf801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        background: black;\n        visibility: hidden;\n        @apply --layout-vertical;\n      }\n\n      .toolbar {\n        background: #9c27b0;\n        height: 72px;\n        z-index: 1;\n        @apply --shadow-elevation-2dp;\n      }\n\n      animated-grid {\n        height: calc(100% - 72px);\n        @apply --layout-flex;\n      }\n    </style>\n\n    <div id=\"toolbar\" class=\"toolbar\"></div>\n    <animated-grid id=\"grid\"></animated-grid>\n  "]))),
     is: 'full-page',
     behaviors: [_neonAnimatableBehavior.NeonAnimatableBehavior, _neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/shared-styles.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/shared-styles.js
index 63bc118028b..4ab19e4cb23 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/shared-styles.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/shared-styles.js
@@ -1,8 +1,8 @@
 define(["../../polymer/lib/utils/html-tag.js"], function (_htmlTag) {
   "use strict";
 
-  var _templateObject_96c3df301f0511ed8cc3e9a95995ad69;
+  var _templateObject_71f5b5e01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_96c3df301f0511ed8cc3e9a95995ad69 || (_templateObject_96c3df301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <dom-module id=\"shared-styles\">\n    <template>\n      <style>\n        .red-100 {\n          background: var(--google-red-100);\n        }\n\n        .yellow-100 {\n          background: var(--google-yellow-100);\n        }\n\n        .blue-100 {\n          background: var(--google-blue-100);\n        }\n\n        .green-100 {\n          background: var(--google-green-100);\n        }\n\n        .red-300 {\n          background: var(--google-red-300);\n        }\n\n        .yellow-300 {\n          background: var(--google-yellow-300);\n        }\n\n        .blue-300 {\n          background: var(--google-blue-300);\n        }\n\n        .green-300 {\n          background: var(--google-green-300);\n        }\n      </style>\n    </template>\n  </dom-module>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_71f5b5e01f2611eda0c389891c227ec8 || (_templateObject_71f5b5e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <dom-module id=\"shared-styles\">\n    <template>\n      <style>\n        .red-100 {\n          background: var(--google-red-100);\n        }\n\n        .yellow-100 {\n          background: var(--google-yellow-100);\n        }\n\n        .blue-100 {\n          background: var(--google-blue-100);\n        }\n\n        .green-100 {\n          background: var(--google-green-100);\n        }\n\n        .red-300 {\n          background: var(--google-red-300);\n        }\n\n        .yellow-300 {\n          background: var(--google-yellow-300);\n        }\n\n        .blue-300 {\n          background: var(--google-blue-300);\n        }\n\n        .green-300 {\n          background: var(--google-green-300);\n        }\n      </style>\n    </template>\n  </dom-module>\n"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/tiles/circles-page.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/tiles/circles-page.js
index bdf02b2e2ae..f13850bcf7c 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/tiles/circles-page.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/tiles/circles-page.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../iron-flex-layout/iron-flex-layout.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/legacy/polymer.dom.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-shared-element-animatable-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _polymerFn, _polymerDom, _htmlTag, _neonSharedElementAnimatableBehavior) {
   "use strict";
 
-  var _templateObject_99ca41601f0511ed8cc3e9a95995ad69;
+  var _templateObject_74de2fd01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_99ca41601f0511ed8cc3e9a95995ad69 || (_templateObject_99ca41601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n      }\n\n      .circle {\n        display: inline-block;\n        box-sizing: border-box;\n        width: 100px;\n        height: 100px;\n        margin: 16px;\n        border-radius: 50%;\n        background: var(--color-one);\n      }\n    </style>\n\n    <div>\n      <div class=\"circle\"></div>\n      <div class=\"circle\"></div>\n      <div class=\"circle\"></div>\n      <div class=\"circle\"></div>\n    </div>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74de2fd01f2611eda0c389891c227ec8 || (_templateObject_74de2fd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n      }\n\n      .circle {\n        display: inline-block;\n        box-sizing: border-box;\n        width: 100px;\n        height: 100px;\n        margin: 16px;\n        border-radius: 50%;\n        background: var(--color-one);\n      }\n    </style>\n\n    <div>\n      <div class=\"circle\"></div>\n      <div class=\"circle\"></div>\n      <div class=\"circle\"></div>\n      <div class=\"circle\"></div>\n    </div>\n  "]))),
     is: 'circles-page',
     behaviors: [_neonSharedElementAnimatableBehavior.NeonSharedElementAnimatableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/demo/tiles/squares-page.js b/build/es5-amd/node_modules/@polymer/neon-animation/demo/tiles/squares-page.js
index 5d35f4fb6d5..8e211714000 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/demo/tiles/squares-page.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/demo/tiles/squares-page.js
@@ -1,10 +1,10 @@
 define(["../../../polymer/polymer-legacy.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/legacy/polymer.dom.js", "../../../polymer/lib/utils/html-tag.js", "../../neon-shared-element-animatable-behavior.js"], function (_polymerLegacy, _polymerFn, _polymerDom, _htmlTag, _neonSharedElementAnimatableBehavior) {
   "use strict";
 
-  var _templateObject_99cf98901f0511ed8cc3e9a95995ad69;
+  var _templateObject_74e2eac01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_99cf98901f0511ed8cc3e9a95995ad69 || (_templateObject_99cf98901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      .header {\n        height: 40%;\n        background: var(--color-one);\n      }\n\n      .body {\n        text-align: center;\n        padding: 8px;\n      }\n\n      .square {\n        display: inline-block;\n        width: 150px;\n        height: 150px;\n        margin: 8px;\n        background: var(--color-two);\n      }\n    </style>\n\n    <div id=\"header\" class=\"header\"></div>\n\n    <div class=\"body\">\n      <div class=\"square\"></div>\n      <div class=\"square\"></div>\n      <div class=\"square\"></div>\n      <div class=\"square\"></div>\n    </div>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_74e2eac01f2611eda0c389891c227ec8 || (_templateObject_74e2eac01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      .header {\n        height: 40%;\n        background: var(--color-one);\n      }\n\n      .body {\n        text-align: center;\n        padding: 8px;\n      }\n\n      .square {\n        display: inline-block;\n        width: 150px;\n        height: 150px;\n        margin: 8px;\n        background: var(--color-two);\n      }\n    </style>\n\n    <div id=\"header\" class=\"header\"></div>\n\n    <div class=\"body\">\n      <div class=\"square\"></div>\n      <div class=\"square\"></div>\n      <div class=\"square\"></div>\n      <div class=\"square\"></div>\n    </div>\n  "]))),
     is: 'squares-page',
     behaviors: [_neonSharedElementAnimatableBehavior.NeonSharedElementAnimatableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/neon-animatable.js b/build/es5-amd/node_modules/@polymer/neon-animation/neon-animatable.js
index ff5b8c0e57d..5b9c539a211 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/neon-animatable.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/neon-animatable.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-resizable-behavior/iron-resizable-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./neon-animatable-behavior.js"], function (_polymerLegacy, _ironResizableBehavior, _polymerFn, _htmlTag, _neonAnimatableBehavior) {
   "use strict";
 
-  var _templateObject_902a6b301f0511ed8cc3e9a95995ad69;
+  var _templateObject_6c384a001f2611eda0c389891c227ec8;
 
   /**
   `<neon-animatable>` is a simple container element implementing
@@ -18,7 +18,7 @@ define(["../polymer/polymer-legacy.js", "../iron-resizable-behavior/iron-resizab
   ```
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_902a6b301f0511ed8cc3e9a95995ad69 || (_templateObject_902a6b301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot></slot>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_6c384a001f2611eda0c389891c227ec8 || (_templateObject_6c384a001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot></slot>\n  "]))),
     is: 'neon-animatable',
     behaviors: [_neonAnimatableBehavior.NeonAnimatableBehavior, _ironResizableBehavior.IronResizableBehavior]
   });
diff --git a/build/es5-amd/node_modules/@polymer/neon-animation/neon-animated-pages.js b/build/es5-amd/node_modules/@polymer/neon-animation/neon-animated-pages.js
index b02fcee9073..a25a0610148 100644
--- a/build/es5-amd/node_modules/@polymer/neon-animation/neon-animated-pages.js
+++ b/build/es5-amd/node_modules/@polymer/neon-animation/neon-animated-pages.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-resizable-behavior/iron-resizable-behavior.js", "../iron-selector/iron-selectable.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js", "./neon-animation-runner-behavior.js"], function (_polymerLegacy, _ironResizableBehavior, _ironSelectable, _polymerFn, _polymerDom, _htmlTag, _neonAnimationRunnerBehavior) {
   "use strict";
 
-  var _templateObject_903519901f0511ed8cc3e9a95995ad69;
+  var _templateObject_6c41bfe01f2611eda0c389891c227ec8;
 
   /**
   Material design: [Meaningful
@@ -16,7 +16,7 @@ define(["../polymer/polymer-legacy.js", "../iron-resizable-behavior/iron-resizab
   @element neon-animated-pages
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_903519901f0511ed8cc3e9a95995ad69 || (_templateObject_903519901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      :host > ::slotted(*) {\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n      }\n\n      :host > ::slotted(:not(.iron-selected):not(.neon-animating))\n       {\n        display: none !important;\n      }\n\n      :host > ::slotted(.neon-animating) {\n        pointer-events: none;\n      }\n    </style>\n\n    <slot id=\"content\"></slot>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_6c41bfe01f2611eda0c389891c227ec8 || (_templateObject_6c41bfe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      :host > ::slotted(*) {\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n      }\n\n      :host > ::slotted(:not(.iron-selected):not(.neon-animating))\n       {\n        display: none !important;\n      }\n\n      :host > ::slotted(.neon-animating) {\n        pointer-events: none;\n      }\n    </style>\n\n    <slot id=\"content\"></slot>\n  "]))),
     is: 'neon-animated-pages',
     behaviors: [_ironResizableBehavior.IronResizableBehavior, _ironSelectable.IronSelectableBehavior, _neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-badge/demo/test-button.js b/build/es5-amd/node_modules/@polymer/paper-badge/demo/test-button.js
index fcb8c9aa18b..7c9a70dc5a5 100644
--- a/build/es5-amd/node_modules/@polymer/paper-badge/demo/test-button.js
+++ b/build/es5-amd/node_modules/@polymer/paper-badge/demo/test-button.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../paper-icon-button/paper-icon-button.js", "../../iron-icons/iron-icons.js", "../../paper-styles/color.js", "../paper-badge.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _paperIconButton, _ironIcons, _color, _paperBadge, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_96d481001f0511ed8cc3e9a95995ad69;
+  var _templateObject_7204d1101f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_96d481001f0511ed8cc3e9a95995ad69 || (_templateObject_96d481001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n      }\n\n      paper-icon-button {\n        padding: 0;\n        margin: 0;\n      }\n\n      paper-badge {\n        --paper-badge-background: var(--paper-light-blue-300);\n      }\n    </style>\n\n    <paper-icon-button id=\"button\" icon=\"menu\" alt=\"menu\"></paper-icon-button>\n    <paper-badge for=\"button\" label=\"\u2660\uFE0E\"></paper-badge>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7204d1101f2611eda0c389891c227ec8 || (_templateObject_7204d1101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n      }\n\n      paper-icon-button {\n        padding: 0;\n        margin: 0;\n      }\n\n      paper-badge {\n        --paper-badge-background: var(--paper-light-blue-300);\n      }\n    </style>\n\n    <paper-icon-button id=\"button\" icon=\"menu\" alt=\"menu\"></paper-icon-button>\n    <paper-badge for=\"button\" label=\"\u2660\uFE0E\"></paper-badge>\n"]))),
     is: 'test-button'
   });
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-badge/paper-badge.js b/build/es5-amd/node_modules/@polymer/paper-badge/paper-badge.js
index 4df87f2fe93..91d448d1a37 100644
--- a/build/es5-amd/node_modules/@polymer/paper-badge/paper-badge.js
+++ b/build/es5-amd/node_modules/@polymer/paper-badge/paper-badge.js
@@ -1,7 +1,7 @@
 define(["../iron-icon/iron-icon.js", "../iron-flex-layout/iron-flex-layout.js", "../paper-styles/default-theme.js", "../paper-styles/typography.js", "../iron-resizable-behavior/iron-resizable-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_ironIcon, _ironFlexLayout, _defaultTheme, _typography, _ironResizableBehavior, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_909f4d101f0511ed8cc3e9a95995ad69;
+  var _templateObject_6ca2cba01f2611eda0c389891c227ec8;
 
   /**
   `<paper-badge>` is a circular text badge that is displayed on the top right
@@ -69,7 +69,7 @@ define(["../iron-icon/iron-icon.js", "../iron-flex-layout/iron-flex-layout.js",
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_909f4d101f0511ed8cc3e9a95995ad69 || (_templateObject_909f4d101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: absolute;\n        outline: none;\n      }\n\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      iron-icon {\n        --iron-icon-width: var(--paper-badge-icon-width, 12px);\n        --iron-icon-height: var(--paper-badge-icon-height, 12px);\n      }\n\n      .badge {\n        @apply --layout;\n        @apply --layout-center-center;\n        @apply --paper-font-common-base;\n\n        font-weight: normal;\n        font-size: 11px;\n        border-radius: 50%;\n        margin-left: var(--paper-badge-margin-left, 0px);\n        margin-bottom: var(--paper-badge-margin-bottom, 0px);\n        width: var(--paper-badge-width, 20px);\n        height: var(--paper-badge-height, 20px);\n        background-color: var(--paper-badge-background, var(--accent-color));\n        opacity: var(--paper-badge-opacity, 1.0);\n        color: var(--paper-badge-text-color, white);\n\n        @apply --paper-badge;\n      }\n    </style>\n\n    <div class=\"badge\">\n      <iron-icon hidden$=\"{{!_computeIsIconBadge(icon)}}\" icon=\"{{icon}}\"></iron-icon>\n      <span id=\"badge-text\" hidden$=\"{{_computeIsIconBadge(icon)}}\">{{label}}</span>\n    </div>\n  "], ["\n    <style>\n      :host {\n        display: block;\n        position: absolute;\n        outline: none;\n      }\n\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      iron-icon {\n        --iron-icon-width: var(--paper-badge-icon-width, 12px);\n        --iron-icon-height: var(--paper-badge-icon-height, 12px);\n      }\n\n      .badge {\n        @apply --layout;\n        @apply --layout-center-center;\n        @apply --paper-font-common-base;\n\n        font-weight: normal;\n        font-size: 11px;\n        border-radius: 50%;\n        margin-left: var(--paper-badge-margin-left, 0px);\n        margin-bottom: var(--paper-badge-margin-bottom, 0px);\n        width: var(--paper-badge-width, 20px);\n        height: var(--paper-badge-height, 20px);\n        background-color: var(--paper-badge-background, var(--accent-color));\n        opacity: var(--paper-badge-opacity, 1.0);\n        color: var(--paper-badge-text-color, white);\n\n        @apply --paper-badge;\n      }\n    </style>\n\n    <div class=\"badge\">\n      <iron-icon hidden\\$=\"{{!_computeIsIconBadge(icon)}}\" icon=\"{{icon}}\"></iron-icon>\n      <span id=\"badge-text\" hidden\\$=\"{{_computeIsIconBadge(icon)}}\">{{label}}</span>\n    </div>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_6ca2cba01f2611eda0c389891c227ec8 || (_templateObject_6ca2cba01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: absolute;\n        outline: none;\n      }\n\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      iron-icon {\n        --iron-icon-width: var(--paper-badge-icon-width, 12px);\n        --iron-icon-height: var(--paper-badge-icon-height, 12px);\n      }\n\n      .badge {\n        @apply --layout;\n        @apply --layout-center-center;\n        @apply --paper-font-common-base;\n\n        font-weight: normal;\n        font-size: 11px;\n        border-radius: 50%;\n        margin-left: var(--paper-badge-margin-left, 0px);\n        margin-bottom: var(--paper-badge-margin-bottom, 0px);\n        width: var(--paper-badge-width, 20px);\n        height: var(--paper-badge-height, 20px);\n        background-color: var(--paper-badge-background, var(--accent-color));\n        opacity: var(--paper-badge-opacity, 1.0);\n        color: var(--paper-badge-text-color, white);\n\n        @apply --paper-badge;\n      }\n    </style>\n\n    <div class=\"badge\">\n      <iron-icon hidden$=\"{{!_computeIsIconBadge(icon)}}\" icon=\"{{icon}}\"></iron-icon>\n      <span id=\"badge-text\" hidden$=\"{{_computeIsIconBadge(icon)}}\">{{label}}</span>\n    </div>\n  "], ["\n    <style>\n      :host {\n        display: block;\n        position: absolute;\n        outline: none;\n      }\n\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      iron-icon {\n        --iron-icon-width: var(--paper-badge-icon-width, 12px);\n        --iron-icon-height: var(--paper-badge-icon-height, 12px);\n      }\n\n      .badge {\n        @apply --layout;\n        @apply --layout-center-center;\n        @apply --paper-font-common-base;\n\n        font-weight: normal;\n        font-size: 11px;\n        border-radius: 50%;\n        margin-left: var(--paper-badge-margin-left, 0px);\n        margin-bottom: var(--paper-badge-margin-bottom, 0px);\n        width: var(--paper-badge-width, 20px);\n        height: var(--paper-badge-height, 20px);\n        background-color: var(--paper-badge-background, var(--accent-color));\n        opacity: var(--paper-badge-opacity, 1.0);\n        color: var(--paper-badge-text-color, white);\n\n        @apply --paper-badge;\n      }\n    </style>\n\n    <div class=\"badge\">\n      <iron-icon hidden\\$=\"{{!_computeIsIconBadge(icon)}}\" icon=\"{{icon}}\"></iron-icon>\n      <span id=\"badge-text\" hidden\\$=\"{{_computeIsIconBadge(icon)}}\">{{label}}</span>\n    </div>\n  "]))),
     is: 'paper-badge',
 
     /** @private */
diff --git a/build/es5-amd/node_modules/@polymer/paper-behaviors/demo/paper-button.js b/build/es5-amd/node_modules/@polymer/paper-behaviors/demo/paper-button.js
index c94c17af42a..3f72f156a14 100644
--- a/build/es5-amd/node_modules/@polymer/paper-behaviors/demo/paper-button.js
+++ b/build/es5-amd/node_modules/@polymer/paper-behaviors/demo/paper-button.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../paper-styles/element-styles/paper-material-styles.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../paper-button-behavior.js"], function (_polymerLegacy, _paperMaterialStyles, _polymerFn, _htmlTag, _paperButtonBehavior) {
   "use strict";
 
-  var _templateObject_9707ed101f0511ed8cc3e9a95995ad69;
+  var _templateObject_7226ff101f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9707ed101f0511ed8cc3e9a95995ad69 || (_templateObject_9707ed101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-material-styles\">\n      :host {\n        display: inline-block;\n        position: relative;\n        background-color: #4285F4;\n        color: #fff;\n        border-radius: 3px;\n        text-transform: uppercase;\n        outline: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        cursor: pointer;\n      }\n\n      .content {\n        border-radius: inherit;\n        padding: 16px;\n      }\n\n      :host([disabled]) {\n        background-color: #888;\n        pointer-events: none;\n      }\n\n      :host([active]),\n      :host([pressed]) {\n        background-color: #3367D6;\n        box-shadow: inset 0 3px 5px rgba(0,0,0,.2);\n      }\n    </style>\n\n    <!-- when using paper-material from paper-styles you must add a paper-material class -->\n    <div class=\"content paper-material\" elevation$=\"[[elevation]]\" animated>\n      <slot></slot>\n    </div>\n"], ["\n    <style include=\"paper-material-styles\">\n      :host {\n        display: inline-block;\n        position: relative;\n        background-color: #4285F4;\n        color: #fff;\n        border-radius: 3px;\n        text-transform: uppercase;\n        outline: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        cursor: pointer;\n      }\n\n      .content {\n        border-radius: inherit;\n        padding: 16px;\n      }\n\n      :host([disabled]) {\n        background-color: #888;\n        pointer-events: none;\n      }\n\n      :host([active]),\n      :host([pressed]) {\n        background-color: #3367D6;\n        box-shadow: inset 0 3px 5px rgba(0,0,0,.2);\n      }\n    </style>\n\n    <!-- when using paper-material from paper-styles you must add a paper-material class -->\n    <div class=\"content paper-material\" elevation\\$=\"[[elevation]]\" animated>\n      <slot></slot>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7226ff101f2611eda0c389891c227ec8 || (_templateObject_7226ff101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-material-styles\">\n      :host {\n        display: inline-block;\n        position: relative;\n        background-color: #4285F4;\n        color: #fff;\n        border-radius: 3px;\n        text-transform: uppercase;\n        outline: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        cursor: pointer;\n      }\n\n      .content {\n        border-radius: inherit;\n        padding: 16px;\n      }\n\n      :host([disabled]) {\n        background-color: #888;\n        pointer-events: none;\n      }\n\n      :host([active]),\n      :host([pressed]) {\n        background-color: #3367D6;\n        box-shadow: inset 0 3px 5px rgba(0,0,0,.2);\n      }\n    </style>\n\n    <!-- when using paper-material from paper-styles you must add a paper-material class -->\n    <div class=\"content paper-material\" elevation$=\"[[elevation]]\" animated>\n      <slot></slot>\n    </div>\n"], ["\n    <style include=\"paper-material-styles\">\n      :host {\n        display: inline-block;\n        position: relative;\n        background-color: #4285F4;\n        color: #fff;\n        border-radius: 3px;\n        text-transform: uppercase;\n        outline: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        cursor: pointer;\n      }\n\n      .content {\n        border-radius: inherit;\n        padding: 16px;\n      }\n\n      :host([disabled]) {\n        background-color: #888;\n        pointer-events: none;\n      }\n\n      :host([active]),\n      :host([pressed]) {\n        background-color: #3367D6;\n        box-shadow: inset 0 3px 5px rgba(0,0,0,.2);\n      }\n    </style>\n\n    <!-- when using paper-material from paper-styles you must add a paper-material class -->\n    <div class=\"content paper-material\" elevation\\$=\"[[elevation]]\" animated>\n      <slot></slot>\n    </div>\n"]))),
     is: 'paper-button',
     behaviors: [_paperButtonBehavior.PaperButtonBehavior]
   });
diff --git a/build/es5-amd/node_modules/@polymer/paper-behaviors/demo/paper-radio-button.js b/build/es5-amd/node_modules/@polymer/paper-behaviors/demo/paper-radio-button.js
index be2958e138d..8e8dd9a7319 100644
--- a/build/es5-amd/node_modules/@polymer/paper-behaviors/demo/paper-radio-button.js
+++ b/build/es5-amd/node_modules/@polymer/paper-behaviors/demo/paper-radio-button.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../paper-checked-element-behavior.js", "../paper-inky-focus-behavior.js"], function (_polymerLegacy, _polymerFn, _htmlTag, _paperCheckedElementBehavior, _paperInkyFocusBehavior) {
   "use strict";
 
-  var _templateObject_970f67201f0511ed8cc3e9a95995ad69;
+  var _templateObject_723111301f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_970f67201f0511ed8cc3e9a95995ad69 || (_templateObject_970f67201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        white-space: nowrap;\n      }\n\n      :host(:focus) {\n        outline: none\n      }\n\n      #radioContainer {\n        display: inline-block;\n        position: relative;\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n        vertical-align: middle;\n      }\n\n      #offRadio {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        width: 12px;\n        height: 12px;\n        border-radius: 50%;\n        border: solid 2px;\n        border-color: black;\n        transition: border-color 0.28s;\n      }\n\n      #onRadio {\n        position: absolute;\n        top: 4px;\n        left: 4px;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background-color: red;\n        -webkit-transform: scale(0);\n        transform: scale(0);\n        transition: -webkit-transform ease 0.28s;\n        transition: transform ease 0.28s;\n      }\n\n      :host([disabled]) {\n        opacity: 0.3;\n        pointer-events: none;\n      }\n\n      :host([pressed]) #offRadio,\n      :host([active]) #offRadio {\n        border-color: red;\n      }\n\n      :host([pressed]) #onRadio,\n      :host([active]) #onRadio {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n      }\n\n      #ink {\n        position: absolute;\n        top: -16px;\n        left: -16px;\n        width: 48px;\n        height: 48px;\n      }\n    </style>\n\n    <div id=\"radioContainer\">\n      <div id=\"offRadio\"></div>\n      <div id=\"onRadio\"></div>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_723111301f2611eda0c389891c227ec8 || (_templateObject_723111301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        white-space: nowrap;\n      }\n\n      :host(:focus) {\n        outline: none\n      }\n\n      #radioContainer {\n        display: inline-block;\n        position: relative;\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n        vertical-align: middle;\n      }\n\n      #offRadio {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        width: 12px;\n        height: 12px;\n        border-radius: 50%;\n        border: solid 2px;\n        border-color: black;\n        transition: border-color 0.28s;\n      }\n\n      #onRadio {\n        position: absolute;\n        top: 4px;\n        left: 4px;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background-color: red;\n        -webkit-transform: scale(0);\n        transform: scale(0);\n        transition: -webkit-transform ease 0.28s;\n        transition: transform ease 0.28s;\n      }\n\n      :host([disabled]) {\n        opacity: 0.3;\n        pointer-events: none;\n      }\n\n      :host([pressed]) #offRadio,\n      :host([active]) #offRadio {\n        border-color: red;\n      }\n\n      :host([pressed]) #onRadio,\n      :host([active]) #onRadio {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n      }\n\n      #ink {\n        position: absolute;\n        top: -16px;\n        left: -16px;\n        width: 48px;\n        height: 48px;\n      }\n    </style>\n\n    <div id=\"radioContainer\">\n      <div id=\"offRadio\"></div>\n      <div id=\"onRadio\"></div>\n    </div>\n"]))),
     is: 'paper-radio-button',
     behaviors: [_paperCheckedElementBehavior.PaperCheckedElementBehavior],
     hostAttributes: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-button/paper-button.js b/build/es5-amd/node_modules/@polymer/paper-button/paper-button.js
index 7bbee0f1f9b..8eb1f3e7a19 100644
--- a/build/es5-amd/node_modules/@polymer/paper-button/paper-button.js
+++ b/build/es5-amd/node_modules/@polymer/paper-button/paper-button.js
@@ -1,9 +1,9 @@
 define(["../iron-flex-layout/iron-flex-layout.js", "../paper-styles/element-styles/paper-material-styles.js", "../paper-behaviors/paper-button-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/polymer-legacy.js"], function (_ironFlexLayout, _paperMaterialStyles, _paperButtonBehavior, _polymerFn, _polymerLegacy) {
   "use strict";
 
-  var _templateObject_909191701f0511ed8cc3e9a95995ad69;
+  var _templateObject_6c94e8f01f2611eda0c389891c227ec8;
 
-  var template = (0, _polymerLegacy.html)(_templateObject_909191701f0511ed8cc3e9a95995ad69 || (_templateObject_909191701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style include=\"paper-material-styles\">\n    /* Need to specify the same specificity as the styles imported from paper-material. */\n    :host {\n      @apply --layout-inline;\n      @apply --layout-center-center;\n      position: relative;\n      box-sizing: border-box;\n      min-width: 5.14em;\n      margin: 0 0.29em;\n      background: transparent;\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      -webkit-tap-highlight-color: transparent;\n      font: inherit;\n      text-transform: uppercase;\n      outline-width: 0;\n      border-radius: 3px;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n      cursor: pointer;\n      z-index: 0;\n      padding: 0.7em 0.57em;\n\n      @apply --paper-font-common-base;\n      @apply --paper-button;\n    }\n\n    :host([elevation=\"1\"]) {\n      @apply --paper-material-elevation-1;\n    }\n\n    :host([elevation=\"2\"]) {\n      @apply --paper-material-elevation-2;\n    }\n\n    :host([elevation=\"3\"]) {\n      @apply --paper-material-elevation-3;\n    }\n\n    :host([elevation=\"4\"]) {\n      @apply --paper-material-elevation-4;\n    }\n\n    :host([elevation=\"5\"]) {\n      @apply --paper-material-elevation-5;\n    }\n\n    :host([hidden]) {\n      display: none !important;\n    }\n\n    :host([raised].keyboard-focus) {\n      font-weight: bold;\n      @apply --paper-button-raised-keyboard-focus;\n    }\n\n    :host(:not([raised]).keyboard-focus) {\n      font-weight: bold;\n      @apply --paper-button-flat-keyboard-focus;\n    }\n\n    :host([disabled]) {\n      background: none;\n      color: #a8a8a8;\n      cursor: auto;\n      pointer-events: none;\n\n      @apply --paper-button-disabled;\n    }\n\n    :host([disabled][raised]) {\n      background: #eaeaea;\n    }\n\n\n    :host([animated]) {\n      @apply --shadow-transition;\n    }\n\n    paper-ripple {\n      color: var(--paper-button-ink-color);\n    }\n  </style>\n\n  <slot></slot>"])));
+  var template = (0, _polymerLegacy.html)(_templateObject_6c94e8f01f2611eda0c389891c227ec8 || (_templateObject_6c94e8f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style include=\"paper-material-styles\">\n    /* Need to specify the same specificity as the styles imported from paper-material. */\n    :host {\n      @apply --layout-inline;\n      @apply --layout-center-center;\n      position: relative;\n      box-sizing: border-box;\n      min-width: 5.14em;\n      margin: 0 0.29em;\n      background: transparent;\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      -webkit-tap-highlight-color: transparent;\n      font: inherit;\n      text-transform: uppercase;\n      outline-width: 0;\n      border-radius: 3px;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n      cursor: pointer;\n      z-index: 0;\n      padding: 0.7em 0.57em;\n\n      @apply --paper-font-common-base;\n      @apply --paper-button;\n    }\n\n    :host([elevation=\"1\"]) {\n      @apply --paper-material-elevation-1;\n    }\n\n    :host([elevation=\"2\"]) {\n      @apply --paper-material-elevation-2;\n    }\n\n    :host([elevation=\"3\"]) {\n      @apply --paper-material-elevation-3;\n    }\n\n    :host([elevation=\"4\"]) {\n      @apply --paper-material-elevation-4;\n    }\n\n    :host([elevation=\"5\"]) {\n      @apply --paper-material-elevation-5;\n    }\n\n    :host([hidden]) {\n      display: none !important;\n    }\n\n    :host([raised].keyboard-focus) {\n      font-weight: bold;\n      @apply --paper-button-raised-keyboard-focus;\n    }\n\n    :host(:not([raised]).keyboard-focus) {\n      font-weight: bold;\n      @apply --paper-button-flat-keyboard-focus;\n    }\n\n    :host([disabled]) {\n      background: none;\n      color: #a8a8a8;\n      cursor: auto;\n      pointer-events: none;\n\n      @apply --paper-button-disabled;\n    }\n\n    :host([disabled][raised]) {\n      background: #eaeaea;\n    }\n\n\n    :host([animated]) {\n      @apply --shadow-transition;\n    }\n\n    paper-ripple {\n      color: var(--paper-button-ink-color);\n    }\n  </style>\n\n  <slot></slot>"])));
   template.setAttribute('strip-whitespace', '');
   /**
   Material design:
diff --git a/build/es5-amd/node_modules/@polymer/paper-card/paper-card.js b/build/es5-amd/node_modules/@polymer/paper-card/paper-card.js
index 940f5942d7d..1e2342c47d4 100644
--- a/build/es5-amd/node_modules/@polymer/paper-card/paper-card.js
+++ b/build/es5-amd/node_modules/@polymer/paper-card/paper-card.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../iron-image/iron-image.js", "../paper-styles/element-styles/paper-material-styles.js", "../paper-styles/default-theme.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _ironImage, _paperMaterialStyles, _defaultTheme, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_908e0f001f0511ed8cc3e9a95995ad69;
+  var _templateObject_6c8e32301f2611eda0c389891c227ec8;
 
   /**
   Material design:
@@ -50,7 +50,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_908e0f001f0511ed8cc3e9a95995ad69 || (_templateObject_908e0f001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-material-styles\">\n      :host {\n        display: inline-block;\n        position: relative;\n        box-sizing: border-box;\n        background-color: var(--paper-card-background-color, var(--primary-background-color));\n        border-radius: 2px;\n\n        @apply --paper-font-common-base;\n        @apply --paper-card;\n      }\n\n      /* IE 10 support for HTML5 hidden attr */\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      .header {\n        position: relative;\n        border-top-left-radius: inherit;\n        border-top-right-radius: inherit;\n        overflow: hidden;\n\n        @apply --paper-card-header;\n      }\n\n      .header iron-image {\n        display: block;\n        width: 100%;\n        --iron-image-width: 100%;\n        pointer-events: none;\n\n        @apply --paper-card-header-image;\n      }\n\n      .header .title-text {\n        padding: 16px;\n        font-size: 24px;\n        font-weight: 400;\n        color: var(--paper-card-header-color, #000);\n\n        @apply --paper-card-header-text;\n      }\n\n      .header .title-text.over-image {\n        position: absolute;\n        bottom: 0px;\n\n        @apply --paper-card-header-image-text;\n      }\n\n      :host ::slotted(.card-content) {\n        padding: 16px;\n        position:relative;\n\n        @apply --paper-card-content;\n      }\n\n      :host ::slotted(.card-actions) {\n        border-top: 1px solid #e8e8e8;\n        padding: 5px 16px;\n        position:relative;\n\n        @apply --paper-card-actions;\n      }\n\n      :host([elevation=\"1\"]) {\n        @apply --paper-material-elevation-1;\n      }\n\n      :host([elevation=\"2\"]) {\n        @apply --paper-material-elevation-2;\n      }\n\n      :host([elevation=\"3\"]) {\n        @apply --paper-material-elevation-3;\n      }\n\n      :host([elevation=\"4\"]) {\n        @apply --paper-material-elevation-4;\n      }\n\n      :host([elevation=\"5\"]) {\n        @apply --paper-material-elevation-5;\n      }\n    </style>\n\n    <div class=\"header\">\n      <iron-image hidden$=\"[[!image]]\" aria-hidden$=\"[[_isHidden(image)]]\" src=\"[[image]]\" alt=\"[[alt]]\" placeholder=\"[[placeholderImage]]\" preload=\"[[preloadImage]]\" fade=\"[[fadeImage]]\"></iron-image>\n      <div hidden$=\"[[!heading]]\" class$=\"title-text [[_computeHeadingClass(image)]]\">[[heading]]</div>\n    </div>\n\n    <slot></slot>\n"], ["\n    <style include=\"paper-material-styles\">\n      :host {\n        display: inline-block;\n        position: relative;\n        box-sizing: border-box;\n        background-color: var(--paper-card-background-color, var(--primary-background-color));\n        border-radius: 2px;\n\n        @apply --paper-font-common-base;\n        @apply --paper-card;\n      }\n\n      /* IE 10 support for HTML5 hidden attr */\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      .header {\n        position: relative;\n        border-top-left-radius: inherit;\n        border-top-right-radius: inherit;\n        overflow: hidden;\n\n        @apply --paper-card-header;\n      }\n\n      .header iron-image {\n        display: block;\n        width: 100%;\n        --iron-image-width: 100%;\n        pointer-events: none;\n\n        @apply --paper-card-header-image;\n      }\n\n      .header .title-text {\n        padding: 16px;\n        font-size: 24px;\n        font-weight: 400;\n        color: var(--paper-card-header-color, #000);\n\n        @apply --paper-card-header-text;\n      }\n\n      .header .title-text.over-image {\n        position: absolute;\n        bottom: 0px;\n\n        @apply --paper-card-header-image-text;\n      }\n\n      :host ::slotted(.card-content) {\n        padding: 16px;\n        position:relative;\n\n        @apply --paper-card-content;\n      }\n\n      :host ::slotted(.card-actions) {\n        border-top: 1px solid #e8e8e8;\n        padding: 5px 16px;\n        position:relative;\n\n        @apply --paper-card-actions;\n      }\n\n      :host([elevation=\"1\"]) {\n        @apply --paper-material-elevation-1;\n      }\n\n      :host([elevation=\"2\"]) {\n        @apply --paper-material-elevation-2;\n      }\n\n      :host([elevation=\"3\"]) {\n        @apply --paper-material-elevation-3;\n      }\n\n      :host([elevation=\"4\"]) {\n        @apply --paper-material-elevation-4;\n      }\n\n      :host([elevation=\"5\"]) {\n        @apply --paper-material-elevation-5;\n      }\n    </style>\n\n    <div class=\"header\">\n      <iron-image hidden\\$=\"[[!image]]\" aria-hidden\\$=\"[[_isHidden(image)]]\" src=\"[[image]]\" alt=\"[[alt]]\" placeholder=\"[[placeholderImage]]\" preload=\"[[preloadImage]]\" fade=\"[[fadeImage]]\"></iron-image>\n      <div hidden\\$=\"[[!heading]]\" class\\$=\"title-text [[_computeHeadingClass(image)]]\">[[heading]]</div>\n    </div>\n\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6c8e32301f2611eda0c389891c227ec8 || (_templateObject_6c8e32301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-material-styles\">\n      :host {\n        display: inline-block;\n        position: relative;\n        box-sizing: border-box;\n        background-color: var(--paper-card-background-color, var(--primary-background-color));\n        border-radius: 2px;\n\n        @apply --paper-font-common-base;\n        @apply --paper-card;\n      }\n\n      /* IE 10 support for HTML5 hidden attr */\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      .header {\n        position: relative;\n        border-top-left-radius: inherit;\n        border-top-right-radius: inherit;\n        overflow: hidden;\n\n        @apply --paper-card-header;\n      }\n\n      .header iron-image {\n        display: block;\n        width: 100%;\n        --iron-image-width: 100%;\n        pointer-events: none;\n\n        @apply --paper-card-header-image;\n      }\n\n      .header .title-text {\n        padding: 16px;\n        font-size: 24px;\n        font-weight: 400;\n        color: var(--paper-card-header-color, #000);\n\n        @apply --paper-card-header-text;\n      }\n\n      .header .title-text.over-image {\n        position: absolute;\n        bottom: 0px;\n\n        @apply --paper-card-header-image-text;\n      }\n\n      :host ::slotted(.card-content) {\n        padding: 16px;\n        position:relative;\n\n        @apply --paper-card-content;\n      }\n\n      :host ::slotted(.card-actions) {\n        border-top: 1px solid #e8e8e8;\n        padding: 5px 16px;\n        position:relative;\n\n        @apply --paper-card-actions;\n      }\n\n      :host([elevation=\"1\"]) {\n        @apply --paper-material-elevation-1;\n      }\n\n      :host([elevation=\"2\"]) {\n        @apply --paper-material-elevation-2;\n      }\n\n      :host([elevation=\"3\"]) {\n        @apply --paper-material-elevation-3;\n      }\n\n      :host([elevation=\"4\"]) {\n        @apply --paper-material-elevation-4;\n      }\n\n      :host([elevation=\"5\"]) {\n        @apply --paper-material-elevation-5;\n      }\n    </style>\n\n    <div class=\"header\">\n      <iron-image hidden$=\"[[!image]]\" aria-hidden$=\"[[_isHidden(image)]]\" src=\"[[image]]\" alt=\"[[alt]]\" placeholder=\"[[placeholderImage]]\" preload=\"[[preloadImage]]\" fade=\"[[fadeImage]]\"></iron-image>\n      <div hidden$=\"[[!heading]]\" class$=\"title-text [[_computeHeadingClass(image)]]\">[[heading]]</div>\n    </div>\n\n    <slot></slot>\n"], ["\n    <style include=\"paper-material-styles\">\n      :host {\n        display: inline-block;\n        position: relative;\n        box-sizing: border-box;\n        background-color: var(--paper-card-background-color, var(--primary-background-color));\n        border-radius: 2px;\n\n        @apply --paper-font-common-base;\n        @apply --paper-card;\n      }\n\n      /* IE 10 support for HTML5 hidden attr */\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      .header {\n        position: relative;\n        border-top-left-radius: inherit;\n        border-top-right-radius: inherit;\n        overflow: hidden;\n\n        @apply --paper-card-header;\n      }\n\n      .header iron-image {\n        display: block;\n        width: 100%;\n        --iron-image-width: 100%;\n        pointer-events: none;\n\n        @apply --paper-card-header-image;\n      }\n\n      .header .title-text {\n        padding: 16px;\n        font-size: 24px;\n        font-weight: 400;\n        color: var(--paper-card-header-color, #000);\n\n        @apply --paper-card-header-text;\n      }\n\n      .header .title-text.over-image {\n        position: absolute;\n        bottom: 0px;\n\n        @apply --paper-card-header-image-text;\n      }\n\n      :host ::slotted(.card-content) {\n        padding: 16px;\n        position:relative;\n\n        @apply --paper-card-content;\n      }\n\n      :host ::slotted(.card-actions) {\n        border-top: 1px solid #e8e8e8;\n        padding: 5px 16px;\n        position:relative;\n\n        @apply --paper-card-actions;\n      }\n\n      :host([elevation=\"1\"]) {\n        @apply --paper-material-elevation-1;\n      }\n\n      :host([elevation=\"2\"]) {\n        @apply --paper-material-elevation-2;\n      }\n\n      :host([elevation=\"3\"]) {\n        @apply --paper-material-elevation-3;\n      }\n\n      :host([elevation=\"4\"]) {\n        @apply --paper-material-elevation-4;\n      }\n\n      :host([elevation=\"5\"]) {\n        @apply --paper-material-elevation-5;\n      }\n    </style>\n\n    <div class=\"header\">\n      <iron-image hidden\\$=\"[[!image]]\" aria-hidden\\$=\"[[_isHidden(image)]]\" src=\"[[image]]\" alt=\"[[alt]]\" placeholder=\"[[placeholderImage]]\" preload=\"[[preloadImage]]\" fade=\"[[fadeImage]]\"></iron-image>\n      <div hidden\\$=\"[[!heading]]\" class\\$=\"title-text [[_computeHeadingClass(image)]]\">[[heading]]</div>\n    </div>\n\n    <slot></slot>\n"]))),
     is: 'paper-card',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/paper-checkbox/paper-checkbox.js b/build/es5-amd/node_modules/@polymer/paper-checkbox/paper-checkbox.js
index 92f6a37c137..c4ad759aa30 100644
--- a/build/es5-amd/node_modules/@polymer/paper-checkbox/paper-checkbox.js
+++ b/build/es5-amd/node_modules/@polymer/paper-checkbox/paper-checkbox.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "../paper-styles/default-theme.js", "../paper-behaviors/paper-checked-element-behavior.js", "../paper-behaviors/paper-inky-focus-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "../polymer/lib/utils/render-status.js"], function (_polymerLegacy, _defaultTheme, _paperCheckedElementBehavior, _paperInkyFocusBehavior, _polymerFn, _htmlTag, _renderStatus) {
   "use strict";
 
-  var _templateObject_9097abf01f0511ed8cc3e9a95995ad69;
+  var _templateObject_6c9362501f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9097abf01f0511ed8cc3e9a95995ad69 || (_templateObject_9097abf01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<style>\n  :host {\n    display: inline-block;\n    white-space: nowrap;\n    cursor: pointer;\n    --calculated-paper-checkbox-size: var(--paper-checkbox-size, 18px);\n    /* -1px is a sentinel for the default and is replaced in `attached`. */\n    --calculated-paper-checkbox-ink-size: var(--paper-checkbox-ink-size, -1px);\n    @apply --paper-font-common-base;\n    line-height: 0;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  #checkboxContainer {\n    display: inline-block;\n    position: relative;\n    width: var(--calculated-paper-checkbox-size);\n    height: var(--calculated-paper-checkbox-size);\n    min-width: var(--calculated-paper-checkbox-size);\n    margin: var(--paper-checkbox-margin, initial);\n    vertical-align: var(--paper-checkbox-vertical-align, middle);\n    background-color: var(--paper-checkbox-unchecked-background-color, transparent);\n  }\n\n  #ink {\n    position: absolute;\n\n    /* Center the ripple in the checkbox by negative offsetting it by\n     * (inkWidth - rippleWidth) / 2 */\n    top: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    left: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    width: var(--calculated-paper-checkbox-ink-size);\n    height: var(--calculated-paper-checkbox-ink-size);\n    color: var(--paper-checkbox-unchecked-ink-color, var(--primary-text-color));\n    opacity: 0.6;\n    pointer-events: none;\n  }\n\n  #ink:dir(rtl) {\n    right: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    left: auto;\n  }\n\n  #ink[checked] {\n    color: var(--paper-checkbox-checked-ink-color, var(--primary-color));\n  }\n\n  #checkbox {\n    position: relative;\n    box-sizing: border-box;\n    height: 100%;\n    border: solid 2px;\n    border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n    border-radius: 2px;\n    pointer-events: none;\n    -webkit-transition: background-color 140ms, border-color 140ms;\n    transition: background-color 140ms, border-color 140ms;\n\n    -webkit-transition-duration: var(--paper-checkbox-animation-duration, 140ms);\n    transition-duration: var(--paper-checkbox-animation-duration, 140ms);\n  }\n\n  /* checkbox checked animations */\n  #checkbox.checked #checkmark {\n    -webkit-animation: checkmark-expand 140ms ease-out forwards;\n    animation: checkmark-expand 140ms ease-out forwards;\n\n    -webkit-animation-duration: var(--paper-checkbox-animation-duration, 140ms);\n    animation-duration: var(--paper-checkbox-animation-duration, 140ms);\n  }\n\n  @-webkit-keyframes checkmark-expand {\n    0% {\n      -webkit-transform: scale(0, 0) rotate(45deg);\n    }\n    100% {\n      -webkit-transform: scale(1, 1) rotate(45deg);\n    }\n  }\n\n  @keyframes checkmark-expand {\n    0% {\n      transform: scale(0, 0) rotate(45deg);\n    }\n    100% {\n      transform: scale(1, 1) rotate(45deg);\n    }\n  }\n\n  #checkbox.checked {\n    background-color: var(--paper-checkbox-checked-color, var(--primary-color));\n    border-color: var(--paper-checkbox-checked-color, var(--primary-color));\n  }\n\n  #checkmark {\n    position: absolute;\n    width: 36%;\n    height: 70%;\n    border-style: solid;\n    border-top: none;\n    border-left: none;\n    border-right-width: calc(2/15 * var(--calculated-paper-checkbox-size));\n    border-bottom-width: calc(2/15 * var(--calculated-paper-checkbox-size));\n    border-color: var(--paper-checkbox-checkmark-color, white);\n    -webkit-transform-origin: 97% 86%;\n    transform-origin: 97% 86%;\n    box-sizing: content-box; /* protect against page-level box-sizing */\n  }\n\n  #checkmark:dir(rtl) {\n    -webkit-transform-origin: 50% 14%;\n    transform-origin: 50% 14%;\n  }\n\n  /* label */\n  #checkboxLabel {\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    padding-left: var(--paper-checkbox-label-spacing, 8px);\n    white-space: normal;\n    line-height: normal;\n    color: var(--paper-checkbox-label-color, var(--primary-text-color));\n    @apply --paper-checkbox-label;\n  }\n\n  :host([checked]) #checkboxLabel {\n    color: var(--paper-checkbox-label-checked-color, var(--paper-checkbox-label-color, var(--primary-text-color)));\n    @apply --paper-checkbox-label-checked;\n  }\n\n  #checkboxLabel:dir(rtl) {\n    padding-right: var(--paper-checkbox-label-spacing, 8px);\n    padding-left: 0;\n  }\n\n  #checkboxLabel[hidden] {\n    display: none;\n  }\n\n  /* disabled state */\n\n  :host([disabled]) #checkbox {\n    opacity: 0.5;\n    border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n  }\n\n  :host([disabled][checked]) #checkbox {\n    background-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n    opacity: 0.5;\n  }\n\n  :host([disabled]) #checkboxLabel  {\n    opacity: 0.65;\n  }\n\n  /* invalid state */\n  #checkbox.invalid:not(.checked) {\n    border-color: var(--paper-checkbox-error-color, var(--error-color));\n  }\n</style>\n\n<div id=\"checkboxContainer\">\n  <div id=\"checkbox\" class$=\"[[_computeCheckboxClass(checked, invalid)]]\">\n    <div id=\"checkmark\" class$=\"[[_computeCheckmarkClass(checked)]]\"></div>\n  </div>\n</div>\n\n<div id=\"checkboxLabel\"><slot></slot></div>"], ["<style>\n  :host {\n    display: inline-block;\n    white-space: nowrap;\n    cursor: pointer;\n    --calculated-paper-checkbox-size: var(--paper-checkbox-size, 18px);\n    /* -1px is a sentinel for the default and is replaced in \\`attached\\`. */\n    --calculated-paper-checkbox-ink-size: var(--paper-checkbox-ink-size, -1px);\n    @apply --paper-font-common-base;\n    line-height: 0;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  #checkboxContainer {\n    display: inline-block;\n    position: relative;\n    width: var(--calculated-paper-checkbox-size);\n    height: var(--calculated-paper-checkbox-size);\n    min-width: var(--calculated-paper-checkbox-size);\n    margin: var(--paper-checkbox-margin, initial);\n    vertical-align: var(--paper-checkbox-vertical-align, middle);\n    background-color: var(--paper-checkbox-unchecked-background-color, transparent);\n  }\n\n  #ink {\n    position: absolute;\n\n    /* Center the ripple in the checkbox by negative offsetting it by\n     * (inkWidth - rippleWidth) / 2 */\n    top: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    left: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    width: var(--calculated-paper-checkbox-ink-size);\n    height: var(--calculated-paper-checkbox-ink-size);\n    color: var(--paper-checkbox-unchecked-ink-color, var(--primary-text-color));\n    opacity: 0.6;\n    pointer-events: none;\n  }\n\n  #ink:dir(rtl) {\n    right: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    left: auto;\n  }\n\n  #ink[checked] {\n    color: var(--paper-checkbox-checked-ink-color, var(--primary-color));\n  }\n\n  #checkbox {\n    position: relative;\n    box-sizing: border-box;\n    height: 100%;\n    border: solid 2px;\n    border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n    border-radius: 2px;\n    pointer-events: none;\n    -webkit-transition: background-color 140ms, border-color 140ms;\n    transition: background-color 140ms, border-color 140ms;\n\n    -webkit-transition-duration: var(--paper-checkbox-animation-duration, 140ms);\n    transition-duration: var(--paper-checkbox-animation-duration, 140ms);\n  }\n\n  /* checkbox checked animations */\n  #checkbox.checked #checkmark {\n    -webkit-animation: checkmark-expand 140ms ease-out forwards;\n    animation: checkmark-expand 140ms ease-out forwards;\n\n    -webkit-animation-duration: var(--paper-checkbox-animation-duration, 140ms);\n    animation-duration: var(--paper-checkbox-animation-duration, 140ms);\n  }\n\n  @-webkit-keyframes checkmark-expand {\n    0% {\n      -webkit-transform: scale(0, 0) rotate(45deg);\n    }\n    100% {\n      -webkit-transform: scale(1, 1) rotate(45deg);\n    }\n  }\n\n  @keyframes checkmark-expand {\n    0% {\n      transform: scale(0, 0) rotate(45deg);\n    }\n    100% {\n      transform: scale(1, 1) rotate(45deg);\n    }\n  }\n\n  #checkbox.checked {\n    background-color: var(--paper-checkbox-checked-color, var(--primary-color));\n    border-color: var(--paper-checkbox-checked-color, var(--primary-color));\n  }\n\n  #checkmark {\n    position: absolute;\n    width: 36%;\n    height: 70%;\n    border-style: solid;\n    border-top: none;\n    border-left: none;\n    border-right-width: calc(2/15 * var(--calculated-paper-checkbox-size));\n    border-bottom-width: calc(2/15 * var(--calculated-paper-checkbox-size));\n    border-color: var(--paper-checkbox-checkmark-color, white);\n    -webkit-transform-origin: 97% 86%;\n    transform-origin: 97% 86%;\n    box-sizing: content-box; /* protect against page-level box-sizing */\n  }\n\n  #checkmark:dir(rtl) {\n    -webkit-transform-origin: 50% 14%;\n    transform-origin: 50% 14%;\n  }\n\n  /* label */\n  #checkboxLabel {\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    padding-left: var(--paper-checkbox-label-spacing, 8px);\n    white-space: normal;\n    line-height: normal;\n    color: var(--paper-checkbox-label-color, var(--primary-text-color));\n    @apply --paper-checkbox-label;\n  }\n\n  :host([checked]) #checkboxLabel {\n    color: var(--paper-checkbox-label-checked-color, var(--paper-checkbox-label-color, var(--primary-text-color)));\n    @apply --paper-checkbox-label-checked;\n  }\n\n  #checkboxLabel:dir(rtl) {\n    padding-right: var(--paper-checkbox-label-spacing, 8px);\n    padding-left: 0;\n  }\n\n  #checkboxLabel[hidden] {\n    display: none;\n  }\n\n  /* disabled state */\n\n  :host([disabled]) #checkbox {\n    opacity: 0.5;\n    border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n  }\n\n  :host([disabled][checked]) #checkbox {\n    background-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n    opacity: 0.5;\n  }\n\n  :host([disabled]) #checkboxLabel  {\n    opacity: 0.65;\n  }\n\n  /* invalid state */\n  #checkbox.invalid:not(.checked) {\n    border-color: var(--paper-checkbox-error-color, var(--error-color));\n  }\n</style>\n\n<div id=\"checkboxContainer\">\n  <div id=\"checkbox\" class$=\"[[_computeCheckboxClass(checked, invalid)]]\">\n    <div id=\"checkmark\" class$=\"[[_computeCheckmarkClass(checked)]]\"></div>\n  </div>\n</div>\n\n<div id=\"checkboxLabel\"><slot></slot></div>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6c9362501f2611eda0c389891c227ec8 || (_templateObject_6c9362501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<style>\n  :host {\n    display: inline-block;\n    white-space: nowrap;\n    cursor: pointer;\n    --calculated-paper-checkbox-size: var(--paper-checkbox-size, 18px);\n    /* -1px is a sentinel for the default and is replaced in `attached`. */\n    --calculated-paper-checkbox-ink-size: var(--paper-checkbox-ink-size, -1px);\n    @apply --paper-font-common-base;\n    line-height: 0;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  #checkboxContainer {\n    display: inline-block;\n    position: relative;\n    width: var(--calculated-paper-checkbox-size);\n    height: var(--calculated-paper-checkbox-size);\n    min-width: var(--calculated-paper-checkbox-size);\n    margin: var(--paper-checkbox-margin, initial);\n    vertical-align: var(--paper-checkbox-vertical-align, middle);\n    background-color: var(--paper-checkbox-unchecked-background-color, transparent);\n  }\n\n  #ink {\n    position: absolute;\n\n    /* Center the ripple in the checkbox by negative offsetting it by\n     * (inkWidth - rippleWidth) / 2 */\n    top: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    left: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    width: var(--calculated-paper-checkbox-ink-size);\n    height: var(--calculated-paper-checkbox-ink-size);\n    color: var(--paper-checkbox-unchecked-ink-color, var(--primary-text-color));\n    opacity: 0.6;\n    pointer-events: none;\n  }\n\n  #ink:dir(rtl) {\n    right: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    left: auto;\n  }\n\n  #ink[checked] {\n    color: var(--paper-checkbox-checked-ink-color, var(--primary-color));\n  }\n\n  #checkbox {\n    position: relative;\n    box-sizing: border-box;\n    height: 100%;\n    border: solid 2px;\n    border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n    border-radius: 2px;\n    pointer-events: none;\n    -webkit-transition: background-color 140ms, border-color 140ms;\n    transition: background-color 140ms, border-color 140ms;\n\n    -webkit-transition-duration: var(--paper-checkbox-animation-duration, 140ms);\n    transition-duration: var(--paper-checkbox-animation-duration, 140ms);\n  }\n\n  /* checkbox checked animations */\n  #checkbox.checked #checkmark {\n    -webkit-animation: checkmark-expand 140ms ease-out forwards;\n    animation: checkmark-expand 140ms ease-out forwards;\n\n    -webkit-animation-duration: var(--paper-checkbox-animation-duration, 140ms);\n    animation-duration: var(--paper-checkbox-animation-duration, 140ms);\n  }\n\n  @-webkit-keyframes checkmark-expand {\n    0% {\n      -webkit-transform: scale(0, 0) rotate(45deg);\n    }\n    100% {\n      -webkit-transform: scale(1, 1) rotate(45deg);\n    }\n  }\n\n  @keyframes checkmark-expand {\n    0% {\n      transform: scale(0, 0) rotate(45deg);\n    }\n    100% {\n      transform: scale(1, 1) rotate(45deg);\n    }\n  }\n\n  #checkbox.checked {\n    background-color: var(--paper-checkbox-checked-color, var(--primary-color));\n    border-color: var(--paper-checkbox-checked-color, var(--primary-color));\n  }\n\n  #checkmark {\n    position: absolute;\n    width: 36%;\n    height: 70%;\n    border-style: solid;\n    border-top: none;\n    border-left: none;\n    border-right-width: calc(2/15 * var(--calculated-paper-checkbox-size));\n    border-bottom-width: calc(2/15 * var(--calculated-paper-checkbox-size));\n    border-color: var(--paper-checkbox-checkmark-color, white);\n    -webkit-transform-origin: 97% 86%;\n    transform-origin: 97% 86%;\n    box-sizing: content-box; /* protect against page-level box-sizing */\n  }\n\n  #checkmark:dir(rtl) {\n    -webkit-transform-origin: 50% 14%;\n    transform-origin: 50% 14%;\n  }\n\n  /* label */\n  #checkboxLabel {\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    padding-left: var(--paper-checkbox-label-spacing, 8px);\n    white-space: normal;\n    line-height: normal;\n    color: var(--paper-checkbox-label-color, var(--primary-text-color));\n    @apply --paper-checkbox-label;\n  }\n\n  :host([checked]) #checkboxLabel {\n    color: var(--paper-checkbox-label-checked-color, var(--paper-checkbox-label-color, var(--primary-text-color)));\n    @apply --paper-checkbox-label-checked;\n  }\n\n  #checkboxLabel:dir(rtl) {\n    padding-right: var(--paper-checkbox-label-spacing, 8px);\n    padding-left: 0;\n  }\n\n  #checkboxLabel[hidden] {\n    display: none;\n  }\n\n  /* disabled state */\n\n  :host([disabled]) #checkbox {\n    opacity: 0.5;\n    border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n  }\n\n  :host([disabled][checked]) #checkbox {\n    background-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n    opacity: 0.5;\n  }\n\n  :host([disabled]) #checkboxLabel  {\n    opacity: 0.65;\n  }\n\n  /* invalid state */\n  #checkbox.invalid:not(.checked) {\n    border-color: var(--paper-checkbox-error-color, var(--error-color));\n  }\n</style>\n\n<div id=\"checkboxContainer\">\n  <div id=\"checkbox\" class$=\"[[_computeCheckboxClass(checked, invalid)]]\">\n    <div id=\"checkmark\" class$=\"[[_computeCheckmarkClass(checked)]]\"></div>\n  </div>\n</div>\n\n<div id=\"checkboxLabel\"><slot></slot></div>"], ["<style>\n  :host {\n    display: inline-block;\n    white-space: nowrap;\n    cursor: pointer;\n    --calculated-paper-checkbox-size: var(--paper-checkbox-size, 18px);\n    /* -1px is a sentinel for the default and is replaced in \\`attached\\`. */\n    --calculated-paper-checkbox-ink-size: var(--paper-checkbox-ink-size, -1px);\n    @apply --paper-font-common-base;\n    line-height: 0;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  #checkboxContainer {\n    display: inline-block;\n    position: relative;\n    width: var(--calculated-paper-checkbox-size);\n    height: var(--calculated-paper-checkbox-size);\n    min-width: var(--calculated-paper-checkbox-size);\n    margin: var(--paper-checkbox-margin, initial);\n    vertical-align: var(--paper-checkbox-vertical-align, middle);\n    background-color: var(--paper-checkbox-unchecked-background-color, transparent);\n  }\n\n  #ink {\n    position: absolute;\n\n    /* Center the ripple in the checkbox by negative offsetting it by\n     * (inkWidth - rippleWidth) / 2 */\n    top: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    left: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    width: var(--calculated-paper-checkbox-ink-size);\n    height: var(--calculated-paper-checkbox-ink-size);\n    color: var(--paper-checkbox-unchecked-ink-color, var(--primary-text-color));\n    opacity: 0.6;\n    pointer-events: none;\n  }\n\n  #ink:dir(rtl) {\n    right: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);\n    left: auto;\n  }\n\n  #ink[checked] {\n    color: var(--paper-checkbox-checked-ink-color, var(--primary-color));\n  }\n\n  #checkbox {\n    position: relative;\n    box-sizing: border-box;\n    height: 100%;\n    border: solid 2px;\n    border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n    border-radius: 2px;\n    pointer-events: none;\n    -webkit-transition: background-color 140ms, border-color 140ms;\n    transition: background-color 140ms, border-color 140ms;\n\n    -webkit-transition-duration: var(--paper-checkbox-animation-duration, 140ms);\n    transition-duration: var(--paper-checkbox-animation-duration, 140ms);\n  }\n\n  /* checkbox checked animations */\n  #checkbox.checked #checkmark {\n    -webkit-animation: checkmark-expand 140ms ease-out forwards;\n    animation: checkmark-expand 140ms ease-out forwards;\n\n    -webkit-animation-duration: var(--paper-checkbox-animation-duration, 140ms);\n    animation-duration: var(--paper-checkbox-animation-duration, 140ms);\n  }\n\n  @-webkit-keyframes checkmark-expand {\n    0% {\n      -webkit-transform: scale(0, 0) rotate(45deg);\n    }\n    100% {\n      -webkit-transform: scale(1, 1) rotate(45deg);\n    }\n  }\n\n  @keyframes checkmark-expand {\n    0% {\n      transform: scale(0, 0) rotate(45deg);\n    }\n    100% {\n      transform: scale(1, 1) rotate(45deg);\n    }\n  }\n\n  #checkbox.checked {\n    background-color: var(--paper-checkbox-checked-color, var(--primary-color));\n    border-color: var(--paper-checkbox-checked-color, var(--primary-color));\n  }\n\n  #checkmark {\n    position: absolute;\n    width: 36%;\n    height: 70%;\n    border-style: solid;\n    border-top: none;\n    border-left: none;\n    border-right-width: calc(2/15 * var(--calculated-paper-checkbox-size));\n    border-bottom-width: calc(2/15 * var(--calculated-paper-checkbox-size));\n    border-color: var(--paper-checkbox-checkmark-color, white);\n    -webkit-transform-origin: 97% 86%;\n    transform-origin: 97% 86%;\n    box-sizing: content-box; /* protect against page-level box-sizing */\n  }\n\n  #checkmark:dir(rtl) {\n    -webkit-transform-origin: 50% 14%;\n    transform-origin: 50% 14%;\n  }\n\n  /* label */\n  #checkboxLabel {\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    padding-left: var(--paper-checkbox-label-spacing, 8px);\n    white-space: normal;\n    line-height: normal;\n    color: var(--paper-checkbox-label-color, var(--primary-text-color));\n    @apply --paper-checkbox-label;\n  }\n\n  :host([checked]) #checkboxLabel {\n    color: var(--paper-checkbox-label-checked-color, var(--paper-checkbox-label-color, var(--primary-text-color)));\n    @apply --paper-checkbox-label-checked;\n  }\n\n  #checkboxLabel:dir(rtl) {\n    padding-right: var(--paper-checkbox-label-spacing, 8px);\n    padding-left: 0;\n  }\n\n  #checkboxLabel[hidden] {\n    display: none;\n  }\n\n  /* disabled state */\n\n  :host([disabled]) #checkbox {\n    opacity: 0.5;\n    border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n  }\n\n  :host([disabled][checked]) #checkbox {\n    background-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));\n    opacity: 0.5;\n  }\n\n  :host([disabled]) #checkboxLabel  {\n    opacity: 0.65;\n  }\n\n  /* invalid state */\n  #checkbox.invalid:not(.checked) {\n    border-color: var(--paper-checkbox-error-color, var(--error-color));\n  }\n</style>\n\n<div id=\"checkboxContainer\">\n  <div id=\"checkbox\" class$=\"[[_computeCheckboxClass(checked, invalid)]]\">\n    <div id=\"checkmark\" class$=\"[[_computeCheckmarkClass(checked)]]\"></div>\n  </div>\n</div>\n\n<div id=\"checkboxLabel\"><slot></slot></div>"])));
   template.setAttribute('strip-whitespace', '');
   /**
   Material design:
diff --git a/build/es5-amd/node_modules/@polymer/paper-dialog-behavior/demo/simple-dialog.js b/build/es5-amd/node_modules/@polymer/paper-dialog-behavior/demo/simple-dialog.js
index 138c50cdcc0..2383e19d876 100644
--- a/build/es5-amd/node_modules/@polymer/paper-dialog-behavior/demo/simple-dialog.js
+++ b/build/es5-amd/node_modules/@polymer/paper-dialog-behavior/demo/simple-dialog.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../paper-dialog-shared-styles.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../paper-dialog-behavior.js"], function (_polymerLegacy, _paperDialogSharedStyles, _polymerFn, _htmlTag, _paperDialogBehavior) {
   "use strict";
 
-  var _templateObject_9710c6b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7237a0e01f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9710c6b01f0511ed8cc3e9a95995ad69 || (_templateObject_9710c6b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dialog-shared-styles\"></style>\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7237a0e01f2611eda0c389891c227ec8 || (_templateObject_7237a0e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dialog-shared-styles\"></style>\n    <slot></slot>\n"]))),
     is: 'simple-dialog',
     behaviors: [_paperDialogBehavior.PaperDialogBehavior]
   });
diff --git a/build/es5-amd/node_modules/@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js b/build/es5-amd/node_modules/@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js
index 5445fc4ef19..f0242618159 100644
--- a/build/es5-amd/node_modules/@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js
+++ b/build/es5-amd/node_modules/@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../paper-styles/default-theme.js", "../paper-dialog-behavior/paper-dialog-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _defaultTheme, _paperDialogBehavior, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_90b2ae001f0511ed8cc3e9a95995ad69;
+  var _templateObject_6caf9ce01f2611eda0c389891c227ec8;
 
   /**
   Material design:
@@ -63,7 +63,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
   @hero hero.svg
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_90b2ae001f0511ed8cc3e9a95995ad69 || (_templateObject_90b2ae001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        display: block;\n        @apply --layout-relative;\n      }\n\n      :host(.is-scrolled:not(:first-child))::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 1px;\n        background: var(--divider-color);\n      }\n\n      :host(.can-scroll:not(.scrolled-to-bottom):not(:last-child))::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 1px;\n        background: var(--divider-color);\n      }\n\n      .scrollable {\n        padding: 0 24px;\n\n        @apply --layout-scroll;\n        @apply --paper-dialog-scrollable;\n      }\n\n      .fit {\n        @apply --layout-fit;\n      }\n    </style>\n\n    <div id=\"scrollable\" class=\"scrollable\" on-scroll=\"updateScrollState\">\n      <slot></slot>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6caf9ce01f2611eda0c389891c227ec8 || (_templateObject_6caf9ce01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n      :host {\n        display: block;\n        @apply --layout-relative;\n      }\n\n      :host(.is-scrolled:not(:first-child))::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 1px;\n        background: var(--divider-color);\n      }\n\n      :host(.can-scroll:not(.scrolled-to-bottom):not(:last-child))::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 1px;\n        background: var(--divider-color);\n      }\n\n      .scrollable {\n        padding: 0 24px;\n\n        @apply --layout-scroll;\n        @apply --paper-dialog-scrollable;\n      }\n\n      .fit {\n        @apply --layout-fit;\n      }\n    </style>\n\n    <div id=\"scrollable\" class=\"scrollable\" on-scroll=\"updateScrollState\">\n      <slot></slot>\n    </div>\n"]))),
     is: 'paper-dialog-scrollable',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/paper-dialog/paper-dialog.js b/build/es5-amd/node_modules/@polymer/paper-dialog/paper-dialog.js
index 8390daf9dd9..6ac41054fb8 100644
--- a/build/es5-amd/node_modules/@polymer/paper-dialog/paper-dialog.js
+++ b/build/es5-amd/node_modules/@polymer/paper-dialog/paper-dialog.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../paper-dialog-behavior/paper-dialog-shared-styles.js", "../neon-animation/neon-animation-runner-behavior.js", "../paper-dialog-behavior/paper-dialog-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _paperDialogSharedStyles, _neonAnimationRunnerBehavior, _paperDialogBehavior, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_964e61101f0511ed8cc3e9a95995ad69;
+  var _templateObject_7191eb001f2611eda0c389891c227ec8;
 
   /**
   Material design:
@@ -66,7 +66,7 @@ define(["../polymer/polymer-legacy.js", "../paper-dialog-behavior/paper-dialog-s
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_964e61101f0511ed8cc3e9a95995ad69 || (_templateObject_964e61101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dialog-shared-styles\"></style>\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7191eb001f2611eda0c389891c227ec8 || (_templateObject_7191eb001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dialog-shared-styles\"></style>\n    <slot></slot>\n"]))),
     is: 'paper-dialog',
     behaviors: [_paperDialogBehavior.PaperDialogBehavior, _neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     listeners: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-drawer-panel/paper-drawer-panel.js b/build/es5-amd/node_modules/@polymer/paper-drawer-panel/paper-drawer-panel.js
index c59cca85c0e..294bedf6416 100644
--- a/build/es5-amd/node_modules/@polymer/paper-drawer-panel/paper-drawer-panel.js
+++ b/build/es5-amd/node_modules/@polymer/paper-drawer-panel/paper-drawer-panel.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-media-query/iron-media-query.js", "../iron-selector/iron-selector.js", "../iron-resizable-behavior/iron-resizable-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironMediaQuery, _ironSelector, _ironResizableBehavior, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_90ba01001f0511ed8cc3e9a95995ad69;
+  var _templateObject_6cb62c901f2611eda0c389891c227ec8;
 
   // this would be the only `paper-drawer-panel` in
   // the whole app that can be in `dragging` state
@@ -118,7 +118,7 @@ define(["../polymer/polymer-legacy.js", "../iron-media-query/iron-media-query.js
 
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_90ba01001f0511ed8cc3e9a95995ad69 || (_templateObject_90ba01001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n      }\n\n      #drawer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100%;\n        background-color: white;\n        -moz-box-sizing: border-box;\n        box-sizing: border-box;\n        @apply --paper-drawer-panel-drawer-container;\n      }\n\n      .transition-drawer {\n        transition: -webkit-transform ease-in-out 0.3s, width ease-in-out 0.3s, visibility 0.3s;\n        transition: transform ease-in-out 0.3s, width ease-in-out 0.3s, visibility 0.3s;\n      }\n\n      .left-drawer > #drawer {\n        @apply --paper-drawer-panel-left-drawer-container;\n      }\n\n      .right-drawer > #drawer {\n        left: auto;\n        right: 0;\n        @apply --paper-drawer-panel-right-drawer-container;\n      }\n\n      #main {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        @apply --paper-drawer-panel-main-container;\n      }\n\n      .transition > #main {\n        transition: left ease-in-out 0.3s, padding ease-in-out 0.3s;\n      }\n\n      .right-drawer > #main {\n        left: 0;\n      }\n\n      .right-drawer.transition > #main {\n        transition: right ease-in-out 0.3s, padding ease-in-out 0.3s;\n      }\n\n      #main > ::slotted(*) {\n        height: 100%;\n      }\n\n      #drawer > ::slotted(*) {\n        height: 100%;\n      }\n\n      #scrim {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        visibility: hidden;\n        opacity: 0;\n        transition: opacity ease-in-out 0.38s, visibility ease-in-out 0.38s;\n        background-color: rgba(0, 0, 0, 0.3);\n        @apply --paper-drawer-panel-scrim;\n      }\n\n      .narrow-layout > #drawer {\n        will-change: transform;\n      }\n\n      .narrow-layout > #drawer.iron-selected {\n        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);\n      }\n\n      .right-drawer.narrow-layout > #drawer.iron-selected {\n        box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);\n      }\n\n      .narrow-layout > #drawer > ::slotted(*) {\n        border: 0;\n      }\n\n      .left-drawer.narrow-layout > #drawer:not(.iron-selected) {\n        visibility: hidden;\n        -webkit-transform: translateX(-100%);\n        transform: translateX(-100%);\n      }\n\n      .right-drawer.narrow-layout > #drawer:not(.iron-selected) {\n        left: auto;\n        visibility: hidden;\n        -webkit-transform: translateX(100%);\n        transform: translateX(100%);\n      }\n\n      .left-drawer.dragging > #drawer:not(.iron-selected),\n      .left-drawer.peeking > #drawer:not(.iron-selected),\n      .right-drawer.dragging > #drawer:not(.iron-selected),\n      .right-drawer.peeking > #drawer:not(.iron-selected) {\n        visibility: visible;\n      }\n\n      .narrow-layout > #main {\n        padding: 0;\n      }\n\n      .right-drawer.narrow-layout > #main {\n        left: 0;\n        right: 0;\n      }\n\n      .narrow-layout > #main:not(.iron-selected) > #scrim,\n      .dragging > #main > #scrim {\n        visibility: visible;\n        opacity: var(--paper-drawer-panel-scrim-opacity, 1);\n      }\n\n      .narrow-layout > #main > * {\n        margin: 0;\n        min-height: 100%;\n        left: 0;\n        right: 0;\n        -moz-box-sizing: border-box;\n        box-sizing: border-box;\n      }\n    </style>\n\n    <iron-media-query id=\"mq\" on-query-matches-changed=\"_onQueryMatchesChanged\" query=\"[[_computeMediaQuery(forceNarrow, responsiveWidth)]]\">\n    </iron-media-query>\n\n    <iron-selector attr-for-selected=\"id\" class$=\"[[_computeIronSelectorClass(narrow, _transition, dragging, rightDrawer, peeking)]]\" on-transitionend=\"_onTransitionEnd\" activate-event selected=\"[[selected]]\">\n\n      <div id=\"main\">\n        <slot name=\"main\"></slot>\n        <div id=\"scrim\" on-tap=\"closeDrawer\"></div>\n      </div>\n\n      <div id=\"drawer\">\n        <slot id=\"drawerSlot\" name=\"drawer\"></slot>\n      </div>\n\n    </iron-selector>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6cb62c901f2611eda0c389891c227ec8 || (_templateObject_6cb62c901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n      }\n\n      #drawer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100%;\n        background-color: white;\n        -moz-box-sizing: border-box;\n        box-sizing: border-box;\n        @apply --paper-drawer-panel-drawer-container;\n      }\n\n      .transition-drawer {\n        transition: -webkit-transform ease-in-out 0.3s, width ease-in-out 0.3s, visibility 0.3s;\n        transition: transform ease-in-out 0.3s, width ease-in-out 0.3s, visibility 0.3s;\n      }\n\n      .left-drawer > #drawer {\n        @apply --paper-drawer-panel-left-drawer-container;\n      }\n\n      .right-drawer > #drawer {\n        left: auto;\n        right: 0;\n        @apply --paper-drawer-panel-right-drawer-container;\n      }\n\n      #main {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        @apply --paper-drawer-panel-main-container;\n      }\n\n      .transition > #main {\n        transition: left ease-in-out 0.3s, padding ease-in-out 0.3s;\n      }\n\n      .right-drawer > #main {\n        left: 0;\n      }\n\n      .right-drawer.transition > #main {\n        transition: right ease-in-out 0.3s, padding ease-in-out 0.3s;\n      }\n\n      #main > ::slotted(*) {\n        height: 100%;\n      }\n\n      #drawer > ::slotted(*) {\n        height: 100%;\n      }\n\n      #scrim {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        visibility: hidden;\n        opacity: 0;\n        transition: opacity ease-in-out 0.38s, visibility ease-in-out 0.38s;\n        background-color: rgba(0, 0, 0, 0.3);\n        @apply --paper-drawer-panel-scrim;\n      }\n\n      .narrow-layout > #drawer {\n        will-change: transform;\n      }\n\n      .narrow-layout > #drawer.iron-selected {\n        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);\n      }\n\n      .right-drawer.narrow-layout > #drawer.iron-selected {\n        box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);\n      }\n\n      .narrow-layout > #drawer > ::slotted(*) {\n        border: 0;\n      }\n\n      .left-drawer.narrow-layout > #drawer:not(.iron-selected) {\n        visibility: hidden;\n        -webkit-transform: translateX(-100%);\n        transform: translateX(-100%);\n      }\n\n      .right-drawer.narrow-layout > #drawer:not(.iron-selected) {\n        left: auto;\n        visibility: hidden;\n        -webkit-transform: translateX(100%);\n        transform: translateX(100%);\n      }\n\n      .left-drawer.dragging > #drawer:not(.iron-selected),\n      .left-drawer.peeking > #drawer:not(.iron-selected),\n      .right-drawer.dragging > #drawer:not(.iron-selected),\n      .right-drawer.peeking > #drawer:not(.iron-selected) {\n        visibility: visible;\n      }\n\n      .narrow-layout > #main {\n        padding: 0;\n      }\n\n      .right-drawer.narrow-layout > #main {\n        left: 0;\n        right: 0;\n      }\n\n      .narrow-layout > #main:not(.iron-selected) > #scrim,\n      .dragging > #main > #scrim {\n        visibility: visible;\n        opacity: var(--paper-drawer-panel-scrim-opacity, 1);\n      }\n\n      .narrow-layout > #main > * {\n        margin: 0;\n        min-height: 100%;\n        left: 0;\n        right: 0;\n        -moz-box-sizing: border-box;\n        box-sizing: border-box;\n      }\n    </style>\n\n    <iron-media-query id=\"mq\" on-query-matches-changed=\"_onQueryMatchesChanged\" query=\"[[_computeMediaQuery(forceNarrow, responsiveWidth)]]\">\n    </iron-media-query>\n\n    <iron-selector attr-for-selected=\"id\" class$=\"[[_computeIronSelectorClass(narrow, _transition, dragging, rightDrawer, peeking)]]\" on-transitionend=\"_onTransitionEnd\" activate-event selected=\"[[selected]]\">\n\n      <div id=\"main\">\n        <slot name=\"main\"></slot>\n        <div id=\"scrim\" on-tap=\"closeDrawer\"></div>\n      </div>\n\n      <div id=\"drawer\">\n        <slot id=\"drawerSlot\" name=\"drawer\"></slot>\n      </div>\n\n    </iron-selector>\n"]))),
     is: 'paper-drawer-panel',
     behaviors: [_ironResizableBehavior.IronResizableBehavior],
 
diff --git a/build/es5-amd/node_modules/@polymer/paper-dropdown-menu/paper-dropdown-menu-light.js b/build/es5-amd/node_modules/@polymer/paper-dropdown-menu/paper-dropdown-menu-light.js
index 218691ff51b..050efd061ec 100644
--- a/build/es5-amd/node_modules/@polymer/paper-dropdown-menu/paper-dropdown-menu-light.js
+++ b/build/es5-amd/node_modules/@polymer/paper-dropdown-menu/paper-dropdown-menu-light.js
@@ -3,7 +3,7 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-ke
 
   gestures = _interopRequireWildcard(gestures);
 
-  var _templateObject_90c9b8701f0511ed8cc3e9a95995ad69;
+  var _templateObject_6cbe91001f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -90,7 +90,7 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-ke
 
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_90c9b8701f0511ed8cc3e9a95995ad69 || (_templateObject_90c9b8701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dropdown-menu-shared-styles\">\n      :host {\n        width: 200px;  /* Default size of an <input> */\n      }\n\n      /**\n       * All of these styles below are for styling the fake-input display\n       */\n      [slot=\"dropdown-trigger\"] {\n        box-sizing: border-box;\n        position: relative;\n        width: 100%;\n        padding: 16px 0 8px 0;\n      }\n\n      [slot=\"dropdown-trigger\"]:focus {\n        outline: none;\n      }\n\n      :host([disabled]) [slot=\"dropdown-trigger\"] {\n        pointer-events: none;\n        opacity: var(--paper-dropdown-menu-disabled-opacity, 0.33);\n      }\n\n      :host([no-label-float]) [slot=\"dropdown-trigger\"] {\n        padding-top: 8px;   /* If there's no label, we need less space up top. */\n      }\n\n      #input {\n        @apply --paper-font-subhead;\n        @apply --paper-font-common-nowrap;\n        line-height: 1.5;\n        border-bottom: 1px solid var(--paper-dropdown-menu-color, var(--secondary-text-color));\n        color: var(--paper-dropdown-menu-color, var(--primary-text-color));\n        width: 100%;\n        box-sizing: border-box;\n        padding: 12px 20px 0 0;   /* Right padding so that text doesn't overlap the icon */\n        outline: none;\n        @apply --paper-dropdown-menu-input;\n      }\n\n      #input:dir(rtl) {\n        padding-right: 0px;\n        padding-left: 20px;\n      }\n\n      :host([disabled]) #input {\n        border-bottom: 1px dashed var(--paper-dropdown-menu-color, var(--secondary-text-color));\n      }\n\n      :host([invalid]) #input {\n        border-bottom: 2px solid var(--paper-dropdown-error-color, var(--error-color));\n      }\n\n      :host([no-label-float]) #input {\n        padding-top: 0;   /* If there's no label, we need less space up top. */\n      }\n\n      label {\n        @apply --paper-font-subhead;\n        @apply --paper-font-common-nowrap;\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        /**\n         * The container has a 16px top padding, and there's 12px of padding\n         * between the input and the label (from the input's padding-top)\n         */\n        top: 28px;\n        box-sizing: border-box;\n        width: 100%;\n        padding-right: 20px;    /* Right padding so that text doesn't overlap the icon */\n        text-align: left;\n        transition-duration: .2s;\n        transition-timing-function: cubic-bezier(.4,0,.2,1);\n        color: var(--paper-dropdown-menu-color, var(--secondary-text-color));\n        @apply --paper-dropdown-menu-label;\n      }\n\n      label:dir(rtl) {\n        padding-right: 0px;\n        padding-left: 20px;\n        text-align: right;\n      }\n\n      :host([no-label-float]) label {\n        top: 8px;\n        /* Since the label doesn't need to float, remove the animation duration\n        which slows down visibility changes (i.e. when a selection is made) */\n        transition-duration: 0s;\n      }\n\n      label.label-is-floating {\n        font-size: 12px;\n        top: 8px;\n      }\n\n      label.label-is-hidden {\n        visibility: hidden;\n      }\n\n      :host([focused]) label.label-is-floating {\n        color: var(--paper-dropdown-menu-focus-color, var(--primary-color));\n      }\n\n      :host([invalid]) label.label-is-floating {\n        color: var(--paper-dropdown-error-color, var(--error-color));\n      }\n\n      /**\n       * Sets up the focused underline. It's initially hidden, and becomes\n       * visible when it's focused.\n       */\n      label:after {\n        background-color: var(--paper-dropdown-menu-focus-color, var(--primary-color));\n        bottom: 7px;    /* The container has an 8px bottom padding */\n        content: '';\n        height: 2px;\n        left: 45%;\n        position: absolute;\n        transition-duration: .2s;\n        transition-timing-function: cubic-bezier(.4,0,.2,1);\n        visibility: hidden;\n        width: 8px;\n        z-index: 10;\n        @apply --paper-dropdown-menu-underline-focus;\n      }\n\n      :host([invalid]) label:after {\n        background-color: var(--paper-dropdown-error-color, var(--error-color));\n      }\n\n      :host([no-label-float]) label:after {\n        bottom: 7px;    /* The container has a 8px bottom padding */\n      }\n\n      :host([focused]:not([disabled])) label:after {\n        left: 0;\n        visibility: visible;\n        width: 100%;\n      }\n\n      iron-icon {\n        position: absolute;\n        right: 0px;\n        bottom: 8px;    /* The container has an 8px bottom padding */\n        @apply --paper-font-subhead;\n        color: var(--disabled-text-color);\n        @apply --paper-dropdown-menu-icon;\n      }\n\n      iron-icon:dir(rtl) {\n        left: 0;\n        right: auto;\n      }\n\n      :host([no-label-float]) iron-icon {\n        margin-top: 0px;\n      }\n\n      .error {\n        display: inline-block;\n        visibility: hidden;\n        color: var(--paper-dropdown-error-color, var(--error-color));\n        @apply --paper-font-caption;\n        position: absolute;\n        left:0;\n        right:0;\n        bottom: -12px;\n      }\n\n      :host([invalid]) .error {\n        visibility: visible;\n      }\n    </style>\n\n    <paper-menu-button id=\"menuButton\" vertical-align=\"[[verticalAlign]]\" horizontal-align=\"[[horizontalAlign]]\" vertical-offset=\"[[_computeMenuVerticalOffset(noLabelFloat, verticalOffset)]]\" disabled=\"[[disabled]]\" no-animations=\"[[noAnimations]]\" on-iron-select=\"_onIronSelect\" on-iron-deselect=\"_onIronDeselect\" opened=\"{{opened}}\" close-on-activate allow-outside-scroll=\"[[allowOutsideScroll]]\">\n      <!-- support hybrid mode: user might be using paper-menu-button 1.x which distributes via <content> -->\n      <div id=\"dropdown-trigger\" class=\"dropdown-trigger\" slot=\"dropdown-trigger\" role=\"button\" tabindex=\"0\" aria-haspopup=\"listbox\">\n        <label class$=\"[[_computeLabelClass(noLabelFloat,alwaysFloatLabel,hasContent)]]\">\n          [[label]]\n        </label>\n        <div id=\"input\" tabindex=\"-1\">&nbsp;</div>\n        <iron-icon icon=\"paper-dropdown-menu:arrow-drop-down\"></iron-icon>\n        <span class=\"error\">[[errorMessage]]</span>\n      </div>\n      <slot id=\"content\" name=\"dropdown-content\" slot=\"dropdown-content\"></slot>\n    </paper-menu-button>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6cbe91001f2611eda0c389891c227ec8 || (_templateObject_6cbe91001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dropdown-menu-shared-styles\">\n      :host {\n        width: 200px;  /* Default size of an <input> */\n      }\n\n      /**\n       * All of these styles below are for styling the fake-input display\n       */\n      [slot=\"dropdown-trigger\"] {\n        box-sizing: border-box;\n        position: relative;\n        width: 100%;\n        padding: 16px 0 8px 0;\n      }\n\n      [slot=\"dropdown-trigger\"]:focus {\n        outline: none;\n      }\n\n      :host([disabled]) [slot=\"dropdown-trigger\"] {\n        pointer-events: none;\n        opacity: var(--paper-dropdown-menu-disabled-opacity, 0.33);\n      }\n\n      :host([no-label-float]) [slot=\"dropdown-trigger\"] {\n        padding-top: 8px;   /* If there's no label, we need less space up top. */\n      }\n\n      #input {\n        @apply --paper-font-subhead;\n        @apply --paper-font-common-nowrap;\n        line-height: 1.5;\n        border-bottom: 1px solid var(--paper-dropdown-menu-color, var(--secondary-text-color));\n        color: var(--paper-dropdown-menu-color, var(--primary-text-color));\n        width: 100%;\n        box-sizing: border-box;\n        padding: 12px 20px 0 0;   /* Right padding so that text doesn't overlap the icon */\n        outline: none;\n        @apply --paper-dropdown-menu-input;\n      }\n\n      #input:dir(rtl) {\n        padding-right: 0px;\n        padding-left: 20px;\n      }\n\n      :host([disabled]) #input {\n        border-bottom: 1px dashed var(--paper-dropdown-menu-color, var(--secondary-text-color));\n      }\n\n      :host([invalid]) #input {\n        border-bottom: 2px solid var(--paper-dropdown-error-color, var(--error-color));\n      }\n\n      :host([no-label-float]) #input {\n        padding-top: 0;   /* If there's no label, we need less space up top. */\n      }\n\n      label {\n        @apply --paper-font-subhead;\n        @apply --paper-font-common-nowrap;\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        /**\n         * The container has a 16px top padding, and there's 12px of padding\n         * between the input and the label (from the input's padding-top)\n         */\n        top: 28px;\n        box-sizing: border-box;\n        width: 100%;\n        padding-right: 20px;    /* Right padding so that text doesn't overlap the icon */\n        text-align: left;\n        transition-duration: .2s;\n        transition-timing-function: cubic-bezier(.4,0,.2,1);\n        color: var(--paper-dropdown-menu-color, var(--secondary-text-color));\n        @apply --paper-dropdown-menu-label;\n      }\n\n      label:dir(rtl) {\n        padding-right: 0px;\n        padding-left: 20px;\n        text-align: right;\n      }\n\n      :host([no-label-float]) label {\n        top: 8px;\n        /* Since the label doesn't need to float, remove the animation duration\n        which slows down visibility changes (i.e. when a selection is made) */\n        transition-duration: 0s;\n      }\n\n      label.label-is-floating {\n        font-size: 12px;\n        top: 8px;\n      }\n\n      label.label-is-hidden {\n        visibility: hidden;\n      }\n\n      :host([focused]) label.label-is-floating {\n        color: var(--paper-dropdown-menu-focus-color, var(--primary-color));\n      }\n\n      :host([invalid]) label.label-is-floating {\n        color: var(--paper-dropdown-error-color, var(--error-color));\n      }\n\n      /**\n       * Sets up the focused underline. It's initially hidden, and becomes\n       * visible when it's focused.\n       */\n      label:after {\n        background-color: var(--paper-dropdown-menu-focus-color, var(--primary-color));\n        bottom: 7px;    /* The container has an 8px bottom padding */\n        content: '';\n        height: 2px;\n        left: 45%;\n        position: absolute;\n        transition-duration: .2s;\n        transition-timing-function: cubic-bezier(.4,0,.2,1);\n        visibility: hidden;\n        width: 8px;\n        z-index: 10;\n        @apply --paper-dropdown-menu-underline-focus;\n      }\n\n      :host([invalid]) label:after {\n        background-color: var(--paper-dropdown-error-color, var(--error-color));\n      }\n\n      :host([no-label-float]) label:after {\n        bottom: 7px;    /* The container has a 8px bottom padding */\n      }\n\n      :host([focused]:not([disabled])) label:after {\n        left: 0;\n        visibility: visible;\n        width: 100%;\n      }\n\n      iron-icon {\n        position: absolute;\n        right: 0px;\n        bottom: 8px;    /* The container has an 8px bottom padding */\n        @apply --paper-font-subhead;\n        color: var(--disabled-text-color);\n        @apply --paper-dropdown-menu-icon;\n      }\n\n      iron-icon:dir(rtl) {\n        left: 0;\n        right: auto;\n      }\n\n      :host([no-label-float]) iron-icon {\n        margin-top: 0px;\n      }\n\n      .error {\n        display: inline-block;\n        visibility: hidden;\n        color: var(--paper-dropdown-error-color, var(--error-color));\n        @apply --paper-font-caption;\n        position: absolute;\n        left:0;\n        right:0;\n        bottom: -12px;\n      }\n\n      :host([invalid]) .error {\n        visibility: visible;\n      }\n    </style>\n\n    <paper-menu-button id=\"menuButton\" vertical-align=\"[[verticalAlign]]\" horizontal-align=\"[[horizontalAlign]]\" vertical-offset=\"[[_computeMenuVerticalOffset(noLabelFloat, verticalOffset)]]\" disabled=\"[[disabled]]\" no-animations=\"[[noAnimations]]\" on-iron-select=\"_onIronSelect\" on-iron-deselect=\"_onIronDeselect\" opened=\"{{opened}}\" close-on-activate allow-outside-scroll=\"[[allowOutsideScroll]]\">\n      <!-- support hybrid mode: user might be using paper-menu-button 1.x which distributes via <content> -->\n      <div id=\"dropdown-trigger\" class=\"dropdown-trigger\" slot=\"dropdown-trigger\" role=\"button\" tabindex=\"0\" aria-haspopup=\"listbox\">\n        <label class$=\"[[_computeLabelClass(noLabelFloat,alwaysFloatLabel,hasContent)]]\">\n          [[label]]\n        </label>\n        <div id=\"input\" tabindex=\"-1\">&nbsp;</div>\n        <iron-icon icon=\"paper-dropdown-menu:arrow-drop-down\"></iron-icon>\n        <span class=\"error\">[[errorMessage]]</span>\n      </div>\n      <slot id=\"content\" name=\"dropdown-content\" slot=\"dropdown-content\"></slot>\n    </paper-menu-button>\n"]))),
     is: 'paper-dropdown-menu-light',
     behaviors: [_ironButtonState.IronButtonState, _ironControlState.IronControlState, _paperRippleBehavior.PaperRippleBehavior, _ironFormElementBehavior.IronFormElementBehavior, _ironValidatableBehavior.IronValidatableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-dropdown-menu/paper-dropdown-menu.js b/build/es5-amd/node_modules/@polymer/paper-dropdown-menu/paper-dropdown-menu.js
index 281e19cb9ae..4c96c285649 100644
--- a/build/es5-amd/node_modules/@polymer/paper-dropdown-menu/paper-dropdown-menu.js
+++ b/build/es5-amd/node_modules/@polymer/paper-dropdown-menu/paper-dropdown-menu.js
@@ -3,7 +3,7 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-ke
 
   gestures = _interopRequireWildcard(gestures);
 
-  var _templateObject_a4dce1701f0511ed8cc3e9a95995ad69;
+  var _templateObject_7f80f7101f2611eda0c389891c227ec8;
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -72,7 +72,7 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-ke
 
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_a4dce1701f0511ed8cc3e9a95995ad69 || (_templateObject_a4dce1701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dropdown-menu-shared-styles\"></style>\n\n    <paper-menu-button id=\"menuButton\" vertical-align=\"[[verticalAlign]]\" horizontal-align=\"[[horizontalAlign]]\" dynamic-align=\"[[dynamicAlign]]\" vertical-offset=\"[[_computeMenuVerticalOffset(noLabelFloat, verticalOffset)]]\" disabled=\"[[disabled]]\" no-animations=\"[[noAnimations]]\" on-iron-select=\"_onIronSelect\" on-iron-deselect=\"_onIronDeselect\" opened=\"{{opened}}\" close-on-activate allow-outside-scroll=\"[[allowOutsideScroll]]\" restore-focus-on-close=\"[[restoreFocusOnClose]]\" expand-sizing-target-for-scrollbars=\"[[expandSizingTargetForScrollbars]]\">\n      <!-- support hybrid mode: user might be using paper-menu-button 1.x which distributes via <content> -->\n      <div class=\"dropdown-trigger\" slot=\"dropdown-trigger\">\n        <paper-ripple></paper-ripple>\n        <!-- paper-input has type=\"text\" for a11y, do not remove -->\n        <paper-input id=\"input\" type=\"text\" invalid=\"[[invalid]]\" readonly disabled=\"[[disabled]]\" value=\"[[value]]\" placeholder=\"[[placeholder]]\" error-message=\"[[errorMessage]]\" always-float-label=\"[[alwaysFloatLabel]]\" no-label-float=\"[[noLabelFloat]]\" label=\"[[label]]\" input-role=\"button\" input-aria-haspopup=\"listbox\" autocomplete=\"off\">\n          <!-- support hybrid mode: user might be using paper-input 1.x which distributes via <content> -->\n          <iron-icon icon=\"paper-dropdown-menu:arrow-drop-down\" suffix slot=\"suffix\"></iron-icon>\n        </paper-input>\n      </div>\n      <slot id=\"content\" name=\"dropdown-content\" slot=\"dropdown-content\"></slot>\n    </paper-menu-button>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7f80f7101f2611eda0c389891c227ec8 || (_templateObject_7f80f7101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dropdown-menu-shared-styles\"></style>\n\n    <paper-menu-button id=\"menuButton\" vertical-align=\"[[verticalAlign]]\" horizontal-align=\"[[horizontalAlign]]\" dynamic-align=\"[[dynamicAlign]]\" vertical-offset=\"[[_computeMenuVerticalOffset(noLabelFloat, verticalOffset)]]\" disabled=\"[[disabled]]\" no-animations=\"[[noAnimations]]\" on-iron-select=\"_onIronSelect\" on-iron-deselect=\"_onIronDeselect\" opened=\"{{opened}}\" close-on-activate allow-outside-scroll=\"[[allowOutsideScroll]]\" restore-focus-on-close=\"[[restoreFocusOnClose]]\" expand-sizing-target-for-scrollbars=\"[[expandSizingTargetForScrollbars]]\">\n      <!-- support hybrid mode: user might be using paper-menu-button 1.x which distributes via <content> -->\n      <div class=\"dropdown-trigger\" slot=\"dropdown-trigger\">\n        <paper-ripple></paper-ripple>\n        <!-- paper-input has type=\"text\" for a11y, do not remove -->\n        <paper-input id=\"input\" type=\"text\" invalid=\"[[invalid]]\" readonly disabled=\"[[disabled]]\" value=\"[[value]]\" placeholder=\"[[placeholder]]\" error-message=\"[[errorMessage]]\" always-float-label=\"[[alwaysFloatLabel]]\" no-label-float=\"[[noLabelFloat]]\" label=\"[[label]]\" input-role=\"button\" input-aria-haspopup=\"listbox\" autocomplete=\"off\">\n          <!-- support hybrid mode: user might be using paper-input 1.x which distributes via <content> -->\n          <iron-icon icon=\"paper-dropdown-menu:arrow-drop-down\" suffix slot=\"suffix\"></iron-icon>\n        </paper-input>\n      </div>\n      <slot id=\"content\" name=\"dropdown-content\" slot=\"dropdown-content\"></slot>\n    </paper-menu-button>\n"]))),
     is: 'paper-dropdown-menu',
     behaviors: [_ironButtonState.IronButtonState, _ironControlState.IronControlState, _ironFormElementBehavior.IronFormElementBehavior, _ironValidatableBehavior.IronValidatableBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-fab/paper-fab.js b/build/es5-amd/node_modules/@polymer/paper-fab/paper-fab.js
index 7ca1955d31f..c03312999a6 100644
--- a/build/es5-amd/node_modules/@polymer/paper-fab/paper-fab.js
+++ b/build/es5-amd/node_modules/@polymer/paper-fab/paper-fab.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../iron-icon/iron-icon.js", "../paper-styles/element-styles/paper-material-styles.js", "../paper-styles/color.js", "../paper-styles/default-theme.js", "../paper-behaviors/paper-button-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _ironIcon, _paperMaterialStyles, _color, _defaultTheme, _paperButtonBehavior, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_90e2e5c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_6cd48a001f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_90e2e5c01f0511ed8cc3e9a95995ad69 || (_templateObject_90e2e5c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style include=\"paper-material-styles\">\n    :host {\n      @apply --layout-vertical;\n      @apply --layout-center-center;\n\n      background: var(--paper-fab-background, var(--accent-color));\n      border-radius: 50%;\n      box-sizing: border-box;\n      color: var(--text-primary-color);\n      cursor: pointer;\n      height: 56px;\n      min-width: 0;\n      outline: none;\n      padding: 16px;\n      position: relative;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n      width: 56px;\n      z-index: 0;\n\n      /* NOTE: Both values are needed, since some phones require the value `transparent`. */\n      -webkit-tap-highlight-color: rgba(0,0,0,0);\n      -webkit-tap-highlight-color: transparent;\n\n      @apply --paper-fab;\n    }\n\n    [hidden] {\n      display: none !important;\n    }\n\n    :host([mini]) {\n      width: 40px;\n      height: 40px;\n      padding: 8px;\n\n      @apply --paper-fab-mini;\n    }\n\n    :host([disabled]) {\n      color: var(--paper-fab-disabled-text, var(--paper-grey-500));\n      background: var(--paper-fab-disabled-background, var(--paper-grey-300));\n\n      @apply --paper-fab-disabled;\n    }\n\n    iron-icon {\n      @apply --paper-fab-iron-icon;\n    }\n\n    span {\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      text-align: center;\n\n      @apply --paper-fab-label;\n    }\n\n    :host(.keyboard-focus) {\n      background: var(--paper-fab-keyboard-focus-background, var(--paper-pink-900));\n    }\n\n    :host([elevation=\"1\"]) {\n      @apply --paper-material-elevation-1;\n    }\n\n    :host([elevation=\"2\"]) {\n      @apply --paper-material-elevation-2;\n    }\n\n    :host([elevation=\"3\"]) {\n      @apply --paper-material-elevation-3;\n    }\n\n    :host([elevation=\"4\"]) {\n      @apply --paper-material-elevation-4;\n    }\n\n    :host([elevation=\"5\"]) {\n      @apply --paper-material-elevation-5;\n    }\n  </style>\n\n  <iron-icon id=\"icon\" hidden$=\"{{!_computeIsIconFab(icon, src)}}\" src=\"[[src]]\" icon=\"[[icon]]\"></iron-icon>\n  <span hidden$=\"{{_computeIsIconFab(icon, src)}}\">{{label}}</span>\n"], ["\n  <style include=\"paper-material-styles\">\n    :host {\n      @apply --layout-vertical;\n      @apply --layout-center-center;\n\n      background: var(--paper-fab-background, var(--accent-color));\n      border-radius: 50%;\n      box-sizing: border-box;\n      color: var(--text-primary-color);\n      cursor: pointer;\n      height: 56px;\n      min-width: 0;\n      outline: none;\n      padding: 16px;\n      position: relative;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n      width: 56px;\n      z-index: 0;\n\n      /* NOTE: Both values are needed, since some phones require the value \\`transparent\\`. */\n      -webkit-tap-highlight-color: rgba(0,0,0,0);\n      -webkit-tap-highlight-color: transparent;\n\n      @apply --paper-fab;\n    }\n\n    [hidden] {\n      display: none !important;\n    }\n\n    :host([mini]) {\n      width: 40px;\n      height: 40px;\n      padding: 8px;\n\n      @apply --paper-fab-mini;\n    }\n\n    :host([disabled]) {\n      color: var(--paper-fab-disabled-text, var(--paper-grey-500));\n      background: var(--paper-fab-disabled-background, var(--paper-grey-300));\n\n      @apply --paper-fab-disabled;\n    }\n\n    iron-icon {\n      @apply --paper-fab-iron-icon;\n    }\n\n    span {\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      text-align: center;\n\n      @apply --paper-fab-label;\n    }\n\n    :host(.keyboard-focus) {\n      background: var(--paper-fab-keyboard-focus-background, var(--paper-pink-900));\n    }\n\n    :host([elevation=\"1\"]) {\n      @apply --paper-material-elevation-1;\n    }\n\n    :host([elevation=\"2\"]) {\n      @apply --paper-material-elevation-2;\n    }\n\n    :host([elevation=\"3\"]) {\n      @apply --paper-material-elevation-3;\n    }\n\n    :host([elevation=\"4\"]) {\n      @apply --paper-material-elevation-4;\n    }\n\n    :host([elevation=\"5\"]) {\n      @apply --paper-material-elevation-5;\n    }\n  </style>\n\n  <iron-icon id=\"icon\" hidden\\$=\"{{!_computeIsIconFab(icon, src)}}\" src=\"[[src]]\" icon=\"[[icon]]\"></iron-icon>\n  <span hidden\\$=\"{{_computeIsIconFab(icon, src)}}\">{{label}}</span>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_6cd48a001f2611eda0c389891c227ec8 || (_templateObject_6cd48a001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style include=\"paper-material-styles\">\n    :host {\n      @apply --layout-vertical;\n      @apply --layout-center-center;\n\n      background: var(--paper-fab-background, var(--accent-color));\n      border-radius: 50%;\n      box-sizing: border-box;\n      color: var(--text-primary-color);\n      cursor: pointer;\n      height: 56px;\n      min-width: 0;\n      outline: none;\n      padding: 16px;\n      position: relative;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n      width: 56px;\n      z-index: 0;\n\n      /* NOTE: Both values are needed, since some phones require the value `transparent`. */\n      -webkit-tap-highlight-color: rgba(0,0,0,0);\n      -webkit-tap-highlight-color: transparent;\n\n      @apply --paper-fab;\n    }\n\n    [hidden] {\n      display: none !important;\n    }\n\n    :host([mini]) {\n      width: 40px;\n      height: 40px;\n      padding: 8px;\n\n      @apply --paper-fab-mini;\n    }\n\n    :host([disabled]) {\n      color: var(--paper-fab-disabled-text, var(--paper-grey-500));\n      background: var(--paper-fab-disabled-background, var(--paper-grey-300));\n\n      @apply --paper-fab-disabled;\n    }\n\n    iron-icon {\n      @apply --paper-fab-iron-icon;\n    }\n\n    span {\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      text-align: center;\n\n      @apply --paper-fab-label;\n    }\n\n    :host(.keyboard-focus) {\n      background: var(--paper-fab-keyboard-focus-background, var(--paper-pink-900));\n    }\n\n    :host([elevation=\"1\"]) {\n      @apply --paper-material-elevation-1;\n    }\n\n    :host([elevation=\"2\"]) {\n      @apply --paper-material-elevation-2;\n    }\n\n    :host([elevation=\"3\"]) {\n      @apply --paper-material-elevation-3;\n    }\n\n    :host([elevation=\"4\"]) {\n      @apply --paper-material-elevation-4;\n    }\n\n    :host([elevation=\"5\"]) {\n      @apply --paper-material-elevation-5;\n    }\n  </style>\n\n  <iron-icon id=\"icon\" hidden$=\"{{!_computeIsIconFab(icon, src)}}\" src=\"[[src]]\" icon=\"[[icon]]\"></iron-icon>\n  <span hidden$=\"{{_computeIsIconFab(icon, src)}}\">{{label}}</span>\n"], ["\n  <style include=\"paper-material-styles\">\n    :host {\n      @apply --layout-vertical;\n      @apply --layout-center-center;\n\n      background: var(--paper-fab-background, var(--accent-color));\n      border-radius: 50%;\n      box-sizing: border-box;\n      color: var(--text-primary-color);\n      cursor: pointer;\n      height: 56px;\n      min-width: 0;\n      outline: none;\n      padding: 16px;\n      position: relative;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n      width: 56px;\n      z-index: 0;\n\n      /* NOTE: Both values are needed, since some phones require the value \\`transparent\\`. */\n      -webkit-tap-highlight-color: rgba(0,0,0,0);\n      -webkit-tap-highlight-color: transparent;\n\n      @apply --paper-fab;\n    }\n\n    [hidden] {\n      display: none !important;\n    }\n\n    :host([mini]) {\n      width: 40px;\n      height: 40px;\n      padding: 8px;\n\n      @apply --paper-fab-mini;\n    }\n\n    :host([disabled]) {\n      color: var(--paper-fab-disabled-text, var(--paper-grey-500));\n      background: var(--paper-fab-disabled-background, var(--paper-grey-300));\n\n      @apply --paper-fab-disabled;\n    }\n\n    iron-icon {\n      @apply --paper-fab-iron-icon;\n    }\n\n    span {\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      text-align: center;\n\n      @apply --paper-fab-label;\n    }\n\n    :host(.keyboard-focus) {\n      background: var(--paper-fab-keyboard-focus-background, var(--paper-pink-900));\n    }\n\n    :host([elevation=\"1\"]) {\n      @apply --paper-material-elevation-1;\n    }\n\n    :host([elevation=\"2\"]) {\n      @apply --paper-material-elevation-2;\n    }\n\n    :host([elevation=\"3\"]) {\n      @apply --paper-material-elevation-3;\n    }\n\n    :host([elevation=\"4\"]) {\n      @apply --paper-material-elevation-4;\n    }\n\n    :host([elevation=\"5\"]) {\n      @apply --paper-material-elevation-5;\n    }\n  </style>\n\n  <iron-icon id=\"icon\" hidden\\$=\"{{!_computeIsIconFab(icon, src)}}\" src=\"[[src]]\" icon=\"[[icon]]\"></iron-icon>\n  <span hidden\\$=\"{{_computeIsIconFab(icon, src)}}\">{{label}}</span>\n"])));
   template.setAttribute('strip-whitespace', '');
   /**
   Material design: [Floating Action
diff --git a/build/es5-amd/node_modules/@polymer/paper-icon-button/paper-icon-button-light.js b/build/es5-amd/node_modules/@polymer/paper-icon-button/paper-icon-button-light.js
index d13f628cb0f..3852d4a832a 100644
--- a/build/es5-amd/node_modules/@polymer/paper-icon-button/paper-icon-button-light.js
+++ b/build/es5-amd/node_modules/@polymer/paper-icon-button/paper-icon-button-light.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../paper-behaviors/paper-ripple-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "../polymer/lib/utils/render-status.js"], function (_polymerLegacy, _paperRippleBehavior, _polymerFn, _htmlTag, _renderStatus) {
   "use strict";
 
-  var _templateObject_90e83cf01f0511ed8cc3e9a95995ad69;
+  var _templateObject_6cdc2b201f2611eda0c389891c227ec8;
 
   /**
   This is a lighter version of `paper-icon-button`. Its goal is performance, not
@@ -39,7 +39,7 @@ define(["../polymer/polymer-legacy.js", "../paper-behaviors/paper-ripple-behavio
   */
   (0, _polymerFn.Polymer)({
     is: 'paper-icon-button-light',
-    _template: (0, _htmlTag.html)(_templateObject_90e83cf01f0511ed8cc3e9a95995ad69 || (_templateObject_90e83cf01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        width: 24px;\n        height: 24px;\n      }\n\n      paper-ripple {\n        opacity: 0.6;\n        color: currentColor;\n        @apply --paper-icon-button-light-ripple;\n      }\n\n      :host > ::slotted(button) {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        padding: 0;\n        background: none;\n        border: none;\n        outline: none;\n        vertical-align: middle;\n        color: inherit;\n        cursor: pointer;\n        /* NOTE: Both values are needed, since some phones require the value to be `transparent`. */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n      }\n      :host > ::slotted(button[disabled]) {\n        color: #9b9b9b;\n        pointer-events: none;\n        cursor: auto;\n      }\n    </style>\n    <slot></slot>\n  "], ["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        width: 24px;\n        height: 24px;\n      }\n\n      paper-ripple {\n        opacity: 0.6;\n        color: currentColor;\n        @apply --paper-icon-button-light-ripple;\n      }\n\n      :host > ::slotted(button) {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        padding: 0;\n        background: none;\n        border: none;\n        outline: none;\n        vertical-align: middle;\n        color: inherit;\n        cursor: pointer;\n        /* NOTE: Both values are needed, since some phones require the value to be \\`transparent\\`. */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n      }\n      :host > ::slotted(button[disabled]) {\n        color: #9b9b9b;\n        pointer-events: none;\n        cursor: auto;\n      }\n    </style>\n    <slot></slot>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_6cdc2b201f2611eda0c389891c227ec8 || (_templateObject_6cdc2b201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        width: 24px;\n        height: 24px;\n      }\n\n      paper-ripple {\n        opacity: 0.6;\n        color: currentColor;\n        @apply --paper-icon-button-light-ripple;\n      }\n\n      :host > ::slotted(button) {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        padding: 0;\n        background: none;\n        border: none;\n        outline: none;\n        vertical-align: middle;\n        color: inherit;\n        cursor: pointer;\n        /* NOTE: Both values are needed, since some phones require the value to be `transparent`. */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n      }\n      :host > ::slotted(button[disabled]) {\n        color: #9b9b9b;\n        pointer-events: none;\n        cursor: auto;\n      }\n    </style>\n    <slot></slot>\n  "], ["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        width: 24px;\n        height: 24px;\n      }\n\n      paper-ripple {\n        opacity: 0.6;\n        color: currentColor;\n        @apply --paper-icon-button-light-ripple;\n      }\n\n      :host > ::slotted(button) {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        padding: 0;\n        background: none;\n        border: none;\n        outline: none;\n        vertical-align: middle;\n        color: inherit;\n        cursor: pointer;\n        /* NOTE: Both values are needed, since some phones require the value to be \\`transparent\\`. */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n      }\n      :host > ::slotted(button[disabled]) {\n        color: #9b9b9b;\n        pointer-events: none;\n        cursor: auto;\n      }\n    </style>\n    <slot></slot>\n  "]))),
     behaviors: [_paperRippleBehavior.PaperRippleBehavior],
     registered: function registered() {
       this._template.setAttribute('strip-whitespace', '');
diff --git a/build/es5-amd/node_modules/@polymer/paper-icon-button/paper-icon-button.js b/build/es5-amd/node_modules/@polymer/paper-icon-button/paper-icon-button.js
index a3d53a9a5c1..52baa0ab174 100644
--- a/build/es5-amd/node_modules/@polymer/paper-icon-button/paper-icon-button.js
+++ b/build/es5-amd/node_modules/@polymer/paper-icon-button/paper-icon-button.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-icon/iron-icon.js", "../paper-styles/default-theme.js", "../paper-behaviors/paper-inky-focus-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironIcon, _defaultTheme, _paperInkyFocusBehavior, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9b8119201f0511ed8cc3e9a95995ad69;
+  var _templateObject_76a582501f2611eda0c389891c227ec8;
 
   /**
   Material design: [Icon
@@ -65,7 +65,7 @@ define(["../polymer/polymer-legacy.js", "../iron-icon/iron-icon.js", "../paper-s
   */
   (0, _polymerFn.Polymer)({
     is: 'paper-icon-button',
-    _template: (0, _htmlTag.html)(_templateObject_9b8119201f0511ed8cc3e9a95995ad69 || (_templateObject_9b8119201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        padding: 8px;\n        outline: none;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: pointer;\n        z-index: 0;\n        line-height: 1;\n\n        width: 40px;\n        height: 40px;\n\n        /*\n          NOTE: Both values are needed, since some phones require the value to\n          be `transparent`.\n        */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n\n        /* Because of polymer/2558, this style has lower specificity than * */\n        box-sizing: border-box !important;\n\n        @apply --paper-icon-button;\n      }\n\n      :host #ink {\n        color: var(--paper-icon-button-ink-color, var(--primary-text-color));\n        opacity: 0.6;\n      }\n\n      :host([disabled]) {\n        color: var(--paper-icon-button-disabled-text, var(--disabled-text-color));\n        pointer-events: none;\n        cursor: auto;\n\n        @apply --paper-icon-button-disabled;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host(:hover) {\n        @apply --paper-icon-button-hover;\n      }\n\n      iron-icon {\n        --iron-icon-width: 100%;\n        --iron-icon-height: 100%;\n      }\n    </style>\n\n    <iron-icon id=\"icon\" src=\"[[src]]\" icon=\"[[icon]]\"\n               alt$=\"[[alt]]\"></iron-icon>\n  "], ["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        padding: 8px;\n        outline: none;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: pointer;\n        z-index: 0;\n        line-height: 1;\n\n        width: 40px;\n        height: 40px;\n\n        /*\n          NOTE: Both values are needed, since some phones require the value to\n          be \\`transparent\\`.\n        */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n\n        /* Because of polymer/2558, this style has lower specificity than * */\n        box-sizing: border-box !important;\n\n        @apply --paper-icon-button;\n      }\n\n      :host #ink {\n        color: var(--paper-icon-button-ink-color, var(--primary-text-color));\n        opacity: 0.6;\n      }\n\n      :host([disabled]) {\n        color: var(--paper-icon-button-disabled-text, var(--disabled-text-color));\n        pointer-events: none;\n        cursor: auto;\n\n        @apply --paper-icon-button-disabled;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host(:hover) {\n        @apply --paper-icon-button-hover;\n      }\n\n      iron-icon {\n        --iron-icon-width: 100%;\n        --iron-icon-height: 100%;\n      }\n    </style>\n\n    <iron-icon id=\"icon\" src=\"[[src]]\" icon=\"[[icon]]\"\n               alt$=\"[[alt]]\"></iron-icon>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_76a582501f2611eda0c389891c227ec8 || (_templateObject_76a582501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        padding: 8px;\n        outline: none;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: pointer;\n        z-index: 0;\n        line-height: 1;\n\n        width: 40px;\n        height: 40px;\n\n        /*\n          NOTE: Both values are needed, since some phones require the value to\n          be `transparent`.\n        */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n\n        /* Because of polymer/2558, this style has lower specificity than * */\n        box-sizing: border-box !important;\n\n        @apply --paper-icon-button;\n      }\n\n      :host #ink {\n        color: var(--paper-icon-button-ink-color, var(--primary-text-color));\n        opacity: 0.6;\n      }\n\n      :host([disabled]) {\n        color: var(--paper-icon-button-disabled-text, var(--disabled-text-color));\n        pointer-events: none;\n        cursor: auto;\n\n        @apply --paper-icon-button-disabled;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host(:hover) {\n        @apply --paper-icon-button-hover;\n      }\n\n      iron-icon {\n        --iron-icon-width: 100%;\n        --iron-icon-height: 100%;\n      }\n    </style>\n\n    <iron-icon id=\"icon\" src=\"[[src]]\" icon=\"[[icon]]\"\n               alt$=\"[[alt]]\"></iron-icon>\n  "], ["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        padding: 8px;\n        outline: none;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: pointer;\n        z-index: 0;\n        line-height: 1;\n\n        width: 40px;\n        height: 40px;\n\n        /*\n          NOTE: Both values are needed, since some phones require the value to\n          be \\`transparent\\`.\n        */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n\n        /* Because of polymer/2558, this style has lower specificity than * */\n        box-sizing: border-box !important;\n\n        @apply --paper-icon-button;\n      }\n\n      :host #ink {\n        color: var(--paper-icon-button-ink-color, var(--primary-text-color));\n        opacity: 0.6;\n      }\n\n      :host([disabled]) {\n        color: var(--paper-icon-button-disabled-text, var(--disabled-text-color));\n        pointer-events: none;\n        cursor: auto;\n\n        @apply --paper-icon-button-disabled;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host(:hover) {\n        @apply --paper-icon-button-hover;\n      }\n\n      iron-icon {\n        --iron-icon-width: 100%;\n        --iron-icon-height: 100%;\n      }\n    </style>\n\n    <iron-icon id=\"icon\" src=\"[[src]]\" icon=\"[[icon]]\"\n               alt$=\"[[alt]]\"></iron-icon>\n  "]))),
     hostAttributes: {
       role: 'button',
       tabindex: '0'
diff --git a/build/es5-amd/node_modules/@polymer/paper-input/demo/ssn-input.js b/build/es5-amd/node_modules/@polymer/paper-input/demo/ssn-input.js
index 78887432d0e..5ef87cfa993 100644
--- a/build/es5-amd/node_modules/@polymer/paper-input/demo/ssn-input.js
+++ b/build/es5-amd/node_modules/@polymer/paper-input/demo/ssn-input.js
@@ -1,11 +1,11 @@
 define(["../../polymer/polymer-legacy.js", "../../iron-input/iron-input.js", "../../iron-flex-layout/iron-flex-layout.js", "./ssn-validator.js", "../../iron-validatable-behavior/iron-validatable-behavior.js", "../../polymer/lib/elements/dom-module.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js", "../../polymer/polymer-element.js"], function (_polymerLegacy, _ironInput, _ironFlexLayout, _ssnValidator, _ironValidatableBehavior, _domModule, _polymerFn, _htmlTag, _polymerElement) {
   "use strict";
 
-  var _templateObject_9799a5c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_726911201f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
     is: 'ssn-input',
-    _template: (0, _htmlTag.html)(_templateObject_9799a5c01f0511ed8cc3e9a95995ad69 || (_templateObject_9799a5c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      input {\n        font: inherit;\n        outline: none;\n        box-shadow: none;\n        border: none;\n        width: auto;\n        text-align: center;\n      }\n\n      .container {\n        @apply --layout-horizontal;\n      }\n    </style>\n\n    <ssn-validator></ssn-validator>\n    <div class=\"container\">\n      <iron-input bind-value=\"{{_ssn1}}\" aria-label=\"First 3 digits of social security number\">\n        <input maxlength=\"3\" size=\"3\">\n      </iron-input>\n      -\n      <iron-input bind-value=\"{{_ssn2}}\" aria-label=\"Middle 2 digits of social security number\">\n        <input maxlength=\"2\" size=\"2\">\n      </iron-input>\n      -\n      <iron-input bind-value=\"{{_ssn3}}\" aria-label=\"Last 4 digits of social security number\">\n        <input maxlength=\"4\" size=\"4\">\n      </iron-input>\n    </div>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_726911201f2611eda0c389891c227ec8 || (_templateObject_726911201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      input {\n        font: inherit;\n        outline: none;\n        box-shadow: none;\n        border: none;\n        width: auto;\n        text-align: center;\n      }\n\n      .container {\n        @apply --layout-horizontal;\n      }\n    </style>\n\n    <ssn-validator></ssn-validator>\n    <div class=\"container\">\n      <iron-input bind-value=\"{{_ssn1}}\" aria-label=\"First 3 digits of social security number\">\n        <input maxlength=\"3\" size=\"3\">\n      </iron-input>\n      -\n      <iron-input bind-value=\"{{_ssn2}}\" aria-label=\"Middle 2 digits of social security number\">\n        <input maxlength=\"2\" size=\"2\">\n      </iron-input>\n      -\n      <iron-input bind-value=\"{{_ssn3}}\" aria-label=\"Last 4 digits of social security number\">\n        <input maxlength=\"4\" size=\"4\">\n      </iron-input>\n    </div>\n  "]))),
     behaviors: [_ironValidatableBehavior.IronValidatableBehavior],
     properties: {
       value: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-input/paper-input-char-counter.js b/build/es5-amd/node_modules/@polymer/paper-input/paper-input-char-counter.js
index 8c57e8cbd13..75f7b696055 100644
--- a/build/es5-amd/node_modules/@polymer/paper-input/paper-input-char-counter.js
+++ b/build/es5-amd/node_modules/@polymer/paper-input/paper-input-char-counter.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../paper-styles/typography.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./paper-input-addon-behavior.js"], function (_polymerLegacy, _typography, _polymerFn, _htmlTag, _paperInputAddonBehavior) {
   "use strict";
 
-  var _templateObject_9bb018601f0511ed8cc3e9a95995ad69;
+  var _templateObject_76cfc6a01f2611eda0c389891c227ec8;
 
   /*
   `<paper-input-char-counter>` is a character counter for use with
@@ -23,7 +23,7 @@ define(["../polymer/polymer-legacy.js", "../paper-styles/typography.js", "../pol
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_9bb018601f0511ed8cc3e9a95995ad69 || (_templateObject_9bb018601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        float: right;\n\n        @apply --paper-font-caption;\n        @apply --paper-input-char-counter;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host(:dir(rtl)) {\n        float: left;\n      }\n    </style>\n\n    <span>[[_charCounterStr]]</span>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_76cfc6a01f2611eda0c389891c227ec8 || (_templateObject_76cfc6a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        float: right;\n\n        @apply --paper-font-caption;\n        @apply --paper-input-char-counter;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host(:dir(rtl)) {\n        float: left;\n      }\n    </style>\n\n    <span>[[_charCounterStr]]</span>\n"]))),
     is: 'paper-input-char-counter',
     behaviors: [_paperInputAddonBehavior.PaperInputAddonBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-input/paper-input-container.js b/build/es5-amd/node_modules/@polymer/paper-input/paper-input-container.js
index c9e82a7299a..73823d28485 100644
--- a/build/es5-amd/node_modules/@polymer/paper-input/paper-input-container.js
+++ b/build/es5-amd/node_modules/@polymer/paper-input/paper-input-container.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../paper-styles/default-theme.js", "../paper-styles/typography.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/case-map.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _defaultTheme, _typography, _polymerFn, _polymerDom, _caseMap, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bb3e8f01f0511ed8cc3e9a95995ad69, _templateObject2_9bb3e8f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_770a5ea01f2611eda0c389891c227ec8, _templateObject2_770a5ea01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9bb3e8f01f0511ed8cc3e9a95995ad69 || (_templateObject_9bb3e8f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n      --paper-input-container-shared-input-style: {\n        position: relative; /* to make a stacking context */\n        outline: none;\n        box-shadow: none;\n        padding: 0;\n        margin: 0;\n        width: 100%;\n        max-width: 100%;\n        background: transparent;\n        border: none;\n        color: var(--paper-input-container-input-color, var(--primary-text-color));\n        -webkit-appearance: none;\n        text-align: inherit;\n        vertical-align: var(--paper-input-container-input-align, bottom);\n\n        @apply --paper-font-subhead;\n      };\n    }\n  </style>\n</custom-style>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_770a5ea01f2611eda0c389891c227ec8 || (_templateObject_770a5ea01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n      --paper-input-container-shared-input-style: {\n        position: relative; /* to make a stacking context */\n        outline: none;\n        box-shadow: none;\n        padding: 0;\n        margin: 0;\n        width: 100%;\n        max-width: 100%;\n        background: transparent;\n        border: none;\n        color: var(--paper-input-container-input-color, var(--primary-text-color));\n        -webkit-appearance: none;\n        text-align: inherit;\n        vertical-align: var(--paper-input-container-input-align, bottom);\n\n        @apply --paper-font-subhead;\n      };\n    }\n  </style>\n</custom-style>\n"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
   /*
@@ -122,7 +122,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
 
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject2_9bb3e8f01f0511ed8cc3e9a95995ad69 || (_templateObject2_9bb3e8f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        padding: 8px 0;\n        @apply --paper-input-container;\n      }\n\n      :host([inline]) {\n        display: inline-block;\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n        opacity: 0.33;\n\n        @apply --paper-input-container-disabled;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n\n      .floated-label-placeholder {\n        @apply --paper-font-caption;\n      }\n\n      .underline {\n        height: 2px;\n        position: relative;\n      }\n\n      .focused-line {\n        @apply --layout-fit;\n        border-bottom: 2px solid var(--paper-input-container-focus-color, var(--primary-color));\n\n        -webkit-transform-origin: center center;\n        transform-origin: center center;\n        -webkit-transform: scale3d(0,1,1);\n        transform: scale3d(0,1,1);\n\n        @apply --paper-input-container-underline-focus;\n      }\n\n      .underline.is-highlighted .focused-line {\n        -webkit-transform: none;\n        transform: none;\n        -webkit-transition: -webkit-transform 0.25s;\n        transition: transform 0.25s;\n\n        @apply --paper-transition-easing;\n      }\n\n      .underline.is-invalid .focused-line {\n        border-color: var(--paper-input-container-invalid-color, var(--error-color));\n        -webkit-transform: none;\n        transform: none;\n        -webkit-transition: -webkit-transform 0.25s;\n        transition: transform 0.25s;\n\n        @apply --paper-transition-easing;\n      }\n\n      .unfocused-line {\n        @apply --layout-fit;\n        border-bottom: 1px solid var(--paper-input-container-color, var(--secondary-text-color));\n        @apply --paper-input-container-underline;\n      }\n\n      :host([disabled]) .unfocused-line {\n        border-bottom: 1px dashed;\n        border-color: var(--paper-input-container-color, var(--secondary-text-color));\n        @apply --paper-input-container-underline-disabled;\n      }\n\n      .input-wrapper {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        position: relative;\n      }\n\n      .input-content {\n        @apply --layout-flex-auto;\n        @apply --layout-relative;\n        max-width: 100%;\n      }\n\n      .input-content ::slotted(label),\n      .input-content ::slotted(.paper-input-label) {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        font: inherit;\n        color: var(--paper-input-container-color, var(--secondary-text-color));\n        -webkit-transition: -webkit-transform 0.25s, width 0.25s;\n        transition: transform 0.25s, width 0.25s;\n        -webkit-transform-origin: left top;\n        transform-origin: left top;\n        /* Fix for safari not focusing 0-height date/time inputs with -webkit-apperance: none; */\n        min-height: 1px;\n\n        @apply --paper-font-common-nowrap;\n        @apply --paper-font-subhead;\n        @apply --paper-input-container-label;\n        @apply --paper-transition-easing;\n      }\n\n\n      .input-content ::slotted(label):before,\n      .input-content ::slotted(.paper-input-label):before {\n        @apply --paper-input-container-label-before;\n      }\n\n      .input-content ::slotted(label):after,\n      .input-content ::slotted(.paper-input-label):after {\n        @apply --paper-input-container-label-after;\n      }\n\n      .input-content.label-is-floating ::slotted(label),\n      .input-content.label-is-floating ::slotted(.paper-input-label) {\n        -webkit-transform: translateY(-75%) scale(0.75);\n        transform: translateY(-75%) scale(0.75);\n\n        /* Since we scale to 75/100 of the size, we actually have 100/75 of the\n        original space now available */\n        width: 133%;\n\n        @apply --paper-input-container-label-floating;\n      }\n\n      :host(:dir(rtl)) .input-content.label-is-floating ::slotted(label),\n      :host(:dir(rtl)) .input-content.label-is-floating ::slotted(.paper-input-label) {\n        right: 0;\n        left: auto;\n        -webkit-transform-origin: right top;\n        transform-origin: right top;\n      }\n\n      .input-content.label-is-highlighted ::slotted(label),\n      .input-content.label-is-highlighted ::slotted(.paper-input-label) {\n        color: var(--paper-input-container-focus-color, var(--primary-color));\n\n        @apply --paper-input-container-label-focus;\n      }\n\n      .input-content.is-invalid ::slotted(label),\n      .input-content.is-invalid ::slotted(.paper-input-label) {\n        color: var(--paper-input-container-invalid-color, var(--error-color));\n      }\n\n      .input-content.label-is-hidden ::slotted(label),\n      .input-content.label-is-hidden ::slotted(.paper-input-label) {\n        visibility: hidden;\n      }\n\n      .input-content ::slotted(input),\n      .input-content ::slotted(iron-input),\n      .input-content ::slotted(textarea),\n      .input-content ::slotted(iron-autogrow-textarea),\n      .input-content ::slotted(.paper-input-input) {\n        @apply --paper-input-container-shared-input-style;\n        /* The apply shim doesn't apply the nested color custom property,\n          so we have to re-apply it here. */\n        color: var(--paper-input-container-input-color, var(--primary-text-color));\n        @apply --paper-input-container-input;\n      }\n\n      .input-content ::slotted(input)::-webkit-outer-spin-button,\n      .input-content ::slotted(input)::-webkit-inner-spin-button {\n        @apply --paper-input-container-input-webkit-spinner;\n      }\n\n      .input-content.focused ::slotted(input),\n      .input-content.focused ::slotted(iron-input),\n      .input-content.focused ::slotted(textarea),\n      .input-content.focused ::slotted(iron-autogrow-textarea),\n      .input-content.focused ::slotted(.paper-input-input) {\n        @apply --paper-input-container-input-focus;\n      }\n\n      .input-content.is-invalid ::slotted(input),\n      .input-content.is-invalid ::slotted(iron-input),\n      .input-content.is-invalid ::slotted(textarea),\n      .input-content.is-invalid ::slotted(iron-autogrow-textarea),\n      .input-content.is-invalid ::slotted(.paper-input-input) {\n        @apply --paper-input-container-input-invalid;\n      }\n\n      .prefix ::slotted(*) {\n        display: inline-block;\n        @apply --paper-font-subhead;\n        @apply --layout-flex-none;\n        @apply --paper-input-prefix;\n      }\n\n      .suffix ::slotted(*) {\n        display: inline-block;\n        @apply --paper-font-subhead;\n        @apply --layout-flex-none;\n\n        @apply --paper-input-suffix;\n      }\n\n      /* Firefox sets a min-width on the input, which can cause layout issues */\n      .input-content ::slotted(input) {\n        min-width: 0;\n      }\n\n      .input-content ::slotted(textarea) {\n        resize: none;\n      }\n\n      .add-on-content {\n        position: relative;\n      }\n\n      .add-on-content.is-invalid ::slotted(*) {\n        color: var(--paper-input-container-invalid-color, var(--error-color));\n      }\n\n      .add-on-content.is-highlighted ::slotted(*) {\n        color: var(--paper-input-container-focus-color, var(--primary-color));\n      }\n    </style>\n\n    <div class=\"floated-label-placeholder\" aria-hidden=\"true\" hidden=\"[[noLabelFloat]]\">&nbsp;</div>\n\n    <div class=\"input-wrapper\">\n      <span class=\"prefix\"><slot name=\"prefix\"></slot></span>\n\n      <div class$=\"[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focused,invalid,_inputHasContent)]]\" id=\"labelAndInputContainer\">\n        <slot name=\"label\"></slot>\n        <slot name=\"input\"></slot>\n      </div>\n\n      <span class=\"suffix\"><slot name=\"suffix\"></slot></span>\n    </div>\n\n    <div class$=\"[[_computeUnderlineClass(focused,invalid)]]\">\n      <div class=\"unfocused-line\"></div>\n      <div class=\"focused-line\"></div>\n    </div>\n\n    <div class$=\"[[_computeAddOnContentClass(focused,invalid)]]\">\n      <slot name=\"add-on\"></slot>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject2_770a5ea01f2611eda0c389891c227ec8 || (_templateObject2_770a5ea01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        padding: 8px 0;\n        @apply --paper-input-container;\n      }\n\n      :host([inline]) {\n        display: inline-block;\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n        opacity: 0.33;\n\n        @apply --paper-input-container-disabled;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n\n      .floated-label-placeholder {\n        @apply --paper-font-caption;\n      }\n\n      .underline {\n        height: 2px;\n        position: relative;\n      }\n\n      .focused-line {\n        @apply --layout-fit;\n        border-bottom: 2px solid var(--paper-input-container-focus-color, var(--primary-color));\n\n        -webkit-transform-origin: center center;\n        transform-origin: center center;\n        -webkit-transform: scale3d(0,1,1);\n        transform: scale3d(0,1,1);\n\n        @apply --paper-input-container-underline-focus;\n      }\n\n      .underline.is-highlighted .focused-line {\n        -webkit-transform: none;\n        transform: none;\n        -webkit-transition: -webkit-transform 0.25s;\n        transition: transform 0.25s;\n\n        @apply --paper-transition-easing;\n      }\n\n      .underline.is-invalid .focused-line {\n        border-color: var(--paper-input-container-invalid-color, var(--error-color));\n        -webkit-transform: none;\n        transform: none;\n        -webkit-transition: -webkit-transform 0.25s;\n        transition: transform 0.25s;\n\n        @apply --paper-transition-easing;\n      }\n\n      .unfocused-line {\n        @apply --layout-fit;\n        border-bottom: 1px solid var(--paper-input-container-color, var(--secondary-text-color));\n        @apply --paper-input-container-underline;\n      }\n\n      :host([disabled]) .unfocused-line {\n        border-bottom: 1px dashed;\n        border-color: var(--paper-input-container-color, var(--secondary-text-color));\n        @apply --paper-input-container-underline-disabled;\n      }\n\n      .input-wrapper {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        position: relative;\n      }\n\n      .input-content {\n        @apply --layout-flex-auto;\n        @apply --layout-relative;\n        max-width: 100%;\n      }\n\n      .input-content ::slotted(label),\n      .input-content ::slotted(.paper-input-label) {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        font: inherit;\n        color: var(--paper-input-container-color, var(--secondary-text-color));\n        -webkit-transition: -webkit-transform 0.25s, width 0.25s;\n        transition: transform 0.25s, width 0.25s;\n        -webkit-transform-origin: left top;\n        transform-origin: left top;\n        /* Fix for safari not focusing 0-height date/time inputs with -webkit-apperance: none; */\n        min-height: 1px;\n\n        @apply --paper-font-common-nowrap;\n        @apply --paper-font-subhead;\n        @apply --paper-input-container-label;\n        @apply --paper-transition-easing;\n      }\n\n\n      .input-content ::slotted(label):before,\n      .input-content ::slotted(.paper-input-label):before {\n        @apply --paper-input-container-label-before;\n      }\n\n      .input-content ::slotted(label):after,\n      .input-content ::slotted(.paper-input-label):after {\n        @apply --paper-input-container-label-after;\n      }\n\n      .input-content.label-is-floating ::slotted(label),\n      .input-content.label-is-floating ::slotted(.paper-input-label) {\n        -webkit-transform: translateY(-75%) scale(0.75);\n        transform: translateY(-75%) scale(0.75);\n\n        /* Since we scale to 75/100 of the size, we actually have 100/75 of the\n        original space now available */\n        width: 133%;\n\n        @apply --paper-input-container-label-floating;\n      }\n\n      :host(:dir(rtl)) .input-content.label-is-floating ::slotted(label),\n      :host(:dir(rtl)) .input-content.label-is-floating ::slotted(.paper-input-label) {\n        right: 0;\n        left: auto;\n        -webkit-transform-origin: right top;\n        transform-origin: right top;\n      }\n\n      .input-content.label-is-highlighted ::slotted(label),\n      .input-content.label-is-highlighted ::slotted(.paper-input-label) {\n        color: var(--paper-input-container-focus-color, var(--primary-color));\n\n        @apply --paper-input-container-label-focus;\n      }\n\n      .input-content.is-invalid ::slotted(label),\n      .input-content.is-invalid ::slotted(.paper-input-label) {\n        color: var(--paper-input-container-invalid-color, var(--error-color));\n      }\n\n      .input-content.label-is-hidden ::slotted(label),\n      .input-content.label-is-hidden ::slotted(.paper-input-label) {\n        visibility: hidden;\n      }\n\n      .input-content ::slotted(input),\n      .input-content ::slotted(iron-input),\n      .input-content ::slotted(textarea),\n      .input-content ::slotted(iron-autogrow-textarea),\n      .input-content ::slotted(.paper-input-input) {\n        @apply --paper-input-container-shared-input-style;\n        /* The apply shim doesn't apply the nested color custom property,\n          so we have to re-apply it here. */\n        color: var(--paper-input-container-input-color, var(--primary-text-color));\n        @apply --paper-input-container-input;\n      }\n\n      .input-content ::slotted(input)::-webkit-outer-spin-button,\n      .input-content ::slotted(input)::-webkit-inner-spin-button {\n        @apply --paper-input-container-input-webkit-spinner;\n      }\n\n      .input-content.focused ::slotted(input),\n      .input-content.focused ::slotted(iron-input),\n      .input-content.focused ::slotted(textarea),\n      .input-content.focused ::slotted(iron-autogrow-textarea),\n      .input-content.focused ::slotted(.paper-input-input) {\n        @apply --paper-input-container-input-focus;\n      }\n\n      .input-content.is-invalid ::slotted(input),\n      .input-content.is-invalid ::slotted(iron-input),\n      .input-content.is-invalid ::slotted(textarea),\n      .input-content.is-invalid ::slotted(iron-autogrow-textarea),\n      .input-content.is-invalid ::slotted(.paper-input-input) {\n        @apply --paper-input-container-input-invalid;\n      }\n\n      .prefix ::slotted(*) {\n        display: inline-block;\n        @apply --paper-font-subhead;\n        @apply --layout-flex-none;\n        @apply --paper-input-prefix;\n      }\n\n      .suffix ::slotted(*) {\n        display: inline-block;\n        @apply --paper-font-subhead;\n        @apply --layout-flex-none;\n\n        @apply --paper-input-suffix;\n      }\n\n      /* Firefox sets a min-width on the input, which can cause layout issues */\n      .input-content ::slotted(input) {\n        min-width: 0;\n      }\n\n      .input-content ::slotted(textarea) {\n        resize: none;\n      }\n\n      .add-on-content {\n        position: relative;\n      }\n\n      .add-on-content.is-invalid ::slotted(*) {\n        color: var(--paper-input-container-invalid-color, var(--error-color));\n      }\n\n      .add-on-content.is-highlighted ::slotted(*) {\n        color: var(--paper-input-container-focus-color, var(--primary-color));\n      }\n    </style>\n\n    <div class=\"floated-label-placeholder\" aria-hidden=\"true\" hidden=\"[[noLabelFloat]]\">&nbsp;</div>\n\n    <div class=\"input-wrapper\">\n      <span class=\"prefix\"><slot name=\"prefix\"></slot></span>\n\n      <div class$=\"[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focused,invalid,_inputHasContent)]]\" id=\"labelAndInputContainer\">\n        <slot name=\"label\"></slot>\n        <slot name=\"input\"></slot>\n      </div>\n\n      <span class=\"suffix\"><slot name=\"suffix\"></slot></span>\n    </div>\n\n    <div class$=\"[[_computeUnderlineClass(focused,invalid)]]\">\n      <div class=\"unfocused-line\"></div>\n      <div class=\"focused-line\"></div>\n    </div>\n\n    <div class$=\"[[_computeAddOnContentClass(focused,invalid)]]\">\n      <slot name=\"add-on\"></slot>\n    </div>\n"]))),
     is: 'paper-input-container',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/paper-input/paper-input-error.js b/build/es5-amd/node_modules/@polymer/paper-input/paper-input-error.js
index 7af549f9359..f1338096b91 100644
--- a/build/es5-amd/node_modules/@polymer/paper-input/paper-input-error.js
+++ b/build/es5-amd/node_modules/@polymer/paper-input/paper-input-error.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../paper-styles/default-theme.js", "../paper-styles/typography.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./paper-input-addon-behavior.js"], function (_polymerLegacy, _defaultTheme, _typography, _polymerFn, _htmlTag, _paperInputAddonBehavior) {
   "use strict";
 
-  var _templateObject_9bf22a701f0511ed8cc3e9a95995ad69;
+  var _templateObject_770cf6b01f2611eda0c389891c227ec8;
 
   /*
   `<paper-input-error>` is an error message for use with
@@ -25,7 +25,7 @@ define(["../polymer/polymer-legacy.js", "../paper-styles/default-theme.js", "../
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_9bf22a701f0511ed8cc3e9a95995ad69 || (_templateObject_9bf22a701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        visibility: hidden;\n\n        color: var(--paper-input-container-invalid-color, var(--error-color));\n\n        @apply --paper-font-caption;\n        @apply --paper-input-error;\n        position: absolute;\n        left:0;\n        right:0;\n      }\n\n      :host([invalid]) {\n        visibility: visible;\n      }\n\n      #a11yWrapper {\n        visibility: hidden;\n      }\n\n      :host([invalid]) #a11yWrapper {\n        visibility: visible;\n      }\n    </style>\n\n    <!--\n    If the paper-input-error element is directly referenced by an\n    `aria-describedby` attribute, such as when used as a paper-input add-on,\n    then applying `visibility: hidden;` to the paper-input-error element itself\n    does not hide the error.\n\n    For more information, see:\n    https://www.w3.org/TR/accname-1.1/#mapping_additional_nd_description\n    -->\n    <div id=\"a11yWrapper\">\n      <slot></slot>\n    </div>\n"], ["\n    <style>\n      :host {\n        display: inline-block;\n        visibility: hidden;\n\n        color: var(--paper-input-container-invalid-color, var(--error-color));\n\n        @apply --paper-font-caption;\n        @apply --paper-input-error;\n        position: absolute;\n        left:0;\n        right:0;\n      }\n\n      :host([invalid]) {\n        visibility: visible;\n      }\n\n      #a11yWrapper {\n        visibility: hidden;\n      }\n\n      :host([invalid]) #a11yWrapper {\n        visibility: visible;\n      }\n    </style>\n\n    <!--\n    If the paper-input-error element is directly referenced by an\n    \\`aria-describedby\\` attribute, such as when used as a paper-input add-on,\n    then applying \\`visibility: hidden;\\` to the paper-input-error element itself\n    does not hide the error.\n\n    For more information, see:\n    https://www.w3.org/TR/accname-1.1/#mapping_additional_nd_description\n    -->\n    <div id=\"a11yWrapper\">\n      <slot></slot>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_770cf6b01f2611eda0c389891c227ec8 || (_templateObject_770cf6b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        visibility: hidden;\n\n        color: var(--paper-input-container-invalid-color, var(--error-color));\n\n        @apply --paper-font-caption;\n        @apply --paper-input-error;\n        position: absolute;\n        left:0;\n        right:0;\n      }\n\n      :host([invalid]) {\n        visibility: visible;\n      }\n\n      #a11yWrapper {\n        visibility: hidden;\n      }\n\n      :host([invalid]) #a11yWrapper {\n        visibility: visible;\n      }\n    </style>\n\n    <!--\n    If the paper-input-error element is directly referenced by an\n    `aria-describedby` attribute, such as when used as a paper-input add-on,\n    then applying `visibility: hidden;` to the paper-input-error element itself\n    does not hide the error.\n\n    For more information, see:\n    https://www.w3.org/TR/accname-1.1/#mapping_additional_nd_description\n    -->\n    <div id=\"a11yWrapper\">\n      <slot></slot>\n    </div>\n"], ["\n    <style>\n      :host {\n        display: inline-block;\n        visibility: hidden;\n\n        color: var(--paper-input-container-invalid-color, var(--error-color));\n\n        @apply --paper-font-caption;\n        @apply --paper-input-error;\n        position: absolute;\n        left:0;\n        right:0;\n      }\n\n      :host([invalid]) {\n        visibility: visible;\n      }\n\n      #a11yWrapper {\n        visibility: hidden;\n      }\n\n      :host([invalid]) #a11yWrapper {\n        visibility: visible;\n      }\n    </style>\n\n    <!--\n    If the paper-input-error element is directly referenced by an\n    \\`aria-describedby\\` attribute, such as when used as a paper-input add-on,\n    then applying \\`visibility: hidden;\\` to the paper-input-error element itself\n    does not hide the error.\n\n    For more information, see:\n    https://www.w3.org/TR/accname-1.1/#mapping_additional_nd_description\n    -->\n    <div id=\"a11yWrapper\">\n      <slot></slot>\n    </div>\n"]))),
     is: 'paper-input-error',
     behaviors: [_paperInputAddonBehavior.PaperInputAddonBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-input/paper-input.js b/build/es5-amd/node_modules/@polymer/paper-input/paper-input.js
index 9b8d9531fa5..6e36f583535 100644
--- a/build/es5-amd/node_modules/@polymer/paper-input/paper-input.js
+++ b/build/es5-amd/node_modules/@polymer/paper-input/paper-input.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-input/iron-input.js", "./paper-input-char-counter.js", "./paper-input-container.js", "./paper-input-error.js", "../iron-form-element-behavior/iron-form-element-behavior.js", "../polymer/lib/elements/dom-module.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./paper-input-behavior.js"], function (_polymerLegacy, _ironInput, _paperInputCharCounter, _paperInputContainer, _paperInputError, _ironFormElementBehavior, _domModule, _polymerFn, _htmlTag, _paperInputBehavior) {
   "use strict";
 
-  var _templateObject_911519501f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d1bf3401f2611eda0c389891c227ec8;
 
   /**
   Material design: [Text
@@ -62,7 +62,7 @@ define(["../polymer/polymer-legacy.js", "../iron-input/iron-input.js", "./paper-
     is: 'paper-input',
 
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_911519501f0511ed8cc3e9a95995ad69 || (_templateObject_911519501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      :host([focused]) {\n        outline: none;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      input {\n        /* Firefox sets a min-width on the input, which can cause layout issues */\n        min-width: 0;\n      }\n\n      /* In 1.x, the <input> is distributed to paper-input-container, which styles it.\n      In 2.x the <iron-input> is distributed to paper-input-container, which styles\n      it, but in order for this to work correctly, we need to reset some\n      of the native input's properties to inherit (from the iron-input) */\n      iron-input > input {\n        @apply --paper-input-container-shared-input-style;\n        font-family: inherit;\n        font-weight: inherit;\n        font-size: inherit;\n        letter-spacing: inherit;\n        word-spacing: inherit;\n        line-height: inherit;\n        text-shadow: inherit;\n        color: inherit;\n        cursor: inherit;\n      }\n\n      input:disabled {\n        @apply --paper-input-container-input-disabled;\n      }\n\n      input::-webkit-outer-spin-button,\n      input::-webkit-inner-spin-button {\n        @apply --paper-input-container-input-webkit-spinner;\n      }\n\n      input::-webkit-clear-button {\n        @apply --paper-input-container-input-webkit-clear;\n      }\n\n      input::-webkit-calendar-picker-indicator {\n        @apply --paper-input-container-input-webkit-calendar-picker-indicator;\n      }\n\n      input::-webkit-input-placeholder {\n        color: var(--paper-input-container-color, var(--secondary-text-color));\n      }\n\n      input:-moz-placeholder {\n        color: var(--paper-input-container-color, var(--secondary-text-color));\n      }\n\n      input::-moz-placeholder {\n        color: var(--paper-input-container-color, var(--secondary-text-color));\n      }\n\n      input::-ms-clear {\n        @apply --paper-input-container-ms-clear;\n      }\n\n      input::-ms-reveal {\n        @apply --paper-input-container-ms-reveal;\n      }\n\n      input:-ms-input-placeholder {\n        color: var(--paper-input-container-color, var(--secondary-text-color));\n      }\n\n      label {\n        pointer-events: none;\n      }\n    </style>\n\n    <paper-input-container id=\"container\" no-label-float=\"[[noLabelFloat]]\" always-float-label=\"[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]\" auto-validate$=\"[[autoValidate]]\" disabled$=\"[[disabled]]\" invalid=\"[[invalid]]\">\n\n      <slot name=\"prefix\" slot=\"prefix\"></slot>\n\n      <label hidden$=\"[[!label]]\" aria-hidden=\"true\" for$=\"[[_inputId]]\" slot=\"label\">[[label]]</label>\n\n      <!-- Need to bind maxlength so that the paper-input-char-counter works correctly -->\n      <iron-input bind-value=\"{{value}}\" slot=\"input\" class=\"input-element\" id$=\"[[_inputId]]\" maxlength$=\"[[maxlength]]\" allowed-pattern=\"[[allowedPattern]]\" invalid=\"{{invalid}}\" validator=\"[[validator]]\">\n        <input aria-labelledby$=\"[[_ariaLabelledBy]]\" aria-describedby$=\"[[_ariaDescribedBy]]\" disabled$=\"[[disabled]]\" title$=\"[[title]]\" type$=\"[[type]]\" pattern$=\"[[pattern]]\" required$=\"[[required]]\" autocomplete$=\"[[autocomplete]]\" autofocus$=\"[[autofocus]]\" inputmode$=\"[[inputmode]]\" minlength$=\"[[minlength]]\" maxlength$=\"[[maxlength]]\" min$=\"[[min]]\" max$=\"[[max]]\" step$=\"[[step]]\" name$=\"[[name]]\" placeholder$=\"[[placeholder]]\" readonly$=\"[[readonly]]\" list$=\"[[list]]\" size$=\"[[size]]\" autocapitalize$=\"[[autocapitalize]]\" autocorrect$=\"[[autocorrect]]\" on-change=\"_onChange\" tabindex$=\"[[tabIndex]]\" autosave$=\"[[autosave]]\" results$=\"[[results]]\" accept$=\"[[accept]]\" multiple$=\"[[multiple]]\" role$=\"[[inputRole]]\" aria-haspopup$=\"[[inputAriaHaspopup]]\">\n      </iron-input>\n\n      <slot name=\"suffix\" slot=\"suffix\"></slot>\n\n      <template is=\"dom-if\" if=\"[[errorMessage]]\">\n        <paper-input-error aria-live=\"assertive\" slot=\"add-on\">[[errorMessage]]</paper-input-error>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[charCounter]]\">\n        <paper-input-char-counter slot=\"add-on\"></paper-input-char-counter>\n      </template>\n\n    </paper-input-container>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_6d1bf3401f2611eda0c389891c227ec8 || (_templateObject_6d1bf3401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      :host([focused]) {\n        outline: none;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      input {\n        /* Firefox sets a min-width on the input, which can cause layout issues */\n        min-width: 0;\n      }\n\n      /* In 1.x, the <input> is distributed to paper-input-container, which styles it.\n      In 2.x the <iron-input> is distributed to paper-input-container, which styles\n      it, but in order for this to work correctly, we need to reset some\n      of the native input's properties to inherit (from the iron-input) */\n      iron-input > input {\n        @apply --paper-input-container-shared-input-style;\n        font-family: inherit;\n        font-weight: inherit;\n        font-size: inherit;\n        letter-spacing: inherit;\n        word-spacing: inherit;\n        line-height: inherit;\n        text-shadow: inherit;\n        color: inherit;\n        cursor: inherit;\n      }\n\n      input:disabled {\n        @apply --paper-input-container-input-disabled;\n      }\n\n      input::-webkit-outer-spin-button,\n      input::-webkit-inner-spin-button {\n        @apply --paper-input-container-input-webkit-spinner;\n      }\n\n      input::-webkit-clear-button {\n        @apply --paper-input-container-input-webkit-clear;\n      }\n\n      input::-webkit-calendar-picker-indicator {\n        @apply --paper-input-container-input-webkit-calendar-picker-indicator;\n      }\n\n      input::-webkit-input-placeholder {\n        color: var(--paper-input-container-color, var(--secondary-text-color));\n      }\n\n      input:-moz-placeholder {\n        color: var(--paper-input-container-color, var(--secondary-text-color));\n      }\n\n      input::-moz-placeholder {\n        color: var(--paper-input-container-color, var(--secondary-text-color));\n      }\n\n      input::-ms-clear {\n        @apply --paper-input-container-ms-clear;\n      }\n\n      input::-ms-reveal {\n        @apply --paper-input-container-ms-reveal;\n      }\n\n      input:-ms-input-placeholder {\n        color: var(--paper-input-container-color, var(--secondary-text-color));\n      }\n\n      label {\n        pointer-events: none;\n      }\n    </style>\n\n    <paper-input-container id=\"container\" no-label-float=\"[[noLabelFloat]]\" always-float-label=\"[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]\" auto-validate$=\"[[autoValidate]]\" disabled$=\"[[disabled]]\" invalid=\"[[invalid]]\">\n\n      <slot name=\"prefix\" slot=\"prefix\"></slot>\n\n      <label hidden$=\"[[!label]]\" aria-hidden=\"true\" for$=\"[[_inputId]]\" slot=\"label\">[[label]]</label>\n\n      <!-- Need to bind maxlength so that the paper-input-char-counter works correctly -->\n      <iron-input bind-value=\"{{value}}\" slot=\"input\" class=\"input-element\" id$=\"[[_inputId]]\" maxlength$=\"[[maxlength]]\" allowed-pattern=\"[[allowedPattern]]\" invalid=\"{{invalid}}\" validator=\"[[validator]]\">\n        <input aria-labelledby$=\"[[_ariaLabelledBy]]\" aria-describedby$=\"[[_ariaDescribedBy]]\" disabled$=\"[[disabled]]\" title$=\"[[title]]\" type$=\"[[type]]\" pattern$=\"[[pattern]]\" required$=\"[[required]]\" autocomplete$=\"[[autocomplete]]\" autofocus$=\"[[autofocus]]\" inputmode$=\"[[inputmode]]\" minlength$=\"[[minlength]]\" maxlength$=\"[[maxlength]]\" min$=\"[[min]]\" max$=\"[[max]]\" step$=\"[[step]]\" name$=\"[[name]]\" placeholder$=\"[[placeholder]]\" readonly$=\"[[readonly]]\" list$=\"[[list]]\" size$=\"[[size]]\" autocapitalize$=\"[[autocapitalize]]\" autocorrect$=\"[[autocorrect]]\" on-change=\"_onChange\" tabindex$=\"[[tabIndex]]\" autosave$=\"[[autosave]]\" results$=\"[[results]]\" accept$=\"[[accept]]\" multiple$=\"[[multiple]]\" role$=\"[[inputRole]]\" aria-haspopup$=\"[[inputAriaHaspopup]]\">\n      </iron-input>\n\n      <slot name=\"suffix\" slot=\"suffix\"></slot>\n\n      <template is=\"dom-if\" if=\"[[errorMessage]]\">\n        <paper-input-error aria-live=\"assertive\" slot=\"add-on\">[[errorMessage]]</paper-input-error>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[charCounter]]\">\n        <paper-input-char-counter slot=\"add-on\"></paper-input-char-counter>\n      </template>\n\n    </paper-input-container>\n  "]))),
     behaviors: [_paperInputBehavior.PaperInputBehavior, _ironFormElementBehavior.IronFormElementBehavior],
     properties: {
       value: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-input/paper-textarea.js b/build/es5-amd/node_modules/@polymer/paper-input/paper-textarea.js
index 9b40c12cd75..6ec2d19d0dd 100644
--- a/build/es5-amd/node_modules/@polymer/paper-input/paper-textarea.js
+++ b/build/es5-amd/node_modules/@polymer/paper-input/paper-textarea.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-autogrow-textarea/iron-autogrow-textarea.js", "./paper-input-char-counter.js", "./paper-input-container.js", "./paper-input-error.js", "../iron-form-element-behavior/iron-form-element-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./paper-input-behavior.js"], function (_polymerLegacy, _ironAutogrowTextarea, _paperInputCharCounter, _paperInputContainer, _paperInputError, _ironFormElementBehavior, _polymerFn, _htmlTag, _paperInputBehavior) {
   "use strict";
 
-  var _templateObject_9116c7001f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d2011f01f2611eda0c389891c227ec8;
 
   /*
   `<paper-textarea>` is a multi-line text field with Material Design styling.
@@ -21,7 +21,7 @@ define(["../polymer/polymer-legacy.js", "../iron-autogrow-textarea/iron-autogrow
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_9116c7001f0511ed8cc3e9a95995ad69 || (_templateObject_9116c7001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      label {\n        pointer-events: none;\n      }\n    </style>\n\n    <paper-input-container no-label-float$=\"[[noLabelFloat]]\" always-float-label=\"[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]\" auto-validate$=\"[[autoValidate]]\" disabled$=\"[[disabled]]\" invalid=\"[[invalid]]\">\n\n      <label hidden$=\"[[!label]]\" aria-hidden=\"true\" for$=\"[[_inputId]]\" slot=\"label\">[[label]]</label>\n\n      <iron-autogrow-textarea class=\"paper-input-input\" slot=\"input\" id$=\"[[_inputId]]\" aria-labelledby$=\"[[_ariaLabelledBy]]\" aria-describedby$=\"[[_ariaDescribedBy]]\" bind-value=\"{{value}}\" invalid=\"{{invalid}}\" validator$=\"[[validator]]\" disabled$=\"[[disabled]]\" autocomplete$=\"[[autocomplete]]\" autofocus$=\"[[autofocus]]\" inputmode$=\"[[inputmode]]\" name$=\"[[name]]\" placeholder$=\"[[placeholder]]\" readonly$=\"[[readonly]]\" required$=\"[[required]]\" minlength$=\"[[minlength]]\" maxlength$=\"[[maxlength]]\" autocapitalize$=\"[[autocapitalize]]\" rows$=\"[[rows]]\" max-rows$=\"[[maxRows]]\" on-change=\"_onChange\"></iron-autogrow-textarea>\n\n      <template is=\"dom-if\" if=\"[[errorMessage]]\">\n        <paper-input-error aria-live=\"assertive\" slot=\"add-on\">[[errorMessage]]</paper-input-error>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[charCounter]]\">\n        <paper-input-char-counter slot=\"add-on\"></paper-input-char-counter>\n      </template>\n\n    </paper-input-container>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6d2011f01f2611eda0c389891c227ec8 || (_templateObject_6d2011f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      label {\n        pointer-events: none;\n      }\n    </style>\n\n    <paper-input-container no-label-float$=\"[[noLabelFloat]]\" always-float-label=\"[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]\" auto-validate$=\"[[autoValidate]]\" disabled$=\"[[disabled]]\" invalid=\"[[invalid]]\">\n\n      <label hidden$=\"[[!label]]\" aria-hidden=\"true\" for$=\"[[_inputId]]\" slot=\"label\">[[label]]</label>\n\n      <iron-autogrow-textarea class=\"paper-input-input\" slot=\"input\" id$=\"[[_inputId]]\" aria-labelledby$=\"[[_ariaLabelledBy]]\" aria-describedby$=\"[[_ariaDescribedBy]]\" bind-value=\"{{value}}\" invalid=\"{{invalid}}\" validator$=\"[[validator]]\" disabled$=\"[[disabled]]\" autocomplete$=\"[[autocomplete]]\" autofocus$=\"[[autofocus]]\" inputmode$=\"[[inputmode]]\" name$=\"[[name]]\" placeholder$=\"[[placeholder]]\" readonly$=\"[[readonly]]\" required$=\"[[required]]\" minlength$=\"[[minlength]]\" maxlength$=\"[[maxlength]]\" autocapitalize$=\"[[autocapitalize]]\" rows$=\"[[rows]]\" max-rows$=\"[[maxRows]]\" on-change=\"_onChange\"></iron-autogrow-textarea>\n\n      <template is=\"dom-if\" if=\"[[errorMessage]]\">\n        <paper-input-error aria-live=\"assertive\" slot=\"add-on\">[[errorMessage]]</paper-input-error>\n      </template>\n\n      <template is=\"dom-if\" if=\"[[charCounter]]\">\n        <paper-input-char-counter slot=\"add-on\"></paper-input-char-counter>\n      </template>\n\n    </paper-input-container>\n"]))),
     is: 'paper-textarea',
     behaviors: [_paperInputBehavior.PaperInputBehavior, _ironFormElementBehavior.IronFormElementBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-item/paper-icon-item.js b/build/es5-amd/node_modules/@polymer/paper-item/paper-icon-item.js
index 5aa5a634b94..abae03949f7 100644
--- a/build/es5-amd/node_modules/@polymer/paper-item/paper-icon-item.js
+++ b/build/es5-amd/node_modules/@polymer/paper-item/paper-icon-item.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../paper-styles/typography.js", "./paper-item-shared-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./paper-item-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _typography, _paperItemSharedStyles, _polymerFn, _htmlTag, _paperItemBehavior) {
   "use strict";
 
-  var _templateObject_911c93601f0511ed8cc3e9a95995ad69;
+  var _templateObject_6cebbb801f2611eda0c389891c227ec8;
 
   /*
   `<paper-icon-item>` is a convenience element to make an item with icon. It is an
@@ -37,7 +37,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
   
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_911c93601f0511ed8cc3e9a95995ad69 || (_templateObject_911c93601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-item-shared-styles\"></style>\n    <style>\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        @apply --paper-font-subhead;\n\n        @apply --paper-item;\n        @apply --paper-icon-item;\n      }\n\n      .content-icon {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n\n        width: var(--paper-item-icon-width, 56px);\n        @apply --paper-item-icon;\n      }\n    </style>\n\n    <div id=\"contentIcon\" class=\"content-icon\">\n      <slot name=\"item-icon\"></slot>\n    </div>\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6cebbb801f2611eda0c389891c227ec8 || (_templateObject_6cebbb801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-item-shared-styles\"></style>\n    <style>\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        @apply --paper-font-subhead;\n\n        @apply --paper-item;\n        @apply --paper-icon-item;\n      }\n\n      .content-icon {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n\n        width: var(--paper-item-icon-width, 56px);\n        @apply --paper-item-icon;\n      }\n    </style>\n\n    <div id=\"contentIcon\" class=\"content-icon\">\n      <slot name=\"item-icon\"></slot>\n    </div>\n    <slot></slot>\n"]))),
     is: 'paper-icon-item',
     behaviors: [_paperItemBehavior.PaperItemBehavior]
   });
diff --git a/build/es5-amd/node_modules/@polymer/paper-item/paper-item-body.js b/build/es5-amd/node_modules/@polymer/paper-item/paper-item-body.js
index 5b5eb73127c..4123a14376a 100644
--- a/build/es5-amd/node_modules/@polymer/paper-item/paper-item-body.js
+++ b/build/es5-amd/node_modules/@polymer/paper-item/paper-item-body.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../paper-styles/default-theme.js", "../paper-styles/typography.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _defaultTheme, _typography, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9124f7d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_6cf4bc301f2611eda0c389891c227ec8;
 
   /*
   Use `<paper-item-body>` in a `<paper-item>` or `<paper-icon-item>` to make two-
@@ -30,7 +30,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
   
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9124f7d01f0511ed8cc3e9a95995ad69 || (_templateObject_9124f7d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        overflow: hidden; /* needed for text-overflow: ellipsis to work on ff */\n        @apply --layout-vertical;\n        @apply --layout-center-justified;\n        @apply --layout-flex;\n      }\n\n      :host([two-line]) {\n        min-height: var(--paper-item-body-two-line-min-height, 72px);\n      }\n\n      :host([three-line]) {\n        min-height: var(--paper-item-body-three-line-min-height, 88px);\n      }\n\n      :host > ::slotted(*) {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      :host > ::slotted([secondary]) {\n        @apply --paper-font-body1;\n\n        color: var(--paper-item-body-secondary-color, var(--secondary-text-color));\n\n        @apply --paper-item-body-secondary;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6cf4bc301f2611eda0c389891c227ec8 || (_templateObject_6cf4bc301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        overflow: hidden; /* needed for text-overflow: ellipsis to work on ff */\n        @apply --layout-vertical;\n        @apply --layout-center-justified;\n        @apply --layout-flex;\n      }\n\n      :host([two-line]) {\n        min-height: var(--paper-item-body-two-line-min-height, 72px);\n      }\n\n      :host([three-line]) {\n        min-height: var(--paper-item-body-three-line-min-height, 88px);\n      }\n\n      :host > ::slotted(*) {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      :host > ::slotted([secondary]) {\n        @apply --paper-font-body1;\n\n        color: var(--paper-item-body-secondary-color, var(--secondary-text-color));\n\n        @apply --paper-item-body-secondary;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
     is: 'paper-item-body'
   });
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-item/paper-item.js b/build/es5-amd/node_modules/@polymer/paper-item/paper-item.js
index 10e239dd113..091a4aa9d7c 100644
--- a/build/es5-amd/node_modules/@polymer/paper-item/paper-item.js
+++ b/build/es5-amd/node_modules/@polymer/paper-item/paper-item.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "./paper-item-shared-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./paper-item-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _paperItemSharedStyles, _polymerFn, _htmlTag, _paperItemBehavior) {
   "use strict";
 
-  var _templateObject_912ce7101f0511ed8cc3e9a95995ad69;
+  var _templateObject_6cfc36401f2611eda0c389891c227ec8;
 
   /**
   Material design:
@@ -77,7 +77,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_912ce7101f0511ed8cc3e9a95995ad69 || (_templateObject_912ce7101f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-item-shared-styles\">\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        @apply --paper-font-subhead;\n\n        @apply --paper-item;\n      }\n    </style>\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6cfc36401f2611eda0c389891c227ec8 || (_templateObject_6cfc36401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-item-shared-styles\">\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        @apply --paper-font-subhead;\n\n        @apply --paper-item;\n      }\n    </style>\n    <slot></slot>\n"]))),
     is: 'paper-item',
     behaviors: [_paperItemBehavior.PaperItemBehavior]
   });
diff --git a/build/es5-amd/node_modules/@polymer/paper-listbox/paper-listbox.js b/build/es5-amd/node_modules/@polymer/paper-listbox/paper-listbox.js
index 404f426937f..d60e4a42387 100644
--- a/build/es5-amd/node_modules/@polymer/paper-listbox/paper-listbox.js
+++ b/build/es5-amd/node_modules/@polymer/paper-listbox/paper-listbox.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../paper-styles/default-theme.js", "../iron-menu-behavior/iron-menu-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _defaultTheme, _ironMenuBehavior, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_912fcd401f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d23bb701f2611eda0c389891c227ec8;
 
   /**
   Material design:
@@ -55,7 +55,7 @@ define(["../polymer/polymer-legacy.js", "../paper-styles/default-theme.js", "../
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_912fcd401f0511ed8cc3e9a95995ad69 || (_templateObject_912fcd401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        padding: 8px 0;\n\n        background: var(--paper-listbox-background-color, var(--primary-background-color));\n        color: var(--paper-listbox-color, var(--primary-text-color));\n\n        @apply --paper-listbox;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6d23bb701f2611eda0c389891c227ec8 || (_templateObject_6d23bb701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        padding: 8px 0;\n\n        background: var(--paper-listbox-background-color, var(--primary-background-color));\n        color: var(--paper-listbox-color, var(--primary-text-color));\n\n        @apply --paper-listbox;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
     is: 'paper-listbox',
     behaviors: [_ironMenuBehavior.IronMenuBehavior],
 
diff --git a/build/es5-amd/node_modules/@polymer/paper-material/paper-material-shared-styles.js b/build/es5-amd/node_modules/@polymer/paper-material/paper-material-shared-styles.js
index 8109c5c6020..d15868be76a 100644
--- a/build/es5-amd/node_modules/@polymer/paper-material/paper-material-shared-styles.js
+++ b/build/es5-amd/node_modules/@polymer/paper-material/paper-material-shared-styles.js
@@ -1,9 +1,9 @@
 define(["../paper-styles/shadow.js", "../polymer/lib/utils/html-tag.js"], function (_shadow, _htmlTag) {
   "use strict";
 
-  var _templateObject_a3256d701f0511ed8cc3e9a95995ad69;
+  var _templateObject_7dcba5f01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_a3256d701f0511ed8cc3e9a95995ad69 || (_templateObject_a3256d701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"paper-material-shared-styles\">\n  <template>\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      :host([elevation=\"1\"]) {\n        @apply --shadow-elevation-2dp;\n      }\n\n      :host([elevation=\"2\"]) {\n        @apply --shadow-elevation-4dp;\n      }\n\n      :host([elevation=\"3\"]) {\n        @apply --shadow-elevation-6dp;\n      }\n\n      :host([elevation=\"4\"]) {\n        @apply --shadow-elevation-8dp;\n      }\n\n      :host([elevation=\"5\"]) {\n        @apply --shadow-elevation-16dp;\n      }\n    </style>\n  </template>\n</dom-module>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_7dcba5f01f2611eda0c389891c227ec8 || (_templateObject_7dcba5f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"paper-material-shared-styles\">\n  <template>\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      :host([elevation=\"1\"]) {\n        @apply --shadow-elevation-2dp;\n      }\n\n      :host([elevation=\"2\"]) {\n        @apply --shadow-elevation-4dp;\n      }\n\n      :host([elevation=\"3\"]) {\n        @apply --shadow-elevation-6dp;\n      }\n\n      :host([elevation=\"4\"]) {\n        @apply --shadow-elevation-8dp;\n      }\n\n      :host([elevation=\"5\"]) {\n        @apply --shadow-elevation-16dp;\n      }\n    </style>\n  </template>\n</dom-module>\n"])));
   template.setAttribute('style', 'display: none;');
   document.body.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-material/paper-material.js b/build/es5-amd/node_modules/@polymer/paper-material/paper-material.js
index 87a52fc1516..b9098f98575 100644
--- a/build/es5-amd/node_modules/@polymer/paper-material/paper-material.js
+++ b/build/es5-amd/node_modules/@polymer/paper-material/paper-material.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../paper-styles/shadow.js", "./paper-material-shared-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _shadow, _paperMaterialSharedStyles, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_99c18ed01f0511ed8cc3e9a95995ad69;
+  var _templateObject_74e423401f2611eda0c389891c227ec8;
 
   /**
   Material design:
@@ -20,7 +20,7 @@ define(["../polymer/polymer-legacy.js", "../paper-styles/shadow.js", "./paper-ma
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_99c18ed01f0511ed8cc3e9a95995ad69 || (_templateObject_99c18ed01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-material-shared-styles\"></style>\n    <style>\n      :host([animated]) {\n        @apply --shadow-transition;\n      }\n      :host {\n        @apply --paper-material;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_74e423401f2611eda0c389891c227ec8 || (_templateObject_74e423401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-material-shared-styles\"></style>\n    <style>\n      :host([animated]) {\n        @apply --shadow-transition;\n      }\n      :host {\n        @apply --paper-material;\n      }\n    </style>\n\n    <slot></slot>\n"]))),
     is: 'paper-material',
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@polymer/paper-menu-button/paper-menu-button.js b/build/es5-amd/node_modules/@polymer/paper-menu-button/paper-menu-button.js
index cf00e8b69a5..8c2a04fbb1b 100644
--- a/build/es5-amd/node_modules/@polymer/paper-menu-button/paper-menu-button.js
+++ b/build/es5-amd/node_modules/@polymer/paper-menu-button/paper-menu-button.js
@@ -6,7 +6,7 @@ define(["exports", "../polymer/polymer-legacy.js", "../iron-dropdown/iron-dropdo
   });
   _exports.PaperMenuButton = void 0;
 
-  var _templateObject_91583cd01f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d2d31501f2611eda0c389891c227ec8;
 
   var config = {
     ANIMATION_CUBIC_BEZIER: 'cubic-bezier(.3,.95,.5,1)',
@@ -56,7 +56,7 @@ define(["exports", "../polymer/polymer-legacy.js", "../iron-dropdown/iron-dropdo
 
   var PaperMenuButton = (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_91583cd01f0511ed8cc3e9a95995ad69 || (_templateObject_91583cd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        padding: 8px;\n        outline: none;\n\n        @apply --paper-menu-button;\n      }\n\n      :host([disabled]) {\n        cursor: auto;\n        color: var(--disabled-text-color);\n\n        @apply --paper-menu-button-disabled;\n      }\n\n      iron-dropdown {\n        @apply --paper-menu-button-dropdown;\n      }\n\n      .dropdown-content {\n        @apply --shadow-elevation-2dp;\n\n        position: relative;\n        border-radius: 2px;\n        background-color: var(--paper-menu-button-dropdown-background, var(--primary-background-color));\n\n        @apply --paper-menu-button-content;\n      }\n\n      :host([vertical-align=\"top\"]) .dropdown-content {\n        margin-bottom: 20px;\n        margin-top: -10px;\n        top: 10px;\n      }\n\n      :host([vertical-align=\"bottom\"]) .dropdown-content {\n        bottom: 10px;\n        margin-bottom: -10px;\n        margin-top: 20px;\n      }\n\n      #trigger {\n        cursor: pointer;\n      }\n    </style>\n\n    <div id=\"trigger\" on-tap=\"toggle\">\n      <slot name=\"dropdown-trigger\"></slot>\n    </div>\n\n    <iron-dropdown id=\"dropdown\" opened=\"{{opened}}\" horizontal-align=\"[[horizontalAlign]]\" vertical-align=\"[[verticalAlign]]\" dynamic-align=\"[[dynamicAlign]]\" horizontal-offset=\"[[horizontalOffset]]\" vertical-offset=\"[[verticalOffset]]\" no-overlap=\"[[noOverlap]]\" open-animation-config=\"[[openAnimationConfig]]\" close-animation-config=\"[[closeAnimationConfig]]\" no-animations=\"[[noAnimations]]\" focus-target=\"[[_dropdownContent]]\" allow-outside-scroll=\"[[allowOutsideScroll]]\" restore-focus-on-close=\"[[restoreFocusOnClose]]\" on-iron-overlay-canceled=\"__onIronOverlayCanceled\" expand-sizing-target-for-scrollbars=\"[[expandSizingTargetForScrollbars]]\">\n      <div slot=\"dropdown-content\" class=\"dropdown-content\">\n        <slot id=\"content\" name=\"dropdown-content\"></slot>\n      </div>\n    </iron-dropdown>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6d2d31501f2611eda0c389891c227ec8 || (_templateObject_6d2d31501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        padding: 8px;\n        outline: none;\n\n        @apply --paper-menu-button;\n      }\n\n      :host([disabled]) {\n        cursor: auto;\n        color: var(--disabled-text-color);\n\n        @apply --paper-menu-button-disabled;\n      }\n\n      iron-dropdown {\n        @apply --paper-menu-button-dropdown;\n      }\n\n      .dropdown-content {\n        @apply --shadow-elevation-2dp;\n\n        position: relative;\n        border-radius: 2px;\n        background-color: var(--paper-menu-button-dropdown-background, var(--primary-background-color));\n\n        @apply --paper-menu-button-content;\n      }\n\n      :host([vertical-align=\"top\"]) .dropdown-content {\n        margin-bottom: 20px;\n        margin-top: -10px;\n        top: 10px;\n      }\n\n      :host([vertical-align=\"bottom\"]) .dropdown-content {\n        bottom: 10px;\n        margin-bottom: -10px;\n        margin-top: 20px;\n      }\n\n      #trigger {\n        cursor: pointer;\n      }\n    </style>\n\n    <div id=\"trigger\" on-tap=\"toggle\">\n      <slot name=\"dropdown-trigger\"></slot>\n    </div>\n\n    <iron-dropdown id=\"dropdown\" opened=\"{{opened}}\" horizontal-align=\"[[horizontalAlign]]\" vertical-align=\"[[verticalAlign]]\" dynamic-align=\"[[dynamicAlign]]\" horizontal-offset=\"[[horizontalOffset]]\" vertical-offset=\"[[verticalOffset]]\" no-overlap=\"[[noOverlap]]\" open-animation-config=\"[[openAnimationConfig]]\" close-animation-config=\"[[closeAnimationConfig]]\" no-animations=\"[[noAnimations]]\" focus-target=\"[[_dropdownContent]]\" allow-outside-scroll=\"[[allowOutsideScroll]]\" restore-focus-on-close=\"[[restoreFocusOnClose]]\" on-iron-overlay-canceled=\"__onIronOverlayCanceled\" expand-sizing-target-for-scrollbars=\"[[expandSizingTargetForScrollbars]]\">\n      <div slot=\"dropdown-content\" class=\"dropdown-content\">\n        <slot id=\"content\" name=\"dropdown-content\"></slot>\n      </div>\n    </iron-dropdown>\n"]))),
     is: 'paper-menu-button',
 
     /**
diff --git a/build/es5-amd/node_modules/@polymer/paper-progress/paper-progress.js b/build/es5-amd/node_modules/@polymer/paper-progress/paper-progress.js
index 07d20a07460..d7047e2290d 100644
--- a/build/es5-amd/node_modules/@polymer/paper-progress/paper-progress.js
+++ b/build/es5-amd/node_modules/@polymer/paper-progress/paper-progress.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../paper-styles/color.js", "../iron-range-behavior/iron-range-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _color, _ironRangeBehavior, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_9c312f401f0511ed8cc3e9a95995ad69;
+  var _templateObject_775d39901f2611eda0c389891c227ec8;
 
   /**
   Material design: [Progress &
@@ -78,7 +78,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9c312f401f0511ed8cc3e9a95995ad69 || (_templateObject_9c312f401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        width: 200px;\n        position: relative;\n        overflow: hidden;\n      }\n\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      #progressContainer {\n        @apply --paper-progress-container;\n        position: relative;\n      }\n\n      #progressContainer,\n      /* the stripe for the indeterminate animation*/\n      .indeterminate::after {\n        height: var(--paper-progress-height, 4px);\n      }\n\n      #primaryProgress,\n      #secondaryProgress,\n      .indeterminate::after {\n        @apply --layout-fit;\n      }\n\n      #progressContainer,\n      .indeterminate::after {\n        background: var(--paper-progress-container-color, var(--google-grey-300));\n      }\n\n      :host(.transiting) #primaryProgress,\n      :host(.transiting) #secondaryProgress {\n        -webkit-transition-property: -webkit-transform;\n        transition-property: transform;\n\n        /* Duration */\n        -webkit-transition-duration: var(--paper-progress-transition-duration, 0.08s);\n        transition-duration: var(--paper-progress-transition-duration, 0.08s);\n\n        /* Timing function */\n        -webkit-transition-timing-function: var(--paper-progress-transition-timing-function, ease);\n        transition-timing-function: var(--paper-progress-transition-timing-function, ease);\n\n        /* Delay */\n        -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);\n        transition-delay: var(--paper-progress-transition-delay, 0s);\n      }\n\n      #primaryProgress,\n      #secondaryProgress {\n        @apply --layout-fit;\n        -webkit-transform-origin: left center;\n        transform-origin: left center;\n        -webkit-transform: scaleX(0);\n        transform: scaleX(0);\n        will-change: transform;\n      }\n\n      #primaryProgress {\n        background: var(--paper-progress-active-color, var(--google-green-500));\n      }\n\n      #secondaryProgress {\n        background: var(--paper-progress-secondary-color, var(--google-green-100));\n      }\n\n      :host([disabled]) #primaryProgress {\n        background: var(--paper-progress-disabled-active-color, var(--google-grey-500));\n      }\n\n      :host([disabled]) #secondaryProgress {\n        background: var(--paper-progress-disabled-secondary-color, var(--google-grey-300));\n      }\n\n      :host(:not([disabled])) #primaryProgress.indeterminate {\n        -webkit-transform-origin: right center;\n        transform-origin: right center;\n        -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n        animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n      }\n\n      :host(:not([disabled])) #primaryProgress.indeterminate::after {\n        content: \"\";\n        -webkit-transform-origin: center center;\n        transform-origin: center center;\n\n        -webkit-animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n        animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n      }\n\n      @-webkit-keyframes indeterminate-bar {\n        0% {\n          -webkit-transform: scaleX(1) translateX(-100%);\n        }\n        50% {\n          -webkit-transform: scaleX(1) translateX(0%);\n        }\n        75% {\n          -webkit-transform: scaleX(1) translateX(0%);\n          -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);\n        }\n        100% {\n          -webkit-transform: scaleX(0) translateX(0%);\n        }\n      }\n\n      @-webkit-keyframes indeterminate-splitter {\n        0% {\n          -webkit-transform: scaleX(.75) translateX(-125%);\n        }\n        30% {\n          -webkit-transform: scaleX(.75) translateX(-125%);\n          -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);\n        }\n        90% {\n          -webkit-transform: scaleX(.75) translateX(125%);\n        }\n        100% {\n          -webkit-transform: scaleX(.75) translateX(125%);\n        }\n      }\n\n      @keyframes indeterminate-bar {\n        0% {\n          transform: scaleX(1) translateX(-100%);\n        }\n        50% {\n          transform: scaleX(1) translateX(0%);\n        }\n        75% {\n          transform: scaleX(1) translateX(0%);\n          animation-timing-function: cubic-bezier(.28,.62,.37,.91);\n        }\n        100% {\n          transform: scaleX(0) translateX(0%);\n        }\n      }\n\n      @keyframes indeterminate-splitter {\n        0% {\n          transform: scaleX(.75) translateX(-125%);\n        }\n        30% {\n          transform: scaleX(.75) translateX(-125%);\n          animation-timing-function: cubic-bezier(.42,0,.6,.8);\n        }\n        90% {\n          transform: scaleX(.75) translateX(125%);\n        }\n        100% {\n          transform: scaleX(.75) translateX(125%);\n        }\n      }\n    </style>\n\n    <div id=\"progressContainer\">\n      <div id=\"secondaryProgress\" hidden$=\"[[_hideSecondaryProgress(secondaryRatio)]]\"></div>\n      <div id=\"primaryProgress\"></div>\n    </div>\n"], ["\n    <style>\n      :host {\n        display: block;\n        width: 200px;\n        position: relative;\n        overflow: hidden;\n      }\n\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      #progressContainer {\n        @apply --paper-progress-container;\n        position: relative;\n      }\n\n      #progressContainer,\n      /* the stripe for the indeterminate animation*/\n      .indeterminate::after {\n        height: var(--paper-progress-height, 4px);\n      }\n\n      #primaryProgress,\n      #secondaryProgress,\n      .indeterminate::after {\n        @apply --layout-fit;\n      }\n\n      #progressContainer,\n      .indeterminate::after {\n        background: var(--paper-progress-container-color, var(--google-grey-300));\n      }\n\n      :host(.transiting) #primaryProgress,\n      :host(.transiting) #secondaryProgress {\n        -webkit-transition-property: -webkit-transform;\n        transition-property: transform;\n\n        /* Duration */\n        -webkit-transition-duration: var(--paper-progress-transition-duration, 0.08s);\n        transition-duration: var(--paper-progress-transition-duration, 0.08s);\n\n        /* Timing function */\n        -webkit-transition-timing-function: var(--paper-progress-transition-timing-function, ease);\n        transition-timing-function: var(--paper-progress-transition-timing-function, ease);\n\n        /* Delay */\n        -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);\n        transition-delay: var(--paper-progress-transition-delay, 0s);\n      }\n\n      #primaryProgress,\n      #secondaryProgress {\n        @apply --layout-fit;\n        -webkit-transform-origin: left center;\n        transform-origin: left center;\n        -webkit-transform: scaleX(0);\n        transform: scaleX(0);\n        will-change: transform;\n      }\n\n      #primaryProgress {\n        background: var(--paper-progress-active-color, var(--google-green-500));\n      }\n\n      #secondaryProgress {\n        background: var(--paper-progress-secondary-color, var(--google-green-100));\n      }\n\n      :host([disabled]) #primaryProgress {\n        background: var(--paper-progress-disabled-active-color, var(--google-grey-500));\n      }\n\n      :host([disabled]) #secondaryProgress {\n        background: var(--paper-progress-disabled-secondary-color, var(--google-grey-300));\n      }\n\n      :host(:not([disabled])) #primaryProgress.indeterminate {\n        -webkit-transform-origin: right center;\n        transform-origin: right center;\n        -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n        animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n      }\n\n      :host(:not([disabled])) #primaryProgress.indeterminate::after {\n        content: \"\";\n        -webkit-transform-origin: center center;\n        transform-origin: center center;\n\n        -webkit-animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n        animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n      }\n\n      @-webkit-keyframes indeterminate-bar {\n        0% {\n          -webkit-transform: scaleX(1) translateX(-100%);\n        }\n        50% {\n          -webkit-transform: scaleX(1) translateX(0%);\n        }\n        75% {\n          -webkit-transform: scaleX(1) translateX(0%);\n          -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);\n        }\n        100% {\n          -webkit-transform: scaleX(0) translateX(0%);\n        }\n      }\n\n      @-webkit-keyframes indeterminate-splitter {\n        0% {\n          -webkit-transform: scaleX(.75) translateX(-125%);\n        }\n        30% {\n          -webkit-transform: scaleX(.75) translateX(-125%);\n          -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);\n        }\n        90% {\n          -webkit-transform: scaleX(.75) translateX(125%);\n        }\n        100% {\n          -webkit-transform: scaleX(.75) translateX(125%);\n        }\n      }\n\n      @keyframes indeterminate-bar {\n        0% {\n          transform: scaleX(1) translateX(-100%);\n        }\n        50% {\n          transform: scaleX(1) translateX(0%);\n        }\n        75% {\n          transform: scaleX(1) translateX(0%);\n          animation-timing-function: cubic-bezier(.28,.62,.37,.91);\n        }\n        100% {\n          transform: scaleX(0) translateX(0%);\n        }\n      }\n\n      @keyframes indeterminate-splitter {\n        0% {\n          transform: scaleX(.75) translateX(-125%);\n        }\n        30% {\n          transform: scaleX(.75) translateX(-125%);\n          animation-timing-function: cubic-bezier(.42,0,.6,.8);\n        }\n        90% {\n          transform: scaleX(.75) translateX(125%);\n        }\n        100% {\n          transform: scaleX(.75) translateX(125%);\n        }\n      }\n    </style>\n\n    <div id=\"progressContainer\">\n      <div id=\"secondaryProgress\" hidden\\$=\"[[_hideSecondaryProgress(secondaryRatio)]]\"></div>\n      <div id=\"primaryProgress\"></div>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_775d39901f2611eda0c389891c227ec8 || (_templateObject_775d39901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        width: 200px;\n        position: relative;\n        overflow: hidden;\n      }\n\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      #progressContainer {\n        @apply --paper-progress-container;\n        position: relative;\n      }\n\n      #progressContainer,\n      /* the stripe for the indeterminate animation*/\n      .indeterminate::after {\n        height: var(--paper-progress-height, 4px);\n      }\n\n      #primaryProgress,\n      #secondaryProgress,\n      .indeterminate::after {\n        @apply --layout-fit;\n      }\n\n      #progressContainer,\n      .indeterminate::after {\n        background: var(--paper-progress-container-color, var(--google-grey-300));\n      }\n\n      :host(.transiting) #primaryProgress,\n      :host(.transiting) #secondaryProgress {\n        -webkit-transition-property: -webkit-transform;\n        transition-property: transform;\n\n        /* Duration */\n        -webkit-transition-duration: var(--paper-progress-transition-duration, 0.08s);\n        transition-duration: var(--paper-progress-transition-duration, 0.08s);\n\n        /* Timing function */\n        -webkit-transition-timing-function: var(--paper-progress-transition-timing-function, ease);\n        transition-timing-function: var(--paper-progress-transition-timing-function, ease);\n\n        /* Delay */\n        -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);\n        transition-delay: var(--paper-progress-transition-delay, 0s);\n      }\n\n      #primaryProgress,\n      #secondaryProgress {\n        @apply --layout-fit;\n        -webkit-transform-origin: left center;\n        transform-origin: left center;\n        -webkit-transform: scaleX(0);\n        transform: scaleX(0);\n        will-change: transform;\n      }\n\n      #primaryProgress {\n        background: var(--paper-progress-active-color, var(--google-green-500));\n      }\n\n      #secondaryProgress {\n        background: var(--paper-progress-secondary-color, var(--google-green-100));\n      }\n\n      :host([disabled]) #primaryProgress {\n        background: var(--paper-progress-disabled-active-color, var(--google-grey-500));\n      }\n\n      :host([disabled]) #secondaryProgress {\n        background: var(--paper-progress-disabled-secondary-color, var(--google-grey-300));\n      }\n\n      :host(:not([disabled])) #primaryProgress.indeterminate {\n        -webkit-transform-origin: right center;\n        transform-origin: right center;\n        -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n        animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n      }\n\n      :host(:not([disabled])) #primaryProgress.indeterminate::after {\n        content: \"\";\n        -webkit-transform-origin: center center;\n        transform-origin: center center;\n\n        -webkit-animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n        animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n      }\n\n      @-webkit-keyframes indeterminate-bar {\n        0% {\n          -webkit-transform: scaleX(1) translateX(-100%);\n        }\n        50% {\n          -webkit-transform: scaleX(1) translateX(0%);\n        }\n        75% {\n          -webkit-transform: scaleX(1) translateX(0%);\n          -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);\n        }\n        100% {\n          -webkit-transform: scaleX(0) translateX(0%);\n        }\n      }\n\n      @-webkit-keyframes indeterminate-splitter {\n        0% {\n          -webkit-transform: scaleX(.75) translateX(-125%);\n        }\n        30% {\n          -webkit-transform: scaleX(.75) translateX(-125%);\n          -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);\n        }\n        90% {\n          -webkit-transform: scaleX(.75) translateX(125%);\n        }\n        100% {\n          -webkit-transform: scaleX(.75) translateX(125%);\n        }\n      }\n\n      @keyframes indeterminate-bar {\n        0% {\n          transform: scaleX(1) translateX(-100%);\n        }\n        50% {\n          transform: scaleX(1) translateX(0%);\n        }\n        75% {\n          transform: scaleX(1) translateX(0%);\n          animation-timing-function: cubic-bezier(.28,.62,.37,.91);\n        }\n        100% {\n          transform: scaleX(0) translateX(0%);\n        }\n      }\n\n      @keyframes indeterminate-splitter {\n        0% {\n          transform: scaleX(.75) translateX(-125%);\n        }\n        30% {\n          transform: scaleX(.75) translateX(-125%);\n          animation-timing-function: cubic-bezier(.42,0,.6,.8);\n        }\n        90% {\n          transform: scaleX(.75) translateX(125%);\n        }\n        100% {\n          transform: scaleX(.75) translateX(125%);\n        }\n      }\n    </style>\n\n    <div id=\"progressContainer\">\n      <div id=\"secondaryProgress\" hidden$=\"[[_hideSecondaryProgress(secondaryRatio)]]\"></div>\n      <div id=\"primaryProgress\"></div>\n    </div>\n"], ["\n    <style>\n      :host {\n        display: block;\n        width: 200px;\n        position: relative;\n        overflow: hidden;\n      }\n\n      :host([hidden]), [hidden] {\n        display: none !important;\n      }\n\n      #progressContainer {\n        @apply --paper-progress-container;\n        position: relative;\n      }\n\n      #progressContainer,\n      /* the stripe for the indeterminate animation*/\n      .indeterminate::after {\n        height: var(--paper-progress-height, 4px);\n      }\n\n      #primaryProgress,\n      #secondaryProgress,\n      .indeterminate::after {\n        @apply --layout-fit;\n      }\n\n      #progressContainer,\n      .indeterminate::after {\n        background: var(--paper-progress-container-color, var(--google-grey-300));\n      }\n\n      :host(.transiting) #primaryProgress,\n      :host(.transiting) #secondaryProgress {\n        -webkit-transition-property: -webkit-transform;\n        transition-property: transform;\n\n        /* Duration */\n        -webkit-transition-duration: var(--paper-progress-transition-duration, 0.08s);\n        transition-duration: var(--paper-progress-transition-duration, 0.08s);\n\n        /* Timing function */\n        -webkit-transition-timing-function: var(--paper-progress-transition-timing-function, ease);\n        transition-timing-function: var(--paper-progress-transition-timing-function, ease);\n\n        /* Delay */\n        -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);\n        transition-delay: var(--paper-progress-transition-delay, 0s);\n      }\n\n      #primaryProgress,\n      #secondaryProgress {\n        @apply --layout-fit;\n        -webkit-transform-origin: left center;\n        transform-origin: left center;\n        -webkit-transform: scaleX(0);\n        transform: scaleX(0);\n        will-change: transform;\n      }\n\n      #primaryProgress {\n        background: var(--paper-progress-active-color, var(--google-green-500));\n      }\n\n      #secondaryProgress {\n        background: var(--paper-progress-secondary-color, var(--google-green-100));\n      }\n\n      :host([disabled]) #primaryProgress {\n        background: var(--paper-progress-disabled-active-color, var(--google-grey-500));\n      }\n\n      :host([disabled]) #secondaryProgress {\n        background: var(--paper-progress-disabled-secondary-color, var(--google-grey-300));\n      }\n\n      :host(:not([disabled])) #primaryProgress.indeterminate {\n        -webkit-transform-origin: right center;\n        transform-origin: right center;\n        -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n        animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n      }\n\n      :host(:not([disabled])) #primaryProgress.indeterminate::after {\n        content: \"\";\n        -webkit-transform-origin: center center;\n        transform-origin: center center;\n\n        -webkit-animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n        animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;\n      }\n\n      @-webkit-keyframes indeterminate-bar {\n        0% {\n          -webkit-transform: scaleX(1) translateX(-100%);\n        }\n        50% {\n          -webkit-transform: scaleX(1) translateX(0%);\n        }\n        75% {\n          -webkit-transform: scaleX(1) translateX(0%);\n          -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);\n        }\n        100% {\n          -webkit-transform: scaleX(0) translateX(0%);\n        }\n      }\n\n      @-webkit-keyframes indeterminate-splitter {\n        0% {\n          -webkit-transform: scaleX(.75) translateX(-125%);\n        }\n        30% {\n          -webkit-transform: scaleX(.75) translateX(-125%);\n          -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);\n        }\n        90% {\n          -webkit-transform: scaleX(.75) translateX(125%);\n        }\n        100% {\n          -webkit-transform: scaleX(.75) translateX(125%);\n        }\n      }\n\n      @keyframes indeterminate-bar {\n        0% {\n          transform: scaleX(1) translateX(-100%);\n        }\n        50% {\n          transform: scaleX(1) translateX(0%);\n        }\n        75% {\n          transform: scaleX(1) translateX(0%);\n          animation-timing-function: cubic-bezier(.28,.62,.37,.91);\n        }\n        100% {\n          transform: scaleX(0) translateX(0%);\n        }\n      }\n\n      @keyframes indeterminate-splitter {\n        0% {\n          transform: scaleX(.75) translateX(-125%);\n        }\n        30% {\n          transform: scaleX(.75) translateX(-125%);\n          animation-timing-function: cubic-bezier(.42,0,.6,.8);\n        }\n        90% {\n          transform: scaleX(.75) translateX(125%);\n        }\n        100% {\n          transform: scaleX(.75) translateX(125%);\n        }\n      }\n    </style>\n\n    <div id=\"progressContainer\">\n      <div id=\"secondaryProgress\" hidden\\$=\"[[_hideSecondaryProgress(secondaryRatio)]]\"></div>\n      <div id=\"primaryProgress\"></div>\n    </div>\n"]))),
     is: 'paper-progress',
     behaviors: [_ironRangeBehavior.IronRangeBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-ripple/paper-ripple.js b/build/es5-amd/node_modules/@polymer/paper-ripple/paper-ripple.js
index e29ad35913d..c26a3b427f0 100644
--- a/build/es5-amd/node_modules/@polymer/paper-ripple/paper-ripple.js
+++ b/build/es5-amd/node_modules/@polymer/paper-ripple/paper-ripple.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-keys-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironA11yKeysBehavior, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_a4477f401f0511ed8cc3e9a95995ad69;
+  var _templateObject_7ef4e3b01f2611eda0c389891c227ec8;
 
   var Utility = {
     distance: function distance(x1, y1, x2, y2) {
@@ -298,7 +298,7 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-ke
 
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_a4477f401f0511ed8cc3e9a95995ad69 || (_templateObject_a4477f401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: absolute;\n        border-radius: inherit;\n        overflow: hidden;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n\n        /* See PolymerElements/paper-behaviors/issues/34. On non-Chrome browsers,\n         * creating a node (with a position:absolute) in the middle of an event\n         * handler \"interrupts\" that event handler (which happens when the\n         * ripple is created on demand) */\n        pointer-events: none;\n      }\n\n      :host([animating]) {\n        /* This resolves a rendering issue in Chrome (as of 40) where the\n           ripple is not properly clipped by its parent (which may have\n           rounded corners). See: http://jsbin.com/temexa/4\n\n           Note: We only apply this style conditionally. Otherwise, the browser\n           will create a new compositing layer for every ripple element on the\n           page, and that would be bad. */\n        -webkit-transform: translate(0, 0);\n        transform: translate3d(0, 0, 0);\n      }\n\n      #background,\n      #waves,\n      .wave-container,\n      .wave {\n        pointer-events: none;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n      }\n\n      #background,\n      .wave {\n        opacity: 0;\n      }\n\n      #waves,\n      .wave {\n        overflow: hidden;\n      }\n\n      .wave-container,\n      .wave {\n        border-radius: 50%;\n      }\n\n      :host(.circle) #background,\n      :host(.circle) #waves {\n        border-radius: 50%;\n      }\n\n      :host(.circle) .wave-container {\n        overflow: hidden;\n      }\n    </style>\n\n    <div id=\"background\"></div>\n    <div id=\"waves\"></div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_7ef4e3b01f2611eda0c389891c227ec8 || (_templateObject_7ef4e3b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: absolute;\n        border-radius: inherit;\n        overflow: hidden;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n\n        /* See PolymerElements/paper-behaviors/issues/34. On non-Chrome browsers,\n         * creating a node (with a position:absolute) in the middle of an event\n         * handler \"interrupts\" that event handler (which happens when the\n         * ripple is created on demand) */\n        pointer-events: none;\n      }\n\n      :host([animating]) {\n        /* This resolves a rendering issue in Chrome (as of 40) where the\n           ripple is not properly clipped by its parent (which may have\n           rounded corners). See: http://jsbin.com/temexa/4\n\n           Note: We only apply this style conditionally. Otherwise, the browser\n           will create a new compositing layer for every ripple element on the\n           page, and that would be bad. */\n        -webkit-transform: translate(0, 0);\n        transform: translate3d(0, 0, 0);\n      }\n\n      #background,\n      #waves,\n      .wave-container,\n      .wave {\n        pointer-events: none;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n      }\n\n      #background,\n      .wave {\n        opacity: 0;\n      }\n\n      #waves,\n      .wave {\n        overflow: hidden;\n      }\n\n      .wave-container,\n      .wave {\n        border-radius: 50%;\n      }\n\n      :host(.circle) #background,\n      :host(.circle) #waves {\n        border-radius: 50%;\n      }\n\n      :host(.circle) .wave-container {\n        overflow: hidden;\n      }\n    </style>\n\n    <div id=\"background\"></div>\n    <div id=\"waves\"></div>\n"]))),
     is: 'paper-ripple',
     behaviors: [_ironA11yKeysBehavior.IronA11yKeysBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-slider/paper-slider.js b/build/es5-amd/node_modules/@polymer/paper-slider/paper-slider.js
index ac7ace1c0ec..31dc7990c87 100644
--- a/build/es5-amd/node_modules/@polymer/paper-slider/paper-slider.js
+++ b/build/es5-amd/node_modules/@polymer/paper-slider/paper-slider.js
@@ -1,9 +1,9 @@
 define(["../iron-flex-layout/iron-flex-layout.js", "../paper-input/paper-input.js", "../paper-progress/paper-progress.js", "../paper-styles/color.js", "../iron-a11y-keys-behavior/iron-a11y-keys-behavior.js", "../iron-form-element-behavior/iron-form-element-behavior.js", "../iron-range-behavior/iron-range-behavior.js", "../paper-behaviors/paper-inky-focus-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/gestures.js", "../polymer/polymer-legacy.js"], function (_ironFlexLayout, _paperInput, _paperProgress, _color, _ironA11yKeysBehavior, _ironFormElementBehavior, _ironRangeBehavior, _paperInkyFocusBehavior, _polymerFn, _gestures, _polymerLegacy) {
   "use strict";
 
-  var _templateObject_91b96fa01f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d9430801f2611eda0c389891c227ec8;
 
-  var template = (0, _polymerLegacy.html)(_templateObject_91b96fa01f0511ed8cc3e9a95995ad69 || (_templateObject_91b96fa01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    :host {\n      @apply --layout;\n      @apply --layout-justified;\n      @apply --layout-center;\n      width: 200px;\n      cursor: default;\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      --paper-progress-active-color: var(--paper-slider-active-color, var(--google-blue-700));\n      --paper-progress-secondary-color: var(--paper-slider-secondary-color, var(--google-blue-300));\n      --paper-progress-disabled-active-color: var(--paper-slider-disabled-active-color, var(--paper-grey-400));\n      --paper-progress-disabled-secondary-color: var(--paper-slider-disabled-secondary-color, var(--paper-grey-400));\n      --calculated-paper-slider-height: var(--paper-slider-height, 2px);\n    }\n\n    /* focus shows the ripple */\n    :host(:focus) {\n      outline: none;\n    }\n\n    /**\n      * NOTE(keanulee): Though :host-context is not universally supported, some pages\n      * still rely on paper-slider being flipped when dir=\"rtl\" is set on body. For full\n      * compatibility, dir=\"rtl\" must be explicitly set on paper-slider.\n      */\n    :dir(rtl) #sliderContainer {\n      -webkit-transform: scaleX(-1);\n      transform: scaleX(-1);\n    }\n\n    /**\n      * NOTE(keanulee): This is separate from the rule above because :host-context may\n      * not be recognized.\n      */\n    :host([dir=\"rtl\"]) #sliderContainer {\n      -webkit-transform: scaleX(-1);\n      transform: scaleX(-1);\n    }\n\n    /**\n      * NOTE(keanulee): Needed to override the :host-context rule (where supported)\n      * to support LTR sliders in RTL pages.\n      */\n    :host([dir=\"ltr\"]) #sliderContainer {\n      -webkit-transform: scaleX(1);\n      transform: scaleX(1);\n    }\n\n    #sliderContainer {\n      position: relative;\n      width: 100%;\n      height: calc(30px + var(--calculated-paper-slider-height));\n      margin-left: calc(15px + var(--calculated-paper-slider-height)/2);\n      margin-right: calc(15px + var(--calculated-paper-slider-height)/2);\n    }\n\n    #sliderContainer:focus {\n      outline: 0;\n    }\n\n    #sliderContainer.editable {\n      margin-top: 12px;\n      margin-bottom: 12px;\n    }\n\n    .bar-container {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      overflow: hidden;\n    }\n\n    .ring > .bar-container {\n      left: calc(5px + var(--calculated-paper-slider-height)/2);\n      transition: left 0.18s ease;\n    }\n\n    .ring.expand.dragging > .bar-container {\n      transition: none;\n    }\n\n    .ring.expand:not(.pin) > .bar-container {\n      left: calc(8px + var(--calculated-paper-slider-height)/2);\n    }\n\n    #sliderBar {\n      padding: 15px 0;\n      width: 100%;\n      background-color: var(--paper-slider-bar-color, transparent);\n      --paper-progress-container-color: var(--paper-slider-container-color, var(--paper-grey-400));\n      --paper-progress-height: var(--calculated-paper-slider-height);\n    }\n\n    .slider-markers {\n      position: absolute;\n      /* slider-knob is 30px + the slider-height so that the markers should start at a offset of 15px*/\n      top: 15px;\n      height: var(--calculated-paper-slider-height);\n      left: 0;\n      right: -1px;\n      box-sizing: border-box;\n      pointer-events: none;\n      @apply --layout-horizontal;\n    }\n\n    .slider-marker {\n      @apply --layout-flex;\n    }\n    .slider-markers::after,\n    .slider-marker::after {\n      content: \"\";\n      display: block;\n      margin-left: -1px;\n      width: 2px;\n      height: var(--calculated-paper-slider-height);\n      border-radius: 50%;\n      background-color: var(--paper-slider-markers-color, #000);\n    }\n\n    .slider-knob {\n      position: absolute;\n      left: 0;\n      top: 0;\n      margin-left: calc(-15px - var(--calculated-paper-slider-height)/2);\n      width: calc(30px + var(--calculated-paper-slider-height));\n      height: calc(30px + var(--calculated-paper-slider-height));\n    }\n\n    .transiting > .slider-knob {\n      transition: left 0.08s ease;\n    }\n\n    .slider-knob:focus {\n      outline: none;\n    }\n\n    .slider-knob.dragging {\n      transition: none;\n    }\n\n    .snaps > .slider-knob.dragging {\n      transition: -webkit-transform 0.08s ease;\n      transition: transform 0.08s ease;\n    }\n\n    .slider-knob-inner {\n      margin: 10px;\n      width: calc(100% - 20px);\n      height: calc(100% - 20px);\n      background-color: var(--paper-slider-knob-color, var(--google-blue-700));\n      border: 2px solid var(--paper-slider-knob-color, var(--google-blue-700));\n      border-radius: 50%;\n\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n\n      transition-property: -webkit-transform, background-color, border;\n      transition-property: transform, background-color, border;\n      transition-duration: 0.18s;\n      transition-timing-function: ease;\n    }\n\n    .expand:not(.pin) > .slider-knob > .slider-knob-inner {\n      -webkit-transform: scale(1.5);\n      transform: scale(1.5);\n    }\n\n    .ring > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-knob-start-color, transparent);\n      border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400));\n    }\n\n    .slider-knob-inner::before {\n      background-color: var(--paper-slider-pin-color, var(--google-blue-700));\n    }\n\n    .pin > .slider-knob > .slider-knob-inner::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 50%;\n      margin-left: -13px;\n      width: 26px;\n      height: 26px;\n      border-radius: 50% 50% 50% 0;\n\n      -webkit-transform: rotate(-45deg) scale(0) translate(0);\n      transform: rotate(-45deg) scale(0) translate(0);\n    }\n\n    .slider-knob-inner::before,\n    .slider-knob-inner::after {\n      transition: -webkit-transform .18s ease, background-color .18s ease;\n      transition: transform .18s ease, background-color .18s ease;\n    }\n\n    .pin.ring > .slider-knob > .slider-knob-inner::before {\n      background-color: var(--paper-slider-pin-start-color, var(--paper-grey-400));\n    }\n\n    .pin.expand > .slider-knob > .slider-knob-inner::before {\n      -webkit-transform: rotate(-45deg) scale(1) translate(17px, -17px);\n      transform: rotate(-45deg) scale(1) translate(17px, -17px);\n    }\n\n    .pin > .slider-knob > .slider-knob-inner::after {\n      content: attr(value);\n      position: absolute;\n      top: 0;\n      left: 50%;\n      margin-left: -16px;\n      width: 32px;\n      height: 26px;\n      text-align: center;\n      color: var(--paper-slider-font-color, #fff);\n      font-size: 10px;\n\n      -webkit-transform: scale(0) translate(0);\n      transform: scale(0) translate(0);\n    }\n\n    .pin.expand > .slider-knob > .slider-knob-inner::after {\n      -webkit-transform: scale(1) translate(0, -17px);\n      transform: scale(1) translate(0, -17px);\n    }\n\n    /* paper-input */\n    .slider-input {\n      width: 50px;\n      overflow: hidden;\n      --paper-input-container-input: {\n        text-align: center;\n        @apply --paper-slider-input-container-input;\n      };\n      @apply --paper-slider-input;\n    }\n\n    /* disabled state */\n    #sliderContainer.disabled {\n      pointer-events: none;\n    }\n\n    .disabled > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-disabled-knob-color, var(--paper-grey-400));\n      border: 2px solid var(--paper-slider-disabled-knob-color, var(--paper-grey-400));\n      -webkit-transform: scale3d(0.75, 0.75, 1);\n      transform: scale3d(0.75, 0.75, 1);\n    }\n\n    .disabled.ring > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-knob-start-color, transparent);\n      border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400));\n    }\n\n    paper-ripple {\n      color: var(--paper-slider-knob-color, var(--google-blue-700));\n    }\n  </style>\n\n  <div id=\"sliderContainer\" class$=\"[[_getClassNames(disabled, pin, snaps, immediateValue, min, expand, dragging, transiting, editable)]]\">\n    <div class=\"bar-container\">\n      <paper-progress disabled$=\"[[disabled]]\" id=\"sliderBar\" aria-hidden=\"true\" min=\"[[min]]\" max=\"[[max]]\" step=\"[[step]]\" value=\"[[immediateValue]]\" secondary-progress=\"[[secondaryProgress]]\" on-down=\"_bardown\" on-up=\"_resetKnob\" on-track=\"_bartrack\" on-tap=\"_barclick\">\n      </paper-progress>\n    </div>\n\n    <template is=\"dom-if\" if=\"[[snaps]]\">\n      <div class=\"slider-markers\">\n        <template is=\"dom-repeat\" items=\"[[markers]]\">\n          <div class=\"slider-marker\"></div>\n        </template>\n      </div>\n    </template>\n\n    <div id=\"sliderKnob\" class=\"slider-knob\" on-down=\"_knobdown\" on-up=\"_resetKnob\" on-track=\"_onTrack\" on-transitionend=\"_knobTransitionEnd\">\n        <div class=\"slider-knob-inner\" value$=\"[[immediateValue]]\"></div>\n    </div>\n  </div>\n\n  <template is=\"dom-if\" if=\"[[editable]]\">\n    <paper-input id=\"input\" type=\"number\" step=\"[[step]]\" min=\"[[min]]\" max=\"[[max]]\" class=\"slider-input\" disabled$=\"[[disabled]]\" value=\"[[immediateValue]]\" on-change=\"_changeValue\" on-keydown=\"_inputKeyDown\" no-label-float>\n    </paper-input>\n  </template>\n"], ["\n  <style>\n    :host {\n      @apply --layout;\n      @apply --layout-justified;\n      @apply --layout-center;\n      width: 200px;\n      cursor: default;\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      --paper-progress-active-color: var(--paper-slider-active-color, var(--google-blue-700));\n      --paper-progress-secondary-color: var(--paper-slider-secondary-color, var(--google-blue-300));\n      --paper-progress-disabled-active-color: var(--paper-slider-disabled-active-color, var(--paper-grey-400));\n      --paper-progress-disabled-secondary-color: var(--paper-slider-disabled-secondary-color, var(--paper-grey-400));\n      --calculated-paper-slider-height: var(--paper-slider-height, 2px);\n    }\n\n    /* focus shows the ripple */\n    :host(:focus) {\n      outline: none;\n    }\n\n    /**\n      * NOTE(keanulee): Though :host-context is not universally supported, some pages\n      * still rely on paper-slider being flipped when dir=\"rtl\" is set on body. For full\n      * compatibility, dir=\"rtl\" must be explicitly set on paper-slider.\n      */\n    :dir(rtl) #sliderContainer {\n      -webkit-transform: scaleX(-1);\n      transform: scaleX(-1);\n    }\n\n    /**\n      * NOTE(keanulee): This is separate from the rule above because :host-context may\n      * not be recognized.\n      */\n    :host([dir=\"rtl\"]) #sliderContainer {\n      -webkit-transform: scaleX(-1);\n      transform: scaleX(-1);\n    }\n\n    /**\n      * NOTE(keanulee): Needed to override the :host-context rule (where supported)\n      * to support LTR sliders in RTL pages.\n      */\n    :host([dir=\"ltr\"]) #sliderContainer {\n      -webkit-transform: scaleX(1);\n      transform: scaleX(1);\n    }\n\n    #sliderContainer {\n      position: relative;\n      width: 100%;\n      height: calc(30px + var(--calculated-paper-slider-height));\n      margin-left: calc(15px + var(--calculated-paper-slider-height)/2);\n      margin-right: calc(15px + var(--calculated-paper-slider-height)/2);\n    }\n\n    #sliderContainer:focus {\n      outline: 0;\n    }\n\n    #sliderContainer.editable {\n      margin-top: 12px;\n      margin-bottom: 12px;\n    }\n\n    .bar-container {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      overflow: hidden;\n    }\n\n    .ring > .bar-container {\n      left: calc(5px + var(--calculated-paper-slider-height)/2);\n      transition: left 0.18s ease;\n    }\n\n    .ring.expand.dragging > .bar-container {\n      transition: none;\n    }\n\n    .ring.expand:not(.pin) > .bar-container {\n      left: calc(8px + var(--calculated-paper-slider-height)/2);\n    }\n\n    #sliderBar {\n      padding: 15px 0;\n      width: 100%;\n      background-color: var(--paper-slider-bar-color, transparent);\n      --paper-progress-container-color: var(--paper-slider-container-color, var(--paper-grey-400));\n      --paper-progress-height: var(--calculated-paper-slider-height);\n    }\n\n    .slider-markers {\n      position: absolute;\n      /* slider-knob is 30px + the slider-height so that the markers should start at a offset of 15px*/\n      top: 15px;\n      height: var(--calculated-paper-slider-height);\n      left: 0;\n      right: -1px;\n      box-sizing: border-box;\n      pointer-events: none;\n      @apply --layout-horizontal;\n    }\n\n    .slider-marker {\n      @apply --layout-flex;\n    }\n    .slider-markers::after,\n    .slider-marker::after {\n      content: \"\";\n      display: block;\n      margin-left: -1px;\n      width: 2px;\n      height: var(--calculated-paper-slider-height);\n      border-radius: 50%;\n      background-color: var(--paper-slider-markers-color, #000);\n    }\n\n    .slider-knob {\n      position: absolute;\n      left: 0;\n      top: 0;\n      margin-left: calc(-15px - var(--calculated-paper-slider-height)/2);\n      width: calc(30px + var(--calculated-paper-slider-height));\n      height: calc(30px + var(--calculated-paper-slider-height));\n    }\n\n    .transiting > .slider-knob {\n      transition: left 0.08s ease;\n    }\n\n    .slider-knob:focus {\n      outline: none;\n    }\n\n    .slider-knob.dragging {\n      transition: none;\n    }\n\n    .snaps > .slider-knob.dragging {\n      transition: -webkit-transform 0.08s ease;\n      transition: transform 0.08s ease;\n    }\n\n    .slider-knob-inner {\n      margin: 10px;\n      width: calc(100% - 20px);\n      height: calc(100% - 20px);\n      background-color: var(--paper-slider-knob-color, var(--google-blue-700));\n      border: 2px solid var(--paper-slider-knob-color, var(--google-blue-700));\n      border-radius: 50%;\n\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n\n      transition-property: -webkit-transform, background-color, border;\n      transition-property: transform, background-color, border;\n      transition-duration: 0.18s;\n      transition-timing-function: ease;\n    }\n\n    .expand:not(.pin) > .slider-knob > .slider-knob-inner {\n      -webkit-transform: scale(1.5);\n      transform: scale(1.5);\n    }\n\n    .ring > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-knob-start-color, transparent);\n      border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400));\n    }\n\n    .slider-knob-inner::before {\n      background-color: var(--paper-slider-pin-color, var(--google-blue-700));\n    }\n\n    .pin > .slider-knob > .slider-knob-inner::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 50%;\n      margin-left: -13px;\n      width: 26px;\n      height: 26px;\n      border-radius: 50% 50% 50% 0;\n\n      -webkit-transform: rotate(-45deg) scale(0) translate(0);\n      transform: rotate(-45deg) scale(0) translate(0);\n    }\n\n    .slider-knob-inner::before,\n    .slider-knob-inner::after {\n      transition: -webkit-transform .18s ease, background-color .18s ease;\n      transition: transform .18s ease, background-color .18s ease;\n    }\n\n    .pin.ring > .slider-knob > .slider-knob-inner::before {\n      background-color: var(--paper-slider-pin-start-color, var(--paper-grey-400));\n    }\n\n    .pin.expand > .slider-knob > .slider-knob-inner::before {\n      -webkit-transform: rotate(-45deg) scale(1) translate(17px, -17px);\n      transform: rotate(-45deg) scale(1) translate(17px, -17px);\n    }\n\n    .pin > .slider-knob > .slider-knob-inner::after {\n      content: attr(value);\n      position: absolute;\n      top: 0;\n      left: 50%;\n      margin-left: -16px;\n      width: 32px;\n      height: 26px;\n      text-align: center;\n      color: var(--paper-slider-font-color, #fff);\n      font-size: 10px;\n\n      -webkit-transform: scale(0) translate(0);\n      transform: scale(0) translate(0);\n    }\n\n    .pin.expand > .slider-knob > .slider-knob-inner::after {\n      -webkit-transform: scale(1) translate(0, -17px);\n      transform: scale(1) translate(0, -17px);\n    }\n\n    /* paper-input */\n    .slider-input {\n      width: 50px;\n      overflow: hidden;\n      --paper-input-container-input: {\n        text-align: center;\n        @apply --paper-slider-input-container-input;\n      };\n      @apply --paper-slider-input;\n    }\n\n    /* disabled state */\n    #sliderContainer.disabled {\n      pointer-events: none;\n    }\n\n    .disabled > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-disabled-knob-color, var(--paper-grey-400));\n      border: 2px solid var(--paper-slider-disabled-knob-color, var(--paper-grey-400));\n      -webkit-transform: scale3d(0.75, 0.75, 1);\n      transform: scale3d(0.75, 0.75, 1);\n    }\n\n    .disabled.ring > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-knob-start-color, transparent);\n      border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400));\n    }\n\n    paper-ripple {\n      color: var(--paper-slider-knob-color, var(--google-blue-700));\n    }\n  </style>\n\n  <div id=\"sliderContainer\" class\\$=\"[[_getClassNames(disabled, pin, snaps, immediateValue, min, expand, dragging, transiting, editable)]]\">\n    <div class=\"bar-container\">\n      <paper-progress disabled\\$=\"[[disabled]]\" id=\"sliderBar\" aria-hidden=\"true\" min=\"[[min]]\" max=\"[[max]]\" step=\"[[step]]\" value=\"[[immediateValue]]\" secondary-progress=\"[[secondaryProgress]]\" on-down=\"_bardown\" on-up=\"_resetKnob\" on-track=\"_bartrack\" on-tap=\"_barclick\">\n      </paper-progress>\n    </div>\n\n    <template is=\"dom-if\" if=\"[[snaps]]\">\n      <div class=\"slider-markers\">\n        <template is=\"dom-repeat\" items=\"[[markers]]\">\n          <div class=\"slider-marker\"></div>\n        </template>\n      </div>\n    </template>\n\n    <div id=\"sliderKnob\" class=\"slider-knob\" on-down=\"_knobdown\" on-up=\"_resetKnob\" on-track=\"_onTrack\" on-transitionend=\"_knobTransitionEnd\">\n        <div class=\"slider-knob-inner\" value\\$=\"[[immediateValue]]\"></div>\n    </div>\n  </div>\n\n  <template is=\"dom-if\" if=\"[[editable]]\">\n    <paper-input id=\"input\" type=\"number\" step=\"[[step]]\" min=\"[[min]]\" max=\"[[max]]\" class=\"slider-input\" disabled\\$=\"[[disabled]]\" value=\"[[immediateValue]]\" on-change=\"_changeValue\" on-keydown=\"_inputKeyDown\" no-label-float>\n    </paper-input>\n  </template>\n"])));
+  var template = (0, _polymerLegacy.html)(_templateObject_6d9430801f2611eda0c389891c227ec8 || (_templateObject_6d9430801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    :host {\n      @apply --layout;\n      @apply --layout-justified;\n      @apply --layout-center;\n      width: 200px;\n      cursor: default;\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      --paper-progress-active-color: var(--paper-slider-active-color, var(--google-blue-700));\n      --paper-progress-secondary-color: var(--paper-slider-secondary-color, var(--google-blue-300));\n      --paper-progress-disabled-active-color: var(--paper-slider-disabled-active-color, var(--paper-grey-400));\n      --paper-progress-disabled-secondary-color: var(--paper-slider-disabled-secondary-color, var(--paper-grey-400));\n      --calculated-paper-slider-height: var(--paper-slider-height, 2px);\n    }\n\n    /* focus shows the ripple */\n    :host(:focus) {\n      outline: none;\n    }\n\n    /**\n      * NOTE(keanulee): Though :host-context is not universally supported, some pages\n      * still rely on paper-slider being flipped when dir=\"rtl\" is set on body. For full\n      * compatibility, dir=\"rtl\" must be explicitly set on paper-slider.\n      */\n    :dir(rtl) #sliderContainer {\n      -webkit-transform: scaleX(-1);\n      transform: scaleX(-1);\n    }\n\n    /**\n      * NOTE(keanulee): This is separate from the rule above because :host-context may\n      * not be recognized.\n      */\n    :host([dir=\"rtl\"]) #sliderContainer {\n      -webkit-transform: scaleX(-1);\n      transform: scaleX(-1);\n    }\n\n    /**\n      * NOTE(keanulee): Needed to override the :host-context rule (where supported)\n      * to support LTR sliders in RTL pages.\n      */\n    :host([dir=\"ltr\"]) #sliderContainer {\n      -webkit-transform: scaleX(1);\n      transform: scaleX(1);\n    }\n\n    #sliderContainer {\n      position: relative;\n      width: 100%;\n      height: calc(30px + var(--calculated-paper-slider-height));\n      margin-left: calc(15px + var(--calculated-paper-slider-height)/2);\n      margin-right: calc(15px + var(--calculated-paper-slider-height)/2);\n    }\n\n    #sliderContainer:focus {\n      outline: 0;\n    }\n\n    #sliderContainer.editable {\n      margin-top: 12px;\n      margin-bottom: 12px;\n    }\n\n    .bar-container {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      overflow: hidden;\n    }\n\n    .ring > .bar-container {\n      left: calc(5px + var(--calculated-paper-slider-height)/2);\n      transition: left 0.18s ease;\n    }\n\n    .ring.expand.dragging > .bar-container {\n      transition: none;\n    }\n\n    .ring.expand:not(.pin) > .bar-container {\n      left: calc(8px + var(--calculated-paper-slider-height)/2);\n    }\n\n    #sliderBar {\n      padding: 15px 0;\n      width: 100%;\n      background-color: var(--paper-slider-bar-color, transparent);\n      --paper-progress-container-color: var(--paper-slider-container-color, var(--paper-grey-400));\n      --paper-progress-height: var(--calculated-paper-slider-height);\n    }\n\n    .slider-markers {\n      position: absolute;\n      /* slider-knob is 30px + the slider-height so that the markers should start at a offset of 15px*/\n      top: 15px;\n      height: var(--calculated-paper-slider-height);\n      left: 0;\n      right: -1px;\n      box-sizing: border-box;\n      pointer-events: none;\n      @apply --layout-horizontal;\n    }\n\n    .slider-marker {\n      @apply --layout-flex;\n    }\n    .slider-markers::after,\n    .slider-marker::after {\n      content: \"\";\n      display: block;\n      margin-left: -1px;\n      width: 2px;\n      height: var(--calculated-paper-slider-height);\n      border-radius: 50%;\n      background-color: var(--paper-slider-markers-color, #000);\n    }\n\n    .slider-knob {\n      position: absolute;\n      left: 0;\n      top: 0;\n      margin-left: calc(-15px - var(--calculated-paper-slider-height)/2);\n      width: calc(30px + var(--calculated-paper-slider-height));\n      height: calc(30px + var(--calculated-paper-slider-height));\n    }\n\n    .transiting > .slider-knob {\n      transition: left 0.08s ease;\n    }\n\n    .slider-knob:focus {\n      outline: none;\n    }\n\n    .slider-knob.dragging {\n      transition: none;\n    }\n\n    .snaps > .slider-knob.dragging {\n      transition: -webkit-transform 0.08s ease;\n      transition: transform 0.08s ease;\n    }\n\n    .slider-knob-inner {\n      margin: 10px;\n      width: calc(100% - 20px);\n      height: calc(100% - 20px);\n      background-color: var(--paper-slider-knob-color, var(--google-blue-700));\n      border: 2px solid var(--paper-slider-knob-color, var(--google-blue-700));\n      border-radius: 50%;\n\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n\n      transition-property: -webkit-transform, background-color, border;\n      transition-property: transform, background-color, border;\n      transition-duration: 0.18s;\n      transition-timing-function: ease;\n    }\n\n    .expand:not(.pin) > .slider-knob > .slider-knob-inner {\n      -webkit-transform: scale(1.5);\n      transform: scale(1.5);\n    }\n\n    .ring > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-knob-start-color, transparent);\n      border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400));\n    }\n\n    .slider-knob-inner::before {\n      background-color: var(--paper-slider-pin-color, var(--google-blue-700));\n    }\n\n    .pin > .slider-knob > .slider-knob-inner::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 50%;\n      margin-left: -13px;\n      width: 26px;\n      height: 26px;\n      border-radius: 50% 50% 50% 0;\n\n      -webkit-transform: rotate(-45deg) scale(0) translate(0);\n      transform: rotate(-45deg) scale(0) translate(0);\n    }\n\n    .slider-knob-inner::before,\n    .slider-knob-inner::after {\n      transition: -webkit-transform .18s ease, background-color .18s ease;\n      transition: transform .18s ease, background-color .18s ease;\n    }\n\n    .pin.ring > .slider-knob > .slider-knob-inner::before {\n      background-color: var(--paper-slider-pin-start-color, var(--paper-grey-400));\n    }\n\n    .pin.expand > .slider-knob > .slider-knob-inner::before {\n      -webkit-transform: rotate(-45deg) scale(1) translate(17px, -17px);\n      transform: rotate(-45deg) scale(1) translate(17px, -17px);\n    }\n\n    .pin > .slider-knob > .slider-knob-inner::after {\n      content: attr(value);\n      position: absolute;\n      top: 0;\n      left: 50%;\n      margin-left: -16px;\n      width: 32px;\n      height: 26px;\n      text-align: center;\n      color: var(--paper-slider-font-color, #fff);\n      font-size: 10px;\n\n      -webkit-transform: scale(0) translate(0);\n      transform: scale(0) translate(0);\n    }\n\n    .pin.expand > .slider-knob > .slider-knob-inner::after {\n      -webkit-transform: scale(1) translate(0, -17px);\n      transform: scale(1) translate(0, -17px);\n    }\n\n    /* paper-input */\n    .slider-input {\n      width: 50px;\n      overflow: hidden;\n      --paper-input-container-input: {\n        text-align: center;\n        @apply --paper-slider-input-container-input;\n      };\n      @apply --paper-slider-input;\n    }\n\n    /* disabled state */\n    #sliderContainer.disabled {\n      pointer-events: none;\n    }\n\n    .disabled > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-disabled-knob-color, var(--paper-grey-400));\n      border: 2px solid var(--paper-slider-disabled-knob-color, var(--paper-grey-400));\n      -webkit-transform: scale3d(0.75, 0.75, 1);\n      transform: scale3d(0.75, 0.75, 1);\n    }\n\n    .disabled.ring > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-knob-start-color, transparent);\n      border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400));\n    }\n\n    paper-ripple {\n      color: var(--paper-slider-knob-color, var(--google-blue-700));\n    }\n  </style>\n\n  <div id=\"sliderContainer\" class$=\"[[_getClassNames(disabled, pin, snaps, immediateValue, min, expand, dragging, transiting, editable)]]\">\n    <div class=\"bar-container\">\n      <paper-progress disabled$=\"[[disabled]]\" id=\"sliderBar\" aria-hidden=\"true\" min=\"[[min]]\" max=\"[[max]]\" step=\"[[step]]\" value=\"[[immediateValue]]\" secondary-progress=\"[[secondaryProgress]]\" on-down=\"_bardown\" on-up=\"_resetKnob\" on-track=\"_bartrack\" on-tap=\"_barclick\">\n      </paper-progress>\n    </div>\n\n    <template is=\"dom-if\" if=\"[[snaps]]\">\n      <div class=\"slider-markers\">\n        <template is=\"dom-repeat\" items=\"[[markers]]\">\n          <div class=\"slider-marker\"></div>\n        </template>\n      </div>\n    </template>\n\n    <div id=\"sliderKnob\" class=\"slider-knob\" on-down=\"_knobdown\" on-up=\"_resetKnob\" on-track=\"_onTrack\" on-transitionend=\"_knobTransitionEnd\">\n        <div class=\"slider-knob-inner\" value$=\"[[immediateValue]]\"></div>\n    </div>\n  </div>\n\n  <template is=\"dom-if\" if=\"[[editable]]\">\n    <paper-input id=\"input\" type=\"number\" step=\"[[step]]\" min=\"[[min]]\" max=\"[[max]]\" class=\"slider-input\" disabled$=\"[[disabled]]\" value=\"[[immediateValue]]\" on-change=\"_changeValue\" on-keydown=\"_inputKeyDown\" no-label-float>\n    </paper-input>\n  </template>\n"], ["\n  <style>\n    :host {\n      @apply --layout;\n      @apply --layout-justified;\n      @apply --layout-center;\n      width: 200px;\n      cursor: default;\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      --paper-progress-active-color: var(--paper-slider-active-color, var(--google-blue-700));\n      --paper-progress-secondary-color: var(--paper-slider-secondary-color, var(--google-blue-300));\n      --paper-progress-disabled-active-color: var(--paper-slider-disabled-active-color, var(--paper-grey-400));\n      --paper-progress-disabled-secondary-color: var(--paper-slider-disabled-secondary-color, var(--paper-grey-400));\n      --calculated-paper-slider-height: var(--paper-slider-height, 2px);\n    }\n\n    /* focus shows the ripple */\n    :host(:focus) {\n      outline: none;\n    }\n\n    /**\n      * NOTE(keanulee): Though :host-context is not universally supported, some pages\n      * still rely on paper-slider being flipped when dir=\"rtl\" is set on body. For full\n      * compatibility, dir=\"rtl\" must be explicitly set on paper-slider.\n      */\n    :dir(rtl) #sliderContainer {\n      -webkit-transform: scaleX(-1);\n      transform: scaleX(-1);\n    }\n\n    /**\n      * NOTE(keanulee): This is separate from the rule above because :host-context may\n      * not be recognized.\n      */\n    :host([dir=\"rtl\"]) #sliderContainer {\n      -webkit-transform: scaleX(-1);\n      transform: scaleX(-1);\n    }\n\n    /**\n      * NOTE(keanulee): Needed to override the :host-context rule (where supported)\n      * to support LTR sliders in RTL pages.\n      */\n    :host([dir=\"ltr\"]) #sliderContainer {\n      -webkit-transform: scaleX(1);\n      transform: scaleX(1);\n    }\n\n    #sliderContainer {\n      position: relative;\n      width: 100%;\n      height: calc(30px + var(--calculated-paper-slider-height));\n      margin-left: calc(15px + var(--calculated-paper-slider-height)/2);\n      margin-right: calc(15px + var(--calculated-paper-slider-height)/2);\n    }\n\n    #sliderContainer:focus {\n      outline: 0;\n    }\n\n    #sliderContainer.editable {\n      margin-top: 12px;\n      margin-bottom: 12px;\n    }\n\n    .bar-container {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      overflow: hidden;\n    }\n\n    .ring > .bar-container {\n      left: calc(5px + var(--calculated-paper-slider-height)/2);\n      transition: left 0.18s ease;\n    }\n\n    .ring.expand.dragging > .bar-container {\n      transition: none;\n    }\n\n    .ring.expand:not(.pin) > .bar-container {\n      left: calc(8px + var(--calculated-paper-slider-height)/2);\n    }\n\n    #sliderBar {\n      padding: 15px 0;\n      width: 100%;\n      background-color: var(--paper-slider-bar-color, transparent);\n      --paper-progress-container-color: var(--paper-slider-container-color, var(--paper-grey-400));\n      --paper-progress-height: var(--calculated-paper-slider-height);\n    }\n\n    .slider-markers {\n      position: absolute;\n      /* slider-knob is 30px + the slider-height so that the markers should start at a offset of 15px*/\n      top: 15px;\n      height: var(--calculated-paper-slider-height);\n      left: 0;\n      right: -1px;\n      box-sizing: border-box;\n      pointer-events: none;\n      @apply --layout-horizontal;\n    }\n\n    .slider-marker {\n      @apply --layout-flex;\n    }\n    .slider-markers::after,\n    .slider-marker::after {\n      content: \"\";\n      display: block;\n      margin-left: -1px;\n      width: 2px;\n      height: var(--calculated-paper-slider-height);\n      border-radius: 50%;\n      background-color: var(--paper-slider-markers-color, #000);\n    }\n\n    .slider-knob {\n      position: absolute;\n      left: 0;\n      top: 0;\n      margin-left: calc(-15px - var(--calculated-paper-slider-height)/2);\n      width: calc(30px + var(--calculated-paper-slider-height));\n      height: calc(30px + var(--calculated-paper-slider-height));\n    }\n\n    .transiting > .slider-knob {\n      transition: left 0.08s ease;\n    }\n\n    .slider-knob:focus {\n      outline: none;\n    }\n\n    .slider-knob.dragging {\n      transition: none;\n    }\n\n    .snaps > .slider-knob.dragging {\n      transition: -webkit-transform 0.08s ease;\n      transition: transform 0.08s ease;\n    }\n\n    .slider-knob-inner {\n      margin: 10px;\n      width: calc(100% - 20px);\n      height: calc(100% - 20px);\n      background-color: var(--paper-slider-knob-color, var(--google-blue-700));\n      border: 2px solid var(--paper-slider-knob-color, var(--google-blue-700));\n      border-radius: 50%;\n\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n\n      transition-property: -webkit-transform, background-color, border;\n      transition-property: transform, background-color, border;\n      transition-duration: 0.18s;\n      transition-timing-function: ease;\n    }\n\n    .expand:not(.pin) > .slider-knob > .slider-knob-inner {\n      -webkit-transform: scale(1.5);\n      transform: scale(1.5);\n    }\n\n    .ring > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-knob-start-color, transparent);\n      border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400));\n    }\n\n    .slider-knob-inner::before {\n      background-color: var(--paper-slider-pin-color, var(--google-blue-700));\n    }\n\n    .pin > .slider-knob > .slider-knob-inner::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 50%;\n      margin-left: -13px;\n      width: 26px;\n      height: 26px;\n      border-radius: 50% 50% 50% 0;\n\n      -webkit-transform: rotate(-45deg) scale(0) translate(0);\n      transform: rotate(-45deg) scale(0) translate(0);\n    }\n\n    .slider-knob-inner::before,\n    .slider-knob-inner::after {\n      transition: -webkit-transform .18s ease, background-color .18s ease;\n      transition: transform .18s ease, background-color .18s ease;\n    }\n\n    .pin.ring > .slider-knob > .slider-knob-inner::before {\n      background-color: var(--paper-slider-pin-start-color, var(--paper-grey-400));\n    }\n\n    .pin.expand > .slider-knob > .slider-knob-inner::before {\n      -webkit-transform: rotate(-45deg) scale(1) translate(17px, -17px);\n      transform: rotate(-45deg) scale(1) translate(17px, -17px);\n    }\n\n    .pin > .slider-knob > .slider-knob-inner::after {\n      content: attr(value);\n      position: absolute;\n      top: 0;\n      left: 50%;\n      margin-left: -16px;\n      width: 32px;\n      height: 26px;\n      text-align: center;\n      color: var(--paper-slider-font-color, #fff);\n      font-size: 10px;\n\n      -webkit-transform: scale(0) translate(0);\n      transform: scale(0) translate(0);\n    }\n\n    .pin.expand > .slider-knob > .slider-knob-inner::after {\n      -webkit-transform: scale(1) translate(0, -17px);\n      transform: scale(1) translate(0, -17px);\n    }\n\n    /* paper-input */\n    .slider-input {\n      width: 50px;\n      overflow: hidden;\n      --paper-input-container-input: {\n        text-align: center;\n        @apply --paper-slider-input-container-input;\n      };\n      @apply --paper-slider-input;\n    }\n\n    /* disabled state */\n    #sliderContainer.disabled {\n      pointer-events: none;\n    }\n\n    .disabled > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-disabled-knob-color, var(--paper-grey-400));\n      border: 2px solid var(--paper-slider-disabled-knob-color, var(--paper-grey-400));\n      -webkit-transform: scale3d(0.75, 0.75, 1);\n      transform: scale3d(0.75, 0.75, 1);\n    }\n\n    .disabled.ring > .slider-knob > .slider-knob-inner {\n      background-color: var(--paper-slider-knob-start-color, transparent);\n      border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400));\n    }\n\n    paper-ripple {\n      color: var(--paper-slider-knob-color, var(--google-blue-700));\n    }\n  </style>\n\n  <div id=\"sliderContainer\" class\\$=\"[[_getClassNames(disabled, pin, snaps, immediateValue, min, expand, dragging, transiting, editable)]]\">\n    <div class=\"bar-container\">\n      <paper-progress disabled\\$=\"[[disabled]]\" id=\"sliderBar\" aria-hidden=\"true\" min=\"[[min]]\" max=\"[[max]]\" step=\"[[step]]\" value=\"[[immediateValue]]\" secondary-progress=\"[[secondaryProgress]]\" on-down=\"_bardown\" on-up=\"_resetKnob\" on-track=\"_bartrack\" on-tap=\"_barclick\">\n      </paper-progress>\n    </div>\n\n    <template is=\"dom-if\" if=\"[[snaps]]\">\n      <div class=\"slider-markers\">\n        <template is=\"dom-repeat\" items=\"[[markers]]\">\n          <div class=\"slider-marker\"></div>\n        </template>\n      </div>\n    </template>\n\n    <div id=\"sliderKnob\" class=\"slider-knob\" on-down=\"_knobdown\" on-up=\"_resetKnob\" on-track=\"_onTrack\" on-transitionend=\"_knobTransitionEnd\">\n        <div class=\"slider-knob-inner\" value\\$=\"[[immediateValue]]\"></div>\n    </div>\n  </div>\n\n  <template is=\"dom-if\" if=\"[[editable]]\">\n    <paper-input id=\"input\" type=\"number\" step=\"[[step]]\" min=\"[[min]]\" max=\"[[max]]\" class=\"slider-input\" disabled\\$=\"[[disabled]]\" value=\"[[immediateValue]]\" on-change=\"_changeValue\" on-keydown=\"_inputKeyDown\" no-label-float>\n    </paper-input>\n  </template>\n"])));
   template.setAttribute('strip-whitespace', '');
   /**
   Material design:
diff --git a/build/es5-amd/node_modules/@polymer/paper-spinner/paper-spinner-lite.js b/build/es5-amd/node_modules/@polymer/paper-spinner/paper-spinner-lite.js
index 459a495e732..e2a9007daa3 100644
--- a/build/es5-amd/node_modules/@polymer/paper-spinner/paper-spinner-lite.js
+++ b/build/es5-amd/node_modules/@polymer/paper-spinner/paper-spinner-lite.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "../paper-styles/color.js", "./paper-spinner-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./paper-spinner-behavior.js"], function (_polymerLegacy, _color, _paperSpinnerStyles, _polymerFn, _htmlTag, _paperSpinnerBehavior) {
   "use strict";
 
-  var _templateObject_925efe701f0511ed8cc3e9a95995ad69;
+  var _templateObject_6d9da6601f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_925efe701f0511ed8cc3e9a95995ad69 || (_templateObject_925efe701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style include=\"paper-spinner-styles\"></style>\n\n  <div id=\"spinnerContainer\" class-name=\"[[__computeContainerClasses(active, __coolingDown)]]\" on-animationend=\"__reset\" on-webkit-animation-end=\"__reset\">\n    <div class=\"spinner-layer\">\n      <div class=\"circle-clipper left\">\n        <div class=\"circle\"></div>\n      </div>\n      <div class=\"circle-clipper right\">\n        <div class=\"circle\"></div>\n      </div>\n    </div>\n  </div>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_6d9da6601f2611eda0c389891c227ec8 || (_templateObject_6d9da6601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style include=\"paper-spinner-styles\"></style>\n\n  <div id=\"spinnerContainer\" class-name=\"[[__computeContainerClasses(active, __coolingDown)]]\" on-animationend=\"__reset\" on-webkit-animation-end=\"__reset\">\n    <div class=\"spinner-layer\">\n      <div class=\"circle-clipper left\">\n        <div class=\"circle\"></div>\n      </div>\n      <div class=\"circle-clipper right\">\n        <div class=\"circle\"></div>\n      </div>\n    </div>\n  </div>\n"])));
   template.setAttribute('strip-whitespace', '');
   /**
   Material design: [Progress &
diff --git a/build/es5-amd/node_modules/@polymer/paper-spinner/paper-spinner.js b/build/es5-amd/node_modules/@polymer/paper-spinner/paper-spinner.js
index d6490a4dee9..843faf34803 100644
--- a/build/es5-amd/node_modules/@polymer/paper-spinner/paper-spinner.js
+++ b/build/es5-amd/node_modules/@polymer/paper-spinner/paper-spinner.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "../paper-styles/color.js", "./paper-spinner-styles.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "./paper-spinner-behavior.js"], function (_polymerLegacy, _color, _paperSpinnerStyles, _polymerFn, _htmlTag, _paperSpinnerBehavior) {
   "use strict";
 
-  var _templateObject_92f5e7401f0511ed8cc3e9a95995ad69;
+  var _templateObject_6ea308701f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_92f5e7401f0511ed8cc3e9a95995ad69 || (_templateObject_92f5e7401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style include=\"paper-spinner-styles\"></style>\n\n  <div id=\"spinnerContainer\" class-name=\"[[__computeContainerClasses(active, __coolingDown)]]\" on-animationend=\"__reset\" on-webkit-animation-end=\"__reset\">\n    <div class=\"spinner-layer layer-1\">\n      <div class=\"circle-clipper left\">\n        <div class=\"circle\"></div>\n      </div>\n      <div class=\"circle-clipper right\">\n        <div class=\"circle\"></div>\n      </div>\n    </div>\n\n    <div class=\"spinner-layer layer-2\">\n      <div class=\"circle-clipper left\">\n        <div class=\"circle\"></div>\n      </div>\n      <div class=\"circle-clipper right\">\n        <div class=\"circle\"></div>\n      </div>\n    </div>\n\n    <div class=\"spinner-layer layer-3\">\n      <div class=\"circle-clipper left\">\n        <div class=\"circle\"></div>\n      </div>\n      <div class=\"circle-clipper right\">\n        <div class=\"circle\"></div>\n      </div>\n    </div>\n\n    <div class=\"spinner-layer layer-4\">\n      <div class=\"circle-clipper left\">\n        <div class=\"circle\"></div>\n      </div>\n      <div class=\"circle-clipper right\">\n        <div class=\"circle\"></div>\n      </div>\n    </div>\n  </div>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_6ea308701f2611eda0c389891c227ec8 || (_templateObject_6ea308701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style include=\"paper-spinner-styles\"></style>\n\n  <div id=\"spinnerContainer\" class-name=\"[[__computeContainerClasses(active, __coolingDown)]]\" on-animationend=\"__reset\" on-webkit-animation-end=\"__reset\">\n    <div class=\"spinner-layer layer-1\">\n      <div class=\"circle-clipper left\">\n        <div class=\"circle\"></div>\n      </div>\n      <div class=\"circle-clipper right\">\n        <div class=\"circle\"></div>\n      </div>\n    </div>\n\n    <div class=\"spinner-layer layer-2\">\n      <div class=\"circle-clipper left\">\n        <div class=\"circle\"></div>\n      </div>\n      <div class=\"circle-clipper right\">\n        <div class=\"circle\"></div>\n      </div>\n    </div>\n\n    <div class=\"spinner-layer layer-3\">\n      <div class=\"circle-clipper left\">\n        <div class=\"circle\"></div>\n      </div>\n      <div class=\"circle-clipper right\">\n        <div class=\"circle\"></div>\n      </div>\n    </div>\n\n    <div class=\"spinner-layer layer-4\">\n      <div class=\"circle-clipper left\">\n        <div class=\"circle\"></div>\n      </div>\n      <div class=\"circle-clipper right\">\n        <div class=\"circle\"></div>\n      </div>\n    </div>\n  </div>\n"])));
   template.setAttribute('strip-whitespace', '');
   /**
   Material design: [Progress &
diff --git a/build/es5-amd/node_modules/@polymer/paper-styles/classes/global.js b/build/es5-amd/node_modules/@polymer/paper-styles/classes/global.js
index 69f9c54a848..c4d09fe3d31 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/classes/global.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/classes/global.js
@@ -1,9 +1,9 @@
 define(["../paper-styles-classes.js", "../../polymer/lib/utils/html-tag.js"], function (_paperStylesClasses, _htmlTag) {
   "use strict";
 
-  var _templateObject_97b803301f0511ed8cc3e9a95995ad69;
+  var _templateObject_7274a9e01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_97b803301f0511ed8cc3e9a95995ad69 || (_templateObject_97b803301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<style>\n/* Mixins */\n\n/* [paper-font] */\nbody {\n  font-family: 'Roboto', 'Noto', sans-serif;\n  -webkit-font-smoothing: antialiased;  /* OS X subpixel AA bleed bug */\n}\n\n/* [paper-font=display2] */\nh1 {\n  font-size: 45px;\n  font-weight: 400;\n  letter-spacing: -.018em;\n  line-height: 48px;\n}\n\n/* [paper-font=display1] */\nh2 {\n  font-size: 34px;\n  font-weight: 400;\n  letter-spacing: -.01em;\n  line-height: 40px;\n}\n\n/* [paper-font=headline] */\nh3 {\n  font-size: 24px;\n  font-weight: 400;\n  letter-spacing: -.012em;\n  line-height: 32px;\n}\n\n/* [paper-font=subhead] */\nh4 {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n/* [paper-font=body2] */\nh5, h6 {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n/* [paper-font=button] */\na {\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.018em;\n  line-height: 24px;\n  text-transform: uppercase;\n}\n\n/* Overrides */\n\nbody, a {\n  color: #212121;\n}\n\nh1, h2, h3, h4, h5, h6, p {\n  margin: 0 0 20px 0;\n}\n\nh1, h2, h3, h4, h5, h6, a {\n  text-rendering: optimizeLegibility;\n}\n\na {\n  text-decoration: none;\n}\n\n</style>"])));
+  var template = (0, _htmlTag.html)(_templateObject_7274a9e01f2611eda0c389891c227ec8 || (_templateObject_7274a9e01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<style>\n/* Mixins */\n\n/* [paper-font] */\nbody {\n  font-family: 'Roboto', 'Noto', sans-serif;\n  -webkit-font-smoothing: antialiased;  /* OS X subpixel AA bleed bug */\n}\n\n/* [paper-font=display2] */\nh1 {\n  font-size: 45px;\n  font-weight: 400;\n  letter-spacing: -.018em;\n  line-height: 48px;\n}\n\n/* [paper-font=display1] */\nh2 {\n  font-size: 34px;\n  font-weight: 400;\n  letter-spacing: -.01em;\n  line-height: 40px;\n}\n\n/* [paper-font=headline] */\nh3 {\n  font-size: 24px;\n  font-weight: 400;\n  letter-spacing: -.012em;\n  line-height: 32px;\n}\n\n/* [paper-font=subhead] */\nh4 {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n/* [paper-font=body2] */\nh5, h6 {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n/* [paper-font=button] */\na {\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.018em;\n  line-height: 24px;\n  text-transform: uppercase;\n}\n\n/* Overrides */\n\nbody, a {\n  color: #212121;\n}\n\nh1, h2, h3, h4, h5, h6, p {\n  margin: 0 0 20px 0;\n}\n\nh1, h2, h3, h4, h5, h6, a {\n  text-rendering: optimizeLegibility;\n}\n\na {\n  text-decoration: none;\n}\n\n</style>"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-styles/classes/shadow.js b/build/es5-amd/node_modules/@polymer/paper-styles/classes/shadow.js
index 3f4d94a55e3..389699c0197 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/classes/shadow.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/classes/shadow.js
@@ -1,9 +1,9 @@
 define(["../../polymer/lib/utils/html-tag.js"], function (_htmlTag) {
   "use strict";
 
-  var _templateObject_97cc00601f0511ed8cc3e9a95995ad69;
+  var _templateObject_727f31301f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_97cc00601f0511ed8cc3e9a95995ad69 || (_templateObject_97cc00601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<style>\n.shadow-transition {\n  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.shadow-elevation-2dp {\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n              0 1px 5px 0 rgba(0, 0, 0, 0.12),\n              0 3px 1px -2px rgba(0, 0, 0, 0.2);\n}\n\n.shadow-elevation-3dp {\n  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),\n              0 1px 8px 0 rgba(0, 0, 0, 0.12),\n              0 3px 3px -2px rgba(0, 0, 0, 0.4);\n}\n\n.shadow-elevation-4dp {\n  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),\n              0 1px 10px 0 rgba(0, 0, 0, 0.12),\n              0 2px 4px -1px rgba(0, 0, 0, 0.4);\n}\n\n.shadow-elevation-6dp {\n  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),\n              0 1px 18px 0 rgba(0, 0, 0, 0.12),\n              0 3px 5px -1px rgba(0, 0, 0, 0.4);\n}\n\n.shadow-elevation-8dp {\n  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12),\n              0 5px 5px -3px rgba(0, 0, 0, 0.4);\n}\n\n.shadow-elevation-16dp {\n  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n              0  6px 30px 5px rgba(0, 0, 0, 0.12),\n              0  8px 10px -5px rgba(0, 0, 0, 0.4);\n}\n\n</style>"])));
+  var template = (0, _htmlTag.html)(_templateObject_727f31301f2611eda0c389891c227ec8 || (_templateObject_727f31301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<style>\n.shadow-transition {\n  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.shadow-elevation-2dp {\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n              0 1px 5px 0 rgba(0, 0, 0, 0.12),\n              0 3px 1px -2px rgba(0, 0, 0, 0.2);\n}\n\n.shadow-elevation-3dp {\n  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),\n              0 1px 8px 0 rgba(0, 0, 0, 0.12),\n              0 3px 3px -2px rgba(0, 0, 0, 0.4);\n}\n\n.shadow-elevation-4dp {\n  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),\n              0 1px 10px 0 rgba(0, 0, 0, 0.12),\n              0 2px 4px -1px rgba(0, 0, 0, 0.4);\n}\n\n.shadow-elevation-6dp {\n  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),\n              0 1px 18px 0 rgba(0, 0, 0, 0.12),\n              0 3px 5px -1px rgba(0, 0, 0, 0.4);\n}\n\n.shadow-elevation-8dp {\n  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12),\n              0 5px 5px -3px rgba(0, 0, 0, 0.4);\n}\n\n.shadow-elevation-16dp {\n  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n              0  6px 30px 5px rgba(0, 0, 0, 0.12),\n              0  8px 10px -5px rgba(0, 0, 0, 0.4);\n}\n\n</style>"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-styles/classes/typography.js b/build/es5-amd/node_modules/@polymer/paper-styles/classes/typography.js
index c8c6fdd47f1..a77d0abbab6 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/classes/typography.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/classes/typography.js
@@ -1,9 +1,9 @@
 define(["../../font-roboto/roboto.js", "../../polymer/lib/utils/html-tag.js"], function (_roboto, _htmlTag) {
   "use strict";
 
-  var _templateObject_97ce98701f0511ed8cc3e9a95995ad69;
+  var _templateObject_728e4c601f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_97ce98701f0511ed8cc3e9a95995ad69 || (_templateObject_97ce98701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<style>\n\n.paper-font-display4,\n.paper-font-display3,\n.paper-font-display2,\n.paper-font-display1,\n.paper-font-headline,\n.paper-font-title,\n.paper-font-subhead,\n.paper-font-body2,\n.paper-font-body1,\n.paper-font-caption,\n.paper-font-menu,\n.paper-font-button {\n  font-family: 'Roboto', 'Noto', sans-serif;\n  -webkit-font-smoothing: antialiased;  /* OS X subpixel AA bleed bug */\n}\n\n.paper-font-code2,\n.paper-font-code1 {\n  font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;\n  -webkit-font-smoothing: antialiased;  /* OS X subpixel AA bleed bug */\n}\n\n/* Opt for better kerning for headers &amp; other short labels. */\n.paper-font-display4,\n.paper-font-display3,\n.paper-font-display2,\n.paper-font-display1,\n.paper-font-headline,\n.paper-font-title,\n.paper-font-subhead,\n.paper-font-menu,\n.paper-font-button {\n  text-rendering: optimizeLegibility;\n}\n\n/*\n\"Line wrapping only applies to Body, Subhead, Headline, and the smaller Display\nstyles. All other styles should exist as single lines.\"\n*/\n.paper-font-display4,\n.paper-font-display3,\n.paper-font-title,\n.paper-font-caption,\n.paper-font-menu,\n.paper-font-button {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.paper-font-display4 {\n  font-size: 112px;\n  font-weight: 300;\n  letter-spacing: -.044em;\n  line-height: 120px;\n}\n\n.paper-font-display3 {\n  font-size: 56px;\n  font-weight: 400;\n  letter-spacing: -.026em;\n  line-height: 60px;\n}\n\n.paper-font-display2 {\n  font-size: 45px;\n  font-weight: 400;\n  letter-spacing: -.018em;\n  line-height: 48px;\n}\n\n.paper-font-display1 {\n  font-size: 34px;\n  font-weight: 400;\n  letter-spacing: -.01em;\n  line-height: 40px;\n}\n\n.paper-font-headline {\n  font-size: 24px;\n  font-weight: 400;\n  letter-spacing: -.012em;\n  line-height: 32px;\n}\n\n.paper-font-title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 28px;\n}\n\n.paper-font-subhead {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n.paper-font-body2 {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.paper-font-body1 {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n.paper-font-caption {\n  font-size: 12px;\n  font-weight: 400;\n  letter-spacing: 0.011em;\n  line-height: 20px;\n}\n\n.paper-font-menu {\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.paper-font-button {\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.018em;\n  line-height: 24px;\n  text-transform: uppercase;\n}\n\n.paper-font-code2 {\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 20px;\n}\n\n.paper-font-code1 {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n</style>"])));
+  var template = (0, _htmlTag.html)(_templateObject_728e4c601f2611eda0c389891c227ec8 || (_templateObject_728e4c601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<style>\n\n.paper-font-display4,\n.paper-font-display3,\n.paper-font-display2,\n.paper-font-display1,\n.paper-font-headline,\n.paper-font-title,\n.paper-font-subhead,\n.paper-font-body2,\n.paper-font-body1,\n.paper-font-caption,\n.paper-font-menu,\n.paper-font-button {\n  font-family: 'Roboto', 'Noto', sans-serif;\n  -webkit-font-smoothing: antialiased;  /* OS X subpixel AA bleed bug */\n}\n\n.paper-font-code2,\n.paper-font-code1 {\n  font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;\n  -webkit-font-smoothing: antialiased;  /* OS X subpixel AA bleed bug */\n}\n\n/* Opt for better kerning for headers &amp; other short labels. */\n.paper-font-display4,\n.paper-font-display3,\n.paper-font-display2,\n.paper-font-display1,\n.paper-font-headline,\n.paper-font-title,\n.paper-font-subhead,\n.paper-font-menu,\n.paper-font-button {\n  text-rendering: optimizeLegibility;\n}\n\n/*\n\"Line wrapping only applies to Body, Subhead, Headline, and the smaller Display\nstyles. All other styles should exist as single lines.\"\n*/\n.paper-font-display4,\n.paper-font-display3,\n.paper-font-title,\n.paper-font-caption,\n.paper-font-menu,\n.paper-font-button {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.paper-font-display4 {\n  font-size: 112px;\n  font-weight: 300;\n  letter-spacing: -.044em;\n  line-height: 120px;\n}\n\n.paper-font-display3 {\n  font-size: 56px;\n  font-weight: 400;\n  letter-spacing: -.026em;\n  line-height: 60px;\n}\n\n.paper-font-display2 {\n  font-size: 45px;\n  font-weight: 400;\n  letter-spacing: -.018em;\n  line-height: 48px;\n}\n\n.paper-font-display1 {\n  font-size: 34px;\n  font-weight: 400;\n  letter-spacing: -.01em;\n  line-height: 40px;\n}\n\n.paper-font-headline {\n  font-size: 24px;\n  font-weight: 400;\n  letter-spacing: -.012em;\n  line-height: 32px;\n}\n\n.paper-font-title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 28px;\n}\n\n.paper-font-subhead {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n.paper-font-body2 {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.paper-font-body1 {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n.paper-font-caption {\n  font-size: 12px;\n  font-weight: 400;\n  letter-spacing: 0.011em;\n  line-height: 20px;\n}\n\n.paper-font-menu {\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.paper-font-button {\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.018em;\n  line-height: 24px;\n  text-transform: uppercase;\n}\n\n.paper-font-code2 {\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 20px;\n}\n\n.paper-font-code1 {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n</style>"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-styles/color.js b/build/es5-amd/node_modules/@polymer/paper-styles/color.js
index 5ecfac4cadc..830656b1a58 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/color.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/color.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _htmlTag) {
   "use strict";
 
-  var _templateObject_9b82ede01f0511ed8cc3e9a95995ad69;
+  var _templateObject_76a88f901f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9b82ede01f0511ed8cc3e9a95995ad69 || (_templateObject_9b82ede01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n\n      /* Material Design color palette for Google products */\n\n      --google-red-100: #f4c7c3;\n      --google-red-300: #e67c73;\n      --google-red-500: #db4437;\n      --google-red-700: #c53929;\n\n      --google-blue-100: #c6dafc;\n      --google-blue-300: #7baaf7;\n      --google-blue-500: #4285f4;\n      --google-blue-700: #3367d6;\n\n      --google-green-100: #b7e1cd;\n      --google-green-300: #57bb8a;\n      --google-green-500: #0f9d58;\n      --google-green-700: #0b8043;\n\n      --google-yellow-100: #fce8b2;\n      --google-yellow-300: #f7cb4d;\n      --google-yellow-500: #f4b400;\n      --google-yellow-700: #f09300;\n\n      --google-grey-100: #f5f5f5;\n      --google-grey-300: #e0e0e0;\n      --google-grey-500: #9e9e9e;\n      --google-grey-700: #616161;\n\n      /* Material Design color palette from online spec document */\n\n      --paper-red-50: #ffebee;\n      --paper-red-100: #ffcdd2;\n      --paper-red-200: #ef9a9a;\n      --paper-red-300: #e57373;\n      --paper-red-400: #ef5350;\n      --paper-red-500: #f44336;\n      --paper-red-600: #e53935;\n      --paper-red-700: #d32f2f;\n      --paper-red-800: #c62828;\n      --paper-red-900: #b71c1c;\n      --paper-red-a100: #ff8a80;\n      --paper-red-a200: #ff5252;\n      --paper-red-a400: #ff1744;\n      --paper-red-a700: #d50000;\n\n      --paper-pink-50: #fce4ec;\n      --paper-pink-100: #f8bbd0;\n      --paper-pink-200: #f48fb1;\n      --paper-pink-300: #f06292;\n      --paper-pink-400: #ec407a;\n      --paper-pink-500: #e91e63;\n      --paper-pink-600: #d81b60;\n      --paper-pink-700: #c2185b;\n      --paper-pink-800: #ad1457;\n      --paper-pink-900: #880e4f;\n      --paper-pink-a100: #ff80ab;\n      --paper-pink-a200: #ff4081;\n      --paper-pink-a400: #f50057;\n      --paper-pink-a700: #c51162;\n\n      --paper-purple-50: #f3e5f5;\n      --paper-purple-100: #e1bee7;\n      --paper-purple-200: #ce93d8;\n      --paper-purple-300: #ba68c8;\n      --paper-purple-400: #ab47bc;\n      --paper-purple-500: #9c27b0;\n      --paper-purple-600: #8e24aa;\n      --paper-purple-700: #7b1fa2;\n      --paper-purple-800: #6a1b9a;\n      --paper-purple-900: #4a148c;\n      --paper-purple-a100: #ea80fc;\n      --paper-purple-a200: #e040fb;\n      --paper-purple-a400: #d500f9;\n      --paper-purple-a700: #aa00ff;\n\n      --paper-deep-purple-50: #ede7f6;\n      --paper-deep-purple-100: #d1c4e9;\n      --paper-deep-purple-200: #b39ddb;\n      --paper-deep-purple-300: #9575cd;\n      --paper-deep-purple-400: #7e57c2;\n      --paper-deep-purple-500: #673ab7;\n      --paper-deep-purple-600: #5e35b1;\n      --paper-deep-purple-700: #512da8;\n      --paper-deep-purple-800: #4527a0;\n      --paper-deep-purple-900: #311b92;\n      --paper-deep-purple-a100: #b388ff;\n      --paper-deep-purple-a200: #7c4dff;\n      --paper-deep-purple-a400: #651fff;\n      --paper-deep-purple-a700: #6200ea;\n\n      --paper-indigo-50: #e8eaf6;\n      --paper-indigo-100: #c5cae9;\n      --paper-indigo-200: #9fa8da;\n      --paper-indigo-300: #7986cb;\n      --paper-indigo-400: #5c6bc0;\n      --paper-indigo-500: #3f51b5;\n      --paper-indigo-600: #3949ab;\n      --paper-indigo-700: #303f9f;\n      --paper-indigo-800: #283593;\n      --paper-indigo-900: #1a237e;\n      --paper-indigo-a100: #8c9eff;\n      --paper-indigo-a200: #536dfe;\n      --paper-indigo-a400: #3d5afe;\n      --paper-indigo-a700: #304ffe;\n\n      --paper-blue-50: #e3f2fd;\n      --paper-blue-100: #bbdefb;\n      --paper-blue-200: #90caf9;\n      --paper-blue-300: #64b5f6;\n      --paper-blue-400: #42a5f5;\n      --paper-blue-500: #2196f3;\n      --paper-blue-600: #1e88e5;\n      --paper-blue-700: #1976d2;\n      --paper-blue-800: #1565c0;\n      --paper-blue-900: #0d47a1;\n      --paper-blue-a100: #82b1ff;\n      --paper-blue-a200: #448aff;\n      --paper-blue-a400: #2979ff;\n      --paper-blue-a700: #2962ff;\n\n      --paper-light-blue-50: #e1f5fe;\n      --paper-light-blue-100: #b3e5fc;\n      --paper-light-blue-200: #81d4fa;\n      --paper-light-blue-300: #4fc3f7;\n      --paper-light-blue-400: #29b6f6;\n      --paper-light-blue-500: #03a9f4;\n      --paper-light-blue-600: #039be5;\n      --paper-light-blue-700: #0288d1;\n      --paper-light-blue-800: #0277bd;\n      --paper-light-blue-900: #01579b;\n      --paper-light-blue-a100: #80d8ff;\n      --paper-light-blue-a200: #40c4ff;\n      --paper-light-blue-a400: #00b0ff;\n      --paper-light-blue-a700: #0091ea;\n\n      --paper-cyan-50: #e0f7fa;\n      --paper-cyan-100: #b2ebf2;\n      --paper-cyan-200: #80deea;\n      --paper-cyan-300: #4dd0e1;\n      --paper-cyan-400: #26c6da;\n      --paper-cyan-500: #00bcd4;\n      --paper-cyan-600: #00acc1;\n      --paper-cyan-700: #0097a7;\n      --paper-cyan-800: #00838f;\n      --paper-cyan-900: #006064;\n      --paper-cyan-a100: #84ffff;\n      --paper-cyan-a200: #18ffff;\n      --paper-cyan-a400: #00e5ff;\n      --paper-cyan-a700: #00b8d4;\n\n      --paper-teal-50: #e0f2f1;\n      --paper-teal-100: #b2dfdb;\n      --paper-teal-200: #80cbc4;\n      --paper-teal-300: #4db6ac;\n      --paper-teal-400: #26a69a;\n      --paper-teal-500: #009688;\n      --paper-teal-600: #00897b;\n      --paper-teal-700: #00796b;\n      --paper-teal-800: #00695c;\n      --paper-teal-900: #004d40;\n      --paper-teal-a100: #a7ffeb;\n      --paper-teal-a200: #64ffda;\n      --paper-teal-a400: #1de9b6;\n      --paper-teal-a700: #00bfa5;\n\n      --paper-green-50: #e8f5e9;\n      --paper-green-100: #c8e6c9;\n      --paper-green-200: #a5d6a7;\n      --paper-green-300: #81c784;\n      --paper-green-400: #66bb6a;\n      --paper-green-500: #4caf50;\n      --paper-green-600: #43a047;\n      --paper-green-700: #388e3c;\n      --paper-green-800: #2e7d32;\n      --paper-green-900: #1b5e20;\n      --paper-green-a100: #b9f6ca;\n      --paper-green-a200: #69f0ae;\n      --paper-green-a400: #00e676;\n      --paper-green-a700: #00c853;\n\n      --paper-light-green-50: #f1f8e9;\n      --paper-light-green-100: #dcedc8;\n      --paper-light-green-200: #c5e1a5;\n      --paper-light-green-300: #aed581;\n      --paper-light-green-400: #9ccc65;\n      --paper-light-green-500: #8bc34a;\n      --paper-light-green-600: #7cb342;\n      --paper-light-green-700: #689f38;\n      --paper-light-green-800: #558b2f;\n      --paper-light-green-900: #33691e;\n      --paper-light-green-a100: #ccff90;\n      --paper-light-green-a200: #b2ff59;\n      --paper-light-green-a400: #76ff03;\n      --paper-light-green-a700: #64dd17;\n\n      --paper-lime-50: #f9fbe7;\n      --paper-lime-100: #f0f4c3;\n      --paper-lime-200: #e6ee9c;\n      --paper-lime-300: #dce775;\n      --paper-lime-400: #d4e157;\n      --paper-lime-500: #cddc39;\n      --paper-lime-600: #c0ca33;\n      --paper-lime-700: #afb42b;\n      --paper-lime-800: #9e9d24;\n      --paper-lime-900: #827717;\n      --paper-lime-a100: #f4ff81;\n      --paper-lime-a200: #eeff41;\n      --paper-lime-a400: #c6ff00;\n      --paper-lime-a700: #aeea00;\n\n      --paper-yellow-50: #fffde7;\n      --paper-yellow-100: #fff9c4;\n      --paper-yellow-200: #fff59d;\n      --paper-yellow-300: #fff176;\n      --paper-yellow-400: #ffee58;\n      --paper-yellow-500: #ffeb3b;\n      --paper-yellow-600: #fdd835;\n      --paper-yellow-700: #fbc02d;\n      --paper-yellow-800: #f9a825;\n      --paper-yellow-900: #f57f17;\n      --paper-yellow-a100: #ffff8d;\n      --paper-yellow-a200: #ffff00;\n      --paper-yellow-a400: #ffea00;\n      --paper-yellow-a700: #ffd600;\n\n      --paper-amber-50: #fff8e1;\n      --paper-amber-100: #ffecb3;\n      --paper-amber-200: #ffe082;\n      --paper-amber-300: #ffd54f;\n      --paper-amber-400: #ffca28;\n      --paper-amber-500: #ffc107;\n      --paper-amber-600: #ffb300;\n      --paper-amber-700: #ffa000;\n      --paper-amber-800: #ff8f00;\n      --paper-amber-900: #ff6f00;\n      --paper-amber-a100: #ffe57f;\n      --paper-amber-a200: #ffd740;\n      --paper-amber-a400: #ffc400;\n      --paper-amber-a700: #ffab00;\n\n      --paper-orange-50: #fff3e0;\n      --paper-orange-100: #ffe0b2;\n      --paper-orange-200: #ffcc80;\n      --paper-orange-300: #ffb74d;\n      --paper-orange-400: #ffa726;\n      --paper-orange-500: #ff9800;\n      --paper-orange-600: #fb8c00;\n      --paper-orange-700: #f57c00;\n      --paper-orange-800: #ef6c00;\n      --paper-orange-900: #e65100;\n      --paper-orange-a100: #ffd180;\n      --paper-orange-a200: #ffab40;\n      --paper-orange-a400: #ff9100;\n      --paper-orange-a700: #ff6500;\n\n      --paper-deep-orange-50: #fbe9e7;\n      --paper-deep-orange-100: #ffccbc;\n      --paper-deep-orange-200: #ffab91;\n      --paper-deep-orange-300: #ff8a65;\n      --paper-deep-orange-400: #ff7043;\n      --paper-deep-orange-500: #ff5722;\n      --paper-deep-orange-600: #f4511e;\n      --paper-deep-orange-700: #e64a19;\n      --paper-deep-orange-800: #d84315;\n      --paper-deep-orange-900: #bf360c;\n      --paper-deep-orange-a100: #ff9e80;\n      --paper-deep-orange-a200: #ff6e40;\n      --paper-deep-orange-a400: #ff3d00;\n      --paper-deep-orange-a700: #dd2c00;\n\n      --paper-brown-50: #efebe9;\n      --paper-brown-100: #d7ccc8;\n      --paper-brown-200: #bcaaa4;\n      --paper-brown-300: #a1887f;\n      --paper-brown-400: #8d6e63;\n      --paper-brown-500: #795548;\n      --paper-brown-600: #6d4c41;\n      --paper-brown-700: #5d4037;\n      --paper-brown-800: #4e342e;\n      --paper-brown-900: #3e2723;\n\n      --paper-grey-50: #fafafa;\n      --paper-grey-100: #f5f5f5;\n      --paper-grey-200: #eeeeee;\n      --paper-grey-300: #e0e0e0;\n      --paper-grey-400: #bdbdbd;\n      --paper-grey-500: #9e9e9e;\n      --paper-grey-600: #757575;\n      --paper-grey-700: #616161;\n      --paper-grey-800: #424242;\n      --paper-grey-900: #212121;\n\n      --paper-blue-grey-50: #eceff1;\n      --paper-blue-grey-100: #cfd8dc;\n      --paper-blue-grey-200: #b0bec5;\n      --paper-blue-grey-300: #90a4ae;\n      --paper-blue-grey-400: #78909c;\n      --paper-blue-grey-500: #607d8b;\n      --paper-blue-grey-600: #546e7a;\n      --paper-blue-grey-700: #455a64;\n      --paper-blue-grey-800: #37474f;\n      --paper-blue-grey-900: #263238;\n\n      /* opacity for dark text on a light background */\n      --dark-divider-opacity: 0.12;\n      --dark-disabled-opacity: 0.38; /* or hint text or icon */\n      --dark-secondary-opacity: 0.54;\n      --dark-primary-opacity: 0.87;\n\n      /* opacity for light text on a dark background */\n      --light-divider-opacity: 0.12;\n      --light-disabled-opacity: 0.3; /* or hint text or icon */\n      --light-secondary-opacity: 0.7;\n      --light-primary-opacity: 1.0;\n\n    }\n\n  </style>\n</custom-style>\n"])));
+  var template = (0, _htmlTag.html)(_templateObject_76a88f901f2611eda0c389891c227ec8 || (_templateObject_76a88f901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n\n      /* Material Design color palette for Google products */\n\n      --google-red-100: #f4c7c3;\n      --google-red-300: #e67c73;\n      --google-red-500: #db4437;\n      --google-red-700: #c53929;\n\n      --google-blue-100: #c6dafc;\n      --google-blue-300: #7baaf7;\n      --google-blue-500: #4285f4;\n      --google-blue-700: #3367d6;\n\n      --google-green-100: #b7e1cd;\n      --google-green-300: #57bb8a;\n      --google-green-500: #0f9d58;\n      --google-green-700: #0b8043;\n\n      --google-yellow-100: #fce8b2;\n      --google-yellow-300: #f7cb4d;\n      --google-yellow-500: #f4b400;\n      --google-yellow-700: #f09300;\n\n      --google-grey-100: #f5f5f5;\n      --google-grey-300: #e0e0e0;\n      --google-grey-500: #9e9e9e;\n      --google-grey-700: #616161;\n\n      /* Material Design color palette from online spec document */\n\n      --paper-red-50: #ffebee;\n      --paper-red-100: #ffcdd2;\n      --paper-red-200: #ef9a9a;\n      --paper-red-300: #e57373;\n      --paper-red-400: #ef5350;\n      --paper-red-500: #f44336;\n      --paper-red-600: #e53935;\n      --paper-red-700: #d32f2f;\n      --paper-red-800: #c62828;\n      --paper-red-900: #b71c1c;\n      --paper-red-a100: #ff8a80;\n      --paper-red-a200: #ff5252;\n      --paper-red-a400: #ff1744;\n      --paper-red-a700: #d50000;\n\n      --paper-pink-50: #fce4ec;\n      --paper-pink-100: #f8bbd0;\n      --paper-pink-200: #f48fb1;\n      --paper-pink-300: #f06292;\n      --paper-pink-400: #ec407a;\n      --paper-pink-500: #e91e63;\n      --paper-pink-600: #d81b60;\n      --paper-pink-700: #c2185b;\n      --paper-pink-800: #ad1457;\n      --paper-pink-900: #880e4f;\n      --paper-pink-a100: #ff80ab;\n      --paper-pink-a200: #ff4081;\n      --paper-pink-a400: #f50057;\n      --paper-pink-a700: #c51162;\n\n      --paper-purple-50: #f3e5f5;\n      --paper-purple-100: #e1bee7;\n      --paper-purple-200: #ce93d8;\n      --paper-purple-300: #ba68c8;\n      --paper-purple-400: #ab47bc;\n      --paper-purple-500: #9c27b0;\n      --paper-purple-600: #8e24aa;\n      --paper-purple-700: #7b1fa2;\n      --paper-purple-800: #6a1b9a;\n      --paper-purple-900: #4a148c;\n      --paper-purple-a100: #ea80fc;\n      --paper-purple-a200: #e040fb;\n      --paper-purple-a400: #d500f9;\n      --paper-purple-a700: #aa00ff;\n\n      --paper-deep-purple-50: #ede7f6;\n      --paper-deep-purple-100: #d1c4e9;\n      --paper-deep-purple-200: #b39ddb;\n      --paper-deep-purple-300: #9575cd;\n      --paper-deep-purple-400: #7e57c2;\n      --paper-deep-purple-500: #673ab7;\n      --paper-deep-purple-600: #5e35b1;\n      --paper-deep-purple-700: #512da8;\n      --paper-deep-purple-800: #4527a0;\n      --paper-deep-purple-900: #311b92;\n      --paper-deep-purple-a100: #b388ff;\n      --paper-deep-purple-a200: #7c4dff;\n      --paper-deep-purple-a400: #651fff;\n      --paper-deep-purple-a700: #6200ea;\n\n      --paper-indigo-50: #e8eaf6;\n      --paper-indigo-100: #c5cae9;\n      --paper-indigo-200: #9fa8da;\n      --paper-indigo-300: #7986cb;\n      --paper-indigo-400: #5c6bc0;\n      --paper-indigo-500: #3f51b5;\n      --paper-indigo-600: #3949ab;\n      --paper-indigo-700: #303f9f;\n      --paper-indigo-800: #283593;\n      --paper-indigo-900: #1a237e;\n      --paper-indigo-a100: #8c9eff;\n      --paper-indigo-a200: #536dfe;\n      --paper-indigo-a400: #3d5afe;\n      --paper-indigo-a700: #304ffe;\n\n      --paper-blue-50: #e3f2fd;\n      --paper-blue-100: #bbdefb;\n      --paper-blue-200: #90caf9;\n      --paper-blue-300: #64b5f6;\n      --paper-blue-400: #42a5f5;\n      --paper-blue-500: #2196f3;\n      --paper-blue-600: #1e88e5;\n      --paper-blue-700: #1976d2;\n      --paper-blue-800: #1565c0;\n      --paper-blue-900: #0d47a1;\n      --paper-blue-a100: #82b1ff;\n      --paper-blue-a200: #448aff;\n      --paper-blue-a400: #2979ff;\n      --paper-blue-a700: #2962ff;\n\n      --paper-light-blue-50: #e1f5fe;\n      --paper-light-blue-100: #b3e5fc;\n      --paper-light-blue-200: #81d4fa;\n      --paper-light-blue-300: #4fc3f7;\n      --paper-light-blue-400: #29b6f6;\n      --paper-light-blue-500: #03a9f4;\n      --paper-light-blue-600: #039be5;\n      --paper-light-blue-700: #0288d1;\n      --paper-light-blue-800: #0277bd;\n      --paper-light-blue-900: #01579b;\n      --paper-light-blue-a100: #80d8ff;\n      --paper-light-blue-a200: #40c4ff;\n      --paper-light-blue-a400: #00b0ff;\n      --paper-light-blue-a700: #0091ea;\n\n      --paper-cyan-50: #e0f7fa;\n      --paper-cyan-100: #b2ebf2;\n      --paper-cyan-200: #80deea;\n      --paper-cyan-300: #4dd0e1;\n      --paper-cyan-400: #26c6da;\n      --paper-cyan-500: #00bcd4;\n      --paper-cyan-600: #00acc1;\n      --paper-cyan-700: #0097a7;\n      --paper-cyan-800: #00838f;\n      --paper-cyan-900: #006064;\n      --paper-cyan-a100: #84ffff;\n      --paper-cyan-a200: #18ffff;\n      --paper-cyan-a400: #00e5ff;\n      --paper-cyan-a700: #00b8d4;\n\n      --paper-teal-50: #e0f2f1;\n      --paper-teal-100: #b2dfdb;\n      --paper-teal-200: #80cbc4;\n      --paper-teal-300: #4db6ac;\n      --paper-teal-400: #26a69a;\n      --paper-teal-500: #009688;\n      --paper-teal-600: #00897b;\n      --paper-teal-700: #00796b;\n      --paper-teal-800: #00695c;\n      --paper-teal-900: #004d40;\n      --paper-teal-a100: #a7ffeb;\n      --paper-teal-a200: #64ffda;\n      --paper-teal-a400: #1de9b6;\n      --paper-teal-a700: #00bfa5;\n\n      --paper-green-50: #e8f5e9;\n      --paper-green-100: #c8e6c9;\n      --paper-green-200: #a5d6a7;\n      --paper-green-300: #81c784;\n      --paper-green-400: #66bb6a;\n      --paper-green-500: #4caf50;\n      --paper-green-600: #43a047;\n      --paper-green-700: #388e3c;\n      --paper-green-800: #2e7d32;\n      --paper-green-900: #1b5e20;\n      --paper-green-a100: #b9f6ca;\n      --paper-green-a200: #69f0ae;\n      --paper-green-a400: #00e676;\n      --paper-green-a700: #00c853;\n\n      --paper-light-green-50: #f1f8e9;\n      --paper-light-green-100: #dcedc8;\n      --paper-light-green-200: #c5e1a5;\n      --paper-light-green-300: #aed581;\n      --paper-light-green-400: #9ccc65;\n      --paper-light-green-500: #8bc34a;\n      --paper-light-green-600: #7cb342;\n      --paper-light-green-700: #689f38;\n      --paper-light-green-800: #558b2f;\n      --paper-light-green-900: #33691e;\n      --paper-light-green-a100: #ccff90;\n      --paper-light-green-a200: #b2ff59;\n      --paper-light-green-a400: #76ff03;\n      --paper-light-green-a700: #64dd17;\n\n      --paper-lime-50: #f9fbe7;\n      --paper-lime-100: #f0f4c3;\n      --paper-lime-200: #e6ee9c;\n      --paper-lime-300: #dce775;\n      --paper-lime-400: #d4e157;\n      --paper-lime-500: #cddc39;\n      --paper-lime-600: #c0ca33;\n      --paper-lime-700: #afb42b;\n      --paper-lime-800: #9e9d24;\n      --paper-lime-900: #827717;\n      --paper-lime-a100: #f4ff81;\n      --paper-lime-a200: #eeff41;\n      --paper-lime-a400: #c6ff00;\n      --paper-lime-a700: #aeea00;\n\n      --paper-yellow-50: #fffde7;\n      --paper-yellow-100: #fff9c4;\n      --paper-yellow-200: #fff59d;\n      --paper-yellow-300: #fff176;\n      --paper-yellow-400: #ffee58;\n      --paper-yellow-500: #ffeb3b;\n      --paper-yellow-600: #fdd835;\n      --paper-yellow-700: #fbc02d;\n      --paper-yellow-800: #f9a825;\n      --paper-yellow-900: #f57f17;\n      --paper-yellow-a100: #ffff8d;\n      --paper-yellow-a200: #ffff00;\n      --paper-yellow-a400: #ffea00;\n      --paper-yellow-a700: #ffd600;\n\n      --paper-amber-50: #fff8e1;\n      --paper-amber-100: #ffecb3;\n      --paper-amber-200: #ffe082;\n      --paper-amber-300: #ffd54f;\n      --paper-amber-400: #ffca28;\n      --paper-amber-500: #ffc107;\n      --paper-amber-600: #ffb300;\n      --paper-amber-700: #ffa000;\n      --paper-amber-800: #ff8f00;\n      --paper-amber-900: #ff6f00;\n      --paper-amber-a100: #ffe57f;\n      --paper-amber-a200: #ffd740;\n      --paper-amber-a400: #ffc400;\n      --paper-amber-a700: #ffab00;\n\n      --paper-orange-50: #fff3e0;\n      --paper-orange-100: #ffe0b2;\n      --paper-orange-200: #ffcc80;\n      --paper-orange-300: #ffb74d;\n      --paper-orange-400: #ffa726;\n      --paper-orange-500: #ff9800;\n      --paper-orange-600: #fb8c00;\n      --paper-orange-700: #f57c00;\n      --paper-orange-800: #ef6c00;\n      --paper-orange-900: #e65100;\n      --paper-orange-a100: #ffd180;\n      --paper-orange-a200: #ffab40;\n      --paper-orange-a400: #ff9100;\n      --paper-orange-a700: #ff6500;\n\n      --paper-deep-orange-50: #fbe9e7;\n      --paper-deep-orange-100: #ffccbc;\n      --paper-deep-orange-200: #ffab91;\n      --paper-deep-orange-300: #ff8a65;\n      --paper-deep-orange-400: #ff7043;\n      --paper-deep-orange-500: #ff5722;\n      --paper-deep-orange-600: #f4511e;\n      --paper-deep-orange-700: #e64a19;\n      --paper-deep-orange-800: #d84315;\n      --paper-deep-orange-900: #bf360c;\n      --paper-deep-orange-a100: #ff9e80;\n      --paper-deep-orange-a200: #ff6e40;\n      --paper-deep-orange-a400: #ff3d00;\n      --paper-deep-orange-a700: #dd2c00;\n\n      --paper-brown-50: #efebe9;\n      --paper-brown-100: #d7ccc8;\n      --paper-brown-200: #bcaaa4;\n      --paper-brown-300: #a1887f;\n      --paper-brown-400: #8d6e63;\n      --paper-brown-500: #795548;\n      --paper-brown-600: #6d4c41;\n      --paper-brown-700: #5d4037;\n      --paper-brown-800: #4e342e;\n      --paper-brown-900: #3e2723;\n\n      --paper-grey-50: #fafafa;\n      --paper-grey-100: #f5f5f5;\n      --paper-grey-200: #eeeeee;\n      --paper-grey-300: #e0e0e0;\n      --paper-grey-400: #bdbdbd;\n      --paper-grey-500: #9e9e9e;\n      --paper-grey-600: #757575;\n      --paper-grey-700: #616161;\n      --paper-grey-800: #424242;\n      --paper-grey-900: #212121;\n\n      --paper-blue-grey-50: #eceff1;\n      --paper-blue-grey-100: #cfd8dc;\n      --paper-blue-grey-200: #b0bec5;\n      --paper-blue-grey-300: #90a4ae;\n      --paper-blue-grey-400: #78909c;\n      --paper-blue-grey-500: #607d8b;\n      --paper-blue-grey-600: #546e7a;\n      --paper-blue-grey-700: #455a64;\n      --paper-blue-grey-800: #37474f;\n      --paper-blue-grey-900: #263238;\n\n      /* opacity for dark text on a light background */\n      --dark-divider-opacity: 0.12;\n      --dark-disabled-opacity: 0.38; /* or hint text or icon */\n      --dark-secondary-opacity: 0.54;\n      --dark-primary-opacity: 0.87;\n\n      /* opacity for light text on a dark background */\n      --light-divider-opacity: 0.12;\n      --light-disabled-opacity: 0.3; /* or hint text or icon */\n      --light-secondary-opacity: 0.7;\n      --light-primary-opacity: 1.0;\n\n    }\n\n  </style>\n</custom-style>\n"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-styles/default-theme.js b/build/es5-amd/node_modules/@polymer/paper-styles/default-theme.js
index 4d111c9570f..f937dba2ab4 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/default-theme.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/default-theme.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "./color.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _color, _htmlTag) {
   "use strict";
 
-  var _templateObject_9b445e401f0511ed8cc3e9a95995ad69;
+  var _templateObject_76651df01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9b445e401f0511ed8cc3e9a95995ad69 || (_templateObject_9b445e401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n      /*\n       * You can use these generic variables in your elements for easy theming.\n       * For example, if all your elements use `--primary-text-color` as its main\n       * color, then switching from a light to a dark theme is just a matter of\n       * changing the value of `--primary-text-color` in your application.\n       */\n      --primary-text-color: var(--light-theme-text-color);\n      --primary-background-color: var(--light-theme-background-color);\n      --secondary-text-color: var(--light-theme-secondary-color);\n      --disabled-text-color: var(--light-theme-disabled-color);\n      --divider-color: var(--light-theme-divider-color);\n      --error-color: var(--paper-deep-orange-a700);\n\n      /*\n       * Primary and accent colors. Also see color.js for more colors.\n       */\n      --primary-color: var(--paper-indigo-500);\n      --light-primary-color: var(--paper-indigo-100);\n      --dark-primary-color: var(--paper-indigo-700);\n\n      --accent-color: var(--paper-pink-a200);\n      --light-accent-color: var(--paper-pink-a100);\n      --dark-accent-color: var(--paper-pink-a400);\n\n\n      /*\n       * Material Design Light background theme\n       */\n      --light-theme-background-color: #ffffff;\n      --light-theme-base-color: #000000;\n      --light-theme-text-color: var(--paper-grey-900);\n      --light-theme-secondary-color: #737373;  /* for secondary text and icons */\n      --light-theme-disabled-color: #9b9b9b;  /* disabled/hint text */\n      --light-theme-divider-color: #dbdbdb;\n\n      /*\n       * Material Design Dark background theme\n       */\n      --dark-theme-background-color: var(--paper-grey-900);\n      --dark-theme-base-color: #ffffff;\n      --dark-theme-text-color: #ffffff;\n      --dark-theme-secondary-color: #bcbcbc;  /* for secondary text and icons */\n      --dark-theme-disabled-color: #646464;  /* disabled/hint text */\n      --dark-theme-divider-color: #3c3c3c;\n\n      /*\n       * Deprecated values because of their confusing names.\n       */\n      --text-primary-color: var(--dark-theme-text-color);\n      --default-primary-color: var(--primary-color);\n    }\n  </style>\n</custom-style>"], ["\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n      /*\n       * You can use these generic variables in your elements for easy theming.\n       * For example, if all your elements use \\`--primary-text-color\\` as its main\n       * color, then switching from a light to a dark theme is just a matter of\n       * changing the value of \\`--primary-text-color\\` in your application.\n       */\n      --primary-text-color: var(--light-theme-text-color);\n      --primary-background-color: var(--light-theme-background-color);\n      --secondary-text-color: var(--light-theme-secondary-color);\n      --disabled-text-color: var(--light-theme-disabled-color);\n      --divider-color: var(--light-theme-divider-color);\n      --error-color: var(--paper-deep-orange-a700);\n\n      /*\n       * Primary and accent colors. Also see color.js for more colors.\n       */\n      --primary-color: var(--paper-indigo-500);\n      --light-primary-color: var(--paper-indigo-100);\n      --dark-primary-color: var(--paper-indigo-700);\n\n      --accent-color: var(--paper-pink-a200);\n      --light-accent-color: var(--paper-pink-a100);\n      --dark-accent-color: var(--paper-pink-a400);\n\n\n      /*\n       * Material Design Light background theme\n       */\n      --light-theme-background-color: #ffffff;\n      --light-theme-base-color: #000000;\n      --light-theme-text-color: var(--paper-grey-900);\n      --light-theme-secondary-color: #737373;  /* for secondary text and icons */\n      --light-theme-disabled-color: #9b9b9b;  /* disabled/hint text */\n      --light-theme-divider-color: #dbdbdb;\n\n      /*\n       * Material Design Dark background theme\n       */\n      --dark-theme-background-color: var(--paper-grey-900);\n      --dark-theme-base-color: #ffffff;\n      --dark-theme-text-color: #ffffff;\n      --dark-theme-secondary-color: #bcbcbc;  /* for secondary text and icons */\n      --dark-theme-disabled-color: #646464;  /* disabled/hint text */\n      --dark-theme-divider-color: #3c3c3c;\n\n      /*\n       * Deprecated values because of their confusing names.\n       */\n      --text-primary-color: var(--dark-theme-text-color);\n      --default-primary-color: var(--primary-color);\n    }\n  </style>\n</custom-style>"])));
+  var template = (0, _htmlTag.html)(_templateObject_76651df01f2611eda0c389891c227ec8 || (_templateObject_76651df01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n      /*\n       * You can use these generic variables in your elements for easy theming.\n       * For example, if all your elements use `--primary-text-color` as its main\n       * color, then switching from a light to a dark theme is just a matter of\n       * changing the value of `--primary-text-color` in your application.\n       */\n      --primary-text-color: var(--light-theme-text-color);\n      --primary-background-color: var(--light-theme-background-color);\n      --secondary-text-color: var(--light-theme-secondary-color);\n      --disabled-text-color: var(--light-theme-disabled-color);\n      --divider-color: var(--light-theme-divider-color);\n      --error-color: var(--paper-deep-orange-a700);\n\n      /*\n       * Primary and accent colors. Also see color.js for more colors.\n       */\n      --primary-color: var(--paper-indigo-500);\n      --light-primary-color: var(--paper-indigo-100);\n      --dark-primary-color: var(--paper-indigo-700);\n\n      --accent-color: var(--paper-pink-a200);\n      --light-accent-color: var(--paper-pink-a100);\n      --dark-accent-color: var(--paper-pink-a400);\n\n\n      /*\n       * Material Design Light background theme\n       */\n      --light-theme-background-color: #ffffff;\n      --light-theme-base-color: #000000;\n      --light-theme-text-color: var(--paper-grey-900);\n      --light-theme-secondary-color: #737373;  /* for secondary text and icons */\n      --light-theme-disabled-color: #9b9b9b;  /* disabled/hint text */\n      --light-theme-divider-color: #dbdbdb;\n\n      /*\n       * Material Design Dark background theme\n       */\n      --dark-theme-background-color: var(--paper-grey-900);\n      --dark-theme-base-color: #ffffff;\n      --dark-theme-text-color: #ffffff;\n      --dark-theme-secondary-color: #bcbcbc;  /* for secondary text and icons */\n      --dark-theme-disabled-color: #646464;  /* disabled/hint text */\n      --dark-theme-divider-color: #3c3c3c;\n\n      /*\n       * Deprecated values because of their confusing names.\n       */\n      --text-primary-color: var(--dark-theme-text-color);\n      --default-primary-color: var(--primary-color);\n    }\n  </style>\n</custom-style>"], ["\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n      /*\n       * You can use these generic variables in your elements for easy theming.\n       * For example, if all your elements use \\`--primary-text-color\\` as its main\n       * color, then switching from a light to a dark theme is just a matter of\n       * changing the value of \\`--primary-text-color\\` in your application.\n       */\n      --primary-text-color: var(--light-theme-text-color);\n      --primary-background-color: var(--light-theme-background-color);\n      --secondary-text-color: var(--light-theme-secondary-color);\n      --disabled-text-color: var(--light-theme-disabled-color);\n      --divider-color: var(--light-theme-divider-color);\n      --error-color: var(--paper-deep-orange-a700);\n\n      /*\n       * Primary and accent colors. Also see color.js for more colors.\n       */\n      --primary-color: var(--paper-indigo-500);\n      --light-primary-color: var(--paper-indigo-100);\n      --dark-primary-color: var(--paper-indigo-700);\n\n      --accent-color: var(--paper-pink-a200);\n      --light-accent-color: var(--paper-pink-a100);\n      --dark-accent-color: var(--paper-pink-a400);\n\n\n      /*\n       * Material Design Light background theme\n       */\n      --light-theme-background-color: #ffffff;\n      --light-theme-base-color: #000000;\n      --light-theme-text-color: var(--paper-grey-900);\n      --light-theme-secondary-color: #737373;  /* for secondary text and icons */\n      --light-theme-disabled-color: #9b9b9b;  /* disabled/hint text */\n      --light-theme-divider-color: #dbdbdb;\n\n      /*\n       * Material Design Dark background theme\n       */\n      --dark-theme-background-color: var(--paper-grey-900);\n      --dark-theme-base-color: #ffffff;\n      --dark-theme-text-color: #ffffff;\n      --dark-theme-secondary-color: #bcbcbc;  /* for secondary text and icons */\n      --dark-theme-disabled-color: #646464;  /* disabled/hint text */\n      --dark-theme-divider-color: #3c3c3c;\n\n      /*\n       * Deprecated values because of their confusing names.\n       */\n      --text-primary-color: var(--dark-theme-text-color);\n      --default-primary-color: var(--primary-color);\n    }\n  </style>\n</custom-style>"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-styles/demo-pages.js b/build/es5-amd/node_modules/@polymer/paper-styles/demo-pages.js
index 5bf35514a1b..acde8e0e06b 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/demo-pages.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/demo-pages.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "./color.js", "./typography.js", "./shadow.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _color, _typography, _shadow, _htmlTag) {
   "use strict";
 
-  var _templateObject_933f73601f0511ed8cc3e9a95995ad69;
+  var _templateObject_6ee6ef401f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_933f73601f0511ed8cc3e9a95995ad69 || (_templateObject_933f73601f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<custom-style>\n  <style is=\"custom-style\">\n    body {\n      @apply --paper-font-common-base;\n      font-size: 14px;\n      margin: 0;\n      padding: 24px;\n      background-color: var(--paper-grey-50);\n    }\n\n    .horizontal-section-container {\n      @apply --layout-horizontal;\n      @apply --layout-center-justified;\n      @apply --layout-wrap;\n    }\n\n    .vertical-section-container {\n      @apply --layout-vertical;\n      @apply --center-justified;\n    }\n\n    .horizontal-section {\n      background-color: white;\n      padding: 24px;\n      margin-right: 24px;\n      min-width: 200px;\n\n      @apply --shadow-elevation-2dp;\n    }\n\n    .vertical-section {\n      background-color: white;\n      padding: 24px;\n      margin: 0 24px 24px 24px;\n\n      @apply --shadow-elevation-2dp;\n    }\n\n    .centered {\n      max-width: 400px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    code {\n      color: var(--google-grey-700);\n    }\n\n    /* TODO: remove this hack and use horizontal-section-container instead */\n    body > div.layout.horizontal.center-justified {\n      @apply --layout-wrap;\n    }\n  </style>\n</custom-style>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6ee6ef401f2611eda0c389891c227ec8 || (_templateObject_6ee6ef401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<custom-style>\n  <style is=\"custom-style\">\n    body {\n      @apply --paper-font-common-base;\n      font-size: 14px;\n      margin: 0;\n      padding: 24px;\n      background-color: var(--paper-grey-50);\n    }\n\n    .horizontal-section-container {\n      @apply --layout-horizontal;\n      @apply --layout-center-justified;\n      @apply --layout-wrap;\n    }\n\n    .vertical-section-container {\n      @apply --layout-vertical;\n      @apply --center-justified;\n    }\n\n    .horizontal-section {\n      background-color: white;\n      padding: 24px;\n      margin-right: 24px;\n      min-width: 200px;\n\n      @apply --shadow-elevation-2dp;\n    }\n\n    .vertical-section {\n      background-color: white;\n      padding: 24px;\n      margin: 0 24px 24px 24px;\n\n      @apply --shadow-elevation-2dp;\n    }\n\n    .centered {\n      max-width: 400px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    code {\n      color: var(--google-grey-700);\n    }\n\n    /* TODO: remove this hack and use horizontal-section-container instead */\n    body > div.layout.horizontal.center-justified {\n      @apply --layout-wrap;\n    }\n  </style>\n</custom-style>"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-styles/element-styles/paper-item-styles.js b/build/es5-amd/node_modules/@polymer/paper-styles/element-styles/paper-item-styles.js
index c43b686a5e2..0ab8f3f0a69 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/element-styles/paper-item-styles.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/element-styles/paper-item-styles.js
@@ -1,9 +1,9 @@
 define(["../../polymer/polymer-legacy.js", "../color.js", "../default-theme.js", "../typography.js", "../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _color, _defaultTheme, _typography, _htmlTag) {
   "use strict";
 
-  var _templateObject_97d4da001f0511ed8cc3e9a95995ad69;
+  var _templateObject_7291a7c01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_97d4da001f0511ed8cc3e9a95995ad69 || (_templateObject_97d4da001f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"paper-item-styles\">\n  <template>\n    <style>\n      html {\n        --paper-item: {\n          display: block;\n          position: relative;\n          min-height: var(--paper-item-min-height, 48px);\n          padding: 0px 16px;\n          @apply --paper-font-subhead;\n          border:none;\n          outline: none;\n          background: white;\n          width: 100%;\n          text-align: left;\n        };\n      }\n      /* Duplicate the style because of https://github.com/webcomponents/shadycss/issues/193 */\n      :host {\n        --paper-item: {\n          display: block;\n          position: relative;\n          min-height: var(--paper-item-min-height, 48px);\n          padding: 0px 16px;\n          @apply --paper-font-subhead;\n          border:none;\n          outline: none;\n          background: white;\n          width: 100%;\n          text-align: left;\n        };\n      }\n\n      .paper-item {\n        @apply --paper-item;\n      }\n\n      .paper-item[hidden] {\n        display: none !important;\n      }\n\n      .paper-item.iron-selected {\n        font-weight: var(--paper-item-selected-weight, bold);\n        @apply --paper-item-selected;\n      }\n\n      .paper-item[disabled] {\n        color: var(--paper-item-disabled-color, var(--disabled-text-color));\n        @apply --paper-item-disabled;\n      }\n\n      .paper-item:focus {\n        position: relative;\n        outline: 0;\n        @apply --paper-item-focused;\n      }\n\n      .paper-item:focus:before {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: currentColor;\n        content: '';\n        opacity: var(--dark-divider-opacity);\n        pointer-events: none;\n        @apply --paper-item-focused-before;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var template = (0, _htmlTag.html)(_templateObject_7291a7c01f2611eda0c389891c227ec8 || (_templateObject_7291a7c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"paper-item-styles\">\n  <template>\n    <style>\n      html {\n        --paper-item: {\n          display: block;\n          position: relative;\n          min-height: var(--paper-item-min-height, 48px);\n          padding: 0px 16px;\n          @apply --paper-font-subhead;\n          border:none;\n          outline: none;\n          background: white;\n          width: 100%;\n          text-align: left;\n        };\n      }\n      /* Duplicate the style because of https://github.com/webcomponents/shadycss/issues/193 */\n      :host {\n        --paper-item: {\n          display: block;\n          position: relative;\n          min-height: var(--paper-item-min-height, 48px);\n          padding: 0px 16px;\n          @apply --paper-font-subhead;\n          border:none;\n          outline: none;\n          background: white;\n          width: 100%;\n          text-align: left;\n        };\n      }\n\n      .paper-item {\n        @apply --paper-item;\n      }\n\n      .paper-item[hidden] {\n        display: none !important;\n      }\n\n      .paper-item.iron-selected {\n        font-weight: var(--paper-item-selected-weight, bold);\n        @apply --paper-item-selected;\n      }\n\n      .paper-item[disabled] {\n        color: var(--paper-item-disabled-color, var(--disabled-text-color));\n        @apply --paper-item-disabled;\n      }\n\n      .paper-item:focus {\n        position: relative;\n        outline: 0;\n        @apply --paper-item-focused;\n      }\n\n      .paper-item:focus:before {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: currentColor;\n        content: '';\n        opacity: var(--dark-divider-opacity);\n        pointer-events: none;\n        @apply --paper-item-focused-before;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-styles/element-styles/paper-material-styles.js b/build/es5-amd/node_modules/@polymer/paper-styles/element-styles/paper-material-styles.js
index eb1e4f9c827..dab6970652b 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/element-styles/paper-material-styles.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/element-styles/paper-material-styles.js
@@ -1,9 +1,9 @@
 define(["../../polymer/polymer-legacy.js", "../shadow.js", "../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _shadow, _htmlTag) {
   "use strict";
 
-  var _templateObject_9bf844f01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7711b1a01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9bf844f01f0511ed8cc3e9a95995ad69 || (_templateObject_9bf844f01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"paper-material-styles\">\n  <template>\n    <style>\n      html {\n        --paper-material: {\n          display: block;\n          position: relative;\n        };\n        --paper-material-elevation-1: {\n          @apply --shadow-elevation-2dp;\n        };\n        --paper-material-elevation-2: {\n          @apply --shadow-elevation-4dp;\n        };\n        --paper-material-elevation-3: {\n          @apply --shadow-elevation-6dp;\n        };\n        --paper-material-elevation-4: {\n          @apply --shadow-elevation-8dp;\n        };\n        --paper-material-elevation-5: {\n          @apply --shadow-elevation-16dp;\n        };\n      }\n      .paper-material {\n        @apply --paper-material;\n      }\n      .paper-material[elevation=\"1\"] {\n        @apply --paper-material-elevation-1;\n      }\n      .paper-material[elevation=\"2\"] {\n        @apply --paper-material-elevation-2;\n      }\n      .paper-material[elevation=\"3\"] {\n        @apply --paper-material-elevation-3;\n      }\n      .paper-material[elevation=\"4\"] {\n        @apply --paper-material-elevation-4;\n      }\n      .paper-material[elevation=\"5\"] {\n        @apply --paper-material-elevation-5;\n      }\n\n      /* Duplicate the styles because of https://github.com/webcomponents/shadycss/issues/193 */\n      :host {\n        --paper-material: {\n          display: block;\n          position: relative;\n        };\n        --paper-material-elevation-1: {\n          @apply --shadow-elevation-2dp;\n        };\n        --paper-material-elevation-2: {\n          @apply --shadow-elevation-4dp;\n        };\n        --paper-material-elevation-3: {\n          @apply --shadow-elevation-6dp;\n        };\n        --paper-material-elevation-4: {\n          @apply --shadow-elevation-8dp;\n        };\n        --paper-material-elevation-5: {\n          @apply --shadow-elevation-16dp;\n        };\n      }\n      :host(.paper-material) {\n        @apply --paper-material;\n      }\n      :host(.paper-material[elevation=\"1\"]) {\n        @apply --paper-material-elevation-1;\n      }\n      :host(.paper-material[elevation=\"2\"]) {\n        @apply --paper-material-elevation-2;\n      }\n      :host(.paper-material[elevation=\"3\"]) {\n        @apply --paper-material-elevation-3;\n      }\n      :host(.paper-material[elevation=\"4\"]) {\n        @apply --paper-material-elevation-4;\n      }\n      :host(.paper-material[elevation=\"5\"]) {\n        @apply --paper-material-elevation-5;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var template = (0, _htmlTag.html)(_templateObject_7711b1a01f2611eda0c389891c227ec8 || (_templateObject_7711b1a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"paper-material-styles\">\n  <template>\n    <style>\n      html {\n        --paper-material: {\n          display: block;\n          position: relative;\n        };\n        --paper-material-elevation-1: {\n          @apply --shadow-elevation-2dp;\n        };\n        --paper-material-elevation-2: {\n          @apply --shadow-elevation-4dp;\n        };\n        --paper-material-elevation-3: {\n          @apply --shadow-elevation-6dp;\n        };\n        --paper-material-elevation-4: {\n          @apply --shadow-elevation-8dp;\n        };\n        --paper-material-elevation-5: {\n          @apply --shadow-elevation-16dp;\n        };\n      }\n      .paper-material {\n        @apply --paper-material;\n      }\n      .paper-material[elevation=\"1\"] {\n        @apply --paper-material-elevation-1;\n      }\n      .paper-material[elevation=\"2\"] {\n        @apply --paper-material-elevation-2;\n      }\n      .paper-material[elevation=\"3\"] {\n        @apply --paper-material-elevation-3;\n      }\n      .paper-material[elevation=\"4\"] {\n        @apply --paper-material-elevation-4;\n      }\n      .paper-material[elevation=\"5\"] {\n        @apply --paper-material-elevation-5;\n      }\n\n      /* Duplicate the styles because of https://github.com/webcomponents/shadycss/issues/193 */\n      :host {\n        --paper-material: {\n          display: block;\n          position: relative;\n        };\n        --paper-material-elevation-1: {\n          @apply --shadow-elevation-2dp;\n        };\n        --paper-material-elevation-2: {\n          @apply --shadow-elevation-4dp;\n        };\n        --paper-material-elevation-3: {\n          @apply --shadow-elevation-6dp;\n        };\n        --paper-material-elevation-4: {\n          @apply --shadow-elevation-8dp;\n        };\n        --paper-material-elevation-5: {\n          @apply --shadow-elevation-16dp;\n        };\n      }\n      :host(.paper-material) {\n        @apply --paper-material;\n      }\n      :host(.paper-material[elevation=\"1\"]) {\n        @apply --paper-material-elevation-1;\n      }\n      :host(.paper-material[elevation=\"2\"]) {\n        @apply --paper-material-elevation-2;\n      }\n      :host(.paper-material[elevation=\"3\"]) {\n        @apply --paper-material-elevation-3;\n      }\n      :host(.paper-material[elevation=\"4\"]) {\n        @apply --paper-material-elevation-4;\n      }\n      :host(.paper-material[elevation=\"5\"]) {\n        @apply --paper-material-elevation-5;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-styles/shadow.js b/build/es5-amd/node_modules/@polymer/paper-styles/shadow.js
index 5b06c4aeffe..6f8e3a3e99c 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/shadow.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/shadow.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _htmlTag) {
   "use strict";
 
-  var _templateObject_9b45bdd01f0511ed8cc3e9a95995ad69;
+  var _templateObject_766915901f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9b45bdd01f0511ed8cc3e9a95995ad69 || (_templateObject_9b45bdd01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n\n      --shadow-transition: {\n        transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n      };\n\n      --shadow-none: {\n        box-shadow: none;\n      };\n\n      /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */\n\n      --shadow-elevation-2dp: {\n        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n                    0 1px 5px 0 rgba(0, 0, 0, 0.12),\n                    0 3px 1px -2px rgba(0, 0, 0, 0.2);\n      };\n\n      --shadow-elevation-3dp: {\n        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),\n                    0 1px 8px 0 rgba(0, 0, 0, 0.12),\n                    0 3px 3px -2px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-4dp: {\n        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),\n                    0 1px 10px 0 rgba(0, 0, 0, 0.12),\n                    0 2px 4px -1px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-6dp: {\n        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),\n                    0 1px 18px 0 rgba(0, 0, 0, 0.12),\n                    0 3px 5px -1px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-8dp: {\n        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),\n                    0 3px 14px 2px rgba(0, 0, 0, 0.12),\n                    0 5px 5px -3px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-12dp: {\n        box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),\n                    0 4px 22px 3px rgba(0, 0, 0, 0.12),\n                    0 6px 7px -4px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-16dp: {\n        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n                    0  6px 30px 5px rgba(0, 0, 0, 0.12),\n                    0  8px 10px -5px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-24dp: {\n        box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),\n                    0 9px 46px 8px rgba(0, 0, 0, 0.12),\n                    0 11px 15px -7px rgba(0, 0, 0, 0.4);\n      };\n    }\n  </style>\n</custom-style>"])));
+  var template = (0, _htmlTag.html)(_templateObject_766915901f2611eda0c389891c227ec8 || (_templateObject_766915901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<custom-style>\n  <style is=\"custom-style\">\n    html {\n\n      --shadow-transition: {\n        transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n      };\n\n      --shadow-none: {\n        box-shadow: none;\n      };\n\n      /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */\n\n      --shadow-elevation-2dp: {\n        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n                    0 1px 5px 0 rgba(0, 0, 0, 0.12),\n                    0 3px 1px -2px rgba(0, 0, 0, 0.2);\n      };\n\n      --shadow-elevation-3dp: {\n        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),\n                    0 1px 8px 0 rgba(0, 0, 0, 0.12),\n                    0 3px 3px -2px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-4dp: {\n        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),\n                    0 1px 10px 0 rgba(0, 0, 0, 0.12),\n                    0 2px 4px -1px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-6dp: {\n        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),\n                    0 1px 18px 0 rgba(0, 0, 0, 0.12),\n                    0 3px 5px -1px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-8dp: {\n        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),\n                    0 3px 14px 2px rgba(0, 0, 0, 0.12),\n                    0 5px 5px -3px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-12dp: {\n        box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),\n                    0 4px 22px 3px rgba(0, 0, 0, 0.12),\n                    0 6px 7px -4px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-16dp: {\n        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n                    0  6px 30px 5px rgba(0, 0, 0, 0.12),\n                    0  8px 10px -5px rgba(0, 0, 0, 0.4);\n      };\n\n      --shadow-elevation-24dp: {\n        box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),\n                    0 9px 46px 8px rgba(0, 0, 0, 0.12),\n                    0 11px 15px -7px rgba(0, 0, 0, 0.4);\n      };\n    }\n  </style>\n</custom-style>"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-styles/typography.js b/build/es5-amd/node_modules/@polymer/paper-styles/typography.js
index 3925d0c8856..a7d0407fa5d 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/typography.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/typography.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "../font-roboto/roboto.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _roboto, _htmlTag) {
   "use strict";
 
-  var _templateObject_9c2f5a801f0511ed8cc3e9a95995ad69;
+  var _templateObject_7759b7201f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9c2f5a801f0511ed8cc3e9a95995ad69 || (_templateObject_9c2f5a801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<custom-style>\n  <style is=\"custom-style\">\n    html {\n\n      /* Shared Styles */\n      --paper-font-common-base: {\n        font-family: 'Roboto', 'Noto', sans-serif;\n        -webkit-font-smoothing: antialiased;\n      };\n\n      --paper-font-common-code: {\n        font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;\n        -webkit-font-smoothing: antialiased;\n      };\n\n      --paper-font-common-expensive-kerning: {\n        text-rendering: optimizeLegibility;\n      };\n\n      --paper-font-common-nowrap: {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      };\n\n      /* Material Font Styles */\n\n      --paper-font-display4: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 112px;\n        font-weight: 300;\n        letter-spacing: -.044em;\n        line-height: 120px;\n      };\n\n      --paper-font-display3: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 56px;\n        font-weight: 400;\n        letter-spacing: -.026em;\n        line-height: 60px;\n      };\n\n      --paper-font-display2: {\n        @apply --paper-font-common-base;\n\n        font-size: 45px;\n        font-weight: 400;\n        letter-spacing: -.018em;\n        line-height: 48px;\n      };\n\n      --paper-font-display1: {\n        @apply --paper-font-common-base;\n\n        font-size: 34px;\n        font-weight: 400;\n        letter-spacing: -.01em;\n        line-height: 40px;\n      };\n\n      --paper-font-headline: {\n        @apply --paper-font-common-base;\n\n        font-size: 24px;\n        font-weight: 400;\n        letter-spacing: -.012em;\n        line-height: 32px;\n      };\n\n      --paper-font-title: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 20px;\n        font-weight: 500;\n        line-height: 28px;\n      };\n\n      --paper-font-subhead: {\n        @apply --paper-font-common-base;\n\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 24px;\n      };\n\n      --paper-font-body2: {\n        @apply --paper-font-common-base;\n\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 24px;\n      };\n\n      --paper-font-body1: {\n        @apply --paper-font-common-base;\n\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 20px;\n      };\n\n      --paper-font-caption: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 12px;\n        font-weight: 400;\n        letter-spacing: 0.011em;\n        line-height: 20px;\n      };\n\n      --paper-font-menu: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 13px;\n        font-weight: 500;\n        line-height: 24px;\n      };\n\n      --paper-font-button: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 14px;\n        font-weight: 500;\n        letter-spacing: 0.018em;\n        line-height: 24px;\n        text-transform: uppercase;\n      };\n\n      --paper-font-code2: {\n        @apply --paper-font-common-code;\n\n        font-size: 14px;\n        font-weight: 700;\n        line-height: 20px;\n      };\n\n      --paper-font-code1: {\n        @apply --paper-font-common-code;\n\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 20px;\n      };\n\n    }\n\n  </style>\n</custom-style>"])));
+  var template = (0, _htmlTag.html)(_templateObject_7759b7201f2611eda0c389891c227ec8 || (_templateObject_7759b7201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<custom-style>\n  <style is=\"custom-style\">\n    html {\n\n      /* Shared Styles */\n      --paper-font-common-base: {\n        font-family: 'Roboto', 'Noto', sans-serif;\n        -webkit-font-smoothing: antialiased;\n      };\n\n      --paper-font-common-code: {\n        font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;\n        -webkit-font-smoothing: antialiased;\n      };\n\n      --paper-font-common-expensive-kerning: {\n        text-rendering: optimizeLegibility;\n      };\n\n      --paper-font-common-nowrap: {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      };\n\n      /* Material Font Styles */\n\n      --paper-font-display4: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 112px;\n        font-weight: 300;\n        letter-spacing: -.044em;\n        line-height: 120px;\n      };\n\n      --paper-font-display3: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 56px;\n        font-weight: 400;\n        letter-spacing: -.026em;\n        line-height: 60px;\n      };\n\n      --paper-font-display2: {\n        @apply --paper-font-common-base;\n\n        font-size: 45px;\n        font-weight: 400;\n        letter-spacing: -.018em;\n        line-height: 48px;\n      };\n\n      --paper-font-display1: {\n        @apply --paper-font-common-base;\n\n        font-size: 34px;\n        font-weight: 400;\n        letter-spacing: -.01em;\n        line-height: 40px;\n      };\n\n      --paper-font-headline: {\n        @apply --paper-font-common-base;\n\n        font-size: 24px;\n        font-weight: 400;\n        letter-spacing: -.012em;\n        line-height: 32px;\n      };\n\n      --paper-font-title: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 20px;\n        font-weight: 500;\n        line-height: 28px;\n      };\n\n      --paper-font-subhead: {\n        @apply --paper-font-common-base;\n\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 24px;\n      };\n\n      --paper-font-body2: {\n        @apply --paper-font-common-base;\n\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 24px;\n      };\n\n      --paper-font-body1: {\n        @apply --paper-font-common-base;\n\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 20px;\n      };\n\n      --paper-font-caption: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 12px;\n        font-weight: 400;\n        letter-spacing: 0.011em;\n        line-height: 20px;\n      };\n\n      --paper-font-menu: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 13px;\n        font-weight: 500;\n        line-height: 24px;\n      };\n\n      --paper-font-button: {\n        @apply --paper-font-common-base;\n        @apply --paper-font-common-nowrap;\n\n        font-size: 14px;\n        font-weight: 500;\n        letter-spacing: 0.018em;\n        line-height: 24px;\n        text-transform: uppercase;\n      };\n\n      --paper-font-code2: {\n        @apply --paper-font-common-code;\n\n        font-size: 14px;\n        font-weight: 700;\n        line-height: 20px;\n      };\n\n      --paper-font-code1: {\n        @apply --paper-font-common-code;\n\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 20px;\n      };\n\n    }\n\n  </style>\n</custom-style>"])));
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tab.js b/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tab.js
index c8841de27a8..810940e2098 100644
--- a/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tab.js
+++ b/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tab.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../iron-behaviors/iron-button-state.js", "../iron-behaviors/iron-control-state.js", "../paper-behaviors/paper-ripple-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _ironButtonState, _ironControlState, _paperRippleBehavior, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_9b9c69501f0511ed8cc3e9a95995ad69;
+  var _templateObject_76c36a901f2611eda0c389891c227ec8;
 
   /*
   `paper-tab` is styled to look like a tab. It should be used in conjunction with
@@ -32,7 +32,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
   element, make sure you've imported `paper-styles/typography.html`.
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_9b9c69501f0511ed8cc3e9a95995ad69 || (_templateObject_9b9c69501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-inline;\n        @apply --layout-center;\n        @apply --layout-center-justified;\n        @apply --layout-flex-auto;\n\n        position: relative;\n        padding: 0 12px;\n        overflow: hidden;\n        cursor: pointer;\n        vertical-align: middle;\n\n        @apply --paper-font-common-base;\n        @apply --paper-tab;\n      }\n\n      :host(:focus) {\n        outline: none;\n      }\n\n      :host([link]) {\n        padding: 0;\n      }\n\n      .tab-content {\n        height: 100%;\n        transform: translateZ(0);\n          -webkit-transform: translateZ(0);\n        transition: opacity 0.1s cubic-bezier(0.4, 0.0, 1, 1);\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-flex-auto;\n        @apply --paper-tab-content;\n      }\n\n      :host(:not(.iron-selected)) > .tab-content {\n        opacity: 0.8;\n\n        @apply --paper-tab-content-unselected;\n      }\n\n      :host(:focus) .tab-content {\n        opacity: 1;\n        font-weight: 700;\n\n        @apply --paper-tab-content-focused;\n      }\n\n      paper-ripple {\n        color: var(--paper-tab-ink, var(--paper-yellow-a100));\n      }\n\n      .tab-content > ::slotted(a) {\n        @apply --layout-flex-auto;\n\n        height: 100%;\n      }\n    </style>\n\n    <div class=\"tab-content\">\n      <slot></slot>\n    </div>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_76c36a901f2611eda0c389891c227ec8 || (_templateObject_76c36a901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout-inline;\n        @apply --layout-center;\n        @apply --layout-center-justified;\n        @apply --layout-flex-auto;\n\n        position: relative;\n        padding: 0 12px;\n        overflow: hidden;\n        cursor: pointer;\n        vertical-align: middle;\n\n        @apply --paper-font-common-base;\n        @apply --paper-tab;\n      }\n\n      :host(:focus) {\n        outline: none;\n      }\n\n      :host([link]) {\n        padding: 0;\n      }\n\n      .tab-content {\n        height: 100%;\n        transform: translateZ(0);\n          -webkit-transform: translateZ(0);\n        transition: opacity 0.1s cubic-bezier(0.4, 0.0, 1, 1);\n        @apply --layout-horizontal;\n        @apply --layout-center-center;\n        @apply --layout-flex-auto;\n        @apply --paper-tab-content;\n      }\n\n      :host(:not(.iron-selected)) > .tab-content {\n        opacity: 0.8;\n\n        @apply --paper-tab-content-unselected;\n      }\n\n      :host(:focus) .tab-content {\n        opacity: 1;\n        font-weight: 700;\n\n        @apply --paper-tab-content-focused;\n      }\n\n      paper-ripple {\n        color: var(--paper-tab-ink, var(--paper-yellow-a100));\n      }\n\n      .tab-content > ::slotted(a) {\n        @apply --layout-flex-auto;\n\n        height: 100%;\n      }\n    </style>\n\n    <div class=\"tab-content\">\n      <slot></slot>\n    </div>\n"]))),
     is: 'paper-tab',
     behaviors: [_ironControlState.IronControlState, _ironButtonState.IronButtonState, _paperRippleBehavior.PaperRippleBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tabs-icons.js b/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tabs-icons.js
index 13c17e63e66..d6a4cd5c728 100644
--- a/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tabs-icons.js
+++ b/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tabs-icons.js
@@ -1,8 +1,8 @@
 define(["../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  var _templateObject_9b8649401f0511ed8cc3e9a95995ad69;
+  var _templateObject_76bb06201f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9b8649401f0511ed8cc3e9a95995ad69 || (_templateObject_9b8649401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"paper-tabs\" size=\"24\">\n<svg><defs>\n<g id=\"chevron-left\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path></g>\n<g id=\"chevron-right\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
+  var template = (0, _htmlTag.html)(_templateObject_76bb06201f2611eda0c389891c227ec8 || (_templateObject_76bb06201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<iron-iconset-svg name=\"paper-tabs\" size=\"24\">\n<svg><defs>\n<g id=\"chevron-left\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path></g>\n<g id=\"chevron-right\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tabs.js b/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tabs.js
index e6c32d7ff1e..2866193c885 100644
--- a/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tabs.js
+++ b/build/es5-amd/node_modules/@polymer/paper-tabs/paper-tabs.js
@@ -1,7 +1,7 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../iron-icon/iron-icon.js", "../paper-icon-button/paper-icon-button.js", "../paper-styles/color.js", "./paper-tabs-icons.js", "./paper-tab.js", "../iron-menu-behavior/iron-menu-behavior.js", "../iron-menu-behavior/iron-menubar-behavior.js", "../iron-resizable-behavior/iron-resizable-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/legacy/polymer.dom.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironFlexLayout, _ironIcon, _paperIconButton, _color, _paperTabsIcons, _paperTab, _ironMenuBehavior, _ironMenubarBehavior, _ironResizableBehavior, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  var _templateObject_936105201f0511ed8cc3e9a95995ad69;
+  var _templateObject_6f02dbb01f2611eda0c389891c227ec8;
 
   /**
   Material design: [Tabs](https://www.google.com/design/spec/components/tabs.html)
@@ -78,7 +78,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_936105201f0511ed8cc3e9a95995ad69 || (_templateObject_936105201f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout;\n        @apply --layout-center;\n\n        height: 48px;\n        font-size: 14px;\n        font-weight: 500;\n        overflow: hidden;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n\n        /* NOTE: Both values are needed, since some phones require the value to be `transparent`. */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n\n        @apply --paper-tabs;\n      }\n\n      :host(:dir(rtl)) {\n        @apply --layout-horizontal-reverse;\n      }\n\n      #tabsContainer {\n        position: relative;\n        height: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        @apply --layout-flex-auto;\n        @apply --paper-tabs-container;\n      }\n\n      #tabsContent {\n        height: 100%;\n        -moz-flex-basis: auto;\n        -ms-flex-basis: auto;\n        flex-basis: auto;\n        @apply --paper-tabs-content;\n      }\n\n      #tabsContent.scrollable {\n        position: absolute;\n        white-space: nowrap;\n      }\n\n      #tabsContent:not(.scrollable),\n      #tabsContent.scrollable.fit-container {\n        @apply --layout-horizontal;\n      }\n\n      #tabsContent.scrollable.fit-container {\n        min-width: 100%;\n      }\n\n      #tabsContent.scrollable.fit-container > ::slotted(*) {\n        /* IE - prevent tabs from compressing when they should scroll. */\n        -ms-flex: 1 0 auto;\n        -webkit-flex: 1 0 auto;\n        flex: 1 0 auto;\n      }\n\n      .hidden {\n        display: none;\n      }\n\n      .not-visible {\n        opacity: 0;\n        cursor: default;\n      }\n\n      paper-icon-button {\n        width: 48px;\n        height: 48px;\n        padding: 12px;\n        margin: 0 4px;\n      }\n\n      #selectionBar {\n        position: absolute;\n        height: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        border-bottom: 2px solid var(--paper-tabs-selection-bar-color, var(--paper-yellow-a100));\n          -webkit-transform: scale(0);\n        transform: scale(0);\n          -webkit-transform-origin: left center;\n        transform-origin: left center;\n          transition: -webkit-transform;\n        transition: transform;\n\n        @apply --paper-tabs-selection-bar;\n      }\n\n      #selectionBar.align-bottom {\n        top: 0;\n        bottom: auto;\n      }\n\n      #selectionBar.expand {\n        transition-duration: 0.15s;\n        transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1);\n      }\n\n      #selectionBar.contract {\n        transition-duration: 0.18s;\n        transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);\n      }\n\n      #tabsContent > ::slotted(:not(#selectionBar)) {\n        height: 100%;\n      }\n    </style>\n\n    <paper-icon-button icon=\"paper-tabs:chevron-left\" class$=\"[[_computeScrollButtonClass(_leftHidden, scrollable, hideScrollButtons)]]\" on-up=\"_onScrollButtonUp\" on-down=\"_onLeftScrollButtonDown\" tabindex=\"-1\"></paper-icon-button>\n\n    <div id=\"tabsContainer\" on-track=\"_scroll\" on-down=\"_down\">\n      <div id=\"tabsContent\" class$=\"[[_computeTabsContentClass(scrollable, fitContainer)]]\">\n        <div id=\"selectionBar\" class$=\"[[_computeSelectionBarClass(noBar, alignBottom)]]\" on-transitionend=\"_onBarTransitionEnd\"></div>\n        <slot></slot>\n      </div>\n    </div>\n\n    <paper-icon-button icon=\"paper-tabs:chevron-right\" class$=\"[[_computeScrollButtonClass(_rightHidden, scrollable, hideScrollButtons)]]\" on-up=\"_onScrollButtonUp\" on-down=\"_onRightScrollButtonDown\" tabindex=\"-1\"></paper-icon-button>\n"], ["\n    <style>\n      :host {\n        @apply --layout;\n        @apply --layout-center;\n\n        height: 48px;\n        font-size: 14px;\n        font-weight: 500;\n        overflow: hidden;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n\n        /* NOTE: Both values are needed, since some phones require the value to be \\`transparent\\`. */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n\n        @apply --paper-tabs;\n      }\n\n      :host(:dir(rtl)) {\n        @apply --layout-horizontal-reverse;\n      }\n\n      #tabsContainer {\n        position: relative;\n        height: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        @apply --layout-flex-auto;\n        @apply --paper-tabs-container;\n      }\n\n      #tabsContent {\n        height: 100%;\n        -moz-flex-basis: auto;\n        -ms-flex-basis: auto;\n        flex-basis: auto;\n        @apply --paper-tabs-content;\n      }\n\n      #tabsContent.scrollable {\n        position: absolute;\n        white-space: nowrap;\n      }\n\n      #tabsContent:not(.scrollable),\n      #tabsContent.scrollable.fit-container {\n        @apply --layout-horizontal;\n      }\n\n      #tabsContent.scrollable.fit-container {\n        min-width: 100%;\n      }\n\n      #tabsContent.scrollable.fit-container > ::slotted(*) {\n        /* IE - prevent tabs from compressing when they should scroll. */\n        -ms-flex: 1 0 auto;\n        -webkit-flex: 1 0 auto;\n        flex: 1 0 auto;\n      }\n\n      .hidden {\n        display: none;\n      }\n\n      .not-visible {\n        opacity: 0;\n        cursor: default;\n      }\n\n      paper-icon-button {\n        width: 48px;\n        height: 48px;\n        padding: 12px;\n        margin: 0 4px;\n      }\n\n      #selectionBar {\n        position: absolute;\n        height: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        border-bottom: 2px solid var(--paper-tabs-selection-bar-color, var(--paper-yellow-a100));\n          -webkit-transform: scale(0);\n        transform: scale(0);\n          -webkit-transform-origin: left center;\n        transform-origin: left center;\n          transition: -webkit-transform;\n        transition: transform;\n\n        @apply --paper-tabs-selection-bar;\n      }\n\n      #selectionBar.align-bottom {\n        top: 0;\n        bottom: auto;\n      }\n\n      #selectionBar.expand {\n        transition-duration: 0.15s;\n        transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1);\n      }\n\n      #selectionBar.contract {\n        transition-duration: 0.18s;\n        transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);\n      }\n\n      #tabsContent > ::slotted(:not(#selectionBar)) {\n        height: 100%;\n      }\n    </style>\n\n    <paper-icon-button icon=\"paper-tabs:chevron-left\" class$=\"[[_computeScrollButtonClass(_leftHidden, scrollable, hideScrollButtons)]]\" on-up=\"_onScrollButtonUp\" on-down=\"_onLeftScrollButtonDown\" tabindex=\"-1\"></paper-icon-button>\n\n    <div id=\"tabsContainer\" on-track=\"_scroll\" on-down=\"_down\">\n      <div id=\"tabsContent\" class$=\"[[_computeTabsContentClass(scrollable, fitContainer)]]\">\n        <div id=\"selectionBar\" class$=\"[[_computeSelectionBarClass(noBar, alignBottom)]]\" on-transitionend=\"_onBarTransitionEnd\"></div>\n        <slot></slot>\n      </div>\n    </div>\n\n    <paper-icon-button icon=\"paper-tabs:chevron-right\" class$=\"[[_computeScrollButtonClass(_rightHidden, scrollable, hideScrollButtons)]]\" on-up=\"_onScrollButtonUp\" on-down=\"_onRightScrollButtonDown\" tabindex=\"-1\"></paper-icon-button>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6f02dbb01f2611eda0c389891c227ec8 || (_templateObject_6f02dbb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        @apply --layout;\n        @apply --layout-center;\n\n        height: 48px;\n        font-size: 14px;\n        font-weight: 500;\n        overflow: hidden;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n\n        /* NOTE: Both values are needed, since some phones require the value to be `transparent`. */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n\n        @apply --paper-tabs;\n      }\n\n      :host(:dir(rtl)) {\n        @apply --layout-horizontal-reverse;\n      }\n\n      #tabsContainer {\n        position: relative;\n        height: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        @apply --layout-flex-auto;\n        @apply --paper-tabs-container;\n      }\n\n      #tabsContent {\n        height: 100%;\n        -moz-flex-basis: auto;\n        -ms-flex-basis: auto;\n        flex-basis: auto;\n        @apply --paper-tabs-content;\n      }\n\n      #tabsContent.scrollable {\n        position: absolute;\n        white-space: nowrap;\n      }\n\n      #tabsContent:not(.scrollable),\n      #tabsContent.scrollable.fit-container {\n        @apply --layout-horizontal;\n      }\n\n      #tabsContent.scrollable.fit-container {\n        min-width: 100%;\n      }\n\n      #tabsContent.scrollable.fit-container > ::slotted(*) {\n        /* IE - prevent tabs from compressing when they should scroll. */\n        -ms-flex: 1 0 auto;\n        -webkit-flex: 1 0 auto;\n        flex: 1 0 auto;\n      }\n\n      .hidden {\n        display: none;\n      }\n\n      .not-visible {\n        opacity: 0;\n        cursor: default;\n      }\n\n      paper-icon-button {\n        width: 48px;\n        height: 48px;\n        padding: 12px;\n        margin: 0 4px;\n      }\n\n      #selectionBar {\n        position: absolute;\n        height: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        border-bottom: 2px solid var(--paper-tabs-selection-bar-color, var(--paper-yellow-a100));\n          -webkit-transform: scale(0);\n        transform: scale(0);\n          -webkit-transform-origin: left center;\n        transform-origin: left center;\n          transition: -webkit-transform;\n        transition: transform;\n\n        @apply --paper-tabs-selection-bar;\n      }\n\n      #selectionBar.align-bottom {\n        top: 0;\n        bottom: auto;\n      }\n\n      #selectionBar.expand {\n        transition-duration: 0.15s;\n        transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1);\n      }\n\n      #selectionBar.contract {\n        transition-duration: 0.18s;\n        transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);\n      }\n\n      #tabsContent > ::slotted(:not(#selectionBar)) {\n        height: 100%;\n      }\n    </style>\n\n    <paper-icon-button icon=\"paper-tabs:chevron-left\" class$=\"[[_computeScrollButtonClass(_leftHidden, scrollable, hideScrollButtons)]]\" on-up=\"_onScrollButtonUp\" on-down=\"_onLeftScrollButtonDown\" tabindex=\"-1\"></paper-icon-button>\n\n    <div id=\"tabsContainer\" on-track=\"_scroll\" on-down=\"_down\">\n      <div id=\"tabsContent\" class$=\"[[_computeTabsContentClass(scrollable, fitContainer)]]\">\n        <div id=\"selectionBar\" class$=\"[[_computeSelectionBarClass(noBar, alignBottom)]]\" on-transitionend=\"_onBarTransitionEnd\"></div>\n        <slot></slot>\n      </div>\n    </div>\n\n    <paper-icon-button icon=\"paper-tabs:chevron-right\" class$=\"[[_computeScrollButtonClass(_rightHidden, scrollable, hideScrollButtons)]]\" on-up=\"_onScrollButtonUp\" on-down=\"_onRightScrollButtonDown\" tabindex=\"-1\"></paper-icon-button>\n"], ["\n    <style>\n      :host {\n        @apply --layout;\n        @apply --layout-center;\n\n        height: 48px;\n        font-size: 14px;\n        font-weight: 500;\n        overflow: hidden;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n\n        /* NOTE: Both values are needed, since some phones require the value to be \\`transparent\\`. */\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        -webkit-tap-highlight-color: transparent;\n\n        @apply --paper-tabs;\n      }\n\n      :host(:dir(rtl)) {\n        @apply --layout-horizontal-reverse;\n      }\n\n      #tabsContainer {\n        position: relative;\n        height: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        @apply --layout-flex-auto;\n        @apply --paper-tabs-container;\n      }\n\n      #tabsContent {\n        height: 100%;\n        -moz-flex-basis: auto;\n        -ms-flex-basis: auto;\n        flex-basis: auto;\n        @apply --paper-tabs-content;\n      }\n\n      #tabsContent.scrollable {\n        position: absolute;\n        white-space: nowrap;\n      }\n\n      #tabsContent:not(.scrollable),\n      #tabsContent.scrollable.fit-container {\n        @apply --layout-horizontal;\n      }\n\n      #tabsContent.scrollable.fit-container {\n        min-width: 100%;\n      }\n\n      #tabsContent.scrollable.fit-container > ::slotted(*) {\n        /* IE - prevent tabs from compressing when they should scroll. */\n        -ms-flex: 1 0 auto;\n        -webkit-flex: 1 0 auto;\n        flex: 1 0 auto;\n      }\n\n      .hidden {\n        display: none;\n      }\n\n      .not-visible {\n        opacity: 0;\n        cursor: default;\n      }\n\n      paper-icon-button {\n        width: 48px;\n        height: 48px;\n        padding: 12px;\n        margin: 0 4px;\n      }\n\n      #selectionBar {\n        position: absolute;\n        height: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        border-bottom: 2px solid var(--paper-tabs-selection-bar-color, var(--paper-yellow-a100));\n          -webkit-transform: scale(0);\n        transform: scale(0);\n          -webkit-transform-origin: left center;\n        transform-origin: left center;\n          transition: -webkit-transform;\n        transition: transform;\n\n        @apply --paper-tabs-selection-bar;\n      }\n\n      #selectionBar.align-bottom {\n        top: 0;\n        bottom: auto;\n      }\n\n      #selectionBar.expand {\n        transition-duration: 0.15s;\n        transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1);\n      }\n\n      #selectionBar.contract {\n        transition-duration: 0.18s;\n        transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);\n      }\n\n      #tabsContent > ::slotted(:not(#selectionBar)) {\n        height: 100%;\n      }\n    </style>\n\n    <paper-icon-button icon=\"paper-tabs:chevron-left\" class$=\"[[_computeScrollButtonClass(_leftHidden, scrollable, hideScrollButtons)]]\" on-up=\"_onScrollButtonUp\" on-down=\"_onLeftScrollButtonDown\" tabindex=\"-1\"></paper-icon-button>\n\n    <div id=\"tabsContainer\" on-track=\"_scroll\" on-down=\"_down\">\n      <div id=\"tabsContent\" class$=\"[[_computeTabsContentClass(scrollable, fitContainer)]]\">\n        <div id=\"selectionBar\" class$=\"[[_computeSelectionBarClass(noBar, alignBottom)]]\" on-transitionend=\"_onBarTransitionEnd\"></div>\n        <slot></slot>\n      </div>\n    </div>\n\n    <paper-icon-button icon=\"paper-tabs:chevron-right\" class$=\"[[_computeScrollButtonClass(_rightHidden, scrollable, hideScrollButtons)]]\" on-up=\"_onScrollButtonUp\" on-down=\"_onRightScrollButtonDown\" tabindex=\"-1\"></paper-icon-button>\n"]))),
     is: 'paper-tabs',
     behaviors: [_ironResizableBehavior.IronResizableBehavior, _ironMenubarBehavior.IronMenubarBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-toast/paper-toast.js b/build/es5-amd/node_modules/@polymer/paper-toast/paper-toast.js
index 052674fa94c..3cab6d8fc58 100644
--- a/build/es5-amd/node_modules/@polymer/paper-toast/paper-toast.js
+++ b/build/es5-amd/node_modules/@polymer/paper-toast/paper-toast.js
@@ -1,7 +1,7 @@
 define(["../iron-a11y-announcer/iron-a11y-announcer.js", "../iron-overlay-behavior/iron-overlay-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "../polymer/polymer-legacy.js"], function (_ironA11yAnnouncer, _ironOverlayBehavior, _polymerFn, _htmlTag, _polymerLegacy) {
   "use strict";
 
-  var _templateObject_93660e301f0511ed8cc3e9a95995ad69;
+  var _templateObject_6f07bdb01f2611eda0c389891c227ec8;
 
   // Keeps track of the toast currently opened.
   var currentToast = null;
@@ -60,7 +60,7 @@ define(["../iron-a11y-announcer/iron-a11y-announcer.js", "../iron-overlay-behavi
   */
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_93660e301f0511ed8cc3e9a95995ad69 || (_templateObject_93660e301f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: fixed;\n        background-color: var(--paper-toast-background-color, #323232);\n        color: var(--paper-toast-color, #f1f1f1);\n        min-height: 48px;\n        min-width: 288px;\n        padding: 16px 24px;\n        box-sizing: border-box;\n        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n        border-radius: 2px;\n        margin: 12px;\n        font-size: 14px;\n        cursor: default;\n        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;\n        transition: transform 0.3s, opacity 0.3s;\n        opacity: 0;\n        -webkit-transform: translateY(100px);\n        transform: translateY(100px);\n        @apply --paper-font-common-base;\n      }\n\n      :host(.capsule) {\n        border-radius: 24px;\n      }\n\n      :host(.fit-bottom) {\n        width: 100%;\n        min-width: 0;\n        border-radius: 0;\n        margin: 0;\n      }\n\n      :host(.paper-toast-open) {\n        opacity: 1;\n        -webkit-transform: translateY(0px);\n        transform: translateY(0px);\n      }\n    </style>\n\n    <span id=\"label\">{{text}}</span>\n    <slot></slot>\n"]))),
+    _template: (0, _htmlTag.html)(_templateObject_6f07bdb01f2611eda0c389891c227ec8 || (_templateObject_6f07bdb01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: fixed;\n        background-color: var(--paper-toast-background-color, #323232);\n        color: var(--paper-toast-color, #f1f1f1);\n        min-height: 48px;\n        min-width: 288px;\n        padding: 16px 24px;\n        box-sizing: border-box;\n        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n        border-radius: 2px;\n        margin: 12px;\n        font-size: 14px;\n        cursor: default;\n        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;\n        transition: transform 0.3s, opacity 0.3s;\n        opacity: 0;\n        -webkit-transform: translateY(100px);\n        transform: translateY(100px);\n        @apply --paper-font-common-base;\n      }\n\n      :host(.capsule) {\n        border-radius: 24px;\n      }\n\n      :host(.fit-bottom) {\n        width: 100%;\n        min-width: 0;\n        border-radius: 0;\n        margin: 0;\n      }\n\n      :host(.paper-toast-open) {\n        opacity: 1;\n        -webkit-transform: translateY(0px);\n        transform: translateY(0px);\n      }\n    </style>\n\n    <span id=\"label\">{{text}}</span>\n    <slot></slot>\n"]))),
     is: 'paper-toast',
     behaviors: [_ironOverlayBehavior.IronOverlayBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-toggle-button/paper-toggle-button.js b/build/es5-amd/node_modules/@polymer/paper-toggle-button/paper-toggle-button.js
index 70d58938f42..2733997879b 100644
--- a/build/es5-amd/node_modules/@polymer/paper-toggle-button/paper-toggle-button.js
+++ b/build/es5-amd/node_modules/@polymer/paper-toggle-button/paper-toggle-button.js
@@ -1,9 +1,9 @@
 define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js", "../paper-styles/color.js", "../paper-styles/default-theme.js", "../paper-behaviors/paper-checked-element-behavior.js", "../paper-behaviors/paper-ripple-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/gestures.js", "../polymer/lib/utils/html-tag.js", "../polymer/lib/utils/render-status.js"], function (_polymerLegacy, _ironFlexLayout, _color, _defaultTheme, _paperCheckedElementBehavior, _paperRippleBehavior, _polymerFn, _gestures, _htmlTag, _renderStatus) {
   "use strict";
 
-  var _templateObject_940cd5801f0511ed8cc3e9a95995ad69;
+  var _templateObject_6f0af2001f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_940cd5801f0511ed8cc3e9a95995ad69 || (_templateObject_940cd5801f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n\n    <style>\n      :host {\n        display: inline-block;\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        @apply --paper-font-common-base;\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n      }\n\n      :host(:focus) {\n        outline:none;\n      }\n\n      .toggle-bar {\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        border-radius: 8px;\n        pointer-events: none;\n        opacity: 0.4;\n        transition: background-color linear .08s;\n        background-color: var(--paper-toggle-button-unchecked-bar-color, #000000);\n\n        @apply --paper-toggle-button-unchecked-bar;\n      }\n\n      .toggle-button {\n        position: absolute;\n        top: -3px;\n        left: 0;\n        height: 20px;\n        width: 20px;\n        border-radius: 50%;\n        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n        transition: -webkit-transform linear .08s, background-color linear .08s;\n        transition: transform linear .08s, background-color linear .08s;\n        will-change: transform;\n        background-color: var(--paper-toggle-button-unchecked-button-color, var(--paper-grey-50));\n\n        @apply --paper-toggle-button-unchecked-button;\n      }\n\n      .toggle-button.dragging {\n        -webkit-transition: none;\n        transition: none;\n      }\n\n      :host([checked]:not([disabled])) .toggle-bar {\n        opacity: 0.5;\n        background-color: var(--paper-toggle-button-checked-bar-color, var(--primary-color));\n\n        @apply --paper-toggle-button-checked-bar;\n      }\n\n      :host([disabled]) .toggle-bar {\n        background-color: #000;\n        opacity: 0.12;\n      }\n\n      :host([checked]) .toggle-button {\n        -webkit-transform: translate(16px, 0);\n        transform: translate(16px, 0);\n      }\n\n      :host([checked]:not([disabled])) .toggle-button {\n        background-color: var(--paper-toggle-button-checked-button-color, var(--primary-color));\n\n        @apply --paper-toggle-button-checked-button;\n      }\n\n      :host([disabled]) .toggle-button {\n        background-color: #bdbdbd;\n        opacity: 1;\n      }\n\n      .toggle-ink {\n        position: absolute;\n        top: -14px;\n        left: -14px;\n        right: auto;\n        bottom: auto;\n        width: 48px;\n        height: 48px;\n        opacity: 0.5;\n        pointer-events: none;\n        color: var(--paper-toggle-button-unchecked-ink-color, var(--primary-text-color));\n\n        @apply --paper-toggle-button-unchecked-ink;\n      }\n\n      :host([checked]) .toggle-ink {\n        color: var(--paper-toggle-button-checked-ink-color, var(--primary-color));\n\n        @apply --paper-toggle-button-checked-ink;\n      }\n\n      .toggle-container {\n        display: inline-block;\n        position: relative;\n        width: 36px;\n        height: 14px;\n        /* The toggle button has an absolute position of -3px; The extra 1px\n        /* accounts for the toggle button shadow box. */\n        margin: 4px 1px;\n      }\n\n      .toggle-label {\n        position: relative;\n        display: inline-block;\n        vertical-align: middle;\n        padding-left: var(--paper-toggle-button-label-spacing, 8px);\n        pointer-events: none;\n        color: var(--paper-toggle-button-label-color, var(--primary-text-color));\n      }\n\n      /* invalid state */\n      :host([invalid]) .toggle-bar {\n        background-color: var(--paper-toggle-button-invalid-bar-color, var(--error-color));\n      }\n\n      :host([invalid]) .toggle-button {\n        background-color: var(--paper-toggle-button-invalid-button-color, var(--error-color));\n      }\n\n      :host([invalid]) .toggle-ink {\n        color: var(--paper-toggle-button-invalid-ink-color, var(--error-color));\n      }\n    </style>\n\n    <div class=\"toggle-container\">\n      <div id=\"toggleBar\" class=\"toggle-bar\"></div>\n      <div id=\"toggleButton\" class=\"toggle-button\"></div>\n    </div>\n\n    <div class=\"toggle-label\"><slot></slot></div>\n\n  "])));
+  var template = (0, _htmlTag.html)(_templateObject_6f0af2001f2611eda0c389891c227ec8 || (_templateObject_6f0af2001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n\n    <style>\n      :host {\n        display: inline-block;\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        @apply --paper-font-common-base;\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n      }\n\n      :host(:focus) {\n        outline:none;\n      }\n\n      .toggle-bar {\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        border-radius: 8px;\n        pointer-events: none;\n        opacity: 0.4;\n        transition: background-color linear .08s;\n        background-color: var(--paper-toggle-button-unchecked-bar-color, #000000);\n\n        @apply --paper-toggle-button-unchecked-bar;\n      }\n\n      .toggle-button {\n        position: absolute;\n        top: -3px;\n        left: 0;\n        height: 20px;\n        width: 20px;\n        border-radius: 50%;\n        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n        transition: -webkit-transform linear .08s, background-color linear .08s;\n        transition: transform linear .08s, background-color linear .08s;\n        will-change: transform;\n        background-color: var(--paper-toggle-button-unchecked-button-color, var(--paper-grey-50));\n\n        @apply --paper-toggle-button-unchecked-button;\n      }\n\n      .toggle-button.dragging {\n        -webkit-transition: none;\n        transition: none;\n      }\n\n      :host([checked]:not([disabled])) .toggle-bar {\n        opacity: 0.5;\n        background-color: var(--paper-toggle-button-checked-bar-color, var(--primary-color));\n\n        @apply --paper-toggle-button-checked-bar;\n      }\n\n      :host([disabled]) .toggle-bar {\n        background-color: #000;\n        opacity: 0.12;\n      }\n\n      :host([checked]) .toggle-button {\n        -webkit-transform: translate(16px, 0);\n        transform: translate(16px, 0);\n      }\n\n      :host([checked]:not([disabled])) .toggle-button {\n        background-color: var(--paper-toggle-button-checked-button-color, var(--primary-color));\n\n        @apply --paper-toggle-button-checked-button;\n      }\n\n      :host([disabled]) .toggle-button {\n        background-color: #bdbdbd;\n        opacity: 1;\n      }\n\n      .toggle-ink {\n        position: absolute;\n        top: -14px;\n        left: -14px;\n        right: auto;\n        bottom: auto;\n        width: 48px;\n        height: 48px;\n        opacity: 0.5;\n        pointer-events: none;\n        color: var(--paper-toggle-button-unchecked-ink-color, var(--primary-text-color));\n\n        @apply --paper-toggle-button-unchecked-ink;\n      }\n\n      :host([checked]) .toggle-ink {\n        color: var(--paper-toggle-button-checked-ink-color, var(--primary-color));\n\n        @apply --paper-toggle-button-checked-ink;\n      }\n\n      .toggle-container {\n        display: inline-block;\n        position: relative;\n        width: 36px;\n        height: 14px;\n        /* The toggle button has an absolute position of -3px; The extra 1px\n        /* accounts for the toggle button shadow box. */\n        margin: 4px 1px;\n      }\n\n      .toggle-label {\n        position: relative;\n        display: inline-block;\n        vertical-align: middle;\n        padding-left: var(--paper-toggle-button-label-spacing, 8px);\n        pointer-events: none;\n        color: var(--paper-toggle-button-label-color, var(--primary-text-color));\n      }\n\n      /* invalid state */\n      :host([invalid]) .toggle-bar {\n        background-color: var(--paper-toggle-button-invalid-bar-color, var(--error-color));\n      }\n\n      :host([invalid]) .toggle-button {\n        background-color: var(--paper-toggle-button-invalid-button-color, var(--error-color));\n      }\n\n      :host([invalid]) .toggle-ink {\n        color: var(--paper-toggle-button-invalid-ink-color, var(--error-color));\n      }\n    </style>\n\n    <div class=\"toggle-container\">\n      <div id=\"toggleBar\" class=\"toggle-bar\"></div>\n      <div id=\"toggleButton\" class=\"toggle-button\"></div>\n    </div>\n\n    <div class=\"toggle-label\"><slot></slot></div>\n\n  "])));
   template.setAttribute('strip-whitespace', '');
   /**
   Material design: [Switch](https://www.google.com/design/spec/components/selection-controls.html#selection-controls-switch)
diff --git a/build/es5-amd/node_modules/@polymer/prism-element/demo/prism-demo.js b/build/es5-amd/node_modules/@polymer/prism-element/demo/prism-demo.js
index d0d08468367..9ffea107025 100644
--- a/build/es5-amd/node_modules/@polymer/prism-element/demo/prism-demo.js
+++ b/build/es5-amd/node_modules/@polymer/prism-element/demo/prism-demo.js
@@ -1,10 +1,10 @@
 define(["../../polymer/polymer-legacy.js", "../prism-highlighter.js", "../prism-theme-default.js", "../../polymer/lib/legacy/polymer-fn.js", "../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _prismHighlighter, _prismThemeDefault, _polymerFn, _htmlTag) {
   "use strict";
 
-  var _templateObject_97e491701f0511ed8cc3e9a95995ad69;
+  var _templateObject_72f413101f2611eda0c389891c227ec8;
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_97e491701f0511ed8cc3e9a95995ad69 || (_templateObject_97e491701f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"prism-theme-default\">\n      pre {\n        padding: 0;\n        margin: 0;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n    <pre id=\"output\"></pre>\n  "]))),
+    _template: (0, _htmlTag.html)(_templateObject_72f413101f2611eda0c389891c227ec8 || (_templateObject_72f413101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"prism-theme-default\">\n      pre {\n        padding: 0;\n        margin: 0;\n      }\n    </style>\n\n    <prism-highlighter></prism-highlighter>\n    <pre id=\"output\"></pre>\n  "]))),
     is: 'prism-demo',
     properties: {
       code: {
diff --git a/build/es5-amd/node_modules/@polymer/prism-element/prism-theme-default.js b/build/es5-amd/node_modules/@polymer/prism-element/prism-theme-default.js
index a0588e2e819..a3c735e4a6e 100644
--- a/build/es5-amd/node_modules/@polymer/prism-element/prism-theme-default.js
+++ b/build/es5-amd/node_modules/@polymer/prism-element/prism-theme-default.js
@@ -1,8 +1,8 @@
 define(["../polymer/lib/elements/dom-module.js", "../polymer/lib/utils/html-tag.js"], function (_domModule, _htmlTag) {
   "use strict";
 
-  var _templateObject_9457e8401f0511ed8cc3e9a95995ad69;
+  var _templateObject_6ff52af01f2611eda0c389891c227ec8;
 
-  var template = (0, _htmlTag.html)(_templateObject_9457e8401f0511ed8cc3e9a95995ad69 || (_templateObject_9457e8401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"prism-theme-default\">\n  <template>\n    <style>\n    /**\n    * prism.js default theme for JavaScript, CSS and HTML\n    * Based on dabblet (http://dabblet.com)\n    * @author Lea Verou\n    */\n    code[class*=\"language-\"],\n    pre[class*=\"language-\"] {\n    color: black;\n    background: none;\n    text-shadow: 0 1px white;\n    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    word-wrap: normal;\n    line-height: 1.5;\n\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n    }\n\n    pre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\n    code[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n    text-shadow: none;\n    background: #b3d4fc;\n    }\n\n    pre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\n    code[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n    text-shadow: none;\n    background: #b3d4fc;\n    }\n\n    @media print {\n    code[class*=\"language-\"],\n    pre[class*=\"language-\"] {\n      text-shadow: none;\n    }\n    }\n\n    /* Code blocks */\n    pre[class*=\"language-\"] {\n    padding: 1em;\n    margin: .5em 0;\n    overflow: auto;\n    }\n\n    :not(pre) > code[class*=\"language-\"],\n    pre[class*=\"language-\"] {\n    background: #f5f2f0;\n    }\n\n    /* Inline code */\n    :not(pre) > code[class*=\"language-\"] {\n    padding: .1em;\n    border-radius: .3em;\n    white-space: normal;\n    }\n\n    .token.comment,\n    .token.prolog,\n    .token.doctype,\n    .token.cdata {\n    color: slategray;\n    }\n\n    .token.punctuation {\n    color: #999;\n    }\n\n    .namespace {\n    opacity: .7;\n    }\n\n    .token.property,\n    .token.tag,\n    .token.boolean,\n    .token.number,\n    .token.constant,\n    .token.symbol,\n    .token.deleted {\n    color: #905;\n    }\n\n    .token.selector,\n    .token.attr-name,\n    .token.string,\n    .token.char,\n    .token.builtin,\n    .token.inserted {\n    color: #690;\n    }\n\n    .token.operator,\n    .token.entity,\n    .token.url,\n    .language-css .token.string,\n    .style .token.string {\n    color: #a67f59;\n    background: hsla(0, 0%, 100%, .5);\n    }\n\n    .token.atrule,\n    .token.attr-value,\n    .token.keyword {\n    color: #07a;\n    }\n\n    .token.function {\n    color: #DD4A68;\n    }\n\n    .token.regex,\n    .token.important,\n    .token.variable {\n    color: #e90;\n    }\n\n    .token.important,\n    .token.bold {\n    font-weight: bold;\n    }\n    .token.italic {\n    font-style: italic;\n    }\n\n    .token.entity {\n    cursor: help;\n    }\n    </style>\n  </template>\n</dom-module>"])));
+  var template = (0, _htmlTag.html)(_templateObject_6ff52af01f2611eda0c389891c227ec8 || (_templateObject_6ff52af01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"prism-theme-default\">\n  <template>\n    <style>\n    /**\n    * prism.js default theme for JavaScript, CSS and HTML\n    * Based on dabblet (http://dabblet.com)\n    * @author Lea Verou\n    */\n    code[class*=\"language-\"],\n    pre[class*=\"language-\"] {\n    color: black;\n    background: none;\n    text-shadow: 0 1px white;\n    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    word-wrap: normal;\n    line-height: 1.5;\n\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n    }\n\n    pre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\n    code[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n    text-shadow: none;\n    background: #b3d4fc;\n    }\n\n    pre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\n    code[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n    text-shadow: none;\n    background: #b3d4fc;\n    }\n\n    @media print {\n    code[class*=\"language-\"],\n    pre[class*=\"language-\"] {\n      text-shadow: none;\n    }\n    }\n\n    /* Code blocks */\n    pre[class*=\"language-\"] {\n    padding: 1em;\n    margin: .5em 0;\n    overflow: auto;\n    }\n\n    :not(pre) > code[class*=\"language-\"],\n    pre[class*=\"language-\"] {\n    background: #f5f2f0;\n    }\n\n    /* Inline code */\n    :not(pre) > code[class*=\"language-\"] {\n    padding: .1em;\n    border-radius: .3em;\n    white-space: normal;\n    }\n\n    .token.comment,\n    .token.prolog,\n    .token.doctype,\n    .token.cdata {\n    color: slategray;\n    }\n\n    .token.punctuation {\n    color: #999;\n    }\n\n    .namespace {\n    opacity: .7;\n    }\n\n    .token.property,\n    .token.tag,\n    .token.boolean,\n    .token.number,\n    .token.constant,\n    .token.symbol,\n    .token.deleted {\n    color: #905;\n    }\n\n    .token.selector,\n    .token.attr-name,\n    .token.string,\n    .token.char,\n    .token.builtin,\n    .token.inserted {\n    color: #690;\n    }\n\n    .token.operator,\n    .token.entity,\n    .token.url,\n    .language-css .token.string,\n    .style .token.string {\n    color: #a67f59;\n    background: hsla(0, 0%, 100%, .5);\n    }\n\n    .token.atrule,\n    .token.attr-value,\n    .token.keyword {\n    color: #07a;\n    }\n\n    .token.function {\n    color: #DD4A68;\n    }\n\n    .token.regex,\n    .token.important,\n    .token.variable {\n    color: #e90;\n    }\n\n    .token.important,\n    .token.bold {\n    font-weight: bold;\n    }\n    .token.italic {\n    font-style: italic;\n    }\n\n    .token.entity {\n    cursor: help;\n    }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-button/src/vaadin-button.js b/build/es5-amd/node_modules/@vaadin/vaadin-button/src/vaadin-button.js
index 7494baa1420..46fa3cfb324 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-button/src/vaadin-button.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-button/src/vaadin-button.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.ButtonElement = void 0;
 
-  var _templateObject_0a419b501f0611ed8cc3e9a95995ad69;
+  var _templateObject_e0aebe001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -129,7 +129,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0a419b501f0611ed8cc3e9a95995ad69 || (_templateObject_0a419b501f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        outline: none;\n        white-space: nowrap;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      /* Ensure the button is always aligned on the baseline */\n      .vaadin-button-container::before {\n        content: \"\\2003\";\n        display: inline-block;\n        width: 0;\n      }\n\n      .vaadin-button-container {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        min-height: inherit;\n        text-shadow: inherit;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        user-select: none;\n      }\n\n      [part=\"prefix\"],\n      [part=\"suffix\"] {\n        flex: none;\n      }\n\n      [part=\"label\"] {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      #button {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        cursor: inherit;\n      }\n    </style>\n    <div class=\"vaadin-button-container\">\n      <div part=\"prefix\">\n        <slot name=\"prefix\"></slot>\n      </div>\n      <div part=\"label\">\n        <slot></slot>\n      </div>\n      <div part=\"suffix\">\n        <slot name=\"suffix\"></slot>\n      </div>\n    </div>\n    <button id=\"button\" type=\"button\"></button>\n"], ["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        outline: none;\n        white-space: nowrap;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      /* Ensure the button is always aligned on the baseline */\n      .vaadin-button-container::before {\n        content: \"\\\\2003\";\n        display: inline-block;\n        width: 0;\n      }\n\n      .vaadin-button-container {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        min-height: inherit;\n        text-shadow: inherit;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        user-select: none;\n      }\n\n      [part=\"prefix\"],\n      [part=\"suffix\"] {\n        flex: none;\n      }\n\n      [part=\"label\"] {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      #button {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        cursor: inherit;\n      }\n    </style>\n    <div class=\"vaadin-button-container\">\n      <div part=\"prefix\">\n        <slot name=\"prefix\"></slot>\n      </div>\n      <div part=\"label\">\n        <slot></slot>\n      </div>\n      <div part=\"suffix\">\n        <slot name=\"suffix\"></slot>\n      </div>\n    </div>\n    <button id=\"button\" type=\"button\"></button>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e0aebe001f2611eda0c389891c227ec8 || (_templateObject_e0aebe001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        outline: none;\n        white-space: nowrap;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      /* Ensure the button is always aligned on the baseline */\n      .vaadin-button-container::before {\n        content: \"\\2003\";\n        display: inline-block;\n        width: 0;\n      }\n\n      .vaadin-button-container {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        min-height: inherit;\n        text-shadow: inherit;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        user-select: none;\n      }\n\n      [part=\"prefix\"],\n      [part=\"suffix\"] {\n        flex: none;\n      }\n\n      [part=\"label\"] {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      #button {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        cursor: inherit;\n      }\n    </style>\n    <div class=\"vaadin-button-container\">\n      <div part=\"prefix\">\n        <slot name=\"prefix\"></slot>\n      </div>\n      <div part=\"label\">\n        <slot></slot>\n      </div>\n      <div part=\"suffix\">\n        <slot name=\"suffix\"></slot>\n      </div>\n    </div>\n    <button id=\"button\" type=\"button\"></button>\n"], ["\n    <style>\n      :host {\n        display: inline-block;\n        position: relative;\n        outline: none;\n        white-space: nowrap;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      /* Ensure the button is always aligned on the baseline */\n      .vaadin-button-container::before {\n        content: \"\\\\2003\";\n        display: inline-block;\n        width: 0;\n      }\n\n      .vaadin-button-container {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        min-height: inherit;\n        text-shadow: inherit;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        user-select: none;\n      }\n\n      [part=\"prefix\"],\n      [part=\"suffix\"] {\n        flex: none;\n      }\n\n      [part=\"label\"] {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      #button {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        cursor: inherit;\n      }\n    </style>\n    <div class=\"vaadin-button-container\">\n      <div part=\"prefix\">\n        <slot name=\"prefix\"></slot>\n      </div>\n      <div part=\"label\">\n        <slot></slot>\n      </div>\n      <div part=\"suffix\">\n        <slot name=\"suffix\"></slot>\n      </div>\n    </div>\n    <button id=\"button\" type=\"button\"></button>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-button/theme/lumo/vaadin-button-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-button/theme/lumo/vaadin-button-styles.js
index 61eb228f524..ee51f87059a 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-button/theme/lumo/vaadin-button-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-button/theme/lumo/vaadin-button-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/sizing.js", "../../../vaadin-lumo-styles/spacing.js", "../../../vaadin-lumo-styles/style.js", "../../../vaadin-lumo-styles/typography.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _sizing, _spacing, _style, _typography, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b36a9b01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1b691101f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b36a9b01f0611ed8cc3e9a95995ad69 || (_templateObject_0b36a9b01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-button\" theme-for=\"vaadin-button\">\n  <template>\n    <style>\n      :host {\n        /* Sizing */\n        --lumo-button-size: var(--lumo-size-m);\n        min-width: calc(var(--lumo-button-size) * 2);\n        height: var(--lumo-button-size);\n        padding: 0 calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius) / 2);\n        margin: var(--lumo-space-xs) 0;\n        box-sizing: border-box;\n        /* Style */\n        font-family: var(--lumo-font-family);\n        font-size: var(--lumo-font-size-m);\n        font-weight: 500;\n        color: var(--_lumo-button-color, var(--lumo-primary-text-color));\n        background-color: var(--_lumo-button-background-color, var(--lumo-contrast-5pct));\n        border-radius: var(--lumo-border-radius);\n        cursor: default;\n        -webkit-tap-highlight-color: transparent;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n      }\n\n      /* Set only for the internal parts so we don\u2019t affect the host vertical alignment */\n      [part=\"label\"],\n      [part=\"prefix\"],\n      [part=\"suffix\"] {\n        line-height: var(--lumo-line-height-xs);\n      }\n\n      [part=\"label\"] {\n        padding: calc(var(--lumo-button-size) / 6) 0;\n      }\n\n      :host([theme~=\"small\"]) {\n        font-size: var(--lumo-font-size-s);\n        --lumo-button-size: var(--lumo-size-s);\n      }\n\n      :host([theme~=\"large\"]) {\n        font-size: var(--lumo-font-size-l);\n        --lumo-button-size: var(--lumo-size-l);\n      }\n\n      /* This needs to be the last selector for it to take priority */\n      :host([disabled][disabled]) {\n        pointer-events: none;\n        color: var(--lumo-disabled-text-color);\n        background-color: var(--lumo-contrast-5pct);\n      }\n\n      /* For interaction states */\n      :host::before,\n      :host::after {\n        content: \"\";\n        /* We rely on the host always being relative */\n        position: absolute;\n        z-index: 1;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: currentColor;\n        border-radius: inherit;\n        opacity: 0;\n        transition: opacity 0.2s;\n        pointer-events: none;\n      }\n\n      /* Hover */\n\n      :host(:hover)::before {\n        opacity: 0.05;\n      }\n\n      /* Disable hover for touch devices */\n      @media (pointer: coarse) {\n        :host(:not([active]):hover)::before {\n          opacity: 0;\n        }\n      }\n\n      /* Active */\n\n      :host::after {\n        transition: opacity 1.4s, transform 0.1s;\n        filter: blur(8px);\n      }\n\n      :host([active])::before {\n        opacity: 0.1;\n        transition-duration: 0s;\n      }\n\n      :host([active])::after {\n        opacity: 0.1;\n        transition-duration: 0s, 0s;\n        transform: scale(0);\n      }\n\n      /* Keyboard focus */\n\n      :host([focus-ring]) {\n        box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);\n      }\n\n      /* Types (primary, tertiary, tertiary-inline */\n\n      :host([theme~=\"tertiary\"]),\n      :host([theme~=\"tertiary-inline\"]) {\n        background-color: transparent !important;\n        transition: opacity 0.2s;\n        min-width: 0;\n      }\n\n      :host([theme~=\"tertiary\"])::before,\n      :host([theme~=\"tertiary-inline\"])::before {\n        display: none;\n      }\n\n      :host([theme~=\"tertiary\"]) {\n        padding: 0 calc(var(--lumo-button-size) / 6);\n      }\n\n      @media (hover: hover) {\n        :host([theme*=\"tertiary\"]:not([active]):hover) {\n          opacity: 0.8;\n        }\n      }\n\n      :host([theme~=\"tertiary\"][active]),\n      :host([theme~=\"tertiary-inline\"][active]) {\n        opacity: 0.5;\n        transition-duration: 0s;\n      }\n\n      :host([theme~=\"tertiary-inline\"]) {\n        margin: 0;\n        height: auto;\n        padding: 0;\n        line-height: inherit;\n        font-size: inherit;\n      }\n\n      :host([theme~=\"tertiary-inline\"]) [part=\"label\"] {\n        padding: 0;\n        overflow: visible;\n        line-height: inherit;\n      }\n\n      :host([theme~=\"primary\"]) {\n        background-color: var(--_lumo-button-primary-background-color, var(--lumo-primary-color));\n        color: var(--_lumo-button-primary-color, var(--lumo-primary-contrast-color));\n        font-weight: 600;\n        min-width: calc(var(--lumo-button-size) * 2.5);\n      }\n\n      :host([theme~=\"primary\"][disabled]) {\n        background-color: var(--lumo-primary-color-50pct);\n        color: var(--lumo-primary-contrast-color);\n      }\n\n      :host([theme~=\"primary\"]:hover)::before {\n        opacity: 0.1;\n      }\n\n      :host([theme~=\"primary\"][active])::before {\n        background-color: var(--lumo-shade-20pct);\n      }\n\n      @media (pointer: coarse) {\n        :host([theme~=\"primary\"][active])::before {\n          background-color: var(--lumo-shade-60pct);\n        }\n\n        :host([theme~=\"primary\"]:not([active]):hover)::before {\n          opacity: 0;\n        }\n      }\n\n      :host([theme~=\"primary\"][active])::after {\n        opacity: 0.2;\n      }\n\n      /* Colors (success, error, contrast) */\n\n      :host([theme~=\"success\"]) {\n        color: var(--lumo-success-text-color);\n      }\n\n      :host([theme~=\"success\"][theme~=\"primary\"]) {\n        background-color: var(--lumo-success-color);\n        color: var(--lumo-success-contrast-color);\n      }\n\n      :host([theme~=\"success\"][theme~=\"primary\"][disabled]) {\n        background-color: var(--lumo-success-color-50pct);\n      }\n\n      :host([theme~=\"error\"]) {\n        color: var(--lumo-error-text-color);\n      }\n\n      :host([theme~=\"error\"][theme~=\"primary\"]) {\n        background-color: var(--lumo-error-color);\n        color: var(--lumo-error-contrast-color);\n      }\n\n      :host([theme~=\"error\"][theme~=\"primary\"][disabled]) {\n        background-color: var(--lumo-error-color-50pct);\n      }\n\n      :host([theme~=\"contrast\"]) {\n        color: var(--lumo-contrast);\n      }\n\n      :host([theme~=\"contrast\"][theme~=\"primary\"]) {\n        background-color: var(--lumo-contrast);\n        color: var(--lumo-base-color);\n      }\n\n      :host([theme~=\"contrast\"][theme~=\"primary\"][disabled]) {\n        background-color: var(--lumo-contrast-50pct);\n      }\n\n      /* Icons */\n\n      [part] ::slotted(iron-icon) {\n        display: inline-block;\n        width: var(--lumo-icon-size-m);\n        height: var(--lumo-icon-size-m);\n      }\n\n      /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n      [part] ::slotted(iron-icon[icon^=\"vaadin:\"]) {\n        padding: 0.25em;\n        box-sizing: border-box !important;\n      }\n\n      [part=\"prefix\"] {\n        margin-left: -0.25em;\n        margin-right: 0.25em;\n      }\n\n      [part=\"suffix\"] {\n        margin-left: 0.25em;\n        margin-right: -0.25em;\n      }\n\n      /* Icon-only */\n\n      :host([theme~=\"icon\"]:not([theme~=\"tertiary-inline\"])) {\n        min-width: var(--lumo-button-size);\n        padding-left: calc(var(--lumo-button-size) / 4);\n        padding-right: calc(var(--lumo-button-size) / 4);\n      }\n\n      :host([theme~=\"icon\"]) [part=\"prefix\"],\n      :host([theme~=\"icon\"]) [part=\"suffix\"] {\n        margin-left: 0;\n        margin-right: 0;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"prefix\"] {\n        margin-left: 0.25em;\n        margin-right: -0.25em;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"suffix\"] {\n        margin-left: -0.25em;\n        margin-right: 0.25em;\n      }\n\n      :host([dir=\"rtl\"][theme~=\"icon\"]) [part=\"prefix\"],\n      :host([dir=\"rtl\"][theme~=\"icon\"]) [part=\"suffix\"] {\n        margin-left: 0;\n        margin-right: 0;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1b691101f2611eda0c389891c227ec8 || (_templateObject_e1b691101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-button\" theme-for=\"vaadin-button\">\n  <template>\n    <style>\n      :host {\n        /* Sizing */\n        --lumo-button-size: var(--lumo-size-m);\n        min-width: calc(var(--lumo-button-size) * 2);\n        height: var(--lumo-button-size);\n        padding: 0 calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius) / 2);\n        margin: var(--lumo-space-xs) 0;\n        box-sizing: border-box;\n        /* Style */\n        font-family: var(--lumo-font-family);\n        font-size: var(--lumo-font-size-m);\n        font-weight: 500;\n        color: var(--_lumo-button-color, var(--lumo-primary-text-color));\n        background-color: var(--_lumo-button-background-color, var(--lumo-contrast-5pct));\n        border-radius: var(--lumo-border-radius);\n        cursor: default;\n        -webkit-tap-highlight-color: transparent;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n      }\n\n      /* Set only for the internal parts so we don\u2019t affect the host vertical alignment */\n      [part=\"label\"],\n      [part=\"prefix\"],\n      [part=\"suffix\"] {\n        line-height: var(--lumo-line-height-xs);\n      }\n\n      [part=\"label\"] {\n        padding: calc(var(--lumo-button-size) / 6) 0;\n      }\n\n      :host([theme~=\"small\"]) {\n        font-size: var(--lumo-font-size-s);\n        --lumo-button-size: var(--lumo-size-s);\n      }\n\n      :host([theme~=\"large\"]) {\n        font-size: var(--lumo-font-size-l);\n        --lumo-button-size: var(--lumo-size-l);\n      }\n\n      /* This needs to be the last selector for it to take priority */\n      :host([disabled][disabled]) {\n        pointer-events: none;\n        color: var(--lumo-disabled-text-color);\n        background-color: var(--lumo-contrast-5pct);\n      }\n\n      /* For interaction states */\n      :host::before,\n      :host::after {\n        content: \"\";\n        /* We rely on the host always being relative */\n        position: absolute;\n        z-index: 1;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: currentColor;\n        border-radius: inherit;\n        opacity: 0;\n        transition: opacity 0.2s;\n        pointer-events: none;\n      }\n\n      /* Hover */\n\n      :host(:hover)::before {\n        opacity: 0.05;\n      }\n\n      /* Disable hover for touch devices */\n      @media (pointer: coarse) {\n        :host(:not([active]):hover)::before {\n          opacity: 0;\n        }\n      }\n\n      /* Active */\n\n      :host::after {\n        transition: opacity 1.4s, transform 0.1s;\n        filter: blur(8px);\n      }\n\n      :host([active])::before {\n        opacity: 0.1;\n        transition-duration: 0s;\n      }\n\n      :host([active])::after {\n        opacity: 0.1;\n        transition-duration: 0s, 0s;\n        transform: scale(0);\n      }\n\n      /* Keyboard focus */\n\n      :host([focus-ring]) {\n        box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);\n      }\n\n      /* Types (primary, tertiary, tertiary-inline */\n\n      :host([theme~=\"tertiary\"]),\n      :host([theme~=\"tertiary-inline\"]) {\n        background-color: transparent !important;\n        transition: opacity 0.2s;\n        min-width: 0;\n      }\n\n      :host([theme~=\"tertiary\"])::before,\n      :host([theme~=\"tertiary-inline\"])::before {\n        display: none;\n      }\n\n      :host([theme~=\"tertiary\"]) {\n        padding: 0 calc(var(--lumo-button-size) / 6);\n      }\n\n      @media (hover: hover) {\n        :host([theme*=\"tertiary\"]:not([active]):hover) {\n          opacity: 0.8;\n        }\n      }\n\n      :host([theme~=\"tertiary\"][active]),\n      :host([theme~=\"tertiary-inline\"][active]) {\n        opacity: 0.5;\n        transition-duration: 0s;\n      }\n\n      :host([theme~=\"tertiary-inline\"]) {\n        margin: 0;\n        height: auto;\n        padding: 0;\n        line-height: inherit;\n        font-size: inherit;\n      }\n\n      :host([theme~=\"tertiary-inline\"]) [part=\"label\"] {\n        padding: 0;\n        overflow: visible;\n        line-height: inherit;\n      }\n\n      :host([theme~=\"primary\"]) {\n        background-color: var(--_lumo-button-primary-background-color, var(--lumo-primary-color));\n        color: var(--_lumo-button-primary-color, var(--lumo-primary-contrast-color));\n        font-weight: 600;\n        min-width: calc(var(--lumo-button-size) * 2.5);\n      }\n\n      :host([theme~=\"primary\"][disabled]) {\n        background-color: var(--lumo-primary-color-50pct);\n        color: var(--lumo-primary-contrast-color);\n      }\n\n      :host([theme~=\"primary\"]:hover)::before {\n        opacity: 0.1;\n      }\n\n      :host([theme~=\"primary\"][active])::before {\n        background-color: var(--lumo-shade-20pct);\n      }\n\n      @media (pointer: coarse) {\n        :host([theme~=\"primary\"][active])::before {\n          background-color: var(--lumo-shade-60pct);\n        }\n\n        :host([theme~=\"primary\"]:not([active]):hover)::before {\n          opacity: 0;\n        }\n      }\n\n      :host([theme~=\"primary\"][active])::after {\n        opacity: 0.2;\n      }\n\n      /* Colors (success, error, contrast) */\n\n      :host([theme~=\"success\"]) {\n        color: var(--lumo-success-text-color);\n      }\n\n      :host([theme~=\"success\"][theme~=\"primary\"]) {\n        background-color: var(--lumo-success-color);\n        color: var(--lumo-success-contrast-color);\n      }\n\n      :host([theme~=\"success\"][theme~=\"primary\"][disabled]) {\n        background-color: var(--lumo-success-color-50pct);\n      }\n\n      :host([theme~=\"error\"]) {\n        color: var(--lumo-error-text-color);\n      }\n\n      :host([theme~=\"error\"][theme~=\"primary\"]) {\n        background-color: var(--lumo-error-color);\n        color: var(--lumo-error-contrast-color);\n      }\n\n      :host([theme~=\"error\"][theme~=\"primary\"][disabled]) {\n        background-color: var(--lumo-error-color-50pct);\n      }\n\n      :host([theme~=\"contrast\"]) {\n        color: var(--lumo-contrast);\n      }\n\n      :host([theme~=\"contrast\"][theme~=\"primary\"]) {\n        background-color: var(--lumo-contrast);\n        color: var(--lumo-base-color);\n      }\n\n      :host([theme~=\"contrast\"][theme~=\"primary\"][disabled]) {\n        background-color: var(--lumo-contrast-50pct);\n      }\n\n      /* Icons */\n\n      [part] ::slotted(iron-icon) {\n        display: inline-block;\n        width: var(--lumo-icon-size-m);\n        height: var(--lumo-icon-size-m);\n      }\n\n      /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n      [part] ::slotted(iron-icon[icon^=\"vaadin:\"]) {\n        padding: 0.25em;\n        box-sizing: border-box !important;\n      }\n\n      [part=\"prefix\"] {\n        margin-left: -0.25em;\n        margin-right: 0.25em;\n      }\n\n      [part=\"suffix\"] {\n        margin-left: 0.25em;\n        margin-right: -0.25em;\n      }\n\n      /* Icon-only */\n\n      :host([theme~=\"icon\"]:not([theme~=\"tertiary-inline\"])) {\n        min-width: var(--lumo-button-size);\n        padding-left: calc(var(--lumo-button-size) / 4);\n        padding-right: calc(var(--lumo-button-size) / 4);\n      }\n\n      :host([theme~=\"icon\"]) [part=\"prefix\"],\n      :host([theme~=\"icon\"]) [part=\"suffix\"] {\n        margin-left: 0;\n        margin-right: 0;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"prefix\"] {\n        margin-left: 0.25em;\n        margin-right: -0.25em;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"suffix\"] {\n        margin-left: -0.25em;\n        margin-right: 0.25em;\n      }\n\n      :host([dir=\"rtl\"][theme~=\"icon\"]) [part=\"prefix\"],\n      :host([dir=\"rtl\"][theme~=\"icon\"]) [part=\"suffix\"] {\n        margin-left: 0;\n        margin-right: 0;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-button/theme/material/vaadin-button-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-button/theme/material/vaadin-button-styles.js
index 09a058a3536..060945df3fb 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-button/theme/material/vaadin-button-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-button/theme/material/vaadin-button-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-material-styles/color.js", "../../../vaadin-material-styles/shadow.js", "../../../vaadin-material-styles/typography.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _shadow, _typography, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b3745f01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1b72d501f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b3745f01f0611ed8cc3e9a95995ad69 || (_templateObject_0b3745f01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-button\" theme-for=\"vaadin-button\">\n  <template>\n    <style>\n      :host {\n        padding: 8px;\n        min-width: 64px;\n        box-sizing: border-box;\n        display: inline-flex;\n        align-items: baseline;\n        justify-content: center;\n        border-radius: 4px;\n        color: var(--material-primary-text-color);\n        font-family: var(--material-font-family);\n        text-transform: uppercase;\n        font-size: var(--material-button-font-size);\n        line-height: 20px;\n        font-weight: 500;\n        letter-spacing: 0.05em;\n        white-space: nowrap;\n        overflow: hidden;\n        transition: box-shadow 0.2s;\n        -webkit-tap-highlight-color: transparent;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n      }\n\n      @-moz-document url-prefix() {\n        :host {\n          vertical-align: -13px;\n        }\n      }\n\n      :host::before,\n      :host::after {\n        content: \"\";\n        pointer-events: none;\n        position: absolute;\n        border-radius: inherit;\n        opacity: 0;\n        background-color: currentColor;\n      }\n\n      :host::before {\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        transition: opacity 0.5s;\n      }\n\n      :host::after {\n        border-radius: 50%;\n        width: 320px;\n        height: 320px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        transition: all 0.9s;\n      }\n\n      [part=\"label\"] ::slotted(*) {\n        vertical-align: middle;\n      }\n\n      :host(:hover)::before,\n      :host([focus-ring])::before {\n        opacity: 0.08;\n        transition-duration: 0.2s;\n      }\n\n      :host([active])::before {\n        opacity: 0.16;\n        transition: opacity 0.4s;\n      }\n\n      :host([active])::after {\n        transform: translate(-50%, -50%) scale(0.0000001); /* animation works weirdly with scale(0) */\n        opacity: 0.1;\n        transition: 0s;\n      }\n\n      :host(:hover:not([active]))::after {\n        transform: translate(-50%, -50%) scale(1);\n        opacity: 0;\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n        color: var(--material-disabled-text-color);\n      }\n\n      /* Contained and outline variants */\n      :host([theme~=\"contained\"]),\n      :host([theme~=\"outlined\"]) {\n        padding: 8px 16px;\n      }\n\n      :host([theme~=\"outlined\"]) {\n        box-shadow: inset 0 0 0 1px var(--_material-button-outline-color, rgba(0, 0, 0, 0.2));\n      }\n\n      :host([theme~=\"contained\"]:not([disabled])) {\n        background-color: var(--material-primary-color);\n        color: var(--material-primary-contrast-color);\n        box-shadow: var(--material-shadow-elevation-2dp);\n      }\n\n      :host([theme~=\"contained\"][disabled]) {\n        background-color: var(--material-secondary-background-color);\n      }\n\n      :host([theme~=\"contained\"]:hover) {\n        box-shadow: var(--material-shadow-elevation-4dp);\n      }\n\n      :host([theme~=\"contained\"][active]) {\n        box-shadow: var(--material-shadow-elevation-8dp);\n      }\n\n      /* Icon alignment */\n\n      [part] ::slotted(iron-icon) {\n        display: block;\n        width: 18px;\n        height: 18px;\n      }\n\n      [part=\"prefix\"] ::slotted(iron-icon) {\n        margin-right: 8px;\n        margin-left: -4px;\n      }\n\n      [part=\"suffix\"] ::slotted(iron-icon) {\n        margin-left: 8px;\n        margin-right: -4px;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"])::before {\n        left: auto;\n        right: 0;\n      }\n\n      :host([dir=\"rtl\"])::after {\n        left: auto;\n        right: 50%;\n        transform: translate(50%, -50%);\n      }\n\n      :host([active][dir=\"rtl\"])::after {\n        transform: translate(50%, -50%) scale(0.0000001);\n      }\n\n      :host(:hover:not([active])[dir=\"rtl\"])::after {\n        transform: translate(50%, -50%) scale(1);\n      }\n\n      :host([dir=\"rtl\"]) [part=\"prefix\"] ::slotted(iron-icon) {\n        margin-right: -4px;\n        margin-left: 8px;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"suffix\"] ::slotted(iron-icon) {\n        margin-left: -4px;\n        margin-right: 8px;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1b72d501f2611eda0c389891c227ec8 || (_templateObject_e1b72d501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-button\" theme-for=\"vaadin-button\">\n  <template>\n    <style>\n      :host {\n        padding: 8px;\n        min-width: 64px;\n        box-sizing: border-box;\n        display: inline-flex;\n        align-items: baseline;\n        justify-content: center;\n        border-radius: 4px;\n        color: var(--material-primary-text-color);\n        font-family: var(--material-font-family);\n        text-transform: uppercase;\n        font-size: var(--material-button-font-size);\n        line-height: 20px;\n        font-weight: 500;\n        letter-spacing: 0.05em;\n        white-space: nowrap;\n        overflow: hidden;\n        transition: box-shadow 0.2s;\n        -webkit-tap-highlight-color: transparent;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n      }\n\n      @-moz-document url-prefix() {\n        :host {\n          vertical-align: -13px;\n        }\n      }\n\n      :host::before,\n      :host::after {\n        content: \"\";\n        pointer-events: none;\n        position: absolute;\n        border-radius: inherit;\n        opacity: 0;\n        background-color: currentColor;\n      }\n\n      :host::before {\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        transition: opacity 0.5s;\n      }\n\n      :host::after {\n        border-radius: 50%;\n        width: 320px;\n        height: 320px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        transition: all 0.9s;\n      }\n\n      [part=\"label\"] ::slotted(*) {\n        vertical-align: middle;\n      }\n\n      :host(:hover)::before,\n      :host([focus-ring])::before {\n        opacity: 0.08;\n        transition-duration: 0.2s;\n      }\n\n      :host([active])::before {\n        opacity: 0.16;\n        transition: opacity 0.4s;\n      }\n\n      :host([active])::after {\n        transform: translate(-50%, -50%) scale(0.0000001); /* animation works weirdly with scale(0) */\n        opacity: 0.1;\n        transition: 0s;\n      }\n\n      :host(:hover:not([active]))::after {\n        transform: translate(-50%, -50%) scale(1);\n        opacity: 0;\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n        color: var(--material-disabled-text-color);\n      }\n\n      /* Contained and outline variants */\n      :host([theme~=\"contained\"]),\n      :host([theme~=\"outlined\"]) {\n        padding: 8px 16px;\n      }\n\n      :host([theme~=\"outlined\"]) {\n        box-shadow: inset 0 0 0 1px var(--_material-button-outline-color, rgba(0, 0, 0, 0.2));\n      }\n\n      :host([theme~=\"contained\"]:not([disabled])) {\n        background-color: var(--material-primary-color);\n        color: var(--material-primary-contrast-color);\n        box-shadow: var(--material-shadow-elevation-2dp);\n      }\n\n      :host([theme~=\"contained\"][disabled]) {\n        background-color: var(--material-secondary-background-color);\n      }\n\n      :host([theme~=\"contained\"]:hover) {\n        box-shadow: var(--material-shadow-elevation-4dp);\n      }\n\n      :host([theme~=\"contained\"][active]) {\n        box-shadow: var(--material-shadow-elevation-8dp);\n      }\n\n      /* Icon alignment */\n\n      [part] ::slotted(iron-icon) {\n        display: block;\n        width: 18px;\n        height: 18px;\n      }\n\n      [part=\"prefix\"] ::slotted(iron-icon) {\n        margin-right: 8px;\n        margin-left: -4px;\n      }\n\n      [part=\"suffix\"] ::slotted(iron-icon) {\n        margin-left: 8px;\n        margin-right: -4px;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"])::before {\n        left: auto;\n        right: 0;\n      }\n\n      :host([dir=\"rtl\"])::after {\n        left: auto;\n        right: 50%;\n        transform: translate(50%, -50%);\n      }\n\n      :host([active][dir=\"rtl\"])::after {\n        transform: translate(50%, -50%) scale(0.0000001);\n      }\n\n      :host(:hover:not([active])[dir=\"rtl\"])::after {\n        transform: translate(50%, -50%) scale(1);\n      }\n\n      :host([dir=\"rtl\"]) [part=\"prefix\"] ::slotted(iron-icon) {\n        margin-right: -4px;\n        margin-left: 8px;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"suffix\"] ::slotted(iron-icon) {\n        margin-left: -4px;\n        margin-right: 8px;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/src/vaadin-checkbox-group.js b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/src/vaadin-checkbox-group.js
index a9253f6da6c..96556087c16 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/src/vaadin-checkbox-group.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/src/vaadin-checkbox-group.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.CheckboxGroupElement = void 0;
 
-  var _templateObject_0a45e1101f0611ed8cc3e9a95995ad69;
+  var _templateObject_e0b3a0001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -329,7 +329,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0a45e1101f0611ed8cc3e9a95995ad69 || (_templateObject_0a45e1101f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n\n        /* Prevent horizontal overflow in IE 11 instead of wrapping checkboxes */\n        max-width: 100%;\n      }\n\n      :host::before {\n        content: \"\\2003\";\n        width: 0;\n        display: inline-block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      .vaadin-group-field-container {\n        display: flex;\n        flex-direction: column;\n\n        /* Prevent horizontal overflow in IE 11 instead of wrapping checkboxes */\n        width: 100%;\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n    </style>\n\n    <div class=\"vaadin-group-field-container\">\n      <label part=\"label\">[[label]]</label>\n\n      <div part=\"group-field\">\n        <slot id=\"slot\"></slot>\n      </div>\n\n      <div part=\"helper-text\" aria-live=\"assertive\" aria-hidden$=\"[[_getHelperTextAriaHidden(helperText, _hasSlottedHelper)]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" aria-live=\"assertive\" aria-hidden$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage)]]\">[[errorMessage]]</div>\n\n    </div>\n"], ["\n    <style>\n      :host {\n        display: inline-flex;\n\n        /* Prevent horizontal overflow in IE 11 instead of wrapping checkboxes */\n        max-width: 100%;\n      }\n\n      :host::before {\n        content: \"\\\\2003\";\n        width: 0;\n        display: inline-block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      .vaadin-group-field-container {\n        display: flex;\n        flex-direction: column;\n\n        /* Prevent horizontal overflow in IE 11 instead of wrapping checkboxes */\n        width: 100%;\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n    </style>\n\n    <div class=\"vaadin-group-field-container\">\n      <label part=\"label\">[[label]]</label>\n\n      <div part=\"group-field\">\n        <slot id=\"slot\"></slot>\n      </div>\n\n      <div part=\"helper-text\" aria-live=\"assertive\" aria-hidden\\$=\"[[_getHelperTextAriaHidden(helperText, _hasSlottedHelper)]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" aria-live=\"assertive\" aria-hidden\\$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage)]]\">[[errorMessage]]</div>\n\n    </div>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e0b3a0001f2611eda0c389891c227ec8 || (_templateObject_e0b3a0001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n\n        /* Prevent horizontal overflow in IE 11 instead of wrapping checkboxes */\n        max-width: 100%;\n      }\n\n      :host::before {\n        content: \"\\2003\";\n        width: 0;\n        display: inline-block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      .vaadin-group-field-container {\n        display: flex;\n        flex-direction: column;\n\n        /* Prevent horizontal overflow in IE 11 instead of wrapping checkboxes */\n        width: 100%;\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n    </style>\n\n    <div class=\"vaadin-group-field-container\">\n      <label part=\"label\">[[label]]</label>\n\n      <div part=\"group-field\">\n        <slot id=\"slot\"></slot>\n      </div>\n\n      <div part=\"helper-text\" aria-live=\"assertive\" aria-hidden$=\"[[_getHelperTextAriaHidden(helperText, _hasSlottedHelper)]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" aria-live=\"assertive\" aria-hidden$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage)]]\">[[errorMessage]]</div>\n\n    </div>\n"], ["\n    <style>\n      :host {\n        display: inline-flex;\n\n        /* Prevent horizontal overflow in IE 11 instead of wrapping checkboxes */\n        max-width: 100%;\n      }\n\n      :host::before {\n        content: \"\\\\2003\";\n        width: 0;\n        display: inline-block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      .vaadin-group-field-container {\n        display: flex;\n        flex-direction: column;\n\n        /* Prevent horizontal overflow in IE 11 instead of wrapping checkboxes */\n        width: 100%;\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n    </style>\n\n    <div class=\"vaadin-group-field-container\">\n      <label part=\"label\">[[label]]</label>\n\n      <div part=\"group-field\">\n        <slot id=\"slot\"></slot>\n      </div>\n\n      <div part=\"helper-text\" aria-live=\"assertive\" aria-hidden\\$=\"[[_getHelperTextAriaHidden(helperText, _hasSlottedHelper)]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" aria-live=\"assertive\" aria-hidden\\$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage)]]\">[[errorMessage]]</div>\n\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/src/vaadin-checkbox.js b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/src/vaadin-checkbox.js
index a64afa5a7e2..c2114bd81c2 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/src/vaadin-checkbox.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/src/vaadin-checkbox.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.CheckboxElement = void 0;
 
-  var _templateObject_0a498a901f0611ed8cc3e9a95995ad69;
+  var _templateObject_e0b770901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -257,7 +257,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0a498a901f0611ed8cc3e9a95995ad69 || (_templateObject_0a498a901f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      label {\n        display: inline-flex;\n        align-items: baseline;\n        outline: none;\n      }\n\n      [part=\"checkbox\"] {\n        position: relative;\n        display: inline-block;\n        flex: none;\n      }\n\n      input[type=\"checkbox\"] {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        cursor: inherit;\n        margin: 0;\n      }\n\n      :host([disabled]) {\n        -webkit-tap-highlight-color: transparent;\n      }\n    </style>\n\n    <label>\n      <span part=\"checkbox\">\n        <input type=\"checkbox\" checked=\"{{checked::change}}\" disabled$=\"[[disabled]]\" indeterminate=\"{{indeterminate::change}}\" role=\"presentation\" tabindex=\"-1\">\n      </span>\n\n      <span part=\"label\">\n        <slot></slot>\n      </span>\n    </label>\n"], ["\n    <style>\n      :host {\n        display: inline-block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      label {\n        display: inline-flex;\n        align-items: baseline;\n        outline: none;\n      }\n\n      [part=\"checkbox\"] {\n        position: relative;\n        display: inline-block;\n        flex: none;\n      }\n\n      input[type=\"checkbox\"] {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        cursor: inherit;\n        margin: 0;\n      }\n\n      :host([disabled]) {\n        -webkit-tap-highlight-color: transparent;\n      }\n    </style>\n\n    <label>\n      <span part=\"checkbox\">\n        <input type=\"checkbox\" checked=\"{{checked::change}}\" disabled\\$=\"[[disabled]]\" indeterminate=\"{{indeterminate::change}}\" role=\"presentation\" tabindex=\"-1\">\n      </span>\n\n      <span part=\"label\">\n        <slot></slot>\n      </span>\n    </label>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e0b770901f2611eda0c389891c227ec8 || (_templateObject_e0b770901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      label {\n        display: inline-flex;\n        align-items: baseline;\n        outline: none;\n      }\n\n      [part=\"checkbox\"] {\n        position: relative;\n        display: inline-block;\n        flex: none;\n      }\n\n      input[type=\"checkbox\"] {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        cursor: inherit;\n        margin: 0;\n      }\n\n      :host([disabled]) {\n        -webkit-tap-highlight-color: transparent;\n      }\n    </style>\n\n    <label>\n      <span part=\"checkbox\">\n        <input type=\"checkbox\" checked=\"{{checked::change}}\" disabled$=\"[[disabled]]\" indeterminate=\"{{indeterminate::change}}\" role=\"presentation\" tabindex=\"-1\">\n      </span>\n\n      <span part=\"label\">\n        <slot></slot>\n      </span>\n    </label>\n"], ["\n    <style>\n      :host {\n        display: inline-block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      label {\n        display: inline-flex;\n        align-items: baseline;\n        outline: none;\n      }\n\n      [part=\"checkbox\"] {\n        position: relative;\n        display: inline-block;\n        flex: none;\n      }\n\n      input[type=\"checkbox\"] {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        cursor: inherit;\n        margin: 0;\n      }\n\n      :host([disabled]) {\n        -webkit-tap-highlight-color: transparent;\n      }\n    </style>\n\n    <label>\n      <span part=\"checkbox\">\n        <input type=\"checkbox\" checked=\"{{checked::change}}\" disabled\\$=\"[[disabled]]\" indeterminate=\"{{indeterminate::change}}\" role=\"presentation\" tabindex=\"-1\">\n      </span>\n\n      <span part=\"label\">\n        <slot></slot>\n      </span>\n    </label>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/lumo/vaadin-checkbox-group-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/lumo/vaadin-checkbox-group-styles.js
index 19b711e330e..69ef86033f2 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/lumo/vaadin-checkbox-group-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/lumo/vaadin-checkbox-group-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/mixins/required-field.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _requiredField, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b37bb201f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1b7a2801f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b37bb201f0611ed8cc3e9a95995ad69 || (_templateObject_0b37bb201f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-checkbox-group\" theme-for=\"vaadin-checkbox-group\">\n  <template>\n    <style include=\"lumo-required-field\">\n      :host {\n        color: var(--lumo-body-text-color);\n        font-size: var(--lumo-font-size-m);\n        font-family: var(--lumo-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-tap-highlight-color: transparent;\n        padding: var(--lumo-space-xs) 0;\n      }\n\n      :host::before {\n        height: var(--lumo-size-m);\n        box-sizing: border-box;\n        display: inline-flex;\n        align-items: center;\n      }\n\n      :host([theme~=\"vertical\"]) [part=\"group-field\"] {\n        display: flex;\n        flex-direction: column;\n      }\n\n      [part=\"label\"] {\n        padding-bottom: 0.7em;\n      }\n\n      :host([disabled]) [part=\"label\"] {\n        color: var(--lumo-disabled-text-color);\n        -webkit-text-fill-color: var(--lumo-disabled-text-color);\n      }\n\n      :host([focused]:not([disabled])) [part=\"label\"] {\n        color: var(--lumo-primary-text-color);\n      }\n\n      :host(:hover:not([disabled]):not([focused])) [part=\"label\"],\n      :host(:hover:not([disabled]):not([focused])) [part=\"helper-text\"],\n      :host(:hover:not([disabled]):not([focused])) [part=\"helper-text\"] ::slotted(*) {\n        color: var(--lumo-body-text-color);\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        display: block;\n        color: var(--lumo-secondary-text-color);\n        font-size: var(--lumo-font-size-xs);\n        line-height: var(--lumo-line-height-xs);\n        margin-left: calc(var(--lumo-border-radius-m) / 4);\n        transition: color 0.2s;\n      }\n\n      /* helper-text position */\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::before {\n        display: none;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::after {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"label\"] {\n        order: 0;\n        padding-bottom: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"] {\n        order: 1;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"group-field\"] {\n        order: 2;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"error-message\"] {\n        order: 3;\n      }\n\n      /* Touch device adjustment */\n      @media (pointer: coarse) {\n        :host(:hover:not([disabled]):not([focused])) [part=\"label\"] {\n          color: var(--lumo-secondary-text-color);\n        }\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1b7a2801f2611eda0c389891c227ec8 || (_templateObject_e1b7a2801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-checkbox-group\" theme-for=\"vaadin-checkbox-group\">\n  <template>\n    <style include=\"lumo-required-field\">\n      :host {\n        color: var(--lumo-body-text-color);\n        font-size: var(--lumo-font-size-m);\n        font-family: var(--lumo-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-tap-highlight-color: transparent;\n        padding: var(--lumo-space-xs) 0;\n      }\n\n      :host::before {\n        height: var(--lumo-size-m);\n        box-sizing: border-box;\n        display: inline-flex;\n        align-items: center;\n      }\n\n      :host([theme~=\"vertical\"]) [part=\"group-field\"] {\n        display: flex;\n        flex-direction: column;\n      }\n\n      [part=\"label\"] {\n        padding-bottom: 0.7em;\n      }\n\n      :host([disabled]) [part=\"label\"] {\n        color: var(--lumo-disabled-text-color);\n        -webkit-text-fill-color: var(--lumo-disabled-text-color);\n      }\n\n      :host([focused]:not([disabled])) [part=\"label\"] {\n        color: var(--lumo-primary-text-color);\n      }\n\n      :host(:hover:not([disabled]):not([focused])) [part=\"label\"],\n      :host(:hover:not([disabled]):not([focused])) [part=\"helper-text\"],\n      :host(:hover:not([disabled]):not([focused])) [part=\"helper-text\"] ::slotted(*) {\n        color: var(--lumo-body-text-color);\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        display: block;\n        color: var(--lumo-secondary-text-color);\n        font-size: var(--lumo-font-size-xs);\n        line-height: var(--lumo-line-height-xs);\n        margin-left: calc(var(--lumo-border-radius-m) / 4);\n        transition: color 0.2s;\n      }\n\n      /* helper-text position */\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::before {\n        display: none;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::after {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"label\"] {\n        order: 0;\n        padding-bottom: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"] {\n        order: 1;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"group-field\"] {\n        order: 2;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"error-message\"] {\n        order: 3;\n      }\n\n      /* Touch device adjustment */\n      @media (pointer: coarse) {\n        :host(:hover:not([disabled]):not([focused])) [part=\"label\"] {\n          color: var(--lumo-secondary-text-color);\n        }\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/lumo/vaadin-checkbox-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/lumo/vaadin-checkbox-styles.js
index b53b1f60882..7a6b908a76b 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/lumo/vaadin-checkbox-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/lumo/vaadin-checkbox-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/style.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _style, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b3830501f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1b8db001f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b3830501f0611ed8cc3e9a95995ad69 || (_templateObject_0b3830501f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-checkbox\" theme-for=\"vaadin-checkbox\">\n  <template>\n    <style include=\"lumo-checkbox-style lumo-checkbox-effects\">\n      /* IE11 only */\n      ::-ms-backdrop,\n      [part=\"checkbox\"] {\n        line-height: 1;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"lumo-checkbox-style\">\n  <template>\n    <style>\n      :host {\n        -webkit-tap-highlight-color: transparent;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: default;\n        outline: none;\n      }\n\n      [part=\"label\"]:not([empty]) {\n        margin: 0.1875em 0.875em 0.1875em 0.375em;\n      }\n\n      [part=\"checkbox\"] {\n        width: calc(1em + 2px);\n        height: calc(1em + 2px);\n        margin: 0.1875em;\n        position: relative;\n        border-radius: var(--lumo-border-radius-s);\n        background-color: var(--lumo-contrast-20pct);\n        transition: transform 0.2s cubic-bezier(.12, .32, .54, 2), background-color 0.15s;\n        pointer-events: none;\n        line-height: 1.2;\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"],\n      :host([checked]) [part=\"checkbox\"] {\n        background-color: var(--lumo-primary-color);\n      }\n\n      /* Needed to align the checkbox nicely on the baseline */\n      [part=\"checkbox\"]::before {\n        content: \"\\2003\";\n      }\n\n      /* Checkmark */\n      [part=\"checkbox\"]::after {\n        content: \"\";\n        display: inline-block;\n        width: 0;\n        height: 0;\n        border: 0 solid var(--lumo-primary-contrast-color);\n        border-width: 0.1875em 0 0 0.1875em;\n        box-sizing: border-box;\n        transform-origin: 0 0;\n        position: absolute;\n        top: 0.8125em;\n        left: 0.5em;\n        transform: scale(0.55) rotate(-135deg);\n        opacity: 0;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::after {\n        opacity: 1;\n        width: 0.625em;\n        height: 1.0625em;\n      }\n\n      /* Indeterminate checkmark */\n\n      :host([indeterminate]) [part=\"checkbox\"]::after {\n        transform: none;\n        opacity: 1;\n        top: 45%;\n        height: 10%;\n        left: 22%;\n        right: 22%;\n        width: auto;\n        border: 0;\n        background-color: var(--lumo-primary-contrast-color);\n        transition: opacity 0.25s;\n      }\n\n      /* Focus ring */\n\n      :host([focus-ring]) [part=\"checkbox\"] {\n        box-shadow: 0 0 0 3px var(--lumo-primary-color-50pct);\n      }\n\n      /* Disabled */\n\n      :host([disabled]) {\n        pointer-events: none;\n        color: var(--lumo-disabled-text-color);\n      }\n\n      :host([disabled]) [part=\"label\"] ::slotted(*) {\n        color: inherit;\n      }\n\n      :host([disabled]) [part=\"checkbox\"] {\n        background-color: var(--lumo-contrast-10pct);\n      }\n\n      :host([disabled]) [part=\"checkbox\"]::after {\n        border-color: var(--lumo-contrast-30pct);\n      }\n\n      :host([indeterminate][disabled]) [part=\"checkbox\"]::after {\n        background-color: var(--lumo-contrast-30pct);\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"label\"]:not([empty]) {\n        margin: 0.1875em 0.375em 0.1875em 0.875em;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"lumo-checkbox-effects\">\n  <template>\n    <style>\n      /* Transition the checkmark if activated with the mouse (disabled for grid select-all this way) */\n      :host(:hover) [part=\"checkbox\"]::after {\n        transition: width 0.1s, height 0.25s;\n      }\n\n      /* Used for activation \"halo\" */\n      [part=\"checkbox\"]::before {\n        color: transparent;\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n        background-color: inherit;\n        transform: scale(1.4);\n        opacity: 0;\n        transition: transform 0.1s, opacity 0.8s;\n      }\n\n      /* Hover */\n\n      :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n        background-color: var(--lumo-contrast-30pct);\n      }\n\n      /* Disable hover for touch devices */\n      @media (pointer: coarse) {\n        :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n          background-color: var(--lumo-contrast-20pct);\n        }\n      }\n\n      /* Active */\n\n      :host([active]) [part=\"checkbox\"] {\n        transform: scale(0.9);\n        transition-duration: 0.05s;\n      }\n\n      :host([active][checked]) [part=\"checkbox\"] {\n        transform: scale(1.1);\n      }\n\n      :host([active]:not([checked])) [part=\"checkbox\"]::before {\n        transition-duration: 0.01s, 0.01s;\n        transform: scale(0);\n        opacity: 0.4;\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"lumo-checkbox\" theme-for=\"vaadin-checkbox\">\n  <template>\n    <style include=\"lumo-checkbox-style lumo-checkbox-effects\">\n      /* IE11 only */\n      ::-ms-backdrop,\n      [part=\"checkbox\"] {\n        line-height: 1;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"lumo-checkbox-style\">\n  <template>\n    <style>\n      :host {\n        -webkit-tap-highlight-color: transparent;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: default;\n        outline: none;\n      }\n\n      [part=\"label\"]:not([empty]) {\n        margin: 0.1875em 0.875em 0.1875em 0.375em;\n      }\n\n      [part=\"checkbox\"] {\n        width: calc(1em + 2px);\n        height: calc(1em + 2px);\n        margin: 0.1875em;\n        position: relative;\n        border-radius: var(--lumo-border-radius-s);\n        background-color: var(--lumo-contrast-20pct);\n        transition: transform 0.2s cubic-bezier(.12, .32, .54, 2), background-color 0.15s;\n        pointer-events: none;\n        line-height: 1.2;\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"],\n      :host([checked]) [part=\"checkbox\"] {\n        background-color: var(--lumo-primary-color);\n      }\n\n      /* Needed to align the checkbox nicely on the baseline */\n      [part=\"checkbox\"]::before {\n        content: \"\\\\2003\";\n      }\n\n      /* Checkmark */\n      [part=\"checkbox\"]::after {\n        content: \"\";\n        display: inline-block;\n        width: 0;\n        height: 0;\n        border: 0 solid var(--lumo-primary-contrast-color);\n        border-width: 0.1875em 0 0 0.1875em;\n        box-sizing: border-box;\n        transform-origin: 0 0;\n        position: absolute;\n        top: 0.8125em;\n        left: 0.5em;\n        transform: scale(0.55) rotate(-135deg);\n        opacity: 0;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::after {\n        opacity: 1;\n        width: 0.625em;\n        height: 1.0625em;\n      }\n\n      /* Indeterminate checkmark */\n\n      :host([indeterminate]) [part=\"checkbox\"]::after {\n        transform: none;\n        opacity: 1;\n        top: 45%;\n        height: 10%;\n        left: 22%;\n        right: 22%;\n        width: auto;\n        border: 0;\n        background-color: var(--lumo-primary-contrast-color);\n        transition: opacity 0.25s;\n      }\n\n      /* Focus ring */\n\n      :host([focus-ring]) [part=\"checkbox\"] {\n        box-shadow: 0 0 0 3px var(--lumo-primary-color-50pct);\n      }\n\n      /* Disabled */\n\n      :host([disabled]) {\n        pointer-events: none;\n        color: var(--lumo-disabled-text-color);\n      }\n\n      :host([disabled]) [part=\"label\"] ::slotted(*) {\n        color: inherit;\n      }\n\n      :host([disabled]) [part=\"checkbox\"] {\n        background-color: var(--lumo-contrast-10pct);\n      }\n\n      :host([disabled]) [part=\"checkbox\"]::after {\n        border-color: var(--lumo-contrast-30pct);\n      }\n\n      :host([indeterminate][disabled]) [part=\"checkbox\"]::after {\n        background-color: var(--lumo-contrast-30pct);\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"label\"]:not([empty]) {\n        margin: 0.1875em 0.375em 0.1875em 0.875em;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"lumo-checkbox-effects\">\n  <template>\n    <style>\n      /* Transition the checkmark if activated with the mouse (disabled for grid select-all this way) */\n      :host(:hover) [part=\"checkbox\"]::after {\n        transition: width 0.1s, height 0.25s;\n      }\n\n      /* Used for activation \"halo\" */\n      [part=\"checkbox\"]::before {\n        color: transparent;\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n        background-color: inherit;\n        transform: scale(1.4);\n        opacity: 0;\n        transition: transform 0.1s, opacity 0.8s;\n      }\n\n      /* Hover */\n\n      :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n        background-color: var(--lumo-contrast-30pct);\n      }\n\n      /* Disable hover for touch devices */\n      @media (pointer: coarse) {\n        :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n          background-color: var(--lumo-contrast-20pct);\n        }\n      }\n\n      /* Active */\n\n      :host([active]) [part=\"checkbox\"] {\n        transform: scale(0.9);\n        transition-duration: 0.05s;\n      }\n\n      :host([active][checked]) [part=\"checkbox\"] {\n        transform: scale(1.1);\n      }\n\n      :host([active]:not([checked])) [part=\"checkbox\"]::before {\n        transition-duration: 0.01s, 0.01s;\n        transform: scale(0);\n        opacity: 0.4;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1b8db001f2611eda0c389891c227ec8 || (_templateObject_e1b8db001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-checkbox\" theme-for=\"vaadin-checkbox\">\n  <template>\n    <style include=\"lumo-checkbox-style lumo-checkbox-effects\">\n      /* IE11 only */\n      ::-ms-backdrop,\n      [part=\"checkbox\"] {\n        line-height: 1;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"lumo-checkbox-style\">\n  <template>\n    <style>\n      :host {\n        -webkit-tap-highlight-color: transparent;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: default;\n        outline: none;\n      }\n\n      [part=\"label\"]:not([empty]) {\n        margin: 0.1875em 0.875em 0.1875em 0.375em;\n      }\n\n      [part=\"checkbox\"] {\n        width: calc(1em + 2px);\n        height: calc(1em + 2px);\n        margin: 0.1875em;\n        position: relative;\n        border-radius: var(--lumo-border-radius-s);\n        background-color: var(--lumo-contrast-20pct);\n        transition: transform 0.2s cubic-bezier(.12, .32, .54, 2), background-color 0.15s;\n        pointer-events: none;\n        line-height: 1.2;\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"],\n      :host([checked]) [part=\"checkbox\"] {\n        background-color: var(--lumo-primary-color);\n      }\n\n      /* Needed to align the checkbox nicely on the baseline */\n      [part=\"checkbox\"]::before {\n        content: \"\\2003\";\n      }\n\n      /* Checkmark */\n      [part=\"checkbox\"]::after {\n        content: \"\";\n        display: inline-block;\n        width: 0;\n        height: 0;\n        border: 0 solid var(--lumo-primary-contrast-color);\n        border-width: 0.1875em 0 0 0.1875em;\n        box-sizing: border-box;\n        transform-origin: 0 0;\n        position: absolute;\n        top: 0.8125em;\n        left: 0.5em;\n        transform: scale(0.55) rotate(-135deg);\n        opacity: 0;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::after {\n        opacity: 1;\n        width: 0.625em;\n        height: 1.0625em;\n      }\n\n      /* Indeterminate checkmark */\n\n      :host([indeterminate]) [part=\"checkbox\"]::after {\n        transform: none;\n        opacity: 1;\n        top: 45%;\n        height: 10%;\n        left: 22%;\n        right: 22%;\n        width: auto;\n        border: 0;\n        background-color: var(--lumo-primary-contrast-color);\n        transition: opacity 0.25s;\n      }\n\n      /* Focus ring */\n\n      :host([focus-ring]) [part=\"checkbox\"] {\n        box-shadow: 0 0 0 3px var(--lumo-primary-color-50pct);\n      }\n\n      /* Disabled */\n\n      :host([disabled]) {\n        pointer-events: none;\n        color: var(--lumo-disabled-text-color);\n      }\n\n      :host([disabled]) [part=\"label\"] ::slotted(*) {\n        color: inherit;\n      }\n\n      :host([disabled]) [part=\"checkbox\"] {\n        background-color: var(--lumo-contrast-10pct);\n      }\n\n      :host([disabled]) [part=\"checkbox\"]::after {\n        border-color: var(--lumo-contrast-30pct);\n      }\n\n      :host([indeterminate][disabled]) [part=\"checkbox\"]::after {\n        background-color: var(--lumo-contrast-30pct);\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"label\"]:not([empty]) {\n        margin: 0.1875em 0.375em 0.1875em 0.875em;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"lumo-checkbox-effects\">\n  <template>\n    <style>\n      /* Transition the checkmark if activated with the mouse (disabled for grid select-all this way) */\n      :host(:hover) [part=\"checkbox\"]::after {\n        transition: width 0.1s, height 0.25s;\n      }\n\n      /* Used for activation \"halo\" */\n      [part=\"checkbox\"]::before {\n        color: transparent;\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n        background-color: inherit;\n        transform: scale(1.4);\n        opacity: 0;\n        transition: transform 0.1s, opacity 0.8s;\n      }\n\n      /* Hover */\n\n      :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n        background-color: var(--lumo-contrast-30pct);\n      }\n\n      /* Disable hover for touch devices */\n      @media (pointer: coarse) {\n        :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n          background-color: var(--lumo-contrast-20pct);\n        }\n      }\n\n      /* Active */\n\n      :host([active]) [part=\"checkbox\"] {\n        transform: scale(0.9);\n        transition-duration: 0.05s;\n      }\n\n      :host([active][checked]) [part=\"checkbox\"] {\n        transform: scale(1.1);\n      }\n\n      :host([active]:not([checked])) [part=\"checkbox\"]::before {\n        transition-duration: 0.01s, 0.01s;\n        transform: scale(0);\n        opacity: 0.4;\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"lumo-checkbox\" theme-for=\"vaadin-checkbox\">\n  <template>\n    <style include=\"lumo-checkbox-style lumo-checkbox-effects\">\n      /* IE11 only */\n      ::-ms-backdrop,\n      [part=\"checkbox\"] {\n        line-height: 1;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"lumo-checkbox-style\">\n  <template>\n    <style>\n      :host {\n        -webkit-tap-highlight-color: transparent;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: default;\n        outline: none;\n      }\n\n      [part=\"label\"]:not([empty]) {\n        margin: 0.1875em 0.875em 0.1875em 0.375em;\n      }\n\n      [part=\"checkbox\"] {\n        width: calc(1em + 2px);\n        height: calc(1em + 2px);\n        margin: 0.1875em;\n        position: relative;\n        border-radius: var(--lumo-border-radius-s);\n        background-color: var(--lumo-contrast-20pct);\n        transition: transform 0.2s cubic-bezier(.12, .32, .54, 2), background-color 0.15s;\n        pointer-events: none;\n        line-height: 1.2;\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"],\n      :host([checked]) [part=\"checkbox\"] {\n        background-color: var(--lumo-primary-color);\n      }\n\n      /* Needed to align the checkbox nicely on the baseline */\n      [part=\"checkbox\"]::before {\n        content: \"\\\\2003\";\n      }\n\n      /* Checkmark */\n      [part=\"checkbox\"]::after {\n        content: \"\";\n        display: inline-block;\n        width: 0;\n        height: 0;\n        border: 0 solid var(--lumo-primary-contrast-color);\n        border-width: 0.1875em 0 0 0.1875em;\n        box-sizing: border-box;\n        transform-origin: 0 0;\n        position: absolute;\n        top: 0.8125em;\n        left: 0.5em;\n        transform: scale(0.55) rotate(-135deg);\n        opacity: 0;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::after {\n        opacity: 1;\n        width: 0.625em;\n        height: 1.0625em;\n      }\n\n      /* Indeterminate checkmark */\n\n      :host([indeterminate]) [part=\"checkbox\"]::after {\n        transform: none;\n        opacity: 1;\n        top: 45%;\n        height: 10%;\n        left: 22%;\n        right: 22%;\n        width: auto;\n        border: 0;\n        background-color: var(--lumo-primary-contrast-color);\n        transition: opacity 0.25s;\n      }\n\n      /* Focus ring */\n\n      :host([focus-ring]) [part=\"checkbox\"] {\n        box-shadow: 0 0 0 3px var(--lumo-primary-color-50pct);\n      }\n\n      /* Disabled */\n\n      :host([disabled]) {\n        pointer-events: none;\n        color: var(--lumo-disabled-text-color);\n      }\n\n      :host([disabled]) [part=\"label\"] ::slotted(*) {\n        color: inherit;\n      }\n\n      :host([disabled]) [part=\"checkbox\"] {\n        background-color: var(--lumo-contrast-10pct);\n      }\n\n      :host([disabled]) [part=\"checkbox\"]::after {\n        border-color: var(--lumo-contrast-30pct);\n      }\n\n      :host([indeterminate][disabled]) [part=\"checkbox\"]::after {\n        background-color: var(--lumo-contrast-30pct);\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"label\"]:not([empty]) {\n        margin: 0.1875em 0.375em 0.1875em 0.875em;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"lumo-checkbox-effects\">\n  <template>\n    <style>\n      /* Transition the checkmark if activated with the mouse (disabled for grid select-all this way) */\n      :host(:hover) [part=\"checkbox\"]::after {\n        transition: width 0.1s, height 0.25s;\n      }\n\n      /* Used for activation \"halo\" */\n      [part=\"checkbox\"]::before {\n        color: transparent;\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n        background-color: inherit;\n        transform: scale(1.4);\n        opacity: 0;\n        transition: transform 0.1s, opacity 0.8s;\n      }\n\n      /* Hover */\n\n      :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n        background-color: var(--lumo-contrast-30pct);\n      }\n\n      /* Disable hover for touch devices */\n      @media (pointer: coarse) {\n        :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n          background-color: var(--lumo-contrast-20pct);\n        }\n      }\n\n      /* Active */\n\n      :host([active]) [part=\"checkbox\"] {\n        transform: scale(0.9);\n        transition-duration: 0.05s;\n      }\n\n      :host([active][checked]) [part=\"checkbox\"] {\n        transform: scale(1.1);\n      }\n\n      :host([active]:not([checked])) [part=\"checkbox\"]::before {\n        transition-duration: 0.01s, 0.01s;\n        transform: scale(0);\n        opacity: 0.4;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/material/vaadin-checkbox-group-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/material/vaadin-checkbox-group-styles.js
index 000c931f42b..5bfbc1f2548 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/material/vaadin-checkbox-group-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/material/vaadin-checkbox-group-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-material-styles/color.js", "../../../vaadin-material-styles/mixins/required-field.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _requiredField, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b38a5801f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1b950301f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b38a5801f0611ed8cc3e9a95995ad69 || (_templateObject_0b38a5801f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-checkbox-group\" theme-for=\"vaadin-checkbox-group\">\n  <template>\n    <style include=\"material-required-field\">\n      :host {\n        display: inline-flex;\n        position: relative;\n        padding-top: 8px;\n        margin-bottom: 8px;\n        outline: none;\n        color: var(--material-body-text-color);\n        font-size: var(--material-body-font-size);\n        line-height: 24px;\n        font-family: var(--material-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n      }\n\n      :host::before {\n        line-height: 32px;\n      }\n\n      :host([has-label]) {\n        padding-top: 24px;\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n\n      [part=\"label\"]:empty::before {\n        content: \"\xA0\";\n        position: absolute;\n      }\n\n      :host([theme~=\"vertical\"]) [part=\"group-field\"] {\n        display: flex;\n        flex-direction: column;\n      }\n\n      :host([disabled]) [part=\"label\"] {\n        color: var(--material-disabled-text-color);\n        -webkit-text-fill-color: var(--material-disabled-text-color);\n      }\n\n      :host([focused]:not([invalid])) [part=\"label\"] {\n        color: var(--material-primary-text-color);\n      }\n\n      /* According to material theme guidelines, helper text should be hidden when error message is set and input is invalid */\n      :host([has-helper][invalid][has-error-message]) [part=\"helper-text\"] {\n        display: none;\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 6px;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        font-size: .75rem;\n        line-height: 1;\n        color: var(--material-secondary-text-color);\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1b950301f2611eda0c389891c227ec8 || (_templateObject_e1b950301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-checkbox-group\" theme-for=\"vaadin-checkbox-group\">\n  <template>\n    <style include=\"material-required-field\">\n      :host {\n        display: inline-flex;\n        position: relative;\n        padding-top: 8px;\n        margin-bottom: 8px;\n        outline: none;\n        color: var(--material-body-text-color);\n        font-size: var(--material-body-font-size);\n        line-height: 24px;\n        font-family: var(--material-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n      }\n\n      :host::before {\n        line-height: 32px;\n      }\n\n      :host([has-label]) {\n        padding-top: 24px;\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n\n      [part=\"label\"]:empty::before {\n        content: \"\xA0\";\n        position: absolute;\n      }\n\n      :host([theme~=\"vertical\"]) [part=\"group-field\"] {\n        display: flex;\n        flex-direction: column;\n      }\n\n      :host([disabled]) [part=\"label\"] {\n        color: var(--material-disabled-text-color);\n        -webkit-text-fill-color: var(--material-disabled-text-color);\n      }\n\n      :host([focused]:not([invalid])) [part=\"label\"] {\n        color: var(--material-primary-text-color);\n      }\n\n      /* According to material theme guidelines, helper text should be hidden when error message is set and input is invalid */\n      :host([has-helper][invalid][has-error-message]) [part=\"helper-text\"] {\n        display: none;\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 6px;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        font-size: .75rem;\n        line-height: 1;\n        color: var(--material-secondary-text-color);\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/material/vaadin-checkbox-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/material/vaadin-checkbox-styles.js
index aa5d72a482b..3bdaa16f0cb 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/material/vaadin-checkbox-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-checkbox/theme/material/vaadin-checkbox-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-material-styles/color.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b391ab01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1b9c5601f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b391ab01f0611ed8cc3e9a95995ad69 || (_templateObject_0b391ab01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-checkbox\" theme-for=\"vaadin-checkbox\">\n  <template>\n    <style>\n      :host {\n        display: inline-block;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        outline: none;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      [part=\"label\"]:not([empty]) {\n        margin: 3px 12px 3px 6px;\n      }\n\n      [part=\"native-checkbox\"] {\n        opacity: 0;\n        position: absolute;\n      }\n\n      [part=\"checkbox\"] {\n        display: inline-block;\n        width: 16px;\n        height: 16px;\n        flex: none;\n        margin: 4px;\n        position: relative;\n        border-radius: 2px;\n        box-shadow: inset 0 0 0 2px var(--material-secondary-text-color);\n        pointer-events: none;\n        line-height: 1.275;\n        background-color: transparent;\n      }\n\n      /* IE11 only */\n      ::-ms-backdrop,\n      [part=\"checkbox\"] {\n        line-height: 1;\n      }\n\n      /* Used for the ripple */\n      [part=\"checkbox\"]::before {\n        /* Needed to align the checkbox nicely on the baseline */\n        content: \"\\2003\";\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        background-color: var(--material-disabled-text-color);\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 0s 0.8s, opacity 0.8s;\n        will-change: transform, opacity;\n      }\n\n      /* Used for the checkmark */\n      [part=\"checkbox\"]::after {\n        content: \"\";\n        display: inline-block;\n        width: 10px;\n        height: 19px;\n        border: 0 solid var(--material-background-color);\n        border-width: 3px 0 0 3px;\n        box-sizing: border-box;\n        transform-origin: 0 0;\n        position: absolute;\n        top: 12px;\n        left: 6px;\n        transform: scale(0) rotate(-135deg);\n        transition: transform 0.2s;\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"],\n      :host([checked]) [part=\"checkbox\"] {\n        background-color: var(--material-primary-color);\n        box-shadow: none;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::after {\n        transform: scale(0.55) rotate(-135deg);\n      }\n\n      :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n        background-color: transparent;\n      }\n\n      :host([focus-ring]) [part=\"checkbox\"]::before,\n      :host([active]) [part=\"checkbox\"]::before {\n        transition-duration: 0.08s, 0.01s;\n        transition-delay: 0s, 0s;\n        transform: scale(2.5);\n        opacity: 0.15;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::before {\n        background-color: var(--material-primary-color);\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"]::after {\n        transform: none;\n        opacity: 1;\n        top: 45%;\n        height: 10%;\n        left: 22%;\n        right: 22%;\n        width: auto;\n        border: 0;\n        background-color: var(--material-background-color);\n        transition: opacity 0.4s;\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n        color: var(--material-disabled-text-color);\n      }\n\n      :host([disabled]) ::slotted(*) {\n        color: inherit;\n      }\n\n      :host([disabled]:not([checked]):not([indeterminate])) [part=\"checkbox\"] {\n        box-shadow: inset 0 0 0 2px var(--material-disabled-color);\n      }\n\n      :host([disabled][checked]) [part=\"checkbox\"],\n      :host([disabled][indeterminate]) [part=\"checkbox\"] {\n        background-color: var(--material-disabled-color);\n      }\n\n      /* Workaround for vaadin-checkbox issue: https://github.com/vaadin/vaadin-checkbox/issues/16 */\n      [part=\"native-checkbox\"]:checked ~ [part=\"checkbox\"] {\n        opacity: 1;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"label\"]:not([empty]) {\n        margin: 3px 6px 3px 12px;\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"material-checkbox\" theme-for=\"vaadin-checkbox\">\n  <template>\n    <style>\n      :host {\n        display: inline-block;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        outline: none;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      [part=\"label\"]:not([empty]) {\n        margin: 3px 12px 3px 6px;\n      }\n\n      [part=\"native-checkbox\"] {\n        opacity: 0;\n        position: absolute;\n      }\n\n      [part=\"checkbox\"] {\n        display: inline-block;\n        width: 16px;\n        height: 16px;\n        flex: none;\n        margin: 4px;\n        position: relative;\n        border-radius: 2px;\n        box-shadow: inset 0 0 0 2px var(--material-secondary-text-color);\n        pointer-events: none;\n        line-height: 1.275;\n        background-color: transparent;\n      }\n\n      /* IE11 only */\n      ::-ms-backdrop,\n      [part=\"checkbox\"] {\n        line-height: 1;\n      }\n\n      /* Used for the ripple */\n      [part=\"checkbox\"]::before {\n        /* Needed to align the checkbox nicely on the baseline */\n        content: \"\\\\2003\";\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        background-color: var(--material-disabled-text-color);\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 0s 0.8s, opacity 0.8s;\n        will-change: transform, opacity;\n      }\n\n      /* Used for the checkmark */\n      [part=\"checkbox\"]::after {\n        content: \"\";\n        display: inline-block;\n        width: 10px;\n        height: 19px;\n        border: 0 solid var(--material-background-color);\n        border-width: 3px 0 0 3px;\n        box-sizing: border-box;\n        transform-origin: 0 0;\n        position: absolute;\n        top: 12px;\n        left: 6px;\n        transform: scale(0) rotate(-135deg);\n        transition: transform 0.2s;\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"],\n      :host([checked]) [part=\"checkbox\"] {\n        background-color: var(--material-primary-color);\n        box-shadow: none;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::after {\n        transform: scale(0.55) rotate(-135deg);\n      }\n\n      :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n        background-color: transparent;\n      }\n\n      :host([focus-ring]) [part=\"checkbox\"]::before,\n      :host([active]) [part=\"checkbox\"]::before {\n        transition-duration: 0.08s, 0.01s;\n        transition-delay: 0s, 0s;\n        transform: scale(2.5);\n        opacity: 0.15;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::before {\n        background-color: var(--material-primary-color);\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"]::after {\n        transform: none;\n        opacity: 1;\n        top: 45%;\n        height: 10%;\n        left: 22%;\n        right: 22%;\n        width: auto;\n        border: 0;\n        background-color: var(--material-background-color);\n        transition: opacity 0.4s;\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n        color: var(--material-disabled-text-color);\n      }\n\n      :host([disabled]) ::slotted(*) {\n        color: inherit;\n      }\n\n      :host([disabled]:not([checked]):not([indeterminate])) [part=\"checkbox\"] {\n        box-shadow: inset 0 0 0 2px var(--material-disabled-color);\n      }\n\n      :host([disabled][checked]) [part=\"checkbox\"],\n      :host([disabled][indeterminate]) [part=\"checkbox\"] {\n        background-color: var(--material-disabled-color);\n      }\n\n      /* Workaround for vaadin-checkbox issue: https://github.com/vaadin/vaadin-checkbox/issues/16 */\n      [part=\"native-checkbox\"]:checked ~ [part=\"checkbox\"] {\n        opacity: 1;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"label\"]:not([empty]) {\n        margin: 3px 6px 3px 12px;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1b9c5601f2611eda0c389891c227ec8 || (_templateObject_e1b9c5601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-checkbox\" theme-for=\"vaadin-checkbox\">\n  <template>\n    <style>\n      :host {\n        display: inline-block;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        outline: none;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      [part=\"label\"]:not([empty]) {\n        margin: 3px 12px 3px 6px;\n      }\n\n      [part=\"native-checkbox\"] {\n        opacity: 0;\n        position: absolute;\n      }\n\n      [part=\"checkbox\"] {\n        display: inline-block;\n        width: 16px;\n        height: 16px;\n        flex: none;\n        margin: 4px;\n        position: relative;\n        border-radius: 2px;\n        box-shadow: inset 0 0 0 2px var(--material-secondary-text-color);\n        pointer-events: none;\n        line-height: 1.275;\n        background-color: transparent;\n      }\n\n      /* IE11 only */\n      ::-ms-backdrop,\n      [part=\"checkbox\"] {\n        line-height: 1;\n      }\n\n      /* Used for the ripple */\n      [part=\"checkbox\"]::before {\n        /* Needed to align the checkbox nicely on the baseline */\n        content: \"\\2003\";\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        background-color: var(--material-disabled-text-color);\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 0s 0.8s, opacity 0.8s;\n        will-change: transform, opacity;\n      }\n\n      /* Used for the checkmark */\n      [part=\"checkbox\"]::after {\n        content: \"\";\n        display: inline-block;\n        width: 10px;\n        height: 19px;\n        border: 0 solid var(--material-background-color);\n        border-width: 3px 0 0 3px;\n        box-sizing: border-box;\n        transform-origin: 0 0;\n        position: absolute;\n        top: 12px;\n        left: 6px;\n        transform: scale(0) rotate(-135deg);\n        transition: transform 0.2s;\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"],\n      :host([checked]) [part=\"checkbox\"] {\n        background-color: var(--material-primary-color);\n        box-shadow: none;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::after {\n        transform: scale(0.55) rotate(-135deg);\n      }\n\n      :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n        background-color: transparent;\n      }\n\n      :host([focus-ring]) [part=\"checkbox\"]::before,\n      :host([active]) [part=\"checkbox\"]::before {\n        transition-duration: 0.08s, 0.01s;\n        transition-delay: 0s, 0s;\n        transform: scale(2.5);\n        opacity: 0.15;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::before {\n        background-color: var(--material-primary-color);\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"]::after {\n        transform: none;\n        opacity: 1;\n        top: 45%;\n        height: 10%;\n        left: 22%;\n        right: 22%;\n        width: auto;\n        border: 0;\n        background-color: var(--material-background-color);\n        transition: opacity 0.4s;\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n        color: var(--material-disabled-text-color);\n      }\n\n      :host([disabled]) ::slotted(*) {\n        color: inherit;\n      }\n\n      :host([disabled]:not([checked]):not([indeterminate])) [part=\"checkbox\"] {\n        box-shadow: inset 0 0 0 2px var(--material-disabled-color);\n      }\n\n      :host([disabled][checked]) [part=\"checkbox\"],\n      :host([disabled][indeterminate]) [part=\"checkbox\"] {\n        background-color: var(--material-disabled-color);\n      }\n\n      /* Workaround for vaadin-checkbox issue: https://github.com/vaadin/vaadin-checkbox/issues/16 */\n      [part=\"native-checkbox\"]:checked ~ [part=\"checkbox\"] {\n        opacity: 1;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"label\"]:not([empty]) {\n        margin: 3px 6px 3px 12px;\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"material-checkbox\" theme-for=\"vaadin-checkbox\">\n  <template>\n    <style>\n      :host {\n        display: inline-block;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        outline: none;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      [part=\"label\"]:not([empty]) {\n        margin: 3px 12px 3px 6px;\n      }\n\n      [part=\"native-checkbox\"] {\n        opacity: 0;\n        position: absolute;\n      }\n\n      [part=\"checkbox\"] {\n        display: inline-block;\n        width: 16px;\n        height: 16px;\n        flex: none;\n        margin: 4px;\n        position: relative;\n        border-radius: 2px;\n        box-shadow: inset 0 0 0 2px var(--material-secondary-text-color);\n        pointer-events: none;\n        line-height: 1.275;\n        background-color: transparent;\n      }\n\n      /* IE11 only */\n      ::-ms-backdrop,\n      [part=\"checkbox\"] {\n        line-height: 1;\n      }\n\n      /* Used for the ripple */\n      [part=\"checkbox\"]::before {\n        /* Needed to align the checkbox nicely on the baseline */\n        content: \"\\\\2003\";\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        background-color: var(--material-disabled-text-color);\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 0s 0.8s, opacity 0.8s;\n        will-change: transform, opacity;\n      }\n\n      /* Used for the checkmark */\n      [part=\"checkbox\"]::after {\n        content: \"\";\n        display: inline-block;\n        width: 10px;\n        height: 19px;\n        border: 0 solid var(--material-background-color);\n        border-width: 3px 0 0 3px;\n        box-sizing: border-box;\n        transform-origin: 0 0;\n        position: absolute;\n        top: 12px;\n        left: 6px;\n        transform: scale(0) rotate(-135deg);\n        transition: transform 0.2s;\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"],\n      :host([checked]) [part=\"checkbox\"] {\n        background-color: var(--material-primary-color);\n        box-shadow: none;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::after {\n        transform: scale(0.55) rotate(-135deg);\n      }\n\n      :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part=\"checkbox\"] {\n        background-color: transparent;\n      }\n\n      :host([focus-ring]) [part=\"checkbox\"]::before,\n      :host([active]) [part=\"checkbox\"]::before {\n        transition-duration: 0.08s, 0.01s;\n        transition-delay: 0s, 0s;\n        transform: scale(2.5);\n        opacity: 0.15;\n      }\n\n      :host([checked]) [part=\"checkbox\"]::before {\n        background-color: var(--material-primary-color);\n      }\n\n      :host([indeterminate]) [part=\"checkbox\"]::after {\n        transform: none;\n        opacity: 1;\n        top: 45%;\n        height: 10%;\n        left: 22%;\n        right: 22%;\n        width: auto;\n        border: 0;\n        background-color: var(--material-background-color);\n        transition: opacity 0.4s;\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n        color: var(--material-disabled-text-color);\n      }\n\n      :host([disabled]) ::slotted(*) {\n        color: inherit;\n      }\n\n      :host([disabled]:not([checked]):not([indeterminate])) [part=\"checkbox\"] {\n        box-shadow: inset 0 0 0 2px var(--material-disabled-color);\n      }\n\n      :host([disabled][checked]) [part=\"checkbox\"],\n      :host([disabled][indeterminate]) [part=\"checkbox\"] {\n        background-color: var(--material-disabled-color);\n      }\n\n      /* Workaround for vaadin-checkbox issue: https://github.com/vaadin/vaadin-checkbox/issues/16 */\n      [part=\"native-checkbox\"]:checked ~ [part=\"checkbox\"] {\n        opacity: 1;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"label\"]:not([empty]) {\n        margin: 3px 6px 3px 12px;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-filter-column.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-filter-column.js
index 70719953305..b70666edc01 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-filter-column.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-filter-column.js
@@ -6,7 +6,7 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-filter.js", "../../
   });
   _exports.GridFilterColumnElement = void 0;
 
-  var _templateObject_0a9b54101f0611ed8cc3e9a95995ad69;
+  var _templateObject_e117e0101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -57,7 +57,7 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-filter.js", "../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0a9b54101f0611ed8cc3e9a95995ad69 || (_templateObject_0a9b54101f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <template class=\"header\" id=\"headerTemplate\">\n      <vaadin-grid-filter path=\"[[path]]\" value=\"[[_filterValue]]\">\n        <vaadin-text-field theme=\"small\" focus-target=\"\" style=\"max-width: 100%;\" slot=\"filter\" value=\"{{_filterValue}}\" label=\"[[_getHeader(header, path)]]\"></vaadin-text-field>\n      </vaadin-grid-filter>\n    </template>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e117e0101f2611eda0c389891c227ec8 || (_templateObject_e117e0101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <template class=\"header\" id=\"headerTemplate\">\n      <vaadin-grid-filter path=\"[[path]]\" value=\"[[_filterValue]]\">\n        <vaadin-text-field theme=\"small\" focus-target=\"\" style=\"max-width: 100%;\" slot=\"filter\" value=\"{{_filterValue}}\" label=\"[[_getHeader(header, path)]]\"></vaadin-text-field>\n      </vaadin-grid-filter>\n    </template>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-filter.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-filter.js
index 2d41a895260..542d20a3a48 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-filter.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-filter.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../vaadin-
   });
   _exports.GridFilterElement = void 0;
 
-  var _templateObject_0aabf5e01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e11d85601f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -88,7 +88,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../vaadin-
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0aabf5e01f0611ed8cc3e9a95995ad69 || (_templateObject_0aabf5e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n      }\n\n      #filter {\n        width: 100%;\n        box-sizing: border-box;\n      }\n    </style>\n    <slot name=\"filter\">\n      <vaadin-text-field id=\"filter\" value=\"{{value}}\"></vaadin-text-field>\n    </slot>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e11d85601f2611eda0c389891c227ec8 || (_templateObject_e11d85601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n      }\n\n      #filter {\n        width: 100%;\n        box-sizing: border-box;\n      }\n    </style>\n    <slot name=\"filter\">\n      <vaadin-text-field id=\"filter\" value=\"{{value}}\"></vaadin-text-field>\n    </slot>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-selection-column.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-selection-column.js
index c2d88a7f5f6..49da682307e 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-selection-column.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-selection-column.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "./vaadin-grid
   });
   _exports.GridSelectionColumnElement = void 0;
 
-  var _templateObject_0acdfcd01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e140ebe01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -249,7 +249,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "./vaadin-grid
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0acdfcd01f0611ed8cc3e9a95995ad69 || (_templateObject_0acdfcd01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <template class=\"header\" id=\"defaultHeaderTemplate\">\n      <vaadin-checkbox class=\"vaadin-grid-select-all-checkbox\" aria-label=\"Select All\" hidden$=\"[[_selectAllHidden]]\" on-checked-changed=\"_onSelectAllCheckedChanged\" checked=\"[[_isChecked(selectAll, _indeterminate)]]\" indeterminate=\"[[_indeterminate]]\"></vaadin-checkbox>\n    </template>\n    <template id=\"defaultBodyTemplate\">\n      <vaadin-checkbox aria-label=\"Select Row\" checked=\"{{selected}}\"></vaadin-checkbox>\n    </template>\n"], ["\n    <template class=\"header\" id=\"defaultHeaderTemplate\">\n      <vaadin-checkbox class=\"vaadin-grid-select-all-checkbox\" aria-label=\"Select All\" hidden\\$=\"[[_selectAllHidden]]\" on-checked-changed=\"_onSelectAllCheckedChanged\" checked=\"[[_isChecked(selectAll, _indeterminate)]]\" indeterminate=\"[[_indeterminate]]\"></vaadin-checkbox>\n    </template>\n    <template id=\"defaultBodyTemplate\">\n      <vaadin-checkbox aria-label=\"Select Row\" checked=\"{{selected}}\"></vaadin-checkbox>\n    </template>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e140ebe01f2611eda0c389891c227ec8 || (_templateObject_e140ebe01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <template class=\"header\" id=\"defaultHeaderTemplate\">\n      <vaadin-checkbox class=\"vaadin-grid-select-all-checkbox\" aria-label=\"Select All\" hidden$=\"[[_selectAllHidden]]\" on-checked-changed=\"_onSelectAllCheckedChanged\" checked=\"[[_isChecked(selectAll, _indeterminate)]]\" indeterminate=\"[[_indeterminate]]\"></vaadin-checkbox>\n    </template>\n    <template id=\"defaultBodyTemplate\">\n      <vaadin-checkbox aria-label=\"Select Row\" checked=\"{{selected}}\"></vaadin-checkbox>\n    </template>\n"], ["\n    <template class=\"header\" id=\"defaultHeaderTemplate\">\n      <vaadin-checkbox class=\"vaadin-grid-select-all-checkbox\" aria-label=\"Select All\" hidden\\$=\"[[_selectAllHidden]]\" on-checked-changed=\"_onSelectAllCheckedChanged\" checked=\"[[_isChecked(selectAll, _indeterminate)]]\" indeterminate=\"[[_indeterminate]]\"></vaadin-checkbox>\n    </template>\n    <template id=\"defaultBodyTemplate\">\n      <vaadin-checkbox aria-label=\"Select Row\" checked=\"{{selected}}\"></vaadin-checkbox>\n    </template>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-sort-column.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-sort-column.js
index 6d9baedd424..17d3728ba92 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-sort-column.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-sort-column.js
@@ -6,7 +6,7 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-sorter.js", "../../
   });
   _exports.GridSortColumnElement = void 0;
 
-  var _templateObject_0ad0e3001f0611ed8cc3e9a95995ad69;
+  var _templateObject_e143d2101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -57,7 +57,7 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-sorter.js", "../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0ad0e3001f0611ed8cc3e9a95995ad69 || (_templateObject_0ad0e3001f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <template class=\"header\" id=\"headerTemplate\">\n      <vaadin-grid-sorter path=\"[[path]]\" direction=\"{{direction}}\">[[_getHeader(header, path)]]</vaadin-grid-sorter>\n    </template>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e143d2101f2611eda0c389891c227ec8 || (_templateObject_e143d2101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <template class=\"header\" id=\"headerTemplate\">\n      <vaadin-grid-sorter path=\"[[path]]\" direction=\"{{direction}}\">[[_getHeader(header, path)]]</vaadin-grid-sorter>\n    </template>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-sorter.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-sorter.js
index 57bc52ce4dc..cdcb1d831e7 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-sorter.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-sorter.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../../@pol
   });
   _exports.GridSorterElement = void 0;
 
-  var _templateObject_0ad63a301f0611ed8cc3e9a95995ad69;
+  var _templateObject_e14977601f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -166,7 +166,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../../@pol
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0ad63a301f0611ed8cc3e9a95995ad69 || (_templateObject_0ad63a301f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        cursor: pointer;\n        max-width: 100%;\n      }\n\n      [part=\"content\"] {\n        flex: 1 1 auto;\n      }\n\n      [part=\"indicators\"] {\n        position: relative;\n        align-self: center;\n        flex: none;\n      }\n\n      [part=\"order\"] {\n        display: inline;\n        vertical-align: super;\n      }\n\n      [part=\"indicators\"]::before {\n        font-family: 'vaadin-grid-sorter-icons';\n        display: inline-block;\n      }\n\n      :host(:not([direction])) [part=\"indicators\"]::before {\n        content: \"\\e901\";\n      }\n\n      :host([direction=asc]) [part=\"indicators\"]::before {\n        content: \"\\e900\";\n      }\n\n      :host([direction=desc]) [part=\"indicators\"]::before {\n        content: \"\\e902\";\n      }\n    </style>\n\n    <div part=\"content\">\n      <slot></slot>\n    </div>\n    <div part=\"indicators\">\n      <span part=\"order\">[[_getDisplayOrder(_order)]]</span>\n    </div>\n"], ["\n    <style>\n      :host {\n        display: inline-flex;\n        cursor: pointer;\n        max-width: 100%;\n      }\n\n      [part=\"content\"] {\n        flex: 1 1 auto;\n      }\n\n      [part=\"indicators\"] {\n        position: relative;\n        align-self: center;\n        flex: none;\n      }\n\n      [part=\"order\"] {\n        display: inline;\n        vertical-align: super;\n      }\n\n      [part=\"indicators\"]::before {\n        font-family: 'vaadin-grid-sorter-icons';\n        display: inline-block;\n      }\n\n      :host(:not([direction])) [part=\"indicators\"]::before {\n        content: \"\\\\e901\";\n      }\n\n      :host([direction=asc]) [part=\"indicators\"]::before {\n        content: \"\\\\e900\";\n      }\n\n      :host([direction=desc]) [part=\"indicators\"]::before {\n        content: \"\\\\e902\";\n      }\n    </style>\n\n    <div part=\"content\">\n      <slot></slot>\n    </div>\n    <div part=\"indicators\">\n      <span part=\"order\">[[_getDisplayOrder(_order)]]</span>\n    </div>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e14977601f2611eda0c389891c227ec8 || (_templateObject_e14977601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        cursor: pointer;\n        max-width: 100%;\n      }\n\n      [part=\"content\"] {\n        flex: 1 1 auto;\n      }\n\n      [part=\"indicators\"] {\n        position: relative;\n        align-self: center;\n        flex: none;\n      }\n\n      [part=\"order\"] {\n        display: inline;\n        vertical-align: super;\n      }\n\n      [part=\"indicators\"]::before {\n        font-family: 'vaadin-grid-sorter-icons';\n        display: inline-block;\n      }\n\n      :host(:not([direction])) [part=\"indicators\"]::before {\n        content: \"\\e901\";\n      }\n\n      :host([direction=asc]) [part=\"indicators\"]::before {\n        content: \"\\e900\";\n      }\n\n      :host([direction=desc]) [part=\"indicators\"]::before {\n        content: \"\\e902\";\n      }\n    </style>\n\n    <div part=\"content\">\n      <slot></slot>\n    </div>\n    <div part=\"indicators\">\n      <span part=\"order\">[[_getDisplayOrder(_order)]]</span>\n    </div>\n"], ["\n    <style>\n      :host {\n        display: inline-flex;\n        cursor: pointer;\n        max-width: 100%;\n      }\n\n      [part=\"content\"] {\n        flex: 1 1 auto;\n      }\n\n      [part=\"indicators\"] {\n        position: relative;\n        align-self: center;\n        flex: none;\n      }\n\n      [part=\"order\"] {\n        display: inline;\n        vertical-align: super;\n      }\n\n      [part=\"indicators\"]::before {\n        font-family: 'vaadin-grid-sorter-icons';\n        display: inline-block;\n      }\n\n      :host(:not([direction])) [part=\"indicators\"]::before {\n        content: \"\\\\e901\";\n      }\n\n      :host([direction=asc]) [part=\"indicators\"]::before {\n        content: \"\\\\e900\";\n      }\n\n      :host([direction=desc]) [part=\"indicators\"]::before {\n        content: \"\\\\e902\";\n      }\n    </style>\n\n    <div part=\"content\">\n      <slot></slot>\n    </div>\n    <div part=\"indicators\">\n      <span part=\"order\">[[_getDisplayOrder(_order)]]</span>\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-styles.js
index 7b1e733ec22..9df0a3d4175 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-styles.js
@@ -1,10 +1,10 @@
 define(["../../../@polymer/polymer/lib/elements/dom-module.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_domModule, _htmlTag) {
   "use strict";
 
-  var _templateObject_0ad6af601f0611ed8cc3e9a95995ad69;
+  var _templateObject_e149c5801f2611eda0c389891c227ec8;
 
   var VaadinGridStyles = document.createElement('dom-module'); // NOTE(web-padawan): https://github.com/vaadin/vaadin-grid/issues/1514
 
-  VaadinGridStyles.appendChild((0, _htmlTag.html)(_templateObject_0ad6af601f0611ed8cc3e9a95995ad69 || (_templateObject_0ad6af601f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    @keyframes vaadin-grid-appear {\n      to {\n        opacity: 1;\n      }\n    }\n\n    :host {\n      display: block;\n      animation: 1ms vaadin-grid-appear;\n      height: 400px;\n      flex: 1 1 auto;\n      align-self: stretch;\n      position: relative;\n    }\n\n    :host([hidden]) {\n      display: none !important;\n    }\n\n    :host([disabled]) {\n      pointer-events: none;\n      animation: none;\n    }\n\n    #scroller {\n      display: block;\n      transform: translateY(0);\n      width: auto;\n      height: auto;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    }\n\n    :host([height-by-rows]),\n    :host([all-rows-visible]) {\n      height: auto;\n      align-self: flex-start;\n      flex-grow: 0;\n      width: 100%;\n    }\n\n    :host([height-by-rows]) #scroller,\n    :host([all-rows-visible]) #scroller {\n      width: 100%;\n      height: 100%;\n      position: relative;\n    }\n\n    #table {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n      position: relative;\n      outline: none;\n      /* Workaround for a Desktop Safari bug: new stacking context here prevents the scrollbar from getting hidden */\n      z-index: 0;\n    }\n\n    #header,\n    #footer {\n      display: block;\n      position: -webkit-sticky;\n      position: sticky;\n      left: 0;\n      overflow: visible;\n      width: 100%;\n      z-index: 1;\n    }\n\n    #header {\n      top: 0;\n    }\n\n    th {\n      text-align: inherit;\n    }\n\n    /* Safari doesn't work with \"inherit\" */\n    [safari] th {\n      text-align: initial;\n    }\n\n    #footer {\n      bottom: 0;\n    }\n\n    #items {\n      flex-grow: 1;\n      flex-shrink: 0;\n      display: block;\n      position: -webkit-sticky;\n      position: sticky;\n      width: 100%;\n      left: 0;\n      overflow: visible;\n    }\n\n    [part~=\"row\"] {\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      margin: 0;\n    }\n\n    [part~=\"row\"][loading] [part~=\"body-cell\"] ::slotted(vaadin-grid-cell-content) {\n      opacity: 0;\n    }\n\n    #items [part~=\"row\"] {\n      position: absolute;\n    }\n\n    #items [part~=\"row\"]:empty {\n      height: 1em;\n    }\n\n    [part~=\"cell\"]:not([part~=\"details-cell\"]) {\n      flex-shrink: 0;\n      flex-grow: 1;\n      box-sizing: border-box;\n      display: flex;\n      width: 100%;\n      position: relative;\n      align-items: center;\n      padding: 0;\n      white-space: nowrap;\n    }\n\n    [part~=\"details-cell\"] {\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n      box-sizing: border-box;\n      padding: 0;\n    }\n\n    [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    [hidden] {\n      display: none !important;\n    }\n\n    [frozen] {\n      z-index: 2;\n      will-change: transform;\n    }\n\n    [no-scrollbars][safari] #table,\n    [no-scrollbars][firefox] #table {\n      overflow: hidden;\n    }\n\n    /* Reordering styles */\n    :host([reordering]) [part~=\"cell\"] ::slotted(vaadin-grid-cell-content),\n    :host([reordering]) [part~=\"resize-handle\"],\n    #scroller[no-content-pointer-events] [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n      pointer-events: none;\n    }\n\n    [part~=\"reorder-ghost\"] {\n      visibility: hidden;\n      position: fixed;\n      pointer-events: none;\n      opacity: 0.5;\n\n      /* Prevent overflowing the grid in Firefox */\n      top: 0;\n      left: 0;\n    }\n\n    :host([reordering]) {\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n    }\n\n    #scroller[ie][column-reordering-allowed] [part~=\"header-cell\"] {\n      -ms-user-select: none;\n    }\n\n    /* Resizing styles */\n    [part~=\"resize-handle\"] {\n      position: absolute;\n      top: 0;\n      right: 0;\n      height: 100%;\n      cursor: col-resize;\n      z-index: 1;\n    }\n\n    [part~=\"resize-handle\"]::before {\n      position: absolute;\n      content: \"\";\n      height: 100%;\n      width: 35px;\n      transform: translateX(-50%);\n    }\n\n    [last-column] [part~=\"resize-handle\"]::before,\n    [last-frozen] [part~=\"resize-handle\"]::before {\n      width: 18px;\n      transform: none;\n      right: 0;\n    }\n\n    #scroller[column-resizing] {\n      -ms-user-select: none;\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n    }\n\n    /* Sizer styles */\n    #sizer {\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    }\n\n    #sizer [part~=\"details-cell\"] {\n      display: none !important;\n    }\n\n    #sizer [part~=\"cell\"][hidden] {\n      display: none !important;\n    }\n\n    #sizer [part~=\"cell\"] {\n      display: block;\n      flex-shrink: 0;\n      line-height: 0;\n      height: 0 !important;\n      min-height: 0 !important;\n      max-height: 0 !important;\n      padding: 0 !important;\n      border: none !important;\n    }\n\n    #sizer [part~=\"cell\"]::before {\n      content: \"-\";\n    }\n\n    #sizer [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n      display: none !important;\n    }\n\n    /* RTL specific styles */\n\n    :host([dir=\"rtl\"]) #items,\n    :host([dir=\"rtl\"]) #header,\n    :host([dir=\"rtl\"]) #footer {\n      left: auto;\n    }\n\n    :host([dir=\"rtl\"]) [part~=\"reorder-ghost\"] {\n      left: auto;\n      right: 0;\n    }\n\n    :host([dir=\"rtl\"]) [part~=\"resize-handle\"] {\n      left: 0;\n      right: auto;\n    }\n\n    :host([dir=\"rtl\"]) [part~=\"resize-handle\"]::before {\n      transform: translateX(50%);\n    }\n\n    :host([dir=\"rtl\"]) [last-column] [part~=\"resize-handle\"]::before,\n    :host([dir=\"rtl\"]) [last-frozen] [part~=\"resize-handle\"]::before {\n      left: 0;\n      right: auto;\n    }\n  </style>\n"]))));
+  VaadinGridStyles.appendChild((0, _htmlTag.html)(_templateObject_e149c5801f2611eda0c389891c227ec8 || (_templateObject_e149c5801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    @keyframes vaadin-grid-appear {\n      to {\n        opacity: 1;\n      }\n    }\n\n    :host {\n      display: block;\n      animation: 1ms vaadin-grid-appear;\n      height: 400px;\n      flex: 1 1 auto;\n      align-self: stretch;\n      position: relative;\n    }\n\n    :host([hidden]) {\n      display: none !important;\n    }\n\n    :host([disabled]) {\n      pointer-events: none;\n      animation: none;\n    }\n\n    #scroller {\n      display: block;\n      transform: translateY(0);\n      width: auto;\n      height: auto;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    }\n\n    :host([height-by-rows]),\n    :host([all-rows-visible]) {\n      height: auto;\n      align-self: flex-start;\n      flex-grow: 0;\n      width: 100%;\n    }\n\n    :host([height-by-rows]) #scroller,\n    :host([all-rows-visible]) #scroller {\n      width: 100%;\n      height: 100%;\n      position: relative;\n    }\n\n    #table {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n      position: relative;\n      outline: none;\n      /* Workaround for a Desktop Safari bug: new stacking context here prevents the scrollbar from getting hidden */\n      z-index: 0;\n    }\n\n    #header,\n    #footer {\n      display: block;\n      position: -webkit-sticky;\n      position: sticky;\n      left: 0;\n      overflow: visible;\n      width: 100%;\n      z-index: 1;\n    }\n\n    #header {\n      top: 0;\n    }\n\n    th {\n      text-align: inherit;\n    }\n\n    /* Safari doesn't work with \"inherit\" */\n    [safari] th {\n      text-align: initial;\n    }\n\n    #footer {\n      bottom: 0;\n    }\n\n    #items {\n      flex-grow: 1;\n      flex-shrink: 0;\n      display: block;\n      position: -webkit-sticky;\n      position: sticky;\n      width: 100%;\n      left: 0;\n      overflow: visible;\n    }\n\n    [part~=\"row\"] {\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      margin: 0;\n    }\n\n    [part~=\"row\"][loading] [part~=\"body-cell\"] ::slotted(vaadin-grid-cell-content) {\n      opacity: 0;\n    }\n\n    #items [part~=\"row\"] {\n      position: absolute;\n    }\n\n    #items [part~=\"row\"]:empty {\n      height: 1em;\n    }\n\n    [part~=\"cell\"]:not([part~=\"details-cell\"]) {\n      flex-shrink: 0;\n      flex-grow: 1;\n      box-sizing: border-box;\n      display: flex;\n      width: 100%;\n      position: relative;\n      align-items: center;\n      padding: 0;\n      white-space: nowrap;\n    }\n\n    [part~=\"details-cell\"] {\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n      box-sizing: border-box;\n      padding: 0;\n    }\n\n    [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    [hidden] {\n      display: none !important;\n    }\n\n    [frozen] {\n      z-index: 2;\n      will-change: transform;\n    }\n\n    [no-scrollbars][safari] #table,\n    [no-scrollbars][firefox] #table {\n      overflow: hidden;\n    }\n\n    /* Reordering styles */\n    :host([reordering]) [part~=\"cell\"] ::slotted(vaadin-grid-cell-content),\n    :host([reordering]) [part~=\"resize-handle\"],\n    #scroller[no-content-pointer-events] [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n      pointer-events: none;\n    }\n\n    [part~=\"reorder-ghost\"] {\n      visibility: hidden;\n      position: fixed;\n      pointer-events: none;\n      opacity: 0.5;\n\n      /* Prevent overflowing the grid in Firefox */\n      top: 0;\n      left: 0;\n    }\n\n    :host([reordering]) {\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n    }\n\n    #scroller[ie][column-reordering-allowed] [part~=\"header-cell\"] {\n      -ms-user-select: none;\n    }\n\n    /* Resizing styles */\n    [part~=\"resize-handle\"] {\n      position: absolute;\n      top: 0;\n      right: 0;\n      height: 100%;\n      cursor: col-resize;\n      z-index: 1;\n    }\n\n    [part~=\"resize-handle\"]::before {\n      position: absolute;\n      content: \"\";\n      height: 100%;\n      width: 35px;\n      transform: translateX(-50%);\n    }\n\n    [last-column] [part~=\"resize-handle\"]::before,\n    [last-frozen] [part~=\"resize-handle\"]::before {\n      width: 18px;\n      transform: none;\n      right: 0;\n    }\n\n    #scroller[column-resizing] {\n      -ms-user-select: none;\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n    }\n\n    /* Sizer styles */\n    #sizer {\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    }\n\n    #sizer [part~=\"details-cell\"] {\n      display: none !important;\n    }\n\n    #sizer [part~=\"cell\"][hidden] {\n      display: none !important;\n    }\n\n    #sizer [part~=\"cell\"] {\n      display: block;\n      flex-shrink: 0;\n      line-height: 0;\n      height: 0 !important;\n      min-height: 0 !important;\n      max-height: 0 !important;\n      padding: 0 !important;\n      border: none !important;\n    }\n\n    #sizer [part~=\"cell\"]::before {\n      content: \"-\";\n    }\n\n    #sizer [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n      display: none !important;\n    }\n\n    /* RTL specific styles */\n\n    :host([dir=\"rtl\"]) #items,\n    :host([dir=\"rtl\"]) #header,\n    :host([dir=\"rtl\"]) #footer {\n      left: auto;\n    }\n\n    :host([dir=\"rtl\"]) [part~=\"reorder-ghost\"] {\n      left: auto;\n      right: 0;\n    }\n\n    :host([dir=\"rtl\"]) [part~=\"resize-handle\"] {\n      left: 0;\n      right: auto;\n    }\n\n    :host([dir=\"rtl\"]) [part~=\"resize-handle\"]::before {\n      transform: translateX(50%);\n    }\n\n    :host([dir=\"rtl\"]) [last-column] [part~=\"resize-handle\"]::before,\n    :host([dir=\"rtl\"]) [last-frozen] [part~=\"resize-handle\"]::before {\n      left: 0;\n      right: auto;\n    }\n  </style>\n"]))));
   VaadinGridStyles.register('vaadin-grid-styles');
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-tree-column.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-tree-column.js
index a94153a52da..a7a684d624d 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-tree-column.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-tree-column.js
@@ -6,7 +6,7 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-tree-toggle.js", ".
   });
   _exports.GridTreeColumnElement = void 0;
 
-  var _templateObject_0adcf0f01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1507c401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -60,7 +60,7 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-tree-toggle.js", ".
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0adcf0f01f0611ed8cc3e9a95995ad69 || (_templateObject_0adcf0f01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <template id=\"template\">\n      <vaadin-grid-tree-toggle leaf=\"[[__isLeafItem(item, itemHasChildrenPath)]]\" expanded=\"{{expanded}}\" level=\"[[level]]\">\n        [[__getToggleContent(path, item)]]\n      </vaadin-grid-tree-toggle>\n    </template>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e1507c401f2611eda0c389891c227ec8 || (_templateObject_e1507c401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <template id=\"template\">\n      <vaadin-grid-tree-toggle leaf=\"[[__isLeafItem(item, itemHasChildrenPath)]]\" expanded=\"{{expanded}}\" level=\"[[level]]\">\n        [[__getToggleContent(path, item)]]\n      </vaadin-grid-tree-toggle>\n    </template>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-tree-toggle.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-tree-toggle.js
index cdc74c1879c..1712e2dcd2e 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-tree-toggle.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-tree-toggle.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.GridTreeToggleElement = void 0;
 
-  var _templateObject_0adec5b01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e15251001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -120,7 +120,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0adec5b01f0611ed8cc3e9a95995ad69 || (_templateObject_0adec5b01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        align-items: baseline;\n\n        /* CSS API for :host */\n        --vaadin-grid-tree-toggle-level-offset: 1em;\n\n        /*\n          ShadyCSS seems to polyfill :dir(rtl) only for :host, thus using\n          a host custom CSS property for ltr/rtl toggle icon choice.\n         */\n        ---collapsed-icon: \"\\e7be\\00a0\";\n      }\n\n      :host(:dir(rtl)) {\n        ---collapsed-icon: \"\\e7bd\\00a0\";\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host(:not([leaf])) {\n        cursor: pointer;\n      }\n\n      #level-spacer,\n      [part=\"toggle\"] {\n        flex: none;\n      }\n\n      #level-spacer {\n        display: inline-block;\n        width: calc(var(---level, '0') * var(--vaadin-grid-tree-toggle-level-offset));\n      }\n\n      [part=\"toggle\"]::before {\n        font-family: \"vaadin-grid-tree-icons\";\n        line-height: 1em; /* make icon font metrics not affect baseline */\n      }\n\n      :host(:not([expanded])) [part=\"toggle\"]::before {\n        content: var(---collapsed-icon);\n      }\n\n      :host([expanded]) [part=\"toggle\"]::before {\n        content: \"\\e7bc\\00a0\"; /* icon glyph + single non-breaking space */\n      }\n\n      :host([leaf]) [part=\"toggle\"] {\n        visibility: hidden;\n      }\n    </style>\n\n    <span id=\"level-spacer\"></span>\n    <span part=\"toggle\"></span>\n    <slot></slot>\n"], ["\n    <style>\n      :host {\n        display: inline-flex;\n        align-items: baseline;\n\n        /* CSS API for :host */\n        --vaadin-grid-tree-toggle-level-offset: 1em;\n\n        /*\n          ShadyCSS seems to polyfill :dir(rtl) only for :host, thus using\n          a host custom CSS property for ltr/rtl toggle icon choice.\n         */\n        ---collapsed-icon: \"\\\\e7be\\\\00a0\";\n      }\n\n      :host(:dir(rtl)) {\n        ---collapsed-icon: \"\\\\e7bd\\\\00a0\";\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host(:not([leaf])) {\n        cursor: pointer;\n      }\n\n      #level-spacer,\n      [part=\"toggle\"] {\n        flex: none;\n      }\n\n      #level-spacer {\n        display: inline-block;\n        width: calc(var(---level, '0') * var(--vaadin-grid-tree-toggle-level-offset));\n      }\n\n      [part=\"toggle\"]::before {\n        font-family: \"vaadin-grid-tree-icons\";\n        line-height: 1em; /* make icon font metrics not affect baseline */\n      }\n\n      :host(:not([expanded])) [part=\"toggle\"]::before {\n        content: var(---collapsed-icon);\n      }\n\n      :host([expanded]) [part=\"toggle\"]::before {\n        content: \"\\\\e7bc\\\\00a0\"; /* icon glyph + single non-breaking space */\n      }\n\n      :host([leaf]) [part=\"toggle\"] {\n        visibility: hidden;\n      }\n    </style>\n\n    <span id=\"level-spacer\"></span>\n    <span part=\"toggle\"></span>\n    <slot></slot>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e15251001f2611eda0c389891c227ec8 || (_templateObject_e15251001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        align-items: baseline;\n\n        /* CSS API for :host */\n        --vaadin-grid-tree-toggle-level-offset: 1em;\n\n        /*\n          ShadyCSS seems to polyfill :dir(rtl) only for :host, thus using\n          a host custom CSS property for ltr/rtl toggle icon choice.\n         */\n        ---collapsed-icon: \"\\e7be\\00a0\";\n      }\n\n      :host(:dir(rtl)) {\n        ---collapsed-icon: \"\\e7bd\\00a0\";\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host(:not([leaf])) {\n        cursor: pointer;\n      }\n\n      #level-spacer,\n      [part=\"toggle\"] {\n        flex: none;\n      }\n\n      #level-spacer {\n        display: inline-block;\n        width: calc(var(---level, '0') * var(--vaadin-grid-tree-toggle-level-offset));\n      }\n\n      [part=\"toggle\"]::before {\n        font-family: \"vaadin-grid-tree-icons\";\n        line-height: 1em; /* make icon font metrics not affect baseline */\n      }\n\n      :host(:not([expanded])) [part=\"toggle\"]::before {\n        content: var(---collapsed-icon);\n      }\n\n      :host([expanded]) [part=\"toggle\"]::before {\n        content: \"\\e7bc\\00a0\"; /* icon glyph + single non-breaking space */\n      }\n\n      :host([leaf]) [part=\"toggle\"] {\n        visibility: hidden;\n      }\n    </style>\n\n    <span id=\"level-spacer\"></span>\n    <span part=\"toggle\"></span>\n    <slot></slot>\n"], ["\n    <style>\n      :host {\n        display: inline-flex;\n        align-items: baseline;\n\n        /* CSS API for :host */\n        --vaadin-grid-tree-toggle-level-offset: 1em;\n\n        /*\n          ShadyCSS seems to polyfill :dir(rtl) only for :host, thus using\n          a host custom CSS property for ltr/rtl toggle icon choice.\n         */\n        ---collapsed-icon: \"\\\\e7be\\\\00a0\";\n      }\n\n      :host(:dir(rtl)) {\n        ---collapsed-icon: \"\\\\e7bd\\\\00a0\";\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host(:not([leaf])) {\n        cursor: pointer;\n      }\n\n      #level-spacer,\n      [part=\"toggle\"] {\n        flex: none;\n      }\n\n      #level-spacer {\n        display: inline-block;\n        width: calc(var(---level, '0') * var(--vaadin-grid-tree-toggle-level-offset));\n      }\n\n      [part=\"toggle\"]::before {\n        font-family: \"vaadin-grid-tree-icons\";\n        line-height: 1em; /* make icon font metrics not affect baseline */\n      }\n\n      :host(:not([expanded])) [part=\"toggle\"]::before {\n        content: var(---collapsed-icon);\n      }\n\n      :host([expanded]) [part=\"toggle\"]::before {\n        content: \"\\\\e7bc\\\\00a0\"; /* icon glyph + single non-breaking space */\n      }\n\n      :host([leaf]) [part=\"toggle\"] {\n        visibility: hidden;\n      }\n    </style>\n\n    <span id=\"level-spacer\"></span>\n    <span part=\"toggle\"></span>\n    <slot></slot>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid.js
index ba695438b0d..6a367fbae33 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../vaadin-
   });
   _exports.GridElement = void 0;
 
-  var _templateObject_0aed1d901f0611ed8cc3e9a95995ad69;
+  var _templateObject_e16c68b01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -971,7 +971,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../vaadin-
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0aed1d901f0611ed8cc3e9a95995ad69 || (_templateObject_0aed1d901f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"vaadin-grid-styles\"></style>\n\n    <div id=\"scroller\" safari$=\"[[_safari]]\" ios$=\"[[_ios]]\" ie$=\"[[_ie]]\" loading$=\"[[loading]]\" column-reordering-allowed$=\"[[columnReorderingAllowed]]\">\n\n      <table id=\"table\" role=\"grid\" aria-multiselectable=\"true\" tabindex=\"0\">\n        <caption id=\"sizer\" part=\"row\"></caption>\n        <thead id=\"header\" role=\"rowgroup\"></thead>\n        <tbody id=\"items\" role=\"rowgroup\"></tbody>\n        <tfoot id=\"footer\" role=\"rowgroup\"></tfoot>\n      </table>\n\n      <div part=\"reorder-ghost\"></div>\n    </div>\n\n    <!-- The template needs at least one slot or else shady doesn't distribute -->\n    <slot name=\"nodistribute\"></slot>\n\n    <div id=\"focusexit\" tabindex=\"0\"></div>\n"], ["\n    <style include=\"vaadin-grid-styles\"></style>\n\n    <div id=\"scroller\" safari\\$=\"[[_safari]]\" ios\\$=\"[[_ios]]\" ie\\$=\"[[_ie]]\" loading\\$=\"[[loading]]\" column-reordering-allowed\\$=\"[[columnReorderingAllowed]]\">\n\n      <table id=\"table\" role=\"grid\" aria-multiselectable=\"true\" tabindex=\"0\">\n        <caption id=\"sizer\" part=\"row\"></caption>\n        <thead id=\"header\" role=\"rowgroup\"></thead>\n        <tbody id=\"items\" role=\"rowgroup\"></tbody>\n        <tfoot id=\"footer\" role=\"rowgroup\"></tfoot>\n      </table>\n\n      <div part=\"reorder-ghost\"></div>\n    </div>\n\n    <!-- The template needs at least one slot or else shady doesn't distribute -->\n    <slot name=\"nodistribute\"></slot>\n\n    <div id=\"focusexit\" tabindex=\"0\"></div>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e16c68b01f2611eda0c389891c227ec8 || (_templateObject_e16c68b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"vaadin-grid-styles\"></style>\n\n    <div id=\"scroller\" safari$=\"[[_safari]]\" ios$=\"[[_ios]]\" ie$=\"[[_ie]]\" loading$=\"[[loading]]\" column-reordering-allowed$=\"[[columnReorderingAllowed]]\">\n\n      <table id=\"table\" role=\"grid\" aria-multiselectable=\"true\" tabindex=\"0\">\n        <caption id=\"sizer\" part=\"row\"></caption>\n        <thead id=\"header\" role=\"rowgroup\"></thead>\n        <tbody id=\"items\" role=\"rowgroup\"></tbody>\n        <tfoot id=\"footer\" role=\"rowgroup\"></tfoot>\n      </table>\n\n      <div part=\"reorder-ghost\"></div>\n    </div>\n\n    <!-- The template needs at least one slot or else shady doesn't distribute -->\n    <slot name=\"nodistribute\"></slot>\n\n    <div id=\"focusexit\" tabindex=\"0\"></div>\n"], ["\n    <style include=\"vaadin-grid-styles\"></style>\n\n    <div id=\"scroller\" safari\\$=\"[[_safari]]\" ios\\$=\"[[_ios]]\" ie\\$=\"[[_ie]]\" loading\\$=\"[[loading]]\" column-reordering-allowed\\$=\"[[columnReorderingAllowed]]\">\n\n      <table id=\"table\" role=\"grid\" aria-multiselectable=\"true\" tabindex=\"0\">\n        <caption id=\"sizer\" part=\"row\"></caption>\n        <thead id=\"header\" role=\"rowgroup\"></thead>\n        <tbody id=\"items\" role=\"rowgroup\"></tbody>\n        <tfoot id=\"footer\" role=\"rowgroup\"></tfoot>\n      </table>\n\n      <div part=\"reorder-ghost\"></div>\n    </div>\n\n    <!-- The template needs at least one slot or else shady doesn't distribute -->\n    <slot name=\"nodistribute\"></slot>\n\n    <div id=\"focusexit\" tabindex=\"0\"></div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-sorter-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-sorter-styles.js
index 39630064035..a70f7ac6144 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-sorter-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-sorter-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b4576c01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1c29f001f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b4576c01f0611ed8cc3e9a95995ad69 || (_templateObject_0b4576c01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-grid-sorter\" theme-for=\"vaadin-grid-sorter\">\n  <template>\n    <style>\n      :host {\n        justify-content: flex-start;\n        align-items: baseline;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        user-select: none;\n      }\n\n      [part=\"content\"] {\n        display: inline-block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      [part=\"indicators\"] {\n        margin-left: var(--lumo-space-s);\n      }\n\n      :host(:not([direction])) [part=\"indicators\"]::before {\n        opacity: 0.2;\n      }\n\n      :host([direction]) {\n        color: var(--lumo-primary-text-color);\n      }\n\n      [part=\"order\"] {\n        font-size: var(--lumo-font-size-xxs);\n        line-height: 1;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"indicators\"] {\n        margin-right: var(--lumo-space-s);\n        margin-left: 0;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1c29f001f2611eda0c389891c227ec8 || (_templateObject_e1c29f001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-grid-sorter\" theme-for=\"vaadin-grid-sorter\">\n  <template>\n    <style>\n      :host {\n        justify-content: flex-start;\n        align-items: baseline;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        user-select: none;\n      }\n\n      [part=\"content\"] {\n        display: inline-block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      [part=\"indicators\"] {\n        margin-left: var(--lumo-space-s);\n      }\n\n      :host(:not([direction])) [part=\"indicators\"]::before {\n        opacity: 0.2;\n      }\n\n      :host([direction]) {\n        color: var(--lumo-primary-text-color);\n      }\n\n      [part=\"order\"] {\n        font-size: var(--lumo-font-size-xxs);\n        line-height: 1;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"indicators\"] {\n        margin-right: var(--lumo-space-s);\n        margin-left: 0;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-styles.js
index 39d6ad86bbb..286a03d8024 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/font-icons.js", "../../../vaadin-lumo-styles/sizing.js", "../../../vaadin-lumo-styles/spacing.js", "../../../vaadin-lumo-styles/style.js", "../../../vaadin-lumo-styles/typography.js", "../../../vaadin-checkbox/theme/lumo/vaadin-checkbox.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _fontIcons, _sizing, _spacing, _style, _typography, _vaadinCheckbox, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b463a101f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1c3d7801f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b463a101f0611ed8cc3e9a95995ad69 || (_templateObject_0b463a101f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-grid\" theme-for=\"vaadin-grid\">\n  <template>\n    <style>\n      :host {\n        font-family: var(--lumo-font-family);\n        font-size: var(--lumo-font-size-m);\n        line-height: var(--lumo-line-height-s);\n        color: var(--lumo-body-text-color);\n        background-color: var(--lumo-base-color);\n        box-sizing: border-box;\n        -webkit-text-size-adjust: 100%;\n        -webkit-tap-highlight-color: transparent;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n\n        /* For internal use only */\n        --_lumo-grid-border-color: var(--lumo-contrast-20pct);\n        --_lumo-grid-secondary-border-color: var(--lumo-contrast-10pct);\n        --_lumo-grid-border-width: 1px;\n        --_lumo-grid-selected-row-color: var(--lumo-primary-color-10pct);\n      }\n\n      :host([disabled]) {\n        opacity: 0.7;\n      }\n\n      /* No (outer) border */\n\n      :host(:not([theme~=\"no-border\"])) {\n        border: var(--_lumo-grid-border-width) solid var(--_lumo-grid-border-color);\n      }\n\n      /* Cell styles */\n\n      [part~=\"cell\"] {\n        min-height: var(--lumo-size-m);\n        background-color: var(--lumo-base-color);\n      }\n\n      [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n        cursor: default;\n        padding: var(--lumo-space-xs) var(--lumo-space-m);\n      }\n\n      /* Apply row borders by default and introduce the \"no-row-borders\" variant */\n      :host(:not([theme~=\"no-row-borders\"])) [part~=\"cell\"]:not([part~=\"details-cell\"]) {\n        border-top: var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color);\n      }\n\n      /* Hide first body row top border */\n      :host(:not([theme~=\"no-row-borders\"])) [part=\"row\"][first] [part~=\"cell\"]:not([part~=\"details-cell\"]) {\n        border-top: 0;\n        min-height: calc(var(--lumo-size-m) - var(--_lumo-grid-border-width));\n      }\n\n      /* Focus-ring */\n\n      [part~=\"cell\"]:focus {\n        outline: none;\n      }\n\n      :host([navigating]) [part~=\"cell\"]:focus::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        pointer-events: none;\n        box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);\n      }\n\n      /* Drag and Drop styles */\n      :host([dragover])::after {\n        content: \"\";\n        position: absolute;\n        z-index: 100;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        pointer-events: none;\n        box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);\n      }\n\n      [part~=\"row\"][dragover] {\n        z-index: 100 !important;\n      }\n\n      [part~=\"row\"][dragover] [part~=\"cell\"] {\n        overflow: visible;\n      }\n\n      [part~=\"row\"][dragover] [part~=\"cell\"]::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: calc(var(--_lumo-grid-border-width) + 2px);\n        pointer-events: none;\n        background: var(--lumo-primary-color-50pct);\n      }\n\n      :host([theme~=\"no-row-borders\"]) [dragover] [part~=\"cell\"]::after {\n        height: 2px;\n      }\n\n      [part~=\"row\"][dragover=\"below\"] [part~=\"cell\"]::after {\n        top: 100%;\n        bottom: auto;\n        margin-top: -1px;\n      }\n\n      :host([all-rows-visible]) [part~=\"row\"][last][dragover=\"below\"] [part~=\"cell\"]::after {\n        height: 1px;\n      }\n\n      [part~=\"row\"][dragover=\"above\"] [part~=\"cell\"]::after {\n        top: auto;\n        bottom: 100%;\n        margin-bottom: -1px;\n      }\n\n      [part~=\"row\"][details-opened][dragover=\"below\"] [part~=\"cell\"]:not([part~=\"details-cell\"])::after,\n      [part~=\"row\"][details-opened][dragover=\"above\"] [part~=\"details-cell\"]::after {\n        display: none;\n      }\n\n      [part~=\"row\"][dragover][dragover=\"on-top\"] [part~=\"cell\"]::after {\n        height: 100%;\n      }\n\n      [part~=\"row\"][dragstart] {\n        /* Add bottom-space to the row so the drag number doesn't get clipped. Needed for IE/Edge */\n        border-bottom: 100px solid transparent;\n        z-index: 100 !important;\n        opacity: 0.9;\n      }\n\n      [part~=\"row\"][dragstart] [part~=\"cell\"] {\n        border: none !important;\n        box-shadow: none !important;\n      }\n\n      [part~=\"row\"][dragstart] [part~=\"cell\"][last-column] {\n        border-radius: 0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0;\n      }\n\n      [part~=\"row\"][dragstart] [part~=\"cell\"][first-column] {\n        border-radius: var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s);\n      }\n\n      [ios] [part~=\"row\"][dragstart] [part~=\"cell\"] {\n        background: var(--lumo-primary-color-50pct);\n      }\n\n      #scroller:not([ios]) [part~=\"row\"][dragstart]:not([dragstart=\"\"])::after {\n        display: block;\n        position: absolute;\n        left: var(--_grid-drag-start-x);\n        top: var(--_grid-drag-start-y);\n        z-index: 100;\n        content: attr(dragstart);\n        align-items: center;\n        justify-content: center;\n        box-sizing: border-box;\n        padding: calc(var(--lumo-space-xs) * 0.8);\n        color: var(--lumo-error-contrast-color);\n        background-color: var(--lumo-error-color);\n        border-radius: var(--lumo-border-radius-m);\n        font-family: var(--lumo-font-family);\n        font-size: var(--lumo-font-size-xxs);\n        line-height: 1;\n        font-weight: 500;\n        text-transform: initial;\n        letter-spacing: initial;\n        min-width: calc(var(--lumo-size-s) * 0.7);\n        text-align: center;\n      }\n\n      /* Headers and footers */\n\n      [part~=\"header-cell\"] ::slotted(vaadin-grid-cell-content),\n      [part~=\"footer-cell\"] ::slotted(vaadin-grid-cell-content),\n      [part~=\"reorder-ghost\"] {\n        font-size: var(--lumo-font-size-s);\n        font-weight: 500;\n      }\n\n      [part~=\"footer-cell\"] ::slotted(vaadin-grid-cell-content) {\n        font-weight: 400;\n      }\n\n      [part=\"row\"]:only-child [part~=\"header-cell\"] {\n        min-height: var(--lumo-size-xl);\n      }\n\n      /* Header borders */\n\n      /* Hide first header row top border */\n      :host(:not([theme~=\"no-row-borders\"])) [part=\"row\"]:first-child [part~=\"header-cell\"] {\n        border-top: 0;\n      }\n\n      [part=\"row\"]:last-child [part~=\"header-cell\"] {\n        border-bottom: var(--_lumo-grid-border-width) solid transparent;\n      }\n\n      :host(:not([theme~=\"no-row-borders\"])) [part=\"row\"]:last-child [part~=\"header-cell\"] {\n        border-bottom-color: var(--_lumo-grid-secondary-border-color);\n      }\n\n      /* Overflow uses a stronger border color */\n      :host([overflow~=\"top\"]) [part=\"row\"]:last-child [part~=\"header-cell\"] {\n        border-bottom-color: var(--_lumo-grid-border-color);\n      }\n\n      /* Footer borders */\n\n      [part=\"row\"]:first-child [part~=\"footer-cell\"] {\n        border-top: var(--_lumo-grid-border-width) solid transparent;\n      }\n\n      :host(:not([theme~=\"no-row-borders\"])) [part=\"row\"]:first-child [part~=\"footer-cell\"] {\n        border-top-color: var(--_lumo-grid-secondary-border-color);\n      }\n\n      /* Overflow uses a stronger border color */\n      :host([overflow~=\"bottom\"]) [part=\"row\"]:first-child [part~=\"footer-cell\"] {\n        border-top-color: var(--_lumo-grid-border-color);\n      }\n\n      /* Column reordering */\n\n      :host([reordering]) [part~=\"cell\"] {\n        background: linear-gradient(var(--lumo-shade-20pct), var(--lumo-shade-20pct)) var(--lumo-base-color);\n      }\n\n      :host([reordering]) [part~=\"cell\"][reorder-status=\"allowed\"] {\n        background: var(--lumo-base-color);\n      }\n\n      :host([reordering]) [part~=\"cell\"][reorder-status=\"dragging\"] {\n        background: linear-gradient(var(--lumo-contrast-5pct), var(--lumo-contrast-5pct)) var(--lumo-base-color);\n      }\n\n      [part~=\"reorder-ghost\"] {\n        opacity: 0.85;\n        box-shadow: var(--lumo-box-shadow-s);\n        /* TODO Use the same styles as for the cell element (reorder-ghost copies styles from the cell element) */\n        padding: var(--lumo-space-s) var(--lumo-space-m) !important;\n      }\n\n      /* Column resizing */\n\n      [part=\"resize-handle\"] {\n        width: 3px;\n        background-color: var(--lumo-primary-color-50pct);\n        opacity: 0;\n        transition: opacity 0.2s;\n      }\n\n      :host(:not([reordering])) *:not([column-resizing]) [part~=\"cell\"]:hover [part=\"resize-handle\"],\n      [part=\"resize-handle\"]:active {\n        opacity: 1;\n        transition-delay: 0.15s;\n      }\n\n      /* Column borders */\n\n      :host([theme~=\"column-borders\"]) [part~=\"cell\"]:not([last-column]):not([part~=\"details-cell\"]) {\n        border-right: var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color);\n      }\n\n      /* Frozen columns */\n\n      [last-frozen] {\n        border-right: var(--_lumo-grid-border-width) solid transparent;\n        overflow: hidden;\n      }\n\n      :host([overflow~=\"left\"]) [part~=\"cell\"][last-frozen]:not([part~=\"details-cell\"]) {\n        border-right-color: var(--_lumo-grid-border-color);\n      }\n\n      /* Row stripes */\n\n      :host([theme~=\"row-stripes\"]) [part~=\"row\"]:not([odd]) [part~=\"body-cell\"],\n      :host([theme~=\"row-stripes\"]) [part~=\"row\"]:not([odd]) [part~=\"details-cell\"] {\n        background-image: linear-gradient(var(--lumo-contrast-5pct), var(--lumo-contrast-5pct));\n        background-repeat: repeat-x;\n      }\n\n      /* Selected row */\n\n      /* Raise the selected rows above unselected rows (so that box-shadow can cover unselected rows) */\n      :host(:not([reordering])) [part~=\"row\"][selected] {\n        z-index: 1;\n      }\n\n      :host(:not([reordering])) [part~=\"row\"][selected] [part~=\"body-cell\"]:not([part~=\"details-cell\"]) {\n        background-image: linear-gradient(var(--_lumo-grid-selected-row-color), var(--_lumo-grid-selected-row-color));\n        background-repeat: repeat;\n      }\n\n      /* Cover the border of an unselected row */\n      :host(:not([theme~=\"no-row-borders\"])) [part~=\"row\"][selected] [part~=\"cell\"]:not([part~=\"details-cell\"]) {\n        box-shadow: 0 var(--_lumo-grid-border-width) 0 0 var(--_lumo-grid-selected-row-color);\n      }\n\n      /* Compact */\n\n      :host([theme~=\"compact\"]) [part=\"row\"]:only-child [part~=\"header-cell\"] {\n        min-height: var(--lumo-size-m);\n      }\n\n      :host([theme~=\"compact\"]) [part~=\"cell\"] {\n        min-height: var(--lumo-size-s);\n      }\n\n      :host([theme~=\"compact\"]) [part=\"row\"][first] [part~=\"cell\"]:not([part~=\"details-cell\"]) {\n        min-height: calc(var(--lumo-size-s) - var(--_lumo-grid-border-width));\n      }\n\n      :host([theme~=\"compact\"]) [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n        padding: var(--lumo-space-xs) var(--lumo-space-s);\n      }\n\n      /* Wrap cell contents */\n\n      :host([theme~=\"wrap-cell-content\"]) [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n        white-space: normal;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part~=\"row\"][dragstart] [part~=\"cell\"][last-column] {\n        border-radius: var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s);\n      }\n\n      :host([dir=\"rtl\"]) [part~=\"row\"][dragstart] [part~=\"cell\"][first-column] {\n        border-radius: 0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0;\n      }\n\n      :host([dir=\"rtl\"][theme~=\"column-borders\"]) [part~=\"cell\"]:not([last-column]):not([part~=\"details-cell\"]) {\n        border-right: none;\n        border-left: var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color);\n      }\n\n      :host([dir=\"rtl\"]) [last-frozen] {\n        border-right: none;\n        border-left: var(--_lumo-grid-border-width) solid transparent;\n      }\n\n      :host([dir=\"rtl\"][overflow~=\"right\"]) [part~=\"cell\"][last-frozen]:not([part~=\"details-cell\"]) {\n        border-left-color: var(--_lumo-grid-border-color);\n      }\n    </style>\n  </template>\n</dom-module><dom-module theme-for=\"vaadin-checkbox\" id=\"vaadin-grid-select-all-checkbox-lumo\">\n  <template>\n    <style>\n      :host(.vaadin-grid-select-all-checkbox) {\n        font-size: var(--lumo-font-size-m);\n      }\n   </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1c3d7801f2611eda0c389891c227ec8 || (_templateObject_e1c3d7801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-grid\" theme-for=\"vaadin-grid\">\n  <template>\n    <style>\n      :host {\n        font-family: var(--lumo-font-family);\n        font-size: var(--lumo-font-size-m);\n        line-height: var(--lumo-line-height-s);\n        color: var(--lumo-body-text-color);\n        background-color: var(--lumo-base-color);\n        box-sizing: border-box;\n        -webkit-text-size-adjust: 100%;\n        -webkit-tap-highlight-color: transparent;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n\n        /* For internal use only */\n        --_lumo-grid-border-color: var(--lumo-contrast-20pct);\n        --_lumo-grid-secondary-border-color: var(--lumo-contrast-10pct);\n        --_lumo-grid-border-width: 1px;\n        --_lumo-grid-selected-row-color: var(--lumo-primary-color-10pct);\n      }\n\n      :host([disabled]) {\n        opacity: 0.7;\n      }\n\n      /* No (outer) border */\n\n      :host(:not([theme~=\"no-border\"])) {\n        border: var(--_lumo-grid-border-width) solid var(--_lumo-grid-border-color);\n      }\n\n      /* Cell styles */\n\n      [part~=\"cell\"] {\n        min-height: var(--lumo-size-m);\n        background-color: var(--lumo-base-color);\n      }\n\n      [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n        cursor: default;\n        padding: var(--lumo-space-xs) var(--lumo-space-m);\n      }\n\n      /* Apply row borders by default and introduce the \"no-row-borders\" variant */\n      :host(:not([theme~=\"no-row-borders\"])) [part~=\"cell\"]:not([part~=\"details-cell\"]) {\n        border-top: var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color);\n      }\n\n      /* Hide first body row top border */\n      :host(:not([theme~=\"no-row-borders\"])) [part=\"row\"][first] [part~=\"cell\"]:not([part~=\"details-cell\"]) {\n        border-top: 0;\n        min-height: calc(var(--lumo-size-m) - var(--_lumo-grid-border-width));\n      }\n\n      /* Focus-ring */\n\n      [part~=\"cell\"]:focus {\n        outline: none;\n      }\n\n      :host([navigating]) [part~=\"cell\"]:focus::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        pointer-events: none;\n        box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);\n      }\n\n      /* Drag and Drop styles */\n      :host([dragover])::after {\n        content: \"\";\n        position: absolute;\n        z-index: 100;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        pointer-events: none;\n        box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);\n      }\n\n      [part~=\"row\"][dragover] {\n        z-index: 100 !important;\n      }\n\n      [part~=\"row\"][dragover] [part~=\"cell\"] {\n        overflow: visible;\n      }\n\n      [part~=\"row\"][dragover] [part~=\"cell\"]::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: calc(var(--_lumo-grid-border-width) + 2px);\n        pointer-events: none;\n        background: var(--lumo-primary-color-50pct);\n      }\n\n      :host([theme~=\"no-row-borders\"]) [dragover] [part~=\"cell\"]::after {\n        height: 2px;\n      }\n\n      [part~=\"row\"][dragover=\"below\"] [part~=\"cell\"]::after {\n        top: 100%;\n        bottom: auto;\n        margin-top: -1px;\n      }\n\n      :host([all-rows-visible]) [part~=\"row\"][last][dragover=\"below\"] [part~=\"cell\"]::after {\n        height: 1px;\n      }\n\n      [part~=\"row\"][dragover=\"above\"] [part~=\"cell\"]::after {\n        top: auto;\n        bottom: 100%;\n        margin-bottom: -1px;\n      }\n\n      [part~=\"row\"][details-opened][dragover=\"below\"] [part~=\"cell\"]:not([part~=\"details-cell\"])::after,\n      [part~=\"row\"][details-opened][dragover=\"above\"] [part~=\"details-cell\"]::after {\n        display: none;\n      }\n\n      [part~=\"row\"][dragover][dragover=\"on-top\"] [part~=\"cell\"]::after {\n        height: 100%;\n      }\n\n      [part~=\"row\"][dragstart] {\n        /* Add bottom-space to the row so the drag number doesn't get clipped. Needed for IE/Edge */\n        border-bottom: 100px solid transparent;\n        z-index: 100 !important;\n        opacity: 0.9;\n      }\n\n      [part~=\"row\"][dragstart] [part~=\"cell\"] {\n        border: none !important;\n        box-shadow: none !important;\n      }\n\n      [part~=\"row\"][dragstart] [part~=\"cell\"][last-column] {\n        border-radius: 0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0;\n      }\n\n      [part~=\"row\"][dragstart] [part~=\"cell\"][first-column] {\n        border-radius: var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s);\n      }\n\n      [ios] [part~=\"row\"][dragstart] [part~=\"cell\"] {\n        background: var(--lumo-primary-color-50pct);\n      }\n\n      #scroller:not([ios]) [part~=\"row\"][dragstart]:not([dragstart=\"\"])::after {\n        display: block;\n        position: absolute;\n        left: var(--_grid-drag-start-x);\n        top: var(--_grid-drag-start-y);\n        z-index: 100;\n        content: attr(dragstart);\n        align-items: center;\n        justify-content: center;\n        box-sizing: border-box;\n        padding: calc(var(--lumo-space-xs) * 0.8);\n        color: var(--lumo-error-contrast-color);\n        background-color: var(--lumo-error-color);\n        border-radius: var(--lumo-border-radius-m);\n        font-family: var(--lumo-font-family);\n        font-size: var(--lumo-font-size-xxs);\n        line-height: 1;\n        font-weight: 500;\n        text-transform: initial;\n        letter-spacing: initial;\n        min-width: calc(var(--lumo-size-s) * 0.7);\n        text-align: center;\n      }\n\n      /* Headers and footers */\n\n      [part~=\"header-cell\"] ::slotted(vaadin-grid-cell-content),\n      [part~=\"footer-cell\"] ::slotted(vaadin-grid-cell-content),\n      [part~=\"reorder-ghost\"] {\n        font-size: var(--lumo-font-size-s);\n        font-weight: 500;\n      }\n\n      [part~=\"footer-cell\"] ::slotted(vaadin-grid-cell-content) {\n        font-weight: 400;\n      }\n\n      [part=\"row\"]:only-child [part~=\"header-cell\"] {\n        min-height: var(--lumo-size-xl);\n      }\n\n      /* Header borders */\n\n      /* Hide first header row top border */\n      :host(:not([theme~=\"no-row-borders\"])) [part=\"row\"]:first-child [part~=\"header-cell\"] {\n        border-top: 0;\n      }\n\n      [part=\"row\"]:last-child [part~=\"header-cell\"] {\n        border-bottom: var(--_lumo-grid-border-width) solid transparent;\n      }\n\n      :host(:not([theme~=\"no-row-borders\"])) [part=\"row\"]:last-child [part~=\"header-cell\"] {\n        border-bottom-color: var(--_lumo-grid-secondary-border-color);\n      }\n\n      /* Overflow uses a stronger border color */\n      :host([overflow~=\"top\"]) [part=\"row\"]:last-child [part~=\"header-cell\"] {\n        border-bottom-color: var(--_lumo-grid-border-color);\n      }\n\n      /* Footer borders */\n\n      [part=\"row\"]:first-child [part~=\"footer-cell\"] {\n        border-top: var(--_lumo-grid-border-width) solid transparent;\n      }\n\n      :host(:not([theme~=\"no-row-borders\"])) [part=\"row\"]:first-child [part~=\"footer-cell\"] {\n        border-top-color: var(--_lumo-grid-secondary-border-color);\n      }\n\n      /* Overflow uses a stronger border color */\n      :host([overflow~=\"bottom\"]) [part=\"row\"]:first-child [part~=\"footer-cell\"] {\n        border-top-color: var(--_lumo-grid-border-color);\n      }\n\n      /* Column reordering */\n\n      :host([reordering]) [part~=\"cell\"] {\n        background: linear-gradient(var(--lumo-shade-20pct), var(--lumo-shade-20pct)) var(--lumo-base-color);\n      }\n\n      :host([reordering]) [part~=\"cell\"][reorder-status=\"allowed\"] {\n        background: var(--lumo-base-color);\n      }\n\n      :host([reordering]) [part~=\"cell\"][reorder-status=\"dragging\"] {\n        background: linear-gradient(var(--lumo-contrast-5pct), var(--lumo-contrast-5pct)) var(--lumo-base-color);\n      }\n\n      [part~=\"reorder-ghost\"] {\n        opacity: 0.85;\n        box-shadow: var(--lumo-box-shadow-s);\n        /* TODO Use the same styles as for the cell element (reorder-ghost copies styles from the cell element) */\n        padding: var(--lumo-space-s) var(--lumo-space-m) !important;\n      }\n\n      /* Column resizing */\n\n      [part=\"resize-handle\"] {\n        width: 3px;\n        background-color: var(--lumo-primary-color-50pct);\n        opacity: 0;\n        transition: opacity 0.2s;\n      }\n\n      :host(:not([reordering])) *:not([column-resizing]) [part~=\"cell\"]:hover [part=\"resize-handle\"],\n      [part=\"resize-handle\"]:active {\n        opacity: 1;\n        transition-delay: 0.15s;\n      }\n\n      /* Column borders */\n\n      :host([theme~=\"column-borders\"]) [part~=\"cell\"]:not([last-column]):not([part~=\"details-cell\"]) {\n        border-right: var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color);\n      }\n\n      /* Frozen columns */\n\n      [last-frozen] {\n        border-right: var(--_lumo-grid-border-width) solid transparent;\n        overflow: hidden;\n      }\n\n      :host([overflow~=\"left\"]) [part~=\"cell\"][last-frozen]:not([part~=\"details-cell\"]) {\n        border-right-color: var(--_lumo-grid-border-color);\n      }\n\n      /* Row stripes */\n\n      :host([theme~=\"row-stripes\"]) [part~=\"row\"]:not([odd]) [part~=\"body-cell\"],\n      :host([theme~=\"row-stripes\"]) [part~=\"row\"]:not([odd]) [part~=\"details-cell\"] {\n        background-image: linear-gradient(var(--lumo-contrast-5pct), var(--lumo-contrast-5pct));\n        background-repeat: repeat-x;\n      }\n\n      /* Selected row */\n\n      /* Raise the selected rows above unselected rows (so that box-shadow can cover unselected rows) */\n      :host(:not([reordering])) [part~=\"row\"][selected] {\n        z-index: 1;\n      }\n\n      :host(:not([reordering])) [part~=\"row\"][selected] [part~=\"body-cell\"]:not([part~=\"details-cell\"]) {\n        background-image: linear-gradient(var(--_lumo-grid-selected-row-color), var(--_lumo-grid-selected-row-color));\n        background-repeat: repeat;\n      }\n\n      /* Cover the border of an unselected row */\n      :host(:not([theme~=\"no-row-borders\"])) [part~=\"row\"][selected] [part~=\"cell\"]:not([part~=\"details-cell\"]) {\n        box-shadow: 0 var(--_lumo-grid-border-width) 0 0 var(--_lumo-grid-selected-row-color);\n      }\n\n      /* Compact */\n\n      :host([theme~=\"compact\"]) [part=\"row\"]:only-child [part~=\"header-cell\"] {\n        min-height: var(--lumo-size-m);\n      }\n\n      :host([theme~=\"compact\"]) [part~=\"cell\"] {\n        min-height: var(--lumo-size-s);\n      }\n\n      :host([theme~=\"compact\"]) [part=\"row\"][first] [part~=\"cell\"]:not([part~=\"details-cell\"]) {\n        min-height: calc(var(--lumo-size-s) - var(--_lumo-grid-border-width));\n      }\n\n      :host([theme~=\"compact\"]) [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n        padding: var(--lumo-space-xs) var(--lumo-space-s);\n      }\n\n      /* Wrap cell contents */\n\n      :host([theme~=\"wrap-cell-content\"]) [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n        white-space: normal;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part~=\"row\"][dragstart] [part~=\"cell\"][last-column] {\n        border-radius: var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s);\n      }\n\n      :host([dir=\"rtl\"]) [part~=\"row\"][dragstart] [part~=\"cell\"][first-column] {\n        border-radius: 0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0;\n      }\n\n      :host([dir=\"rtl\"][theme~=\"column-borders\"]) [part~=\"cell\"]:not([last-column]):not([part~=\"details-cell\"]) {\n        border-right: none;\n        border-left: var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color);\n      }\n\n      :host([dir=\"rtl\"]) [last-frozen] {\n        border-right: none;\n        border-left: var(--_lumo-grid-border-width) solid transparent;\n      }\n\n      :host([dir=\"rtl\"][overflow~=\"right\"]) [part~=\"cell\"][last-frozen]:not([part~=\"details-cell\"]) {\n        border-left-color: var(--_lumo-grid-border-color);\n      }\n    </style>\n  </template>\n</dom-module><dom-module theme-for=\"vaadin-checkbox\" id=\"vaadin-grid-select-all-checkbox-lumo\">\n  <template>\n    <style>\n      :host(.vaadin-grid-select-all-checkbox) {\n        font-size: var(--lumo-font-size-m);\n      }\n   </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-tree-toggle-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-tree-toggle-styles.js
index bc9434d791f..cbbfeec4429 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-tree-toggle-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid-tree-toggle-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/spacing.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _spacing, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b46af401f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1c473c01f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b46af401f0611ed8cc3e9a95995ad69 || (_templateObject_0b46af401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-grid-tree-toggle\" theme-for=\"vaadin-grid-tree-toggle\">\n  <template>\n    <style>\n      :host {\n        --vaadin-grid-tree-toggle-level-offset: 2em;\n        align-items: center;\n        vertical-align: middle;\n        margin-left: calc(var(--lumo-space-s) * -1);\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      :host(:not([leaf])) {\n        cursor: default;\n      }\n\n      [part=\"toggle\"] {\n        display: inline-block;\n        font-size: 1.5em;\n        line-height: 1;\n        width: 1em;\n        height: 1em;\n        text-align: center;\n        color: var(--lumo-contrast-50pct);\n        /* Increase touch target area */\n        padding: calc(1em / 3);\n        margin: calc(1em / -3);\n      }\n\n      :host(:not([dir=\"rtl\"])) [part=\"toggle\"] {\n        margin-right: 0;\n      }\n\n      @media (hover: hover) {\n        :host(:hover) [part=\"toggle\"] {\n          color: var(--lumo-contrast-80pct);\n        }\n      }\n\n      [part=\"toggle\"]::before {\n        font-family: \"lumo-icons\";\n        display: inline-block;\n        height: 100%;\n      }\n\n      :host(:not([expanded])) [part=\"toggle\"]::before {\n        content: var(--lumo-icons-angle-right);\n      }\n\n      :host([expanded]) [part=\"toggle\"]::before {\n        content: var(--lumo-icons-angle-right);\n        transform: rotate(90deg);\n      }\n\n      /* Experimental support for hierarchy connectors, using an unsupported selector */\n      :host([theme~=\"connectors\"]) #level-spacer {\n        position: relative;\n        z-index: -1;\n        font-size: 1em;\n        height: 1.5em;\n      }\n\n      :host([theme~=\"connectors\"]) #level-spacer::before {\n        display: block;\n        content: \"\";\n        margin-top: calc(var(--lumo-space-m) * -1);\n        height: calc(var(--lumo-space-m) + 3em);\n        background-image: linear-gradient(to right, transparent calc(var(--vaadin-grid-tree-toggle-level-offset) - 1px), var(--lumo-contrast-10pct) calc(var(--vaadin-grid-tree-toggle-level-offset) - 1px));\n        background-size: var(--vaadin-grid-tree-toggle-level-offset) var(--vaadin-grid-tree-toggle-level-offset);\n        background-position: calc(var(--vaadin-grid-tree-toggle-level-offset) / 2 - 2px) 0;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) {\n        margin-left: 0;\n        margin-right: calc(var(--lumo-space-s) * -1);\n      }\n\n      :host([dir=\"rtl\"]) [part=\"toggle\"] {\n        margin-left: 0;\n      }\n\n      :host([dir=\"rtl\"][expanded]) [part=\"toggle\"]::before {\n        transform: rotate(-90deg);\n      }\n\n      :host([dir=\"rtl\"][theme~=\"connectors\"]) #level-spacer::before {\n        background-image: linear-gradient(to left, transparent calc(var(--vaadin-grid-tree-toggle-level-offset) - 1px), var(--lumo-contrast-10pct) calc(var(--vaadin-grid-tree-toggle-level-offset) - 1px));\n        background-position: calc(100% - (var(--vaadin-grid-tree-toggle-level-offset) / 2 - 2px)) 0;\n      }\n\n      :host([dir=\"rtl\"]:not([expanded])) [part=\"toggle\"]::before,\n      :host([dir=\"rtl\"][expanded]) [part=\"toggle\"]::before {\n        content: var(--lumo-icons-angle-left);\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1c473c01f2611eda0c389891c227ec8 || (_templateObject_e1c473c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-grid-tree-toggle\" theme-for=\"vaadin-grid-tree-toggle\">\n  <template>\n    <style>\n      :host {\n        --vaadin-grid-tree-toggle-level-offset: 2em;\n        align-items: center;\n        vertical-align: middle;\n        margin-left: calc(var(--lumo-space-s) * -1);\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      :host(:not([leaf])) {\n        cursor: default;\n      }\n\n      [part=\"toggle\"] {\n        display: inline-block;\n        font-size: 1.5em;\n        line-height: 1;\n        width: 1em;\n        height: 1em;\n        text-align: center;\n        color: var(--lumo-contrast-50pct);\n        /* Increase touch target area */\n        padding: calc(1em / 3);\n        margin: calc(1em / -3);\n      }\n\n      :host(:not([dir=\"rtl\"])) [part=\"toggle\"] {\n        margin-right: 0;\n      }\n\n      @media (hover: hover) {\n        :host(:hover) [part=\"toggle\"] {\n          color: var(--lumo-contrast-80pct);\n        }\n      }\n\n      [part=\"toggle\"]::before {\n        font-family: \"lumo-icons\";\n        display: inline-block;\n        height: 100%;\n      }\n\n      :host(:not([expanded])) [part=\"toggle\"]::before {\n        content: var(--lumo-icons-angle-right);\n      }\n\n      :host([expanded]) [part=\"toggle\"]::before {\n        content: var(--lumo-icons-angle-right);\n        transform: rotate(90deg);\n      }\n\n      /* Experimental support for hierarchy connectors, using an unsupported selector */\n      :host([theme~=\"connectors\"]) #level-spacer {\n        position: relative;\n        z-index: -1;\n        font-size: 1em;\n        height: 1.5em;\n      }\n\n      :host([theme~=\"connectors\"]) #level-spacer::before {\n        display: block;\n        content: \"\";\n        margin-top: calc(var(--lumo-space-m) * -1);\n        height: calc(var(--lumo-space-m) + 3em);\n        background-image: linear-gradient(to right, transparent calc(var(--vaadin-grid-tree-toggle-level-offset) - 1px), var(--lumo-contrast-10pct) calc(var(--vaadin-grid-tree-toggle-level-offset) - 1px));\n        background-size: var(--vaadin-grid-tree-toggle-level-offset) var(--vaadin-grid-tree-toggle-level-offset);\n        background-position: calc(var(--vaadin-grid-tree-toggle-level-offset) / 2 - 2px) 0;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) {\n        margin-left: 0;\n        margin-right: calc(var(--lumo-space-s) * -1);\n      }\n\n      :host([dir=\"rtl\"]) [part=\"toggle\"] {\n        margin-left: 0;\n      }\n\n      :host([dir=\"rtl\"][expanded]) [part=\"toggle\"]::before {\n        transform: rotate(-90deg);\n      }\n\n      :host([dir=\"rtl\"][theme~=\"connectors\"]) #level-spacer::before {\n        background-image: linear-gradient(to left, transparent calc(var(--vaadin-grid-tree-toggle-level-offset) - 1px), var(--lumo-contrast-10pct) calc(var(--vaadin-grid-tree-toggle-level-offset) - 1px));\n        background-position: calc(100% - (var(--vaadin-grid-tree-toggle-level-offset) / 2 - 2px)) 0;\n      }\n\n      :host([dir=\"rtl\"]:not([expanded])) [part=\"toggle\"]::before,\n      :host([dir=\"rtl\"][expanded]) [part=\"toggle\"]::before {\n        content: var(--lumo-icons-angle-left);\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-sorter-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-sorter-styles.js
index afc059e720c..d7aa92d54ed 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-sorter-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-sorter-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-material-styles/color.js", "../../../vaadin-material-styles/font-icons.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _fontIcons, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b48ab101f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1c648801f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b48ab101f0611ed8cc3e9a95995ad69 || (_templateObject_0b48ab101f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-grid-sorter\" theme-for=\"vaadin-grid-sorter\">\n  <template>\n    <style>\n      :host {\n        justify-content: flex-start;\n        height: 100%;\n        align-items: center;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        user-select: none;\n      }\n\n      :host([direction]) {\n        color: var(--material-body-text-color);\n      }\n\n      [part=\"indicators\"] {\n        order: -1;\n      }\n\n      [part=\"indicators\"]::before {\n        display: inline-block;\n        width: 24px;\n        font-family: \"material-icons\";\n        font-size: 18px;\n        line-height: 18px;\n        transition: .1s opacity cubic-bezier(.4, 0, .2, .1), .1s width cubic-bezier(.4, 0, .2, .1);\n        opacity: .5;\n      }\n\n      :host(:not([direction])) [part=\"indicators\"]::before {\n        content: var(--material-icons-arrow-upward);\n        width: 0;\n        opacity: 0;\n      }\n\n      :host([direction]) [part=\"indicators\"]::before {\n        opacity: 1;\n      }\n\n      :host([direction=\"asc\"]) [part=\"indicators\"]::before {\n        content: var(--material-icons-arrow-upward);\n      }\n\n      :host([direction=\"desc\"]) [part=\"indicators\"]::before {\n        content: var(--material-icons-arrow-downward);\n      }\n\n      :host(:hover) [part=\"indicators\"]::before {\n        width: 24px;\n        opacity: 1;\n      }\n\n      [part=\"order\"] {\n        right: 4px;\n        top: -8px;\n        font-size: 10px;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"order\"] {\n        left: 4px;\n        right: auto;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1c648801f2611eda0c389891c227ec8 || (_templateObject_e1c648801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-grid-sorter\" theme-for=\"vaadin-grid-sorter\">\n  <template>\n    <style>\n      :host {\n        justify-content: flex-start;\n        height: 100%;\n        align-items: center;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        user-select: none;\n      }\n\n      :host([direction]) {\n        color: var(--material-body-text-color);\n      }\n\n      [part=\"indicators\"] {\n        order: -1;\n      }\n\n      [part=\"indicators\"]::before {\n        display: inline-block;\n        width: 24px;\n        font-family: \"material-icons\";\n        font-size: 18px;\n        line-height: 18px;\n        transition: .1s opacity cubic-bezier(.4, 0, .2, .1), .1s width cubic-bezier(.4, 0, .2, .1);\n        opacity: .5;\n      }\n\n      :host(:not([direction])) [part=\"indicators\"]::before {\n        content: var(--material-icons-arrow-upward);\n        width: 0;\n        opacity: 0;\n      }\n\n      :host([direction]) [part=\"indicators\"]::before {\n        opacity: 1;\n      }\n\n      :host([direction=\"asc\"]) [part=\"indicators\"]::before {\n        content: var(--material-icons-arrow-upward);\n      }\n\n      :host([direction=\"desc\"]) [part=\"indicators\"]::before {\n        content: var(--material-icons-arrow-downward);\n      }\n\n      :host(:hover) [part=\"indicators\"]::before {\n        width: 24px;\n        opacity: 1;\n      }\n\n      [part=\"order\"] {\n        right: 4px;\n        top: -8px;\n        font-size: 10px;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"order\"] {\n        left: 4px;\n        right: auto;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-styles.js
index d32915d0684..7a050865f5f 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-material-styles/color.js", "../../../vaadin-material-styles/typography.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _typography, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b4920401f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1c70bd01f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b4920401f0611ed8cc3e9a95995ad69 || (_templateObject_0b4920401f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-grid\" theme-for=\"vaadin-grid\">\n  <template>\n    <style>\n      :host {\n        background-color: var(--material-background-color);\n        font-family: var(--material-font-family);\n        font-size: var(--material-small-font-size);\n        line-height: 20px;\n        color: var(--material-body-text-color);\n      }\n\n      :host([disabled]) {\n        opacity: 0.7;\n      }\n\n      [part~=\"cell\"] {\n        min-height: 48px;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n        padding: 8px 16px;\n      }\n\n      [part~=\"details-cell\"] ::slotted(vaadin-grid-cell-content) {\n        padding: 14px 16px;\n      }\n\n      [part~=\"header-cell\"],\n      [part~=\"footer-cell\"] {\n        background-color: var(--material-background-color);\n        color: var(--material-secondary-text-color);\n        font-size: var(--material-caption-font-size);\n        font-weight: 500;\n      }\n\n      /* Header and footer divider between body rows */\n\n      [part~=\"body-cell\"],\n      [part~=\"details-cell\"],\n      [part~=\"row\"]:last-child > [part~=\"header-cell\"] {\n        border-bottom: 1px solid var(--material-divider-color);\n      }\n\n      [part~=\"row\"]:first-child > [part~=\"footer-cell\"] {\n        border-top: 1px solid var(--material-divider-color);\n      }\n\n      /* Body rows/cells */\n\n      [part~=\"body-cell\"] {\n        background-color: var(--material-background-color);\n      }\n\n      [part~=\"row\"]:hover > [part~=\"body-cell\"] {\n        background: linear-gradient(var(--_material-grid-row-hover-background-color, rgba(0, 0, 0, 0.04)), var(--_material-grid-row-hover-background-color, rgba(0, 0, 0, 0.04))) var(--material-background-color);\n      }\n\n      @media (hover: none) {\n        [part~=\"row\"]:hover > [part~=\"body-cell\"] {\n          background: var(--material-background-color);\n        }\n      }\n\n      /* Selected row */\n\n      [part~=\"body-cell\"]::before {\n        content: \"\";\n        pointer-events: none;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: var(--material-primary-color);\n        opacity: 0;\n        transition: opacity .1s cubic-bezier(.4, 0, .2, .1);\n      }\n\n      :host(:not([reordering])) [part~=\"row\"][selected] > [part~=\"body-cell\"]::before {\n        opacity: var(--_material-grid-row-selected-overlay-opacity, .08);\n      }\n\n      [part~=\"body-cell\"] ::slotted(vaadin-grid-cell-content) {\n        /* NOTE(platosha): Raise cell content above background cell pseudo elements */\n        position: relative;\n      }\n\n      /* Column reordering */\n\n      :host([reordering]) [part~=\"cell\"] {\n        background: var(--material-secondary-background-color);\n      }\n\n      :host([reordering]) [part~=\"cell\"][reorder-status=\"allowed\"] {\n        background: var(--material-background-color);\n      }\n\n      :host([reordering]) [part~=\"cell\"][reorder-status=\"dragging\"] {\n        background: var(--material-background-color);\n      }\n\n      /* Frozen columns */\n\n      [part~=\"cell\"][last-frozen] {\n        border-right: 1px solid var(--material-divider-color);\n      }\n\n      /* Column resizing */\n\n      [part~=\"cell\"]:not([last-frozen]) [part=\"resize-handle\"] {\n        border-right: 1px solid var(--material-divider-color);\n      }\n\n      /* Keyboard navigation */\n\n      [part~=\"cell\"]:focus {\n        outline: none;\n      }\n\n      :host([navigating]) [part~=\"cell\"]:focus {\n        box-shadow: inset 0 0 0 2px var(--material-primary-color);\n      }\n\n      /* Drag and Drop styles */\n      :host([dragover])::after {\n        content: \"\";\n        position: absolute;\n        z-index: 100;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        pointer-events: none;\n        box-shadow: inset 0 0 0 2px var(--material-primary-color);\n      }\n\n      [part~=\"row\"][dragover] {\n        z-index: 100 !important;\n      }\n\n      [part~=\"row\"][dragover] [part~=\"cell\"] {\n        overflow: visible;\n      }\n\n      [part~=\"row\"][dragover] [part~=\"cell\"]::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 3px;\n        pointer-events: none;\n        background: var(--material-primary-color);\n      }\n\n      [part~=\"row\"][dragover=\"below\"] [part~=\"cell\"]::after {\n        top: 100%;\n        bottom: auto;\n        margin-top: -1px;\n      }\n\n      :host([all-rows-visible]) [part~=\"row\"][last][dragover=\"below\"] [part~=\"cell\"]::after {\n        height: 1px;\n      }\n\n      [part~=\"row\"][dragover=\"above\"] [part~=\"cell\"]::after {\n        top: auto;\n        bottom: 100%;\n        margin-bottom: -1px;\n      }\n\n      [part~=\"row\"][details-opened][dragover=\"below\"] [part~=\"cell\"]:not([part~=\"details-cell\"])::after,\n      [part~=\"row\"][details-opened][dragover=\"above\"] [part~=\"details-cell\"]::after {\n        display: none;\n      }\n\n      [part~=\"row\"][dragover][dragover=\"on-top\"] [part~=\"cell\"]::after {\n        height: 100%;\n        opacity: 0.5;\n      }\n\n      [part~=\"row\"][dragstart] {\n        /* Add bottom-space to the row so the drag number doesn't get clipped. Needed for IE/Edge */\n        border-bottom: 100px solid transparent;\n        z-index: 100 !important;\n        opacity: 0.9;\n      }\n\n      [part~=\"row\"][dragstart] [part~=\"cell\"] {\n        border: none !important;\n        box-shadow: none !important;\n      }\n\n      [ios] [part~=\"row\"][dragstart] [part~=\"cell\"] {\n        background: var(--material-primary-color);\n      }\n\n      #scroller:not([ios]) [part~=\"row\"][dragstart]:not([dragstart=\"\"])::after {\n        display: block;\n        position: absolute;\n        left: var(--_grid-drag-start-x);\n        top: var(--_grid-drag-start-y);\n        z-index: 100;\n        content: attr(dragstart);\n        align-items: center;\n        justify-content: center;\n        box-sizing: border-box;\n        padding: 4px;\n        color: var(--material-primary-contrast-color);\n        background-color: var(--material-error-color);\n        min-width: 24px;\n        border-radius: 2px;\n        font-size: var(--material-caption-font-size);\n        text-align: center;\n        line-height: 1;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part~=\"cell\"][last-frozen] {\n        border-right: none;\n        border-left: 1px solid var(--material-divider-color);\n      }\n\n      :host([dir=\"rtl\"]) [part~=\"cell\"]:not([last-frozen]) [part=\"resize-handle\"] {\n        border-right: none;\n        border-left: 1px solid var(--material-divider-color);\n      }\n\n      :host([dir=\"rtl\"]) #scroller:not([ios]) [part~=\"row\"][dragstart]:not([dragstart=\"\"])::after {\n        left: auto;\n        right: var(--_grid-drag-start-x);\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1c70bd01f2611eda0c389891c227ec8 || (_templateObject_e1c70bd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-grid\" theme-for=\"vaadin-grid\">\n  <template>\n    <style>\n      :host {\n        background-color: var(--material-background-color);\n        font-family: var(--material-font-family);\n        font-size: var(--material-small-font-size);\n        line-height: 20px;\n        color: var(--material-body-text-color);\n      }\n\n      :host([disabled]) {\n        opacity: 0.7;\n      }\n\n      [part~=\"cell\"] {\n        min-height: 48px;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n        padding: 8px 16px;\n      }\n\n      [part~=\"details-cell\"] ::slotted(vaadin-grid-cell-content) {\n        padding: 14px 16px;\n      }\n\n      [part~=\"header-cell\"],\n      [part~=\"footer-cell\"] {\n        background-color: var(--material-background-color);\n        color: var(--material-secondary-text-color);\n        font-size: var(--material-caption-font-size);\n        font-weight: 500;\n      }\n\n      /* Header and footer divider between body rows */\n\n      [part~=\"body-cell\"],\n      [part~=\"details-cell\"],\n      [part~=\"row\"]:last-child > [part~=\"header-cell\"] {\n        border-bottom: 1px solid var(--material-divider-color);\n      }\n\n      [part~=\"row\"]:first-child > [part~=\"footer-cell\"] {\n        border-top: 1px solid var(--material-divider-color);\n      }\n\n      /* Body rows/cells */\n\n      [part~=\"body-cell\"] {\n        background-color: var(--material-background-color);\n      }\n\n      [part~=\"row\"]:hover > [part~=\"body-cell\"] {\n        background: linear-gradient(var(--_material-grid-row-hover-background-color, rgba(0, 0, 0, 0.04)), var(--_material-grid-row-hover-background-color, rgba(0, 0, 0, 0.04))) var(--material-background-color);\n      }\n\n      @media (hover: none) {\n        [part~=\"row\"]:hover > [part~=\"body-cell\"] {\n          background: var(--material-background-color);\n        }\n      }\n\n      /* Selected row */\n\n      [part~=\"body-cell\"]::before {\n        content: \"\";\n        pointer-events: none;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: var(--material-primary-color);\n        opacity: 0;\n        transition: opacity .1s cubic-bezier(.4, 0, .2, .1);\n      }\n\n      :host(:not([reordering])) [part~=\"row\"][selected] > [part~=\"body-cell\"]::before {\n        opacity: var(--_material-grid-row-selected-overlay-opacity, .08);\n      }\n\n      [part~=\"body-cell\"] ::slotted(vaadin-grid-cell-content) {\n        /* NOTE(platosha): Raise cell content above background cell pseudo elements */\n        position: relative;\n      }\n\n      /* Column reordering */\n\n      :host([reordering]) [part~=\"cell\"] {\n        background: var(--material-secondary-background-color);\n      }\n\n      :host([reordering]) [part~=\"cell\"][reorder-status=\"allowed\"] {\n        background: var(--material-background-color);\n      }\n\n      :host([reordering]) [part~=\"cell\"][reorder-status=\"dragging\"] {\n        background: var(--material-background-color);\n      }\n\n      /* Frozen columns */\n\n      [part~=\"cell\"][last-frozen] {\n        border-right: 1px solid var(--material-divider-color);\n      }\n\n      /* Column resizing */\n\n      [part~=\"cell\"]:not([last-frozen]) [part=\"resize-handle\"] {\n        border-right: 1px solid var(--material-divider-color);\n      }\n\n      /* Keyboard navigation */\n\n      [part~=\"cell\"]:focus {\n        outline: none;\n      }\n\n      :host([navigating]) [part~=\"cell\"]:focus {\n        box-shadow: inset 0 0 0 2px var(--material-primary-color);\n      }\n\n      /* Drag and Drop styles */\n      :host([dragover])::after {\n        content: \"\";\n        position: absolute;\n        z-index: 100;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        pointer-events: none;\n        box-shadow: inset 0 0 0 2px var(--material-primary-color);\n      }\n\n      [part~=\"row\"][dragover] {\n        z-index: 100 !important;\n      }\n\n      [part~=\"row\"][dragover] [part~=\"cell\"] {\n        overflow: visible;\n      }\n\n      [part~=\"row\"][dragover] [part~=\"cell\"]::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 3px;\n        pointer-events: none;\n        background: var(--material-primary-color);\n      }\n\n      [part~=\"row\"][dragover=\"below\"] [part~=\"cell\"]::after {\n        top: 100%;\n        bottom: auto;\n        margin-top: -1px;\n      }\n\n      :host([all-rows-visible]) [part~=\"row\"][last][dragover=\"below\"] [part~=\"cell\"]::after {\n        height: 1px;\n      }\n\n      [part~=\"row\"][dragover=\"above\"] [part~=\"cell\"]::after {\n        top: auto;\n        bottom: 100%;\n        margin-bottom: -1px;\n      }\n\n      [part~=\"row\"][details-opened][dragover=\"below\"] [part~=\"cell\"]:not([part~=\"details-cell\"])::after,\n      [part~=\"row\"][details-opened][dragover=\"above\"] [part~=\"details-cell\"]::after {\n        display: none;\n      }\n\n      [part~=\"row\"][dragover][dragover=\"on-top\"] [part~=\"cell\"]::after {\n        height: 100%;\n        opacity: 0.5;\n      }\n\n      [part~=\"row\"][dragstart] {\n        /* Add bottom-space to the row so the drag number doesn't get clipped. Needed for IE/Edge */\n        border-bottom: 100px solid transparent;\n        z-index: 100 !important;\n        opacity: 0.9;\n      }\n\n      [part~=\"row\"][dragstart] [part~=\"cell\"] {\n        border: none !important;\n        box-shadow: none !important;\n      }\n\n      [ios] [part~=\"row\"][dragstart] [part~=\"cell\"] {\n        background: var(--material-primary-color);\n      }\n\n      #scroller:not([ios]) [part~=\"row\"][dragstart]:not([dragstart=\"\"])::after {\n        display: block;\n        position: absolute;\n        left: var(--_grid-drag-start-x);\n        top: var(--_grid-drag-start-y);\n        z-index: 100;\n        content: attr(dragstart);\n        align-items: center;\n        justify-content: center;\n        box-sizing: border-box;\n        padding: 4px;\n        color: var(--material-primary-contrast-color);\n        background-color: var(--material-error-color);\n        min-width: 24px;\n        border-radius: 2px;\n        font-size: var(--material-caption-font-size);\n        text-align: center;\n        line-height: 1;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part~=\"cell\"][last-frozen] {\n        border-right: none;\n        border-left: 1px solid var(--material-divider-color);\n      }\n\n      :host([dir=\"rtl\"]) [part~=\"cell\"]:not([last-frozen]) [part=\"resize-handle\"] {\n        border-right: none;\n        border-left: 1px solid var(--material-divider-color);\n      }\n\n      :host([dir=\"rtl\"]) #scroller:not([ios]) [part~=\"row\"][dragstart]:not([dragstart=\"\"])::after {\n        left: auto;\n        right: var(--_grid-drag-start-x);\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-tree-toggle-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-tree-toggle-styles.js
index 9c599d90391..6464cd7837e 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-tree-toggle-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/theme/material/vaadin-grid-tree-toggle-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-material-styles/color.js", "../../../vaadin-material-styles/font-icons.js", "../../../vaadin-material-styles/typography.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _fontIcons, _typography, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b4a0aa01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1c781001f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b4a0aa01f0611ed8cc3e9a95995ad69 || (_templateObject_0b4a0aa01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-grid-tree-toggle\" theme-for=\"vaadin-grid-tree-toggle\">\n  <template>\n    <style>\n      :host {\n        --_material-grid-tree-toggle-collapsed-icon-transform: rotate(0);\n      }\n\n      :host([dir=\"rtl\"]) {\n        --_material-grid-tree-toggle-collapsed-icon-transform: rotate(180deg);\n      }\n\n      [part=\"toggle\"] {\n        width: calc(var(--material-icon-font-size) + 8px);\n        position: relative;\n        align-self: stretch; /* NOTE(platosha): helps to maintain baseline */\n      }\n\n      [part=\"toggle\"]::before {\n        font-family: \"material-icons\";\n        font-size: var(--material-icon-font-size);\n        width: var(--material-icon-font-size);\n        position: absolute; /* NOTE(platosha): helps to maintain baseline */\n        transform: var(--_material-grid-tree-toggle-collapsed-icon-transform);\n        transition: transform 0.1s cubic-bezier(.4, 0, .2, .1);\n      }\n\n      :host(:not([expanded])) [part=\"toggle\"]::before,\n      :host([expanded]) [part=\"toggle\"]::before {\n        content: var(--material-icons-chevron-right);\n      }\n\n      :host([expanded]) [part=\"toggle\"]::before {\n        transform: rotate(90deg);\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1c781001f2611eda0c389891c227ec8 || (_templateObject_e1c781001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-grid-tree-toggle\" theme-for=\"vaadin-grid-tree-toggle\">\n  <template>\n    <style>\n      :host {\n        --_material-grid-tree-toggle-collapsed-icon-transform: rotate(0);\n      }\n\n      :host([dir=\"rtl\"]) {\n        --_material-grid-tree-toggle-collapsed-icon-transform: rotate(180deg);\n      }\n\n      [part=\"toggle\"] {\n        width: calc(var(--material-icon-font-size) + 8px);\n        position: relative;\n        align-self: stretch; /* NOTE(platosha): helps to maintain baseline */\n      }\n\n      [part=\"toggle\"]::before {\n        font-family: \"material-icons\";\n        font-size: var(--material-icon-font-size);\n        width: var(--material-icon-font-size);\n        position: absolute; /* NOTE(platosha): helps to maintain baseline */\n        transform: var(--_material-grid-tree-toggle-collapsed-icon-transform);\n        transition: transform 0.1s cubic-bezier(.4, 0, .2, .1);\n      }\n\n      :host(:not([expanded])) [part=\"toggle\"]::before,\n      :host([expanded]) [part=\"toggle\"]::before {\n        content: var(--material-icons-chevron-right);\n      }\n\n      :host([expanded]) [part=\"toggle\"]::before {\n        transform: rotate(90deg);\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/src/vaadin-progress-bar.js b/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/src/vaadin-progress-bar.js
index edb23f8fe06..55dc0d843e4 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/src/vaadin-progress-bar.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/src/vaadin-progress-bar.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./vaadin-pro
   });
   _exports.ProgressBarElement = void 0;
 
-  var _templateObject_0af078f01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e17039401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -62,7 +62,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./vaadin-pro
     babelHelpers.createClass(ProgressBarElement, null, [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0af078f01f0611ed8cc3e9a95995ad69 || (_templateObject_0af078f01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        width: 100%; /* prevent collapsing inside non-stretching column flex */\n        height: 8px;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      [part=\"bar\"] {\n        height: 100%;\n      }\n\n      [part=\"value\"] {\n        height: 100%;\n        transform-origin: 0 50%;\n        transform: scaleX(var(--vaadin-progress-value));\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"value\"] {\n        transform-origin: 100% 50%;\n      }\n    </style>\n\n    <div part=\"bar\">\n      <div part=\"value\"></div>\n    </div>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e17039401f2611eda0c389891c227ec8 || (_templateObject_e17039401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        width: 100%; /* prevent collapsing inside non-stretching column flex */\n        height: 8px;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      [part=\"bar\"] {\n        height: 100%;\n      }\n\n      [part=\"value\"] {\n        height: 100%;\n        transform-origin: 0 50%;\n        transform: scaleX(var(--vaadin-progress-value));\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"value\"] {\n        transform-origin: 100% 50%;\n      }\n    </style>\n\n    <div part=\"bar\">\n      <div part=\"value\"></div>\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/theme/lumo/vaadin-progress-bar-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/theme/lumo/vaadin-progress-bar-styles.js
index 377d76d716e..e02998ca1e4 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/theme/lumo/vaadin-progress-bar-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/theme/lumo/vaadin-progress-bar-styles.js
@@ -1,9 +1,9 @@
 define(["../../../../@polymer/polymer/lib/elements/custom-style.js", "../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/sizing.js", "../../../vaadin-lumo-styles/spacing.js", "../../../vaadin-lumo-styles/style.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_customStyle, _color, _sizing, _spacing, _style, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b4aa6e01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1c8e0901f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b4aa6e01f0611ed8cc3e9a95995ad69 || (_templateObject_0b4aa6e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-progress-bar\" theme-for=\"vaadin-progress-bar\">\n  <template>\n    <style>\n      :host {\n        height: calc(var(--lumo-size-l) / 10);\n        margin: var(--lumo-space-s) 0;\n      }\n\n      [part=\"bar\"] {\n        border-radius: var(--lumo-border-radius);\n        background-color: var(--lumo-contrast-10pct);\n      }\n\n      [part=\"value\"] {\n        border-radius: var(--lumo-border-radius);\n        background-color: var(--lumo-primary-color);\n        /* Use width instead of transform to preserve border radius */\n        transform: none;\n        width: calc(var(--vaadin-progress-value) * 100%);\n        will-change: width;\n        transition: 0.1s width linear;\n      }\n\n      /* Indeterminate mode */\n\n      :host([indeterminate]) [part=\"value\"] {\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to right, var(--lumo-primary-color-10pct) 10%, var(--lumo-primary-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to left, var(--lumo-primary-color-10pct) 10%, var(--lumo-primary-color));\n        width: 100%;\n        background-color: transparent !important;\n        background-image: var(--lumo-progress-indeterminate-progress-bar-background);\n        opacity: 0.75;\n        will-change: transform;\n        animation: vaadin-progress-indeterminate 1.6s infinite cubic-bezier(.645, .045, .355, 1);\n      }\n\n      @keyframes vaadin-progress-indeterminate {\n        0% {\n          transform: scaleX(0.015);\n          transform-origin: 0% 0%;\n        }\n\n        25% {\n          transform: scaleX(0.4);\n        }\n\n        50% {\n          transform: scaleX(0.015);\n          transform-origin: 100% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background);\n        }\n\n        50.1% {\n          transform: scaleX(0.015);\n          transform-origin: 100% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background-reverse);\n        }\n\n        75% {\n          transform: scaleX(0.4);\n        }\n\n        100% {\n          transform: scaleX(0.015);\n          transform-origin: 0% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background-reverse);\n        }\n      }\n\n      :host(:not([aria-valuenow])) [part=\"value\"]::before,\n      :host([indeterminate]) [part=\"value\"]::before {\n        content: \"\";\n        display: block;\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n        background-color: var(--lumo-primary-color);\n        will-change: opacity;\n        animation: vaadin-progress-pulse3 1.6s infinite cubic-bezier(.645, .045, .355, 1);\n      }\n\n      @keyframes vaadin-progress-pulse3 {\n        0% { opacity: 1; }\n        10% { opacity: 0; }\n        40% { opacity: 0; }\n        50% { opacity: 1; }\n        50.1% { opacity: 1; }\n        60% { opacity: 0; }\n        90% { opacity: 0; }\n        100% { opacity: 1; }\n      }\n\n      /* Contrast color */\n\n      :host([theme~=\"contrast\"]) [part=\"value\"],\n      :host([theme~=\"contrast\"]) [part=\"value\"]::before {\n        background-color: var(--lumo-contrast-80pct);\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to right, var(--lumo-contrast-5pct) 10%, var(--lumo-contrast-80pct));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to left, var(--lumo-contrast-5pct) 10%, var(--lumo-contrast-60pct));\n      }\n\n      /* Error color */\n\n      :host([theme~=\"error\"]) [part=\"value\"],\n      :host([theme~=\"error\"]) [part=\"value\"]::before {\n        background-color: var(--lumo-error-color);\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to right, var(--lumo-error-color-10pct) 10%, var(--lumo-error-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to left, var(--lumo-error-color-10pct) 10%, var(--lumo-error-color));\n      }\n\n      /* Primary color */\n\n      :host([theme~=\"success\"]) [part=\"value\"],\n      :host([theme~=\"success\"]) [part=\"value\"]::before {\n        background-color: var(--lumo-success-color);\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to right, var(--lumo-success-color-10pct) 10%, var(--lumo-success-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to left, var(--lumo-success-color-10pct) 10%, var(--lumo-success-color));\n      }\n\n      /* RTL specific styles */\n\n      :host([indeterminate][dir=\"rtl\"]) [part=\"value\"] {\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to left, var(--lumo-primary-color-10pct) 10%, var(--lumo-primary-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to right, var(--lumo-primary-color-10pct) 10%, var(--lumo-primary-color));\n        animation: vaadin-progress-indeterminate-rtl 1.6s infinite cubic-bezier(.355, .045, .645, 1);\n      }\n\n      :host(:not([aria-valuenow])[dir=\"rtl\"]) [part=\"value\"]::before,\n      :host([indeterminate][dir=\"rtl\"]) [part=\"value\"]::before {\n        animation: vaadin-progress-pulse3 1.6s infinite cubic-bezier(.355, .045, .645, 1);\n      }\n\n      @keyframes vaadin-progress-indeterminate-rtl {\n        0% {\n          transform: scaleX(0.015);\n          transform-origin: 100% 0%;\n        }\n\n        25% {\n          transform: scaleX(0.4);\n        }\n\n        50% {\n          transform: scaleX(0.015);\n          transform-origin: 0% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background);\n        }\n\n        50.1% {\n          transform: scaleX(0.015);\n          transform-origin: 0% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background-reverse);\n        }\n\n        75% {\n          transform: scaleX(0.4);\n        }\n\n        100% {\n          transform: scaleX(0.015);\n          transform-origin: 100% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background-reverse);\n        }\n      }\n\n      /* Contrast color */\n\n      :host([theme~=\"contrast\"][dir=\"rtl\"]) [part=\"value\"],\n      :host([theme~=\"contrast\"][dir=\"rtl\"]) [part=\"value\"]::before {\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to left, var(--lumo-contrast-5pct) 10%, var(--lumo-contrast-80pct));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to right, var(--lumo-contrast-5pct) 10%, var(--lumo-contrast-60pct));\n      }\n\n      /* Error color */\n\n      :host([theme~=\"error\"][dir=\"rtl\"]) [part=\"value\"],\n      :host([theme~=\"error\"][dir=\"rtl\"]) [part=\"value\"]::before {\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to left, var(--lumo-error-color-10pct) 10%, var(--lumo-error-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to right, var(--lumo-error-color-10pct) 10%, var(--lumo-error-color));\n      }\n\n      /* Primary color */\n\n      :host([theme~=\"success\"][dir=\"rtl\"]) [part=\"value\"],\n      :host([theme~=\"success\"][dir=\"rtl\"]) [part=\"value\"]::before {\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to left, var(--lumo-success-color-10pct) 10%, var(--lumo-success-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to right, var(--lumo-success-color-10pct) 10%, var(--lumo-success-color));\n      }\n    </style>\n  </template>\n</dom-module><custom-style>\n  <style>\n    @keyframes vaadin-progress-pulse3 {\n      0% { opacity: 1; }\n      10% { opacity: 0; }\n      40% { opacity: 0; }\n      50% { opacity: 1; }\n      50.1% { opacity: 1; }\n      60% { opacity: 0; }\n      90% { opacity: 0; }\n      100% { opacity: 1; }\n    }\n  </style>\n</custom-style>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1c8e0901f2611eda0c389891c227ec8 || (_templateObject_e1c8e0901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-progress-bar\" theme-for=\"vaadin-progress-bar\">\n  <template>\n    <style>\n      :host {\n        height: calc(var(--lumo-size-l) / 10);\n        margin: var(--lumo-space-s) 0;\n      }\n\n      [part=\"bar\"] {\n        border-radius: var(--lumo-border-radius);\n        background-color: var(--lumo-contrast-10pct);\n      }\n\n      [part=\"value\"] {\n        border-radius: var(--lumo-border-radius);\n        background-color: var(--lumo-primary-color);\n        /* Use width instead of transform to preserve border radius */\n        transform: none;\n        width: calc(var(--vaadin-progress-value) * 100%);\n        will-change: width;\n        transition: 0.1s width linear;\n      }\n\n      /* Indeterminate mode */\n\n      :host([indeterminate]) [part=\"value\"] {\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to right, var(--lumo-primary-color-10pct) 10%, var(--lumo-primary-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to left, var(--lumo-primary-color-10pct) 10%, var(--lumo-primary-color));\n        width: 100%;\n        background-color: transparent !important;\n        background-image: var(--lumo-progress-indeterminate-progress-bar-background);\n        opacity: 0.75;\n        will-change: transform;\n        animation: vaadin-progress-indeterminate 1.6s infinite cubic-bezier(.645, .045, .355, 1);\n      }\n\n      @keyframes vaadin-progress-indeterminate {\n        0% {\n          transform: scaleX(0.015);\n          transform-origin: 0% 0%;\n        }\n\n        25% {\n          transform: scaleX(0.4);\n        }\n\n        50% {\n          transform: scaleX(0.015);\n          transform-origin: 100% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background);\n        }\n\n        50.1% {\n          transform: scaleX(0.015);\n          transform-origin: 100% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background-reverse);\n        }\n\n        75% {\n          transform: scaleX(0.4);\n        }\n\n        100% {\n          transform: scaleX(0.015);\n          transform-origin: 0% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background-reverse);\n        }\n      }\n\n      :host(:not([aria-valuenow])) [part=\"value\"]::before,\n      :host([indeterminate]) [part=\"value\"]::before {\n        content: \"\";\n        display: block;\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n        background-color: var(--lumo-primary-color);\n        will-change: opacity;\n        animation: vaadin-progress-pulse3 1.6s infinite cubic-bezier(.645, .045, .355, 1);\n      }\n\n      @keyframes vaadin-progress-pulse3 {\n        0% { opacity: 1; }\n        10% { opacity: 0; }\n        40% { opacity: 0; }\n        50% { opacity: 1; }\n        50.1% { opacity: 1; }\n        60% { opacity: 0; }\n        90% { opacity: 0; }\n        100% { opacity: 1; }\n      }\n\n      /* Contrast color */\n\n      :host([theme~=\"contrast\"]) [part=\"value\"],\n      :host([theme~=\"contrast\"]) [part=\"value\"]::before {\n        background-color: var(--lumo-contrast-80pct);\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to right, var(--lumo-contrast-5pct) 10%, var(--lumo-contrast-80pct));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to left, var(--lumo-contrast-5pct) 10%, var(--lumo-contrast-60pct));\n      }\n\n      /* Error color */\n\n      :host([theme~=\"error\"]) [part=\"value\"],\n      :host([theme~=\"error\"]) [part=\"value\"]::before {\n        background-color: var(--lumo-error-color);\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to right, var(--lumo-error-color-10pct) 10%, var(--lumo-error-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to left, var(--lumo-error-color-10pct) 10%, var(--lumo-error-color));\n      }\n\n      /* Primary color */\n\n      :host([theme~=\"success\"]) [part=\"value\"],\n      :host([theme~=\"success\"]) [part=\"value\"]::before {\n        background-color: var(--lumo-success-color);\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to right, var(--lumo-success-color-10pct) 10%, var(--lumo-success-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to left, var(--lumo-success-color-10pct) 10%, var(--lumo-success-color));\n      }\n\n      /* RTL specific styles */\n\n      :host([indeterminate][dir=\"rtl\"]) [part=\"value\"] {\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to left, var(--lumo-primary-color-10pct) 10%, var(--lumo-primary-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to right, var(--lumo-primary-color-10pct) 10%, var(--lumo-primary-color));\n        animation: vaadin-progress-indeterminate-rtl 1.6s infinite cubic-bezier(.355, .045, .645, 1);\n      }\n\n      :host(:not([aria-valuenow])[dir=\"rtl\"]) [part=\"value\"]::before,\n      :host([indeterminate][dir=\"rtl\"]) [part=\"value\"]::before {\n        animation: vaadin-progress-pulse3 1.6s infinite cubic-bezier(.355, .045, .645, 1);\n      }\n\n      @keyframes vaadin-progress-indeterminate-rtl {\n        0% {\n          transform: scaleX(0.015);\n          transform-origin: 100% 0%;\n        }\n\n        25% {\n          transform: scaleX(0.4);\n        }\n\n        50% {\n          transform: scaleX(0.015);\n          transform-origin: 0% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background);\n        }\n\n        50.1% {\n          transform: scaleX(0.015);\n          transform-origin: 0% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background-reverse);\n        }\n\n        75% {\n          transform: scaleX(0.4);\n        }\n\n        100% {\n          transform: scaleX(0.015);\n          transform-origin: 100% 0%;\n          background-image: var(--lumo-progress-indeterminate-progress-bar-background-reverse);\n        }\n      }\n\n      /* Contrast color */\n\n      :host([theme~=\"contrast\"][dir=\"rtl\"]) [part=\"value\"],\n      :host([theme~=\"contrast\"][dir=\"rtl\"]) [part=\"value\"]::before {\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to left, var(--lumo-contrast-5pct) 10%, var(--lumo-contrast-80pct));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to right, var(--lumo-contrast-5pct) 10%, var(--lumo-contrast-60pct));\n      }\n\n      /* Error color */\n\n      :host([theme~=\"error\"][dir=\"rtl\"]) [part=\"value\"],\n      :host([theme~=\"error\"][dir=\"rtl\"]) [part=\"value\"]::before {\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to left, var(--lumo-error-color-10pct) 10%, var(--lumo-error-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to right, var(--lumo-error-color-10pct) 10%, var(--lumo-error-color));\n      }\n\n      /* Primary color */\n\n      :host([theme~=\"success\"][dir=\"rtl\"]) [part=\"value\"],\n      :host([theme~=\"success\"][dir=\"rtl\"]) [part=\"value\"]::before {\n        --lumo-progress-indeterminate-progress-bar-background: linear-gradient(to left, var(--lumo-success-color-10pct) 10%, var(--lumo-success-color));\n        --lumo-progress-indeterminate-progress-bar-background-reverse: linear-gradient(to right, var(--lumo-success-color-10pct) 10%, var(--lumo-success-color));\n      }\n    </style>\n  </template>\n</dom-module><custom-style>\n  <style>\n    @keyframes vaadin-progress-pulse3 {\n      0% { opacity: 1; }\n      10% { opacity: 0; }\n      40% { opacity: 0; }\n      50% { opacity: 1; }\n      50.1% { opacity: 1; }\n      60% { opacity: 0; }\n      90% { opacity: 0; }\n      100% { opacity: 1; }\n    }\n  </style>\n</custom-style>"])));
   document.head.appendChild($_documentContainer.content);
   /* Safari fails to declare animations for pseudo elements inside a shadow DOM */
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/theme/material/vaadin-progress-bar-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/theme/material/vaadin-progress-bar-styles.js
index 2338081fb76..e7171a594a1 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/theme/material/vaadin-progress-bar-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-progress-bar/theme/material/vaadin-progress-bar-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-material-styles/color.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b4b1c101f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1c955c01f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b4b1c101f0611ed8cc3e9a95995ad69 || (_templateObject_0b4b1c101f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-progress-bar\" theme-for=\"vaadin-progress-bar\">\n  <template>\n    <style>\n      :host {\n        height: 4px;\n        margin: 8px 0;\n        position: relative;\n        overflow: hidden;\n      }\n\n      :host::before {\n        content: \"\";\n        display: block;\n        height: 100%;\n        background-color: var(--material-primary-color);\n        opacity: 0.16;\n      }\n\n      [part=\"bar\"] {\n        position: absolute;\n        top: 0;\n        width: 100%;\n        transform: scaleX(var(--vaadin-progress-value));\n        transform-origin: 0 0;\n      }\n\n      [part=\"value\"] {\n        transform: none;\n        background-color: var(--material-primary-color);\n      }\n\n      /* Indeterminate */\n\n      :host([indeterminate]) [part=\"bar\"] {\n        left: -100%;\n        animation: primary-indeterminate-translate 2s infinite linear;\n      }\n\n      :host([indeterminate]) [part=\"value\"] {\n        animation: primary-indeterminate-scale 2s infinite linear;\n      }\n\n      @keyframes primary-indeterminate-translate {\n        0% {\n          transform: translateX(0);\n        }\n\n        20% {\n          animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);\n          transform: translateX(0);\n        }\n\n        59.15% {\n          animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);\n          transform: translateX(83.67142%);\n        }\n\n        100% {\n          transform: translateX(200.611057%);\n        }\n      }\n\n      @keyframes primary-indeterminate-scale {\n        0% {\n          transform: scaleX(.08);\n        }\n\n        36.65% {\n          animation-timing-function: cubic-bezier(.334731, .12482, .785844, 1);\n          transform: scaleX(.08);\n        }\n\n        69.15% {\n          animation-timing-function: cubic-bezier(.06, .11, .6, 1);\n          transform: scaleX(.661479);\n        }\n\n        100% {\n          transform: scaleX(.08);\n        }\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"bar\"] {\n        transform-origin: 100% 0;\n      }\n\n      :host([indeterminate][dir=\"rtl\"]) [part=\"bar\"] {\n        left: auto;\n        right: -100%;\n        animation: primary-indeterminate-translate-rtl 2s infinite linear;\n      }\n\n      @keyframes primary-indeterminate-translate-rtl {\n        0% {\n          transform: translateX(0);\n        }\n\n        20% {\n          animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);\n          transform: translateX(0);\n        }\n\n        59.15% {\n          animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);\n          transform: translateX(-83.67142%);\n        }\n\n        100% {\n          transform: translateX(-200.611057%);\n        }\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1c955c01f2611eda0c389891c227ec8 || (_templateObject_e1c955c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-progress-bar\" theme-for=\"vaadin-progress-bar\">\n  <template>\n    <style>\n      :host {\n        height: 4px;\n        margin: 8px 0;\n        position: relative;\n        overflow: hidden;\n      }\n\n      :host::before {\n        content: \"\";\n        display: block;\n        height: 100%;\n        background-color: var(--material-primary-color);\n        opacity: 0.16;\n      }\n\n      [part=\"bar\"] {\n        position: absolute;\n        top: 0;\n        width: 100%;\n        transform: scaleX(var(--vaadin-progress-value));\n        transform-origin: 0 0;\n      }\n\n      [part=\"value\"] {\n        transform: none;\n        background-color: var(--material-primary-color);\n      }\n\n      /* Indeterminate */\n\n      :host([indeterminate]) [part=\"bar\"] {\n        left: -100%;\n        animation: primary-indeterminate-translate 2s infinite linear;\n      }\n\n      :host([indeterminate]) [part=\"value\"] {\n        animation: primary-indeterminate-scale 2s infinite linear;\n      }\n\n      @keyframes primary-indeterminate-translate {\n        0% {\n          transform: translateX(0);\n        }\n\n        20% {\n          animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);\n          transform: translateX(0);\n        }\n\n        59.15% {\n          animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);\n          transform: translateX(83.67142%);\n        }\n\n        100% {\n          transform: translateX(200.611057%);\n        }\n      }\n\n      @keyframes primary-indeterminate-scale {\n        0% {\n          transform: scaleX(.08);\n        }\n\n        36.65% {\n          animation-timing-function: cubic-bezier(.334731, .12482, .785844, 1);\n          transform: scaleX(.08);\n        }\n\n        69.15% {\n          animation-timing-function: cubic-bezier(.06, .11, .6, 1);\n          transform: scaleX(.661479);\n        }\n\n        100% {\n          transform: scaleX(.08);\n        }\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"bar\"] {\n        transform-origin: 100% 0;\n      }\n\n      :host([indeterminate][dir=\"rtl\"]) [part=\"bar\"] {\n        left: auto;\n        right: -100%;\n        animation: primary-indeterminate-translate-rtl 2s infinite linear;\n      }\n\n      @keyframes primary-indeterminate-translate-rtl {\n        0% {\n          transform: translateX(0);\n        }\n\n        20% {\n          animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);\n          transform: translateX(0);\n        }\n\n        59.15% {\n          animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);\n          transform: translateX(-83.67142%);\n        }\n\n        100% {\n          transform: translateX(-200.611057%);\n        }\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/src/vaadin-split-layout.js b/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/src/vaadin-split-layout.js
index 35046509282..3ed5c54628d 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/src/vaadin-split-layout.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/src/vaadin-split-layout.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.SplitLayoutElement = void 0;
 
-  var _templateObject_0af533e01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e174cd201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -317,7 +317,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0af533e01f0611ed8cc3e9a95995ad69 || (_templateObject_0af533e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        overflow: hidden !important;\n        transform: translateZ(0);\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host([orientation=\"vertical\"]) {\n        flex-direction: column;\n      }\n\n      :host ::slotted(*) {\n        flex: 1 1 auto;\n        overflow: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      [part=\"splitter\"] {\n        flex: none;\n        position: relative;\n        z-index: 1;\n        overflow: visible;\n        min-width: 8px;\n        min-height: 8px;\n      }\n\n      :host(:not([orientation=\"vertical\"])) > [part=\"splitter\"] {\n        cursor: ew-resize;\n      }\n\n      :host([orientation=\"vertical\"]) > [part=\"splitter\"] {\n        cursor: ns-resize;\n      }\n\n      [part=\"handle\"] {\n        width: 40px;\n        height: 40px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate3d(-50%, -50%, 0);\n      }\n    </style>\n    <slot id=\"primary\" name=\"primary\"></slot>\n    <div part=\"splitter\" id=\"splitter\" on-track=\"_onHandleTrack\" on-down=\"_setPointerEventsNone\" on-up=\"_restorePointerEvents\">\n      <div part=\"handle\"></div>\n    </div>\n    <slot id=\"secondary\" name=\"secondary\"></slot>\n\n    <div hidden=\"\">\n      <!-- Workaround to fix a Shady style scoping issue caused by dynamic slot naming of the child elements (primary/secondary) -->\n      <slot></slot>\n    </div>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e174cd201f2611eda0c389891c227ec8 || (_templateObject_e174cd201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        overflow: hidden !important;\n        transform: translateZ(0);\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      :host([orientation=\"vertical\"]) {\n        flex-direction: column;\n      }\n\n      :host ::slotted(*) {\n        flex: 1 1 auto;\n        overflow: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      [part=\"splitter\"] {\n        flex: none;\n        position: relative;\n        z-index: 1;\n        overflow: visible;\n        min-width: 8px;\n        min-height: 8px;\n      }\n\n      :host(:not([orientation=\"vertical\"])) > [part=\"splitter\"] {\n        cursor: ew-resize;\n      }\n\n      :host([orientation=\"vertical\"]) > [part=\"splitter\"] {\n        cursor: ns-resize;\n      }\n\n      [part=\"handle\"] {\n        width: 40px;\n        height: 40px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate3d(-50%, -50%, 0);\n      }\n    </style>\n    <slot id=\"primary\" name=\"primary\"></slot>\n    <div part=\"splitter\" id=\"splitter\" on-track=\"_onHandleTrack\" on-down=\"_setPointerEventsNone\" on-up=\"_restorePointerEvents\">\n      <div part=\"handle\"></div>\n    </div>\n    <slot id=\"secondary\" name=\"secondary\"></slot>\n\n    <div hidden=\"\">\n      <!-- Workaround to fix a Shady style scoping issue caused by dynamic slot naming of the child elements (primary/secondary) -->\n      <slot></slot>\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/theme/lumo/vaadin-split-layout-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/theme/lumo/vaadin-split-layout-styles.js
index 48cd2e3769e..57516f41a81 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/theme/lumo/vaadin-split-layout-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/theme/lumo/vaadin-split-layout-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/sizing.js", "../../../vaadin-lumo-styles/spacing.js", "../../../vaadin-lumo-styles/style.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _sizing, _spacing, _style, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b51abc01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f177301f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b51abc01f0611ed8cc3e9a95995ad69 || (_templateObject_0b51abc01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-split-layout\" theme-for=\"vaadin-split-layout\">\n  <template>\n    <style>\n      [part=\"splitter\"] {\n        min-width: var(--lumo-space-s);\n        min-height: var(--lumo-space-s);\n        background-color: var(--lumo-contrast-5pct);\n        transition: 0.1s background-color;\n      }\n\n      [part=\"handle\"] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: var(--lumo-size-m);\n        height: var(--lumo-size-m);\n      }\n\n      [part=\"handle\"]::after {\n        content: \"\";\n        display: block;\n        width: 4px;\n        height: 100%;\n        max-width: 100%;\n        max-height: 100%;\n        border-radius: var(--lumo-border-radius);\n        background-color: var(--lumo-contrast-30pct);\n        transition: 0.1s opacity, 0.1s background-color;\n      }\n\n      :host([orientation=\"vertical\"]) [part=\"handle\"]::after {\n        width: 100%;\n        height: 4px;\n      }\n\n      /* Hover style */\n\n      [part=\"splitter\"]:hover [part=\"handle\"]::after {\n        background-color: var(--lumo-contrast-40pct);\n      }\n\n      /* Disable hover for touch devices */\n      @media (pointer: coarse) {\n        [part=\"splitter\"]:hover [part=\"handle\"]::after {\n          background-color: var(--lumo-contrast-30pct);\n        }\n      }\n\n      /* Active style */\n\n      [part=\"splitter\"]:active [part=\"handle\"]::after {\n        background-color: var(--lumo-contrast-50pct);\n      }\n\n      /* Small/minimal */\n\n      :host([theme~=\"small\"]) > [part=\"splitter\"] {\n        border-left: 1px solid var(--lumo-contrast-10pct);\n        border-top: 1px solid var(--lumo-contrast-10pct);\n      }\n\n      :host([theme~=\"small\"]) > [part=\"splitter\"],\n      :host([theme~=\"minimal\"]) > [part=\"splitter\"] {\n        min-width: 0;\n        min-height: 0;\n        background-color: transparent;\n      }\n\n      :host([theme~=\"small\"]) > [part=\"splitter\"]::after,\n      :host([theme~=\"minimal\"]) > [part=\"splitter\"]::after {\n        content: \"\";\n        position: absolute;\n        top: -4px;\n        right: -4px;\n        bottom: -4px;\n        left: -4px;\n      }\n\n      :host([theme~=\"small\"]) > [part=\"splitter\"] > [part=\"handle\"]::after,\n      :host([theme~=\"minimal\"]) > [part=\"splitter\"] > [part=\"handle\"]::after {\n        opacity: 0;\n      }\n\n      :host([theme~=\"small\"]) > [part=\"splitter\"]:hover > [part=\"handle\"]::after,\n      :host([theme~=\"small\"]) > [part=\"splitter\"]:active > [part=\"handle\"]::after,\n      :host([theme~=\"minimal\"]) > [part=\"splitter\"]:hover > [part=\"handle\"]::after,\n      :host([theme~=\"minimal\"]) > [part=\"splitter\"]:active > [part=\"handle\"]::after {\n        opacity: 1;\n      }\n\n      /* RTL specific styles */\n\n      :host([theme~=\"small\"][dir=\"rtl\"]) > [part=\"splitter\"] {\n        border-left: auto;\n        border-right: 1px solid var(--lumo-contrast-10pct);\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f177301f2611eda0c389891c227ec8 || (_templateObject_e1f177301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-split-layout\" theme-for=\"vaadin-split-layout\">\n  <template>\n    <style>\n      [part=\"splitter\"] {\n        min-width: var(--lumo-space-s);\n        min-height: var(--lumo-space-s);\n        background-color: var(--lumo-contrast-5pct);\n        transition: 0.1s background-color;\n      }\n\n      [part=\"handle\"] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: var(--lumo-size-m);\n        height: var(--lumo-size-m);\n      }\n\n      [part=\"handle\"]::after {\n        content: \"\";\n        display: block;\n        width: 4px;\n        height: 100%;\n        max-width: 100%;\n        max-height: 100%;\n        border-radius: var(--lumo-border-radius);\n        background-color: var(--lumo-contrast-30pct);\n        transition: 0.1s opacity, 0.1s background-color;\n      }\n\n      :host([orientation=\"vertical\"]) [part=\"handle\"]::after {\n        width: 100%;\n        height: 4px;\n      }\n\n      /* Hover style */\n\n      [part=\"splitter\"]:hover [part=\"handle\"]::after {\n        background-color: var(--lumo-contrast-40pct);\n      }\n\n      /* Disable hover for touch devices */\n      @media (pointer: coarse) {\n        [part=\"splitter\"]:hover [part=\"handle\"]::after {\n          background-color: var(--lumo-contrast-30pct);\n        }\n      }\n\n      /* Active style */\n\n      [part=\"splitter\"]:active [part=\"handle\"]::after {\n        background-color: var(--lumo-contrast-50pct);\n      }\n\n      /* Small/minimal */\n\n      :host([theme~=\"small\"]) > [part=\"splitter\"] {\n        border-left: 1px solid var(--lumo-contrast-10pct);\n        border-top: 1px solid var(--lumo-contrast-10pct);\n      }\n\n      :host([theme~=\"small\"]) > [part=\"splitter\"],\n      :host([theme~=\"minimal\"]) > [part=\"splitter\"] {\n        min-width: 0;\n        min-height: 0;\n        background-color: transparent;\n      }\n\n      :host([theme~=\"small\"]) > [part=\"splitter\"]::after,\n      :host([theme~=\"minimal\"]) > [part=\"splitter\"]::after {\n        content: \"\";\n        position: absolute;\n        top: -4px;\n        right: -4px;\n        bottom: -4px;\n        left: -4px;\n      }\n\n      :host([theme~=\"small\"]) > [part=\"splitter\"] > [part=\"handle\"]::after,\n      :host([theme~=\"minimal\"]) > [part=\"splitter\"] > [part=\"handle\"]::after {\n        opacity: 0;\n      }\n\n      :host([theme~=\"small\"]) > [part=\"splitter\"]:hover > [part=\"handle\"]::after,\n      :host([theme~=\"small\"]) > [part=\"splitter\"]:active > [part=\"handle\"]::after,\n      :host([theme~=\"minimal\"]) > [part=\"splitter\"]:hover > [part=\"handle\"]::after,\n      :host([theme~=\"minimal\"]) > [part=\"splitter\"]:active > [part=\"handle\"]::after {\n        opacity: 1;\n      }\n\n      /* RTL specific styles */\n\n      :host([theme~=\"small\"][dir=\"rtl\"]) > [part=\"splitter\"] {\n        border-left: auto;\n        border-right: 1px solid var(--lumo-contrast-10pct);\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/theme/material/vaadin-split-layout-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/theme/material/vaadin-split-layout-styles.js
index 61ba11c02bd..7ef1046edef 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/theme/material/vaadin-split-layout-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-split-layout/theme/material/vaadin-split-layout-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-material-styles/color.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b5220f01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f1ec601f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b5220f01f0611ed8cc3e9a95995ad69 || (_templateObject_0b5220f01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-split-layout\" theme-for=\"vaadin-split-layout\">\n  <template>\n    <style>\n      [part=\"splitter\"] {\n        min-width: 8px;\n        min-height: 8px;\n        background-color: var(--_material-split-layout-splitter-background-color, #000);\n      }\n\n      [part=\"handle\"] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      [part=\"handle\"]::after {\n        content: \"\";\n        display: block;\n        width: 2px;\n        height: 24px;\n        background-color: var(--material-background-color);\n      }\n\n      :host([orientation=\"vertical\"]) [part=\"handle\"]::after {\n        transform: rotate(90deg);\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f1ec601f2611eda0c389891c227ec8 || (_templateObject_e1f1ec601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-split-layout\" theme-for=\"vaadin-split-layout\">\n  <template>\n    <style>\n      [part=\"splitter\"] {\n        min-width: 8px;\n        min-height: 8px;\n        background-color: var(--_material-split-layout-splitter-background-color, #000);\n      }\n\n      [part=\"handle\"] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      [part=\"handle\"]::after {\n        content: \"\";\n        display: block;\n        width: 2px;\n        height: 24px;\n        background-color: var(--material-background-color);\n      }\n\n      :host([orientation=\"vertical\"]) [part=\"handle\"]::after {\n        transform: rotate(90deg);\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-email-field.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-email-field.js
index 338c51dc0ee..2e36aeec923 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-email-field.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-email-field.js
@@ -6,13 +6,13 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EmailFieldElement = void 0;
 
-  var _templateObject_0af6ba801f0611ed8cc3e9a95995ad69;
+  var _templateObject_e176f0001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0af6ba801f0611ed8cc3e9a95995ad69 || (_templateObject_0af6ba801f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"vaadin-email-field-template\">\n  <template>\n    <style>\n      :host([dir=\"rtl\"]) [part=\"input-field\"] {\n        direction: ltr;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]::placeholder {\n        direction: rtl;\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input)::placeholder {\n        direction: rtl;\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]:-ms-input-placeholder,\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input):-ms-input-placeholder {\n        direction: rtl;\n        text-align: left;\n      }\n    </style>\n  </template>\n  \n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e176f0001f2611eda0c389891c227ec8 || (_templateObject_e176f0001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"vaadin-email-field-template\">\n  <template>\n    <style>\n      :host([dir=\"rtl\"]) [part=\"input-field\"] {\n        direction: ltr;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]::placeholder {\n        direction: rtl;\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input)::placeholder {\n        direction: rtl;\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]:-ms-input-placeholder,\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input):-ms-input-placeholder {\n        direction: rtl;\n        text-align: left;\n      }\n    </style>\n  </template>\n  \n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
   var memoizedTemplate;
   /**
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-integer-field.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-integer-field.js
index f209458bf33..6313aade6d8 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-integer-field.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-integer-field.js
@@ -6,13 +6,13 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.IntegerFieldElement = void 0;
 
-  var _templateObject_0af8dd601f0611ed8cc3e9a95995ad69;
+  var _templateObject_e178c4c01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0af8dd601f0611ed8cc3e9a95995ad69 || (_templateObject_0af8dd601f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"vaadin-integer-field-template\">\n\n  \n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e178c4c01f2611eda0c389891c227ec8 || (_templateObject_e178c4c01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"vaadin-integer-field-template\">\n\n  \n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
   /**
    * `<vaadin-integer-field>` is a Web Component for integer field control in forms.
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-number-field.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-number-field.js
index 2fda0984cad..ccd8531a879 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-number-field.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-number-field.js
@@ -6,13 +6,13 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.NumberFieldElement = void 0;
 
-  var _templateObject_0afdbf601f0611ed8cc3e9a95995ad69;
+  var _templateObject_e17e6a101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0afdbf601f0611ed8cc3e9a95995ad69 || (_templateObject_0afdbf601f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"vaadin-number-field-template\">\n  <template>\n    <style>\n      :host([readonly]) [part$=\"button\"] {\n        pointer-events: none;\n      }\n\n      [part=\"decrease-button\"]::before {\n        content: \"\u2212\";\n      }\n\n      [part=\"increase-button\"]::before {\n        content: \"+\";\n      }\n\n      [part=\"decrease-button\"],\n      [part=\"increase-button\"] {\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n      }\n\n      /* Hide the native arrow icons */\n      [part=\"value\"]::-webkit-outer-spin-button,\n      [part=\"value\"]::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n      }\n\n      [part=\"value\"] {\n        /* Older Firefox versions (v47.0) requires !important */\n        -moz-appearance: textfield !important;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"] {\n        direction: ltr;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]::placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input)::placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]:-ms-input-placeholder,\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input):-ms-input-placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"value\"]::placeholder {\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"input-field\"] ::slotted(input)::placeholder {\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"value\"]:-ms-input-placeholder,\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"input-field\"] ::slotted(input):-ms-input-placeholder {\n        text-align: left;\n      }\n    </style>\n\n    <div disabled$=\"[[!_allowed(-1, value, min, max, step)]]\" part=\"decrease-button\" on-click=\"_decreaseValue\" on-touchend=\"_decreaseButtonTouchend\" hidden$=\"[[!hasControls]]\">\n    </div>\n\n    <div disabled$=\"[[!_allowed(1, value, min, max, step)]]\" part=\"increase-button\" on-click=\"_increaseValue\" on-touchend=\"_increaseButtonTouchend\" hidden$=\"[[!hasControls]]\">\n    </div>\n  </template>\n\n  \n</dom-module>"], ["<dom-module id=\"vaadin-number-field-template\">\n  <template>\n    <style>\n      :host([readonly]) [part\\$=\"button\"] {\n        pointer-events: none;\n      }\n\n      [part=\"decrease-button\"]::before {\n        content: \"\u2212\";\n      }\n\n      [part=\"increase-button\"]::before {\n        content: \"+\";\n      }\n\n      [part=\"decrease-button\"],\n      [part=\"increase-button\"] {\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n      }\n\n      /* Hide the native arrow icons */\n      [part=\"value\"]::-webkit-outer-spin-button,\n      [part=\"value\"]::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n      }\n\n      [part=\"value\"] {\n        /* Older Firefox versions (v47.0) requires !important */\n        -moz-appearance: textfield !important;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"] {\n        direction: ltr;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]::placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input)::placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]:-ms-input-placeholder,\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input):-ms-input-placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"value\"]::placeholder {\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"input-field\"] ::slotted(input)::placeholder {\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"value\"]:-ms-input-placeholder,\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"input-field\"] ::slotted(input):-ms-input-placeholder {\n        text-align: left;\n      }\n    </style>\n\n    <div disabled\\$=\"[[!_allowed(-1, value, min, max, step)]]\" part=\"decrease-button\" on-click=\"_decreaseValue\" on-touchend=\"_decreaseButtonTouchend\" hidden\\$=\"[[!hasControls]]\">\n    </div>\n\n    <div disabled\\$=\"[[!_allowed(1, value, min, max, step)]]\" part=\"increase-button\" on-click=\"_increaseValue\" on-touchend=\"_increaseButtonTouchend\" hidden\\$=\"[[!hasControls]]\">\n    </div>\n  </template>\n\n  \n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e17e6a101f2611eda0c389891c227ec8 || (_templateObject_e17e6a101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"vaadin-number-field-template\">\n  <template>\n    <style>\n      :host([readonly]) [part$=\"button\"] {\n        pointer-events: none;\n      }\n\n      [part=\"decrease-button\"]::before {\n        content: \"\u2212\";\n      }\n\n      [part=\"increase-button\"]::before {\n        content: \"+\";\n      }\n\n      [part=\"decrease-button\"],\n      [part=\"increase-button\"] {\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n      }\n\n      /* Hide the native arrow icons */\n      [part=\"value\"]::-webkit-outer-spin-button,\n      [part=\"value\"]::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n      }\n\n      [part=\"value\"] {\n        /* Older Firefox versions (v47.0) requires !important */\n        -moz-appearance: textfield !important;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"] {\n        direction: ltr;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]::placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input)::placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]:-ms-input-placeholder,\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input):-ms-input-placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"value\"]::placeholder {\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"input-field\"] ::slotted(input)::placeholder {\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"value\"]:-ms-input-placeholder,\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"input-field\"] ::slotted(input):-ms-input-placeholder {\n        text-align: left;\n      }\n    </style>\n\n    <div disabled$=\"[[!_allowed(-1, value, min, max, step)]]\" part=\"decrease-button\" on-click=\"_decreaseValue\" on-touchend=\"_decreaseButtonTouchend\" hidden$=\"[[!hasControls]]\">\n    </div>\n\n    <div disabled$=\"[[!_allowed(1, value, min, max, step)]]\" part=\"increase-button\" on-click=\"_increaseValue\" on-touchend=\"_increaseButtonTouchend\" hidden$=\"[[!hasControls]]\">\n    </div>\n  </template>\n\n  \n</dom-module>"], ["<dom-module id=\"vaadin-number-field-template\">\n  <template>\n    <style>\n      :host([readonly]) [part\\$=\"button\"] {\n        pointer-events: none;\n      }\n\n      [part=\"decrease-button\"]::before {\n        content: \"\u2212\";\n      }\n\n      [part=\"increase-button\"]::before {\n        content: \"+\";\n      }\n\n      [part=\"decrease-button\"],\n      [part=\"increase-button\"] {\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n      }\n\n      /* Hide the native arrow icons */\n      [part=\"value\"]::-webkit-outer-spin-button,\n      [part=\"value\"]::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n      }\n\n      [part=\"value\"] {\n        /* Older Firefox versions (v47.0) requires !important */\n        -moz-appearance: textfield !important;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"] {\n        direction: ltr;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]::placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input)::placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]:-ms-input-placeholder,\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input):-ms-input-placeholder {\n        direction: rtl;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"value\"]::placeholder {\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"input-field\"] ::slotted(input)::placeholder {\n        text-align: left;\n      }\n\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"value\"]:-ms-input-placeholder,\n      :host([dir=\"rtl\"]:not([has-controls])) [part=\"input-field\"] ::slotted(input):-ms-input-placeholder {\n        text-align: left;\n      }\n    </style>\n\n    <div disabled\\$=\"[[!_allowed(-1, value, min, max, step)]]\" part=\"decrease-button\" on-click=\"_decreaseValue\" on-touchend=\"_decreaseButtonTouchend\" hidden\\$=\"[[!hasControls]]\">\n    </div>\n\n    <div disabled\\$=\"[[!_allowed(1, value, min, max, step)]]\" part=\"increase-button\" on-click=\"_increaseValue\" on-touchend=\"_increaseButtonTouchend\" hidden\\$=\"[[!hasControls]]\">\n    </div>\n  </template>\n\n  \n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
   var memoizedTemplate;
   /**
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-password-field.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-password-field.js
index 880b3afea17..6d7924948b5 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-password-field.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-password-field.js
@@ -6,13 +6,13 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.PasswordFieldElement = void 0;
 
-  var _templateObject_0b00cca01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e18129301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b00cca01f0611ed8cc3e9a95995ad69 || (_templateObject_0b00cca01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<custom-style>\n  <style>\n    @font-face {\n      font-family: 'vaadin-password-field-icons';\n      src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAYMAAsAAAAABcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFgGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAfwAAAH8yBLEP2hlYWQAAAPAAAAANgAAADYN+RfTaGhlYQAAA/gAAAAkAAAAJAfCA8dobXR4AAAEHAAAABgAAAAYDgAAAGxvY2EAAAQ0AAAADgAAAA4BJgCSbWF4cAAABEQAAAAgAAAAIAAMAFpuYW1lAAAEZAAAAYYAAAGGmUoJ+3Bvc3QAAAXsAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAAHoEAALGABQAJABFAAABIg4CMTAeAjMyPgIxMC4CIwc+ATEwBhUUFjEHMCY1NDYTIi4CJz4BNw4BFRQeAjMyPgI1NCYnHgEXDgMjAgChyHAnN3rAiYjFfjsncMihrRg7IA1GExmnY5ZqQg8PWGAFCChGXTU1XUYoCAVgWA8RRW2ZZALGZnpmUmJSUGBQaHxoYA8FRSIhJQ0rIiYz/lQvQkYVInswEygYNV1GKChGXTUYKBMrgCIVRkIvAAAABQAA/8AEAAPAABoAJgA6AEcAVwAAAQceARcOAyMiJicHHgEzMj4CMTAuAicHNCYnATIWMzI+AhMBLgEjIg4CMTAeAhcHFTMBNQEuASc+ATcOARUUFhc3BzAmNTQ2MT4BMTAGFQYWAzo0UlMPEUVtmWQiNR0zJ1QsiMV+OxEsTTw6AgT+zA8dDjVdRijT/ucnXjWhyHAnGTNQN9MtA9P9AE1ZFA9YYAUILSY6QBMZGDsgBAsCczMrcyIWQ0AtCAQzDgtQYFAzS1ckeQ4bCv7TBihGXQH7/uYKEGZ6Zic5RBzNLQPTLf0tIVoYInswEygYNWMihgwrISc5DwVHJiIlAAEAAAAAAADkyo21Xw889QALBAAAAAAA1W1pqwAAAADVbWmrAAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAAAAAAAAoAFAAeAH4A/gAAAAEAAAAGAFgABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n</custom-style><dom-module id=\"vaadin-password-field-template\">\n  <template>\n    <style>\n      /* Hide the native eye icon for IE/Edge */\n      ::-ms-reveal {\n        display: none;\n      }\n\n      [part=\"reveal-button\"][hidden] {\n        display: none !important;\n      }\n    </style>\n\n    <div part=\"reveal-button\" on-mousedown=\"_revealButtonMouseDown\" on-touchend=\"_togglePasswordVisibilityTouchend\" on-click=\"_togglePasswordVisibility\" hidden$=\"[[revealButtonHidden]]\">\n    </div>\n  </template>\n  \n</dom-module>"], ["<custom-style>\n  <style>\n    @font-face {\n      font-family: 'vaadin-password-field-icons';\n      src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAYMAAsAAAAABcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFgGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAfwAAAH8yBLEP2hlYWQAAAPAAAAANgAAADYN+RfTaGhlYQAAA/gAAAAkAAAAJAfCA8dobXR4AAAEHAAAABgAAAAYDgAAAGxvY2EAAAQ0AAAADgAAAA4BJgCSbWF4cAAABEQAAAAgAAAAIAAMAFpuYW1lAAAEZAAAAYYAAAGGmUoJ+3Bvc3QAAAXsAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAAHoEAALGABQAJABFAAABIg4CMTAeAjMyPgIxMC4CIwc+ATEwBhUUFjEHMCY1NDYTIi4CJz4BNw4BFRQeAjMyPgI1NCYnHgEXDgMjAgChyHAnN3rAiYjFfjsncMihrRg7IA1GExmnY5ZqQg8PWGAFCChGXTU1XUYoCAVgWA8RRW2ZZALGZnpmUmJSUGBQaHxoYA8FRSIhJQ0rIiYz/lQvQkYVInswEygYNV1GKChGXTUYKBMrgCIVRkIvAAAABQAA/8AEAAPAABoAJgA6AEcAVwAAAQceARcOAyMiJicHHgEzMj4CMTAuAicHNCYnATIWMzI+AhMBLgEjIg4CMTAeAhcHFTMBNQEuASc+ATcOARUUFhc3BzAmNTQ2MT4BMTAGFQYWAzo0UlMPEUVtmWQiNR0zJ1QsiMV+OxEsTTw6AgT+zA8dDjVdRijT/ucnXjWhyHAnGTNQN9MtA9P9AE1ZFA9YYAUILSY6QBMZGDsgBAsCczMrcyIWQ0AtCAQzDgtQYFAzS1ckeQ4bCv7TBihGXQH7/uYKEGZ6Zic5RBzNLQPTLf0tIVoYInswEygYNWMihgwrISc5DwVHJiIlAAEAAAAAAADkyo21Xw889QALBAAAAAAA1W1pqwAAAADVbWmrAAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAAAAAAAAoAFAAeAH4A/gAAAAEAAAAGAFgABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n</custom-style><dom-module id=\"vaadin-password-field-template\">\n  <template>\n    <style>\n      /* Hide the native eye icon for IE/Edge */\n      ::-ms-reveal {\n        display: none;\n      }\n\n      [part=\"reveal-button\"][hidden] {\n        display: none !important;\n      }\n    </style>\n\n    <div part=\"reveal-button\" on-mousedown=\"_revealButtonMouseDown\" on-touchend=\"_togglePasswordVisibilityTouchend\" on-click=\"_togglePasswordVisibility\" hidden\\$=\"[[revealButtonHidden]]\">\n    </div>\n  </template>\n  \n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e18129301f2611eda0c389891c227ec8 || (_templateObject_e18129301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<custom-style>\n  <style>\n    @font-face {\n      font-family: 'vaadin-password-field-icons';\n      src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAYMAAsAAAAABcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFgGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAfwAAAH8yBLEP2hlYWQAAAPAAAAANgAAADYN+RfTaGhlYQAAA/gAAAAkAAAAJAfCA8dobXR4AAAEHAAAABgAAAAYDgAAAGxvY2EAAAQ0AAAADgAAAA4BJgCSbWF4cAAABEQAAAAgAAAAIAAMAFpuYW1lAAAEZAAAAYYAAAGGmUoJ+3Bvc3QAAAXsAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAAHoEAALGABQAJABFAAABIg4CMTAeAjMyPgIxMC4CIwc+ATEwBhUUFjEHMCY1NDYTIi4CJz4BNw4BFRQeAjMyPgI1NCYnHgEXDgMjAgChyHAnN3rAiYjFfjsncMihrRg7IA1GExmnY5ZqQg8PWGAFCChGXTU1XUYoCAVgWA8RRW2ZZALGZnpmUmJSUGBQaHxoYA8FRSIhJQ0rIiYz/lQvQkYVInswEygYNV1GKChGXTUYKBMrgCIVRkIvAAAABQAA/8AEAAPAABoAJgA6AEcAVwAAAQceARcOAyMiJicHHgEzMj4CMTAuAicHNCYnATIWMzI+AhMBLgEjIg4CMTAeAhcHFTMBNQEuASc+ATcOARUUFhc3BzAmNTQ2MT4BMTAGFQYWAzo0UlMPEUVtmWQiNR0zJ1QsiMV+OxEsTTw6AgT+zA8dDjVdRijT/ucnXjWhyHAnGTNQN9MtA9P9AE1ZFA9YYAUILSY6QBMZGDsgBAsCczMrcyIWQ0AtCAQzDgtQYFAzS1ckeQ4bCv7TBihGXQH7/uYKEGZ6Zic5RBzNLQPTLf0tIVoYInswEygYNWMihgwrISc5DwVHJiIlAAEAAAAAAADkyo21Xw889QALBAAAAAAA1W1pqwAAAADVbWmrAAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAAAAAAAAoAFAAeAH4A/gAAAAEAAAAGAFgABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n</custom-style><dom-module id=\"vaadin-password-field-template\">\n  <template>\n    <style>\n      /* Hide the native eye icon for IE/Edge */\n      ::-ms-reveal {\n        display: none;\n      }\n\n      [part=\"reveal-button\"][hidden] {\n        display: none !important;\n      }\n    </style>\n\n    <div part=\"reveal-button\" on-mousedown=\"_revealButtonMouseDown\" on-touchend=\"_togglePasswordVisibilityTouchend\" on-click=\"_togglePasswordVisibility\" hidden$=\"[[revealButtonHidden]]\">\n    </div>\n  </template>\n  \n</dom-module>"], ["<custom-style>\n  <style>\n    @font-face {\n      font-family: 'vaadin-password-field-icons';\n      src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAYMAAsAAAAABcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFgGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAfwAAAH8yBLEP2hlYWQAAAPAAAAANgAAADYN+RfTaGhlYQAAA/gAAAAkAAAAJAfCA8dobXR4AAAEHAAAABgAAAAYDgAAAGxvY2EAAAQ0AAAADgAAAA4BJgCSbWF4cAAABEQAAAAgAAAAIAAMAFpuYW1lAAAEZAAAAYYAAAGGmUoJ+3Bvc3QAAAXsAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAAHoEAALGABQAJABFAAABIg4CMTAeAjMyPgIxMC4CIwc+ATEwBhUUFjEHMCY1NDYTIi4CJz4BNw4BFRQeAjMyPgI1NCYnHgEXDgMjAgChyHAnN3rAiYjFfjsncMihrRg7IA1GExmnY5ZqQg8PWGAFCChGXTU1XUYoCAVgWA8RRW2ZZALGZnpmUmJSUGBQaHxoYA8FRSIhJQ0rIiYz/lQvQkYVInswEygYNV1GKChGXTUYKBMrgCIVRkIvAAAABQAA/8AEAAPAABoAJgA6AEcAVwAAAQceARcOAyMiJicHHgEzMj4CMTAuAicHNCYnATIWMzI+AhMBLgEjIg4CMTAeAhcHFTMBNQEuASc+ATcOARUUFhc3BzAmNTQ2MT4BMTAGFQYWAzo0UlMPEUVtmWQiNR0zJ1QsiMV+OxEsTTw6AgT+zA8dDjVdRijT/ucnXjWhyHAnGTNQN9MtA9P9AE1ZFA9YYAUILSY6QBMZGDsgBAsCczMrcyIWQ0AtCAQzDgtQYFAzS1ckeQ4bCv7TBihGXQH7/uYKEGZ6Zic5RBzNLQPTLf0tIVoYInswEygYNWMihgwrISc5DwVHJiIlAAEAAAAAAADkyo21Xw889QALBAAAAAAA1W1pqwAAAADVbWmrAAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAAAAAAAAoAFAAeAH4A/gAAAAEAAAAGAFgABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n</custom-style><dom-module id=\"vaadin-password-field-template\">\n  <template>\n    <style>\n      /* Hide the native eye icon for IE/Edge */\n      ::-ms-reveal {\n        display: none;\n      }\n\n      [part=\"reveal-button\"][hidden] {\n        display: none !important;\n      }\n    </style>\n\n    <div part=\"reveal-button\" on-mousedown=\"_revealButtonMouseDown\" on-touchend=\"_togglePasswordVisibilityTouchend\" on-click=\"_togglePasswordVisibility\" hidden\\$=\"[[revealButtonHidden]]\">\n    </div>\n  </template>\n  \n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
   var memoizedTemplate;
   /**
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-area.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-area.js
index c1428e65917..c8bccbfd32e 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-area.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-area.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./vaadin-tex
   });
   _exports.TextAreaElement = void 0;
 
-  var _templateObject_0b0364b01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e18484901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -220,7 +220,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./vaadin-tex
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0b0364b01f0611ed8cc3e9a95995ad69 || (_templateObject_0b0364b01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"vaadin-text-field-shared-styles\">\n      .vaadin-text-area-container {\n        flex: auto;\n        max-height: inherit; /* MSIE 11 */\n        min-height: inherit; /* MSIE 11 */\n      }\n\n      /* The label, helper text and the error message should neither grow nor shrink. */\n      [part=\"label\"],\n      [part=\"helper-text\"],\n      [part=\"error-message\"] {\n        flex: none;\n      }\n\n      [part=\"input-field\"] {\n        overflow: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      [part=\"value\"] {\n        resize: none;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(*) {\n        align-self: flex-start;\n      }\n\n      @keyframes vaadin-text-area-appear {\n        to {\n          opacity: 1;\n        }\n      }\n\n      :host {\n        animation: 1ms vaadin-text-area-appear;\n      }\n\n      /* Workaround https://bugzilla.mozilla.org/show_bug.cgi?id=1739079 */\n      :host([disabled]) [part='value'] {\n        user-select: none;\n      }\n    </style>\n\n    <div class=\"vaadin-text-area-container\">\n\n      <label part=\"label\" on-click=\"focus\" id=\"[[_labelId]]\">[[label]]</label>\n\n      <div part=\"input-field\" id=\"[[_inputId]]\" on-scroll=\"__scrollPositionUpdated\">\n\n        <slot name=\"prefix\"></slot>\n\n        <slot name=\"textarea\">\n          <textarea part=\"value\"></textarea>\n        </slot>\n\n        <div part=\"clear-button\" id=\"clearButton\" role=\"button\" aria-label$=\"[[i18n.clear]]\"></div>\n        <slot name=\"suffix\"></slot>\n\n      </div>\n\n      <div part=\"helper-text\" id=\"[[_helperTextId]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" id=\"[[_errorId]]\" aria-live=\"assertive\" aria-hidden$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage, _errorId)]]\">[[errorMessage]]</div>\n\n    </div>\n"], ["\n    <style include=\"vaadin-text-field-shared-styles\">\n      .vaadin-text-area-container {\n        flex: auto;\n        max-height: inherit; /* MSIE 11 */\n        min-height: inherit; /* MSIE 11 */\n      }\n\n      /* The label, helper text and the error message should neither grow nor shrink. */\n      [part=\"label\"],\n      [part=\"helper-text\"],\n      [part=\"error-message\"] {\n        flex: none;\n      }\n\n      [part=\"input-field\"] {\n        overflow: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      [part=\"value\"] {\n        resize: none;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(*) {\n        align-self: flex-start;\n      }\n\n      @keyframes vaadin-text-area-appear {\n        to {\n          opacity: 1;\n        }\n      }\n\n      :host {\n        animation: 1ms vaadin-text-area-appear;\n      }\n\n      /* Workaround https://bugzilla.mozilla.org/show_bug.cgi?id=1739079 */\n      :host([disabled]) [part='value'] {\n        user-select: none;\n      }\n    </style>\n\n    <div class=\"vaadin-text-area-container\">\n\n      <label part=\"label\" on-click=\"focus\" id=\"[[_labelId]]\">[[label]]</label>\n\n      <div part=\"input-field\" id=\"[[_inputId]]\" on-scroll=\"__scrollPositionUpdated\">\n\n        <slot name=\"prefix\"></slot>\n\n        <slot name=\"textarea\">\n          <textarea part=\"value\"></textarea>\n        </slot>\n\n        <div part=\"clear-button\" id=\"clearButton\" role=\"button\" aria-label\\$=\"[[i18n.clear]]\"></div>\n        <slot name=\"suffix\"></slot>\n\n      </div>\n\n      <div part=\"helper-text\" id=\"[[_helperTextId]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" id=\"[[_errorId]]\" aria-live=\"assertive\" aria-hidden\\$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage, _errorId)]]\">[[errorMessage]]</div>\n\n    </div>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e18484901f2611eda0c389891c227ec8 || (_templateObject_e18484901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"vaadin-text-field-shared-styles\">\n      .vaadin-text-area-container {\n        flex: auto;\n        max-height: inherit; /* MSIE 11 */\n        min-height: inherit; /* MSIE 11 */\n      }\n\n      /* The label, helper text and the error message should neither grow nor shrink. */\n      [part=\"label\"],\n      [part=\"helper-text\"],\n      [part=\"error-message\"] {\n        flex: none;\n      }\n\n      [part=\"input-field\"] {\n        overflow: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      [part=\"value\"] {\n        resize: none;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(*) {\n        align-self: flex-start;\n      }\n\n      @keyframes vaadin-text-area-appear {\n        to {\n          opacity: 1;\n        }\n      }\n\n      :host {\n        animation: 1ms vaadin-text-area-appear;\n      }\n\n      /* Workaround https://bugzilla.mozilla.org/show_bug.cgi?id=1739079 */\n      :host([disabled]) [part='value'] {\n        user-select: none;\n      }\n    </style>\n\n    <div class=\"vaadin-text-area-container\">\n\n      <label part=\"label\" on-click=\"focus\" id=\"[[_labelId]]\">[[label]]</label>\n\n      <div part=\"input-field\" id=\"[[_inputId]]\" on-scroll=\"__scrollPositionUpdated\">\n\n        <slot name=\"prefix\"></slot>\n\n        <slot name=\"textarea\">\n          <textarea part=\"value\"></textarea>\n        </slot>\n\n        <div part=\"clear-button\" id=\"clearButton\" role=\"button\" aria-label$=\"[[i18n.clear]]\"></div>\n        <slot name=\"suffix\"></slot>\n\n      </div>\n\n      <div part=\"helper-text\" id=\"[[_helperTextId]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" id=\"[[_errorId]]\" aria-live=\"assertive\" aria-hidden$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage, _errorId)]]\">[[errorMessage]]</div>\n\n    </div>\n"], ["\n    <style include=\"vaadin-text-field-shared-styles\">\n      .vaadin-text-area-container {\n        flex: auto;\n        max-height: inherit; /* MSIE 11 */\n        min-height: inherit; /* MSIE 11 */\n      }\n\n      /* The label, helper text and the error message should neither grow nor shrink. */\n      [part=\"label\"],\n      [part=\"helper-text\"],\n      [part=\"error-message\"] {\n        flex: none;\n      }\n\n      [part=\"input-field\"] {\n        overflow: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      [part=\"value\"] {\n        resize: none;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(*) {\n        align-self: flex-start;\n      }\n\n      @keyframes vaadin-text-area-appear {\n        to {\n          opacity: 1;\n        }\n      }\n\n      :host {\n        animation: 1ms vaadin-text-area-appear;\n      }\n\n      /* Workaround https://bugzilla.mozilla.org/show_bug.cgi?id=1739079 */\n      :host([disabled]) [part='value'] {\n        user-select: none;\n      }\n    </style>\n\n    <div class=\"vaadin-text-area-container\">\n\n      <label part=\"label\" on-click=\"focus\" id=\"[[_labelId]]\">[[label]]</label>\n\n      <div part=\"input-field\" id=\"[[_inputId]]\" on-scroll=\"__scrollPositionUpdated\">\n\n        <slot name=\"prefix\"></slot>\n\n        <slot name=\"textarea\">\n          <textarea part=\"value\"></textarea>\n        </slot>\n\n        <div part=\"clear-button\" id=\"clearButton\" role=\"button\" aria-label\\$=\"[[i18n.clear]]\"></div>\n        <slot name=\"suffix\"></slot>\n\n      </div>\n\n      <div part=\"helper-text\" id=\"[[_helperTextId]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" id=\"[[_errorId]]\" aria-live=\"assertive\" aria-hidden\\$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage, _errorId)]]\">[[errorMessage]]</div>\n\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-field-mixin.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-field-mixin.js
index 0f63b2597d6..f235687db58 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-field-mixin.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-field-mixin.js
@@ -6,13 +6,13 @@ define(["exports", "../../../@polymer/polymer/lib/utils/async.js", "../../../@po
   });
   _exports.TextFieldMixin = void 0;
 
-  var _templateObject_0b0dc4f01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e18f81101f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b0dc4f01f0611ed8cc3e9a95995ad69 || (_templateObject_0b0dc4f01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"vaadin-text-field-shared-styles\">\n  <template>\n    <style>\n      :host {\n        display: inline-flex;\n        outline: none;\n      }\n\n      :host::before {\n        content: \"\\2003\";\n        width: 0;\n        display: inline-block;\n        /* Size and position this element on the same vertical position as the input-field element\n           to make vertical align for the host element work as expected */\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      .vaadin-text-field-container,\n      .vaadin-text-area-container {\n        display: flex;\n        flex-direction: column;\n        min-width: 100%;\n        max-width: 100%;\n        width: var(--vaadin-text-field-default-width, 12em);\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n\n      [part=\"input-field\"] {\n        display: flex;\n        align-items: center;\n        flex: auto;\n      }\n\n      .vaadin-text-field-container [part=\"input-field\"] {\n        flex-grow: 0;\n      }\n\n      /* Reset the native input styles */\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        outline: none;\n        margin: 0;\n        padding: 0;\n        border: 0;\n        border-radius: 0;\n        min-width: 0;\n        font: inherit;\n        font-size: 1em;\n        line-height: normal;\n        color: inherit;\n        background-color: transparent;\n        /* Disable default invalid style in Firefox */\n        box-shadow: none;\n      }\n\n      [part=\"input-field\"] ::slotted(*) {\n        flex: none;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        flex: auto;\n        white-space: nowrap;\n        overflow: hidden;\n        width: 100%;\n        height: 100%;\n      }\n\n      [part=\"input-field\"] ::slotted(textarea) {\n        resize: none;\n      }\n\n      [part=\"value\"]::-ms-clear,\n      [part=\"input-field\"] ::slotted(input)::-ms-clear {\n        display: none;\n      }\n\n      [part=\"clear-button\"] {\n        cursor: default;\n      }\n\n      [part=\"clear-button\"]::before {\n        content: \"\u2715\";\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"vaadin-text-field-shared-styles\">\n  <template>\n    <style>\n      :host {\n        display: inline-flex;\n        outline: none;\n      }\n\n      :host::before {\n        content: \"\\\\2003\";\n        width: 0;\n        display: inline-block;\n        /* Size and position this element on the same vertical position as the input-field element\n           to make vertical align for the host element work as expected */\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      .vaadin-text-field-container,\n      .vaadin-text-area-container {\n        display: flex;\n        flex-direction: column;\n        min-width: 100%;\n        max-width: 100%;\n        width: var(--vaadin-text-field-default-width, 12em);\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n\n      [part=\"input-field\"] {\n        display: flex;\n        align-items: center;\n        flex: auto;\n      }\n\n      .vaadin-text-field-container [part=\"input-field\"] {\n        flex-grow: 0;\n      }\n\n      /* Reset the native input styles */\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        outline: none;\n        margin: 0;\n        padding: 0;\n        border: 0;\n        border-radius: 0;\n        min-width: 0;\n        font: inherit;\n        font-size: 1em;\n        line-height: normal;\n        color: inherit;\n        background-color: transparent;\n        /* Disable default invalid style in Firefox */\n        box-shadow: none;\n      }\n\n      [part=\"input-field\"] ::slotted(*) {\n        flex: none;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        flex: auto;\n        white-space: nowrap;\n        overflow: hidden;\n        width: 100%;\n        height: 100%;\n      }\n\n      [part=\"input-field\"] ::slotted(textarea) {\n        resize: none;\n      }\n\n      [part=\"value\"]::-ms-clear,\n      [part=\"input-field\"] ::slotted(input)::-ms-clear {\n        display: none;\n      }\n\n      [part=\"clear-button\"] {\n        cursor: default;\n      }\n\n      [part=\"clear-button\"]::before {\n        content: \"\u2715\";\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e18f81101f2611eda0c389891c227ec8 || (_templateObject_e18f81101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"vaadin-text-field-shared-styles\">\n  <template>\n    <style>\n      :host {\n        display: inline-flex;\n        outline: none;\n      }\n\n      :host::before {\n        content: \"\\2003\";\n        width: 0;\n        display: inline-block;\n        /* Size and position this element on the same vertical position as the input-field element\n           to make vertical align for the host element work as expected */\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      .vaadin-text-field-container,\n      .vaadin-text-area-container {\n        display: flex;\n        flex-direction: column;\n        min-width: 100%;\n        max-width: 100%;\n        width: var(--vaadin-text-field-default-width, 12em);\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n\n      [part=\"input-field\"] {\n        display: flex;\n        align-items: center;\n        flex: auto;\n      }\n\n      .vaadin-text-field-container [part=\"input-field\"] {\n        flex-grow: 0;\n      }\n\n      /* Reset the native input styles */\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        outline: none;\n        margin: 0;\n        padding: 0;\n        border: 0;\n        border-radius: 0;\n        min-width: 0;\n        font: inherit;\n        font-size: 1em;\n        line-height: normal;\n        color: inherit;\n        background-color: transparent;\n        /* Disable default invalid style in Firefox */\n        box-shadow: none;\n      }\n\n      [part=\"input-field\"] ::slotted(*) {\n        flex: none;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        flex: auto;\n        white-space: nowrap;\n        overflow: hidden;\n        width: 100%;\n        height: 100%;\n      }\n\n      [part=\"input-field\"] ::slotted(textarea) {\n        resize: none;\n      }\n\n      [part=\"value\"]::-ms-clear,\n      [part=\"input-field\"] ::slotted(input)::-ms-clear {\n        display: none;\n      }\n\n      [part=\"clear-button\"] {\n        cursor: default;\n      }\n\n      [part=\"clear-button\"]::before {\n        content: \"\u2715\";\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"vaadin-text-field-shared-styles\">\n  <template>\n    <style>\n      :host {\n        display: inline-flex;\n        outline: none;\n      }\n\n      :host::before {\n        content: \"\\\\2003\";\n        width: 0;\n        display: inline-block;\n        /* Size and position this element on the same vertical position as the input-field element\n           to make vertical align for the host element work as expected */\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      .vaadin-text-field-container,\n      .vaadin-text-area-container {\n        display: flex;\n        flex-direction: column;\n        min-width: 100%;\n        max-width: 100%;\n        width: var(--vaadin-text-field-default-width, 12em);\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n\n      [part=\"input-field\"] {\n        display: flex;\n        align-items: center;\n        flex: auto;\n      }\n\n      .vaadin-text-field-container [part=\"input-field\"] {\n        flex-grow: 0;\n      }\n\n      /* Reset the native input styles */\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        outline: none;\n        margin: 0;\n        padding: 0;\n        border: 0;\n        border-radius: 0;\n        min-width: 0;\n        font: inherit;\n        font-size: 1em;\n        line-height: normal;\n        color: inherit;\n        background-color: transparent;\n        /* Disable default invalid style in Firefox */\n        box-shadow: none;\n      }\n\n      [part=\"input-field\"] ::slotted(*) {\n        flex: none;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        flex: auto;\n        white-space: nowrap;\n        overflow: hidden;\n        width: 100%;\n        height: 100%;\n      }\n\n      [part=\"input-field\"] ::slotted(textarea) {\n        resize: none;\n      }\n\n      [part=\"value\"]::-ms-clear,\n      [part=\"input-field\"] ::slotted(input)::-ms-clear {\n        display: none;\n      }\n\n      [part=\"clear-button\"] {\n        cursor: default;\n      }\n\n      [part=\"clear-button\"]::before {\n        content: \"\u2715\";\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
   var HOST_PROPS = {
     default: ['list', 'autofocus', 'pattern', 'autocapitalize', 'autocorrect', 'maxlength', 'minlength', 'name', 'placeholder', 'autocomplete', 'title', 'disabled', 'readonly', 'required'],
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-field.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-field.js
index 3a97c358c51..ff8cf6f06bd 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-field.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-field.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./vaadin-tex
   });
   _exports.TextFieldElement = void 0;
 
-  var _templateObject_0b1c43e01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e19b19d01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -88,7 +88,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./vaadin-tex
     babelHelpers.createClass(TextFieldElement, null, [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0b1c43e01f0611ed8cc3e9a95995ad69 || (_templateObject_0b1c43e01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"vaadin-text-field-shared-styles\">\n      /* polymer-cli linter breaks with empty line */\n    </style>\n\n    <div class=\"vaadin-text-field-container\">\n\n      <label part=\"label\" on-click=\"focus\" id=\"[[_labelId]]\">[[label]]</label>\n\n      <div part=\"input-field\" id=\"[[_inputId]]\">\n\n        <slot name=\"prefix\"></slot>\n\n        <slot name=\"input\">\n          <input part=\"value\">\n        </slot>\n\n        <div part=\"clear-button\" id=\"clearButton\" role=\"button\" aria-label$=\"[[i18n.clear]]\"></div>\n        <slot name=\"suffix\"></slot>\n\n      </div>\n\n      <div part=\"helper-text\" id=\"[[_helperTextId]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" id=\"[[_errorId]]\" aria-live=\"assertive\" aria-hidden$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage, _errorId)]]\">[[errorMessage]]</div>\n\n    </div>\n"], ["\n    <style include=\"vaadin-text-field-shared-styles\">\n      /* polymer-cli linter breaks with empty line */\n    </style>\n\n    <div class=\"vaadin-text-field-container\">\n\n      <label part=\"label\" on-click=\"focus\" id=\"[[_labelId]]\">[[label]]</label>\n\n      <div part=\"input-field\" id=\"[[_inputId]]\">\n\n        <slot name=\"prefix\"></slot>\n\n        <slot name=\"input\">\n          <input part=\"value\">\n        </slot>\n\n        <div part=\"clear-button\" id=\"clearButton\" role=\"button\" aria-label\\$=\"[[i18n.clear]]\"></div>\n        <slot name=\"suffix\"></slot>\n\n      </div>\n\n      <div part=\"helper-text\" id=\"[[_helperTextId]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" id=\"[[_errorId]]\" aria-live=\"assertive\" aria-hidden\\$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage, _errorId)]]\">[[errorMessage]]</div>\n\n    </div>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e19b19d01f2611eda0c389891c227ec8 || (_templateObject_e19b19d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"vaadin-text-field-shared-styles\">\n      /* polymer-cli linter breaks with empty line */\n    </style>\n\n    <div class=\"vaadin-text-field-container\">\n\n      <label part=\"label\" on-click=\"focus\" id=\"[[_labelId]]\">[[label]]</label>\n\n      <div part=\"input-field\" id=\"[[_inputId]]\">\n\n        <slot name=\"prefix\"></slot>\n\n        <slot name=\"input\">\n          <input part=\"value\">\n        </slot>\n\n        <div part=\"clear-button\" id=\"clearButton\" role=\"button\" aria-label$=\"[[i18n.clear]]\"></div>\n        <slot name=\"suffix\"></slot>\n\n      </div>\n\n      <div part=\"helper-text\" id=\"[[_helperTextId]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" id=\"[[_errorId]]\" aria-live=\"assertive\" aria-hidden$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage, _errorId)]]\">[[errorMessage]]</div>\n\n    </div>\n"], ["\n    <style include=\"vaadin-text-field-shared-styles\">\n      /* polymer-cli linter breaks with empty line */\n    </style>\n\n    <div class=\"vaadin-text-field-container\">\n\n      <label part=\"label\" on-click=\"focus\" id=\"[[_labelId]]\">[[label]]</label>\n\n      <div part=\"input-field\" id=\"[[_inputId]]\">\n\n        <slot name=\"prefix\"></slot>\n\n        <slot name=\"input\">\n          <input part=\"value\">\n        </slot>\n\n        <div part=\"clear-button\" id=\"clearButton\" role=\"button\" aria-label\\$=\"[[i18n.clear]]\"></div>\n        <slot name=\"suffix\"></slot>\n\n      </div>\n\n      <div part=\"helper-text\" id=\"[[_helperTextId]]\">\n        <slot name=\"helper\">[[helperText]]</slot>\n      </div>\n\n      <div part=\"error-message\" id=\"[[_errorId]]\" aria-live=\"assertive\" aria-hidden\\$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage, _errorId)]]\">[[errorMessage]]</div>\n\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-email-field-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-email-field-styles.js
index c5fc1c2bbbf..1a5b75773ff 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-email-field-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-email-field-styles.js
@@ -1,8 +1,8 @@
 define(["../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_htmlTag) {
   "use strict";
 
-  var _templateObject_0b526f101f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f261901f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b526f101f0611ed8cc3e9a95995ad69 || (_templateObject_0b526f101f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-email-field\" theme-for=\"vaadin-email-field\">\n  <template>\n    <style>\n      :not(*):placeholder-shown, /* to prevent broken styles on IE */\n      :host([dir=\"rtl\"]) [part=\"value\"]:placeholder-shown,\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input:placeholder-shown) {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"],\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input) {\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f261901f2611eda0c389891c227ec8 || (_templateObject_e1f261901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-email-field\" theme-for=\"vaadin-email-field\">\n  <template>\n    <style>\n      :not(*):placeholder-shown, /* to prevent broken styles on IE */\n      :host([dir=\"rtl\"]) [part=\"value\"]:placeholder-shown,\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input:placeholder-shown) {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"],\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input) {\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-number-field-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-number-field-styles.js
index 1901e6f59e8..100c37fdcf1 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-number-field-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-number-field-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/font-icons.js", "../../../vaadin-lumo-styles/sizing.js", "../../../vaadin-lumo-styles/mixins/field-button.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_fontIcons, _sizing, _fieldButton, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b530b501f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f2fdd01f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b530b501f0611ed8cc3e9a95995ad69 || (_templateObject_0b530b501f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-number-field\" theme-for=\"vaadin-number-field\">\n  <template>\n    <style include=\"lumo-field-button\">\n      :host {\n        width: 8em;\n      }\n\n      :host([has-controls]:not([theme~=\"align-right\"])) [part=\"value\"] {\n        text-align: center;\n      }\n\n      [part=\"decrease-button\"][disabled],\n      [part=\"increase-button\"][disabled] {\n        opacity: 0.2;\n      }\n\n      :host([has-controls]) [part=\"input-field\"] {\n        padding: 0;\n      }\n\n      [part=\"decrease-button\"],\n      [part=\"increase-button\"] {\n        cursor: pointer;\n        font-size: var(--lumo-icon-size-s);\n        width: 1.6em;\n        height: 1.6em;\n      }\n\n      [part=\"decrease-button\"]::before,\n      [part=\"increase-button\"]::before {\n        margin-top: 0.2em;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"value\"],\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input) {\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f2fdd01f2611eda0c389891c227ec8 || (_templateObject_e1f2fdd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-number-field\" theme-for=\"vaadin-number-field\">\n  <template>\n    <style include=\"lumo-field-button\">\n      :host {\n        width: 8em;\n      }\n\n      :host([has-controls]:not([theme~=\"align-right\"])) [part=\"value\"] {\n        text-align: center;\n      }\n\n      [part=\"decrease-button\"][disabled],\n      [part=\"increase-button\"][disabled] {\n        opacity: 0.2;\n      }\n\n      :host([has-controls]) [part=\"input-field\"] {\n        padding: 0;\n      }\n\n      [part=\"decrease-button\"],\n      [part=\"increase-button\"] {\n        cursor: pointer;\n        font-size: var(--lumo-icon-size-s);\n        width: 1.6em;\n        height: 1.6em;\n      }\n\n      [part=\"decrease-button\"]::before,\n      [part=\"increase-button\"]::before {\n        margin-top: 0.2em;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"value\"],\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input) {\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-password-field-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-password-field-styles.js
index 446f96ecefa..8f5530c6c77 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-password-field-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-password-field-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/font-icons.js", "../../../vaadin-lumo-styles/sizing.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_fontIcons, _sizing, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b5380801f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f436501f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b5380801f0611ed8cc3e9a95995ad69 || (_templateObject_0b5380801f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-password-field\" theme-for=\"vaadin-password-field\">\n  <template>\n    <style>\n      [part=\"reveal-button\"]::before {\n        content: var(--lumo-icons-eye);\n      }\n\n      :host([password-visible]) [part=\"reveal-button\"]::before {\n        content: var(--lumo-icons-eye-disabled);\n      }\n\n      /* Make it easy to hide the button across the whole app */\n      [part=\"reveal-button\"] {\n        display: var(--lumo-password-field-reveal-button-display, block);\n      }\n\n      /* FIXME: ShadyCSS workaround for slotted input in Edge */\n      [part=\"input-field\"] ::slotted(input)::-ms-reveal {\n        display: none;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f436501f2611eda0c389891c227ec8 || (_templateObject_e1f436501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-password-field\" theme-for=\"vaadin-password-field\">\n  <template>\n    <style>\n      [part=\"reveal-button\"]::before {\n        content: var(--lumo-icons-eye);\n      }\n\n      :host([password-visible]) [part=\"reveal-button\"]::before {\n        content: var(--lumo-icons-eye-disabled);\n      }\n\n      /* Make it easy to hide the button across the whole app */\n      [part=\"reveal-button\"] {\n        display: var(--lumo-password-field-reveal-button-display, block);\n      }\n\n      /* FIXME: ShadyCSS workaround for slotted input in Edge */\n      [part=\"input-field\"] ::slotted(input)::-ms-reveal {\n        display: none;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-placeholder-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-placeholder-styles.js
index 805af8ebb16..be60d782bfe 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-placeholder-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-placeholder-styles.js
@@ -1,8 +1,8 @@
 define(["../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_htmlTag) {
   "use strict";
 
-  var _templateObject_0b546ae01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f4ab801f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b546ae01f0611ed8cc3e9a95995ad69 || (_templateObject_0b546ae01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-placeholder-styles\">\n  <template>\n    <style>\n      input[slot=\"input\"]::-webkit-input-placeholder,\n      textarea[slot=\"textarea\"]::-webkit-input-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      input[slot=\"input\"]::-ms-input-placeholder,\n      textarea[slot=\"textarea\"]::-ms-input-placeholder {\n        color: inherit;\n        opacity: 0.5;\n      }\n\n      input[slot=\"input\"]::-moz-placeholder,\n      textarea[slot=\"textarea\"]::-moz-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      input[slot=\"input\"]::placeholder,\n      textarea[slot=\"textarea\"]::placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.1s;\n        opacity: 0.5;\n      }\n\n      /* Read-only and disabled */\n      [readonly] > input[slot=\"input\"]::-webkit-input-placeholder,\n      [readonly] > textarea[slot=\"textarea\"]::-webkit-input-placeholder,\n      [disabled] > input[slot=\"input\"]::-webkit-input-placeholder,\n      [disabled] > textarea[slot=\"textarea\"]::-webkit-input-placeholder {\n        opacity: 0;\n      }\n\n      [readonly] > input[slot=\"input\"]::-ms-input-placeholder,\n      [readonly] > textarea[slot=\"textarea\"]::-ms-input-placeholder,\n      [disabled] > input[slot=\"input\"]::-ms-input-placeholder,\n      [disabled] > textarea[slot=\"textarea\"]::-ms-input-placeholder {\n        opacity: 0;\n      }\n\n      [readonly] > input[slot=\"input\"]::-moz-placeholder,\n      [readonly] > textarea[slot=\"textarea\"]::-moz-placeholder,\n      [disabled] > input[slot=\"input\"]::-moz-placeholder,\n      [disabled] > textarea[slot=\"textarea\"]::-moz-placeholder {\n        opacity: 0;\n      }\n\n      [readonly] > input[slot=\"input\"]::placeholder,\n      [readonly] > textarea[slot=\"textarea\"]::placeholder,\n      [disabled] > input[slot=\"input\"]::placeholder,\n      [disabled] > textarea[slot=\"textarea\"]::placeholder {\n        opacity: 0;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f4ab801f2611eda0c389891c227ec8 || (_templateObject_e1f4ab801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-placeholder-styles\">\n  <template>\n    <style>\n      input[slot=\"input\"]::-webkit-input-placeholder,\n      textarea[slot=\"textarea\"]::-webkit-input-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      input[slot=\"input\"]::-ms-input-placeholder,\n      textarea[slot=\"textarea\"]::-ms-input-placeholder {\n        color: inherit;\n        opacity: 0.5;\n      }\n\n      input[slot=\"input\"]::-moz-placeholder,\n      textarea[slot=\"textarea\"]::-moz-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      input[slot=\"input\"]::placeholder,\n      textarea[slot=\"textarea\"]::placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.1s;\n        opacity: 0.5;\n      }\n\n      /* Read-only and disabled */\n      [readonly] > input[slot=\"input\"]::-webkit-input-placeholder,\n      [readonly] > textarea[slot=\"textarea\"]::-webkit-input-placeholder,\n      [disabled] > input[slot=\"input\"]::-webkit-input-placeholder,\n      [disabled] > textarea[slot=\"textarea\"]::-webkit-input-placeholder {\n        opacity: 0;\n      }\n\n      [readonly] > input[slot=\"input\"]::-ms-input-placeholder,\n      [readonly] > textarea[slot=\"textarea\"]::-ms-input-placeholder,\n      [disabled] > input[slot=\"input\"]::-ms-input-placeholder,\n      [disabled] > textarea[slot=\"textarea\"]::-ms-input-placeholder {\n        opacity: 0;\n      }\n\n      [readonly] > input[slot=\"input\"]::-moz-placeholder,\n      [readonly] > textarea[slot=\"textarea\"]::-moz-placeholder,\n      [disabled] > input[slot=\"input\"]::-moz-placeholder,\n      [disabled] > textarea[slot=\"textarea\"]::-moz-placeholder {\n        opacity: 0;\n      }\n\n      [readonly] > input[slot=\"input\"]::placeholder,\n      [readonly] > textarea[slot=\"textarea\"]::placeholder,\n      [disabled] > input[slot=\"input\"]::placeholder,\n      [disabled] > textarea[slot=\"textarea\"]::placeholder {\n        opacity: 0;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-text-area-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-text-area-styles.js
index 5eb6337874b..b278c544fe8 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-text-area-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-text-area-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/sizing.js", "../../../vaadin-lumo-styles/typography.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _sizing, _typography, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b54b9001f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f4f9a01f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b54b9001f0611ed8cc3e9a95995ad69 || (_templateObject_0b54b9001f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-text-area\" theme-for=\"vaadin-text-area\">\n  <template>\n    <style include=\"lumo-text-field\">\n      [part=\"input-field\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        /* Equal to the implicit padding in vaadin-text-field */\n        padding-top: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);\n        padding-bottom: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);\n        height: auto;\n        box-sizing: border-box;\n        transition: background-color 0.1s;\n        line-height: var(--lumo-line-height-s);\n      }\n\n      :host(:not([readonly])) [part=\"input-field\"]::after {\n        display: none;\n      }\n\n      :host([readonly]) [part=\"input-field\"] {\n        border: 1px dashed var(--lumo-contrast-30pct);\n      }\n\n      :host([readonly]) [part=\"input-field\"]::after {\n        border: none;\n      }\n\n      :host(:hover:not([readonly]):not([focused]):not([invalid])) [part=\"input-field\"] {\n        background-color: var(--lumo-contrast-20pct);\n      }\n\n      @media (pointer: coarse) {\n        :host(:hover:not([readonly]):not([focused]):not([invalid])) [part=\"input-field\"] {\n          background-color: var(--lumo-contrast-10pct);\n        }\n\n        :host(:active:not([readonly]):not([focused])) [part=\"input-field\"] {\n          background-color: var(--lumo-contrast-20pct);\n        }\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        line-height: inherit;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      /* Vertically align icon prefix/suffix with the first line of text */\n      [part=\"input-field\"] ::slotted(iron-icon) {\n        margin-top: calc((var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)) / -2);\n      }\n\n      [part=\"input-field\"] [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        white-space: pre-wrap; /* override `nowrap` from <vaadin-text-field> */\n        align-self: stretch; /* override `baseline` from <vaadin-text-field> */\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"lumo-text-area\" theme-for=\"vaadin-text-area\">\n  <template>\n    <style include=\"lumo-text-field\">\n      [part=\"input-field\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        /* Equal to the implicit padding in vaadin-text-field */\n        padding-top: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);\n        padding-bottom: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);\n        height: auto;\n        box-sizing: border-box;\n        transition: background-color 0.1s;\n        line-height: var(--lumo-line-height-s);\n      }\n\n      :host(:not([readonly])) [part=\"input-field\"]::after {\n        display: none;\n      }\n\n      :host([readonly]) [part=\"input-field\"] {\n        border: 1px dashed var(--lumo-contrast-30pct);\n      }\n\n      :host([readonly]) [part=\"input-field\"]::after {\n        border: none;\n      }\n\n      :host(:hover:not([readonly]):not([focused]):not([invalid])) [part=\"input-field\"] {\n        background-color: var(--lumo-contrast-20pct);\n      }\n\n      @media (pointer: coarse) {\n        :host(:hover:not([readonly]):not([focused]):not([invalid])) [part=\"input-field\"] {\n          background-color: var(--lumo-contrast-10pct);\n        }\n\n        :host(:active:not([readonly]):not([focused])) [part=\"input-field\"] {\n          background-color: var(--lumo-contrast-20pct);\n        }\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        line-height: inherit;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      /* Vertically align icon prefix/suffix with the first line of text */\n      [part=\"input-field\"] ::slotted(iron-icon) {\n        margin-top: calc((var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)) / -2);\n      }\n\n      [part=\"input-field\"] [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        white-space: pre-wrap; /* override \\`nowrap\\` from <vaadin-text-field> */\n        align-self: stretch; /* override \\`baseline\\` from <vaadin-text-field> */\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f4f9a01f2611eda0c389891c227ec8 || (_templateObject_e1f4f9a01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-text-area\" theme-for=\"vaadin-text-area\">\n  <template>\n    <style include=\"lumo-text-field\">\n      [part=\"input-field\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        /* Equal to the implicit padding in vaadin-text-field */\n        padding-top: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);\n        padding-bottom: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);\n        height: auto;\n        box-sizing: border-box;\n        transition: background-color 0.1s;\n        line-height: var(--lumo-line-height-s);\n      }\n\n      :host(:not([readonly])) [part=\"input-field\"]::after {\n        display: none;\n      }\n\n      :host([readonly]) [part=\"input-field\"] {\n        border: 1px dashed var(--lumo-contrast-30pct);\n      }\n\n      :host([readonly]) [part=\"input-field\"]::after {\n        border: none;\n      }\n\n      :host(:hover:not([readonly]):not([focused]):not([invalid])) [part=\"input-field\"] {\n        background-color: var(--lumo-contrast-20pct);\n      }\n\n      @media (pointer: coarse) {\n        :host(:hover:not([readonly]):not([focused]):not([invalid])) [part=\"input-field\"] {\n          background-color: var(--lumo-contrast-10pct);\n        }\n\n        :host(:active:not([readonly]):not([focused])) [part=\"input-field\"] {\n          background-color: var(--lumo-contrast-20pct);\n        }\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        line-height: inherit;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      /* Vertically align icon prefix/suffix with the first line of text */\n      [part=\"input-field\"] ::slotted(iron-icon) {\n        margin-top: calc((var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)) / -2);\n      }\n\n      [part=\"input-field\"] [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        white-space: pre-wrap; /* override `nowrap` from <vaadin-text-field> */\n        align-self: stretch; /* override `baseline` from <vaadin-text-field> */\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"lumo-text-area\" theme-for=\"vaadin-text-area\">\n  <template>\n    <style include=\"lumo-text-field\">\n      [part=\"input-field\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        /* Equal to the implicit padding in vaadin-text-field */\n        padding-top: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);\n        padding-bottom: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);\n        height: auto;\n        box-sizing: border-box;\n        transition: background-color 0.1s;\n        line-height: var(--lumo-line-height-s);\n      }\n\n      :host(:not([readonly])) [part=\"input-field\"]::after {\n        display: none;\n      }\n\n      :host([readonly]) [part=\"input-field\"] {\n        border: 1px dashed var(--lumo-contrast-30pct);\n      }\n\n      :host([readonly]) [part=\"input-field\"]::after {\n        border: none;\n      }\n\n      :host(:hover:not([readonly]):not([focused]):not([invalid])) [part=\"input-field\"] {\n        background-color: var(--lumo-contrast-20pct);\n      }\n\n      @media (pointer: coarse) {\n        :host(:hover:not([readonly]):not([focused]):not([invalid])) [part=\"input-field\"] {\n          background-color: var(--lumo-contrast-10pct);\n        }\n\n        :host(:active:not([readonly]):not([focused])) [part=\"input-field\"] {\n          background-color: var(--lumo-contrast-20pct);\n        }\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        line-height: inherit;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      /* Vertically align icon prefix/suffix with the first line of text */\n      [part=\"input-field\"] ::slotted(iron-icon) {\n        margin-top: calc((var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)) / -2);\n      }\n\n      [part=\"input-field\"] [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        white-space: pre-wrap; /* override \\`nowrap\\` from <vaadin-text-field> */\n        align-self: stretch; /* override \\`baseline\\` from <vaadin-text-field> */\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-text-field-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-text-field-styles.js
index 5ba5a0b6924..51e588c7a96 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-text-field-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-text-field-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/sizing.js", "../../../vaadin-lumo-styles/spacing.js", "../../../vaadin-lumo-styles/style.js", "../../../vaadin-lumo-styles/typography.js", "../../../vaadin-lumo-styles/mixins/required-field.js", "../../../vaadin-lumo-styles/font-icons.js", "../../../vaadin-lumo-styles/mixins/field-button.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _sizing, _spacing, _style, _typography, _requiredField, _fontIcons, _fieldButton, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b55a3601f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f5e4001f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b55a3601f0611ed8cc3e9a95995ad69 || (_templateObject_0b55a3601f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-text-field\" theme-for=\"vaadin-text-field\">\n  <template>\n    <style include=\"lumo-required-field lumo-field-button\">\n      :host {\n        --lumo-text-field-size: var(--lumo-size-m);\n        color: var(--lumo-body-text-color);\n        font-size: var(--lumo-font-size-m);\n        font-family: var(--lumo-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-tap-highlight-color: transparent;\n        padding: var(--lumo-space-xs) 0;\n      }\n\n      :host::before {\n        height: var(--lumo-text-field-size);\n        box-sizing: border-box;\n        display: inline-flex;\n        align-items: center;\n      }\n\n      :host([focused]:not([readonly])) [part=\"label\"] {\n        color: var(--lumo-primary-text-color);\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        display: block;\n        color: var(--lumo-secondary-text-color);\n        font-size: var(--lumo-font-size-xs);\n        line-height: var(--lumo-line-height-xs);\n        margin-left: calc(var(--lumo-border-radius-m) / 4);\n        transition: color 0.2s;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        cursor: inherit;\n        min-height: var(--lumo-text-field-size);\n        padding: 0 0.25em;\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n        -webkit-mask-image: var(--_lumo-text-field-overflow-mask-image);\n      }\n\n      [part=\"value\"]:focus,\n      :host([focused]) [part=\"input-field\"] ::slotted(input),\n      :host([focused]) [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-mask-image: none;\n        mask-image: none;\n      }\n\n      /*\n        TODO: CSS custom property in `mask-image` causes crash in Edge\n        see https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15415089/\n      */\n      @-moz-document url-prefix() {\n        [part=\"value\"],\n        [part=\"input-field\"] ::slotted(input),\n        [part=\"input-field\"] ::slotted(textarea),\n        [part=\"input-field\"] ::slotted([part=\"value\"]) {\n          mask-image: var(--_lumo-text-field-overflow-mask-image);\n        }\n      }\n\n      [part=\"value\"]::-webkit-input-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]:-ms-input-placeholder {\n        color: inherit;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]::-moz-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]::placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.1s;\n        opacity: 0.5;\n      }\n\n      [part=\"input-field\"] {\n        border-radius: var(--lumo-border-radius);\n        background-color: var(--lumo-contrast-10pct);\n        padding: 0 calc(0.375em + var(--lumo-border-radius) / 4 - 1px);\n        font-weight: 500;\n        line-height: 1;\n        position: relative;\n        cursor: text;\n        box-sizing: border-box;\n      }\n\n      /* Used for hover and activation effects */\n      [part=\"input-field\"]::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        background-color: var(--lumo-contrast-50pct);\n        opacity: 0;\n        transition: transform 0.15s, opacity 0.2s;\n        transform-origin: 100% 0;\n      }\n\n      /* Hover */\n\n      :host(:hover:not([readonly]):not([focused])) [part=\"label\"],\n      :host(:hover:not([readonly])) [part=\"helper-text\"],\n      :host(:hover:not([readonly])) [part=\"helper-text\"] ::slotted(*) {\n        color: var(--lumo-body-text-color);\n      }\n\n      :host(:hover:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n        opacity: 0.1;\n      }\n\n      /* Touch device adjustment */\n      @media (pointer: coarse) {\n        :host(:hover:not([readonly]):not([focused])) [part=\"label\"] {\n          color: var(--lumo-secondary-text-color);\n        }\n\n        :host(:hover:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n          opacity: 0;\n        }\n\n        :host(:active:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n          opacity: 0.2;\n        }\n      }\n\n      /* Trigger when not focusing using the keyboard */\n      :host([focused]:not([focus-ring]):not([readonly])) [part=\"input-field\"]::after {\n        transform: scaleX(0);\n        transition-duration: 0.15s, 1s;\n      }\n\n      /* Focus-ring */\n\n      :host([focus-ring]) [part=\"input-field\"] {\n        box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);\n      }\n\n      /* Read-only and disabled */\n      :host([readonly]) [part=\"value\"]::-webkit-input-placeholder,\n      :host([disabled]) [part=\"value\"]::-webkit-input-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]:-ms-input-placeholder,\n      :host([disabled]) [part=\"value\"]:-ms-input-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]::-moz-placeholder,\n      :host([disabled]) [part=\"value\"]::-moz-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]::placeholder,\n      :host([disabled]) [part=\"value\"]::placeholder {\n        opacity: 0;\n      }\n\n      /* Read-only */\n\n      :host([readonly]) [part=\"input-field\"] {\n        color: var(--lumo-secondary-text-color);\n        background-color: transparent;\n        cursor: default;\n      }\n\n      :host([readonly]) [part=\"input-field\"]::after {\n        background-color: transparent;\n        opacity: 1;\n        border: 1px dashed var(--lumo-contrast-30pct);\n      }\n\n      /* Disabled style */\n\n      :host([disabled]) {\n        pointer-events: none;\n      }\n\n      :host([disabled]) [part=\"input-field\"] {\n        background-color: var(--lumo-contrast-5pct);\n      }\n\n      :host([disabled]) [part=\"label\"],\n      :host([disabled]) [part=\"helper-text\"],\n      :host([disabled]) [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(*) {\n        color: var(--lumo-disabled-text-color);\n        -webkit-text-fill-color: var(--lumo-disabled-text-color);\n      }\n\n      /* Invalid style */\n\n      :host([invalid]) [part=\"input-field\"] {\n        background-color: var(--lumo-error-color-10pct);\n      }\n\n      :host([invalid]) [part=\"input-field\"]::after {\n        background-color: var(--lumo-error-color-50pct);\n      }\n\n      :host([invalid][focus-ring]) [part=\"input-field\"] {\n        box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);\n      }\n\n      :host([input-prevented]) [part=\"input-field\"] {\n        color: var(--lumo-error-text-color);\n      }\n\n      /* Small theme */\n\n      :host([theme~=\"small\"]) {\n        font-size: var(--lumo-font-size-s);\n        --lumo-text-field-size: var(--lumo-size-s);\n      }\n\n      :host([theme~=\"small\"][has-label]) [part=\"label\"] {\n        font-size: var(--lumo-font-size-xs);\n      }\n\n      :host([theme~=\"small\"][has-label]) [part=\"error-message\"] {\n        font-size: var(--lumo-font-size-xxs);\n      }\n\n      /* Text align */\n\n      :host([theme~=\"align-left\"]) [part=\"value\"] {\n        text-align: left;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-center\"]) [part=\"value\"] {\n        text-align: center;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-right\"]) [part=\"value\"] {\n        text-align: right;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-right\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);\n        }\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-left\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);\n        }\n      }\n      /* helper-text position */\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::before {\n        display: none;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::after {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"label\"] {\n        order: 0;\n        padding-bottom: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"] {\n        order: 1;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"input-field\"] {\n        order: 2;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"error-message\"] {\n        order: 3;\n      }\n\n      /* Slotted content */\n\n      [part=\"input-field\"] ::slotted(:not([part]):not(iron-icon):not(input):not(textarea)) {\n        color: var(--lumo-secondary-text-color);\n        font-weight: 400;\n      }\n\n      /* Slotted icons */\n\n      [part=\"input-field\"] ::slotted(iron-icon) {\n        color: var(--lumo-contrast-60pct);\n        width: var(--lumo-icon-size-m);\n        height: var(--lumo-icon-size-m);\n      }\n\n      /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n      [part=\"input-field\"] ::slotted(iron-icon[icon^=\"vaadin:\"]) {\n        padding: 0.25em;\n        box-sizing: border-box !important;\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--lumo-icons-cross);\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"]::after {\n        transform-origin: 0% 0;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"],\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea) {\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent, #000 1.25em);\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]:focus,\n      :host([focused][dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n      :host([focused][dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-mask-image: none;\n        mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        :host([dir=\"rtl\"]) [part=\"value\"],\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea),\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted([part=\"value\"]) {\n          mask-image: var(--_lumo-text-field-overflow-mask-image);\n        }\n      }\n\n      :host([theme~=\"align-left\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-center\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-right\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-right\"][dir=\"rtl\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);\n        }\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-left\"][dir=\"rtl\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);\n        }\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"lumo-text-field\" theme-for=\"vaadin-text-field\">\n  <template>\n    <style include=\"lumo-required-field lumo-field-button\">\n      :host {\n        --lumo-text-field-size: var(--lumo-size-m);\n        color: var(--lumo-body-text-color);\n        font-size: var(--lumo-font-size-m);\n        font-family: var(--lumo-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-tap-highlight-color: transparent;\n        padding: var(--lumo-space-xs) 0;\n      }\n\n      :host::before {\n        height: var(--lumo-text-field-size);\n        box-sizing: border-box;\n        display: inline-flex;\n        align-items: center;\n      }\n\n      :host([focused]:not([readonly])) [part=\"label\"] {\n        color: var(--lumo-primary-text-color);\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        display: block;\n        color: var(--lumo-secondary-text-color);\n        font-size: var(--lumo-font-size-xs);\n        line-height: var(--lumo-line-height-xs);\n        margin-left: calc(var(--lumo-border-radius-m) / 4);\n        transition: color 0.2s;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        cursor: inherit;\n        min-height: var(--lumo-text-field-size);\n        padding: 0 0.25em;\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n        -webkit-mask-image: var(--_lumo-text-field-overflow-mask-image);\n      }\n\n      [part=\"value\"]:focus,\n      :host([focused]) [part=\"input-field\"] ::slotted(input),\n      :host([focused]) [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-mask-image: none;\n        mask-image: none;\n      }\n\n      /*\n        TODO: CSS custom property in \\`mask-image\\` causes crash in Edge\n        see https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15415089/\n      */\n      @-moz-document url-prefix() {\n        [part=\"value\"],\n        [part=\"input-field\"] ::slotted(input),\n        [part=\"input-field\"] ::slotted(textarea),\n        [part=\"input-field\"] ::slotted([part=\"value\"]) {\n          mask-image: var(--_lumo-text-field-overflow-mask-image);\n        }\n      }\n\n      [part=\"value\"]::-webkit-input-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]:-ms-input-placeholder {\n        color: inherit;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]::-moz-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]::placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.1s;\n        opacity: 0.5;\n      }\n\n      [part=\"input-field\"] {\n        border-radius: var(--lumo-border-radius);\n        background-color: var(--lumo-contrast-10pct);\n        padding: 0 calc(0.375em + var(--lumo-border-radius) / 4 - 1px);\n        font-weight: 500;\n        line-height: 1;\n        position: relative;\n        cursor: text;\n        box-sizing: border-box;\n      }\n\n      /* Used for hover and activation effects */\n      [part=\"input-field\"]::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        background-color: var(--lumo-contrast-50pct);\n        opacity: 0;\n        transition: transform 0.15s, opacity 0.2s;\n        transform-origin: 100% 0;\n      }\n\n      /* Hover */\n\n      :host(:hover:not([readonly]):not([focused])) [part=\"label\"],\n      :host(:hover:not([readonly])) [part=\"helper-text\"],\n      :host(:hover:not([readonly])) [part=\"helper-text\"] ::slotted(*) {\n        color: var(--lumo-body-text-color);\n      }\n\n      :host(:hover:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n        opacity: 0.1;\n      }\n\n      /* Touch device adjustment */\n      @media (pointer: coarse) {\n        :host(:hover:not([readonly]):not([focused])) [part=\"label\"] {\n          color: var(--lumo-secondary-text-color);\n        }\n\n        :host(:hover:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n          opacity: 0;\n        }\n\n        :host(:active:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n          opacity: 0.2;\n        }\n      }\n\n      /* Trigger when not focusing using the keyboard */\n      :host([focused]:not([focus-ring]):not([readonly])) [part=\"input-field\"]::after {\n        transform: scaleX(0);\n        transition-duration: 0.15s, 1s;\n      }\n\n      /* Focus-ring */\n\n      :host([focus-ring]) [part=\"input-field\"] {\n        box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);\n      }\n\n      /* Read-only and disabled */\n      :host([readonly]) [part=\"value\"]::-webkit-input-placeholder,\n      :host([disabled]) [part=\"value\"]::-webkit-input-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]:-ms-input-placeholder,\n      :host([disabled]) [part=\"value\"]:-ms-input-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]::-moz-placeholder,\n      :host([disabled]) [part=\"value\"]::-moz-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]::placeholder,\n      :host([disabled]) [part=\"value\"]::placeholder {\n        opacity: 0;\n      }\n\n      /* Read-only */\n\n      :host([readonly]) [part=\"input-field\"] {\n        color: var(--lumo-secondary-text-color);\n        background-color: transparent;\n        cursor: default;\n      }\n\n      :host([readonly]) [part=\"input-field\"]::after {\n        background-color: transparent;\n        opacity: 1;\n        border: 1px dashed var(--lumo-contrast-30pct);\n      }\n\n      /* Disabled style */\n\n      :host([disabled]) {\n        pointer-events: none;\n      }\n\n      :host([disabled]) [part=\"input-field\"] {\n        background-color: var(--lumo-contrast-5pct);\n      }\n\n      :host([disabled]) [part=\"label\"],\n      :host([disabled]) [part=\"helper-text\"],\n      :host([disabled]) [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(*) {\n        color: var(--lumo-disabled-text-color);\n        -webkit-text-fill-color: var(--lumo-disabled-text-color);\n      }\n\n      /* Invalid style */\n\n      :host([invalid]) [part=\"input-field\"] {\n        background-color: var(--lumo-error-color-10pct);\n      }\n\n      :host([invalid]) [part=\"input-field\"]::after {\n        background-color: var(--lumo-error-color-50pct);\n      }\n\n      :host([invalid][focus-ring]) [part=\"input-field\"] {\n        box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);\n      }\n\n      :host([input-prevented]) [part=\"input-field\"] {\n        color: var(--lumo-error-text-color);\n      }\n\n      /* Small theme */\n\n      :host([theme~=\"small\"]) {\n        font-size: var(--lumo-font-size-s);\n        --lumo-text-field-size: var(--lumo-size-s);\n      }\n\n      :host([theme~=\"small\"][has-label]) [part=\"label\"] {\n        font-size: var(--lumo-font-size-xs);\n      }\n\n      :host([theme~=\"small\"][has-label]) [part=\"error-message\"] {\n        font-size: var(--lumo-font-size-xxs);\n      }\n\n      /* Text align */\n\n      :host([theme~=\"align-left\"]) [part=\"value\"] {\n        text-align: left;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-center\"]) [part=\"value\"] {\n        text-align: center;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-right\"]) [part=\"value\"] {\n        text-align: right;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-right\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);\n        }\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-left\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);\n        }\n      }\n      /* helper-text position */\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::before {\n        display: none;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::after {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"label\"] {\n        order: 0;\n        padding-bottom: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"] {\n        order: 1;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"input-field\"] {\n        order: 2;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"error-message\"] {\n        order: 3;\n      }\n\n      /* Slotted content */\n\n      [part=\"input-field\"] ::slotted(:not([part]):not(iron-icon):not(input):not(textarea)) {\n        color: var(--lumo-secondary-text-color);\n        font-weight: 400;\n      }\n\n      /* Slotted icons */\n\n      [part=\"input-field\"] ::slotted(iron-icon) {\n        color: var(--lumo-contrast-60pct);\n        width: var(--lumo-icon-size-m);\n        height: var(--lumo-icon-size-m);\n      }\n\n      /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n      [part=\"input-field\"] ::slotted(iron-icon[icon^=\"vaadin:\"]) {\n        padding: 0.25em;\n        box-sizing: border-box !important;\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--lumo-icons-cross);\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"]::after {\n        transform-origin: 0% 0;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"],\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea) {\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent, #000 1.25em);\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]:focus,\n      :host([focused][dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n      :host([focused][dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-mask-image: none;\n        mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        :host([dir=\"rtl\"]) [part=\"value\"],\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea),\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted([part=\"value\"]) {\n          mask-image: var(--_lumo-text-field-overflow-mask-image);\n        }\n      }\n\n      :host([theme~=\"align-left\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-center\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-right\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-right\"][dir=\"rtl\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);\n        }\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-left\"][dir=\"rtl\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);\n        }\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f5e4001f2611eda0c389891c227ec8 || (_templateObject_e1f5e4001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-text-field\" theme-for=\"vaadin-text-field\">\n  <template>\n    <style include=\"lumo-required-field lumo-field-button\">\n      :host {\n        --lumo-text-field-size: var(--lumo-size-m);\n        color: var(--lumo-body-text-color);\n        font-size: var(--lumo-font-size-m);\n        font-family: var(--lumo-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-tap-highlight-color: transparent;\n        padding: var(--lumo-space-xs) 0;\n      }\n\n      :host::before {\n        height: var(--lumo-text-field-size);\n        box-sizing: border-box;\n        display: inline-flex;\n        align-items: center;\n      }\n\n      :host([focused]:not([readonly])) [part=\"label\"] {\n        color: var(--lumo-primary-text-color);\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        display: block;\n        color: var(--lumo-secondary-text-color);\n        font-size: var(--lumo-font-size-xs);\n        line-height: var(--lumo-line-height-xs);\n        margin-left: calc(var(--lumo-border-radius-m) / 4);\n        transition: color 0.2s;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        cursor: inherit;\n        min-height: var(--lumo-text-field-size);\n        padding: 0 0.25em;\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n        -webkit-mask-image: var(--_lumo-text-field-overflow-mask-image);\n      }\n\n      [part=\"value\"]:focus,\n      :host([focused]) [part=\"input-field\"] ::slotted(input),\n      :host([focused]) [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-mask-image: none;\n        mask-image: none;\n      }\n\n      /*\n        TODO: CSS custom property in `mask-image` causes crash in Edge\n        see https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15415089/\n      */\n      @-moz-document url-prefix() {\n        [part=\"value\"],\n        [part=\"input-field\"] ::slotted(input),\n        [part=\"input-field\"] ::slotted(textarea),\n        [part=\"input-field\"] ::slotted([part=\"value\"]) {\n          mask-image: var(--_lumo-text-field-overflow-mask-image);\n        }\n      }\n\n      [part=\"value\"]::-webkit-input-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]:-ms-input-placeholder {\n        color: inherit;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]::-moz-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]::placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.1s;\n        opacity: 0.5;\n      }\n\n      [part=\"input-field\"] {\n        border-radius: var(--lumo-border-radius);\n        background-color: var(--lumo-contrast-10pct);\n        padding: 0 calc(0.375em + var(--lumo-border-radius) / 4 - 1px);\n        font-weight: 500;\n        line-height: 1;\n        position: relative;\n        cursor: text;\n        box-sizing: border-box;\n      }\n\n      /* Used for hover and activation effects */\n      [part=\"input-field\"]::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        background-color: var(--lumo-contrast-50pct);\n        opacity: 0;\n        transition: transform 0.15s, opacity 0.2s;\n        transform-origin: 100% 0;\n      }\n\n      /* Hover */\n\n      :host(:hover:not([readonly]):not([focused])) [part=\"label\"],\n      :host(:hover:not([readonly])) [part=\"helper-text\"],\n      :host(:hover:not([readonly])) [part=\"helper-text\"] ::slotted(*) {\n        color: var(--lumo-body-text-color);\n      }\n\n      :host(:hover:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n        opacity: 0.1;\n      }\n\n      /* Touch device adjustment */\n      @media (pointer: coarse) {\n        :host(:hover:not([readonly]):not([focused])) [part=\"label\"] {\n          color: var(--lumo-secondary-text-color);\n        }\n\n        :host(:hover:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n          opacity: 0;\n        }\n\n        :host(:active:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n          opacity: 0.2;\n        }\n      }\n\n      /* Trigger when not focusing using the keyboard */\n      :host([focused]:not([focus-ring]):not([readonly])) [part=\"input-field\"]::after {\n        transform: scaleX(0);\n        transition-duration: 0.15s, 1s;\n      }\n\n      /* Focus-ring */\n\n      :host([focus-ring]) [part=\"input-field\"] {\n        box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);\n      }\n\n      /* Read-only and disabled */\n      :host([readonly]) [part=\"value\"]::-webkit-input-placeholder,\n      :host([disabled]) [part=\"value\"]::-webkit-input-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]:-ms-input-placeholder,\n      :host([disabled]) [part=\"value\"]:-ms-input-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]::-moz-placeholder,\n      :host([disabled]) [part=\"value\"]::-moz-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]::placeholder,\n      :host([disabled]) [part=\"value\"]::placeholder {\n        opacity: 0;\n      }\n\n      /* Read-only */\n\n      :host([readonly]) [part=\"input-field\"] {\n        color: var(--lumo-secondary-text-color);\n        background-color: transparent;\n        cursor: default;\n      }\n\n      :host([readonly]) [part=\"input-field\"]::after {\n        background-color: transparent;\n        opacity: 1;\n        border: 1px dashed var(--lumo-contrast-30pct);\n      }\n\n      /* Disabled style */\n\n      :host([disabled]) {\n        pointer-events: none;\n      }\n\n      :host([disabled]) [part=\"input-field\"] {\n        background-color: var(--lumo-contrast-5pct);\n      }\n\n      :host([disabled]) [part=\"label\"],\n      :host([disabled]) [part=\"helper-text\"],\n      :host([disabled]) [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(*) {\n        color: var(--lumo-disabled-text-color);\n        -webkit-text-fill-color: var(--lumo-disabled-text-color);\n      }\n\n      /* Invalid style */\n\n      :host([invalid]) [part=\"input-field\"] {\n        background-color: var(--lumo-error-color-10pct);\n      }\n\n      :host([invalid]) [part=\"input-field\"]::after {\n        background-color: var(--lumo-error-color-50pct);\n      }\n\n      :host([invalid][focus-ring]) [part=\"input-field\"] {\n        box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);\n      }\n\n      :host([input-prevented]) [part=\"input-field\"] {\n        color: var(--lumo-error-text-color);\n      }\n\n      /* Small theme */\n\n      :host([theme~=\"small\"]) {\n        font-size: var(--lumo-font-size-s);\n        --lumo-text-field-size: var(--lumo-size-s);\n      }\n\n      :host([theme~=\"small\"][has-label]) [part=\"label\"] {\n        font-size: var(--lumo-font-size-xs);\n      }\n\n      :host([theme~=\"small\"][has-label]) [part=\"error-message\"] {\n        font-size: var(--lumo-font-size-xxs);\n      }\n\n      /* Text align */\n\n      :host([theme~=\"align-left\"]) [part=\"value\"] {\n        text-align: left;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-center\"]) [part=\"value\"] {\n        text-align: center;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-right\"]) [part=\"value\"] {\n        text-align: right;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-right\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);\n        }\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-left\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);\n        }\n      }\n      /* helper-text position */\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::before {\n        display: none;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::after {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"label\"] {\n        order: 0;\n        padding-bottom: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"] {\n        order: 1;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"input-field\"] {\n        order: 2;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"error-message\"] {\n        order: 3;\n      }\n\n      /* Slotted content */\n\n      [part=\"input-field\"] ::slotted(:not([part]):not(iron-icon):not(input):not(textarea)) {\n        color: var(--lumo-secondary-text-color);\n        font-weight: 400;\n      }\n\n      /* Slotted icons */\n\n      [part=\"input-field\"] ::slotted(iron-icon) {\n        color: var(--lumo-contrast-60pct);\n        width: var(--lumo-icon-size-m);\n        height: var(--lumo-icon-size-m);\n      }\n\n      /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n      [part=\"input-field\"] ::slotted(iron-icon[icon^=\"vaadin:\"]) {\n        padding: 0.25em;\n        box-sizing: border-box !important;\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--lumo-icons-cross);\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"]::after {\n        transform-origin: 0% 0;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"],\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea) {\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent, #000 1.25em);\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]:focus,\n      :host([focused][dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n      :host([focused][dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-mask-image: none;\n        mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        :host([dir=\"rtl\"]) [part=\"value\"],\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea),\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted([part=\"value\"]) {\n          mask-image: var(--_lumo-text-field-overflow-mask-image);\n        }\n      }\n\n      :host([theme~=\"align-left\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-center\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-right\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-right\"][dir=\"rtl\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);\n        }\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-left\"][dir=\"rtl\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);\n        }\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"lumo-text-field\" theme-for=\"vaadin-text-field\">\n  <template>\n    <style include=\"lumo-required-field lumo-field-button\">\n      :host {\n        --lumo-text-field-size: var(--lumo-size-m);\n        color: var(--lumo-body-text-color);\n        font-size: var(--lumo-font-size-m);\n        font-family: var(--lumo-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-tap-highlight-color: transparent;\n        padding: var(--lumo-space-xs) 0;\n      }\n\n      :host::before {\n        height: var(--lumo-text-field-size);\n        box-sizing: border-box;\n        display: inline-flex;\n        align-items: center;\n      }\n\n      :host([focused]:not([readonly])) [part=\"label\"] {\n        color: var(--lumo-primary-text-color);\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        display: block;\n        color: var(--lumo-secondary-text-color);\n        font-size: var(--lumo-font-size-xs);\n        line-height: var(--lumo-line-height-xs);\n        margin-left: calc(var(--lumo-border-radius-m) / 4);\n        transition: color 0.2s;\n      }\n\n      [part=\"value\"],\n      [part=\"input-field\"] ::slotted(input),\n      [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        cursor: inherit;\n        min-height: var(--lumo-text-field-size);\n        padding: 0 0.25em;\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n        -webkit-mask-image: var(--_lumo-text-field-overflow-mask-image);\n      }\n\n      [part=\"value\"]:focus,\n      :host([focused]) [part=\"input-field\"] ::slotted(input),\n      :host([focused]) [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-mask-image: none;\n        mask-image: none;\n      }\n\n      /*\n        TODO: CSS custom property in \\`mask-image\\` causes crash in Edge\n        see https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15415089/\n      */\n      @-moz-document url-prefix() {\n        [part=\"value\"],\n        [part=\"input-field\"] ::slotted(input),\n        [part=\"input-field\"] ::slotted(textarea),\n        [part=\"input-field\"] ::slotted([part=\"value\"]) {\n          mask-image: var(--_lumo-text-field-overflow-mask-image);\n        }\n      }\n\n      [part=\"value\"]::-webkit-input-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]:-ms-input-placeholder {\n        color: inherit;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]::-moz-placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.05s;\n        opacity: 0.5;\n      }\n\n      [part=\"value\"]::placeholder {\n        color: inherit;\n        transition: opacity 0.175s 0.1s;\n        opacity: 0.5;\n      }\n\n      [part=\"input-field\"] {\n        border-radius: var(--lumo-border-radius);\n        background-color: var(--lumo-contrast-10pct);\n        padding: 0 calc(0.375em + var(--lumo-border-radius) / 4 - 1px);\n        font-weight: 500;\n        line-height: 1;\n        position: relative;\n        cursor: text;\n        box-sizing: border-box;\n      }\n\n      /* Used for hover and activation effects */\n      [part=\"input-field\"]::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        background-color: var(--lumo-contrast-50pct);\n        opacity: 0;\n        transition: transform 0.15s, opacity 0.2s;\n        transform-origin: 100% 0;\n      }\n\n      /* Hover */\n\n      :host(:hover:not([readonly]):not([focused])) [part=\"label\"],\n      :host(:hover:not([readonly])) [part=\"helper-text\"],\n      :host(:hover:not([readonly])) [part=\"helper-text\"] ::slotted(*) {\n        color: var(--lumo-body-text-color);\n      }\n\n      :host(:hover:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n        opacity: 0.1;\n      }\n\n      /* Touch device adjustment */\n      @media (pointer: coarse) {\n        :host(:hover:not([readonly]):not([focused])) [part=\"label\"] {\n          color: var(--lumo-secondary-text-color);\n        }\n\n        :host(:hover:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n          opacity: 0;\n        }\n\n        :host(:active:not([readonly]):not([focused])) [part=\"input-field\"]::after {\n          opacity: 0.2;\n        }\n      }\n\n      /* Trigger when not focusing using the keyboard */\n      :host([focused]:not([focus-ring]):not([readonly])) [part=\"input-field\"]::after {\n        transform: scaleX(0);\n        transition-duration: 0.15s, 1s;\n      }\n\n      /* Focus-ring */\n\n      :host([focus-ring]) [part=\"input-field\"] {\n        box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);\n      }\n\n      /* Read-only and disabled */\n      :host([readonly]) [part=\"value\"]::-webkit-input-placeholder,\n      :host([disabled]) [part=\"value\"]::-webkit-input-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]:-ms-input-placeholder,\n      :host([disabled]) [part=\"value\"]:-ms-input-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]::-moz-placeholder,\n      :host([disabled]) [part=\"value\"]::-moz-placeholder {\n        opacity: 0;\n      }\n\n      :host([readonly]) [part=\"value\"]::placeholder,\n      :host([disabled]) [part=\"value\"]::placeholder {\n        opacity: 0;\n      }\n\n      /* Read-only */\n\n      :host([readonly]) [part=\"input-field\"] {\n        color: var(--lumo-secondary-text-color);\n        background-color: transparent;\n        cursor: default;\n      }\n\n      :host([readonly]) [part=\"input-field\"]::after {\n        background-color: transparent;\n        opacity: 1;\n        border: 1px dashed var(--lumo-contrast-30pct);\n      }\n\n      /* Disabled style */\n\n      :host([disabled]) {\n        pointer-events: none;\n      }\n\n      :host([disabled]) [part=\"input-field\"] {\n        background-color: var(--lumo-contrast-5pct);\n      }\n\n      :host([disabled]) [part=\"label\"],\n      :host([disabled]) [part=\"helper-text\"],\n      :host([disabled]) [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(*) {\n        color: var(--lumo-disabled-text-color);\n        -webkit-text-fill-color: var(--lumo-disabled-text-color);\n      }\n\n      /* Invalid style */\n\n      :host([invalid]) [part=\"input-field\"] {\n        background-color: var(--lumo-error-color-10pct);\n      }\n\n      :host([invalid]) [part=\"input-field\"]::after {\n        background-color: var(--lumo-error-color-50pct);\n      }\n\n      :host([invalid][focus-ring]) [part=\"input-field\"] {\n        box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);\n      }\n\n      :host([input-prevented]) [part=\"input-field\"] {\n        color: var(--lumo-error-text-color);\n      }\n\n      /* Small theme */\n\n      :host([theme~=\"small\"]) {\n        font-size: var(--lumo-font-size-s);\n        --lumo-text-field-size: var(--lumo-size-s);\n      }\n\n      :host([theme~=\"small\"][has-label]) [part=\"label\"] {\n        font-size: var(--lumo-font-size-xs);\n      }\n\n      :host([theme~=\"small\"][has-label]) [part=\"error-message\"] {\n        font-size: var(--lumo-font-size-xxs);\n      }\n\n      /* Text align */\n\n      :host([theme~=\"align-left\"]) [part=\"value\"] {\n        text-align: left;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-center\"]) [part=\"value\"] {\n        text-align: center;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-right\"]) [part=\"value\"] {\n        text-align: right;\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-right\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);\n        }\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-left\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);\n        }\n      }\n      /* helper-text position */\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::before {\n        display: none;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"]::after {\n        content: \"\";\n        display: block;\n        height: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"label\"] {\n        order: 0;\n        padding-bottom: 0.4em;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"helper-text\"] {\n        order: 1;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"input-field\"] {\n        order: 2;\n      }\n\n      :host([has-helper][theme~=\"helper-above-field\"]) [part=\"error-message\"] {\n        order: 3;\n      }\n\n      /* Slotted content */\n\n      [part=\"input-field\"] ::slotted(:not([part]):not(iron-icon):not(input):not(textarea)) {\n        color: var(--lumo-secondary-text-color);\n        font-weight: 400;\n      }\n\n      /* Slotted icons */\n\n      [part=\"input-field\"] ::slotted(iron-icon) {\n        color: var(--lumo-contrast-60pct);\n        width: var(--lumo-icon-size-m);\n        height: var(--lumo-icon-size-m);\n      }\n\n      /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n      [part=\"input-field\"] ::slotted(iron-icon[icon^=\"vaadin:\"]) {\n        padding: 0.25em;\n        box-sizing: border-box !important;\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--lumo-icons-cross);\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"input-field\"]::after {\n        transform-origin: 0% 0;\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"],\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n      :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea) {\n        --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent, #000 1.25em);\n      }\n\n      :host([dir=\"rtl\"]) [part=\"value\"]:focus,\n      :host([focused][dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n      :host([focused][dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea) {\n        -webkit-mask-image: none;\n        mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        :host([dir=\"rtl\"]) [part=\"value\"],\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(input),\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted(textarea),\n        :host([dir=\"rtl\"]) [part=\"input-field\"] ::slotted([part=\"value\"]) {\n          mask-image: var(--_lumo-text-field-overflow-mask-image);\n        }\n      }\n\n      :host([theme~=\"align-left\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-center\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      :host([theme~=\"align-right\"][dir=\"rtl\"]) [part=\"value\"] {\n        --_lumo-text-field-overflow-mask-image: none;\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-right\"][dir=\"rtl\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);\n        }\n      }\n\n      @-moz-document url-prefix() {\n        /* Firefox is smart enough to align overflowing text to right */\n        :host([theme~=\"align-left\"][dir=\"rtl\"]) [part=\"value\"] {\n          --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);\n        }\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-number-field-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-number-field-styles.js
index cd3f1853ee2..9a572ae7f42 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-number-field-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-number-field-styles.js
@@ -1,8 +1,8 @@
 define(["./vaadin-text-field-styles.js", "../../../vaadin-material-styles/font-icons.js", "../../../vaadin-material-styles/mixins/field-button.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_vaadinTextFieldStyles, _fontIcons, _fieldButton, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b5666b01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f6a7501f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b5666b01f0611ed8cc3e9a95995ad69 || (_templateObject_0b5666b01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-number-field\" theme-for=\"vaadin-number-field\">\n  <template>\n    <style include=\"material-field-button\">\n      :host {\n        width: 8em;\n      }\n\n      :host([has-controls]) [part=\"value\"] {\n        text-align: center;\n      }\n\n      [part=\"decrease-button\"][disabled],\n      [part=\"increase-button\"][disabled] {\n        opacity: 0.2;\n      }\n\n      [part=\"decrease-button\"],\n      [part=\"increase-button\"] {\n        cursor: pointer;\n        font-size: var(--material-body-font-size);\n        padding-bottom: 0.21em;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f6a7501f2611eda0c389891c227ec8 || (_templateObject_e1f6a7501f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-number-field\" theme-for=\"vaadin-number-field\">\n  <template>\n    <style include=\"material-field-button\">\n      :host {\n        width: 8em;\n      }\n\n      :host([has-controls]) [part=\"value\"] {\n        text-align: center;\n      }\n\n      [part=\"decrease-button\"][disabled],\n      [part=\"increase-button\"][disabled] {\n        opacity: 0.2;\n      }\n\n      [part=\"decrease-button\"],\n      [part=\"increase-button\"] {\n        cursor: pointer;\n        font-size: var(--material-body-font-size);\n        padding-bottom: 0.21em;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-password-field-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-password-field-styles.js
index 7b4f80c92e7..1a741a0a4e9 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-password-field-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-password-field-styles.js
@@ -1,8 +1,8 @@
 define(["./vaadin-text-field-styles.js", "../../../vaadin-material-styles/font-icons.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_vaadinTextFieldStyles, _fontIcons, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b56dbe01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f71c801f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b56dbe01f0611ed8cc3e9a95995ad69 || (_templateObject_0b56dbe01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-password-field\" theme-for=\"vaadin-password-field\">\n  <template>\n    <style>\n      [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye);\n      }\n\n      :host([password-visible]) [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye-disabled);\n      }\n\n      /* The reveal button works also in readonly  mode */\n\n      :host([readonly]) [part$=\"button\"] {\n        color: var(--material-secondary-text-color);\n      }\n\n      [part=\"reveal-button\"] {\n        cursor: pointer;\n      }\n\n      [part=\"reveal-button\"]:hover {\n        color: var(--material-text-color);\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"material-password-field\" theme-for=\"vaadin-password-field\">\n  <template>\n    <style>\n      [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye);\n      }\n\n      :host([password-visible]) [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye-disabled);\n      }\n\n      /* The reveal button works also in readonly  mode */\n\n      :host([readonly]) [part\\$=\"button\"] {\n        color: var(--material-secondary-text-color);\n      }\n\n      [part=\"reveal-button\"] {\n        cursor: pointer;\n      }\n\n      [part=\"reveal-button\"]:hover {\n        color: var(--material-text-color);\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f71c801f2611eda0c389891c227ec8 || (_templateObject_e1f71c801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-password-field\" theme-for=\"vaadin-password-field\">\n  <template>\n    <style>\n      [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye);\n      }\n\n      :host([password-visible]) [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye-disabled);\n      }\n\n      /* The reveal button works also in readonly  mode */\n\n      :host([readonly]) [part$=\"button\"] {\n        color: var(--material-secondary-text-color);\n      }\n\n      [part=\"reveal-button\"] {\n        cursor: pointer;\n      }\n\n      [part=\"reveal-button\"]:hover {\n        color: var(--material-text-color);\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"material-password-field\" theme-for=\"vaadin-password-field\">\n  <template>\n    <style>\n      [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye);\n      }\n\n      :host([password-visible]) [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye-disabled);\n      }\n\n      /* The reveal button works also in readonly  mode */\n\n      :host([readonly]) [part\\$=\"button\"] {\n        color: var(--material-secondary-text-color);\n      }\n\n      [part=\"reveal-button\"] {\n        cursor: pointer;\n      }\n\n      [part=\"reveal-button\"]:hover {\n        color: var(--material-text-color);\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-placeholder-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-placeholder-styles.js
index a57e25cf0b4..7bfa5089e01 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-placeholder-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-placeholder-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-material-styles/color.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b572a001f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f791b01f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b572a001f0611ed8cc3e9a95995ad69 || (_templateObject_0b572a001f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-placeholder-styles\">\n  <template>\n    <style>\n      input[slot=\"input\"]::-webkit-input-placeholder,\n      textarea[slot=\"textarea\"]::-webkit-input-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      input[slot=\"input\"]::-ms-input-placeholder,\n      textarea[slot=\"textarea\"]::-ms-input-placeholder {\n        color: var(--material-disabled-text-color);\n      }\n\n      input[slot=\"input\"]::-moz-placeholder,\n      textarea[slot=\"textarea\"]::-moz-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      input[slot=\"input\"]::placeholder,\n      textarea[slot=\"textarea\"]::placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.1s;\n        opacity: 1;\n      }\n\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"input\"]::-webkit-input-placeholder,\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"textarea\"]::-webkit-input-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"input\"]::-moz-placeholder,\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"textarea\"]::-moz-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"input\"]::placeholder,\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"textarea\"]::placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      /* IE11 doesn\u2019t show the placeholder when the input is focused, so it\u2019s basically useless for this theme */\n      [has-label] > input[slot=\"input\"]:-ms-input-placeholder,\n      [has-label] > input[slot=\"textarea\"]:-ms-input-placeholder {\n        opacity: 0;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f791b01f2611eda0c389891c227ec8 || (_templateObject_e1f791b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-placeholder-styles\">\n  <template>\n    <style>\n      input[slot=\"input\"]::-webkit-input-placeholder,\n      textarea[slot=\"textarea\"]::-webkit-input-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      input[slot=\"input\"]::-ms-input-placeholder,\n      textarea[slot=\"textarea\"]::-ms-input-placeholder {\n        color: var(--material-disabled-text-color);\n      }\n\n      input[slot=\"input\"]::-moz-placeholder,\n      textarea[slot=\"textarea\"]::-moz-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      input[slot=\"input\"]::placeholder,\n      textarea[slot=\"textarea\"]::placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.1s;\n        opacity: 1;\n      }\n\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"input\"]::-webkit-input-placeholder,\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"textarea\"]::-webkit-input-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"input\"]::-moz-placeholder,\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"textarea\"]::-moz-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"input\"]::placeholder,\n      [has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"]) > input[slot=\"textarea\"]::placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      /* IE11 doesn\u2019t show the placeholder when the input is focused, so it\u2019s basically useless for this theme */\n      [has-label] > input[slot=\"input\"]:-ms-input-placeholder,\n      [has-label] > input[slot=\"textarea\"]:-ms-input-placeholder {\n        opacity: 0;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-text-area-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-text-area-styles.js
index 22c49e7b0f5..31b1dc7c7a5 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-text-area-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-text-area-styles.js
@@ -1,8 +1,8 @@
 define(["./vaadin-text-field-styles.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_vaadinTextFieldStyles, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b5778201f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f7dfd01f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b5778201f0611ed8cc3e9a95995ad69 || (_templateObject_0b5778201f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-text-area\" theme-for=\"vaadin-text-area\">\n  <template>\n    <style include=\"material-text-field\">\n      [part=\"input-field\"] {\n        height: auto;\n        box-sizing: border-box;\n      }\n\n      /* NOTE(platosha): double attribute workarounds specifity for Firefox */\n      [part=\"value\"][part=\"value\"] {\n        padding-top: 0;\n        margin-top: 4px;\n      }\n\n      [part=\"input-field\"] [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        white-space: pre-wrap; /* override `nowrap` from <vaadin-text-field> */\n        align-self: stretch; /* override `baseline` from <vaadin-text-field> */\n      }\n\n      [part='input-field']::before,\n      [part='input-field']::after {\n        bottom: calc(var(--_text-area-vertical-scroll-position) * -1);\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"material-text-area\" theme-for=\"vaadin-text-area\">\n  <template>\n    <style include=\"material-text-field\">\n      [part=\"input-field\"] {\n        height: auto;\n        box-sizing: border-box;\n      }\n\n      /* NOTE(platosha): double attribute workarounds specifity for Firefox */\n      [part=\"value\"][part=\"value\"] {\n        padding-top: 0;\n        margin-top: 4px;\n      }\n\n      [part=\"input-field\"] [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        white-space: pre-wrap; /* override \\`nowrap\\` from <vaadin-text-field> */\n        align-self: stretch; /* override \\`baseline\\` from <vaadin-text-field> */\n      }\n\n      [part='input-field']::before,\n      [part='input-field']::after {\n        bottom: calc(var(--_text-area-vertical-scroll-position) * -1);\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f7dfd01f2611eda0c389891c227ec8 || (_templateObject_e1f7dfd01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-text-area\" theme-for=\"vaadin-text-area\">\n  <template>\n    <style include=\"material-text-field\">\n      [part=\"input-field\"] {\n        height: auto;\n        box-sizing: border-box;\n      }\n\n      /* NOTE(platosha): double attribute workarounds specifity for Firefox */\n      [part=\"value\"][part=\"value\"] {\n        padding-top: 0;\n        margin-top: 4px;\n      }\n\n      [part=\"input-field\"] [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        white-space: pre-wrap; /* override `nowrap` from <vaadin-text-field> */\n        align-self: stretch; /* override `baseline` from <vaadin-text-field> */\n      }\n\n      [part='input-field']::before,\n      [part='input-field']::after {\n        bottom: calc(var(--_text-area-vertical-scroll-position) * -1);\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"material-text-area\" theme-for=\"vaadin-text-area\">\n  <template>\n    <style include=\"material-text-field\">\n      [part=\"input-field\"] {\n        height: auto;\n        box-sizing: border-box;\n      }\n\n      /* NOTE(platosha): double attribute workarounds specifity for Firefox */\n      [part=\"value\"][part=\"value\"] {\n        padding-top: 0;\n        margin-top: 4px;\n      }\n\n      [part=\"input-field\"] [part=\"value\"],\n      [part=\"input-field\"] ::slotted(textarea) {\n        white-space: pre-wrap; /* override \\`nowrap\\` from <vaadin-text-field> */\n        align-self: stretch; /* override \\`baseline\\` from <vaadin-text-field> */\n      }\n\n      [part='input-field']::before,\n      [part='input-field']::after {\n        bottom: calc(var(--_text-area-vertical-scroll-position) * -1);\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-text-field-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-text-field-styles.js
index a7c6edb8317..5f31a3750e1 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-text-field-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/theme/material/vaadin-text-field-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-material-styles/color.js", "../../../vaadin-material-styles/typography.js", "../../../vaadin-material-styles/mixins/required-field.js", "../../../vaadin-material-styles/font-icons.js", "../../../vaadin-material-styles/mixins/field-button.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _typography, _requiredField, _fontIcons, _fieldButton, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b583b701f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f87c101f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b583b701f0611ed8cc3e9a95995ad69 || (_templateObject_0b583b701f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-text-field\" theme-for=\"vaadin-text-field\">\n  <template>\n    <style include=\"material-required-field material-field-button\">\n      :host {\n        display: inline-flex;\n        position: relative;\n        padding-top: 8px;\n        margin-bottom: 8px;\n        outline: none;\n        color: var(--material-body-text-color);\n        font-size: var(--material-body-font-size);\n        line-height: 24px;\n        font-family: var(--material-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n      }\n\n      :host::before {\n        line-height: 32px;\n      }\n\n      /* Strange gymnastics to make fields vertically align nicely in most cases\n         (no label, with label, without prefix, with prefix, etc.) */\n\n      :host([has-label]) {\n        padding-top: 24px;\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n\n      [part=\"label\"]:empty::before {\n        content: \"\xA0\";\n        position: absolute;\n      }\n\n      [part=\"input-field\"] {\n        position: relative;\n        top: -0.2px; /* NOTE(platosha): Adjusts for wrong flex baseline in Chrome & Safari */\n        height: 32px;\n        padding-left: 0;\n        padding-right: 0;\n        background-color: transparent;\n        margin: 0;\n      }\n\n      [part=\"input-field\"]::before,\n      [part=\"input-field\"]::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 1px;\n        transform-origin: 50% 0%;\n        background-color: var(--_material-text-field-input-line-background-color, #000);\n        opacity: var(--_material-text-field-input-line-opacity, 0.42);\n      }\n\n      [part=\"input-field\"]::after {\n        background-color: var(--material-primary-color);\n        opacity: 0;\n        height: 2px;\n        bottom: 0;\n        transform: scaleX(0);\n        transition: opacity 0.175s;\n      }\n\n      :host([disabled]) [part=\"label\"],\n      :host([disabled]) [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(input),\n      :host([disabled]) [part=\"input-field\"] ::slotted(textarea),\n      :host([disabled]) [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        color: var(--material-disabled-text-color);\n        -webkit-text-fill-color: var(--material-disabled-text-color);\n      }\n\n      [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(input),\n      :host([disabled]) [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        outline: none;\n        margin: 0;\n        border: 0;\n        border-radius: 0;\n        padding: 8px 0;\n        width: 100%;\n        height: 100%;\n        font-family: inherit;\n        font-size: 1em;\n        line-height: inherit;\n        color: inherit;\n        background-color: transparent;\n        /* Disable default invalid style in Firefox */\n        box-shadow: none;\n      }\n\n      /* TODO: the text opacity should be 42%, but the disabled style is 38%.\n      Would need to introduce another property for it if we want to be 100% accurate. */\n      [part=\"value\"]::-webkit-input-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      [part=\"value\"]:-ms-input-placeholder {\n        color: var(--material-disabled-text-color);\n      }\n\n      [part=\"value\"]::-moz-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      [part=\"value\"]::placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.1s;\n        opacity: 1;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::-webkit-input-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::-moz-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      /* IE11 doesn\u2019t show the placeholder when the input is focused, so it\u2019s basically useless for this theme */\n      :host([has-label]) [part=\"value\"]:-ms-input-placeholder {\n        opacity: 0;\n      }\n\n      /* According to material theme guidelines, helper text should be hidden when error message is set and input is invalid */\n      :host([has-helper][invalid][has-error-message]) [part=\"helper-text\"] {\n        display: none;\n      }\n\n      [part=\"label\"] {\n        width: 133%;\n        transition: transform 0.175s, color 0.175s, width 0.175s;\n        transition-timing-function: ease, ease, step-end;\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 6px;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        font-size: .75rem;\n        line-height: 1;\n        color: var(--material-secondary-text-color);\n      }\n\n      /* TODO: using unsupported selector to fix IE11 (even thought the label element is scaled down,\n         the 133% width still takes the same space as an unscaled element */\n      ::-ms-backdrop,\n      .vaadin-text-field-container {\n        overflow: hidden;\n      }\n\n      /* Same fix for MS Edge ^^   */\n      @supports (-ms-ime-align:auto) {\n        .vaadin-text-field-container {\n          overflow: hidden;\n        }\n      }\n\n      :host(:hover:not([readonly]):not([invalid])) [part=\"input-field\"]::before {\n        opacity: var(--_material-text-field-input-line-hover-opacity, 0.87);\n      }\n\n      :host([focused]:not([invalid])) [part=\"label\"] {\n        color: var(--material-primary-text-color);\n      }\n\n      :host([focused]) [part=\"input-field\"]::after,\n      :host([invalid]) [part=\"input-field\"]::after {\n        opacity: 1;\n        transform: none;\n        transition: transform 0.175s, opacity 0.175s;\n      }\n\n      :host([invalid]) [part=\"input-field\"]::after {\n        background-color: var(--material-error-color);\n      }\n\n      :host([input-prevented]) [part=\"input-field\"] {\n        color: var(--material-error-text-color);\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n      }\n\n      :host([disabled]) [part=\"input-field\"] {\n        color: var(--material-disabled-text-color);\n      }\n\n      :host([disabled]) [part=\"input-field\"]::before {\n        background-color: transparent;\n        background-image: linear-gradient(90deg, var(--_material-text-field-input-line-background-color, #000) 0, var(--_material-text-field-input-line-background-color, #000) 2px, transparent 2px);\n        background-size: 4px 1px;\n        background-repeat: repeat-x;\n      }\n\n      /* Only target the visible floating label */\n      :host([has-label]:not([has-value]):not([focused]):not([invalid]):not([theme~=\"always-float-label\"])) [part=\"label\"] {\n        width: 100%;\n        /* IE11 doesn\u2019t work with calc inside the translate function, so we need to have a fixed pixel value instead of 50% + 16px */\n        transform: scale(1) translateY(24px);\n        transition-timing-function: ease, ease, step-start;\n        pointer-events: none;\n        left: auto;\n        right: auto;\n        transition-delay: 0.1s;\n      }\n\n      /* Slotted content */\n\n      [part=\"input-field\"] ::slotted(*:not([part=\"value\"]):not([part$=\"-button\"]):not(input):not(textarea)) {\n        color: var(--material-secondary-text-color);\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--material-icons-clear);\n      }\n\n      /* RTL specific styles */\n\n      :host([disabled][dir=\"rtl\"]) [part=\"input-field\"]::before {\n        background-image: linear-gradient(-90deg, var(--_material-text-field-input-line-background-color, #000) 0, var(--_material-text-field-input-line-background-color, #000) 2px, transparent 2px);\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"material-text-field\" theme-for=\"vaadin-text-field\">\n  <template>\n    <style include=\"material-required-field material-field-button\">\n      :host {\n        display: inline-flex;\n        position: relative;\n        padding-top: 8px;\n        margin-bottom: 8px;\n        outline: none;\n        color: var(--material-body-text-color);\n        font-size: var(--material-body-font-size);\n        line-height: 24px;\n        font-family: var(--material-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n      }\n\n      :host::before {\n        line-height: 32px;\n      }\n\n      /* Strange gymnastics to make fields vertically align nicely in most cases\n         (no label, with label, without prefix, with prefix, etc.) */\n\n      :host([has-label]) {\n        padding-top: 24px;\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n\n      [part=\"label\"]:empty::before {\n        content: \"\xA0\";\n        position: absolute;\n      }\n\n      [part=\"input-field\"] {\n        position: relative;\n        top: -0.2px; /* NOTE(platosha): Adjusts for wrong flex baseline in Chrome & Safari */\n        height: 32px;\n        padding-left: 0;\n        padding-right: 0;\n        background-color: transparent;\n        margin: 0;\n      }\n\n      [part=\"input-field\"]::before,\n      [part=\"input-field\"]::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 1px;\n        transform-origin: 50% 0%;\n        background-color: var(--_material-text-field-input-line-background-color, #000);\n        opacity: var(--_material-text-field-input-line-opacity, 0.42);\n      }\n\n      [part=\"input-field\"]::after {\n        background-color: var(--material-primary-color);\n        opacity: 0;\n        height: 2px;\n        bottom: 0;\n        transform: scaleX(0);\n        transition: opacity 0.175s;\n      }\n\n      :host([disabled]) [part=\"label\"],\n      :host([disabled]) [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(input),\n      :host([disabled]) [part=\"input-field\"] ::slotted(textarea),\n      :host([disabled]) [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        color: var(--material-disabled-text-color);\n        -webkit-text-fill-color: var(--material-disabled-text-color);\n      }\n\n      [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(input),\n      :host([disabled]) [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        outline: none;\n        margin: 0;\n        border: 0;\n        border-radius: 0;\n        padding: 8px 0;\n        width: 100%;\n        height: 100%;\n        font-family: inherit;\n        font-size: 1em;\n        line-height: inherit;\n        color: inherit;\n        background-color: transparent;\n        /* Disable default invalid style in Firefox */\n        box-shadow: none;\n      }\n\n      /* TODO: the text opacity should be 42%, but the disabled style is 38%.\n      Would need to introduce another property for it if we want to be 100% accurate. */\n      [part=\"value\"]::-webkit-input-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      [part=\"value\"]:-ms-input-placeholder {\n        color: var(--material-disabled-text-color);\n      }\n\n      [part=\"value\"]::-moz-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      [part=\"value\"]::placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.1s;\n        opacity: 1;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::-webkit-input-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::-moz-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      /* IE11 doesn\u2019t show the placeholder when the input is focused, so it\u2019s basically useless for this theme */\n      :host([has-label]) [part=\"value\"]:-ms-input-placeholder {\n        opacity: 0;\n      }\n\n      /* According to material theme guidelines, helper text should be hidden when error message is set and input is invalid */\n      :host([has-helper][invalid][has-error-message]) [part=\"helper-text\"] {\n        display: none;\n      }\n\n      [part=\"label\"] {\n        width: 133%;\n        transition: transform 0.175s, color 0.175s, width 0.175s;\n        transition-timing-function: ease, ease, step-end;\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 6px;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        font-size: .75rem;\n        line-height: 1;\n        color: var(--material-secondary-text-color);\n      }\n\n      /* TODO: using unsupported selector to fix IE11 (even thought the label element is scaled down,\n         the 133% width still takes the same space as an unscaled element */\n      ::-ms-backdrop,\n      .vaadin-text-field-container {\n        overflow: hidden;\n      }\n\n      /* Same fix for MS Edge ^^   */\n      @supports (-ms-ime-align:auto) {\n        .vaadin-text-field-container {\n          overflow: hidden;\n        }\n      }\n\n      :host(:hover:not([readonly]):not([invalid])) [part=\"input-field\"]::before {\n        opacity: var(--_material-text-field-input-line-hover-opacity, 0.87);\n      }\n\n      :host([focused]:not([invalid])) [part=\"label\"] {\n        color: var(--material-primary-text-color);\n      }\n\n      :host([focused]) [part=\"input-field\"]::after,\n      :host([invalid]) [part=\"input-field\"]::after {\n        opacity: 1;\n        transform: none;\n        transition: transform 0.175s, opacity 0.175s;\n      }\n\n      :host([invalid]) [part=\"input-field\"]::after {\n        background-color: var(--material-error-color);\n      }\n\n      :host([input-prevented]) [part=\"input-field\"] {\n        color: var(--material-error-text-color);\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n      }\n\n      :host([disabled]) [part=\"input-field\"] {\n        color: var(--material-disabled-text-color);\n      }\n\n      :host([disabled]) [part=\"input-field\"]::before {\n        background-color: transparent;\n        background-image: linear-gradient(90deg, var(--_material-text-field-input-line-background-color, #000) 0, var(--_material-text-field-input-line-background-color, #000) 2px, transparent 2px);\n        background-size: 4px 1px;\n        background-repeat: repeat-x;\n      }\n\n      /* Only target the visible floating label */\n      :host([has-label]:not([has-value]):not([focused]):not([invalid]):not([theme~=\"always-float-label\"])) [part=\"label\"] {\n        width: 100%;\n        /* IE11 doesn\u2019t work with calc inside the translate function, so we need to have a fixed pixel value instead of 50% + 16px */\n        transform: scale(1) translateY(24px);\n        transition-timing-function: ease, ease, step-start;\n        pointer-events: none;\n        left: auto;\n        right: auto;\n        transition-delay: 0.1s;\n      }\n\n      /* Slotted content */\n\n      [part=\"input-field\"] ::slotted(*:not([part=\"value\"]):not([part\\$=\"-button\"]):not(input):not(textarea)) {\n        color: var(--material-secondary-text-color);\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--material-icons-clear);\n      }\n\n      /* RTL specific styles */\n\n      :host([disabled][dir=\"rtl\"]) [part=\"input-field\"]::before {\n        background-image: linear-gradient(-90deg, var(--_material-text-field-input-line-background-color, #000) 0, var(--_material-text-field-input-line-background-color, #000) 2px, transparent 2px);\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f87c101f2611eda0c389891c227ec8 || (_templateObject_e1f87c101f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-text-field\" theme-for=\"vaadin-text-field\">\n  <template>\n    <style include=\"material-required-field material-field-button\">\n      :host {\n        display: inline-flex;\n        position: relative;\n        padding-top: 8px;\n        margin-bottom: 8px;\n        outline: none;\n        color: var(--material-body-text-color);\n        font-size: var(--material-body-font-size);\n        line-height: 24px;\n        font-family: var(--material-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n      }\n\n      :host::before {\n        line-height: 32px;\n      }\n\n      /* Strange gymnastics to make fields vertically align nicely in most cases\n         (no label, with label, without prefix, with prefix, etc.) */\n\n      :host([has-label]) {\n        padding-top: 24px;\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n\n      [part=\"label\"]:empty::before {\n        content: \"\xA0\";\n        position: absolute;\n      }\n\n      [part=\"input-field\"] {\n        position: relative;\n        top: -0.2px; /* NOTE(platosha): Adjusts for wrong flex baseline in Chrome & Safari */\n        height: 32px;\n        padding-left: 0;\n        padding-right: 0;\n        background-color: transparent;\n        margin: 0;\n      }\n\n      [part=\"input-field\"]::before,\n      [part=\"input-field\"]::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 1px;\n        transform-origin: 50% 0%;\n        background-color: var(--_material-text-field-input-line-background-color, #000);\n        opacity: var(--_material-text-field-input-line-opacity, 0.42);\n      }\n\n      [part=\"input-field\"]::after {\n        background-color: var(--material-primary-color);\n        opacity: 0;\n        height: 2px;\n        bottom: 0;\n        transform: scaleX(0);\n        transition: opacity 0.175s;\n      }\n\n      :host([disabled]) [part=\"label\"],\n      :host([disabled]) [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(input),\n      :host([disabled]) [part=\"input-field\"] ::slotted(textarea),\n      :host([disabled]) [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        color: var(--material-disabled-text-color);\n        -webkit-text-fill-color: var(--material-disabled-text-color);\n      }\n\n      [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(input),\n      :host([disabled]) [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        outline: none;\n        margin: 0;\n        border: 0;\n        border-radius: 0;\n        padding: 8px 0;\n        width: 100%;\n        height: 100%;\n        font-family: inherit;\n        font-size: 1em;\n        line-height: inherit;\n        color: inherit;\n        background-color: transparent;\n        /* Disable default invalid style in Firefox */\n        box-shadow: none;\n      }\n\n      /* TODO: the text opacity should be 42%, but the disabled style is 38%.\n      Would need to introduce another property for it if we want to be 100% accurate. */\n      [part=\"value\"]::-webkit-input-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      [part=\"value\"]:-ms-input-placeholder {\n        color: var(--material-disabled-text-color);\n      }\n\n      [part=\"value\"]::-moz-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      [part=\"value\"]::placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.1s;\n        opacity: 1;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::-webkit-input-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::-moz-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      /* IE11 doesn\u2019t show the placeholder when the input is focused, so it\u2019s basically useless for this theme */\n      :host([has-label]) [part=\"value\"]:-ms-input-placeholder {\n        opacity: 0;\n      }\n\n      /* According to material theme guidelines, helper text should be hidden when error message is set and input is invalid */\n      :host([has-helper][invalid][has-error-message]) [part=\"helper-text\"] {\n        display: none;\n      }\n\n      [part=\"label\"] {\n        width: 133%;\n        transition: transform 0.175s, color 0.175s, width 0.175s;\n        transition-timing-function: ease, ease, step-end;\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 6px;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        font-size: .75rem;\n        line-height: 1;\n        color: var(--material-secondary-text-color);\n      }\n\n      /* TODO: using unsupported selector to fix IE11 (even thought the label element is scaled down,\n         the 133% width still takes the same space as an unscaled element */\n      ::-ms-backdrop,\n      .vaadin-text-field-container {\n        overflow: hidden;\n      }\n\n      /* Same fix for MS Edge ^^   */\n      @supports (-ms-ime-align:auto) {\n        .vaadin-text-field-container {\n          overflow: hidden;\n        }\n      }\n\n      :host(:hover:not([readonly]):not([invalid])) [part=\"input-field\"]::before {\n        opacity: var(--_material-text-field-input-line-hover-opacity, 0.87);\n      }\n\n      :host([focused]:not([invalid])) [part=\"label\"] {\n        color: var(--material-primary-text-color);\n      }\n\n      :host([focused]) [part=\"input-field\"]::after,\n      :host([invalid]) [part=\"input-field\"]::after {\n        opacity: 1;\n        transform: none;\n        transition: transform 0.175s, opacity 0.175s;\n      }\n\n      :host([invalid]) [part=\"input-field\"]::after {\n        background-color: var(--material-error-color);\n      }\n\n      :host([input-prevented]) [part=\"input-field\"] {\n        color: var(--material-error-text-color);\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n      }\n\n      :host([disabled]) [part=\"input-field\"] {\n        color: var(--material-disabled-text-color);\n      }\n\n      :host([disabled]) [part=\"input-field\"]::before {\n        background-color: transparent;\n        background-image: linear-gradient(90deg, var(--_material-text-field-input-line-background-color, #000) 0, var(--_material-text-field-input-line-background-color, #000) 2px, transparent 2px);\n        background-size: 4px 1px;\n        background-repeat: repeat-x;\n      }\n\n      /* Only target the visible floating label */\n      :host([has-label]:not([has-value]):not([focused]):not([invalid]):not([theme~=\"always-float-label\"])) [part=\"label\"] {\n        width: 100%;\n        /* IE11 doesn\u2019t work with calc inside the translate function, so we need to have a fixed pixel value instead of 50% + 16px */\n        transform: scale(1) translateY(24px);\n        transition-timing-function: ease, ease, step-start;\n        pointer-events: none;\n        left: auto;\n        right: auto;\n        transition-delay: 0.1s;\n      }\n\n      /* Slotted content */\n\n      [part=\"input-field\"] ::slotted(*:not([part=\"value\"]):not([part$=\"-button\"]):not(input):not(textarea)) {\n        color: var(--material-secondary-text-color);\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--material-icons-clear);\n      }\n\n      /* RTL specific styles */\n\n      :host([disabled][dir=\"rtl\"]) [part=\"input-field\"]::before {\n        background-image: linear-gradient(-90deg, var(--_material-text-field-input-line-background-color, #000) 0, var(--_material-text-field-input-line-background-color, #000) 2px, transparent 2px);\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"material-text-field\" theme-for=\"vaadin-text-field\">\n  <template>\n    <style include=\"material-required-field material-field-button\">\n      :host {\n        display: inline-flex;\n        position: relative;\n        padding-top: 8px;\n        margin-bottom: 8px;\n        outline: none;\n        color: var(--material-body-text-color);\n        font-size: var(--material-body-font-size);\n        line-height: 24px;\n        font-family: var(--material-font-family);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n      }\n\n      :host::before {\n        line-height: 32px;\n      }\n\n      /* Strange gymnastics to make fields vertically align nicely in most cases\n         (no label, with label, without prefix, with prefix, etc.) */\n\n      :host([has-label]) {\n        padding-top: 24px;\n      }\n\n      [part=\"label\"]:empty {\n        display: none;\n      }\n\n      [part=\"label\"]:empty::before {\n        content: \"\xA0\";\n        position: absolute;\n      }\n\n      [part=\"input-field\"] {\n        position: relative;\n        top: -0.2px; /* NOTE(platosha): Adjusts for wrong flex baseline in Chrome & Safari */\n        height: 32px;\n        padding-left: 0;\n        padding-right: 0;\n        background-color: transparent;\n        margin: 0;\n      }\n\n      [part=\"input-field\"]::before,\n      [part=\"input-field\"]::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 1px;\n        transform-origin: 50% 0%;\n        background-color: var(--_material-text-field-input-line-background-color, #000);\n        opacity: var(--_material-text-field-input-line-opacity, 0.42);\n      }\n\n      [part=\"input-field\"]::after {\n        background-color: var(--material-primary-color);\n        opacity: 0;\n        height: 2px;\n        bottom: 0;\n        transform: scaleX(0);\n        transition: opacity 0.175s;\n      }\n\n      :host([disabled]) [part=\"label\"],\n      :host([disabled]) [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(input),\n      :host([disabled]) [part=\"input-field\"] ::slotted(textarea),\n      :host([disabled]) [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        color: var(--material-disabled-text-color);\n        -webkit-text-fill-color: var(--material-disabled-text-color);\n      }\n\n      [part=\"value\"],\n      :host([disabled]) [part=\"input-field\"] ::slotted(input),\n      :host([disabled]) [part=\"input-field\"] ::slotted(textarea),\n      /* Slotted by vaadin-select-text-field */\n      [part=\"input-field\"] ::slotted([part=\"value\"]) {\n        outline: none;\n        margin: 0;\n        border: 0;\n        border-radius: 0;\n        padding: 8px 0;\n        width: 100%;\n        height: 100%;\n        font-family: inherit;\n        font-size: 1em;\n        line-height: inherit;\n        color: inherit;\n        background-color: transparent;\n        /* Disable default invalid style in Firefox */\n        box-shadow: none;\n      }\n\n      /* TODO: the text opacity should be 42%, but the disabled style is 38%.\n      Would need to introduce another property for it if we want to be 100% accurate. */\n      [part=\"value\"]::-webkit-input-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      [part=\"value\"]:-ms-input-placeholder {\n        color: var(--material-disabled-text-color);\n      }\n\n      [part=\"value\"]::-moz-placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.05s;\n        opacity: 1;\n      }\n\n      [part=\"value\"]::placeholder {\n        color: var(--material-disabled-text-color);\n        transition: opacity 0.175s 0.1s;\n        opacity: 1;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::-webkit-input-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::-moz-placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      :host([has-label]:not([focused]):not([invalid]):not([theme=\"always-float-label\"])) [part=\"value\"]::placeholder {\n        opacity: 0;\n        transition-delay: 0;\n      }\n\n      /* IE11 doesn\u2019t show the placeholder when the input is focused, so it\u2019s basically useless for this theme */\n      :host([has-label]) [part=\"value\"]:-ms-input-placeholder {\n        opacity: 0;\n      }\n\n      /* According to material theme guidelines, helper text should be hidden when error message is set and input is invalid */\n      :host([has-helper][invalid][has-error-message]) [part=\"helper-text\"] {\n        display: none;\n      }\n\n      [part=\"label\"] {\n        width: 133%;\n        transition: transform 0.175s, color 0.175s, width 0.175s;\n        transition-timing-function: ease, ease, step-end;\n      }\n\n      :host([has-helper]) [part=\"helper-text\"]::before {\n        content: \"\";\n        display: block;\n        height: 6px;\n      }\n\n      [part=\"helper-text\"],\n      [part=\"helper-text\"] ::slotted(*) {\n        font-size: .75rem;\n        line-height: 1;\n        color: var(--material-secondary-text-color);\n      }\n\n      /* TODO: using unsupported selector to fix IE11 (even thought the label element is scaled down,\n         the 133% width still takes the same space as an unscaled element */\n      ::-ms-backdrop,\n      .vaadin-text-field-container {\n        overflow: hidden;\n      }\n\n      /* Same fix for MS Edge ^^   */\n      @supports (-ms-ime-align:auto) {\n        .vaadin-text-field-container {\n          overflow: hidden;\n        }\n      }\n\n      :host(:hover:not([readonly]):not([invalid])) [part=\"input-field\"]::before {\n        opacity: var(--_material-text-field-input-line-hover-opacity, 0.87);\n      }\n\n      :host([focused]:not([invalid])) [part=\"label\"] {\n        color: var(--material-primary-text-color);\n      }\n\n      :host([focused]) [part=\"input-field\"]::after,\n      :host([invalid]) [part=\"input-field\"]::after {\n        opacity: 1;\n        transform: none;\n        transition: transform 0.175s, opacity 0.175s;\n      }\n\n      :host([invalid]) [part=\"input-field\"]::after {\n        background-color: var(--material-error-color);\n      }\n\n      :host([input-prevented]) [part=\"input-field\"] {\n        color: var(--material-error-text-color);\n      }\n\n      :host([disabled]) {\n        pointer-events: none;\n      }\n\n      :host([disabled]) [part=\"input-field\"] {\n        color: var(--material-disabled-text-color);\n      }\n\n      :host([disabled]) [part=\"input-field\"]::before {\n        background-color: transparent;\n        background-image: linear-gradient(90deg, var(--_material-text-field-input-line-background-color, #000) 0, var(--_material-text-field-input-line-background-color, #000) 2px, transparent 2px);\n        background-size: 4px 1px;\n        background-repeat: repeat-x;\n      }\n\n      /* Only target the visible floating label */\n      :host([has-label]:not([has-value]):not([focused]):not([invalid]):not([theme~=\"always-float-label\"])) [part=\"label\"] {\n        width: 100%;\n        /* IE11 doesn\u2019t work with calc inside the translate function, so we need to have a fixed pixel value instead of 50% + 16px */\n        transform: scale(1) translateY(24px);\n        transition-timing-function: ease, ease, step-start;\n        pointer-events: none;\n        left: auto;\n        right: auto;\n        transition-delay: 0.1s;\n      }\n\n      /* Slotted content */\n\n      [part=\"input-field\"] ::slotted(*:not([part=\"value\"]):not([part\\$=\"-button\"]):not(input):not(textarea)) {\n        color: var(--material-secondary-text-color);\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--material-icons-clear);\n      }\n\n      /* RTL specific styles */\n\n      :host([disabled][dir=\"rtl\"]) [part=\"input-field\"]::before {\n        background-image: linear-gradient(-90deg, var(--_material-text-field-input-line-background-color, #000) 0, var(--_material-text-field-input-line-background-color, #000) 2px, transparent 2px);\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-upload/src/vaadin-upload-file.js b/build/es5-amd/node_modules/@vaadin/vaadin-upload/src/vaadin-upload-file.js
index 71cf02e5f44..619585b2c10 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-upload/src/vaadin-upload-file.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-upload/src/vaadin-upload-file.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../vaadin
   });
   _exports.UploadFileElement = void 0;
 
-  var _templateObject_0b1dca801f0611ed8cc3e9a95995ad69;
+  var _templateObject_e19cc7801f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -150,7 +150,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../vaadin
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0b1dca801f0611ed8cc3e9a95995ad69 || (_templateObject_0b1dca801f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      [hidden] {\n        display: none;\n      }\n    </style>\n\n    <div part=\"row\">\n      <div part=\"info\">\n        <div part=\"done-icon\" hidden$=\"[[!file.complete]]\"></div>\n        <div part=\"warning-icon\" hidden$=\"[[!file.error]]\"></div>\n\n        <div part=\"meta\">\n          <div part=\"name\" id=\"name\">[[file.name]]</div>\n          <div part=\"status\" hidden$=\"[[!file.status]]\" id=\"status\">[[file.status]]</div>\n          <div part=\"error\" id=\"error\" hidden$=\"[[!file.error]]\">[[file.error]]</div>\n        </div>\n      </div>\n      <div part=\"commands\">\n        <div part=\"start-button\" file-event=\"file-start\" on-click=\"_fireFileEvent\" hidden$=\"[[!file.held]]\"></div>\n        <div part=\"retry-button\" file-event=\"file-retry\" on-click=\"_fireFileEvent\" hidden$=\"[[!file.error]]\"></div>\n        <div part=\"clear-button\" file-event=\"file-abort\" on-click=\"_fireFileEvent\"></div>\n      </div>\n    </div>\n\n    <vaadin-progress-bar part=\"progress\" id=\"progress\" value$=\"[[_formatProgressValue(file.progress)]]\" error$=\"[[file.error]]\" indeterminate$=\"[[file.indeterminate]]\" uploading$=\"[[file.uploading]]\" complete$=\"[[file.complete]]\">\n    </vaadin-progress-bar>\n"], ["\n    <style>\n      :host {\n        display: block;\n      }\n\n      [hidden] {\n        display: none;\n      }\n    </style>\n\n    <div part=\"row\">\n      <div part=\"info\">\n        <div part=\"done-icon\" hidden\\$=\"[[!file.complete]]\"></div>\n        <div part=\"warning-icon\" hidden\\$=\"[[!file.error]]\"></div>\n\n        <div part=\"meta\">\n          <div part=\"name\" id=\"name\">[[file.name]]</div>\n          <div part=\"status\" hidden\\$=\"[[!file.status]]\" id=\"status\">[[file.status]]</div>\n          <div part=\"error\" id=\"error\" hidden\\$=\"[[!file.error]]\">[[file.error]]</div>\n        </div>\n      </div>\n      <div part=\"commands\">\n        <div part=\"start-button\" file-event=\"file-start\" on-click=\"_fireFileEvent\" hidden\\$=\"[[!file.held]]\"></div>\n        <div part=\"retry-button\" file-event=\"file-retry\" on-click=\"_fireFileEvent\" hidden\\$=\"[[!file.error]]\"></div>\n        <div part=\"clear-button\" file-event=\"file-abort\" on-click=\"_fireFileEvent\"></div>\n      </div>\n    </div>\n\n    <vaadin-progress-bar part=\"progress\" id=\"progress\" value\\$=\"[[_formatProgressValue(file.progress)]]\" error\\$=\"[[file.error]]\" indeterminate\\$=\"[[file.indeterminate]]\" uploading\\$=\"[[file.uploading]]\" complete\\$=\"[[file.complete]]\">\n    </vaadin-progress-bar>\n"])));
+        return (0, _htmlTag.html)(_templateObject_e19cc7801f2611eda0c389891c227ec8 || (_templateObject_e19cc7801f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      [hidden] {\n        display: none;\n      }\n    </style>\n\n    <div part=\"row\">\n      <div part=\"info\">\n        <div part=\"done-icon\" hidden$=\"[[!file.complete]]\"></div>\n        <div part=\"warning-icon\" hidden$=\"[[!file.error]]\"></div>\n\n        <div part=\"meta\">\n          <div part=\"name\" id=\"name\">[[file.name]]</div>\n          <div part=\"status\" hidden$=\"[[!file.status]]\" id=\"status\">[[file.status]]</div>\n          <div part=\"error\" id=\"error\" hidden$=\"[[!file.error]]\">[[file.error]]</div>\n        </div>\n      </div>\n      <div part=\"commands\">\n        <div part=\"start-button\" file-event=\"file-start\" on-click=\"_fireFileEvent\" hidden$=\"[[!file.held]]\"></div>\n        <div part=\"retry-button\" file-event=\"file-retry\" on-click=\"_fireFileEvent\" hidden$=\"[[!file.error]]\"></div>\n        <div part=\"clear-button\" file-event=\"file-abort\" on-click=\"_fireFileEvent\"></div>\n      </div>\n    </div>\n\n    <vaadin-progress-bar part=\"progress\" id=\"progress\" value$=\"[[_formatProgressValue(file.progress)]]\" error$=\"[[file.error]]\" indeterminate$=\"[[file.indeterminate]]\" uploading$=\"[[file.uploading]]\" complete$=\"[[file.complete]]\">\n    </vaadin-progress-bar>\n"], ["\n    <style>\n      :host {\n        display: block;\n      }\n\n      [hidden] {\n        display: none;\n      }\n    </style>\n\n    <div part=\"row\">\n      <div part=\"info\">\n        <div part=\"done-icon\" hidden\\$=\"[[!file.complete]]\"></div>\n        <div part=\"warning-icon\" hidden\\$=\"[[!file.error]]\"></div>\n\n        <div part=\"meta\">\n          <div part=\"name\" id=\"name\">[[file.name]]</div>\n          <div part=\"status\" hidden\\$=\"[[!file.status]]\" id=\"status\">[[file.status]]</div>\n          <div part=\"error\" id=\"error\" hidden\\$=\"[[!file.error]]\">[[file.error]]</div>\n        </div>\n      </div>\n      <div part=\"commands\">\n        <div part=\"start-button\" file-event=\"file-start\" on-click=\"_fireFileEvent\" hidden\\$=\"[[!file.held]]\"></div>\n        <div part=\"retry-button\" file-event=\"file-retry\" on-click=\"_fireFileEvent\" hidden\\$=\"[[!file.error]]\"></div>\n        <div part=\"clear-button\" file-event=\"file-abort\" on-click=\"_fireFileEvent\"></div>\n      </div>\n    </div>\n\n    <vaadin-progress-bar part=\"progress\" id=\"progress\" value\\$=\"[[_formatProgressValue(file.progress)]]\" error\\$=\"[[file.error]]\" indeterminate\\$=\"[[file.indeterminate]]\" uploading\\$=\"[[file.uploading]]\" complete\\$=\"[[file.complete]]\">\n    </vaadin-progress-bar>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-upload/src/vaadin-upload.js b/build/es5-amd/node_modules/@vaadin/vaadin-upload/src/vaadin-upload.js
index c468e801990..0596677867a 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-upload/src/vaadin-upload.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-upload/src/vaadin-upload.js
@@ -6,7 +6,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.UploadElement = void 0;
 
-  var _templateObject_0b2767701f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1a700b01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -719,7 +719,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_0b2767701f0611ed8cc3e9a95995ad69 || (_templateObject_0b2767701f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n    </style>\n\n    <div part=\"primary-buttons\">\n      <div id=\"addFiles\" on-touchend=\"_onAddFilesTouchEnd\" on-click=\"_onAddFilesClick\">\n        <slot name=\"add-button\">\n          <vaadin-button part=\"upload-button\" id=\"addButton\" disabled=\"[[maxFilesReached]]\">\n            [[_i18nPlural(maxFiles, i18n.addFiles, i18n.addFiles.*)]]\n          </vaadin-button>\n        </slot>\n      </div>\n      <div part=\"drop-label\" hidden$=\"[[nodrop]]\" id=\"dropLabelContainer\">\n        <slot name=\"drop-label-icon\">\n          <div part=\"drop-label-icon\"></div>\n        </slot>\n        <slot name=\"drop-label\" id=\"dropLabel\">\n          [[_i18nPlural(maxFiles, i18n.dropFiles, i18n.dropFiles.*)]]\n        </slot>\n      </div>\n    </div>\n    <slot name=\"file-list\">\n      <div id=\"fileList\" part=\"file-list\">\n        <template is=\"dom-repeat\" items=\"[[files]]\" as=\"file\">\n          <vaadin-upload-file file=\"[[file]]\"></vaadin-upload-file>\n        </template>\n      </div>\n    </slot>\n    <slot></slot>\n    <input type=\"file\" id=\"fileInput\" on-change=\"_onFileInputChange\" hidden=\"\" accept$=\"{{accept}}\" multiple$=\"[[_isMultiple(maxFiles)]]\" capture$=\"[[capture]]\">\n"], ["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n    </style>\n\n    <div part=\"primary-buttons\">\n      <div id=\"addFiles\" on-touchend=\"_onAddFilesTouchEnd\" on-click=\"_onAddFilesClick\">\n        <slot name=\"add-button\">\n          <vaadin-button part=\"upload-button\" id=\"addButton\" disabled=\"[[maxFilesReached]]\">\n            [[_i18nPlural(maxFiles, i18n.addFiles, i18n.addFiles.*)]]\n          </vaadin-button>\n        </slot>\n      </div>\n      <div part=\"drop-label\" hidden\\$=\"[[nodrop]]\" id=\"dropLabelContainer\">\n        <slot name=\"drop-label-icon\">\n          <div part=\"drop-label-icon\"></div>\n        </slot>\n        <slot name=\"drop-label\" id=\"dropLabel\">\n          [[_i18nPlural(maxFiles, i18n.dropFiles, i18n.dropFiles.*)]]\n        </slot>\n      </div>\n    </div>\n    <slot name=\"file-list\">\n      <div id=\"fileList\" part=\"file-list\">\n        <template is=\"dom-repeat\" items=\"[[files]]\" as=\"file\">\n          <vaadin-upload-file file=\"[[file]]\"></vaadin-upload-file>\n        </template>\n      </div>\n    </slot>\n    <slot></slot>\n    <input type=\"file\" id=\"fileInput\" on-change=\"_onFileInputChange\" hidden=\"\" accept\\$=\"{{accept}}\" multiple\\$=\"[[_isMultiple(maxFiles)]]\" capture\\$=\"[[capture]]\">\n"])));
+        return (0, _htmlTag.html)(_templateObject_e1a700b01f2611eda0c389891c227ec8 || (_templateObject_e1a700b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n    </style>\n\n    <div part=\"primary-buttons\">\n      <div id=\"addFiles\" on-touchend=\"_onAddFilesTouchEnd\" on-click=\"_onAddFilesClick\">\n        <slot name=\"add-button\">\n          <vaadin-button part=\"upload-button\" id=\"addButton\" disabled=\"[[maxFilesReached]]\">\n            [[_i18nPlural(maxFiles, i18n.addFiles, i18n.addFiles.*)]]\n          </vaadin-button>\n        </slot>\n      </div>\n      <div part=\"drop-label\" hidden$=\"[[nodrop]]\" id=\"dropLabelContainer\">\n        <slot name=\"drop-label-icon\">\n          <div part=\"drop-label-icon\"></div>\n        </slot>\n        <slot name=\"drop-label\" id=\"dropLabel\">\n          [[_i18nPlural(maxFiles, i18n.dropFiles, i18n.dropFiles.*)]]\n        </slot>\n      </div>\n    </div>\n    <slot name=\"file-list\">\n      <div id=\"fileList\" part=\"file-list\">\n        <template is=\"dom-repeat\" items=\"[[files]]\" as=\"file\">\n          <vaadin-upload-file file=\"[[file]]\"></vaadin-upload-file>\n        </template>\n      </div>\n    </slot>\n    <slot></slot>\n    <input type=\"file\" id=\"fileInput\" on-change=\"_onFileInputChange\" hidden=\"\" accept$=\"{{accept}}\" multiple$=\"[[_isMultiple(maxFiles)]]\" capture$=\"[[capture]]\">\n"], ["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n\n      [hidden] {\n        display: none !important;\n      }\n    </style>\n\n    <div part=\"primary-buttons\">\n      <div id=\"addFiles\" on-touchend=\"_onAddFilesTouchEnd\" on-click=\"_onAddFilesClick\">\n        <slot name=\"add-button\">\n          <vaadin-button part=\"upload-button\" id=\"addButton\" disabled=\"[[maxFilesReached]]\">\n            [[_i18nPlural(maxFiles, i18n.addFiles, i18n.addFiles.*)]]\n          </vaadin-button>\n        </slot>\n      </div>\n      <div part=\"drop-label\" hidden\\$=\"[[nodrop]]\" id=\"dropLabelContainer\">\n        <slot name=\"drop-label-icon\">\n          <div part=\"drop-label-icon\"></div>\n        </slot>\n        <slot name=\"drop-label\" id=\"dropLabel\">\n          [[_i18nPlural(maxFiles, i18n.dropFiles, i18n.dropFiles.*)]]\n        </slot>\n      </div>\n    </div>\n    <slot name=\"file-list\">\n      <div id=\"fileList\" part=\"file-list\">\n        <template is=\"dom-repeat\" items=\"[[files]]\" as=\"file\">\n          <vaadin-upload-file file=\"[[file]]\"></vaadin-upload-file>\n        </template>\n      </div>\n    </slot>\n    <slot></slot>\n    <input type=\"file\" id=\"fileInput\" on-change=\"_onFileInputChange\" hidden=\"\" accept\\$=\"{{accept}}\" multiple\\$=\"[[_isMultiple(maxFiles)]]\" capture\\$=\"[[capture]]\">\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-upload/theme/lumo/vaadin-upload-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-upload/theme/lumo/vaadin-upload-styles.js
index 7944c9da4a5..739761b1789 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-upload/theme/lumo/vaadin-upload-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-upload/theme/lumo/vaadin-upload-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-lumo-styles/font-icons.js", "../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/sizing.js", "../../../vaadin-lumo-styles/spacing.js", "../../../vaadin-lumo-styles/style.js", "../../../vaadin-lumo-styles/typography.js", "../../../vaadin-lumo-styles/mixins/field-button.js", "../../../vaadin-button/theme/lumo/vaadin-button.js", "../../../vaadin-progress-bar/theme/lumo/vaadin-progress-bar.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_fontIcons, _color, _sizing, _spacing, _style, _typography, _fieldButton, _vaadinButton, _vaadinProgressBar, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b594ce01f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1f9b4901f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b594ce01f0611ed8cc3e9a95995ad69 || (_templateObject_0b594ce01f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-upload\" theme-for=\"vaadin-upload\">\n  <template>\n    <style>\n      :host {\n        line-height: var(--lumo-line-height-m);\n      }\n\n      :host(:not([nodrop])) {\n        overflow: hidden;\n        border: 1px dashed var(--lumo-contrast-20pct);\n        border-radius: var(--lumo-border-radius);\n        padding: var(--lumo-space-m);\n        transition: background-color 0.6s, border-color 0.6s;\n      }\n\n      [part=\"primary-buttons\"] > * {\n        display: inline-block;\n        white-space: nowrap;\n      }\n\n      [part=\"drop-label\"] {\n        display: inline-block;\n        white-space: normal;\n        padding: 0 var(--lumo-space-s);\n        color: var(--lumo-secondary-text-color);\n        font-family: var(--lumo-font-family);\n      }\n\n      :host([dragover-valid]) {\n        border-color: var(--lumo-primary-color-50pct);\n        background: var(--lumo-primary-color-10pct);\n        transition: background-color 0.1s, border-color 0.1s;\n      }\n\n      :host([dragover-valid]) [part=\"drop-label\"] {\n        color: var(--lumo-primary-text-color);\n      }\n\n      :host([max-files-reached]) [part='drop-label'] {\n        color: var(--lumo-disabled-text-color);\n      }\n\n      [part=\"drop-label-icon\"] {\n        display: inline-block;\n      }\n\n      [part=\"drop-label-icon\"]::before {\n        content: var(--lumo-icons-upload);\n        font-family: lumo-icons;\n        font-size: var(--lumo-icon-size-m);\n        line-height: 1;\n        vertical-align: -.25em;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"lumo-upload-file\" theme-for=\"vaadin-upload-file\">\n  <template>\n    <style include=\"lumo-field-button\">\n      :host {\n        padding: var(--lumo-space-s) 0;\n      }\n\n      :host(:not(:first-child)) {\n        border-top: 1px solid var(--lumo-contrast-10pct);\n      }\n\n      [part=\"row\"] {\n        display: flex;\n        align-items: baseline;\n        justify-content: space-between;\n      }\n\n      [part=\"status\"],\n      [part=\"error\"] {\n        color: var(--lumo-secondary-text-color);\n        font-size: var(--lumo-font-size-s);\n      }\n\n      [part=\"info\"] {\n        display: flex;\n        align-items: baseline;\n        flex: auto;\n      }\n\n      [part=\"meta\"] {\n        width: 0.001px;\n        flex: 1 1 auto;\n      }\n\n      [part=\"name\"] {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      [part=\"commands\"] {\n        display: flex;\n        align-items: baseline;\n        flex: none;\n      }\n\n      [part=\"done-icon\"],\n      [part=\"warning-icon\"] {\n        margin-right: var(--lumo-space-xs);\n      }\n\n      /* When both icons are hidden, let us keep space for one */\n      [part=\"done-icon\"][hidden] + [part=\"warning-icon\"][hidden] {\n        display: block !important;\n        visibility: hidden;\n      }\n\n      [part=\"done-icon\"],\n      [part=\"warning-icon\"] {\n        font-size: var(--lumo-icon-size-m);\n        font-family: 'lumo-icons';\n        line-height: 1;\n      }\n\n      [part=\"start-button\"],\n      [part=\"retry-button\"],\n      [part=\"clear-button\"] {\n        flex: none;\n        margin-left: var(--lumo-space-xs);\n      }\n\n      [part=\"done-icon\"]::before,\n      [part=\"warning-icon\"]::before,\n      [part=\"start-button\"]::before,\n      [part=\"retry-button\"]::before,\n      [part=\"clear-button\"]::before {\n        vertical-align: -.25em;\n      }\n\n      [part=\"done-icon\"]::before {\n        content: var(--lumo-icons-checkmark);\n        color: var(--lumo-primary-text-color);\n      }\n\n      [part=\"warning-icon\"]::before {\n        content: var(--lumo-icons-error);\n        color: var(--lumo-error-text-color);\n      }\n\n      [part=\"start-button\"]::before {\n        content: var(--lumo-icons-play);\n      }\n\n      [part=\"retry-button\"]::before {\n        content: var(--lumo-icons-reload);\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--lumo-icons-cross);\n      }\n\n      [part=\"error\"] {\n        color: var(--lumo-error-text-color);\n      }\n\n      [part=\"progress\"] {\n        width: auto;\n        margin-left: calc(var(--lumo-icon-size-m) + var(--lumo-space-xs));\n        margin-right: calc(var(--lumo-icon-size-m) + var(--lumo-space-xs));\n      }\n\n      [part=\"progress\"][complete],\n      [part=\"progress\"][error] {\n        display: none;\n      }\n\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1f9b4901f2611eda0c389891c227ec8 || (_templateObject_e1f9b4901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-upload\" theme-for=\"vaadin-upload\">\n  <template>\n    <style>\n      :host {\n        line-height: var(--lumo-line-height-m);\n      }\n\n      :host(:not([nodrop])) {\n        overflow: hidden;\n        border: 1px dashed var(--lumo-contrast-20pct);\n        border-radius: var(--lumo-border-radius);\n        padding: var(--lumo-space-m);\n        transition: background-color 0.6s, border-color 0.6s;\n      }\n\n      [part=\"primary-buttons\"] > * {\n        display: inline-block;\n        white-space: nowrap;\n      }\n\n      [part=\"drop-label\"] {\n        display: inline-block;\n        white-space: normal;\n        padding: 0 var(--lumo-space-s);\n        color: var(--lumo-secondary-text-color);\n        font-family: var(--lumo-font-family);\n      }\n\n      :host([dragover-valid]) {\n        border-color: var(--lumo-primary-color-50pct);\n        background: var(--lumo-primary-color-10pct);\n        transition: background-color 0.1s, border-color 0.1s;\n      }\n\n      :host([dragover-valid]) [part=\"drop-label\"] {\n        color: var(--lumo-primary-text-color);\n      }\n\n      :host([max-files-reached]) [part='drop-label'] {\n        color: var(--lumo-disabled-text-color);\n      }\n\n      [part=\"drop-label-icon\"] {\n        display: inline-block;\n      }\n\n      [part=\"drop-label-icon\"]::before {\n        content: var(--lumo-icons-upload);\n        font-family: lumo-icons;\n        font-size: var(--lumo-icon-size-m);\n        line-height: 1;\n        vertical-align: -.25em;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"lumo-upload-file\" theme-for=\"vaadin-upload-file\">\n  <template>\n    <style include=\"lumo-field-button\">\n      :host {\n        padding: var(--lumo-space-s) 0;\n      }\n\n      :host(:not(:first-child)) {\n        border-top: 1px solid var(--lumo-contrast-10pct);\n      }\n\n      [part=\"row\"] {\n        display: flex;\n        align-items: baseline;\n        justify-content: space-between;\n      }\n\n      [part=\"status\"],\n      [part=\"error\"] {\n        color: var(--lumo-secondary-text-color);\n        font-size: var(--lumo-font-size-s);\n      }\n\n      [part=\"info\"] {\n        display: flex;\n        align-items: baseline;\n        flex: auto;\n      }\n\n      [part=\"meta\"] {\n        width: 0.001px;\n        flex: 1 1 auto;\n      }\n\n      [part=\"name\"] {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      [part=\"commands\"] {\n        display: flex;\n        align-items: baseline;\n        flex: none;\n      }\n\n      [part=\"done-icon\"],\n      [part=\"warning-icon\"] {\n        margin-right: var(--lumo-space-xs);\n      }\n\n      /* When both icons are hidden, let us keep space for one */\n      [part=\"done-icon\"][hidden] + [part=\"warning-icon\"][hidden] {\n        display: block !important;\n        visibility: hidden;\n      }\n\n      [part=\"done-icon\"],\n      [part=\"warning-icon\"] {\n        font-size: var(--lumo-icon-size-m);\n        font-family: 'lumo-icons';\n        line-height: 1;\n      }\n\n      [part=\"start-button\"],\n      [part=\"retry-button\"],\n      [part=\"clear-button\"] {\n        flex: none;\n        margin-left: var(--lumo-space-xs);\n      }\n\n      [part=\"done-icon\"]::before,\n      [part=\"warning-icon\"]::before,\n      [part=\"start-button\"]::before,\n      [part=\"retry-button\"]::before,\n      [part=\"clear-button\"]::before {\n        vertical-align: -.25em;\n      }\n\n      [part=\"done-icon\"]::before {\n        content: var(--lumo-icons-checkmark);\n        color: var(--lumo-primary-text-color);\n      }\n\n      [part=\"warning-icon\"]::before {\n        content: var(--lumo-icons-error);\n        color: var(--lumo-error-text-color);\n      }\n\n      [part=\"start-button\"]::before {\n        content: var(--lumo-icons-play);\n      }\n\n      [part=\"retry-button\"]::before {\n        content: var(--lumo-icons-reload);\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--lumo-icons-cross);\n      }\n\n      [part=\"error\"] {\n        color: var(--lumo-error-text-color);\n      }\n\n      [part=\"progress\"] {\n        width: auto;\n        margin-left: calc(var(--lumo-icon-size-m) + var(--lumo-space-xs));\n        margin-right: calc(var(--lumo-icon-size-m) + var(--lumo-space-xs));\n      }\n\n      [part=\"progress\"][complete],\n      [part=\"progress\"][error] {\n        display: none;\n      }\n\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-upload/theme/material/vaadin-upload-styles.js b/build/es5-amd/node_modules/@vaadin/vaadin-upload/theme/material/vaadin-upload-styles.js
index 78120c61b63..1ce0b23ff6a 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-upload/theme/material/vaadin-upload-styles.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-upload/theme/material/vaadin-upload-styles.js
@@ -1,8 +1,8 @@
 define(["../../../vaadin-material-styles/color.js", "../../../vaadin-material-styles/font-icons.js", "../../../vaadin-material-styles/typography.js", "../../../vaadin-button/theme/material/vaadin-button.js", "../../../vaadin-progress-bar/theme/material/vaadin-progress-bar.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _fontIcons, _typography, _vaadinButton, _vaadinProgressBar, _htmlTag) {
   "use strict";
 
-  var _templateObject_0b59e9201f0611ed8cc3e9a95995ad69;
+  var _templateObject_e1fa50d01f2611eda0c389891c227ec8;
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_0b59e9201f0611ed8cc3e9a95995ad69 || (_templateObject_0b59e9201f0611ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-upload\" theme-for=\"vaadin-upload\">\n  <template>\n    <style>\n      :host(:not([nodrop])) {\n        overflow: hidden;\n        border: 1px dashed var(--material-divider-color);\n        border-radius: 4px;\n        padding: 8px 16px;\n        transition: border-color 0.6s;\n        position: relative;\n      }\n\n      [part=\"primary-buttons\"] {\n        display: inline-flex;\n        flex-wrap: wrap;\n        align-items: baseline;\n      }\n\n      /* TODO(jouni): unsupported selector (not sure why there's #addFiles element wrapping the upload button) */\n      [part=\"primary-buttons\"] > * {\n        display: block;\n        flex-grow: 1;\n      }\n\n      [part=\"upload-button\"] {\n        display: block;\n        margin: 0 -8px;\n      }\n\n      [part=\"drop-label\"] {\n        text-align: center;\n        white-space: normal;\n        padding: 0 24px;\n        color: var(--material-secondary-text-color);\n        font-family: var(--material-font-family);\n        font-size: var(--material-small-font-size);\n      }\n\n      :host([dragover-valid]) {\n        border-color: var(--material-primary-color);\n        transition: border-color 0.1s;\n      }\n\n      :host([dragover-valid]) [part=\"drop-label\"] {\n        color: var(--material-primary-text-color);\n      }\n\n      :host([max-files-reached]) [part='drop-label'] {\n        color: var(--material-disabled-text-color);\n      }\n\n      [part=\"drop-label-icon\"] {\n        display: inline-block;\n        margin-right: 8px;\n      }\n\n      [part=\"drop-label-icon\"]::before {\n        content: var(--material-icons-upload);\n        font-family: material-icons;\n        font-size: var(--material-icon-font-size);\n        line-height: 1;\n      }\n\n      /* Ripple */\n\n      :host::before {\n        content: \"\";\n        position: absolute;\n        width: 100px;\n        height: 100px;\n        border-radius: 50%;\n        top: 50%;\n        left: 50%;\n        pointer-events: none;\n        background-color: var(--material-primary-color);\n        opacity: 0;\n        transform: translate(-50%, -50%) scale(0);\n        transition: transform 0s cubic-bezier(.075, .82, .165, 1), opacity 0.4s linear;\n        transition-delay: 0.4s, 0s;\n      }\n\n      :host([dragover-valid])::before {\n        transform: translate(-50%, -50%) scale(10);\n        opacity: 0.1;\n        transition-duration: 2s, 0.1s;\n        transition-delay: 0s, 0s;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"material-upload-file\" theme-for=\"vaadin-upload-file\">\n  <template>\n    <style>\n      :host {\n        padding: 8px 0;\n      }\n\n      [part=\"row\"] {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n      }\n\n      [part=\"status\"],\n      [part=\"error\"] {\n        color: var(--material-secondary-text-color);\n        font-size: var(--material-caption-font-size);\n      }\n\n      [part=\"info\"] {\n        display: flex;\n        align-items: baseline;\n        flex: auto;\n      }\n\n      [part=\"meta\"] {\n        width: 0.001px;\n        flex: 1 1 auto;\n      }\n\n      [part=\"name\"] {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        font-size: var(--material-small-font-size);\n      }\n\n      [part=\"commands\"] {\n        display: flex;\n        flex: none;\n        font-family: material-icons;\n        font-size: var(--material-icon-font-size);\n      }\n\n      [part=\"done-icon\"],\n      [part=\"warning-icon\"] {\n        padding: 8px;\n        margin: -8px 0 -8px -8px;\n        font-family: material-icons;\n        font-size: var(--material-icon-font-size);\n      }\n\n      /* When both icons are hidden, let us keep space for one */\n      [part=\"done-icon\"][hidden] + [part=\"warning-icon\"][hidden] {\n        display: block !important;\n        visibility: hidden;\n      }\n\n      [part=\"done-icon\"],\n      [part=\"warning-icon\"] {\n        font-size: var(--material-icon-font-size);\n        line-height: 1;\n      }\n\n      [part=\"start-button\"],\n      [part=\"retry-button\"],\n      [part=\"clear-button\"] {\n        flex: none;\n        color: var(--material-secondary-text-color);\n        line-height: 1;\n        padding: 8px;\n        margin: -8px 0;\n      }\n\n      [part=\"clear-button\"] {\n        margin-right: -8px;\n      }\n\n      [part=\"start-button\"]:hover,\n      [part=\"retry-button\"]:hover,\n      [part=\"clear-button\"]:hover {\n        color: inherit;\n      }\n\n      [part=\"done-icon\"]::before,\n      [part=\"warning-icon\"]::before,\n      [part=\"start-button\"]::before,\n      [part=\"retry-button\"]::before,\n      [part=\"clear-button\"]::before {\n        vertical-align: -0.05em;\n      }\n\n      [part=\"done-icon\"]::before {\n        content: var(--material-icons-check);\n        color: var(--material-primary-text-color);\n      }\n\n      [part=\"warning-icon\"]::before {\n        content: var(--material-icons-error);\n        color: var(--material-error-text-color);\n      }\n\n      [part=\"start-button\"]::before {\n        content: var(--material-icons-play);\n      }\n\n      [part=\"retry-button\"]::before {\n        content: var(--material-icons-reload);\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--material-icons-clear);\n      }\n\n      [part=\"error\"] {\n        color: var(--material-error-text-color);\n      }\n\n      [part=\"progress\"] {\n        width: auto;\n        margin-left: 28px;\n      }\n\n      [part=\"progress\"][complete],\n      [part=\"progress\"][error] {\n        display: none;\n      }\n    </style>\n  </template>\n</dom-module>"])));
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_e1fa50d01f2611eda0c389891c227ec8 || (_templateObject_e1fa50d01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-upload\" theme-for=\"vaadin-upload\">\n  <template>\n    <style>\n      :host(:not([nodrop])) {\n        overflow: hidden;\n        border: 1px dashed var(--material-divider-color);\n        border-radius: 4px;\n        padding: 8px 16px;\n        transition: border-color 0.6s;\n        position: relative;\n      }\n\n      [part=\"primary-buttons\"] {\n        display: inline-flex;\n        flex-wrap: wrap;\n        align-items: baseline;\n      }\n\n      /* TODO(jouni): unsupported selector (not sure why there's #addFiles element wrapping the upload button) */\n      [part=\"primary-buttons\"] > * {\n        display: block;\n        flex-grow: 1;\n      }\n\n      [part=\"upload-button\"] {\n        display: block;\n        margin: 0 -8px;\n      }\n\n      [part=\"drop-label\"] {\n        text-align: center;\n        white-space: normal;\n        padding: 0 24px;\n        color: var(--material-secondary-text-color);\n        font-family: var(--material-font-family);\n        font-size: var(--material-small-font-size);\n      }\n\n      :host([dragover-valid]) {\n        border-color: var(--material-primary-color);\n        transition: border-color 0.1s;\n      }\n\n      :host([dragover-valid]) [part=\"drop-label\"] {\n        color: var(--material-primary-text-color);\n      }\n\n      :host([max-files-reached]) [part='drop-label'] {\n        color: var(--material-disabled-text-color);\n      }\n\n      [part=\"drop-label-icon\"] {\n        display: inline-block;\n        margin-right: 8px;\n      }\n\n      [part=\"drop-label-icon\"]::before {\n        content: var(--material-icons-upload);\n        font-family: material-icons;\n        font-size: var(--material-icon-font-size);\n        line-height: 1;\n      }\n\n      /* Ripple */\n\n      :host::before {\n        content: \"\";\n        position: absolute;\n        width: 100px;\n        height: 100px;\n        border-radius: 50%;\n        top: 50%;\n        left: 50%;\n        pointer-events: none;\n        background-color: var(--material-primary-color);\n        opacity: 0;\n        transform: translate(-50%, -50%) scale(0);\n        transition: transform 0s cubic-bezier(.075, .82, .165, 1), opacity 0.4s linear;\n        transition-delay: 0.4s, 0s;\n      }\n\n      :host([dragover-valid])::before {\n        transform: translate(-50%, -50%) scale(10);\n        opacity: 0.1;\n        transition-duration: 2s, 0.1s;\n        transition-delay: 0s, 0s;\n      }\n    </style>\n  </template>\n</dom-module><dom-module id=\"material-upload-file\" theme-for=\"vaadin-upload-file\">\n  <template>\n    <style>\n      :host {\n        padding: 8px 0;\n      }\n\n      [part=\"row\"] {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n      }\n\n      [part=\"status\"],\n      [part=\"error\"] {\n        color: var(--material-secondary-text-color);\n        font-size: var(--material-caption-font-size);\n      }\n\n      [part=\"info\"] {\n        display: flex;\n        align-items: baseline;\n        flex: auto;\n      }\n\n      [part=\"meta\"] {\n        width: 0.001px;\n        flex: 1 1 auto;\n      }\n\n      [part=\"name\"] {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        font-size: var(--material-small-font-size);\n      }\n\n      [part=\"commands\"] {\n        display: flex;\n        flex: none;\n        font-family: material-icons;\n        font-size: var(--material-icon-font-size);\n      }\n\n      [part=\"done-icon\"],\n      [part=\"warning-icon\"] {\n        padding: 8px;\n        margin: -8px 0 -8px -8px;\n        font-family: material-icons;\n        font-size: var(--material-icon-font-size);\n      }\n\n      /* When both icons are hidden, let us keep space for one */\n      [part=\"done-icon\"][hidden] + [part=\"warning-icon\"][hidden] {\n        display: block !important;\n        visibility: hidden;\n      }\n\n      [part=\"done-icon\"],\n      [part=\"warning-icon\"] {\n        font-size: var(--material-icon-font-size);\n        line-height: 1;\n      }\n\n      [part=\"start-button\"],\n      [part=\"retry-button\"],\n      [part=\"clear-button\"] {\n        flex: none;\n        color: var(--material-secondary-text-color);\n        line-height: 1;\n        padding: 8px;\n        margin: -8px 0;\n      }\n\n      [part=\"clear-button\"] {\n        margin-right: -8px;\n      }\n\n      [part=\"start-button\"]:hover,\n      [part=\"retry-button\"]:hover,\n      [part=\"clear-button\"]:hover {\n        color: inherit;\n      }\n\n      [part=\"done-icon\"]::before,\n      [part=\"warning-icon\"]::before,\n      [part=\"start-button\"]::before,\n      [part=\"retry-button\"]::before,\n      [part=\"clear-button\"]::before {\n        vertical-align: -0.05em;\n      }\n\n      [part=\"done-icon\"]::before {\n        content: var(--material-icons-check);\n        color: var(--material-primary-text-color);\n      }\n\n      [part=\"warning-icon\"]::before {\n        content: var(--material-icons-error);\n        color: var(--material-error-text-color);\n      }\n\n      [part=\"start-button\"]::before {\n        content: var(--material-icons-play);\n      }\n\n      [part=\"retry-button\"]::before {\n        content: var(--material-icons-reload);\n      }\n\n      [part=\"clear-button\"]::before {\n        content: var(--material-icons-clear);\n      }\n\n      [part=\"error\"] {\n        color: var(--material-error-text-color);\n      }\n\n      [part=\"progress\"] {\n        width: auto;\n        margin-left: 28px;\n      }\n\n      [part=\"progress\"][complete],\n      [part=\"progress\"][error] {\n        display: none;\n      }\n    </style>\n  </template>\n</dom-module>"])));
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vowo/chart-elements/chart-bar.js b/build/es5-amd/node_modules/@vowo/chart-elements/chart-bar.js
index a7663ce469a..c08e19bbdeb 100644
--- a/build/es5-amd/node_modules/@vowo/chart-elements/chart-bar.js
+++ b/build/es5-amd/node_modules/@vowo/chart-elements/chart-bar.js
@@ -1,7 +1,7 @@
 define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", "../../@polymer/polymer/lib/legacy/class.js", "./resize-behavior.js", "./context-behavior.js", "./chart-property-behavior.js"], function (_chartStyles, _polymerElement, _ironResizableBehavior, _class, _resizeBehavior, _contextBehavior, _chartPropertyBehavior) {
   "use strict";
 
-  var _templateObject_9c328ed01f0511ed8cc3e9a95995ad69;
+  var _templateObject_775b16b01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -27,7 +27,7 @@ define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../..
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9c328ed01f0511ed8cc3e9a95995ad69 || (_templateObject_9c328ed01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
+        return (0, _polymerElement.html)(_templateObject_775b16b01f2611eda0c389891c227ec8 || (_templateObject_775b16b01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vowo/chart-elements/chart-doughnut.js b/build/es5-amd/node_modules/@vowo/chart-elements/chart-doughnut.js
index 978e0ac1f92..1ca6749aace 100644
--- a/build/es5-amd/node_modules/@vowo/chart-elements/chart-doughnut.js
+++ b/build/es5-amd/node_modules/@vowo/chart-elements/chart-doughnut.js
@@ -1,7 +1,7 @@
 define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", "../../@polymer/polymer/lib/legacy/class.js", "./resize-behavior.js", "./context-behavior.js", "./chart-property-behavior.js"], function (_chartStyles, _polymerElement, _ironResizableBehavior, _class, _resizeBehavior, _contextBehavior, _chartPropertyBehavior) {
   "use strict";
 
-  var _templateObject_9c3526e01f0511ed8cc3e9a95995ad69;
+  var _templateObject_775c4f301f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -27,7 +27,7 @@ define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../..
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9c3526e01f0511ed8cc3e9a95995ad69 || (_templateObject_9c3526e01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
+        return (0, _polymerElement.html)(_templateObject_775c4f301f2611eda0c389891c227ec8 || (_templateObject_775c4f301f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vowo/chart-elements/chart-horizontal-bar.js b/build/es5-amd/node_modules/@vowo/chart-elements/chart-horizontal-bar.js
index 8635aedeeac..9f36e5a346c 100644
--- a/build/es5-amd/node_modules/@vowo/chart-elements/chart-horizontal-bar.js
+++ b/build/es5-amd/node_modules/@vowo/chart-elements/chart-horizontal-bar.js
@@ -1,7 +1,7 @@
 define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", "../../@polymer/polymer/lib/legacy/class.js", "./resize-behavior.js", "./context-behavior.js", "./chart-property-behavior.js"], function (_chartStyles, _polymerElement, _ironResizableBehavior, _class, _resizeBehavior, _contextBehavior, _chartPropertyBehavior) {
   "use strict";
 
-  var _templateObject_9c3e75b01f0511ed8cc3e9a95995ad69;
+  var _templateObject_77601fc01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -27,7 +27,7 @@ define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../..
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9c3e75b01f0511ed8cc3e9a95995ad69 || (_templateObject_9c3e75b01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
+        return (0, _polymerElement.html)(_templateObject_77601fc01f2611eda0c389891c227ec8 || (_templateObject_77601fc01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vowo/chart-elements/chart-line.js b/build/es5-amd/node_modules/@vowo/chart-elements/chart-line.js
index 9dcb08e87a3..c93be6fe4c1 100644
--- a/build/es5-amd/node_modules/@vowo/chart-elements/chart-line.js
+++ b/build/es5-amd/node_modules/@vowo/chart-elements/chart-line.js
@@ -1,7 +1,7 @@
 define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", "../../@polymer/polymer/lib/legacy/class.js", "./resize-behavior.js", "./context-behavior.js", "./chart-property-behavior.js"], function (_chartStyles, _polymerElement, _ironResizableBehavior, _class, _resizeBehavior, _contextBehavior, _chartPropertyBehavior) {
   "use strict";
 
-  var _templateObject_9c3ffc501f0511ed8cc3e9a95995ad69;
+  var _templateObject_7768ab401f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -27,7 +27,7 @@ define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../..
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9c3ffc501f0511ed8cc3e9a95995ad69 || (_templateObject_9c3ffc501f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
+        return (0, _polymerElement.html)(_templateObject_7768ab401f2611eda0c389891c227ec8 || (_templateObject_7768ab401f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vowo/chart-elements/chart-pie.js b/build/es5-amd/node_modules/@vowo/chart-elements/chart-pie.js
index a8f1c6a3ab2..64ed5b5ea0a 100644
--- a/build/es5-amd/node_modules/@vowo/chart-elements/chart-pie.js
+++ b/build/es5-amd/node_modules/@vowo/chart-elements/chart-pie.js
@@ -1,7 +1,7 @@
 define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", "../../@polymer/polymer/lib/legacy/class.js", "./resize-behavior.js", "./context-behavior.js", "./chart-property-behavior.js"], function (_chartStyles, _polymerElement, _ironResizableBehavior, _class, _resizeBehavior, _contextBehavior, _chartPropertyBehavior) {
   "use strict";
 
-  var _templateObject_9c4246401f0511ed8cc3e9a95995ad69;
+  var _templateObject_776a80001f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -27,7 +27,7 @@ define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../..
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9c4246401f0511ed8cc3e9a95995ad69 || (_templateObject_9c4246401f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
+        return (0, _polymerElement.html)(_templateObject_776a80001f2611eda0c389891c227ec8 || (_templateObject_776a80001f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vowo/chart-elements/chart-polar-area.js b/build/es5-amd/node_modules/@vowo/chart-elements/chart-polar-area.js
index 1fa395daaec..c2c8f6f55d3 100644
--- a/build/es5-amd/node_modules/@vowo/chart-elements/chart-polar-area.js
+++ b/build/es5-amd/node_modules/@vowo/chart-elements/chart-polar-area.js
@@ -1,7 +1,7 @@
 define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", "../../@polymer/polymer/lib/legacy/class.js", "./resize-behavior.js", "./context-behavior.js", "./chart-property-behavior.js"], function (_chartStyles, _polymerElement, _ironResizableBehavior, _class, _resizeBehavior, _contextBehavior, _chartPropertyBehavior) {
   "use strict";
 
-  var _templateObject_9c4af8d01f0511ed8cc3e9a95995ad69;
+  var _templateObject_776cc9f01f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -29,7 +29,7 @@ define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../..
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9c4af8d01f0511ed8cc3e9a95995ad69 || (_templateObject_9c4af8d01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
+        return (0, _polymerElement.html)(_templateObject_776cc9f01f2611eda0c389891c227ec8 || (_templateObject_776cc9f01f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vowo/chart-elements/chart-radar.js b/build/es5-amd/node_modules/@vowo/chart-elements/chart-radar.js
index 48f32eaf21a..82524c4d7fb 100644
--- a/build/es5-amd/node_modules/@vowo/chart-elements/chart-radar.js
+++ b/build/es5-amd/node_modules/@vowo/chart-elements/chart-radar.js
@@ -1,7 +1,7 @@
 define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", "../../@polymer/polymer/lib/legacy/class.js", "./resize-behavior.js", "./context-behavior.js", "./chart-property-behavior.js"], function (_chartStyles, _polymerElement, _ironResizableBehavior, _class, _resizeBehavior, _contextBehavior, _chartPropertyBehavior) {
   "use strict";
 
-  var _templateObject_9c4f8cb01f0511ed8cc3e9a95995ad69;
+  var _templateObject_77752e601f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -27,7 +27,7 @@ define(["./chart-styles.js", "../../@polymer/polymer/polymer-element.js", "../..
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9c4f8cb01f0511ed8cc3e9a95995ad69 || (_templateObject_9c4f8cb01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
+        return (0, _polymerElement.html)(_templateObject_77752e601f2611eda0c389891c227ec8 || (_templateObject_77752e601f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"chart-styles\"></style>\n\n    <div>\n      <canvas id=\"canvas\"></canvas>\n    </div>\n"])));
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/wired-elements/lib/wired-base.js b/build/es5-amd/node_modules/wired-elements/lib/wired-base.js
index b137cc7e384..83d702f0376 100644
--- a/build/es5-amd/node_modules/wired-elements/lib/wired-base.js
+++ b/build/es5-amd/node_modules/wired-elements/lib/wired-base.js
@@ -8,7 +8,7 @@ define(["exports", "../../lit/index.js", "../../lit/decorators.js"], function (_
   _exports.fireEvent = fireEvent;
   _exports.randomSeed = randomSeed;
 
-  var _templateObject_a1006a901f0511ed8cc3e9a95995ad69;
+  var _templateObject_7c04a1901f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -28,7 +28,7 @@ define(["exports", "../../lit/index.js", "../../lit/decorators.js"], function (_
     if ((typeof Reflect === "undefined" ? "undefined" : babelHelpers.typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
   };
 
-  var BaseCSS = (0, _index.css)(_templateObject_a1006a901f0511ed8cc3e9a95995ad69 || (_templateObject_a1006a901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n:host {\n  opacity: 0;\n}\n:host(.wired-rendered) {\n  opacity: 1;\n}\n#overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n}\nsvg {\n  display: block;\n}\npath {\n  stroke: currentColor;\n  stroke-width: 0.7;\n  fill: transparent;\n}\n.hidden {\n  display: none !important;\n}\n"])));
+  var BaseCSS = (0, _index.css)(_templateObject_7c04a1901f2611eda0c389891c227ec8 || (_templateObject_7c04a1901f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n:host {\n  opacity: 0;\n}\n:host(.wired-rendered) {\n  opacity: 1;\n}\n#overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n}\nsvg {\n  display: block;\n}\npath {\n  stroke: currentColor;\n  stroke-width: 0.7;\n  fill: transparent;\n}\n.hidden {\n  display: none !important;\n}\n"])));
   _exports.BaseCSS = BaseCSS;
 
   var WiredBase = /*#__PURE__*/function (_LitElement) {
diff --git a/build/es5-amd/node_modules/wired-elements/lib/wired-button.js b/build/es5-amd/node_modules/wired-elements/lib/wired-button.js
index 0db1a31f9fc..8e8db262b4d 100644
--- a/build/es5-amd/node_modules/wired-elements/lib/wired-button.js
+++ b/build/es5-amd/node_modules/wired-elements/lib/wired-button.js
@@ -6,7 +6,7 @@ define(["exports", "./wired-base.js", "./wired-lib.js", "../../lit/index.js", ".
   });
   _exports.WiredButton = void 0;
 
-  var _templateObject_953269c01f0511ed8cc3e9a95995ad69, _templateObject2_953269c01f0511ed8cc3e9a95995ad69;
+  var _templateObject_7096c2201f2611eda0c389891c227ec8, _templateObject2_7096c2201f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -54,7 +54,7 @@ define(["exports", "./wired-base.js", "./wired-lib.js", "../../lit/index.js", ".
     babelHelpers.createClass(WiredButton, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_953269c01f0511ed8cc3e9a95995ad69 || (_templateObject_953269c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <button ?disabled=\"", "\">\n      <slot @slotchange=\"", "\"></slot>\n      <div id=\"overlay\">\n        <svg></svg>\n      </div>\n    </button>\n    "])), this.disabled, this.wiredRender);
+        return (0, _index.html)(_templateObject_7096c2201f2611eda0c389891c227ec8 || (_templateObject_7096c2201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <button ?disabled=\"", "\">\n      <slot @slotchange=\"", "\"></slot>\n      <div id=\"overlay\">\n        <svg></svg>\n      </div>\n    </button>\n    "])), this.disabled, this.wiredRender);
       }
     }, {
       key: "focus",
@@ -129,7 +129,7 @@ define(["exports", "./wired-base.js", "./wired-lib.js", "../../lit/index.js", ".
     }], [{
       key: "styles",
       get: function get() {
-        return [_wiredBase.BaseCSS, (0, _index.css)(_templateObject2_953269c01f0511ed8cc3e9a95995ad69 || (_templateObject2_953269c01f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          font-size: 14px;\n        }\n        path {\n          transition: transform 0.05s ease;\n        }\n        button {\n          position: relative;\n          user-select: none;\n          border: none;\n          background: none;\n          font-family: inherit;\n          font-size: inherit;\n          cursor: pointer;\n          letter-spacing: 1.25px;\n          text-transform: uppercase;\n          text-align: center;\n          padding: 10px;\n          color: inherit;\n          outline: none;\n        }\n        button[disabled] {\n          opacity: 0.6 !important;\n          background: rgba(0, 0, 0, 0.07);\n          cursor: default;\n          pointer-events: none;\n        }\n        button:active path {\n          transform: scale(0.97) translate(1.5%, 1.5%);\n        }\n        button:focus path {\n          stroke-width: 1.5;\n        }\n        button::-moz-focus-inner {\n          border: 0;\n        }\n      "])))];
+        return [_wiredBase.BaseCSS, (0, _index.css)(_templateObject2_7096c2201f2611eda0c389891c227ec8 || (_templateObject2_7096c2201f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          font-size: 14px;\n        }\n        path {\n          transition: transform 0.05s ease;\n        }\n        button {\n          position: relative;\n          user-select: none;\n          border: none;\n          background: none;\n          font-family: inherit;\n          font-size: inherit;\n          cursor: pointer;\n          letter-spacing: 1.25px;\n          text-transform: uppercase;\n          text-align: center;\n          padding: 10px;\n          color: inherit;\n          outline: none;\n        }\n        button[disabled] {\n          opacity: 0.6 !important;\n          background: rgba(0, 0, 0, 0.07);\n          cursor: default;\n          pointer-events: none;\n        }\n        button:active path {\n          transform: scale(0.97) translate(1.5%, 1.5%);\n        }\n        button:focus path {\n          stroke-width: 1.5;\n        }\n        button::-moz-focus-inner {\n          border: 0;\n        }\n      "])))];
       }
     }]);
     return WiredButton;
diff --git a/build/es5-amd/node_modules/wired-elements/lib/wired-toggle.js b/build/es5-amd/node_modules/wired-elements/lib/wired-toggle.js
index f18da86d09a..c0d5ced3c75 100644
--- a/build/es5-amd/node_modules/wired-elements/lib/wired-toggle.js
+++ b/build/es5-amd/node_modules/wired-elements/lib/wired-toggle.js
@@ -6,7 +6,7 @@ define(["exports", "./wired-base.js", "./wired-lib.js", "../../lit/index.js", ".
   });
   _exports.WiredToggle = void 0;
 
-  var _templateObject_a7bc0c901f0511ed8cc3e9a95995ad69, _templateObject2_a7bc0c901f0511ed8cc3e9a95995ad69;
+  var _templateObject_82373d701f2611eda0c389891c227ec8, _templateObject2_82373d701f2611eda0c389891c227ec8;
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
 
@@ -44,7 +44,7 @@ define(["exports", "./wired-base.js", "./wired-lib.js", "../../lit/index.js", ".
     babelHelpers.createClass(WiredToggle, [{
       key: "render",
       value: function render() {
-        return (0, _index.html)(_templateObject_a7bc0c901f0511ed8cc3e9a95995ad69 || (_templateObject_a7bc0c901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n    <div style=\"position: relative;\">\n      <svg></svg>\n      <input type=\"checkbox\" .checked=\"", "\" ?disabled=\"", "\"  @change=\"", "\">\n    </div>\n    "])), this.checked, this.disabled, this.onChange);
+        return (0, _index.html)(_templateObject_82373d701f2611eda0c389891c227ec8 || (_templateObject_82373d701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n    <div style=\"position: relative;\">\n      <svg></svg>\n      <input type=\"checkbox\" .checked=\"", "\" ?disabled=\"", "\"  @change=\"", "\">\n    </div>\n    "])), this.checked, this.disabled, this.onChange);
       }
     }, {
       key: "focus",
@@ -107,7 +107,7 @@ define(["exports", "./wired-base.js", "./wired-lib.js", "../../lit/index.js", ".
     }], [{
       key: "styles",
       get: function get() {
-        return [_wiredBase.BaseCSS, (0, _index.css)(_templateObject2_a7bc0c901f0511ed8cc3e9a95995ad69 || (_templateObject2_a7bc0c901f0511ed8cc3e9a95995ad69 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: inline-block;\n        cursor: pointer;\n        position: relative;\n        outline: none;\n      }\n      :host([disabled]) {\n        opacity: 0.4 !important;\n        cursor: default;\n        pointer-events: none;\n      }\n      :host([disabled]) svg {\n        background: rgba(0, 0, 0, 0.07);\n      }\n      input {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n        cursor: pointer;\n        opacity: 0;\n      }\n      .knob {\n        transition: transform 0.3s ease;\n      }\n      .knob path {\n        stroke-width: 0.7;\n      }\n      .knob.checked {\n        transform: translateX(48px);\n      }\n      path.knobfill {\n        stroke-width: 3 !important;\n        fill: transparent;\n      }\n      .knob.unchecked path.knobfill {\n        stroke: var(--wired-toggle-off-color, gray);\n      }\n      .knob.checked path.knobfill {\n        stroke: var(--wired-toggle-on-color, rgb(63, 81, 181));\n      }\n      "])))];
+        return [_wiredBase.BaseCSS, (0, _index.css)(_templateObject2_82373d701f2611eda0c389891c227ec8 || (_templateObject2_82373d701f2611eda0c389891c227ec8 = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: inline-block;\n        cursor: pointer;\n        position: relative;\n        outline: none;\n      }\n      :host([disabled]) {\n        opacity: 0.4 !important;\n        cursor: default;\n        pointer-events: none;\n      }\n      :host([disabled]) svg {\n        background: rgba(0, 0, 0, 0.07);\n      }\n      input {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n        cursor: pointer;\n        opacity: 0;\n      }\n      .knob {\n        transition: transform 0.3s ease;\n      }\n      .knob path {\n        stroke-width: 0.7;\n      }\n      .knob.checked {\n        transform: translateX(48px);\n      }\n      path.knobfill {\n        stroke-width: 3 !important;\n        fill: transparent;\n      }\n      .knob.unchecked path.knobfill {\n        stroke: var(--wired-toggle-off-color, gray);\n      }\n      .knob.checked path.knobfill {\n        stroke: var(--wired-toggle-on-color, rgb(63, 81, 181));\n      }\n      "])))];
       }
     }]);
     return WiredToggle;
diff --git a/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/lib/dist/a11y-collapse-group.dev.js b/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/lib/dist/a11y-collapse-group.dev.js
index 3805cb5f847..60f87542e9a 100644
--- a/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/lib/dist/a11y-collapse-group.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/lib/dist/a11y-collapse-group.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.A11yCollapseGroup=void 0;var e=require("lit"),t=require("../a11y-collapse.js");function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function _defineProperty(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_e72b37201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: var(--a11y-collapse-group-margin, 15px 0);\n          --a11y-collapse-margin: 15px;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #heading {\n          font-weight: bold;\n        }\n        .wrapper {\n          border-radius: 0;\n          --a11y-collapse-margin: 0 0;\n          --a11y-collapse-border-between: none;\n        }\n      "]);return _templateObject2_e72b37201f0511ed8cc3e9a95995ad69=function _templateObject2_e72b37201f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_e72b37201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <div class="wrapper"><slot></slot></div> ']);return _templateObject_e72b37201f0511ed8cc3e9a95995ad69=function _templateObject_e72b37201f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var n=Object.getOwnPropertyDescriptor(r,t);return n.get?n.get.call(o):n.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function A11yCollapseGroup(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,A11yCollapseGroup),(e=_possibleConstructorReturn(this,_getPrototypeOf(A11yCollapseGroup).call(this))).globalOptions={},e.radio=!1,e.__items=[],e.addEventListener("a11y-collapse-attached",(function(t){t.stopPropagation(),t.stopImmediatePropagation(),e._attachItem(t.detail)})),e.addEventListener("a11y-collapse-detached",(function(t){t.stopPropagation(),t.stopImmediatePropagation(),e._detachItem(t.detail)})),e.addEventListener("a11y-collapse-click",(function(t){t.stopPropagation(),t.stopImmediatePropagation(),e.radioToggle(t.detail)})),e.addEventListener("toggle",(function(t){t.stopPropagation(),t.stopImmediatePropagation(),e.radioToggle(t.detail)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(A11yCollapseGroup,e.LitElement),_createClass(A11yCollapseGroup,[{key:"render",value:function render(){return(0,e.html)(_templateObject_e72b37201f0511ed8cc3e9a95995ad69())}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_e72b37201f0511ed8cc3e9a95995ad69())]}}]),_createClass(A11yCollapseGroup,[{key:"_attachItem",value:function _attachItem(e){var t=this;this.__items.push(e),Object.keys(A11yCollapseGroup.properties||{}).forEach((function(o){return t._updateItem(e,o)}))}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,o){t.__items.forEach((function(r){return t._updateItem(r,o,e)}))}))}},{key:"_updateItem",value:function _updateItem(e,t){if("globalOptions"===t||"__items"===t){if(this.globalOptions!=={})for(var o in this.globalOptions)this.globalOptions.hasOwnProperty(o)&&(e[o]=this.globalOptions[o])}else"radio"===t&&this.radio?e.expanded=!1:null===this[t]&&"undefined"===_typeof(this[t])||(e[t]=this[t])}},{key:"_detachItem",value:function _detachItem(e){if(this.__items&&e)for(var t=0;t<this.__items.length;t++)this.__items[t]===e&&this.__items.splice(t,1)}},{key:"radioToggle",value:function radioToggle(e){if(this.radio&&e.expanded)for(var t=0;t<this.__items.length;t++)this.__items[t]!==e&&this.__items[t].toggle(!1)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var e=this;this.removeEventListener("a11y-collapse-click",(function(t){t.stopPropagation(),e.radioToggle(t.detail)})),this.removeEventListener("a11y-collapse-attached",(function(t){t.stopPropagation(),e.push("__items",t.detail)})),this.removeEventListener("a11y-collapse-detached",(function(t){t.stopPropagation(),e._detachItem(t.detail)})),_get(_getPrototypeOf(A11yCollapseGroup.prototype),"disconnectedCallback",this).call(this)}},{key:"items",get:function get(){return this.__items}}],[{key:"tag",get:function get(){return"a11y-collapse-group"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(o,!0).forEach((function(t){_defineProperty(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}({},_get(_getPrototypeOf(A11yCollapseGroup),"properties",this),{},t.A11yCollapse.properties,{globalOptions:{type:Object,attribute:"global-options",reflect:!0},radio:{type:Boolean,attribute:"radio"},__items:{type:Array}})}},{key:"haxProperties",get:function get(){return{canScale:!1,canPosition:!0,canEditSource:!0,gizmo:{title:"Expand Collapse Group",description:"A group of expand collapse elements.",icon:"view-day",color:"grey",groups:["Content","Presentation","Collapse"]},settings:{configure:[{property:"radio",title:"Expand only one",description:"Only one item can be expanded.",inputMethod:"boolean"},{property:"disabled",title:"Disabled",description:"Disable items.",inputMethod:"boolean"},{slot:"",title:"Collapse Items",description:"The collapse items.",inputMethod:"code-editor"}],advanced:[{property:"hidden",title:"Hidden",inputMethod:"boolean"}]}}}}]),A11yCollapseGroup}();exports.A11yCollapseGroup=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.A11yCollapseGroup=void 0;var e=require("lit"),t=require("../a11y-collapse.js");function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function _defineProperty(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_bd44e2a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: var(--a11y-collapse-group-margin, 15px 0);\n          --a11y-collapse-margin: 15px;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #heading {\n          font-weight: bold;\n        }\n        .wrapper {\n          border-radius: 0;\n          --a11y-collapse-margin: 0 0;\n          --a11y-collapse-border-between: none;\n        }\n      "]);return _templateObject2_bd44e2a01f2611eda0c389891c227ec8=function _templateObject2_bd44e2a01f2611eda0c389891c227ec8(){return e},e}function _templateObject_bd44e2a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <div class="wrapper"><slot></slot></div> ']);return _templateObject_bd44e2a01f2611eda0c389891c227ec8=function _templateObject_bd44e2a01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var n=Object.getOwnPropertyDescriptor(r,t);return n.get?n.get.call(o):n.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function A11yCollapseGroup(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,A11yCollapseGroup),(e=_possibleConstructorReturn(this,_getPrototypeOf(A11yCollapseGroup).call(this))).globalOptions={},e.radio=!1,e.__items=[],e.addEventListener("a11y-collapse-attached",(function(t){t.stopPropagation(),t.stopImmediatePropagation(),e._attachItem(t.detail)})),e.addEventListener("a11y-collapse-detached",(function(t){t.stopPropagation(),t.stopImmediatePropagation(),e._detachItem(t.detail)})),e.addEventListener("a11y-collapse-click",(function(t){t.stopPropagation(),t.stopImmediatePropagation(),e.radioToggle(t.detail)})),e.addEventListener("toggle",(function(t){t.stopPropagation(),t.stopImmediatePropagation(),e.radioToggle(t.detail)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(A11yCollapseGroup,e.LitElement),_createClass(A11yCollapseGroup,[{key:"render",value:function render(){return(0,e.html)(_templateObject_bd44e2a01f2611eda0c389891c227ec8())}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_bd44e2a01f2611eda0c389891c227ec8())]}}]),_createClass(A11yCollapseGroup,[{key:"_attachItem",value:function _attachItem(e){var t=this;this.__items.push(e),Object.keys(A11yCollapseGroup.properties||{}).forEach((function(o){return t._updateItem(e,o)}))}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,o){t.__items.forEach((function(r){return t._updateItem(r,o,e)}))}))}},{key:"_updateItem",value:function _updateItem(e,t){if("globalOptions"===t||"__items"===t){if(this.globalOptions!=={})for(var o in this.globalOptions)this.globalOptions.hasOwnProperty(o)&&(e[o]=this.globalOptions[o])}else"radio"===t&&this.radio?e.expanded=!1:null===this[t]&&"undefined"===_typeof(this[t])||(e[t]=this[t])}},{key:"_detachItem",value:function _detachItem(e){if(this.__items&&e)for(var t=0;t<this.__items.length;t++)this.__items[t]===e&&this.__items.splice(t,1)}},{key:"radioToggle",value:function radioToggle(e){if(this.radio&&e.expanded)for(var t=0;t<this.__items.length;t++)this.__items[t]!==e&&this.__items[t].toggle(!1)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var e=this;this.removeEventListener("a11y-collapse-click",(function(t){t.stopPropagation(),e.radioToggle(t.detail)})),this.removeEventListener("a11y-collapse-attached",(function(t){t.stopPropagation(),e.push("__items",t.detail)})),this.removeEventListener("a11y-collapse-detached",(function(t){t.stopPropagation(),e._detachItem(t.detail)})),_get(_getPrototypeOf(A11yCollapseGroup.prototype),"disconnectedCallback",this).call(this)}},{key:"items",get:function get(){return this.__items}}],[{key:"tag",get:function get(){return"a11y-collapse-group"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(o,!0).forEach((function(t){_defineProperty(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}({},_get(_getPrototypeOf(A11yCollapseGroup),"properties",this),{},t.A11yCollapse.properties,{globalOptions:{type:Object,attribute:"global-options",reflect:!0},radio:{type:Boolean,attribute:"radio"},__items:{type:Array}})}},{key:"haxProperties",get:function get(){return{canScale:!1,canPosition:!0,canEditSource:!0,gizmo:{title:"Expand Collapse Group",description:"A group of expand collapse elements.",icon:"view-day",color:"grey",groups:["Content","Presentation","Collapse"]},settings:{configure:[{property:"radio",title:"Expand only one",description:"Only one item can be expanded.",inputMethod:"boolean"},{property:"disabled",title:"Disabled",description:"Disable items.",inputMethod:"boolean"},{slot:"",title:"Collapse Items",description:"The collapse items.",inputMethod:"code-editor"}],advanced:[{property:"hidden",title:"Hidden",inputMethod:"boolean"}]}}}}]),A11yCollapseGroup}();exports.A11yCollapseGroup=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/a11y-menu-button/lib/dist/a11y-menu-button-item.dev.js b/build/es6/node_modules/@lrnwebcomponents/a11y-menu-button/lib/dist/a11y-menu-button-item.dev.js
index 626030b28fb..84227c2579e 100644
--- a/build/es6/node_modules/@lrnwebcomponents/a11y-menu-button/lib/dist/a11y-menu-button-item.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/a11y-menu-button/lib/dist/a11y-menu-button-item.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.A11yMenuButtonItemBehaviors=exports.A11yMenuButtonItem=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_e72cbdc01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <li role="none">\n          <button\n            role="menuitem"\n            controls="','"\n            ?disabled="','"\n            part="button"\n          >\n            <slot></slot>\n          </button>\n        </li>\n      ']);return _templateObject3_e72cbdc01f0511ed8cc3e9a95995ad69=function _templateObject3_e72cbdc01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_e72cbdc01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <li role="none">\n        <a role="menuitem" href="','" ?disabled="','"\n            part="button">\n          <slot></slot>\n        </a>\n      </li>']);return _templateObject2_e72cbdc01f0511ed8cc3e9a95995ad69=function _templateObject2_e72cbdc01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_e72cbdc01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n          :host {\n            margin: 0;\n            padding: 0;\n            display: block;\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          *[role="menuitem"][disabled] {\n            cursor: not-allowed;\n          }\n\n          *[role="menuitem"],\n          *[role="menuitem"]:visited {\n            display: block;\n            margin: 0;\n            border-radius: 0;\n            font-family: inherit;\n            font-size: inherit;\n            text-decoration: var(--a11y-menu-button-item-text-decoration, none);\n            color: var(\n              --a11y-menu-button-item-color,\n              var(--a11y-menu-button-color, currentColor)\n            );\n            width: calc(\n              100% - 2 *\n                var(\n                  --a11y-menu-button-item-horizontal-padding,\n                  var(--a11y-menu-button-horizontal-padding, 5px)\n                )\n            );\n            text-align: var(--a11y-menu-button-item-text-align, left);\n            padding: var(\n                --a11y-menu-button-item-vertical-padding,\n                var(--a11y-menu-button-vertical-padding, 0)\n              )\n              var(\n                --a11y-menu-button-item-horizontal-padding,\n                var(--a11y-menu-button-horizontal-padding, 5px)\n              );\n            background-color: var(\n              --a11y-menu-button-item-bg-color,\n              var(--a11y-menu-button-bg-color, white)\n            );\n            border-left: var(--a11y-menu-button-item-border-left, none);\n            border-right: var(--a11y-menu-button-item-border-right, none);\n            border-top: var(--a11y-menu-button-item-border-top, none);\n            border-bottom: var(--a11y-menu-button-item-border-bottom, none);\n            border: var(--a11y-menu-button-item-border, none);\n            transition: all 0.25s ease-in-out;\n          }\n          button[role="menuitem"],\n          button[role="menuitem"]:visited {\n            width: 100%;\n          }\n\n          :host(:focus-within) *[role="button"],\n          *[role="menuitem"]:focus,\n          *[role="menuitem"]:hover {\n            text-decoration: var(\n              --a11y-menu-button-item-focus-text-decoration,\n              none\n            );\n            color: var(--a11y-menu-button-item-focus-color, currentColor);\n            background-color: var(\n              --a11y-menu-button-item-focus-bg-color,\n              #e0e0ff\n            );\n            border-left: var(--a11y-menu-button-item-focus-border-left, unset);\n            border-right: var(\n              --a11y-menu-button-item-focus-border-right,\n              unset\n            );\n            border-top: var(--a11y-menu-button-item-focus-border-top, unset);\n            border-bottom: var(\n              --a11y-menu-button-item-focus-border-bottom,\n              unset\n            );\n            border: var(--a11y-menu-button-item-focus-border, unset);\n          }\n        ']);return _templateObject_e72cbdc01f0511ed8cc3e9a95995ad69=function _templateObject_e72cbdc01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var t=function A11yMenuButtonItemBehaviors(t){return function(t){function _class(){return _classCallCheck(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))}return _inherits(_class,t),_createClass(_class,[{key:"render",value:function render(){return this.href&&""!==this.href.trim()?this.linkTemplate:this.buttonTemplate}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_e72cbdc01f0511ed8cc3e9a95995ad69())]}},{key:"tag",get:function get(){return"a11y-menu-button-item"}},{key:"properties",get:function get(){return{disabled:{attribute:"disabled",type:Boolean},hidden:{attribute:"hidden",type:Boolean,reflect:!0},href:{attribute:"href",type:String},controls:{attribute:"controls",type:String},slot:{type:String,attribute:"menuitem",reflect:!0}}}}]),_createClass(_class,[{key:"focus",value:function focus(){this.shadowRoot&&this.shadowRoot.querySelector("[role=menuitem]")&&this.shadowRoot.querySelector("[role=menuitem]").focus()}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this),this.dispatchEvent(new CustomEvent("add-a11y-menu-button-item",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this),this.dispatchEvent(new CustomEvent("remove-a11y-menu-button-item",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"linkTemplate",get:function get(){return(0,e.html)(_templateObject2_e72cbdc01f0511ed8cc3e9a95995ad69(),this.href,this.disabled)}},{key:"buttonTemplate",get:function get(){return(0,e.html)(_templateObject3_e72cbdc01f0511ed8cc3e9a95995ad69(),this.controls,this.disabled)}}]),_class}(t)};exports.A11yMenuButtonItemBehaviors=t;var n=function(n){function A11yMenuButtonItem(){return _classCallCheck(this,A11yMenuButtonItem),_possibleConstructorReturn(this,_getPrototypeOf(A11yMenuButtonItem).apply(this,arguments))}return _inherits(A11yMenuButtonItem,t(e.LitElement)),A11yMenuButtonItem}();exports.A11yMenuButtonItem=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.A11yMenuButtonItemBehaviors=exports.A11yMenuButtonItem=void 0;var t=require("lit");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _templateObject3_bd45cd001f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['\n        <li role="none">\n          <button\n            role="menuitem"\n            controls="','"\n            ?disabled="','"\n            part="button"\n          >\n            <slot></slot>\n          </button>\n        </li>\n      ']);return _templateObject3_bd45cd001f2611eda0c389891c227ec8=function _templateObject3_bd45cd001f2611eda0c389891c227ec8(){return t},t}function _templateObject2_bd45cd001f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral([' <li role="none">\n        <a role="menuitem" href="','" ?disabled="','"\n            part="button">\n          <slot></slot>\n        </a>\n      </li>']);return _templateObject2_bd45cd001f2611eda0c389891c227ec8=function _templateObject2_bd45cd001f2611eda0c389891c227ec8(){return t},t}function _templateObject_bd45cd001f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['\n          :host {\n            margin: 0;\n            padding: 0;\n            display: block;\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          *[role="menuitem"][disabled] {\n            cursor: not-allowed;\n          }\n\n          *[role="menuitem"],\n          *[role="menuitem"]:visited {\n            display: block;\n            margin: 0;\n            border-radius: 0;\n            font-family: inherit;\n            font-size: inherit;\n            text-decoration: var(--a11y-menu-button-item-text-decoration, none);\n            color: var(\n              --a11y-menu-button-item-color,\n              var(--a11y-menu-button-color, currentColor)\n            );\n            width: calc(\n              100% - 2 *\n                var(\n                  --a11y-menu-button-item-horizontal-padding,\n                  var(--a11y-menu-button-horizontal-padding, 5px)\n                )\n            );\n            text-align: var(--a11y-menu-button-item-text-align, left);\n            padding: var(\n                --a11y-menu-button-item-vertical-padding,\n                var(--a11y-menu-button-vertical-padding, 0)\n              )\n              var(\n                --a11y-menu-button-item-horizontal-padding,\n                var(--a11y-menu-button-horizontal-padding, 5px)\n              );\n            background-color: var(\n              --a11y-menu-button-item-bg-color,\n              var(--a11y-menu-button-bg-color, white)\n            );\n            border-left: var(--a11y-menu-button-item-border-left, none);\n            border-right: var(--a11y-menu-button-item-border-right, none);\n            border-top: var(--a11y-menu-button-item-border-top, none);\n            border-bottom: var(--a11y-menu-button-item-border-bottom, none);\n            border: var(--a11y-menu-button-item-border, none);\n            transition: all 0.25s ease-in-out;\n          }\n          button[role="menuitem"],\n          button[role="menuitem"]:visited {\n            width: 100%;\n          }\n\n          :host(:focus-within) *[role="button"],\n          *[role="menuitem"]:focus,\n          *[role="menuitem"]:hover {\n            text-decoration: var(\n              --a11y-menu-button-item-focus-text-decoration,\n              none\n            );\n            color: var(--a11y-menu-button-item-focus-color, currentColor);\n            background-color: var(\n              --a11y-menu-button-item-focus-bg-color,\n              #e0e0ff\n            );\n            border-left: var(--a11y-menu-button-item-focus-border-left, unset);\n            border-right: var(\n              --a11y-menu-button-item-focus-border-right,\n              unset\n            );\n            border-top: var(--a11y-menu-button-item-focus-border-top, unset);\n            border-bottom: var(\n              --a11y-menu-button-item-focus-border-bottom,\n              unset\n            );\n            border: var(--a11y-menu-button-item-focus-border, unset);\n          }\n        ']);return _templateObject_bd45cd001f2611eda0c389891c227ec8=function _templateObject_bd45cd001f2611eda0c389891c227ec8(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _get(t,e,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,n){var o=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(o){var r=Object.getOwnPropertyDescriptor(o,e);return r.get?r.get.call(n):r.value}},_get(t,e,n||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _defineProperties(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function _createClass(t,e,n){return e&&_defineProperties(t.prototype,e),n&&_defineProperties(t,n),t}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}var e=function A11yMenuButtonItemBehaviors(e){return function(e){function _class(){return _classCallCheck(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))}return _inherits(_class,e),_createClass(_class,[{key:"render",value:function render(){return this.href&&""!==this.href.trim()?this.linkTemplate:this.buttonTemplate}}],[{key:"styles",get:function get(){return[(0,t.css)(_templateObject_bd45cd001f2611eda0c389891c227ec8())]}},{key:"tag",get:function get(){return"a11y-menu-button-item"}},{key:"properties",get:function get(){return{disabled:{attribute:"disabled",type:Boolean},hidden:{attribute:"hidden",type:Boolean,reflect:!0},href:{attribute:"href",type:String},controls:{attribute:"controls",type:String},slot:{type:String,attribute:"menuitem",reflect:!0}}}}]),_createClass(_class,[{key:"focus",value:function focus(){this.shadowRoot&&this.shadowRoot.querySelector("[role=menuitem]")&&this.shadowRoot.querySelector("[role=menuitem]").focus()}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this),this.dispatchEvent(new CustomEvent("add-a11y-menu-button-item",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this),this.dispatchEvent(new CustomEvent("remove-a11y-menu-button-item",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"linkTemplate",get:function get(){return(0,t.html)(_templateObject2_bd45cd001f2611eda0c389891c227ec8(),this.href,this.disabled)}},{key:"buttonTemplate",get:function get(){return(0,t.html)(_templateObject3_bd45cd001f2611eda0c389891c227ec8(),this.controls,this.disabled)}}]),_class}(e)};exports.A11yMenuButtonItemBehaviors=e;var n=function(n){function A11yMenuButtonItem(){return _classCallCheck(this,A11yMenuButtonItem),_possibleConstructorReturn(this,_getPrototypeOf(A11yMenuButtonItem).apply(this,arguments))}return _inherits(A11yMenuButtonItem,e(t.LitElement)),A11yMenuButtonItem}();exports.A11yMenuButtonItem=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/a11y-tabs/lib/dist/a11y-tab.dev.js b/build/es6/node_modules/@lrnwebcomponents/a11y-tabs/lib/dist/a11y-tab.dev.js
index ddd88400801..c58cc2f9e19 100644
--- a/build/es6/node_modules/@lrnwebcomponents/a11y-tabs/lib/dist/a11y-tab.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/a11y-tabs/lib/dist/a11y-tab.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.A11yTab=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_e72df6401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin-bottom: var(--a11y-tabs-content-padding);\n          border: 1px solid var(--a11y-tabs-border-color);\n          padding: var(--a11y-tabs-content-padding);\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999px;\n          height: 0;\n          overflow: hidden;\n        }\n        .label-heading {\n          display: flex;\n          align-items: center;\n          color: var(--a11y-tabs-selected-color, var(--a11y-tabs-focus-color));\n          background-color: var(--a11y-tabs-background);\n          font-weight: var(--a11y-tabs-selected-font-weight, normal);\n          border-bottom: 1px solid var(--a11y-tabs-border-color);\n          margin: 0 0 calc(var(--a11y-tabs-content-padding) / 2);\n          padding: 0 0 calc(var(--a11y-tabs-content-padding) / 2);\n          border-radius: var(--a11y-tabs-horizontal-border-radius, 2px)\n            var(--a11y-tabs-horizontal-border-radius, 2px) 0 0;\n        }\n        simple-icon-lite {\n          margin-right: 1em;\n        }\n        @media screen {\n          :host {\n            border: none;\n            height: var(--a11y-tabs-tab-height, --a11y-tabs-height);\n            overflow: var(--a11y-tabs-tab-overflow, --a11y-tabs-overflow);\n            margin-bottom: unset;\n          }\n          :host([inactive]) {\n            display: none;\n          }\n          #content-inner {\n            max-width: 100%;\n            overflow: auto;\n          }\n          .label-heading {\n            display: none;\n          }\n        }\n      "]);return _templateObject2_e72df6401f0511ed8cc3e9a95995ad69=function _templateObject2_e72df6401f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_e72df6401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <span class="sr-only">Tab ','</span>\n      <div class="label-heading" part="heading">\n        <simple-icon-lite\n          class="icon"\n          ?hidden="','"\n          .icon="','" \n          part="icon"\n        >\n        </simple-icon-lite>\n        <slot name="label" ?hidden="','"></slot>\n        <div class="label" part="label">','</div>\n      </div>\n      <div id="content-inner" part="content"><slot></slot></div>\n      <span class="sr-only">\n        End of tab ','. Back to <a href="#','">tabs</a>.\n      </span>\n    ']);return _templateObject_e72df6401f0511ed8cc3e9a95995ad69=function _templateObject_e72df6401f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var a=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(a){var o=Object.getOwnPropertyDescriptor(a,t);return o.get?o.get.call(n):o.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js");var t=function(t){function A11yTab(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,A11yTab),(e=_possibleConstructorReturn(this,_getPrototypeOf(A11yTab).call(this))).disabled=!1,e.hidden=!1,e.order=1,e.role="tabpanel",e.total=1,e.tabindex=0,e.flag="",e.addEventListener("a11y-tab-flag",(function(t){return e.handleFlag(t)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(A11yTab,e.LitElement),_createClass(A11yTab,[{key:"render",value:function render(){return(0,e.html)(_templateObject_e72df6401f0511ed8cc3e9a95995ad69(),this.xOfY,!this.icon,this.icon,!this.label,this.label,this.xOfY,this.id)}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_e72df6401f0511ed8cc3e9a95995ad69())]}},{key:"haxProperties",get:function get(){return{canScale:!1,canPosition:!0,canEditSource:!0,gizmo:{title:"Tab",description:"A single tab.",icon:"view-day",color:"grey",groups:["Content","Presentation","Tabs"]},settings:{configure:[{property:"icon",title:"Tab Icon",inputMethod:"iconpicker"},{property:"disabled",title:"Disabled",inputMethod:"boolean"},{property:"label",title:"Tab Label",inputMethod:"textfield"},{slot:"",title:"Tab Content",description:"A content of the tab.",inputMethod:"code-editor"}],advanced:[{property:"id",title:"Unique ID",inputMethod:"textfield"},{property:"flag",title:"Optional Flag Text",inputMethod:"textfield"},{property:"flagIcon",title:"Optional Flag Icon",inputMethod:"iconpicker"}]}}}},{key:"properties",get:function get(){return{ariaLabelledby:{type:String,reflect:!0,attribute:"aria-labelledby"},flag:{type:String,reflect:!0},flagIcon:{type:String,attribute:"flag-icon"},disabled:{type:Boolean,reflect:!0,attribute:"disabled"},icon:{type:String},id:{type:String,reflect:!0,attribute:"id"},inactive:{type:Boolean,reflect:!0,attribute:"inactive"},label:{type:String},order:{type:Number},role:{type:String,reflect:!0,attribute:"role"},tabindex:{type:Number},total:{type:Number}}}}]),_createClass(A11yTab,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(A11yTab.prototype),"connectedCallback",this).call(this),this._labelChanged(),this.observer.observe(this,{childList:!0})}},{key:"disconnectedCallback",value:function disconnectedCallback(){var e=this;this.observer.disconnect(),this.removeEventListener("a11y-tab-flag",(function(t){return e.handleFlag(t)})),this._fireTabChanged(),_get(_getPrototypeOf(A11yTab.prototype),"disconnectedCallback",this).call(this)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){["id","order"].includes(n)&&!t.id&&(t.id="tab-".concat(t.order)),["label","order"].includes(n)&&!t.label&&t._labelChanged(),"flag"===n&&t._fireTabChanged(),"flagIcon"===n&&t._fireTabChanged(),"icon"===n&&t._fireTabChanged(),"id"===n&&(t.ariaLabelledby="".concat(t.id,"-button"),t._fireTabChanged()),"label"===n&&t._fireTabChanged(),"disabled"===n&&t.disabled&&t._fireTabChanged()}))}},{key:"_handleFlag",value:function _handleFlag(e){this.flag=e.detail.flag,this.flagIcon=e.detail.flagIcon}},{key:"_labelChanged",value:function _labelChanged(){this.label&&""!==this.label.trim()||(this.label=this.querySelector('*[slot="label"]')?this.querySelector('*[slot="label"]').innerHTML:"Tab ".concat(this.order))}},{key:"_fireTabChanged",value:function _fireTabChanged(){this.dispatchEvent(new CustomEvent("a11y-tab-changed",{bubbles:!0,cancelable:!0,composed:!1,detail:this}))}},{key:"observer",get:function get(){var e=this;return new MutationObserver((function lc(t){return e._labelChanged()}))}},{key:"xOfY",get:function get(){return"".concat(this.order," of ").concat(this.total)}}],[{key:"tag",get:function get(){return"a11y-tab"}}]),A11yTab}();exports.A11yTab=t,window.customElements.define(t.tag,t);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.A11yTab=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_bd4705801f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin-bottom: var(--a11y-tabs-content-padding);\n          border: 1px solid var(--a11y-tabs-border-color);\n          padding: var(--a11y-tabs-content-padding);\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999px;\n          height: 0;\n          overflow: hidden;\n        }\n        .label-heading {\n          display: flex;\n          align-items: center;\n          color: var(--a11y-tabs-selected-color, var(--a11y-tabs-focus-color));\n          background-color: var(--a11y-tabs-background);\n          font-weight: var(--a11y-tabs-selected-font-weight, normal);\n          border-bottom: 1px solid var(--a11y-tabs-border-color);\n          margin: 0 0 calc(var(--a11y-tabs-content-padding) / 2);\n          padding: 0 0 calc(var(--a11y-tabs-content-padding) / 2);\n          border-radius: var(--a11y-tabs-horizontal-border-radius, 2px)\n            var(--a11y-tabs-horizontal-border-radius, 2px) 0 0;\n        }\n        simple-icon-lite {\n          margin-right: 1em;\n        }\n        @media screen {\n          :host {\n            border: none;\n            height: var(--a11y-tabs-tab-height, --a11y-tabs-height);\n            overflow: var(--a11y-tabs-tab-overflow, --a11y-tabs-overflow);\n            margin-bottom: unset;\n          }\n          :host([inactive]) {\n            display: none;\n          }\n          #content-inner {\n            max-width: 100%;\n            overflow: auto;\n          }\n          .label-heading {\n            display: none;\n          }\n        }\n      "]);return _templateObject2_bd4705801f2611eda0c389891c227ec8=function _templateObject2_bd4705801f2611eda0c389891c227ec8(){return e},e}function _templateObject_bd4705801f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <span class="sr-only">Tab ','</span>\n      <div class="label-heading" part="heading">\n        <simple-icon-lite\n          class="icon"\n          ?hidden="','"\n          .icon="','" \n          part="icon"\n        >\n        </simple-icon-lite>\n        <slot name="label" ?hidden="','"></slot>\n        <div class="label" part="label">','</div>\n      </div>\n      <div id="content-inner" part="content"><slot></slot></div>\n      <span class="sr-only">\n        End of tab ','. Back to <a href="#','">tabs</a>.\n      </span>\n    ']);return _templateObject_bd4705801f2611eda0c389891c227ec8=function _templateObject_bd4705801f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var a=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(a){var o=Object.getOwnPropertyDescriptor(a,t);return o.get?o.get.call(n):o.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js");var t=function(t){function A11yTab(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,A11yTab),(e=_possibleConstructorReturn(this,_getPrototypeOf(A11yTab).call(this))).disabled=!1,e.hidden=!1,e.order=1,e.role="tabpanel",e.total=1,e.tabindex=0,e.flag="",e.addEventListener("a11y-tab-flag",(function(t){return e.handleFlag(t)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(A11yTab,e.LitElement),_createClass(A11yTab,[{key:"render",value:function render(){return(0,e.html)(_templateObject_bd4705801f2611eda0c389891c227ec8(),this.xOfY,!this.icon,this.icon,!this.label,this.label,this.xOfY,this.id)}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_bd4705801f2611eda0c389891c227ec8())]}},{key:"haxProperties",get:function get(){return{canScale:!1,canPosition:!0,canEditSource:!0,gizmo:{title:"Tab",description:"A single tab.",icon:"view-day",color:"grey",groups:["Content","Presentation","Tabs"]},settings:{configure:[{property:"icon",title:"Tab Icon",inputMethod:"iconpicker"},{property:"disabled",title:"Disabled",inputMethod:"boolean"},{property:"label",title:"Tab Label",inputMethod:"textfield"},{slot:"",title:"Tab Content",description:"A content of the tab.",inputMethod:"code-editor"}],advanced:[{property:"id",title:"Unique ID",inputMethod:"textfield"},{property:"flag",title:"Optional Flag Text",inputMethod:"textfield"},{property:"flagIcon",title:"Optional Flag Icon",inputMethod:"iconpicker"}]}}}},{key:"properties",get:function get(){return{ariaLabelledby:{type:String,reflect:!0,attribute:"aria-labelledby"},flag:{type:String,reflect:!0},flagIcon:{type:String,attribute:"flag-icon"},disabled:{type:Boolean,reflect:!0,attribute:"disabled"},icon:{type:String},id:{type:String,reflect:!0,attribute:"id"},inactive:{type:Boolean,reflect:!0,attribute:"inactive"},label:{type:String},order:{type:Number},role:{type:String,reflect:!0,attribute:"role"},tabindex:{type:Number},total:{type:Number}}}}]),_createClass(A11yTab,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(A11yTab.prototype),"connectedCallback",this).call(this),this._labelChanged(),this.observer.observe(this,{childList:!0})}},{key:"disconnectedCallback",value:function disconnectedCallback(){var e=this;this.observer.disconnect(),this.removeEventListener("a11y-tab-flag",(function(t){return e.handleFlag(t)})),this._fireTabChanged(),_get(_getPrototypeOf(A11yTab.prototype),"disconnectedCallback",this).call(this)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){["id","order"].includes(n)&&!t.id&&(t.id="tab-".concat(t.order)),["label","order"].includes(n)&&!t.label&&t._labelChanged(),"flag"===n&&t._fireTabChanged(),"flagIcon"===n&&t._fireTabChanged(),"icon"===n&&t._fireTabChanged(),"id"===n&&(t.ariaLabelledby="".concat(t.id,"-button"),t._fireTabChanged()),"label"===n&&t._fireTabChanged(),"disabled"===n&&t.disabled&&t._fireTabChanged()}))}},{key:"_handleFlag",value:function _handleFlag(e){this.flag=e.detail.flag,this.flagIcon=e.detail.flagIcon}},{key:"_labelChanged",value:function _labelChanged(){this.label&&""!==this.label.trim()||(this.label=this.querySelector('*[slot="label"]')?this.querySelector('*[slot="label"]').innerHTML:"Tab ".concat(this.order))}},{key:"_fireTabChanged",value:function _fireTabChanged(){this.dispatchEvent(new CustomEvent("a11y-tab-changed",{bubbles:!0,cancelable:!0,composed:!1,detail:this}))}},{key:"observer",get:function get(){var e=this;return new MutationObserver((function lc(t){return e._labelChanged()}))}},{key:"xOfY",get:function get(){return"".concat(this.order," of ").concat(this.total)}}],[{key:"tag",get:function get(){return"a11y-tab"}}]),A11yTab}();exports.A11yTab=t,window.customElements.define(t.tag,t);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/dist/code-pen-button.dev.js b/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/dist/code-pen-button.dev.js
index 2d2e8958d43..78ce4682f50 100644
--- a/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/dist/code-pen-button.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/dist/code-pen-button.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodePenButton=void 0;var t=require("lit");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _templateObject2_e73374801f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);return _templateObject2_e73374801f0511ed8cc3e9a95995ad69=function _templateObject2_e73374801f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject_e73374801f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(['\n      <form action="','" method="POST" target="_blank">\n        <input type="hidden" name="data" value="','" />\n        <input\n          type="image"\n          src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-1/cp-arrow-right.svg"\n          width="40"\n          height="40"\n          value="Open code pen in a new window"\n          class="codepen-mover-button"\n          part="button"\n        />\n      </form>\n    ']);return _templateObject_e73374801f0511ed8cc3e9a95995ad69=function _templateObject_e73374801f0511ed8cc3e9a95995ad69(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _defineProperties(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function _createClass(t,e,n){return e&&_defineProperties(t.prototype,e),n&&_defineProperties(t,n),t}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}var e=function(e){function CodePenButton(){var t;return function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,CodePenButton),(t=_possibleConstructorReturn(this,_getPrototypeOf(CodePenButton).call(this))).checkItOut="Check it out on codepen",t.endPoint="https://codepen.io/pen/define",t.data={},t}return function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}(CodePenButton,t.LitElement),_createClass(CodePenButton,[{key:"render",value:function render(){return(0,t.html)(_templateObject_e73374801f0511ed8cc3e9a95995ad69(),this.endPoint,this.dataString)}},{key:"firstUpdated",value:function firstUpdated(){this.setAttribute("title",this.checkItOut)}}],[{key:"styles",get:function get(){return[(0,t.css)(_templateObject2_e73374801f0511ed8cc3e9a95995ad69())]}},{key:"tag",get:function get(){return"code-pen-button"}}]),_createClass(CodePenButton,[{key:"updated",value:function updated(t){var e=this;t.forEach((function(t,n){"data"==n&&e[n]&&(e.dataString=e._getDataString(e[n]))}))}},{key:"_getDataString",value:function _getDataString(t){return JSON.stringify(t).replace(/"/g,"&quot;").replace(/'/g,"&apos;")}}],[{key:"properties",get:function get(){return{checkItOut:{type:String,attribute:"check-it-out"},endPoint:{type:String,attribute:"end-point"},dataString:{type:String,attribute:"data-string"},data:{type:Object}}}}]),CodePenButton}();exports.CodePenButton=e,window.customElements.define(e.tag,e);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodePenButton=void 0;var t=require("lit");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _templateObject2_bd4d47101f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);return _templateObject2_bd4d47101f2611eda0c389891c227ec8=function _templateObject2_bd4d47101f2611eda0c389891c227ec8(){return t},t}function _templateObject_bd4d47101f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['\n      <form action="','" method="POST" target="_blank">\n        <input type="hidden" name="data" value="','" />\n        <input\n          type="image"\n          src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-1/cp-arrow-right.svg"\n          width="40"\n          height="40"\n          value="Open code pen in a new window"\n          class="codepen-mover-button"\n          part="button"\n        />\n      </form>\n    ']);return _templateObject_bd4d47101f2611eda0c389891c227ec8=function _templateObject_bd4d47101f2611eda0c389891c227ec8(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _defineProperties(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function _createClass(t,e,n){return e&&_defineProperties(t.prototype,e),n&&_defineProperties(t,n),t}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}var e=function(e){function CodePenButton(){var t;return function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,CodePenButton),(t=_possibleConstructorReturn(this,_getPrototypeOf(CodePenButton).call(this))).checkItOut="Check it out on codepen",t.endPoint="https://codepen.io/pen/define",t.data={},t}return function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}(CodePenButton,t.LitElement),_createClass(CodePenButton,[{key:"render",value:function render(){return(0,t.html)(_templateObject_bd4d47101f2611eda0c389891c227ec8(),this.endPoint,this.dataString)}},{key:"firstUpdated",value:function firstUpdated(){this.setAttribute("title",this.checkItOut)}}],[{key:"styles",get:function get(){return[(0,t.css)(_templateObject2_bd4d47101f2611eda0c389891c227ec8())]}},{key:"tag",get:function get(){return"code-pen-button"}}]),_createClass(CodePenButton,[{key:"updated",value:function updated(t){var e=this;t.forEach((function(t,n){"data"==n&&e[n]&&(e.dataString=e._getDataString(e[n]))}))}},{key:"_getDataString",value:function _getDataString(t){return JSON.stringify(t).replace(/"/g,"&quot;").replace(/'/g,"&apos;")}}],[{key:"properties",get:function get(){return{checkItOut:{type:String,attribute:"check-it-out"},endPoint:{type:String,attribute:"end-point"},dataString:{type:String,attribute:"data-string"},data:{type:Object}}}}]),CodePenButton}();exports.CodePenButton=e,window.customElements.define(e.tag,e);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/dist/monaco-element.dev.js b/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/dist/monaco-element.dev.js
index bd0aaf7555b..9fd405a438b 100644
--- a/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/dist/monaco-element.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/monaco-element/dist/monaco-element.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.MonacoElement=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_f3f8f4b01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <iframe id="iframe" frameborder="0"></iframe>']);return _templateObject2_f3f8f4b01f0511ed8cc3e9a95995ad69=function _templateObject2_f3f8f4b01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_f3f8f4b01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        iframe {\n          border: none;\n          width: 100%;\n          height: 100%;\n          padding: 0;\n          margin: 0;\n          resize: vertical;\n        }\n      "]);return _templateObject_f3f8f4b01f0511ed8cc3e9a95995ad69=function _templateObject_f3f8f4b01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var a=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(a){var o=Object.getOwnPropertyDescriptor(a,t);return o.get?o.get.call(n):o.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var t=function(t){function MonacoElement(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,MonacoElement),(e=_possibleConstructorReturn(this,_getPrototypeOf(MonacoElement).call(this))).iframe=null,e.value="",e.fontSize=16,e.wordWrap=!1,e.tabSize=2,e.readOnly=!1,e.eventTypes={ready:"ready",focus:"focus",blur:"blur",valueChanged:"valueChanged",languageChanged:"languageChanged",themeChanged:"themeChanged"},e.language="javascript",e.theme="vs-dark",e.libPath="node_modules/monaco-editor/min/vs",e.autofocus=!1,e.hideLineNumbers=!1,e.editorReference=e.generateUUID(),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(MonacoElement,e.LitElement),_createClass(MonacoElement,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_f3f8f4b01f0511ed8cc3e9a95995ad69())]}}]),_createClass(MonacoElement,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_f3f8f4b01f0511ed8cc3e9a95995ad69())}},{key:"generateUUID",value:function generateUUID(){return"ss-s-s-s-sss".replace(/s/g,this._uuidPart)}},{key:"_uuidPart",value:function _uuidPart(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){"value"==n&&t.monacoValueChanged(t[n]),"language"==n&&t.monacoLanguageChanged(t[n]),"theme"==n&&t.monacoThemeChanged(t[n])}))}},{key:"firstUpdated",value:function firstUpdated(e){var t=this;_get(_getPrototypeOf(MonacoElement.prototype),"firstUpdated",this).call(this,e),this.__init||setTimeout((function(){t.initIFrame()}),500)}},{key:"connectedCallback",value:function connectedCallback(){var e=this;_get(_getPrototypeOf(MonacoElement.prototype),"connectedCallback",this).call(this),window.addEventListener("message",(function(t){e.handleMessage(t)}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){var e=this;window.removeEventListener("message",(function(t){e.handleMessage(t)})),this.__init=!1,_get(_getPrototypeOf(MonacoElement.prototype),"disconnectedCallback",this).call(this)}},{key:"initIFrame",value:function initIFrame(){var e=this;if(this.iframe=this.shadowRoot.querySelector("#iframe"),this.document&&!this.__init){this.__init=!0;var t=document.createElement("div");t.id="container",this.document.body.appendChild(t);var n="\n  var eventTypes = {\n    ready: 'ready',\n    focus: 'focus',\n    blur: \"blur\",\n    valueChanged: 'valueChanged',\n    languageChanged: 'languageChanged',\n    themeChanged: 'themeChanged',\n  };\n\n  class MonacoEditor {\n    constructor(editorReference) {\n      this._editorReference_ = editorReference;\n      this.language = 'javascript';\n      this.value = '';\n      this.editor = null;\n      this.setupEventListener('message', this.handleMessage.bind(this));\n      this.setupEditor();\n    }\n\n    setupEditor() {\n      require.config({ paths: { vs: '".concat(this.libPath,"' } });\n      require(['vs/editor/editor.main'], () => {\n        this.editor = monaco.editor.create(document.getElementById('container'), {\n          value: this.value,\n          language: '").concat(this.language,"',\n          scrollBeyondLastLine: false,\n          automaticLayout: true,\n          ").concat(this.hideLineNumbers?"lineNumbers: 'false',":"","\n          fontSize: ").concat(this.fontSize,",\n          wordWrap: ").concat(this.wordWrap,",\n          readOnly: ").concat(this.readOnly,",\n          automaticLayout: true,\n          minimap: {\n            enabled: true\n          },\n          tabSize: ").concat(this.tabSize,",\n          autoIndent: true,\n        });\n        const model = this.editor.getModel();\n        model.onDidChangeContent(() => {\n          const value = model.getValue();\n          this.onValueChanged(value);\n        });\n        this.ready();\n      });\n    }\n\n    ready() {\n      setTimeout(root => {\n        this.postMessage(eventTypes.ready, null);\n        if(").concat(this.autofocus,') this.editor.focus();\n        this.setupEventListener(\n          eventTypes.valueChanged,\n          this.onValueChanged.bind(this)\n        );\n        this.editor.onDidFocusEditorText(e=>{\n          this.postMessage(eventTypes.focus, null);\n        });\n        this.editor.onDidBlurEditorText(e=>{\n          this.postMessage(eventTypes.blur, null);\n        });\n        this.editor.onDidFocusEditorWidget(e=>{\n          this.postMessage(eventTypes.focus, null);\n        });\n        this.editor.onDidBlurEditorWidget(e=>{\n          this.postMessage(eventTypes.blur, null);\n        });\n      }, 100);\n    }\n\n    _handleMessage(data) {\n      switch (data.event) {\n        case eventTypes.valueChanged:\n          this.onInputValueChanged(data.payload);\n          break;\n        case eventTypes.languageChanged:\n          this.onLanguageChanged(data.payload);\n          break;\n        case eventTypes.themeChanged:\n          this.onThemeChanged(data.payload);\n          break;\n        default:\n          break;\n      }\n    }\n\n    handleMessage(message) {\n      try {\n        const data = JSON.parse(message.data);\n        this._handleMessage(data);\n      } catch (error) {\n        console.warn(error);\n        return;\n      }\n    }\n\n    postMessage(event, payload) {\n      var msg = {\n        event: event,\n        payload: payload,\n        editorReference: this._editorReference_\n      }\n      window.parent.postMessage(msg, window.parent.location.href);\n    }\n\n    setupEventListener(type, callback) {\n      window.addEventListener(type, data => {\n        callback(data);\n      });\n    }\n\n    onInputValueChanged(newValue) {\n      if (newValue !== this.value) {\n        this.value = newValue;\n        this.editor.getModel().setValue(newValue);\n        this.postMessage(eventTypes.valueChanged, newValue);\n      }\n    } \n\n    onValueChanged(newValue) {\n      if (newValue !== this.value) {\n        this.value = newValue;\n        this.postMessage(eventTypes.valueChanged, newValue);\n      }\n    }\n\n    onLanguageChanged(newLang) {\n      monaco.editor.setModelLanguage(this.editor.getModel(), newLang);\n    }\n\n    onThemeChanged(newValue) {\n      monaco.editor.setTheme(newValue);\n    }\n  }\n\n  new MonacoEditor("').concat(this.editorReference,'");');this.insertScriptElement({src:"".concat(this.libPath,"/loader.js"),onload:function onload(){e.insertScriptElement({text:n}),e.insertStyle()}})}this.autofocus&&this.iframe.focus()}},{key:"handleMessage",value:function handleMessage(e){try{var t=e.data;"string"==typeof e.data&&(t=JSON.parse(e.data)),this._handleMessage(t)}catch(e){return void console.warn("[monaco-element] Error while parsing message:",e)}}},{key:"_handleMessage",value:function _handleMessage(e){if(e.editorReference===this.editorReference)if(e.event===this.eventTypes.valueChanged){var t=new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,detail:e.payload});this.dispatchEvent(t)}else e.event===this.eventTypes.ready?this.onIFrameReady():e.event===this.eventTypes.focus?this.onIFrameFocus():e.event===this.eventTypes.blur&&this.onIFrameBlur()}},{key:"onIFrameFocus",value:function onIFrameFocus(){this.dispatchEvent(new CustomEvent("code-editor-focus",{bubbles:!0,composed:!0,cancelable:!0,detail:!0}))}},{key:"onIFrameBlur",value:function onIFrameBlur(){this.dispatchEvent(new CustomEvent("code-editor-blur",{bubbles:!0,composed:!0,cancelable:!0,detail:!0}))}},{key:"onIFrameReady",value:function onIFrameReady(){var e=this;this.monacoValueChanged(this.value),this.monacoLanguageChanged(this.language),this.monacoThemeChanged(this.theme),setTimeout((function(){e.dispatchEvent(new CustomEvent("monaco-element-ready",{bubbles:!0,composed:!0,cancelable:!0,detail:!0}))}),10)}},{key:"monacoValueChanged",value:function monacoValueChanged(e){this.postMessage(this.eventTypes.valueChanged,e)}},{key:"monacoLanguageChanged",value:function monacoLanguageChanged(e){this.postMessage(this.eventTypes.languageChanged,e)}},{key:"monacoThemeChanged",value:function monacoThemeChanged(e){this.postMessage(this.eventTypes.themeChanged,e)}},{key:"postMessage",value:function postMessage(e,t){this.iframe&&null!=this.iframe.contentWindow&&this.iframe.contentWindow.postMessage(JSON.stringify({event:e,payload:t}),window.location.href)}},{key:"insertScriptElement",value:function insertScriptElement(e){var t=e.src,n=e.text,a=e.onload,o=this.document.createElement("script");t&&(o.src=t),n&&(o.text=n),a&&(o.onload=a),this.document.head.appendChild(o)}},{key:"insertStyle",value:function insertStyle(){var e="\n    body {\n      height: 100vh;\n      overflow: hidden;\n      margin: 0;\n    }    \n    #container {\n      width: 100%;\n      height: 100%;\n    }\n    .debug-red {\n      background : red;\n    }\n    .debug-green {\n      background : green;\n    }\n    html,body {\n      margin : 0px;\n    }",t=this.document.head,n=this.document.createElement("style");n.type="text/css",n.styleSheet?n.styleSheet.cssText=e:n.appendChild(this.document.createTextNode(e)),t.appendChild(n)}},{key:"document",get:function get(){if(this.iframe.contentWindow)return this.iframe.contentWindow.document}}],[{key:"properties",get:function get(){return{value:{type:String},fontSize:{type:Number,attribute:"font-size"},wordWrap:{type:Boolean,attribute:"word-wrap"},readOnly:{type:Boolean,attribute:"read-only"},uniqueKey:{type:String,attribute:"unique-key"},eventTypes:{type:Object},language:{type:String},theme:{type:String},libPath:{type:String,attribute:"lib-path"},editorReference:{type:String,reflect:!0,attribute:"editor-reference"},autofocus:{type:Boolean,reflect:!0},hideLineNumbers:{type:Boolean,attribute:"hide-line-numbers"},tabSize:{type:Number,attribute:"tab-size"}}}}]),MonacoElement}();exports.MonacoElement=t,window.customElements.define("monaco-element",t),window.MonacoData=window.MonacoData||{};
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.MonacoElement=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_cae29a601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <iframe id="iframe" frameborder="0"></iframe>']);return _templateObject2_cae29a601f2611eda0c389891c227ec8=function _templateObject2_cae29a601f2611eda0c389891c227ec8(){return e},e}function _templateObject_cae29a601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        iframe {\n          border: none;\n          width: 100%;\n          height: 100%;\n          padding: 0;\n          margin: 0;\n          resize: vertical;\n        }\n      "]);return _templateObject_cae29a601f2611eda0c389891c227ec8=function _templateObject_cae29a601f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var a=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(a){var o=Object.getOwnPropertyDescriptor(a,t);return o.get?o.get.call(n):o.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var t=function(t){function MonacoElement(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,MonacoElement),(e=_possibleConstructorReturn(this,_getPrototypeOf(MonacoElement).call(this))).iframe=null,e.value="",e.fontSize=16,e.wordWrap=!1,e.tabSize=2,e.readOnly=!1,e.eventTypes={ready:"ready",focus:"focus",blur:"blur",valueChanged:"valueChanged",languageChanged:"languageChanged",themeChanged:"themeChanged"},e.language="javascript",e.theme="vs-dark",e.libPath="node_modules/monaco-editor/min/vs",e.autofocus=!1,e.hideLineNumbers=!1,e.editorReference=e.generateUUID(),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(MonacoElement,e.LitElement),_createClass(MonacoElement,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_cae29a601f2611eda0c389891c227ec8())]}}]),_createClass(MonacoElement,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_cae29a601f2611eda0c389891c227ec8())}},{key:"generateUUID",value:function generateUUID(){return"ss-s-s-s-sss".replace(/s/g,this._uuidPart)}},{key:"_uuidPart",value:function _uuidPart(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){"value"==n&&t.monacoValueChanged(t[n]),"language"==n&&t.monacoLanguageChanged(t[n]),"theme"==n&&t.monacoThemeChanged(t[n])}))}},{key:"firstUpdated",value:function firstUpdated(e){var t=this;_get(_getPrototypeOf(MonacoElement.prototype),"firstUpdated",this).call(this,e),this.__init||setTimeout((function(){t.initIFrame()}),500)}},{key:"connectedCallback",value:function connectedCallback(){var e=this;_get(_getPrototypeOf(MonacoElement.prototype),"connectedCallback",this).call(this),window.addEventListener("message",(function(t){e.handleMessage(t)}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){var e=this;window.removeEventListener("message",(function(t){e.handleMessage(t)})),this.__init=!1,_get(_getPrototypeOf(MonacoElement.prototype),"disconnectedCallback",this).call(this)}},{key:"initIFrame",value:function initIFrame(){var e=this;if(this.iframe=this.shadowRoot.querySelector("#iframe"),this.document&&!this.__init){this.__init=!0;var t=document.createElement("div");t.id="container",this.document.body.appendChild(t);var n="\n  var eventTypes = {\n    ready: 'ready',\n    focus: 'focus',\n    blur: \"blur\",\n    valueChanged: 'valueChanged',\n    languageChanged: 'languageChanged',\n    themeChanged: 'themeChanged',\n  };\n\n  class MonacoEditor {\n    constructor(editorReference) {\n      this._editorReference_ = editorReference;\n      this.language = 'javascript';\n      this.value = '';\n      this.editor = null;\n      this.setupEventListener('message', this.handleMessage.bind(this));\n      this.setupEditor();\n    }\n\n    setupEditor() {\n      require.config({ paths: { vs: '".concat(this.libPath,"' } });\n      require(['vs/editor/editor.main'], () => {\n        this.editor = monaco.editor.create(document.getElementById('container'), {\n          value: this.value,\n          language: '").concat(this.language,"',\n          scrollBeyondLastLine: false,\n          automaticLayout: true,\n          ").concat(this.hideLineNumbers?"lineNumbers: 'false',":"","\n          fontSize: ").concat(this.fontSize,",\n          wordWrap: ").concat(this.wordWrap,",\n          readOnly: ").concat(this.readOnly,",\n          automaticLayout: true,\n          minimap: {\n            enabled: true\n          },\n          tabSize: ").concat(this.tabSize,",\n          autoIndent: true,\n        });\n        const model = this.editor.getModel();\n        model.onDidChangeContent(() => {\n          const value = model.getValue();\n          this.onValueChanged(value);\n        });\n        this.ready();\n      });\n    }\n\n    ready() {\n      setTimeout(root => {\n        this.postMessage(eventTypes.ready, null);\n        if(").concat(this.autofocus,') this.editor.focus();\n        this.setupEventListener(\n          eventTypes.valueChanged,\n          this.onValueChanged.bind(this)\n        );\n        this.editor.onDidFocusEditorText(e=>{\n          this.postMessage(eventTypes.focus, null);\n        });\n        this.editor.onDidBlurEditorText(e=>{\n          this.postMessage(eventTypes.blur, null);\n        });\n        this.editor.onDidFocusEditorWidget(e=>{\n          this.postMessage(eventTypes.focus, null);\n        });\n        this.editor.onDidBlurEditorWidget(e=>{\n          this.postMessage(eventTypes.blur, null);\n        });\n      }, 100);\n    }\n\n    _handleMessage(data) {\n      switch (data.event) {\n        case eventTypes.valueChanged:\n          this.onInputValueChanged(data.payload);\n          break;\n        case eventTypes.languageChanged:\n          this.onLanguageChanged(data.payload);\n          break;\n        case eventTypes.themeChanged:\n          this.onThemeChanged(data.payload);\n          break;\n        default:\n          break;\n      }\n    }\n\n    handleMessage(message) {\n      try {\n        const data = JSON.parse(message.data);\n        this._handleMessage(data);\n      } catch (error) {\n        console.warn(error);\n        return;\n      }\n    }\n\n    postMessage(event, payload) {\n      var msg = {\n        event: event,\n        payload: payload,\n        editorReference: this._editorReference_\n      }\n      window.parent.postMessage(msg, window.parent.location.href);\n    }\n\n    setupEventListener(type, callback) {\n      window.addEventListener(type, data => {\n        callback(data);\n      });\n    }\n\n    onInputValueChanged(newValue) {\n      if (newValue !== this.value) {\n        this.value = newValue;\n        this.editor.getModel().setValue(newValue);\n        this.postMessage(eventTypes.valueChanged, newValue);\n      }\n    } \n\n    onValueChanged(newValue) {\n      if (newValue !== this.value) {\n        this.value = newValue;\n        this.postMessage(eventTypes.valueChanged, newValue);\n      }\n    }\n\n    onLanguageChanged(newLang) {\n      monaco.editor.setModelLanguage(this.editor.getModel(), newLang);\n    }\n\n    onThemeChanged(newValue) {\n      monaco.editor.setTheme(newValue);\n    }\n  }\n\n  new MonacoEditor("').concat(this.editorReference,'");');this.insertScriptElement({src:"".concat(this.libPath,"/loader.js"),onload:function onload(){e.insertScriptElement({text:n}),e.insertStyle()}})}this.autofocus&&this.iframe.focus()}},{key:"handleMessage",value:function handleMessage(e){try{var t=e.data;"string"==typeof e.data&&(t=JSON.parse(e.data)),this._handleMessage(t)}catch(e){return void console.warn("[monaco-element] Error while parsing message:",e)}}},{key:"_handleMessage",value:function _handleMessage(e){if(e.editorReference===this.editorReference)if(e.event===this.eventTypes.valueChanged){var t=new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,detail:e.payload});this.dispatchEvent(t)}else e.event===this.eventTypes.ready?this.onIFrameReady():e.event===this.eventTypes.focus?this.onIFrameFocus():e.event===this.eventTypes.blur&&this.onIFrameBlur()}},{key:"onIFrameFocus",value:function onIFrameFocus(){this.dispatchEvent(new CustomEvent("code-editor-focus",{bubbles:!0,composed:!0,cancelable:!0,detail:!0}))}},{key:"onIFrameBlur",value:function onIFrameBlur(){this.dispatchEvent(new CustomEvent("code-editor-blur",{bubbles:!0,composed:!0,cancelable:!0,detail:!0}))}},{key:"onIFrameReady",value:function onIFrameReady(){var e=this;this.monacoValueChanged(this.value),this.monacoLanguageChanged(this.language),this.monacoThemeChanged(this.theme),setTimeout((function(){e.dispatchEvent(new CustomEvent("monaco-element-ready",{bubbles:!0,composed:!0,cancelable:!0,detail:!0}))}),10)}},{key:"monacoValueChanged",value:function monacoValueChanged(e){this.postMessage(this.eventTypes.valueChanged,e)}},{key:"monacoLanguageChanged",value:function monacoLanguageChanged(e){this.postMessage(this.eventTypes.languageChanged,e)}},{key:"monacoThemeChanged",value:function monacoThemeChanged(e){this.postMessage(this.eventTypes.themeChanged,e)}},{key:"postMessage",value:function postMessage(e,t){this.iframe&&null!=this.iframe.contentWindow&&this.iframe.contentWindow.postMessage(JSON.stringify({event:e,payload:t}),window.location.href)}},{key:"insertScriptElement",value:function insertScriptElement(e){var t=e.src,n=e.text,a=e.onload,o=this.document.createElement("script");t&&(o.src=t),n&&(o.text=n),a&&(o.onload=a),this.document.head.appendChild(o)}},{key:"insertStyle",value:function insertStyle(){var e="\n    body {\n      height: 100vh;\n      overflow: hidden;\n      margin: 0;\n    }    \n    #container {\n      width: 100%;\n      height: 100%;\n    }\n    .debug-red {\n      background : red;\n    }\n    .debug-green {\n      background : green;\n    }\n    html,body {\n      margin : 0px;\n    }",t=this.document.head,n=this.document.createElement("style");n.type="text/css",n.styleSheet?n.styleSheet.cssText=e:n.appendChild(this.document.createTextNode(e)),t.appendChild(n)}},{key:"document",get:function get(){if(this.iframe.contentWindow)return this.iframe.contentWindow.document}}],[{key:"properties",get:function get(){return{value:{type:String},fontSize:{type:Number,attribute:"font-size"},wordWrap:{type:Boolean,attribute:"word-wrap"},readOnly:{type:Boolean,attribute:"read-only"},uniqueKey:{type:String,attribute:"unique-key"},eventTypes:{type:Object},language:{type:String},theme:{type:String},libPath:{type:String,attribute:"lib-path"},editorReference:{type:String,reflect:!0,attribute:"editor-reference"},autofocus:{type:Boolean,reflect:!0},hideLineNumbers:{type:Boolean,attribute:"hide-line-numbers"},tabSize:{type:Number,attribute:"tab-size"}}}}]),MonacoElement}();exports.MonacoElement=t,window.customElements.define("monaco-element",t),window.MonacoData=window.MonacoData||{};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-behaviors.dev.js b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-behaviors.dev.js
index b8e092dbda7..1d6f93bace2 100644
--- a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-behaviors.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-behaviors.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.cellBehaviors=exports.displayBehaviors=exports.dataProperties=exports.displayProperties=exports.editableTableDisplayStyles=exports.editableTableStyles=exports.editableTableCellStyles=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(n):a.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _templateObject3_e73cc3501f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n    table[sort] .thead .th,\n    table[filter] .tbody .td,\n    table[filter] .tfoot .td {\n      padding-left: 0;\n      padding-right: 0;\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n    caption {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding: 0;\n    }\n    caption > div {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n    }\n    caption > div > *:not(:last-child) {\n      padding: 0 0 5px;\n    }\n    #column {\n      width: calc(var(--simple-picker-option-size) + 6px);\n      overflow: visible;\n      display: none;\n      margin-left: 10px;\n      --simple-picker-border-width: 1px;\n      --simple-picker-focus-border-width: 1px;\n      --simple-picker-border-color: var(--editable-table-border-color, #999);\n    }\n    .th,\n    .td {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding-left: var(--editable-table-cell-horizontal-padding, 6px);\n      padding-right: var(--editable-table-cell-horizontal-padding, 6px);\n    }\n    span.cell {\n      display: block;\n    }\n    @media screen {\n      :host([responsive][responsive-size="xs"]) #column {\n        display: inline-flex;\n      }\n      :host([responsive][responsive-size="xs"]) .th[xs-hidden],\n      :host([responsive][responsive-size="xs"]) .td[xs-hidden] {\n        display: none;\n      }\n    }\n  ']);return _templateObject3_e73cc3501f0511ed8cc3e9a95995ad69=function _templateObject3_e73cc3501f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_e73cc3501f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n    :host {\n      display: block;\n      width: 100%;\n      max-width: 100%;\n      margin: 15px 0;\n      font-size: var(--editable-table-font-size, unset);\n      font-family: var(--editable-table-font-family, inherit);\n      font-weight: var(--editable-table-medium-weight, 300);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n\n      --simple-picker-font-family: var(\n        --editable-table-secondary-font-family,\n        "Roboto",\n        "Noto",\n        sans-serif\n      );\n      --simple-picker-font-size: var(\n        --editable-table-secondary-font-size,\n        12px\n      );\n      --simple-picker-color: var(--editable-table-color, #222);\n      --simple-picker-background-color: var(--editable-table-bg-color, #fff);\n      --paper-font-caption: {\n        font-family: var(\n          --editable-table-secondary-font-family,\n          "Roboto",\n          "Noto",\n          sans-serif\n        );\n      }\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .offscreen {\n      position: absolute;\n      left: -9999px;\n      font-size: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n      margin: 0;\n      padding: 0;\n    }\n    table {\n      width: calc(100% - 2 * var(--editable-table-border-width, 1px));\n      display: table;\n      border-collapse: collapse;\n      border-width: var(--editable-table-border-width, 1px);\n      border-style: var(--editable-table-border-style, solid);\n      border-color: var(--editable-table-border-color, #999);\n      font-weight: var(--editable-table-light-weight, 200);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    .th,\n    .td {\n      font-weight: var(--editable-table-light-weight, 200);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    caption {\n      font-size: var(\n        --editable-table-caption-font-size,\n        var(--editable-table-font-size, unset)\n      );\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(\n        --editable-table-caption-color,\n        var(--editable-table-color, #222)\n      );\n      background-color: var(\n        --editable-table-caption-bg-color,\n        var(--editable-table-bg-color, #fff)\n      );\n      width: 100%;\n    }\n    .tr {\n      display: table-row;\n    }\n    .th-or-td {\n      display: table-cell;\n    }\n    .thead-tr .th {\n      background-color: var(--editable-table-heading-bg-color, #e0e0e0);\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n    }\n    .tbody-tr .th {\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n      background-color: var(--editable-table-bg-color, #fff);\n      text-align: left;\n    }\n    *[bordered] .th,\n    *[bordered] .td {\n      border-width: var(--editable-table-border-width, 1px);\n      border-style: var(--editable-table-border-style, solid);\n      border-color: var(--editable-table-border-color, #999);\n    }\n    *[condensed] {\n      --editable-table-cell-vertical-padding: var(\n        --editable-table-cell-vertical-padding-condensed,\n        2px\n      );\n      --editable-table-cell-horizontal-padding: var(\n        --editable-table-cell-horizontal-padding-condensed,\n        4px\n      );\n    }\n    *[striped] .tbody-tr:nth-child(2n + 1) .th-or-td {\n      background-color: var(--editable-table-stripe-bg-color, #f0f0f0);\n    }\n    *[column-striped] .tbody-tr .th-or-td:nth-child(2n),\n    *[column-striped] .tfoot-tr .th-or-td:nth-child(2n) {\n      background-color: var(--editable-table-stripe-bg-color, #f0f0f0);\n    }\n    .tfoot-tr .th,\n    .tfoot-tr .td {\n      border-top: 2px solid var(--editable-table-color, #222);\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n    }\n    caption,\n    .th-or-td {\n      text-align: left;\n    }\n    *[numeric-styles] .thead-tr .th-or-td[numeric],\n    *[numeric-styles] .tfoot-tr .th-or-td[numeric],\n    *[numeric-styles] .th-or-td[numeric] .cell {\n      text-align: right;\n      --editable-table-cell-justify: flex-end;\n    }\n    *[numeric-styles] .tfoot-tr .th-or-td[negative],\n    *[numeric-styles] .td[negative] .cell {\n      color: var(--editable-table-negative-color, red);\n      --editable-table-cell-color: var(--editable-table-negative-color, red);\n    }\n    editable-table-sort {\n      width: 100%;\n    }\n    button {\n      background-color: transparent;\n      border: none;\n      border-radius: 0;\n    }\n    ::slotted(table) {\n      display: none;\n    }\n    @media screen {\n      :host {\n        overflow-x: auto;\n        width: 100%;\n        max-width: 100%;\n      }\n      :host([responsive]) {\n        overflow-x: visible;\n      }\n    }\n  ']);return _templateObject2_e73cc3501f0511ed8cc3e9a95995ad69=function _templateObject2_e73cc3501f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_e73cc3501f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n    .cell-button {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding-left: var(--editable-table-cell-horizontal-padding, 6px);\n      padding-right: var(--editable-table-cell-horizontal-padding, 6px);\n      margin: 0;\n      width: 100%;\n      display: flex;\n      justify-content: var(--editable-table-cell-justify, space-between);\n      align-items: center;\n      align-content: stretch;\n      font-family: inherit;\n      font-size: inherit;\n      font-weight: inherit;\n      background-color: transparent;\n      border: none;\n      border-radius: 0;\n      color: var(--editable-table-cell-color);\n    }\n    .offscreen {\n      position: absolute;\n      left: -9999px;\n      font-size: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n      margin: 0;\n      padding: 0;\n    }\n  "]);return _templateObject_e73cc3501f0511ed8cc3e9a95995ad69=function _templateObject_e73cc3501f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var t=[(0,e.css)(_templateObject_e73cc3501f0511ed8cc3e9a95995ad69())];exports.editableTableCellStyles=t;var n=[(0,e.css)(_templateObject2_e73cc3501f0511ed8cc3e9a95995ad69())];exports.editableTableStyles=n;var r=[].concat(n,[(0,e.css)(_templateObject3_e73cc3501f0511ed8cc3e9a95995ad69())]);exports.editableTableDisplayStyles=r;var a={bordered:{attribute:"bordered",type:Boolean},columnStriped:{attribute:"column-striped",type:Boolean},condensed:{attribute:"condensed",type:Boolean},numericStyles:{attribute:"numeric-styles",type:Boolean,reflect:!0},responsive:{attribute:"responsive",type:Boolean,reflect:!0},striped:{attribute:"striped",type:Boolean}};exports.displayProperties=a;var o={downloadable:{attribute:"downloadable",type:Boolean,reflect:!0},filter:{attribute:"filter",type:Boolean,reflect:!0},printable:{attribute:"printable",type:Boolean,reflect:!0},sort:{attribute:"sort",type:Boolean,reflect:!0}};exports.dataProperties=o;exports.displayBehaviors=function displayBehaviors(e){return function(e){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).columnHeader=!1,e.downloadable=!1,e.data=[],e.filter=!1,e.footer=!1,e.rowHeader=!1,e.sort=!1,e.dataCsv=void 0,Object.keys(a).forEach((function(t){e[t]=!1})),e.fetchData(),e}return _inherits(_class,e),_createClass(_class,null,[{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{},a,{},o,{caption:{type:String,value:null},columnHeader:{attribute:"column-header",type:Boolean},csvData:{type:String,attribute:"csv-data"},data:{type:Array,notify:!0,attribute:"data"},dataCsv:{type:String,attribute:"data-csv"},footer:{attribute:"footer",type:Boolean},rowHeader:{attribute:"row-header",type:Boolean}})}}]),_createClass(_class,[{key:"connectedCallback",value:function connectedCallback(){var e=this;_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this),this.fetchData(),setTimeout((function(){e.dataCsv||e.loadSlottedTable(),e.__ready=!0}),0)}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(_class.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,e),this.fetchData()}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(_class.prototype),"updated",this)&&_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,e),e.forEach((function(e,n){"dataCsv"===n&&t.fetchData(),"csvData"===n&&t._loadExternalData(),"striped"===n&&t.striped&&(t.columnStriped=!1),"columnStriped"===n&&t.columnStriped&&(t.striped=!1),"data"==n&&t._dataChanged(t.data,e)}))}},{key:"CSVtoArray",value:function CSVtoArray(e){var t,n="",r=[""],a=[r],o=0,i=0,l=!0;for(t in e)'"'===(t=e[t])?(l&&t===n&&(r[o]+=t),l=!l):","===t&&l?t=r[++o]="":"\n"===t&&l?("\r"===n&&(r[o]=r[o].slice(0,-1)),r=a[++i]=[t=""],o=0):r[o]+=t,n=t;return a}},{key:"download",value:function download(){var e=document.createElement("a"),t=(this.downloadable&&""!=this.caption.trim()?"Table as CSV":"".concat(this.caption," CSV")).replace(/[^\w\d]/g,""),n=this.getTableCSV();e.setAttribute("href","data:text/plain;charset=UTF-8,"+encodeURIComponent(n)),e.setAttribute("download",t+".txt"),e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e),this.dispatchEvent(new CustomEvent("csv-downloaded",{bubbles:!0,composed:!0,cancelable:!1,detail:{table:this,data:n,filename:t}}))}},{key:"print",value:function print(){var print=!!(!!this.shadowRoot&&this.shadowRoot.querySelector("table"))&&window.open("","","left=0,top=0,width=552,height=477,toolbar=0,scrollbars=0,status =0");print&&(print.document.head.innerHTML+="<style>\n          ".concat(r.map((function(e){return e.cssText.replace(/:host/g,"table")})).join(" "),"\n          table {\n            -webkit-print-color-adjust: exact !important;\n            color-adjust: exact !important;\n          }\n        </style>"),print.document.body.innerHTML=this.getTableHTML(!0),print.document.close(),print.focus(),print.print(),print.addEventListener("afterprint",(e=>{print.close()}))),this.dispatchEvent(new CustomEvent("table-printed",{bubbles:!0,composed:!0,cancelable:!1,detail:this}))}},{key:"fetchData",value:function fetchData(){var e=this;this.dataCsv&&""!==this.dataCsv&&fetch(this.dataCsv).then((function(e){return e.text()})).then((function(t){e.csvData=t})).catch((function(t){e.loadSlottedTable()}))}},{key:"getTableCSV",value:function getTableCSV(){var e=this;return this.data.map((function(t){return t.map((function(t){return t=e._replaceBlankCell(t),e._isNumericCell(t)?t.replace(/,/g,""):'"'.concat(t.replace(/"/g,'""'),'"')})).join(",")})).join("\n")}},{key:"getHTML",value:function getHTML(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:" ";this.__tempDiv=this.__tempDiv||document.createElement("template"),this.__tempDiv.innerHTML=e;var t=this.__tempDiv.content.cloneNode(!0);return t}},{key:"getTableHTML",value:function getTableHTML(){var e=this,t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=[],r=[],o=[],i=function getTR(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"td",a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"td",o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"tbody",i=e.rowHeader?n.slice(0,1):[],l=e.rowHeader?n.slice(1):n;return"\n\t\t<tr".concat(t?' class="'.concat(o,'-tr tr"'):"",">").concat(i.map((function(n){return'\n\t\t\t<th scope="row"'.concat(t?' class="'.concat(a,' th-or-td"'):"",">").concat(e._replaceBlankCell(n),"</th>")})).join("")).concat(l.map((function(n){return"\n\t\t\t<".concat(r).concat(t?' class="'.concat(a,' th-or-td"'):"",">").concat(e._replaceBlankCell(n),"</").concat(a,">")})).join(""),"\n\t\t</tr>")};this.thead&&(n=this.thead.map((function(e){return i(e,'th scope="col"',"th","thead")}))),this.tbody&&(r=this.tbody.map((function(e){return i(e)}))),this.tfoot&&(o=this.tfoot.map((function(e){return i(e,"td","td","tfoot")})));var l=this.getTableProperties(),c="";return Object.keys(this.getTableProperties()).forEach((function(e){if(l[e]&&Object.keys(a).includes(e)){c+="".concat(function kebabize(e){return e.split("").map((function(e,t){return e.toUpperCase()===e?"".concat(0!==t?"-":"").concat(e.toLowerCase()):e})).join("")}(e)," ")}})),["<table ".concat(c,">"),""!==this.caption&&null!==this.caption&&"null"!==this.caption?"\n\t<caption".concat(t?' class="caption"':"",">\n\t\t").concat(this.caption,"\n\t</caption>"):"",n.length>0?"\n\t<thead".concat(t?' class="thead"':"",'">').concat(n.join(""),"\n\t</thead>"):"",r.length>0?"\n\t<tbody".concat(t?' class="tbody"':"",">").concat(r.join(""),"\n\t</tbody>"):"",o.length>0?"\n\t<tfoot".concat(t?' class="tfoot"':"",">").concat(o.join(""),"\n\t</tfoot>"):"","\n</table>"].join("")}},{key:"getTableHTMLNode",value:function getTableHTMLNode(){var e=document.createElement("editable-table-display"),t=this.getTableProperties();for(var n in t)e[n]=t[n];return e.innerHTML=this.getTableHTML(),e}},{key:"getTableProperties",value:function getTableProperties(){return{bordered:!this.hideBordered&&this.bordered,caption:this.caption,columnHeader:this.columnHeader,columnStriped:this.columnStriped,condensed:!this.hideCondensed&&this.condensed,data:this.data,downloadable:this.downloadable,filter:!this.hideFilter&&this.filter,footer:this.footer,numericStyles:this.numericStyles,printable:this.printable,rowHeader:this.rowHeader,responsive:!this.hideResponsive&&this.responsive,sort:!this.hideSort&&this.sort,striped:!this.hideStriped&&this.striped,summary:this.summary}}},{key:"importHTML",value:function importHTML(e){var t=this,n=[],r=_toConsumableArray(e.querySelectorAll("tr")).map((function(e,t){return _toConsumableArray(e.querySelectorAll("th,td")).map((function(e,r){var a=e.matches("th")?"th":"td",o=!!e.matches("[colspan]")&&e.getAttribute("colspan"),i=!!e.matches("[rowspan]")&&e.getAttribute("rowspan");return(o||i)&&n.push({type:a,row:t,col:r,rows:i&&""!==i.trim()?parseInt(i.trim()):void 0,cols:o&&""!==o.trim()?parseInt(o.trim()):void 0}),"string"==typeof e.innerHTML?e.innerHTML.trim():e.innerHTML}))}));n.forEach((function(e){if(e.cols)for(var t=1;t<e.cols;t++)r[e.row].splice(e.col+1,0,"&nbsp;");if(e.rows)for(var n=1;n<e.rows;n++)r[e.row+1].splice(e.col,0,"&nbsp;")})),r.length>0&&r[0].length>0&&(this.data=r),this.columnHeader=this.columnHeader||e.querySelectorAll("thead").length>0,this.rowHeader=this.rowHeader||e.querySelectorAll("tbody th").length>0,this.footer=this.footer||e.querySelectorAll("tfoot").length>0,this.caption=e.querySelectorAll("caption").length>0?e.querySelector("caption").innerHTML.trim():void 0,Object.keys(a).forEach((function(n){e.matches(".".concat(a[n].attribute||n))&&(t[n]=!0)}))}},{key:"loadSlottedTable",value:function loadSlottedTable(){var e=this.children.item(0);e&&"EDITABLE-TABLE-DISPLAY"===e.tagName&&(e=e.children.item(0)),e&&"TABLE"===e.tagName&&e.children&&e.children.length>0&&this.importHTML(e)}},{key:"_dataChanged",value:function _dataChanged(e,t){}},{key:"_isNegative",value:function _isNegative(e){return this._isNumericCell(e)&&0===e.trim().indexOf("-")}},{key:"_isNumericCell",value:function _isNumericCell(e){return!!e&&!isNaN(e.trim().replace(/\$/g,""))}},{key:"_isNumericColumn",value:function _isNumericColumn(e){for(var t=!0,n=0;n<this.tbody.length;n++)this._isNumericCell(this.tbody[n][e])||(t=!1);return t}},{key:"_isRowFiltered",value:function _isRowFiltered(e){var t=(this.filterText||"").trim(),n=this.filterColumn&&e?e[this.filterColumn].trim():"";return this.filterCaseSensitive||(t=t.toLowerCase(),n=n.toLowerCase()),this.filterContains?!n.match(t):n!==t}},{key:"_isRowHeader",value:function _isRowHeader(e,t){return 0===t&&e}},{key:"_loadExternalData",value:function _loadExternalData(e){var t=this.CSVtoArray(this.csvData);t.length>0&&t[0].length>0&&(this.data=t),this.columnHeader=!0}},{key:"_replaceBlankCell",value:function _replaceBlankCell(e){return""===String(e).trim()?"-":e}},{key:"thead",get:function get(){return this.columnHeader?(this.data||[]).slice(0,1):[]}},{key:"tbody",get:function get(){return(this.data||[]).slice(this.columnHeader?1:0,this.footer?(this.data||[]).length-1:(this.data||[]).length)}},{key:"tfoot",get:function get(){return this.footer?(this.data||[]).slice((this.data||[]).length-1):[]}}]),_class}(e)};exports.cellBehaviors=function cellBehaviors(e){return function(e){function _class2(){return _classCallCheck(this,_class2),_possibleConstructorReturn(this,_getPrototypeOf(_class2).apply(this,arguments))}return _inherits(_class2,e),_createClass(_class2,[{key:"_getLabel",value:function _getLabel(e,t){if(t)return e+1;for(var n="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""),r=this._getLetter(e).split("-").reverse(),a="",o=0;o<r.length;o++)""!==r[o]&&(a+=n[r[o]]);return a}},{key:"_getLetter",value:function _getLetter(e){var t=Math.floor(e/26),n="";return n+=e-26*t+"-",t>0&&t<26?n+=t-1+"-":t>=26&&(n+=this._getLetter(t-1)),n}}]),_class2}(e)};
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.cellBehaviors=exports.displayBehaviors=exports.dataProperties=exports.displayProperties=exports.editableTableDisplayStyles=exports.editableTableStyles=exports.editableTableCellStyles=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(n):a.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _templateObject3_bd5732201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n    table[sort] .thead .th,\n    table[filter] .tbody .td,\n    table[filter] .tfoot .td {\n      padding-left: 0;\n      padding-right: 0;\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n    caption {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding: 0;\n    }\n    caption > div {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n    }\n    caption > div > *:not(:last-child) {\n      padding: 0 0 5px;\n    }\n    #column {\n      width: calc(var(--simple-picker-option-size) + 6px);\n      overflow: visible;\n      display: none;\n      margin-left: 10px;\n      --simple-picker-border-width: 1px;\n      --simple-picker-focus-border-width: 1px;\n      --simple-picker-border-color: var(--editable-table-border-color, #999);\n    }\n    .th,\n    .td {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding-left: var(--editable-table-cell-horizontal-padding, 6px);\n      padding-right: var(--editable-table-cell-horizontal-padding, 6px);\n    }\n    span.cell {\n      display: block;\n    }\n    @media screen {\n      :host([responsive][responsive-size="xs"]) #column {\n        display: inline-flex;\n      }\n      :host([responsive][responsive-size="xs"]) .th[xs-hidden],\n      :host([responsive][responsive-size="xs"]) .td[xs-hidden] {\n        display: none;\n      }\n    }\n  ']);return _templateObject3_bd5732201f2611eda0c389891c227ec8=function _templateObject3_bd5732201f2611eda0c389891c227ec8(){return e},e}function _templateObject2_bd5732201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n    :host {\n      display: block;\n      width: 100%;\n      max-width: 100%;\n      margin: 15px 0;\n      font-size: var(--editable-table-font-size, unset);\n      font-family: var(--editable-table-font-family, inherit);\n      font-weight: var(--editable-table-medium-weight, 300);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n\n      --simple-picker-font-family: var(\n        --editable-table-secondary-font-family,\n        "Roboto",\n        "Noto",\n        sans-serif\n      );\n      --simple-picker-font-size: var(\n        --editable-table-secondary-font-size,\n        12px\n      );\n      --simple-picker-color: var(--editable-table-color, #222);\n      --simple-picker-background-color: var(--editable-table-bg-color, #fff);\n      --paper-font-caption: {\n        font-family: var(\n          --editable-table-secondary-font-family,\n          "Roboto",\n          "Noto",\n          sans-serif\n        );\n      }\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .offscreen {\n      position: absolute;\n      left: -9999px;\n      font-size: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n      margin: 0;\n      padding: 0;\n    }\n    table {\n      width: calc(100% - 2 * var(--editable-table-border-width, 1px));\n      display: table;\n      border-collapse: collapse;\n      border-width: var(--editable-table-border-width, 1px);\n      border-style: var(--editable-table-border-style, solid);\n      border-color: var(--editable-table-border-color, #999);\n      font-weight: var(--editable-table-light-weight, 200);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    .th,\n    .td {\n      font-weight: var(--editable-table-light-weight, 200);\n      color: var(--editable-table-color, #222);\n      background-color: var(--editable-table-bg-color, #fff);\n    }\n    caption {\n      font-size: var(\n        --editable-table-caption-font-size,\n        var(--editable-table-font-size, unset)\n      );\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(\n        --editable-table-caption-color,\n        var(--editable-table-color, #222)\n      );\n      background-color: var(\n        --editable-table-caption-bg-color,\n        var(--editable-table-bg-color, #fff)\n      );\n      width: 100%;\n    }\n    .tr {\n      display: table-row;\n    }\n    .th-or-td {\n      display: table-cell;\n    }\n    .thead-tr .th {\n      background-color: var(--editable-table-heading-bg-color, #e0e0e0);\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n    }\n    .tbody-tr .th {\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n      background-color: var(--editable-table-bg-color, #fff);\n      text-align: left;\n    }\n    *[bordered] .th,\n    *[bordered] .td {\n      border-width: var(--editable-table-border-width, 1px);\n      border-style: var(--editable-table-border-style, solid);\n      border-color: var(--editable-table-border-color, #999);\n    }\n    *[condensed] {\n      --editable-table-cell-vertical-padding: var(\n        --editable-table-cell-vertical-padding-condensed,\n        2px\n      );\n      --editable-table-cell-horizontal-padding: var(\n        --editable-table-cell-horizontal-padding-condensed,\n        4px\n      );\n    }\n    *[striped] .tbody-tr:nth-child(2n + 1) .th-or-td {\n      background-color: var(--editable-table-stripe-bg-color, #f0f0f0);\n    }\n    *[column-striped] .tbody-tr .th-or-td:nth-child(2n),\n    *[column-striped] .tfoot-tr .th-or-td:nth-child(2n) {\n      background-color: var(--editable-table-stripe-bg-color, #f0f0f0);\n    }\n    .tfoot-tr .th,\n    .tfoot-tr .td {\n      border-top: 2px solid var(--editable-table-color, #222);\n      font-weight: var(--editable-table-heavy-weight, 600);\n      color: var(--editable-table-heading-color, #000);\n    }\n    caption,\n    .th-or-td {\n      text-align: left;\n    }\n    *[numeric-styles] .thead-tr .th-or-td[numeric],\n    *[numeric-styles] .tfoot-tr .th-or-td[numeric],\n    *[numeric-styles] .th-or-td[numeric] .cell {\n      text-align: right;\n      --editable-table-cell-justify: flex-end;\n    }\n    *[numeric-styles] .tfoot-tr .th-or-td[negative],\n    *[numeric-styles] .td[negative] .cell {\n      color: var(--editable-table-negative-color, red);\n      --editable-table-cell-color: var(--editable-table-negative-color, red);\n    }\n    editable-table-sort {\n      width: 100%;\n    }\n    button {\n      background-color: transparent;\n      border: none;\n      border-radius: 0;\n    }\n    ::slotted(table) {\n      display: none;\n    }\n    @media screen {\n      :host {\n        overflow-x: auto;\n        width: 100%;\n        max-width: 100%;\n      }\n      :host([responsive]) {\n        overflow-x: visible;\n      }\n    }\n  ']);return _templateObject2_bd5732201f2611eda0c389891c227ec8=function _templateObject2_bd5732201f2611eda0c389891c227ec8(){return e},e}function _templateObject_bd5732201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n    .cell-button {\n      padding-top: var(--editable-table-cell-vertical-padding, 10px);\n      padding-bottom: var(--editable-table-cell-vertical-padding, 10px);\n      padding-left: var(--editable-table-cell-horizontal-padding, 6px);\n      padding-right: var(--editable-table-cell-horizontal-padding, 6px);\n      margin: 0;\n      width: 100%;\n      display: flex;\n      justify-content: var(--editable-table-cell-justify, space-between);\n      align-items: center;\n      align-content: stretch;\n      font-family: inherit;\n      font-size: inherit;\n      font-weight: inherit;\n      background-color: transparent;\n      border: none;\n      border-radius: 0;\n      color: var(--editable-table-cell-color);\n    }\n    .offscreen {\n      position: absolute;\n      left: -9999px;\n      font-size: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n      margin: 0;\n      padding: 0;\n    }\n  "]);return _templateObject_bd5732201f2611eda0c389891c227ec8=function _templateObject_bd5732201f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var t=[(0,e.css)(_templateObject_bd5732201f2611eda0c389891c227ec8())];exports.editableTableCellStyles=t;var n=[(0,e.css)(_templateObject2_bd5732201f2611eda0c389891c227ec8())];exports.editableTableStyles=n;var r=[].concat(n,[(0,e.css)(_templateObject3_bd5732201f2611eda0c389891c227ec8())]);exports.editableTableDisplayStyles=r;var a={bordered:{attribute:"bordered",type:Boolean},columnStriped:{attribute:"column-striped",type:Boolean},condensed:{attribute:"condensed",type:Boolean},numericStyles:{attribute:"numeric-styles",type:Boolean,reflect:!0},responsive:{attribute:"responsive",type:Boolean,reflect:!0},striped:{attribute:"striped",type:Boolean}};exports.displayProperties=a;var o={downloadable:{attribute:"downloadable",type:Boolean,reflect:!0},filter:{attribute:"filter",type:Boolean,reflect:!0},printable:{attribute:"printable",type:Boolean,reflect:!0},sort:{attribute:"sort",type:Boolean,reflect:!0}};exports.dataProperties=o;exports.displayBehaviors=function displayBehaviors(e){return function(e){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).columnHeader=!1,e.downloadable=!1,e.data=[],e.filter=!1,e.footer=!1,e.rowHeader=!1,e.sort=!1,e.dataCsv=void 0,Object.keys(a).forEach((function(t){e[t]=!1})),e.fetchData(),e}return _inherits(_class,e),_createClass(_class,null,[{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{},a,{},o,{caption:{type:String,value:null},columnHeader:{attribute:"column-header",type:Boolean},csvData:{type:String,attribute:"csv-data"},data:{type:Array,notify:!0,attribute:"data"},dataCsv:{type:String,attribute:"data-csv"},footer:{attribute:"footer",type:Boolean},rowHeader:{attribute:"row-header",type:Boolean}})}}]),_createClass(_class,[{key:"connectedCallback",value:function connectedCallback(){var e=this;_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this),this.fetchData(),setTimeout((function(){e.dataCsv||e.loadSlottedTable(),e.__ready=!0}),0)}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(_class.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,e),this.fetchData()}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(_class.prototype),"updated",this)&&_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,e),e.forEach((function(e,n){"dataCsv"===n&&t.fetchData(),"csvData"===n&&t._loadExternalData(),"striped"===n&&t.striped&&(t.columnStriped=!1),"columnStriped"===n&&t.columnStriped&&(t.striped=!1),"data"==n&&t._dataChanged(t.data,e)}))}},{key:"CSVtoArray",value:function CSVtoArray(e){var t,n="",r=[""],a=[r],o=0,i=0,l=!0;for(t in e)'"'===(t=e[t])?(l&&t===n&&(r[o]+=t),l=!l):","===t&&l?t=r[++o]="":"\n"===t&&l?("\r"===n&&(r[o]=r[o].slice(0,-1)),r=a[++i]=[t=""],o=0):r[o]+=t,n=t;return a}},{key:"download",value:function download(){var e=document.createElement("a"),t=(this.downloadable&&""!=this.caption.trim()?"Table as CSV":"".concat(this.caption," CSV")).replace(/[^\w\d]/g,""),n=this.getTableCSV();e.setAttribute("href","data:text/plain;charset=UTF-8,"+encodeURIComponent(n)),e.setAttribute("download",t+".txt"),e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e),this.dispatchEvent(new CustomEvent("csv-downloaded",{bubbles:!0,composed:!0,cancelable:!1,detail:{table:this,data:n,filename:t}}))}},{key:"print",value:function print(){var print=!!(!!this.shadowRoot&&this.shadowRoot.querySelector("table"))&&window.open("","","left=0,top=0,width=552,height=477,toolbar=0,scrollbars=0,status =0");print&&(print.document.head.innerHTML+="<style>\n          ".concat(r.map((function(e){return e.cssText.replace(/:host/g,"table")})).join(" "),"\n          table {\n            -webkit-print-color-adjust: exact !important;\n            color-adjust: exact !important;\n          }\n        </style>"),print.document.body.innerHTML=this.getTableHTML(!0),print.document.close(),print.focus(),print.print(),print.addEventListener("afterprint",(e=>{print.close()}))),this.dispatchEvent(new CustomEvent("table-printed",{bubbles:!0,composed:!0,cancelable:!1,detail:this}))}},{key:"fetchData",value:function fetchData(){var e=this;this.dataCsv&&""!==this.dataCsv&&fetch(this.dataCsv).then((function(e){return e.text()})).then((function(t){e.csvData=t})).catch((function(t){e.loadSlottedTable()}))}},{key:"getTableCSV",value:function getTableCSV(){var e=this;return this.data.map((function(t){return t.map((function(t){return t=e._replaceBlankCell(t),e._isNumericCell(t)?t.replace(/,/g,""):'"'.concat(t.replace(/"/g,'""'),'"')})).join(",")})).join("\n")}},{key:"getHTML",value:function getHTML(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:" ";this.__tempDiv=this.__tempDiv||document.createElement("template"),this.__tempDiv.innerHTML=e;var t=this.__tempDiv.content.cloneNode(!0);return t}},{key:"getTableHTML",value:function getTableHTML(){var e=this,t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=[],r=[],o=[],i=function getTR(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"td",a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"td",o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"tbody",i=e.rowHeader?n.slice(0,1):[],l=e.rowHeader?n.slice(1):n;return"\n\t\t<tr".concat(t?' class="'.concat(o,'-tr tr"'):"",">").concat(i.map((function(n){return'\n\t\t\t<th scope="row"'.concat(t?' class="'.concat(a,' th-or-td"'):"",">").concat(e._replaceBlankCell(n),"</th>")})).join("")).concat(l.map((function(n){return"\n\t\t\t<".concat(r).concat(t?' class="'.concat(a,' th-or-td"'):"",">").concat(e._replaceBlankCell(n),"</").concat(a,">")})).join(""),"\n\t\t</tr>")};this.thead&&(n=this.thead.map((function(e){return i(e,'th scope="col"',"th","thead")}))),this.tbody&&(r=this.tbody.map((function(e){return i(e)}))),this.tfoot&&(o=this.tfoot.map((function(e){return i(e,"td","td","tfoot")})));var l=this.getTableProperties(),c="";return Object.keys(this.getTableProperties()).forEach((function(e){if(l[e]&&Object.keys(a).includes(e)){c+="".concat(function kebabize(e){return e.split("").map((function(e,t){return e.toUpperCase()===e?"".concat(0!==t?"-":"").concat(e.toLowerCase()):e})).join("")}(e)," ")}})),["<table ".concat(c,">"),""!==this.caption&&null!==this.caption&&"null"!==this.caption?"\n\t<caption".concat(t?' class="caption"':"",">\n\t\t").concat(this.caption,"\n\t</caption>"):"",n.length>0?"\n\t<thead".concat(t?' class="thead"':"",'">').concat(n.join(""),"\n\t</thead>"):"",r.length>0?"\n\t<tbody".concat(t?' class="tbody"':"",">").concat(r.join(""),"\n\t</tbody>"):"",o.length>0?"\n\t<tfoot".concat(t?' class="tfoot"':"",">").concat(o.join(""),"\n\t</tfoot>"):"","\n</table>"].join("")}},{key:"getTableHTMLNode",value:function getTableHTMLNode(){var e=document.createElement("editable-table-display"),t=this.getTableProperties();for(var n in t)e[n]=t[n];return e.innerHTML=this.getTableHTML(),e}},{key:"getTableProperties",value:function getTableProperties(){return{bordered:!this.hideBordered&&this.bordered,caption:this.caption,columnHeader:this.columnHeader,columnStriped:this.columnStriped,condensed:!this.hideCondensed&&this.condensed,data:this.data,downloadable:this.downloadable,filter:!this.hideFilter&&this.filter,footer:this.footer,numericStyles:this.numericStyles,printable:this.printable,rowHeader:this.rowHeader,responsive:!this.hideResponsive&&this.responsive,sort:!this.hideSort&&this.sort,striped:!this.hideStriped&&this.striped,summary:this.summary}}},{key:"importHTML",value:function importHTML(e){var t=this,n=[],r=_toConsumableArray(e.querySelectorAll("tr")).map((function(e,t){return _toConsumableArray(e.querySelectorAll("th,td")).map((function(e,r){var a=e.matches("th")?"th":"td",o=!!e.matches("[colspan]")&&e.getAttribute("colspan"),i=!!e.matches("[rowspan]")&&e.getAttribute("rowspan");return(o||i)&&n.push({type:a,row:t,col:r,rows:i&&""!==i.trim()?parseInt(i.trim()):void 0,cols:o&&""!==o.trim()?parseInt(o.trim()):void 0}),"string"==typeof e.innerHTML?e.innerHTML.trim():e.innerHTML}))}));n.forEach((function(e){if(e.cols)for(var t=1;t<e.cols;t++)r[e.row].splice(e.col+1,0,"&nbsp;");if(e.rows)for(var n=1;n<e.rows;n++)r[e.row+1].splice(e.col,0,"&nbsp;")})),r.length>0&&r[0].length>0&&(this.data=r),this.columnHeader=this.columnHeader||e.querySelectorAll("thead").length>0,this.rowHeader=this.rowHeader||e.querySelectorAll("tbody th").length>0,this.footer=this.footer||e.querySelectorAll("tfoot").length>0,this.caption=e.querySelectorAll("caption").length>0?e.querySelector("caption").innerHTML.trim():void 0,Object.keys(a).forEach((function(n){e.matches(".".concat(a[n].attribute||n))&&(t[n]=!0)}))}},{key:"loadSlottedTable",value:function loadSlottedTable(){var e=this.children.item(0);e&&"EDITABLE-TABLE-DISPLAY"===e.tagName&&(e=e.children.item(0)),e&&"TABLE"===e.tagName&&e.children&&e.children.length>0&&this.importHTML(e)}},{key:"_dataChanged",value:function _dataChanged(e,t){}},{key:"_isNegative",value:function _isNegative(e){return this._isNumericCell(e)&&0===e.trim().indexOf("-")}},{key:"_isNumericCell",value:function _isNumericCell(e){return!!e&&!isNaN(e.trim().replace(/\$/g,""))}},{key:"_isNumericColumn",value:function _isNumericColumn(e){for(var t=!0,n=0;n<this.tbody.length;n++)this._isNumericCell(this.tbody[n][e])||(t=!1);return t}},{key:"_isRowFiltered",value:function _isRowFiltered(e){var t=(this.filterText||"").trim(),n=this.filterColumn&&e?e[this.filterColumn].trim():"";return this.filterCaseSensitive||(t=t.toLowerCase(),n=n.toLowerCase()),this.filterContains?!n.match(t):n!==t}},{key:"_isRowHeader",value:function _isRowHeader(e,t){return 0===t&&e}},{key:"_loadExternalData",value:function _loadExternalData(e){var t=this.CSVtoArray(this.csvData);t.length>0&&t[0].length>0&&(this.data=t),this.columnHeader=!0}},{key:"_replaceBlankCell",value:function _replaceBlankCell(e){return""===String(e).trim()?"-":e}},{key:"thead",get:function get(){return this.columnHeader?(this.data||[]).slice(0,1):[]}},{key:"tbody",get:function get(){return(this.data||[]).slice(this.columnHeader?1:0,this.footer?(this.data||[]).length-1:(this.data||[]).length)}},{key:"tfoot",get:function get(){return this.footer?(this.data||[]).slice((this.data||[]).length-1):[]}}]),_class}(e)};exports.cellBehaviors=function cellBehaviors(e){return function(e){function _class2(){return _classCallCheck(this,_class2),_possibleConstructorReturn(this,_getPrototypeOf(_class2).apply(this,arguments))}return _inherits(_class2,e),_createClass(_class2,[{key:"_getLabel",value:function _getLabel(e,t){if(t)return e+1;for(var n="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""),r=this._getLetter(e).split("-").reverse(),a="",o=0;o<r.length;o++)""!==r[o]&&(a+=n[r[o]]);return a}},{key:"_getLetter",value:function _getLetter(e){var t=Math.floor(e/26),n="";return n+=e-26*t+"-",t>0&&t<26?n+=t-1+"-":t>=26&&(n+=this._getLetter(t-1)),n}}]),_class2}(e)};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-display.dev.js b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-display.dev.js
index 43d83b14af2..ead45e08d07 100644
--- a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-display.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-display.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableTableDisplay=void 0;var e=require("lit"),t=require("./editable-table-behaviors.js"),n=require("@lrnwebcomponents/responsive-utility/lib/responsive-utility-behaviors.js");function _templateObject11_e740e2001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<span class="cell"\n            >',"</span\n          >"]);return _templateObject11_e740e2001f0511ed8cc3e9a95995ad69=function _templateObject11_e740e2001f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject10_e740e2001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n            <editable-table-filter\n              class="cell"\n              column-index="','"\n              ?filtered="','"\n            >\n              ',"\n            </editable-table-filter>\n          "]);return _templateObject10_e740e2001f0511ed8cc3e9a95995ad69=function _templateObject10_e740e2001f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject9_e740e2001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<td\n      class="td th-or-td"\n      cell-index="','"\n      ?numeric="','"\n      ?negative="','"\n      ?xs-hidden="','"\n    >\n      ',"\n    </td>"]);return _templateObject9_e740e2001f0511ed8cc3e9a95995ad69=function _templateObject9_e740e2001f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject8_e740e2001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<th\n      class="th th-or-td"\n      cell-index="','"\n      ?numeric="','"\n      scope="row"\n      ?xs-hidden="','"\n    >\n      ',"\n    </th>"]);return _templateObject8_e740e2001f0511ed8cc3e9a95995ad69=function _templateObject8_e740e2001f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject7_e740e2001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <tr class="tr ','">\n        ',"\n      </tr>\n    "]);return _templateObject7_e740e2001f0511ed8cc3e9a95995ad69=function _templateObject7_e740e2001f0511ed8cc3e9a95995ad69(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var a=r?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}return n.default=e,t&&t.set(e,n),n}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject6_e740e2001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n              <tfoot class="tfoot">\n                ',"\n              </tfoot>\n            "]);return _templateObject6_e740e2001f0511ed8cc3e9a95995ad69=function _templateObject6_e740e2001f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject5_e740e2001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n                        <editable-table-sort\n                          column-index="','"\n                          sort-column="','"\n                        >\n                          ',"\n                        </editable-table-sort>\n                      "]);return _templateObject5_e740e2001f0511ed8cc3e9a95995ad69=function _templateObject5_e740e2001f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject4_e740e2001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n                <th\n                  class="th th-or-td"\n                  cell-index="','"\n                  ?numeric="','"\n                  scope="col"\n                  ?xs-hidden="','"\n                >\n                  ',"\n                </th>\n              "]);return _templateObject4_e740e2001f0511ed8cc3e9a95995ad69=function _templateObject4_e740e2001f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_e740e2001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n                  <button id="print" @click="','">\n                    <span class="offscreen">Print table.</span>\n                    <simple-icon-lite icon="print"></simple-icon-lite>\n                  </button>\n                  <simple-tooltip\n                    id="print-tooltip"\n                    for="print"\n                    aria-hidden="true"\n                    >Print table.\n                  </simple-tooltip>\n                ']);return _templateObject3_e740e2001f0511ed8cc3e9a95995ad69=function _templateObject3_e740e2001f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_e740e2001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n                  <button id="download" @click="','">\n                    <span class="offscreen">Download as CSV.</span>\n                    <simple-icon-lite icon="file-download"></simple-icon-lite>\n                  </button>\n                  <simple-tooltip\n                    id="download-tooltip"\n                    for="download"\n                    aria-hidden="true"\n                    >Download as CSV.\n                  </simple-tooltip>\n                ']);return _templateObject2_e740e2001f0511ed8cc3e9a95995ad69=function _templateObject2_e740e2001f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_e740e2001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <table\n        id="table"\n        ?bordered="','"\n        class="table"\n        ?column-header="','"\n        ?column-striped="','"\n        ?condensed="','"\n        ?filter="','"\n        ?footer="','"\n        ?hidden="','"\n        ?numeric-styles="','"\n        ?row-header="','"\n        ?sort="','"\n        ?striped="','"\n      >\n        <caption>\n          <div>\n            <div>','</div>\n            <simple-picker\n              id="column"\n              align-right\n              aria-label="Select Column"\n              @change="','"\n              hide-sample\n              .options="','"\n              .value="','"\n            >\n            </simple-picker>\n            ',"\n            ",'\n          </div>\n        </caption>\n        <thead ?hidden="','" class="thead">\n          <tr class="tr thead-tr">\n            ','\n          </tr>\n        </thead>\n        <tbody class="tbody">\n          ',"\n        </tbody>\n        ",'\n      </table>\n      <div id="htmlImport" hidden><slot></slot></div>\n    ']);return _templateObject_e740e2001f0511ed8cc3e9a95995ad69=function _templateObject_e740e2001f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(n):i.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-picker/simple-picker.js");var r=function(r){function EditableTableDisplay(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,EditableTableDisplay),(e=_possibleConstructorReturn(this,_getPrototypeOf(EditableTableDisplay).call(this))).selected=1,e.sortMode="none",e.sortColumn=-1,e.filterContains=!0,Promise.resolve().then((function(){return _interopRequireWildcard(require("./editable-table-sort.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("./editable-table-filter.js"))})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(EditableTableDisplay,(0,t.displayBehaviors)((0,n.ResponsiveUtilityBehaviors)(e.LitElement))),_createClass(EditableTableDisplay,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject_e740e2001f0511ed8cc3e9a95995ad69(),this.bordered,this.columnHeader,this.columnStriped,this.condensed,this.filter,this.footer,this.hidden,this.numericStyles,this.rowHeader,this.sort,this.striped,this.getHTML(this.caption),this._selectedChanged,this.options,this.selected,this.downloadable?(0,e.html)(_templateObject2_e740e2001f0511ed8cc3e9a95995ad69(),this.download):"",this.printable?(0,e.html)(_templateObject3_e740e2001f0511ed8cc3e9a95995ad69(),this.print):"",!this.columnHeader,(this.thead[0]||[]).map((function(n,r){return(0,e.html)(_templateObject4_e740e2001f0511ed8cc3e9a95995ad69(),r,t._isNumericColumn(r),t._isColHidden(r,1),t.sort?(0,e.html)(_templateObject5_e740e2001f0511ed8cc3e9a95995ad69(),r,t.sortColumn,t.getHTML(t._replaceBlankCell(n))):t.getHTML(t._replaceBlankCell(n)))})),this.tbody.map((function(e){return t._isRowFiltered(e)?"":t._tbodyTr(e)})),this.footer?(0,e.html)(_templateObject6_e740e2001f0511ed8cc3e9a95995ad69(),this._tbodyTr(this.tfoot[0],!0,!0)):"")}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableDisplay),"styles",this)||[]),_toConsumableArray(t.editableTableDisplayStyles))}},{key:"haxProperties",get:function get(){return{type:"element",editingElement:{tag:"editable-table",import:"@lrnwebcomponents/editable-table/editable-table.js"},canScale:!0,canPosition:!0,canEditSource:!0,gizmo:{title:"Enhanced table",description:"A table for displaying data",icon:"image:grid-on",color:"blue-grey",groups:["Content","Table","Data"],meta:{author:"ELMS:LN"}},settings:{configure:[],advanced:[]},demoSchema:[{tag:"editable-table-display",content:"<table striped><tr><td>-</td><td>-</td><td>-</td></tr><tr><td>-</td><td>-</td><td>-</td></tr><tr><td>-</td><td>-</td><td>-</td></tr></table>",properties:{}}]}}},{key:"tag",get:function get(){return"editable-table-display"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t.displayBehaviors.properties,{},n.ResponsiveUtilityBehaviors.properties,{filterColumn:{type:Number,attribute:"filter-column"},filterContains:{type:Boolean,attribute:"filter-contains"},filterCaseSensitive:{type:Boolean,attribute:"filter-case-sensitive"},filtered:{type:Boolean},filterText:{type:String,attribute:"filter-text"},selected:{type:Number},sortMode:{type:String,attribute:"sort-mode"},sortColumn:{type:Number,attribute:"sort-column"}})}}]),_createClass(EditableTableDisplay,[{key:"connectedCallback",value:function connectedCallback(){var e=this;_get(_getPrototypeOf(EditableTableDisplay.prototype),"connectedCallback",this).call(this),setTimeout((function(){e.addEventListener("change-sort-mode",e._changeSortMode.bind(e)),e.addEventListener("toggle-filter",e.toggleFilter.bind(e))}),0)}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListener("change-sort-mode",this._changeSortMode.bind(this)),this.removeEventListener("toggle-filter",this.toggleFilter.bind(this)),_get(_getPrototypeOf(EditableTableDisplay.prototype),"disconnectedCallback",this).call(this)}},{key:"sortData",value:function sortData(e,t){if("none"!==e&&!1!==e){var n=this.tbody.map((function(e){return[e[t]].concat(_toConsumableArray(e))}));"asc"===e?n.sort():n.reverse()}}},{key:"toggleFilter",value:function toggleFilter(e){void 0===e||this.filterColumn==e.detail.columnIndex&&this.filtered?(this.filtered=!1,this.filterText=void 0,this.filterColumn=void 0):(this.filterText=e.detail.innerHTML,this.filterColumn=e.detail.columnIndex,this.filtered=!0)}},{key:"_dataChanged",value:function _dataChanged(e,t){if(!e||e.length<1||e[0].length<1){var n=this.children.item(0);"undefined"!==_typeof(n)&&null!==n&&"TABLE"===n.tagName&&this.importHTML(n)}this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:e}))}},{key:"_changeSortMode",value:function _changeSortMode(e){this.sortColumn===e.detail.columnIndex&&"asc"===this.sortMode?this.sortMode="desc":this.sortColumn===e.detail.columnIndex&&"desc"===this.sortMode?this.sortMode="none":(this.sortMode="asc",this.sortColumn=e.detail.columnIndex),e.detail.setSortMode(this.sortMode)}},{key:"_isColHidden",value:function _isColHidden(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return t=t||1,0!==parseInt(e)&&parseInt(e)!==parseInt(t)}},{key:"_isCellFiltered",value:function _isCellFiltered(e,t,n){return!!t&&t===e&&n}},{key:"_selectedChanged",value:function _selectedChanged(){this._updateCols()}},{key:"_tableChanged",value:function _tableChanged(){this._updateCols()}},{key:"_tbodyTr",value:function _tbodyTr(){var t=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return(0,e.html)(_templateObject7_e740e2001f0511ed8cc3e9a95995ad69(),i?"tfoot-tr":"tbody-tr",n.map((function(e,n){return t._isRowHeader(t.rowHeader,n)?t._tbodyTh(e,n):t._tbodyTd(e,n,r)})))}},{key:"_tbodyTh",value:function _tbodyTh(t,n){return(0,e.html)(_templateObject8_e740e2001f0511ed8cc3e9a95995ad69(),n,this._isNumericColumn(n),this._isColHidden(n,1),this.getHTML(this._replaceBlankCell(t)))}},{key:"_tbodyTd",value:function _tbodyTd(t,n){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return(0,e.html)(_templateObject9_e740e2001f0511ed8cc3e9a95995ad69(),n,this._isNumericColumn(n),this._isNegative(t),this._isColHidden(n,1),this.filter?(0,e.html)(_templateObject10_e740e2001f0511ed8cc3e9a95995ad69(),n,this._isCellFiltered(n,this.filterColumn,this.filtered),this.getHTML(this._replaceBlankCell(t))):r?this.getHTML(this._replaceBlankCell(t)):(0,e.html)(_templateObject11_e740e2001f0511ed8cc3e9a95995ad69(),this.getHTML(this._replaceBlankCell(t))))}},{key:"_updateCols",value:function _updateCols(){var e=this.shadowRoot.querySelector("#column").value,t=this.shadowRoot.querySelector("#table").querySelectorAll("th,td");if(t.length>0)for(var n=0;n<t.length;n++){var r=t[n];this._isColHidden(r.cellIndex,e)?r.setAttribute("xs-hidden",!0):r.removeAttribute("xs-hidden")}}},{key:"hidden",get:function get(){return!this.data||this.data.length<1||this.data[0].length<1}},{key:"options",get:function get(){return((this.thead||[[]])[0]||[]).map((function(e,t){return[{alt:e,value:t}]}))}}]),EditableTableDisplay}();exports.EditableTableDisplay=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableTableDisplay=void 0;var e=require("lit"),t=require("./editable-table-behaviors.js"),n=require("@lrnwebcomponents/responsive-utility/lib/responsive-utility-behaviors.js");function _templateObject11_bd5a66701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<span class="cell"\n            >',"</span\n          >"]);return _templateObject11_bd5a66701f2611eda0c389891c227ec8=function _templateObject11_bd5a66701f2611eda0c389891c227ec8(){return e},e}function _templateObject10_bd5a66701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n            <editable-table-filter\n              class="cell"\n              column-index="','"\n              ?filtered="','"\n            >\n              ',"\n            </editable-table-filter>\n          "]);return _templateObject10_bd5a66701f2611eda0c389891c227ec8=function _templateObject10_bd5a66701f2611eda0c389891c227ec8(){return e},e}function _templateObject9_bd5a66701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<td\n      class="td th-or-td"\n      cell-index="','"\n      ?numeric="','"\n      ?negative="','"\n      ?xs-hidden="','"\n    >\n      ',"\n    </td>"]);return _templateObject9_bd5a66701f2611eda0c389891c227ec8=function _templateObject9_bd5a66701f2611eda0c389891c227ec8(){return e},e}function _templateObject8_bd5a66701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<th\n      class="th th-or-td"\n      cell-index="','"\n      ?numeric="','"\n      scope="row"\n      ?xs-hidden="','"\n    >\n      ',"\n    </th>"]);return _templateObject8_bd5a66701f2611eda0c389891c227ec8=function _templateObject8_bd5a66701f2611eda0c389891c227ec8(){return e},e}function _templateObject7_bd5a66701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <tr class="tr ','">\n        ',"\n      </tr>\n    "]);return _templateObject7_bd5a66701f2611eda0c389891c227ec8=function _templateObject7_bd5a66701f2611eda0c389891c227ec8(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var a=r?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}return n.default=e,t&&t.set(e,n),n}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject6_bd5a66701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n              <tfoot class="tfoot">\n                ',"\n              </tfoot>\n            "]);return _templateObject6_bd5a66701f2611eda0c389891c227ec8=function _templateObject6_bd5a66701f2611eda0c389891c227ec8(){return e},e}function _templateObject5_bd5a66701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n                        <editable-table-sort\n                          column-index="','"\n                          sort-column="','"\n                        >\n                          ',"\n                        </editable-table-sort>\n                      "]);return _templateObject5_bd5a66701f2611eda0c389891c227ec8=function _templateObject5_bd5a66701f2611eda0c389891c227ec8(){return e},e}function _templateObject4_bd5a66701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n                <th\n                  class="th th-or-td"\n                  cell-index="','"\n                  ?numeric="','"\n                  scope="col"\n                  ?xs-hidden="','"\n                >\n                  ',"\n                </th>\n              "]);return _templateObject4_bd5a66701f2611eda0c389891c227ec8=function _templateObject4_bd5a66701f2611eda0c389891c227ec8(){return e},e}function _templateObject3_bd5a66701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n                  <button id="print" @click="','">\n                    <span class="offscreen">Print table.</span>\n                    <simple-icon-lite icon="print"></simple-icon-lite>\n                  </button>\n                  <simple-tooltip\n                    id="print-tooltip"\n                    for="print"\n                    aria-hidden="true"\n                    >Print table.\n                  </simple-tooltip>\n                ']);return _templateObject3_bd5a66701f2611eda0c389891c227ec8=function _templateObject3_bd5a66701f2611eda0c389891c227ec8(){return e},e}function _templateObject2_bd5a66701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n                  <button id="download" @click="','">\n                    <span class="offscreen">Download as CSV.</span>\n                    <simple-icon-lite icon="file-download"></simple-icon-lite>\n                  </button>\n                  <simple-tooltip\n                    id="download-tooltip"\n                    for="download"\n                    aria-hidden="true"\n                    >Download as CSV.\n                  </simple-tooltip>\n                ']);return _templateObject2_bd5a66701f2611eda0c389891c227ec8=function _templateObject2_bd5a66701f2611eda0c389891c227ec8(){return e},e}function _templateObject_bd5a66701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <table\n        id="table"\n        ?bordered="','"\n        class="table"\n        ?column-header="','"\n        ?column-striped="','"\n        ?condensed="','"\n        ?filter="','"\n        ?footer="','"\n        ?hidden="','"\n        ?numeric-styles="','"\n        ?row-header="','"\n        ?sort="','"\n        ?striped="','"\n      >\n        <caption>\n          <div>\n            <div>','</div>\n            <simple-picker\n              id="column"\n              align-right\n              aria-label="Select Column"\n              @change="','"\n              hide-sample\n              .options="','"\n              .value="','"\n            >\n            </simple-picker>\n            ',"\n            ",'\n          </div>\n        </caption>\n        <thead ?hidden="','" class="thead">\n          <tr class="tr thead-tr">\n            ','\n          </tr>\n        </thead>\n        <tbody class="tbody">\n          ',"\n        </tbody>\n        ",'\n      </table>\n      <div id="htmlImport" hidden><slot></slot></div>\n    ']);return _templateObject_bd5a66701f2611eda0c389891c227ec8=function _templateObject_bd5a66701f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(n):i.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-picker/simple-picker.js");var r=function(r){function EditableTableDisplay(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,EditableTableDisplay),(e=_possibleConstructorReturn(this,_getPrototypeOf(EditableTableDisplay).call(this))).selected=1,e.sortMode="none",e.sortColumn=-1,e.filterContains=!0,Promise.resolve().then((function(){return _interopRequireWildcard(require("./editable-table-sort.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("./editable-table-filter.js"))})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(EditableTableDisplay,(0,t.displayBehaviors)((0,n.ResponsiveUtilityBehaviors)(e.LitElement))),_createClass(EditableTableDisplay,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject_bd5a66701f2611eda0c389891c227ec8(),this.bordered,this.columnHeader,this.columnStriped,this.condensed,this.filter,this.footer,this.hidden,this.numericStyles,this.rowHeader,this.sort,this.striped,this.getHTML(this.caption),this._selectedChanged,this.options,this.selected,this.downloadable?(0,e.html)(_templateObject2_bd5a66701f2611eda0c389891c227ec8(),this.download):"",this.printable?(0,e.html)(_templateObject3_bd5a66701f2611eda0c389891c227ec8(),this.print):"",!this.columnHeader,(this.thead[0]||[]).map((function(n,r){return(0,e.html)(_templateObject4_bd5a66701f2611eda0c389891c227ec8(),r,t._isNumericColumn(r),t._isColHidden(r,1),t.sort?(0,e.html)(_templateObject5_bd5a66701f2611eda0c389891c227ec8(),r,t.sortColumn,t.getHTML(t._replaceBlankCell(n))):t.getHTML(t._replaceBlankCell(n)))})),this.tbody.map((function(e){return t._isRowFiltered(e)?"":t._tbodyTr(e)})),this.footer?(0,e.html)(_templateObject6_bd5a66701f2611eda0c389891c227ec8(),this._tbodyTr(this.tfoot[0],!0,!0)):"")}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableDisplay),"styles",this)||[]),_toConsumableArray(t.editableTableDisplayStyles))}},{key:"haxProperties",get:function get(){return{type:"element",editingElement:{tag:"editable-table",import:"@lrnwebcomponents/editable-table/editable-table.js"},canScale:!0,canPosition:!0,canEditSource:!0,gizmo:{title:"Enhanced table",description:"A table for displaying data",icon:"image:grid-on",color:"blue-grey",groups:["Content","Table","Data"],meta:{author:"ELMS:LN"}},settings:{configure:[],advanced:[]},demoSchema:[{tag:"editable-table-display",content:"<table striped><tr><td>-</td><td>-</td><td>-</td></tr><tr><td>-</td><td>-</td><td>-</td></tr><tr><td>-</td><td>-</td><td>-</td></tr></table>",properties:{}}]}}},{key:"tag",get:function get(){return"editable-table-display"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t.displayBehaviors.properties,{},n.ResponsiveUtilityBehaviors.properties,{filterColumn:{type:Number,attribute:"filter-column"},filterContains:{type:Boolean,attribute:"filter-contains"},filterCaseSensitive:{type:Boolean,attribute:"filter-case-sensitive"},filtered:{type:Boolean},filterText:{type:String,attribute:"filter-text"},selected:{type:Number},sortMode:{type:String,attribute:"sort-mode"},sortColumn:{type:Number,attribute:"sort-column"}})}}]),_createClass(EditableTableDisplay,[{key:"connectedCallback",value:function connectedCallback(){var e=this;_get(_getPrototypeOf(EditableTableDisplay.prototype),"connectedCallback",this).call(this),setTimeout((function(){e.addEventListener("change-sort-mode",e._changeSortMode.bind(e)),e.addEventListener("toggle-filter",e.toggleFilter.bind(e))}),0)}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListener("change-sort-mode",this._changeSortMode.bind(this)),this.removeEventListener("toggle-filter",this.toggleFilter.bind(this)),_get(_getPrototypeOf(EditableTableDisplay.prototype),"disconnectedCallback",this).call(this)}},{key:"sortData",value:function sortData(e,t){if("none"!==e&&!1!==e){var n=this.tbody.map((function(e){return[e[t]].concat(_toConsumableArray(e))}));"asc"===e?n.sort():n.reverse()}}},{key:"toggleFilter",value:function toggleFilter(e){void 0===e||this.filterColumn==e.detail.columnIndex&&this.filtered?(this.filtered=!1,this.filterText=void 0,this.filterColumn=void 0):(this.filterText=e.detail.innerHTML,this.filterColumn=e.detail.columnIndex,this.filtered=!0)}},{key:"_dataChanged",value:function _dataChanged(e,t){if(!e||e.length<1||e[0].length<1){var n=this.children.item(0);"undefined"!==_typeof(n)&&null!==n&&"TABLE"===n.tagName&&this.importHTML(n)}this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:e}))}},{key:"_changeSortMode",value:function _changeSortMode(e){this.sortColumn===e.detail.columnIndex&&"asc"===this.sortMode?this.sortMode="desc":this.sortColumn===e.detail.columnIndex&&"desc"===this.sortMode?this.sortMode="none":(this.sortMode="asc",this.sortColumn=e.detail.columnIndex),e.detail.setSortMode(this.sortMode)}},{key:"_isColHidden",value:function _isColHidden(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return t=t||1,0!==parseInt(e)&&parseInt(e)!==parseInt(t)}},{key:"_isCellFiltered",value:function _isCellFiltered(e,t,n){return!!t&&t===e&&n}},{key:"_selectedChanged",value:function _selectedChanged(){this._updateCols()}},{key:"_tableChanged",value:function _tableChanged(){this._updateCols()}},{key:"_tbodyTr",value:function _tbodyTr(){var t=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return(0,e.html)(_templateObject7_bd5a66701f2611eda0c389891c227ec8(),i?"tfoot-tr":"tbody-tr",n.map((function(e,n){return t._isRowHeader(t.rowHeader,n)?t._tbodyTh(e,n):t._tbodyTd(e,n,r)})))}},{key:"_tbodyTh",value:function _tbodyTh(t,n){return(0,e.html)(_templateObject8_bd5a66701f2611eda0c389891c227ec8(),n,this._isNumericColumn(n),this._isColHidden(n,1),this.getHTML(this._replaceBlankCell(t)))}},{key:"_tbodyTd",value:function _tbodyTd(t,n){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return(0,e.html)(_templateObject9_bd5a66701f2611eda0c389891c227ec8(),n,this._isNumericColumn(n),this._isNegative(t),this._isColHidden(n,1),this.filter?(0,e.html)(_templateObject10_bd5a66701f2611eda0c389891c227ec8(),n,this._isCellFiltered(n,this.filterColumn,this.filtered),this.getHTML(this._replaceBlankCell(t))):r?this.getHTML(this._replaceBlankCell(t)):(0,e.html)(_templateObject11_bd5a66701f2611eda0c389891c227ec8(),this.getHTML(this._replaceBlankCell(t))))}},{key:"_updateCols",value:function _updateCols(){var e=this.shadowRoot.querySelector("#column").value,t=this.shadowRoot.querySelector("#table").querySelectorAll("th,td");if(t.length>0)for(var n=0;n<t.length;n++){var r=t[n];this._isColHidden(r.cellIndex,e)?r.setAttribute("xs-hidden",!0):r.removeAttribute("xs-hidden")}}},{key:"hidden",get:function get(){return!this.data||this.data.length<1||this.data[0].length<1}},{key:"options",get:function get(){return((this.thead||[[]])[0]||[]).map((function(e,t){return[{alt:e,value:t}]}))}}]),EditableTableDisplay}();exports.EditableTableDisplay=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-rowcol.dev.js b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-rowcol.dev.js
index cb19a88af35..1e11499d3e5 100644
--- a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-rowcol.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-rowcol.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableTableEditorRowcol=void 0;var e=require("lit"),t=require("./editable-table-behaviors.js"),n=require("@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject4_e74304e01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        :host {\n          display: block;\n          height: 100%;\n          width: 100%;\n          --paper-item-min-height: 24px;\n          --a11y-menu-button-border: none;\n          --a11y-menu-button-list-border: 1px solid\n            var(--editable-table-border-color, #999);\n          --a11y-menu-button-vertical-padding: var(\n            --editable-table-cell-vertical-padding,\n            10px\n          );\n          --a11y-menu-button-horizontal-padding: var(\n            --editable-table-cell-horizontal-padding,\n            6px\n          );\n          --a11y-menu-button-item-focus-bg-color: var(\n            --editable-table-heading-bg-color,\n            #e8e8e8\n          );\n          --a11y-menu-button-list-bg-color: var(\n            --editable-table-bg-color,\n            #fff\n          );\n        }\n        a11y-menu-button {\n          display: block;\n          height: 100%;\n          width: 100%;\n        }\n        a11y-menu-button::part(button) {\n          height: 100%;\n          width: 100%;\n        }\n        a11y-menu-button::part(menu-outer) {\n          min-width: 150px;\n        }\n        a11y-menu-button-item {\n          font-family: var(\n            --editable-table-secondary-font-family,\n            "Roboto",\n            "Noto",\n            sans-serif\n          );\n          color: var(--editable-table-color, #222);\n          font-size: var(--editable-table-secondary-font-size, 12px);\n          line-height: 150%;\n        }\n      ']);return _templateObject4_e74304e01f0511ed8cc3e9a95995ad69=function _templateObject4_e74304e01f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject3_e74304e01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<span class="offscreen">',"</span>"]);return _templateObject3_e74304e01f0511ed8cc3e9a95995ad69=function _templateObject3_e74304e01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_e74304e01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<a11y-menu-button-item\n      @click="','"\n    >\n      ',"\n      ","","\n      ","\n    </a11y-menu-button-item>"]);return _templateObject2_e74304e01f0511ed8cc3e9a95995ad69=function _templateObject2_e74304e01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_e74304e01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <a11y-menu-button\n        id="menubutton" \n        position="','"\n        @open="','">\n        <span class="offscreen" slot="button">','</span>\n        <span id="label" slot="button">',' </span>\n        <span class="offscreen" slot="button">Menu</span>\n        <simple-icon-lite icon="arrow-drop-down" slot="button"></simple-icon-lite>\n          '," \n          ","\n          ","\n        </ul>\n      </a11y-menu-button>\n    "]);return _templateObject_e74304e01f0511ed8cc3e9a95995ad69=function _templateObject_e74304e01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");var o=function(o){function EditableTableEditorRowcol(){return _classCallCheck(this,EditableTableEditorRowcol),_possibleConstructorReturn(this,_getPrototypeOf(EditableTableEditorRowcol).apply(this,arguments))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(EditableTableEditorRowcol,(0,t.cellBehaviors)(n.A11yMenuButton)),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(EditableTableEditorRowcol,[{key:"render",value:function render(){return(0,e.html)(_templateObject_e74304e01f0511ed8cc3e9a95995ad69(),this.row?"right":"bottom",this._onOpen,this.type,this.label||"",this._getItem(),this._getItem(!1,!0),this._getItem(!0))}},{key:"rowColAction",value:function rowColAction(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.index,t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.dispatchEvent(new CustomEvent("rowcol-action",{bubbles:!0,cancelable:!0,composed:!0,detail:{insert:t,row:this.row,index:e}}))}},{key:"_getItem",value:function _getItem(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return(0,e.html)(_templateObject2_e74304e01f0511ed8cc3e9a95995ad69(),t?this._onDelete:n?this._onInsertAfter:this._onInsertBefore,t?"Delete":"Insert",this.type,t?" ":n?" After ":" Before ",this.labelInfo)}},{key:"_onOpen",value:function _onOpen(e){this.dispatchEvent(new CustomEvent("rowcol-menuopen",{bubbles:!0,cancelable:!0,composed:!0,detail:{insert,row:this.row,index}}))}},{key:"_onDelete",value:function _onDelete(e){this.rowColAction(this.index,!1)}},{key:"_onInsertBefore",value:function _onInsertBefore(e){this.rowColAction(this.row?this.index-1:this.index)}},{key:"_onInsertAfter",value:function _onInsertAfter(e){this.rowColAction(this.row?this.index:this.index+1)}},{key:"controls",get:function get(){return this.row?"cell-0-".concat(this.index):"cell-".concat(this.index,"-0")}},{key:"label",get:function get(){return this.row?this._getLabel(this.index,!0):this._getLabel(this.index,!1)}},{key:"labelInfo",get:function get(){return(0,e.html)(_templateObject3_e74304e01f0511ed8cc3e9a95995ad69(),this.label)}},{key:"type",get:function get(){return this.row?"Row":"Column"}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableEditorRowcol),"styles",this)||[]),_toConsumableArray(t.editableTableCellStyles),[(0,e.css)(_templateObject4_e74304e01f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"editable-table-editor-rowcol"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(EditableTableEditorRowcol),"properties",this),{index:{type:Number},row:{type:Boolean}})}}]),EditableTableEditorRowcol}();exports.EditableTableEditorRowcol=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableTableEditorRowcol=void 0;var e=require("lit"),t=require("./editable-table-behaviors.js"),n=require("@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject4_bd5c89501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        :host {\n          display: block;\n          height: 100%;\n          width: 100%;\n          --paper-item-min-height: 24px;\n          --a11y-menu-button-border: none;\n          --a11y-menu-button-list-border: 1px solid\n            var(--editable-table-border-color, #999);\n          --a11y-menu-button-vertical-padding: var(\n            --editable-table-cell-vertical-padding,\n            10px\n          );\n          --a11y-menu-button-horizontal-padding: var(\n            --editable-table-cell-horizontal-padding,\n            6px\n          );\n          --a11y-menu-button-item-focus-bg-color: var(\n            --editable-table-heading-bg-color,\n            #e8e8e8\n          );\n          --a11y-menu-button-list-bg-color: var(\n            --editable-table-bg-color,\n            #fff\n          );\n        }\n        a11y-menu-button {\n          display: block;\n          height: 100%;\n          width: 100%;\n        }\n        a11y-menu-button::part(button) {\n          height: 100%;\n          width: 100%;\n        }\n        a11y-menu-button::part(menu-outer) {\n          min-width: 150px;\n        }\n        a11y-menu-button-item {\n          font-family: var(\n            --editable-table-secondary-font-family,\n            "Roboto",\n            "Noto",\n            sans-serif\n          );\n          color: var(--editable-table-color, #222);\n          font-size: var(--editable-table-secondary-font-size, 12px);\n          line-height: 150%;\n        }\n      ']);return _templateObject4_bd5c89501f2611eda0c389891c227ec8=function _templateObject4_bd5c89501f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject3_bd5c89501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<span class="offscreen">',"</span>"]);return _templateObject3_bd5c89501f2611eda0c389891c227ec8=function _templateObject3_bd5c89501f2611eda0c389891c227ec8(){return e},e}function _templateObject2_bd5c89501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<a11y-menu-button-item\n      @click="','"\n    >\n      ',"\n      ","","\n      ","\n    </a11y-menu-button-item>"]);return _templateObject2_bd5c89501f2611eda0c389891c227ec8=function _templateObject2_bd5c89501f2611eda0c389891c227ec8(){return e},e}function _templateObject_bd5c89501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <a11y-menu-button\n        id="menubutton" \n        position="','"\n        @open="','">\n        <span class="offscreen" slot="button">','</span>\n        <span id="label" slot="button">',' </span>\n        <span class="offscreen" slot="button">Menu</span>\n        <simple-icon-lite icon="arrow-drop-down" slot="button"></simple-icon-lite>\n          '," \n          ","\n          ","\n        </ul>\n      </a11y-menu-button>\n    "]);return _templateObject_bd5c89501f2611eda0c389891c227ec8=function _templateObject_bd5c89501f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");var o=function(o){function EditableTableEditorRowcol(){return _classCallCheck(this,EditableTableEditorRowcol),_possibleConstructorReturn(this,_getPrototypeOf(EditableTableEditorRowcol).apply(this,arguments))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(EditableTableEditorRowcol,(0,t.cellBehaviors)(n.A11yMenuButton)),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(EditableTableEditorRowcol,[{key:"render",value:function render(){return(0,e.html)(_templateObject_bd5c89501f2611eda0c389891c227ec8(),this.row?"right":"bottom",this._onOpen,this.type,this.label||"",this._getItem(),this._getItem(!1,!0),this._getItem(!0))}},{key:"rowColAction",value:function rowColAction(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.index,t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.dispatchEvent(new CustomEvent("rowcol-action",{bubbles:!0,cancelable:!0,composed:!0,detail:{insert:t,row:this.row,index:e}}))}},{key:"_getItem",value:function _getItem(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return(0,e.html)(_templateObject2_bd5c89501f2611eda0c389891c227ec8(),t?this._onDelete:n?this._onInsertAfter:this._onInsertBefore,t?"Delete":"Insert",this.type,t?" ":n?" After ":" Before ",this.labelInfo)}},{key:"_onOpen",value:function _onOpen(e){this.dispatchEvent(new CustomEvent("rowcol-menuopen",{bubbles:!0,cancelable:!0,composed:!0,detail:{insert,row:this.row,index}}))}},{key:"_onDelete",value:function _onDelete(e){this.rowColAction(this.index,!1)}},{key:"_onInsertBefore",value:function _onInsertBefore(e){this.rowColAction(this.row?this.index-1:this.index)}},{key:"_onInsertAfter",value:function _onInsertAfter(e){this.rowColAction(this.row?this.index:this.index+1)}},{key:"controls",get:function get(){return this.row?"cell-0-".concat(this.index):"cell-".concat(this.index,"-0")}},{key:"label",get:function get(){return this.row?this._getLabel(this.index,!0):this._getLabel(this.index,!1)}},{key:"labelInfo",get:function get(){return(0,e.html)(_templateObject3_bd5c89501f2611eda0c389891c227ec8(),this.label)}},{key:"type",get:function get(){return this.row?"Row":"Column"}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableEditorRowcol),"styles",this)||[]),_toConsumableArray(t.editableTableCellStyles),[(0,e.css)(_templateObject4_bd5c89501f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"editable-table-editor-rowcol"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(EditableTableEditorRowcol),"properties",this),{index:{type:Number},row:{type:Boolean}})}}]),EditableTableEditorRowcol}();exports.EditableTableEditorRowcol=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-toggle.dev.js b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-toggle.dev.js
index adfdada9b98..d3aa7cbd336 100644
--- a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-toggle.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-editor-toggle.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableTableEditorToggle=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_e743ef401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        :host([hidden]) {\n          display: none;\n        }\n        button {\n          padding: 2px;\n          margin: 0;\n          width: 100%;\n          min-width: unset;\n          display: inline-flex;\n          justify-content: space-between;\n          align-items: center;\n          align-content: stretch;\n          text-transform: unset;\n          font-family: var(\n            --editable-table-secondary-font-family,\n            "Roboto",\n            "Noto",\n            sans-serif\n          );\n          background-color: var(\n            --editable-table-button-bg-color,\n            var(--editable-table-bg-color, #fff)\n          );\n          color: var(--editable-table-border-color, #999);\n          border: none;\n          border-radius: 0;\n        }\n        :host([toggled]) button {\n          background-color: var(--editable-table-button-toggled-bg-color);\n          color: var(\n            --editable-table-button-toggled-color,\n            var(--editable-table-color, #222)\n          );\n        }\n        :host(:not([disabled])) button:focus,\n        :host(:not([disabled])) button:hover {\n          background-color: var(\n            --editable-table-button-hover-bg-color,\n            var(--editable-table-heading-bg-color, #e8e8e8)\n          );\n          color: var(\n            --editable-table-button-hover-color,\n            var(--editable-table-border-color, #999)\n          );\n          cursor: pointer;\n        }\n        :host([toggled]:not([disabled])) button:focus,\n        :host([toggled]:not([disabled])) button:hover {\n          background-color: var(\n            --editable-table-button-toggled-hover-bg-color,\n            var(--editable-table-heading-bg-color, #e8e8e8)\n          );\n          color: var(\n            --editable-table-button-toggled-hover-color,\n            var(--editable-table-heading-color)\n          );\n          cursor: pointer;\n        }\n        :host([disabled]) button {\n          background-color: var(\n            --editable-table-button-disabled-bg-color,\n            var(--editable-table-bg-color, #fff)\n          );\n          color: var(--editable-table-button-disabled-color);\n          cursor: not-allowed;\n        }\n        button > div {\n          flex-grow: 1;\n        }\n        .offscreen {\n          position: absolute;\n          left: -9999px;\n          font-size: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        #filter-off {\n          opacity: 0.25;\n        }\n      ']);return _templateObject2_e743ef401f0511ed8cc3e9a95995ad69=function _templateObject2_e743ef401f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_e743ef401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <button\n        id="button"\n        ?active="','"\n        ?disabled="','"\n        label="','"\n        toggles\n        @click="','"\n      >\n        <span class="offscreen">','</span>\n        <simple-icon-lite\n          icon="','"\n          aria-hidden="true"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip id="tooltip" for="button" aria-hidden="true"\n        >',"</simple-tooltip\n      >\n    "]);return _templateObject_e743ef401f0511ed8cc3e9a95995ad69=function _templateObject_e743ef401f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(o):r.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");var t=function(t){function EditableTableEditorToggle(){return _classCallCheck(this,EditableTableEditorToggle),_possibleConstructorReturn(this,_getPrototypeOf(EditableTableEditorToggle).apply(this,arguments))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(EditableTableEditorToggle,e.LitElement),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(EditableTableEditorToggle,[{key:"render",value:function render(){return(0,e.html)(_templateObject_e743ef401f0511ed8cc3e9a95995ad69(),this.toggled,this.disabled,this.label,this._onClick,this.label,this.icon,this.label)}},{key:"_onClick",value:function _onClick(){this.toggled=!this.toggled,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableEditorToggle),"styles",this)||[]),[(0,e.css)(_templateObject2_e743ef401f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"editable-table-editor-toggle"}},{key:"properties",get:function get(){return{disabled:{attribute:"disabled",type:Boolean,value:!1,reflect:!0},controls:{attribute:"controls",type:String,value:"table",readOnly:!0,reflect:!0},id:{attribute:"id",type:String,value:null},icon:{type:String,value:null},label:{type:String,value:null},toggled:{attribute:"toggled",type:Boolean,value:!1,reflect:!0}}}}]),EditableTableEditorToggle}();exports.EditableTableEditorToggle=t,window.customElements.define(t.tag,t);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableTableEditorToggle=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_bd5e0ff01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        :host([hidden]) {\n          display: none;\n        }\n        button {\n          padding: 2px;\n          margin: 0;\n          width: 100%;\n          min-width: unset;\n          display: inline-flex;\n          justify-content: space-between;\n          align-items: center;\n          align-content: stretch;\n          text-transform: unset;\n          font-family: var(\n            --editable-table-secondary-font-family,\n            "Roboto",\n            "Noto",\n            sans-serif\n          );\n          background-color: var(\n            --editable-table-button-bg-color,\n            var(--editable-table-bg-color, #fff)\n          );\n          color: var(--editable-table-border-color, #999);\n          border: none;\n          border-radius: 0;\n        }\n        :host([toggled]) button {\n          background-color: var(--editable-table-button-toggled-bg-color);\n          color: var(\n            --editable-table-button-toggled-color,\n            var(--editable-table-color, #222)\n          );\n        }\n        :host(:not([disabled])) button:focus,\n        :host(:not([disabled])) button:hover {\n          background-color: var(\n            --editable-table-button-hover-bg-color,\n            var(--editable-table-heading-bg-color, #e8e8e8)\n          );\n          color: var(\n            --editable-table-button-hover-color,\n            var(--editable-table-border-color, #999)\n          );\n          cursor: pointer;\n        }\n        :host([toggled]:not([disabled])) button:focus,\n        :host([toggled]:not([disabled])) button:hover {\n          background-color: var(\n            --editable-table-button-toggled-hover-bg-color,\n            var(--editable-table-heading-bg-color, #e8e8e8)\n          );\n          color: var(\n            --editable-table-button-toggled-hover-color,\n            var(--editable-table-heading-color)\n          );\n          cursor: pointer;\n        }\n        :host([disabled]) button {\n          background-color: var(\n            --editable-table-button-disabled-bg-color,\n            var(--editable-table-bg-color, #fff)\n          );\n          color: var(--editable-table-button-disabled-color);\n          cursor: not-allowed;\n        }\n        button > div {\n          flex-grow: 1;\n        }\n        .offscreen {\n          position: absolute;\n          left: -9999px;\n          font-size: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        #filter-off {\n          opacity: 0.25;\n        }\n      ']);return _templateObject2_bd5e0ff01f2611eda0c389891c227ec8=function _templateObject2_bd5e0ff01f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_bd5e0ff01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <button\n        id="button"\n        ?active="','"\n        ?disabled="','"\n        label="','"\n        toggles\n        @click="','"\n      >\n        <span class="offscreen">','</span>\n        <simple-icon-lite\n          icon="','"\n          aria-hidden="true"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip id="tooltip" for="button" aria-hidden="true"\n        >',"</simple-tooltip\n      >\n    "]);return _templateObject_bd5e0ff01f2611eda0c389891c227ec8=function _templateObject_bd5e0ff01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(o):r.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");var t=function(t){function EditableTableEditorToggle(){return _classCallCheck(this,EditableTableEditorToggle),_possibleConstructorReturn(this,_getPrototypeOf(EditableTableEditorToggle).apply(this,arguments))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(EditableTableEditorToggle,e.LitElement),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(EditableTableEditorToggle,[{key:"render",value:function render(){return(0,e.html)(_templateObject_bd5e0ff01f2611eda0c389891c227ec8(),this.toggled,this.disabled,this.label,this._onClick,this.label,this.icon,this.label)}},{key:"_onClick",value:function _onClick(){this.toggled=!this.toggled,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableEditorToggle),"styles",this)||[]),[(0,e.css)(_templateObject2_bd5e0ff01f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"editable-table-editor-toggle"}},{key:"properties",get:function get(){return{disabled:{attribute:"disabled",type:Boolean,value:!1,reflect:!0},controls:{attribute:"controls",type:String,value:"table",readOnly:!0,reflect:!0},id:{attribute:"id",type:String,value:null},icon:{type:String,value:null},label:{type:String,value:null},toggled:{attribute:"toggled",type:Boolean,value:!1,reflect:!0}}}}]),EditableTableEditorToggle}();exports.EditableTableEditorToggle=t,window.customElements.define(t.tag,t);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-filter.dev.js b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-filter.dev.js
index f7f835a1a65..76ca1f18823 100644
--- a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-filter.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-filter.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableTableFilter=void 0;var e=require("lit"),t=require("./editable-table-behaviors.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_e744b2901f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        #filter-off {\n          opacity: 0.25;\n        }\n        :host(:not([filtered])) .filtered,\n        :host(:not([filtered]):not(:focus):not(:hover)) #filter,\n        :host(:not([filtered]):focus) #filter-off,\n        :host(:not([filtered]):hover) #filter-off,\n        :host([filtered]:not(:focus):not(:hover)) #filter-off,\n        :host([filtered]:focus) #filter,\n        :host([filtered]:hover) #filter {\n          display: none;\n        }\n      "]);return _templateObject2_e744b2901f0511ed8cc3e9a95995ad69=function _templateObject2_e744b2901f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_e744b2901f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <button id="button" class="cell-button" @click="','">\n        <span><slot></slot></span>\n        <span class="offscreen" .hidden="','"> (filtered)</span>\n        <span class="offscreen"> Toggle filter.</span>\n        <simple-icon-lite\n          id="filter"\n          icon="editable-table:filter"\n        ></simple-icon-lite>\n        <simple-icon-lite\n          id="filter-off"\n          icon="editable-table:filter-off"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip for="button"\n        >Toggle Column ',' filter for "<slot\n        ></slot>"</simple-tooltip\n      >\n    ']);return _templateObject_e744b2901f0511ed8cc3e9a95995ad69=function _templateObject_e744b2901f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");var r=function(r){function EditableTableFilter(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,EditableTableFilter),(e=_possibleConstructorReturn(this,_getPrototypeOf(EditableTableFilter).call(this))).columnIndex=null,e.filtered=!1,e.text="",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(EditableTableFilter,e.LitElement),_createClass(EditableTableFilter,[{key:"render",value:function render(){return(0,e.html)(_templateObject_e744b2901f0511ed8cc3e9a95995ad69(),this._onFilterClicked,!this.filtered,this.columnIndex)}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableFilter),"styles",this)||[]),_toConsumableArray(t.editableTableCellStyles),[(0,e.css)(_templateObject2_e744b2901f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"editable-table-filter"}}]),_createClass(EditableTableFilter,[{key:"_getPressed",value:function _getPressed(e){return e?"true":"false"}},{key:"_onFilterClicked",value:function _onFilterClicked(){this.dispatchEvent(new CustomEvent("toggle-filter",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}}],[{key:"properties",get:function get(){return{columnIndex:{type:Number,attribute:"column-index"},filtered:{type:Boolean,reflect:!0},text:{type:String}}}}]),EditableTableFilter}();exports.EditableTableFilter=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableTableFilter=void 0;var e=require("lit"),t=require("./editable-table-behaviors.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_bd5efa501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        #filter-off {\n          opacity: 0.25;\n        }\n        :host(:not([filtered])) .filtered,\n        :host(:not([filtered]):not(:focus):not(:hover)) #filter,\n        :host(:not([filtered]):focus) #filter-off,\n        :host(:not([filtered]):hover) #filter-off,\n        :host([filtered]:not(:focus):not(:hover)) #filter-off,\n        :host([filtered]:focus) #filter,\n        :host([filtered]:hover) #filter {\n          display: none;\n        }\n      "]);return _templateObject2_bd5efa501f2611eda0c389891c227ec8=function _templateObject2_bd5efa501f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_bd5efa501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <button id="button" class="cell-button" @click="','">\n        <span><slot></slot></span>\n        <span class="offscreen" .hidden="','"> (filtered)</span>\n        <span class="offscreen"> Toggle filter.</span>\n        <simple-icon-lite\n          id="filter"\n          icon="editable-table:filter"\n        ></simple-icon-lite>\n        <simple-icon-lite\n          id="filter-off"\n          icon="editable-table:filter-off"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip for="button"\n        >Toggle Column ',' filter for "<slot\n        ></slot>"</simple-tooltip\n      >\n    ']);return _templateObject_bd5efa501f2611eda0c389891c227ec8=function _templateObject_bd5efa501f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");var r=function(r){function EditableTableFilter(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,EditableTableFilter),(e=_possibleConstructorReturn(this,_getPrototypeOf(EditableTableFilter).call(this))).columnIndex=null,e.filtered=!1,e.text="",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(EditableTableFilter,e.LitElement),_createClass(EditableTableFilter,[{key:"render",value:function render(){return(0,e.html)(_templateObject_bd5efa501f2611eda0c389891c227ec8(),this._onFilterClicked,!this.filtered,this.columnIndex)}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableFilter),"styles",this)||[]),_toConsumableArray(t.editableTableCellStyles),[(0,e.css)(_templateObject2_bd5efa501f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"editable-table-filter"}}]),_createClass(EditableTableFilter,[{key:"_getPressed",value:function _getPressed(e){return e?"true":"false"}},{key:"_onFilterClicked",value:function _onFilterClicked(){this.dispatchEvent(new CustomEvent("toggle-filter",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}}],[{key:"properties",get:function get(){return{columnIndex:{type:Number,attribute:"column-index"},filtered:{type:Boolean,reflect:!0},text:{type:String}}}}]),EditableTableFilter}();exports.EditableTableFilter=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-sort.dev.js b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-sort.dev.js
index 413134caf17..d7af278cfc0 100644
--- a/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-sort.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/editable-table/lib/dist/editable-table-sort.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableTableSort=void 0;var e=require("lit"),t=require("./editable-table-behaviors.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_e74639301f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([""]);return _templateObject2_e74639301f0511ed8cc3e9a95995ad69=function _templateObject2_e74639301f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_e74639301f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <button id="button" class="cell-button" @click="','">\n        <slot></slot>\n        <span class="offscreen asc">(ascending)</span>\n        <span class="offscreen desc">(descending)</span>\n        <span class="offscreen"> Toggle sort mode.</span>\n        <simple-icon-lite\n          icon="','"\n        ></simple-icon-lite>\n      </button>\n    ']);return _templateObject_e74639301f0511ed8cc3e9a95995ad69=function _templateObject_e74639301f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");var r=function(r){function EditableTableSort(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,EditableTableSort),(e=_possibleConstructorReturn(this,_getPrototypeOf(EditableTableSort).call(this))).sortMode="none",e.sortColumn=-1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(EditableTableSort,e.LitElement),_createClass(EditableTableSort,[{key:"render",value:function render(){return(0,e.html)(_templateObject_e74639301f0511ed8cc3e9a95995ad69(),this._onSortClicked,"asc"==this.sortMode?"arrow-drop-up":"desc"==this.sortMode?"arrow-drop-down":"editable-table:sortable")}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableSort),"styles",this)||[]),_toConsumableArray(t.editableTableCellStyles),[(0,e.css)(_templateObject2_e74639301f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"editable-table-sort"}},{key:"properties",get:function get(){return{columnIndex:{attribute:"column-index",type:Number,reflect:!0},sortMode:{attribute:"sort-mode",type:String,reflect:!0},sortColumn:{attribute:"sort-column",type:Number,reflect:!0}}}}]),_createClass(EditableTableSort,[{key:"_onSortClicked",value:function _onSortClicked(){this.dispatchEvent(new CustomEvent("change-sort-mode",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"setSortMode",value:function setSortMode(e){this.sortMode=e,this.__checked="asc"===e||"desc"===e&&e}},{key:"sorting",get:function get(){return this.columnIndex===this.sortColumn}}]),EditableTableSort}();exports.EditableTableSort=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableTableSort=void 0;var e=require("lit"),t=require("./editable-table-behaviors.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_bd5fbda01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([""]);return _templateObject2_bd5fbda01f2611eda0c389891c227ec8=function _templateObject2_bd5fbda01f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_bd5fbda01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <button id="button" class="cell-button" @click="','">\n        <slot></slot>\n        <span class="offscreen asc">(ascending)</span>\n        <span class="offscreen desc">(descending)</span>\n        <span class="offscreen"> Toggle sort mode.</span>\n        <simple-icon-lite\n          icon="','"\n        ></simple-icon-lite>\n      </button>\n    ']);return _templateObject_bd5fbda01f2611eda0c389891c227ec8=function _templateObject_bd5fbda01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");var r=function(r){function EditableTableSort(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,EditableTableSort),(e=_possibleConstructorReturn(this,_getPrototypeOf(EditableTableSort).call(this))).sortMode="none",e.sortColumn=-1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(EditableTableSort,e.LitElement),_createClass(EditableTableSort,[{key:"render",value:function render(){return(0,e.html)(_templateObject_bd5fbda01f2611eda0c389891c227ec8(),this._onSortClicked,"asc"==this.sortMode?"arrow-drop-up":"desc"==this.sortMode?"arrow-drop-down":"editable-table:sortable")}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(EditableTableSort),"styles",this)||[]),_toConsumableArray(t.editableTableCellStyles),[(0,e.css)(_templateObject2_bd5fbda01f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"editable-table-sort"}},{key:"properties",get:function get(){return{columnIndex:{attribute:"column-index",type:Number,reflect:!0},sortMode:{attribute:"sort-mode",type:String,reflect:!0},sortColumn:{attribute:"sort-column",type:Number,reflect:!0}}}}]),_createClass(EditableTableSort,[{key:"_onSortClicked",value:function _onSortClicked(){this.dispatchEvent(new CustomEvent("change-sort-mode",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"setSortMode",value:function setSortMode(e){this.sortMode=e,this.__checked="asc"===e||"desc"===e&&e}},{key:"sorting",get:function get(){return this.columnIndex===this.sortColumn}}]),EditableTableSort}();exports.EditableTableSort=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/dist/HAXLayouts.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/dist/HAXLayouts.dev.js
index f660b83cf73..02c5e8896dc 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/dist/HAXLayouts.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body-behaviors/lib/dist/HAXLayouts.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxLayoutBehaviors=void 0;var t=require("lit"),e=require("@lrnwebcomponents/utils/utils.js"),o=require("@lrnwebcomponents/schema-behaviors/schema-behaviors.js");require("@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function ownKeys(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(o,!0).forEach((function(e){_defineProperty(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function _defineProperty(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _templateObject_ee9171001f0511ed8cc3e9a95995ad69(){var t=function _taggedTemplateLiteral(t,e){e||(e=t.slice(0));return Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}(['\n          :host {\n            display: block;\n            --hax-layout-slotted-active-outline-color: var(\n              --hax-contextual-action-hover-color\n            );\n          }\n          :host([ready]) [data-layout-slotname] {\n            transition: var(\n              --hax-layout-container-transition,\n              0.5s width ease-in-out,\n              0.5s padding ease-in-out,\n              0.5s margin ease-in-out\n            );\n          }\n          :host([data-hax-ray]) [data-layout-slotname].not-shown {\n            display: block;\n            opacity: 0.4;\n            width: 0;\n          }\n          :host([data-hax-ray]) [data-layout-slotname].not-shown.has-nodes {\n            width: 100%;\n            transition: none;\n          }\n          :host([data-hax-ray]) .not-shown:hover {\n            opacity: 1;\n          }\n          :host([data-hax-ray]) .not-shown:hover::before {\n            content: "Hidden by layout";\n            position: sticky;\n            display: inline-flex;\n            background-color: black;\n            color: white;\n            padding: 0px 8px;\n            font-size: 12px;\n            line-height: 16px;\n            margin: 12px 13px;\n            float: right;\n            width: 124px;\n          }\n          /** this implies hax editing state is available **/\n          :host([data-hax-ray]) ::slotted(*) {\n            outline: var(--hax-layout-slotted-outline-width, 0px)\n              var(--hax-layout-slotted-outline-style, solid)\n              var(\n                --hax-layout-slotted-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            outline-offset: var(--hax-layout-slotted-outline-offset, 0px);\n          }\n          :host([data-hax-ray])\n            ::slotted([contenteditable][data-hax-ray]:empty)::before {\n            content: attr(data-hax-ray);\n            opacity: 0.2;\n            transition: 0.2s all ease-in-out;\n          }\n          :host([data-hax-ray]) ::slotted(*:hover) {\n            outline: var(--hax-layout-slotted-hover-outline-width, 0px)\n              var(--hax-layout-slotted-hover-outline-style, solid)\n              var(\n                --hax-layout-slotted-hover-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n          :host([data-hax-ray]) ::slotted(.hax-active) {\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n          }\n          :host([data-hax-ray]) [data-layout-slotname] {\n            outline: var(--hax-layout-container-outline-width, 0px)\n              var(--hax-layout-container-outline-style, solid)\n              var(\n                --hax-layout-container-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            outline-offset: var(--hax-layout-container-outline-offset, 2px);\n          }\n          :host([data-hax-ray]) [data-layout-slotname]:hover {\n            outline: var(--hax-layout-container-hover-outline-width, 0px)\n              var(--hax-layout-container-hover-outline-style, solid)\n              var(\n                --hax-layout-container-hover-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n          }\n          :host([data-hax-ray]) ::slotted(*.hax-hovered)::before {\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            background-color: inherit;\n            content: " ";\n            width: 100%;\n            display: block;\n            position: relative;\n            margin: -10px 0 0 0;\n            z-index: 2;\n            height: 10px;\n          }\n          :host([data-hax-ray]) ::slotted(img.hax-hovered),\n          :host([data-hax-ray]) ::slotted(*.hax-hovered)::before {\n            background-color: var(\n              --hax-layout-slotted-active-outline-color,\n              var(--hax-layout-accent-color, #009dc7)\n            ) !important;\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n\n          @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {\n            :host([data-hax-ray]) ::slotted(*.hax-hovered) {\n              background-color: var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              ) !important;\n              outline: var(--hax-layout-slotted-active-outline-width, 1px)\n                var(--hax-layout-slotted-active-outline-style, solid)\n                var(\n                  --hax-layout-slotted-active-outline-color,\n                  var(--hax-layout-accent-color, #009dc7)\n                );\n            }\n          }\n        ']);return _templateObject_ee9171001f0511ed8cc3e9a95995ad69=function _templateObject_ee9171001f0511ed8cc3e9a95995ad69(){return t},t}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,o=new Array(t.length);e<t.length;e++)o[e]=t[e];return o}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _defineProperties(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function _createClass(t,e,o){return e&&_defineProperties(t.prototype,e),o&&_defineProperties(t,o),t}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,o){var n=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(n){var a=Object.getOwnPropertyDescriptor(n,e);return a.get?a.get.call(o):a.value}},_get(t,e,o||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}exports.HaxLayoutBehaviors=function HaxLayoutBehaviors(n){return function(o){function _class(){var t;return function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,_class),(t=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).ready=!1,t.haxLayoutContainer=!0,t}return function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}(_class,o),_createClass(_class,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)||[]),[(0,t.css)(_templateObject_ee9171001f0511ed8cc3e9a95995ad69())])}}]),_createClass(_class,[{key:"firstUpdated",value:function firstUpdated(t){var e=this;_get(_getPrototypeOf(_class.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,t),setTimeout((function(){e.ready=!0}),100)}},{key:"updated",value:function updated(t){var e=this;_get(_getPrototypeOf(_class.prototype),"updated",this)&&_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,t),t.forEach((function(t,o){if("dataHaxRay"===o&&e.shadowRoot)if(e[o]){e.addEventListener("drop",e._dropEvent.bind(e));var n=_toConsumableArray(e.shadowRoot.querySelectorAll("drag-enabled")),a=_toConsumableArray(e.shadowRoot.querySelectorAll("slot"));n.forEach((function(t){t.addEventListener("dragenter",e._dragEnter.bind(e)),t.addEventListener("dragleave",e._dragLeave.bind(e))})),a.forEach((function(t){return t.addEventListener("slotchange",e._slotMonitor.bind(e))})),e.observer=new MutationObserver((function(t){e.__sorting||(t.forEach((function(t){t.addedNodes.forEach((function(t){t.tagName&&t!==e&&t.parentElement&&"HAX-BODY"!==t.parentElement.tagName&&!e.validateElementSlot(t)&&e.validElementSlots().length>0&&t.setAttribute("slot",e.validElementSlots()[0])}))})),e.__sortChildren())})),e.observer.observe(e,{childList:!0})}else{e.observer&&e.observer.disconnect(),e.removeEventListener("drop",e._dropEvent.bind(e));var r=_toConsumableArray(e.shadowRoot.querySelectorAll("drag-enabled")),l=_toConsumableArray(e.shadowRoot.querySelectorAll("slot"));r.forEach((function(t){t.removeEventListener("dragenter",e._dragEnter.bind(e)),t.removeEventListener("dragleave",e._dragLeave.bind(e))})),l.forEach((function(t){return t.removeEventListener("slotchange",e._slotMonitor.bind(e))}))}switch(["responsiveSize","layout","layouts","disableResponsive"].includes(o)&&(clearTimeout(e.__calcWidthLock),e.__calcWidthLock=setTimeout((function(){e.__columnWidths=e._getColumnWidths(e.responsiveSize,e.layout,e.layouts,e.disableResponsive)}),0)),o){case"__columnWidths":e.resize();break;case"disableResponsive":e.dispatchEvent(new CustomEvent("disable-responsive-changed",{detail:e[o]}))}})),this.haxLayoutContainer=!0}},{key:"_dragEnter",value:function _dragEnter(t){console.log(t.target),t.target.classList.add("hax-hovered")}},{key:"_dragLeave",value:function _dragLeave(t){t.target.classList.remove("hax-hovered")}},{key:"_dropEvent",value:function _dropEvent(t){this.querySelectorAll(".hax-hovered").forEach((function(t){t.classList.remove("hax-hovered")})),this.shadowRoot.querySelectorAll(".hax-hovered").forEach((function(t){t.classList.remove("hax-hovered")}))}},{key:"_getSlotOrder",value:function _getSlotOrder(t){var e=t.getAttribute("slot"),o=this.shadowRoot.querySelector("[slot=".concat(e,"]"));return parseInt(o.getAttribute("data-layout-order")||-1)}},{key:"_slotMonitor",value:function _slotMonitor(t){var o=(0,e.normalizeEventPath)(t);o[0]&&o[0].assignedNodes&&o[0].assignedNodes().length?o[0].parentNode.classList.add("has-nodes"):o[0].parentNode.classList.remove("has-nodes")}},{key:"canMoveSlot",value:function canMoveSlot(t,e){var o=e?-1:1,n=this.this._getSlotOrder(t),a=_toConsumableArray(this.shadowRoot.querySelectorAll("[data-layout-order]")).map((function(t){return parseInt(t.getAttribute("data-layout-order")||-1)})).sort((function(t,e){return t-e})),r=n[1]+o;return r>=a[0]&&r<=a[a.length-1]}},{key:"moveSlot",value:function moveSlot(t,e){var o=e?-1:1,n=this.this._getSlotOrder(t)[1]+o,a=this.shadowRoot.querySelector("[data-layout-order=".concat(n,"]")).getAttribute("data-layout-slotname");t.setAttribute("slot",a)}},{key:"validateElementSlot",value:function validateElementSlot(t){return this.validElementSlots().includes(t.getAttribute("slot"))}},{key:"validElementSlots",value:function validElementSlots(){return this.shadowRoot?_toConsumableArray(this.shadowRoot.querySelectorAll("[data-layout-order]")).map((function(t){return t.getAttribute("data-layout-slotname")})):[]}},{key:"__sortChildren",value:function __sortChildren(){var t,e=this;return regeneratorRuntime.async((function __sortChildren$(o){for(;;)switch(o.prev=o.next){case 0:return this.__sorting=!0,o.prev=1,t=(t=Array.prototype.reduce.call(this.querySelectorAll("[slot]"),(function(t,e){return t}),[])).sort((function(t,e){return this._getSlotOrder(t)<this._getSlotOrder(e)?-1:1})),o.next=6,regeneratorRuntime.awrap(t.forEach((function(t){t.parentNode===e&&e.appendChild(t)})));case 6:o.next=11;break;case 8:o.prev=8,o.t0=o.catch(1),console.warn(o.t0);case 11:this.__sorting=!1;case 12:case"end":return o.stop()}}),null,this,[[1,8]])}}],[{key:"properties",get:function get(){return _objectSpread({},_get(_getPrototypeOf(_class),"properties",this)||{},{ready:{type:Boolean,reflect:!0},dataHaxRay:{type:String,reflect:!0,attribute:"data-hax-ray"},haxLayoutContainer:{type:Boolean,reflect:!0,attribute:"hax-layout-container"}})}},{key:"haxProperties",get:function get(){return _objectSpread({},_get(_getPrototypeOf(_class),"haxProperties",this)||{},{type:"grid",contentEditable:!0})}}]),_class}((0,o.SchemaBehaviors)(n))};
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxLayoutBehaviors=void 0;var t=require("lit"),e=require("@lrnwebcomponents/utils/utils.js"),o=require("@lrnwebcomponents/schema-behaviors/schema-behaviors.js");require("@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function ownKeys(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(o,!0).forEach((function(e){_defineProperty(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function _defineProperty(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _templateObject_c4d1de601f2611eda0c389891c227ec8(){var t=function _taggedTemplateLiteral(t,e){e||(e=t.slice(0));return Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}(['\n          :host {\n            display: block;\n            --hax-layout-slotted-active-outline-color: var(\n              --hax-contextual-action-hover-color\n            );\n          }\n          :host([ready]) [data-layout-slotname] {\n            transition: var(\n              --hax-layout-container-transition,\n              0.5s width ease-in-out,\n              0.5s padding ease-in-out,\n              0.5s margin ease-in-out\n            );\n          }\n          :host([data-hax-ray]) [data-layout-slotname].not-shown {\n            display: block;\n            opacity: 0.4;\n            width: 0;\n          }\n          :host([data-hax-ray]) [data-layout-slotname].not-shown.has-nodes {\n            width: 100%;\n            transition: none;\n          }\n          :host([data-hax-ray]) .not-shown:hover {\n            opacity: 1;\n          }\n          :host([data-hax-ray]) .not-shown:hover::before {\n            content: "Hidden by layout";\n            position: sticky;\n            display: inline-flex;\n            background-color: black;\n            color: white;\n            padding: 0px 8px;\n            font-size: 12px;\n            line-height: 16px;\n            margin: 12px 13px;\n            float: right;\n            width: 124px;\n          }\n          /** this implies hax editing state is available **/\n          :host([data-hax-ray]) ::slotted(*) {\n            outline: var(--hax-layout-slotted-outline-width, 0px)\n              var(--hax-layout-slotted-outline-style, solid)\n              var(\n                --hax-layout-slotted-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            outline-offset: var(--hax-layout-slotted-outline-offset, 0px);\n          }\n          :host([data-hax-ray])\n            ::slotted([contenteditable][data-hax-ray]:empty)::before {\n            content: attr(data-hax-ray);\n            opacity: 0.2;\n            transition: 0.2s all ease-in-out;\n          }\n          :host([data-hax-ray]) ::slotted(*:hover) {\n            outline: var(--hax-layout-slotted-hover-outline-width, 0px)\n              var(--hax-layout-slotted-hover-outline-style, solid)\n              var(\n                --hax-layout-slotted-hover-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n          :host([data-hax-ray]) ::slotted(.hax-active) {\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n          }\n          :host([data-hax-ray]) [data-layout-slotname] {\n            outline: var(--hax-layout-container-outline-width, 0px)\n              var(--hax-layout-container-outline-style, solid)\n              var(\n                --hax-layout-container-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            outline-offset: var(--hax-layout-container-outline-offset, 2px);\n          }\n          :host([data-hax-ray]) [data-layout-slotname]:hover {\n            outline: var(--hax-layout-container-hover-outline-width, 0px)\n              var(--hax-layout-container-hover-outline-style, solid)\n              var(\n                --hax-layout-container-hover-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n          }\n          :host([data-hax-ray]) ::slotted(*.hax-hovered)::before {\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-slotted-faded-color, #eeeeee)\n              );\n            background-color: inherit;\n            content: " ";\n            width: 100%;\n            display: block;\n            position: relative;\n            margin: -10px 0 0 0;\n            z-index: 2;\n            height: 10px;\n          }\n          :host([data-hax-ray]) ::slotted(img.hax-hovered),\n          :host([data-hax-ray]) ::slotted(*.hax-hovered)::before {\n            background-color: var(\n              --hax-layout-slotted-active-outline-color,\n              var(--hax-layout-accent-color, #009dc7)\n            ) !important;\n            outline: var(--hax-layout-slotted-active-outline-width, 1px)\n              var(--hax-layout-slotted-active-outline-style, solid)\n              var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              );\n          }\n\n          @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {\n            :host([data-hax-ray]) ::slotted(*.hax-hovered) {\n              background-color: var(\n                --hax-layout-slotted-active-outline-color,\n                var(--hax-layout-accent-color, #009dc7)\n              ) !important;\n              outline: var(--hax-layout-slotted-active-outline-width, 1px)\n                var(--hax-layout-slotted-active-outline-style, solid)\n                var(\n                  --hax-layout-slotted-active-outline-color,\n                  var(--hax-layout-accent-color, #009dc7)\n                );\n            }\n          }\n        ']);return _templateObject_c4d1de601f2611eda0c389891c227ec8=function _templateObject_c4d1de601f2611eda0c389891c227ec8(){return t},t}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,o=new Array(t.length);e<t.length;e++)o[e]=t[e];return o}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _defineProperties(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function _createClass(t,e,o){return e&&_defineProperties(t.prototype,e),o&&_defineProperties(t,o),t}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,o){var n=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(n){var a=Object.getOwnPropertyDescriptor(n,e);return a.get?a.get.call(o):a.value}},_get(t,e,o||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}exports.HaxLayoutBehaviors=function HaxLayoutBehaviors(n){return function(o){function _class(){var t;return function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,_class),(t=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).ready=!1,t.haxLayoutContainer=!0,t}return function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}(_class,o),_createClass(_class,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)||[]),[(0,t.css)(_templateObject_c4d1de601f2611eda0c389891c227ec8())])}}]),_createClass(_class,[{key:"firstUpdated",value:function firstUpdated(t){var e=this;_get(_getPrototypeOf(_class.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,t),setTimeout((function(){e.ready=!0}),100)}},{key:"updated",value:function updated(t){var e=this;_get(_getPrototypeOf(_class.prototype),"updated",this)&&_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,t),t.forEach((function(t,o){if("dataHaxRay"===o&&e.shadowRoot)if(e[o]){e.addEventListener("drop",e._dropEvent.bind(e));var n=_toConsumableArray(e.shadowRoot.querySelectorAll("drag-enabled")),a=_toConsumableArray(e.shadowRoot.querySelectorAll("slot"));n.forEach((function(t){t.addEventListener("dragenter",e._dragEnter.bind(e)),t.addEventListener("dragleave",e._dragLeave.bind(e))})),a.forEach((function(t){return t.addEventListener("slotchange",e._slotMonitor.bind(e))})),e.observer=new MutationObserver((function(t){e.__sorting||(t.forEach((function(t){t.addedNodes.forEach((function(t){t.tagName&&t!==e&&t.parentElement&&"HAX-BODY"!==t.parentElement.tagName&&!e.validateElementSlot(t)&&e.validElementSlots().length>0&&t.setAttribute("slot",e.validElementSlots()[0])}))})),e.__sortChildren())})),e.observer.observe(e,{childList:!0})}else{e.observer&&e.observer.disconnect(),e.removeEventListener("drop",e._dropEvent.bind(e));var r=_toConsumableArray(e.shadowRoot.querySelectorAll("drag-enabled")),l=_toConsumableArray(e.shadowRoot.querySelectorAll("slot"));r.forEach((function(t){t.removeEventListener("dragenter",e._dragEnter.bind(e)),t.removeEventListener("dragleave",e._dragLeave.bind(e))})),l.forEach((function(t){return t.removeEventListener("slotchange",e._slotMonitor.bind(e))}))}switch(["responsiveSize","layout","layouts","disableResponsive"].includes(o)&&(clearTimeout(e.__calcWidthLock),e.__calcWidthLock=setTimeout((function(){e.__columnWidths=e._getColumnWidths(e.responsiveSize,e.layout,e.layouts,e.disableResponsive)}),0)),o){case"__columnWidths":e.resize();break;case"disableResponsive":e.dispatchEvent(new CustomEvent("disable-responsive-changed",{detail:e[o]}))}})),this.haxLayoutContainer=!0}},{key:"_dragEnter",value:function _dragEnter(t){console.log(t.target),t.target.classList.add("hax-hovered")}},{key:"_dragLeave",value:function _dragLeave(t){t.target.classList.remove("hax-hovered")}},{key:"_dropEvent",value:function _dropEvent(t){this.querySelectorAll(".hax-hovered").forEach((function(t){t.classList.remove("hax-hovered")})),this.shadowRoot.querySelectorAll(".hax-hovered").forEach((function(t){t.classList.remove("hax-hovered")}))}},{key:"_getSlotOrder",value:function _getSlotOrder(t){var e=t.getAttribute("slot"),o=this.shadowRoot.querySelector("[slot=".concat(e,"]"));return parseInt(o.getAttribute("data-layout-order")||-1)}},{key:"_slotMonitor",value:function _slotMonitor(t){var o=(0,e.normalizeEventPath)(t);o[0]&&o[0].assignedNodes&&o[0].assignedNodes().length?o[0].parentNode.classList.add("has-nodes"):o[0].parentNode.classList.remove("has-nodes")}},{key:"canMoveSlot",value:function canMoveSlot(t,e){var o=e?-1:1,n=this.this._getSlotOrder(t),a=_toConsumableArray(this.shadowRoot.querySelectorAll("[data-layout-order]")).map((function(t){return parseInt(t.getAttribute("data-layout-order")||-1)})).sort((function(t,e){return t-e})),r=n[1]+o;return r>=a[0]&&r<=a[a.length-1]}},{key:"moveSlot",value:function moveSlot(t,e){var o=e?-1:1,n=this.this._getSlotOrder(t)[1]+o,a=this.shadowRoot.querySelector("[data-layout-order=".concat(n,"]")).getAttribute("data-layout-slotname");t.setAttribute("slot",a)}},{key:"validateElementSlot",value:function validateElementSlot(t){return this.validElementSlots().includes(t.getAttribute("slot"))}},{key:"validElementSlots",value:function validElementSlots(){return this.shadowRoot?_toConsumableArray(this.shadowRoot.querySelectorAll("[data-layout-order]")).map((function(t){return t.getAttribute("data-layout-slotname")})):[]}},{key:"__sortChildren",value:function __sortChildren(){var t,e=this;return regeneratorRuntime.async((function __sortChildren$(o){for(;;)switch(o.prev=o.next){case 0:return this.__sorting=!0,o.prev=1,t=(t=Array.prototype.reduce.call(this.querySelectorAll("[slot]"),(function(t,e){return t}),[])).sort((function(t,e){return this._getSlotOrder(t)<this._getSlotOrder(e)?-1:1})),o.next=6,regeneratorRuntime.awrap(t.forEach((function(t){t.parentNode===e&&e.appendChild(t)})));case 6:o.next=11;break;case 8:o.prev=8,o.t0=o.catch(1),console.warn(o.t0);case 11:this.__sorting=!1;case 12:case"end":return o.stop()}}),null,this,[[1,8]])}}],[{key:"properties",get:function get(){return _objectSpread({},_get(_getPrototypeOf(_class),"properties",this)||{},{ready:{type:Boolean,reflect:!0},dataHaxRay:{type:String,reflect:!0,attribute:"data-hax-ray"},haxLayoutContainer:{type:Boolean,reflect:!0,attribute:"hax-layout-container"}})}},{key:"haxProperties",get:function get(){return _objectSpread({},_get(_getPrototypeOf(_class),"haxProperties",this)||{},{type:"grid",contentEditable:!0})}}]),_class}((0,o.SchemaBehaviors)(n))};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-browser.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-browser.dev.js
index 1a5e388b3a4..c51045440b7 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-browser.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-browser.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxAppBrowser=void 0;var e=require("lit");require("./hax-tray-button.js");var t=require("./hax-store.js"),r=require("mobx");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_ee931eb01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n            <hax-tray-button\n              class="','"\n              show-text-label\n              icon-position="top"\n              index="','"\n              label="','"\n              icon="','"\n              color="','"\n              event-name="search-selected"\n              event-data="','"\n            >\n            </hax-tray-button>\n          ']);return _templateObject3_ee931eb01f0511ed8cc3e9a95995ad69=function _templateObject3_ee931eb01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_ee931eb01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <simple-button-grid\n        class="','"\n        always-expanded\n        columns="3"\n      >\n        ','\n      </simple-button-grid>\n      <hax-app-search\n        id="haxappsearch"\n        class="','"\n      ></hax-app-search>\n      <slot></slot>\n    ']);return _templateObject2_ee931eb01f0511ed8cc3e9a95995ad69=function _templateObject2_ee931eb01f0511ed8cc3e9a95995ad69(){return e},e}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var a=n?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(r,o,a):r[o]=e[o]}return r.default=e,t&&t.set(e,r),r}function _templateObject_ee931eb01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          overflow-y: auto;\n          position: relative;\n        }\n        simple-button-grid {\n          overflow: auto;\n        }\n        simple-button-grid.collapse-hide {\n          max-height: 0 !important;\n          transition: all 0.5s;\n        }\n        .visibility-hidden {\n          z-index: -1;\n          visibility: hidden;\n          opacity: 0;\n          height: 0;\n          transition: all 0.5s;\n        }\n      "]);return _templateObject_ee931eb01f0511ed8cc3e9a95995ad69=function _templateObject_ee931eb01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var n=function(n){function HaxAppBrowser(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxAppBrowser),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxAppBrowser).call(this))).addEventListener("hax-tray-button-click",(function(n){"search-selected"===n.detail.eventName?(e.searching=!0,t.HAXStore.activeApp=(0,r.toJS)(e.appList[n.detail.index])):"cancel-search"===n.detail.eventName&&(e.searching=!1)})),e.searching=!1,e.appList=[],e.activeApp=null,e.hasActive=!1,Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/hax-body/lib/hax-app-search.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js"))})),(0,r.autorun)((function(){e.appList=(0,r.toJS)(t.HAXStore.appList)})),(0,r.autorun)((function(){e.activeApp=(0,r.toJS)(t.HAXStore.activeApp)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxAppBrowser,e.LitElement),_createClass(HaxAppBrowser,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_ee931eb01f0511ed8cc3e9a95995ad69())]}}]),_createClass(HaxAppBrowser,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject2_ee931eb01f0511ed8cc3e9a95995ad69(),this.searching?"collapse-hide":"",this.appList.map((function(r){return(0,e.html)(_templateObject3_ee931eb01f0511ed8cc3e9a95995ad69(),t.searching?"visibility-hidden":"",r.index,r.details.title,r.details.icon,r.details.color,r.index)})),this.searching?"":"visibility-hidden")}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,r){"activeApp"==r&&t[r]&&t._activeAppChanged(t[r],e),"appList"==r&&t[r]&&t.shadowRoot&&(t.searching=!1)}))}},{key:"_activeAppChanged",value:function _activeAppChanged(e,t){"undefined"!==_typeof(t)&&null!=e?this.hasActive=!0:this.hasActive=!1}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(HaxAppBrowser.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxAppBrowser.prototype),"firstUpdated",this).call(this,e),this.searching=!1}}],[{key:"tag",get:function get(){return"hax-app-browser"}},{key:"properties",get:function get(){return{search:{type:String},searching:{type:Boolean,reflect:!0},activeApp:{type:Object},hasActive:{reflect:!0,type:Boolean,attribute:"has-active"},appList:{type:Array}}}}]),HaxAppBrowser}();exports.HaxAppBrowser=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxAppBrowser=void 0;var e=require("lit");require("./hax-tray-button.js");var t=require("./hax-store.js"),r=require("mobx");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_c4d3b3201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n            <hax-tray-button\n              class="','"\n              show-text-label\n              icon-position="top"\n              index="','"\n              label="','"\n              icon="','"\n              color="','"\n              event-name="search-selected"\n              event-data="','"\n            >\n            </hax-tray-button>\n          ']);return _templateObject3_c4d3b3201f2611eda0c389891c227ec8=function _templateObject3_c4d3b3201f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4d3b3201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <simple-button-grid\n        class="','"\n        always-expanded\n        columns="3"\n      >\n        ','\n      </simple-button-grid>\n      <hax-app-search\n        id="haxappsearch"\n        class="','"\n      ></hax-app-search>\n      <slot></slot>\n    ']);return _templateObject2_c4d3b3201f2611eda0c389891c227ec8=function _templateObject2_c4d3b3201f2611eda0c389891c227ec8(){return e},e}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var i=n?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,t&&t.set(e,r),r}function _templateObject_c4d3b3201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          overflow-y: auto;\n          position: relative;\n        }\n        simple-button-grid {\n          overflow: auto;\n        }\n        simple-button-grid.collapse-hide {\n          max-height: 0 !important;\n          transition: all 0.5s;\n        }\n        .visibility-hidden {\n          z-index: -1;\n          visibility: hidden;\n          opacity: 0;\n          height: 0;\n          transition: all 0.5s;\n        }\n      "]);return _templateObject_c4d3b3201f2611eda0c389891c227ec8=function _templateObject_c4d3b3201f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var n=function(n){function HaxAppBrowser(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxAppBrowser),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxAppBrowser).call(this))).addEventListener("hax-tray-button-click",(function(n){"search-selected"===n.detail.eventName?(e.searching=!0,t.HAXStore.activeApp=(0,r.toJS)(e.appList[n.detail.index])):"cancel-search"===n.detail.eventName&&(e.searching=!1)})),e.searching=!1,e.appList=[],e.activeApp=null,e.hasActive=!1,Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/hax-body/lib/hax-app-search.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js"))})),(0,r.autorun)((function(){e.appList=(0,r.toJS)(t.HAXStore.appList)})),(0,r.autorun)((function(){e.activeApp=(0,r.toJS)(t.HAXStore.activeApp)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxAppBrowser,e.LitElement),_createClass(HaxAppBrowser,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_c4d3b3201f2611eda0c389891c227ec8())]}}]),_createClass(HaxAppBrowser,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject2_c4d3b3201f2611eda0c389891c227ec8(),this.searching?"collapse-hide":"",this.appList.map((function(r){return(0,e.html)(_templateObject3_c4d3b3201f2611eda0c389891c227ec8(),t.searching?"visibility-hidden":"",r.index,r.details.title,r.details.icon,r.details.color,r.index)})),this.searching?"":"visibility-hidden")}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,r){"activeApp"==r&&t[r]&&t._activeAppChanged(t[r],e),"appList"==r&&t[r]&&t.shadowRoot&&(t.searching=!1)}))}},{key:"_activeAppChanged",value:function _activeAppChanged(e,t){"undefined"!==_typeof(t)&&null!=e?this.hasActive=!0:this.hasActive=!1}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(HaxAppBrowser.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxAppBrowser.prototype),"firstUpdated",this).call(this,e),this.searching=!1}}],[{key:"tag",get:function get(){return"hax-app-browser"}},{key:"properties",get:function get(){return{search:{type:String},searching:{type:Boolean,reflect:!0},activeApp:{type:Object},hasActive:{reflect:!0,type:Boolean,attribute:"has-active"},appList:{type:Array}}}}]),HaxAppBrowser}();exports.HaxAppBrowser=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-picker.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-picker.dev.js
index b97d0c5d2c7..8010ec31967 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-picker.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-picker.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxAppPicker=void 0;var e=require("lit");require("@lrnwebcomponents/simple-modal/lib/simple-modal-template.js"),require("./hax-picker.js");var t=require("./hax-ui-styles.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_ee9430201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <simple-modal-template .title="','" modal-id="hax-picker" mode="hax-ui">\n        <hax-picker slot="content"></hax-picker>\n      </simple-modal-template>\n    ']);return _templateObject2_ee9430201f0511ed8cc3e9a95995ad69=function _templateObject2_ee9430201f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_ee9430201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "]);return _templateObject_ee9430201f0511ed8cc3e9a95995ad69=function _templateObject_ee9430201f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function HaxAppPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxAppPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxAppPicker).call(this))).title="Select an option",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxAppPicker,e.LitElement),_createClass(HaxAppPicker,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.HaxComponentStyles),[(0,e.css)(_templateObject_ee9430201f0511ed8cc3e9a95995ad69())])}}]),_createClass(HaxAppPicker,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(HaxAppPicker.prototype),"connectedCallback",this).call(this),window.addEventListener("simple-modal-show",this.modalToggle.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("simple-modal-show",this.modalToggle.bind(this)),_get(_getPrototypeOf(HaxAppPicker.prototype),"disconnectedCallback",this).call(this)}},{key:"modalToggle",value:function modalToggle(e){"hax-picker"==e.detail.id&&e.detail.elements.content.children[0].buildOptions(this.elements,this.type,this.title,this.pickerType,this.target)}},{key:"presentOptions",value:function presentOptions(e){var t=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"element",o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Select an option",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"gizmo",i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:window;this.elements=e,this.type=r,this.title=o,this.pickerType=n,this.target=i,setTimeout((function(){t.shadowRoot.querySelector('[modal-id="hax-picker"]').openModal(i)}),0)}},{key:"render",value:function render(){return(0,e.html)(_templateObject2_ee9430201f0511ed8cc3e9a95995ad69(),this.title)}},{key:"firstUpdated",value:function firstUpdated(){this.dispatchEvent(new CustomEvent("hax-register-core-piece",{bubbles:!0,cancelable:!0,composed:!0,detail:{piece:"haxAppPicker",object:this}}))}}],[{key:"properties",get:function get(){return{title:{type:String}}}},{key:"tag",get:function get(){return"hax-app-picker"}}]),HaxAppPicker}();exports.HaxAppPicker=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxAppPicker=void 0;var e=require("lit");require("@lrnwebcomponents/simple-modal/lib/simple-modal-template.js"),require("./hax-picker.js");var t=require("./hax-ui-styles.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c4d4c4901f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <simple-modal-template .title="','" modal-id="hax-picker" mode="hax-ui">\n        <hax-picker slot="content"></hax-picker>\n      </simple-modal-template>\n    ']);return _templateObject2_c4d4c4901f2611eda0c389891c227ec8=function _templateObject2_c4d4c4901f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4d4c4901f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "]);return _templateObject_c4d4c4901f2611eda0c389891c227ec8=function _templateObject_c4d4c4901f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function HaxAppPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxAppPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxAppPicker).call(this))).title="Select an option",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxAppPicker,e.LitElement),_createClass(HaxAppPicker,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.HaxComponentStyles),[(0,e.css)(_templateObject_c4d4c4901f2611eda0c389891c227ec8())])}}]),_createClass(HaxAppPicker,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(HaxAppPicker.prototype),"connectedCallback",this).call(this),window.addEventListener("simple-modal-show",this.modalToggle.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("simple-modal-show",this.modalToggle.bind(this)),_get(_getPrototypeOf(HaxAppPicker.prototype),"disconnectedCallback",this).call(this)}},{key:"modalToggle",value:function modalToggle(e){"hax-picker"==e.detail.id&&e.detail.elements.content.children[0].buildOptions(this.elements,this.type,this.title,this.pickerType,this.target)}},{key:"presentOptions",value:function presentOptions(e){var t=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"element",o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Select an option",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"gizmo",i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:window;this.elements=e,this.type=r,this.title=o,this.pickerType=n,this.target=i,setTimeout((function(){t.shadowRoot.querySelector('[modal-id="hax-picker"]').openModal(i)}),0)}},{key:"render",value:function render(){return(0,e.html)(_templateObject2_c4d4c4901f2611eda0c389891c227ec8(),this.title)}},{key:"firstUpdated",value:function firstUpdated(){this.dispatchEvent(new CustomEvent("hax-register-core-piece",{bubbles:!0,cancelable:!0,composed:!0,detail:{piece:"haxAppPicker",object:this}}))}}],[{key:"properties",get:function get(){return{title:{type:String}}}},{key:"tag",get:function get(){return"hax-app-picker"}}]),HaxAppPicker}();exports.HaxAppPicker=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-inputs.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-inputs.dev.js
index 16ffd4965ae..f37ba6571c7 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-inputs.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-inputs.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxAppSearchInputs=void 0;var e=require("lit");require("@lrnwebcomponents/simple-fields/simple-fields.js");var t=require("@lrnwebcomponents/hax-body-behaviors/lib/HAXFields.js"),n=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_ee94f3701f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <h5 class="search-label">\n        ','\n        <hax-tray-button\n          id="cancel"\n          class="','"\n          icon="close"\n          label="Cancel Search"\n          event-name="cancel-search"\n        >\n        </hax-tray-button>\n      </h5>\n      <simple-fields\n        id="form"\n        .schema="','"\n        .schematizer="','"\n        .elementizer="','"\n        @value-changed="','"\n      ></simple-fields>\n    ']);return _templateObject2_ee94f3701f0511ed8cc3e9a95995ad69=function _templateObject2_ee94f3701f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_ee94f3701f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .search-label {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 100%;\n        }\n        #cancel {\n          flex: 0 0 auto;\n        }\n      "]);return _templateObject_ee94f3701f0511ed8cc3e9a95995ad69=function _templateObject_ee94f3701f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function HaxAppSearchInputs(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxAppSearchInputs),_possibleConstructorReturn(this,_getPrototypeOf(HaxAppSearchInputs).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxAppSearchInputs,e.LitElement),_createClass(HaxAppSearchInputs,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(n.HaxTrayDetailHeadings),[(0,e.css)(_templateObject_ee94f3701f0511ed8cc3e9a95995ad69())])}}]),_createClass(HaxAppSearchInputs,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_ee94f3701f0511ed8cc3e9a95995ad69(),this.label,this.searching?"":"visibility-hidden",this.schema,t.HaxSchematizer,t.HaxElementizer,this.searchValuesChanged)}},{key:"searchValuesChanged",value:function searchValuesChanged(e){"string"!=typeof e.detail.value&&this.dispatchEvent(new CustomEvent("search-values-changed",{detail:e.detail.value}))}}],[{key:"tag",get:function get(){return"hax-app-search-inputs"}},{key:"properties",get:function get(){return{schema:{type:Object}}}}]),HaxAppSearchInputs}();exports.HaxAppSearchInputs=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxAppSearchInputs=void 0;var e=require("lit");require("@lrnwebcomponents/simple-fields/simple-fields.js");var t=require("@lrnwebcomponents/hax-body-behaviors/lib/HAXFields.js"),n=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c4d560d01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <h5 class="search-label">\n        ','\n        <hax-tray-button\n          id="cancel"\n          class="','"\n          icon="close"\n          label="Cancel Search"\n          event-name="cancel-search"\n        >\n        </hax-tray-button>\n      </h5>\n      <simple-fields\n        id="form"\n        .schema="','"\n        .schematizer="','"\n        .elementizer="','"\n        @value-changed="','"\n      ></simple-fields>\n    ']);return _templateObject2_c4d560d01f2611eda0c389891c227ec8=function _templateObject2_c4d560d01f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4d560d01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .search-label {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 100%;\n        }\n        #cancel {\n          flex: 0 0 auto;\n        }\n      "]);return _templateObject_c4d560d01f2611eda0c389891c227ec8=function _templateObject_c4d560d01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function HaxAppSearchInputs(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxAppSearchInputs),_possibleConstructorReturn(this,_getPrototypeOf(HaxAppSearchInputs).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxAppSearchInputs,e.LitElement),_createClass(HaxAppSearchInputs,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(n.HaxTrayDetailHeadings),[(0,e.css)(_templateObject_c4d560d01f2611eda0c389891c227ec8())])}}]),_createClass(HaxAppSearchInputs,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_c4d560d01f2611eda0c389891c227ec8(),this.label,this.searching?"":"visibility-hidden",this.schema,t.HaxSchematizer,t.HaxElementizer,this.searchValuesChanged)}},{key:"searchValuesChanged",value:function searchValuesChanged(e){"string"!=typeof e.detail.value&&this.dispatchEvent(new CustomEvent("search-values-changed",{detail:e.detail.value}))}}],[{key:"tag",get:function get(){return"hax-app-search-inputs"}},{key:"properties",get:function get(){return{schema:{type:Object}}}}]),HaxAppSearchInputs}();exports.HaxAppSearchInputs=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-result.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-result.dev.js
index 931d96851b0..0dc924bec46 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-result.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search-result.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxAppSearchResult=void 0;var e=require("lit"),t=require("./hax-store.js");function _templateObject2_ee9987501f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: space-evenly;\n          height: 100%;\n        }\n        button {\n          font-size: var(--hax-ui-font-size-xs);\n          margin: 0;\n          padding: 0;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          border-radius: 0;\n          border: none;\n          width: 100%;\n          outline: 1px solid var(--hax-toolbar-border-color);\n          opacity: 0.8;\n          background-color: var(--hax-toolbar-button-bg);\n          transition: 0.2s opacity ease-in-out, 0.2s outline-color ease-in-out;\n          flex: 1 0 auto;\n        }\n        button:hover,\n        button:focus,\n        button:active {\n          outline-color: var(--hax-tray-accent-color);\n          outline-width: 4px;\n          outline-style: solid;\n          opacity: 1;\n        }\n        .detail-wrapper {\n          flex: 1 0 auto;\n          max-height: 30px;\n          overflow: hidden;\n          text-align: center;\n          text-overflow: ellipsis;\n        }\n        .image {\n          flex: 0 0 auto;\n          width: 100%;\n          background-color: var(--hax-toolbar-border-color);\n        }\n        @media screen and (max-width: 1000px) {\n          :host {\n            width: 100%;\n          }\n          .title {\n            font-size: 12px;\n          }\n        }\n      "]);return _templateObject2_ee9987501f0511ed8cc3e9a95995ad69=function _templateObject2_ee9987501f0511ed8cc3e9a95995ad69(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject_ee9987501f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <button\n        draggable="true"\n        @click="','"\n        @dragstart="','"\n        @dragend="','"\n        title="','"\n      >\n        <img loading="lazy" class="image" src="','" />\n        <div class="detail-wrapper">',"</div>\n      </button>\n    "]);return _templateObject_ee9987501f0511ed8cc3e9a95995ad69=function _templateObject_ee9987501f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var n=function(n){function HaxAppSearchResult(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxAppSearchResult),_possibleConstructorReturn(this,_getPrototypeOf(HaxAppSearchResult).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxAppSearchResult,e.LitElement),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(HaxAppSearchResult,[{key:"render",value:function render(){return(0,e.html)(_templateObject_ee9987501f0511ed8cc3e9a95995ad69(),this._itemSelected,this._dragStart,this._dragEnd,this.details,this.image,this.title.substr(0,40))}},{key:"_dragStart",value:function _dragStart(e){var n=this.cloneNode(!0);t.HAXStore.__dragTarget=n,e.dataTransfer&&(this.crt=n,this.crt.style.position="absolute",this.crt.style.top="-1000px",this.crt.style.right="-1000px",this.crt.style.transform="scale(0.25)",this.crt.style.opacity=".8",e.dataTransfer.effectAllowed="move",e.dataTransfer.dropEffect="move",document.body.appendChild(this.crt),e.dataTransfer.setDragImage(this.crt,0,0)),e.stopPropagation(),e.stopImmediatePropagation()}},{key:"_dragEnd",value:function _dragEnd(e){var t=this;this.crt.remove(),setTimeout((function(){t._itemSelected(e)}),0)}},{key:"_itemSelected",value:function _itemSelected(e){var n=this.map,r=this.type;r&&null!=r&&""!=r&&"undefined"!=r||!n.source||(r=t.HAXStore.guessGizmoType(n));var o=t.HAXStore.guessGizmo(r,n,!1,!0);o.length>0?1===o.length?"undefined"!==_typeof(o[0].tag)&&(o[0].nextToActive=!0,this.dispatchEvent(new CustomEvent("hax-insert-content",{bubbles:!0,cancelable:!0,composed:!0,detail:o[0]}))):t.HAXStore.haxAppPicker.presentOptions(o,r,"How would you like to display this "+r+"?","gizmo"):t.HAXStore.toast("Sorry, HAX can't handle that link yet.")}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_ee9987501f0511ed8cc3e9a95995ad69())]}},{key:"tag",get:function get(){return"hax-app-search-result"}},{key:"properties",get:function get(){return{image:{type:String},title:{type:String},details:{type:String},map:{type:Object},type:{type:String}}}}]),HaxAppSearchResult}();exports.HaxAppSearchResult=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxAppSearchResult=void 0;var e=require("lit"),t=require("./hax-store.js");function _templateObject2_c4d64b301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: space-evenly;\n          height: 100%;\n        }\n        button {\n          font-size: var(--hax-ui-font-size-xs);\n          margin: 0;\n          padding: 0;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          border-radius: 0;\n          border: none;\n          width: 100%;\n          outline: 1px solid var(--hax-toolbar-border-color);\n          opacity: 0.8;\n          background-color: var(--hax-toolbar-button-bg);\n          transition: 0.2s opacity ease-in-out, 0.2s outline-color ease-in-out;\n          flex: 1 0 auto;\n        }\n        button:hover,\n        button:focus,\n        button:active {\n          outline-color: var(--hax-tray-accent-color);\n          outline-width: 4px;\n          outline-style: solid;\n          opacity: 1;\n        }\n        .detail-wrapper {\n          flex: 1 0 auto;\n          max-height: 30px;\n          overflow: hidden;\n          text-align: center;\n          text-overflow: ellipsis;\n        }\n        .image {\n          flex: 0 0 auto;\n          width: 100%;\n          background-color: var(--hax-toolbar-border-color);\n        }\n        @media screen and (max-width: 1000px) {\n          :host {\n            width: 100%;\n          }\n          .title {\n            font-size: 12px;\n          }\n        }\n      "]);return _templateObject2_c4d64b301f2611eda0c389891c227ec8=function _templateObject2_c4d64b301f2611eda0c389891c227ec8(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject_c4d64b301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <button\n        draggable="true"\n        @click="','"\n        @dragstart="','"\n        @dragend="','"\n        title="','"\n      >\n        <img loading="lazy" class="image" src="','" />\n        <div class="detail-wrapper">',"</div>\n      </button>\n    "]);return _templateObject_c4d64b301f2611eda0c389891c227ec8=function _templateObject_c4d64b301f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var n=function(n){function HaxAppSearchResult(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxAppSearchResult),_possibleConstructorReturn(this,_getPrototypeOf(HaxAppSearchResult).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxAppSearchResult,e.LitElement),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(HaxAppSearchResult,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c4d64b301f2611eda0c389891c227ec8(),this._itemSelected,this._dragStart,this._dragEnd,this.details,this.image,this.title.substr(0,40))}},{key:"_dragStart",value:function _dragStart(e){var n=this.cloneNode(!0);t.HAXStore.__dragTarget=n,e.dataTransfer&&(this.crt=n,this.crt.style.position="absolute",this.crt.style.top="-1000px",this.crt.style.right="-1000px",this.crt.style.transform="scale(0.25)",this.crt.style.opacity=".8",e.dataTransfer.effectAllowed="move",e.dataTransfer.dropEffect="move",document.body.appendChild(this.crt),e.dataTransfer.setDragImage(this.crt,0,0)),e.stopPropagation(),e.stopImmediatePropagation()}},{key:"_dragEnd",value:function _dragEnd(e){var t=this;this.crt.remove(),setTimeout((function(){t._itemSelected(e)}),0)}},{key:"_itemSelected",value:function _itemSelected(e){var n=this.map,r=this.type;r&&null!=r&&""!=r&&"undefined"!=r||!n.source||(r=t.HAXStore.guessGizmoType(n));var o=t.HAXStore.guessGizmo(r,n,!1,!0);o.length>0?1===o.length?"undefined"!==_typeof(o[0].tag)&&(o[0].nextToActive=!0,this.dispatchEvent(new CustomEvent("hax-insert-content",{bubbles:!0,cancelable:!0,composed:!0,detail:o[0]}))):t.HAXStore.haxAppPicker.presentOptions(o,r,"How would you like to display this "+r+"?","gizmo"):t.HAXStore.toast("Sorry, HAX can't handle that link yet.")}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_c4d64b301f2611eda0c389891c227ec8())]}},{key:"tag",get:function get(){return"hax-app-search-result"}},{key:"properties",get:function get(){return{image:{type:String},title:{type:String},details:{type:String},map:{type:Object},type:{type:String}}}}]),HaxAppSearchResult}();exports.HaxAppSearchResult=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search.dev.js
index 6be5da3af03..ec55c2349ee 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-app-search.dev.js
@@ -1 +1 @@
-function localStorageGet(e){try{return localStorage.getItem(e)}catch(e){return!1}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxAppSearch=void 0;var e=require("lit"),t=require("./hax-store.js"),n=require("mobx");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject5_ee989cf01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n            <hax-app-search-result\n              image="','"\n              title="','"\n              details="','"\n              .map="','"\n              type="','"\n            ></hax-app-search-result>\n          ']);return _templateObject5_ee989cf01f0511ed8cc3e9a95995ad69=function _templateObject5_ee989cf01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject4_ee989cf01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n                  <li>\n                    <a\n                      href="','"\n                      target="_blank"\n                      rel="noopener nofollow noreferrer"\n                      >',"</a\n                    >\n                  </li>\n                "]);return _templateObject4_ee989cf01f0511ed8cc3e9a95995ad69=function _templateObject4_ee989cf01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_ee989cf01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n            <div class="tos-text">Terms of service:</div>\n            <ul class="tos-text">\n              ',"\n            </ul>\n          "]);return _templateObject3_ee989cf01f0511ed8cc3e9a95995ad69=function _templateObject3_ee989cf01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_ee989cf01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n      ",'\n      <hax-app-search-inputs\n        id="searchinput"\n        .label="','"\n        .schema="','"\n        @search-values-changed="','"\n      ></hax-app-search-inputs>\n      <hax-app-pagination\n        id="pagerbottom"\n        .request-data="','"\n        .pagination="','"\n      ></hax-app-pagination>\n      <hexagon-loader\n        size="medium"\n        item-count="4"\n        ?loading="','"\n        aria-roledescription="Loading"\n      ></hexagon-loader>\n      <simple-button-grid\n        class="','"\n        always-expanded\n        columns="2"\n      >\n        ',"\n      </simple-button-grid>\n    "]);return _templateObject2_ee989cf01f0511ed8cc3e9a95995ad69=function _templateObject2_ee989cf01f0511ed8cc3e9a95995ad69(){return e},e}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var a=r?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}return n.default=e,t&&t.set(e,n),n}function _templateObject_ee989cf01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        hexagon-loader {\n          display: none;\n          margin: 0 auto;\n          z-index: 1000;\n          --hexagon-color: var(--hax-tray-accent-color);\n        }\n        hexagon-loader[loading] {\n          display: block;\n          opacity: 0.8;\n        }\n        .card-content {\n          padding: 0;\n        }\n        .card-content p {\n          padding: 0;\n          margin: 0;\n        }\n        #itemlist {\n          min-height: 172px;\n          text-align: center;\n          align-items: center;\n        }\n        hax-app-search-inputs {\n          min-height: 80px;\n          padding: 0;\n        }\n        hax-app-pagination {\n          min-height: 32px;\n          font-size: var(--hax-ui-font-size-sm);\n          display: none;\n          justify-content: flex-end;\n          justify-content: center;\n        }\n        .tos-text {\n          font-size: var(--hax-ui-font-size-sm);\n        }\n        .tos-text ul {\n          padding: 0;\n          margin: 0;\n        }\n        .tos-text a {\n          font-size: var(--hax-ui-font-size-sm);\n          color: var(--hax-tray-accent-color);\n          text-decoration: underline;\n        }\n        .tos-text a:hover,\n        .tos-text a:focus,\n        .tos-text a:active {\n          outline: 2px solid var(--hax-tray-accent-color);\n        }\n      "]);return _templateObject_ee989cf01f0511ed8cc3e9a95995ad69=function _templateObject_ee989cf01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function HaxAppSearch(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxAppSearch),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxAppSearch).call(this))).auto=!1,e.headers={},e.method="GET",e.loading=!1,e.requestData={},e.media=[],e.tos=[],e.resultMap={},Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-fields/lib/simple-fields-field.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-fields/lib/simple-fields-container.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/hexagon-loader/hexagon-loader.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/hax-body/lib/hax-app-search-inputs.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/hax-body/lib/hax-app-search-result.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/hax-body/lib/hax-toolbar-item.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js"))})),(0,n.autorun)((function(){e.activeApp=(0,n.toJS)(t.HAXStore.activeApp)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxAppSearch,e.LitElement),_createClass(HaxAppSearch,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_ee989cf01f0511ed8cc3e9a95995ad69())]}}]),_createClass(HaxAppSearch,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_ee989cf01f0511ed8cc3e9a95995ad69(),this.tos.length>0?(0,e.html)(_templateObject3_ee989cf01f0511ed8cc3e9a95995ad69(),this.tos.map((function(t){return(0,e.html)(_templateObject4_ee989cf01f0511ed8cc3e9a95995ad69(),t.link,t.title)}))):"",this.label,this.searchSchema,this._searchValuesChanged,this.requestData,this.pagination,this.loading,this.searching?"collapse-hide":"",this.media.map((function(t){return(0,e.html)(_templateObject5_ee989cf01f0511ed8cc3e9a95995ad69(),t.image,t.title,t.details,t.map,t.type)})))}},{key:"loadAppData",value:function loadAppData(){var e,t=this;return regeneratorRuntime.async((function loadAppData$(n){for(;;)switch(n.prev=n.next){case 0:return this.loading=!0,e=this.requestUrl(this.requestEndPoint,this.requestParams),n.next=4,regeneratorRuntime.awrap(fetch(e,{headers:this.headers,method:this.method}).then((function(e){if(e.ok)return e.json()})).then((function(e){t._requestDataChanged(e)})));case 4:case"end":return n.stop()}}),null,this)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){["auto","method","headers","requestEndPoint","requestParams"].includes(n)&&(clearTimeout(t.__debounce),t.__debounce=setTimeout((function(){t.requestEndPoint&&t.loadAppData()}),100)),"activeApp"==n&&(t.requestParams={},t.searchSchema={},setTimeout((function(){t.searchSchema={properties:{}},t._resetAppSearch(t.activeApp)}),10))}))}},{key:"requestUrl",value:function requestUrl(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r="";if(null!=t.HAXStore.connectionRewrites.appendUploadEndPoint&&n.__HAXAPPENDUPLOADENDPOINT__&&(r=t.HAXStore.connectionRewrites.appendUploadEndPoint+"&"),null!=t.HAXStore.connectionRewrites.appendJwt&&n.__HAXJWT__&&(n[t.HAXStore.connectionRewrites.appendJwt]=localStorageGet(t.HAXStore.connectionRewrites.appendJwt)),r+=this.queryStringData(n)){var o=e.indexOf("?")>=0?"&":"?";return e+o+r}return e}},{key:"queryStringData",value:function queryStringData(e){var t,n,r=[];for(t in e)if(n=e[t],"__HAXJWT__"==t||"__HAXAPPENDUPLOADENDPOINT__"==t);else if(Array.isArray(n))for(var o=0;o<n.length;o++)r.push(t+"="+window.encodeURIComponent(n[o]));else null!==n?r.push(t+"="+window.encodeURIComponent(n)):r.push(t);return r.join("&")}},{key:"_searchValuesChanged",value:function _searchValuesChanged(e){var t=this.requestParams;for(var n in e.detail)""!=e.detail[n]&&(t[n]=e.detail[n]);this.requestParams=_objectSpread({},this.requestParams)}},{key:"_resetAppSearch",value:function _resetAppSearch(e){if(e&&e.details){var t=e,n={};this.label=t.details.title,t.details.tos&&t.details.tos.length>0?this.tos=_toConsumableArray(t.details.tos):this.tos=[],this.label=t.details.title,this.auto=!1,this.media=[],"undefined"!==_typeof(t.connection.data)&&(n=t.connection.data),"undefined"!==_typeof(t.connection.operations.browse.data)&&(n=Object.assign(n,t.connection.operations.browse.data)),this.method=t.connection.operations.browse.method,this.headers={},"undefined"!==_typeof(t.connection.headers)&&(this.headers=t.connection.headers),this.requestParams=_objectSpread({},n);var r=t.connection.protocol+"://"+t.connection.url;"/"!=r.substr(r.length-1)&&(r+="/"),"undefined"!==_typeof(t.connection.operations.browse.endPoint)&&(r+=t.connection.operations.browse.endPoint),this.requestEndPoint=r;var o={properties:{}};"undefined"!==_typeof(t.connection.operations.browse.search)&&(o.properties=t.connection.operations.browse.search,this.searchSchema=_objectSpread({},o)),this.resultMap=t.connection.operations.browse.resultMap,this.pagination={},"undefined"!==_typeof(t.connection.operations.browse.pagination)&&(this.pagination=t.connection.operations.browse.pagination),"undefined"!==_typeof(t.connection.auto)?this.auto=t.connection.auto:this.auto=!0}}},{key:"_requestDataChanged",value:function _requestDataChanged(e){if(this.resultMap&&_typeof(e)!={}){var n=[],r=this.resultMap,o=[];if(this.resultMap.items?"undefined"!==_typeof(this._resolveObjectPath(r.items,e))?o=this._resolveObjectPath(r.items,e):null!=e&&(o=e):o=e,null!=o){for(var a=0;a<o.length;a++){if(n[a]={title:this._resolveObjectPath(r.preview.title,o[a]),details:this._resolveObjectPath(r.preview.details,o[a]),type:r.defaultGizmoType,map:{}},"undefined"!==_typeof(n[a].details)&&null!=n[a].details&&(n[a].details=n[a].details.replace(/(<([^>]+)>)/gi,"")),r.preview.id.constructor===Object){var i=this._resolveObjectPath(r.preview.id.property,o[a]);"split"===r.preview.id.op&&(i=i.split(r.preview.id.delimiter),n[a].id=i[r.preview.id.position])}else n[a].id=this._resolveObjectPath(r.preview.id,o[a]);for(var c in"undefined"!==_typeof(r.preview.image)?n[a].image=this._resolveObjectPath(r.preview.image,o[a]):"undefined"!==_typeof(r.image)?n[a].image=r.image:n[a].image="",r.gizmo)if("_url_source"===c){var s="";s="undefined"!==_typeof(n[a].map.__id)?n[a].map.__id:this._resolveObjectPath(r.gizmo.id,o[a]),n[a].map.source=r.gizmo._url_source.replace("<%= id %>",s),n[a].map.url=n[a].map.source}else if(r.gizmo[c].constructor===Object){var p=this._resolveObjectPath(r.gizmo[c].property,o[a]);"split"===r.gizmo[c].op&&(p=p.split(r.gizmo[c].delimiter),n[a].map[c]=p[r.gizmo[c].position],"id"===c&&(n[a].map.__id=n[a].map[c]))}else n[a].map[c]=this._resolveObjectPath(r.gizmo[c],o[a]);"undefined"===_typeof(n[a].map.url)&&"undefined"!==_typeof(n[a].map.source)&&(n[a].map.url=n[a].map.source),"undefined"!==_typeof(r.gizmo.type)?n[a].type=this._resolveObjectPath(r.gizmo.type,o[a]):"undefined"!==_typeof(r.gizmo.mimetype)?n[a].type=t.HAXStore.mimeTypeToGizmoType(this._resolveObjectPath(r.gizmo.mimetype,o[a])):"*"!=t.HAXStore.guessGizmoType(r.gizmo)&&(n[a].type=t.HAXStore.guessGizmoType(r.gizmo))}this.media=[].concat(n)}}this.loading=!1}},{key:"_resolveObjectPath",value:function _resolveObjectPath(e,t){return e.split(".").reduce((function(e,t){return e?e[t]:null}),t||self)}}],[{key:"tag",get:function get(){return"hax-app-search"}},{key:"properties",get:function get(){return{activeApp:{type:Object},tos:{type:Array},auto:{type:Boolean},searchSchema:{type:Object},headers:{type:Object},method:{type:String},loading:{type:Boolean},requestData:{type:Object},media:{type:Array},requestEndPoint:{type:String},requestParams:{type:Object},resultMap:{type:Object}}}}]),HaxAppSearch}();exports.HaxAppSearch=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+function localStorageGet(e){try{return localStorage.getItem(e)}catch(e){return!1}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxAppSearch=void 0;var e=require("lit"),t=require("./hax-store.js"),n=require("mobx");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject5_c4d9f4b01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n            <hax-app-search-result\n              image="','"\n              title="','"\n              details="','"\n              .map="','"\n              type="','"\n            ></hax-app-search-result>\n          ']);return _templateObject5_c4d9f4b01f2611eda0c389891c227ec8=function _templateObject5_c4d9f4b01f2611eda0c389891c227ec8(){return e},e}function _templateObject4_c4d9f4b01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n                  <li>\n                    <a\n                      href="','"\n                      target="_blank"\n                      rel="noopener nofollow noreferrer"\n                      >',"</a\n                    >\n                  </li>\n                "]);return _templateObject4_c4d9f4b01f2611eda0c389891c227ec8=function _templateObject4_c4d9f4b01f2611eda0c389891c227ec8(){return e},e}function _templateObject3_c4d9f4b01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n            <div class="tos-text">Terms of service:</div>\n            <ul class="tos-text">\n              ',"\n            </ul>\n          "]);return _templateObject3_c4d9f4b01f2611eda0c389891c227ec8=function _templateObject3_c4d9f4b01f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4d9f4b01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n      ",'\n      <hax-app-search-inputs\n        id="searchinput"\n        .label="','"\n        .schema="','"\n        @search-values-changed="','"\n      ></hax-app-search-inputs>\n      <hax-app-pagination\n        id="pagerbottom"\n        .request-data="','"\n        .pagination="','"\n      ></hax-app-pagination>\n      <hexagon-loader\n        size="medium"\n        item-count="4"\n        ?loading="','"\n        aria-roledescription="Loading"\n      ></hexagon-loader>\n      <simple-button-grid\n        class="','"\n        always-expanded\n        columns="2"\n      >\n        ',"\n      </simple-button-grid>\n    "]);return _templateObject2_c4d9f4b01f2611eda0c389891c227ec8=function _templateObject2_c4d9f4b01f2611eda0c389891c227ec8(){return e},e}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var i=r?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,t&&t.set(e,n),n}function _templateObject_c4d9f4b01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        hexagon-loader {\n          display: none;\n          margin: 0 auto;\n          z-index: 1000;\n          --hexagon-color: var(--hax-tray-accent-color);\n        }\n        hexagon-loader[loading] {\n          display: block;\n          opacity: 0.8;\n        }\n        .card-content {\n          padding: 0;\n        }\n        .card-content p {\n          padding: 0;\n          margin: 0;\n        }\n        #itemlist {\n          min-height: 172px;\n          text-align: center;\n          align-items: center;\n        }\n        hax-app-search-inputs {\n          min-height: 80px;\n          padding: 0;\n        }\n        hax-app-pagination {\n          min-height: 32px;\n          font-size: var(--hax-ui-font-size-sm);\n          display: none;\n          justify-content: flex-end;\n          justify-content: center;\n        }\n        .tos-text {\n          font-size: var(--hax-ui-font-size-sm);\n        }\n        .tos-text ul {\n          padding: 0;\n          margin: 0;\n        }\n        .tos-text a {\n          font-size: var(--hax-ui-font-size-sm);\n          color: var(--hax-tray-accent-color);\n          text-decoration: underline;\n        }\n        .tos-text a:hover,\n        .tos-text a:focus,\n        .tos-text a:active {\n          outline: 2px solid var(--hax-tray-accent-color);\n        }\n      "]);return _templateObject_c4d9f4b01f2611eda0c389891c227ec8=function _templateObject_c4d9f4b01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function HaxAppSearch(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxAppSearch),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxAppSearch).call(this))).auto=!1,e.headers={},e.method="GET",e.loading=!1,e.requestData={},e.media=[],e.tos=[],e.resultMap={},Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-fields/lib/simple-fields-field.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-fields/lib/simple-fields-container.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/hexagon-loader/hexagon-loader.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/hax-body/lib/hax-app-search-inputs.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/hax-body/lib/hax-app-search-result.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/hax-body/lib/hax-toolbar-item.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js"))})),(0,n.autorun)((function(){e.activeApp=(0,n.toJS)(t.HAXStore.activeApp)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxAppSearch,e.LitElement),_createClass(HaxAppSearch,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_c4d9f4b01f2611eda0c389891c227ec8())]}}]),_createClass(HaxAppSearch,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_c4d9f4b01f2611eda0c389891c227ec8(),this.tos.length>0?(0,e.html)(_templateObject3_c4d9f4b01f2611eda0c389891c227ec8(),this.tos.map((function(t){return(0,e.html)(_templateObject4_c4d9f4b01f2611eda0c389891c227ec8(),t.link,t.title)}))):"",this.label,this.searchSchema,this._searchValuesChanged,this.requestData,this.pagination,this.loading,this.searching?"collapse-hide":"",this.media.map((function(t){return(0,e.html)(_templateObject5_c4d9f4b01f2611eda0c389891c227ec8(),t.image,t.title,t.details,t.map,t.type)})))}},{key:"loadAppData",value:function loadAppData(){var e,t=this;return regeneratorRuntime.async((function loadAppData$(n){for(;;)switch(n.prev=n.next){case 0:return this.loading=!0,e=this.requestUrl(this.requestEndPoint,this.requestParams),n.next=4,regeneratorRuntime.awrap(fetch(e,{headers:this.headers,method:this.method}).then((function(e){if(e.ok)return e.json()})).then((function(e){t._requestDataChanged(e)})));case 4:case"end":return n.stop()}}),null,this)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){["auto","method","headers","requestEndPoint","requestParams"].includes(n)&&(clearTimeout(t.__debounce),t.__debounce=setTimeout((function(){t.requestEndPoint&&t.loadAppData()}),100)),"activeApp"==n&&(t.requestParams={},t.searchSchema={},setTimeout((function(){t.searchSchema={properties:{}},t._resetAppSearch(t.activeApp)}),10))}))}},{key:"requestUrl",value:function requestUrl(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r="";if(null!=t.HAXStore.connectionRewrites.appendUploadEndPoint&&n.__HAXAPPENDUPLOADENDPOINT__&&(r=t.HAXStore.connectionRewrites.appendUploadEndPoint+"&"),null!=t.HAXStore.connectionRewrites.appendJwt&&n.__HAXJWT__&&(n[t.HAXStore.connectionRewrites.appendJwt]=localStorageGet(t.HAXStore.connectionRewrites.appendJwt)),r+=this.queryStringData(n)){var o=e.indexOf("?")>=0?"&":"?";return e+o+r}return e}},{key:"queryStringData",value:function queryStringData(e){var t,n,r=[];for(t in e)if(n=e[t],"__HAXJWT__"==t||"__HAXAPPENDUPLOADENDPOINT__"==t);else if(Array.isArray(n))for(var o=0;o<n.length;o++)r.push(t+"="+window.encodeURIComponent(n[o]));else null!==n?r.push(t+"="+window.encodeURIComponent(n)):r.push(t);return r.join("&")}},{key:"_searchValuesChanged",value:function _searchValuesChanged(e){var t=this.requestParams;for(var n in e.detail)""!=e.detail[n]&&(t[n]=e.detail[n]);this.requestParams=_objectSpread({},this.requestParams)}},{key:"_resetAppSearch",value:function _resetAppSearch(e){if(e&&e.details){var t=e,n={};this.label=t.details.title,t.details.tos&&t.details.tos.length>0?this.tos=_toConsumableArray(t.details.tos):this.tos=[],this.label=t.details.title,this.auto=!1,this.media=[],"undefined"!==_typeof(t.connection.data)&&(n=t.connection.data),"undefined"!==_typeof(t.connection.operations.browse.data)&&(n=Object.assign(n,t.connection.operations.browse.data)),this.method=t.connection.operations.browse.method,this.headers={},"undefined"!==_typeof(t.connection.headers)&&(this.headers=t.connection.headers),this.requestParams=_objectSpread({},n);var r=t.connection.protocol+"://"+t.connection.url;"/"!=r.substr(r.length-1)&&(r+="/"),"undefined"!==_typeof(t.connection.operations.browse.endPoint)&&(r+=t.connection.operations.browse.endPoint),this.requestEndPoint=r;var o={properties:{}};"undefined"!==_typeof(t.connection.operations.browse.search)&&(o.properties=t.connection.operations.browse.search,this.searchSchema=_objectSpread({},o)),this.resultMap=t.connection.operations.browse.resultMap,this.pagination={},"undefined"!==_typeof(t.connection.operations.browse.pagination)&&(this.pagination=t.connection.operations.browse.pagination),"undefined"!==_typeof(t.connection.auto)?this.auto=t.connection.auto:this.auto=!0}}},{key:"_requestDataChanged",value:function _requestDataChanged(e){if(this.resultMap&&_typeof(e)!={}){var n=[],r=this.resultMap,o=[];if(this.resultMap.items?"undefined"!==_typeof(this._resolveObjectPath(r.items,e))?o=this._resolveObjectPath(r.items,e):null!=e&&(o=e):o=e,null!=o){for(var i=0;i<o.length;i++){if(n[i]={title:this._resolveObjectPath(r.preview.title,o[i]),details:this._resolveObjectPath(r.preview.details,o[i]),type:r.defaultGizmoType,map:{}},"undefined"!==_typeof(n[i].details)&&null!=n[i].details&&(n[i].details=n[i].details.replace(/(<([^>]+)>)/gi,"")),r.preview.id.constructor===Object){var a=this._resolveObjectPath(r.preview.id.property,o[i]);"split"===r.preview.id.op&&(a=a.split(r.preview.id.delimiter),n[i].id=a[r.preview.id.position])}else n[i].id=this._resolveObjectPath(r.preview.id,o[i]);for(var c in"undefined"!==_typeof(r.preview.image)?n[i].image=this._resolveObjectPath(r.preview.image,o[i]):"undefined"!==_typeof(r.image)?n[i].image=r.image:n[i].image="",r.gizmo)if("_url_source"===c){var s="";s="undefined"!==_typeof(n[i].map.__id)?n[i].map.__id:this._resolveObjectPath(r.gizmo.id,o[i]),n[i].map.source=r.gizmo._url_source.replace("<%= id %>",s),n[i].map.url=n[i].map.source}else if(r.gizmo[c].constructor===Object){var p=this._resolveObjectPath(r.gizmo[c].property,o[i]);"split"===r.gizmo[c].op&&(p=p.split(r.gizmo[c].delimiter),n[i].map[c]=p[r.gizmo[c].position],"id"===c&&(n[i].map.__id=n[i].map[c]))}else n[i].map[c]=this._resolveObjectPath(r.gizmo[c],o[i]);"undefined"===_typeof(n[i].map.url)&&"undefined"!==_typeof(n[i].map.source)&&(n[i].map.url=n[i].map.source),"undefined"!==_typeof(r.gizmo.type)?n[i].type=this._resolveObjectPath(r.gizmo.type,o[i]):"undefined"!==_typeof(r.gizmo.mimetype)?n[i].type=t.HAXStore.mimeTypeToGizmoType(this._resolveObjectPath(r.gizmo.mimetype,o[i])):"*"!=t.HAXStore.guessGizmoType(r.gizmo)&&(n[i].type=t.HAXStore.guessGizmoType(r.gizmo))}this.media=[].concat(n)}}this.loading=!1}},{key:"_resolveObjectPath",value:function _resolveObjectPath(e,t){return e.split(".").reduce((function(e,t){return e?e[t]:null}),t||self)}}],[{key:"tag",get:function get(){return"hax-app-search"}},{key:"properties",get:function get(){return{activeApp:{type:Object},tos:{type:Array},auto:{type:Boolean},searchSchema:{type:Object},headers:{type:Object},method:{type:String},loading:{type:Boolean},requestData:{type:Object},media:{type:Array},requestEndPoint:{type:String},requestParams:{type:Object},resultMap:{type:Object}}}}]),HaxAppSearch}();exports.HaxAppSearch=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu-item.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu-item.dev.js
index 5c660eb3980..2e6c07a89b4 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu-item.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu-item.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxToolbarMenuItem=void 0;var e=require("lit");require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js");var t=require("@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_ee9a4aa01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          --simple-toolbar-button-min-width: 100% !important;\n          --simple-toolbar-button-border-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          ) !important;\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-menu-button-hover-bg,\n            #c4ecff\n          );\n          --simple-toolbar-button-border-radius: var(\n            --hax-toolbar-menu-button-border-radius,\n            0\n          );\n        }\n        :host ::slotted([danger]) {\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-border-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          );\n          z-index: 1001;\n        }\n      "]);return _templateObject2_ee9a4aa01f0511ed8cc3e9a95995ad69=function _templateObject2_ee9a4aa01f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_ee9a4aa01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);return _templateObject_ee9a4aa01f0511ed8cc3e9a95995ad69=function _templateObject_ee9a4aa01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var n=Object.getOwnPropertyDescriptor(r,t);return n.get?n.get.call(o):n.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function HaxToolbarMenuItem(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxToolbarMenuItem),_possibleConstructorReturn(this,_getPrototypeOf(HaxToolbarMenuItem).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxToolbarMenuItem,(0,t.A11yMenuButtonItemBehaviors)(e.LitElement)),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(HaxToolbarMenuItem,[{key:"render",value:function render(){return(0,e.html)(_templateObject_ee9a4aa01f0511ed8cc3e9a95995ad69())}},{key:"focus",value:function focus(){this.querySelector("[role=menuitem]")&&this.querySelector("[role=menuitem]").focus()}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenuItem),"styles",this)),[(0,e.css)(_templateObject2_ee9a4aa01f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"hax-toolbar-menu-item"}}]),HaxToolbarMenuItem}();exports.HaxToolbarMenuItem=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxToolbarMenuItem=void 0;var e=require("lit");require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js");var t=require("@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c4dadf101f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          --simple-toolbar-button-min-width: 100% !important;\n          --simple-toolbar-button-border-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          ) !important;\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-menu-button-hover-bg,\n            #c4ecff\n          );\n          --simple-toolbar-button-border-radius: var(\n            --hax-toolbar-menu-button-border-radius,\n            0\n          );\n        }\n        :host ::slotted([danger]) {\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-border-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          );\n          z-index: 1001;\n        }\n      "]);return _templateObject2_c4dadf101f2611eda0c389891c227ec8=function _templateObject2_c4dadf101f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_c4dadf101f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);return _templateObject_c4dadf101f2611eda0c389891c227ec8=function _templateObject_c4dadf101f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var n=Object.getOwnPropertyDescriptor(r,t);return n.get?n.get.call(o):n.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function HaxToolbarMenuItem(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxToolbarMenuItem),_possibleConstructorReturn(this,_getPrototypeOf(HaxToolbarMenuItem).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxToolbarMenuItem,(0,t.A11yMenuButtonItemBehaviors)(e.LitElement)),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(HaxToolbarMenuItem,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c4dadf101f2611eda0c389891c227ec8())}},{key:"focus",value:function focus(){this.querySelector("[role=menuitem]")&&this.querySelector("[role=menuitem]").focus()}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenuItem),"styles",this)),[(0,e.css)(_templateObject2_c4dadf101f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"hax-toolbar-menu-item"}}]),HaxToolbarMenuItem}();exports.HaxToolbarMenuItem=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu.dev.js
index b303b1d6bdb..c9817a81020 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-button-menu.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxButtonMenu=void 0;var e=require("lit");require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js");var t=require("@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject3_ee9c1f601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<slot name="menuitem"></slot>']);return _templateObject3_ee9c1f601f0511ed8cc3e9a95995ad69=function _templateObject3_ee9c1f601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_ee9c1f601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <button\n        id="menubutton"\n        aria-haspopup="true"\n        aria-controls="menu"\n        aria-expanded="','"\n      >\n        <simple-icon-lite\n          icon="','"\n          aria-hidden="true"\n          ?hidden=','\n        ></simple-icon-lite>\n        <span class="','"\n          >','</span\n        >\n        <simple-icon-lite\n          id="dropdownicon"\n          icon="arrow-drop-down"\n          aria-hidden="true"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip for="menubutton" ?hidden="','"\n        >',"</simple-tooltip\n      >\n    "]);return _templateObject2_ee9c1f601f0511ed8cc3e9a95995ad69=function _templateObject2_ee9c1f601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_ee9c1f601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        .sr-only {\n          position: absolute;\n          left: -99999999px;\n          width: 0;\n          height: 0;\n          overflow: hidden;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        :host([danger]) {\n          --a11y-menu-button-focus-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --a11y-menu-button-focus-border: 1px solid\n            var(--hax-toolbar-button-danger-color, #882222);\n        }\n        button {\n          display: flex;\n          flex-wrap: none;\n          align-items: center;\n          min-width: 42px;\n          padding: var(--hax-menu-button-menu-padding);\n        }\n        .label {\n          padding: 0 5px;\n        }\n        #dropdownicon {\n          --simple-icon-height: 18px;\n          --simple-icon-width: 18px;\n          margin-left: -2px;\n        }\n        #menu {\n          width: var(--hax-menu-button-menu-width);\n          min-width: var(--hax-menu-button-menu-min-idth);\n        }\n        absolute-position-behavior {\n          --a11y-menu-button-border: 1px solid\n            var(--hax-toolbar-button-hover-border-color, #000);\n          z-index: 1001;\n        }\n      "]);return _templateObject_ee9c1f601f0511ed8cc3e9a95995ad69=function _templateObject_ee9c1f601f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var n=function(n){function HaxButtonMenu(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxButtonMenu),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxButtonMenu).call(this)))._blockEvent=!1,e.disabled=!1,e.direction="top",e.label="",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxButtonMenu,(0,t.A11yMenuButtonBehaviors)(e.LitElement)),_createClass(HaxButtonMenu,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxButtonMenu),"styles",this)),[(0,e.css)(_templateObject_ee9c1f601f0511ed8cc3e9a95995ad69())])}}]),_createClass(HaxButtonMenu,[{key:"selectedValueChanged",value:function selectedValueChanged(e){this.selectedValue=e.detail}},{key:"buttonTemplate",get:function get(){return(0,e.html)(_templateObject2_ee9c1f601f0511ed8cc3e9a95995ad69(),this.expanded?"true":"false",this.icon,!this.icon,!this.icon||this.showTextLabel?"label":"sr-only",this.label,!this.icon,this.label)}},{key:"listItemTemplate",get:function get(){return(0,e.html)(_templateObject3_ee9c1f601f0511ed8cc3e9a95995ad69())}}],[{key:"tag",get:function get(){return"hax-toolbar-menu"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxButtonMenu),"properties",this),{disabled:{type:Boolean,reflect:!0},_blockEvent:{type:Boolean},showTextLabel:{attribute:"show-text-label",type:Boolean,reflect:!0},direction:{type:String},icon:{type:String,reflect:!0},label:{type:String,reflect:!0},eventName:{type:String,attribute:"event-name"}})}}]),HaxButtonMenu}();exports.HaxButtonMenu=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxButtonMenu=void 0;var e=require("lit");require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js");var t=require("@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject3_c4dcdae01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<slot name="menuitem"></slot>']);return _templateObject3_c4dcdae01f2611eda0c389891c227ec8=function _templateObject3_c4dcdae01f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4dcdae01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <button\n        id="menubutton"\n        aria-haspopup="true"\n        aria-controls="menu"\n        aria-expanded="','"\n      >\n        <simple-icon-lite\n          icon="','"\n          aria-hidden="true"\n          ?hidden=','\n        ></simple-icon-lite>\n        <span class="','"\n          >','</span\n        >\n        <simple-icon-lite\n          id="dropdownicon"\n          icon="arrow-drop-down"\n          aria-hidden="true"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip for="menubutton" ?hidden="','"\n        >',"</simple-tooltip\n      >\n    "]);return _templateObject2_c4dcdae01f2611eda0c389891c227ec8=function _templateObject2_c4dcdae01f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4dcdae01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        .sr-only {\n          position: absolute;\n          left: -99999999px;\n          width: 0;\n          height: 0;\n          overflow: hidden;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        :host([danger]) {\n          --a11y-menu-button-focus-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --a11y-menu-button-focus-border: 1px solid\n            var(--hax-toolbar-button-danger-color, #882222);\n        }\n        button {\n          display: flex;\n          flex-wrap: none;\n          align-items: center;\n          min-width: 42px;\n          padding: var(--hax-menu-button-menu-padding);\n        }\n        .label {\n          padding: 0 5px;\n        }\n        #dropdownicon {\n          --simple-icon-height: 18px;\n          --simple-icon-width: 18px;\n          margin-left: -2px;\n        }\n        #menu {\n          width: var(--hax-menu-button-menu-width);\n          min-width: var(--hax-menu-button-menu-min-idth);\n        }\n        absolute-position-behavior {\n          --a11y-menu-button-border: 1px solid\n            var(--hax-toolbar-button-hover-border-color, #000);\n          z-index: 1001;\n        }\n      "]);return _templateObject_c4dcdae01f2611eda0c389891c227ec8=function _templateObject_c4dcdae01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var n=function(n){function HaxButtonMenu(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxButtonMenu),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxButtonMenu).call(this)))._blockEvent=!1,e.disabled=!1,e.direction="top",e.label="",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxButtonMenu,(0,t.A11yMenuButtonBehaviors)(e.LitElement)),_createClass(HaxButtonMenu,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxButtonMenu),"styles",this)),[(0,e.css)(_templateObject_c4dcdae01f2611eda0c389891c227ec8())])}}]),_createClass(HaxButtonMenu,[{key:"selectedValueChanged",value:function selectedValueChanged(e){this.selectedValue=e.detail}},{key:"buttonTemplate",get:function get(){return(0,e.html)(_templateObject2_c4dcdae01f2611eda0c389891c227ec8(),this.expanded?"true":"false",this.icon,!this.icon,!this.icon||this.showTextLabel?"label":"sr-only",this.label,!this.icon,this.label)}},{key:"listItemTemplate",get:function get(){return(0,e.html)(_templateObject3_c4dcdae01f2611eda0c389891c227ec8())}}],[{key:"tag",get:function get(){return"hax-toolbar-menu"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxButtonMenu),"properties",this),{disabled:{type:Boolean,reflect:!0},_blockEvent:{type:Boolean},showTextLabel:{attribute:"show-text-label",type:Boolean,reflect:!0},direction:{type:String},icon:{type:String,reflect:!0},label:{type:String,reflect:!0},eventName:{type:String,attribute:"event-name"}})}}]),HaxButtonMenu}();exports.HaxButtonMenu=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ce-context.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ce-context.dev.js
index fdaf64c10e4..06652370e27 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ce-context.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ce-context.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxCeContext=void 0;var e=require("lit"),t=require("./hax-store.js");require("@lrnwebcomponents/hax-body/lib/hax-context-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar-menu.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar.js");var n=require("@lrnwebcomponents/utils/utils"),o=require("./hax-context-behaviors.js"),r=require("mobx"),a=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject2_ee9da6001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <hax-context-item\n                action\n                icon="','"\n                label="','"\n                event-name="hax-ce-custom-button"\n                value="','"\n              ></hax-context-item>']);return _templateObject2_ee9da6001f0511ed8cc3e9a95995ad69=function _templateObject2_ee9da6001f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_ee9da6001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <div id="toolbar">\n        <hax-toolbar>\n          <div class="group">\n            <hax-context-item\n              action\n              more\n              .icon="','"\n              label="','.."\n              tooltip="',", ",'"\n              ?disabled="','"\n              event-name="hax-transform-node"\n              show-text-label\n            ></hax-context-item>\n            <slot name="primary"></slot>\n          </div>\n          <div class="group">\n            ','\n            <slot name="secondary"></slot>\n          </div>\n          <div class="group">\n            <hax-context-item\n              action\n              icon="icons:code"\n              label="','"\n              ?disabled="','"\n              event-name="hax-source-view-toggle"\n              toggles\n              ?toggled="','"\n              @click="','"\n            ></hax-context-item>\n            <slot name="more"></slot>\n          </div>\n          <div class="group">\n            <hax-toolbar-menu\n              icon="add"\n              label="','"\n            >\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  show-text-label\n                  role="menuitem"\n                  icon="hardware:keyboard-arrow-up"\n                  event-name="insert-above-active"\n                  label="','"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  show-text-label\n                  role="menuitem"\n                  icon="hardware:keyboard-arrow-down"\n                  event-name="insert-below-active"\n                  label="','"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n            </hax-toolbar-menu>\n          </div>\n        </hax-toolbar>\n      </div>\n    ']);return _templateObject_ee9da6001f0511ed8cc3e9a95995ad69=function _templateObject_ee9da6001f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var i=function(i){function HaxCeContext(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxCeContext),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxCeContext).call(this))).t={changeTo:"Change to",modifyHTMLSource:"Modify HTML source",clickToChange:"Click to change",insertItemAbove:"Insert item above",insertItemAboveOrBelow:"Insert item above or below",insertItemBelow:"Insert item below"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax"}),e.haxUIElement=!0,e.onScreen=!1,e.ceButtons=[],e.activeTagName="",e.activeTagIcon="hax:paragraph",e.addEventListener("hax-context-item-selected",e.handleCECustomEvent.bind(_assertThisInitialized(e))),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxCeContext,(0,a.I18NMixin)((0,o.HaxContextBehaviors)(e.LitElement))),_createClass(HaxCeContext,null,[{key:"styles",get:function get(){return _toConsumableArray(_get(_getPrototypeOf(HaxCeContext),"styles",this))}}]),_createClass(HaxCeContext,[{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(HaxCeContext.prototype),"updated",this)&&_get(_getPrototypeOf(HaxCeContext.prototype),"updated",this).call(this,e),e.forEach((function(e,n){"onScreen"===n&&t.onScreen&&t._resetCEMenu()}))}},{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject_ee9da6001f0511ed8cc3e9a95995ad69(),this.activeTagIcon,this.t.changeTo,this.activeTagName,this.t.clickToChange,this.disableTransform,this.ceButtons.map((function(t){return(0,e.html)(_templateObject2_ee9da6001f0511ed8cc3e9a95995ad69(),t.icon,t.label,t.callback)})),this.t.modifyHTMLSource,!this.sourceView,this.viewSource,(function(e){return t.viewSource=!t.viewSource}),this.t.insertItemAboveOrBelow,this.t.insertItemAbove,this.t.insertItemBelow)}},{key:"handleCECustomEvent",value:function handleCECustomEvent(e){var n=e.detail;if("hax-ce-custom-button"===n.eventName)this.activeNode&&"function"==typeof this.activeNode[n.value]&&this.activeNode[n.value](e)&&t.HAXStore.refreshActiveNodeForm()}},{key:"firstUpdated",value:function firstUpdated(e){var n=this;_get(_getPrototypeOf(HaxCeContext.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxCeContext.prototype),"firstUpdated",this).call(this,e),(0,r.autorun)((function(){n.activeNode=(0,r.toJS)(t.HAXStore.activeNode),n.activeNode&&n.activeNode.classList&&n._resetCEMenu()}))}},{key:"_resetCEMenu",value:function _resetCEMenu(){var e,o;return regeneratorRuntime.async((function _resetCEMenu$(r){for(;;)switch(r.prev=r.next){case 0:if(this.shadowRoot&&(0,n.wipeSlot)(this,"*"),this.ceButtons=[],this.viewSource=!1,!t.HAXStore.activeHaxBody||null==this.activeNode){r.next=14;break}if(e=t.HAXStore.haxSchemaFromTag(this.activeNode.tagName),this.sourceView=e.canEditSource,t.HAXStore.isTextElement(this.activeNode)){r.next=12;break}return r.next=9,regeneratorRuntime.awrap(t.HAXStore.activeHaxBody.replaceElementWorkflow(this.activeNode,!0));case 9:o=r.sent,this.disableTransform=0===o.length,t.HAXStore.activeGizmo&&(this.activeTagName=t.HAXStore.activeGizmo.title,this.activeTagIcon=t.HAXStore.activeGizmo.icon);case 12:r.next=16;break;case 14:this.activeTagName="",this.activeTagIcon="";case 16:return r.next=18,regeneratorRuntime.awrap(t.HAXStore.runHook(this.activeNode,"inlineContextMenu",[this]));case 18:case"end":return r.stop()}}),null,this)}}],[{key:"tag",get:function get(){return"hax-ce-context"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxCeContext),"properties",this),{disableTransform:{type:Boolean},onScreen:{type:Boolean,attribute:"on-screen",reflect:!0},sourceView:{type:Boolean},activeTagIcon:{type:String},activeTagName:{type:String},ceButtons:{type:Array},viewSource:{type:Boolean}})}}]),HaxCeContext}();exports.HaxCeContext=i,window.customElements.define(i.tag,i);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxCeContext=void 0;var e=require("lit"),t=require("./hax-store.js");require("@lrnwebcomponents/hax-body/lib/hax-context-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar-menu.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar.js");var n=require("@lrnwebcomponents/utils/utils"),o=require("./hax-context-behaviors.js"),r=require("mobx"),a=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject2_c4de3a701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <hax-context-item\n                action\n                icon="','"\n                label="','"\n                event-name="hax-ce-custom-button"\n                value="','"\n              ></hax-context-item>']);return _templateObject2_c4de3a701f2611eda0c389891c227ec8=function _templateObject2_c4de3a701f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4de3a701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <div id="toolbar">\n        <hax-toolbar>\n          <div class="group">\n            <hax-context-item\n              action\n              more\n              .icon="','"\n              label="','.."\n              tooltip="',", ",'"\n              ?disabled="','"\n              event-name="hax-transform-node"\n              show-text-label\n            ></hax-context-item>\n            <slot name="primary"></slot>\n          </div>\n          <div class="group">\n            ','\n            <slot name="secondary"></slot>\n          </div>\n          <div class="group">\n            <hax-context-item\n              action\n              icon="icons:code"\n              label="','"\n              ?disabled="','"\n              event-name="hax-source-view-toggle"\n              toggles\n              ?toggled="','"\n              @click="','"\n            ></hax-context-item>\n            <slot name="more"></slot>\n          </div>\n          <div class="group">\n            <hax-toolbar-menu\n              icon="add"\n              label="','"\n            >\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  show-text-label\n                  role="menuitem"\n                  icon="hardware:keyboard-arrow-up"\n                  event-name="insert-above-active"\n                  label="','"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  show-text-label\n                  role="menuitem"\n                  icon="hardware:keyboard-arrow-down"\n                  event-name="insert-below-active"\n                  label="','"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n            </hax-toolbar-menu>\n          </div>\n        </hax-toolbar>\n      </div>\n    ']);return _templateObject_c4de3a701f2611eda0c389891c227ec8=function _templateObject_c4de3a701f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var i=function(i){function HaxCeContext(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxCeContext),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxCeContext).call(this))).t={changeTo:"Change to",modifyHTMLSource:"Modify HTML source",clickToChange:"Click to change",insertItemAbove:"Insert item above",insertItemAboveOrBelow:"Insert item above or below",insertItemBelow:"Insert item below"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax"}),e.haxUIElement=!0,e.onScreen=!1,e.ceButtons=[],e.activeTagName="",e.activeTagIcon="hax:paragraph",e.addEventListener("hax-context-item-selected",e.handleCECustomEvent.bind(_assertThisInitialized(e))),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxCeContext,(0,a.I18NMixin)((0,o.HaxContextBehaviors)(e.LitElement))),_createClass(HaxCeContext,null,[{key:"styles",get:function get(){return _toConsumableArray(_get(_getPrototypeOf(HaxCeContext),"styles",this))}}]),_createClass(HaxCeContext,[{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(HaxCeContext.prototype),"updated",this)&&_get(_getPrototypeOf(HaxCeContext.prototype),"updated",this).call(this,e),e.forEach((function(e,n){"onScreen"===n&&t.onScreen&&t._resetCEMenu()}))}},{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject_c4de3a701f2611eda0c389891c227ec8(),this.activeTagIcon,this.t.changeTo,this.activeTagName,this.t.clickToChange,this.disableTransform,this.ceButtons.map((function(t){return(0,e.html)(_templateObject2_c4de3a701f2611eda0c389891c227ec8(),t.icon,t.label,t.callback)})),this.t.modifyHTMLSource,!this.sourceView,this.viewSource,(function(e){return t.viewSource=!t.viewSource}),this.t.insertItemAboveOrBelow,this.t.insertItemAbove,this.t.insertItemBelow)}},{key:"handleCECustomEvent",value:function handleCECustomEvent(e){var n=e.detail;if("hax-ce-custom-button"===n.eventName)this.activeNode&&"function"==typeof this.activeNode[n.value]&&this.activeNode[n.value](e)&&t.HAXStore.refreshActiveNodeForm()}},{key:"firstUpdated",value:function firstUpdated(e){var n=this;_get(_getPrototypeOf(HaxCeContext.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxCeContext.prototype),"firstUpdated",this).call(this,e),(0,r.autorun)((function(){n.activeNode=(0,r.toJS)(t.HAXStore.activeNode),n.activeNode&&n.activeNode.classList&&n._resetCEMenu()}))}},{key:"_resetCEMenu",value:function _resetCEMenu(){var e,o;return regeneratorRuntime.async((function _resetCEMenu$(r){for(;;)switch(r.prev=r.next){case 0:if(this.shadowRoot&&(0,n.wipeSlot)(this,"*"),this.ceButtons=[],this.viewSource=!1,!t.HAXStore.activeHaxBody||null==this.activeNode){r.next=14;break}if(e=t.HAXStore.haxSchemaFromTag(this.activeNode.tagName),this.sourceView=e.canEditSource,t.HAXStore.isTextElement(this.activeNode)){r.next=12;break}return r.next=9,regeneratorRuntime.awrap(t.HAXStore.activeHaxBody.replaceElementWorkflow(this.activeNode,!0));case 9:o=r.sent,this.disableTransform=0===o.length,t.HAXStore.activeGizmo&&(this.activeTagName=t.HAXStore.activeGizmo.title,this.activeTagIcon=t.HAXStore.activeGizmo.icon);case 12:r.next=16;break;case 14:this.activeTagName="",this.activeTagIcon="";case 16:return r.next=18,regeneratorRuntime.awrap(t.HAXStore.runHook(this.activeNode,"inlineContextMenu",[this]));case 18:case"end":return r.stop()}}),null,this)}}],[{key:"tag",get:function get(){return"hax-ce-context"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxCeContext),"properties",this),{disableTransform:{type:Boolean},onScreen:{type:Boolean,attribute:"on-screen",reflect:!0},sourceView:{type:Boolean},activeTagIcon:{type:String},activeTagName:{type:String},ceButtons:{type:Array},viewSource:{type:Boolean}})}}]),HaxCeContext}();exports.HaxCeContext=i,window.customElements.define(i.tag,i);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-behaviors.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-behaviors.dev.js
index 63a087ecf23..06a280b2fda 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-behaviors.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-behaviors.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxContextBehaviors=void 0;var e=require("lit-element/lit-element.js"),t=require("@lrnwebcomponents/simple-popover/lib/SimpleTourFinder"),o=require("mobx"),r=require("./hax-store.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function _defineProperty(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _templateObject2_ee9fa1d01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["<slot></slot> "]);return _templateObject2_ee9fa1d01f0511ed8cc3e9a95995ad69=function _templateObject2_ee9fa1d01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_ee9fa1d01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          :host {\n            display: block;\n            pointer-events: none;\n            --hax-ui-spacing-sm: 1px;\n            max-width: 100%;\n          }\n          :host [hidden] {\n            display: none;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          :host(.hax-context-pin-top) #toolbar {\n            position: fixed;\n            top: 0px;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index) !important;\n          }\n          .group {\n            padding: 0;\n            background-color: var(--hax-ui-background-color);\n          }\n          hax-toolbar {\n            flex: 0 1 auto;\n          }\n          hax-toolbar::part(morebutton) {\n            border: 1px solid var( --simple-toolbar-group-border-width, var(--simple-toolbar-border-width, 1px)) !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n          hax-toolbar *[hidden] {\n            display: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n        "]);return _templateObject_ee9fa1d01f0511ed8cc3e9a95995ad69=function _templateObject_ee9fa1d01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var n=Object.getOwnPropertyDescriptor(r,t);return n.get?n.get.call(o):n.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}exports.HaxContextBehaviors=function HaxContextBehaviors(n){return function(t){function _class(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).viewSource=!1,(0,o.autorun)((function(){e.hasSelectedText=(0,o.toJS)(r.HAXStore.haxSelectedText).length>0})),(0,o.autorun)((function(){(0,o.toJS)(r.HAXStore.editMode);var t=(0,o.toJS)(r.HAXStore.activeNode);if(e.sourceView=!1,t&&t.tagName){var n=r.HAXStore.haxSchemaFromTag(t.tagName);e.parentSchema=t&&t.parentNode?r.HAXStore.haxSchemaFromTag(t.parentNode.tagName):void 0,e.sourceView=n.canEditSource}})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(_class,t),_createClass(_class,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_ee9fa1d01f0511ed8cc3e9a95995ad69())]}}]),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_ee9fa1d01f0511ed8cc3e9a95995ad69())}},{key:"getFilteredBlocks",value:function getFilteredBlocks(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.filter((function(t){if(t.tag){var o=t.tag||"",r=e.slotSchema&&e.slotSchema.slotWrapper&&e.slotSchema.slotWrapper?e.slotSchema.slotWrapper:void 0,n=e.slotSchema&&e.slotSchema.slotWrapper&&e.slotSchema.allowedSlotWrappers?e.slotSchema.allowedSlotWrappers:void 0,a=e.slotSchema&&e.slotSchema.slotWrapper&&e.slotSchema.excludedSlotWrappers?e.slotSchema.excludedSlotWrappers:void 0,c=!e.slotSchema||!n,i=!!r&&r===o||!!n&&n.includes(o),s=!!a&&a.includes(o),l=!s&&(c||i);return"hax-plate-context"==e.tag&&console.log(o,r,a,c,i,s,l),l}}))}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(_class.prototype),"updated",this)&&_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,e),e.forEach((function(e,o){"activeNode"===o&&t.activeNode!==e&&t.setTarget(t.activeNode)}))}},{key:"setTarget",value:function setTarget(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.activeNode;_get(_getPrototypeOf(_class.prototype),"setTarget",this)&&_get(_getPrototypeOf(_class.prototype),"setTarget",this).call(this,e),this.parentSchema=e&&e.parentNode?r.HAXStore.haxSchemaFromTag(e.parentNode.tagName):void 0}},{key:"slotSchema",get:function get(){var e,t=this;if(this.activeNode&&this.parentSchema){var o=this.activeNode.slot||"";Object.keys(this.parentSchema.settings||{}).forEach((function(r){(t.parentSchema.settings[r]||[]).forEach((function(t){t.slot&&t.slot===o&&(e=t)}))}))}return e}}],[{key:"tag",get:function get(){return"hax-context-behaviors"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(o,!0).forEach((function(t){_defineProperty(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{activeNode:{type:Object},parentSchema:{type:Object},realSelectedValue:{type:String},sourceView:{type:Boolean},viewSource:{type:Boolean}})}}]),_class}((0,t.SimpleTourFinder)(n))};
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxContextBehaviors=void 0;var e=require("lit-element/lit-element.js"),t=require("@lrnwebcomponents/simple-popover/lib/SimpleTourFinder"),o=require("mobx"),r=require("./hax-store.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function _defineProperty(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _templateObject2_c4e084601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["<slot></slot> "]);return _templateObject2_c4e084601f2611eda0c389891c227ec8=function _templateObject2_c4e084601f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4e084601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          :host {\n            display: block;\n            pointer-events: none;\n            --hax-ui-spacing-sm: 1px;\n            max-width: 100%;\n          }\n          :host [hidden] {\n            display: none;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          :host(.hax-context-pin-top) #toolbar {\n            position: fixed;\n            top: 0px;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index) !important;\n          }\n          .group {\n            padding: 0;\n            background-color: var(--hax-ui-background-color);\n          }\n          hax-toolbar {\n            flex: 0 1 auto;\n          }\n          hax-toolbar::part(morebutton) {\n            border: 1px solid var( --simple-toolbar-group-border-width, var(--simple-toolbar-border-width, 1px)) !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n          hax-toolbar *[hidden] {\n            display: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n        "]);return _templateObject_c4e084601f2611eda0c389891c227ec8=function _templateObject_c4e084601f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var n=Object.getOwnPropertyDescriptor(r,t);return n.get?n.get.call(o):n.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}exports.HaxContextBehaviors=function HaxContextBehaviors(n){return function(t){function _class(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).viewSource=!1,(0,o.autorun)((function(){e.hasSelectedText=(0,o.toJS)(r.HAXStore.haxSelectedText).length>0})),(0,o.autorun)((function(){(0,o.toJS)(r.HAXStore.editMode);var t=(0,o.toJS)(r.HAXStore.activeNode);if(e.sourceView=!1,t&&t.tagName){var n=r.HAXStore.haxSchemaFromTag(t.tagName);e.parentSchema=t&&t.parentNode?r.HAXStore.haxSchemaFromTag(t.parentNode.tagName):void 0,e.sourceView=n.canEditSource}})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(_class,t),_createClass(_class,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_c4e084601f2611eda0c389891c227ec8())]}}]),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_c4e084601f2611eda0c389891c227ec8())}},{key:"getFilteredBlocks",value:function getFilteredBlocks(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.filter((function(t){if(t.tag){var o=t.tag||"",r=e.slotSchema&&e.slotSchema.slotWrapper&&e.slotSchema.slotWrapper?e.slotSchema.slotWrapper:void 0,n=e.slotSchema&&e.slotSchema.slotWrapper&&e.slotSchema.allowedSlotWrappers?e.slotSchema.allowedSlotWrappers:void 0,a=e.slotSchema&&e.slotSchema.slotWrapper&&e.slotSchema.excludedSlotWrappers?e.slotSchema.excludedSlotWrappers:void 0,c=!e.slotSchema||!n,i=!!r&&r===o||!!n&&n.includes(o),s=!!a&&a.includes(o),l=!s&&(c||i);return"hax-plate-context"==e.tag&&console.log(o,r,a,c,i,s,l),l}}))}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(_class.prototype),"updated",this)&&_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,e),e.forEach((function(e,o){"activeNode"===o&&t.activeNode!==e&&t.setTarget(t.activeNode)}))}},{key:"setTarget",value:function setTarget(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.activeNode;_get(_getPrototypeOf(_class.prototype),"setTarget",this)&&_get(_getPrototypeOf(_class.prototype),"setTarget",this).call(this,e),this.parentSchema=e&&e.parentNode?r.HAXStore.haxSchemaFromTag(e.parentNode.tagName):void 0}},{key:"slotSchema",get:function get(){var e,t=this;if(this.activeNode&&this.parentSchema){var o=this.activeNode.slot||"";Object.keys(this.parentSchema.settings||{}).forEach((function(r){(t.parentSchema.settings[r]||[]).forEach((function(t){t.slot&&t.slot===o&&(e=t)}))}))}return e}}],[{key:"tag",get:function get(){return"hax-context-behaviors"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(o,!0).forEach((function(t){_defineProperty(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{activeNode:{type:Object},parentSchema:{type:Object},realSelectedValue:{type:String},sourceView:{type:Boolean},viewSource:{type:Boolean}})}}]),_class}((0,t.SimpleTourFinder)(n))};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-container.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-container.dev.js
index bbdac090ed2..52933dca264 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-container.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-container.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxContextBehaviors=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-popover/lib/SimpleTourFinder");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_eea03e101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["<slot></slot> "]);return _templateObject2_eea03e101f0511ed8cc3e9a95995ad69=function _templateObject2_eea03e101f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eea03e101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          :host {\n            display: block;\n            pointer-events: none;\n            --hax-ui-spacing-sm: 1px;\n          }\n          :host [hidden] {\n            display: none;\n          }\n          :host > * {\n            margin: 0 auto;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          :host(.hax-context-pin-top) #toolbar {\n            position: fixed;\n            top: 0px;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index) !important;\n          }\n          .group {\n            padding: 0;\n          }\n          hax-toolbar {\n            flex: 0 1 auto;\n            border: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n          hax-toolbar *[hidden] {\n            display: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n        "]);return _templateObject_eea03e101f0511ed8cc3e9a95995ad69=function _templateObject_eea03e101f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}exports.HaxContextBehaviors=function HaxContextBehaviors(n){return function(t){function _class(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(_class,t),_createClass(_class,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_eea03e101f0511ed8cc3e9a95995ad69())]}}]),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_eea03e101f0511ed8cc3e9a95995ad69())}}],[{key:"tag",get:function get(){return"hax-context-behaviors"}}]),_class}((0,t.SimpleTourFinder)(n))};
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxContextBehaviors=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-popover/lib/SimpleTourFinder");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c4e120a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["<slot></slot> "]);return _templateObject2_c4e120a01f2611eda0c389891c227ec8=function _templateObject2_c4e120a01f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4e120a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          :host {\n            display: block;\n            pointer-events: none;\n            --hax-ui-spacing-sm: 1px;\n          }\n          :host [hidden] {\n            display: none;\n          }\n          :host > * {\n            margin: 0 auto;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          :host(.hax-context-pin-top) #toolbar {\n            position: fixed;\n            top: 0px;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index) !important;\n          }\n          .group {\n            padding: 0;\n          }\n          hax-toolbar {\n            flex: 0 1 auto;\n            border: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n          hax-toolbar *[hidden] {\n            display: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n        "]);return _templateObject_c4e120a01f2611eda0c389891c227ec8=function _templateObject_c4e120a01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}exports.HaxContextBehaviors=function HaxContextBehaviors(n){return function(t){function _class(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(_class,t),_createClass(_class,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_c4e120a01f2611eda0c389891c227ec8())]}}]),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_c4e120a01f2611eda0c389891c227ec8())}}],[{key:"tag",get:function get(){return"hax-context-behaviors"}}]),_class}((0,t.SimpleTourFinder)(n))};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu-li.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu-li.dev.js
index 51ed8271f17..6884a44d788 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu-li.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu-li.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxButtonMenuItem=void 0;var e=require("lit");require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js");var t=require("@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_eea101601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          --simple-toolbar-button-min-width: 100% !important;\n          --simple-toolbar-button-border-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          ) !important;\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-menu-button-hover-bg,\n            #c4ecff\n          );\n          --simple-toolbar-button-border-radius: var(\n            --hax-toolbar-menu-button-border-radius,\n            0\n          );\n        }\n        :host ::slotted([danger]) {\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-border-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          );\n          z-index: 1001;\n        }\n      "]);return _templateObject2_eea101601f0511ed8cc3e9a95995ad69=function _templateObject2_eea101601f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_eea101601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);return _templateObject_eea101601f0511ed8cc3e9a95995ad69=function _templateObject_eea101601f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(o):r.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function HaxButtonMenuItem(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxButtonMenuItem),_possibleConstructorReturn(this,_getPrototypeOf(HaxButtonMenuItem).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxButtonMenuItem,(0,t.A11yMenuButtonItemBehaviors)(e.LitElement)),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(HaxButtonMenuItem,[{key:"render",value:function render(){return(0,e.html)(_templateObject_eea101601f0511ed8cc3e9a95995ad69())}},{key:"focus",value:function focus(){this.querySelector("[role=menuitem]")&&this.querySelector("[role=menuitem]").focus()}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxButtonMenuItem),"styles",this)),[(0,e.css)(_templateObject2_eea101601f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"hax-button-menu-item"}}]),HaxButtonMenuItem}();exports.HaxButtonMenuItem=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxButtonMenuItem=void 0;var e=require("lit");require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js");var t=require("@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c4e1e3f01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          --simple-toolbar-button-min-width: 100% !important;\n          --simple-toolbar-button-border-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          ) !important;\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-menu-button-hover-bg,\n            #c4ecff\n          );\n          --simple-toolbar-button-border-radius: var(\n            --hax-toolbar-menu-button-border-radius,\n            0\n          );\n        }\n        :host ::slotted([danger]) {\n          --simple-toolbar-button-hover-bg: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-border-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --simple-toolbar-button-hover-color: var(\n            --hax-toolbar-button-bg,\n            #fff\n          );\n          z-index: 1001;\n        }\n      "]);return _templateObject2_c4e1e3f01f2611eda0c389891c227ec8=function _templateObject2_c4e1e3f01f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_c4e1e3f01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);return _templateObject_c4e1e3f01f2611eda0c389891c227ec8=function _templateObject_c4e1e3f01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(o):r.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function HaxButtonMenuItem(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxButtonMenuItem),_possibleConstructorReturn(this,_getPrototypeOf(HaxButtonMenuItem).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxButtonMenuItem,(0,t.A11yMenuButtonItemBehaviors)(e.LitElement)),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(HaxButtonMenuItem,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c4e1e3f01f2611eda0c389891c227ec8())}},{key:"focus",value:function focus(){this.querySelector("[role=menuitem]")&&this.querySelector("[role=menuitem]").focus()}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxButtonMenuItem),"styles",this)),[(0,e.css)(_templateObject2_c4e1e3f01f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"hax-button-menu-item"}}]),HaxButtonMenuItem}();exports.HaxButtonMenuItem=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu.dev.js
index 738871c5263..4c1ae6ce816 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-item-menu.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxContextItemMenu=void 0;var e=require("lit");require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js");var t=require("@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js");function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject3_eea260f01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<slot name="menuitem"></slot>']);return _templateObject3_eea260f01f0511ed8cc3e9a95995ad69=function _templateObject3_eea260f01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_eea260f01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <button\n        id="menubutton"\n        aria-haspopup="true"\n        aria-controls="menu"\n        aria-expanded="','"\n      >\n        <simple-icon-lite\n          icon="','"\n          aria-hidden="true"\n          ?hidden=','\n        ></simple-icon-lite>\n        <span class="','"\n          >','</span\n        >\n        <simple-icon-lite\n          id="dropdownicon"\n          icon="arrow-drop-down"\n          aria-hidden="true"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip for="menubutton" ?hidden="','"\n        >',"</simple-tooltip\n      >\n    "]);return _templateObject2_eea260f01f0511ed8cc3e9a95995ad69=function _templateObject2_eea260f01f0511ed8cc3e9a95995ad69(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject_eea260f01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        .sr-only {\n          position: absolute;\n          left: -99999999px;\n          width: 0;\n          height: 0;\n          overflow: hidden;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        :host([danger]) {\n          --a11y-menu-button-focus-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --a11y-menu-button-focus-border: 1px solid\n            var(--hax-toolbar-button-danger-color, #882222);\n        }\n        button {\n          display: flex;\n          flex-wrap: none;\n          align-items: center;\n          min-width: 42px;\n        }\n        .label {\n          padding: 0 5px;\n        }\n        #dropdownicon {\n          --simple-icon-height: 18px;\n          --simple-icon-width: 18px;\n          margin-left: -2px;\n        }\n        absolute-position-behavior {\n          --a11y-menu-button-border: 1px solid\n            var(--hax-toolbar-button-hover-border-color, #000);\n          z-index: 1001;\n        }\n      "]);return _templateObject_eea260f01f0511ed8cc3e9a95995ad69=function _templateObject_eea260f01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var n=function(n){function HaxContextItemMenu(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxContextItemMenu),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxContextItemMenu).call(this)))._blockEvent=!1,e.disabled=!1,e.selectedValue=0,e.action=!1,e.direction="top",e.label="",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxContextItemMenu,(0,t.A11yMenuButtonBehaviors)(e.LitElement)),_createClass(HaxContextItemMenu,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxContextItemMenu),"styles",this)),[(0,e.css)(_templateObject_eea260f01f0511ed8cc3e9a95995ad69())])}}]),_createClass(HaxContextItemMenu,[{key:"selectedValueChanged",value:function selectedValueChanged(e){this.selectedValue=e.detail}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){"selectedValue"==n&&(t._selectedUpdated(t[n],e),t.dispatchEvent(new CustomEvent("selected-value-changed",{detail:t[n]})))}))}},{key:"_selectedUpdated",value:function _selectedUpdated(e,t){if(_typeof(e)!==_typeof(null)&&"undefined"!==_typeof(t)&&_typeof(t)!==_typeof(null)){for(var n=this.children,o=new Object,r=0,a=0,i=n.length;a<i;a++)if("BUTTON"===n[a].tagName){if(r===e){o=n[a],i=a;continue}r++}this._blockEvent||"undefined"===_typeof(o.attributes)||"undefined"===_typeof(o.attributes.value)||"undefined"===_typeof(o.attributes.value.value)||(this.shadowRoot.querySelector("#menu").hideMenu(),this.eventName&&this.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,cancelable:!0,composed:!0,detail:{target:o,eventName:this.eventName,value:o.attributes.value.value}}))),this._blockEvent&&(this._blockEvent=!1)}}},{key:"buttonTemplate",get:function get(){return(0,e.html)(_templateObject2_eea260f01f0511ed8cc3e9a95995ad69(),this.expanded?"true":"false",this.icon,!this.icon,!this.icon||this.showTextLabel?"label":"sr-only",this.label,!this.icon,this.label)}},{key:"listItemTemplate",get:function get(){return(0,e.html)(_templateObject3_eea260f01f0511ed8cc3e9a95995ad69())}}],[{key:"tag",get:function get(){return"hax-context-item-menu"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxContextItemMenu),"properties",this),{action:{type:Boolean},disabled:{type:Boolean,reflect:!0},_blockEvent:{type:Boolean},selectedValue:{type:Number,reflect:!0,attribute:"selected-value"},showTextLabel:{attribute:"show-text-label",type:Boolean,reflect:!0},direction:{type:String},icon:{type:String,reflect:!0},label:{type:String,reflect:!0},eventName:{type:String,attribute:"event-name"}})}}]),HaxContextItemMenu}();exports.HaxContextItemMenu=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxContextItemMenu=void 0;var e=require("lit");require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js");var t=require("@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js");function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject3_c4e343801f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<slot name="menuitem"></slot>']);return _templateObject3_c4e343801f2611eda0c389891c227ec8=function _templateObject3_c4e343801f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4e343801f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <button\n        id="menubutton"\n        aria-haspopup="true"\n        aria-controls="menu"\n        aria-expanded="','"\n      >\n        <simple-icon-lite\n          icon="','"\n          aria-hidden="true"\n          ?hidden=','\n        ></simple-icon-lite>\n        <span class="','"\n          >','</span\n        >\n        <simple-icon-lite\n          id="dropdownicon"\n          icon="arrow-drop-down"\n          aria-hidden="true"\n        ></simple-icon-lite>\n      </button>\n      <simple-tooltip for="menubutton" ?hidden="','"\n        >',"</simple-tooltip\n      >\n    "]);return _templateObject2_c4e343801f2611eda0c389891c227ec8=function _templateObject2_c4e343801f2611eda0c389891c227ec8(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject_c4e343801f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        .sr-only {\n          position: absolute;\n          left: -99999999px;\n          width: 0;\n          height: 0;\n          overflow: hidden;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n        }\n        :host([danger]) {\n          --a11y-menu-button-focus-color: var(\n            --hax-toolbar-button-danger-color,\n            #882222\n          );\n          --a11y-menu-button-focus-border: 1px solid\n            var(--hax-toolbar-button-danger-color, #882222);\n        }\n        button {\n          display: flex;\n          flex-wrap: none;\n          align-items: center;\n          min-width: 42px;\n        }\n        .label {\n          padding: 0 5px;\n        }\n        #dropdownicon {\n          --simple-icon-height: 18px;\n          --simple-icon-width: 18px;\n          margin-left: -2px;\n        }\n        absolute-position-behavior {\n          --a11y-menu-button-border: 1px solid\n            var(--hax-toolbar-button-hover-border-color, #000);\n          z-index: 1001;\n        }\n      "]);return _templateObject_c4e343801f2611eda0c389891c227ec8=function _templateObject_c4e343801f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var n=function(n){function HaxContextItemMenu(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxContextItemMenu),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxContextItemMenu).call(this)))._blockEvent=!1,e.disabled=!1,e.selectedValue=0,e.action=!1,e.direction="top",e.label="",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxContextItemMenu,(0,t.A11yMenuButtonBehaviors)(e.LitElement)),_createClass(HaxContextItemMenu,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxContextItemMenu),"styles",this)),[(0,e.css)(_templateObject_c4e343801f2611eda0c389891c227ec8())])}}]),_createClass(HaxContextItemMenu,[{key:"selectedValueChanged",value:function selectedValueChanged(e){this.selectedValue=e.detail}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){"selectedValue"==n&&(t._selectedUpdated(t[n],e),t.dispatchEvent(new CustomEvent("selected-value-changed",{detail:t[n]})))}))}},{key:"_selectedUpdated",value:function _selectedUpdated(e,t){if(_typeof(e)!==_typeof(null)&&"undefined"!==_typeof(t)&&_typeof(t)!==_typeof(null)){for(var n=this.children,o=new Object,r=0,i=0,a=n.length;i<a;i++)if("BUTTON"===n[i].tagName){if(r===e){o=n[i],a=i;continue}r++}this._blockEvent||"undefined"===_typeof(o.attributes)||"undefined"===_typeof(o.attributes.value)||"undefined"===_typeof(o.attributes.value.value)||(this.shadowRoot.querySelector("#menu").hideMenu(),this.eventName&&this.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,cancelable:!0,composed:!0,detail:{target:o,eventName:this.eventName,value:o.attributes.value.value}}))),this._blockEvent&&(this._blockEvent=!1)}}},{key:"buttonTemplate",get:function get(){return(0,e.html)(_templateObject2_c4e343801f2611eda0c389891c227ec8(),this.expanded?"true":"false",this.icon,!this.icon,!this.icon||this.showTextLabel?"label":"sr-only",this.label,!this.icon,this.label)}},{key:"listItemTemplate",get:function get(){return(0,e.html)(_templateObject3_c4e343801f2611eda0c389891c227ec8())}}],[{key:"tag",get:function get(){return"hax-context-item-menu"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxContextItemMenu),"properties",this),{action:{type:Boolean},disabled:{type:Boolean,reflect:!0},_blockEvent:{type:Boolean},selectedValue:{type:Number,reflect:!0,attribute:"selected-value"},showTextLabel:{attribute:"show-text-label",type:Boolean,reflect:!0},direction:{type:String},icon:{type:String,reflect:!0},label:{type:String,reflect:!0},eventName:{type:String,attribute:"event-name"}})}}]),HaxContextItemMenu}();exports.HaxContextItemMenu=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-toolbar.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-toolbar.dev.js
index 26e20e4c6b8..0a8bb49e552 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-toolbar.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context-toolbar.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxContextToolbar=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function _defineProperty(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _templateObject2_eea5e3601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <absolute-position-behavior id="top" auto justify \n        position="top" \n        .target="','">\n        <div class="menu">\n          <hax-text-context \n            id="text"\n            class="item ','"\n            .target="','"\n          ></hax-text-context>\n          <hax-ce-context\n            id="ce"\n            class="item ','"\n            .target="','"\n          ></hax-ce-context>\n          <hax-plate-context\n            id="plate"\n            class="item ','"\n          ></hax-plate-context>\n        </div>\n      </absolute-position-behavior>\n      <absolute-position-behavior auto justify \n        position="bottom" \n        .target="','">\n        <hax-context-item\n          icon="icons:add"\n          label="','"\n          show-text-label\n          class="item '," ",'"\n        >\n        </hax-context-item>\n      </absolute-position-behavior>\n    ']);return _templateObject2_eea5e3601f0511ed8cc3e9a95995ad69=function _templateObject2_eea5e3601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eea5e3601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          width: 100%;\n        } \n        :host *:not(:defined) {\n          display: none !important;\n        }\n        :host(:not(.hax-visible)),\n        .item {\n          visibility: hidden;\n          opacity: 0;\n          z-index: 1000;\n          pointer-events: none;\n          transition: 0.2s top ease-in-out, 0.2s left ease-in-out;\n        }\n        :host(:hover),\n        :host(:focus-within),\n        .item:hover,\n        .item:focus-within {\n          z-index: var(--hax-ui-focus-z-index);\n        }\n        #top .menu {\n          display: flex;\n          width: 100%;\n          align-items: bottom;\n          justify-content: space-between;\n        }\n        #text,\n        #ce {\n          max-width: 280px;\n          flex: 1 1 auto;\n        }\n        #plate,\n        #add {\n          flex: 0 0 auto;\n        }\n        .item-visible, \n        .item-active {\n          visibility: visible;\n          pointer-events: all;\n          opacity: 1;\n        }\n        .item-tracking {\n          position: absolute;\n        }\n      "]);return _templateObject_eea5e3601f0511ed8cc3e9a95995ad69=function _templateObject_eea5e3601f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(o):r.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/hax-body/lib/hax-text-context.js"),require("@lrnwebcomponents/hax-body/lib/hax-ce-context.js"),require("@lrnwebcomponents/hax-body/lib/hax-plate-context.js"),require("@lrnwebcomponents/hax-body/lib/hax-context-item.js"),require("@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior.js");var t=function(t){function HaxContextToolbar(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxContextToolbar),_possibleConstructorReturn(this,_getPrototypeOf(HaxContextToolbar).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxContextToolbar,e.LitElement),_createClass(HaxContextToolbar,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxContextToolbar),"styles",this)),[(0,e.css)(_templateObject_eea5e3601f0511ed8cc3e9a95995ad69())])}}]),_createClass(HaxContextToolbar,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_eea5e3601f0511ed8cc3e9a95995ad69(),this.target||document.body,this.textContext?"item-visible":"",this.target,this.ceContext?"item-visible":"",this.target,this.plateContext?"item-visible":"",this.target||document.body,this.addLabel,this.addContext?"item-visible":"",this.trackMouse?"item-tracking":"")}},{key:"getToolbar",value:function getToolbar(e){return this.shadowRoot&&this.shadowRoot.querySelector("#".concat(e))?this.shadowRoot.querySelector("#".concat(e)):void 0}},{key:"haxVisible",get:function get(){var e=this.target&&(this.ceContext||this.topVisible);return this.setAttribute("hax-visible",e),e}},{key:"topVisible",get:function get(){return this.ceContext||this.plateContext||this.textContext}},{key:"topToolbar",get:function get(){return this.getToolbar("#top")}},{key:"bottomToolbar",get:function get(){return this.getToolbar("#bottom")}}],[{key:"tag",get:function get(){return"hax-context-toolbar"}},{key:"properties",get:function get(){var e;return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(o,!0).forEach((function(t){_defineProperty(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}({},_get(_getPrototypeOf(HaxContextToolbar),"properties",this),(_defineProperty(e={target:{type:Object},addLabel:{type:String},addContext:{type:Boolean},plateContext:{type:Boolean,reflect:!0},ceContext:{type:Boolean}},"plateContext",{type:Boolean}),_defineProperty(e,"trackMouse",{type:Boolean}),e))}}]),HaxContextToolbar}();exports.HaxContextToolbar=t,window.customElements.define(t.tag,t);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxContextToolbar=void 0;var t=require("lit");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function ownKeys(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function _defineProperty(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _templateObject2_c4e6ed001f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['\n      <absolute-position-behavior id="top" auto justify \n        position="top" \n        .target="','">\n        <div class="menu">\n          <hax-text-context \n            id="text"\n            class="item ','"\n            .target="','"\n          ></hax-text-context>\n          <hax-ce-context\n            id="ce"\n            class="item ','"\n            .target="','"\n          ></hax-ce-context>\n          <hax-plate-context\n            id="plate"\n            class="item ','"\n          ></hax-plate-context>\n        </div>\n      </absolute-position-behavior>\n      <absolute-position-behavior auto justify \n        position="bottom" \n        .target="','">\n        <hax-context-item\n          icon="icons:add"\n          label="','"\n          show-text-label\n          class="item '," ",'"\n        >\n        </hax-context-item>\n      </absolute-position-behavior>\n    ']);return _templateObject2_c4e6ed001f2611eda0c389891c227ec8=function _templateObject2_c4e6ed001f2611eda0c389891c227ec8(){return t},t}function _templateObject_c4e6ed001f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["\n        :host {\n          width: 100%;\n        } \n        :host *:not(:defined) {\n          display: none !important;\n        }\n        :host(:not(.hax-visible)),\n        .item {\n          visibility: hidden;\n          opacity: 0;\n          z-index: 1000;\n          pointer-events: none;\n          transition: 0.2s top ease-in-out, 0.2s left ease-in-out;\n        }\n        :host(:hover),\n        :host(:focus-within),\n        .item:hover,\n        .item:focus-within {\n          z-index: var(--hax-ui-focus-z-index);\n        }\n        #top .menu {\n          display: flex;\n          width: 100%;\n          align-items: bottom;\n          justify-content: space-between;\n        }\n        #text,\n        #ce {\n          max-width: 280px;\n          flex: 1 1 auto;\n        }\n        #plate,\n        #add {\n          flex: 0 0 auto;\n        }\n        .item-visible, \n        .item-active {\n          visibility: visible;\n          pointer-events: all;\n          opacity: 1;\n        }\n        .item-tracking {\n          position: absolute;\n        }\n      "]);return _templateObject_c4e6ed001f2611eda0c389891c227ec8=function _templateObject_c4e6ed001f2611eda0c389891c227ec8(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,o=new Array(t.length);e<t.length;e++)o[e]=t[e];return o}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _defineProperties(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function _createClass(t,e,o){return e&&_defineProperties(t.prototype,e),o&&_defineProperties(t,o),t}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,o){var n=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(n){var r=Object.getOwnPropertyDescriptor(n,e);return r.get?r.get.call(o):r.value}},_get(t,e,o||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}require("@lrnwebcomponents/hax-body/lib/hax-text-context.js"),require("@lrnwebcomponents/hax-body/lib/hax-ce-context.js"),require("@lrnwebcomponents/hax-body/lib/hax-plate-context.js"),require("@lrnwebcomponents/hax-body/lib/hax-context-item.js"),require("@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior.js");var e=function(e){function HaxContextToolbar(){return function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,HaxContextToolbar),_possibleConstructorReturn(this,_getPrototypeOf(HaxContextToolbar).call(this))}return function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}(HaxContextToolbar,t.LitElement),_createClass(HaxContextToolbar,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxContextToolbar),"styles",this)),[(0,t.css)(_templateObject_c4e6ed001f2611eda0c389891c227ec8())])}}]),_createClass(HaxContextToolbar,[{key:"render",value:function render(){return(0,t.html)(_templateObject2_c4e6ed001f2611eda0c389891c227ec8(),this.target||document.body,this.textContext?"item-visible":"",this.target,this.ceContext?"item-visible":"",this.target,this.plateContext?"item-visible":"",this.target||document.body,this.addLabel,this.addContext?"item-visible":"",this.trackMouse?"item-tracking":"")}},{key:"getToolbar",value:function getToolbar(t){return this.shadowRoot&&this.shadowRoot.querySelector("#".concat(t))?this.shadowRoot.querySelector("#".concat(t)):void 0}},{key:"haxVisible",get:function get(){var t=this.target&&(this.ceContext||this.topVisible);return this.setAttribute("hax-visible",t),t}},{key:"topVisible",get:function get(){return this.ceContext||this.plateContext||this.textContext}},{key:"topToolbar",get:function get(){return this.getToolbar("#top")}},{key:"bottomToolbar",get:function get(){return this.getToolbar("#bottom")}}],[{key:"tag",get:function get(){return"hax-context-toolbar"}},{key:"properties",get:function get(){var t;return function _objectSpread(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(o,!0).forEach((function(e){_defineProperty(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}({},_get(_getPrototypeOf(HaxContextToolbar),"properties",this),(_defineProperty(t={target:{type:Object},addLabel:{type:String},addContext:{type:Boolean},plateContext:{type:Boolean,reflect:!0},ceContext:{type:Boolean}},"plateContext",{type:Boolean}),_defineProperty(t,"trackMouse",{type:Boolean}),t))}}]),HaxContextToolbar}();exports.HaxContextToolbar=e,window.customElements.define(e.tag,e);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context.dev.js
index 456e9ea76b1..9eb339ea432 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-context.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxContextBehaviors=exports.HaxContext=void 0;var e=require("lit"),t=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js"),n=require("@lrnwebcomponents/simple-popover/lib/SimpleTourFinder");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_eea6a6b01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["<slot></slot>\n      "]);return _templateObject2_eea6a6b01f0511ed8cc3e9a95995ad69=function _templateObject2_eea6a6b01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eea6a6b01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          :host {\n            display: block;\n            pointer-events: none;\n            --hax-tray-spacing-sm: 1px;\n          }\n          :host [hidden] {\n            display: none;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          :host(.hax-context-pin-top) #toolbar {\n            position: fixed;\n            top: 0px;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-tray-focus-z-index)!important;\n          }\n          .group {\n            padding: 0;\n          }\n          hax-toolbar {\n            flex: 0 1 auto;\n            background-color: var(--hax-tray-border-color);\n            border: none!important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n          hax-toolbar *[hidden] {\n            display: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n        "]);return _templateObject_eea6a6b01f0511ed8cc3e9a95995ad69=function _templateObject_eea6a6b01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}exports.HaxContextBehaviors=function HaxContextBehaviors(o){return function(n){function _class(){return _classCallCheck(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))}return _inherits(_class,n),_createClass(_class,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.HaxTrayBaseStyles),[(0,e.css)(_templateObject_eea6a6b01f0511ed8cc3e9a95995ad69())])}}]),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_eea6a6b01f0511ed8cc3e9a95995ad69())}}],[{key:"tag",get:function get(){return"hax-context"}}]),_class}((0,n.SimpleTourFinder)(o))};var o=function(t){function HaxContext(){return _classCallCheck(this,HaxContext),_possibleConstructorReturn(this,_getPrototypeOf(HaxContext).apply(this,arguments))}return _inherits(HaxContext,e.LitElement),HaxContext}();exports.HaxContext=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxContextBehaviors=exports.HaxContext=void 0;var e=require("lit"),t=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js"),n=require("@lrnwebcomponents/simple-popover/lib/SimpleTourFinder");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c4e7b0501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["<slot></slot>\n      "]);return _templateObject2_c4e7b0501f2611eda0c389891c227ec8=function _templateObject2_c4e7b0501f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4e7b0501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          :host {\n            display: block;\n            pointer-events: none;\n            --hax-tray-spacing-sm: 1px;\n          }\n          :host [hidden] {\n            display: none;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          :host(.hax-context-pin-top) #toolbar {\n            position: fixed;\n            top: 0px;\n          }\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-tray-focus-z-index)!important;\n          }\n          .group {\n            padding: 0;\n          }\n          hax-toolbar {\n            flex: 0 1 auto;\n            background-color: var(--hax-tray-border-color);\n            border: none!important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n          hax-toolbar *[hidden] {\n            display: none !important;\n          }\n          hax-toolbar[collapse-disabled]::part(morebutton) {\n            display: none !important;\n          }\n        "]);return _templateObject_c4e7b0501f2611eda0c389891c227ec8=function _templateObject_c4e7b0501f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}exports.HaxContextBehaviors=function HaxContextBehaviors(o){return function(n){function _class(){return _classCallCheck(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))}return _inherits(_class,n),_createClass(_class,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.HaxTrayBaseStyles),[(0,e.css)(_templateObject_c4e7b0501f2611eda0c389891c227ec8())])}}]),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_c4e7b0501f2611eda0c389891c227ec8())}}],[{key:"tag",get:function get(){return"hax-context"}}]),_class}((0,n.SimpleTourFinder)(o))};var o=function(t){function HaxContext(){return _classCallCheck(this,HaxContext),_possibleConstructorReturn(this,_getPrototypeOf(HaxContext).apply(this,arguments))}return _inherits(HaxContext,e.LitElement),HaxContext}();exports.HaxContext=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-dialog.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-dialog.dev.js
index 6f5e3026e9b..6643373661f 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-dialog.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-dialog.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxDialogBehaviors=exports.HaxDialog=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_eea82d501f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          :host {\n            display: none;\n          }\n          simple-modal-template {\n            display: none;\n            --simple-modal-z-index: 100000001;\n            --simple-modal-resize: horizontal;\n            --simple-modal-width: auto;\n            --simple-modal-height: auto;\n            --simple-modal-min-width: 95vw;\n            --simple-modal-min-height: 95vh;\n            --simple-modal-max-width: unset;\n            --simple-modal-max-height: unset;\n            --simple-modal-titlebar-color: black;\n            --simple-modal-titlebar-background: #ddd;\n            --simple-modal-header-color: black;\n            --simple-modal-header-background: #ccc;\n            --simple-modal-content-container-color: black;\n            --simple-modal-content-container-background: #ffffff;\n            --simple-modal-buttons-color: blue;\n            --simple-modal-buttons-background: #fff;\n            --simple-modal-button-color: var(--simple-modal-buttons-color);\n            --simple-modal-button-background: var(\n              --simple-modal-buttons-background-color\n            );\n          }\n        "]);return _templateObject3_eea82d501f0511ed8cc3e9a95995ad69=function _templateObject3_eea82d501f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_eea82d501f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([""]);return _templateObject2_eea82d501f0511ed8cc3e9a95995ad69=function _templateObject2_eea82d501f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eea82d501f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <simple-modal-template\n          modal-id="hax-export"\n          id="dialog"\n          .title="','"\n        >\n          <hax-view-source slot="content"></hax-view-source>\n        </simple-modal-template>\n      ']);return _templateObject_eea82d501f0511ed8cc3e9a95995ad69=function _templateObject_eea82d501f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var a=Object.getOwnPropertyDescriptor(n,t);return a.get?a.get.call(o):a.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-modal/lib/simple-modal-template.js"),require("./hax-view-source.js");var t=function HaxDialogBehaviors(t){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).title="View page source",e}return _inherits(_class,t),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(_class,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this),window.addEventListener("simple-modal-show",this.modalToggle.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("simple-modal-show",this.modalToggle.bind(this)),_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this)}},{key:"modalToggle",value:function modalToggle(e){"hax-export"==e.detail.id&&e.detail.elements.content.children[0].openSource()}},{key:"render",value:function render(){return(0,e.html)(_templateObject_eea82d501f0511ed8cc3e9a95995ad69(),this.title)}},{key:"firstUpdated",value:function firstUpdated(){this.dispatchEvent(new CustomEvent("hax-register-core-piece",{bubbles:!0,cancelable:!0,composed:!0,detail:{piece:"haxExport",object:this}}))}},{key:"content",get:function get(){return(0,e.html)(_templateObject2_eea82d501f0511ed8cc3e9a95995ad69())}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject3_eea82d501f0511ed8cc3e9a95995ad69())]}},{key:"tag",get:function get(){return"hax-export-dialog"}},{key:"properties",get:function get(){return{title:{type:String}}}}]),_class}(t)};exports.HaxDialogBehaviors=t;var o=function(o){function HaxDialog(){return _classCallCheck(this,HaxDialog),_possibleConstructorReturn(this,_getPrototypeOf(HaxDialog).apply(this,arguments))}return _inherits(HaxDialog,t(e.LitElement)),HaxDialog}();exports.HaxDialog=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxDialogBehaviors=exports.HaxDialog=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_c4e936f01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          :host {\n            display: none;\n          }\n          simple-modal-template {\n            display: none;\n            --simple-modal-z-index: 100000001;\n            --simple-modal-resize: horizontal;\n            --simple-modal-width: auto;\n            --simple-modal-height: auto;\n            --simple-modal-min-width: 95vw;\n            --simple-modal-min-height: 95vh;\n            --simple-modal-max-width: unset;\n            --simple-modal-max-height: unset;\n            --simple-modal-titlebar-color: black;\n            --simple-modal-titlebar-background: #ddd;\n            --simple-modal-header-color: black;\n            --simple-modal-header-background: #ccc;\n            --simple-modal-content-container-color: black;\n            --simple-modal-content-container-background: #ffffff;\n            --simple-modal-buttons-color: blue;\n            --simple-modal-buttons-background: #fff;\n            --simple-modal-button-color: var(--simple-modal-buttons-color);\n            --simple-modal-button-background: var(\n              --simple-modal-buttons-background-color\n            );\n          }\n        "]);return _templateObject3_c4e936f01f2611eda0c389891c227ec8=function _templateObject3_c4e936f01f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4e936f01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([""]);return _templateObject2_c4e936f01f2611eda0c389891c227ec8=function _templateObject2_c4e936f01f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4e936f01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <simple-modal-template\n          modal-id="hax-export"\n          id="dialog"\n          .title="','"\n        >\n          <hax-view-source slot="content"></hax-view-source>\n        </simple-modal-template>\n      ']);return _templateObject_c4e936f01f2611eda0c389891c227ec8=function _templateObject_c4e936f01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(o):r.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-modal/lib/simple-modal-template.js"),require("./hax-view-source.js");var t=function HaxDialogBehaviors(t){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).title="View page source",e}return _inherits(_class,t),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(_class,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this),window.addEventListener("simple-modal-show",this.modalToggle.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("simple-modal-show",this.modalToggle.bind(this)),_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this)}},{key:"modalToggle",value:function modalToggle(e){"hax-export"==e.detail.id&&e.detail.elements.content.children[0].openSource()}},{key:"render",value:function render(){return(0,e.html)(_templateObject_c4e936f01f2611eda0c389891c227ec8(),this.title)}},{key:"firstUpdated",value:function firstUpdated(){this.dispatchEvent(new CustomEvent("hax-register-core-piece",{bubbles:!0,cancelable:!0,composed:!0,detail:{piece:"haxExport",object:this}}))}},{key:"content",get:function get(){return(0,e.html)(_templateObject2_c4e936f01f2611eda0c389891c227ec8())}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject3_c4e936f01f2611eda0c389891c227ec8())]}},{key:"tag",get:function get(){return"hax-export-dialog"}},{key:"properties",get:function get(){return{title:{type:String}}}}]),_class}(t)};exports.HaxDialogBehaviors=t;var o=function(o){function HaxDialog(){return _classCallCheck(this,HaxDialog),_possibleConstructorReturn(this,_getPrototypeOf(HaxDialog).apply(this,arguments))}return _inherits(HaxDialog,t(e.LitElement)),HaxDialog}();exports.HaxDialog=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-export-dialog.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-export-dialog.dev.js
index 859b8a8da42..46dbb634c7b 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-export-dialog.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-export-dialog.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxExportDialog=void 0;var e=require("lit");require("@lrnwebcomponents/simple-modal/lib/simple-modal-template.js"),require("./hax-view-source.js");var t=require("./hax-ui-styles.js"),o=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_eea917b01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: none;\n          --simple-modal-resize: both;\n          --simple-modal-height: 100vh;\n        }\n      "]);return _templateObject2_eea917b01f0511ed8cc3e9a95995ad69=function _templateObject2_eea917b01f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_eea917b01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <simple-modal-template\n        modal-id="hax-export"\n        mode="hax-ui"\n        id="dialog"\n        .title="','"\n      >\n        <hax-view-source slot="custom"></hax-view-source>\n      </simple-modal-template>\n    ']);return _templateObject_eea917b01f0511ed8cc3e9a95995ad69=function _templateObject_eea917b01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var n=Object.getOwnPropertyDescriptor(r,t);return n.get?n.get.call(o):n.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var r=function(r){function HaxExportDialog(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxExportDialog),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxExportDialog).call(this))).t={viewPageSource:"View Page Source"},e.registerTranslation({context:_assertThisInitialized(e),namespace:"hax"}),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxExportDialog,(0,o.I18NMixin)(e.LitElement)),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(HaxExportDialog,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(HaxExportDialog.prototype),"connectedCallback",this).call(this),window.addEventListener("simple-modal-show",this.modalToggle.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("simple-modal-show",this.modalToggle.bind(this)),_get(_getPrototypeOf(HaxExportDialog.prototype),"disconnectedCallback",this).call(this)}},{key:"modalToggle",value:function modalToggle(e){"hax-export"==e.detail.id&&e.detail.elements.custom.openSource()}},{key:"render",value:function render(){return(0,e.html)(_templateObject_eea917b01f0511ed8cc3e9a95995ad69(),this.t.viewPageSource)}},{key:"firstUpdated",value:function firstUpdated(){this.dispatchEvent(new CustomEvent("hax-register-core-piece",{bubbles:!0,cancelable:!0,composed:!0,detail:{piece:"haxExport",object:this}}))}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.HaxComponentStyles),[(0,e.css)(_templateObject2_eea917b01f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"hax-export-dialog"}}]),HaxExportDialog}();exports.HaxExportDialog=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxExportDialog=void 0;var e=require("lit");require("@lrnwebcomponents/simple-modal/lib/simple-modal-template.js"),require("./hax-view-source.js");var t=require("./hax-ui-styles.js"),o=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c4ea21501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: none;\n          --simple-modal-resize: both;\n          --simple-modal-height: 100vh;\n        }\n      "]);return _templateObject2_c4ea21501f2611eda0c389891c227ec8=function _templateObject2_c4ea21501f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_c4ea21501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <simple-modal-template\n        modal-id="hax-export"\n        mode="hax-ui"\n        id="dialog"\n        .title="','"\n      >\n        <hax-view-source slot="custom"></hax-view-source>\n      </simple-modal-template>\n    ']);return _templateObject_c4ea21501f2611eda0c389891c227ec8=function _templateObject_c4ea21501f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var n=Object.getOwnPropertyDescriptor(r,t);return n.get?n.get.call(o):n.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var r=function(r){function HaxExportDialog(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxExportDialog),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxExportDialog).call(this))).t={viewPageSource:"View Page Source"},e.registerTranslation({context:_assertThisInitialized(e),namespace:"hax"}),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxExportDialog,(0,o.I18NMixin)(e.LitElement)),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(HaxExportDialog,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(HaxExportDialog.prototype),"connectedCallback",this).call(this),window.addEventListener("simple-modal-show",this.modalToggle.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("simple-modal-show",this.modalToggle.bind(this)),_get(_getPrototypeOf(HaxExportDialog.prototype),"disconnectedCallback",this).call(this)}},{key:"modalToggle",value:function modalToggle(e){"hax-export"==e.detail.id&&e.detail.elements.custom.openSource()}},{key:"render",value:function render(){return(0,e.html)(_templateObject_c4ea21501f2611eda0c389891c227ec8(),this.t.viewPageSource)}},{key:"firstUpdated",value:function firstUpdated(){this.dispatchEvent(new CustomEvent("hax-register-core-piece",{bubbles:!0,cancelable:!0,composed:!0,detail:{piece:"haxExport",object:this}}))}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.HaxComponentStyles),[(0,e.css)(_templateObject2_c4ea21501f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"hax-export-dialog"}}]),HaxExportDialog}();exports.HaxExportDialog=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-gizmo-browser.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-gizmo-browser.dev.js
index 0ceeeef51c1..8ebc10178b3 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-gizmo-browser.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-gizmo-browser.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxGizmoBrowser=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-filter/simple-filter.js"),r=require("@lrnwebcomponents/utils/utils.js"),n=require("./hax-store.js"),o=require("mobx");require("@lrnwebcomponents/simple-fields/lib/simple-fields-field.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js");var a=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject3_eeaa77401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n            <hax-tray-button\n              show-text-label\n              voice-command="insert ','"\n              draggable="true"\n              @dragstart="','"\n              @dragend="','"\n              index="','"\n              label="','"\n              event-name="insert-tag"\n              event-data="','"\n              data-demo-schema="true"\n              icon-position="top"\n              icon="','"\n              part="grid-button"\n            ></hax-tray-button>\n          ']);return _templateObject3_eeaa77401f0511ed8cc3e9a95995ad69=function _templateObject3_eeaa77401f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_eeaa77401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <div class="toolbar-inner" part="toolbar">\n        <simple-fields-field\n          id="inputfilter"\n          @value-changed="','"\n          aria-controls="filter"\n          label="','"\n          type="text"\n          auto-validate=""\n          part="filter"\n        ></simple-fields-field>\n      </div>\n      <simple-button-grid .cols="','" .columns="','" always-expanded part="grid">\n        ',"\n      </simple-button-grid>\n    "]);return _templateObject2_eeaa77401f0511ed8cc3e9a95995ad69=function _templateObject2_eeaa77401f0511ed8cc3e9a95995ad69(){return e},e}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject_eeaa77401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          flex: 0 1 auto;\n          overflow-y: auto;\n        }\n        :host > * {\n          max-width: 100%;\n        }\n        .toolbar-inner {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          width: 100%;\n          flex: 0 0 auto;\n        }\n        hax-tray-button::part(button) {\n          font-size: var(hax-ui-font-size-xs);\n        }\n        simple-fields-field {\n          margin-top: 0;\n        }\n      "]);return _templateObject_eeaa77401f0511ed8cc3e9a95995ad69=function _templateObject_eeaa77401f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var i=function(i){function HaxGizmoBrowser(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxGizmoBrowser),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxGizmoBrowser).call(this))).where="title",e.t={filterContentTypes:"Filter Content Types"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax"}),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxGizmoBrowser,(0,a.I18NMixin)((0,t.SimpleFilterMixin)(e.LitElement))),_createClass(HaxGizmoBrowser,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_eeaa77401f0511ed8cc3e9a95995ad69())]}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(HaxGizmoBrowser),"properties",this),{isModal:{type:Boolean,attribute:"is-modal"}})}}]),_createClass(HaxGizmoBrowser,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject2_eeaa77401f0511ed8cc3e9a95995ad69(),this.inputfilterChanged,this.t.filterContentTypes,this.isModal?void 0:"100px",this.isModal?void 0:3,this.filtered.map((function(r,n){return(0,e.html)(_templateObject3_eeaa77401f0511ed8cc3e9a95995ad69(),r.title,t._dragStart,t._dragEnd,n,r.title,r.tag,r.icon)})))}},{key:"_dragStart",value:function _dragStart(e){var t,o=n.HAXStore.haxSchemaFromTag(e.target.eventData);t=o.gizmo.tag&&o.demoSchema&&o.demoSchema[0]?(0,r.haxElementToNode)(o.demoSchema[0]):document.createElement(e.target.eventData),n.HAXStore.__dragTarget=t,e.dataTransfer&&(this.crt=t.cloneNode(!0),o.gizmo.tag&&o.demoSchema&&o.demoSchema[0]?(this.crt.style.width="200px",this.crt.style.height="200px"):(this.crt.style.position="absolute",this.crt.style.top="-1000px",this.crt.style.right="-1000px",this.crt.style.transform="scale(0.25)"),this.crt.style.opacity=".8",this.crt.style.backgroundColor=e.target.getAttribute("drag-color"),e.dataTransfer.effectAllowed="move",e.dataTransfer.dropEffect="move",e.dataTransfer.setDragImage(this.crt,0,0)),e.stopPropagation(),e.stopImmediatePropagation()}},{key:"_dragEnd",value:function _dragEnd(e){this.crt.remove()}},{key:"inputfilterChanged",value:function inputfilterChanged(e){this.like=e.target.value}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,r){"activeApp"==r&&t._activeAppChanged(t[r],e),"filtered"==r&&t.requestUpdate()}))}},{key:"firstUpdated",value:function firstUpdated(e){var t=this;_get(_getPrototypeOf(HaxGizmoBrowser.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxGizmoBrowser.prototype),"firstUpdated",this).call(this,e),(0,o.autorun)((function(){t.resetList((0,o.toJS)(n.HAXStore.gizmoList))}))}},{key:"resetList",value:function resetList(e){_get(_getPrototypeOf(HaxGizmoBrowser.prototype),"resetList",this).call(this,e),e&&(this.items=_toConsumableArray(e.filter((function(e,t){return!e||!e.meta||!e.meta.inlineOnly&&!e.meta.hidden}))))}}],[{key:"tag",get:function get(){return"hax-gizmo-browser"}}]),HaxGizmoBrowser}();exports.HaxGizmoBrowser=i,window.customElements.define(i.tag,i);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxGizmoBrowser=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-filter/simple-filter.js"),r=require("@lrnwebcomponents/utils/utils.js"),n=require("./hax-store.js"),o=require("mobx");require("@lrnwebcomponents/simple-fields/lib/simple-fields-field.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js");var i=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject3_c4eb80e01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n            <hax-tray-button\n              show-text-label\n              voice-command="insert ','"\n              draggable="true"\n              @dragstart="','"\n              @dragend="','"\n              index="','"\n              label="','"\n              event-name="insert-tag"\n              event-data="','"\n              data-demo-schema="true"\n              icon-position="top"\n              icon="','"\n              part="grid-button"\n            ></hax-tray-button>\n          ']);return _templateObject3_c4eb80e01f2611eda0c389891c227ec8=function _templateObject3_c4eb80e01f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4eb80e01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <div class="toolbar-inner" part="toolbar">\n        <simple-fields-field\n          id="inputfilter"\n          @value-changed="','"\n          aria-controls="filter"\n          label="','"\n          type="text"\n          auto-validate=""\n          part="filter"\n        ></simple-fields-field>\n      </div>\n      <simple-button-grid .cols="','" .columns="','" always-expanded part="grid">\n        ',"\n      </simple-button-grid>\n    "]);return _templateObject2_c4eb80e01f2611eda0c389891c227ec8=function _templateObject2_c4eb80e01f2611eda0c389891c227ec8(){return e},e}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject_c4eb80e01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          flex: 0 1 auto;\n          overflow-y: auto;\n        }\n        :host > * {\n          max-width: 100%;\n        }\n        .toolbar-inner {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          width: 100%;\n          flex: 0 0 auto;\n        }\n        hax-tray-button::part(button) {\n          font-size: var(hax-ui-font-size-xs);\n        }\n        simple-fields-field {\n          margin-top: 0;\n        }\n      "]);return _templateObject_c4eb80e01f2611eda0c389891c227ec8=function _templateObject_c4eb80e01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var a=function(a){function HaxGizmoBrowser(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxGizmoBrowser),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxGizmoBrowser).call(this))).where="title",e.t={filterContentTypes:"Filter Content Types"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax"}),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxGizmoBrowser,(0,i.I18NMixin)((0,t.SimpleFilterMixin)(e.LitElement))),_createClass(HaxGizmoBrowser,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_c4eb80e01f2611eda0c389891c227ec8())]}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(HaxGizmoBrowser),"properties",this),{isModal:{type:Boolean,attribute:"is-modal"}})}}]),_createClass(HaxGizmoBrowser,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject2_c4eb80e01f2611eda0c389891c227ec8(),this.inputfilterChanged,this.t.filterContentTypes,this.isModal?void 0:"100px",this.isModal?void 0:3,this.filtered.map((function(r,n){return(0,e.html)(_templateObject3_c4eb80e01f2611eda0c389891c227ec8(),r.title,t._dragStart,t._dragEnd,n,r.title,r.tag,r.icon)})))}},{key:"_dragStart",value:function _dragStart(e){var t,o=n.HAXStore.haxSchemaFromTag(e.target.eventData);t=o.gizmo.tag&&o.demoSchema&&o.demoSchema[0]?(0,r.haxElementToNode)(o.demoSchema[0]):document.createElement(e.target.eventData),n.HAXStore.__dragTarget=t,e.dataTransfer&&(this.crt=t.cloneNode(!0),o.gizmo.tag&&o.demoSchema&&o.demoSchema[0]?(this.crt.style.width="200px",this.crt.style.height="200px"):(this.crt.style.position="absolute",this.crt.style.top="-1000px",this.crt.style.right="-1000px",this.crt.style.transform="scale(0.25)"),this.crt.style.opacity=".8",this.crt.style.backgroundColor=e.target.getAttribute("drag-color"),e.dataTransfer.effectAllowed="move",e.dataTransfer.dropEffect="move",e.dataTransfer.setDragImage(this.crt,0,0)),e.stopPropagation(),e.stopImmediatePropagation()}},{key:"_dragEnd",value:function _dragEnd(e){this.crt.remove()}},{key:"inputfilterChanged",value:function inputfilterChanged(e){this.like=e.target.value}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,r){"activeApp"==r&&t._activeAppChanged(t[r],e),"filtered"==r&&t.requestUpdate()}))}},{key:"firstUpdated",value:function firstUpdated(e){var t=this;_get(_getPrototypeOf(HaxGizmoBrowser.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxGizmoBrowser.prototype),"firstUpdated",this).call(this,e),(0,o.autorun)((function(){t.resetList((0,o.toJS)(n.HAXStore.gizmoList))}))}},{key:"resetList",value:function resetList(e){_get(_getPrototypeOf(HaxGizmoBrowser.prototype),"resetList",this).call(this,e),e&&(this.items=_toConsumableArray(e.filter((function(e,t){return!e||!e.meta||!e.meta.inlineOnly&&!e.meta.hidden}))))}}],[{key:"tag",get:function get(){return"hax-gizmo-browser"}}]),HaxGizmoBrowser}();exports.HaxGizmoBrowser=a,window.customElements.define(a.tag,a);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-map.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-map.dev.js
index 382521f4a31..ee4a6b581d3 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-map.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-map.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxMap=void 0;var t=require("lit");require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar-item.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");var n=require("@lrnwebcomponents/hax-body/lib/hax-store.js"),a=require("@lrnwebcomponents/utils/utils.js"),r=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js"),i=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_eeac9a201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n            <li>\n              <hax-toolbar-item\n                align-horizontal="left"\n                class="heading-level-','"\n                @click="','"\n                data-index="','"\n                icon="','"\n                label="','"\n                show-text-label\n              >\n              </hax-toolbar-item>\n            </li>\n          ']);return _templateObject3_eeac9a201f0511ed8cc3e9a95995ad69=function _templateObject3_eeac9a201f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_eeac9a201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n      <h5>",'</h5>\n      <div class="stats">\n        <div class="stat">\n          <span>',"</span>\n          <span>",'</span>\n        </div>\n        <div class="stat">\n          <span>',"</span>\n          <span>",'</span>\n        </div>\n        <div class="stat">\n          <span>',"</span>\n          <span>",'</span>\n        </div>\n        <div class="stat">\n          <span>',"</span>\n          <span>","</span>\n        </div>\n      </div>\n      <h5>","</h5>\n      <ul>\n        ","\n      </ul>\n    "]);return _templateObject2_eeac9a201f0511ed8cc3e9a95995ad69=function _templateObject2_eeac9a201f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eeac9a201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        :host {\n          display: block;\n        }\n        .container {\n          text-align: left;\n        }\n        .stats {\n          display: flex;\n          align-items: stretch;\n          flex-wrap: wrap;\n        }\n        .stat {\n          flex: 1 1 auto;\n          text-align: center;\n          border: 1px solid var(--hax-ui-border-color);\n          font-weight: normal;\n          font-size: var(--hax-ui-font-size-xs);\n          line-height: 140%;\n          padding: var(--hax-ui-spacing-sm);\n        }\n        .stat > * {\n          display: block;\n        }\n        .stat *:first-child {\n          font-weight: bold;\n          font-size: 150%;\n        }\n        ul {\n          list-style: none;\n          padding: 0;\n          margin: 0;\n        }\n        ul li {\n          margin: 0;\n          padding: 0;\n        }\n        li > hax-toolbar-item {\n          width: 100%;\n        }\n        li > hax-toolbar-item::part(button),\n        li > hax-toolbar-item[icon="hax:h2"].heading-level-h2::part(button) {\n          width: 100%;\n          margin-left: 0px;\n        }\n        li > hax-toolbar-item.heading-level-h2::part(button),\n        li > hax-toolbar-item[icon="hax:h3"].heading-level-h3::part(button) {\n          width: calc(100% - 26px);\n          margin-left: 26px;\n        }\n        li > hax-toolbar-item.heading-level-h3::part(button),\n        li > hax-toolbar-item[icon="hax:h4"].heading-level-h4::part(button) {\n          width: calc(100% - calc(2 * 26px));\n          margin-left: calc(2 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h4::part(button),\n        li > hax-toolbar-item[icon="hax:h5"].heading-level-h5::part(button) {\n          width: calc(100% - calc(3 * 26px));\n          margin-left: calc(3 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h5::part(button),\n        li > hax-toolbar-item[icon="hax:h6"].heading-level-h6::part(button) {\n          width: calc(100% - calc(4 * 26px));\n          margin-left: calc(4 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h6::part(button) {\n          width: calc(100% - calc(5 * 26px));\n          margin-left: calc(5 * 26px);\n        }\n      ']);return _templateObject_eeac9a201f0511ed8cc3e9a95995ad69=function _templateObject_eeac9a201f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function HaxMap(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxMap),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxMap).call(this))).elementList=[],e.t={contentStatistics:"Content Statistics",words:"Words",headings:"Headings",paragraphs:"Paragraphs",widgets:"Widgets",characters:"Characters",listView:"List view"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax"}),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxMap,(0,i.I18NMixin)(t.LitElement)),_createClass(HaxMap,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(r.HaxTrayDetailHeadings),[(0,t.css)(_templateObject_eeac9a201f0511ed8cc3e9a95995ad69())])}}]),_createClass(HaxMap,[{key:"updateHAXMap",value:function updateHAXMap(e){var t,a,r,i;return regeneratorRuntime.async((function updateHAXMap$(e){for(;;)switch(e.prev=e.next){case 0:return e.t0=regeneratorRuntime,e.t1=n.HAXStore,e.next=4,regeneratorRuntime.awrap(n.HAXStore.activeHaxBody.haxToContent());case 4:return e.t2=e.sent,e.t3=e.t1.htmlToHaxElements.call(e.t1,e.t2),e.next=8,e.t0.awrap.call(e.t0,e.t3);case 8:for(t=e.sent,this.calcStats(t),a=[],r=0;r<t.length;r++)(i=n.HAXStore.haxSchemaFromTag(t[r].tag)).gizmo?a.push({icon:i.gizmo.icon,name:i.gizmo.title}):t[r].tag&&t[r].tag.includes("-")?a.push({icon:"hax:templates",name:"Widget"}):a.push({icon:"hax:paragraph",name:"HTML block"});this.elementList=[].concat(a);case 13:case"end":return e.stop()}}),null,this)}},{key:"calcStats",value:function calcStats(e){if(e&&n.HAXStore.activeHaxBody.innerText){var t={c:n.HAXStore.activeHaxBody.innerText.length,w:parseInt(n.HAXStore.activeHaxBody.innerText.split(/\s+/g).length-1),h:0,p:0,e:0};for(var a in e.forEach((function(e){switch(e.tag){case"blockquote":case"div":case"span":case"p":t.p++;break;case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":case"relative-heading":t.h++;break;default:t.e++}})),t)this["".concat(a,"Count")]=t[a]}}},{key:"render",value:function render(){var e=this;return(0,t.html)(_templateObject2_eeac9a201f0511ed8cc3e9a95995ad69(),this.t.contentStatistics,this.wCount,this.t.words,this.pCount,this.t.paragraphs,this.eCount,this.t.widgets,this.cCount,this.t.characters,this.t.listView,this.indentedElements.map((function(n,a){return(0,t.html)(_templateObject3_eeac9a201f0511ed8cc3e9a95995ad69(),n.parent||"h1",(function(t){return e.goToItem(a)}),a,n.icon,n.name)})))}},{key:"goToItem",value:function goToItem(e){if(e){var t=n.HAXStore.activeHaxBody.children[parseInt(e)];t.classList.add("blinkfocus"),"function"==typeof t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded(!0):t.scrollIntoView({behavior:"smooth",inline:"center"}),setTimeout((function(){t.classList.remove("blinkfocus")}),500)}}},{key:"scrollInMap",value:function scrollInMap(){var t=(0,a.normalizeEventPath)(e)[0];this.goToItem(t.getAttribute("data-index"))}},{key:"indentedElements",get:function get(){var e="h1";return this.elementList.map((function(t){var n=t;if(n.parent=e,"Heading"==n.name){var a=n.icon.replace("hax:","").trim();n.parent=a,e=a}return n}))}}],[{key:"tag",get:function get(){return"hax-map"}},{key:"properties",get:function get(){return{opened:{type:Boolean},elementList:{type:Array},cCount:{type:String},wCount:{type:String},hCount:{type:String},pCount:{type:String},eCount:{type:String}}}}]),HaxMap}();exports.HaxMap=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxMap=void 0;var t=require("lit");require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar-item.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");var n=require("@lrnwebcomponents/hax-body/lib/hax-store.js"),a=require("@lrnwebcomponents/utils/utils.js"),r=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js"),i=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_c4eda3c01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n            <li>\n              <hax-toolbar-item\n                align-horizontal="left"\n                class="heading-level-','"\n                @click="','"\n                data-index="','"\n                icon="','"\n                label="','"\n                show-text-label\n              >\n              </hax-toolbar-item>\n            </li>\n          ']);return _templateObject3_c4eda3c01f2611eda0c389891c227ec8=function _templateObject3_c4eda3c01f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4eda3c01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n      <h5>",'</h5>\n      <div class="stats">\n        <div class="stat">\n          <span>',"</span>\n          <span>",'</span>\n        </div>\n        <div class="stat">\n          <span>',"</span>\n          <span>",'</span>\n        </div>\n        <div class="stat">\n          <span>',"</span>\n          <span>",'</span>\n        </div>\n        <div class="stat">\n          <span>',"</span>\n          <span>","</span>\n        </div>\n      </div>\n      <h5>","</h5>\n      <ul>\n        ","\n      </ul>\n    "]);return _templateObject2_c4eda3c01f2611eda0c389891c227ec8=function _templateObject2_c4eda3c01f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4eda3c01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        :host {\n          display: block;\n        }\n        .container {\n          text-align: left;\n        }\n        .stats {\n          display: flex;\n          align-items: stretch;\n          flex-wrap: wrap;\n        }\n        .stat {\n          flex: 1 1 auto;\n          text-align: center;\n          border: 1px solid var(--hax-ui-border-color);\n          font-weight: normal;\n          font-size: var(--hax-ui-font-size-xs);\n          line-height: 140%;\n          padding: var(--hax-ui-spacing-sm);\n        }\n        .stat > * {\n          display: block;\n        }\n        .stat *:first-child {\n          font-weight: bold;\n          font-size: 150%;\n        }\n        ul {\n          list-style: none;\n          padding: 0;\n          margin: 0;\n        }\n        ul li {\n          margin: 0;\n          padding: 0;\n        }\n        li > hax-toolbar-item {\n          width: 100%;\n        }\n        li > hax-toolbar-item::part(button),\n        li > hax-toolbar-item[icon="hax:h2"].heading-level-h2::part(button) {\n          width: 100%;\n          margin-left: 0px;\n        }\n        li > hax-toolbar-item.heading-level-h2::part(button),\n        li > hax-toolbar-item[icon="hax:h3"].heading-level-h3::part(button) {\n          width: calc(100% - 26px);\n          margin-left: 26px;\n        }\n        li > hax-toolbar-item.heading-level-h3::part(button),\n        li > hax-toolbar-item[icon="hax:h4"].heading-level-h4::part(button) {\n          width: calc(100% - calc(2 * 26px));\n          margin-left: calc(2 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h4::part(button),\n        li > hax-toolbar-item[icon="hax:h5"].heading-level-h5::part(button) {\n          width: calc(100% - calc(3 * 26px));\n          margin-left: calc(3 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h5::part(button),\n        li > hax-toolbar-item[icon="hax:h6"].heading-level-h6::part(button) {\n          width: calc(100% - calc(4 * 26px));\n          margin-left: calc(4 * 26px);\n        }\n        li > hax-toolbar-item.heading-level-h6::part(button) {\n          width: calc(100% - calc(5 * 26px));\n          margin-left: calc(5 * 26px);\n        }\n      ']);return _templateObject_c4eda3c01f2611eda0c389891c227ec8=function _templateObject_c4eda3c01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function HaxMap(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxMap),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxMap).call(this))).elementList=[],e.t={contentStatistics:"Content Statistics",words:"Words",headings:"Headings",paragraphs:"Paragraphs",widgets:"Widgets",characters:"Characters",listView:"List view"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax"}),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxMap,(0,i.I18NMixin)(t.LitElement)),_createClass(HaxMap,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(r.HaxTrayDetailHeadings),[(0,t.css)(_templateObject_c4eda3c01f2611eda0c389891c227ec8())])}}]),_createClass(HaxMap,[{key:"updateHAXMap",value:function updateHAXMap(e){var t,a,r,i;return regeneratorRuntime.async((function updateHAXMap$(e){for(;;)switch(e.prev=e.next){case 0:return e.t0=regeneratorRuntime,e.t1=n.HAXStore,e.next=4,regeneratorRuntime.awrap(n.HAXStore.activeHaxBody.haxToContent());case 4:return e.t2=e.sent,e.t3=e.t1.htmlToHaxElements.call(e.t1,e.t2),e.next=8,e.t0.awrap.call(e.t0,e.t3);case 8:for(t=e.sent,this.calcStats(t),a=[],r=0;r<t.length;r++)(i=n.HAXStore.haxSchemaFromTag(t[r].tag)).gizmo?a.push({icon:i.gizmo.icon,name:i.gizmo.title}):t[r].tag&&t[r].tag.includes("-")?a.push({icon:"hax:templates",name:"Widget"}):a.push({icon:"hax:paragraph",name:"HTML block"});this.elementList=[].concat(a);case 13:case"end":return e.stop()}}),null,this)}},{key:"calcStats",value:function calcStats(e){if(e&&n.HAXStore.activeHaxBody.innerText){var t={c:n.HAXStore.activeHaxBody.innerText.length,w:parseInt(n.HAXStore.activeHaxBody.innerText.split(/\s+/g).length-1),h:0,p:0,e:0};for(var a in e.forEach((function(e){switch(e.tag){case"blockquote":case"div":case"span":case"p":t.p++;break;case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":case"relative-heading":t.h++;break;default:t.e++}})),t)this["".concat(a,"Count")]=t[a]}}},{key:"render",value:function render(){var e=this;return(0,t.html)(_templateObject2_c4eda3c01f2611eda0c389891c227ec8(),this.t.contentStatistics,this.wCount,this.t.words,this.pCount,this.t.paragraphs,this.eCount,this.t.widgets,this.cCount,this.t.characters,this.t.listView,this.indentedElements.map((function(n,a){return(0,t.html)(_templateObject3_c4eda3c01f2611eda0c389891c227ec8(),n.parent||"h1",(function(t){return e.goToItem(a)}),a,n.icon,n.name)})))}},{key:"goToItem",value:function goToItem(e){if(e){var t=n.HAXStore.activeHaxBody.children[parseInt(e)];t.classList.add("blinkfocus"),"function"==typeof t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded(!0):t.scrollIntoView({behavior:"smooth",inline:"center"}),setTimeout((function(){t.classList.remove("blinkfocus")}),500)}}},{key:"scrollInMap",value:function scrollInMap(){var t=(0,a.normalizeEventPath)(e)[0];this.goToItem(t.getAttribute("data-index"))}},{key:"indentedElements",get:function get(){var e="h1";return this.elementList.map((function(t){var n=t;if(n.parent=e,"Heading"==n.name){var a=n.icon.replace("hax:","").trim();n.parent=a,e=a}return n}))}}],[{key:"tag",get:function get(){return"hax-map"}},{key:"properties",get:function get(){return{opened:{type:Boolean},elementList:{type:Array},cCount:{type:String},wCount:{type:String},hCount:{type:String},pCount:{type:String},eCount:{type:String}}}}]),HaxMap}();exports.HaxMap=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-picker.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-picker.dev.js
index 1226a92d942..b13e478d073 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-picker.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-picker.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxPicker=void 0;var e=require("lit");require("@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js");var t=require("./hax-ui-styles.js"),n=require("./hax-store.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject4_eeadf9b01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n                <hax-tray-button\n                  show-text-label\n                  id="picker-item-','"\n                  @click="','"\n                  data-selected="','"\n                  ?disabled="','"\n                  label="','"\n                  icon="','"\n                  icon-position="top"\n                ></hax-tray-button>\n              ']);return _templateObject4_eeadf9b01f0511ed8cc3e9a95995ad69=function _templateObject4_eeadf9b01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_eeadf9b01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <div id="filters">\n            <simple-icon-button-lite\n              icon="editable-table:filter','"\n              label="Toggle Filters"\n              tooltip-position="right"\n              @click="','"\n            >\n            </simple-icon-button-lite>\n            <simple-fields-field\n              ?hidden="','"\n              id="hax-gizmo-filters"\n              label="Filters"\n              type="checkbox"\n              .options="','"\n              @value-changed="','"\n            >\n            </simple-fields-field>\n          </div>']);return _templateObject3_eeadf9b01f0511ed8cc3e9a95995ad69=function _templateObject3_eeadf9b01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_eeadf9b01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n      ",'\n      <simple-button-grid cols="100px">\n        ',"\n      </simple-button-grid>\n    "]);return _templateObject2_eeadf9b01f0511ed8cc3e9a95995ad69=function _templateObject2_eeadf9b01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eeadf9b01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        simple-button-grid {\n          overflow-y: auto;\n          margin: var(--hax-ui-spacing-sm);\n          --simple-button-grid-cols: 100px;\n        }\n        #filters {\n          min-height: 24px;\n        }\n        simple-icon-button-lite {\n          float: right;\n          margin-left: -24px;\n        }\n        simple-fields-field::part(fieldset-legend) {\n          line-height: 24px;\n        }\n        simple-fields-field::part(fieldset-options) {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n        }\n        simple-fields-field::part(option) {\n          display: flex;\n          flex-wrap: no-wrap;\n          align-items: center;\n          justify-content: space-between;\n          margin: 0 var(--simple-fields-margin-small, 8px);\n          flex-direction: row-reverse;\n        }\n        simple-fields-field::part(option-inner) {\n          flex: 0 0 auto;\n          margin: 0 calc(var(--simple-fields-margin-small, 8px) * 0.5) 0 0;\n        }\n        simple-fields-field::part(option-label) {\n          flex: 1 1 auto;\n          margin: 0;\n          font-size: var(--hax-ui-font-size-sm, 13px);\n        }\n        :host([filter-on]) simple-button-grid {\n          margin-bottom: var(--simple-fields-margin-small, 8px);\n        }\n        :host([filter-on]) #hax-gizmo-filters {\n          margin-bottom: 0;\n        }\n        :host([filter-on]) ::part(fieldset-options) {\n          padding-bottom: var(--simple-fields-margin-small, 8px);\n        }\n      "]);return _templateObject_eeadf9b01f0511ed8cc3e9a95995ad69=function _templateObject_eeadf9b01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var i=function(i){function HaxPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxPicker).call(this)))._elements=[],e.selectionList=[],e.pickerType="gizmo",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxPicker,e.LitElement),_createClass(HaxPicker,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.HaxComponentStyles),[(0,e.css)(_templateObject_eeadf9b01f0511ed8cc3e9a95995ad69())])}}]),_createClass(HaxPicker,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject2_eeadf9b01f0511ed8cc3e9a95995ad69(),this.keywords?(0,e.html)(_templateObject3_eeadf9b01f0511ed8cc3e9a95995ad69(),this.filterOn?"-off":"",(function(e){return t.filterOn=!t.filterOn}),!this.filterOn,this.keywords,this._handleFilters):"",this.selectionList.map((function(i,r){return t._isFiltered(i.keywords)?(0,e.html)(_templateObject4_eeadf9b01f0511ed8cc3e9a95995ad69(),r,t._selected,r,n.HAXStore.activeGizmo&&n.HAXStore.activeGizmo.tag==i.tag,i.title,i.icon):""})))}},{key:"buildOptions",value:function buildOptions(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"element",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"gizmo";this.pickerType=i;var r=[],o=function addKeywords(n){e[n].gizmo.keywords.forEach((function(e){(e=(e||"").toLowerCase()).replace(/[\s\W]*/,"").length>0&&(t.keywords[e]=e)}))};switch(this.keywords={},i){case"gizmo":for(var a in e)e[a].__type=n,r.push({icon:e[a].gizmo.icon,title:e[a].gizmo.title,color:e[a].gizmo.color,tag:e[a].gizmo.tag,keywords:e[a].gizmo.keywords}),o(a);break;case"app":for(var a in e)r.push({icon:e[a].details.icon,title:e[a].details.title,color:e[a].details.color,tag:e[a].gizmo.tag,keywords:e[a].gizmo.keywords}),o(a);break;default:r=e}this._elements=e,this.selectionList=_toConsumableArray(r),setTimeout((function(){t.shadowRoot.querySelector("#picker-item-0").focus()}),50)}},{key:"_handleFilters",value:function _handleFilters(e){var t=this.shadowRoot&&this.shadowRoot.querySelector("#hax-gizmo-filters")?this.shadowRoot.querySelector("#hax-gizmo-filters"):void 0;t&&(this.filters=t.value)}},{key:"_isFiltered",value:function _isFiltered(e){for(var t=0,n=!this.filterOn||!this.filters||this.filters.length<1;!n&&t<this.filters.length;)e.includes(this.filters[t])&&(n=!0),t++;return n}},{key:"_selected",value:function _selected(e){var t=e.target.getAttribute("data-selected");e.preventDefault(),e.stopPropagation(),console.log(this._elements[t],this.pickerType),"undefined"!==_typeof(this._elements[t])&&("gizmo"==this.pickerType?(this._elements[t].replace=!0,this.dispatchEvent(new CustomEvent("hax-insert-content",{bubbles:!0,cancelable:!0,composed:!0,detail:this._elements[t]}))):this.dispatchEvent(new CustomEvent("hax-app-picker-selection",{bubbles:!0,cancelable:!0,composed:!0,detail:this._elements[t]}))),this.close()}},{key:"close",value:function close(){window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}}))}}],[{key:"tag",get:function get(){return"hax-picker"}},{key:"properties",get:function get(){return{_elements:{type:Array},keywords:{type:Object},selectionList:{type:Array},pickerType:{type:String,attribute:"picker-type"},filters:{type:Array},filterOn:{type:Boolean,attribute:"filter-on",reflect:!0}}}}]),HaxPicker}();exports.HaxPicker=i,window.customElements.define(i.tag,i);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxPicker=void 0;var e=require("lit");require("@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js");var t=require("./hax-ui-styles.js"),n=require("./hax-store.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject4_c4ef03501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n                <hax-tray-button\n                  show-text-label\n                  id="picker-item-','"\n                  @click="','"\n                  data-selected="','"\n                  ?disabled="','"\n                  label="','"\n                  icon="','"\n                  icon-position="top"\n                ></hax-tray-button>\n              ']);return _templateObject4_c4ef03501f2611eda0c389891c227ec8=function _templateObject4_c4ef03501f2611eda0c389891c227ec8(){return e},e}function _templateObject3_c4ef03501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <div id="filters">\n            <simple-icon-button-lite\n              icon="editable-table:filter','"\n              label="Toggle Filters"\n              tooltip-position="right"\n              @click="','"\n            >\n            </simple-icon-button-lite>\n            <simple-fields-field\n              ?hidden="','"\n              id="hax-gizmo-filters"\n              label="Filters"\n              type="checkbox"\n              .options="','"\n              @value-changed="','"\n            >\n            </simple-fields-field>\n          </div>']);return _templateObject3_c4ef03501f2611eda0c389891c227ec8=function _templateObject3_c4ef03501f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4ef03501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n      ",'\n      <simple-button-grid cols="100px">\n        ',"\n      </simple-button-grid>\n    "]);return _templateObject2_c4ef03501f2611eda0c389891c227ec8=function _templateObject2_c4ef03501f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4ef03501f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        simple-button-grid {\n          overflow-y: auto;\n          margin: var(--hax-ui-spacing-sm);\n          --simple-button-grid-cols: 100px;\n        }\n        #filters {\n          min-height: 24px;\n        }\n        simple-icon-button-lite {\n          float: right;\n          margin-left: -24px;\n        }\n        simple-fields-field::part(fieldset-legend) {\n          line-height: 24px;\n        }\n        simple-fields-field::part(fieldset-options) {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n        }\n        simple-fields-field::part(option) {\n          display: flex;\n          flex-wrap: no-wrap;\n          align-items: center;\n          justify-content: space-between;\n          margin: 0 var(--simple-fields-margin-small, 8px);\n          flex-direction: row-reverse;\n        }\n        simple-fields-field::part(option-inner) {\n          flex: 0 0 auto;\n          margin: 0 calc(var(--simple-fields-margin-small, 8px) * 0.5) 0 0;\n        }\n        simple-fields-field::part(option-label) {\n          flex: 1 1 auto;\n          margin: 0;\n          font-size: var(--hax-ui-font-size-sm, 13px);\n        }\n        :host([filter-on]) simple-button-grid {\n          margin-bottom: var(--simple-fields-margin-small, 8px);\n        }\n        :host([filter-on]) #hax-gizmo-filters {\n          margin-bottom: 0;\n        }\n        :host([filter-on]) ::part(fieldset-options) {\n          padding-bottom: var(--simple-fields-margin-small, 8px);\n        }\n      "]);return _templateObject_c4ef03501f2611eda0c389891c227ec8=function _templateObject_c4ef03501f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var i=function(i){function HaxPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxPicker).call(this)))._elements=[],e.selectionList=[],e.pickerType="gizmo",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxPicker,e.LitElement),_createClass(HaxPicker,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.HaxComponentStyles),[(0,e.css)(_templateObject_c4ef03501f2611eda0c389891c227ec8())])}}]),_createClass(HaxPicker,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject2_c4ef03501f2611eda0c389891c227ec8(),this.keywords?(0,e.html)(_templateObject3_c4ef03501f2611eda0c389891c227ec8(),this.filterOn?"-off":"",(function(e){return t.filterOn=!t.filterOn}),!this.filterOn,this.keywords,this._handleFilters):"",this.selectionList.map((function(i,r){return t._isFiltered(i.keywords)?(0,e.html)(_templateObject4_c4ef03501f2611eda0c389891c227ec8(),r,t._selected,r,n.HAXStore.activeGizmo&&n.HAXStore.activeGizmo.tag==i.tag,i.title,i.icon):""})))}},{key:"buildOptions",value:function buildOptions(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"element",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"gizmo";this.pickerType=i;var r=[],o=function addKeywords(n){e[n].gizmo.keywords.forEach((function(e){(e=(e||"").toLowerCase()).replace(/[\s\W]*/,"").length>0&&(t.keywords[e]=e)}))};switch(this.keywords={},i){case"gizmo":for(var l in e)e[l].__type=n,r.push({icon:e[l].gizmo.icon,title:e[l].gizmo.title,color:e[l].gizmo.color,tag:e[l].gizmo.tag,keywords:e[l].gizmo.keywords}),o(l);break;case"app":for(var l in e)r.push({icon:e[l].details.icon,title:e[l].details.title,color:e[l].details.color,tag:e[l].gizmo.tag,keywords:e[l].gizmo.keywords}),o(l);break;default:r=e}this._elements=e,this.selectionList=_toConsumableArray(r),setTimeout((function(){t.shadowRoot.querySelector("#picker-item-0").focus()}),50)}},{key:"_handleFilters",value:function _handleFilters(e){var t=this.shadowRoot&&this.shadowRoot.querySelector("#hax-gizmo-filters")?this.shadowRoot.querySelector("#hax-gizmo-filters"):void 0;t&&(this.filters=t.value)}},{key:"_isFiltered",value:function _isFiltered(e){for(var t=0,n=!this.filterOn||!this.filters||this.filters.length<1;!n&&t<this.filters.length;)e.includes(this.filters[t])&&(n=!0),t++;return n}},{key:"_selected",value:function _selected(e){var t=e.target.getAttribute("data-selected");e.preventDefault(),e.stopPropagation(),console.log(this._elements[t],this.pickerType),"undefined"!==_typeof(this._elements[t])&&("gizmo"==this.pickerType?(this._elements[t].replace=!0,this.dispatchEvent(new CustomEvent("hax-insert-content",{bubbles:!0,cancelable:!0,composed:!0,detail:this._elements[t]}))):this.dispatchEvent(new CustomEvent("hax-app-picker-selection",{bubbles:!0,cancelable:!0,composed:!0,detail:this._elements[t]}))),this.close()}},{key:"close",value:function close(){window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}}))}}],[{key:"tag",get:function get(){return"hax-picker"}},{key:"properties",get:function get(){return{_elements:{type:Array},keywords:{type:Object},selectionList:{type:Array},pickerType:{type:String,attribute:"picker-type"},filters:{type:Array},filterOn:{type:Boolean,attribute:"filter-on",reflect:!0}}}}]),HaxPicker}();exports.HaxPicker=i,window.customElements.define(i.tag,i);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-plate-context.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-plate-context.dev.js
index 6d5b4f8fdb9..64e1800c39a 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-plate-context.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-plate-context.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxPlateContext=void 0;var e=require("lit");require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js");var t=require("./hax-store.js");require("./hax-toolbar-menu.js"),require("./hax-toolbar.js"),require("./hax-context-item.js");var n=require("@lrnwebcomponents/utils/utils"),o=require("mobx"),a=require("./hax-context-behaviors.js"),i=require("@lrnwebcomponents/utils/utils.js"),r=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");require("@lrnwebcomponents/simple-toast/simple-toast");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject5_eeb155101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          width: 100%;\n          align-items: stretch;\n        }\n        *::part(morebutton) {\n          --simple-toolbar-button-color: var(--hax-ui-color);\n          --simple-toolbar-button-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-border-color: transparent;\n          --simple-toolbar-button-hover-color: var(--hax-ui-color);\n          --simple-toolbar-button-hover-bg: var(\n            --hax-ui-background-color-secondary\n          );\n          --simple-toolbar-button-toggled-color: var(--hax-ui-color-accent);\n          --simple-toolbar-button-toggled-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-toggled-border-color: var(\n            --hax-ui-color-accent\n          );\n          --simple-toolbar-button-disabled-opacity: 1;\n          --simple-toolbar-button-disabled-color: var(\n            --hax-ui-disabled-color\n          );\n          --simple-toolbar-button-disabled-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-disabled-border-color: transparent;\n          align-self: flex-end;\n        }\n        #remove {\n          max-width: 44px;\n          overflow: visible;\n        }\n        hax-toolbar {\n          max-width: 100%;\n          display: flex;\n          align-items: stretch;\n          justify-content: flex-start;\n          margin-bottom: -1px;\n          margin-left: 1px;\n        }\n        .group {\n          display: flex;\n          align-items: stretch;\n          flex: 1 0 auto;\n          justify-content: center;\n          border: 1px solid var(--rich-text-editor-border-color, #ddd);\n          padding: 0;\n        }\n        .group,\n        .group > * {\n          z-index: 1;\n        }\n        .group:empty {\n          display: none;\n        }\n        .group > *,\n        :host([collapsed]) .group {\n          flex: 0 0 auto;\n        }\n        .group *:not([toggled])::part(button) {\n          border-color: transparent;\n        }\n        :host .group:focus,\n        :host .group:focus-within,\n        :host .group > *:focus,\n        :host .group > *:focus-within {\n          z-index: 2;\n        }\n        :host .group:hover,\n        :host .group > *:hover {\n          z-index: 3;\n        }\n        .first-slot {\n          border-top: 1px solid black;\n        }\n      "]);return _templateObject5_eeb155101f0511ed8cc3e9a95995ad69=function _templateObject5_eeb155101f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject4_eeb155101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <hax-context-item\n              action\n              icon="','"\n              label="','"\n              event-name="hax-ce-custom-button"\n              value="','"\n              ?disabled="','"\n            ></hax-context-item>']);return _templateObject4_eeb155101f0511ed8cc3e9a95995ad69=function _templateObject4_eeb155101f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_eeb155101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n                <simple-toolbar-menu-item\n                  slot="menuitem"\n                  class="move-to-slot ','"\n                >\n                  <hax-context-item\n                    action\n                    align-horizontal="left"\n                    ?disabled="','"\n                    icon="icons:arrow-forward"\n                    show-text-label\n                    role="menuitem"\n                    event-name="insert-into-active"\n                    data-slot="','"\n                    label="','"\n                  ></hax-context-item>\n                </simple-toolbar-menu-item>\n              ']);return _templateObject3_eeb155101f0511ed8cc3e9a95995ad69=function _templateObject3_eeb155101f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_eeb155101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n                <simple-toolbar-menu-item\n                  slot="menuitem"\n                  class="move-to-slot ','"\n                >\n                  <hax-context-item\n                    action\n                    align-horizontal="left"\n                    ?disabled="','"\n                    icon="icons:arrow-forward"\n                    show-text-label\n                    role="menuitem"\n                    data-slot="','"\n                    @click="','"\n                    label="','"\n                  ></hax-context-item>\n                </simple-toolbar-menu-item>\n              ']);return _templateObject2_eeb155101f0511ed8cc3e9a95995ad69=function _templateObject2_eeb155101f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eeb155101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <hax-toolbar>\n        <div class="group">\n          <hax-toolbar-menu\n            ?disabled="','"\n            id="drag"\n            action\n            icon="hax:arrow-all"\n            label="','"\n            draggable="true"\n            reset-on-select\n            data-simple-tour-stop\n            data-stop-title="label"\n            ?hidden="','"\n          >\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                ?disabled="','"\n                show-text-label\n                role="menuitem"\n                icon="hax:keyboard-arrow-up"\n                label="','"\n                event-name="hax-plate-up"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                ?disabled="','"\n                role="menuitem"\n                show-text-label\n                icon="hax:keyboard-arrow-down"\n                label="','"\n                event-name="hax-plate-down"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            ','\n            <div slot="tour" data-stop-content>\n              Click the drag handle once to show a menu to just move up or down\n              one item in the content OR click and drag to place the item\n              exactly where you want it to go.\n            </div>\n          </hax-toolbar-menu>\n          <hax-context-item\n            action\n            align-horizontal="left"\n            ?disabled="','"\n            ?hidden="','"\n            .icon="','"\n            label="'," ",'"\n            data-simple-tour-stop\n            data-stop-title="label"\n            event-name="select-parent-grid"\n          >\n            <div slot="tour" data-stop-content>\n              Selects the element\'s parent label.\n            </div>\n          </hax-context-item>\n          <hax-context-item\n            action\n            more\n            .icon="','"\n            label="','"\n            tooltip="',", ",'"\n            ?disabled="','"\n            event-name="hax-transform-node"\n            show-text-label\n          ></hax-context-item>\n          <slot name="primary"></slot>\n          <hax-toolbar-menu\n            icon="add"\n            label="','"\n            ?disabled="','"\n          >\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                show-text-label\n                role="menuitem"\n                icon="hardware:keyboard-arrow-up"\n                event-name="insert-above-active"\n                label="','"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                show-text-label\n                role="menuitem"\n                icon="hardware:keyboard-arrow-down"\n                event-name="insert-below-active"\n                label="','"\n                ?disabled="','"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            ','\n          </hax-toolbar-menu>\n          <hax-context-item\n            action\n            ?disabled="','"\n            label="','"\n            icon="icons:content-copy"\n            event-name="hax-plate-duplicate"\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <div slot="tour" data-stop-content>\n              Duplicate the active piece of content and place it below the\n              current item.\n            </div>\n          </hax-context-item>\n        </div>\n        <div class="group">\n          <hax-toolbar-menu\n            id="remove"\n            action\n            ?disabled="','"\n            icon="delete"\n            label="','"\n            reset-on-select\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                danger\n                align-horizontal="left"\n                show-text-label\n                role="menuitem"\n                icon="delete"\n                label="','"\n                event-name="hax-plate-delete"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <div slot="tour" data-stop-content>\n              Delete the current item. You can always use the undo arrow to\n              bring this back.\n            </div>\n          </hax-toolbar-menu>\n          ','\n          <hax-context-item\n            action\n            id="right"\n            class="paddle"\n            icon="hax:table-column-remove"\n            label="','"\n            ?disabled="','"\n            event-name="hax-plate-create-right"\n            ?hidden="','"\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <div slot="tour" data-stop-content>\n              Add a column to split the current column into two pieces. This can\n              be done up to six pieces columns. For differnet layouts see Grid\n              settings panel.\n            </div>\n          </hax-context-item>\n          <hax-context-item\n            action\n            class="paddle"\n            icon="hax:table-column-plus-after"\n            label="','"\n            ?disabled="','"\n            event-name="hax-plate-remove-right"\n            ?hidden="','"\n            id="rightremove"\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <div slot="tour" data-stop-content>\n              Remove a column from the split column layout. If at two columns\n              and removing it will remove the layout split and make it 100%\n              width.\n            </div>\n          </hax-context-item>\n          <slot name="secondary"></slot>\n        </div>\n        <div class="group">\n          <hax-context-item\n            action\n            icon="icons:code"\n            label="','"\n            ?disabled="','"\n            event-name="hax-source-view-toggle"\n            toggles\n            ?toggled="','"\n          ></hax-context-item>\n          <slot name="more"></slot>\n          <hax-context-item\n            icon="build"\n            action\n            align-horizontal="left"\n            ?disabled="','"\n            label="','"\n            data-simple-tour-stop\n            data-stop-title="label"\n            event-name="content-edit"\n            toggles\n            ?toggled="','"\n          >\n            <div slot="tour" data-stop-content>\n              Opens the Edit panel for more advanced settings.\n            </div>\n          </hax-context-item>\n        </div>\n      </hax-toolbar>\n    ']);return _templateObject_eeb155101f0511ed8cc3e9a95995ad69=function _templateObject_eeb155101f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var a=Object.getOwnPropertyDescriptor(o,t);return a.get?a.get.call(n):a.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var l=function(l){function HaxPlateContext(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxPlateContext),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxPlateContext).call(this))).hasActiveEditingElement=!1,e.haxUIElement=!0,e.tourName="hax",e.trayDetail="content-edit",e.trayStatus="collapsed",e.t={edit:"Edit",dragHandle:"Drag handle",moveUp:"Move up",moveDown:"Move down",addColumn:"Add column",removeColumn:"Remove column",remove:"Remove",duplicate:"Duplicate",confirmDelete:"Confirm delete",changeTo:"Change to",modifyHTMLSource:"Modify HTML source",clickToChange:"Click to change",regions:"Available regions",insertItemAbove:"Insert item above",insertItemAboveOrBelow:"Insert item above or below",insertItemBelow:"Insert item below",selectLayout:"Select"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax"}),e.ceButtons=[],e.activeTagName="",e.activeTagIcon="hax:paragraph",e.addEventListener("hax-context-item-selected",e.handleCECustomEvent.bind(_assertThisInitialized(e))),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxPlateContext,(0,r.I18NMixin)((0,a.HaxContextBehaviors)(e.LitElement))),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(HaxPlateContext,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject_eeb155101f0511ed8cc3e9a95995ad69(),this.hasActiveEditingElement||!this.canMoveElement||this.viewSource,this.t.dragHandle,!this.canMoveElement,this.hasActiveEditingElement,this.t.moveUp,this.hasActiveEditingElement,this.t.moveDown,(this.siblingSlots||[]).map((function(n,o){return(0,e.html)(_templateObject2_eeb155101f0511ed8cc3e9a95995ad69(),o<1?"first-slot":"",t.activeNode&&n.slot===t.activeNode.slot,n,(function(e){return t._handleMoveSlot(n)}),n.title||n.slot)})),this.viewSource,!this.isGridLayoutSlot,this.gridIcon,this.t.selectLayout,this.gridLabel,this.activeTagIcon,this.t.changeTo,this.activeTagName,this.t.clickToChange,this.disableTransform||this.viewSource,this.t.insertItemAboveOrBelow,this.viewSource,this.t.insertItemAbove,this.t.insertItemBelow,this.viewSource,(this.childSlots||[]).map((function(n,o){return(0,e.html)(_templateObject3_eeb155101f0511ed8cc3e9a95995ad69(),o<1?"first-slot":"",t.activeNode&&n.slot===t.activeNode.slot,n.slot,n.title||n.slot)})),this.hasActiveEditingElement||this.viewSource,this.t.duplicate,this.hasActiveEditingElement||this.viewSource,this.t.remove,this.t.confirmDelete,this.ceButtons.map((function(n){return(0,e.html)(_templateObject4_eeb155101f0511ed8cc3e9a95995ad69(),n.icon,n.label,n.callback,t.viewSource)})),this.t.addColumn,this.hasActiveEditingElement||this.viewSource,!this.isGridPlate(),this.t.removeColumn,this.hasActiveEditingElement||this.viewSource,!this.isGridPlate(),this.t.modifyHTMLSource,!this.sourceView,this.viewSource,this.hasActiveEditingElement||this.viewSource,this.t.edit,"content-edit"===this.trayDetail&&"collapsed"!==this.trayStatus)}},{key:"isGridPlate",value:function isGridPlate(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.activeNode;return e&&e.tagName&&"GRID-PLATE"===e.tagName}},{key:"gridPlateSlots",value:function gridPlateSlots(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1-1-1-1-1-1",t=function slotConfig(e){return{slot:"col-".concat(e),title:"Column ".concat(e),excludedSlotWrappers:["grid-plate"]}},n=e.split("-");return n=n.map((function(e,n){return t(n+1)}))}},{key:"_handleMoveSlot",value:function _handleMoveSlot(e){this.activeNode.slot=e.slot}},{key:"__updatePlatePosition",value:function __updatePlatePosition(e){var t=this.shadowRoot.querySelector("#right"),n=this.shadowRoot.querySelector("#rightremove");t.disabled=!1,n.disabled=!1,e&&"GRID-PLATE"==e.tagName?"1-1-1-1-1-1"==e.layout&&(t.disabled=!0):n.disabled=!0}},{key:"__dblClickFire",value:function __dblClickFire(e){"remove"===e.target.id&&this.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,cancelable:!0,composed:!0,detail:{target:e.target,eventName:"hax-plate-delete",value:e.target.value}}))}},{key:"_handleOpen",value:function _handleOpen(e){this.dispatchEvent(new CustomEvent("ax-transform-node",{bubbles:!0,cancelable:!0,composed:!0,detail:t.HAXStore.elementList[el]}))}},{key:"handleCECustomEvent",value:function handleCECustomEvent(e){var n=e.detail;if("hax-ce-custom-button"===n.eventName)this.activeNode&&"function"==typeof this.activeNode[n.value]&&this.activeNode[n.value](e)&&t.HAXStore.refreshActiveNodeForm()}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(HaxPlateContext.prototype),"updated",this)&&_get(_getPrototypeOf(HaxPlateContext.prototype),"updated",this).call(this,e),e.forEach((function(e,n){"onScreen"===n&&t.onScreen&&t._resetCEMenu(),"formatBlocks"===n&&(t.disableTransform=t.filteredBlocks.length<1)}))}},{key:"firstUpdated",value:function firstUpdated(e){var n=this;_get(_getPrototypeOf(HaxPlateContext.prototype),"firstUpdated",this).call(this,e),(0,o.autorun)((function(){n.activeNode=(0,o.toJS)(t.HAXStore.activeNode),n.activeNode&&n.activeNode.classList&&n._resetCEMenu(),n.activeNode&&n.getAttribute("on-screen")&&n.__updatePlatePosition(n.activeNode)})),(0,o.autorun)((function(){(0,o.toJS)(t.HAXStore.activeEditingElement)?n.hasActiveEditingElement=!0:n.hasActiveEditingElement=!1})),this.shadowRoot.querySelector("#drag").addEventListener("dragstart",this._dragStart),this.shadowRoot.querySelector("#drag").addEventListener("dragend",this._dragEnd)}},{key:"_dragEnd",value:function _dragEnd(e){var n=(0,i.normalizeEventPath)(e)?(0,i.normalizeEventPath)(e)[0]:void 0;n&&n.close(!0),t.HAXStore._lockContextPosition=!1}},{key:"_dragStart",value:function _dragStart(e){var n=(0,o.toJS)(t.HAXStore.activeNode),a=(0,i.normalizeEventPath)(e)?(0,i.normalizeEventPath)(e)[0]:void 0;a&&a.close(!0),t.HAXStore.__dragTarget=n,t.HAXStore._lockContextPosition=!0,t.HAXStore.activeHaxBody.__activeHover=null,t.HAXStore.activeHaxBody._hideContextMenu(t.HAXStore.activeHaxBody.contextMenus.add),e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.dropEffect="move",e.dataTransfer.setDragImage(n,-20,-20)),e.stopPropagation(),e.stopImmediatePropagation()}},{key:"_resetCEMenu",value:function _resetCEMenu(){var e,o,a,i;return regeneratorRuntime.async((function _resetCEMenu$(r){for(;;)switch(r.prev=r.next){case 0:if(this.shadowRoot&&(0,n.wipeSlot)(this,"*"),this.ceButtons=[],!t.HAXStore.activeHaxBody||null==this.activeNode){r.next=19;break}if(e=t.HAXStore.haxSchemaFromTag(this.activeNode.tagName),this.sourceView=e.canEditSource,!this.activeNode){r.next=16;break}return r.next=8,regeneratorRuntime.awrap(t.HAXStore.activeHaxBody.replaceElementWorkflow(this.activeNode,!0));case 8:if(r.t0=r.sent,r.t0){r.next=11;break}r.t0=[];case 11:o=r.t0,a=this.activeNode&&this.activeNode.tagName?this.activeNode.tagName.toLowerCase():void 0,i=t.HAXStore.activeHaxBody.primitiveTextBlocks.includes(a)?"p":void 0,this.formatBlocks=a?o.filter((function(e){return e.tag&&![a,i].includes(e.tag)})):o,this.disableTransform=0===this.filteredBlocks.length;case 16:t.HAXStore.activeGizmo&&(this.activeTagName=t.HAXStore.activeGizmo.title,this.activeTagIcon=t.HAXStore.activeGizmo.icon),r.next=20;break;case 19:t.HAXStore.activeGizmo?(this.activeTagName=t.HAXStore.activeGizmo.title,this.activeTagIcon=t.HAXStore.activeGizmo.icon):(this.activeTagName="",this.activeTagIcon="");case 20:return r.next=22,regeneratorRuntime.awrap(t.HAXStore.runHook(this.activeNode,"inlineContextMenu",[this]));case 22:case"end":return r.stop()}}),null,this)}},{key:"childSlots",get:function get(){var e=this.isGridPlate(),n=this.activeNode?t.HAXStore.haxSchemaFromTag(this.activeNode.tagName):void 0;return e?this.gridPlateSlots(this.activeNode.layout):t.HAXStore.isGridPlateElement(this.activeNode)?t.HAXStore.slotsFromSchema(n||{}):[]}},{key:"siblingSlots",get:function get(){return this.isGridPlate(this.activeNode.parentNode)?this.gridPlateSlots(this.activeNode.parentNode.layout):t.HAXStore.isGridPlateElement(this.activeNode.parentNode)?t.HAXStore.slotsFromSchema(this.parentSchema||{}):[]}},{key:"gridIcon",get:function get(){return this.gridProperties?this.gridProperties.icon:void 0}},{key:"gridLabel",get:function get(){return this.gridProperties?this.gridProperties.title||this.gridProperties.tag:""}},{key:"gridProperties",get:function get(){return this.isGridLayoutSlot&&this.parentSchema.gizmo?this.parentSchema.gizmo:void 0}},{key:"filteredBlocks",get:function get(){return this.getFilteredBlocks(this.formatBlocks)}},{key:"isGridLayoutSlot",get:function get(){return t.HAXStore.isGridPlateElement(this.activeNode.parentNode)}}],[{key:"tag",get:function get(){return"hax-plate-context"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxPlateContext),"styles",this)),[(0,e.css)(_templateObject5_eeb155101f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxPlateContext),"properties",this),{activeTagIcon:{type:String},activeTagName:{type:String},canMoveElement:{type:Boolean},ceButtons:{type:Array},disableTransform:{type:Boolean},hasActiveEditingElement:{type:Boolean},onScreen:{type:Boolean,attribute:"on-screen",reflect:!0},sourceView:{type:Boolean},formatBlocks:{type:Array},trayDetail:{type:String,reflect:!0,attribute:"tray-detail"},trayStatus:{type:String,reflect:!0,attribute:"tray-status"}})}}]),HaxPlateContext}();exports.HaxPlateContext=l,window.customElements.define(l.tag,l);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxPlateContext=void 0;var e=require("lit");require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js");var t=require("./hax-store.js");require("./hax-toolbar-menu.js"),require("./hax-toolbar.js"),require("./hax-context-item.js");var n=require("@lrnwebcomponents/utils/utils"),o=require("mobx"),a=require("./hax-context-behaviors.js"),i=require("@lrnwebcomponents/utils/utils.js"),r=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");require("@lrnwebcomponents/simple-toast/simple-toast");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject5_c4f25eb01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          width: 100%;\n          align-items: stretch;\n        }\n        *::part(morebutton) {\n          --simple-toolbar-button-color: var(--hax-ui-color);\n          --simple-toolbar-button-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-border-color: transparent;\n          --simple-toolbar-button-hover-color: var(--hax-ui-color);\n          --simple-toolbar-button-hover-bg: var(\n            --hax-ui-background-color-secondary\n          );\n          --simple-toolbar-button-toggled-color: var(--hax-ui-color-accent);\n          --simple-toolbar-button-toggled-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-toggled-border-color: var(\n            --hax-ui-color-accent\n          );\n          --simple-toolbar-button-disabled-opacity: 1;\n          --simple-toolbar-button-disabled-color: var(\n            --hax-ui-disabled-color\n          );\n          --simple-toolbar-button-disabled-bg: var(--hax-ui-background-color);\n          --simple-toolbar-button-disabled-border-color: transparent;\n          align-self: flex-end;\n        }\n        #remove {\n          max-width: 44px;\n          overflow: visible;\n        }\n        hax-toolbar {\n          max-width: 100%;\n          display: flex;\n          align-items: stretch;\n          justify-content: flex-start;\n          margin-bottom: -1px;\n          margin-left: 1px;\n        }\n        .group {\n          display: flex;\n          align-items: stretch;\n          flex: 1 0 auto;\n          justify-content: center;\n          border: 1px solid var(--rich-text-editor-border-color, #ddd);\n          padding: 0;\n        }\n        .group,\n        .group > * {\n          z-index: 1;\n        }\n        .group:empty {\n          display: none;\n        }\n        .group > *,\n        :host([collapsed]) .group {\n          flex: 0 0 auto;\n        }\n        .group *:not([toggled])::part(button) {\n          border-color: transparent;\n        }\n        :host .group:focus,\n        :host .group:focus-within,\n        :host .group > *:focus,\n        :host .group > *:focus-within {\n          z-index: 2;\n        }\n        :host .group:hover,\n        :host .group > *:hover {\n          z-index: 3;\n        }\n        .first-slot {\n          border-top: 1px solid black;\n        }\n      "]);return _templateObject5_c4f25eb01f2611eda0c389891c227ec8=function _templateObject5_c4f25eb01f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject4_c4f25eb01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <hax-context-item\n              action\n              icon="','"\n              label="','"\n              event-name="hax-ce-custom-button"\n              value="','"\n              ?disabled="','"\n            ></hax-context-item>']);return _templateObject4_c4f25eb01f2611eda0c389891c227ec8=function _templateObject4_c4f25eb01f2611eda0c389891c227ec8(){return e},e}function _templateObject3_c4f25eb01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n                <simple-toolbar-menu-item\n                  slot="menuitem"\n                  class="move-to-slot ','"\n                >\n                  <hax-context-item\n                    action\n                    align-horizontal="left"\n                    ?disabled="','"\n                    icon="icons:arrow-forward"\n                    show-text-label\n                    role="menuitem"\n                    event-name="insert-into-active"\n                    data-slot="','"\n                    label="','"\n                  ></hax-context-item>\n                </simple-toolbar-menu-item>\n              ']);return _templateObject3_c4f25eb01f2611eda0c389891c227ec8=function _templateObject3_c4f25eb01f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4f25eb01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n                <simple-toolbar-menu-item\n                  slot="menuitem"\n                  class="move-to-slot ','"\n                >\n                  <hax-context-item\n                    action\n                    align-horizontal="left"\n                    ?disabled="','"\n                    icon="icons:arrow-forward"\n                    show-text-label\n                    role="menuitem"\n                    data-slot="','"\n                    @click="','"\n                    label="','"\n                  ></hax-context-item>\n                </simple-toolbar-menu-item>\n              ']);return _templateObject2_c4f25eb01f2611eda0c389891c227ec8=function _templateObject2_c4f25eb01f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4f25eb01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <hax-toolbar>\n        <div class="group">\n          <hax-toolbar-menu\n            ?disabled="','"\n            id="drag"\n            action\n            icon="hax:arrow-all"\n            label="','"\n            draggable="true"\n            reset-on-select\n            data-simple-tour-stop\n            data-stop-title="label"\n            ?hidden="','"\n          >\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                ?disabled="','"\n                show-text-label\n                role="menuitem"\n                icon="hax:keyboard-arrow-up"\n                label="','"\n                event-name="hax-plate-up"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                ?disabled="','"\n                role="menuitem"\n                show-text-label\n                icon="hax:keyboard-arrow-down"\n                label="','"\n                event-name="hax-plate-down"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            ','\n            <div slot="tour" data-stop-content>\n              Click the drag handle once to show a menu to just move up or down\n              one item in the content OR click and drag to place the item\n              exactly where you want it to go.\n            </div>\n          </hax-toolbar-menu>\n          <hax-context-item\n            action\n            align-horizontal="left"\n            ?disabled="','"\n            ?hidden="','"\n            .icon="','"\n            label="'," ",'"\n            data-simple-tour-stop\n            data-stop-title="label"\n            event-name="select-parent-grid"\n          >\n            <div slot="tour" data-stop-content>\n              Selects the element\'s parent label.\n            </div>\n          </hax-context-item>\n          <hax-context-item\n            action\n            more\n            .icon="','"\n            label="','"\n            tooltip="',", ",'"\n            ?disabled="','"\n            event-name="hax-transform-node"\n            show-text-label\n          ></hax-context-item>\n          <slot name="primary"></slot>\n          <hax-toolbar-menu\n            icon="add"\n            label="','"\n            ?disabled="','"\n          >\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                show-text-label\n                role="menuitem"\n                icon="hardware:keyboard-arrow-up"\n                event-name="insert-above-active"\n                label="','"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                align-horizontal="left"\n                show-text-label\n                role="menuitem"\n                icon="hardware:keyboard-arrow-down"\n                event-name="insert-below-active"\n                label="','"\n                ?disabled="','"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            ','\n          </hax-toolbar-menu>\n          <hax-context-item\n            action\n            ?disabled="','"\n            label="','"\n            icon="icons:content-copy"\n            event-name="hax-plate-duplicate"\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <div slot="tour" data-stop-content>\n              Duplicate the active piece of content and place it below the\n              current item.\n            </div>\n          </hax-context-item>\n        </div>\n        <div class="group">\n          <hax-toolbar-menu\n            id="remove"\n            action\n            ?disabled="','"\n            icon="delete"\n            label="','"\n            reset-on-select\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <simple-toolbar-menu-item slot="menuitem">\n              <hax-context-item\n                action\n                danger\n                align-horizontal="left"\n                show-text-label\n                role="menuitem"\n                icon="delete"\n                label="','"\n                event-name="hax-plate-delete"\n              ></hax-context-item>\n            </simple-toolbar-menu-item>\n            <div slot="tour" data-stop-content>\n              Delete the current item. You can always use the undo arrow to\n              bring this back.\n            </div>\n          </hax-toolbar-menu>\n          ','\n          <hax-context-item\n            action\n            id="right"\n            class="paddle"\n            icon="hax:table-column-remove"\n            label="','"\n            ?disabled="','"\n            event-name="hax-plate-create-right"\n            ?hidden="','"\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <div slot="tour" data-stop-content>\n              Add a column to split the current column into two pieces. This can\n              be done up to six pieces columns. For differnet layouts see Grid\n              settings panel.\n            </div>\n          </hax-context-item>\n          <hax-context-item\n            action\n            class="paddle"\n            icon="hax:table-column-plus-after"\n            label="','"\n            ?disabled="','"\n            event-name="hax-plate-remove-right"\n            ?hidden="','"\n            id="rightremove"\n            data-simple-tour-stop\n            data-stop-title="label"\n          >\n            <div slot="tour" data-stop-content>\n              Remove a column from the split column layout. If at two columns\n              and removing it will remove the layout split and make it 100%\n              width.\n            </div>\n          </hax-context-item>\n          <slot name="secondary"></slot>\n        </div>\n        <div class="group">\n          <hax-context-item\n            action\n            icon="icons:code"\n            label="','"\n            ?disabled="','"\n            event-name="hax-source-view-toggle"\n            toggles\n            ?toggled="','"\n          ></hax-context-item>\n          <slot name="more"></slot>\n          <hax-context-item\n            icon="build"\n            action\n            align-horizontal="left"\n            ?disabled="','"\n            label="','"\n            data-simple-tour-stop\n            data-stop-title="label"\n            event-name="content-edit"\n            toggles\n            ?toggled="','"\n          >\n            <div slot="tour" data-stop-content>\n              Opens the Edit panel for more advanced settings.\n            </div>\n          </hax-context-item>\n        </div>\n      </hax-toolbar>\n    ']);return _templateObject_c4f25eb01f2611eda0c389891c227ec8=function _templateObject_c4f25eb01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var a=Object.getOwnPropertyDescriptor(o,t);return a.get?a.get.call(n):a.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var l=function(l){function HaxPlateContext(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxPlateContext),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxPlateContext).call(this))).hasActiveEditingElement=!1,e.haxUIElement=!0,e.tourName="hax",e.trayDetail="content-edit",e.trayStatus="collapsed",e.t={edit:"Edit",dragHandle:"Drag handle",moveUp:"Move up",moveDown:"Move down",addColumn:"Add column",removeColumn:"Remove column",remove:"Remove",duplicate:"Duplicate",confirmDelete:"Confirm delete",changeTo:"Change to",modifyHTMLSource:"Modify HTML source",clickToChange:"Click to change",regions:"Available regions",insertItemAbove:"Insert item above",insertItemAboveOrBelow:"Insert item above or below",insertItemBelow:"Insert item below",selectLayout:"Select"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax"}),e.ceButtons=[],e.activeTagName="",e.activeTagIcon="hax:paragraph",e.addEventListener("hax-context-item-selected",e.handleCECustomEvent.bind(_assertThisInitialized(e))),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxPlateContext,(0,r.I18NMixin)((0,a.HaxContextBehaviors)(e.LitElement))),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(HaxPlateContext,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject_c4f25eb01f2611eda0c389891c227ec8(),this.hasActiveEditingElement||!this.canMoveElement||this.viewSource,this.t.dragHandle,!this.canMoveElement,this.hasActiveEditingElement,this.t.moveUp,this.hasActiveEditingElement,this.t.moveDown,(this.siblingSlots||[]).map((function(n,o){return(0,e.html)(_templateObject2_c4f25eb01f2611eda0c389891c227ec8(),o<1?"first-slot":"",t.activeNode&&n.slot===t.activeNode.slot,n,(function(e){return t._handleMoveSlot(n)}),n.title||n.slot)})),this.viewSource,!this.isGridLayoutSlot,this.gridIcon,this.t.selectLayout,this.gridLabel,this.activeTagIcon,this.t.changeTo,this.activeTagName,this.t.clickToChange,this.disableTransform||this.viewSource,this.t.insertItemAboveOrBelow,this.viewSource,this.t.insertItemAbove,this.t.insertItemBelow,this.viewSource,(this.childSlots||[]).map((function(n,o){return(0,e.html)(_templateObject3_c4f25eb01f2611eda0c389891c227ec8(),o<1?"first-slot":"",t.activeNode&&n.slot===t.activeNode.slot,n.slot,n.title||n.slot)})),this.hasActiveEditingElement||this.viewSource,this.t.duplicate,this.hasActiveEditingElement||this.viewSource,this.t.remove,this.t.confirmDelete,this.ceButtons.map((function(n){return(0,e.html)(_templateObject4_c4f25eb01f2611eda0c389891c227ec8(),n.icon,n.label,n.callback,t.viewSource)})),this.t.addColumn,this.hasActiveEditingElement||this.viewSource,!this.isGridPlate(),this.t.removeColumn,this.hasActiveEditingElement||this.viewSource,!this.isGridPlate(),this.t.modifyHTMLSource,!this.sourceView,this.viewSource,this.hasActiveEditingElement||this.viewSource,this.t.edit,"content-edit"===this.trayDetail&&"collapsed"!==this.trayStatus)}},{key:"isGridPlate",value:function isGridPlate(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.activeNode;return e&&e.tagName&&"GRID-PLATE"===e.tagName}},{key:"gridPlateSlots",value:function gridPlateSlots(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1-1-1-1-1-1",t=function slotConfig(e){return{slot:"col-".concat(e),title:"Column ".concat(e),excludedSlotWrappers:["grid-plate"]}},n=e.split("-");return n=n.map((function(e,n){return t(n+1)}))}},{key:"_handleMoveSlot",value:function _handleMoveSlot(e){this.activeNode.slot=e.slot}},{key:"__updatePlatePosition",value:function __updatePlatePosition(e){var t=this.shadowRoot.querySelector("#right"),n=this.shadowRoot.querySelector("#rightremove");t.disabled=!1,n.disabled=!1,e&&"GRID-PLATE"==e.tagName?"1-1-1-1-1-1"==e.layout&&(t.disabled=!0):n.disabled=!0}},{key:"__dblClickFire",value:function __dblClickFire(e){"remove"===e.target.id&&this.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,cancelable:!0,composed:!0,detail:{target:e.target,eventName:"hax-plate-delete",value:e.target.value}}))}},{key:"_handleOpen",value:function _handleOpen(e){this.dispatchEvent(new CustomEvent("ax-transform-node",{bubbles:!0,cancelable:!0,composed:!0,detail:t.HAXStore.elementList[el]}))}},{key:"handleCECustomEvent",value:function handleCECustomEvent(e){var n=e.detail;if("hax-ce-custom-button"===n.eventName)this.activeNode&&"function"==typeof this.activeNode[n.value]&&this.activeNode[n.value](e)&&t.HAXStore.refreshActiveNodeForm()}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(HaxPlateContext.prototype),"updated",this)&&_get(_getPrototypeOf(HaxPlateContext.prototype),"updated",this).call(this,e),e.forEach((function(e,n){"onScreen"===n&&t.onScreen&&t._resetCEMenu(),"formatBlocks"===n&&(t.disableTransform=t.filteredBlocks.length<1)}))}},{key:"firstUpdated",value:function firstUpdated(e){var n=this;_get(_getPrototypeOf(HaxPlateContext.prototype),"firstUpdated",this).call(this,e),(0,o.autorun)((function(){n.activeNode=(0,o.toJS)(t.HAXStore.activeNode),n.activeNode&&n.activeNode.classList&&n._resetCEMenu(),n.activeNode&&n.getAttribute("on-screen")&&n.__updatePlatePosition(n.activeNode)})),(0,o.autorun)((function(){(0,o.toJS)(t.HAXStore.activeEditingElement)?n.hasActiveEditingElement=!0:n.hasActiveEditingElement=!1})),this.shadowRoot.querySelector("#drag").addEventListener("dragstart",this._dragStart),this.shadowRoot.querySelector("#drag").addEventListener("dragend",this._dragEnd)}},{key:"_dragEnd",value:function _dragEnd(e){var n=(0,i.normalizeEventPath)(e)?(0,i.normalizeEventPath)(e)[0]:void 0;n&&n.close(!0),t.HAXStore._lockContextPosition=!1}},{key:"_dragStart",value:function _dragStart(e){var n=(0,o.toJS)(t.HAXStore.activeNode),a=(0,i.normalizeEventPath)(e)?(0,i.normalizeEventPath)(e)[0]:void 0;a&&a.close(!0),t.HAXStore.__dragTarget=n,t.HAXStore._lockContextPosition=!0,t.HAXStore.activeHaxBody.__activeHover=null,t.HAXStore.activeHaxBody._hideContextMenu(t.HAXStore.activeHaxBody.contextMenus.add),e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.dropEffect="move",e.dataTransfer.setDragImage(n,-20,-20)),e.stopPropagation(),e.stopImmediatePropagation()}},{key:"_resetCEMenu",value:function _resetCEMenu(){var e,o,a,i;return regeneratorRuntime.async((function _resetCEMenu$(r){for(;;)switch(r.prev=r.next){case 0:if(this.shadowRoot&&(0,n.wipeSlot)(this,"*"),this.ceButtons=[],!t.HAXStore.activeHaxBody||null==this.activeNode){r.next=19;break}if(e=t.HAXStore.haxSchemaFromTag(this.activeNode.tagName),this.sourceView=e.canEditSource,!this.activeNode){r.next=16;break}return r.next=8,regeneratorRuntime.awrap(t.HAXStore.activeHaxBody.replaceElementWorkflow(this.activeNode,!0));case 8:if(r.t0=r.sent,r.t0){r.next=11;break}r.t0=[];case 11:o=r.t0,a=this.activeNode&&this.activeNode.tagName?this.activeNode.tagName.toLowerCase():void 0,i=t.HAXStore.activeHaxBody.primitiveTextBlocks.includes(a)?"p":void 0,this.formatBlocks=a?o.filter((function(e){return e.tag&&![a,i].includes(e.tag)})):o,this.disableTransform=0===this.filteredBlocks.length;case 16:t.HAXStore.activeGizmo&&(this.activeTagName=t.HAXStore.activeGizmo.title,this.activeTagIcon=t.HAXStore.activeGizmo.icon),r.next=20;break;case 19:t.HAXStore.activeGizmo?(this.activeTagName=t.HAXStore.activeGizmo.title,this.activeTagIcon=t.HAXStore.activeGizmo.icon):(this.activeTagName="",this.activeTagIcon="");case 20:return r.next=22,regeneratorRuntime.awrap(t.HAXStore.runHook(this.activeNode,"inlineContextMenu",[this]));case 22:case"end":return r.stop()}}),null,this)}},{key:"childSlots",get:function get(){var e=this.isGridPlate(),n=this.activeNode?t.HAXStore.haxSchemaFromTag(this.activeNode.tagName):void 0;return e?this.gridPlateSlots(this.activeNode.layout):t.HAXStore.isGridPlateElement(this.activeNode)?t.HAXStore.slotsFromSchema(n||{}):[]}},{key:"siblingSlots",get:function get(){return this.isGridPlate(this.activeNode.parentNode)?this.gridPlateSlots(this.activeNode.parentNode.layout):t.HAXStore.isGridPlateElement(this.activeNode.parentNode)?t.HAXStore.slotsFromSchema(this.parentSchema||{}):[]}},{key:"gridIcon",get:function get(){return this.gridProperties?this.gridProperties.icon:void 0}},{key:"gridLabel",get:function get(){return this.gridProperties?this.gridProperties.title||this.gridProperties.tag:""}},{key:"gridProperties",get:function get(){return this.isGridLayoutSlot&&this.parentSchema.gizmo?this.parentSchema.gizmo:void 0}},{key:"filteredBlocks",get:function get(){return this.getFilteredBlocks(this.formatBlocks)}},{key:"isGridLayoutSlot",get:function get(){return t.HAXStore.isGridPlateElement(this.activeNode.parentNode)}}],[{key:"tag",get:function get(){return"hax-plate-context"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxPlateContext),"styles",this)),[(0,e.css)(_templateObject5_c4f25eb01f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxPlateContext),"properties",this),{activeTagIcon:{type:String},activeTagName:{type:String},canMoveElement:{type:Boolean},ceButtons:{type:Array},disableTransform:{type:Boolean},hasActiveEditingElement:{type:Boolean},onScreen:{type:Boolean,attribute:"on-screen",reflect:!0},sourceView:{type:Boolean},formatBlocks:{type:Array},trayDetail:{type:String,reflect:!0,attribute:"tray-detail"},trayStatus:{type:String,reflect:!0,attribute:"tray-status"}})}}]),HaxPlateContext}();exports.HaxPlateContext=l,window.customElements.define(l.tag,l);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-preferences-dialog.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-preferences-dialog.dev.js
index 1c22fb1b7b8..fb8b6b23d1d 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-preferences-dialog.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-preferences-dialog.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxPreferencesDialog=void 0;var e=require("lit"),t=require("@lrnwebcomponents/hax-body-behaviors/lib/HAXFields.js");require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-button.js"),require("@lrnwebcomponents/simple-fields/simple-fields.js");var r=require("./hax-store.js"),n=require("mobx");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject3_eeb266801f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<a\n            href="https://haxtheweb.org/"\n            rel="noopener"\n            id="link"\n            target="_blank"\n            part="haxlink"\n            >Learn more about HAX</a\n          >']);return _templateObject3_eeb266801f0511ed8cc3e9a95995ad69=function _templateObject3_eeb266801f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_eeb266801f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <div style="height: 100%; overflow: auto;" class="pref-container">\n        <simple-fields\n          id="settingsform"\n          .schematizer="','"\n          .elementizer="','"\n        >\n        </simple-fields>\n      </div>\n      <hr />\n      <br />\n      <br />\n      ',"\n    "]);return _templateObject2_eeb266801f0511ed8cc3e9a95995ad69=function _templateObject2_eeb266801f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eeb266801f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .pref-container {\n          text-align: left;\n        }\n        simple-icon-button {\n          float: right;\n        }\n      "]);return _templateObject_eeb266801f0511ed8cc3e9a95995ad69=function _templateObject_eeb266801f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function HaxPreferencesDialog(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxPreferencesDialog),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxPreferencesDialog).call(this))).hideLink=!1,e.title="Advanced settings",e.schema=[{property:"haxVoiceCommands",title:"Voice commands",description:"Experimental: Voice based control system",inputMethod:"boolean",value:!1},{property:"haxUiTheme",title:"HAX UI Theme",description:"Change the theme of the HAX interface (not the site's content).",inputMethod:"radio",options:{hax:"Default (light)",haxdark:"Dark",system:"System Default"},value:"hax"}],e.schemaValues={haxVoiceCommands:!1},(0,n.autorun)((function(){e.globalPreferences=(0,n.toJS)(r.HAXStore.globalPreferences),e.schemaValues=(0,n.toJS)(r.HAXStore.globalPreferences)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxPreferencesDialog,e.LitElement),_createClass(HaxPreferencesDialog,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_eeb266801f0511ed8cc3e9a95995ad69())]}}]),_createClass(HaxPreferencesDialog,[{key:"closeBtn",value:function closeBtn(e){this.dispatchEvent(new CustomEvent("hax-tray-button-click",{bubbles:!0,cancelable:!0,composed:!0,detail:{eventName:"open-preferences",index:0,value:!0}}))}},{key:"render",value:function render(){return(0,e.html)(_templateObject2_eeb266801f0511ed8cc3e9a95995ad69(),t.HaxSchematizer,t.HaxElementizer,this.hideLink?"":(0,e.html)(_templateObject3_eeb266801f0511ed8cc3e9a95995ad69()))}},{key:"firstUpdated",value:function firstUpdated(e){this.shadowRoot.querySelector("#settingsform").fields=_toConsumableArray(this.schema),this.shadowRoot.querySelector("#settingsform").value=_objectSpread({},this.schemaValues),this.shadowRoot.querySelector("#settingsform").addEventListener("value-changed",this.__valueChangedEvent.bind(this))}},{key:"__valueChangedEvent",value:function __valueChangedEvent(e){e.detail.value&&(r.HAXStore.globalPreferences=_objectSpread({},e.detail.value))}},{key:"reloadPreferencesForm",value:function reloadPreferencesForm(){this.shadowRoot.querySelector("#settingsform").fields=_toConsumableArray(this.schema),this.shadowRoot.querySelector("#settingsform").value=_objectSpread({},this.schemaValues)}}],[{key:"tag",get:function get(){return"hax-preferences-dialog"}},{key:"properties",get:function get(){return{hideLink:{type:Boolean},title:{type:String},schema:{type:Object},globalPreferences:{type:Object}}}}]),HaxPreferencesDialog}();exports.HaxPreferencesDialog=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxPreferencesDialog=void 0;var e=require("lit"),t=require("@lrnwebcomponents/hax-body-behaviors/lib/HAXFields.js");require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-button.js"),require("@lrnwebcomponents/simple-fields/simple-fields.js");var r=require("./hax-store.js"),n=require("mobx");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject3_c4f397301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<a\n            href="https://haxtheweb.org/"\n            rel="noopener"\n            id="link"\n            target="_blank"\n            part="haxlink"\n            >Learn more about HAX</a\n          >']);return _templateObject3_c4f397301f2611eda0c389891c227ec8=function _templateObject3_c4f397301f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4f397301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <div style="height: 100%; overflow: auto;" class="pref-container">\n        <simple-fields\n          id="settingsform"\n          .schematizer="','"\n          .elementizer="','"\n        >\n        </simple-fields>\n      </div>\n      <hr />\n      <br />\n      <br />\n      ',"\n    "]);return _templateObject2_c4f397301f2611eda0c389891c227ec8=function _templateObject2_c4f397301f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4f397301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        .pref-container {\n          text-align: left;\n        }\n        simple-icon-button {\n          float: right;\n        }\n      "]);return _templateObject_c4f397301f2611eda0c389891c227ec8=function _templateObject_c4f397301f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function HaxPreferencesDialog(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxPreferencesDialog),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxPreferencesDialog).call(this))).hideLink=!1,e.title="Advanced settings",e.schema=[{property:"haxVoiceCommands",title:"Voice commands",description:"Experimental: Voice based control system",inputMethod:"boolean",value:!1},{property:"haxUiTheme",title:"HAX UI Theme",description:"Change the theme of the HAX interface (not the site's content).",inputMethod:"radio",options:{hax:"Default (light)",haxdark:"Dark",system:"System Default"},value:"hax"}],e.schemaValues={haxVoiceCommands:!1},(0,n.autorun)((function(){e.globalPreferences=(0,n.toJS)(r.HAXStore.globalPreferences),e.schemaValues=(0,n.toJS)(r.HAXStore.globalPreferences)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxPreferencesDialog,e.LitElement),_createClass(HaxPreferencesDialog,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_c4f397301f2611eda0c389891c227ec8())]}}]),_createClass(HaxPreferencesDialog,[{key:"closeBtn",value:function closeBtn(e){this.dispatchEvent(new CustomEvent("hax-tray-button-click",{bubbles:!0,cancelable:!0,composed:!0,detail:{eventName:"open-preferences",index:0,value:!0}}))}},{key:"render",value:function render(){return(0,e.html)(_templateObject2_c4f397301f2611eda0c389891c227ec8(),t.HaxSchematizer,t.HaxElementizer,this.hideLink?"":(0,e.html)(_templateObject3_c4f397301f2611eda0c389891c227ec8()))}},{key:"firstUpdated",value:function firstUpdated(e){this.shadowRoot.querySelector("#settingsform").fields=_toConsumableArray(this.schema),this.shadowRoot.querySelector("#settingsform").value=_objectSpread({},this.schemaValues),this.shadowRoot.querySelector("#settingsform").addEventListener("value-changed",this.__valueChangedEvent.bind(this))}},{key:"__valueChangedEvent",value:function __valueChangedEvent(e){e.detail.value&&(r.HAXStore.globalPreferences=_objectSpread({},e.detail.value))}},{key:"reloadPreferencesForm",value:function reloadPreferencesForm(){this.shadowRoot.querySelector("#settingsform").fields=_toConsumableArray(this.schema),this.shadowRoot.querySelector("#settingsform").value=_objectSpread({},this.schemaValues)}}],[{key:"tag",get:function get(){return"hax-preferences-dialog"}},{key:"properties",get:function get(){return{hideLink:{type:Boolean},title:{type:String},schema:{type:Object},globalPreferences:{type:Object}}}}]),HaxPreferencesDialog}();exports.HaxPreferencesDialog=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-stax-browser.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-stax-browser.dev.js
index 40f03ee6972..5a047267d86 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-stax-browser.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-stax-browser.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxStaxBrowser=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_eeb329d01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n            <hax-tray-button\n              icon-position="top"\n              show-text-label\n              index="','"\n              label="','"\n              .stax="','"\n              icon="hax:templates"\n              color="green"\n              event-name="insert-stax"\n            ></hax-tray-button>\n          ']);return _templateObject3_eeb329d01f0511ed8cc3e9a95995ad69=function _templateObject3_eeb329d01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_eeb329d01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <simple-button-grid columns="3" rows="1" always-expanded>\n        ',"\n      </simple-button-grid>\n    "]);return _templateObject2_eeb329d01f0511ed8cc3e9a95995ad69=function _templateObject2_eeb329d01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eeb329d01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          flex: 0 0 auto;\n          overflow-y: auto;\n        }\n        simple-button-grid {\n          overflow: auto;\n        }\n      "]);return _templateObject_eeb329d01f0511ed8cc3e9a95995ad69=function _templateObject_eeb329d01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js");var t=function(t){function HaxStaxBrowser(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxStaxBrowser),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxStaxBrowser).call(this))).staxList=[],e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxStaxBrowser,e.LitElement),_createClass(HaxStaxBrowser,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_eeb329d01f0511ed8cc3e9a95995ad69())]}}]),_createClass(HaxStaxBrowser,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_eeb329d01f0511ed8cc3e9a95995ad69(),this.staxList.map((function(t){return(0,e.html)(_templateObject3_eeb329d01f0511ed8cc3e9a95995ad69(),t.index,t.details.title,t.stax)})))}}],[{key:"tag",get:function get(){return"hax-stax-browser"}},{key:"properties",get:function get(){return{staxList:{type:Array}}}}]),HaxStaxBrowser}();exports.HaxStaxBrowser=t,window.customElements.define(t.tag,t);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxStaxBrowser=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_c4f433701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n            <hax-tray-button\n              icon-position="top"\n              show-text-label\n              index="','"\n              label="','"\n              .stax="','"\n              icon="hax:templates"\n              color="green"\n              event-name="insert-stax"\n            ></hax-tray-button>\n          ']);return _templateObject3_c4f433701f2611eda0c389891c227ec8=function _templateObject3_c4f433701f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4f433701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <simple-button-grid columns="3" rows="1" always-expanded>\n        ',"\n      </simple-button-grid>\n    "]);return _templateObject2_c4f433701f2611eda0c389891c227ec8=function _templateObject2_c4f433701f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4f433701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          flex: 0 0 auto;\n          overflow-y: auto;\n        }\n        simple-button-grid {\n          overflow: auto;\n        }\n      "]);return _templateObject_c4f433701f2611eda0c389891c227ec8=function _templateObject_c4f433701f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/simple-toolbar/lib/simple-button-grid.js");var t=function(t){function HaxStaxBrowser(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxStaxBrowser),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxStaxBrowser).call(this))).staxList=[],e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxStaxBrowser,e.LitElement),_createClass(HaxStaxBrowser,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_c4f433701f2611eda0c389891c227ec8())]}}]),_createClass(HaxStaxBrowser,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_c4f433701f2611eda0c389891c227ec8(),this.staxList.map((function(t){return(0,e.html)(_templateObject3_c4f433701f2611eda0c389891c227ec8(),t.index,t.details.title,t.stax)})))}}],[{key:"tag",get:function get(){return"hax-stax-browser"}},{key:"properties",get:function get(){return{staxList:{type:Array}}}}]),HaxStaxBrowser}();exports.HaxStaxBrowser=t,window.customElements.define(t.tag,t);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-context.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-context.dev.js
index 5d8ba944cae..3e299a588f9 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-context.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-context.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxTextContext=void 0;var e=require("lit");require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar-menu.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-context-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-context-item-textop.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar.js");var t=require("./hax-store.js"),n=require("mobx"),o=require("./hax-context-behaviors.js"),i=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_eeb859f01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <simple-toolbar-menu-item slot="menuitem">\n                    <hax-context-item-textop\n                      action\n                      align-horizontal="left"\n                      role="menuitem"\n                      icon="','"\n                      label="','"\n                      show-text-label\n                      ?hidden="','"\n                      event-name="','"\n                      show-text-label\n                      ?disabled="','"\n                      @click="','"\n                    ></hax-context-item-textop>\n                  </simple-toolbar-menu-item>']);return _templateObject3_eeb859f01f0511ed8cc3e9a95995ad69=function _templateObject3_eeb859f01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_eeb859f01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <div id="toolbar">\n        <hax-toolbar always-expanded>\n          <div class="group">\n            <hax-toolbar-menu\n              id="textformat"\n              icon="','"\n              label="Format"\n              show-text-label\n              data-simple-tour-stop\n              data-stop-title="Format"\n              ?disabled="','"\n            >\n              ','\n              <div slot="tour" data-stop-content>\n                Change how the text is structured and visualized in the page.\n              </div>\n            </hax-toolbar-menu>\n            \x3c!-- comment this in when rich-text-editor is viable --\x3e\n            \x3c!--\n            <hax-context-item\n              action\n              hidden\n              icon="icons:flip-to-back"\n              label="Full text editor"\n              event-name="hax-full-text-editor-toggle"\n            ></hax-context-item> --\x3e\n            <slot name="primary"></slot>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-list-bulleted"\n              event-name="text-tag-ul"\n              label="','"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-list-numbered"\n              label="','"\n              event-name="text-tag-ol"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-indent-decrease"\n              label="','"\n              event-name="text-outdent"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-indent-increase"\n              label="','"\n              event-name="text-indent"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-bold"\n              label="','"\n              class="selected-buttons"\n              event-name="text-bold"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-italic"\n              label="','"\n              class="selected-buttons"\n              event-name="text-italic"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:insert-link"\n              label="','"\n              class="selected-buttons"\n              event-name="text-link"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="mdextra:unlink"\n              label="','"\n              class="selected-buttons"\n              event-name="text-unlink"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-clear"\n              label="','"\n              class="selected-buttons"\n              event-name="text-remove-format"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <slot name="secondary"></slot>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item-textop\n              action\n              menu\n              icon="editor:format-underlined"\n              label="','"\n              event-name="text-underline"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              action\n              menu\n              icon="editor:format-strikethrough"\n              event-name="text-strikethrough"\n              ?hidden="','"\n              ?disabled="','"\n              label="','"\n            ></hax-context-item-textop>\n            <slot name="more"></slot>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item-textop\n              action\n              menu\n              icon="mdextra:subscript"\n              event-name="text-subscript"\n              ?hidden="','"\n              ?disabled="','"\n              label="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              action\n              menu\n              icon="mdextra:superscript"\n              event-name="text-superscript"\n              ?hidden="','"\n              ?disabled="','"\n              label="','"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item\n              mini\n              action\n              icon="hax:add-brick"\n              label="','"\n              class="selected-buttons"\n              event-name="insert-inline-gizmo"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item>\n            <hax-context-item-textop\n              mini\n              action\n              icon="hax:add-brick"\n              label="','"\n              class="selected-buttons"\n              event-name="insert-inline-gizmo"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group">\n            <hax-context-item\n              action\n              icon="icons:code"\n              label="','"\n              ?hidden="','"\n              event-name="hax-source-view-toggle"\n              toggles\n              ?toggled="','"\n            ></hax-context-item>\n          </div>\n          <div class="group">\n            <hax-toolbar-menu\n              icon="add"\n              label="','"\n            >\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  role="menuitem"\n                  show-text-label\n                  icon="hardware:keyboard-arrow-up"\n                  event-name="insert-above-active"\n                  label="','"\n                  ?disabled="','"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  role="menuitem"\n                  show-text-label\n                  icon="hardware:keyboard-arrow-down"\n                  event-name="insert-below-active"\n                  label="','"\n                  ?disabled="','"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n            </hax-toolbar-menu>\n          </div>\n        </hax-toolbar>\n      </div>\n    ']);return _templateObject2_eeb859f01f0511ed8cc3e9a95995ad69=function _templateObject2_eeb859f01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eeb859f01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        .group,\n        .group > * {\n          flex: 1 1 auto;\n        }\n      "]);return _templateObject_eeb859f01f0511ed8cc3e9a95995ad69=function _templateObject_eeb859f01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var i=Object.getOwnPropertyDescriptor(o,t);return i.get?i.get.call(n):i.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var a=function(a){function HaxTextContext(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxTextContext),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxTextContext).call(this))).t={modifyHTMLSource:"Modify HTML source",bulledList:"Bulleted list",numberedList:"Numbered list",indent:"Indent",outdent:"Outdent",bold:"Bold",italic:"Italic",link:"Link",removeLink:"Remove link",removeFormat:"Remove format",addElementToSelection:"Add element to selection",subscript:"Subscript",superscript:"Superscript",underline:"Underline",crossOut:"Cross out",insertItemAbove:"Insert item above",insertItemAboveOrBelow:"Insert item above or below",insertItemBelow:"Insert item below"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax"}),e.sourceView=!1,e.haxUIElement=!0,e.tourName="hax",setTimeout((function(){e.addEventListener("hax-context-item-selected",e._haxContextOperation.bind(_assertThisInitialized(e))),window.addEventListener("hax-context-item-selected",e._haxInMenuContextOperation.bind(_assertThisInitialized(e)))}),0),e.formattingList=[{value:"p",icon:"hax:paragraph",text:"Paragraph"},{value:"ul",icon:"editor:format-list-bulleted",text:"Bulleted list"},{value:"ol",icon:"editor:format-list-numbered",text:"Numbered list"},{value:"h2",icon:"hax:h2",text:"Title"},{value:"h3",icon:"hax:h3",text:"Content heading"},{value:"h4",icon:"hax:h4",text:"Subheading"},{value:"h5",icon:"hax:h5",text:"Deep subheading"},{value:"blockquote",icon:"editor:format-quote",text:"Blockquote"},{value:"code",icon:"icons:code",text:"Code"}],e.realSelectedValue="p",e.isSafari=e._isSafari(),(0,n.autorun)((function(){e.hasSelectedText=(0,n.toJS)(t.HAXStore.haxSelectedText).length>0})),(0,n.autorun)((function(){(0,n.toJS)(t.HAXStore.editMode);var o=(0,n.toJS)(t.HAXStore.activeNode);if(e.viewSource=!1,o&&o.tagName){var i=t.HAXStore.haxSchemaFromTag(o.tagName);e.sourceView=i.canEditSource}e.shadowRoot&&e.shadowRoot.querySelector("#textformat")&&(e.shadowRoot.querySelector("#textformat").collapsed=!0),o&&t.HAXStore.isTextElement(o)&&e.shadowRoot.querySelector('button[event-name="'+o.tagName.toLowerCase()+'"]')?e.updateTextIconSelection(o.tagName.toLowerCase()):o&&"LI"===o.tagName&&o.parentNode&&o.parentNode.tagName&&e.shadowRoot.querySelector('button[event-name="'+o.parentNode.tagName.toLowerCase()+'"]')&&e.updateTextIconSelection(o.parentNode.tagName.toLowerCase())})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxTextContext,(0,i.I18NMixin)((0,o.HaxContextBehaviors)(e.LitElement))),_createClass(HaxTextContext,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTextContext),"styles",this)),[(0,e.css)(_templateObject_eeb859f01f0511ed8cc3e9a95995ad69())])}}]),_createClass(HaxTextContext,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject2_eeb859f01f0511ed8cc3e9a95995ad69(),this._formatIcon(this.realSelectedValue),this.viewSource,this.formattingList.map((function(n){return(0,e.html)(_templateObject3_eeb859f01f0511ed8cc3e9a95995ad69(),n.icon,n.text,!t.sourceView,n.value,t.viewSource,(function(e){return t.textFormatChanged(n.value)}))})),this.t.bulledList,!this._showLists,this.viewSource,this.t.numberedList,!this._showLists,this.viewSource,this.t.outdent,!this._showIndent,this.viewSource,this.t.indent,!this._showIndent,this.viewSource,!this.hasSelectedText,this.t.bold,!this.hasSelectedText,this.viewSource,this.t.italic,!this.hasSelectedText,this.viewSource,!this.hasSelectedText,this.t.link,!this.hasSelectedText,this.viewSource,this.t.removeLink,!this.hasSelectedText,this.viewSource,!this.hasSelectedText,this.t.removeFormat,!this.hasSelectedText,this.viewSource,!this.hasSelectedText,this.t.underline,!this.hasSelectedText,this.viewSource,!this.hasSelectedText,this.viewSource,this.t.crossOut,!this.hasSelectedText,!this.hasSelectedText,this.viewSource,this.t.subscript,!this.hasSelectedText,this.viewSource,this.t.superscript,!this.hasSelectedText,this.t.addElementToSelection,this.isSafari||!this.hasSelectedText,this.viewSource,this.t.addElementToSelection,!this.isSafari||!this.hasSelectedText,this.viewSource,this.t.modifyHTMLSource,!this.sourceView,this.viewSource,this.t.insertItemAboveOrBelow,this.t.insertItemAbove,this.viewSource,this.t.insertItemBelow,this.viewSource)}},{key:"textFormatChanged",value:function textFormatChanged(e){this.shadowRoot.querySelector("#textformat").collapsed=!0,this.updateTextIconSelection(e),this.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,cancelable:!0,composed:!0,detail:{eventName:"text-tag",value:this.realSelectedValue}}))}},{key:"updateTextIconSelection",value:function updateTextIconSelection(e){this.realSelectedValue=e;var t=this.shadowRoot.querySelector('button[event-name="'+this.realSelectedValue+'"]');t&&(this.formatIcon=t.icon)}},{key:"_formatIcon",value:function _formatIcon(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.realSelectedValue||"p",t=this.textFormatLookup[e];return t||"hax:paragraph"}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){"realSelectedValue"==n&&(t._showIndent=t._computeShowIndent(t.realSelectedValue),"p"==t.realSelectedValue?t._showLists=!0:t._showLists=!1),"hasSelectedText"==n&&t.dispatchEvent(new CustomEvent("hax-context-menu-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:t}))}))}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(HaxTextContext.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxTextContext.prototype),"firstUpdated",this).call(this,e),(0,n.toJS)(t.HAXStore.activeNode)&&(0,n.toJS)(t.HAXStore.activeNode).tagName&&this.updateTextIconSelection((0,n.toJS)(t.HAXStore.activeNode).tagName.toLowerCase())}},{key:"_computeShowIndent",value:function _computeShowIndent(e){return!(!t.HAXStore.computePolyfillSafe()||"li"!=e&&"ol"!=e&&"ul"!=e)}},{key:"_haxInMenuContextOperation",value:function _haxInMenuContextOperation(e){var t=!1;switch(e.detail.eventName){case"insert-above-active":case"insert-below-active":this.shadowRoot.querySelector("simple-popover-selection")&&(this.shadowRoot.querySelector("simple-popover-selection").opened=!1);break;case"text-underline":document.execCommand("underline"),t=!0;break;case"text-subscript":document.execCommand("subscript"),t=!0;break;case"text-superscript":document.execCommand("superscript"),t=!0;break;case"text-strikethrough":document.execCommand("strikeThrough"),t=!0}t&&(this.shadowRoot.querySelector("simple-popover-selection")&&this.shadowRoot.querySelector("simple-popover-selection").opened&&(this.shadowRoot.querySelector("simple-popover-selection").opened=!1),e.preventDefault(),e.stopPropagation())}},{key:"_haxContextOperation",value:function _haxContextOperation(e){var n=e.detail,o=t.HAXStore.getSelection(),i=!1;switch(n.eventName){case"insert-inline-gizmo":if(t.HAXStore._tmpSelection&&t.HAXStore.editMode)try{"HAX-BODY"!==t.HAXStore._tmpRange.startContainer.parentNode.parentNode.tagName&&"HAX-BODY"!==t.HAXStore._tmpRange.startContainer.parentNode.parentNode.parentNode.tagName||(t.HAXStore.activePlaceHolder=t.HAXStore._tmpRange)}catch(e){}if(null!=t.HAXStore.activePlaceHolder){var a={text:t.HAXStore.activePlaceHolder.toString()},r="inline",c=t.HAXStore.guessGizmo(r,a);c.length>0&&t.HAXStore.haxAppPicker.presentOptions(c,r,"Transform selected text to..","gizmo")}break;case"text-bold":document.execCommand("bold"),i=!0;break;case"text-italic":document.execCommand("italic"),i=!0;break;case"text-remove-format":document.execCommand("removeFormat"),i=!0;break;case"text-link":var s="";o&&o.focusNode&&o.focusNode.parentNode&&"undefined"!==_typeof(o.focusNode.parentNode.href)&&(s=o.focusNode.parentNode.href);var l=prompt("Enter a URL:",s);l&&(document.execCommand("createLink",!1,l),o.focusNode.parentNode&&(o.focusNode.parentNode.setAttribute("contenteditable",!0),o.focusNode.parentNode.removeEventListener("click",(function(e){e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()})),o.focusNode.parentNode.addEventListener("click",(function(e){e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()}))),i=!0);break;case"text-unlink":document.execCommand("unlink"),i=!0;break;case"text-indent":t.HAXStore.activeHaxBody.__indentTrap=!0,document.execCommand("indent"),i=!0;break;case"text-outdent":t.HAXStore.activeHaxBody.__indentTrap=!0,document.execCommand("outdent"),i=!0}i&&(e.preventDefault(),e.stopPropagation())}},{key:"_isSafari",value:function _isSafari(){var e=navigator.userAgent.toLowerCase();return!(-1==e.indexOf("safari")||e.indexOf("chrome")>-1)}},{key:"textFormatLookup",get:function get(){var e={};return this.formattingList.forEach((function(t){e[t.value]=t.icon})),e}}],[{key:"tag",get:function get(){return"hax-text-context"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxTextContext),"properties",this),{_showIndent:{type:Boolean},_showLists:{type:Boolean},realSelectedValue:{type:String},sourceView:{type:Boolean},formattingList:{type:Array},hasSelectedText:{type:Boolean,attribute:"has-selected-text",reflect:!0},formatIcon:{type:String,attribute:"format-icon"},isSafari:{type:Boolean,attribute:"is-safari"}})}}]),HaxTextContext}();exports.HaxTextContext=a,window.customElements.define(a.tag,a);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxTextContext=void 0;var e=require("lit");require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar-menu.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-context-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-context-item-textop.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar.js");var t=require("./hax-store.js"),n=require("mobx"),o=require("./hax-context-behaviors.js"),i=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_c4f767c01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <simple-toolbar-menu-item slot="menuitem">\n                    <hax-context-item-textop\n                      action\n                      align-horizontal="left"\n                      role="menuitem"\n                      icon="','"\n                      label="','"\n                      show-text-label\n                      ?hidden="','"\n                      event-name="','"\n                      show-text-label\n                      ?disabled="','"\n                      @click="','"\n                    ></hax-context-item-textop>\n                  </simple-toolbar-menu-item>']);return _templateObject3_c4f767c01f2611eda0c389891c227ec8=function _templateObject3_c4f767c01f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c4f767c01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <div id="toolbar">\n        <hax-toolbar always-expanded>\n          <div class="group">\n            <hax-toolbar-menu\n              id="textformat"\n              icon="','"\n              label="Format"\n              show-text-label\n              data-simple-tour-stop\n              data-stop-title="Format"\n              ?disabled="','"\n            >\n              ','\n              <div slot="tour" data-stop-content>\n                Change how the text is structured and visualized in the page.\n              </div>\n            </hax-toolbar-menu>\n            \x3c!-- comment this in when rich-text-editor is viable --\x3e\n            \x3c!--\n            <hax-context-item\n              action\n              hidden\n              icon="icons:flip-to-back"\n              label="Full text editor"\n              event-name="hax-full-text-editor-toggle"\n            ></hax-context-item> --\x3e\n            <slot name="primary"></slot>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-list-bulleted"\n              event-name="text-tag-ul"\n              label="','"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-list-numbered"\n              label="','"\n              event-name="text-tag-ol"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-indent-decrease"\n              label="','"\n              event-name="text-outdent"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-indent-increase"\n              label="','"\n              event-name="text-indent"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-bold"\n              label="','"\n              class="selected-buttons"\n              event-name="text-bold"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-italic"\n              label="','"\n              class="selected-buttons"\n              event-name="text-italic"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:insert-link"\n              label="','"\n              class="selected-buttons"\n              event-name="text-link"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              mini\n              action\n              icon="mdextra:unlink"\n              label="','"\n              class="selected-buttons"\n              event-name="text-unlink"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item-textop\n              mini\n              action\n              icon="editor:format-clear"\n              label="','"\n              class="selected-buttons"\n              event-name="text-remove-format"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <slot name="secondary"></slot>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item-textop\n              action\n              menu\n              icon="editor:format-underlined"\n              label="','"\n              event-name="text-underline"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              action\n              menu\n              icon="editor:format-strikethrough"\n              event-name="text-strikethrough"\n              ?hidden="','"\n              ?disabled="','"\n              label="','"\n            ></hax-context-item-textop>\n            <slot name="more"></slot>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item-textop\n              action\n              menu\n              icon="mdextra:subscript"\n              event-name="text-subscript"\n              ?hidden="','"\n              ?disabled="','"\n              label="','"\n            ></hax-context-item-textop>\n            <hax-context-item-textop\n              action\n              menu\n              icon="mdextra:superscript"\n              event-name="text-superscript"\n              ?hidden="','"\n              ?disabled="','"\n              label="','"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group" ?hidden="','">\n            <hax-context-item\n              mini\n              action\n              icon="hax:add-brick"\n              label="','"\n              class="selected-buttons"\n              event-name="insert-inline-gizmo"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item>\n            <hax-context-item-textop\n              mini\n              action\n              icon="hax:add-brick"\n              label="','"\n              class="selected-buttons"\n              event-name="insert-inline-gizmo"\n              ?hidden="','"\n              ?disabled="','"\n            ></hax-context-item-textop>\n          </div>\n          <div class="group">\n            <hax-context-item\n              action\n              icon="icons:code"\n              label="','"\n              ?hidden="','"\n              event-name="hax-source-view-toggle"\n              toggles\n              ?toggled="','"\n            ></hax-context-item>\n          </div>\n          <div class="group">\n            <hax-toolbar-menu\n              icon="add"\n              label="','"\n            >\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  role="menuitem"\n                  show-text-label\n                  icon="hardware:keyboard-arrow-up"\n                  event-name="insert-above-active"\n                  label="','"\n                  ?disabled="','"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n              <simple-toolbar-menu-item slot="menuitem">\n                <hax-context-item\n                  action\n                  align-horizontal="left"\n                  role="menuitem"\n                  show-text-label\n                  icon="hardware:keyboard-arrow-down"\n                  event-name="insert-below-active"\n                  label="','"\n                  ?disabled="','"\n                ></hax-context-item>\n              </simple-toolbar-menu-item>\n            </hax-toolbar-menu>\n          </div>\n        </hax-toolbar>\n      </div>\n    ']);return _templateObject2_c4f767c01f2611eda0c389891c227ec8=function _templateObject2_c4f767c01f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4f767c01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        .group,\n        .group > * {\n          flex: 1 1 auto;\n        }\n      "]);return _templateObject_c4f767c01f2611eda0c389891c227ec8=function _templateObject_c4f767c01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var i=Object.getOwnPropertyDescriptor(o,t);return i.get?i.get.call(n):i.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var a=function(a){function HaxTextContext(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxTextContext),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxTextContext).call(this))).t={modifyHTMLSource:"Modify HTML source",bulledList:"Bulleted list",numberedList:"Numbered list",indent:"Indent",outdent:"Outdent",bold:"Bold",italic:"Italic",link:"Link",removeLink:"Remove link",removeFormat:"Remove format",addElementToSelection:"Add element to selection",subscript:"Subscript",superscript:"Superscript",underline:"Underline",crossOut:"Cross out",insertItemAbove:"Insert item above",insertItemAboveOrBelow:"Insert item above or below",insertItemBelow:"Insert item below"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax"}),e.sourceView=!1,e.haxUIElement=!0,e.tourName="hax",setTimeout((function(){e.addEventListener("hax-context-item-selected",e._haxContextOperation.bind(_assertThisInitialized(e))),window.addEventListener("hax-context-item-selected",e._haxInMenuContextOperation.bind(_assertThisInitialized(e)))}),0),e.formattingList=[{value:"p",icon:"hax:paragraph",text:"Paragraph"},{value:"ul",icon:"editor:format-list-bulleted",text:"Bulleted list"},{value:"ol",icon:"editor:format-list-numbered",text:"Numbered list"},{value:"h2",icon:"hax:h2",text:"Title"},{value:"h3",icon:"hax:h3",text:"Content heading"},{value:"h4",icon:"hax:h4",text:"Subheading"},{value:"h5",icon:"hax:h5",text:"Deep subheading"},{value:"blockquote",icon:"editor:format-quote",text:"Blockquote"},{value:"code",icon:"icons:code",text:"Code"}],e.realSelectedValue="p",e.isSafari=e._isSafari(),(0,n.autorun)((function(){e.hasSelectedText=(0,n.toJS)(t.HAXStore.haxSelectedText).length>0})),(0,n.autorun)((function(){(0,n.toJS)(t.HAXStore.editMode);var o=(0,n.toJS)(t.HAXStore.activeNode);if(e.viewSource=!1,o&&o.tagName){var i=t.HAXStore.haxSchemaFromTag(o.tagName);e.sourceView=i.canEditSource}e.shadowRoot&&e.shadowRoot.querySelector("#textformat")&&(e.shadowRoot.querySelector("#textformat").collapsed=!0),o&&t.HAXStore.isTextElement(o)&&e.shadowRoot.querySelector('button[event-name="'+o.tagName.toLowerCase()+'"]')?e.updateTextIconSelection(o.tagName.toLowerCase()):o&&"LI"===o.tagName&&o.parentNode&&o.parentNode.tagName&&e.shadowRoot.querySelector('button[event-name="'+o.parentNode.tagName.toLowerCase()+'"]')&&e.updateTextIconSelection(o.parentNode.tagName.toLowerCase())})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxTextContext,(0,i.I18NMixin)((0,o.HaxContextBehaviors)(e.LitElement))),_createClass(HaxTextContext,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTextContext),"styles",this)),[(0,e.css)(_templateObject_c4f767c01f2611eda0c389891c227ec8())])}}]),_createClass(HaxTextContext,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject2_c4f767c01f2611eda0c389891c227ec8(),this._formatIcon(this.realSelectedValue),this.viewSource,this.formattingList.map((function(n){return(0,e.html)(_templateObject3_c4f767c01f2611eda0c389891c227ec8(),n.icon,n.text,!t.sourceView,n.value,t.viewSource,(function(e){return t.textFormatChanged(n.value)}))})),this.t.bulledList,!this._showLists,this.viewSource,this.t.numberedList,!this._showLists,this.viewSource,this.t.outdent,!this._showIndent,this.viewSource,this.t.indent,!this._showIndent,this.viewSource,!this.hasSelectedText,this.t.bold,!this.hasSelectedText,this.viewSource,this.t.italic,!this.hasSelectedText,this.viewSource,!this.hasSelectedText,this.t.link,!this.hasSelectedText,this.viewSource,this.t.removeLink,!this.hasSelectedText,this.viewSource,!this.hasSelectedText,this.t.removeFormat,!this.hasSelectedText,this.viewSource,!this.hasSelectedText,this.t.underline,!this.hasSelectedText,this.viewSource,!this.hasSelectedText,this.viewSource,this.t.crossOut,!this.hasSelectedText,!this.hasSelectedText,this.viewSource,this.t.subscript,!this.hasSelectedText,this.viewSource,this.t.superscript,!this.hasSelectedText,this.t.addElementToSelection,this.isSafari||!this.hasSelectedText,this.viewSource,this.t.addElementToSelection,!this.isSafari||!this.hasSelectedText,this.viewSource,this.t.modifyHTMLSource,!this.sourceView,this.viewSource,this.t.insertItemAboveOrBelow,this.t.insertItemAbove,this.viewSource,this.t.insertItemBelow,this.viewSource)}},{key:"textFormatChanged",value:function textFormatChanged(e){this.shadowRoot.querySelector("#textformat").collapsed=!0,this.updateTextIconSelection(e),this.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,cancelable:!0,composed:!0,detail:{eventName:"text-tag",value:this.realSelectedValue}}))}},{key:"updateTextIconSelection",value:function updateTextIconSelection(e){this.realSelectedValue=e;var t=this.shadowRoot.querySelector('button[event-name="'+this.realSelectedValue+'"]');t&&(this.formatIcon=t.icon)}},{key:"_formatIcon",value:function _formatIcon(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.realSelectedValue||"p",t=this.textFormatLookup[e];return t||"hax:paragraph"}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){"realSelectedValue"==n&&(t._showIndent=t._computeShowIndent(t.realSelectedValue),"p"==t.realSelectedValue?t._showLists=!0:t._showLists=!1),"hasSelectedText"==n&&t.dispatchEvent(new CustomEvent("hax-context-menu-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:t}))}))}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(HaxTextContext.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxTextContext.prototype),"firstUpdated",this).call(this,e),(0,n.toJS)(t.HAXStore.activeNode)&&(0,n.toJS)(t.HAXStore.activeNode).tagName&&this.updateTextIconSelection((0,n.toJS)(t.HAXStore.activeNode).tagName.toLowerCase())}},{key:"_computeShowIndent",value:function _computeShowIndent(e){return!(!t.HAXStore.computePolyfillSafe()||"li"!=e&&"ol"!=e&&"ul"!=e)}},{key:"_haxInMenuContextOperation",value:function _haxInMenuContextOperation(e){var t=!1;switch(e.detail.eventName){case"insert-above-active":case"insert-below-active":this.shadowRoot.querySelector("simple-popover-selection")&&(this.shadowRoot.querySelector("simple-popover-selection").opened=!1);break;case"text-underline":document.execCommand("underline"),t=!0;break;case"text-subscript":document.execCommand("subscript"),t=!0;break;case"text-superscript":document.execCommand("superscript"),t=!0;break;case"text-strikethrough":document.execCommand("strikeThrough"),t=!0}t&&(this.shadowRoot.querySelector("simple-popover-selection")&&this.shadowRoot.querySelector("simple-popover-selection").opened&&(this.shadowRoot.querySelector("simple-popover-selection").opened=!1),e.preventDefault(),e.stopPropagation())}},{key:"_haxContextOperation",value:function _haxContextOperation(e){var n=e.detail,o=t.HAXStore.getSelection(),i=!1;switch(n.eventName){case"insert-inline-gizmo":if(t.HAXStore._tmpSelection&&t.HAXStore.editMode)try{"HAX-BODY"!==t.HAXStore._tmpRange.startContainer.parentNode.parentNode.tagName&&"HAX-BODY"!==t.HAXStore._tmpRange.startContainer.parentNode.parentNode.parentNode.tagName||(t.HAXStore.activePlaceHolder=t.HAXStore._tmpRange)}catch(e){}if(null!=t.HAXStore.activePlaceHolder){var a={text:t.HAXStore.activePlaceHolder.toString()},r="inline",c=t.HAXStore.guessGizmo(r,a);c.length>0&&t.HAXStore.haxAppPicker.presentOptions(c,r,"Transform selected text to..","gizmo")}break;case"text-bold":document.execCommand("bold"),i=!0;break;case"text-italic":document.execCommand("italic"),i=!0;break;case"text-remove-format":document.execCommand("removeFormat"),i=!0;break;case"text-link":var s="";o&&o.focusNode&&o.focusNode.parentNode&&"undefined"!==_typeof(o.focusNode.parentNode.href)&&(s=o.focusNode.parentNode.href);var l=prompt("Enter a URL:",s);l&&(document.execCommand("createLink",!1,l),o.focusNode.parentNode&&(o.focusNode.parentNode.setAttribute("contenteditable",!0),o.focusNode.parentNode.removeEventListener("click",(function(e){e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()})),o.focusNode.parentNode.addEventListener("click",(function(e){e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()}))),i=!0);break;case"text-unlink":document.execCommand("unlink"),i=!0;break;case"text-indent":t.HAXStore.activeHaxBody.__indentTrap=!0,document.execCommand("indent"),i=!0;break;case"text-outdent":t.HAXStore.activeHaxBody.__indentTrap=!0,document.execCommand("outdent"),i=!0}i&&(e.preventDefault(),e.stopPropagation())}},{key:"_isSafari",value:function _isSafari(){var e=navigator.userAgent.toLowerCase();return!(-1==e.indexOf("safari")||e.indexOf("chrome")>-1)}},{key:"textFormatLookup",get:function get(){var e={};return this.formattingList.forEach((function(t){e[t.value]=t.icon})),e}}],[{key:"tag",get:function get(){return"hax-text-context"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxTextContext),"properties",this),{_showIndent:{type:Boolean},_showLists:{type:Boolean},realSelectedValue:{type:String},sourceView:{type:Boolean},formattingList:{type:Array},hasSelectedText:{type:Boolean,attribute:"has-selected-text",reflect:!0},formatIcon:{type:String,attribute:"format-icon"},isSafari:{type:Boolean,attribute:"is-safari"}})}}]),HaxTextContext}();exports.HaxTextContext=a,window.customElements.define(a.tag,a);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-editor-toolbar.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-editor-toolbar.dev.js
index 72aed337faa..d0fcba66f41 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-editor-toolbar.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-text-editor-toolbar.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxTextEditorToolbar=void 0;var t=require("lit"),e=require("@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar.js"),o=(require("./hax-text-editor-button.js"),require("./hax-store.js")),r=require("./hax-context-behaviors.js"),n=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function ownKeys(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(o,!0).forEach((function(e){_defineProperty(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function _defineProperty(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _templateObject2_eebacaf01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(["\n        :host {\n          --rich-text-editor-button-color: var(--hax-ui-color);\n          --rich-text-editor-button-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-border-color: transparent;\n          --rich-text-editor-button-hover-color: var(--hax-ui-color);\n          --rich-text-editor-button-hover-bg: var(\n            --hax-ui-background-color-secondary\n          );\n          --rich-text-editor-button-toggled-color: var(--hax-ui-color-accent);\n          --rich-text-editor-button-toggled-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-toggled-border-color: var(\n            --hax-ui-color-accent\n          );\n          --rich-text-editor-button-disabled-opacity: 1;\n          --rich-text-editor-button-disabled-color: var(\n            --hax-ui-disabled-color\n          );\n          --rich-text-editor-button-disabled-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-disabled-border-color: transparent;\n        }\n        #morebutton {\n          align-self: flex-end;\n        }\n        ::slotted([icon-position]:hover) {\n          --rich-text-editor-button-toggled-bg: var(\n            --hax-ui-background-color-accent\n          );\n        }\n        ::slotted(.group) {\n          flex: 0 0 auto;\n          justify-content: center;\n          border-width: 1px;\n          margin: -1px;\n          padding: 0px;\n        }\n        ::slotted(.group),\n        ::slotted([icon-position]) {\n          z-index: 1;\n        }\n        ::slotted([icon-position]),\n        :host([collapsed]) ::slotted(.group) {\n          flex: 0 0 auto;\n        }\n        :host ::slotted(*:focus),\n        :host ::slotted(*:focus-within) {\n          z-index: 2 !important;\n        }\n        :host ::slotted(*:hover) {\n          z-index: 3 !important;\n        }\n      "]);return _templateObject2_eebacaf01f0511ed8cc3e9a95995ad69=function _templateObject2_eebacaf01f0511ed8cc3e9a95995ad69(){return t},t}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,o=new Array(t.length);e<t.length;e++)o[e]=t[e];return o}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_eebacaf01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral([' <div slot="tour" data-stop-content>\n      ',"\n    </div>"]);return _templateObject_eebacaf01f0511ed8cc3e9a95995ad69=function _templateObject_eebacaf01f0511ed8cc3e9a95995ad69(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _defineProperties(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _createClass(t,e,o){return e&&_defineProperties(t.prototype,e),o&&_defineProperties(t,o),t}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,o){var r=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(r){var n=Object.getOwnPropertyDescriptor(r,e);return n.get?n.get.call(o):n.value}},_get(t,e,o||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}var i=function(i){function HaxTextEditorToolbar(){var t;return function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,HaxTextEditorToolbar),(t=function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?_assertThisInitialized(t):e}(this,_getPrototypeOf(HaxTextEditorToolbar).call(this))).tag=HaxTextEditorToolbar.tag,t.t={undoButton:"Undo",redoButton:"Redo",formatButton:"Format",blockP:"Paragraph",blockH1:"Heading 1",blockH2:"Heading 2",blockH3:"Heading 3",blockH4:"Heading 4",blockH5:"Heading 5",blockH6:"Heading 6",blockPre:"Preformatted",italicButton:"Italic",boldButton:"Bold",underlineButton:"Underline",strikethroughButton:"Cross out",removeFormatButton:"Remove format",linkButton:"Link",cutButton:"Cut",copyButton:"Copy",pasteButton:"Paste",subscriptButton:"Subscript",superscriptButton:"Superscript",symbolButton:"Insert Symbol",emojiButton:"Insert Emoticon",imageButton:"Insert Image",orderedListButton:"Bulleted list",unorderedListButton:"Numbered list",blockquoteButton:"Blockquote",indentButton:"Indent",outdentButton:"Outdent",textEditorToolbarTour:"Change how the text is structured and visualized in the page."},t.registerLocalization({context:_assertThisInitialized(t),namespace:"hax"}),t.sourceView=!1,t.haxUIElement=!0,t.tourName="hax",window.HaxTextEditorToolbarConfig=window.HaxTextEditorToolbarConfig||{},window.HaxTextEditorToolbarConfig.inlineGizmos=window.HaxTextEditorToolbarConfig.inlineGizmos||{},window.HaxTextEditorToolbarConfig.default=window.HaxTextEditorToolbarConfig.default||_toConsumableArray(t.defaultConfig),t.config=window.HaxTextEditorToolbarConfig.default,t.sticky=!1,t.__updated=!1,t.setTarget(void 0),window.addEventListener("hax-store-ready",t._handleHaxStoreReady.bind(_assertThisInitialized(t))),window.addEventListener("hax-register-properties",t._handleElementRegister.bind(_assertThisInitialized(t))),t}return function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}(HaxTextEditorToolbar,(0,e.RichTextEditorToolbarBehaviors)((0,n.I18NMixin)((0,r.HaxContextBehaviors)(t.LitElement)))),_createClass(HaxTextEditorToolbar,[{key:"render",value:function render(){return _get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"toolbarTemplate",this)}},{key:"tag",value:function tag(){return"hax-text-editor-toolbar"}},{key:"tourTemplate",get:function get(){return(0,t.html)(_templateObject_eebacaf01f0511ed8cc3e9a95995ad69(),this.t.textEditorToolbarTour)}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTextEditorToolbar),"baseStyles",this)),_toConsumableArray(_get(_getPrototypeOf(HaxTextEditorToolbar),"stickyStyles",this)),[(0,t.css)(_templateObject2_eebacaf01f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return{__updated:{type:Boolean}}}}]),_createClass(HaxTextEditorToolbar,[{key:"updated",value:function updated(t){var e=this;_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"updated",this)&&_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"updated",this).call(this,t),t.forEach((function(t,o){"parentSchema"!==o&&"range"!==o||e.updateBlocks(),"activeNode"===o&&e.activeNode!==t&&e.setTarget(e.activeNode),"t"===o&&e.t!==t&&e.updateToolbarElements()}))}},{key:"firstUpdated",value:function firstUpdated(t){_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"firstUpdated",this).call(this,t),this.config=this.updateToolbarElements()}},{key:"updateBlocks",value:function updateBlocks(){var t=this.formatButtonElement&&this.formatButtonElement.rangeOrMatchingAncestor()?this.formatButtonElement.rangeOrMatchingAncestor().tagName:void 0;this.formatButtonElement&&this.formatButtonElement.blocks!==this.filteredBlocks&&(this.formatButtonElement.blocks=this.filteredBlocks,this.formatButtonElement.value=(t||"").toLowerCase(),this.filteredBlocks.length<2?this.formatButtonElement.setAttribute("disabled","disabled"):this.formatButtonElement.removeAttribute("disabled"))}},{key:"getRange",value:function getRange(){var t=o.HAXStore.getRange();return!t||t.rangeCount<1?void 0:o.HAXStore.getRange()}},{key:"getSelection",value:function getSelection(){return o.HAXStore.getSelection()}},{key:"positionByTarget",value:function positionByTarget(t){}},{key:"_handleElementRegister",value:function _handleElementRegister(t){var e=t.detail||{},o=e.tag||{},r=e.properties||{};this._setInlineElement(o,r)}},{key:"_handleHaxStoreReady",value:function _handleHaxStoreReady(t){var e=this,r=o.HAXStore.elementList||{};Object.keys(r).forEach((function(t){return e._setInlineElement(t,elemets[t])}))}},{key:"_setInlineElement",value:function _setInlineElement(t,e){if(t&&e&&!window.HaxTextEditorToolbarConfig.inlineGizmos[t]&&!(t.indexOf("-")<0)){var o=e,r=e.gizmo||{},n=r.handles||[],i=r.title||r.tag.replace(/-./g,(function(t){return t.toUpperCase()[1]})),a=n.filter((function(t){return"inline"===t.type}));o.gizmo=o.gizmo||{},o.gizmo.title="Add ".concat(i),a.length>0&&(window.HaxTextEditorToolbarConfig.inlineGizmos[t]={element:o,type:"hax-text-editor-button"},this.__updated=!1,setTimeout(this.updateToolbarElements.bind(this),500))}}},{key:"updateToolbarElements",value:function updateToolbarElements(){if(!this.__updated){this.__updated=!0;var t=Object.keys(window.HaxTextEditorToolbarConfig.inlineGizmos||{}).map((function(t){return window.HaxTextEditorToolbarConfig.inlineGizmos[t]}));this.config=0===t.length?_toConsumableArray(this.defaultConfig):[].concat(_toConsumableArray(this.defaultConfig),[{type:"button-group",buttons:t}]),this.updateToolbar()}}},{key:"undoButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"undoButton",this),{label:this.t.undoButton})}},{key:"redoButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"redoButton",this),{label:this.t.redoButton})}},{key:"formatButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"formatButton",this),{label:this.t.formatButton,blocks:this.formatBlocks})}},{key:"formatBlocks",get:function get(){return[{label:this.t.blockP,tag:"p"},{label:this.t.blockH1,tag:"h1"},{label:this.t.blockH2,tag:"h2"},{label:this.t.blockH3,tag:"h3"},{label:this.t.blockH4,tag:"h4"},{label:this.t.blockH5,tag:"h5"},{label:this.t.blockH6,tag:"h6"},{label:this.t.blockPre,tag:"pre"}]}},{key:"boldButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"boldButton",this),{label:this.t.boldButton})}},{key:"italicButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"italicButton",this),{label:this.t.italicButton})}},{key:"underlineButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"underlineButton",this),{label:this.t.underlineButton})}},{key:"strikethroughButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"strikethroughButton",this),{label:this.t.strikethroughButton})}},{key:"removeFormatButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"removeFormatButton",this),{label:this.t.removeFormatButton})}},{key:"advancedInlineButtonGroup",get:function get(){return{type:"button-group",subtype:"advanced-inline-button-group",buttons:[this.underlineButton,this.strikethroughButton]}}},{key:"linkButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"linkButton",this),{label:this.t.linkButton})}},{key:"cutButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"cutButton",this),{label:this.t.cutButton})}},{key:"copyButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"copyButton",this),{label:this.t.copyButton})}},{key:"pasteButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"pasteButton",this),{label:this.t.pasteButton})}},{key:"subscriptButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"subscriptButton",this),{label:this.t.subscriptButton})}},{key:"superscriptButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"superscriptButton",this),{label:this.t.superscriptButton})}},{key:"symbolButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"symbolButton",this),{label:this.t.symbolButton})}},{key:"emojiButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"emojiButton",this),{label:this.t.emojiButton})}},{key:"imageButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"imageButton",this),{label:this.t.imageButton})}},{key:"orderedListButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"orderedListButton",this),{label:this.t.orderedListButton})}},{key:"unorderedListButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"unorderedListButton",this),{label:this.t.unorderedListButton})}},{key:"blockquoteButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"blockquoteButton",this),{label:this.t.blockquoteButton})}},{key:"indentButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"indentButton",this),{label:this.t.indentButton})}},{key:"outdentButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"outdentButton",this),{label:this.t.outdentButton})}},{key:"sourceButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"sourceButton",this))}},{key:"haxInsertButtonGroup",get:function get(){return{type:"button-group",subtype:"hax-insert-button-group",blocks:[this.symbolButton,this.emojiButton]}}},{key:"iconButton",get:function get(){return{}}},{key:"defaultConfig",get:function get(){return[this.basicInlineButtonGroup,this.linkButtonGroup,this.listIndentButtonGroup,this.haxInsertButtonGroup,this.scriptButtonGroup,this.advancedInlineButtonGroup]}},{key:"filteredBlocks",get:function get(){return this.getFilteredBlocks(this.formatBlocks)}},{key:"formatButtonElement",get:function get(){return this.formatButton.type?this.querySelector(this.formatButton.type):void 0}}]),HaxTextEditorToolbar}();exports.HaxTextEditorToolbar=i,customElements.define("hax-text-editor-toolbar",i);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxTextEditorToolbar=void 0;var t=require("lit"),e=require("@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar.js"),o=(require("./hax-text-editor-button.js"),require("./hax-store.js")),r=require("./hax-context-behaviors.js"),n=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function ownKeys(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(o,!0).forEach((function(e){_defineProperty(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function _defineProperty(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _templateObject2_c4fbd4901f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["\n        :host {\n          --rich-text-editor-button-color: var(--hax-ui-color);\n          --rich-text-editor-button-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-border-color: transparent;\n          --rich-text-editor-button-hover-color: var(--hax-ui-color);\n          --rich-text-editor-button-hover-bg: var(\n            --hax-ui-background-color-secondary\n          );\n          --rich-text-editor-button-toggled-color: var(--hax-ui-color-accent);\n          --rich-text-editor-button-toggled-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-toggled-border-color: var(\n            --hax-ui-color-accent\n          );\n          --rich-text-editor-button-disabled-opacity: 1;\n          --rich-text-editor-button-disabled-color: var(\n            --hax-ui-disabled-color\n          );\n          --rich-text-editor-button-disabled-bg: var(--hax-ui-background-color);\n          --rich-text-editor-button-disabled-border-color: transparent;\n        }\n        #morebutton {\n          align-self: flex-end;\n        }\n        ::slotted([icon-position]:hover) {\n          --rich-text-editor-button-toggled-bg: var(\n            --hax-ui-background-color-accent\n          );\n        }\n        ::slotted(.group) {\n          flex: 0 0 auto;\n          justify-content: center;\n          border-width: 1px;\n          margin: -1px;\n          padding: 0px;\n        }\n        ::slotted(.group),\n        ::slotted([icon-position]) {\n          z-index: 1;\n        }\n        ::slotted([icon-position]),\n        :host([collapsed]) ::slotted(.group) {\n          flex: 0 0 auto;\n        }\n        :host ::slotted(*:focus),\n        :host ::slotted(*:focus-within) {\n          z-index: 2 !important;\n        }\n        :host ::slotted(*:hover) {\n          z-index: 3 !important;\n        }\n      "]);return _templateObject2_c4fbd4901f2611eda0c389891c227ec8=function _templateObject2_c4fbd4901f2611eda0c389891c227ec8(){return t},t}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,o=new Array(t.length);e<t.length;e++)o[e]=t[e];return o}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_c4fbd4901f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral([' <div slot="tour" data-stop-content>\n      ',"\n    </div>"]);return _templateObject_c4fbd4901f2611eda0c389891c227ec8=function _templateObject_c4fbd4901f2611eda0c389891c227ec8(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _defineProperties(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _createClass(t,e,o){return e&&_defineProperties(t.prototype,e),o&&_defineProperties(t,o),t}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,o){var r=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(r){var n=Object.getOwnPropertyDescriptor(r,e);return n.get?n.get.call(o):n.value}},_get(t,e,o||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}var i=function(i){function HaxTextEditorToolbar(){var t;return function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,HaxTextEditorToolbar),(t=function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?_assertThisInitialized(t):e}(this,_getPrototypeOf(HaxTextEditorToolbar).call(this))).tag=HaxTextEditorToolbar.tag,t.t={undoButton:"Undo",redoButton:"Redo",formatButton:"Format",blockP:"Paragraph",blockH1:"Heading 1",blockH2:"Heading 2",blockH3:"Heading 3",blockH4:"Heading 4",blockH5:"Heading 5",blockH6:"Heading 6",blockPre:"Preformatted",italicButton:"Italic",boldButton:"Bold",underlineButton:"Underline",strikethroughButton:"Cross out",removeFormatButton:"Remove format",linkButton:"Link",cutButton:"Cut",copyButton:"Copy",pasteButton:"Paste",subscriptButton:"Subscript",superscriptButton:"Superscript",symbolButton:"Insert Symbol",emojiButton:"Insert Emoticon",imageButton:"Insert Image",orderedListButton:"Bulleted list",unorderedListButton:"Numbered list",blockquoteButton:"Blockquote",indentButton:"Indent",outdentButton:"Outdent",textEditorToolbarTour:"Change how the text is structured and visualized in the page."},t.registerLocalization({context:_assertThisInitialized(t),namespace:"hax"}),t.sourceView=!1,t.haxUIElement=!0,t.tourName="hax",window.HaxTextEditorToolbarConfig=window.HaxTextEditorToolbarConfig||{},window.HaxTextEditorToolbarConfig.inlineGizmos=window.HaxTextEditorToolbarConfig.inlineGizmos||{},window.HaxTextEditorToolbarConfig.default=window.HaxTextEditorToolbarConfig.default||_toConsumableArray(t.defaultConfig),t.config=window.HaxTextEditorToolbarConfig.default,t.sticky=!1,t.__updated=!1,t.setTarget(void 0),window.addEventListener("hax-store-ready",t._handleHaxStoreReady.bind(_assertThisInitialized(t))),window.addEventListener("hax-register-properties",t._handleElementRegister.bind(_assertThisInitialized(t))),t}return function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}(HaxTextEditorToolbar,(0,e.RichTextEditorToolbarBehaviors)((0,n.I18NMixin)((0,r.HaxContextBehaviors)(t.LitElement)))),_createClass(HaxTextEditorToolbar,[{key:"render",value:function render(){return _get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"toolbarTemplate",this)}},{key:"tag",value:function tag(){return"hax-text-editor-toolbar"}},{key:"tourTemplate",get:function get(){return(0,t.html)(_templateObject_c4fbd4901f2611eda0c389891c227ec8(),this.t.textEditorToolbarTour)}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTextEditorToolbar),"baseStyles",this)),_toConsumableArray(_get(_getPrototypeOf(HaxTextEditorToolbar),"stickyStyles",this)),[(0,t.css)(_templateObject2_c4fbd4901f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return{__updated:{type:Boolean}}}}]),_createClass(HaxTextEditorToolbar,[{key:"updated",value:function updated(t){var e=this;_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"updated",this)&&_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"updated",this).call(this,t),t.forEach((function(t,o){"parentSchema"!==o&&"range"!==o||e.updateBlocks(),"activeNode"===o&&e.activeNode!==t&&e.setTarget(e.activeNode),"t"===o&&e.t!==t&&e.updateToolbarElements()}))}},{key:"firstUpdated",value:function firstUpdated(t){_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"firstUpdated",this).call(this,t),this.config=this.updateToolbarElements()}},{key:"updateBlocks",value:function updateBlocks(){var t=this.formatButtonElement&&this.formatButtonElement.rangeOrMatchingAncestor()?this.formatButtonElement.rangeOrMatchingAncestor().tagName:void 0;this.formatButtonElement&&this.formatButtonElement.blocks!==this.filteredBlocks&&(this.formatButtonElement.blocks=this.filteredBlocks,this.formatButtonElement.value=(t||"").toLowerCase(),this.filteredBlocks.length<2?this.formatButtonElement.setAttribute("disabled","disabled"):this.formatButtonElement.removeAttribute("disabled"))}},{key:"getRange",value:function getRange(){var t=o.HAXStore.getRange();return!t||t.rangeCount<1?void 0:o.HAXStore.getRange()}},{key:"getSelection",value:function getSelection(){return o.HAXStore.getSelection()}},{key:"positionByTarget",value:function positionByTarget(t){}},{key:"_handleElementRegister",value:function _handleElementRegister(t){var e=t.detail||{},o=e.tag||{},r=e.properties||{};this._setInlineElement(o,r)}},{key:"_handleHaxStoreReady",value:function _handleHaxStoreReady(t){var e=this,r=o.HAXStore.elementList||{};Object.keys(r).forEach((function(t){return e._setInlineElement(t,elemets[t])}))}},{key:"_setInlineElement",value:function _setInlineElement(t,e){if(t&&e&&!window.HaxTextEditorToolbarConfig.inlineGizmos[t]&&!(t.indexOf("-")<0)){var o=e,r=e.gizmo||{},n=r.handles||[],i=r.title||r.tag.replace(/-./g,(function(t){return t.toUpperCase()[1]})),a=n.filter((function(t){return"inline"===t.type}));o.gizmo=o.gizmo||{},o.gizmo.title="Add ".concat(i),a.length>0&&(window.HaxTextEditorToolbarConfig.inlineGizmos[t]={element:o,type:"hax-text-editor-button"},this.__updated=!1,setTimeout(this.updateToolbarElements.bind(this),500))}}},{key:"updateToolbarElements",value:function updateToolbarElements(){if(!this.__updated){this.__updated=!0;var t=Object.keys(window.HaxTextEditorToolbarConfig.inlineGizmos||{}).map((function(t){return window.HaxTextEditorToolbarConfig.inlineGizmos[t]}));this.config=0===t.length?_toConsumableArray(this.defaultConfig):[].concat(_toConsumableArray(this.defaultConfig),[{type:"button-group",buttons:t}]),this.updateToolbar()}}},{key:"undoButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"undoButton",this),{label:this.t.undoButton})}},{key:"redoButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"redoButton",this),{label:this.t.redoButton})}},{key:"formatButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"formatButton",this),{label:this.t.formatButton,blocks:this.formatBlocks})}},{key:"formatBlocks",get:function get(){return[{label:this.t.blockP,tag:"p"},{label:this.t.blockH1,tag:"h1"},{label:this.t.blockH2,tag:"h2"},{label:this.t.blockH3,tag:"h3"},{label:this.t.blockH4,tag:"h4"},{label:this.t.blockH5,tag:"h5"},{label:this.t.blockH6,tag:"h6"},{label:this.t.blockPre,tag:"pre"}]}},{key:"boldButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"boldButton",this),{label:this.t.boldButton})}},{key:"italicButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"italicButton",this),{label:this.t.italicButton})}},{key:"underlineButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"underlineButton",this),{label:this.t.underlineButton})}},{key:"strikethroughButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"strikethroughButton",this),{label:this.t.strikethroughButton})}},{key:"removeFormatButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"removeFormatButton",this),{label:this.t.removeFormatButton})}},{key:"advancedInlineButtonGroup",get:function get(){return{type:"button-group",subtype:"advanced-inline-button-group",buttons:[this.underlineButton,this.strikethroughButton]}}},{key:"linkButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"linkButton",this),{label:this.t.linkButton})}},{key:"cutButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"cutButton",this),{label:this.t.cutButton})}},{key:"copyButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"copyButton",this),{label:this.t.copyButton})}},{key:"pasteButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"pasteButton",this),{label:this.t.pasteButton})}},{key:"subscriptButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"subscriptButton",this),{label:this.t.subscriptButton})}},{key:"superscriptButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"superscriptButton",this),{label:this.t.superscriptButton})}},{key:"symbolButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"symbolButton",this),{label:this.t.symbolButton})}},{key:"emojiButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"emojiButton",this),{label:this.t.emojiButton})}},{key:"imageButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"imageButton",this),{label:this.t.imageButton})}},{key:"orderedListButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"orderedListButton",this),{label:this.t.orderedListButton})}},{key:"unorderedListButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"unorderedListButton",this),{label:this.t.unorderedListButton})}},{key:"blockquoteButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"blockquoteButton",this),{label:this.t.blockquoteButton})}},{key:"indentButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"indentButton",this),{label:this.t.indentButton})}},{key:"outdentButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"outdentButton",this),{label:this.t.outdentButton})}},{key:"sourceButton",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTextEditorToolbar.prototype),"sourceButton",this))}},{key:"haxInsertButtonGroup",get:function get(){return{type:"button-group",subtype:"hax-insert-button-group",blocks:[this.symbolButton,this.emojiButton]}}},{key:"iconButton",get:function get(){return{}}},{key:"defaultConfig",get:function get(){return[this.basicInlineButtonGroup,this.linkButtonGroup,this.listIndentButtonGroup,this.haxInsertButtonGroup,this.scriptButtonGroup,this.advancedInlineButtonGroup]}},{key:"filteredBlocks",get:function get(){return this.getFilteredBlocks(this.formatBlocks)}},{key:"formatButtonElement",get:function get(){return this.formatButton.type?this.querySelector(this.formatButton.type):void 0}}]),HaxTextEditorToolbar}();exports.HaxTextEditorToolbar=i,customElements.define("hax-text-editor-toolbar",i);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-item.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-item.dev.js
index 489fc7e9c25..c88e13b918f 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-item.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-item.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxToolbarItemBehaviors=exports.HaxToolbarItem=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),n=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_eebd8a101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index, 1001)!important;\n          }\n        "]);return _templateObject3_eebd8a101f0511ed8cc3e9a95995ad69=function _templateObject3_eebd8a101f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject2_eebd8a101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <button\n              id="button"\n              class="simple-toolbar-button"\n              ?disabled="','"\n              ?controls="','"\n              @click="','"\n              @keydown="','"\n              @mousedown="','"\n              tabindex="0"\n              part="button"\n            >\n              ',"\n              ","\n            </button>\n            ",""]);return _templateObject2_eebd8a101f0511ed8cc3e9a95995ad69=function _templateObject2_eebd8a101f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eebd8a101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <button\n              id="button"\n              aria-pressed="','"\n              class="simple-toolbar-button"\n              ?disabled="','"\n              ?controls="','"\n              @click="','"\n              @keydown="','"\n              @mousedown="','"\n              tabindex="0"\n              part="button"\n            >\n              '," ","\n            </button>\n            ",""]);return _templateObject_eebd8a101f0511ed8cc3e9a95995ad69=function _templateObject_eebd8a101f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function HaxToolbarItemBehaviors(o){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).danger=!1,e.feature=!1,e.menu=!1,e}return _inherits(_class,t),_createClass(_class,null,[{key:"tag",get:function get(){return"hax-toolbar-item"}}]),_createClass(_class,[{key:"_handleClick",value:function _handleClick(e){}},{key:"_handleKeys",value:function _handleKeys(e){}},{key:"_handleMousedown",value:function _handleMousedown(e){}},{key:"buttonTemplate",get:function get(){return this.toggles?(0,e.html)(_templateObject_eebd8a101f0511ed8cc3e9a95995ad69(),this.isToggled?"true":"false",this.disabled,this.controls,this._handleClick,this._handleKeys,this._handleMousedown,this.iconTemplate,this.labelTemplate,this.tooltipTemplate):(0,e.html)(_templateObject2_eebd8a101f0511ed8cc3e9a95995ad69(),this.disabled,this.controls,this._handleClick,this._handleKeys,this._handleMousedown,this.iconTemplate,this.labelTemplate,this.tooltipTemplate)}}],[{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{danger:{type:Boolean,reflect:!0},eventName:{type:String,reflect:!0,attribute:"event-name"},feature:{type:Boolean,reflect:!0},toggledTooltip:{type:String},tooltip:{type:String}})}},{key:"simpleButtonThemeStyles",get:function get(){return n.HaxButton}},{key:"simpleButtonCoreStyles",get:function get(){return _get(_getPrototypeOf(_class),"simpleButtonCoreStyles",this)}},{key:"simpleButtonLayoutStyles",get:function get(){return _get(_getPrototypeOf(_class),"simpleButtonLayoutStyles",this)}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)),[(0,e.css)(_templateObject3_eebd8a101f0511ed8cc3e9a95995ad69())])}}]),_class}((0,t.SimpleToolbarButtonBehaviors)(o))};exports.HaxToolbarItemBehaviors=o;var r=function(t){function HaxToolbarItem(){return _classCallCheck(this,HaxToolbarItem),_possibleConstructorReturn(this,_getPrototypeOf(HaxToolbarItem).apply(this,arguments))}return _inherits(HaxToolbarItem,o(e.LitElement)),HaxToolbarItem}();exports.HaxToolbarItem=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxToolbarItemBehaviors=exports.HaxToolbarItem=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),n=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_c4febac01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          :host(:hover),\n          :host(:focus-within) {\n            z-index: var(--hax-ui-focus-z-index, 1001)!important;\n          }\n        "]);return _templateObject3_c4febac01f2611eda0c389891c227ec8=function _templateObject3_c4febac01f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject2_c4febac01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <button\n              id="button"\n              class="simple-toolbar-button"\n              ?disabled="','"\n              ?controls="','"\n              @click="','"\n              @keydown="','"\n              @mousedown="','"\n              tabindex="0"\n              part="button"\n            >\n              ',"\n              ","\n            </button>\n            ",""]);return _templateObject2_c4febac01f2611eda0c389891c227ec8=function _templateObject2_c4febac01f2611eda0c389891c227ec8(){return e},e}function _templateObject_c4febac01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <button\n              id="button"\n              aria-pressed="','"\n              class="simple-toolbar-button"\n              ?disabled="','"\n              ?controls="','"\n              @click="','"\n              @keydown="','"\n              @mousedown="','"\n              tabindex="0"\n              part="button"\n            >\n              '," ","\n            </button>\n            ",""]);return _templateObject_c4febac01f2611eda0c389891c227ec8=function _templateObject_c4febac01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function HaxToolbarItemBehaviors(o){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).danger=!1,e.feature=!1,e.menu=!1,e}return _inherits(_class,t),_createClass(_class,null,[{key:"tag",get:function get(){return"hax-toolbar-item"}}]),_createClass(_class,[{key:"_handleClick",value:function _handleClick(e){}},{key:"_handleKeys",value:function _handleKeys(e){}},{key:"_handleMousedown",value:function _handleMousedown(e){}},{key:"buttonTemplate",get:function get(){return this.toggles?(0,e.html)(_templateObject_c4febac01f2611eda0c389891c227ec8(),this.isToggled?"true":"false",this.disabled,this.controls,this._handleClick,this._handleKeys,this._handleMousedown,this.iconTemplate,this.labelTemplate,this.tooltipTemplate):(0,e.html)(_templateObject2_c4febac01f2611eda0c389891c227ec8(),this.disabled,this.controls,this._handleClick,this._handleKeys,this._handleMousedown,this.iconTemplate,this.labelTemplate,this.tooltipTemplate)}}],[{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{danger:{type:Boolean,reflect:!0},eventName:{type:String,reflect:!0,attribute:"event-name"},feature:{type:Boolean,reflect:!0},toggledTooltip:{type:String},tooltip:{type:String}})}},{key:"simpleButtonThemeStyles",get:function get(){return n.HaxButton}},{key:"simpleButtonCoreStyles",get:function get(){return _get(_getPrototypeOf(_class),"simpleButtonCoreStyles",this)}},{key:"simpleButtonLayoutStyles",get:function get(){return _get(_getPrototypeOf(_class),"simpleButtonLayoutStyles",this)}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)),[(0,e.css)(_templateObject3_c4febac01f2611eda0c389891c227ec8())])}}]),_class}((0,t.SimpleToolbarButtonBehaviors)(o))};exports.HaxToolbarItemBehaviors=o;var r=function(t){function HaxToolbarItem(){return _classCallCheck(this,HaxToolbarItem),_possibleConstructorReturn(this,_getPrototypeOf(HaxToolbarItem).apply(this,arguments))}return _inherits(HaxToolbarItem,o(e.LitElement)),HaxToolbarItem}();exports.HaxToolbarItem=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu-item.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu-item.dev.js
index 8e9d84328d0..45679eeddcc 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu-item.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu-item.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxToolbarMenuItem=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_eebe4d601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        ::slotted(*) {\n          --simple-toolbar-button-justify: flex-start;\n          --simple-toolbar-button-label-white-space: nowrap;\n          --simple-toolbar-button-padding: 0 var(--hax-tray-margin, 4px);\n        }\n      "]);return _templateObject2_eebe4d601f0511ed8cc3e9a95995ad69=function _templateObject2_eebe4d601f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_eebe4d601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);return _templateObject_eebe4d601f0511ed8cc3e9a95995ad69=function _templateObject_eebe4d601f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function HaxToolbarMenuItem(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxToolbarMenuItem),_possibleConstructorReturn(this,_getPrototypeOf(HaxToolbarMenuItem).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxToolbarMenuItem,(0,t.SimpleToolbarMenuItemBehaviors)(e.LitElement)),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(HaxToolbarMenuItem,[{key:"render",value:function render(){return(0,e.html)(_templateObject_eebe4d601f0511ed8cc3e9a95995ad69())}},{key:"focus",value:function focus(){this.querySelector("[role=menuitem]")&&this.querySelector("[role=menuitem]").focus()}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenuItem),"styles",this)),[(0,e.css)(_templateObject2_eebe4d601f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"hax-toolbar-menu-item"}}]),HaxToolbarMenuItem}();exports.HaxToolbarMenuItem=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxToolbarMenuItem=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c4ff7e101f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        ::slotted(*) {\n          --simple-toolbar-button-justify: flex-start;\n          --simple-toolbar-button-label-white-space: nowrap;\n          --simple-toolbar-button-padding: 0 var(--hax-tray-margin, 4px);\n        }\n      "]);return _templateObject2_c4ff7e101f2611eda0c389891c227ec8=function _templateObject2_c4ff7e101f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_c4ff7e101f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);return _templateObject_c4ff7e101f2611eda0c389891c227ec8=function _templateObject_c4ff7e101f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function HaxToolbarMenuItem(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxToolbarMenuItem),_possibleConstructorReturn(this,_getPrototypeOf(HaxToolbarMenuItem).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxToolbarMenuItem,(0,t.SimpleToolbarMenuItemBehaviors)(e.LitElement)),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(HaxToolbarMenuItem,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c4ff7e101f2611eda0c389891c227ec8())}},{key:"focus",value:function focus(){this.querySelector("[role=menuitem]")&&this.querySelector("[role=menuitem]").focus()}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenuItem),"styles",this)),[(0,e.css)(_templateObject2_c4ff7e101f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"hax-toolbar-menu-item"}}]),HaxToolbarMenuItem}();exports.HaxToolbarMenuItem=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu.dev.js
index 3c1c5f7d829..37aaa249cdd 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar-menu.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxToolbarMenu=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu.js"),r=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_eebf5ed01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        ::slotted([slot="menuitem"]) {\n          --simple-toolbar-button-justify: flex-start;\n          --simple-toolbar-button-label-white-space: nowrap;\n        }\n      ']);return _templateObject2_eebf5ed01f0511ed8cc3e9a95995ad69=function _templateObject2_eebf5ed01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_eebf5ed01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<slot name="menuitem"></slot>']);return _templateObject_eebf5ed01f0511ed8cc3e9a95995ad69=function _templateObject_eebf5ed01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var o=function(o){function HaxToolbarMenu(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxToolbarMenu),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxToolbarMenu).call(this)))._blockEvent=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxToolbarMenu,(0,t.SimpleToolbarMenuBehaviors)(e.LitElement)),_createClass(HaxToolbarMenu,null,[{key:"styles",get:function get(){return _toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenu),"styles",this))}}]),_createClass(HaxToolbarMenu,[{key:"listItemTemplate",get:function get(){return(0,e.html)(_templateObject_eebf5ed01f0511ed8cc3e9a95995ad69())}}],[{key:"simpleButtonThemeStyles",get:function get(){return r.HaxButton}},{key:"simpleButtonCoreStyles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenu),"simpleButtonCoreStyles",this)),[(0,e.css)(_templateObject2_eebf5ed01f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"hax-toolbar-menu"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(HaxToolbarMenu),"properties",this),{_blockEvent:{type:Boolean},eventName:{type:String,attribute:"event-name"}})}}]),HaxToolbarMenu}();exports.HaxToolbarMenu=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxToolbarMenu=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu.js"),r=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_c5008f801f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        ::slotted([slot="menuitem"]) {\n          --simple-toolbar-button-justify: flex-start;\n          --simple-toolbar-button-label-white-space: nowrap;\n        }\n      ']);return _templateObject2_c5008f801f2611eda0c389891c227ec8=function _templateObject2_c5008f801f2611eda0c389891c227ec8(){return e},e}function _templateObject_c5008f801f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<slot name="menuitem"></slot>']);return _templateObject_c5008f801f2611eda0c389891c227ec8=function _templateObject_c5008f801f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var o=function(o){function HaxToolbarMenu(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxToolbarMenu),(e=_possibleConstructorReturn(this,_getPrototypeOf(HaxToolbarMenu).call(this)))._blockEvent=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxToolbarMenu,(0,t.SimpleToolbarMenuBehaviors)(e.LitElement)),_createClass(HaxToolbarMenu,null,[{key:"styles",get:function get(){return _toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenu),"styles",this))}}]),_createClass(HaxToolbarMenu,[{key:"listItemTemplate",get:function get(){return(0,e.html)(_templateObject_c5008f801f2611eda0c389891c227ec8())}}],[{key:"simpleButtonThemeStyles",get:function get(){return r.HaxButton}},{key:"simpleButtonCoreStyles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxToolbarMenu),"simpleButtonCoreStyles",this)),[(0,e.css)(_templateObject2_c5008f801f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"hax-toolbar-menu"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(HaxToolbarMenu),"properties",this),{_blockEvent:{type:Boolean},eventName:{type:String,attribute:"event-name"}})}}]),HaxToolbarMenu}();exports.HaxToolbarMenu=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar.dev.js
index 08cfc600937..39b34080eee 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-toolbar.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxToolbarBehaviors=exports.HaxToolbar=void 0;var e=require("lit");require("@lrnwebcomponents/hax-body/lib/hax-toolbar-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-context-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar-menu.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js");var t=require("@lrnwebcomponents/simple-toolbar/simple-toolbar.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject_eec0e5701f0511ed8cc3e9a95995ad69(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n          :host {\n            --hax-ui-border-radius: 0px;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          ::slotted(*) {\n            pointer-events: all;\n          }\n          ::slotted(.group) {\n            border: none;\n          }\n        "]);return _templateObject_eec0e5701f0511ed8cc3e9a95995ad69=function _templateObject_eec0e5701f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var r=function HaxToolbarBehaviors(r){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).selected=!1,e.inline=!1,e}return _inherits(_class,t),_createClass(_class,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)),[(0,e.css)(_templateObject_eec0e5701f0511ed8cc3e9a95995ad69())])}}]),_createClass(_class,null,[{key:"tag",get:function get(){return"hax-toolbar"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{selected:{type:Boolean,reflect:!0},inline:{type:Boolean,reflect:!0}})}}]),_class}((0,t.SimpleToolbarBehaviors)(r))};exports.HaxToolbarBehaviors=r;var o=function(t){function HaxToolbar(){return _classCallCheck(this,HaxToolbar),_possibleConstructorReturn(this,_getPrototypeOf(HaxToolbar).apply(this,arguments))}return _inherits(HaxToolbar,r(e.LitElement)),HaxToolbar}();exports.HaxToolbar=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxToolbarBehaviors=exports.HaxToolbar=void 0;var e=require("lit");require("@lrnwebcomponents/hax-body/lib/hax-toolbar-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-context-item.js"),require("@lrnwebcomponents/hax-body/lib/hax-toolbar-menu.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js");var t=require("@lrnwebcomponents/simple-toolbar/simple-toolbar.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject_c5028b501f2611eda0c389891c227ec8(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n          :host {\n            --hax-ui-border-radius: 0px;\n          }\n          .selected-buttons {\n            transition: 0.1s all ease-in-out;\n            width: 0;\n          }\n          :host([has-selected-text]) .selected-buttons {\n            width: 100%;\n          }\n          ::slotted(*) {\n            pointer-events: all;\n          }\n          ::slotted(.group) {\n            border: none;\n          }\n        "]);return _templateObject_c5028b501f2611eda0c389891c227ec8=function _templateObject_c5028b501f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var r=function HaxToolbarBehaviors(r){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).selected=!1,e.inline=!1,e}return _inherits(_class,t),_createClass(_class,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)),[(0,e.css)(_templateObject_c5028b501f2611eda0c389891c227ec8())])}}]),_createClass(_class,null,[{key:"tag",get:function get(){return"hax-toolbar"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{selected:{type:Boolean,reflect:!0},inline:{type:Boolean,reflect:!0}})}}]),_class}((0,t.SimpleToolbarBehaviors)(r))};exports.HaxToolbarBehaviors=r;var o=function(t){function HaxToolbar(){return _classCallCheck(this,HaxToolbar),_possibleConstructorReturn(this,_getPrototypeOf(HaxToolbar).apply(this,arguments))}return _inherits(HaxToolbar,r(e.LitElement)),HaxToolbar}();exports.HaxToolbar=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-tray.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-tray.dev.js
index cc16d65f539..1bbf1e974dd 100755
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-tray.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-tray.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxTray=void 0;var e=require("lit"),t=require("@lrnwebcomponents/utils/utils.js"),n=require("@lrnwebcomponents/hax-body-behaviors/lib/HAXFields.js"),a=require("@lrnwebcomponents/simple-popover/lib/SimpleTourFinder"),i=require("./hax-store.js"),o=require("mobx"),r=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js");require("@lrnwebcomponents/simple-fields/simple-fields.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js"),require("./hax-tray-upload.js"),require("./hax-gizmo-browser.js"),require("./hax-view-source.js"),require("./hax-stax-browser.js"),require("./hax-map.js"),require("./hax-preferences-dialog.js");var s=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");require("@lrnwebcomponents/undo-manager/undo-manager.js");function _templateObject17_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        :host {\n          z-index: 1000;\n          top: 0;\n          font-family: var(--hax-ui-font-family);\n          font-size: var(--hax-ui-font-size);\n          color: var(--hax-ui-color);\n          transition: 0s color linear 0s;\n        }\n        :host(:focus-within),\n        :host(:hover) {\n          z-index: var(--hax-ui-focus-z-index);\n        }\n        .wrapper {\n          position: fixed;\n          display: flex;\n          align-items: stretch;\n          flex-direction: row-reverse;\n          opacity: 0;\n          visibility: visible;\n          pointer-events: none;\n          overflow: hidden;\n          right: -1000px;\n          top: 0;\n          bottom: 0;\n          width: var(--hax-tray-width);\n          height: 100vh;\n          max-height: 100vh;\n          transition: 0.2s opacity ease-in-out 0s;\n        }\n        :host([element-align="left"]) .wrapper {\n          left: -1000px;\n          flex-direction: row;\n        }\n        :host([edit-mode]) .wrapper {\n          opacity: 1;\n          visibility: visible;\n          pointer-events: all;\n        }\n        :host([edit-mode][element-align="left"]) .wrapper {\n          left: 0px;\n        }\n        :host([edit-mode][element-align="right"]) .wrapper {\n          right: 0px;\n        }\n        :host([edit-mode][collapsed]) .wrapper {\n          width: unset;\n        }\n        :host([edit-mode]) .wrapper.full-panel {\n          width: unset;\n          left: 0;\n          right: 0;\n        }\n        #menubar {\n          display: inline-flex;\n          flex-direction: column;\n          align-items: stretch;\n          width: var(--hax-tray-menubar-min-width);\n          overflow: visible;\n          flex: 0 0 auto;\n          z-index: 6;\n          background-color: var(--hax-ui-background-color);\n        }\n        :host([collapsed]) #menubar {\n          width: unset;\n        }\n        #menubar > * {\n          background-color: var(--hax-ui-background-color);\n        }\n        #menubar > *::part(button) {\n          padding: var(--hax-ui-spacing-xs);\n        }\n        #menubar > *::part(label) {\n          opacity: 0;\n          margin: 0px;\n          width: 0%;\n          font-size: 10px;\n          padding: 0px;\n          visibility: hidden;\n          overflow: hidden;\n          display: inline-block;\n          text-align: left;\n          transition: 0.2s width ease-in-out 0s, 0.2s margin ease-in-out 0s,\n            0.2s padding ease-in-out 0s, 0s opacity linear 0.2s,\n            0s visibility linear 0.2s;\n        }\n        :host([collapsed]) #menubar > *::part(label) {\n          opacity: 1;\n          width: 100%;\n          visibility: visible;\n          padding: 0px var(--hax-ui-spacing-sm);\n          overflow: unset;\n          transition: 0.2s width ease-in-out 0s, 0.2s margin ease-in-out 0s,\n            0.2s padding ease-in-out 0s, 0s opacity linear 0s,\n            0s visibility linear 0s, 0s overflow linear 0.2s;\n        }\n        loading-indicator {\n          --loading-indicator-background-color: var(\n            --simple-colors-default-theme-accent-2,\n            grey\n          );\n          --loading-indicator-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n        }\n        .detail,\n        #tray-detail {\n          flex: 1 1 auto;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n        }\n        .detail {\n          opacity: 1;\n          visibility: visible;\n          pointer-events: all;\n          transition: 0.2s opacity ease-in-out 0s, 0.2s width ease-in-out 0s,\n            0.2s visibility ease-in-out 0s, 0s border linear;\n          border: 1px solid var(--hax-ui-border-color);\n          background-color: var(--hax-ui-background-color);\n          transition: 0.2s width ease-in-out 0s;\n        }\n        :host([collapsed]) .detail {\n          width: 0px;\n          overflow: hidden;\n          opacity: 0;\n          visibility: hidden;\n          pointer-events: none;\n          max-height: 100vh;\n          overflow-y: auto;\n        }\n        #tray-detail {\n          width: auto;\n          padding: 0 var(--hax-ui-spacing) var(--hax-ui-spacing);\n          overflow-y: auto;\n        }\n        #haxcancelbutton::part(dropdown-icon) {\n          display: none;\n        }\n        .tray-detail-titlebar {\n          background-color: var(--hax-ui-color-accent);\n          padding: var(--hax-ui-spacing-sm) var(--hax-ui-spacing);\n          margin: 0 calc(0px - var(--hax-ui-spacing)) var(--hax-ui-spacing);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          height: var(--simple-modal-titlebar-height, unset);\n          line-height: var(--simple-modal-titlebar-line-height, unset);\n          position: sticky;\n          z-index: 2;\n          top: 0;\n        }\n        .tray-detail-titlebar h4 {\n          flex: 1 1 auto;\n          font-size: var(--hax-ui-font-size);\n          font-family: var(--hax-ui-font-family);\n        }\n        #toggle-tray-size {\n          flex: 0 0 auto;\n        }\n        hax-tray-button,\n        hax-app-browser,\n        hax-gizmo-browser {\n          transition: 0.2s all ease-in-out;\n          transition: 0s color linear !important;\n          transition: 0s background-color linear !important;\n          transition: 0s border-color linear !important;\n          visibility: visible;\n        }\n        hax-tray-button:not(:defined),\n        hax-app-browser:not(:defined),\n        hax-gizmo-browser:not(:defined) {\n          visibility: hidden;\n        }\n        hax-tray-upload {\n          flex: 0 0 auto;\n        }\n        *[hidden] {\n          display: none;\n        }\n        :host([element-align="right"]) #button {\n          right: 0;\n        }\n        :host([element-align="left"]) #button {\n          left: 0;\n        }\n\n        #button {\n          position: fixed;\n          top: 0;\n          visibility: visible;\n          margin: var(--hax-ui-spacing-xs);\n        }\n        :host([edit-mode]) #button {\n          visibility: hidden;\n          opacity: 0;\n        }\n        #button:hover {\n          opacity: 1;\n        }\n        /** This is mobile layout for controls */\n        @media screen and (max-width: 800px) {\n          :host {\n            width: 100%;\n          }\n          .wrapper {\n            width: unset;\n            top: -1000px;\n            left: 0px;\n            right: 0px;\n            flex-direction: column;\n          }\n          :host([edit-mode]) .wrapper {\n            top: 0;\n          }\n          :host([collapsed]) .wrapper {\n            height: var(--hax-tray-menubar-min-height);\n            overflow-y: visible;\n          }\n          :host([element-align="left"]) .wrapper {\n            left: -1000px;\n            flex-direction: column;\n          }\n          #menubar {\n            position: sticky;\n            flex-direction: row;\n            left: 0;\n            top: 0;\n            height: auto;\n            flex: 0 0 auto;\n            width: 100%;\n          }\n          #menubar > * {\n            flex: 1 0 auto;\n            min-width: var(--hax-tray-menubar-min-width);\n          }\n          #menubar > *::part(button) {\n            min-width: var(--hax-tray-menubar-min-width);\n            justify-content: space-around;\n          }\n          #menubar > *::part(label) {\n            display: none;\n          }\n          #haxMenuAlign {\n            display: none;\n          }\n          .detail {\n            width: 100%;\n            position: relative;\n            flex: 1 1 100%;\n          }\n          :host([collapsed]) .detail {\n            flex: 0 0 0px;\n          }\n        }\n        @media screen and (max-width: 600px) {\n          :host([edit-mode]) .hide-small {\n            display: none;\n          }\n        }\n      ']);return _templateObject17_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject17_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject16_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <hax-tray-upload ?hidden="','"></hax-tray-upload>\n      <h5 ?hidden="','">','</h5>\n      <hax-app-browser id="appbrowser" ?hidden="','"></hax-app-browser>']);return _templateObject16_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject16_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject15_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<hax-map\n      controls="content-map"\n      ?hidden="','"\n    ></hax-map>']);return _templateObject15_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject15_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject14_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <hax-gizmo-browser\n        id="gizmobrowser"\n        ?hidden="','"\n      ></hax-gizmo-browser>\n      <h5 ?hidden="','">','</h5>\n      <hax-stax-browser\n        id="staxbrowser"\n        ?hidden="','"\n      ></hax-stax-browser>']);return _templateObject14_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject14_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject13_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <simple-fields\n      id="settingsform"\n      disable-responsive\n      code-theme="','"\n      ?hidden="','"\n    ></simple-fields>']);return _templateObject13_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject13_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject12_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <hax-preferences-dialog\n      id="advanced-settings"\n      ?hidden="','"\n    ></hax-preferences-dialog>']);return _templateObject12_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject12_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject11_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <hax-view-source\n      id="view-source"\n      ?hidden="','"\n    ></hax-view-source>']);return _templateObject11_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject11_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject10_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <div\n      id="tray-detail"\n      aria-live="polite"\n      aria-disabled="','"\n      tabindex="','"\n      selected-detail="','"\n    >\n      <div class="tray-detail-titlebar">\n        <h4>\n          ','\n        </h4>\n        <hax-tray-button\n          voice-command="collapse menu"\n          id="toggle-tray-size"\n          event-name="toggle-tray-size"\n          icon="close"\n          label="Close"\n        >\n        </hax-tray-button>\n      </div>\n      '," ","\n      "," ","\n      "," ","\n    </div>"]);return _templateObject10_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject10_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject9_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<hax-tray-button\n        id="exportbtn"\n        icon="code"\n        label="','"\n        event-name="view-source"\n        voice-command="view (page) source"\n        data-simple-tour-stop\n        data-stop-title="label"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div data-stop-content>\n          Every change you make in HAX is ultimately writing HTML. Know HTML?\n          Awesome, pop open the source view and make any changes you like. HTML\n          is always behind the scenes ensuring that content is portable, well\n          formatted and easy to read.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        ?hidden="','"\n        id="advanced-settings"\n        event-name="advanced-settings"\n        icon="settings"\n        label="','"\n        voice-command="select settings (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div data-stop-content>\n          Some advanced options for developers and experimental purposes.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="','"\n        icon="help"\n        label="','"\n        voice-command="start tour"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      ></hax-tray-button> ']);return _templateObject9_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject9_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject8_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <hax-tray-button\n        event-name="content-add"\n        icon="add-box"\n        id="content-add"\n        label="','"\n        voice-command="select blocks (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div slot="tour" data-stop-content>\n          When you want to add any content to the page from text, to images, to\n          anything more advanced; you can always find items to add under the Add\n          content menu. Click to expand, then either drag and drop items into\n          the page or click and have them placed near whatever you are actively\n          working on.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="media-add"\n        icon="image:collections"\n        id="media-add"\n        label="','"\n        voice-command="select media (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div slot="tour" data-stop-content>\n          Search for media and content anywhere that your copy of HAX has access\n          to. Pick what to search, perform the search and then click or drag the\n          item into the contnet.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="content-edit"\n        icon="build"\n        id="content-edit"\n        label="','"\n        ?disabled="','"\n        voice-command="(modify)(configure)(edit) selected"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        tooltip="'," ",'"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div slot="tour" data-stop-content>\n          When you want to add any content to the page from text, to images, to\n          anything more advanced; you can always find items to add under the Add\n          content menu. Click to expand, then either drag and drop items into\n          the page or click and have them placed near whatever you are actively\n          working on.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="content-map"\n        icon="icons:toc"\n        id="content-map"\n        label="','"\n        voice-command="select structure (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div data-stop-content>\n          This is a simple list of all the block areas of the page that are\n          clickable to jump through items quickly as well as review some simple\n          overview stats.\n        </div>\n      </hax-tray-button>']);return _templateObject8_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject8_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject7_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <hax-tray-button\n        icon="icons:undo"\n        ?disabled="','"\n        label="','"\n        event-name="undo"\n        voice-command="undo"\n        data-simple-tour-stop\n        data-stop-title="label"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div slot="tour" data-stop-content>\n          Undo the previous operation in the content, whether typing or adding a\n          widget.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        icon="icons:redo"\n        ?disabled="','"\n        label="','"\n        event-name="redo"\n        voice-command="redo"\n        data-simple-tour-stop\n        data-stop-title="label"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div slot="tour" data-stop-content>\n          Redo the last action that you hit Undo on.\n        </div>\n      </hax-tray-button>']);return _templateObject7_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject7_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject6_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n          <hax-tray-button\n            @click="','"\n            icon="save"\n            icon-position="left"\n            id="haxsavebutton"\n            label="','"\n            event-name="save"\n            voice-command="save page"\n            show-text-label\n            show-tooltip\n            align-horizontal="','"\n          ></hax-tray-button>\n          <hax-tray-button\n            icon="cancel"\n            id="haxcancelbutton"\n            label="','"\n            icon-position="left"\n            show-text-label\n            show-tooltip\n            align-horizontal="','"\n          ></hax-tray-button>\n        ']);return _templateObject6_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject6_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject5_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <hax-tray-button\n          show-text-label\n          show-tooltip\n          align-horizontal="','"\n          id="haxMenuAlign"\n          event-name="toggle-element-align"\n          icon="arrow-','"\n          label="','"\n          index="','"\n          tooltip="'," ",'"\n        >\n        </hax-tray-button>\n    </div>\n    ']);return _templateObject5_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject5_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject4_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <div id="menubar" class="collapse-menu">\n      '," "," ",'\n      <slot name="tray-buttons-pre"></slot>\n      ',"","\n    </div>"]);return _templateObject4_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject4_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["","",""]);return _templateObject3_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject3_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n          <hax-tray-button\n            large\n            voice-command="edit page"\n            .data-opened="','"\n            @click="','"\n            icon="create"\n            id="button"\n            feature\n            show-text-label\n            show-tooltip\n            label="','"\n          ></hax-tray-button>\n        ']);return _templateObject2_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject2_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_ef35ee601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n      ",'\n      <div class="wrapper ','">\n        ','\n        <div class="detail">\n          <loading-indicator\n            ?loading="','"\n          ></loading-indicator>\n          ',"\n        </div>\n      </div>\n    "]);return _templateObject_ef35ee601f0511ed8cc3e9a95995ad69=function _templateObject_ef35ee601f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,t&&t.set(e,n),n}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var a=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(a){var i=Object.getOwnPropertyDescriptor(a,t);return i.get?i.get.call(n):i.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/iframe-loader/lib/loading-indicator.js");var l=function(l){function HaxTray(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxTray),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxTray).call(this))).tourName="hax",e.__winEvents={"can-redo-changed":"_redoChanged","can-undo-changed":"_undoChanged","hax-drop-focus-event":"_expandSettingsPanel"},e.t={structure:"Outline",structureTip:"View Page Structure",editSelected:"Edit selected",edit:"Edit",save:"Save",move:"Move",moveMenu:"Toggles Menu Aligmnent",menuAlignment:"Menu Alignment",menuLeft:"Move",menuRight:"Move",menuPosition:"Menu position",changeSideVisually:"Change which side of the screen the menu is affixed to visually.",expand:"Expand",collapse:"Collapse",menuSize:"Menu size",menuSizeDescription:"Expand or collapse the menu visually.",takeATour:"Help",settings:"Settings",source:"Source",undo:"Undo",redo:"Redo",media:"Media",blocks:"Blocks",cancel:"Cancel",cancelWithoutSaving:"Cancel without saving",configure:"Configure",advanced:"Advanced",layout:"Layout",alignment:"Alignment",left:"Left",center:"Center",right:"Right",search:"Search",templates:"Templates",width:"Width"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax",updateCallback:"_updateTrayDetail"}),e._initial=!0,e.activeValue={settings:{layout:{__position:"hax-align-left",__scale:100},configure:{},advanced:{}}},e.collapsed=!0,e.activeTab="item-0",e.activeSchema=[],e.canUndo=!1,e.canRedo=!1,e.trayDetail="content-edit",e.activeTagName="",e.traySizeIcon="hax:arrow-expand-right",e.elementAlign="right",e.__setup=!1,setTimeout((function(){Promise.resolve().then((function(){return _interopRequireWildcard(require("./hax-tray-button.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("./hax-toolbar-menu.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js"))})),e.addEventListener("hax-tray-button-click",e._processTrayEvent.bind(_assertThisInitialized(e)))}),0),(0,o.autorun)((function(){e.activeGizmo=(0,o.toJS)(i.HAXStore.activeGizmo)})),(0,o.autorun)((function(){e.activeNode=(0,o.toJS)(i.HAXStore.activeNode)})),(0,o.autorun)((function(){e.elementAlign=(0,o.toJS)(i.HAXStore.elementAlign)})),(0,o.autorun)((function(){e.tourOpened=(0,o.toJS)(i.HAXStore.tourOpened)})),(0,o.autorun)((function(){e.appStoreLoaded=(0,o.toJS)(i.HAXStore.appStoreLoaded)})),(0,o.autorun)((function(){e.globalPreferences=(0,o.toJS)(i.HAXStore.globalPreferences),e.haxUiTheme=(e.globalPreferences||{}).haxUiTheme||"hax",document.body.setAttribute("hax-ui-theme",e.haxUiTheme)})),(0,o.autorun)((function(){e.editMode=(0,o.toJS)(i.HAXStore.editMode)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxTray,(0,s.I18NMixin)((0,a.SimpleTourFinder)((0,t.winEventsElement)(e.LitElement)))),_createClass(HaxTray,null,[{key:"tag",get:function get(){return"hax-tray"}}]),_createClass(HaxTray,[{key:"_expandSettingsPanel",value:function _expandSettingsPanel(e){this.shadowRoot.querySelector("#content-edit").click()}},{key:"_redoChanged",value:function _redoChanged(e){this.canRedo=e.detail.value}},{key:"_undoChanged",value:function _undoChanged(e){this.canUndo=e.detail.value}},{key:"render",value:function render(){return(0,e.html)(_templateObject_ef35ee601f0511ed8cc3e9a95995ad69(),this.panelOpsTemplate,this.trayStatus,this.menuToolbarTemplate,!this.appStoreLoaded,this.trayDetailTemplate)}},{key:"__simpleFieldsClick",value:function __simpleFieldsClick(e){try{this.activeTab=this.shadowRoot.querySelector("#settingsform").shadowRoot.querySelector("simple-fields").activeTab}catch(e){this.activeTab="item-0"}}},{key:"_refreshAddData",value:function _refreshAddData(){this.shadowRoot.querySelector("#gizmobrowser").resetList((0,o.toJS)(i.HAXStore.gizmoList)),this.shadowRoot.querySelector("#staxbrowser").staxList=_toConsumableArray((0,o.toJS)(i.HAXStore.staxList))}},{key:"_processTrayEvent",value:function _processTrayEvent(e){var n=(0,t.normalizeEventPath)(e)[0],a=e.detail.eventName;switch(this.collapsed||this.trayDetail!==a||(a="toggle-tray-size"),a){case"insert-stax":this.dispatchEvent(new CustomEvent("hax-insert-content-array",{bubbles:!0,cancelable:!0,composed:!0,detail:n.stax}));break;case"insert-tag":var o,r={tag:e.detail.value},s=i.HAXStore.haxSchemaFromTag(e.detail.value);if(n.getAttribute("data-demo-schema")&&s&&s.demoSchema&&s.demoSchema[0])o=s.demoSchema[0];else{var l=JSON.parse(n.getAttribute("event-properties")),c=n.getAttribute("event-content");null==l&&(l={}),null==c&&(c=""),o=i.HAXStore.haxElementPrototype(r,l,c)}this.dispatchEvent(new CustomEvent("hax-insert-content",{bubbles:!0,cancelable:!0,composed:!0,detail:o}));break;case"advanced-settings":case"content-map":case"content-edit":case"content-add":case"media-add":this.trayDetail=e.detail.eventName,this.collapsed=!1;break;case"toggle-element-align":var d=["left","right"],u=d[e.detail.index]?d[e.detail.index]:"right";e.detail.index>1&&(this.collapsed=!0),this.style.setProperty("--hax-tray-custom-y",null),this.style.setProperty("--hax-tray-custom-x",null),i.HAXStore.elementAlign=u;break;case"toggle-tray-size":this.collapsed=!this.collapsed;break;case"start-tour":this.startTour();break;case"stop-tour":window.SimpleTourManager.requestAvailability().stopTour("hax");break;case"undo":i.HAXStore.activeHaxBody.undo();break;case"redo":i.HAXStore.activeHaxBody.redo();break;case"view-source":this.trayDetail=e.detail.eventName,i.HAXStore.haxViewSource.openSource(),this.collapsed=!1}}},{key:"startTour",value:function startTour(){this.__tour=this.__tour||window.SimpleTourManager.requestAvailability(),window.addEventListener("tour-changed",this._handleTourChanged.bind(this)),this.__tour.startTour("hax")}},{key:"stopTour",value:function stopTour(){this.__tour=this.__tour||window.SimpleTourManager.requestAvailability(),this.__tour.stopTour("hax"),window.removeEventListener("tour-changed",this._handleTourChanged.bind(this))}},{key:"_handleTourChanged",value:function _handleTourChanged(e){this.tourOpened=e.detail.active==this.tourName}},{key:"firstUpdated",value:function firstUpdated(e){var t=this;_get(_getPrototypeOf(HaxTray.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxTray.prototype),"firstUpdated",this).call(this,e),this.__setup||(this.shadowRoot.querySelector("#settingsform").schematizer=n.HaxSchematizer,this.shadowRoot.querySelector("#settingsform").elementizer=n.HaxElementizer,setTimeout((function(){t.shadowRoot.querySelector(".wrapper").style.margin=t.offsetMargin}),1e3),this.__setup=!0,this.shadowRoot.querySelector("#settingsform").addEventListener("click",this.__simpleFieldsClick.bind(this)),this.shadowRoot.querySelector("#settingsform").addEventListener("value-changed",this.__valueChangedEvent.bind(this)),this.dispatchEvent(new CustomEvent("hax-register-core-piece",{bubbles:!0,cancelable:!0,composed:!0,detail:{piece:"haxTray",object:this}})),this.dispatchEvent(new CustomEvent("hax-add-voice-command",{bubbles:!0,composed:!0,cancelable:!1,detail:{command:":name: (collapse)(open)(expand)(toggle) Blocks (menu)",context:this.shadowRoot.querySelector("#content-add"),callback:"click"}})),this.dispatchEvent(new CustomEvent("hax-add-voice-command",{bubbles:!0,composed:!0,cancelable:!1,detail:{command:":name: (collapse)(open)(expand)(toggle) element settings (menu)",context:this.shadowRoot.querySelector("#advanced-settings"),callback:"click"}})),this.dispatchEvent(new CustomEvent("hax-add-voice-command",{bubbles:!0,composed:!0,cancelable:!1,detail:{command:":name: (collapse)(open)(expand)(toggle) search (menu)",context:this.shadowRoot.querySelector("#media-add"),callback:"click"}})))}},{key:"updated",value:function updated(e){var t=this;return regeneratorRuntime.async((function updated$(n){for(;;)switch(n.prev=n.next){case 0:_get(_getPrototypeOf(HaxTray.prototype),"updated",this)&&_get(_getPrototypeOf(HaxTray.prototype),"updated",this).call(this,e),e.forEach((function _callee(e,n){return regeneratorRuntime.async((function _callee$(a){for(;;)switch(a.prev=a.next){case 0:if("editMode"!=n){a.next=5;break}if(!t.editMode){a.next=4;break}return a.next=4,regeneratorRuntime.awrap(i.HAXStore.refreshActiveNodeForm());case 4:t._editModeChanged(t.editMode);case 5:if("offsetMargin"==n&&setTimeout((function(){t.shadowRoot.querySelector(".wrapper").style.margin=t.offsetMargin}),0),"trayDetail"==n&&t._updateTrayDetail(t[n]),"collapsed"==n&&t[n]&&t._editModeChanged(t.editMode),"activeGizmo"==n&&"view-source"!==t.trayDetail&&(t.activeGizmo?(t.activeTagName=t.activeGizmo.title,e&&"content-edit"===t.trayDetail||"content-map"===t.trayDetail||(t.trayDetail="content-edit")):(t.activeTagName="",["content-add","content-map"].includes(t.trayDetail)||(t.trayDetail="content-add"))),"activeNode"!=n){a.next=17;break}if(!t.activeNode||!t.activeNode.tagName){a.next=16;break}if(!t.editMode){a.next=14;break}return a.next=14,regeneratorRuntime.awrap(i.HAXStore.refreshActiveNodeForm());case 14:a.next=17;break;case 16:t.activeTagName="";case 17:case"end":return a.stop()}}))}));case 2:case"end":return n.stop()}}),null,this)}},{key:"_setupForm",value:function _setupForm(){var e=this,t=this.activeNode;if(this._initial=!0,this.activeValue={settings:{layout:{__position:"hax-align-left",__scale:100},configure:{},advanced:{}}},this.shadowRoot.querySelector("#settingsform").fields=[],this.shadowRoot.querySelector("#settingsform").value={},t&&t.tagName&&i.HAXStore.elementList[t.tagName.toLowerCase()]){var n=i.HAXStore.elementList[t.tagName.toLowerCase()];for(var a in"undefined"===_typeof(n.gizmo.title)?this.humanName=t.tagName.replace("-"," ").toLowerCase():this.humanName=n.gizmo.title,this.activeHaxElement.properties)n.settings.configure.forEach((function(t){t.property===a&&(e.activeValue.settings.configure[a]=e.activeHaxElement.properties[a]),t.attribute===a&&(e.activeValue.settings.configure[a]=e.activeHaxElement.properties[a]),t.slot===a&&(e.activeValue.settings.configure[a]=e.activeHaxElement.properties[a])})),n.settings.advanced.forEach((function(t){t.property===a&&(e.activeValue.settings.advanced[a]=e.activeHaxElement.properties[a]),t.attribute===a&&(e.activeValue.settings.advanced[a]=e.activeHaxElement.properties[a]),t.slot===a&&(e.activeValue.settings.advanced[a]=e.activeHaxElement.properties[a])}));var o=document.createElement("div");o.innerHTML=this.activeHaxElement.content,o.childNodes.forEach((function(t){1===t.nodeType&&"undefined"!==t.innerHTML&&(n.settings.configure.forEach((function(n){n.slot===t.getAttribute("slot")?e.activeValue.settings.configure[n.slot]=t.innerHTML:""!=n.slot||null!=t.getAttribute("slot")&&"null"!=t.getAttribute("slot")||(e.activeValue.settings.configure[n.slot]=t.innerHTML)})),n.settings.advanced.forEach((function(n){n.slot===t.getAttribute("slot")?e.activeValue.settings.advanced[n.slot]=t.innerHTML:""!=n.slot||null!=t.getAttribute("slot")&&"null"!=t.getAttribute("slot")||(e.activeValue.settings.advanced[n.slot]=t.innerHTML)})))})),""!=t.style.width?this.activeValue.settings.layout.__scale=t.style.width.replace("%",""):this.activeValue.settings.layout.__scale=100,"block"==t.style.display&&"0px auto"==t.style.margin&&"right"==t.style.float?this.activeValue.settings.layout.__position="hax-align-right":"block"==t.style.display&&"0px auto"==t.style.margin?this.activeValue.settings.layout.__position="hax-align-center":this.activeValue.settings.layout.__position="hax-align-left",this.activeHaxElement.properties.__scale=this.activeValue.settings.layout.__scale,this.activeHaxElement.properties.__position=this.activeValue.settings.layout.__position,n.settings.configure.forEach((function(e,t){n.settings.configure[t].attribute&&(n.settings.configure[t].property=n.settings.configure[t].attribute),n.settings.configure[t].slot&&(n.settings.configure[t].property=n.settings.configure[t].slot)})),n.settings.advanced.forEach((function(e,t){n.settings.advanced[t].attribute&&(n.settings.advanced[t].property=n.settings.advanced[t].attribute),n.settings.advanced[t].slot&&(n.settings.advanced[t].property=n.settings.advanced[t].slot)})),n.settings.layout=[],n.canPosition&&n.settings.layout.push({property:"__position",title:this.t.alignment,inputMethod:"select",value:this.activeValue.settings.layout.__position,options:{"hax-align-left":this.t.left,"hax-align-center":this.t.center,"hax-align-right":this.t.right}}),n.canScale&&n.settings.layout.push({property:"__scale",title:this.t.width,inputMethod:"slider",value:this.activeValue.settings.layout.__scale,min:n.canScale.min?n.canScale.min:12.5,max:n.canScale.max?n.canScale.max:100,step:n.canScale.step?n.canScale.step:12.5}),this.activeSchema=[{property:"settings",inputMethod:"tabs",properties:[]}];n.settings.configure.length>0?this.activeSchema[0].properties.push({property:"configure",title:this.t.configure,properties:n.settings.configure}):this.activeSchema[0].properties.push({property:"configure",title:this.t.configure,disabled:!0}),n.settings.layout.length>0?this.activeSchema[0].properties.push({property:"layout",title:this.t.layout,properties:n.settings.layout}):this.activeSchema[0].properties.push({property:"layout",title:this.t.layout,disabled:!0}),n.settings.advanced.length>0?this.activeSchema[0].properties.push({property:"advanced",title:this.t.advanced,properties:n.settings.advanced}):this.activeSchema[0].properties.push({property:"advanced",title:this.t.advanced,disabled:!0}),this.__activePropSchema=n,this.shadowRoot.querySelector("#settingsform").fields=this.activeSchema,this.shadowRoot.querySelector("#settingsform").value=this.activeValue}}},{key:"_toArray",value:function _toArray(e){return null==e?[]:Object.keys(e).map((function(t){return e[t]}))}},{key:"updateMap",value:function updateMap(){this.shadowRoot&&this.shadowRoot.querySelector("hax-map")&&"content-map"==this.trayDetail&&this.shadowRoot.querySelector("hax-map").updateHAXMap()}},{key:"_updateTrayDetail",value:function _updateTrayDetail(e){"content-add"==e?(this.trayLabel=this.t.blocks,this._refreshAddData()):"media-add"==e?this.trayLabel=this.t.media:"content-map"==e?(this.trayLabel=this.t.structure,this.shadowRoot.querySelector("hax-map").updateHAXMap()):"advanced-settings"==e?(this.trayLabel=this.t.settings,this.shadowRoot.querySelector("hax-preferences-dialog").reloadPreferencesForm()):"content-edit"!=e||this.activeTagName&&""!=this.activeTagName&&this.activeNode&&this.activeNode.tagName?e&&""!=e?this.trayLabel=void 0:this.trayDetail="content-edit":this.trayDetail="content-add",this.requestUpdate()}},{key:"__valueChangedEvent",value:function __valueChangedEvent(e){var n=this;if(this.editMode&&e.detail.value&&e.detail.value.settings){var a,o=e.detail.value.settings,r={advanced:"advanced",configure:"configure",layout:"layout"};clearTimeout(this.__contextPropDebounce),this.__contextPropDebounce=setTimeout((function(){var e=function _loop(e){var r=function _loop2(r){if(a=!1,null==o[e][r]||o[e][r].readOnly)n.activeNode.removeAttribute((0,t.camelCaseToDash)(r));else{if("prefix"===r&&""!=o[e][r])n.activeNode.setAttribute("prefix",o[e][r]),a=!0;else if("innerText"===r)n.activeNode.innerText=o[e][r],a=!0;else if("layout"===e&&"__position"===r)a=!0,n._initial||(clearTimeout(n.__contextValueDebounce),n.__contextValueDebounce=setTimeout((function(){n.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,composed:!0,detail:{eventName:o[e][r],value:o[e][r]}}))}),50));else if("layout"===e&&"__scale"===r)a=!0,n._initial||(clearTimeout(n.__contextSizeDebounce),n.__contextSizeDebounce=setTimeout((function(){n.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,composed:!0,detail:{eventName:"hax-size-change",value:o[e][r]}}))}),50));else if(n.activeNode.hasOwnProperty(r)||n.activeNode.properties&&n.activeNode.properties.hasOwnProperty(r)||null!=o[e][r]&&o[e][r].constructor===Array||null!=o[e][r]&&o[e][r].constructor===Object)try{o[e][r].constructor===Array?n.activeNode[r]=_toConsumableArray(o[e][r]):o[e][r].constructor===Object?n.activeNode[r]=_objectSpread({},o[e][r]):n.activeNode[r]=o[e][r],a=!0}catch(e){console.warn(e),a=!1}else for(l in n.__activePropSchema.settings[e])if(n.__activePropSchema.settings[e][l].slot==r){var s="span";if(n.__activePropSchema.settings[e][l].slotWrapper?s=n.__activePropSchema.settings[e][l].slotWrapper:n.__activePropSchema.settings[e][l].allowedSlotWrappers&&n.__activePropSchema.settings[e][l].allowedSlotWrappers[0]?s=n.__activePropSchema.settings[e][l].allowedSlotWrappers[0]:"code-editor"===n.activeNode.tagName.toLowerCase()?s="template":function(){var t=["span","div","p"],a=n.__activePropSchema.settings[e][l].excludedSlotWrappers||[];a&&(t=t.filter((function(e){return!a.includes(e)})))}(),c=document.createElement(s),n.__activePropSchema.settings[e][l].slotAttributes)for(d in n.__activePropSchema.settings[e][l].slotAttributes)c.setAttribute(d,n.__activePropSchema.settings[e][l].slotAttributes[d]);""!==n.__activePropSchema.settings[e][l].slot&&(c.slot=n.__activePropSchema.settings[e][l].slot),c.innerHTML=o[e][r];var u=c.cloneNode(!0);a=!0,i.HAXStore.isTextElement(n.activeNode)?n.activeNode.innerHTML=c.innerHTML:((0,t.wipeSlot)(n.activeNode,n.__activePropSchema.settings[e][l].slot),n.activeNode.appendChild(u))}if(!a)try{!0===o[e][r]?n.activeNode.setAttribute((0,t.camelCaseToDash)(r),(0,t.camelCaseToDash)(r)):!1===o[e][r]||""===o[e][r]?n.activeNode.removeAttribute((0,t.camelCaseToDash)(r)):n.activeNode.setAttribute((0,t.camelCaseToDash)(r),o[e][r])}catch(t){console.warn(t),console.warn(r,o[e][r])}}};for(var s in o[e])r(s)};for(var s in r){var l,c,d;e(s)}}),100)}setTimeout((function(){n._initial&&(n._initial=!1)}),51)}},{key:"_editModeChanged",value:function _editModeChanged(e){!this.hidePanelOps&&this.shadowRoot&&this.shadowRoot.querySelector("#button")&&(this.shadowRoot.querySelector("#button").icon=e?"save":"create")}},{key:"_clickEditButton",value:function _clickEditButton(e){i.HAXStore.editMode=!0,window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}}))}},{key:"_clickSaveButton",value:function _clickSaveButton(e){i.HAXStore.editMode=!1,this.dispatchEvent(new CustomEvent("hax-save",{bubbles:!0,cancelable:!0,composed:!0,detail:e.detail})),window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}}))}},{key:"trayStatus",get:function get(){var e=this.collapsed?"collapsed":"view-source"==this.trayDetail?"full-panel":"side-panel";return i.HAXStore.trayStatus=e,i.HAXStore.trayDetail=this.trayDetail,e}},{key:"panelOpsTemplate",get:function get(){return this.hidePanelOps?"":(0,e.html)(_templateObject2_ef35ee601f0511ed8cc3e9a95995ad69(),this.editMode,this._clickEditButton,this.editMode?this.t.save:this.t.edit)}},{key:"toolbarsTemplate",get:function get(){return(0,e.html)(_templateObject3_ef35ee601f0511ed8cc3e9a95995ad69(),this.opsToolbarTemplate,this.trayToolbarTemplate)}},{key:"menuToolbarTemplate",get:function get(){return(0,e.html)(_templateObject4_ef35ee601f0511ed8cc3e9a95995ad69(),this.saveButtons,this.doButtons,this.contentButtons,this.moreButtons,this.menuButtons)}},{key:"menuButtons",get:function get(){return(0,e.html)(_templateObject5_ef35ee601f0511ed8cc3e9a95995ad69(),this.collapsed?"left":"center","left"==this.elementAlign?"forward":"back","left"==this.elementAlign?this.t.menuRight:this.t.menuLeft,"left"==this.elementAlign?"1":"0",this.t.moveMenu,"left"==this.elementAlign?this.t.right:this.t.left)}},{key:"saveButtons",get:function get(){return this.hidePanelOps?"":(0,e.html)(_templateObject6_ef35ee601f0511ed8cc3e9a95995ad69(),this._clickSaveButton,this.editMode?this.t.save:this.t.edit,this.collapsed?"left":"center",this.t.cancel,this.collapsed?"left":"center")}},{key:"doButtons",get:function get(){return(0,e.html)(_templateObject7_ef35ee601f0511ed8cc3e9a95995ad69(),!this.canUndo,this.t.undo,this.collapsed?"left":"center",!this.canRedo,this.t.redo,this.collapsed?"left":"center")}},{key:"contentButtons",get:function get(){return(0,e.html)(_templateObject8_ef35ee601f0511ed8cc3e9a95995ad69(),this.t.blocks,!this.collapsed&&"content-add"===this.trayDetail,this.collapsed?"left":"center",this.t.media,!this.collapsed&&"media-add"===this.trayDetail,this.collapsed?"left":"center",this.t.edit,!this.activeTagName||""==this.activeTagName||!this.activeNode||!this.activeNode.tagName,this.t.editSelected,this.activeTagName,!this.collapsed&&"content-edit"===this.trayDetail,this.collapsed?"left":"center",this.t.structure,!this.collapsed&&"content-map"===this.trayDetail,this.collapsed?"left":"center")}},{key:"moreButtons",get:function get(){return(0,e.html)(_templateObject9_ef35ee601f0511ed8cc3e9a95995ad69(),this.t.source,this.collapsed?"left":"center",this.hidePreferencesButton,this.t.settings,!this.collapsed&&"advanced-settings"===this.trayDetail,this.collapsed?"left":"center",this.tourOpened?"stop-tour":"start-tour",this.t.takeATour,!this.collapsed&&this.tourOpened,this.collapsed?"left":"center")}},{key:"trayDetailTemplate",get:function get(){return(0,e.html)(_templateObject10_ef35ee601f0511ed8cc3e9a95995ad69(),this.collapsed?"true":"false",this.collapsed?"-1":"0",this.trayDetail,this.trayLabel||"".concat(this.t.editSelected," ").concat(this.activeTagName),this.viewSourceTemplate,this.advancedSettingsTemplate,this.contentMapTemplate,this.contentEditTemplate,this.contentAddTemplate,this.mediaTemplate)}},{key:"viewSourceTemplate",get:function get(){return(0,e.html)(_templateObject11_ef35ee601f0511ed8cc3e9a95995ad69(),"view-source"!==this.trayDetail)}},{key:"advancedSettingsTemplate",get:function get(){return(0,e.html)(_templateObject12_ef35ee601f0511ed8cc3e9a95995ad69(),"advanced-settings"!==this.trayDetail)}},{key:"contentEditTemplate",get:function get(){return(0,e.html)(_templateObject13_ef35ee601f0511ed8cc3e9a95995ad69(),"system"==this.haxUiTheme?"auto":"haxdark"==this.haxUiTheme?"vs-dark":"vs","content-edit"!==this.trayDetail)}},{key:"contentAddTemplate",get:function get(){var t="content-add"!==this.trayDetail;return(0,e.html)(_templateObject14_ef35ee601f0511ed8cc3e9a95995ad69(),t,t,this.t.templates,t)}},{key:"contentMapTemplate",get:function get(){return(0,e.html)(_templateObject15_ef35ee601f0511ed8cc3e9a95995ad69(),"content-map"!==this.trayDetail)}},{key:"mediaTemplate",get:function get(){var t="media-add"!==this.trayDetail;return(0,e.html)(_templateObject16_ef35ee601f0511ed8cc3e9a95995ad69(),t,t,this.t.search,t)}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTray),"styles",this)||[]),_toConsumableArray(r.HaxTrayDetail),_toConsumableArray(r.HaxComponentStyles),[(0,e.css)(_templateObject17_ef35ee601f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTray),"properties",this),{offsetMargin:{type:String,attribute:"offset-margin"},collapsed:{type:Boolean,reflect:!0},traySizeIcon:{type:String},appStoreLoaded:{type:Boolean},activeValue:{type:Object},activeSchema:{type:Object},elementAlign:{type:String,reflect:!0,attribute:"element-align"},light:{type:Boolean,reflect:!0},canUndo:{type:Boolean,attribute:"can-undo"},canRedo:{type:Boolean,attribute:"can-redo"},haxUiTheme:{type:String},hidePreferencesButton:{type:Boolean,reflect:!0,attribute:"hide-preferences-button"},hidePanelOps:{type:Boolean,reflect:!0,attribute:"hide-panel-ops"},globalPreferences:{type:Object},activeNode:{type:Object},activeTagName:{type:String},activeGizmo:{type:Object},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},trayDetail:{type:String,reflect:!0,attribute:"tray-detail"},trayLabel:{type:String},tourOpened:{type:String},__tour:{type:Object}})}}]),HaxTray}();exports.HaxTray=l,window.customElements.define(l.tag,l);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxTray=void 0;var e=require("lit"),t=require("@lrnwebcomponents/utils/utils.js"),n=require("@lrnwebcomponents/hax-body-behaviors/lib/HAXFields.js"),a=require("@lrnwebcomponents/simple-popover/lib/SimpleTourFinder"),i=require("./hax-store.js"),o=require("mobx"),r=require("@lrnwebcomponents/hax-body/lib/hax-ui-styles.js");require("@lrnwebcomponents/simple-fields/simple-fields.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js"),require("./hax-tray-upload.js"),require("./hax-gizmo-browser.js"),require("./hax-view-source.js"),require("./hax-stax-browser.js"),require("./hax-map.js"),require("./hax-preferences-dialog.js");var c=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");require("@lrnwebcomponents/undo-manager/undo-manager.js");function _templateObject17_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        :host {\n          z-index: 1000;\n          top: 0;\n          font-family: var(--hax-ui-font-family);\n          font-size: var(--hax-ui-font-size);\n          color: var(--hax-ui-color);\n          transition: 0s color linear 0s;\n        }\n        :host(:focus-within),\n        :host(:hover) {\n          z-index: var(--hax-ui-focus-z-index);\n        }\n        .wrapper {\n          position: fixed;\n          display: flex;\n          align-items: stretch;\n          flex-direction: row-reverse;\n          opacity: 0;\n          visibility: visible;\n          pointer-events: none;\n          overflow: hidden;\n          right: -1000px;\n          top: 0;\n          bottom: 0;\n          width: var(--hax-tray-width);\n          height: 100vh;\n          max-height: 100vh;\n          transition: 0.2s opacity ease-in-out 0s;\n        }\n        :host([element-align="left"]) .wrapper {\n          left: -1000px;\n          flex-direction: row;\n        }\n        :host([edit-mode]) .wrapper {\n          opacity: 1;\n          visibility: visible;\n          pointer-events: all;\n        }\n        :host([edit-mode][element-align="left"]) .wrapper {\n          left: 0px;\n        }\n        :host([edit-mode][element-align="right"]) .wrapper {\n          right: 0px;\n        }\n        :host([edit-mode][collapsed]) .wrapper {\n          width: unset;\n        }\n        :host([edit-mode]) .wrapper.full-panel {\n          width: unset;\n          left: 0;\n          right: 0;\n        }\n        #menubar {\n          display: inline-flex;\n          flex-direction: column;\n          align-items: stretch;\n          width: var(--hax-tray-menubar-min-width);\n          overflow: visible;\n          flex: 0 0 auto;\n          z-index: 6;\n          background-color: var(--hax-ui-background-color);\n        }\n        :host([collapsed]) #menubar {\n          width: unset;\n        }\n        #menubar > * {\n          background-color: var(--hax-ui-background-color);\n        }\n        #menubar > *::part(button) {\n          padding: var(--hax-ui-spacing-xs);\n        }\n        #menubar > *::part(label) {\n          opacity: 0;\n          margin: 0px;\n          width: 0%;\n          font-size: 10px;\n          padding: 0px;\n          visibility: hidden;\n          overflow: hidden;\n          display: inline-block;\n          text-align: left;\n          transition: 0.2s width ease-in-out 0s, 0.2s margin ease-in-out 0s,\n            0.2s padding ease-in-out 0s, 0s opacity linear 0.2s,\n            0s visibility linear 0.2s;\n        }\n        :host([collapsed]) #menubar > *::part(label) {\n          opacity: 1;\n          width: 100%;\n          visibility: visible;\n          padding: 0px var(--hax-ui-spacing-sm);\n          overflow: unset;\n          transition: 0.2s width ease-in-out 0s, 0.2s margin ease-in-out 0s,\n            0.2s padding ease-in-out 0s, 0s opacity linear 0s,\n            0s visibility linear 0s, 0s overflow linear 0.2s;\n        }\n        loading-indicator {\n          --loading-indicator-background-color: var(\n            --simple-colors-default-theme-accent-2,\n            grey\n          );\n          --loading-indicator-color: var(\n            --simple-colors-default-theme-accent-10,\n            black\n          );\n        }\n        .detail,\n        #tray-detail {\n          flex: 1 1 auto;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n        }\n        .detail {\n          opacity: 1;\n          visibility: visible;\n          pointer-events: all;\n          transition: 0.2s opacity ease-in-out 0s, 0.2s width ease-in-out 0s,\n            0.2s visibility ease-in-out 0s, 0s border linear;\n          border: 1px solid var(--hax-ui-border-color);\n          background-color: var(--hax-ui-background-color);\n          transition: 0.2s width ease-in-out 0s;\n        }\n        :host([collapsed]) .detail {\n          width: 0px;\n          overflow: hidden;\n          opacity: 0;\n          visibility: hidden;\n          pointer-events: none;\n          max-height: 100vh;\n          overflow-y: auto;\n        }\n        #tray-detail {\n          width: auto;\n          padding: 0 var(--hax-ui-spacing) var(--hax-ui-spacing);\n          overflow-y: auto;\n        }\n        #haxcancelbutton::part(dropdown-icon) {\n          display: none;\n        }\n        .tray-detail-titlebar {\n          background-color: var(--hax-ui-color-accent);\n          padding: var(--hax-ui-spacing-sm) var(--hax-ui-spacing);\n          margin: 0 calc(0px - var(--hax-ui-spacing)) var(--hax-ui-spacing);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          height: var(--simple-modal-titlebar-height, unset);\n          line-height: var(--simple-modal-titlebar-line-height, unset);\n          position: sticky;\n          z-index: 2;\n          top: 0;\n        }\n        .tray-detail-titlebar h4 {\n          flex: 1 1 auto;\n          font-size: var(--hax-ui-font-size);\n          font-family: var(--hax-ui-font-family);\n        }\n        #toggle-tray-size {\n          flex: 0 0 auto;\n        }\n        hax-tray-button,\n        hax-app-browser,\n        hax-gizmo-browser {\n          transition: 0.2s all ease-in-out;\n          transition: 0s color linear !important;\n          transition: 0s background-color linear !important;\n          transition: 0s border-color linear !important;\n          visibility: visible;\n        }\n        hax-tray-button:not(:defined),\n        hax-app-browser:not(:defined),\n        hax-gizmo-browser:not(:defined) {\n          visibility: hidden;\n        }\n        hax-tray-upload {\n          flex: 0 0 auto;\n        }\n        *[hidden] {\n          display: none;\n        }\n        :host([element-align="right"]) #button {\n          right: 0;\n        }\n        :host([element-align="left"]) #button {\n          left: 0;\n        }\n\n        #button {\n          position: fixed;\n          top: 0;\n          visibility: visible;\n          margin: var(--hax-ui-spacing-xs);\n        }\n        :host([edit-mode]) #button {\n          visibility: hidden;\n          opacity: 0;\n        }\n        #button:hover {\n          opacity: 1;\n        }\n        /** This is mobile layout for controls */\n        @media screen and (max-width: 800px) {\n          :host {\n            width: 100%;\n          }\n          .wrapper {\n            width: unset;\n            top: -1000px;\n            left: 0px;\n            right: 0px;\n            flex-direction: column;\n          }\n          :host([edit-mode]) .wrapper {\n            top: 0;\n          }\n          :host([collapsed]) .wrapper {\n            height: var(--hax-tray-menubar-min-height);\n            overflow-y: visible;\n          }\n          :host([element-align="left"]) .wrapper {\n            left: -1000px;\n            flex-direction: column;\n          }\n          #menubar {\n            position: sticky;\n            flex-direction: row;\n            left: 0;\n            top: 0;\n            height: auto;\n            flex: 0 0 auto;\n            width: 100%;\n          }\n          #menubar > * {\n            flex: 1 0 auto;\n            min-width: var(--hax-tray-menubar-min-width);\n          }\n          #menubar > *::part(button) {\n            min-width: var(--hax-tray-menubar-min-width);\n            justify-content: space-around;\n          }\n          #menubar > *::part(label) {\n            display: none;\n          }\n          #haxMenuAlign {\n            display: none;\n          }\n          .detail {\n            width: 100%;\n            position: relative;\n            flex: 1 1 100%;\n          }\n          :host([collapsed]) .detail {\n            flex: 0 0 0px;\n          }\n        }\n        @media screen and (max-width: 600px) {\n          :host([edit-mode]) .hide-small {\n            display: none;\n          }\n        }\n      ']);return _templateObject17_c57a53601f2611eda0c389891c227ec8=function _templateObject17_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject16_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <hax-tray-upload ?hidden="','"></hax-tray-upload>\n      <h5 ?hidden="','">','</h5>\n      <hax-app-browser id="appbrowser" ?hidden="','"></hax-app-browser>']);return _templateObject16_c57a53601f2611eda0c389891c227ec8=function _templateObject16_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject15_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<hax-map\n      controls="content-map"\n      ?hidden="','"\n    ></hax-map>']);return _templateObject15_c57a53601f2611eda0c389891c227ec8=function _templateObject15_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject14_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <hax-gizmo-browser\n        id="gizmobrowser"\n        ?hidden="','"\n      ></hax-gizmo-browser>\n      <h5 ?hidden="','">','</h5>\n      <hax-stax-browser\n        id="staxbrowser"\n        ?hidden="','"\n      ></hax-stax-browser>']);return _templateObject14_c57a53601f2611eda0c389891c227ec8=function _templateObject14_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject13_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <simple-fields\n      id="settingsform"\n      disable-responsive\n      code-theme="','"\n      ?hidden="','"\n    ></simple-fields>']);return _templateObject13_c57a53601f2611eda0c389891c227ec8=function _templateObject13_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject12_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <hax-preferences-dialog\n      id="advanced-settings"\n      ?hidden="','"\n    ></hax-preferences-dialog>']);return _templateObject12_c57a53601f2611eda0c389891c227ec8=function _templateObject12_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject11_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <hax-view-source\n      id="view-source"\n      ?hidden="','"\n    ></hax-view-source>']);return _templateObject11_c57a53601f2611eda0c389891c227ec8=function _templateObject11_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject10_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <div\n      id="tray-detail"\n      aria-live="polite"\n      aria-disabled="','"\n      tabindex="','"\n      selected-detail="','"\n    >\n      <div class="tray-detail-titlebar">\n        <h4>\n          ','\n        </h4>\n        <hax-tray-button\n          voice-command="collapse menu"\n          id="toggle-tray-size"\n          event-name="toggle-tray-size"\n          icon="close"\n          label="Close"\n        >\n        </hax-tray-button>\n      </div>\n      '," ","\n      "," ","\n      "," ","\n    </div>"]);return _templateObject10_c57a53601f2611eda0c389891c227ec8=function _templateObject10_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject9_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<hax-tray-button\n        id="exportbtn"\n        icon="code"\n        label="','"\n        event-name="view-source"\n        voice-command="view (page) source"\n        data-simple-tour-stop\n        data-stop-title="label"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div data-stop-content>\n          Every change you make in HAX is ultimately writing HTML. Know HTML?\n          Awesome, pop open the source view and make any changes you like. HTML\n          is always behind the scenes ensuring that content is portable, well\n          formatted and easy to read.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        ?hidden="','"\n        id="advanced-settings"\n        event-name="advanced-settings"\n        icon="settings"\n        label="','"\n        voice-command="select settings (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div data-stop-content>\n          Some advanced options for developers and experimental purposes.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="','"\n        icon="help"\n        label="','"\n        voice-command="start tour"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      ></hax-tray-button> ']);return _templateObject9_c57a53601f2611eda0c389891c227ec8=function _templateObject9_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject8_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <hax-tray-button\n        event-name="content-add"\n        icon="add-box"\n        id="content-add"\n        label="','"\n        voice-command="select blocks (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div slot="tour" data-stop-content>\n          When you want to add any content to the page from text, to images, to\n          anything more advanced; you can always find items to add under the Add\n          content menu. Click to expand, then either drag and drop items into\n          the page or click and have them placed near whatever you are actively\n          working on.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="media-add"\n        icon="image:collections"\n        id="media-add"\n        label="','"\n        voice-command="select media (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div slot="tour" data-stop-content>\n          Search for media and content anywhere that your copy of HAX has access\n          to. Pick what to search, perform the search and then click or drag the\n          item into the contnet.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="content-edit"\n        icon="build"\n        id="content-edit"\n        label="','"\n        ?disabled="','"\n        voice-command="(modify)(configure)(edit) selected"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        tooltip="'," ",'"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div slot="tour" data-stop-content>\n          When you want to add any content to the page from text, to images, to\n          anything more advanced; you can always find items to add under the Add\n          content menu. Click to expand, then either drag and drop items into\n          the page or click and have them placed near whatever you are actively\n          working on.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        event-name="content-map"\n        icon="icons:toc"\n        id="content-map"\n        label="','"\n        voice-command="select structure (menu)"\n        data-simple-tour-stop\n        data-stop-title="label"\n        controls="tray-detail"\n        toggles\n        ?toggled="','"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div data-stop-content>\n          This is a simple list of all the block areas of the page that are\n          clickable to jump through items quickly as well as review some simple\n          overview stats.\n        </div>\n      </hax-tray-button>']);return _templateObject8_c57a53601f2611eda0c389891c227ec8=function _templateObject8_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject7_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <hax-tray-button\n        icon="icons:undo"\n        ?disabled="','"\n        label="','"\n        event-name="undo"\n        voice-command="undo"\n        data-simple-tour-stop\n        data-stop-title="label"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div slot="tour" data-stop-content>\n          Undo the previous operation in the content, whether typing or adding a\n          widget.\n        </div>\n      </hax-tray-button>\n      <hax-tray-button\n        icon="icons:redo"\n        ?disabled="','"\n        label="','"\n        event-name="redo"\n        voice-command="redo"\n        data-simple-tour-stop\n        data-stop-title="label"\n        icon-position="left"\n        show-text-label\n        show-tooltip\n        align-horizontal="','"\n      >\n        <div slot="tour" data-stop-content>\n          Redo the last action that you hit Undo on.\n        </div>\n      </hax-tray-button>']);return _templateObject7_c57a53601f2611eda0c389891c227ec8=function _templateObject7_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject6_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n          <hax-tray-button\n            @click="','"\n            icon="save"\n            icon-position="left"\n            id="haxsavebutton"\n            label="','"\n            event-name="save"\n            voice-command="save page"\n            show-text-label\n            show-tooltip\n            align-horizontal="','"\n          ></hax-tray-button>\n          <hax-tray-button\n            icon="cancel"\n            id="haxcancelbutton"\n            label="','"\n            icon-position="left"\n            show-text-label\n            show-tooltip\n            align-horizontal="','"\n          ></hax-tray-button>\n        ']);return _templateObject6_c57a53601f2611eda0c389891c227ec8=function _templateObject6_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject5_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <hax-tray-button\n          show-text-label\n          show-tooltip\n          align-horizontal="','"\n          id="haxMenuAlign"\n          event-name="toggle-element-align"\n          icon="arrow-','"\n          label="','"\n          index="','"\n          tooltip="'," ",'"\n        >\n        </hax-tray-button>\n    </div>\n    ']);return _templateObject5_c57a53601f2611eda0c389891c227ec8=function _templateObject5_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject4_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <div id="menubar" class="collapse-menu">\n      '," "," ",'\n      <slot name="tray-buttons-pre"></slot>\n      ',"","\n    </div>"]);return _templateObject4_c57a53601f2611eda0c389891c227ec8=function _templateObject4_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject3_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["","",""]);return _templateObject3_c57a53601f2611eda0c389891c227ec8=function _templateObject3_c57a53601f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n          <hax-tray-button\n            large\n            voice-command="edit page"\n            .data-opened="','"\n            @click="','"\n            icon="create"\n            id="button"\n            feature\n            show-text-label\n            show-tooltip\n            label="','"\n          ></hax-tray-button>\n        ']);return _templateObject2_c57a53601f2611eda0c389891c227ec8=function _templateObject2_c57a53601f2611eda0c389891c227ec8(){return e},e}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_c57a53601f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n      ",'\n      <div class="wrapper ','">\n        ','\n        <div class="detail">\n          <loading-indicator\n            ?loading="','"\n          ></loading-indicator>\n          ',"\n        </div>\n      </div>\n    "]);return _templateObject_c57a53601f2611eda0c389891c227ec8=function _templateObject_c57a53601f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,t&&t.set(e,n),n}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var a=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(a){var i=Object.getOwnPropertyDescriptor(a,t);return i.get?i.get.call(n):i.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/iframe-loader/lib/loading-indicator.js");var s=function(s){function HaxTray(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxTray),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxTray).call(this))).tourName="hax",e.__winEvents={"can-redo-changed":"_redoChanged","can-undo-changed":"_undoChanged","hax-drop-focus-event":"_expandSettingsPanel"},e.t={structure:"Outline",structureTip:"View Page Structure",editSelected:"Edit selected",edit:"Edit",save:"Save",move:"Move",moveMenu:"Toggles Menu Aligmnent",menuAlignment:"Menu Alignment",menuLeft:"Move",menuRight:"Move",menuPosition:"Menu position",changeSideVisually:"Change which side of the screen the menu is affixed to visually.",expand:"Expand",collapse:"Collapse",menuSize:"Menu size",menuSizeDescription:"Expand or collapse the menu visually.",takeATour:"Help",settings:"Settings",source:"Source",undo:"Undo",redo:"Redo",media:"Media",blocks:"Blocks",cancel:"Cancel",cancelWithoutSaving:"Cancel without saving",configure:"Configure",advanced:"Advanced",layout:"Layout",alignment:"Alignment",left:"Left",center:"Center",right:"Right",search:"Search",templates:"Templates",width:"Width"},e.registerLocalization({context:_assertThisInitialized(e),namespace:"hax",updateCallback:"_updateTrayDetail"}),e._initial=!0,e.activeValue={settings:{layout:{__position:"hax-align-left",__scale:100},configure:{},advanced:{}}},e.collapsed=!0,e.activeTab="item-0",e.activeSchema=[],e.canUndo=!1,e.canRedo=!1,e.trayDetail="content-edit",e.activeTagName="",e.traySizeIcon="hax:arrow-expand-right",e.elementAlign="right",e.__setup=!1,setTimeout((function(){Promise.resolve().then((function(){return _interopRequireWildcard(require("./hax-tray-button.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("./hax-toolbar-menu.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js"))})),e.addEventListener("hax-tray-button-click",e._processTrayEvent.bind(_assertThisInitialized(e)))}),0),(0,o.autorun)((function(){e.activeGizmo=(0,o.toJS)(i.HAXStore.activeGizmo)})),(0,o.autorun)((function(){e.activeNode=(0,o.toJS)(i.HAXStore.activeNode)})),(0,o.autorun)((function(){e.elementAlign=(0,o.toJS)(i.HAXStore.elementAlign)})),(0,o.autorun)((function(){e.tourOpened=(0,o.toJS)(i.HAXStore.tourOpened)})),(0,o.autorun)((function(){e.appStoreLoaded=(0,o.toJS)(i.HAXStore.appStoreLoaded)})),(0,o.autorun)((function(){e.globalPreferences=(0,o.toJS)(i.HAXStore.globalPreferences),e.haxUiTheme=(e.globalPreferences||{}).haxUiTheme||"hax",document.body.setAttribute("hax-ui-theme",e.haxUiTheme)})),(0,o.autorun)((function(){e.editMode=(0,o.toJS)(i.HAXStore.editMode)})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxTray,(0,c.I18NMixin)((0,a.SimpleTourFinder)((0,t.winEventsElement)(e.LitElement)))),_createClass(HaxTray,null,[{key:"tag",get:function get(){return"hax-tray"}}]),_createClass(HaxTray,[{key:"_expandSettingsPanel",value:function _expandSettingsPanel(e){this.shadowRoot.querySelector("#content-edit").click()}},{key:"_redoChanged",value:function _redoChanged(e){this.canRedo=e.detail.value}},{key:"_undoChanged",value:function _undoChanged(e){this.canUndo=e.detail.value}},{key:"render",value:function render(){return(0,e.html)(_templateObject_c57a53601f2611eda0c389891c227ec8(),this.panelOpsTemplate,this.trayStatus,this.menuToolbarTemplate,!this.appStoreLoaded,this.trayDetailTemplate)}},{key:"__simpleFieldsClick",value:function __simpleFieldsClick(e){try{this.activeTab=this.shadowRoot.querySelector("#settingsform").shadowRoot.querySelector("simple-fields").activeTab}catch(e){this.activeTab="item-0"}}},{key:"_refreshAddData",value:function _refreshAddData(){this.shadowRoot.querySelector("#gizmobrowser").resetList((0,o.toJS)(i.HAXStore.gizmoList)),this.shadowRoot.querySelector("#staxbrowser").staxList=_toConsumableArray((0,o.toJS)(i.HAXStore.staxList))}},{key:"_processTrayEvent",value:function _processTrayEvent(e){var n=(0,t.normalizeEventPath)(e)[0],a=e.detail.eventName;switch(this.collapsed||this.trayDetail!==a||(a="toggle-tray-size"),a){case"insert-stax":this.dispatchEvent(new CustomEvent("hax-insert-content-array",{bubbles:!0,cancelable:!0,composed:!0,detail:n.stax}));break;case"insert-tag":var o,r={tag:e.detail.value},c=i.HAXStore.haxSchemaFromTag(e.detail.value);if(n.getAttribute("data-demo-schema")&&c&&c.demoSchema&&c.demoSchema[0])o=c.demoSchema[0];else{var s=JSON.parse(n.getAttribute("event-properties")),l=n.getAttribute("event-content");null==s&&(s={}),null==l&&(l=""),o=i.HAXStore.haxElementPrototype(r,s,l)}this.dispatchEvent(new CustomEvent("hax-insert-content",{bubbles:!0,cancelable:!0,composed:!0,detail:o}));break;case"advanced-settings":case"content-map":case"content-edit":case"content-add":case"media-add":this.trayDetail=e.detail.eventName,this.collapsed=!1;break;case"toggle-element-align":var d=["left","right"],u=d[e.detail.index]?d[e.detail.index]:"right";e.detail.index>1&&(this.collapsed=!0),this.style.setProperty("--hax-tray-custom-y",null),this.style.setProperty("--hax-tray-custom-x",null),i.HAXStore.elementAlign=u;break;case"toggle-tray-size":this.collapsed=!this.collapsed;break;case"start-tour":this.startTour();break;case"stop-tour":window.SimpleTourManager.requestAvailability().stopTour("hax");break;case"undo":i.HAXStore.activeHaxBody.undo();break;case"redo":i.HAXStore.activeHaxBody.redo();break;case"view-source":this.trayDetail=e.detail.eventName,i.HAXStore.haxViewSource.openSource(),this.collapsed=!1}}},{key:"startTour",value:function startTour(){this.__tour=this.__tour||window.SimpleTourManager.requestAvailability(),window.addEventListener("tour-changed",this._handleTourChanged.bind(this)),this.__tour.startTour("hax")}},{key:"stopTour",value:function stopTour(){this.__tour=this.__tour||window.SimpleTourManager.requestAvailability(),this.__tour.stopTour("hax"),window.removeEventListener("tour-changed",this._handleTourChanged.bind(this))}},{key:"_handleTourChanged",value:function _handleTourChanged(e){this.tourOpened=e.detail.active==this.tourName}},{key:"firstUpdated",value:function firstUpdated(e){var t=this;_get(_getPrototypeOf(HaxTray.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxTray.prototype),"firstUpdated",this).call(this,e),this.__setup||(this.shadowRoot.querySelector("#settingsform").schematizer=n.HaxSchematizer,this.shadowRoot.querySelector("#settingsform").elementizer=n.HaxElementizer,setTimeout((function(){t.shadowRoot.querySelector(".wrapper").style.margin=t.offsetMargin}),1e3),this.__setup=!0,this.shadowRoot.querySelector("#settingsform").addEventListener("click",this.__simpleFieldsClick.bind(this)),this.shadowRoot.querySelector("#settingsform").addEventListener("value-changed",this.__valueChangedEvent.bind(this)),this.dispatchEvent(new CustomEvent("hax-register-core-piece",{bubbles:!0,cancelable:!0,composed:!0,detail:{piece:"haxTray",object:this}})),this.dispatchEvent(new CustomEvent("hax-add-voice-command",{bubbles:!0,composed:!0,cancelable:!1,detail:{command:":name: (collapse)(open)(expand)(toggle) Blocks (menu)",context:this.shadowRoot.querySelector("#content-add"),callback:"click"}})),this.dispatchEvent(new CustomEvent("hax-add-voice-command",{bubbles:!0,composed:!0,cancelable:!1,detail:{command:":name: (collapse)(open)(expand)(toggle) element settings (menu)",context:this.shadowRoot.querySelector("#advanced-settings"),callback:"click"}})),this.dispatchEvent(new CustomEvent("hax-add-voice-command",{bubbles:!0,composed:!0,cancelable:!1,detail:{command:":name: (collapse)(open)(expand)(toggle) search (menu)",context:this.shadowRoot.querySelector("#media-add"),callback:"click"}})))}},{key:"updated",value:function updated(e){var t=this;return regeneratorRuntime.async((function updated$(n){for(;;)switch(n.prev=n.next){case 0:_get(_getPrototypeOf(HaxTray.prototype),"updated",this)&&_get(_getPrototypeOf(HaxTray.prototype),"updated",this).call(this,e),e.forEach((function _callee(e,n){return regeneratorRuntime.async((function _callee$(a){for(;;)switch(a.prev=a.next){case 0:if("editMode"!=n){a.next=5;break}if(!t.editMode){a.next=4;break}return a.next=4,regeneratorRuntime.awrap(i.HAXStore.refreshActiveNodeForm());case 4:t._editModeChanged(t.editMode);case 5:if("offsetMargin"==n&&setTimeout((function(){t.shadowRoot.querySelector(".wrapper").style.margin=t.offsetMargin}),0),"trayDetail"==n&&t._updateTrayDetail(t[n]),"collapsed"==n&&t[n]&&t._editModeChanged(t.editMode),"activeGizmo"==n&&"view-source"!==t.trayDetail&&(t.activeGizmo?(t.activeTagName=t.activeGizmo.title,e&&"content-edit"===t.trayDetail||"content-map"===t.trayDetail||(t.trayDetail="content-edit")):(t.activeTagName="",["content-add","content-map"].includes(t.trayDetail)||(t.trayDetail="content-add"))),"activeNode"!=n){a.next=17;break}if(!t.activeNode||!t.activeNode.tagName){a.next=16;break}if(!t.editMode){a.next=14;break}return a.next=14,regeneratorRuntime.awrap(i.HAXStore.refreshActiveNodeForm());case 14:a.next=17;break;case 16:t.activeTagName="";case 17:case"end":return a.stop()}}))}));case 2:case"end":return n.stop()}}),null,this)}},{key:"_setupForm",value:function _setupForm(){var e=this,t=this.activeNode;if(this._initial=!0,this.activeValue={settings:{layout:{__position:"hax-align-left",__scale:100},configure:{},advanced:{}}},this.shadowRoot.querySelector("#settingsform").fields=[],this.shadowRoot.querySelector("#settingsform").value={},t&&t.tagName&&i.HAXStore.elementList[t.tagName.toLowerCase()]){var n=i.HAXStore.elementList[t.tagName.toLowerCase()];for(var a in"undefined"===_typeof(n.gizmo.title)?this.humanName=t.tagName.replace("-"," ").toLowerCase():this.humanName=n.gizmo.title,this.activeHaxElement.properties)n.settings.configure.forEach((function(t){t.property===a&&(e.activeValue.settings.configure[a]=e.activeHaxElement.properties[a]),t.attribute===a&&(e.activeValue.settings.configure[a]=e.activeHaxElement.properties[a]),t.slot===a&&(e.activeValue.settings.configure[a]=e.activeHaxElement.properties[a])})),n.settings.advanced.forEach((function(t){t.property===a&&(e.activeValue.settings.advanced[a]=e.activeHaxElement.properties[a]),t.attribute===a&&(e.activeValue.settings.advanced[a]=e.activeHaxElement.properties[a]),t.slot===a&&(e.activeValue.settings.advanced[a]=e.activeHaxElement.properties[a])}));var o=document.createElement("div");o.innerHTML=this.activeHaxElement.content,o.childNodes.forEach((function(t){1===t.nodeType&&"undefined"!==t.innerHTML&&(n.settings.configure.forEach((function(n){n.slot===t.getAttribute("slot")?e.activeValue.settings.configure[n.slot]=t.innerHTML:""!=n.slot||null!=t.getAttribute("slot")&&"null"!=t.getAttribute("slot")||(e.activeValue.settings.configure[n.slot]=t.innerHTML)})),n.settings.advanced.forEach((function(n){n.slot===t.getAttribute("slot")?e.activeValue.settings.advanced[n.slot]=t.innerHTML:""!=n.slot||null!=t.getAttribute("slot")&&"null"!=t.getAttribute("slot")||(e.activeValue.settings.advanced[n.slot]=t.innerHTML)})))})),""!=t.style.width?this.activeValue.settings.layout.__scale=t.style.width.replace("%",""):this.activeValue.settings.layout.__scale=100,"block"==t.style.display&&"0px auto"==t.style.margin&&"right"==t.style.float?this.activeValue.settings.layout.__position="hax-align-right":"block"==t.style.display&&"0px auto"==t.style.margin?this.activeValue.settings.layout.__position="hax-align-center":this.activeValue.settings.layout.__position="hax-align-left",this.activeHaxElement.properties.__scale=this.activeValue.settings.layout.__scale,this.activeHaxElement.properties.__position=this.activeValue.settings.layout.__position,n.settings.configure.forEach((function(e,t){n.settings.configure[t].attribute&&(n.settings.configure[t].property=n.settings.configure[t].attribute),n.settings.configure[t].slot&&(n.settings.configure[t].property=n.settings.configure[t].slot)})),n.settings.advanced.forEach((function(e,t){n.settings.advanced[t].attribute&&(n.settings.advanced[t].property=n.settings.advanced[t].attribute),n.settings.advanced[t].slot&&(n.settings.advanced[t].property=n.settings.advanced[t].slot)})),n.settings.layout=[],n.canPosition&&n.settings.layout.push({property:"__position",title:this.t.alignment,inputMethod:"select",value:this.activeValue.settings.layout.__position,options:{"hax-align-left":this.t.left,"hax-align-center":this.t.center,"hax-align-right":this.t.right}}),n.canScale&&n.settings.layout.push({property:"__scale",title:this.t.width,inputMethod:"slider",value:this.activeValue.settings.layout.__scale,min:n.canScale.min?n.canScale.min:12.5,max:n.canScale.max?n.canScale.max:100,step:n.canScale.step?n.canScale.step:12.5}),this.activeSchema=[{property:"settings",inputMethod:"tabs",properties:[]}];n.settings.configure.length>0?this.activeSchema[0].properties.push({property:"configure",title:this.t.configure,properties:n.settings.configure}):this.activeSchema[0].properties.push({property:"configure",title:this.t.configure,disabled:!0}),n.settings.layout.length>0?this.activeSchema[0].properties.push({property:"layout",title:this.t.layout,properties:n.settings.layout}):this.activeSchema[0].properties.push({property:"layout",title:this.t.layout,disabled:!0}),n.settings.advanced.length>0?this.activeSchema[0].properties.push({property:"advanced",title:this.t.advanced,properties:n.settings.advanced}):this.activeSchema[0].properties.push({property:"advanced",title:this.t.advanced,disabled:!0}),this.__activePropSchema=n,this.shadowRoot.querySelector("#settingsform").fields=this.activeSchema,this.shadowRoot.querySelector("#settingsform").value=this.activeValue}}},{key:"_toArray",value:function _toArray(e){return null==e?[]:Object.keys(e).map((function(t){return e[t]}))}},{key:"updateMap",value:function updateMap(){this.shadowRoot&&this.shadowRoot.querySelector("hax-map")&&"content-map"==this.trayDetail&&this.shadowRoot.querySelector("hax-map").updateHAXMap()}},{key:"_updateTrayDetail",value:function _updateTrayDetail(e){"content-add"==e?(this.trayLabel=this.t.blocks,this._refreshAddData()):"media-add"==e?this.trayLabel=this.t.media:"content-map"==e?(this.trayLabel=this.t.structure,this.shadowRoot.querySelector("hax-map").updateHAXMap()):"advanced-settings"==e?(this.trayLabel=this.t.settings,this.shadowRoot.querySelector("hax-preferences-dialog").reloadPreferencesForm()):"content-edit"!=e||this.activeTagName&&""!=this.activeTagName&&this.activeNode&&this.activeNode.tagName?e&&""!=e?this.trayLabel=void 0:this.trayDetail="content-edit":this.trayDetail="content-add",this.requestUpdate()}},{key:"__valueChangedEvent",value:function __valueChangedEvent(e){var n=this;if(this.editMode&&e.detail.value&&e.detail.value.settings){var a,o=e.detail.value.settings,r={advanced:"advanced",configure:"configure",layout:"layout"};clearTimeout(this.__contextPropDebounce),this.__contextPropDebounce=setTimeout((function(){var e=function _loop(e){var r=function _loop2(r){if(a=!1,null==o[e][r]||o[e][r].readOnly)n.activeNode.removeAttribute((0,t.camelCaseToDash)(r));else{if("prefix"===r&&""!=o[e][r])n.activeNode.setAttribute("prefix",o[e][r]),a=!0;else if("innerText"===r)n.activeNode.innerText=o[e][r],a=!0;else if("layout"===e&&"__position"===r)a=!0,n._initial||(clearTimeout(n.__contextValueDebounce),n.__contextValueDebounce=setTimeout((function(){n.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,composed:!0,detail:{eventName:o[e][r],value:o[e][r]}}))}),50));else if("layout"===e&&"__scale"===r)a=!0,n._initial||(clearTimeout(n.__contextSizeDebounce),n.__contextSizeDebounce=setTimeout((function(){n.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,composed:!0,detail:{eventName:"hax-size-change",value:o[e][r]}}))}),50));else if(n.activeNode.hasOwnProperty(r)||n.activeNode.properties&&n.activeNode.properties.hasOwnProperty(r)||null!=o[e][r]&&o[e][r].constructor===Array||null!=o[e][r]&&o[e][r].constructor===Object)try{o[e][r].constructor===Array?n.activeNode[r]=_toConsumableArray(o[e][r]):o[e][r].constructor===Object?n.activeNode[r]=_objectSpread({},o[e][r]):n.activeNode[r]=o[e][r],a=!0}catch(e){console.warn(e),a=!1}else for(s in n.__activePropSchema.settings[e])if(n.__activePropSchema.settings[e][s].slot==r){var c="span";if(n.__activePropSchema.settings[e][s].slotWrapper?c=n.__activePropSchema.settings[e][s].slotWrapper:n.__activePropSchema.settings[e][s].allowedSlotWrappers&&n.__activePropSchema.settings[e][s].allowedSlotWrappers[0]?c=n.__activePropSchema.settings[e][s].allowedSlotWrappers[0]:"code-editor"===n.activeNode.tagName.toLowerCase()?c="template":function(){var t=["span","div","p"],a=n.__activePropSchema.settings[e][s].excludedSlotWrappers||[];a&&(t=t.filter((function(e){return!a.includes(e)})))}(),l=document.createElement(c),n.__activePropSchema.settings[e][s].slotAttributes)for(d in n.__activePropSchema.settings[e][s].slotAttributes)l.setAttribute(d,n.__activePropSchema.settings[e][s].slotAttributes[d]);""!==n.__activePropSchema.settings[e][s].slot&&(l.slot=n.__activePropSchema.settings[e][s].slot),l.innerHTML=o[e][r];var u=l.cloneNode(!0);a=!0,i.HAXStore.isTextElement(n.activeNode)?n.activeNode.innerHTML=l.innerHTML:((0,t.wipeSlot)(n.activeNode,n.__activePropSchema.settings[e][s].slot),n.activeNode.appendChild(u))}if(!a)try{!0===o[e][r]?n.activeNode.setAttribute((0,t.camelCaseToDash)(r),(0,t.camelCaseToDash)(r)):!1===o[e][r]||""===o[e][r]?n.activeNode.removeAttribute((0,t.camelCaseToDash)(r)):n.activeNode.setAttribute((0,t.camelCaseToDash)(r),o[e][r])}catch(t){console.warn(t),console.warn(r,o[e][r])}}};for(var c in o[e])r(c)};for(var c in r){var s,l,d;e(c)}}),100)}setTimeout((function(){n._initial&&(n._initial=!1)}),51)}},{key:"_editModeChanged",value:function _editModeChanged(e){!this.hidePanelOps&&this.shadowRoot&&this.shadowRoot.querySelector("#button")&&(this.shadowRoot.querySelector("#button").icon=e?"save":"create")}},{key:"_clickEditButton",value:function _clickEditButton(e){i.HAXStore.editMode=!0,window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}}))}},{key:"_clickSaveButton",value:function _clickSaveButton(e){i.HAXStore.editMode=!1,this.dispatchEvent(new CustomEvent("hax-save",{bubbles:!0,cancelable:!0,composed:!0,detail:e.detail})),window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}}))}},{key:"trayStatus",get:function get(){var e=this.collapsed?"collapsed":"view-source"==this.trayDetail?"full-panel":"side-panel";return i.HAXStore.trayStatus=e,i.HAXStore.trayDetail=this.trayDetail,e}},{key:"panelOpsTemplate",get:function get(){return this.hidePanelOps?"":(0,e.html)(_templateObject2_c57a53601f2611eda0c389891c227ec8(),this.editMode,this._clickEditButton,this.editMode?this.t.save:this.t.edit)}},{key:"toolbarsTemplate",get:function get(){return(0,e.html)(_templateObject3_c57a53601f2611eda0c389891c227ec8(),this.opsToolbarTemplate,this.trayToolbarTemplate)}},{key:"menuToolbarTemplate",get:function get(){return(0,e.html)(_templateObject4_c57a53601f2611eda0c389891c227ec8(),this.saveButtons,this.doButtons,this.contentButtons,this.moreButtons,this.menuButtons)}},{key:"menuButtons",get:function get(){return(0,e.html)(_templateObject5_c57a53601f2611eda0c389891c227ec8(),this.collapsed?"left":"center","left"==this.elementAlign?"forward":"back","left"==this.elementAlign?this.t.menuRight:this.t.menuLeft,"left"==this.elementAlign?"1":"0",this.t.moveMenu,"left"==this.elementAlign?this.t.right:this.t.left)}},{key:"saveButtons",get:function get(){return this.hidePanelOps?"":(0,e.html)(_templateObject6_c57a53601f2611eda0c389891c227ec8(),this._clickSaveButton,this.editMode?this.t.save:this.t.edit,this.collapsed?"left":"center",this.t.cancel,this.collapsed?"left":"center")}},{key:"doButtons",get:function get(){return(0,e.html)(_templateObject7_c57a53601f2611eda0c389891c227ec8(),!this.canUndo,this.t.undo,this.collapsed?"left":"center",!this.canRedo,this.t.redo,this.collapsed?"left":"center")}},{key:"contentButtons",get:function get(){return(0,e.html)(_templateObject8_c57a53601f2611eda0c389891c227ec8(),this.t.blocks,!this.collapsed&&"content-add"===this.trayDetail,this.collapsed?"left":"center",this.t.media,!this.collapsed&&"media-add"===this.trayDetail,this.collapsed?"left":"center",this.t.edit,!this.activeTagName||""==this.activeTagName||!this.activeNode||!this.activeNode.tagName,this.t.editSelected,this.activeTagName,!this.collapsed&&"content-edit"===this.trayDetail,this.collapsed?"left":"center",this.t.structure,!this.collapsed&&"content-map"===this.trayDetail,this.collapsed?"left":"center")}},{key:"moreButtons",get:function get(){return(0,e.html)(_templateObject9_c57a53601f2611eda0c389891c227ec8(),this.t.source,this.collapsed?"left":"center",this.hidePreferencesButton,this.t.settings,!this.collapsed&&"advanced-settings"===this.trayDetail,this.collapsed?"left":"center",this.tourOpened?"stop-tour":"start-tour",this.t.takeATour,!this.collapsed&&this.tourOpened,this.collapsed?"left":"center")}},{key:"trayDetailTemplate",get:function get(){return(0,e.html)(_templateObject10_c57a53601f2611eda0c389891c227ec8(),this.collapsed?"true":"false",this.collapsed?"-1":"0",this.trayDetail,this.trayLabel||"".concat(this.t.editSelected," ").concat(this.activeTagName),this.viewSourceTemplate,this.advancedSettingsTemplate,this.contentMapTemplate,this.contentEditTemplate,this.contentAddTemplate,this.mediaTemplate)}},{key:"viewSourceTemplate",get:function get(){return(0,e.html)(_templateObject11_c57a53601f2611eda0c389891c227ec8(),"view-source"!==this.trayDetail)}},{key:"advancedSettingsTemplate",get:function get(){return(0,e.html)(_templateObject12_c57a53601f2611eda0c389891c227ec8(),"advanced-settings"!==this.trayDetail)}},{key:"contentEditTemplate",get:function get(){return(0,e.html)(_templateObject13_c57a53601f2611eda0c389891c227ec8(),"system"==this.haxUiTheme?"auto":"haxdark"==this.haxUiTheme?"vs-dark":"vs","content-edit"!==this.trayDetail)}},{key:"contentAddTemplate",get:function get(){var t="content-add"!==this.trayDetail;return(0,e.html)(_templateObject14_c57a53601f2611eda0c389891c227ec8(),t,t,this.t.templates,t)}},{key:"contentMapTemplate",get:function get(){return(0,e.html)(_templateObject15_c57a53601f2611eda0c389891c227ec8(),"content-map"!==this.trayDetail)}},{key:"mediaTemplate",get:function get(){var t="media-add"!==this.trayDetail;return(0,e.html)(_templateObject16_c57a53601f2611eda0c389891c227ec8(),t,t,this.t.search,t)}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(HaxTray),"styles",this)||[]),_toConsumableArray(r.HaxTrayDetail),_toConsumableArray(r.HaxComponentStyles),[(0,e.css)(_templateObject17_c57a53601f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return _objectSpread({},_get(_getPrototypeOf(HaxTray),"properties",this),{offsetMargin:{type:String,attribute:"offset-margin"},collapsed:{type:Boolean,reflect:!0},traySizeIcon:{type:String},appStoreLoaded:{type:Boolean},activeValue:{type:Object},activeSchema:{type:Object},elementAlign:{type:String,reflect:!0,attribute:"element-align"},light:{type:Boolean,reflect:!0},canUndo:{type:Boolean,attribute:"can-undo"},canRedo:{type:Boolean,attribute:"can-redo"},haxUiTheme:{type:String},hidePreferencesButton:{type:Boolean,reflect:!0,attribute:"hide-preferences-button"},hidePanelOps:{type:Boolean,reflect:!0,attribute:"hide-panel-ops"},globalPreferences:{type:Object},activeNode:{type:Object},activeTagName:{type:String},activeGizmo:{type:Object},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},trayDetail:{type:String,reflect:!0,attribute:"tray-detail"},trayLabel:{type:String},tourOpened:{type:String},__tour:{type:Object}})}}]),HaxTray}();exports.HaxTray=s,window.customElements.define(s.tag,s);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ui-styles.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ui-styles.dev.js
index 423033d2872..c547dff21eb 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ui-styles.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-ui-styles.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxUiStyles=exports.HaxTrayDetailHeadings=exports.HaxTrayDetail=exports.HaxComponentStyles=exports.HaxFields=exports.HaxButton=exports.HaxHexagon=exports.HaxUiBaseStyles=exports.HaxUiSingletons=exports.HaxUiFields=exports.HaxUiTooltip=exports.HaxUiColors=exports.HaxUiSpacing=exports.HaxUiText=void 0;var a=require("lit");function _typeof(a){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(a){return typeof a}:function _typeof(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _templateObject12_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(["<slot></slot>"]);return _templateObject12_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject12_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _classCallCheck(a,e){if(!(a instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(a,n.key,n)}}function _possibleConstructorReturn(a,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(a){if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}(a):e}function _getPrototypeOf(a){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(a){return a.__proto__||Object.getPrototypeOf(a)},_getPrototypeOf(a)}function _setPrototypeOf(a,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(a,e){return a.__proto__=e,a},_setPrototypeOf(a,e)}function _templateObject11_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(["\n    h5 {\n      font-size: var(--hax-tray-detail-topic-font-size);\n    }\n    h6 {\n      font-size: var(--hax-tray-detail-subtopic-font-size);\n    }\n    h5,\n    h6 {\n      color: var(--hax-ui-color-faded);\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      font-weight: var(--hax-tray-detail-heading-font-weight);\n      margin: var(--hax-ui-spacing-lg) 0 var(--hax-ui-spacing-xs);\n    }\n  "]);return _templateObject11_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject11_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _templateObject10_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(["\n    #tray-detail {\n      font-family: var(--hax-ui-font-family);\n      --hax-tray-detail-title-font-size: var(--hax-ui-font-size);\n      --hax-tray-detail-topic-font-size: var(--hax-ui-font-size-lg);\n      --hax-tray-detail-subtopic-font-size: var(--hax-ui-font-size);\n      --hax-tray-detail-heading-text-transform: capitalize;\n      --hax-tray-detail-heading-font-weight: normal;\n    }\n    #toggle-tray-size {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      outline: 1px solid var(--hax-ui-color-accent);\n      --simple-icon-button-border: 0px solid transparent;\n      --simple-icon-button-border-radius: var(--hax-ui-border-radius);\n      width: 24px;\n      height: 24px;\n      padding: 0;\n    }\n    #toggle-tray-size:hover,\n    #toggle-tray-size:focus-within {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    #tray-detail h5,\n    #tray-detail h6 {\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      font-weight: var(--hax-tray-detail-heading-font-weight);\n      margin: var(--hax-ui-spacing-lg) 0 var(--hax-ui-spacing-xs);\n      color: var(--hax-ui-color-faded);\n    }\n    #tray-detail h4 {\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      color: var(--hax-ui-background-color);\n      font-size: var(--hax-tray-detail-title-font-size);\n      font-weight: normal;\n      margin: 0 var(--hax-ui-spacing-sm) 0 0;\n      padding: 0;\n    }\n    #tray-detail h5 {\n      font-size: var(--hax-tray-detail-topic-font-size);\n    }\n    #tray-detail h6 {\n      font-size: var(--hax-tray-detail-subtopic-font-size);\n    }\n  "]);return _templateObject10_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject10_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _templateObject9_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(["\n    simple-fields-tabs {\n      padding: 0;\n      border: none;\n      margin-left: calc(0 - var(--hax-ui-spacing-sm));\n      margin-right: calc(0 - var(--hax-ui-spacing-sm));\n    }\n    simple-fields-tabs::part(tablist) {\n      margin-bottom: var(--hax-ui-spacing);\n    }\n    simple-fields-tabs::part(tab),\n    simple-fields-tabs::part(tab-active),\n    simple-fields-tabs::part(tab-disabled),\n    hax-preferences-dialog::part(haxlink) {\n      border: 1px solid var(--hax-ui-border-color);\n      text-decoration: none;\n      border-radius: 3px;\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      outline: unset;\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-xs);\n      flex: 1 1 auto;\n    }\n    simple-fields-tabs::part(tab-active) {\n      color: var(--hax-ui-color-accent);\n    }\n    hax-preferences-dialog::part(haxlink) {\n      font-size: var(--hax-ui-font-size-xl);\n      display: block;\n      padding: var(--hax-ui-spacing-lg);\n    }\n    hax-preferences-dialog::part(haxlink):hover,\n    hax-preferences-dialog::part(haxlink):focus {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    simple-fields-tabs::part(tab-disabled) {\n      opacity: 0.5;\n      background-color: rgba(127, 127, 127, 0.2);\n    }\n    simple-fields-tabs::part(content) {\n      border: none;\n    }\n    simple-fields-tab {\n      padding: 0;\n    }\n    simple-fields *::part(label) {\n      text-transform: captitalize;\n      margin: 0;\n    }\n  "]);return _templateObject9_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject9_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _templateObject8_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(['\n    :host {\n      text-transform: capitalize;\n    }\n    :host[aria-expanded="true"] {\n      border: 1px solid var(--hax-ui-border-color);\n    }\n    absolute-position-behavior {\n      border-color: transparent;\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n    }\n    :host([expanded]) absolute-position-behavior {\n      border: 1px solid var(--hax-ui-border-color);\n    }\n    button[part="button"] {\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-sm);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      border: 1px solid var(--hax-ui-border-color);\n      border-radius: var(--hax-ui-border-radius);\n    }\n    :host([role="menuitem"]) button[part="button"] {\n      padding: 1px;\n      border-color: transparent;\n    }\n    :host(:hover) button[part="button"] {\n      background-color: var(--hax-ui-background-color-secondary);\n      color: var(--hax-ui-color);\n    }\n    :host([toggled]) button[part="button"],\n    button[part="button"][aria-pressed="true"] {\n      color: var(--hax-ui-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    button[part="button"][aria-pressed="true"]:hover,\n    :host([toggled]:hover) button[part="button"] {\n      background-color: var(--hax-ui-background-color-accent);\n    }\n    :host([feature]) button[part="button"],\n    :host([danger]) button[part="button"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]) button[part="button"] {\n      background-color: var(--hax-ui-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    :host([danger]) button[part="button"] {\n      background-color: var(--hax-ui-color-danger);\n      border-color: var(--hax-ui-color-danger);\n    }\n    :host([feature]) button[part="button"][aria-pressed="true"],\n    :host([danger]) button[part="button"][aria-pressed="true"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]) button[part="button"][aria-pressed="true"] {\n      background-color: var(--hax-ui-color-accent-secondary);\n      border-color: var(--hax-ui-color-accent);\n    }\n    :host([danger]) button[part="button"][aria-pressed="true"] {\n      background-color: var(--hax-ui-color-danger-secondary);\n      border-color: var(--hax-ui-color-danger);\n    }\n    :host([feature]:hover) button[part="button"],\n    :host([feature]:focus-within) button[part="button"],\n    :host([danger]:hover) button[part="button"],\n    :host([danger]:focus-within) button[part="button"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]:hover) button[part="button"],\n    :host([feature]:focus-within) button[part="button"] {\n      background-color: var(--hax-ui-color-accent-secondary);\n      border-color: var(--hax-ui-color-accent-secondary);\n    }\n    :host([danger]:hover) button[part="button"],\n    :host([danger]:focus-within) button[part="button"] {\n      background-color: var(--hax-ui-color-danger-secondary);\n      border-color: var(--hax-ui-color-danger-secondary);\n    }\n    :host([large]) button[part="button"] {\n      font-size: var(--hax-ui-font-size);\n      padding: var(--hax-ui-spacing);\n      border-width: 2px;\n    }\n    :host([disabled]) button[part="button"][disabled] {\n      opacity: 1;\n      color: var(--hax-ui-disabled-color);\n      border: 1px solid var(--hax-ui-border-color);\n    }\n\n    *[show-text-label]::part(label) {\n      text-transform: capitalize;\n      margin: var(--hax-ui-spacing-sm);\n    }\n  ']);return _templateObject8_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject8_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _templateObject7_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(["\n    hexagon-loader {\n      display: none;\n      margin: 0 auto;\n      z-index: 1000;\n    }\n    hexagon-loader[loading] {\n      display: block;\n      opacity: 0.8;\n    }\n  "]);return _templateObject7_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject7_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _templateObject6_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(['\n    simple-modal[mode="hax-ui"],\n    simple-popover-manager[mode="hax"] {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size);\n      --simple-modal-height: 70vh;\n      --simple-modal-width: 70vw;\n      --simple-popover-border-color: var(--hax-ui-color);\n      --simple-modal-border-color: var(--hax-ui-color);\n    }\n    simple-modal[mode="hax-ui"]::part(dialog) {\n      --simple-modal-z-index: 100000001 !important;\n    }\n    simple-modal[opened] {\n      z-index: 100000001 !important;\n    }\n    simple-modal[mode="hax-ui"]::part(titlebar),\n    simple-popover-manager[mode="hax"]::part(simple-popover-heading),\n    simple-popover-manager[mode="hax"] h1[slot="heading"] {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      padding: var(--hax-ui-spacing-sm) var(--hax-ui-spacing);\n      margin: 0;\n    }\n    simple-modal[mode="hax-ui"]::part(close),\n    simple-popover-manager[mode="hax"] #close {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      outline: 1px solid var(--hax-ui-color-accent);\n      --simple-icon-button-border: 0px solid transparent;\n      --simple-icon-button-border-radius: var(--hax-ui-border-radius);\n      width: 24px;\n      height: 24px;\n      padding: 0;\n    }\n    simple-modal[mode="hax-ui"]:focus-within::part(close),\n    simple-modal[mode="hax-ui"]:hover::part(close),\n    simple-popover-manager[mode="hax"] #close:focus,\n    simple-popover-manager[mode="hax"] #close:hover {\n      background-color: var(--hax-ui-color-accent-secondary);\n      --simple-icon-button-border: 0px solid transparent;\n    }\n    simple-modal[mode="hax-ui"]::part(title),\n    simple-popover-manager[mode="hax"] h1 {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size);\n      font-weight: normal;\n      margin: 0 var(--hax-ui-spacing-sm) 0 0;\n      padding: 0;\n    }\n    simple-popover-manager[mode="hax"] h2 {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size-lg);\n      font-weight: normal;\n      color: var(--hax-ui-color-accent-secondary);\n      margin: 0 0 var(--hax-ui-spacing-lg);\n    }\n    simple-modal[mode="hax-ui"]::part(content),\n    simple-modal[mode="hax-ui"]::part(custom),\n    simple-popover-manager[mode="hax"]::part(simple-popover-body) {\n      font-size: var(--hax-ui-font-size);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n    }\n    simple-modal[mode="hax-ui"]::part(content) {\n      padding: 0 var(--hax-ui-spacing);\n    }\n    simple-modal[mode="hax-ui"]::part(custom) {\n      padding: 0;\n    }\n    simple-popover-manager[mode="hax"]::part(simple-popover-body) {\n      padding: var(--hax-ui-spacing);\n    }\n    simple-modal[mode="hax-ui"]::part(buttons),\n    simple-popover-manager[mode="hax"]:part(simple-popover-nav) {\n      background-color: var(--hax-ui-background-color);\n    }\n    #hax-cancel-no,\n    #hax-cancel-yes {\n      flex: 1 1 auto;\n    }\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"]::part(button) {\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-sm);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      border: 1px solid var(--hax-ui-border-color);\n      border-radius: var(--hax-ui-border-radius);\n      background-color: var(--hax-ui-background-color);\n    }\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"]::part(button):hover,\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"]::part(button):focus-within {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"][disabled]::part(button) {\n      opacity: 0.5;\n      border: 1px solid var(--hax-ui-border-color);\n    }\n  ']);return _templateObject6_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject6_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _templateObject5_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(["\n    body {\n      --simple-fields-field-margin: calc(2 * var(--hax-ui-font-size));\n      --simple-toolbar-focus-z-index: var(--hax-ui-focus-z-index);\n      --simple-fields-font-family: var(--hax-ui-font-family);\n      --simple-fields-font-size: var(--hax-ui-font-size);\n      --simple-fields-line-height: 135%;\n      --simple-fields-detail-font-size: var(--hax-ui-font-size-sm);\n      --simple-fields-detail-line-height: 120%;\n      --simple-fields-margin: var(--hax-ui-spacing);\n      --simple-fields-background-color: var(--hax-ui-background-color);\n      --simple-fields-color: var(--hax-tray-text-color);\n      --simple-fields-accent-color: var(--hax-ui-color-accent);\n      --simple-fields-accent-color-light: var(--hax-ui-background-color-faded);\n      --simple-fields-error-color: var(--hax-ui-color-danger-secondary);\n      --simple-fields-button-danger-background-color: var(\n        --hax-ui-color-danger\n      );\n      --simple-fields-button-danger-focus-color: var(\n        --hax-ui-color-danger-secondary\n      );\n      --simple-fields-button-danger-background-color: var(\n        --hax-ui-background-color\n      );\n      --simple-fields-secondary-accent-color: var(\n        --hax-ui-color-accent-secondary\n      );\n      --simple-fields-border-color: var(--hax-ui-color-faded);\n\n      --simple-fields-fieldset-border-color: rgba(127, 127, 127, 0.2);\n      --simple-fields-legend-text-transform: capitalize;\n      --simple-fields-legend-font-size: var(--hax-ui-font-size-xs);\n\n      --simple-fields-meta-font-size: var(--hax-ui-font-size-xs);\n      --simple-fields-meta-line-height: 120%;\n      --simple-fields-meta-opacity: 0.7;\n      --simple-fields-focus-meta-opacity: 1;\n\n      --simple-fields-button-color: var(--hax-ui-color);\n      --simple-fields-button-background-color: var(--hax-ui-background-color);\n      --simple-fields-button-border-color: var(--hax-ui-border-color);\n      --simple-fields-button-text-transform: capitalize;\n      --simple-fields-border-radius: var(--hax-ui-border-radius);\n      --simple-fields-button-padding-sm: var(--hax-ui-spacing-sm);\n      --simple-fields-button-padding: var(--hax-ui-spacing-sm);\n\n      --simple-fields-button-toggled-color: var(--hax-ui-color);\n      --simple-fields-button-toggled-background-color: var(\n        --hax-ui-background-color-accent\n      );\n      --simple-fields-button-toggled-border-color: var(--hax-ui-color-accent);\n\n      --simple-fields-button-focus-color: var(--hax-ui-color);\n      --simple-fields-button-focus-background-color: var(\n        --hax-ui-background-color-accent\n      );\n      --simple-fields-button-focus-border-color: var(--hax-ui-color-accent);\n\n      --simple-fields-button-disabled-color: unset;\n      --simple-fields-button-disabled-background-color: unset;\n      --simple-fields-button-disabled-border-color: unset;\n      --simple-fields-button-disabled-opacity: 0.5;\n      --hexagon-color: var(--hax-ui-color-accent);\n    }\n  "]);return _templateObject5_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject5_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _templateObject4_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(["\n    body {\n      --simple-tooltip-background: var(--hax-ui-color);\n      --simple-tooltip-text-color: var(--hax-ui-background-color);\n      --simple-tooltip-opacity: 1;\n      --simple-tooltip-delay-in: 0;\n      --simple-tooltip-duration-in: 100ms;\n      --simple-tooltip-duration-out: 0;\n      --simple-tooltip-border-radius: 2px;\n      --simple-tooltip-font-size: var(--hax-ui-font-size-sm);\n    }\n  "]);return _templateObject4_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject4_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _templateObject3_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(['\n    body {\n      --hax-ui-color: #222;\n      --hax-ui-color-focus: #000;\n      --hax-ui-color-faded: #444;\n      --hax-ui-disabled-color: #bbb;\n\n      --hax-ui-background-color: #fff;\n      --hax-ui-background-color-secondary: #e8e8e8;\n      --hax-ui-background-color-faded: #b0b8bb;\n\n      --hax-ui-color-accent: #009dc7;\n      --hax-ui-color-accent-secondary: #007999;\n      --hax-ui-background-color-accent: #ccf3fd;\n\n      --hax-ui-color-danger: #ee0000;\n      --hax-ui-color-danger-secondary: #850000;\n      --hax-ui-background-color-danger: #ffdddd;\n\n      --hax-ui-border-color: #ddd;\n    }\n    body[hax-ui-theme="haxdark"] {\n      --hax-ui-color: #eeeae6;\n      --hax-ui-color-focus: #fff;\n      --hax-ui-color-faded: #c5c3be;\n      --hax-ui-disabled-color: #555;\n\n      --hax-ui-background-color: #333;\n      --hax-ui-background-color-secondary: #111;\n      --hax-ui-background-color-faded: #222;\n\n      --hax-ui-color-accent: #77e2ff;\n      --hax-ui-color-accent-secondary: #00c9ff;\n      --hax-ui-background-color-accent: #000;\n\n      --hax-ui-color-danger: #ff8f8f;\n      --hax-ui-color-danger-secondary: #ff2222;\n      --hax-ui-background-color-danger: #000;\n\n      --hax-ui-border-color: #000;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      body[hax-ui-theme="system"] {\n        --hax-ui-color: #eeeae6;\n        --hax-ui-color-focus: #fff;\n        --hax-ui-color-faded: #c5c3be;\n\n        --hax-ui-background-color: #333;\n        --hax-ui-background-color-secondary: #111;\n        --hax-ui-background-color-faded: #222;\n\n        --hax-ui-color-accent: #77e2ff;\n        --hax-ui-color-accent-secondary: #00c9ff;\n        --hax-ui-background-color-accent: #000;\n\n        --hax-ui-color-danger: #ff8f8f;\n        --hax-ui-color-danger-secondary: #ff2222;\n        --hax-ui-background-color-danger: #000;\n\n        --hax-ui-border-color: #000;\n      }\n    }\n  ']);return _templateObject3_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject3_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _templateObject2_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(["\n    body {\n      --hax-tray-width: 300px;\n      --hax-tray-menubar-min-width: 44px;\n      --hax-tray-menubar-min-height: 34px;\n      --hax-ui-spacing-xs: 4px;\n      --hax-ui-border-radius: 2px;\n      --hax-ui-spacing-sm: calc(1 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing: calc(2 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing-lg: calc(3 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing-xl: calc(4 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-focus-z-index: 1001;\n      --simple-toolbar-focus-z-index: var(--hax-ui-focus-z-index);\n      --a11y-menu-button-focus-z-index: var(--hax-ui-focus-z-index);\n    }\n  "]);return _templateObject2_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject2_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _templateObject_ef36ffd01f0511ed8cc3e9a95995ad69(){var a=_taggedTemplateLiteral(["\n    body {\n      --hax-ui-font-family: sans-serif;\n      --hax-ui-font-size: 16px;\n      --hax-ui-font-size-sm: 13px;\n      --hax-ui-font-size-xs: 12px;\n      --hax-ui-font-size-lg: calc(1.05 * var(--hax-ui-font-size, 16px));\n      --hax-ui-font-size-xl: calc(1.25 * var(--hax-ui-font-size, 16px));\n    }\n  "]);return _templateObject_ef36ffd01f0511ed8cc3e9a95995ad69=function _templateObject_ef36ffd01f0511ed8cc3e9a95995ad69(){return a},a}function _taggedTemplateLiteral(a,e){return e||(e=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(e)}}))}var e=[(0,a.css)(_templateObject_ef36ffd01f0511ed8cc3e9a95995ad69())];exports.HaxUiText=e;var o=[(0,a.css)(_templateObject2_ef36ffd01f0511ed8cc3e9a95995ad69())];exports.HaxUiSpacing=o;var n=[(0,a.css)(_templateObject3_ef36ffd01f0511ed8cc3e9a95995ad69())];exports.HaxUiColors=n;var r=[(0,a.css)(_templateObject4_ef36ffd01f0511ed8cc3e9a95995ad69())];exports.HaxUiTooltip=r;var t=[(0,a.css)(_templateObject5_ef36ffd01f0511ed8cc3e9a95995ad69())];exports.HaxUiFields=t;var i=[(0,a.css)(_templateObject6_ef36ffd01f0511ed8cc3e9a95995ad69())];exports.HaxUiSingletons=i;var c=[].concat(e,o,t,r,i,n);exports.HaxUiBaseStyles=c;var l=[(0,a.css)(_templateObject7_ef36ffd01f0511ed8cc3e9a95995ad69())];exports.HaxHexagon=l;var d=[(0,a.css)(_templateObject8_ef36ffd01f0511ed8cc3e9a95995ad69())];exports.HaxButton=d;var s=[(0,a.css)(_templateObject9_ef36ffd01f0511ed8cc3e9a95995ad69())];exports.HaxFields=s;var u=[].concat(d,l,s);exports.HaxComponentStyles=u;var f=[(0,a.css)(_templateObject10_ef36ffd01f0511ed8cc3e9a95995ad69())];exports.HaxTrayDetail=f;var p=[(0,a.css)(_templateObject11_ef36ffd01f0511ed8cc3e9a95995ad69())];exports.HaxTrayDetailHeadings=p;var x=function(e){function HaxUiStyles(){return _classCallCheck(this,HaxUiStyles),_possibleConstructorReturn(this,_getPrototypeOf(HaxUiStyles).apply(this,arguments))}return function _inherits(a,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(e&&e.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),e&&_setPrototypeOf(a,e)}(HaxUiStyles,a.LitElement),function _createClass(a,e,o){return e&&_defineProperties(a.prototype,e),o&&_defineProperties(a,o),a}(HaxUiStyles,[{key:"render",value:function render(){return(0,a.html)(_templateObject12_ef36ffd01f0511ed8cc3e9a95995ad69())}}],[{key:"styles",get:function get(){return u}},{key:"tag",get:function get(){return"hax-ui-styles"}}]),HaxUiStyles}();exports.HaxUiStyles=x,window.customElements.define(x.tag,x);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxUiStyles=exports.HaxTrayDetailHeadings=exports.HaxTrayDetail=exports.HaxComponentStyles=exports.HaxFields=exports.HaxButton=exports.HaxHexagon=exports.HaxUiBaseStyles=exports.HaxUiSingletons=exports.HaxUiFields=exports.HaxUiTooltip=exports.HaxUiColors=exports.HaxUiSpacing=exports.HaxUiText=void 0;var a=require("lit");function _typeof(a){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(a){return typeof a}:function _typeof(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _templateObject12_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(["<slot></slot>"]);return _templateObject12_c57b64d01f2611eda0c389891c227ec8=function _templateObject12_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _classCallCheck(a,e){if(!(a instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(a,n.key,n)}}function _possibleConstructorReturn(a,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(a){if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}(a):e}function _getPrototypeOf(a){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(a){return a.__proto__||Object.getPrototypeOf(a)},_getPrototypeOf(a)}function _setPrototypeOf(a,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(a,e){return a.__proto__=e,a},_setPrototypeOf(a,e)}function _templateObject11_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(["\n    h5 {\n      font-size: var(--hax-tray-detail-topic-font-size);\n    }\n    h6 {\n      font-size: var(--hax-tray-detail-subtopic-font-size);\n    }\n    h5,\n    h6 {\n      color: var(--hax-ui-color-faded);\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      font-weight: var(--hax-tray-detail-heading-font-weight);\n      margin: var(--hax-ui-spacing-lg) 0 var(--hax-ui-spacing-xs);\n    }\n  "]);return _templateObject11_c57b64d01f2611eda0c389891c227ec8=function _templateObject11_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _templateObject10_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(["\n    #tray-detail {\n      font-family: var(--hax-ui-font-family);\n      --hax-tray-detail-title-font-size: var(--hax-ui-font-size);\n      --hax-tray-detail-topic-font-size: var(--hax-ui-font-size-lg);\n      --hax-tray-detail-subtopic-font-size: var(--hax-ui-font-size);\n      --hax-tray-detail-heading-text-transform: capitalize;\n      --hax-tray-detail-heading-font-weight: normal;\n    }\n    #toggle-tray-size {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      outline: 1px solid var(--hax-ui-color-accent);\n      --simple-icon-button-border: 0px solid transparent;\n      --simple-icon-button-border-radius: var(--hax-ui-border-radius);\n      width: 24px;\n      height: 24px;\n      padding: 0;\n    }\n    #toggle-tray-size:hover,\n    #toggle-tray-size:focus-within {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    #tray-detail h5,\n    #tray-detail h6 {\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      font-weight: var(--hax-tray-detail-heading-font-weight);\n      margin: var(--hax-ui-spacing-lg) 0 var(--hax-ui-spacing-xs);\n      color: var(--hax-ui-color-faded);\n    }\n    #tray-detail h4 {\n      text-transform: var(--hax-tray-detail-heading-text-transform);\n      color: var(--hax-ui-background-color);\n      font-size: var(--hax-tray-detail-title-font-size);\n      font-weight: normal;\n      margin: 0 var(--hax-ui-spacing-sm) 0 0;\n      padding: 0;\n    }\n    #tray-detail h5 {\n      font-size: var(--hax-tray-detail-topic-font-size);\n    }\n    #tray-detail h6 {\n      font-size: var(--hax-tray-detail-subtopic-font-size);\n    }\n  "]);return _templateObject10_c57b64d01f2611eda0c389891c227ec8=function _templateObject10_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _templateObject9_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(["\n    simple-fields-tabs {\n      padding: 0;\n      border: none;\n      margin-left: calc(0 - var(--hax-ui-spacing-sm));\n      margin-right: calc(0 - var(--hax-ui-spacing-sm));\n    }\n    simple-fields-tabs::part(tablist) {\n      margin-bottom: var(--hax-ui-spacing);\n    }\n    simple-fields-tabs::part(tab),\n    simple-fields-tabs::part(tab-active),\n    simple-fields-tabs::part(tab-disabled),\n    hax-preferences-dialog::part(haxlink) {\n      border: 1px solid var(--hax-ui-border-color);\n      text-decoration: none;\n      border-radius: 3px;\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      outline: unset;\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-xs);\n      flex: 1 1 auto;\n    }\n    simple-fields-tabs::part(tab-active) {\n      color: var(--hax-ui-color-accent);\n    }\n    hax-preferences-dialog::part(haxlink) {\n      font-size: var(--hax-ui-font-size-xl);\n      display: block;\n      padding: var(--hax-ui-spacing-lg);\n    }\n    hax-preferences-dialog::part(haxlink):hover,\n    hax-preferences-dialog::part(haxlink):focus {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    simple-fields-tabs::part(tab-disabled) {\n      opacity: 0.5;\n      background-color: rgba(127, 127, 127, 0.2);\n    }\n    simple-fields-tabs::part(content) {\n      border: none;\n    }\n    simple-fields-tab {\n      padding: 0;\n    }\n    simple-fields *::part(label) {\n      text-transform: captitalize;\n      margin: 0;\n    }\n  "]);return _templateObject9_c57b64d01f2611eda0c389891c227ec8=function _templateObject9_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _templateObject8_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(['\n    :host {\n      text-transform: capitalize;\n    }\n    :host[aria-expanded="true"] {\n      border: 1px solid var(--hax-ui-border-color);\n    }\n    absolute-position-behavior {\n      border-color: transparent;\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n    }\n    :host([expanded]) absolute-position-behavior {\n      border: 1px solid var(--hax-ui-border-color);\n    }\n    button[part="button"] {\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-sm);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      border: 1px solid var(--hax-ui-border-color);\n      border-radius: var(--hax-ui-border-radius);\n    }\n    :host([role="menuitem"]) button[part="button"] {\n      padding: 1px;\n      border-color: transparent;\n    }\n    :host(:hover) button[part="button"] {\n      background-color: var(--hax-ui-background-color-secondary);\n      color: var(--hax-ui-color);\n    }\n    :host([toggled]) button[part="button"],\n    button[part="button"][aria-pressed="true"] {\n      color: var(--hax-ui-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    button[part="button"][aria-pressed="true"]:hover,\n    :host([toggled]:hover) button[part="button"] {\n      background-color: var(--hax-ui-background-color-accent);\n    }\n    :host([feature]) button[part="button"],\n    :host([danger]) button[part="button"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]) button[part="button"] {\n      background-color: var(--hax-ui-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    :host([danger]) button[part="button"] {\n      background-color: var(--hax-ui-color-danger);\n      border-color: var(--hax-ui-color-danger);\n    }\n    :host([feature]) button[part="button"][aria-pressed="true"],\n    :host([danger]) button[part="button"][aria-pressed="true"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]) button[part="button"][aria-pressed="true"] {\n      background-color: var(--hax-ui-color-accent-secondary);\n      border-color: var(--hax-ui-color-accent);\n    }\n    :host([danger]) button[part="button"][aria-pressed="true"] {\n      background-color: var(--hax-ui-color-danger-secondary);\n      border-color: var(--hax-ui-color-danger);\n    }\n    :host([feature]:hover) button[part="button"],\n    :host([feature]:focus-within) button[part="button"],\n    :host([danger]:hover) button[part="button"],\n    :host([danger]:focus-within) button[part="button"] {\n      color: var(--hax-ui-background-color);\n    }\n    :host([feature]:hover) button[part="button"],\n    :host([feature]:focus-within) button[part="button"] {\n      background-color: var(--hax-ui-color-accent-secondary);\n      border-color: var(--hax-ui-color-accent-secondary);\n    }\n    :host([danger]:hover) button[part="button"],\n    :host([danger]:focus-within) button[part="button"] {\n      background-color: var(--hax-ui-color-danger-secondary);\n      border-color: var(--hax-ui-color-danger-secondary);\n    }\n    :host([large]) button[part="button"] {\n      font-size: var(--hax-ui-font-size);\n      padding: var(--hax-ui-spacing);\n      border-width: 2px;\n    }\n    :host([disabled]) button[part="button"][disabled] {\n      opacity: 1;\n      color: var(--hax-ui-disabled-color);\n      border: 1px solid var(--hax-ui-border-color);\n    }\n\n    *[show-text-label]::part(label) {\n      text-transform: capitalize;\n      margin: var(--hax-ui-spacing-sm);\n    }\n  ']);return _templateObject8_c57b64d01f2611eda0c389891c227ec8=function _templateObject8_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _templateObject7_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(["\n    hexagon-loader {\n      display: none;\n      margin: 0 auto;\n      z-index: 1000;\n    }\n    hexagon-loader[loading] {\n      display: block;\n      opacity: 0.8;\n    }\n  "]);return _templateObject7_c57b64d01f2611eda0c389891c227ec8=function _templateObject7_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _templateObject6_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(['\n    simple-modal[mode="hax-ui"],\n    simple-popover-manager[mode="hax"] {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size);\n      --simple-modal-height: 70vh;\n      --simple-modal-width: 70vw;\n      --simple-popover-border-color: var(--hax-ui-color);\n      --simple-modal-border-color: var(--hax-ui-color);\n    }\n    simple-modal[mode="hax-ui"]::part(dialog) {\n      --simple-modal-z-index: 100000001 !important;\n    }\n    simple-modal[opened] {\n      z-index: 100000001 !important;\n    }\n    simple-modal[mode="hax-ui"]::part(titlebar),\n    simple-popover-manager[mode="hax"]::part(simple-popover-heading),\n    simple-popover-manager[mode="hax"] h1[slot="heading"] {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      padding: var(--hax-ui-spacing-sm) var(--hax-ui-spacing);\n      margin: 0;\n    }\n    simple-modal[mode="hax-ui"]::part(close),\n    simple-popover-manager[mode="hax"] #close {\n      color: var(--hax-ui-background-color);\n      background-color: var(--hax-ui-color-accent);\n      outline: 1px solid var(--hax-ui-color-accent);\n      --simple-icon-button-border: 0px solid transparent;\n      --simple-icon-button-border-radius: var(--hax-ui-border-radius);\n      width: 24px;\n      height: 24px;\n      padding: 0;\n    }\n    simple-modal[mode="hax-ui"]:focus-within::part(close),\n    simple-modal[mode="hax-ui"]:hover::part(close),\n    simple-popover-manager[mode="hax"] #close:focus,\n    simple-popover-manager[mode="hax"] #close:hover {\n      background-color: var(--hax-ui-color-accent-secondary);\n      --simple-icon-button-border: 0px solid transparent;\n    }\n    simple-modal[mode="hax-ui"]::part(title),\n    simple-popover-manager[mode="hax"] h1 {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size);\n      font-weight: normal;\n      margin: 0 var(--hax-ui-spacing-sm) 0 0;\n      padding: 0;\n    }\n    simple-popover-manager[mode="hax"] h2 {\n      font-family: var(--hax-ui-font-family);\n      font-size: var(--hax-ui-font-size-lg);\n      font-weight: normal;\n      color: var(--hax-ui-color-accent-secondary);\n      margin: 0 0 var(--hax-ui-spacing-lg);\n    }\n    simple-modal[mode="hax-ui"]::part(content),\n    simple-modal[mode="hax-ui"]::part(custom),\n    simple-popover-manager[mode="hax"]::part(simple-popover-body) {\n      font-size: var(--hax-ui-font-size);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n    }\n    simple-modal[mode="hax-ui"]::part(content) {\n      padding: 0 var(--hax-ui-spacing);\n    }\n    simple-modal[mode="hax-ui"]::part(custom) {\n      padding: 0;\n    }\n    simple-popover-manager[mode="hax"]::part(simple-popover-body) {\n      padding: var(--hax-ui-spacing);\n    }\n    simple-modal[mode="hax-ui"]::part(buttons),\n    simple-popover-manager[mode="hax"]:part(simple-popover-nav) {\n      background-color: var(--hax-ui-background-color);\n    }\n    #hax-cancel-no,\n    #hax-cancel-yes {\n      flex: 1 1 auto;\n    }\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"]::part(button) {\n      text-transform: capitalize;\n      font-size: var(--hax-ui-font-size-sm);\n      padding: var(--hax-ui-spacing-sm);\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color);\n      border: 1px solid var(--hax-ui-border-color);\n      border-radius: var(--hax-ui-border-radius);\n      background-color: var(--hax-ui-background-color);\n    }\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"]::part(button):hover,\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"]::part(button):focus-within {\n      color: var(--hax-ui-color);\n      background-color: var(--hax-ui-background-color-accent);\n      border-color: var(--hax-ui-color-accent);\n    }\n    simple-popover-manager[mode="hax"]\n      simple-icon-button-lite[slot="nav"][disabled]::part(button) {\n      opacity: 0.5;\n      border: 1px solid var(--hax-ui-border-color);\n    }\n  ']);return _templateObject6_c57b64d01f2611eda0c389891c227ec8=function _templateObject6_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _templateObject5_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(["\n    body {\n      --simple-fields-field-margin: calc(2 * var(--hax-ui-font-size));\n      --simple-toolbar-focus-z-index: var(--hax-ui-focus-z-index);\n      --simple-fields-font-family: var(--hax-ui-font-family);\n      --simple-fields-font-size: var(--hax-ui-font-size);\n      --simple-fields-line-height: 135%;\n      --simple-fields-detail-font-size: var(--hax-ui-font-size-sm);\n      --simple-fields-detail-line-height: 120%;\n      --simple-fields-margin: var(--hax-ui-spacing);\n      --simple-fields-background-color: var(--hax-ui-background-color);\n      --simple-fields-color: var(--hax-tray-text-color);\n      --simple-fields-accent-color: var(--hax-ui-color-accent);\n      --simple-fields-accent-color-light: var(--hax-ui-background-color-faded);\n      --simple-fields-error-color: var(--hax-ui-color-danger-secondary);\n      --simple-fields-button-danger-background-color: var(\n        --hax-ui-color-danger\n      );\n      --simple-fields-button-danger-focus-color: var(\n        --hax-ui-color-danger-secondary\n      );\n      --simple-fields-button-danger-background-color: var(\n        --hax-ui-background-color\n      );\n      --simple-fields-secondary-accent-color: var(\n        --hax-ui-color-accent-secondary\n      );\n      --simple-fields-border-color: var(--hax-ui-color-faded);\n\n      --simple-fields-fieldset-border-color: rgba(127, 127, 127, 0.2);\n      --simple-fields-legend-text-transform: capitalize;\n      --simple-fields-legend-font-size: var(--hax-ui-font-size-xs);\n\n      --simple-fields-meta-font-size: var(--hax-ui-font-size-xs);\n      --simple-fields-meta-line-height: 120%;\n      --simple-fields-meta-opacity: 0.7;\n      --simple-fields-focus-meta-opacity: 1;\n\n      --simple-fields-button-color: var(--hax-ui-color);\n      --simple-fields-button-background-color: var(--hax-ui-background-color);\n      --simple-fields-button-border-color: var(--hax-ui-border-color);\n      --simple-fields-button-text-transform: capitalize;\n      --simple-fields-border-radius: var(--hax-ui-border-radius);\n      --simple-fields-button-padding-sm: var(--hax-ui-spacing-sm);\n      --simple-fields-button-padding: var(--hax-ui-spacing-sm);\n\n      --simple-fields-button-toggled-color: var(--hax-ui-color);\n      --simple-fields-button-toggled-background-color: var(\n        --hax-ui-background-color-accent\n      );\n      --simple-fields-button-toggled-border-color: var(--hax-ui-color-accent);\n\n      --simple-fields-button-focus-color: var(--hax-ui-color);\n      --simple-fields-button-focus-background-color: var(\n        --hax-ui-background-color-accent\n      );\n      --simple-fields-button-focus-border-color: var(--hax-ui-color-accent);\n\n      --simple-fields-button-disabled-color: unset;\n      --simple-fields-button-disabled-background-color: unset;\n      --simple-fields-button-disabled-border-color: unset;\n      --simple-fields-button-disabled-opacity: 0.5;\n      --hexagon-color: var(--hax-ui-color-accent);\n    }\n  "]);return _templateObject5_c57b64d01f2611eda0c389891c227ec8=function _templateObject5_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _templateObject4_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(["\n    body {\n      --simple-tooltip-background: var(--hax-ui-color);\n      --simple-tooltip-text-color: var(--hax-ui-background-color);\n      --simple-tooltip-opacity: 1;\n      --simple-tooltip-delay-in: 0;\n      --simple-tooltip-duration-in: 100ms;\n      --simple-tooltip-duration-out: 0;\n      --simple-tooltip-border-radius: 2px;\n      --simple-tooltip-font-size: var(--hax-ui-font-size-sm);\n    }\n  "]);return _templateObject4_c57b64d01f2611eda0c389891c227ec8=function _templateObject4_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _templateObject3_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(['\n    body {\n      --hax-ui-color: #222;\n      --hax-ui-color-focus: #000;\n      --hax-ui-color-faded: #444;\n      --hax-ui-disabled-color: #bbb;\n\n      --hax-ui-background-color: #fff;\n      --hax-ui-background-color-secondary: #e8e8e8;\n      --hax-ui-background-color-faded: #b0b8bb;\n\n      --hax-ui-color-accent: #009dc7;\n      --hax-ui-color-accent-secondary: #007999;\n      --hax-ui-background-color-accent: #ccf3fd;\n\n      --hax-ui-color-danger: #ee0000;\n      --hax-ui-color-danger-secondary: #850000;\n      --hax-ui-background-color-danger: #ffdddd;\n\n      --hax-ui-border-color: #ddd;\n    }\n    body[hax-ui-theme="haxdark"] {\n      --hax-ui-color: #eeeae6;\n      --hax-ui-color-focus: #fff;\n      --hax-ui-color-faded: #c5c3be;\n      --hax-ui-disabled-color: #555;\n\n      --hax-ui-background-color: #333;\n      --hax-ui-background-color-secondary: #111;\n      --hax-ui-background-color-faded: #222;\n\n      --hax-ui-color-accent: #77e2ff;\n      --hax-ui-color-accent-secondary: #00c9ff;\n      --hax-ui-background-color-accent: #000;\n\n      --hax-ui-color-danger: #ff8f8f;\n      --hax-ui-color-danger-secondary: #ff2222;\n      --hax-ui-background-color-danger: #000;\n\n      --hax-ui-border-color: #000;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      body[hax-ui-theme="system"] {\n        --hax-ui-color: #eeeae6;\n        --hax-ui-color-focus: #fff;\n        --hax-ui-color-faded: #c5c3be;\n\n        --hax-ui-background-color: #333;\n        --hax-ui-background-color-secondary: #111;\n        --hax-ui-background-color-faded: #222;\n\n        --hax-ui-color-accent: #77e2ff;\n        --hax-ui-color-accent-secondary: #00c9ff;\n        --hax-ui-background-color-accent: #000;\n\n        --hax-ui-color-danger: #ff8f8f;\n        --hax-ui-color-danger-secondary: #ff2222;\n        --hax-ui-background-color-danger: #000;\n\n        --hax-ui-border-color: #000;\n      }\n    }\n  ']);return _templateObject3_c57b64d01f2611eda0c389891c227ec8=function _templateObject3_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _templateObject2_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(["\n    body {\n      --hax-tray-width: 300px;\n      --hax-tray-menubar-min-width: 44px;\n      --hax-tray-menubar-min-height: 34px;\n      --hax-ui-spacing-xs: 4px;\n      --hax-ui-border-radius: 2px;\n      --hax-ui-spacing-sm: calc(1 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing: calc(2 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing-lg: calc(3 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-spacing-xl: calc(4 * var(--hax-ui-spacing-xs, 4px));\n      --hax-ui-focus-z-index: 1001;\n      --simple-toolbar-focus-z-index: var(--hax-ui-focus-z-index);\n      --a11y-menu-button-focus-z-index: var(--hax-ui-focus-z-index);\n    }\n  "]);return _templateObject2_c57b64d01f2611eda0c389891c227ec8=function _templateObject2_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _templateObject_c57b64d01f2611eda0c389891c227ec8(){var a=_taggedTemplateLiteral(["\n    body {\n      --hax-ui-font-family: sans-serif;\n      --hax-ui-font-size: 16px;\n      --hax-ui-font-size-sm: 13px;\n      --hax-ui-font-size-xs: 12px;\n      --hax-ui-font-size-lg: calc(1.05 * var(--hax-ui-font-size, 16px));\n      --hax-ui-font-size-xl: calc(1.25 * var(--hax-ui-font-size, 16px));\n    }\n  "]);return _templateObject_c57b64d01f2611eda0c389891c227ec8=function _templateObject_c57b64d01f2611eda0c389891c227ec8(){return a},a}function _taggedTemplateLiteral(a,e){return e||(e=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(e)}}))}var e=[(0,a.css)(_templateObject_c57b64d01f2611eda0c389891c227ec8())];exports.HaxUiText=e;var o=[(0,a.css)(_templateObject2_c57b64d01f2611eda0c389891c227ec8())];exports.HaxUiSpacing=o;var n=[(0,a.css)(_templateObject3_c57b64d01f2611eda0c389891c227ec8())];exports.HaxUiColors=n;var r=[(0,a.css)(_templateObject4_c57b64d01f2611eda0c389891c227ec8())];exports.HaxUiTooltip=r;var t=[(0,a.css)(_templateObject5_c57b64d01f2611eda0c389891c227ec8())];exports.HaxUiFields=t;var i=[(0,a.css)(_templateObject6_c57b64d01f2611eda0c389891c227ec8())];exports.HaxUiSingletons=i;var c=[].concat(e,o,t,r,i,n);exports.HaxUiBaseStyles=c;var l=[(0,a.css)(_templateObject7_c57b64d01f2611eda0c389891c227ec8())];exports.HaxHexagon=l;var d=[(0,a.css)(_templateObject8_c57b64d01f2611eda0c389891c227ec8())];exports.HaxButton=d;var s=[(0,a.css)(_templateObject9_c57b64d01f2611eda0c389891c227ec8())];exports.HaxFields=s;var u=[].concat(d,l,s);exports.HaxComponentStyles=u;var p=[(0,a.css)(_templateObject10_c57b64d01f2611eda0c389891c227ec8())];exports.HaxTrayDetail=p;var x=[(0,a.css)(_templateObject11_c57b64d01f2611eda0c389891c227ec8())];exports.HaxTrayDetailHeadings=x;var b=function(e){function HaxUiStyles(){return _classCallCheck(this,HaxUiStyles),_possibleConstructorReturn(this,_getPrototypeOf(HaxUiStyles).apply(this,arguments))}return function _inherits(a,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(e&&e.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),e&&_setPrototypeOf(a,e)}(HaxUiStyles,a.LitElement),function _createClass(a,e,o){return e&&_defineProperties(a.prototype,e),o&&_defineProperties(a,o),a}(HaxUiStyles,[{key:"render",value:function render(){return(0,a.html)(_templateObject12_c57b64d01f2611eda0c389891c227ec8())}}],[{key:"styles",get:function get(){return u}},{key:"tag",get:function get(){return"hax-ui-styles"}}]),HaxUiStyles}();exports.HaxUiStyles=b,window.customElements.define(b.tag,b);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-view-source.dev.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-view-source.dev.js
index 26be6c8fc6a..6903e1d1fd5 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-view-source.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/dist/hax-view-source.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxViewSource=void 0;var e=require("lit"),t=require("@lrnwebcomponents/dl-behavior/dl-behavior.js"),n=require("@lrnwebcomponents/utils/utils.js"),o=require("./hax-store.js");require("./hax-toolbar.js");var r=require("./hax-ui-styles.js"),a=require("mobx"),i=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject2_ef3a5b301f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          margin: 0;\n          padding: 0;\n          flex: 0 1 100vh;\n          display: flex;\n          flex-direction: column;\n        }\n        :host > *,\n        #textarea {\n          margin: 0;\n          padding: 0;\n        }\n        #hiddentextarea,\n        #spacer {\n          flex: 0 1 0px;\n        }\n        #wrapper {\n          flex: 1 0 calc(70vh - 94px);\n          position: relative;\n        }\n        #textarea {\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n        }\n        hax-toolbar {\n          flex: 0 0 auto;\n          width: 100%;\n          display: flex;\n          background-color: var(--hax-ui-background-color);\n        }\n        hax-toolbar::part(buttons) {\n          justify-content: space-between;\n          flex: 0 1 auto;\n          margin: 0 auto;\n        }\n      "]);return _templateObject2_ef3a5b301f0511ed8cc3e9a95995ad69=function _templateObject2_ef3a5b301f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _templateObject_ef3a5b301f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <div id="spacer"></div>\n      <div id="wrapper">\n        <textarea id="hiddentextarea" hidden></textarea>\n        <code-editor\n          id="textarea"\n          title=""\n          theme="','"\n          language="html"\n          font-size="13"\n          word-wrap\n        ></code-editor>\n      </div>\n      <hax-toolbar always-expanded>\n        <hax-tray-button\n          label="','"\n          icon="editor:insert-drive-file"\n          @click="','"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          @click="','"\n          icon="editor:format-clear"\n          label="','"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          @click="','"\n          icon="icons:content-copy"\n          label="','"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          label="','"\n          icon="icons:file-download"\n          @click="','"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          @click="','"\n          label="HAXSchema"\n          icon="hax:code-json"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n      </hax-toolbar>\n    ']);return _templateObject_ef3a5b301f0511ed8cc3e9a95995ad69=function _templateObject_ef3a5b301f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var c=function(c){function HaxViewSource(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxViewSource),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxViewSource).call(this))).t={updatePage:"Update Page",copyHTML:"Copy HTML",downloadHTML:"Download HTML",cleanFormatting:"Clean Formatting",copiedToClipboard:"Copied to clipboard"},e.registerTranslation({context:_assertThisInitialized(e),namespace:"hax"}),e.fileTypes={CSV:"text/csv",JSON:"text/json",PDF:"application/pdf",TXT:"text/plain",HTML:"text/html"},(0,a.autorun)((function(){e.globalPreferences=(0,a.toJS)(o.HAXStore.globalPreferences),e.haxUiTheme=(e.globalPreferences||{}).haxUiTheme||"hax"})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxViewSource,(0,i.I18NMixin)((0,t.MtzFileDownloadBehaviors)(e.LitElement))),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(HaxViewSource,[{key:"render",value:function render(){return(0,e.html)(_templateObject_ef3a5b301f0511ed8cc3e9a95995ad69(),"hax"==this.haxUiTheme?"vs":"haxdark"==this.haxUiTheme?"vs-dark":"auto",this.t.updatePage,this.importContent.bind(this),this.scrubContent.bind(this),this.t.cleanFormatting,this.selectBody.bind(this),this.t.copyHTML,this.t.downloadHTML,this.download.bind(this),this.htmlToHaxElements.bind(this))}},{key:"download",value:function download(e){var t=this.contentToFile(!1);this.downloadFromData(t,"html","my-new-code"),o.HAXStore.toast("HTML content downloaded")}},{key:"downloadfull",value:function downloadfull(e){var t=this.contentToFile(!0);this.downloadFromData(t,"html","my-new-webpage"),o.HAXStore.toast("Working offline copy downloaded")}},{key:"importContent",value:function importContent(e){var t=this.shadowRoot.querySelector("#textarea").value;o.HAXStore.toast("Content updated"),o.HAXStore.activeHaxBody.importContent(t)}},{key:"scrubContent",value:function scrubContent(e){var t=this.shadowRoot.querySelector("#textarea").value;o.HAXStore.toast("Scrubbed, Content updated"),o.HAXStore.activeHaxBody.importContent((0,n.stripMSWord)(t))}},{key:"close",value:function close(){window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}}))}},{key:"openSource",value:function openSource(){Promise.resolve().then((function(){return function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}return n.default=e,t&&t.set(e,n),n}(require("@lrnwebcomponents/code-editor/code-editor.js"))})),this.updateEditor()}},{key:"selectBody",value:function selectBody(e){var t=this.shadowRoot.querySelector("#hiddentextarea");t.value=this.shadowRoot.querySelector("#textarea").value,t.removeAttribute("hidden"),t.focus(),t.select(),document.execCommand("copy"),t.setAttribute("hidden","hidden"),o.HAXStore.toast(this.t.copiedToClipboard)}},{key:"htmlToHaxElements",value:async function htmlToHaxElements(e){var t=await o.HAXStore.htmlToHaxElements(this.shadowRoot.querySelector("#textarea").value),n=JSON.stringify(t,null,2),r=this.shadowRoot.querySelector("#textarea").value,a=this.shadowRoot.querySelector("#hiddentextarea");a.removeAttribute("hidden"),a.value=n,a.focus(),a.select(),document.execCommand("copy"),a.value=r,a.setAttribute("hidden","hidden"),o.HAXStore.toast(this.t.copiedToClipboard)}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(HaxViewSource.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxViewSource.prototype),"firstUpdated",this).call(this,e),this.updateEditor()}},{key:"updateEditor",value:async function updateEditor(){o.HAXStore.activeHaxBody&&this.shadowRoot&&this.shadowRoot.querySelector("#textarea")&&(this.shadowRoot.querySelector("#textarea").editorValue=(0,n.formatHTML)(await o.HAXStore.activeHaxBody.haxToContent()))}},{key:"contentToFile",value:async function contentToFile(e){var t=await o.HAXStore.activeHaxBody.haxToContent(),n=t;return e&&(n='\n        <!DOCTYPE html>\n        <html lang="en">\n          <head>\n            <meta charset="utf-8" />\n            <meta\n              name="viewport"\n              content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"\n            />\n            <title>hax-body demo</title>\n            <script>window.WCGlobalCDNPath="https://cdn.webcomponents.psu.edu/cdn/"; <\/script> <script src="https://cdn.webcomponents.psu.edu/cdn/build.js"><\/script> \n            <style>\n              body {\n                padding: 32px;\n              }\n            </style>\n          </head>\n          <body>\n          '.concat(t,"\n          </body>\n        </html>\n      ")),n}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(r.HaxComponentStyles),[(0,e.css)(_templateObject2_ef3a5b301f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"hax-view-source"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxViewSource),"properties",this),{globalPreferences:{type:Object},theme:{type:String}})}}]),HaxViewSource}();exports.HaxViewSource=c,window.customElements.define(c.tag,c);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.HaxViewSource=void 0;var e=require("lit"),t=require("@lrnwebcomponents/dl-behavior/dl-behavior.js"),n=require("@lrnwebcomponents/utils/utils.js"),o=require("./hax-store.js");require("./hax-toolbar.js");var r=require("./hax-ui-styles.js"),a=require("mobx"),i=require("@lrnwebcomponents/i18n-manager/lib/I18NMixin.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject2_c57ec0301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          margin: 0;\n          padding: 0;\n          flex: 0 1 100vh;\n          display: flex;\n          flex-direction: column;\n        }\n        :host > *,\n        #textarea {\n          margin: 0;\n          padding: 0;\n        }\n        #hiddentextarea,\n        #spacer {\n          flex: 0 1 0px;\n        }\n        #wrapper {\n          flex: 1 0 calc(70vh - 94px);\n          position: relative;\n        }\n        #textarea {\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n        }\n        hax-toolbar {\n          flex: 0 0 auto;\n          width: 100%;\n          display: flex;\n          background-color: var(--hax-ui-background-color);\n        }\n        hax-toolbar::part(buttons) {\n          justify-content: space-between;\n          flex: 0 1 auto;\n          margin: 0 auto;\n        }\n      "]);return _templateObject2_c57ec0301f2611eda0c389891c227ec8=function _templateObject2_c57ec0301f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _templateObject_c57ec0301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <div id="spacer"></div>\n      <div id="wrapper">\n        <textarea id="hiddentextarea" hidden></textarea>\n        <code-editor\n          id="textarea"\n          title=""\n          theme="','"\n          language="html"\n          font-size="13"\n          word-wrap\n        ></code-editor>\n      </div>\n      <hax-toolbar always-expanded>\n        <hax-tray-button\n          label="','"\n          icon="editor:insert-drive-file"\n          @click="','"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          @click="','"\n          icon="editor:format-clear"\n          label="','"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          @click="','"\n          icon="icons:content-copy"\n          label="','"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          label="','"\n          icon="icons:file-download"\n          @click="','"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n        <hax-tray-button\n          @click="','"\n          label="HAXSchema"\n          icon="hax:code-json"\n          show-text-label\n          icon-position="top"\n        >\n        </hax-tray-button>\n      </hax-toolbar>\n    ']);return _templateObject_c57ec0301f2611eda0c389891c227ec8=function _templateObject_c57ec0301f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var c=function(c){function HaxViewSource(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,HaxViewSource),(e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(HaxViewSource).call(this))).t={updatePage:"Update Page",copyHTML:"Copy HTML",downloadHTML:"Download HTML",cleanFormatting:"Clean Formatting",copiedToClipboard:"Copied to clipboard"},e.registerTranslation({context:_assertThisInitialized(e),namespace:"hax"}),e.fileTypes={CSV:"text/csv",JSON:"text/json",PDF:"application/pdf",TXT:"text/plain",HTML:"text/html"},(0,a.autorun)((function(){e.globalPreferences=(0,a.toJS)(o.HAXStore.globalPreferences),e.haxUiTheme=(e.globalPreferences||{}).haxUiTheme||"hax"})),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(HaxViewSource,(0,i.I18NMixin)((0,t.MtzFileDownloadBehaviors)(e.LitElement))),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(HaxViewSource,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c57ec0301f2611eda0c389891c227ec8(),"hax"==this.haxUiTheme?"vs":"haxdark"==this.haxUiTheme?"vs-dark":"auto",this.t.updatePage,this.importContent.bind(this),this.scrubContent.bind(this),this.t.cleanFormatting,this.selectBody.bind(this),this.t.copyHTML,this.t.downloadHTML,this.download.bind(this),this.htmlToHaxElements.bind(this))}},{key:"download",value:function download(e){var t=this.contentToFile(!1);this.downloadFromData(t,"html","my-new-code"),o.HAXStore.toast("HTML content downloaded")}},{key:"downloadfull",value:function downloadfull(e){var t=this.contentToFile(!0);this.downloadFromData(t,"html","my-new-webpage"),o.HAXStore.toast("Working offline copy downloaded")}},{key:"importContent",value:function importContent(e){var t=this.shadowRoot.querySelector("#textarea").value;o.HAXStore.toast("Content updated"),o.HAXStore.activeHaxBody.importContent(t)}},{key:"scrubContent",value:function scrubContent(e){var t=this.shadowRoot.querySelector("#textarea").value;o.HAXStore.toast("Scrubbed, Content updated"),o.HAXStore.activeHaxBody.importContent((0,n.stripMSWord)(t))}},{key:"close",value:function close(){window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}}))}},{key:"openSource",value:function openSource(){Promise.resolve().then((function(){return function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}return n.default=e,t&&t.set(e,n),n}(require("@lrnwebcomponents/code-editor/code-editor.js"))})),this.updateEditor()}},{key:"selectBody",value:function selectBody(e){var t=this.shadowRoot.querySelector("#hiddentextarea");t.value=this.shadowRoot.querySelector("#textarea").value,t.removeAttribute("hidden"),t.focus(),t.select(),document.execCommand("copy"),t.setAttribute("hidden","hidden"),o.HAXStore.toast(this.t.copiedToClipboard)}},{key:"htmlToHaxElements",value:async function htmlToHaxElements(e){var t=await o.HAXStore.htmlToHaxElements(this.shadowRoot.querySelector("#textarea").value),n=JSON.stringify(t,null,2),r=this.shadowRoot.querySelector("#textarea").value,a=this.shadowRoot.querySelector("#hiddentextarea");a.removeAttribute("hidden"),a.value=n,a.focus(),a.select(),document.execCommand("copy"),a.value=r,a.setAttribute("hidden","hidden"),o.HAXStore.toast(this.t.copiedToClipboard)}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(HaxViewSource.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(HaxViewSource.prototype),"firstUpdated",this).call(this,e),this.updateEditor()}},{key:"updateEditor",value:async function updateEditor(){o.HAXStore.activeHaxBody&&this.shadowRoot&&this.shadowRoot.querySelector("#textarea")&&(this.shadowRoot.querySelector("#textarea").editorValue=(0,n.formatHTML)(await o.HAXStore.activeHaxBody.haxToContent()))}},{key:"contentToFile",value:async function contentToFile(e){var t=await o.HAXStore.activeHaxBody.haxToContent(),n=t;return e&&(n='\n        <!DOCTYPE html>\n        <html lang="en">\n          <head>\n            <meta charset="utf-8" />\n            <meta\n              name="viewport"\n              content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"\n            />\n            <title>hax-body demo</title>\n            <script>window.WCGlobalCDNPath="https://cdn.webcomponents.psu.edu/cdn/"; <\/script> <script src="https://cdn.webcomponents.psu.edu/cdn/build.js"><\/script> \n            <style>\n              body {\n                padding: 32px;\n              }\n            </style>\n          </head>\n          <body>\n          '.concat(t,"\n          </body>\n        </html>\n      ")),n}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(r.HaxComponentStyles),[(0,e.css)(_templateObject2_c57ec0301f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"hax-view-source"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(HaxViewSource),"properties",this),{globalPreferences:{type:Object},theme:{type:String}})}}]),HaxViewSource}();exports.HaxViewSource=c,window.customElements.define(c.tag,c);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PrintBranchMixin.js b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PrintBranchMixin.js
index 22c45c85dc0..4200493608f 100644
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PrintBranchMixin.js
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/utils/PrintBranchMixin.js
@@ -1,14 +1,16 @@
-import{html as t}from"../../../../../lit/index.js";import{store as i}from"../haxcms-site-store.js";import"../../../../hax-iconset/lib/simple-hax-iconset.js";import{b64toBlob as e}from"../../../../utils/utils.js";import{MicroFrontendRegistry as r}from"../../../../micro-frontend-registry/micro-frontend-registry.js";import{HAXCMSI18NMixin as o}from"./HAXCMSI18NMixin.js";import{toJS as n}from"../../../../../mobx/dist/mobx.esm.js";import{enableServices as s}from"../../../../micro-frontend-registry/lib/microServices.js";export const PrintBranchMixin=function(a){return class extends(o(a)){constructor(){super(),s(["haxcms"]),this.t=this.t||{},this.t={...this.t,printBranch:"Print Branch"}}PrintBranchButton(){return t`
-      ${r.has("@haxcms/siteToHtml")?t`
+import{html as t}from"../../../../../lit/index.js";import{store as i}from"../haxcms-site-store.js";import"../../../../hax-iconset/lib/simple-hax-iconset.js";import{b64toBlob as e}from"../../../../utils/utils.js";import{MicroFrontendRegistry as o}from"../../../../micro-frontend-registry/micro-frontend-registry.js";import{HAXCMSI18NMixin as r}from"./HAXCMSI18NMixin.js";import"../../../../simple-icon/lib/simple-icon-button-lite.js";import"../../../../simple-tooltip/simple-tooltip.js";import{toJS as n}from"../../../../../mobx/dist/mobx.esm.js";import{enableServices as s}from"../../../../micro-frontend-registry/lib/microServices.js";export const PrintBranchMixin=function(a){return class extends(r(a)){constructor(){super(),s(["haxcms"]),this.t=this.t||{},this.t={...this.t,print:"Print"}}PrintBranchButton(){return t`
+      ${o.has("@haxcms/siteToHtml")?t`
       <div class="print-branch-btn" part="${this.editMode?"edit-mode-active":""}">
         <simple-icon-button-lite
           part="print-branch-btn"
-          label="${this.t.printBranch}"
           icon="print"
           @click="${this.printBranchOfSite}"
-          show-text-label
           icon-position="top"
+          id="print-branch-btn"
         >
         </simple-icon-button-lite>
+        <simple-tooltip for="print-branch-btn">
+          ${this.t.print}
+        </simple-tooltip>
       </div>`:""}
-      `}async printBranchOfSite(t){let o=n(i.ancestorItem);var s="";document.querySelector("base")&&(s=document.querySelector("base").href);const a=n(i.manifest),c={type:"site",site:{file:s+"site.json",id:a.id,title:a.title,author:a.author,description:a.description,license:a.license,metadata:a.metadata,items:a.items},ancestor:o?o.id:n(i.activeId),link:s,magic:window.__appCDN,base:s},m=await r.call("@haxcms/siteToHtml",c);if(200==m.status&&m.data){const t=document.createElement("a");t.href=window.URL.createObjectURL(e(btoa(unescape(encodeURIComponent(m.data))),"text/html")),t.download=o?`${n(i.ancestorTitle)}.html`:`${n(i.activeTitle)}.html`,t.target="_blank",this.appendChild(t),t.click(),this.removeChild(t)}else window.open(window.location.href+"?format=print-page","","left=0,top=0,width=800,height=800,toolbar=0,scrollbars=0,status=0,noopener=1,noreferrer=1")}}};
\ No newline at end of file
+      `}async printBranchOfSite(t){var r="";document.querySelector("base")&&(r=document.querySelector("base").href);const s=n(i.manifest),a={type:"site",site:{file:r+"site.json",id:s.id,title:s.title,author:s.author,description:s.description,license:s.license,metadata:s.metadata,items:s.items},ancestor:n(i.activeId),link:r,magic:window.__appCDN,base:r},c=await o.call("@haxcms/siteToHtml",a);if(200==c.status&&c.data){const t=document.createElement("a");t.href=window.URL.createObjectURL(e(btoa(unescape(encodeURIComponent(c.data))),"text/html")),t.download=`${n(i.activeTitle)}.html`,t.target="_blank",this.appendChild(t),t.click(),this.removeChild(t)}else window.open(window.location.href+"?format=print-page","","left=0,top=0,width=800,height=800,toolbar=0,scrollbars=0,status=0,noopener=1,noreferrer=1")}}};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/package.json b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/package.json
index a93f084266d..082d692b955 100755
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/package.json
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/package.json
@@ -17,7 +17,7 @@
     },
     "sharedStyles": []
   },
-  "version": "4.0.30",
+  "version": "4.1.0",
   "description": "HAX CMS series of elements to provide a full on CMS",
   "repository": {
     "type": "git",
@@ -43,28 +43,28 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@lrnwebcomponents/anchor-behaviors": "^4.0.25",
-    "@lrnwebcomponents/beaker-broker": "^4.0.30",
-    "@lrnwebcomponents/clean-two": "^4.0.30",
-    "@lrnwebcomponents/editable-outline": "^4.0.30",
-    "@lrnwebcomponents/git-corner": "^4.0.30",
-    "@lrnwebcomponents/hax-body": "^4.0.30",
-    "@lrnwebcomponents/hax-body-behaviors": "^4.0.30",
-    "@lrnwebcomponents/json-outline-schema": "^4.0.30",
-    "@lrnwebcomponents/jwt-login": "^4.0.30",
-    "@lrnwebcomponents/license-element": "^4.0.30",
-    "@lrnwebcomponents/lunr-search": "^4.0.30",
-    "@lrnwebcomponents/map-menu": "^4.0.30",
+    "@lrnwebcomponents/beaker-broker": "^4.1.0",
+    "@lrnwebcomponents/clean-two": "^4.1.0",
+    "@lrnwebcomponents/editable-outline": "^4.1.0",
+    "@lrnwebcomponents/git-corner": "^4.1.0",
+    "@lrnwebcomponents/hax-body": "^4.1.0",
+    "@lrnwebcomponents/hax-body-behaviors": "^4.1.0",
+    "@lrnwebcomponents/json-outline-schema": "^4.1.0",
+    "@lrnwebcomponents/jwt-login": "^4.1.0",
+    "@lrnwebcomponents/license-element": "^4.1.0",
+    "@lrnwebcomponents/lunr-search": "^4.1.0",
+    "@lrnwebcomponents/map-menu": "^4.1.0",
     "@lrnwebcomponents/portal-launcher": "^4.0.25",
-    "@lrnwebcomponents/schema-behaviors": "^4.0.30",
-    "@lrnwebcomponents/simple-colors": "^4.0.30",
-    "@lrnwebcomponents/simple-datetime": "^4.0.30",
-    "@lrnwebcomponents/simple-fields": "^4.0.30",
-    "@lrnwebcomponents/simple-icon": "^4.0.30",
-    "@lrnwebcomponents/simple-icon-picker": "^4.0.30",
-    "@lrnwebcomponents/simple-login": "^4.0.30",
-    "@lrnwebcomponents/simple-picker": "^4.0.30",
-    "@lrnwebcomponents/simple-toast": "^4.0.30",
-    "@lrnwebcomponents/simple-tooltip": "^4.0.30",
+    "@lrnwebcomponents/schema-behaviors": "^4.1.0",
+    "@lrnwebcomponents/simple-colors": "^4.1.0",
+    "@lrnwebcomponents/simple-datetime": "^4.1.0",
+    "@lrnwebcomponents/simple-fields": "^4.1.0",
+    "@lrnwebcomponents/simple-icon": "^4.1.0",
+    "@lrnwebcomponents/simple-icon-picker": "^4.1.0",
+    "@lrnwebcomponents/simple-login": "^4.1.0",
+    "@lrnwebcomponents/simple-picker": "^4.1.0",
+    "@lrnwebcomponents/simple-toast": "^4.1.0",
+    "@lrnwebcomponents/simple-tooltip": "^4.1.0",
     "@polymer/app-layout": "^3.0.2",
     "@polymer/iron-ajax": "^3.0.1",
     "@polymer/iron-list": "^3.0.2",
@@ -79,7 +79,7 @@
   },
   "devDependencies": {
     "@lrnwebcomponents/deduping-fix": "^4.0.0",
-    "@lrnwebcomponents/storybook-utilities": "^4.0.30",
+    "@lrnwebcomponents/storybook-utilities": "^4.1.0",
     "@open-wc/testing": "3.0.4",
     "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
     "@polymer/iron-demo-helpers": "3.1.0",
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-button.dev.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-button.dev.js
index c90ead2954c..bc1334bcfe8 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-button.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-button.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextToolbarStyles=exports.RichTextStyles=exports.RichTextEditorButtonBehaviors=exports.RichTextEditorButton=void 0;var t=require("lit"),e=require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),o=require("@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-range-behaviors.js");require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");require("@lrnwebcomponents/simple-toolbar/simple-toolbar");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function ownKeys(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,r)}return o}function _defineProperty(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,o=new Array(t.length);e<t.length;e++)o[e]=t[e];return o}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _defineProperties(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _createClass(t,e,o){return e&&_defineProperties(t.prototype,e),o&&_defineProperties(t,o),t}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,o){var r=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(r){var n=Object.getOwnPropertyDescriptor(r,e);return n.get?n.get.call(o):n.value}},_get(t,e,o||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _templateObject2_04eb07901f0611ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(['\n    :host {\n      --simple-toolbar-border-color: var(--rich-text-editor-border-color, #ddd);\n      --simple-toolbar-border-width: var(--rich-text-editor-border-width, 1px);\n      --simple-toolbar-button-opacity: var(\n        --rich-text-editor-button-opacity,\n        1\n      );\n      --simple-toolbar-button-color: var(--rich-text-editor-button-color, #444);\n      --simple-toolbar-button-bg: var(--rich-text-editor-button-bg, #ffffff);\n      --simple-toolbar-button-border-color: var(\n        --rich-text-editor-button-border-color,\n        transparent\n      );\n      --simple-toolbar-button-toggled-opacity: var(\n        --rich-text-editor-button-toggled-opacity,\n        1\n      );\n      --simple-toolbar-button-toggled-color: var(\n        --rich-text-editor-button-toggled-color,\n        #222\n      );\n      --simple-toolbar-button-toggled-bg: var(\n        --rich-text-editor-button-toggled-bg,\n        #ddd\n      );\n      --simple-toolbar-button-toggled-border-color: var(\n        --rich-text-editor-button-toggled-border-color,\n        transparent\n      );\n      --simple-toolbar-button-hover-opacity: var(\n        --rich-text-editor-button-hover-opacity,\n        1\n      );\n      --simple-toolbar-button-hover-color: var(\n        --rich-text-editor-button-hover-color,\n        #000\n      );\n      --simple-toolbar-button-hover-bg: var(\n        --rich-text-editor-button-hover-bg,\n        #f0f0f0\n      );\n      --simple-toolbar-button-hover-border-color: var(\n        --rich-text-editor-button-hover-border-color,\n        unset\n      );\n      --simple-toolbar-button-disabled-opacity: var(\n        --rich-text-editor-button-disabled-opacity,\n        1\n      );\n      --simple-toolbar-button-disabled-color: var(\n        --rich-text-editor-button-disabled-color,\n        #666\n      );\n      --simple-toolbar-button-disabled-bg: var(\n        --rich-text-editor-button-disabled-bg,\n        transparent\n      );\n      --simple-toolbar-button-disabled-border-color: var(\n        --rich-text-editor-button-disabled-border-color,\n        transparent\n      );\n    }\n    button[part="button"] {\n      border-radius: var(--rich-text-editor-button-disabled-border-radius, 0px);\n    }\n  ']);return _templateObject2_04eb07901f0611ed8cc3e9a95995ad69=function _templateObject2_04eb07901f0611ed8cc3e9a95995ad69(){return t},t}function _templateObject_04eb07901f0611ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(["\n    :host {\n      --simple-toolbar-border-color: var(--rich-text-editor-border-color, #ddd);\n      --simple-toolbar-border-width: var(--rich-text-editor-border-width, 1px);\n      --simple-toolbar-button-bg: var(--rich-text-editor-bg, #ffffff);\n      --simple-fields-focus-color: var(--rich-text-editor-focus-color, blue);\n      --simple-fields-invalid-color: var(--rich-text-editor-error-color, #800);\n    }\n  "]);return _templateObject_04eb07901f0611ed8cc3e9a95995ad69=function _templateObject_04eb07901f0611ed8cc3e9a95995ad69(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var r=[(0,t.css)(_templateObject_04eb07901f0611ed8cc3e9a95995ad69())];exports.RichTextStyles=r;var n=[].concat(r,[(0,t.css)(_templateObject2_04eb07901f0611ed8cc3e9a95995ad69())]);exports.RichTextToolbarStyles=n;var i=function RichTextEditorButtonBehaviors(t){return function(t){function _class(){var t;return _classCallCheck(this,_class),(t=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).tagsList="",t}return _inherits(_class,t),_createClass(_class,[{key:"render",value:function render(){return _get(_getPrototypeOf(_class.prototype),"render",this).call(this)}}],[{key:"tag",get:function get(){return"rich-text-editor-button"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)),_toConsumableArray(n))}},{key:"properties",get:function get(){return function _objectSpread(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(o,!0).forEach((function(e){_defineProperty(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}({},_get(_getPrototypeOf(_class),"properties",this),{disabled:{type:Boolean,reflect:!0,attribute:"disabled"},command:{type:String,reflect:!0,attribute:"command"},commandVal:{attribute:"command-val",type:Object},tagsList:{type:String},target:{type:Object},toggledCommand:{attribute:"toggled-command",type:String,reflect:!0},toggledCommandVal:{attribute:"toggled-command-val",type:Object},selectedNode:{type:Object},selectionAncestors:{type:Array}})}}]),_createClass(_class,[{key:"firstUpdated",value:function firstUpdated(t){_get(_getPrototypeOf(_class.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,t)}},{key:"updated",value:function updated(t){var e=this;_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,t),t.forEach((function(t,o){"controls"===o&&e._editorChanged(e.controls,t),"range"===o&&e._rangeChanged(e.range,t),["shortcutKeys","tagsList","tagClickCallback"].includes(o)&&e.updateButtonRegistry()})),"rich-text-editor-heading-picker"===this.tag&&console.log("disabled",this,this.disabled)}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this)}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this)}},{key:"commandCallback",value:function commandCallback(t,e,o){}},{key:"tagClickCallback",value:function tagClickCallback(t){}},{key:"wrapSelection",value:function wrapSelection(t){this.dispatchEvent(new CustomEvent("wrapselection",{bubbles:!0,composed:!0,cancelable:!0,detail:t}))}},{key:"sendCommand",value:function sendCommand(t){this._handleCommand(this.operationCommand,this.operationCommandVal,this.range),this.commandCallback&&this.commandCallback(this.target,this.__toolbar,this),this.dispatchEvent(new CustomEvent("command",{bubbles:!0,cancelable:!0,composed:!0,detail:{command:this.operationCommand,commandVal:this.operationCommandVal,range:this.range,button:this}}))}},{key:"setRange",value:function setRange(){if(this.tagsList&&""!==this.tagsList){var t=this.rangeOrMatchingAncestor();t&&this.selectNode(t)}}},{key:"_handleClick",value:function _handleClick(t){t.preventDefault(),this.sendCommand(t)}},{key:"_editorChanged",value:function _editorChanged(t,e){}},{key:"_getSelection",value:function _getSelection(){return"formatBlock"===this.command?this.rangeOrMatchingAncestor():this._getSelectedHtml()}},{key:"_getSelectedHtml",value:function _getSelectedHtml(){if(this.range){var t,e=document.createElement("div"),o=this.range.cloneContents();return e.appendChild(o),t=e.innerHTML,e.remove(),t?t.trim():void 0}}},{key:"_getSelectedTag",value:function _getSelectedTag(){var t=this.rangeOrMatchingAncestor();return!(!t||!t.tagName)&&t.tagName.toLowerCase()}},{key:"_getSelectionType",value:function _getSelectionType(){return"formatBlock"===this.command?this._getSelectedTag():this._getSelectedHtml()}},{key:"_rangeChanged",value:function _rangeChanged(t,e){}},{key:"isToggled",get:function get(){return this.commandIsToggled}},{key:"operationCommand",get:function get(){return this.isToggled&&this.toggledCommand?this.toggledCommand:this.command}},{key:"operationCommandVal",get:function get(){return this.isToggled&&this.toggledCommand?this.toggledCommandVal||"":this.commandVal}},{key:"tagsArray",get:function get(){return(this.tagsList||"").replace(/\s*/g,"").toLowerCase().split(",")}}]),_class}((0,o.RichTextEditorRangeBehaviors)((0,e.SimpleToolbarButtonBehaviors)(t)))};exports.RichTextEditorButtonBehaviors=i;var a=function(e){function RichTextEditorButton(){return _classCallCheck(this,RichTextEditorButton),_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorButton).apply(this,arguments))}return _inherits(RichTextEditorButton,i(t.LitElement)),RichTextEditorButton}();exports.RichTextEditorButton=a,window.customElements.define(a.tag,a);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextToolbarStyles=exports.RichTextStyles=exports.RichTextEditorButtonBehaviors=exports.RichTextEditorButton=void 0;var t=require("lit"),e=require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),o=require("@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-range-behaviors.js");require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js"),require("@lrnwebcomponents/hax-iconset/lib/simple-hax-iconset.js");require("@lrnwebcomponents/simple-toolbar/simple-toolbar");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function ownKeys(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,r)}return o}function _defineProperty(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,o=new Array(t.length);e<t.length;e++)o[e]=t[e];return o}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _defineProperties(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _createClass(t,e,o){return e&&_defineProperties(t.prototype,e),o&&_defineProperties(t,o),t}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,o){var r=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(r){var n=Object.getOwnPropertyDescriptor(r,e);return n.get?n.get.call(o):n.value}},_get(t,e,o||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _templateObject2_dbb258301f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['\n    :host {\n      --simple-toolbar-border-color: var(--rich-text-editor-border-color, #ddd);\n      --simple-toolbar-border-width: var(--rich-text-editor-border-width, 1px);\n      --simple-toolbar-button-opacity: var(\n        --rich-text-editor-button-opacity,\n        1\n      );\n      --simple-toolbar-button-color: var(--rich-text-editor-button-color, #444);\n      --simple-toolbar-button-bg: var(--rich-text-editor-button-bg, #ffffff);\n      --simple-toolbar-button-border-color: var(\n        --rich-text-editor-button-border-color,\n        transparent\n      );\n      --simple-toolbar-button-toggled-opacity: var(\n        --rich-text-editor-button-toggled-opacity,\n        1\n      );\n      --simple-toolbar-button-toggled-color: var(\n        --rich-text-editor-button-toggled-color,\n        #222\n      );\n      --simple-toolbar-button-toggled-bg: var(\n        --rich-text-editor-button-toggled-bg,\n        #ddd\n      );\n      --simple-toolbar-button-toggled-border-color: var(\n        --rich-text-editor-button-toggled-border-color,\n        transparent\n      );\n      --simple-toolbar-button-hover-opacity: var(\n        --rich-text-editor-button-hover-opacity,\n        1\n      );\n      --simple-toolbar-button-hover-color: var(\n        --rich-text-editor-button-hover-color,\n        #000\n      );\n      --simple-toolbar-button-hover-bg: var(\n        --rich-text-editor-button-hover-bg,\n        #f0f0f0\n      );\n      --simple-toolbar-button-hover-border-color: var(\n        --rich-text-editor-button-hover-border-color,\n        unset\n      );\n      --simple-toolbar-button-disabled-opacity: var(\n        --rich-text-editor-button-disabled-opacity,\n        1\n      );\n      --simple-toolbar-button-disabled-color: var(\n        --rich-text-editor-button-disabled-color,\n        #666\n      );\n      --simple-toolbar-button-disabled-bg: var(\n        --rich-text-editor-button-disabled-bg,\n        transparent\n      );\n      --simple-toolbar-button-disabled-border-color: var(\n        --rich-text-editor-button-disabled-border-color,\n        transparent\n      );\n    }\n    button[part="button"] {\n      border-radius: var(--rich-text-editor-button-disabled-border-radius, 0px);\n    }\n  ']);return _templateObject2_dbb258301f2611eda0c389891c227ec8=function _templateObject2_dbb258301f2611eda0c389891c227ec8(){return t},t}function _templateObject_dbb258301f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["\n    :host {\n      --simple-toolbar-border-color: var(--rich-text-editor-border-color, #ddd);\n      --simple-toolbar-border-width: var(--rich-text-editor-border-width, 1px);\n      --simple-toolbar-button-bg: var(--rich-text-editor-bg, #ffffff);\n      --simple-fields-focus-color: var(--rich-text-editor-focus-color, blue);\n      --simple-fields-invalid-color: var(--rich-text-editor-error-color, #800);\n    }\n  "]);return _templateObject_dbb258301f2611eda0c389891c227ec8=function _templateObject_dbb258301f2611eda0c389891c227ec8(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var r=[(0,t.css)(_templateObject_dbb258301f2611eda0c389891c227ec8())];exports.RichTextStyles=r;var n=[].concat(r,[(0,t.css)(_templateObject2_dbb258301f2611eda0c389891c227ec8())]);exports.RichTextToolbarStyles=n;var i=function RichTextEditorButtonBehaviors(t){return function(t){function _class(){var t;return _classCallCheck(this,_class),(t=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).tagsList="",t}return _inherits(_class,t),_createClass(_class,[{key:"render",value:function render(){return _get(_getPrototypeOf(_class.prototype),"render",this).call(this)}}],[{key:"tag",get:function get(){return"rich-text-editor-button"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)),_toConsumableArray(n))}},{key:"properties",get:function get(){return function _objectSpread(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(o,!0).forEach((function(e){_defineProperty(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}({},_get(_getPrototypeOf(_class),"properties",this),{disabled:{type:Boolean,reflect:!0,attribute:"disabled"},command:{type:String,reflect:!0,attribute:"command"},commandVal:{attribute:"command-val",type:Object},tagsList:{type:String},target:{type:Object},toggledCommand:{attribute:"toggled-command",type:String,reflect:!0},toggledCommandVal:{attribute:"toggled-command-val",type:Object},selectedNode:{type:Object},selectionAncestors:{type:Array}})}}]),_createClass(_class,[{key:"firstUpdated",value:function firstUpdated(t){_get(_getPrototypeOf(_class.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,t)}},{key:"updated",value:function updated(t){var e=this;_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,t),t.forEach((function(t,o){"controls"===o&&e._editorChanged(e.controls,t),"range"===o&&e._rangeChanged(e.range,t),["shortcutKeys","tagsList","tagClickCallback"].includes(o)&&e.updateButtonRegistry()})),"rich-text-editor-heading-picker"===this.tag&&console.log("disabled",this,this.disabled)}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this)}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this)}},{key:"commandCallback",value:function commandCallback(t,e,o){}},{key:"tagClickCallback",value:function tagClickCallback(t){}},{key:"wrapSelection",value:function wrapSelection(t){this.dispatchEvent(new CustomEvent("wrapselection",{bubbles:!0,composed:!0,cancelable:!0,detail:t}))}},{key:"sendCommand",value:function sendCommand(t){this._handleCommand(this.operationCommand,this.operationCommandVal,this.range),this.commandCallback&&this.commandCallback(this.target,this.__toolbar,this),this.dispatchEvent(new CustomEvent("command",{bubbles:!0,cancelable:!0,composed:!0,detail:{command:this.operationCommand,commandVal:this.operationCommandVal,range:this.range,button:this}}))}},{key:"setRange",value:function setRange(){if(this.tagsList&&""!==this.tagsList){var t=this.rangeOrMatchingAncestor();t&&this.selectNode(t)}}},{key:"_handleClick",value:function _handleClick(t){t.preventDefault(),this.sendCommand(t)}},{key:"_editorChanged",value:function _editorChanged(t,e){}},{key:"_getSelection",value:function _getSelection(){return"formatBlock"===this.command?this.rangeOrMatchingAncestor():this._getSelectedHtml()}},{key:"_getSelectedHtml",value:function _getSelectedHtml(){if(this.range){var t,e=document.createElement("div"),o=this.range.cloneContents();return e.appendChild(o),t=e.innerHTML,e.remove(),t?t.trim():void 0}}},{key:"_getSelectedTag",value:function _getSelectedTag(){var t=this.rangeOrMatchingAncestor();return!(!t||!t.tagName)&&t.tagName.toLowerCase()}},{key:"_getSelectionType",value:function _getSelectionType(){return"formatBlock"===this.command?this._getSelectedTag():this._getSelectedHtml()}},{key:"_rangeChanged",value:function _rangeChanged(t,e){}},{key:"isToggled",get:function get(){return this.commandIsToggled}},{key:"operationCommand",get:function get(){return this.isToggled&&this.toggledCommand?this.toggledCommand:this.command}},{key:"operationCommandVal",get:function get(){return this.isToggled&&this.toggledCommand?this.toggledCommandVal||"":this.commandVal}},{key:"tagsArray",get:function get(){return(this.tagsList||"").replace(/\s*/g,"").toLowerCase().split(",")}}]),_class}((0,o.RichTextEditorRangeBehaviors)((0,e.SimpleToolbarButtonBehaviors)(t)))};exports.RichTextEditorButtonBehaviors=i;var a=function(e){function RichTextEditorButton(){return _classCallCheck(this,RichTextEditorButton),_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorButton).apply(this,arguments))}return _inherits(RichTextEditorButton,i(t.LitElement)),RichTextEditorButton}();exports.RichTextEditorButton=a,window.customElements.define(a.tag,a);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-emoji-picker.dev.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-emoji-picker.dev.js
index ff6c7170dc2..1843d124071 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-emoji-picker.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-emoji-picker.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorEmojiPicker=void 0;var e=require("lit"),t=require("./rich-text-editor-picker.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_04ed03601f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([""]);return _templateObject2_04ed03601f0611ed8cc3e9a95995ad69=function _templateObject2_04ed03601f0611ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_04ed03601f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <simple-emoji-picker\n        id="button"\n        ?allow-null="','"\n        class="rtebutton ',"-label ",'"\n        .controls="','"\n        ?disabled="','"\n        .emoji-types="','"\n        @keydown="','"\n        .label="','"\n        @mouseover="','"\n        tabindex="0"\n        title-as-html\n        ?toggled="','"\n        @value-changed="','"\n      >\n      </simple-emoji-picker>\n      ',"\n    "]);return _templateObject_04ed03601f0611ed8cc3e9a95995ad69=function _templateObject_04ed03601f0611ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var i=Object.getOwnPropertyDescriptor(o,t);return i.get?i.get.call(r):i.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-picker/lib/simple-emoji-picker.js");var r=function(r){function RichTextEditorEmojiPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorEmojiPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorEmojiPicker).call(this))).emojiTypes=["emotions","people","nature","food","travel","activities","objects","symbols","flags"],e.icon="editor:insert-emoticon",e.label="Insert emoji",e.command="insertHTML",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorEmojiPicker,(0,t.RichTextEditorPickerBehaviors)(e.LitElement)),_createClass(RichTextEditorEmojiPicker,[{key:"render",value:function render(){return(0,e.html)(_templateObject_04ed03601f0611ed8cc3e9a95995ad69(),this.allowNull,this.labelVisibleClass,this.toggled?"toggled":"",_get(_getPrototypeOf(RichTextEditorEmojiPicker.prototype),"controls",this),this.disabled,this.emojiTypes,this._pickerFocus,this.currentLabel,this._pickerFocus,this.toggled,this._pickerChange,_get(_getPrototypeOf(RichTextEditorEmojiPicker.prototype),"tooltipTemplate",this))}}],[{key:"tag",get:function get(){return"rich-text-editor-emoji-picker"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(RichTextEditorEmojiPicker),"styles",this)),[(0,e.css)(_templateObject2_04ed03601f0611ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(RichTextEditorEmojiPicker),"properties",this),{emojiTypes:{name:"emojiTypes",type:Array,attribute:"emoji-types"}})}}]),_createClass(RichTextEditorEmojiPicker,[{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(RichTextEditorEmojiPicker.prototype),"updated",this).call(this,e),e.forEach((function(e,r){"titleAsHtml"!==r||t.titleAsHtml||(t.titleAsHtml=!0)}))}},{key:"_setOptions",value:function _setOptions(){}}]),RichTextEditorEmojiPicker}();exports.RichTextEditorEmojiPicker=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorEmojiPicker=void 0;var e=require("lit"),t=require("./rich-text-editor-picker.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_dbb342901f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([""]);return _templateObject2_dbb342901f2611eda0c389891c227ec8=function _templateObject2_dbb342901f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_dbb342901f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <simple-emoji-picker\n        id="button"\n        ?allow-null="','"\n        class="rtebutton ',"-label ",'"\n        .controls="','"\n        ?disabled="','"\n        .emoji-types="','"\n        @keydown="','"\n        .label="','"\n        @mouseover="','"\n        tabindex="0"\n        title-as-html\n        ?toggled="','"\n        @value-changed="','"\n      >\n      </simple-emoji-picker>\n      ',"\n    "]);return _templateObject_dbb342901f2611eda0c389891c227ec8=function _templateObject_dbb342901f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var i=Object.getOwnPropertyDescriptor(o,t);return i.get?i.get.call(r):i.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-picker/lib/simple-emoji-picker.js");var r=function(r){function RichTextEditorEmojiPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorEmojiPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorEmojiPicker).call(this))).emojiTypes=["emotions","people","nature","food","travel","activities","objects","symbols","flags"],e.icon="editor:insert-emoticon",e.label="Insert emoji",e.command="insertHTML",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorEmojiPicker,(0,t.RichTextEditorPickerBehaviors)(e.LitElement)),_createClass(RichTextEditorEmojiPicker,[{key:"render",value:function render(){return(0,e.html)(_templateObject_dbb342901f2611eda0c389891c227ec8(),this.allowNull,this.labelVisibleClass,this.toggled?"toggled":"",_get(_getPrototypeOf(RichTextEditorEmojiPicker.prototype),"controls",this),this.disabled,this.emojiTypes,this._pickerFocus,this.currentLabel,this._pickerFocus,this.toggled,this._pickerChange,_get(_getPrototypeOf(RichTextEditorEmojiPicker.prototype),"tooltipTemplate",this))}}],[{key:"tag",get:function get(){return"rich-text-editor-emoji-picker"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(RichTextEditorEmojiPicker),"styles",this)),[(0,e.css)(_templateObject2_dbb342901f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(RichTextEditorEmojiPicker),"properties",this),{emojiTypes:{name:"emojiTypes",type:Array,attribute:"emoji-types"}})}}]),_createClass(RichTextEditorEmojiPicker,[{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(RichTextEditorEmojiPicker.prototype),"updated",this).call(this,e),e.forEach((function(e,r){"titleAsHtml"!==r||t.titleAsHtml||(t.titleAsHtml=!0)}))}},{key:"_setOptions",value:function _setOptions(){}}]),RichTextEditorEmojiPicker}();exports.RichTextEditorEmojiPicker=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-icon-picker.dev.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-icon-picker.dev.js
index e3529df9ac9..3379efddc1b 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-icon-picker.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-icon-picker.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorIconPicker=void 0;var e=require("lit-element/lit-element.js"),t=require("./rich-text-editor-picker.js"),r=require("@lrnwebcomponents/simple-icon-picker/simple-icon-picker.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_04ef4d501f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        #button.show-label::part(label) {\n          padding: 0;\n          margin-right: 0;\n          margin-left: 4px;\n        }\n        #button.show-label::part(sample) {\n          min-height: var(--simple-picker-option-size, 24px);\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n        #button.show-label::part(sample-option) {\n          display: none;\n        }\n      "]);return _templateObject2_04ef4d501f0611ed8cc3e9a95995ad69=function _templateObject2_04ef4d501f0611ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_04ef4d501f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <simple-icon-picker\n        id="button"\n        ?allow-null="','"\n        class="rtebutton ',"-label ",'"\n        .controls="','"\n        ?disabled="','"\n        .icons="','"\n        .excludes="','"\n        .includeSets="','"\n        .excludeSets="','"\n        @keydown="','"\n        .label="','"\n        @mouseover="','"\n        tabindex="0"\n        ?toggled="','"\n        @value-changed="','"\n      >\n      </simple-icon-picker>\n      ',"\n    "]);return _templateObject_04ef4d501f0611ed8cc3e9a95995ad69=function _templateObject_04ef4d501f0611ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var n=function(n){function RichTextEditorIconPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorIconPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorIconPicker).call(this))).icon=void 0,e.icons=[],e.excludes=[],e.includeSets=[],e.excludeSets=[],e.label="Insert icon",e.command="insertHTML",e.tagsList="simple-icon-lite",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorIconPicker,(0,t.RichTextEditorPickerBehaviors)(e.LitElement)),_createClass(RichTextEditorIconPicker,[{key:"render",value:function render(){return(0,e.html)(_templateObject_04ef4d501f0611ed8cc3e9a95995ad69(),this.allowNull,this.labelVisibleClass,this.toggled?"toggled":"",_get(_getPrototypeOf(RichTextEditorIconPicker.prototype),"controls",this),this.disabled,this.icons,this.excludes,this.includeSets,this.excludeSets,this._pickerFocus,this.currentLabel,this._pickerFocus,this.toggled,this._pickerChange,_get(_getPrototypeOf(RichTextEditorIconPicker.prototype),"tooltipTemplate",this))}}],[{key:"tag",get:function get(){return"rich-text-editor-icon-picker"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(RichTextEditorIconPicker),"styles",this)),[(0,e.css)(_templateObject2_04ef4d501f0611ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(RichTextEditorIconPicker),"properties",this),{},r.SimpleIconPicker.properties)}}]),_createClass(RichTextEditorIconPicker,[{key:"_pickerChange",value:function _pickerChange(e){var t=this._getSelectionType()||"";this.__highlight.parentNode;this.commandVal=e.detail.value?'<simple-icon-lite icon="'.concat(e.detail.value,'"></simple-icon-lite>'):"",this.range&&t!==this.commandVal&&this.sendCommand()}},{key:"_setOptions",value:function _setOptions(){}}]),RichTextEditorIconPicker}();exports.RichTextEditorIconPicker=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorIconPicker=void 0;var e=require("lit-element/lit-element.js"),t=require("./rich-text-editor-picker.js"),r=require("@lrnwebcomponents/simple-icon-picker/simple-icon-picker.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_dbb628c01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        #button.show-label::part(label) {\n          padding: 0;\n          margin-right: 0;\n          margin-left: 4px;\n        }\n        #button.show-label::part(sample) {\n          min-height: var(--simple-picker-option-size, 24px);\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n        #button.show-label::part(sample-option) {\n          display: none;\n        }\n      "]);return _templateObject2_dbb628c01f2611eda0c389891c227ec8=function _templateObject2_dbb628c01f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_dbb628c01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <simple-icon-picker\n        id="button"\n        ?allow-null="','"\n        class="rtebutton ',"-label ",'"\n        .controls="','"\n        ?disabled="','"\n        .icons="','"\n        .excludes="','"\n        .includeSets="','"\n        .excludeSets="','"\n        @keydown="','"\n        .label="','"\n        @mouseover="','"\n        tabindex="0"\n        ?toggled="','"\n        @value-changed="','"\n      >\n      </simple-icon-picker>\n      ',"\n    "]);return _templateObject_dbb628c01f2611eda0c389891c227ec8=function _templateObject_dbb628c01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var n=function(n){function RichTextEditorIconPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorIconPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorIconPicker).call(this))).icon=void 0,e.icons=[],e.excludes=[],e.includeSets=[],e.excludeSets=[],e.label="Insert icon",e.command="insertHTML",e.tagsList="simple-icon-lite",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorIconPicker,(0,t.RichTextEditorPickerBehaviors)(e.LitElement)),_createClass(RichTextEditorIconPicker,[{key:"render",value:function render(){return(0,e.html)(_templateObject_dbb628c01f2611eda0c389891c227ec8(),this.allowNull,this.labelVisibleClass,this.toggled?"toggled":"",_get(_getPrototypeOf(RichTextEditorIconPicker.prototype),"controls",this),this.disabled,this.icons,this.excludes,this.includeSets,this.excludeSets,this._pickerFocus,this.currentLabel,this._pickerFocus,this.toggled,this._pickerChange,_get(_getPrototypeOf(RichTextEditorIconPicker.prototype),"tooltipTemplate",this))}}],[{key:"tag",get:function get(){return"rich-text-editor-icon-picker"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(RichTextEditorIconPicker),"styles",this)),[(0,e.css)(_templateObject2_dbb628c01f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(RichTextEditorIconPicker),"properties",this),{},r.SimpleIconPicker.properties)}}]),_createClass(RichTextEditorIconPicker,[{key:"_pickerChange",value:function _pickerChange(e){var t=this._getSelectionType()||"";this.__highlight.parentNode;this.commandVal=e.detail.value?'<simple-icon-lite icon="'.concat(e.detail.value,'"></simple-icon-lite>'):"",this.range&&t!==this.commandVal&&this.sendCommand()}},{key:"_setOptions",value:function _setOptions(){}}]),RichTextEditorIconPicker}();exports.RichTextEditorIconPicker=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-picker.dev.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-picker.dev.js
index a4222e7a2f7..f372977c7a8 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-picker.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-picker.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorPickerBehaviors=exports.RichTextEditorPicker=void 0;var e=require("lit"),t=require("./rich-text-editor-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_04f567d01f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          :host {\n            align-items: center;\n            --simple-picker-background-color: var(--simple-toolbar-button-bg);\n            --simple-picker-color-active: var(\n              --simple-toolbar-button-hover-color\n            );\n            --simple-picker-background-color-active: var(\n              --simple-toolbar-button-hover-bg\n            );\n            --simple-picker-color-disabled: var(\n              --simple-toolbar-button-disabled-color\n            );\n            --simple-picker-background-color-disabled: var(\n              --simple-toolbar-button-disabled-bg\n            );\n            --simple-picker-border-radius: 0px;\n            --simple-picker-border-width: 0px;\n            --simple-picker-option-size: calc(\n              24px - 2 * var(--simple-picker-sample-padding, 2px)\n            );\n            --simple-picker-icon-size: 16px;\n            --simple-picker-options-border-width: 1px;\n            --simple-picker-options-border: var(\n                --simple-picker-options-border-width,\n                1px\n              )\n              solid\n              var(\n                --simple-toolbar-border-color,\n                var(--rich-text-editor-border-color, #ddd)\n              );\n          }\n          #button {\n            margin-top: 0;\n            margin-bottom: 0;\n          }\n          #button.hide-label::part(label) {\n            position: absolute;\n            left: -999999px;\n            top: 0;\n            width: 0px;\n            height: 0px;\n            overflow: hidden;\n          }\n        "]);return _templateObject2_04f567d01f0611ed8cc3e9a95995ad69=function _templateObject2_04f567d01f0611ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_04f567d01f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <simple-picker\n          id="button"\n          ?allow-null="','"\n          class="rtebutton ',"-label ",'"\n          ?disabled="','"\n          ?hide-null-option="','"\n          .controls="','"\n          .options="','"\n          @mouseover="','"\n          @keydown="','"\n          .label="','"\n          @value-changed="','"\n          tabindex="0"\n          ?title-as-html="','"\n          .value="','"\n        >\n        </simple-picker>\n        ',"\n      "]);return _templateObject_04f567d01f0611ed8cc3e9a95995ad69=function _templateObject_04f567d01f0611ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-picker/simple-picker.js");var r=function RichTextEditorPickerBehaviors(r){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).allowNull=!1,e.command="insertHTML",e.label="Insert link",e.titleAsHtml=!1,e.value=null,e}return _inherits(_class,t),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject_04f567d01f0611ed8cc3e9a95995ad69(),this.allowNull,this.labelVisibleClass,this.toggled?"toggled":"",this.disabled,this.hideNullOption,_get(_getPrototypeOf(_class.prototype),"controls",this),this.options,this._pickerFocus,this._pickerFocus,this.currentLabel,this._pickerChange,this.titleAsHtml,this.value,_get(_getPrototypeOf(_class.prototype),"tooltipTemplate",this))}}],[{key:"tag",get:function get(){return"rich-text-editor-picker"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)),[(0,e.css)(_templateObject2_04f567d01f0611ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{allowNull:{type:Boolean},disabled:{type:Boolean,reflect:!0,attribute:"disabled"},command:{type:String},hideNullOption:{type:Boolean},icon:{type:String,reflect:!0},titleAsHtml:{type:Boolean},value:{type:Object}})}}]),_createClass(_class,[{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,e),this._setOptions()}},{key:"_pickerFocus",value:function _pickerFocus(e){e.preventDefault()}},{key:"_rangeChanged",value:function _rangeChanged(){this._setRangeValue(),_get(_getPrototypeOf(_class.prototype),"_rangeChanged",this).call(this)}},{key:"_setRangeValue",value:function _setRangeValue(){var e=this._getSelection();this.shadowRoot&&(this.tagsArray.includes(e)?this.shadowRoot.querySelector("#button").value=e:this.range&&!this.range.collapsed||(this.shadowRoot.querySelector("#button").value=void 0))}},{key:"_setOptions",value:function _setOptions(){return this.options=this._setPickerOptions()}},{key:"_setPickerOptions",value:function _setPickerOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options||[],t=[],r=Math.sqrt(e.length)<11?Math.ceil(Math.sqrt(e.length)):10;return e.forEach((function(e,o){var n=Math.floor(o/r),i=o-n*r;t[n]||(t[n]=[]),t[n][i]=e})),t}},{key:"_pickerChange",value:function _pickerChange(e){var t=this._getSelectionType()||"";this.__highlight.parentNode;this.commandVal=e.detail.value||"",this.range&&t!==this.commandVal&&this.sendCommand()}},{key:"isToggled",get:function get(){return!1}},{key:"labelVisibleClass",get:function get(){return this.icon?"hide":"show"}}]),_class}((0,t.RichTextEditorButtonBehaviors)(r))};exports.RichTextEditorPickerBehaviors=r;var o=function(t){function RichTextEditorPicker(){return _classCallCheck(this,RichTextEditorPicker),_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorPicker).apply(this,arguments))}return _inherits(RichTextEditorPicker,r(e.LitElement)),RichTextEditorPicker}();exports.RichTextEditorPicker=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorPickerBehaviors=exports.RichTextEditorPicker=void 0;var e=require("lit"),t=require("./rich-text-editor-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_dbcf2f001f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          :host {\n            align-items: center;\n            --simple-picker-background-color: var(--simple-toolbar-button-bg);\n            --simple-picker-color-active: var(\n              --simple-toolbar-button-hover-color\n            );\n            --simple-picker-background-color-active: var(\n              --simple-toolbar-button-hover-bg\n            );\n            --simple-picker-color-disabled: var(\n              --simple-toolbar-button-disabled-color\n            );\n            --simple-picker-background-color-disabled: var(\n              --simple-toolbar-button-disabled-bg\n            );\n            --simple-picker-border-radius: 0px;\n            --simple-picker-border-width: 0px;\n            --simple-picker-option-size: calc(\n              24px - 2 * var(--simple-picker-sample-padding, 2px)\n            );\n            --simple-picker-icon-size: 16px;\n            --simple-picker-options-border-width: 1px;\n            --simple-picker-options-border: var(\n                --simple-picker-options-border-width,\n                1px\n              )\n              solid\n              var(\n                --simple-toolbar-border-color,\n                var(--rich-text-editor-border-color, #ddd)\n              );\n          }\n          #button {\n            margin-top: 0;\n            margin-bottom: 0;\n          }\n          #button.hide-label::part(label) {\n            position: absolute;\n            left: -999999px;\n            top: 0;\n            width: 0px;\n            height: 0px;\n            overflow: hidden;\n          }\n        "]);return _templateObject2_dbcf2f001f2611eda0c389891c227ec8=function _templateObject2_dbcf2f001f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_dbcf2f001f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <simple-picker\n          id="button"\n          ?allow-null="','"\n          class="rtebutton ',"-label ",'"\n          ?disabled="','"\n          ?hide-null-option="','"\n          .controls="','"\n          .options="','"\n          @mouseover="','"\n          @keydown="','"\n          .label="','"\n          @value-changed="','"\n          tabindex="0"\n          ?title-as-html="','"\n          .value="','"\n        >\n        </simple-picker>\n        ',"\n      "]);return _templateObject_dbcf2f001f2611eda0c389891c227ec8=function _templateObject_dbcf2f001f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-picker/simple-picker.js");var r=function RichTextEditorPickerBehaviors(r){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).allowNull=!1,e.command="insertHTML",e.label="Insert link",e.titleAsHtml=!1,e.value=null,e}return _inherits(_class,t),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject_dbcf2f001f2611eda0c389891c227ec8(),this.allowNull,this.labelVisibleClass,this.toggled?"toggled":"",this.disabled,this.hideNullOption,_get(_getPrototypeOf(_class.prototype),"controls",this),this.options,this._pickerFocus,this._pickerFocus,this.currentLabel,this._pickerChange,this.titleAsHtml,this.value,_get(_getPrototypeOf(_class.prototype),"tooltipTemplate",this))}}],[{key:"tag",get:function get(){return"rich-text-editor-picker"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)),[(0,e.css)(_templateObject2_dbcf2f001f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{allowNull:{type:Boolean},disabled:{type:Boolean,reflect:!0,attribute:"disabled"},command:{type:String},hideNullOption:{type:Boolean},icon:{type:String,reflect:!0},titleAsHtml:{type:Boolean},value:{type:Object}})}}]),_createClass(_class,[{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,e),this._setOptions()}},{key:"_pickerFocus",value:function _pickerFocus(e){e.preventDefault()}},{key:"_rangeChanged",value:function _rangeChanged(){this._setRangeValue(),_get(_getPrototypeOf(_class.prototype),"_rangeChanged",this).call(this)}},{key:"_setRangeValue",value:function _setRangeValue(){var e=this._getSelection();this.shadowRoot&&(this.tagsArray.includes(e)?this.shadowRoot.querySelector("#button").value=e:this.range&&!this.range.collapsed||(this.shadowRoot.querySelector("#button").value=void 0))}},{key:"_setOptions",value:function _setOptions(){return this.options=this._setPickerOptions()}},{key:"_setPickerOptions",value:function _setPickerOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options||[],t=[],r=Math.sqrt(e.length)<11?Math.ceil(Math.sqrt(e.length)):10;return e.forEach((function(e,o){var n=Math.floor(o/r),i=o-n*r;t[n]||(t[n]=[]),t[n][i]=e})),t}},{key:"_pickerChange",value:function _pickerChange(e){var t=this._getSelectionType()||"";this.__highlight.parentNode;this.commandVal=e.detail.value||"",this.range&&t!==this.commandVal&&this.sendCommand()}},{key:"isToggled",get:function get(){return!1}},{key:"labelVisibleClass",get:function get(){return this.icon?"hide":"show"}}]),_class}((0,t.RichTextEditorButtonBehaviors)(r))};exports.RichTextEditorPickerBehaviors=r;var o=function(t){function RichTextEditorPicker(){return _classCallCheck(this,RichTextEditorPicker),_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorPicker).apply(this,arguments))}return _inherits(RichTextEditorPicker,r(e.LitElement)),RichTextEditorPicker}();exports.RichTextEditorPicker=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-symbol-picker.dev.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-symbol-picker.dev.js
index ae60a17f733..1bd98fbb209 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-symbol-picker.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/dist/rich-text-editor-symbol-picker.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorSymbolPicker=void 0;var e=require("lit"),t=require("./rich-text-editor-picker.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject_053e57b01f0611ed8cc3e9a95995ad69(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(['\n      <simple-symbol-picker\n        id="button"\n        ?allow-null="','"\n        class="rtebutton ',"-label ",'"\n        .controls="','"\n        ?disabled="','"\n        @keydown="','"\n        .label="','"\n        @mouseover="','"\n        .symbol-types="','"\n        tabindex="0"\n        title-as-html\n        ?toggled="','"\n        @value-changed="','"\n      >\n      </simple-symbol-picker>\n      ',"\n    "]);return _templateObject_053e57b01f0611ed8cc3e9a95995ad69=function _templateObject_053e57b01f0611ed8cc3e9a95995ad69(){return e},e}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-picker/lib/simple-symbol-picker.js");var r=function(r){function RichTextEditorSymbolPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorSymbolPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorSymbolPicker).call(this))).icon="editor:functions",e.label="Insert symbol",e.symbolTypes=["symbols","math","characters","greek","misc"],e.command="insertHTML",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorSymbolPicker,(0,t.RichTextEditorPickerBehaviors)(e.LitElement)),_createClass(RichTextEditorSymbolPicker,[{key:"render",value:function render(){return(0,e.html)(_templateObject_053e57b01f0611ed8cc3e9a95995ad69(),this.allowNull,this.labelVisibleClass,this.toggled?"toggled":"",_get(_getPrototypeOf(RichTextEditorSymbolPicker.prototype),"controls",this),this.disabled,this._pickerFocus,this.currentLabel,this._pickerFocus,this.symbolTypes,this.toggled,this._pickerChange,_get(_getPrototypeOf(RichTextEditorSymbolPicker.prototype),"tooltipTemplate",this))}}],[{key:"tag",get:function get(){return"rich-text-editor-symbol-picker"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(RichTextEditorSymbolPicker),"properties",this),{symbolTypes:{name:"symbolTypes",type:Array,attribute:"symbol-types"}})}}]),_createClass(RichTextEditorSymbolPicker,[{key:"_setOptions",value:function _setOptions(){}}]),RichTextEditorSymbolPicker}();exports.RichTextEditorSymbolPicker=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorSymbolPicker=void 0;var e=require("lit"),t=require("./rich-text-editor-picker.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject_dbd2d8801f2611eda0c389891c227ec8(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(['\n      <simple-symbol-picker\n        id="button"\n        ?allow-null="','"\n        class="rtebutton ',"-label ",'"\n        .controls="','"\n        ?disabled="','"\n        @keydown="','"\n        .label="','"\n        @mouseover="','"\n        .symbol-types="','"\n        tabindex="0"\n        title-as-html\n        ?toggled="','"\n        @value-changed="','"\n      >\n      </simple-symbol-picker>\n      ',"\n    "]);return _templateObject_dbd2d8801f2611eda0c389891c227ec8=function _templateObject_dbd2d8801f2611eda0c389891c227ec8(){return e},e}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-picker/lib/simple-symbol-picker.js");var r=function(r){function RichTextEditorSymbolPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorSymbolPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorSymbolPicker).call(this))).icon="editor:functions",e.label="Insert symbol",e.symbolTypes=["symbols","math","characters","greek","misc"],e.command="insertHTML",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorSymbolPicker,(0,t.RichTextEditorPickerBehaviors)(e.LitElement)),_createClass(RichTextEditorSymbolPicker,[{key:"render",value:function render(){return(0,e.html)(_templateObject_dbd2d8801f2611eda0c389891c227ec8(),this.allowNull,this.labelVisibleClass,this.toggled?"toggled":"",_get(_getPrototypeOf(RichTextEditorSymbolPicker.prototype),"controls",this),this.disabled,this._pickerFocus,this.currentLabel,this._pickerFocus,this.symbolTypes,this.toggled,this._pickerChange,_get(_getPrototypeOf(RichTextEditorSymbolPicker.prototype),"tooltipTemplate",this))}}],[{key:"tag",get:function get(){return"rich-text-editor-symbol-picker"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(RichTextEditorSymbolPicker),"properties",this),{symbolTypes:{name:"symbolTypes",type:Array,attribute:"symbol-types"}})}}]),_createClass(RichTextEditorSymbolPicker,[{key:"_setOptions",value:function _setOptions(){}}]),RichTextEditorSymbolPicker}();exports.RichTextEditorSymbolPicker=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-prompt.dev.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-prompt.dev.js
index a8226fdb7aa..00c1971dfaf 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-prompt.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-prompt.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorPrompt=void 0;var e=require("lit"),t=require("../buttons/rich-text-editor-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject2_054c3a601f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        #prompt {\n          display: block;\n          width: 300px;\n          max-width: 300px;\n          --simple-popover-padding: 0px;\n          z-index: 2;\n        }\n        #prompt[hidden] {\n          display: none;\n        }\n        #prompt #form {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-between;\n          z-index: 2;\n        }\n        #formfields {\n          width: calc(100% - 20px);\n          padding: 10px 10px 0;\n          overflow: visible;\n        }\n        #prompt simple-fields-field {\n          padding: 0;\n        }\n        #confirm,\n        #cancel {\n          min-width: unset;\n        }\n        #cancel {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n        }\n        #cancel:focus,\n        #cancel:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        #confirm {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n        }\n        #confirm:focus,\n        #confirm:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        .actions {\n          width: calc(100% - 20px);\n          padding: 0 10px 3px;\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n        }\n        .confirm-or-cancel {\n          min-width: 40px;\n        }\n      "]);return _templateObject2_054c3a601f0611ed8cc3e9a95995ad69=function _templateObject2_054c3a601f0611ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_054c3a601f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <simple-popover\n        id="prompt"\n        ?auto="','"\n        for="','"\n        ?hidden="','"\n        position="bottom"\n        position-align="center"\n        .target="','"\n      >\n        <form\n          id="form"\n          @blur="','"\n          @focus="','"\n        >\n          <simple-fields\n            id="formfields"\n            hide-line-numbers\n            .fields="','"\n            @fields-ready="','"\n            .value="','"\n          ></simple-fields>\n          <div class="actions">\n            <rich-text-editor-button\n              id="cancel"\n              controls="','"\n              label="Cancel"\n              icon="clear"\n              @click="','"\n              tabindex="0"\n            >\n            </rich-text-editor-button>\n            <rich-text-editor-button\n              id="confirm"\n              controls="','"\n              @click="','"\n              icon="check"\n              label="OK"\n              tabindex="0"\n            >\n            </rich-text-editor-button>\n          </div>\n        </form>\n      </simple-popover>\n    ']);return _templateObject_054c3a601f0611ed8cc3e9a95995ad69=function _templateObject_054c3a601f0611ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/simple-popover/simple-popover.js"),require("@lrnwebcomponents/simple-fields/simple-fields.js"),require("./rich-text-editor-selection.js");var n=function(n){function RichTextEditorPrompt(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorPrompt),e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorPrompt).call(this)),window.addEventListener("rich-text-editor-prompt-open",e.open.bind(_assertThisInitialized(e))),window.RichTextEditorPrompt.instance?e:(window.RichTextEditorPrompt.instance=_assertThisInitialized(e),_possibleConstructorReturn(e,_assertThisInitialized(e)))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorPrompt,e.LitElement),_createClass(RichTextEditorPrompt,[{key:"render",value:function render(){return(0,e.html)(_templateObject_054c3a601f0611ed8cc3e9a95995ad69(),!this.hidden,this.selection?this.selection.id:"",this.hidden,this.selection,this._handleBlur,this._handleFocus,this.fields,this._handleReady,this.value,this.selection?this.selection.id:"",this._cancel,this.selection?this.selection.id:"",this._confirm)}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.RichTextToolbarStyles),[(0,e.css)(_templateObject2_054c3a601f0611ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"rich-text-editor-prompt"}},{key:"properties",get:function get(){return{fields:{type:Array},range:{type:Object},value:{type:Object},__focused:{type:Boolean},__hovered:{type:Boolean},__opened:{type:Boolean}}}}]),_createClass(RichTextEditorPrompt,[{key:"firstUpdated",value:function firstUpdated(e){var t=this;this.selection.addEventListener("change",(function(e){return setTimeout(t._handleChange(e),300)})),this.addEventListener("focus",this._handleFocus),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur)}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(RichTextEditorPrompt.prototype),"updated",this).call(this,e),e.forEach((function(e,n){["__focused","__hovered","__opened"].includes(n)&&setTimeout(t._handleChange.bind(t),300)}))}},{key:"_handleReady",value:function _handleReady(e){e.detail.focus()}},{key:"_handleFocus",value:function _handleFocus(e){this.__focused=!0}},{key:"_handleBlur",value:function _handleBlur(e){this.__focused=!1}},{key:"_handleChange",value:function _handleChange(e){!this.__opened||this.__focused||this.__hovered||this._cancel()}},{key:"open",value:function open(e){e&&(this.__opened=!0,this.shadowRoot.querySelector("#cancel").focus(),this.button=e.detail,this.fields=_toConsumableArray(e.detail.fields),this.__selection=e.detail.__selection,this.selectedNode=e.detail.selectedNode,this.value=function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e.detail.value))}},{key:"close",value:function close(){this.__opened=!1,this.__focused=!1,this.button=void 0,this.fields=[],this.value={}}},{key:"_cancel",value:function _cancel(e){e&&e.preventDefault(),this.button&&this.button.cancel(),this.close()}},{key:"_confirm",value:function _confirm(e){e.preventDefault(),this.button.confirm(this.value),this.close()}},{key:"hidden",get:function get(){return!this.__opened}},{key:"selection",get:function get(){return window.RichTextEditorSelection.requestAvailability()}}]),RichTextEditorPrompt}();exports.RichTextEditorPrompt=n,window.customElements.define(n.tag,n),window.RichTextEditorPrompt=window.RichTextEditorPrompt||{},window.RichTextEditorPrompt.requestAvailability=function(){return window.RichTextEditorPrompt.instance||(window.RichTextEditorPrompt.instance=document.createElement("rich-text-editor-prompt"),document.body.appendChild(window.RichTextEditorPrompt.instance)),window.RichTextEditorPrompt.instance};
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorPrompt=void 0;var e=require("lit"),t=require("../buttons/rich-text-editor-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject2_dbd5e5c01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        #prompt {\n          display: block;\n          width: 300px;\n          max-width: 300px;\n          --simple-popover-padding: 0px;\n          z-index: 2;\n        }\n        #prompt[hidden] {\n          display: none;\n        }\n        #prompt #form {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-between;\n          z-index: 2;\n        }\n        #formfields {\n          width: calc(100% - 20px);\n          padding: 10px 10px 0;\n          overflow: visible;\n        }\n        #prompt simple-fields-field {\n          padding: 0;\n        }\n        #confirm,\n        #cancel {\n          min-width: unset;\n        }\n        #cancel {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n        }\n        #cancel:focus,\n        #cancel:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        #confirm {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n        }\n        #confirm:focus,\n        #confirm:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        .actions {\n          width: calc(100% - 20px);\n          padding: 0 10px 3px;\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n        }\n        .confirm-or-cancel {\n          min-width: 40px;\n        }\n      "]);return _templateObject2_dbd5e5c01f2611eda0c389891c227ec8=function _templateObject2_dbd5e5c01f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_dbd5e5c01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <simple-popover\n        id="prompt"\n        ?auto="','"\n        for="','"\n        ?hidden="','"\n        position="bottom"\n        position-align="center"\n        .target="','"\n      >\n        <form\n          id="form"\n          @blur="','"\n          @focus="','"\n        >\n          <simple-fields\n            id="formfields"\n            hide-line-numbers\n            .fields="','"\n            @fields-ready="','"\n            .value="','"\n          ></simple-fields>\n          <div class="actions">\n            <rich-text-editor-button\n              id="cancel"\n              controls="','"\n              label="Cancel"\n              icon="clear"\n              @click="','"\n              tabindex="0"\n            >\n            </rich-text-editor-button>\n            <rich-text-editor-button\n              id="confirm"\n              controls="','"\n              @click="','"\n              icon="check"\n              label="OK"\n              tabindex="0"\n            >\n            </rich-text-editor-button>\n          </div>\n        </form>\n      </simple-popover>\n    ']);return _templateObject_dbd5e5c01f2611eda0c389891c227ec8=function _templateObject_dbd5e5c01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("@lrnwebcomponents/simple-popover/simple-popover.js"),require("@lrnwebcomponents/simple-fields/simple-fields.js"),require("./rich-text-editor-selection.js");var n=function(n){function RichTextEditorPrompt(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorPrompt),e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorPrompt).call(this)),window.addEventListener("rich-text-editor-prompt-open",e.open.bind(_assertThisInitialized(e))),window.RichTextEditorPrompt.instance?e:(window.RichTextEditorPrompt.instance=_assertThisInitialized(e),_possibleConstructorReturn(e,_assertThisInitialized(e)))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorPrompt,e.LitElement),_createClass(RichTextEditorPrompt,[{key:"render",value:function render(){return(0,e.html)(_templateObject_dbd5e5c01f2611eda0c389891c227ec8(),!this.hidden,this.selection?this.selection.id:"",this.hidden,this.selection,this._handleBlur,this._handleFocus,this.fields,this._handleReady,this.value,this.selection?this.selection.id:"",this._cancel,this.selection?this.selection.id:"",this._confirm)}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.RichTextToolbarStyles),[(0,e.css)(_templateObject2_dbd5e5c01f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"rich-text-editor-prompt"}},{key:"properties",get:function get(){return{fields:{type:Array},range:{type:Object},value:{type:Object},__focused:{type:Boolean},__hovered:{type:Boolean},__opened:{type:Boolean}}}}]),_createClass(RichTextEditorPrompt,[{key:"firstUpdated",value:function firstUpdated(e){var t=this;this.selection.addEventListener("change",(function(e){return setTimeout(t._handleChange(e),300)})),this.addEventListener("focus",this._handleFocus),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur)}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(RichTextEditorPrompt.prototype),"updated",this).call(this,e),e.forEach((function(e,n){["__focused","__hovered","__opened"].includes(n)&&setTimeout(t._handleChange.bind(t),300)}))}},{key:"_handleReady",value:function _handleReady(e){e.detail.focus()}},{key:"_handleFocus",value:function _handleFocus(e){this.__focused=!0}},{key:"_handleBlur",value:function _handleBlur(e){this.__focused=!1}},{key:"_handleChange",value:function _handleChange(e){!this.__opened||this.__focused||this.__hovered||this._cancel()}},{key:"open",value:function open(e){e&&(this.__opened=!0,this.shadowRoot.querySelector("#cancel").focus(),this.button=e.detail,this.fields=_toConsumableArray(e.detail.fields),this.__selection=e.detail.__selection,this.selectedNode=e.detail.selectedNode,this.value=function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e.detail.value))}},{key:"close",value:function close(){this.__opened=!1,this.__focused=!1,this.button=void 0,this.fields=[],this.value={}}},{key:"_cancel",value:function _cancel(e){e&&e.preventDefault(),this.button&&this.button.cancel(),this.close()}},{key:"_confirm",value:function _confirm(e){e.preventDefault(),this.button.confirm(this.value),this.close()}},{key:"hidden",get:function get(){return!this.__opened}},{key:"selection",get:function get(){return window.RichTextEditorSelection.requestAvailability()}}]),RichTextEditorPrompt}();exports.RichTextEditorPrompt=n,window.customElements.define(n.tag,n),window.RichTextEditorPrompt=window.RichTextEditorPrompt||{},window.RichTextEditorPrompt.requestAvailability=function(){return window.RichTextEditorPrompt.instance||(window.RichTextEditorPrompt.instance=document.createElement("rich-text-editor-prompt"),document.body.appendChild(window.RichTextEditorPrompt.instance)),window.RichTextEditorPrompt.instance};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-selection.dev.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-selection.dev.js
index 5bd5ef17273..bb5e3796ff1 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-selection.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/dist/rich-text-editor-selection.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorSelection=void 0;var e=require("lit");require("@lrnwebcomponents/utils/utils.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_055032001f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n  background-color: var(--rich-text-editor-selection-bg, rgb(146, 197, 255));\n          margin: 0;\n          padding: 0;\n          display: inline-block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host([collapsed]):after {\n          content: '|';\n          color: var(--simple-toolbar-selection-bg);\n          background-color: transparent;\n        }\n        :host + *,\n        ::slotted(*) {\n  background-color: var(--rich-text-editor-selection-bg, rgb(146, 197, 255));\n        }\n      "]);return _templateObject2_055032001f0611ed8cc3e9a95995ad69=function _templateObject2_055032001f0611ed8cc3e9a95995ad69(){return e},e}function _templateObject_055032001f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["<slot></slot>"]);return _templateObject_055032001f0611ed8cc3e9a95995ad69=function _templateObject_055032001f0611ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var i=Object.getOwnPropertyDescriptor(o,t);return i.get?i.get.call(n):i.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var t=function(t){function RichTextEditorSelection(){var e;!function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorSelection),e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(RichTextEditorSelection).call(this));var t=_assertThisInitialized(e);return e.hidden=!0,e.__toolbars=[],e.__clipboard=document.createElement("textarea"),e.__clipboard.setAttribute("aria-hidden",!0),e.__clipboard.style.position="absolute",e.__clipboard.style.left="-9999px",e.__clipboard.style.top="0px",e.__clipboard.style.width="0px",e.__clipboard.style.height="0px",e.id=e._generateUUID(),document.body.appendChild(e.__clipboard),window.addEventListener("register",e._handleRegistration.bind(t)),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorSelection,e.LitElement),_createClass(RichTextEditorSelection,[{key:"validCommands",get:function get(){return["backColor","bold","copy","createLink","cut","decreaseFontSize","defaultParagraphSeparator","delete","fontName","fontSize","foreColor","formatBlock","forwardDelete","hiliteColor","increaseFontSize","indent","insertBrOnReturn","insertHorizontalRule","insertHTML","insertImage","insertLineBreak","insertOrderedList","insertUnorderedList","insertParagraph","insertText","italic","justifyCenter","justifyFull","justifyLeft","justifyRight","outdent","paste","redo","removeFormat","selectAll","strikethrough","styleWithCss","subscript","superscript","undo","unlink","useCSS"]}}]),_createClass(RichTextEditorSelection,[{key:"render",value:function render(){return(0,e.html)(_templateObject_055032001f0611ed8cc3e9a95995ad69())}},{key:"updated",value:function updated(e){_get(_getPrototypeOf(RichTextEditorSelection.prototype),"updated",this).call(this,e),e.forEach((function(e,t){}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(RichTextEditorSelection.prototype),"disconnectedCallback",this).call(this)}},{key:"cancelEdits",value:function cancelEdits(e){e.revert(),this.edit(e,!1)}},{key:"closeToolbar",value:function closeToolbar(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e.editor;t&&this.disableEditing(t),e.editor=void 0,document.body.append(e)}},{key:"disableEditing",value:function disableEditing(e){e&&(this.getRoot(e).onselectionchange=void 0,e.viewSource=!1,e.disableEditing(),e.makeSticky(!1))}},{key:"edit",value:function edit(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=e?this.getConnectedToolbar(e):void 0,o=t?n.editor:void 0;this.highlight(n,!1),n&&o!==e&&(o&&this.disableEditing(o),n.editor=e,this.enableEditing(e,n))}}},{key:"enableEditing",value:function enableEditing(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.getConnectedToolbar(e);e&&(e.makeSticky(n.sticky),e.parentNode.insertBefore(n,e),e.enableEditing(),this.updateRange(e),this.getRoot(e).onselectionchange=function(o){n.__promptOpen||t.updateRange(e)})}},{key:"expandRangeTo",value:function expandRangeTo(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=t?this.getRangeNode(t):void 0,o=n&&n.tagName?n.tagName.toLowerCase():void 0,i=e.toLowerCase().replace(/\s*/g,"").split(",");return i.includes(o)?n:n.closest(e)?(t.selectNode(n.closest(e)),t):void 0}},{key:"getRangeNode",value:function getRangeNode(e){var t=e?e.commonAncestorContainer:void 0,n=e?e.startContainer:void 0,o=e?e.startOffset:void 0,i=e?e.endContainer:void 0,r=e?e.endOffset:void 0,a=n&&n.children?n.children[o-1]:void 0;return n===i&&r-o==1?a:t}},{key:"getRoot",value:function getRoot(e){return e&&e!==document?e.parentNode?this.getRoot(e.parentNode):e:document}},{key:"getConnectedToolbar",value:function getConnectedToolbar(e){if(e.id||(e.id=this._generateUUID()),!e.__connectedToolbar){var t,n=e.toolbar?(this.__toolbars||[]).filter((function(t){return e.toolbar&&t.id===e.toolbar})):[];0===n.length&&(n=e.type?(this.__toolbars||[]).filter((function(t){return e.type&&t.type===e.type})):[]),0===n.length&&(n=this.__toolbars),n[0]?t=n[0]:0===n.length&&(t=document.createElement(e.type||"rich-text-editor-toolbar"),e.parentNode.insertBefore(t,e)),t.id=t.id||e.toolbar||this._generateUUID(),e.__connectedToolbar=t}return e.__connectedToolbar}},{key:"highlight",value:function highlight(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2?arguments[2]:void 0;this.toolbar=e;var o=e?e.editor:void 0;o&&(!1!==t?e.range&&(this.hidden=!1,e.range.insertNode(this),n&&this.append(n),e.range.setStartAfter(this),this.range=e.range):(this.updateRange(e.editor,e.range),this.hidden=!0,this.toolbar=void 0,this.range=void 0,document.body.appendChild(this)),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:t})))}},{key:"highlightNode",value:function highlightNode(e,t){this.selectNode(e,t.range,t.editor),this.highlight(t)}},{key:"pasteFromClipboard",value:function pasteFromClipboard(e){var t=this;setTimeout((function _callee(){var n,o,i;return regeneratorRuntime.async((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return n=window.getSelection(),o=e.range,r.next=4,regeneratorRuntime.awrap(navigator.clipboard.readText());case 4:i=r.sent,t.__clipboard.value=i,t.__clipboard.focus(),t.__clipboard.select(),document.execCommand("paste"),n.removeAllRanges(),n.addRange(o),t.pasteIntoEditor(e,t.__clipboard.value);case 12:case"end":return r.stop()}}))}),2e3)}},{key:"pasteIntoEditor",value:function pasteIntoEditor(e,t){if(e){var n=e.range,o=document.createElement("div");if(e=n.commonAncestorContainer.parentNode.closest("[editing=true]:not([disabled]),input:not([disabled]),textarea:not([disabled])")){for(o.innerHTML=e.sanitizeHTML(t),n&&n.extractContents&&n.extractContents(),n.insertNode(o);o.firstChild;)o.parentNode.insertBefore(o.firstChild,o);o.parentNode.removeChild(o)}}}},{key:"registerEditor",value:function registerEditor(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=e?this.getConnectedToolbar(e):void 0,i={click:function click(n){return t._handleEditorClick(e,n)},focus:function focus(n){o.__promptOpen||e.disabled||t.edit(e)},getrange:function getrange(n){o.__promptOpen||(t.toolbar=o,t.updateRange(e,e.range))},keydown:function keydown(n){return t._handleShortcutKeys(e,n)},pastefromclipboard:function pastefromclipboard(e){return t.pasteFromClipboard(e.detail)},pastecontent:function pastecontent(e){return t._handlePaste(e)}};return n?Object.keys(i).forEach((function(t){return e.removeEventListener(t,i[t])})):Object.keys(i).forEach((function(t){return e.addEventListener(t,i[t])})),(e.__connectedToolbar.show=!e.__connectedToolbar.editor)&&this.edit(e),e.__connectedToolbar}},{key:"registerToolbar",value:function registerToolbar(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o={command:function command(n){n.stopImmediatePropagation();var o=n.detail||{};t._handleCommand(e,o.command,o.commandVal,o.range),o.button&&o.button.commandCallback&&o.button.commandCallback(e.editor,e,t)},disableediting:function disableediting(e){return t.disableEditing((e.detail||{}).editor)},highlight:function highlight(n){t.highlight(e,n.detail)},highlightnode:function highlightnode(n){t.highlightNode(n.detail,e)},pastefromclipboard:function pastefromclipboard(e){e.stopImmediatePropagation(),t.pasteFromClipboard(e.detail)},"rich-text-editor-prompt-closed":function richTextEditorPromptClosed(t){e.__promptOpen=!1},"rich-text-editor-prompt-open":function richTextEditorPromptOpen(t){e.__promptOpen=!0},setrange:function setrange(e){t.range=(e.detail||{}).range,t.updateRange((e.detail||{}).editor,t.range),t.selectRange(t.range,(e.detail||{}).editor)},selectnode:function selectnode(n){t.selectNode(n.detail,e.range,e.editor)},selectnodecontents:function selectnodecontents(n){t.selectNodeContents(n.detail,e.range,e.editor)},selectrange:function selectrange(n){t.selectRange(n.detail,e.editor)},wrapselection:function wrapselection(n){t.surroundRange(n.detail,e.range)}};n||e.registered?(e.registered=!1,Object.keys(o).forEach((function(t){return e.removeEventListener(t,o[t])}))):(this.__toolbars.push(e),Object.keys(o).forEach((function(t){return e.addEventListener(t,o[t])})),e.registered=!0)}},{key:"selectNode",value:function selectNode(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.toolbar.editor;if(!t){var o=window.getSelection();t=document.createRange(),o.removeAllRanges(),o.addRange(t)}t&&(t.selectNode(e),n&&this.updateRange(n,t))}},{key:"selectNodeContents",value:function selectNodeContents(e,t,n){if(e){if(!t){var o=window.getSelection();t=document.createRange(),o.removeAllRanges(),o.addRange(t)}t&&(t.selectNodeContents(e),n&&this.updateRange(n,t))}}},{key:"selectRange",value:function selectRange(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2?arguments[2]:void 0;if(e){if(t){var o=window.getSelection();o.removeAllRanges(),o.addRange(e)}else e.isCollapsed||e.collapse();n&&this.updateRange(n)}return e}},{key:"surroundRange",value:function surroundRange(e,t){return t&&(t.surroundContents(e),editor&&this.updateRange(editor)),t}},{key:"updateRange",value:function updateRange(e,t){if(e){var n=this.getConnectedToolbar(e);this.toolbar=n,t||(t=e.range),e.range=t,n&&(n.selectedNode=e.selectedNode,n.selectionAncestors=e.selectionAncestors,n.range=t)}}},{key:"_generateUUID",value:function _generateUUID(){var e=Math.floor(65536*(1+Math.random())).toString(16).substring(1);return"rte-"+"ss-s-s-s-sss".replace(/s/g,e)}},{key:"_handleBlur",value:function _handleBlur(e,t){null===t.relatedTarget||"rich-text-editor"===!t.relatedTarget.startsWith?this.edit(e,!0):e&&this.highlight(e.toolbar)}},{key:"_handleCommand",value:function _handleCommand(e,t,n,o){var i=e.editor;this.validCommands.includes(t)?(n=i?i.sanitizeHTML(n):n,this.range=i.range,this.updateRange(i,o),this.selectRange(o,i),"paste"!=t?document.execCommand(t,!1,n):navigator.clipboard&&this.pasteFromClipboard(i),this.highlight(e,!1)):"cancel"===t?(i&&i.revert(),e.close(i)):"close"===t&&e.close(i)}},{key:"_handleEditorClick",value:function _handleEditorClick(e,t){if(e&&!e.disabled){var n=this.getConnectedToolbar(e),o=e.__focused;if(n&&n.editor===e||this.edit(e),e.focus(),o){var i=n?Object.keys(n.clickableElements||{}):[],r=t.target||t.srcElement||{tagName:""},a={detail:r},l=(r.tagName||"").toLowerCase();l&&i.includes(l)&&(console.log(r),t.preventDefault(),n.clickableElements[l](a))}}}},{key:"_handleRegistration",value:function _handleRegistration(e){e.detail&&(e.detail.toolbar&&this.registerToolbar(e.detail.toolbar,e.detail.remove),e.detail.editor&&this.registerEditor(e.detail.editor,e.detail.remove))}},{key:"_handleShortcutKeys",value:function _handleShortcutKeys(e,t){var n=e?this.getConnectedToolbar(e):void 0;e.editing&&n._handleShortcutKeys(t)}}],[{key:"tag",get:function get(){return"rich-text-editor-selection"}},{key:"properties",get:function get(){return{editor:{type:Object},collapsed:{type:Boolean,reflect:!0,attribute:"collapsed"},hidden:{type:Boolean,reflect:!0,attribute:"hidden"},id:{type:String,reflect:!0,attribute:"id"},observer:{type:Object},range:{type:Object},toolbar:{type:Object},__toolbars:{type:Array}}}},{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_055032001f0611ed8cc3e9a95995ad69())]}}]),RichTextEditorSelection}();exports.RichTextEditorSelection=t,window.customElements.define(t.tag,t),window.RichTextEditorSelection={},window.RichTextEditorSelection.instance=null,window.RichTextEditorSelection.requestAvailability=function(){return null==window.RichTextEditorSelection.instance&&(window.RichTextEditorSelection.instance=document.createElement(t.tag),document.body.appendChild(window.RichTextEditorSelection.instance)),window.RichTextEditorSelection.instance};
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorSelection=void 0;var e=require("lit");require("@lrnwebcomponents/utils/utils.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_dbd98f401f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n  background-color: var(--rich-text-editor-selection-bg, rgb(146, 197, 255));\n          margin: 0;\n          padding: 0;\n          display: inline-block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host([collapsed]):after {\n          content: '|';\n          color: var(--simple-toolbar-selection-bg);\n          background-color: transparent;\n        }\n        :host + *,\n        ::slotted(*) {\n  background-color: var(--rich-text-editor-selection-bg, rgb(146, 197, 255));\n        }\n      "]);return _templateObject2_dbd98f401f2611eda0c389891c227ec8=function _templateObject2_dbd98f401f2611eda0c389891c227ec8(){return e},e}function _templateObject_dbd98f401f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["<slot></slot>"]);return _templateObject_dbd98f401f2611eda0c389891c227ec8=function _templateObject_dbd98f401f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var i=Object.getOwnPropertyDescriptor(o,t);return i.get?i.get.call(n):i.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var t=function(t){function RichTextEditorSelection(){var e;!function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorSelection),e=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(RichTextEditorSelection).call(this));var t=_assertThisInitialized(e);return e.hidden=!0,e.__toolbars=[],e.__clipboard=document.createElement("textarea"),e.__clipboard.setAttribute("aria-hidden",!0),e.__clipboard.style.position="absolute",e.__clipboard.style.left="-9999px",e.__clipboard.style.top="0px",e.__clipboard.style.width="0px",e.__clipboard.style.height="0px",e.id=e._generateUUID(),document.body.appendChild(e.__clipboard),window.addEventListener("register",e._handleRegistration.bind(t)),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorSelection,e.LitElement),_createClass(RichTextEditorSelection,[{key:"validCommands",get:function get(){return["backColor","bold","copy","createLink","cut","decreaseFontSize","defaultParagraphSeparator","delete","fontName","fontSize","foreColor","formatBlock","forwardDelete","hiliteColor","increaseFontSize","indent","insertBrOnReturn","insertHorizontalRule","insertHTML","insertImage","insertLineBreak","insertOrderedList","insertUnorderedList","insertParagraph","insertText","italic","justifyCenter","justifyFull","justifyLeft","justifyRight","outdent","paste","redo","removeFormat","selectAll","strikethrough","styleWithCss","subscript","superscript","undo","unlink","useCSS"]}}]),_createClass(RichTextEditorSelection,[{key:"render",value:function render(){return(0,e.html)(_templateObject_dbd98f401f2611eda0c389891c227ec8())}},{key:"updated",value:function updated(e){_get(_getPrototypeOf(RichTextEditorSelection.prototype),"updated",this).call(this,e),e.forEach((function(e,t){}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(RichTextEditorSelection.prototype),"disconnectedCallback",this).call(this)}},{key:"cancelEdits",value:function cancelEdits(e){e.revert(),this.edit(e,!1)}},{key:"closeToolbar",value:function closeToolbar(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e.editor;t&&this.disableEditing(t),e.editor=void 0,document.body.append(e)}},{key:"disableEditing",value:function disableEditing(e){e&&(this.getRoot(e).onselectionchange=void 0,e.viewSource=!1,e.disableEditing(),e.makeSticky(!1))}},{key:"edit",value:function edit(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=e?this.getConnectedToolbar(e):void 0,o=t?n.editor:void 0;this.highlight(n,!1),n&&o!==e&&(o&&this.disableEditing(o),n.editor=e,this.enableEditing(e,n))}}},{key:"enableEditing",value:function enableEditing(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.getConnectedToolbar(e);e&&(e.makeSticky(n.sticky),e.parentNode.insertBefore(n,e),e.enableEditing(),this.updateRange(e),this.getRoot(e).onselectionchange=function(o){n.__promptOpen||t.updateRange(e)})}},{key:"expandRangeTo",value:function expandRangeTo(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=t?this.getRangeNode(t):void 0,o=n&&n.tagName?n.tagName.toLowerCase():void 0,i=e.toLowerCase().replace(/\s*/g,"").split(",");return i.includes(o)?n:n.closest(e)?(t.selectNode(n.closest(e)),t):void 0}},{key:"getRangeNode",value:function getRangeNode(e){var t=e?e.commonAncestorContainer:void 0,n=e?e.startContainer:void 0,o=e?e.startOffset:void 0,i=e?e.endContainer:void 0,r=e?e.endOffset:void 0,a=n&&n.children?n.children[o-1]:void 0;return n===i&&r-o==1?a:t}},{key:"getRoot",value:function getRoot(e){return e&&e!==document?e.parentNode?this.getRoot(e.parentNode):e:document}},{key:"getConnectedToolbar",value:function getConnectedToolbar(e){if(e.id||(e.id=this._generateUUID()),!e.__connectedToolbar){var t,n=e.toolbar?(this.__toolbars||[]).filter((function(t){return e.toolbar&&t.id===e.toolbar})):[];0===n.length&&(n=e.type?(this.__toolbars||[]).filter((function(t){return e.type&&t.type===e.type})):[]),0===n.length&&(n=this.__toolbars),n[0]?t=n[0]:0===n.length&&(t=document.createElement(e.type||"rich-text-editor-toolbar"),e.parentNode.insertBefore(t,e)),t.id=t.id||e.toolbar||this._generateUUID(),e.__connectedToolbar=t}return e.__connectedToolbar}},{key:"highlight",value:function highlight(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2?arguments[2]:void 0;this.toolbar=e;var o=e?e.editor:void 0;o&&(!1!==t?e.range&&(this.hidden=!1,e.range.insertNode(this),n&&this.append(n),e.range.setStartAfter(this),this.range=e.range):(this.updateRange(e.editor,e.range),this.hidden=!0,this.toolbar=void 0,this.range=void 0,document.body.appendChild(this)),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:t})))}},{key:"highlightNode",value:function highlightNode(e,t){this.selectNode(e,t.range,t.editor),this.highlight(t)}},{key:"pasteFromClipboard",value:function pasteFromClipboard(e){var t=this;setTimeout((function _callee(){var n,o,i;return regeneratorRuntime.async((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return n=window.getSelection(),o=e.range,r.next=4,regeneratorRuntime.awrap(navigator.clipboard.readText());case 4:i=r.sent,t.__clipboard.value=i,t.__clipboard.focus(),t.__clipboard.select(),document.execCommand("paste"),n.removeAllRanges(),n.addRange(o),t.pasteIntoEditor(e,t.__clipboard.value);case 12:case"end":return r.stop()}}))}),2e3)}},{key:"pasteIntoEditor",value:function pasteIntoEditor(e,t){if(e){var n=e.range,o=document.createElement("div");if(e=n.commonAncestorContainer.parentNode.closest("[editing=true]:not([disabled]),input:not([disabled]),textarea:not([disabled])")){for(o.innerHTML=e.sanitizeHTML(t),n&&n.extractContents&&n.extractContents(),n.insertNode(o);o.firstChild;)o.parentNode.insertBefore(o.firstChild,o);o.parentNode.removeChild(o)}}}},{key:"registerEditor",value:function registerEditor(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=e?this.getConnectedToolbar(e):void 0,i={click:function click(n){return t._handleEditorClick(e,n)},focus:function focus(n){o.__promptOpen||e.disabled||t.edit(e)},getrange:function getrange(n){o.__promptOpen||(t.toolbar=o,t.updateRange(e,e.range))},keydown:function keydown(n){return t._handleShortcutKeys(e,n)},pastefromclipboard:function pastefromclipboard(e){return t.pasteFromClipboard(e.detail)},pastecontent:function pastecontent(e){return t._handlePaste(e)}};return n?Object.keys(i).forEach((function(t){return e.removeEventListener(t,i[t])})):Object.keys(i).forEach((function(t){return e.addEventListener(t,i[t])})),(e.__connectedToolbar.show=!e.__connectedToolbar.editor)&&this.edit(e),e.__connectedToolbar}},{key:"registerToolbar",value:function registerToolbar(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o={command:function command(n){n.stopImmediatePropagation();var o=n.detail||{};t._handleCommand(e,o.command,o.commandVal,o.range),o.button&&o.button.commandCallback&&o.button.commandCallback(e.editor,e,t)},disableediting:function disableediting(e){return t.disableEditing((e.detail||{}).editor)},highlight:function highlight(n){t.highlight(e,n.detail)},highlightnode:function highlightnode(n){t.highlightNode(n.detail,e)},pastefromclipboard:function pastefromclipboard(e){e.stopImmediatePropagation(),t.pasteFromClipboard(e.detail)},"rich-text-editor-prompt-closed":function richTextEditorPromptClosed(t){e.__promptOpen=!1},"rich-text-editor-prompt-open":function richTextEditorPromptOpen(t){e.__promptOpen=!0},setrange:function setrange(e){t.range=(e.detail||{}).range,t.updateRange((e.detail||{}).editor,t.range),t.selectRange(t.range,(e.detail||{}).editor)},selectnode:function selectnode(n){t.selectNode(n.detail,e.range,e.editor)},selectnodecontents:function selectnodecontents(n){t.selectNodeContents(n.detail,e.range,e.editor)},selectrange:function selectrange(n){t.selectRange(n.detail,e.editor)},wrapselection:function wrapselection(n){t.surroundRange(n.detail,e.range)}};n||e.registered?(e.registered=!1,Object.keys(o).forEach((function(t){return e.removeEventListener(t,o[t])}))):(this.__toolbars.push(e),Object.keys(o).forEach((function(t){return e.addEventListener(t,o[t])})),e.registered=!0)}},{key:"selectNode",value:function selectNode(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.toolbar.editor;if(!t){var o=window.getSelection();t=document.createRange(),o.removeAllRanges(),o.addRange(t)}t&&(t.selectNode(e),n&&this.updateRange(n,t))}},{key:"selectNodeContents",value:function selectNodeContents(e,t,n){if(e){if(!t){var o=window.getSelection();t=document.createRange(),o.removeAllRanges(),o.addRange(t)}t&&(t.selectNodeContents(e),n&&this.updateRange(n,t))}}},{key:"selectRange",value:function selectRange(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2?arguments[2]:void 0;if(e){if(t){var o=window.getSelection();o.removeAllRanges(),o.addRange(e)}else e.isCollapsed||e.collapse();n&&this.updateRange(n)}return e}},{key:"surroundRange",value:function surroundRange(e,t){return t&&(t.surroundContents(e),editor&&this.updateRange(editor)),t}},{key:"updateRange",value:function updateRange(e,t){if(e){var n=this.getConnectedToolbar(e);this.toolbar=n,t||(t=e.range),e.range=t,n&&(n.selectedNode=e.selectedNode,n.selectionAncestors=e.selectionAncestors,n.range=t)}}},{key:"_generateUUID",value:function _generateUUID(){var e=Math.floor(65536*(1+Math.random())).toString(16).substring(1);return"rte-"+"ss-s-s-s-sss".replace(/s/g,e)}},{key:"_handleBlur",value:function _handleBlur(e,t){null===t.relatedTarget||"rich-text-editor"===!t.relatedTarget.startsWith?this.edit(e,!0):e&&this.highlight(e.toolbar)}},{key:"_handleCommand",value:function _handleCommand(e,t,n,o){var i=e.editor;this.validCommands.includes(t)?(n=i?i.sanitizeHTML(n):n,this.range=i.range,this.updateRange(i,o),this.selectRange(o,i),"paste"!=t?document.execCommand(t,!1,n):navigator.clipboard&&this.pasteFromClipboard(i),this.highlight(e,!1)):"cancel"===t?(i&&i.revert(),e.close(i)):"close"===t&&e.close(i)}},{key:"_handleEditorClick",value:function _handleEditorClick(e,t){if(e&&!e.disabled){var n=this.getConnectedToolbar(e),o=e.__focused;if(n&&n.editor===e||this.edit(e),e.focus(),o){var i=n?Object.keys(n.clickableElements||{}):[],r=t.target||t.srcElement||{tagName:""},a={detail:r},d=(r.tagName||"").toLowerCase();d&&i.includes(d)&&(console.log(r),t.preventDefault(),n.clickableElements[d](a))}}}},{key:"_handleRegistration",value:function _handleRegistration(e){e.detail&&(e.detail.toolbar&&this.registerToolbar(e.detail.toolbar,e.detail.remove),e.detail.editor&&this.registerEditor(e.detail.editor,e.detail.remove))}},{key:"_handleShortcutKeys",value:function _handleShortcutKeys(e,t){var n=e?this.getConnectedToolbar(e):void 0;e.editing&&n._handleShortcutKeys(t)}}],[{key:"tag",get:function get(){return"rich-text-editor-selection"}},{key:"properties",get:function get(){return{editor:{type:Object},collapsed:{type:Boolean,reflect:!0,attribute:"collapsed"},hidden:{type:Boolean,reflect:!0,attribute:"hidden"},id:{type:String,reflect:!0,attribute:"id"},observer:{type:Object},range:{type:Object},toolbar:{type:Object},__toolbars:{type:Array}}}},{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_dbd98f401f2611eda0c389891c227ec8())]}}]),RichTextEditorSelection}();exports.RichTextEditorSelection=t,window.customElements.define(t.tag,t),window.RichTextEditorSelection={},window.RichTextEditorSelection.instance=null,window.RichTextEditorSelection.requestAvailability=function(){return null==window.RichTextEditorSelection.instance&&(window.RichTextEditorSelection.instance=document.createElement(t.tag),document.body.appendChild(window.RichTextEditorSelection.instance)),window.RichTextEditorSelection.instance};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumb.dev.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumb.dev.js
index e47e91692ac..ce76c40ec81 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumb.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumb.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorBreadcrumb=void 0;var e=require("lit"),t=require("../buttons/rich-text-editor-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_0540efc01f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        #button {\n          font-family: monospace;\n          display: inline-block;\n          text-align: center;\n          min-width: 25px;\n          margin: 0;\n          padding: 2px 5px;\n        }\n      "]);return _templateObject2_0540efc01f0611ed8cc3e9a95995ad69=function _templateObject2_0540efc01f0611ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_0540efc01f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <button\n        id="button"\n        aria-controls="','"\n        @click="','"\n        tabindex="0"\n      >\n        ',"\n      </button>\n    "]);return _templateObject_0540efc01f0611ed8cc3e9a95995ad69=function _templateObject_0540efc01f0611ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function RichTextEditorBreadcrumb(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorBreadcrumb),(e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorBreadcrumb).call(this))).label="",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorBreadcrumb,e.LitElement),_createClass(RichTextEditorBreadcrumb,[{key:"render",value:function render(){return(0,e.html)(_templateObject_0540efc01f0611ed8cc3e9a95995ad69(),this.controls,this._handleClick,this.label)}}],[{key:"tag",get:function get(){return"rich-text-editor-breadcrumb"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.RichTextStyles),[(0,e.css)(_templateObject2_0540efc01f0611ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return{controls:{type:String},label:{type:String},target:{type:Object}}}}]),_createClass(RichTextEditorBreadcrumb,[{key:"_handleClick",value:function _handleClick(e){e.preventDefault(),this.dispatchEvent(new CustomEvent("breadcrumb-click",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}}]),RichTextEditorBreadcrumb}();exports.RichTextEditorBreadcrumb=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorBreadcrumb=void 0;var e=require("lit"),t=require("../buttons/rich-text-editor-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_dbda52901f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        #button {\n          font-family: monospace;\n          display: inline-block;\n          text-align: center;\n          min-width: 25px;\n          margin: 0;\n          padding: 2px 5px;\n        }\n      "]);return _templateObject2_dbda52901f2611eda0c389891c227ec8=function _templateObject2_dbda52901f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_dbda52901f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <button\n        id="button"\n        aria-controls="','"\n        @click="','"\n        tabindex="0"\n      >\n        ',"\n      </button>\n    "]);return _templateObject_dbda52901f2611eda0c389891c227ec8=function _templateObject_dbda52901f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function RichTextEditorBreadcrumb(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorBreadcrumb),(e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorBreadcrumb).call(this))).label="",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorBreadcrumb,e.LitElement),_createClass(RichTextEditorBreadcrumb,[{key:"render",value:function render(){return(0,e.html)(_templateObject_dbda52901f2611eda0c389891c227ec8(),this.controls,this._handleClick,this.label)}}],[{key:"tag",get:function get(){return"rich-text-editor-breadcrumb"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.RichTextStyles),[(0,e.css)(_templateObject2_dbda52901f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return{controls:{type:String},label:{type:String},target:{type:Object}}}}]),_createClass(RichTextEditorBreadcrumb,[{key:"_handleClick",value:function _handleClick(e){e.preventDefault(),this.dispatchEvent(new CustomEvent("breadcrumb-click",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}}]),RichTextEditorBreadcrumb}();exports.RichTextEditorBreadcrumb=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumbs.dev.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumbs.dev.js
index fe30522c6fc..8501c6e88c8 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumbs.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-breadcrumbs.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorBreadcrumbs=void 0;var e=require("lit"),t=require("../buttons/rich-text-editor-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject4_0541da201f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: var(--rich-text-editor-bg, #ffffff);\n          color: var(--rich-text-editor-button-color #444);\n          border: var(--rich-text-editor-border-width, 1px) solid var(--rich-text-editor-border-color, #ddd);\n          padding: 3px 10px;\n        }\n        :host([sticky]) {\n          position: sticky;\n          bottom: 0;\n        }\n        .selectednode {\n          background-color: var(--rich-text-editor-button-bg, #ffffff);\n        }\n        button {\n          display: inline-block;\n          text-align: center;\n          min-width: 25px;\n          margin: 0;\n          padding: 2px 5px;\n        }\n        .selectNode {\n          font-family: monospace;\n        }\n      "]);return _templateObject4_0541da201f0611ed8cc3e9a95995ad69=function _templateObject4_0541da201f0611ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject3_0541da201f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([' <span class="divider"> &gt; </span> ']);return _templateObject3_0541da201f0611ed8cc3e9a95995ad69=function _templateObject3_0541da201f0611ed8cc3e9a95995ad69(){return e},e}function _templateObject2_0541da201f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n              <button\n                class="','"\n                controls="','"\n                @click="','"\n                tabindex="0"\n              >\n                ',"\n              </button>\n              ","\n            "]);return _templateObject2_0541da201f0611ed8cc3e9a95995ad69=function _templateObject2_0541da201f0611ed8cc3e9a95995ad69(){return e},e}function _templateObject_0541da201f0611ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n      ",":\n      ","\n    "]);return _templateObject_0541da201f0611ed8cc3e9a95995ad69=function _templateObject_0541da201f0611ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function RichTextEditorBreadcrumbs(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorBreadcrumbs),(e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorBreadcrumbs).call(this))).hidden=!0,e.sticky=!1,e.label="Select",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorBreadcrumbs,e.LitElement),_createClass(RichTextEditorBreadcrumbs,null,[{key:"tag",get:function get(){return"rich-text-editor-breadcrumbs"}},{key:"properties",get:function get(){return{controls:{type:String},hidden:{type:Boolean,attribute:"hidden",reflect:!0},label:{type:String},sticky:{type:Boolean,reflect:!0},selectionAncestors:{type:Array}}}}]),_createClass(RichTextEditorBreadcrumbs,[{key:"_handleClick",value:function _handleClick(e){this.dispatchEvent(new CustomEvent("breadcrumb-click",{bubbles:!0,cancelable:!0,composed:!0,detail:e}))}},{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject_0541da201f0611ed8cc3e9a95995ad69(),this.label,this.selectionAncestors?(this.selectionAncestors||[]).map((function(r,n){return(0,e.html)(_templateObject2_0541da201f0611ed8cc3e9a95995ad69(),r.selectAll?"":"selectnode",t.controls,(function(e){return t._handleClick(r)}),r.nodeName.toLowerCase(),n+1>=(t.selectionAncestors||[]).length?"":(0,e.html)(_templateObject3_0541da201f0611ed8cc3e9a95995ad69()))})):"")}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.RichTextToolbarStyles),[(0,e.css)(_templateObject4_0541da201f0611ed8cc3e9a95995ad69())])}}]),RichTextEditorBreadcrumbs}();exports.RichTextEditorBreadcrumbs=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorBreadcrumbs=void 0;var e=require("lit"),t=require("../buttons/rich-text-editor-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject4_dbdb15e01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: var(--rich-text-editor-bg, #ffffff);\n          color: var(--rich-text-editor-button-color #444);\n          border: var(--rich-text-editor-border-width, 1px) solid var(--rich-text-editor-border-color, #ddd);\n          padding: 3px 10px;\n        }\n        :host([sticky]) {\n          position: sticky;\n          bottom: 0;\n        }\n        .selectednode {\n          background-color: var(--rich-text-editor-button-bg, #ffffff);\n        }\n        button {\n          display: inline-block;\n          text-align: center;\n          min-width: 25px;\n          margin: 0;\n          padding: 2px 5px;\n        }\n        .selectNode {\n          font-family: monospace;\n        }\n      "]);return _templateObject4_dbdb15e01f2611eda0c389891c227ec8=function _templateObject4_dbdb15e01f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject3_dbdb15e01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([' <span class="divider"> &gt; </span> ']);return _templateObject3_dbdb15e01f2611eda0c389891c227ec8=function _templateObject3_dbdb15e01f2611eda0c389891c227ec8(){return e},e}function _templateObject2_dbdb15e01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n              <button\n                class="','"\n                controls="','"\n                @click="','"\n                tabindex="0"\n              >\n                ',"\n              </button>\n              ","\n            "]);return _templateObject2_dbdb15e01f2611eda0c389891c227ec8=function _templateObject2_dbdb15e01f2611eda0c389891c227ec8(){return e},e}function _templateObject_dbdb15e01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n      ",":\n      ","\n    "]);return _templateObject_dbdb15e01f2611eda0c389891c227ec8=function _templateObject_dbdb15e01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function RichTextEditorBreadcrumbs(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorBreadcrumbs),(e=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorBreadcrumbs).call(this))).hidden=!0,e.sticky=!1,e.label="Select",e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(RichTextEditorBreadcrumbs,e.LitElement),_createClass(RichTextEditorBreadcrumbs,null,[{key:"tag",get:function get(){return"rich-text-editor-breadcrumbs"}},{key:"properties",get:function get(){return{controls:{type:String},hidden:{type:Boolean,attribute:"hidden",reflect:!0},label:{type:String},sticky:{type:Boolean,reflect:!0},selectionAncestors:{type:Array}}}}]),_createClass(RichTextEditorBreadcrumbs,[{key:"_handleClick",value:function _handleClick(e){this.dispatchEvent(new CustomEvent("breadcrumb-click",{bubbles:!0,cancelable:!0,composed:!0,detail:e}))}},{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject_dbdb15e01f2611eda0c389891c227ec8(),this.label,this.selectionAncestors?(this.selectionAncestors||[]).map((function(r,n){return(0,e.html)(_templateObject2_dbdb15e01f2611eda0c389891c227ec8(),r.selectAll?"":"selectnode",t.controls,(function(e){return t._handleClick(r)}),r.nodeName.toLowerCase(),n+1>=(t.selectionAncestors||[]).length?"":(0,e.html)(_templateObject3_dbdb15e01f2611eda0c389891c227ec8()))})):"")}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.RichTextToolbarStyles),[(0,e.css)(_templateObject4_dbdb15e01f2611eda0c389891c227ec8())])}}]),RichTextEditorBreadcrumbs}();exports.RichTextEditorBreadcrumbs=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar-mini.dev.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar-mini.dev.js
index af2f6c8fa9f..96eb35a937c 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar-mini.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar-mini.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorToolbarMini=void 0;var t=require("lit"),e=require("./rich-text-editor-toolbar.js");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,o=new Array(t.length);e<t.length;e++)o[e]=t[e];return o}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_0543aee01f0611ed8cc3e9a95995ad69(){var t=function _taggedTemplateLiteral(t,e){e||(e=t.slice(0));return Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}([" "," "]);return _templateObject_0543aee01f0611ed8cc3e9a95995ad69=function _templateObject_0543aee01f0611ed8cc3e9a95995ad69(){return t},t}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _defineProperties(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _createClass(t,e,o){return e&&_defineProperties(t.prototype,e),o&&_defineProperties(t,o),t}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,o){var r=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(r){var n=Object.getOwnPropertyDescriptor(r,e);return n.get?n.get.call(o):n.value}},_get(t,e,o||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}require("@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior.js");var o=function(o){function RichTextEditorToolbarMini(){var t;return function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorToolbarMini),(t=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorToolbarMini).call(this))).sticky=!1,t.config=t.miniConfig,t}return function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}(RichTextEditorToolbarMini,(0,e.RichTextEditorToolbarBehaviors)(t.LitElement)),_createClass(RichTextEditorToolbarMini,[{key:"render",value:function render(){return(0,t.html)(_templateObject_0543aee01f0611ed8cc3e9a95995ad69(),_get(_getPrototypeOf(RichTextEditorToolbarMini.prototype),"miniTemplate",this))}}],[{key:"tag",get:function get(){return"rich-text-editor-toolbar-mini"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(RichTextEditorToolbarMini),"baseStyles",this)),_toConsumableArray(_get(_getPrototypeOf(RichTextEditorToolbarMini),"miniStyles",this)))}}]),_createClass(RichTextEditorToolbarMini,[{key:"updated",value:function updated(t){var e=this;_get(_getPrototypeOf(RichTextEditorToolbarMini.prototype),"updated",this).call(this,t),t.forEach((function(t,o){"sticky"===o&&e.sticky&&(e.sticky=!1)}))}}]),RichTextEditorToolbarMini}();exports.RichTextEditorToolbarMini=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorToolbarMini=void 0;var t=require("lit"),e=require("./rich-text-editor-toolbar.js");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,o=new Array(t.length);e<t.length;e++)o[e]=t[e];return o}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_dbdd5fd01f2611eda0c389891c227ec8(){var t=function _taggedTemplateLiteral(t,e){e||(e=t.slice(0));return Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}([" "," "]);return _templateObject_dbdd5fd01f2611eda0c389891c227ec8=function _templateObject_dbdd5fd01f2611eda0c389891c227ec8(){return t},t}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _defineProperties(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _createClass(t,e,o){return e&&_defineProperties(t.prototype,e),o&&_defineProperties(t,o),t}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,o){var r=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(r){var n=Object.getOwnPropertyDescriptor(r,e);return n.get?n.get.call(o):n.value}},_get(t,e,o||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}require("@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior.js");var o=function(o){function RichTextEditorToolbarMini(){var t;return function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,RichTextEditorToolbarMini),(t=_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorToolbarMini).call(this))).sticky=!1,t.config=t.miniConfig,t}return function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}(RichTextEditorToolbarMini,(0,e.RichTextEditorToolbarBehaviors)(t.LitElement)),_createClass(RichTextEditorToolbarMini,[{key:"render",value:function render(){return(0,t.html)(_templateObject_dbdd5fd01f2611eda0c389891c227ec8(),_get(_getPrototypeOf(RichTextEditorToolbarMini.prototype),"miniTemplate",this))}}],[{key:"tag",get:function get(){return"rich-text-editor-toolbar-mini"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(RichTextEditorToolbarMini),"baseStyles",this)),_toConsumableArray(_get(_getPrototypeOf(RichTextEditorToolbarMini),"miniStyles",this)))}}]),_createClass(RichTextEditorToolbarMini,[{key:"updated",value:function updated(t){var e=this;_get(_getPrototypeOf(RichTextEditorToolbarMini.prototype),"updated",this).call(this,t),t.forEach((function(t,o){"sticky"===o&&e.sticky&&(e.sticky=!1)}))}}]),RichTextEditorToolbarMini}();exports.RichTextEditorToolbarMini=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar.dev.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar.dev.js
index 0e27c6e7f11..56bf6cc29e7 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/dist/rich-text-editor-toolbar.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorToolbarBehaviors=exports.RichTextEditorToolbar=void 0;var t=require("lit"),e=require("@lrnwebcomponents/simple-toolbar/simple-toolbar.js"),r=(require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-button.js")),n=require("@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-range-behaviors.js");require("@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-prompt.js"),require("@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior.js");var o=_interopRequireWildcard(require("shadow-selection-polyfill/shadow.js"));function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var e=_getRequireWildcardCache();if(e&&e.has(t))return e.get(t);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o)){var i=n?Object.getOwnPropertyDescriptor(t,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=t[o]}return r.default=t,e&&e.set(t,r),r}function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function _defineProperty(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function _templateObject3_054a8cb01f0611ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(["\n          :host {\n            border: var(--rich-text-editor-border-width, 1px) solid\n              var(--rich-text-editor-border-color, #ddd);\n            background-color: var(--rich-text-editor-bg, #ffffff);\n          }\n          #morebutton::part(button) {\n            border-radius: var(\n              --rich-text-editor-button-disabled-border-radius,\n              0px\n            );\n          }\n        "]);return _templateObject3_054a8cb01f0611ed8cc3e9a95995ad69=function _templateObject3_054a8cb01f0611ed8cc3e9a95995ad69(){return t},t}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,r=new Array(t.length);e<t.length;e++)r[e]=t[e];return r}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject2_054a8cb01f0611ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(["\n          :host {\n            position: relative;\n            height: 0;\n            margin: 0 auto;\n            padding: 0;\n            border: none;\n            background-color: none;\n          }\n          #container {\n            display: flex;\n            position: absolute;\n            bottom: 0;\n            margin: 0 auto;\n            padding: 0;\n            border: var(--rich-text-editor-border-width, 1px) solid\n              var(--rich-text-editor-border-color, #ddd);\n            background-color: var(\n              --rich-text-editor-bg,\n              var(--rich-text-editor-bg, #ffffff)\n            );\n          }\n        "]);return _templateObject2_054a8cb01f0611ed8cc3e9a95995ad69=function _templateObject2_054a8cb01f0611ed8cc3e9a95995ad69(){return t},t}function _templateObject_054a8cb01f0611ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral([' <div id="container">',"</div> "]);return _templateObject_054a8cb01f0611ed8cc3e9a95995ad69=function _templateObject_054a8cb01f0611ed8cc3e9a95995ad69(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?_assertThisInitialized(t):e}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _defineProperties(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function _createClass(t,e,r){return e&&_defineProperties(t.prototype,e),r&&_defineProperties(t,r),t}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,r){var n=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(n){var o=Object.getOwnPropertyDescriptor(n,e);return o.get?o.get.call(r):o.value}},_get(t,e,r||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}window.RichTextEditorToolbars=window.RichTextEditorToolbars||[];var i=function RichTextEditorToolbarBehaviors(i){return function(e){function _class(){var t;return _classCallCheck(this,_class),t=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this)),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-source-code.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-heading-picker.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-symbol-picker.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-underline.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-image.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-link.js"))})),t.config=t.defaultConfig,t.clickableElements={},t.breadcrumbsLabel="Select",t.breadcrumbsSelectAllLabel="All",t.__toolbar=_assertThisInitialized(t),document.addEventListener(o.eventName,t._handleTargetSelection.bind(t.__toolbar)),t.addEventListener("mousedown",(function(t){return t.stopImmediatePropagation()})),t}return _inherits(_class,e),_createClass(_class,[{key:"render",value:function render(){return this.toolbarTemplate}},{key:"undoButton",get:function get(){return{command:"undo",icon:"undo",label:"Undo",shortcutKeys:"ctrl+z",type:"rich-text-editor-button"}}},{key:"redoButton",get:function get(){return{command:"redo",icon:"redo",label:"Redo",shortcutKeys:"ctrl+shift+z",type:"rich-text-editor-button"}}},{key:"historyButtonGroup",get:function get(){return{type:"button-group",subtype:"history-button-group",buttons:[this.undoButton,this.redoButton]}}},{key:"formatButton",get:function get(){return{label:"Format",type:"rich-text-editor-heading-picker"}}},{key:"boldButton",get:function get(){return{command:"bold",icon:"editor:format-bold",label:"Bold",shortcutKeys:"ctrl+b",toggles:!0,type:"rich-text-editor-button"}}},{key:"italicButton",get:function get(){return{command:"italic",icon:"editor:format-italic",label:"Italics",shortcutKeys:"ctrl+i",toggles:!0,type:"rich-text-editor-button"}}},{key:"underlineButton",get:function get(){return{type:"rich-text-editor-underline"}}},{key:"strikethroughButton",get:function get(){return{command:"strikeThrough",icon:"editor:format-strikethrough",label:"Strike Through",type:"rich-text-editor-button"}}},{key:"removeFormatButton",get:function get(){return{command:"removeFormat",icon:"editor:format-clear",label:"Erase Format",type:"rich-text-editor-button"}}},{key:"basicInlineButtonGroup",get:function get(){return{type:"button-group",subtype:"basic-inline-button-group",buttons:[this.formatButton,this.boldButton,this.italicButton,this.removeFormatButton]}}},{key:"linkButton",get:function get(){return{icon:"link",label:"Link",shortcutKeys:"ctrl+k",type:"rich-text-editor-link"}}},{key:"linkButtonGroup",get:function get(){return{type:"button-group",subtype:"link-button-group",buttons:[this.linkButton]}}},{key:"cutButton",get:function get(){return{command:"cut",icon:"content-cut",label:"Cut",shortcutKeys:"ctrl+x",type:"rich-text-editor-button"}}},{key:"copyButton",get:function get(){return{command:"copy",icon:"content-copy",label:"Copy",shortcutKeys:"ctrl+c",type:"rich-text-editor-button"}}},{key:"pasteButton",get:function get(){return{command:"paste",icon:"content-paste",label:"Paste",shortcutKeys:"ctrl+v",type:"rich-text-editor-button"}}},{key:"clipboardButtonGroup",get:function get(){return{type:"button-group",subtype:"clipboard-button-group",buttons:[this.cutButton,this.copyButton,this.pasteButton]}}},{key:"subscriptButton",get:function get(){return{command:"subscript",icon:"mdextra:subscript",label:"Subscript",toggles:!0,type:"rich-text-editor-button"}}},{key:"superscriptButton",get:function get(){return{command:"superscript",icon:"mdextra:superscript",label:"Superscript",toggles:!0,type:"rich-text-editor-button"}}},{key:"scriptButtonGroup",get:function get(){return{type:"button-group",subtype:"script-button-group",buttons:[this.subscriptButton,this.superscriptButton]}}},{key:"symbolButton",get:function get(){return{symbolTypes:["symbols"],type:"rich-text-editor-symbol-picker"}}},{key:"iconButton",get:function get(){return{type:"rich-text-editor-icon-picker"}}},{key:"emojiButton",get:function get(){return{type:"rich-text-editor-emoji-picker"}}},{key:"imageButton",get:function get(){return{type:"rich-text-editor-image"}}},{key:"insertButtonGroup",get:function get(){return{type:"button-group",subtype:"insert-button-group",buttons:[this.imageButton,this.symbolButton]}}},{key:"advancedInsertButtonGroup",get:function get(){return{type:"button-group",subtype:"advanced-insert-button-group",buttons:[this.emojiButton]}}},{key:"orderedListButton",get:function get(){return{command:"insertOrderedList",icon:"editor:format-list-numbered",label:"Ordered List",toggles:!0,type:"rich-text-editor-button"}}},{key:"unorderedListButton",get:function get(){return{command:"insertUnorderedList",icon:"editor:format-list-bulleted",label:"Unordered List",toggles:!0,type:"rich-text-editor-button"}}},{key:"blockquoteButton",get:function get(){return{command:"formatBlock",commandVal:"blockquote",label:"Blockquote",icon:"editor:format-quote",shortcutKeys:"ctrl+'",type:"rich-text-editor-button"}}},{key:"indentButton",get:function get(){return{command:"indent",icon:"editor:format-indent-increase",label:"Increase Indent",shortcutKeys:"ctrl+]",type:"rich-text-editor-button"}}},{key:"outdentButton",get:function get(){return{command:"outdent",icon:"editor:format-indent-decrease",label:"Decrease Indent",shortcutKeys:"ctrl+[",type:"rich-text-editor-button"}}},{key:"listIndentButtonGroup",get:function get(){return{type:"button-group",subtype:"list-indent-button-group",buttons:[this.orderedListButton,this.unorderedListButton,this.blockquoteButton,this.indentButton,this.outdentButton]}}},{key:"saveButton",get:function get(){return{command:"save",icon:"save",label:"Save",type:"rich-text-editor-button"}}},{key:"closeButton",get:function get(){return{command:"cancel",icon:"close",label:"Cancel",type:"rich-text-editor-button"}}},{key:"saveCloseButtonGroup",get:function get(){return{type:"button-group",subtype:"save-close-button-group",buttons:[this.saveButton]}}},{key:"sourceButton",get:function get(){return{type:"rich-text-editor-source-code"}}},{key:"sourceButtonGroup",get:function get(){return{type:"button-group",subtype:"source-button-group",buttons:[this.sourceButton]}}},{key:"defaultConfig",get:function get(){return[this.historyButtonGroup,this.basicInlineButtonGroup,this.linkButtonGroup,this.clipboardButtonGroup,this.scriptButtonGroup,this.insertButtonGroup,this.listIndentButtonGroup]}},{key:"miniConfig",get:function get(){return[{type:"button-group",buttons:[this.boldButton,this.italicButton,this.removeFormatButton]},this.linkButtonGroup,this.scriptButtonGroup,{type:"button-group",buttons:[this.orderedListButton,this.unorderedListButton]}]}},{key:"miniTemplate",get:function get(){return(0,t.html)(_templateObject_054a8cb01f0611ed8cc3e9a95995ad69(),_get(_getPrototypeOf(_class.prototype),"toolbarTemplate",this))}},{key:"toolbarTemplate",get:function get(){return _get(_getPrototypeOf(_class.prototype),"toolbarTemplate",this)}}],[{key:"tag",get:function get(){return"rich-text-editor-toolbar"}},{key:"miniStyles",get:function get(){return[(0,t.css)(_templateObject2_054a8cb01f0611ed8cc3e9a95995ad69())]}},{key:"baseStyles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"baseStyles",this)),_toConsumableArray(r.RichTextStyles),[(0,t.css)(_templateObject3_054a8cb01f0611ed8cc3e9a95995ad69())])}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(this.baseStyles),_toConsumableArray(_get(_getPrototypeOf(_class),"stickyStyles",this)))}},{key:"properties",get:function get(){return function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(r,!0).forEach((function(e){_defineProperty(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},_get(_getPrototypeOf(_class),"properties",this),{breadcrumbsLabel:{name:"breadcrumbsLabel",type:String,attribute:"breadcrumbs-label"},breadcrumbsSelectAllLabel:{name:"breadcrumbsSelectAllLabel",type:String,attribute:"breadcrumbs-select-all-label"},target:{name:"target",type:Object},id:{name:"id",type:String,attribute:"id",reflect:!0},savedSelection:{name:"savedSelection",type:Object},registered:{type:Boolean},selectedNode:{type:Object},selectionAncestors:{type:Array},show:{type:String,attribute:"show",reflect:!0},clickableElements:{name:"clickableElements",type:Object},__canceledEdits:{type:Object},__pasteDisabled:{name:"__pasteDisabled",type:Boolean,attribute:"paste-disabled",reflect:!0},__prompt:{type:Object},__promptOpen:{name:"__promptOpen",type:Boolean}})}}]),_createClass(_class,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this),window.RichTextEditorToolbars.push(this)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var t=this;_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this),window.RichTextEditorToolbars=window.RichTextEditorToolbars.filter((function(e){return e!==t}))}},{key:"firstUpdated",value:function firstUpdated(t){var e=this;this.id||(this.id=this._generateUUID()),_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,t),this.hasBreadcrumbs&&this._addBreadcrumbs(),this.__prompt=window.RichTextEditorPrompt.requestAvailability(),this.__prompt.addEventListener("open",(function(t){e.__promptOpen=!0})),this.__prompt.addEventListener("close",(function(t){e.__promptOpen=!1})),this.onmousedown=this._addHighlight,this.onkeydown=this._addHighlight}},{key:"updated",value:function updated(t){var e=this;_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,t),t.forEach((function(t,r){"range"===r&&e._rangeChanged(),"editor"===r&&e._editorChange(),["editor","show","range"].includes(r)&&(e.hidden=e.disconnected),["breadcrumbs","sticky"].includes(r)&&e.breadcrumbs&&(e.breadcrumbs.sticky=e.sticky)}))}},{key:"cancel",value:function cancel(){this.dispatchEvent(new CustomEvent("cancel",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"close",value:function close(){this.target=void 0,this.positionByTarget(!1),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_editorChanged",value:function _editorChanged(){this.dispatchEvent(new CustomEvent("editor-change",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"getRange",value:function getRange(){var t=function shadowRoot(t){var e=t.parentNode;return e?shadowRoot(e):t};try{this.range=t(this.target)?o.getRange(t(this.target)):void 0}catch(t){this.range=void 0}return this.range}},{key:"getSelection",value:function(t){function getSelection(){return t.apply(this,arguments)}return getSelection.toString=function(){return t.toString()},getSelection}((function(){return window,getSelection()}))},{key:"updateRange",value:function updateRange(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.range;t&&(t.range||(t.range=e),this.range=t.range)}},{key:"_rangeChanged",value:function _rangeChanged(t){this._updateButtonRanges(),this.dispatchEvent(new CustomEvent("range-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:this}))}},{key:"clearToolbar",value:function clearToolbar(){_get(_getPrototypeOf(_class.prototype),"clearToolbar",this)&&_get(_getPrototypeOf(_class.prototype),"clearToolbar",this).call(this),this.clickableElements={}}},{key:"deregisterButton",value:function deregisterButton(t){var e=this;_get(_getPrototypeOf(_class.prototype),"deregisterButton",this)&&_get(_getPrototypeOf(_class.prototype),"deregisterButton",this).call(this,t),(t.tagsArray||[]).forEach((function(t){return delete e.clickableElements[t]}))}},{key:"registerButton",value:function registerButton(t){var e=this;_get(_getPrototypeOf(_class.prototype),"registerButton",this)&&_get(_getPrototypeOf(_class.prototype),"registerButton",this).call(this,t),"paste"!==t.command||navigator.clipboard?(t.__toolbar=this,t.disabled=!this.target,(t.tagsArray||[]).forEach((function(r){return e.clickableElements[r]=function(e){return t.tagClickCallback(e)}}))):t.remove()}},{key:"_addBreadcrumbs",value:function _addBreadcrumbs(){this.breadcrumbs||(this.breadcrumbs=document.createElement("rich-text-editor-breadcrumbs"),document.body.appendChild(this.breadcrumbs)),this.breadcrumbs.label=this.breadcrumbsLabel}},{key:"_generateUUID",value:function _generateUUID(){var t=Math.floor(65536*(1+Math.random())).toString(16).substring(1);return"rte-"+"ss-s-s-s-sss".replace(/s/g,t)}},{key:"_handleButtonUpdate",value:function _handleButtonUpdate(t){_get(_getPrototypeOf(_class.prototype),"_handleButtonUpdate",this)&&_get(_getPrototypeOf(_class.prototype),"_handleButtonUpdate",this).call(this,t)}},{key:"_renderButtonGroup",value:function _renderButtonGroup(t){var e=_get(_getPrototypeOf(_class.prototype),"_renderButtonGroup",this).call(this,t);return t.subtype&&e.classList.add(t.subtype),e}},{key:"_updateButtonRanges",value:function _updateButtonRanges(){var t=this;if(this.range&&this.target&&this.rangeNodeOrParentNode(this.range)&&this.target.contains(this.rangeNodeOrParentNode(this.range))){var e=[];this.rangeNodeOrParentNode(this.range)!==this.target&&function getParentNode(r){"rich-text-editor-highlight"!==r.tagName.toLowerCase()&&e.push(r),r.parentNode&&r.parentNode!==t.target&&getParentNode(r.parentNode)}(this.rangeNodeOrParentNode(this.range)),e.push({nodeName:this.breadcrumbsSelectAllLabel,selectAll:this.target}),this.selectedNode=e[0],this.selectionAncestors=e.reverse(),(this.buttons||[]).forEach((function(e){e.range=void 0,e.range=t.range,e.selectedNode=t.selectedNode,e.selectionAncestors=t.selectionAncestors})),this.breadcrumbs&&(this.breadcrumbs.selectionAncestors=this.selectionAncestors,this.breadcrumbs.hidden=this.disconnected,this.breadcrumbs.__target=this.__target)}}},{key:"cancelEdits",value:function cancelEdits(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.target;this.revertTarget(t),this.target(editor,!1)}},{key:"positionByTarget",value:function positionByTarget(t){t?(t.parentNode.insertBefore(this,t),this.slot=t.slot,this.breadcrumbs&&(this.target.parentNode.insertBefore(this.breadcrumbs,this.target.nextSibling),this.breadcrumbs.slot=t.slot)):(document.body.append(this),this.slot=void 0,this.breadcrumbs&&(document.body.append(this.breadcrumbs),this.breadcrumbs.slot=void 0))}},{key:"enableEditing",value:function enableEditing(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.target,r=this.enabledTargetHandlers;!e||e.hidden||e.disabled||(e.makeSticky&&e.makeSticky(this.sticky),this.positionByTarget(e),e.setAttribute("contenteditable","true"),Object.keys(r).forEach((function(t){return e.removeEventListener(t,r[t])})),this.setCanceledEdits(),this.updateRange(e),this.observeChanges(!0),this.getRoot(e).onselectionchange=function(r){t.__promptOpen||t.updateRange(e)},this.dispatchEvent(new CustomEvent("enabled",{bubbles:!0,composed:!0,cancelable:!0,detail:(this.target.innerHTML||"").replace(/<!--[^(-->)]*-->/g,"").trim()})))}},{key:"disableEditing",value:function disableEditing(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.target,e=this.enabledTargetHandlers,r=this.getRange();t&&(r&&r.collapse(!1),this.__highlight.emptyContents(),this.getRoot(t).onselectionchange=void 0,this.observeChanges(!1),this.__source&&this.__source.toggle(!1),t.removeAttribute("contenteditable"),Object.keys(e).forEach((function(r){return t.removeEventListener(r,e[r])})),t.makeSticky&&t.makeSticky(!1),this.dispatchEvent(new CustomEvent("disabled",{bubbles:!0,composed:!0,cancelable:!0,detail:(this.target.innerHTML||"").replace(/<!--[^(-->)]*-->/g,"").trim()})))}},{key:"insertNew",value:function insertNew(t){var e=document.createElement("rich-text-editor");t.parentNode.insertBefore(e,t),e.appendChild(t)}},{key:"observeChanges",value:function observeChanges(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];t?this.observer.observe(this.target,{attributes:!1,childList:!0,subtree:!0,characterData:!1}):this.observer&&this.observer.disconnect}},{key:"revertTarget",value:function revertTarget(){arguments.length>0&&void 0!==arguments[0]||this.target;this.target&&(this.target.innerHTML=this.__canceledEdits)}},{key:"sanitizeHTML",value:function sanitizeHTML(t){if(t){var e="<body(.*\n)*>(.*\n)*</body>";return t.match(e)&&t.match(e).length>0&&(t=t.match(e)[0].replace(/<\?body(.*\n)*\>/i)),t}}},{key:"setCanceledEdits",value:function setCanceledEdits(t){this.__canceledEdits=t||(this.target&&this.target.innerHTML?this.target.innerHTML:"")}},{key:"setTarget",value:function setTarget(t){var e=this,r=this.targetHandlers(t);if(t){var n=this.target;t.setAttribute("role","textbox"),n!==t&&(n&&this.unsetTarget(n),Object.keys(r).forEach((function(e){return t.addEventListener(e,r[e])})),this.getRoot(t).onselectionchange=function(r){e.__promptOpen||e.updateRange(t)},this.target=t,this.enableEditing(t))}this.updateRange(this.target),this.breadcrumbs&&(this.breadcrumbs.controls=this.controls),this.buttons.forEach((function(t){"close"!==t.command&&(t.disabled=!e.target)})),this.range=void 0,this._rangeChanged()}},{key:"unsetTarget",value:function unsetTarget(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.target,e=this.targetHandlers(t);this.disableEditing(t),Object.keys(e).forEach((function(r){return t.removeEventListener(r,e[r])})),this.target=void 0}},{key:"targetEmpty",value:function targetEmpty(){return!this.target||!this.target.innerHTML||""==this.trimHTML(this.target)}},{key:"targetHandlers",value:function targetHandlers(t){var e=this;return{click:function click(r){return e._handleTargetClick(t,r)},dblclick:function dblclick(r){return e._handleTargetDoubleClick(t,r)},focus:function focus(r){return e._handleTargetFocus(t,r)},keydown:function keydown(t){return e._handleShortcutKeys(t)},paste:function paste(t){return e._handlePaste(t)}}}},{key:"htmlMatchesTarget",value:function htmlMatchesTarget(t){var e=t?this.outdentHTML(t):void 0,r=e?e.replace(/\s+/gm,""):void 0,n=this.targetHTML?this.targetHTML.replace(/\s+/gm,""):void 0;return r&&n&&n.localeCompare(r)}},{key:"_handleTargetDoubleClick",value:function _handleTargetDoubleClick(t,e){if(t&&!t.disabled&&this.target===t){var r=Object.keys(this.clickableElements||{}),n=e.target||e.srcElement||{tagName:""},o={detail:n},i=(n.tagName||"").toLowerCase();i&&r.includes(i)&&(e.preventDefault(),this.clickableElements[i](o),this.updateRange())}}},{key:"_handleTargetClick",value:function _handleTargetClick(t,e){if(t&&!t.disabled){if(this.target!==t)e.preventDefault(),this.setTarget(t);else{var r=Object.keys(this.clickableElements||{}),n=e.target||e.srcElement||{tagName:""},o={detail:n},i=(n.tagName||"").toLowerCase();i&&r.includes(i)&&(e.preventDefault(),this.clickableElements[i](o))}this.range=this.getRange(),this.updateRange()}}},{key:"_handleTargetFocus",value:function _handleTargetFocus(t,e){this.__promptOpen||t.disabled||this.setTarget(t)}},{key:"_handleTargetKeypress",value:function _handleTargetKeypress(t){this.targetEmpty()&&t.key&&(this.innerHTML=t.key.replace(">","&gt;").replace("<","&lt;").replace("&","&amp;"),this.range=this.getRange(),this.range.selectNodeContents(this),this.range.collapse())}},{key:"_handleTargetMutation",value:function _handleTargetMutation(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this._handleTargetSelection(),(e||[]).forEach((function(e){"attributes"==e.type&&((target.disabled||target.hidden)&&target.conteneditable?(t.disableEditing(target),target.tabindex=-1):target.disabled||target.hidden||!target.conteneditable||(t.enableEditing(target),target.tabindex=0))}))}},{key:"_handleTargetSelection",value:function _handleTargetSelection(t){this.__promptOpen||(this.range=this.getRange())}},{key:"_handlePaste",value:function _handlePaste(t){t.stopImmediatePropagation(),this.pasteFromClipboard()}},{key:"_addHighlight",value:function _addHighlight(){this.__highlight.hidden&&(this.range=this.getRange(),this.target&&"true"!=!this.target.getAttribute("contenteditable")&&this.__highlight.wrap(this.range||this.getRange()))}},{key:"_removeHighlight",value:function _removeHighlight(){this.__highlight.unwrap(this.range||this.getRange())}},{key:"controls",get:function get(){var t=this.target?this.target.getAttribute("id"):void 0;return this.setAttribute("controls",t),t}},{key:"disconnected",get:function get(){return"always"!=this.show&&("selection"!=this.show?!this.target:this.noSelection)}},{key:"noSelection",get:function get(){return!this.range||this.range.collapsed}},{key:"observer",get:function get(){return new MutationObserver(this._handleTargetMutation.bind(this))}},{key:"enabledTargetHandlers",get:function get(){return{keydown:this._removeHighlight.bind(this),keypress:this._handleTargetKeypress.bind(this),mousedown:this._removeHighlight.bind(this)}}},{key:"targetHTML",get:function get(){return this.target?this.outdentHTML(this.target.innerHTML):void 0}}]),_class}((0,n.RichTextEditorRangeBehaviors)((0,e.SimpleToolbarBehaviors)(i)))};exports.RichTextEditorToolbarBehaviors=i;var a=function(e){function RichTextEditorToolbar(){return _classCallCheck(this,RichTextEditorToolbar),_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorToolbar).apply(this,arguments))}return _inherits(RichTextEditorToolbar,i(t.LitElement)),RichTextEditorToolbar}();exports.RichTextEditorToolbar=a,window.customElements.define(a.tag,a);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTextEditorToolbarBehaviors=exports.RichTextEditorToolbar=void 0;var t=require("lit"),e=require("@lrnwebcomponents/simple-toolbar/simple-toolbar.js"),r=(require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-button.js")),n=require("@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-range-behaviors.js");require("@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-prompt.js"),require("@lrnwebcomponents/absolute-position-behavior/absolute-position-behavior.js");var o=_interopRequireWildcard(require("shadow-selection-polyfill/shadow.js"));function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var e=_getRequireWildcardCache();if(e&&e.has(t))return e.get(t);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o)){var i=n?Object.getOwnPropertyDescriptor(t,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=t[o]}return r.default=t,e&&e.set(t,r),r}function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function _defineProperty(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function _templateObject3_dbe2de101f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["\n          :host {\n            border: var(--rich-text-editor-border-width, 1px) solid\n              var(--rich-text-editor-border-color, #ddd);\n            background-color: var(--rich-text-editor-bg, #ffffff);\n          }\n          #morebutton::part(button) {\n            border-radius: var(\n              --rich-text-editor-button-disabled-border-radius,\n              0px\n            );\n          }\n        "]);return _templateObject3_dbe2de101f2611eda0c389891c227ec8=function _templateObject3_dbe2de101f2611eda0c389891c227ec8(){return t},t}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,r=new Array(t.length);e<t.length;e++)r[e]=t[e];return r}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject2_dbe2de101f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["\n          :host {\n            position: relative;\n            height: 0;\n            margin: 0 auto;\n            padding: 0;\n            border: none;\n            background-color: none;\n          }\n          #container {\n            display: flex;\n            position: absolute;\n            bottom: 0;\n            margin: 0 auto;\n            padding: 0;\n            border: var(--rich-text-editor-border-width, 1px) solid\n              var(--rich-text-editor-border-color, #ddd);\n            background-color: var(\n              --rich-text-editor-bg,\n              var(--rich-text-editor-bg, #ffffff)\n            );\n          }\n        "]);return _templateObject2_dbe2de101f2611eda0c389891c227ec8=function _templateObject2_dbe2de101f2611eda0c389891c227ec8(){return t},t}function _templateObject_dbe2de101f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral([' <div id="container">',"</div> "]);return _templateObject_dbe2de101f2611eda0c389891c227ec8=function _templateObject_dbe2de101f2611eda0c389891c227ec8(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?_assertThisInitialized(t):e}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _defineProperties(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function _createClass(t,e,r){return e&&_defineProperties(t.prototype,e),r&&_defineProperties(t,r),t}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,r){var n=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(n){var o=Object.getOwnPropertyDescriptor(n,e);return o.get?o.get.call(r):o.value}},_get(t,e,r||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}window.RichTextEditorToolbars=window.RichTextEditorToolbars||[];var i=function RichTextEditorToolbarBehaviors(i){return function(e){function _class(){var t;return _classCallCheck(this,_class),t=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this)),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-source-code.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-heading-picker.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-symbol-picker.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-underline.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-image.js"))})),Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-link.js"))})),t.config=t.defaultConfig,t.clickableElements={},t.breadcrumbsLabel="Select",t.breadcrumbsSelectAllLabel="All",t.__toolbar=_assertThisInitialized(t),document.addEventListener(o.eventName,t._handleTargetSelection.bind(t.__toolbar)),t.addEventListener("mousedown",(function(t){return t.stopImmediatePropagation()})),t}return _inherits(_class,e),_createClass(_class,[{key:"render",value:function render(){return this.toolbarTemplate}},{key:"undoButton",get:function get(){return{command:"undo",icon:"undo",label:"Undo",shortcutKeys:"ctrl+z",type:"rich-text-editor-button"}}},{key:"redoButton",get:function get(){return{command:"redo",icon:"redo",label:"Redo",shortcutKeys:"ctrl+shift+z",type:"rich-text-editor-button"}}},{key:"historyButtonGroup",get:function get(){return{type:"button-group",subtype:"history-button-group",buttons:[this.undoButton,this.redoButton]}}},{key:"formatButton",get:function get(){return{label:"Format",type:"rich-text-editor-heading-picker"}}},{key:"boldButton",get:function get(){return{command:"bold",icon:"editor:format-bold",label:"Bold",shortcutKeys:"ctrl+b",toggles:!0,type:"rich-text-editor-button"}}},{key:"italicButton",get:function get(){return{command:"italic",icon:"editor:format-italic",label:"Italics",shortcutKeys:"ctrl+i",toggles:!0,type:"rich-text-editor-button"}}},{key:"underlineButton",get:function get(){return{type:"rich-text-editor-underline"}}},{key:"strikethroughButton",get:function get(){return{command:"strikeThrough",icon:"editor:format-strikethrough",label:"Strike Through",type:"rich-text-editor-button"}}},{key:"removeFormatButton",get:function get(){return{command:"removeFormat",icon:"editor:format-clear",label:"Erase Format",type:"rich-text-editor-button"}}},{key:"basicInlineButtonGroup",get:function get(){return{type:"button-group",subtype:"basic-inline-button-group",buttons:[this.formatButton,this.boldButton,this.italicButton,this.removeFormatButton]}}},{key:"linkButton",get:function get(){return{icon:"link",label:"Link",shortcutKeys:"ctrl+k",type:"rich-text-editor-link"}}},{key:"linkButtonGroup",get:function get(){return{type:"button-group",subtype:"link-button-group",buttons:[this.linkButton]}}},{key:"cutButton",get:function get(){return{command:"cut",icon:"content-cut",label:"Cut",shortcutKeys:"ctrl+x",type:"rich-text-editor-button"}}},{key:"copyButton",get:function get(){return{command:"copy",icon:"content-copy",label:"Copy",shortcutKeys:"ctrl+c",type:"rich-text-editor-button"}}},{key:"pasteButton",get:function get(){return{command:"paste",icon:"content-paste",label:"Paste",shortcutKeys:"ctrl+v",type:"rich-text-editor-button"}}},{key:"clipboardButtonGroup",get:function get(){return{type:"button-group",subtype:"clipboard-button-group",buttons:[this.cutButton,this.copyButton,this.pasteButton]}}},{key:"subscriptButton",get:function get(){return{command:"subscript",icon:"mdextra:subscript",label:"Subscript",toggles:!0,type:"rich-text-editor-button"}}},{key:"superscriptButton",get:function get(){return{command:"superscript",icon:"mdextra:superscript",label:"Superscript",toggles:!0,type:"rich-text-editor-button"}}},{key:"scriptButtonGroup",get:function get(){return{type:"button-group",subtype:"script-button-group",buttons:[this.subscriptButton,this.superscriptButton]}}},{key:"symbolButton",get:function get(){return{symbolTypes:["symbols"],type:"rich-text-editor-symbol-picker"}}},{key:"iconButton",get:function get(){return{type:"rich-text-editor-icon-picker"}}},{key:"emojiButton",get:function get(){return{type:"rich-text-editor-emoji-picker"}}},{key:"imageButton",get:function get(){return{type:"rich-text-editor-image"}}},{key:"insertButtonGroup",get:function get(){return{type:"button-group",subtype:"insert-button-group",buttons:[this.imageButton,this.symbolButton]}}},{key:"advancedInsertButtonGroup",get:function get(){return{type:"button-group",subtype:"advanced-insert-button-group",buttons:[this.emojiButton]}}},{key:"orderedListButton",get:function get(){return{command:"insertOrderedList",icon:"editor:format-list-numbered",label:"Ordered List",toggles:!0,type:"rich-text-editor-button"}}},{key:"unorderedListButton",get:function get(){return{command:"insertUnorderedList",icon:"editor:format-list-bulleted",label:"Unordered List",toggles:!0,type:"rich-text-editor-button"}}},{key:"blockquoteButton",get:function get(){return{command:"formatBlock",commandVal:"blockquote",label:"Blockquote",icon:"editor:format-quote",shortcutKeys:"ctrl+'",type:"rich-text-editor-button"}}},{key:"indentButton",get:function get(){return{command:"indent",icon:"editor:format-indent-increase",label:"Increase Indent",shortcutKeys:"ctrl+]",type:"rich-text-editor-button"}}},{key:"outdentButton",get:function get(){return{command:"outdent",icon:"editor:format-indent-decrease",label:"Decrease Indent",shortcutKeys:"ctrl+[",type:"rich-text-editor-button"}}},{key:"listIndentButtonGroup",get:function get(){return{type:"button-group",subtype:"list-indent-button-group",buttons:[this.orderedListButton,this.unorderedListButton,this.blockquoteButton,this.indentButton,this.outdentButton]}}},{key:"saveButton",get:function get(){return{command:"save",icon:"save",label:"Save",type:"rich-text-editor-button"}}},{key:"closeButton",get:function get(){return{command:"cancel",icon:"close",label:"Cancel",type:"rich-text-editor-button"}}},{key:"saveCloseButtonGroup",get:function get(){return{type:"button-group",subtype:"save-close-button-group",buttons:[this.saveButton]}}},{key:"sourceButton",get:function get(){return{type:"rich-text-editor-source-code"}}},{key:"sourceButtonGroup",get:function get(){return{type:"button-group",subtype:"source-button-group",buttons:[this.sourceButton]}}},{key:"defaultConfig",get:function get(){return[this.historyButtonGroup,this.basicInlineButtonGroup,this.linkButtonGroup,this.clipboardButtonGroup,this.scriptButtonGroup,this.insertButtonGroup,this.listIndentButtonGroup]}},{key:"miniConfig",get:function get(){return[{type:"button-group",buttons:[this.boldButton,this.italicButton,this.removeFormatButton]},this.linkButtonGroup,this.scriptButtonGroup,{type:"button-group",buttons:[this.orderedListButton,this.unorderedListButton]}]}},{key:"miniTemplate",get:function get(){return(0,t.html)(_templateObject_dbe2de101f2611eda0c389891c227ec8(),_get(_getPrototypeOf(_class.prototype),"toolbarTemplate",this))}},{key:"toolbarTemplate",get:function get(){return _get(_getPrototypeOf(_class.prototype),"toolbarTemplate",this)}}],[{key:"tag",get:function get(){return"rich-text-editor-toolbar"}},{key:"miniStyles",get:function get(){return[(0,t.css)(_templateObject2_dbe2de101f2611eda0c389891c227ec8())]}},{key:"baseStyles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"baseStyles",this)),_toConsumableArray(r.RichTextStyles),[(0,t.css)(_templateObject3_dbe2de101f2611eda0c389891c227ec8())])}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(this.baseStyles),_toConsumableArray(_get(_getPrototypeOf(_class),"stickyStyles",this)))}},{key:"properties",get:function get(){return function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(r,!0).forEach((function(e){_defineProperty(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},_get(_getPrototypeOf(_class),"properties",this),{breadcrumbsLabel:{name:"breadcrumbsLabel",type:String,attribute:"breadcrumbs-label"},breadcrumbsSelectAllLabel:{name:"breadcrumbsSelectAllLabel",type:String,attribute:"breadcrumbs-select-all-label"},target:{name:"target",type:Object},id:{name:"id",type:String,attribute:"id",reflect:!0},savedSelection:{name:"savedSelection",type:Object},registered:{type:Boolean},selectedNode:{type:Object},selectionAncestors:{type:Array},show:{type:String,attribute:"show",reflect:!0},clickableElements:{name:"clickableElements",type:Object},__canceledEdits:{type:Object},__pasteDisabled:{name:"__pasteDisabled",type:Boolean,attribute:"paste-disabled",reflect:!0},__prompt:{type:Object},__promptOpen:{name:"__promptOpen",type:Boolean}})}}]),_createClass(_class,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this),window.RichTextEditorToolbars.push(this)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var t=this;_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this),window.RichTextEditorToolbars=window.RichTextEditorToolbars.filter((function(e){return e!==t}))}},{key:"firstUpdated",value:function firstUpdated(t){var e=this;this.id||(this.id=this._generateUUID()),_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,t),this.hasBreadcrumbs&&this._addBreadcrumbs(),this.__prompt=window.RichTextEditorPrompt.requestAvailability(),this.__prompt.addEventListener("open",(function(t){e.__promptOpen=!0})),this.__prompt.addEventListener("close",(function(t){e.__promptOpen=!1})),this.onmousedown=this._addHighlight,this.onkeydown=this._addHighlight}},{key:"updated",value:function updated(t){var e=this;_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,t),t.forEach((function(t,r){"range"===r&&e._rangeChanged(),"editor"===r&&e._editorChange(),["editor","show","range"].includes(r)&&(e.hidden=e.disconnected),["breadcrumbs","sticky"].includes(r)&&e.breadcrumbs&&(e.breadcrumbs.sticky=e.sticky)}))}},{key:"cancel",value:function cancel(){this.dispatchEvent(new CustomEvent("cancel",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"close",value:function close(){this.target=void 0,this.positionByTarget(!1),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_editorChanged",value:function _editorChanged(){this.dispatchEvent(new CustomEvent("editor-change",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"getRange",value:function getRange(){var t=function shadowRoot(t){var e=t.parentNode;return e?shadowRoot(e):t};try{this.range=t(this.target)?o.getRange(t(this.target)):void 0}catch(t){this.range=void 0}return this.range}},{key:"getSelection",value:function(t){function getSelection(){return t.apply(this,arguments)}return getSelection.toString=function(){return t.toString()},getSelection}((function(){return window,getSelection()}))},{key:"updateRange",value:function updateRange(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.range;t&&(t.range||(t.range=e),this.range=t.range)}},{key:"_rangeChanged",value:function _rangeChanged(t){this._updateButtonRanges(),this.dispatchEvent(new CustomEvent("range-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:this}))}},{key:"clearToolbar",value:function clearToolbar(){_get(_getPrototypeOf(_class.prototype),"clearToolbar",this)&&_get(_getPrototypeOf(_class.prototype),"clearToolbar",this).call(this),this.clickableElements={}}},{key:"deregisterButton",value:function deregisterButton(t){var e=this;_get(_getPrototypeOf(_class.prototype),"deregisterButton",this)&&_get(_getPrototypeOf(_class.prototype),"deregisterButton",this).call(this,t),(t.tagsArray||[]).forEach((function(t){return delete e.clickableElements[t]}))}},{key:"registerButton",value:function registerButton(t){var e=this;_get(_getPrototypeOf(_class.prototype),"registerButton",this)&&_get(_getPrototypeOf(_class.prototype),"registerButton",this).call(this,t),"paste"!==t.command||navigator.clipboard?(t.__toolbar=this,t.disabled=!this.target,(t.tagsArray||[]).forEach((function(r){return e.clickableElements[r]=function(e){return t.tagClickCallback(e)}}))):t.remove()}},{key:"_addBreadcrumbs",value:function _addBreadcrumbs(){this.breadcrumbs||(this.breadcrumbs=document.createElement("rich-text-editor-breadcrumbs"),document.body.appendChild(this.breadcrumbs)),this.breadcrumbs.label=this.breadcrumbsLabel}},{key:"_generateUUID",value:function _generateUUID(){var t=Math.floor(65536*(1+Math.random())).toString(16).substring(1);return"rte-"+"ss-s-s-s-sss".replace(/s/g,t)}},{key:"_handleButtonUpdate",value:function _handleButtonUpdate(t){_get(_getPrototypeOf(_class.prototype),"_handleButtonUpdate",this)&&_get(_getPrototypeOf(_class.prototype),"_handleButtonUpdate",this).call(this,t)}},{key:"_renderButtonGroup",value:function _renderButtonGroup(t){var e=_get(_getPrototypeOf(_class.prototype),"_renderButtonGroup",this).call(this,t);return t.subtype&&e.classList.add(t.subtype),e}},{key:"_updateButtonRanges",value:function _updateButtonRanges(){var t=this;if(this.range&&this.target&&this.rangeNodeOrParentNode(this.range)&&this.target.contains(this.rangeNodeOrParentNode(this.range))){var e=[];this.rangeNodeOrParentNode(this.range)!==this.target&&function getParentNode(r){"rich-text-editor-highlight"!==r.tagName.toLowerCase()&&e.push(r),r.parentNode&&r.parentNode!==t.target&&getParentNode(r.parentNode)}(this.rangeNodeOrParentNode(this.range)),e.push({nodeName:this.breadcrumbsSelectAllLabel,selectAll:this.target}),this.selectedNode=e[0],this.selectionAncestors=e.reverse(),(this.buttons||[]).forEach((function(e){e.range=void 0,e.range=t.range,e.selectedNode=t.selectedNode,e.selectionAncestors=t.selectionAncestors})),this.breadcrumbs&&(this.breadcrumbs.selectionAncestors=this.selectionAncestors,this.breadcrumbs.hidden=this.disconnected,this.breadcrumbs.__target=this.__target)}}},{key:"cancelEdits",value:function cancelEdits(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.target;this.revertTarget(t),this.target(editor,!1)}},{key:"positionByTarget",value:function positionByTarget(t){t?(t.parentNode.insertBefore(this,t),this.slot=t.slot,this.breadcrumbs&&(this.target.parentNode.insertBefore(this.breadcrumbs,this.target.nextSibling),this.breadcrumbs.slot=t.slot)):(document.body.append(this),this.slot=void 0,this.breadcrumbs&&(document.body.append(this.breadcrumbs),this.breadcrumbs.slot=void 0))}},{key:"enableEditing",value:function enableEditing(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.target,r=this.enabledTargetHandlers;!e||e.hidden||e.disabled||(e.makeSticky&&e.makeSticky(this.sticky),this.positionByTarget(e),e.setAttribute("contenteditable","true"),Object.keys(r).forEach((function(t){return e.removeEventListener(t,r[t])})),this.setCanceledEdits(),this.updateRange(e),this.observeChanges(!0),this.getRoot(e).onselectionchange=function(r){t.__promptOpen||t.updateRange(e)},this.dispatchEvent(new CustomEvent("enabled",{bubbles:!0,composed:!0,cancelable:!0,detail:(this.target.innerHTML||"").replace(/<!--[^(-->)]*-->/g,"").trim()})))}},{key:"disableEditing",value:function disableEditing(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.target,e=this.enabledTargetHandlers,r=this.getRange();t&&(r&&r.collapse(!1),this.__highlight.emptyContents(),this.getRoot(t).onselectionchange=void 0,this.observeChanges(!1),this.__source&&this.__source.toggle(!1),t.removeAttribute("contenteditable"),Object.keys(e).forEach((function(r){return t.removeEventListener(r,e[r])})),t.makeSticky&&t.makeSticky(!1),this.dispatchEvent(new CustomEvent("disabled",{bubbles:!0,composed:!0,cancelable:!0,detail:(this.target.innerHTML||"").replace(/<!--[^(-->)]*-->/g,"").trim()})))}},{key:"insertNew",value:function insertNew(t){var e=document.createElement("rich-text-editor");t.parentNode.insertBefore(e,t),e.appendChild(t)}},{key:"observeChanges",value:function observeChanges(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];t?this.observer.observe(this.target,{attributes:!1,childList:!0,subtree:!0,characterData:!1}):this.observer&&this.observer.disconnect}},{key:"revertTarget",value:function revertTarget(){arguments.length>0&&void 0!==arguments[0]||this.target;this.target&&(this.target.innerHTML=this.__canceledEdits)}},{key:"sanitizeHTML",value:function sanitizeHTML(t){if(t){var e="<body(.*\n)*>(.*\n)*</body>";return t.match(e)&&t.match(e).length>0&&(t=t.match(e)[0].replace(/<\?body(.*\n)*\>/i)),t}}},{key:"setCanceledEdits",value:function setCanceledEdits(t){this.__canceledEdits=t||(this.target&&this.target.innerHTML?this.target.innerHTML:"")}},{key:"setTarget",value:function setTarget(t){var e=this,r=this.targetHandlers(t);if(t){var n=this.target;t.setAttribute("role","textbox"),n!==t&&(n&&this.unsetTarget(n),Object.keys(r).forEach((function(e){return t.addEventListener(e,r[e])})),this.getRoot(t).onselectionchange=function(r){e.__promptOpen||e.updateRange(t)},this.target=t,this.enableEditing(t))}this.updateRange(this.target),this.breadcrumbs&&(this.breadcrumbs.controls=this.controls),this.buttons.forEach((function(t){"close"!==t.command&&(t.disabled=!e.target)})),this.range=void 0,this._rangeChanged()}},{key:"unsetTarget",value:function unsetTarget(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.target,e=this.targetHandlers(t);this.disableEditing(t),Object.keys(e).forEach((function(r){return t.removeEventListener(r,e[r])})),this.target=void 0}},{key:"targetEmpty",value:function targetEmpty(){return!this.target||!this.target.innerHTML||""==this.trimHTML(this.target)}},{key:"targetHandlers",value:function targetHandlers(t){var e=this;return{click:function click(r){return e._handleTargetClick(t,r)},dblclick:function dblclick(r){return e._handleTargetDoubleClick(t,r)},focus:function focus(r){return e._handleTargetFocus(t,r)},keydown:function keydown(t){return e._handleShortcutKeys(t)},paste:function paste(t){return e._handlePaste(t)}}}},{key:"htmlMatchesTarget",value:function htmlMatchesTarget(t){var e=t?this.outdentHTML(t):void 0,r=e?e.replace(/\s+/gm,""):void 0,n=this.targetHTML?this.targetHTML.replace(/\s+/gm,""):void 0;return r&&n&&n.localeCompare(r)}},{key:"_handleTargetDoubleClick",value:function _handleTargetDoubleClick(t,e){if(t&&!t.disabled&&this.target===t){var r=Object.keys(this.clickableElements||{}),n=e.target||e.srcElement||{tagName:""},o={detail:n},i=(n.tagName||"").toLowerCase();i&&r.includes(i)&&(e.preventDefault(),this.clickableElements[i](o),this.updateRange())}}},{key:"_handleTargetClick",value:function _handleTargetClick(t,e){if(t&&!t.disabled){if(this.target!==t)e.preventDefault(),this.setTarget(t);else{var r=Object.keys(this.clickableElements||{}),n=e.target||e.srcElement||{tagName:""},o={detail:n},i=(n.tagName||"").toLowerCase();i&&r.includes(i)&&(e.preventDefault(),this.clickableElements[i](o))}this.range=this.getRange(),this.updateRange()}}},{key:"_handleTargetFocus",value:function _handleTargetFocus(t,e){this.__promptOpen||t.disabled||this.setTarget(t)}},{key:"_handleTargetKeypress",value:function _handleTargetKeypress(t){this.targetEmpty()&&t.key&&(this.innerHTML=t.key.replace(">","&gt;").replace("<","&lt;").replace("&","&amp;"),this.range=this.getRange(),this.range.selectNodeContents(this),this.range.collapse())}},{key:"_handleTargetMutation",value:function _handleTargetMutation(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this._handleTargetSelection(),(e||[]).forEach((function(e){"attributes"==e.type&&((target.disabled||target.hidden)&&target.conteneditable?(t.disableEditing(target),target.tabindex=-1):target.disabled||target.hidden||!target.conteneditable||(t.enableEditing(target),target.tabindex=0))}))}},{key:"_handleTargetSelection",value:function _handleTargetSelection(t){this.__promptOpen||(this.range=this.getRange())}},{key:"_handlePaste",value:function _handlePaste(t){t.stopImmediatePropagation(),this.pasteFromClipboard()}},{key:"_addHighlight",value:function _addHighlight(){this.__highlight.hidden&&(this.range=this.getRange(),this.target&&"true"!=!this.target.getAttribute("contenteditable")&&this.__highlight.wrap(this.range||this.getRange()))}},{key:"_removeHighlight",value:function _removeHighlight(){this.__highlight.unwrap(this.range||this.getRange())}},{key:"controls",get:function get(){var t=this.target?this.target.getAttribute("id"):void 0;return this.setAttribute("controls",t),t}},{key:"disconnected",get:function get(){return"always"!=this.show&&("selection"!=this.show?!this.target:this.noSelection)}},{key:"noSelection",get:function get(){return!this.range||this.range.collapsed}},{key:"observer",get:function get(){return new MutationObserver(this._handleTargetMutation.bind(this))}},{key:"enabledTargetHandlers",get:function get(){return{keydown:this._removeHighlight.bind(this),keypress:this._handleTargetKeypress.bind(this),mousedown:this._removeHighlight.bind(this)}}},{key:"targetHTML",get:function get(){return this.target?this.outdentHTML(this.target.innerHTML):void 0}}]),_class}((0,n.RichTextEditorRangeBehaviors)((0,e.SimpleToolbarBehaviors)(i)))};exports.RichTextEditorToolbarBehaviors=i;var a=function(e){function RichTextEditorToolbar(){return _classCallCheck(this,RichTextEditorToolbar),_possibleConstructorReturn(this,_getPrototypeOf(RichTextEditorToolbar).apply(this,arguments))}return _inherits(RichTextEditorToolbar,i(t.LitElement)),RichTextEditorToolbar}();exports.RichTextEditorToolbar=a,window.customElements.define(a.tag,a);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-colors/lib/dist/simple-colors-shared-styles-polymer.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-colors/lib/dist/simple-colors-shared-styles-polymer.dev.js
index cc9ee38b646..26fe43611c2 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-colors/lib/dist/simple-colors-shared-styles-polymer.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-colors/lib/dist/simple-colors-shared-styles-polymer.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.css=void 0;var e=require("@polymer/polymer/polymer-element.js");function _templateObject_f21d56e01f0511ed8cc3e9a95995ad69(){var e=function _taggedTemplateLiteral(e,c){c||(c=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(c)}}))}(['\n  <style>\n    :host([dark]),\n    :host [dark] {\n      --simple-colors-default-theme-accent-1: #000000;\n      --simple-colors-default-theme-accent-2: #111111;\n      --simple-colors-default-theme-accent-3: #222222;\n      --simple-colors-default-theme-accent-4: #333333;\n      --simple-colors-default-theme-accent-5: #444444;\n      --simple-colors-default-theme-accent-6: #666666;\n      --simple-colors-default-theme-accent-7: #999999;\n      --simple-colors-default-theme-accent-8: #bbbbbb;\n      --simple-colors-default-theme-accent-9: #cccccc;\n      --simple-colors-default-theme-accent-10: #dddddd;\n      --simple-colors-default-theme-accent-11: #eeeeee;\n      --simple-colors-default-theme-accent-12: #ffffff;\n\n      --simple-colors-default-theme-grey-1: #000000;\n      --simple-colors-default-theme-grey-2: #111111;\n      --simple-colors-default-theme-grey-3: #222222;\n      --simple-colors-default-theme-grey-4: #333333;\n      --simple-colors-default-theme-grey-5: #444444;\n      --simple-colors-default-theme-grey-6: #666666;\n      --simple-colors-default-theme-grey-7: #999999;\n      --simple-colors-default-theme-grey-8: #bbbbbb;\n      --simple-colors-default-theme-grey-9: #cccccc;\n      --simple-colors-default-theme-grey-10: #dddddd;\n      --simple-colors-default-theme-grey-11: #eeeeee;\n      --simple-colors-default-theme-grey-12: #ffffff;\n\n      --simple-colors-default-theme-red-1: #3f0000;\n      --simple-colors-default-theme-red-2: #520000;\n      --simple-colors-default-theme-red-3: #670000;\n      --simple-colors-default-theme-red-4: #850000;\n      --simple-colors-default-theme-red-5: #ac0000;\n      --simple-colors-default-theme-red-6: #ee0000;\n      --simple-colors-default-theme-red-7: #ff2222;\n      --simple-colors-default-theme-red-8: #fd5151;\n      --simple-colors-default-theme-red-9: #ff7474;\n      --simple-colors-default-theme-red-10: #ff8f8f;\n      --simple-colors-default-theme-red-11: #ffaeae;\n      --simple-colors-default-theme-red-12: #ffdddd;\n\n      --simple-colors-default-theme-pink-1: #440019;\n      --simple-colors-default-theme-pink-2: #5a0020;\n      --simple-colors-default-theme-pink-3: #78002b;\n      --simple-colors-default-theme-pink-4: #980036;\n      --simple-colors-default-theme-pink-5: #b80042;\n      --simple-colors-default-theme-pink-6: #da004e;\n      --simple-colors-default-theme-pink-7: #ff3996;\n      --simple-colors-default-theme-pink-8: #fd60aa;\n      --simple-colors-default-theme-pink-9: #ff73b5;\n      --simple-colors-default-theme-pink-10: #ff87c0;\n      --simple-colors-default-theme-pink-11: #ffa5cf;\n      --simple-colors-default-theme-pink-12: #ffe6f1;\n\n      --simple-colors-default-theme-purple-1: #200025;\n      --simple-colors-default-theme-purple-2: #33003a;\n      --simple-colors-default-theme-purple-3: #490052;\n      --simple-colors-default-theme-purple-4: #6c0079;\n      --simple-colors-default-theme-purple-5: #8a009b;\n      --simple-colors-default-theme-purple-6: #a500ba;\n      --simple-colors-default-theme-purple-7: #e200ff;\n      --simple-colors-default-theme-purple-8: #ed61ff;\n      --simple-colors-default-theme-purple-9: #f07cff;\n      --simple-colors-default-theme-purple-10: #f394ff;\n      --simple-colors-default-theme-purple-11: #f4affd;\n      --simple-colors-default-theme-purple-12: #fce6ff;\n\n      --simple-colors-default-theme-deep-purple-1: #1d0033;\n      --simple-colors-default-theme-deep-purple-2: #2a0049;\n      --simple-colors-default-theme-deep-purple-3: #3a0063;\n      --simple-colors-default-theme-deep-purple-4: #4c0081;\n      --simple-colors-default-theme-deep-purple-5: #5d009f;\n      --simple-colors-default-theme-deep-purple-6: #7e00d8;\n      --simple-colors-default-theme-deep-purple-7: #a931ff;\n      --simple-colors-default-theme-deep-purple-8: #b44aff;\n      --simple-colors-default-theme-deep-purple-9: #bb63f9;\n      --simple-colors-default-theme-deep-purple-10: #c97eff;\n      --simple-colors-default-theme-deep-purple-11: #ddacff;\n      --simple-colors-default-theme-deep-purple-12: #f3e4ff;\n\n      --simple-colors-default-theme-indigo-1: #0a0030;\n      --simple-colors-default-theme-indigo-2: #100049;\n      --simple-colors-default-theme-indigo-3: #160063;\n      --simple-colors-default-theme-indigo-4: #20008c;\n      --simple-colors-default-theme-indigo-5: #2801b0;\n      --simple-colors-default-theme-indigo-6: #3a00ff;\n      --simple-colors-default-theme-indigo-7: #835fff;\n      --simple-colors-default-theme-indigo-8: #9373ff;\n      --simple-colors-default-theme-indigo-9: #9e82ff;\n      --simple-colors-default-theme-indigo-10: #af97ff;\n      --simple-colors-default-theme-indigo-11: #c3b2ff;\n      --simple-colors-default-theme-indigo-12: #e5ddff;\n\n      --simple-colors-default-theme-blue-1: #001333;\n      --simple-colors-default-theme-blue-2: #001947;\n      --simple-colors-default-theme-blue-3: #002569;\n      --simple-colors-default-theme-blue-4: #003494;\n      --simple-colors-default-theme-blue-5: #0041bb;\n      --simple-colors-default-theme-blue-6: #0059ff;\n      --simple-colors-default-theme-blue-7: #4083ff;\n      --simple-colors-default-theme-blue-8: #5892fd;\n      --simple-colors-default-theme-blue-9: #74a5ff;\n      --simple-colors-default-theme-blue-10: #95baff;\n      --simple-colors-default-theme-blue-11: #acc9ff;\n      --simple-colors-default-theme-blue-12: #e2ecff;\n\n      --simple-colors-default-theme-light-blue-1: #001b36;\n      --simple-colors-default-theme-light-blue-2: #002850;\n      --simple-colors-default-theme-light-blue-3: #003f7d;\n      --simple-colors-default-theme-light-blue-4: #0055a8;\n      --simple-colors-default-theme-light-blue-5: #0066ca;\n      --simple-colors-default-theme-light-blue-6: #007ffc;\n      --simple-colors-default-theme-light-blue-7: #41a1ff;\n      --simple-colors-default-theme-light-blue-8: #58adff;\n      --simple-colors-default-theme-light-blue-9: #65b3ff;\n      --simple-colors-default-theme-light-blue-10: #92c9ff;\n      --simple-colors-default-theme-light-blue-11: #a1d1ff;\n      --simple-colors-default-theme-light-blue-12: #cde8ff;\n\n      --simple-colors-default-theme-cyan-1: #001a20;\n      --simple-colors-default-theme-cyan-2: #002c38;\n      --simple-colors-default-theme-cyan-3: #003f50;\n      --simple-colors-default-theme-cyan-4: #005970;\n      --simple-colors-default-theme-cyan-5: #007999;\n      --simple-colors-default-theme-cyan-6: #009dc7;\n      --simple-colors-default-theme-cyan-7: #00c9ff;\n      --simple-colors-default-theme-cyan-8: #1ccfff;\n      --simple-colors-default-theme-cyan-9: #33d4ff;\n      --simple-colors-default-theme-cyan-10: #77e2ff;\n      --simple-colors-default-theme-cyan-11: #9beaff;\n      --simple-colors-default-theme-cyan-12: #ddf8ff;\n\n      --simple-colors-default-theme-teal-1: #001b14;\n      --simple-colors-default-theme-teal-2: #002a20;\n      --simple-colors-default-theme-teal-3: #003829;\n      --simple-colors-default-theme-teal-4: #004e3a;\n      --simple-colors-default-theme-teal-5: #007658;\n      --simple-colors-default-theme-teal-6: #009d75;\n      --simple-colors-default-theme-teal-7: #00ff9c;\n      --simple-colors-default-theme-teal-8: #29ffac;\n      --simple-colors-default-theme-teal-9: #56ffbd;\n      --simple-colors-default-theme-teal-10: #79ffcb;\n      --simple-colors-default-theme-teal-11: #98ffd7;\n      --simple-colors-default-theme-teal-12: #d9fff0;\n\n      --simple-colors-default-theme-green-1: #001d0c;\n      --simple-colors-default-theme-green-2: #002a11;\n      --simple-colors-default-theme-green-3: #003d18;\n      --simple-colors-default-theme-green-4: #005a23;\n      --simple-colors-default-theme-green-5: #00762e;\n      --simple-colors-default-theme-green-6: #008c37;\n      --simple-colors-default-theme-green-7: #00f961;\n      --simple-colors-default-theme-green-8: #24ff70;\n      --simple-colors-default-theme-green-9: #49ff88;\n      --simple-colors-default-theme-green-10: #79ffa7;\n      --simple-colors-default-theme-green-11: #acffc9;\n      --simple-colors-default-theme-green-12: #e1ffeb;\n\n      --simple-colors-default-theme-light-green-1: #0d2000;\n      --simple-colors-default-theme-light-green-2: #143000;\n      --simple-colors-default-theme-light-green-3: #1b3f00;\n      --simple-colors-default-theme-light-green-4: #296100;\n      --simple-colors-default-theme-light-green-5: #357f00;\n      --simple-colors-default-theme-light-green-6: #429d00;\n      --simple-colors-default-theme-light-green-7: #6fff00;\n      --simple-colors-default-theme-light-green-8: #8efd38;\n      --simple-colors-default-theme-light-green-9: #a1fd5a;\n      --simple-colors-default-theme-light-green-10: #b1ff75;\n      --simple-colors-default-theme-light-green-11: #c7ff9b;\n      --simple-colors-default-theme-light-green-12: #ebffdb;\n\n      --simple-colors-default-theme-lime-1: #182400;\n      --simple-colors-default-theme-lime-2: #223400;\n      --simple-colors-default-theme-lime-3: #293f00;\n      --simple-colors-default-theme-lime-4: #3b5a00;\n      --simple-colors-default-theme-lime-5: #4d7600;\n      --simple-colors-default-theme-lime-6: #649900;\n      --simple-colors-default-theme-lime-7: #aeff00;\n      --simple-colors-default-theme-lime-8: #bdff2d;\n      --simple-colors-default-theme-lime-9: #caff58;\n      --simple-colors-default-theme-lime-10: #d4ff77;\n      --simple-colors-default-theme-lime-11: #dfff9b;\n      --simple-colors-default-theme-lime-12: #f1ffd2;\n\n      --simple-colors-default-theme-yellow-1: #242400;\n      --simple-colors-default-theme-yellow-2: #303000;\n      --simple-colors-default-theme-yellow-3: #454400;\n      --simple-colors-default-theme-yellow-4: #585700;\n      --simple-colors-default-theme-yellow-5: #787700;\n      --simple-colors-default-theme-yellow-6: #929100;\n      --simple-colors-default-theme-yellow-7: #f6f600;\n      --simple-colors-default-theme-yellow-8: #ffff3a;\n      --simple-colors-default-theme-yellow-9: #ffff7c;\n      --simple-colors-default-theme-yellow-10: #ffff90;\n      --simple-colors-default-theme-yellow-11: #ffffac;\n      --simple-colors-default-theme-yellow-12: #ffffd5;\n\n      --simple-colors-default-theme-amber-1: #221a00;\n      --simple-colors-default-theme-amber-2: #302500;\n      --simple-colors-default-theme-amber-3: #413200;\n      --simple-colors-default-theme-amber-4: #614b00;\n      --simple-colors-default-theme-amber-5: #876800;\n      --simple-colors-default-theme-amber-6: #b28900;\n      --simple-colors-default-theme-amber-7: #ffc500;\n      --simple-colors-default-theme-amber-8: #ffc235;\n      --simple-colors-default-theme-amber-9: #ffcf5e;\n      --simple-colors-default-theme-amber-10: #ffd677;\n      --simple-colors-default-theme-amber-11: #ffdf92;\n      --simple-colors-default-theme-amber-12: #fff2d4;\n\n      --simple-colors-default-theme-orange-1: #2c1400;\n      --simple-colors-default-theme-orange-2: #3d1c00;\n      --simple-colors-default-theme-orange-3: #612d00;\n      --simple-colors-default-theme-orange-4: #833d00;\n      --simple-colors-default-theme-orange-5: #ae5100;\n      --simple-colors-default-theme-orange-6: #e56a00;\n      --simple-colors-default-theme-orange-7: #ff9625;\n      --simple-colors-default-theme-orange-8: #ff9e36;\n      --simple-colors-default-theme-orange-9: #ffb05c;\n      --simple-colors-default-theme-orange-10: #ffbd75;\n      --simple-colors-default-theme-orange-11: #ffca92;\n      --simple-colors-default-theme-orange-12: #ffebd7;\n\n      --simple-colors-default-theme-deep-orange-1: #240700;\n      --simple-colors-default-theme-deep-orange-2: #3a0c00;\n      --simple-colors-default-theme-deep-orange-3: #561100;\n      --simple-colors-default-theme-deep-orange-4: #8a1c00;\n      --simple-colors-default-theme-deep-orange-5: #b92500;\n      --simple-colors-default-theme-deep-orange-6: #f53100;\n      --simple-colors-default-theme-deep-orange-7: #ff6c3c;\n      --simple-colors-default-theme-deep-orange-8: #ff7649;\n      --simple-colors-default-theme-deep-orange-9: #ff8a64;\n      --simple-colors-default-theme-deep-orange-10: #ffa588;\n      --simple-colors-default-theme-deep-orange-11: #ffb299;\n      --simple-colors-default-theme-deep-orange-12: #ffe7e0;\n\n      --simple-colors-default-theme-brown-1: #200e09;\n      --simple-colors-default-theme-brown-2: #2c140e;\n      --simple-colors-default-theme-brown-3: #3b1e15;\n      --simple-colors-default-theme-brown-4: #5b3328;\n      --simple-colors-default-theme-brown-5: #724539;\n      --simple-colors-default-theme-brown-6: #85574a;\n      --simple-colors-default-theme-brown-7: #a47060;\n      --simple-colors-default-theme-brown-8: #ac7868;\n      --simple-colors-default-theme-brown-9: #b68373;\n      --simple-colors-default-theme-brown-10: #c59485;\n      --simple-colors-default-theme-brown-11: #e5b8aa;\n      --simple-colors-default-theme-brown-12: #f0e2de;\n\n      --simple-colors-default-theme-blue-grey-1: #0f1518;\n      --simple-colors-default-theme-blue-grey-2: #182023;\n      --simple-colors-default-theme-blue-grey-3: #1e282c;\n      --simple-colors-default-theme-blue-grey-4: #2f3e45;\n      --simple-colors-default-theme-blue-grey-5: #40535b;\n      --simple-colors-default-theme-blue-grey-6: #56707c;\n      --simple-colors-default-theme-blue-grey-7: #718892;\n      --simple-colors-default-theme-blue-grey-8: #7a8f98;\n      --simple-colors-default-theme-blue-grey-9: #8d9fa7;\n      --simple-colors-default-theme-blue-grey-10: #9badb6;\n      --simple-colors-default-theme-blue-grey-11: #b1c5ce;\n      --simple-colors-default-theme-blue-grey-12: #e7eff1;\n    }\n\n    :host([accent-color="grey"]),\n    :host [accent-color="grey"] {\n      --simple-colors-default-theme-accent-1: #ffffff;\n      --simple-colors-default-theme-accent-2: #eeeeee;\n      --simple-colors-default-theme-accent-3: #dddddd;\n      --simple-colors-default-theme-accent-4: #cccccc;\n      --simple-colors-default-theme-accent-5: #bbbbbb;\n      --simple-colors-default-theme-accent-6: #999999;\n      --simple-colors-default-theme-accent-7: #666666;\n      --simple-colors-default-theme-accent-8: #444444;\n      --simple-colors-default-theme-accent-9: #333333;\n      --simple-colors-default-theme-accent-10: #222222;\n      --simple-colors-default-theme-accent-11: #111111;\n      --simple-colors-default-theme-accent-12: #000000;\n      --simple-colors-fixed-theme-accent-1: #ffffff;\n      --simple-colors-fixed-theme-accent-2: #eeeeee;\n      --simple-colors-fixed-theme-accent-3: #dddddd;\n      --simple-colors-fixed-theme-accent-4: #cccccc;\n      --simple-colors-fixed-theme-accent-5: #bbbbbb;\n      --simple-colors-fixed-theme-accent-6: #999999;\n      --simple-colors-fixed-theme-accent-7: #666666;\n      --simple-colors-fixed-theme-accent-8: #444444;\n      --simple-colors-fixed-theme-accent-9: #333333;\n      --simple-colors-fixed-theme-accent-10: #222222;\n      --simple-colors-fixed-theme-accent-11: #111111;\n      --simple-colors-fixed-theme-accent-12: #000000;\n    }\n\n    :host([dark][accent-color="grey"]),\n    :host([dark]) [accent-color="grey"],\n    :host([accent-color="grey"]) [dark],\n    :host [dark][accent-color="grey"] {\n      --simple-colors-default-theme-accent-1: #000000;\n      --simple-colors-default-theme-accent-2: #111111;\n      --simple-colors-default-theme-accent-3: #222222;\n      --simple-colors-default-theme-accent-4: #333333;\n      --simple-colors-default-theme-accent-5: #444444;\n      --simple-colors-default-theme-accent-6: #666666;\n      --simple-colors-default-theme-accent-7: #999999;\n      --simple-colors-default-theme-accent-8: #bbbbbb;\n      --simple-colors-default-theme-accent-9: #cccccc;\n      --simple-colors-default-theme-accent-10: #dddddd;\n      --simple-colors-default-theme-accent-11: #eeeeee;\n      --simple-colors-default-theme-accent-12: #ffffff;\n    }\n\n    :host([accent-color="red"]),\n    :host [accent-color="red"] {\n      --simple-colors-default-theme-accent-1: #ffdddd;\n      --simple-colors-default-theme-accent-2: #ffaeae;\n      --simple-colors-default-theme-accent-3: #ff8f8f;\n      --simple-colors-default-theme-accent-4: #ff7474;\n      --simple-colors-default-theme-accent-5: #fd5151;\n      --simple-colors-default-theme-accent-6: #ff2222;\n      --simple-colors-default-theme-accent-7: #ee0000;\n      --simple-colors-default-theme-accent-8: #ac0000;\n      --simple-colors-default-theme-accent-9: #850000;\n      --simple-colors-default-theme-accent-10: #670000;\n      --simple-colors-default-theme-accent-11: #520000;\n      --simple-colors-default-theme-accent-12: #3f0000;\n      --simple-colors-fixed-theme-accent-1: #ffdddd;\n      --simple-colors-fixed-theme-accent-2: #ffaeae;\n      --simple-colors-fixed-theme-accent-3: #ff8f8f;\n      --simple-colors-fixed-theme-accent-4: #ff7474;\n      --simple-colors-fixed-theme-accent-5: #fd5151;\n      --simple-colors-fixed-theme-accent-6: #ff2222;\n      --simple-colors-fixed-theme-accent-7: #ee0000;\n      --simple-colors-fixed-theme-accent-8: #ac0000;\n      --simple-colors-fixed-theme-accent-9: #850000;\n      --simple-colors-fixed-theme-accent-10: #670000;\n      --simple-colors-fixed-theme-accent-11: #520000;\n      --simple-colors-fixed-theme-accent-12: #3f0000;\n    }\n\n    :host([dark][accent-color="red"]),\n    :host([dark]) [accent-color="red"],\n    :host([accent-color="red"]) [dark],\n    :host [dark][accent-color="red"] {\n      --simple-colors-default-theme-accent-1: #3f0000;\n      --simple-colors-default-theme-accent-2: #520000;\n      --simple-colors-default-theme-accent-3: #670000;\n      --simple-colors-default-theme-accent-4: #850000;\n      --simple-colors-default-theme-accent-5: #ac0000;\n      --simple-colors-default-theme-accent-6: #ee0000;\n      --simple-colors-default-theme-accent-7: #ff2222;\n      --simple-colors-default-theme-accent-8: #fd5151;\n      --simple-colors-default-theme-accent-9: #ff7474;\n      --simple-colors-default-theme-accent-10: #ff8f8f;\n      --simple-colors-default-theme-accent-11: #ffaeae;\n      --simple-colors-default-theme-accent-12: #ffdddd;\n    }\n\n    :host([accent-color="pink"]),\n    :host [accent-color="pink"] {\n      --simple-colors-default-theme-accent-1: #ffe6f1;\n      --simple-colors-default-theme-accent-2: #ffa5cf;\n      --simple-colors-default-theme-accent-3: #ff87c0;\n      --simple-colors-default-theme-accent-4: #ff73b5;\n      --simple-colors-default-theme-accent-5: #fd60aa;\n      --simple-colors-default-theme-accent-6: #ff3996;\n      --simple-colors-default-theme-accent-7: #da004e;\n      --simple-colors-default-theme-accent-8: #b80042;\n      --simple-colors-default-theme-accent-9: #980036;\n      --simple-colors-default-theme-accent-10: #78002b;\n      --simple-colors-default-theme-accent-11: #5a0020;\n      --simple-colors-default-theme-accent-12: #440019;\n      --simple-colors-fixed-theme-accent-1: #ffe6f1;\n      --simple-colors-fixed-theme-accent-2: #ffa5cf;\n      --simple-colors-fixed-theme-accent-3: #ff87c0;\n      --simple-colors-fixed-theme-accent-4: #ff73b5;\n      --simple-colors-fixed-theme-accent-5: #fd60aa;\n      --simple-colors-fixed-theme-accent-6: #ff3996;\n      --simple-colors-fixed-theme-accent-7: #da004e;\n      --simple-colors-fixed-theme-accent-8: #b80042;\n      --simple-colors-fixed-theme-accent-9: #980036;\n      --simple-colors-fixed-theme-accent-10: #78002b;\n      --simple-colors-fixed-theme-accent-11: #5a0020;\n      --simple-colors-fixed-theme-accent-12: #440019;\n    }\n\n    :host([dark][accent-color="pink"]),\n    :host([dark]) [accent-color="pink"],\n    :host([accent-color="pink"]) [dark],\n    :host [dark][accent-color="pink"] {\n      --simple-colors-default-theme-accent-1: #440019;\n      --simple-colors-default-theme-accent-2: #5a0020;\n      --simple-colors-default-theme-accent-3: #78002b;\n      --simple-colors-default-theme-accent-4: #980036;\n      --simple-colors-default-theme-accent-5: #b80042;\n      --simple-colors-default-theme-accent-6: #da004e;\n      --simple-colors-default-theme-accent-7: #ff3996;\n      --simple-colors-default-theme-accent-8: #fd60aa;\n      --simple-colors-default-theme-accent-9: #ff73b5;\n      --simple-colors-default-theme-accent-10: #ff87c0;\n      --simple-colors-default-theme-accent-11: #ffa5cf;\n      --simple-colors-default-theme-accent-12: #ffe6f1;\n    }\n\n    :host([accent-color="purple"]),\n    :host [accent-color="purple"] {\n      --simple-colors-default-theme-accent-1: #fce6ff;\n      --simple-colors-default-theme-accent-2: #f4affd;\n      --simple-colors-default-theme-accent-3: #f394ff;\n      --simple-colors-default-theme-accent-4: #f07cff;\n      --simple-colors-default-theme-accent-5: #ed61ff;\n      --simple-colors-default-theme-accent-6: #e200ff;\n      --simple-colors-default-theme-accent-7: #a500ba;\n      --simple-colors-default-theme-accent-8: #8a009b;\n      --simple-colors-default-theme-accent-9: #6c0079;\n      --simple-colors-default-theme-accent-10: #490052;\n      --simple-colors-default-theme-accent-11: #33003a;\n      --simple-colors-default-theme-accent-12: #200025;\n      --simple-colors-fixed-theme-accent-1: #fce6ff;\n      --simple-colors-fixed-theme-accent-2: #f4affd;\n      --simple-colors-fixed-theme-accent-3: #f394ff;\n      --simple-colors-fixed-theme-accent-4: #f07cff;\n      --simple-colors-fixed-theme-accent-5: #ed61ff;\n      --simple-colors-fixed-theme-accent-6: #e200ff;\n      --simple-colors-fixed-theme-accent-7: #a500ba;\n      --simple-colors-fixed-theme-accent-8: #8a009b;\n      --simple-colors-fixed-theme-accent-9: #6c0079;\n      --simple-colors-fixed-theme-accent-10: #490052;\n      --simple-colors-fixed-theme-accent-11: #33003a;\n      --simple-colors-fixed-theme-accent-12: #200025;\n    }\n\n    :host([dark][accent-color="purple"]),\n    :host([dark]) [accent-color="purple"],\n    :host([accent-color="purple"]) [dark],\n    :host [dark][accent-color="purple"] {\n      --simple-colors-default-theme-accent-1: #200025;\n      --simple-colors-default-theme-accent-2: #33003a;\n      --simple-colors-default-theme-accent-3: #490052;\n      --simple-colors-default-theme-accent-4: #6c0079;\n      --simple-colors-default-theme-accent-5: #8a009b;\n      --simple-colors-default-theme-accent-6: #a500ba;\n      --simple-colors-default-theme-accent-7: #e200ff;\n      --simple-colors-default-theme-accent-8: #ed61ff;\n      --simple-colors-default-theme-accent-9: #f07cff;\n      --simple-colors-default-theme-accent-10: #f394ff;\n      --simple-colors-default-theme-accent-11: #f4affd;\n      --simple-colors-default-theme-accent-12: #fce6ff;\n    }\n\n    :host([accent-color="deep-purple"]),\n    :host [accent-color="deep-purple"] {\n      --simple-colors-default-theme-accent-1: #f3e4ff;\n      --simple-colors-default-theme-accent-2: #ddacff;\n      --simple-colors-default-theme-accent-3: #c97eff;\n      --simple-colors-default-theme-accent-4: #bb63f9;\n      --simple-colors-default-theme-accent-5: #b44aff;\n      --simple-colors-default-theme-accent-6: #a931ff;\n      --simple-colors-default-theme-accent-7: #7e00d8;\n      --simple-colors-default-theme-accent-8: #5d009f;\n      --simple-colors-default-theme-accent-9: #4c0081;\n      --simple-colors-default-theme-accent-10: #3a0063;\n      --simple-colors-default-theme-accent-11: #2a0049;\n      --simple-colors-default-theme-accent-12: #1d0033;\n      --simple-colors-fixed-theme-accent-1: #f3e4ff;\n      --simple-colors-fixed-theme-accent-2: #ddacff;\n      --simple-colors-fixed-theme-accent-3: #c97eff;\n      --simple-colors-fixed-theme-accent-4: #bb63f9;\n      --simple-colors-fixed-theme-accent-5: #b44aff;\n      --simple-colors-fixed-theme-accent-6: #a931ff;\n      --simple-colors-fixed-theme-accent-7: #7e00d8;\n      --simple-colors-fixed-theme-accent-8: #5d009f;\n      --simple-colors-fixed-theme-accent-9: #4c0081;\n      --simple-colors-fixed-theme-accent-10: #3a0063;\n      --simple-colors-fixed-theme-accent-11: #2a0049;\n      --simple-colors-fixed-theme-accent-12: #1d0033;\n    }\n\n    :host([dark][accent-color="deep-purple"]),\n    :host([dark]) [accent-color="deep-purple"],\n    :host([accent-color="deep-purple"]) [dark],\n    :host [dark][accent-color="deep-purple"] {\n      --simple-colors-default-theme-accent-1: #1d0033;\n      --simple-colors-default-theme-accent-2: #2a0049;\n      --simple-colors-default-theme-accent-3: #3a0063;\n      --simple-colors-default-theme-accent-4: #4c0081;\n      --simple-colors-default-theme-accent-5: #5d009f;\n      --simple-colors-default-theme-accent-6: #7e00d8;\n      --simple-colors-default-theme-accent-7: #a931ff;\n      --simple-colors-default-theme-accent-8: #b44aff;\n      --simple-colors-default-theme-accent-9: #bb63f9;\n      --simple-colors-default-theme-accent-10: #c97eff;\n      --simple-colors-default-theme-accent-11: #ddacff;\n      --simple-colors-default-theme-accent-12: #f3e4ff;\n    }\n\n    :host([accent-color="indigo"]),\n    :host [accent-color="indigo"] {\n      --simple-colors-default-theme-accent-1: #e5ddff;\n      --simple-colors-default-theme-accent-2: #c3b2ff;\n      --simple-colors-default-theme-accent-3: #af97ff;\n      --simple-colors-default-theme-accent-4: #9e82ff;\n      --simple-colors-default-theme-accent-5: #9373ff;\n      --simple-colors-default-theme-accent-6: #835fff;\n      --simple-colors-default-theme-accent-7: #3a00ff;\n      --simple-colors-default-theme-accent-8: #2801b0;\n      --simple-colors-default-theme-accent-9: #20008c;\n      --simple-colors-default-theme-accent-10: #160063;\n      --simple-colors-default-theme-accent-11: #100049;\n      --simple-colors-default-theme-accent-12: #0a0030;\n      --simple-colors-fixed-theme-accent-1: #e5ddff;\n      --simple-colors-fixed-theme-accent-2: #c3b2ff;\n      --simple-colors-fixed-theme-accent-3: #af97ff;\n      --simple-colors-fixed-theme-accent-4: #9e82ff;\n      --simple-colors-fixed-theme-accent-5: #9373ff;\n      --simple-colors-fixed-theme-accent-6: #835fff;\n      --simple-colors-fixed-theme-accent-7: #3a00ff;\n      --simple-colors-fixed-theme-accent-8: #2801b0;\n      --simple-colors-fixed-theme-accent-9: #20008c;\n      --simple-colors-fixed-theme-accent-10: #160063;\n      --simple-colors-fixed-theme-accent-11: #100049;\n      --simple-colors-fixed-theme-accent-12: #0a0030;\n    }\n\n    :host([dark][accent-color="indigo"]),\n    :host([dark]) [accent-color="indigo"],\n    :host([accent-color="indigo"]) [dark],\n    :host [dark][accent-color="indigo"] {\n      --simple-colors-default-theme-accent-1: #0a0030;\n      --simple-colors-default-theme-accent-2: #100049;\n      --simple-colors-default-theme-accent-3: #160063;\n      --simple-colors-default-theme-accent-4: #20008c;\n      --simple-colors-default-theme-accent-5: #2801b0;\n      --simple-colors-default-theme-accent-6: #3a00ff;\n      --simple-colors-default-theme-accent-7: #835fff;\n      --simple-colors-default-theme-accent-8: #9373ff;\n      --simple-colors-default-theme-accent-9: #9e82ff;\n      --simple-colors-default-theme-accent-10: #af97ff;\n      --simple-colors-default-theme-accent-11: #c3b2ff;\n      --simple-colors-default-theme-accent-12: #e5ddff;\n    }\n\n    :host([accent-color="blue"]),\n    :host [accent-color="blue"] {\n      --simple-colors-default-theme-accent-1: #e2ecff;\n      --simple-colors-default-theme-accent-2: #acc9ff;\n      --simple-colors-default-theme-accent-3: #95baff;\n      --simple-colors-default-theme-accent-4: #74a5ff;\n      --simple-colors-default-theme-accent-5: #5892fd;\n      --simple-colors-default-theme-accent-6: #4083ff;\n      --simple-colors-default-theme-accent-7: #0059ff;\n      --simple-colors-default-theme-accent-8: #0041bb;\n      --simple-colors-default-theme-accent-9: #003494;\n      --simple-colors-default-theme-accent-10: #002569;\n      --simple-colors-default-theme-accent-11: #001947;\n      --simple-colors-default-theme-accent-12: #001333;\n      --simple-colors-fixed-theme-accent-1: #e2ecff;\n      --simple-colors-fixed-theme-accent-2: #acc9ff;\n      --simple-colors-fixed-theme-accent-3: #95baff;\n      --simple-colors-fixed-theme-accent-4: #74a5ff;\n      --simple-colors-fixed-theme-accent-5: #5892fd;\n      --simple-colors-fixed-theme-accent-6: #4083ff;\n      --simple-colors-fixed-theme-accent-7: #0059ff;\n      --simple-colors-fixed-theme-accent-8: #0041bb;\n      --simple-colors-fixed-theme-accent-9: #003494;\n      --simple-colors-fixed-theme-accent-10: #002569;\n      --simple-colors-fixed-theme-accent-11: #001947;\n      --simple-colors-fixed-theme-accent-12: #001333;\n    }\n\n    :host([dark][accent-color="blue"]),\n    :host([dark]) [accent-color="blue"],\n    :host([accent-color="blue"]) [dark],\n    :host [dark][accent-color="blue"] {\n      --simple-colors-default-theme-accent-1: #001333;\n      --simple-colors-default-theme-accent-2: #001947;\n      --simple-colors-default-theme-accent-3: #002569;\n      --simple-colors-default-theme-accent-4: #003494;\n      --simple-colors-default-theme-accent-5: #0041bb;\n      --simple-colors-default-theme-accent-6: #0059ff;\n      --simple-colors-default-theme-accent-7: #4083ff;\n      --simple-colors-default-theme-accent-8: #5892fd;\n      --simple-colors-default-theme-accent-9: #74a5ff;\n      --simple-colors-default-theme-accent-10: #95baff;\n      --simple-colors-default-theme-accent-11: #acc9ff;\n      --simple-colors-default-theme-accent-12: #e2ecff;\n    }\n\n    :host([accent-color="light-blue"]),\n    :host [accent-color="light-blue"] {\n      --simple-colors-default-theme-accent-1: #cde8ff;\n      --simple-colors-default-theme-accent-2: #a1d1ff;\n      --simple-colors-default-theme-accent-3: #92c9ff;\n      --simple-colors-default-theme-accent-4: #65b3ff;\n      --simple-colors-default-theme-accent-5: #58adff;\n      --simple-colors-default-theme-accent-6: #41a1ff;\n      --simple-colors-default-theme-accent-7: #007ffc;\n      --simple-colors-default-theme-accent-8: #0066ca;\n      --simple-colors-default-theme-accent-9: #0055a8;\n      --simple-colors-default-theme-accent-10: #003f7d;\n      --simple-colors-default-theme-accent-11: #002850;\n      --simple-colors-default-theme-accent-12: #001b36;\n      --simple-colors-fixed-theme-accent-1: #cde8ff;\n      --simple-colors-fixed-theme-accent-2: #a1d1ff;\n      --simple-colors-fixed-theme-accent-3: #92c9ff;\n      --simple-colors-fixed-theme-accent-4: #65b3ff;\n      --simple-colors-fixed-theme-accent-5: #58adff;\n      --simple-colors-fixed-theme-accent-6: #41a1ff;\n      --simple-colors-fixed-theme-accent-7: #007ffc;\n      --simple-colors-fixed-theme-accent-8: #0066ca;\n      --simple-colors-fixed-theme-accent-9: #0055a8;\n      --simple-colors-fixed-theme-accent-10: #003f7d;\n      --simple-colors-fixed-theme-accent-11: #002850;\n      --simple-colors-fixed-theme-accent-12: #001b36;\n    }\n\n    :host([dark][accent-color="light-blue"]),\n    :host([dark]) [accent-color="light-blue"],\n    :host([accent-color="light-blue"]) [dark],\n    :host [dark][accent-color="light-blue"] {\n      --simple-colors-default-theme-accent-1: #001b36;\n      --simple-colors-default-theme-accent-2: #002850;\n      --simple-colors-default-theme-accent-3: #003f7d;\n      --simple-colors-default-theme-accent-4: #0055a8;\n      --simple-colors-default-theme-accent-5: #0066ca;\n      --simple-colors-default-theme-accent-6: #007ffc;\n      --simple-colors-default-theme-accent-7: #41a1ff;\n      --simple-colors-default-theme-accent-8: #58adff;\n      --simple-colors-default-theme-accent-9: #65b3ff;\n      --simple-colors-default-theme-accent-10: #92c9ff;\n      --simple-colors-default-theme-accent-11: #a1d1ff;\n      --simple-colors-default-theme-accent-12: #cde8ff;\n    }\n\n    :host([accent-color="cyan"]),\n    :host [accent-color="cyan"] {\n      --simple-colors-default-theme-accent-1: #ddf8ff;\n      --simple-colors-default-theme-accent-2: #9beaff;\n      --simple-colors-default-theme-accent-3: #77e2ff;\n      --simple-colors-default-theme-accent-4: #33d4ff;\n      --simple-colors-default-theme-accent-5: #1ccfff;\n      --simple-colors-default-theme-accent-6: #00c9ff;\n      --simple-colors-default-theme-accent-7: #009dc7;\n      --simple-colors-default-theme-accent-8: #007999;\n      --simple-colors-default-theme-accent-9: #005970;\n      --simple-colors-default-theme-accent-10: #003f50;\n      --simple-colors-default-theme-accent-11: #002c38;\n      --simple-colors-default-theme-accent-12: #001a20;\n      --simple-colors-fixed-theme-accent-1: #ddf8ff;\n      --simple-colors-fixed-theme-accent-2: #9beaff;\n      --simple-colors-fixed-theme-accent-3: #77e2ff;\n      --simple-colors-fixed-theme-accent-4: #33d4ff;\n      --simple-colors-fixed-theme-accent-5: #1ccfff;\n      --simple-colors-fixed-theme-accent-6: #00c9ff;\n      --simple-colors-fixed-theme-accent-7: #009dc7;\n      --simple-colors-fixed-theme-accent-8: #007999;\n      --simple-colors-fixed-theme-accent-9: #005970;\n      --simple-colors-fixed-theme-accent-10: #003f50;\n      --simple-colors-fixed-theme-accent-11: #002c38;\n      --simple-colors-fixed-theme-accent-12: #001a20;\n    }\n\n    :host([dark][accent-color="cyan"]),\n    :host([dark]) [accent-color="cyan"],\n    :host([accent-color="cyan"]) [dark],\n    :host [dark][accent-color="cyan"] {\n      --simple-colors-default-theme-accent-1: #001a20;\n      --simple-colors-default-theme-accent-2: #002c38;\n      --simple-colors-default-theme-accent-3: #003f50;\n      --simple-colors-default-theme-accent-4: #005970;\n      --simple-colors-default-theme-accent-5: #007999;\n      --simple-colors-default-theme-accent-6: #009dc7;\n      --simple-colors-default-theme-accent-7: #00c9ff;\n      --simple-colors-default-theme-accent-8: #1ccfff;\n      --simple-colors-default-theme-accent-9: #33d4ff;\n      --simple-colors-default-theme-accent-10: #77e2ff;\n      --simple-colors-default-theme-accent-11: #9beaff;\n      --simple-colors-default-theme-accent-12: #ddf8ff;\n    }\n\n    :host([accent-color="teal"]),\n    :host [accent-color="teal"] {\n      --simple-colors-default-theme-accent-1: #d9fff0;\n      --simple-colors-default-theme-accent-2: #98ffd7;\n      --simple-colors-default-theme-accent-3: #79ffcb;\n      --simple-colors-default-theme-accent-4: #56ffbd;\n      --simple-colors-default-theme-accent-5: #29ffac;\n      --simple-colors-default-theme-accent-6: #00ff9c;\n      --simple-colors-default-theme-accent-7: #009d75;\n      --simple-colors-default-theme-accent-8: #007658;\n      --simple-colors-default-theme-accent-9: #004e3a;\n      --simple-colors-default-theme-accent-10: #003829;\n      --simple-colors-default-theme-accent-11: #002a20;\n      --simple-colors-default-theme-accent-12: #001b14;\n      --simple-colors-fixed-theme-accent-1: #d9fff0;\n      --simple-colors-fixed-theme-accent-2: #98ffd7;\n      --simple-colors-fixed-theme-accent-3: #79ffcb;\n      --simple-colors-fixed-theme-accent-4: #56ffbd;\n      --simple-colors-fixed-theme-accent-5: #29ffac;\n      --simple-colors-fixed-theme-accent-6: #00ff9c;\n      --simple-colors-fixed-theme-accent-7: #009d75;\n      --simple-colors-fixed-theme-accent-8: #007658;\n      --simple-colors-fixed-theme-accent-9: #004e3a;\n      --simple-colors-fixed-theme-accent-10: #003829;\n      --simple-colors-fixed-theme-accent-11: #002a20;\n      --simple-colors-fixed-theme-accent-12: #001b14;\n    }\n\n    :host([dark][accent-color="teal"]),\n    :host([dark]) [accent-color="teal"],\n    :host([accent-color="teal"]) [dark],\n    :host [dark][accent-color="teal"] {\n      --simple-colors-default-theme-accent-1: #001b14;\n      --simple-colors-default-theme-accent-2: #002a20;\n      --simple-colors-default-theme-accent-3: #003829;\n      --simple-colors-default-theme-accent-4: #004e3a;\n      --simple-colors-default-theme-accent-5: #007658;\n      --simple-colors-default-theme-accent-6: #009d75;\n      --simple-colors-default-theme-accent-7: #00ff9c;\n      --simple-colors-default-theme-accent-8: #29ffac;\n      --simple-colors-default-theme-accent-9: #56ffbd;\n      --simple-colors-default-theme-accent-10: #79ffcb;\n      --simple-colors-default-theme-accent-11: #98ffd7;\n      --simple-colors-default-theme-accent-12: #d9fff0;\n    }\n\n    :host([accent-color="green"]),\n    :host [accent-color="green"] {\n      --simple-colors-default-theme-accent-1: #e1ffeb;\n      --simple-colors-default-theme-accent-2: #acffc9;\n      --simple-colors-default-theme-accent-3: #79ffa7;\n      --simple-colors-default-theme-accent-4: #49ff88;\n      --simple-colors-default-theme-accent-5: #24ff70;\n      --simple-colors-default-theme-accent-6: #00f961;\n      --simple-colors-default-theme-accent-7: #008c37;\n      --simple-colors-default-theme-accent-8: #00762e;\n      --simple-colors-default-theme-accent-9: #005a23;\n      --simple-colors-default-theme-accent-10: #003d18;\n      --simple-colors-default-theme-accent-11: #002a11;\n      --simple-colors-default-theme-accent-12: #001d0c;\n      --simple-colors-fixed-theme-accent-1: #e1ffeb;\n      --simple-colors-fixed-theme-accent-2: #acffc9;\n      --simple-colors-fixed-theme-accent-3: #79ffa7;\n      --simple-colors-fixed-theme-accent-4: #49ff88;\n      --simple-colors-fixed-theme-accent-5: #24ff70;\n      --simple-colors-fixed-theme-accent-6: #00f961;\n      --simple-colors-fixed-theme-accent-7: #008c37;\n      --simple-colors-fixed-theme-accent-8: #00762e;\n      --simple-colors-fixed-theme-accent-9: #005a23;\n      --simple-colors-fixed-theme-accent-10: #003d18;\n      --simple-colors-fixed-theme-accent-11: #002a11;\n      --simple-colors-fixed-theme-accent-12: #001d0c;\n    }\n\n    :host([dark][accent-color="green"]),\n    :host([dark]) [accent-color="green"],\n    :host([accent-color="green"]) [dark],\n    :host [dark][accent-color="green"] {\n      --simple-colors-default-theme-accent-1: #001d0c;\n      --simple-colors-default-theme-accent-2: #002a11;\n      --simple-colors-default-theme-accent-3: #003d18;\n      --simple-colors-default-theme-accent-4: #005a23;\n      --simple-colors-default-theme-accent-5: #00762e;\n      --simple-colors-default-theme-accent-6: #008c37;\n      --simple-colors-default-theme-accent-7: #00f961;\n      --simple-colors-default-theme-accent-8: #24ff70;\n      --simple-colors-default-theme-accent-9: #49ff88;\n      --simple-colors-default-theme-accent-10: #79ffa7;\n      --simple-colors-default-theme-accent-11: #acffc9;\n      --simple-colors-default-theme-accent-12: #e1ffeb;\n    }\n\n    :host([accent-color="light-green"]),\n    :host [accent-color="light-green"] {\n      --simple-colors-default-theme-accent-1: #ebffdb;\n      --simple-colors-default-theme-accent-2: #c7ff9b;\n      --simple-colors-default-theme-accent-3: #b1ff75;\n      --simple-colors-default-theme-accent-4: #a1fd5a;\n      --simple-colors-default-theme-accent-5: #8efd38;\n      --simple-colors-default-theme-accent-6: #6fff00;\n      --simple-colors-default-theme-accent-7: #429d00;\n      --simple-colors-default-theme-accent-8: #357f00;\n      --simple-colors-default-theme-accent-9: #296100;\n      --simple-colors-default-theme-accent-10: #1b3f00;\n      --simple-colors-default-theme-accent-11: #143000;\n      --simple-colors-default-theme-accent-12: #0d2000;\n      --simple-colors-fixed-theme-accent-1: #ebffdb;\n      --simple-colors-fixed-theme-accent-2: #c7ff9b;\n      --simple-colors-fixed-theme-accent-3: #b1ff75;\n      --simple-colors-fixed-theme-accent-4: #a1fd5a;\n      --simple-colors-fixed-theme-accent-5: #8efd38;\n      --simple-colors-fixed-theme-accent-6: #6fff00;\n      --simple-colors-fixed-theme-accent-7: #429d00;\n      --simple-colors-fixed-theme-accent-8: #357f00;\n      --simple-colors-fixed-theme-accent-9: #296100;\n      --simple-colors-fixed-theme-accent-10: #1b3f00;\n      --simple-colors-fixed-theme-accent-11: #143000;\n      --simple-colors-fixed-theme-accent-12: #0d2000;\n    }\n\n    :host([dark][accent-color="light-green"]),\n    :host([dark]) [accent-color="light-green"],\n    :host([accent-color="light-green"]) [dark],\n    :host [dark][accent-color="light-green"] {\n      --simple-colors-default-theme-accent-1: #0d2000;\n      --simple-colors-default-theme-accent-2: #143000;\n      --simple-colors-default-theme-accent-3: #1b3f00;\n      --simple-colors-default-theme-accent-4: #296100;\n      --simple-colors-default-theme-accent-5: #357f00;\n      --simple-colors-default-theme-accent-6: #429d00;\n      --simple-colors-default-theme-accent-7: #6fff00;\n      --simple-colors-default-theme-accent-8: #8efd38;\n      --simple-colors-default-theme-accent-9: #a1fd5a;\n      --simple-colors-default-theme-accent-10: #b1ff75;\n      --simple-colors-default-theme-accent-11: #c7ff9b;\n      --simple-colors-default-theme-accent-12: #ebffdb;\n    }\n\n    :host([accent-color="lime"]),\n    :host [accent-color="lime"] {\n      --simple-colors-default-theme-accent-1: #f1ffd2;\n      --simple-colors-default-theme-accent-2: #dfff9b;\n      --simple-colors-default-theme-accent-3: #d4ff77;\n      --simple-colors-default-theme-accent-4: #caff58;\n      --simple-colors-default-theme-accent-5: #bdff2d;\n      --simple-colors-default-theme-accent-6: #aeff00;\n      --simple-colors-default-theme-accent-7: #649900;\n      --simple-colors-default-theme-accent-8: #4d7600;\n      --simple-colors-default-theme-accent-9: #3b5a00;\n      --simple-colors-default-theme-accent-10: #293f00;\n      --simple-colors-default-theme-accent-11: #223400;\n      --simple-colors-default-theme-accent-12: #182400;\n      --simple-colors-fixed-theme-accent-1: #f1ffd2;\n      --simple-colors-fixed-theme-accent-2: #dfff9b;\n      --simple-colors-fixed-theme-accent-3: #d4ff77;\n      --simple-colors-fixed-theme-accent-4: #caff58;\n      --simple-colors-fixed-theme-accent-5: #bdff2d;\n      --simple-colors-fixed-theme-accent-6: #aeff00;\n      --simple-colors-fixed-theme-accent-7: #649900;\n      --simple-colors-fixed-theme-accent-8: #4d7600;\n      --simple-colors-fixed-theme-accent-9: #3b5a00;\n      --simple-colors-fixed-theme-accent-10: #293f00;\n      --simple-colors-fixed-theme-accent-11: #223400;\n      --simple-colors-fixed-theme-accent-12: #182400;\n    }\n\n    :host([dark][accent-color="lime"]),\n    :host([dark]) [accent-color="lime"],\n    :host([accent-color="lime"]) [dark],\n    :host [dark][accent-color="lime"] {\n      --simple-colors-default-theme-accent-1: #182400;\n      --simple-colors-default-theme-accent-2: #223400;\n      --simple-colors-default-theme-accent-3: #293f00;\n      --simple-colors-default-theme-accent-4: #3b5a00;\n      --simple-colors-default-theme-accent-5: #4d7600;\n      --simple-colors-default-theme-accent-6: #649900;\n      --simple-colors-default-theme-accent-7: #aeff00;\n      --simple-colors-default-theme-accent-8: #bdff2d;\n      --simple-colors-default-theme-accent-9: #caff58;\n      --simple-colors-default-theme-accent-10: #d4ff77;\n      --simple-colors-default-theme-accent-11: #dfff9b;\n      --simple-colors-default-theme-accent-12: #f1ffd2;\n    }\n\n    :host([accent-color="yellow"]),\n    :host [accent-color="yellow"] {\n      --simple-colors-default-theme-accent-1: #ffffd5;\n      --simple-colors-default-theme-accent-2: #ffffac;\n      --simple-colors-default-theme-accent-3: #ffff90;\n      --simple-colors-default-theme-accent-4: #ffff7c;\n      --simple-colors-default-theme-accent-5: #ffff3a;\n      --simple-colors-default-theme-accent-6: #f6f600;\n      --simple-colors-default-theme-accent-7: #929100;\n      --simple-colors-default-theme-accent-8: #787700;\n      --simple-colors-default-theme-accent-9: #585700;\n      --simple-colors-default-theme-accent-10: #454400;\n      --simple-colors-default-theme-accent-11: #303000;\n      --simple-colors-default-theme-accent-12: #242400;\n      --simple-colors-fixed-theme-accent-1: #ffffd5;\n      --simple-colors-fixed-theme-accent-2: #ffffac;\n      --simple-colors-fixed-theme-accent-3: #ffff90;\n      --simple-colors-fixed-theme-accent-4: #ffff7c;\n      --simple-colors-fixed-theme-accent-5: #ffff3a;\n      --simple-colors-fixed-theme-accent-6: #f6f600;\n      --simple-colors-fixed-theme-accent-7: #929100;\n      --simple-colors-fixed-theme-accent-8: #787700;\n      --simple-colors-fixed-theme-accent-9: #585700;\n      --simple-colors-fixed-theme-accent-10: #454400;\n      --simple-colors-fixed-theme-accent-11: #303000;\n      --simple-colors-fixed-theme-accent-12: #242400;\n    }\n\n    :host([dark][accent-color="yellow"]),\n    :host([dark]) [accent-color="yellow"],\n    :host([accent-color="yellow"]) [dark],\n    :host [dark][accent-color="yellow"] {\n      --simple-colors-default-theme-accent-1: #242400;\n      --simple-colors-default-theme-accent-2: #303000;\n      --simple-colors-default-theme-accent-3: #454400;\n      --simple-colors-default-theme-accent-4: #585700;\n      --simple-colors-default-theme-accent-5: #787700;\n      --simple-colors-default-theme-accent-6: #929100;\n      --simple-colors-default-theme-accent-7: #f6f600;\n      --simple-colors-default-theme-accent-8: #ffff3a;\n      --simple-colors-default-theme-accent-9: #ffff7c;\n      --simple-colors-default-theme-accent-10: #ffff90;\n      --simple-colors-default-theme-accent-11: #ffffac;\n      --simple-colors-default-theme-accent-12: #ffffd5;\n    }\n\n    :host([accent-color="amber"]),\n    :host [accent-color="amber"] {\n      --simple-colors-default-theme-accent-1: #fff2d4;\n      --simple-colors-default-theme-accent-2: #ffdf92;\n      --simple-colors-default-theme-accent-3: #ffd677;\n      --simple-colors-default-theme-accent-4: #ffcf5e;\n      --simple-colors-default-theme-accent-5: #ffc235;\n      --simple-colors-default-theme-accent-6: #ffc500;\n      --simple-colors-default-theme-accent-7: #b28900;\n      --simple-colors-default-theme-accent-8: #876800;\n      --simple-colors-default-theme-accent-9: #614b00;\n      --simple-colors-default-theme-accent-10: #413200;\n      --simple-colors-default-theme-accent-11: #302500;\n      --simple-colors-default-theme-accent-12: #221a00;\n      --simple-colors-fixed-theme-accent-1: #fff2d4;\n      --simple-colors-fixed-theme-accent-2: #ffdf92;\n      --simple-colors-fixed-theme-accent-3: #ffd677;\n      --simple-colors-fixed-theme-accent-4: #ffcf5e;\n      --simple-colors-fixed-theme-accent-5: #ffc235;\n      --simple-colors-fixed-theme-accent-6: #ffc500;\n      --simple-colors-fixed-theme-accent-7: #b28900;\n      --simple-colors-fixed-theme-accent-8: #876800;\n      --simple-colors-fixed-theme-accent-9: #614b00;\n      --simple-colors-fixed-theme-accent-10: #413200;\n      --simple-colors-fixed-theme-accent-11: #302500;\n      --simple-colors-fixed-theme-accent-12: #221a00;\n    }\n\n    :host([dark][accent-color="amber"]),\n    :host([dark]) [accent-color="amber"],\n    :host([accent-color="amber"]) [dark],\n    :host [dark][accent-color="amber"] {\n      --simple-colors-default-theme-accent-1: #221a00;\n      --simple-colors-default-theme-accent-2: #302500;\n      --simple-colors-default-theme-accent-3: #413200;\n      --simple-colors-default-theme-accent-4: #614b00;\n      --simple-colors-default-theme-accent-5: #876800;\n      --simple-colors-default-theme-accent-6: #b28900;\n      --simple-colors-default-theme-accent-7: #ffc500;\n      --simple-colors-default-theme-accent-8: #ffc235;\n      --simple-colors-default-theme-accent-9: #ffcf5e;\n      --simple-colors-default-theme-accent-10: #ffd677;\n      --simple-colors-default-theme-accent-11: #ffdf92;\n      --simple-colors-default-theme-accent-12: #fff2d4;\n    }\n\n    :host([accent-color="orange"]),\n    :host [accent-color="orange"] {\n      --simple-colors-default-theme-accent-1: #ffebd7;\n      --simple-colors-default-theme-accent-2: #ffca92;\n      --simple-colors-default-theme-accent-3: #ffbd75;\n      --simple-colors-default-theme-accent-4: #ffb05c;\n      --simple-colors-default-theme-accent-5: #ff9e36;\n      --simple-colors-default-theme-accent-6: #ff9625;\n      --simple-colors-default-theme-accent-7: #e56a00;\n      --simple-colors-default-theme-accent-8: #ae5100;\n      --simple-colors-default-theme-accent-9: #833d00;\n      --simple-colors-default-theme-accent-10: #612d00;\n      --simple-colors-default-theme-accent-11: #3d1c00;\n      --simple-colors-default-theme-accent-12: #2c1400;\n      --simple-colors-fixed-theme-accent-1: #ffebd7;\n      --simple-colors-fixed-theme-accent-2: #ffca92;\n      --simple-colors-fixed-theme-accent-3: #ffbd75;\n      --simple-colors-fixed-theme-accent-4: #ffb05c;\n      --simple-colors-fixed-theme-accent-5: #ff9e36;\n      --simple-colors-fixed-theme-accent-6: #ff9625;\n      --simple-colors-fixed-theme-accent-7: #e56a00;\n      --simple-colors-fixed-theme-accent-8: #ae5100;\n      --simple-colors-fixed-theme-accent-9: #833d00;\n      --simple-colors-fixed-theme-accent-10: #612d00;\n      --simple-colors-fixed-theme-accent-11: #3d1c00;\n      --simple-colors-fixed-theme-accent-12: #2c1400;\n    }\n\n    :host([dark][accent-color="orange"]),\n    :host([dark]) [accent-color="orange"],\n    :host([accent-color="orange"]) [dark],\n    :host [dark][accent-color="orange"] {\n      --simple-colors-default-theme-accent-1: #2c1400;\n      --simple-colors-default-theme-accent-2: #3d1c00;\n      --simple-colors-default-theme-accent-3: #612d00;\n      --simple-colors-default-theme-accent-4: #833d00;\n      --simple-colors-default-theme-accent-5: #ae5100;\n      --simple-colors-default-theme-accent-6: #e56a00;\n      --simple-colors-default-theme-accent-7: #ff9625;\n      --simple-colors-default-theme-accent-8: #ff9e36;\n      --simple-colors-default-theme-accent-9: #ffb05c;\n      --simple-colors-default-theme-accent-10: #ffbd75;\n      --simple-colors-default-theme-accent-11: #ffca92;\n      --simple-colors-default-theme-accent-12: #ffebd7;\n    }\n\n    :host([accent-color="deep-orange"]),\n    :host [accent-color="deep-orange"] {\n      --simple-colors-default-theme-accent-1: #ffe7e0;\n      --simple-colors-default-theme-accent-2: #ffb299;\n      --simple-colors-default-theme-accent-3: #ffa588;\n      --simple-colors-default-theme-accent-4: #ff8a64;\n      --simple-colors-default-theme-accent-5: #ff7649;\n      --simple-colors-default-theme-accent-6: #ff6c3c;\n      --simple-colors-default-theme-accent-7: #f53100;\n      --simple-colors-default-theme-accent-8: #b92500;\n      --simple-colors-default-theme-accent-9: #8a1c00;\n      --simple-colors-default-theme-accent-10: #561100;\n      --simple-colors-default-theme-accent-11: #3a0c00;\n      --simple-colors-default-theme-accent-12: #240700;\n      --simple-colors-fixed-theme-accent-1: #ffe7e0;\n      --simple-colors-fixed-theme-accent-2: #ffb299;\n      --simple-colors-fixed-theme-accent-3: #ffa588;\n      --simple-colors-fixed-theme-accent-4: #ff8a64;\n      --simple-colors-fixed-theme-accent-5: #ff7649;\n      --simple-colors-fixed-theme-accent-6: #ff6c3c;\n      --simple-colors-fixed-theme-accent-7: #f53100;\n      --simple-colors-fixed-theme-accent-8: #b92500;\n      --simple-colors-fixed-theme-accent-9: #8a1c00;\n      --simple-colors-fixed-theme-accent-10: #561100;\n      --simple-colors-fixed-theme-accent-11: #3a0c00;\n      --simple-colors-fixed-theme-accent-12: #240700;\n    }\n\n    :host([dark][accent-color="deep-orange"]),\n    :host([dark]) [accent-color="deep-orange"],\n    :host([accent-color="deep-orange"]) [dark],\n    :host [dark][accent-color="deep-orange"] {\n      --simple-colors-default-theme-accent-1: #240700;\n      --simple-colors-default-theme-accent-2: #3a0c00;\n      --simple-colors-default-theme-accent-3: #561100;\n      --simple-colors-default-theme-accent-4: #8a1c00;\n      --simple-colors-default-theme-accent-5: #b92500;\n      --simple-colors-default-theme-accent-6: #f53100;\n      --simple-colors-default-theme-accent-7: #ff6c3c;\n      --simple-colors-default-theme-accent-8: #ff7649;\n      --simple-colors-default-theme-accent-9: #ff8a64;\n      --simple-colors-default-theme-accent-10: #ffa588;\n      --simple-colors-default-theme-accent-11: #ffb299;\n      --simple-colors-default-theme-accent-12: #ffe7e0;\n    }\n\n    :host([accent-color="brown"]),\n    :host [accent-color="brown"] {\n      --simple-colors-default-theme-accent-1: #f0e2de;\n      --simple-colors-default-theme-accent-2: #e5b8aa;\n      --simple-colors-default-theme-accent-3: #c59485;\n      --simple-colors-default-theme-accent-4: #b68373;\n      --simple-colors-default-theme-accent-5: #ac7868;\n      --simple-colors-default-theme-accent-6: #a47060;\n      --simple-colors-default-theme-accent-7: #85574a;\n      --simple-colors-default-theme-accent-8: #724539;\n      --simple-colors-default-theme-accent-9: #5b3328;\n      --simple-colors-default-theme-accent-10: #3b1e15;\n      --simple-colors-default-theme-accent-11: #2c140e;\n      --simple-colors-default-theme-accent-12: #200e09;\n      --simple-colors-fixed-theme-accent-1: #f0e2de;\n      --simple-colors-fixed-theme-accent-2: #e5b8aa;\n      --simple-colors-fixed-theme-accent-3: #c59485;\n      --simple-colors-fixed-theme-accent-4: #b68373;\n      --simple-colors-fixed-theme-accent-5: #ac7868;\n      --simple-colors-fixed-theme-accent-6: #a47060;\n      --simple-colors-fixed-theme-accent-7: #85574a;\n      --simple-colors-fixed-theme-accent-8: #724539;\n      --simple-colors-fixed-theme-accent-9: #5b3328;\n      --simple-colors-fixed-theme-accent-10: #3b1e15;\n      --simple-colors-fixed-theme-accent-11: #2c140e;\n      --simple-colors-fixed-theme-accent-12: #200e09;\n    }\n\n    :host([dark][accent-color="brown"]),\n    :host([dark]) [accent-color="brown"],\n    :host([accent-color="brown"]) [dark],\n    :host [dark][accent-color="brown"] {\n      --simple-colors-default-theme-accent-1: #200e09;\n      --simple-colors-default-theme-accent-2: #2c140e;\n      --simple-colors-default-theme-accent-3: #3b1e15;\n      --simple-colors-default-theme-accent-4: #5b3328;\n      --simple-colors-default-theme-accent-5: #724539;\n      --simple-colors-default-theme-accent-6: #85574a;\n      --simple-colors-default-theme-accent-7: #a47060;\n      --simple-colors-default-theme-accent-8: #ac7868;\n      --simple-colors-default-theme-accent-9: #b68373;\n      --simple-colors-default-theme-accent-10: #c59485;\n      --simple-colors-default-theme-accent-11: #e5b8aa;\n      --simple-colors-default-theme-accent-12: #f0e2de;\n    }\n\n    :host([accent-color="blue-grey"]),\n    :host [accent-color="blue-grey"] {\n      --simple-colors-default-theme-accent-1: #e7eff1;\n      --simple-colors-default-theme-accent-2: #b1c5ce;\n      --simple-colors-default-theme-accent-3: #9badb6;\n      --simple-colors-default-theme-accent-4: #8d9fa7;\n      --simple-colors-default-theme-accent-5: #7a8f98;\n      --simple-colors-default-theme-accent-6: #718892;\n      --simple-colors-default-theme-accent-7: #56707c;\n      --simple-colors-default-theme-accent-8: #40535b;\n      --simple-colors-default-theme-accent-9: #2f3e45;\n      --simple-colors-default-theme-accent-10: #1e282c;\n      --simple-colors-default-theme-accent-11: #182023;\n      --simple-colors-default-theme-accent-12: #0f1518;\n      --simple-colors-fixed-theme-accent-1: #e7eff1;\n      --simple-colors-fixed-theme-accent-2: #b1c5ce;\n      --simple-colors-fixed-theme-accent-3: #9badb6;\n      --simple-colors-fixed-theme-accent-4: #8d9fa7;\n      --simple-colors-fixed-theme-accent-5: #7a8f98;\n      --simple-colors-fixed-theme-accent-6: #718892;\n      --simple-colors-fixed-theme-accent-7: #56707c;\n      --simple-colors-fixed-theme-accent-8: #40535b;\n      --simple-colors-fixed-theme-accent-9: #2f3e45;\n      --simple-colors-fixed-theme-accent-10: #1e282c;\n      --simple-colors-fixed-theme-accent-11: #182023;\n      --simple-colors-fixed-theme-accent-12: #0f1518;\n    }\n\n    :host([dark][accent-color="blue-grey"]),\n    :host([dark]) [accent-color="blue-grey"],\n    :host([accent-color="blue-grey"]) [dark],\n    :host [dark][accent-color="blue-grey"] {\n      --simple-colors-default-theme-accent-1: #0f1518;\n      --simple-colors-default-theme-accent-2: #182023;\n      --simple-colors-default-theme-accent-3: #1e282c;\n      --simple-colors-default-theme-accent-4: #2f3e45;\n      --simple-colors-default-theme-accent-5: #40535b;\n      --simple-colors-default-theme-accent-6: #56707c;\n      --simple-colors-default-theme-accent-7: #718892;\n      --simple-colors-default-theme-accent-8: #7a8f98;\n      --simple-colors-default-theme-accent-9: #8d9fa7;\n      --simple-colors-default-theme-accent-10: #9badb6;\n      --simple-colors-default-theme-accent-11: #b1c5ce;\n      --simple-colors-default-theme-accent-12: #e7eff1;\n    }\n  </style>\n']);return _templateObject_f21d56e01f0511ed8cc3e9a95995ad69=function _templateObject_f21d56e01f0511ed8cc3e9a95995ad69(){return e},e}var c=document.createElement("dom-module"),l=(0,e.html)(_templateObject_f21d56e01f0511ed8cc3e9a95995ad69());exports.css=l,c.appendChild(l),c.register("simple-colors-shared-styles-polymer");
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.css=void 0;var e=require("@polymer/polymer/polymer-element.js");function _templateObject_c9213b501f2611eda0c389891c227ec8(){var e=function _taggedTemplateLiteral(e,c){c||(c=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(c)}}))}(['\n  <style>\n    :host([dark]),\n    :host [dark] {\n      --simple-colors-default-theme-accent-1: #000000;\n      --simple-colors-default-theme-accent-2: #111111;\n      --simple-colors-default-theme-accent-3: #222222;\n      --simple-colors-default-theme-accent-4: #333333;\n      --simple-colors-default-theme-accent-5: #444444;\n      --simple-colors-default-theme-accent-6: #666666;\n      --simple-colors-default-theme-accent-7: #999999;\n      --simple-colors-default-theme-accent-8: #bbbbbb;\n      --simple-colors-default-theme-accent-9: #cccccc;\n      --simple-colors-default-theme-accent-10: #dddddd;\n      --simple-colors-default-theme-accent-11: #eeeeee;\n      --simple-colors-default-theme-accent-12: #ffffff;\n\n      --simple-colors-default-theme-grey-1: #000000;\n      --simple-colors-default-theme-grey-2: #111111;\n      --simple-colors-default-theme-grey-3: #222222;\n      --simple-colors-default-theme-grey-4: #333333;\n      --simple-colors-default-theme-grey-5: #444444;\n      --simple-colors-default-theme-grey-6: #666666;\n      --simple-colors-default-theme-grey-7: #999999;\n      --simple-colors-default-theme-grey-8: #bbbbbb;\n      --simple-colors-default-theme-grey-9: #cccccc;\n      --simple-colors-default-theme-grey-10: #dddddd;\n      --simple-colors-default-theme-grey-11: #eeeeee;\n      --simple-colors-default-theme-grey-12: #ffffff;\n\n      --simple-colors-default-theme-red-1: #3f0000;\n      --simple-colors-default-theme-red-2: #520000;\n      --simple-colors-default-theme-red-3: #670000;\n      --simple-colors-default-theme-red-4: #850000;\n      --simple-colors-default-theme-red-5: #ac0000;\n      --simple-colors-default-theme-red-6: #ee0000;\n      --simple-colors-default-theme-red-7: #ff2222;\n      --simple-colors-default-theme-red-8: #fd5151;\n      --simple-colors-default-theme-red-9: #ff7474;\n      --simple-colors-default-theme-red-10: #ff8f8f;\n      --simple-colors-default-theme-red-11: #ffaeae;\n      --simple-colors-default-theme-red-12: #ffdddd;\n\n      --simple-colors-default-theme-pink-1: #440019;\n      --simple-colors-default-theme-pink-2: #5a0020;\n      --simple-colors-default-theme-pink-3: #78002b;\n      --simple-colors-default-theme-pink-4: #980036;\n      --simple-colors-default-theme-pink-5: #b80042;\n      --simple-colors-default-theme-pink-6: #da004e;\n      --simple-colors-default-theme-pink-7: #ff3996;\n      --simple-colors-default-theme-pink-8: #fd60aa;\n      --simple-colors-default-theme-pink-9: #ff73b5;\n      --simple-colors-default-theme-pink-10: #ff87c0;\n      --simple-colors-default-theme-pink-11: #ffa5cf;\n      --simple-colors-default-theme-pink-12: #ffe6f1;\n\n      --simple-colors-default-theme-purple-1: #200025;\n      --simple-colors-default-theme-purple-2: #33003a;\n      --simple-colors-default-theme-purple-3: #490052;\n      --simple-colors-default-theme-purple-4: #6c0079;\n      --simple-colors-default-theme-purple-5: #8a009b;\n      --simple-colors-default-theme-purple-6: #a500ba;\n      --simple-colors-default-theme-purple-7: #e200ff;\n      --simple-colors-default-theme-purple-8: #ed61ff;\n      --simple-colors-default-theme-purple-9: #f07cff;\n      --simple-colors-default-theme-purple-10: #f394ff;\n      --simple-colors-default-theme-purple-11: #f4affd;\n      --simple-colors-default-theme-purple-12: #fce6ff;\n\n      --simple-colors-default-theme-deep-purple-1: #1d0033;\n      --simple-colors-default-theme-deep-purple-2: #2a0049;\n      --simple-colors-default-theme-deep-purple-3: #3a0063;\n      --simple-colors-default-theme-deep-purple-4: #4c0081;\n      --simple-colors-default-theme-deep-purple-5: #5d009f;\n      --simple-colors-default-theme-deep-purple-6: #7e00d8;\n      --simple-colors-default-theme-deep-purple-7: #a931ff;\n      --simple-colors-default-theme-deep-purple-8: #b44aff;\n      --simple-colors-default-theme-deep-purple-9: #bb63f9;\n      --simple-colors-default-theme-deep-purple-10: #c97eff;\n      --simple-colors-default-theme-deep-purple-11: #ddacff;\n      --simple-colors-default-theme-deep-purple-12: #f3e4ff;\n\n      --simple-colors-default-theme-indigo-1: #0a0030;\n      --simple-colors-default-theme-indigo-2: #100049;\n      --simple-colors-default-theme-indigo-3: #160063;\n      --simple-colors-default-theme-indigo-4: #20008c;\n      --simple-colors-default-theme-indigo-5: #2801b0;\n      --simple-colors-default-theme-indigo-6: #3a00ff;\n      --simple-colors-default-theme-indigo-7: #835fff;\n      --simple-colors-default-theme-indigo-8: #9373ff;\n      --simple-colors-default-theme-indigo-9: #9e82ff;\n      --simple-colors-default-theme-indigo-10: #af97ff;\n      --simple-colors-default-theme-indigo-11: #c3b2ff;\n      --simple-colors-default-theme-indigo-12: #e5ddff;\n\n      --simple-colors-default-theme-blue-1: #001333;\n      --simple-colors-default-theme-blue-2: #001947;\n      --simple-colors-default-theme-blue-3: #002569;\n      --simple-colors-default-theme-blue-4: #003494;\n      --simple-colors-default-theme-blue-5: #0041bb;\n      --simple-colors-default-theme-blue-6: #0059ff;\n      --simple-colors-default-theme-blue-7: #4083ff;\n      --simple-colors-default-theme-blue-8: #5892fd;\n      --simple-colors-default-theme-blue-9: #74a5ff;\n      --simple-colors-default-theme-blue-10: #95baff;\n      --simple-colors-default-theme-blue-11: #acc9ff;\n      --simple-colors-default-theme-blue-12: #e2ecff;\n\n      --simple-colors-default-theme-light-blue-1: #001b36;\n      --simple-colors-default-theme-light-blue-2: #002850;\n      --simple-colors-default-theme-light-blue-3: #003f7d;\n      --simple-colors-default-theme-light-blue-4: #0055a8;\n      --simple-colors-default-theme-light-blue-5: #0066ca;\n      --simple-colors-default-theme-light-blue-6: #007ffc;\n      --simple-colors-default-theme-light-blue-7: #41a1ff;\n      --simple-colors-default-theme-light-blue-8: #58adff;\n      --simple-colors-default-theme-light-blue-9: #65b3ff;\n      --simple-colors-default-theme-light-blue-10: #92c9ff;\n      --simple-colors-default-theme-light-blue-11: #a1d1ff;\n      --simple-colors-default-theme-light-blue-12: #cde8ff;\n\n      --simple-colors-default-theme-cyan-1: #001a20;\n      --simple-colors-default-theme-cyan-2: #002c38;\n      --simple-colors-default-theme-cyan-3: #003f50;\n      --simple-colors-default-theme-cyan-4: #005970;\n      --simple-colors-default-theme-cyan-5: #007999;\n      --simple-colors-default-theme-cyan-6: #009dc7;\n      --simple-colors-default-theme-cyan-7: #00c9ff;\n      --simple-colors-default-theme-cyan-8: #1ccfff;\n      --simple-colors-default-theme-cyan-9: #33d4ff;\n      --simple-colors-default-theme-cyan-10: #77e2ff;\n      --simple-colors-default-theme-cyan-11: #9beaff;\n      --simple-colors-default-theme-cyan-12: #ddf8ff;\n\n      --simple-colors-default-theme-teal-1: #001b14;\n      --simple-colors-default-theme-teal-2: #002a20;\n      --simple-colors-default-theme-teal-3: #003829;\n      --simple-colors-default-theme-teal-4: #004e3a;\n      --simple-colors-default-theme-teal-5: #007658;\n      --simple-colors-default-theme-teal-6: #009d75;\n      --simple-colors-default-theme-teal-7: #00ff9c;\n      --simple-colors-default-theme-teal-8: #29ffac;\n      --simple-colors-default-theme-teal-9: #56ffbd;\n      --simple-colors-default-theme-teal-10: #79ffcb;\n      --simple-colors-default-theme-teal-11: #98ffd7;\n      --simple-colors-default-theme-teal-12: #d9fff0;\n\n      --simple-colors-default-theme-green-1: #001d0c;\n      --simple-colors-default-theme-green-2: #002a11;\n      --simple-colors-default-theme-green-3: #003d18;\n      --simple-colors-default-theme-green-4: #005a23;\n      --simple-colors-default-theme-green-5: #00762e;\n      --simple-colors-default-theme-green-6: #008c37;\n      --simple-colors-default-theme-green-7: #00f961;\n      --simple-colors-default-theme-green-8: #24ff70;\n      --simple-colors-default-theme-green-9: #49ff88;\n      --simple-colors-default-theme-green-10: #79ffa7;\n      --simple-colors-default-theme-green-11: #acffc9;\n      --simple-colors-default-theme-green-12: #e1ffeb;\n\n      --simple-colors-default-theme-light-green-1: #0d2000;\n      --simple-colors-default-theme-light-green-2: #143000;\n      --simple-colors-default-theme-light-green-3: #1b3f00;\n      --simple-colors-default-theme-light-green-4: #296100;\n      --simple-colors-default-theme-light-green-5: #357f00;\n      --simple-colors-default-theme-light-green-6: #429d00;\n      --simple-colors-default-theme-light-green-7: #6fff00;\n      --simple-colors-default-theme-light-green-8: #8efd38;\n      --simple-colors-default-theme-light-green-9: #a1fd5a;\n      --simple-colors-default-theme-light-green-10: #b1ff75;\n      --simple-colors-default-theme-light-green-11: #c7ff9b;\n      --simple-colors-default-theme-light-green-12: #ebffdb;\n\n      --simple-colors-default-theme-lime-1: #182400;\n      --simple-colors-default-theme-lime-2: #223400;\n      --simple-colors-default-theme-lime-3: #293f00;\n      --simple-colors-default-theme-lime-4: #3b5a00;\n      --simple-colors-default-theme-lime-5: #4d7600;\n      --simple-colors-default-theme-lime-6: #649900;\n      --simple-colors-default-theme-lime-7: #aeff00;\n      --simple-colors-default-theme-lime-8: #bdff2d;\n      --simple-colors-default-theme-lime-9: #caff58;\n      --simple-colors-default-theme-lime-10: #d4ff77;\n      --simple-colors-default-theme-lime-11: #dfff9b;\n      --simple-colors-default-theme-lime-12: #f1ffd2;\n\n      --simple-colors-default-theme-yellow-1: #242400;\n      --simple-colors-default-theme-yellow-2: #303000;\n      --simple-colors-default-theme-yellow-3: #454400;\n      --simple-colors-default-theme-yellow-4: #585700;\n      --simple-colors-default-theme-yellow-5: #787700;\n      --simple-colors-default-theme-yellow-6: #929100;\n      --simple-colors-default-theme-yellow-7: #f6f600;\n      --simple-colors-default-theme-yellow-8: #ffff3a;\n      --simple-colors-default-theme-yellow-9: #ffff7c;\n      --simple-colors-default-theme-yellow-10: #ffff90;\n      --simple-colors-default-theme-yellow-11: #ffffac;\n      --simple-colors-default-theme-yellow-12: #ffffd5;\n\n      --simple-colors-default-theme-amber-1: #221a00;\n      --simple-colors-default-theme-amber-2: #302500;\n      --simple-colors-default-theme-amber-3: #413200;\n      --simple-colors-default-theme-amber-4: #614b00;\n      --simple-colors-default-theme-amber-5: #876800;\n      --simple-colors-default-theme-amber-6: #b28900;\n      --simple-colors-default-theme-amber-7: #ffc500;\n      --simple-colors-default-theme-amber-8: #ffc235;\n      --simple-colors-default-theme-amber-9: #ffcf5e;\n      --simple-colors-default-theme-amber-10: #ffd677;\n      --simple-colors-default-theme-amber-11: #ffdf92;\n      --simple-colors-default-theme-amber-12: #fff2d4;\n\n      --simple-colors-default-theme-orange-1: #2c1400;\n      --simple-colors-default-theme-orange-2: #3d1c00;\n      --simple-colors-default-theme-orange-3: #612d00;\n      --simple-colors-default-theme-orange-4: #833d00;\n      --simple-colors-default-theme-orange-5: #ae5100;\n      --simple-colors-default-theme-orange-6: #e56a00;\n      --simple-colors-default-theme-orange-7: #ff9625;\n      --simple-colors-default-theme-orange-8: #ff9e36;\n      --simple-colors-default-theme-orange-9: #ffb05c;\n      --simple-colors-default-theme-orange-10: #ffbd75;\n      --simple-colors-default-theme-orange-11: #ffca92;\n      --simple-colors-default-theme-orange-12: #ffebd7;\n\n      --simple-colors-default-theme-deep-orange-1: #240700;\n      --simple-colors-default-theme-deep-orange-2: #3a0c00;\n      --simple-colors-default-theme-deep-orange-3: #561100;\n      --simple-colors-default-theme-deep-orange-4: #8a1c00;\n      --simple-colors-default-theme-deep-orange-5: #b92500;\n      --simple-colors-default-theme-deep-orange-6: #f53100;\n      --simple-colors-default-theme-deep-orange-7: #ff6c3c;\n      --simple-colors-default-theme-deep-orange-8: #ff7649;\n      --simple-colors-default-theme-deep-orange-9: #ff8a64;\n      --simple-colors-default-theme-deep-orange-10: #ffa588;\n      --simple-colors-default-theme-deep-orange-11: #ffb299;\n      --simple-colors-default-theme-deep-orange-12: #ffe7e0;\n\n      --simple-colors-default-theme-brown-1: #200e09;\n      --simple-colors-default-theme-brown-2: #2c140e;\n      --simple-colors-default-theme-brown-3: #3b1e15;\n      --simple-colors-default-theme-brown-4: #5b3328;\n      --simple-colors-default-theme-brown-5: #724539;\n      --simple-colors-default-theme-brown-6: #85574a;\n      --simple-colors-default-theme-brown-7: #a47060;\n      --simple-colors-default-theme-brown-8: #ac7868;\n      --simple-colors-default-theme-brown-9: #b68373;\n      --simple-colors-default-theme-brown-10: #c59485;\n      --simple-colors-default-theme-brown-11: #e5b8aa;\n      --simple-colors-default-theme-brown-12: #f0e2de;\n\n      --simple-colors-default-theme-blue-grey-1: #0f1518;\n      --simple-colors-default-theme-blue-grey-2: #182023;\n      --simple-colors-default-theme-blue-grey-3: #1e282c;\n      --simple-colors-default-theme-blue-grey-4: #2f3e45;\n      --simple-colors-default-theme-blue-grey-5: #40535b;\n      --simple-colors-default-theme-blue-grey-6: #56707c;\n      --simple-colors-default-theme-blue-grey-7: #718892;\n      --simple-colors-default-theme-blue-grey-8: #7a8f98;\n      --simple-colors-default-theme-blue-grey-9: #8d9fa7;\n      --simple-colors-default-theme-blue-grey-10: #9badb6;\n      --simple-colors-default-theme-blue-grey-11: #b1c5ce;\n      --simple-colors-default-theme-blue-grey-12: #e7eff1;\n    }\n\n    :host([accent-color="grey"]),\n    :host [accent-color="grey"] {\n      --simple-colors-default-theme-accent-1: #ffffff;\n      --simple-colors-default-theme-accent-2: #eeeeee;\n      --simple-colors-default-theme-accent-3: #dddddd;\n      --simple-colors-default-theme-accent-4: #cccccc;\n      --simple-colors-default-theme-accent-5: #bbbbbb;\n      --simple-colors-default-theme-accent-6: #999999;\n      --simple-colors-default-theme-accent-7: #666666;\n      --simple-colors-default-theme-accent-8: #444444;\n      --simple-colors-default-theme-accent-9: #333333;\n      --simple-colors-default-theme-accent-10: #222222;\n      --simple-colors-default-theme-accent-11: #111111;\n      --simple-colors-default-theme-accent-12: #000000;\n      --simple-colors-fixed-theme-accent-1: #ffffff;\n      --simple-colors-fixed-theme-accent-2: #eeeeee;\n      --simple-colors-fixed-theme-accent-3: #dddddd;\n      --simple-colors-fixed-theme-accent-4: #cccccc;\n      --simple-colors-fixed-theme-accent-5: #bbbbbb;\n      --simple-colors-fixed-theme-accent-6: #999999;\n      --simple-colors-fixed-theme-accent-7: #666666;\n      --simple-colors-fixed-theme-accent-8: #444444;\n      --simple-colors-fixed-theme-accent-9: #333333;\n      --simple-colors-fixed-theme-accent-10: #222222;\n      --simple-colors-fixed-theme-accent-11: #111111;\n      --simple-colors-fixed-theme-accent-12: #000000;\n    }\n\n    :host([dark][accent-color="grey"]),\n    :host([dark]) [accent-color="grey"],\n    :host([accent-color="grey"]) [dark],\n    :host [dark][accent-color="grey"] {\n      --simple-colors-default-theme-accent-1: #000000;\n      --simple-colors-default-theme-accent-2: #111111;\n      --simple-colors-default-theme-accent-3: #222222;\n      --simple-colors-default-theme-accent-4: #333333;\n      --simple-colors-default-theme-accent-5: #444444;\n      --simple-colors-default-theme-accent-6: #666666;\n      --simple-colors-default-theme-accent-7: #999999;\n      --simple-colors-default-theme-accent-8: #bbbbbb;\n      --simple-colors-default-theme-accent-9: #cccccc;\n      --simple-colors-default-theme-accent-10: #dddddd;\n      --simple-colors-default-theme-accent-11: #eeeeee;\n      --simple-colors-default-theme-accent-12: #ffffff;\n    }\n\n    :host([accent-color="red"]),\n    :host [accent-color="red"] {\n      --simple-colors-default-theme-accent-1: #ffdddd;\n      --simple-colors-default-theme-accent-2: #ffaeae;\n      --simple-colors-default-theme-accent-3: #ff8f8f;\n      --simple-colors-default-theme-accent-4: #ff7474;\n      --simple-colors-default-theme-accent-5: #fd5151;\n      --simple-colors-default-theme-accent-6: #ff2222;\n      --simple-colors-default-theme-accent-7: #ee0000;\n      --simple-colors-default-theme-accent-8: #ac0000;\n      --simple-colors-default-theme-accent-9: #850000;\n      --simple-colors-default-theme-accent-10: #670000;\n      --simple-colors-default-theme-accent-11: #520000;\n      --simple-colors-default-theme-accent-12: #3f0000;\n      --simple-colors-fixed-theme-accent-1: #ffdddd;\n      --simple-colors-fixed-theme-accent-2: #ffaeae;\n      --simple-colors-fixed-theme-accent-3: #ff8f8f;\n      --simple-colors-fixed-theme-accent-4: #ff7474;\n      --simple-colors-fixed-theme-accent-5: #fd5151;\n      --simple-colors-fixed-theme-accent-6: #ff2222;\n      --simple-colors-fixed-theme-accent-7: #ee0000;\n      --simple-colors-fixed-theme-accent-8: #ac0000;\n      --simple-colors-fixed-theme-accent-9: #850000;\n      --simple-colors-fixed-theme-accent-10: #670000;\n      --simple-colors-fixed-theme-accent-11: #520000;\n      --simple-colors-fixed-theme-accent-12: #3f0000;\n    }\n\n    :host([dark][accent-color="red"]),\n    :host([dark]) [accent-color="red"],\n    :host([accent-color="red"]) [dark],\n    :host [dark][accent-color="red"] {\n      --simple-colors-default-theme-accent-1: #3f0000;\n      --simple-colors-default-theme-accent-2: #520000;\n      --simple-colors-default-theme-accent-3: #670000;\n      --simple-colors-default-theme-accent-4: #850000;\n      --simple-colors-default-theme-accent-5: #ac0000;\n      --simple-colors-default-theme-accent-6: #ee0000;\n      --simple-colors-default-theme-accent-7: #ff2222;\n      --simple-colors-default-theme-accent-8: #fd5151;\n      --simple-colors-default-theme-accent-9: #ff7474;\n      --simple-colors-default-theme-accent-10: #ff8f8f;\n      --simple-colors-default-theme-accent-11: #ffaeae;\n      --simple-colors-default-theme-accent-12: #ffdddd;\n    }\n\n    :host([accent-color="pink"]),\n    :host [accent-color="pink"] {\n      --simple-colors-default-theme-accent-1: #ffe6f1;\n      --simple-colors-default-theme-accent-2: #ffa5cf;\n      --simple-colors-default-theme-accent-3: #ff87c0;\n      --simple-colors-default-theme-accent-4: #ff73b5;\n      --simple-colors-default-theme-accent-5: #fd60aa;\n      --simple-colors-default-theme-accent-6: #ff3996;\n      --simple-colors-default-theme-accent-7: #da004e;\n      --simple-colors-default-theme-accent-8: #b80042;\n      --simple-colors-default-theme-accent-9: #980036;\n      --simple-colors-default-theme-accent-10: #78002b;\n      --simple-colors-default-theme-accent-11: #5a0020;\n      --simple-colors-default-theme-accent-12: #440019;\n      --simple-colors-fixed-theme-accent-1: #ffe6f1;\n      --simple-colors-fixed-theme-accent-2: #ffa5cf;\n      --simple-colors-fixed-theme-accent-3: #ff87c0;\n      --simple-colors-fixed-theme-accent-4: #ff73b5;\n      --simple-colors-fixed-theme-accent-5: #fd60aa;\n      --simple-colors-fixed-theme-accent-6: #ff3996;\n      --simple-colors-fixed-theme-accent-7: #da004e;\n      --simple-colors-fixed-theme-accent-8: #b80042;\n      --simple-colors-fixed-theme-accent-9: #980036;\n      --simple-colors-fixed-theme-accent-10: #78002b;\n      --simple-colors-fixed-theme-accent-11: #5a0020;\n      --simple-colors-fixed-theme-accent-12: #440019;\n    }\n\n    :host([dark][accent-color="pink"]),\n    :host([dark]) [accent-color="pink"],\n    :host([accent-color="pink"]) [dark],\n    :host [dark][accent-color="pink"] {\n      --simple-colors-default-theme-accent-1: #440019;\n      --simple-colors-default-theme-accent-2: #5a0020;\n      --simple-colors-default-theme-accent-3: #78002b;\n      --simple-colors-default-theme-accent-4: #980036;\n      --simple-colors-default-theme-accent-5: #b80042;\n      --simple-colors-default-theme-accent-6: #da004e;\n      --simple-colors-default-theme-accent-7: #ff3996;\n      --simple-colors-default-theme-accent-8: #fd60aa;\n      --simple-colors-default-theme-accent-9: #ff73b5;\n      --simple-colors-default-theme-accent-10: #ff87c0;\n      --simple-colors-default-theme-accent-11: #ffa5cf;\n      --simple-colors-default-theme-accent-12: #ffe6f1;\n    }\n\n    :host([accent-color="purple"]),\n    :host [accent-color="purple"] {\n      --simple-colors-default-theme-accent-1: #fce6ff;\n      --simple-colors-default-theme-accent-2: #f4affd;\n      --simple-colors-default-theme-accent-3: #f394ff;\n      --simple-colors-default-theme-accent-4: #f07cff;\n      --simple-colors-default-theme-accent-5: #ed61ff;\n      --simple-colors-default-theme-accent-6: #e200ff;\n      --simple-colors-default-theme-accent-7: #a500ba;\n      --simple-colors-default-theme-accent-8: #8a009b;\n      --simple-colors-default-theme-accent-9: #6c0079;\n      --simple-colors-default-theme-accent-10: #490052;\n      --simple-colors-default-theme-accent-11: #33003a;\n      --simple-colors-default-theme-accent-12: #200025;\n      --simple-colors-fixed-theme-accent-1: #fce6ff;\n      --simple-colors-fixed-theme-accent-2: #f4affd;\n      --simple-colors-fixed-theme-accent-3: #f394ff;\n      --simple-colors-fixed-theme-accent-4: #f07cff;\n      --simple-colors-fixed-theme-accent-5: #ed61ff;\n      --simple-colors-fixed-theme-accent-6: #e200ff;\n      --simple-colors-fixed-theme-accent-7: #a500ba;\n      --simple-colors-fixed-theme-accent-8: #8a009b;\n      --simple-colors-fixed-theme-accent-9: #6c0079;\n      --simple-colors-fixed-theme-accent-10: #490052;\n      --simple-colors-fixed-theme-accent-11: #33003a;\n      --simple-colors-fixed-theme-accent-12: #200025;\n    }\n\n    :host([dark][accent-color="purple"]),\n    :host([dark]) [accent-color="purple"],\n    :host([accent-color="purple"]) [dark],\n    :host [dark][accent-color="purple"] {\n      --simple-colors-default-theme-accent-1: #200025;\n      --simple-colors-default-theme-accent-2: #33003a;\n      --simple-colors-default-theme-accent-3: #490052;\n      --simple-colors-default-theme-accent-4: #6c0079;\n      --simple-colors-default-theme-accent-5: #8a009b;\n      --simple-colors-default-theme-accent-6: #a500ba;\n      --simple-colors-default-theme-accent-7: #e200ff;\n      --simple-colors-default-theme-accent-8: #ed61ff;\n      --simple-colors-default-theme-accent-9: #f07cff;\n      --simple-colors-default-theme-accent-10: #f394ff;\n      --simple-colors-default-theme-accent-11: #f4affd;\n      --simple-colors-default-theme-accent-12: #fce6ff;\n    }\n\n    :host([accent-color="deep-purple"]),\n    :host [accent-color="deep-purple"] {\n      --simple-colors-default-theme-accent-1: #f3e4ff;\n      --simple-colors-default-theme-accent-2: #ddacff;\n      --simple-colors-default-theme-accent-3: #c97eff;\n      --simple-colors-default-theme-accent-4: #bb63f9;\n      --simple-colors-default-theme-accent-5: #b44aff;\n      --simple-colors-default-theme-accent-6: #a931ff;\n      --simple-colors-default-theme-accent-7: #7e00d8;\n      --simple-colors-default-theme-accent-8: #5d009f;\n      --simple-colors-default-theme-accent-9: #4c0081;\n      --simple-colors-default-theme-accent-10: #3a0063;\n      --simple-colors-default-theme-accent-11: #2a0049;\n      --simple-colors-default-theme-accent-12: #1d0033;\n      --simple-colors-fixed-theme-accent-1: #f3e4ff;\n      --simple-colors-fixed-theme-accent-2: #ddacff;\n      --simple-colors-fixed-theme-accent-3: #c97eff;\n      --simple-colors-fixed-theme-accent-4: #bb63f9;\n      --simple-colors-fixed-theme-accent-5: #b44aff;\n      --simple-colors-fixed-theme-accent-6: #a931ff;\n      --simple-colors-fixed-theme-accent-7: #7e00d8;\n      --simple-colors-fixed-theme-accent-8: #5d009f;\n      --simple-colors-fixed-theme-accent-9: #4c0081;\n      --simple-colors-fixed-theme-accent-10: #3a0063;\n      --simple-colors-fixed-theme-accent-11: #2a0049;\n      --simple-colors-fixed-theme-accent-12: #1d0033;\n    }\n\n    :host([dark][accent-color="deep-purple"]),\n    :host([dark]) [accent-color="deep-purple"],\n    :host([accent-color="deep-purple"]) [dark],\n    :host [dark][accent-color="deep-purple"] {\n      --simple-colors-default-theme-accent-1: #1d0033;\n      --simple-colors-default-theme-accent-2: #2a0049;\n      --simple-colors-default-theme-accent-3: #3a0063;\n      --simple-colors-default-theme-accent-4: #4c0081;\n      --simple-colors-default-theme-accent-5: #5d009f;\n      --simple-colors-default-theme-accent-6: #7e00d8;\n      --simple-colors-default-theme-accent-7: #a931ff;\n      --simple-colors-default-theme-accent-8: #b44aff;\n      --simple-colors-default-theme-accent-9: #bb63f9;\n      --simple-colors-default-theme-accent-10: #c97eff;\n      --simple-colors-default-theme-accent-11: #ddacff;\n      --simple-colors-default-theme-accent-12: #f3e4ff;\n    }\n\n    :host([accent-color="indigo"]),\n    :host [accent-color="indigo"] {\n      --simple-colors-default-theme-accent-1: #e5ddff;\n      --simple-colors-default-theme-accent-2: #c3b2ff;\n      --simple-colors-default-theme-accent-3: #af97ff;\n      --simple-colors-default-theme-accent-4: #9e82ff;\n      --simple-colors-default-theme-accent-5: #9373ff;\n      --simple-colors-default-theme-accent-6: #835fff;\n      --simple-colors-default-theme-accent-7: #3a00ff;\n      --simple-colors-default-theme-accent-8: #2801b0;\n      --simple-colors-default-theme-accent-9: #20008c;\n      --simple-colors-default-theme-accent-10: #160063;\n      --simple-colors-default-theme-accent-11: #100049;\n      --simple-colors-default-theme-accent-12: #0a0030;\n      --simple-colors-fixed-theme-accent-1: #e5ddff;\n      --simple-colors-fixed-theme-accent-2: #c3b2ff;\n      --simple-colors-fixed-theme-accent-3: #af97ff;\n      --simple-colors-fixed-theme-accent-4: #9e82ff;\n      --simple-colors-fixed-theme-accent-5: #9373ff;\n      --simple-colors-fixed-theme-accent-6: #835fff;\n      --simple-colors-fixed-theme-accent-7: #3a00ff;\n      --simple-colors-fixed-theme-accent-8: #2801b0;\n      --simple-colors-fixed-theme-accent-9: #20008c;\n      --simple-colors-fixed-theme-accent-10: #160063;\n      --simple-colors-fixed-theme-accent-11: #100049;\n      --simple-colors-fixed-theme-accent-12: #0a0030;\n    }\n\n    :host([dark][accent-color="indigo"]),\n    :host([dark]) [accent-color="indigo"],\n    :host([accent-color="indigo"]) [dark],\n    :host [dark][accent-color="indigo"] {\n      --simple-colors-default-theme-accent-1: #0a0030;\n      --simple-colors-default-theme-accent-2: #100049;\n      --simple-colors-default-theme-accent-3: #160063;\n      --simple-colors-default-theme-accent-4: #20008c;\n      --simple-colors-default-theme-accent-5: #2801b0;\n      --simple-colors-default-theme-accent-6: #3a00ff;\n      --simple-colors-default-theme-accent-7: #835fff;\n      --simple-colors-default-theme-accent-8: #9373ff;\n      --simple-colors-default-theme-accent-9: #9e82ff;\n      --simple-colors-default-theme-accent-10: #af97ff;\n      --simple-colors-default-theme-accent-11: #c3b2ff;\n      --simple-colors-default-theme-accent-12: #e5ddff;\n    }\n\n    :host([accent-color="blue"]),\n    :host [accent-color="blue"] {\n      --simple-colors-default-theme-accent-1: #e2ecff;\n      --simple-colors-default-theme-accent-2: #acc9ff;\n      --simple-colors-default-theme-accent-3: #95baff;\n      --simple-colors-default-theme-accent-4: #74a5ff;\n      --simple-colors-default-theme-accent-5: #5892fd;\n      --simple-colors-default-theme-accent-6: #4083ff;\n      --simple-colors-default-theme-accent-7: #0059ff;\n      --simple-colors-default-theme-accent-8: #0041bb;\n      --simple-colors-default-theme-accent-9: #003494;\n      --simple-colors-default-theme-accent-10: #002569;\n      --simple-colors-default-theme-accent-11: #001947;\n      --simple-colors-default-theme-accent-12: #001333;\n      --simple-colors-fixed-theme-accent-1: #e2ecff;\n      --simple-colors-fixed-theme-accent-2: #acc9ff;\n      --simple-colors-fixed-theme-accent-3: #95baff;\n      --simple-colors-fixed-theme-accent-4: #74a5ff;\n      --simple-colors-fixed-theme-accent-5: #5892fd;\n      --simple-colors-fixed-theme-accent-6: #4083ff;\n      --simple-colors-fixed-theme-accent-7: #0059ff;\n      --simple-colors-fixed-theme-accent-8: #0041bb;\n      --simple-colors-fixed-theme-accent-9: #003494;\n      --simple-colors-fixed-theme-accent-10: #002569;\n      --simple-colors-fixed-theme-accent-11: #001947;\n      --simple-colors-fixed-theme-accent-12: #001333;\n    }\n\n    :host([dark][accent-color="blue"]),\n    :host([dark]) [accent-color="blue"],\n    :host([accent-color="blue"]) [dark],\n    :host [dark][accent-color="blue"] {\n      --simple-colors-default-theme-accent-1: #001333;\n      --simple-colors-default-theme-accent-2: #001947;\n      --simple-colors-default-theme-accent-3: #002569;\n      --simple-colors-default-theme-accent-4: #003494;\n      --simple-colors-default-theme-accent-5: #0041bb;\n      --simple-colors-default-theme-accent-6: #0059ff;\n      --simple-colors-default-theme-accent-7: #4083ff;\n      --simple-colors-default-theme-accent-8: #5892fd;\n      --simple-colors-default-theme-accent-9: #74a5ff;\n      --simple-colors-default-theme-accent-10: #95baff;\n      --simple-colors-default-theme-accent-11: #acc9ff;\n      --simple-colors-default-theme-accent-12: #e2ecff;\n    }\n\n    :host([accent-color="light-blue"]),\n    :host [accent-color="light-blue"] {\n      --simple-colors-default-theme-accent-1: #cde8ff;\n      --simple-colors-default-theme-accent-2: #a1d1ff;\n      --simple-colors-default-theme-accent-3: #92c9ff;\n      --simple-colors-default-theme-accent-4: #65b3ff;\n      --simple-colors-default-theme-accent-5: #58adff;\n      --simple-colors-default-theme-accent-6: #41a1ff;\n      --simple-colors-default-theme-accent-7: #007ffc;\n      --simple-colors-default-theme-accent-8: #0066ca;\n      --simple-colors-default-theme-accent-9: #0055a8;\n      --simple-colors-default-theme-accent-10: #003f7d;\n      --simple-colors-default-theme-accent-11: #002850;\n      --simple-colors-default-theme-accent-12: #001b36;\n      --simple-colors-fixed-theme-accent-1: #cde8ff;\n      --simple-colors-fixed-theme-accent-2: #a1d1ff;\n      --simple-colors-fixed-theme-accent-3: #92c9ff;\n      --simple-colors-fixed-theme-accent-4: #65b3ff;\n      --simple-colors-fixed-theme-accent-5: #58adff;\n      --simple-colors-fixed-theme-accent-6: #41a1ff;\n      --simple-colors-fixed-theme-accent-7: #007ffc;\n      --simple-colors-fixed-theme-accent-8: #0066ca;\n      --simple-colors-fixed-theme-accent-9: #0055a8;\n      --simple-colors-fixed-theme-accent-10: #003f7d;\n      --simple-colors-fixed-theme-accent-11: #002850;\n      --simple-colors-fixed-theme-accent-12: #001b36;\n    }\n\n    :host([dark][accent-color="light-blue"]),\n    :host([dark]) [accent-color="light-blue"],\n    :host([accent-color="light-blue"]) [dark],\n    :host [dark][accent-color="light-blue"] {\n      --simple-colors-default-theme-accent-1: #001b36;\n      --simple-colors-default-theme-accent-2: #002850;\n      --simple-colors-default-theme-accent-3: #003f7d;\n      --simple-colors-default-theme-accent-4: #0055a8;\n      --simple-colors-default-theme-accent-5: #0066ca;\n      --simple-colors-default-theme-accent-6: #007ffc;\n      --simple-colors-default-theme-accent-7: #41a1ff;\n      --simple-colors-default-theme-accent-8: #58adff;\n      --simple-colors-default-theme-accent-9: #65b3ff;\n      --simple-colors-default-theme-accent-10: #92c9ff;\n      --simple-colors-default-theme-accent-11: #a1d1ff;\n      --simple-colors-default-theme-accent-12: #cde8ff;\n    }\n\n    :host([accent-color="cyan"]),\n    :host [accent-color="cyan"] {\n      --simple-colors-default-theme-accent-1: #ddf8ff;\n      --simple-colors-default-theme-accent-2: #9beaff;\n      --simple-colors-default-theme-accent-3: #77e2ff;\n      --simple-colors-default-theme-accent-4: #33d4ff;\n      --simple-colors-default-theme-accent-5: #1ccfff;\n      --simple-colors-default-theme-accent-6: #00c9ff;\n      --simple-colors-default-theme-accent-7: #009dc7;\n      --simple-colors-default-theme-accent-8: #007999;\n      --simple-colors-default-theme-accent-9: #005970;\n      --simple-colors-default-theme-accent-10: #003f50;\n      --simple-colors-default-theme-accent-11: #002c38;\n      --simple-colors-default-theme-accent-12: #001a20;\n      --simple-colors-fixed-theme-accent-1: #ddf8ff;\n      --simple-colors-fixed-theme-accent-2: #9beaff;\n      --simple-colors-fixed-theme-accent-3: #77e2ff;\n      --simple-colors-fixed-theme-accent-4: #33d4ff;\n      --simple-colors-fixed-theme-accent-5: #1ccfff;\n      --simple-colors-fixed-theme-accent-6: #00c9ff;\n      --simple-colors-fixed-theme-accent-7: #009dc7;\n      --simple-colors-fixed-theme-accent-8: #007999;\n      --simple-colors-fixed-theme-accent-9: #005970;\n      --simple-colors-fixed-theme-accent-10: #003f50;\n      --simple-colors-fixed-theme-accent-11: #002c38;\n      --simple-colors-fixed-theme-accent-12: #001a20;\n    }\n\n    :host([dark][accent-color="cyan"]),\n    :host([dark]) [accent-color="cyan"],\n    :host([accent-color="cyan"]) [dark],\n    :host [dark][accent-color="cyan"] {\n      --simple-colors-default-theme-accent-1: #001a20;\n      --simple-colors-default-theme-accent-2: #002c38;\n      --simple-colors-default-theme-accent-3: #003f50;\n      --simple-colors-default-theme-accent-4: #005970;\n      --simple-colors-default-theme-accent-5: #007999;\n      --simple-colors-default-theme-accent-6: #009dc7;\n      --simple-colors-default-theme-accent-7: #00c9ff;\n      --simple-colors-default-theme-accent-8: #1ccfff;\n      --simple-colors-default-theme-accent-9: #33d4ff;\n      --simple-colors-default-theme-accent-10: #77e2ff;\n      --simple-colors-default-theme-accent-11: #9beaff;\n      --simple-colors-default-theme-accent-12: #ddf8ff;\n    }\n\n    :host([accent-color="teal"]),\n    :host [accent-color="teal"] {\n      --simple-colors-default-theme-accent-1: #d9fff0;\n      --simple-colors-default-theme-accent-2: #98ffd7;\n      --simple-colors-default-theme-accent-3: #79ffcb;\n      --simple-colors-default-theme-accent-4: #56ffbd;\n      --simple-colors-default-theme-accent-5: #29ffac;\n      --simple-colors-default-theme-accent-6: #00ff9c;\n      --simple-colors-default-theme-accent-7: #009d75;\n      --simple-colors-default-theme-accent-8: #007658;\n      --simple-colors-default-theme-accent-9: #004e3a;\n      --simple-colors-default-theme-accent-10: #003829;\n      --simple-colors-default-theme-accent-11: #002a20;\n      --simple-colors-default-theme-accent-12: #001b14;\n      --simple-colors-fixed-theme-accent-1: #d9fff0;\n      --simple-colors-fixed-theme-accent-2: #98ffd7;\n      --simple-colors-fixed-theme-accent-3: #79ffcb;\n      --simple-colors-fixed-theme-accent-4: #56ffbd;\n      --simple-colors-fixed-theme-accent-5: #29ffac;\n      --simple-colors-fixed-theme-accent-6: #00ff9c;\n      --simple-colors-fixed-theme-accent-7: #009d75;\n      --simple-colors-fixed-theme-accent-8: #007658;\n      --simple-colors-fixed-theme-accent-9: #004e3a;\n      --simple-colors-fixed-theme-accent-10: #003829;\n      --simple-colors-fixed-theme-accent-11: #002a20;\n      --simple-colors-fixed-theme-accent-12: #001b14;\n    }\n\n    :host([dark][accent-color="teal"]),\n    :host([dark]) [accent-color="teal"],\n    :host([accent-color="teal"]) [dark],\n    :host [dark][accent-color="teal"] {\n      --simple-colors-default-theme-accent-1: #001b14;\n      --simple-colors-default-theme-accent-2: #002a20;\n      --simple-colors-default-theme-accent-3: #003829;\n      --simple-colors-default-theme-accent-4: #004e3a;\n      --simple-colors-default-theme-accent-5: #007658;\n      --simple-colors-default-theme-accent-6: #009d75;\n      --simple-colors-default-theme-accent-7: #00ff9c;\n      --simple-colors-default-theme-accent-8: #29ffac;\n      --simple-colors-default-theme-accent-9: #56ffbd;\n      --simple-colors-default-theme-accent-10: #79ffcb;\n      --simple-colors-default-theme-accent-11: #98ffd7;\n      --simple-colors-default-theme-accent-12: #d9fff0;\n    }\n\n    :host([accent-color="green"]),\n    :host [accent-color="green"] {\n      --simple-colors-default-theme-accent-1: #e1ffeb;\n      --simple-colors-default-theme-accent-2: #acffc9;\n      --simple-colors-default-theme-accent-3: #79ffa7;\n      --simple-colors-default-theme-accent-4: #49ff88;\n      --simple-colors-default-theme-accent-5: #24ff70;\n      --simple-colors-default-theme-accent-6: #00f961;\n      --simple-colors-default-theme-accent-7: #008c37;\n      --simple-colors-default-theme-accent-8: #00762e;\n      --simple-colors-default-theme-accent-9: #005a23;\n      --simple-colors-default-theme-accent-10: #003d18;\n      --simple-colors-default-theme-accent-11: #002a11;\n      --simple-colors-default-theme-accent-12: #001d0c;\n      --simple-colors-fixed-theme-accent-1: #e1ffeb;\n      --simple-colors-fixed-theme-accent-2: #acffc9;\n      --simple-colors-fixed-theme-accent-3: #79ffa7;\n      --simple-colors-fixed-theme-accent-4: #49ff88;\n      --simple-colors-fixed-theme-accent-5: #24ff70;\n      --simple-colors-fixed-theme-accent-6: #00f961;\n      --simple-colors-fixed-theme-accent-7: #008c37;\n      --simple-colors-fixed-theme-accent-8: #00762e;\n      --simple-colors-fixed-theme-accent-9: #005a23;\n      --simple-colors-fixed-theme-accent-10: #003d18;\n      --simple-colors-fixed-theme-accent-11: #002a11;\n      --simple-colors-fixed-theme-accent-12: #001d0c;\n    }\n\n    :host([dark][accent-color="green"]),\n    :host([dark]) [accent-color="green"],\n    :host([accent-color="green"]) [dark],\n    :host [dark][accent-color="green"] {\n      --simple-colors-default-theme-accent-1: #001d0c;\n      --simple-colors-default-theme-accent-2: #002a11;\n      --simple-colors-default-theme-accent-3: #003d18;\n      --simple-colors-default-theme-accent-4: #005a23;\n      --simple-colors-default-theme-accent-5: #00762e;\n      --simple-colors-default-theme-accent-6: #008c37;\n      --simple-colors-default-theme-accent-7: #00f961;\n      --simple-colors-default-theme-accent-8: #24ff70;\n      --simple-colors-default-theme-accent-9: #49ff88;\n      --simple-colors-default-theme-accent-10: #79ffa7;\n      --simple-colors-default-theme-accent-11: #acffc9;\n      --simple-colors-default-theme-accent-12: #e1ffeb;\n    }\n\n    :host([accent-color="light-green"]),\n    :host [accent-color="light-green"] {\n      --simple-colors-default-theme-accent-1: #ebffdb;\n      --simple-colors-default-theme-accent-2: #c7ff9b;\n      --simple-colors-default-theme-accent-3: #b1ff75;\n      --simple-colors-default-theme-accent-4: #a1fd5a;\n      --simple-colors-default-theme-accent-5: #8efd38;\n      --simple-colors-default-theme-accent-6: #6fff00;\n      --simple-colors-default-theme-accent-7: #429d00;\n      --simple-colors-default-theme-accent-8: #357f00;\n      --simple-colors-default-theme-accent-9: #296100;\n      --simple-colors-default-theme-accent-10: #1b3f00;\n      --simple-colors-default-theme-accent-11: #143000;\n      --simple-colors-default-theme-accent-12: #0d2000;\n      --simple-colors-fixed-theme-accent-1: #ebffdb;\n      --simple-colors-fixed-theme-accent-2: #c7ff9b;\n      --simple-colors-fixed-theme-accent-3: #b1ff75;\n      --simple-colors-fixed-theme-accent-4: #a1fd5a;\n      --simple-colors-fixed-theme-accent-5: #8efd38;\n      --simple-colors-fixed-theme-accent-6: #6fff00;\n      --simple-colors-fixed-theme-accent-7: #429d00;\n      --simple-colors-fixed-theme-accent-8: #357f00;\n      --simple-colors-fixed-theme-accent-9: #296100;\n      --simple-colors-fixed-theme-accent-10: #1b3f00;\n      --simple-colors-fixed-theme-accent-11: #143000;\n      --simple-colors-fixed-theme-accent-12: #0d2000;\n    }\n\n    :host([dark][accent-color="light-green"]),\n    :host([dark]) [accent-color="light-green"],\n    :host([accent-color="light-green"]) [dark],\n    :host [dark][accent-color="light-green"] {\n      --simple-colors-default-theme-accent-1: #0d2000;\n      --simple-colors-default-theme-accent-2: #143000;\n      --simple-colors-default-theme-accent-3: #1b3f00;\n      --simple-colors-default-theme-accent-4: #296100;\n      --simple-colors-default-theme-accent-5: #357f00;\n      --simple-colors-default-theme-accent-6: #429d00;\n      --simple-colors-default-theme-accent-7: #6fff00;\n      --simple-colors-default-theme-accent-8: #8efd38;\n      --simple-colors-default-theme-accent-9: #a1fd5a;\n      --simple-colors-default-theme-accent-10: #b1ff75;\n      --simple-colors-default-theme-accent-11: #c7ff9b;\n      --simple-colors-default-theme-accent-12: #ebffdb;\n    }\n\n    :host([accent-color="lime"]),\n    :host [accent-color="lime"] {\n      --simple-colors-default-theme-accent-1: #f1ffd2;\n      --simple-colors-default-theme-accent-2: #dfff9b;\n      --simple-colors-default-theme-accent-3: #d4ff77;\n      --simple-colors-default-theme-accent-4: #caff58;\n      --simple-colors-default-theme-accent-5: #bdff2d;\n      --simple-colors-default-theme-accent-6: #aeff00;\n      --simple-colors-default-theme-accent-7: #649900;\n      --simple-colors-default-theme-accent-8: #4d7600;\n      --simple-colors-default-theme-accent-9: #3b5a00;\n      --simple-colors-default-theme-accent-10: #293f00;\n      --simple-colors-default-theme-accent-11: #223400;\n      --simple-colors-default-theme-accent-12: #182400;\n      --simple-colors-fixed-theme-accent-1: #f1ffd2;\n      --simple-colors-fixed-theme-accent-2: #dfff9b;\n      --simple-colors-fixed-theme-accent-3: #d4ff77;\n      --simple-colors-fixed-theme-accent-4: #caff58;\n      --simple-colors-fixed-theme-accent-5: #bdff2d;\n      --simple-colors-fixed-theme-accent-6: #aeff00;\n      --simple-colors-fixed-theme-accent-7: #649900;\n      --simple-colors-fixed-theme-accent-8: #4d7600;\n      --simple-colors-fixed-theme-accent-9: #3b5a00;\n      --simple-colors-fixed-theme-accent-10: #293f00;\n      --simple-colors-fixed-theme-accent-11: #223400;\n      --simple-colors-fixed-theme-accent-12: #182400;\n    }\n\n    :host([dark][accent-color="lime"]),\n    :host([dark]) [accent-color="lime"],\n    :host([accent-color="lime"]) [dark],\n    :host [dark][accent-color="lime"] {\n      --simple-colors-default-theme-accent-1: #182400;\n      --simple-colors-default-theme-accent-2: #223400;\n      --simple-colors-default-theme-accent-3: #293f00;\n      --simple-colors-default-theme-accent-4: #3b5a00;\n      --simple-colors-default-theme-accent-5: #4d7600;\n      --simple-colors-default-theme-accent-6: #649900;\n      --simple-colors-default-theme-accent-7: #aeff00;\n      --simple-colors-default-theme-accent-8: #bdff2d;\n      --simple-colors-default-theme-accent-9: #caff58;\n      --simple-colors-default-theme-accent-10: #d4ff77;\n      --simple-colors-default-theme-accent-11: #dfff9b;\n      --simple-colors-default-theme-accent-12: #f1ffd2;\n    }\n\n    :host([accent-color="yellow"]),\n    :host [accent-color="yellow"] {\n      --simple-colors-default-theme-accent-1: #ffffd5;\n      --simple-colors-default-theme-accent-2: #ffffac;\n      --simple-colors-default-theme-accent-3: #ffff90;\n      --simple-colors-default-theme-accent-4: #ffff7c;\n      --simple-colors-default-theme-accent-5: #ffff3a;\n      --simple-colors-default-theme-accent-6: #f6f600;\n      --simple-colors-default-theme-accent-7: #929100;\n      --simple-colors-default-theme-accent-8: #787700;\n      --simple-colors-default-theme-accent-9: #585700;\n      --simple-colors-default-theme-accent-10: #454400;\n      --simple-colors-default-theme-accent-11: #303000;\n      --simple-colors-default-theme-accent-12: #242400;\n      --simple-colors-fixed-theme-accent-1: #ffffd5;\n      --simple-colors-fixed-theme-accent-2: #ffffac;\n      --simple-colors-fixed-theme-accent-3: #ffff90;\n      --simple-colors-fixed-theme-accent-4: #ffff7c;\n      --simple-colors-fixed-theme-accent-5: #ffff3a;\n      --simple-colors-fixed-theme-accent-6: #f6f600;\n      --simple-colors-fixed-theme-accent-7: #929100;\n      --simple-colors-fixed-theme-accent-8: #787700;\n      --simple-colors-fixed-theme-accent-9: #585700;\n      --simple-colors-fixed-theme-accent-10: #454400;\n      --simple-colors-fixed-theme-accent-11: #303000;\n      --simple-colors-fixed-theme-accent-12: #242400;\n    }\n\n    :host([dark][accent-color="yellow"]),\n    :host([dark]) [accent-color="yellow"],\n    :host([accent-color="yellow"]) [dark],\n    :host [dark][accent-color="yellow"] {\n      --simple-colors-default-theme-accent-1: #242400;\n      --simple-colors-default-theme-accent-2: #303000;\n      --simple-colors-default-theme-accent-3: #454400;\n      --simple-colors-default-theme-accent-4: #585700;\n      --simple-colors-default-theme-accent-5: #787700;\n      --simple-colors-default-theme-accent-6: #929100;\n      --simple-colors-default-theme-accent-7: #f6f600;\n      --simple-colors-default-theme-accent-8: #ffff3a;\n      --simple-colors-default-theme-accent-9: #ffff7c;\n      --simple-colors-default-theme-accent-10: #ffff90;\n      --simple-colors-default-theme-accent-11: #ffffac;\n      --simple-colors-default-theme-accent-12: #ffffd5;\n    }\n\n    :host([accent-color="amber"]),\n    :host [accent-color="amber"] {\n      --simple-colors-default-theme-accent-1: #fff2d4;\n      --simple-colors-default-theme-accent-2: #ffdf92;\n      --simple-colors-default-theme-accent-3: #ffd677;\n      --simple-colors-default-theme-accent-4: #ffcf5e;\n      --simple-colors-default-theme-accent-5: #ffc235;\n      --simple-colors-default-theme-accent-6: #ffc500;\n      --simple-colors-default-theme-accent-7: #b28900;\n      --simple-colors-default-theme-accent-8: #876800;\n      --simple-colors-default-theme-accent-9: #614b00;\n      --simple-colors-default-theme-accent-10: #413200;\n      --simple-colors-default-theme-accent-11: #302500;\n      --simple-colors-default-theme-accent-12: #221a00;\n      --simple-colors-fixed-theme-accent-1: #fff2d4;\n      --simple-colors-fixed-theme-accent-2: #ffdf92;\n      --simple-colors-fixed-theme-accent-3: #ffd677;\n      --simple-colors-fixed-theme-accent-4: #ffcf5e;\n      --simple-colors-fixed-theme-accent-5: #ffc235;\n      --simple-colors-fixed-theme-accent-6: #ffc500;\n      --simple-colors-fixed-theme-accent-7: #b28900;\n      --simple-colors-fixed-theme-accent-8: #876800;\n      --simple-colors-fixed-theme-accent-9: #614b00;\n      --simple-colors-fixed-theme-accent-10: #413200;\n      --simple-colors-fixed-theme-accent-11: #302500;\n      --simple-colors-fixed-theme-accent-12: #221a00;\n    }\n\n    :host([dark][accent-color="amber"]),\n    :host([dark]) [accent-color="amber"],\n    :host([accent-color="amber"]) [dark],\n    :host [dark][accent-color="amber"] {\n      --simple-colors-default-theme-accent-1: #221a00;\n      --simple-colors-default-theme-accent-2: #302500;\n      --simple-colors-default-theme-accent-3: #413200;\n      --simple-colors-default-theme-accent-4: #614b00;\n      --simple-colors-default-theme-accent-5: #876800;\n      --simple-colors-default-theme-accent-6: #b28900;\n      --simple-colors-default-theme-accent-7: #ffc500;\n      --simple-colors-default-theme-accent-8: #ffc235;\n      --simple-colors-default-theme-accent-9: #ffcf5e;\n      --simple-colors-default-theme-accent-10: #ffd677;\n      --simple-colors-default-theme-accent-11: #ffdf92;\n      --simple-colors-default-theme-accent-12: #fff2d4;\n    }\n\n    :host([accent-color="orange"]),\n    :host [accent-color="orange"] {\n      --simple-colors-default-theme-accent-1: #ffebd7;\n      --simple-colors-default-theme-accent-2: #ffca92;\n      --simple-colors-default-theme-accent-3: #ffbd75;\n      --simple-colors-default-theme-accent-4: #ffb05c;\n      --simple-colors-default-theme-accent-5: #ff9e36;\n      --simple-colors-default-theme-accent-6: #ff9625;\n      --simple-colors-default-theme-accent-7: #e56a00;\n      --simple-colors-default-theme-accent-8: #ae5100;\n      --simple-colors-default-theme-accent-9: #833d00;\n      --simple-colors-default-theme-accent-10: #612d00;\n      --simple-colors-default-theme-accent-11: #3d1c00;\n      --simple-colors-default-theme-accent-12: #2c1400;\n      --simple-colors-fixed-theme-accent-1: #ffebd7;\n      --simple-colors-fixed-theme-accent-2: #ffca92;\n      --simple-colors-fixed-theme-accent-3: #ffbd75;\n      --simple-colors-fixed-theme-accent-4: #ffb05c;\n      --simple-colors-fixed-theme-accent-5: #ff9e36;\n      --simple-colors-fixed-theme-accent-6: #ff9625;\n      --simple-colors-fixed-theme-accent-7: #e56a00;\n      --simple-colors-fixed-theme-accent-8: #ae5100;\n      --simple-colors-fixed-theme-accent-9: #833d00;\n      --simple-colors-fixed-theme-accent-10: #612d00;\n      --simple-colors-fixed-theme-accent-11: #3d1c00;\n      --simple-colors-fixed-theme-accent-12: #2c1400;\n    }\n\n    :host([dark][accent-color="orange"]),\n    :host([dark]) [accent-color="orange"],\n    :host([accent-color="orange"]) [dark],\n    :host [dark][accent-color="orange"] {\n      --simple-colors-default-theme-accent-1: #2c1400;\n      --simple-colors-default-theme-accent-2: #3d1c00;\n      --simple-colors-default-theme-accent-3: #612d00;\n      --simple-colors-default-theme-accent-4: #833d00;\n      --simple-colors-default-theme-accent-5: #ae5100;\n      --simple-colors-default-theme-accent-6: #e56a00;\n      --simple-colors-default-theme-accent-7: #ff9625;\n      --simple-colors-default-theme-accent-8: #ff9e36;\n      --simple-colors-default-theme-accent-9: #ffb05c;\n      --simple-colors-default-theme-accent-10: #ffbd75;\n      --simple-colors-default-theme-accent-11: #ffca92;\n      --simple-colors-default-theme-accent-12: #ffebd7;\n    }\n\n    :host([accent-color="deep-orange"]),\n    :host [accent-color="deep-orange"] {\n      --simple-colors-default-theme-accent-1: #ffe7e0;\n      --simple-colors-default-theme-accent-2: #ffb299;\n      --simple-colors-default-theme-accent-3: #ffa588;\n      --simple-colors-default-theme-accent-4: #ff8a64;\n      --simple-colors-default-theme-accent-5: #ff7649;\n      --simple-colors-default-theme-accent-6: #ff6c3c;\n      --simple-colors-default-theme-accent-7: #f53100;\n      --simple-colors-default-theme-accent-8: #b92500;\n      --simple-colors-default-theme-accent-9: #8a1c00;\n      --simple-colors-default-theme-accent-10: #561100;\n      --simple-colors-default-theme-accent-11: #3a0c00;\n      --simple-colors-default-theme-accent-12: #240700;\n      --simple-colors-fixed-theme-accent-1: #ffe7e0;\n      --simple-colors-fixed-theme-accent-2: #ffb299;\n      --simple-colors-fixed-theme-accent-3: #ffa588;\n      --simple-colors-fixed-theme-accent-4: #ff8a64;\n      --simple-colors-fixed-theme-accent-5: #ff7649;\n      --simple-colors-fixed-theme-accent-6: #ff6c3c;\n      --simple-colors-fixed-theme-accent-7: #f53100;\n      --simple-colors-fixed-theme-accent-8: #b92500;\n      --simple-colors-fixed-theme-accent-9: #8a1c00;\n      --simple-colors-fixed-theme-accent-10: #561100;\n      --simple-colors-fixed-theme-accent-11: #3a0c00;\n      --simple-colors-fixed-theme-accent-12: #240700;\n    }\n\n    :host([dark][accent-color="deep-orange"]),\n    :host([dark]) [accent-color="deep-orange"],\n    :host([accent-color="deep-orange"]) [dark],\n    :host [dark][accent-color="deep-orange"] {\n      --simple-colors-default-theme-accent-1: #240700;\n      --simple-colors-default-theme-accent-2: #3a0c00;\n      --simple-colors-default-theme-accent-3: #561100;\n      --simple-colors-default-theme-accent-4: #8a1c00;\n      --simple-colors-default-theme-accent-5: #b92500;\n      --simple-colors-default-theme-accent-6: #f53100;\n      --simple-colors-default-theme-accent-7: #ff6c3c;\n      --simple-colors-default-theme-accent-8: #ff7649;\n      --simple-colors-default-theme-accent-9: #ff8a64;\n      --simple-colors-default-theme-accent-10: #ffa588;\n      --simple-colors-default-theme-accent-11: #ffb299;\n      --simple-colors-default-theme-accent-12: #ffe7e0;\n    }\n\n    :host([accent-color="brown"]),\n    :host [accent-color="brown"] {\n      --simple-colors-default-theme-accent-1: #f0e2de;\n      --simple-colors-default-theme-accent-2: #e5b8aa;\n      --simple-colors-default-theme-accent-3: #c59485;\n      --simple-colors-default-theme-accent-4: #b68373;\n      --simple-colors-default-theme-accent-5: #ac7868;\n      --simple-colors-default-theme-accent-6: #a47060;\n      --simple-colors-default-theme-accent-7: #85574a;\n      --simple-colors-default-theme-accent-8: #724539;\n      --simple-colors-default-theme-accent-9: #5b3328;\n      --simple-colors-default-theme-accent-10: #3b1e15;\n      --simple-colors-default-theme-accent-11: #2c140e;\n      --simple-colors-default-theme-accent-12: #200e09;\n      --simple-colors-fixed-theme-accent-1: #f0e2de;\n      --simple-colors-fixed-theme-accent-2: #e5b8aa;\n      --simple-colors-fixed-theme-accent-3: #c59485;\n      --simple-colors-fixed-theme-accent-4: #b68373;\n      --simple-colors-fixed-theme-accent-5: #ac7868;\n      --simple-colors-fixed-theme-accent-6: #a47060;\n      --simple-colors-fixed-theme-accent-7: #85574a;\n      --simple-colors-fixed-theme-accent-8: #724539;\n      --simple-colors-fixed-theme-accent-9: #5b3328;\n      --simple-colors-fixed-theme-accent-10: #3b1e15;\n      --simple-colors-fixed-theme-accent-11: #2c140e;\n      --simple-colors-fixed-theme-accent-12: #200e09;\n    }\n\n    :host([dark][accent-color="brown"]),\n    :host([dark]) [accent-color="brown"],\n    :host([accent-color="brown"]) [dark],\n    :host [dark][accent-color="brown"] {\n      --simple-colors-default-theme-accent-1: #200e09;\n      --simple-colors-default-theme-accent-2: #2c140e;\n      --simple-colors-default-theme-accent-3: #3b1e15;\n      --simple-colors-default-theme-accent-4: #5b3328;\n      --simple-colors-default-theme-accent-5: #724539;\n      --simple-colors-default-theme-accent-6: #85574a;\n      --simple-colors-default-theme-accent-7: #a47060;\n      --simple-colors-default-theme-accent-8: #ac7868;\n      --simple-colors-default-theme-accent-9: #b68373;\n      --simple-colors-default-theme-accent-10: #c59485;\n      --simple-colors-default-theme-accent-11: #e5b8aa;\n      --simple-colors-default-theme-accent-12: #f0e2de;\n    }\n\n    :host([accent-color="blue-grey"]),\n    :host [accent-color="blue-grey"] {\n      --simple-colors-default-theme-accent-1: #e7eff1;\n      --simple-colors-default-theme-accent-2: #b1c5ce;\n      --simple-colors-default-theme-accent-3: #9badb6;\n      --simple-colors-default-theme-accent-4: #8d9fa7;\n      --simple-colors-default-theme-accent-5: #7a8f98;\n      --simple-colors-default-theme-accent-6: #718892;\n      --simple-colors-default-theme-accent-7: #56707c;\n      --simple-colors-default-theme-accent-8: #40535b;\n      --simple-colors-default-theme-accent-9: #2f3e45;\n      --simple-colors-default-theme-accent-10: #1e282c;\n      --simple-colors-default-theme-accent-11: #182023;\n      --simple-colors-default-theme-accent-12: #0f1518;\n      --simple-colors-fixed-theme-accent-1: #e7eff1;\n      --simple-colors-fixed-theme-accent-2: #b1c5ce;\n      --simple-colors-fixed-theme-accent-3: #9badb6;\n      --simple-colors-fixed-theme-accent-4: #8d9fa7;\n      --simple-colors-fixed-theme-accent-5: #7a8f98;\n      --simple-colors-fixed-theme-accent-6: #718892;\n      --simple-colors-fixed-theme-accent-7: #56707c;\n      --simple-colors-fixed-theme-accent-8: #40535b;\n      --simple-colors-fixed-theme-accent-9: #2f3e45;\n      --simple-colors-fixed-theme-accent-10: #1e282c;\n      --simple-colors-fixed-theme-accent-11: #182023;\n      --simple-colors-fixed-theme-accent-12: #0f1518;\n    }\n\n    :host([dark][accent-color="blue-grey"]),\n    :host([dark]) [accent-color="blue-grey"],\n    :host([accent-color="blue-grey"]) [dark],\n    :host [dark][accent-color="blue-grey"] {\n      --simple-colors-default-theme-accent-1: #0f1518;\n      --simple-colors-default-theme-accent-2: #182023;\n      --simple-colors-default-theme-accent-3: #1e282c;\n      --simple-colors-default-theme-accent-4: #2f3e45;\n      --simple-colors-default-theme-accent-5: #40535b;\n      --simple-colors-default-theme-accent-6: #56707c;\n      --simple-colors-default-theme-accent-7: #718892;\n      --simple-colors-default-theme-accent-8: #7a8f98;\n      --simple-colors-default-theme-accent-9: #8d9fa7;\n      --simple-colors-default-theme-accent-10: #9badb6;\n      --simple-colors-default-theme-accent-11: #b1c5ce;\n      --simple-colors-default-theme-accent-12: #e7eff1;\n    }\n  </style>\n']);return _templateObject_c9213b501f2611eda0c389891c227ec8=function _templateObject_c9213b501f2611eda0c389891c227ec8(){return e},e}var c=document.createElement("dom-module"),l=(0,e.html)(_templateObject_c9213b501f2611eda0c389891c227ec8());exports.css=l,c.appendChild(l),c.register("simple-colors-shared-styles-polymer");
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array-item.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array-item.dev.js
index c6494a6617b..4d576bc5f67 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array-item.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array-item.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsArrayItem=void 0;var e=require("lit"),t=require("./simple-fields-fieldset.js"),n=require("./simple-fields-ui.js");require("@lrnwebcomponents/utils/utils.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_f22064201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        :host {\n          padding: 0;\n          border-radius: var(--simple-fields-border-radius, 2px);\n          display: block;\n          border: none;\n          transform: rotate(0deg);\n          transition: all 0.5s ease;\n          z-index: 1;\n          position: relative;\n        }\n        :host([disabled]) {\n          opacity: 0.5;\n        }\n        :host([aria-expanded="true"]) {\n          padding: var(--simple-fields-margin, 16px)\n            var(--simple-fields-margin-small, 8px);\n          outline: 1px solid var(--simple-fields-border-color-light, #ccc);\n          transition: all 0.5s ease;\n        }\n        :host([error]) {\n          outline: 1px solid var(--simple-fields-error-color, #b40000);\n          transition: border 0.5s ease;\n        }\n        *[aria-controls="content"][disabled] {\n          cursor: not-allowed;\n        }\n        #drag-handle {\n          flex: 0 1 auto;\n          position: relative;\n          overflow: visible;\n        }\n        #preview {\n          flex: 1 0 auto;\n          margin: 0;\n          margin-right: calc(0 - var(--simple-fields-margin-small, 8px) / 2);\n          margin-left: calc(50px + var(--simple-fields-margin-small, 8px) / 2);\n          max-width: calc(\n            100% - 72px - 2 * var(--simple-fields-margin-small, 8px) / 2\n          );\n        }\n        #heading,\n        .heading-inner {\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n        }\n        #content {\n          overflow: hidden;\n          max-height: 0;\n        }\n        :host #content-inner {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          flex-wrap: wrap;\n          overflow: hidden;\n          max-height: 0;\n          transition: max-height 0.75s ease 0.1s;\n        }\n        :host([aria-expanded="true"]) #content {\n          max-height: 20000vh;\n          transition: max-height 0.75s ease 0.1s;\n        }\n        :host([aria-expanded="true"]) #content-inner {\n          max-height: 20000vh;\n        }\n        #content-inner > * {\n          flex: 1 1 auto;\n        }\n        #copy-delete {\n          display: flex;\n          align-items: stretch;\n          justify-content: flex-end;\n          flex: 1 0 auto;\n        }\n        #copy,\n        #remove {\n          flex: 0 0 auto;\n        }\n        #expand {\n          margin-left: calc(var(--simple-fields-margin-small, 8px) / 2);\n        }\n        #drag-handle {\n          position: absolute;\n          left: 2px;\n          top: 2px;\n          --simple-toolbar-button-white-space: normal !important;\n        }\n        :host([aria-expanded="true"]) #drag-handle {\n          top: var(--simple-fields-margin, 16px);\n          left: var(--simple-fields-margin-small, 8px);\n        }\n        #dropzone {\n          height: 0px;\n        }\n        :host(.dragging) #heading {\n          opacity: 0.5;\n        }\n        :host(.dragging) #content,\n        :host(.dragging) #expand {\n          display: none;\n        }\n        #content:hover,\n        #content:focus-within,\n        #content:hover #content-inner,\n        #content:focus-within #content-inner {\n          overflow: visible;\n        }\n        :host(.dragging) #preview,\n        :host(.droppable) #preview {\n          margin-left: calc(var(--simple-fields-margin-small, 8px) / 2);\n        }\n        :host(.dropzone) #dropzone {\n          background-color: var(\n            --simple-fields-button-focus-background-color,\n            var(--simple-fields-accent-color-light, #d9eaff)\n          );\n          height: 80px;\n        }\n\n        :host([aria-expanded="true"]) #expand::part(icon) {\n          transform: rotate(90deg);\n          transition: all 0.5s ease;\n        }\n        ::slotted([slot="preview"]),\n        ::slotted(*:first-child) {\n          margin-top: 0;\n        }\n        ::slotted([slot="preview"]),\n        ::slotted(*:last-child) {\n          margin-bottom: 0;\n        }\n        :host(:hover),\n        :host(:focus),\n        :host(:focus-within) {\n          z-index: 100000;\n        }\n        :host(.dropzone) {\n          z-index: 1;\n        }\n        [hidden],\n        :host(:first-child) #move-up-outer,\n        :host(:last-child) #move-down-outer,\n        :host(:first-child):last-child #drag-handle {\n          display: none;\n        }\n      ']);return _templateObject2_f22064201f0511ed8cc3e9a95995ad69=function _templateObject2_f22064201f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_f22064201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <div id="dropzone"></div>\n      <simple-toolbar-menu\n        id="drag-handle"\n        controls="','"\n        icon="icons:reorder"\n        label="Reorder this item"\n        ?disabled="','"\n        ?hidden="','"\n        part="drag"\n        tooltip-direction="right"\n        @mousedown="','"\n        @mouseup="','"\n      >\n        <simple-toolbar-menu-item id="move-up-outer">\n          <simple-toolbar-button\n            id="move-up"\n            align-horizontal="left"\n            role="menuitem"\n            icon="arrow-upward"\n            show-text-label\n            label="Up"\n            @click="','"\n          >\n          </simple-toolbar-button>\n        </simple-toolbar-menu-item>\n        <simple-toolbar-menu-item id="move-down-outer">\n          <simple-toolbar-button\n            align-horizontal="left"\n            id="move-up"\n            role="menuitem"\n            icon="arrow-downward"\n            show-text-label\n            label="Down"\n            @click="','"\n          >\n          </simple-toolbar-button>\n        </simple-toolbar-menu-item>\n      </simple-toolbar-menu>\n      <div id="heading" part="heading" .item="','">\n        <div id="preview" part="preview"><slot name="preview"></slot></div>\n        <simple-toolbar-button\n          id="expand"\n          controls="','"\n          icon="more-vert"\n          label="Toggle expand"\n          @click="','"\n          toggles\n          ?toggled="','"\n          part="expand"\n          tooltip-direction="left"\n        >\n        </simple-toolbar-button>\n      </div>\n      <div id="content" part="content">\n        <div id="content-inner" part="content-inner">\n          <div><slot></slot></div>\n          <div id="copy-delete">\n            <simple-toolbar-button\n              id="copy"\n              controls="','"\n              icon="content-copy"\n              label="Copy this item"\n              ?disabled="','"\n              @click="','"\n              part="copy"\n              tooltip-direction="left"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-menu\n              id="remove"\n              icon="delete"\n              label="Remove this item"\n              ?disabled="','"\n              fit-to-visible-bounds\n              part="remove"\n              position-align="end"\n              tooltip-direction="left"\n            >\n              <simple-toolbar-menu-item>\n                <simple-toolbar-button\n                  id="confirm-remove"\n                  class="danger"\n                  align-horizontal="left"\n                  role="menuitem"\n                  show-text-label\n                  controls="','"\n                  icon="delete"\n                  label="Remove"\n                  ?disabled="','"\n                  @click="','"\n                  part="confirm-remove"\n                >\n                </simple-toolbar-button>\n              </simple-toolbar-menu-item>\n            </simple-toolbar-menu>\n          </div>\n        </div>\n      </div>\n    ']);return _templateObject_f22064201f0511ed8cc3e9a95995ad69=function _templateObject_f22064201f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-icon/simple-icon.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js");var o=function(o){function SimpleFieldsArrayItem(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsArrayItem),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsArrayItem).call(this))).disabled=!1,e.draggable="truest",e.previewBy=[],e.addEventListener("dragenter",e._dragEnter),e.addEventListener("dragleave",e._dragLeave),e.addEventListener("dragover",e._dragMoving),e.addEventListener("dragstart",e._dragStart),e.addEventListener("dragend",e._dragEnd),e.addEventListener("drop",e._dragDrop),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsArrayItem,(0,t.SimpleFieldsFieldsetBehaviors)(e.LitElement)),_createClass(SimpleFieldsArrayItem,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject_f22064201f0511ed8cc3e9a95995ad69(),this.id,this.disabled,this.__dropAccepts||this.__dragging,(function(e){return t.draggable="true"}),(function(e){return t.draggable="false"}),this._moveUp,this._moveDown,this,this.id,this.toggle,this.expanded,(this.parentNode||{}).id,this.disabled,this._handleCopy,this.disabled,this.id,this.disabled,this._handleRemove)}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsArrayItem),"styles",this)),_toConsumableArray(n.SimpleFieldsButtonStyles),[(0,e.css)(_templateObject2_f22064201f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"simple-fields-array-item"}},{key:"properties",get:function get(){return{expanded:{type:Boolean},disabled:{type:Boolean,reflect:!0,attribute:"disabled"},draggable:{type:String,reflect:!0},preview:{type:Boolean},previewBy:{type:Array,reflect:!0,attribute:"preview-by"},__dragging:{type:Boolean},__dropAccepts:{type:Object},__prev:{type:Object},__next:{type:Object}}}}]),_createClass(SimpleFieldsArrayItem,[{key:"_dragMoving",value:function _dragMoving(e){this.__dragMoving=!0,e.preventDefault()}},{key:"_dragEnd",value:function _dragEnd(e){_toConsumableArray(this.parentNode.childNodes).forEach((function(e){return e._setDropzone(!1)})),this._setDragging(!1)}},{key:"_dragStart",value:function _dragStart(e){var t=this.shadowRoot.querySelector("#heading");e.dataTransfer.setDragImage(t,0,0),this._setDragging(),e.stopPropagation(),e.stopImmediatePropagation()}},{key:"_dragEnter",value:function _dragEnter(e){this._setDropzone()}},{key:"_dragLeave",value:function _dragLeave(e){this._setDropzone(!1)}},{key:"_dragDrop",value:function _dragDrop(e){this._moveBefore(e,this.__dropAccepts,this)}},{key:"_moveUp",value:function _moveUp(e){var t=this.previousElementSibling;t&&this._moveBefore(e,this,t)}},{key:"_moveDown",value:function _moveDown(e){var t=this.nextElementSibling;t&&this._moveBefore(e,this,t.nextElementSibling)}},{key:"_moveBefore",value:function _moveBefore(e,t,n){!this.parentNode.disabled&&t&&(n?this.parentNode.insertBefore(t,n):this.parentNode.append(t),_toConsumableArray(this.parentNode.childNodes).forEach((function(e){e._setDragging(!1),e._setDragging(!1)})),this.dispatchEvent(new CustomEvent("reorder",{bubbles:!0,cancelable:!0,composed:!0,detail:this.parentNode})))}},{key:"_setDragging",value:function _setDragging(){var e=this,t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.parentNode.disabled||(this.__dragging=t),t?(_toConsumableArray(this.parentNode.childNodes).forEach((function(t){t!==e&&(t.__dropAccepts=e,t.classList.add("droppable"))})),this.classList.add("dragging")):(_toConsumableArray(this.parentNode.childNodes).forEach((function(t){t!==e&&(t.__dropAccepts=void 0,t.classList.remove("droppable"))})),this.classList.remove("dragging"))}},{key:"_setDropzone",value:function _setDropzone(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];e&&!this.__dragging&&this.__dropAccepts?this.classList.add("dropzone"):this.classList.remove("dropzone")}},{key:"connectedCallback",value:function connectedCallback(){var e=this;_get(_getPrototypeOf(SimpleFieldsArrayItem.prototype),"connectedCallback",this).call(this),setTimeout((function(){e.dispatchEvent(new CustomEvent("added",{bubbles:!0,cancelable:!0,composed:!0,detail:e}))}),0)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){var o=t.getAttribute("aria-expanded");"error"===n&&t.setAttribute("aria-expanded",t.error||o)}))}},{key:"toggle",value:function toggle(){"true"===this.getAttribute("aria-expanded")?this.setAttribute("aria-expanded","false"):this.setAttribute("aria-expanded","true")}},{key:"_handleCopy",value:function _handleCopy(){this.dispatchEvent(new CustomEvent("copy",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_handleRemove",value:function _handleRemove(){this.dispatchEvent(new CustomEvent("remove",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.dispatchEvent(new CustomEvent("removed",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),_get(_getPrototypeOf(SimpleFieldsArrayItem.prototype),"disconnectedCallback",this).call(this)}},{key:"slots",get:function get(){var e={};return this.previewBy.forEach((function(t){return e[t]="preview"})),e}}]),SimpleFieldsArrayItem}();exports.SimpleFieldsArrayItem=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsArrayItem=void 0;var e=require("lit"),t=require("./simple-fields-fieldset.js"),n=require("./simple-fields-ui.js");require("@lrnwebcomponents/utils/utils.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c9235e301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        :host {\n          padding: 0;\n          border-radius: var(--simple-fields-border-radius, 2px);\n          display: block;\n          border: none;\n          transform: rotate(0deg);\n          transition: all 0.5s ease;\n          z-index: 1;\n          position: relative;\n        }\n        :host([disabled]) {\n          opacity: 0.5;\n        }\n        :host([aria-expanded="true"]) {\n          padding: var(--simple-fields-margin, 16px)\n            var(--simple-fields-margin-small, 8px);\n          outline: 1px solid var(--simple-fields-border-color-light, #ccc);\n          transition: all 0.5s ease;\n        }\n        :host([error]) {\n          outline: 1px solid var(--simple-fields-error-color, #b40000);\n          transition: border 0.5s ease;\n        }\n        *[aria-controls="content"][disabled] {\n          cursor: not-allowed;\n        }\n        #drag-handle {\n          flex: 0 1 auto;\n          position: relative;\n          overflow: visible;\n        }\n        #preview {\n          flex: 1 0 auto;\n          margin: 0;\n          margin-right: calc(0 - var(--simple-fields-margin-small, 8px) / 2);\n          margin-left: calc(50px + var(--simple-fields-margin-small, 8px) / 2);\n          max-width: calc(\n            100% - 72px - 2 * var(--simple-fields-margin-small, 8px) / 2\n          );\n        }\n        #heading,\n        .heading-inner {\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n        }\n        #content {\n          overflow: hidden;\n          max-height: 0;\n        }\n        :host #content-inner {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          flex-wrap: wrap;\n          overflow: hidden;\n          max-height: 0;\n          transition: max-height 0.75s ease 0.1s;\n        }\n        :host([aria-expanded="true"]) #content {\n          max-height: 20000vh;\n          transition: max-height 0.75s ease 0.1s;\n        }\n        :host([aria-expanded="true"]) #content-inner {\n          max-height: 20000vh;\n        }\n        #content-inner > * {\n          flex: 1 1 auto;\n        }\n        #copy-delete {\n          display: flex;\n          align-items: stretch;\n          justify-content: flex-end;\n          flex: 1 0 auto;\n        }\n        #copy,\n        #remove {\n          flex: 0 0 auto;\n        }\n        #expand {\n          margin-left: calc(var(--simple-fields-margin-small, 8px) / 2);\n        }\n        #drag-handle {\n          position: absolute;\n          left: 2px;\n          top: 2px;\n          --simple-toolbar-button-white-space: normal !important;\n        }\n        :host([aria-expanded="true"]) #drag-handle {\n          top: var(--simple-fields-margin, 16px);\n          left: var(--simple-fields-margin-small, 8px);\n        }\n        #dropzone {\n          height: 0px;\n        }\n        :host(.dragging) #heading {\n          opacity: 0.5;\n        }\n        :host(.dragging) #content,\n        :host(.dragging) #expand {\n          display: none;\n        }\n        #content:hover,\n        #content:focus-within,\n        #content:hover #content-inner,\n        #content:focus-within #content-inner {\n          overflow: visible;\n        }\n        :host(.dragging) #preview,\n        :host(.droppable) #preview {\n          margin-left: calc(var(--simple-fields-margin-small, 8px) / 2);\n        }\n        :host(.dropzone) #dropzone {\n          background-color: var(\n            --simple-fields-button-focus-background-color,\n            var(--simple-fields-accent-color-light, #d9eaff)\n          );\n          height: 80px;\n        }\n\n        :host([aria-expanded="true"]) #expand::part(icon) {\n          transform: rotate(90deg);\n          transition: all 0.5s ease;\n        }\n        ::slotted([slot="preview"]),\n        ::slotted(*:first-child) {\n          margin-top: 0;\n        }\n        ::slotted([slot="preview"]),\n        ::slotted(*:last-child) {\n          margin-bottom: 0;\n        }\n        :host(:hover),\n        :host(:focus),\n        :host(:focus-within) {\n          z-index: 100000;\n        }\n        :host(.dropzone) {\n          z-index: 1;\n        }\n        [hidden],\n        :host(:first-child) #move-up-outer,\n        :host(:last-child) #move-down-outer,\n        :host(:first-child):last-child #drag-handle {\n          display: none;\n        }\n      ']);return _templateObject2_c9235e301f2611eda0c389891c227ec8=function _templateObject2_c9235e301f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_c9235e301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <div id="dropzone"></div>\n      <simple-toolbar-menu\n        id="drag-handle"\n        controls="','"\n        icon="icons:reorder"\n        label="Reorder this item"\n        ?disabled="','"\n        ?hidden="','"\n        part="drag"\n        tooltip-direction="right"\n        @mousedown="','"\n        @mouseup="','"\n      >\n        <simple-toolbar-menu-item id="move-up-outer">\n          <simple-toolbar-button\n            id="move-up"\n            align-horizontal="left"\n            role="menuitem"\n            icon="arrow-upward"\n            show-text-label\n            label="Up"\n            @click="','"\n          >\n          </simple-toolbar-button>\n        </simple-toolbar-menu-item>\n        <simple-toolbar-menu-item id="move-down-outer">\n          <simple-toolbar-button\n            align-horizontal="left"\n            id="move-up"\n            role="menuitem"\n            icon="arrow-downward"\n            show-text-label\n            label="Down"\n            @click="','"\n          >\n          </simple-toolbar-button>\n        </simple-toolbar-menu-item>\n      </simple-toolbar-menu>\n      <div id="heading" part="heading" .item="','">\n        <div id="preview" part="preview"><slot name="preview"></slot></div>\n        <simple-toolbar-button\n          id="expand"\n          controls="','"\n          icon="more-vert"\n          label="Toggle expand"\n          @click="','"\n          toggles\n          ?toggled="','"\n          part="expand"\n          tooltip-direction="left"\n        >\n        </simple-toolbar-button>\n      </div>\n      <div id="content" part="content">\n        <div id="content-inner" part="content-inner">\n          <div><slot></slot></div>\n          <div id="copy-delete">\n            <simple-toolbar-button\n              id="copy"\n              controls="','"\n              icon="content-copy"\n              label="Copy this item"\n              ?disabled="','"\n              @click="','"\n              part="copy"\n              tooltip-direction="left"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-menu\n              id="remove"\n              icon="delete"\n              label="Remove this item"\n              ?disabled="','"\n              fit-to-visible-bounds\n              part="remove"\n              position-align="end"\n              tooltip-direction="left"\n            >\n              <simple-toolbar-menu-item>\n                <simple-toolbar-button\n                  id="confirm-remove"\n                  class="danger"\n                  align-horizontal="left"\n                  role="menuitem"\n                  show-text-label\n                  controls="','"\n                  icon="delete"\n                  label="Remove"\n                  ?disabled="','"\n                  @click="','"\n                  part="confirm-remove"\n                >\n                </simple-toolbar-button>\n              </simple-toolbar-menu-item>\n            </simple-toolbar-menu>\n          </div>\n        </div>\n      </div>\n    ']);return _templateObject_c9235e301f2611eda0c389891c227ec8=function _templateObject_c9235e301f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-icon/simple-icon.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-menu-item.js");var o=function(o){function SimpleFieldsArrayItem(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsArrayItem),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsArrayItem).call(this))).disabled=!1,e.draggable="truest",e.previewBy=[],e.addEventListener("dragenter",e._dragEnter),e.addEventListener("dragleave",e._dragLeave),e.addEventListener("dragover",e._dragMoving),e.addEventListener("dragstart",e._dragStart),e.addEventListener("dragend",e._dragEnd),e.addEventListener("drop",e._dragDrop),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsArrayItem,(0,t.SimpleFieldsFieldsetBehaviors)(e.LitElement)),_createClass(SimpleFieldsArrayItem,[{key:"render",value:function render(){var t=this;return(0,e.html)(_templateObject_c9235e301f2611eda0c389891c227ec8(),this.id,this.disabled,this.__dropAccepts||this.__dragging,(function(e){return t.draggable="true"}),(function(e){return t.draggable="false"}),this._moveUp,this._moveDown,this,this.id,this.toggle,this.expanded,(this.parentNode||{}).id,this.disabled,this._handleCopy,this.disabled,this.id,this.disabled,this._handleRemove)}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsArrayItem),"styles",this)),_toConsumableArray(n.SimpleFieldsButtonStyles),[(0,e.css)(_templateObject2_c9235e301f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"simple-fields-array-item"}},{key:"properties",get:function get(){return{expanded:{type:Boolean},disabled:{type:Boolean,reflect:!0,attribute:"disabled"},draggable:{type:String,reflect:!0},preview:{type:Boolean},previewBy:{type:Array,reflect:!0,attribute:"preview-by"},__dragging:{type:Boolean},__dropAccepts:{type:Object},__prev:{type:Object},__next:{type:Object}}}}]),_createClass(SimpleFieldsArrayItem,[{key:"_dragMoving",value:function _dragMoving(e){this.__dragMoving=!0,e.preventDefault()}},{key:"_dragEnd",value:function _dragEnd(e){_toConsumableArray(this.parentNode.childNodes).forEach((function(e){return e._setDropzone(!1)})),this._setDragging(!1)}},{key:"_dragStart",value:function _dragStart(e){var t=this.shadowRoot.querySelector("#heading");e.dataTransfer.setDragImage(t,0,0),this._setDragging(),e.stopPropagation(),e.stopImmediatePropagation()}},{key:"_dragEnter",value:function _dragEnter(e){this._setDropzone()}},{key:"_dragLeave",value:function _dragLeave(e){this._setDropzone(!1)}},{key:"_dragDrop",value:function _dragDrop(e){this._moveBefore(e,this.__dropAccepts,this)}},{key:"_moveUp",value:function _moveUp(e){var t=this.previousElementSibling;t&&this._moveBefore(e,this,t)}},{key:"_moveDown",value:function _moveDown(e){var t=this.nextElementSibling;t&&this._moveBefore(e,this,t.nextElementSibling)}},{key:"_moveBefore",value:function _moveBefore(e,t,n){!this.parentNode.disabled&&t&&(n?this.parentNode.insertBefore(t,n):this.parentNode.append(t),_toConsumableArray(this.parentNode.childNodes).forEach((function(e){e._setDragging(!1),e._setDragging(!1)})),this.dispatchEvent(new CustomEvent("reorder",{bubbles:!0,cancelable:!0,composed:!0,detail:this.parentNode})))}},{key:"_setDragging",value:function _setDragging(){var e=this,t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.parentNode.disabled||(this.__dragging=t),t?(_toConsumableArray(this.parentNode.childNodes).forEach((function(t){t!==e&&(t.__dropAccepts=e,t.classList.add("droppable"))})),this.classList.add("dragging")):(_toConsumableArray(this.parentNode.childNodes).forEach((function(t){t!==e&&(t.__dropAccepts=void 0,t.classList.remove("droppable"))})),this.classList.remove("dragging"))}},{key:"_setDropzone",value:function _setDropzone(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];e&&!this.__dragging&&this.__dropAccepts?this.classList.add("dropzone"):this.classList.remove("dropzone")}},{key:"connectedCallback",value:function connectedCallback(){var e=this;_get(_getPrototypeOf(SimpleFieldsArrayItem.prototype),"connectedCallback",this).call(this),setTimeout((function(){e.dispatchEvent(new CustomEvent("added",{bubbles:!0,cancelable:!0,composed:!0,detail:e}))}),0)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){var o=t.getAttribute("aria-expanded");"error"===n&&t.setAttribute("aria-expanded",t.error||o)}))}},{key:"toggle",value:function toggle(){"true"===this.getAttribute("aria-expanded")?this.setAttribute("aria-expanded","false"):this.setAttribute("aria-expanded","true")}},{key:"_handleCopy",value:function _handleCopy(){this.dispatchEvent(new CustomEvent("copy",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_handleRemove",value:function _handleRemove(){this.dispatchEvent(new CustomEvent("remove",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.dispatchEvent(new CustomEvent("removed",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),_get(_getPrototypeOf(SimpleFieldsArrayItem.prototype),"disconnectedCallback",this).call(this)}},{key:"slots",get:function get(){var e={};return this.previewBy.forEach((function(t){return e[t]="preview"})),e}}]),SimpleFieldsArrayItem}();exports.SimpleFieldsArrayItem=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array.dev.js
index aaefab0a1b4..bb579b1775d 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-array.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsArray=void 0;var e=require("lit"),t=require("./simple-fields-fieldset.js"),n=require("./simple-fields-ui.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject3_f21eb6701f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host([expanded]) #expand::part(icon) {\n          transform: rotate(90deg);\n          transition: all 0.5s ease;\n        }\n        #item-fields {\n          margin: var(--simple-fields-margin-small, 8px) 0;\n          clear: both;\n          z-index: 3;\n        }\n        #top {\n          display: flex;\n          align-items: flex-end;\n          justify-content: flex-end;\n        }\n        #add {\n          float: right;\n        }\n      "]);return _templateObject3_f21eb6701f0511ed8cc3e9a95995ad69=function _templateObject3_f21eb6701f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject2_f21eb6701f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <div id="top" part="top">\n        ','\n        <simple-toolbar-button\n          id="expand"\n          controls="item-fields"\n          icon="more-vert"\n          @click="','"\n          ?toggled="','"\n          toggles\n          show-text-label\n          label="','"\n          part="expand"\n        >\n        </simple-toolbar-button>\n      </div>\n      <div id="item-fields" aria-live="polite" part="items">\n        <slot></slot>\n        <simple-toolbar-button\n          id="add"\n          icon="add"\n          controls="item-fields"\n          @click="','"\n          part="add"\n          icon="more-vert"\n          ?toggled="','"\n          toggles\n          show-text-label\n          label="Add Item"\n        >\n        </simple-toolbar-button>\n      </div>\n    ']);return _templateObject2_f21eb6701f0511ed8cc3e9a95995ad69=function _templateObject2_f21eb6701f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_f21eb6701f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <fieldset part="fieldset">',"","</fieldset>\n    "]);return _templateObject_f21eb6701f0511ed8cc3e9a95995ad69=function _templateObject_f21eb6701f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var o=Object.getOwnPropertyDescriptor(r,t);return o.get?o.get.call(n):o.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),require("@lrnwebcomponents/simple-icon/simple-icon.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("./simple-fields-array-item.js");var r=function(r){function SimpleFieldsArray(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsArray),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsArray).call(this))).count=0,e.expanded=!1,e.disableAdd=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsArray,(0,t.SimpleFieldsFieldsetBehaviors)(e.LitElement)),_createClass(SimpleFieldsArray,[{key:"render",value:function render(){return(0,e.html)(_templateObject_f21eb6701f0511ed8cc3e9a95995ad69(),this.legend,this.fields)}},{key:"fields",get:function get(){var t=this;return(0,e.html)(_templateObject2_f21eb6701f0511ed8cc3e9a95995ad69(),this.descriptionTemplate,(function(e){return t.toggle()}),this.expanded,this.expanded?"Collapse All":"Expand All",(function(e){return t._handleAdd()}),this.expanded)}}],[{key:"tag",get:function get(){return"simple-fields-array"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsArray),"styles",this)),_toConsumableArray(n.SimpleFieldsButtonStyles),[(0,e.css)(_templateObject3_f21eb6701f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsArray),"properties",this),{count:{type:Number},expanded:{type:Boolean,reflect:!0},__dragging:{type:Boolean}})}}]),_createClass(SimpleFieldsArray,[{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){"expanded"===n&&t.querySelectorAll("simple-fields-array-item").forEach((function(e){return e.setAttribute("aria-expanded",t.expanded)}))}))}},{key:"buildItem",value:function buildItem(e){var t=this,n=document.createElement("simple-fields-array-item");return n.id=e,n.expanded=this.expanded,n.innerHTML='\n      <slot name="sort"></slot>\n      <slot name="preview"></slot>\n      <slot></slot>',this.appendChild(n),n.addEventListener("remove",(function(e){return t._handleRemove(e)})),n}},{key:"_handleAdd",value:function _handleAdd(){this.dispatchEvent(new CustomEvent("add",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_handleRemove",value:function _handleRemove(e){e.stopPropagation(),e.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("remove",{bubbles:!0,cancelable:!0,composed:!0,detail:e.detail}))}},{key:"collapse",value:function collapse(){this.toggle(!1)}},{key:"expand",value:function expand(){this.toggle(!0)}},{key:"focus",value:function focus(e){if(this.childNodes&&e)this.childNodes.length<e&&(e=this.childNodes.length-1),-1==e&&(e=0),0!=this.childNodes.length&&this.childNodes[e].focus();else if(this.shadowRoot){var t=this.childNodes?"expand":"add";this.shadowRoot.getElementById(t).focus()}}},{key:"toggle",value:function toggle(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:!this.expanded;this.expanded=e,this._handleToggle()}},{key:"_handleToggle",value:function _handleToggle(){this.dispatchEvent(new CustomEvent("toggle",{detail:this})),this.expanded?this.dispatchEvent(new CustomEvent("expand",{bubbles:!0,cancelable:!0,composed:!0,detail:this})):this.dispatchEvent(new CustomEvent("collapse",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}}]),SimpleFieldsArray}();exports.SimpleFieldsArray=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsArray=void 0;var e=require("lit"),t=require("./simple-fields-fieldset.js"),n=require("./simple-fields-ui.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject3_c9255a001f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host([expanded]) #expand::part(icon) {\n          transform: rotate(90deg);\n          transition: all 0.5s ease;\n        }\n        #item-fields {\n          margin: var(--simple-fields-margin-small, 8px) 0;\n          clear: both;\n          z-index: 3;\n        }\n        #top {\n          display: flex;\n          align-items: flex-end;\n          justify-content: flex-end;\n        }\n        #add {\n          float: right;\n        }\n      "]);return _templateObject3_c9255a001f2611eda0c389891c227ec8=function _templateObject3_c9255a001f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject2_c9255a001f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <div id="top" part="top">\n        ','\n        <simple-toolbar-button\n          id="expand"\n          controls="item-fields"\n          icon="more-vert"\n          @click="','"\n          ?toggled="','"\n          toggles\n          show-text-label\n          label="','"\n          part="expand"\n        >\n        </simple-toolbar-button>\n      </div>\n      <div id="item-fields" aria-live="polite" part="items">\n        <slot></slot>\n        <simple-toolbar-button\n          id="add"\n          icon="add"\n          controls="item-fields"\n          @click="','"\n          part="add"\n          icon="more-vert"\n          ?toggled="','"\n          toggles\n          show-text-label\n          label="Add Item"\n        >\n        </simple-toolbar-button>\n      </div>\n    ']);return _templateObject2_c9255a001f2611eda0c389891c227ec8=function _templateObject2_c9255a001f2611eda0c389891c227ec8(){return e},e}function _templateObject_c9255a001f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <fieldset part="fieldset">',"","</fieldset>\n    "]);return _templateObject_c9255a001f2611eda0c389891c227ec8=function _templateObject_c9255a001f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var o=Object.getOwnPropertyDescriptor(r,t);return o.get?o.get.call(n):o.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),require("@lrnwebcomponents/simple-icon/simple-icon.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("./simple-fields-array-item.js");var r=function(r){function SimpleFieldsArray(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsArray),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsArray).call(this))).count=0,e.expanded=!1,e.disableAdd=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsArray,(0,t.SimpleFieldsFieldsetBehaviors)(e.LitElement)),_createClass(SimpleFieldsArray,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c9255a001f2611eda0c389891c227ec8(),this.legend,this.fields)}},{key:"fields",get:function get(){var t=this;return(0,e.html)(_templateObject2_c9255a001f2611eda0c389891c227ec8(),this.descriptionTemplate,(function(e){return t.toggle()}),this.expanded,this.expanded?"Collapse All":"Expand All",(function(e){return t._handleAdd()}),this.expanded)}}],[{key:"tag",get:function get(){return"simple-fields-array"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsArray),"styles",this)),_toConsumableArray(n.SimpleFieldsButtonStyles),[(0,e.css)(_templateObject3_c9255a001f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsArray),"properties",this),{count:{type:Number},expanded:{type:Boolean,reflect:!0},__dragging:{type:Boolean}})}}]),_createClass(SimpleFieldsArray,[{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){"expanded"===n&&t.querySelectorAll("simple-fields-array-item").forEach((function(e){return e.setAttribute("aria-expanded",t.expanded)}))}))}},{key:"buildItem",value:function buildItem(e){var t=this,n=document.createElement("simple-fields-array-item");return n.id=e,n.expanded=this.expanded,n.innerHTML='\n      <slot name="sort"></slot>\n      <slot name="preview"></slot>\n      <slot></slot>',this.appendChild(n),n.addEventListener("remove",(function(e){return t._handleRemove(e)})),n}},{key:"_handleAdd",value:function _handleAdd(){this.dispatchEvent(new CustomEvent("add",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_handleRemove",value:function _handleRemove(e){e.stopPropagation(),e.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("remove",{bubbles:!0,cancelable:!0,composed:!0,detail:e.detail}))}},{key:"collapse",value:function collapse(){this.toggle(!1)}},{key:"expand",value:function expand(){this.toggle(!0)}},{key:"focus",value:function focus(e){if(this.childNodes&&e)this.childNodes.length<e&&(e=this.childNodes.length-1),-1==e&&(e=0),0!=this.childNodes.length&&this.childNodes[e].focus();else if(this.shadowRoot){var t=this.childNodes?"expand":"add";this.shadowRoot.getElementById(t).focus()}}},{key:"toggle",value:function toggle(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:!this.expanded;this.expanded=e,this._handleToggle()}},{key:"_handleToggle",value:function _handleToggle(){this.dispatchEvent(new CustomEvent("toggle",{detail:this})),this.expanded?this.dispatchEvent(new CustomEvent("expand",{bubbles:!0,cancelable:!0,composed:!0,detail:this})):this.dispatchEvent(new CustomEvent("collapse",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}}]),SimpleFieldsArray}();exports.SimpleFieldsArray=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-code.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-code.dev.js
index f2ab9f19e50..2dd01f5a23b 100755
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-code.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-code.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsCode=void 0;var e=require("lit"),t=require("./simple-fields-container.js");require("@lrnwebcomponents/code-editor/code-editor.js");var o=require("@lrnwebcomponents/utils/utils.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_f2225ff01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <div class="field-main" part="field-main">\n        ','\n        <code-editor\n          ?autofocus="','"\n          ?disabled="','"\n          font-size="','"\n          editor-value="','"\n          theme="','"\n          language="','"\n          mode="','"\n          ?read-only="','"\n          @value-changed="','"\n          @focused-changed="','"\n          @code-editor-focus="','"\n          @code-editor-blur="','"\n          part="editor"\n        >\n        </code-editor>\n        <input name="','" type="hidden" value="','" />\n      </div>\n    ']);return _templateObject2_f2225ff01f0511ed8cc3e9a95995ad69=function _templateObject2_f2225ff01f0511ed8cc3e9a95995ad69(){return e},e}function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function _defineProperty(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _templateObject_f2225ff01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        #options {\n          display: var(--simple-fields-radio-option-display, flex);\n          flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n        }\n        code-editor {\n          margin: 0;\n          transition: height 0.5s ease-in-out;\n          box-sizing: border-box;\n          vertical-align: bottom;\n        }\n        code-editor:focus {\n          outline: none;\n        }\n      "]);return _templateObject_f2225ff01f0511ed8cc3e9a95995ad69=function _templateObject_f2225ff01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(o):r.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var n=function(n){function SimpleFieldsCode(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsCode),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsCode).call(this))).autofocus=!1,e.fontSize=14,e.id=e._generateUUID(),e.language="html",e.mode="html",e.readonly=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsCode,(0,t.SimpleFieldsContainerBehaviors)(e.LitElement)),_createClass(SimpleFieldsCode,[{key:"render",value:function render(){return this.hasFieldSet?this.fieldsetTemplate:_get(_getPrototypeOf(SimpleFieldsCode.prototype),"render",this).call(this)}}],[{key:"tag",get:function get(){return"simple-fields-code"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsCode),"styles",this)),[(0,e.css)(_templateObject_f2225ff01f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(o,!0).forEach((function(t){_defineProperty(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsCode),"properties",this),{autofocus:{type:Boolean},editorValue:{type:String,attribute:"editor-value"},focused:{type:Boolean,reflect:!0},fontSize:{type:Number,attribute:"font-size"},language:{type:String},mode:{type:Number},readonly:{type:Boolean,reflect:!0},requiredMessage:{type:String},theme:{type:String,reflect:!0},value:{reflect:!0}})}}]),_createClass(SimpleFieldsCode,[{key:"disconnectedCallback",value:function disconnectedCallback(){var e=this;this.removeEventListener("click",(function(t){return e.focus()})),_get(_getPrototypeOf(SimpleFieldsCode.prototype),"disconnectedCallback",this).call(this)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,o){"id"!==o||t.id||(t.id=t._generateUUID()),"field"!==o||t.field||t._updateField(),"value"===o&&t._fireValueChanged()}))}},{key:"_onChange",value:function _onChange(e){var t=(0,o.normalizeEventPath)(e)[0];t&&this.value!==t.value&&(this.value=t.value)}},{key:"validate",value:function validate(){return!this.value&&this.required&&(this.error=!0,this.errorMessage=this.requiredMessage||"required"),!this.error}},{key:"_fireValueChanged",value:function _fireValueChanged(){this.dispatchEvent(new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_onFocusChange",value:function _onFocusChange(e){this.focused=e.detail.focused}},{key:"_observeAndListen",value:function _observeAndListen(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];e?(this.addEventListener("click",this.focus),this.addEventListener("focusout",this._onFocusout),this.addEventListener("focusin",this._onFocusin)):(this.removeEventListener("click",this.focus),this.removeEventListener("focusout",this._onFocusout),this.removeEventListener("focusin",this._onFocusin))}},{key:"_updateField",value:function _updateField(){this.field=this.shadowRoot&&this.shadowRoot.querySelector("code-editor")?this.shadowRoot.querySelector("code-editor"):void 0}},{key:"_generateUUID",value:function _generateUUID(){return"ss-s-s-s-sss".replace(/s/g,Math.floor(65536*(1+Math.random())).toString(16).substring(1))}},{key:"fieldMainTemplate",get:function get(){var t=this;return(0,e.html)(_templateObject2_f2225ff01f0511ed8cc3e9a95995ad69(),this.labelTemplate,this.autofocus,this.disabled,this.fontSize,this.__editorValue||"",this.theme||"auto",this.language,this.mode,this.readonly||this.disabled,this._onChange,this._onFocusChange,(function(e){return 1==t.focused}),(function(e){return 0==t.focused}),this.id,this.value)}},{key:"slottedFieldObserver",get:function get(){}}]),SimpleFieldsCode}();exports.SimpleFieldsCode=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsCode=void 0;var e=require("lit"),t=require("./simple-fields-container.js");require("@lrnwebcomponents/code-editor/code-editor.js");var o=require("@lrnwebcomponents/utils/utils.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c926e0a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <div class="field-main" part="field-main">\n        ','\n        <code-editor\n          ?autofocus="','"\n          ?disabled="','"\n          font-size="','"\n          editor-value="','"\n          theme="','"\n          language="','"\n          mode="','"\n          ?read-only="','"\n          @value-changed="','"\n          @focused-changed="','"\n          @code-editor-focus="','"\n          @code-editor-blur="','"\n          part="editor"\n        >\n        </code-editor>\n        <input name="','" type="hidden" value="','" />\n      </div>\n    ']);return _templateObject2_c926e0a01f2611eda0c389891c227ec8=function _templateObject2_c926e0a01f2611eda0c389891c227ec8(){return e},e}function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function _defineProperty(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _templateObject_c926e0a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        #options {\n          display: var(--simple-fields-radio-option-display, flex);\n          flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n        }\n        code-editor {\n          margin: 0;\n          transition: height 0.5s ease-in-out;\n          box-sizing: border-box;\n          vertical-align: bottom;\n        }\n        code-editor:focus {\n          outline: none;\n        }\n      "]);return _templateObject_c926e0a01f2611eda0c389891c227ec8=function _templateObject_c926e0a01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(o):r.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var n=function(n){function SimpleFieldsCode(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsCode),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsCode).call(this))).autofocus=!1,e.fontSize=14,e.id=e._generateUUID(),e.language="html",e.mode="html",e.readonly=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsCode,(0,t.SimpleFieldsContainerBehaviors)(e.LitElement)),_createClass(SimpleFieldsCode,[{key:"render",value:function render(){return this.hasFieldSet?this.fieldsetTemplate:_get(_getPrototypeOf(SimpleFieldsCode.prototype),"render",this).call(this)}}],[{key:"tag",get:function get(){return"simple-fields-code"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsCode),"styles",this)),[(0,e.css)(_templateObject_c926e0a01f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(o,!0).forEach((function(t){_defineProperty(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsCode),"properties",this),{autofocus:{type:Boolean},editorValue:{type:String,attribute:"editor-value"},focused:{type:Boolean,reflect:!0},fontSize:{type:Number,attribute:"font-size"},language:{type:String},mode:{type:Number},readonly:{type:Boolean,reflect:!0},requiredMessage:{type:String},theme:{type:String,reflect:!0},value:{reflect:!0}})}}]),_createClass(SimpleFieldsCode,[{key:"disconnectedCallback",value:function disconnectedCallback(){var e=this;this.removeEventListener("click",(function(t){return e.focus()})),_get(_getPrototypeOf(SimpleFieldsCode.prototype),"disconnectedCallback",this).call(this)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,o){"id"!==o||t.id||(t.id=t._generateUUID()),"field"!==o||t.field||t._updateField(),"value"===o&&t._fireValueChanged()}))}},{key:"_onChange",value:function _onChange(e){var t=(0,o.normalizeEventPath)(e)[0];t&&this.value!==t.value&&(this.value=t.value)}},{key:"validate",value:function validate(){return!this.value&&this.required&&(this.error=!0,this.errorMessage=this.requiredMessage||"required"),!this.error}},{key:"_fireValueChanged",value:function _fireValueChanged(){this.dispatchEvent(new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_onFocusChange",value:function _onFocusChange(e){this.focused=e.detail.focused}},{key:"_observeAndListen",value:function _observeAndListen(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];e?(this.addEventListener("click",this.focus),this.addEventListener("focusout",this._onFocusout),this.addEventListener("focusin",this._onFocusin)):(this.removeEventListener("click",this.focus),this.removeEventListener("focusout",this._onFocusout),this.removeEventListener("focusin",this._onFocusin))}},{key:"_updateField",value:function _updateField(){this.field=this.shadowRoot&&this.shadowRoot.querySelector("code-editor")?this.shadowRoot.querySelector("code-editor"):void 0}},{key:"_generateUUID",value:function _generateUUID(){return"ss-s-s-s-sss".replace(/s/g,Math.floor(65536*(1+Math.random())).toString(16).substring(1))}},{key:"fieldMainTemplate",get:function get(){var t=this;return(0,e.html)(_templateObject2_c926e0a01f2611eda0c389891c227ec8(),this.labelTemplate,this.autofocus,this.disabled,this.fontSize,this.__editorValue||"",this.theme||"auto",this.language,this.mode,this.readonly||this.disabled,this._onChange,this._onFocusChange,(function(e){return 1==t.focused}),(function(e){return 0==t.focused}),this.id,this.value)}},{key:"slottedFieldObserver",get:function get(){}}]),SimpleFieldsCode}();exports.SimpleFieldsCode=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-container.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-container.dev.js
index d35630698e3..c86a7b77a58 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-container.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-container.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsContainerBehaviors=exports.SimpleFieldsContainer=void 0;var e=require("lit"),t=require("./simple-fields-ui.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject10_f2267ea01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <slot name="suffix"></slot>\n        ',"\n      "]);return _templateObject10_f2267ea01f0511ed8cc3e9a95995ad69=function _templateObject10_f2267ea01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject9_f2267ea01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <slot name="prefix"></slot>\n        ',"\n      "]);return _templateObject9_f2267ea01f0511ed8cc3e9a95995ad69=function _templateObject9_f2267ea01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject8_f2267ea01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <label\n          for="','"\n          class="label-main"\n          ?hidden="','"\n          part="label"\n        >\n          <slot name="label-prefix"></slot>\n          <slot name="label"></slot>\n          ',"","\n        </label>\n      "]);return _templateObject8_f2267ea01f0511ed8cc3e9a95995ad69=function _templateObject8_f2267ea01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject7_f2267ea01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <div id="fieldmeta" aria-live="polite" part="field-meta">\n          <slot name="field-meta"></slot>\n        </div>\n      ']);return _templateObject7_f2267ea01f0511ed8cc3e9a95995ad69=function _templateObject7_f2267ea01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject6_f2267ea01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <div\n          class="','"\n          part="field-main"\n        >\n          ','\n          <div part="field-inner">\n            ','\n            <slot name="field"></slot>\n            ',"\n          </div>\n        </div>\n      "]);return _templateObject6_f2267ea01f0511ed8cc3e9a95995ad69=function _templateObject6_f2267ea01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject5_f2267ea01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <div class="border-bottom blur"></div>\n        <div class="border-bottom focus"></div>\n        <div id="field-bottom" part="field-bottom">\n          <div id="error-desc" part="field-bottom-inner">\n            '," ","\n          </div>\n          ","\n        </div>\n      "]);return _templateObject5_f2267ea01f0511ed8cc3e9a95995ad69=function _templateObject5_f2267ea01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject4_f2267ea01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <div\n          id="error-message"\n          ?hidden="','"\n          role="alert"\n          part="error-msg"\n        >\n          ',"\n        </div>\n      "]);return _templateObject4_f2267ea01f0511ed8cc3e9a95995ad69=function _templateObject4_f2267ea01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_f2267ea01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <div id="description" part="field-desc">\n          <slot name="description"></slot>\n          ',"\n        </div>\n      "]);return _templateObject3_f2267ea01f0511ed8cc3e9a95995ad69=function _templateObject3_f2267ea01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_f2267ea01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n          :host {\n            display: block;\n          }\n          :host([error]) {\n            color: var(--simple-fields-error-color, #b40000);\n            transition: color 0.3s ease-in-out;\n          }\n          :host([disabled]) {\n            color: var(--simple-fields-disabled-color, #999);\n          }\n          .field-main.inline,\n          .field-main > div,\n          #field-bottom {\n            display: flex;\n            align-items: stretch;\n            justify-content: flex-start;\n          }\n          * {\n            flex: 1 1 auto;\n          }\n          #fieldmeta {\n            text-align: right;\n          }\n          .field,\n          ::slotted([slot="field"]) {\n            width: auto;\n            border: none;\n            color: var(--simple-fields-color, currentColor);\n            background-color: var(--simple-fields-background-color, transparent);\n            transition: opacity ease-in-out;\n            flex: 1 0 auto;\n          }\n          ::slotted([slot="field"]:focus) {\n            outline: none;\n          }\n          :host[inline] ::slotted([slot="field"]:focus),\n          ::slotted([type="checkbox"][slot="radio"]:focus),\n          ::slotted([type="checkbox"][slot="field"]:focus) {\n            outline: unset;\n          }\n          .field-main.inline .field,\n          .field-main.inline ::slotted([slot="field"]) {\n            min-width: var(--simple-fields-detail-line-height, 22px);\n            height: var(--simple-fields-detail-line-height, 22px);\n            margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n          }\n          .field[disabled],\n          :host([readonly]) ::slotted([slot="field"]) {\n            opacity: var(--simple-fields-disabled-opacity, 0.7);\n            transition: opacity ease-in-out;\n          }\n          .field[readonly],\n          .field[disabled],\n          :host([readonly]) ::slotted([slot="field"]),\n          :host([disabled]) ::slotted([slot="field"]) {\n            cursor: not-allowed;\n            pointer-events: none;\n          }\n          .border-bottom {\n            height: 0;\n          }\n          :host([disabled]) .border-bottom {\n            border-bottom: 1px dashed var(--simple-fields-border-color, #999);\n          }\n          .border-bottom.blur {\n            border-bottom: 1px solid var(--simple-fields-border-color, #999);\n            width: 100%;\n          }\n          .border-bottom.focus {\n            margin: -1px auto 0;\n            width: 0;\n            border-bottom: 2px solid var(--simple-fields-accent-color, #3f51b5);\n            transition: width 0.5s ease-in-out;\n          }\n          :host(:focus-within) .border-bottom.focus {\n            width: 100%;\n            transition: width 0.5s ease-in-out;\n          }\n          :host([type="checkbox"]) .border-bottom,\n          :host([type="color"]) .border-bottom,\n          :host([type="file"]) .border-bottom,\n          :host([type="radio"]) .border-bottom,\n          :host([type="range"]) .border-bottom {\n            display: none;\n          }\n          ::slotted(input) {\n            padding: 0px;\n          }\n          ::slotted(textarea[slot="field"]) {\n            margin: 0;\n            transition: height 0.5s ease-in-out;\n            box-sizing: border-box;\n            vertical-align: bottom;\n          }\n          ::slotted(fieldset[slot="field"]) {\n            margin: 0;\n            padding: 0;\n            border: none;\n            font-size: var(--simple-fields-font-size, 16px);\n            font-family: var(--simple-fields-font-family, sans-serif);\n            line-height: var(--simple-fields-line-height, 22px);\n            display: var(--simple-fields-radio-option-display, block);\n            flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n            transition: color 0.3s ease-in-out;\n          }\n        ']);return _templateObject2_f2267ea01f0511ed8cc3e9a95995ad69=function _templateObject2_f2267ea01f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,i=new Array(e.length);t<e.length;t++)i[t]=e[t];return i}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_f2267ea01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([" "," "," "]);return _templateObject_f2267ea01f0511ed8cc3e9a95995ad69=function _templateObject_f2267ea01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,i){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,i){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(i):r.value}},_get(e,t,i||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,i){return t&&_defineProperties(e.prototype,t),i&&_defineProperties(e,i),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var i=function SimpleFieldsContainerBehaviors(i){return function(i){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).counter="none",e.autovalidate=!1,e.disabled=!1,e.hidden=!1,e.error=!1,e.id=e._generateUUID(),e.inline=!1,e.validTypes=["checkbox","color","date","datetime-local","email","file","fieldset","hidden","month","number","password","radio","range","search","select","tel","text","textarea","time","url","week"],e._observeAndListen(),e.addEventListener("click",e.focus),e}return _inherits(_class,i),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject_f2267ea01f0511ed8cc3e9a95995ad69(),this.fieldMainTemplate,this.fieldBottom)}}],[{key:"tag",get:function get(){return"simple-fields-container"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.SimpleFieldsBaseStyles),_toConsumableArray(t.SimpleFieldsLabelStyles),_toConsumableArray(t.SimpleFieldsDescriptionStyles),[(0,e.css)(_templateObject2_f2267ea01f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return{autovalidate:{type:Boolean},counter:{type:String},description:{type:String},disabled:{type:Boolean,reflect:!0},defaultErrorMessage:{type:String},defaultRequiredMessage:{type:String},error:{type:Boolean,reflect:!0},errorMessage:{type:String},hidden:{type:Boolean,reflect:!0},field:{type:Object},id:{type:String,reflect:!0},inline:{type:Boolean,reflect:!0},label:{type:String},minchecked:{type:Number},maxchecked:{type:Number},maxwords:{type:Number},name:{type:String,reflect:!0},numberMessage:{type:String},pattern:{type:String},patternMessage:{type:String},prefix:{type:String},readonly:{type:Boolean,reflect:!0},required:{type:Boolean,reflect:!0},requiredMessage:{type:String},suffix:{type:String},type:{type:String},validTypes:{type:Array},value:{type:Object},__delayedFocus:{type:Boolean}}}}]),_createClass(_class,[{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListener("click",this.focus),_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this)}},{key:"autoGrow",value:function autoGrow(){arguments.length>0&&void 0!==arguments[0]||this.field;this.field&&(this.field.style.height="auto",this.field.style.height="".concat(this.field.scrollHeight,"px"),this.field.style.overflowY="hidden")}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(_class.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,e),this._updateField()}},{key:"updated",value:function updated(e){var t=this,i=!1;e.forEach((function(e,n){"error"===n&&t.error!==e&&(i=!0),"errorMessage"===n&&t.errorMessage!==e&&(i=!0),"error"===n&&t.field&&t.field.setAttribute("aria-invalid",t.error?"true":"false")})),i&&this._fireErrorChanged()}},{key:"focus",value:function focus(){this.field?(this.field.focus(),this.__delayedFocus=!1):this.__delayedFocus=!0}},{key:"select",value:function select(){!this.field||"text"!==this.type&&"textarea"!==this.type||this.field.select()}},{key:"setRangeText",value:function setRangeText(e,t,i,n){!this.field||"text"!==this.type&&"textarea"!==this.type||this.field.setRangeText(e,t,i,n)}},{key:"setSelectionRange",value:function setSelectionRange(e,t,i){!this.field||"text"!==this.type&&"textarea"!==this.type||this.field.setSelectionRange(e,t,i)}},{key:"stepDown",value:function stepDown(){this.field&&this.numeric&&this.field.stepDown()}},{key:"stepUp",value:function stepUp(){this.field&&this.numeric&&this.field.stepUp()}},{key:"validate",value:function validate(){var e=this.field.querySelector("legend");return this.requiredError?(this.error=!0,this.errorMessage=this.requiredMessage||"required"):this.numberError?(this.error=!0,this.errorMessage=this.numberMessage||(this.numberError>0?"select ".concat(this.numberError," more"):"select ".concat(0-this.numberError," fewer"))):this.patternError&&(this.error=!0,this.errorMessage=this.patternMessage||"invalid format"),this.hasFieldset&&e&&(e.innerHTML=e.innerHTML.replace(/\**\s*$/,this.error?"*":""),e.style.color=this.error?"var(--simple-fields-error-color, #b40000)":""),!this.error}},{key:"_fireErrorChanged",value:function _fireErrorChanged(){this.dispatchEvent(new CustomEvent("error-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_generateUUID",value:function _generateUUID(){return"ss-s-s-s-sss".replace(/s/g,Math.floor(65536*(1+Math.random())).toString(16).substring(1))}},{key:"_getFieldsetValue",value:function _getFieldsetValue(){var e,t;return this.field.querySelector("input[type=radio]")?(e=this.field.querySelector("input:checked"),t=e?e.value:void 0):this.field.querySelector("input[type=checkbox]")&&(t=[],(e=this.field.querySelectorAll("input:checked")).forEach((function(e){return t.push(e.value)}))),t}},{key:"_getFieldValue",value:function _getFieldValue(){var e,t=this;return this.field&&(e=this.hasFieldset?this._getFieldsetValue():"checkbox"===this.type||"radio"===this.type?!!this.field.checked:"select"===this.type?this.multiple?Object.keys(this.field.selectedOptions).map((function(e){return t.field.selectedOptions[e].value})):this.field.selectedOptions[0].value:this.field.value),e}},{key:"_getValidType",value:function _getValidType(e){return"datetime"===e&&this.validTypes.includes(e)?"datetime-local":this.validTypes.includes(e)?e:"text"}},{key:"_handleFieldChange",value:function _handleFieldChange(){"text"!==this.type&&"textarea"!==this.type||this._updateCount(),this.autovalidate&&this.validate(),this.value=this._getFieldValue(),"textarea"===this.type&&this.autoGrow()}},{key:"_observeAndListen",value:function _observeAndListen(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];e?(this.slottedFieldObserver.observe(this,{attributeFilter:["disabled","readonly","required","slot"],childlist:!0}),this._updateField(),this.addEventListener("click",this.focus),this.addEventListener("focusout",this._onFocusout),this.addEventListener("focusin",this._onFocusin)):(this.slottedFieldObserver.disconnect(),this.removeEventListener("click",this.focus),this.removeEventListener("focusout",this._onFocusout),this.removeEventListener("focusin",this._onFocusin))}},{key:"_onFocusin",value:function _onFocusin(){this.error=!1}},{key:"_onFocusout",value:function _onFocusout(){this.autovalidate&&this.validate()}},{key:"_updateField",value:function _updateField(){var e=this.field;if(this.field=this.querySelector&&this.querySelector("[slot=field]")?this.querySelector("[slot=field]"):void 0,this.id="".concat(this.fieldId||"","-wrapper"),this.field){var t=this.field.tagName.toLowerCase(),i=this.field.getAttribute("type")||"text";if(this.type=this._getValidType("input"===t?i:t),this.required=this.field.required,this.disabled=this.field.disabled,this.readonly=this.field.readonly,this.field.setAttribute("aria-describedby","field-bottom"),this.addEventListener("change",this._handleFieldChange),this.addEventListener("input",this._handleFieldChange),"select"===this.type&&(this.multiple=this.field.multiple),"textarea"===this.type&&(this.field.getAttribute("rows")||this.field.setAttribute("rows",1),this.field.addEventListener("keydown",(function(e){return e.stopPropagation()}))),"fieldset"===this.type){var n=this.querySelector("legend");n&&(n.style.fontSize="var(--simple-fields-detail-font-size, 12px)",n.style.fontFamily="var(--simple-fields-detail-font-family, sans-serif)",n.style.lineHeight="var(--simple-fields-detail-line-height, 22px)",n.style.paddingInlineStart=0,n.style.paddingInlineEnd=0),this.querySelectorAll("label, input").forEach((function(e){return e.style.marginRight="var(--simple-fields-margin, 16px)"})),this.querySelectorAll("label input").forEach((function(e){return e.style.marginLeft="calc(0 - var(--simple-fields-margin, 16px))"}))}}else this.disabled=!1,this.readonly=!1,this.required=!1,this.type=void 0,e&&("textarea"===e.tagName.toLowerCase()&&e.addEventListener("keydown",(function(e){return e.stopPropagation()})),e.removeEventListener("change",this._handleFieldChange),e.removeEventListener("input",this._handleFieldChange));this.field&&this.__delayedFocus&&this.focus()}},{key:"_updateCount",value:function _updateCount(){var e,t=this,i="[\\w\\-\\']+",n=new RegExp(i,"gim"),r=this.field.getAttribute("maxlength")||this.maxlength||!1,a=this.maxwords||!1,l="word"===this.counter?a:r,o=new RegExp(".{0,".concat(r||1,"}"),"g"),s=new RegExp("(".concat(i,"\\W*){0,").concat(a||1,"}"),"g"),d=function matchval(e){return((t.field||{}).value||"").match(e)},c=function length(){return t.field.value?t.field.value.length:0},f=function wordlength(){return t.field&&t.field.value&&d(n)?d(n).length:0},u=function correctLength(e,i,n){e&&i&&i<e&&t.field.value.match(n)&&(t.field.value=d(n)[0].trim())};u(c(),r,o),u(f(),a,s),e="word"===this.counter?f():c(),"none"!==this.counter&&this.shadowRoot&&this.shadowRoot.querySelector("#fieldmeta")&&(this.shadowRoot.querySelector("#fieldmeta").innerHTML=l?"".concat(e,"/").concat(l):e)}},{key:"descriptionTemplate",get:function get(){return(0,e.html)(_templateObject3_f2267ea01f0511ed8cc3e9a95995ad69(),this.description)}},{key:"errorTemplate",get:function get(){return(0,e.html)(_templateObject4_f2267ea01f0511ed8cc3e9a95995ad69(),!this.error,this.errorMessage)}},{key:"fieldBottom",get:function get(){return(0,e.html)(_templateObject5_f2267ea01f0511ed8cc3e9a95995ad69(),this.descriptionTemplate,this.errorTemplate,this.fieldMeta)}},{key:"fieldId",get:function get(){return"".concat(this.id||"field",".input")}},{key:"fieldMainTemplate",get:function get(){return(0,e.html)(_templateObject6_f2267ea01f0511ed8cc3e9a95995ad69(),this.inline||["checkbox","color","radio"].includes(this.type||"text")?"field-main inline":"field-main",this.labelTemplate,this.prefixTemplate,this.suffixTemplate)}},{key:"fieldMeta",get:function get(){return(0,e.html)(_templateObject7_f2267ea01f0511ed8cc3e9a95995ad69())}},{key:"hasFieldset",get:function get(){return"fieldset"===this.type}},{key:"labelTemplate",get:function get(){return(0,e.html)(_templateObject8_f2267ea01f0511ed8cc3e9a95995ad69(),this.fieldId,"fieldset"===this.type,this.label,this.error||this.required?"*":"")}},{key:"multicheck",get:function get(){return this.hasFieldset&&this.field.querySelector("input[type=checkbox]")}},{key:"numberError",get:function get(){var e=!!this._getFieldValue()&&this._getFieldValue().length,t="select"===this.type?this.min:!!this.multicheck&&this.minchecked,i="select"===this.type?this.max:!!this.multicheck&&this.maxchecked;return i&&e&&i<e?i-e:!!(t&&e&&t>e)&&t-e}},{key:"numeric",get:function get(){return["date","month","week","time","datetime-local","number","range"].includes(this.type)}},{key:"patternError",get:function get(){var e=this;return this.pattern&&""!==this.pattern&&this._getFieldValue()&&(this.field.multiple?this._getFieldValue().filter((function(t){return!t.match(e.pattern)})):!this._getFieldValue().match(this.pattern))}},{key:"prefixTemplate",get:function get(){return(0,e.html)(_templateObject9_f2267ea01f0511ed8cc3e9a95995ad69(),this.prefix)}},{key:"requiredError",get:function get(){return!this._getFieldValue()&&this.required}},{key:"slottedFieldObserver",get:function get(){return new MutationObserver(this._updateField)}},{key:"suffixTemplate",get:function get(){return(0,e.html)(_templateObject10_f2267ea01f0511ed8cc3e9a95995ad69(),this.suffix)}}]),_class}(i)};exports.SimpleFieldsContainerBehaviors=i;var n=function(t){function SimpleFieldsContainer(){return _classCallCheck(this,SimpleFieldsContainer),_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsContainer).apply(this,arguments))}return _inherits(SimpleFieldsContainer,i(e.LitElement)),SimpleFieldsContainer}();exports.SimpleFieldsContainer=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsContainerBehaviors=exports.SimpleFieldsContainer=void 0;var e=require("lit"),t=require("./simple-fields-ui.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject10_c92a8a201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <slot name="suffix"></slot>\n        ',"\n      "]);return _templateObject10_c92a8a201f2611eda0c389891c227ec8=function _templateObject10_c92a8a201f2611eda0c389891c227ec8(){return e},e}function _templateObject9_c92a8a201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <slot name="prefix"></slot>\n        ',"\n      "]);return _templateObject9_c92a8a201f2611eda0c389891c227ec8=function _templateObject9_c92a8a201f2611eda0c389891c227ec8(){return e},e}function _templateObject8_c92a8a201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <label\n          for="','"\n          class="label-main"\n          ?hidden="','"\n          part="label"\n        >\n          <slot name="label-prefix"></slot>\n          <slot name="label"></slot>\n          ',"","\n        </label>\n      "]);return _templateObject8_c92a8a201f2611eda0c389891c227ec8=function _templateObject8_c92a8a201f2611eda0c389891c227ec8(){return e},e}function _templateObject7_c92a8a201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <div id="fieldmeta" aria-live="polite" part="field-meta">\n          <slot name="field-meta"></slot>\n        </div>\n      ']);return _templateObject7_c92a8a201f2611eda0c389891c227ec8=function _templateObject7_c92a8a201f2611eda0c389891c227ec8(){return e},e}function _templateObject6_c92a8a201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <div\n          class="','"\n          part="field-main"\n        >\n          ','\n          <div part="field-inner">\n            ','\n            <slot name="field"></slot>\n            ',"\n          </div>\n        </div>\n      "]);return _templateObject6_c92a8a201f2611eda0c389891c227ec8=function _templateObject6_c92a8a201f2611eda0c389891c227ec8(){return e},e}function _templateObject5_c92a8a201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <div class="border-bottom blur"></div>\n        <div class="border-bottom focus"></div>\n        <div id="field-bottom" part="field-bottom">\n          <div id="error-desc" part="field-bottom-inner">\n            '," ","\n          </div>\n          ","\n        </div>\n      "]);return _templateObject5_c92a8a201f2611eda0c389891c227ec8=function _templateObject5_c92a8a201f2611eda0c389891c227ec8(){return e},e}function _templateObject4_c92a8a201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <div\n          id="error-message"\n          ?hidden="','"\n          role="alert"\n          part="error-msg"\n        >\n          ',"\n        </div>\n      "]);return _templateObject4_c92a8a201f2611eda0c389891c227ec8=function _templateObject4_c92a8a201f2611eda0c389891c227ec8(){return e},e}function _templateObject3_c92a8a201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <div id="description" part="field-desc">\n          <slot name="description"></slot>\n          ',"\n        </div>\n      "]);return _templateObject3_c92a8a201f2611eda0c389891c227ec8=function _templateObject3_c92a8a201f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c92a8a201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n          :host {\n            display: block;\n          }\n          :host([error]) {\n            color: var(--simple-fields-error-color, #b40000);\n            transition: color 0.3s ease-in-out;\n          }\n          :host([disabled]) {\n            color: var(--simple-fields-disabled-color, #999);\n          }\n          .field-main.inline,\n          .field-main > div,\n          #field-bottom {\n            display: flex;\n            align-items: stretch;\n            justify-content: flex-start;\n          }\n          * {\n            flex: 1 1 auto;\n          }\n          #fieldmeta {\n            text-align: right;\n          }\n          .field,\n          ::slotted([slot="field"]) {\n            width: auto;\n            border: none;\n            color: var(--simple-fields-color, currentColor);\n            background-color: var(--simple-fields-background-color, transparent);\n            transition: opacity ease-in-out;\n            flex: 1 0 auto;\n          }\n          ::slotted([slot="field"]:focus) {\n            outline: none;\n          }\n          :host[inline] ::slotted([slot="field"]:focus),\n          ::slotted([type="checkbox"][slot="radio"]:focus),\n          ::slotted([type="checkbox"][slot="field"]:focus) {\n            outline: unset;\n          }\n          .field-main.inline .field,\n          .field-main.inline ::slotted([slot="field"]) {\n            min-width: var(--simple-fields-detail-line-height, 22px);\n            height: var(--simple-fields-detail-line-height, 22px);\n            margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n          }\n          .field[disabled],\n          :host([readonly]) ::slotted([slot="field"]) {\n            opacity: var(--simple-fields-disabled-opacity, 0.7);\n            transition: opacity ease-in-out;\n          }\n          .field[readonly],\n          .field[disabled],\n          :host([readonly]) ::slotted([slot="field"]),\n          :host([disabled]) ::slotted([slot="field"]) {\n            cursor: not-allowed;\n            pointer-events: none;\n          }\n          .border-bottom {\n            height: 0;\n          }\n          :host([disabled]) .border-bottom {\n            border-bottom: 1px dashed var(--simple-fields-border-color, #999);\n          }\n          .border-bottom.blur {\n            border-bottom: 1px solid var(--simple-fields-border-color, #999);\n            width: 100%;\n          }\n          .border-bottom.focus {\n            margin: -1px auto 0;\n            width: 0;\n            border-bottom: 2px solid var(--simple-fields-accent-color, #3f51b5);\n            transition: width 0.5s ease-in-out;\n          }\n          :host(:focus-within) .border-bottom.focus {\n            width: 100%;\n            transition: width 0.5s ease-in-out;\n          }\n          :host([type="checkbox"]) .border-bottom,\n          :host([type="color"]) .border-bottom,\n          :host([type="file"]) .border-bottom,\n          :host([type="radio"]) .border-bottom,\n          :host([type="range"]) .border-bottom {\n            display: none;\n          }\n          ::slotted(input) {\n            padding: 0px;\n          }\n          ::slotted(textarea[slot="field"]) {\n            margin: 0;\n            transition: height 0.5s ease-in-out;\n            box-sizing: border-box;\n            vertical-align: bottom;\n          }\n          ::slotted(fieldset[slot="field"]) {\n            margin: 0;\n            padding: 0;\n            border: none;\n            font-size: var(--simple-fields-font-size, 16px);\n            font-family: var(--simple-fields-font-family, sans-serif);\n            line-height: var(--simple-fields-line-height, 22px);\n            display: var(--simple-fields-radio-option-display, block);\n            flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n            transition: color 0.3s ease-in-out;\n          }\n        ']);return _templateObject2_c92a8a201f2611eda0c389891c227ec8=function _templateObject2_c92a8a201f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,i=new Array(e.length);t<e.length;t++)i[t]=e[t];return i}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_c92a8a201f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([" "," "," "]);return _templateObject_c92a8a201f2611eda0c389891c227ec8=function _templateObject_c92a8a201f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,i){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,i){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(i):r.value}},_get(e,t,i||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,i){return t&&_defineProperties(e.prototype,t),i&&_defineProperties(e,i),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var i=function SimpleFieldsContainerBehaviors(i){return function(i){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).counter="none",e.autovalidate=!1,e.disabled=!1,e.hidden=!1,e.error=!1,e.id=e._generateUUID(),e.inline=!1,e.validTypes=["checkbox","color","date","datetime-local","email","file","fieldset","hidden","month","number","password","radio","range","search","select","tel","text","textarea","time","url","week"],e._observeAndListen(),e.addEventListener("click",e.focus),e}return _inherits(_class,i),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c92a8a201f2611eda0c389891c227ec8(),this.fieldMainTemplate,this.fieldBottom)}}],[{key:"tag",get:function get(){return"simple-fields-container"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.SimpleFieldsBaseStyles),_toConsumableArray(t.SimpleFieldsLabelStyles),_toConsumableArray(t.SimpleFieldsDescriptionStyles),[(0,e.css)(_templateObject2_c92a8a201f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return{autovalidate:{type:Boolean},counter:{type:String},description:{type:String},disabled:{type:Boolean,reflect:!0},defaultErrorMessage:{type:String},defaultRequiredMessage:{type:String},error:{type:Boolean,reflect:!0},errorMessage:{type:String},hidden:{type:Boolean,reflect:!0},field:{type:Object},id:{type:String,reflect:!0},inline:{type:Boolean,reflect:!0},label:{type:String},minchecked:{type:Number},maxchecked:{type:Number},maxwords:{type:Number},name:{type:String,reflect:!0},numberMessage:{type:String},pattern:{type:String},patternMessage:{type:String},prefix:{type:String},readonly:{type:Boolean,reflect:!0},required:{type:Boolean,reflect:!0},requiredMessage:{type:String},suffix:{type:String},type:{type:String},validTypes:{type:Array},value:{type:Object},__delayedFocus:{type:Boolean}}}}]),_createClass(_class,[{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListener("click",this.focus),_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this)}},{key:"autoGrow",value:function autoGrow(){arguments.length>0&&void 0!==arguments[0]||this.field;this.field&&(this.field.style.height="auto",this.field.style.height="".concat(this.field.scrollHeight,"px"),this.field.style.overflowY="hidden")}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(_class.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,e),this._updateField()}},{key:"updated",value:function updated(e){var t=this,i=!1;e.forEach((function(e,n){"error"===n&&t.error!==e&&(i=!0),"errorMessage"===n&&t.errorMessage!==e&&(i=!0),"error"===n&&t.field&&t.field.setAttribute("aria-invalid",t.error?"true":"false")})),i&&this._fireErrorChanged()}},{key:"focus",value:function focus(){this.field?(this.field.focus(),this.__delayedFocus=!1):this.__delayedFocus=!0}},{key:"select",value:function select(){!this.field||"text"!==this.type&&"textarea"!==this.type||this.field.select()}},{key:"setRangeText",value:function setRangeText(e,t,i,n){!this.field||"text"!==this.type&&"textarea"!==this.type||this.field.setRangeText(e,t,i,n)}},{key:"setSelectionRange",value:function setSelectionRange(e,t,i){!this.field||"text"!==this.type&&"textarea"!==this.type||this.field.setSelectionRange(e,t,i)}},{key:"stepDown",value:function stepDown(){this.field&&this.numeric&&this.field.stepDown()}},{key:"stepUp",value:function stepUp(){this.field&&this.numeric&&this.field.stepUp()}},{key:"validate",value:function validate(){var e=this.field.querySelector("legend");return this.requiredError?(this.error=!0,this.errorMessage=this.requiredMessage||"required"):this.numberError?(this.error=!0,this.errorMessage=this.numberMessage||(this.numberError>0?"select ".concat(this.numberError," more"):"select ".concat(0-this.numberError," fewer"))):this.patternError&&(this.error=!0,this.errorMessage=this.patternMessage||"invalid format"),this.hasFieldset&&e&&(e.innerHTML=e.innerHTML.replace(/\**\s*$/,this.error?"*":""),e.style.color=this.error?"var(--simple-fields-error-color, #b40000)":""),!this.error}},{key:"_fireErrorChanged",value:function _fireErrorChanged(){this.dispatchEvent(new CustomEvent("error-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_generateUUID",value:function _generateUUID(){return"ss-s-s-s-sss".replace(/s/g,Math.floor(65536*(1+Math.random())).toString(16).substring(1))}},{key:"_getFieldsetValue",value:function _getFieldsetValue(){var e,t;return this.field.querySelector("input[type=radio]")?(e=this.field.querySelector("input:checked"),t=e?e.value:void 0):this.field.querySelector("input[type=checkbox]")&&(t=[],(e=this.field.querySelectorAll("input:checked")).forEach((function(e){return t.push(e.value)}))),t}},{key:"_getFieldValue",value:function _getFieldValue(){var e,t=this;return this.field&&(e=this.hasFieldset?this._getFieldsetValue():"checkbox"===this.type||"radio"===this.type?!!this.field.checked:"select"===this.type?this.multiple?Object.keys(this.field.selectedOptions).map((function(e){return t.field.selectedOptions[e].value})):this.field.selectedOptions[0].value:this.field.value),e}},{key:"_getValidType",value:function _getValidType(e){return"datetime"===e&&this.validTypes.includes(e)?"datetime-local":this.validTypes.includes(e)?e:"text"}},{key:"_handleFieldChange",value:function _handleFieldChange(){"text"!==this.type&&"textarea"!==this.type||this._updateCount(),this.autovalidate&&this.validate(),this.value=this._getFieldValue(),"textarea"===this.type&&this.autoGrow()}},{key:"_observeAndListen",value:function _observeAndListen(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];e?(this.slottedFieldObserver.observe(this,{attributeFilter:["disabled","readonly","required","slot"],childlist:!0}),this._updateField(),this.addEventListener("click",this.focus),this.addEventListener("focusout",this._onFocusout),this.addEventListener("focusin",this._onFocusin)):(this.slottedFieldObserver.disconnect(),this.removeEventListener("click",this.focus),this.removeEventListener("focusout",this._onFocusout),this.removeEventListener("focusin",this._onFocusin))}},{key:"_onFocusin",value:function _onFocusin(){this.error=!1}},{key:"_onFocusout",value:function _onFocusout(){this.autovalidate&&this.validate()}},{key:"_updateField",value:function _updateField(){var e=this.field;if(this.field=this.querySelector&&this.querySelector("[slot=field]")?this.querySelector("[slot=field]"):void 0,this.id="".concat(this.fieldId||"","-wrapper"),this.field){var t=this.field.tagName.toLowerCase(),i=this.field.getAttribute("type")||"text";if(this.type=this._getValidType("input"===t?i:t),this.required=this.field.required,this.disabled=this.field.disabled,this.readonly=this.field.readonly,this.field.setAttribute("aria-describedby","field-bottom"),this.addEventListener("change",this._handleFieldChange),this.addEventListener("input",this._handleFieldChange),"select"===this.type&&(this.multiple=this.field.multiple),"textarea"===this.type&&(this.field.getAttribute("rows")||this.field.setAttribute("rows",1),this.field.addEventListener("keydown",(function(e){return e.stopPropagation()}))),"fieldset"===this.type){var n=this.querySelector("legend");n&&(n.style.fontSize="var(--simple-fields-detail-font-size, 12px)",n.style.fontFamily="var(--simple-fields-detail-font-family, sans-serif)",n.style.lineHeight="var(--simple-fields-detail-line-height, 22px)",n.style.paddingInlineStart=0,n.style.paddingInlineEnd=0),this.querySelectorAll("label, input").forEach((function(e){return e.style.marginRight="var(--simple-fields-margin, 16px)"})),this.querySelectorAll("label input").forEach((function(e){return e.style.marginLeft="calc(0 - var(--simple-fields-margin, 16px))"}))}}else this.disabled=!1,this.readonly=!1,this.required=!1,this.type=void 0,e&&("textarea"===e.tagName.toLowerCase()&&e.addEventListener("keydown",(function(e){return e.stopPropagation()})),e.removeEventListener("change",this._handleFieldChange),e.removeEventListener("input",this._handleFieldChange));this.field&&this.__delayedFocus&&this.focus()}},{key:"_updateCount",value:function _updateCount(){var e,t=this,i="[\\w\\-\\']+",n=new RegExp(i,"gim"),r=this.field.getAttribute("maxlength")||this.maxlength||!1,a=this.maxwords||!1,l="word"===this.counter?a:r,o=new RegExp(".{0,".concat(r||1,"}"),"g"),s=new RegExp("(".concat(i,"\\W*){0,").concat(a||1,"}"),"g"),c=function matchval(e){return((t.field||{}).value||"").match(e)},d=function length(){return t.field.value?t.field.value.length:0},u=function wordlength(){return t.field&&t.field.value&&c(n)?c(n).length:0},f=function correctLength(e,i,n){e&&i&&i<e&&t.field.value.match(n)&&(t.field.value=c(n)[0].trim())};f(d(),r,o),f(u(),a,s),e="word"===this.counter?u():d(),"none"!==this.counter&&this.shadowRoot&&this.shadowRoot.querySelector("#fieldmeta")&&(this.shadowRoot.querySelector("#fieldmeta").innerHTML=l?"".concat(e,"/").concat(l):e)}},{key:"descriptionTemplate",get:function get(){return(0,e.html)(_templateObject3_c92a8a201f2611eda0c389891c227ec8(),this.description)}},{key:"errorTemplate",get:function get(){return(0,e.html)(_templateObject4_c92a8a201f2611eda0c389891c227ec8(),!this.error,this.errorMessage)}},{key:"fieldBottom",get:function get(){return(0,e.html)(_templateObject5_c92a8a201f2611eda0c389891c227ec8(),this.descriptionTemplate,this.errorTemplate,this.fieldMeta)}},{key:"fieldId",get:function get(){return"".concat(this.id||"field",".input")}},{key:"fieldMainTemplate",get:function get(){return(0,e.html)(_templateObject6_c92a8a201f2611eda0c389891c227ec8(),this.inline||["checkbox","color","radio"].includes(this.type||"text")?"field-main inline":"field-main",this.labelTemplate,this.prefixTemplate,this.suffixTemplate)}},{key:"fieldMeta",get:function get(){return(0,e.html)(_templateObject7_c92a8a201f2611eda0c389891c227ec8())}},{key:"hasFieldset",get:function get(){return"fieldset"===this.type}},{key:"labelTemplate",get:function get(){return(0,e.html)(_templateObject8_c92a8a201f2611eda0c389891c227ec8(),this.fieldId,"fieldset"===this.type,this.label,this.error||this.required?"*":"")}},{key:"multicheck",get:function get(){return this.hasFieldset&&this.field.querySelector("input[type=checkbox]")}},{key:"numberError",get:function get(){var e=!!this._getFieldValue()&&this._getFieldValue().length,t="select"===this.type?this.min:!!this.multicheck&&this.minchecked,i="select"===this.type?this.max:!!this.multicheck&&this.maxchecked;return i&&e&&i<e?i-e:!!(t&&e&&t>e)&&t-e}},{key:"numeric",get:function get(){return["date","month","week","time","datetime-local","number","range"].includes(this.type)}},{key:"patternError",get:function get(){var e=this;return this.pattern&&""!==this.pattern&&this._getFieldValue()&&(this.field.multiple?this._getFieldValue().filter((function(t){return!t.match(e.pattern)})):!this._getFieldValue().match(this.pattern))}},{key:"prefixTemplate",get:function get(){return(0,e.html)(_templateObject9_c92a8a201f2611eda0c389891c227ec8(),this.prefix)}},{key:"requiredError",get:function get(){return!this._getFieldValue()&&this.required}},{key:"slottedFieldObserver",get:function get(){return new MutationObserver(this._updateField)}},{key:"suffixTemplate",get:function get(){return(0,e.html)(_templateObject10_c92a8a201f2611eda0c389891c227ec8(),this.suffix)}}]),_class}(i)};exports.SimpleFieldsContainerBehaviors=i;var n=function(t){function SimpleFieldsContainer(){return _classCallCheck(this,SimpleFieldsContainer),_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsContainer).apply(this,arguments))}return _inherits(SimpleFieldsContainer,i(e.LitElement)),SimpleFieldsContainer}();exports.SimpleFieldsContainer=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-field.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-field.dev.js
index ccf43126466..cc63805007c 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-field.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-field.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsFieldBehaviors=exports.SimpleFieldsField=void 0;var e=require("lit"),t=require("./simple-fields-container.js");function _templateObject10_f22a76401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <textarea\n          aria-invalid="','"\n          ?autofocus="','"\n          @blur="','"\n          class="field box-input"\n          @change="','"\n          @keydown="','"\n          ?disabled="','"\n          @focus="','"\n          ?hidden="','"\n          id="','"\n          @input="','"\n          name="','"\n          ?readonly="','"\n          ?required="','"\n          rows="1"\n          tabindex="0"\n          part="textarea"\n        >\n  ',"</textarea\n        >\n      "]);return _templateObject10_f22a76401f0511ed8cc3e9a95995ad69=function _templateObject10_f22a76401f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject9_f22a76401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n              <option\n                part="select-option"\n                .id="',".",'"\n                ?selected="','"\n                .value="','"\n              >\n                ',"\n              </option>\n            "]);return _templateObject9_f22a76401f0511ed8cc3e9a95995ad69=function _templateObject9_f22a76401f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject8_f22a76401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <select\n          ?autofocus="','"\n          aria-descrbedby="','"\n          aria-invalid="','"\n          @blur="','"\n          @change="','"\n          class="field"\n          ?disabled="','"\n          @focus="','"\n          ?hidden="','"\n          id="','"\n          ?multiple="','"\n          name="','"\n          ?readonly="','"\n          ?required="','"\n          tabindex="0"\n          part="select"\n        >\n          ','\n        </select>\n        <simple-icon-lite icon="arrow-drop-down"></simple-icon-lite>\n      ']);return _templateObject8_f22a76401f0511ed8cc3e9a95995ad69=function _templateObject8_f22a76401f0511ed8cc3e9a95995ad69(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject7_f22a76401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n                <div class="option inline" part="option">\n                  <label\n                    for="',".",'"\n                    class="radio-label"\n                    part="option-label"\n                    >',"</label\n                  >","\n                </div>\n              "]);return _templateObject7_f22a76401f0511ed8cc3e9a95995ad69=function _templateObject7_f22a76401f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject6_f22a76401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <fieldset part="fieldset">\n          <legend\n            class="label-main"\n            ?hidden="','"\n            part="fieldset-legend"\n          >\n            ',"",'\n          </legend>\n          <div id="options" part="fieldset-options">\n            ',"\n          </div>\n          ","\n        </fieldset>\n      "]);return _templateObject6_f22a76401f0511ed8cc3e9a95995ad69=function _templateObject6_f22a76401f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject5_f22a76401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <div id="fieldmeta" aria-live="polite" part="field-meta"></div>\n      ']);return _templateObject5_f22a76401f0511ed8cc3e9a95995ad69=function _templateObject5_f22a76401f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject4_f22a76401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <div\n          class="','"\n          part="field-main"\n        >\n          ','\n          <div id="field-main-inner" part="field-main-inner">\n            ',"\n            ","\n            ","\n          </div>\n        </div>\n      "]);return _templateObject4_f22a76401f0511ed8cc3e9a95995ad69=function _templateObject4_f22a76401f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_f22a76401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n                <simple-icon-lite\n                  icon="','"\n                  @click="','"\n                  part="option-icon"\n                >\n                </simple-icon-lite>\n              ']);return _templateObject3_f22a76401f0511ed8cc3e9a95995ad69=function _templateObject3_f22a76401f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_f22a76401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <span class="input-option" part="option-inner">\n          <input\n            ?autofocus="','"\n            aria-descrbedby="','"\n            .aria-invalid="','"\n            @blur="','"\n            @change="','"\n            ?checked="','"\n            class="field ','"\n            ?disabled="','"\n            @focus="','"\n            ?hidden="','"\n            id="','"\n            @input="','"\n            name="','"\n            .placeholder="','"\n            ?readonly="','"\n            ?required="','"\n            tabindex="0"\n            type="','"\n            value="','"\n            part="option-input"\n          />\n          ',"\n        </span>\n      "]);return _templateObject2_f22a76401f0511ed8cc3e9a95995ad69=function _templateObject2_f22a76401f0511ed8cc3e9a95995ad69(){return e},e}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject_f22a76401f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n          fieldset {\n            margin: 0;\n            padding: 0;\n            border: none;\n            background-color: transparent;\n          }\n          option {\n            border-radius: 0;\n          }\n          option[selected] {\n            background-color: var(\n              --simple-fields-faded-background-color,\n              rgba(0, 0, 0, 0.1)\n            );\n          }\n          legend {\n            padding-inline-start: unset;\n            padding-inline-end: unset;\n          }\n          #field-main-inner {\n            position: relative;\n          }\n          #options {\n            display: var(--simple-fields-radio-option-display, flex);\n            flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n          }\n          .option {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: stretch;\n            justify-content: space-between;\n            margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n          }\n          .option:last-of-type {\n            margin: 0;\n          }\n          .option:focus-within label {\n            color: var(--simple-fields-accent-color, #003f7d);\n            transition: color ease-in-out;\n          }\n          :host([type]) fieldset .border-bottom {\n            display: block;\n          }\n          .box-input {\n            width: 100%;\n            padding: 2px;\n          }\n          .box-input:focus {\n            outline: none;\n          }\n          .field-main.inline {\n            align-items: center;\n          }\n          input {\n            background-color: var(--simple-fields-background-color, transparent);\n          }\n          input[type="text"] {\n            padding: 0;\n          }\n          textarea {\n            margin: 0;\n            transition: height 0.5s ease-in-out;\n            box-sizing: border-box;\n            vertical-align: bottom;\n            background-color: var(--simple-fields-background-color, transparent);\n          }\n          select.field {\n            width: calc(100% - 26px);\n            padding-right: 26px;\n            border: none;\n            background-color: var(--simple-fields-background-color, transparent);\n            border-radius: 0;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n          }\n          :host([type="select"]) simple-icon-lite {\n            position: absolute;\n            right: 0px;\n          }\n          select:focus,\n          select:focus-within {\n            outline: none;\n          }\n          :host([type="checkbox"]) span,\n          :host([type="radio"]) span {\n            position: relative;\n            flex: 1 0 auto;\n            display: flex;\n            align-items: center;\n          }\n          :host([type="checkbox"]) span:focus-within,\n          :host([type="radio"]) span:focus-within {\n            color: var(--simple-fields-accent-color, #003f7d);\n            outline: 1px dotted var(--simple-fields-accent-color, #003f7d);\n          }\n          :host([type="checkbox"]) label.checkbox-label,\n          :host([type="radio"]) label.radio-label {\n            flex: 0 0 auto;\n          }\n          :host([type="checkbox"]) input,\n          :host([type="radio"]) input,\n          .field-main.inline input[type="checkbox"].field,\n          .field-main.inline input[type="radio"].field {\n            z-index: -1;\n            opacity: 0;\n            min-width: 0;\n            width: 0;\n            margin: 0;\n            flex: 0 1 0px;\n          }\n          :host([type="checkbox"]) simple-icon-lite,\n          :host([type="radio"]) simple-icon-lite {\n            flex: 0 0 auto;\n          }\n          :host([type="checkbox"]) simple-icon-lite:hover,\n          :host([type="radio"]) simple-icon-lite:hover,\n          :host([type="checkbox"]) span:focus-within simple-icon-lite,\n          :host([type="radio"]) span:focus-within simple-icon-lite {\n            color: var(--simple-fields-accent-color, #003f7d);\n          }\n  \n          input[type="range"] {\n            width: 100%;\n            height: calc(\n              var(--simple-fields-font-size, 16px) +\n                var(--simple-fields-line-height, 22px)\n            );\n            padding: 0;\n            margin: 0;\n            box-sizing: border-box;\n            -webkit-appearance: none;\n          }\n          input[type="range"]:focus {\n            outline: none;\n          }\n          input[type="range"]::-webkit-slider-runnable-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type="range"]::-webkit-slider-runnable-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-webkit-slider-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background-color: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n            -webkit-appearance: none;\n            margin-top: -2px;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-webkit-slider-thumb,\n          input[type="range"][disabled]::-webkit-slider-thumb {\n            cursor: not-allowed;\n          }\n          input[type="range"]:focus::-webkit-slider-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type="range"]::-webkit-slider-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-webkit-slider-thumb,\n          input[type="range"][disabled]::-webkit-slider-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-moz-range-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-moz-range-track,\n          input[type="range"][disabled]::-moz-range-track {\n            cursor: not-allowed;\n          }\n          :host([error]) input[type="range"]::-moz-range-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-moz-range-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]:focus::-moz-range-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type="range"]::-moz-range-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-moz-range-thumb,\n          input[type="range"][disabled]::-moz-range-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-ms-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: transparent;\n            border-color: transparent;\n            color: transparent;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-ms-track,\n          input[type="range"][disabled]::-ms-track {\n            cursor: not-allowed;\n          }\n          :host([error]) input[type="range"]::-ms-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-ms-fill-lower {\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n          }\n          input[type="range"]::-ms-fill-upper {\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n          }\n          input[type="range"]::-ms-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n          }\n          input[type="range"][readonly]::-ms-thumb,\n          input[type="range"][disabled]::-ms-thumb {\n            cursor: not-allowed;\n          }\n          input[type="range"]:focus::-ms-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n          }\n          :host([error]) input[type="range"]::-ms-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][redonly]::-ms-thumb,\n          input[type="range"][disabled]::-ms-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]:focus::-ms-fill-lower {\n            background: var(--simple-fields-border-color-light, #ccc);\n          }\n          input[type="range"]:focus::-ms-fill-upper {\n            background: var(--simple-fields-border-color-light, #ccc);\n          }\n        ']);return _templateObject_f22a76401f0511ed8cc3e9a95995ad69=function _templateObject_f22a76401f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var i=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(i){var r=Object.getOwnPropertyDescriptor(i,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-icon/simple-icon.js");var n=function SimpleFieldsFieldBehaviors(n){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).autocomplete="off",e.autofocus=!1,e.multiple=!1,e.readonly=!1,e.spellcheck=!1,e.itemsList=[],e.options={},e.wrap=!1,e}return _inherits(_class,t),_createClass(_class,[{key:"render",value:function render(){return this.hasFieldset?this.fieldsetTemplate:_get(_getPrototypeOf(_class.prototype),"render",this).call(this)}}],[{key:"tag",get:function get(){return"simple-fields-field"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)),[(0,e.css)(_templateObject_f22a76401f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{accept:{type:String},autocomplete:{type:String},autofocus:{type:Boolean},capture:{type:String},counter:{type:String},dirname:{type:String},itemsList:{type:Array,attribute:"items-list"},list:{type:String},max:{type:Number},maxlength:{type:Number},min:{type:Number},minlength:{type:Number},multiple:{type:Boolean},options:{type:Object},placeholder:{type:String},size:{type:Number},spellcheck:{type:String},step:{type:Number},value:{reflect:!0},wrap:{type:Boolean}})}}]),_createClass(_class,[{key:"updated",value:function updated(e){var t=this;this.field||this._updateField(),e.forEach((function(e,n){"id"!==n||t.id||(t.id=t._generateUUID()),t._getAttributes(t.type).includes(n)&&t._updateAttribute(n),"value"===n&&t.value!==e&&(t.field.value!==t.value&&(t.field.value=t.value),t._fireValueChanged()),["counter","maxlength","type"].includes(n)&&["text","textarea"].includes(t.type)&&t._updateCount(),("type"===n&&t.type!==e||["itemsList","options"].includes(n))&&t._updateField()}))}},{key:"_handleIconClick",value:function _handleIconClick(e,t){this.value=t?"radio"===this.type&&e?void 0:"radio"===this.type?(t||{}).value:e?(this.value||[]).filter((function(e){return e!==t.value})):[].concat(_toConsumableArray(this.value||[]),[(t||{}).value]):!e,this.multicheck&&this.autovalidate&&(this.error=!1,this.validate())}},{key:"getOptionIcon",value:function getOptionIcon(e){return e&&"checkbox"===this.type?"icons:check-box":"checkbox"===this.type?"icons:check-box-outline-blank":e?"icons:radio-button-checked":"icons:radio-button-unchecked"}},{key:"getInput",value:function getInput(t){var n=this,i=t?"radio"===this.type?this.value===(t||{}).value:(this.value||[]).includes((t||{}).value):!!this.value,r=this.getOptionIcon(i);return(0,e.html)(_templateObject2_f22a76401f0511ed8cc3e9a95995ad69(),this.autofocus,this.describedBy||"",this.error?"true":"false",this._onFocusout,this._handleFieldChange,i,["checkbox","color","file","radio","range"].includes(this.type)?"":"box-input",this.disabled,this._onFocusin,this.hidden,t?t.value:this.id,this._handleFieldChange,this.id,this.placeholder||"",this.readonly,this.required,this.type,t?(t||{}).value:this.value,"checkbox"!==this.type&&"radio"!==this.type?"":(0,e.html)(_templateObject3_f22a76401f0511ed8cc3e9a95995ad69(),r,(function(e){return n._handleIconClick(i,t)})))}},{key:"_fireValueChanged",value:function _fireValueChanged(){this.dispatchEvent(new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_handleFieldChange",value:function _handleFieldChange(e){_get(_getPrototypeOf(_class.prototype),"_handleFieldChange",this).call(this),this.multicheck&&this.autovalidate&&(this.error=!1,this.validate())}},{key:"_getAttributes",value:function _getAttributes(e){return{checkbox:["autocomplete","form","list"],color:["autocomplete","form","list"],date:["autocomplete","form","list","max","min","step"],"datetime-local":["form","list","max","min","step"],email:["autocomplete","form","list","placeholder"],file:["autocomplete","accept","capture","form","list"],hidden:["autocomplete","form"],month:["autocomplete","form","list","max","min","step"],number:["autocomplete","form","list","max","min","step"],password:["autocomplete","form","list","maxlength","maxlength","pattern","placeholder"],radio:["autocomplete","form","list"],range:["autocomplete","form","list","max","min","step"],search:["autocomplete","dirname","form","list","maxlength","maxlength","placeholder"],select:["autocomplete","form","list","size"],tel:["autocomplete","form","list","maxlength","maxlength","pattern","placeholder"],text:["autocomplete","dirname","form","list","maxlength","maxlength","pattern","placeholder"],textarea:["autocomplete","autocomplete","form","maxlength","maxlength","placeholder","spellcheck","wrap"],time:["autocomplete","form","list","max","min","step"],url:["autocomplete","form","list","maxlength","maxlength","placeholder"],week:["autocomplete","form","list","max","min","step"]}[e]}},{key:"_getFieldsetValue",value:function _getFieldsetValue(){return this.value}},{key:"_observeAndListen",value:function _observeAndListen(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];e?this.addEventListener("click",this.focus):this.removeEventListener("click",this.focus)}},{key:"_updateAttribute",value:function _updateAttribute(e){this.field&&this[e]!==this.field.getAttribute(e)&&(this[e]?this.field.setAttribute(e,this[e]):this.field.removeAttribute(e,this[e]))}},{key:"_updateField",value:function _updateField(){var e=this;this.type=this._getValidType(this.type),this.field=this.shadowRoot&&this.shadowRoot.querySelector(this.fieldElementTag)?this.shadowRoot.querySelector(this.fieldElementTag):void 0,this._getAttributes(this.type).forEach((function(t){return e._updateAttribute(t)})),"select"!==this.type&&this.field&&this._updateAttribute("value"),this.field&&this.__delayedFocus&&this.focus()}},{key:"hasFieldset",get:function get(){return("radio"===this.type||"checkbox"===this.type)&&!this.noOptions}},{key:"fieldElementTag",get:function get(){return"select"===this.type||"text"===this.type&&!this.noOptions?"select":"textarea"===this.type?"textarea":this.hasFieldset?"fieldset":"input"}},{key:"fieldMainTemplate",get:function get(){return(0,e.html)(_templateObject4_f22a76401f0511ed8cc3e9a95995ad69(),this.inline||["checkbox","color","radio"].includes(this.type||"text")?"field-main inline":"field-main",this.labelTemplate,this.prefixTemplate,"input"===this.fieldElementTag?this.inputTemplate:"select"===this.fieldElementTag?this.selectTemplate:"textarea"===this.fieldElementTag?this.textareaTemplate:"",this.suffixTemplate)}},{key:"fieldMeta",get:function get(){return(0,e.html)(_templateObject5_f22a76401f0511ed8cc3e9a95995ad69())}},{key:"fieldsetTemplate",get:function get(){var t=this;return(0,e.html)(_templateObject6_f22a76401f0511ed8cc3e9a95995ad69(),!this.label,this.label,this.error||this.required?"*":"",(this.sortedOptions||[]).map((function(n){return(0,e.html)(_templateObject7_f22a76401f0511ed8cc3e9a95995ad69(),t.id,n.value,n.text,t.getInput(n))})),this.fieldBottom)}},{key:"inputTemplate",get:function get(){return this.getInput()}},{key:"multicheck",get:function get(){return this.hasFieldset}},{key:"noOptions",get:function get(){return this.itemsList.length<1&&Object.keys(this.options||{}).length<1}},{key:"numberError",get:function get(){var e=!!this._getFieldValue()&&this._getFieldValue().length,t=!("select"!==this.type&&!this.multicheck)&&this.min,n=!("select"!==this.type&&!this.multicheck)&&this.max;return n&&e&&n<e?n-e:!!(t&&e&&t>e)&&t-e}},{key:"sortedOptions",get:function get(){var e=this,t=(this.itemsList||[]).map((function(e,t){return"object"===_typeof(e)?e:{value:e,text:e}}));return Object.keys(this.options||{}).sort((function(e,t){return e>t?1:-1})).forEach((function(n){return t.push({value:n,text:e.options[n]})})),t}},{key:"selectTemplate",get:function get(){var t=this;return(0,e.html)(_templateObject8_f22a76401f0511ed8cc3e9a95995ad69(),this.autofocus,this.describedBy,this.error?"true":"false",this._onFocusout,this._handleFieldChange,this.disabled,this._onFocusin,this.hidden,this.id,this.multiple,this.id,this.readonly,this.required,(this.sortedOptions||[]).map((function(n){return(0,e.html)(_templateObject9_f22a76401f0511ed8cc3e9a95995ad69(),t.id,n.value,t.multiple?t.value&&t.value.includes(n.value):t.value===n.value,n.value,n.text)})))}},{key:"slottedFieldObserver",get:function get(){}},{key:"textareaTemplate",get:function get(){return(0,e.html)(_templateObject10_f22a76401f0511ed8cc3e9a95995ad69(),this.error?"true":"false",this.autofocus,this._onFocusout,this._handleFieldChange,(function(e){return e.stopPropagation()}),this.disabled,this._onFocusin,this.hidden,this.id,this._handleFieldChange,this.id,this.readonly,this.required,this.value||"")}}]),_class}((0,t.SimpleFieldsContainerBehaviors)(n))};exports.SimpleFieldsFieldBehaviors=n;var i=function(t){function SimpleFieldsField(){return _classCallCheck(this,SimpleFieldsField),_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsField).apply(this,arguments))}return _inherits(SimpleFieldsField,n(e.LitElement)),SimpleFieldsField}();exports.SimpleFieldsField=i,window.customElements.define(i.tag,i);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsFieldBehaviors=exports.SimpleFieldsField=void 0;var e=require("lit"),t=require("./simple-fields-container.js");function _templateObject10_c92e33a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <textarea\n          aria-invalid="','"\n          ?autofocus="','"\n          @blur="','"\n          class="field box-input"\n          @change="','"\n          @keydown="','"\n          ?disabled="','"\n          @focus="','"\n          ?hidden="','"\n          id="','"\n          @input="','"\n          name="','"\n          ?readonly="','"\n          ?required="','"\n          rows="1"\n          tabindex="0"\n          part="textarea"\n        >\n  ',"</textarea\n        >\n      "]);return _templateObject10_c92e33a01f2611eda0c389891c227ec8=function _templateObject10_c92e33a01f2611eda0c389891c227ec8(){return e},e}function _templateObject9_c92e33a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n              <option\n                part="select-option"\n                .id="',".",'"\n                ?selected="','"\n                .value="','"\n              >\n                ',"\n              </option>\n            "]);return _templateObject9_c92e33a01f2611eda0c389891c227ec8=function _templateObject9_c92e33a01f2611eda0c389891c227ec8(){return e},e}function _templateObject8_c92e33a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <select\n          ?autofocus="','"\n          aria-descrbedby="','"\n          aria-invalid="','"\n          @blur="','"\n          @change="','"\n          class="field"\n          ?disabled="','"\n          @focus="','"\n          ?hidden="','"\n          id="','"\n          ?multiple="','"\n          name="','"\n          ?readonly="','"\n          ?required="','"\n          tabindex="0"\n          part="select"\n        >\n          ','\n        </select>\n        <simple-icon-lite icon="arrow-drop-down"></simple-icon-lite>\n      ']);return _templateObject8_c92e33a01f2611eda0c389891c227ec8=function _templateObject8_c92e33a01f2611eda0c389891c227ec8(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject7_c92e33a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n                <div class="option inline" part="option">\n                  <label\n                    for="',".",'"\n                    class="radio-label"\n                    part="option-label"\n                    >',"</label\n                  >","\n                </div>\n              "]);return _templateObject7_c92e33a01f2611eda0c389891c227ec8=function _templateObject7_c92e33a01f2611eda0c389891c227ec8(){return e},e}function _templateObject6_c92e33a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <fieldset part="fieldset">\n          <legend\n            class="label-main"\n            ?hidden="','"\n            part="fieldset-legend"\n          >\n            ',"",'\n          </legend>\n          <div id="options" part="fieldset-options">\n            ',"\n          </div>\n          ","\n        </fieldset>\n      "]);return _templateObject6_c92e33a01f2611eda0c389891c227ec8=function _templateObject6_c92e33a01f2611eda0c389891c227ec8(){return e},e}function _templateObject5_c92e33a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <div id="fieldmeta" aria-live="polite" part="field-meta"></div>\n      ']);return _templateObject5_c92e33a01f2611eda0c389891c227ec8=function _templateObject5_c92e33a01f2611eda0c389891c227ec8(){return e},e}function _templateObject4_c92e33a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <div\n          class="','"\n          part="field-main"\n        >\n          ','\n          <div id="field-main-inner" part="field-main-inner">\n            ',"\n            ","\n            ","\n          </div>\n        </div>\n      "]);return _templateObject4_c92e33a01f2611eda0c389891c227ec8=function _templateObject4_c92e33a01f2611eda0c389891c227ec8(){return e},e}function _templateObject3_c92e33a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n                <simple-icon-lite\n                  icon="','"\n                  @click="','"\n                  part="option-icon"\n                >\n                </simple-icon-lite>\n              ']);return _templateObject3_c92e33a01f2611eda0c389891c227ec8=function _templateObject3_c92e33a01f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c92e33a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <span class="input-option" part="option-inner">\n          <input\n            ?autofocus="','"\n            aria-descrbedby="','"\n            .aria-invalid="','"\n            @blur="','"\n            @change="','"\n            ?checked="','"\n            class="field ','"\n            ?disabled="','"\n            @focus="','"\n            ?hidden="','"\n            id="','"\n            @input="','"\n            name="','"\n            .placeholder="','"\n            ?readonly="','"\n            ?required="','"\n            tabindex="0"\n            type="','"\n            value="','"\n            part="option-input"\n          />\n          ',"\n        </span>\n      "]);return _templateObject2_c92e33a01f2611eda0c389891c227ec8=function _templateObject2_c92e33a01f2611eda0c389891c227ec8(){return e},e}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject_c92e33a01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n          fieldset {\n            margin: 0;\n            padding: 0;\n            border: none;\n            background-color: transparent;\n          }\n          option {\n            border-radius: 0;\n          }\n          option[selected] {\n            background-color: var(\n              --simple-fields-faded-background-color,\n              rgba(0, 0, 0, 0.1)\n            );\n          }\n          legend {\n            padding-inline-start: unset;\n            padding-inline-end: unset;\n          }\n          #field-main-inner {\n            position: relative;\n          }\n          #options {\n            display: var(--simple-fields-radio-option-display, flex);\n            flex-wrap: var(--simple-fields-radio-option-flex-wrap, wrap);\n          }\n          .option {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: stretch;\n            justify-content: space-between;\n            margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n          }\n          .option:last-of-type {\n            margin: 0;\n          }\n          .option:focus-within label {\n            color: var(--simple-fields-accent-color, #003f7d);\n            transition: color ease-in-out;\n          }\n          :host([type]) fieldset .border-bottom {\n            display: block;\n          }\n          .box-input {\n            width: 100%;\n            padding: 2px;\n          }\n          .box-input:focus {\n            outline: none;\n          }\n          .field-main.inline {\n            align-items: center;\n          }\n          input {\n            background-color: var(--simple-fields-background-color, transparent);\n          }\n          input[type="text"] {\n            padding: 0;\n          }\n          textarea {\n            margin: 0;\n            transition: height 0.5s ease-in-out;\n            box-sizing: border-box;\n            vertical-align: bottom;\n            background-color: var(--simple-fields-background-color, transparent);\n          }\n          select.field {\n            width: calc(100% - 26px);\n            padding-right: 26px;\n            border: none;\n            background-color: var(--simple-fields-background-color, transparent);\n            border-radius: 0;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n          }\n          :host([type="select"]) simple-icon-lite {\n            position: absolute;\n            right: 0px;\n          }\n          select:focus,\n          select:focus-within {\n            outline: none;\n          }\n          :host([type="checkbox"]) span,\n          :host([type="radio"]) span {\n            position: relative;\n            flex: 1 0 auto;\n            display: flex;\n            align-items: center;\n          }\n          :host([type="checkbox"]) span:focus-within,\n          :host([type="radio"]) span:focus-within {\n            color: var(--simple-fields-accent-color, #003f7d);\n            outline: 1px dotted var(--simple-fields-accent-color, #003f7d);\n          }\n          :host([type="checkbox"]) label.checkbox-label,\n          :host([type="radio"]) label.radio-label {\n            flex: 0 0 auto;\n          }\n          :host([type="checkbox"]) input,\n          :host([type="radio"]) input,\n          .field-main.inline input[type="checkbox"].field,\n          .field-main.inline input[type="radio"].field {\n            z-index: -1;\n            opacity: 0;\n            min-width: 0;\n            width: 0;\n            margin: 0;\n            flex: 0 1 0px;\n          }\n          :host([type="checkbox"]) simple-icon-lite,\n          :host([type="radio"]) simple-icon-lite {\n            flex: 0 0 auto;\n          }\n          :host([type="checkbox"]) simple-icon-lite:hover,\n          :host([type="radio"]) simple-icon-lite:hover,\n          :host([type="checkbox"]) span:focus-within simple-icon-lite,\n          :host([type="radio"]) span:focus-within simple-icon-lite {\n            color: var(--simple-fields-accent-color, #003f7d);\n          }\n  \n          input[type="range"] {\n            width: 100%;\n            height: calc(\n              var(--simple-fields-font-size, 16px) +\n                var(--simple-fields-line-height, 22px)\n            );\n            padding: 0;\n            margin: 0;\n            box-sizing: border-box;\n            -webkit-appearance: none;\n          }\n          input[type="range"]:focus {\n            outline: none;\n          }\n          input[type="range"]::-webkit-slider-runnable-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type="range"]::-webkit-slider-runnable-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-webkit-slider-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background-color: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n            -webkit-appearance: none;\n            margin-top: -2px;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-webkit-slider-thumb,\n          input[type="range"][disabled]::-webkit-slider-thumb {\n            cursor: not-allowed;\n          }\n          input[type="range"]:focus::-webkit-slider-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type="range"]::-webkit-slider-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-webkit-slider-thumb,\n          input[type="range"][disabled]::-webkit-slider-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-moz-range-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-moz-range-track,\n          input[type="range"][disabled]::-moz-range-track {\n            cursor: not-allowed;\n          }\n          :host([error]) input[type="range"]::-moz-range-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-moz-range-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]:focus::-moz-range-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n            transition: all 0.5ms ease-in-out;\n          }\n          :host([error]) input[type="range"]::-moz-range-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-moz-range-thumb,\n          input[type="range"][disabled]::-moz-range-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-ms-track {\n            width: 100%;\n            height: 16px;\n            cursor: pointer;\n            background: transparent;\n            border-color: transparent;\n            color: transparent;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][readonly]::-ms-track,\n          input[type="range"][disabled]::-ms-track {\n            cursor: not-allowed;\n          }\n          :host([error]) input[type="range"]::-ms-track {\n            background: var(--simple-fields-faded-error-color, #ffc0c0);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]::-ms-fill-lower {\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n          }\n          input[type="range"]::-ms-fill-upper {\n            background: var(--simple-fields-border-color-light, #ccc);\n            border-radius: 8px;\n          }\n          input[type="range"]::-ms-thumb {\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background: var(--simple-fields-background-color, transparent);\n            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);\n            cursor: pointer;\n          }\n          input[type="range"][readonly]::-ms-thumb,\n          input[type="range"][disabled]::-ms-thumb {\n            cursor: not-allowed;\n          }\n          input[type="range"]:focus::-ms-thumb {\n            background: var(--simple-fields-accent-color, #3f51b5);\n          }\n          :host([error]) input[type="range"]::-ms-thumb {\n            background: var(--simple-fields-error-color, #b40000);\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"][redonly]::-ms-thumb,\n          input[type="range"][disabled]::-ms-thumb {\n            background: var(--simple-fields-border-color, #999);\n            cursor: not-allowed;\n            box-shadow: none;\n            transition: all 0.5ms ease-in-out;\n          }\n          input[type="range"]:focus::-ms-fill-lower {\n            background: var(--simple-fields-border-color-light, #ccc);\n          }\n          input[type="range"]:focus::-ms-fill-upper {\n            background: var(--simple-fields-border-color-light, #ccc);\n          }\n        ']);return _templateObject_c92e33a01f2611eda0c389891c227ec8=function _templateObject_c92e33a01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var i=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(i){var r=Object.getOwnPropertyDescriptor(i,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-icon/simple-icon.js");var n=function SimpleFieldsFieldBehaviors(n){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).autocomplete="off",e.autofocus=!1,e.multiple=!1,e.readonly=!1,e.spellcheck=!1,e.itemsList=[],e.options={},e.wrap=!1,e}return _inherits(_class,t),_createClass(_class,[{key:"render",value:function render(){return this.hasFieldset?this.fieldsetTemplate:_get(_getPrototypeOf(_class.prototype),"render",this).call(this)}}],[{key:"tag",get:function get(){return"simple-fields-field"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"styles",this)),[(0,e.css)(_templateObject_c92e33a01f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{accept:{type:String},autocomplete:{type:String},autofocus:{type:Boolean},capture:{type:String},counter:{type:String},dirname:{type:String},itemsList:{type:Array,attribute:"items-list"},list:{type:String},max:{type:Number},maxlength:{type:Number},min:{type:Number},minlength:{type:Number},multiple:{type:Boolean},options:{type:Object},placeholder:{type:String},size:{type:Number},spellcheck:{type:String},step:{type:Number},value:{reflect:!0},wrap:{type:Boolean}})}}]),_createClass(_class,[{key:"updated",value:function updated(e){var t=this;this.field||this._updateField(),e.forEach((function(e,n){"id"!==n||t.id||(t.id=t._generateUUID()),t._getAttributes(t.type).includes(n)&&t._updateAttribute(n),"value"===n&&t.value!==e&&(t.field.value!==t.value&&(t.field.value=t.value),t._fireValueChanged()),["counter","maxlength","type"].includes(n)&&["text","textarea"].includes(t.type)&&t._updateCount(),("type"===n&&t.type!==e||["itemsList","options"].includes(n))&&t._updateField()}))}},{key:"_handleIconClick",value:function _handleIconClick(e,t){this.value=t?"radio"===this.type&&e?void 0:"radio"===this.type?(t||{}).value:e?(this.value||[]).filter((function(e){return e!==t.value})):[].concat(_toConsumableArray(this.value||[]),[(t||{}).value]):!e,this.multicheck&&this.autovalidate&&(this.error=!1,this.validate())}},{key:"getOptionIcon",value:function getOptionIcon(e){return e&&"checkbox"===this.type?"icons:check-box":"checkbox"===this.type?"icons:check-box-outline-blank":e?"icons:radio-button-checked":"icons:radio-button-unchecked"}},{key:"getInput",value:function getInput(t){var n=this,i=t?"radio"===this.type?this.value===(t||{}).value:(this.value||[]).includes((t||{}).value):!!this.value,r=this.getOptionIcon(i);return(0,e.html)(_templateObject2_c92e33a01f2611eda0c389891c227ec8(),this.autofocus,this.describedBy||"",this.error?"true":"false",this._onFocusout,this._handleFieldChange,i,["checkbox","color","file","radio","range"].includes(this.type)?"":"box-input",this.disabled,this._onFocusin,this.hidden,t?t.value:this.id,this._handleFieldChange,this.id,this.placeholder||"",this.readonly,this.required,this.type,t?(t||{}).value:this.value,"checkbox"!==this.type&&"radio"!==this.type?"":(0,e.html)(_templateObject3_c92e33a01f2611eda0c389891c227ec8(),r,(function(e){return n._handleIconClick(i,t)})))}},{key:"_fireValueChanged",value:function _fireValueChanged(){this.dispatchEvent(new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_handleFieldChange",value:function _handleFieldChange(e){_get(_getPrototypeOf(_class.prototype),"_handleFieldChange",this).call(this),this.multicheck&&this.autovalidate&&(this.error=!1,this.validate())}},{key:"_getAttributes",value:function _getAttributes(e){return{checkbox:["autocomplete","form","list"],color:["autocomplete","form","list"],date:["autocomplete","form","list","max","min","step"],"datetime-local":["form","list","max","min","step"],email:["autocomplete","form","list","placeholder"],file:["autocomplete","accept","capture","form","list"],hidden:["autocomplete","form"],month:["autocomplete","form","list","max","min","step"],number:["autocomplete","form","list","max","min","step"],password:["autocomplete","form","list","maxlength","maxlength","pattern","placeholder"],radio:["autocomplete","form","list"],range:["autocomplete","form","list","max","min","step"],search:["autocomplete","dirname","form","list","maxlength","maxlength","placeholder"],select:["autocomplete","form","list","size"],tel:["autocomplete","form","list","maxlength","maxlength","pattern","placeholder"],text:["autocomplete","dirname","form","list","maxlength","maxlength","pattern","placeholder"],textarea:["autocomplete","autocomplete","form","maxlength","maxlength","placeholder","spellcheck","wrap"],time:["autocomplete","form","list","max","min","step"],url:["autocomplete","form","list","maxlength","maxlength","placeholder"],week:["autocomplete","form","list","max","min","step"]}[e]}},{key:"_getFieldsetValue",value:function _getFieldsetValue(){return this.value}},{key:"_observeAndListen",value:function _observeAndListen(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];e?this.addEventListener("click",this.focus):this.removeEventListener("click",this.focus)}},{key:"_updateAttribute",value:function _updateAttribute(e){this.field&&this[e]!==this.field.getAttribute(e)&&(this[e]?this.field.setAttribute(e,this[e]):this.field.removeAttribute(e,this[e]))}},{key:"_updateField",value:function _updateField(){var e=this;this.type=this._getValidType(this.type),this.field=this.shadowRoot&&this.shadowRoot.querySelector(this.fieldElementTag)?this.shadowRoot.querySelector(this.fieldElementTag):void 0,this._getAttributes(this.type).forEach((function(t){return e._updateAttribute(t)})),"select"!==this.type&&this.field&&this._updateAttribute("value"),this.field&&this.__delayedFocus&&this.focus()}},{key:"hasFieldset",get:function get(){return("radio"===this.type||"checkbox"===this.type)&&!this.noOptions}},{key:"fieldElementTag",get:function get(){return"select"===this.type||"text"===this.type&&!this.noOptions?"select":"textarea"===this.type?"textarea":this.hasFieldset?"fieldset":"input"}},{key:"fieldMainTemplate",get:function get(){return(0,e.html)(_templateObject4_c92e33a01f2611eda0c389891c227ec8(),this.inline||["checkbox","color","radio"].includes(this.type||"text")?"field-main inline":"field-main",this.labelTemplate,this.prefixTemplate,"input"===this.fieldElementTag?this.inputTemplate:"select"===this.fieldElementTag?this.selectTemplate:"textarea"===this.fieldElementTag?this.textareaTemplate:"",this.suffixTemplate)}},{key:"fieldMeta",get:function get(){return(0,e.html)(_templateObject5_c92e33a01f2611eda0c389891c227ec8())}},{key:"fieldsetTemplate",get:function get(){var t=this;return(0,e.html)(_templateObject6_c92e33a01f2611eda0c389891c227ec8(),!this.label,this.label,this.error||this.required?"*":"",(this.sortedOptions||[]).map((function(n){return(0,e.html)(_templateObject7_c92e33a01f2611eda0c389891c227ec8(),t.id,n.value,n.text,t.getInput(n))})),this.fieldBottom)}},{key:"inputTemplate",get:function get(){return this.getInput()}},{key:"multicheck",get:function get(){return this.hasFieldset}},{key:"noOptions",get:function get(){return this.itemsList.length<1&&Object.keys(this.options||{}).length<1}},{key:"numberError",get:function get(){var e=!!this._getFieldValue()&&this._getFieldValue().length,t=!("select"!==this.type&&!this.multicheck)&&this.min,n=!("select"!==this.type&&!this.multicheck)&&this.max;return n&&e&&n<e?n-e:!!(t&&e&&t>e)&&t-e}},{key:"sortedOptions",get:function get(){var e=this,t=(this.itemsList||[]).map((function(e,t){return"object"===_typeof(e)?e:{value:e,text:e}}));return Object.keys(this.options||{}).sort((function(e,t){return e>t?1:-1})).forEach((function(n){return t.push({value:n,text:e.options[n]})})),t}},{key:"selectTemplate",get:function get(){var t=this;return(0,e.html)(_templateObject8_c92e33a01f2611eda0c389891c227ec8(),this.autofocus,this.describedBy,this.error?"true":"false",this._onFocusout,this._handleFieldChange,this.disabled,this._onFocusin,this.hidden,this.id,this.multiple,this.id,this.readonly,this.required,(this.sortedOptions||[]).map((function(n){return(0,e.html)(_templateObject9_c92e33a01f2611eda0c389891c227ec8(),t.id,n.value,t.multiple?t.value&&t.value.includes(n.value):t.value===n.value,n.value,n.text)})))}},{key:"slottedFieldObserver",get:function get(){}},{key:"textareaTemplate",get:function get(){return(0,e.html)(_templateObject10_c92e33a01f2611eda0c389891c227ec8(),this.error?"true":"false",this.autofocus,this._onFocusout,this._handleFieldChange,(function(e){return e.stopPropagation()}),this.disabled,this._onFocusin,this.hidden,this.id,this._handleFieldChange,this.id,this.readonly,this.required,this.value||"")}}]),_class}((0,t.SimpleFieldsContainerBehaviors)(n))};exports.SimpleFieldsFieldBehaviors=n;var i=function(t){function SimpleFieldsField(){return _classCallCheck(this,SimpleFieldsField),_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsField).apply(this,arguments))}return _inherits(SimpleFieldsField,n(e.LitElement)),SimpleFieldsField}();exports.SimpleFieldsField=i,window.customElements.define(i.tag,i);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-fieldset.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-fieldset.dev.js
index 9d49bb90446..e9b49c21f4c 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-fieldset.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-fieldset.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsFieldsetBehaviors=exports.SimpleFieldsFieldset=void 0;var e=require("lit"),t=require("./simple-fields-ui.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject5_f22b60a01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          :host(:last-of-type) {\n            margin-bottom: 0;\n          }\n        "]);return _templateObject5_f22b60a01f0511ed8cc3e9a95995ad69=function _templateObject5_f22b60a01f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject4_f22b60a01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <div id="item-fields" part="fields">\n          <slot></slot>\n        </div>\n      ']);return _templateObject4_f22b60a01f0511ed8cc3e9a95995ad69=function _templateObject4_f22b60a01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_f22b60a01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <div id="description" ?hidden="','" part="description">\n          ',"\n        </div>\n      "]);return _templateObject3_f22b60a01f0511ed8cc3e9a95995ad69=function _templateObject3_f22b60a01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_f22b60a01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <legend id="label" ?hidden="','" part="legend">\n          ',"","\n        </legend>\n      "]);return _templateObject2_f22b60a01f0511ed8cc3e9a95995ad69=function _templateObject2_f22b60a01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_f22b60a01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <fieldset part="fieldset">\n          '," "," ","\n        </fieldset>\n      "]);return _templateObject_f22b60a01f0511ed8cc3e9a95995ad69=function _templateObject_f22b60a01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function SimpleFieldsFieldsetBehaviors(r){return function(r){function _class(){return _classCallCheck(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).apply(this,arguments))}return _inherits(_class,r),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject_f22b60a01f0511ed8cc3e9a95995ad69(),this.legend,this.desc,this.fields)}},{key:"legend",get:function get(){return(0,e.html)(_templateObject2_f22b60a01f0511ed8cc3e9a95995ad69(),!this.label,this.label,this.error?"*":"")}},{key:"desc",get:function get(){return(0,e.html)(_templateObject3_f22b60a01f0511ed8cc3e9a95995ad69(),!this.description,this.description)}},{key:"fields",get:function get(){return(0,e.html)(_templateObject4_f22b60a01f0511ed8cc3e9a95995ad69())}}],[{key:"tag",get:function get(){return"simple-fields-fieldset"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.SimpleFieldsBaseStyles),_toConsumableArray(t.SimpleFieldsFieldsetStyles),_toConsumableArray(t.SimpleFieldsDescriptionStyles),[(0,e.css)(_templateObject5_f22b60a01f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return{disabled:{type:Boolean,reflect:!0},error:{type:Boolean,reflect:!0},hidden:{type:Boolean,reflect:!0},readonly:{type:Boolean,reflect:!0},label:{type:String,reflect:!0},name:{type:String,reflect:!0,attribute:"name"},description:{type:String}}}}]),_class}(r)};exports.SimpleFieldsFieldsetBehaviors=r;var n=function(t){function SimpleFieldsFieldset(){return _classCallCheck(this,SimpleFieldsFieldset),_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsFieldset).apply(this,arguments))}return _inherits(SimpleFieldsFieldset,r(e.LitElement)),SimpleFieldsFieldset}();exports.SimpleFieldsFieldset=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsFieldsetBehaviors=exports.SimpleFieldsFieldset=void 0;var e=require("lit"),t=require("./simple-fields-ui.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject5_c92f1e001f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          :host(:last-of-type) {\n            margin-bottom: 0;\n          }\n        "]);return _templateObject5_c92f1e001f2611eda0c389891c227ec8=function _templateObject5_c92f1e001f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject4_c92f1e001f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <div id="item-fields" part="fields">\n          <slot></slot>\n        </div>\n      ']);return _templateObject4_c92f1e001f2611eda0c389891c227ec8=function _templateObject4_c92f1e001f2611eda0c389891c227ec8(){return e},e}function _templateObject3_c92f1e001f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <div id="description" ?hidden="','" part="description">\n          ',"\n        </div>\n      "]);return _templateObject3_c92f1e001f2611eda0c389891c227ec8=function _templateObject3_c92f1e001f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c92f1e001f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <legend id="label" ?hidden="','" part="legend">\n          ',"","\n        </legend>\n      "]);return _templateObject2_c92f1e001f2611eda0c389891c227ec8=function _templateObject2_c92f1e001f2611eda0c389891c227ec8(){return e},e}function _templateObject_c92f1e001f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <fieldset part="fieldset">\n          '," "," ","\n        </fieldset>\n      "]);return _templateObject_c92f1e001f2611eda0c389891c227ec8=function _templateObject_c92f1e001f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function SimpleFieldsFieldsetBehaviors(r){return function(r){function _class(){return _classCallCheck(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).apply(this,arguments))}return _inherits(_class,r),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c92f1e001f2611eda0c389891c227ec8(),this.legend,this.desc,this.fields)}},{key:"legend",get:function get(){return(0,e.html)(_templateObject2_c92f1e001f2611eda0c389891c227ec8(),!this.label,this.label,this.error?"*":"")}},{key:"desc",get:function get(){return(0,e.html)(_templateObject3_c92f1e001f2611eda0c389891c227ec8(),!this.description,this.description)}},{key:"fields",get:function get(){return(0,e.html)(_templateObject4_c92f1e001f2611eda0c389891c227ec8())}}],[{key:"tag",get:function get(){return"simple-fields-fieldset"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(t.SimpleFieldsBaseStyles),_toConsumableArray(t.SimpleFieldsFieldsetStyles),_toConsumableArray(t.SimpleFieldsDescriptionStyles),[(0,e.css)(_templateObject5_c92f1e001f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return{disabled:{type:Boolean,reflect:!0},error:{type:Boolean,reflect:!0},hidden:{type:Boolean,reflect:!0},readonly:{type:Boolean,reflect:!0},label:{type:String,reflect:!0},name:{type:String,reflect:!0,attribute:"name"},description:{type:String}}}}]),_class}(r)};exports.SimpleFieldsFieldsetBehaviors=r;var n=function(t){function SimpleFieldsFieldset(){return _classCallCheck(this,SimpleFieldsFieldset),_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsFieldset).apply(this,arguments))}return _inherits(SimpleFieldsFieldset,r(e.LitElement)),SimpleFieldsFieldset}();exports.SimpleFieldsFieldset=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form-lite.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form-lite.dev.js
index c5cb2fc7ce2..0e0e069eb46 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form-lite.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form-lite.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsFormLite=void 0;var e=require("lit");require("./simple-fields-lite.js"),require("../simple-fields.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_f22d35601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);return _templateObject2_f22d35601f0511ed8cc3e9a95995ad69=function _templateObject2_f22d35601f0511ed8cc3e9a95995ad69(){return e},e}function _slicedToArray(e,t){return function _arrayWithHoles(e){if(Array.isArray(e))return e}(e)||function _iterableToArrayLimit(e,t){if(!(Symbol.iterator in Object(e))&&"[object Arguments]"!==Object.prototype.toString.call(e))return;var r=[],o=!0,n=!1,a=void 0;try{for(var i,s=e[Symbol.iterator]();!(o=(i=s.next()).done)&&(r.push(i.value),!t||r.length!==t);o=!0);}catch(e){n=!0,a=e}finally{try{o||null==s.return||s.return()}finally{if(n)throw a}}return r}(e,t)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function _templateObject_f22d35601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <form part="form">\n        <slot name="before"></slot>\n        <simple-fields-lite\n          id="sf"\n          .autofocus="','"\n          .language="','"\n          .resources="','"\n          .schema="','"\n          .elementizer="','"\n          .value="','"\n          @value-changed="','"\n          part="fields"\n        >\n        </simple-fields-lite>\n        <slot name="after"></slot>\n        <slot></slot>\n      </form>\n    ']);return _templateObject_f22d35601f0511ed8cc3e9a95995ad69=function _templateObject_f22d35601f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var t=function(t){function SimpleFieldsFormLite(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsFormLite),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsFormLite).call(this)))._setFieldProperties(),e._setFormProperties(),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsFormLite,e.LitElement),_createClass(SimpleFieldsFormLite,[{key:"render",value:function render(){return(0,e.html)(_templateObject_f22d35601f0511ed8cc3e9a95995ad69(),!this.disableAutofocus,this.language,this.resources,this.schema,this.elementizer,this.value,this._valueChanged)}},{key:"_valueChanged",value:function _valueChanged(e){this.value=e.detail.value}},{key:"setValue",value:function setValue(e){this.value=e}},{key:"firstUpdated",value:function firstUpdated(e){var t=this;e.forEach((function(e,r){"loadEndpoint"===r&&t.autoload&&t.loadData()}))}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,r){!t.autoload||t.loadResponse||t.loading||"loadEndpoint"!==r&&"autoload"!==r||t.loadData(),"loadResponse"===r&&t.loadResponse.data&&(t._applyLoadedData(),t.dispatchEvent(new CustomEvent("response",{bubbles:!0,composed:!0,cancelable:!1,detail:t.loadResponse})))}))}},{key:"_applyLoadedData",value:function _applyLoadedData(){this.loadResponse.data.schema&&(this.schema=this.loadResponse.data.schema),this.loadResponse.data.value&&(this.value=this.loadResponse.data.value)}},{key:"loadData",value:function loadData(){var e=this;this.loading=!0,this.fetchData(this.loadEndpoint,this.method,this.headers,this.body).then((function(t){e.loading=!1,e.loadResponse=t,e.dispatchEvent(new CustomEvent("simple-fields-form-data-loaded",{detail:{value:t}}))}))}},{key:"fetchData",value:function fetchData(e,t,r,o){var n,a;return regeneratorRuntime.async((function fetchData$(i){for(;;)switch(i.prev=i.next){case 0:if(n={},"GET"!=t){i.next=8;break}return o&&(e+="?"+Object.entries(o).map((function(e){var t=_slicedToArray(e,2),r=t[0],o=t[1];return"".concat(encodeURIComponent(r),"=").concat(encodeURIComponent(o))})).join("&")),i.next=5,regeneratorRuntime.awrap(fetch(e,{method:t,headers:r}));case 5:n=i.sent,i.next=11;break;case 8:return i.next=10,regeneratorRuntime.awrap(fetch(e,{method:t,headers:r,body:JSON.stringify(o)}));case 10:n=i.sent;case 11:return i.next=13,regeneratorRuntime.awrap(n.json());case 13:return a=i.sent,i.abrupt("return",a);case 15:case"end":return i.stop()}}))}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_f22d35601f0511ed8cc3e9a95995ad69())]}},{key:"tag",get:function get(){return"simple-fields-form-lite"}}]),_createClass(SimpleFieldsFormLite,[{key:"_setFieldProperties",value:function _setFieldProperties(){this.disableAutofocus=!1,this.language="en",this.resources={},this.schema={},this.value={}}},{key:"_setFormProperties",value:function _setFormProperties(){this.method="POST",this.loading=!1,this.autoload=!1,this.headers={Accept:"application/json","Content-Type":"application/json"},this.body={}}},{key:"submit",value:function submit(){var e=this.shadowRoot.querySelector("#sf");return this.saveEndpoint&&fetch(this.saveEndpoint,{method:this.method,headers:this.headers,body:JSON.stringify(e.value)}),e.value}},{key:"formFields",get:function get(){return this.shadowRoot&&this.shadowRoot.querySelector&&this.shadowRoot.querySelector("#sf")?this.shadowRoot.querySelector("#sf"):void 0}},{key:"formElements",get:function get(){return this.formFields?this.formFields.formElements:{}}},{key:"formElementsArray",get:function get(){return this.formFields?this.formFields.formElementsArray:[]}}],[{key:"fieldProperties",get:function get(){return{disableAutofocus:{type:Boolean},error:{type:Object},language:{type:String,attribute:"lang",reflect:!0},resources:{type:Object},schema:{type:Object},schemaConversion:{type:Object,attribute:"schema-conversion"},value:{type:Object}}}},{key:"formProperties",get:function get(){return{autoload:{type:Boolean,reflect:!0},loading:{type:Boolean,reflect:!0},loadEndpoint:{type:String,attribute:"load-endpoint"},saveEndpoint:{type:String,attribute:"save-endpoint"},method:{type:String},headers:{type:Object},body:{type:Object},loadResponse:{type:Object}}}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},this.fieldProperties,{},this.formProperties)}}]),SimpleFieldsFormLite}();exports.SimpleFieldsFormLite=t,window.customElements.define(t.tag,t);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsFormLite=void 0;var e=require("lit");require("./simple-fields-lite.js"),require("../simple-fields.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_c930cbb01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);return _templateObject2_c930cbb01f2611eda0c389891c227ec8=function _templateObject2_c930cbb01f2611eda0c389891c227ec8(){return e},e}function _slicedToArray(e,t){return function _arrayWithHoles(e){if(Array.isArray(e))return e}(e)||function _iterableToArrayLimit(e,t){if(!(Symbol.iterator in Object(e))&&"[object Arguments]"!==Object.prototype.toString.call(e))return;var r=[],o=!0,n=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(o=(a=s.next()).done)&&(r.push(a.value),!t||r.length!==t);o=!0);}catch(e){n=!0,i=e}finally{try{o||null==s.return||s.return()}finally{if(n)throw i}}return r}(e,t)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function _templateObject_c930cbb01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <form part="form">\n        <slot name="before"></slot>\n        <simple-fields-lite\n          id="sf"\n          .autofocus="','"\n          .language="','"\n          .resources="','"\n          .schema="','"\n          .elementizer="','"\n          .value="','"\n          @value-changed="','"\n          part="fields"\n        >\n        </simple-fields-lite>\n        <slot name="after"></slot>\n        <slot></slot>\n      </form>\n    ']);return _templateObject_c930cbb01f2611eda0c389891c227ec8=function _templateObject_c930cbb01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var t=function(t){function SimpleFieldsFormLite(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsFormLite),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsFormLite).call(this)))._setFieldProperties(),e._setFormProperties(),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsFormLite,e.LitElement),_createClass(SimpleFieldsFormLite,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c930cbb01f2611eda0c389891c227ec8(),!this.disableAutofocus,this.language,this.resources,this.schema,this.elementizer,this.value,this._valueChanged)}},{key:"_valueChanged",value:function _valueChanged(e){this.value=e.detail.value}},{key:"setValue",value:function setValue(e){this.value=e}},{key:"firstUpdated",value:function firstUpdated(e){var t=this;e.forEach((function(e,r){"loadEndpoint"===r&&t.autoload&&t.loadData()}))}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,r){!t.autoload||t.loadResponse||t.loading||"loadEndpoint"!==r&&"autoload"!==r||t.loadData(),"loadResponse"===r&&t.loadResponse.data&&(t._applyLoadedData(),t.dispatchEvent(new CustomEvent("response",{bubbles:!0,composed:!0,cancelable:!1,detail:t.loadResponse})))}))}},{key:"_applyLoadedData",value:function _applyLoadedData(){this.loadResponse.data.schema&&(this.schema=this.loadResponse.data.schema),this.loadResponse.data.value&&(this.value=this.loadResponse.data.value)}},{key:"loadData",value:function loadData(){var e=this;this.loading=!0,this.fetchData(this.loadEndpoint,this.method,this.headers,this.body).then((function(t){e.loading=!1,e.loadResponse=t,e.dispatchEvent(new CustomEvent("simple-fields-form-data-loaded",{detail:{value:t}}))}))}},{key:"fetchData",value:function fetchData(e,t,r,o){var n,i;return regeneratorRuntime.async((function fetchData$(a){for(;;)switch(a.prev=a.next){case 0:if(n={},"GET"!=t){a.next=8;break}return o&&(e+="?"+Object.entries(o).map((function(e){var t=_slicedToArray(e,2),r=t[0],o=t[1];return"".concat(encodeURIComponent(r),"=").concat(encodeURIComponent(o))})).join("&")),a.next=5,regeneratorRuntime.awrap(fetch(e,{method:t,headers:r}));case 5:n=a.sent,a.next=11;break;case 8:return a.next=10,regeneratorRuntime.awrap(fetch(e,{method:t,headers:r,body:JSON.stringify(o)}));case 10:n=a.sent;case 11:return a.next=13,regeneratorRuntime.awrap(n.json());case 13:return i=a.sent,a.abrupt("return",i);case 15:case"end":return a.stop()}}))}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_c930cbb01f2611eda0c389891c227ec8())]}},{key:"tag",get:function get(){return"simple-fields-form-lite"}}]),_createClass(SimpleFieldsFormLite,[{key:"_setFieldProperties",value:function _setFieldProperties(){this.disableAutofocus=!1,this.language="en",this.resources={},this.schema={},this.value={}}},{key:"_setFormProperties",value:function _setFormProperties(){this.method="POST",this.loading=!1,this.autoload=!1,this.headers={Accept:"application/json","Content-Type":"application/json"},this.body={}}},{key:"submit",value:function submit(){var e=this.shadowRoot.querySelector("#sf");return this.saveEndpoint&&fetch(this.saveEndpoint,{method:this.method,headers:this.headers,body:JSON.stringify(e.value)}),e.value}},{key:"formFields",get:function get(){return this.shadowRoot&&this.shadowRoot.querySelector&&this.shadowRoot.querySelector("#sf")?this.shadowRoot.querySelector("#sf"):void 0}},{key:"formElements",get:function get(){return this.formFields?this.formFields.formElements:{}}},{key:"formElementsArray",get:function get(){return this.formFields?this.formFields.formElementsArray:[]}}],[{key:"fieldProperties",get:function get(){return{disableAutofocus:{type:Boolean},error:{type:Object},language:{type:String,attribute:"lang",reflect:!0},resources:{type:Object},schema:{type:Object},schemaConversion:{type:Object,attribute:"schema-conversion"},value:{type:Object}}}},{key:"formProperties",get:function get(){return{autoload:{type:Boolean,reflect:!0},loading:{type:Boolean,reflect:!0},loadEndpoint:{type:String,attribute:"load-endpoint"},saveEndpoint:{type:String,attribute:"save-endpoint"},method:{type:String},headers:{type:Object},body:{type:Object},loadResponse:{type:Object}}}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},this.fieldProperties,{},this.formProperties)}}]),SimpleFieldsFormLite}();exports.SimpleFieldsFormLite=t,window.customElements.define(t.tag,t);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form.dev.js
index 6300e0e37dd..a82db72fdfc 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-form.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsForm=void 0;var e=require("lit"),t=require("./simple-fields-form-lite.js"),r=require("../simple-fields.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject_f22ee3101f0511ed8cc3e9a95995ad69(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(['\n      <form part="form">\n        <slot name="before"></slot>\n        <simple-fields\n          id="sf"\n          .autofocus="','"\n          ?watchColorPrefs="','"\n          language="','"\n          .resources="','"\n          .schema="','"\n          .fields="','"\n          .schematizer="','"\n          .elementizer="','"\n          .value="','"\n          @value-changed="','"\n          part="fields"\n        >\n        </simple-fields>\n        <slot></slot>\n      </form>\n    ']);return _templateObject_f22ee3101f0511ed8cc3e9a95995ad69=function _templateObject_f22ee3101f0511ed8cc3e9a95995ad69(){return e},e}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function SimpleFieldsForm(){return _classCallCheck(this,SimpleFieldsForm),_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsForm).apply(this,arguments))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsForm,t.SimpleFieldsFormLite),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(SimpleFieldsForm,[{key:"render",value:function render(){return(0,e.html)(_templateObject_f22ee3101f0511ed8cc3e9a95995ad69(),!this.disableAutofocus,this.watchColorPrefs,this.language||"",this.resources,this.schema,this.fields,this.fieldsConversion,this.elementizer,this.value,this._valueChanged)}},{key:"_applyLoadedData",value:function _applyLoadedData(){this.loadResponse.data.schema?this.schema=this.loadResponse.data.schema:this.loadResponse.data.fields&&(this.fields=this.loadResponse.data.fields),this.loadResponse.data.value&&(this.value=this.loadResponse.data.value)}},{key:"defaultSchemaConversion",get:function get(){return r.SimpleFields.defaultSchemaConversion}}],[{key:"tag",get:function get(){return"simple-fields-form"}},{key:"fieldProperties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsForm),"fieldProperties",this),{fields:{type:"Array"},fieldsConversion:{type:"Object",attribute:"fields-conversion"}})}}]),SimpleFieldsForm}();exports.SimpleFieldsForm=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsForm=void 0;var e=require("lit"),t=require("./simple-fields-form-lite.js"),r=require("../simple-fields.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject_c93252501f2611eda0c389891c227ec8(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(['\n      <form part="form">\n        <slot name="before"></slot>\n        <simple-fields\n          id="sf"\n          .autofocus="','"\n          ?watchColorPrefs="','"\n          language="','"\n          .resources="','"\n          .schema="','"\n          .fields="','"\n          .schematizer="','"\n          .elementizer="','"\n          .value="','"\n          @value-changed="','"\n          part="fields"\n        >\n        </simple-fields>\n        <slot></slot>\n      </form>\n    ']);return _templateObject_c93252501f2611eda0c389891c227ec8=function _templateObject_c93252501f2611eda0c389891c227ec8(){return e},e}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function SimpleFieldsForm(){return _classCallCheck(this,SimpleFieldsForm),_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsForm).apply(this,arguments))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsForm,t.SimpleFieldsFormLite),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(SimpleFieldsForm,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c93252501f2611eda0c389891c227ec8(),!this.disableAutofocus,this.watchColorPrefs,this.language||"",this.resources,this.schema,this.fields,this.fieldsConversion,this.elementizer,this.value,this._valueChanged)}},{key:"_applyLoadedData",value:function _applyLoadedData(){this.loadResponse.data.schema?this.schema=this.loadResponse.data.schema:this.loadResponse.data.fields&&(this.fields=this.loadResponse.data.fields),this.loadResponse.data.value&&(this.value=this.loadResponse.data.value)}},{key:"defaultSchemaConversion",get:function get(){return r.SimpleFields.defaultSchemaConversion}}],[{key:"tag",get:function get(){return"simple-fields-form"}},{key:"fieldProperties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsForm),"fieldProperties",this),{fields:{type:"Array"},fieldsConversion:{type:"Object",attribute:"fields-conversion"}})}}]),SimpleFieldsForm}();exports.SimpleFieldsForm=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tabs.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tabs.dev.js
index 4d23e317d5b..994cde0c9f7 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tabs.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tabs.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsTabs=void 0;var e=require("lit"),t=require("./simple-fields-fieldset.js"),r=require("@lrnwebcomponents/a11y-tabs/a11y-tabs.js");require("./simple-fields-tab.js");var o=require("./simple-fields-ui.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_f230dee01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          border: 1px solid var(--simple-fields-border-color-light, #ccc);\n          padding: var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin, 16px);\n          background-color: var(--simple-fields-background-color, transparent);\n          border-radius: var(--simple-fields-border-radius, 2px);\n        }\n        :host([error]) #tabs .error {\n          color: var(--simple-fields-error-color, #b40000);\n          transition: border 0.5s ease;\n        }\n      "]);return _templateObject2_f230dee01f0511ed8cc3e9a95995ad69=function _templateObject2_f230dee01f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_f230dee01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <span class="label','" part="tab-label"\n        >',"","</span\n      >\n    "]);return _templateObject_f230dee01f0511ed8cc3e9a95995ad69=function _templateObject_f230dee01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var n=function(n){function SimpleFieldsTabs(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsTabs),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsTabs).call(this))).fullWidth=!0,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsTabs,r.A11yTabs),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(SimpleFieldsTabs,[{key:"_tabLabel",value:function _tabLabel(t){return(0,e.html)(_templateObject_f230dee01f0511ed8cc3e9a95995ad69(),t.error?" error":"",t.label,t.error?"*":"")}},{key:"tabQuery",get:function get(){return"simple-fields-tab"}}],[{key:"tag",get:function get(){return"simple-fields-tabs"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(this.A11yTabsCoreStyles),_toConsumableArray(o.SimpleFieldsButtonStyles),[(0,e.css)(_templateObject2_f230dee01f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsTabs),"properties",this),{},t.SimpleFieldsFieldsetBehaviors.properties)}}]),SimpleFieldsTabs}();exports.SimpleFieldsTabs=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsTabs=void 0;var e=require("lit"),t=require("./simple-fields-fieldset.js"),r=require("@lrnwebcomponents/a11y-tabs/a11y-tabs.js");require("./simple-fields-tab.js");var o=require("./simple-fields-ui.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject2_c93427101f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          border: 1px solid var(--simple-fields-border-color-light, #ccc);\n          padding: var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin, 16px);\n          background-color: var(--simple-fields-background-color, transparent);\n          border-radius: var(--simple-fields-border-radius, 2px);\n        }\n        :host([error]) #tabs .error {\n          color: var(--simple-fields-error-color, #b40000);\n          transition: border 0.5s ease;\n        }\n      "]);return _templateObject2_c93427101f2611eda0c389891c227ec8=function _templateObject2_c93427101f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_c93427101f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <span class="label','" part="tab-label"\n        >',"","</span\n      >\n    "]);return _templateObject_c93427101f2611eda0c389891c227ec8=function _templateObject_c93427101f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var n=function(n){function SimpleFieldsTabs(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsTabs),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsTabs).call(this))).fullWidth=!0,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsTabs,r.A11yTabs),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(SimpleFieldsTabs,[{key:"_tabLabel",value:function _tabLabel(t){return(0,e.html)(_templateObject_c93427101f2611eda0c389891c227ec8(),t.error?" error":"",t.label,t.error?"*":"")}},{key:"tabQuery",get:function get(){return"simple-fields-tab"}}],[{key:"tag",get:function get(){return"simple-fields-tabs"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(this.A11yTabsCoreStyles),_toConsumableArray(o.SimpleFieldsButtonStyles),[(0,e.css)(_templateObject2_c93427101f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsTabs),"properties",this),{},t.SimpleFieldsFieldsetBehaviors.properties)}}]),SimpleFieldsTabs}();exports.SimpleFieldsTabs=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tag-list.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tag-list.dev.js
index 6189463ead1..8c7fc6fd6e8 100755
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tag-list.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-tag-list.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsTagList=void 0;var e=require("lit"),t=require("./simple-fields-field.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject4_f23376f01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n            <simple-tag\n              cancel-button\n              .data=",'\n              value="','"\n              accent-color="','"\n              @simple-tag-clicked="','"\n            ></simple-tag>\n          ']);return _templateObject4_f23376f01f0511ed8cc3e9a95995ad69=function _templateObject4_f23376f01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_f23376f01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n      ",'\n      <slot name="taglist">\n        ',"\n      </slot>\n    "]);return _templateObject3_f23376f01f0511ed8cc3e9a95995ad69=function _templateObject3_f23376f01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_f23376f01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <span class="input-option" part="option-inner">\n        <input\n          @keydown="','"\n          @keyup="','"\n          ?autofocus="','"\n          aria-descrbedby="','"\n          .aria-invalid="','"\n          @blur="','"\n          @change="','"\n          class="field box-input"\n          ?disabled="','"\n          @focus="','"\n          ?hidden="','"\n          id="','"\n          @input="','"\n          name="','"\n          .placeholder="','"\n          ?readonly="','"\n          ?required="','"\n          tabindex="0"\n          type="text"\n          value="','"\n          part="option-input"\n        />\n      </span>\n    ']);return _templateObject2_f23376f01f0511ed8cc3e9a95995ad69=function _templateObject2_f23376f01f0511ed8cc3e9a95995ad69(){return e},e}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject_f23376f01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        #field-main-inner {\n          align-items: center;\n          flex-wrap: wrap;\n        }\n        simple-tag {\n          flex: 0 1 auto;\n          margin: calc(0.5 * var(--simple-fields-button-padding, 2px))\n            var(--simple-fields-button-padding, 2px);\n        }\n        .drag-focus {\n          background-color: var(--simple-fields-accent-color, #3f51b5);\n        }\n      "]);return _templateObject_f23376f01f0511ed8cc3e9a95995ad69=function _templateObject_f23376f01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(n):a.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("./simple-tag.js");var n=function(n){function SimpleFieldsTagList(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsTagList),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsTagList).call(this))).label="Tags",e.value="",e.tagList=[],e.id=e._generateUUID(),e.addEventListener("dragleave",e._handleDragLeave),e.addEventListener("dragover",e._handleDragEnter),e.addEventListener("drop",e._handleDragDrop),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsTagList,(0,t.SimpleFieldsFieldBehaviors)(e.LitElement)),_createClass(SimpleFieldsTagList,null,[{key:"tag",get:function get(){return"simple-fields-tag-list"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsTagList),"styles",this)),[(0,e.css)(_templateObject_f23376f01f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsTagList),"properties",this),{requiredMessage:{type:String},tagList:{type:Array,attribute:"tag-list"},value:{reflect:!0},label:{type:String}})}}]),_createClass(SimpleFieldsTagList,[{key:"disconnectedCallback",value:function disconnectedCallback(){var e=this;this.removeEventListener("click",(function(t){return e.focus()})),_get(_getPrototypeOf(SimpleFieldsTagList.prototype),"disconnectedCallback",this).call(this)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){"id"!==n||t.id||(t.id=t._generateUUID()),"value"===n&&t._fireValueChanged()}))}},{key:"getInput",value:function getInput(){return(0,e.html)(_templateObject2_f23376f01f0511ed8cc3e9a95995ad69(),this._handleKeydown,this._handleKeyup,this.autofocus,this.describedBy||"",this.error?"true":"false",this._onFocusout,this._handleFieldChange,this.disabled,this._onFocusin,this.hidden,this.id,this._handleFieldChange,this.id,this.placeholder||"",this.readonly,this.required,this.value)}},{key:"removeTag",value:function removeTag(e){this.tagList=_toConsumableArray(this.tagList.filter((function(t){return t.term!==e.detail.value})))}},{key:"_handleDragLeave",value:function _handleDragLeave(e){this.classList.remove("drag-focus")}},{key:"_handleDragEnter",value:function _handleDragEnter(e){e.preventDefault(),this.classList.add("drag-focus")}},{key:"_handleDragDrop",value:function _handleDragDrop(e){if(e.preventDefault(),this.classList.remove("drag-focus"),JSON.parse(e.dataTransfer.getData("text"))){var t=JSON.parse(e.dataTransfer.getData("text"));this.tagList=_toConsumableArray(this.tagList.filter((function(e){return e.term!==t.term})));var n=this.tagList;n.push(t),this.tagList=_toConsumableArray(n)}}},{key:"_handleKeydown",value:function _handleKeydown(e){"Enter"===e.key&&""!=this.shadowRoot.querySelector("input").value&&this._updateTaglist()}},{key:"_handleKeyup",value:function _handleKeyup(e){","===e.key&&""!=this.shadowRoot.querySelector("input").value&&this._updateTaglist()}},{key:"_updateTaglist",value:function _updateTaglist(){var e=this,t=this.shadowRoot.querySelector("input").value;t=t.replace(/,$/,"").trim(),this.tagList=_toConsumableArray(this.tagList.filter((function(t){return t.term!==e.shadowRoot.querySelector("input").value})));var n=this.tagList;n.push({term:t,color:"grey"}),this.tagList=_toConsumableArray(n),this.shadowRoot.querySelector("input").value=""}},{key:"validate",value:function validate(){return!this.value&&this.required&&(this.error=!0,this.errorMessage=this.requiredMessage||"required"),!this.error}},{key:"_fireValueChanged",value:function _fireValueChanged(){this.dispatchEvent(new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_observeAndListen",value:function _observeAndListen(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];e?(this.addEventListener("click",this.focus),this.addEventListener("focusout",this._onFocusout),this.addEventListener("focusin",this._onFocusin)):(this.removeEventListener("click",this.focus),this.removeEventListener("focusout",this._onFocusout),this.removeEventListener("focusin",this._onFocusin))}},{key:"prefixTemplate",get:function get(){var t=this;return(0,e.html)(_templateObject3_f23376f01f0511ed8cc3e9a95995ad69(),_get(_getPrototypeOf(SimpleFieldsTagList.prototype),"prefixTemplate",this),this.tagList.map((function(n){return(0,e.html)(_templateObject4_f23376f01f0511ed8cc3e9a95995ad69(),n,n.term,n.color,t.removeTag)})))}},{key:"slottedFieldObserver",get:function get(){}}]),SimpleFieldsTagList}();exports.SimpleFieldsTagList=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsTagList=void 0;var e=require("lit"),t=require("./simple-fields-field.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject4_c936e6301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n            <simple-tag\n              cancel-button\n              .data=",'\n              value="','"\n              accent-color="','"\n              @simple-tag-clicked="','"\n            ></simple-tag>\n          ']);return _templateObject4_c936e6301f2611eda0c389891c227ec8=function _templateObject4_c936e6301f2611eda0c389891c227ec8(){return e},e}function _templateObject3_c936e6301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n      ",'\n      <slot name="taglist">\n        ',"\n      </slot>\n    "]);return _templateObject3_c936e6301f2611eda0c389891c227ec8=function _templateObject3_c936e6301f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c936e6301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <span class="input-option" part="option-inner">\n        <input\n          @keydown="','"\n          @keyup="','"\n          ?autofocus="','"\n          aria-descrbedby="','"\n          .aria-invalid="','"\n          @blur="','"\n          @change="','"\n          class="field box-input"\n          ?disabled="','"\n          @focus="','"\n          ?hidden="','"\n          id="','"\n          @input="','"\n          name="','"\n          .placeholder="','"\n          ?readonly="','"\n          ?required="','"\n          tabindex="0"\n          type="text"\n          value="','"\n          part="option-input"\n        />\n      </span>\n    ']);return _templateObject2_c936e6301f2611eda0c389891c227ec8=function _templateObject2_c936e6301f2611eda0c389891c227ec8(){return e},e}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject_c936e6301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        #field-main-inner {\n          align-items: center;\n          flex-wrap: wrap;\n        }\n        simple-tag {\n          flex: 0 1 auto;\n          margin: calc(0.5 * var(--simple-fields-button-padding, 2px))\n            var(--simple-fields-button-padding, 2px);\n        }\n        .drag-focus {\n          background-color: var(--simple-fields-accent-color, #3f51b5);\n        }\n      "]);return _templateObject_c936e6301f2611eda0c389891c227ec8=function _templateObject_c936e6301f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(n):i.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("./simple-tag.js");var n=function(n){function SimpleFieldsTagList(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsTagList),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsTagList).call(this))).label="Tags",e.value="",e.tagList=[],e.id=e._generateUUID(),e.addEventListener("dragleave",e._handleDragLeave),e.addEventListener("dragover",e._handleDragEnter),e.addEventListener("drop",e._handleDragDrop),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsTagList,(0,t.SimpleFieldsFieldBehaviors)(e.LitElement)),_createClass(SimpleFieldsTagList,null,[{key:"tag",get:function get(){return"simple-fields-tag-list"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsTagList),"styles",this)),[(0,e.css)(_templateObject_c936e6301f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsTagList),"properties",this),{requiredMessage:{type:String},tagList:{type:Array,attribute:"tag-list"},value:{reflect:!0},label:{type:String}})}}]),_createClass(SimpleFieldsTagList,[{key:"disconnectedCallback",value:function disconnectedCallback(){var e=this;this.removeEventListener("click",(function(t){return e.focus()})),_get(_getPrototypeOf(SimpleFieldsTagList.prototype),"disconnectedCallback",this).call(this)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,n){"id"!==n||t.id||(t.id=t._generateUUID()),"value"===n&&t._fireValueChanged()}))}},{key:"getInput",value:function getInput(){return(0,e.html)(_templateObject2_c936e6301f2611eda0c389891c227ec8(),this._handleKeydown,this._handleKeyup,this.autofocus,this.describedBy||"",this.error?"true":"false",this._onFocusout,this._handleFieldChange,this.disabled,this._onFocusin,this.hidden,this.id,this._handleFieldChange,this.id,this.placeholder||"",this.readonly,this.required,this.value)}},{key:"removeTag",value:function removeTag(e){this.tagList=_toConsumableArray(this.tagList.filter((function(t){return t.term!==e.detail.value})))}},{key:"_handleDragLeave",value:function _handleDragLeave(e){this.classList.remove("drag-focus")}},{key:"_handleDragEnter",value:function _handleDragEnter(e){e.preventDefault(),this.classList.add("drag-focus")}},{key:"_handleDragDrop",value:function _handleDragDrop(e){if(e.preventDefault(),this.classList.remove("drag-focus"),JSON.parse(e.dataTransfer.getData("text"))){var t=JSON.parse(e.dataTransfer.getData("text"));this.tagList=_toConsumableArray(this.tagList.filter((function(e){return e.term!==t.term})));var n=this.tagList;n.push(t),this.tagList=_toConsumableArray(n)}}},{key:"_handleKeydown",value:function _handleKeydown(e){"Enter"===e.key&&""!=this.shadowRoot.querySelector("input").value&&this._updateTaglist()}},{key:"_handleKeyup",value:function _handleKeyup(e){","===e.key&&""!=this.shadowRoot.querySelector("input").value&&this._updateTaglist()}},{key:"_updateTaglist",value:function _updateTaglist(){var e=this,t=this.shadowRoot.querySelector("input").value;t=t.replace(/,$/,"").trim(),this.tagList=_toConsumableArray(this.tagList.filter((function(t){return t.term!==e.shadowRoot.querySelector("input").value})));var n=this.tagList;n.push({term:t,color:"grey"}),this.tagList=_toConsumableArray(n),this.shadowRoot.querySelector("input").value=""}},{key:"validate",value:function validate(){return!this.value&&this.required&&(this.error=!0,this.errorMessage=this.requiredMessage||"required"),!this.error}},{key:"_fireValueChanged",value:function _fireValueChanged(){this.dispatchEvent(new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_observeAndListen",value:function _observeAndListen(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];e?(this.addEventListener("click",this.focus),this.addEventListener("focusout",this._onFocusout),this.addEventListener("focusin",this._onFocusin)):(this.removeEventListener("click",this.focus),this.removeEventListener("focusout",this._onFocusout),this.removeEventListener("focusin",this._onFocusin))}},{key:"prefixTemplate",get:function get(){var t=this;return(0,e.html)(_templateObject3_c936e6301f2611eda0c389891c227ec8(),_get(_getPrototypeOf(SimpleFieldsTagList.prototype),"prefixTemplate",this),this.tagList.map((function(n){return(0,e.html)(_templateObject4_c936e6301f2611eda0c389891c227ec8(),n,n.term,n.color,t.removeTag)})))}},{key:"slottedFieldObserver",get:function get(){}}]),SimpleFieldsTagList}();exports.SimpleFieldsTagList=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-ui.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-ui.dev.js
index b4293fdfdf8..21199c4cbd6 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-ui.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-ui.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsFieldsetStyles=exports.SimpleFieldsDescriptionStyles=exports.SimpleFieldsButtonStyles=exports.SimpleFieldsTooltipStyles=exports.SimpleFieldsLabelStyles=exports.SimpleFieldsBaseStyles=void 0;var e=require("lit");function _templateObject6_f233ec201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n    fieldset {\n      padding: var(--simple-fields-margin-small, 8px)\n        var(--simple-fields-margin, 16px);\n      margin: var(--simple-fields-margin-small, 8px) 0\n        var(--simple-fields-margin, 16px);\n      border-width: 1px;\n      border-style: solid;\n      border-color: var(\n        --simple-fields-fieldset-border-color,\n        var(--simple-fields-border-color-light, #ccc)\n      );\n      border-radius: var(--simple-fields-border-radius, 2px);\n      transition: all 0.3s ease-in-out;\n      max-width: calc(100% - 2 * var(--simple-fields-margin, 16px) - 2px);\n    }\n    :host(:last-of-type) {\n      margin-bottom: 0;\n    }\n    *[part="legend"] {\n      font-family: var(--simple-fields-font-family, sans-serif);\n      font-size: var(\n        --simple-fields-legend-font-size,\n        var(--simple-fields-font-size, 16px)\n      );\n      line-height: var(--simple-fields-line-height, 22px);\n      text-transform: var(--simple-fields-legend-text-transform, unset);\n    }\n    :host([error]) *[part="legend"] {\n      color: var(--simple-fields-error-color, #b40000);\n      transition: all 0.3s ease-in-out;\n    }\n  ']);return _templateObject6_f233ec201f0511ed8cc3e9a95995ad69=function _templateObject6_f233ec201f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject5_f233ec201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n    *[part="field-desc"],\n    *[part="error-desc"],\n    *[part="error-meta"] {\n      color: var(--simple-fields-meta-color);\n      font-size: var(--simple-fields-meta-font-size, 10px);\n      line-height: var(--simple-fields-meta-line-height, 110%);\n      opacity: var(--simple-fields-meta-opacity, unset);\n      text-transform: none;\n    }\n    :host:hover *[part="field-desc"],\n    :host:hover-within *[part="error-desc"],\n    :host:hover-within *[part="error-meta"],\n    :host:hover *[part="field-desc"],\n    :host:hover *[part="error-desc"],\n    :host:hover *[part="error-meta"] {\n      color: var(--simple-fields-focus-meta-color);\n      opacity: var(--simple-fields-focus-meta-opacity, unset);\n    }\n  ']);return _templateObject5_f233ec201f0511ed8cc3e9a95995ad69=function _templateObject5_f233ec201f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject4_f233ec201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n    button,\n    button[aria-selected],\n    simple-toolbar-button::part(button),\n    simple-toolbar-menu::part(button) {\n      color: var(--simple-fields-button-color, var(--simple-fields-color));\n      background-color: var(\n        --simple-fields-button-background-color,\n        var(--simple-fields-background-color)\n      );\n      border-width: 1px;\n      border-style: solid;\n      border-color: var(\n        --simple-fields-button-border-color,\n        var(--simple-fields-border-color, #999)\n      );\n      opacity: var(--simple-fields-button-focus-opacity, 1);\n      font-family: var(\n        --simple-fields-button-font-family,\n        var(--simple-fields-font-family, sans-serif)\n      );\n      font-size: var(--simple-fields-button-font-size, 14px);\n      line-height: var(--simple-fields-button-line-height 22px);\n      text-transform: var(--simple-fields-button-text-transform, unset);\n      border-radius: var(--simple-fields-border-radius, 2px);\n      padding: var(--simple-fields-button-padding-sm, 1px)\n        var(--simple-fields-button-padding, 2px);\n      min-height: calc(\n        24px + 2 * var(--simple-fields-button-padding-sm, 2px) + 2px\n      );\n    }\n    simple-toolbar-menu-item > simple-toolbar-button::part(button) {\n      border-color: transparent;\n      border-radius: 0 !important;\n    }\n    simple-toolbar-button.danger::part(button),\n    simple-toolbar-menu.danger::part(button) {\n      background-color: var(\n        --simple-fields-button-danger-color,\n        var(--simple-fields-error-color, #b40000)\n      );\n      color: var(--simple-fields-button-danger-background-color, white);\n    }\n    button[aria-pressed="true"],\n    button[aria-selected="true"],\n    simple-toolbar-button[toggled]::part(button) {\n      color: var(\n        --simple-fields-button-toggled-color,\n        var(--simple-fields-accent-color, #3f51b5)\n      );\n      background-color: var(\n        --simple-fields-button-toggled-background-color,\n        unset\n      );\n      border-color: var(\n        --simple-fields-button-toggled-border-color,\n        var(--simple-fields-color, currentColor)\n      );\n      opacity: var(--simple-fields-button-toggled-opacity, 1);\n    }\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:hover::part(button[aria-pressed="true"]),\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:focus-within::part(button[aria-pressed="true"]) {\n      background-color: var(\n        --simple-fields-button-danger-color,\n        var(--simple-fields-error-color, #b40000)\n      );\n      color: var(--simple-fields-button-danger-background-color, white);\n      border-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n    }\n    button:focus,\n    button:hover,\n    button[aria-selected="false"]:not([disabled]):focus,\n    button[aria-selected="false"]:not([disabled]):hover,\n    simple-toolbar-button:focus-within::part(button),\n    simple-toolbar-button:hover::part(button),\n    simple-toolbar-menu:focus-within::part(button),\n    simple-toolbar-menu:hover::part(button),\n    simple-toolbar-menu-item > simple-toolbar-button:hover::part(button),\n    simple-toolbar-menu-item\n      > simple-toolbar-button:focus-within::part(button) {\n      color: var(--simple-fields-button-focus-color, unset);\n      background-color: var(\n        --simple-fields-button-focus-background-color,\n        var(--simple-fields-accent-color-light, #d9eaff)\n      );\n      border-color: var(\n        --simple-fields-button-focus-border-color,\n        var(--simple-fields-accent-color, #3f51b5)\n      );\n      opacity: var(--simple-fields-button-focus-opacity, 1);\n      text-decoration: var(--simple-fields-button-focus-text-decoration, unset);\n    }\n    simple-toolbar-menu.danger:focus-within::part(button),\n    simple-toolbar-menu.danger:hover::part(button),\n    simple-toolbar-menu-item > simple-toolbar-button.danger:hover::part(button),\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:focus-within::part(button) {\n      background-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n      color: var(--simple-fields-button-danger-background-color, white);\n      border-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n    }\n    button:disabled,\n    button[disabled],\n    simple-toolbar-button[disabled],\n    simple-toolbar-menu[disabled] {\n      color: var(--simple-fields-button-disabled-color, unset);\n      background-color: var(\n        --simple-fields-button-disabled-background-color,\n        unset\n      );\n      border-color: var(--simple-fields-button-disabled-border-color, unset);\n      opacity: var(\n        --simple-fields-button-disabled-opacity,\n        var(--simple-fields-disabled-opacity, 0.7)\n      );\n    }\n  ']);return _templateObject4_f233ec201f0511ed8cc3e9a95995ad69=function _templateObject4_f233ec201f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_f233ec201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n    simple-tooltip,\n    simple-toolbar-button::part(tooltip) {\n      text-transform: var(--simple-fields-tooltip-text-transform, unset);\n      font-family: var(\n        --simple-fields-detail-font-family,\n        var(--simple-fields-font-family, sans-serif)\n      );\n      font-size: var(\n        --simple-fields-tooltip-font-size,\n        var(--simple-fields-detail-font-size, 12px)\n      );\n      line-height: var(\n        --simple-fields-tooltip-line-height,\n        var(--simple-fields-detail-line-height, 22px)\n      );\n      border-radius: var(\n        --simple-fields-border-radius,\n        var(--simple-fields-tooltip-border-radius, 2px)\n      );\n    }\n  "]);return _templateObject3_f233ec201f0511ed8cc3e9a95995ad69=function _templateObject3_f233ec201f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_f233ec201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n    :host .label-main:after {\n      content: var(--simple-fields-label-flag, "");\n    }\n    :host([focused]) .label-main,\n    :host(:focus-within) .label-main {\n      color: var(--simple-fields-accent-color, #3f51b5);\n      transition: color 0.3s ease-in-out;\n    }\n    .inline {\n      --simple-fields-radio-option-display: flex;\n      --simple-fields-radio-option-flex-wrap: wrap;\n    }\n    label {\n      margin: 0 0 0 0;\n    }\n    .inline label {\n      margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n      flex: 0 1 var(--simple-fields-label-width, auto);\n    }\n    .inline label,\n    .field-main > div,\n    .field,\n    ::slotted([slot="field"]) {\n      font-size: var(--simple-fields-font-size, 16px);\n      font-family: var(--simple-fields-font-family, sans-serif);\n      line-height: var(--simple-fields-line-height, 22px);\n    }\n  ']);return _templateObject2_f233ec201f0511ed8cc3e9a95995ad69=function _templateObject2_f233ec201f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_f233ec201f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n    :host {\n      visibility: visible;\n      box-sizing: border-box;\n      display: block;\n      margin: 0 0 var(--simple-fields-margin, 16px);\n      padding: 0;\n      font-size: var(--simple-fields-font-size);\n      font-family: var(--simple-fields-font-family, sans-serif);\n      line-height: var(--simple-fields-line-height);\n      font-size: var(--simple-fields-detail-font-size, 12px);\n      font-family: var(--simple-fields-detail-font-family, sans-serif);\n      line-height: var(--simple-fields-detail-line-height, 130%);\n      background-color: var(--simple-fields-background-color, white);\n      color: var(--simple-fields-color, currentColor);\n      margin: 0 0\n        var(--simple-fields-field-margin, var(--simple-fields-margin, 16px));\n    }\n    :host([hidden]),\n    :host [hidden],\n    :host([type="hidden"]) {\n      display: none !important;\n    }\n  ']);return _templateObject_f233ec201f0511ed8cc3e9a95995ad69=function _templateObject_f233ec201f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var t=[(0,e.css)(_templateObject_f233ec201f0511ed8cc3e9a95995ad69())];exports.SimpleFieldsBaseStyles=t;var n=[(0,e.css)(_templateObject2_f233ec201f0511ed8cc3e9a95995ad69())];exports.SimpleFieldsLabelStyles=n;var l=[(0,e.css)(_templateObject3_f233ec201f0511ed8cc3e9a95995ad69())];exports.SimpleFieldsTooltipStyles=l;var o=[].concat(l,[(0,e.css)(_templateObject4_f233ec201f0511ed8cc3e9a95995ad69())]);exports.SimpleFieldsButtonStyles=o;var i=[(0,e.css)(_templateObject5_f233ec201f0511ed8cc3e9a95995ad69())];exports.SimpleFieldsDescriptionStyles=i;var r=[(0,e.css)(_templateObject6_f233ec201f0511ed8cc3e9a95995ad69())];exports.SimpleFieldsFieldsetStyles=r;
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsFieldsetStyles=exports.SimpleFieldsDescriptionStyles=exports.SimpleFieldsButtonStyles=exports.SimpleFieldsTooltipStyles=exports.SimpleFieldsLabelStyles=exports.SimpleFieldsBaseStyles=void 0;var e=require("lit");function _templateObject6_c93475301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n    fieldset {\n      padding: var(--simple-fields-margin-small, 8px)\n        var(--simple-fields-margin, 16px);\n      margin: var(--simple-fields-margin-small, 8px) 0\n        var(--simple-fields-margin, 16px);\n      border-width: 1px;\n      border-style: solid;\n      border-color: var(\n        --simple-fields-fieldset-border-color,\n        var(--simple-fields-border-color-light, #ccc)\n      );\n      border-radius: var(--simple-fields-border-radius, 2px);\n      transition: all 0.3s ease-in-out;\n      max-width: calc(100% - 2 * var(--simple-fields-margin, 16px) - 2px);\n    }\n    :host(:last-of-type) {\n      margin-bottom: 0;\n    }\n    *[part="legend"] {\n      font-family: var(--simple-fields-font-family, sans-serif);\n      font-size: var(\n        --simple-fields-legend-font-size,\n        var(--simple-fields-font-size, 16px)\n      );\n      line-height: var(--simple-fields-line-height, 22px);\n      text-transform: var(--simple-fields-legend-text-transform, unset);\n    }\n    :host([error]) *[part="legend"] {\n      color: var(--simple-fields-error-color, #b40000);\n      transition: all 0.3s ease-in-out;\n    }\n  ']);return _templateObject6_c93475301f2611eda0c389891c227ec8=function _templateObject6_c93475301f2611eda0c389891c227ec8(){return e},e}function _templateObject5_c93475301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n    *[part="field-desc"],\n    *[part="error-desc"],\n    *[part="error-meta"] {\n      color: var(--simple-fields-meta-color);\n      font-size: var(--simple-fields-meta-font-size, 10px);\n      line-height: var(--simple-fields-meta-line-height, 110%);\n      opacity: var(--simple-fields-meta-opacity, unset);\n      text-transform: none;\n    }\n    :host:hover *[part="field-desc"],\n    :host:hover-within *[part="error-desc"],\n    :host:hover-within *[part="error-meta"],\n    :host:hover *[part="field-desc"],\n    :host:hover *[part="error-desc"],\n    :host:hover *[part="error-meta"] {\n      color: var(--simple-fields-focus-meta-color);\n      opacity: var(--simple-fields-focus-meta-opacity, unset);\n    }\n  ']);return _templateObject5_c93475301f2611eda0c389891c227ec8=function _templateObject5_c93475301f2611eda0c389891c227ec8(){return e},e}function _templateObject4_c93475301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n    button,\n    button[aria-selected],\n    simple-toolbar-button::part(button),\n    simple-toolbar-menu::part(button) {\n      color: var(--simple-fields-button-color, var(--simple-fields-color));\n      background-color: var(\n        --simple-fields-button-background-color,\n        var(--simple-fields-background-color)\n      );\n      border-width: 1px;\n      border-style: solid;\n      border-color: var(\n        --simple-fields-button-border-color,\n        var(--simple-fields-border-color, #999)\n      );\n      opacity: var(--simple-fields-button-focus-opacity, 1);\n      font-family: var(\n        --simple-fields-button-font-family,\n        var(--simple-fields-font-family, sans-serif)\n      );\n      font-size: var(--simple-fields-button-font-size, 14px);\n      line-height: var(--simple-fields-button-line-height 22px);\n      text-transform: var(--simple-fields-button-text-transform, unset);\n      border-radius: var(--simple-fields-border-radius, 2px);\n      padding: var(--simple-fields-button-padding-sm, 1px)\n        var(--simple-fields-button-padding, 2px);\n      min-height: calc(\n        24px + 2 * var(--simple-fields-button-padding-sm, 2px) + 2px\n      );\n    }\n    simple-toolbar-menu-item > simple-toolbar-button::part(button) {\n      border-color: transparent;\n      border-radius: 0 !important;\n    }\n    simple-toolbar-button.danger::part(button),\n    simple-toolbar-menu.danger::part(button) {\n      background-color: var(\n        --simple-fields-button-danger-color,\n        var(--simple-fields-error-color, #b40000)\n      );\n      color: var(--simple-fields-button-danger-background-color, white);\n    }\n    button[aria-pressed="true"],\n    button[aria-selected="true"],\n    simple-toolbar-button[toggled]::part(button) {\n      color: var(\n        --simple-fields-button-toggled-color,\n        var(--simple-fields-accent-color, #3f51b5)\n      );\n      background-color: var(\n        --simple-fields-button-toggled-background-color,\n        unset\n      );\n      border-color: var(\n        --simple-fields-button-toggled-border-color,\n        var(--simple-fields-color, currentColor)\n      );\n      opacity: var(--simple-fields-button-toggled-opacity, 1);\n    }\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:hover::part(button[aria-pressed="true"]),\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:focus-within::part(button[aria-pressed="true"]) {\n      background-color: var(\n        --simple-fields-button-danger-color,\n        var(--simple-fields-error-color, #b40000)\n      );\n      color: var(--simple-fields-button-danger-background-color, white);\n      border-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n    }\n    button:focus,\n    button:hover,\n    button[aria-selected="false"]:not([disabled]):focus,\n    button[aria-selected="false"]:not([disabled]):hover,\n    simple-toolbar-button:focus-within::part(button),\n    simple-toolbar-button:hover::part(button),\n    simple-toolbar-menu:focus-within::part(button),\n    simple-toolbar-menu:hover::part(button),\n    simple-toolbar-menu-item > simple-toolbar-button:hover::part(button),\n    simple-toolbar-menu-item\n      > simple-toolbar-button:focus-within::part(button) {\n      color: var(--simple-fields-button-focus-color, unset);\n      background-color: var(\n        --simple-fields-button-focus-background-color,\n        var(--simple-fields-accent-color-light, #d9eaff)\n      );\n      border-color: var(\n        --simple-fields-button-focus-border-color,\n        var(--simple-fields-accent-color, #3f51b5)\n      );\n      opacity: var(--simple-fields-button-focus-opacity, 1);\n      text-decoration: var(--simple-fields-button-focus-text-decoration, unset);\n    }\n    simple-toolbar-menu.danger:focus-within::part(button),\n    simple-toolbar-menu.danger:hover::part(button),\n    simple-toolbar-menu-item > simple-toolbar-button.danger:hover::part(button),\n    simple-toolbar-menu-item\n      > simple-toolbar-button.danger:focus-within::part(button) {\n      background-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n      color: var(--simple-fields-button-danger-background-color, white);\n      border-color: var(--simple-fields-button-danger-focus-color, #8a0000);\n    }\n    button:disabled,\n    button[disabled],\n    simple-toolbar-button[disabled],\n    simple-toolbar-menu[disabled] {\n      color: var(--simple-fields-button-disabled-color, unset);\n      background-color: var(\n        --simple-fields-button-disabled-background-color,\n        unset\n      );\n      border-color: var(--simple-fields-button-disabled-border-color, unset);\n      opacity: var(\n        --simple-fields-button-disabled-opacity,\n        var(--simple-fields-disabled-opacity, 0.7)\n      );\n    }\n  ']);return _templateObject4_c93475301f2611eda0c389891c227ec8=function _templateObject4_c93475301f2611eda0c389891c227ec8(){return e},e}function _templateObject3_c93475301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n    simple-tooltip,\n    simple-toolbar-button::part(tooltip) {\n      text-transform: var(--simple-fields-tooltip-text-transform, unset);\n      font-family: var(\n        --simple-fields-detail-font-family,\n        var(--simple-fields-font-family, sans-serif)\n      );\n      font-size: var(\n        --simple-fields-tooltip-font-size,\n        var(--simple-fields-detail-font-size, 12px)\n      );\n      line-height: var(\n        --simple-fields-tooltip-line-height,\n        var(--simple-fields-detail-line-height, 22px)\n      );\n      border-radius: var(\n        --simple-fields-border-radius,\n        var(--simple-fields-tooltip-border-radius, 2px)\n      );\n    }\n  "]);return _templateObject3_c93475301f2611eda0c389891c227ec8=function _templateObject3_c93475301f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c93475301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n    :host .label-main:after {\n      content: var(--simple-fields-label-flag, "");\n    }\n    :host([focused]) .label-main,\n    :host(:focus-within) .label-main {\n      color: var(--simple-fields-accent-color, #3f51b5);\n      transition: color 0.3s ease-in-out;\n    }\n    .inline {\n      --simple-fields-radio-option-display: flex;\n      --simple-fields-radio-option-flex-wrap: wrap;\n    }\n    label {\n      margin: 0 0 0 0;\n    }\n    .inline label {\n      margin: 0 var(--simple-fields-margin-small, 8px) 0 0;\n      flex: 0 1 var(--simple-fields-label-width, auto);\n    }\n    .inline label,\n    .field-main > div,\n    .field,\n    ::slotted([slot="field"]) {\n      font-size: var(--simple-fields-font-size, 16px);\n      font-family: var(--simple-fields-font-family, sans-serif);\n      line-height: var(--simple-fields-line-height, 22px);\n    }\n  ']);return _templateObject2_c93475301f2611eda0c389891c227ec8=function _templateObject2_c93475301f2611eda0c389891c227ec8(){return e},e}function _templateObject_c93475301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n    :host {\n      visibility: visible;\n      box-sizing: border-box;\n      display: block;\n      margin: 0 0 var(--simple-fields-margin, 16px);\n      padding: 0;\n      font-size: var(--simple-fields-font-size);\n      font-family: var(--simple-fields-font-family, sans-serif);\n      line-height: var(--simple-fields-line-height);\n      font-size: var(--simple-fields-detail-font-size, 12px);\n      font-family: var(--simple-fields-detail-font-family, sans-serif);\n      line-height: var(--simple-fields-detail-line-height, 130%);\n      background-color: var(--simple-fields-background-color, white);\n      color: var(--simple-fields-color, currentColor);\n      margin: 0 0\n        var(--simple-fields-field-margin, var(--simple-fields-margin, 16px));\n    }\n    :host([hidden]),\n    :host [hidden],\n    :host([type="hidden"]) {\n      display: none !important;\n    }\n  ']);return _templateObject_c93475301f2611eda0c389891c227ec8=function _templateObject_c93475301f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var t=[(0,e.css)(_templateObject_c93475301f2611eda0c389891c227ec8())];exports.SimpleFieldsBaseStyles=t;var n=[(0,e.css)(_templateObject2_c93475301f2611eda0c389891c227ec8())];exports.SimpleFieldsLabelStyles=n;var l=[(0,e.css)(_templateObject3_c93475301f2611eda0c389891c227ec8())];exports.SimpleFieldsTooltipStyles=l;var o=[].concat(l,[(0,e.css)(_templateObject4_c93475301f2611eda0c389891c227ec8())]);exports.SimpleFieldsButtonStyles=o;var i=[(0,e.css)(_templateObject5_c93475301f2611eda0c389891c227ec8())];exports.SimpleFieldsDescriptionStyles=i;var r=[(0,e.css)(_templateObject6_c93475301f2611eda0c389891c227ec8())];exports.SimpleFieldsFieldsetStyles=r;
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-upload.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-upload.dev.js
index 741441cd2fd..ef1bfd26b19 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-upload.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-fields-upload.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsUpload=void 0;var e=require("lit");require("@lrnwebcomponents/simple-fields/lib/simple-fields-field.js");var t=require("./simple-fields-ui.js"),n=require("./simple-fields-fieldset.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject4_f23636101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral([" or "]);return _templateObject4_f23636101f0511ed8cc3e9a95995ad69=function _templateObject4_f23636101f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_f23636101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <div id="url-browse">\n        <simple-fields-field\n          id="url"\n          ?autofocus="','"\n          autocomplete="','"\n          value="','"\n          @value-changed="','"\n          label="URL"\n          .description="','"\n          type="url"\n          auto-validate=""\n          part="url"\n          @click="','"\n          @mousedown="','"\n          @focus="','"\n        >\n          <simple-toolbar-button\n            id="browse"\n            label="Browse..."\n            show-text-label\n            @click="','"\n            controls="fieldset"\n            slot="suffix"\n            part="browse"\n          >\n          </simple-toolbar-button>\n        </simple-fields-field>\n      </div>\n      <div id="upload-options">\n        <vaadin-upload\n          capture\n          class="option-','"\n          form-data-name="file-upload"\n          id="fileupload"\n          @upload-before="','"\n          @upload-response="','"\n          part="upload"\n        >\n          <button id="add-hidden" slot="add-button" hidden></button>\n          <div\n            id="drop-camera"\n            slot="drop-label"\n            part="drop-area"\n            ?hidden="','"\n          >\n            <span id="drop" part="drop-area-text">\n              <simple-icon-lite\n                icon="file-upload"\n                part="drop-area-icon"\n              ></simple-icon-lite>\n              Drop media here ','\n            </span>\n            <simple-toolbar-button\n              icon="image:camera-alt"\n              label="Take photo"\n              show-text-label\n              @mousedown="','"\n              @focus="','"\n              @click="','"\n              controls="fieldset"\n              part="take-photo"\n              ?hidden="','"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-button\n              icon="image:camera-alt"\n              label="Record Audio"\n              show-text-label\n              @mousedown="','"\n              @focus="','"\n              @click="','"\n              controls="fieldset"\n              part="record-audio"\n              ?hidden="','"\n            >\n            </simple-toolbar-button>\n          </div>\n          <simple-toolbar-button\n            id="cancel-camera"\n            icon="icons:clear"\n            label="Cancel"\n            @mousedown="','"\n            @focus="','"\n            @click="','"\n            controls="fieldset"\n            slot="drop-label"\n            part="cancel-media"\n            ?hidden="','"\n          >\n          </simple-toolbar-button>\n          <div\n            id="camerahole"\n            ?hidden="','"\n            part="camera"\n            slot="drop-label"\n            part="camera-preview"\n          ></div>\n          <div\n            id="voicerecorder"\n            ?hidden="','"\n            slot="drop-label"\n            part="voice-preview"\n          ></div>\n        </vaadin-upload>\n      </div>\n    ']);return _templateObject3_f23636101f0511ed8cc3e9a95995ad69=function _templateObject3_f23636101f0511ed8cc3e9a95995ad69(){return e},e}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(n,r,i):n[r]=e[r]}return n.default=e,t&&t.set(e,n),n}function _templateObject2_f23636101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <fieldset part="fieldset">'," ","</fieldset>\n    "]);return _templateObject2_f23636101f0511ed8cc3e9a95995ad69=function _templateObject2_f23636101f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_f23636101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          pointer-events: all;\n          overflow: visible;\n          transition: 0.3s all ease;\n          --simple-login-camera-aspect: 1.777777777777;\n          --simple-camera-snap-color: var(--simple-fields-color, currentColor);\n          --simple-camera-snap-background: var(\n            --simple-fields-background-color,\n            unset\n          );\n          --simple-camera-snap-border-radius: 2px;\n          --lumo-font-family: var(--simple-fields-font-family, sans-serif);\n          --lumo-error-color: var(--simple-fields-error-color, #b40000);\n          --lumo-primary-font-color: var(--simple-fields-color, currentColor);\n          --lumo-base-color: var(--simple-fields-background-color, transparent);\n        }\n        #url-browse,\n        #drop-camera {\n          width: 100%;\n          font-family: var(--simple-fields-button-font-family, sans-serif);\n          font-size: var(--simple-fields-button-font-size, 14px);\n        }\n        #drop-camera {\n          display: flex;\n          align-items: center;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n        }\n        #browse {\n          margin-right: 0;\n        }\n        #url {\n          margin-bottom: var(--simple-fields-margin-small, 8px);\n        }\n        #url::part(option-inner) {\n          overflow: hidden;\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-end;\n        }\n        #drop,\n        #photo {\n          white-space: nowrap;\n        }\n        #upload-options {\n          transition: height 0.3s linear;\n        }\n        #cancel-camera {\n          display: block;\n          margin: 0;\n          margin: -12px -12px 0;\n          z-index: 2;\n        }\n        #cancel-camera::part(button) {\n          width: 24px;\n        }\n        simple-toolbar-button {\n          margin: 0 5px;\n        }\n        vaadin-upload {\n          padding: 0 var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin-small, 8px);\n          position: relative;\n          overflow: visible;\n        }\n        vaadin-upload::part(drop-label-icon) {\n          display: none;\n        }\n        vaadin-upload::part(add-button) {\n          font-family: var(--simple-fields-font-family, sans-serif);\n          color: var(--simple-fields-color, currentColor);\n        }\n        vaadin-upload::part(drop-label) {\n          font-family: var(--simple-fields-font-family, sans-serif);\n          color: var(--simple-fields-color, currentColor);\n          margin-bottom: 16px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          padding: 0 calc(1 * var(--simple-fields-margin-small, 8px));\n          width: calc(100% - 2 * var(--simple-fields-margin-small) - 2px);\n        }\n        vaadin-upload.option-selfie::part(drop-label) {\n          display: block;\n        }\n        vaadin-upload.option-selfie #drop-camera {\n          display: none;\n        }\n        vaadin-upload[dragover] {\n          border-color: var(\n            --simple-fields-secondary-accent-color,\n            var(--simple-colors-default-theme-accent-3, #77e2ff)\n          );\n        }\n        vaadin-upload-file {\n          --disabled-text-color: #var(--simple-fields-border-color, #999);\n        }\n        simple-camera-snap {\n          --simple-camera-snap-button-container-bottom: 2px;\n          --simple-camera-snap-button-container-z-index: 5;\n          --simple-camera-snap-button-border-radius: 100%;\n          --simple-camera-snap-button-opacity: 0.7;\n        }\n      "]);return _templateObject_f23636101f0511ed8cc3e9a95995ad69=function _templateObject_f23636101f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-toolbar/simple-toolbar.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),require("@vaadin/vaadin-upload/vaadin-upload.js");var o=function(o){function SimpleFieldsUpload(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsUpload),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsUpload).call(this))).noCamera=!1,e.noVoiceRecord=!0,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsUpload,(0,n.SimpleFieldsFieldsetBehaviors)(e.LitElement)),_createClass(SimpleFieldsUpload,null,[{key:"tag",get:function get(){return"simple-fields-upload"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsUpload),"styles",this)),_toConsumableArray(t.SimpleFieldsButtonStyles),[(0,e.css)(_templateObject_f23636101f0511ed8cc3e9a95995ad69())])}}]),_createClass(SimpleFieldsUpload,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_f23636101f0511ed8cc3e9a95995ad69(),this.legend,this.fields)}},{key:"_handleCameraOption",value:function _handleCameraOption(e){e.preventDefault(),this.option="selfie",this._takeSelfie(e)}},{key:"_handleAudioOption",value:function _handleAudioOption(e){e.preventDefault(),this.option="voice",this._voiceRecorder(e)}},{key:"_handleCancel",value:function _handleCancel(e){e.preventDefault(),this.option="fileupload"}},{key:"_handleBrowse",value:function _handleBrowse(e){e.preventDefault(),this.shadowRoot.querySelector("#add-hidden").dispatchEvent(new CustomEvent("click",e))}},{key:"valueChanged",value:function valueChanged(e){this.value=e.detail.value}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(SimpleFieldsUpload.prototype),"updated",this)&&_get(_getPrototypeOf(SimpleFieldsUpload.prototype),"updated",this).call(this,e),e.forEach((function(e,n){"value"==n&&t.dispatchEvent(new CustomEvent("value-changed",{detail:{value:t[n]}}))})),this.field&&this.__delayedFocus&&this.focus()}},{key:"focus",value:function focus(){this.field?(this.field.focus(),this.__delayedFocus=!1):this.__delayedFocus=!0}},{key:"_fileAboutToUpload",value:function _fileAboutToUpload(e){this.dispatchEvent(new CustomEvent("upload-before",{bubbles:!0,cancelable:!0,composed:!1,detail:e.detail}))}},{key:"_fileUploadResponse",value:function _fileUploadResponse(e){this.shadowRoot.querySelector("#url").value=item.url,this.dispatchEvent(new CustomEvent("upload-response",{bubbles:!0,cancelable:!0,composed:!1,detail:e.detail}))}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(SimpleFieldsUpload.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(SimpleFieldsUpload.prototype),"firstUpdated",this).call(this,e),this.value?this.option="url":this.option="fileupload"}},{key:"__newPhotoShowedUp",value:function __newPhotoShowedUp(e){var t=new File([e.detail.raw],"headshot"+e.timeStamp+".jpg");this.shadowRoot.querySelector("#fileupload")._addFile(t)}},{key:"__newAudioShowedUp",value:function __newAudioShowedUp(e){var t=new File([e.detail.value],"voice-memo"+e.timeStamp+".mp3");this.shadowRoot.querySelector("#fileupload")._addFile(t)}},{key:"_takeSelfie",value:function _takeSelfie(e){this.camera||(Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-login/lib/simple-camera-snap.js"))})),this.camera=document.createElement("simple-camera-snap"),this.camera.autoplay=!0,this.camera.addEventListener("simple-camera-snap-image",this.__newPhotoShowedUp.bind(this)),this.shadowRoot.querySelector("#camerahole").appendChild(this.camera))}},{key:"_voiceRecorder",value:function _voiceRecorder(e){this.voice||(Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/voice-recorder/voice-recorder.js"))})),this.voice=document.createElement("voice-recorder"),this.voice.addEventListener("voice-recorder-recording",this.__newAudioShowedUp.bind(this)),this.shadowRoot.querySelector("#voicerecorder").appendChild(this.voice))}},{key:"_resolveObjectPath",value:function _resolveObjectPath(e,t){return e.split(".").reduce((function(e,t){return e?e[t]:null}),t||self)}},{key:"fields",get:function get(){return(0,e.html)(_templateObject3_f23636101f0511ed8cc3e9a95995ad69(),this.autofocus,this.autocomplete,this.value||"",this.valueChanged,this.description,(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),this._handleBrowse,this.option,this._fileAboutToUpload,this._fileUploadResponse,"selfie"==this.option||"audio"==this.option,navigator.mediaDevices?(0,e.html)(_templateObject4_f23636101f0511ed8cc3e9a95995ad69()):"",(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),this._handleCameraOption,!navigator.mediaDevices||this.noCamera,(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),this._handleAudioOption,!navigator.mediaDevices||this.noVoiceRecord,(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),this._handleCancel,"selfie"!==this.option&&"audio"!==this.option,"selfie"!==this.option,"audio"!==this.option)}},{key:"field",get:function get(){if(this.shadowRoot)return"selfie"==this.option&&this.shadowRoot.querySelector("#cancel")||"audio"==this.option&&this.shadowRoot.querySelector("#cancel")?this.shadowRoot.querySelector("#cancel"):!!this.shadowRoot.querySelector("#url")&&this.shadowRoot.querySelector("#url")}}],[{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsUpload),"properties",this),{accept:{type:String},autocomplete:{type:String},autofocus:{type:Boolean},value:{type:String},option:{type:String},noCamera:{type:Boolean,attribute:"no-camera"},noVoiceRecord:{type:Boolean,attribute:"no-voice-record"}})}}]),SimpleFieldsUpload}();exports.SimpleFieldsUpload=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleFieldsUpload=void 0;var e=require("lit");require("@lrnwebcomponents/simple-fields/lib/simple-fields-field.js");var t=require("./simple-fields-ui.js"),n=require("./simple-fields-fieldset.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject4_c93a41901f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral([" or "]);return _templateObject4_c93a41901f2611eda0c389891c227ec8=function _templateObject4_c93a41901f2611eda0c389891c227ec8(){return e},e}function _templateObject3_c93a41901f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <div id="url-browse">\n        <simple-fields-field\n          id="url"\n          ?autofocus="','"\n          autocomplete="','"\n          value="','"\n          @value-changed="','"\n          label="URL"\n          .description="','"\n          type="url"\n          auto-validate=""\n          part="url"\n          @click="','"\n          @mousedown="','"\n          @focus="','"\n        >\n          <simple-toolbar-button\n            id="browse"\n            label="Browse..."\n            show-text-label\n            @click="','"\n            controls="fieldset"\n            slot="suffix"\n            part="browse"\n          >\n          </simple-toolbar-button>\n        </simple-fields-field>\n      </div>\n      <div id="upload-options">\n        <vaadin-upload\n          capture\n          class="option-','"\n          form-data-name="file-upload"\n          id="fileupload"\n          @upload-before="','"\n          @upload-response="','"\n          part="upload"\n        >\n          <button id="add-hidden" slot="add-button" hidden></button>\n          <div\n            id="drop-camera"\n            slot="drop-label"\n            part="drop-area"\n            ?hidden="','"\n          >\n            <span id="drop" part="drop-area-text">\n              <simple-icon-lite\n                icon="file-upload"\n                part="drop-area-icon"\n              ></simple-icon-lite>\n              Drop media here ','\n            </span>\n            <simple-toolbar-button\n              icon="image:camera-alt"\n              label="Take photo"\n              show-text-label\n              @mousedown="','"\n              @focus="','"\n              @click="','"\n              controls="fieldset"\n              part="take-photo"\n              ?hidden="','"\n            >\n            </simple-toolbar-button>\n            <simple-toolbar-button\n              icon="image:camera-alt"\n              label="Record Audio"\n              show-text-label\n              @mousedown="','"\n              @focus="','"\n              @click="','"\n              controls="fieldset"\n              part="record-audio"\n              ?hidden="','"\n            >\n            </simple-toolbar-button>\n          </div>\n          <simple-toolbar-button\n            id="cancel-camera"\n            icon="icons:clear"\n            label="Cancel"\n            @mousedown="','"\n            @focus="','"\n            @click="','"\n            controls="fieldset"\n            slot="drop-label"\n            part="cancel-media"\n            ?hidden="','"\n          >\n          </simple-toolbar-button>\n          <div\n            id="camerahole"\n            ?hidden="','"\n            part="camera"\n            slot="drop-label"\n            part="camera-preview"\n          ></div>\n          <div\n            id="voicerecorder"\n            ?hidden="','"\n            slot="drop-label"\n            part="voice-preview"\n          ></div>\n        </vaadin-upload>\n      </div>\n    ']);return _templateObject3_c93a41901f2611eda0c389891c227ec8=function _templateObject3_c93a41901f2611eda0c389891c227ec8(){return e},e}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(n,r,i):n[r]=e[r]}return n.default=e,t&&t.set(e,n),n}function _templateObject2_c93a41901f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <fieldset part="fieldset">'," ","</fieldset>\n    "]);return _templateObject2_c93a41901f2611eda0c389891c227ec8=function _templateObject2_c93a41901f2611eda0c389891c227ec8(){return e},e}function _templateObject_c93a41901f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          pointer-events: all;\n          overflow: visible;\n          transition: 0.3s all ease;\n          --simple-login-camera-aspect: 1.777777777777;\n          --simple-camera-snap-color: var(--simple-fields-color, currentColor);\n          --simple-camera-snap-background: var(\n            --simple-fields-background-color,\n            unset\n          );\n          --simple-camera-snap-border-radius: 2px;\n          --lumo-font-family: var(--simple-fields-font-family, sans-serif);\n          --lumo-error-color: var(--simple-fields-error-color, #b40000);\n          --lumo-primary-font-color: var(--simple-fields-color, currentColor);\n          --lumo-base-color: var(--simple-fields-background-color, transparent);\n        }\n        #url-browse,\n        #drop-camera {\n          width: 100%;\n          font-family: var(--simple-fields-button-font-family, sans-serif);\n          font-size: var(--simple-fields-button-font-size, 14px);\n        }\n        #drop-camera {\n          display: flex;\n          align-items: center;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n        }\n        #browse {\n          margin-right: 0;\n        }\n        #url {\n          margin-bottom: var(--simple-fields-margin-small, 8px);\n        }\n        #url::part(option-inner) {\n          overflow: hidden;\n          display: flex;\n          flex-direction: column;\n          justify-content: flex-end;\n        }\n        #drop,\n        #photo {\n          white-space: nowrap;\n        }\n        #upload-options {\n          transition: height 0.3s linear;\n        }\n        #cancel-camera {\n          display: block;\n          margin: 0;\n          margin: -12px -12px 0;\n          z-index: 2;\n        }\n        #cancel-camera::part(button) {\n          width: 24px;\n        }\n        simple-toolbar-button {\n          margin: 0 5px;\n        }\n        vaadin-upload {\n          padding: 0 var(--simple-fields-margin-small, 8px)\n            var(--simple-fields-margin-small, 8px);\n          position: relative;\n          overflow: visible;\n        }\n        vaadin-upload::part(drop-label-icon) {\n          display: none;\n        }\n        vaadin-upload::part(add-button) {\n          font-family: var(--simple-fields-font-family, sans-serif);\n          color: var(--simple-fields-color, currentColor);\n        }\n        vaadin-upload::part(drop-label) {\n          font-family: var(--simple-fields-font-family, sans-serif);\n          color: var(--simple-fields-color, currentColor);\n          margin-bottom: 16px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          padding: 0 calc(1 * var(--simple-fields-margin-small, 8px));\n          width: calc(100% - 2 * var(--simple-fields-margin-small) - 2px);\n        }\n        vaadin-upload.option-selfie::part(drop-label) {\n          display: block;\n        }\n        vaadin-upload.option-selfie #drop-camera {\n          display: none;\n        }\n        vaadin-upload[dragover] {\n          border-color: var(\n            --simple-fields-secondary-accent-color,\n            var(--simple-colors-default-theme-accent-3, #77e2ff)\n          );\n        }\n        vaadin-upload-file {\n          --disabled-text-color: #var(--simple-fields-border-color, #999);\n        }\n        simple-camera-snap {\n          --simple-camera-snap-button-container-bottom: 2px;\n          --simple-camera-snap-button-container-z-index: 5;\n          --simple-camera-snap-button-border-radius: 100%;\n          --simple-camera-snap-button-opacity: 0.7;\n        }\n      "]);return _templateObject_c93a41901f2611eda0c389891c227ec8=function _templateObject_c93a41901f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-toolbar/simple-toolbar.js"),require("@lrnwebcomponents/simple-toolbar/lib/simple-toolbar-button.js"),require("@vaadin/vaadin-upload/vaadin-upload.js");var o=function(o){function SimpleFieldsUpload(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleFieldsUpload),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleFieldsUpload).call(this))).noCamera=!1,e.noVoiceRecord=!0,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleFieldsUpload,(0,n.SimpleFieldsFieldsetBehaviors)(e.LitElement)),_createClass(SimpleFieldsUpload,null,[{key:"tag",get:function get(){return"simple-fields-upload"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleFieldsUpload),"styles",this)),_toConsumableArray(t.SimpleFieldsButtonStyles),[(0,e.css)(_templateObject_c93a41901f2611eda0c389891c227ec8())])}}]),_createClass(SimpleFieldsUpload,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_c93a41901f2611eda0c389891c227ec8(),this.legend,this.fields)}},{key:"_handleCameraOption",value:function _handleCameraOption(e){e.preventDefault(),this.option="selfie",this._takeSelfie(e)}},{key:"_handleAudioOption",value:function _handleAudioOption(e){e.preventDefault(),this.option="voice",this._voiceRecorder(e)}},{key:"_handleCancel",value:function _handleCancel(e){e.preventDefault(),this.option="fileupload"}},{key:"_handleBrowse",value:function _handleBrowse(e){e.preventDefault(),this.shadowRoot.querySelector("#add-hidden").dispatchEvent(new CustomEvent("click",e))}},{key:"valueChanged",value:function valueChanged(e){this.value=e.detail.value}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(SimpleFieldsUpload.prototype),"updated",this)&&_get(_getPrototypeOf(SimpleFieldsUpload.prototype),"updated",this).call(this,e),e.forEach((function(e,n){"value"==n&&t.dispatchEvent(new CustomEvent("value-changed",{detail:{value:t[n]}}))})),this.field&&this.__delayedFocus&&this.focus()}},{key:"focus",value:function focus(){this.field?(this.field.focus(),this.__delayedFocus=!1):this.__delayedFocus=!0}},{key:"_fileAboutToUpload",value:function _fileAboutToUpload(e){this.dispatchEvent(new CustomEvent("upload-before",{bubbles:!0,cancelable:!0,composed:!1,detail:e.detail}))}},{key:"_fileUploadResponse",value:function _fileUploadResponse(e){this.shadowRoot.querySelector("#url").value=item.url,this.dispatchEvent(new CustomEvent("upload-response",{bubbles:!0,cancelable:!0,composed:!1,detail:e.detail}))}},{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(SimpleFieldsUpload.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(SimpleFieldsUpload.prototype),"firstUpdated",this).call(this,e),this.value?this.option="url":this.option="fileupload"}},{key:"__newPhotoShowedUp",value:function __newPhotoShowedUp(e){var t=new File([e.detail.raw],"headshot"+e.timeStamp+".jpg");this.shadowRoot.querySelector("#fileupload")._addFile(t)}},{key:"__newAudioShowedUp",value:function __newAudioShowedUp(e){var t=new File([e.detail.value],"voice-memo"+e.timeStamp+".mp3");this.shadowRoot.querySelector("#fileupload")._addFile(t)}},{key:"_takeSelfie",value:function _takeSelfie(e){this.camera||(Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/simple-login/lib/simple-camera-snap.js"))})),this.camera=document.createElement("simple-camera-snap"),this.camera.autoplay=!0,this.camera.addEventListener("simple-camera-snap-image",this.__newPhotoShowedUp.bind(this)),this.shadowRoot.querySelector("#camerahole").appendChild(this.camera))}},{key:"_voiceRecorder",value:function _voiceRecorder(e){this.voice||(Promise.resolve().then((function(){return _interopRequireWildcard(require("@lrnwebcomponents/voice-recorder/voice-recorder.js"))})),this.voice=document.createElement("voice-recorder"),this.voice.addEventListener("voice-recorder-recording",this.__newAudioShowedUp.bind(this)),this.shadowRoot.querySelector("#voicerecorder").appendChild(this.voice))}},{key:"_resolveObjectPath",value:function _resolveObjectPath(e,t){return e.split(".").reduce((function(e,t){return e?e[t]:null}),t||self)}},{key:"fields",get:function get(){return(0,e.html)(_templateObject3_c93a41901f2611eda0c389891c227ec8(),this.autofocus,this.autocomplete,this.value||"",this.valueChanged,this.description,(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),this._handleBrowse,this.option,this._fileAboutToUpload,this._fileUploadResponse,"selfie"==this.option||"audio"==this.option,navigator.mediaDevices?(0,e.html)(_templateObject4_c93a41901f2611eda0c389891c227ec8()):"",(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),this._handleCameraOption,!navigator.mediaDevices||this.noCamera,(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),this._handleAudioOption,!navigator.mediaDevices||this.noVoiceRecord,(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),this._handleCancel,"selfie"!==this.option&&"audio"!==this.option,"selfie"!==this.option,"audio"!==this.option)}},{key:"field",get:function get(){if(this.shadowRoot)return"selfie"==this.option&&this.shadowRoot.querySelector("#cancel")||"audio"==this.option&&this.shadowRoot.querySelector("#cancel")?this.shadowRoot.querySelector("#cancel"):!!this.shadowRoot.querySelector("#url")&&this.shadowRoot.querySelector("#url")}}],[{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(SimpleFieldsUpload),"properties",this),{accept:{type:String},autocomplete:{type:String},autofocus:{type:Boolean},value:{type:String},option:{type:String},noCamera:{type:Boolean,attribute:"no-camera"},noVoiceRecord:{type:Boolean,attribute:"no-voice-record"}})}}]),SimpleFieldsUpload}();exports.SimpleFieldsUpload=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-tag.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-tag.dev.js
index 7225a783f74..2e808447251 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-tag.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/dist/simple-tag.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleTag=void 0;var e=require("lit");require("@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js");var t=require("./simple-fields-ui.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_f237bcb01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          align-items: center;\n          background-color: var(\n            --simple-fields-button-color,\n            var(--simple-fields-color)\n          );\n          color: var(\n            --simple-fields-button-background-color,\n            var(--simple-fields-background-color)\n          );\n          font-size: var(--simple-fields-font-size, 16px);\n          font-family: var(--simple-fields-font-family, sans-serif);\n          line-height: var(--simple-fields-line-height, 22px);\n          border-radius: var(--simple-fields-tag-border-radius, 4px);\n          padding: var(--simple-fields-button-padding, 2px)\n            calc(2 * var(--simple-fields-button-padding, 2px));\n          border-width: 1px;\n          border-style: solid;\n          border-color: var(\n            --simple-fields-fieldset-border-color,\n            var(--simple-fields-border-color-light, #ccc)\n          );\n        }\n        simple-icon-button-lite {\n          cursor: pointer;\n          margin-left: 4px;\n          --simple-icon-height: var(--simple-fields-font-size, 16px);\n          --simple-icon-width: var(--simple-fields-font-size, 16px);\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host([disabled]):not([readonly]) {\n          opacity: 0.5;\n        }\n      "]);return _templateObject3_f237bcb01f0511ed8cc3e9a95995ad69=function _templateObject3_f237bcb01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_f237bcb01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n            <simple-icon-button-lite\n              icon="','"\n              label="Remove ','"\n              ?hidden="','"\n              @click="','"\n              ?disabled="','"\n            ></simple-icon-button-lite>\n          ']);return _templateObject2_f237bcb01f0511ed8cc3e9a95995ad69=function _templateObject2_f237bcb01f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_f237bcb01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n      <span>","<slot></slot></span>\n      ","\n    "]);return _templateObject_f237bcb01f0511ed8cc3e9a95995ad69=function _templateObject_f237bcb01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var n=function(n){function SimpleTag(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleTag),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleTag).call(this))).data={},e.icon="cancel",e.cancelButton=!1,e.disabled=!1,e.readonly=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleTag,e.LitElement),_createClass(SimpleTag,null,[{key:"tag",get:function get(){return"simple-tag"}},{key:"properties",get:function get(){return{readonly:{type:Boolean,reflect:!0},icon:{type:String},disabled:{type:Boolean,reflect:!0},value:{type:String},data:{type:Object},cancelButton:{type:Boolean,attribute:"cancel-button"}}}}]),_createClass(SimpleTag,[{key:"render",value:function render(){return(0,e.html)(_templateObject_f237bcb01f0511ed8cc3e9a95995ad69(),this.value,this.readonly?"":(0,e.html)(_templateObject2_f237bcb01f0511ed8cc3e9a95995ad69(),this.icon,this.value,this.cancelButton,this.clickEvent,this.disabled))}},{key:"clickEvent",value:function clickEvent(e){this.dispatchEvent(new CustomEvent("simple-tag-clicked",{composed:!1,bubbles:!1,cancelable:!1,detail:{value:this.value}}))}}],[{key:"styles",get:function get(){return[t.SimpleFieldsButtonStyles,t.SimpleFieldsTooltipStyles,(0,e.css)(_templateObject3_f237bcb01f0511ed8cc3e9a95995ad69())]}}]),SimpleTag}();exports.SimpleTag=n,customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleTag=void 0;var e=require("lit");require("@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js");var t=require("./simple-fields-ui.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject3_c93782701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          align-items: center;\n          background-color: var(\n            --simple-fields-button-color,\n            var(--simple-fields-color)\n          );\n          color: var(\n            --simple-fields-button-background-color,\n            var(--simple-fields-background-color)\n          );\n          font-size: var(--simple-fields-font-size, 16px);\n          font-family: var(--simple-fields-font-family, sans-serif);\n          line-height: var(--simple-fields-line-height, 22px);\n          border-radius: var(--simple-fields-tag-border-radius, 4px);\n          padding: var(--simple-fields-button-padding, 2px)\n            calc(2 * var(--simple-fields-button-padding, 2px));\n          border-width: 1px;\n          border-style: solid;\n          border-color: var(\n            --simple-fields-fieldset-border-color,\n            var(--simple-fields-border-color-light, #ccc)\n          );\n        }\n        simple-icon-button-lite {\n          cursor: pointer;\n          margin-left: 4px;\n          --simple-icon-height: var(--simple-fields-font-size, 16px);\n          --simple-icon-width: var(--simple-fields-font-size, 16px);\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host([disabled]):not([readonly]) {\n          opacity: 0.5;\n        }\n      "]);return _templateObject3_c93782701f2611eda0c389891c227ec8=function _templateObject3_c93782701f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c93782701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n            <simple-icon-button-lite\n              icon="','"\n              label="Remove ','"\n              ?hidden="','"\n              @click="','"\n              ?disabled="','"\n            ></simple-icon-button-lite>\n          ']);return _templateObject2_c93782701f2611eda0c389891c227ec8=function _templateObject2_c93782701f2611eda0c389891c227ec8(){return e},e}function _templateObject_c93782701f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n      <span>","<slot></slot></span>\n      ","\n    "]);return _templateObject_c93782701f2611eda0c389891c227ec8=function _templateObject_c93782701f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var n=function(n){function SimpleTag(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleTag),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleTag).call(this))).data={},e.icon="cancel",e.cancelButton=!1,e.disabled=!1,e.readonly=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleTag,e.LitElement),_createClass(SimpleTag,null,[{key:"tag",get:function get(){return"simple-tag"}},{key:"properties",get:function get(){return{readonly:{type:Boolean,reflect:!0},icon:{type:String},disabled:{type:Boolean,reflect:!0},value:{type:String},data:{type:Object},cancelButton:{type:Boolean,attribute:"cancel-button"}}}}]),_createClass(SimpleTag,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c93782701f2611eda0c389891c227ec8(),this.value,this.readonly?"":(0,e.html)(_templateObject2_c93782701f2611eda0c389891c227ec8(),this.icon,this.value,this.cancelButton,this.clickEvent,this.disabled))}},{key:"clickEvent",value:function clickEvent(e){this.dispatchEvent(new CustomEvent("simple-tag-clicked",{composed:!1,bubbles:!1,cancelable:!1,detail:{value:this.value}}))}}],[{key:"styles",get:function get(){return[t.SimpleFieldsButtonStyles,t.SimpleFieldsTooltipStyles,(0,e.css)(_templateObject3_c93782701f2611eda0c389891c227ec8())]}}]),SimpleTag}();exports.SimpleTag=n,customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button-lite.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button-lite.dev.js
index 0912c169b38..6019b6c65d7 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button-lite.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button-lite.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleIconButtonLite=exports.SimpleIconButtonBehaviors=void 0;var e=require("lit");require("@lrnwebcomponents/simple-colors/simple-colors.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject2_f238f5301f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          :host([hidden]) {\n            display: none;\n          }\n          :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            vertical-align: middle;\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: 0;\n            margin: 0;\n            color: inherit;\n          }\n          button {\n            color: inherit;\n            cursor: pointer;\n            opacity: var(--simple-icon-button-opacity, 1);\n            border: var(--simple-icon-button-border, 0);\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: var(--simple-icon-button-padding, 0px);\n            margin: 0px;\n            width: 100%;\n          }\n          button[aria-pressed] {\n            opacity: var(--simple-icon-button-toggled-opacity, 1);\n            --simple-icon-button-border: var(\n              --simple-icon-toggled-button-border\n            );\n            --simple-icon-color: var(--simple-icon-button-toggled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-toggled-background-color\n            );\n          }\n          button:focus,\n          button:hover {\n            opacity: var(--simple-icon-button-focus-opacity, 0.8);\n            --simple-icon-button-border: var(--simple-icon-button-focus-border);\n            --simple-icon-color: var(--simple-icon-button-focus-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-focus-background-color\n            );\n          }\n          button[disabled] {\n            opacity: var(--simple-icon-button-disabled-opacity, 0.5);\n            --simple-icon-button-border: var(\n              --simple-icon-button-disabled-border\n            );\n            --simple-icon-color: var(--simple-icon-button-disabled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-disabled-background-color\n            );\n            cursor: not-allowed;\n          }\n\n          simple-icon-lite {\n            color: inherit;\n            height: calc(\n              var(--simple-icon-height, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n            width: calc(\n              var(--simple-icon-width, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n          }\n        "]);return _templateObject2_f238f5301f0511ed8cc3e9a95995ad69=function _templateObject2_f238f5301f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_f238f5301f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <button\n          ?autofocus="','"\n          aria-labelledby="','"\n          .aria-pressed="','"\n          controls="','"\n          part="button"\n          ?disabled="','"\n          form="','"\n          label="','"\n          aria-label="','"\n          name="','"\n          .type="','"\n          value="','"\n        >\n          <simple-icon-lite icon=',' part="icon"> </simple-icon-lite>\n        </button>\n      ']);return _templateObject_f238f5301f0511ed8cc3e9a95995ad69=function _templateObject_f238f5301f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("./simple-icons.js"),require("./simple-icon-lite.js");var t=function SimpleIconButtonBehaviors(t){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).ariaLabelledby="",e.controls="",e.disabled=!1,e.form="",e.label="",e.fieldName="",e.type="",e.value="",e}return _inherits(_class,t),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject_f238f5301f0511ed8cc3e9a95995ad69(),this.autofocus,this.ariaLabelledby,this.toggles||this.toggled?"true":this.toggles?"false":void 0,this.controls,this.disabled,this.form,this.label,this.label,this.fieldName,this.type,this.value,this.icon)}}],[{key:"styles",get:function get(){return[_get(_getPrototypeOf(_class),"styles",this)||[]].concat([(0,e.css)(_templateObject2_f238f5301f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{autofocus:{attribute:"autofocus",type:Boolean},ariaLabelledby:{attribute:"aria-labelledby",type:String},controls:{attribute:"controls",type:String},disabled:{attribute:"disabled",type:Boolean},fieldName:{attribute:"field-name",type:String},form:{attribute:"form",type:String},icon:{type:String,reflect:!0},label:{attribute:"label",type:String},type:{attribute:"type",type:String},value:{attribute:"value",type:String,reflect:!0},toggles:{attribute:"toggles",type:Boolean,reflect:!0},toggled:{attribute:"toggled",type:Boolean,reflect:!0}})}}]),_class}(t)};exports.SimpleIconButtonBehaviors=t;var n=function(n){function SimpleIconButtonLite(){var e;return _classCallCheck(this,SimpleIconButtonLite),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleIconButtonLite).call(this))).type="button",e}return _inherits(SimpleIconButtonLite,t(e.LitElement)),_createClass(SimpleIconButtonLite,null,[{key:"tag",get:function get(){return"simple-icon-button-lite"}}]),SimpleIconButtonLite}();exports.SimpleIconButtonLite=n,customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleIconButtonLite=exports.SimpleIconButtonBehaviors=void 0;var e=require("lit");require("@lrnwebcomponents/simple-colors/simple-colors.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _templateObject2_c93b7a101f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          :host([hidden]) {\n            display: none;\n          }\n          :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            vertical-align: middle;\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: 0;\n            margin: 0;\n            color: inherit;\n          }\n          button {\n            color: inherit;\n            cursor: pointer;\n            opacity: var(--simple-icon-button-opacity, 1);\n            border: var(--simple-icon-button-border, 0);\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: var(--simple-icon-button-padding, 0px);\n            margin: 0px;\n            width: 100%;\n          }\n          button[aria-pressed] {\n            opacity: var(--simple-icon-button-toggled-opacity, 1);\n            --simple-icon-button-border: var(\n              --simple-icon-toggled-button-border\n            );\n            --simple-icon-color: var(--simple-icon-button-toggled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-toggled-background-color\n            );\n          }\n          button:focus,\n          button:hover {\n            opacity: var(--simple-icon-button-focus-opacity, 0.8);\n            --simple-icon-button-border: var(--simple-icon-button-focus-border);\n            --simple-icon-color: var(--simple-icon-button-focus-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-focus-background-color\n            );\n          }\n          button[disabled] {\n            opacity: var(--simple-icon-button-disabled-opacity, 0.5);\n            --simple-icon-button-border: var(\n              --simple-icon-button-disabled-border\n            );\n            --simple-icon-color: var(--simple-icon-button-disabled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-disabled-background-color\n            );\n            cursor: not-allowed;\n          }\n\n          simple-icon-lite {\n            color: inherit;\n            height: calc(\n              var(--simple-icon-height, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n            width: calc(\n              var(--simple-icon-width, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n          }\n        "]);return _templateObject2_c93b7a101f2611eda0c389891c227ec8=function _templateObject2_c93b7a101f2611eda0c389891c227ec8(){return e},e}function _templateObject_c93b7a101f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <button\n          ?autofocus="','"\n          aria-labelledby="','"\n          .aria-pressed="','"\n          controls="','"\n          part="button"\n          ?disabled="','"\n          form="','"\n          label="','"\n          aria-label="','"\n          name="','"\n          .type="','"\n          value="','"\n        >\n          <simple-icon-lite icon=',' part="icon"> </simple-icon-lite>\n        </button>\n      ']);return _templateObject_c93b7a101f2611eda0c389891c227ec8=function _templateObject_c93b7a101f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,n){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}},_get(e,t,n||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("./simple-icons.js"),require("./simple-icon-lite.js");var t=function SimpleIconButtonBehaviors(t){return function(t){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).ariaLabelledby="",e.controls="",e.disabled=!1,e.form="",e.label="",e.fieldName="",e.type="",e.value="",e}return _inherits(_class,t),_createClass(_class,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c93b7a101f2611eda0c389891c227ec8(),this.autofocus,this.ariaLabelledby,this.toggles||this.toggled?"true":this.toggles?"false":void 0,this.controls,this.disabled,this.form,this.label,this.label,this.fieldName,this.type,this.value,this.icon)}}],[{key:"styles",get:function get(){return[_get(_getPrototypeOf(_class),"styles",this)||[]].concat([(0,e.css)(_templateObject2_c93b7a101f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{autofocus:{attribute:"autofocus",type:Boolean},ariaLabelledby:{attribute:"aria-labelledby",type:String},controls:{attribute:"controls",type:String},disabled:{attribute:"disabled",type:Boolean},fieldName:{attribute:"field-name",type:String},form:{attribute:"form",type:String},icon:{type:String,reflect:!0},label:{attribute:"label",type:String},type:{attribute:"type",type:String},value:{attribute:"value",type:String,reflect:!0},toggles:{attribute:"toggles",type:Boolean,reflect:!0},toggled:{attribute:"toggled",type:Boolean,reflect:!0}})}}]),_class}(t)};exports.SimpleIconButtonBehaviors=t;var n=function(n){function SimpleIconButtonLite(){var e;return _classCallCheck(this,SimpleIconButtonLite),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleIconButtonLite).call(this))).type="button",e}return _inherits(SimpleIconButtonLite,t(e.LitElement)),_createClass(SimpleIconButtonLite,null,[{key:"tag",get:function get(){return"simple-icon-button-lite"}}]),SimpleIconButtonLite}();exports.SimpleIconButtonLite=n,customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button.dev.js
index 8a0ad249167..bc85dfde3c1 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-button.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleIconButton=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-colors/simple-colors.js"),r=require("./simple-icon-button-lite.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject_f239df901f0511ed8cc3e9a95995ad69(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(['\n      <button \n        ?autofocus="','"\n        aria-labelledby="','"\n        .aria-pressed="','"\n        controls="','"\n        part="button"\n        ?disabled="','"\n        form="','"\n        label="','"\n        aria-label="','"\n        name="','"\n        .type="','"\n        value="','">\n        <simple-icon\n          part="icon"\n          icon="','"\n          accent-color="','"\n          contrast="','"\n          ?dark="','"\n        ></simple-icon>\n      </button>\n    ']);return _templateObject_f239df901f0511ed8cc3e9a95995ad69=function _templateObject_f239df901f0511ed8cc3e9a95995ad69(){return e},e}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("./simple-icons.js"),require("../simple-icon.js");var o=function(o){function SimpleIconButton(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleIconButton),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleIconButton).call(this))).accentColor="grey",e.contrast=4,e.dark=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleIconButton,(0,r.SimpleIconButtonBehaviors)(t.SimpleColors)),_createClass(SimpleIconButton,null,[{key:"tag",get:function get(){return"simple-icon-button"}}]),_createClass(SimpleIconButton,[{key:"render",value:function render(){return(0,e.html)(_templateObject_f239df901f0511ed8cc3e9a95995ad69(),this.autofocus,this.ariaLabelledby,this.toggles||this.toggled?"true":this.toggles?"false":void 0,this.controls,this.disabled,this.form,this.label,this.label,this.fieldName,this.type,this.value,this.icon,this.accentColor,this.contrast,this.dark)}}],[{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(SimpleIconButton),"properties",this),{contrast:{type:Number,reflect:!0}})}}]),SimpleIconButton}();exports.SimpleIconButton=o,customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleIconButton=void 0;var e=require("lit"),t=require("@lrnwebcomponents/simple-colors/simple-colors.js"),r=require("./simple-icon-button-lite.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject_c93c64701f2611eda0c389891c227ec8(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(['\n      <button \n        ?autofocus="','"\n        aria-labelledby="','"\n        .aria-pressed="','"\n        controls="','"\n        part="button"\n        ?disabled="','"\n        form="','"\n        label="','"\n        aria-label="','"\n        name="','"\n        .type="','"\n        value="','">\n        <simple-icon\n          part="icon"\n          icon="','"\n          accent-color="','"\n          contrast="','"\n          ?dark="','"\n        ></simple-icon>\n      </button>\n    ']);return _templateObject_c93c64701f2611eda0c389891c227ec8=function _templateObject_c93c64701f2611eda0c389891c227ec8(){return e},e}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("./simple-icons.js"),require("../simple-icon.js");var o=function(o){function SimpleIconButton(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleIconButton),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleIconButton).call(this))).accentColor="grey",e.contrast=4,e.dark=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleIconButton,(0,r.SimpleIconButtonBehaviors)(t.SimpleColors)),_createClass(SimpleIconButton,null,[{key:"tag",get:function get(){return"simple-icon-button"}}]),_createClass(SimpleIconButton,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c93c64701f2611eda0c389891c227ec8(),this.autofocus,this.ariaLabelledby,this.toggles||this.toggled?"true":this.toggles?"false":void 0,this.controls,this.disabled,this.form,this.label,this.label,this.fieldName,this.type,this.value,this.icon,this.accentColor,this.contrast,this.dark)}}],[{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(SimpleIconButton),"properties",this),{contrast:{type:Number,reflect:!0}})}}]),SimpleIconButton}();exports.SimpleIconButton=o,customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-lite.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-lite.dev.js
index 5a8e4552f44..f0e472a8b7d 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-lite.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-icon/lib/dist/simple-icon-lite.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleIconLite=exports.SimpleIconBehaviors=void 0;var e=require("lit"),t=require("./simple-iconset.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject3_f23b18101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            vertical-align: middle;\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          svg {\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n            max-height: var(--simple-icon-height, 24px);\n            max-width: var(--simple-icon-width, 24px);\n          }\n          feFlood {\n            flood-color: var(--simple-icon-color, currentColor);\n          }\n          svg {\n            pointer-events: none;\n          }\n        "]);return _templateObject3_f23b18101f0511ed8cc3e9a95995ad69=function _templateObject3_f23b18101f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject2_f23b18101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['<feFlood result="COLOR" />']);return _templateObject2_f23b18101f0511ed8cc3e9a95995ad69=function _templateObject2_f23b18101f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_f23b18101f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet">\n          <filter\n            color-interpolation-filters="sRGB"\n            x="0"\n            y="0"\n            height="24px"\n            width="24px"\n          >\n            ','\n            <feComposite operator="in" in="COLOR" in2="SourceAlpha" />\n          </filter>\n          <image\n            xlink:href=""\n            width="24px"\n            height="24px"\n            focusable="false"\n            preserveAspectRatio="xMidYMid meet"\n          ></image>\n        </svg>\n      ']);return _templateObject_f23b18101f0511ed8cc3e9a95995ad69=function _templateObject_f23b18101f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var r=function SimpleIconBehaviors(r){return function(r){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).noColorize=!1,e}return _inherits(_class,r),_createClass(_class,[{key:"render",value:function render(){return(0,e.svg)(_templateObject_f23b18101f0511ed8cc3e9a95995ad69(),this.feFlood)}},{key:"feFlood",get:function get(){return this.noColorize?"":(0,e.svg)(_templateObject2_f23b18101f0511ed8cc3e9a95995ad69())}}],[{key:"styles",get:function get(){return[_get(_getPrototypeOf(_class),"styles",this)||[]].concat([(0,e.css)(_templateObject3_f23b18101f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{src:{type:String},noColorize:{type:Boolean,attribute:"no-colorize"},icon:{type:String,attribute:"icon",reflect:!0}})}}]),_createClass(_class,[{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(_class.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,e);var t="f-"+Math.random().toString().slice(2,10);this.shadowRoot.querySelector("image").style.filter="url(#".concat(t,")"),this.shadowRoot.querySelector("filter").setAttribute("id",t)}},{key:"setSrcByIcon",value:function setSrcByIcon(e){return this.src=t.SimpleIconsetStore.getIcon(this.icon,e),this.src}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(_class.prototype),"updated",this)&&_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,e),e.forEach((function(e,r){"icon"==r&&(t[r]?t.setSrcByIcon(t):t.src=null),"src"==r&&t[r]&&t.shadowRoot.querySelector("image").setAttribute("xlink:href","".concat(t[r]))}))}}]),_class}(r)};exports.SimpleIconBehaviors=r;var n=function(t){function SimpleIconLite(){return _classCallCheck(this,SimpleIconLite),_possibleConstructorReturn(this,_getPrototypeOf(SimpleIconLite).apply(this,arguments))}return _inherits(SimpleIconLite,r(e.LitElement)),_createClass(SimpleIconLite,null,[{key:"tag",get:function get(){return"simple-icon-lite"}}]),SimpleIconLite}();exports.SimpleIconLite=n,customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleIconLite=exports.SimpleIconBehaviors=void 0;var e=require("lit"),t=require("./simple-iconset.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject3_c93e39301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            vertical-align: middle;\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n          }\n          :host([hidden]) {\n            display: none;\n          }\n          svg {\n            height: var(--simple-icon-height, 24px);\n            width: var(--simple-icon-width, 24px);\n            max-height: var(--simple-icon-height, 24px);\n            max-width: var(--simple-icon-width, 24px);\n          }\n          feFlood {\n            flood-color: var(--simple-icon-color, currentColor);\n          }\n          svg {\n            pointer-events: none;\n          }\n        "]);return _templateObject3_c93e39301f2611eda0c389891c227ec8=function _templateObject3_c93e39301f2611eda0c389891c227ec8(){return e},e}function _templateObject2_c93e39301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['<feFlood result="COLOR" />']);return _templateObject2_c93e39301f2611eda0c389891c227ec8=function _templateObject2_c93e39301f2611eda0c389891c227ec8(){return e},e}function _templateObject_c93e39301f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet">\n          <filter\n            color-interpolation-filters="sRGB"\n            x="0"\n            y="0"\n            height="24px"\n            width="24px"\n          >\n            ','\n            <feComposite operator="in" in="COLOR" in2="SourceAlpha" />\n          </filter>\n          <image\n            xlink:href=""\n            width="24px"\n            height="24px"\n            focusable="false"\n            preserveAspectRatio="xMidYMid meet"\n          ></image>\n        </svg>\n      ']);return _templateObject_c93e39301f2611eda0c389891c227ec8=function _templateObject_c93e39301f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var n=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var r=function SimpleIconBehaviors(r){return function(r){function _class(){var e;return _classCallCheck(this,_class),(e=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).noColorize=!1,e}return _inherits(_class,r),_createClass(_class,[{key:"render",value:function render(){return(0,e.svg)(_templateObject_c93e39301f2611eda0c389891c227ec8(),this.feFlood)}},{key:"feFlood",get:function get(){return this.noColorize?"":(0,e.svg)(_templateObject2_c93e39301f2611eda0c389891c227ec8())}}],[{key:"styles",get:function get(){return[_get(_getPrototypeOf(_class),"styles",this)||[]].concat([(0,e.css)(_templateObject3_c93e39301f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this),{src:{type:String},noColorize:{type:Boolean,attribute:"no-colorize"},icon:{type:String,attribute:"icon",reflect:!0}})}}]),_createClass(_class,[{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(_class.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(_class.prototype),"firstUpdated",this).call(this,e);var t="f-"+Math.random().toString().slice(2,10);this.shadowRoot.querySelector("image").style.filter="url(#".concat(t,")"),this.shadowRoot.querySelector("filter").setAttribute("id",t)}},{key:"setSrcByIcon",value:function setSrcByIcon(e){return this.src=t.SimpleIconsetStore.getIcon(this.icon,e),this.src}},{key:"updated",value:function updated(e){var t=this;_get(_getPrototypeOf(_class.prototype),"updated",this)&&_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,e),e.forEach((function(e,r){"icon"==r&&(t[r]?t.setSrcByIcon(t):t.src=null),"src"==r&&t[r]&&t.shadowRoot.querySelector("image").setAttribute("xlink:href","".concat(t[r]))}))}}]),_class}(r)};exports.SimpleIconBehaviors=r;var n=function(t){function SimpleIconLite(){return _classCallCheck(this,SimpleIconLite),_possibleConstructorReturn(this,_getPrototypeOf(SimpleIconLite).apply(this,arguments))}return _inherits(SimpleIconLite,r(e.LitElement)),_createClass(SimpleIconLite,null,[{key:"tag",get:function get(){return"simple-icon-lite"}}]),SimpleIconLite}();exports.SimpleIconLite=n,customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-modal/lib/dist/simple-modal-template.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-modal/lib/dist/simple-modal-template.dev.js
index e7509a64538..fa534995da1 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-modal/lib/dist/simple-modal-template.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-modal/lib/dist/simple-modal-template.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleModalTemplate=void 0;var e=require("lit"),t=require("../simple-modal.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_f281be001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <slot name="header"></slot>\n      <slot name="content"></slot>\n      <slot name="buttons"></slot>\n    ']);return _templateObject2_f281be001f0511ed8cc3e9a95995ad69=function _templateObject2_f281be001f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_f281be001f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "]);return _templateObject_f281be001f0511ed8cc3e9a95995ad69=function _templateObject_f281be001f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function SimpleModalTemplate(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleModalTemplate),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleModalTemplate).call(this))).title="",e.modal=window.SimpleModal.requestAvailability(),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleModalTemplate,e.LitElement),_createClass(SimpleModalTemplate,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_f281be001f0511ed8cc3e9a95995ad69())]}},{key:"tag",get:function get(){return"simple-modal-template"}}]),_createClass(SimpleModalTemplate,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_f281be001f0511ed8cc3e9a95995ad69())}},{key:"associateEvents",value:function associateEvents(e){var t=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"click",n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];return e.addEventListener(o,(function(o){t.openModal(e,n,r)})),this.modal}},{key:"openModal",value:function openModal(e){var o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=getComputedStyle(this),l={};t.SimpleModalCssVars.forEach((function(e){l[e]=r.getPropertyValue(e),"--simple-modal-z-index"==e&&(l[e]=Number(l[e]))}));var i=new CustomEvent("simple-modal-show",{bubbles:o,cancelable:n,composed:!0,detail:{id:this.getAttribute("modal-id"),elements:{header:this._getSlot("header"),content:this._getSlot("content"),buttons:this._getSlot("buttons"),custom:this._getCustom()},resize:this.resize,invokedBy:e,modalClass:this.getAttribute("class"),styles:l,clone:!1,mode:null!==this.mode&&this.mode,title:null!==this.title&&this.title}});window.dispatchEvent(i)}},{key:"_getCustom",value:function _getCustom(){var e=this.querySelectorAll('[slot="custom"]');return 1==e.length?e[0].cloneNode(!0):this._getSlot("custom")}},{key:"_getSlot",value:function _getSlot(e){var t=this.querySelectorAll('[slot="'+e+'"]');t&&t[0]&&"SLOT"==t[0].tagName&&(t=t[0].assignedNodes({flatten:!0}));var o=document.createElement("div");return t.forEach((function(e){o.appendChild(e.cloneNode(!0))})),null!==t&&o.cloneNode(!0)}}],[{key:"properties",get:function get(){return{modal:{type:Object},title:{type:String},mode:{type:String}}}}]),SimpleModalTemplate}();exports.SimpleModalTemplate=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleModalTemplate=void 0;var e=require("lit"),t=require("../simple-modal.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c983cdb01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <slot name="header"></slot>\n      <slot name="content"></slot>\n      <slot name="buttons"></slot>\n    ']);return _templateObject2_c983cdb01f2611eda0c389891c227ec8=function _templateObject2_c983cdb01f2611eda0c389891c227ec8(){return e},e}function _templateObject_c983cdb01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "]);return _templateObject_c983cdb01f2611eda0c389891c227ec8=function _templateObject_c983cdb01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o=function(o){function SimpleModalTemplate(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleModalTemplate),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleModalTemplate).call(this))).title="",e.modal=window.SimpleModal.requestAvailability(),e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleModalTemplate,e.LitElement),_createClass(SimpleModalTemplate,null,[{key:"styles",get:function get(){return[(0,e.css)(_templateObject_c983cdb01f2611eda0c389891c227ec8())]}},{key:"tag",get:function get(){return"simple-modal-template"}}]),_createClass(SimpleModalTemplate,[{key:"render",value:function render(){return(0,e.html)(_templateObject2_c983cdb01f2611eda0c389891c227ec8())}},{key:"associateEvents",value:function associateEvents(e){var t=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"click",n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];return e.addEventListener(o,(function(o){t.openModal(e,n,r)})),this.modal}},{key:"openModal",value:function openModal(e){var o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=getComputedStyle(this),l={};t.SimpleModalCssVars.forEach((function(e){l[e]=r.getPropertyValue(e),"--simple-modal-z-index"==e&&(l[e]=Number(l[e]))}));var i=new CustomEvent("simple-modal-show",{bubbles:o,cancelable:n,composed:!0,detail:{id:this.getAttribute("modal-id"),elements:{header:this._getSlot("header"),content:this._getSlot("content"),buttons:this._getSlot("buttons"),custom:this._getCustom()},resize:this.resize,invokedBy:e,modalClass:this.getAttribute("class"),styles:l,clone:!1,mode:null!==this.mode&&this.mode,title:null!==this.title&&this.title}});window.dispatchEvent(i)}},{key:"_getCustom",value:function _getCustom(){var e=this.querySelectorAll('[slot="custom"]');return 1==e.length?e[0].cloneNode(!0):this._getSlot("custom")}},{key:"_getSlot",value:function _getSlot(e){var t=this.querySelectorAll('[slot="'+e+'"]');t&&t[0]&&"SLOT"==t[0].tagName&&(t=t[0].assignedNodes({flatten:!0}));var o=document.createElement("div");return t.forEach((function(e){o.appendChild(e.cloneNode(!0))})),null!==t&&o.cloneNode(!0)}}],[{key:"properties",get:function get(){return{modal:{type:Object},title:{type:String},mode:{type:String}}}}]),SimpleModalTemplate}();exports.SimpleModalTemplate=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-emoji-picker.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-emoji-picker.dev.js
index 6a480885a5f..21b28583f9e 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-emoji-picker.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-emoji-picker.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleEmojiPicker=void 0;var e=require("lit-element/lit-element.js"),t=require("@lrnwebcomponents/simple-picker/simple-picker.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,l)}return a}function _defineProperty(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _templateObject_f28edd601f0511ed8cc3e9a95995ad69(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n        simple-picker-option {\n          justify-content: space-around;\n        }\n        #icon {\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n      "]);return _templateObject_f28edd601f0511ed8cc3e9a95995ad69=function _templateObject_f28edd601f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,a=new Array(e.length);t<e.length;t++)a[t]=e[t];return a}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}function _createClass(e,t,a){return t&&_defineProperties(e.prototype,t),a&&_defineProperties(e,a),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,a){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,a){var l=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(l){var o=Object.getOwnPropertyDescriptor(l,t);return o.get?o.get.call(a):o.value}},_get(e,t,a||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var a=function(a){function SimpleEmojiPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleEmojiPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleEmojiPicker).call(this))).emojiTypes=["emotions","people","nature","food","travel","activities","objects","symbols","flags"],e.icon="editor:insert-emoticon",e.label="Emoji",e.titleAsHtml=!0,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleEmojiPicker,t.SimplePicker),_createClass(SimpleEmojiPicker,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleEmojiPicker),"styles",this)),[(0,e.css)(_templateObject_f28edd601f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(a,!0).forEach((function(t){_defineProperty(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):ownKeys(a).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({},_get(_getPrototypeOf(SimpleEmojiPicker),"properties",this),{emojiTypes:{name:"emojiTypes",type:Array,attribute:"emoji-types"}})}},{key:"tag",get:function get(){return"simple-emoji-picker"}}]),_createClass(SimpleEmojiPicker,[{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(SimpleEmojiPicker.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(SimpleEmojiPicker.prototype),"firstUpdated",this).call(this,e);var t=[{alt:null,icon:this.icon,value:null}];this.emojiTypes.forEach((function(e){return window.SimplePickerEmojis[e].forEach((function(e){return t.push(e)}))})),t=this._setPickerOptions(t),this.options=t}},{key:"_setPickerOptions",value:function _setPickerOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options||[],t=[],a=Math.sqrt(e.length)<11?Math.ceil(Math.sqrt(e.length)):10;return e.forEach((function(e,l){var o=Math.floor(l/a),x=l-o*a;t[o]||(t[o]=[]),t[o][x]=e})),t}},{key:"_setSelectedOption",value:function _setSelectedOption(){this.options.length>1&&_get(_getPrototypeOf(SimpleEmojiPicker.prototype),"_setSelectedOption",this).call(this)}}]),SimpleEmojiPicker}();exports.SimpleEmojiPicker=a,window.SimplePickerEmojis=window.SimplePickerEmojis||{emotions:[{value:"&#x1F600;",alt:"&#x1F600;",descripton:"grinning face"},{value:"&#x1F603;",alt:"&#x1F603;",descripton:"grinning face with big eyes"},{value:"&#x1F604;",alt:"&#x1F604;",descripton:"grinning face with smiling eyes"},{value:"&#x1F601;",alt:"&#x1F601;",descripton:"beaming face with smiling eyes"},{value:"&#x1F606;",alt:"&#x1F606;",descripton:"grinning squinting face"},{value:"&#x1F605;",alt:"&#x1F605;",descripton:"grinning face with sweat"},{value:"&#x1F923;",alt:"&#x1F923;",descripton:"rolling on the floor laughing"},{value:"&#x1F602;",alt:"&#x1F602;",descripton:"face with tears of joy"},{value:"&#x1F642;",alt:"&#x1F642;",descripton:"slightly smiling face"},{value:"&#x1F643;",alt:"&#x1F643;",descripton:"upside-down face"},{value:"&#x1F609;",alt:"&#x1F609;",descripton:"winking face"},{value:"&#x1F60A;",alt:"&#x1F60A;",descripton:"smiling face with smiling eyes"},{value:"&#x1F607;",alt:"&#x1F607;",descripton:"smiling face with halo"},{value:"&#x1F970;",alt:"&#x1F970;",descripton:"smiling face with hearts"},{value:"&#x1F60D;",alt:"&#x1F60D;",descripton:"smiling face with heart-eyes"},{value:"&#x1F929;",alt:"&#x1F929;",descripton:"star-struck"},{value:"&#x1F618;",alt:"&#x1F618;",descripton:"face blowing a kiss"},{value:"&#x1F617;",alt:"&#x1F617;",descripton:"kissing face"},{value:"&#x263A;",alt:"&#x263A;",descripton:"smiling face"},{value:"&#x1F61A;",alt:"&#x1F61A;",descripton:"kissing face with closed eyes"},{value:"&#x1F619;",alt:"&#x1F619;",descripton:"kissing face with smiling eyes"},{value:"&#x1F60B;",alt:"&#x1F60B;",descripton:"face savoring food"},{value:"&#x1F61B;",alt:"&#x1F61B;",descripton:"face with tongue"},{value:"&#x1F61C;",alt:"&#x1F61C;",descripton:"winking face with tongue"},{value:"&#x1F92A;",alt:"&#x1F92A;",descripton:"zany face"},{value:"&#x1F61D;",alt:"&#x1F61D;",descripton:"squinting face with tongue"},{value:"&#x1F911;",alt:"&#x1F911;",descripton:"money-mouth face"},{value:"&#x1F917;",alt:"&#x1F917;",descripton:"hugging face"},{value:"&#x1F92D;",alt:"&#x1F92D;",descripton:"face with hand over mouth"},{value:"&#x1F92B;",alt:"&#x1F92B;",descripton:"shushing face"},{value:"&#x1F914;",alt:"&#x1F914;",descripton:"thinking face"},{value:"&#x1F910;",alt:"&#x1F910;",descripton:"zipper-mouth face"},{value:"&#x1F928;",alt:"&#x1F928;",descripton:"face with raised eyebrow"},{value:"&#x1F610;",alt:"&#x1F610;",descripton:"neutral face"},{value:"&#x1F611;",alt:"&#x1F611;",descripton:"expressionless face"},{value:"&#x1F636;",alt:"&#x1F636;",descripton:"face without mouth"},{value:"&#x1F60F;",alt:"&#x1F60F;",descripton:"smirking face"},{value:"&#x1F612;",alt:"&#x1F612;",descripton:"unamused face"},{value:"&#x1F644;",alt:"&#x1F644;",descripton:"face with rolling eyes"},{value:"&#x1F62C;",alt:"&#x1F62C;",descripton:"grimacing face"},{value:"&#x1F925;",alt:"&#x1F925;",descripton:"lying face"},{value:"&#x1F60C;",alt:"&#x1F60C;",descripton:"relieved face"},{value:"&#x1F614;",alt:"&#x1F614;",descripton:"pensive face"},{value:"&#x1F62A;",alt:"&#x1F62A;",descripton:"sleepy face"},{value:"&#x1F924;",alt:"&#x1F924;",descripton:"drooling face"},{value:"&#x1F634;",alt:"&#x1F634;",descripton:"sleeping face"},{value:"&#x1F637;",alt:"&#x1F637;",descripton:"face with medical mask"},{value:"&#x1F912;",alt:"&#x1F912;",descripton:"face with thermometer"},{value:"&#x1F915;",alt:"&#x1F915;",descripton:"face with head-bandage"},{value:"&#x1F922;",alt:"&#x1F922;",descripton:"nauseated face"},{value:"&#x1F92E;",alt:"&#x1F92E;",descripton:"face vomiting"},{value:"&#x1F927;",alt:"&#x1F927;",descripton:"sneezing face"},{value:"&#x1F975;",alt:"&#x1F975;",descripton:"hot face"},{value:"&#x1F976;",alt:"&#x1F976;",descripton:"cold face"},{value:"&#x1F974;",alt:"&#x1F974;",descripton:"woozy face"},{value:"&#x1F635;",alt:"&#x1F635;",descripton:"dizzy face"},{value:"&#x1F92F;",alt:"&#x1F92F;",descripton:"exploding head"},{value:"&#x1F920;",alt:"&#x1F920;",descripton:"cowboy hat face"},{value:"&#x1F973;",alt:"&#x1F973;",descripton:"partying face"},{value:"&#x1F60E;",alt:"&#x1F60E;",descripton:"smiling face with sunglasses"},{value:"&#x1F913;",alt:"&#x1F913;",descripton:"nerd face"},{value:"&#x1F9D0;",alt:"&#x1F9D0;",descripton:"face with monocle"},{value:"&#x1F615;",alt:"&#x1F615;",descripton:"confused face"},{value:"&#x1F61F;",alt:"&#x1F61F;",descripton:"worried face"},{value:"&#x1F641;",alt:"&#x1F641;",descripton:"slightly frowning face"},{value:"&#x2639;",alt:"&#x2639;",descripton:"frowning face"},{value:"&#x1F62E;",alt:"&#x1F62E;",descripton:"face with open mouth"},{value:"&#x1F62F;",alt:"&#x1F62F;",descripton:"hushed face"},{value:"&#x1F632;",alt:"&#x1F632;",descripton:"astonished face"},{value:"&#x1F633;",alt:"&#x1F633;",descripton:"flushed face"},{value:"&#x1F97A;",alt:"&#x1F97A;",descripton:"pleading face"},{value:"&#x1F626;",alt:"&#x1F626;",descripton:"frowning face with open mouth"},{value:"&#x1F627;",alt:"&#x1F627;",descripton:"anguished face"},{value:"&#x1F628;",alt:"&#x1F628;",descripton:"fearful face"},{value:"&#x1F630;",alt:"&#x1F630;",descripton:"anxious face with sweat"},{value:"&#x1F625;",alt:"&#x1F625;",descripton:"sad but relieved face"},{value:"&#x1F622;",alt:"&#x1F622;",descripton:"crying face"},{value:"&#x1F62D;",alt:"&#x1F62D;",descripton:"loudly crying face"},{value:"&#x1F631;",alt:"&#x1F631;",descripton:"face screaming in fear"},{value:"&#x1F616;",alt:"&#x1F616;",descripton:"confounded face"},{value:"&#x1F623;",alt:"&#x1F623;",descripton:"persevering face"},{value:"&#x1F61E;",alt:"&#x1F61E;",descripton:"disappointed face"},{value:"&#x1F613;",alt:"&#x1F613;",descripton:"downcast face with sweat"},{value:"&#x1F629;",alt:"&#x1F629;",descripton:"weary face"},{value:"&#x1F62B;",alt:"&#x1F62B;",descripton:"tired face"},{value:"&#x1F971;",alt:"&#x1F971;",descripton:"yawning face"},{value:"&#x1F624;",alt:"&#x1F624;",descripton:"face with steam from nose"},{value:"&#x1F621;",alt:"&#x1F621;",descripton:"pouting face"},{value:"&#x1F620;",alt:"&#x1F620;",descripton:"angry face"},{value:"&#x1F92C;",alt:"&#x1F92C;",descripton:"face with symbols on mouth"},{value:"&#x1F608;",alt:"&#x1F608;",descripton:"smiling face with horns"},{value:"&#x1F47F;",alt:"&#x1F47F;",descripton:"angry face with horns"},{value:"&#x1F480;",alt:"&#x1F480;",descripton:"skull"},{value:"&#x2620;",alt:"&#x2620;",descripton:"skull and crossbones"},{value:"&#x1F4A9;",alt:"&#x1F4A9;",descripton:"pile of poo"},{value:"&#x1F921;",alt:"&#x1F921;",descripton:"clown face"},{value:"&#x1F479;",alt:"&#x1F479;",descripton:"ogre"},{value:"&#x1F47A;",alt:"&#x1F47A;",descripton:"goblin"},{value:"&#x1F47B;",alt:"&#x1F47B;",descripton:"ghost"},{value:"&#x1F47D;",alt:"&#x1F47D;",descripton:"alien"},{value:"&#x1F47E;",alt:"&#x1F47E;",descripton:"alien monster"},{value:"&#x1F916;",alt:"&#x1F916;",descripton:"robot"},{value:"&#x1F63A;",alt:"&#x1F63A;",descripton:"grinning cat"},{value:"&#x1F638;",alt:"&#x1F638;",descripton:"grinning cat with smiling eyes"},{value:"&#x1F639;",alt:"&#x1F639;",descripton:"cat with tears of joy"},{value:"&#x1F63B;",alt:"&#x1F63B;",descripton:"smiling cat with heart-eyes"},{value:"&#x1F63C;",alt:"&#x1F63C;",descripton:"cat with wry smile"},{value:"&#x1F63D;",alt:"&#x1F63D;",descripton:"kissing cat"},{value:"&#x1F640;",alt:"&#x1F640;",descripton:"weary cat"},{value:"&#x1F63F;",alt:"&#x1F63F;",descripton:"crying cat"},{value:"&#x1F63E;",alt:"&#x1F63E;",descripton:"pouting cat"},{value:"&#x1F648;",alt:"&#x1F648;",descripton:"see-no-evil monkey"},{value:"&#x1F649;",alt:"&#x1F649;",descripton:"hear-no-evil monkey"},{value:"&#x1F64A;",alt:"&#x1F64A;",descripton:"speak-no-evil monkey"},{value:"&#x1F48B;",alt:"&#x1F48B;",descripton:"kiss mark"},{value:"&#x1F48C;",alt:"&#x1F48C;",descripton:"love letter"},{value:"&#x1F498;",alt:"&#x1F498;",descripton:"heart with arrow"},{value:"&#x1F49D;",alt:"&#x1F49D;",descripton:"heart with ribbon"},{value:"&#x1F496;",alt:"&#x1F496;",descripton:"sparkling heart"},{value:"&#x1F497;",alt:"&#x1F497;",descripton:"growing heart"},{value:"&#x1F493;",alt:"&#x1F493;",descripton:"beating heart"},{value:"&#x1F49E;",alt:"&#x1F49E;",descripton:"revolving hearts"},{value:"&#x1F495;",alt:"&#x1F495;",descripton:"two hearts"},{value:"&#x1F49F;",alt:"&#x1F49F;",descripton:"heart decoration"},{value:"&#x2763;",alt:"&#x2763;",descripton:"heart exclamation"},{value:"&#x1F494;",alt:"&#x1F494;",descripton:"broken heart"},{value:"&#x2764;",alt:"&#x2764;",descripton:"red heart"},{value:"&#x1F9E1;",alt:"&#x1F9E1;",descripton:"orange heart"},{value:"&#x1F49B;",alt:"&#x1F49B;",descripton:"yellow heart"},{value:"&#x1F49A;",alt:"&#x1F49A;",descripton:"green heart"},{value:"&#x1F499;",alt:"&#x1F499;",descripton:"blue heart"},{value:"&#x1F49C;",alt:"&#x1F49C;",descripton:"purple heart"},{value:"&#x1F90E;",alt:"&#x1F90E;",descripton:"brown heart"},{value:"&#x1F5A4;",alt:"&#x1F5A4;",descripton:"black heart"},{value:"&#x1F90D;",alt:"&#x1F90D;",descripton:"white heart"},{value:"&#x1F4AF;",alt:"&#x1F4AF;",descripton:"hundred points"},{value:"&#x1F4A2;",alt:"&#x1F4A2;",descripton:"anger symbol"},{value:"&#x1F4A5;",alt:"&#x1F4A5;",descripton:"collision"},{value:"&#x1F4AB;",alt:"&#x1F4AB;",descripton:"dizzy"},{value:"&#x1F4A6;",alt:"&#x1F4A6;",descripton:"sweat droplets"},{value:"&#x1F4A8;",alt:"&#x1F4A8;",descripton:"dashing away"},{value:"&#x1F573;",alt:"&#x1F573;",descripton:"hole"},{value:"&#x1F4A3;",alt:"&#x1F4A3;",descripton:"bomb"},{value:"&#x1F4AC;",alt:"&#x1F4AC;",descripton:"speech balloon"},{value:"&#x1F5E8;",alt:"&#x1F5E8;",descripton:"left speech bubble"},{value:"&#x1F5EF;",alt:"&#x1F5EF;",descripton:"right anger bubble"},{value:"&#x1F4AD;",alt:"&#x1F4AD;",descripton:"thought balloon"},{value:"&#x1F4A4;",alt:"&#x1F4A4;",descripton:"zzz"}],people:[{value:"&#x1F44B;",alt:"&#x1F44B;",descripton:"waving hand"},{value:"&#x1F91A;",alt:"&#x1F91A;",descripton:"raised back of hand"},{value:"&#x1F590;",alt:"&#x1F590;",descripton:"hand with fingers splayed"},{value:"&#x270B;",alt:"&#x270B;",descripton:"raised hand"},{value:"&#x1F596;",alt:"&#x1F596;",descripton:"vulcan salute"},{value:"&#x1F44C;",alt:"&#x1F44C;",descripton:"OK hand"},{value:"&#x1F90F;",alt:"&#x1F90F;",descripton:"pinching hand"},{value:"&#x270C;",alt:"&#x270C;",descripton:"victory hand"},{value:"&#x1F91E;",alt:"&#x1F91E;",descripton:"crossed fingers"},{value:"&#x1F91F;",alt:"&#x1F91F;",descripton:"love-you gesture"},{value:"&#x1F918;",alt:"&#x1F918;",descripton:"sign of the horns"},{value:"&#x1F919;",alt:"&#x1F919;",descripton:"call me hand"},{value:"&#x1F448;",alt:"&#x1F448;",descripton:"backhand index pointing left"},{value:"&#x1F449;",alt:"&#x1F449;",descripton:"backhand index pointing right"},{value:"&#x1F446;",alt:"&#x1F446;",descripton:"backhand index pointing up"},{value:"&#x1F595;",alt:"&#x1F595;",descripton:"middle finger"},{value:"&#x1F447;",alt:"&#x1F447;",descripton:"backhand index pointing down"},{value:"&#x261D;",alt:"&#x261D;",descripton:"index pointing up"},{value:"&#x1F44D;",alt:"&#x1F44D;",descripton:"thumbs up"},{value:"&#x1F44E;",alt:"&#x1F44E;",descripton:"thumbs down"},{value:"&#x270A;",alt:"&#x270A;",descripton:"raised fist"},{value:"&#x1F44A;",alt:"&#x1F44A;",descripton:"oncoming fist"},{value:"&#x1F91B;",alt:"&#x1F91B;",descripton:"left-facing fist"},{value:"&#x1F91C;",alt:"&#x1F91C;",descripton:"right-facing fist"},{value:"&#x1F44F;",alt:"&#x1F44F;",descripton:"clapping hands"},{value:"&#x1F64C;",alt:"&#x1F64C;",descripton:"raising hands"},{value:"&#x1F450;",alt:"&#x1F450;",descripton:"open hands"},{value:"&#x1F932;",alt:"&#x1F932;",descripton:"palms up together"},{value:"&#x1F91D;",alt:"&#x1F91D;",descripton:"handshake"},{value:"&#x1F64F;",alt:"&#x1F64F;",descripton:"folded hands"},{value:"&#x270D;",alt:"&#x270D;",descripton:"writing hand"},{value:"&#x1F485;",alt:"&#x1F485;",descripton:"nail polish"},{value:"&#x1F933;",alt:"&#x1F933;",descripton:"selfie"},{value:"&#x1F4AA;",alt:"&#x1F4AA;",descripton:"flexed biceps"},{value:"&#x1F9BE;",alt:"&#x1F9BE;",descripton:"mechanical arm"},{value:"&#x1F9BF;",alt:"&#x1F9BF;",descripton:"mechanical leg"},{value:"&#x1F9B5;",alt:"&#x1F9B5;",descripton:"leg"},{value:"&#x1F9B6;",alt:"&#x1F9B6;",descripton:"foot"},{value:"&#x1F442;",alt:"&#x1F442;",descripton:"ear"},{value:"&#x1F9BB;",alt:"&#x1F9BB;",descripton:"ear with hearing aid"},{value:"&#x1F443;",alt:"&#x1F443;",descripton:"nose"},{value:"&#x1F9E0;",alt:"&#x1F9E0;",descripton:"brain"},{value:"&#x1F9B7;",alt:"&#x1F9B7;",descripton:"tooth"},{value:"&#x1F9B4;",alt:"&#x1F9B4;",descripton:"bone"},{value:"&#x1F440;",alt:"&#x1F440;",descripton:"eyes"},{value:"&#x1F441;",alt:"&#x1F441;",descripton:"eye"},{value:"&#x1F445;",alt:"&#x1F445;",descripton:"tongue"},{value:"&#x1F444;",alt:"&#x1F444;",descripton:"mouth"},{value:"&#x1F476;",alt:"&#x1F476;",descripton:"baby"},{value:"&#x1F9D2;",alt:"&#x1F9D2;",descripton:"child"},{value:"&#x1F466;",alt:"&#x1F466;",descripton:"boy"},{value:"&#x1F467;",alt:"&#x1F467;",descripton:"girl"},{value:"&#x1F9D1;",alt:"&#x1F9D1;",descripton:"person"},{value:"&#x1F471;",alt:"&#x1F471;",descripton:"person: blond hair"},{value:"&#x1F468;",alt:"&#x1F468;",descripton:"man"},{value:"&#x1F9D4;",alt:"&#x1F9D4;",descripton:"man: beard"},{value:"&#x1F469;",alt:"&#x1F469;",descripton:"woman"},{value:"&#x1F9D3;",alt:"&#x1F9D3;",descripton:"older person"},{value:"&#x1F474;",alt:"&#x1F474;",descripton:"old man"},{value:"&#x1F475;",alt:"&#x1F475;",descripton:"old woman"},{value:"&#x1F64D;",alt:"&#x1F64D;",descripton:"person frowning"},{value:"&#x1F64E;",alt:"&#x1F64E;",descripton:"person pouting"},{value:"&#x1F645;",alt:"&#x1F645;",descripton:"person gesturing NO"},{value:"&#x1F646;",alt:"&#x1F646;",descripton:"person gesturing OK"},{value:"&#x1F481;",alt:"&#x1F481;",descripton:"person tipping hand"},{value:"&#x1F64B;",alt:"&#x1F64B;",descripton:"person raising hand"},{value:"&#x1F9CF;",alt:"&#x1F9CF;",descripton:"deaf person"},{value:"&#x1F647;",alt:"&#x1F647;",descripton:"person bowing"},{value:"&#x1F926;",alt:"&#x1F926;",descripton:"person facepalming"},{value:"&#x1F937;",alt:"&#x1F937;",descripton:"person shrugging"},{value:"&#x1F46E;",alt:"&#x1F46E;",descripton:"police officer"},{value:"&#x1F575;",alt:"&#x1F575;",descripton:"detective"},{value:"&#x1F482;",alt:"&#x1F482;",descripton:"guard"},{value:"&#x1F477;",alt:"&#x1F477;",descripton:"construction worker"},{value:"&#x1F934;",alt:"&#x1F934;",descripton:"prince"},{value:"&#x1F478;",alt:"&#x1F478;",descripton:"princess"},{value:"&#x1F473;",alt:"&#x1F473;",descripton:"person wearing turban"},{value:"&#x1F472;",alt:"&#x1F472;",descripton:"man with Chinese cap"},{value:"&#x1F9D5;",alt:"&#x1F9D5;",descripton:"woman with headscarf"},{value:"&#x1F935;",alt:"&#x1F935;",descripton:"man in tuxedo"},{value:"&#x1F470;",alt:"&#x1F470;",descripton:"bride with veil"},{value:"&#x1F930;",alt:"&#x1F930;",descripton:"pregnant woman"},{value:"&#x1F931;",alt:"&#x1F931;",descripton:"breast-feeding"},{value:"&#x1F47C;",alt:"&#x1F47C;",descripton:"baby angel"},{value:"&#x1F385;",alt:"&#x1F385;",descripton:"Santa Claus"},{value:"&#x1F936;",alt:"&#x1F936;",descripton:"Mrs. Claus"},{value:"&#x1F9B8;",alt:"&#x1F9B8;",descripton:"superhero"},{value:"&#x1F9B9;",alt:"&#x1F9B9;",descripton:"supervillain"},{value:"&#x1F9D9;",alt:"&#x1F9D9;",descripton:"mage"},{value:"&#x1F9DA;",alt:"&#x1F9DA;",descripton:"fairy"},{value:"&#x1F9DB;",alt:"&#x1F9DB;",descripton:"vampire"},{value:"&#x1F9DC;",alt:"&#x1F9DC;",descripton:"merperson"},{value:"&#x1F9DD;",alt:"&#x1F9DD;",descripton:"elf"},{value:"&#x1F9DE;",alt:"&#x1F9DE;",descripton:"genie"},{value:"&#x1F9DF;",alt:"&#x1F9DF;",descripton:"zombie"},{value:"&#x1F486;",alt:"&#x1F486;",descripton:"person getting massage"},{value:"&#x1F487;",alt:"&#x1F487;",descripton:"person getting haircut"},{value:"&#x1F6B6;",alt:"&#x1F6B6;",descripton:"person walking"},{value:"&#x1F9CD;",alt:"&#x1F9CD;",descripton:"person standing"},{value:"&#x1F9CE;",alt:"&#x1F9CE;",descripton:"person kneeling"},{value:"&#x1F3C3;",alt:"&#x1F3C3;",descripton:"person running"},{value:"&#x1F483;",alt:"&#x1F483;",descripton:"woman dancing"},{value:"&#x1F57A;",alt:"&#x1F57A;",descripton:"man dancing"},{value:"&#x1F574;",alt:"&#x1F574;",descripton:"man in suit levitating"},{value:"&#x1F46F;",alt:"&#x1F46F;",descripton:"people with bunny ears"},{value:"&#x1F9D6;",alt:"&#x1F9D6;",descripton:"person in steamy room"},{value:"&#x1F9D7;",alt:"&#x1F9D7;",descripton:"person climbing"},{value:"&#x1F93A;",alt:"&#x1F93A;",descripton:"person fencing"},{value:"&#x1F3C7;",alt:"&#x1F3C7;",descripton:"horse racing"},{value:"&#x26F7;",alt:"&#x26F7;",descripton:"skier"},{value:"&#x1F3C2;",alt:"&#x1F3C2;",descripton:"snowboarder"},{value:"&#x1F3CC;",alt:"&#x1F3CC;",descripton:"person golfing"},{value:"&#x1F3C4;",alt:"&#x1F3C4;",descripton:"person surfing"},{value:"&#x1F6A3;",alt:"&#x1F6A3;",descripton:"person rowing boat"},{value:"&#x1F3CA;",alt:"&#x1F3CA;",descripton:"person swimming"},{value:"&#x26F9;",alt:"&#x26F9;",descripton:"person bouncing ball"},{value:"&#x1F3CB;",alt:"&#x1F3CB;",descripton:"person lifting weights"},{value:"&#x1F6B4;",alt:"&#x1F6B4;",descripton:"person biking"},{value:"&#x1F6B5;",alt:"&#x1F6B5;",descripton:"person mountain biking"},{value:"&#x1F938;",alt:"&#x1F938;",descripton:"person cartwheeling"},{value:"&#x1F93C;",alt:"&#x1F93C;",descripton:"people wrestling"},{value:"&#x1F93D;",alt:"&#x1F93D;",descripton:"person playing water polo"},{value:"&#x1F93E;",alt:"&#x1F93E;",descripton:"person playing handball"},{value:"&#x1F939;",alt:"&#x1F939;",descripton:"person juggling"},{value:"&#x1F9D8;",alt:"&#x1F9D8;",descripton:"person in lotus position"},{value:"&#x1F6C0;",alt:"&#x1F6C0;",descripton:"person taking bath"},{value:"&#x1F6CC;",alt:"&#x1F6CC;",descripton:"person in bed"},{value:"&#x1F46D;",alt:"&#x1F46D;",descripton:"women holding hands"},{value:"&#x1F46B;",alt:"&#x1F46B;",descripton:"woman and man holding hands"},{value:"&#x1F46C;",alt:"&#x1F46C;",descripton:"men holding hands"},{value:"&#x1F48F;",alt:"&#x1F48F;",descripton:"kiss"},{value:"&#x1F491;",alt:"&#x1F491;",descripton:"couple with heart"},{value:"&#x1F46A;",alt:"&#x1F46A;",descripton:"family"},{value:"&#x1F5E3;",alt:"&#x1F5E3;",descripton:"speaking head"},{value:"&#x1F464;",alt:"&#x1F464;",descripton:"bust in silhouette"},{value:"&#x1F465;",alt:"&#x1F465;",descripton:"busts in silhouette"},{value:"&#x1F463;",alt:"&#x1F463;",descripton:"footprints"},{value:"&#x1F9B0;",alt:"&#x1F9B0;",descripton:"red hair"},{value:"&#x1F9B1;",alt:"&#x1F9B1;",descripton:"curly hair"},{value:"&#x1F9B3;",alt:"&#x1F9B3;",descripton:"white hair"},{value:"&#x1F9B2;",alt:"&#x1F9B2;",descripton:"bald"}],nature:[{value:"&#x1F435;",alt:"&#x1F435;",descripton:"monkey face"},{value:"&#x1F412;",alt:"&#x1F412;",descripton:"monkey"},{value:"&#x1F98D;",alt:"&#x1F98D;",descripton:"gorilla"},{value:"&#x1F9A7;",alt:"&#x1F9A7;",descripton:"orangutan"},{value:"&#x1F436;",alt:"&#x1F436;",descripton:"dog face"},{value:"&#x1F415;",alt:"&#x1F415;",descripton:"dog"},{value:"&#x1F9AE;",alt:"&#x1F9AE;",descripton:"guide dog"},{value:"&#x1F429;",alt:"&#x1F429;",descripton:"poodle"},{value:"&#x1F43A;",alt:"&#x1F43A;",descripton:"wolf"},{value:"&#x1F98A;",alt:"&#x1F98A;",descripton:"fox"},{value:"&#x1F99D;",alt:"&#x1F99D;",descripton:"raccoon"},{value:"&#x1F431;",alt:"&#x1F431;",descripton:"cat face"},{value:"&#x1F408;",alt:"&#x1F408;",descripton:"cat"},{value:"&#x1F981;",alt:"&#x1F981;",descripton:"lion"},{value:"&#x1F42F;",alt:"&#x1F42F;",descripton:"tiger face"},{value:"&#x1F405;",alt:"&#x1F405;",descripton:"tiger"},{value:"&#x1F406;",alt:"&#x1F406;",descripton:"leopard"},{value:"&#x1F434;",alt:"&#x1F434;",descripton:"horse face"},{value:"&#x1F40E;",alt:"&#x1F40E;",descripton:"horse"},{value:"&#x1F984;",alt:"&#x1F984;",descripton:"unicorn"},{value:"&#x1F993;",alt:"&#x1F993;",descripton:"zebra"},{value:"&#x1F98C;",alt:"&#x1F98C;",descripton:"deer"},{value:"&#x1F42E;",alt:"&#x1F42E;",descripton:"cow face"},{value:"&#x1F402;",alt:"&#x1F402;",descripton:"ox"},{value:"&#x1F403;",alt:"&#x1F403;",descripton:"water buffalo"},{value:"&#x1F404;",alt:"&#x1F404;",descripton:"cow"},{value:"&#x1F437;",alt:"&#x1F437;",descripton:"pig face"},{value:"&#x1F416;",alt:"&#x1F416;",descripton:"pig"},{value:"&#x1F417;",alt:"&#x1F417;",descripton:"boar"},{value:"&#x1F43D;",alt:"&#x1F43D;",descripton:"pig nose"},{value:"&#x1F40F;",alt:"&#x1F40F;",descripton:"ram"},{value:"&#x1F411;",alt:"&#x1F411;",descripton:"ewe"},{value:"&#x1F410;",alt:"&#x1F410;",descripton:"goat"},{value:"&#x1F42A;",alt:"&#x1F42A;",descripton:"camel"},{value:"&#x1F42B;",alt:"&#x1F42B;",descripton:"two-hump camel"},{value:"&#x1F999;",alt:"&#x1F999;",descripton:"llama"},{value:"&#x1F992;",alt:"&#x1F992;",descripton:"giraffe"},{value:"&#x1F418;",alt:"&#x1F418;",descripton:"elephant"},{value:"&#x1F98F;",alt:"&#x1F98F;",descripton:"rhinoceros"},{value:"&#x1F99B;",alt:"&#x1F99B;",descripton:"hippopotamus"},{value:"&#x1F42D;",alt:"&#x1F42D;",descripton:"mouse face"},{value:"&#x1F401;",alt:"&#x1F401;",descripton:"mouse"},{value:"&#x1F400;",alt:"&#x1F400;",descripton:"rat"},{value:"&#x1F439;",alt:"&#x1F439;",descripton:"hamster"},{value:"&#x1F430;",alt:"&#x1F430;",descripton:"rabbit face"},{value:"&#x1F407;",alt:"&#x1F407;",descripton:"rabbit"},{value:"&#x1F43F;",alt:"&#x1F43F;",descripton:"chipmunk"},{value:"&#x1F994;",alt:"&#x1F994;",descripton:"hedgehog"},{value:"&#x1F987;",alt:"&#x1F987;",descripton:"bat"},{value:"&#x1F43B;",alt:"&#x1F43B;",descripton:"bear"},{value:"&#x1F428;",alt:"&#x1F428;",descripton:"koala"},{value:"&#x1F43C;",alt:"&#x1F43C;",descripton:"panda"},{value:"&#x1F9A5;",alt:"&#x1F9A5;",descripton:"sloth"},{value:"&#x1F9A6;",alt:"&#x1F9A6;",descripton:"otter"},{value:"&#x1F9A8;",alt:"&#x1F9A8;",descripton:"skunk"},{value:"&#x1F998;",alt:"&#x1F998;",descripton:"kangaroo"},{value:"&#x1F9A1;",alt:"&#x1F9A1;",descripton:"badger"},{value:"&#x1F43E;",alt:"&#x1F43E;",descripton:"paw prints"},{value:"&#x1F983;",alt:"&#x1F983;",descripton:"turkey"},{value:"&#x1F414;",alt:"&#x1F414;",descripton:"chicken"},{value:"&#x1F413;",alt:"&#x1F413;",descripton:"rooster"},{value:"&#x1F423;",alt:"&#x1F423;",descripton:"hatching chick"},{value:"&#x1F424;",alt:"&#x1F424;",descripton:"baby chick"},{value:"&#x1F425;",alt:"&#x1F425;",descripton:"front-facing baby chick"},{value:"&#x1F426;",alt:"&#x1F426;",descripton:"bird"},{value:"&#x1F427;",alt:"&#x1F427;",descripton:"penguin"},{value:"&#x1F54A;",alt:"&#x1F54A;",descripton:"dove"},{value:"&#x1F985;",alt:"&#x1F985;",descripton:"eagle"},{value:"&#x1F986;",alt:"&#x1F986;",descripton:"duck"},{value:"&#x1F9A2;",alt:"&#x1F9A2;",descripton:"swan"},{value:"&#x1F989;",alt:"&#x1F989;",descripton:"owl"},{value:"&#x1F9A9;",alt:"&#x1F9A9;",descripton:"flamingo"},{value:"&#x1F99A;",alt:"&#x1F99A;",descripton:"peacock"},{value:"&#x1F99C;",alt:"&#x1F99C;",descripton:"parrot"},{value:"&#x1F438;",alt:"&#x1F438;",descripton:"frog"},{value:"&#x1F40A;",alt:"&#x1F40A;",descripton:"crocodile"},{value:"&#x1F422;",alt:"&#x1F422;",descripton:"turtle"},{value:"&#x1F98E;",alt:"&#x1F98E;",descripton:"lizard"},{value:"&#x1F40D;",alt:"&#x1F40D;",descripton:"snake"},{value:"&#x1F432;",alt:"&#x1F432;",descripton:"dragon face"},{value:"&#x1F409;",alt:"&#x1F409;",descripton:"dragon"},{value:"&#x1F995;",alt:"&#x1F995;",descripton:"sauropod"},{value:"&#x1F996;",alt:"&#x1F996;",descripton:"T-Rex"},{value:"&#x1F433;",alt:"&#x1F433;",descripton:"spouting whale"},{value:"&#x1F40B;",alt:"&#x1F40B;",descripton:"whale"},{value:"&#x1F42C;",alt:"&#x1F42C;",descripton:"dolphin"},{value:"&#x1F41F;",alt:"&#x1F41F;",descripton:"fish"},{value:"&#x1F420;",alt:"&#x1F420;",descripton:"tropical fish"},{value:"&#x1F421;",alt:"&#x1F421;",descripton:"blowfish"},{value:"&#x1F988;",alt:"&#x1F988;",descripton:"shark"},{value:"&#x1F419;",alt:"&#x1F419;",descripton:"octopus"},{value:"&#x1F41A;",alt:"&#x1F41A;",descripton:"spiral shell"},{value:"&#x1F40C;",alt:"&#x1F40C;",descripton:"snail"},{value:"&#x1F98B;",alt:"&#x1F98B;",descripton:"butterfly"},{value:"&#x1F41B;",alt:"&#x1F41B;",descripton:"bug"},{value:"&#x1F41C;",alt:"&#x1F41C;",descripton:"ant"},{value:"&#x1F41D;",alt:"&#x1F41D;",descripton:"honeybee"},{value:"&#x1F41E;",alt:"&#x1F41E;",descripton:"lady beetle"},{value:"&#x1F997;",alt:"&#x1F997;",descripton:"cricket"},{value:"&#x1F577;",alt:"&#x1F577;",descripton:"spider"},{value:"&#x1F578;",alt:"&#x1F578;",descripton:"spider web"},{value:"&#x1F982;",alt:"&#x1F982;",descripton:"scorpion"},{value:"&#x1F99F;",alt:"&#x1F99F;",descripton:"mosquito"},{value:"&#x1F9A0;",alt:"&#x1F9A0;",descripton:"microbe"},{value:"&#x1F490;",alt:"&#x1F490;",descripton:"bouquet"},{value:"&#x1F338;",alt:"&#x1F338;",descripton:"cherry blossom"},{value:"&#x1F4AE;",alt:"&#x1F4AE;",descripton:"white flower"},{value:"&#x1F3F5;",alt:"&#x1F3F5;",descripton:"rosette"},{value:"&#x1F339;",alt:"&#x1F339;",descripton:"rose"},{value:"&#x1F940;",alt:"&#x1F940;",descripton:"wilted flower"},{value:"&#x1F33A;",alt:"&#x1F33A;",descripton:"hibiscus"},{value:"&#x1F33B;",alt:"&#x1F33B;",descripton:"sunflower"},{value:"&#x1F33C;",alt:"&#x1F33C;",descripton:"blossom"},{value:"&#x1F337;",alt:"&#x1F337;",descripton:"tulip"},{value:"&#x1F331;",alt:"&#x1F331;",descripton:"seedling"},{value:"&#x1F332;",alt:"&#x1F332;",descripton:"evergreen tree"},{value:"&#x1F333;",alt:"&#x1F333;",descripton:"deciduous tree"},{value:"&#x1F334;",alt:"&#x1F334;",descripton:"palm tree"},{value:"&#x1F335;",alt:"&#x1F335;",descripton:"cactus"},{value:"&#x1F33E;",alt:"&#x1F33E;",descripton:"sheaf of rice"},{value:"&#x1F33F;",alt:"&#x1F33F;",descripton:"herb"},{value:"&#x2618;",alt:"&#x2618;",descripton:"shamrock"},{value:"&#x1F340;",alt:"&#x1F340;",descripton:"four leaf clover"},{value:"&#x1F341;",alt:"&#x1F341;",descripton:"maple leaf"},{value:"&#x1F342;",alt:"&#x1F342;",descripton:"fallen leaf"},{value:"&#x1F343;",alt:"&#x1F343;",descripton:"leaf fluttering in wind"}],food:[{value:"&#x1F347;",alt:"&#x1F347;",descripton:"grapes"},{value:"&#x1F348;",alt:"&#x1F348;",descripton:"melon"},{value:"&#x1F349;",alt:"&#x1F349;",descripton:"watermelon"},{value:"&#x1F34A;",alt:"&#x1F34A;",descripton:"tangerine"},{value:"&#x1F34B;",alt:"&#x1F34B;",descripton:"lemon"},{value:"&#x1F34C;",alt:"&#x1F34C;",descripton:"banana"},{value:"&#x1F34D;",alt:"&#x1F34D;",descripton:"pineapple"},{value:"&#x1F96D;",alt:"&#x1F96D;",descripton:"mango"},{value:"&#x1F34E;",alt:"&#x1F34E;",descripton:"red apple"},{value:"&#x1F34F;",alt:"&#x1F34F;",descripton:"green apple"},{value:"&#x1F350;",alt:"&#x1F350;",descripton:"pear"},{value:"&#x1F351;",alt:"&#x1F351;",descripton:"peach"},{value:"&#x1F352;",alt:"&#x1F352;",descripton:"cherries"},{value:"&#x1F353;",alt:"&#x1F353;",descripton:"strawberry"},{value:"&#x1F95D;",alt:"&#x1F95D;",descripton:"kiwi fruit"},{value:"&#x1F345;",alt:"&#x1F345;",descripton:"tomato"},{value:"&#x1F965;",alt:"&#x1F965;",descripton:"coconut"},{value:"&#x1F951;",alt:"&#x1F951;",descripton:"avocado"},{value:"&#x1F346;",alt:"&#x1F346;",descripton:"eggplant"},{value:"&#x1F954;",alt:"&#x1F954;",descripton:"potato"},{value:"&#x1F955;",alt:"&#x1F955;",descripton:"carrot"},{value:"&#x1F33D;",alt:"&#x1F33D;",descripton:"ear of corn"},{value:"&#x1F336;",alt:"&#x1F336;",descripton:"hot pepper"},{value:"&#x1F952;",alt:"&#x1F952;",descripton:"cucumber"},{value:"&#x1F96C;",alt:"&#x1F96C;",descripton:"leafy green"},{value:"&#x1F966;",alt:"&#x1F966;",descripton:"broccoli"},{value:"&#x1F9C4;",alt:"&#x1F9C4;",descripton:"garlic"},{value:"&#x1F9C5;",alt:"&#x1F9C5;",descripton:"onion"},{value:"&#x1F344;",alt:"&#x1F344;",descripton:"mushroom"},{value:"&#x1F95C;",alt:"&#x1F95C;",descripton:"peanuts"},{value:"&#x1F330;",alt:"&#x1F330;",descripton:"chestnut"},{value:"&#x1F35E;",alt:"&#x1F35E;",descripton:"bread"},{value:"&#x1F950;",alt:"&#x1F950;",descripton:"croissant"},{value:"&#x1F956;",alt:"&#x1F956;",descripton:"baguette bread"},{value:"&#x1F968;",alt:"&#x1F968;",descripton:"pretzel"},{value:"&#x1F96F;",alt:"&#x1F96F;",descripton:"bagel"},{value:"&#x1F95E;",alt:"&#x1F95E;",descripton:"pancakes"},{value:"&#x1F9C7;",alt:"&#x1F9C7;",descripton:"waffle"},{value:"&#x1F9C0;",alt:"&#x1F9C0;",descripton:"cheese wedge"},{value:"&#x1F356;",alt:"&#x1F356;",descripton:"meat on bone"},{value:"&#x1F357;",alt:"&#x1F357;",descripton:"poultry leg"},{value:"&#x1F969;",alt:"&#x1F969;",descripton:"cut of meat"},{value:"&#x1F953;",alt:"&#x1F953;",descripton:"bacon"},{value:"&#x1F354;",alt:"&#x1F354;",descripton:"hamburger"},{value:"&#x1F35F;",alt:"&#x1F35F;",descripton:"french fries"},{value:"&#x1F355;",alt:"&#x1F355;",descripton:"pizza"},{value:"&#x1F32D;",alt:"&#x1F32D;",descripton:"hot dog"},{value:"&#x1F96A;",alt:"&#x1F96A;",descripton:"sandwich"},{value:"&#x1F32E;",alt:"&#x1F32E;",descripton:"taco"},{value:"&#x1F32F;",alt:"&#x1F32F;",descripton:"burrito"},{value:"&#x1F959;",alt:"&#x1F959;",descripton:"stuffed flatbread"},{value:"&#x1F9C6;",alt:"&#x1F9C6;",descripton:"falafel"},{value:"&#x1F95A;",alt:"&#x1F95A;",descripton:"egg"},{value:"&#x1F373;",alt:"&#x1F373;",descripton:"cooking"},{value:"&#x1F958;",alt:"&#x1F958;",descripton:"shallow pan of food"},{value:"&#x1F372;",alt:"&#x1F372;",descripton:"pot of food"},{value:"&#x1F963;",alt:"&#x1F963;",descripton:"bowl with spoon"},{value:"&#x1F957;",alt:"&#x1F957;",descripton:"green salad"},{value:"&#x1F37F;",alt:"&#x1F37F;",descripton:"popcorn"},{value:"&#x1F9C8;",alt:"&#x1F9C8;",descripton:"butter"},{value:"&#x1F9C2;",alt:"&#x1F9C2;",descripton:"salt"},{value:"&#x1F96B;",alt:"&#x1F96B;",descripton:"canned food"},{value:"&#x1F371;",alt:"&#x1F371;",descripton:"bento box"},{value:"&#x1F358;",alt:"&#x1F358;",descripton:"rice cracker"},{value:"&#x1F359;",alt:"&#x1F359;",descripton:"rice ball"},{value:"&#x1F35A;",alt:"&#x1F35A;",descripton:"cooked rice"},{value:"&#x1F35B;",alt:"&#x1F35B;",descripton:"curry rice"},{value:"&#x1F35C;",alt:"&#x1F35C;",descripton:"steaming bowl"},{value:"&#x1F35D;",alt:"&#x1F35D;",descripton:"spaghetti"},{value:"&#x1F360;",alt:"&#x1F360;",descripton:"roasted sweet potato"},{value:"&#x1F362;",alt:"&#x1F362;",descripton:"oden"},{value:"&#x1F363;",alt:"&#x1F363;",descripton:"sushi"},{value:"&#x1F364;",alt:"&#x1F364;",descripton:"fried shrimp"},{value:"&#x1F365;",alt:"&#x1F365;",descripton:"fish cake with swirl"},{value:"&#x1F96E;",alt:"&#x1F96E;",descripton:"moon cake"},{value:"&#x1F361;",alt:"&#x1F361;",descripton:"dango"},{value:"&#x1F95F;",alt:"&#x1F95F;",descripton:"dumpling"},{value:"&#x1F960;",alt:"&#x1F960;",descripton:"fortune cookie"},{value:"&#x1F961;",alt:"&#x1F961;",descripton:"takeout box"},{value:"&#x1F980;",alt:"&#x1F980;",descripton:"crab"},{value:"&#x1F99E;",alt:"&#x1F99E;",descripton:"lobster"},{value:"&#x1F990;",alt:"&#x1F990;",descripton:"shrimp"},{value:"&#x1F991;",alt:"&#x1F991;",descripton:"squid"},{value:"&#x1F9AA;",alt:"&#x1F9AA;",descripton:"oyster"},{value:"&#x1F366;",alt:"&#x1F366;",descripton:"soft ice cream"},{value:"&#x1F367;",alt:"&#x1F367;",descripton:"shaved ice"},{value:"&#x1F368;",alt:"&#x1F368;",descripton:"ice cream"},{value:"&#x1F369;",alt:"&#x1F369;",descripton:"doughnut"},{value:"&#x1F36A;",alt:"&#x1F36A;",descripton:"cookie"},{value:"&#x1F382;",alt:"&#x1F382;",descripton:"birthday cake"},{value:"&#x1F370;",alt:"&#x1F370;",descripton:"shortcake"},{value:"&#x1F9C1;",alt:"&#x1F9C1;",descripton:"cupcake"},{value:"&#x1F967;",alt:"&#x1F967;",descripton:"pie"},{value:"&#x1F36B;",alt:"&#x1F36B;",descripton:"chocolate bar"},{value:"&#x1F36C;",alt:"&#x1F36C;",descripton:"candy"},{value:"&#x1F36D;",alt:"&#x1F36D;",descripton:"lollipop"},{value:"&#x1F36E;",alt:"&#x1F36E;",descripton:"custard"},{value:"&#x1F36F;",alt:"&#x1F36F;",descripton:"honey pot"},{value:"&#x1F37C;",alt:"&#x1F37C;",descripton:"baby bottle"},{value:"&#x1F95B;",alt:"&#x1F95B;",descripton:"glass of milk"},{value:"&#x2615;",alt:"&#x2615;",descripton:"hot beverage"},{value:"&#x1F375;",alt:"&#x1F375;",descripton:"teacup without handle"},{value:"&#x1F376;",alt:"&#x1F376;",descripton:"sake"},{value:"&#x1F37E;",alt:"&#x1F37E;",descripton:"bottle with popping cork"},{value:"&#x1F377;",alt:"&#x1F377;",descripton:"wine glass"},{value:"&#x1F378;",alt:"&#x1F378;",descripton:"cocktail glass"},{value:"&#x1F379;",alt:"&#x1F379;",descripton:"tropical drink"},{value:"&#x1F37A;",alt:"&#x1F37A;",descripton:"beer mug"},{value:"&#x1F37B;",alt:"&#x1F37B;",descripton:"clinking beer mugs"},{value:"&#x1F942;",alt:"&#x1F942;",descripton:"clinking glasses"},{value:"&#x1F943;",alt:"&#x1F943;",descripton:"tumbler glass"},{value:"&#x1F964;",alt:"&#x1F964;",descripton:"cup with straw"},{value:"&#x1F9C3;",alt:"&#x1F9C3;",descripton:"beverage box"},{value:"&#x1F9C9;",alt:"&#x1F9C9;",descripton:"mate"},{value:"&#x1F9CA;",alt:"&#x1F9CA;",descripton:"ice cube"},{value:"&#x1F962;",alt:"&#x1F962;",descripton:"chopsticks"},{value:"&#x1F37D;",alt:"&#x1F37D;",descripton:"fork and knife with plate"},{value:"&#x1F374;",alt:"&#x1F374;",descripton:"fork and knife"},{value:"&#x1F944;",alt:"&#x1F944;",descripton:"spoon"},{value:"&#x1F52A;",alt:"&#x1F52A;",descripton:"kitchen knife"},{value:"&#x1F3FA;",alt:"&#x1F3FA;",descripton:"amphora"}],travel:[{value:"&#x1F30D;",alt:"&#x1F30D;",descripton:"globe showing Europe-Africa"},{value:"&#x1F30E;",alt:"&#x1F30E;",descripton:"globe showing Americas"},{value:"&#x1F30F;",alt:"&#x1F30F;",descripton:"globe showing Asia-Australia"},{value:"&#x1F310;",alt:"&#x1F310;",descripton:"globe with meridians"},{value:"&#x1F5FA;",alt:"&#x1F5FA;",descripton:"world map"},{value:"&#x1F5FE;",alt:"&#x1F5FE;",descripton:"map of Japan"},{value:"&#x1F9ED;",alt:"&#x1F9ED;",descripton:"compass"},{value:"&#x1F3D4;",alt:"&#x1F3D4;",descripton:"snow-capped mountain"},{value:"&#x26F0;",alt:"&#x26F0;",descripton:"mountain"},{value:"&#x1F30B;",alt:"&#x1F30B;",descripton:"volcano"},{value:"&#x1F5FB;",alt:"&#x1F5FB;",descripton:"mount fuji"},{value:"&#x1F3D5;",alt:"&#x1F3D5;",descripton:"camping"},{value:"&#x1F3D6;",alt:"&#x1F3D6;",descripton:"beach with umbrella"},{value:"&#x1F3DC;",alt:"&#x1F3DC;",descripton:"desert"},{value:"&#x1F3DD;",alt:"&#x1F3DD;",descripton:"desert island"},{value:"&#x1F3DE;",alt:"&#x1F3DE;",descripton:"national park"},{value:"&#x1F3DF;",alt:"&#x1F3DF;",descripton:"stadium"},{value:"&#x1F3DB;",alt:"&#x1F3DB;",descripton:"classical building"},{value:"&#x1F3D7;",alt:"&#x1F3D7;",descripton:"building construction"},{value:"&#x1F9F1;",alt:"&#x1F9F1;",descripton:"brick"},{value:"&#x1F3D8;",alt:"&#x1F3D8;",descripton:"houses"},{value:"&#x1F3DA;",alt:"&#x1F3DA;",descripton:"derelict house"},{value:"&#x1F3E0;",alt:"&#x1F3E0;",descripton:"house"},{value:"&#x1F3E1;",alt:"&#x1F3E1;",descripton:"house with garden"},{value:"&#x1F3E2;",alt:"&#x1F3E2;",descripton:"office building"},{value:"&#x1F3E3;",alt:"&#x1F3E3;",descripton:"Japanese post office"},{value:"&#x1F3E4;",alt:"&#x1F3E4;",descripton:"post office"},{value:"&#x1F3E5;",alt:"&#x1F3E5;",descripton:"hospital"},{value:"&#x1F3E6;",alt:"&#x1F3E6;",descripton:"bank"},{value:"&#x1F3E8;",alt:"&#x1F3E8;",descripton:"hotel"},{value:"&#x1F3E9;",alt:"&#x1F3E9;",descripton:"love hotel"},{value:"&#x1F3EA;",alt:"&#x1F3EA;",descripton:"convenience store"},{value:"&#x1F3EB;",alt:"&#x1F3EB;",descripton:"school"},{value:"&#x1F3EC;",alt:"&#x1F3EC;",descripton:"department store"},{value:"&#x1F3ED;",alt:"&#x1F3ED;",descripton:"factory"},{value:"&#x1F3EF;",alt:"&#x1F3EF;",descripton:"Japanese castle"},{value:"&#x1F3F0;",alt:"&#x1F3F0;",descripton:"castle"},{value:"&#x1F492;",alt:"&#x1F492;",descripton:"wedding"},{value:"&#x1F5FC;",alt:"&#x1F5FC;",descripton:"Tokyo tower"},{value:"&#x1F5FD;",alt:"&#x1F5FD;",descripton:"Statue of Liberty"},{value:"&#x26EA;",alt:"&#x26EA;",descripton:"church"},{value:"&#x1F54C;",alt:"&#x1F54C;",descripton:"mosque"},{value:"&#x1F6D5;",alt:"&#x1F6D5;",descripton:"hindu temple"},{value:"&#x1F54D;",alt:"&#x1F54D;",descripton:"synagogue"},{value:"&#x26E9;",alt:"&#x26E9;",descripton:"shinto shrine"},{value:"&#x1F54B;",alt:"&#x1F54B;",descripton:"kaaba"},{value:"&#x26F2;",alt:"&#x26F2;",descripton:"fountain"},{value:"&#x26FA;",alt:"&#x26FA;",descripton:"tent"},{value:"&#x1F301;",alt:"&#x1F301;",descripton:"foggy"},{value:"&#x1F303;",alt:"&#x1F303;",descripton:"night with stars"},{value:"&#x1F3D9;",alt:"&#x1F3D9;",descripton:"cityscape"},{value:"&#x1F304;",alt:"&#x1F304;",descripton:"sunrise over mountains"},{value:"&#x1F305;",alt:"&#x1F305;",descripton:"sunrise"},{value:"&#x1F306;",alt:"&#x1F306;",descripton:"cityscape at dusk"},{value:"&#x1F307;",alt:"&#x1F307;",descripton:"sunset"},{value:"&#x1F309;",alt:"&#x1F309;",descripton:"bridge at night"},{value:"&#x2668;",alt:"&#x2668;",descripton:"hot springs"},{value:"&#x1F3A0;",alt:"&#x1F3A0;",descripton:"carousel horse"},{value:"&#x1F3A1;",alt:"&#x1F3A1;",descripton:"ferris wheel"},{value:"&#x1F3A2;",alt:"&#x1F3A2;",descripton:"roller coaster"},{value:"&#x1F488;",alt:"&#x1F488;",descripton:"barber pole"},{value:"&#x1F3AA;",alt:"&#x1F3AA;",descripton:"circus tent"},{value:"&#x1F682;",alt:"&#x1F682;",descripton:"locomotive"},{value:"&#x1F683;",alt:"&#x1F683;",descripton:"railway car"},{value:"&#x1F684;",alt:"&#x1F684;",descripton:"high-speed train"},{value:"&#x1F685;",alt:"&#x1F685;",descripton:"bullet train"},{value:"&#x1F686;",alt:"&#x1F686;",descripton:"train"},{value:"&#x1F687;",alt:"&#x1F687;",descripton:"metro"},{value:"&#x1F688;",alt:"&#x1F688;",descripton:"light rail"},{value:"&#x1F689;",alt:"&#x1F689;",descripton:"station"},{value:"&#x1F68A;",alt:"&#x1F68A;",descripton:"tram"},{value:"&#x1F69D;",alt:"&#x1F69D;",descripton:"monorail"},{value:"&#x1F69E;",alt:"&#x1F69E;",descripton:"mountain railway"},{value:"&#x1F68B;",alt:"&#x1F68B;",descripton:"tram car"},{value:"&#x1F68C;",alt:"&#x1F68C;",descripton:"bus"},{value:"&#x1F68D;",alt:"&#x1F68D;",descripton:"oncoming bus"},{value:"&#x1F68E;",alt:"&#x1F68E;",descripton:"trolleybus"},{value:"&#x1F690;",alt:"&#x1F690;",descripton:"minibus"},{value:"&#x1F691;",alt:"&#x1F691;",descripton:"ambulance"},{value:"&#x1F692;",alt:"&#x1F692;",descripton:"fire engine"},{value:"&#x1F693;",alt:"&#x1F693;",descripton:"police car"},{value:"&#x1F694;",alt:"&#x1F694;",descripton:"oncoming police car"},{value:"&#x1F695;",alt:"&#x1F695;",descripton:"taxi"},{value:"&#x1F696;",alt:"&#x1F696;",descripton:"oncoming taxi"},{value:"&#x1F697;",alt:"&#x1F697;",descripton:"automobile"},{value:"&#x1F698;",alt:"&#x1F698;",descripton:"oncoming automobile"},{value:"&#x1F699;",alt:"&#x1F699;",descripton:"sport utility vehicle"},{value:"&#x1F69A;",alt:"&#x1F69A;",descripton:"delivery truck"},{value:"&#x1F69B;",alt:"&#x1F69B;",descripton:"articulated lorry"},{value:"&#x1F69C;",alt:"&#x1F69C;",descripton:"tractor"},{value:"&#x1F3CE;",alt:"&#x1F3CE;",descripton:"racing car"},{value:"&#x1F3CD;",alt:"&#x1F3CD;",descripton:"motorcycle"},{value:"&#x1F6F5;",alt:"&#x1F6F5;",descripton:"motor scooter"},{value:"&#x1F9BD;",alt:"&#x1F9BD;",descripton:"manual wheelchair"},{value:"&#x1F9BC;",alt:"&#x1F9BC;",descripton:"motorized wheelchair"},{value:"&#x1F6FA;",alt:"&#x1F6FA;",descripton:"auto rickshaw"},{value:"&#x1F6B2;",alt:"&#x1F6B2;",descripton:"bicycle"},{value:"&#x1F6F4;",alt:"&#x1F6F4;",descripton:"kick scooter"},{value:"&#x1F6F9;",alt:"&#x1F6F9;",descripton:"skateboard"},{value:"&#x1F68F;",alt:"&#x1F68F;",descripton:"bus stop"},{value:"&#x1F6E3;",alt:"&#x1F6E3;",descripton:"motorway"},{value:"&#x1F6E4;",alt:"&#x1F6E4;",descripton:"railway track"},{value:"&#x1F6E2;",alt:"&#x1F6E2;",descripton:"oil drum"},{value:"&#x26FD;",alt:"&#x26FD;",descripton:"fuel pump"},{value:"&#x1F6A8;",alt:"&#x1F6A8;",descripton:"police car light"},{value:"&#x1F6A5;",alt:"&#x1F6A5;",descripton:"horizontal traffic light"},{value:"&#x1F6A6;",alt:"&#x1F6A6;",descripton:"vertical traffic light"},{value:"&#x1F6D1;",alt:"&#x1F6D1;",descripton:"stop sign"},{value:"&#x1F6A7;",alt:"&#x1F6A7;",descripton:"construction"},{value:"&#x2693;",alt:"&#x2693;",descripton:"anchor"},{value:"&#x26F5;",alt:"&#x26F5;",descripton:"sailboat"},{value:"&#x1F6F6;",alt:"&#x1F6F6;",descripton:"canoe"},{value:"&#x1F6A4;",alt:"&#x1F6A4;",descripton:"speedboat"},{value:"&#x1F6F3;",alt:"&#x1F6F3;",descripton:"passenger ship"},{value:"&#x26F4;",alt:"&#x26F4;",descripton:"ferry"},{value:"&#x1F6E5;",alt:"&#x1F6E5;",descripton:"motor boat"},{value:"&#x1F6A2;",alt:"&#x1F6A2;",descripton:"ship"},{value:"&#x2708;",alt:"&#x2708;",descripton:"airplane"},{value:"&#x1F6E9;",alt:"&#x1F6E9;",descripton:"small airplane"},{value:"&#x1F6EB;",alt:"&#x1F6EB;",descripton:"airplane departure"},{value:"&#x1F6EC;",alt:"&#x1F6EC;",descripton:"airplane arrival"},{value:"&#x1FA82;",alt:"&#x1FA82;",descripton:"parachute"},{value:"&#x1F4BA;",alt:"&#x1F4BA;",descripton:"seat"},{value:"&#x1F681;",alt:"&#x1F681;",descripton:"helicopter"},{value:"&#x1F69F;",alt:"&#x1F69F;",descripton:"suspension railway"},{value:"&#x1F6A0;",alt:"&#x1F6A0;",descripton:"mountain cableway"},{value:"&#x1F6A1;",alt:"&#x1F6A1;",descripton:"aerial tramway"},{value:"&#x1F6F0;",alt:"&#x1F6F0;",descripton:"satellite"},{value:"&#x1F680;",alt:"&#x1F680;",descripton:"rocket"},{value:"&#x1F6F8;",alt:"&#x1F6F8;",descripton:"flying saucer"},{value:"&#x1F6CE;",alt:"&#x1F6CE;",descripton:"bellhop bell"},{value:"&#x1F9F3;",alt:"&#x1F9F3;",descripton:"luggage"},{value:"&#x231B;",alt:"&#x231B;",descripton:"hourglass done"},{value:"&#x23F3;",alt:"&#x23F3;",descripton:"hourglass not done"},{value:"&#x231A;",alt:"&#x231A;",descripton:"watch"},{value:"&#x23F0;",alt:"&#x23F0;",descripton:"alarm clock"},{value:"&#x23F1;",alt:"&#x23F1;",descripton:"stopwatch"},{value:"&#x23F2;",alt:"&#x23F2;",descripton:"timer clock"},{value:"&#x1F570;",alt:"&#x1F570;",descripton:"mantelpiece clock"},{value:"&#x1F55B;",alt:"&#x1F55B;",descripton:"twelve o’clock"},{value:"&#x1F567;",alt:"&#x1F567;",descripton:"twelve-thirty"},{value:"&#x1F550;",alt:"&#x1F550;",descripton:"one o’clock"},{value:"&#x1F55C;",alt:"&#x1F55C;",descripton:"one-thirty"},{value:"&#x1F551;",alt:"&#x1F551;",descripton:"two o’clock"},{value:"&#x1F55D;",alt:"&#x1F55D;",descripton:"two-thirty"},{value:"&#x1F552;",alt:"&#x1F552;",descripton:"three o’clock"},{value:"&#x1F55E;",alt:"&#x1F55E;",descripton:"three-thirty"},{value:"&#x1F553;",alt:"&#x1F553;",descripton:"four o’clock"},{value:"&#x1F55F;",alt:"&#x1F55F;",descripton:"four-thirty"},{value:"&#x1F554;",alt:"&#x1F554;",descripton:"five o’clock"},{value:"&#x1F560;",alt:"&#x1F560;",descripton:"five-thirty"},{value:"&#x1F555;",alt:"&#x1F555;",descripton:"six o’clock"},{value:"&#x1F561;",alt:"&#x1F561;",descripton:"six-thirty"},{value:"&#x1F556;",alt:"&#x1F556;",descripton:"seven o’clock"},{value:"&#x1F562;",alt:"&#x1F562;",descripton:"seven-thirty"},{value:"&#x1F557;",alt:"&#x1F557;",descripton:"eight o’clock"},{value:"&#x1F563;",alt:"&#x1F563;",descripton:"eight-thirty"},{value:"&#x1F558;",alt:"&#x1F558;",descripton:"nine o’clock"},{value:"&#x1F564;",alt:"&#x1F564;",descripton:"nine-thirty"},{value:"&#x1F559;",alt:"&#x1F559;",descripton:"ten o’clock"},{value:"&#x1F565;",alt:"&#x1F565;",descripton:"ten-thirty"},{value:"&#x1F55A;",alt:"&#x1F55A;",descripton:"eleven o’clock"},{value:"&#x1F566;",alt:"&#x1F566;",descripton:"eleven-thirty"},{value:"&#x1F311;",alt:"&#x1F311;",descripton:"new moon"},{value:"&#x1F312;",alt:"&#x1F312;",descripton:"waxing crescent moon"},{value:"&#x1F313;",alt:"&#x1F313;",descripton:"first quarter moon"},{value:"&#x1F314;",alt:"&#x1F314;",descripton:"waxing gibbous moon"},{value:"&#x1F315;",alt:"&#x1F315;",descripton:"full moon"},{value:"&#x1F316;",alt:"&#x1F316;",descripton:"waning gibbous moon"},{value:"&#x1F317;",alt:"&#x1F317;",descripton:"last quarter moon"},{value:"&#x1F318;",alt:"&#x1F318;",descripton:"waning crescent moon"},{value:"&#x1F319;",alt:"&#x1F319;",descripton:"crescent moon"},{value:"&#x1F31A;",alt:"&#x1F31A;",descripton:"new moon face"},{value:"&#x1F31B;",alt:"&#x1F31B;",descripton:"first quarter moon face"},{value:"&#x1F31C;",alt:"&#x1F31C;",descripton:"last quarter moon face"},{value:"&#x1F321;",alt:"&#x1F321;",descripton:"thermometer"},{value:"&#x2600;",alt:"&#x2600;",descripton:"sun"},{value:"&#x1F31D;",alt:"&#x1F31D;",descripton:"full moon face"},{value:"&#x1F31E;",alt:"&#x1F31E;",descripton:"sun with face"},{value:"&#x1FA90;",alt:"&#x1FA90;",descripton:"ringed planet"},{value:"&#x2B50;",alt:"&#x2B50;",descripton:"star"},{value:"&#x1F31F;",alt:"&#x1F31F;",descripton:"glowing star"},{value:"&#x1F320;",alt:"&#x1F320;",descripton:"shooting star"},{value:"&#x1F30C;",alt:"&#x1F30C;",descripton:"milky way"},{value:"&#x2601;",alt:"&#x2601;",descripton:"cloud"},{value:"&#x26C5;",alt:"&#x26C5;",descripton:"sun behind cloud"},{value:"&#x26C8;",alt:"&#x26C8;",descripton:"cloud with lightning and rain"},{value:"&#x1F324;",alt:"&#x1F324;",descripton:"sun behind small cloud"},{value:"&#x1F325;",alt:"&#x1F325;",descripton:"sun behind large cloud"},{value:"&#x1F326;",alt:"&#x1F326;",descripton:"sun behind rain cloud"},{value:"&#x1F327;",alt:"&#x1F327;",descripton:"cloud with rain"},{value:"&#x1F328;",alt:"&#x1F328;",descripton:"cloud with snow"},{value:"&#x1F329;",alt:"&#x1F329;",descripton:"cloud with lightning"},{value:"&#x1F32A;",alt:"&#x1F32A;",descripton:"tornado"},{value:"&#x1F32B;",alt:"&#x1F32B;",descripton:"fog"},{value:"&#x1F32C;",alt:"&#x1F32C;",descripton:"wind face"},{value:"&#x1F300;",alt:"&#x1F300;",descripton:"cyclone"},{value:"&#x1F308;",alt:"&#x1F308;",descripton:"rainbow"},{value:"&#x1F302;",alt:"&#x1F302;",descripton:"closed umbrella"},{value:"&#x2602;",alt:"&#x2602;",descripton:"umbrella"},{value:"&#x2614;",alt:"&#x2614;",descripton:"umbrella with rain drops"},{value:"&#x26F1;",alt:"&#x26F1;",descripton:"umbrella on ground"},{value:"&#x26A1;",alt:"&#x26A1;",descripton:"high voltage"},{value:"&#x2744;",alt:"&#x2744;",descripton:"snowflake"},{value:"&#x2603;",alt:"&#x2603;",descripton:"snowman"},{value:"&#x26C4;",alt:"&#x26C4;",descripton:"snowman without snow"},{value:"&#x2604;",alt:"&#x2604;",descripton:"comet"},{value:"&#x1F525;",alt:"&#x1F525;",descripton:"fire"},{value:"&#x1F4A7;",alt:"&#x1F4A7;",descripton:"droplet"},{value:"&#x1F30A;",alt:"&#x1F30A;",descripton:"water wave"}],activities:[{value:"&#x1F383;",alt:"&#x1F383;",descripton:"jack-o-lantern"},{value:"&#x1F384;",alt:"&#x1F384;",descripton:"Christmas tree"},{value:"&#x1F386;",alt:"&#x1F386;",descripton:"fireworks"},{value:"&#x1F387;",alt:"&#x1F387;",descripton:"sparkler"},{value:"&#x1F9E8;",alt:"&#x1F9E8;",descripton:"firecracker"},{value:"&#x2728;",alt:"&#x2728;",descripton:"sparkles"},{value:"&#x1F388;",alt:"&#x1F388;",descripton:"balloon"},{value:"&#x1F389;",alt:"&#x1F389;",descripton:"party popper"},{value:"&#x1F38A;",alt:"&#x1F38A;",descripton:"confetti ball"},{value:"&#x1F38B;",alt:"&#x1F38B;",descripton:"tanabata tree"},{value:"&#x1F38D;",alt:"&#x1F38D;",descripton:"pine decoration"},{value:"&#x1F38E;",alt:"&#x1F38E;",descripton:"Japanese dolls"},{value:"&#x1F38F;",alt:"&#x1F38F;",descripton:"carp streamer"},{value:"&#x1F390;",alt:"&#x1F390;",descripton:"wind chime"},{value:"&#x1F391;",alt:"&#x1F391;",descripton:"moon viewing ceremony"},{value:"&#x1F9E7;",alt:"&#x1F9E7;",descripton:"red envelope"},{value:"&#x1F380;",alt:"&#x1F380;",descripton:"ribbon"},{value:"&#x1F381;",alt:"&#x1F381;",descripton:"wrapped gift"},{value:"&#x1F397;",alt:"&#x1F397;",descripton:"reminder ribbon"},{value:"&#x1F39F;",alt:"&#x1F39F;",descripton:"admission tickets"},{value:"&#x1F3AB;",alt:"&#x1F3AB;",descripton:"ticket"},{value:"&#x1F396;",alt:"&#x1F396;",descripton:"military medal"},{value:"&#x1F3C6;",alt:"&#x1F3C6;",descripton:"trophy"},{value:"&#x1F3C5;",alt:"&#x1F3C5;",descripton:"sports medal"},{value:"&#x1F947;",alt:"&#x1F947;",descripton:"1st place medal"},{value:"&#x1F948;",alt:"&#x1F948;",descripton:"2nd place medal"},{value:"&#x1F949;",alt:"&#x1F949;",descripton:"3rd place medal"},{value:"&#x26BD;",alt:"&#x26BD;",descripton:"soccer ball"},{value:"&#x26BE;",alt:"&#x26BE;",descripton:"baseball"},{value:"&#x1F94E;",alt:"&#x1F94E;",descripton:"softball"},{value:"&#x1F3C0;",alt:"&#x1F3C0;",descripton:"basketball"},{value:"&#x1F3D0;",alt:"&#x1F3D0;",descripton:"volleyball"},{value:"&#x1F3C8;",alt:"&#x1F3C8;",descripton:"american football"},{value:"&#x1F3C9;",alt:"&#x1F3C9;",descripton:"rugby football"},{value:"&#x1F3BE;",alt:"&#x1F3BE;",descripton:"tennis"},{value:"&#x1F94F;",alt:"&#x1F94F;",descripton:"flying disc"},{value:"&#x1F3B3;",alt:"&#x1F3B3;",descripton:"bowling"},{value:"&#x1F3CF;",alt:"&#x1F3CF;",descripton:"cricket game"},{value:"&#x1F3D1;",alt:"&#x1F3D1;",descripton:"field hockey"},{value:"&#x1F3D2;",alt:"&#x1F3D2;",descripton:"ice hockey"},{value:"&#x1F94D;",alt:"&#x1F94D;",descripton:"lacrosse"},{value:"&#x1F3D3;",alt:"&#x1F3D3;",descripton:"ping pong"},{value:"&#x1F3F8;",alt:"&#x1F3F8;",descripton:"badminton"},{value:"&#x1F94A;",alt:"&#x1F94A;",descripton:"boxing glove"},{value:"&#x1F94B;",alt:"&#x1F94B;",descripton:"martial arts uniform"},{value:"&#x1F945;",alt:"&#x1F945;",descripton:"goal net"},{value:"&#x26F3;",alt:"&#x26F3;",descripton:"flag in hole"},{value:"&#x26F8;",alt:"&#x26F8;",descripton:"ice skate"},{value:"&#x1F3A3;",alt:"&#x1F3A3;",descripton:"fishing pole"},{value:"&#x1F93F;",alt:"&#x1F93F;",descripton:"diving mask"},{value:"&#x1F3BD;",alt:"&#x1F3BD;",descripton:"running shirt"},{value:"&#x1F3BF;",alt:"&#x1F3BF;",descripton:"skis"},{value:"&#x1F6F7;",alt:"&#x1F6F7;",descripton:"sled"},{value:"&#x1F94C;",alt:"&#x1F94C;",descripton:"curling stone"},{value:"&#x1F3AF;",alt:"&#x1F3AF;",descripton:"direct hit"},{value:"&#x1FA80;",alt:"&#x1FA80;",descripton:"yo-yo"},{value:"&#x1FA81;",alt:"&#x1FA81;",descripton:"kite"},{value:"&#x1F3B1;",alt:"&#x1F3B1;",descripton:"pool 8 ball"},{value:"&#x1F52E;",alt:"&#x1F52E;",descripton:"crystal ball"},{value:"&#x1F9FF;",alt:"&#x1F9FF;",descripton:"nazar amulet"},{value:"&#x1F3AE;",alt:"&#x1F3AE;",descripton:"video game"},{value:"&#x1F579;",alt:"&#x1F579;",descripton:"joystick"},{value:"&#x1F3B0;",alt:"&#x1F3B0;",descripton:"slot machine"},{value:"&#x1F3B2;",alt:"&#x1F3B2;",descripton:"game die"},{value:"&#x1F9E9;",alt:"&#x1F9E9;",descripton:"puzzle piece"},{value:"&#x1F9F8;",alt:"&#x1F9F8;",descripton:"teddy bear"},{value:"&#x2660;",alt:"&#x2660;",descripton:"spade suit"},{value:"&#x2665;",alt:"&#x2665;",descripton:"heart suit"},{value:"&#x2666;",alt:"&#x2666;",descripton:"diamond suit"},{value:"&#x2663;",alt:"&#x2663;",descripton:"club suit"},{value:"&#x265F;",alt:"&#x265F;",descripton:"chess pawn"},{value:"&#x1F0CF;",alt:"&#x1F0CF;",descripton:"joker"},{value:"&#x1F004;",alt:"&#x1F004;",descripton:"mahjong red dragon"},{value:"&#x1F3B4;",alt:"&#x1F3B4;",descripton:"flower playing cards"},{value:"&#x1F3AD;",alt:"&#x1F3AD;",descripton:"performing arts"},{value:"&#x1F5BC;",alt:"&#x1F5BC;",descripton:"framed picture"},{value:"&#x1F3A8;",alt:"&#x1F3A8;",descripton:"artist palette"},{value:"&#x1F9F5;",alt:"&#x1F9F5;",descripton:"thread"},{value:"&#x1F9F6;",alt:"&#x1F9F6;",descripton:"yarn"}],objects:[{value:"&#x1F453;",alt:"&#x1F453;",descripton:"glasses"},{value:"&#x1F576;",alt:"&#x1F576;",descripton:"sunglasses"},{value:"&#x1F97D;",alt:"&#x1F97D;",descripton:"goggles"},{value:"&#x1F97C;",alt:"&#x1F97C;",descripton:"lab coat"},{value:"&#x1F9BA;",alt:"&#x1F9BA;",descripton:"safety vest"},{value:"&#x1F454;",alt:"&#x1F454;",descripton:"necktie"},{value:"&#x1F455;",alt:"&#x1F455;",descripton:"t-shirt"},{value:"&#x1F456;",alt:"&#x1F456;",descripton:"jeans"},{value:"&#x1F9E3;",alt:"&#x1F9E3;",descripton:"scarf"},{value:"&#x1F9E4;",alt:"&#x1F9E4;",descripton:"gloves"},{value:"&#x1F9E5;",alt:"&#x1F9E5;",descripton:"coat"},{value:"&#x1F9E6;",alt:"&#x1F9E6;",descripton:"socks"},{value:"&#x1F457;",alt:"&#x1F457;",descripton:"dress"},{value:"&#x1F458;",alt:"&#x1F458;",descripton:"kimono"},{value:"&#x1F97B;",alt:"&#x1F97B;",descripton:"sari"},{value:"&#x1FA71;",alt:"&#x1FA71;",descripton:"one-piece swimsuit"},{value:"&#x1FA72;",alt:"&#x1FA72;",descripton:"briefs"},{value:"&#x1FA73;",alt:"&#x1FA73;",descripton:"shorts"},{value:"&#x1F459;",alt:"&#x1F459;",descripton:"bikini"},{value:"&#x1F45A;",alt:"&#x1F45A;",descripton:"woman’s clothes"},{value:"&#x1F45B;",alt:"&#x1F45B;",descripton:"purse"},{value:"&#x1F45C;",alt:"&#x1F45C;",descripton:"handbag"},{value:"&#x1F45D;",alt:"&#x1F45D;",descripton:"clutch bag"},{value:"&#x1F6CD;",alt:"&#x1F6CD;",descripton:"shopping bags"},{value:"&#x1F392;",alt:"&#x1F392;",descripton:"backpack"},{value:"&#x1F45E;",alt:"&#x1F45E;",descripton:"man’s shoe"},{value:"&#x1F45F;",alt:"&#x1F45F;",descripton:"running shoe"},{value:"&#x1F97E;",alt:"&#x1F97E;",descripton:"hiking boot"},{value:"&#x1F97F;",alt:"&#x1F97F;",descripton:"flat shoe"},{value:"&#x1F460;",alt:"&#x1F460;",descripton:"high-heeled shoe"},{value:"&#x1F461;",alt:"&#x1F461;",descripton:"woman’s sandal"},{value:"&#x1FA70;",alt:"&#x1FA70;",descripton:"ballet shoes"},{value:"&#x1F462;",alt:"&#x1F462;",descripton:"woman’s boot"},{value:"&#x1F451;",alt:"&#x1F451;",descripton:"crown"},{value:"&#x1F452;",alt:"&#x1F452;",descripton:"woman’s hat"},{value:"&#x1F3A9;",alt:"&#x1F3A9;",descripton:"top hat"},{value:"&#x1F393;",alt:"&#x1F393;",descripton:"graduation cap"},{value:"&#x1F9E2;",alt:"&#x1F9E2;",descripton:"billed cap"},{value:"&#x26D1;",alt:"&#x26D1;",descripton:"rescue worker’s helmet"},{value:"&#x1F4FF;",alt:"&#x1F4FF;",descripton:"prayer beads"},{value:"&#x1F484;",alt:"&#x1F484;",descripton:"lipstick"},{value:"&#x1F48D;",alt:"&#x1F48D;",descripton:"ring"},{value:"&#x1F48E;",alt:"&#x1F48E;",descripton:"gem stone"},{value:"&#x1F507;",alt:"&#x1F507;",descripton:"muted speaker"},{value:"&#x1F508;",alt:"&#x1F508;",descripton:"speaker low volume"},{value:"&#x1F509;",alt:"&#x1F509;",descripton:"speaker medium volume"},{value:"&#x1F50A;",alt:"&#x1F50A;",descripton:"speaker high volume"},{value:"&#x1F4E2;",alt:"&#x1F4E2;",descripton:"loudspeaker"},{value:"&#x1F4E3;",alt:"&#x1F4E3;",descripton:"megaphone"},{value:"&#x1F4EF;",alt:"&#x1F4EF;",descripton:"postal horn"},{value:"&#x1F514;",alt:"&#x1F514;",descripton:"bell"},{value:"&#x1F515;",alt:"&#x1F515;",descripton:"bell with slash"},{value:"&#x1F3BC;",alt:"&#x1F3BC;",descripton:"musical score"},{value:"&#x1F3B5;",alt:"&#x1F3B5;",descripton:"musical note"},{value:"&#x1F3B6;",alt:"&#x1F3B6;",descripton:"musical notes"},{value:"&#x1F399;",alt:"&#x1F399;",descripton:"studio microphone"},{value:"&#x1F39A;",alt:"&#x1F39A;",descripton:"level slider"},{value:"&#x1F39B;",alt:"&#x1F39B;",descripton:"control knobs"},{value:"&#x1F3A4;",alt:"&#x1F3A4;",descripton:"microphone"},{value:"&#x1F3A7;",alt:"&#x1F3A7;",descripton:"headphone"},{value:"&#x1F4FB;",alt:"&#x1F4FB;",descripton:"radio"},{value:"&#x1F3B7;",alt:"&#x1F3B7;",descripton:"saxophone"},{value:"&#x1F3B8;",alt:"&#x1F3B8;",descripton:"guitar"},{value:"&#x1F3B9;",alt:"&#x1F3B9;",descripton:"musical keyboard"},{value:"&#x1F3BA;",alt:"&#x1F3BA;",descripton:"trumpet"},{value:"&#x1F3BB;",alt:"&#x1F3BB;",descripton:"violin"},{value:"&#x1FA95;",alt:"&#x1FA95;",descripton:"banjo"},{value:"&#x1F941;",alt:"&#x1F941;",descripton:"drum"},{value:"&#x1F4F1;",alt:"&#x1F4F1;",descripton:"mobile phone"},{value:"&#x1F4F2;",alt:"&#x1F4F2;",descripton:"mobile phone with arrow"},{value:"&#x260E;",alt:"&#x260E;",descripton:"telephone"},{value:"&#x1F4DE;",alt:"&#x1F4DE;",descripton:"telephone receiver"},{value:"&#x1F4DF;",alt:"&#x1F4DF;",descripton:"pager"},{value:"&#x1F4E0;",alt:"&#x1F4E0;",descripton:"fax machine"},{value:"&#x1F50B;",alt:"&#x1F50B;",descripton:"battery"},{value:"&#x1F50C;",alt:"&#x1F50C;",descripton:"electric plug"},{value:"&#x1F4BB;",alt:"&#x1F4BB;",descripton:"laptop computer"},{value:"&#x1F5A5;",alt:"&#x1F5A5;",descripton:"desktop computer"},{value:"&#x1F5A8;",alt:"&#x1F5A8;",descripton:"printer"},{value:"&#x2328;",alt:"&#x2328;",descripton:"keyboard"},{value:"&#x1F5B1;",alt:"&#x1F5B1;",descripton:"computer mouse"},{value:"&#x1F5B2;",alt:"&#x1F5B2;",descripton:"trackball"},{value:"&#x1F4BD;",alt:"&#x1F4BD;",descripton:"computer disk"},{value:"&#x1F4BE;",alt:"&#x1F4BE;",descripton:"floppy disk"},{value:"&#x1F4BF;",alt:"&#x1F4BF;",descripton:"optical disk"},{value:"&#x1F4C0;",alt:"&#x1F4C0;",descripton:"dvd"},{value:"&#x1F9EE;",alt:"&#x1F9EE;",descripton:"abacus"},{value:"&#x1F3A5;",alt:"&#x1F3A5;",descripton:"movie camera"},{value:"&#x1F39E;",alt:"&#x1F39E;",descripton:"film frames"},{value:"&#x1F4FD;",alt:"&#x1F4FD;",descripton:"film projector"},{value:"&#x1F3AC;",alt:"&#x1F3AC;",descripton:"clapper board"},{value:"&#x1F4FA;",alt:"&#x1F4FA;",descripton:"television"},{value:"&#x1F4F7;",alt:"&#x1F4F7;",descripton:"camera"},{value:"&#x1F4F8;",alt:"&#x1F4F8;",descripton:"camera with flash"},{value:"&#x1F4F9;",alt:"&#x1F4F9;",descripton:"video camera"},{value:"&#x1F4FC;",alt:"&#x1F4FC;",descripton:"videocassette"},{value:"&#x1F50D;",alt:"&#x1F50D;",descripton:"magnifying glass tilted left"},{value:"&#x1F50E;",alt:"&#x1F50E;",descripton:"magnifying glass tilted right"},{value:"&#x1F56F;",alt:"&#x1F56F;",descripton:"candle"},{value:"&#x1F4A1;",alt:"&#x1F4A1;",descripton:"light bulb"},{value:"&#x1F526;",alt:"&#x1F526;",descripton:"flashlight"},{value:"&#x1F3EE;",alt:"&#x1F3EE;",descripton:"red paper lantern"},{value:"&#x1FA94;",alt:"&#x1FA94;",descripton:"diya lamp"},{value:"&#x1F4D4;",alt:"&#x1F4D4;",descripton:"notebook with decorative cover"},{value:"&#x1F4D5;",alt:"&#x1F4D5;",descripton:"closed book"},{value:"&#x1F4D6;",alt:"&#x1F4D6;",descripton:"open book"},{value:"&#x1F4D7;",alt:"&#x1F4D7;",descripton:"green book"},{value:"&#x1F4D8;",alt:"&#x1F4D8;",descripton:"blue book"},{value:"&#x1F4D9;",alt:"&#x1F4D9;",descripton:"orange book"},{value:"&#x1F4DA;",alt:"&#x1F4DA;",descripton:"books"},{value:"&#x1F4D3;",alt:"&#x1F4D3;",descripton:"notebook"},{value:"&#x1F4D2;",alt:"&#x1F4D2;",descripton:"ledger"},{value:"&#x1F4C3;",alt:"&#x1F4C3;",descripton:"page with curl"},{value:"&#x1F4DC;",alt:"&#x1F4DC;",descripton:"scroll"},{value:"&#x1F4C4;",alt:"&#x1F4C4;",descripton:"page facing up"},{value:"&#x1F4F0;",alt:"&#x1F4F0;",descripton:"newspaper"},{value:"&#x1F5DE;",alt:"&#x1F5DE;",descripton:"rolled-up newspaper"},{value:"&#x1F4D1;",alt:"&#x1F4D1;",descripton:"bookmark tabs"},{value:"&#x1F516;",alt:"&#x1F516;",descripton:"bookmark"},{value:"&#x1F3F7;",alt:"&#x1F3F7;",descripton:"label"},{value:"&#x1F4B0;",alt:"&#x1F4B0;",descripton:"money bag"},{value:"&#x1F4B4;",alt:"&#x1F4B4;",descripton:"yen banknote"},{value:"&#x1F4B5;",alt:"&#x1F4B5;",descripton:"dollar banknote"},{value:"&#x1F4B6;",alt:"&#x1F4B6;",descripton:"euro banknote"},{value:"&#x1F4B7;",alt:"&#x1F4B7;",descripton:"pound banknote"},{value:"&#x1F4B8;",alt:"&#x1F4B8;",descripton:"money with wings"},{value:"&#x1F4B3;",alt:"&#x1F4B3;",descripton:"credit card"},{value:"&#x1F9FE;",alt:"&#x1F9FE;",descripton:"receipt"},{value:"&#x1F4B9;",alt:"&#x1F4B9;",descripton:"chart increasing with yen"},{value:"&#x1F4B1;",alt:"&#x1F4B1;",descripton:"currency exchange"},{value:"&#x1F4B2;",alt:"&#x1F4B2;",descripton:"heavy dollar sign"},{value:"&#x2709;",alt:"&#x2709;",descripton:"envelope"},{value:"&#x1F4E7;",alt:"&#x1F4E7;",descripton:"e-mail"},{value:"&#x1F4E8;",alt:"&#x1F4E8;",descripton:"incoming envelope"},{value:"&#x1F4E9;",alt:"&#x1F4E9;",descripton:"envelope with arrow"},{value:"&#x1F4E4;",alt:"&#x1F4E4;",descripton:"outbox tray"},{value:"&#x1F4E5;",alt:"&#x1F4E5;",descripton:"inbox tray"},{value:"&#x1F4E6;",alt:"&#x1F4E6;",descripton:"package"},{value:"&#x1F4EB;",alt:"&#x1F4EB;",descripton:"closed mailbox with raised flag"},{value:"&#x1F4EA;",alt:"&#x1F4EA;",descripton:"closed mailbox with lowered flag"},{value:"&#x1F4EC;",alt:"&#x1F4EC;",descripton:"open mailbox with raised flag"},{value:"&#x1F4ED;",alt:"&#x1F4ED;",descripton:"open mailbox with lowered flag"},{value:"&#x1F4EE;",alt:"&#x1F4EE;",descripton:"postbox"},{value:"&#x1F5F3;",alt:"&#x1F5F3;",descripton:"ballot box with ballot"},{value:"&#x270F;",alt:"&#x270F;",descripton:"pencil"},{value:"&#x2712;",alt:"&#x2712;",descripton:"black nib"},{value:"&#x1F58B;",alt:"&#x1F58B;",descripton:"fountain pen"},{value:"&#x1F58A;",alt:"&#x1F58A;",descripton:"pen"},{value:"&#x1F58C;",alt:"&#x1F58C;",descripton:"paintbrush"},{value:"&#x1F58D;",alt:"&#x1F58D;",descripton:"crayon"},{value:"&#x1F4DD;",alt:"&#x1F4DD;",descripton:"memo"},{value:"&#x1F4BC;",alt:"&#x1F4BC;",descripton:"briefcase"},{value:"&#x1F4C1;",alt:"&#x1F4C1;",descripton:"file folder"},{value:"&#x1F4C2;",alt:"&#x1F4C2;",descripton:"open file folder"},{value:"&#x1F5C2;",alt:"&#x1F5C2;",descripton:"card index dividers"},{value:"&#x1F4C5;",alt:"&#x1F4C5;",descripton:"calendar"},{value:"&#x1F4C6;",alt:"&#x1F4C6;",descripton:"tear-off calendar"},{value:"&#x1F5D2;",alt:"&#x1F5D2;",descripton:"spiral notepad"},{value:"&#x1F5D3;",alt:"&#x1F5D3;",descripton:"spiral calendar"},{value:"&#x1F4C7;",alt:"&#x1F4C7;",descripton:"card index"},{value:"&#x1F4C8;",alt:"&#x1F4C8;",descripton:"chart increasing"},{value:"&#x1F4C9;",alt:"&#x1F4C9;",descripton:"chart decreasing"},{value:"&#x1F4CA;",alt:"&#x1F4CA;",descripton:"bar chart"},{value:"&#x1F4CB;",alt:"&#x1F4CB;",descripton:"clipboard"},{value:"&#x1F4CC;",alt:"&#x1F4CC;",descripton:"pushpin"},{value:"&#x1F4CD;",alt:"&#x1F4CD;",descripton:"round pushpin"},{value:"&#x1F4CE;",alt:"&#x1F4CE;",descripton:"paperclip"},{value:"&#x1F587;",alt:"&#x1F587;",descripton:"linked paperclips"},{value:"&#x1F4CF;",alt:"&#x1F4CF;",descripton:"straight ruler"},{value:"&#x1F4D0;",alt:"&#x1F4D0;",descripton:"triangular ruler"},{value:"&#x2702;",alt:"&#x2702;",descripton:"scissors"},{value:"&#x1F5C3;",alt:"&#x1F5C3;",descripton:"card file box"},{value:"&#x1F5C4;",alt:"&#x1F5C4;",descripton:"file cabinet"},{value:"&#x1F5D1;",alt:"&#x1F5D1;",descripton:"wastebasket"},{value:"&#x1F512;",alt:"&#x1F512;",descripton:"locked"},{value:"&#x1F513;",alt:"&#x1F513;",descripton:"unlocked"},{value:"&#x1F50F;",alt:"&#x1F50F;",descripton:"locked with pen"},{value:"&#x1F510;",alt:"&#x1F510;",descripton:"locked with key"},{value:"&#x1F511;",alt:"&#x1F511;",descripton:"key"},{value:"&#x1F5DD;",alt:"&#x1F5DD;",descripton:"old key"},{value:"&#x1F528;",alt:"&#x1F528;",descripton:"hammer"},{value:"&#x1FA93;",alt:"&#x1FA93;",descripton:"axe"},{value:"&#x26CF;",alt:"&#x26CF;",descripton:"pick"},{value:"&#x2692;",alt:"&#x2692;",descripton:"hammer and pick"},{value:"&#x1F6E0;",alt:"&#x1F6E0;",descripton:"hammer and wrench"},{value:"&#x1F5E1;",alt:"&#x1F5E1;",descripton:"dagger"},{value:"&#x2694;",alt:"&#x2694;",descripton:"crossed swords"},{value:"&#x1F52B;",alt:"&#x1F52B;",descripton:"pistol"},{value:"&#x1F3F9;",alt:"&#x1F3F9;",descripton:"bow and arrow"},{value:"&#x1F6E1;",alt:"&#x1F6E1;",descripton:"shield"},{value:"&#x1F527;",alt:"&#x1F527;",descripton:"wrench"},{value:"&#x1F529;",alt:"&#x1F529;",descripton:"nut and bolt"},{value:"&#x2699;",alt:"&#x2699;",descripton:"gear"},{value:"&#x1F5DC;",alt:"&#x1F5DC;",descripton:"clamp"},{value:"&#x2696;",alt:"&#x2696;",descripton:"balance scale"},{value:"&#x1F9AF;",alt:"&#x1F9AF;",descripton:"probing cane"},{value:"&#x1F517;",alt:"&#x1F517;",descripton:"link"},{value:"&#x26D3;",alt:"&#x26D3;",descripton:"chains"},{value:"&#x1F9F0;",alt:"&#x1F9F0;",descripton:"toolbox"},{value:"&#x1F9F2;",alt:"&#x1F9F2;",descripton:"magnet"},{value:"&#x2697;",alt:"&#x2697;",descripton:"alembic"},{value:"&#x1F9EA;",alt:"&#x1F9EA;",descripton:"test tube"},{value:"&#x1F9EB;",alt:"&#x1F9EB;",descripton:"petri dish"},{value:"&#x1F9EC;",alt:"&#x1F9EC;",descripton:"dna"},{value:"&#x1F52C;",alt:"&#x1F52C;",descripton:"microscope"},{value:"&#x1F52D;",alt:"&#x1F52D;",descripton:"telescope"},{value:"&#x1F4E1;",alt:"&#x1F4E1;",descripton:"satellite antenna"},{value:"&#x1F489;",alt:"&#x1F489;",descripton:"syringe"},{value:"&#x1FA78;",alt:"&#x1FA78;",descripton:"drop of blood"},{value:"&#x1F48A;",alt:"&#x1F48A;",descripton:"pill"},{value:"&#x1FA79;",alt:"&#x1FA79;",descripton:"adhesive bandage"},{value:"&#x1FA7A;",alt:"&#x1FA7A;",descripton:"stethoscope"},{value:"&#x1F6AA;",alt:"&#x1F6AA;",descripton:"door"},{value:"&#x1F6CF;",alt:"&#x1F6CF;",descripton:"bed"},{value:"&#x1F6CB;",alt:"&#x1F6CB;",descripton:"couch and lamp"},{value:"&#x1FA91;",alt:"&#x1FA91;",descripton:"chair"},{value:"&#x1F6BD;",alt:"&#x1F6BD;",descripton:"toilet"},{value:"&#x1F6BF;",alt:"&#x1F6BF;",descripton:"shower"},{value:"&#x1F6C1;",alt:"&#x1F6C1;",descripton:"bathtub"},{value:"&#x1FA92;",alt:"&#x1FA92;",descripton:"razor"},{value:"&#x1F9F4;",alt:"&#x1F9F4;",descripton:"lotion bottle"},{value:"&#x1F9F7;",alt:"&#x1F9F7;",descripton:"safety pin"},{value:"&#x1F9F9;",alt:"&#x1F9F9;",descripton:"broom"},{value:"&#x1F9FA;",alt:"&#x1F9FA;",descripton:"basket"},{value:"&#x1F9FB;",alt:"&#x1F9FB;",descripton:"roll of paper"},{value:"&#x1F9FC;",alt:"&#x1F9FC;",descripton:"soap"},{value:"&#x1F9FD;",alt:"&#x1F9FD;",descripton:"sponge"},{value:"&#x1F9EF;",alt:"&#x1F9EF;",descripton:"fire extinguisher"},{value:"&#x1F6D2;",alt:"&#x1F6D2;",descripton:"shopping cart"},{value:"&#x1F6AC;",alt:"&#x1F6AC;",descripton:"cigarette"},{value:"&#x26B0;",alt:"&#x26B0;",descripton:"coffin"},{value:"&#x26B1;",alt:"&#x26B1;",descripton:"funeral urn"},{value:"&#x1F5FF;",alt:"&#x1F5FF;",descripton:"moai"}],symbols:[{value:"&#x1F3E7;",alt:"&#x1F3E7;",descripton:"ATM sign"},{value:"&#x1F6AE;",alt:"&#x1F6AE;",descripton:"litter in bin sign"},{value:"&#x1F6B0;",alt:"&#x1F6B0;",descripton:"potable water"},{value:"&#x267F;",alt:"&#x267F;",descripton:"wheelchair symbol"},{value:"&#x1F6B9;",alt:"&#x1F6B9;",descripton:"men’s room"},{value:"&#x1F6BA;",alt:"&#x1F6BA;",descripton:"women’s room"},{value:"&#x1F6BB;",alt:"&#x1F6BB;",descripton:"restroom"},{value:"&#x1F6BC;",alt:"&#x1F6BC;",descripton:"baby symbol"},{value:"&#x1F6BE;",alt:"&#x1F6BE;",descripton:"water closet"},{value:"&#x1F6C2;",alt:"&#x1F6C2;",descripton:"passport control"},{value:"&#x1F6C3;",alt:"&#x1F6C3;",descripton:"customs"},{value:"&#x1F6C4;",alt:"&#x1F6C4;",descripton:"baggage claim"},{value:"&#x1F6C5;",alt:"&#x1F6C5;",descripton:"left luggage"},{value:"&#x26A0;",alt:"&#x26A0;",descripton:"warning"},{value:"&#x1F6B8;",alt:"&#x1F6B8;",descripton:"children crossing"},{value:"&#x26D4;",alt:"&#x26D4;",descripton:"no entry"},{value:"&#x1F6AB;",alt:"&#x1F6AB;",descripton:"prohibited"},{value:"&#x1F6B3;",alt:"&#x1F6B3;",descripton:"no bicycles"},{value:"&#x1F6AD;",alt:"&#x1F6AD;",descripton:"no smoking"},{value:"&#x1F6AF;",alt:"&#x1F6AF;",descripton:"no littering"},{value:"&#x1F6B1;",alt:"&#x1F6B1;",descripton:"non-potable water"},{value:"&#x1F6B7;",alt:"&#x1F6B7;",descripton:"no pedestrians"},{value:"&#x1F4F5;",alt:"&#x1F4F5;",descripton:"no mobile phones"},{value:"&#x1F51E;",alt:"&#x1F51E;",descripton:"no one under eighteen"},{value:"&#x2622;",alt:"&#x2622;",descripton:"radioactive"},{value:"&#x2623;",alt:"&#x2623;",descripton:"biohazard"},{value:"&#x2B06;",alt:"&#x2B06;",descripton:"up arrow"},{value:"&#x2197;",alt:"&#x2197;",descripton:"up-right arrow"},{value:"&#x27A1;",alt:"&#x27A1;",descripton:"right arrow"},{value:"&#x2198;",alt:"&#x2198;",descripton:"down-right arrow"},{value:"&#x2B07;",alt:"&#x2B07;",descripton:"down arrow"},{value:"&#x2199;",alt:"&#x2199;",descripton:"down-left arrow"},{value:"&#x2B05;",alt:"&#x2B05;",descripton:"left arrow"},{value:"&#x2196;",alt:"&#x2196;",descripton:"up-left arrow"},{value:"&#x2195;",alt:"&#x2195;",descripton:"up-down arrow"},{value:"&#x2194;",alt:"&#x2194;",descripton:"left-right arrow"},{value:"&#x21A9;",alt:"&#x21A9;",descripton:"right arrow curving left"},{value:"&#x21AA;",alt:"&#x21AA;",descripton:"left arrow curving right"},{value:"&#x2934;",alt:"&#x2934;",descripton:"right arrow curving up"},{value:"&#x2935;",alt:"&#x2935;",descripton:"right arrow curving down"},{value:"&#x1F503;",alt:"&#x1F503;",descripton:"clockwise vertical arrows"},{value:"&#x1F504;",alt:"&#x1F504;",descripton:"counterclockwise arrows button"},{value:"&#x1F519;",alt:"&#x1F519;",descripton:"BACK arrow"},{value:"&#x1F51A;",alt:"&#x1F51A;",descripton:"END arrow"},{value:"&#x1F51B;",alt:"&#x1F51B;",descripton:"ON! arrow"},{value:"&#x1F51C;",alt:"&#x1F51C;",descripton:"SOON arrow"},{value:"&#x1F51D;",alt:"&#x1F51D;",descripton:"TOP arrow"},{value:"&#x1F6D0;",alt:"&#x1F6D0;",descripton:"place of worship"},{value:"&#x269B;",alt:"&#x269B;",descripton:"atom symbol"},{value:"&#x1F549;",alt:"&#x1F549;",descripton:"om"},{value:"&#x2721;",alt:"&#x2721;",descripton:"star of David"},{value:"&#x2638;",alt:"&#x2638;",descripton:"wheel of dharma"},{value:"&#x262F;",alt:"&#x262F;",descripton:"yin yang"},{value:"&#x271D;",alt:"&#x271D;",descripton:"latin cross"},{value:"&#x2626;",alt:"&#x2626;",descripton:"orthodox cross"},{value:"&#x262A;",alt:"&#x262A;",descripton:"star and crescent"},{value:"&#x262E;",alt:"&#x262E;",descripton:"peace symbol"},{value:"&#x1F54E;",alt:"&#x1F54E;",descripton:"menorah"},{value:"&#x1F52F;",alt:"&#x1F52F;",descripton:"dotted six-pointed star"},{value:"&#x2648;",alt:"&#x2648;",descripton:"Aries"},{value:"&#x2649;",alt:"&#x2649;",descripton:"Taurus"},{value:"&#x264A;",alt:"&#x264A;",descripton:"Gemini"},{value:"&#x264B;",alt:"&#x264B;",descripton:"Cancer"},{value:"&#x264C;",alt:"&#x264C;",descripton:"Leo"},{value:"&#x264D;",alt:"&#x264D;",descripton:"Virgo"},{value:"&#x264E;",alt:"&#x264E;",descripton:"Libra"},{value:"&#x264F;",alt:"&#x264F;",descripton:"Scorpio"},{value:"&#x2650;",alt:"&#x2650;",descripton:"Sagittarius"},{value:"&#x2651;",alt:"&#x2651;",descripton:"Capricorn"},{value:"&#x2652;",alt:"&#x2652;",descripton:"Aquarius"},{value:"&#x2653;",alt:"&#x2653;",descripton:"Pisces"},{value:"&#x26CE;",alt:"&#x26CE;",descripton:"Ophiuchus"},{value:"&#x1F500;",alt:"&#x1F500;",descripton:"shuffle tracks button"},{value:"&#x1F501;",alt:"&#x1F501;",descripton:"repeat button"},{value:"&#x1F502;",alt:"&#x1F502;",descripton:"repeat single button"},{value:"&#x25B6;",alt:"&#x25B6;",descripton:"play button"},{value:"&#x23E9;",alt:"&#x23E9;",descripton:"fast-forward button"},{value:"&#x23ED;",alt:"&#x23ED;",descripton:"next track button"},{value:"&#x23EF;",alt:"&#x23EF;",descripton:"play or pause button"},{value:"&#x25C0;",alt:"&#x25C0;",descripton:"reverse button"},{value:"&#x23EA;",alt:"&#x23EA;",descripton:"fast reverse button"},{value:"&#x23EE;",alt:"&#x23EE;",descripton:"last track button"},{value:"&#x1F53C;",alt:"&#x1F53C;",descripton:"upwards button"},{value:"&#x23EB;",alt:"&#x23EB;",descripton:"fast up button"},{value:"&#x1F53D;",alt:"&#x1F53D;",descripton:"downwards button"},{value:"&#x23EC;",alt:"&#x23EC;",descripton:"fast down button"},{value:"&#x23F8;",alt:"&#x23F8;",descripton:"pause button"},{value:"&#x23F9;",alt:"&#x23F9;",descripton:"stop button"},{value:"&#x23FA;",alt:"&#x23FA;",descripton:"record button"},{value:"&#x23CF;",alt:"&#x23CF;",descripton:"eject button"},{value:"&#x1F3A6;",alt:"&#x1F3A6;",descripton:"cinema"},{value:"&#x1F505;",alt:"&#x1F505;",descripton:"dim button"},{value:"&#x1F506;",alt:"&#x1F506;",descripton:"bright button"},{value:"&#x1F4F6;",alt:"&#x1F4F6;",descripton:"antenna bars"},{value:"&#x1F4F3;",alt:"&#x1F4F3;",descripton:"vibration mode"},{value:"&#x1F4F4;",alt:"&#x1F4F4;",descripton:"mobile phone off"},{value:"&#x2640;",alt:"&#x2640;",descripton:"female sign"},{value:"&#x2642;",alt:"&#x2642;",descripton:"male sign"},{value:"&#x2695;",alt:"&#x2695;",descripton:"medical symbol"},{value:"&#x267E;",alt:"&#x267E;",descripton:"infinity"},{value:"&#x267B;",alt:"&#x267B;",descripton:"recycling symbol"},{value:"&#x269C;",alt:"&#x269C;",descripton:"fleur-de-lis"},{value:"&#x1F531;",alt:"&#x1F531;",descripton:"trident emblem"},{value:"&#x1F4DB;",alt:"&#x1F4DB;",descripton:"name badge"},{value:"&#x1F530;",alt:"&#x1F530;",descripton:"Japanese symbol for beginner"},{value:"&#x2B55;",alt:"&#x2B55;",descripton:"hollow red circle"},{value:"&#x2705;",alt:"&#x2705;",descripton:"check mark button"},{value:"&#x2611;",alt:"&#x2611;",descripton:"check box with check"},{value:"&#x2714;",alt:"&#x2714;",descripton:"check mark"},{value:"&#x2716;",alt:"&#x2716;",descripton:"multiplication sign"},{value:"&#x274C;",alt:"&#x274C;",descripton:"cross mark"},{value:"&#x274E;",alt:"&#x274E;",descripton:"cross mark button"},{value:"&#x2795;",alt:"&#x2795;",descripton:"plus sign"},{value:"&#x2796;",alt:"&#x2796;",descripton:"minus sign"},{value:"&#x2797;",alt:"&#x2797;",descripton:"division sign"},{value:"&#x27B0;",alt:"&#x27B0;",descripton:"curly loop"},{value:"&#x27BF;",alt:"&#x27BF;",descripton:"double curly loop"},{value:"&#x303D;",alt:"&#x303D;",descripton:"part alternation mark"},{value:"&#x2733;",alt:"&#x2733;",descripton:"eight-spoked asterisk"},{value:"&#x2734;",alt:"&#x2734;",descripton:"eight-pointed star"},{value:"&#x2747;",alt:"&#x2747;",descripton:"sparkle"},{value:"&#x203C;",alt:"&#x203C;",descripton:"double exclamation mark"},{value:"&#x2049;",alt:"&#x2049;",descripton:"exclamation question mark"},{value:"&#x2753;",alt:"&#x2753;",descripton:"question mark"},{value:"&#x2754;",alt:"&#x2754;",descripton:"white question mark"},{value:"&#x2755;",alt:"&#x2755;",descripton:"white exclamation mark"},{value:"&#x2757;",alt:"&#x2757;",descripton:"exclamation mark"},{value:"&#x3030;",alt:"&#x3030;",descripton:"wavy dash"},{value:"&#x00A9;",alt:"&#x00A9;",descripton:"copyright"},{value:"&#x00AE;",alt:"&#x00AE;",descripton:"registered"},{value:"&#x2122;",alt:"&#x2122;",descripton:"trade mark"},{value:"&#x1F51F;",alt:"&#x1F51F;",descripton:"keycap: 10"},{value:"&#x1F520;",alt:"&#x1F520;",descripton:"input latin uppercase"},{value:"&#x1F521;",alt:"&#x1F521;",descripton:"input latin lowercase"},{value:"&#x1F522;",alt:"&#x1F522;",descripton:"input numbers"},{value:"&#x1F523;",alt:"&#x1F523;",descripton:"input symbols"},{value:"&#x1F524;",alt:"&#x1F524;",descripton:"input latin letters"},{value:"&#x1F170;",alt:"&#x1F170;",descripton:"A button (blood type)"},{value:"&#x1F18E;",alt:"&#x1F18E;",descripton:"AB button (blood type)"},{value:"&#x1F171;",alt:"&#x1F171;",descripton:"B button (blood type)"},{value:"&#x1F191;",alt:"&#x1F191;",descripton:"CL button"},{value:"&#x1F192;",alt:"&#x1F192;",descripton:"COOL button"},{value:"&#x1F193;",alt:"&#x1F193;",descripton:"FREE button"},{value:"&#x2139;",alt:"&#x2139;",descripton:"information"},{value:"&#x1F194;",alt:"&#x1F194;",descripton:"ID button"},{value:"&#x24C2;",alt:"&#x24C2;",descripton:"circled M"},{value:"&#x1F195;",alt:"&#x1F195;",descripton:"NEW button"},{value:"&#x1F196;",alt:"&#x1F196;",descripton:"NG button"},{value:"&#x1F17E;",alt:"&#x1F17E;",descripton:"O button (blood type)"},{value:"&#x1F197;",alt:"&#x1F197;",descripton:"OK button"},{value:"&#x1F17F;",alt:"&#x1F17F;",descripton:"P button"},{value:"&#x1F198;",alt:"&#x1F198;",descripton:"SOS button"},{value:"&#x1F199;",alt:"&#x1F199;",descripton:"UP! button"},{value:"&#x1F19A;",alt:"&#x1F19A;",descripton:"VS button"},{value:"&#x1F201;",alt:"&#x1F201;",descripton:"Japanese “here” button"},{value:"&#x1F202;",alt:"&#x1F202;",descripton:"Japanese “service charge” button"},{value:"&#x1F237;",alt:"&#x1F237;",descripton:"Japanese “monthly amount” button"},{value:"&#x1F236;",alt:"&#x1F236;",descripton:"Japanese “not free of charge” button"},{value:"&#x1F22F;",alt:"&#x1F22F;",descripton:"Japanese “reserved” button"},{value:"&#x1F250;",alt:"&#x1F250;",descripton:"Japanese “bargain” button"},{value:"&#x1F239;",alt:"&#x1F239;",descripton:"Japanese “discount” button"},{value:"&#x1F21A;",alt:"&#x1F21A;",descripton:"Japanese “free of charge” button"},{value:"&#x1F232;",alt:"&#x1F232;",descripton:"Japanese “prohibited” button"},{value:"&#x1F251;",alt:"&#x1F251;",descripton:"Japanese “acceptable” button"},{value:"&#x1F238;",alt:"&#x1F238;",descripton:"Japanese “application” button"},{value:"&#x1F234;",alt:"&#x1F234;",descripton:"Japanese “passing grade” button"},{value:"&#x1F233;",alt:"&#x1F233;",descripton:"Japanese “vacancy” button"},{value:"&#x3297;",alt:"&#x3297;",descripton:"Japanese “congratulations” button"},{value:"&#x3299;",alt:"&#x3299;",descripton:"Japanese “secret” button"},{value:"&#x1F23A;",alt:"&#x1F23A;",descripton:"Japanese “open for business” button"},{value:"&#x1F235;",alt:"&#x1F235;",descripton:"Japanese “no vacancy” button"},{value:"&#x1F534;",alt:"&#x1F534;",descripton:"red circle"},{value:"&#x1F7E0;",alt:"&#x1F7E0;",descripton:"orange circle"},{value:"&#x1F7E1;",alt:"&#x1F7E1;",descripton:"yellow circle"},{value:"&#x1F7E2;",alt:"&#x1F7E2;",descripton:"green circle"},{value:"&#x1F535;",alt:"&#x1F535;",descripton:"blue circle"},{value:"&#x1f7e3;",alt:"&#x1f7e3;",descripton:"purple circle"},{value:"&#x1f7e4;",alt:"&#x1f7e4;",descripton:"brown circle"},{value:"&#x26AB;",alt:"&#x26AB;",descripton:"black circle"},{value:"&#x26AA;",alt:"&#x26AA;",descripton:"white circle"},{value:"&#x1F7E5;",alt:"&#x1F7E5;",descripton:"red square"},{value:"&#x1F7E7;",alt:"&#x1F7E7;",descripton:"orange square"},{value:"&#x1F7E8;",alt:"&#x1F7E8;",descripton:"yellow square"},{value:"&#x1F7E9;",alt:"&#x1F7E9;",descripton:"green square"},{value:"&#x1F7E6;",alt:"&#x1F7E6;",descripton:"blue square"},{value:"&#x1F7EA;",alt:"&#x1F7EA;",descripton:"purple square"},{value:"&#x1F7EB;",alt:"&#x1F7EB;",descripton:"brown square"},{value:"&#x2B1B;",alt:"&#x2B1B;",descripton:"black large square"},{value:"&#x2B1C;",alt:"&#x2B1C;",descripton:"white large square"},{value:"&#x25FC;",alt:"&#x25FC;",descripton:"black medium square"},{value:"&#x25FB;",alt:"&#x25FB;",descripton:"white medium square"},{value:"&#x25FE;",alt:"&#x25FE;",descripton:"black medium-small square"},{value:"&#x25FD;",alt:"&#x25FD;",descripton:"white medium-small square"},{value:"&#x25AA;",alt:"&#x25AA;",descripton:"black small square"},{value:"&#x25AB;",alt:"&#x25AB;",descripton:"white small square"},{value:"&#x1F536;",alt:"&#x1F536;",descripton:"large orange diamond"},{value:"&#x1F537;",alt:"&#x1F537;",descripton:"large blue diamond"},{value:"&#x1F538;",alt:"&#x1F538;",descripton:"small orange diamond"},{value:"&#x1F539;",alt:"&#x1F539;",descripton:"small blue diamond"},{value:"&#x1F53A;",alt:"&#x1F53A;",descripton:"red triangle pointed up"},{value:"&#x1F53B;",alt:"&#x1F53B;",descripton:"red triangle pointed down"},{value:"&#x1F4A0;",alt:"&#x1F4A0;",descripton:"diamond with a dot"},{value:"&#x1F518;",alt:"&#x1F518;",descripton:"radio button"},{value:"&#x1F533;",alt:"&#x1F533;",descripton:"white square button"},{value:"&#x1F532;",alt:"&#x1F532;",descripton:"black square button"}],flags:[{value:"&#x1F3C1;",alt:"&#x1F3C1;",descripton:"chequered flag"},{value:"&#x1F6A9;",alt:"&#x1F6A9;",descripton:"triangular flag"},{value:"&#x1F38C;",alt:"&#x1F38C;",descripton:"crossed flags"},{value:"&#x1F3F4;",alt:"&#x1F3F4;",descripton:"black flag"},{value:"&#x1F3F3;",alt:"&#x1F3F3;",descripton:"white flag"}]},window.customElements.define(a.tag,a);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleEmojiPicker=void 0;var e=require("lit-element/lit-element.js"),t=require("@lrnwebcomponents/simple-picker/simple-picker.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,l)}return a}function _defineProperty(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _templateObject_c99050d01f2611eda0c389891c227ec8(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n        simple-picker-option {\n          justify-content: space-around;\n        }\n        #icon {\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n      "]);return _templateObject_c99050d01f2611eda0c389891c227ec8=function _templateObject_c99050d01f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,a=new Array(e.length);t<e.length;t++)a[t]=e[t];return a}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}function _createClass(e,t,a){return t&&_defineProperties(e.prototype,t),a&&_defineProperties(e,a),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,a){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,a){var l=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(l){var o=Object.getOwnPropertyDescriptor(l,t);return o.get?o.get.call(a):o.value}},_get(e,t,a||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var a=function(a){function SimpleEmojiPicker(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleEmojiPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleEmojiPicker).call(this))).emojiTypes=["emotions","people","nature","food","travel","activities","objects","symbols","flags"],e.icon="editor:insert-emoticon",e.label="Emoji",e.titleAsHtml=!0,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleEmojiPicker,t.SimplePicker),_createClass(SimpleEmojiPicker,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleEmojiPicker),"styles",this)),[(0,e.css)(_templateObject_c99050d01f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(a,!0).forEach((function(t){_defineProperty(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):ownKeys(a).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({},_get(_getPrototypeOf(SimpleEmojiPicker),"properties",this),{emojiTypes:{name:"emojiTypes",type:Array,attribute:"emoji-types"}})}},{key:"tag",get:function get(){return"simple-emoji-picker"}}]),_createClass(SimpleEmojiPicker,[{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(SimpleEmojiPicker.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(SimpleEmojiPicker.prototype),"firstUpdated",this).call(this,e);var t=[{alt:null,icon:this.icon,value:null}];this.emojiTypes.forEach((function(e){return window.SimplePickerEmojis[e].forEach((function(e){return t.push(e)}))})),t=this._setPickerOptions(t),this.options=t}},{key:"_setPickerOptions",value:function _setPickerOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options||[],t=[],a=Math.sqrt(e.length)<11?Math.ceil(Math.sqrt(e.length)):10;return e.forEach((function(e,l){var o=Math.floor(l/a),x=l-o*a;t[o]||(t[o]=[]),t[o][x]=e})),t}},{key:"_setSelectedOption",value:function _setSelectedOption(){this.options.length>1&&_get(_getPrototypeOf(SimpleEmojiPicker.prototype),"_setSelectedOption",this).call(this)}}]),SimpleEmojiPicker}();exports.SimpleEmojiPicker=a,window.SimplePickerEmojis=window.SimplePickerEmojis||{emotions:[{value:"&#x1F600;",alt:"&#x1F600;",descripton:"grinning face"},{value:"&#x1F603;",alt:"&#x1F603;",descripton:"grinning face with big eyes"},{value:"&#x1F604;",alt:"&#x1F604;",descripton:"grinning face with smiling eyes"},{value:"&#x1F601;",alt:"&#x1F601;",descripton:"beaming face with smiling eyes"},{value:"&#x1F606;",alt:"&#x1F606;",descripton:"grinning squinting face"},{value:"&#x1F605;",alt:"&#x1F605;",descripton:"grinning face with sweat"},{value:"&#x1F923;",alt:"&#x1F923;",descripton:"rolling on the floor laughing"},{value:"&#x1F602;",alt:"&#x1F602;",descripton:"face with tears of joy"},{value:"&#x1F642;",alt:"&#x1F642;",descripton:"slightly smiling face"},{value:"&#x1F643;",alt:"&#x1F643;",descripton:"upside-down face"},{value:"&#x1F609;",alt:"&#x1F609;",descripton:"winking face"},{value:"&#x1F60A;",alt:"&#x1F60A;",descripton:"smiling face with smiling eyes"},{value:"&#x1F607;",alt:"&#x1F607;",descripton:"smiling face with halo"},{value:"&#x1F970;",alt:"&#x1F970;",descripton:"smiling face with hearts"},{value:"&#x1F60D;",alt:"&#x1F60D;",descripton:"smiling face with heart-eyes"},{value:"&#x1F929;",alt:"&#x1F929;",descripton:"star-struck"},{value:"&#x1F618;",alt:"&#x1F618;",descripton:"face blowing a kiss"},{value:"&#x1F617;",alt:"&#x1F617;",descripton:"kissing face"},{value:"&#x263A;",alt:"&#x263A;",descripton:"smiling face"},{value:"&#x1F61A;",alt:"&#x1F61A;",descripton:"kissing face with closed eyes"},{value:"&#x1F619;",alt:"&#x1F619;",descripton:"kissing face with smiling eyes"},{value:"&#x1F60B;",alt:"&#x1F60B;",descripton:"face savoring food"},{value:"&#x1F61B;",alt:"&#x1F61B;",descripton:"face with tongue"},{value:"&#x1F61C;",alt:"&#x1F61C;",descripton:"winking face with tongue"},{value:"&#x1F92A;",alt:"&#x1F92A;",descripton:"zany face"},{value:"&#x1F61D;",alt:"&#x1F61D;",descripton:"squinting face with tongue"},{value:"&#x1F911;",alt:"&#x1F911;",descripton:"money-mouth face"},{value:"&#x1F917;",alt:"&#x1F917;",descripton:"hugging face"},{value:"&#x1F92D;",alt:"&#x1F92D;",descripton:"face with hand over mouth"},{value:"&#x1F92B;",alt:"&#x1F92B;",descripton:"shushing face"},{value:"&#x1F914;",alt:"&#x1F914;",descripton:"thinking face"},{value:"&#x1F910;",alt:"&#x1F910;",descripton:"zipper-mouth face"},{value:"&#x1F928;",alt:"&#x1F928;",descripton:"face with raised eyebrow"},{value:"&#x1F610;",alt:"&#x1F610;",descripton:"neutral face"},{value:"&#x1F611;",alt:"&#x1F611;",descripton:"expressionless face"},{value:"&#x1F636;",alt:"&#x1F636;",descripton:"face without mouth"},{value:"&#x1F60F;",alt:"&#x1F60F;",descripton:"smirking face"},{value:"&#x1F612;",alt:"&#x1F612;",descripton:"unamused face"},{value:"&#x1F644;",alt:"&#x1F644;",descripton:"face with rolling eyes"},{value:"&#x1F62C;",alt:"&#x1F62C;",descripton:"grimacing face"},{value:"&#x1F925;",alt:"&#x1F925;",descripton:"lying face"},{value:"&#x1F60C;",alt:"&#x1F60C;",descripton:"relieved face"},{value:"&#x1F614;",alt:"&#x1F614;",descripton:"pensive face"},{value:"&#x1F62A;",alt:"&#x1F62A;",descripton:"sleepy face"},{value:"&#x1F924;",alt:"&#x1F924;",descripton:"drooling face"},{value:"&#x1F634;",alt:"&#x1F634;",descripton:"sleeping face"},{value:"&#x1F637;",alt:"&#x1F637;",descripton:"face with medical mask"},{value:"&#x1F912;",alt:"&#x1F912;",descripton:"face with thermometer"},{value:"&#x1F915;",alt:"&#x1F915;",descripton:"face with head-bandage"},{value:"&#x1F922;",alt:"&#x1F922;",descripton:"nauseated face"},{value:"&#x1F92E;",alt:"&#x1F92E;",descripton:"face vomiting"},{value:"&#x1F927;",alt:"&#x1F927;",descripton:"sneezing face"},{value:"&#x1F975;",alt:"&#x1F975;",descripton:"hot face"},{value:"&#x1F976;",alt:"&#x1F976;",descripton:"cold face"},{value:"&#x1F974;",alt:"&#x1F974;",descripton:"woozy face"},{value:"&#x1F635;",alt:"&#x1F635;",descripton:"dizzy face"},{value:"&#x1F92F;",alt:"&#x1F92F;",descripton:"exploding head"},{value:"&#x1F920;",alt:"&#x1F920;",descripton:"cowboy hat face"},{value:"&#x1F973;",alt:"&#x1F973;",descripton:"partying face"},{value:"&#x1F60E;",alt:"&#x1F60E;",descripton:"smiling face with sunglasses"},{value:"&#x1F913;",alt:"&#x1F913;",descripton:"nerd face"},{value:"&#x1F9D0;",alt:"&#x1F9D0;",descripton:"face with monocle"},{value:"&#x1F615;",alt:"&#x1F615;",descripton:"confused face"},{value:"&#x1F61F;",alt:"&#x1F61F;",descripton:"worried face"},{value:"&#x1F641;",alt:"&#x1F641;",descripton:"slightly frowning face"},{value:"&#x2639;",alt:"&#x2639;",descripton:"frowning face"},{value:"&#x1F62E;",alt:"&#x1F62E;",descripton:"face with open mouth"},{value:"&#x1F62F;",alt:"&#x1F62F;",descripton:"hushed face"},{value:"&#x1F632;",alt:"&#x1F632;",descripton:"astonished face"},{value:"&#x1F633;",alt:"&#x1F633;",descripton:"flushed face"},{value:"&#x1F97A;",alt:"&#x1F97A;",descripton:"pleading face"},{value:"&#x1F626;",alt:"&#x1F626;",descripton:"frowning face with open mouth"},{value:"&#x1F627;",alt:"&#x1F627;",descripton:"anguished face"},{value:"&#x1F628;",alt:"&#x1F628;",descripton:"fearful face"},{value:"&#x1F630;",alt:"&#x1F630;",descripton:"anxious face with sweat"},{value:"&#x1F625;",alt:"&#x1F625;",descripton:"sad but relieved face"},{value:"&#x1F622;",alt:"&#x1F622;",descripton:"crying face"},{value:"&#x1F62D;",alt:"&#x1F62D;",descripton:"loudly crying face"},{value:"&#x1F631;",alt:"&#x1F631;",descripton:"face screaming in fear"},{value:"&#x1F616;",alt:"&#x1F616;",descripton:"confounded face"},{value:"&#x1F623;",alt:"&#x1F623;",descripton:"persevering face"},{value:"&#x1F61E;",alt:"&#x1F61E;",descripton:"disappointed face"},{value:"&#x1F613;",alt:"&#x1F613;",descripton:"downcast face with sweat"},{value:"&#x1F629;",alt:"&#x1F629;",descripton:"weary face"},{value:"&#x1F62B;",alt:"&#x1F62B;",descripton:"tired face"},{value:"&#x1F971;",alt:"&#x1F971;",descripton:"yawning face"},{value:"&#x1F624;",alt:"&#x1F624;",descripton:"face with steam from nose"},{value:"&#x1F621;",alt:"&#x1F621;",descripton:"pouting face"},{value:"&#x1F620;",alt:"&#x1F620;",descripton:"angry face"},{value:"&#x1F92C;",alt:"&#x1F92C;",descripton:"face with symbols on mouth"},{value:"&#x1F608;",alt:"&#x1F608;",descripton:"smiling face with horns"},{value:"&#x1F47F;",alt:"&#x1F47F;",descripton:"angry face with horns"},{value:"&#x1F480;",alt:"&#x1F480;",descripton:"skull"},{value:"&#x2620;",alt:"&#x2620;",descripton:"skull and crossbones"},{value:"&#x1F4A9;",alt:"&#x1F4A9;",descripton:"pile of poo"},{value:"&#x1F921;",alt:"&#x1F921;",descripton:"clown face"},{value:"&#x1F479;",alt:"&#x1F479;",descripton:"ogre"},{value:"&#x1F47A;",alt:"&#x1F47A;",descripton:"goblin"},{value:"&#x1F47B;",alt:"&#x1F47B;",descripton:"ghost"},{value:"&#x1F47D;",alt:"&#x1F47D;",descripton:"alien"},{value:"&#x1F47E;",alt:"&#x1F47E;",descripton:"alien monster"},{value:"&#x1F916;",alt:"&#x1F916;",descripton:"robot"},{value:"&#x1F63A;",alt:"&#x1F63A;",descripton:"grinning cat"},{value:"&#x1F638;",alt:"&#x1F638;",descripton:"grinning cat with smiling eyes"},{value:"&#x1F639;",alt:"&#x1F639;",descripton:"cat with tears of joy"},{value:"&#x1F63B;",alt:"&#x1F63B;",descripton:"smiling cat with heart-eyes"},{value:"&#x1F63C;",alt:"&#x1F63C;",descripton:"cat with wry smile"},{value:"&#x1F63D;",alt:"&#x1F63D;",descripton:"kissing cat"},{value:"&#x1F640;",alt:"&#x1F640;",descripton:"weary cat"},{value:"&#x1F63F;",alt:"&#x1F63F;",descripton:"crying cat"},{value:"&#x1F63E;",alt:"&#x1F63E;",descripton:"pouting cat"},{value:"&#x1F648;",alt:"&#x1F648;",descripton:"see-no-evil monkey"},{value:"&#x1F649;",alt:"&#x1F649;",descripton:"hear-no-evil monkey"},{value:"&#x1F64A;",alt:"&#x1F64A;",descripton:"speak-no-evil monkey"},{value:"&#x1F48B;",alt:"&#x1F48B;",descripton:"kiss mark"},{value:"&#x1F48C;",alt:"&#x1F48C;",descripton:"love letter"},{value:"&#x1F498;",alt:"&#x1F498;",descripton:"heart with arrow"},{value:"&#x1F49D;",alt:"&#x1F49D;",descripton:"heart with ribbon"},{value:"&#x1F496;",alt:"&#x1F496;",descripton:"sparkling heart"},{value:"&#x1F497;",alt:"&#x1F497;",descripton:"growing heart"},{value:"&#x1F493;",alt:"&#x1F493;",descripton:"beating heart"},{value:"&#x1F49E;",alt:"&#x1F49E;",descripton:"revolving hearts"},{value:"&#x1F495;",alt:"&#x1F495;",descripton:"two hearts"},{value:"&#x1F49F;",alt:"&#x1F49F;",descripton:"heart decoration"},{value:"&#x2763;",alt:"&#x2763;",descripton:"heart exclamation"},{value:"&#x1F494;",alt:"&#x1F494;",descripton:"broken heart"},{value:"&#x2764;",alt:"&#x2764;",descripton:"red heart"},{value:"&#x1F9E1;",alt:"&#x1F9E1;",descripton:"orange heart"},{value:"&#x1F49B;",alt:"&#x1F49B;",descripton:"yellow heart"},{value:"&#x1F49A;",alt:"&#x1F49A;",descripton:"green heart"},{value:"&#x1F499;",alt:"&#x1F499;",descripton:"blue heart"},{value:"&#x1F49C;",alt:"&#x1F49C;",descripton:"purple heart"},{value:"&#x1F90E;",alt:"&#x1F90E;",descripton:"brown heart"},{value:"&#x1F5A4;",alt:"&#x1F5A4;",descripton:"black heart"},{value:"&#x1F90D;",alt:"&#x1F90D;",descripton:"white heart"},{value:"&#x1F4AF;",alt:"&#x1F4AF;",descripton:"hundred points"},{value:"&#x1F4A2;",alt:"&#x1F4A2;",descripton:"anger symbol"},{value:"&#x1F4A5;",alt:"&#x1F4A5;",descripton:"collision"},{value:"&#x1F4AB;",alt:"&#x1F4AB;",descripton:"dizzy"},{value:"&#x1F4A6;",alt:"&#x1F4A6;",descripton:"sweat droplets"},{value:"&#x1F4A8;",alt:"&#x1F4A8;",descripton:"dashing away"},{value:"&#x1F573;",alt:"&#x1F573;",descripton:"hole"},{value:"&#x1F4A3;",alt:"&#x1F4A3;",descripton:"bomb"},{value:"&#x1F4AC;",alt:"&#x1F4AC;",descripton:"speech balloon"},{value:"&#x1F5E8;",alt:"&#x1F5E8;",descripton:"left speech bubble"},{value:"&#x1F5EF;",alt:"&#x1F5EF;",descripton:"right anger bubble"},{value:"&#x1F4AD;",alt:"&#x1F4AD;",descripton:"thought balloon"},{value:"&#x1F4A4;",alt:"&#x1F4A4;",descripton:"zzz"}],people:[{value:"&#x1F44B;",alt:"&#x1F44B;",descripton:"waving hand"},{value:"&#x1F91A;",alt:"&#x1F91A;",descripton:"raised back of hand"},{value:"&#x1F590;",alt:"&#x1F590;",descripton:"hand with fingers splayed"},{value:"&#x270B;",alt:"&#x270B;",descripton:"raised hand"},{value:"&#x1F596;",alt:"&#x1F596;",descripton:"vulcan salute"},{value:"&#x1F44C;",alt:"&#x1F44C;",descripton:"OK hand"},{value:"&#x1F90F;",alt:"&#x1F90F;",descripton:"pinching hand"},{value:"&#x270C;",alt:"&#x270C;",descripton:"victory hand"},{value:"&#x1F91E;",alt:"&#x1F91E;",descripton:"crossed fingers"},{value:"&#x1F91F;",alt:"&#x1F91F;",descripton:"love-you gesture"},{value:"&#x1F918;",alt:"&#x1F918;",descripton:"sign of the horns"},{value:"&#x1F919;",alt:"&#x1F919;",descripton:"call me hand"},{value:"&#x1F448;",alt:"&#x1F448;",descripton:"backhand index pointing left"},{value:"&#x1F449;",alt:"&#x1F449;",descripton:"backhand index pointing right"},{value:"&#x1F446;",alt:"&#x1F446;",descripton:"backhand index pointing up"},{value:"&#x1F595;",alt:"&#x1F595;",descripton:"middle finger"},{value:"&#x1F447;",alt:"&#x1F447;",descripton:"backhand index pointing down"},{value:"&#x261D;",alt:"&#x261D;",descripton:"index pointing up"},{value:"&#x1F44D;",alt:"&#x1F44D;",descripton:"thumbs up"},{value:"&#x1F44E;",alt:"&#x1F44E;",descripton:"thumbs down"},{value:"&#x270A;",alt:"&#x270A;",descripton:"raised fist"},{value:"&#x1F44A;",alt:"&#x1F44A;",descripton:"oncoming fist"},{value:"&#x1F91B;",alt:"&#x1F91B;",descripton:"left-facing fist"},{value:"&#x1F91C;",alt:"&#x1F91C;",descripton:"right-facing fist"},{value:"&#x1F44F;",alt:"&#x1F44F;",descripton:"clapping hands"},{value:"&#x1F64C;",alt:"&#x1F64C;",descripton:"raising hands"},{value:"&#x1F450;",alt:"&#x1F450;",descripton:"open hands"},{value:"&#x1F932;",alt:"&#x1F932;",descripton:"palms up together"},{value:"&#x1F91D;",alt:"&#x1F91D;",descripton:"handshake"},{value:"&#x1F64F;",alt:"&#x1F64F;",descripton:"folded hands"},{value:"&#x270D;",alt:"&#x270D;",descripton:"writing hand"},{value:"&#x1F485;",alt:"&#x1F485;",descripton:"nail polish"},{value:"&#x1F933;",alt:"&#x1F933;",descripton:"selfie"},{value:"&#x1F4AA;",alt:"&#x1F4AA;",descripton:"flexed biceps"},{value:"&#x1F9BE;",alt:"&#x1F9BE;",descripton:"mechanical arm"},{value:"&#x1F9BF;",alt:"&#x1F9BF;",descripton:"mechanical leg"},{value:"&#x1F9B5;",alt:"&#x1F9B5;",descripton:"leg"},{value:"&#x1F9B6;",alt:"&#x1F9B6;",descripton:"foot"},{value:"&#x1F442;",alt:"&#x1F442;",descripton:"ear"},{value:"&#x1F9BB;",alt:"&#x1F9BB;",descripton:"ear with hearing aid"},{value:"&#x1F443;",alt:"&#x1F443;",descripton:"nose"},{value:"&#x1F9E0;",alt:"&#x1F9E0;",descripton:"brain"},{value:"&#x1F9B7;",alt:"&#x1F9B7;",descripton:"tooth"},{value:"&#x1F9B4;",alt:"&#x1F9B4;",descripton:"bone"},{value:"&#x1F440;",alt:"&#x1F440;",descripton:"eyes"},{value:"&#x1F441;",alt:"&#x1F441;",descripton:"eye"},{value:"&#x1F445;",alt:"&#x1F445;",descripton:"tongue"},{value:"&#x1F444;",alt:"&#x1F444;",descripton:"mouth"},{value:"&#x1F476;",alt:"&#x1F476;",descripton:"baby"},{value:"&#x1F9D2;",alt:"&#x1F9D2;",descripton:"child"},{value:"&#x1F466;",alt:"&#x1F466;",descripton:"boy"},{value:"&#x1F467;",alt:"&#x1F467;",descripton:"girl"},{value:"&#x1F9D1;",alt:"&#x1F9D1;",descripton:"person"},{value:"&#x1F471;",alt:"&#x1F471;",descripton:"person: blond hair"},{value:"&#x1F468;",alt:"&#x1F468;",descripton:"man"},{value:"&#x1F9D4;",alt:"&#x1F9D4;",descripton:"man: beard"},{value:"&#x1F469;",alt:"&#x1F469;",descripton:"woman"},{value:"&#x1F9D3;",alt:"&#x1F9D3;",descripton:"older person"},{value:"&#x1F474;",alt:"&#x1F474;",descripton:"old man"},{value:"&#x1F475;",alt:"&#x1F475;",descripton:"old woman"},{value:"&#x1F64D;",alt:"&#x1F64D;",descripton:"person frowning"},{value:"&#x1F64E;",alt:"&#x1F64E;",descripton:"person pouting"},{value:"&#x1F645;",alt:"&#x1F645;",descripton:"person gesturing NO"},{value:"&#x1F646;",alt:"&#x1F646;",descripton:"person gesturing OK"},{value:"&#x1F481;",alt:"&#x1F481;",descripton:"person tipping hand"},{value:"&#x1F64B;",alt:"&#x1F64B;",descripton:"person raising hand"},{value:"&#x1F9CF;",alt:"&#x1F9CF;",descripton:"deaf person"},{value:"&#x1F647;",alt:"&#x1F647;",descripton:"person bowing"},{value:"&#x1F926;",alt:"&#x1F926;",descripton:"person facepalming"},{value:"&#x1F937;",alt:"&#x1F937;",descripton:"person shrugging"},{value:"&#x1F46E;",alt:"&#x1F46E;",descripton:"police officer"},{value:"&#x1F575;",alt:"&#x1F575;",descripton:"detective"},{value:"&#x1F482;",alt:"&#x1F482;",descripton:"guard"},{value:"&#x1F477;",alt:"&#x1F477;",descripton:"construction worker"},{value:"&#x1F934;",alt:"&#x1F934;",descripton:"prince"},{value:"&#x1F478;",alt:"&#x1F478;",descripton:"princess"},{value:"&#x1F473;",alt:"&#x1F473;",descripton:"person wearing turban"},{value:"&#x1F472;",alt:"&#x1F472;",descripton:"man with Chinese cap"},{value:"&#x1F9D5;",alt:"&#x1F9D5;",descripton:"woman with headscarf"},{value:"&#x1F935;",alt:"&#x1F935;",descripton:"man in tuxedo"},{value:"&#x1F470;",alt:"&#x1F470;",descripton:"bride with veil"},{value:"&#x1F930;",alt:"&#x1F930;",descripton:"pregnant woman"},{value:"&#x1F931;",alt:"&#x1F931;",descripton:"breast-feeding"},{value:"&#x1F47C;",alt:"&#x1F47C;",descripton:"baby angel"},{value:"&#x1F385;",alt:"&#x1F385;",descripton:"Santa Claus"},{value:"&#x1F936;",alt:"&#x1F936;",descripton:"Mrs. Claus"},{value:"&#x1F9B8;",alt:"&#x1F9B8;",descripton:"superhero"},{value:"&#x1F9B9;",alt:"&#x1F9B9;",descripton:"supervillain"},{value:"&#x1F9D9;",alt:"&#x1F9D9;",descripton:"mage"},{value:"&#x1F9DA;",alt:"&#x1F9DA;",descripton:"fairy"},{value:"&#x1F9DB;",alt:"&#x1F9DB;",descripton:"vampire"},{value:"&#x1F9DC;",alt:"&#x1F9DC;",descripton:"merperson"},{value:"&#x1F9DD;",alt:"&#x1F9DD;",descripton:"elf"},{value:"&#x1F9DE;",alt:"&#x1F9DE;",descripton:"genie"},{value:"&#x1F9DF;",alt:"&#x1F9DF;",descripton:"zombie"},{value:"&#x1F486;",alt:"&#x1F486;",descripton:"person getting massage"},{value:"&#x1F487;",alt:"&#x1F487;",descripton:"person getting haircut"},{value:"&#x1F6B6;",alt:"&#x1F6B6;",descripton:"person walking"},{value:"&#x1F9CD;",alt:"&#x1F9CD;",descripton:"person standing"},{value:"&#x1F9CE;",alt:"&#x1F9CE;",descripton:"person kneeling"},{value:"&#x1F3C3;",alt:"&#x1F3C3;",descripton:"person running"},{value:"&#x1F483;",alt:"&#x1F483;",descripton:"woman dancing"},{value:"&#x1F57A;",alt:"&#x1F57A;",descripton:"man dancing"},{value:"&#x1F574;",alt:"&#x1F574;",descripton:"man in suit levitating"},{value:"&#x1F46F;",alt:"&#x1F46F;",descripton:"people with bunny ears"},{value:"&#x1F9D6;",alt:"&#x1F9D6;",descripton:"person in steamy room"},{value:"&#x1F9D7;",alt:"&#x1F9D7;",descripton:"person climbing"},{value:"&#x1F93A;",alt:"&#x1F93A;",descripton:"person fencing"},{value:"&#x1F3C7;",alt:"&#x1F3C7;",descripton:"horse racing"},{value:"&#x26F7;",alt:"&#x26F7;",descripton:"skier"},{value:"&#x1F3C2;",alt:"&#x1F3C2;",descripton:"snowboarder"},{value:"&#x1F3CC;",alt:"&#x1F3CC;",descripton:"person golfing"},{value:"&#x1F3C4;",alt:"&#x1F3C4;",descripton:"person surfing"},{value:"&#x1F6A3;",alt:"&#x1F6A3;",descripton:"person rowing boat"},{value:"&#x1F3CA;",alt:"&#x1F3CA;",descripton:"person swimming"},{value:"&#x26F9;",alt:"&#x26F9;",descripton:"person bouncing ball"},{value:"&#x1F3CB;",alt:"&#x1F3CB;",descripton:"person lifting weights"},{value:"&#x1F6B4;",alt:"&#x1F6B4;",descripton:"person biking"},{value:"&#x1F6B5;",alt:"&#x1F6B5;",descripton:"person mountain biking"},{value:"&#x1F938;",alt:"&#x1F938;",descripton:"person cartwheeling"},{value:"&#x1F93C;",alt:"&#x1F93C;",descripton:"people wrestling"},{value:"&#x1F93D;",alt:"&#x1F93D;",descripton:"person playing water polo"},{value:"&#x1F93E;",alt:"&#x1F93E;",descripton:"person playing handball"},{value:"&#x1F939;",alt:"&#x1F939;",descripton:"person juggling"},{value:"&#x1F9D8;",alt:"&#x1F9D8;",descripton:"person in lotus position"},{value:"&#x1F6C0;",alt:"&#x1F6C0;",descripton:"person taking bath"},{value:"&#x1F6CC;",alt:"&#x1F6CC;",descripton:"person in bed"},{value:"&#x1F46D;",alt:"&#x1F46D;",descripton:"women holding hands"},{value:"&#x1F46B;",alt:"&#x1F46B;",descripton:"woman and man holding hands"},{value:"&#x1F46C;",alt:"&#x1F46C;",descripton:"men holding hands"},{value:"&#x1F48F;",alt:"&#x1F48F;",descripton:"kiss"},{value:"&#x1F491;",alt:"&#x1F491;",descripton:"couple with heart"},{value:"&#x1F46A;",alt:"&#x1F46A;",descripton:"family"},{value:"&#x1F5E3;",alt:"&#x1F5E3;",descripton:"speaking head"},{value:"&#x1F464;",alt:"&#x1F464;",descripton:"bust in silhouette"},{value:"&#x1F465;",alt:"&#x1F465;",descripton:"busts in silhouette"},{value:"&#x1F463;",alt:"&#x1F463;",descripton:"footprints"},{value:"&#x1F9B0;",alt:"&#x1F9B0;",descripton:"red hair"},{value:"&#x1F9B1;",alt:"&#x1F9B1;",descripton:"curly hair"},{value:"&#x1F9B3;",alt:"&#x1F9B3;",descripton:"white hair"},{value:"&#x1F9B2;",alt:"&#x1F9B2;",descripton:"bald"}],nature:[{value:"&#x1F435;",alt:"&#x1F435;",descripton:"monkey face"},{value:"&#x1F412;",alt:"&#x1F412;",descripton:"monkey"},{value:"&#x1F98D;",alt:"&#x1F98D;",descripton:"gorilla"},{value:"&#x1F9A7;",alt:"&#x1F9A7;",descripton:"orangutan"},{value:"&#x1F436;",alt:"&#x1F436;",descripton:"dog face"},{value:"&#x1F415;",alt:"&#x1F415;",descripton:"dog"},{value:"&#x1F9AE;",alt:"&#x1F9AE;",descripton:"guide dog"},{value:"&#x1F429;",alt:"&#x1F429;",descripton:"poodle"},{value:"&#x1F43A;",alt:"&#x1F43A;",descripton:"wolf"},{value:"&#x1F98A;",alt:"&#x1F98A;",descripton:"fox"},{value:"&#x1F99D;",alt:"&#x1F99D;",descripton:"raccoon"},{value:"&#x1F431;",alt:"&#x1F431;",descripton:"cat face"},{value:"&#x1F408;",alt:"&#x1F408;",descripton:"cat"},{value:"&#x1F981;",alt:"&#x1F981;",descripton:"lion"},{value:"&#x1F42F;",alt:"&#x1F42F;",descripton:"tiger face"},{value:"&#x1F405;",alt:"&#x1F405;",descripton:"tiger"},{value:"&#x1F406;",alt:"&#x1F406;",descripton:"leopard"},{value:"&#x1F434;",alt:"&#x1F434;",descripton:"horse face"},{value:"&#x1F40E;",alt:"&#x1F40E;",descripton:"horse"},{value:"&#x1F984;",alt:"&#x1F984;",descripton:"unicorn"},{value:"&#x1F993;",alt:"&#x1F993;",descripton:"zebra"},{value:"&#x1F98C;",alt:"&#x1F98C;",descripton:"deer"},{value:"&#x1F42E;",alt:"&#x1F42E;",descripton:"cow face"},{value:"&#x1F402;",alt:"&#x1F402;",descripton:"ox"},{value:"&#x1F403;",alt:"&#x1F403;",descripton:"water buffalo"},{value:"&#x1F404;",alt:"&#x1F404;",descripton:"cow"},{value:"&#x1F437;",alt:"&#x1F437;",descripton:"pig face"},{value:"&#x1F416;",alt:"&#x1F416;",descripton:"pig"},{value:"&#x1F417;",alt:"&#x1F417;",descripton:"boar"},{value:"&#x1F43D;",alt:"&#x1F43D;",descripton:"pig nose"},{value:"&#x1F40F;",alt:"&#x1F40F;",descripton:"ram"},{value:"&#x1F411;",alt:"&#x1F411;",descripton:"ewe"},{value:"&#x1F410;",alt:"&#x1F410;",descripton:"goat"},{value:"&#x1F42A;",alt:"&#x1F42A;",descripton:"camel"},{value:"&#x1F42B;",alt:"&#x1F42B;",descripton:"two-hump camel"},{value:"&#x1F999;",alt:"&#x1F999;",descripton:"llama"},{value:"&#x1F992;",alt:"&#x1F992;",descripton:"giraffe"},{value:"&#x1F418;",alt:"&#x1F418;",descripton:"elephant"},{value:"&#x1F98F;",alt:"&#x1F98F;",descripton:"rhinoceros"},{value:"&#x1F99B;",alt:"&#x1F99B;",descripton:"hippopotamus"},{value:"&#x1F42D;",alt:"&#x1F42D;",descripton:"mouse face"},{value:"&#x1F401;",alt:"&#x1F401;",descripton:"mouse"},{value:"&#x1F400;",alt:"&#x1F400;",descripton:"rat"},{value:"&#x1F439;",alt:"&#x1F439;",descripton:"hamster"},{value:"&#x1F430;",alt:"&#x1F430;",descripton:"rabbit face"},{value:"&#x1F407;",alt:"&#x1F407;",descripton:"rabbit"},{value:"&#x1F43F;",alt:"&#x1F43F;",descripton:"chipmunk"},{value:"&#x1F994;",alt:"&#x1F994;",descripton:"hedgehog"},{value:"&#x1F987;",alt:"&#x1F987;",descripton:"bat"},{value:"&#x1F43B;",alt:"&#x1F43B;",descripton:"bear"},{value:"&#x1F428;",alt:"&#x1F428;",descripton:"koala"},{value:"&#x1F43C;",alt:"&#x1F43C;",descripton:"panda"},{value:"&#x1F9A5;",alt:"&#x1F9A5;",descripton:"sloth"},{value:"&#x1F9A6;",alt:"&#x1F9A6;",descripton:"otter"},{value:"&#x1F9A8;",alt:"&#x1F9A8;",descripton:"skunk"},{value:"&#x1F998;",alt:"&#x1F998;",descripton:"kangaroo"},{value:"&#x1F9A1;",alt:"&#x1F9A1;",descripton:"badger"},{value:"&#x1F43E;",alt:"&#x1F43E;",descripton:"paw prints"},{value:"&#x1F983;",alt:"&#x1F983;",descripton:"turkey"},{value:"&#x1F414;",alt:"&#x1F414;",descripton:"chicken"},{value:"&#x1F413;",alt:"&#x1F413;",descripton:"rooster"},{value:"&#x1F423;",alt:"&#x1F423;",descripton:"hatching chick"},{value:"&#x1F424;",alt:"&#x1F424;",descripton:"baby chick"},{value:"&#x1F425;",alt:"&#x1F425;",descripton:"front-facing baby chick"},{value:"&#x1F426;",alt:"&#x1F426;",descripton:"bird"},{value:"&#x1F427;",alt:"&#x1F427;",descripton:"penguin"},{value:"&#x1F54A;",alt:"&#x1F54A;",descripton:"dove"},{value:"&#x1F985;",alt:"&#x1F985;",descripton:"eagle"},{value:"&#x1F986;",alt:"&#x1F986;",descripton:"duck"},{value:"&#x1F9A2;",alt:"&#x1F9A2;",descripton:"swan"},{value:"&#x1F989;",alt:"&#x1F989;",descripton:"owl"},{value:"&#x1F9A9;",alt:"&#x1F9A9;",descripton:"flamingo"},{value:"&#x1F99A;",alt:"&#x1F99A;",descripton:"peacock"},{value:"&#x1F99C;",alt:"&#x1F99C;",descripton:"parrot"},{value:"&#x1F438;",alt:"&#x1F438;",descripton:"frog"},{value:"&#x1F40A;",alt:"&#x1F40A;",descripton:"crocodile"},{value:"&#x1F422;",alt:"&#x1F422;",descripton:"turtle"},{value:"&#x1F98E;",alt:"&#x1F98E;",descripton:"lizard"},{value:"&#x1F40D;",alt:"&#x1F40D;",descripton:"snake"},{value:"&#x1F432;",alt:"&#x1F432;",descripton:"dragon face"},{value:"&#x1F409;",alt:"&#x1F409;",descripton:"dragon"},{value:"&#x1F995;",alt:"&#x1F995;",descripton:"sauropod"},{value:"&#x1F996;",alt:"&#x1F996;",descripton:"T-Rex"},{value:"&#x1F433;",alt:"&#x1F433;",descripton:"spouting whale"},{value:"&#x1F40B;",alt:"&#x1F40B;",descripton:"whale"},{value:"&#x1F42C;",alt:"&#x1F42C;",descripton:"dolphin"},{value:"&#x1F41F;",alt:"&#x1F41F;",descripton:"fish"},{value:"&#x1F420;",alt:"&#x1F420;",descripton:"tropical fish"},{value:"&#x1F421;",alt:"&#x1F421;",descripton:"blowfish"},{value:"&#x1F988;",alt:"&#x1F988;",descripton:"shark"},{value:"&#x1F419;",alt:"&#x1F419;",descripton:"octopus"},{value:"&#x1F41A;",alt:"&#x1F41A;",descripton:"spiral shell"},{value:"&#x1F40C;",alt:"&#x1F40C;",descripton:"snail"},{value:"&#x1F98B;",alt:"&#x1F98B;",descripton:"butterfly"},{value:"&#x1F41B;",alt:"&#x1F41B;",descripton:"bug"},{value:"&#x1F41C;",alt:"&#x1F41C;",descripton:"ant"},{value:"&#x1F41D;",alt:"&#x1F41D;",descripton:"honeybee"},{value:"&#x1F41E;",alt:"&#x1F41E;",descripton:"lady beetle"},{value:"&#x1F997;",alt:"&#x1F997;",descripton:"cricket"},{value:"&#x1F577;",alt:"&#x1F577;",descripton:"spider"},{value:"&#x1F578;",alt:"&#x1F578;",descripton:"spider web"},{value:"&#x1F982;",alt:"&#x1F982;",descripton:"scorpion"},{value:"&#x1F99F;",alt:"&#x1F99F;",descripton:"mosquito"},{value:"&#x1F9A0;",alt:"&#x1F9A0;",descripton:"microbe"},{value:"&#x1F490;",alt:"&#x1F490;",descripton:"bouquet"},{value:"&#x1F338;",alt:"&#x1F338;",descripton:"cherry blossom"},{value:"&#x1F4AE;",alt:"&#x1F4AE;",descripton:"white flower"},{value:"&#x1F3F5;",alt:"&#x1F3F5;",descripton:"rosette"},{value:"&#x1F339;",alt:"&#x1F339;",descripton:"rose"},{value:"&#x1F940;",alt:"&#x1F940;",descripton:"wilted flower"},{value:"&#x1F33A;",alt:"&#x1F33A;",descripton:"hibiscus"},{value:"&#x1F33B;",alt:"&#x1F33B;",descripton:"sunflower"},{value:"&#x1F33C;",alt:"&#x1F33C;",descripton:"blossom"},{value:"&#x1F337;",alt:"&#x1F337;",descripton:"tulip"},{value:"&#x1F331;",alt:"&#x1F331;",descripton:"seedling"},{value:"&#x1F332;",alt:"&#x1F332;",descripton:"evergreen tree"},{value:"&#x1F333;",alt:"&#x1F333;",descripton:"deciduous tree"},{value:"&#x1F334;",alt:"&#x1F334;",descripton:"palm tree"},{value:"&#x1F335;",alt:"&#x1F335;",descripton:"cactus"},{value:"&#x1F33E;",alt:"&#x1F33E;",descripton:"sheaf of rice"},{value:"&#x1F33F;",alt:"&#x1F33F;",descripton:"herb"},{value:"&#x2618;",alt:"&#x2618;",descripton:"shamrock"},{value:"&#x1F340;",alt:"&#x1F340;",descripton:"four leaf clover"},{value:"&#x1F341;",alt:"&#x1F341;",descripton:"maple leaf"},{value:"&#x1F342;",alt:"&#x1F342;",descripton:"fallen leaf"},{value:"&#x1F343;",alt:"&#x1F343;",descripton:"leaf fluttering in wind"}],food:[{value:"&#x1F347;",alt:"&#x1F347;",descripton:"grapes"},{value:"&#x1F348;",alt:"&#x1F348;",descripton:"melon"},{value:"&#x1F349;",alt:"&#x1F349;",descripton:"watermelon"},{value:"&#x1F34A;",alt:"&#x1F34A;",descripton:"tangerine"},{value:"&#x1F34B;",alt:"&#x1F34B;",descripton:"lemon"},{value:"&#x1F34C;",alt:"&#x1F34C;",descripton:"banana"},{value:"&#x1F34D;",alt:"&#x1F34D;",descripton:"pineapple"},{value:"&#x1F96D;",alt:"&#x1F96D;",descripton:"mango"},{value:"&#x1F34E;",alt:"&#x1F34E;",descripton:"red apple"},{value:"&#x1F34F;",alt:"&#x1F34F;",descripton:"green apple"},{value:"&#x1F350;",alt:"&#x1F350;",descripton:"pear"},{value:"&#x1F351;",alt:"&#x1F351;",descripton:"peach"},{value:"&#x1F352;",alt:"&#x1F352;",descripton:"cherries"},{value:"&#x1F353;",alt:"&#x1F353;",descripton:"strawberry"},{value:"&#x1F95D;",alt:"&#x1F95D;",descripton:"kiwi fruit"},{value:"&#x1F345;",alt:"&#x1F345;",descripton:"tomato"},{value:"&#x1F965;",alt:"&#x1F965;",descripton:"coconut"},{value:"&#x1F951;",alt:"&#x1F951;",descripton:"avocado"},{value:"&#x1F346;",alt:"&#x1F346;",descripton:"eggplant"},{value:"&#x1F954;",alt:"&#x1F954;",descripton:"potato"},{value:"&#x1F955;",alt:"&#x1F955;",descripton:"carrot"},{value:"&#x1F33D;",alt:"&#x1F33D;",descripton:"ear of corn"},{value:"&#x1F336;",alt:"&#x1F336;",descripton:"hot pepper"},{value:"&#x1F952;",alt:"&#x1F952;",descripton:"cucumber"},{value:"&#x1F96C;",alt:"&#x1F96C;",descripton:"leafy green"},{value:"&#x1F966;",alt:"&#x1F966;",descripton:"broccoli"},{value:"&#x1F9C4;",alt:"&#x1F9C4;",descripton:"garlic"},{value:"&#x1F9C5;",alt:"&#x1F9C5;",descripton:"onion"},{value:"&#x1F344;",alt:"&#x1F344;",descripton:"mushroom"},{value:"&#x1F95C;",alt:"&#x1F95C;",descripton:"peanuts"},{value:"&#x1F330;",alt:"&#x1F330;",descripton:"chestnut"},{value:"&#x1F35E;",alt:"&#x1F35E;",descripton:"bread"},{value:"&#x1F950;",alt:"&#x1F950;",descripton:"croissant"},{value:"&#x1F956;",alt:"&#x1F956;",descripton:"baguette bread"},{value:"&#x1F968;",alt:"&#x1F968;",descripton:"pretzel"},{value:"&#x1F96F;",alt:"&#x1F96F;",descripton:"bagel"},{value:"&#x1F95E;",alt:"&#x1F95E;",descripton:"pancakes"},{value:"&#x1F9C7;",alt:"&#x1F9C7;",descripton:"waffle"},{value:"&#x1F9C0;",alt:"&#x1F9C0;",descripton:"cheese wedge"},{value:"&#x1F356;",alt:"&#x1F356;",descripton:"meat on bone"},{value:"&#x1F357;",alt:"&#x1F357;",descripton:"poultry leg"},{value:"&#x1F969;",alt:"&#x1F969;",descripton:"cut of meat"},{value:"&#x1F953;",alt:"&#x1F953;",descripton:"bacon"},{value:"&#x1F354;",alt:"&#x1F354;",descripton:"hamburger"},{value:"&#x1F35F;",alt:"&#x1F35F;",descripton:"french fries"},{value:"&#x1F355;",alt:"&#x1F355;",descripton:"pizza"},{value:"&#x1F32D;",alt:"&#x1F32D;",descripton:"hot dog"},{value:"&#x1F96A;",alt:"&#x1F96A;",descripton:"sandwich"},{value:"&#x1F32E;",alt:"&#x1F32E;",descripton:"taco"},{value:"&#x1F32F;",alt:"&#x1F32F;",descripton:"burrito"},{value:"&#x1F959;",alt:"&#x1F959;",descripton:"stuffed flatbread"},{value:"&#x1F9C6;",alt:"&#x1F9C6;",descripton:"falafel"},{value:"&#x1F95A;",alt:"&#x1F95A;",descripton:"egg"},{value:"&#x1F373;",alt:"&#x1F373;",descripton:"cooking"},{value:"&#x1F958;",alt:"&#x1F958;",descripton:"shallow pan of food"},{value:"&#x1F372;",alt:"&#x1F372;",descripton:"pot of food"},{value:"&#x1F963;",alt:"&#x1F963;",descripton:"bowl with spoon"},{value:"&#x1F957;",alt:"&#x1F957;",descripton:"green salad"},{value:"&#x1F37F;",alt:"&#x1F37F;",descripton:"popcorn"},{value:"&#x1F9C8;",alt:"&#x1F9C8;",descripton:"butter"},{value:"&#x1F9C2;",alt:"&#x1F9C2;",descripton:"salt"},{value:"&#x1F96B;",alt:"&#x1F96B;",descripton:"canned food"},{value:"&#x1F371;",alt:"&#x1F371;",descripton:"bento box"},{value:"&#x1F358;",alt:"&#x1F358;",descripton:"rice cracker"},{value:"&#x1F359;",alt:"&#x1F359;",descripton:"rice ball"},{value:"&#x1F35A;",alt:"&#x1F35A;",descripton:"cooked rice"},{value:"&#x1F35B;",alt:"&#x1F35B;",descripton:"curry rice"},{value:"&#x1F35C;",alt:"&#x1F35C;",descripton:"steaming bowl"},{value:"&#x1F35D;",alt:"&#x1F35D;",descripton:"spaghetti"},{value:"&#x1F360;",alt:"&#x1F360;",descripton:"roasted sweet potato"},{value:"&#x1F362;",alt:"&#x1F362;",descripton:"oden"},{value:"&#x1F363;",alt:"&#x1F363;",descripton:"sushi"},{value:"&#x1F364;",alt:"&#x1F364;",descripton:"fried shrimp"},{value:"&#x1F365;",alt:"&#x1F365;",descripton:"fish cake with swirl"},{value:"&#x1F96E;",alt:"&#x1F96E;",descripton:"moon cake"},{value:"&#x1F361;",alt:"&#x1F361;",descripton:"dango"},{value:"&#x1F95F;",alt:"&#x1F95F;",descripton:"dumpling"},{value:"&#x1F960;",alt:"&#x1F960;",descripton:"fortune cookie"},{value:"&#x1F961;",alt:"&#x1F961;",descripton:"takeout box"},{value:"&#x1F980;",alt:"&#x1F980;",descripton:"crab"},{value:"&#x1F99E;",alt:"&#x1F99E;",descripton:"lobster"},{value:"&#x1F990;",alt:"&#x1F990;",descripton:"shrimp"},{value:"&#x1F991;",alt:"&#x1F991;",descripton:"squid"},{value:"&#x1F9AA;",alt:"&#x1F9AA;",descripton:"oyster"},{value:"&#x1F366;",alt:"&#x1F366;",descripton:"soft ice cream"},{value:"&#x1F367;",alt:"&#x1F367;",descripton:"shaved ice"},{value:"&#x1F368;",alt:"&#x1F368;",descripton:"ice cream"},{value:"&#x1F369;",alt:"&#x1F369;",descripton:"doughnut"},{value:"&#x1F36A;",alt:"&#x1F36A;",descripton:"cookie"},{value:"&#x1F382;",alt:"&#x1F382;",descripton:"birthday cake"},{value:"&#x1F370;",alt:"&#x1F370;",descripton:"shortcake"},{value:"&#x1F9C1;",alt:"&#x1F9C1;",descripton:"cupcake"},{value:"&#x1F967;",alt:"&#x1F967;",descripton:"pie"},{value:"&#x1F36B;",alt:"&#x1F36B;",descripton:"chocolate bar"},{value:"&#x1F36C;",alt:"&#x1F36C;",descripton:"candy"},{value:"&#x1F36D;",alt:"&#x1F36D;",descripton:"lollipop"},{value:"&#x1F36E;",alt:"&#x1F36E;",descripton:"custard"},{value:"&#x1F36F;",alt:"&#x1F36F;",descripton:"honey pot"},{value:"&#x1F37C;",alt:"&#x1F37C;",descripton:"baby bottle"},{value:"&#x1F95B;",alt:"&#x1F95B;",descripton:"glass of milk"},{value:"&#x2615;",alt:"&#x2615;",descripton:"hot beverage"},{value:"&#x1F375;",alt:"&#x1F375;",descripton:"teacup without handle"},{value:"&#x1F376;",alt:"&#x1F376;",descripton:"sake"},{value:"&#x1F37E;",alt:"&#x1F37E;",descripton:"bottle with popping cork"},{value:"&#x1F377;",alt:"&#x1F377;",descripton:"wine glass"},{value:"&#x1F378;",alt:"&#x1F378;",descripton:"cocktail glass"},{value:"&#x1F379;",alt:"&#x1F379;",descripton:"tropical drink"},{value:"&#x1F37A;",alt:"&#x1F37A;",descripton:"beer mug"},{value:"&#x1F37B;",alt:"&#x1F37B;",descripton:"clinking beer mugs"},{value:"&#x1F942;",alt:"&#x1F942;",descripton:"clinking glasses"},{value:"&#x1F943;",alt:"&#x1F943;",descripton:"tumbler glass"},{value:"&#x1F964;",alt:"&#x1F964;",descripton:"cup with straw"},{value:"&#x1F9C3;",alt:"&#x1F9C3;",descripton:"beverage box"},{value:"&#x1F9C9;",alt:"&#x1F9C9;",descripton:"mate"},{value:"&#x1F9CA;",alt:"&#x1F9CA;",descripton:"ice cube"},{value:"&#x1F962;",alt:"&#x1F962;",descripton:"chopsticks"},{value:"&#x1F37D;",alt:"&#x1F37D;",descripton:"fork and knife with plate"},{value:"&#x1F374;",alt:"&#x1F374;",descripton:"fork and knife"},{value:"&#x1F944;",alt:"&#x1F944;",descripton:"spoon"},{value:"&#x1F52A;",alt:"&#x1F52A;",descripton:"kitchen knife"},{value:"&#x1F3FA;",alt:"&#x1F3FA;",descripton:"amphora"}],travel:[{value:"&#x1F30D;",alt:"&#x1F30D;",descripton:"globe showing Europe-Africa"},{value:"&#x1F30E;",alt:"&#x1F30E;",descripton:"globe showing Americas"},{value:"&#x1F30F;",alt:"&#x1F30F;",descripton:"globe showing Asia-Australia"},{value:"&#x1F310;",alt:"&#x1F310;",descripton:"globe with meridians"},{value:"&#x1F5FA;",alt:"&#x1F5FA;",descripton:"world map"},{value:"&#x1F5FE;",alt:"&#x1F5FE;",descripton:"map of Japan"},{value:"&#x1F9ED;",alt:"&#x1F9ED;",descripton:"compass"},{value:"&#x1F3D4;",alt:"&#x1F3D4;",descripton:"snow-capped mountain"},{value:"&#x26F0;",alt:"&#x26F0;",descripton:"mountain"},{value:"&#x1F30B;",alt:"&#x1F30B;",descripton:"volcano"},{value:"&#x1F5FB;",alt:"&#x1F5FB;",descripton:"mount fuji"},{value:"&#x1F3D5;",alt:"&#x1F3D5;",descripton:"camping"},{value:"&#x1F3D6;",alt:"&#x1F3D6;",descripton:"beach with umbrella"},{value:"&#x1F3DC;",alt:"&#x1F3DC;",descripton:"desert"},{value:"&#x1F3DD;",alt:"&#x1F3DD;",descripton:"desert island"},{value:"&#x1F3DE;",alt:"&#x1F3DE;",descripton:"national park"},{value:"&#x1F3DF;",alt:"&#x1F3DF;",descripton:"stadium"},{value:"&#x1F3DB;",alt:"&#x1F3DB;",descripton:"classical building"},{value:"&#x1F3D7;",alt:"&#x1F3D7;",descripton:"building construction"},{value:"&#x1F9F1;",alt:"&#x1F9F1;",descripton:"brick"},{value:"&#x1F3D8;",alt:"&#x1F3D8;",descripton:"houses"},{value:"&#x1F3DA;",alt:"&#x1F3DA;",descripton:"derelict house"},{value:"&#x1F3E0;",alt:"&#x1F3E0;",descripton:"house"},{value:"&#x1F3E1;",alt:"&#x1F3E1;",descripton:"house with garden"},{value:"&#x1F3E2;",alt:"&#x1F3E2;",descripton:"office building"},{value:"&#x1F3E3;",alt:"&#x1F3E3;",descripton:"Japanese post office"},{value:"&#x1F3E4;",alt:"&#x1F3E4;",descripton:"post office"},{value:"&#x1F3E5;",alt:"&#x1F3E5;",descripton:"hospital"},{value:"&#x1F3E6;",alt:"&#x1F3E6;",descripton:"bank"},{value:"&#x1F3E8;",alt:"&#x1F3E8;",descripton:"hotel"},{value:"&#x1F3E9;",alt:"&#x1F3E9;",descripton:"love hotel"},{value:"&#x1F3EA;",alt:"&#x1F3EA;",descripton:"convenience store"},{value:"&#x1F3EB;",alt:"&#x1F3EB;",descripton:"school"},{value:"&#x1F3EC;",alt:"&#x1F3EC;",descripton:"department store"},{value:"&#x1F3ED;",alt:"&#x1F3ED;",descripton:"factory"},{value:"&#x1F3EF;",alt:"&#x1F3EF;",descripton:"Japanese castle"},{value:"&#x1F3F0;",alt:"&#x1F3F0;",descripton:"castle"},{value:"&#x1F492;",alt:"&#x1F492;",descripton:"wedding"},{value:"&#x1F5FC;",alt:"&#x1F5FC;",descripton:"Tokyo tower"},{value:"&#x1F5FD;",alt:"&#x1F5FD;",descripton:"Statue of Liberty"},{value:"&#x26EA;",alt:"&#x26EA;",descripton:"church"},{value:"&#x1F54C;",alt:"&#x1F54C;",descripton:"mosque"},{value:"&#x1F6D5;",alt:"&#x1F6D5;",descripton:"hindu temple"},{value:"&#x1F54D;",alt:"&#x1F54D;",descripton:"synagogue"},{value:"&#x26E9;",alt:"&#x26E9;",descripton:"shinto shrine"},{value:"&#x1F54B;",alt:"&#x1F54B;",descripton:"kaaba"},{value:"&#x26F2;",alt:"&#x26F2;",descripton:"fountain"},{value:"&#x26FA;",alt:"&#x26FA;",descripton:"tent"},{value:"&#x1F301;",alt:"&#x1F301;",descripton:"foggy"},{value:"&#x1F303;",alt:"&#x1F303;",descripton:"night with stars"},{value:"&#x1F3D9;",alt:"&#x1F3D9;",descripton:"cityscape"},{value:"&#x1F304;",alt:"&#x1F304;",descripton:"sunrise over mountains"},{value:"&#x1F305;",alt:"&#x1F305;",descripton:"sunrise"},{value:"&#x1F306;",alt:"&#x1F306;",descripton:"cityscape at dusk"},{value:"&#x1F307;",alt:"&#x1F307;",descripton:"sunset"},{value:"&#x1F309;",alt:"&#x1F309;",descripton:"bridge at night"},{value:"&#x2668;",alt:"&#x2668;",descripton:"hot springs"},{value:"&#x1F3A0;",alt:"&#x1F3A0;",descripton:"carousel horse"},{value:"&#x1F3A1;",alt:"&#x1F3A1;",descripton:"ferris wheel"},{value:"&#x1F3A2;",alt:"&#x1F3A2;",descripton:"roller coaster"},{value:"&#x1F488;",alt:"&#x1F488;",descripton:"barber pole"},{value:"&#x1F3AA;",alt:"&#x1F3AA;",descripton:"circus tent"},{value:"&#x1F682;",alt:"&#x1F682;",descripton:"locomotive"},{value:"&#x1F683;",alt:"&#x1F683;",descripton:"railway car"},{value:"&#x1F684;",alt:"&#x1F684;",descripton:"high-speed train"},{value:"&#x1F685;",alt:"&#x1F685;",descripton:"bullet train"},{value:"&#x1F686;",alt:"&#x1F686;",descripton:"train"},{value:"&#x1F687;",alt:"&#x1F687;",descripton:"metro"},{value:"&#x1F688;",alt:"&#x1F688;",descripton:"light rail"},{value:"&#x1F689;",alt:"&#x1F689;",descripton:"station"},{value:"&#x1F68A;",alt:"&#x1F68A;",descripton:"tram"},{value:"&#x1F69D;",alt:"&#x1F69D;",descripton:"monorail"},{value:"&#x1F69E;",alt:"&#x1F69E;",descripton:"mountain railway"},{value:"&#x1F68B;",alt:"&#x1F68B;",descripton:"tram car"},{value:"&#x1F68C;",alt:"&#x1F68C;",descripton:"bus"},{value:"&#x1F68D;",alt:"&#x1F68D;",descripton:"oncoming bus"},{value:"&#x1F68E;",alt:"&#x1F68E;",descripton:"trolleybus"},{value:"&#x1F690;",alt:"&#x1F690;",descripton:"minibus"},{value:"&#x1F691;",alt:"&#x1F691;",descripton:"ambulance"},{value:"&#x1F692;",alt:"&#x1F692;",descripton:"fire engine"},{value:"&#x1F693;",alt:"&#x1F693;",descripton:"police car"},{value:"&#x1F694;",alt:"&#x1F694;",descripton:"oncoming police car"},{value:"&#x1F695;",alt:"&#x1F695;",descripton:"taxi"},{value:"&#x1F696;",alt:"&#x1F696;",descripton:"oncoming taxi"},{value:"&#x1F697;",alt:"&#x1F697;",descripton:"automobile"},{value:"&#x1F698;",alt:"&#x1F698;",descripton:"oncoming automobile"},{value:"&#x1F699;",alt:"&#x1F699;",descripton:"sport utility vehicle"},{value:"&#x1F69A;",alt:"&#x1F69A;",descripton:"delivery truck"},{value:"&#x1F69B;",alt:"&#x1F69B;",descripton:"articulated lorry"},{value:"&#x1F69C;",alt:"&#x1F69C;",descripton:"tractor"},{value:"&#x1F3CE;",alt:"&#x1F3CE;",descripton:"racing car"},{value:"&#x1F3CD;",alt:"&#x1F3CD;",descripton:"motorcycle"},{value:"&#x1F6F5;",alt:"&#x1F6F5;",descripton:"motor scooter"},{value:"&#x1F9BD;",alt:"&#x1F9BD;",descripton:"manual wheelchair"},{value:"&#x1F9BC;",alt:"&#x1F9BC;",descripton:"motorized wheelchair"},{value:"&#x1F6FA;",alt:"&#x1F6FA;",descripton:"auto rickshaw"},{value:"&#x1F6B2;",alt:"&#x1F6B2;",descripton:"bicycle"},{value:"&#x1F6F4;",alt:"&#x1F6F4;",descripton:"kick scooter"},{value:"&#x1F6F9;",alt:"&#x1F6F9;",descripton:"skateboard"},{value:"&#x1F68F;",alt:"&#x1F68F;",descripton:"bus stop"},{value:"&#x1F6E3;",alt:"&#x1F6E3;",descripton:"motorway"},{value:"&#x1F6E4;",alt:"&#x1F6E4;",descripton:"railway track"},{value:"&#x1F6E2;",alt:"&#x1F6E2;",descripton:"oil drum"},{value:"&#x26FD;",alt:"&#x26FD;",descripton:"fuel pump"},{value:"&#x1F6A8;",alt:"&#x1F6A8;",descripton:"police car light"},{value:"&#x1F6A5;",alt:"&#x1F6A5;",descripton:"horizontal traffic light"},{value:"&#x1F6A6;",alt:"&#x1F6A6;",descripton:"vertical traffic light"},{value:"&#x1F6D1;",alt:"&#x1F6D1;",descripton:"stop sign"},{value:"&#x1F6A7;",alt:"&#x1F6A7;",descripton:"construction"},{value:"&#x2693;",alt:"&#x2693;",descripton:"anchor"},{value:"&#x26F5;",alt:"&#x26F5;",descripton:"sailboat"},{value:"&#x1F6F6;",alt:"&#x1F6F6;",descripton:"canoe"},{value:"&#x1F6A4;",alt:"&#x1F6A4;",descripton:"speedboat"},{value:"&#x1F6F3;",alt:"&#x1F6F3;",descripton:"passenger ship"},{value:"&#x26F4;",alt:"&#x26F4;",descripton:"ferry"},{value:"&#x1F6E5;",alt:"&#x1F6E5;",descripton:"motor boat"},{value:"&#x1F6A2;",alt:"&#x1F6A2;",descripton:"ship"},{value:"&#x2708;",alt:"&#x2708;",descripton:"airplane"},{value:"&#x1F6E9;",alt:"&#x1F6E9;",descripton:"small airplane"},{value:"&#x1F6EB;",alt:"&#x1F6EB;",descripton:"airplane departure"},{value:"&#x1F6EC;",alt:"&#x1F6EC;",descripton:"airplane arrival"},{value:"&#x1FA82;",alt:"&#x1FA82;",descripton:"parachute"},{value:"&#x1F4BA;",alt:"&#x1F4BA;",descripton:"seat"},{value:"&#x1F681;",alt:"&#x1F681;",descripton:"helicopter"},{value:"&#x1F69F;",alt:"&#x1F69F;",descripton:"suspension railway"},{value:"&#x1F6A0;",alt:"&#x1F6A0;",descripton:"mountain cableway"},{value:"&#x1F6A1;",alt:"&#x1F6A1;",descripton:"aerial tramway"},{value:"&#x1F6F0;",alt:"&#x1F6F0;",descripton:"satellite"},{value:"&#x1F680;",alt:"&#x1F680;",descripton:"rocket"},{value:"&#x1F6F8;",alt:"&#x1F6F8;",descripton:"flying saucer"},{value:"&#x1F6CE;",alt:"&#x1F6CE;",descripton:"bellhop bell"},{value:"&#x1F9F3;",alt:"&#x1F9F3;",descripton:"luggage"},{value:"&#x231B;",alt:"&#x231B;",descripton:"hourglass done"},{value:"&#x23F3;",alt:"&#x23F3;",descripton:"hourglass not done"},{value:"&#x231A;",alt:"&#x231A;",descripton:"watch"},{value:"&#x23F0;",alt:"&#x23F0;",descripton:"alarm clock"},{value:"&#x23F1;",alt:"&#x23F1;",descripton:"stopwatch"},{value:"&#x23F2;",alt:"&#x23F2;",descripton:"timer clock"},{value:"&#x1F570;",alt:"&#x1F570;",descripton:"mantelpiece clock"},{value:"&#x1F55B;",alt:"&#x1F55B;",descripton:"twelve o’clock"},{value:"&#x1F567;",alt:"&#x1F567;",descripton:"twelve-thirty"},{value:"&#x1F550;",alt:"&#x1F550;",descripton:"one o’clock"},{value:"&#x1F55C;",alt:"&#x1F55C;",descripton:"one-thirty"},{value:"&#x1F551;",alt:"&#x1F551;",descripton:"two o’clock"},{value:"&#x1F55D;",alt:"&#x1F55D;",descripton:"two-thirty"},{value:"&#x1F552;",alt:"&#x1F552;",descripton:"three o’clock"},{value:"&#x1F55E;",alt:"&#x1F55E;",descripton:"three-thirty"},{value:"&#x1F553;",alt:"&#x1F553;",descripton:"four o’clock"},{value:"&#x1F55F;",alt:"&#x1F55F;",descripton:"four-thirty"},{value:"&#x1F554;",alt:"&#x1F554;",descripton:"five o’clock"},{value:"&#x1F560;",alt:"&#x1F560;",descripton:"five-thirty"},{value:"&#x1F555;",alt:"&#x1F555;",descripton:"six o’clock"},{value:"&#x1F561;",alt:"&#x1F561;",descripton:"six-thirty"},{value:"&#x1F556;",alt:"&#x1F556;",descripton:"seven o’clock"},{value:"&#x1F562;",alt:"&#x1F562;",descripton:"seven-thirty"},{value:"&#x1F557;",alt:"&#x1F557;",descripton:"eight o’clock"},{value:"&#x1F563;",alt:"&#x1F563;",descripton:"eight-thirty"},{value:"&#x1F558;",alt:"&#x1F558;",descripton:"nine o’clock"},{value:"&#x1F564;",alt:"&#x1F564;",descripton:"nine-thirty"},{value:"&#x1F559;",alt:"&#x1F559;",descripton:"ten o’clock"},{value:"&#x1F565;",alt:"&#x1F565;",descripton:"ten-thirty"},{value:"&#x1F55A;",alt:"&#x1F55A;",descripton:"eleven o’clock"},{value:"&#x1F566;",alt:"&#x1F566;",descripton:"eleven-thirty"},{value:"&#x1F311;",alt:"&#x1F311;",descripton:"new moon"},{value:"&#x1F312;",alt:"&#x1F312;",descripton:"waxing crescent moon"},{value:"&#x1F313;",alt:"&#x1F313;",descripton:"first quarter moon"},{value:"&#x1F314;",alt:"&#x1F314;",descripton:"waxing gibbous moon"},{value:"&#x1F315;",alt:"&#x1F315;",descripton:"full moon"},{value:"&#x1F316;",alt:"&#x1F316;",descripton:"waning gibbous moon"},{value:"&#x1F317;",alt:"&#x1F317;",descripton:"last quarter moon"},{value:"&#x1F318;",alt:"&#x1F318;",descripton:"waning crescent moon"},{value:"&#x1F319;",alt:"&#x1F319;",descripton:"crescent moon"},{value:"&#x1F31A;",alt:"&#x1F31A;",descripton:"new moon face"},{value:"&#x1F31B;",alt:"&#x1F31B;",descripton:"first quarter moon face"},{value:"&#x1F31C;",alt:"&#x1F31C;",descripton:"last quarter moon face"},{value:"&#x1F321;",alt:"&#x1F321;",descripton:"thermometer"},{value:"&#x2600;",alt:"&#x2600;",descripton:"sun"},{value:"&#x1F31D;",alt:"&#x1F31D;",descripton:"full moon face"},{value:"&#x1F31E;",alt:"&#x1F31E;",descripton:"sun with face"},{value:"&#x1FA90;",alt:"&#x1FA90;",descripton:"ringed planet"},{value:"&#x2B50;",alt:"&#x2B50;",descripton:"star"},{value:"&#x1F31F;",alt:"&#x1F31F;",descripton:"glowing star"},{value:"&#x1F320;",alt:"&#x1F320;",descripton:"shooting star"},{value:"&#x1F30C;",alt:"&#x1F30C;",descripton:"milky way"},{value:"&#x2601;",alt:"&#x2601;",descripton:"cloud"},{value:"&#x26C5;",alt:"&#x26C5;",descripton:"sun behind cloud"},{value:"&#x26C8;",alt:"&#x26C8;",descripton:"cloud with lightning and rain"},{value:"&#x1F324;",alt:"&#x1F324;",descripton:"sun behind small cloud"},{value:"&#x1F325;",alt:"&#x1F325;",descripton:"sun behind large cloud"},{value:"&#x1F326;",alt:"&#x1F326;",descripton:"sun behind rain cloud"},{value:"&#x1F327;",alt:"&#x1F327;",descripton:"cloud with rain"},{value:"&#x1F328;",alt:"&#x1F328;",descripton:"cloud with snow"},{value:"&#x1F329;",alt:"&#x1F329;",descripton:"cloud with lightning"},{value:"&#x1F32A;",alt:"&#x1F32A;",descripton:"tornado"},{value:"&#x1F32B;",alt:"&#x1F32B;",descripton:"fog"},{value:"&#x1F32C;",alt:"&#x1F32C;",descripton:"wind face"},{value:"&#x1F300;",alt:"&#x1F300;",descripton:"cyclone"},{value:"&#x1F308;",alt:"&#x1F308;",descripton:"rainbow"},{value:"&#x1F302;",alt:"&#x1F302;",descripton:"closed umbrella"},{value:"&#x2602;",alt:"&#x2602;",descripton:"umbrella"},{value:"&#x2614;",alt:"&#x2614;",descripton:"umbrella with rain drops"},{value:"&#x26F1;",alt:"&#x26F1;",descripton:"umbrella on ground"},{value:"&#x26A1;",alt:"&#x26A1;",descripton:"high voltage"},{value:"&#x2744;",alt:"&#x2744;",descripton:"snowflake"},{value:"&#x2603;",alt:"&#x2603;",descripton:"snowman"},{value:"&#x26C4;",alt:"&#x26C4;",descripton:"snowman without snow"},{value:"&#x2604;",alt:"&#x2604;",descripton:"comet"},{value:"&#x1F525;",alt:"&#x1F525;",descripton:"fire"},{value:"&#x1F4A7;",alt:"&#x1F4A7;",descripton:"droplet"},{value:"&#x1F30A;",alt:"&#x1F30A;",descripton:"water wave"}],activities:[{value:"&#x1F383;",alt:"&#x1F383;",descripton:"jack-o-lantern"},{value:"&#x1F384;",alt:"&#x1F384;",descripton:"Christmas tree"},{value:"&#x1F386;",alt:"&#x1F386;",descripton:"fireworks"},{value:"&#x1F387;",alt:"&#x1F387;",descripton:"sparkler"},{value:"&#x1F9E8;",alt:"&#x1F9E8;",descripton:"firecracker"},{value:"&#x2728;",alt:"&#x2728;",descripton:"sparkles"},{value:"&#x1F388;",alt:"&#x1F388;",descripton:"balloon"},{value:"&#x1F389;",alt:"&#x1F389;",descripton:"party popper"},{value:"&#x1F38A;",alt:"&#x1F38A;",descripton:"confetti ball"},{value:"&#x1F38B;",alt:"&#x1F38B;",descripton:"tanabata tree"},{value:"&#x1F38D;",alt:"&#x1F38D;",descripton:"pine decoration"},{value:"&#x1F38E;",alt:"&#x1F38E;",descripton:"Japanese dolls"},{value:"&#x1F38F;",alt:"&#x1F38F;",descripton:"carp streamer"},{value:"&#x1F390;",alt:"&#x1F390;",descripton:"wind chime"},{value:"&#x1F391;",alt:"&#x1F391;",descripton:"moon viewing ceremony"},{value:"&#x1F9E7;",alt:"&#x1F9E7;",descripton:"red envelope"},{value:"&#x1F380;",alt:"&#x1F380;",descripton:"ribbon"},{value:"&#x1F381;",alt:"&#x1F381;",descripton:"wrapped gift"},{value:"&#x1F397;",alt:"&#x1F397;",descripton:"reminder ribbon"},{value:"&#x1F39F;",alt:"&#x1F39F;",descripton:"admission tickets"},{value:"&#x1F3AB;",alt:"&#x1F3AB;",descripton:"ticket"},{value:"&#x1F396;",alt:"&#x1F396;",descripton:"military medal"},{value:"&#x1F3C6;",alt:"&#x1F3C6;",descripton:"trophy"},{value:"&#x1F3C5;",alt:"&#x1F3C5;",descripton:"sports medal"},{value:"&#x1F947;",alt:"&#x1F947;",descripton:"1st place medal"},{value:"&#x1F948;",alt:"&#x1F948;",descripton:"2nd place medal"},{value:"&#x1F949;",alt:"&#x1F949;",descripton:"3rd place medal"},{value:"&#x26BD;",alt:"&#x26BD;",descripton:"soccer ball"},{value:"&#x26BE;",alt:"&#x26BE;",descripton:"baseball"},{value:"&#x1F94E;",alt:"&#x1F94E;",descripton:"softball"},{value:"&#x1F3C0;",alt:"&#x1F3C0;",descripton:"basketball"},{value:"&#x1F3D0;",alt:"&#x1F3D0;",descripton:"volleyball"},{value:"&#x1F3C8;",alt:"&#x1F3C8;",descripton:"american football"},{value:"&#x1F3C9;",alt:"&#x1F3C9;",descripton:"rugby football"},{value:"&#x1F3BE;",alt:"&#x1F3BE;",descripton:"tennis"},{value:"&#x1F94F;",alt:"&#x1F94F;",descripton:"flying disc"},{value:"&#x1F3B3;",alt:"&#x1F3B3;",descripton:"bowling"},{value:"&#x1F3CF;",alt:"&#x1F3CF;",descripton:"cricket game"},{value:"&#x1F3D1;",alt:"&#x1F3D1;",descripton:"field hockey"},{value:"&#x1F3D2;",alt:"&#x1F3D2;",descripton:"ice hockey"},{value:"&#x1F94D;",alt:"&#x1F94D;",descripton:"lacrosse"},{value:"&#x1F3D3;",alt:"&#x1F3D3;",descripton:"ping pong"},{value:"&#x1F3F8;",alt:"&#x1F3F8;",descripton:"badminton"},{value:"&#x1F94A;",alt:"&#x1F94A;",descripton:"boxing glove"},{value:"&#x1F94B;",alt:"&#x1F94B;",descripton:"martial arts uniform"},{value:"&#x1F945;",alt:"&#x1F945;",descripton:"goal net"},{value:"&#x26F3;",alt:"&#x26F3;",descripton:"flag in hole"},{value:"&#x26F8;",alt:"&#x26F8;",descripton:"ice skate"},{value:"&#x1F3A3;",alt:"&#x1F3A3;",descripton:"fishing pole"},{value:"&#x1F93F;",alt:"&#x1F93F;",descripton:"diving mask"},{value:"&#x1F3BD;",alt:"&#x1F3BD;",descripton:"running shirt"},{value:"&#x1F3BF;",alt:"&#x1F3BF;",descripton:"skis"},{value:"&#x1F6F7;",alt:"&#x1F6F7;",descripton:"sled"},{value:"&#x1F94C;",alt:"&#x1F94C;",descripton:"curling stone"},{value:"&#x1F3AF;",alt:"&#x1F3AF;",descripton:"direct hit"},{value:"&#x1FA80;",alt:"&#x1FA80;",descripton:"yo-yo"},{value:"&#x1FA81;",alt:"&#x1FA81;",descripton:"kite"},{value:"&#x1F3B1;",alt:"&#x1F3B1;",descripton:"pool 8 ball"},{value:"&#x1F52E;",alt:"&#x1F52E;",descripton:"crystal ball"},{value:"&#x1F9FF;",alt:"&#x1F9FF;",descripton:"nazar amulet"},{value:"&#x1F3AE;",alt:"&#x1F3AE;",descripton:"video game"},{value:"&#x1F579;",alt:"&#x1F579;",descripton:"joystick"},{value:"&#x1F3B0;",alt:"&#x1F3B0;",descripton:"slot machine"},{value:"&#x1F3B2;",alt:"&#x1F3B2;",descripton:"game die"},{value:"&#x1F9E9;",alt:"&#x1F9E9;",descripton:"puzzle piece"},{value:"&#x1F9F8;",alt:"&#x1F9F8;",descripton:"teddy bear"},{value:"&#x2660;",alt:"&#x2660;",descripton:"spade suit"},{value:"&#x2665;",alt:"&#x2665;",descripton:"heart suit"},{value:"&#x2666;",alt:"&#x2666;",descripton:"diamond suit"},{value:"&#x2663;",alt:"&#x2663;",descripton:"club suit"},{value:"&#x265F;",alt:"&#x265F;",descripton:"chess pawn"},{value:"&#x1F0CF;",alt:"&#x1F0CF;",descripton:"joker"},{value:"&#x1F004;",alt:"&#x1F004;",descripton:"mahjong red dragon"},{value:"&#x1F3B4;",alt:"&#x1F3B4;",descripton:"flower playing cards"},{value:"&#x1F3AD;",alt:"&#x1F3AD;",descripton:"performing arts"},{value:"&#x1F5BC;",alt:"&#x1F5BC;",descripton:"framed picture"},{value:"&#x1F3A8;",alt:"&#x1F3A8;",descripton:"artist palette"},{value:"&#x1F9F5;",alt:"&#x1F9F5;",descripton:"thread"},{value:"&#x1F9F6;",alt:"&#x1F9F6;",descripton:"yarn"}],objects:[{value:"&#x1F453;",alt:"&#x1F453;",descripton:"glasses"},{value:"&#x1F576;",alt:"&#x1F576;",descripton:"sunglasses"},{value:"&#x1F97D;",alt:"&#x1F97D;",descripton:"goggles"},{value:"&#x1F97C;",alt:"&#x1F97C;",descripton:"lab coat"},{value:"&#x1F9BA;",alt:"&#x1F9BA;",descripton:"safety vest"},{value:"&#x1F454;",alt:"&#x1F454;",descripton:"necktie"},{value:"&#x1F455;",alt:"&#x1F455;",descripton:"t-shirt"},{value:"&#x1F456;",alt:"&#x1F456;",descripton:"jeans"},{value:"&#x1F9E3;",alt:"&#x1F9E3;",descripton:"scarf"},{value:"&#x1F9E4;",alt:"&#x1F9E4;",descripton:"gloves"},{value:"&#x1F9E5;",alt:"&#x1F9E5;",descripton:"coat"},{value:"&#x1F9E6;",alt:"&#x1F9E6;",descripton:"socks"},{value:"&#x1F457;",alt:"&#x1F457;",descripton:"dress"},{value:"&#x1F458;",alt:"&#x1F458;",descripton:"kimono"},{value:"&#x1F97B;",alt:"&#x1F97B;",descripton:"sari"},{value:"&#x1FA71;",alt:"&#x1FA71;",descripton:"one-piece swimsuit"},{value:"&#x1FA72;",alt:"&#x1FA72;",descripton:"briefs"},{value:"&#x1FA73;",alt:"&#x1FA73;",descripton:"shorts"},{value:"&#x1F459;",alt:"&#x1F459;",descripton:"bikini"},{value:"&#x1F45A;",alt:"&#x1F45A;",descripton:"woman’s clothes"},{value:"&#x1F45B;",alt:"&#x1F45B;",descripton:"purse"},{value:"&#x1F45C;",alt:"&#x1F45C;",descripton:"handbag"},{value:"&#x1F45D;",alt:"&#x1F45D;",descripton:"clutch bag"},{value:"&#x1F6CD;",alt:"&#x1F6CD;",descripton:"shopping bags"},{value:"&#x1F392;",alt:"&#x1F392;",descripton:"backpack"},{value:"&#x1F45E;",alt:"&#x1F45E;",descripton:"man’s shoe"},{value:"&#x1F45F;",alt:"&#x1F45F;",descripton:"running shoe"},{value:"&#x1F97E;",alt:"&#x1F97E;",descripton:"hiking boot"},{value:"&#x1F97F;",alt:"&#x1F97F;",descripton:"flat shoe"},{value:"&#x1F460;",alt:"&#x1F460;",descripton:"high-heeled shoe"},{value:"&#x1F461;",alt:"&#x1F461;",descripton:"woman’s sandal"},{value:"&#x1FA70;",alt:"&#x1FA70;",descripton:"ballet shoes"},{value:"&#x1F462;",alt:"&#x1F462;",descripton:"woman’s boot"},{value:"&#x1F451;",alt:"&#x1F451;",descripton:"crown"},{value:"&#x1F452;",alt:"&#x1F452;",descripton:"woman’s hat"},{value:"&#x1F3A9;",alt:"&#x1F3A9;",descripton:"top hat"},{value:"&#x1F393;",alt:"&#x1F393;",descripton:"graduation cap"},{value:"&#x1F9E2;",alt:"&#x1F9E2;",descripton:"billed cap"},{value:"&#x26D1;",alt:"&#x26D1;",descripton:"rescue worker’s helmet"},{value:"&#x1F4FF;",alt:"&#x1F4FF;",descripton:"prayer beads"},{value:"&#x1F484;",alt:"&#x1F484;",descripton:"lipstick"},{value:"&#x1F48D;",alt:"&#x1F48D;",descripton:"ring"},{value:"&#x1F48E;",alt:"&#x1F48E;",descripton:"gem stone"},{value:"&#x1F507;",alt:"&#x1F507;",descripton:"muted speaker"},{value:"&#x1F508;",alt:"&#x1F508;",descripton:"speaker low volume"},{value:"&#x1F509;",alt:"&#x1F509;",descripton:"speaker medium volume"},{value:"&#x1F50A;",alt:"&#x1F50A;",descripton:"speaker high volume"},{value:"&#x1F4E2;",alt:"&#x1F4E2;",descripton:"loudspeaker"},{value:"&#x1F4E3;",alt:"&#x1F4E3;",descripton:"megaphone"},{value:"&#x1F4EF;",alt:"&#x1F4EF;",descripton:"postal horn"},{value:"&#x1F514;",alt:"&#x1F514;",descripton:"bell"},{value:"&#x1F515;",alt:"&#x1F515;",descripton:"bell with slash"},{value:"&#x1F3BC;",alt:"&#x1F3BC;",descripton:"musical score"},{value:"&#x1F3B5;",alt:"&#x1F3B5;",descripton:"musical note"},{value:"&#x1F3B6;",alt:"&#x1F3B6;",descripton:"musical notes"},{value:"&#x1F399;",alt:"&#x1F399;",descripton:"studio microphone"},{value:"&#x1F39A;",alt:"&#x1F39A;",descripton:"level slider"},{value:"&#x1F39B;",alt:"&#x1F39B;",descripton:"control knobs"},{value:"&#x1F3A4;",alt:"&#x1F3A4;",descripton:"microphone"},{value:"&#x1F3A7;",alt:"&#x1F3A7;",descripton:"headphone"},{value:"&#x1F4FB;",alt:"&#x1F4FB;",descripton:"radio"},{value:"&#x1F3B7;",alt:"&#x1F3B7;",descripton:"saxophone"},{value:"&#x1F3B8;",alt:"&#x1F3B8;",descripton:"guitar"},{value:"&#x1F3B9;",alt:"&#x1F3B9;",descripton:"musical keyboard"},{value:"&#x1F3BA;",alt:"&#x1F3BA;",descripton:"trumpet"},{value:"&#x1F3BB;",alt:"&#x1F3BB;",descripton:"violin"},{value:"&#x1FA95;",alt:"&#x1FA95;",descripton:"banjo"},{value:"&#x1F941;",alt:"&#x1F941;",descripton:"drum"},{value:"&#x1F4F1;",alt:"&#x1F4F1;",descripton:"mobile phone"},{value:"&#x1F4F2;",alt:"&#x1F4F2;",descripton:"mobile phone with arrow"},{value:"&#x260E;",alt:"&#x260E;",descripton:"telephone"},{value:"&#x1F4DE;",alt:"&#x1F4DE;",descripton:"telephone receiver"},{value:"&#x1F4DF;",alt:"&#x1F4DF;",descripton:"pager"},{value:"&#x1F4E0;",alt:"&#x1F4E0;",descripton:"fax machine"},{value:"&#x1F50B;",alt:"&#x1F50B;",descripton:"battery"},{value:"&#x1F50C;",alt:"&#x1F50C;",descripton:"electric plug"},{value:"&#x1F4BB;",alt:"&#x1F4BB;",descripton:"laptop computer"},{value:"&#x1F5A5;",alt:"&#x1F5A5;",descripton:"desktop computer"},{value:"&#x1F5A8;",alt:"&#x1F5A8;",descripton:"printer"},{value:"&#x2328;",alt:"&#x2328;",descripton:"keyboard"},{value:"&#x1F5B1;",alt:"&#x1F5B1;",descripton:"computer mouse"},{value:"&#x1F5B2;",alt:"&#x1F5B2;",descripton:"trackball"},{value:"&#x1F4BD;",alt:"&#x1F4BD;",descripton:"computer disk"},{value:"&#x1F4BE;",alt:"&#x1F4BE;",descripton:"floppy disk"},{value:"&#x1F4BF;",alt:"&#x1F4BF;",descripton:"optical disk"},{value:"&#x1F4C0;",alt:"&#x1F4C0;",descripton:"dvd"},{value:"&#x1F9EE;",alt:"&#x1F9EE;",descripton:"abacus"},{value:"&#x1F3A5;",alt:"&#x1F3A5;",descripton:"movie camera"},{value:"&#x1F39E;",alt:"&#x1F39E;",descripton:"film frames"},{value:"&#x1F4FD;",alt:"&#x1F4FD;",descripton:"film projector"},{value:"&#x1F3AC;",alt:"&#x1F3AC;",descripton:"clapper board"},{value:"&#x1F4FA;",alt:"&#x1F4FA;",descripton:"television"},{value:"&#x1F4F7;",alt:"&#x1F4F7;",descripton:"camera"},{value:"&#x1F4F8;",alt:"&#x1F4F8;",descripton:"camera with flash"},{value:"&#x1F4F9;",alt:"&#x1F4F9;",descripton:"video camera"},{value:"&#x1F4FC;",alt:"&#x1F4FC;",descripton:"videocassette"},{value:"&#x1F50D;",alt:"&#x1F50D;",descripton:"magnifying glass tilted left"},{value:"&#x1F50E;",alt:"&#x1F50E;",descripton:"magnifying glass tilted right"},{value:"&#x1F56F;",alt:"&#x1F56F;",descripton:"candle"},{value:"&#x1F4A1;",alt:"&#x1F4A1;",descripton:"light bulb"},{value:"&#x1F526;",alt:"&#x1F526;",descripton:"flashlight"},{value:"&#x1F3EE;",alt:"&#x1F3EE;",descripton:"red paper lantern"},{value:"&#x1FA94;",alt:"&#x1FA94;",descripton:"diya lamp"},{value:"&#x1F4D4;",alt:"&#x1F4D4;",descripton:"notebook with decorative cover"},{value:"&#x1F4D5;",alt:"&#x1F4D5;",descripton:"closed book"},{value:"&#x1F4D6;",alt:"&#x1F4D6;",descripton:"open book"},{value:"&#x1F4D7;",alt:"&#x1F4D7;",descripton:"green book"},{value:"&#x1F4D8;",alt:"&#x1F4D8;",descripton:"blue book"},{value:"&#x1F4D9;",alt:"&#x1F4D9;",descripton:"orange book"},{value:"&#x1F4DA;",alt:"&#x1F4DA;",descripton:"books"},{value:"&#x1F4D3;",alt:"&#x1F4D3;",descripton:"notebook"},{value:"&#x1F4D2;",alt:"&#x1F4D2;",descripton:"ledger"},{value:"&#x1F4C3;",alt:"&#x1F4C3;",descripton:"page with curl"},{value:"&#x1F4DC;",alt:"&#x1F4DC;",descripton:"scroll"},{value:"&#x1F4C4;",alt:"&#x1F4C4;",descripton:"page facing up"},{value:"&#x1F4F0;",alt:"&#x1F4F0;",descripton:"newspaper"},{value:"&#x1F5DE;",alt:"&#x1F5DE;",descripton:"rolled-up newspaper"},{value:"&#x1F4D1;",alt:"&#x1F4D1;",descripton:"bookmark tabs"},{value:"&#x1F516;",alt:"&#x1F516;",descripton:"bookmark"},{value:"&#x1F3F7;",alt:"&#x1F3F7;",descripton:"label"},{value:"&#x1F4B0;",alt:"&#x1F4B0;",descripton:"money bag"},{value:"&#x1F4B4;",alt:"&#x1F4B4;",descripton:"yen banknote"},{value:"&#x1F4B5;",alt:"&#x1F4B5;",descripton:"dollar banknote"},{value:"&#x1F4B6;",alt:"&#x1F4B6;",descripton:"euro banknote"},{value:"&#x1F4B7;",alt:"&#x1F4B7;",descripton:"pound banknote"},{value:"&#x1F4B8;",alt:"&#x1F4B8;",descripton:"money with wings"},{value:"&#x1F4B3;",alt:"&#x1F4B3;",descripton:"credit card"},{value:"&#x1F9FE;",alt:"&#x1F9FE;",descripton:"receipt"},{value:"&#x1F4B9;",alt:"&#x1F4B9;",descripton:"chart increasing with yen"},{value:"&#x1F4B1;",alt:"&#x1F4B1;",descripton:"currency exchange"},{value:"&#x1F4B2;",alt:"&#x1F4B2;",descripton:"heavy dollar sign"},{value:"&#x2709;",alt:"&#x2709;",descripton:"envelope"},{value:"&#x1F4E7;",alt:"&#x1F4E7;",descripton:"e-mail"},{value:"&#x1F4E8;",alt:"&#x1F4E8;",descripton:"incoming envelope"},{value:"&#x1F4E9;",alt:"&#x1F4E9;",descripton:"envelope with arrow"},{value:"&#x1F4E4;",alt:"&#x1F4E4;",descripton:"outbox tray"},{value:"&#x1F4E5;",alt:"&#x1F4E5;",descripton:"inbox tray"},{value:"&#x1F4E6;",alt:"&#x1F4E6;",descripton:"package"},{value:"&#x1F4EB;",alt:"&#x1F4EB;",descripton:"closed mailbox with raised flag"},{value:"&#x1F4EA;",alt:"&#x1F4EA;",descripton:"closed mailbox with lowered flag"},{value:"&#x1F4EC;",alt:"&#x1F4EC;",descripton:"open mailbox with raised flag"},{value:"&#x1F4ED;",alt:"&#x1F4ED;",descripton:"open mailbox with lowered flag"},{value:"&#x1F4EE;",alt:"&#x1F4EE;",descripton:"postbox"},{value:"&#x1F5F3;",alt:"&#x1F5F3;",descripton:"ballot box with ballot"},{value:"&#x270F;",alt:"&#x270F;",descripton:"pencil"},{value:"&#x2712;",alt:"&#x2712;",descripton:"black nib"},{value:"&#x1F58B;",alt:"&#x1F58B;",descripton:"fountain pen"},{value:"&#x1F58A;",alt:"&#x1F58A;",descripton:"pen"},{value:"&#x1F58C;",alt:"&#x1F58C;",descripton:"paintbrush"},{value:"&#x1F58D;",alt:"&#x1F58D;",descripton:"crayon"},{value:"&#x1F4DD;",alt:"&#x1F4DD;",descripton:"memo"},{value:"&#x1F4BC;",alt:"&#x1F4BC;",descripton:"briefcase"},{value:"&#x1F4C1;",alt:"&#x1F4C1;",descripton:"file folder"},{value:"&#x1F4C2;",alt:"&#x1F4C2;",descripton:"open file folder"},{value:"&#x1F5C2;",alt:"&#x1F5C2;",descripton:"card index dividers"},{value:"&#x1F4C5;",alt:"&#x1F4C5;",descripton:"calendar"},{value:"&#x1F4C6;",alt:"&#x1F4C6;",descripton:"tear-off calendar"},{value:"&#x1F5D2;",alt:"&#x1F5D2;",descripton:"spiral notepad"},{value:"&#x1F5D3;",alt:"&#x1F5D3;",descripton:"spiral calendar"},{value:"&#x1F4C7;",alt:"&#x1F4C7;",descripton:"card index"},{value:"&#x1F4C8;",alt:"&#x1F4C8;",descripton:"chart increasing"},{value:"&#x1F4C9;",alt:"&#x1F4C9;",descripton:"chart decreasing"},{value:"&#x1F4CA;",alt:"&#x1F4CA;",descripton:"bar chart"},{value:"&#x1F4CB;",alt:"&#x1F4CB;",descripton:"clipboard"},{value:"&#x1F4CC;",alt:"&#x1F4CC;",descripton:"pushpin"},{value:"&#x1F4CD;",alt:"&#x1F4CD;",descripton:"round pushpin"},{value:"&#x1F4CE;",alt:"&#x1F4CE;",descripton:"paperclip"},{value:"&#x1F587;",alt:"&#x1F587;",descripton:"linked paperclips"},{value:"&#x1F4CF;",alt:"&#x1F4CF;",descripton:"straight ruler"},{value:"&#x1F4D0;",alt:"&#x1F4D0;",descripton:"triangular ruler"},{value:"&#x2702;",alt:"&#x2702;",descripton:"scissors"},{value:"&#x1F5C3;",alt:"&#x1F5C3;",descripton:"card file box"},{value:"&#x1F5C4;",alt:"&#x1F5C4;",descripton:"file cabinet"},{value:"&#x1F5D1;",alt:"&#x1F5D1;",descripton:"wastebasket"},{value:"&#x1F512;",alt:"&#x1F512;",descripton:"locked"},{value:"&#x1F513;",alt:"&#x1F513;",descripton:"unlocked"},{value:"&#x1F50F;",alt:"&#x1F50F;",descripton:"locked with pen"},{value:"&#x1F510;",alt:"&#x1F510;",descripton:"locked with key"},{value:"&#x1F511;",alt:"&#x1F511;",descripton:"key"},{value:"&#x1F5DD;",alt:"&#x1F5DD;",descripton:"old key"},{value:"&#x1F528;",alt:"&#x1F528;",descripton:"hammer"},{value:"&#x1FA93;",alt:"&#x1FA93;",descripton:"axe"},{value:"&#x26CF;",alt:"&#x26CF;",descripton:"pick"},{value:"&#x2692;",alt:"&#x2692;",descripton:"hammer and pick"},{value:"&#x1F6E0;",alt:"&#x1F6E0;",descripton:"hammer and wrench"},{value:"&#x1F5E1;",alt:"&#x1F5E1;",descripton:"dagger"},{value:"&#x2694;",alt:"&#x2694;",descripton:"crossed swords"},{value:"&#x1F52B;",alt:"&#x1F52B;",descripton:"pistol"},{value:"&#x1F3F9;",alt:"&#x1F3F9;",descripton:"bow and arrow"},{value:"&#x1F6E1;",alt:"&#x1F6E1;",descripton:"shield"},{value:"&#x1F527;",alt:"&#x1F527;",descripton:"wrench"},{value:"&#x1F529;",alt:"&#x1F529;",descripton:"nut and bolt"},{value:"&#x2699;",alt:"&#x2699;",descripton:"gear"},{value:"&#x1F5DC;",alt:"&#x1F5DC;",descripton:"clamp"},{value:"&#x2696;",alt:"&#x2696;",descripton:"balance scale"},{value:"&#x1F9AF;",alt:"&#x1F9AF;",descripton:"probing cane"},{value:"&#x1F517;",alt:"&#x1F517;",descripton:"link"},{value:"&#x26D3;",alt:"&#x26D3;",descripton:"chains"},{value:"&#x1F9F0;",alt:"&#x1F9F0;",descripton:"toolbox"},{value:"&#x1F9F2;",alt:"&#x1F9F2;",descripton:"magnet"},{value:"&#x2697;",alt:"&#x2697;",descripton:"alembic"},{value:"&#x1F9EA;",alt:"&#x1F9EA;",descripton:"test tube"},{value:"&#x1F9EB;",alt:"&#x1F9EB;",descripton:"petri dish"},{value:"&#x1F9EC;",alt:"&#x1F9EC;",descripton:"dna"},{value:"&#x1F52C;",alt:"&#x1F52C;",descripton:"microscope"},{value:"&#x1F52D;",alt:"&#x1F52D;",descripton:"telescope"},{value:"&#x1F4E1;",alt:"&#x1F4E1;",descripton:"satellite antenna"},{value:"&#x1F489;",alt:"&#x1F489;",descripton:"syringe"},{value:"&#x1FA78;",alt:"&#x1FA78;",descripton:"drop of blood"},{value:"&#x1F48A;",alt:"&#x1F48A;",descripton:"pill"},{value:"&#x1FA79;",alt:"&#x1FA79;",descripton:"adhesive bandage"},{value:"&#x1FA7A;",alt:"&#x1FA7A;",descripton:"stethoscope"},{value:"&#x1F6AA;",alt:"&#x1F6AA;",descripton:"door"},{value:"&#x1F6CF;",alt:"&#x1F6CF;",descripton:"bed"},{value:"&#x1F6CB;",alt:"&#x1F6CB;",descripton:"couch and lamp"},{value:"&#x1FA91;",alt:"&#x1FA91;",descripton:"chair"},{value:"&#x1F6BD;",alt:"&#x1F6BD;",descripton:"toilet"},{value:"&#x1F6BF;",alt:"&#x1F6BF;",descripton:"shower"},{value:"&#x1F6C1;",alt:"&#x1F6C1;",descripton:"bathtub"},{value:"&#x1FA92;",alt:"&#x1FA92;",descripton:"razor"},{value:"&#x1F9F4;",alt:"&#x1F9F4;",descripton:"lotion bottle"},{value:"&#x1F9F7;",alt:"&#x1F9F7;",descripton:"safety pin"},{value:"&#x1F9F9;",alt:"&#x1F9F9;",descripton:"broom"},{value:"&#x1F9FA;",alt:"&#x1F9FA;",descripton:"basket"},{value:"&#x1F9FB;",alt:"&#x1F9FB;",descripton:"roll of paper"},{value:"&#x1F9FC;",alt:"&#x1F9FC;",descripton:"soap"},{value:"&#x1F9FD;",alt:"&#x1F9FD;",descripton:"sponge"},{value:"&#x1F9EF;",alt:"&#x1F9EF;",descripton:"fire extinguisher"},{value:"&#x1F6D2;",alt:"&#x1F6D2;",descripton:"shopping cart"},{value:"&#x1F6AC;",alt:"&#x1F6AC;",descripton:"cigarette"},{value:"&#x26B0;",alt:"&#x26B0;",descripton:"coffin"},{value:"&#x26B1;",alt:"&#x26B1;",descripton:"funeral urn"},{value:"&#x1F5FF;",alt:"&#x1F5FF;",descripton:"moai"}],symbols:[{value:"&#x1F3E7;",alt:"&#x1F3E7;",descripton:"ATM sign"},{value:"&#x1F6AE;",alt:"&#x1F6AE;",descripton:"litter in bin sign"},{value:"&#x1F6B0;",alt:"&#x1F6B0;",descripton:"potable water"},{value:"&#x267F;",alt:"&#x267F;",descripton:"wheelchair symbol"},{value:"&#x1F6B9;",alt:"&#x1F6B9;",descripton:"men’s room"},{value:"&#x1F6BA;",alt:"&#x1F6BA;",descripton:"women’s room"},{value:"&#x1F6BB;",alt:"&#x1F6BB;",descripton:"restroom"},{value:"&#x1F6BC;",alt:"&#x1F6BC;",descripton:"baby symbol"},{value:"&#x1F6BE;",alt:"&#x1F6BE;",descripton:"water closet"},{value:"&#x1F6C2;",alt:"&#x1F6C2;",descripton:"passport control"},{value:"&#x1F6C3;",alt:"&#x1F6C3;",descripton:"customs"},{value:"&#x1F6C4;",alt:"&#x1F6C4;",descripton:"baggage claim"},{value:"&#x1F6C5;",alt:"&#x1F6C5;",descripton:"left luggage"},{value:"&#x26A0;",alt:"&#x26A0;",descripton:"warning"},{value:"&#x1F6B8;",alt:"&#x1F6B8;",descripton:"children crossing"},{value:"&#x26D4;",alt:"&#x26D4;",descripton:"no entry"},{value:"&#x1F6AB;",alt:"&#x1F6AB;",descripton:"prohibited"},{value:"&#x1F6B3;",alt:"&#x1F6B3;",descripton:"no bicycles"},{value:"&#x1F6AD;",alt:"&#x1F6AD;",descripton:"no smoking"},{value:"&#x1F6AF;",alt:"&#x1F6AF;",descripton:"no littering"},{value:"&#x1F6B1;",alt:"&#x1F6B1;",descripton:"non-potable water"},{value:"&#x1F6B7;",alt:"&#x1F6B7;",descripton:"no pedestrians"},{value:"&#x1F4F5;",alt:"&#x1F4F5;",descripton:"no mobile phones"},{value:"&#x1F51E;",alt:"&#x1F51E;",descripton:"no one under eighteen"},{value:"&#x2622;",alt:"&#x2622;",descripton:"radioactive"},{value:"&#x2623;",alt:"&#x2623;",descripton:"biohazard"},{value:"&#x2B06;",alt:"&#x2B06;",descripton:"up arrow"},{value:"&#x2197;",alt:"&#x2197;",descripton:"up-right arrow"},{value:"&#x27A1;",alt:"&#x27A1;",descripton:"right arrow"},{value:"&#x2198;",alt:"&#x2198;",descripton:"down-right arrow"},{value:"&#x2B07;",alt:"&#x2B07;",descripton:"down arrow"},{value:"&#x2199;",alt:"&#x2199;",descripton:"down-left arrow"},{value:"&#x2B05;",alt:"&#x2B05;",descripton:"left arrow"},{value:"&#x2196;",alt:"&#x2196;",descripton:"up-left arrow"},{value:"&#x2195;",alt:"&#x2195;",descripton:"up-down arrow"},{value:"&#x2194;",alt:"&#x2194;",descripton:"left-right arrow"},{value:"&#x21A9;",alt:"&#x21A9;",descripton:"right arrow curving left"},{value:"&#x21AA;",alt:"&#x21AA;",descripton:"left arrow curving right"},{value:"&#x2934;",alt:"&#x2934;",descripton:"right arrow curving up"},{value:"&#x2935;",alt:"&#x2935;",descripton:"right arrow curving down"},{value:"&#x1F503;",alt:"&#x1F503;",descripton:"clockwise vertical arrows"},{value:"&#x1F504;",alt:"&#x1F504;",descripton:"counterclockwise arrows button"},{value:"&#x1F519;",alt:"&#x1F519;",descripton:"BACK arrow"},{value:"&#x1F51A;",alt:"&#x1F51A;",descripton:"END arrow"},{value:"&#x1F51B;",alt:"&#x1F51B;",descripton:"ON! arrow"},{value:"&#x1F51C;",alt:"&#x1F51C;",descripton:"SOON arrow"},{value:"&#x1F51D;",alt:"&#x1F51D;",descripton:"TOP arrow"},{value:"&#x1F6D0;",alt:"&#x1F6D0;",descripton:"place of worship"},{value:"&#x269B;",alt:"&#x269B;",descripton:"atom symbol"},{value:"&#x1F549;",alt:"&#x1F549;",descripton:"om"},{value:"&#x2721;",alt:"&#x2721;",descripton:"star of David"},{value:"&#x2638;",alt:"&#x2638;",descripton:"wheel of dharma"},{value:"&#x262F;",alt:"&#x262F;",descripton:"yin yang"},{value:"&#x271D;",alt:"&#x271D;",descripton:"latin cross"},{value:"&#x2626;",alt:"&#x2626;",descripton:"orthodox cross"},{value:"&#x262A;",alt:"&#x262A;",descripton:"star and crescent"},{value:"&#x262E;",alt:"&#x262E;",descripton:"peace symbol"},{value:"&#x1F54E;",alt:"&#x1F54E;",descripton:"menorah"},{value:"&#x1F52F;",alt:"&#x1F52F;",descripton:"dotted six-pointed star"},{value:"&#x2648;",alt:"&#x2648;",descripton:"Aries"},{value:"&#x2649;",alt:"&#x2649;",descripton:"Taurus"},{value:"&#x264A;",alt:"&#x264A;",descripton:"Gemini"},{value:"&#x264B;",alt:"&#x264B;",descripton:"Cancer"},{value:"&#x264C;",alt:"&#x264C;",descripton:"Leo"},{value:"&#x264D;",alt:"&#x264D;",descripton:"Virgo"},{value:"&#x264E;",alt:"&#x264E;",descripton:"Libra"},{value:"&#x264F;",alt:"&#x264F;",descripton:"Scorpio"},{value:"&#x2650;",alt:"&#x2650;",descripton:"Sagittarius"},{value:"&#x2651;",alt:"&#x2651;",descripton:"Capricorn"},{value:"&#x2652;",alt:"&#x2652;",descripton:"Aquarius"},{value:"&#x2653;",alt:"&#x2653;",descripton:"Pisces"},{value:"&#x26CE;",alt:"&#x26CE;",descripton:"Ophiuchus"},{value:"&#x1F500;",alt:"&#x1F500;",descripton:"shuffle tracks button"},{value:"&#x1F501;",alt:"&#x1F501;",descripton:"repeat button"},{value:"&#x1F502;",alt:"&#x1F502;",descripton:"repeat single button"},{value:"&#x25B6;",alt:"&#x25B6;",descripton:"play button"},{value:"&#x23E9;",alt:"&#x23E9;",descripton:"fast-forward button"},{value:"&#x23ED;",alt:"&#x23ED;",descripton:"next track button"},{value:"&#x23EF;",alt:"&#x23EF;",descripton:"play or pause button"},{value:"&#x25C0;",alt:"&#x25C0;",descripton:"reverse button"},{value:"&#x23EA;",alt:"&#x23EA;",descripton:"fast reverse button"},{value:"&#x23EE;",alt:"&#x23EE;",descripton:"last track button"},{value:"&#x1F53C;",alt:"&#x1F53C;",descripton:"upwards button"},{value:"&#x23EB;",alt:"&#x23EB;",descripton:"fast up button"},{value:"&#x1F53D;",alt:"&#x1F53D;",descripton:"downwards button"},{value:"&#x23EC;",alt:"&#x23EC;",descripton:"fast down button"},{value:"&#x23F8;",alt:"&#x23F8;",descripton:"pause button"},{value:"&#x23F9;",alt:"&#x23F9;",descripton:"stop button"},{value:"&#x23FA;",alt:"&#x23FA;",descripton:"record button"},{value:"&#x23CF;",alt:"&#x23CF;",descripton:"eject button"},{value:"&#x1F3A6;",alt:"&#x1F3A6;",descripton:"cinema"},{value:"&#x1F505;",alt:"&#x1F505;",descripton:"dim button"},{value:"&#x1F506;",alt:"&#x1F506;",descripton:"bright button"},{value:"&#x1F4F6;",alt:"&#x1F4F6;",descripton:"antenna bars"},{value:"&#x1F4F3;",alt:"&#x1F4F3;",descripton:"vibration mode"},{value:"&#x1F4F4;",alt:"&#x1F4F4;",descripton:"mobile phone off"},{value:"&#x2640;",alt:"&#x2640;",descripton:"female sign"},{value:"&#x2642;",alt:"&#x2642;",descripton:"male sign"},{value:"&#x2695;",alt:"&#x2695;",descripton:"medical symbol"},{value:"&#x267E;",alt:"&#x267E;",descripton:"infinity"},{value:"&#x267B;",alt:"&#x267B;",descripton:"recycling symbol"},{value:"&#x269C;",alt:"&#x269C;",descripton:"fleur-de-lis"},{value:"&#x1F531;",alt:"&#x1F531;",descripton:"trident emblem"},{value:"&#x1F4DB;",alt:"&#x1F4DB;",descripton:"name badge"},{value:"&#x1F530;",alt:"&#x1F530;",descripton:"Japanese symbol for beginner"},{value:"&#x2B55;",alt:"&#x2B55;",descripton:"hollow red circle"},{value:"&#x2705;",alt:"&#x2705;",descripton:"check mark button"},{value:"&#x2611;",alt:"&#x2611;",descripton:"check box with check"},{value:"&#x2714;",alt:"&#x2714;",descripton:"check mark"},{value:"&#x2716;",alt:"&#x2716;",descripton:"multiplication sign"},{value:"&#x274C;",alt:"&#x274C;",descripton:"cross mark"},{value:"&#x274E;",alt:"&#x274E;",descripton:"cross mark button"},{value:"&#x2795;",alt:"&#x2795;",descripton:"plus sign"},{value:"&#x2796;",alt:"&#x2796;",descripton:"minus sign"},{value:"&#x2797;",alt:"&#x2797;",descripton:"division sign"},{value:"&#x27B0;",alt:"&#x27B0;",descripton:"curly loop"},{value:"&#x27BF;",alt:"&#x27BF;",descripton:"double curly loop"},{value:"&#x303D;",alt:"&#x303D;",descripton:"part alternation mark"},{value:"&#x2733;",alt:"&#x2733;",descripton:"eight-spoked asterisk"},{value:"&#x2734;",alt:"&#x2734;",descripton:"eight-pointed star"},{value:"&#x2747;",alt:"&#x2747;",descripton:"sparkle"},{value:"&#x203C;",alt:"&#x203C;",descripton:"double exclamation mark"},{value:"&#x2049;",alt:"&#x2049;",descripton:"exclamation question mark"},{value:"&#x2753;",alt:"&#x2753;",descripton:"question mark"},{value:"&#x2754;",alt:"&#x2754;",descripton:"white question mark"},{value:"&#x2755;",alt:"&#x2755;",descripton:"white exclamation mark"},{value:"&#x2757;",alt:"&#x2757;",descripton:"exclamation mark"},{value:"&#x3030;",alt:"&#x3030;",descripton:"wavy dash"},{value:"&#x00A9;",alt:"&#x00A9;",descripton:"copyright"},{value:"&#x00AE;",alt:"&#x00AE;",descripton:"registered"},{value:"&#x2122;",alt:"&#x2122;",descripton:"trade mark"},{value:"&#x1F51F;",alt:"&#x1F51F;",descripton:"keycap: 10"},{value:"&#x1F520;",alt:"&#x1F520;",descripton:"input latin uppercase"},{value:"&#x1F521;",alt:"&#x1F521;",descripton:"input latin lowercase"},{value:"&#x1F522;",alt:"&#x1F522;",descripton:"input numbers"},{value:"&#x1F523;",alt:"&#x1F523;",descripton:"input symbols"},{value:"&#x1F524;",alt:"&#x1F524;",descripton:"input latin letters"},{value:"&#x1F170;",alt:"&#x1F170;",descripton:"A button (blood type)"},{value:"&#x1F18E;",alt:"&#x1F18E;",descripton:"AB button (blood type)"},{value:"&#x1F171;",alt:"&#x1F171;",descripton:"B button (blood type)"},{value:"&#x1F191;",alt:"&#x1F191;",descripton:"CL button"},{value:"&#x1F192;",alt:"&#x1F192;",descripton:"COOL button"},{value:"&#x1F193;",alt:"&#x1F193;",descripton:"FREE button"},{value:"&#x2139;",alt:"&#x2139;",descripton:"information"},{value:"&#x1F194;",alt:"&#x1F194;",descripton:"ID button"},{value:"&#x24C2;",alt:"&#x24C2;",descripton:"circled M"},{value:"&#x1F195;",alt:"&#x1F195;",descripton:"NEW button"},{value:"&#x1F196;",alt:"&#x1F196;",descripton:"NG button"},{value:"&#x1F17E;",alt:"&#x1F17E;",descripton:"O button (blood type)"},{value:"&#x1F197;",alt:"&#x1F197;",descripton:"OK button"},{value:"&#x1F17F;",alt:"&#x1F17F;",descripton:"P button"},{value:"&#x1F198;",alt:"&#x1F198;",descripton:"SOS button"},{value:"&#x1F199;",alt:"&#x1F199;",descripton:"UP! button"},{value:"&#x1F19A;",alt:"&#x1F19A;",descripton:"VS button"},{value:"&#x1F201;",alt:"&#x1F201;",descripton:"Japanese “here” button"},{value:"&#x1F202;",alt:"&#x1F202;",descripton:"Japanese “service charge” button"},{value:"&#x1F237;",alt:"&#x1F237;",descripton:"Japanese “monthly amount” button"},{value:"&#x1F236;",alt:"&#x1F236;",descripton:"Japanese “not free of charge” button"},{value:"&#x1F22F;",alt:"&#x1F22F;",descripton:"Japanese “reserved” button"},{value:"&#x1F250;",alt:"&#x1F250;",descripton:"Japanese “bargain” button"},{value:"&#x1F239;",alt:"&#x1F239;",descripton:"Japanese “discount” button"},{value:"&#x1F21A;",alt:"&#x1F21A;",descripton:"Japanese “free of charge” button"},{value:"&#x1F232;",alt:"&#x1F232;",descripton:"Japanese “prohibited” button"},{value:"&#x1F251;",alt:"&#x1F251;",descripton:"Japanese “acceptable” button"},{value:"&#x1F238;",alt:"&#x1F238;",descripton:"Japanese “application” button"},{value:"&#x1F234;",alt:"&#x1F234;",descripton:"Japanese “passing grade” button"},{value:"&#x1F233;",alt:"&#x1F233;",descripton:"Japanese “vacancy” button"},{value:"&#x3297;",alt:"&#x3297;",descripton:"Japanese “congratulations” button"},{value:"&#x3299;",alt:"&#x3299;",descripton:"Japanese “secret” button"},{value:"&#x1F23A;",alt:"&#x1F23A;",descripton:"Japanese “open for business” button"},{value:"&#x1F235;",alt:"&#x1F235;",descripton:"Japanese “no vacancy” button"},{value:"&#x1F534;",alt:"&#x1F534;",descripton:"red circle"},{value:"&#x1F7E0;",alt:"&#x1F7E0;",descripton:"orange circle"},{value:"&#x1F7E1;",alt:"&#x1F7E1;",descripton:"yellow circle"},{value:"&#x1F7E2;",alt:"&#x1F7E2;",descripton:"green circle"},{value:"&#x1F535;",alt:"&#x1F535;",descripton:"blue circle"},{value:"&#x1f7e3;",alt:"&#x1f7e3;",descripton:"purple circle"},{value:"&#x1f7e4;",alt:"&#x1f7e4;",descripton:"brown circle"},{value:"&#x26AB;",alt:"&#x26AB;",descripton:"black circle"},{value:"&#x26AA;",alt:"&#x26AA;",descripton:"white circle"},{value:"&#x1F7E5;",alt:"&#x1F7E5;",descripton:"red square"},{value:"&#x1F7E7;",alt:"&#x1F7E7;",descripton:"orange square"},{value:"&#x1F7E8;",alt:"&#x1F7E8;",descripton:"yellow square"},{value:"&#x1F7E9;",alt:"&#x1F7E9;",descripton:"green square"},{value:"&#x1F7E6;",alt:"&#x1F7E6;",descripton:"blue square"},{value:"&#x1F7EA;",alt:"&#x1F7EA;",descripton:"purple square"},{value:"&#x1F7EB;",alt:"&#x1F7EB;",descripton:"brown square"},{value:"&#x2B1B;",alt:"&#x2B1B;",descripton:"black large square"},{value:"&#x2B1C;",alt:"&#x2B1C;",descripton:"white large square"},{value:"&#x25FC;",alt:"&#x25FC;",descripton:"black medium square"},{value:"&#x25FB;",alt:"&#x25FB;",descripton:"white medium square"},{value:"&#x25FE;",alt:"&#x25FE;",descripton:"black medium-small square"},{value:"&#x25FD;",alt:"&#x25FD;",descripton:"white medium-small square"},{value:"&#x25AA;",alt:"&#x25AA;",descripton:"black small square"},{value:"&#x25AB;",alt:"&#x25AB;",descripton:"white small square"},{value:"&#x1F536;",alt:"&#x1F536;",descripton:"large orange diamond"},{value:"&#x1F537;",alt:"&#x1F537;",descripton:"large blue diamond"},{value:"&#x1F538;",alt:"&#x1F538;",descripton:"small orange diamond"},{value:"&#x1F539;",alt:"&#x1F539;",descripton:"small blue diamond"},{value:"&#x1F53A;",alt:"&#x1F53A;",descripton:"red triangle pointed up"},{value:"&#x1F53B;",alt:"&#x1F53B;",descripton:"red triangle pointed down"},{value:"&#x1F4A0;",alt:"&#x1F4A0;",descripton:"diamond with a dot"},{value:"&#x1F518;",alt:"&#x1F518;",descripton:"radio button"},{value:"&#x1F533;",alt:"&#x1F533;",descripton:"white square button"},{value:"&#x1F532;",alt:"&#x1F532;",descripton:"black square button"}],flags:[{value:"&#x1F3C1;",alt:"&#x1F3C1;",descripton:"chequered flag"},{value:"&#x1F6A9;",alt:"&#x1F6A9;",descripton:"triangular flag"},{value:"&#x1F38C;",alt:"&#x1F38C;",descripton:"crossed flags"},{value:"&#x1F3F4;",alt:"&#x1F3F4;",descripton:"black flag"},{value:"&#x1F3F3;",alt:"&#x1F3F3;",descripton:"white flag"}]},window.customElements.define(a.tag,a);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-symbol-picker.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-symbol-picker.dev.js
index fd6a65f18a6..680a34c4ad0 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-symbol-picker.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-picker/lib/dist/simple-symbol-picker.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleSymbolPicker=void 0;var e=require("lit-element/lit-element.js"),a=require("@lrnwebcomponents/simple-picker/simple-picker.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,a){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),l.push.apply(l,t)}return l}function _defineProperty(e,a,l){return a in e?Object.defineProperty(e,a,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[a]=l,e}function _templateObject_f29238c01f0511ed8cc3e9a95995ad69(){var e=function _taggedTemplateLiteral(e,a){a||(a=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(a)}}))}(["\n        simple-picker-option {\n          justify-content: space-around;\n        }\n        #icon {\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n      "]);return _templateObject_f29238c01f0511ed8cc3e9a95995ad69=function _templateObject_f29238c01f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var a=0,l=new Array(e.length);a<e.length;a++)l[a]=e[a];return l}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,a){return!a||"object"!==_typeof(a)&&"function"!=typeof a?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):a}function _defineProperties(e,a){for(var l=0;l<a.length;l++){var t=a[l];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}function _createClass(e,a,l){return a&&_defineProperties(e.prototype,a),l&&_defineProperties(e,l),e}function _setPrototypeOf(e,a){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,a){return e.__proto__=a,e},_setPrototypeOf(e,a)}function _get(e,a,l){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,a,l){var t=function _superPropBase(e,a){for(;!Object.prototype.hasOwnProperty.call(e,a)&&null!==(e=_getPrototypeOf(e)););return e}(e,a);if(t){var u=Object.getOwnPropertyDescriptor(t,a);return u.get?u.get.call(l):u.value}},_get(e,a,l||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var l=function(l){function SimpleSymbolPicker(){var e;return function _classCallCheck(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}(this,SimpleSymbolPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleSymbolPicker).call(this))).icon="editor:functions",e.label="Symbol",e.symbolTypes=["symbols","math","characters","greek","misc"],e.titleAsHtml=!0,e}return function _inherits(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),a&&_setPrototypeOf(e,a)}(SimpleSymbolPicker,a.SimplePicker),_createClass(SimpleSymbolPicker,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleSymbolPicker),"styles",this)),[(0,e.css)(_templateObject_f29238c01f0511ed8cc3e9a95995ad69())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var a=1;a<arguments.length;a++){var l=null!=arguments[a]?arguments[a]:{};a%2?ownKeys(l,!0).forEach((function(a){_defineProperty(e,a,l[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):ownKeys(l).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(l,a))}))}return e}({},_get(_getPrototypeOf(SimpleSymbolPicker),"properties",this),{symbolTypes:{name:"symbolTypes",type:Array,attribute:"symbol-types"}})}},{key:"tag",get:function get(){return"simple-symbol-picker"}}]),_createClass(SimpleSymbolPicker,[{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(SimpleSymbolPicker.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(SimpleSymbolPicker.prototype),"firstUpdated",this).call(this,e);var a=[{alt:null,icon:this.icon,value:null}];this.symbolTypes.forEach((function(e){return window.SimplePickerSymbols[e].forEach((function(e){return a.push(e)}))})),a=this._setPickerOptions(a),this.options=a}},{key:"_setPickerOptions",value:function _setPickerOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options||[],a=[],l=Math.sqrt(e.length)<11?Math.ceil(Math.sqrt(e.length)):10;return e.forEach((function(e,t){var u=Math.floor(t/l),r=t-u*l;a[u]||(a[u]=[]),a[u][r]=e})),a}},{key:"_setSelectedOption",value:function _setSelectedOption(){this.options.length>1&&_get(_getPrototypeOf(SimpleSymbolPicker.prototype),"_setSelectedOption",this).call(this)}}]),SimpleSymbolPicker}();exports.SimpleSymbolPicker=l,window.SimplePickerSymbols=window.SimplePickerSymbols||{symbols:[{value:"&iexcl;",alt:"&iexcl;"},{value:"&cent;",alt:"&cent;"},{value:"&pound;",alt:"&pound;"},{value:"&curren;",alt:"&curren;"},{value:"&yen;",alt:"&yen;"},{value:"&brvbar;",alt:"&brvbar;"},{value:"&sect;",alt:"&sect;"},{value:"&uml;",alt:"&uml;"},{value:"&copy;",alt:"&copy;"},{value:"&ordf;",alt:"&ordf;"},{value:"&laquo;",alt:"&laquo;"},{value:"&not;",alt:"&not;"},{value:"&shy;",alt:"&shy;"},{value:"&reg;",alt:"&reg;"},{value:"&macr;",alt:"&macr;"},{value:"&deg;",alt:"&deg;"},{value:"&plusmn;",alt:"&plusmn;"},{value:"&sup2;",alt:"&sup2;"},{value:"&sup3;",alt:"&sup3;"},{value:"&acute;",alt:"&acute;"},{value:"&micro;",alt:"&micro;"},{value:"&para;",alt:"&para;"},{value:"&cedil;",alt:"&cedil;"},{value:"&sup1;",alt:"&sup1;"},{value:"&ordm;",alt:"&ordm;"},{value:"&raquo;",alt:"&raquo;"},{value:"&frac14;",alt:"&frac14;"},{value:"&frac12;",alt:"&frac12;"},{value:"&frac34;",alt:"&frac34;"},{value:"&iquest;",alt:"&iquest;"},{value:"&times;",alt:"&times;"},{value:"&divide;",alt:"&divide;"}],math:[{value:"&forall;",alt:"&forall;"},{value:"&part;",alt:"&part;"},{value:"&exist;",alt:"&exist;"},{value:"&empty;",alt:"&empty;"},{value:"&nabla;",alt:"&nabla;"},{value:"&isin;",alt:"&isin;"},{value:"&notin;",alt:"&notin;"},{value:"&ni;",alt:"&ni;"},{value:"&prod;",alt:"&prod;"},{value:"&sum;",alt:"&sum;"},{value:"&minus;",alt:"&minus;"},{value:"&lowast;",alt:"&lowast;"},{value:"&radic;",alt:"&radic;"},{value:"&prop;",alt:"&prop;"},{value:"&infin;",alt:"&infin;"},{value:"&ang;",alt:"&ang;"},{value:"&and;",alt:"&and;"},{value:"&or;",alt:"&or;"},{value:"&cap;",alt:"&cap;"},{value:"&cup;",alt:"&cup;"},{value:"&int;",alt:"&int;"},{value:"&there4;",alt:"&there4;"},{value:"&sim;",alt:"&sim;"},{value:"&cong;",alt:"&cong;"},{value:"&asymp;",alt:"&asymp;"},{value:"&ne;",alt:"&ne;"},{value:"&equiv;",alt:"&equiv;"},{value:"&le;",alt:"&le;"},{value:"&ge;",alt:"&ge;"},{value:"&sub;",alt:"&sub;"},{value:"&sup;",alt:"&sup;"},{value:"&nsub;",alt:"&nsub;"},{value:"&sube;",alt:"&sube;"},{value:"&supe;",alt:"&supe;"},{value:"&oplus;",alt:"&oplus;"},{value:"&otimes;",alt:"&otimes;"},{value:"&perp;",alt:"&perp;"},{value:"&sdot;",alt:"&sdot;"}],characters:[{value:"&Agrave;",alt:"&Agrave;"},{value:"&Aacute;",alt:"&Aacute;"},{value:"&Acirc;",alt:"&Acirc;"},{value:"&Atilde;",alt:"&Atilde;"},{value:"&Auml;",alt:"&Auml;"},{value:"&Aring;",alt:"&Aring;"},{value:"&AElig;",alt:"&AElig;"},{value:"&Ccedil;",alt:"&Ccedil;"},{value:"&Egrave;",alt:"&Egrave;"},{value:"&Eacute;",alt:"&Eacute;"},{value:"&Ecirc;",alt:"&Ecirc;"},{value:"&Euml;",alt:"&Euml;"},{value:"&Igrave;",alt:"&Igrave;"},{value:"&Iacute;",alt:"&Iacute;"},{value:"&Icirc;",alt:"&Icirc;"},{value:"&Iuml;",alt:"&Iuml;"},{value:"&ETH;",alt:"&ETH;"},{value:"&Ntilde;",alt:"&Ntilde;"},{value:"&Ograve;",alt:"&Ograve;"},{value:"&Oacute;",alt:"&Oacute;"},{value:"&Ocirc;",alt:"&Ocirc;"},{value:"&Otilde;",alt:"&Otilde;"},{value:"&Ouml;",alt:"&Ouml;"},{value:"&Oslash;",alt:"&Oslash;"},{value:"&Ugrave;",alt:"&Ugrave;"},{value:"&Uacute;",alt:"&Uacute;"},{value:"&Ucirc;",alt:"&Ucirc;"},{value:"&Uuml;",alt:"&Uuml;"},{value:"&Yacute;",alt:"&Yacute;"},{value:"&THORN;",alt:"&THORN;"},{value:"&szlig;",alt:"&szlig;"},{value:"&agrave;",alt:"&agrave;"},{value:"&aacute;",alt:"&aacute;"},{value:"&acirc;",alt:"&acirc;"},{value:"&atilde;",alt:"&atilde;"},{value:"&auml;",alt:"&auml;"},{value:"&aring;",alt:"&aring;"},{value:"&aelig;",alt:"&aelig;"},{value:"&ccedil;",alt:"&ccedil;"},{value:"&egrave;",alt:"&egrave;"},{value:"&eacute;",alt:"&eacute;"},{value:"&ecirc;",alt:"&ecirc;"},{value:"&euml;",alt:"&euml;"},{value:"&igrave;",alt:"&igrave;"},{value:"&iacute;",alt:"&iacute;"},{value:"&icirc;",alt:"&icirc;"},{value:"&iuml;",alt:"&iuml;"},{value:"&eth;",alt:"&eth;"},{value:"&ntilde;",alt:"&ntilde;"},{value:"&ograve;",alt:"&ograve;"},{value:"&oacute;",alt:"&oacute;"},{value:"&ocirc;",alt:"&ocirc;"},{value:"&otilde;",alt:"&otilde;"},{value:"&ouml;",alt:"&ouml;"},{value:"&oslash;",alt:"&oslash;"},{value:"&ugrave;",alt:"&ugrave;"},{value:"&uacute;",alt:"&uacute;"},{value:"&ucirc;",alt:"&ucirc;"},{value:"&uuml;",alt:"&uuml;"},{value:"&yacute;",alt:"&yacute;"},{value:"&thorn;",alt:"&thorn;"},{value:"&yuml;",alt:"&yuml;"}],greek:[{value:"&Alpha;",alt:"&Alpha;"},{value:"&Beta;",alt:"&Beta;"},{value:"&Gamma;",alt:"&Gamma;"},{value:"&Delta;",alt:"&Delta;"},{value:"&Epsilon;",alt:"&Epsilon;"},{value:"&Zeta;",alt:"&Zeta;"},{value:"&Eta;",alt:"&Eta;"},{value:"&Theta;",alt:"&Theta;"},{value:"&Iota;",alt:"&Iota;"},{value:"&Kappa;",alt:"&Kappa;"},{value:"&Lambda;",alt:"&Lambda;"},{value:"&Mu;",alt:"&Mu;"},{value:"&Nu;",alt:"&Nu;"},{value:"&Xi;",alt:"&Xi;"},{value:"&Omicron;",alt:"&Omicron;"},{value:"&Pi;",alt:"&Pi;"},{value:"&Rho;",alt:"&Rho;"},{value:"&Sigma;",alt:"&Sigma;"},{value:"&Tau;",alt:"&Tau;"},{value:"&Upsilon;",alt:"&Upsilon;"},{value:"&Phi;",alt:"&Phi;"},{value:"&Chi;",alt:"&Chi;"},{value:"&Psi;",alt:"&Psi;"},{value:"&Omega;",alt:"&Omega;"},{value:"&alpha;",alt:"&alpha;"},{value:"&beta;",alt:"&beta;"},{value:"&gamma;",alt:"&gamma;"},{value:"&delta;",alt:"&delta;"},{value:"&epsilon;",alt:"&epsilon;"},{value:"&zeta;",alt:"&zeta;"},{value:"&eta;",alt:"&eta;"},{value:"&theta;",alt:"&theta;"},{value:"&iota;",alt:"&iota;"},{value:"&kappa;",alt:"&kappa;"},{value:"&lambda;",alt:"&lambda;"},{value:"&mu;",alt:"&mu;"},{value:"&nu;",alt:"&nu;"},{value:"&xi;",alt:"&xi;"},{value:"&omicron;",alt:"&omicron;"},{value:"&pi;",alt:"&pi;"},{value:"&rho;",alt:"&rho;"},{value:"&sigmaf;",alt:"&sigmaf;"},{value:"&sigma;",alt:"&sigma;"},{value:"&tau;",alt:"&tau;"},{value:"&upsilon;",alt:"&upsilon;"},{value:"&phi;",alt:"&phi;"},{value:"&chi;",alt:"&chi;"},{value:"&psi;",alt:"&psi;"},{value:"&omega;",alt:"&omega;"},{value:"&thetasym;",alt:"&thetasym;"},{value:"&upsih;",alt:"&upsih;"},{value:"&piv;",alt:"&piv;"},{value:"&otilde;",alt:"&otilde;"},{value:"&ouml;",alt:"&ouml;"},{value:"&oslash;",alt:"&oslash;"},{value:"&ugrave;",alt:"&ugrave;"},{value:"&uacute;",alt:"&uacute;"},{value:"&ucirc;",alt:"&ucirc;"},{value:"&uuml;",alt:"&uuml;"},{value:"&yacute;",alt:"&yacute;"},{value:"&thorn;",alt:"&thorn;"},{value:"&yuml;",alt:"&yuml;"}],misc:[{value:"&OElig;",alt:"&OElig;"},{value:"&oelig;",alt:"&oelig;"},{value:"&Scaron;",alt:"&Scaron;"},{value:"&scaron;",alt:"&scaron;"},{value:"&Yuml;",alt:"&Yuml;"},{value:"&fnof;",alt:"&fnof;"},{value:"&circ;",alt:"&circ;"},{value:"&tilde;",alt:"&tilde;"},{value:"&ensp;",alt:"&ensp;"},{value:"&emsp;",alt:"&emsp;"},{value:"&thinsp;",alt:"&thinsp;"},{value:"&zwnj;",alt:"&zwnj;"},{value:"&zwj;",alt:"&zwj;"},{value:"&lrm;",alt:"&lrm;"},{value:"&rlm;",alt:"&rlm;"},{value:"&ndash;",alt:"&ndash;"},{value:"&mdash;",alt:"&mdash;"},{value:"&lsquo;",alt:"&lsquo;"},{value:"&rsquo;",alt:"&rsquo;"},{value:"&sbquo;",alt:"&sbquo;"},{value:"&ldquo;",alt:"&ldquo;"},{value:"&rdquo;",alt:"&rdquo;"},{value:"&bdquo;",alt:"&bdquo;"},{value:"&dagger;",alt:"&dagger;"},{value:"&Dagger;",alt:"&Dagger;"},{value:"&bull;",alt:"&bull;"},{value:"&hellip;",alt:"&hellip;"},{value:"&permil;",alt:"&permil;"},{value:"&prime;",alt:"&prime;"},{value:"&Prime;",alt:"&Prime;"},{value:"&lsaquo;",alt:"&lsaquo;"},{value:"&rsaquo;",alt:"&rsaquo;"},{value:"&oline;",alt:"&oline;"},{value:"&euro;",alt:"&euro;"},{value:"&trade;",alt:"&trade;"},{value:"&larr;",alt:"&larr;"},{value:"&uarr;",alt:"&uarr;"},{value:"&rarr;",alt:"&rarr;"},{value:"&darr;",alt:"&darr;"},{value:"&harr;",alt:"&harr;"},{value:"&crarr;",alt:"&crarr;"},{value:"&lceil;",alt:"&lceil;"},{value:"&rceil;",alt:"&rceil;"},{value:"&lfloor;",alt:"&lfloor;"},{value:"&rfloor;",alt:"&rfloor;"},{value:"&loz;",alt:"&loz;"},{value:"&spades;",alt:"&spades;"},{value:"&clubs;",alt:"&clubs;"},{value:"&hearts;",alt:"&hearts;"},{value:"&diams;",alt:"&diams;"},{value:"&upsih;",alt:"&upsih;"},{value:"&piv;",alt:"&piv;"},{value:"&otilde;",alt:"&otilde;"},{value:"&ouml;",alt:"&ouml;"},{value:"&oslash;",alt:"&oslash;"},{value:"&ugrave;",alt:"&ugrave;"},{value:"&uacute;",alt:"&uacute;"},{value:"&ucirc;",alt:"&ucirc;"},{value:"&uuml;",alt:"&uuml;"},{value:"&yacute;",alt:"&yacute;"},{value:"&thorn;",alt:"&thorn;"},{value:"&yuml;",alt:"&yuml;"}]},window.customElements.define(l.tag,l);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleSymbolPicker=void 0;var e=require("lit-element/lit-element.js"),a=require("@lrnwebcomponents/simple-picker/simple-picker.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,a){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),l.push.apply(l,t)}return l}function _defineProperty(e,a,l){return a in e?Object.defineProperty(e,a,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[a]=l,e}function _templateObject_c9935e101f2611eda0c389891c227ec8(){var e=function _taggedTemplateLiteral(e,a){a||(a=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(a)}}))}(["\n        simple-picker-option {\n          justify-content: space-around;\n        }\n        #icon {\n          margin-left: calc(-0.125 * var(--simple-picker-icon-size, 16px));\n        }\n      "]);return _templateObject_c9935e101f2611eda0c389891c227ec8=function _templateObject_c9935e101f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var a=0,l=new Array(e.length);a<e.length;a++)l[a]=e[a];return l}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,a){return!a||"object"!==_typeof(a)&&"function"!=typeof a?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):a}function _defineProperties(e,a){for(var l=0;l<a.length;l++){var t=a[l];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}function _createClass(e,a,l){return a&&_defineProperties(e.prototype,a),l&&_defineProperties(e,l),e}function _setPrototypeOf(e,a){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,a){return e.__proto__=a,e},_setPrototypeOf(e,a)}function _get(e,a,l){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,a,l){var t=function _superPropBase(e,a){for(;!Object.prototype.hasOwnProperty.call(e,a)&&null!==(e=_getPrototypeOf(e)););return e}(e,a);if(t){var u=Object.getOwnPropertyDescriptor(t,a);return u.get?u.get.call(l):u.value}},_get(e,a,l||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var l=function(l){function SimpleSymbolPicker(){var e;return function _classCallCheck(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}(this,SimpleSymbolPicker),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleSymbolPicker).call(this))).icon="editor:functions",e.label="Symbol",e.symbolTypes=["symbols","math","characters","greek","misc"],e.titleAsHtml=!0,e}return function _inherits(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),a&&_setPrototypeOf(e,a)}(SimpleSymbolPicker,a.SimplePicker),_createClass(SimpleSymbolPicker,null,[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleSymbolPicker),"styles",this)),[(0,e.css)(_templateObject_c9935e101f2611eda0c389891c227ec8())])}},{key:"properties",get:function get(){return function _objectSpread(e){for(var a=1;a<arguments.length;a++){var l=null!=arguments[a]?arguments[a]:{};a%2?ownKeys(l,!0).forEach((function(a){_defineProperty(e,a,l[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):ownKeys(l).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(l,a))}))}return e}({},_get(_getPrototypeOf(SimpleSymbolPicker),"properties",this),{symbolTypes:{name:"symbolTypes",type:Array,attribute:"symbol-types"}})}},{key:"tag",get:function get(){return"simple-symbol-picker"}}]),_createClass(SimpleSymbolPicker,[{key:"firstUpdated",value:function firstUpdated(e){_get(_getPrototypeOf(SimpleSymbolPicker.prototype),"firstUpdated",this)&&_get(_getPrototypeOf(SimpleSymbolPicker.prototype),"firstUpdated",this).call(this,e);var a=[{alt:null,icon:this.icon,value:null}];this.symbolTypes.forEach((function(e){return window.SimplePickerSymbols[e].forEach((function(e){return a.push(e)}))})),a=this._setPickerOptions(a),this.options=a}},{key:"_setPickerOptions",value:function _setPickerOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options||[],a=[],l=Math.sqrt(e.length)<11?Math.ceil(Math.sqrt(e.length)):10;return e.forEach((function(e,t){var u=Math.floor(t/l),r=t-u*l;a[u]||(a[u]=[]),a[u][r]=e})),a}},{key:"_setSelectedOption",value:function _setSelectedOption(){this.options.length>1&&_get(_getPrototypeOf(SimpleSymbolPicker.prototype),"_setSelectedOption",this).call(this)}}]),SimpleSymbolPicker}();exports.SimpleSymbolPicker=l,window.SimplePickerSymbols=window.SimplePickerSymbols||{symbols:[{value:"&iexcl;",alt:"&iexcl;"},{value:"&cent;",alt:"&cent;"},{value:"&pound;",alt:"&pound;"},{value:"&curren;",alt:"&curren;"},{value:"&yen;",alt:"&yen;"},{value:"&brvbar;",alt:"&brvbar;"},{value:"&sect;",alt:"&sect;"},{value:"&uml;",alt:"&uml;"},{value:"&copy;",alt:"&copy;"},{value:"&ordf;",alt:"&ordf;"},{value:"&laquo;",alt:"&laquo;"},{value:"&not;",alt:"&not;"},{value:"&shy;",alt:"&shy;"},{value:"&reg;",alt:"&reg;"},{value:"&macr;",alt:"&macr;"},{value:"&deg;",alt:"&deg;"},{value:"&plusmn;",alt:"&plusmn;"},{value:"&sup2;",alt:"&sup2;"},{value:"&sup3;",alt:"&sup3;"},{value:"&acute;",alt:"&acute;"},{value:"&micro;",alt:"&micro;"},{value:"&para;",alt:"&para;"},{value:"&cedil;",alt:"&cedil;"},{value:"&sup1;",alt:"&sup1;"},{value:"&ordm;",alt:"&ordm;"},{value:"&raquo;",alt:"&raquo;"},{value:"&frac14;",alt:"&frac14;"},{value:"&frac12;",alt:"&frac12;"},{value:"&frac34;",alt:"&frac34;"},{value:"&iquest;",alt:"&iquest;"},{value:"&times;",alt:"&times;"},{value:"&divide;",alt:"&divide;"}],math:[{value:"&forall;",alt:"&forall;"},{value:"&part;",alt:"&part;"},{value:"&exist;",alt:"&exist;"},{value:"&empty;",alt:"&empty;"},{value:"&nabla;",alt:"&nabla;"},{value:"&isin;",alt:"&isin;"},{value:"&notin;",alt:"&notin;"},{value:"&ni;",alt:"&ni;"},{value:"&prod;",alt:"&prod;"},{value:"&sum;",alt:"&sum;"},{value:"&minus;",alt:"&minus;"},{value:"&lowast;",alt:"&lowast;"},{value:"&radic;",alt:"&radic;"},{value:"&prop;",alt:"&prop;"},{value:"&infin;",alt:"&infin;"},{value:"&ang;",alt:"&ang;"},{value:"&and;",alt:"&and;"},{value:"&or;",alt:"&or;"},{value:"&cap;",alt:"&cap;"},{value:"&cup;",alt:"&cup;"},{value:"&int;",alt:"&int;"},{value:"&there4;",alt:"&there4;"},{value:"&sim;",alt:"&sim;"},{value:"&cong;",alt:"&cong;"},{value:"&asymp;",alt:"&asymp;"},{value:"&ne;",alt:"&ne;"},{value:"&equiv;",alt:"&equiv;"},{value:"&le;",alt:"&le;"},{value:"&ge;",alt:"&ge;"},{value:"&sub;",alt:"&sub;"},{value:"&sup;",alt:"&sup;"},{value:"&nsub;",alt:"&nsub;"},{value:"&sube;",alt:"&sube;"},{value:"&supe;",alt:"&supe;"},{value:"&oplus;",alt:"&oplus;"},{value:"&otimes;",alt:"&otimes;"},{value:"&perp;",alt:"&perp;"},{value:"&sdot;",alt:"&sdot;"}],characters:[{value:"&Agrave;",alt:"&Agrave;"},{value:"&Aacute;",alt:"&Aacute;"},{value:"&Acirc;",alt:"&Acirc;"},{value:"&Atilde;",alt:"&Atilde;"},{value:"&Auml;",alt:"&Auml;"},{value:"&Aring;",alt:"&Aring;"},{value:"&AElig;",alt:"&AElig;"},{value:"&Ccedil;",alt:"&Ccedil;"},{value:"&Egrave;",alt:"&Egrave;"},{value:"&Eacute;",alt:"&Eacute;"},{value:"&Ecirc;",alt:"&Ecirc;"},{value:"&Euml;",alt:"&Euml;"},{value:"&Igrave;",alt:"&Igrave;"},{value:"&Iacute;",alt:"&Iacute;"},{value:"&Icirc;",alt:"&Icirc;"},{value:"&Iuml;",alt:"&Iuml;"},{value:"&ETH;",alt:"&ETH;"},{value:"&Ntilde;",alt:"&Ntilde;"},{value:"&Ograve;",alt:"&Ograve;"},{value:"&Oacute;",alt:"&Oacute;"},{value:"&Ocirc;",alt:"&Ocirc;"},{value:"&Otilde;",alt:"&Otilde;"},{value:"&Ouml;",alt:"&Ouml;"},{value:"&Oslash;",alt:"&Oslash;"},{value:"&Ugrave;",alt:"&Ugrave;"},{value:"&Uacute;",alt:"&Uacute;"},{value:"&Ucirc;",alt:"&Ucirc;"},{value:"&Uuml;",alt:"&Uuml;"},{value:"&Yacute;",alt:"&Yacute;"},{value:"&THORN;",alt:"&THORN;"},{value:"&szlig;",alt:"&szlig;"},{value:"&agrave;",alt:"&agrave;"},{value:"&aacute;",alt:"&aacute;"},{value:"&acirc;",alt:"&acirc;"},{value:"&atilde;",alt:"&atilde;"},{value:"&auml;",alt:"&auml;"},{value:"&aring;",alt:"&aring;"},{value:"&aelig;",alt:"&aelig;"},{value:"&ccedil;",alt:"&ccedil;"},{value:"&egrave;",alt:"&egrave;"},{value:"&eacute;",alt:"&eacute;"},{value:"&ecirc;",alt:"&ecirc;"},{value:"&euml;",alt:"&euml;"},{value:"&igrave;",alt:"&igrave;"},{value:"&iacute;",alt:"&iacute;"},{value:"&icirc;",alt:"&icirc;"},{value:"&iuml;",alt:"&iuml;"},{value:"&eth;",alt:"&eth;"},{value:"&ntilde;",alt:"&ntilde;"},{value:"&ograve;",alt:"&ograve;"},{value:"&oacute;",alt:"&oacute;"},{value:"&ocirc;",alt:"&ocirc;"},{value:"&otilde;",alt:"&otilde;"},{value:"&ouml;",alt:"&ouml;"},{value:"&oslash;",alt:"&oslash;"},{value:"&ugrave;",alt:"&ugrave;"},{value:"&uacute;",alt:"&uacute;"},{value:"&ucirc;",alt:"&ucirc;"},{value:"&uuml;",alt:"&uuml;"},{value:"&yacute;",alt:"&yacute;"},{value:"&thorn;",alt:"&thorn;"},{value:"&yuml;",alt:"&yuml;"}],greek:[{value:"&Alpha;",alt:"&Alpha;"},{value:"&Beta;",alt:"&Beta;"},{value:"&Gamma;",alt:"&Gamma;"},{value:"&Delta;",alt:"&Delta;"},{value:"&Epsilon;",alt:"&Epsilon;"},{value:"&Zeta;",alt:"&Zeta;"},{value:"&Eta;",alt:"&Eta;"},{value:"&Theta;",alt:"&Theta;"},{value:"&Iota;",alt:"&Iota;"},{value:"&Kappa;",alt:"&Kappa;"},{value:"&Lambda;",alt:"&Lambda;"},{value:"&Mu;",alt:"&Mu;"},{value:"&Nu;",alt:"&Nu;"},{value:"&Xi;",alt:"&Xi;"},{value:"&Omicron;",alt:"&Omicron;"},{value:"&Pi;",alt:"&Pi;"},{value:"&Rho;",alt:"&Rho;"},{value:"&Sigma;",alt:"&Sigma;"},{value:"&Tau;",alt:"&Tau;"},{value:"&Upsilon;",alt:"&Upsilon;"},{value:"&Phi;",alt:"&Phi;"},{value:"&Chi;",alt:"&Chi;"},{value:"&Psi;",alt:"&Psi;"},{value:"&Omega;",alt:"&Omega;"},{value:"&alpha;",alt:"&alpha;"},{value:"&beta;",alt:"&beta;"},{value:"&gamma;",alt:"&gamma;"},{value:"&delta;",alt:"&delta;"},{value:"&epsilon;",alt:"&epsilon;"},{value:"&zeta;",alt:"&zeta;"},{value:"&eta;",alt:"&eta;"},{value:"&theta;",alt:"&theta;"},{value:"&iota;",alt:"&iota;"},{value:"&kappa;",alt:"&kappa;"},{value:"&lambda;",alt:"&lambda;"},{value:"&mu;",alt:"&mu;"},{value:"&nu;",alt:"&nu;"},{value:"&xi;",alt:"&xi;"},{value:"&omicron;",alt:"&omicron;"},{value:"&pi;",alt:"&pi;"},{value:"&rho;",alt:"&rho;"},{value:"&sigmaf;",alt:"&sigmaf;"},{value:"&sigma;",alt:"&sigma;"},{value:"&tau;",alt:"&tau;"},{value:"&upsilon;",alt:"&upsilon;"},{value:"&phi;",alt:"&phi;"},{value:"&chi;",alt:"&chi;"},{value:"&psi;",alt:"&psi;"},{value:"&omega;",alt:"&omega;"},{value:"&thetasym;",alt:"&thetasym;"},{value:"&upsih;",alt:"&upsih;"},{value:"&piv;",alt:"&piv;"},{value:"&otilde;",alt:"&otilde;"},{value:"&ouml;",alt:"&ouml;"},{value:"&oslash;",alt:"&oslash;"},{value:"&ugrave;",alt:"&ugrave;"},{value:"&uacute;",alt:"&uacute;"},{value:"&ucirc;",alt:"&ucirc;"},{value:"&uuml;",alt:"&uuml;"},{value:"&yacute;",alt:"&yacute;"},{value:"&thorn;",alt:"&thorn;"},{value:"&yuml;",alt:"&yuml;"}],misc:[{value:"&OElig;",alt:"&OElig;"},{value:"&oelig;",alt:"&oelig;"},{value:"&Scaron;",alt:"&Scaron;"},{value:"&scaron;",alt:"&scaron;"},{value:"&Yuml;",alt:"&Yuml;"},{value:"&fnof;",alt:"&fnof;"},{value:"&circ;",alt:"&circ;"},{value:"&tilde;",alt:"&tilde;"},{value:"&ensp;",alt:"&ensp;"},{value:"&emsp;",alt:"&emsp;"},{value:"&thinsp;",alt:"&thinsp;"},{value:"&zwnj;",alt:"&zwnj;"},{value:"&zwj;",alt:"&zwj;"},{value:"&lrm;",alt:"&lrm;"},{value:"&rlm;",alt:"&rlm;"},{value:"&ndash;",alt:"&ndash;"},{value:"&mdash;",alt:"&mdash;"},{value:"&lsquo;",alt:"&lsquo;"},{value:"&rsquo;",alt:"&rsquo;"},{value:"&sbquo;",alt:"&sbquo;"},{value:"&ldquo;",alt:"&ldquo;"},{value:"&rdquo;",alt:"&rdquo;"},{value:"&bdquo;",alt:"&bdquo;"},{value:"&dagger;",alt:"&dagger;"},{value:"&Dagger;",alt:"&Dagger;"},{value:"&bull;",alt:"&bull;"},{value:"&hellip;",alt:"&hellip;"},{value:"&permil;",alt:"&permil;"},{value:"&prime;",alt:"&prime;"},{value:"&Prime;",alt:"&Prime;"},{value:"&lsaquo;",alt:"&lsaquo;"},{value:"&rsaquo;",alt:"&rsaquo;"},{value:"&oline;",alt:"&oline;"},{value:"&euro;",alt:"&euro;"},{value:"&trade;",alt:"&trade;"},{value:"&larr;",alt:"&larr;"},{value:"&uarr;",alt:"&uarr;"},{value:"&rarr;",alt:"&rarr;"},{value:"&darr;",alt:"&darr;"},{value:"&harr;",alt:"&harr;"},{value:"&crarr;",alt:"&crarr;"},{value:"&lceil;",alt:"&lceil;"},{value:"&rceil;",alt:"&rceil;"},{value:"&lfloor;",alt:"&lfloor;"},{value:"&rfloor;",alt:"&rfloor;"},{value:"&loz;",alt:"&loz;"},{value:"&spades;",alt:"&spades;"},{value:"&clubs;",alt:"&clubs;"},{value:"&hearts;",alt:"&hearts;"},{value:"&diams;",alt:"&diams;"},{value:"&upsih;",alt:"&upsih;"},{value:"&piv;",alt:"&piv;"},{value:"&otilde;",alt:"&otilde;"},{value:"&ouml;",alt:"&ouml;"},{value:"&oslash;",alt:"&oslash;"},{value:"&ugrave;",alt:"&ugrave;"},{value:"&uacute;",alt:"&uacute;"},{value:"&ucirc;",alt:"&ucirc;"},{value:"&uuml;",alt:"&uuml;"},{value:"&yacute;",alt:"&yacute;"},{value:"&thorn;",alt:"&thorn;"},{value:"&yuml;",alt:"&yuml;"}]},window.customElements.define(l.tag,l);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-popover-manager.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-popover-manager.dev.js
index 5cb518d429e..bbde61f605d 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-popover-manager.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-popover-manager.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimplePopoverManager=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_f2940d801f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        simple-popover {\n          font-family: var(--simple-tour-font-family, unset);\n          font-size: var(--simple-tour-font-size, 14px);\n          max-width: var(--simple-popover-manager-max-width, 200px);\n          min-width: var(--simple-popover-manager-min-width, 200px);\n          display: flex;\n          --simple-popover-padding: 0;\n          --simple-icon-button-border: 1px solid\n            var(--simple-tour-border-color, #ddd);\n          --simple-icon-button-border-radius: 3px;\n        }\n        simple-popover[hidden] {\n          display: none !important;\n        }\n        .heading {\n          font-size: var(--simple-tour-titlebar-font-size, 14px);\n          flex: 0 0 auto;\n          background-color: var(\n            --simple-tour-titlebar-background-color,\n            #f0f4f8\n          );\n          border-bottom: 1px solid var(--simple-tour-border-color, #ddd);\n          line-height: 130%;\n          padding: var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-lg, 10px);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          position: sticky;\n          top: 0;\n        }\n        .body {\n          flex: 1 1 auto;\n          padding: var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-lg, 10px);\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        .nav {\n          flex: 0 0 auto;\n          margin: 0;\n          padding: 0;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          position: sticky;\n          bottom: 0;\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        ::slotted(.title) {\n          font-size: var(--simple-tour-titlebar-font-size, 14px);\n          margin: 0 calc(2 * var(--simple-tour-padding-sm, 2px)) 0 0;\n          line-height: 100%;\n        }\n        ::slotted(.subheading) {\n          font-size: var(--simple-tour-subheading-font-size, 16px);\n        }\n        ::slotted([slot="body"]) {\n          margin: var(--simple-tour-padding-sm, 2px) 0;\n        }\n        ::slotted(simple-icon-button-lite) {\n          flex: 1 1 auto;\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        ::slotted(simple-icon-button-lite[slot="heading"]) {\n          flex: 0 0 auto;\n        }\n        ::slotted(simple-icon-button-lite:focus-within),\n        ::slotted(simple-icon-button-lite:hover) {\n          --simple-icon-button-border: 1px solid #000;\n        }\n      ']);return _templateObject2_f2940d801f0511ed8cc3e9a95995ad69=function _templateObject2_f2940d801f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_f2940d801f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <simple-popover\n        auto\n        part="simple-popover"\n        ?hidden="','"\n        position="','"\n      >\n        <div class="heading" part="simple-popover-heading">\n          <slot name="heading"></slot>\n        </div>\n        <div class="body" part="simple-popover-body">\n          <slot name="body"></slot>\n        </div>\n        <div class="nav" part="simple-popover-nav">\n          <slot name="nav"></slot>\n        </div>\n      </simple-popover>\n    ']);return _templateObject_f2940d801f0511ed8cc3e9a95995ad69=function _templateObject_f2940d801f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("../simple-popover.js");var t=function(t){function SimplePopoverManager(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimplePopoverManager),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimplePopoverManager).call(this))).popover=null,e.opened=!1,e.context=null,e.orientation="tb",e.position="bottom",e.__ignore=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimplePopoverManager,e.LitElement),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(SimplePopoverManager,[{key:"render",value:function render(){return(0,e.html)(_templateObject_f2940d801f0511ed8cc3e9a95995ad69(),!this.opened,this.position)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,o){["opened","position","orientation"].includes(o)&&(clearTimeout(t.timer),t.timer=setTimeout((function(){t.popover.updatePosition()}),0))}))}},{key:"setPopover",value:function setPopover(e,t){var o=this,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"tb",r=arguments.length>4?arguments[4]:void 0;if(this.__ignore)this.__ignore=!1,setTimeout((function(){o.popover.updatePosition()}),100);else{var p;t!==this.popover.target&&(this.context&&this.context.managerReset&&e!==this.context&&(this.context.managerReset(),this.__ignore=!0),this.context=e,this.setAttribute("mode",r||""),this.popover.target=null,this.popover.target=t);var a=t.getBoundingClientRect();p="tb"==i?a.y>window.innerHeight/2?"top":"bottom":a.x>window.innerWidth/2?"left":"right",this.orientation=i,this.position=p,null!=n&&(this.opened=n)}}},{key:"firstUpdated",value:function firstUpdated(){this.popover=this.shadowRoot.querySelector("simple-popover")}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_f2940d801f0511ed8cc3e9a95995ad69())]}},{key:"properties",get:function get(){return{position:{type:String},opened:{type:Boolean},orientation:{type:String}}}}]),SimplePopoverManager}();exports.SimplePopoverManager=t,customElements.define("simple-popover-manager",t),window.SimplePopoverManager=window.SimplePopoverManager||{},window.SimplePopoverManager.requestAvailability=function(){return window.SimplePopoverManager.instance||(window.SimplePopoverManager.instance=document.createElement("simple-popover-manager"),document.body.appendChild(window.SimplePopoverManager.instance)),window.SimplePopoverManager.instance},window.SimplePopoverManager.requestAvailability();
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimplePopoverManager=void 0;var e=require("lit");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c9950bc01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        simple-popover {\n          font-family: var(--simple-tour-font-family, unset);\n          font-size: var(--simple-tour-font-size, 14px);\n          max-width: var(--simple-popover-manager-max-width, 200px);\n          min-width: var(--simple-popover-manager-min-width, 200px);\n          display: flex;\n          --simple-popover-padding: 0;\n          --simple-icon-button-border: 1px solid\n            var(--simple-tour-border-color, #ddd);\n          --simple-icon-button-border-radius: 3px;\n        }\n        simple-popover[hidden] {\n          display: none !important;\n        }\n        .heading {\n          font-size: var(--simple-tour-titlebar-font-size, 14px);\n          flex: 0 0 auto;\n          background-color: var(\n            --simple-tour-titlebar-background-color,\n            #f0f4f8\n          );\n          border-bottom: 1px solid var(--simple-tour-border-color, #ddd);\n          line-height: 130%;\n          padding: var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-lg, 10px);\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          position: sticky;\n          top: 0;\n        }\n        .body {\n          flex: 1 1 auto;\n          padding: var(--simple-tour-padding-sm, 2px)\n            var(--simple-tour-padding-lg, 10px);\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        .nav {\n          flex: 0 0 auto;\n          margin: 0;\n          padding: 0;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          position: sticky;\n          bottom: 0;\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        ::slotted(.title) {\n          font-size: var(--simple-tour-titlebar-font-size, 14px);\n          margin: 0 calc(2 * var(--simple-tour-padding-sm, 2px)) 0 0;\n          line-height: 100%;\n        }\n        ::slotted(.subheading) {\n          font-size: var(--simple-tour-subheading-font-size, 16px);\n        }\n        ::slotted([slot="body"]) {\n          margin: var(--simple-tour-padding-sm, 2px) 0;\n        }\n        ::slotted(simple-icon-button-lite) {\n          flex: 1 1 auto;\n          background-color: var(--simple-tour-background-color, #fff);\n        }\n        ::slotted(simple-icon-button-lite[slot="heading"]) {\n          flex: 0 0 auto;\n        }\n        ::slotted(simple-icon-button-lite:focus-within),\n        ::slotted(simple-icon-button-lite:hover) {\n          --simple-icon-button-border: 1px solid #000;\n        }\n      ']);return _templateObject2_c9950bc01f2611eda0c389891c227ec8=function _templateObject2_c9950bc01f2611eda0c389891c227ec8(){return e},e}function _templateObject_c9950bc01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <simple-popover\n        auto\n        part="simple-popover"\n        ?hidden="','"\n        position="','"\n      >\n        <div class="heading" part="simple-popover-heading">\n          <slot name="heading"></slot>\n        </div>\n        <div class="body" part="simple-popover-body">\n          <slot name="body"></slot>\n        </div>\n        <div class="nav" part="simple-popover-nav">\n          <slot name="nav"></slot>\n        </div>\n      </simple-popover>\n    ']);return _templateObject_c9950bc01f2611eda0c389891c227ec8=function _templateObject_c9950bc01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("../simple-popover.js");var t=function(t){function SimplePopoverManager(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimplePopoverManager),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimplePopoverManager).call(this))).popover=null,e.opened=!1,e.context=null,e.orientation="tb",e.position="bottom",e.__ignore=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimplePopoverManager,e.LitElement),function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}(SimplePopoverManager,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c9950bc01f2611eda0c389891c227ec8(),!this.opened,this.position)}},{key:"updated",value:function updated(e){var t=this;e.forEach((function(e,o){["opened","position","orientation"].includes(o)&&(clearTimeout(t.timer),t.timer=setTimeout((function(){t.popover.updatePosition()}),0))}))}},{key:"setPopover",value:function setPopover(e,t){var o=this,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"tb",r=arguments.length>4?arguments[4]:void 0;if(this.__ignore)this.__ignore=!1,setTimeout((function(){o.popover.updatePosition()}),100);else{var p;t!==this.popover.target&&(this.context&&this.context.managerReset&&e!==this.context&&(this.context.managerReset(),this.__ignore=!0),this.context=e,this.setAttribute("mode",r||""),this.popover.target=null,this.popover.target=t);var a=t.getBoundingClientRect();p="tb"==i?a.y>window.innerHeight/2?"top":"bottom":a.x>window.innerWidth/2?"left":"right",this.orientation=i,this.position=p,null!=n&&(this.opened=n)}}},{key:"firstUpdated",value:function firstUpdated(){this.popover=this.shadowRoot.querySelector("simple-popover")}}],[{key:"styles",get:function get(){return[(0,e.css)(_templateObject2_c9950bc01f2611eda0c389891c227ec8())]}},{key:"properties",get:function get(){return{position:{type:String},opened:{type:Boolean},orientation:{type:String}}}}]),SimplePopoverManager}();exports.SimplePopoverManager=t,customElements.define("simple-popover-manager",t),window.SimplePopoverManager=window.SimplePopoverManager||{},window.SimplePopoverManager.requestAvailability=function(){return window.SimplePopoverManager.instance||(window.SimplePopoverManager.instance=document.createElement("simple-popover-manager"),document.body.appendChild(window.SimplePopoverManager.instance)),window.SimplePopoverManager.instance},window.SimplePopoverManager.requestAvailability();
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-tour.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-tour.dev.js
index aba1f637589..cf42becb1b0 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-tour.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-popover/lib/dist/simple-tour.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleTourManager=exports.TourStop=exports.SimpleTour=void 0;var t=require("lit"),e=require("lit"),o=require("lit/directives/unsafe-html.js");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _templateObject2_f29594201f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(["",'\n          <h2 class="subheading" slot="body">\n            ',"\n          </h2>\n          ","",""]);return _templateObject2_f29594201f0511ed8cc3e9a95995ad69=function _templateObject2_f29594201f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject_f29594201f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(['<h1 class="title" slot="heading">\n        ',',\n        <span class="xofy"\n          >',"/",'</span\n        >\n      </h1>\n      <simple-icon-button-lite\n        id="close"\n        slot="heading"\n        @click="','"\n        label="Stop Tour"\n        icon="close"\n      >\n      </simple-icon-button-lite>\n      <simple-icon-button-lite\n        id="prev"\n        slot="nav"\n        @click="','"\n        ?disabled="','"\n        label="Prev"\n        icon="arrow-back"\n        show-text-label\n      >\n      </simple-icon-button-lite>\n      <simple-tooltip for="prev" position="top" slot="nav">\n        Previous Item\n      </simple-tooltip>\n      <simple-icon-button-lite\n        id="next"\n        slot="nav"\n        @click="','"\n        ?disabled="','"\n        label="Next"\n        icon="arrow-forward"\n        show-text-label\n      >\n      </simple-icon-button-lite>\n      <simple-tooltip for="close" slot="body"> Stop Tour </simple-tooltip>\n      <simple-tooltip for="next" position="top" slot="nav">\n        Next Item\n      </simple-tooltip>']);return _templateObject_f29594201f0511ed8cc3e9a95995ad69=function _templateObject_f29594201f0511ed8cc3e9a95995ad69(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties(t,e){for(var o=0;o<e.length;o++){var i=e[o];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}require("@lrnwebcomponents/simple-toolbar/simple-toolbar.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js"),require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js"),require("./simple-popover-manager.js");var i=function(i){function SimpleTour(){var t;return _classCallCheck(this,SimpleTour),(t=function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?_assertThisInitialized(t):e}(this,_getPrototypeOf(SimpleTour).call(this))).stacks={},t.orientation="lr",t.active=null,t.tourInfo={},t.activeElementDelay=500,t.stop=-1,window.addEventListener("simple-tour-register",t.registerNewTourEvent.bind(_assertThisInitialized(t))),window.addEventListener("simple-tour-create-tour-stop",t.createTourStopEvent.bind(_assertThisInitialized(t))),t}return function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}(SimpleTour,t.LitElement),function _createClass(t,e,o){return e&&_defineProperties(t.prototype,e),o&&_defineProperties(t,o),t}(SimpleTour,[{key:"registerNewTourEvent",value:function registerNewTourEvent(t){this.registerNewTour(t.detail)}},{key:"registerNewTour",value:function registerNewTour(t){return this.stacks[t.key]||(this.stacks[t.key]=[]),this.tourInfo[t.key]||(this.tourInfo[t.key]=t),this.stacks[t.key]}},{key:"createTourStopEvent",value:function createTourStopEvent(t){this.createTourStop(t.detail.name,t.detail.target,t.detail.title,t.detail.description,t.detail.mode)}},{key:"createTourStop",value:function createTourStop(t,e,o,i,r){var s=new n;return s.target=e,s.title=o,s.description=i,s.mode=r,this.addStops(t,[s]),s}},{key:"removeTarget",value:function removeTarget(t,e){var o=this,i=[];this.stacks[t].forEach((function(t,o){t.target===e&&i.push(o)})),i.forEach((function(e){o.stacks[t].splice(e,1)}))}},{key:"addStops",value:function addStops(t,e){this.stacks[t]||(this.stacks[t]=[]),this.stacks[t]=this.stacks[t].concat(e)}},{key:"hasNext",value:function hasNext(){return this.stop<this.stacks[this.active].length-1}},{key:"hasPrev",value:function hasPrev(){return this.stop>0}},{key:"nextStop",value:function nextStop(t){this.stop<this.stacks[this.active].length-1&&(this.stop+=1)}},{key:"prevStop",value:function prevStop(t){this.stop>0&&(this.stop-=1)}},{key:"startTour",value:function startTour(t){this.active=t,this.dispatchEvent(new CustomEvent("tour-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"stopTour",value:function stopTour(t){window.SimplePopoverManager.requestAvailability().setPopover(this,this,!1,this.orientation),this.stop=-1,this.active=null,this.dispatchEvent(new CustomEvent("tour-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"tourButtons",value:function tourButtons(){return(0,t.html)(_templateObject_f29594201f0511ed8cc3e9a95995ad69(),this.tourInfo[this.active].name,this.stop+1,this.stacks[this.active].length,this.stopTour.bind(this),this.prevStop.bind(this),!this.hasPrev(),this.nextStop.bind(this),!this.hasNext())}},{key:"scrollHere",value:function scrollHere(t){"function"==typeof t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded(!0):t.scrollIntoView({behavior:"smooth",inline:"center"})}},{key:"managerReset",value:function managerReset(){this.stopTour()}},{key:"updated",value:function updated(i){var n=this;i.forEach((function(i,r){if("active"==r&&n.active&&(n.stop=0),"stop"==r&&-1!=n.stop||"active"==r&&n.active){(0,e.render)(document.createElement("div"),window.SimplePopoverManager.requestAvailability());var s=(0,t.html)(_templateObject2_f29594201f0511ed8cc3e9a95995ad69(),n.tourButtons(),(0,o.unsafeHTML)("<span>"+n.stacks[n.active][n.stop].title+"</span>"),(0,o.unsafeHTML)('<p slot="body">'+n.stacks[n.active][n.stop].description+"</p>"),n.tourInfo[n.active].style?(0,o.unsafeHTML)("<style>"+n.tourInfo[n.active].style+"</style>"):"");(0,e.render)(s,window.SimplePopoverManager.requestAvailability()),window.SimplePopoverManager.requestAvailability().setPopover(n,n.stacks[n.active][n.stop].target,!0,n.orientation,n.active),n.scrollHere(n.stacks[n.active][n.stop].target);var a=n.stacks[n.active][n.stop].target,l=n.stacks[n.active][n.stop].target.getAttribute("part");a.setAttribute("part","simple-tour-active"),setTimeout((function(){null==l||"simple-tour-active"==l?a.removeAttribute("part"):a.setAttribute("part",l)}),n.activeElementDelay)}}))}}],[{key:"properties",get:function get(){return{stop:{type:Number},active:{type:String},stacks:{type:Object},activeElementDelay:{type:Number}}}}]),SimpleTour}();exports.SimpleTour=i;var n=function TourStop(){_classCallCheck(this,TourStop),this.target=null,this.title="Title",this.description="<p>Description</p>"};exports.TourStop=n,customElements.define("simple-tour",i),window.SimpleTourManager=window.SimpleTourManager||{},window.SimpleTourManager.requestAvailability=function(){return window.SimpleTourManager.instance||(window.SimpleTourManager.instance=document.createElement("simple-tour"),document.body.appendChild(window.SimpleTourManager.instance)),window.SimpleTourManager.instance};var r=window.SimpleTourManager.requestAvailability();exports.SimpleTourManager=r;
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleTourManager=exports.TourStop=exports.SimpleTour=void 0;var t=require("lit"),e=require("lit"),o=require("lit/directives/unsafe-html.js");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _templateObject2_c99692601f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["",'\n          <h2 class="subheading" slot="body">\n            ',"\n          </h2>\n          ","",""]);return _templateObject2_c99692601f2611eda0c389891c227ec8=function _templateObject2_c99692601f2611eda0c389891c227ec8(){return t},t}function _templateObject_c99692601f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['<h1 class="title" slot="heading">\n        ',',\n        <span class="xofy"\n          >',"/",'</span\n        >\n      </h1>\n      <simple-icon-button-lite\n        id="close"\n        slot="heading"\n        @click="','"\n        label="Stop Tour"\n        icon="close"\n      >\n      </simple-icon-button-lite>\n      <simple-icon-button-lite\n        id="prev"\n        slot="nav"\n        @click="','"\n        ?disabled="','"\n        label="Prev"\n        icon="arrow-back"\n        show-text-label\n      >\n      </simple-icon-button-lite>\n      <simple-tooltip for="prev" position="top" slot="nav">\n        Previous Item\n      </simple-tooltip>\n      <simple-icon-button-lite\n        id="next"\n        slot="nav"\n        @click="','"\n        ?disabled="','"\n        label="Next"\n        icon="arrow-forward"\n        show-text-label\n      >\n      </simple-icon-button-lite>\n      <simple-tooltip for="close" slot="body"> Stop Tour </simple-tooltip>\n      <simple-tooltip for="next" position="top" slot="nav">\n        Next Item\n      </simple-tooltip>']);return _templateObject_c99692601f2611eda0c389891c227ec8=function _templateObject_c99692601f2611eda0c389891c227ec8(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties(t,e){for(var o=0;o<e.length;o++){var i=e[o];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}require("@lrnwebcomponents/simple-toolbar/simple-toolbar.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icon-button-lite.js"),require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js"),require("./simple-popover-manager.js");var i=function(i){function SimpleTour(){var t;return _classCallCheck(this,SimpleTour),(t=function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?_assertThisInitialized(t):e}(this,_getPrototypeOf(SimpleTour).call(this))).stacks={},t.orientation="lr",t.active=null,t.tourInfo={},t.activeElementDelay=500,t.stop=-1,window.addEventListener("simple-tour-register",t.registerNewTourEvent.bind(_assertThisInitialized(t))),window.addEventListener("simple-tour-create-tour-stop",t.createTourStopEvent.bind(_assertThisInitialized(t))),t}return function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}(SimpleTour,t.LitElement),function _createClass(t,e,o){return e&&_defineProperties(t.prototype,e),o&&_defineProperties(t,o),t}(SimpleTour,[{key:"registerNewTourEvent",value:function registerNewTourEvent(t){this.registerNewTour(t.detail)}},{key:"registerNewTour",value:function registerNewTour(t){return this.stacks[t.key]||(this.stacks[t.key]=[]),this.tourInfo[t.key]||(this.tourInfo[t.key]=t),this.stacks[t.key]}},{key:"createTourStopEvent",value:function createTourStopEvent(t){this.createTourStop(t.detail.name,t.detail.target,t.detail.title,t.detail.description,t.detail.mode)}},{key:"createTourStop",value:function createTourStop(t,e,o,i,r){var s=new n;return s.target=e,s.title=o,s.description=i,s.mode=r,this.addStops(t,[s]),s}},{key:"removeTarget",value:function removeTarget(t,e){var o=this,i=[];this.stacks[t].forEach((function(t,o){t.target===e&&i.push(o)})),i.forEach((function(e){o.stacks[t].splice(e,1)}))}},{key:"addStops",value:function addStops(t,e){this.stacks[t]||(this.stacks[t]=[]),this.stacks[t]=this.stacks[t].concat(e)}},{key:"hasNext",value:function hasNext(){return this.stop<this.stacks[this.active].length-1}},{key:"hasPrev",value:function hasPrev(){return this.stop>0}},{key:"nextStop",value:function nextStop(t){this.stop<this.stacks[this.active].length-1&&(this.stop+=1)}},{key:"prevStop",value:function prevStop(t){this.stop>0&&(this.stop-=1)}},{key:"startTour",value:function startTour(t){this.active=t,this.dispatchEvent(new CustomEvent("tour-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"stopTour",value:function stopTour(t){window.SimplePopoverManager.requestAvailability().setPopover(this,this,!1,this.orientation),this.stop=-1,this.active=null,this.dispatchEvent(new CustomEvent("tour-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"tourButtons",value:function tourButtons(){return(0,t.html)(_templateObject_c99692601f2611eda0c389891c227ec8(),this.tourInfo[this.active].name,this.stop+1,this.stacks[this.active].length,this.stopTour.bind(this),this.prevStop.bind(this),!this.hasPrev(),this.nextStop.bind(this),!this.hasNext())}},{key:"scrollHere",value:function scrollHere(t){"function"==typeof t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded(!0):t.scrollIntoView({behavior:"smooth",inline:"center"})}},{key:"managerReset",value:function managerReset(){this.stopTour()}},{key:"updated",value:function updated(i){var n=this;i.forEach((function(i,r){if("active"==r&&n.active&&(n.stop=0),"stop"==r&&-1!=n.stop||"active"==r&&n.active){(0,e.render)(document.createElement("div"),window.SimplePopoverManager.requestAvailability());var s=(0,t.html)(_templateObject2_c99692601f2611eda0c389891c227ec8(),n.tourButtons(),(0,o.unsafeHTML)("<span>"+n.stacks[n.active][n.stop].title+"</span>"),(0,o.unsafeHTML)('<p slot="body">'+n.stacks[n.active][n.stop].description+"</p>"),n.tourInfo[n.active].style?(0,o.unsafeHTML)("<style>"+n.tourInfo[n.active].style+"</style>"):"");(0,e.render)(s,window.SimplePopoverManager.requestAvailability()),window.SimplePopoverManager.requestAvailability().setPopover(n,n.stacks[n.active][n.stop].target,!0,n.orientation,n.active),n.scrollHere(n.stacks[n.active][n.stop].target);var a=n.stacks[n.active][n.stop].target,l=n.stacks[n.active][n.stop].target.getAttribute("part");a.setAttribute("part","simple-tour-active"),setTimeout((function(){null==l||"simple-tour-active"==l?a.removeAttribute("part"):a.setAttribute("part",l)}),n.activeElementDelay)}}))}}],[{key:"properties",get:function get(){return{stop:{type:Number},active:{type:String},stacks:{type:Object},activeElementDelay:{type:Number}}}}]),SimpleTour}();exports.SimpleTour=i;var n=function TourStop(){_classCallCheck(this,TourStop),this.target=null,this.title="Title",this.description="<p>Description</p>"};exports.TourStop=n,customElements.define("simple-tour",i),window.SimpleTourManager=window.SimpleTourManager||{},window.SimpleTourManager.requestAvailability=function(){return window.SimpleTourManager.instance||(window.SimpleTourManager.instance=document.createElement("simple-tour"),document.body.appendChild(window.SimpleTourManager.instance)),window.SimpleTourManager.instance};var r=window.SimpleTourManager.requestAvailability();exports.SimpleTourManager=r;
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-button-grid.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-button-grid.dev.js
index 68575e24100..be32feac93d 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-button-grid.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-button-grid.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleButtonGridBehaviors=exports.SimpleButtonGrid=void 0;var t=require("lit"),e=require("../simple-toolbar.js");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function _defineProperty(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function _templateObject2_f297de101f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(["\n          :host {\n            padding: 0;\n            margin: 0;\n            max-width: 100%;\n            display: flex;\n            overflow: hidden;\n            flex-direction: column;\n            align-items: stretch;\n            overflow: hidden !important;\n            --simple-button-grid-cols: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            transition: all 0.5s;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n          }\n          #grid {\n            flex: 1 1 auto;\n            max-width: 100%;\n            overflow: auto;\n          }\n\n          #buttons {\n            flex: 0 1 100%;\n            max-width: 100%;\n            display: flex;\n            flex-wrap: wrap;\n            --simple-toolbar-button-flex: var(\n              --simple-toolbar-button-grid-flex,\n              1 1 100%\n            );\n          }\n          #buttons {\n            display: grid;\n            overflow: visible;\n            grid-gap: var(--simple-button-grid-margin, 4px);\n            grid-template-columns: repeat(\n              auto-fill,\n              minmax(\n                calc(\n                  var(--simple-button-grid-cols) - 2 *\n                    var(--simple-button-grid-margin, 4px)\n                ),\n                1fr\n              )\n            );\n          }\n          :host([collapsed]:not([always-expanded]))\n            ::slotted(*[collapse-hide]) {\n            display: none !important;\n          }\n        "]);return _templateObject2_f297de101f0511ed8cc3e9a95995ad69=function _templateObject2_f297de101f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject_f297de101f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(['\n        <div id="grid">\n          <div\n            id="buttons"\n            class="','"\n            style="','"\n            part="buttons"\n          >\n            <slot></slot>\n            ',"\n          </div>\n        </div>\n      "]);return _templateObject_f297de101f0511ed8cc3e9a95995ad69=function _templateObject_f297de101f0511ed8cc3e9a95995ad69(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,r=new Array(t.length);e<t.length;e++)r[e]=t[e];return r}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _defineProperties(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,r){var n=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(n){var o=Object.getOwnPropertyDescriptor(n,e);return o.get?o.get.call(r):o.value}},_get(t,e,r||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}var r=function SimpleButtonGridBehaviors(r){return function(e){function _class(){return _classCallCheck(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))}return _inherits(_class,e),function _createClass(t,e,r){return e&&_defineProperties(t.prototype,e),r&&_defineProperties(t,r),t}(_class,[{key:"tag",value:function tag(){return"simple-toolbar-grid"}},{key:"_bottom",value:function _bottom(t){return t&&t.offsetTop&&t.clientHeight?t.offsetTop+t.clientHeight:void 0}},{key:"resizeToolbar",value:function resizeToolbar(){var t=this;if(!this.alwaysExpanded){var e,r=this.shadowRoot?this.shadowRoot.querySelector("#morebutton"):void 0,n=(this._bottom(r),this._bottom(this)),o=_toConsumableArray(this.children||[]),i=!0,l=[];o.forEach((function(r){if(r.removeAttribute&&r.removeAttribute("collapse-hide"),0==l.length)l.unshift(r.offsetTop);else{var o=r.offsetTop>l[0];o&&l.unshift(r.offsetTop),t.rows&&l.length>t.rows||!t.rows&&o&&t._bottom(r)>n?(r.setAttribute("collapse-hide",!0),i=!1):i?e=r:r.setAttribute("collapse-hide",!0)}})),this.collapseDisabled=i&&!(r&&e&&this._bottom(r)>n),!this.collapseDisabled&&e&&e.setAttribute("collapse-hide",!0)}}},{key:"gridStyles",get:function get(){var t=[];return this.columns&&t.push("--simple-button-grid-cols:".concat(100/this.columns,"%")),t.join(";")}},{key:"toolbarTemplate",get:function get(){return(0,t.html)(_templateObject_f297de101f0511ed8cc3e9a95995ad69(),!this.alwaysExpanded&&this.collapsed?"collapsed":"",this.gridStyles,this.alwaysExpanded?"":this.moreButton)}}],[{key:"baseStyles",get:function get(){return[(0,t.css)(_templateObject2_f297de101f0511ed8cc3e9a95995ad69())]}},{key:"properties",get:function get(){return function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(r,!0).forEach((function(e){_defineProperty(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},_get(_getPrototypeOf(_class),"properties",this),{columns:{type:Number,attribute:"columns"},rows:{type:Number,attribute:"rows"},disableAutogrow:{type:Boolean,attribute:"disable-autogrow",reflect:!0}})}}]),_class}((0,e.SimpleToolbarBehaviors)(r))};exports.SimpleButtonGridBehaviors=r;var n=function(e){function SimpleButtonGrid(){return _classCallCheck(this,SimpleButtonGrid),_possibleConstructorReturn(this,_getPrototypeOf(SimpleButtonGrid).apply(this,arguments))}return _inherits(SimpleButtonGrid,r(t.LitElement)),SimpleButtonGrid}();exports.SimpleButtonGrid=n,customElements.define("simple-button-grid",n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleButtonGridBehaviors=exports.SimpleButtonGrid=void 0;var t=require("lit"),e=require("../simple-toolbar.js");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function _defineProperty(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function _templateObject2_c9988e301f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["\n          :host {\n            padding: 0;\n            margin: 0;\n            max-width: 100%;\n            display: flex;\n            overflow: hidden;\n            flex-direction: column;\n            align-items: stretch;\n            overflow: hidden !important;\n            --simple-button-grid-cols: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            transition: all 0.5s;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n          }\n          #grid {\n            flex: 1 1 auto;\n            max-width: 100%;\n            overflow: auto;\n          }\n\n          #buttons {\n            flex: 0 1 100%;\n            max-width: 100%;\n            display: flex;\n            flex-wrap: wrap;\n            --simple-toolbar-button-flex: var(\n              --simple-toolbar-button-grid-flex,\n              1 1 100%\n            );\n          }\n          #buttons {\n            display: grid;\n            overflow: visible;\n            grid-gap: var(--simple-button-grid-margin, 4px);\n            grid-template-columns: repeat(\n              auto-fill,\n              minmax(\n                calc(\n                  var(--simple-button-grid-cols) - 2 *\n                    var(--simple-button-grid-margin, 4px)\n                ),\n                1fr\n              )\n            );\n          }\n          :host([collapsed]:not([always-expanded]))\n            ::slotted(*[collapse-hide]) {\n            display: none !important;\n          }\n        "]);return _templateObject2_c9988e301f2611eda0c389891c227ec8=function _templateObject2_c9988e301f2611eda0c389891c227ec8(){return t},t}function _templateObject_c9988e301f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['\n        <div id="grid">\n          <div\n            id="buttons"\n            class="','"\n            style="','"\n            part="buttons"\n          >\n            <slot></slot>\n            ',"\n          </div>\n        </div>\n      "]);return _templateObject_c9988e301f2611eda0c389891c227ec8=function _templateObject_c9988e301f2611eda0c389891c227ec8(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,r=new Array(t.length);e<t.length;e++)r[e]=t[e];return r}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _defineProperties(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _get(t,e,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,r){var n=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(n){var o=Object.getOwnPropertyDescriptor(n,e);return o.get?o.get.call(r):o.value}},_get(t,e,r||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}var r=function SimpleButtonGridBehaviors(r){return function(e){function _class(){return _classCallCheck(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))}return _inherits(_class,e),function _createClass(t,e,r){return e&&_defineProperties(t.prototype,e),r&&_defineProperties(t,r),t}(_class,[{key:"tag",value:function tag(){return"simple-toolbar-grid"}},{key:"_bottom",value:function _bottom(t){return t&&t.offsetTop&&t.clientHeight?t.offsetTop+t.clientHeight:void 0}},{key:"resizeToolbar",value:function resizeToolbar(){var t=this;if(!this.alwaysExpanded){var e,r=this.shadowRoot?this.shadowRoot.querySelector("#morebutton"):void 0,n=(this._bottom(r),this._bottom(this)),o=_toConsumableArray(this.children||[]),i=!0,l=[];o.forEach((function(r){if(r.removeAttribute&&r.removeAttribute("collapse-hide"),0==l.length)l.unshift(r.offsetTop);else{var o=r.offsetTop>l[0];o&&l.unshift(r.offsetTop),t.rows&&l.length>t.rows||!t.rows&&o&&t._bottom(r)>n?(r.setAttribute("collapse-hide",!0),i=!1):i?e=r:r.setAttribute("collapse-hide",!0)}})),this.collapseDisabled=i&&!(r&&e&&this._bottom(r)>n),!this.collapseDisabled&&e&&e.setAttribute("collapse-hide",!0)}}},{key:"gridStyles",get:function get(){var t=[];return this.columns&&t.push("--simple-button-grid-cols:".concat(100/this.columns,"%")),t.join(";")}},{key:"toolbarTemplate",get:function get(){return(0,t.html)(_templateObject_c9988e301f2611eda0c389891c227ec8(),!this.alwaysExpanded&&this.collapsed?"collapsed":"",this.gridStyles,this.alwaysExpanded?"":this.moreButton)}}],[{key:"baseStyles",get:function get(){return[(0,t.css)(_templateObject2_c9988e301f2611eda0c389891c227ec8())]}},{key:"properties",get:function get(){return function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(r,!0).forEach((function(e){_defineProperty(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},_get(_getPrototypeOf(_class),"properties",this),{columns:{type:Number,attribute:"columns"},rows:{type:Number,attribute:"rows"},disableAutogrow:{type:Boolean,attribute:"disable-autogrow",reflect:!0}})}}]),_class}((0,e.SimpleToolbarBehaviors)(r))};exports.SimpleButtonGridBehaviors=r;var n=function(e){function SimpleButtonGrid(){return _classCallCheck(this,SimpleButtonGrid),_possibleConstructorReturn(this,_getPrototypeOf(SimpleButtonGrid).apply(this,arguments))}return _inherits(SimpleButtonGrid,r(t.LitElement)),SimpleButtonGrid}();exports.SimpleButtonGrid=n,customElements.define("simple-button-grid",n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-button.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-button.dev.js
index 15a1b71e889..8875addd6fd 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-button.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-button.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleToolbarButtonBehaviors=exports.SimpleToolbarButton=exports.SimpleToolbarGlobalProperties=void 0;var t=require("lit");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject12_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(['\n          button[part="button"] {\n            color: var(--simple-toolbar-button-color);\n            border-color: var(\n              --simple-toolbar-button-border-color,\n              var(--simple-toolbar-border-color, transparent)\n            );\n            background-color: var(--simple-toolbar-button-bg, transparent);\n            opacity: var(--simple-toolbar-button-opacity, 1);\n            border-width: var(\n              --simple-toolbar-button-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n            border-radius: var(--simple-toolbar-border-radius, 3px);\n            border-style: solid;\n            text-transform: unset;\n          }\n          button[part="button"][aria-pressed="true"] {\n            color: var(--simple-toolbar-button-toggled-color);\n            border-color: var(--simple-toolbar-button-toggled-border-color);\n            background-color: var(--simple-toolbar-button-toggled-bg);\n            opacity: var(--simple-toolbar-button-toggled-opacity, 0.8);\n          }\n          button[part="button"]:focus,\n          button[part="button"]:hover {\n            color: var(--simple-toolbar-button-hover-color);\n            background-color: var(--simple-toolbar-button-hover-bg);\n            border-color: var(--simple-toolbar-button-hover-border-color);\n            opacity: var(--simple-toolbar-button-hover-opacity, 0.8);\n          }\n          button[part="button"][disabled] {\n            cursor: not-allowed;\n            color: var(--simple-toolbar-button-disabled-color, unset);\n            background-color: var(--simple-toolbar-button-disabled-bg, unset);\n            border-color: var(\n              --simple-toolbar-button-disabled-border-color,\n              unset\n            );\n            opacity: var(--simple-toolbar-button-disabled-opacity, 0.5);\n          }\n        ']);return _templateObject12_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject12_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject11_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(['\n          :host {\n            font-family: sans-serif;\n            font-size: 13px;\n            flex: 0 1 auto;\n            min-width: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            z-index: 1;\n          }\n          :host(:hover),\n          :host(:focus), \n          :host(:focus-within) {\n            z-index: 2;\n          }\n          button[part="button"] {\n            font-family: inherit;\n            font-size: inherit;\n            min-width: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            min-height: var(--simple-toolbar-button-height, 24px);\n            padding: var(--simple-toolbar-button-padding, 1px);\n            flex: var(--simple-toolbar-button-flex, 0 0 auto);\n            transition: all 0.5s;\n            align-items: var(--simple-toolbar-button-align, center);\n            justify-content: var(--simple-toolbar-button-justify, center);\n          }\n\n          :host([icon-position="top"]) button[part="button"] {\n            flex-direction: column;\n          }\n          :host([icon-position="bottom"]) button[part="button"] {\n            flex-direction: column-reverse;\n          }\n          :host([icon-position="right"]) button[part="button"] {\n            flex-direction: row-reverse;\n          }\n          :host([align-vertical="top"][icon-position="left"])\n            button[part="button"],\n          :host([align-vertical="top"][icon-position="right"])\n            button[part="button"],\n          :host([align-horizontal="left"][icon-position="top"])\n            button[part="button"],\n          :host([align-horizontal="left"][icon-position="bottom"])\n            button[part="button"] {\n            align-items: flex-start;\n          }\n          :host([align-vertical="bottom"][icon-position="left"])\n            button[part="button"],\n          :host([align-vertical="bottom"][icon-position="right"])\n            button[part="button"],\n          :host([align-horizontal="right"][icon-position="top"])\n            button[part="button"],\n          :host([align-horizontal="right"][icon-position="bottom"]) {\n            align-items: flex-end;\n          }\n          :host([align-horizontal="left"][icon-position="left"])\n            button[part="button"],\n          :host([align-horizontal="left"][icon-position="right"])\n            button[part="button"],\n          :host([align-vertical="top"][icon-position="top"])\n            button[part="button"],\n          :host([align-vertical="top"][icon-position="bottom"]) {\n            justify-content: flex-start;\n          }\n          :host([align-horizontal="right"][icon-position="left"])\n            button[part="button"],\n          :host([align-horizontal="right"][icon-position="right"])\n            button[part="button"],\n          :host([align-vertical="bottom"][icon-position="top"])\n            button[part="button"],\n          :host([align-vertical="bottom"][icon-position="bottom"]) {\n            justify-content: flex-end;\n          }\n        ']);return _templateObject11_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject11_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject10_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(['\n          :host {\n            display: inline-flex;\n            white-space: nowrap;\n            transition: all 0.5s;\n            z-index: 1;\n          }\n          :host(:hover),\n          :host(:focus-wthin) {\n            z-index: var(--simple-toolbar-focus-z-index, 100) !important;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n            overflow: hidden;\n          }\n          :host([disabled]) {\n            pointer-events: none;\n          }\n          button[part="button"] {\n            display: flex;\n            margin: 0;\n            white-space: nowrap;\n            width: 100%;\n            height: 100%;\n          }\n        ']);return _templateObject10_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject10_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject9_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(["\n          simple-tooltip {\n            z-index: -1;\n          }\n          :host(:hover) simple-tooltip,\n          :host(:focus-within) simple-tooltip {\n            z-index: var(--simple-toolbar-button-z-index, 2);\n          }\n        "]);return _templateObject9_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject9_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject8_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(["\n          #icon:not([icon]) {\n            display: none;\n          }\n          #icon[icon] {\n            width: var(\n              --simple-toolbar-button-width,\n              var(--simple-toolbar-button-height, 24px)\n            );\n            height: var(--simple-toolbar-button-height, 24px);\n            flex: 0 0 auto;\n          }\n        "]);return _templateObject8_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject8_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject7_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(["\n          #label {\n            padding: 0 var(--simple-toolbar-button-label-padding, 2px);\n            white-space: var(--simple-toolbar-button-label-white-space, normal);\n          }\n          .offscreen {\n            position: absolute;\n            left: -999999px;\n            top: 0;\n            height: 0;\n            width: 0;\n            overflow: hidden;\n          }\n        "]);return _templateObject7_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject7_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject6_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral([' <button\n              id="button"\n              class="simple-toolbar-button"\n              ?disabled="','"\n              ?controls="','"\n              @click="','"\n              @keypress="','"\n              tabindex="0"\n              part="button"\n            >\n              '," ","\n            </button>\n            ",""]);return _templateObject6_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject6_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject5_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral([' <button\n              id="button"\n              aria-pressed="','"\n              class="simple-toolbar-button"\n              ?disabled="','"\n              ?controls="','"\n              @click="','"\n              @keypress="','"\n              tabindex="0"\n              part="button"\n            >\n              '," ","\n            </button>\n            ",""]);return _templateObject5_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject5_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject4_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(['<simple-tooltip\n            id="tooltip"\n            for="button"\n            position="','"\n            part="tooltip"\n            fit-to-visible-bounds\n            >',"</simple-tooltip\n          >"]);return _templateObject4_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject4_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject3_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(['<span\n            id="label"\n            class="','"\n            part="label"\n            >',"</span\n          >"]);return _templateObject3_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject3_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject2_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(['<simple-icon-lite\n            id="icon"\n            aria-hidden="true"\n            icon="','"\n            part="icon"\n          ></simple-icon-lite>']);return _templateObject2_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject2_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _templateObject_f29c71f01f0511ed8cc3e9a95995ad69(){var t=_taggedTemplateLiteral(["",""]);return _templateObject_f29c71f01f0511ed8cc3e9a95995ad69=function _templateObject_f29c71f01f0511ed8cc3e9a95995ad69(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function ownKeys(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _get(t,e,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,n){var o=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(o){var r=Object.getOwnPropertyDescriptor(o,e);return r.get?r.get.call(n):r.value}},_get(t,e,n||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _defineProperties(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function _createClass(t,e,n){return e&&_defineProperties(t.prototype,e),n&&_defineProperties(t,n),t}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js");var e={alignHorizontal:{attribute:"align-horizontal",reflect:!0,type:String},alignVertical:{attribute:"align-vertical",reflect:!0,type:String},disabled:{name:"disabled",type:Boolean,attribute:"disabled",reflect:!0},hidden:{name:"hidden",type:Boolean,attribute:"hidden",reflect:!0},iconPosition:{type:String,attribute:"icon-position",reflect:!0},showTextLabel:{name:"showTextLabel",type:Boolean,attribute:"more-show-text-label"},tooltipDirection:{type:String,attribute:"tooltip-direction",reflect:!0}};exports.SimpleToolbarGlobalProperties=e;var n=function SimpleToolbarButtonBehaviors(n){return function(n){function _class(){var t;return _classCallCheck(this,_class),(t=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).iconPosition="left",t.alignVertical="center",t.alignHorizontal="center",t.disabled=!1,t.showTextLabel=!1,t.toggles=!1,t.shortcutKeys="",Promise.resolve().then((function(){return function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var e=_getRequireWildcardCache();if(e&&e.has(t))return e.get(t);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r)){var i=o?Object.getOwnPropertyDescriptor(t,r):null;i&&(i.get||i.set)?Object.defineProperty(n,r,i):n[r]=t[r]}return n.default=t,e&&e.set(t,n),n}(require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js"))})),t}return _inherits(_class,n),_createClass(_class,null,[{key:"tag",get:function get(){return"simple-toolbar-button"}},{key:"properties",get:function get(){return function _objectSpread(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(n,!0).forEach((function(e){_defineProperty(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},e,{controls:{type:String,attribute:"controls",reflect:!0},icon:{type:String,attribute:"icon",reflect:!0},label:{type:String},shortcutKeys:{attribute:"shortcut-keys",type:String},showTextLabel:{attribute:"show-text-label",type:Boolean,reflect:!0},showTooltip:{attribute:"show-tooltip",type:Boolean,reflect:!0},target:{type:Object},toggledIcon:{attribute:"toggled-icon",type:String},toggledLabel:{attribute:"toggled-label",type:String},toggles:{type:Boolean},toggled:{attribute:"toggled",type:Boolean},toggledTooltip:{attribute:"toggled-tooltip",type:String}})}}]),_createClass(_class,[{key:"updated",value:function updated(t){_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,t),t.forEach((function(t,e){}))}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this),this.dispatchEvent(new CustomEvent("register-button",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.dispatchEvent(new CustomEvent("deregister-button",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this)}},{key:"_defaultOrToggled",value:function _defaultOrToggled(t,e){return this._uniqueText(e)&&this.isToggled?e:t}},{key:"_handleClick",value:function _handleClick(t){this.toggle()}},{key:"_handleShortcutKeys",value:function _handleShortcutKeys(t,e){}},{key:"toggle",value:function toggle(){this.toggles&&(this.toggled=!this.toggled)}},{key:"click",value:function click(t){this._handleClick(t)}},{key:"updateButtonRegistry",value:function updateButtonRegistry(){this.dispatchEvent(new CustomEvent("update-button-registry",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_uniqueText",value:function _uniqueText(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return(t||"").trim()!==(e||"").trim()}},{key:"render",value:function render(){return(0,t.html)(_templateObject_f29c71f01f0511ed8cc3e9a95995ad69(),this.buttonTemplate)}},{key:"button",get:function get(){return this.__button||(this.__button=this.shadowRoot&&this.shadowRoot.querySelector("button[part=button]")?this.shadowRoot.querySelector("button[part=button]"):void 0),this.__button}},{key:"currentLabel",get:function get(){return this._defaultOrToggled(this.label,this.toggledLabel,this.isToggled)}},{key:"currentIcon",get:function get(){return this._defaultOrToggled(this.icon,this.toggledIcon,this.isToggled)}},{key:"currentTooltip",get:function get(){return this._defaultOrToggled(this.tooltip,this.toggledTootip,this.isToggled)||this.currentLabel}},{key:"isToggled",get:function get(){return!!this.toggles&!!this.toggled}},{key:"hasLabel",get:function get(){return this._uniqueText(this.currentLabel)}},{key:"hasIcon",get:function get(){return this._uniqueText(this.currentIcon)}},{key:"hasTooltip",get:function get(){return this._uniqueText(this.currentTooltip)}},{key:"labelVisible",get:function get(){return(!this.hasIcon||this.showTextLabel)&&this.hasLabel}},{key:"tooltipVisible",get:function get(){return(this.hasTooltip||this.hasLabel)&&(this.showTooltip||!this.labelVisible||this._uniqueText(this.currentLabel,this.currentTooltip))}},{key:"iconTemplate",get:function get(){return this.hasIcon?(0,t.html)(_templateObject2_f29c71f01f0511ed8cc3e9a95995ad69(),this.currentIcon):""}},{key:"labelTemplate",get:function get(){return this.hasLabel?(0,t.html)(_templateObject3_f29c71f01f0511ed8cc3e9a95995ad69(),this.labelVisible?"":"offscreen",this.currentLabel):""}},{key:"tooltipTemplate",get:function get(){return this.tooltipVisible?(0,t.html)(_templateObject4_f29c71f01f0511ed8cc3e9a95995ad69(),this.tooltipDirection||"bottom",this.currentTooltip||this.currentLabel):""}},{key:"buttonTemplate",get:function get(){return this.toggles?(0,t.html)(_templateObject5_f29c71f01f0511ed8cc3e9a95995ad69(),this.isToggled?"true":"false",this.disabled,this.controls,this._handleClick,this._handleKeys,this.iconTemplate,this.labelTemplate,this.tooltipTemplate):(0,t.html)(_templateObject6_f29c71f01f0511ed8cc3e9a95995ad69(),this.disabled,this.controls,this._handleClick,this._handleKeys,this.iconTemplate,this.labelTemplate,this.tooltipTemplate)}}],[{key:"labelStyles",get:function get(){return[(0,t.css)(_templateObject7_f29c71f01f0511ed8cc3e9a95995ad69())]}},{key:"iconStyles",get:function get(){return[(0,t.css)(_templateObject8_f29c71f01f0511ed8cc3e9a95995ad69())]}},{key:"tooltipStyles",get:function get(){return[(0,t.css)(_templateObject9_f29c71f01f0511ed8cc3e9a95995ad69())]}},{key:"simpleButtonCoreStyles",get:function get(){return[(0,t.css)(_templateObject10_f29c71f01f0511ed8cc3e9a95995ad69())]}},{key:"simpleButtonLayoutStyles",get:function get(){return[(0,t.css)(_templateObject11_f29c71f01f0511ed8cc3e9a95995ad69())]}},{key:"simpleButtonThemeStyles",get:function get(){return[(0,t.css)(_templateObject12_f29c71f01f0511ed8cc3e9a95995ad69())]}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(this.iconStyles),_toConsumableArray(this.labelStyles),_toConsumableArray(this.tooltipStyles),_toConsumableArray(this.simpleButtonCoreStyles),_toConsumableArray(this.simpleButtonLayoutStyles),_toConsumableArray(this.simpleButtonThemeStyles))}}]),_class}(n)};exports.SimpleToolbarButtonBehaviors=n;var o=function(e){function SimpleToolbarButton(){return _classCallCheck(this,SimpleToolbarButton),_possibleConstructorReturn(this,_getPrototypeOf(SimpleToolbarButton).apply(this,arguments))}return _inherits(SimpleToolbarButton,n(t.LitElement)),SimpleToolbarButton}();exports.SimpleToolbarButton=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleToolbarButtonBehaviors=exports.SimpleToolbarButton=exports.SimpleToolbarGlobalProperties=void 0;var t=require("lit");function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function _iterableToArray(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject12_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['\n          button[part="button"] {\n            color: var(--simple-toolbar-button-color);\n            border-color: var(\n              --simple-toolbar-button-border-color,\n              var(--simple-toolbar-border-color, transparent)\n            );\n            background-color: var(--simple-toolbar-button-bg, transparent);\n            opacity: var(--simple-toolbar-button-opacity, 1);\n            border-width: var(\n              --simple-toolbar-button-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n            border-radius: var(--simple-toolbar-border-radius, 3px);\n            border-style: solid;\n            text-transform: unset;\n          }\n          button[part="button"][aria-pressed="true"] {\n            color: var(--simple-toolbar-button-toggled-color);\n            border-color: var(--simple-toolbar-button-toggled-border-color);\n            background-color: var(--simple-toolbar-button-toggled-bg);\n            opacity: var(--simple-toolbar-button-toggled-opacity, 0.8);\n          }\n          button[part="button"]:focus,\n          button[part="button"]:hover {\n            color: var(--simple-toolbar-button-hover-color);\n            background-color: var(--simple-toolbar-button-hover-bg);\n            border-color: var(--simple-toolbar-button-hover-border-color);\n            opacity: var(--simple-toolbar-button-hover-opacity, 0.8);\n          }\n          button[part="button"][disabled] {\n            cursor: not-allowed;\n            color: var(--simple-toolbar-button-disabled-color, unset);\n            background-color: var(--simple-toolbar-button-disabled-bg, unset);\n            border-color: var(\n              --simple-toolbar-button-disabled-border-color,\n              unset\n            );\n            opacity: var(--simple-toolbar-button-disabled-opacity, 0.5);\n          }\n        ']);return _templateObject12_c99ad8201f2611eda0c389891c227ec8=function _templateObject12_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _templateObject11_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['\n          :host {\n            font-family: sans-serif;\n            font-size: 13px;\n            flex: 0 1 auto;\n            min-width: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            z-index: 1;\n          }\n          :host(:hover),\n          :host(:focus), \n          :host(:focus-within) {\n            z-index: 2;\n          }\n          button[part="button"] {\n            font-family: inherit;\n            font-size: inherit;\n            min-width: var(\n              --simple-toolbar-button-min-width,\n              var(\n                --simple-toolbar-button-width,\n                var(--simple-toolbar-button-height, 24px)\n              )\n            );\n            min-height: var(--simple-toolbar-button-height, 24px);\n            padding: var(--simple-toolbar-button-padding, 1px);\n            flex: var(--simple-toolbar-button-flex, 0 0 auto);\n            transition: all 0.5s;\n            align-items: var(--simple-toolbar-button-align, center);\n            justify-content: var(--simple-toolbar-button-justify, center);\n          }\n\n          :host([icon-position="top"]) button[part="button"] {\n            flex-direction: column;\n          }\n          :host([icon-position="bottom"]) button[part="button"] {\n            flex-direction: column-reverse;\n          }\n          :host([icon-position="right"]) button[part="button"] {\n            flex-direction: row-reverse;\n          }\n          :host([align-vertical="top"][icon-position="left"])\n            button[part="button"],\n          :host([align-vertical="top"][icon-position="right"])\n            button[part="button"],\n          :host([align-horizontal="left"][icon-position="top"])\n            button[part="button"],\n          :host([align-horizontal="left"][icon-position="bottom"])\n            button[part="button"] {\n            align-items: flex-start;\n          }\n          :host([align-vertical="bottom"][icon-position="left"])\n            button[part="button"],\n          :host([align-vertical="bottom"][icon-position="right"])\n            button[part="button"],\n          :host([align-horizontal="right"][icon-position="top"])\n            button[part="button"],\n          :host([align-horizontal="right"][icon-position="bottom"]) {\n            align-items: flex-end;\n          }\n          :host([align-horizontal="left"][icon-position="left"])\n            button[part="button"],\n          :host([align-horizontal="left"][icon-position="right"])\n            button[part="button"],\n          :host([align-vertical="top"][icon-position="top"])\n            button[part="button"],\n          :host([align-vertical="top"][icon-position="bottom"]) {\n            justify-content: flex-start;\n          }\n          :host([align-horizontal="right"][icon-position="left"])\n            button[part="button"],\n          :host([align-horizontal="right"][icon-position="right"])\n            button[part="button"],\n          :host([align-vertical="bottom"][icon-position="top"])\n            button[part="button"],\n          :host([align-vertical="bottom"][icon-position="bottom"]) {\n            justify-content: flex-end;\n          }\n        ']);return _templateObject11_c99ad8201f2611eda0c389891c227ec8=function _templateObject11_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _templateObject10_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['\n          :host {\n            display: inline-flex;\n            white-space: nowrap;\n            transition: all 0.5s;\n            z-index: 1;\n          }\n          :host(:hover),\n          :host(:focus-wthin) {\n            z-index: var(--simple-toolbar-focus-z-index, 100) !important;\n          }\n          :host([hidden]) {\n            z-index: -1;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n            overflow: hidden;\n          }\n          :host([disabled]) {\n            pointer-events: none;\n          }\n          button[part="button"] {\n            display: flex;\n            margin: 0;\n            white-space: nowrap;\n            width: 100%;\n            height: 100%;\n          }\n        ']);return _templateObject10_c99ad8201f2611eda0c389891c227ec8=function _templateObject10_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _templateObject9_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["\n          simple-tooltip {\n            z-index: -1;\n          }\n          :host(:hover) simple-tooltip,\n          :host(:focus-within) simple-tooltip {\n            z-index: var(--simple-toolbar-button-z-index, 2);\n          }\n        "]);return _templateObject9_c99ad8201f2611eda0c389891c227ec8=function _templateObject9_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _templateObject8_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["\n          #icon:not([icon]) {\n            display: none;\n          }\n          #icon[icon] {\n            width: var(\n              --simple-toolbar-button-width,\n              var(--simple-toolbar-button-height, 24px)\n            );\n            height: var(--simple-toolbar-button-height, 24px);\n            flex: 0 0 auto;\n          }\n        "]);return _templateObject8_c99ad8201f2611eda0c389891c227ec8=function _templateObject8_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _templateObject7_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["\n          #label {\n            padding: 0 var(--simple-toolbar-button-label-padding, 2px);\n            white-space: var(--simple-toolbar-button-label-white-space, normal);\n          }\n          .offscreen {\n            position: absolute;\n            left: -999999px;\n            top: 0;\n            height: 0;\n            width: 0;\n            overflow: hidden;\n          }\n        "]);return _templateObject7_c99ad8201f2611eda0c389891c227ec8=function _templateObject7_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _templateObject6_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral([' <button\n              id="button"\n              class="simple-toolbar-button"\n              ?disabled="','"\n              ?controls="','"\n              @click="','"\n              @keypress="','"\n              tabindex="0"\n              part="button"\n            >\n              '," ","\n            </button>\n            ",""]);return _templateObject6_c99ad8201f2611eda0c389891c227ec8=function _templateObject6_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _templateObject5_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral([' <button\n              id="button"\n              aria-pressed="','"\n              class="simple-toolbar-button"\n              ?disabled="','"\n              ?controls="','"\n              @click="','"\n              @keypress="','"\n              tabindex="0"\n              part="button"\n            >\n              '," ","\n            </button>\n            ",""]);return _templateObject5_c99ad8201f2611eda0c389891c227ec8=function _templateObject5_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _templateObject4_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['<simple-tooltip\n            id="tooltip"\n            for="button"\n            position="','"\n            part="tooltip"\n            fit-to-visible-bounds\n            >',"</simple-tooltip\n          >"]);return _templateObject4_c99ad8201f2611eda0c389891c227ec8=function _templateObject4_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _templateObject3_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['<span\n            id="label"\n            class="','"\n            part="label"\n            >',"</span\n          >"]);return _templateObject3_c99ad8201f2611eda0c389891c227ec8=function _templateObject3_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _templateObject2_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(['<simple-icon-lite\n            id="icon"\n            aria-hidden="true"\n            icon="','"\n            part="icon"\n          ></simple-icon-lite>']);return _templateObject2_c99ad8201f2611eda0c389891c227ec8=function _templateObject2_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _templateObject_c99ad8201f2611eda0c389891c227ec8(){var t=_taggedTemplateLiteral(["",""]);return _templateObject_c99ad8201f2611eda0c389891c227ec8=function _templateObject_c99ad8201f2611eda0c389891c227ec8(){return t},t}function _taggedTemplateLiteral(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function ownKeys(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(t,e){return!e||"object"!==_typeof(e)&&"function"!=typeof e?function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _get(t,e,n){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(t,e,n){var o=function _superPropBase(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_getPrototypeOf(t)););return t}(t,e);if(o){var r=Object.getOwnPropertyDescriptor(o,e);return r.get?r.get.call(n):r.value}},_get(t,e,n||t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _defineProperties(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function _createClass(t,e,n){return e&&_defineProperties(t.prototype,e),n&&_defineProperties(t,n),t}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}require("@lrnwebcomponents/simple-icon/lib/simple-icon-lite.js"),require("@lrnwebcomponents/simple-icon/lib/simple-icons.js"),require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js");var e={alignHorizontal:{attribute:"align-horizontal",reflect:!0,type:String},alignVertical:{attribute:"align-vertical",reflect:!0,type:String},disabled:{name:"disabled",type:Boolean,attribute:"disabled",reflect:!0},hidden:{name:"hidden",type:Boolean,attribute:"hidden",reflect:!0},iconPosition:{type:String,attribute:"icon-position",reflect:!0},showTextLabel:{name:"showTextLabel",type:Boolean,attribute:"more-show-text-label"},tooltipDirection:{type:String,attribute:"tooltip-direction",reflect:!0}};exports.SimpleToolbarGlobalProperties=e;var n=function SimpleToolbarButtonBehaviors(n){return function(n){function _class(){var t;return _classCallCheck(this,_class),(t=_possibleConstructorReturn(this,_getPrototypeOf(_class).call(this))).iconPosition="left",t.alignVertical="center",t.alignHorizontal="center",t.disabled=!1,t.showTextLabel=!1,t.toggles=!1,t.shortcutKeys="",Promise.resolve().then((function(){return function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var e=_getRequireWildcardCache();if(e&&e.has(t))return e.get(t);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r)){var i=o?Object.getOwnPropertyDescriptor(t,r):null;i&&(i.get||i.set)?Object.defineProperty(n,r,i):n[r]=t[r]}return n.default=t,e&&e.set(t,n),n}(require("@lrnwebcomponents/simple-tooltip/simple-tooltip.js"))})),t}return _inherits(_class,n),_createClass(_class,null,[{key:"tag",get:function get(){return"simple-toolbar-button"}},{key:"properties",get:function get(){return function _objectSpread(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(n,!0).forEach((function(e){_defineProperty(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},e,{controls:{type:String,attribute:"controls",reflect:!0},icon:{type:String,attribute:"icon",reflect:!0},label:{type:String},shortcutKeys:{attribute:"shortcut-keys",type:String},showTextLabel:{attribute:"show-text-label",type:Boolean,reflect:!0},showTooltip:{attribute:"show-tooltip",type:Boolean,reflect:!0},target:{type:Object},toggledIcon:{attribute:"toggled-icon",type:String},toggledLabel:{attribute:"toggled-label",type:String},toggles:{type:Boolean},toggled:{attribute:"toggled",type:Boolean},toggledTooltip:{attribute:"toggled-tooltip",type:String}})}}]),_createClass(_class,[{key:"updated",value:function updated(t){_get(_getPrototypeOf(_class.prototype),"updated",this).call(this,t),t.forEach((function(t,e){}))}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(_class.prototype),"connectedCallback",this).call(this),this.dispatchEvent(new CustomEvent("register-button",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.dispatchEvent(new CustomEvent("deregister-button",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),_get(_getPrototypeOf(_class.prototype),"disconnectedCallback",this).call(this)}},{key:"_defaultOrToggled",value:function _defaultOrToggled(t,e){return this._uniqueText(e)&&this.isToggled?e:t}},{key:"_handleClick",value:function _handleClick(t){this.toggle()}},{key:"_handleShortcutKeys",value:function _handleShortcutKeys(t,e){}},{key:"toggle",value:function toggle(){this.toggles&&(this.toggled=!this.toggled)}},{key:"click",value:function click(t){this._handleClick(t)}},{key:"updateButtonRegistry",value:function updateButtonRegistry(){this.dispatchEvent(new CustomEvent("update-button-registry",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}},{key:"_uniqueText",value:function _uniqueText(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return(t||"").trim()!==(e||"").trim()}},{key:"render",value:function render(){return(0,t.html)(_templateObject_c99ad8201f2611eda0c389891c227ec8(),this.buttonTemplate)}},{key:"button",get:function get(){return this.__button||(this.__button=this.shadowRoot&&this.shadowRoot.querySelector("button[part=button]")?this.shadowRoot.querySelector("button[part=button]"):void 0),this.__button}},{key:"currentLabel",get:function get(){return this._defaultOrToggled(this.label,this.toggledLabel,this.isToggled)}},{key:"currentIcon",get:function get(){return this._defaultOrToggled(this.icon,this.toggledIcon,this.isToggled)}},{key:"currentTooltip",get:function get(){return this._defaultOrToggled(this.tooltip,this.toggledTootip,this.isToggled)||this.currentLabel}},{key:"isToggled",get:function get(){return!!this.toggles&!!this.toggled}},{key:"hasLabel",get:function get(){return this._uniqueText(this.currentLabel)}},{key:"hasIcon",get:function get(){return this._uniqueText(this.currentIcon)}},{key:"hasTooltip",get:function get(){return this._uniqueText(this.currentTooltip)}},{key:"labelVisible",get:function get(){return(!this.hasIcon||this.showTextLabel)&&this.hasLabel}},{key:"tooltipVisible",get:function get(){return(this.hasTooltip||this.hasLabel)&&(this.showTooltip||!this.labelVisible||this._uniqueText(this.currentLabel,this.currentTooltip))}},{key:"iconTemplate",get:function get(){return this.hasIcon?(0,t.html)(_templateObject2_c99ad8201f2611eda0c389891c227ec8(),this.currentIcon):""}},{key:"labelTemplate",get:function get(){return this.hasLabel?(0,t.html)(_templateObject3_c99ad8201f2611eda0c389891c227ec8(),this.labelVisible?"":"offscreen",this.currentLabel):""}},{key:"tooltipTemplate",get:function get(){return this.tooltipVisible?(0,t.html)(_templateObject4_c99ad8201f2611eda0c389891c227ec8(),this.tooltipDirection||"bottom",this.currentTooltip||this.currentLabel):""}},{key:"buttonTemplate",get:function get(){return this.toggles?(0,t.html)(_templateObject5_c99ad8201f2611eda0c389891c227ec8(),this.isToggled?"true":"false",this.disabled,this.controls,this._handleClick,this._handleKeys,this.iconTemplate,this.labelTemplate,this.tooltipTemplate):(0,t.html)(_templateObject6_c99ad8201f2611eda0c389891c227ec8(),this.disabled,this.controls,this._handleClick,this._handleKeys,this.iconTemplate,this.labelTemplate,this.tooltipTemplate)}}],[{key:"labelStyles",get:function get(){return[(0,t.css)(_templateObject7_c99ad8201f2611eda0c389891c227ec8())]}},{key:"iconStyles",get:function get(){return[(0,t.css)(_templateObject8_c99ad8201f2611eda0c389891c227ec8())]}},{key:"tooltipStyles",get:function get(){return[(0,t.css)(_templateObject9_c99ad8201f2611eda0c389891c227ec8())]}},{key:"simpleButtonCoreStyles",get:function get(){return[(0,t.css)(_templateObject10_c99ad8201f2611eda0c389891c227ec8())]}},{key:"simpleButtonLayoutStyles",get:function get(){return[(0,t.css)(_templateObject11_c99ad8201f2611eda0c389891c227ec8())]}},{key:"simpleButtonThemeStyles",get:function get(){return[(0,t.css)(_templateObject12_c99ad8201f2611eda0c389891c227ec8())]}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(this.iconStyles),_toConsumableArray(this.labelStyles),_toConsumableArray(this.tooltipStyles),_toConsumableArray(this.simpleButtonCoreStyles),_toConsumableArray(this.simpleButtonLayoutStyles),_toConsumableArray(this.simpleButtonThemeStyles))}}]),_class}(n)};exports.SimpleToolbarButtonBehaviors=n;var o=function(e){function SimpleToolbarButton(){return _classCallCheck(this,SimpleToolbarButton),_possibleConstructorReturn(this,_getPrototypeOf(SimpleToolbarButton).apply(this,arguments))}return _inherits(SimpleToolbarButton,n(t.LitElement)),SimpleToolbarButton}();exports.SimpleToolbarButton=o,window.customElements.define(o.tag,o);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu-item.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu-item.dev.js
index feda9207911..2dbd99cad04 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu-item.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu-item.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleToolbarMenuItem=void 0;var e=require("lit"),t=require("@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_f29ebbe01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n        :host {\n          --simple-toolbar-button-min-width: 100% !important;\n        }\n        ::slotted(*) {\n          --simple-toolbar-border-radius: 0px;\n          display: flex;\n        }\n      "]);return _templateObject2_f29ebbe01f0511ed8cc3e9a95995ad69=function _templateObject2_f29ebbe01f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_f29ebbe01f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);return _templateObject_f29ebbe01f0511ed8cc3e9a95995ad69=function _templateObject_f29ebbe01f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function SimpleToolbarMenuItem(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleToolbarMenuItem),_possibleConstructorReturn(this,_getPrototypeOf(SimpleToolbarMenuItem).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleToolbarMenuItem,(0,t.A11yMenuButtonItemBehaviors)(e.LitElement)),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(SimpleToolbarMenuItem,[{key:"render",value:function render(){return(0,e.html)(_templateObject_f29ebbe01f0511ed8cc3e9a95995ad69())}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleToolbarMenuItem),"styles",this)),[(0,e.css)(_templateObject2_f29ebbe01f0511ed8cc3e9a95995ad69())])}},{key:"tag",get:function get(){return"simple-toolbar-menu-item"}}]),SimpleToolbarMenuItem}();exports.SimpleToolbarMenuItem=r,window.customElements.define(r.tag,r);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleToolbarMenuItem=void 0;var e=require("lit"),t=require("@lrnwebcomponents/a11y-menu-button/lib/a11y-menu-button-item.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _templateObject2_c99c5ec01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n        :host {\n          --simple-toolbar-button-min-width: 100% !important;\n        }\n        ::slotted(*) {\n          --simple-toolbar-border-radius: 0px;\n          display: flex;\n        }\n      "]);return _templateObject2_c99c5ec01f2611eda0c389891c227ec8=function _templateObject2_c99c5ec01f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject_c99c5ec01f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n      <li role="none">\n        <slot></slot>\n      </li>\n    ']);return _templateObject_c99c5ec01f2611eda0c389891c227ec8=function _templateObject_c99c5ec01f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var r=function(r){function SimpleToolbarMenuItem(){return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleToolbarMenuItem),_possibleConstructorReturn(this,_getPrototypeOf(SimpleToolbarMenuItem).call(this))}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleToolbarMenuItem,(0,t.A11yMenuButtonItemBehaviors)(e.LitElement)),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(SimpleToolbarMenuItem,[{key:"render",value:function render(){return(0,e.html)(_templateObject_c99c5ec01f2611eda0c389891c227ec8())}}],[{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleToolbarMenuItem),"styles",this)),[(0,e.css)(_templateObject2_c99c5ec01f2611eda0c389891c227ec8())])}},{key:"tag",get:function get(){return"simple-toolbar-menu-item"}}]),SimpleToolbarMenuItem}();exports.SimpleToolbarMenuItem=r,window.customElements.define(r.tag,r);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu.dev.js
index 3ef596d2935..ea96431c69e 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-menu.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleToolbarMenuBehaviors=exports.SimpleToolbarMenu=void 0;var e=require("lit"),t=require("@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js"),r=require("./simple-toolbar-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject5_f29ff4601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          :host([expanded]) absolute-position-behavior {\n            border-style: solid;\n            border-width: var(\n              --simple-toolbar-button-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n            border-color: var(\n              --simple-toolbar-button-border-color,\n              var(--simple-toolbar-border-color, inherit)\n            );\n            background-color: var(--simple-toolbar-button-bg, white);\n            box-shadow: var(--simple-toolbar-menu-list-box-shadow, unset);\n          }\n        "]);return _templateObject5_f29ff4601f0511ed8cc3e9a95995ad69=function _templateObject5_f29ff4601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject4_f29ff4601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          #menu {\n            width: var(--simple-toolbar-button-width);\n            min-width: var(--simple-toolbar-button-min-width);\n          }\n        "]);return _templateObject4_f29ff4601f0511ed8cc3e9a95995ad69=function _templateObject4_f29ff4601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject3_f29ff4601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["\n          #menubutton {\n            display: flex;\n            flex-wrap: none;\n            align-items: center;\n            min-width: 42px;\n          }\n          .label {\n            padding: 0 5px;\n          }\n          #dropdownicon {\n            --simple-icon-height: 18px;\n            --simple-icon-width: 18px;\n            margin-left: -2px;\n          }\n        "]);return _templateObject3_f29ff4601f0511ed8cc3e9a95995ad69=function _templateObject3_f29ff4601f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject2_f29ff4601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(["<slot></slot>"]);return _templateObject2_f29ff4601f0511ed8cc3e9a95995ad69=function _templateObject2_f29ff4601f0511ed8cc3e9a95995ad69(){return e},e}function _templateObject_f29ff4601f0511ed8cc3e9a95995ad69(){var e=_taggedTemplateLiteral(['\n        <button\n          id="menubutton"\n          aria-haspopup="true"\n          aria-controls="menu"\n          aria-expanded="','"\n          part="button"\n        >\n          '," ",'\n          <simple-icon-lite\n            id="dropdownicon"\n            icon="arrow-drop-down"\n            aria-hidden="true"\n            part="dropdown-icon"\n          ></simple-icon-lite>\n        </button>\n      ']);return _templateObject_f29ff4601f0511ed8cc3e9a95995ad69=function _templateObject_f29ff4601f0511ed8cc3e9a95995ad69(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("./simple-toolbar-menu-item.js");var o=function SimpleToolbarMenuBehaviors(o){return function(t){function _class(){return _classCallCheck(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).apply(this,arguments))}return _inherits(_class,t),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(_class,[{key:"buttonTemplate",get:function get(){return(0,e.html)(_templateObject_f29ff4601f0511ed8cc3e9a95995ad69(),this.expanded?"true":"false",this.iconTemplate,this.labelTemplate)}},{key:"listItemTemplate",get:function get(){return(0,e.html)(_templateObject2_f29ff4601f0511ed8cc3e9a95995ad69())}}],[{key:"simpleButtonCoreStyles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"simpleButtonCoreStyles",this)),[(0,e.css)(_templateObject3_f29ff4601f0511ed8cc3e9a95995ad69())])}},{key:"simpleButtonLayoutStyles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"simpleButtonLayoutStyles",this)),[(0,e.css)(_templateObject4_f29ff4601f0511ed8cc3e9a95995ad69())])}},{key:"simpleButtonThemeStyles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"simpleButtonThemeStyles",this)),[(0,e.css)(_templateObject5_f29ff4601f0511ed8cc3e9a95995ad69())])}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"menuButtonCoreStyles",this)),_toConsumableArray(this.simpleButtonCoreStyles),_toConsumableArray(this.iconStyles),_toConsumableArray(this.labelStyles),_toConsumableArray(this.tooltipStyles),_toConsumableArray(this.simpleButtonLayoutStyles),_toConsumableArray(this.simpleButtonThemeStyles))}},{key:"tag",get:function get(){return"simple-toolbar-menu"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this))}}]),_class}((0,t.A11yMenuButtonBehaviors)((0,r.SimpleToolbarButtonBehaviors)(o)))};exports.SimpleToolbarMenuBehaviors=o;var n=function(t){function SimpleToolbarMenu(){return _classCallCheck(this,SimpleToolbarMenu),_possibleConstructorReturn(this,_getPrototypeOf(SimpleToolbarMenu).apply(this,arguments))}return _inherits(SimpleToolbarMenu,o(e.LitElement)),SimpleToolbarMenu}();exports.SimpleToolbarMenu=n,window.customElements.define(n.tag,n);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleToolbarMenuBehaviors=exports.SimpleToolbarMenu=void 0;var e=require("lit"),t=require("@lrnwebcomponents/a11y-menu-button/a11y-menu-button.js"),r=require("./simple-toolbar-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _templateObject5_c99d97401f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          :host([expanded]) absolute-position-behavior {\n            border-style: solid;\n            border-width: var(\n              --simple-toolbar-button-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n            border-color: var(\n              --simple-toolbar-button-border-color,\n              var(--simple-toolbar-border-color, inherit)\n            );\n            background-color: var(--simple-toolbar-button-bg, white);\n            box-shadow: var(--simple-toolbar-menu-list-box-shadow, unset);\n          }\n        "]);return _templateObject5_c99d97401f2611eda0c389891c227ec8=function _templateObject5_c99d97401f2611eda0c389891c227ec8(){return e},e}function _templateObject4_c99d97401f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          #menu {\n            width: var(--simple-toolbar-button-width);\n            min-width: var(--simple-toolbar-button-min-width);\n          }\n        "]);return _templateObject4_c99d97401f2611eda0c389891c227ec8=function _templateObject4_c99d97401f2611eda0c389891c227ec8(){return e},e}function _templateObject3_c99d97401f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["\n          #menubutton {\n            display: flex;\n            flex-wrap: none;\n            align-items: center;\n            min-width: 42px;\n          }\n          .label {\n            padding: 0 5px;\n          }\n          #dropdownicon {\n            --simple-icon-height: 18px;\n            --simple-icon-width: 18px;\n            margin-left: -2px;\n          }\n        "]);return _templateObject3_c99d97401f2611eda0c389891c227ec8=function _templateObject3_c99d97401f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _templateObject2_c99d97401f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(["<slot></slot>"]);return _templateObject2_c99d97401f2611eda0c389891c227ec8=function _templateObject2_c99d97401f2611eda0c389891c227ec8(){return e},e}function _templateObject_c99d97401f2611eda0c389891c227ec8(){var e=_taggedTemplateLiteral(['\n        <button\n          id="menubutton"\n          aria-haspopup="true"\n          aria-controls="menu"\n          aria-expanded="','"\n          part="button"\n        >\n          '," ",'\n          <simple-icon-lite\n            id="dropdownicon"\n            icon="arrow-drop-down"\n            aria-hidden="true"\n            part="dropdown-icon"\n          ></simple-icon-lite>\n        </button>\n      ']);return _templateObject_c99d97401f2611eda0c389891c227ec8=function _templateObject_c99d97401f2611eda0c389891c227ec8(){return e},e}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _get(e,t,r){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,r){var o=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.value}},_get(e,t,r||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}require("./simple-toolbar-menu-item.js");var o=function SimpleToolbarMenuBehaviors(o){return function(t){function _class(){return _classCallCheck(this,_class),_possibleConstructorReturn(this,_getPrototypeOf(_class).apply(this,arguments))}return _inherits(_class,t),function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(_class,[{key:"buttonTemplate",get:function get(){return(0,e.html)(_templateObject_c99d97401f2611eda0c389891c227ec8(),this.expanded?"true":"false",this.iconTemplate,this.labelTemplate)}},{key:"listItemTemplate",get:function get(){return(0,e.html)(_templateObject2_c99d97401f2611eda0c389891c227ec8())}}],[{key:"simpleButtonCoreStyles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"simpleButtonCoreStyles",this)),[(0,e.css)(_templateObject3_c99d97401f2611eda0c389891c227ec8())])}},{key:"simpleButtonLayoutStyles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"simpleButtonLayoutStyles",this)),[(0,e.css)(_templateObject4_c99d97401f2611eda0c389891c227ec8())])}},{key:"simpleButtonThemeStyles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"simpleButtonThemeStyles",this)),[(0,e.css)(_templateObject5_c99d97401f2611eda0c389891c227ec8())])}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(_class),"menuButtonCoreStyles",this)),_toConsumableArray(this.simpleButtonCoreStyles),_toConsumableArray(this.iconStyles),_toConsumableArray(this.labelStyles),_toConsumableArray(this.tooltipStyles),_toConsumableArray(this.simpleButtonLayoutStyles),_toConsumableArray(this.simpleButtonThemeStyles))}},{key:"tag",get:function get(){return"simple-toolbar-menu"}},{key:"properties",get:function get(){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},_get(_getPrototypeOf(_class),"properties",this))}}]),_class}((0,t.A11yMenuButtonBehaviors)((0,r.SimpleToolbarButtonBehaviors)(o)))};exports.SimpleToolbarMenuBehaviors=o;var n=function(t){function SimpleToolbarMenu(){return _classCallCheck(this,SimpleToolbarMenu),_possibleConstructorReturn(this,_getPrototypeOf(SimpleToolbarMenu).apply(this,arguments))}return _inherits(SimpleToolbarMenu,o(e.LitElement)),SimpleToolbarMenu}();exports.SimpleToolbarMenu=n,window.customElements.define(n.tag,n);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-more-button.dev.js b/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-more-button.dev.js
index 5af241717dc..2b13c463548 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-more-button.dev.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-toolbar/lib/dist/simple-toolbar-more-button.dev.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleToolbarMoreButton=void 0;var e=require("lit"),t=require("./simple-toolbar-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(o,!0).forEach((function(t){_defineProperty(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function _defineProperty(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _templateObject_f2a105d01f0511ed8cc3e9a95995ad69(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n        :host([hidden]) {\n          display: none !important;\n        }\n      "]);return _templateObject_f2a105d01f0511ed8cc3e9a95995ad69=function _templateObject_f2a105d01f0511ed8cc3e9a95995ad69(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var n=Object.getOwnPropertyDescriptor(r,t);return n.get?n.get.call(o):n.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var o=function(o){function SimpleToolbarMoreButton(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleToolbarMoreButton),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleToolbarMoreButton).call(this))).icon="more-vert",e.toggled=!1,e.toggles=!0,e.label="More buttons",e.labelToggled="Fewer buttons",e.tooltipDirection="left",e.disabled=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleToolbarMoreButton,(0,t.SimpleToolbarButtonBehaviors)(e.LitElement)),_createClass(SimpleToolbarMoreButton,null,[{key:"tag",get:function get(){return"simple-toolbar-more-button"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleToolbarMoreButton),"styles",this)),[(0,e.css)(_templateObject_f2a105d01f0511ed8cc3e9a95995ad69())])}}]),_createClass(SimpleToolbarMoreButton,[{key:"_handleShortcutKeys",value:function _handleShortcutKeys(e,t){this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,cancelable:!0,composed:!0,detail:_objectSpread({},e.detail,{button:this,shortcutKey:this})}))}}]),SimpleToolbarMoreButton}();exports.SimpleToolbarMoreButton=o,window.customElements.define(o.tag,o);
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleToolbarMoreButton=void 0;var e=require("lit"),t=require("./simple-toolbar-button.js");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(o,!0).forEach((function(t){_defineProperty(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(o).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function _defineProperty(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _templateObject_c99e81a01f2611eda0c389891c227ec8(){var e=function _taggedTemplateLiteral(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n        :host([hidden]) {\n          display: none !important;\n        }\n      "]);return _templateObject_c99e81a01f2611eda0c389891c227ec8=function _templateObject_c99e81a01f2611eda0c389891c227ec8(){return e},e}function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,o=new Array(e.length);t<e.length;t++)o[t]=e[t];return o}}(e)||function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _get(e,t,o){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function _get(e,t,o){var r=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}(e,t);if(r){var n=Object.getOwnPropertyDescriptor(r,t);return n.get?n.get.call(o):n.value}},_get(e,t,o||e)}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}var o=function(o){function SimpleToolbarMoreButton(){var e;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,SimpleToolbarMoreButton),(e=_possibleConstructorReturn(this,_getPrototypeOf(SimpleToolbarMoreButton).call(this))).icon="more-vert",e.toggled=!1,e.toggles=!0,e.label="More buttons",e.labelToggled="Fewer buttons",e.tooltipDirection="left",e.disabled=!1,e}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(SimpleToolbarMoreButton,(0,t.SimpleToolbarButtonBehaviors)(e.LitElement)),_createClass(SimpleToolbarMoreButton,null,[{key:"tag",get:function get(){return"simple-toolbar-more-button"}},{key:"styles",get:function get(){return[].concat(_toConsumableArray(_get(_getPrototypeOf(SimpleToolbarMoreButton),"styles",this)),[(0,e.css)(_templateObject_c99e81a01f2611eda0c389891c227ec8())])}}]),_createClass(SimpleToolbarMoreButton,[{key:"_handleShortcutKeys",value:function _handleShortcutKeys(e,t){this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,cancelable:!0,composed:!0,detail:_objectSpread({},e.detail,{button:this,shortcutKey:this})}))}}]),SimpleToolbarMoreButton}();exports.SimpleToolbarMoreButton=o,window.customElements.define(o.tag,o);
\ No newline at end of file